/* Helicon R&D case: site-wide black / dark green design language. All rules scoped to opt-page. */
.opt-page{background:#000;color:#f3f7ef;min-height:100vh}
.opt-page .container{max-width:1240px}
.opt-page h1,.opt-page h2,.opt-page h3{color:#f3f7ef}
.opt-page p{color:#bdcdb7}
.opt-page a:focus-visible,.opt-page button:focus-visible,.opt-page summary:focus-visible{outline:3px solid #d4f2b7;outline-offset:4px}
.opt-crumb-wrap{border-bottom:1px solid #1c301c;background:#030603}
.opt-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:11px;padding:16px 0;font-size:12px;letter-spacing:.025em;color:#92a78e}
.opt-crumbs a{color:#bcd9b0;text-decoration:none}.opt-crumbs a:hover{text-decoration:underline}
.opt-intro{padding:76px 0 82px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.74fr);gap:62px;align-items:end}
.opt-kicker,.opt-eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:#a8cf9a!important;margin:0 0 28px}
.opt-kicker{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.opt-kicker-rule{display:inline-block;height:1px;width:37px;background:#a8cf9a}.opt-kicker-dot{color:#66825d}
.opt-intro h1{font-size:clamp(3.5rem,6.5vw,6.35rem);line-height:.98;letter-spacing:-.065em;max-width:980px;margin:0 0 30px;font-weight:760}
.opt-intro h1 span{color:#a0c48e}
.opt-deck{font-size:clamp(1.12rem,1.5vw,1.37rem);line-height:1.58;max-width:730px;margin:0 0 33px;color:#d7e2d2!important}
.opt-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px;color:#99ab95;letter-spacing:.035em}
.opt-status{display:inline-flex;align-items:center;gap:10px;border:1px solid #78996b;color:#e1f4d4;background:#10210c;border-radius:999px;padding:10px 15px;font-weight:750;letter-spacing:.095em;font-size:11px}
.opt-status-dot{width:7px;height:7px;background:#aacf8e;border-radius:50%;box-shadow:0 0 0 4px #1c3117}.opt-meta-divider{background:#3b5336;height:17px;width:1px}
.opt-brief{border:1px solid #354b30;border-radius:12px;background:linear-gradient(146deg,#142710 0%,#091109 66%,#060a06 100%);padding:29px 30px 27px;box-shadow:0 26px 55px #0008}
.opt-aside-kicker{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:800;letter-spacing:.13em;color:#afd59e;margin-bottom:30px}
.opt-aside-kicker span{color:#678960}.opt-brief h2{font-size:clamp(1.42rem,2vw,1.82rem);line-height:1.2;letter-spacing:-.035em;margin:0 0 19px}
.opt-brief p{font-size:15px;line-height:1.66;margin:0;color:#ced8ca}
.opt-brief-rule{border-top:1px solid #36512e;margin:27px 0 21px}
.opt-brief p.opt-brief-note{font-size:13px;color:#afc4a5}.opt-brief-note strong{color:#e5f4db}
.opt-showcase{padding:0 0 102px}.opt-section-label{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 0;border-top:1px solid #355231;border-bottom:1px solid #213821;font-size:11px;font-weight:750;letter-spacing:.15em;color:#88b67a}
.opt-section-label span:last-child{color:#889b85}
.opt-showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;padding:36px 0 33px}
.opt-showcase-heading .opt-eyebrow{margin-bottom:13px}
.opt-showcase-heading h2{font-size:clamp(2.15rem,3.45vw,3.55rem);line-height:1.13;letter-spacing:-.045em;margin:0}
.opt-showcase-heading h2 em{font-style:normal;color:#9cc089}
.opt-showcase-heading>p{max-width:415px;font-size:16px;line-height:1.65;margin:0 0 2px}
.opt-video-frame{margin:0;overflow:visible}
.opt-video-canvas{background:#101512;border:1px solid #384b36;border-bottom:none;display:grid;place-items:center;overflow:hidden;border-radius:12px 12px 0 0;min-height:140px}
.opt-video{display:block;width:100%;height:auto;max-height:min(75vh,760px);aspect-ratio:4472/2160;object-fit:contain;background:#fff;outline:none}
.opt-video-frame:fullscreen{display:flex;flex-direction:column;justify-content:stretch;max-width:none;width:100vw;height:100vh;margin:0;background:#000;border:0;border-radius:0}
.opt-video-frame:fullscreen .opt-video-canvas{flex:1;display:grid;place-items:center;min-height:0;border:0;border-radius:0;background:#000}
.opt-video-frame:fullscreen .opt-video{width:100%;height:100%;max-height:calc(100vh - 75px);object-fit:contain;background:#000}
.opt-video-frame:fullscreen .opt-video-bar{flex:0 0 75px;border:0;border-radius:0;background:#0b130b}
.opt-video-frame:fullscreen figcaption{display:none}
.opt-video-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:77px;border:1px solid #384b36;border-top:1px solid #253a24;border-radius:0 0 12px 12px;padding:12px 23px;background:#0b130b}
.opt-video-controls{display:flex;flex-wrap:wrap;gap:12px}
.opt-control{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:123px;min-height:44px;padding:9px 17px;border:1px solid #668c5c;border-radius:7px;background:#152915;color:#e9f5e3;font-size:14px;line-height:1.2;font-weight:720;cursor:pointer;transition:background .15s,border-color .15s}
.opt-control:hover{background:#213c1f;border-color:#aacd96}
.opt-control svg{width:19px;height:19px;flex:0 0 19px}
.opt-control .opt-icon-pause{display:none}.opt-control.is-playing .opt-icon-play{display:none}.opt-control.is-playing .opt-icon-pause{display:block}
.opt-play{color:#081408;background:#c3e4a8;border-color:#c3e4a8}.opt-play:hover{background:#dcf4c9;border-color:#dcf4c9}
.opt-video-label{color:#8ca684;font-size:11px;font-weight:700;letter-spacing:.13em;text-align:right}
.opt-video-frame figcaption{display:flex;gap:15px;align-items:start;max-width:1050px;padding:22px 0 0;color:#aabbab;font-size:14px;line-height:1.65}
.opt-caption-line{flex:0 0 27px;background:#81a572;height:1px;margin-top:11px}
.opt-section{padding:94px 0;border-top:1px solid #213522}
.opt-section-head h2{font-size:clamp(2.3rem,4.1vw,4.4rem);line-height:1.12;letter-spacing:-.05em;margin:0}
.opt-section-head h2 span{color:#97bb87}.opt-section-head .opt-eyebrow{margin-bottom:23px}
.opt-explainer{display:grid;grid-template-columns:minmax(290px,.92fr) minmax(0,1fr);gap:8.5%;align-items:start}
.opt-explainer-body>p{max-width:650px;font-size:17px;line-height:1.8;margin:0 0 20px}
.opt-explainer-body>p.opt-first{color:#e0e9dd;font-size:19px;line-height:1.72}
.opt-takeaway{margin-top:37px;padding:22px 27px;border-left:2px solid #a9cf96;background:#0c180c;display:grid;gap:12px}
.opt-takeaway span{color:#9bc68b;font-size:11px;font-weight:780;letter-spacing:.15em}.opt-takeaway strong{color:#e7f0e3;font-size:17px;line-height:1.5;font-weight:590}
.opt-reality{background:radial-gradient(circle at 92% 10%,#0d1a0d,#050805 53%,#000 100%)}
.opt-head-row{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:36px}
.opt-head-row>p{max-width:410px;font-size:16px;line-height:1.65;margin:0 0 5px}
.opt-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}
.opt-scope-card{background:#0c160d;border:1px solid #3b5937;border-radius:11px;padding:29px 30px 33px;min-height:225px}
.opt-scope-pending{background:#090d09;border-color:#313b2f}
.opt-scope-badge{font-size:11px;font-weight:790;letter-spacing:.14em;color:#afcf9e;display:flex;align-items:center;gap:10px;margin-bottom:35px}
.opt-scope-badge span{font-size:20px;font-weight:350;line-height:11px}.opt-scope-pending .opt-scope-badge{color:#a1aca0}
.opt-scope-card h3{font-size:clamp(1.27rem,2.1vw,1.75rem);line-height:1.2;letter-spacing:-.03em;margin:0 0 15px}
.opt-scope-card p{font-size:16px;line-height:1.7;max-width:530px;margin:0}
.opt-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.opt-app{min-width:0;border:1px solid #30452c;background:#0a130a;border-radius:9px;padding:25px 23px 28px;min-height:253px;display:flex;flex-direction:column}
.opt-app-n{color:#8db67b;font-size:12px;font-weight:790;letter-spacing:.12em;margin-bottom:37px}
.opt-app h3{font-size:19px;line-height:1.3;margin:0 0 16px;letter-spacing:-.025em}
.opt-app p{font-size:14px;line-height:1.65;margin:0;color:#b9cdb5}
.opt-method-section{background:#050a05}.opt-method-width{max-width:1020px!important}
.opt-method-intro{max-width:640px;font-size:17px;line-height:1.72;margin:20px 0 37px}
.opt-details{border:1px solid #40543c;background:#0c140c;border-radius:10px;overflow:hidden}
.opt-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px 27px}
.opt-details summary::-webkit-details-marker{display:none}.opt-details summary>span:first-child{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.opt-details-index{color:#9cc58c;font-size:11px;font-weight:790;letter-spacing:.13em}.opt-details summary strong{font-size:16px;font-weight:650;color:#eef8eb}
.opt-chevron{display:inline-block;width:12px;height:12px;border-right:2px solid #acd39d;border-bottom:2px solid #acd39d;transform:rotate(45deg);margin:0 6px 5px;transition:transform .2s}
.opt-details[open] .opt-chevron{transform:rotate(225deg);margin:6px 6px 0}
.opt-details-inside{padding:5px 27px 23px;border-top:1px solid #334831}
.opt-method-list{margin:0;display:grid;grid-template-columns:1fr}
.opt-method-list>div{display:grid;grid-template-columns:210px 1fr;gap:26px;padding:17px 0;border-bottom:1px solid #273c25;font-size:15px;line-height:1.6}
.opt-method-list>div:last-child{border-bottom:0}.opt-method-list dt{font-weight:700;color:#e8f1e3}.opt-method-list dd{margin:0;color:#bacbb5}
.opt-contact-section{padding:95px 0 110px;border-top:1px solid #324c2d}
.opt-contact-inner{background:linear-gradient(100deg,#172e11,#0b150b 70%);border:1px solid #4d7143;border-radius:14px;padding:52px 56px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.opt-contact-inner h2{font-size:clamp(2.1rem,3.6vw,3.6rem);line-height:1.13;letter-spacing:-.05em;margin:0 0 20px}
.opt-contact-inner p:not(.opt-eyebrow){max-width:720px;font-size:16px;line-height:1.7;margin:0}
.opt-contact-inner .opt-eyebrow{margin-bottom:22px}.opt-contact-inner .btn{white-space:nowrap}
@media(max-width:1100px){.opt-intro{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:30px}.opt-apps{grid-template-columns:repeat(2,minmax(0,1fr))}.opt-app{min-height:220px}}
@media(max-width:800px){.opt-intro{grid-template-columns:1fr;gap:35px;padding:57px 0 68px}.opt-brief{max-width:680px}.opt-intro h1{font-size:clamp(3rem,9vw,5.3rem)}.opt-showcase-heading{align-items:start;display:block}.opt-showcase-heading>p{margin-top:20px;max-width:700px}.opt-explainer{grid-template-columns:1fr;gap:35px}.opt-head-row{display:block}.opt-head-row>p{margin-top:19px;max-width:690px}.opt-scope-grid{grid-template-columns:1fr}.opt-contact-inner{padding:40px 31px;display:block}.opt-contact-inner .btn{display:inline-flex;margin-top:26px}.opt-section{padding:75px 0}.opt-showcase{padding-bottom:75px}}
@media(max-width:540px){.opt-intro{padding:45px 0 55px}.opt-intro h1{font-size:clamp(2.85rem,11.5vw,4rem);letter-spacing:-.058em;overflow-wrap:anywhere}.opt-deck{font-size:17px}.opt-kicker,.opt-eyebrow{font-size:11px}.opt-brief{padding:22px}.opt-crumbs{font-size:11px;gap:7px}.opt-section-label{font-size:10px}.opt-section-label span:last-child{display:none}.opt-showcase-heading{padding:25px 0}.opt-showcase-heading h2{font-size:clamp(1.85rem,8.5vw,2.6rem)}.opt-video-frame figcaption{font-size:12px}.opt-video-canvas{border-radius:8px 8px 0 0}.opt-video-bar{min-height:71px;padding:9px 12px}.opt-video-label{display:none}.opt-control{min-width:113px;font-size:13px;padding:8px 11px}.opt-video-controls{width:100%;justify-content:space-between}.opt-section{padding:60px 0}.opt-section-head h2{font-size:clamp(2.05rem,9vw,3rem)}.opt-explainer-body>p,.opt-explainer-body>p.opt-first{font-size:16px}.opt-scope-card{padding:23px;min-height:0}.opt-apps{grid-template-columns:1fr}.opt-app{min-height:0;padding:23px}.opt-app-n{margin-bottom:23px}.opt-method-list>div{grid-template-columns:1fr;gap:5px}.opt-details summary{padding:20px 18px}.opt-details summary>span:first-child{gap:6px}.opt-details-index{width:100%}.opt-details-inside{padding:4px 17px 20px}.opt-contact-section{padding:65px 0}.opt-contact-inner{padding:30px 24px}.opt-meta-divider{display:none}}
@media(prefers-reduced-motion:reduce){.opt-control,.opt-chevron{transition:none}}