:root{--ink:#243f35;--paper:#f7f7ef;--green:#315b47}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid #9f592c;outline-offset:5px}.nav,main,footer{max-width:1320px;margin:auto;padding:30px 48px}.nav,footer,.nav>div{display:flex;align-items:center;justify-content:space-between;gap:28px}.nav{border-bottom:1px solid #dce1d5}.logo{font-weight:750;font-size:22px;white-space:nowrap}.button{display:inline-block;background:var(--green);color:white;padding:16px 24px;border-radius:9px;font-weight:650}.small{padding:10px 18px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:75px 0 95px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px}h1{font-size:clamp(50px,5.5vw,80px);line-height:1.04;letter-spacing:-4px;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400}h2{font-size:40px;line-height:1.15;letter-spacing:-1.5px}h3{font-size:21px;line-height:1.3}.lead{font-size:19px;max-width:490px;color:#52655c}.actions{display:flex;align-items:center;gap:24px;margin:30px 0}.fine{font-size:12px;color:#5d6c62}.preview{background:white;padding:26px;border:1px solid #dbe0d3;border-radius:18px;box-shadow:0 20px 70px #29412b12;transform:rotate(1deg)}.previewHead,.week{display:flex;justify-content:space-between;font-size:10px;font-weight:750;letter-spacing:1px}.dot{color:#79986e}.preview h2{font-size:25px;letter-spacing:-.5px}.week{padding:15px 10px}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.post{padding:17px 12px;border-radius:10px;min-height:215px}.post span,.post b{font-size:9px}.post h3{font-size:18px}.post p{font-size:11px}.lavender{background:#e8e3f2}.peach{background:#f4e3d4}.green{background:#e0ead8}.chat{background:#f8f8f2;border:1px solid #e2e6dd;border-radius:10px;margin-top:20px;padding:18px}.chat span{font-size:10px;letter-spacing:1px}.chat p{font-size:15px;margin:8px 0}.chat small{font-size:11px}section{scroll-margin-top:25px}.features,.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:35px 0}.features article{border-top:1px solid #cdd7c8;padding:24px 0}.features span{font-family:Georgia;font-size:25px;color:#72826c}.features p{color:#586a60}.alpha{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#e9eddf;border-radius:18px;padding:40px;margin:65px 0 85px}.alpha h2{margin-bottom:0}.alpha p{max-width:500px}.plan{border:1px solid #d4dccd;border-radius:13px;background:white;padding:28px}.featured{border:2px solid #547353;background:#f0f4e9}.price{font-size:46px;font-weight:700;margin:12px 0}.price small{font-size:12px;font-weight:400}.plan ul{padding-left:18px;font-size:14px;line-height:2.1;margin:24px 0}.closing{text-align:center;padding:70px 0}.closing h2{font-size:48px}footer{border-top:1px solid #dce1d5;font-size:12px;margin-top:30px;padding-bottom:40px}@media(max-width:850px){.nav,main,footer{padding:22px}.nav>div{gap:12px;font-size:12px}.nav>div>a:not(.button){display:none}.hero,.alpha{grid-template-columns:1fr;gap:28px}.hero{padding:40px 0}.preview{transform:none}.features,.plans{grid-template-columns:1fr}.alpha{padding:24px;margin:35px 0}h1{letter-spacing:-2px}.actions{flex-wrap:wrap}footer{flex-wrap:wrap}.closing h2{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Match the workspace's quieter, more structured visual language. */
:root{--ink:#20332c;--paper:#f5f7f5;--green:#245c45}.nav{padding-top:22px;padding-bottom:22px}.button{border-radius:8px;box-shadow:0 2px 4px #173c2510}.hero{gap:48px}.preview{transform:none;box-shadow:0 16px 48px #183c2310;border-color:#dfe6e1}.features article{background:white;border:1px solid #dfe6e1;border-radius:12px;padding:26px}.alpha{background:#e9f0eb;border:1px solid #dce6df}.plan{border-color:#dfe6e1;box-shadow:0 3px 12px #183c2305}.featured{background:#edf5ef;border-color:#427555}.closing{padding:60px 0}.fine{line-height:1.7}@media(max-width:850px){.hero{gap:30px}.features article{padding:22px}}

/* Keep onboarding discoverable on phones as well as desktop. */
@media(max-width:850px){.nav{flex-wrap:wrap}.nav>div{flex-wrap:wrap}.nav>div>a.gettingStartedLink{display:inline-block}}

/* Keyboard access to the public content and visible navigation focus. */
.public-skip-link{position:fixed;top:8px;left:12px;z-index:1000;padding:12px 18px;background:#20332c;color:#fff;border-radius:6px;transform:translateY(-150%)}.public-skip-link:focus{transform:translateY(0)}a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #245c45;outline-offset:4px}.nav [aria-current="page"]{text-decoration:underline;text-underline-offset:6px;font-weight:700}

/* Design pass: readable inline links, steadier rhythm and phone-sized preview. */
h1{font-size:clamp(44px,4.9vw,72px);letter-spacing:-3px}
main p a:not(.button),.features article>a{color:var(--green);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
main p a:not(.button):hover,.features article>a:hover{text-decoration-thickness:2px}
.features article{display:flex;flex-direction:column}.features article>a{margin-top:auto;padding-top:6px}.features article>a::after{content:" →"}
.features span{font-family:Georgia,serif}
.plan{display:flex;flex-direction:column}.plan ul{flex:1}.plan .button{align-self:flex-start}
.button{transition:background .15s,box-shadow .15s,transform .15s}.button:hover{text-decoration:none;background:#184531;box-shadow:0 6px 16px #173c2522;transform:translateY(-1px)}
section[aria-labelledby=explore-product]{margin-top:96px}.operator{font-size:14px;color:#5d6c62}
.closing{margin-top:40px;padding:64px 24px;background:#e9f0eb;border:1px solid #dce6df;border-radius:20px}
footer{flex-wrap:wrap;row-gap:12px}footer span{flex:1 1 240px;color:#5d6c62}
@media(max-width:850px){h1{letter-spacing:-2px}section[aria-labelledby=explore-product]{margin-top:56px}.closing{padding:44px 20px}}
@media(max-width:520px){.preview{padding:18px}.posts{gap:7px}.post{padding:12px 9px;min-height:0}.post h3{font-size:15px;margin:10px 0}.post p{display:none}.post span{display:block;min-height:2.4em;letter-spacing:.2px}.week{padding:12px 4px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}

/* Dark theme. Tokens come from theme.css. */
:root[data-theme=dark]{--ink:var(--theme-ink);--paper:var(--theme-bg);--green:var(--theme-accent)}
[data-theme=dark] .nav,[data-theme=dark] footer,[data-theme=dark] .features article{border-color:var(--theme-line)}
[data-theme=dark] .lead,[data-theme=dark] .fine,[data-theme=dark] .features p,[data-theme=dark] .features span,[data-theme=dark] .operator,[data-theme=dark] footer span{color:var(--theme-muted)}
[data-theme=dark] .button{color:#fff;box-shadow:none}
[data-theme=dark] .button:hover{background:var(--theme-accent-hover);box-shadow:0 6px 16px #0006}
[data-theme=dark] .preview,[data-theme=dark] .features article,[data-theme=dark] .plan{background:var(--theme-surface);border-color:var(--theme-line);box-shadow:none}
[data-theme=dark] .lavender{background:#29243a}[data-theme=dark] .peach{background:#33281f}[data-theme=dark] .green{background:#202e22}
[data-theme=dark] .chat{background:var(--theme-raised);border-color:var(--theme-line)}
[data-theme=dark] .alpha,[data-theme=dark] .closing{background:var(--theme-soft);border-color:#2c4136}
[data-theme=dark] .featured{background:#1b2e24;border-color:#3f8a63}
[data-theme=dark] main p a:not(.button),[data-theme=dark] .features article>a{color:var(--theme-link)}
[data-theme=dark] main p a:not(.button):hover,[data-theme=dark] .features article>a:hover{color:var(--theme-link-hover)}
[data-theme=dark] a:focus-visible,[data-theme=dark] summary:focus-visible,[data-theme=dark] [tabindex="0"]:focus-visible{outline-color:#6fbf98}
[data-theme=dark] .public-skip-link{background:var(--theme-accent-soft);color:var(--theme-ink)}
.popularBrands{padding:20px 0 10px}.popularBrands .lead{margin:0}.brandList{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.brandCard{display:flex;gap:16px;align-items:flex-start;height:100%;background:white;border:1px solid #dfe6e1;border-radius:14px;padding:20px}.brandCard:hover{text-decoration:none;border-color:var(--green)}.brandCard:hover strong{text-decoration:underline}.brandAvatar{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font-weight:750;font-size:18px;color:var(--ink)}.brandText{display:flex;flex-direction:column;min-width:0}.brandText strong{font-size:18px;line-height:1.3}.brandText small{font-size:11px;font-weight:750;letter-spacing:1px;text-transform:uppercase;color:#5d6c62}.brandText span{color:#586a60;font-size:15px;margin-top:4px}.popularBrands .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}[data-theme=dark] .brandCard{background:var(--theme-soft);border-color:var(--theme-line)}[data-theme=dark] .brandText small,[data-theme=dark] .brandText span{color:var(--theme-muted)}[data-theme=dark] .brandAvatar{color:var(--theme-ink)}
img.brandAvatar{object-fit:cover;background:#e9eddf}