@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#101820;--paper:#f1f0e8;--muted:#aeb5b1;--lime:#c9f36a;--line:rgba(241,240,232,.18);--serif:Georgia,'Times New Roman',serif;--sans:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.65}
a{color:inherit;text-decoration:none}
.site-header{height:86px;padding:0 5.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;left:0;right:0;z-index:2}
.brand{display:flex;align-items:center;gap:13px}.brand-mark{font:500 18px var(--mono);letter-spacing:-.1em;border:1px solid var(--lime);color:var(--lime);width:43px;height:36px;display:grid;place-items:center}.brand-name{font:10px/1.5 var(--mono);letter-spacing:.08em}
nav{display:flex;align-items:center;gap:36px;font-size:12px;color:#d6d9d1}nav a:hover,.site-footer a:hover{color:var(--lime)}.nav-cta{border:1px solid var(--line);padding:11px 16px}.nav-cta span{color:var(--lime);margin-left:8px}
.hero{min-height:760px;padding:170px 5.2vw 42px;position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 72% 49%,rgba(55,96,85,.24),transparent 38%),linear-gradient(135deg,#101820,#172127 62%,#111b20)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,transparent,black)}
.hero-copy{position:relative;z-index:1;max-width:670px}.eyebrow{font:10px var(--mono);letter-spacing:.14em;color:var(--lime);margin:0 0 23px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin:0 10px 0 0;box-shadow:0 0 10px var(--lime)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.5vw,88px);line-height:1.03;letter-spacing:-.065em;font-weight:600;margin-bottom:28px}h1 em,h2 em{font-family:var(--serif);font-weight:400;color:var(--lime);letter-spacing:-.055em}.hero-intro{color:#c2c9c3;max-width:510px;font-size:16px;line-height:1.8;margin-bottom:34px}.button{display:inline-flex;gap:34px;align-items:center;background:var(--lime);color:#111b1b;padding:15px 19px;font:11px var(--mono);text-transform:uppercase;letter-spacing:.04em}.button span{font-size:17px}
.hero-art{height:450px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(201,243,106,.24);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:min(39vw,430px);height:min(39vw,430px)}.orbit-two{width:min(30vw,330px);height:min(42vw,460px);border-color:rgba(201,243,106,.12);transform:rotate(37deg)}.hero-core{width:178px;height:178px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#dfff9f,#8ea949 24%,#263b33 67%,#162322);box-shadow:0 0 85px rgba(201,243,106,.15),inset 0 0 0 1px rgba(241,240,232,.45);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#0e1917}.hero-core span{font:500 30px var(--mono);letter-spacing:-.15em}.hero-core small{font:8px/1.5 var(--mono);letter-spacing:.12em;text-align:center;margin-top:7px}.hero-label{position:absolute;font:8px var(--mono);letter-spacing:.15em;color:#bdc9bf}.label-top{top:24px;right:18px}.label-bottom{bottom:30px;left:28px}.hero-foot{position:absolute;bottom:30px;left:5.2vw;right:5.2vw;border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;color:#89938e;font:8px var(--mono);letter-spacing:.12em}
.section{padding:130px 9vw}.portfolio{background:var(--paper);color:var(--ink)}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:30px;margin-bottom:62px}.section-heading .eyebrow{grid-column:1/-1;color:#617335;margin-bottom:0}.section-heading h2,.approach h2,.contact h2{font-size:clamp(42px,5vw,67px);line-height:1.07;letter-spacing:-.07em;font-weight:600;margin:0}.section-heading h2 em{color:#667f2f}.section-lede{max-width:420px;color:#5c6660;line-height:1.8;margin:0 0 5px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.portfolio-card{min-height:426px;padding:22px;background:#fffefa;border:1px solid rgba(16,24,32,.12);display:flex;flex-direction:column;position:relative;overflow:hidden}.card-index{font:9px var(--mono);letter-spacing:.12em;color:#63705d}.portfolio-card h3{font-size:20px;letter-spacing:-.04em;margin:17px 0 9px}.portfolio-card p{font-size:12px;color:#58615b;line-height:1.75;margin-bottom:22px}.card-link{font:9px var(--mono);letter-spacing:.08em;margin-top:auto;color:#45543f}.card-link b{font-size:14px;color:#739330;margin-left:8px}.security-visual,.server-visual,.mood-visual{height:176px;margin-top:19px;position:relative;overflow:hidden;background:#131e21}.security-visual{display:grid;place-items:center;background:radial-gradient(circle at center,rgba(201,243,106,.2),transparent 42%),#142124}.shield{width:86px;height:98px;border:1px solid var(--lime);color:var(--lime);display:grid;place-items:center;clip-path:polygon(50% 0,95% 18%,86% 72%,50% 100%,14% 72%,5% 18%);font-size:35px}.security-visual i{position:absolute;width:122px;height:122px;border:1px solid rgba(201,243,106,.17);border-radius:50%}.security-visual i:nth-of-type(2){width:154px;height:154px}.security-visual i:nth-of-type(3){width:188px;height:188px}.server-visual{background:linear-gradient(145deg,#243237,#101a1d);display:flex;align-items:center;justify-content:center;gap:10px}.server-unit{width:105px;height:115px;border:1px solid #77905a;background:#1a2628;padding:14px 12px;display:flex;flex-direction:column;gap:12px;transform:skewY(-6deg);box-shadow:8px 9px 0 #0b1214}.server-unit.offset{transform:translateY(10px) skewY(-6deg);border-color:#405158}.server-unit b{height:19px;border:1px solid rgba(241,240,232,.17);position:relative}.server-unit b:after{content:"";width:5px;height:5px;background:var(--lime);border-radius:50%;position:absolute;right:7px;top:6px}.mood-visual{background:#1c1528;display:grid;place-items:center}.mood-card .mood-visual{height:250px;background:#1c1528}.mood-gallery{grid-template-columns:1fr 1fr;gap:8px;padding:10px}.mood-gallery figure{height:100%;margin:0;display:flex;flex-direction:column;align-items:center;min-width:0}.mood-gallery img{height:calc(100% - 18px);width:100%;object-fit:contain;opacity:1}.mood-gallery figcaption{font:7px var(--mono);letter-spacing:.08em;color:#c9f36a;margin-top:4px}.mood-visual span{position:absolute;font:10px/1.4 var(--mono);letter-spacing:.2em;color:#fff;text-shadow:0 1px 12px #000;left:16px;bottom:13px}
.approach{background:#d9e7d2;color:var(--ink);display:grid;grid-template-columns:210px 1fr;gap:65px;align-items:center}.approach-stamp{width:176px;height:176px;border:1px solid #50634a;border-radius:50%;display:grid;place-content:center;text-align:center;font:44px/.9 var(--mono);letter-spacing:-.12em;transform:rotate(-13deg);color:#476141}.approach-stamp span{font:8px var(--mono);letter-spacing:.14em;margin-top:11px}.approach .eyebrow{color:#617335}.approach h2 em{color:#647c37}.approach-copy>p:not(.eyebrow){max-width:640px;color:#45544b;line-height:1.85;margin:25px 0}.approach-points{border-top:1px solid rgba(16,24,32,.2);padding-top:17px;display:flex;gap:30px;flex-wrap:wrap;font:10px var(--mono)}.approach-points b{color:#668034;margin-right:7px}
.contact{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center;background:#121d22}.contact h2{font-size:clamp(50px,6vw,78px);margin-bottom:24px}.contact>div:first-child>p:last-child{max-width:390px;color:#bbc4bf;line-height:1.8}.contact-card{border:1px solid var(--line);padding:29px;background:#172329;min-height:207px;display:flex;flex-direction:column}.contact-placeholder{font-size:14px;margin:35px 0 25px;color:#f1f0e8}.small-note{font:9px/1.7 var(--mono);color:#9eaaa4;margin-top:auto}.site-footer{padding:30px 5.2vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#aab2ad}.site-footer p,.site-footer>a:last-child{font:8px var(--mono);letter-spacing:.1em;margin:0}.site-footer>a:last-child{color:var(--lime)}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:155px}.hero-art{height:330px;grid-row:1}.hero-copy{grid-row:2;padding-bottom:70px}.hero-foot{font-size:7px}.section{padding:90px 6vw}.portfolio-grid{grid-template-columns:1fr}.portfolio-card{min-height:0}.section-heading{grid-template-columns:1fr}.section-heading .eyebrow{grid-column:auto}.section-lede{margin-top:15px}.approach{grid-template-columns:1fr;gap:34px}.approach-stamp{width:120px;height:120px;font-size:32px}.contact{grid-template-columns:1fr;gap:35px}.site-footer{gap:20px;flex-wrap:wrap}}
@media(max-width:520px){.site-header{height:72px;padding:0 5vw}.brand-name{font-size:8px}nav{gap:13px}nav>a:first-child,nav>a:nth-child(2){display:none}.nav-cta{padding:9px 10px}.hero{min-height:700px;padding-left:6vw;padding-right:6vw}.hero-art{height:260px}.hero-core{width:130px;height:130px}.orbit-one{width:250px;height:250px}.orbit-two{width:190px;height:280px}.hero-foot{left:6vw;right:6vw}.hero-foot span:nth-child(2){display:none}.section{padding:74px 6vw}.approach-points{display:grid;gap:12px}.site-footer p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.portfolio-card{min-height:500px}
.portfolio-card p{margin-bottom:15px}
.component-list{list-style:none;padding:0;margin:0 0 17px;display:grid;gap:7px}
.component-list li{border-top:1px solid rgba(16,24,32,.1);padding-top:7px;font-size:11px;line-height:1.4;color:#313d37}
.component-list li:before{content:"+";font:12px var(--mono);color:#739330;margin-right:9px}
.ip-note{border-top:1px solid rgba(16,24,32,.12);padding-top:12px;font-size:10px!important;line-height:1.65!important;color:#58615b!important}
.ip-note strong{color:#313d37}
.contact-placeholder a{color:var(--lime);text-decoration:underline;text-decoration-color:rgba(201,243,106,.45);text-underline-offset:4px}
@media(max-width:850px){.portfolio-card{min-height:0}}
.price-block{margin-top:32px;border-top:1px solid rgba(16,24,32,.14);padding-top:18px}.price-block h3{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#637d31;margin:0 0 12px}.price-table{border:1px solid rgba(16,24,32,.13)}.price-table div{display:flex;justify-content:space-between;gap:22px;padding:10px 12px;border-bottom:1px solid rgba(16,24,32,.1);font-size:11px;line-height:1.5}.price-table div:last-child{border-bottom:0}.price-table span{color:#5c6660}.price-table b{color:#313d37;font-weight:600;text-align:right}.price-note{font-size:10px!important;line-height:1.6!important;color:#7b8178!important;margin:12px 0 0!important}
.founder{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center;background:#f1f0e8;color:var(--ink)}.founder h2{font-size:clamp(42px,5vw,67px);line-height:1.07;letter-spacing:-.07em;font-weight:600;margin:0}.founder h2 em{color:#667f2f}.founder-copy{border-left:2px solid #a9be82;padding-left:30px;color:#536057;line-height:1.85}.founder-copy strong{color:var(--ink);font:12px var(--mono);letter-spacing:.08em;text-transform:uppercase}.founder-copy p{margin:0 0 20px}.founder-copy p:last-child{margin-bottom:0}
.catalog-page{background:var(--paper);color:var(--ink)}.catalog-page .site-header{background:rgba(241,240,232,.94);border-bottom-color:rgba(16,24,32,.12)}.catalog-page .brand-name,.catalog-page nav>a{color:var(--ink)}.catalog-page .nav-cta{color:var(--paper)}.catalog-page nav>a.active{color:#637d31}.catalog-hero{padding:175px 9vw 105px;background:#121d22;color:#f1f0e8}.catalog-hero h1{font-size:clamp(58px,8vw,112px);line-height:.94;letter-spacing:-.09em;font-weight:600;margin:32px 0 28px}.catalog-hero h1 em{color:var(--lime)}.catalog-hero>p:last-child{max-width:560px;color:#bbc4bf;line-height:1.8;margin:0;font-size:15px}.catalog-list{padding:100px 9vw 120px}.catalog-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:55px}.catalog-intro .eyebrow{color:#617335;margin:0}.catalog-intro>p:last-child{color:#5c6660;line-height:1.8;max-width:470px;margin:0}.catalog-entry{display:grid;grid-template-columns:65px 1fr auto;gap:25px;border-top:1px solid rgba(16,24,32,.18);padding:34px 0 39px}.entry-number{font:12px var(--mono);color:#77905a;padding-top:4px}.entry-main{max-width:830px}.entry-meta{display:flex;flex-wrap:wrap;gap:14px 28px;font:9px var(--mono);letter-spacing:.1em;color:#667f2f}.entry-status{color:#7d847b}.entry-main h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.07em;margin:15px 0 10px}.entry-summary{font-size:15px;color:#536057;line-height:1.7;margin:0 0 28px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.entry-grid h3{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;color:#637d31}.entry-grid p,.entry-grid li{font-size:12px;line-height:1.8;color:#5c6660}.entry-grid ul{list-style:none;padding:0;margin:0}.entry-grid li:before{content:"+";font:12px var(--mono);color:#739330;margin-right:9px}.entry-link{font:9px var(--mono);letter-spacing:.08em;color:#45543f;align-self:end;white-space:nowrap}.entry-link b{font-size:14px;color:#739330;margin-left:8px}.pending-entry{background:#e7ecdf;margin-left:-9vw;margin-right:-9vw;padding-left:9vw;padding-right:9vw}.catalog-close{padding:110px 9vw 130px;background:#d9e7d2}.catalog-close h2{font-size:clamp(46px,6vw,82px);line-height:1;letter-spacing:-.08em;margin:28px 0 22px}.catalog-close h2 em{color:#647c37}.catalog-close>p:not(.eyebrow){max-width:460px;color:#45544b;line-height:1.8;margin:0 0 30px}.catalog-close .eyebrow{color:#617335}