@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#07090d;--bg2:#0b0f16;--panel:#0e131c;--panel2:#131a25;--text:#f7f8fb;--muted:#9ca8b8;--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.17);--orange:#ff6b21;--amber:#ffb347;--green:#62e6b6;--cyan:#67d8ff;--shadow:0 32px 100px rgba(0,0,0,.38);--max:1580px;--nav:rgba(7,9,13,.72)}
[data-theme="light"]{--bg:#f4f2ed;--bg2:#ebe8e1;--panel:#fffdfa;--panel2:#f0ede7;--text:#15181d;--muted:#626c78;--line:rgba(17,24,39,.11);--line2:rgba(17,24,39,.2);--shadow:0 30px 80px rgba(31,38,48,.12);--nav:rgba(250,248,243,.78)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.65;overflow-x:hidden;transition:background .35s,color .35s}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 12% 0%,rgba(255,107,33,.16),transparent 28%),radial-gradient(circle at 88% 18%,rgba(103,216,255,.08),transparent 24%),linear-gradient(180deg,transparent 0 68%,rgba(255,179,71,.03));}body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.17;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 70%)}[data-theme="light"] body:after{opacity:.08}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.shell{width:min(calc(100% - 56px),var(--max));margin:auto}.eyebrow{font:700 .72rem/1 'Manrope';letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}h1,h2,h3{font-family:'Manrope',sans-serif;margin:0;letter-spacing:-.05em}h1{font-size:clamp(4.2rem,9.4vw,10.2rem);line-height:.84}h2{font-size:clamp(2.6rem,5vw,5.8rem);line-height:.93}h3{font-size:1.35rem}.muted{color:var(--muted)}.nav{position:fixed;z-index:1000;top:18px;left:50%;transform:translateX(-50%);width:min(calc(100% - 34px),1510px);height:72px;padding:0 14px 0 24px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:var(--nav);backdrop-filter:blur(22px) saturate(135%);border-radius:22px;box-shadow:0 14px 50px rgba(0,0,0,.18)}.brand{display:flex;align-items:center;gap:11px;font-family:'Manrope';font-weight:800;letter-spacing:.05em}.brand img{width:34px;height:34px;object-fit:contain}.navlinks{display:flex;gap:28px;font-size:.9rem;color:var(--muted)}.navlinks a{position:relative}.navlinks a:after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:-7px;background:var(--amber);transition:.25s}.navlinks a:hover{color:var(--text)}.navlinks a:hover:after{right:0}.nav-actions{display:flex;gap:9px;align-items:center}.icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);cursor:pointer;transition:.25s}.icon-btn:hover{transform:rotate(8deg) scale(1.04);border-color:var(--line2)}.icon-btn svg{width:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:999px;font-weight:700;border:1px solid var(--line);background:rgba(255,255,255,.025);transition:.25s}.btn.primary{background:linear-gradient(135deg,var(--orange),var(--amber));border:0;color:#180a03;box-shadow:0 15px 40px rgba(255,107,33,.2)}.btn:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(0,0,0,.18)}.hero{min-height:100vh;display:grid;place-items:center;padding:155px 0 90px;text-align:center;position:relative;overflow:hidden}.hero-art{position:absolute;inset:0;pointer-events:none}.halo{position:absolute;left:50%;top:50%;width:min(70vw,920px);aspect-ratio:1;transform:translate(-50%,-48%);border:1px solid var(--line);border-radius:50%;animation:spin 30s linear infinite}.halo:before,.halo:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%}.halo:before{inset:12%}.halo:after{inset:27%}.node{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--amber);box-shadow:0 0 35px var(--amber)}.node.n1{left:14%;top:24%;animation:float 5s ease-in-out infinite}.node.n2{right:17%;top:34%;background:var(--cyan);box-shadow:0 0 35px var(--cyan);animation:float 6s ease-in-out infinite reverse}.node.n3{left:28%;bottom:16%;background:var(--green);box-shadow:0 0 35px var(--green);animation:float 7s ease-in-out infinite}.hero-inner{position:relative;z-index:2;max-width:1400px}.hero h1 span{display:block;background:linear-gradient(110deg,var(--text) 20%,var(--muted) 58%,var(--text));-webkit-background-clip:text;color:transparent}.hero p{max-width:850px;margin:30px auto 0;font-size:clamp(1.08rem,1.5vw,1.35rem);color:var(--muted)}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:36px}.orbit{margin:68px auto 0;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.pill{padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.035);font-size:.82rem;color:var(--muted);backdrop-filter:blur(8px);animation:rise .7s both}.pill:nth-child(2){animation-delay:.08s}.pill:nth-child(3){animation-delay:.16s}.pill:nth-child(4){animation-delay:.24s}.pill:nth-child(5){animation-delay:.32s}.scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.scroll-cue:after{content:"";display:block;width:1px;height:38px;background:linear-gradient(var(--amber),transparent);margin:9px auto 0;animation:pulse 1.8s ease infinite}.section{padding:125px 0;position:relative}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end;margin-bottom:58px}.section-head p{max-width:610px;margin:0;color:var(--muted);font-size:1.1rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:30px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));box-shadow:var(--shadow)}.stat{padding:40px;border-right:1px solid var(--line);position:relative}.stat:last-child{border-right:0}.stat strong{display:block;font:800 clamp(2.4rem,4vw,4.7rem)/1 'Manrope';letter-spacing:-.07em}.stat span{color:var(--muted);font-size:.9rem}.stat:before{content:"";position:absolute;left:0;top:0;right:100%;height:2px;background:linear-gradient(90deg,var(--orange),var(--amber));transition:.6s}.stat:hover:before{right:0}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.card{grid-column:span 4;padding:30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));min-height:280px;position:relative;overflow:hidden;transition:.35s;transform-style:preserve-3d}.card:hover{transform:translateY(-7px);border-color:rgba(255,174,67,.38);box-shadow:var(--shadow)}.card.feature{grid-column:span 8;min-height:450px}.card-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(255,179,71,.1);border:1px solid rgba(255,179,71,.2);color:var(--amber)}.card-icon svg{width:25px;height:25px}.card .num{position:absolute;right:24px;top:24px;font:700 .68rem 'Manrope';letter-spacing:.15em;color:var(--muted)}.card h3{margin:55px 0 14px;font-size:1.85rem}.card p{color:var(--muted);margin:0}.card.feature h3{font-size:clamp(2.7rem,5vw,5.2rem);max-width:760px;margin-top:70px}.card.feature:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-120px;bottom:-180px;background:radial-gradient(circle,rgba(255,107,33,.26),transparent 67%)}.product-strip{display:grid;gap:24px}.product{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding:58px;border:1px solid var(--line);border-radius:36px;background:var(--panel);min-height:470px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.product:nth-child(even){grid-template-columns:.9fr 1.1fr}.product:nth-child(even) .visual{order:-1}.product h3{font-size:clamp(3rem,5vw,5.7rem)}.product .meta{color:var(--amber);text-transform:uppercase;letter-spacing:.15em;font-size:.74rem}.visual{min-height:350px;border-radius:28px;background:radial-gradient(circle at 25% 15%,rgba(255,174,67,.27),transparent 38%),linear-gradient(145deg,var(--panel2),var(--bg2));border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:30px;overflow:hidden;position:relative}.visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:34px 34px;opacity:.35}.dashboard{position:relative;z-index:1;width:100%;max-width:530px;border:1px solid var(--line2);background:var(--bg2);border-radius:22px;padding:20px;box-shadow:0 40px 80px rgba(0,0,0,.4);transform:perspective(900px) rotateY(-8deg) rotateX(4deg);animation:drift 7s ease-in-out infinite}.dash-top{display:flex;justify-content:space-between;align-items:center}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green);display:inline-block;margin-right:7px}.bars{display:flex;align-items:end;gap:8px;height:150px;margin-top:20px}.bars i{display:block;flex:1;background:linear-gradient(var(--amber),var(--orange));border-radius:6px 6px 0 0;transform-origin:bottom;animation:bars 1.2s both}.phone{position:relative;z-index:1;width:210px;height:420px;border-radius:38px;border:7px solid var(--text);background:linear-gradient(160deg,var(--orange),#8d2eff 52%,#182433);padding:22px;box-shadow:0 35px 80px rgba(0,0,0,.35);transform:rotate(7deg);animation:drift 6s ease-in-out infinite reverse}.phone:before{content:"";position:absolute;width:72px;height:18px;border-radius:20px;background:var(--text);top:8px;left:50%;transform:translateX(-50%)}.chatline{height:38px;border-radius:16px;background:rgba(255,255,255,.24);margin:22px 0 0}.chatline:nth-child(2){width:74%;margin-left:auto}.chatline:nth-child(3){width:88%}.chatline:nth-child(4){width:63%;margin-left:auto}.logo-cloud{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.logo-cloud span{padding:18px 16px;border:1px solid var(--line);border-radius:16px;color:var(--muted);background:rgba(255,255,255,.025);text-align:center;font-weight:600;transition:.25s}.logo-cloud span:hover{color:var(--text);transform:translateY(-3px);border-color:var(--line2)}.quote{font:600 clamp(2rem,4vw,4.8rem)/1.08 'Manrope';max-width:1250px;position:relative}.quote:before{content:'“';position:absolute;left:-55px;top:-55px;font-size:10rem;color:rgba(255,179,71,.12)}.cta{padding:75px;border:1px solid var(--line);border-radius:38px;background:radial-gradient(circle at 85% 20%,rgba(255,107,33,.34),transparent 28%),var(--panel);display:flex;align-items:end;justify-content:space-between;gap:40px;overflow:hidden}.footer{padding:65px 0 30px;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;border-top:1px solid var(--line);padding-top:46px}.footer a{display:block;margin:8px 0;color:var(--muted)}.page-hero{padding:200px 0 95px}.page-hero p{max-width:760px;font-size:1.2rem;color:var(--muted)}.list-card{padding:30px;border:1px solid var(--line);border-radius:24px;background:var(--panel);margin-bottom:14px;transition:.25s}.list-card:hover{transform:translateX(5px);border-color:var(--line2)}.job{display:flex;align-items:center;justify-content:space-between;gap:25px}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.person{border:1px solid var(--line);border-radius:30px;overflow:hidden;background:var(--panel);transition:.35s}.person:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.person img{width:100%;aspect-ratio:1.18;object-fit:cover;filter:saturate(.85);transition:.5s}.person:hover img{transform:scale(1.025);filter:saturate(1)}.person-body{padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}input,select,textarea{width:100%;padding:15px 16px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;color:var(--text);font:inherit}textarea{min-height:140px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post{padding:28px;border:1px solid var(--line);border-radius:26px;background:var(--panel);min-height:300px;display:flex;flex-direction:column;transition:.3s}.post:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.post .tag{color:var(--amber);font-size:.78rem}.post h3{margin:42px 0 14px}.post .date{margin-top:auto;color:var(--muted)}.mobile-menu{display:none}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.in{opacity:1;transform:none}
@keyframes spin{to{transform:translate(-50%,-48%) rotate(360deg)}}@keyframes float{50%{transform:translateY(-22px) scale(1.2)}}@keyframes pulse{50%{opacity:.25;transform:scaleY(.65)}}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes drift{50%{transform:perspective(900px) rotateY(-5deg) rotateX(2deg) translateY(-12px)}}@keyframes bars{from{transform:scaleY(.08)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:1050px){.navlinks{display:none}.navlinks.open{display:flex;position:absolute;top:82px;left:0;right:0;flex-direction:column;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:20px}.mobile-menu{display:grid}.nav .btn.primary{display:none}.section-head,.product,.product:nth-child(even){grid-template-columns:1fr}.product:nth-child(even) .visual{order:0}.card,.card.feature{grid-column:span 6}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.footer-grid{grid-template-columns:1fr 1fr}.blog-grid{grid-template-columns:1fr 1fr}.logo-cloud{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.shell{width:min(calc(100% - 28px),var(--max))}.nav{top:8px;height:62px}.brand{font-size:.9rem}.hero{padding-top:120px}.hero h1{font-size:3.7rem}.halo{width:120vw}.section{padding:82px 0}.section-head{grid-template-columns:1fr;gap:22px}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.card,.card.feature{grid-column:1/-1}.product{padding:28px}.visual{min-height:290px}.cta{padding:38px;display:block}.cta .actions{justify-content:flex-start}.footer-grid,.team-grid,.blog-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.page-hero{padding-top:145px}.job{align-items:flex-start;flex-direction:column}.logo-cloud{grid-template-columns:repeat(2,1fr)}.quote:before{left:-10px;top:-70px}.phone{transform:scale(.86) rotate(6deg)}}

/* --- Tricona Flagship 2026 --- */
.hero-2026{min-height:100svh;position:relative;display:grid;align-items:center;padding:145px 0 80px;overflow:hidden}.hero-2026:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;position:relative;z-index:2}.hero-copy{max-width:900px}.hero-copy h1{font-size:clamp(4.4rem,8.8vw,9.5rem);max-width:1000px}.hero-copy h1 span{display:block;color:transparent;background:linear-gradient(90deg,var(--amber),var(--orange),#ff4d9d);background-clip:text;-webkit-background-clip:text}.hero-copy p{font-size:clamp(1.05rem,1.5vw,1.35rem);max-width:720px;color:var(--muted);margin:28px 0}.hero-proof{display:flex;gap:26px;flex-wrap:wrap;margin-top:35px;color:var(--muted);font-size:.82rem}.hero-proof span{padding-left:14px;border-left:1px solid var(--line2)}#network-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.5}.ambient i{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:-3;animation:ambient 14s ease-in-out infinite}.ambient i:nth-child(1){width:420px;height:420px;background:rgba(255,107,33,.18);left:-120px;top:8%}.ambient i:nth-child(2){width:420px;height:420px;background:rgba(69,118,255,.12);right:-100px;top:35%;animation-delay:-5s}.ambient i:nth-child(3){width:300px;height:300px;background:rgba(255,64,145,.09);left:45%;bottom:4%;animation-delay:-9s}.globe-stage{min-height:650px;position:relative;display:grid;place-items:center}.globe{width:min(36vw,540px);aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.17),transparent 18%),radial-gradient(circle at 60% 60%,rgba(255,107,33,.17),transparent 45%),#09111d;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 100px rgba(255,107,33,.18),inset -70px -30px 120px rgba(0,0,0,.8);overflow:hidden;animation:globeFloat 8s ease-in-out infinite}.globe-grid{position:absolute;inset:-25%;border-radius:50%;background-image:repeating-radial-gradient(circle at 50% 50%,transparent 0 28px,rgba(255,255,255,.08) 29px 30px),repeating-linear-gradient(90deg,transparent 0 49px,rgba(255,255,255,.08) 50px 51px);animation:globeSpin 18s linear infinite}.route{position:absolute;width:70%;height:30%;border-top:1px solid rgba(255,179,71,.65);border-radius:50%;left:15%;top:42%;transform:rotate(12deg);filter:drop-shadow(0 0 8px var(--amber));animation:routePulse 2.8s ease-in-out infinite}.route.r2{transform:rotate(-33deg);top:48%;animation-delay:-1s}.route.r3{transform:rotate(72deg);top:37%;animation-delay:-2s}.city{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 20px var(--amber);animation:cityPulse 2s infinite}.c1{left:28%;top:35%}.c2{left:61%;top:28%;animation-delay:-.5s}.c3{left:72%;top:58%;animation-delay:-1s}.c4{left:38%;top:68%;animation-delay:-1.5s}.c5{left:50%;top:50%;animation-delay:-.8s}.orbit-label{position:absolute;padding:8px 12px;border:1px solid var(--line2);background:var(--nav);backdrop-filter:blur(12px);border-radius:99px;font:700 .65rem 'Manrope';letter-spacing:.15em;color:var(--text);animation:labelFloat 6s ease-in-out infinite}.o1{left:2%;top:22%}.o2{right:0;top:31%;animation-delay:-1.5s}.o3{right:10%;bottom:22%;animation-delay:-3s}.o4{left:4%;bottom:28%;animation-delay:-4.5s}.signal-card{position:absolute;right:4%;bottom:3%;padding:18px 22px;border:1px solid var(--line2);background:var(--nav);backdrop-filter:blur(18px);border-radius:20px;display:grid;box-shadow:var(--shadow)}.signal-card span{font-size:.65rem;letter-spacing:.15em;color:var(--green)}.signal-card strong{font:800 2rem 'Manrope'}.signal-card small{color:var(--muted)}.ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--panel)}.ticker-track{display:flex;width:max-content;gap:54px;padding:17px 0;animation:ticker 28s linear infinite}.ticker-track span{font:700 .75rem 'Manrope';letter-spacing:.18em;color:var(--muted)}.ticker-track span:before{content:"✦";color:var(--orange);margin-right:54px}.split-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:start}.split-intro p{font-size:1.22rem;color:var(--muted);margin-top:0}.stats.compact{margin-top:34px;grid-template-columns:repeat(3,1fr)}.stats.compact .stat{padding:24px 20px}.stats.compact strong:after{content:"+"}.platforms{padding-top:20px}.showcase{min-height:650px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;border-top:1px solid var(--line);padding:95px 0;position:relative}.showcase:nth-child(odd){grid-template-columns:1.05fr .95fr}.showcase:nth-child(odd) .showcase-visual{order:-1}.showcase-copy{max-width:650px}.showcase-copy h3{font-size:clamp(4rem,8vw,8.2rem);line-height:.85;margin:18px 0 25px}.showcase-copy p{font-size:1.12rem;color:var(--muted)}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.chips span,.language-cloud span{padding:7px 11px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:.78rem;background:rgba(255,255,255,.025)}.text-link{font-weight:700;color:var(--amber)}.showcase-visual{height:520px;position:relative;border-radius:38px;border:1px solid var(--line);background:radial-gradient(circle at 20% 10%,rgba(255,107,33,.19),transparent 35%),var(--panel);overflow:hidden;display:grid;place-items:center;box-shadow:var(--shadow)}.showcase-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px;opacity:.18;mask-image:linear-gradient(to bottom,black,transparent)}.elara-console{position:relative;z-index:2;width:82%;padding:28px;border:1px solid var(--line2);border-radius:24px;background:rgba(7,9,13,.88);backdrop-filter:blur(18px);transform:perspective(1000px) rotateY(-7deg) rotateX(4deg);animation:consoleFloat 7s ease-in-out infinite}.console-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.74rem}.console-number{font:800 clamp(2.6rem,5vw,4.8rem) 'Manrope';margin:15px 0}.console-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:22px}.mini-chart{height:160px;display:flex;gap:8px;align-items:end}.mini-chart i{flex:1;background:linear-gradient(var(--amber),var(--orange));height:var(--h,70%);border-radius:6px 6px 2px 2px;animation:barWave 2s ease-in-out infinite}.mini-chart i:nth-child(1){--h:38%}.mini-chart i:nth-child(2){--h:62%;animation-delay:-.2s}.mini-chart i:nth-child(3){--h:54%;animation-delay:-.4s}.mini-chart i:nth-child(4){--h:88%;animation-delay:-.6s}.mini-chart i:nth-child(5){--h:71%;animation-delay:-.8s}.mini-chart i:nth-child(6){--h:96%;animation-delay:-1s}.mini-chart i:nth-child(7){--h:82%;animation-delay:-1.2s}.mini-metrics{display:grid;gap:9px}.mini-metrics span,.console-feed span{padding:11px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:.72rem}.mini-metrics b{display:block;color:var(--text);font-size:1.05rem}.console-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.fraud-map{background:radial-gradient(circle at 50% 50%,rgba(255,58,58,.15),transparent 30%),#090c12}.fraud-map svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.fraud-map path{fill:none;stroke:rgba(255,107,33,.6);stroke-width:1.5;stroke-dasharray:8 12;animation:dash 7s linear infinite}.fraud-core{position:relative;z-index:3;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(255,69,69,.2),#100d12);border:1px solid rgba(255,91,91,.5);box-shadow:0 0 70px rgba(255,74,74,.2);color:#ff8b8b;font:700 .7rem 'Manrope';letter-spacing:.14em}.fraud-core strong{font-size:1rem;color:#fff}.fraud-node{position:absolute;z-index:3;padding:10px 13px;border:1px solid var(--line2);border-radius:12px;background:rgba(10,13,19,.86);font:700 .65rem 'Manrope';letter-spacing:.12em}.fn1{left:8%;top:16%}.fn2{right:8%;top:14%}.fn3{left:8%;bottom:16%}.fn4{right:8%;bottom:15%}.fn5{top:7%;left:43%}.game-arena{background:radial-gradient(circle at 50% 30%,rgba(131,68,255,.28),transparent 40%),#0c0b16}.game-phone{position:absolute;width:220px;height:390px;border-radius:34px;border:6px solid #fff;background:linear-gradient(160deg,#3424ff,#bd2cff 58%,#ff6b21);display:grid;place-items:center;text-align:center;z-index:2;box-shadow:0 40px 90px rgba(0,0,0,.5);animation:gameFloat 7s ease-in-out infinite}.game-phone strong{font:800 3.8rem 'Manrope'}.game-phone span,.game-phone small{font:700 .65rem 'Manrope';letter-spacing:.18em}.gp1{left:17%;transform:rotate(-10deg)}.gp2{right:17%;transform:rotate(10deg);animation-delay:-3.5s}.game-rank{position:absolute;z-index:3;left:8%;bottom:8%;padding:12px 15px;border-radius:14px;background:rgba(10,10,20,.8);border:1px solid var(--line2);backdrop-filter:blur(12px)}.game-rank b{color:var(--amber);margin-left:18px}.game-rank.r2{left:auto;right:8%;top:8%;bottom:auto}.video-wall{display:flex;gap:16px;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,rgba(44,176,255,.18),transparent 45%),#080e16}.reel{width:145px;height:320px;border-radius:24px;border:4px solid var(--text);display:flex;flex-direction:column;justify-content:space-between;padding:18px;position:relative;z-index:2;box-shadow:0 30px 70px rgba(0,0,0,.4);animation:reelFloat 6s ease-in-out infinite}.reel span{align-self:flex-end;padding:5px 8px;border-radius:99px;background:rgba(0,0,0,.45);font-weight:700}.reel b{font:800 1.15rem 'Manrope'}.reel1{background:linear-gradient(160deg,#ff7a18,#af002d 75%);transform:translateY(24px) rotate(-5deg)}.reel2{background:linear-gradient(160deg,#00c6ff,#0072ff);animation-delay:-1.5s}.reel3{background:linear-gradient(160deg,#8e2de2,#4a00e0);transform:translateY(-18px);animation-delay:-3s}.reel4{background:linear-gradient(160deg,#11998e,#38ef7d);transform:translateY(24px) rotate(5deg);animation-delay:-4.5s}.language-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.industry-orbit{height:720px;position:relative;display:grid;place-items:center}.industry-orbit:before,.industry-orbit:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;width:520px;height:520px}.industry-orbit:after{width:360px;height:360px}.industry-core{width:220px;height:220px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.12),transparent 25%),linear-gradient(145deg,var(--panel2),var(--bg2));border:1px solid var(--line2);box-shadow:0 0 90px rgba(255,107,33,.14);font:800 1.8rem 'Manrope';position:relative;z-index:2}.industry-core span{display:block;font-size:.55rem;letter-spacing:.18em;color:var(--amber)}.industry-orbit button{--a:calc(var(--i)*45deg);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-300px) rotate(calc(var(--a)*-1));border:1px solid var(--line2);background:var(--nav);backdrop-filter:blur(14px);color:var(--text);padding:13px 18px;border-radius:99px;font:600 .82rem 'DM Sans';animation:industryBreathe 4s ease-in-out infinite;animation-delay:calc(var(--i)*-.45s)}.flow{display:grid;grid-template-columns:1fr 80px 1fr 80px 1fr 80px 1fr;align-items:center}.flow>div{padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--panel);min-height:170px}.flow span{color:var(--amber);font:700 .7rem 'Manrope'}.flow strong{display:block;font:700 1.5rem 'Manrope';margin:20px 0 5px}.flow small{color:var(--muted)}.flow>i{height:1px;background:linear-gradient(90deg,var(--orange),transparent);position:relative;overflow:visible}.flow>i:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--amber);top:-3px;left:0;box-shadow:0 0 16px var(--amber);animation:flowDot 2s linear infinite}.team-grid{grid-template-columns:repeat(4,1fr)!important}.person img{aspect-ratio:4/5!important;max-height:330px!important}.person-body{padding:20px!important}.person-body h3{font-size:1.25rem}.person-body p{font-size:.85rem}.person{border-radius:24px!important}
@keyframes ambient{50%{transform:translate3d(40px,-30px,0) scale(1.1)}}@keyframes globeFloat{50%{transform:translateY(-14px) rotate(2deg)}}@keyframes globeSpin{to{transform:translateX(90px) rotate(360deg)}}@keyframes routePulse{50%{opacity:.25}}@keyframes cityPulse{50%{transform:scale(1.7);opacity:.45}}@keyframes labelFloat{50%{transform:translateY(-12px)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes consoleFloat{50%{transform:perspective(1000px) rotateY(-3deg) rotateX(2deg) translateY(-10px)}}@keyframes barWave{50%{height:calc(var(--h) - 12%)}}@keyframes dash{to{stroke-dashoffset:-100}}@keyframes gameFloat{50%{margin-top:-18px}}@keyframes reelFloat{50%{margin-top:-16px}}@keyframes industryBreathe{50%{filter:drop-shadow(0 0 14px rgba(255,107,33,.25));padding-inline:24px}}@keyframes flowDot{to{left:100%}}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr}.globe-stage{min-height:540px}.globe{width:min(68vw,500px)}.showcase,.showcase:nth-child(odd){grid-template-columns:1fr}.showcase:nth-child(odd) .showcase-visual{order:0}.split-intro{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.flow>i{width:1px;height:55px;margin:auto;background:linear-gradient(var(--orange),transparent)}.flow>i:after{left:-3px;top:0;animation:flowDotV 2s linear infinite}.team-grid{grid-template-columns:repeat(2,1fr)!important}}@keyframes flowDotV{to{top:100%}}
@media(max-width:650px){.hero-2026{padding-top:120px}.hero-copy h1{font-size:3.65rem}.globe-stage{min-height:420px}.globe{width:84vw}.orbit-label{font-size:.52rem}.o3{right:0}.signal-card{right:0}.hero-proof{gap:12px}.showcase{padding:70px 0}.showcase-visual{height:430px}.showcase-copy h3{font-size:3.8rem}.elara-console{width:94%;padding:16px;transform:none}.console-grid{grid-template-columns:1fr}.mini-metrics{grid-template-columns:repeat(3,1fr)}.console-feed{grid-template-columns:1fr}.game-phone{width:160px;height:300px}.gp1{left:8%}.gp2{right:8%}.video-wall{gap:7px}.reel{width:82px;height:250px;padding:10px;border-width:3px}.reel b{font-size:.75rem}.industry-orbit{height:560px;transform:scale(.78)}.industry-orbit button{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-270px) rotate(calc(var(--a)*-1))}.team-grid{grid-template-columns:1fr 1fr!important}.person img{max-height:250px!important}}

/* V5 — product company flagship */
h1 span,h2 span{color:var(--amber)}
.outsource-stage{background:radial-gradient(circle at 50% 45%,rgba(255,107,33,.25),transparent 38%),#0a0d13}.outsource-core{width:220px;height:220px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--panel);border:1px solid var(--line2);box-shadow:0 0 90px rgba(255,107,33,.22);position:relative;z-index:2}.outsource-core span{font:700 .65rem 'Manrope';letter-spacing:.18em;color:var(--amber)}.outsource-core strong{font:800 1.9rem/1.25 'Manrope'}.talent-card{position:absolute;padding:16px 18px;border:1px solid var(--line2);border-radius:16px;background:rgba(10,13,19,.86);backdrop-filter:blur(14px);animation:labelFloat 5s ease-in-out infinite}.talent-card b,.talent-card small{display:block}.talent-card b{font:800 .78rem 'Manrope';letter-spacing:.1em}.talent-card small{color:var(--muted);margin-top:4px}.tc1{left:8%;top:12%}.tc2{right:7%;top:15%;animation-delay:-1s}.tc3{left:8%;bottom:14%;animation-delay:-2s}.tc4{right:7%;bottom:12%;animation-delay:-3s}
.product-hero{min-height:100vh;padding:170px 0 90px;position:relative;display:grid;align-items:center;overflow:hidden}.product-hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.6}.product-hero-inner{position:relative;z-index:2}.product-hero h1{font-size:clamp(4rem,8.6vw,9.5rem);max-width:1450px}.product-hero h1 span{background:linear-gradient(100deg,var(--orange),var(--amber),var(--cyan));-webkit-background-clip:text;color:transparent}.product-hero p{max-width:760px;color:var(--muted);font-size:1.25rem}.product-jump{display:flex;gap:10px;flex-wrap:wrap;margin-top:38px}.product-jump a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;font:700 .7rem 'Manrope';letter-spacing:.12em}.product-jump a:hover{background:var(--text);color:var(--bg)}.product-status{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;gap:28px;z-index:3;font:700 .65rem 'Manrope';letter-spacing:.12em;color:var(--muted);white-space:nowrap}.product-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);margin-right:7px}.product-status i.amber{background:var(--amber);box-shadow:0 0 14px var(--amber)}
.product-chapter{min-height:100vh;padding:120px 0;position:relative;display:grid;align-items:center;border-top:1px solid var(--line);overflow:hidden}.chapter-number{position:absolute;right:3vw;top:55px;font:800 clamp(8rem,20vw,24rem)/.8 'Manrope';color:transparent;-webkit-text-stroke:1px var(--line);opacity:.75}.chapter-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:center;position:relative;z-index:2}.chapter-grid.reverse{grid-template-columns:1.15fr .85fr}.chapter-grid.reverse .chapter-copy{order:2}.chapter-copy h2{font-size:clamp(3.8rem,6.7vw,7.8rem);margin:22px 0}.chapter-copy p{max-width:650px;font-size:1.12rem;color:var(--muted)}.chapter-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.chapter-tags span,.language-river span{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:.82rem}.chapter-visual{height:650px;border:1px solid var(--line);border-radius:42px;position:relative;overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}
.elara-story{display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(255,107,33,.2),transparent 42%),#090d14}.story-track{position:absolute;left:6%;right:6%;top:11%;display:flex;align-items:center;gap:9px}.story-track span{font:700 .62rem 'Manrope';letter-spacing:.1em}.story-track i{height:1px;flex:1;background:linear-gradient(90deg,var(--orange),var(--amber));position:relative}.story-track i:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--amber);top:-3px;animation:flowDot 2.4s linear infinite}.story-dashboard{width:82%;padding:32px;border-radius:26px;border:1px solid var(--line2);background:rgba(9,13,20,.78);backdrop-filter:blur(18px);transform:perspective(1000px) rotateY(-6deg);animation:consoleFloat 8s ease-in-out infinite}.story-dashboard small{font:700 .65rem 'Manrope';letter-spacing:.15em;color:var(--green)}.story-dashboard>strong{display:block;font:800 clamp(2.8rem,5vw,5.6rem) 'Manrope';margin:12px 0}.wave-bars{height:160px;display:flex;align-items:flex-end;gap:7px}.wave-bars i{flex:1;background:linear-gradient(var(--amber),var(--orange));border-radius:6px 6px 2px 2px;animation:barWave 2s ease-in-out infinite}.wave-bars i:nth-child(3n){height:80%}.wave-bars i:nth-child(3n+1){height:42%}.wave-bars i:nth-child(3n+2){height:65%}.story-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.story-cards b{padding:12px;border:1px solid var(--line);border-radius:10px;font-size:.68rem;color:var(--muted)}
.outris-chapter{background:#050607}.investigation{background:radial-gradient(circle at center,rgba(255,66,32,.2),transparent 38%),#050607}.investigation svg{position:absolute;inset:0;width:100%;height:100%}.investigation path{fill:none;stroke:#ff6b21;stroke-width:1.5;stroke-dasharray:7 10;animation:dash 8s linear infinite}.invest-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:210px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid rgba(255,107,33,.45);background:#0b0b0d;box-shadow:0 0 90px rgba(255,60,30,.2);font:700 .7rem 'Manrope';letter-spacing:.12em}.invest-core strong{font-size:1.8rem}.invest-core small{color:var(--orange)}.invest-node{position:absolute;padding:11px 14px;border:1px solid var(--line2);border-radius:12px;background:#0a0b0e;font:700 .65rem 'Manrope';letter-spacing:.12em}.in1{left:8%;top:12%}.in2{right:8%;top:12%}.in3{left:8%;bottom:12%}.in4{right:8%;bottom:12%}.invest-alert{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);padding:10px 16px;border-radius:999px;background:#e33b22;color:#fff;font:800 .64rem 'Manrope';letter-spacing:.14em;animation:pulse 1.6s ease-in-out infinite}
.gamex-chapter{background:radial-gradient(circle at 80% 50%,rgba(119,55,255,.16),transparent 32%)}.game-stage{background:linear-gradient(145deg,#080815,#11102a)}.gphone{position:absolute;width:230px;height:430px;border:6px solid #fff;border-radius:36px;display:grid;place-items:center;text-align:center;box-shadow:0 38px 90px rgba(0,0,0,.5);animation:gameFloat 6s ease-in-out infinite}.gphone.left{left:14%;top:15%;transform:rotate(-9deg);background:linear-gradient(160deg,#3627ff,#9f24f5)}.gphone.right{right:14%;top:11%;transform:rotate(8deg);background:linear-gradient(160deg,#ff6b21,#ff2f93);animation-delay:-3s}.gphone small,.gphone b{font:800 .68rem 'Manrope';letter-spacing:.14em}.gphone strong{font:800 4.2rem 'Manrope'}.score-burst{position:absolute;z-index:4;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-8deg);font:800 4.5rem 'Manrope';color:var(--amber);text-shadow:0 0 34px rgba(255,179,71,.5)}.leader-tape{position:absolute;left:0;right:0;bottom:8%;display:flex;gap:38px;white-space:nowrap;font:800 .75rem 'Manrope';letter-spacing:.14em;animation:ticker 18s linear infinite}
.video-chapter{background:radial-gradient(circle at 20% 40%,rgba(48,184,255,.12),transparent 30%)}.language-river{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.global-reels{display:flex;align-items:center;justify-content:center;gap:12px;background:#07101a}.vreel{width:145px;height:360px;border-radius:25px;border:4px solid #fff;padding:18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 28px 70px rgba(0,0,0,.4);animation:reelFloat 6s ease-in-out infinite}.vreel small{align-self:flex-end;padding:5px 8px;border-radius:99px;background:rgba(0,0,0,.35);font-weight:800}.vreel strong{font:800 1.05rem 'Manrope'}.vr1{background:linear-gradient(160deg,#ff7a18,#af002d);transform:rotate(-5deg) translateY(30px)}.vr2{background:linear-gradient(160deg,#00c6ff,#0072ff);animation-delay:-1.5s}.vr3{background:linear-gradient(160deg,#8e2de2,#4a00e0);animation-delay:-3s}.vr4{background:linear-gradient(160deg,#11998e,#38ef7d);transform:rotate(5deg) translateY(30px);animation-delay:-4.5s}
.method-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.method-grid article{padding:40px 26px;border-right:1px solid var(--line)}.method-grid article:last-child{border:0}.method-grid span{color:var(--amber);font:800 .75rem 'Manrope'}.method-grid h3{margin:24px 0 12px}.method-grid p{color:var(--muted);font-size:.92rem}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.outsourcing-deep{background:radial-gradient(circle at 70% 40%,rgba(255,107,33,.15),transparent 30%)}.outsourcing-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}.outsourcing-grid h2{margin:22px 0}.outsourcing-grid p{color:var(--muted);font-size:1.1rem}.outsourcing-grid .btn{margin-top:28px}.outsourcing-console{padding:28px;border:1px solid var(--line);border-radius:32px;background:var(--panel);box-shadow:var(--shadow)}.oc-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);font:700 .7rem 'Manrope';letter-spacing:.12em}.oc-head b{font-size:1.6rem;color:var(--amber)}.oc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.oc-grid article{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--bg2)}.oc-grid small{color:var(--amber);font:700 .65rem 'Manrope';letter-spacing:.12em}.oc-grid strong{display:block;margin-top:14px;font:700 1.2rem/1.5 'Manrope'}.oc-flow{display:flex;align-items:center;gap:10px;padding-top:12px}.oc-flow span{font:700 .58rem 'Manrope';letter-spacing:.1em}.oc-flow i{height:1px;flex:1;background:linear-gradient(90deg,var(--orange),transparent);position:relative}.oc-flow i:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--amber);top:-3px;animation:flowDot 2s linear infinite}
@keyframes pulse{50%{opacity:.55;transform:translateX(-50%) scale(.98)}}
@media(max-width:1100px){.chapter-grid,.chapter-grid.reverse,.outsourcing-grid{grid-template-columns:1fr}.chapter-grid.reverse .chapter-copy{order:0}.method-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.product-status{display:none}.chapter-visual{height:560px}}
@media(max-width:650px){.product-hero{padding-top:140px}.product-hero h1{font-size:3.5rem}.product-chapter{padding:85px 0}.chapter-copy h2{font-size:3.45rem}.chapter-visual{height:430px;border-radius:26px}.story-track{display:none}.story-dashboard{width:92%;padding:18px}.story-cards{grid-template-columns:1fr}.story-cards b:nth-child(n+2){display:none}.gphone{width:150px;height:300px}.gphone.left{left:7%}.gphone.right{right:7%}.gphone strong{font-size:2.8rem}.score-burst{font-size:2.7rem}.vreel{width:78px;height:260px;padding:9px;border-width:3px}.vreel strong{font-size:.68rem}.method-grid,.service-grid,.oc-grid{grid-template-columns:1fr}.method-grid article{border-right:0;border-bottom:1px solid var(--line)}.outsourcing-console{padding:16px}.oc-flow{display:none}}

