@import url('/assets/fonts/fonts.css');
:root{font-family:'DM Sans',sans-serif;color:var(--ink,#1B3F2F);background:var(--paper,#F9F7F2);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}*{box-sizing:border-box}body{margin:0;color:var(--ink,#1B3F2F);background:var(--paper,#F9F7F2)}a{color:inherit}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-.045em}p{line-height:1.7}a{text-underline-offset:5px}.skip{position:fixed;left:18px;top:-100px;z-index:100;background:var(--paper);padding:18px}.skip:focus{top:18px}.preview{font-size:11px;text-align:center;letter-spacing:.08em;background:var(--ink);color:var(--paper);padding:9px 18px}.header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:17px max(6vw,24px);border-bottom:1px solid color-mix(in srgb,var(--ink) 16%,transparent);background:var(--paper);position:sticky;top:0;z-index:20}.wordmark{width:190px;display:block}.wordmark img{display:block;width:100%;height:56px;object-fit:contain;object-position:left}.navigation{display:flex;align-items:center;gap:32px;font-size:13px}.navigation a{text-decoration:none}.navigation a:hover{text-decoration:underline}.menu-toggle{display:none;border:1px solid currentColor;border-radius:100px;background:none;color:inherit;padding:12px 18px}.caps{font-size:11px;letter-spacing:.19em;text-transform:uppercase}.status{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em}.status:before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}.hero{max-width:1440px;margin:auto;min-height:700px;padding:70px max(6vw,24px) 60px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:7vw}.hero h1{font-size:clamp(58px,6.1vw,96px);line-height:.99;margin:27px 0}.intro{font-size:16px;max-width:480px;opacity:.83}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:16px 22px;border-radius:100px;border:1px solid var(--ink);text-decoration:none;min-height:52px;font-size:13px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px);background:var(--soft)}.button.solid{background:var(--ink);color:var(--paper)}.text-link{font-size:13px}.brand-art{background:var(--soft);aspect-ratio:4/5;position:relative;display:grid;place-items:center;border-radius:48% 48% 4px 4px;overflow:hidden;min-width:0}.brand-art:before{content:'';position:absolute;inset:20px;border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);border-radius:48% 48% 2px 2px}.brand-art .symbol{width:56%;height:55%;object-fit:contain;z-index:1;transition:transform 1s}.brand-art:hover .symbol{transform:rotate(-5deg) scale(1.04)}.art-word{position:absolute;bottom:48px;left:22px;right:22px;text-align:center;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.orbit{position:absolute;top:26px;left:26px;width:70px;height:70px;border-radius:50%;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent)}.hero-note{font-size:11px;opacity:.7;margin-top:30px;max-width:420px}.ticker{border-block:1px solid color-mix(in srgb,var(--ink) 18%,transparent);padding:26px max(6vw,24px);display:flex;align-items:center;justify-content:space-between;gap:28px;font:clamp(22px,2.5vw,35px)/1.3 'Libre Caslon Display',Georgia,serif}.ticker small{font:10px 'DM Sans',sans-serif;letter-spacing:.16em;white-space:nowrap}.section{padding:100px max(6vw,24px);max-width:1440px;margin:auto}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw;align-items:start}.section h2{font-size:clamp(43px,4.5vw,68px);line-height:1.08;margin:22px 0}.section-copy{padding-top:45px;max-width:510px}.section-copy p{opacity:.82}.pillars{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.pillar{border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent);padding:24px 0}.pillar>span{font-size:11px;opacity:.65}.pillar h3{font:30px 'Libre Caslon Display',serif;margin:30px 0 14px}.pillar p{font-size:14px;opacity:.8;max-width:300px}.mesa{background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.mesa-inner{max-width:1440px;padding:80px max(6vw,24px);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.mesa h2{font-size:clamp(45px,5vw,72px);line-height:1.06;margin:22px 0}.mesa p{opacity:.85;max-width:480px}.mesa .button{color:var(--ink);background:var(--paper);border-color:var(--paper);margin-top:30px}.mesa small{display:block;font-size:11px;opacity:.75;margin-top:18px}.mesa-card{border:1px solid #ffffff4d;padding:35px;border-radius:20px;transform:rotate(3deg);box-shadow:0 20px 60px #0002}.mesa-card h3{font:42px 'Libre Caslon Display',serif;margin:26px 0}.mesa-card .row{display:flex;justify-content:space-between;border-top:1px solid #ffffff30;padding-top:20px;font-size:12px}.mesa-card .logo-small{width:50px;height:50px;object-fit:contain;background:var(--paper);border-radius:50%;padding:7px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.faq details{border-bottom:1px solid color-mix(in srgb,var(--ink) 22%,transparent);padding:23px 0}.faq summary{cursor:pointer;font-size:16px;line-height:1.5}.faq details p{padding-top:18px;font-size:14px;opacity:.8}.footer{border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);padding:36px max(6vw,24px);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:12px}.footer p{font-size:10px;opacity:.65}.footer nav{display:flex;gap:24px;flex-wrap:wrap}.mobile-bar{display:none}.credit{max-width:800px;margin:60px auto;padding:24px}.credit h1{font-size:54px}.credit p{margin:25px 0}.credit li{margin:12px 0;line-height:1.6}.mood-bold h1{font-family:'DM Sans',sans-serif;font-size:clamp(58px,6vw,86px);font-weight:700;letter-spacing:-.06em;text-transform:uppercase}.mood-bold .brand-art{border-radius:12px;background:var(--accent)}.mood-bold .brand-art:before{border:1px solid #ffffff50;border-radius:8px}.mood-bold .brand-art .symbol{filter:brightness(0) invert(1);transform:rotate(-15deg)}.mood-bold .art-word{color:var(--paper)}.mood-warm .brand-art{border-radius:50%;aspect-ratio:1}.mood-soft .brand-art{border-radius:48% 48% 48% 48%;background:#e1e5da}.mood-soft .hero h1{font-style:italic}.mood-grain .brand-art{border-radius:5px 5px 45% 45%}.mood-fruit .brand-art{border-radius:50% 50% 20px 50%;background:#e8c6b1}.mood-fruit .hero h1{font-family:'DM Sans',sans-serif;font-weight:500;letter-spacing:-.065em}.hub-hero{text-align:center;padding:70px 24px 55px}.hub-hero h1{font-size:clamp(50px,6vw,82px);margin:22px 0}.hub-hero p{max-width:620px;margin:auto}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1250px;margin:auto;padding:0 24px 70px}.hub-card{display:flex;flex-direction:column;border:1px solid #d7ddd3;border-radius:10px;text-decoration:none;overflow:hidden;transition:transform .2s}.hub-card:hover{transform:translateY(-4px)}.hub-card .hub-image{height:210px;display:grid;place-items:center;background:var(--tile,#ebe6dc)}.hub-card img{width:85%;height:160px;object-fit:contain}.hub-card .hub-copy{padding:24px}.hub-card h2{font-size:33px;letter-spacing:-.02em}.hub-card p{font-size:13px;margin:7px 0 18px;opacity:.8}.hub-card small{font-size:11px}.hub-callout{background:#1B3F2F;color:#F9F7F2;border-radius:12px;max-width:1200px;margin:0 auto 60px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:30px}.hub-callout h2{font-size:40px}.hub-callout .button{border-color:#F9F7F2;color:#F9F7F2}.plan{max-width:1100px;margin:0 auto;padding:45px 24px 90px}.plan h1{font-size:60px;line-height:1.05;max-width:760px;margin:20px 0}.plan h2{font-size:36px;margin:45px 0 20px}.plan p{max-width:760px}.plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.plan article{padding:28px;border:1px solid #d7ddd3;border-radius:12px}.plan article h3{font-size:19px;margin:10px 0}.plan article p,.plan li{font-size:14px;line-height:1.7}.plan .label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#5b6d57}.plan table{width:100%;border-collapse:collapse;font-size:13px;margin:24px 0}.plan td,.plan th{text-align:left;padding:14px;border-bottom:1px solid #d7ddd3;vertical-align:top}.plan .table-scroll{overflow-x:auto}.plan .notice{padding:25px;border-left:3px solid #b8734a;background:#eee7dc;margin:30px 0}.plan ol{padding-left:24px}.plan li{padding:7px 0}.plan details{padding:20px;border:1px solid #d7ddd3;border-radius:10px;margin-top:12px}.plan summary{cursor:pointer;font-weight:600}.plan a{overflow-wrap:anywhere}
@media(max-width:800px){.hero{min-height:auto;padding-top:40px;gap:35px;grid-template-columns:1fr}.hero h1{font-size:62px}.brand-art{width:100%;max-width:440px;aspect-ratio:5/4;margin:0 auto;border-radius:48% 48% 4px 4px}.brand-art .symbol{height:65%;width:50%}.art-word{bottom:30px}.header{padding:12px 24px}.wordmark{width:150px}.navigation{gap:18px}.hero-note{margin-top:22px}.section{padding-top:65px;padding-bottom:65px}.section-grid,.faq,.mesa-inner{grid-template-columns:1fr;gap:22px}.section-copy{padding-top:0}.pillars{gap:22px;margin-top:40px}.mesa-card{max-width:410px;width:100%;margin:15px auto 0;transform:rotate(2deg)}.ticker small{display:none}.hub-grid{grid-template-columns:1fr 1fr}.hub-callout{margin:0 24px 40px}.plan h1{font-size:50px}}
@media(max-width:560px){.navigation{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:18px 24px 26px;border-bottom:1px solid currentColor;flex-direction:column;align-items:stretch}.navigation.open{display:flex}.navigation a{padding:10px 0}.hero{padding:35px 24px 40px}.hero h1,.mood-bold .hero h1{font-size:52px}.intro{font-size:15px}.actions{gap:18px}.button{padding:15px 20px}.brand-art{aspect-ratio:5/4;max-width:none}.art-word{font-size:9px}.section{padding:55px 24px}.section h2{font-size:43px}.pillars{grid-template-columns:1fr;gap:0}.pillar{display:grid;grid-template-columns:30px 1fr;column-gap:15px}.pillar>span{grid-row:1/3;padding-top:7px}.pillar h3{margin:0 0 8px}.pillar p{grid-column:2;max-width:100%}.mesa-inner{padding:55px 24px}.mesa h2{font-size:48px}.mesa-card{padding:27px}.footer{padding-bottom:110px}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:var(--paper);border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);z-index:30;padding:12px 10px max(12px,env(safe-area-inset-bottom));gap:6px;box-shadow:0 -8px 20px #00000005}.mobile-bar a{text-decoration:none;font-size:12px;min-height:40px;display:flex;align-items:center;justify-content:center;padding:0 8px}.mobile-bar a:last-child{background:var(--ink);color:var(--paper);border-radius:100px;padding-inline:18px}.hub-grid{grid-template-columns:1fr;padding-inline:20px}.hub-hero{padding-top:45px}.hub-card .hub-image{height:180px}.hub-card img{height:140px}.hub-callout{margin:0 20px 35px;padding:28px;display:block}.hub-callout .button{margin-top:20px}.plan-grid{grid-template-columns:1fr}.plan h1{font-size:44px}.plan{padding-top:35px}.credit h1{font-size:44px}}
.hero>div{min-width:0}
@media(max-width:360px){.mood-bold .hero h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.brand-art:hover .symbol{transform:none}}

/* Approved R02 artwork: preserve proportions and original colors. */
.wordmark img{height:auto;max-height:62px;object-fit:contain}.brand-art .full-brand{width:78%;height:66%;object-fit:contain}.mood-bold .brand-art .full-brand{filter:none;transform:none}.mood-bold .brand-art{background:var(--soft)}

/* Public presentation: readable focus, responsive navigation and launch status. */
.coming-soon{display:inline-flex;align-items:center;border:1px solid currentColor;border-radius:100px;padding:14px 20px;margin-top:28px;font-size:13px;letter-spacing:.02em}
.mesa a:focus-visible,.mesa button:focus-visible{outline-color:var(--paper)}
.wordmark{flex-shrink:0}.navigation a{min-height:44px;display:flex;align-items:center}
.navigation a,.text-link{transition:opacity .18s ease}.navigation a:hover,.text-link:hover{opacity:.72}
@media(max-width:900px){
 .header{flex-wrap:wrap;padding:12px 24px;gap:0 18px}.wordmark{width:165px}
 .navigation{position:static;display:flex;flex-basis:100%;flex-wrap:wrap;gap:8px 24px;padding:12px 0 0;background:var(--paper);border:0;align-items:flex-start;flex-direction:row}
 .js .menu-toggle{display:block}.js .navigation{position:absolute;display:none;left:0;right:0;top:100%;padding:18px 24px 26px;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent);box-shadow:0 10px 24px #0000000d;flex-direction:column;align-items:stretch;gap:4px}
 .js .navigation.open{display:flex}.navigation a{padding:8px 0}
}
@media(max-width:560px){.mobile-bar a{font-size:11px}.mobile-bar a:last-child{padding-inline:12px}.mesa-card .row{gap:12px;flex-wrap:wrap}:root{scroll-padding-bottom:90px}.faq summary{padding-right:10px}}

/* Existing normalized vectors: 320×100, consistent icon-to-name gap. */
.wordmark img{aspect-ratio:16/5;width:100%;height:auto;max-height:none}.mood-bold .art-word{color:var(--ink)}
