:root{--ink:#0b171c;--ink-2:#14252b;--paper:#f3f5ef;--paper-2:#e9eee6;--muted:#667276;--line:#d7ddd5;--lime:#d5f47d;--teal:#8edfd0;--white:#fff;--container:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Avenir Next","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
::selection{background:var(--lime);color:var(--ink)}
.container{width:min(calc(100% - 80px),var(--container));margin-inline:auto}
.skip-link{position:absolute;top:-100px;left:20px;background:var(--lime);color:var(--ink);padding:12px 18px;z-index:50}.skip-link:focus{top:12px}
:focus-visible{outline:3px solid #84cfc3;outline-offset:4px}

.site-header{position:absolute;z-index:20;top:0;left:0;right:0;color:#f6f8f0}
.nav-shell{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13)}
.brand{display:inline-flex;gap:11px;align-items:center;flex:none}
.brand-symbol{width:42px;height:42px;border:1px solid rgba(213,244,125,.55);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:2px;color:var(--lime);font-size:22px;font-weight:600;letter-spacing:-4px;padding-right:4px}
.brand-symbol-line{display:block;width:9px;height:2px;background:var(--lime);transform:rotate(-50deg);margin:1px 0 0 1px}
.brand-wordmark{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 4px;width:143px;font-size:13px;line-height:1.1;font-weight:850;letter-spacing:.04em}
.brand-wordmark>span{color:var(--lime)}
.brand-wordmark small{display:block;flex-basis:100%;color:#9ea9a8;font-size:9px;letter-spacing:.32em;margin-top:4px;font-weight:700}
.primary-nav{display:flex;gap:35px;align-items:center;font-size:13px;font-weight:600}
.primary-nav>a:not(.nav-cta){color:#d8dfd9;transition:color .2s}
.primary-nav>a:hover{color:var(--lime)}
.nav-cta{border:1px solid rgba(255,255,255,.28);padding:13px 17px;border-radius:5px;margin-left:9px;transition:background .2s,border-color .2s}
.nav-cta:hover{background:rgba(255,255,255,.08);border-color:var(--lime)}
.nav-cta span{color:var(--lime);font-size:18px;margin-left:11px;vertical-align:-1px}
.menu-toggle{display:none}

.hero{position:relative;min-height:720px;background:var(--ink);color:#f7f8f3;overflow:hidden}
.hero-grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(184,222,192,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(184,222,192,.12) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 4%,black 45%)}
.hero-glow{position:absolute;width:700px;height:700px;right:-190px;top:-135px;background:radial-gradient(circle,rgba(63,134,123,.21),transparent 64%);pointer-events:none}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;min-height:720px;padding-top:102px}
.hero-copy{padding:52px 0 76px}
.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.19em;line-height:1.5}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--lime);margin:0 0 31px}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(213,244,125,.11)}
h1,h2,h3,p{margin-top:0}
h1,h2{letter-spacing:-.056em}
h1{font-size:clamp(58px,6.3vw,94px);line-height:1.04;font-weight:650;margin-bottom:29px;white-space:nowrap}
h1 em,h2 em{font-style:normal;color:var(--lime)}
.hero-lead{font-size:18px;line-height:1.7;color:#bac8c4;max-width:555px;margin-bottom:38px}
.hero-actions{display:flex;gap:31px;align-items:center}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:33px;padding:17px 20px;border-radius:5px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-3px)}
.button-light{background:var(--lime);color:var(--ink)}
.button-light:hover{background:#e3ff9b}
.button span{font-size:18px;font-weight:400}
.text-link{font-size:13px;font-weight:700;color:#e0e9e1;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:5px;transition:color .2s,border-color .2s}
.text-link:hover{color:var(--lime);border-color:var(--lime)}
.text-link span{color:var(--lime);margin-left:6px}
.hero-location{display:flex;align-items:center;gap:10px;margin-top:82px;color:#7f9794;font-size:10px;font-weight:800;letter-spacing:.18em}
.location-cross{color:var(--lime);font-size:16px;line-height:1}
.location-divider{width:18px;height:1px;background:#526763;margin:0 2px}
.hero-bottom-line{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--lime) 50%,transparent);opacity:.34}

.hero-art{height:490px;position:relative;display:flex;align-items:center;justify-content:center;transform:translate(12px,-6px)}
.art-orbit{position:absolute;border:1px solid rgba(127,224,208,.2);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.art-orbit-one{width:485px;height:485px}
.art-orbit-two{width:620px;height:620px;border-style:dashed;opacity:.6}
.art-orbit-one:before,.art-orbit-two:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime)}
.art-orbit-one:before{top:25px;left:122px}.art-orbit-two:before{right:42px;bottom:130px;width:5px;height:5px;background:var(--teal)}
.art-spark{position:absolute;width:11px;height:11px;border:1px solid var(--lime);transform:rotate(45deg);opacity:.8}
.art-spark-one{top:24px;right:96px}.art-spark-two{bottom:45px;left:56px;width:7px;height:7px;border-color:var(--teal)}
.art-window{position:relative;width:min(100%,490px);background:#13262b;border:1px solid #406057;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.4),0 0 0 12px rgba(255,255,255,.02);transform:rotate(-3deg)}
.window-top{height:51px;border-bottom:1px solid #2c4447;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#7e9995;font-size:11px;letter-spacing:.08em}
.window-dots{display:flex;gap:5px}.window-dots i{display:block;width:6px;height:6px;background:#607673;border-radius:50%}.window-dots i:first-child{background:var(--lime)}
.window-title{margin-left:-27px}.window-icon{font-size:17px;color:var(--lime)}
.window-body{padding:40px 28px 28px}
.window-code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;color:#c8d5d1;font-size:12px;line-height:2.55;white-space:nowrap}
.line-number{display:inline-block;color:#5b7674;width:32px}.code-violet{color:#b7a8ed}.code-lime{color:var(--lime)}.code-teal{color:var(--teal)}.code-white{color:#fff}
.window-result{margin-top:31px;padding:20px;border:1px solid rgba(213,244,125,.22);border-radius:7px;background:rgba(213,244,125,.07);display:flex;align-items:center;gap:14px}
.result-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--lime);color:var(--ink);font-weight:900}
.window-result small,.art-floating small{display:block;color:#829b95;font-size:8px;font-weight:800;letter-spacing:.18em;margin-bottom:5px}
.window-result strong,.art-floating strong{display:block;color:#f5f8f2;font-size:13px}
.result-bars{display:flex;align-items:end;gap:3px;height:27px;margin-left:auto}.result-bars i{width:4px;height:45%;background:var(--lime);border-radius:2px}.result-bars i:nth-child(2){height:75%}.result-bars i:nth-child(3){height:55%}.result-bars i:nth-child(4){height:100%}.result-bars i:nth-child(5){height:65%}
.art-floating{position:absolute;left:-2px;bottom:37px;display:flex;align-items:center;gap:12px;background:#1f393b;border:1px solid #46635c;border-radius:8px;padding:14px 20px;box-shadow:0 15px 30px rgba(0,0,0,.22);transform:rotate(4deg)}
.float-icon{font-size:25px;color:var(--lime)}

.fact-strip{background:#dfebd7;border-bottom:1px solid #cbd9c6}
.facts{display:grid;grid-template-columns:repeat(3,1fr)}
.fact{padding:30px 32px;border-right:1px solid #c6d5c3}.fact:first-child{padding-left:0}.fact:last-child{border:0}
.fact-label{display:block;color:#5c7771;font-size:10px;font-weight:850;letter-spacing:.17em;margin-bottom:9px}.fact strong{font-size:17px;letter-spacing:-.025em;font-weight:650}

.section{padding:120px 0}
.section-kicker{color:#55746b;margin-bottom:24px}.section-kicker span{color:#0b756b;margin-right:19px}
h2{font-size:clamp(44px,5vw,68px);line-height:1.1;font-weight:630;margin-bottom:0}
h2 em{color:#4b887c}
.intro-layout{display:grid;grid-template-columns:1fr .76fr;gap:10%;align-items:start}
.section-intro{background:var(--paper)}
.intro-content{padding-top:48px;border-top:1px solid #bccac1;color:#66726c;font-size:15px;line-height:1.85}
.intro-content p{max-width:500px}.intro-content .intro-lead{font-size:20px;line-height:1.6;color:#223631;font-weight:500;margin-bottom:25px}
.arrow-link{display:inline-flex;align-items:center;gap:28px;color:#125b51;font-size:13px;font-weight:800;border-bottom:1px solid #91ada0;padding-bottom:9px;margin-top:18px;transition:gap .2s,color .2s}
.arrow-link:hover{gap:38px;color:#0c8675}.arrow-link span{font-size:19px;line-height:1}

.approach{background:var(--paper-2);border-top:1px solid #dde5da;border-bottom:1px solid #dde5da}
.approach-top{display:flex;justify-content:space-between;align-items:end;gap:8%;margin-bottom:47px}
.approach-top>div{max-width:760px}.approach-top>p{max-width:295px;color:#677670;line-height:1.75;font-size:14px;margin:0 0 9px}
.approach-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.approach-card{position:relative;min-height:310px;padding:28px;overflow:hidden;background:#f8faf5;border:1px solid #d2dcd0;border-radius:5px;transition:transform .2s,box-shadow .2s}
.approach-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(24,55,43,.08)}
.card-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:61px}.card-number{font-size:10px;font-weight:850;letter-spacing:.15em;color:#5c776d}.card-symbol{font-size:25px;color:#4e897c;line-height:1}
.approach-card h3{font-size:23px;letter-spacing:-.04em;margin-bottom:11px;position:relative;z-index:1}.approach-card p{font-size:14px;line-height:1.7;color:#6b7872;max-width:290px;position:relative;z-index:1}
.card-decoration{position:absolute;bottom:-46px;right:-35px;opacity:.26}.card-decoration-one{width:130px;height:130px;border:1px solid #548477;border-radius:50%}.card-decoration-one span{position:absolute;inset:20px;border:1px solid #548477;border-radius:50%}.card-decoration-one span:nth-child(2){inset:40px}.card-decoration-one span:nth-child(3){inset:60px}
.card-decoration-two{width:130px;height:130px;border:1px solid #548477;transform:rotate(45deg)}.card-decoration-two span{position:absolute;inset:21px;border:1px solid #548477}.card-decoration-two span:nth-child(2){inset:42px}.card-decoration-two span:nth-child(3){inset:63px}
.card-decoration-three{display:flex;gap:8px;align-items:end;bottom:0;right:18px}.card-decoration-three span{width:18px;height:66px;background:#548477}.card-decoration-three span:nth-child(2){height:100px}.card-decoration-three span:nth-child(3){height:145px}

.about{background:#f8faf5}
.about-layout{display:grid;grid-template-columns:.95fr 1fr;gap:10%;align-items:center}
.about-visual{height:520px;background:#102328;border-radius:4px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.about-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(213,244,125,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(213,244,125,.08) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle,black,transparent 78%)}
.about-visual:before{content:"";position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid rgba(213,244,125,.23);box-shadow:0 0 0 50px rgba(213,244,125,.025),0 0 0 100px rgba(213,244,125,.018)}
.about-emblem{display:flex;align-items:center;gap:20px;position:relative;color:var(--lime);font-size:110px;font-weight:200;line-height:1;letter-spacing:-.13em;transform:translateX(-8px)}
.emblem-line{width:76px;height:7px;border-radius:7px;background:var(--lime);transform:rotate(-52deg)}
.about-visual-caption{position:absolute;left:32px;bottom:30px;color:#cfdfd4;font-size:11px;font-weight:800;letter-spacing:.18em;display:flex;flex-direction:column;gap:5px}.about-visual-caption span:nth-child(2){color:#78938a;letter-spacing:.4em;font-size:9px}
.about-corner{position:absolute;top:30px;right:30px;color:#63877a;text-align:right;font:11px/1.6 "SFMono-Regular",Consolas,monospace;letter-spacing:.12em}
.about-copy p:not(.section-kicker){color:#64716b;font-size:15px;line-height:1.85;max-width:550px}.about-copy h2{margin-bottom:29px}.about-copy .arrow-link{margin-top:18px}

.company-data{background:var(--ink);color:#f3f8f1;padding:112px 0 120px}
.data-layout{display:grid;grid-template-columns:.9fr 1fr;gap:13%}
.section-kicker-light{color:#8fa9a0}.section-kicker-light span{color:var(--lime)}
.company-data h2 em{color:var(--lime)}
.data-layout>div:first-child>p:last-child{color:#819990;line-height:1.7;font-size:14px;margin-top:30px;max-width:320px}
.data-list{margin:0;border-top:1px solid #35504b}
.data-list>div{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:19px 0;border-bottom:1px solid #35504b;align-items:start}
.data-list dt{font-size:10px;color:#81a095;font-weight:800;letter-spacing:.13em;line-height:1.7}.data-list dd{margin:0;color:#eef5ee;font-size:14px;line-height:1.6}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:8px;vertical-align:1px;box-shadow:0 0 0 4px rgba(213,244,125,.08)}

.site-footer{background:#081216;color:#a7bab1}
.footer-inner{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:start;padding-top:55px;padding-bottom:55px}
.brand-footer{color:#f3f7ef}.footer-inner p{font-size:13px;line-height:1.8;margin:0}.back-top{font-size:13px;color:#eef7e9;font-weight:700;border-bottom:1px solid #527468;padding-bottom:8px}.back-top span{color:var(--lime);margin-left:15px}
.footer-bottom{padding:21px 0;border-top:1px solid #203631;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#668077}

@media (max-width:1100px){.hero-inner{grid-template-columns:1fr .84fr;gap:20px}h1{font-size:clamp(54px,6.5vw,75px)}.hero-art{transform:scale(.9) translateX(25px)}.primary-nav{gap:22px}.intro-layout{gap:7%}.about-layout{gap:7%}}
@media (max-width:800px){.container{width:min(calc(100% - 48px),var(--container))}.nav-shell{height:78px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;border:1px solid #46645b;border-radius:5px;background:transparent;padding:10px;z-index:3}.menu-toggle span{display:block;width:100%;height:2px;background:var(--lime)}.primary-nav{display:none;position:absolute;left:0;right:0;top:78px;flex-direction:column;align-items:stretch;gap:0;background:#112328;border-bottom:1px solid #365147;padding:12px 24px 24px;box-shadow:0 16px 28px rgba(0,0,0,.22)}.primary-nav.is-open{display:flex}.primary-nav>a{padding:15px 0}.primary-nav .nav-cta{margin:8px 0 0;padding:14px}.hero{min-height:auto}.hero-inner{min-height:auto;grid-template-columns:1fr;padding-top:110px;gap:0}.hero-copy{padding:55px 0 20px}.hero-location{margin-top:55px}.hero-art{height:410px;transform:scale(.8);margin:0 auto;width:min(100%,570px)}.facts{grid-template-columns:1fr 1fr}.fact{padding:23px 18px}.fact:first-child{padding-left:0}.fact:nth-child(2){border-right:0}.fact:last-child{border-top:1px solid #c6d5c3;grid-column:1/-1;padding-left:0}.section{padding:85px 0}.intro-layout,.about-layout,.data-layout{grid-template-columns:1fr;gap:35px}.intro-content{padding-top:30px}.approach-top{display:block}.approach-top>p{max-width:550px;margin-top:22px}.approach-cards{grid-template-columns:1fr 1fr}.approach-card:last-child{grid-column:1/-1;min-height:250px}.about-visual{height:390px}.about-copy{max-width:620px}.company-data{padding:85px 0}.data-layout{gap:30px}.footer-inner{grid-template-columns:1fr 1fr}.back-top{justify-self:start}}
@media (max-width:560px){.container{width:min(calc(100% - 36px),var(--container))}.brand-symbol{width:37px;height:37px}.brand-wordmark{font-size:11px;width:127px}.brand-wordmark small{font-size:8px}.hero-inner{padding-top:78px}.hero-copy{padding:72px 0 0}.eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:25px}h1{font-size:clamp(47px,11.6vw,65px);white-space:normal}h2{font-size:clamp(39px,10vw,54px)}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:23px}.hero-location{font-size:8px;letter-spacing:.12em;margin-top:58px}.hero-art{height:300px;transform:scale(.59);transform-origin:center center;width:500px;max-width:none;margin-left:calc(50% - 250px);margin-top:-12px;margin-bottom:-32px}.fact{padding:21px 10px}.fact strong{font-size:14px}.fact-label{font-size:8px}.section{padding:73px 0}.section-kicker{font-size:10px}.intro-content .intro-lead{font-size:18px}.approach-cards{grid-template-columns:1fr}.approach-card,.approach-card:last-child{grid-column:auto;min-height:260px}.card-top{margin-bottom:48px}.about-visual{height:330px}.about-emblem{font-size:80px}.emblem-line{width:55px;height:5px}.about-visual-caption{left:22px;bottom:22px}.about-corner{top:22px;right:22px}.company-data{padding:72px 0}.data-list>div{grid-template-columns:1fr;gap:3px;padding:15px 0}.footer-inner{grid-template-columns:1fr;gap:25px;padding:45px 0}.footer-bottom{flex-direction:column;gap:8px;font-size:10px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
