/* Opal: product, process, evidence, conversation. */
.opal-page{--opal-ink:#223f5b;--opal-blue:#33557d;--opal-gold:#c6a05a;--opal-muted:#526979;--opal-line:#d7e1e7;color:var(--opal-ink);background:#fff;font-size:15px;line-height:1.95}
.opal-page .wrap{max-width:1180px;width:calc(100% - 80px)}
.opal-page h1,.opal-page h2,.opal-page h3{font-family:inherit;color:var(--opal-ink);letter-spacing:.025em}
.opal-page h2{font-size:34px;font-weight:600;line-height:1.65;margin:0 0 20px;text-wrap:balance}
.opal-page h3{font-size:20px;line-height:1.6;margin:0 0 12px}
.opal-page p{margin:0 0 20px}.opal-page a{transition:background .2s,color .2s,border-color .2s}
.opal-page section[id]{scroll-margin-top:24px}
.opal-page .proposal-breadcrumb{padding:22px 0;margin:0;font-size:12px;color:#637787}
.opal-page .opal-kicker{display:flex;align-items:center;gap:12px;font:500 11px/1.7 Arial,sans-serif;letter-spacing:.16em;color:#5d7384;margin:0 0 20px}
.opal-section-heading>.opal-kicker:before,.opal-resource .opal-kicker:before{content:'';width:27px;height:2px;background:var(--opal-gold);flex:none}
.opal-hero{position:relative;overflow:hidden;background:#f1f5f7;border-top:1px solid #e9eff2;border-bottom:1px solid #e4ebef}
.opal-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;min-height:625px;align-items:center;gap:30px}
.opal-hero-copy{position:relative;z-index:1;padding:36px 0 45px}
.opal-brand-line{display:flex;gap:16px;align-items:center;font-size:11px;letter-spacing:.16em;color:#42665e;margin-bottom:28px}
.opal-brand-line img{width:44px;height:40px;object-fit:contain}.opal-brand-line>span>span{color:#839c96;margin:0 8px}
.opal-page .opal-hero-copy>.opal-kicker{font-size:11px;letter-spacing:.12em;margin-bottom:8px;color:#4d667b}
.opal-page .opal-hero h1{font:400 110px/1.08 Arial,sans-serif;letter-spacing:-.065em;margin:0 0 24px;color:#24476a}
.opal-trademark{font-size:20px;vertical-align:top;display:inline-block;line-height:2.7;letter-spacing:0;margin-left:8px}
.opal-page .opal-lead{font-size:29px;line-height:1.75;font-weight:600;letter-spacing:.035em;margin-bottom:20px;text-wrap:balance}
.opal-page .opal-intro{font-size:14px;line-height:2;color:var(--opal-muted)}
.opal-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px}
.opal-page .opal-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:13px 25px;background:var(--opal-blue);color:#fff;border:1px solid var(--opal-blue);border-radius:4px;font-size:13px;font-weight:500;line-height:1.7;text-align:center}
.opal-page .opal-button:hover{background:#244566;border-color:#244566}
.opal-page .opal-button-outline{background:transparent;color:var(--opal-ink);border-color:#b5c5d0}.opal-page .opal-button-outline:hover{background:#fff;border-color:#4c6b83}
.opal-hero-visual{position:relative;isolation:isolate;height:600px}
.opal-orbit{position:absolute;width:400px;height:400px;border:1px solid #c2d3dc;border-radius:50%;left:2%;top:17%;z-index:-1;box-shadow:0 0 0 35px #ffffff30,0 0 0 70px #ffffff20}
.opal-unit{position:absolute;object-fit:contain;width:350px;height:590px;right:-2%;top:-9px;filter:drop-shadow(18px 18px 20px #30475e12)}
.opal-controller{position:absolute;object-fit:contain;width:230px;height:230px;left:-3%;bottom:40px;filter:drop-shadow(7px 10px 8px #31455712)}
.opal-visual-caption{position:absolute;right:2%;bottom:16px;font-size:10px;letter-spacing:.1em;color:#536d80}
.opal-page .opal-section-nav{position:static;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;justify-content:stretch;align-items:stretch;border:0;border-bottom:1px solid var(--opal-line);padding:0;background:none}
.opal-page .opal-section-nav a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;width:auto;min-height:83px;padding:16px 18px;margin:0;border:0;border-right:1px solid #e3eaee;border-radius:0;box-shadow:none;background:none;transform:none;font-size:12px;line-height:1.65;color:#496476}
.opal-page .opal-section-nav a:first-child{padding-left:0}.opal-page .opal-section-nav a:last-child{border-right:0}
.opal-page .opal-section-nav a:before{display:none}.opal-section-nav .opal-nav-number{font:10px/1.5 Arial,sans-serif;letter-spacing:.08em;color:#526d81}
.opal-page .opal-section-nav a:hover{background:#f5f8fa;color:#183e61}
.opal-section{padding-top:92px;padding-bottom:92px}.opal-section-heading{margin-bottom:36px}.opal-section-heading>p:last-child{font-size:15px;color:var(--opal-muted);max-width:700px}
#opal-about{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
#opal-about .opal-section-heading{margin:0}.opal-about-grid{min-width:0}
.opal-page .opal-body-lead{font-size:20px;line-height:1.9;color:#2d506a;margin-bottom:20px}
.opal-about-grid>div>p{font-size:15px;color:var(--opal-muted)}
.opal-highlights{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px;padding:24px 0 0;border-top:1px solid var(--opal-line)}
.opal-highlights>div+div{border-left:1px solid var(--opal-line);padding-left:28px}
.opal-highlights b{font:400 43px/1.25 Arial,sans-serif;letter-spacing:-.03em;color:var(--opal-ink);white-space:nowrap}.opal-highlights b span{font-size:17px;margin-left:7px;letter-spacing:0}
.opal-highlights p{font-size:13px;line-height:1.8;margin:12px 0 8px!important}.opal-highlights small{font-size:11px;color:#697e8b}
.opal-page .opal-note{font-size:11px;line-height:1.9;color:#647987;margin-top:18px}
.opal-workflow-section{padding:80px 0;background:#f4f7f9;border-top:1px solid #e5ecef;border-bottom:1px solid #e5ecef}
.opal-workflow-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:55px;align-items:center}
.opal-measurement{margin:0;padding:0;min-width:0}.opal-measurement img{width:100%;height:auto;mix-blend-mode:multiply}.opal-measurement figcaption{font-size:11px;color:#5f788c;margin-top:22px;line-height:1.8}
.opal-steps{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:30px 32px;margin:0;padding:0}
.opal-steps li{position:relative;padding:21px 0 0;border-top:1px solid #c6d5df}
.opal-step-number{display:block;font:400 15px/1.4 Arial,sans-serif;letter-spacing:.06em;color:#8b682d;margin-bottom:13px}
.opal-steps h3{font-size:18px}.opal-steps p{font-size:14px;line-height:1.9;color:#506b80;margin:0}
.opal-results{padding-bottom:0}
.opal-results-surface{padding:48px;background:#f1f5f8;border:1px solid #e0e8ee;border-radius:5px}
.opal-results-surface .opal-section-heading{margin-bottom:30px}
.opal-grades{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;margin:0}
.opal-grade{display:flex;flex-direction:column;gap:18px;align-items:flex-start;min-width:0;min-height:190px;padding:25px 24px;border:1px solid #d6c08b;border-radius:4px;background:#fffbf2}
.opal-grade-b{background:#f6faff;border-color:#c5d6e4}.opal-grade-c{background:#f6f7f8;border-color:#d6dee3}
.opal-grade-letter{font:400 43px/1 Arial,sans-serif;letter-spacing:-.03em;color:#9a742c}.opal-grade-b .opal-grade-letter{color:#365e80}.opal-grade-c .opal-grade-letter{color:#73818d}
.opal-page .opal-grade h3{font-size:15px;margin:0 0 8px}.opal-page .opal-grade p{font-size:13px;color:#516a7a;line-height:1.85;margin:0}
.opal-report-note{display:grid;grid-template-columns:135px 1fr;gap:24px;align-items:start;background:#2b4b69;color:#fff;margin:25px 0 0;padding:25px 28px;border-radius:3px}
.opal-report-label{font-size:12px;font-weight:500;line-height:1.9;letter-spacing:.04em;color:#fff}
.opal-page .opal-report-note p{font-size:13px;line-height:1.95;margin:0;color:#edf3f8}
.opal-applications{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.opal-application{min-width:0;padding:30px;background:#fafbfc;border:1px solid #e1e8ed;border-radius:4px}
.opal-page .opal-application .opal-kicker{font-size:10px;letter-spacing:.14em;margin-bottom:12px}.opal-application>p:not(.opal-kicker){font-size:14px;color:var(--opal-muted);min-height:82px;margin-bottom:0}
.opal-application-flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin:23px 0 0}
.opal-application-flow li{padding:13px 11px;font-size:12px;line-height:1.7;color:#476278;background:white;border:1px solid #d3e0e8;border-radius:3px}
.opal-application-flow li:nth-child(2){background:#e7eef4;border-color:#adbfce;color:#244968}
.opal-application-flow span{display:block;font:10px/1.5 Arial,sans-serif;color:#526d81;margin-bottom:7px}
.opal-page .opal-source-note{font-size:11px;margin:20px 0 0}.opal-page .opal-source-note a{font-size:11px}
.opal-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.opal-video-card{min-width:0;background:#fff;border-bottom:1px solid var(--opal-line)}
.opal-video-card video{display:block;width:100%;aspect-ratio:16/9;background:#183046;object-fit:contain;border-radius:4px}
.opal-video-copy{padding:25px 0 24px}.opal-video-copy .opal-video-labels{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.opal-video-copy .opal-kicker{margin:0;font-size:10px}.opal-video-duration{font:11px/1.5 Arial,sans-serif;color:#526b7d;letter-spacing:.04em}
.opal-video-copy p{font-size:14px;color:var(--opal-muted);margin-bottom:20px}
.opal-page .opal-text-link{display:inline-block;font-size:12px;line-height:1.8;color:#365b77;border-bottom:1px solid #91a7b7;padding-bottom:3px}.opal-page .opal-text-link:hover{color:#163a5a;border-color:#244d6f}
.opal-spec-section{background:#f4f7f9;border-top:1px solid #e2eaef;border-bottom:1px solid #e2eaef;padding:65px 0}
.opal-spec-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:65px}.opal-spec-grid .opal-section-heading{margin:0}
.opal-spec-table{border-collapse:collapse;width:100%;font-size:14px;margin:0;background:transparent}
.opal-spec-table th,.opal-spec-table td{border:0;border-bottom:1px solid #d3dfe7;padding:17px 14px;text-align:left;vertical-align:top;background:transparent}
.opal-spec-table th{font-weight:500;color:#365974;width:38%;padding-left:0}.opal-spec-table td{color:#536a7c;padding-right:0}.opal-spec-table tr:first-child th,.opal-spec-table tr:first-child td{padding-top:0}
.opal-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.opal-resource{display:grid;grid-template-columns:250px 1fr;gap:70px;align-items:center;padding:0 30px 70px}
.opal-cover{display:block;justify-self:center;width:125px;box-shadow:8px 12px 25px #213c551a}.opal-cover img{width:100%;height:auto}
.opal-resource h2{margin-bottom:20px}.opal-resource p{font-size:15px;color:var(--opal-muted)}.opal-resource .opal-note{font-size:11px}
.opal-contact{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:38px 42px;background:#2b4b69;border-radius:4px}
.opal-page .opal-contact h2{font-size:24px;color:white;margin-bottom:12px}.opal-contact p{font-size:14px;line-height:1.9;color:#edf3f8;margin:0}
.opal-page .opal-contact .opal-button{flex:none;background:white;border-color:white;color:#244968;padding:15px 25px}.opal-page .opal-contact .opal-button:hover{background:#eaf1f6;border-color:#eaf1f6}
.opal-trademark-note{margin:20px 0 0!important}.opal-nowrap{display:inline-block;white-space:nowrap}
@media(max-width:1000px){
 .opal-hero-grid{grid-template-columns:1.05fr .95fr;gap:20px;min-height:580px}.opal-hero-visual{height:560px}.opal-unit{width:300px;height:545px;right:-5%;top:-5px}.opal-controller{width:190px;height:190px;left:-7%;bottom:40px}.opal-orbit{width:300px;height:300px;left:0;top:22%}
 .opal-page .opal-hero h1{font-size:96px}.opal-page .opal-lead{font-size:25px}.opal-page .opal-intro{font-size:14px}.opal-actions{gap:12px}.opal-page .opal-button{padding:13px 19px;font-size:12px}
 .opal-page h2{font-size:29px}.opal-section{padding-top:75px;padding-bottom:75px}#opal-about{gap:35px;grid-template-columns:.85fr 1.15fr}.opal-page .opal-body-lead{font-size:18px}.opal-highlights{gap:20px}.opal-highlights>div+div{padding-left:20px}
 .opal-page .opal-section-nav a{font-size:11px;padding-left:12px;padding-right:12px}.opal-workflow-grid{gap:30px}.opal-results-surface{padding:32px}.opal-grade{padding:21px 18px;min-height:200px}.opal-applications{gap:20px}.opal-application{padding:25px}.opal-report-note{grid-template-columns:100px 1fr;padding:23px}.opal-application-flow li{padding:12px 8px;font-size:11px}
 .opal-resource{grid-template-columns:180px 1fr;gap:35px;padding-left:0;padding-right:0}.opal-contact{padding:32px;gap:25px}.opal-page .opal-contact h2{font-size:22px}.opal-contact p{font-size:13px}.opal-page .opal-contact .opal-button{padding:14px 19px}.opal-spec-grid{gap:35px}
}
@media(max-width:700px){
 .opal-page .wrap{width:calc(100% - 40px)}.opal-page .proposal-breadcrumb{font-size:11px;padding:18px 0}.opal-hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.opal-hero-copy{padding:28px 0 0}.opal-brand-line{margin-bottom:25px}.opal-brand-line img{width:38px;height:34px}.opal-brand-line>span{font-size:10px}.opal-page .opal-hero-copy>.opal-kicker{font-size:10px}.opal-page .opal-hero h1{font-size:85px;margin-bottom:21px}.opal-trademark{font-size:17px;line-height:2.8}.opal-page .opal-lead{font-size:24px;line-height:1.8;margin-bottom:19px}.opal-page .opal-intro{font-size:13px}.opal-actions{gap:12px;margin-top:24px}.opal-page .opal-button{min-height:49px;padding:12px 15px;font-size:12px}
 .opal-hero-visual{width:100%;height:390px;max-width:390px;margin:auto}.opal-unit{height:380px;width:245px;right:0;top:-3px}.opal-controller{width:173px;height:173px;left:-1%;bottom:18px}.opal-orbit{width:260px;height:260px;top:17%;left:15%}.opal-visual-caption{font-size:9px;right:0;bottom:10px}
 .opal-page .opal-section-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.opal-page .opal-section-nav a{min-height:72px;padding:13px 10px;font-size:11px;border-bottom:1px solid #e3eaee}.opal-page .opal-section-nav a:first-child,.opal-page .opal-section-nav a:nth-child(4){padding-left:0}.opal-page .opal-section-nav a:nth-child(3){border-right:0}.opal-page .opal-section-nav a:nth-child(n+4){border-bottom:0}
 .opal-section{padding-top:58px;padding-bottom:58px}.opal-page h2{font-size:26px;line-height:1.65}.opal-section-heading{margin-bottom:28px}.opal-page .opal-kicker{font-size:10px;letter-spacing:.12em;margin-bottom:17px}.opal-section-heading>p:last-child{font-size:14px}.opal-section-heading>.opal-kicker:before,.opal-resource .opal-kicker:before{width:22px}
 #opal-about{display:block}#opal-about .opal-section-heading{margin-bottom:28px}.opal-page .opal-body-lead{font-size:18px}.opal-about-grid>div>p{font-size:14px;line-height:2}.opal-highlights{gap:22px;padding-top:23px;margin-top:28px}.opal-highlights>div+div{padding-left:22px}.opal-highlights b{font-size:37px}.opal-highlights p{font-size:12px}.opal-highlights small{font-size:10px}
 .opal-workflow-section{padding:55px 0}.opal-workflow-grid{grid-template-columns:1fr;gap:30px}.opal-measurement{padding:5px 0}.opal-measurement figcaption{margin-top:15px;font-size:10px}.opal-steps{gap:26px 22px}.opal-steps li{padding-top:17px}.opal-step-number{font-size:13px;margin-bottom:11px}.opal-steps h3{font-size:17px}.opal-steps p{font-size:13px}
 .opal-results-surface{padding:27px 22px;border-radius:4px}.opal-results-surface .opal-section-heading>p:last-child{font-size:13px}.opal-results-surface h2{font-size:25px}.opal-grades{grid-template-columns:1fr;gap:12px}.opal-grade{display:grid;grid-template-columns:44px 1fr;gap:15px;align-items:center;min-height:105px;padding:18px}.opal-grade-letter{font-size:37px}.opal-page .opal-grade h3{font-size:14px;margin-bottom:5px}.opal-page .opal-grade p{font-size:12px}.opal-report-note{display:block;padding:21px;margin-top:18px}.opal-report-label{display:block;font-size:11px;margin-bottom:10px}.opal-page .opal-report-note p{font-size:12px}
 .opal-applications{grid-template-columns:1fr;gap:18px;margin-top:20px}.opal-application{padding:25px}.opal-application h3{font-size:20px}.opal-application>p:not(.opal-kicker){min-height:0;font-size:14px;line-height:1.95}.opal-application-flow{margin-top:22px;gap:7px}.opal-application-flow li{padding:12px 8px;font-size:11px}.opal-page .opal-source-note,.opal-page .opal-source-note a{font-size:10px}
 .opal-video-grid{grid-template-columns:1fr;gap:32px}.opal-video-copy{padding:21px 0 24px}.opal-video-copy p{font-size:14px}.opal-video-copy h3{font-size:21px}.opal-video-copy .opal-kicker{margin:0}.opal-video-duration{font-size:10px}
 .opal-spec-section{padding:52px 0}.opal-spec-grid{grid-template-columns:1fr;gap:25px}.opal-spec-table{font-size:13px}.opal-spec-table th,.opal-spec-table td{padding:16px 7px}.opal-spec-table th{width:36%;padding-left:0}.opal-spec-table td{padding-right:0}
 .opal-resource{grid-template-columns:1fr;gap:32px;padding:0 0 43px}.opal-cover{width:100px}.opal-resource h2{font-size:27px}.opal-resource p{font-size:14px}.opal-resource .opal-actions{align-items:stretch;gap:18px}.opal-resource .opal-button{width:100%}.opal-resource .opal-text-link{justify-self:start;align-self:center}.opal-resource .opal-note{font-size:11px}.opal-desktop-break{display:none}
 .opal-contact{flex-direction:column;align-items:stretch;padding:30px 25px;gap:24px}.opal-page .opal-contact h2{font-size:23px}.opal-contact p{font-size:13px}.opal-page .opal-contact .opal-button{width:100%;font-size:13px}.opal-trademark-note{font-size:10px!important}
}
@media(max-width:360px){.opal-page .opal-lead{font-size:21px}.opal-page .opal-intro br{display:none}.opal-actions{gap:10px}.opal-page .opal-button{font-size:11px;padding:12px}.opal-hero-visual{height:350px}.opal-unit{height:350px;width:220px}.opal-controller{width:155px;height:155px}.opal-orbit{width:230px;height:230px}.opal-results-surface{padding:25px 17px}.opal-grade{padding:16px 14px;gap:12px}.opal-application{padding:22px}.opal-report-note{padding:19px}.opal-page .opal-section-nav a{font-size:10px}.opal-steps{gap:23px 18px}}
@media(prefers-reduced-motion:reduce){.opal-page a{transition:none}}

.opal-page .opal-results{padding-bottom:0}
@media(max-width:360px){body.opal-special-page .site-footer>.wrap>div{max-width:100%}body.opal-special-page .site-footer .unified-brand{width:min(290px,100%)}body.opal-special-page .site-footer .unified-brand-wordmark{max-width:calc(100% - 41px);height:auto}body.opal-special-page .site-footer .handicap-link{max-width:100%}}

/* The official wordmark is shared by both language versions. */
.opal-page .opal-hero h1.opal-logo-heading{font-size:0;line-height:1;letter-spacing:0;margin:10px 0 26px}
.opal-logo-heading .opal-wordmark{width:230px;max-width:100%;height:auto;display:block}
@media(max-width:700px){.opal-logo-heading .opal-wordmark{width:190px}.opal-page .opal-hero h1.opal-logo-heading{margin:10px 0 24px}}

/* r126 mobile presentation */
@media(max-width:700px){
 .opal-hero-grid{padding-top:28px;padding-bottom:32px;align-items:start}
 .opal-hero-copy{display:contents}
 .opal-hero .opal-brand-line{grid-area:1/1;margin-bottom:20px}
 .opal-page .opal-hero-copy>.opal-kicker{grid-area:2/1;margin-bottom:8px}
 .opal-page .opal-hero h1.opal-logo-heading{grid-area:3/1;margin:8px 0 18px}
 .opal-logo-heading .opal-wordmark{width:155px;height:auto}
 .opal-page .opal-hero .opal-lead{grid-area:4/1;font-size:23px;line-height:1.7;margin-bottom:12px}
 .opal-hero-visual{grid-area:5/1;height:335px;max-width:350px;margin:0 auto 20px}
 .opal-unit{width:220px;height:335px;right:4%;top:0}
 .opal-controller{width:152px;height:152px;left:3%;bottom:16px}
 .opal-orbit{width:235px;height:235px;left:15%;top:14%}
 .opal-visual-caption{bottom:0;font-size:9px}
 .opal-page .opal-hero .opal-intro{grid-area:6/1;margin:0;font-size:13px;line-height:1.95}
 .opal-hero-copy>.opal-actions{grid-area:7/1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;margin-top:22px}
 .opal-page .opal-hero .opal-button{min-height:56px;padding:12px 10px;font-size:12px}
 .opal-resource .opal-kicker:before{width:22px}
}
@media(max-width:360px){
 .opal-page .opal-hero .opal-lead{font-size:21px}
 .opal-hero-visual{height:305px}
 .opal-unit{width:200px;height:305px;right:1%}
 .opal-controller{width:137px;height:137px;left:0}
 .opal-orbit{width:215px;height:215px;left:13%}
 .opal-page .opal-hero .opal-button{font-size:11px;padding:11px 8px}
 .opal-page:lang(en) .opal-application-flow{grid-template-columns:1fr}
 .opal-page:lang(en) .opal-application-flow li{display:flex;align-items:center;gap:12px;padding:10px 12px}
 .opal-page:lang(en) .opal-application-flow span{margin:0;flex:none}
}
