:root{--bg:#0f0c0a;--surf:#1a1512;--txt:#fff4ea;--mut:#b9a99b;--o1:#f47b30;--o2:#fdb045;--o3:#e9532f;--bd:#3a2d25;--hdr:rgba(15,12,10,.78);--dot:253,176,69;--b1:#2ea8ff;--b2:#8fd6ff;--bl:46,168,255;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
/* Dark theme only. */
:root{color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(76px + env(safe-area-inset-top,0px))}
body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--hdr);backdrop-filter:blur(12px);z-index:80}
body::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.05;background:repeating-linear-gradient(0deg,var(--txt) 0 1px,transparent 1px 4px)}
a{color:inherit;text-decoration:none}
.w{max-width:1120px;margin:0 auto;padding:0 22px}
#fx{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
#glow{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(circle,rgba(var(--bl),.2),rgba(var(--bl),.06) 40%,transparent 68%);z-index:0;pointer-events:none;will-change:transform}
main,header,footer{position:relative;z-index:2}

/* header */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:70;background:var(--hdr);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--o1),transparent);opacity:.7}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.right{display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.14em;font-size:15px;line-height:1;white-space:nowrap;direction:ltr}
.brand img{width:38px;height:38px;flex:none;display:block}
.brand span b{color:var(--o1)}
.links{display:flex;align-items:center;gap:26px;font:13px var(--mono);color:var(--mut);text-transform:uppercase;letter-spacing:.08em}
.links a:hover{color:var(--b1)}
.btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--o3),var(--o1) 55%,var(--o2));color:#fff!important;padding:13px 26px;font:700 14px var(--mono);text-transform:uppercase;letter-spacing:.06em;border:0;cursor:pointer;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:filter .2s,transform .2s}
.btn:hover{filter:brightness(1.15) drop-shadow(0 0 10px rgba(244,123,48,.7));transform:translateY(-2px)}
.btn.o{background:none;clip-path:none;border:1px solid var(--o1);color:var(--txt)!important}
.btn.o:hover{background:rgba(244,123,48,.12)}
.langbtn{display:flex;align-items:center;gap:8px;background:var(--surf);color:var(--txt);border:1px solid var(--bd);padding:9px 12px;font:600 12px var(--mono);letter-spacing:.1em;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:border-color .2s,color .2s}
.langbtn:hover{border-color:var(--o1);color:var(--o2)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--o2);box-shadow:0 0 8px var(--o1);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.35}}
#burger{display:none;background:none;border:1px solid var(--bd);color:var(--txt);width:42px;height:42px;font-size:20px;cursor:pointer}

