:root{--bg: #0a0e14;--bg-soft: #0d1219;--panel: #101720;--line: rgba(255, 255, 255, .09);--text: #f2f5f7;--muted: #9aa5b1;--teal: #2fd6a2;--cyan: #38bdf8;--green: #34d399;--red: #f87171;--amber: #fbbf24;--grad: linear-gradient(100deg, var(--teal), #21b489);--radius: 18px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}::selection{background:#2fd6a24d}a{color:inherit;text-decoration:none}ul{list-style:none}img{display:block;max-width:100%;height:auto}:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}.skip{position:absolute;left:1rem;top:-3rem;z-index:200;background:var(--text);color:var(--bg);padding:.5rem 1rem;border-radius:8px;font-weight:600;transition:top .2s}.skip:focus{top:1rem}.wrap{max-width:1140px;margin:0 auto;padding:0 24px}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes recblink{0%,to{opacity:1}50%{opacity:.3}}@keyframes beat{50%{opacity:.4}}.float{animation:floaty 7s ease-in-out infinite}.float-slow{animation:floaty 9s ease-in-out 1.2s infinite}@supports (animation-timeline: view()){.reveal{animation:fadeUp .9s ease both;animation-timeline:view();animation-range:entry 0% entry 45%}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}}.site-header{position:fixed;inset:0 0 auto;z-index:100;background:#0a0e14bf;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:2rem;height:64px}.logo{display:flex;align-items:center;gap:.65rem;font-weight:650;letter-spacing:-.01em;white-space:nowrap}.logo img{width:27px;height:27px;border-radius:7px;flex:none}.nav-links{display:flex;gap:1.75rem;margin-left:auto;font-size:.92rem;color:var(--muted)}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{margin-left:.5rem;background:var(--text);color:var(--bg);padding:.5rem 1.1rem;border-radius:999px;font-weight:600;font-size:.9rem;transition:transform .15s,opacity .2s;white-space:nowrap}.nav-cta:hover{opacity:.88;transform:translateY(-1px)}.nav-toggle{position:absolute;opacity:0;pointer-events:none}.hamburger{display:none;width:40px;height:40px;margin-left:auto;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}.hamburger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px}@media(max-width:820px){.hamburger{display:inline-flex}.nav-cta{display:none}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:0;background:#0a0e14fa;border-bottom:1px solid var(--line);padding:.5rem 24px 1.25rem}.nav-links a{padding:.8rem 0;font-size:1.05rem;color:var(--text);border-bottom:1px solid var(--line)}.nav-toggle:checked~.nav-links{display:flex}}.hero{position:relative;overflow:hidden;padding:150px 0 90px}.hero:before{content:"";position:absolute;inset:-20% -10% auto;height:120%;pointer-events:none;background:radial-gradient(42% 55% at 25% 25%,rgba(47,214,162,.1),transparent 70%),radial-gradient(40% 50% at 78% 18%,rgba(56,189,248,.09),transparent 70%)}.hero>*{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3.5rem;align-items:center}@media(max-width:940px){.hero-grid{grid-template-columns:1fr;gap:3rem}}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:1.4rem}.eyebrow img{width:22px;height:22px;border-radius:6px}.hero h1{font-size:clamp(2.7rem,6.5vw,4.9rem);line-height:1.05;letter-spacing:-.035em;font-weight:700}.hero h1 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .tagline{margin:1.4rem 0 0;max-width:520px;font-size:clamp(1.08rem,2.1vw,1.3rem);color:var(--muted);letter-spacing:-.01em}.hero-actions{display:flex;gap:.9rem;margin-top:2.3rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.6rem;border-radius:999px;font-weight:600;font-size:1rem;transition:transform .15s,opacity .2s,background .2s}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover{transform:translateY(-2px);opacity:.9}.btn-ghost{border:1px solid var(--line);background:#ffffff08;color:var(--text)}.btn-ghost:hover{background:#ffffff14}.btn svg{flex:none}.hero-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:2.4rem;font-size:.82rem;color:var(--muted)}.hero-meta span:before{content:"◆";color:var(--teal);font-size:.6rem;margin-right:.55rem;vertical-align:2px}.device-frame{position:relative;max-width:470px;margin:0 auto}.device-glow{position:absolute;inset:-8% -10%;z-index:0;pointer-events:none;background:radial-gradient(50% 50% at 50% 55%,rgba(47,214,162,.22),transparent 70%);animation:glowPulse 5s ease-in-out infinite}.device-crop{position:relative;z-index:1;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px #0000008c,inset 0 1px #ffffff0f;background:#0d1218}.status-chip{position:absolute;z-index:2;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--green);background:#080c10d9;border:1px solid rgba(52,211,153,.4);border-radius:999px;padding:.4rem .85rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.status-chip .led{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green);animation:beat 2.2s ease-in-out infinite}section{padding:105px 0}.sec-head{max-width:640px;margin-bottom:3.5rem}.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}.kicker{font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:1rem}h2{font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.12;letter-spacing:-.03em;font-weight:700}.sec-head p{color:var(--muted);margin-top:1.1rem;font-size:1.08rem}.video-frame{max-width:880px;margin:0 auto}.video-link{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#131a22,#0a0e14)}.video-link img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .25s,transform .3s}.video-link:hover img{opacity:1;transform:scale(1.015)}.play-btn{position:absolute;inset:0;margin:auto;width:74px;height:74px;border-radius:50%;background:#0a0e14b3;border:1px solid rgba(47,214,162,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}.play-btn svg{margin-left:4px}.video-link:hover .play-btn{transform:scale(1.08)}.video-frame figcaption{text-align:center;color:var(--muted);font-size:.9rem;margin-top:1rem}.features{background:var(--bg-soft);border-block:1px solid var(--line)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}@media(max-width:820px){.grid-2{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:2.2rem;transition:border-color .25s,transform .25s}.card:hover{border-color:#2fd6a266;transform:translateY(-3px)}.card .icon{width:44px;height:44px;border-radius:11px;margin-bottom:1.4rem;display:flex;align-items:center;justify-content:center;color:var(--teal);background:#2fd6a214;border:1px solid rgba(47,214,162,.25)}.card h3{font-size:1.2rem;letter-spacing:-.015em;margin-bottom:.55rem}.card p{color:var(--muted);font-size:.97rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.3rem}.chips li{font-size:.78rem;font-weight:500;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.28rem .75rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width:900px){.split{grid-template-columns:1fr;gap:2.5rem}}.split h2{margin-bottom:1.1rem}.split .lead{color:var(--muted);font-size:1.06rem}.split ul.points{margin-top:1.6rem;display:grid;gap:.8rem}.split ul.points li{display:flex;gap:.7rem;align-items:flex-start;color:var(--muted);font-size:.98rem}.split ul.points li:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-top:.55rem}.split ul.points strong{color:var(--text);font-weight:600}.actions-visual{position:relative;padding:0 1.6rem 1.6rem 0}.actions-panel{max-width:420px;border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;box-shadow:0 30px 60px #00000080;margin-left:auto}.menu-card{position:absolute;left:0;bottom:0;z-index:2;width:min(210px,52%);background:var(--panel);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:.6rem;box-shadow:0 22px 44px #0000008c}.menu-card img{border-radius:9px;width:100%}.menu-card figcaption{font-size:.7rem;color:var(--muted);text-align:center;padding-top:.5rem}.feedback{background:var(--bg-soft);border-block:1px solid var(--line)}.fb-visual{position:relative}.fb-panel{border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;box-shadow:0 30px 60px #00000080}.live-badge{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;color:var(--green);background:#080c10d9;border:1px solid rgba(52,211,153,.4);border-radius:999px;padding:.35rem .8rem}.live-badge .led{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green);animation:beat 2.2s ease-in-out infinite}.transport{display:flex;gap:10px;margin-top:2rem;flex-wrap:wrap}.t-key{flex:1;min-width:84px;max-width:120px;padding:.85rem .6rem;border-radius:12px;text-align:center;background:linear-gradient(180deg,#161d27,#0d1219);border:1px solid var(--line);font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--muted);display:flex;flex-direction:column;gap:8px;align-items:center}.t-key .led{width:9px;height:9px;border-radius:50%;background:#232c38}.t-key.on-play{color:var(--green)}.t-key.on-play .led{background:var(--green);box-shadow:0 0 12px #34d399e6;animation:beat 2.2s ease-in-out infinite}.t-key.on-rec{color:var(--red)}.t-key.on-rec .led{background:var(--red);box-shadow:0 0 12px #f87171e6;animation:recblink 1.4s steps(1) infinite}.t-key.on-mute{color:var(--amber)}.t-key.on-mute .led{background:var(--amber);box-shadow:0 0 12px #fbbf24cc}.fb-note{color:var(--muted);font-size:.9rem;margin-top:1.1rem}.style-visual{max-width:540px;border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;box-shadow:0 30px 60px #00000080}.mini-shot{margin-top:1.8rem;max-width:300px;background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:.6rem;box-shadow:0 18px 40px #00000073}.mini-shot img{border-radius:9px;width:100%}.mini-shot figcaption{font-size:.72rem;color:var(--muted);text-align:center;padding-top:.5rem}.setup{background:var(--bg-soft);border-block:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;counter-reset:step}@media(max-width:820px){.steps{grid-template-columns:1fr}}.step{border:1px solid var(--line);border-radius:var(--radius);padding:2rem;background:var(--panel);position:relative}.step:before{counter-increment:step;content:"0" counter(step);font-size:2.6rem;font-weight:700;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;margin-bottom:.8rem;line-height:1}.step h3{font-size:1.08rem;margin-bottom:.5rem;letter-spacing:-.01em}.step p{color:var(--muted);font-size:.95rem}.plat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}@media(max-width:820px){.plat-row{grid-template-columns:repeat(2,1fr)}}.plat{border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;text-align:center;background:#ffffff04}.plat .plat-name{font-weight:650;letter-spacing:-.01em}.plat .plat-sub{font-size:.82rem;color:var(--muted);margin-top:.3rem}.page-hero{padding:150px 0 60px;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:-20% -10% auto;height:120%;pointer-events:none;background:radial-gradient(42% 55% at 25% 25%,rgba(47,214,162,.08),transparent 70%)}.page-hero>*{position:relative;z-index:1}.page-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.08;letter-spacing:-.03em;font-weight:700;margin-bottom:1rem}.page-hero .lead{color:var(--muted);font-size:1.15rem;max-width:620px}.page-body{padding:40px 0 105px}.page-body .prose{max-width:46rem}.page-body .prose p{color:var(--muted);margin-bottom:1.2rem;font-size:1.02rem}.page-body .prose p strong,.page-body .prose li strong{color:var(--text)}.page-body .prose h2{font-size:1.6rem;margin:2.6rem 0 1rem}.page-body .prose ul{display:grid;gap:.7rem;margin:0 0 1.4rem}.page-body .prose ul li{color:var(--muted);font-size:1rem;display:flex;gap:.7rem;align-items:flex-start}.page-body .prose ul li:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-top:.55rem}.cta{padding:130px 0;text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--line)}.cta:before{content:"";position:absolute;inset:auto -10% -60%;height:120%;pointer-events:none;background:radial-gradient(50% 60% at 50% 100%,rgba(47,214,162,.13),transparent 70%)}.cta>*{position:relative}.cta h2{font-size:clamp(2.2rem,5vw,3.6rem)}.cta p{color:var(--muted);margin:1.2rem auto 2.4rem;max-width:520px;font-size:1.08rem}.btn-lg{padding:1.05rem 2.2rem;font-size:1.05rem}footer{border-top:1px solid var(--line);background:var(--bg-soft)}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;padding:4rem 0 2.5rem}@media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.foot-grid{grid-template-columns:1fr}}.foot-grid h3{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;font-weight:600}.foot-grid ul{display:grid;gap:.6rem;font-size:.94rem}.foot-grid ul a{color:var(--muted)}.foot-grid ul a:hover{color:var(--text)}.foot-brand p{color:var(--muted);font-size:.9rem;margin-top:.9rem;max-width:280px}.legal{border-top:1px solid var(--line);padding:1.6rem 0 2.2rem;font-size:.78rem;color:#6f7a86;line-height:1.7}.not-found{padding:180px 0 120px;text-align:center}.not-found h1{font-size:clamp(3rem,8vw,5rem);letter-spacing:-.03em}.not-found p{color:var(--muted);margin:1.2rem auto 2.2rem;max-width:460px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}