:root{--ink:#050a12;--midnight:#07111f;--silver:#e9eef2;--mist:#9ba9b8;--green:#2bc987;--gold:#c8aa48;--cyan:#09d1da;--blue:#2930e1;--violet:#7a3ff2;--mx:50%;--my:45%}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;color:var(--silver);font-family:Arial,Helvetica,sans-serif;background:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img,video{max-width:100%}.skip{position:fixed;left:20px;top:-90px;z-index:100;padding:12px 16px;background:var(--gold);color:#050a12}.skip:focus{top:18px}.world{position:relative;min-height:100svh;isolation:isolate;background:radial-gradient(circle at var(--mx) var(--my),rgba(9,209,218,.08),transparent 28%),linear-gradient(128deg,#050a12 0%,#071322 52%,#040911 100%);overflow:hidden}.world::before{content:"";position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 78%)}.world::after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;background:linear-gradient(110deg,transparent 0 47%,rgba(255,255,255,.025) 49%,transparent 51%);mix-blend-mode:screen}.concept-label{position:absolute;top:11px;left:4vw;right:4vw;z-index:40;display:flex;justify-content:space-between;color:#9aa6b2;font-size:8px;letter-spacing:.18em;text-transform:uppercase}.concept-label b{color:var(--gold)}.topbar{position:absolute;top:30px;left:4vw;right:4vw;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border:1px solid rgba(224,236,244,.14);border-radius:2px;background:rgba(6,13,24,.35);backdrop-filter:blur(20px) saturate(140%);box-shadow:0 18px 60px rgba(0,0,0,.22)}.brand{width:220px;line-height:0}.brand img{display:block}.nav-inline{display:flex;gap:24px;align-items:center;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.nav-inline a{color:#bac5d0}.nav-inline a:hover{color:var(--green)}.menu-launch{border:0;background:transparent;color:#fff;text-transform:uppercase;letter-spacing:.15em;font-size:10px;cursor:pointer}.menu-launch i{display:inline-flex;flex-direction:column;gap:4px;margin-left:12px;vertical-align:middle}.menu-launch i::before,.menu-launch i::after{content:"";display:block;width:19px;height:1px;background:linear-gradient(90deg,var(--green),var(--gold))}.hero{position:relative;min-height:100svh;padding:128px 4vw 35px;display:grid;grid-template-columns:minmax(520px,.92fr) minmax(540px,1.08fr);align-items:center}.hero-copy{position:relative;z-index:10;align-self:center}.kicker{margin:0 0 20px;color:var(--gold);font-size:9px;letter-spacing:.22em;text-transform:uppercase}.kicker .pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green);margin-right:11px}.display{margin:0;font-size:clamp(68px,7.25vw,116px);font-weight:400;letter-spacing:-.075em;line-height:.82;text-transform:uppercase}.display .line{display:block}.display .infinite{position:relative;color:var(--gold);margin-left:1.7ch;font-style:italic}.display .possibilities{font-size:.72em;letter-spacing:-.06em;margin-left:.25ch}.hero-note{display:grid;grid-template-columns:125px minmax(260px,440px);gap:28px;margin-top:45px;align-items:start}.hero-note .index{font-size:9px;color:var(--green);letter-spacing:.18em;border-top:1px solid rgba(43,201,135,.45);padding-top:10px}.hero-note p{margin:0;color:#aeb9c5;font-size:14px;line-height:1.7}.hero-actions{display:flex;gap:11px;margin-top:28px;margin-left:153px}.cta{display:inline-flex;justify-content:space-between;align-items:center;min-width:190px;padding:14px 17px;border:1px solid rgba(223,236,245,.17);background:rgba(9,20,33,.45);backdrop-filter:blur(16px);color:#fff;font-size:11px;letter-spacing:.04em;transition:.3s ease}.cta:hover{border-color:rgba(43,201,135,.65);transform:translateY(-3px);box-shadow:0 15px 40px rgba(43,201,135,.08)}.cta.primary{background:linear-gradient(100deg,var(--green),#5cdba9);color:#05100c;border:0}.visual-stage{position:relative;align-self:stretch;min-height:620px;perspective:1200px}.visual-stage .master{position:absolute;z-index:8;width:min(700px,73vw);right:-4vw;top:43%;transform:translateY(-50%) translate3d(calc((var(--mx) - 50%) * .025),calc((var(--my) - 45%) * .025),0);mix-blend-mode:screen;filter:drop-shadow(0 35px 60px rgba(0,0,0,.3));transition:transform .25s ease-out}.orbital{position:absolute;z-index:5;right:7%;top:17%;width:67%;aspect-ratio:1;border:1px solid rgba(9,209,218,.12);border-radius:50%;transform:rotateX(67deg) rotateZ(-13deg);box-shadow:0 0 60px rgba(9,209,218,.06),inset 0 0 60px rgba(43,201,135,.04)}.orbital::before,.orbital::after{content:"";position:absolute;border-radius:50%;border:1px solid}.orbital::before{inset:12%;border-color:rgba(200,170,72,.18)}.orbital::after{inset:31%;border-color:rgba(122,63,242,.22)}.light-plane{position:absolute;z-index:2;filter:saturate(115%);transform:skewY(-10deg)}.light-plane.green{width:62%;height:33%;right:-6%;top:10%;background:linear-gradient(135deg,rgba(43,201,135,.05),rgba(43,201,135,.5));box-shadow:-30px 40px 90px rgba(43,201,135,.1)}.light-plane.gold{width:54%;height:18%;right:20%;bottom:12%;background:linear-gradient(115deg,transparent,rgba(200,170,72,.32),rgba(200,170,72,.04));filter:blur(1px)}.light-plane.violet{width:22%;height:65%;right:8%;top:10%;background:linear-gradient(to bottom,rgba(122,63,242,.28),rgba(41,48,225,.03));mix-blend-mode:screen}.cinematic-button{position:absolute;z-index:13;right:5%;bottom:8%;display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.17);background:rgba(5,11,20,.5);backdrop-filter:blur(16px);color:#fff;padding:12px 16px;cursor:pointer;font-size:10px;text-transform:uppercase;letter-spacing:.11em}.cinematic-button b{color:var(--gold)}.gateways{position:absolute;z-index:15;right:4vw;bottom:0;display:grid;grid-template-columns:repeat(3,150px);height:210px;align-items:end}.gateway{position:relative;padding:18px 15px 16px;border:1px solid rgba(255,255,255,.12);border-bottom:0;background:linear-gradient(to top,rgba(7,18,29,.92),rgba(13,34,43,.44));backdrop-filter:blur(18px);transition:.35s ease;overflow:hidden}.gateway:nth-child(1){height:72%;}.gateway:nth-child(2){height:100%;background:linear-gradient(to top,rgba(20,15,43,.95),rgba(122,63,242,.28))}.gateway:nth-child(3){height:84%;background:linear-gradient(to top,rgba(5,38,34,.95),rgba(43,201,135,.3))}.gateway::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.08),transparent 65%);transform:translateX(-100%);transition:.45s}.gateway:hover{height:100%;transform:translateY(-8px)}.gateway:hover::before{transform:translateX(100%)}.gateway small{font-size:8px;letter-spacing:.16em;color:#c9d3dc}.gateway strong{position:absolute;left:15px;bottom:16px;font-size:12px;font-weight:400}.gateway span{float:right;color:var(--gold)}.menu-world{position:fixed;inset:0;z-index:90;display:grid;grid-template-columns:.85fr 1.15fr;background:rgba(4,9,16,.9);backdrop-filter:blur(28px) saturate(135%);opacity:0;visibility:hidden;transition:.35s ease}.menu-world.open{opacity:1;visibility:visible}.menu-close{position:absolute;right:4vw;top:34px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;padding:10px 14px;cursor:pointer}.menu-art{position:relative;overflow:hidden;background:radial-gradient(circle at 45% 45%,rgba(9,209,218,.18),transparent 38%),linear-gradient(145deg,#071521,#040810)}.menu-art img{position:absolute;width:85%;left:-8%;top:50%;transform:translateY(-50%);mix-blend-mode:screen}.menu-art::after{content:"EXPLORE";position:absolute;left:8%;bottom:5%;font-size:clamp(80px,13vw,190px);letter-spacing:-.08em;color:rgba(255,255,255,.035);font-weight:700}.menu-links{display:grid;align-content:center;padding:8vw}.menu-links>p{font-size:9px;color:var(--gold);letter-spacing:.2em;text-transform:uppercase}.menu-links a{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.11);font-size:clamp(27px,3vw,46px);letter-spacing:-.04em}.menu-links a:hover{color:var(--green);padding-left:12px}.menu-links .minor{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.menu-links .minor a{font-size:12px;letter-spacing:0}.product-world{--product-accent:var(--cyan);min-height:100svh;background:radial-gradient(circle at var(--mx) var(--my),rgba(122,63,242,.16),transparent 24%),linear-gradient(130deg,#050914 0%,#081225 50%,#080520 100%)}.product-world::before{background-size:64px 64px}.product-hero{min-height:100svh;padding:130px 4vw 35px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;position:relative}.product-copy{position:relative;z-index:10}.product-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}.product-title{margin:18px 0 16px;font-size:clamp(70px,8.5vw,138px);line-height:.78;letter-spacing:-.08em;font-weight:400}.product-title span{display:block;margin-left:1.15ch;background:linear-gradient(90deg,var(--cyan),#3d76ff,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}.product-lede{max-width:500px;font-size:17px;color:#d9e0e7;line-height:1.55}.truth-note{display:grid;grid-template-columns:110px 1fr;max-width:550px;margin-top:28px;padding-top:14px;border-top:1px solid rgba(9,209,218,.22);font-size:12px;color:#9aabba}.truth-note b{color:var(--cyan);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.product-scene{position:relative;min-height:620px}.product-scene .logo{position:absolute;z-index:7;width:93%;right:-3%;top:43%;transform:translateY(-50%);filter:drop-shadow(0 30px 60px rgba(0,0,0,.35))}.product-scene .symbol{position:absolute;z-index:8;width:33%;right:12%;top:5%;filter:drop-shadow(0 0 40px rgba(9,209,218,.3));animation:float 6s ease-in-out infinite}.halo{position:absolute;right:4%;top:5%;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(9,209,218,.1) 0 26%,transparent 27% 43%,rgba(122,63,242,.07) 44% 45%,transparent 46%);border:1px solid rgba(9,209,218,.08);animation:spin 22s linear infinite}.capability-orbit{position:absolute;z-index:10;right:4%;bottom:11%;display:flex;gap:8px}.capability-orbit span{padding:9px 12px;border:1px solid rgba(255,255,255,.14);background:rgba(6,15,29,.56);backdrop-filter:blur(14px);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.product-cinematic{position:absolute;z-index:13;left:4vw;bottom:35px}.vertical-word{position:absolute;right:1.5vw;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;color:rgba(255,255,255,.06);font-size:13px;letter-spacing:.45em;text-transform:uppercase}.status-chip{display:inline-flex;gap:10px;align-items:center;padding:8px 12px;border:1px solid rgba(9,209,218,.22);background:rgba(9,209,218,.05);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.status-chip i{width:6px;height:6px;border-radius:50%;background:var(--gold)}dialog{width:min(980px,92vw);padding:0;border:1px solid rgba(255,255,255,.15);background:#03070d;color:#fff;box-shadow:0 60px 180px #000}dialog::backdrop{background:rgba(0,3,8,.82);backdrop-filter:blur(12px)}dialog video{display:block;width:100%;background:#000}.dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;border-bottom:1px solid rgba(255,255,255,.13);font-size:9px;text-transform:uppercase;letter-spacing:.13em}.dialog-bar button{border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;padding:7px 10px}.dialog-note{margin:0;padding:10px 15px;color:#8e9aa7;font-size:10px}@keyframes float{50%{transform:translateY(-14px) rotate(2deg)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.nav-inline{display:none}.hero,.product-hero{grid-template-columns:1fr;padding-top:120px}.display{font-size:clamp(62px,12vw,96px)}.visual-stage{min-height:560px}.visual-stage .master{right:50%;transform:translate(50%,-50%);width:min(730px,95vw)}.gateways{position:relative;right:auto;bottom:auto;margin:0 4vw;grid-template-columns:repeat(3,1fr);height:170px}.hero{padding-bottom:0}.product-scene{min-height:560px}.product-cinematic{position:static;margin-top:25px}.product-hero{padding-bottom:70px}.product-copy{padding-bottom:20px}.product-scene .logo{right:0}.menu-world{grid-template-columns:1fr}.menu-art{display:none}}
@media(max-width:600px){.concept-label{font-size:6px}.topbar{top:25px}.brand{width:185px}.hero{padding:105px 23px 0;display:block}.kicker{margin-top:28px}.display{font-size:clamp(49px,16vw,72px);line-height:.86}.display .infinite{margin-left:.65ch}.display .possibilities{font-size:.63em;margin-left:0}.hero-note{grid-template-columns:70px 1fr;gap:15px;margin-top:27px}.hero-note p{font-size:12px}.hero-actions{margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr}.cta{min-width:0;padding:12px;font-size:10px}.visual-stage{min-height:430px;margin-inline:-23px}.visual-stage .master{top:45%;width:118vw}.orbital{right:2%;width:92%}.cinematic-button{bottom:5%;right:5%;font-size:8px}.gateways{margin:0;grid-template-columns:1fr;height:auto}.gateway,.gateway:nth-child(n){height:auto!important;min-height:92px;border-left:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.gateway strong{position:static;display:block;margin-top:25px}.menu-links{padding:85px 25px 30px}.menu-links a{font-size:34px}.menu-links .minor{grid-template-columns:1fr;gap:0}.product-hero{display:block;padding:112px 23px 30px}.product-title{font-size:clamp(62px,19vw,90px)}.product-lede{font-size:15px}.truth-note{grid-template-columns:80px 1fr}.product-scene{min-height:430px;margin-inline:-23px}.product-scene .logo{width:110%;right:-7%;top:50%}.product-scene .symbol{width:38%;right:10%;top:3%}.capability-orbit{left:23px;right:23px;bottom:5%;display:grid;grid-template-columns:repeat(3,1fr)}.capability-orbit span{font-size:7px;padding:8px 5px;text-align:center}.vertical-word{display:none}.product-cinematic{margin-top:15px}.product-cinematic .cta{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual-stage .master,.gateway,.cta{transition:none}.product-scene .symbol,.halo{animation:none}}

/* Preserve the approved raster while allowing its baked black ground to blend. */
.world{isolation:auto}
.visual-stage .master{filter:none}
.visual-stage .master-wrap{position:absolute;z-index:8;width:min(700px,65vw);right:0;top:43%;transform:translateY(-50%) translate3d(calc((var(--mx) - 50%) * .025),calc((var(--my) - 45%) * .025),0);transition:transform .25s ease-out}
.visual-stage .master-wrap .master{position:static;width:100%;transform:none;mix-blend-mode:screen}
@media(max-width:1000px){.visual-stage .master-wrap{right:50%;transform:translate(50%,-50%);width:min(730px,95vw)}}
@media(max-width:600px){
  .visual-stage .master-wrap{top:45%;width:96vw}
  .product-scene .logo{width:96%;right:2%}
}

/* Phase 2 — founder-directed compositional refinement */
.phase-two{background:#030811}
.phase-two .world{min-height:100svh}
.phase-two .topbar{border-color:rgba(214,235,242,.11);background:linear-gradient(100deg,rgba(5,13,23,.72),rgba(8,19,31,.38));box-shadow:0 24px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)}
.space-refined{background:radial-gradient(circle at var(--mx) var(--my),rgba(9,209,218,.1),transparent 24%),radial-gradient(circle at 76% 42%,rgba(43,201,135,.09),transparent 28%),linear-gradient(125deg,#030811,#071422 50%,#040b14)}
.refined-hero{position:relative;min-height:100svh;padding:116px 4vw 26px;display:grid;grid-template-columns:minmax(520px,.92fr) minmax(500px,1.08fr);grid-template-rows:1fr 180px;overflow:hidden}
.atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.atmosphere i{position:absolute;display:block;transform:rotate(-12deg);filter:blur(1px);mix-blend-mode:screen}
.atmosphere i:nth-child(1){width:42vw;height:70vh;right:-12vw;top:-14vh;background:linear-gradient(150deg,rgba(43,201,135,.23),transparent 64%);clip-path:polygon(24% 0,100% 0,74% 100%,0 74%)}
.atmosphere i:nth-child(2){width:36vw;height:30vh;right:8vw;bottom:8vh;background:linear-gradient(115deg,transparent,rgba(200,170,72,.2),transparent);clip-path:polygon(0 30%,100% 0,82% 100%,8% 72%)}
.atmosphere i:nth-child(3){width:24vw;height:72vh;right:20vw;top:14vh;background:linear-gradient(180deg,rgba(122,63,242,.15),transparent);clip-path:polygon(36% 0,100% 8%,58% 100%,0 92%)}
.refined-copy{position:relative;z-index:12;align-self:center;padding-bottom:48px}
.refined-display{font-size:clamp(65px,6.65vw,106px);position:relative}
.refined-display::before{content:"01";position:absolute;left:-1vw;top:-5vw;font-size:clamp(150px,20vw,320px);line-height:1;color:rgba(255,255,255,.018);font-style:normal;pointer-events:none}
.refined-intro{display:grid;grid-template-columns:110px minmax(260px,420px);gap:25px;margin-top:37px;align-items:start}
.refined-intro .index{font-size:9px;color:var(--green);letter-spacing:.18em;border-top:1px solid rgba(43,201,135,.45);padding-top:10px}
.refined-intro p{margin:0;color:#abb8c5;font-size:13px;line-height:1.7}
.refined-actions{margin:25px 0 0 135px}
.identity-stage{position:relative;z-index:9;grid-column:2;grid-row:1/3;min-height:620px;perspective:1200px;transform-style:preserve-3d}
.identity-glass{position:absolute;width:70%;height:67%;right:1%;top:8%;transform:translate3d(var(--shift-x,0),var(--shift-y,0),0) rotate(-8deg) skewY(-3deg);transition:transform .35s ease-out;border:1px solid rgba(157,221,209,.15);background:linear-gradient(135deg,rgba(43,201,135,.12),rgba(7,17,31,.05) 48%,rgba(122,63,242,.1));backdrop-filter:blur(4px);box-shadow:-55px 55px 140px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08)}
.identity-stage .master-wrap{position:absolute;z-index:8;width:min(650px,53vw);right:0;top:40%;transform:translateY(-50%);filter:drop-shadow(0 45px 70px rgba(0,0,0,.4))}
.identity-stage .master-wrap .master{position:static;width:100%;mix-blend-mode:screen}
.orbit{position:absolute;display:block;border-radius:50%;border:1px solid;pointer-events:none}
.orbit-a{z-index:5;right:8%;top:10%;width:68%;aspect-ratio:1;border-color:rgba(9,209,218,.14);transform:rotateX(67deg) rotateZ(-18deg);box-shadow:0 0 100px rgba(9,209,218,.05),inset 0 0 70px rgba(43,201,135,.04)}
.orbit-b{z-index:6;right:20%;top:22%;width:45%;aspect-ratio:1;border-color:rgba(200,170,72,.22);transform:rotateX(68deg) rotateZ(21deg)}
.identity-caption{position:absolute;z-index:12;right:3%;top:11%;display:grid;gap:5px;text-align:right}
.identity-caption b{font-size:8px;letter-spacing:.2em;color:var(--gold)}.identity-caption span{font-size:9px;color:#8fa0ae}
.identity-stage .cinematic-button{right:3%;bottom:27%}
.portal-architecture{position:absolute;z-index:15;right:4vw;bottom:0;width:min(54vw,760px);height:210px;display:grid;grid-template-columns:.86fr 1.14fr 1fr;align-items:end;perspective:950px}
.portal{position:relative;display:block;padding:20px 17px;border:1px solid rgba(255,255,255,.13);border-bottom:0;overflow:hidden;transform-origin:bottom;transition:transform .45s cubic-bezier(.2,.8,.2,1),height .45s ease,filter .45s ease;backdrop-filter:blur(20px) saturate(140%)}
.portal::before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,transparent 30%,rgba(255,255,255,.12),transparent 63%);transform:translateX(-120%);transition:.55s}
.portal::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}
.portal-discover{height:72%;background:linear-gradient(150deg,rgba(7,26,35,.55),rgba(6,15,26,.88));transform:rotateY(6deg)}
.portal-build{height:100%;background:linear-gradient(150deg,rgba(122,63,242,.34),rgba(12,13,38,.9));box-shadow:0 0 70px rgba(122,63,242,.11)}
.portal-connect{height:84%;background:linear-gradient(150deg,rgba(43,201,135,.3),rgba(5,34,30,.9));transform:rotateY(-6deg)}
.portal:hover,.portal:focus-visible{height:100%;transform:translateY(-10px) rotateY(0);filter:brightness(1.16);outline:none}.portal:hover::before,.portal:focus-visible::before{transform:translateX(120%)}
.portal small{font-size:8px;letter-spacing:.16em;color:#c6d1da}.portal-arrow{float:right;color:var(--gold)}
.portal strong{position:absolute;left:17px;bottom:44px;font-size:15px;font-weight:400}.portal em{position:absolute;left:17px;bottom:20px;font-style:normal;font-size:8px;color:#99a8b5}
.enter-layer{opacity:0;transform:translateY(22px);animation:phaseEnter .9s cubic-bezier(.2,.7,.2,1) forwards}.identity-stage{animation-delay:.12s}.portal-architecture{animation-delay:.28s}
@keyframes phaseEnter{to{opacity:1;transform:translateY(0)}}

.tonqiva-refined{background:radial-gradient(circle at var(--mx) var(--my),rgba(9,209,218,.12),transparent 22%),radial-gradient(circle at 78% 44%,rgba(122,63,242,.17),transparent 34%),linear-gradient(128deg,#040812,#071329 52%,#08051c)}
.tonqiva-stage{position:relative;min-height:100svh;padding:120px 4vw 34px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;overflow:hidden}
.tonqiva-stage::before{content:"";position:absolute;right:-6vw;top:-16vh;width:52vw;height:105vh;background:linear-gradient(150deg,rgba(9,209,218,.06),rgba(122,63,242,.13),transparent 69%);clip-path:polygon(30% 0,100% 8%,78% 100%,0 82%);border-left:1px solid rgba(9,209,218,.09)}
.tonqiva-copy{position:relative;z-index:12;padding-bottom:25px}
.tonqiva-copy .product-title{font-size:clamp(70px,7.7vw,124px);position:relative;z-index:2}
.status-chip.neutral{border-color:rgba(200,170,72,.23);background:rgba(200,170,72,.045)}.status-chip.neutral i{background:var(--cyan);box-shadow:0 0 13px rgba(9,209,218,.7)}
.tonqiva-actions{margin:25px 0 0}
.tonqiva-identity{position:relative;z-index:8;min-height:620px;perspective:1200px}
.tonqiva-aura{position:absolute;z-index:1;right:7%;top:9%;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(9,209,218,.22),rgba(41,48,225,.09) 32%,rgba(122,63,242,.05) 50%,transparent 68%);filter:blur(12px)}
.tonqiva-ring{position:absolute;z-index:3;border-radius:50%;border:1px solid;pointer-events:none}
.ring-one{width:75%;aspect-ratio:1;right:4%;top:6%;border-color:rgba(9,209,218,.13);transform:rotateX(66deg) rotateZ(-18deg);box-shadow:0 0 80px rgba(9,209,218,.08)}
.ring-two{width:54%;aspect-ratio:1;right:16%;top:20%;border-color:rgba(122,63,242,.24);transform:rotateX(68deg) rotateZ(24deg)}
.tonqiva-symbol-watermark{position:absolute;z-index:2;width:48%;right:17%;top:5%;opacity:.2;filter:blur(.2px) drop-shadow(0 0 45px rgba(9,209,218,.45));animation:float 7s ease-in-out infinite}
.tonqiva-logo-glass{position:absolute;z-index:7;width:88%;right:0;top:40%;transform:translate3d(var(--shift-x,0),calc(-50% + var(--shift-y,0)),0) rotate(-2deg);transition:transform .35s ease-out;padding:6% 3%;border:1px solid rgba(141,218,246,.13);background:linear-gradient(135deg,rgba(7,28,49,.34),rgba(31,14,68,.18));backdrop-filter:blur(14px) saturate(135%);box-shadow:-45px 55px 120px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08);clip-path:polygon(5% 0,100% 8%,94% 100%,0 87%)}
.tonqiva-logo-glass .logo{display:block;width:100%;filter:drop-shadow(0 24px 45px rgba(0,0,0,.35))}
.context-axis{position:absolute;z-index:9;right:1%;bottom:11%;display:grid;grid-template-columns:repeat(3,1fr);width:88%}
.context-axis span{padding:13px 12px;border:1px solid rgba(255,255,255,.11);background:rgba(4,12,27,.46);backdrop-filter:blur(16px);font-size:8px;letter-spacing:.1em;text-transform:uppercase}.context-axis b{display:block;color:var(--cyan);font-size:7px;margin-bottom:7px}
.refined-film{position:absolute;left:4vw;bottom:34px;z-index:13;border:1px solid rgba(255,255,255,.15);background:rgba(7,15,30,.55);backdrop-filter:blur(16px);color:#fff;padding:13px 16px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.refined-film span{color:var(--cyan);margin-left:30px}
.tonqiva-menu-art{background:radial-gradient(circle at 45% 45%,rgba(122,63,242,.25),transparent 38%),#040812}

@media(max-width:1000px){
  .refined-hero,.tonqiva-stage{grid-template-columns:1fr;display:block;padding-top:116px}
  .refined-copy{width:70%;padding-bottom:0}.identity-stage{min-height:540px;margin-left:25%;margin-top:-120px}.identity-stage .master-wrap{width:min(680px,78vw)}
  .portal-architecture{position:relative;right:auto;bottom:auto;width:100%;height:175px;grid-template-columns:repeat(3,1fr)}
  .tonqiva-copy{width:72%}.tonqiva-identity{min-height:540px;margin-left:20%;margin-top:-85px}.refined-film{position:static;margin-top:10px}
}
@media(max-width:600px){
  .refined-hero,.tonqiva-stage{padding:105px 23px 0}
  .refined-copy,.tonqiva-copy{width:100%;padding-top:26px}
  .refined-display{font-size:clamp(48px,15.5vw,68px);line-height:.86}
  .refined-intro{grid-template-columns:68px 1fr;gap:14px;margin-top:25px}.refined-intro p{font-size:12px}
  .refined-actions,.tonqiva-actions{margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr}
  .identity-stage{min-height:400px;margin:12px -23px 0}.identity-stage .master-wrap{width:94vw;right:50%;top:43%;transform:translate(50%,-50%)}
  .identity-glass{width:84%;height:66%;right:2%;top:10%}.identity-caption{display:none}.identity-stage .cinematic-button{right:5%;bottom:6%}
  .portal-architecture{margin:0 -23px;width:auto;height:auto;display:grid;grid-template-columns:1fr}
  .portal,.portal-discover,.portal-build,.portal-connect{height:auto;min-height:104px;transform:none;border-left:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .portal strong{bottom:42px}.portal em{bottom:20px}
  .tonqiva-copy .product-title{font-size:clamp(60px,18vw,82px)}
  .tonqiva-identity{min-height:405px;margin:12px -23px 0}.tonqiva-logo-glass{width:96%;right:2%;top:48%;padding:8% 2%}.tonqiva-symbol-watermark{width:46%;right:24%;top:5%}
  .context-axis{left:23px;right:23px;bottom:2%;width:auto}.context-axis span{padding:9px 5px;font-size:6px;text-align:center}
  .refined-film{width:100%;margin:18px 0 28px}.vertical-word{display:none}
}
@media(prefers-reduced-motion:reduce){.enter-layer{opacity:1;transform:none;animation:none}.tonqiva-symbol-watermark{animation:none}.portal{transition:none}}

/* Living Interface 03 — cursor, cinematic portal and destination transitions */
:root{--cursor-a:#0bd4cf;--cursor-b:#d8b64b;--portal-a:rgba(43,201,135,.28);--portal-b:rgba(200,170,72,.2)}
.living-interface[data-environment="tonqiva"]{--cursor-a:#09d1da;--cursor-b:#7a3ff2;--portal-a:rgba(9,209,218,.3);--portal-b:rgba(122,63,242,.25)}
.living-interface .refined-display::before{content:none}.living-interface.portal-open{overflow:hidden}.living-interface .menu-launch,.living-interface a,.living-interface button{cursor:pointer}
.living-cursor,.cursor-trail{display:none}
@media (hover:hover) and (pointer:fine){
  .living-interface,.living-interface a,.living-interface button{cursor:none}
  .living-cursor{display:block;position:fixed;z-index:250;left:0;top:0;width:10px;height:10px;pointer-events:none;transform:translate3d(-100px,-100px,0);will-change:transform}
  .cursor-core{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;transform:translate(-50%,-50%);background:#fff6d8;box-shadow:0 0 8px #fff,0 0 20px var(--cursor-b)}
  .cursor-orbit{position:absolute;left:50%;top:50%;width:30px;height:30px;border:1px solid var(--cursor-a);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px color-mix(in srgb,var(--cursor-a) 55%,transparent),inset 0 0 9px color-mix(in srgb,var(--cursor-b) 25%,transparent);transition:width .28s ease,height .28s ease,box-shadow .28s ease,border-color .28s ease}
  .cursor-orbit::before{content:"";position:absolute;inset:4px;border-radius:50%;border:1px dotted color-mix(in srgb,var(--cursor-b) 60%,transparent);animation:cursorOrbit 3s linear infinite}
  .cursor-label{position:absolute;left:22px;top:-7px;color:#eefaff;font-size:7px;letter-spacing:.16em;white-space:nowrap;opacity:0;transform:translateX(-5px);transition:.25s}
  .living-cursor.is-hover .cursor-orbit{width:48px;height:48px;box-shadow:0 0 22px var(--cursor-a),inset 0 0 14px color-mix(in srgb,var(--cursor-b) 35%,transparent)}
  .living-cursor.is-enter .cursor-orbit{width:72px;height:72px;border-color:var(--cursor-b)}.living-cursor.is-enter .cursor-label{opacity:1;transform:none}
  .living-cursor.is-play .cursor-orbit{width:60px;height:60px}.living-cursor.is-play .cursor-orbit::after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:13px}.living-cursor.is-play .cursor-core{opacity:0}
  .cursor-trail{display:block;position:fixed;inset:0;z-index:240;width:100vw;height:100vh;pointer-events:none}
}
@keyframes cursorOrbit{to{transform:rotate(360deg)}}
.cinematic-portal{display:block;position:fixed;inset:0;z-index:190;background:rgba(2,6,13,.92);backdrop-filter:blur(28px) saturate(135%);opacity:0;visibility:hidden;clip-path:circle(0 at var(--portal-x,92%) var(--portal-y,8%));transition:clip-path .72s cubic-bezier(.16,.78,.2,1),opacity .32s ease,visibility 0s .72s}
.cinematic-portal.open{opacity:1;visibility:visible;clip-path:circle(150% at var(--portal-x,92%) var(--portal-y,8%));transition-delay:0s}
.portal-ignition{position:absolute;left:var(--portal-x,92%);top:var(--portal-y,8%);width:22px;height:22px;border-radius:50%;transform:translate(-50%,-50%) scale(.1);border:1px solid var(--cursor-a);box-shadow:0 0 80px 25px var(--cursor-a);opacity:0}.cinematic-portal.open .portal-ignition{animation:ignite 1.05s ease-out forwards}
@keyframes ignite{0%{opacity:1;transform:translate(-50%,-50%) scale(.1)}60%{opacity:.8}100%{opacity:0;transform:translate(-50%,-50%) scale(24)}}
.portal-structure{position:absolute;inset:0;overflow:hidden;pointer-events:none;perspective:1100px}.portal-structure i{position:absolute;display:block;border:1px solid rgba(166,229,222,.15);background:linear-gradient(135deg,var(--portal-a),rgba(10,19,34,.08),var(--portal-b));backdrop-filter:blur(8px);box-shadow:inset 0 1px rgba(255,255,255,.08),0 45px 130px rgba(0,0,0,.45);opacity:0;transition:transform .8s cubic-bezier(.16,.75,.24,1),opacity .5s}
.portal-structure i:nth-child(1){width:42vw;height:112vh;right:-8vw;top:-10vh;transform:translateX(30%) rotate(-12deg);clip-path:polygon(16% 0,100% 8%,78% 100%,0 84%)}.portal-structure i:nth-child(2){width:35vw;height:75vh;right:27vw;bottom:-20vh;transform:translateY(35%) rotate(18deg);background:linear-gradient(145deg,rgba(122,63,242,.18),rgba(8,19,31,.06),rgba(9,209,218,.14))}.portal-structure i:nth-child(3){width:28vw;height:90vh;left:-13vw;top:6vh;transform:translateX(-30%) rotate(-18deg);background:linear-gradient(135deg,rgba(200,170,72,.11),rgba(43,201,135,.12),transparent)}
.cinematic-portal.open .portal-structure i{opacity:1;transform:translate(0) rotate(-5deg)}.cinematic-portal.open .portal-structure i:nth-child(2){transform:translate(0) rotate(9deg)}.cinematic-portal.open .portal-structure i:nth-child(3){transform:translate(0) rotate(-9deg)}
.portal-header{position:absolute;z-index:5;left:4vw;right:4vw;top:30px;height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);font-size:8px;letter-spacing:.19em;text-transform:uppercase;color:#9aabb8}.cinematic-portal .menu-close{position:static;border:1px solid rgba(255,255,255,.15);background:rgba(4,12,22,.35);color:#fff;padding:11px 15px;letter-spacing:.12em;text-transform:uppercase}.menu-close i{font-style:normal;color:var(--cursor-a);margin-left:12px;font-size:15px}
.portal-scene{position:relative;z-index:4;height:100%;padding:112px 4vw 38px;display:grid;grid-template-columns:minmax(210px,.7fr) minmax(180px,.55fr) minmax(340px,1.15fr);gap:2vw;align-items:center}.cinematic-portal .menu-links{display:block;padding:0;opacity:0;transform:translateY(24px);transition:.55s .2s}.cinematic-portal.open .menu-links{opacity:1;transform:none}
.portal-primary>p,.product-destinations>p{margin:0 0 15px;color:var(--cursor-b);font-size:8px;letter-spacing:.2em;text-transform:uppercase}.portal-primary>a,.portal-primary>button{display:flex;width:100%;align-items:baseline;justify-content:space-between;padding:9px 0;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;color:#e9f0f5;text-align:left;font-size:clamp(28px,3.25vw,50px);letter-spacing:-.045em;transition:color .25s,padding .25s}.portal-primary>a:hover,.portal-primary>a:focus-visible,.portal-primary>button:hover,.portal-primary>button:focus-visible{color:var(--cursor-a);padding-left:12px;outline:none}.portal-primary>button i{font-size:7px;letter-spacing:.12em;color:#8494a2;font-style:normal;text-transform:uppercase}
.product-destinations{opacity:0;transform:translateY(24px);transition:.55s .3s}.cinematic-portal.open .product-destinations{opacity:1;transform:none}.product-destinations a{display:block;padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,transparent,rgba(255,255,255,.018));transition:.28s}.product-destinations a:hover,.product-destinations a:focus-visible{padding-left:20px;background:linear-gradient(90deg,color-mix(in srgb,var(--cursor-a) 12%,transparent),transparent);outline:none}.product-destinations span{display:block;font-size:18px}.product-destinations small{font-size:8px;color:#8796a4;letter-spacing:.08em}
.portal-preview{position:relative;min-height:610px;opacity:0;transform:scale(.94);transition:.7s .25s;display:grid;place-items:center}.cinematic-portal.open .portal-preview{opacity:1;transform:none}.portal-preview::before{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,color-mix(in srgb,var(--cursor-a) 9%,transparent),rgba(4,10,20,.08),color-mix(in srgb,var(--cursor-b) 8%,transparent));backdrop-filter:blur(13px);clip-path:polygon(8% 0,100% 7%,92% 100%,0 88%)}.preview-orbit{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;border:1px solid color-mix(in srgb,var(--cursor-a) 34%,transparent);transform:rotateX(68deg) rotateZ(-14deg);box-shadow:0 0 90px color-mix(in srgb,var(--cursor-a) 12%,transparent),inset 0 0 60px color-mix(in srgb,var(--cursor-b) 8%,transparent)}
.preview-image{position:absolute;z-index:2;width:82%;max-height:64%;object-fit:contain;opacity:0;transform:scale(.88) rotate(-3deg);filter:drop-shadow(0 35px 50px rgba(0,0,0,.38));transition:.45s}.portal-preview[data-active-preview="space"] .preview-space,.portal-preview[data-active-preview="tonqiva"] .preview-tonqiva,.portal-preview[data-active-preview="smartco"] .preview-smartco,.portal-preview[data-active-preview="smartcore"] .preview-smartcore{opacity:1;transform:scale(1) rotate(0)}.portal-preview[data-active-preview="solutions"] .preview-space,.portal-preview[data-active-preview="ecosystem"] .preview-space,.portal-preview[data-active-preview="about"] .preview-space,.portal-preview[data-active-preview="contact"] .preview-space,.portal-preview[data-active-preview="products"] .preview-space{opacity:.85;transform:scale(.92)}
.preview-image.preview-smartco{width:88%;max-height:none;aspect-ratio:5/2}.preview-image.preview-smartcore{width:88%;max-height:none;aspect-ratio:922/298}
.portal-preview p{position:absolute;z-index:3;left:12%;bottom:9%;margin:0;display:grid;gap:5px}.preview-name{font-size:12px;letter-spacing:.12em;color:#fff;text-transform:uppercase}.preview-note{font-size:8px;color:#8fa1ae;letter-spacing:.09em}
.destination-transition{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:#030812;clip-path:circle(0 at 50% 50%);opacity:0;visibility:hidden;pointer-events:none}.destination-transition i{position:absolute;width:34vmin;aspect-ratio:1;border-radius:50%;border:1px solid #09d1da;box-shadow:0 0 90px rgba(9,209,218,.5),inset 0 0 70px rgba(122,63,242,.25)}.destination-transition span{z-index:2;font-size:9px;letter-spacing:.23em;text-transform:uppercase;color:#dcefff}.destination-transition.active{visibility:visible;opacity:1;animation:destinationOpen .68s cubic-bezier(.2,.75,.2,1) forwards}
@keyframes destinationOpen{to{clip-path:circle(150% at 50% 50%)}}
@media(max-width:900px){.portal-scene{grid-template-columns:.82fr 1.18fr;gap:25px;padding-top:100px;overflow-y:auto;align-items:start}.portal-preview{position:relative;grid-column:1/-1;right:auto;top:auto;width:100%;min-height:330px;opacity:1!important;z-index:0}.product-destinations{align-self:center}}
@media(max-width:600px){.cinematic-portal{clip-path:circle(0 at 88% 7%)}.cinematic-portal.open{clip-path:circle(165% at 88% 7%)}.portal-header{left:23px;right:23px;top:22px;height:52px}.portal-header>span{max-width:190px;line-height:1.45}.portal-scene{padding:88px 23px 18px;display:grid;grid-template-columns:1fr .92fr;gap:15px;align-items:start;overflow-y:auto}.portal-primary>p,.product-destinations>p{font-size:6px;margin-bottom:8px}.portal-primary>a,.portal-primary>button{font-size:clamp(24px,8vw,34px);padding:7px 0}.portal-primary>button i{display:none}.product-destinations{padding-top:28px}.product-destinations a{padding:10px 7px}.product-destinations span{font-size:14px}.product-destinations small{font-size:6px;line-height:1.3;display:block}.portal-preview{position:relative;grid-column:1/-1;right:auto;top:auto;width:100%;min-height:270px;opacity:1!important}.portal-preview p{display:none}}
@media(prefers-reduced-motion:reduce){.cinematic-portal,.portal-structure i,.cinematic-portal .menu-links,.product-destinations,.portal-preview,.preview-image{transition-duration:.01ms!important;animation:none!important}.portal-ignition,.destination-transition{display:none}.living-cursor,.cursor-trail{display:none!important}.living-interface,.living-interface a,.living-interface button{cursor:auto!important}}

/* Phase 6.1: blend approved dark-background flagship previews without changing portal behaviour */
.portal-preview[data-active-preview="smartco"] .preview-smartco{clip-path:ellipse(49% 47% at center);mask-image:radial-gradient(ellipse 50% 50% at center,#000 0 76%,rgba(0,0,0,.94) 82%,rgba(0,0,0,.5) 92%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at center,#000 0 76%,rgba(0,0,0,.94) 82%,rgba(0,0,0,.5) 92%,transparent 100%)}
.portal-preview[data-active-preview="smartcore"] .preview-smartcore{mask-image:radial-gradient(ellipse 57% 50% at center,#000 0 84%,rgba(0,0,0,.9) 89%,rgba(0,0,0,.45) 95%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 57% 50% at center,#000 0 84%,rgba(0,0,0,.9) 89%,rgba(0,0,0,.45) 95%,transparent 100%)}
.portal-preview[data-active-preview="smartco"]::after,.portal-preview[data-active-preview="smartcore"]::after{content:"";position:absolute;z-index:1;inset:20% 7%;pointer-events:none;background:radial-gradient(ellipse,rgba(0,45,65,.42),rgba(3,12,23,.3) 48%,transparent 78%);filter:blur(24px)}
.portal-preview[data-active-preview="smartco"]::after{inset:10% -8%;background:radial-gradient(ellipse,rgba(2,11,22,.96) 0 40%,rgba(0,35,52,.68) 61%,rgba(2,8,17,0) 90%);filter:blur(28px)}
.portal-preview[data-active-preview="smartco"]::before{background:linear-gradient(145deg,rgba(1,12,23,.92),rgba(0,35,48,.58) 52%,rgba(2,9,18,.86));border-color:rgba(9,209,218,.14)}
.cinematic-portal:has(.portal-preview[data-active-preview="smartco"]){background:radial-gradient(circle at 76% 42%,rgba(0,65,78,.4),transparent 42%),rgba(2,6,13,.97)}
.cinematic-portal:has(.portal-preview[data-active-preview="smartco"]) .portal-structure i{opacity:.38}