:root{--bg: #0c0e12;--bg-2: #10131a;--surface: #161a22;--border: #232936;--text: #eef1f6;--muted: #98a0af;--accent: #e0a53a;--accent-2: #f5c76a;--accent-soft: rgba(224, 165, 58, .12);--radius: 14px;--font: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,Consolas,monospace}.grad{background:linear-gradient(92deg,var(--accent),var(--accent-2) 60%,#ffe3a3);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:999px;font-weight:700;font-size:15px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn.big{padding:14px 30px;font-size:16px}.btn.primary{background:linear-gradient(135deg,var(--accent),#c8892a);color:#1a1204;box-shadow:0 6px 24px #e0a53a59}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 32px #e0a53a80}.btn.primary:disabled{opacity:.55;transform:none;cursor:default}.btn.ghost{border:1px solid var(--border);background:#ffffff08}.btn.ghost:hover{border-color:var(--accent);color:var(--accent-2);transform:translateY(-2px)}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0e12bf;border-bottom:1px solid rgba(35,41,54,.6)}.nav-inner{max-width:1120px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px}.brand-logo{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#c8892a);color:#1a1204;font-weight:900}.nav-links{display:flex;gap:22px;margin-left:auto}.nav-links button{color:var(--muted);font-weight:600;font-size:14.5px;transition:color .14s}.nav-links button:hover{color:var(--text)}@media (max-width: 720px){.nav-links{display:none}.nav-inner{justify-content:space-between}}.hero{position:relative;padding:90px 24px 40px;text-align:center;overflow:hidden}.hero-glow{position:absolute;inset:-40% -20% auto;height:130%;background:radial-gradient(600px 420px at 30% 20%,rgba(224,165,58,.16),transparent 60%),radial-gradient(700px 500px at 75% 10%,rgba(90,141,238,.12),transparent 65%);animation:glow-pan 14s ease-in-out infinite alternate;pointer-events:none}@keyframes glow-pan{0%{transform:translate(-4%)}to{transform:translate(4%)}}.float{position:absolute;font-size:42px;opacity:.18;animation:floaty 9s ease-in-out infinite;pointer-events:none}.float.b1{top:18%;left:8%;animation-delay:0s}.float.b2{top:32%;right:10%;animation-delay:-3s;font-size:54px}.float.b3{top:64%;left:14%;animation-delay:-6s;font-size:36px}@keyframes floaty{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-26px) rotate(6deg)}}.hero-inner{position:relative;max-width:880px;margin:0 auto}.hero-badge{display:inline-block;padding:7px 16px;border:1px solid var(--border);border-radius:999px;color:var(--accent-2);background:var(--accent-soft);font-size:13px;font-weight:700;letter-spacing:.02em;animation:pop-in .7s cubic-bezier(.2,.9,.3,1.2) both}.hero h1{font-size:clamp(38px,6vw,64px);line-height:1.1;letter-spacing:-.02em;margin:22px 0 18px;animation:rise .8s .12s cubic-bezier(.2,.8,.2,1) both}.hero-sub{max-width:620px;margin:0 auto 30px;color:var(--muted);font-size:18px;animation:rise .8s .24s cubic-bezier(.2,.8,.2,1) both}.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;animation:rise .8s .36s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.appshot{margin:64px auto 0;max-width:760px;border:1px solid var(--border);border-radius:16px;background:var(--bg-2);box-shadow:0 40px 90px #0000008c,0 0 0 1px #e0a53a0f;overflow:hidden;text-align:left;animation:rise .9s .5s cubic-bezier(.2,.8,.2,1) both}.appshot-bar{display:flex;align-items:center;gap:7px;padding:11px 16px;border-bottom:1px solid var(--border);color:var(--muted);font-size:12.5px}.appshot-bar i{width:11px;height:11px;border-radius:50%;background:#2c3444;display:inline-block}.appshot-bar i:nth-child(1){background:#e0655a}.appshot-bar i:nth-child(2){background:#e0a53a}.appshot-bar i:nth-child(3){background:#46b17b}.appshot-bar span{margin-left:10px}.appshot-body{display:flex;min-height:260px}.appshot-side{width:170px;border-right:1px solid var(--border);padding:14px 10px;display:none}@media (min-width: 640px){.appshot-side{display:block}}.s-item{padding:9px 12px;border-radius:9px;color:var(--muted);font-size:13.5px;font-weight:600}.s-item.active{background:var(--accent-soft);color:var(--accent-2)}.appshot-main{flex:1;padding:16px 18px}.a-row{display:grid;grid-template-columns:1.5fr .7fr .7fr .7fr .9fr;gap:8px;padding:9px 10px;border-bottom:1px solid rgba(35,41,54,.6);font-size:13.5px}.a-row.head{color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em}.a-row .amt,.a-total .amt{text-align:right;font-weight:700;color:var(--accent-2);font-variant-numeric:tabular-nums}.a-row span:nth-child(2),.a-row span:nth-child(3),.a-row span:nth-child(4){text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.a-total{display:flex;justify-content:space-between;padding:12px 10px 2px;font-weight:800}.section{padding:96px 24px;max-width:1120px;margin:0 auto}.section.alt{max-width:none;background:var(--bg-2)}.section.alt>*{max-width:1120px;margin-left:auto;margin-right:auto}.sec-title{font-size:clamp(28px,4vw,40px);letter-spacing:-.02em;text-align:center;margin-bottom:14px}.sec-sub{text-align:center;color:var(--muted);max-width:560px;margin:0 auto 10px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.shown{opacity:1;transform:none}.feat-grid{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.feat-card{height:100%;padding:26px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.feat-card:hover{transform:translateY(-6px);border-color:#e0a53a73;box-shadow:0 18px 40px #00000059}.feat-icon{width:46px;height:46px;display:grid;place-items:center;font-size:22px;border-radius:12px;background:var(--accent-soft);color:var(--accent-2);font-weight:800;margin-bottom:14px}.feat-card h3{font-size:16.5px;margin-bottom:6px}.feat-card p{color:var(--muted);font-size:14px}.how-grid{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.how-card{padding:30px 24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:100%}.how-n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#c8892a);color:#1a1204;font-weight:900;margin-bottom:16px}.how-card h3{margin-bottom:6px}.how-card p{color:var(--muted);font-size:14.5px}.price-grid{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;align-items:stretch}.price-card{position:relative;height:100%;padding:32px 26px;background:var(--surface);border:1px solid var(--border);border-radius:18px;display:flex;flex-direction:column;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.price-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px #0006}.price-card.popular{border-color:#e0a53a99;background:linear-gradient(180deg,rgba(224,165,58,.07),var(--surface) 40%);box-shadow:0 20px 60px #e0a53a1f}.pop-tag{position:absolute;top:-13px;left:50%;transform:translate(-50%);padding:5px 16px;border-radius:999px;background:linear-gradient(135deg,var(--accent),#c8892a);color:#1a1204;font-size:12px;font-weight:800;white-space:nowrap}.price-card h3{font-size:18px}.price{font-size:40px;font-weight:800;letter-spacing:-.02em;margin:10px 0 2px}.per{font-size:15px;color:var(--muted);font-weight:600;margin-left:4px}.price-blurb{color:var(--accent-2);font-size:13.5px;font-weight:700;margin-bottom:18px}.price-card ul{list-style:none;margin:0 0 26px;flex:1}.price-card li{padding:7px 0 7px 26px;position:relative;color:var(--muted);font-size:14.5px}.price-card li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}.faq-list{margin:44px auto 0;display:flex;flex-direction:column;gap:12px;max-width:760px!important}.faq{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;padding:18px 22px;font-weight:700;font-size:15.5px}.faq-arrow{transition:transform .22s ease;color:var(--accent)}.faq.open .faq-arrow{transform:rotate(180deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq.open .faq-a{max-height:220px}.faq-a p{padding:0 22px 18px;color:var(--muted);font-size:14.5px}.footer{border-top:1px solid var(--border);padding:48px 24px;text-align:center}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted)}.fine{font-size:12.5px;color:#6b7280}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#05070ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;animation:fade .16s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:34px 30px;box-shadow:0 40px 100px #0009;animation:modal-pop .24s cubic-bezier(.2,.9,.3,1.15);display:flex;flex-direction:column;gap:16px}@keyframes modal-pop{0%{opacity:0;transform:scale(.92) translateY(14px)}to{opacity:1;transform:none}}.modal-x{position:absolute;top:14px;right:18px;font-size:26px;color:var(--muted);line-height:1}.modal-x:hover{color:var(--text)}.modal-kicker{color:var(--accent-2);font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.modal-title{font-size:24px;letter-spacing:-.01em}.modal-title.center{text-align:center}.modal-sub{color:var(--muted);font-size:14.5px;margin-top:-8px}.modal-sub.center{text-align:center}.field{display:flex;flex-direction:column;gap:7px;font-size:13.5px;font-weight:700}.field input{padding:13px 16px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:15px;outline:none;transition:border-color .14s}.field input:focus{border-color:var(--accent)}.form-error{padding:11px 14px;border-radius:10px;background:#e0655a1f;border:1px solid rgba(224,101,90,.4);color:#ff9a91;font-size:13.5px;font-weight:600}.paid-check{width:64px;height:64px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:900;color:#1a1204;background:linear-gradient(135deg,#46b17b,#6dd49e);animation:pop-in .5s cubic-bezier(.2,.9,.3,1.4) both}.key-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border:1.5px dashed rgba(224,165,58,.55);border-radius:12px;background:var(--accent-soft);cursor:pointer;transition:background .14s}.key-box:hover{background:#e0a53a33}.key-box code{font-size:16.5px;font-weight:800;letter-spacing:.04em;color:var(--accent-2)}.key-copy{font-size:12.5px;font-weight:800;color:var(--muted);white-space:nowrap}.steps-mini{margin:4px 0 0 20px;color:var(--muted);font-size:14px;display:flex;flex-direction:column;gap:4px}.nav-links .nav-demo{color:var(--accent-2)}.nav-links .nav-demo:hover{color:var(--accent)}.demo{max-width:1180px;margin:0 auto;padding:32px 24px 80px}.demo-head{text-align:center;margin-bottom:28px}.demo-head h1{font-size:clamp(26px,4vw,38px);letter-spacing:-.025em;line-height:1.15;margin:12px 0 8px}.demo-head .sec-sub{max-width:640px}.demo-body{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;align-items:start}.demo-list{position:sticky;top:84px;display:flex;flex-direction:column;gap:4px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);padding:8px;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.demo-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:11px 12px;border-radius:10px;transition:background .14s ease}.demo-item:hover{background:#ffffff0a}.demo-item.active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #e0a53a59}.demo-n{font-weight:800;font-size:13px;color:var(--muted);width:22px;flex:none}.demo-item.active .demo-n{color:var(--accent)}.demo-item-text{display:flex;flex-direction:column;min-width:0;flex:1}.demo-item-title{font-weight:700;font-size:14.5px;line-height:1.3}.demo-item-blurb{color:var(--muted);font-size:12.5px;line-height:1.35}.demo-len{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;flex:none}.demo-player{position:relative;aspect-ratio:1280 / 768;border-radius:var(--radius);overflow:hidden;background:#000;border:1px solid var(--border);box-shadow:0 24px 60px #00000073}.demo-player video,.demo-player iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000}.demo-kicker{margin-top:26px;color:var(--accent-2);font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.demo-title{font-size:clamp(24px,3vw,32px);letter-spacing:-.02em;margin:4px 0 10px}.demo-intro{color:var(--muted);font-size:16px;max-width:720px}.demo-sub{font-size:15px;margin:26px 0 10px}.demo-steps{margin-left:22px;display:flex;flex-direction:column;gap:9px;max-width:720px}.demo-steps li{padding-left:4px}.demo-steps li::marker{color:var(--accent);font-weight:800}.demo-tip{margin-top:22px;max-width:720px;padding:14px 16px;border-radius:12px;background:var(--accent-soft);border:1px solid rgba(224,165,58,.3);font-size:14.5px}.demo-tip b{color:var(--accent-2);margin-right:6px}.demo-pager{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:36px;padding-top:24px;border-top:1px solid var(--border)}@media (max-width: 900px){.demo{padding:36px 16px 64px}.demo-body{grid-template-columns:minmax(0,1fr)}.demo-list{position:static;max-height:none;order:2}.demo-pager .btn{width:100%}}.stats-band{max-width:1120px;margin:0 auto;padding:24px 24px 8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.stat-cell{text-align:center;padding:22px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);height:100%}.stat-n{font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.stat-t{font-weight:700;margin-top:4px}.stat-d{color:var(--muted);font-size:13.5px}.day-list{margin:44px auto 0;max-width:760px;display:flex;flex-direction:column;gap:14px}.day-step{display:flex;gap:18px;align-items:flex-start;padding:22px 24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.day-step .how-n{flex:none;margin:0}.day-when{color:var(--accent-2);font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.day-step h3{font-size:19px;margin:2px 0 4px}.day-step p{color:var(--muted);font-size:15px}.final-cta{text-align:center;padding:56px 24px;border-radius:22px;border:1px solid rgba(224,165,58,.35);background:radial-gradient(600px 300px at 50% 0%,rgba(224,165,58,.14),transparent 70%),var(--bg-2)}.final-cta h2{font-size:clamp(26px,4vw,36px);letter-spacing:-.02em;margin-bottom:10px}.final-cta p{color:var(--muted);max-width:520px;margin:0 auto 24px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:14px}.footer-links button,.footer-links a{color:var(--muted)}.footer-links button:hover,.footer-links a:hover{color:var(--accent-2)}@media (max-width: 640px){.section{padding:64px 16px}.day-step{padding:18px 16px;gap:14px}}.section.tight{padding-top:0}.appshot{max-width:none;width:min(1040px,calc(100vw - 48px));margin-left:50%;translate:-50% 0}.hero-video{position:relative;aspect-ratio:1280 / 768;background:#0b0d13}.hero-video video{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}.hero-video-toggle{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--text);background:#0c0e12b8;border:1px solid var(--border);opacity:.8;transition:opacity .16s ease}.hero-video-toggle:hover,.hero-video-toggle:focus-visible{opacity:1}.hero-video-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 640px){.appshot{width:calc(100vw - 32px)}}
