:root { --navy:#07111f; --navy-soft:#0d1a2d; --green:#61d600; --white:#fff; --ink:#12161c; --grey:#6d7783; --line:rgba(255,255,255,.14); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--white); background:var(--navy); font-family:Inter,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.section-shell { padding-left:max(24px, calc((100vw - 1240px)/2)); padding-right:max(24px, calc((100vw - 1240px)/2)); }
.topbar { height:88px; display:flex; align-items:center; justify-content:space-between; position:absolute; z-index:10; inset:0 0 auto; padding:0 max(24px, calc((100vw - 1240px)/2)); border-bottom:1px solid var(--line); }
.brand { align-items:center; display:inline-flex; gap:9px; color:#fff; font-size:20px; font-weight:800; letter-spacing:-1.3px; line-height:.8; }
.brand-mark { height:37px; width:37px; color:#fff; flex:none; }
.nav { display:flex; align-items:center; gap:31px; color:#b5bdc9; font-family:"IBM Plex Mono",monospace; font-size:11px; text-transform:uppercase; }
.nav a { transition:color .2s; }.nav a:hover {color:#fff}.nav-contact { color:#fff; border:1px solid #405063; padding:12px 16px; }.nav-contact span { color:var(--green); margin-left:7px; }
.menu-button { display:none; background:transparent; border:0; width:42px; height:42px; padding:10px; }.menu-button span { display:block; height:2px; background:#fff; margin:5px 0; }
.hero { min-height:775px; padding-top:184px; position:relative; overflow:hidden; background:radial-gradient(circle at 78% 40%, #123354 0, #0a192a 23%, var(--navy) 49%); }
.hero-grid,.contact-background { position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(131,153,177,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(131,153,177,.11) 1px,transparent 1px); background-size:74px 74px; mask-image:linear-gradient(90deg,#000 0%,#000 35%,transparent 74%); }
.hero-grid:after {content:""; position:absolute; width:600px; height:600px; border:1px solid rgba(97,214,0,.2); border-radius:50%; left:57%; top:90px; box-shadow:0 0 0 76px rgba(97,214,0,.04),0 0 0 152px rgba(97,214,0,.025);}
.hero-copy {position:relative; z-index:1; max-width:715px}.eyebrow { margin:0 0 22px; color:#aeb8c5; font-family:"IBM Plex Mono",monospace; font-size:11px; letter-spacing:.07em; text-transform:uppercase; display:flex; gap:9px; align-items:center; }.eyebrow span {display:inline-block; height:8px;width:8px;background:var(--green);}.eyebrow-dark {color:#55616e;}
h1,h2,h3,p{margin-top:0}h1,h2,h3 {letter-spacing:-.055em;}h1 {font-size:clamp(44px, 5.7vw, 77px); max-width:710px; margin-bottom:25px; line-height:1.02;}em { font-style:normal; color:var(--green); }.hero-text {color:#b8c1cc;max-width:590px;font-size:17px;line-height:1.65;margin-bottom:35px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;gap:28px;align-items:center;padding:16px 18px;font-size:13px;font-weight:700}.button-primary{color:#0a1606;background:var(--green)}.button span{font-size:18px}.text-link{font-size:13px;font-weight:600}.text-link span{color:var(--green);margin-left:8px}
.hero-system { position:absolute; z-index:1; width:516px; height:412px; right:max(24px,calc((100vw - 1240px)/2)); top:210px; border:1px solid rgba(160,180,200,.25); background:rgba(4,15,29,.4); backdrop-filter:blur(4px); overflow:hidden; }.system-topline{height:52px;padding:18px 20px;border-bottom:1px solid rgba(160,180,200,.16);font:10px "IBM Plex Mono",monospace;color:#8c99a9}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}.system-id{float:right}.system-title{position:absolute;left:29px;top:90px;font-size:34px;line-height:1.05;letter-spacing:-.055em;color:#93a0ae}.system-title strong{color:#fff}.system-panel{position:absolute;width:200px;height:83px;padding:14px 16px;border:1px solid rgba(160,180,200,.16);background:rgba(6,17,31,.8);font:11px "IBM Plex Mono",monospace}.system-panel span{color:var(--green);margin-right:11px}.system-panel b{font:500 11px Inter,sans-serif;color:#e2e9ef}.system-panel i{display:block;margin:17px 0 0 28px;font-style:normal;color:#7e8c9d;font-size:9px}.panel-one{left:29px;bottom:28px}.panel-two{left:257px;bottom:28px}.panel-three{left:257px;bottom:129px}.system-path{position:absolute;right:31px;top:83px;display:flex;gap:5px}.system-path span{display:block;background:var(--green);width:6px;height:6px;border-radius:50%;box-shadow:0 0 12px var(--green)}
.hero-footer{position:absolute;left:max(24px,calc((100vw - 1240px)/2));right:max(24px,calc((100vw - 1240px)/2));bottom:29px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;color:#8591a0;font:10px "IBM Plex Mono",monospace;letter-spacing:.05em}
.section-light{color:var(--ink);background:#f7f8f7}.solutions{padding-top:128px;padding-bottom:128px}.section-heading{display:grid;grid-template-columns:1.15fr .85fr;column-gap:95px;align-items:end;margin-bottom:58px}.section-heading .eyebrow{grid-column:1}.section-heading h2{font-size:52px;line-height:1.04;margin:0;grid-column:1;grid-row:2}.section-heading h2 em{color:#3f9700}.section-heading>p:last-child{color:#59636e;font-size:16px;line-height:1.65;margin:0 0 5px;grid-column:2;grid-row:2}.solution-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c9d0d2;border-left:1px solid #c9d0d2}.solution-card{min-height:310px;position:relative;padding:25px;border-right:1px solid #c9d0d2;border-bottom:1px solid #c9d0d2}.feature-card{background:var(--navy);color:white}.solution-number{font:10px "IBM Plex Mono",monospace;color:#84909b}.solution-icon{margin:43px 0 26px;color:#172d43;font:600 25px "IBM Plex Mono",monospace;min-height:29px}.feature-card .solution-icon{color:var(--green)}.solution-card h3{font-size:20px;margin-bottom:12px;line-height:1.1}.solution-card p{font-size:13px;line-height:1.55;color:#68737d;margin:0;max-width:235px}.feature-card p{color:#a1acb7}.card-arrow{position:absolute;right:23px;bottom:21px;color:#677582;font-size:17px}.feature-card .card-arrow{color:var(--green)}.icon-flow{display:flex;align-items:center;gap:6px}.icon-flow i{display:block;width:9px;height:9px;border:2px solid currentColor;border-radius:50%;position:relative}.icon-flow i:not(:last-child):after{content:"";position:absolute;width:10px;border-top:1px solid currentColor;left:7px;top:2px}.icon-grid{display:grid;grid-template-columns:repeat(2,10px);gap:4px}.icon-grid i{width:10px;height:10px;background:currentColor}.icon-gear{font-size:32px;line-height:25px}
.principles{padding-top:128px;padding-bottom:128px;display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;background:var(--navy)}.principles-intro h2{font-size:50px;line-height:1.05;margin:0}.principles-grid{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--line);border-top:1px solid var(--line)}.principles-grid article{min-height:196px;padding:23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.principles-grid span{font:10px "IBM Plex Mono",monospace;color:var(--green)}.principles-grid h3{font-size:20px;margin:47px 0 8px}.principles-grid p{font-size:13px;line-height:1.5;color:#aeb8c5;margin:0}
.about{padding-top:130px;padding-bottom:130px;display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.about-art{min-height:440px;position:relative;background:#e7ebea;overflow:hidden;background-image:linear-gradient(#d4dcda 1px,transparent 1px),linear-gradient(90deg,#d4dcda 1px,transparent 1px);background-size:36px 36px}.about-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,#f6f8f7 0%,transparent 59%)}.art-disket{position:absolute;z-index:1;width:210px;left:calc(50% - 105px);top:107px;color:var(--navy)}.art-tag{position:absolute;z-index:2;padding:7px 9px;background:var(--navy);color:#fff;font:9px "IBM Plex Mono",monospace;letter-spacing:.05em}.tag-one{top:75px;left:36px}.tag-two{right:33px;bottom:90px}.tag-three{left:68px;bottom:46px;background:var(--green);color:#0d1b0a}.about-copy h2{font-size:47px;line-height:1.08;margin-bottom:25px}.about-copy p:not(.eyebrow){font-size:16px;line-height:1.65;color:#59636e;max-width:510px;margin-bottom:15px}
.contact{padding-top:128px;padding-bottom:100px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:120px;min-height:507px}.contact-background{mask-image:linear-gradient(90deg,transparent,#000 42%,#000);opacity:.58;transform:translateX(34%)}.contact-copy,.contact-links{position:relative;z-index:1}.contact-copy h2{font-size:55px;line-height:1.05;margin-bottom:22px}.contact-copy p:not(.eyebrow){color:#afbac5;line-height:1.6;max-width:510px}.contact-links{align-self:center;border-top:1px solid var(--line)}.contact-links a{display:grid;grid-template-columns:1fr auto;position:relative;border-bottom:1px solid var(--line);padding:20px 40px 20px 0}.contact-links span{font:10px "IBM Plex Mono",monospace;color:#8f9cab;text-transform:uppercase}.contact-links strong{margin-top:8px;font-size:17px;letter-spacing:-.03em}.contact-links i{position:absolute;right:0;top:33px;color:var(--green);font-size:18px;font-style:normal}
.footer{height:112px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#8995a3;font:10px "IBM Plex Mono",monospace;letter-spacing:.05em}.brand-footer{font-family:Inter,Arial,sans-serif;font-size:16px;color:white}.brand-footer .brand-mark{height:31px;width:31px}.footer p{margin:0}
@media (max-width:900px){.hero{min-height:850px}.hero-system{opacity:.5;right:-90px;top:385px}.section-heading{grid-template-columns:1fr;gap:0}.section-heading h2,.section-heading>p:last-child{grid-column:1}.section-heading>p:last-child{grid-row:auto;margin-top:22px;max-width:560px}.solution-list{grid-template-columns:1fr 1fr}.principles{grid-template-columns:1fr;gap:55px}.about{gap:55px;grid-template-columns:1fr}.contact{grid-template-columns:1fr;gap:45px}.contact-links{max-width:620px}.footer{height:auto;padding-top:25px;padding-bottom:25px}.footer p:nth-child(2){display:none}}
@media (max-width:620px){.topbar{height:72px}.nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--navy);padding:18px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:18px}.nav.is-open{display:flex}.menu-button{display:block}.hero{min-height:780px;padding-top:137px}.hero-system{width:390px;height:310px;top:452px;right:-123px}.system-title{font-size:26px;top:76px}.system-panel{transform:scale(.8);transform-origin:bottom left}.panel-one{left:16px;bottom:9px}.panel-two{left:199px;bottom:9px}.panel-three{left:199px;bottom:77px}.hero-footer{font-size:8px}.hero-footer span:nth-child(2){display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}h1{font-size:47px}.hero-text{font-size:15px}.solutions,.principles,.about,.contact{padding-top:85px;padding-bottom:85px}.section-heading h2,.principles-intro h2,.about-copy h2,.contact-copy h2{font-size:39px}.solution-list{grid-template-columns:1fr}.solution-card{min-height:245px}.solution-icon{margin:30px 0 18px}.principles-grid{grid-template-columns:1fr}.principles-grid article{min-height:155px}.principles-grid h3{margin-top:30px}.about-art{min-height:350px}.art-disket{top:75px}.contact-links strong{font-size:14px;word-break:break-word}.footer{gap:17px}.footer p{font-size:8px}}