.ph{--ph-bg:#080611;--ph-text:#f4effa;--ph-muted:#bfb6cc;--ph-soft:#d9d3e4;--ph-accent:#f3b2cb;--ph-line:#4e425d;--ph-hair:#2a2238;background:var(--ph-bg);color:var(--ph-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;margin-top:-77px}.ph h1,.ph h2,.ph .layerlist b,.ph .layers span{font-family:var(--font-space-grotesk), "Space Grotesk", Inter, sans-serif}.ph .story{position:relative}.ph .stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden}.ph .stage canvas,.ph .poster{width:100%;height:100%;display:block;position:absolute;inset:0}.ph .poster{object-fit:contain;background:var(--ph-bg)}.ph .stage canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ph [hidden]{display:none!important}.ph #state{color:var(--ph-muted);z-index:2;max-width:70%;font-size:12px;position:absolute;top:96px;left:5vw}.ph #state.quiet{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden}.ph .caption{pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;transition:opacity .3s;display:flex;position:absolute;bottom:38px;left:5vw;right:5vw}.ph .caption>div:first-child{pointer-events:auto}.ph h1{letter-spacing:-.03em;max-width:11.5ch;margin:0 0 14px;font-size:clamp(34px,4.6vw,88px);font-weight:500;line-height:1.04}.ph .lede{color:var(--ph-soft);max-width:520px;margin:0 0 22px;font-size:clamp(16px,1.5vw,19px)}.ph .chapter,.ph .caption{text-shadow:0 0 24px var(--ph-bg), 0 0 8px var(--ph-bg)}.ph .cta{color:#140d2e;cursor:pointer;min-height:44px;text-shadow:none;background:linear-gradient(135deg,#ffb13f,#f67596);border:0;border-radius:24px;align-items:center;padding:11px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.ph .cta:hover{filter:brightness(1.08)}.ph a:focus-visible,.ph button:focus-visible{outline-offset:5px;outline:2px solid #ffe13f}.ph .layers{pointer-events:none;opacity:0;position:absolute;inset:0}.ph .layers span{letter-spacing:.14em;text-transform:uppercase;color:var(--ph-text);text-shadow:0 0 14px var(--ph-bg);white-space:nowrap;font-size:13px;font-weight:500;position:absolute;top:0;left:0;transform:translate(calc(-100% - 16px),-50%)}.ph .chapter{z-index:3;pointer-events:none;align-items:center;height:100svh;padding:0 7vw;display:flex;position:relative}.ph .chapter>div{max-width:470px}.ph .chapter.right{justify-content:flex-end}.ph .chapter h2{letter-spacing:-.025em;margin:0 0 14px;font-size:clamp(26px,3.2vw,44px);font-weight:500;line-height:1.15}.ph .chapter p{color:var(--ph-muted);margin:0}.ph .pains,.ph .layerlist{color:var(--ph-muted);gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.ph .pains li{padding-left:18px;position:relative}.ph .pains li:before{content:"";background:#f67596;width:8px;height:1px;position:absolute;top:.8em;left:0}.ph .layerlist b{color:var(--ph-text);letter-spacing:.02em;font-weight:500;display:block}.ph .steps{flex-wrap:wrap;gap:10px;display:flex;margin-top:18px!important}.ph .steps span{border:1px solid var(--ph-line);color:var(--ph-text);border-radius:20px;padding:6px 14px;font-size:13px}.ph .chapter.end{padding-top:76px;padding-bottom:72px}.ph .chapter.end>div{pointer-events:auto;width:100%;max-width:440px;text-shadow:none}.ph .chapter.end h2{letter-spacing:-.02em;color:#fff6ea;text-shadow:0 0 1px #ffeccde6,0 0 14px #ffb13f6b,0 0 38px #fa709a42;margin-bottom:26px;font-size:clamp(30px,3.3vw,50px);font-weight:400;line-height:1.08}.ph .end-footer{pointer-events:auto;text-shadow:none;position:absolute;bottom:26px;left:24px;right:24px}.ph .end-footer .footer-line{color:#f6d7b0;margin:0}.nav .brand{transition:opacity .4s,visibility linear}body:has(.ph) .nav:before{display:none}html[data-ph-end] .nav .brand{opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s linear .4s}@media (max-width:700px){.ph .stage{min-height:680px}.ph .caption{flex-direction:column;align-items:start;bottom:24px;left:24px;right:24px}.ph h1{font-size:34px}.ph #state{top:80px;left:24px}.ph .layers{display:none}.ph .chapter{align-items:flex-end;padding:0 24px 44px}.ph .chapter.right{justify-content:flex-start}.ph .chapter.end{padding-bottom:86px}.ph .end-footer{bottom:18px}.ph .chapter.end h2{text-shadow:0 0 10px #080611f2,0 0 24px #080611d9,0 0 1px #ffeccde6;margin-bottom:12px;font-size:26px}.ph .end .contact-form{gap:10px}.ph .end .field label{font-size:13px}.ph .end .field input{min-height:36px;padding:6px 0 8px}.ph .end .field textarea{min-height:58px;padding:6px 0 8px}.ph .end .form-actions{margin-top:2px}}