:root{--night: #0f1a2b;--night-2: #17263d;--linen: #f4f5f8;--paper: #fff;--indigo: #5b5bf0;--brass: #e3a72f;--mint: #1fa37a;--muted: #5d6679;--line: #dfe2ea;--display: "Bricolage Grotesque", system-ui, sans-serif;--body: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--body);background:var(--linen);color:var(--night);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--display);line-height:1.1;letter-spacing:-.02em}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--indigo);outline-offset:3px;border-radius:6px}button{font:inherit;cursor:pointer}.progress{position:fixed;inset:0 0 auto 0;height:3px;background:var(--brass);transform-origin:0;z-index:50}.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,5vw,64px);background:#0f1a2bf5;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:3px solid var(--brass);box-shadow:0 10px 30px -14px #0f1a2b80}.logo{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:800;font-size:1.25rem}.nav nav{display:flex;gap:28px;font-weight:500}.nav nav a{color:#b9c3d8;transition:color .2s}.nav nav a:hover{color:#fff}@media (max-width: 760px){.nav nav{display:none}}.btn{display:inline-block;padding:14px 26px;border-radius:999px;background:var(--indigo);color:#fff;font-weight:700;border:2px solid var(--indigo);transition:background .2s,box-shadow .2s}.btn:hover{box-shadow:0 10px 28px -8px #5b5bf099}.btn.gold{background:var(--brass);border-color:var(--brass);color:var(--night)}.btn.gold:hover{box-shadow:0 10px 28px -8px #e3a72f99}.btn.sm{padding:9px 18px}.btn.ghost{background:transparent;color:var(--night);border-color:var(--night)}.btn.ghost.dark:hover{background:var(--night);color:#fff;box-shadow:none}.btn.brass{background:var(--brass);border-color:var(--brass);color:var(--night);font-size:1.15rem;padding:18px 34px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:clamp(32px,6vw,80px) clamp(16px,5vw,64px);max-width:1240px;margin:0 auto}.hero h1{font-size:clamp(2.6rem,6vw,4.8rem);font-weight:800}.mask{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}.mask>span{display:inline-block}.lead{margin:24px 0 32px;font-size:1.15rem;color:var(--muted);max-width:52ch}.cta-row{display:flex;gap:14px;flex-wrap:wrap}@media (max-width: 900px){.hero{grid-template-columns:1fr}}.phone-wrap{display:grid;justify-items:center;gap:14px}.phone{position:relative;width:290px;height:560px;background:var(--night);border-radius:44px;padding:10px;box-shadow:0 40px 80px -30px #0f1a2b8c,inset 0 0 0 2px var(--night-2)}.notch{position:absolute;top:18px;left:50%;width:90px;height:22px;background:var(--night);border-radius:14px;transform:translate(-50%);z-index:2}.screen{height:100%;border-radius:36px;overflow:hidden}.screen.scan.overlay{position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:1;height:auto}.screen.scan{background:#1b2a44;display:grid;place-content:center;justify-items:center;gap:22px;color:#cfd6e6;font-size:.9rem}.viewfinder{position:relative;padding:28px;background:#fff;border-radius:18px;line-height:0}.laser{position:absolute;left:14px;right:14px;top:28px;height:3px;background:var(--brass);box-shadow:0 0 14px 3px var(--brass);border-radius:3px}@keyframes laser-sweep{0%,to{transform:translateY(0)}50%{transform:translateY(150px)}}.laser{animation:laser-sweep 1.3s ease-in-out infinite}.corner{position:absolute;width:26px;height:26px;border:4px solid var(--brass)}.tl{top:6px;left:6px;border-right:0;border-bottom:0;border-radius:10px 0 0}.tr{top:6px;right:6px;border-left:0;border-bottom:0;border-radius:0 10px 0 0}.bl{bottom:6px;left:6px;border-right:0;border-top:0;border-radius:0 0 0 10px}.br{bottom:6px;right:6px;border-left:0;border-top:0;border-radius:0 0 10px}.vh{position:relative;background:#fff8ec;color:#2b1d16;font-family:Poppins,system-ui,sans-serif;display:flex;flex-direction:column}.vh button{font:inherit;border:0;background:none;color:inherit}.vh-hero{background:linear-gradient(160deg,#5a1414,#7a1f1f 55%,#a3401c);color:#fff;text-align:center;padding:34px 12px 40px;display:grid;gap:2px;justify-items:center}.vh-om{color:#f4c15d;font-size:22px;letter-spacing:4px;line-height:1}.vh-hero h4{font-family:Cormorant Garamond,serif;font-size:26px;line-height:1.05;font-weight:700}.vh-hero small{font-size:10px;opacity:.9}.vh-hero em{margin-top:6px;font-style:normal;font-size:10px;background:#ffffff24;border:1px solid rgba(255,255,255,.25);padding:2px 10px;border-radius:99px}.vh-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:-26px 10px 0;position:relative}.vh-quick button{background:#fff;border-radius:12px;padding:8px 2px 6px;font-size:9px;font-weight:500;box-shadow:0 6px 16px #7a1f1f1f;display:grid;gap:2px}.vh-quick span{font-size:17px}.vh-chips{display:flex;gap:6px;padding:10px 10px 6px;overflow-x:auto;scrollbar-width:none}.vh-chips::-webkit-scrollbar,.vh-body::-webkit-scrollbar{display:none}.vh-chips button{position:relative;flex:none;padding:5px 10px;border-radius:99px;background:#fff;border:1px solid #f0e2cc;font-size:10.5px;font-weight:500;white-space:nowrap}.vh-chips button.on{color:#fff;border-color:#7a1f1f}.vh-pill{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#7a1f1f;border-radius:99px}.vh-chips b{position:relative;font-weight:500}.vh-body{flex:1;overflow-y:auto;padding:4px 10px 64px;scrollbar-width:none}.vh-card{display:block;background:#fff;border:1px solid #f0e2cc;border-radius:14px;padding:10px 12px;box-shadow:0 6px 16px #7a1f1f14;margin-bottom:8px;text-align:left}.vh-card small{display:block;font-size:10px;color:#7b6a5f}.vh-card b{font-size:13px;font-weight:600}.vh-wifi{background:linear-gradient(135deg,#2b1d16,#5a1414);color:#fff;border:0;display:grid;gap:8px}.vh-wifi small{color:#fff;opacity:.7;text-transform:uppercase;letter-spacing:1px;font-size:9px}.vh-wifi b{font-size:15px}.vh-wifi button{background:#f4c15d;color:#5a1414;border-radius:9px;padding:7px;font-weight:600;font-size:12px}.vh-stay{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vh-stay .vh-card{margin:0}.vh-stay b{color:#7a1f1f;font-size:14px}.vh-item{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #f0e2cc}.vh-item:last-child{border:0}.vh-item>span:first-child{flex:1;display:block}.vh-item b{font-size:12px}.vh-item small{margin-left:16px}.vh-item em{font-style:normal;font-weight:600;color:#7a1f1f;font-size:12px}.veg{display:inline-block;width:10px;height:10px;border:1.5px solid #1f8a4c;border-radius:3px;position:relative;margin-right:6px;vertical-align:-1px}.veg:after{content:"";position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;background:#1f8a4c;border-radius:50%}.vh .vh-add{border:1.5px solid #7a1f1f;color:#7a1f1f;border-radius:8px;padding:3px 11px;font-weight:600;font-size:11px}.vh-qty{display:flex;align-items:center;gap:6px;background:#fff8ec;border:1px solid #f0e2cc;border-radius:8px;padding:1px;font-weight:600;font-size:12px}.vh-qty button{width:22px;height:22px;font-size:15px;color:#7a1f1f;font-weight:600}.vh-place{display:flex;gap:10px;align-items:center}.vh-place>span{font-size:22px;width:40px;height:40px;display:grid;place-items:center;background:#fff8ec;border-radius:12px;flex:none}.vh-place b{color:#7a1f1f;font-size:12.5px}.vh-svc{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vh-svc .vh-card{margin:0;text-align:center;display:grid;gap:2px;justify-items:center;padding:12px 6px;cursor:pointer}.vh-svc span{font-size:24px}.vh-svc b{color:#7a1f1f;font-size:11.5px}.vh-svc i{font-style:normal;font-size:10px;font-weight:600;color:#fff;background:#25a244;border-radius:8px;padding:2px 10px;margin-top:4px}.vh .vh-cart{position:absolute;left:10px;right:10px;bottom:10px;display:flex;justify-content:space-between;background:#25a244;color:#fff;border-radius:12px;padding:11px 14px;font-weight:600;font-size:11.5px;box-shadow:0 8px 20px #00000040}.vh-toast{position:absolute;left:50%;bottom:62px;transform:translate(-50%);background:#2b1d16;color:#fff;font-size:11px;padding:6px 14px;border-radius:99px;white-space:nowrap}.demo-links{display:flex;gap:20px}.replay{background:none;border:0;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.replay:hover{color:var(--night)}.pain{background:var(--night);color:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:64px clamp(16px,5vw,64px)}.pain .big{font-family:var(--display);font-weight:800;font-size:clamp(3rem,7vw,5.5rem);color:var(--brass);line-height:1}.pain p{margin-top:10px;color:#b9c3d8;max-width:30ch}@media (max-width: 760px){.pain{grid-template-columns:1fr}}.section{max-width:1140px;margin:0 auto;padding:clamp(64px,9vw,120px) clamp(16px,5vw,32px) 0}.section h2{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;margin-bottom:40px;max-width:18ch}.sub{margin:-24px 0 40px;color:var(--muted);max-width:55ch}.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tile{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;transition:border-color .25s,transform .25s}.tile:hover{border-color:var(--indigo)}.tile.wide{grid-column:span 2;background:var(--night);color:#fff;border-color:var(--night)}.tile.wide p{color:#b9c3d8}.tile-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eceeff;color:var(--indigo);margin-bottom:18px}.wide .tile-icon{background:#e3a72f26;color:var(--brass)}.tile h3{font-size:1.35rem;margin-bottom:8px}.tile p{color:var(--muted);max-width:42ch}@media (max-width: 900px){.bento{grid-template-columns:1fr}.tile.wide{grid-column:auto}}.steps{position:relative;display:grid;gap:40px;padding-left:8px}.rail{position:absolute;left:25px;top:10px;bottom:10px;width:3px;background:var(--line);border-radius:3px}.rail-fill{width:100%;background:var(--brass);border-radius:3px}.step{position:relative;display:flex;gap:24px;align-items:flex-start}.dot{z-index:1;flex:none;display:grid;place-items:center;width:36px;height:36px;margin-left:0;border-radius:50%;background:var(--night);color:#fff;font-family:var(--display);font-weight:800}.step h3{font-size:1.4rem;margin-bottom:4px}.step p{color:var(--muted);max-width:48ch}.offer{position:relative;display:grid;grid-template-columns:1.15fr .85fr;grid-template-areas:"main stand" "incl incl";background:var(--night);color:#fff;border-radius:32px;overflow:hidden;box-shadow:0 40px 80px -36px #0f1a2bb3}.offer-main{grid-area:main;padding:clamp(28px,4vw,52px)}.badge{background:var(--brass);color:var(--night);font-weight:700;font-size:.85rem;padding:4px 14px;border-radius:999px}.offer .badge{display:inline-block;margin-bottom:18px}.offer h3{font-size:clamp(2rem,4vw,2.8rem)}.offer .note{color:#b9c3d8;font-size:1.05rem}.price{font-family:var(--display);font-weight:800;line-height:1;letter-spacing:-.03em}.offer .price{display:flex;align-items:baseline;gap:12px;margin-top:26px;font-size:clamp(4rem,9vw,6.5rem)}.per-year{font-family:var(--body);font-weight:500;font-size:1.1rem;letter-spacing:0;color:#b9c3d8}.offer .per{margin:8px 0 0;color:#b9c3d8;font-size:.95rem}.perks{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin:28px 0 32px}.perks li{display:flex;gap:10px;align-items:center}.perks svg{color:var(--brass);flex:none}.offer .btn{padding:16px 36px;font-size:1.05rem;text-align:center}.offer-stand{grid-area:stand;display:grid;place-items:center;padding:40px 24px 32px;background:radial-gradient(60% 55% at 50% 42%,rgba(91,91,240,.38),transparent 70%)}.stand{transform:perspective(900px) rotateY(-14deg) rotate(-3deg)}.stand-card{width:230px;background:#fff;color:var(--night);border-radius:20px;padding:18px 18px 16px;box-shadow:0 34px 50px -22px #000000a6}.stand-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-family:var(--display);font-weight:800}.stand-mark{width:22px;height:22px;border-radius:7px;background:var(--indigo)}.stand-qr{position:relative;overflow:hidden;border-radius:8px;line-height:0}.stand-qr svg{display:block;width:100%;height:auto}.scan-line{position:absolute;left:0;right:0;top:0;height:3px;background:var(--brass);box-shadow:0 0 14px 2px #e3a72fb3;animation:sweep 3.6s ease-in-out infinite}@keyframes sweep{0%,to{top:0}50%{top:calc(100% - 3px)}}@media (prefers-reduced-motion: reduce){.scan-line{animation:none;top:45%}}.stand-cap{margin-top:12px;color:var(--muted);font-size:.8rem;line-height:1.35;text-align:center}.stand-foot{width:258px;height:12px;margin:-1px auto 0;border-radius:0 0 14px 14px;background:linear-gradient(#f0c15a,var(--brass));box-shadow:0 20px 26px -10px #0009}.offer-incl{grid-area:incl;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding:22px clamp(28px,4vw,52px) 26px;border-top:1px solid rgba(255,255,255,.12);background:#ffffff08}.offer-incl p{margin-right:6px;color:#b9c3d8;font-size:.92rem}.offer-incl ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px}.offer-incl li{display:flex;align-items:center;gap:8px;font-size:.95rem}.offer-incl svg{color:#46d3a7;flex:none}@media (max-width: 900px){.offer{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "stand" "incl"}.perks{grid-template-columns:minmax(0,1fr)}.offer-stand{padding-top:8px}}.faq{max-width:780px}.qa{border-bottom:1px solid var(--line)}.qa button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;background:none;border:0;text-align:left;font-family:var(--display);font-weight:700;font-size:1.15rem;color:var(--night)}.plus{font-size:1.6rem;color:var(--indigo);line-height:1}.qa p{padding:0 0 22px;color:var(--muted);max-width:60ch}.cta{margin-top:clamp(64px,9vw,120px);background:var(--night);color:#fff;text-align:center;padding:clamp(64px,9vw,110px) 16px;display:grid;justify-items:center;gap:28px}.cta h2{font-size:clamp(2rem,5vw,3.6rem);font-weight:800;max-width:16ch}.cta p{color:#b9c3d8}footer{text-align:center;padding:28px 16px;color:var(--muted);font-size:.9rem}.nav-cta{display:flex;align-items:center;gap:18px}.login{font-weight:700}.login:hover{color:var(--brass)}.nav .btn.sm{background:var(--brass);border-color:var(--brass);color:var(--night)}.nav .btn.sm:hover{box-shadow:0 10px 28px -8px #e3a72f99}
