.hero h1{font-size:clamp(61px,4.35vw,82px);letter-spacing:0;word-spacing:.075em}
.hero h1 em{font-size:1.04em;letter-spacing:0;word-spacing:.06em}
.hero-copy{position:relative;z-index:5}
.section h2,.feature-band h2,.final-cta h2{letter-spacing:-.025em;word-spacing:.05em}
.bento-card h3,.auth-art h1{letter-spacing:-.02em;word-spacing:.045em}
.page-head h1{letter-spacing:-.015em;word-spacing:.04em}
.sidebar-nav{scrollbar-width:thin;scrollbar-color:#55756d transparent}
.sidebar-nav::-webkit-scrollbar{width:5px}
.sidebar-nav::-webkit-scrollbar-track{background:transparent}
.sidebar-nav::-webkit-scrollbar-thumb{background:#55756d;border-radius:5px}
.auth-page,.legal-page{color:var(--ink)}
.section{color:var(--ink)}
.public-nav:has(+ .auth-page),.public-nav:has(+ .legal-page){position:absolute;background:#1d3534;color:#f6faed}
.public-nav:has(+ .auth-page) .nav-inner,.public-nav:has(+ .legal-page) .nav-inner{height:78px}
.auth-art{padding-top:160px}
.legal-page{padding-top:175px}
@media(max-width:850px){.hero h1{font-size:clamp(55px,8.5vw,76px)}}
@media(max-width:620px){.hero h1{font-size:clamp(48px,12vw,64px)}.hero-stage{transform:scale(.44);width:225%;height:290px}}

/* A light editorial canvas and a deep, dimensional night canvas. */
:root[data-theme=light]{color-scheme:light;background:#f7f8f3}
:root[data-theme=dark]{color-scheme:dark;background:#101d21;--cream:#101d21;--paper:#1b3035;--ink:#f4f6ed;--ink2:#dce9dd;--muted:#abc0b8;--line:#355156;--green:#a5d0ad;--shadow:0 26px 70px rgba(0,0,0,.3)}
:root[data-theme=light] .hero{background:radial-gradient(ellipse at 74% 30%,#d1e5d9 0%,transparent 39%),radial-gradient(ellipse at 4% 100%,#ebe5fa 0%,transparent 42%),linear-gradient(135deg,#f8faf3,#eaf0e8 65%,#e2ebe5);color:#203b39}
:root[data-theme=light] .hero-grid{background-image:linear-gradient(#315d4c0b 1px,transparent 1px),linear-gradient(90deg,#315d4c0b 1px,transparent 1px)}
:root[data-theme=light] .hero .eyebrow.light{color:#527b68}
:root[data-theme=light] .hero h1 em{color:#52866f}
:root[data-theme=light] .hero-lead{color:#52716b}
:root[data-theme=light] .hero-note{color:#6d887d}
:root[data-theme=light] .hero-note strong{color:#2c5148}
:root[data-theme=light] .hero-bottom{color:#68857a}
:root[data-theme=light] .hero-bottom span:nth-child(2){color:#578675}
:root[data-theme=light] .hero .text-link{border-color:#7d9e8c}
:root[data-theme=light] .hero .avatar-stack i{border-color:#edf2e9}
:root[data-theme=light] .hero .orbit{border-color:#386d6040}
:root[data-theme=light] .hero .glow-one{background:#9abfae;opacity:.22}
:root[data-theme=light] .hero .glow-two{background:#b5ade9;opacity:.24}
:root[data-theme=light] .public-nav:has(+ main) {color:#203b39}
:root[data-theme=light] .public-nav:has(+ .auth-page),:root[data-theme=light] .public-nav:has(+ .legal-page){color:#f6faed}
:root[data-theme=light] .hero .product-window{border-color:#72998a;box-shadow:0 45px 80px #42695247,0 2px 0 #d7edb66b inset}
:root[data-theme=dark] .hero{background:radial-gradient(ellipse at 70% 28%,#27564d 0%,transparent 38%),radial-gradient(ellipse at 0% 90%,#263152 0%,transparent 45%),linear-gradient(135deg,#081719,#102b2a 60%,#183b37)}
:root[data-theme=dark] .hero .product-window{background:#21353a;color:#f1f6ed;border-color:#5c8577;box-shadow:0 50px 100px #020d0dd0,0 2px 0 #92b99a33 inset}
:root[data-theme=dark] .window-top,:root[data-theme=dark] .window-aside{border-color:#3a5755}
:root[data-theme=dark] .window-aside{background:#1b3034}
:root[data-theme=dark] .window-aside span,:root[data-theme=dark] .window-top,:root[data-theme=dark] .window-main>p{color:#a6bcb3}
:root[data-theme=dark] .window-aside .window-workspace,:root[data-theme=dark] .mini-brand{color:#dceee0}
:root[data-theme=dark] .window-aside .on{background:#355f50;color:#e9f8df}
:root[data-theme=dark] .window-metrics>div,:root[data-theme=dark] .window-list{background:#2b4547;border-color:#4b6966}
:root[data-theme=dark] .window-list>div:not(.list-heading){border-color:#4b6966}
:root[data-theme=dark] .window-metrics small,:root[data-theme=dark] .window-main>small,:root[data-theme=dark] .window-list>div small{color:#a9c5b7}
:root[data-theme=dark] .window-metrics em{color:#b4c9bc}
:root[data-theme=dark] .list-heading span{color:#add8ab}
:root[data-theme=dark] .float-note{background:#304d4a;color:#f4f9ee}
:root[data-theme=dark] .note-bottom small{color:#b2c8bd}
:root[data-theme=dark] .intro-section,:root[data-theme=dark] .bento-section,:root[data-theme=dark] .workflow-section,:root[data-theme=dark] .pricing-section{background:#101d21}
:root[data-theme=dark] .section h2 em,:root[data-theme=dark] .feature-band h2 em{color:#a0c7aa}
:root[data-theme=dark] .bento-card,:root[data-theme=dark] .card-large{background:#233d3c;color:#eef7ec}
:root[data-theme=dark] .bento-card p{color:#b8d1c2}
:root[data-theme=dark] .bento-card h3 em{color:#c7e797}
:root[data-theme=dark] .card-lilac{background:#383550}
:root[data-theme=dark] .card-lilac h3 em{color:#c2b8f8!important}
:root[data-theme=dark] .card-dark{background:#1b3238}
:root[data-theme=dark] .bento-dash{background:#182e32;color:#f1f6ed;box-shadow:0 24px 60px #0007}
:root[data-theme=dark] .dash-top{color:#a6d2b0}
:root[data-theme=dark] .dash-top small{color:#a6bdb2}
:root[data-theme=dark] .dash-bars{border-color:#47615b}
:root[data-theme=dark] .stack-card{background:#242d42;color:#eceef9}
:root[data-theme=dark] .feature-band{background:#142a30}
:root[data-theme=dark] .final-cta{background:radial-gradient(circle at 50% 0%,#2b5146,#12292d 65%)}
:root[data-theme=dark] .site-footer{background:#08191d}
:root[data-theme=dark] .auth-art{background:radial-gradient(circle at 70% 50%,#27574e,#112b2c 60%,#0a1b20)}
:root[data-theme=dark] .auth-side{background:#101d21}
:root[data-theme=dark] .auth-card input,:root[data-theme=dark] .auth-card textarea{background:#22383c;color:#f4f6ed;border-color:#42625f}
:root[data-theme=dark] .focus-panel{background:#294a43;color:#f3f8ed}
:root[data-theme=dark] .focus-panel p{color:#c1d9c8}
:root[data-theme=dark] .focus-panel .eyebrow{color:#b6d9c1}
:root[data-theme=dark] .focus-panel h2 em{color:#c5e49e}
:root[data-theme=dark] .focus-ring:before{background:#294a43}
:root[data-theme=dark] .goal-card.lilac,:root[data-theme=dark] .team-card.lilac{background:#343551;color:#f1f0ff}
:root[data-theme=dark] .goal-card.apricot,:root[data-theme=dark] .team-card.apricot{background:#4a3933;color:#fff0e2}
:root[data-theme=dark] .goal-card.mint,:root[data-theme=dark] .team-card.mint{background:#294b43;color:#eff9ec}
:root[data-theme=dark] .team-card.sky{background:#27434c;color:#eaf7fa}
:root[data-theme=dark] .team-card p,:root[data-theme=dark] .goal-card p{color:#c1d2cb}
:root[data-theme=dark] .create-aside{background:#29483c;color:#f4f8ee}
:root[data-theme=dark] .create-aside p{color:#c2d8c6}
:root[data-theme=dark] .create-aside h3 em{color:#cae999}
:root[data-theme=dark] .assistant-panel{background:radial-gradient(circle at 50% 5%,#2e5548,#1b3035 55%)}
:root[data-theme=dark] .chat-bubbles .outgoing{background:#345c4b;color:#f1f9ec}
:root[data-theme=dark] .notification-list>a>span,:root[data-theme=dark] .chat-list i,:root[data-theme=dark] .chat-room-head i{background:#37584b;color:#f4f8ed}
:root[data-theme=dark] .form-switch a,:root[data-theme=dark] .under-link{color:#cce69d}
@media(max-width:850px){:root[data-theme=light] .mobile-public-links{background:#edf3e9;color:#203b39;border-color:#bcd5c5}}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url("/fonts/plus-jakarta-sans-latin.woff2") format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/instrument-serif-latin.woff2") format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url("/fonts/instrument-serif-italic-latin.woff2") format("woff2")}