@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}}

/* =========================================================
   TRICONA MOBILE OVERFLOW FIX
   ========================================================= */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

img,
svg,
canvas,
video {
    max-width: 100%;
}

/* Prevent animated sections from stretching the viewport */
.hero,
.hero-2026,
.section,
.platforms,
.showcase,
.showcase-visual,
.globe-stage,
.industry-orbit,
.video-wall,
.game-arena,
.yochat-stage,
.fraud-map,
.outsource-stage,
.tech-flow,
.flow,
.footer {
    max-width: 100%;
    overflow: hidden;
}

/* Mobile */
@media (max-width: 768px) {

    body {
        overflow-x: hidden !important;
    }

    .shell {
        width: 100%;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* Navigation */
    .nav {
        width: 100%;
        padding: 12px 16px;
        gap: 10px;
    }

    .navlinks {
        display: none;
    }

    .nav-actions .btn {
        display: none;
    }

    .mobile-menu {
        display: flex;
    }

    .brand {
        flex-shrink: 0;
    }

    .brand img {
        width: auto;
        height: 44px;
        max-width: 140px;
        object-fit: contain;
    }

    /* Hero */
    .hero-2026 {
        min-height: auto;
        padding-top: 110px;
        padding-bottom: 70px;
    }

    .hero-grid {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .hero-copy {
        width: 100%;
        max-width: 100%;
    }

    .hero-copy h1 {
        font-size: clamp(3rem, 14vw, 5rem);
        line-height: 0.92;
        overflow-wrap: break-word;
    }

    .hero-copy p {
        max-width: 100%;
        font-size: 1rem;
    }

    .hero-proof {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    /* Globe */
    .globe-stage {
        width: 100%;
        height: 430px;
        min-height: 430px;
        transform: none !important;
    }

    .globe {
        width: 290px;
        height: 290px;
        max-width: 80vw;
        max-height: 80vw;
        margin: 30px auto;
    }

    .orbit-label {
        font-size: 0.58rem;
        white-space: nowrap;
        transform: scale(0.85);
    }

    .signal-card {
        right: 8px;
        bottom: 20px;
        transform: scale(0.82);
        transform-origin: right bottom;
    }

    /* Product sections */
    .showcase {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: auto;
        padding: 60px 20px;
        gap: 40px;
    }

    .showcase-copy,
    .showcase-visual {
        width: 100%;
        max-width: 100%;
    }

    .showcase h3 {
        font-size: clamp(2.8rem, 13vw, 4.5rem);
        line-height: 0.95;
        overflow-wrap: break-word;
    }

    .showcase-visual {
        min-height: 390px;
        transform: none !important;
    }

    /* ELARA */
    .elara-console {
        width: 100%;
        max-width: 100%;
        transform: none !important;
    }

    .console-number {
        font-size: clamp(2rem, 10vw, 3.5rem);
    }

    /* Outris */
    .fraud-map {
        height: 400px;
        min-height: 400px;
        transform: scale(0.88);
        transform-origin: center center;
    }

    .fraud-node {
        font-size: 0.6rem;
        padding: 7px 9px;
    }

    /* GameX */
    .game-arena {
        min-height: 430px;
        transform: scale(0.9);
        transform-origin: center top;
    }

    .game-phone {
        width: 145px;
    }

    /* YoChat */
    .yochat-stage {
        min-height: 430px;
        transform: scale(0.9);
        transform-origin: center top;
    }

    .chat-phone {
        width: 150px;
    }

    /* TinyTV */
    .video-wall {
        min-height: 440px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 10px;
    }

    .reel {
        width: 100%;
        min-width: 0;
        transform: none !important;
    }

    .language-cloud {
        max-width: 100%;
        overflow: hidden;
    }

    /* Outsourcing */
    .outsource-stage {
        min-height: 470px;
        transform: scale(0.88);
        transform-origin: center top;
    }

    /* Industries */
    .industry-orbit {
        width: 100%;
        height: auto;
        min-height: 620px;
        transform: scale(0.82);
        transform-origin: center top;
    }

    /* Architecture flow */
    .flow {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 16px;
    }

    .flow > div {
        width: 100%;
        max-width: 100%;
    }

    .flow > i {
        width: 2px;
        height: 30px;
        margin: auto;
    }

    /* Ticker */
    .ticker {
        width: 100%;
        overflow: hidden;
    }

    .ticker-track {
        width: max-content;
    }

    /* Buttons */
    .actions {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    .actions .btn {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    /* Footer */
    .footer-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

/* Extra-small phones */
@media (max-width: 420px) {

    .shell {
        padding-left: 16px;
        padding-right: 16px;
    }

    .hero-copy h1 {
        font-size: 2.9rem;
    }

    .globe-stage {
        height: 390px;
        min-height: 390px;
    }

    .globe {
        width: 250px;
        height: 250px;
    }

    .showcase {
        padding-left: 16px;
        padding-right: 16px;
    }

    .showcase-visual {
        min-height: 360px;
    }

    .industry-orbit {
        transform: scale(0.72);
        transform-origin: center top;
        margin-bottom: -100px;
    }
}

/* =========================================================
   MOBILE PRODUCT VISIBILITY FIX
   ========================================================= */

@media (max-width: 768px) {

    .platforms,
    .platforms .shell,
    .showcase,
    .showcase-copy,
    .showcase-visual,
    .elara-console,
    .fraud-map,
    .game-arena,
    .yochat-stage,
    .video-wall,
    .outsource-stage {
        opacity: 1 !important;
        visibility: visible !important;
        display: flex;
        transform: none !important;
        filter: none !important;
        clip-path: none !important;
    }

    .platforms .shell {
        display: block !important;
    }

    .showcase {
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        min-height: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 64px 20px !important;
    }

    .showcase-copy {
        display: block !important;
        position: relative !important;
        z-index: 5 !important;
        width: 100% !important;
        height: auto !important;
    }

    .showcase-visual {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: 400px !important;
        min-height: 400px !important;
        margin-top: 32px !important;
    }

    /* Force animation/reveal classes visible */
    .reveal,
    .reveal-up,
    .reveal-left,
    .reveal-right,
    .fade-up,
    .fade-in,
    .animate-in,
    [data-reveal],
    [data-animate] {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
    }

    /* Individual visual layouts */
    .elara-console,
    .fraud-map,
    .game-arena,
    .yochat-stage,
    .video-wall,
    .outsource-stage {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 380px !important;
        margin: 0 auto !important;
    }

    .fraud-map,
    .game-arena,
    .yochat-stage,
    .outsource-stage {
        overflow: hidden !important;
    }

    .video-wall {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}