.op-section{position:relative;padding:clamp(64px,8vw,112px) 0;border-bottom:1px solid var(--line)}.op-head{max-width:820px;margin-bottom:clamp(40px,6vw,72px)}.op-head-center{margin-inline:auto;text-align:center}.op-head-lede{max-width:60ch;margin-top:20px;font-size:clamp(1rem,1.3vw,1.15rem);color:var(--muted)}.op-head-center .op-head-lede{margin-inline:auto}.op-hero{position:relative;padding:calc(var(--nav-height) + clamp(40px,6vw,72px)) 0 0;border-bottom:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at 1px 1px,rgba(0,0,0,.06) 1px,transparent 0) 0 0 / 28px 28px,var(--paper)}.op-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 25% 40%,rgba(255,255,255,.95) 30%,rgba(255,255,255,.5) 75%,transparent);pointer-events:none}.op-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,5vw,72px)}.op-hero-title{font-size:clamp(2.4rem,4.8vw,4.25rem);font-weight:700;letter-spacing:-.04em;line-height:.98;margin:0 0 24px}.op-hero-title em{font-weight:400}.op-hero-lede{max-width:52ch;font-size:clamp(1.05rem,1.35vw,1.2rem);color:var(--muted)}.op-hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.op-screen{position:relative;border-radius:22px;background:#0b0d10;box-shadow:0 32px 80px #0000002e;overflow:hidden;transform:perspective(1600px) rotateY(-6deg) rotateX(2deg);transform-origin:0 50%}.op-screen-bar{display:flex;align-items:center;gap:14px;height:38px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08);color:#ffffff8c;font-size:.6875rem;font-weight:600;letter-spacing:.02em}.op-screen-dots{display:inline-flex;gap:6px}.op-screen-dots i{width:9px;height:9px;border-radius:50%;background:#ffffff29}.op-screen-url{flex:1;text-align:center;font-family:var(--font-mono)}.op-screen-tag{padding:3px 8px;border-radius:999px;background:#ffffff1a;color:#fffc}.op-screen-body{position:relative;aspect-ratio:16 / 10;background:#0b0d10 url(/assets/system-poster.jpg) center / cover no-repeat}.op-screen-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}.op-screen-video.loaded{opacity:1}.op-screen-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0b0d101a,#0b0d10a6)}.op-screen-letters{position:absolute;left:22px;bottom:18px;display:flex;gap:4px;list-style:none}.op-screen-letters li{display:grid;place-items:center;width:clamp(34px,3.4vw,46px);height:clamp(34px,3.4vw,46px);border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;backdrop-filter:blur(6px);color:#fff;font-family:var(--font-display);font-size:clamp(.95rem,1.4vw,1.25rem);font-weight:700}.op-screen-letters:not(:has(.is-active)) li:first-child{background:var(--lime);border-color:var(--lime);color:var(--ink)}.op-screen-chips{position:absolute;top:18px;right:18px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;list-style:none}.op-screen-chips li{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#ffffffeb;color:var(--ink);font-size:.75rem;font-weight:600;box-shadow:0 8px 24px #00000040}.op-chip-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px var(--lime-soft)}.op-specs{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(48px,7vw,88px);border-top:1px solid var(--line)}.op-spec{padding:22px 24px 26px 0}.op-spec+.op-spec{padding-left:24px;border-left:1px solid var(--line)}.op-spec dt{margin-bottom:6px;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle)}.op-spec dd{font-family:var(--font-display);font-size:clamp(1.05rem,1.5vw,1.3rem);font-weight:600;letter-spacing:-.02em;color:var(--ink)}.op-symptoms{border-top:2px solid var(--ink)}.op-symptom{display:grid;grid-template-columns:80px minmax(0,.9fr) minmax(0,1.1fr);align-items:baseline;gap:clamp(16px,3vw,48px);padding:clamp(22px,3vw,32px) 0;border-bottom:1px solid var(--line);transition:background-color .3s ease}.op-symptom>*{transition:translate .5s var(--ease-out)}.op-symptom-num{font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--subtle)}.op-symptom h3{font-size:clamp(1.3rem,2.2vw,1.9rem);letter-spacing:-.035em}.op-symptom p{font-size:1rem}@media(hover:hover){.op-symptom:hover{background:var(--surface)}.op-symptom:hover>*{translate:16px 0}.op-symptom:hover .op-symptom-num{color:var(--ink)}}.op-product{background:var(--surface)}.op-product-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,6vw,96px);align-items:start}.op-product-copy{display:flex;flex-direction:column;gap:18px;margin-top:28px}.op-product-copy p{font-size:clamp(1rem,1.25vw,1.125rem);color:var(--graphite)}.op-not-card{padding:clamp(28px,3.5vw,40px);border-radius:var(--radius-lg);border:1px solid var(--line-mid);background:var(--paper)}.op-not-card h3{margin-bottom:20px;font-size:1.35rem}.op-not-card h3 em{font-weight:400}.op-not-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.op-not-list li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:.9375rem;line-height:1.5}.op-not-x{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--surface-2);color:var(--subtle);font-size:.9rem}.op-not-text{color:var(--subtle)}html[data-motion=reduced] .op-not-text,html:not(.js-enabled) .op-not-text{background-size:100% 1px}.op-yes{display:flex;gap:14px;align-items:flex-start;margin-top:22px;padding:18px;border-radius:16px;background:var(--ink);color:var(--paper);font-weight:600;line-height:1.45}.op-yes-check{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--lime);color:var(--ink)}.op-yes-check svg{width:14px;height:14px;stroke-width:2.5}.op-method-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,6vw,96px);align-items:start}.op-method-sticky{position:sticky;top:calc(var(--nav-height) + 32px)}.op-method-letter-wrap{overflow:hidden;height:clamp(9rem,17vw,15rem)}.op-method-letter{display:block;font-family:var(--font-display);font-size:clamp(10rem,19vw,17rem);font-weight:800;letter-spacing:-.06em;line-height:.85;color:var(--ink)}.op-method-name{margin:10px 0 28px;font-family:var(--font-display);font-size:clamp(1.4rem,2.4vw,2rem);font-style:normal;letter-spacing:-.03em;color:var(--ink)}.op-gantt{position:relative;padding:18px;border-radius:18px;border:1px solid var(--line-mid);background:var(--paper)}.op-gantt-scale,.op-gantt-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px}.op-gantt-scale{grid-template-columns:28px repeat(var(--weeks),minmax(0,1fr));margin-bottom:8px;font-size:.625rem;font-weight:700;color:var(--subtle);text-align:center}.op-gantt-scale span:first-child{grid-column:2}.op-gantt-row{padding:5px 0}.op-gantt-letter{font-family:var(--font-display);font-size:.875rem;font-weight:700;color:var(--subtle);text-align:center;transition:color .3s ease}.op-gantt-track{position:relative;height:12px;border-radius:999px;background:linear-gradient(90deg,transparent calc(100% - 1px),var(--line) 0) 0 0 / calc(100% / var(--weeks)) 100%}.op-gantt-bar{position:absolute;top:0;bottom:0;left:calc((var(--start) - 1) / var(--weeks) * 100%);width:calc((var(--end) - var(--start) + 1) / var(--weeks) * 100%);border-radius:999px;background:var(--mist);transition:background .35s ease,box-shadow .35s ease}.op-gantt-row.is-active .op-gantt-letter{color:var(--ink)}.op-gantt-row.is-active .op-gantt-bar{background:var(--lime);box-shadow:0 0 0 3px var(--lime-soft)}.op-gantt-row.is-done .op-gantt-bar{background:var(--ink)}.op-gantt-margin{background:transparent;border:1.5px dashed var(--line-strong)}.op-gantt-row.is-active .op-gantt-margin,.op-gantt-row.is-done .op-gantt-margin{background:transparent;box-shadow:none}.op-gantt-swatch{display:inline-block;width:18px;height:8px;margin-right:8px;border-radius:999px;border:1.5px dashed var(--line-strong);vertical-align:middle}.op-gantt-key{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle)}.op-phases{display:flex;flex-direction:column;gap:16px}.opera-phase{padding:clamp(26px,3.4vw,40px);border-radius:var(--radius-lg);border:1px solid var(--line-mid);background:var(--paper);transition:border-color .4s ease,box-shadow .4s ease,opacity .4s ease}.opera-phase.is-current{border-color:var(--ink);box-shadow:var(--shadow-lg)}.opera-phase-head{display:flex;align-items:center;gap:18px;margin-bottom:18px}.opera-phase-letter{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:16px;background:var(--ink);color:var(--paper);font-family:var(--font-display);font-size:1.6rem;font-weight:700;transition:background .4s ease,color .4s ease}.opera-phase.is-current .opera-phase-letter{background:var(--lime);color:var(--ink)}.opera-phase-title{font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.035em}.opera-phase-weeks{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle)}.opera-phase-text{font-size:1.0625rem;color:var(--graphite)}.opera-phase-deliverable{margin-top:20px;padding:16px 18px;border-radius:14px;background:var(--surface);border:1px dashed var(--line-strong)}.opera-phase-deliverable span{display:inline-flex;align-items:center;gap:8px;margin-bottom:4px;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.opera-phase-deliverable span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime)}.opera-phase-deliverable p{font-size:.9375rem;color:var(--muted)}.op-scope{background:var(--surface)}.op-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,80px);border-top:2px solid var(--ink);text-align:left}.op-scope-item{display:grid;grid-template-columns:40px minmax(0,.9fr) minmax(0,1.1fr);align-items:baseline;gap:16px;padding:22px 0;border-bottom:1px solid var(--line-mid)}.op-scope-num{font-size:.75rem;font-weight:700;color:var(--muted)}.op-scope-item h3{font-size:1.125rem;letter-spacing:-.02em}.op-scope-item p{font-size:.95rem;line-height:1.5;color:var(--muted)}.op-fit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.op-fit-col{padding:clamp(28px,3.5vw,44px);border-radius:var(--radius-lg);border:1px solid var(--line-mid)}.op-fit-yes{background:var(--paper);border-color:var(--ink)}.op-fit-no{background:var(--surface)}.op-fit-badge{display:inline-flex;margin-bottom:22px;padding:6px 12px;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.op-fit-yes .op-fit-badge{background:var(--lime);color:var(--ink)}.op-fit-no .op-fit-badge{background:var(--surface-2);color:var(--muted);border:1px solid var(--line-mid)}.op-fit-col ul{display:flex;flex-direction:column;gap:16px}.op-fit-col li{display:flex;gap:14px;align-items:flex-start}.op-fit-col li p{font-size:.975rem;line-height:1.55}.op-fit-icon{flex:none;display:grid;place-items:center;width:24px;height:24px;margin-top:2px;border-radius:50%}.op-fit-icon svg{width:13px;height:13px;stroke-width:2.6}.op-fit-yes .op-fit-icon{background:var(--ink);color:var(--lime)}.op-fit-no .op-fit-icon{background:var(--surface-2);color:var(--subtle);border:1px solid var(--line-mid)}.op-fit-no strong{color:var(--graphite)}.op-pricing-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center;margin-bottom:clamp(40px,6vw,72px)}.op-proposal{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg)}.op-proposal img{width:100%;height:auto}.op-plans{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px;align-items:stretch}.op-plan{display:flex;flex-direction:column;padding:clamp(28px,3.5vw,44px);border-radius:var(--radius-xl);border:1px solid var(--line-mid);background:var(--paper)}.op-plan-featured{background:var(--ink);border-color:var(--ink);color:var(--paper)}.op-plan-badge{align-self:flex-start;margin-bottom:26px;padding:6px 12px;border-radius:999px;background:var(--surface-2);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.op-plan-featured .op-plan-badge{background:var(--lime);color:var(--ink)}.op-plan-name{font-size:1.25rem;letter-spacing:-.02em}.op-plan-featured .op-plan-name{color:var(--paper)}.op-plan-price{margin-top:10px;font-family:var(--font-display);font-size:clamp(2.6rem,5vw,4rem);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--ink)}.op-plan-featured .op-plan-price{color:var(--paper)}.op-plan-period{margin-top:6px;font-size:.875rem}.op-plan-featured .op-plan-period{color:#fff9}.op-plan-features{display:flex;flex-direction:column;gap:10px;margin:28px 0 32px;padding-top:24px;border-top:1px solid var(--line)}.op-plan-featured .op-plan-features{border-color:#ffffff1f}.op-plan-features li{display:flex;gap:10px;align-items:flex-start;font-size:.9375rem;line-height:1.45;color:var(--graphite)}.op-plan-featured .op-plan-features li{color:#ffffffd9}.op-plan-features svg{flex:none;width:16px;height:16px;margin-top:2px;stroke-width:2.5;color:var(--ink)}.op-plan-featured .op-plan-features svg{color:var(--lime)}.op-plan-cta{width:100%;margin-top:auto;height:54px}.op-start{background:var(--surface)}.op-steps-wrap{position:relative}.op-steps-line{position:absolute;top:27px;left:0;width:100%;height:2px;overflow:visible}.op-steps-line path{fill:none;stroke:var(--ink);stroke-width:1.5;vector-effect:non-scaling-stroke}.op-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px)}.op-step-node{display:grid;place-items:center;width:56px;height:56px;margin-bottom:24px;border-radius:50%;background:var(--paper);border:1.5px solid var(--ink);font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--ink);transition:background .3s ease}.op-step:first-child .op-step-node{background:var(--lime);border-color:var(--lime)}.op-step h3{margin-bottom:10px;font-size:1.4rem;letter-spacing:-.03em}.op-step p{font-size:.9375rem}.op-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}.faq-list{border-top:2px solid var(--ink)}.faq-item{border-bottom:1px solid var(--line-mid)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:24px 0;text-align:left;font-family:var(--font-display);font-size:clamp(1.1rem,1.6vw,1.35rem);font-weight:600;letter-spacing:-.02em;color:var(--ink)}.faq-icon{position:relative;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);transition:background .3s ease,border-color .3s ease,transform .5s var(--ease-out)}.faq-icon:before,.faq-icon:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:1.5px;background:currentColor;translate:-50% -50%;transition:transform .4s var(--ease-out)}.faq-icon:after{transform:rotate(90deg)}.faq-item.open .faq-icon{background:var(--ink);border-color:var(--ink);color:var(--paper);transform:rotate(180deg)}.faq-item.open .faq-icon:after{transform:rotate(0)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease-out)}.faq-item.open .faq-answer,html:not(.js-enabled) .faq-answer{grid-template-rows:1fr}.faq-answer-inner{min-height:0;overflow:hidden}.faq-answer p{max-width:64ch;padding-bottom:24px;font-size:1rem}@media(max-width:1080px){.op-hero-grid{grid-template-columns:1fr}.op-screen{transform:none}}@media(max-width:960px){.op-product-grid,.op-method-grid,.op-pricing-head,.op-plans,.op-fit-grid,.op-faq-grid{grid-template-columns:1fr}.op-method-sticky{display:none}.op-symptom{grid-template-columns:48px 1fr}.op-scope-grid{grid-template-columns:1fr}.op-symptom p{grid-column:2}.op-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}.op-steps-line{display:none}}@media(max-width:640px){.op-specs{grid-template-columns:1fr}.op-spec+.op-spec{padding-left:0;border-left:0;border-top:1px solid var(--line)}.op-spec{padding:18px 0}.op-scope-item{grid-template-columns:32px minmax(0,1fr)}.op-scope-item p{grid-column:2}.op-steps{grid-template-columns:1fr}.op-screen-chips{display:none}.op-hero-ctas .btn{width:100%}}.op-screen-letters li.is-active{color:var(--ink);background:var(--lime);border-color:var(--lime)}html[data-motion=reduced] .op-screen{transform:none}