/* hero + sections */
.hero{min-height:calc(100vh - 68px);display:flex;align-items:center;gap:40px;padding-block:60px}
.hero .ht{flex:1;min-width:0}
.tag{display:inline-block;font:12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--b1);border:1px solid rgba(var(--bl),.45);padding:7px 14px;margin-bottom:22px;background:var(--surf)}
.tag::after{content:"_";animation:pulse 1s steps(2) infinite}
h1{font-size:clamp(34px,7vw,74px);line-height:1.08;margin:0 0 22px;letter-spacing:-.02em}
.grad{background:linear-gradient(120deg,var(--o3),var(--o1),var(--o2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--mut);font-size:19px;max-width:620px;margin:0 0 32px}
.row{display:flex;gap:14px;flex-wrap:wrap}
.stats{display:flex;gap:40px;margin-top:54px;flex-wrap:wrap}
.stats b{display:block;font:700 30px var(--mono)}
.stats small{color:var(--mut);font:12px var(--mono);text-transform:uppercase;letter-spacing:.08em}
section{padding:84px 0}
h2{font-size:clamp(28px,4.5vw,44px);margin:0 0 10px;letter-spacing:-.01em;line-height:1.2}
.sub{color:var(--mut);margin:0 0 34px;max-width:620px}
.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:22px}
.tab{flex:none;background:var(--surf);border:1px solid var(--bd);color:var(--mut);padding:10px 16px;cursor:pointer;font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.08em}
.tab:hover{border-color:var(--b1);color:var(--txt)}
.tab[aria-selected="true"]{background:var(--o1);border-color:var(--o1);color:#fff;box-shadow:0 0 18px rgba(244,123,48,.45)}
.hud{position:relative}
.hud::before,.hud::after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--o1);pointer-events:none}
.hud::before{top:-1px;inset-inline-start:-1px;border-inline-end:0;border-bottom:0}
.hud::after{bottom:-1px;inset-inline-end:-1px;border-color:var(--b1);border-inline-start:0;border-top:0}
.panel{background:var(--surf);border:1px solid var(--bd);padding:34px;display:grid;grid-template-columns:1.1fr 1fr;gap:34px;animation:in .45s ease}
@keyframes in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.panel h3{font-size:28px;margin:0 0 12px;line-height:1.25}
.panel p{color:var(--mut);margin:0 0 20px}
.panel ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.panel li{padding:12px 16px;padding-inline-start:42px;border:1px solid var(--bd);position:relative;font-size:15px;background:linear-gradient(90deg,rgba(244,123,48,.07),transparent)}
[dir="rtl"] .panel li{background:linear-gradient(270deg,rgba(244,123,48,.07),transparent)}
.panel li::before{content:"";position:absolute;inset-inline-start:16px;top:50%;width:12px;height:12px;margin-top:-6px;background:linear-gradient(135deg,var(--o3),var(--o2));clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{background:var(--surf);border:1px solid var(--bd);padding:24px;transition:border-color .2s,transform .2s}
.card:hover{border-color:var(--o1);transform:translateY(-4px)}
.card b{color:var(--o1);font:700 13px var(--mono);letter-spacing:.1em}
.card h3{margin:6px 0}
.card p{margin:0;color:var(--mut);font-size:14px}
.cta{text-align:center;background:linear-gradient(135deg,var(--o3),var(--o1) 55%,var(--o2));padding:56px 24px;color:#fff}
.cta p{margin:0 0 26px;opacity:.92}
.cta .btn{background:#fff;color:#1d1410!important}

/* footer */
footer{border-top:1px solid var(--bd);background:var(--hdr);backdrop-filter:blur(14px);padding:52px 0 24px}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:34px}
.fg h4{margin:0 0 14px;font:12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--b1)}
.fg a{display:block;color:var(--mut);margin-bottom:8px;font-size:14px}
.fg a:hover{color:var(--b1)}
.fg a.brand{display:flex;align-items:center;gap:10px;margin:0;color:var(--txt);font-size:15px}
.fg p{color:var(--mut);font-size:14px;margin:14px 0 0;max-width:320px}
.fg a.sc{display:flex;width:190px;max-width:100%;box-sizing:border-box;align-items:center;gap:10px;border:1px solid var(--bd);padding:10px 18px;color:var(--txt);margin:0 0 10px;font:13px var(--mono)}
.fg a.sc:hover{border-color:var(--o1);color:var(--o2)}
.copy{border-top:1px solid var(--bd);margin-top:34px;padding-top:20px;color:var(--mut);font:12px var(--mono);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

/* Language Matrix (always dark HUD) */
#lx{display:none;position:fixed;inset:0;z-index:100;overflow:auto;background:rgba(8,6,5,.95);color:#fff4ea;--bd:#3a2d25;--mut:#b9a99b}
#lx.show{display:block}
#lx{will-change:opacity}
#lx.open{animation:lxin .3s cubic-bezier(.2,.7,.2,1) both}
#lx.closing{animation:fadeout .25s ease forwards}
.lx-open header,.lx-open footer{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@keyframes lxin{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
@keyframes flick{0%{opacity:0}15%{opacity:1}25%{opacity:.15}40%{opacity:1}55%{opacity:.45}70%,100%{opacity:1}}
@keyframes fadeout{to{opacity:0}}
#lx::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 3px)}
#lx-rain{position:fixed;inset:0;width:100%;height:100%;opacity:.3;pointer-events:none}
.lx-in{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:calc(36px + env(safe-area-inset-top,0px)) 22px 60px}
.lx-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px}
.lx-k{font:700 13px var(--mono);letter-spacing:.22em;color:var(--o2);margin-bottom:6px}
.lx-h{font-size:clamp(26px,5vw,42px);font-weight:800;line-height:1.15}
.lx-x{flex:none;width:44px;height:44px;background:none;border:1px solid var(--bd);color:#fff4ea;font-size:18px;cursor:pointer}
.lx-x:hover,.lx-x:focus-visible{border-color:var(--o1);color:var(--o2);outline:0}
.lx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.lx-c{text-align:start;background:rgba(26,21,18,.88);border:1px solid var(--bd);color:inherit;padding:20px;cursor:pointer;display:grid;gap:4px;font:inherit;transition:border-color .2s,box-shadow .2s,transform .2s}
.lx-c:hover,.lx-c:focus-visible{border-color:var(--o1);box-shadow:0 0 28px rgba(244,123,48,.45),inset 0 0 22px rgba(244,123,48,.14);transform:translateY(-3px);outline:0}
.lx-c[aria-selected="true"]{border-color:var(--o2);background:rgba(244,123,48,.15)}
.lx-c[aria-selected="true"] .lx-code::after{content:" ● ACTIVE";color:var(--o2)}
.lx-code{font:700 12px var(--mono);letter-spacing:.2em;color:var(--o1)}
.lx-name{font-size:26px;font-weight:700;line-height:1.3}
.lx-sub{font:12px var(--mono);color:var(--mut);text-transform:uppercase;letter-spacing:.1em}

/* RTL / complex scripts: joined letters must not be letter-spaced */
html:is([lang="ar"],[lang="hi"]) *:not(.brand):not(.brand *){letter-spacing:0!important}

html:is([lang="ja"],[lang="zh-CN"]) :is(h1,h2,h3,p,li){word-break:auto-phrase;line-break:strict}

@media(max-width:820px){
  #burger{display:block}
  .right{gap:10px}
  .links{display:none;position:absolute;left:0;right:0;top:68px;flex-direction:column;align-items:flex-start;gap:16px;background:var(--bg);border-bottom:1px solid var(--bd);padding:22px}
  .links.open{display:flex}
  .panel{grid-template-columns:1fr}
  .fg{grid-template-columns:1fr 1fr;gap:28px 24px}
  .fg>:first-child{grid-column:1/-1}
  .panel{padding:24px}
  .brand span{font-size:13px}
}
@media(max-width:480px){.fg{grid-template-columns:1fr}}
@media(max-width:380px){.brand span{display:none}}
/* cursor */
html.has-cur,html.has-cur *{cursor:none!important}
#cur{position:fixed;left:0;top:0;z-index:2147483000;pointer-events:none;opacity:0;width:26px;height:30px;will-change:transform;filter:drop-shadow(0 0 5px rgba(244,123,48,.85));transition:opacity .2s}
#cur svg{width:100%;height:100%;overflow:visible;transform-origin:2px 2px;transition:transform .18s}
#cur .a{fill:var(--o1);stroke:#ffd9b0;stroke-width:1;stroke-linejoin:miter}
#cur.hov svg{transform:scale(1.35) rotate(-8deg)}
#cur.dn svg{transform:scale(.85)}
/* scroll storytelling */
#sp{position:fixed;left:0;top:0;right:0;height:3px;z-index:60;pointer-events:none}
#sp i{display:block;height:100%;background:linear-gradient(90deg,var(--o3),var(--o1),var(--b1));transform:scaleX(0);transform-origin:left;box-shadow:0 0 10px var(--o1)}
html[dir=rtl] #sp i{transform-origin:right}
.rv{opacity:0;transform:translateY(34px);filter:blur(6px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1),filter .8s}
.rv.in{opacity:1;transform:none;filter:none}
@media(max-width:820px){}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}#glow{display:none}}
/* Iron AI chat */
#ai-b{position:fixed;inset-block-end:78px;inset-inline-end:18px;z-index:90;width:64px;height:64px;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 0 14px rgba(244,123,48,.65));animation:aibob 3.2s ease-in-out infinite;transition:filter .2s}
#ai-b:hover{filter:drop-shadow(0 0 20px rgba(var(--bl),.8))}
#ai-b.on{animation:none;filter:drop-shadow(0 0 16px rgba(var(--bl),.7))}
@keyframes aibob{50%{transform:translateY(-5px)}}
.rb{display:block;overflow:visible}
.rb-a{fill:var(--b1);animation:pulse 1.4s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(var(--bl),.9))}
.rb-e rect{fill:#8fd6ff;filter:drop-shadow(0 0 3px rgba(var(--bl),.9));transform:translate(calc(var(--ex,0)*1px),calc(var(--ey,0)*1px));transform-origin:center;transform-box:fill-box;animation:aiblink 4.5s infinite}
@keyframes aiblink{0%,92%,100%{transform:translate(calc(var(--ex,0)*1px),calc(var(--ey,0)*1px)) scaleY(1)}95%{transform:translate(calc(var(--ex,0)*1px),calc(var(--ey,0)*1px)) scaleY(.1)}}
.ai-av{display:grid;place-items:center;margin-inline-end:2px}
#ai{position:fixed;inset-block-end:150px;inset-inline-end:20px;z-index:90;width:380px;max-width:calc(100vw - 24px);height:min(540px,calc(100vh - 170px));display:flex;flex-direction:column;background:var(--surf);border:1px solid var(--bd);box-shadow:0 10px 50px rgba(0,0,0,.35),0 0 30px rgba(var(--bl),.15);animation:aiin .25s cubic-bezier(.2,.7,.2,1)}
#ai[hidden]{display:none}
@keyframes aiin{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.ai-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--bd);font:700 13px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.ai-h b{color:var(--o1)}
.ai-d{font-style:normal;font-size:10px;color:var(--b1);border:1px solid rgba(var(--bl),.5);padding:2px 7px}
.ai-x{margin-inline-start:auto;background:none;border:0;color:var(--mut);font-size:16px;cursor:pointer}
.ai-m{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.ai-b{max-width:88%;padding:10px 14px;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.ai-b.bot{align-self:flex-start;background:rgba(var(--bl),.1);border:1px solid rgba(var(--bl),.3)}
.ai-b.user{align-self:flex-end;background:linear-gradient(135deg,var(--o3),var(--o1));color:#fff}
.ai-b a{color:var(--b1);text-decoration:underline}
.ai-b.typ{animation:pulse 1s steps(2) infinite}
.ai-c{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 10px}
.ai-c button{background:none;border:1px solid var(--bd);color:var(--txt);padding:7px 12px;font:12px var(--mono);cursor:pointer;text-align:start}
.ai-c button:hover{border-color:var(--b1);color:var(--b1)}
.ai-f{display:flex;border-top:1px solid var(--bd)}
.ai-f input{flex:1;min-width:0;background:none;border:0;color:var(--txt);padding:14px 16px;font:15px inherit;outline:0}
.ai-f button{background:none;border:0;color:var(--o1);padding:0 18px;font-size:18px;cursor:pointer}
.ai-wa{display:block;text-align:center;padding:9px;font:12px var(--mono);color:var(--b1);border-top:1px solid var(--bd)}
@media(max-width:480px){#ai{inset-inline:12px;width:auto;inset-block-end:144px}#ai-b{inset-block-end:72px;inset-inline-end:12px}#ai-k{inset-inline-end:84px;inset-block-end:92px;max-width:calc(100vw - 100px)}}
html.lx-open #ai,html.lx-open #ai-b{display:none}
#ai-k{position:fixed;z-index:90;inset-block-end:98px;inset-inline-end:92px;max-width:260px;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;cursor:pointer;color:#e8f6ff;font:600 13px/1.5 var(--mono);background:linear-gradient(135deg,#0a2a4a,#0f4c85 60%,#1676d2);border:1px solid rgba(143,214,255,.55);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:0 0 24px rgba(var(--bl),.5);animation:aikin .45s cubic-bezier(.2,.9,.3,1.2)}
#ai-k[hidden]{display:none}
#ai-k::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px)}
#ai-k span::after{content:"_";animation:pulse 1s steps(2) infinite;color:var(--b2)}
#ai-k button{flex:none;background:none;border:0;color:#8fd6ff;cursor:pointer;font-size:12px;padding:0}
@keyframes aikin{from{opacity:0;transform:translateX(20px) scale(.9)}to{opacity:1;transform:none}}
html.lx-open #ai-k{display:none}
/* Where we're awake */
.awk{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.awk-g{aspect-ratio:1;width:100%;max-width:480px;justify-self:center}
#globe{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}
#globe:active{cursor:grabbing}
.awk-c{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 18px}
.clk{background:var(--surf);border:1px solid var(--bd);padding:16px 18px}
.clk small{display:block;color:var(--mut);font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.clk b{font:700 clamp(22px,3.6vw,30px) var(--mono);letter-spacing:.04em}
.awk-a{color:var(--mut);font-size:14px;margin:16px 0 0;max-width:460px}
@media(max-width:820px){.awk{grid-template-columns:1fr;gap:24px}.awk-g{max-width:340px}}
/* legal pages */
.legal{max-width:820px;padding-block:56px}
.legal h1{font-size:clamp(30px,5vw,46px);margin:0 0 8px;letter-spacing:-.01em}
.legal .upd{color:var(--mut);font:13px var(--mono);margin:0 0 36px}
.legal h2{font-size:20px;margin:34px 0 10px;color:var(--txt)}
.legal h2::before{content:"";display:inline-block;width:8px;height:8px;margin-inline-end:10px;background:var(--o1);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}
.legal p,.legal li{color:var(--mut);font-size:15.5px;line-height:1.75}
.legal p{margin:0 0 12px}
.legal ul{margin:0 0 12px;padding-inline-start:22px}
.legal b{color:var(--txt)}
.legal a{color:var(--b1);text-decoration:underline}
.lgl a{color:inherit;text-decoration:none}
.lgl a:hover{color:var(--b1)}
.lgl i{font-style:normal;margin:0 8px;opacity:.6}
#doc{position:fixed;inset:0;z-index:95;overflow:auto;background:var(--bg);padding-top:68px}
#doc[hidden]{display:none}
.doc-x{position:sticky;top:0;float:inline-end;margin-top:-30px;background:var(--surf);border:1px solid var(--bd);color:var(--txt);width:40px;height:40px;cursor:pointer;font-size:16px}