/* Public launch design. Loaded only by marketing/legal templates; no app styles. */
.site-page {
 --paper:#f5f3ed; --ink:#202b35; --plum:#202b35; --accent:#a44f35; --muted:#62686b; --line:#d9d7ce;
 --site-gutter:clamp(18px,3.5vw,130px); --site-gap:clamp(24px,3vw,64px);
 background:var(--paper);
 font-family:Arial,Helvetica,sans-serif;
}
.site-page .site-header { border:0; padding:16px 0; min-height:76px; gap:24px; background:var(--paper); box-shadow:0 0 0 100vmax var(--paper); clip-path:inset(0 -100vmax); }
.site-page .site-header nav a { display:inline-flex; }
.site-page .site-header nav { gap:clamp(18px,2.2vw,42px); }
.site-page .brand-logo { width:160px; }
.site-page .site-header .nav-waitlist { background:var(--plum); color:#fff; border:0; border-radius:8px; min-height:42px; display:inline-flex; align-items:center; padding:10px 18px; white-space:nowrap; }
.site-page h1,.site-page h2,.site-page h3 { font-family:Arial,Helvetica,sans-serif; font-weight:650; }
.site-page .site-hero h1 { font:650 clamp(38px,4.1vw,78px)/1.04 Arial,Helvetica,sans-serif; letter-spacing:-.055em; max-width:15ch; margin:0 0 20px; }
.site-page .site-hero h1 em { font-weight:650; font-style:normal; color:var(--plum); }
.site-page h2 { font-size:clamp(27px,2.6vw,48px); font-weight:650; letter-spacing:-.045em; line-height:1.12; }
.site-page h3 { letter-spacing:-.025em; }
.site-page main > .site-hero { padding:clamp(24px,3vw,56px); margin-block:32px 30px; border:1px solid #f5f3edd6; border-radius:26px; background:#fffdf8ef; box-shadow:0 22px 65px #202b3525; backdrop-filter:blur(18px); gap:clamp(24px,3vw,64px); grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
.site-page .site-hero::before { display:none; }
.site-page .hero-copy > p { font-size:clamp(15px,1.25vw,20px); line-height:1.5; max-width:39ch; margin:0 0 24px; color:#4b555b; }
.site-page .eyebrow { margin-bottom:12px; font-size:11px; font-weight:700; letter-spacing:.075em; }
.site-page main > .site-section { border-top:0; padding-block:36px; }
.site-page .button { background:var(--plum); color:#fff; border:1px solid var(--plum); font-weight:600; min-height:44px; font-size:14px; border-radius:8px; }
.site-page .outline-button { border:1px solid #d9d7ce; background:transparent; color:var(--plum); border-radius:8px; min-height:44px; font-size:14px; }
.site-page .entry-buttons { display:flex; gap:12px; margin:6px 0 20px; }
.site-page .entry-buttons button { min-width:108px; opacity:1; background:#eae7df; color:#69767a; border-color:#eae7df; cursor:not-allowed; }
.site-page .launch-entry { max-width:480px; }
.site-page .waitlist-form { border-top:1px solid #d9d7ce; padding-top:16px; position:relative; }
.site-page .release-label { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:700; margin-bottom:3px; }
.site-page .release-label > span { width:6px; height:6px; border-radius:50%; background:#a44f35; }
.site-page .waitlist-form > label { font-size:13px; font-weight:400; margin:0 0 10px; display:block; color:var(--muted); }
.site-page .waitlist-fields { display:flex; gap:8px; }
.site-page .waitlist-fields input { flex:1; min-width:0; width:100%; min-height:46px; border:1px solid #d9d7ce; border-radius:8px; background:#fffdfb; padding:11px 12px; font-size:16px; color:var(--ink); box-shadow:0 2px 4px #202b3506; margin:0; }
.site-page .waitlist-fields button { flex-shrink:0; padding:10px 16px; }
.site-page .waitlist-form > small { display:block; font-size:10px; color:var(--muted); margin-top:9px; }
.site-page .waitlist-status { margin:6px 0 0; font-size:12px; line-height:1.5; }
.site-page .waitlist-status:empty { display:none; }
.site-page .waitlist-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
/* Framed, illustrative product UI. No live account requests. */
.site-page .demo-stage { display:grid; grid-template-columns:86px minmax(0,1fr); border-radius:14px; box-shadow:0 20px 38px #202b3528; min-width:0; overflow:hidden; background:#fff; border:1px solid #d9d7ce; }
.site-page .demo-sidebar { padding:24px 10px; display:flex; flex-direction:column; gap:23px; background:linear-gradient(155deg,#202b35,#202b35); color:#f5f3ed; }
.site-page .demo-sidebar > img { align-self:center; object-fit:contain; }
.site-page .demo-sidebar > strong { font-size:10px; font-weight:500; letter-spacing:.1em; text-align:center; margin-top:-19px; }
.site-page .demo-sidebar > span { display:flex; align-items:center; gap:7px; }
.site-page .demo-sidebar .site-icon { width:15px; height:15px; }
.site-page .demo-sidebar small { font-size:8px; }
.site-page .product-demo { border:0; border-radius:0; box-shadow:none; min-width:0; background:#fffdfc; width:100%; }
.site-page .demo-top { padding:20px; background:#f5f3ed; }
.site-page .demo-top > div > strong { font-size:13px; }
.site-page .demo-top > div > span { font-size:10px; }
.site-page .demo-tabs button { padding:13px 8px; font-size:12px; min-height:44px; }
.site-page #preview-plan { display:block; }
.site-page .demo-gallery { display:grid; grid-template-columns:1fr 1fr; padding:18px; gap:12px; }
.site-page .demo-gallery > div { min-width:0; }
.site-page .demo-gallery img { width:100%; height:auto; aspect-ratio:1.85; object-fit:cover; display:block; border-radius:6px; }
.site-page .demo-gallery span { display:block; font-size:10px; font-weight:600; margin-top:6px; }
.site-page .demo-approval { margin:0 18px 18px; padding:12px; display:flex; align-items:center; gap:10px; border:1px solid #d9d7ce; border-radius:8px; background:#eae7df; }
.site-page .demo-approval strong { display:block; font-size:11px; }
.site-page .demo-approval span { display:block; font-size:10px; color:var(--muted); margin-top:3px; }
.site-page #preview-calendar { min-height:310px; }
.site-page #preview-post { display:grid; grid-template-columns:1fr; }
.site-page #preview-post .demo-photo { width:100%; height:245px; object-fit:cover; }
.site-page #preview-post .demo-content { padding:20px; }
.site-page #preview-post h3 { font-size:18px; }
.site-page #preview-post p { font-size:12px; }
.site-page main > .platform-rail { padding-block:20px; border-top:1px solid #d9d7ce; border-bottom:1px solid #d9d7ce; justify-content:center; }
.site-page .platform-rail .platform-list { display:flex; align-items:center; justify-content:space-evenly; width:100%; gap:12px; }
.site-page .platform-rail .platform-list > a { padding:0 18px; }
.site-page .platform-rail .platform-list > a + a { border-left:1px solid #d9d7ce; }
.site-page .platform-brand { gap:8px; }
.site-page .platform-brand > .site-icon { width:20px; height:20px; }
/* Workflow slider: CSS scroll snapping, deliberate controls, no auto-advance. */
.site-page .section-title { margin-bottom:24px; }
.site-page .slider-controls { display:flex; gap:8px; }
.site-page .slider-controls[hidden] { display:none; }
.site-page .slider-controls button:disabled { opacity:.4; cursor:default; }
.site-page .slider-controls button { width:44px; height:44px; border:1px solid #d9d7ce; border-radius:50%; background:#fffcfa; color:var(--plum); cursor:pointer; font-size:19px; }
.site-page .workflow-track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 54px)/4); gap:18px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#b6b7af transparent; padding-bottom:12px; }
.site-page .workflow-track > article { scroll-snap-align:start; min-width:0; }
.site-page .workflow-visual { display:block; height:210px; border-radius:12px; border:1px solid #d9d7ce; overflow:hidden; color:var(--ink); background:#eae7df; text-decoration:none; }
.site-page .workflow-photo { height:100%; position:relative; }
.site-page .workflow-photo > img { width:100%; height:100%; display:block; object-fit:cover; }
.site-page .floating-note { position:absolute; left:20%; right:10%; top:24%; background:#fffdf9ed; padding:15px; border:1px solid #fff; border-radius:10px; box-shadow:0 10px 20px #202b3520; }
.site-page .floating-note strong { font-size:12px; display:block; }
.site-page .floating-note span { font-size:10px; color:var(--muted); }
.site-page .floating-note i { display:block; height:5px; width:90%; background:#eae7df; border-radius:3px; margin-top:9px; }
.site-page .floating-note i:last-child { width:65%; }
.site-page .media-toolbar { position:absolute; top:27%; left:20%; right:20%; display:flex; justify-content:space-around; gap:12px; padding:12px; background:#fffdf9ee; border:1px solid #fff; border-radius:10px; box-shadow:0 8px 18px #202b3520; }
.site-page .workflow-visual .mini-preview { margin:12px; height:calc(100% - 24px); border-color:#fff; padding:12px; overflow:hidden; background:#fffdfbf2; }
.site-page .workflow-visual .example-bars { height:91px; }
.site-page .workflow-visual .example-note { display:none; }
.site-page .workflow-visual .example-head { margin-bottom:12px; font-size:11px; }
.site-page .workflow-visual .week-preview { padding:8px 0; }
.site-page .workflow-visual .schedule-line { margin-top:10px; font-size:10px; }
.site-page .workflow-track h3 { font-size:17px; margin:16px 0 7px; }
.site-page .workflow-track h3 > span { font-size:11px; color:var(--muted); margin-right:10px; }
.site-page .workflow-track p { font-size:13px; line-height:1.5; margin:0; }
.site-page main > .contrast-section { background:linear-gradient(135deg,#202b35,#202b35); padding:clamp(26px,3.2vw,60px); border:1px solid #35434c; border-radius:18px; margin-block:12px; box-shadow:0 10px 30px #202b350d; }
.site-page .contrast-section .text-link { color:#fff7ee; }
.site-page .review-section { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); }
.site-page .review-example { box-shadow:0 12px 24px #202b3520; }
.site-page .contrast-section .review-example p,.site-page .contrast-section .review-example h3 { color:var(--ink); }
.site-page .utility-grid { gap:22px; }
.site-page .utility-grid > article { background:#fffdf9e8; border-radius:16px; padding:24px; box-shadow:0 6px 20px #202b3505; }
.site-page .utility-copy h2 { font-size:clamp(24px,2vw,36px); }
.site-page .utility-copy p { font-size:14px; }
.site-page .utility-copy .text-link { font-size:12px; }
/* Three complete launch entry points, not download/approval claims. */
.site-page .client-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.site-page .client-grid > article { border:1px solid #d9d7ce; background:#fffdf8eb; border-radius:16px; overflow:hidden; }
.site-page .client-art { height:240px; background:linear-gradient(145deg,#eae7df,#d9d7ce); padding:22px; position:relative; overflow:hidden; }
.site-page .client-copy { padding:24px; }
.site-page .client-copy h3 { font-size:20px; }
.site-page .client-copy p { font-size:14px; line-height:1.55; margin:0; max-width:36ch; }
.site-page .mini-phone { width:165px; height:265px; margin:0 auto; background:#fffdf8; border:5px solid #202b35; border-radius:25px; padding:10px; box-shadow:12px 18px 24px #202b3525; transform:rotate(6deg); }
.site-page .mini-phone > span { font-size:7px; display:block; margin-bottom:18px; }
.site-page .mini-phone > strong { font-size:12px; display:block; margin:0 0 10px; }
.site-page .phone-photo { height:85px; background:url('/site-collection-small.webp') center / cover; border-radius:7px; }
.site-page .phone-event { margin-top:10px; font-size:9px; font-weight:600; padding:8px; background:#eae7df; border-radius:6px; }
.site-page .phone-event small { display:block; font-size:8px; font-weight:400; margin-top:4px; }
.site-page .phone-dots { text-align:center; margin-top:20px; font-size:12px; color:var(--plum); }
.site-page .api-art { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; }
.site-page .api-step { background:#fffbf7; padding:10px 24px; border:1px solid #d9d7ce; border-radius:8px; font-size:13px; width:76%; text-align:center; }
.site-page .api-core { background:var(--plum); color:#fff; box-shadow:0 6px 12px #202b3526; }
.site-page .api-destinations { display:flex; gap:6px; font-size:9px; }
.site-page .api-destinations span { padding:7px; border:1px solid #d9d7ce; border-radius:5px; background:#fffdf9; }
.site-page .chat-art { padding:24px; }
.site-page .chat-bubble { margin-left:20%; background:#d9d7ce; border-radius:12px 12px 0 12px; padding:12px; font-size:12px; }
.site-page .chat-answer { margin:16px 14% 0 0; padding:14px; background:#fffdf8; border:1px solid #d9d7ce; border-radius:10px; box-shadow:0 8px 12px #202b350c; }
.site-page .chat-answer strong { font-size:12px; }
.site-page .chat-star { color:#a44f35; margin-right:8px; }
.site-page .chat-answer p { font-size:11px; margin:8px 0; }
.site-page .chat-review { font-size:10px; color:var(--plum); border-top:1px solid #eae7df; padding-top:8px; display:block; }
.site-page .site-faq { display:block; }
.site-page .site-faq .section-title { margin-bottom:24px; }
.site-page .faq-grid { display:grid; grid-template-columns:1fr; gap:10px; width:100%; max-width:none; }
.site-page .faq-grid details { border:1px solid #d9d7ce; border-radius:9px; background:#fffdf9ed; }
.site-page .faq-grid summary { font-size:15px; padding:18px 20px; cursor:pointer; }
.site-page .faq-grid details > div { padding:0 20px 20px; font-size:14px; max-width:85ch; }
.site-page main > .launch-closing { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:48px; padding:34px; background:#eae7df; border:1px solid #d9d7ce; border-radius:18px; margin-block:20px 40px; }
.site-page .launch-closing h2 { margin:0; }
.site-page .launch-closing .launch-entry { width:100%; justify-self:end; }
.site-page .launch-closing .entry-buttons { margin-top:0; }
.site-page > .site-footer { border-radius:18px 18px 0 0; background:#202b35; padding:40px; gap:40px; grid-template-columns:1fr 3fr; }
.site-page .footer-links { grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; }
.site-page .footer-links strong { font-size:12px; }
.site-page .footer-links a { font-size:11px; }
.site-page .footer-brand p { color:#eae7df; font-size:12px; }
.site-page .footer-brand small { font-size:10px; }
/* Product, platforms, support and legal share the same foreground surfaces. */
.site-page .product-map,.site-page .support-shortcuts,.site-page .connection-example { background:#fffdf8f2; border-color:#d9d7ce; box-shadow:0 10px 24px #202b350c; }
.site-page .stage-navigation strong { font-family:Arial,Helvetica,sans-serif; font-weight:600; letter-spacing:-.025em; }
.site-page .product-stage { border-radius:16px; background:#fffdf8bd; margin-block:12px; }
.site-page main > .product-stage { padding:30px; }
.site-page .stage-copy > p { font-size:16px; max-width:42ch; }
.site-page .stage-copy h2 { max-width:16ch; }
.site-page .creation-photo { border-radius:12px; }
.site-page .platform-cards { grid-template-columns:repeat(6,minmax(0,1fr)); gap:20px; }
.site-page .platform-cards > article { grid-column:span 2; background:#fffdf8ee; border-radius:16px; }
.site-page .platform-cards > article:nth-child(-n+2) { grid-column:span 3; }
.site-page .platform-cards > article:last-child { grid-column:span 2; }
.site-page .platform-card-copy h2 { font-size:24px; }
.site-page .platform-card-copy p { font-size:14px; }
.site-page .format-visual { background:linear-gradient(145deg,#eae7df,#f6eee2); }
.site-page .connection-check { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#eae7df; color:var(--plum); font-size:13px; }
.site-page .help-topics > a,.site-page .legal-group,.site-page .legal-body { background:#fffdf8ef; box-shadow:0 4px 15px #202b3504; }
.site-page .legal-center-heading,.site-page .legal-heading { background:#fffdf8f0; border:1px solid #fff; border-radius:18px; padding:32px; box-shadow:0 15px 35px #202b3515; margin-bottom:30px; }
.site-page .legal-center h1,.site-page .legal-heading h1,.site-page .legal-document > h1 { font-family:Arial,Helvetica,sans-serif; font-weight:650; letter-spacing:-.04em; }
.site-page .legal-body p { max-width:76ch; }
.site-page .legal-document > .legal-body { margin-block:28px; }
.site-page .legal-toc { background:#fffdf8ee; }
@media(min-width:1800px) {
 .site-page { --site-gutter:6vw; }
 .site-page .site-hero h1 { font-size:clamp(70px,4vw,110px); }
 .site-page .demo-gallery img { aspect-ratio:2; }
 .site-page .demo-sidebar { padding:28px 14px; gap:32px; }
 .site-page .demo-stage { grid-template-columns:110px minmax(0,1fr); }
 .site-page .demo-sidebar small { font-size:11px; }
 .site-page .demo-gallery span { font-size:13px; }
 .site-page .client-art { height:280px; }
 .site-page .workflow-visual { height:clamp(230px,14vw,420px); }
 .site-page .workflow-visual .example-bars { height:60%; }
}
@media(max-width:1100px) {
 .site-page .demo-sidebar { display:none; }
 .site-page .demo-stage { display:block; }
 .site-page main > .site-hero { gap:24px; }
 .site-page .utility-grid > article { grid-template-columns:1fr; }
 .site-page .platform-rail .platform-list > a { padding:0 8px; }
 .site-page .platform-brand { font-size:13px; }
 .site-page .client-copy { padding:20px; }
 .site-page .client-copy h3 { font-size:18px; }
 .site-page .footer-links { gap:15px; }
}
@media(max-width:800px) {
 .site-page { background-size:auto 850px; --site-gutter:22px; }
 .site-page .site-header { flex-wrap:wrap; gap:12px; padding:14px 0; }
 .site-page .site-header nav { gap:16px; }
 .site-page .brand-logo { width:130px; }
 .site-page .site-header nav a { font-size:12px; }
 .site-page .site-header .nav-waitlist { padding:9px 12px; }
 .site-page main > .site-hero { grid-template-columns:1fr; padding:28px; margin-block:18px 24px; border-radius:20px; }
 .site-page .site-hero h1 { font-size:clamp(38px,7vw,58px); max-width:18ch; }
 .site-page .hero-copy > p { font-size:16px; }
 .site-page .launch-entry { max-width:none; }
 .site-page .demo-stage { display:grid; grid-template-columns:62px minmax(0,1fr); }
 .site-page .demo-sidebar { display:flex; padding:16px 8px; gap:25px; align-items:center; }
 .site-page .demo-sidebar small,.site-page .demo-sidebar > strong { display:none; }
 .site-page .demo-sidebar .site-icon { width:18px; height:18px; }
 .site-page .demo-gallery img { aspect-ratio:1.8; }
 .site-page .platform-rail .platform-list { flex-wrap:wrap; justify-content:center; gap:8px 16px; }
 .site-page .platform-rail .platform-list > a + a { border:0; }
 .site-page .platform-rail .platform-list > a { padding:0; }
 .site-page .workflow-track { grid-auto-columns:calc((100% - 18px)/2); }
 .site-page .workflow-visual { height:210px; }
 .site-page .review-section { grid-template-columns:1fr; }
 .site-page .review-example { grid-template-columns:1fr 1fr; }
 .site-page .client-grid { grid-template-columns:1fr; }
 .site-page .client-grid > article { display:grid; grid-template-columns:1fr 1fr; align-items:center; }
 .site-page .client-art { height:225px; }
 .site-page .client-copy { padding:24px; }
 .site-page .platform-cards { grid-template-columns:1fr 1fr; }
 .site-page .platform-cards > article,.site-page .platform-cards > article:nth-child(-n+2),.site-page .platform-cards > article:last-child { grid-column:span 1; }
 .site-page .platform-cards > article:last-child { grid-column:1/-1; }
 .site-page .launch-closing { grid-template-columns:1fr; gap:24px; }
 .site-page main > .launch-closing { grid-template-columns:1fr; gap:24px; padding:28px; }
 .site-page > .site-footer { display:block; padding:28px; }
 .site-page .footer-brand { margin-bottom:30px; }
 .site-page .footer-links { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
 .site-page .legal-center-heading,.site-page .legal-heading { padding:24px; }
}
@media(max-width:480px) {
 .site-page { --site-gutter:16px; background-size:auto 770px; }
 .site-page .site-header { display:flex; align-items:center; justify-content:space-between; }
 .site-page .brand-logo { width:115px; }
 .site-page .site-header nav { flex-wrap:wrap; width:100%; justify-content:space-between; gap:10px; }
 .site-page .site-header nav a { font-size:12px; }
 .site-page .site-header .nav-waitlist { min-height:36px; padding:7px 12px; }
 .site-page main > .site-hero { padding:22px 18px; border-radius:18px; margin-top:12px; gap:26px; }
 .site-page .site-hero h1 { font-size:39px; letter-spacing:-.055em; margin-bottom:16px; }
 .site-page .hero-copy > p { font-size:15px; }
 .site-page .entry-buttons { margin-bottom:16px; }
 .site-page .entry-buttons button { min-width:100px; }
 .site-page .waitlist-fields button { font-size:12px; padding:10px 12px; }
 .site-page .waitlist-fields button > span { display:none; }
 .site-page .waitlist-fields input { padding:10px; }
 .site-page .demo-stage { grid-template-columns:36px minmax(0,1fr); }
 .site-page .demo-sidebar { padding:16px 5px; gap:22px; }
 .site-page .demo-sidebar > img { width:23px; height:23px; }
 .site-page .demo-sidebar .site-icon { width:14px; height:14px; }
 .site-page .demo-top { padding:12px; gap:8px; }
 .site-page .demo-top .workspace-avatar { display:none; }
 .site-page .demo-top > div > strong { font-size:11px; }
 .site-page .demo-top > div > span { font-size:8px; }
 .site-page .demo-tabs button { font-size:10px; padding:11px 4px; }
 .site-page .demo-gallery { padding:10px; gap:8px; }
 .site-page .demo-gallery img { aspect-ratio:1.2; }
 .site-page .demo-gallery span { font-size:8px; }
 .site-page .demo-approval { margin:0 10px 10px; padding:9px; }
 .site-page .demo-approval strong { font-size:10px; }
 .site-page .demo-approval span { font-size:8px; }
 .site-page main > .site-section { padding-block:26px; }
 .site-page h2 { font-size:28px; }
 .site-page .section-title { gap:12px; align-items:center; }
 .site-page .slider-controls { gap:6px; }
 .site-page .slider-controls button { width:36px; height:36px; }
 .site-page .workflow-track { grid-auto-columns:86%; gap:14px; }
 .site-page .workflow-visual { height:205px; }
 .site-page main > .contrast-section { padding:24px 20px; }
 .site-page .review-example { grid-template-columns:1fr; padding:12px; }
 .site-page .review-checklist { padding:10px; }
 .site-page .review-checklist ul { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
 .site-page .review-checklist li { display:block; padding:0; }
 .site-page .review-checklist li > .site-icon { display:none; }
 .site-page .review-checklist li strong { font-size:10px; }
 .site-page .review-checklist li span { font-size:9px; }
 .site-page .utility-grid { grid-template-columns:1fr; gap:16px; }
 .site-page .utility-grid > article { padding:22px; }
 .site-page .client-grid > article { grid-template-columns:1fr; }
 .site-page .client-art { height:210px; }
 .site-page .client-copy { padding:22px; }
 .site-page .client-copy h3 { font-size:20px; }
 .site-page .client-copy p { font-size:14px; }
 .site-page .faq-grid summary { padding:16px; font-size:14px; }
 .site-page .faq-grid details > div { padding:0 16px 16px; }
 .site-page .platform-cards { grid-template-columns:1fr; }
 .site-page .platform-cards > article:last-child { grid-column:auto; }
 .site-page main > .product-stage { padding:22px 18px; }
 .site-page .stage-copy > p { font-size:15px; }
 .site-page .legal-center-heading,.site-page .legal-heading { padding:20px; }
 .site-page main > .launch-closing { padding:24px 20px; gap:24px; }
 .site-page .footer-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
}
@media(prefers-reduced-motion:no-preference) {
 .site-page .workflow-visual img { transition:transform .35s ease; }
 .site-page .workflow-visual:hover img { transform:scale(1.035); }
 .site-page .client-grid > article { transition:transform .25s ease,box-shadow .25s ease; }
 .site-page .client-grid > article:hover { transform:translateY(-4px); box-shadow:0 12px 24px #202b350d; }
}
@media print {
 .site-page { background:#fff; }
 .site-page .launch-entry,.site-page .launch-closing { display:none; }
 .site-page .legal-heading,.site-page .legal-body { box-shadow:none; background:#fff; }
}

.site-page .site-hero .product-demo { border:0; border-radius:0; box-shadow:none; }
.site-page .week-preview { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; }
.site-page .week-preview > div { text-align:center; border-radius:6px; background:#eae7df; padding:8px 3px; }
.site-page .week-preview span { display:block; font-size:9px; color:var(--muted); }
.site-page .week-preview strong { display:block; font-size:15px; margin:4px 0; }
.site-page .week-preview i { display:block; width:5px; height:5px; background:#a44f35; border-radius:50%; margin:auto; }
.site-page .schedule-line { display:flex; align-items:center; gap:8px; }
.site-page .schedule-line strong,.site-page .schedule-line span { display:block; }
.site-page .schedule-line strong { font-size:10px; }
.site-page .schedule-line span { font-size:8px; color:var(--muted); margin-top:5px; }
.site-page .site-footer .lumera-analytics-preferences { color:#eae7df; font-size:12px; padding:8px 0; }
@media(max-width:480px) { .site-page .chat-art { height:240px; } }

/* Taste direction: spacious ink/ivory composition and a scenic product stage. */
.site-page .site-header { position:relative; z-index:3; min-height:80px; padding:18px 0; flex-wrap:nowrap; box-shadow:none; clip-path:none; background:transparent; }
.site-page .wordmark { display:inline-flex; align-items:center; gap:9px; font:600 23px/1 Arial,Helvetica,sans-serif; letter-spacing:-.055em; text-decoration:none; color:var(--ink); white-space:nowrap; }
.site-page .wordmark img { width:30px; height:30px; object-fit:contain; }
.site-page .site-header nav { margin-left:auto; margin-right:auto; padding-left:35px; }
.site-page .site-header nav a { font-weight:500; font-size:14px; }
.site-page .header-actions { display:flex; align-items:center; gap:12px; }
.site-page .site-header .nav-waitlist,.site-page .button { background:var(--accent); border-color:var(--accent); }
.site-page .site-header .nav-waitlist { font-size:12px; }
.site-page .site-menu-toggle { width:40px; height:40px; padding:10px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:var(--paper); cursor:pointer; }
.site-page .site-menu-toggle span { display:block; height:1.5px; background:currentColor; margin:4px 0; }
.site-page .site-menu-toggle[hidden] { display:none; }
.site-page .site-header a:focus-visible,.site-page button:focus-visible,.site-page summary:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.site-page main > .site-hero { border:0; box-shadow:none; backdrop-filter:none; background:transparent; padding:clamp(30px,4vw,64px) 0; margin-block:0 24px; }
.site-page main > .home-hero { display:grid; grid-template-columns:1fr; justify-items:center; gap:34px; width:100%; margin:0; padding:35px var(--site-gutter) 48px; border-radius:0; background:linear-gradient(180deg,var(--paper) 0%,#f5f3ed75 30%,#f5f3ed00 55%),url('/site-landscape.webp') center bottom / cover no-repeat; }
.site-page .home-hero .hero-copy { width:100%; text-align:center; }
.site-page .home-hero h1 { max-width:none; font-size:clamp(42px,4.5vw,86px); line-height:1.08; letter-spacing:-.055em; margin:0 auto 18px; font-weight:600; }
.site-page .mobile-break { display:none; }
.site-page .home-hero .hero-copy > p { max-width:none; margin:0 auto 22px; font-size:clamp(16px,1.4vw,22px); color:var(--ink); }
.site-page .home-hero .launch-entry { max-width:410px; margin:auto; }
.site-page .home-hero .entry-buttons { justify-content:center; gap:8px; margin:0 0 12px; }
.site-page .home-hero .entry-buttons button { min-height:33px; min-width:100px; padding:6px 20px; font-size:12px; }
.site-page .entry-buttons button { background:#e5e3dd; color:#727777; border-color:#e5e3dd; }
.site-page .home-hero .waitlist-form { border:0; padding:0; }
.site-page .home-hero .release-label { justify-content:center; font-size:11px; margin-bottom:8px; }
.site-page .home-hero .waitlist-form > label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.site-page .home-hero .waitlist-form > small { color:#414b50; }
.site-page .demo-stage { width:min(100%,1120px); grid-template-columns:135px minmax(0,1fr); border:1px solid #ffffffb3; border-radius:15px; box-shadow:0 24px 60px #17232d40; text-align:left; }
.site-page .demo-sidebar { display:flex; background:linear-gradient(150deg,#293943,#18252d); padding:25px 16px; gap:26px; }
.site-page .demo-sidebar > strong { font-size:11px; }
.site-page .demo-sidebar small { font-size:10px; }
.site-page .demo-sidebar > span:nth-of-type(2) { color:#fff; background:#ffffff12; border-radius:7px; padding:9px 7px; margin:-9px -7px; }
.site-page .demo-top { padding:20px 24px; background:#faf8f3; }
.site-page .demo-top > div > strong { font-size:15px; }
.site-page .demo-top > div > span { font-size:12px; }
.site-page .demo-tabs { background:#faf8f3; border-color:var(--line); }
.site-page .demo-tabs button { font-size:13px; }
.site-page .demo-tabs button[aria-selected=true] { color:var(--accent); border-bottom-color:var(--accent); background:transparent; }
.site-page .demo-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:22px 24px 16px; background:#faf8f3; }
.site-page .demo-gallery > div { background:#fffdf8; border-radius:8px; overflow:hidden; border:1px solid #e4e1d8; }
.site-page .demo-gallery img { aspect-ratio:1.6; border-radius:0; }
.site-page .demo-gallery span { font-size:12px; padding:5px 10px 0; }
.site-page .demo-gallery small { display:block; font-size:10px; padding:3px 10px 12px; color:var(--muted); }
.site-page .demo-approval { background:transparent; border:0; margin:0; padding:12px 24px 20px; }
.site-page .demo-approval .site-icon { color:var(--accent); }
.site-page .demo-approval span { display:none; }
.site-page #preview-post { grid-template-columns:1fr 1fr; align-items:center; }
.site-page #preview-post .demo-photo { height:280px; }
.site-page #preview-calendar { min-height:280px; }
.site-page main > .platform-rail { border-top:0; border-bottom:1px solid var(--line); padding-block:16px; }
.site-page main > .site-section { padding-block:clamp(30px,4vw,58px); }
.site-page .workflow-section .section-title { justify-content:center; position:relative; margin-bottom:30px; }
@media(min-width:1024px) {
 .site-page .workflow-section .section-title h2 { max-width:34ch; text-align:center; }
}
.site-page .workflow-section .slider-controls { position:absolute; right:0; }
.site-page .workflow-track { gap:18px; padding:0 0 12px; }
.site-page .workflow-track > article { display:flex; flex-direction:column; padding:18px; border-radius:14px; background:#ece9e1; }
.site-page .workflow-track h3 { order:-2; margin:0 0 8px; font-size:18px; }
.site-page .workflow-track p { order:-1; min-height:40px; margin:0 0 20px; }
.site-page .workflow-visual { border:0; height:210px; border-radius:9px; background:#e2ddd1; }
.site-page .floating-note,.site-page .media-toolbar { background:#fffdf8f5; }
.site-page main > .contrast-section { background:radial-gradient(ellipse at 0 0,#46545a66,transparent 65%),#202e36; border:0; box-shadow:none; border-radius:16px; }
.site-page .contrast-section .eyebrow,.site-page .contrast-section p { color:#d7ddd9; }
.site-page .utility-grid > article { background:transparent; border:0; box-shadow:none; padding:16px 0; }
.site-page .utility-grid { gap:clamp(26px,5vw,90px); }
.site-page .mini-preview { background:#eeece5; border-color:#e2dfd5; box-shadow:none; }
.site-page .client-art { background:radial-gradient(ellipse at 70% 30%,#f8f5ee,#e4dfd3); }
.site-page .client-grid > article { border:0; background:#eeece5; }
.site-page .client-copy { padding:24px; }
.site-page .client-copy h3 { font-size:20px; }
.site-page .chat-bubble { background:#e0d6c8; }
.site-page .chat-star { color:var(--accent); }
.site-page .api-core { background:var(--ink); }
.site-page .faq-grid { gap:0; }
.site-page .faq-grid details { border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; }
.site-page .faq-grid details:last-child { border-bottom:1px solid var(--line); }
.site-page .faq-grid summary { padding:21px 0; font-size:16px; }
.site-page .faq-grid details > div { padding:0 0 24px; }
.page-home .faq-grid details > div { max-width:none; }
.site-page main > .launch-closing { background:linear-gradient(90deg,#f5f3ede8,#f5f3eda6),url('/site-landscape-small.webp') center 55% / cover; border:1px solid #e1dacf; padding:40px; }
.site-page > .site-footer { background:#202b35; border-radius:16px 16px 0 0; }
.site-page .site-footer .wordmark { color:var(--paper); }
.site-page .product-stage { background:transparent; border-top:1px solid var(--line); border-radius:0; }
.site-page main > .product-stage:not(.contrast-section) { padding-inline:0; }
.site-page main > .product-stage.contrast-section { padding:clamp(24px,3vw,56px); }
.site-page main > .platform-rail { padding-block:16px; }
.site-page main > .feature-navigation { padding-block:16px 28px; }
.site-page .demo-tabs button[aria-selected=true] { box-shadow:inset 0 -2px var(--accent); }
.site-page .example-bars i:nth-child(3n) { background:#b16b51; }
.site-page .calendar-event { background:#e8e5dd; border-color:#a44f35; }
.site-page .product-map,.site-page .support-shortcuts,.site-page .connection-example { background:#eeece5; border:0; box-shadow:none; }
.site-page .legal-center-heading,.site-page .legal-heading { background:transparent; border:0; box-shadow:none; padding-inline:0; }
.site-page .format-visual { background:linear-gradient(135deg,#e7e2d7,#f4f1e9); }
@media(min-width:1800px) {
 .site-page .demo-stage { width:min(100%,1500px); grid-template-columns:170px minmax(0,1fr); }
 .site-page .demo-gallery img { aspect-ratio:1.8; }
 .site-page .home-hero h1 { font-size:clamp(78px,3.5vw,110px); }
 .site-page main > .home-hero { padding-top:55px; gap:40px; }
}
@media(max-width:800px) {
 .site-page .site-header { min-height:72px; gap:16px; }
 .site-page .site-header nav { padding-left:0; margin:0; gap:16px; }
 .site-page main > .home-hero { padding-top:26px; gap:28px; }
 .site-page .demo-stage { grid-template-columns:62px minmax(0,1fr); }
 .site-page .demo-sidebar { align-items:center; padding:20px 10px; gap:25px; }
 .site-page .demo-sidebar small { display:none; }
 .site-page .demo-gallery { gap:8px; padding:16px; }
 .site-page .demo-gallery span { font-size:10px; }
 .site-page .demo-gallery small { font-size:8px; }
 .site-page .demo-top { padding:16px; }
 .site-page .workflow-section .section-title { justify-content:space-between; }
 .site-page .workflow-section .slider-controls { position:static; }
 .site-page .workflow-section .section-title h2 { max-width:13ch; }
 .site-page .client-grid > article { grid-template-columns:1fr 1fr; }
 .site-page .client-copy { padding:22px; }
 .site-page .client-art { height:210px; }
 .site-page main > .launch-closing { padding:28px; }
}
@media(max-width:650px) {
 .site-page .site-header { flex-wrap:wrap; gap:0; padding:12px 0; min-height:64px; }
 .site-page .wordmark { font-size:21px; gap:6px; }
 .site-page .wordmark img { width:27px; height:27px; }
 .site-page .header-actions { margin-left:auto; gap:8px; }
 .site-page .site-header .nav-waitlist { padding:8px 10px; min-height:38px; font-size:11px; }
 .site-page .site-header nav { display:flex; justify-content:space-between; width:100%; padding:16px 0 5px; }
 .site-page .site-header.nav-ready nav { display:none; position:absolute; top:100%; left:0; padding:12px; border:1px solid var(--line); background:var(--paper); border-radius:12px; box-shadow:0 10px 24px #202b3518; }
 .site-page .site-header.nav-ready nav.is-open { display:flex; flex-direction:column; align-items:stretch; gap:0; }
 .site-page .site-header.nav-ready nav a { padding:12px; font-size:15px; }
 .site-page main > .home-hero { background-image:linear-gradient(180deg,var(--paper) 0%,#f5f3edb3 38%,#f5f3ed00 70%),url('/site-landscape-small.webp'); padding-top:22px; padding-bottom:32px; gap:30px; }
 .site-page .mobile-break { display:block; }
 .site-page .home-hero h1 { font-size:clamp(31px,7.6vw,48px); max-width:19ch; margin-bottom:14px; }
 .site-page .home-hero .hero-copy > p { max-width:29ch; font-size:15px; line-height:1.5; margin-bottom:20px; }
 .site-page .home-hero .launch-entry { max-width:350px; }
 .site-page .home-hero .waitlist-form > small { font-size:9px; }
 .site-page .demo-stage { grid-template-columns:38px minmax(0,1fr); width:100%; }
 .site-page .demo-sidebar { padding:16px 5px; }
 .site-page .demo-sidebar > img { width:23px; height:23px; }
 .site-page .demo-sidebar .site-icon { width:15px; height:15px; }
 .site-page .demo-top { padding:12px; }
 .site-page .demo-top > div > strong { font-size:12px; }
 .site-page .demo-top > div > span { font-size:9px; }
 .site-page .demo-top .workspace-avatar { display:none; }
 .site-page .demo-tabs button { font-size:10px; }
 .site-page .demo-gallery { gap:7px; padding:12px 10px; grid-template-columns:repeat(3,minmax(0,1fr)); }
 .site-page .demo-gallery img { aspect-ratio:.8; }
 .site-page .demo-gallery span { font-size:9px; line-height:1.35; padding:4px 6px 8px; }
 .site-page .demo-gallery small { display:none; }
 .site-page .demo-approval { padding:6px 10px 14px; }
 .site-page .demo-approval strong { font-size:10px; }
 .site-page #preview-post { grid-template-columns:1fr; }
 .site-page #preview-post .demo-photo { height:190px; }
 .site-page .workflow-track > article { padding:16px; }
 .site-page .workflow-track p { min-height:0; }
 .site-page .client-grid > article { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
 .site-page .client-art { height:180px; padding:14px; }
 .site-page .client-copy { padding:16px; }
 .site-page .client-copy h3 { font-size:17px; }
 .site-page .client-copy p { font-size:12px; }
 .site-page .mini-phone { width:126px; height:220px; padding:8px; }
 .site-page .phone-photo { height:60px; }
 .site-page .api-step { width:100%; padding:6px 5px; font-size:10px; }
 .site-page .api-art { gap:3px; }
 .site-page .api-destinations { flex-shrink:0; }
 .site-page .api-destinations { gap:3px; flex-wrap:wrap; justify-content:center; font-size:8px; }
 .site-page .api-destinations span { padding:4px; }
 .site-page .chat-bubble { font-size:10px; padding:8px; margin-left:5%; }
 .site-page .chat-answer { margin:10px 0 0; padding:8px; }
 .site-page .chat-answer p,.site-page .chat-answer strong { font-size:10px; }
 .site-page .chat-review { font-size:9px; }
 .site-page .faq-grid summary { font-size:14px; padding:18px 0; }
 .site-page .site-footer { padding:26px; }
}
@media(min-width:651px) { .site-page .site-menu-toggle { display:none; } }
@media(prefers-reduced-motion:no-preference) {
 .site-page .demo-tabs button { transition:color .2s ease,background .2s ease; }
 .site-page [role=tabpanel]:not([hidden]) { animation:preview-enter .25s ease-out; }
 .site-page .site-menu-toggle span { transition:transform .2s ease,opacity .2s ease; }
 .site-page .site-menu-toggle[aria-expanded=true] span:first-child { transform:translateY(5.5px) rotate(45deg); }
 .site-page .site-menu-toggle[aria-expanded=true] span:nth-child(2) { opacity:0; }
 .site-page .site-menu-toggle[aria-expanded=true] span:last-child { transform:translateY(-5.5px) rotate(-45deg); }
 @keyframes preview-enter { from { opacity:.5; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
}

/* Availability belongs beside each client, not behind a launch footnote. */
.client-copy .eyebrow { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.coming-soon { display: inline-block; padding: 4px 8px; border: 1px solid #d9d7ce; border-radius: 99px; color: #62686b; background: #f5f3ed; font: 600 11px/1.2 Arial, sans-serif; letter-spacing: 0; text-transform: none; }

/* Interactive homepage examples: a stable frame at every tab level. */
.site-page .demo-sidebar { align-items:stretch; gap:24px; padding:24px 12px; }
.site-page .demo-sidebar > strong { margin-top:-16px; }
.site-page .demo-sidebar [role=tablist] { display:flex; flex-direction:column; gap:8px; }
.site-page .demo-sidebar button { display:flex; align-items:center; gap:8px; min-height:44px; width:100%; padding:10px 8px; background:transparent; border:0; border-radius:8px; color:#d9e0e4; cursor:pointer; text-align:left; }
.site-page .demo-sidebar button[aria-selected=true] { background:#ffffff18; color:#fff; box-shadow:inset 2px 0 #db9b7e; }
.site-page .demo-sidebar small { font-size:11px; }
.site-page .demo-sidebar .site-icon { flex:none; width:18px; height:18px; }
.site-page .demo-viewport { height:400px; overflow:hidden; background:#faf8f3; }
.site-page .home-hero .product-demo .demo-main-panel { display:block; min-height:0; height:100%; overflow:auto; overscroll-behavior:contain; }
.site-page .demo-main-panel[hidden],.site-page .demo-campaign-panels > [hidden] { display:none!important; }
.site-page .demo-campaign-panels { height:calc(100% - 47px); overflow:auto; }
.site-page .home-hero .product-demo .demo-campaign-panels > section { display:block; min-height:100%; }
.site-page .demo-section-title { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 24px 6px; }
.site-page .demo-section-title h3 { font-size:17px; margin:0; }
.site-page .demo-section-title > span { font-size:10px; color:var(--muted); }
.site-page .demo-gallery { gap:14px; }
.site-page .demo-gallery img { aspect-ratio:1.6; max-height:180px; }
.site-page #preview-post { align-items:stretch; }
.site-page #preview-post .demo-photo { height:100%; min-height:300px; max-height:353px; }
.site-page #preview-post .demo-content { align-self:center; }
.site-page .demo-main-panel .demo-content { padding:20px 24px; }
.site-page .demo-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:20px 24px; }
.site-page .demo-summary > div { border:1px solid var(--line); border-radius:10px; background:#fffdf9; padding:14px; }
.site-page .demo-summary strong { display:block; font-size:28px; font-weight:500; }
.site-page .demo-summary span { display:block; color:var(--muted); font-size:11px; }
.site-page .demo-featured { display:grid; grid-template-columns:1fr 1fr; margin:0 24px 20px; gap:20px; align-items:center; }
.site-page .demo-featured img { width:100%; height:180px; object-fit:cover; border-radius:10px; }
.site-page .demo-featured h3 { font-size:20px; }
.site-page .demo-featured p { font-size:12px; }
.site-page .demo-album-tags { display:flex; flex-wrap:wrap; gap:8px; padding:0 24px 20px; }
.site-page .demo-album-tags span { background:#eee7de; border-radius:20px; padding:6px 10px; font-size:11px; }
.site-page .demo-analytics-label { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:20px 24px; font-size:12px; }
.site-page #demo-analytics > .mini-preview { margin:0 24px 20px; padding:18px; }
.site-page #demo-analytics .example-bars { height:120px; }
.site-page .platform-logo { width:24px; height:24px; flex:none; }
.site-page .platform-rail .platform-logo { width:27px; height:27px; }
.site-page .business-photo-label { position:absolute; top:16px; left:16px; background:#fffdf9ed; padding:8px 12px; border-radius:8px; font-size:12px; font-weight:600; }
.site-page .workspace-examples img.workspace-photo { width:48px; height:48px; object-fit:cover; border-radius:12px; flex:none; }
.site-page .analytics-post { display:flex; gap:16px; align-items:center; margin:18px 0; }
.site-page .analytics-post img { width:104px; height:78px; border-radius:8px; object-fit:cover; }
.site-page .analytics-post strong,.site-page .analytics-post span { display:block; font-size:13px; }
.site-page .analytics-post span { margin-top:5px; color:var(--muted); font-size:11px; }
@media(max-width:900px){
 .site-page .demo-stage { grid-template-columns:62px minmax(0,1fr); }
 .site-page .demo-sidebar { padding:20px 8px; }
 .site-page .demo-sidebar button { justify-content:center; padding:10px 0; }
 .site-page .demo-sidebar small,.site-page .demo-sidebar > strong { display:none; }
}
@media(max-width:600px){
 .site-page .demo-stage { grid-template-columns:54px minmax(0,1fr); }
 .site-page .demo-sidebar { padding:16px 5px; }
 .site-page .demo-sidebar button { min-width:44px; }
 .site-page .demo-viewport { height:390px; }
 .site-page .demo-campaign-panels { height:calc(100% - 46px); }
 .site-page .demo-gallery { grid-template-columns:1fr; gap:10px; padding:12px; }
 .site-page .demo-gallery > div { display:grid; grid-template-columns:82px minmax(0,1fr); grid-template-rows:1fr 1fr; }
 .site-page .demo-gallery img { grid-row:1/3; width:82px; height:76px; aspect-ratio:auto; }
 .site-page .demo-gallery span { align-self:end; font-size:12px; padding:8px 10px 4px; }
 .site-page .demo-gallery small { display:block; font-size:10px; padding:0 10px 8px; }
 .site-page .demo-approval { padding:8px 12px 16px; }
 .site-page .demo-approval strong { font-size:11px; }
 .site-page #preview-post { display:block; }
 .site-page #preview-post .demo-photo { width:100%; height:165px; min-height:0; }
 .site-page #preview-post .demo-content { padding:12px; }
 .site-page #preview-post h3 { margin:8px 0; }
 .site-page .demo-section-title { padding:16px 12px 4px; }
 .site-page .demo-section-title h3 { font-size:15px; }
 .site-page .demo-section-title > span { display:none; }
 .site-page .demo-main-panel .demo-content { padding:12px; }
 .site-page .demo-summary { gap:6px; padding:16px 12px; }
 .site-page .demo-summary > div { padding:8px 6px; }
 .site-page .demo-summary strong { font-size:24px; }
 .site-page .demo-summary span { font-size:10px; }
 .site-page .demo-featured { margin:0 12px; gap:12px; grid-template-columns:1fr; }
 .site-page .demo-featured img { height:130px; }
 .site-page .demo-featured h3 { font-size:16px; margin:5px 0; }
 .site-page .demo-featured p { margin:5px 0; }
 .site-page .demo-album-tags { padding:0 12px 16px; }
 .site-page .demo-analytics-label { margin:16px 12px; flex-wrap:wrap; }
 .site-page #demo-analytics > .mini-preview { margin:0 12px 16px; padding:12px; }
 .site-page .platform-rail .platform-logo { width:22px; height:22px; }
}

/* Desktop homepage: keep only the release label and launch notification form. */
@media(min-width:1024px){
 .site-page.page-home .entry-buttons,
 .site-page.page-home .waitlist-form>small{display:none}
}

/* Desktop platform comparison: six equal cards in two rows. */
@media(min-width:1024px){
 .site-page.page-platforms .platform-cards{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}
 .site-page.page-platforms .platform-cards>article{grid-column:auto}
}

/* Self-contained workflow flash cards. Desktop is twice the former ~340px card. */
.site-page .workflow-track > .workflow-card{display:block;padding:0;position:relative;background:transparent}
.site-page .workflow-flip-inner{display:grid;grid-template-rows:minmax(0,1fr);height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.45,0,.55,1)}
.site-page .workflow-card.is-flipped .workflow-flip-inner{transform:rotateY(180deg)}
.site-page .workflow-face{grid-area:1/1;min-width:0;min-height:0;padding:18px;display:flex;flex-direction:column;background:#ece9e1;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.site-page .flip-ready .workflow-face{padding-bottom:18px}
.site-page .workflow-face[hidden]{display:none}
.site-page .workflow-face h3{order:0;margin:0 0 12px}
.site-page .workflow-front > p{order:0;margin:0 0 24px;min-height:0}
.site-page .workflow-front .workflow-visual{flex:1;min-height:210px;height:auto}
.site-page .workflow-front .workflow-photo{height:100%;min-height:210px}
.site-page .workflow-front .workflow-photo > img{position:absolute;inset:0}
.site-page .workflow-card[data-workflow-card=plan]{--workflow-image:url('/site-florist-192.webp')}
.site-page .workflow-card[data-workflow-card=create]{--workflow-image:url('/site-bakery-192.webp')}
.site-page .workflow-card[data-workflow-card=publish]{--workflow-image:url('/site-fitness-192.webp')}
.site-page .workflow-card[data-workflow-card=track]{--workflow-image:url('/site-outdoor-192.webp')}
.site-page .workflow-back{position:relative;isolation:isolate;transform:rotateY(180deg);background:linear-gradient(160deg,#202e36fc 0%,#202e36f5 60%,#202e36df),var(--workflow-image) center/cover;color:#fffdf8;box-shadow:inset 0 0 0 1px #ffffff18}
.site-page .workflow-back::after{content:attr(data-step);position:absolute;bottom:20px;right:20px;font-size:112px;line-height:1;font-weight:600;letter-spacing:-8px;color:#ffffff06;z-index:-1;pointer-events:none}
.site-page .workflow-step{color:#e9bba4;font-size:12px;font-weight:600;margin-bottom:20px}
.site-page .workflow-back h3{font-size:25px;line-height:1.15;letter-spacing:-.6px}
.site-page .workflow-back dl{margin:10px 0 0;display:grid;gap:22px}
.site-page .workflow-back dl > div + div{border-top:1px solid #ffffff20;padding-top:20px}
.site-page .workflow-back dt{font-size:15px;font-weight:600;margin-bottom:6px}
.site-page .workflow-back dd{font-size:14px;line-height:1.55;color:#d7ddd9;margin:0}
.site-page .workflow-back small{font-size:11px;color:#d7ddd9;margin-top:22px;line-height:1.5}
.site-page .workflow-flip-button{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:14px;background:transparent;color:#202e36;cursor:pointer;padding:26px;display:flex;align-items:flex-end;justify-content:flex-end;text-align:left;box-shadow:none}
.site-page .workflow-flip-button[hidden]{display:none}
.site-page .workflow-flip-button:hover{background:transparent;box-shadow:none}
.site-page .workflow-flip-button:focus-visible{outline:3px solid #a44f35;outline-offset:3px}
.site-page .workflow-flip-button > span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d9d7ce;border-radius:50%;background:#fffdf8}
.site-page .workflow-flip-button svg{width:20px;height:20px;flex:none}
.site-page .is-flipped .workflow-flip-button{color:#f1c3ac}
.site-page .is-flipped .workflow-flip-button > span{background:transparent;border-color:#647077}
.site-page .workflow-connector{display:none}
@media(min-width:1024px){
 .site-page .workflow-track{--workflow-gap:40px;gap:var(--workflow-gap);grid-auto-columns:calc((100% - 120px)/4);padding:6px 6px 14px}
 .site-page .workflow-track > .workflow-card{height:680px}
 .site-page .workflow-connector{position:absolute;left:calc(100% + var(--workflow-gap)/2);top:50%;width:32px;height:32px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#e8e3d9;color:#202e36;pointer-events:none}
 .site-page .workflow-connector svg{display:block;width:20px;height:20px}
 .site-page .workflow-face{padding:24px}
 .site-page .flip-ready .workflow-face{padding-bottom:24px}
 .site-page .workflow-front h3{font-size:26px}
 .site-page .workflow-front h3 > span{font-size:13px;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e2ddd3;vertical-align:middle}
 .site-page .workflow-front > p{font-size:16px;line-height:1.5;min-height:72px}
 .site-page .workflow-front .workflow-visual{min-height:360px}
 .site-page .workflow-back h3{font-size:clamp(26px,2vw,36px);margin-bottom:24px}
 .site-page .workflow-back dl{gap:24px}
 .site-page .workflow-back dd{font-size:15px}
 .site-page .workflow-flip-button{padding:24px}
}
@media(hover:hover) and (pointer:fine) and (min-width:1024px){
 .site-page .workflow-flip-button > span{display:none}
}
@media(max-width:1023px), (hover:none), (pointer:coarse){
 .site-page .flip-ready .workflow-back{padding-bottom:82px}
}
@media(min-width:1024px) and (max-width:1199px){
 .site-page .workflow-track{grid-auto-columns:calc((100% - 40px)/2)}
}
@media(prefers-reduced-motion:reduce){
 .site-page .workflow-flip-inner{transition:none}
}

/* Self-contained homepage preview and review explanation. */
.site-page .sunday-skin-logo { display:block; flex:none; width:34px; height:34px; }
.site-page .approval-window-bar { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; gap:16px; padding-bottom:16px; border-bottom:1px solid #202e3618; font-size:10px; color:#69767a; }
.site-page .approval-workspace { display:flex; gap:10px; align-items:center; }
.site-page .approval-workspace strong { display:block; color:#202e36; font-size:13px; }
.site-page .approval-workspace span { display:block; font-size:11px; margin-top:3px; }
.site-page .approval-platform-tabs { grid-column:1/-1; display:flex; gap:8px; flex-wrap:wrap; }
.site-page .approval-platform-tabs[hidden] { display:none; }
.site-page .approval-platform-tabs button { min-height:44px; border:1px solid #202e3620; background:transparent; color:#4f5b60; border-radius:8px; padding:8px 12px; cursor:pointer; font:inherit; font-size:12px; }
.site-page .approval-platform-tabs button .platform-logo { width:17px; height:17px; }
.site-page .approval-platform-tabs button .platform-brand { color:inherit; }
.site-page .approval-platform-tabs button[aria-selected=true] { color:#fffdf8; background:#202e36; border-color:#202e36; }
.site-page .approval-platform-tabs button:focus-visible,.site-page .approval-post-panels > [role=tabpanel]:focus-visible,.site-page .approval-explain summary:focus-visible { outline:3px solid #c47c5f; outline-offset:3px; }
.site-page .approval-post-panels { display:grid; min-width:0; align-items:start; }
.site-page .approval-post-panels > [role=tabpanel] { grid-area:1/1; }
.site-page .approval-post-panels > [hidden] { display:block!important; visibility:hidden; pointer-events:none; }
.site-page .approval-showcase .social-account > div { min-width:0; }
.site-page .approval-showcase .social-account small { display:block; font-size:10px; color:#69767a; margin-top:3px; }
.site-page .approval-showcase .social-account .sunday-skin-logo { width:30px; height:30px; }
.site-page .approval-showcase .facebook-preview-actions { display:flex; justify-content:space-around; border-top:1px solid #202e3620; padding:14px 4px; font-size:11px; color:#5e686e; }
.site-page .approval-showcase .approval-facebook .social-caption { padding-top:0; }
.site-page .approval-showcase [data-approval-destination] { display:inline; font:inherit; color:inherit; }
.site-page .approval-showcase .approval-example { display:grid; grid-template-columns:18px minmax(0,1fr); align-items:center; column-gap:8px; padding:16px 0 0; margin-top:20px; border-top:1px solid #202e3620; border-radius:0; background:none; color:#87422e; text-align:left; }
.site-page .approval-showcase .approval-example .site-icon { width:17px; height:17px; }
.site-page .approval-showcase .approval-example > strong { font-size:12px; color:#87422e; font-weight:600; }
.site-page .approval-showcase .approval-example > span { grid-column:2; font-size:11px; line-height:1.5; color:#69767a; margin-top:5px; }
.site-page .approval-explain { margin-top:28px; }
.site-page .approval-explain details { border-top:1px solid #ffffff25; }
.site-page .approval-explain details:last-child { border-bottom:1px solid #ffffff25; }
.site-page .approval-explain summary { display:flex; gap:16px; justify-content:space-between; align-items:center; min-height:56px; padding:14px 0; list-style:none; cursor:pointer; font-size:15px; font-weight:600; color:#faf7ee; line-height:1.4; }
.site-page .approval-explain summary::-webkit-details-marker { display:none; }
.site-page .approval-explain summary::after { content:'+'; color:#ddac94; font-size:22px; font-weight:400; flex:none; }
.site-page .approval-explain details[open] summary::after { content:'−'; }
.site-page .home-review-section .approval-explain details p { font-size:14px; line-height:1.65; color:#c7d0d0; margin:0; padding:0 26px 20px 0; }
@media(min-width:1024px) {
 .site-page main > .home-review-section { position:relative; isolation:isolate; overflow:hidden; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(28px,3.5vw,60px); padding:clamp(32px,3.5vw,64px); border-radius:20px; background:#202e36; }
 .site-page .home-review-section::before { content:""; position:absolute; z-index:-1; width:70%; aspect-ratio:1; right:-24%; top:-24%; border:1px solid #ffffff10; border-radius:50%; box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff03; pointer-events:none; }
 .site-page .home-review-section .section-copy { position:relative; padding-block:16px; }
 .site-page .home-review-section .eyebrow { color:#ddac94; font-size:12px; letter-spacing:.12em; margin-bottom:24px; }
 .site-page .home-review-section h2 { font-size:clamp(36px,3.2vw,58px); line-height:1.08; letter-spacing:-.045em; margin:0 0 24px; }
 .site-page .home-review-section .section-copy > p { font-size:clamp(15px,1.1vw,17px); line-height:1.7; color:#d7dddd; margin:0; }
 .site-page .approval-showcase { position:relative; grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr); gap:20px; padding:22px; border:1px solid #ffffff60; border-radius:16px; background:#f5f2ea; box-shadow:0 25px 60px #07131c40; align-items:center; }
 .site-page .approval-showcase .social-example { border:1px solid #202e3620; border-radius:12px; box-shadow:0 8px 20px #202e3610; }
 .site-page .approval-showcase .social-account { min-height:62px; gap:10px; padding:12px; font-size:12px; }
 .site-page .approval-showcase .social-photo { aspect-ratio:1; max-height:380px; object-position:center; }
 .site-page .approval-showcase .social-actions { padding:14px 12px 0; gap:14px; }
 .site-page .approval-showcase .social-actions .site-icon { width:20px; height:20px; }
 .site-page .approval-showcase .social-caption { padding:12px 12px 18px; font-size:12px; line-height:1.7; }
 .site-page .approval-showcase .review-checklist { align-self:stretch; display:flex; flex-direction:column; justify-content:center; padding:0; }
 .site-page .approval-showcase .review-checklist .example-head { font-size:14px; margin-bottom:18px; }
 .site-page .approval-showcase .review-checklist li { padding:18px 0; }
 .site-page .approval-showcase .review-checklist li strong { font-weight:400; color:#69767a; font-size:11px; }
 .site-page .approval-showcase .review-checklist .example-head > strong { font-size:14px; font-weight:600; color:#202e36; line-height:1.5; }
 .site-page .approval-showcase .review-checklist li span { font-size:13px; line-height:1.5; margin-top:6px; color:#202e36; }
}

/* Workspaces gets the same 680px desktop canvas as the workflow cards, without flips. */
.site-page .home-utilities { grid-template-columns:minmax(0,1fr); row-gap:48px; }
.site-page .home-utilities > .workspace-feature { grid-template-columns:minmax(0,1fr); background:#ece9e1; border-radius:16px; padding:24px; gap:28px; align-items:center; }
.site-page .workspace-benefits { margin:26px 0 0; display:grid; gap:20px; }
.site-page .workspace-benefits > div { border-top:1px solid #202e3620; padding-top:16px; }
.site-page .workspace-benefits dt { font-weight:600; font-size:15px; color:#202e36; }
.site-page .workspace-benefits dd { margin:6px 0 0; font-size:14px; line-height:1.6; color:#62686b; max-width:42ch; }
.site-page .workspace-showcase { min-width:0; display:grid; gap:16px; padding:18px; border:1px solid #202e3620; border-radius:13px; background:#fffcf7; box-shadow:0 12px 30px #202e3608; }
.site-page .workspace-demo-heading { display:flex; justify-content:space-between; gap:12px; align-items:center; font-size:13px; }
.site-page .workspace-demo-heading > span { font-size:10px; color:#69767a; }
.site-page .workspace-demo-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.site-page .workspace-demo-tabs[hidden] { display:none; }
.site-page .workspace-demo-tabs button { display:flex; gap:8px; align-items:center; min-width:0; min-height:52px; padding:8px; border:1px solid #dedbd3; border-radius:9px; background:#f5f2eb; color:#4b565c; cursor:pointer; font:600 12px/1.35 Arial,Helvetica,sans-serif; text-align:left; }
.site-page .workspace-demo-tabs button[aria-selected=true] { background:#202e36; color:#fffaf1; border-color:#202e36; }
.site-page .workspace-demo-tabs button:focus-visible,.site-page .workspace-demo-panel:focus-visible { outline:3px solid #a44f35; outline-offset:3px; }
.site-page .workspace-brand-logo { display:block; width:32px; height:32px; border-radius:9px; flex:none; object-fit:cover; }
.site-page .workspace-demo-panels { display:grid; min-width:0; }
.site-page .workspace-demo-panel { grid-area:1/1; min-width:0; border:1px solid #dedbd3; border-radius:10px; display:grid; }
.site-page .workspace-demo-panel[hidden] { display:grid!important; visibility:hidden; pointer-events:none; }
.site-page .workspace-demo-cover { min-width:0; height:100px; overflow:hidden; border-radius:9px 9px 0 0; }
.site-page .workspace-demo-cover img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 45%; }
.site-page .workspace-demo-profile { padding:16px; }
.site-page .workspace-demo-identity { display:flex; align-items:center; gap:10px; }
.site-page .workspace-demo-identity h3 { font-size:17px; margin:0 0 4px; letter-spacing:-.02em; }
.site-page .workspace-demo-identity span { display:block; font-size:11px; color:#69767a; }
.site-page .workspace-demo-profile > p { margin:12px 0; font-size:12px; line-height:1.5; }
.site-page .workspace-demo-profile > dl { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:12px; margin:0; }
.site-page .workspace-demo-profile dt { font-size:10px; color:#69767a; }
.site-page .workspace-demo-profile dd { margin:4px 0 0; font-size:12px; line-height:1.4; }
.site-page .workspace-demo-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; padding:14px 16px; border-top:1px solid #dedbd3; border-bottom:1px solid #dedbd3; gap:10px; background:#f5f2eb; }
.site-page .workspace-demo-stats > div { display:flex; flex-direction:column; gap:4px; }
.site-page .workspace-demo-stats dt { font-size:10px; color:#69767a; }
.site-page .workspace-demo-stats dd { order:-1; margin:0; font-size:21px; font-weight:600; line-height:1.1; }
.site-page .workspace-demo-accounts { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 16px; }
.site-page .workspace-demo-accounts > strong { font-size:11px; font-weight:500; color:#69767a; }
.site-page .workspace-demo-accounts > div { display:flex; flex-wrap:wrap; gap:12px; }
.site-page .workspace-demo-accounts .platform-brand { font-size:11px; gap:5px; }
.site-page .workspace-demo-accounts .platform-logo { width:16px; height:16px; }
@media(min-width:1024px) {
 .site-page .home-utilities > .workspace-feature { height:680px; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); padding:36px; gap:clamp(28px,4vw,64px); }
 .site-page .workspace-feature .utility-copy h2 { font-size:clamp(36px,3vw,52px); margin:0 0 20px; line-height:1.08; }
 .site-page .workspace-feature .utility-copy > p { font-size:16px; line-height:1.6; }
 .site-page .workspace-feature .workspace-showcase { height:100%; min-height:0; grid-template-rows:auto auto minmax(0,1fr); padding:20px; }
 .site-page .workspace-demo-panel { grid-template-rows:110px minmax(0,1fr) auto auto; }
 .site-page .workspace-demo-cover { height:110px; }
 .site-page .workspace-demo-profile { display:flex; flex-direction:column; justify-content:center; }
 .site-page .workspace-demo-tabs button { font-size:clamp(11px,.85vw,13px); }
 .site-page .home-utilities > .workspace-feature + article { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
}
@media(max-width:600px) {
 .site-page .home-utilities > .workspace-feature { padding:20px; }
 .site-page .workspace-showcase { padding:12px; }
 .site-page .workspace-demo-tabs { gap:5px; }
 .site-page .workspace-demo-tabs button { flex-direction:column; text-align:center; padding:8px 4px; font-size:11px; }
 .site-page .workspace-demo-profile { padding:12px; }
 .site-page .workspace-demo-accounts { flex-direction:column; align-items:flex-start; }
}

/* Analytics: the same desktop canvas, with a functional, platform-specific example. */
.site-page .home-utilities > .analytics-feature { grid-template-columns:minmax(0,1fr); padding:24px; gap:28px; border-radius:16px; background:#202e36; color:#fffaf1; }
.site-page .analytics-feature .eyebrow { color:#ddac94; }
.site-page .analytics-feature .utility-copy h2 { color:#fffaf1; }
.site-page .analytics-feature .utility-copy > p,.site-page .analytics-feature .workspace-benefits dd { color:#d0d7d7; }
.site-page .analytics-feature .workspace-benefits dt { color:#fffaf1; }
.site-page .analytics-feature .workspace-benefits > div { border-color:#ffffff25; }
.site-page .analytics-showcase { font-size:14px; line-height:1.4; min-width:0; display:grid; gap:18px; padding:22px; border-radius:13px; background:#fffcf7; color:#202e36; border:1px solid #ffffff50; box-shadow:0 18px 40px #07131c30; }
.site-page .analytics-demo-heading { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.site-page .analytics-demo-heading > div { display:flex; gap:10px; align-items:center; }
.site-page .trail-supply-logo { width:36px; height:36px; flex:none; }
.site-page .analytics-demo-heading strong { font-size:15px; font-weight:600; }
.site-page .analytics-demo-heading span { display:block; font-size:11px; color:#69767a; margin-top:3px; }
.site-page .analytics-demo-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; border-bottom:1px solid #dedbd3; padding-bottom:12px; }
.site-page .analytics-demo-tabs[hidden] { display:none; }
.site-page .analytics-demo-tabs button { background:transparent; border:1px solid transparent; border-radius:7px; padding:10px 5px; min-height:42px; color:#62686b; cursor:pointer; }
.site-page .analytics-demo-tabs button[aria-selected=true] { background:#202e36; color:#fffaf1; }
.site-page .analytics-demo-tabs .platform-brand { color:inherit; font:600 12px/1.4 Arial,Helvetica,sans-serif; justify-content:center; gap:7px; }
.site-page .analytics-demo-tabs .platform-logo { width:17px; height:17px; }
.site-page .analytics-showcase button:focus-visible { outline:3px solid #a44f35; outline-offset:3px; }
.site-page .analytics-demo-period { display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px 12px; font-size:11px; color:#69767a; }
.site-page .analytics-demo-period strong { color:#202e36; font-weight:500; }
.site-page .analytics-demo-panels,.site-page .analytics-demo-rankings { display:grid; min-width:0; }
.site-page .analytics-demo-panel,.site-page .analytics-demo-ranking { grid-area:1/1; min-width:0; }
.site-page .analytics-demo-panel { display:grid; gap:22px; }
.site-page .analytics-demo-panel[hidden],.site-page .analytics-demo-ranking[hidden] { display:grid!important; visibility:hidden; pointer-events:none; }
.site-page .analytics-demo-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.site-page .analytics-demo-metrics button { min-width:0; text-align:left; border:1px solid #dedbd3; border-radius:9px; padding:14px 12px; background:#f5f2eb; color:#202e36; cursor:pointer; font-family:inherit; }
.site-page .analytics-demo-metrics button[aria-pressed=true] { border-color:#a44f35; background:#f4e4d9; }
.site-page .analytics-demo-metrics button:disabled { opacity:1; cursor:default; }
.site-page .analytics-demo-metrics span { display:block; font-size:11px; }
.site-page .analytics-demo-metrics strong { display:block; font-size:clamp(22px,2vw,30px); font-weight:600; margin:8px 0; letter-spacing:-.04em; line-height:1.1; font-variant-numeric:tabular-nums; }
.site-page .analytics-demo-metrics small { display:block; font-size:10px; color:#69767a; }
.site-page .analytics-demo-metrics button[aria-pressed=true] small { color:#8b422e; }
.site-page .analytics-demo-ranking { display:grid; align-content:start; }
.site-page .analytics-ranking-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.site-page .analytics-ranking-heading h3 { font-size:14px; margin:0; letter-spacing:0; }
.site-page .analytics-ranking-heading > span { color:#69767a; font-size:10px; }
.site-page .analytics-demo-ranking ol { margin:8px 0 0; padding:0; list-style:none; display:grid; }
.site-page .analytics-demo-ranking li { display:flex; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid #dedbd3; }
.site-page .analytics-demo-ranking li:last-child { border:0; padding-bottom:0; }
.site-page .analytics-demo-ranking li > img { display:block; width:46px; height:46px; border-radius:7px; object-fit:cover; flex:none; }
.site-page .analytics-demo-ranking li:nth-child(3) > img { object-position:25% 50%; }
.site-page .analytics-demo-ranking li > div { flex:1; min-width:0; }
.site-page .analytics-ranking-label { display:flex; justify-content:space-between; align-items:baseline; gap:10px; font-size:12px; }
.site-page .analytics-ranking-label strong { font-weight:500; }
.site-page .analytics-ranking-label > span { flex:none; font-variant-numeric:tabular-nums; font-weight:600; }
.site-page .analytics-ranking-bar { display:block; width:100%; height:5px; color:#a44f35; margin:8px 0 6px; }
.site-page .analytics-ranking-date { display:block; font-size:10px; color:#69767a; }
.site-page .analytics-demo-note { font-size:10px; line-height:1.5; color:#69767a; margin:0; }
@media(min-width:1024px) {
 .site-page .home-utilities > .analytics-feature { height:680px; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); padding:36px; gap:clamp(28px,4vw,64px); }
 .site-page .analytics-feature .utility-copy h2 { font-size:clamp(36px,3vw,52px); margin:0 0 20px; line-height:1.08; }
 .site-page .analytics-feature .utility-copy > p { font-size:16px; line-height:1.6; }
 .site-page .analytics-showcase { height:100%; min-height:0; grid-template-rows:auto auto auto minmax(min-content,1fr) auto; padding:18px; gap:10px; }
 .site-page .analytics-demo-metrics button { padding-block:10px; }
 .site-page .analytics-demo-metrics strong { margin-block:6px; }
 .site-page .analytics-demo-panel { grid-template-rows:auto 1fr; gap:12px; }
 .site-page .analytics-demo-ranking li { padding-block:8px; }
 .site-page .analytics-demo-ranking li:last-child { padding-bottom:0; }
}
@media(max-width:600px) {
 .site-page .home-utilities > .analytics-feature { padding:20px; }
 .site-page .analytics-showcase { padding:12px; gap:16px; }
 .site-page .analytics-demo-tabs .platform-brand { font-size:10px; gap:4px; }
 .site-page .analytics-demo-tabs .platform-logo { width:15px; height:15px; }
 .site-page .analytics-demo-metrics { gap:5px; }
 .site-page .analytics-demo-metrics button { padding:12px 7px; }
 .site-page .analytics-demo-metrics strong { font-size:21px; }
 .site-page .analytics-demo-metrics small { font-size:9px; }
 .site-page .analytics-ranking-label { font-size:11px; gap:6px; }
 .site-page .analytics-demo-ranking li { gap:8px; }
 .site-page .analytics-demo-ranking li > img { width:36px; height:44px; }
}

@media(max-width:380px) {
 .site-page .analytics-demo-tabs .platform-brand { flex-direction:column; font-size:10px; gap:5px; }
}

.analytics-demo-period-group { display:grid; gap:8px; }
.analytics-demo-period .example-growth { color:#296047; font-weight:600; font-size:11px; display:inline-block; margin-top:5px; }
.analytics-post-period { border-top:1px solid #dedbd3; padding-top:8px; }
.analytics-demo-period [data-example-growth] { height:34px; max-width:200px; }
.analytics-demo-period-group>.analytics-demo-period:first-child { display:grid; grid-template-columns:minmax(0,1fr) 90px; align-items:start; }