:root{--op-navy:#03263d;--op-deep:#073c60;--op-blue:#087fa8;--op-cyan:#20b8c8;--op-sky:#79dce4;--op-ice:#e7f7f8;--op-ink:#102e40;--op-muted:#5f7480;--op-line:rgba(7,60,96,.16);--op-shadow:0 28px 70px rgba(2,43,68,.16)}
.op-page{overflow:hidden;background:#fff;color:var(--op-ink);font-family:inherit}.op-page *{box-sizing:border-box}.op-page h1,.op-page h2,.op-page h3,.op-page p{margin-top:0}.op-container{width:min(calc(100% - 48px),1240px);margin-inline:auto}.op-cover-image{width:100%;height:100%;object-fit:cover}.op-eyebrow{margin:0 0 1rem;color:var(--op-cyan);font-size:.76rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.op-page h2{margin:0;font-size:clamp(2.25rem,5vw,4.75rem);font-weight:500;letter-spacing:-.045em;line-height:1.03}.op-section-heading{max-width:850px;margin-bottom:clamp(3rem,6vw,5rem)}.op-section-heading--light{color:#fff}.op-section-heading--light h2{color:#fff}.op-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.9rem 1.35rem;border:1px solid transparent;border-radius:999px;font-size:.86rem;font-weight:800;text-decoration:none;transition:transform .25s,background .25s,border-color .25s}.op-button:hover{transform:translateY(-2px)}.op-button--primary{background:var(--op-cyan);color:#03263d}.op-button--glass{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(12px)}.op-button--dark{background:var(--op-deep);color:#fff}.op-reveal{opacity:0;transform:translateY(26px);transition:opacity .75s,transform .75s cubic-bezier(.22,1,.36,1)}.op-reveal.is-visible{opacity:1;transform:none}

.op-hero{position:relative;isolation:isolate;min-height:calc(100vh - 80px);display:grid;align-items:end;color:#fff}.op-hero__media,.op-impact__media,.op-contact__media{position:absolute;inset:0;z-index:-2}.op-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,31,50,.96) 0%,rgba(2,31,50,.72) 46%,rgba(2,31,50,.15) 100%),linear-gradient(0deg,rgba(2,31,50,.65),transparent 40%)}.op-hero__bathymetry{position:absolute;inset:0;opacity:.34;background:repeating-radial-gradient(ellipse at 77% 47%,transparent 0 31px,rgba(121,220,228,.22) 32px 33px,transparent 34px 51px)}.op-hero__inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.5fr);gap:4rem;align-items:end;padding:clamp(8rem,14vw,13rem) 0 5rem}.op-hero__copy{max-width:900px}.op-hero h1{max-width:950px;margin:0;font-size:clamp(3.3rem,7.4vw,7.2rem);font-weight:500;letter-spacing:-.065em;line-height:.93}.op-hero__lede{max-width:730px;margin:1.8rem 0 0;color:#d6e9ed;font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.75}.op-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.2rem}.op-hero__signal{padding:1.5rem;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(2,42,65,.38);backdrop-filter:blur(14px)}.op-hero__signal>p{margin-bottom:1.3rem;color:var(--op-sky);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.op-hero__signal div{display:grid;grid-template-columns:100px 1fr;gap:.8rem;align-items:center;margin-top:1rem}.op-hero__signal span{font-size:.78rem}.op-hero__signal i{height:4px;border-radius:99px;background:linear-gradient(90deg,var(--op-cyan) var(--signal),rgba(255,255,255,.15) var(--signal))}.op-scroll-cue{position:absolute;bottom:1.5rem;left:50%;width:34px;height:55px;border:1px solid rgba(255,255,255,.42);border-radius:99px}.op-scroll-cue span{position:absolute;top:10px;left:50%;width:4px;height:10px;border-radius:99px;background:#fff;animation:op-scroll 2s infinite}

.op-overview{padding:clamp(6rem,10vw,10rem) 0;background:#fff}.op-overview__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,8rem)}.op-overview__copy{padding-left:clamp(0rem,4vw,4rem);border-left:1px solid var(--op-line)}.op-overview__copy p{color:var(--op-muted);font-size:1.04rem;line-height:1.85}.op-overview__copy .op-overview__lead{color:var(--op-ink);font-size:clamp(1.35rem,2.3vw,1.95rem);line-height:1.5}.op-outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:5rem}.op-outcome{min-height:260px;padding:1.7rem;border:1px solid var(--op-line);border-radius:20px;background:#f7fbfb}.op-outcome span,.op-capability__content>span,.op-process__step>span,.op-audience-grid span{color:var(--op-blue);font-size:.72rem;font-weight:800}.op-outcome h3{margin:4.5rem 0 .7rem;font-size:1.45rem}.op-outcome p{color:var(--op-muted);line-height:1.65}

.op-devices{position:relative;padding:clamp(7rem,11vw,11rem) 0;background:#edf6f7}.op-devices__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,7vw,7rem);align-items:center}.op-devices__copy>p:not(.op-eyebrow){margin:1.5rem 0 0;color:var(--op-muted);line-height:1.8}.op-chip-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.8rem}.op-chip-row span{padding:.55rem .85rem;border:1px solid var(--op-line);border-radius:99px;background:#fff;color:var(--op-deep);font-size:.76rem;font-weight:700}.op-device-scene{position:relative;min-height:620px;perspective:1100px}.op-device-scene__glow{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(32,184,200,.28),transparent 65%)}.op-device{position:absolute;overflow:hidden;background:#061b28;box-shadow:0 35px 80px rgba(5,43,67,.25)}.op-device img{width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#15435c,#25a9ba)}.op-device--desktop{top:5%;right:0;width:88%;aspect-ratio:16/10;padding:10px;border-radius:18px;transform:rotateY(-8deg) rotateX(3deg)}.op-device__browser{position:absolute;z-index:2;top:10px;left:10px;right:10px;height:25px;display:flex;align-items:center;gap:5px;padding-left:9px;background:#0c2635}.op-device__browser i{width:6px;height:6px;border-radius:50%;background:var(--op-sky)}.op-device--desktop img{padding-top:25px}.op-device--tablet{left:1%;bottom:7%;width:44%;aspect-ratio:4/3;padding:9px;border-radius:22px;transform:rotateY(8deg) rotateZ(-2deg)}.op-device--phone{right:2%;bottom:0;width:20%;aspect-ratio:9/19;padding:7px;border-radius:24px;transform:rotateZ(3deg)}.op-device--tablet img,.op-device--phone img{border-radius:14px}

.op-capabilities{padding:clamp(7rem,10vw,10rem) 0;background:var(--op-navy)}.op-capability-stage{display:grid;gap:1.25rem}.op-capability{position:relative;min-height:570px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:28px;background:#fff}.op-capability:nth-child(even){grid-template-columns:.9fr 1.1fr}.op-capability:nth-child(even) .op-capability__media{order:2}.op-capability__media{position:relative;min-height:570px}.op-capability__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,38,61,.45),transparent 60%)}.op-capability__content{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,5rem)}.op-capability__content h3{margin:1.2rem 0 1.2rem;font-size:clamp(2rem,4vw,4rem);font-weight:500;letter-spacing:-.04em;line-height:1.02}.op-capability__content p:not(.op-eyebrow){color:var(--op-muted);line-height:1.8}.op-text-button{align-self:flex-start;margin-top:1.3rem;padding:0;border:0;background:none;color:var(--op-deep);font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}.op-text-button b{color:var(--op-cyan)}

.op-process{padding:clamp(7rem,10vw,10rem) 0;background:#fff}.op-process__track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.op-process__track::before{content:"";position:absolute;top:92px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,var(--op-cyan),transparent)}.op-process__step{position:relative;z-index:1;padding:1.2rem;text-align:center}.op-process__icon{width:96px;height:96px;display:grid;place-items:center;margin:1.2rem auto 1.6rem;border:1px solid rgba(32,184,200,.32);border-radius:50%;background:#fff;box-shadow:0 0 0 12px #fff}.op-process__icon i{width:20px;height:20px;border:5px solid var(--op-cyan);border-radius:50%;box-shadow:0 0 0 8px rgba(32,184,200,.12)}.op-process__step h3{font-size:1.15rem}.op-process__step p{color:var(--op-muted);font-size:.92rem;line-height:1.65}

.op-features{padding:clamp(7rem,10vw,10rem) 0;background:#eff7f8}.op-features__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(3rem,7vw,7rem);align-items:center}.op-features__visual{position:relative;min-height:730px;overflow:hidden;border-radius:28px;box-shadow:var(--op-shadow)}.op-features__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,37,59,.88),transparent 65%)}.op-features__radar{position:absolute;z-index:2;top:14%;left:50%;width:250px;height:250px;transform:translateX(-50%)}.op-features__radar i,.op-features__radar b{position:absolute;top:50%;left:50%;border:1px solid rgba(121,220,228,.65);border-radius:50%;transform:translate(-50%,-50%)}.op-features__radar i:nth-child(1){width:100%;height:100%}.op-features__radar i:nth-child(2){width:68%;height:68%}.op-features__radar i:nth-child(3){width:35%;height:35%}.op-features__radar b{width:18px;height:18px;background:var(--op-cyan);box-shadow:0 0 0 12px rgba(32,184,200,.15)}.op-features__label{position:absolute;z-index:3;left:2rem;right:2rem;bottom:2rem;color:#fff}.op-features__label small{display:block;color:var(--op-sky);font-weight:800;letter-spacing:.15em}.op-features__label strong{display:block;margin-top:.7rem;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:500;line-height:1.05}.op-features__content h2{font-size:clamp(2.2rem,4vw,4rem)}.op-feature-list{margin-top:2.5rem}.op-feature-list article{display:grid;grid-template-columns:44px 1fr;gap:1rem;padding:1.45rem 0;border-top:1px solid var(--op-line)}.op-feature-list article:last-child{border-bottom:1px solid var(--op-line)}.op-feature-list span{color:var(--op-blue);font-size:.7rem;font-weight:800}.op-feature-list h3{margin:0 0 .45rem;font-size:1.08rem}.op-feature-list p{margin:0;color:var(--op-muted);line-height:1.65}

.op-impact{position:relative;isolation:isolate;padding:clamp(7rem,10vw,10rem) 0;color:#fff}.op-impact__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,31,50,.97),rgba(2,31,50,.76),rgba(2,31,50,.35))}.op-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.op-audience-grid article{min-height:280px;padding:1.7rem;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.op-audience-grid h3{margin:6rem 0 .7rem;font-size:1.45rem}.op-audience-grid p{color:#d5e9ed;line-height:1.65}

.op-support{padding:clamp(6rem,9vw,9rem) 0;background:#fff}.op-support__grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.op-support__copy>p:not(.op-eyebrow){margin:1.4rem 0 2rem;color:var(--op-muted);line-height:1.8}.op-support__graphic{position:relative;min-height:420px;display:grid;place-items:center}.op-support__graphic div{width:70%;aspect-ratio:16/10;padding:30px;border:12px solid var(--op-deep);border-radius:20px;background:#e7f7f8;box-shadow:var(--op-shadow)}.op-support__graphic div i{display:block;height:12px;margin-bottom:14px;border-radius:99px;background:linear-gradient(90deg,var(--op-cyan) 55%,rgba(7,60,96,.08) 55%)}.op-support__graphic span{position:absolute;bottom:18%;width:48%;height:14px;border-radius:99px;background:var(--op-deep)}.op-support__graphic b{position:absolute;bottom:12%;width:65%;height:8px;border-radius:99px;background:rgba(7,60,96,.18)}

.op-contact{position:relative;isolation:isolate;min-height:650px;display:grid;align-items:center;color:#fff}.op-contact__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,31,50,.96),rgba(2,31,50,.55),rgba(2,31,50,.15))}.op-contact__inner{padding:7rem 0}.op-contact__inner h2{max-width:850px}.op-contact__inner>p:not(.op-eyebrow){max-width:650px;margin:1.5rem 0 2rem;color:#d6e9ed;font-size:1.08rem;line-height:1.75}

.op-modal{width:min(680px,calc(100% - 32px));border:0;border-radius:22px;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.36)}.op-modal::backdrop{background:rgba(1,25,39,.72);backdrop-filter:blur(6px)}.op-modal__close{position:absolute;top:1rem;right:1rem;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:#edf6f7;color:var(--op-deep);font-size:1.5rem;cursor:pointer}.op-modal__content{padding:3.2rem}.op-modal__content h3{font-size:2.2rem}.op-modal__content p{color:var(--op-muted);line-height:1.75}.op-modal__content ul{padding-left:1.1rem;color:var(--op-muted);line-height:1.8}

@keyframes op-scroll{0%{opacity:0;transform:translate(-50%,0)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,25px)}}
@media(max-width:1050px){.op-hero__inner,.op-overview__grid,.op-devices__grid,.op-features__grid,.op-support__grid{grid-template-columns:1fr}.op-hero__signal{max-width:450px}.op-overview__copy{padding-left:0;border-left:0}.op-device-scene{min-height:650px}.op-process__track{grid-template-columns:repeat(2,1fr)}.op-process__track::before{display:none}.op-capability,.op-capability:nth-child(even){grid-template-columns:1fr}.op-capability:nth-child(even) .op-capability__media{order:0}.op-capability__media{min-height:430px}}
@media(max-width:700px){.op-container{width:min(calc(100% - 30px),1240px)}.op-hero{min-height:820px}.op-hero__inner{padding-top:8rem;gap:2rem}.op-hero h1{font-size:clamp(3rem,15vw,5rem)}.op-scroll-cue{display:none}.op-outcome-grid,.op-audience-grid,.op-process__track{grid-template-columns:1fr}.op-device-scene{min-height:490px}.op-device--desktop{width:96%}.op-device--tablet{width:49%}.op-device--phone{width:24%}.op-capability__content{padding:2rem 1.5rem 3rem}.op-features__visual{min-height:520px}.op-support__graphic{min-height:340px}}
@media(prefers-reduced-motion:reduce){.op-page *,.op-page *::before,.op-page *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.op-reveal{opacity:1;transform:none}}