:root{--bg:#faf7f2;--bg-alt:#f1ece3;--surface:#fff;--ink:#1c1814;--ink-soft:#5c544a;--line:#e5ddd0;--ember:#d4531f;--ember-btn:#d4531f;--ember-soft:#f4b26b;--ember-glow:#d4531f2e;--ring:conic-gradient(from 0deg, #f4b26b, #d4531f, #7a2a12, #f4b26b);--shadow:0 20px 50px -20px #1c181440;--radius:18px;--font:system-ui, -apple-system, blink-mac-system, "Segoe UI", "Helvetica Neue", arial, sans-serif;--mono:ui-monospace, Consolas, Menlo, monospace}html[data-theme=dark]{--bg:#141009;--bg-alt:#1b1610;--surface:#221b12;--ink:#f3ece1;--ink-soft:#b3a795;--line:#35291c;--ember:#f0763a;--ember-btn:#c85324;--ember-soft:#f9c78a;--ember-glow:#f0763a38;--shadow:0 24px 60px -24px #000000b3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;transition:background-color .4s,color .4s;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}.container{width:min(1120px,100% - 2.5rem);margin-inline:auto}.container-narrow{width:min(760px,100% - 2.5rem)}.nav{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #0000;transition:border-color .3s,background-color .4s;position:sticky;top:0}.nav.scrolled{border-bottom-color:var(--line)}.nav-inner{align-items:center;gap:1.25rem;width:min(1120px,100% - 2rem);height:64px;margin-inline:auto;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:.55rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:radial-gradient(circle at 35% 30%, var(--ember-soft), var(--ember) 55%, #7a2a12);width:14px;height:14px;box-shadow:0 0 12px var(--ember-glow);border-radius:50%}.brand-name{font-size:1.1rem}.nav-links{gap:1.4rem;margin-left:auto;display:flex}.nav-links a{color:var(--ink-soft);font-size:.92rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--ink)}.theme-toggle{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:38px;height:38px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s,transform .2s,background-color .4s;display:inline-flex}.theme-toggle:hover{border-color:var(--ember);transform:rotate(-12deg)}html[data-theme=dark] .icon-sun{display:block}html[data-theme=dark] .icon-moon,html:not([data-theme=dark]) .icon-sun{display:none}html:not([data-theme=dark]) .icon-moon{display:block}.hero{padding:clamp(4rem,9vw,7.5rem) 0 clamp(3.5rem,7vw,6rem);position:relative;overflow:hidden}.hero-glow{background:radial-gradient(circle, var(--ember-glow), transparent 60%);pointer-events:none;width:900px;height:900px;position:absolute;inset:-30% auto auto 50%;transform:translate(-50%,-30%)}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid;position:relative}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ember);margin:0 0 .9rem;font-size:.78rem;font-weight:700}.hero-title{letter-spacing:-.025em;max-width:16ch;margin:0 0 1.1rem;font-size:clamp(2.1rem,5.2vw,3.6rem);font-weight:800;line-height:1.08}.hero-sub{color:var(--ink-soft);max-width:52ch;margin:0 0 1.6rem;font-size:clamp(1rem,1.6vw,1.13rem)}.hero-cta{flex-wrap:wrap;gap:.75rem;margin-bottom:1.6rem;display:flex}.hero-meta{color:var(--ink-soft);flex-wrap:wrap;gap:.4rem 1.4rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.hero-meta li{padding-left:1.1rem;position:relative}.hero-meta li:before{content:"";background:var(--ember);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.72rem 1.35rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .18s,background-color .25s,border-color .25s,color .25s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--ember-btn);color:#fff;box-shadow:0 10px 24px -10px var(--ember-glow)}.btn-primary:hover{background:color-mix(in srgb, var(--ember-btn) 85%, black)}.btn-ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--ember);color:var(--ember)}.btn-block{width:100%}.hero-art{place-items:center;display:grid}.device{aspect-ratio:1;width:min(340px,80vw);position:relative}.device-body{background:linear-gradient(160deg,#2e261c,#17120c 55%,#241c13);border-radius:26px;place-items:center;display:grid;position:absolute;inset:12% 8% 22%;box-shadow:inset 0 1px #ffffff1f,0 30px 60px -25px #140c048c}.device-ring{aspect-ratio:1;background:var(--ring);border-radius:50%;width:58%;animation:9s linear infinite spin;-webkit-mask:radial-gradient(circle,#0000 58%,#000 60%);mask:radial-gradient(circle,#0000 58%,#000 60%)}.device-core{aspect-ratio:1;background:radial-gradient(circle at 38% 32%, #ffd9a8, var(--ember) 60%, #6e2410);width:40%;box-shadow:0 0 42px var(--ember-glow), 0 0 90px var(--ember-glow);border-radius:50%;animation:4.5s ease-in-out infinite breathe;position:absolute;inset:50%;transform:translate(-50%,-50%)}.device-vent{background:repeating-linear-gradient(90deg,#ffffff24 0 6px,#0000 6px 12px);border-radius:3px;width:46%;height:5px;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.device-base{background:#100c08;border-radius:0 0 12px 12px;width:60%;height:4%;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}.device-shadow{filter:blur(4px);background:radial-gradient(#140c0459,#0000 70%);border-radius:50%;width:64%;height:6%;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}@key-frames spin{to { transform: rotate(360deg); }}@key-frames breathe{0%, 100% { box-shadow: 0 0 36px var(--ember-glow), 0 0 80px var(--ember-glow); } 50% { box-shadow: 0 0 54px var(--ember-glow), 0 0 120px var(--ember-glow); }}.section{padding:clamp(4rem,8vw,6.5rem) 0}.section-alt{background:var(--bg-alt);transition:background-color .4s}.section-title{letter-spacing:-.02em;max-width:22ch;margin:0 0 .8rem;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:800;line-height:1.15}.section-lead{color:var(--ink-soft);max-width:56ch;margin:0 0 2.6rem;font-size:1.05rem}.feature-grid{grid-template-columns:repeat(4,1fr);gap:1.1rem;display:grid}.feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem 1.4rem;transition:transform .25s,border-color .25s,background-color .4s}.feature:hover{border-color:var(--ember);transform:translateY(-4px)}.feature-icon{background:var(--ember-glow);width:44px;height:44px;color:var(--ember);border-radius:12px;place-items:center;margin-bottom:1rem;display:grid}.feature h3{letter-spacing:-.01em;margin:0 0 .45rem;font-size:1.06rem}.feature p{color:var(--ink-soft);margin:0;font-size:.92rem}.spec-grid{grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-top:2.2rem;display:grid}.spec-group{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.4rem;transition:background-color .4s,border-color .3s}.spec-group h3{text-transform:uppercase;letter-spacing:.12em;color:var(--ember);margin:0 0 1rem;font-size:.8rem}.spec-group dl{margin:0}.spec-group dl>div{border-top:1px solid var(--line);padding:.55rem 0}.spec-group dl>div:first-child{border-top:none;padding-top:0}.spec-group dt{color:var(--ink-soft);font-size:.78rem}.spec-group dd{margin:.1rem 0 0;font-size:.92rem;font-weight:600}.price-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1.2rem;margin-top:2.4rem;display:grid}.price-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;flex-direction:column;padding:1.8rem 1.6rem;transition:transform .25s,box-shadow .25s,background-color .4s;display:flex;position:relative}.price-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.price-featured{border-color:var(--ember);box-shadow:0 24px 60px -28px var(--ember-glow)}.price-badge{background:var(--ember-btn);color:#fff;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;margin:0;padding:.25rem .9rem;font-size:.72rem;font-weight:700;position:absolute;top:-.85rem;left:50%;transform:translate(-50%)}.price-card h3{margin:.2rem 0 .6rem;font-size:1.15rem}.price-tag{margin:0 0 .5rem}.price{letter-spacing:-.03em;font-size:2.3rem;font-weight:800}.price-desc{color:var(--ink-soft);min-height:3.6em;margin:0 0 1.2rem;font-size:.9rem}.price-list{gap:.55rem;margin:0 0 1.6rem;padding:0;font-size:.9rem;list-style:none;display:grid}.price-list li{padding-left:1.4rem;position:relative}.price-list li:before{content:"✓";color:var(--ember);font-weight:700;position:absolute;left:0}.price-card .btn{margin-top:auto}.faq-list{gap:.7rem;margin-top:2rem;display:grid}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:border-color .25s,background-color .4s;overflow:hidden}.faq-item.open{border-color:var(--ember)}.faq-q{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.05rem 1.25rem;font-size:1rem;font-weight:600;display:flex}.faq-icon{flex:none;width:22px;height:22px;transition:transform .3s;position:relative}.faq-icon:before,.faq-icon:after{content:"";background:var(--ember);border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-icon:before{width:12px;height:2px}.faq-icon:after{width:2px;height:12px;transition:opacity .3s}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-item.open .faq-icon:after{opacity:0}.faq-a{padding:0 1.25rem}.faq-a p{color:var(--ink-soft);margin:0 0 1.1rem;font-size:.95rem}.footer{border-top:1px solid var(--line);padding:2rem 0;transition:background-color .4s}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-note{color:var(--ink-soft);margin:0;font-size:.82rem}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(18px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.device-ring,.device-core{animation:none}}@media (width<=980px){.feature-grid,.spec-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.hero-grid{grid-template-columns:1fr}.device{width:min(230px,64vw)}.nav-links{display:none}.price-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}.price-featured{order:-1}.price-desc{min-height:0}}@media (width<=560px){.feature-grid,.spec-grid{grid-template-columns:1fr}.hero-title{font-size:clamp(1.9rem,8.5vw,2.4rem)}}section[id]{scroll-margin-top:84px}:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.hero-title,.section-title{text-wrap:balance}@keyframes faq-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.faq-a:not([hidden]){animation:.28s faq-open}html[data-theme=dark] body{background:radial-gradient(1100px 520px at 50% -120px, var(--ember-glow), transparent 60%), var(--bg)}.nav-cta{background:var(--ember-btn);color:#fff;border-radius:999px;margin-left:auto;padding:.42rem .95rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:transform .18s,background-color .25s;display:none}.nav-cta:hover{transform:translateY(-1px)}@media (width<=860px){.nav-cta{display:inline-flex}}.compare{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:2.4rem;overflow-x:auto}.compare-scroll{padding:.4rem}.compare-table{border-collapse:collapse;width:100%;min-width:560px}.compare-table th,.compare-table td{text-align:left;border-top:1px solid var(--line);padding:.72rem 1.1rem;font-size:.9rem}.compare-table thead th{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);border-top:none;font-size:.76rem}.compare-table tbody th[scope=row]{color:var(--ink-soft);font-weight:500}.compare-table td{font-weight:600}.compare-table .ct-hl{background:color-mix(in srgb, var(--ember-glow) 55%, transparent)}.nav-links a.active{color:var(--ink)}.nav-links a.active:after{content:"";background:var(--ember);border-radius:2px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.nav-links a{position:relative}.hero-embers{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.toast{background:var(--ink);color:var(--bg);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:999px;max-width:calc(100% - 2rem);padding:.7rem 1.15rem;font-size:.9rem;font-weight:600;transition:opacity .3s,transform .3s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,16px)}.toast.show{opacity:1;transform:translate(-50%)}
