@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

:root { --ink:#19231e; --ink-2:#26352d; --paper:#f7f1e8; --lime:#c5ef63; --line:rgba(25,35,30,.18); --muted:#647067; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--paper); }
body { margin:0; min-width:320px; color:var(--ink); background:var(--paper); font-family:"DM Sans",Arial,sans-serif; }
a { color:inherit; }
.skip-link { position:fixed; top:-4rem; left:1rem; z-index:8; padding:.8rem 1rem; color:var(--ink); background:var(--lime); border-radius:4px; }.skip-link:focus { top:1rem; }
.site-header { display:flex; align-items:center; justify-content:space-between; max-width:1400px; margin:auto; padding:25px clamp(22px,5vw,76px); }
.wordmark { display:inline-flex; align-items:center; gap:10px; color:var(--ink); font-size:1.05rem; font-weight:700; letter-spacing:-.04em; text-decoration:none; }.wordmark b { color:#699237; font-weight:700; }.mark { display:grid; width:31px; height:31px; place-items:center; color:var(--paper); font-family:Georgia,serif; font-size:1.08rem; font-weight:700; background:var(--ink); border-radius:9px 9px 9px 2px; }
nav { display:flex; align-items:center; gap:clamp(15px,2vw,31px); font-size:.82rem; font-weight:600; } nav a { text-decoration:none; } nav a:not(.nav-cta):hover { color:#699237; }.nav-cta { padding:10px 13px; color:var(--paper); background:var(--ink); border-radius:4px; }
.hero { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr); gap:clamp(45px,8vw,130px); align-items:center; max-width:1400px; min-height:650px; margin:auto; padding:65px clamp(22px,7vw,104px) 98px; }
.eyebrow { margin:0 0 17px; color:#699237; font-family:"DM Mono",monospace; font-size:.66rem; font-weight:500; letter-spacing:.1em; }.hero h1,.statement h2,.section-title h2,.operations h2,.final-cta h2 { margin:0; font-size:clamp(3.25rem,6.5vw,6.35rem); letter-spacing:-.085em; line-height:.88; }.hero h1 em { color:#71993c; font-family:"Playfair Display",Georgia,serif; font-weight:600; }.hero-intro { max-width:530px; margin:28px 0; color:#526057; font-size:1.08rem; line-height:1.7; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }.button { display:inline-flex; align-items:center; gap:25px; padding:15px 18px; font-size:.81rem; font-weight:700; text-decoration:none; border-radius:4px; }.button-dark { color:var(--paper); background:var(--ink); }.text-link { font-size:.81rem; font-weight:700; text-underline-offset:4px; }.availability { display:flex; align-items:center; gap:8px; margin-top:51px; color:var(--muted); font-size:.73rem; }.availability span { width:7px; height:7px; background:var(--lime); border-radius:50%; box-shadow:0 0 0 4px rgba(197,239,99,.28); }
.workspace { overflow:hidden; color:#dce6d7; background:#1d2b23; border-radius:5px; box-shadow:18px 22px 0 #e6ded1; transform:rotate(2.5deg); }.workspace-top { display:flex; justify-content:space-between; padding:14px 17px; color:#b7c4b1; font-family:"DM Mono",monospace; font-size:.58rem; letter-spacing:.09em; background:#283a2f; }.workspace-top i { color:#93ae84; font-style:normal; font-size:.4rem; }.workspace-body { display:grid; grid-template-columns:65px 1fr; min-height:385px; }.workspace aside { display:flex; flex-direction:column; gap:24px; align-items:center; padding:22px 0; color:#91a98f; font-family:"DM Mono",monospace; font-size:.52rem; border-right:1px solid rgba(220,230,215,.14); }.workspace aside b { display:grid; width:28px; height:28px; place-items:center; color:#253629; font-family:Georgia,serif; font-size:1rem; background:var(--lime); border-radius:7px 7px 7px 2px; }.workspace-main { padding:42px 36px 30px; }.workspace-main>p { margin:0 0 8px; color:#96a98f; font-family:"DM Mono",monospace; font-size:.57rem; letter-spacing:.1em; }.workspace h2 { margin:0 0 30px; color:#eff4eb; font-family:"Playfair Display",Georgia,serif; font-size:clamp(2.3rem,4vw,3.8rem); line-height:.9; letter-spacing:-.06em; }.activity { display:grid; gap:9px; }.activity div { display:grid; gap:5px; padding:12px 13px; background:rgba(255,255,255,.055); border-left:2px solid var(--lime); }.activity strong { color:var(--lime); font-family:"DM Mono",monospace; font-size:.55rem; letter-spacing:.08em; }.activity span { color:#d6ded2; font-size:.71rem; }
.proof { display:grid; grid-template-columns:repeat(4,1fr); max-width:1400px; margin:auto; border-block:1px solid var(--line); }.proof span { padding:21px clamp(12px,2vw,31px); color:#536157; font-family:"DM Mono",monospace; font-size:.63rem; text-align:center; border-right:1px solid var(--line); }.proof span:last-child { border:0; }
.statement { display:grid; grid-template-columns:1.15fr .85fr; gap:10%; max-width:1200px; margin:0 auto; padding:150px 30px 90px; }.statement h2,.section-title h2,.operations h2 { font-size:clamp(2.6rem,4.4vw,4.6rem); }.statement>p { align-self:end; margin:0 0 7px; color:#536157; font-size:1.02rem; line-height:1.75; }
.capabilities { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; max-width:1200px; margin:auto; padding:0 30px 130px; background:var(--line); }.capabilities article { min-height:255px; padding:29px; background:var(--paper); }.capabilities span,.operation-grid span { color:#769a44; font-family:"DM Mono",monospace; font-size:.62rem; }.capabilities h3,.operation-grid h3 { margin:45px 0 11px; font-size:1.25rem; letter-spacing:-.04em; }.capabilities p,.operation-grid p { margin:0; color:#657168; font-size:.85rem; line-height:1.7; }
.suite { padding:110px max(30px,calc((100vw - 1200px)/2)); color:#e9eee5; background:var(--ink); }.section-title { display:grid; grid-template-columns:1fr 1fr; gap:8%; align-items:end; margin-bottom:60px; }.section-title .eyebrow { grid-column:1; }.section-title h2 { grid-column:1; }.section-title>p:last-child { grid-column:2; grid-row:2; margin:0; color:#b8c3b8; line-height:1.7; }.suite-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(233,238,229,.18); border-left:1px solid rgba(233,238,229,.18); }.suite-grid div { display:grid; gap:22px; min-height:145px; padding:24px; font-size:.84rem; border-right:1px solid rgba(233,238,229,.18); border-bottom:1px solid rgba(233,238,229,.18); }.suite-grid b { color:var(--lime); font-family:"Playfair Display",serif; font-size:1.3rem; font-weight:600; }
.operations { max-width:1200px; margin:auto; padding:140px 30px; }.operation-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:5%; margin-top:75px; }.operation-grid article { padding-top:17px; border-top:1px solid var(--line); }.operation-grid h3 { margin-top:28px; }
.final-cta { display:flex; flex-direction:column; align-items:center; padding:115px 25px; color:var(--paper); text-align:center; background:#66883b; }.final-cta .eyebrow { color:var(--lime); }.final-cta h2 { max-width:900px; font-size:clamp(2.8rem,5vw,5rem); }.button-light { margin-top:34px; color:var(--ink); background:var(--lime); }
footer { display:flex; align-items:center; justify-content:space-between; gap:20px; max-width:1400px; margin:auto; padding:31px clamp(22px,5vw,76px); color:#68736b; font-size:.72rem; } footer a:last-child { color:var(--ink); font-weight:700; text-decoration:none; }
@media (max-width:850px) { .hero { grid-template-columns:1fr; min-height:0; padding-top:65px; }.workspace { max-width:540px; margin:15px auto 0; }.proof { grid-template-columns:repeat(2,1fr); }.proof span:nth-child(2) { border-right:0; }.proof span:nth-child(-n+2) { border-bottom:1px solid var(--line); }.statement,.section-title { grid-template-columns:1fr; gap:26px; }.section-title>p:last-child { grid-column:1; grid-row:auto; }.suite { padding-inline:30px; }.suite-grid { grid-template-columns:repeat(2,1fr); }.capabilities,.operation-grid { grid-template-columns:1fr; }.capabilities article { min-height:0; }.capabilities h3 { margin-top:25px; }.operations { padding-block:100px; }.operation-grid { gap:35px; margin-top:45px; } }
@media (max-width:560px) { .site-header { padding-top:19px; }.site-header nav a:not(.nav-cta) { display:none; }.hero { padding-bottom:70px; }.hero h1 { font-size:3.4rem; }.workspace-body { grid-template-columns:52px 1fr; min-height:340px; }.workspace-main { padding:33px 22px; }.proof { grid-template-columns:1fr; }.proof span { border-right:0; border-bottom:1px solid var(--line); }.proof span:last-child { border-bottom:0; }.statement { padding-top:95px; }.capabilities { padding-bottom:85px; }.suite-grid { grid-template-columns:1fr; }.suite-grid div { min-height:0; }.final-cta { padding-block:90px; } footer { flex-wrap:wrap; } }
@media (prefers-reduced-motion:no-preference) { .workspace { animation:appear .7s ease-out both; } @keyframes appear { from { opacity:0; transform:translateY(22px) rotate(2.5deg); } } }