:root{--bg:#080a0f;--surface:#0d1117;--card:#111827;--ink:#f4f6f8;--muted:#9ca3af;--cyan:#38bdf8;--violet:#8b5cf6;--line:rgba(255,255,255,.09);--shell:min(1180px,calc(100% - 48px));--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.65;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 10%,rgba(56,189,248,.09),transparent 28%),radial-gradient(circle at 15% 35%,rgba(139,92,246,.07),transparent 25%);z-index:-1}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:var(--shell);margin:auto}.skip-link{position:absolute;left:-999px;top:10px;background:#fff;color:#000;padding:8px 14px;z-index:20}.skip-link:focus{left:10px}.site-header{height:84px;position:sticky;top:0;z-index:10;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{background:rgba(8,10,15,.86);backdrop-filter:blur(16px);border-color:var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font:700 15px/1 'Space Grotesk';letter-spacing:.08em}.brand span span{color:var(--cyan)}.brand-mark{display:grid;place-items:center;width:30px;height:30px;color:#07101a;background:linear-gradient(135deg,var(--cyan),#b6e8ff);clip-path:polygon(50% 0,100% 15%,75% 100%,25% 100%,0 15%);font-weight:800}.nav-links{display:flex;align-items:center;gap:25px;font-size:13px;color:#c9ced8}.nav-links>a:not(.button){transition:color .2s}.nav-links>a[aria-current],.nav-links>a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid rgba(133,216,250,.4);background:linear-gradient(120deg,#23aee9,#3f8ee8);color:#061019;padding:13px 20px;border-radius:999px;font-size:13px;font-weight:800;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(56,189,248,.18)}.button span{font-size:17px}.button-secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button-small{padding:10px 15px;font-size:12px}.menu-toggle{display:none;background:none;border:0;color:#fff}.eyebrow{color:var(--cyan);font:700 11px/1.2 'Space Grotesk';letter-spacing:.18em;text-transform:uppercase}.hero{position:relative;min-height:690px;display:flex;align-items:center;padding:95px 0 65px}.hero-copy{max-width:680px;position:relative;z-index:1}.hero h1,.page-hero h1{font:700 clamp(44px,6.2vw,84px)/1.02 'Space Grotesk';margin:18px 0 24px;letter-spacing:-.055em}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#fff 38%,#7bd8fb);background-clip:text;color:transparent}.hero p{max-width:590px;color:#bbc2ce;font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-visual{position:absolute;right:-4%;width:min(54vw,700px);height:620px;top:45px}.orb{position:absolute;width:400px;height:400px;border:1px solid rgba(135,216,255,.22);border-radius:50%;right:10%;top:95px;box-shadow:inset 0 0 80px rgba(56,189,248,.07),0 0 90px rgba(56,189,248,.05);transform:translate(var(--move-x,0),var(--move-y,0));transition:transform .4s ease-out}.orb:before,.orb:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(139,92,246,.25);inset:42px;transform:rotate(55deg) scaleY(.42)}.orb:after{inset:96px;border-color:rgba(56,189,248,.35);transform:rotate(-33deg) scaleY(.4)}.orb-core{position:absolute;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#dff6ff,#38bdf8 27%,#172c49 70%);left:calc(50% - 34px);top:calc(50% - 34px);box-shadow:0 0 45px rgba(56,189,248,.45)}.node{position:absolute;width:7px;height:7px;background:#9de6ff;border-radius:50%;box-shadow:0 0 15px var(--cyan)}.node.n1{top:10%;left:31%}.node.n2{right:13%;top:31%}.node.n3{bottom:16%;left:17%}.node.n4{bottom:20%;right:8%;background:#a98aff}.capability-strip{border-block:1px solid var(--line);overflow:hidden;background:rgba(17,24,39,.35)}.capability-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#c5cbd6;font:600 11px 'Space Grotesk';letter-spacing:.12em;white-space:nowrap}.capability-inner span:before{content:"✦";color:var(--cyan);margin-right:17px}.section{padding:120px 0}.section-soft{background:linear-gradient(180deg,transparent,rgba(17,24,39,.38),transparent)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-title{font:700 clamp(30px,4vw,50px)/1.1 'Space Grotesk';letter-spacing:-.04em;margin:13px 0 0;max-width:690px}.section-copy{max-width:520px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.statement{font:600 clamp(28px,3.4vw,45px)/1.2 'Space Grotesk';letter-spacing:-.035em;margin:14px 0}.muted{color:var(--muted)}.system-card{min-height:370px;border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:linear-gradient(130deg,rgba(56,189,248,.09),rgba(17,24,39,.8) 48%,rgba(139,92,246,.11));position:relative;overflow:hidden}.system-card:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(56,189,248,.3);border-radius:50%;right:-130px;bottom:-150px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:55px;position:relative;z-index:1}.system-grid span{border:1px solid var(--line);padding:18px 14px;background:rgba(7,11,17,.55);font:700 12px 'Space Grotesk';letter-spacing:.08em}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card,.project-card,.principle,.tech-panel{border:1px solid var(--line);border-radius:var(--radius);background:rgba(17,24,39,.65);transition:transform .25s,border-color .25s,background .25s}.service-card:hover,.project-card:hover,.principle:hover{transform:translateY(-6px);border-color:rgba(56,189,248,.35);background:#121b29}.service-card{padding:25px;display:flex;flex-direction:column}.icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(56,189,248,.22);border-radius:11px;color:var(--cyan);font-weight:700}.service-card h3{font:600 21px 'Space Grotesk';margin:21px 0 10px}.service-card p{font-size:13px;color:var(--muted);margin:0}.service-card ul{margin:19px 0 23px;padding:0;list-style:none;font-size:12px;color:#c7ced9}.service-card li{margin:6px 0}.service-card li:before{content:"→";color:var(--cyan);margin-right:8px}.text-link{font-size:12px;font-weight:800;margin-top:auto}.text-link span{color:var(--cyan);margin-left:5px}.projects{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.project-card{grid-column:span 4;padding:0;overflow:hidden}.project-card.featured{grid-column:span 8}.project-media{height:190px;position:relative;background:linear-gradient(130deg,#0c2332,#141c3b 52%,#26184a);overflow:hidden}.featured .project-media{height:255px}.project-media:before{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(184,237,255,.32);border-radius:50%;top:15%;left:11%;box-shadow:45px 30px 0 -35px rgba(56,189,248,.5),100px -22px 0 -45px rgba(139,92,246,.8)}.project-media:after{content:"";position:absolute;inset:25px;background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(177,226,255,.1) 39px 40px);mask-image:linear-gradient(to right,black,transparent)}.project-body{padding:23px}.project-body h3{font:600 22px 'Space Grotesk';margin:7px 0}.project-body p{color:var(--muted);font-size:13px;margin:0 0 17px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{color:#b7dff0;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.14);padding:4px 8px;border-radius:100px;font:600 10px 'Space Grotesk'}.tech-area{display:grid;grid-template-columns:240px 1fr;gap:40px}.tech-tabs{display:grid;gap:7px}.tech-tab{cursor:pointer;text-align:left;background:transparent;color:var(--muted);border:0;border-left:2px solid var(--line);padding:12px 15px;font-weight:700}.tech-tab.active{color:#fff;border-color:var(--cyan);background:linear-gradient(90deg,rgba(56,189,248,.1),transparent)}.tech-panel{padding:30px}.tech-panel h3{font:600 25px 'Space Grotesk';margin:0 0 24px}.tech-list{display:flex;flex-wrap:wrap;gap:10px}.tech-list span{padding:11px 14px;border:1px solid var(--line);border-radius:9px;color:#dce2eb;font-size:13px;background:#0c121c}.process-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:60px}.process-list{display:grid;gap:4px}.process-step{cursor:pointer;color:#777f8d;border:0;border-bottom:1px solid var(--line);text-align:left;padding:17px 0;background:transparent;display:flex;gap:15px;align-items:center;font:600 20px 'Space Grotesk';transition:.2s}.process-step small{font-size:11px;color:var(--cyan)}.process-step.active{color:#fff;padding-left:12px}.process-panel{border:1px solid var(--line);border-radius:var(--radius);min-height:300px;padding:36px;background:radial-gradient(circle at 75% 20%,rgba(139,92,246,.16),transparent 30%),var(--card)}.process-panel h3{font:600 32px 'Space Grotesk';margin:45px 0 10px}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.principle{padding:25px}.principle h3{font:600 19px 'Space Grotesk';margin:27px 0 9px}.principle p{font-size:13px;color:var(--muted);margin:0}.ai-demo{border:1px solid var(--line);border-radius:22px;background:linear-gradient(130deg,rgba(56,189,248,.08),rgba(17,24,39,.85) 45%,rgba(139,92,246,.1));padding:clamp(25px,5vw,60px);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.demo-window{background:#090e16;border:1px solid rgba(255,255,255,.12);border-radius:15px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.25)}.window-top{padding:13px 16px;border-bottom:1px solid var(--line);font:700 10px 'Space Grotesk';letter-spacing:.1em}.window-top:before{content:"● ● ●";letter-spacing:3px;color:#64748b;margin-right:15px}.demo-content{padding:25px}.demo-question{font-size:15px;margin:0 0 19px}.demo-options{display:flex;flex-wrap:wrap;gap:8px}.demo-options button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:#121b28;color:#cfd6df;padding:9px 10px;font-size:11px;transition:.2s}.demo-options button:hover,.demo-options button.active{background:rgba(56,189,248,.13);border-color:rgba(56,189,248,.48);color:#dff6ff}.demo-response{min-height:60px;color:var(--muted);font-size:12px;margin:20px 0 0}.cta{padding:115px 0;text-align:center}.cta-box{border:1px solid var(--line);border-radius:22px;padding:clamp(50px,8vw,90px) 25px;background:radial-gradient(circle at 50% 100%,rgba(56,189,248,.16),transparent 43%),#0d121d}.cta h2{font:600 clamp(35px,5vw,58px)/1.05 'Space Grotesk';letter-spacing:-.05em;margin:13px 0}.cta p{color:var(--muted);max-width:550px;margin:0 auto 28px}.site-footer{border-top:1px solid var(--line);padding:55px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:35px}.footer-grid p{font-size:13px;color:var(--muted);max-width:340px}.footer-grid div:not(:first-child){display:grid;align-content:start;gap:8px;font-size:13px}.footer-grid .eyebrow{margin:0 0 5px}.page-hero{padding:85px 0 55px;max-width:780px}.page-hero p{max-width:620px;color:var(--muted);font-size:17px}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px}.info-panel{padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.info-panel h3{font:600 21px 'Space Grotesk';margin:0 0 15px}.info-panel p{font-size:14px;color:var(--muted)}.case-study{max-width:850px}.case-study-hero{height:310px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 30% 45%,rgba(56,189,248,.28),transparent 14%),linear-gradient(120deg,#0b1c2b,#121a35,#261b3d);position:relative;overflow:hidden}.case-study-hero:after{content:"";position:absolute;inset:35px;border:1px solid rgba(160,226,255,.2);border-radius:50%;transform:scaleX(1.7) rotate(30deg)}.case-section{border-top:1px solid var(--line);padding:27px 0}.case-section h2{font:600 22px 'Space Grotesk';margin:0 0 8px}.case-section p{color:var(--muted);margin:0}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.contact-points{display:grid;gap:22px}.contact-points div{border-bottom:1px solid var(--line);padding-bottom:19px}.contact-points h3{font:600 17px 'Space Grotesk';margin:0 0 5px}.contact-points p{color:var(--muted);font-size:13px;margin:0}.form-card{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:6px;margin-bottom:16px}.field label{font-size:12px;font-weight:700}.field input,.field select,.field textarea{width:100%;background:#0a1019;color:#fff;border:1px solid var(--line);border-radius:9px;padding:11px 12px;outline:none;font-size:14px}.field textarea{min-height:135px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(56,189,248,.1)}.notice{padding:12px 14px;border-radius:9px;font-size:13px;margin-bottom:17px}.notice.success{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);color:#b9f8d0}.notice.error{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);color:#fecaca}.cursor-dot,.cursor-ring{display:none}@media(pointer:fine) and (prefers-reduced-motion:no-preference){.cursor-dot,.cursor-ring{display:block;position:fixed;top:0;left:0;pointer-events:none;z-index:30;border-radius:50%;transform:translate(-50%,-50%)}.cursor-dot{width:5px;height:5px;background:#d9f4ff}.cursor-ring{width:29px;height:29px;border:1px solid rgba(143,223,255,.7);transition:width .2s,height .2s,border-color .2s}.cursor-ring.hover{width:45px;height:45px;border-color:var(--cyan)}}
@media(max-width:850px){:root{--shell:min(100% - 36px,1180px)}.menu-toggle{display:grid;gap:5px;padding:8px}.menu-toggle i{display:block;width:23px;height:1px;background:#fff}.nav-links{position:absolute;top:84px;left:0;right:0;padding:20px 24px 25px;background:#0d1117;border-bottom:1px solid var(--line);display:none;align-items:start;flex-direction:column;gap:17px}.nav-links.open{display:flex}.hero{min-height:650px;padding-top:75px}.hero-visual{opacity:.45;right:-45%;top:105px}.services-grid,.principles{grid-template-columns:repeat(2,1fr)}.project-card,.project-card.featured{grid-column:span 6}.split,.ai-demo,.contact-layout,.content-grid{grid-template-columns:1fr;gap:35px}.tech-area,.process-layout{grid-template-columns:1fr;gap:25px}.tech-tabs{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:85px 0}}
@media(max-width:540px){.hero{min-height:610px}.hero h1,.page-hero h1{font-size:43px}.hero-visual{right:-92%;opacity:.33}.capability-inner{justify-content:flex-start}.capability-inner span:nth-child(n+4){display:none}.section-head{display:block}.section-head .section-copy{margin-top:15px}.services-grid,.principles,.field-grid{grid-template-columns:1fr}.projects{display:block}.project-card{margin-bottom:16px}.project-media,.featured .project-media{height:180px}.tech-tabs{grid-template-columns:1fr}.process-step{font-size:17px}.footer-grid{grid-template-columns:1fr}.page-hero{padding-top:55px}.cta{padding:75px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.admin-table th{color:var(--muted);font:700 10px 'Space Grotesk';letter-spacing:.1em;text-transform:uppercase}.admin-table th,.admin-table td{padding:13px 9px;border-bottom:1px solid var(--line);vertical-align:top}.admin-table td:first-child{min-width:165px}.admin-actions{display:flex;gap:6px}.admin-actions button{cursor:pointer;border:1px solid var(--line);border-radius:6px;background:#0b111a;color:#d5dce5;padding:5px 7px;font-size:11px}.admin-actions button:last-child{color:#fecaca}

/* Mobile refinements */
html{overflow-x:clip}
img{max-width:100%;height:auto}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,.button,.menu-toggle,.solution-back{min-height:44px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

@media(max-width:850px){
  body.nav-open{overflow:hidden}
  .site-header{background:rgba(8,10,15,.96);backdrop-filter:blur(16px)}
  .nav-links{max-height:calc(100vh - 84px);overflow-y:auto;box-shadow:0 18px 30px rgba(0,0,0,.2)}
  .nav-links>a{min-height:44px;display:inline-flex;align-items:center}
  .hero{overflow:hidden}
  .hero-visual{pointer-events:none}
  .form-card[style*="overflow:auto"]{overflow-x:auto!important;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .admin-table{min-width:640px}
  body[data-admin-page] .site-header{height:auto;min-height:84px}
  body[data-admin-page] .nav{height:auto;min-height:84px;flex-wrap:wrap;padding:14px 0;gap:10px}
  body[data-admin-page] .nav-links{position:static;display:flex!important;width:100%;max-height:none;overflow:visible;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:0;background:transparent;border:0;box-shadow:none}
}

@media(max-width:540px){
  :root{--shell:min(100% - 32px,1180px)}
  body{font-size:15px}
  .site-header,.nav{height:72px}
  .brand{font-size:13px;gap:8px}
  .brand img{width:36px!important;height:36px!important}
  .nav-links{top:72px;padding:14px 16px 20px;gap:6px}
  .nav-links .button{width:100%;margin-top:4px}
  .hero{min-height:0;padding:72px 0 64px}
  .hero-visual{display:none}
  .hero h1,.page-hero h1{font-size:clamp(36px,11.5vw,43px);letter-spacing:-.045em}
  .hero p,.page-hero p{font-size:15px}
  .hero-actions{display:grid;grid-template-columns:1fr;margin-top:26px}
  .hero-actions .button{width:100%}
  .capability-inner{min-height:62px;font-size:10px;gap:16px}
  .section{padding:64px 0}
  .section-head{margin-bottom:30px}
  .system-card{min-height:0;padding:20px}
  .system-grid{margin-top:30px;gap:8px}
  .system-grid span{padding:13px 10px;font-size:10px;letter-spacing:.05em}
  .service-card,.principle,.project-body,.info-panel,.form-card{padding:20px}
  .service-card h3{margin-top:16px}
  .process-panel{min-height:0;padding:25px}
  .process-panel h3{margin-top:28px;font-size:28px}
  .case-study-hero{height:220px}
  .case-study-hero:after{inset:25px}
  .cta{padding:64px 0}
  .cta-box{padding:44px 20px}
  .site-footer{padding:42px 0}
  .footer-grid{gap:28px}
  .contact-layout{gap:30px}
  .contact-points a,.footer-grid a{overflow-wrap:anywhere}
  .field input,.field select,.field textarea{font-size:16px}
  .field textarea{min-height:120px}
  .button{width:100%;padding-inline:16px}
  .page-hero{padding:48px 0 32px}
  body[data-admin-page] .site-header,body[data-admin-page] .nav{height:auto}
  body[data-admin-page] .nav{min-height:72px;padding:12px 0}
  body[data-admin-page] .nav-links{gap:4px 14px}
  body[data-admin-page] .nav-links>a,body[data-admin-page] .nav-links .solution-back{min-height:38px;font-size:12px}
  .admin-table{font-size:12px}
}
