:root{--ink:#0c0e0b;--paper:#f2f0e9;--acid:#c7ff3d;--line:rgba(242,240,233,.15);--max:1600px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
.arrow-icon{display:block;width:22px;height:22px;flex:0 0 22px;overflow:visible;fill:currentColor;transform:rotate(0);transform-origin:center;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.header-cta:hover .arrow-icon,.mobile-nav a:hover .arrow-icon,.hero-summary a:hover .arrow-icon,.signal-card>a:hover .arrow-icon,.service-row:hover .arrow-icon,.case-bottom a:hover .arrow-icon,form button[type=submit]:hover .arrow-icon,.footer-arrow-link:hover .arrow-icon{transform:rotate(45deg)}
.site-header{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid var(--line);background:rgba(12,14,11,.88);backdrop-filter:blur(18px)}
.nav-shell{height:76px;max-width:var(--max);margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:800;letter-spacing:-.05em}
.brand-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(242,240,233,.5);clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%);transition:transform .2s}
.brand:hover .brand-mark{transform:rotate(45deg)}
.desktop-nav{display:flex;gap:32px;font-size:14px;font-weight:600;color:rgba(242,240,233,.7)}
.desktop-nav a{position:relative}
.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--acid);transition:right .2s}
.desktop-nav a:hover:after{right:0}
.header-cta{display:flex;align-items:center;gap:12px;padding:15px 18px;background:var(--acid);color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.menu-button,.mobile-nav{display:none}
.hero{position:relative;min-height:900px;padding-top:76px;border-bottom:1px solid var(--line);overflow:hidden}
.hero-grid{position:absolute;inset:76px 0 0;background-image:linear-gradient(rgba(242,240,233,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(242,240,233,.06) 1px,transparent 1px);background-size:clamp(46px,5vw,82px) clamp(46px,5vw,82px);mask-image:linear-gradient(to bottom,#000,transparent 90%);opacity:.5}
.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.orb-a{width:420px;height:420px;right:8%;top:18%;background:var(--acid);opacity:.12}
.orb-b{width:300px;height:300px;left:-8%;top:54%;background:#fff;opacity:.05}
.hero-shell{position:relative;max-width:var(--max);min-height:824px;margin:auto;padding:0 56px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto}
.hero-content{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:80px;padding:96px 0}
.hero-copy{min-width:0}
.eyebrow{margin:0 0 32px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:rgba(242,240,233,.65)}
.eyebrow i{width:8px;height:8px;flex:none;border-radius:50%;background:var(--acid);box-shadow:0 0 18px var(--acid)}
.eyebrow b{font-weight:inherit}
.hero h1{margin:0;max-width:1030px;font-size:clamp(64px,9vw,150px);font-weight:900;line-height:.81;letter-spacing:-.085em;text-transform:uppercase}
.hero h1 span{display:block}
.acid{color:var(--acid)}
.outline{color:transparent;-webkit-text-stroke:1px rgba(242,240,233,.68)}
.hero-summary{margin-top:40px;padding-top:28px;border-top:1px solid rgba(242,240,233,.2);display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.hero-summary p{max-width:580px;margin:0;color:rgba(242,240,233,.68);font-size:20px;line-height:1.55}
.hero-summary a{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.round-arrow{width:44px;height:44px;border:1px solid rgba(242,240,233,.3);border-radius:50%;display:grid;place-items:center;transition:.2s}
.hero-summary a:hover .round-arrow{background:var(--acid);border-color:var(--acid);color:var(--ink)}
.signal-card{position:relative;padding:28px;border:1px solid rgba(242,240,233,.2);background:rgba(12,14,11,.74);backdrop-filter:blur(8px)}
.corner{position:absolute;width:12px;height:12px;right:-1px;top:-1px;background:var(--acid)}
.signal-top{margin-bottom:48px;display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(242,240,233,.55)}
.signal-top b{font-family:monospace;color:var(--acid)}
.signal-chart{height:130px;margin-bottom:36px;display:grid;grid-template-columns:repeat(9,1fr);align-items:end;gap:7px}
.signal-chart i{display:block;background:rgba(242,240,233,.22)}
.signal-chart i.active{background:var(--acid);box-shadow:0 0 26px rgba(199,255,61,.28)}
.signal-card h2{margin:0;font-size:38px;line-height:1.02;letter-spacing:-.05em}
.signal-card>p{margin:16px 0 0;color:rgba(242,240,233,.6);line-height:1.6}
.signal-card>a{margin-top:32px;padding-top:20px;border-top:1px solid rgba(242,240,233,.2);display:flex;justify-content:space-between;color:var(--acid);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.logo-ticker{overflow:hidden;border-top:1px solid var(--line);padding:19px 0}
.logo-ticker>div{width:max-content;display:flex;gap:56px;white-space:nowrap;color:rgba(242,240,233,.55);font-size:11px;font-weight:700;letter-spacing:.16em;animation:ticker 26s linear infinite}
.section-shell{max-width:var(--max);margin:auto;padding:150px 56px}
.capabilities{overflow:hidden;background:var(--paper);color:var(--ink)}
.section-heading{margin-bottom:64px;display:grid;grid-template-columns:1fr 2fr;align-items:end;gap:32px}
.section-kicker{margin:0;font:700 11px/1.4 monospace;letter-spacing:.16em;text-transform:uppercase;color:rgba(12,14,11,.45)}
.section-heading h2{margin:0;font-size:clamp(48px,6vw,108px);font-weight:900;line-height:.89;letter-spacing:-.075em;text-transform:uppercase}
.service-list{border-top:1px solid rgba(12,14,11,.25)}
.service-row{position:relative;display:grid;grid-template-columns:100px 1fr 1fr 48px;align-items:start;gap:40px;padding:46px 0;border-bottom:1px solid rgba(12,14,11,.25);isolation:isolate}
.service-row:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:transparent;transition:background-color .2s}
.service-row:hover:before{background:var(--acid)}
.service-number{font:14px monospace;color:rgba(12,14,11,.45)}
.service-row h3{margin:0;font-size:38px;line-height:1.08;letter-spacing:-.045em}
.service-row p{max-width:560px;margin:0;color:rgba(12,14,11,.65);font-size:17px;line-height:1.6}
.service-row ul{margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.service-row li{padding:7px 10px;border:1px solid rgba(12,14,11,.25);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.service-arrow{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(12,14,11,.3);border-radius:50%;transition:background .2s,color .2s}
.service-row:hover .service-arrow{background:var(--ink);color:var(--paper)}
.work{border-block:1px solid var(--line)}
.work-shell{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr}
.impact-copy{min-height:640px;padding:110px 56px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}
.section-kicker.light{color:rgba(242,240,233,.55)}
.impact-copy h2{max-width:580px;margin:32px 0 0;font-size:clamp(46px,5vw,88px);font-weight:900;line-height:.9;letter-spacing:-.07em;text-transform:uppercase}
.stats{margin-top:80px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--line);gap:1px}
.stats>div{padding:28px;background:var(--ink)}
.stats strong{display:block;color:var(--acid);font-size:48px}
.stats span{display:block;margin-top:8px;color:rgba(242,240,233,.55);font-size:13px}
.case-wrap{min-height:650px;padding:56px;background-image:linear-gradient(135deg,#171a15 25%,var(--ink) 25%,var(--ink) 50%,#171a15 50%,#171a15 75%,var(--ink) 75%);background-size:48px 48px}
.case-card{min-height:540px;height:100%;padding:36px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(242,240,233,.2);background:rgba(17,19,15,.92)}
.case-top{display:flex;justify-content:space-between;color:rgba(242,240,233,.5);font:11px monospace;letter-spacing:.12em;text-transform:uppercase}
.kinetic{position:relative;flex:1;min-height:340px;display:flex;align-items:center;justify-content:center}
.ring{position:absolute;aspect-ratio:1;border:1px solid rgba(199,255,61,.58);border-radius:50%;animation:drift 8s ease-in-out infinite alternate}
.ring-a{width:min(72%,390px)}
.ring-b{width:min(54%,290px);border-color:rgba(242,240,233,.28);animation-delay:-2s;animation-direction:alternate-reverse}
.ring-c{width:min(88%,480px);border-style:dashed;opacity:.38;animation-duration:15s}
.kinetic div{position:relative;text-align:center}
.kinetic small{display:block;color:var(--acid);font-size:11px;font-weight:800;letter-spacing:.25em;text-transform:uppercase}
.kinetic strong{display:block;margin-top:12px;font-size:100px;letter-spacing:-.08em}
.case-bottom{padding-top:24px;border-top:1px solid rgba(242,240,233,.2);display:grid;grid-template-columns:1fr auto;align-items:end;gap:16px}
.case-bottom h3{margin:0;font-size:24px}
.case-bottom p{margin:6px 0 0;color:rgba(242,240,233,.55);line-height:1.5}
.case-bottom a{display:inline-flex;align-items:center;gap:10px;color:var(--acid);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.process{background:var(--acid);color:var(--ink)}
.process-shell{max-width:var(--max);margin:auto;padding:120px 56px;display:grid;grid-template-columns:1fr 2fr;gap:48px}
.process h2{margin:32px 0 0;font-size:60px;line-height:.9;letter-spacing:-.065em;text-transform:uppercase}
.steps{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid rgba(12,14,11,.3)}
.steps article{min-height:300px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(12,14,11,.3);border-left:0}
.steps article>span{font:13px monospace}
.steps h3{margin:0;font-size:30px;letter-spacing:-.04em}
.steps p{margin:12px 0 0;color:rgba(12,14,11,.65);line-height:1.55}
.contact{background:var(--paper);color:var(--ink)}
.contact-shell{max-width:var(--max);margin:auto;padding:150px 56px;display:grid;grid-template-columns:1fr .85fr;gap:64px}
.contact h2{margin:32px 0 0;font-size:clamp(56px,7vw,128px);font-weight:900;line-height:.82;letter-spacing:-.08em;text-transform:uppercase}
.contact h2 span{color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.contact-intro{max-width:520px;margin:40px 0 0;color:rgba(12,14,11,.6);font-size:18px;line-height:1.65}
form{border-top:2px solid var(--ink)}
form label{display:grid;gap:11px;padding:20px 0;border-bottom:1px solid rgba(12,14,11,.3)}
form label span{font:700 11px monospace;letter-spacing:.12em;text-transform:uppercase;color:rgba(12,14,11,.5)}
form input,form textarea{width:100%;padding:0;border:0;outline:0;resize:none;background:transparent;color:var(--ink);font-size:21px;letter-spacing:-.02em}
form input::placeholder,form textarea::placeholder{color:rgba(12,14,11,.28)}
form button[type=submit]{width:100%;margin-top:32px;padding:20px 24px;display:flex;justify-content:space-between;border:0;background:var(--ink);color:var(--paper);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
form button[type=submit]:hover{background:var(--acid);color:var(--ink)}
.form-fields>small{display:block;margin-top:14px;color:rgba(12,14,11,.45);font-size:11px;line-height:1.55}
.form-success{min-height:440px;padding-top:80px}
.form-success i{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--acid);font-style:normal;font-size:26px}
.form-success h3{margin:28px 0 0;font-size:38px;letter-spacing:-.05em}
.form-success p{max-width:430px;color:rgba(12,14,11,.6);font-size:18px;line-height:1.5}
.form-success button{padding:0 0 4px;border:0;border-bottom:1px solid;background:none;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
footer{border-top:1px solid var(--line)}
.footer-shell{max-width:var(--max);margin:auto;padding:64px 56px 32px}
.footer-main{padding-bottom:80px;display:grid;grid-template-columns:1fr auto auto;gap:80px}
.footer-brand{font-size:30px;font-weight:900;letter-spacing:-.06em}
.footer-main p{max-width:380px;color:rgba(242,240,233,.5);line-height:1.55}
.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:9px;color:rgba(242,240,233,.7)}
.footer-arrow-link{display:inline-flex;align-items:center;gap:7px;width:max-content}
.footer-main h3{margin:0 0 8px;color:var(--acid);font:700 11px monospace;letter-spacing:.15em;text-transform:uppercase}
.footer-bottom{padding-top:26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:rgba(242,240,233,.4);font-size:11px}
.footer-bottom div{display:flex;gap:20px}
.footer-bottom button{padding:0;border:0;background:none;color:inherit}
.cookie-banner{position:fixed;z-index:60;right:28px;bottom:28px;width:min(460px,calc(100% - 32px));padding:24px;border:1px solid rgba(242,240,233,.25);background:var(--ink);box-shadow:0 20px 70px rgba(0,0,0,.5)}
.cookie-banner>div:first-child{display:flex;gap:16px}
.cookie-banner i{width:12px;height:12px;flex:none;margin-top:4px;background:var(--acid)}
.cookie-banner h2{margin:0;font-size:16px}
.cookie-banner p{margin:9px 0 0;color:rgba(242,240,233,.6);font-size:14px;line-height:1.55}
.cookie-actions{margin:20px 0 0 28px;display:flex;gap:12px}
.cookie-actions button{padding:11px 14px;border:1px solid rgba(242,240,233,.3);background:transparent;color:var(--paper);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.cookie-actions button:first-child{border-color:var(--acid);background:var(--acid);color:var(--ink)}
@keyframes ticker{to{transform:translateX(calc(-50% - 28px))}
}
@keyframes drift{to{transform:rotate(17deg) scale(1.08);border-radius:42%}
}
@media(max-width:1100px){.nav-shell,.hero-shell,.section-shell,.process-shell,.contact-shell,.footer-shell{padding-left:40px;padding-right:40px}
.hero-content{grid-template-columns:1fr;gap:56px}
.signal-card{max-width:620px}
.work-shell{grid-template-columns:1fr}
.impact-copy{border-right:0;border-bottom:1px solid var(--line)}
}
@media(max-width:760px){.nav-shell{height:68px;padding:0 20px}
.desktop-nav,.header-cta{display:none}
.menu-button{width:44px;height:44px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(242,240,233,.25);background:transparent}
.menu-button span{width:18px;height:1px;background:var(--paper);transition:.2s}
.menu-button.open span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-button.open span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobile-nav{padding:20px;display:flex;flex-direction:column;background:var(--ink)}
.mobile-nav[hidden]{display:none}
.mobile-nav a{padding:16px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:24px;font-weight:700}
.mobile-nav span{color:var(--acid)}
.hero{padding-top:68px;min-height:900px}
.hero-grid{inset-block-start:68px}
.hero-shell{min-height:832px;padding:0 20px}
.hero-content{padding:68px 0;gap:48px}
.eyebrow{margin-bottom:28px;letter-spacing:.16em}
.eyebrow b{display:none}
.hero h1{width:100%;font-size:clamp(46px,13vw,72px)}
.hero-summary{margin-top:34px;padding-top:26px;align-items:flex-start;flex-direction:column}
.hero-summary p{font-size:17px}
.signal-card{padding:22px}
.signal-card h2{font-size:32px}
.section-shell{padding:94px 20px}
.section-heading{grid-template-columns:1fr;gap:30px;margin-bottom:48px}
.section-heading h2{font-size:48px}
.service-row{grid-template-columns:1fr;gap:20px;padding:34px 0}
.service-row h3{font-size:31px}
.service-arrow{display:none}
.impact-copy{min-height:560px;padding:88px 20px}
.impact-copy h2{font-size:49px}
.stats>div{padding:20px}
.stats strong{font-size:36px}
.case-wrap{min-height:560px;padding:20px}
.case-card{min-height:520px;padding:24px}
.kinetic strong{font-size:76px}
.case-bottom{grid-template-columns:1fr}
.process-shell{padding:94px 20px;grid-template-columns:1fr}
.process h2{font-size:48px}
.steps{grid-template-columns:1fr}
.steps article{min-height:210px;padding:24px}
.contact-shell{padding:94px 20px;grid-template-columns:1fr}
.contact h2{font-size:56px}
.footer-shell{padding:58px 20px 28px}
.footer-main{grid-template-columns:1fr;gap:42px;padding-bottom:60px}
.footer-bottom{flex-direction:column;gap:16px}
.cookie-banner{right:16px;bottom:16px;padding:20px}
.cookie-actions{margin-left:28px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}