:root{color-scheme:light;--ink:#19322e;--green:#205b4c;--muted:#59716a;--line:#d5dfd9;--paper:#f3f5f2;scroll-padding-top:104px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}
.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}
h1{font-size:clamp(45px,5.8vw,78px);font-weight:750;letter-spacing:-.065em;line-height:1.04}
h1 em{color:var(--green);font-style:normal}
h2{font-size:clamp(30px,3.5vw,43px);font-weight:700}
h3{font-size:24px}
p{color:#52685c}p+p{margin-top:15px}
a{color:var(--green);text-underline-offset:4px}
.eyebrow{font-size:11px;line-height:1.6;letter-spacing:.1em;font-weight:750;text-transform:uppercase;color:var(--green)}
.developer-nav{display:flex;align-items:center;gap:26px}.developer-nav>a:not(.nav-pill){font-size:13px;font-weight:650;text-decoration:none;color:var(--ink)}.developer-nav>a:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:65px;align-items:center;padding-block:90px 84px}
.hero-copy h1{margin:19px 0 24px}.hero-copy .lead{font-size:20px;line-height:1.5;margin-bottom:19px;max-width:480px;color:#385747}.hero-copy>p:not(.eyebrow){max-width:500px}.status-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#43886b;vertical-align:1px}
.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:11px 18px;border:1px solid #b7cdbf;border-radius:10px;background:#e3eee5;color:#205b4c;font-size:13px;font-weight:750;text-decoration:none;transition:background .15s ease}
.button:hover{background:#d3e4d8}.button-primary{background:var(--green);border-color:var(--green);color:#fff}.button-primary:hover{background:#174535}.text-link{font-size:13px;font-weight:650}
.hero-copy .hero-note{font-size:12px;margin-top:23px}.hero-note a{margin-left:3px}
.hero-art{min-width:0}.hero-art img{width:100%;height:auto;display:block;border-radius:24px}.hero-art figcaption{font-size:11px;color:#668071;margin-top:14px;text-align:center}
.principles-band{background:#e5eee7;border-block:1px solid #d8e2da}.principles{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:19px;font-size:12px;font-weight:650;color:#3e6550}.principles span{display:flex;align-items:center;gap:9px}.principles span:before{content:"";width:5px;height:5px;background:#87b299;border-radius:50%}
.software-section{padding-block:78px 66px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:31px}.section-heading h2{margin-top:12px}.section-heading>p{max-width:340px;font-size:14px}
.software-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.software-card{border:1px solid #c7d8cc;border-radius:18px;background:#eaf2e9;padding:28px 25px;display:flex;flex-direction:column;min-width:0}.workspace-card{background:#eaf0f4;border-color:#cbd9e1}.tape-card{background:#f0ede7;border-color:#dcd4c8}
.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.app-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid #b8cfbd;border-radius:13px;background:#d8e8d9;font-size:15px;font-weight:800;letter-spacing:-.08em;color:#205b4c}.workspace-card .app-mark{color:#315e7a;background:#d7e5ee;border-color:#bdd0dd}.tape-card .app-mark{color:#746448;background:#e8e0d2;border-color:#d2c5b0}
.platform-label{font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:650;color:#657c6d}.workspace-card .platform-label{color:#607686}.tape-card .platform-label{color:#82745f}
.software-card h3{font-size:27px;margin-bottom:9px;letter-spacing:-.04em}.app-tagline{font-size:16px;font-weight:650;color:#294d39;margin-bottom:17px;line-height:1.4}.workspace-card .app-tagline{color:#34566d}.tape-card .app-tagline{color:#6c5c43}.app-description{font-size:14px;line-height:1.7;margin-top:0!important}
.software-card ul{padding-left:17px;margin:23px 0 29px;font-size:12px;line-height:1.7;color:#4b6757}.software-card li+li{margin-top:8px}.workspace-card ul{color:#4e6879}.tape-card ul{color:#75654e}
.card-bottom{margin-top:auto;padding-top:22px;border-top:1px solid #cddad0}.card-bottom .button{width:100%;justify-content:space-between;padding-inline:15px}.card-bottom>p{font-size:11px;margin-top:13px;line-height:1.5}.workspace-card .button{background:#dce8f0;color:#2d526a;border-color:#b4c9d8}.workspace-card .button:hover{background:#ccdfeb}.tape-card .button{background:#ebe4d8;color:#6b573b;border-color:#d2c4af}.tape-card .button:hover{background:#e1d6c4}
.software-note{max-width:880px;margin:24px auto 0;font-size:12px;line-height:1.7;text-align:center;color:#65776b}
.platform-section{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:28px;align-items:start;padding-block:47px 60px;border-top:1px solid var(--line)}
.platform-mark{display:grid;place-items:center;width:76px;height:76px;border:1px solid #cbd8cd;border-radius:19px;background:#e4ebe5;font-size:19px;letter-spacing:-.07em;font-weight:650;color:#557361}.platform-section h2{font-size:30px;margin:9px 0 17px}.platform-section p:not(.eyebrow){max-width:780px;font-size:14px}.platform-section .small-copy{font-size:12px}.planned-badge{border:1px solid #c9d5cb;border-radius:999px;white-space:nowrap;padding:6px 10px;font-size:10px;color:#607667;align-self:start;margin-top:3px}.available-badge{border-color:#9bbba7;background:#e0ece3;color:#285b42;font-weight:700}
.about-band{background:#e9efe8;border-block:1px solid #d9e2d9}.about-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:70px;padding-block:68px}.about-art img{display:block;width:100%;height:auto;border-radius:21px}.about-copy h2{margin:13px 0 23px}.about-copy>p:not(.eyebrow){font-size:14px}.about-copy .maker-signature{color:#345746;font-size:12px;font-weight:650;margin-top:22px}
.getting-started{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);gap:55px;padding-block:70px 88px}.getting-started h2{margin-top:13px}.start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.start-steps article{border-top:1px solid var(--line);padding-top:17px}.start-steps article>span{font-size:10px;font-weight:750;color:#759181}.start-steps h3{font-size:17px;line-height:1.3;margin:9px 0 12px}.start-steps p{font-size:12px;line-height:1.7}
.skip-link{position:fixed;z-index:200;left:14px;top:-120px;padding:12px 18px;color:#191c18;background:#ffd84d;border:2px solid #191c18}.skip-link:focus{top:10px}
:focus-visible{outline:3px solid #438d70;outline-offset:4px}
@media(max-width:1080px){.hero{gap:35px}.hero h1{font-size:clamp(45px,5.7vw,68px)}.software-card{padding:25px 21px}.software-card h3{font-size:25px}.card-bottom .button{gap:8px;font-size:12px}.platform-section{grid-template-columns:76px minmax(0,1fr)}.planned-badge{grid-column:2;justify-self:start;margin-top:-8px}.about-section{gap:40px}.getting-started{grid-template-columns:1fr;gap:32px}.start-steps{max-width:850px}}
@media(max-width:900px){.software-grid{grid-template-columns:1fr}.software-card{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;padding:29px}.card-top{grid-column:1/-1;margin-bottom:20px}.software-card .app-description{grid-column:1;grid-row:4}.software-card ul{grid-column:2;grid-row:2/5;align-self:start;margin-top:5px}.card-bottom{grid-column:1/-1;margin-top:22px;display:flex;align-items:center;gap:24px}.card-bottom .button{width:auto;min-width:220px}.card-bottom>p{margin:0}.developer-nav{gap:18px}}
@media(max-width:760px){.shell{width:calc(100% - 32px)}.developer-nav>a:not(.nav-pill){display:none}.hero{grid-template-columns:1fr;gap:33px;padding-block:48px 44px}.hero h1{font-size:clamp(44px,9vw,65px)}.hero-copy .lead{font-size:19px}.hero-copy>p:not(.eyebrow){max-width:none}.hero-art img{border-radius:18px}.hero-art figcaption{margin-top:10px}.principles{flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:11px;padding-block:15px}.software-section{padding-block:45px}.section-heading{display:block}.section-heading>p{margin-top:16px;max-width:550px}.software-grid{gap:18px}.software-card{display:flex;padding:27px}.card-top{margin-bottom:22px}.software-card .app-description{margin-top:0!important}.software-card ul{margin:22px 0 25px;font-size:13px}.card-bottom{display:block;margin-top:auto}.card-bottom .button{width:100%;font-size:13px}.card-bottom>p{margin-top:12px}.software-note{text-align:left}.platform-section{padding-block:33px 45px;grid-template-columns:1fr;gap:16px}.platform-mark{width:55px;height:55px;border-radius:15px;font-size:16px}.platform-section h2{font-size:28px}.planned-badge{grid-column:auto;margin:0}.about-section{grid-template-columns:1fr;gap:32px;padding-block:43px}.about-art img{border-radius:18px}.about-copy h2{font-size:34px}.getting-started{padding-block:45px 55px;gap:26px}.start-steps{grid-template-columns:1fr;gap:24px}.start-steps h3{font-size:18px}.start-steps p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}