.op-intro{position:relative;width:100%;min-height:100vh;display:flex;flex-wrap:wrap;align-items:stretch;background:var(--color-ink);color:var(--color-cream)}.op-intro-copy{flex:1 1 460px;min-width:0;justify-content:center;padding:clamp(48px,7vh,72px) clamp(24px,5vw,80px) clamp(48px,8vh,96px)}.op-intro-copy,.op-intro-stack{display:flex;flex-direction:column}.op-intro-stack{gap:clamp(24px,3.4vh,34px)}.op-intro h1{font-weight:500;font-size:clamp(28px,3.2vw,40px);line-height:1.1;letter-spacing:-.02em;white-space:nowrap}.op-intro h1,.op-intro p{margin:0;color:var(--color-cream)}.op-intro p{font-size:clamp(16px,1.5vw,21px);line-height:1.45;max-width:31ch}.op-begin-wrap{margin-top:clamp(12px,2.4vh,26px);display:flex}.op-begin{gap:16px;padding:16px 32px;border-radius:0;font-size:18px}.op-begin svg{flex:none}.op-graph{position:relative;flex:1 1 560px;min-width:0;align-self:stretch;min-height:clamp(340px,60vh,900px);margin:clamp(48px,7vh,72px) clamp(16px,2vw,32px);overflow:hidden}.op-graph-canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none}.op-graph-svg{position:absolute;inset:0;display:block;overflow:visible}.op-edge{stroke:rgba(246,244,239,.28)}.op-node{cursor:pointer;pointer-events:bounding-box;outline:none}.op-node:focus-visible .op-node-shape{stroke-width:2.4}.op-node-shape{transition:fill .35s ease,stroke-opacity .35s ease}.op-graph-labels{inset:0}.op-graph-labels,.op-label{position:absolute;pointer-events:none}.op-label{transform:translate(-50%);max-width:16ch;text-align:center;white-space:normal;opacity:1;transition:opacity .3s ease;font-family:var(--font-mono);font-size:13px;line-height:1.35;text-transform:lowercase;color:rgba(246,244,239,.6)}.op-stack{position:relative;width:100%}.op-step{position:relative;box-sizing:border-box;width:100%;background:var(--color-ink);gap:clamp(18px,2.6vh,30px);padding:clamp(40px,6vh,64px) clamp(24px,5vw,80px) clamp(24px,4vh,48px)}.op-eyebrow,.op-step{color:var(--color-cream);display:flex;flex-direction:column}.op-eyebrow{font-family:var(--font-mono);font-size:clamp(13px,1.1vw,16px);line-height:1.5}.op-step .op-eyebrow{margin-bottom:calc(clamp(16px, 2.2vh, 24px) - clamp(24px, 3.4vh, 34px))}.op-eyebrow-dark{line-height:1.45;color:var(--color-ink)}.op-step h2{margin:0;font-weight:500;font-size:clamp(28px,3.2vw,40px);line-height:1.1;letter-spacing:-.02em;color:var(--color-cream)}.op-panel{position:relative;width:100%;flex:1 1 auto;min-height:0;display:flex;align-items:flex-start;justify-content:flex-start;overflow:hidden}.op-mock{container-type:inline-size;width:100%;flex:none}.op-res{width:100%;background:var(--color-cream);color:var(--color-ink);padding:clamp(64px,10vh,120px) clamp(24px,5vw,64px);gap:clamp(56px,8vh,90px)}.op-res,.op-res-head{display:flex;flex-direction:column}.op-res-head{gap:clamp(24px,3.6vh,40px)}.op-res-head h2{margin:0;font-weight:500;font-size:clamp(34px,5vw,64px);line-height:1.15;letter-spacing:-.02em;color:var(--color-ink);text-wrap:pretty}.op-res-row{display:flex;flex-wrap:wrap;gap:clamp(32px,4vw,56px);align-items:flex-start;justify-content:space-between}.op-res-row-reverse{flex-direction:row-reverse}.op-res-card{flex:0 0 267px;width:267px;min-width:0;display:flex;flex-direction:column;gap:18px}.op-res-card .pc-details{display:none}.op-res-meta{display:flex;flex-direction:column;font-family:var(--font-mono);font-size:clamp(13px,1.1vw,16px);line-height:1.45;color:var(--color-ink)}.op-res-quote{flex:1 1 420px;min-width:0;margin:0;position:relative;padding-left:clamp(44px,4.2vw,72px);font-weight:500;font-size:clamp(26px,3.4vw,46px);line-height:1.2;letter-spacing:-.015em;color:var(--color-ink);text-wrap:pretty}.op-res-quote p{margin:0}.op-res-mark{position:absolute;left:0;top:-.1em;font-size:2.1em;line-height:1;font-weight:500}.op-res-mark,.op-res-mark-close{color:var(--q-accent,var(--color-pink))}.op-secure{position:relative;width:100%;background:var(--color-ink);color:var(--color-cream);padding:clamp(56px,8vh,72px) clamp(24px,5vw,68px) clamp(64px,10vh,110px)}.op-secure-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:start}.op-devices{display:flex;align-items:center;gap:clamp(14px,1.6vw,22px)}.op-device{flex:none;width:clamp(26px,2.6vw,36px);height:clamp(26px,2.6vw,36px)}.op-secure-head h2{margin:clamp(20px,3vh,28px) 0 0;text-align:center;font-weight:500;font-size:clamp(26px,3.2vw,42px);line-height:1.15;letter-spacing:-.02em;color:var(--color-cream);text-wrap:balance}.op-secure-row{position:relative;margin:clamp(40px,6vh,56px) auto 0;max-width:942px;display:flex;flex-wrap:wrap;gap:clamp(14px,1.6vw,20px);align-items:flex-start}.op-portal{position:absolute;z-index:3;left:50%;top:0;width:min(100%,820px);transform:translateX(-50%);opacity:1;transition:opacity .8s ease;pointer-events:none}.op-portal-img{display:block;width:100%;height:auto}.op-secure-main{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:clamp(24px,4vh,36px)}.op-frame{position:relative;width:100%;overflow:hidden}.op-frame-desktop{aspect-ratio:2378/1567}.op-frame-mobile{flex:0 1 233px;min-width:180px;margin-top:clamp(0px,8vw,104px);aspect-ratio:935/1821}.op-frame-inner{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}.op-frame-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.op-bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(8px,1vh,12px);font-family:var(--font-mono);font-size:clamp(14px,1.3vw,17px);line-height:1.45;color:var(--color-cream)}.op-bullets li{display:flex;align-items:center;gap:12px}.op-bullet-mark{flex:none;width:10px;height:10px}.op-ai{position:relative;width:100%;background:#000;color:var(--color-cream);overflow:hidden;padding:clamp(64px,10vh,90px) clamp(24px,10vw,130px)}.op-ai-bg{position:absolute;inset:0;pointer-events:none}.op-ai-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(56px,10vh,110px);max-width:1080px}.op-ai-row{display:flex;flex-wrap:wrap;gap:clamp(20px,8vw,120px);align-items:flex-start}.op-ai-lead{flex:0 1 20ch;margin:0;font-weight:500;letter-spacing:-.01em;font-size:clamp(24px,2.8vw,38px);line-height:1.3}.op-ai-body,.op-ai-lead{min-width:0;color:var(--color-cream);text-wrap:pretty}.op-ai-body{flex:1 1 260px;max-width:40ch;margin:.35em 0 0;font-size:clamp(15px,1.4vw,18px);line-height:1.45}.op-ai-link{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(16px,2.4vw,32px);font-weight:500;color:var(--color-cream);font-size:clamp(25.5px,4.05vw,49.5px);line-height:1.1;letter-spacing:-.02em;text-decoration:none;transition:color .22s ease}.op-ai-link:hover{color:var(--color-yellow)}.op-ai-link svg{flex:none;width:.9em;height:.9em}@media (max-width:760px){.op-intro h1{white-space:normal}.op-secure-head{grid-template-columns:1fr}.op-secure-head h2{text-align:left;margin-top:0}.op-res-row,.op-res-row-reverse{flex-direction:column}.op-res-card{width:min(100%,267px);flex-basis:auto}}@media (prefers-reduced-motion:reduce){.op-frame-inner,.op-label,.op-node-shape,.op-portal{transition:none}}