.webopt-page{background:var(--surface-page)}.webopt-heading-split{align-items:end;gap:var(--layout-gap);grid-template-columns:minmax(0,1.05fr) minmax(18rem,.65fr);margin-bottom:3rem;display:grid}.webopt-heading-split h2{max-width:20ch;margin:1rem 0 0}.webopt-heading-split>p{max-width:35rem;color:var(--text-muted);margin:0}.webopt-hero{background:radial-gradient(circle at 83% 18%, var(--mint-pale), transparent 34%), var(--surface-page);position:relative;overflow:hidden}.webopt-hero:before{content:"";aspect-ratio:1;pointer-events:none;border:3.5rem solid #48bb780e;border-radius:50%;width:36rem;position:absolute;bottom:-26rem;left:-25rem}.webopt-hero-grid{z-index:1;align-items:center;gap:var(--layout-gap);grid-template-columns:minmax(0,1fr) minmax(27rem,.98fr);display:grid;position:relative}.webopt-hero-copy h1{max-width:21ch;margin:1rem 0 1.5rem}.webopt-hero-copy>p{max-width:41rem;color:var(--text-muted);margin:0;font-size:clamp(1rem,1.4vw,1.1rem)}.webopt-hero-actions{margin-top:var(--button-content-gap);flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.webopt-foundations{z-index:1;gap:var(--card-gap);border-radius:var(--radius-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #48bb7833;grid-template-columns:repeat(4,1fr);margin-top:4.5rem;padding:1.25rem 1.5rem;display:grid;position:relative}.webopt-foundations span{align-items:center;gap:.7rem;font-size:.76rem;font-weight:700;display:flex}.webopt-foundations b{aspect-ratio:1;background:var(--mint-pale);border-radius:50%;place-items:center;width:2rem;font-size:.65rem;display:grid}.webopt-hero-visual{min-width:0;position:relative}.webopt-hero-visual:not([data-photo-state=error]){min-height:34rem}.webopt-hero-review{border-radius:var(--radius-feature);background:var(--white);border:1px solid #48bb783d;padding:clamp(1.5rem,4vw,2.5rem);position:relative;box-shadow:0 16px 45px #1f20241a}.webopt-browser-bar{border-bottom:1px solid var(--line);align-items:center;gap:.35rem;padding-bottom:1.15rem;display:flex}.webopt-browser-bar>span{aspect-ratio:1;background:var(--line);border-radius:50%;width:.55rem}.webopt-browser-bar>span:first-child{background:var(--pink-soft)}.webopt-browser-bar>span:nth-child(2){background:var(--yellow-soft)}.webopt-browser-bar>span:nth-child(3){background:var(--mint-soft)}.webopt-browser-bar b{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-size:.6rem}.webopt-review-head{justify-content:space-between;align-items:flex-start;gap:1rem;padding-block:1.5rem;display:flex}.webopt-review-head small,.webopt-review-head strong{display:block}.webopt-review-head small,.webopt-review-result small{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:700}.webopt-review-head strong{margin-top:.25rem;font-size:1rem}.webopt-review-head>span{border-radius:var(--radius-pill);background:var(--mint-pale);padding:.4rem .65rem;font-size:.6rem;font-weight:700}.webopt-review-route{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface-soft);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:1rem;list-style:none;display:grid}.webopt-review-route li{gap:1.6rem;min-width:0;padding:.3rem .65rem;display:grid;position:relative}.webopt-review-next{color:var(--mint);position:absolute;top:1rem;right:-.4rem}.webopt-review-route li>span{aspect-ratio:1;border-radius:var(--radius-control);background:var(--white);width:2rem;color:var(--mint);place-items:center;font-size:.62rem;font-weight:700;display:grid}.webopt-review-route small,.webopt-review-route strong{display:block}.webopt-review-route small{color:var(--text-muted);font-size:.52rem}.webopt-review-route strong{margin-top:.2rem;font-size:.68rem}.webopt-review-scope{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem;display:grid}.webopt-review-scope>span{border:1px solid var(--accent-symbol-border);border-radius:var(--radius-control);background:var(--accent-symbol-bg);align-items:center;gap:.65rem;padding:.7rem;font-size:.62rem;font-weight:700;display:flex}.webopt-review-scope i{aspect-ratio:1;background:var(--white);width:2rem;color:var(--accent-symbol-fg);border-radius:.55rem;place-items:center;font-style:normal;display:grid}.webopt-review-result{border-radius:var(--radius-control);background:var(--mint-pale);border:1px solid #48bb7838;align-items:center;gap:.8rem;margin-top:1rem;padding:.85rem 1rem;display:flex}.webopt-review-result>span{aspect-ratio:1;border-radius:var(--radius-control);background:var(--white);width:2.25rem;color:var(--mint);flex:none;place-items:center;font-weight:700;display:grid}.webopt-review-result strong{margin-top:.15rem;font-size:.7rem;display:block}.webopt-signals{background:var(--surface-soft)}.webopt-signal-grid{gap:var(--card-gap);grid-template-columns:repeat(4,1fr);display:grid}.webopt-signal-grid article{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--white);flex-direction:column;min-height:21rem;padding:clamp(1.5rem,2.5vw,2rem);display:flex}.webopt-signal-icon{aspect-ratio:1;border:1px solid var(--accent-symbol-border);border-radius:var(--radius-control);background:var(--accent-symbol-bg);width:3.5rem;color:var(--accent-symbol-fg);place-items:center;margin-bottom:4rem;font-size:1.15rem;font-weight:700;display:grid}.webopt-signal-grid h3{margin:auto 0 .75rem}.webopt-signal-grid p{color:var(--text-muted);margin:0;font-size:.84rem}.webopt-scope{background:var(--white)}.webopt-scope-grid{gap:var(--card-gap);grid-template-columns:repeat(4,1fr);display:grid}.webopt-scope-grid article{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface-soft);flex-direction:column;min-height:23rem;padding:clamp(1.5rem,3vw,2.25rem);display:flex}.webopt-scope-grid article>div{justify-content:space-between;align-items:center;gap:1rem;display:flex}.webopt-scope-grid article>div span{letter-spacing:.08em;font-size:.68rem;font-weight:700}.webopt-scope-grid small{border-radius:var(--radius-pill);background:var(--mint-pale);padding:.4rem .65rem;font-size:.6rem;font-weight:700}.webopt-scope-grid h3{margin:auto 0 .75rem}.webopt-scope-grid p{color:var(--text-muted);margin:0;font-size:.82rem}.webopt-process{background:var(--white)}.webopt-journey{background:var(--surface-dark);color:var(--white);position:relative;overflow:hidden}.webopt-journey:before{content:"";aspect-ratio:1;border:3rem solid #ffffff09;border-radius:50%;width:38rem;position:absolute;bottom:-28rem;right:-25rem}.webopt-journey-grid{align-items:start;gap:var(--layout-gap);grid-template-columns:.78fr 1.22fr;display:grid;position:relative}.webopt-journey-intro{position:sticky;top:8rem}.webopt-journey .eyebrow,.webopt-journey h2 span{color:var(--mint-light)}.webopt-journey h2{max-width:18ch;color:var(--white);margin:1rem 0 1.25rem}.webopt-journey-intro>p{color:#d8dae0;max-width:36rem;margin:0}.webopt-journey-intro .button{margin-top:var(--button-content-gap)}.webopt-journey-list{border-top:1px solid #ffffff24;margin:0;padding:0;list-style:none;display:grid}.webopt-journey-list li{border-bottom:1px solid #ffffff24;grid-template-columns:3.5rem 1fr;gap:1.25rem;padding:2rem .5rem;display:grid}.webopt-journey-list li>span{color:var(--mint-light);letter-spacing:.08em;font-size:.68rem;font-weight:700}.webopt-journey-list h3{color:var(--white);margin:0 0 .55rem}.webopt-journey-list p{color:#d1d3d8;max-width:43rem;margin:0;font-size:.82rem}.webopt-outcomes{background:var(--white)}.webopt-outcomes-grid{align-items:start;gap:var(--layout-gap);border-radius:var(--radius-feature);background:var(--mint-pale);border:1px solid #48bb7833;grid-template-columns:.8fr 1.2fr;padding:clamp(1.5rem,5vw,4rem);display:grid}.webopt-outcomes-copy{position:sticky;top:8rem}.webopt-outcomes-copy h2{max-width:18ch;margin:1rem 0 1.25rem}.webopt-outcomes-copy p{max-width:36rem;color:var(--text-muted);margin:0}.webopt-outcomes-copy .button{margin-top:var(--button-content-gap)}.webopt-outcome-list{gap:var(--card-gap);margin:0;padding:0;list-style:none;display:grid}.webopt-outcome-list li{border-radius:var(--radius-panel);background:var(--white);border:1px solid #48bb7826;grid-template-columns:2rem minmax(0,1fr);gap:1rem;padding:clamp(1.25rem,2vw,1.5rem);font-size:.9rem;font-weight:600;line-height:1.55;display:grid}.webopt-outcome-list span{letter-spacing:.08em;font-size:.66rem}.webopt-outcome-list h3{margin:0 0 .65rem}.webopt-outcome-list p{color:var(--text-muted);margin:0;font-size:.84rem;font-weight:400}.webopt-cases{background:var(--surface-soft)}.webopt-cases-intro p{max-width:35rem;color:var(--text-muted);margin:0}.webopt-comparison{background:var(--white)}.webopt-comparison-grid{gap:var(--card-gap);grid-template-columns:1fr 1fr;display:grid}.webopt-comparison-grid article{border:1px solid var(--line);border-radius:var(--radius-feature);background:var(--white);flex-direction:column;min-height:24rem;padding:clamp(2rem,4vw,3.5rem);display:flex}.webopt-comparison-grid article:first-child{background:var(--mint-pale);border-color:#48bb7840}.webopt-comparison-label{border-radius:var(--radius-pill);background:var(--white);letter-spacing:.08em;text-transform:uppercase;width:fit-content;padding:.4rem .65rem;font-size:.62rem;font-weight:700}.webopt-comparison-grid article:last-child .webopt-comparison-label{background:var(--surface-soft)}.webopt-comparison-grid h3{margin:3.5rem 0 .8rem}.webopt-comparison-grid p{max-width:36rem;color:var(--text-muted);margin:0}.webopt-comparison-grid strong,.webopt-comparison-grid .text-link{margin-top:auto;padding-top:2rem;font-size:.78rem}.webopt-faq{background:var(--surface-dark);color:var(--white)}.webopt-faq-grid{align-items:start;gap:var(--layout-gap);grid-template-columns:.72fr 1.28fr;display:grid}.webopt-faq-intro{position:sticky;top:8rem}.webopt-faq .eyebrow{color:var(--mint-light)}.webopt-faq-intro h2{max-width:18ch;color:var(--white);margin:1rem 0 1.25rem}.webopt-faq-intro p{color:#d8dae0;max-width:30rem;margin:0}.webopt-faq-list{align-content:start;gap:.65rem;display:grid}.webopt-faq-list details{background:var(--white);color:var(--ink);border:1px solid #ffffff24;border-radius:1rem}.webopt-faq-list summary{cursor:pointer;grid-template-columns:1fr 2rem;align-items:center;gap:1rem;padding:1.15rem 1.3rem;font-weight:700;line-height:1.5;list-style:none;display:grid}.webopt-faq-list summary::-webkit-details-marker{display:none}.webopt-faq-list summary span{aspect-ratio:1;width:2rem;color:var(--mint);place-items:center;font-size:1.5rem;font-weight:400;transition:transform .2s;display:grid}.webopt-faq-list details[open] summary span{transform:rotate(45deg)}.webopt-faq-list details p{max-width:45rem;color:var(--text-muted);margin:-.3rem 3.5rem 1.35rem 1.3rem;font-size:.8rem}.webopt-final{background:var(--white)}@media (max-width:1080px){.webopt-hero-grid{grid-template-columns:1fr 1fr;gap:3rem}.webopt-signal-grid,.webopt-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.webopt-hero-grid,.webopt-heading-split,.webopt-journey-grid,.webopt-outcomes-grid,.webopt-faq-grid{grid-template-columns:1fr}.webopt-hero-copy h1{max-width:21ch}.webopt-hero-review{width:min(100%,38rem);margin:1rem auto 0}.webopt-hero-visual:not([data-photo-state=error]){width:min(100%,38rem);min-height:30rem;margin:1rem auto 0}.webopt-foundations{grid-template-columns:1fr 1fr}.webopt-heading-split{align-items:start;gap:1.5rem;margin-bottom:2.5rem}.webopt-journey-intro,.webopt-outcomes-copy,.webopt-faq-intro{position:static}.webopt-comparison-grid{grid-template-columns:1fr}}@media (max-width:600px){.webopt-hero-actions{flex-direction:column;align-items:flex-start}.webopt-foundations{grid-template-columns:1fr;margin-top:4rem;padding:1rem}.webopt-hero-review{padding:1.25rem}.webopt-review-route{grid-template-columns:1fr 1fr;gap:1rem 0}.webopt-review-route li{gap:.75rem}.webopt-review-route li:nth-child(2) .webopt-review-next{display:none}.webopt-review-scope,.webopt-signal-grid,.webopt-scope-grid{grid-template-columns:1fr}.webopt-signal-grid article{min-height:18rem}.webopt-signal-icon{margin-bottom:3rem}.webopt-scope-grid article{min-height:19rem}.webopt-journey-list li{grid-template-columns:2.5rem 1fr;gap:1rem}.webopt-comparison-grid article{min-height:22rem}.webopt-faq-list details p{margin-right:1.3rem}}@media (prefers-reduced-motion:reduce){.webopt-faq-list summary span{transition:none}}