/* V6: YoChat + TinyTV */
.yochat-chapter{background:radial-gradient(circle at 78% 28%,rgba(147,51,234,.22),transparent 32%),var(--bg)}
.yochat-stage{min-height:560px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(147,51,234,.12),rgba(59,130,246,.06));border:1px solid var(--bd);border-radius:32px}
.chat-phone{position:absolute;width:220px;height:430px;border-radius:34px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#171322,#090b11);box-shadow:0 34px 90px rgba(0,0,0,.42);padding:24px;animation:floatY 6s ease-in-out infinite}
.chat-phone.left{left:12%;top:70px;transform:rotate(-7deg)}
.chat-phone.right{right:12%;top:45px;transform:rotate(7deg);animation-delay:-3s}
.chat-phone small{font:600 .68rem/1.2 var(--mono);letter-spacing:.14em;color:#c4b5fd}
.chat-phone strong{display:block;margin:24px 0 12px;font-size:1.45rem}
.chat-bubbles{display:flex;flex-direction:column;gap:12px;margin-top:24px}.chat-bubbles i{display:block;height:42px;border-radius:15px;background:rgba(255,255,255,.08);position:relative}.chat-bubbles i:nth-child(even){width:78%;margin-left:auto;background:linear-gradient(90deg,#7c3aed,#2563eb)}
.chat-presence{position:absolute;left:50%;bottom:56px;transform:translateX(-50%);display:flex;gap:9px;align-items:center;padding:11px 16px;border-radius:999px;background:rgba(10,12,18,.84);border:1px solid var(--bd);font:600 .7rem/1 var(--mono);letter-spacing:.08em}.chat-presence i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 14px #22c55e}
.tinytv-word{font-size:clamp(4rem,10vw,9rem);line-height:.82;letter-spacing:-.08em;background:linear-gradient(100deg,#fff,#fb7185 48%,#60a5fa);-webkit-background-clip:text;color:transparent}
@media(max-width:768px){.yochat-stage{min-height:460px}.chat-phone{width:170px;height:350px;padding:18px}.chat-phone.left{left:3%}.chat-phone.right{right:3%}.chat-presence{bottom:30px;white-space:nowrap}}

/* V7 Careers */
.career-hero{min-height:100vh;position:relative;display:grid;align-items:center;padding:150px 0 90px;overflow:hidden}.career-grid-bg{position:absolute;inset:0;background:radial-gradient(circle at 72% 48%,rgba(255,107,33,.22),transparent 25%),linear-gradient(90deg,transparent 49.8%,var(--line) 50%,transparent 50.2%);opacity:.9}.career-hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw}.career-hero h1 span{color:transparent;-webkit-text-stroke:1px var(--text)}.career-hero p{max-width:660px;margin:32px 0;color:var(--muted);font-size:1.15rem}.career-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.career-orbit{position:relative;width:min(42vw,580px);aspect-ratio:1;margin:auto}.orbit-ring{position:absolute;border:1px solid var(--line2);border-radius:50%;inset:7%;animation:spin 26s linear infinite}.orbit-ring.r2{inset:24%;animation-direction:reverse;animation-duration:18s}.orbit-ring:before,.orbit-ring:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--amber);box-shadow:0 0 24px var(--orange)}.orbit-ring:before{top:8%;left:21%}.orbit-ring:after{right:3%;bottom:31%}.orbit-core{position:absolute;inset:36%;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,var(--panel2),var(--bg));border:1px solid var(--line2);box-shadow:0 0 80px rgba(255,107,33,.18);font:800 1rem/1.2 'Manrope';letter-spacing:.12em}.orbit-core small{font-size:.55rem;color:var(--amber)}.career-skill{position:absolute;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--nav);backdrop-filter:blur(12px);font:800 .58rem 'Manrope';letter-spacing:.12em;animation:consoleFloat 6s ease-in-out infinite}.s1{left:4%;top:22%}.s2{right:4%;top:18%;animation-delay:-1s}.s3{right:0;bottom:24%;animation-delay:-2s}.s4{left:5%;bottom:18%;animation-delay:-3s}.s5{left:40%;top:2%;animation-delay:-4s}.s6{left:41%;bottom:2%;animation-delay:-5s}.career-marquee{overflow:hidden;border-block:1px solid var(--line);padding:17px 0;background:var(--panel)}.career-marquee div{width:max-content;white-space:nowrap;font:800 .68rem 'Manrope';letter-spacing:.18em;color:var(--muted);animation:ticker 30s linear infinite}.career-heading{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:7vw;margin-bottom:62px}.career-heading p{color:var(--muted);font-size:1.08rem;max-width:560px}.career-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.career-card{min-height:300px;padding:34px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,var(--panel),var(--bg2));display:flex;flex-direction:column;transition:.35s;position:relative;overflow:hidden}.career-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-100px;top:-100px;background:radial-gradient(circle,var(--orange),transparent 70%);opacity:.12;transition:.4s}.career-card:hover{transform:translateY(-8px);border-color:rgba(255,179,71,.35);box-shadow:var(--shadow)}.career-card:hover:before{right:-70px;top:-70px;opacity:.24}.career-card-top{display:flex;justify-content:space-between;align-items:center}.job-badge{font:800 .6rem 'Manrope';letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.job-badge.hot{color:var(--orange)}.job-index{font:700 .72rem 'Manrope';color:var(--muted)}.career-card h3{font-size:clamp(1.5rem,2.3vw,2.25rem);margin:55px 0 22px;max-width:550px}.job-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.job-meta span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.72rem}.career-apply{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-weight:700}.career-apply b{color:var(--amber)}.career-open{margin-top:18px;padding:42px;border:1px solid var(--line);border-radius:30px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--panel)}.career-open h3{font-size:clamp(1.5rem,3vw,2.7rem);margin-top:12px}.career-culture{background:radial-gradient(circle at 12% 20%,rgba(103,216,255,.09),transparent 28%)}.culture-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.culture-grid article{padding:42px 28px;border-right:1px solid var(--line)}.culture-grid article:last-child{border:0}.culture-grid span{font:800 .7rem 'Manrope';color:var(--amber)}.culture-grid h3{margin:35px 0 15px}.culture-grid p{color:var(--muted);font-size:.9rem}@media(max-width:1000px){.career-hero-inner,.career-heading{grid-template-columns:1fr}.career-orbit{width:min(78vw,540px)}.career-list{grid-template-columns:1fr}.culture-grid{grid-template-columns:1fr 1fr}.culture-grid article:nth-child(2){border-right:0}.culture-grid article{border-bottom:1px solid var(--line)}}@media(max-width:650px){.career-hero{padding-top:135px}.career-hero h1{font-size:3.7rem}.career-orbit{width:94vw}.career-heading{margin-bottom:38px}.career-card{min-height:270px;padding:26px}.career-card h3{margin-top:38px}.career-open{align-items:flex-start;flex-direction:column;padding:28px}.culture-grid{grid-template-columns:1fr}.culture-grid article{border-right:0}.career-skill{font-size:.48rem;padding:7px 9px}}

