:root{--bone:#FAF6ED;--grey:#ECE6DB;--ink:#17130F;--red:#C12E12;--red-cta:#C12E12;--petrol:#123238;--petrol-tint:#1C454D;--radius:14px;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bone);color:var(--ink);font-family:"Albert Sans",system-ui,sans-serif;font-weight:400;font-size:1.0625rem;line-height:1.55;overflow-x:clip;}h1,h2,h3,.display{font-family:"Bricolage Grotesque","Albert Sans",system-ui,sans-serif;font-weight:800;line-height:1.04;letter-spacing:-0.01em}a{color:inherit}img{max-width:100%;display:block}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 clamp(1.1rem,5vw,2.4rem)}.cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:244px;min-height:56px;padding:.9rem 1.6rem;background:var(--red-cta);color:#fff;border-radius:12px;font-family:"Bricolage Grotesque","Albert Sans",sans-serif;font-weight:800;font-size:1.12rem;letter-spacing:.01em;text-decoration:none;box-shadow:0 8px 0 0 #9c2712;}.cta:active{transform:translateY(2px);box-shadow:0 6px 0 0 #9c2712}.cta:focus-visible{outline:3px solid var(--petrol);outline-offset:3px}.cta-sub{font-size:.9rem;color:#5c554d;margin:.6rem 0 0}.hero{position:relative;background:var(--bone);padding:1.4rem 0 4.2rem}.brandrow{display:flex;align-items:center;gap:.7rem;margin-bottom:1.6rem}.brandrow img{width:46px;height:46px;border-radius:11px}.brandrow b{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.22rem;letter-spacing:-0.01em}.hero-grid{display:grid;gap:1.8rem;align-items:center}.hero h1{font-size:clamp(1.95rem,6.6vw,3.15rem);margin:0 0 1rem}.hero .lead{font-size:1.06rem;color:#3c362f;max-width:32ch;margin:0 0 1.5rem}.hero .pass{font-weight:600;color:var(--red)}.viz-hero{justify-self:center;width:100%;max-width:400px}.hero-edge{position:absolute;left:0;right:0;bottom:-1px;height:46px;background:var(--grey);clip-path:polygon(0 46px,0 18px,14% 30px,30% 14px,50% 28px,70% 12px,86% 28px,100% 16px,100% 46px)}@supports (clip-path:shape(from 0 0,line to 1px 1px)){.hero-edge{clip-path:shape(from 0 46px,line to 0 22px,curve to 50% 24px with 22% 42px / 30% 8px,curve to 100% 20px with 72% 40px / 82% 6px,line to 100% 46px,close)}}.panel{width:100%;height:auto;display:block}.story{position:relative;background:var(--grey)}.story-viz{position:sticky;top:0;height:100dvh;display:grid;place-items:center;padding:1rem}.story-viz .panel{width:min(84vw,380px)}.story-steps{position:relative;z-index:2}.step{min-height:90dvh;display:flex;align-items:center;justify-content:center;padding:2rem 1.1rem}.step .card{background:var(--bone);color:var(--ink);border-radius:var(--radius);padding:1.4rem 1.5rem;max-width:30ch;box-shadow:0 16px 36px rgba(8,22,25,.3);}.step .k{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--red);display:block;margin-bottom:.4rem}.step .card p{margin:0;font-size:1.14rem;line-height:1.4}.guide{background:var(--bone);padding:3.4rem 0 3rem}.ticket{max-width:720px;margin:0 auto;border:1.5px solid #ddd4c6;border-radius:18px;overflow:hidden;background:#fff}.ticket-head{background:var(--petrol);color:var(--bone);padding:1.2rem 1.3rem}.ticket-head .subj{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.22rem;line-height:1.32;margin:.3rem 0 0}.chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .6rem;border-radius:999px}.chip.open{background:#f2c84b;color:#2a1f05}.chip.done{background:#8fd36a;color:#132a06}.chip .dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}.reply{padding:1.4rem 1.3rem;border-top:1px solid #efe8da}.reply .who{display:flex;align-items:center;gap:.55rem;font-weight:600;font-size:.92rem;color:#6a6358;margin-bottom:.8rem}.reply .av{width:26px;height:26px;border-radius:8px;background:var(--petrol);color:var(--bone);display:grid;place-items:center;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:.8rem}.reply .who.you .av{background:var(--red)}.reply h2,.reply h3{font-size:clamp(1.25rem,3.4vw,1.6rem);margin:0 0 .7rem}.reply p{margin:.2rem 0 0;color:#3c362f}.explode{width:100%;height:auto;margin:.6rem 0 .2rem;display:block}.pc{margin-top:.4rem}.balance{width:100%;max-width:340px;height:auto;display:block;margin:.2rem auto .4rem}.pc-lists{display:grid;gap:1rem;margin-top:.6rem}.pc-lists ul{list-style:none;margin:0;padding:0}.pc-lists li{position:relative;padding-left:1.7rem;margin:.5rem 0;line-height:1.4}.pc-lists li::before{position:absolute;left:0;top:0;font-weight:800;font-family:"Bricolage Grotesque",sans-serif}.pc-cons h3,.pc-pros h3{font-size:1.02rem;letter-spacing:.04em;text-transform:uppercase;margin:0 0 .3rem}.pc-cons li::before{content:"\2022";color:#b24a2e}.pc-pros li::before{content:"+";color:#2f7a3a}.pc-cons h3{color:#b24a2e}.pc-pros h3{color:#2f7a3a}.torn{position:relative}.torn::before{content:"";position:absolute;left:0;right:0;top:-1px;height:16px;background:#fff;clip-path:polygon(0 16px,0 6px,8% 12px,16% 4px,24% 11px,33% 3px,42% 12px,50% 5px,58% 12px,67% 4px,75% 11px,84% 3px,92% 12px,100% 5px,100% 16px)}.resolve{padding:1.6rem 1.3rem 1.9rem;border-top:1px solid #efe8da;background:var(--grey);text-align:center}.resolve .fixline{max-width:30ch;margin:.2rem auto 1.2rem;color:#3c362f}.closing{display:flex;flex-direction:column;align-items:center;gap:1.1rem}.stamp{width:104px;height:104px;flex:0 0 auto}.cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:.8rem;background:var(--petrol);color:var(--bone);padding:.6rem clamp(.9rem,4vw,1.4rem);padding-bottom:calc(.6rem + env(safe-area-inset-bottom));transform:translateY(130%);transition:transform .32s ease;box-shadow:0 -8px 24px rgba(8,22,25,.3);}.cta-bar.show{transform:none}.cta-bar .bm{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:.98rem;line-height:1.15}.cta-bar .cta{min-width:unset;min-height:48px;padding:.6rem 1.1rem;font-size:1rem;box-shadow:0 5px 0 0 #9c2712;flex:0 0 auto}.foot{background:var(--petrol);color:var(--bone);padding:2.6rem 0 6.5rem}.metro{margin:0 auto 1.6rem;max-width:720px}.metro .line{position:relative;height:3px;background:#3f6168;border-radius:3px;margin:2.1rem 0 .2rem}.metro .stations{display:flex;justify-content:space-between;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}.metro .st{position:relative;display:flex;flex-direction:column;align-items:center}.metro .st .pt{width:15px;height:15px;border-radius:50%;background:var(--bone);border:3px solid var(--red)}.metro .st a,.metro .st span{position:absolute;top:18px;left:50%;transform:translateX(-50%);font-size:.72rem;white-space:nowrap;color:#cdd9db;text-decoration:none}.metro .st:first-child a{left:0;transform:none}.metro .st:last-child span{left:auto;right:0;transform:none}.metro .st a:hover,.metro .st a:focus-visible{color:#fff;text-decoration:underline}.smallprint{max-width:720px;margin:2.6rem auto 0;font-size:.82rem;color:#9fb1b4;line-height:1.5}.smallprint b{color:#cdd9db}@media (min-width:860px){.hero{padding:2rem 0 5rem}.hero-grid{grid-template-columns:1.05fr .95fr;gap:2.6rem}.hero h1{font-size:clamp(2.6rem,4.4vw,3.5rem)}.viz-hero{justify-self:end}.story-viz{padding:2rem}.story-viz .panel{width:min(44vw,440px)}.step{justify-content:flex-start;padding-left:8vw}.pc-lists{grid-template-columns:1fr 1fr;gap:1.6rem}.cta-bar{justify-content:center;gap:1.6rem}}@media (hover:hover) and (pointer:fine){.cta:hover{filter:saturate(1.08) brightness(1.03)}.metro .st:hover .pt{border-color:#f2c84b}}.panel [data-g]{transition:opacity .55s ease,transform .55s ease}@media (prefers-reduced-motion:reduce){.panel [data-g]{transition:opacity .2s ease}.cta-bar{transition:none}.cta:active{transform:none}}.panel .g-live{opacity:1}.panel .g-off{opacity:0}.panel .g-link{opacity:0}.panel[data-step="1"] .g-live{opacity:0}.panel[data-step="1"] .g-off{opacity:1}.panel[data-step="1"] .g-link{opacity:0}.panel[data-step="2"] .g-live{opacity:0}.panel[data-step="2"] .g-off{opacity:.25}.panel[data-step="2"] .g-link{opacity:1}.panel[data-step="3"] .g-live{opacity:1}.panel[data-step="3"] .g-off{opacity:0}.panel[data-step="3"] .g-link{opacity:0}.panel .lensbeam{transform-origin:center}.panel[data-step="1"] .lensbeam,.panel[data-step="2"] .lensbeam{transform:translateY(6px)}