:root{--color-bg:#fafaf9;--color-surface:#fff;--color-surface-2:#f5f5f4;--color-border:#e7e5e4;--color-text:#0c0a09;--color-text-muted:#57534e;--color-text-soft:#78716c;--color-brand:#7c3aed;--color-brand-hover:#6d28d9;--color-brand-subtle:#f3e8ff;--color-violet:#c026d3;--color-accent:#ec4899;--color-accent-subtle:#fce7f3;--color-success:#059669;--color-warning:#d97706;--color-danger:#dc2626;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;--text-6xl:60px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 10px 20px -6px #0f172a1f, 0 4px 8px -4px #0f172a0f;--shadow-xl:0 25px 50px -12px #0f172a40;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--d-fast:.15s;--d-base:.25s;--d-slow:.4s;--container:1200px;--font-display:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}[data-theme=dark]{--color-bg:#0a0a0c;--color-surface:#15151a;--color-surface-2:#1c1c22;--color-border:#2a2a32;--color-text:#f5f5f4;--color-text-muted:#b8b4ae;--color-text-soft:#908a82;--color-brand:#a855f7;--color-brand-hover:#c084fc;--color-brand-subtle:#2a1145;--color-violet:#e879f9;--color-accent:#f472b6;--color-accent-subtle:#4a1530;--shadow-lg:0 10px 30px -6px #0009, 0 4px 8px -4px #0006;--shadow-xl:0 25px 60px -12px #000000b3}*{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:88px;overflow-x:clip}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);font-size:var(--text-base);-webkit-font-smoothing:antialiased;transition:background var(--d-base) var(--ease-out), color var(--d-base) var(--ease-out);line-height:1.6;overflow-x:clip}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.03em;font-weight:800;line-height:1.1}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:var(--container);padding:0 var(--space-6);margin:0 auto}section{position:relative}.kicker{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand);background:var(--color-brand-subtle);border-radius:var(--radius-full);margin-bottom:var(--space-4);padding:6px 12px;display:inline-flex}.kicker.accent{color:var(--color-accent);background:var(--color-accent-subtle)}.section-pad{padding:var(--space-24) 0}@media (width<=768px){.section-pad{padding:var(--space-16) 0}}.h2{font-size:var(--text-4xl);margin-bottom:var(--space-4);max-width:18ch}.lead{font-size:var(--text-lg);color:var(--color-text-muted);max-width:60ch}@media (width<=640px){.h2{font-size:var(--text-3xl)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);transition:all var(--d-fast) var(--ease-out);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:13px 24px;display:inline-flex}.btn-primary{background:var(--color-brand);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-brand-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{box-shadow:var(--shadow-md);border-color:var(--color-brand);transform:translateY(-2px)}.btn-ghost{color:var(--color-text);background:0 0}.btn-ghost:hover{background:var(--color-surface-2)}.btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.nav{z-index:100;background:color-mix(in srgb, var(--color-bg) 80%, transparent);backdrop-filter:saturate(180%)blur(14px);transition:border-color var(--d-base), background var(--d-base);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.nav.scrolled{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.nav-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);letter-spacing:-.02em;align-items:center;gap:10px;display:flex}.brand .logo{width:34px;height:34px;filter:drop-shadow(0 2px 6px color-mix(in srgb, var(--color-brand) 45%, transparent));place-items:center;display:grid}.brand .dotvn{color:var(--color-accent)}.brand .wordmark{width:auto;height:19px;display:block}[data-theme=light] .brand .wm-dark,[data-theme=dark] .brand .wm-light{display:none}.nav-links{align-items:center;gap:var(--space-6);display:flex}.nav-links a.nav-link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--d-fast);font-weight:500;position:relative}.nav-links a.nav-link:after{content:"";background:linear-gradient(90deg, var(--color-brand), var(--color-violet));transform-origin:0;width:100%;height:2px;transition:transform var(--d-base) var(--ease-out);border-radius:2px;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-links a.nav-link:hover{color:var(--color-text)}.nav-links a.nav-link:hover:after{transform:scaleX(1)}.nav-actions{align-items:center;gap:var(--space-3);display:flex}.icon-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);width:38px;height:38px;color:var(--color-text-muted);cursor:pointer;transition:all var(--d-fast) var(--ease-out);place-items:center;display:grid}.icon-btn:hover{color:var(--color-text);border-color:var(--color-brand);transform:translateY(-1px)}.icon-btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.lang-toggle{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);display:inline-flex;overflow:hidden}.lang-toggle button{color:var(--color-text-soft);cursor:pointer;transition:all var(--d-fast);background:0 0;border:none;padding:8px 12px}.lang-toggle button.active{background:var(--color-brand);color:#fff}.lang-toggle button:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.menu-toggle{display:none}@media (width<=1024px){.nav-links{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6);align-items:stretch;gap:var(--space-2);opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--d-base) var(--ease-out), opacity var(--d-base) var(--ease-out), visibility var(--d-base);box-shadow:var(--shadow-lg);flex-direction:column;position:fixed;inset:72px 0 auto;transform:translateY(-12px)}.nav-links.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-links a.nav-link{font-size:var(--text-base);border-bottom:1px solid var(--color-border);padding:12px 0}.menu-toggle{display:grid}.nav-cta-desktop{display:none}}.hero{padding:160px 0 var(--space-24);overflow:hidden}.hero-bg{z-index:-1;position:absolute;inset:0;overflow:hidden}.aurora{filter:blur(80px);opacity:.55;border-radius:50%;animation:18s ease-in-out infinite float;position:absolute}.aurora.a1{background:radial-gradient(circle, var(--color-brand), transparent 70%);width:600px;height:600px;top:-200px;left:-100px}.aurora.a2{background:radial-gradient(circle, var(--color-violet), transparent 70%);width:520px;height:520px;animation-delay:-6s;top:-120px;right:-120px}.aurora.a3{background:radial-gradient(circle, var(--color-accent), transparent 70%);opacity:.3;width:420px;height:420px;animation-delay:-12s;top:120px;left:40%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,30px)scale(1.08)}66%{transform:translate(-30px,20px)scale(.95)}}.grid-overlay{background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);opacity:.25;background-size:56px 56px;position:absolute;inset:0;mask-image:radial-gradient(80% 50% at 50% 0,#000 40%,#0000 75%)}.hero-grid{gap:var(--space-16);grid-template-columns:1.1fr .9fr;align-items:center;display:grid}@media (width<=980px){.hero-grid{gap:var(--space-12);grid-template-columns:1fr}}.hero h1{font-size:var(--text-6xl);letter-spacing:-.04em;margin-bottom:var(--space-6)}.hero h1 .grad{background:linear-gradient(120deg, var(--color-brand), var(--color-violet) 60%, var(--color-accent));color:var(--color-brand);-webkit-text-fill-color:transparent;background-clip:text}.hero .sub{font-size:var(--text-xl);color:var(--color-text-muted);max-width:52ch;margin-bottom:var(--space-8)}@media (width<=980px){.hero h1{font-size:var(--text-5xl)}}@media (width<=640px){.hero{padding-top:128px}.hero h1{font-size:var(--text-4xl)}.hero .sub{font-size:var(--text-lg)}}.hero-badge{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-accent);background:var(--color-accent-subtle);border-radius:var(--radius-full);margin-bottom:var(--space-6);padding:7px 14px;font-weight:600;display:inline-flex}.hero-badge .dot{background:var(--color-accent);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 25%, transparent);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-cta{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.trust-line{font-size:var(--text-sm);color:var(--color-text-soft);align-items:center;gap:var(--space-2);display:flex}.hero-visual{position:relative}.shield-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.shield-card:before{content:"";background:radial-gradient(ellipse at top right, var(--color-brand-subtle), transparent 60%);opacity:.6;position:absolute;inset:0}.shield-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-brand), var(--color-violet));color:#fff;width:72px;height:72px;margin-bottom:var(--space-6);box-shadow:var(--shadow-lg);place-items:center;display:grid;position:relative}.shield-card h3{font-size:var(--text-xl);margin-bottom:var(--space-2);position:relative}.shield-card p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);position:relative}.flow{gap:var(--space-3);flex-direction:column;display:flex;position:relative}.flow-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;display:flex}.flow-row .ico{border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.flow-row .ico.brand{background:var(--color-brand-subtle);color:var(--color-brand)}.flow-row .ico.acc{background:var(--color-accent-subtle);color:var(--color-accent)}.flow-row .tag{font-size:var(--text-xs);color:var(--color-accent);margin-left:auto;font-weight:700}.flow-line{background:var(--color-border);width:2px;height:14px;margin-left:28px}.ai-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-12);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.ai-summary:after{content:"AI";top:var(--space-6);right:var(--space-8);font-family:var(--font-display);color:var(--color-brand);opacity:.04;letter-spacing:-.05em;font-size:120px;font-weight:800;position:absolute}.ai-summary p{font-size:var(--text-lg);color:var(--color-text-muted);max-width:78ch;line-height:1.7;position:relative}.ai-summary strong{color:var(--color-text);font-weight:600}@media (width<=640px){.ai-summary{padding:var(--space-8)}}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-2,.grid-4{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=900px){.grid-3,.grid-2,.grid-4{grid-template-columns:1fr}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--d-base) var(--ease-out);height:100%}.card:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--color-brand) 40%, var(--color-border));transform:translateY(-4px)}.card .ic{border-radius:var(--radius-md);width:48px;height:48px;margin-bottom:var(--space-4);place-items:center;display:grid}.ic.indigo{background:var(--color-brand-subtle);color:var(--color-brand)}.ic.teal{background:var(--color-accent-subtle);color:var(--color-accent)}.ic.amber{color:var(--color-warning);background:#fef3c7}.ic.rose{color:var(--color-danger);background:#ffe4e6}.card-thumb{margin:calc(-1*var(--space-6)) calc(-1*var(--space-6)) var(--space-5);border-radius:var(--radius-lg) var(--radius-lg) 0 0;aspect-ratio:16/9;background:var(--color-surface-2);position:relative;overflow:hidden}.card-thumb:after{content:"";background:linear-gradient(180deg, transparent 55%, color-mix(in srgb, var(--color-surface) 78%, transparent));position:absolute;inset:0}.card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform var(--d-slow) var(--ease-out);display:block}.card:hover .card-thumb img{transform:scale(1.06)}[data-theme=dark] .ic.amber{background:#422006}[data-theme=dark] .ic.rose{background:#4c0519}.card h3{font-size:var(--text-lg);margin-bottom:var(--space-2);line-height:1.32}.card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.card .num{font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);color:var(--color-brand);margin-bottom:var(--space-2)}.compliance{background:linear-gradient(135deg, var(--color-brand-subtle), var(--color-accent-subtle))}[data-theme=dark] .compliance{background:linear-gradient(135deg,#1a1733,#0f2e2b)}.comp-grid{gap:var(--space-16);grid-template-columns:1fr 380px;align-items:center;display:grid}@media (width<=900px){.comp-grid{gap:var(--space-8);grid-template-columns:1fr}}.comp-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-lg)}.comp-stat .big{font-family:var(--font-display);font-weight:800;font-size:var(--text-5xl);letter-spacing:-.04em;white-space:nowrap;background:linear-gradient(120deg, var(--color-brand), var(--color-accent));color:var(--color-brand);-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:.08em;line-height:1.18}.comp-stat .lbl{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.how-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--d-base) var(--ease-out)}.how-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.how-card .badge2{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-accent);background:var(--color-accent-subtle);border-radius:var(--radius-full);margin-bottom:var(--space-4);padding:6px 12px;font-weight:700;display:inline-flex}.badge2 svg{flex-shrink:0}.card .badge2{vertical-align:middle;font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-surface-2);border-radius:var(--radius-full);margin-bottom:var(--space-3);align-items:center;gap:6px;padding:4px 10px;font-weight:700;display:inline-flex}.how-card h3{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.how-card p{color:var(--color-text-muted);font-size:var(--text-base)}.watt{margin-top:var(--space-4);font-family:var(--font-display);color:var(--color-accent);align-items:baseline;gap:4px;font-weight:800;display:inline-flex}.watt .v{font-size:var(--text-3xl)}.price-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--d-base) var(--ease-out);flex-direction:column;display:flex;position:relative}.price-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.price-card.featured{border-color:var(--color-brand);box-shadow:var(--shadow-xl)}.price-card.featured:before{content:"";border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-brand), var(--color-violet), var(--color-accent));-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.ribbon{background:linear-gradient(135deg, var(--color-brand), var(--color-violet));color:#fff;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);border-radius:var(--radius-full);box-shadow:var(--shadow-md);white-space:nowrap;padding:6px 16px;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.price-card h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.price-card .desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);min-height:40px}.price-amt{padding:var(--space-4) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.price-amt .amt{font-family:var(--font-display);font-weight:800;font-size:var(--text-3xl);letter-spacing:-.03em;padding-bottom:.06em;line-height:1.18}.price-amt .amt small{font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);color:var(--color-text-soft);letter-spacing:0}.price-amt .amt-sub{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:4px}.price-card.featured .price-amt .amt{background:linear-gradient(120deg, var(--color-brand), var(--color-violet));color:var(--color-brand);-webkit-text-fill-color:transparent;background-clip:text}.price-card ul{gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;flex:1;display:flex}.price-card li{gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.price-card li svg{color:var(--color-accent);flex-shrink:0;margin-top:2px}.cmp-wrap{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:var(--color-surface);overflow:hidden}table.cmp{border-collapse:collapse;width:100%}table.cmp th,table.cmp td{padding:var(--space-4) var(--space-6);text-align:left;font-size:var(--text-sm);border-bottom:1px solid var(--color-border)}table.cmp thead th{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);background:var(--color-surface-2)}table.cmp thead th.ours{color:var(--color-brand);background:var(--color-brand-subtle)}table.cmp td:first-child{color:var(--color-text);font-weight:600}table.cmp td.ours{color:var(--color-text);background:color-mix(in srgb, var(--color-brand-subtle) 50%, transparent);font-weight:500}table.cmp td.muted{color:var(--color-text-soft)}table.cmp tr:last-child td{border-bottom:none}.cmp-note{font-size:var(--text-xs);color:var(--color-text-soft);margin-top:var(--space-4);max-width:90ch;line-height:1.6}.cost-controls{gap:var(--space-8);margin:var(--space-8) 0;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:flex-end;display:flex}.cost-field{flex-direction:column;gap:8px;display:flex}.cost-field label{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.cost-users-val{font-family:var(--font-display);color:var(--color-brand);font-weight:800}.cost-field input[type=number]{width:150px;height:42px;padding:0 var(--space-3);font-size:var(--text-base);font-family:var(--font-body);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text)}.users-field{gap:10px}.users-head{align-items:baseline;gap:8px;display:flex}.cost-users-val{font-size:var(--text-2xl);transition:transform .18s var(--ease-spring);line-height:1;display:inline-block}.cost-users-val.pop{transform:scale(1.22)}.users-unit{font-size:var(--text-sm);color:var(--color-text-soft);font-weight:600}.slider-wrap{width:340px;max-width:80vw}input[type=range].fun{appearance:none;cursor:pointer;background-color:var(--color-surface-2);background-image:linear-gradient(90deg, var(--color-brand), var(--color-accent));background-repeat:no-repeat;background-size:0% 100%;border-radius:999px;outline:none;width:100%;height:14px;margin:8px 0 2px;transition:background-size 50ms linear;box-shadow:inset 0 1px 3px #00000040}input[type=range].fun::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 32% 30%, #fff 0 14%, var(--color-brand) 46%, var(--color-accent) 100%);cursor:grab;width:30px;height:30px;box-shadow:0 3px 10px color-mix(in srgb,var(--color-brand) 55%,transparent);transition:transform .15s var(--ease-spring), box-shadow .2s;border:3px solid #fff;border-radius:50%}input[type=range].fun:hover::-webkit-slider-thumb{transform:scale(1.15)}input[type=range].fun:active::-webkit-slider-thumb{cursor:grabbing;box-shadow:0 4px 16px color-mix(in srgb,var(--color-brand) 60%,transparent), 0 0 0 8px color-mix(in srgb,var(--color-accent) 22%,transparent);transform:scale(1.28)}input[type=range].fun:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-brand) 35%,transparent)}input[type=range].fun::-moz-range-thumb{cursor:grab;background:radial-gradient(circle at 32% 30%, #fff 0 14%, var(--color-brand) 46%, var(--color-accent) 100%);width:30px;height:30px;box-shadow:0 3px 10px color-mix(in srgb,var(--color-brand) 55%,transparent);border:3px solid #fff;border-radius:50%}input[type=range].fun::-moz-range-progress{background:linear-gradient(90deg,var(--color-brand),var(--color-accent));border-radius:999px;height:14px}input[type=range].fun::-moz-range-track{background:var(--color-surface-2);border-radius:999px;height:14px}.slider-scale{font-size:var(--text-xs);color:var(--color-text-soft);justify-content:space-between;margin-top:2px;display:flex}.users-vibe{font-size:var(--text-sm);color:var(--color-brand);min-height:1.4em;font-weight:700}.cost-field input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 18%,transparent);outline:none}.cost-field .hint{font-size:var(--text-xs);color:var(--color-text-soft)}.cost-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--color-surface);overflow-x:auto}.cost-subhead{align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);margin:var(--space-12) 0 var(--space-4);display:flex}.cost-subhead .badge2{margin:0}.cost-data{font-weight:700;font-size:var(--text-xs);white-space:nowrap}.cost-data.out{color:var(--color-danger)}.cost-data.in{color:var(--color-accent)}.cost-hint-row{font-size:var(--text-xs);color:var(--color-text-soft);margin-top:var(--space-3)}table.cost-table{border-collapse:collapse;width:100%;min-width:660px}table.cost-table th,table.cost-table td{padding:var(--space-4) var(--space-6);text-align:right;font-size:var(--text-sm);border-bottom:1px solid var(--color-border);white-space:nowrap}table.cost-table th:first-child,table.cost-table td:first-child{text-align:left}table.cost-table thead th{font-family:var(--font-display);background:var(--color-surface-2);font-weight:700}table.cost-table td:first-child{color:var(--color-text);font-weight:600}table.cost-table .seat-input{text-align:right;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:78px;height:34px;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);padding:0 8px}table.cost-table .seat-input:focus{border-color:var(--color-brand);outline:none}table.cost-table tr:last-child td{border-bottom:none}table.cost-table tr.namtech-row td{background:color-mix(in srgb,var(--color-brand-subtle) 55%,transparent);font-weight:700}[data-theme=dark] table.cost-table tr.namtech-row td{background:color-mix(in srgb,var(--color-brand-subtle) 45%,transparent)}table.cost-table tr.namtech-row td:first-child{color:var(--color-brand)}.cost-3y{font-family:var(--font-display);font-weight:800}.cost-summary{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=720px){.cost-summary{grid-template-columns:1fr}}.cost-sum-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.cost-sum-card.win{border-color:var(--color-brand);background:color-mix(in srgb,var(--color-brand-subtle) 40%,transparent)}[data-theme=dark] .cost-sum-card.win{background:color-mix(in srgb,var(--color-brand-subtle) 35%,transparent)}.cost-sum-card .v{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);letter-spacing:-.02em;line-height:1.25}.cost-sum-card .v.grad{background:linear-gradient(120deg,var(--color-brand),var(--color-accent));-webkit-text-fill-color:transparent;background-clip:text}.cost-sum-card .k{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:8px;line-height:1.5}.cost-breakeven{margin-top:var(--space-6);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted);gap:var(--space-3);align-items:flex-start;line-height:1.55;display:flex}.cost-breakeven svg{color:var(--color-accent);flex-shrink:0;margin-top:2px}@media (width<=720px){table.cmp th,table.cmp td{padding:var(--space-3);font-size:var(--text-xs)}}.team-grid{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.team-grid{grid-template-columns:repeat(2,1fr)}}.member{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:all var(--d-base) var(--ease-out)}.member:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.avatar{border-radius:var(--radius-full);width:56px;height:56px;margin:0 auto var(--space-3);font-family:var(--font-display);color:#fff;font-weight:800;font-size:var(--text-lg);background:linear-gradient(135deg, var(--color-brand), var(--color-violet));place-items:center;display:grid}.member .nm{font-family:var(--font-display);font-weight:700;font-size:var(--text-base)}.member .role{font-size:var(--text-xs);color:var(--color-text-soft);margin-top:2px}.net-note{font-size:var(--text-sm);color:var(--color-text-soft);margin-top:var(--space-6);font-style:italic}.faq-list{gap:var(--space-3);flex-direction:column;max-width:820px;margin:0 auto;display:flex}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--d-fast);overflow:hidden}.faq-item.open{border-color:var(--color-brand)}.faq-q{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-6);cursor:pointer;text-align:left;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-text);background:0 0;border:none;display:flex}.faq-q:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.faq-q .chev{transition:transform var(--d-base) var(--ease-out);color:var(--color-brand);flex-shrink:0}.faq-item.open .chev{transform:rotate(180deg)}.faq-a{transition:grid-template-rows var(--d-base) var(--ease-out);grid-template-rows:0fr;display:grid}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a-inner{overflow:hidden}.faq-a p{padding:0 var(--space-6) var(--space-6);color:var(--color-text-muted);font-size:var(--text-base);line-height:1.7}.cta-section{background:var(--color-surface-2)}.cta-grid{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=900px){.cta-grid{gap:var(--space-8);grid-template-columns:1fr}}.cta-contacts{gap:var(--space-4);margin-top:var(--space-8);flex-direction:column;display:flex}.contact-row{align-items:center;gap:var(--space-3);font-size:var(--text-base);display:flex}.contact-row .ic2{border-radius:var(--radius-md);background:var(--color-brand-subtle);width:42px;height:42px;color:var(--color-brand);flex-shrink:0;place-items:center;display:grid}form.lead-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg)}.field{margin-bottom:var(--space-4)}.field label{font-size:var(--text-sm);margin-bottom:6px;font-weight:600;display:block}.field input,.field select{width:100%;height:46px;padding:0 var(--space-4);font-size:var(--text-base);font-family:var(--font-body);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:all var(--d-fast)}.field select{cursor:pointer}.field input:focus,.field select:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 18%, transparent);outline:none}.nselect{position:relative}.nselect-native{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.nselect-btn{width:100%;height:46px;padding:0 var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);cursor:pointer;text-align:left;transition:border-color var(--d-fast), box-shadow var(--d-fast);justify-content:space-between;align-items:center;gap:10px;display:flex}.nselect-btn:hover{border-color:color-mix(in srgb, var(--color-brand) 45%, var(--color-border))}.nselect.open .nselect-btn,.nselect-btn:focus-visible{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 18%, transparent);outline:none}.nselect-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nselect-label.placeholder{color:var(--color-text-soft)}.nselect-btn .chev{color:var(--color-text-soft);transition:transform var(--d-base) var(--ease-out);flex:none}.nselect.open .nselect-btn .chev{color:var(--color-brand);transform:rotate(180deg)}.nselect-list{z-index:60;background:color-mix(in srgb, var(--color-surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;transform-origin:top;visibility:hidden;pointer-events:none;max-height:264px;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out), visibility .16s;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;transform:translateY(-8px)scale(.98)}.nselect.open .nselect-list{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.nselect-opt{cursor:pointer;font-size:var(--text-sm);color:var(--color-text);transition:background var(--d-fast), color var(--d-fast);border-radius:9px;align-items:center;gap:8px;padding:10px 12px;display:flex}.nselect-opt .tick{opacity:0;width:16px;transition:opacity var(--d-fast);flex:none}.nselect-opt:hover,.nselect-opt.active{background:color-mix(in srgb, var(--color-brand) 14%, transparent)}.nselect-opt[aria-selected=true]{background:linear-gradient(90deg, var(--color-brand), var(--color-accent));color:#fff;font-weight:600}.nselect-opt[aria-selected=true] .tick{opacity:1}.nselect-opt.is-placeholder{color:var(--color-text-soft)}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=520px){.form-row{grid-template-columns:1fr}}form .btn-primary{width:100%;margin-top:var(--space-2)}.form-note{font-size:var(--text-xs);color:var(--color-text-soft);margin-top:var(--space-3);text-align:center}footer{border-top:1px solid var(--color-border);padding:var(--space-16) 0 var(--space-8)}.foot-grid{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:1.5fr 1fr 1fr;display:grid}@media (width<=768px){.foot-grid{gap:var(--space-8);grid-template-columns:1fr}}.foot-col h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-soft);margin-bottom:var(--space-4);font-weight:700}.foot-col ul{gap:var(--space-3);flex-direction:column;display:flex}.foot-col a,.foot-col li{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--d-fast)}.foot-col a:hover{color:var(--color-brand)}.foot-bottom{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-soft);flex-wrap:wrap;display:flex}.markets{gap:var(--space-4);flex-wrap:wrap;display:flex}.markets a{align-items:center;gap:6px;display:inline-flex}.toast{bottom:var(--space-8);background:var(--color-text);color:var(--color-bg);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);font-size:var(--text-sm);z-index:200;opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--d-base) var(--ease-spring), opacity var(--d-base) var(--ease-out), visibility var(--d-base);max-width:90vw;font-weight:600;position:fixed;left:50%;transform:translate(-50%)translateY(calc(100% + 48px))}.toast.show{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.reveal{transition:opacity .7s var(--ease-out), transform .7s var(--ease-out)}html.anim-on .reveal{opacity:0;transform:translateY(24px)}html.anim-on .reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:80ms}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}.skip-link{background:var(--color-brand);color:#fff;padding:var(--space-3) var(--space-4);border-radius:0 0 var(--radius-md) 0;z-index:300;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}.proof-band{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.proof-grid{gap:var(--space-8);grid-template-columns:repeat(4,1fr)}@media (width<=900px){.proof-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.proof-grid{grid-template-columns:1fr}}.proof-item{text-align:center;padding:var(--space-2)}.proof-num{font-family:var(--font-display);font-weight:800;font-size:var(--text-5xl);letter-spacing:-.04em;background:linear-gradient(120deg, var(--color-brand), var(--color-violet) 55%, var(--color-accent));color:var(--color-brand);-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:.08em;line-height:1.15}.proof-num .proof-unit{font-size:var(--text-2xl)}.proof-lbl{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-3);max-width:26ch;margin-inline:auto;line-height:1.5}@media (width<=900px){.proof-num{font-size:var(--text-4xl)}}.case-card{flex-direction:column;display:flex;position:relative}.case-badge{top:var(--space-4);right:var(--space-4);font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-warning);border-radius:var(--radius-full);background:#fef3c7;align-items:center;padding:4px 10px;display:inline-flex;position:absolute}[data-theme=dark] .case-badge{background:#422006}.case-industry{font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand);margin-bottom:var(--space-2)}.case-card h3{font-size:var(--text-lg);margin-bottom:var(--space-4);padding-right:var(--space-8)}.case-block{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);line-height:1.6}.case-block strong{color:var(--color-text);font-weight:700}.case-outcome{align-items:flex-start;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text);margin-top:auto;font-weight:500;line-height:1.5;display:flex}.case-outcome svg{color:var(--color-accent);flex-shrink:0;margin-top:3px}.case-outcome em{color:var(--color-text-soft);font-style:italic;font-weight:400}.takeaways{background:color-mix(in srgb, var(--color-brand-subtle) 60%, var(--color-surface));box-shadow:inset 4px 0 0 0 var(--color-brand)}[data-theme=dark] .takeaways{background:var(--color-surface)}.takeaways:hover{box-shadow:inset 4px 0 0 0 var(--color-brand), var(--shadow-lg)}.takeaways .tl-head{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:var(--text-base);color:var(--color-brand);margin-bottom:var(--space-4);display:inline-flex}.takeaways ul{gap:var(--space-3);flex-direction:column;display:flex}.takeaways li{gap:var(--space-3);font-size:var(--text-base);color:var(--color-text-muted);line-height:1.6;display:flex}.takeaways li svg{color:var(--color-accent);flex-shrink:0;margin-top:4px}.takeaways li strong{color:var(--color-text);font-weight:600}.btn-primary:hover{box-shadow:var(--shadow-lg), 0 8px 24px -6px color-mix(in srgb, var(--color-brand) 55%, transparent)}.btn svg{transition:transform var(--d-base) var(--ease-out)}.btn:hover svg{transform:translate(3px)}.lang-toggle button:not(.active):hover{color:var(--color-text);background:var(--color-surface-2)}.card .ic,.member .avatar{transition:transform var(--d-base) var(--ease-spring), box-shadow var(--d-base) var(--ease-out)}.card:hover .ic{transform:scale(1.08)rotate(-3deg)}.member:hover .avatar{box-shadow:var(--shadow-md);transform:scale(1.1)}.shield-card{transition:transform var(--d-base) var(--ease-out), box-shadow var(--d-base) var(--ease-out)}.shield-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.shield-icon{transition:transform var(--d-base) var(--ease-spring)}.shield-card:hover .shield-icon{transform:rotate(-6deg)scale(1.05)}.flow-row{transition:transform var(--d-fast) var(--ease-out), border-color var(--d-fast), background var(--d-fast)}.flow-row:hover{border-color:var(--color-brand);background:var(--color-brand-subtle);transform:translate(6px)}.comp-stat{transition:transform var(--d-base) var(--ease-out), box-shadow var(--d-base) var(--ease-out)}.comp-stat:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)scale(1.02)}.ai-summary{transition:transform var(--d-base) var(--ease-out), box-shadow var(--d-base) var(--ease-out)}.ai-summary:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.contact-row{transition:transform var(--d-fast) var(--ease-out)}.contact-row .ic2{transition:transform var(--d-base) var(--ease-spring), background var(--d-fast)}.contact-row:hover{transform:translate(6px)}.contact-row:hover .ic2{transform:scale(1.1)rotate(-4deg)}.foot-col ul a{transition:color var(--d-fast), transform var(--d-fast) var(--ease-out);display:inline-block}.foot-col ul a:hover{transform:translate(4px)}.faq-q{transition:background var(--d-fast);border-radius:var(--radius-lg)}.faq-q:hover{background:var(--color-surface-2)}.card h3,.how-card h3,.price-card h3,.member .nm{transition:color var(--d-fast) var(--ease-out)}.card:hover h3,.how-card:hover h3,.price-card:hover h3,.card h3:hover,.how-card h3:hover,.price-card h3:hover{color:var(--color-brand)}.h2{transition:color var(--d-base) var(--ease-out)}.h2:hover,.faq-q:hover>span:first-child{color:var(--color-brand)}.faq-q>span:first-child{transition:color var(--d-fast)}#thuat-ngu .card h3,#case-study .case-card h3{display:inline-block;position:relative}.contact-row a,.cta-contacts a{transition:color var(--d-fast)}.contact-row:hover a,.contact-row a:hover{color:var(--color-brand)}.hero h1 .grad{transition:filter var(--d-base) var(--ease-out)}.hero h1 .grad:hover{filter:brightness(1.15)saturate(1.1)}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}[lang-en]{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}