html{scroll-behavior:smooth;scroll-padding-top:80px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}[data-theme]{background:var(--tnx-bg);color:var(--tnx-text)}.container{max-width:var(--tnx-container);padding:0 var(--tnx-space-6);margin:0 auto}@media (max-width:600px){.container{padding:0 var(--tnx-space-5)}}.section{padding:var(--tnx-space-9) 0}.section-surface{background:var(--tnx-surface)}.section-note{margin-top:var(--tnx-space-6);text-align:center;font-size:var(--tnx-text-sm);color:var(--tnx-text-muted)}.grid-2{gap:var(--tnx-space-5);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--tnx-space-5);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--tnx-space-5);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.brand{align-items:center;gap:var(--tnx-space-2);color:var(--tnx-text);text-decoration:none;display:inline-flex}.brand-word{font-family:var(--tnx-font-body);font-weight:var(--tnx-weight-bold);font-size:var(--tnx-text-md);letter-spacing:-.01em}.brand-nex{color:var(--tnx-accent)}@media (max-width:600px){nav .nav-login{display:none}}@media (max-width:480px){nav .brand-word{display:none}}.hero{padding:calc(64px + var(--tnx-space-8)) 0 var(--tnx-space-8)}.hero-inner{gap:var(--tnx-space-8);grid-template-columns:1.1fr .9fr;align-items:center;display:grid}.hero-copy{align-items:flex-start;gap:var(--tnx-space-5);flex-direction:column;display:flex}.hero-title{font-family:var(--tnx-font-heading);font-size:clamp(40px, 5vw, var(--tnx-text-4xl));font-weight:var(--tnx-weight-bold);letter-spacing:var(--tnx-tracking-display);line-height:var(--tnx-leading-tight)}.hero-lead{font-size:var(--tnx-text-lg);line-height:var(--tnx-leading-relaxed);color:var(--tnx-text-muted);max-width:52ch}.hero-actions{gap:var(--tnx-space-4);flex-wrap:wrap;display:flex}.hero-stats{gap:var(--tnx-space-6);padding-top:var(--tnx-space-5);border-top:1px solid var(--tnx-border);flex-wrap:wrap;display:flex}.hero-visual{gap:var(--tnx-space-6);padding:var(--tnx-space-7) var(--tnx-space-6);background:var(--tnx-surface);border:1px solid var(--tnx-border);border-radius:var(--tnx-radius-xl);box-shadow:var(--tnx-shadow-lg);flex-direction:column;display:flex}.hero-logo{align-self:center;width:100%;max-width:320px;height:auto}.hero-modules{gap:var(--tnx-space-3);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.hero-modules li>*{width:100%;padding:var(--tnx-space-3) var(--tnx-space-4);font-family:var(--tnx-font-mono)}.hero-demo{align-items:center;gap:var(--tnx-space-4);padding:var(--tnx-space-5);background:var(--tnx-gradient-brand);border-radius:var(--tnx-radius-lg);color:#fff;box-shadow:var(--tnx-shadow-glow);transition:transform var(--tnx-duration-base) ease-out, box-shadow var(--tnx-duration-base) ease-out;border:1px solid #13c09773;border:1px solid lab(69.3632% -48.9858 8.92723/.45);text-decoration:none;display:flex}.hero-demo:hover{transform:translateY(-2px);box-shadow:0 24px 56px #00876766;box-shadow:0 24px 56px lab(49.8973% -57.6977 10.2832/.4)}.hero-demo:focus-visible{outline:2px solid var(--tnx-focus);outline-offset:4px}.hero-demo-play{color:#2841b9;color:lab(32.3256% 25.9925 -67.2387);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.hero-demo-play svg{width:20px;height:20px;margin-left:2px}.hero-demo-text{gap:var(--tnx-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.hero-demo-badge{font-family:var(--tnx-font-mono);font-size:11px;font-weight:var(--tnx-weight-bold);letter-spacing:.1em;text-transform:uppercase;color:#bef2de;color:lab(91.5148% -20.3209 3.78928);display:block}.hero-demo-title{font-size:var(--tnx-text-xl);font-weight:var(--tnx-weight-bold);line-height:1.25;display:block}.hero-demo-sub{font-size:var(--tnx-text-sm);color:#e9eefc;color:lab(94.0956% -.0353456 -7.53737);line-height:1.5;display:block}.hero-demo-arrow svg{width:24px;height:24px;transition:transform var(--tnx-duration-base) ease-out}.hero-demo:hover .hero-demo-arrow svg{transform:translate(4px)}@media (max-width:900px){.hero-inner{gap:var(--tnx-space-7);grid-template-columns:1fr}}.feature-panel{grid-template-columns:1fr 1.25fr;min-height:100%;display:grid}.feature-text{justify-content:center;gap:var(--tnx-space-4);padding:var(--tnx-space-6);flex-direction:column;display:flex}.feature-title{font-size:var(--tnx-text-2xl);line-height:var(--tnx-leading-snug)}.feature-body{color:var(--tnx-text-muted);line-height:var(--tnx-leading-relaxed)}.feature-points{padding-left:var(--tnx-space-5);gap:var(--tnx-space-2);color:var(--tnx-text-muted);flex-direction:column;margin:0;font-size:15px;line-height:1.55;display:flex}.feature-shot{padding:var(--tnx-space-5);background:var(--tnx-bg-subtle);border-left:1px solid var(--tnx-border);align-items:center;margin:0;display:flex}.feature-shot img{aspect-ratio:1440/900;object-fit:contain;border-radius:var(--tnx-radius-md);width:100%;height:auto;box-shadow:var(--tnx-shadow-md)}@media (max-width:900px){.feature-panel{grid-template-columns:1fr}.feature-shot{border-left:0;border-top:1px solid var(--tnx-border)}}.module{border-top:3px solid var(--module-color)}.module-count{--module-color:var(--tnx-module-count)}.module-model{--module-color:var(--tnx-module-model)}.module-signal{--module-color:var(--tnx-module-signal)}.module-grade{--module-color:var(--tnx-module-grade)}.module-num{font-family:var(--tnx-font-mono);font-size:11px;font-weight:var(--tnx-weight-bold);letter-spacing:var(--tnx-tracking-caps);color:var(--tnx-text-subtle)}.flow{margin:var(--tnx-space-6) 0 0;padding:var(--tnx-space-5) var(--tnx-space-6);justify-content:center;align-items:center;gap:var(--tnx-space-3);background:var(--tnx-surface);border:1px solid var(--tnx-border);border-radius:var(--tnx-radius-lg);flex-wrap:wrap;list-style:none;display:flex}.flow-step{font-family:var(--tnx-font-mono);font-size:var(--tnx-text-sm);font-weight:var(--tnx-weight-bold);color:var(--tnx-text);align-items:center;gap:var(--tnx-space-3);display:inline-flex}.flow-step:before{content:"";background:var(--module-color);border-radius:50%;width:10px;height:10px}.flow-step:not(:nth-last-child(2)):after{content:"→";color:var(--tnx-text-subtle);margin-left:var(--tnx-space-2)}.flow-tag{margin-left:var(--tnx-space-4)}.pricing-grid{padding-top:var(--tnx-space-3);align-items:stretch}@media (max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}.download-grid{max-width:880px;margin:0 auto}.download-card{gap:var(--tnx-space-5)}.download-top{align-items:center;gap:var(--tnx-space-4);display:flex}.download-os{background:var(--tnx-surface-raised);border:1px solid var(--tnx-border);border-radius:var(--tnx-radius-md);flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.download-os svg{width:28px;height:28px}.download-title{gap:var(--tnx-space-1);flex-direction:column;min-width:0;display:flex}.download-title h3{font-family:var(--tnx-font-body);font-size:var(--tnx-text-xl);font-weight:var(--tnx-weight-bold)}.download-meta{font-family:var(--tnx-font-mono);font-size:var(--tnx-text-xs);color:var(--tnx-text-muted)}.download-specs{gap:var(--tnx-space-2) var(--tnx-space-4);padding:var(--tnx-space-4) 0;border-top:1px solid var(--tnx-border);border-bottom:1px solid var(--tnx-border);font-size:var(--tnx-text-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.download-specs dt{color:var(--tnx-text-subtle)}.download-specs dd{color:var(--tnx-text);margin:0}.cta-inner{flex-direction:column;align-items:center;display:flex}.cta-inner>header{margin-bottom:var(--tnx-space-6)}.cta-actions{justify-content:center;gap:var(--tnx-space-4);flex-wrap:wrap;display:flex}.footer{padding:var(--tnx-space-7) 0;border-top:1px solid var(--tnx-border)}.footer-inner{justify-content:space-between;align-items:center;gap:var(--tnx-space-5);flex-wrap:wrap;display:flex}.footer-text{font-size:var(--tnx-text-sm);color:var(--tnx-text-subtle)}.footer-links{gap:var(--tnx-space-5);margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--tnx-text-muted);font-size:var(--tnx-text-sm);text-decoration:none}.footer-links a:hover{color:var(--tnx-text)}.auth{min-height:100vh;padding:calc(64px + var(--tnx-space-8)) var(--tnx-space-5) var(--tnx-space-8);place-items:center;display:grid}.auth-card{gap:var(--tnx-space-6);width:100%;max-width:420px}.auth-header{gap:var(--tnx-space-2);flex-direction:column;display:flex}.auth-title{font-family:var(--tnx-font-heading);font-size:var(--tnx-text-2xl);font-weight:var(--tnx-weight-bold);letter-spacing:var(--tnx-tracking-display)}.auth-sub{font-size:var(--tnx-text-sm);color:var(--tnx-text-muted);line-height:var(--tnx-leading-relaxed)}.auth-form{gap:var(--tnx-space-4);flex-direction:column;display:flex}.auth-form>button{margin-top:var(--tnx-space-2)}.auth-switch{text-align:center;font-size:var(--tnx-text-sm);color:var(--tnx-text-muted)}.auth-switch a{color:var(--tnx-primary);font-weight:var(--tnx-weight-medium);text-decoration:none}.auth-switch a:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.hero-demo,.hero-demo-arrow svg{transition:none}.hero-demo:hover,.hero-demo:hover .hero-demo-arrow svg{transform:none}}