@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-ext-wght-normal.DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-wght-normal.D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.op{--ink: #0c0a1c;--ink-2: #141127;--milk: #e8ecff;--haze: #aab0d6;--line: rgba(232, 236, 255, .16);--light: linear-gradient( 90deg, hsl(200 80% 70%), hsl(270 70% 74%), hsl(340 75% 75%), hsl(50 85% 70%) );--f-display: "Figtree Variable", "Segoe UI", system-ui, sans-serif;--f-code: "JetBrains Mono Variable", ui-monospace, Consolas, monospace;--wide: 72rem;--gutter: clamp(16px, 4vw, 40px);color-scheme:dark;min-height:100vh;background:var(--ink);color:var(--milk);font-family:var(--f-display);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}.op *,.op *:before,.op *:after{box-sizing:border-box}.op a{color:inherit}.op :focus-visible{outline:2px solid hsl(270 70% 74%);outline-offset:3px}.op h1,.op h2,.op h3,.op p{margin:0}.op h1,.op h2,.op h3{font-family:var(--f-display);text-wrap:balance}.op h2{font-size:clamp(32px,4.4vw,52px);line-height:1.05;font-weight:680;letter-spacing:-.025em}.op .wrap{max-width:var(--wide);margin:0 auto;padding-inline:var(--gutter)}.op .band{padding-block:clamp(72px,10vw,128px)}.op .glow-rule{position:relative}.op .glow-rule:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--light);opacity:.7}.op .eyebrow{font-family:var(--f-code);font-size:12px;letter-spacing:.08em;text-transform:lowercase;color:var(--haze)}.op .meta{font-family:var(--f-code);font-size:12px;color:var(--haze);font-variant-numeric:tabular-nums}.op .meta a:hover{color:var(--milk)}.op .op-top{position:relative}.op .op-top:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:var(--light);opacity:.55}.op .nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}.op .brand{display:flex;align-items:center;gap:10px;text-decoration:none}.op .brand svg{width:28px;height:28px;display:block}.op .word{font-weight:700;font-size:22px;letter-spacing:-.02em}.op .nav ul{display:flex;align-items:center;gap:clamp(14px,3vw,32px);list-style:none;margin:0;padding:0}.op .nav ul a{font-family:var(--f-code);font-size:12.5px;text-decoration:none;color:var(--haze);padding-block:12px;display:inline-block}.op .nav ul a:hover{color:var(--milk)}.op .nav ul a.nav-cta{color:var(--ink);background:var(--milk);padding:8px 14px;border-radius:2px}.op .nav ul a.nav-cta:hover{background:#fff}.op .actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.op .btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;font-family:var(--f-display);font-weight:650;font-size:16px;text-decoration:none;border-radius:2px;transition:background .15s ease,box-shadow .15s ease}.op .btn-solid{background:var(--milk);color:var(--ink)}.op .btn-solid:hover{background:#fff;box-shadow:-6px 0 18px -6px #75c7f0b3,6px 0 18px -6px #ef8fafb3}.op .btn-ghost{color:var(--milk);padding-inline:10px}.op .btn-ghost:hover{text-decoration:underline;text-underline-offset:5px}.op .opal-avatar{display:block;width:100%;aspect-ratio:1}.op .opal-hero{position:relative;overflow:hidden;padding-block:clamp(56px,9vw,120px)}.op .opal-hero:before{content:"";position:absolute;width:min(900px,120vw);aspect-ratio:1;left:clamp(-300px,-10vw,-80px);top:50%;transform:translateY(-50%);background:radial-gradient(closest-side,hsl(270 70% 55% / .22),hsl(200 80% 50% / .08) 55%,transparent);pointer-events:none}.op .opal{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,96px);align-items:center}.op .opal .opal-avatar{max-width:440px;justify-self:center}.op .opal-hero h1{margin-top:18px;font-size:clamp(44px,6.4vw,88px);line-height:1;font-weight:720;letter-spacing:-.035em;max-width:12ch}.op .opal p:not(.eyebrow):not(.meta){margin-top:22px;max-width:46ch;font-size:18.5px;color:var(--milk)}.op .opal-hero .meta{margin-top:24px}.op .raised{background:var(--ink-2)}.op .head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);align-items:end}.op .head h2{margin-top:16px;max-width:14ch}.op .head>p{max-width:52ch;color:var(--haze)}.op .steps{margin:56px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.op .steps li{position:relative;padding-top:16px}.op .steps li:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;border-radius:2px;background:var(--hue)}.op .steps li:nth-child(1){--hue: hsl(200 80% 70%)}.op .steps li:nth-child(2){--hue: hsl(270 70% 74%)}.op .steps li:nth-child(3){--hue: hsl(340 75% 75%)}.op .steps li:nth-child(4){--hue: hsl(50 85% 70%)}.op .steps .n{font-family:var(--f-code);font-size:12px;color:var(--haze)}.op .steps h3{margin-top:8px;font-size:20px;font-weight:680;letter-spacing:-.01em}.op .steps p{margin-top:6px;font-size:15.5px;line-height:1.55;color:var(--haze)}.op .feel-head h2{margin-top:16px;max-width:18ch}.op .feel-head>p:not(.eyebrow){margin-top:20px;max-width:58ch;color:var(--haze)}.op .feel-grid{margin-top:48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center}.op .feel-grid .opal-avatar{max-width:440px;justify-self:center}.op .feelings{list-style:none;margin:0;padding:0;display:grid;gap:6px}.op .feelings button{display:grid;gap:2px;width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:2px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.op .feelings .name{font-weight:680;font-size:17px}.op .feelings .says{font-size:15px;color:var(--haze)}.op .feelings button:hover{border-color:#e8ecff66}.op .feelings button.on{background:var(--ink-2);border-color:transparent;box-shadow:inset 3px 0 #bd8eeb}.op .dl .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,5vw,80px);align-items:end}.op .dl h2{max-width:13ch;margin-top:16px}.op .dl .grid>div:last-child p{max-width:44ch;color:var(--haze)}.op .facts{margin:56px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.op .facts li{padding:16px 16px 0 0;font-size:15px}.op .facts .meta{display:block;margin-bottom:4px}.op .op-foot{border-top:1px solid var(--line)}.op .op-foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:center;padding-block:40px}.op .foot-brand{display:grid;gap:8px}.op .op-foot .word{font-size:19px}@media(max-width:900px){.op .opal,.op .feel-grid,.op .head,.op .dl .grid{grid-template-columns:1fr}.op .opal .opal-avatar,.op .feel-grid .opal-avatar{max-width:260px;justify-self:start}.op .steps{grid-template-columns:repeat(2,1fr);gap:32px 16px}.op .facts{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.op .nav ul li:not(:last-child){display:none}}@media(max-width:460px){.op .steps{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.op .btn,.op .feelings button{transition:none}}