:root{
  --bg:#080b10;--panel:#0d1118;--ink:#eef1ef;--muted:#8f98a4;--line:rgba(255,255,255,.12);
  --acid:#c6ff3d;--ice:#b5d9ff;--paper:#e9ece8;--dark:#0a0d11;
  --pad:clamp(22px,4vw,64px);--sans:"Manrope",Arial,sans-serif;--mono:"DM Mono",monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.site-header{position:fixed;left:0;right:0;top:0;height:86px;display:flex;align-items:center;padding:0 var(--pad);z-index:40;border-bottom:1px solid transparent;transition:.3s;background:linear-gradient(to bottom,rgba(8,11,16,.78),transparent);backdrop-filter:blur(8px)}.site-header.scrolled{height:72px;border-bottom-color:var(--line);background:rgba(8,11,16,.88)}
.brand{display:inline-flex;align-items:center;gap:14px}.brand-name{font-size:18px;letter-spacing:.42em;font-weight:600}.brand-mark{width:35px;height:35px;border:1.5px solid rgba(255,255,255,.8);border-radius:50%;position:relative;display:inline-block;transform:rotate(-11deg)}.brand-mark:before{content:"";position:absolute;width:45px;height:1.5px;background:currentColor;left:-6px;top:16px;transform:rotate(-24deg)}.brand-mark span{position:absolute;width:7px;height:7px;background:var(--acid);border-radius:50%;right:1px;top:4px;box-shadow:0 0 14px var(--acid)}
.nav{display:flex;gap:34px;margin-left:auto;margin-right:38px;font:400 12px var(--mono);letter-spacing:.08em;color:#aeb4bc}.nav a:hover{color:#fff}.contact-pill{border:1px solid var(--line);padding:12px 15px 12px 18px;border-radius:99px;font-size:12px;display:flex;gap:18px;align-items:center;background:rgba(255,255,255,.025)}.contact-pill:hover{background:var(--paper);color:var(--dark)}
.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:130px var(--pad) 70px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 46%,rgba(99,143,255,.12),transparent 30%),radial-gradient(circle at 76% 30%,rgba(198,255,61,.07),transparent 20%)}.hero-copy{position:relative;z-index:3;max-width:830px}.eyebrow,.section-kicker{font:400 11px var(--mono);letter-spacing:.16em;color:#a5aeb8}.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:36px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 18px var(--acid)}h1{font-size:clamp(62px,8.8vw,140px);line-height:.82;letter-spacing:-.075em;margin:0 0 40px;font-weight:500}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(238,241,239,.54)}.hero-intro{max-width:660px;font-size:clamp(18px,1.6vw,25px);line-height:1.5;letter-spacing:-.025em;color:#a7afb8}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:40px}.primary-btn{display:inline-flex;align-items:center;justify-content:space-between;min-width:235px;padding:16px 17px 16px 20px;background:var(--acid);color:#10140b;border-radius:3px;font:600 12px var(--mono);letter-spacing:.02em;transition:.25s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(198,255,61,.13)}.text-link{font:400 12px var(--mono);color:#aab1ba;border-bottom:1px solid #4b535e;padding-bottom:3px}.hero-index{position:absolute;right:var(--pad);bottom:35px;font:300 11px var(--mono);color:#59616b}.hero-visual{position:relative;z-index:2;min-height:640px;display:flex;align-items:center;justify-content:center}.halo{position:absolute;border-radius:50%;filter:blur(1px)}.halo-a{width:540px;height:540px;border:1px solid rgba(181,217,255,.13);box-shadow:0 0 80px rgba(89,130,255,.08) inset}

.halo-b{width:360px;height:360px;border:1px dashed rgba(198,255,61,.16);animation:spin 12s linear infinite}

.orbital-card{width:min(540px,90%);
aspect-ratio:.88;
/* background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(255,255,255,.012)); */
/* border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px); */
padding:22px;
position:relative;
/* box-shadow:0 35px 100px rgba(0,0,0,.28) */

}


.orbital-topline,.mesh-caption{display:flex;justify-content:space-between;font:300 9px var(--mono);letter-spacing:.13em;color:#69737d}.orbital-stage{height:75%;position:relative;display:grid;place-items:center;perspective:800px}.orbit{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;transform-style:preserve-3d}.orbit span{position:absolute;width:6px;height:6px;background:var(--acid);border-radius:50%;box-shadow:0 0 18px var(--acid);top:50%;left:-3px}

.orbit-1{width:72%;height:40%;transform:rotate(-19deg);animation:float1 4s ease-in-out infinite}

.orbit-2{width:48%;height:70%;transform:rotate(32deg);border-color:rgba(181,217,255,.25);animation:float2 5.5s ease-in-out infinite}

.orbit-3{width:54%;height:54%;transform:rotate(79deg);border-style:dashed}.core-node{width:96px;height:96px;border-radius:50%;border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;background:radial-gradient(circle,rgba(198,255,61,.16),rgba(255,255,255,.03) 45%,transparent 70%);box-shadow:0 0 80px rgba(181,217,255,.12)}.core-node i{width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 35px #fff}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.signal-grid>div{padding:16px 8px 0;border-right:1px solid var(--line)}.signal-grid>div:last-child{border:0}.signal-grid span{display:block;font:300 8px var(--mono);letter-spacing:.15em;color:#64707d}.signal-grid strong{display:block;font-size:11px;margin-top:7px;font-weight:500;color:#bdc4cc}
.statement{padding:150px var(--pad) 170px;border-top:1px solid var(--line);background:var(--paper);color:var(--dark)}.statement p{font:400 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 28px;color:#646b70}.statement h2,.section-head h2,.principles-copy>h2,.studio-main h2{font-size:clamp(42px,6vw,88px);line-height:1.01;letter-spacing:-.055em;font-weight:500;margin:0}.statement h2{max-width:1200px}
.capabilities{padding:150px var(--pad)}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;margin-bottom:90px}.section-head h2{margin-top:24px;max-width:800px}.section-head>p{max-width:510px;color:#919aa4;font-size:17px;line-height:1.65;align-self:end;margin:0}.capability-list{border-top:1px solid var(--line)}.capability{display:grid;grid-template-columns:90px 1.2fr 1fr 40px;gap:25px;align-items:center;min-height:145px;border-bottom:1px solid var(--line);transition:.3s}.capability:hover{padding-left:8px;background:linear-gradient(90deg,rgba(198,255,61,.035),transparent)}.cap-no{font:300 10px var(--mono);color:#65707b}.cap-title span{display:block;font-size:23px;letter-spacing:-.025em}.cap-title small{display:block;font:300 9px var(--mono);color:#6e7780;letter-spacing:.08em;margin-top:9px;text-transform:uppercase}.cap-copy{color:#9099a3;font-size:14px;line-height:1.55;max-width:420px}.cap-arrow{font-size:18px;color:#737c86;transition:.25s}.capability:hover .cap-arrow{color:var(--acid);transform:translate(3px,-3px)}
.principles{display:grid;grid-template-columns:1fr 1fr;min-height:850px;background:#0b0f15;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles-visual{position:relative;overflow:hidden;border-right:1px solid var(--line);display:grid;place-items:center;background:radial-gradient(circle at center,rgba(181,217,255,.08),transparent 45%)}.mesh{width:60%;aspect-ratio:1;border:1px solid rgba(255,255,255,.09);position:relative;transform:rotate(45deg)}.mesh:before,.mesh:after{content:"";position:absolute;inset:16%;border:1px solid rgba(255,255,255,.13)}.mesh:after{inset:33%;border-color:rgba(198,255,61,.3);box-shadow:0 0 55px rgba(198,255,61,.05)}.mesh i{position:absolute;width:6px;height:6px;border-radius:50%;background:#5f6c7c}.mesh i:nth-child(1){left:-3px;top:-3px}.mesh i:nth-child(2){right:-3px;top:-3px}.mesh i:nth-child(3){left:-3px;bottom:-3px}.mesh i:nth-child(4){right:-3px;bottom:-3px}.mesh i:nth-child(5){left:50%;top:16%;background:var(--acid);box-shadow:0 0 14px var(--acid)}.mesh i:nth-child(6){left:16%;top:50%}.mesh i:nth-child(7){right:16%;top:50%}.mesh i:nth-child(8){left:50%;bottom:16%}.mesh i:nth-child(9){left:50%;top:50%;background:white;box-shadow:0 0 18px white}.mesh-caption{position:absolute;left:30px;right:30px;bottom:24px}.principles-copy{padding:100px clamp(35px,6vw,90px)}.principles-copy>h2{font-size:clamp(45px,5vw,72px);margin:22px 0 80px}.principle{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:30px 0;border-top:1px solid var(--line)}.principle>span{font:300 10px var(--mono);color:#636d78;margin-top:6px}.principle h3{margin:0 0 10px;font-size:20px;font-weight:500}.principle p{margin:0;color:#858f99;font-size:14px;line-height:1.6;max-width:520px}
.studio{background:var(--acid);color:#0c1108;min-height:720px;padding:70px var(--pad);position:relative;overflow:hidden}.studio-meta{display:flex;justify-content:space-between;position:relative;z-index:2}.studio .section-kicker{color:#33431a}.status{font:500 10px var(--mono);letter-spacing:.12em;display:flex;align-items:center;gap:9px}.status i{width:7px;height:7px;border-radius:50%;background:#0c1108}.studio-main{position:relative;z-index:2;margin-top:125px;max-width:900px}.studio-main h2 span{color:rgba(12,17,8,.36)}.studio-main p{max-width:580px;font-size:18px;line-height:1.55;margin:35px 0}.primary-btn.light{background:#0b0f12;color:#f1f2ed}.studio-sigil{position:absolute;width:560px;height:560px;right:-80px;bottom:-140px;opacity:.12}

.sigil-orbit { 
	position:absolute;
	inset:0;
	/* border:22px solid #0b0f12;border-radius:50% */
}
.sigil-slash{position:absolute;width:650px;height:24px;background:#0b0f12;top:260px;left:-48px;transform:rotate(-28deg)}
footer{min-height:230px;padding:48px var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;border-top:1px solid rgba(255,255,255,.07)}footer p{margin:0;text-align:center;color:#747e88;font-size:13px}.footer-right{text-align:right;display:flex;flex-direction:column;gap:8px;font:300 10px var(--mono);color:#717b86}.footer-right a{color:#c8cdd2}.footer-brand .brand-name{font-size:14px}.footer-brand .brand-mark{width:29px;height:29px}.footer-brand .brand-mark:before{width:36px;top:13px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float1{0%,100%{transform:rotate(-19deg) translateY(0)}50%{transform:rotate(-15deg) translateY(-9px)}}@keyframes float2{0%,100%{transform:rotate(32deg) translateX(0)}50%{transform:rotate(36deg) translateX(8px)}}
@media(max-width:980px){.nav{display:none}.site-header{height:72px}.contact-pill{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:130px}.hero-visual{min-height:510px;margin-top:25px}.orbital-card{max-width:470px}.section-head{grid-template-columns:1fr}.section-head>p{align-self:auto}.capability{grid-template-columns:55px 1fr 40px;padding:26px 0}.cap-copy{grid-column:2/3}.cap-arrow{grid-column:3;grid-row:1/3}.principles{grid-template-columns:1fr}.principles-visual{min-height:620px;border-right:0;border-bottom:1px solid var(--line)}.studio-sigil{width:420px;height:420px;opacity:.08}footer{grid-template-columns:1fr 1fr;gap:40px}footer p{display:none}}

@media(max-width:640px){
	.brand-name{font-size:14px}
	.brand-mark{width:29px;height:29px}
	.brand-mark:before{width:38px;top:13px}
	.contact-pill{padding:10px 12px;font-size:0}
	.contact-pill span{font-size:15px}
	.hero{min-height:auto;padding-bottom:80px}
	.hero-visual{min-height:390px}.orbital-card{width:100%;aspect-ratio:.95}
	.halo-a{width:360px;height:360px}
	.halo-b{width:270px;height:270px}
	.hero-actions{align-items:flex-start;flex-direction:column}.statement{padding-top:100px;padding-bottom:110px}.capabilities{padding-top:100px;padding-bottom:100px}.capability{grid-template-columns:42px 1fr 30px;gap:12px}.cap-title span{font-size:18px}.cap-copy{font-size:13px}.principles-visual{min-height:480px}.principles-copy{padding-top:80px;padding-bottom:80px}.principles-copy>h2{margin-bottom:55px}.studio{min-height:650px}.studio-main{margin-top:100px}.studio-main p{font-size:16px}footer{grid-template-columns:1fr}.footer-right{text-align:left}.footer-brand{margin-bottom:15px}
	.mark-img { opacity: 6%; margin: 15px 0 0 25px}
}