:root{--op-ground: #040b1b;--op-ground-2: #090e22;--op-panel: #0b1224;--op-line: #ffffff1a;--op-line-soft: #ffffff12;--op-teal: #2ad1d1;--op-mint: #64ead2;--op-brand: #0ac8c8;--op-violet: #8a6bff;--op-grad: linear-gradient(150deg, #0ac8c8, #64ead2 90%)}.op-section{position:relative;overflow:clip}[id]{scroll-margin-top:88px}.op-aurora:before{content:"";position:absolute;inset:-20% -10% auto;height:140%;pointer-events:none;z-index:0;background:radial-gradient(38% 46% at 80% 0%,#0ac8c826,transparent 70%),radial-gradient(34% 42% at 14% 6%,#5b2ee51f,transparent 72%);animation:op-drift 22s ease-in-out infinite alternate}@keyframes op-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-3%,2%,0) scale(1.08)}}.op-grid:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:44px 44px}.op-grid--mask:after{-webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 78%);mask-image:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 78%)}.op-hairline{position:relative}.op-hairline:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#2ad1d166 18%,#8a6bff66 82%,transparent);z-index:2}.op-z{position:relative;z-index:1}.op-js .op-reveal{transform:translateY(24px);transition:transform .7s cubic-bezier(.2,.7,.3,1);transition-delay:var(--d, 0s)}.op-js .op-reveal.op-in{transform:none}.op-js .op-tilt{transform-origin:50% 0%;transform:perspective(1600px) rotateX(8deg) scale(.96);transition:transform .9s cubic-bezier(.2,.7,.3,1);will-change:transform}.op-js .op-tilt.op-in{transform:perspective(1600px) rotateX(0) scale(1)}.app-frame{background:var(--op-panel);border:1px solid var(--op-line);border-radius:18px;box-shadow:0 30px 80px #0206128c;overflow:hidden}.app-frame__bar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--op-line-soft);background:#0a112480}.app-frame__dot{width:10px;height:10px;border-radius:9999px}.app-frame__url{margin:0 auto;font-family:var(--font-ui);font-size:11px;color:#fff6;letter-spacing:.02em;background:#ffffff0d;border:1px solid var(--op-line-soft);padding:3px 12px;border-radius:9999px}.app-frame__badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-ui);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ff8a8a}.app-frame__body{padding:16px;position:relative}.op-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--op-mint);margin:0}.op-eyebrow .sl{color:#ffffff40}.opv-stat{background:#ffffff08;border:1px solid var(--op-line);border-radius:14px;padding:13px 15px}.opv-stat__label{font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.04em;color:#ffffff80;text-transform:uppercase}.opv-stat__num{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-weight:800;font-size:28px;color:#fff;line-height:1.1;margin-top:4px;letter-spacing:-.02em}.opv-stat__delta{font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--op-mint)}.opv-bars{display:flex;align-items:flex-end;gap:8px;height:100%}.opv-bar{flex:1;border-radius:6px 6px 3px 3px;background:#2ad1d133;transform-origin:bottom;animation:op-breathe var(--dur, 3.4s) ease-in-out infinite alternate;animation-delay:var(--del, 0s);height:var(--h, 50%)}.opv-bar--hi{background:var(--op-grad);box-shadow:0 0 18px #0ac8c855}@keyframes op-breathe{0%{transform:scaleY(var(--lo, .82))}to{transform:scaleY(1)}}.opv-row{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;background:#ffffff06;border:1px solid var(--op-line-soft)}.op-js .opv-row{transform:translate(-8px);transition:transform .5s cubic-bezier(.2,.7,.3,1);transition-delay:var(--del, 0s)}.op-js .opv-row.op-in{transform:none}.opv-dot{width:8px;height:8px;border-radius:9999px;flex:none}.opv-row__label{font-size:13px;color:#fff;font-weight:600}.opv-row__meta{margin-left:auto;font-family:var(--font-ui);font-size:11.5px;color:#ffffff80}.opv-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--op-mint);border:1px solid #0ac8c833;background:#0ac8c814;padding:5px 11px;border-radius:9999px}.opv-pill--violet{color:#c3b4ff;border-color:#8a6bff33;background:#8a6bff14}.opv-pill--amber{color:#f5d97a;border-color:#efc42c33;background:#efc42c14}.opv-bubble{max-width:78%;padding:9px 13px;border-radius:14px;font-size:13.5px;line-height:1.4}.opv-bubble--out{margin-left:auto;background:#0ac8c81f;border:1px solid #0ac8c833;color:#d6fbf4;border-bottom-right-radius:5px}.opv-bubble--in{background:#ffffff0a;border:1px solid var(--op-line);color:#fff;border-bottom-left-radius:5px}.opv-tline{font-size:13px;line-height:1.5}.opv-tline__who{font-family:var(--font-ui);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.opv-tline--clin .opv-tline__who{color:var(--op-teal)}.opv-tline--pat .opv-tline__who{color:#b3a0ff}.opv-note{background:#ffffff06;border:1px solid var(--op-line);border-radius:10px;padding:10px 12px}.opv-note__label{font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff6}.opv-note__val{font-size:13px;color:#fff;margin-top:3px;line-height:1.45}.op-js .opv-fill{transform:translateY(8px);transition:transform .55s ease;transition-delay:var(--del, 0s)}.op-js .opv-fill.op-in{transform:none}.op-js .opv-pop{transform:scale(.86);transition:transform .55s cubic-bezier(.2,1.4,.4,1);transition-delay:var(--del, 0s)}.op-js .opv-pop.op-in{transform:none}.opv-pulse{position:relative}.opv-pulse:after{content:"";position:absolute;inset:-5px;border-radius:inherit;border:1px solid currentColor;opacity:.6;animation:op-pulse 1.8s ease-out infinite}@keyframes op-pulse{to{transform:scale(1.6);opacity:0}}.opv-blink{animation:op-blink 1.4s steps(2,jump-none) infinite}@keyframes op-blink{50%{opacity:.25}}.opv-rec{width:8px;height:8px;border-radius:9999px;background:#ff5f57;box-shadow:0 0 10px #ff5f57;animation:op-blink 1.3s ease-in-out infinite}.opv-draw{stroke-dasharray:var(--len, 600)}.op-js .opv-draw{stroke-dashoffset:var(--len, 600);transition:stroke-dashoffset 1.7s ease var(--del, .2s)}.op-js .opv-draw.op-in{stroke-dashoffset:0}.op-js .opv-prog{width:0!important;transition:width 1.5s cubic-bezier(.3,.7,.3,1) var(--del,.1s)}.op-js .opv-prog.op-in{width:var(--w, 100%)!important}.opv-flowdot{animation:op-flow 2.4s linear infinite}@keyframes op-flow{0%{offset-distance:0%}to{offset-distance:100%}}.area-ic{display:grid;place-items:center;border-radius:11px;border:1px solid var(--op-line);background:#ffffff08;color:var(--op-mint)}.area-row--tonee{border-color:#64ead24d;background:#0ac8c814}.op-card-link{transition:border-color .2s ease,transform .2s ease,background .2s ease}.op-card-link:hover{border-color:#2ad1d14d!important;transform:translateY(-3px)}.op-cta-grad{display:inline-flex;align-items:center;gap:.5rem;background:var(--op-grad);color:#04282b;font-weight:700;padding:.85rem 1.5rem;border-radius:9999px;text-decoration:none;font-size:16px;transition:opacity .2s ease}.op-cta-grad:hover{opacity:.9}.op-cta-ghost{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #ffffff40;color:#fff;font-weight:600;padding:.85rem 1.5rem;border-radius:9999px;text-decoration:none;font-size:16px;transition:background .2s ease}.op-cta-ghost:hover{background:#ffffff14}@media(max-width:820px){.op-section>.op-z[style*=grid-template-columns],.op-section>div[style*=grid-template-columns]{grid-template-columns:1fr!important}.op-section>.op-z[style*=grid-template-columns]>*,.op-section>div[style*=grid-template-columns]>*{order:0!important;min-width:0!important}.op-section [style*="grid-template-columns:repeat"]:not(.app-frame [style*=grid-template-columns]){grid-template-columns:repeat(2,1fr)!important}}@media(max-width:520px){.op-section [style*="grid-template-columns:repeat"]:not(.app-frame [style*=grid-template-columns]){grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){.op-js .op-reveal,.op-js .op-tilt,.op-js .opv-row,.op-js .opv-fill,.op-js .opv-pop{transform:none!important;transition:none!important}.op-js .opv-prog{width:var(--w,100%)!important;transition:none!important}.op-aurora:before,.opv-bar,.opv-pulse:after,.opv-blink,.opv-rec,.opv-flowdot{animation:none!important}.op-js .opv-draw,.opv-draw{stroke-dashoffset:0!important;transition:none!important}}