
:root{
  --bg:#030403;
  --panel:#070907;
  --panel2:#0b0e0b;
  --text:#f3f5ef;
  --muted:#9aa295;
  --line:#1b211a;
  --green:#78d41f;
  --green2:#a4ff42;
  --green-soft:rgba(120,212,31,.13);
  --amber:#f0a23a;
  --shell:1460px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#020302;color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
img,svg{display:block;max-width:100%}
.shell{width:min(var(--shell),calc(100% - 72px));margin:auto}
.site-header{height:92px;position:sticky;top:0;z-index:100;background:rgba(2,3,2,.92);backdrop-filter:blur(18px);border-bottom:1px solid #111611}
.nav-shell{height:100%;display:flex;align-items:center;gap:34px}
.brand{display:flex;flex-direction:column;line-height:1;min-width:185px}
.brand-mark{font-size:2.72rem;letter-spacing:.16em;font-weight:300}
.brand-tag{font-size:.66rem;letter-spacing:.2em;margin-top:7px}
.brand-tag b{color:var(--green);font-weight:600}
.nav{margin-left:auto;display:flex;align-items:center;gap:36px}
.nav a{font-size:.74rem;text-transform:uppercase;letter-spacing:.11em;color:#e8ece5;transition:.2s}
.nav a:hover{color:var(--green2)}
.menu-toggle{display:none;background:none;border:1px solid #2c3429;color:#fff;padding:9px 12px;margin-left:auto}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:0 22px;border:1px solid #343b32;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700;cursor:pointer;transition:.2s}
.button:hover{transform:translateY(-1px)}
.button-green{background:linear-gradient(180deg,#83de29,#61bb10);border-color:#82de28;color:#061000;box-shadow:0 0 28px rgba(120,212,31,.1)}
.button-dark{background:#060806;color:#f0f2ed}
.nav-cta{min-height:44px;padding:0 20px;white-space:nowrap}
.eyebrow{display:block;color:var(--green);font-size:.69rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:13px}
.hero{min-height:850px;position:relative;overflow:hidden;background:
radial-gradient(circle at 73% 45%,rgba(117,211,31,.08),transparent 33%),
linear-gradient(180deg,#020302,#030503)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#20271e,transparent)}
.hero-grid{display:grid;grid-template-columns:34% 66%;min-height:850px;align-items:center;position:relative}
.hero-copy{padding:70px 10px 70px 0;position:relative;z-index:3}
.hero-copy h1{font-size:clamp(3.3rem,4.7vw,6rem);line-height:.99;text-transform:uppercase;letter-spacing:-.04em;margin:0 0 26px;font-weight:760}
.hero-copy h1 span{color:var(--green)}
.hero-lede{font-size:1.1rem;color:#c8cdc3;max-width:530px;margin:0 0 38px;line-height:1.62}
.hero-functions{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:540px;margin:0 0 34px}
.hero-functions div{text-align:center}
.hero-functions i{width:36px;height:36px;margin:0 auto 8px;color:var(--green)}
.hero-functions svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.5}
.hero-functions strong,.hero-functions small{display:block}
.hero-functions strong{font-size:.71rem;letter-spacing:.06em}
.hero-functions small{font-size:.63rem;color:#8d9588;margin-top:3px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-note{margin:45px 0 0;color:#687064;font-size:.67rem;letter-spacing:.11em;text-transform:uppercase}
.hero-visual{height:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:35px 105px 35px 15px}
.hero-visual:before{content:"";position:absolute;inset:9% 7% 8% 0;background:radial-gradient(circle at center,rgba(97,187,16,.10),transparent 55%);filter:blur(25px)}
.hero-visual img{width:100%;max-height:790px;object-fit:contain;filter:saturate(.94) contrast(1.06);position:relative;z-index:1;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.layer-rail{position:absolute;right:0;top:17%;bottom:14%;width:145px;display:flex;flex-direction:column;justify-content:space-between;border-left:1px dashed #566152;padding-left:20px;z-index:2}
.layer-rail div{position:relative}
.layer-rail div:before{content:"";position:absolute;left:-24px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.layer-rail b{display:block;color:var(--green);font-size:1.05rem;font-weight:500}
.layer-rail strong{display:block;font-size:.72rem;letter-spacing:.06em;margin:4px 0}
.layer-rail span{font-size:.65rem;color:#9da497;line-height:1.4}
.statement-band{padding:78px 0;background:#050705;border-top:1px solid #111611;border-bottom:1px solid #171d16}
.statement-grid{display:grid;grid-template-columns:80px 1.3fr .7fr;gap:45px;align-items:start}
.section-number{font-size:.77rem;color:#667060;padding-top:7px}
.statement-grid h2,.section-head h2,.city-copy h2,.ai-grid h2,.kiosk-copy h2,.pilot-grid h2,.company-grid h2,.demo-inner h2,.final-inner h2{font-size:clamp(2.2rem,3.4vw,4.6rem);line-height:1.05;letter-spacing:-.045em;margin:0}
.statement-grid h2 span,.final-inner h2 span{color:var(--green)}
.statement-grid p{margin:33px 0 0;color:var(--muted);font-size:.92rem;line-height:1.7}
.section{padding:105px 0;border-bottom:1px solid #171c16;background:#030403}
.section-dark{background:linear-gradient(180deg,#050705,#020302)}
.section-head{display:grid;grid-template-columns:1fr 440px;gap:70px;align-items:end;margin-bottom:58px}
.section-head p{color:var(--muted);font-size:.93rem;margin:0;line-height:1.72}
.flow-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #20261e;background:#060806}
.flow-grid article{position:relative;padding:32px 25px 30px;min-height:290px;border-right:1px solid #20261e}
.flow-grid article:last-child{border-right:0}
.flow-grid article>span{position:absolute;right:18px;top:15px;color:#4e584a;font-size:.64rem}
.flow-grid i{width:40px;height:40px;color:var(--green);margin:20px 0 28px}
.flow-grid svg,.asset-grid svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.4}
.flow-grid h3{font-size:.91rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}
.flow-grid p{font-size:.75rem;color:#8e978a;margin:0;line-height:1.65}
.city-grid{display:grid;grid-template-columns:34% 66%;gap:50px;align-items:center}
.city-copy{padding-right:15px}
.city-copy h2{font-size:clamp(2.4rem,3.7vw,4.7rem)}
.big-copy{font-size:1.18rem;color:#d5d9d1;line-height:1.55;margin:24px 0}
.doctrine{display:grid;grid-template-columns:1fr 1fr;margin:38px 0;border-top:1px solid #1f271d;border-left:1px solid #1f271d}
.doctrine div{padding:18px;border-right:1px solid #1f271d;border-bottom:1px solid #1f271d}
.doctrine strong,.doctrine span{display:block}
.doctrine strong{color:var(--green);font-size:.76rem;letter-spacing:.08em}
.doctrine span{color:#929b8d;font-size:.73rem;margin-top:3px}
blockquote{margin:36px 0 0;border-left:2px solid var(--green);padding:5px 0 5px 18px;color:#d8ddd3;font-size:1rem}
.admin-window{background:#090c09;border:1px solid #273024;box-shadow:0 28px 80px #000;border-radius:6px;overflow:hidden}
.window-top{height:42px;border-bottom:1px solid #20281f;display:flex;align-items:center;gap:7px;padding:0 14px;color:#7f8979;font-size:.61rem;letter-spacing:.11em}
.window-top span{width:7px;height:7px;border-radius:50%;background:#333c31}.window-top span:nth-child(1){background:#6cc118}.window-top b{margin-left:auto;font-weight:500}
.admin-body{display:grid;grid-template-columns:145px 1fr;min-height:520px}
.admin-sidebar{border-right:1px solid #1f271d;padding:24px 16px;display:flex;flex-direction:column;gap:5px}
.admin-sidebar strong{color:var(--green);font-size:.74rem;letter-spacing:.08em;margin-bottom:23px}
.admin-sidebar a{padding:10px 11px;color:#697464;font-size:.71rem;border-left:2px solid transparent}
.admin-sidebar a.active{background:var(--green-soft);border-color:var(--green);color:#e6ebdf}
.admin-main{padding:22px}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.metric-row div{padding:15px;background:#0c100c;border:1px solid #20281f}
.metric-row small,.metric-row strong,.metric-row span{display:block}
.metric-row small{color:#657060;font-size:.55rem;letter-spacing:.08em}
.metric-row strong{font-size:1.6rem;margin:5px 0;color:#ecf1e7}
.metric-row span{color:#657060;font-size:.6rem}
.map-ui{height:350px;position:relative;border:1px solid #222b20;overflow:hidden;background:#060906}
.map-ui svg{width:100%;height:100%}
.map-float{position:absolute;right:14px;top:14px;background:rgba(5,8,5,.94);border:1px solid #6cae2f;padding:13px 14px;width:180px}
.map-float small,.map-float strong,.map-float span,.map-float b{display:block}
.map-float small{font-size:.55rem;color:#879181}.map-float strong{font-size:.84rem;margin:2px 0 5px}.map-float span{font-size:.62rem;color:#8e9789}.map-float b{font-size:.59rem;color:var(--green);margin-top:7px}
.rule-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}
.rule-row span{background:#0b0f0b;border:1px solid #1d251c;padding:8px;font-size:.57rem;color:#7c8677}
.rule-row b{display:block;color:var(--green);font-size:.55rem;margin-top:4px}.rule-row b.off{color:#8b6b56}
.asset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.asset-grid article{min-height:310px;padding:28px 25px;background:linear-gradient(180deg,#090c09,#050705);border:1px solid #1e251d;position:relative;overflow:hidden}
.asset-grid article:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:var(--green-soft);filter:blur(40px);right:-30px;bottom:-30px}
.asset-grid i{display:block;width:45px;height:45px;color:var(--green);margin-bottom:50px}
.asset-grid span{position:absolute;right:22px;top:18px;color:#4c5648;font-size:.65rem}
.asset-grid h3{text-transform:uppercase;letter-spacing:.09em;font-size:.88rem;margin:0 0 13px}
.asset-grid p{color:#8b9487;font-size:.74rem;line-height:1.65;margin:0}
.ai-section{background:
radial-gradient(circle at 80% 50%,rgba(120,212,31,.09),transparent 30%),
#030403}
.ai-grid{display:grid;grid-template-columns:44% 56%;gap:70px;align-items:center}
.ai-grid>div:first-child>p:not(.big-copy){color:var(--muted);font-size:.9rem;line-height:1.72}
.ai-principles{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.ai-principles span{border:1px solid #263022;background:#070a07;padding:9px 11px;color:#9ca698;font-size:.63rem}
.ai-terminal{border:1px solid #2b3627;background:#060806;box-shadow:0 20px 70px #000}
.terminal-head{height:45px;border-bottom:1px solid #21291f;display:flex;align-items:center;padding:0 16px;color:#9ca795;font-size:.65rem;letter-spacing:.08em}
.terminal-head b{margin-left:auto;color:#586253;font-size:.55rem}
.pulse{width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px;box-shadow:0 0 15px var(--green)}
.chat{padding:32px;min-height:430px}
.user-msg{margin-left:18%;background:#101510;border:1px solid #273225;border-radius:12px 12px 2px 12px;padding:18px;color:#d9ddd5;font-size:.84rem;line-height:1.6}
.agent-msg{margin-top:22px;width:84%;background:linear-gradient(180deg,rgba(120,212,31,.08),rgba(8,12,8,.8));border:1px solid #3f5b2f;border-radius:12px 12px 12px 2px;padding:20px;color:#cbd2c6}
.agent-msg>strong{font-size:.82rem;color:var(--green)}
.agent-msg>small{font-size:.59rem;color:#6e7869}
.space-result{margin:14px 0;background:#080b08;border:1px solid #263024;padding:15px}
.space-result b,.space-result span{display:block}
.space-result b{font-size:.82rem}.space-result span{font-size:.65rem;color:#84907f;margin-top:4px}
.space-result button{margin-top:14px;background:var(--green);border:0;color:#061000;padding:9px 13px;font-size:.63rem;font-weight:800;letter-spacing:.07em}
.impact{background:#050705}
.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #20281f;border-left:1px solid #20281f}
.impact-grid article{padding:32px;border-right:1px solid #20281f;border-bottom:1px solid #20281f;min-height:210px}
.impact-grid span{color:var(--green);font-size:.65rem}
.impact-grid strong{display:block;font-size:1.05rem;margin:24px 0 10px}
.impact-grid p{margin:0;color:#8b9586;font-size:.77rem;line-height:1.65}
.kiosk-section{padding:0;background:#030403}
.kiosk-grid{display:grid;grid-template-columns:52% 48%;min-height:760px}
.kiosk-image{overflow:hidden;min-height:760px}
.kiosk-image img{width:100%;height:100%;object-fit:cover}
.kiosk-copy{padding:90px 70px;display:flex;flex-direction:column;justify-content:center;background:
radial-gradient(circle at 70% 55%,rgba(120,212,31,.08),transparent 35%),#050705}
.kiosk-copy p{color:var(--muted);max-width:560px;line-height:1.74}
.kiosk-card{margin-top:32px;max-width:370px;border:1px solid #50663b;background:#080b08;padding:24px}
.kiosk-card span,.kiosk-card small,.kiosk-card strong,.kiosk-card b{display:block}
.kiosk-card span{font-size:2rem;letter-spacing:.14em}.kiosk-card small{color:#7d8878;margin-top:12px}.kiosk-card strong{color:var(--green);margin-top:4px}.kiosk-card p{font-size:.73rem;margin:12px 0}.kiosk-card b{color:#061000;background:var(--green);padding:11px 12px;text-align:center;font-size:.68rem;letter-spacing:.07em}
.pilot-section{background:#050705}
.pilot-grid{display:grid;grid-template-columns:42% 58%;gap:70px}
.pilot-steps{border-top:1px solid #222a20}
.pilot-steps div{display:grid;grid-template-columns:60px 190px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid #222a20;align-items:start}
.pilot-steps span{color:var(--green);font-size:.68rem}.pilot-steps strong{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.pilot-steps p{margin:0;color:#879182;font-size:.76rem;line-height:1.65}
.demo-section{padding:62px 0;background:linear-gradient(90deg,#0a0f08,#11190b);border-top:1px solid #2a3824;border-bottom:1px solid #2a3824}
.demo-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}
.demo-inner h2{font-size:clamp(2rem,3vw,3.5rem)}
.demo-inner p{margin:12px 0 0;color:#9ea798}
.demo-button{flex:0 0 auto}
.company-section{background:#030403}
.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}
.company-grid p{color:#949e90;line-height:1.8;margin:0 0 17px}
.company-links{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.company-links a{border-bottom:1px solid #496a31;padding-bottom:4px;color:#d6ddcf;font-size:.76rem}
.final-cta{position:relative;overflow:hidden;padding:110px 0 120px;background:#020302;border-top:1px solid #151b14}
.city-wire{position:absolute;inset:auto 0 0;height:260px;opacity:.18;background:
linear-gradient(90deg,transparent 2%,#6ca63a 2%,#6ca63a 2.2%,transparent 2.2%) 0 100%/80px 80px repeat-x,
linear-gradient(180deg,transparent 20%,#6ca63a 20%,#6ca63a 21%,transparent 21%) 0 100%/100% 120px no-repeat}
.city-wire:before,.city-wire:after{content:"";position:absolute;bottom:0;border:1px solid #6ca63a;border-bottom:0}
.city-wire:before{left:7%;width:20%;height:145px;clip-path:polygon(0 100%,0 30%,15% 30%,15% 10%,32% 10%,32% 55%,49% 55%,49% 23%,62% 23%,62% 0,73% 0,73% 47%,88% 47%,88% 18%,100% 18%,100% 100%)}
.city-wire:after{right:6%;width:29%;height:190px;clip-path:polygon(0 100%,0 50%,9% 50%,9% 25%,20% 25%,20% 5%,34% 5%,34% 65%,48% 65%,48% 20%,62% 20%,62% 40%,75% 40%,75% 0,86% 0,86% 58%,100% 58%,100% 100%)}
.final-inner{text-align:center;position:relative;z-index:2}
.final-inner h2{font-size:clamp(3rem,5vw,6.6rem)}
.final-inner p{color:#90998b;max-width:700px;margin:24px auto 30px}
.footer{padding:45px 0;background:#010201;border-top:1px solid #161b15}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:center}
.footer-grid p{margin:0 0 5px;color:#a2aa9e;font-size:.78rem}.footer-grid small{color:#566052;font-size:.63rem}
.footer-links{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap}.footer-links a{font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;color:#8c9588}
.demo-modal{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:200;padding:25px}
.demo-modal.open{display:flex}
.demo-modal-card{max-width:610px;background:#070a07;border:1px solid #3e542f;padding:40px;position:relative;box-shadow:0 30px 120px #000}
.demo-modal-card h2{font-size:2.2rem;line-height:1.05;margin:0 0 18px}.demo-modal-card p{color:#939d8f;line-height:1.7;margin-bottom:25px}
.modal-close{position:absolute;right:13px;top:8px;background:none;border:0;color:#7e8879;font-size:1.7rem;cursor:pointer}

@media(max-width:1200px){
  .shell{width:min(var(--shell),calc(100% - 42px))}
  .nav{gap:20px}.nav a{font-size:.66rem}.nav-cta{display:none}
  .hero-grid{grid-template-columns:40% 60%}
  .hero-functions{grid-template-columns:1fr 1fr}
  .flow-grid{grid-template-columns:repeat(3,1fr)}.flow-grid article:nth-child(3){border-right:0}.flow-grid article:nth-child(-n+3){border-bottom:1px solid #20261e}
  .asset-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .site-header{height:70px}.brand-mark{font-size:2rem}.brand-tag{font-size:.55rem}
  .menu-toggle{display:block}.nav{display:none}.nav.open{display:flex;position:absolute;top:70px;left:16px;right:16px;flex-direction:column;align-items:stretch;background:#070907;border:1px solid #273024;padding:10px;gap:0}.nav.open a{padding:12px;border-bottom:1px solid #1b211a}
  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:65px 0 25px}.hero-visual{height:650px;padding:0 75px 20px 0}.hero-visual img{max-height:620px}.layer-rail{right:0;top:8%;bottom:10%}
  .statement-grid{grid-template-columns:50px 1fr}.statement-grid p{grid-column:2}
  .section-head{grid-template-columns:1fr;gap:20px}
  .city-grid,.ai-grid,.pilot-grid,.company-grid{grid-template-columns:1fr;gap:50px}
  .admin-body{grid-template-columns:115px 1fr}.admin-sidebar{padding:17px 10px}.metric-row{grid-template-columns:1fr 1fr 1fr}
  .asset-grid{grid-template-columns:1fr 1fr}
  .impact-grid{grid-template-columns:1fr 1fr}
  .kiosk-grid{grid-template-columns:1fr}.kiosk-image{min-height:620px}.kiosk-copy{padding:65px 35px}
  .demo-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}
}
@media(max-width:580px){
  .shell{width:calc(100% - 28px)}
  .hero-copy h1{font-size:3.5rem}.hero-lede{font-size:.96rem}.hero-actions .button{width:100%}
  .hero-visual{height:500px;padding:0 0 40px}.hero-visual img{width:120%;max-width:none;margin-left:-10%}.layer-rail{display:none}
  .statement-band{padding:55px 0}.statement-grid{grid-template-columns:1fr;gap:10px}.statement-grid p{grid-column:auto;margin-top:10px}.section-number{display:none}
  .section{padding:72px 0}.section-head{margin-bottom:35px}
  .flow-grid{grid-template-columns:1fr}.flow-grid article{border-right:0!important;border-bottom:1px solid #20261e;min-height:auto}.flow-grid article:last-child{border-bottom:0}
  .doctrine{grid-template-columns:1fr}
  .admin-body{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-main{padding:11px}.metric-row{grid-template-columns:1fr 1fr}.metric-row div:nth-child(3){grid-column:1/-1}.map-ui{height:300px}.rule-row{grid-template-columns:1fr 1fr}
  .asset-grid{grid-template-columns:1fr}.asset-grid article{min-height:240px}.asset-grid i{margin-bottom:30px}
  .chat{padding:15px}.user-msg{margin-left:5%}.agent-msg{width:95%}
  .impact-grid{grid-template-columns:1fr}
  .kiosk-image{min-height:460px}.kiosk-copy{padding:55px 22px}
  .pilot-steps div{grid-template-columns:42px 1fr}.pilot-steps p{grid-column:2}
  .demo-modal-card{padding:30px 22px}
  .final-cta{padding:85px 0 100px}
}
