*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#07142f;background:#f8faff}.shell{width:min(1480px,calc(100% - 72px));margin-inline:auto}.site-header{height:78px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid #e7ebf4;position:sticky;top:0;z-index:50}.nav-shell{height:78px;display:flex;align-items:center;gap:30px}.brand-lockup,.footer-lockup{display:flex;align-items:center;text-decoration:none;gap:10px}.brand-mark{width:42px;height:42px;object-fit:contain}.brand-word{width:190px;height:32px;object-fit:contain;object-position:left center}.nav-links{display:flex;gap:40px;margin-left:auto}.nav-links a{color:#07142f;text-decoration:none;font-weight:700;font-size:15px}.build-btn{height:52px;padding:0 24px;display:flex;align-items:center;gap:12px;border-radius:14px;text-decoration:none;color:#fff;font-weight:800;background:linear-gradient(110deg,#168df5 0%,#4d53ff 48%,#d61fd9 100%);box-shadow:0 14px 30px rgba(90,50,220,.24)}.menu-btn{display:none}.hero-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fcfdff 0%,#f7f9ff 100%)}.hero-ambient{position:absolute;border-radius:50%;filter:blur(90px);opacity:.22}.hero-cyan{width:360px;height:360px;background:#51e4ff;left:-150px;top:100px}.hero-magenta{width:420px;height:420px;background:#e25cff;right:-170px;bottom:-180px}.hero-layout{min-height:650px;display:grid;grid-template-columns:minmax(0,1fr) minmax(560px,680px);gap:54px;align-items:center;padding:42px 0 58px}.hero-badge{display:inline-flex;align-items:center;gap:9px;height:38px;border:1px solid #b9d4ff;border-radius:999px;padding:0 16px;color:#0c56c9;font-size:12px;font-weight:850;letter-spacing:.09em;background:rgba(255,255,255,.82)}.hero-badge span{width:8px;height:8px;border-radius:50%;background:#2b91ff;box-shadow:0 0 0 5px rgba(43,145,255,.12)}h1{font-size:64px;line-height:1.06;letter-spacing:-.045em;margin:27px 0 24px;font-weight:900}h1 em{font-style:normal;background:linear-gradient(90deg,#168ff9,#6459ff,#e532ce);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:18px;line-height:1.72;color:#50617c;max-width:610px;margin:0 0 32px}.hero-actions{display:flex;gap:16px}.hero-actions a{height:56px;border-radius:12px;padding:0 22px;display:flex;align-items:center;gap:11px;text-decoration:none;font-size:15px;font-weight:800}.btn-primary{color:#fff;background:linear-gradient(110deg,#118cf2,#5b4fff,#de26d2);box-shadow:0 13px 30px rgba(91,79,255,.18)}.btn-secondary{color:#07142f;background:#fff;border:1px solid #b8c7e5}
.ecosystem-wrap{display:flex;align-items:center;justify-content:center;min-height:560px}.ecosystem-orbit{width:590px;height:590px;position:relative}.orbit{position:absolute;inset:50%;border-radius:50%;border:1px solid rgba(87,132,255,.22);transform:translate(-50%,-50%)}.orbit-a{width:250px;height:250px;animation:spin 22s linear infinite}.orbit-b{width:370px;height:370px;border-color:rgba(87,132,255,.32);animation:spinrev 30s linear infinite}.orbit-c{width:500px;height:500px;border-style:dashed;border-color:rgba(132,91,255,.22);animation:spin 42s linear infinite}.ecosystem-orbit:before,.ecosystem-orbit:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.ecosystem-orbit:before{width:430px;height:430px;background:radial-gradient(circle,rgba(69,192,255,.11),rgba(115,91,255,.08) 52%,transparent 70%);filter:blur(2px)}.ecosystem-orbit:after{width:320px;height:320px;background:radial-gradient(circle,rgba(255,255,255,.85),rgba(202,224,255,.28) 50%,transparent 72%)}.ecosystem-core{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:166px;height:166px;border-radius:50%;background:rgba(255,255,255,.88);border:1px solid rgba(129,160,255,.22);box-shadow:0 18px 42px rgba(65,96,170,.18),0 0 70px rgba(127,94,255,.16);display:grid;place-items:center}.ecosystem-core img{width:108px;height:108px;object-fit:contain}.eco-node{position:absolute;z-index:7;width:92px;height:92px;border-radius:50%;border:1px solid rgba(104,142,236,.28);background:rgba(255,255,255,.9);box-shadow:0 12px 28px rgba(65,96,170,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#07142f;cursor:pointer;transition:.28s transform,.28s box-shadow,.28s border-color}.eco-node:hover,.eco-node.active{transform:scale(1.08);border-color:#56bafc;box-shadow:0 18px 34px rgba(69,126,238,.24),0 0 24px rgba(98,167,255,.22)}.node-icon{font-size:24px;line-height:1;color:#2c83ff}.eco-node b{font-size:14px}.node-ai{left:50%;top:10px;transform:translateX(-50%)}.node-ai:hover,.node-ai.active{transform:translateX(-50%) scale(1.08)}.node-3d{left:10px;top:50%;transform:translateY(-50%)}.node-3d:hover,.node-3d.active{transform:translateY(-50%) scale(1.08)}.node-web{right:10px;top:50%;transform:translateY(-50%)}.node-web:hover,.node-web.active{transform:translateY(-50%) scale(1.08)}.node-games{left:50%;bottom:10px;transform:translateX(-50%)}.node-games:hover,.node-games.active{transform:translateX(-50%) scale(1.08)}.eco-label{position:absolute;z-index:5;color:#52617a;font-size:13px;line-height:1.25}.label-ai{left:58px;top:58px}.label-web{right:34px;top:58px;text-align:right}.label-3d{left:45px;bottom:63px}.label-games{right:30px;bottom:64px;text-align:right}.eco-card{position:absolute;z-index:10;right:54px;top:128px;width:238px;min-height:170px;padding:16px 17px;border-radius:15px;background:rgba(255,255,255,.94);border:1px solid rgba(139,158,212,.34);box-shadow:0 22px 54px rgba(64,72,130,.24);backdrop-filter:blur(16px);transition:.28s opacity,.28s transform;transform:translateY(0)}.eco-card.is-changing{opacity:0;transform:translateY(7px)}.eco-card-top{display:flex;align-items:center;gap:8px}.eco-card-top img{width:22px;height:22px;object-fit:contain}.eco-card strong{font-size:13px}.eco-card small{display:block;color:#52617a;font-size:11px;margin:4px 0 9px}.eco-card p{font-size:12px;line-height:1.5;color:#52617a;margin:0 0 9px}.eco-card a{color:#176bed;text-decoration:none;font-size:12px;font-weight:800}.orbit-pulse{position:absolute;z-index:6;width:9px;height:9px;border-radius:50%;background:#2f99ff;box-shadow:0 0 0 4px rgba(47,153,255,.12),0 0 16px #2f99ff}.p1{left:50%;top:112px}.p2{right:112px;top:50%}.p3{left:50%;bottom:112px;background:#a74bff}.p4{left:112px;top:50%}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spinrev{to{transform:translate(-50%,-50%) rotate(-360deg)}}
.dark-zone{background:radial-gradient(circle at 78% 34%,rgba(39,93,207,.16),transparent 30%),linear-gradient(180deg,#061329 0%,#031022 100%);color:#fff;padding-bottom:18px}.status-strip{height:76px;transform:translateY(-26px);border:1px solid #203b68;border-radius:23px;background:linear-gradient(180deg,#07172f,#061326);display:grid;grid-template-columns:220px 1fr 1fr 1fr 160px;align-items:center;padding:0 20px;box-shadow:0 16px 35px rgba(0,0,0,.25)}.status-title{font-size:12px;font-weight:850;letter-spacing:.12em}.status-title span{color:#30adff;font-size:20px;margin-right:10px}.status-item{display:flex;align-items:center;gap:12px;border-left:1px solid #203250;padding-left:26px}.dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 14px currentColor}.green{background:#20e395;color:#20e395}.blue{background:#2ea0ff;color:#2ea0ff}.violet{background:#bf35ff;color:#bf35ff}.status-item strong{display:block;font-size:14px}.status-item small{display:block;font-size:11px;color:#9fb2ce;margin-top:3px}.status-strip>a{color:#fff;text-decoration:none;font-size:12px;text-align:right}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:-4px;padding-bottom:40px}.product-card{min-height:540px;border:1px solid #294166;border-radius:18px;background:linear-gradient(180deg,#0a1b38,#06162f);padding:16px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.02);transition:.28s transform,.28s border-color,.28s box-shadow}.product-card:hover{transform:translateY(-5px);border-color:#3a5b8e;box-shadow:0 20px 38px rgba(0,0,0,.16)}.product-art{height:294px;border-radius:13px;overflow:hidden;margin-bottom:18px;background:#091a37}.product-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.product-card:hover .product-art img{transform:scale(1.035)}.product-art.visuals img{object-position:center 43%}.product-art.games img{object-position:center 42%}.pill{height:29px;border-radius:999px;padding:0 11px;display:flex;align-items:center;font-size:10px;font-weight:850;letter-spacing:.04em;position:absolute;top:18px;left:18px;z-index:3}.alpha{background:#168dff}.dev{background:#7a31ec}.muted{background:#3c4960}.product-content{display:flex;flex-direction:column;flex:1}.product-card h3{font-size:24px;margin:0 0 4px;letter-spacing:-.025em}.eyeline{font-size:10px;letter-spacing:.13em;color:#c8d6ea;margin-bottom:14px}.product-card p{font-size:14px;line-height:1.62;color:#c3d1e5;margin:0 0 auto}.product-card a{font-size:13px;color:#4eb9ff;text-decoration:none;font-weight:750;margin-top:22px}.product-card button{align-self:flex-start;margin-top:22px;background:#182d50;border:1px solid #294669;border-radius:8px;color:#8396b4;padding:9px 14px}.placeholder-art{display:grid;place-items:center;background:linear-gradient(180deg,#071a36,#08172f)}.wire-cube{width:110px;height:110px;border:1px solid rgba(133,160,207,.22);position:relative;transform:rotate(30deg) skewY(-30deg)}.wire-cube:before,.wire-cube:after{content:"";position:absolute;inset:18px;border:1px solid rgba(133,160,207,.18)}
.studio-principles{border-top:1px solid #1d3151;border-bottom:1px solid #1d3151;display:grid;grid-template-columns:1.04fr .96fr;min-height:430px}.studio-panel,.principles-panel{padding:34px 24px 30px}.studio-panel{border-right:1px solid #1d3151}.section-kicker{font-size:11px;color:#29c8ff;letter-spacing:.15em;font-weight:850;margin-bottom:14px}.studio-principles h2{font-size:38px;line-height:1.08;margin:0 0 16px;letter-spacing:-.035em}.section-lede{max-width:650px;color:#aebbd0;font-size:13px;line-height:1.6;margin:0 0 30px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.step-icon{width:50px;height:50px;border-radius:50%;border:1px solid #2e9cff;color:#59bdff;display:grid;place-items:center;font-weight:800;margin-bottom:14px}.steps b{display:block;color:#23c6ff;font-size:12px;margin-bottom:5px}.steps strong{font-size:13px;display:block;margin-bottom:7px}.steps p{font-size:11px;line-height:1.48;color:#afbdd2;margin:0}.principles-panel{display:grid;grid-template-columns:minmax(300px,1fr) 330px;gap:12px;overflow:hidden;position:relative}.principles-copy{position:relative;z-index:3}.principles-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:15px}.principles-copy li{display:flex;gap:12px;align-items:flex-start}.principles-copy li>span{width:34px;height:34px;border-radius:50%;border:1px solid #2a9dfa;display:grid;place-items:center;color:#4fc4ff;flex:0 0 auto}.principles-copy li strong{display:block;font-size:13px}.principles-copy li small{display:block;color:#b4c1d4;font-size:10px;margin-top:3px}.n-stage{position:absolute;right:-30px;bottom:-26px;width:400px;height:390px;display:flex;align-items:flex-end;justify-content:flex-end;isolation:isolate}.n-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 58% 54%,rgba(49,149,255,.18),transparent 35%),radial-gradient(circle at 73% 67%,rgba(218,50,255,.2),transparent 35%);filter:blur(20px);z-index:-2}.n-aura{position:absolute;width:280px;height:220px;right:25px;bottom:20px;background:radial-gradient(ellipse,rgba(59,166,255,.26),rgba(175,60,255,.16) 45%,transparent 72%);filter:blur(20px);z-index:-1}.n-stage img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse at 60% 58%,#000 50%,rgba(0,0,0,.95) 65%,transparent 90%);mask-image:radial-gradient(ellipse at 60% 58%,#000 50%,rgba(0,0,0,.95) 65%,transparent 90%);filter:saturate(1.15) contrast(1.04)}
.cta{min-height:136px;border:1px solid #6448e6;border-radius:23px;margin-top:0;background:linear-gradient(110deg,#35198d 0%,#1e327c 48%,#6b1bb5 100%);display:grid;grid-template-columns:1.1fr 1.35fr 200px;align-items:center;padding:26px 36px;gap:30px}.cta h2{font-size:30px;line-height:1.08;margin:0}.cta p{font-size:12px;line-height:1.6;color:#d7e0f2;margin:0}.cta a{height:54px;border-radius:11px;background:#fff;color:#061327;text-decoration:none;font-weight:850;display:flex;align-items:center;justify-content:center;gap:10px}.footer{display:grid;grid-template-columns:1.45fr .75fr .75fr .75fr 1.25fr;gap:44px;padding:38px 0 30px}.footer-lockup .brand-mark{width:34px;height:34px}.footer-lockup .brand-word{width:155px;height:26px}.footer h4{font-size:10px;letter-spacing:.16em;margin:0 0 14px;color:#f4f7fb}.footer a{display:block;color:#b8c5d7;font-size:11px;margin:0 0 9px}.footer-brand p,.newsletter p{font-size:11px;line-height:1.5;color:#aab9cf;max-width:240px}.socials{display:flex;gap:9px;margin-top:15px}.socials span{width:29px;height:29px;border:1px solid #315078;border-radius:50%;display:grid;place-items:center;font-size:11px}.newsletter form{height:45px;border:1px solid #28466e;border-radius:8px;overflow:hidden;display:flex;margin-top:13px}.newsletter input{min-width:0;flex:1;background:#071a35;border:0;color:#fff;padding:0 12px;outline:0}.newsletter button{width:45px;border:0;color:#fff;background:linear-gradient(#279efb,#7144f5);font-size:18px}.legal{border-top:1px solid #152b49;padding:15px 0 4px;display:flex;justify-content:space-between;color:#7489a9;font-size:10px}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1240px){.shell{width:min(1180px,calc(100% - 48px))}.hero-layout{grid-template-columns:1fr 560px;gap:28px}h1{font-size:56px}.ecosystem-orbit{transform:scale(.92)}.product-grid{gap:16px}.principles-panel{grid-template-columns:1fr 290px}.n-stage{width:340px;height:350px}}
@media(max-width:1020px){.nav-links{display:none}.menu-btn{display:block;margin-left:auto}.build-btn{margin-left:auto}.hero-layout{grid-template-columns:1fr;padding-top:55px}.hero-copy{max-width:760px}.ecosystem-wrap{min-height:560px}.status-strip{grid-template-columns:1fr 1fr 1fr 1fr}.status-title,.status-strip>a{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.studio-principles{grid-template-columns:1fr}.studio-panel{border-right:0;border-bottom:1px solid #1d3151}.principles-panel{min-height:420px}.footer{grid-template-columns:repeat(2,1fr)}.footer-brand,.newsletter{grid-column:1/-1}}
@media(max-width:680px){.shell{width:min(100% - 28px,1480px)}.site-header,.nav-shell{height:68px}.brand-word{width:145px}.brand-mark{width:34px;height:34px}.build-btn{display:none}.hero-layout{min-height:auto;padding:42px 0 34px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.hero-actions a{justify-content:center}.ecosystem-wrap{min-height:440px}.ecosystem-orbit{width:440px;height:440px;transform:scale(.86)}.eco-card{right:22px;top:115px;width:210px}.status-strip{height:auto;transform:none;margin-top:0;padding:15px;grid-template-columns:1fr 1fr;gap:15px;border-radius:0}.status-item{border:0;padding:0}.product-grid{grid-template-columns:1fr;padding-top:20px}.product-card{min-height:520px}.product-art{height:310px}.steps{grid-template-columns:1fr 1fr}.principles-panel{grid-template-columns:1fr;min-height:610px}.n-stage{right:0;bottom:-18px;width:330px;height:330px}.cta{grid-template-columns:1fr;padding:26px;margin-top:20px}.footer{grid-template-columns:1fr 1fr}.legal{flex-direction:column;gap:8px}.studio-principles h2{font-size:30px}}
/* v5 footer polish */
.footer{grid-template-columns:1.55fr .8fr .8fr .8fr;gap:58px}
.footer-white-logo{filter:brightness(0) invert(1)!important;opacity:1}
.footer-lockup .brand-mark{width:34px;height:34px}
.footer-lockup .brand-word{width:155px;height:26px}
.socials{display:flex;gap:10px;margin-top:16px}
.social-icon{width:32px!important;height:32px!important;border:1px solid #315078;border-radius:50%;display:grid!important;place-items:center!important;transition:.22s ease;border-color:#315078;background:rgba(255,255,255,.01)}
.social-icon svg{width:15px;height:15px;display:block;fill:#fff}
.social-icon:hover{transform:translateY(-2px);border-color:#5ebeff;background:rgba(50,149,255,.08);box-shadow:0 7px 20px rgba(35,144,255,.12)}
@media(max-width:1020px){.footer{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}}
@media(max-width:680px){.footer{grid-template-columns:1fr 1fr;gap:30px 24px}.footer-brand{grid-column:1/-1}}
/* v6 — principles integration + CTA environment */
.principles-panel{
position:relative;
min-height:430px;
display:block;
overflow:hidden;
padding:0;
background:
linear-gradient(90deg,rgba(5,20,43,.98) 0%,rgba(5,20,43,.93) 48%,rgba(5,20,43,.45) 72%,rgba(5,20,43,.10) 100%);
}
.principles-panel::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,transparent 48%,rgba(54,146,255,.05) 62%,rgba(180,54,255,.08) 100%);
pointer-events:none;
z-index:1;
}
.principles-copy{
position:relative;
z-index:5;
width:56%;
padding:34px 28px 34px 24px;
}
.principles-copy ul{gap:17px}
.principles-copy li{
position:relative;
padding:2px 0;
}
.principles-copy li>span{
box-shadow:0 0 0 4px rgba(26,128,255,.025),0 0 18px rgba(31,164,255,.08);
background:rgba(4,19,42,.72);
}
.principles-visual{
position:absolute;
inset:0;
overflow:hidden;
z-index:0;
}
.principles-grid{
position:absolute;
right:-40px;
top:-45px;
width:60%;
height:125%;
opacity:.18;
background-image:
linear-gradient(rgba(88,159,255,.14) 1px,transparent 1px),
linear-gradient(90deg,rgba(88,159,255,.14) 1px,transparent 1px);
background-size:34px 34px;
transform:perspective(520px) rotateY(-15deg) rotateZ(-2deg);
transform-origin:right center;
-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 22%,#000 100%);
mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 22%,#000 100%);
}
.principles-glow{position:absolute;border-radius:50%;filter:blur(65px);opacity:.42}
.principles-glow.glow-blue{width:340px;height:300px;right:140px;top:20px;background:rgba(24,144,255,.34)}
.principles-glow.glow-magenta{width:280px;height:250px;right:-20px;bottom:-40px;background:rgba(206,42,255,.27)}
.n-stage{
position:absolute;
right:-8px;
bottom:-48px;
width:47%;
height:118%;
display:flex;
align-items:flex-end;
justify-content:flex-end;
isolation:isolate;
z-index:2;
}
.n-stage::before{
content:"";
position:absolute;
left:4%;right:2%;bottom:3%;height:28%;
background:radial-gradient(ellipse at center,rgba(43,132,255,.22),rgba(171,48,255,.14) 46%,transparent 72%);
filter:blur(20px);
z-index:-1;
}
.n-stage .n-aura{
position:absolute;
width:72%;height:60%;right:7%;bottom:9%;
background:radial-gradient(ellipse,rgba(35,157,255,.34),rgba(181,56,255,.20) 45%,transparent 72%);
filter:blur(26px);
z-index:-1;
}
.n-stage img{
width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block;
transform:scale(1.13) translate(2%,2%);
filter:saturate(1.24) contrast(1.05) brightness(1.03);
-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 11%,#000 30%,#000 82%,rgba(0,0,0,.72) 93%,transparent 100%),linear-gradient(0deg,rgba(0,0,0,.94) 0%,#000 14%,#000 87%,transparent 100%);
-webkit-mask-composite:source-in;
mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 11%,#000 30%,#000 82%,rgba(0,0,0,.72) 93%,transparent 100%),linear-gradient(0deg,rgba(0,0,0,.94) 0%,#000 14%,#000 87%,transparent 100%);
mask-composite:intersect;
}
.cta-scene{
position:relative;
padding:28px 0 30px;
overflow:hidden;
isolation:isolate;
}
.cta-scene::before{
content:"";
position:absolute;
inset:-1px 0;
z-index:-3;
background:
radial-gradient(circle at 20% 45%,rgba(35,137,255,.14),transparent 28%),
radial-gradient(circle at 82% 54%,rgba(181,44,255,.16),transparent 30%),
linear-gradient(180deg,#06152d 0%,#071936 46%,#06152d 100%);
}
.cta-scene-grid{
position:absolute;
inset:0;
z-index:-2;
opacity:.24;
background-image:
linear-gradient(90deg,transparent 0 49%,rgba(93,158,255,.14) 50%,transparent 51%),
linear-gradient(rgba(99,167,255,.09) 1px,transparent 1px),
linear-gradient(90deg,rgba(99,167,255,.09) 1px,transparent 1px);
background-size:100% 100%,42px 42px,42px 42px;
-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);
mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);
}
.cta-light{position:absolute;height:2px;border-radius:999px;z-index:-1;filter:blur(.15px);opacity:.58;transform:rotate(-7deg)}
.cta-light::after{content:"";position:absolute;inset:-10px -18px;background:inherit;filter:blur(14px);opacity:.35}
.cta-light-a{left:-5%;top:43%;width:46%;background:linear-gradient(90deg,transparent,#2b9dff,transparent)}
.cta-light-b{right:-4%;bottom:30%;width:42%;background:linear-gradient(90deg,transparent,#be35ff,transparent);transform:rotate(6deg)}
.cta-scene .cta{
position:relative;
z-index:2;
margin-top:0;
box-shadow:0 22px 50px rgba(0,0,0,.24),0 0 40px rgba(108,49,237,.10);
background:
linear-gradient(110deg,rgba(54,27,151,.96) 0%,rgba(31,50,128,.96) 47%,rgba(112,25,188,.96) 100%);
backdrop-filter:blur(10px);
}
.cta-scene .cta::after{
content:"";
position:absolute;
inset:1px;
border-radius:22px;
pointer-events:none;
background:linear-gradient(115deg,rgba(255,255,255,.04),transparent 30%,transparent 70%,rgba(255,255,255,.035));
}
@media(max-width:1020px){
.principles-copy{width:62%}
.n-stage{width:48%;opacity:.95}
}
@media(max-width:680px){
.principles-panel{min-height:640px}
.principles-copy{width:100%;padding:30px 20px;position:relative}
.principles-panel::before{background:linear-gradient(180deg,rgba(5,20,43,.98) 0%,rgba(5,20,43,.96) 57%,rgba(5,20,43,.35) 76%,rgba(5,20,43,.08) 100%)}
.n-stage{width:94%;height:55%;right:-16%;bottom:-40px;opacity:.78}
.principles-grid{width:100%;height:60%;top:auto;bottom:0}
.cta-scene{padding:18px 0 24px}
}
/* v7 — principles exact compact reference treatment */
.studio-principles{
min-height:360px;
}
.principles-panel{
min-height:360px;
display:grid;
grid-template-columns:52% 48%;
align-items:stretch;
padding:0;
overflow:hidden;
background:#06162f;
}
.principles-panel::before{
background:
radial-gradient(circle at 83% 48%,rgba(35,137,255,.10),transparent 28%),
radial-gradient(circle at 91% 72%,rgba(192,42,255,.09),transparent 26%);
z-index:1;
}
.principles-copy{
grid-column:1;
width:auto;
padding:28px 20px 24px 24px;
align-self:start;
z-index:5;
}
.principles-copy .section-kicker{
margin-bottom:11px;
font-size:9px;
letter-spacing:.17em;
}
.studio-principles .principles-copy h2{
font-size:30px;
line-height:1.02;
letter-spacing:-.035em;
margin:0 0 12px;
}
.principles-copy ul{
gap:10px;
}
.principles-copy li{
gap:9px;
padding:0;
}
.principles-copy li>span{
width:28px;
height:28px;
font-size:12px;
box-shadow:none;
}
.principles-copy li strong{
font-size:11px;
line-height:1.15;
}
.principles-copy li small{
font-size:8.5px;
line-height:1.3;
margin-top:2px;
}
.principles-visual{
grid-column:2;
position:relative;
inset:auto;
width:100%;
height:100%;
z-index:2;
overflow:hidden;
align-self:stretch;
}
.principles-grid,
.principles-glow{
display:none;
}
.n-stage{
position:absolute;
inset:0;
width:100%;
height:100%;
display:flex;
align-items:flex-end;
justify-content:center;
padding:14px 18px 0 6px;
opacity:1;
isolation:auto;
}
.n-stage::before,
.n-stage .n-aura{
display:none;
}
.n-stage img{
width:100%;
height:100%;
object-fit:contain;
object-position:center bottom;
transform:none;
filter:saturate(1.08) contrast(1.02) brightness(1.02);
-webkit-mask-image:none;
mask-image:none;
mix-blend-mode:normal;
}
@media(max-width:1020px){
.principles-panel{grid-template-columns:56% 44%;min-height:350px}
.principles-copy{width:auto}
.n-stage{width:100%;height:100%;right:auto;bottom:auto;opacity:1}
}
@media(max-width:680px){
.principles-panel{grid-template-columns:1fr;min-height:590px}
.principles-copy{grid-column:1;width:100%;padding:28px 20px 12px}
.principles-visual{grid-column:1;height:300px;align-self:end}
.n-stage{padding:0 26px}
.studio-principles .principles-copy h2{font-size:30px}
}
/* v8 — new transparent 3D N integration */
.principles-panel{
min-height:360px;
grid-template-columns:52% 48%;
background:#06162f;
}
.principles-copy{
padding:28px 18px 24px 24px;
}
.principles-visual{
position:relative;
display:flex;
align-items:flex-end;
justify-content:center;
overflow:visible;
min-width:0;
}
.n-stage{
position:absolute;
inset:auto 0 0 auto;
width:100%;
height:100%;
padding:0 12px 0 0;
display:flex;
align-items:flex-end;
justify-content:flex-end;
overflow:visible;
}
.n-stage img{
width:auto;
height:92%;
max-width:100%;
object-fit:contain;
object-position:right bottom;
transform:none;
display:block;
filter:saturate(1.08) contrast(1.03) brightness(1.03)
drop-shadow(0 16px 24px rgba(0,0,0,.28))
drop-shadow(0 0 24px rgba(53,137,255,.16));
-webkit-mask-image:none;
mask-image:none;
mix-blend-mode:normal;
}
.n-stage::before{
content:"";
display:block;
position:absolute;
right:5%;
bottom:0;
width:76%;
height:35%;
background:radial-gradient(ellipse at center,rgba(43,141,255,.18),rgba(192,51,255,.10) 48%,transparent 72%);
filter:blur(18px);
z-index:-1;
}
.n-stage .n-aura{display:none}
@media(max-width:1020px){
.principles-panel{grid-template-columns:55% 45%;min-height:350px}
.n-stage img{height:88%}
}
@media(max-width:680px){
.principles-panel{grid-template-columns:1fr;min-height:610px}
.principles-visual{height:310px;overflow:hidden}
.n-stage{padding:0 8px}
.n-stage img{height:100%;max-width:100%}
}
/* v9 — locked principles artwork */
.principles-image-panel{position:relative!important;min-height:0!important;height:auto!important;padding:0!important;display:block!important;overflow:hidden!important;background:#06162f!important;border-left:1px solid #1d3151}
.principles-image-panel::before,.principles-image-panel::after{display:none!important}
.principles-final-image{width:100%;height:auto;display:block;object-fit:contain;object-position:center}
@media(max-width:1020px){.principles-image-panel{border-left:0;border-top:1px solid #1d3151}}