:root{--brand-red:#e8492c;--brand-orange:#fa6406;--brand-violet:#7e4fa8;--brand-navy:#1e2a3a;--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--maxw:1120px}[data-theme=dark]{--bg:#131c28;--bg-2:#1e2a3a;--surface:#1e2a3a;--surface-2:#243245;--line:#2f3f54;--text:#eef2f7;--muted:#9daabc;--accent:var(--brand-orange);--accent-2:var(--brand-red);--on-accent:#1a1205;--code-bg:#16202d;--nav-bg:rgba(19,28,40,.72);--hero-grad-a:#fa6406;--hero-grad-b:#e8492c}[data-theme=light]{--bg:#f7f8fa;--bg-2:#fff;--surface:#fff;--surface-2:#f1f3f7;--line:#e2e7ee;--text:#1e2a3a;--muted:#5c6b7e;--accent:var(--brand-red);--accent-2:var(--brand-orange);--on-accent:#fff;--code-bg:#1e2a3a;--nav-bg:rgba(247,248,250,.78);--hero-grad-a:#e8492c;--hero-grad-b:#fa6406}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s ease,color .3s ease}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--nav-bg);border-bottom:1px solid var(--line)}.nav-inner{justify-content:space-between;height:70px}.logo,.nav-inner{display:flex;align-items:center}.logo{gap:11px;font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.5px;color:var(--text)}.logo .logo-k{height:30px;width:auto;display:block}.nav-right{gap:26px}.nav-links,.nav-right{display:flex;align-items:center}.nav-links{gap:28px;font-size:15px;color:var(--muted)}.nav-links a{transition:color .18s}.nav-links a:hover{color:var(--text)}.nav-cta{font-family:var(--font-body);font-weight:600;font-size:14.5px;color:var(--on-accent);background:var(--accent);padding:9px 18px;border-radius:8px;transition:transform .15s,filter .15s}.nav-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.theme-toggle{width:38px;height:38px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer;transition:border-color .15s,background .15s}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle svg{width:19px;height:19px}.theme-toggle .ico-sun{display:none}[data-theme=light] .theme-toggle .ico-sun{display:block}[data-theme=light] .theme-toggle .ico-moon{display:none}@media (max-width:720px){.nav-links{display:none}}.hero{position:relative;padding:92px 0 70px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);border:1px solid var(--line);border-radius:99px;padding:6px 14px;margin-bottom:28px}.eyebrow .pip{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:ping 2.4s infinite}@keyframes ping{0%{box-shadow:0 0 0 0 rgba(250,100,6,.5)}70%{box-shadow:0 0 0 9px rgba(250,100,6,0)}to{box-shadow:0 0 0 0 rgba(250,100,6,0)}}.hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(38px,6vw,68px);line-height:1.04;letter-spacing:-1.8px;max-width:16ch}.hero h1 .accent{background:linear-gradient(100deg,var(--hero-grad-a),var(--hero-grad-b));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{margin-top:26px;font-size:19px;color:var(--muted);max-width:56ch}.hero-actions{margin-top:38px;display:flex;gap:14px;flex-wrap:wrap}.btn-primary{font-weight:600;font-size:15.5px;color:var(--on-accent);background:var(--accent);padding:13px 24px;border-radius:9px;transition:transform .15s,filter .15s;box-shadow:0 6px 24px rgba(232,73,44,.22)}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-ghost{font-weight:600;font-size:15.5px;color:var(--text);border:1px solid var(--line);padding:13px 24px;border-radius:9px;transition:border-color .15s,background .15s}.btn-ghost:hover{border-color:var(--accent)}.btn-ghost:hover,.flow{background:var(--surface)}.flow{margin-top:70px;border:1px solid var(--line);border-radius:18px;padding:34px 30px;position:relative;overflow:hidden}.flow-label{font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:26px}.flow-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center}.flow-node{border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:18px 16px;text-align:center}.flow-node .n-ic{width:30px;height:30px;margin:0 auto 10px;color:var(--accent)}.flow-node .n-t{font-family:var(--font-display);font-weight:600;font-size:16px}.flow-node .n-s{font-size:12.5px;color:var(--muted);margin-top:3px}.flow-node.mid{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 40px rgba(250,100,6,.16)}.flow-node.mid .n-ic{color:var(--brand-red)}.flow-wire{position:relative;height:2px;background:var(--line);margin:0 4px}.flow-wire .pkt{position:absolute;top:50%;left:0;width:9px;height:9px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);box-shadow:0 0 12px 2px rgba(250,100,6,.7);animation:travel 2.8s cubic-bezier(.6,0,.4,1) infinite}.flow-wire.w2 .pkt{animation-delay:1.4s;background:var(--brand-red);box-shadow:0 0 12px 2px rgba(232,73,44,.7)}@keyframes travel{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}to{left:100%;opacity:0}}@media (max-width:760px){.flow-track{grid-template-columns:1fr;gap:14px}.flow-wire{width:2px;height:30px;margin:0 auto}.flow-wire .pkt{animation-name:travelV}@keyframes travelV{0%{top:0;left:50%;opacity:0}12%{opacity:1}88%{opacity:1}to{top:100%;left:50%;opacity:0}}}.section{padding:84px 0;border-top:1px solid var(--line)}.sec-head{margin-bottom:50px}.sec-eyebrow{font-family:var(--font-mono);font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}.sec-title{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4vw,40px);letter-spacing:-1px;margin-top:12px;max-width:22ch}.sec-sub{color:var(--muted);margin-top:14px;max-width:60ch;font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}@media (max-width:880px){.cards{grid-template-columns:1fr}}.card{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:26px 24px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:var(--accent)}.card .c-ic{width:34px;height:34px;color:var(--accent);margin-bottom:16px}.card h3{font-family:var(--font-display);font-weight:600;font-size:19px}.card p{color:var(--muted);font-size:15.5px;margin-top:9px}.integ{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}@media (max-width:880px){.integ{grid-template-columns:repeat(2,1fr)}}.chip{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:22px 18px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.chip .ch-ic{width:26px;height:26px;color:var(--accent)}.chip .ch-t{font-family:var(--font-display);font-weight:600;font-size:16px}.chip .ch-s{font-size:13px;color:var(--muted)}.chip .ch-tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.5px;color:var(--accent);border:1px solid var(--line);border-radius:99px;padding:2px 8px;margin-top:2px}.trust{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:40px;gap:40px;align-items:center}@media (max-width:880px){.trust{grid-template-columns:1fr;gap:28px}}.trust ul{list-style:none;display:flex;flex-direction:column;gap:16px}.trust li{display:flex;gap:13px;align-items:flex-start;font-size:16px}.trust li .t-ic{width:21px;height:21px;flex:none;color:var(--accent);margin-top:3px}.trust li b{color:var(--text)}.trust li span{color:var(--muted)}.codecard{border:1px solid var(--line);border-radius:14px;background:var(--code-bg);overflow:hidden;font-family:var(--font-mono);font-size:13px}.codecard .cc-bar{display:flex;gap:7px;padding:13px 16px;border-bottom:1px solid var(--line);align-items:center}.codecard .cc-bar i{width:11px;height:11px;border-radius:50%;display:block}.codecard .cc-bar .lbl{margin-left:10px;color:#9daabc;font-size:12px}.codecard pre{padding:18px 18px 22px;overflow-x:auto;line-height:1.7;color:#c9cee6}.codecard .k{color:#f0935b}.codecard .s{color:#fa6406}.codecard .c{color:#6e7c90}.cta-final{text-align:center;padding:96px 0;border-top:1px solid var(--line)}.cta-final h2{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,5vw,52px);letter-spacing:-1.4px;max-width:18ch;margin:0 auto}.cta-final p{color:var(--muted);margin:20px auto 36px;max-width:50ch;font-size:18px}.footer{border-top:1px solid var(--line);padding:46px 0}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start}.footer .f-brand{font-family:var(--font-display);font-weight:700;font-size:18px;display:flex;align-items:center;gap:10px;color:var(--text)}.footer .f-brand .logo-k{height:26px;width:auto}.footer .f-meta{color:var(--muted);font-size:14px;margin-top:10px;max-width:42ch}.footer .f-col h4{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:14px;font-family:var(--font-mono);font-weight:500}.footer .f-col a{display:block;color:var(--text);font-size:14.5px;margin-bottom:9px;opacity:.82;transition:opacity .15s}.footer .f-col a:hover{opacity:1}.footer .f-legal{width:100%;margin-top:34px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer .f-legal .wakati{color:var(--accent)}.footer-linkbtn{background:none;border:0;color:var(--text);font:inherit;font-size:14.5px;opacity:.82;cursor:pointer;padding:0;margin-bottom:9px;display:block}.footer-linkbtn:hover{opacity:1}.modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(8,12,20,.66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:100%;max-width:540px;background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:30px 30px 28px;box-shadow:0 24px 70px rgba(0,0,0,.45);max-height:92vh;overflow-y:auto}.modal-close{position:absolute;top:14px;right:16px;width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:22px;line-height:1;cursor:pointer;transition:border-color .15s,color .15s}.modal-close:hover{border-color:var(--accent);color:var(--text)}.modal-title{font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--text);letter-spacing:-.5px}.modal-sub{color:var(--muted);font-size:15px;margin:8px 0 22px}.field-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:520px){.field-grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>span{font-size:13px;color:var(--muted);font-weight:500}.field input,.field select,.field textarea{font:inherit;font-size:15px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:11px 13px;transition:border-color .15s;width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.field textarea{resize:vertical}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.modal-submit{width:100%;margin-top:6px;border:0;cursor:pointer}.modal-submit:disabled{opacity:.6;cursor:default}.form-error{color:var(--brand-red);font-size:14px;margin:4px 0 14px}.modal-done{text-align:center;padding:14px 0 6px}.done-mark{width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:30px;display:grid;place-items:center;margin:0 auto 18px}.modal-done h3{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--text)}.modal-done p{color:var(--muted);margin:10px 0 22px}.modal-done .btn-primary{border:0;cursor:pointer}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:30px;gap:30px;align-items:center}.hero-text{min-width:0}.globe,.hero-visual{display:flex;justify-content:center;align-items:center}.globe{width:100%;max-width:460px;aspect-ratio:1}.globe canvas{max-width:100%;height:auto!important}@media (max-width:880px){.hero-grid{grid-template-columns:1fr;gap:0;position:relative}.hero-visual{position:absolute;inset:0;z-index:0;opacity:.18;pointer-events:none;justify-content:flex-end;align-items:flex-start}.hero-text{position:relative;z-index:1}.globe{max-width:320px}}.cover{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:28px;gap:28px;align-items:center}@media (max-width:880px){.cover{grid-template-columns:1fr;gap:20px}}.cover-rails{flex-direction:column}.cover-rails,.rail{display:flex;gap:14px}.rail{align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:16px 18px;transition:border-color .2s}.rail:hover{border-color:var(--accent)}.rail-ic{width:24px;height:24px;flex:none;color:var(--accent)}.rail-t{font-family:var(--font-display);font-weight:600;font-size:16px}.rail-s{font-size:13.5px;color:var(--muted);margin-top:2px}.cover-zone{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:28px 24px;text-align:center}.zone-big{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,5vw,42px);color:var(--accent);line-height:1;letter-spacing:-1px}.zone-big .zone-dot{color:var(--line)}.zone-sub{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.5}.zone-tag{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.5px;color:var(--accent);border:1px solid var(--line);border-radius:99px;padding:5px 13px;margin-top:18px}.nav-login{font-size:14.5px;color:var(--text);font-weight:600;padding:9px 16px;border:1px solid var(--line);border-radius:8px;transition:border-color .15s,background .15s}.nav-login:hover{border-color:var(--accent);background:var(--surface)}@media (max-width:720px){.nav-login{display:none}}