:root{--bg:#0F0D17;--bg2:#1E1B2E;--ink:#F2EFFA;--soft:#A9A3BF;--v:#7C3AED;--v2:#B79BFF;--amb:#F5B94A;--rule:#2E2A44}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 Manrope,system-ui,sans-serif;overflow-x:hidden}
a{color:inherit}h1,h2,h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;margin:0;line-height:1.08}
.top{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:14px 4vw;background:linear-gradient(#0F0D17cc,#0F0D1700);backdrop-filter:blur(6px)}
.logo{font:700 1.4rem "Bricolage Grotesque",serif;text-decoration:none}.logo span{color:var(--amb)}
.top nav{display:flex;gap:22px;font-size:.88rem;align-items:center}.top nav a{text-decoration:none;color:var(--soft)}.top nav a:hover{color:var(--ink)}
.top .cta{background:var(--v);color:#fff;padding:8px 16px;border-radius:99px}
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--v),var(--amb));z-index:60}
.eyebrow{font:600 .78rem Manrope;letter-spacing:.16em;text-transform:uppercase;color:var(--amb);margin:0 0 14px}
.btn{display:inline-block;background:var(--v);color:#fff;padding:14px 26px;border-radius:99px;text-decoration:none;font-weight:600;margin:6px 8px 6px 0;transition:.25s}.btn:hover{transform:translateY(-2px);background:#9059ff}
.btn.ghost{background:transparent;border:1px solid var(--v2)}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:hue-rotate(40deg) saturate(.8) brightness(.55)}
.veil{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,#7C3AED55,transparent 55%),linear-gradient(#0F0D17aa,#0F0D17)}
.hero-in{position:relative;padding:120px 6vw 60px;max-width:1100px}
.hero h1{font-size:clamp(2.2rem,6.8vw,5.45rem);font-weight:800;letter-spacing:-.02em}.hero h1 em{color:var(--amb);font-style:italic}.w{display:inline-block}
.lead{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--soft);max-width:60ch;margin:22px 0 30px}
.stats{display:flex;gap:34px;flex-wrap:wrap;margin:0 0 34px}.stats div{font:700 2.6rem "Bricolage Grotesque";color:var(--ink)}.stats small{display:block;font:500 .78rem Manrope;color:var(--soft);letter-spacing:.04em}
.statement{min-height:140vh;position:relative}.pin{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;padding:0 7vw}
.big{font:700 clamp(1.8rem,5vw,4rem)/1.15 "Bricolage Grotesque";max-width:20em;margin:0}.big .ch{opacity:.15;transition:opacity .2s}.big .ch.on{opacity:1}
.head{padding:0 6vw;margin-bottom:40px}.head h2{font-size:clamp(2rem,5vw,3.6rem)}
.careers{padding:100px 0;background:var(--bg2)}.track{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:22px;padding:0 6vw}
.career{background:var(--bg);border:1px solid var(--rule);border-radius:22px;padding:30px;position:relative;transition:.3s}
.career:hover{border-color:var(--v);transform:translateY(-6px)}.career .n{font:800 3.4rem "Bricolage Grotesque";color:var(--v);opacity:.5}.career h3{font-size:1.7rem;margin:4px 0}.sub{color:var(--amb);font-weight:600;margin:0 0 14px}
.career ul{padding-left:18px;margin:0;color:var(--soft)}.career li{margin:8px 0}
.timeline{padding:110px 0}.rail{position:relative;margin:0 6vw;padding-left:40px;max-width:900px}.line{position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--rule)}
.line::after{content:"";position:absolute;inset:0;background:linear-gradient(var(--v),var(--amb));transform-origin:top;transform:scaleY(var(--p,0))}
.step{position:relative;margin-bottom:56px}.dot{position:absolute;left:-40px;top:8px;width:18px;height:18px;border-radius:50%;background:var(--bg);border:3px solid var(--v)}
.step time{font:600 .85rem Manrope;color:var(--amb);letter-spacing:.1em}.step h3{font-size:1.9rem;margin:4px 0 6px}.step p{margin:0;color:var(--soft);max-width:60ch}
.clients{padding:90px 0;background:var(--bg2);overflow:hidden}.marq{overflow:hidden;white-space:nowrap}.marq-in{display:inline-flex;gap:14px;animation:m 55s linear infinite}
.marq span{border:1px solid var(--rule);padding:12px 22px;border-radius:99px;color:var(--soft)}@keyframes m{to{transform:translateX(-50%)}}
.ai{padding:110px 0}.ailist{list-style:none;counter-reset:a;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;padding:0 6vw;margin:0}
.ailist li{counter-increment:a;background:var(--bg2);border:1px solid var(--rule);border-radius:18px;padding:24px 24px 24px 70px;position:relative;color:var(--ink)}
.ailist li::before{content:counter(a,decimal-leading-zero);position:absolute;left:22px;top:20px;font:800 1.6rem "Bricolage Grotesque";color:var(--v)}
.port{padding:100px 0;background:var(--bg2)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:0 6vw}
figure{margin:0;position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#000}figure img{width:100%;height:100%;object-fit:cover;transition:.5s}figure:hover img{transform:scale(1.07)}
figcaption{position:absolute;inset:auto 0 0 0;padding:40px 16px 14px;background:linear-gradient(#0000,#000d);display:flex;flex-direction:column;font-size:.85rem}figcaption span{color:var(--soft)}.more{text-align:center;margin-top:34px}
.docs{padding:100px 0}.docgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:0 6vw}
.docgrid a{border:1px solid var(--rule);border-radius:18px;padding:26px;text-decoration:none;background:var(--bg2);transition:.25s}.docgrid a:hover{border-color:var(--amb);transform:translateY(-4px)}.docgrid b{display:block;font:700 1.25rem "Bricolage Grotesque"}.docgrid span{color:var(--soft);font-size:.9rem}
.contact{padding:120px 6vw;text-align:center;background:radial-gradient(circle at 50% 0,#7C3AED44,transparent 60%)}.contact h2{font-size:clamp(2.4rem,7vw,5rem)}.mail a{font:700 clamp(1.3rem,4vw,2.4rem) "Bricolage Grotesque";color:var(--amb)}
footer{text-align:center;padding:30px;color:var(--soft);font-size:.85rem;border-top:1px solid var(--rule)}
@media(max-width:760px){.top nav a:not(.cta){display:none}.stats{gap:20px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto}.big .ch{opacity:1}}

.chips{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px;max-width:70ch}.chips li{border:1px solid var(--rule);background:var(--bg2);border-radius:12px;padding:6px 12px;font-size:.85rem;color:var(--soft)}.chips li:first-child{border-color:var(--amb);color:var(--ink)}
.btn.wa{background:#1FA855;font-size:1.05rem}.btn.wa:hover{background:#25c063}
.wafab{position:fixed;right:18px;bottom:18px;z-index:55;background:#1FA855;color:#fff;text-decoration:none;font-weight:700;padding:12px 18px;border-radius:99px;box-shadow:0 8px 22px -6px #000a}
#pf{padding:0 6vw}.pf-intro{max-width:70ch;color:var(--soft);margin:0 0 22px}#pf .filters{margin:18px 0 26px}

/* === AI-I18N BEGIN === */
.top nav a.keep{white-space:nowrap}.top nav a.lang{border:1px solid var(--rule);border-radius:99px;padding:4px 10px;font-weight:700;color:var(--ink)}
@media(max-width:760px){.top nav a.keep{display:inline-block!important}.top nav{gap:12px}}
.hero-in .btn.ghost:last-child{border-color:var(--amb);color:var(--amb)}
#pf a.chip.ai{background:linear-gradient(120deg,#F5B94A,#FF7AB6);border:0;color:#1a1020;font-weight:700;text-decoration:none;gap:6px}
#pf a.chip.ai .arrow{font-size:14px;line-height:1}#pf a.chip.ai:hover{filter:brightness(1.08);transform:translateY(-1px)}
.more{text-align:center;margin:34px 0 0}
/* /ai */
.aihero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden}.aihero-bg{position:absolute;inset:0}.aihero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.95) brightness(.6)}
.aihero h1{font-size:clamp(2rem,5.6vw,4.6rem);font-weight:800;letter-spacing:-.02em;max-width:18ch}
.lede{color:var(--soft);max-width:68ch;margin:0 0 22px}
.pillars{padding:90px 0;background:var(--bg2)}.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:0 6vw}
.pill{background:var(--bg);border:1px solid var(--rule);border-radius:20px;padding:26px}.pill .pn{font:800 2.6rem "Bricolage Grotesque";color:var(--v);opacity:.7}.pill h3{font-size:1.4rem;margin:6px 0 8px}.pill p{margin:0;color:var(--soft)}
.aipf{padding:90px 0 0}.aipf>.head{padding:0;width:min(1200px,100% - 12vw);margin:0 auto 24px}.aipf .head h2{margin-bottom:12px}
.fchips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}.fchip{background:transparent;color:var(--soft);border:1px solid var(--rule);border-radius:99px;padding:8px 16px;font:600 .9rem Manrope;cursor:pointer;transition:.2s}
.fchip:hover{color:var(--ink);border-color:var(--v2)}.fchip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.aisec{padding:70px 6vw;border-top:1px solid var(--rule)}.aisec:nth-of-type(odd){background:linear-gradient(180deg,transparent,#7C3AED12)}.aisec[hidden]{display:none}
.aisec-in{max-width:1200px;margin:0 auto}.aisec h2{font-size:clamp(1.7rem,3.8vw,3rem);margin-bottom:12px}
.sites{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin-top:26px}
.site{background:var(--bg2);border:1px solid var(--rule);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.shot{position:relative;aspect-ratio:16/9;background:#000}.shot img,.sideimg img,.board img,.cap-img img{width:100%;height:100%;object-fit:cover;display:block}
.badge{position:absolute;top:12px;left:12px;background:var(--amb);color:#1a1020;font:700 .75rem Manrope;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:99px}
.sb{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}.sb h3{font-size:1.4rem}.sb p{margin:0;color:var(--soft);flex:1}.go{color:var(--amb);font-weight:700;text-decoration:none}.go:hover{text-decoration:underline}
.boards{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:26px;margin-top:26px}
.board{margin:0;aspect-ratio:auto;background:transparent;border-radius:0;overflow:visible}.board img{border-radius:16px;border:1px solid var(--rule);height:auto;transition:none}.board:hover img{transform:none}
.board figcaption{position:static;background:none;padding:14px 2px 0;display:flex;flex-direction:column;gap:4px;font-size:.95rem}.board figcaption b{font-size:1.05rem}.board figcaption span{color:var(--soft)}
.sideimg{margin-top:26px;border-radius:18px;overflow:hidden;border:1px solid var(--rule);aspect-ratio:16/7}
.rcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:22px}.rc{background:var(--bg2);border:1px solid var(--rule);border-radius:18px;padding:22px}.rc h3{font-size:1.2rem;margin-bottom:6px}.rc p{margin:0;color:var(--soft)}
.chan{margin-top:30px}.chan-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.chan-h h4{font:700 1.3rem "Bricolage Grotesque"}.chan-h a{color:var(--amb);text-decoration:none;font-weight:600}
.stat{color:var(--soft);font-size:.85rem;margin:6px 0 14px}.yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;align-items:start}
.yt-wrap{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;border:1px solid var(--rule)}.yt-wrap.v{aspect-ratio:9/16;max-width:230px}
.yt{all:unset;cursor:pointer;position:absolute;inset:0;display:block}.yt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yt::after{content:"";position:absolute;inset:0;background:linear-gradient(#0000 45%,#000c)}.yt:focus-visible{outline:3px solid var(--amb);outline-offset:-3px}
.play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--v);z-index:1;box-shadow:0 0 24px #7C3AEDaa}.play::before{content:"";position:absolute;left:22px;top:17px;border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.yt-t{position:absolute;left:10px;right:10px;bottom:8px;z-index:1;font-size:.78rem;font-weight:600;line-height:1.25;color:#fff}
.caps{padding:100px 0;background:var(--bg2)}.capgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:22px;padding:0 6vw}
.cap{background:var(--bg);border:1px solid var(--rule);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;border-top:4px solid var(--cc,var(--v))}
.cap.c1{--cc:#7C3AED}.cap.c2{--cc:#F5B94A}.cap.c3{--cc:#2DD4BF}.cap.c4{--cc:#FF7AB6}.cap.c5{--cc:#60A5FA}.cap.c6{--cc:#A3E635}
.cap-img{aspect-ratio:16/7;overflow:hidden}.cap-b{padding:24px 26px 28px}.cap-b h3{font-size:1.7rem;color:var(--cc);margin-bottom:12px}.cap-b ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.cap-b li{display:flex;flex-direction:column;gap:2px;padding-left:16px;border-left:2px solid var(--cc)}.cap-b li b{font-weight:700}.cap-b li span{color:var(--soft);font-size:.95rem}
@media(max-width:560px){.boards{grid-template-columns:1fr}.aisec{padding:54px 5vw}}
/* === AI-I18N END === */