html,body{width:100%;height:100%}body{background:#050510;color:#fff;overflow:hidden;-webkit-user-select:none;user-select:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body.modal-open{overflow:hidden}#canvas{position:fixed;inset:0;z-index:1;display:block}.topbar{position:fixed;top:0;left:0;right:0;padding:24px 48px;display:flex;justify-content:space-between;align-items:center;z-index:100}.brand{font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:500;letter-spacing:-.5px;text-decoration:none;color:#fff}.brand .dot{color:gold}.nav{display:flex;gap:32px;font-size:13px;color:#fff9;letter-spacing:1px}.nav a{color:inherit;text-decoration:none;transition:color .2s}.nav a:hover{color:gold}.nav-dots{position:fixed;right:32px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:12px}.nav-dots .dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;position:relative;transition:all .3s}.nav-dots .dot:after{content:attr(data-label);position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff80;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}.nav-dots .dot:hover:after,.nav-dots .dot.active:after{opacity:1}.nav-dots .dot.active{background:gold;border-color:gold;transform:scale(1.4)}#labels{position:fixed;inset:0;z-index:4;pointer-events:none}.star-label{position:absolute;top:0;left:0;font-family:Fraunces,Georgia,serif;font-style:italic;font-size:16px;line-height:1.2;color:#ffffffd9;text-shadow:0 0 12px rgba(0,0,0,1),0 0 24px rgba(5,5,16,.9);white-space:nowrap;pointer-events:auto;cursor:pointer;transition:color .3s;letter-spacing:.2px;transform-origin:left center}.star-label:before{content:"— ";color:#ffd7008c}.star-label:hover,.star-label.hovered{color:gold}.star-label.saas{font-weight:500}.panel{position:fixed;top:50%;left:50%;transform-origin:center center;will-change:transform,opacity;pointer-events:none;text-align:center;opacity:0}.panel-hero{width:720px;max-width:90vw}.panel-hero .eyebrow{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:gold;margin-bottom:28px;font-weight:500}.panel-hero .hero-title{font-family:Fraunces,Georgia,serif;font-size:128px;font-weight:400;letter-spacing:-3px;line-height:.95;margin-bottom:32px}.panel-hero .hero-title em{font-style:italic;font-weight:500;color:gold}.panel-hero .lede{font-size:18px;font-weight:300;color:#ffffffb3;max-width:560px;margin:0 auto;line-height:2}.panel-product{width:460px;max-width:92vw;text-align:left;background:linear-gradient(180deg,#ffffff0d,#ffffff03);border:1px solid rgba(255,215,0,.22);border-radius:24px;padding:36px 40px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.panel-product .icon{width:72px;height:72px;border-radius:16px;margin-bottom:18px;object-fit:cover;box-shadow:0 16px 40px #0006;display:block}.panel-product .kicker{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#ffffff80;font-weight:500;margin-bottom:6px}.panel-product h3{font-family:Fraunces,Georgia,serif;font-size:36px;font-weight:500;letter-spacing:-.6px;line-height:1;margin-bottom:14px}.panel-product .tagline{font-family:Fraunces,Georgia,serif;font-size:17px;font-style:italic;color:#ffffffd9;line-height:1.4;margin-bottom:14px}.panel-product p{font-size:14px;color:#ffffffa6;line-height:1.6;margin-bottom:16px}.panel-product .arrow-cta{display:inline-block;font-size:12px;color:gold;font-weight:500;letter-spacing:1px;text-decoration:none;pointer-events:auto;cursor:pointer;transition:transform .2s,color .2s}.panel-product .arrow-cta:hover{color:#fff;transform:translate(4px)}.panel-spare{width:640px;max-width:92vw;text-align:center}.panel-spare .tag{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:gold;margin-bottom:24px;font-weight:500}.panel-spare h2{font-family:Fraunces,Georgia,serif;font-size:72px;font-weight:400;letter-spacing:-1.5px;line-height:1.05;margin-bottom:24px}.panel-spare h2 em{font-style:italic;color:gold}.panel-spare p{font-size:17px;color:#ffffffb3;max-width:540px;margin:0 auto 32px;line-height:1.6}.panel-spare .cta{display:inline-block;background:gold;color:#050510;padding:16px 32px;border-radius:100px;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:.5px;pointer-events:auto}.travel-hint{position:fixed;bottom:36px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#ffffff59;z-index:100;pointer-events:none;transition:opacity .5s}.travel-hint span{color:gold;font-weight:500}.seo-content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){html,body{height:100svh}.topbar{padding:14px 18px}.brand{font-size:18px}.nav{gap:18px;font-size:12px}.nav-dots{right:14px;gap:14px}.nav-dots .dot{width:10px;height:10px}.nav-dots .dot:after{display:none}.panel-hero{width:92vw}.panel-hero .hero-title{font-size:clamp(48px,14vw,80px);letter-spacing:-2px}.panel-hero .eyebrow{font-size:10px;letter-spacing:3px;margin-bottom:20px}.panel-hero .lede{font-size:14px;line-height:1.8}.panel-product{padding:18px 20px;width:82vw;max-width:290px}.panel-product .icon{width:44px;height:44px;border-radius:10px;margin-bottom:10px}.panel-product .kicker{font-size:9.5px;letter-spacing:1.2px;margin-bottom:4px}.panel-product h3{font-size:20px;margin-bottom:8px;line-height:1.05}.panel-product .tagline{font-size:13.5px;margin-bottom:10px;line-height:1.35}.panel-product p{font-size:12px;line-height:1.55;margin-bottom:12px}.panel-product .arrow-cta{font-size:11px}.panel-spare{width:86vw;max-width:380px}.panel-spare h2{font-size:clamp(32px,9vw,44px)}.panel-spare p{font-size:14px}.panel-spare .cta{padding:14px 24px;font-size:13px}.panel-spare .tag{font-size:10px;margin-bottom:18px}.travel-hint{bottom:max(24px,env(safe-area-inset-bottom,0px));font-size:9px}.star-label{font-size:13px}}@media(max-width:380px){.panel-hero .hero-title{font-size:44px}.nav{gap:14px;font-size:11px}.topbar{padding:12px 14px}}@media(hover:none){.nav-dots .dot.active:after{opacity:1}}