/* =========================================================
   MOBILE SYSTEM — consolidated, no patch stacking
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
canvas,video,img,svg{max-width:100%}

@media (max-width:768px){
  :root{--mobile-pad:18px}

  .shell{
    width:100%;
    max-width:100%;
    padding-inline:var(--mobile-pad);
  }

  .section{padding:78px 0}
  .section-head{grid-template-columns:1fr;gap:20px;margin-bottom:38px}
  .section-head p{font-size:1rem}

  /* Header */
  .nav{
    top:8px;
    width:calc(100% - 16px);
    height:64px;
    padding:0 10px 0 14px;
    border-radius:18px;
  }
  .brand{gap:0;font-size:0}
  .brand img{width:auto;height:44px;max-width:150px;object-fit:contain}
  .navlinks{display:none}
  .navlinks.open{
    display:flex;
    position:absolute;
    top:72px;
    left:0;
    right:0;
    flex-direction:column;
    gap:0;
    padding:10px;
    background:var(--panel);
    border:1px solid var(--line);
    border-radius:18px;
    box-shadow:var(--shadow);
  }
  .navlinks.open a{padding:13px 12px;border-bottom:1px solid var(--line)}
  .navlinks.open a:last-child{border-bottom:0}
  .nav-actions .btn{display:none}
  .mobile-menu{display:grid}
  .icon-btn{width:42px;height:42px}

  /* Do not depend on reveal observers on phones */
  .reveal{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    transition:none!important;
  }

  /* Hero */
  .hero-2026{
    min-height:auto;
    padding:108px 0 58px;
    overflow:hidden;
  }
  .hero-grid{display:flex;flex-direction:column;gap:22px}
  .hero-copy{width:100%;max-width:100%}
  .hero-copy h1{
    font-size:clamp(3rem,13.5vw,4.6rem);
    line-height:.9;
    overflow-wrap:anywhere;
  }
  .hero-copy p{font-size:1rem;margin:22px 0}
  .actions{width:100%;display:grid;grid-template-columns:1fr;gap:10px}
  .actions .btn{width:100%}
  .hero-proof{display:grid;gap:8px;margin-top:24px}
  .hero-proof span{padding-left:10px}

  #network-canvas{opacity:.28}
  .globe-stage{
    width:100%;
    min-height:390px;
    height:390px;
    overflow:hidden;
  }
  .globe{
    width:min(78vw,300px);
    height:min(78vw,300px);
    animation:globeFloat 10s ease-in-out infinite;
  }
  .orbit-label{
    padding:7px 10px;
    font-size:.52rem;
    letter-spacing:.11em;
    white-space:nowrap;
    max-width:44vw;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .o1{left:1%;top:15%}
  .o2{right:1%;top:24%}
  .o3{right:1%;bottom:18%;max-width:48vw}
  .o4{left:1%;bottom:23%}
  .signal-card{
    right:4px;
    bottom:2px;
    padding:12px 14px;
    border-radius:15px;
    transform:scale(.82);
    transform-origin:right bottom;
  }
  .signal-card strong{font-size:1.45rem}

  /* Intro */
  .split-intro{grid-template-columns:1fr;gap:28px}
  .split-intro p{font-size:1rem}
  .stats.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stats.compact .stat{padding:18px 8px;text-align:center}
  .stats.compact .stat strong{font-size:2rem}
  .stats.compact .stat span{font-size:.72rem}

  /* Product sections */
  .platforms{padding-top:0}
  .showcase,
  .showcase:nth-child(odd){
    display:flex;
    flex-direction:column;
    min-height:auto;
    width:100%;
    gap:28px;
    padding:68px 0;
    overflow:hidden;
  }
  .showcase:nth-child(odd) .showcase-visual{order:0}
  .showcase-copy{width:100%;max-width:100%}
  .showcase-copy h3{
    font-size:clamp(3rem,14vw,4.4rem);
    line-height:.9;
    overflow-wrap:anywhere;
  }
  .showcase-copy p{font-size:1rem}
  .chips{gap:7px}
  .chips span,.language-cloud span{font-size:.7rem;padding:6px 9px}

  .showcase-visual{
    width:100%;
    height:390px;
    min-height:390px;
    border-radius:26px;
    transform:none!important;
    overflow:hidden;
  }

  /* Keep all device/screen scenes dark in both site themes */
  .elara-console,
  .fraud-map,
  .game-arena,
  .yochat-stage,
  .video-wall,
  .outsource-stage{
    color:#f7f8fb;
  }

  /* ELARA */
  .elara-console{
    width:calc(100% - 24px);
    padding:16px;
    border-radius:18px;
    background:#080b11;
    color:#f7f8fb;
    transform:none;
    animation:mobileScreenFloat 6s ease-in-out infinite;
  }
  .elara-console .console-top,
  .elara-console .console-top span,
  .elara-console .mini-metrics span,
  .elara-console .console-feed span{color:#aeb8c7}
  .elara-console .console-number{color:#fff;font-size:clamp(2.2rem,11vw,3.4rem)}
  .elara-console .mini-metrics b{color:#fff}
  .console-grid{grid-template-columns:1fr;gap:12px}
  .mini-chart{
    display:flex;
    height:118px;
    gap:6px;
    align-items:flex-end;
    overflow:visible;
  }
  .mini-chart i{
    display:block;
    min-width:6px;
    background:linear-gradient(180deg,#ffca78,#ff6b21);
    box-shadow:0 0 14px rgba(255,107,33,.18);
    opacity:1;
  }
  .mini-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .mini-metrics span{padding:8px 6px;font-size:.62rem}
  .mini-metrics b{font-size:.88rem}
  .console-feed{grid-template-columns:1fr;gap:6px;margin-top:10px}
  .console-feed span{padding:8px;font-size:.64rem}

  /* Outris */
  .fraud-map{background:radial-gradient(circle at 50% 50%,rgba(255,58,58,.16),transparent 32%),#090c12}
  .fraud-core{width:112px;height:112px;font-size:.58rem}
  .fraud-core strong{font-size:.8rem}
  .fraud-node{padding:7px 8px;font-size:.5rem;letter-spacing:.08em;white-space:nowrap;color:#fff}
  .fn1{left:3%;top:13%}.fn2{right:3%;top:12%}.fn3{left:3%;bottom:14%}.fn4{right:3%;bottom:13%}.fn5{top:4%;left:50%;transform:translateX(-50%)}

  /* GameX */
  .game-arena{background:radial-gradient(circle at 50% 30%,rgba(131,68,255,.28),transparent 40%),#0c0b16}
  .game-phone{width:142px;height:270px;border-width:4px}
  .game-phone strong{font-size:2.6rem;color:#fff}
  .game-phone span,.game-phone small{color:#fff;font-size:.52rem}
  .gp1{left:4%;transform:rotate(-7deg)}
  .gp2{right:4%;transform:rotate(7deg)}
  .game-rank{left:4%;bottom:5%;font-size:.68rem;color:#fff}
  .game-rank.r2{right:4%;top:5%;left:auto}
  .game-rank b{margin-left:8px}

  /* YoChat */
  .yochat-stage{
    min-height:390px;
    border-radius:26px;
    background:linear-gradient(145deg,#171322,#0b1020);
  }
  .chat-phone{
    width:145px;
    height:285px;
    padding:16px;
    border-radius:25px;
    color:#fff;
  }
  .chat-phone.left{left:3%;top:50px;transform:rotate(-5deg)}
  .chat-phone.right{right:3%;top:34px;transform:rotate(5deg)}
  .chat-phone small{color:#c4b5fd;font-size:.55rem}
  .chat-phone strong{font-size:1rem;margin:16px 0 9px;color:#fff}
  .chat-bubbles{gap:8px;margin-top:14px}
  .chat-bubbles i{height:29px}
  .chat-presence{
    bottom:18px;
    padding:9px 12px;
    font-size:.56rem;
    color:#fff;
    white-space:nowrap;
  }

  /* TinyTV */
  .video-wall{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:10px;
    background:radial-gradient(circle at 50% 50%,rgba(44,176,255,.18),transparent 45%),#080e16;
  }
  .reel{
    width:100%;
    height:176px;
    min-width:0;
    padding:11px;
    border-width:3px;
    border-color:#fff;
    border-radius:18px;
    transform:none!important;
    animation:mobileReelFloat 6s ease-in-out infinite;
    color:#fff;
  }
  .reel span,.reel b{color:#fff}
  .reel b{font-size:.72rem}
  .reel:nth-child(even){animation-delay:-3s}

  /* Outsourcing */
  .outsource-stage{background:radial-gradient(circle at 50% 45%,rgba(255,107,33,.25),transparent 38%),#0a0d13}
  .outsource-core{width:145px;height:145px;background:#10151e;color:#fff}
  .outsource-core strong{font-size:1.25rem;color:#fff}
  .talent-card{padding:9px 10px;border-radius:11px;color:#fff;background:rgba(10,13,19,.92)}
  .talent-card b{font-size:.58rem}.talent-card small{font-size:.52rem;color:#aeb8c7}
  .tc1{left:2%;top:8%}.tc2{right:2%;top:10%}.tc3{left:2%;bottom:9%}.tc4{right:2%;bottom:8%}

  /* Industries: use a mobile grid, not a compressed orbit */
  .industry-orbit{
    height:auto;
    min-height:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:0;
    transform:none!important;
  }
  .industry-orbit:before,.industry-orbit:after{display:none}
  .industry-core{
    grid-column:1/-1;
    position:relative;
    width:180px;
    height:180px;
    margin:0 auto 18px;
    font-size:1.45rem;
  }
  .industry-orbit button{
    --a:0deg;
    position:relative;
    inset:auto;
    left:auto;
    top:auto;
    width:100%;
    min-height:54px;
    transform:none!important;
    animation:industryMobilePulse 5s ease-in-out infinite;
    padding:10px 8px;
    white-space:normal;
    text-align:center;
    font-size:.72rem;
  }

  /* Flow + footer */
  .flow{display:flex;flex-direction:column;gap:12px}
  .flow>div{width:100%;min-height:0;padding:24px}
  .flow>i{width:1px;height:32px;margin:auto;background:linear-gradient(var(--orange),transparent)}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .cta{padding:32px 22px;border-radius:28px}
  .team-grid{grid-template-columns:1fr 1fr!important;gap:10px}
  .person img{max-height:220px!important}
  .person-body{padding:14px!important}
  .person-body h3{font-size:1rem}
  .person-body p{font-size:.75rem}
}

@media (max-width:390px){
  :root{--mobile-pad:14px}
  .hero-copy h1{font-size:2.8rem}
  .globe-stage{height:360px;min-height:360px}
  .globe{width:250px;height:250px}
  .showcase-visual{height:370px;min-height:370px}
  .game-phone{width:130px;height:250px}
  .chat-phone{width:132px;height:270px}
  .industry-orbit{grid-template-columns:1fr}
  .industry-core{grid-column:1}
  .team-grid{grid-template-columns:1fr!important}
}

/* Mobile-specific motion: restrained and transform-safe */
@keyframes mobileScreenFloat{50%{transform:translateY(-6px)}}
@keyframes mobileReelFloat{50%{transform:translateY(-5px)}}
@keyframes industryMobilePulse{50%{border-color:rgba(255,179,71,.34);box-shadow:0 8px 24px rgba(255,107,33,.08)}}

@media (hover:none),(pointer:coarse){
  .showcase-visual{transform:none!important}
  .card:hover,.person:hover,.post:hover,.career-card:hover{transform:none}
}

@media (prefers-reduced-motion:reduce){
  .globe,.orbit-label,.ticker-track,.elara-console,.mini-chart i,.fraud-map path,
  .game-phone,.chat-phone,.reel,.talent-card,.industry-orbit button,
  .career-orbit,.career-skill{animation:none!important}
}

/* =========================================================
   DESKTOP LIGHT MODE — ANIMATED VISUAL CONTRAST
   Does not affect mobile
   ========================================================= */

@media (min-width: 769px) {

    /* Keep product animation canvases dark in light mode */
    html[data-theme="light"] .elara-console,
    html[data-theme="light"] .fraud-map,
    html[data-theme="light"] .game-arena,
    html[data-theme="light"] .yochat-stage,
    html[data-theme="light"] .video-wall,
    html[data-theme="light"] .outsource-stage {
        color: #ffffff;
    }

    /* ELARA */
    html[data-theme="light"] .elara-console {
        background: rgba(7, 9, 13, .94);
        border-color: rgba(255, 255, 255, .16);
    }

    html[data-theme="light"] .elara-console .console-top,
    html[data-theme="light"] .elara-console .console-top span,
    html[data-theme="light"] .elara-console .console-feed span,
    html[data-theme="light"] .elara-console .mini-metrics span {
        color: rgba(255, 255, 255, .72);
    }

    html[data-theme="light"] .elara-console .mini-metrics b {
        color: #ffffff;
    }

    html[data-theme="light"] .elara-console .console-number {
        color: #ffffff;
    }

    html[data-theme="light"] .elara-console .mini-chart i {
        background: linear-gradient(
            180deg,
            #ffbd65,
            #ff6b21
        );
        opacity: 1;
        visibility: visible;
    }

    /* Outris */
    html[data-theme="light"] .fraud-node {
        background: rgba(10, 13, 19, .94);
        color: #ffffff;
        border-color: rgba(255, 255, 255, .18);
    }

    html[data-theme="light"] .fraud-core {
        color: #ff8b8b;
    }

    html[data-theme="light"] .fraud-core strong {
        color: #ffffff;
    }

    /* GameX */
    html[data-theme="light"] .game-phone,
    html[data-theme="light"] .game-phone span,
    html[data-theme="light"] .game-phone small,
    html[data-theme="light"] .game-phone strong {
        color: #ffffff;
    }

    html[data-theme="light"] .game-rank {
        background: rgba(10, 10, 20, .9);
        color: #ffffff;
        border-color: rgba(255, 255, 255, .16);
    }

    /* YoChat */
    html[data-theme="light"] .chat-phone {
        color: #ffffff;
        background: linear-gradient(180deg, #171322, #090b11);
    }

    html[data-theme="light"] .chat-phone strong {
        color: #ffffff;
    }

    html[data-theme="light"] .chat-phone small {
        color: #c4b5fd;
    }

    html[data-theme="light"] .chat-presence {
        color: #ffffff;
        background: rgba(10, 12, 18, .9);
        border-color: rgba(255, 255, 255, .16);
    }

    /* TinyTV */
    html[data-theme="light"] .reel,
    html[data-theme="light"] .reel span,
    html[data-theme="light"] .reel b {
        color: #ffffff;
    }

    /* Outsourcing */
    html[data-theme="light"] .outsource-core {
        background: #0b0f16;
        color: #ffffff;
        border-color: rgba(255, 255, 255, .16);
    }

    html[data-theme="light"] .talent-card {
        background: rgba(10, 13, 19, .94);
        color: #ffffff;
        border-color: rgba(255, 255, 255, .16);
    }

    html[data-theme="light"] .talent-card small {
        color: rgba(255, 255, 255, .68);
    }
}
/* Navbar wordmark sizing */
.nav .brand img {
    width: auto;
    height: 40px;
    max-width: none;
}

@media (max-width:650px) {
    .nav .brand img {
        width: auto;
        height: 34px;
        max-width: none;
    }
}