:root{
  --bg:#07110d;--bg-2:#0a1812;--panel:#0f2119;--paper:#f2f5f1;--white:#fff;
  --ink:#102018;--ink-soft:#506057;--line:#d9e2dc;--green:#7cf0ad;--green-2:#37b974;
  --green-dark:#0b6b42;--shell:1200px;--radius:24px;--shadow:0 30px 90px rgba(0,0,0,.20)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:.2em}a:focus-visible{outline:3px solid var(--green);outline-offset:4px;border-radius:6px}
.skip-link{position:fixed;z-index:999;top:12px;left:12px;padding:10px 16px;transform:translateY(-160%);background:var(--white);color:var(--bg);border-radius:9px;font-weight:800}.skip-link:focus{transform:translateY(0)}
.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}.section{padding:118px 0}
.eyebrow{margin:0 0 18px;color:var(--green-dark);font-size:.72rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.eyebrow.light{color:var(--green)}.eyebrow span{display:inline-block;width:18px;height:1px;margin:0 9px 3px;background:currentColor;opacity:.55}
h1,h2,h3,p{text-wrap:pretty}h1,h2,h3{margin-top:0;letter-spacing:-.04em}h2{margin-bottom:0;font-size:clamp(2.7rem,5.3vw,5.3rem);font-weight:650;line-height:.98}h3{line-height:1.05}
.site-header{position:absolute;z-index:30;top:0;width:100%;color:var(--white)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:92px;border-bottom:1px solid rgba(255,255,255,.10)}
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--white);font-size:.93rem;font-weight:560;letter-spacing:-.02em;text-decoration:none}.brand strong{font-weight:830}.brand:hover{color:var(--white)}
.brand-mark{position:relative;display:inline-grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%}.brand-mark::before{width:6px;height:6px;background:var(--green);border-radius:50%;content:"";box-shadow:0 0 18px rgba(124,240,173,.9)}.brand-mark span{position:absolute;inset:5px;border:1px solid transparent;border-top-color:rgba(255,255,255,.55);border-radius:50%;transform:rotate(-35deg)}
.header-inner nav{display:flex;align-items:center;gap:30px}.header-inner nav a{color:rgba(255,255,255,.68);font-size:.83rem;font-weight:650;text-decoration:none;transition:color .18s ease}.header-inner nav a:hover{color:var(--white)}.header-inner .nav-cta{padding:9px 14px;color:var(--white);border:1px solid rgba(255,255,255,.20);border-radius:999px}.header-inner .nav-cta:hover{background:rgba(255,255,255,.07)}
.hero{position:relative;min-height:820px;overflow:hidden;background:radial-gradient(circle at 74% 40%,rgba(51,193,112,.14),transparent 26%),radial-gradient(circle at 18% 75%,rgba(32,116,76,.12),transparent 25%),linear-gradient(145deg,#07110d 0%,#091811 48%,#07110d 100%);color:var(--white)}
.hero::after{position:absolute;z-index:1;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,240,173,.34),transparent);content:""}
.hero-grid{position:relative;z-index:3;display:grid;min-height:820px;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);align-items:center;gap:86px;padding-top:92px}.hero-copy{padding:50px 0 36px}
.hero h1{max-width:780px;margin:0 0 30px;font-size:clamp(3.7rem,6.2vw,7.1rem);font-weight:590;line-height:.91;letter-spacing:-.065em}.hero h1 em{color:var(--green);font-style:normal}
.hero-intro{max-width:720px;margin:0 0 38px;color:rgba(255,255,255,.65);font-size:clamp(1.05rem,1.55vw,1.28rem);line-height:1.7}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 19px;border-radius:999px;font-size:.87rem;font-weight:790;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--green);color:#082318}.button-primary:hover{background:#95f6bb;color:#082318}.button-ghost{color:var(--white);border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.035)}.button-ghost:hover{background:rgba(255,255,255,.075);color:var(--white);border-color:rgba(255,255,255,.3)}
.hero-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:58px}.hero-proof span{padding:7px 10px;color:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.10);border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.12em}
.hero-system{position:relative;display:grid;min-height:500px;place-items:center}.system-glow{position:absolute;width:420px;height:420px;background:radial-gradient(circle,rgba(69,211,130,.15),transparent 65%);filter:blur(8px)}
.system-card{position:relative;width:min(100%,470px);overflow:hidden;background:linear-gradient(180deg,rgba(18,42,31,.88),rgba(8,22,16,.88));border:1px solid rgba(255,255,255,.12);border-radius:28px;box-shadow:0 38px 100px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(14px)}
.system-card-head{display:grid;align-items:center;padding:16px 18px;color:rgba(255,255,255,.44);border-bottom:1px solid rgba(255,255,255,.08);font-size:.62rem;font-weight:800;letter-spacing:.11em;grid-template-columns:auto 1fr auto;gap:10px}
.system-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}.system-live{color:var(--green)}
.system-main{position:relative;height:360px;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px}
.system-core{position:absolute;top:50%;left:50%;width:170px;height:170px;transform:translate(-50%,-50%)}.core-ring{position:absolute;inset:0;border:1px solid rgba(124,240,173,.22);border-radius:50%}.ring-a{transform:scaleY(.42) rotate(24deg)}.ring-b{transform:scaleY(.62) rotate(-38deg)}.ring-c{inset:24px;opacity:.55}
.core-point{position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);background:var(--green);border:5px solid rgba(255,255,255,.92);border-radius:50%;box-shadow:0 0 38px rgba(124,240,173,.65)}
.system-label{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(4,13,9,.78);color:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.09);border-radius:9px;font-size:.63rem;font-weight:800;letter-spacing:.08em}.system-label small{color:var(--green);font-size:.57rem}
.label-a{top:58px;left:36px}.label-b{top:86px;right:28px}.label-c{bottom:72px;right:42px}.label-d{bottom:50px;left:54px}
.system-footer{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;color:rgba(255,255,255,.38);border-top:1px solid rgba(255,255,255,.08);font-size:.64rem}
.hero-grid-lines{position:absolute;z-index:0;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.signal-strip{background:#0a1812;color:var(--white);border-bottom:1px solid rgba(255,255,255,.08)}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr)}.signal-grid>div{padding:35px 34px 38px;border-left:1px solid rgba(255,255,255,.08)}.signal-grid>div:last-child{border-right:1px solid rgba(255,255,255,.08)}
.signal-grid span{display:block;margin-bottom:34px;color:var(--green);font-size:.64rem;font-weight:850;letter-spacing:.12em}.signal-grid strong{display:block;margin-bottom:8px;font-size:1rem;letter-spacing:-.02em}.signal-grid p{margin:0;color:rgba(255,255,255,.43);font-size:.82rem;line-height:1.6}
.work-section{background:var(--paper)}.section-heading{display:grid;align-items:end;margin-bottom:58px;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:80px}.section-heading>p:last-child{max-width:500px;margin:0 0 5px;color:var(--ink-soft);font-size:1rem;line-height:1.75}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{position:relative;overflow:hidden;padding:36px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.project-card:hover{transform:translateY(-3px);border-color:#c8d8ce;box-shadow:0 22px 55px rgba(24,62,42,.08)}
.project-featured{display:grid;min-height:480px;padding:0;grid-column:1/-1;grid-template-columns:1fr 1fr;box-shadow:var(--shadow)}.project-visual{position:relative;display:grid;min-height:440px;place-items:center;overflow:hidden;background:linear-gradient(145deg,#0b1e15,#0c2a1b)}.sync-visual::before{position:absolute;width:420px;height:420px;background:radial-gradient(circle,rgba(124,240,173,.18),transparent 64%);content:""}
.visual-window{position:relative;width:min(76%,420px);overflow:hidden;background:#f8fbf9;border:1px solid rgba(255,255,255,.35);border-radius:18px;box-shadow:0 32px 80px rgba(0,0,0,.34);transform:rotate(-2deg)}.visual-toolbar{display:flex;align-items:center;gap:6px;padding:13px 14px;background:#e7eee9;border-bottom:1px solid #d5e0d8}.visual-toolbar i{width:7px;height:7px;background:#9ca9a1;border-radius:50%}.visual-toolbar span{margin-left:auto;color:#6d7d73;font-size:.62rem;font-weight:800;letter-spacing:.08em}
.audit-row{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;color:#24372c;border-bottom:1px solid #e3eae5;font-size:.76rem}.audit-row:last-child{border-bottom:0}.audit-row b{font-size:.74rem;letter-spacing:.03em}.audit-row span{padding:5px 8px;border-radius:999px;font-size:.58rem;font-weight:850;letter-spacing:.08em}.audit-row .ok{background:#dcf5e6;color:#17603b}.audit-row .warn{background:#fff0cf;color:#805a10}
.project-content{padding:48px}.project-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:44px}.project-index{color:#87978d;font-size:.7rem;font-weight:800;letter-spacing:.12em}.status{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;font-size:.62rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.status i{width:6px;height:6px;border-radius:50%}
.status.live{background:#e3f7ea;color:#12613a}.status.live i{background:#2ab56e;box-shadow:0 0 10px rgba(42,181,110,.55)}.status.operational{background:#eaf1ff;color:#30558b}.status.operational i{background:#6d9ee8}.status.prototype{background:#fff2d7;color:#815d18}.status.prototype i{background:#d9a134}
.project-card h3{margin-bottom:17px;font-size:clamp(2rem,3.1vw,3.25rem);font-weight:650}.project-card>p,.project-content>p{color:var(--ink-soft);font-size:.98rem;line-height:1.75}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0;padding:0;list-style:none}.project-tags li{padding:7px 10px;background:#edf3ef;color:#244a35;border-radius:999px;font-size:.65rem;font-weight:760}
.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--green-dark);font-size:.87rem;font-weight:800;text-decoration:none}.text-link:hover{text-decoration:underline}.project-icon{display:grid;width:66px;height:66px;margin:0 0 70px;place-items:center;background:var(--bg);color:var(--green);border-radius:18px;font-size:.8rem;font-weight:900;letter-spacing:.11em;box-shadow:inset 0 0 0 1px rgba(124,240,173,.14)}.rush-icon{background:#171327;color:#d6b9ff;box-shadow:inset 0 0 0 1px rgba(214,185,255,.14)}
.project-note{margin:24px 0 0!important;padding-top:20px;border-top:1px solid var(--line);font-size:.79rem!important;color:#7d8a82!important}
.capabilities-section{background:#e9efeb;border-block:1px solid var(--line)}.capabilities-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.capabilities-grid article{min-height:260px;padding:28px;background:rgba(255,255,255,.72);border:1px solid rgba(125,150,135,.20);border-radius:18px;grid-column:span 2}.capabilities-grid article:nth-child(4),.capabilities-grid article:nth-child(5){grid-column:span 3}.capabilities-grid article.security-card{background:#0d2017;color:var(--white);border-color:#163d2a}
.capabilities-grid span{display:block;margin-bottom:72px;color:var(--green-dark);font-size:.65rem;font-weight:850;letter-spacing:.12em}.capabilities-grid .security-card span{color:var(--green)}.capabilities-grid h3{margin-bottom:12px;font-size:1.18rem;font-weight:720}.capabilities-grid p{margin:0;color:var(--ink-soft);font-size:.86rem;line-height:1.65}.capabilities-grid .security-card p{color:rgba(255,255,255,.58)}
.method-section{background:var(--bg);color:var(--white)}.method-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.method-title{position:sticky;top:40px;align-self:start}.method-title h2{color:var(--white)}.method-list{margin:0;padding:0;list-style:none}.method-list li{display:grid;padding:28px 0;border-top:1px solid rgba(255,255,255,.11);grid-template-columns:70px 1fr;gap:20px}.method-list li:last-child{border-bottom:1px solid rgba(255,255,255,.11)}.method-list li>span{color:var(--green);font-size:.66rem;font-weight:850;letter-spacing:.12em}.method-list strong{font-size:1.08rem}.method-list p{max-width:560px;margin:7px 0 0;color:rgba(255,255,255,.48);font-size:.9rem}
.about-section{background:#f8faf8}.about-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px}.about-kicker h2{font-size:clamp(3rem,5vw,5.2rem)}.about-copy{padding-top:30px}.about-copy .lead{margin:0 0 26px;color:var(--ink);font-size:clamp(1.45rem,2.5vw,2.15rem);line-height:1.38;letter-spacing:-.025em}.about-copy>p:not(.lead){max-width:680px;color:var(--ink-soft);line-height:1.8}.about-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.about-links a{padding:10px 14px;background:#e8efe9;color:#173f2a;border-radius:999px;font-size:.77rem;font-weight:780;text-decoration:none}.about-links a:hover{background:#dbe9df}
.site-footer{background:#06100c;color:var(--white)}.footer-main{display:grid;align-items:end;padding:56px 0 38px;grid-template-columns:1fr 1fr;gap:60px;border-bottom:1px solid rgba(255,255,255,.09)}.footer-main p{max-width:480px;margin:0;color:rgba(255,255,255,.44);font-size:.88rem;justify-self:end;text-align:right}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:22px 0 28px;color:rgba(255,255,255,.38);font-size:.72rem}.footer-bottom nav{display:flex;gap:22px}.footer-bottom a{color:rgba(255,255,255,.50);text-decoration:none}.footer-bottom a:hover{color:var(--white)}
@media(max-width:980px){.section{padding:92px 0}.hero-grid{min-height:800px;grid-template-columns:1fr;padding-top:124px}.hero-copy{padding-bottom:0}.hero-system{min-height:450px;margin-top:-70px;margin-bottom:55px}.section-heading,.method-grid,.about-grid{grid-template-columns:1fr;gap:42px}.method-title{position:static}.project-featured{grid-template-columns:1fr}.project-visual{min-height:330px}.capabilities-grid{grid-template-columns:repeat(2,1fr)}.capabilities-grid article,.capabilities-grid article:nth-child(4),.capabilities-grid article:nth-child(5){grid-column:auto}.capabilities-grid article:last-child{grid-column:1/-1}}
@media(max-width:680px){.shell{width:min(calc(100% - 30px),var(--shell))}.header-inner{min-height:76px}.header-inner nav{gap:13px}.header-inner nav a{font-size:.72rem}.header-inner nav a:nth-child(2),.header-inner nav a:nth-child(3){display:none}.brand-copy{font-size:.8rem}.hero{min-height:auto}.hero-grid{min-height:auto;padding-top:122px;gap:30px}.hero h1{font-size:clamp(3.15rem,14.5vw,5rem)}.hero-proof{margin-top:42px}.hero-system{min-height:390px;margin:0 0 46px}.system-card{border-radius:20px}.system-main{height:300px}.system-footer{flex-direction:column;gap:4px}.signal-grid{grid-template-columns:1fr}.signal-grid>div{padding:27px 18px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.signal-grid span{margin-bottom:18px}.work-grid{grid-template-columns:1fr}.project-featured{grid-column:auto}.project-content,.project-card{padding:28px}.project-featured{padding:0}.project-visual{min-height:270px}.visual-window{width:84%}.project-meta{margin-bottom:36px}.project-icon{margin-bottom:48px}.capabilities-grid{grid-template-columns:1fr}.capabilities-grid article,.capabilities-grid article:last-child{min-height:auto;grid-column:auto}.capabilities-grid span{margin-bottom:40px}.method-list li{grid-template-columns:48px 1fr}.footer-main{grid-template-columns:1fr;gap:24px}.footer-main p{justify-self:start;text-align:left}.footer-bottom{align-items:flex-start;flex-direction:column;gap:18px}.footer-bottom nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}