/* Source tokens: FlutterFlow FFSpacing/FFRadius + Knockknock src/theme.css.
   All marketing spacing uses only the native 3/6/12/24px scale. */
@font-face{font-family:Ubuntu;src:url('./assets/fonts/UbuntuSans-VariableFont_wdth,wght.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Barlow;src:url('./assets/fonts/BarlowCondensed-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('./assets/fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--bg:#303030;--panel:#3b3b3b;--text:#fff;--muted:#f2f2f2;--teal:#59b1b5;--orange:#e98a3a;--green:#6fcf97;--yellow:#fdbc3f;--coral:#fc6666;--border:#484c4c;--gradient-start:rgba(255,128,88,.1);--gradient-end:rgba(77,208,225,.1);--xs:3px;--sm:6px;--md:12px;--lg:24px;--xl:24px;--r-sm:4px;--r-md:16px;--r-lg:24px;--r-full:9999px;--section:var(--lg);--product-section-space:calc(var(--lg) * 2);--gutter:var(--lg);--font:Ubuntu,Arial,sans-serif;--display:Barlow,'Arial Narrow',sans-serif;--shadow:none;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--lg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:var(--sm)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:var(--xs)}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}h1,h2,h3,p,figure,ul{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.04}h1{font-size:clamp(3.7rem,6.8vw,6.5rem);letter-spacing:-.025em}h2{font-size:clamp(2.5rem,4.2vw,4.2rem);letter-spacing:-.018em}h3{font-size:2rem}p{color:var(--muted)}strong{font-weight:650}button{color:inherit}small{font-size:.78rem}::selection{background:var(--orange);color:var(--bg)}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - var(--gutter)*2));margin-inline:auto}.icon{width:20px;height:20px;flex:none;object-fit:contain}.eyebrow{color:var(--orange);font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700}.muted{color:var(--muted);opacity:.76}.accent{color:var(--orange)}.flow>*+*{margin-top:var(--lg)}.skip-link{position:fixed;top:var(--md);left:var(--md);padding:var(--md) var(--lg);background:var(--orange);color:var(--bg);border-radius:var(--r-sm);z-index:1000;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{position:relative;z-index:5;border-bottom:1px solid var(--border);background:var(--bg)}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:var(--lg)}.brand{display:flex;align-items:center;gap:var(--md);font-family:var(--display);font-size:2rem;font-weight:400;letter-spacing:0}.brand:hover{text-decoration:none}.brand img{width:44px;height:44px;border-radius:var(--r-sm)}.nav-links{display:flex;align-items:center;gap:var(--lg)}.nav-links>a{font-size:.9rem}.nav-links [aria-current=page]{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--md);min-height:48px;padding:var(--md) var(--lg);border-radius:var(--r-full);border:1px solid var(--border);font-size:.9rem;font-weight:650;line-height:1.3;transition:background .18s,border-color .18s}.button:hover{text-decoration:none;background:var(--panel);border-color:var(--muted)}.button.primary{background:var(--text);border-color:var(--text);color:var(--bg)}.button.primary:hover{background:var(--muted);border-color:var(--muted)}.button.primary .icon{filter:brightness(.2)}.button.subtle{background:var(--bg);border-color:var(--border)}.text-link{display:inline-flex;align-items:center;gap:var(--md);font-weight:600;font-size:.9rem}.menu-toggle{display:none;padding:var(--md);border:1px solid var(--border);border-radius:var(--r-full);background:var(--panel);min-width:44px;min-height:44px}.shared-gradient{background:linear-gradient(110deg,var(--gradient-start),var(--gradient-end));}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:var(--lg);padding-block:var(--lg)}.hero h1 span{display:block}.hero .lead{font-size:1.2rem;line-height:1.65;max-width:30em}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--lg);margin-top:var(--lg)}.hero-note{font-size:.76rem;opacity:.7;margin-top:var(--md)}.section{padding-block:var(--section)}.section-label{display:flex;align-items:center;gap:var(--md);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin-bottom:var(--lg)}.section-label img{opacity:.85}.intro-grid{display:grid;grid-template-columns:.9fr 1fr;align-items:start;gap:var(--lg)}.intro-grid .lead{font-size:1.16rem}.intro-grid h2{max-width:10em}.separator{border-top:1px solid var(--border)}.home-benefits{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--lg);padding-block:var(--lg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.home-benefits span{display:flex;align-items:center;gap:var(--md);font-size:.86rem}.beta-section{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:var(--lg);padding-block:var(--section)}.beta-section h2{max-width:14em}.beta-content{max-width:28em}.beta-content .button{margin-block:var(--lg) var(--md)}.fine{font-size:.79rem;line-height:1.65;opacity:.76}.site-footer{padding-block:var(--lg);border-top:0}.footer-inner{display:flex;justify-content:space-between;gap:var(--lg);align-items:center;font-size:.76rem;color:var(--muted)}.footer-links{display:flex;gap:var(--lg)}
/* Authentic app captures retain the rendered product UI. */
.preview{min-width:0;position:relative}
.preview-caption{margin-top:var(--md);color:var(--muted);opacity:.76;font-size:.72rem;text-align:center}
.product-shot>img{width:100%;height:auto;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.product-intro{padding-block:var(--lg) var(--lg);max-width:880px}.product-intro h1{font-size:clamp(3.3rem,6.2vw,5.7rem)}.product-intro p{font-size:1.12rem;max-width:45em}.product-intro .actions{margin-top:var(--lg)}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:var(--lg);padding-block:var(--lg)}.feature-copy p{margin-top:var(--lg);font-size:1.02rem;max-width:33em}.feature:nth-child(even) .feature-copy{order:2}.feature:nth-child(even) .preview{order:1}.feature h2{font-size:clamp(2.7rem,4.2vw,3.7rem);max-width:11em}.feature .eyebrow{margin-top:0;margin-bottom:var(--md)}.workflow{padding-bottom:var(--lg)}.supporting{padding-block:var(--lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--lg);border-top:1px solid var(--border)}.supporting h3{margin-block:var(--md);font-size:2.1rem}.supporting p{font-size:.9rem;max-width:37em}.supporting .fine{margin-top:var(--md);font-size:.75rem}.pricing{padding-block:var(--section)}.pricing-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--lg);margin-bottom:var(--lg)}.pricing-heading p{max-width:24em;font-size:.95rem}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.plan{min-width:0;background:linear-gradient(180deg,rgba(59,59,59,.7),transparent)}.plan+.plan{border-left:1px solid var(--border)}.plan-heading{padding:var(--lg) var(--lg) var(--lg);min-height:190px}.plan-heading p{font-size:.83rem;margin-top:var(--md)}.plan h3{font-size:2.5rem}.plan-fees{list-style:none;padding:0}.plan-fees li{padding:var(--lg);border-top:1px solid var(--border);font-size:.83rem}.plan-fees b{display:block;font-family:var(--display);font-size:2.2rem;font-weight:400;line-height:1.15;margin-bottom:var(--sm)}.plan-commitment{padding:var(--lg);border-top:1px solid var(--border);font-size:.9rem;color:var(--orange);min-height:80px}.beta-pricing{border:1px solid var(--orange);border-radius:var(--r-lg);padding:var(--lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--lg);align-items:center;margin-top:var(--lg);background:linear-gradient(110deg,var(--gradient-start),var(--gradient-end))}.beta-pricing h3{font-size:2.7rem;margin-top:var(--md)}.beta-pricing .actions{margin-top:var(--lg)}
dialog{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:0;width:min(540px,calc(100% - var(--lg)*2));max-height:calc(100dvh - var(--lg)*2);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.48);-webkit-backdrop-filter:blur(var(--sm));backdrop-filter:blur(var(--sm))}.dialog-content{padding:var(--lg)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:var(--md);margin-bottom:var(--lg)}.close-button{padding:var(--sm);display:grid;place-items:center;width:44px;height:44px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-full)}dialog h2{font-size:2.6rem}dialog p{font-size:.9rem;margin-top:var(--md)}form{margin-top:var(--lg)}.field{display:flex;flex-direction:column;gap:var(--sm);margin-top:var(--lg)}label{font-size:.86rem;font-weight:600}input,select{width:100%;min-height:48px;padding:var(--md);background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm)}input::placeholder{color:var(--muted);opacity:.65}form .button{width:100%;margin-top:var(--lg)}.success-message:focus{outline:none}.success-message .button{margin-top:var(--lg)}.form-note{border-top:1px solid var(--border);padding-top:var(--lg);font-size:.78rem!important}.noscript{padding:var(--lg);background:var(--panel);font-size:.8rem}
@media(min-width:1500px){.hero{padding-block:var(--lg)}}
@media(max-width:1000px){.hero{gap:var(--lg)}.hero h1{font-size:4.7rem}.hero .lead{font-size:1.05rem}.feature{gap:var(--lg)}.intro-grid,.beta-section{gap:var(--lg)}.nav-links{gap:var(--lg)}}
@media(max-width:760px){:root{--section:var(--lg)}.nav{min-height:76px;flex-wrap:wrap;gap:0}.brand{font-size:1.5rem}.brand img{width:38px;height:38px}.menu-toggle{display:grid}.nav-links{display:none;width:100%;align-items:stretch;flex-direction:column;gap:0;padding-bottom:var(--lg)}.nav-links.is-open{display:flex}.nav-links>a{padding:var(--md) 0}.nav-links .button{margin-top:var(--md)}.hero{grid-template-columns:1fr;gap:var(--lg);padding-block:var(--lg)}.hero h1{font-size:clamp(3.55rem,12.7vw,5.6rem)}.hero .lead{font-size:1.08rem;max-width:30em}.hero-note{font-size:.72rem}.hero .preview{max-width:550px;width:100%;margin-inline:auto}.intro-grid,.beta-section{grid-template-columns:1fr;gap:var(--lg)}.intro-grid h2{max-width:none}.intro-grid .lead{font-size:1rem}.home-benefits{display:grid;grid-template-columns:1fr;gap:var(--lg)}.beta-section h2{max-width:13em}.footer-inner{align-items:flex-start;flex-direction:column;gap:var(--md)}.footer-links{flex-wrap:wrap}.product-intro{padding-top:var(--lg)}.product-intro p{font-size:1rem}.feature{grid-template-columns:1fr;gap:var(--lg);padding-block:var(--lg)}.feature:nth-child(even) .feature-copy,.feature:nth-child(even) .preview{order:initial}.feature h2{max-width:none}.feature-copy p{font-size:1rem}.supporting{grid-template-columns:1fr;gap:var(--lg)}.pricing-heading{display:block}.pricing-heading p{margin-top:var(--lg)}.plans{grid-template-columns:1fr}.plan+.plan{border-left:0;border-top:1px solid var(--border)}.plan-heading{min-height:auto;padding:var(--lg)}.plan-fees li{padding:var(--md) var(--lg);display:flex;align-items:center;gap:var(--lg)}.plan-fees b{min-width:84px;font-size:2rem;margin:0}.plan-commitment{min-height:auto}.beta-pricing{grid-template-columns:1fr;padding:var(--lg);gap:var(--lg)}.dialog-content{padding:var(--lg)}}
@media(max-width:380px){:root{--gutter:var(--md)}.hero h1{font-size:3.45rem}.actions{gap:var(--md)}.actions .button{padding-inline:var(--lg)}.plan-fees li{gap:var(--md)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.feature-copy p.feature-eyebrow,
.feature .eyebrow,
.feature-eyebrow{display:flex;align-items:flex-start;gap:var(--md);width:100%;max-width:none!important}

.footer-meta{display:grid;gap:var(--xs)}
.footer-social{display:grid;place-items:center;flex:none;width:36px;height:36px;background:var(--text);color:var(--bg);font:800 1.1rem Arial,sans-serif;line-height:1}
.footer-social:hover{text-decoration:none;background:var(--muted)}

/* Preserve source colors while ensuring small text clears 4.5:1 on the gradient. */
.eyebrow,.section-label,.plan-commitment{color:var(--muted)}

/* User-requested minimal header and Home, following the supplied live-site reference. */
.site-header{border-bottom:0;background:linear-gradient(110deg,var(--gradient-start),var(--gradient-end))}
.nav{min-height:184px;padding-block:var(--md)}
.brand img{width:160px;height:160px;border-radius:0}
.nav-links{gap:var(--lg)}
.nav-links>a,.nav-join{font-size:.9rem;letter-spacing:.03em}
.nav-join{border:0;background:transparent;color:var(--muted);padding:var(--md) 0}
.nav-join:hover{text-decoration:underline;text-underline-offset:var(--sm)}
.home-intro{padding-block:var(--lg);display:flex;flex-direction:column;align-items:flex-start;gap:var(--lg)}
.home-intro h1{font-size:2rem;letter-spacing:0;line-height:1.15}
.home-intro .home-tagline{font-size:.75rem;opacity:.76}
.home-intro h2{font-size:clamp(1.9rem,3vw,2.5rem);line-height:1.12;letter-spacing:0}
.home-positioning{font-size:1.12rem;line-height:1.6;max-width:62em}
.home-intro .text-link{font-size:.85rem}
.home-benefits{font-size:.85rem}
.home-beta{padding-block:var(--lg);display:flex;justify-content:space-between;align-items:center;gap:var(--lg)}
.home-beta h2{font-size:2rem;line-height:1.15;max-width:30em}
.home-beta p{margin-top:var(--md);font-size:.9rem}
.home-beta .fine{font-size:.76rem}
.home-beta>.button{flex:none}
@media(max-width:760px){.nav{min-height:120px;padding-block:var(--sm)}.brand img{width:108px;height:108px}.nav-links{gap:0}.nav-join{text-align:left}.home-intro{gap:var(--lg)}.home-positioning{font-size:1rem}.home-beta{align-items:flex-start;flex-direction:column}.home-beta h2{font-size:1.8rem}}

/* Shared beta invitation: identical offer, hierarchy and controls on both pages. */
.beta-banner{display:grid;grid-template-columns:1fr auto;gap:var(--lg);align-items:center;padding:var(--lg);margin-block:calc(var(--lg)*2);border:1px solid var(--orange);border-radius:var(--r-lg);background:linear-gradient(110deg,var(--gradient-start),var(--gradient-end))}
.beta-banner h2{font-size:2rem;line-height:1.15;letter-spacing:0;max-width:30em}
.beta-banner p{font-size:.9rem;margin-top:var(--md)}
.beta-banner-action{display:flex;flex-direction:column;align-items:flex-start;gap:var(--md)}
.beta-banner-action .fine{font-size:.76rem;margin:0}
@media(max-width:760px){.beta-banner{grid-template-columns:1fr}.beta-banner h2{font-size:1.8rem}}

/* Let the main section fill the screen; the footer keeps its natural compact height. */
body{min-height:100svh;display:flex;flex-direction:column}
main{flex:1}
.site-header,.site-footer{flex-shrink:0}
.home-main{display:flex;flex-direction:column}
.home-intro{flex:0 0 auto;justify-content:center}
.home-intro>.actions{margin-top:0}
/* Let the intro lead the first screen; following sections stay in normal flow.
   Short screens can grow beyond the viewport to fit all content. */
@media(min-width:761px) and (min-height:640px){.home-intro{min-height:70svh;padding-block:calc(var(--lg)*2)}}
.home-benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start}
.home-benefits h3{display:flex;align-items:center;gap:var(--md);font-family:var(--font);font-size:.86rem;line-height:1.5;font-weight:600}
.home-benefits p{font-size:.85rem;line-height:1.6;margin-top:var(--md)}
.home-benefits .fine{font-size:.74rem;margin-top:var(--sm)}
.home-benefits>.capability-note{grid-column:1 / -1;margin-top:0}
@media(max-width:1199px){.home-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.home-benefits{grid-template-columns:1fr}}

/* The shared strip already provides the separator above the remaining standards copy. */
.home-benefits+.supporting{border-top:0}

/* Products section rhythm: one 48px gap; retain native spacing within rows. */
.product-intro{padding-bottom:0}
.workflow{display:grid;gap:var(--product-section-space);padding-block:var(--product-section-space)}
.workflow .feature{padding-block:0}
.home-benefits+.supporting{margin-top:var(--product-section-space);padding-block:0}
.pricing{padding-top:var(--lg)}

.pricing-heading .eyebrow{margin-top:0}

/* Shared plan inclusions and the existing offer's per-plan support levels. */
.plan-inclusions{display:grid;grid-template-columns:.65fr 2fr;align-items:start;gap:var(--lg);padding:var(--lg);margin-bottom:var(--lg);border:1px solid var(--border);border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(59,59,59,.7),transparent)}
.plan-inclusions h3{font-size:2rem;line-height:1.15}
.plan-inclusions-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--md) var(--lg)}
.plan-inclusions-list li{display:flex;align-items:start;gap:var(--md);font-size:.9rem;line-height:1.6;min-width:0}
.plan-inclusions-list .icon{margin-top:var(--xs)}
.plan-inclusions-list small{display:block;font-size:.79rem;line-height:1.6;color:var(--muted);margin-top:var(--sm)}
.plan-inclusions-note{margin-top:var(--lg)}
.plan-support{padding:var(--lg);border-top:1px solid var(--border);font-size:.9rem}
@media(max-width:1000px){.plan-inclusions{grid-template-columns:1fr}}
@media(max-width:760px){.plan-inclusions-list{grid-template-columns:1fr}.plan-support{padding:var(--md) var(--lg)}}

/* Exact composer glyphs, grouped in the reference's round control treatment. */
.home-benefits .capability-capture-icons{display:flex;flex:none;align-items:center;gap:var(--xs)}
.home-benefits .capture-capability h3{color:var(--orange)}
.feature-copy .maxter-promise{font-size:.9rem;color:var(--orange)}
.maxter-promise span{display:block;margin-top:var(--sm);font-family:var(--display);font-size:1.5rem;line-height:1.2}

.home-benefits>.capability-item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--md)}
.capability-copy{min-width:0}

/* Quiet page arrival and interaction feedback; layout stays fixed. */
@media(prefers-reduced-motion:no-preference){
  @keyframes main-arrive{from{opacity:.82}to{opacity:1}}
  main{animation:main-arrive 280ms ease-out both}
  .button,.text-link,.nav-links>a,.nav-join,.footer-links>a,.footer-social{transition:transform 180ms ease,color 180ms ease,background-color 180ms ease,border-color 180ms ease}
  .button:hover,.button:focus-visible{transform:translateY(calc(-1 * var(--xs)))}
  .button:active{transform:none}
  .button .icon,.text-link .icon{transition:transform 180ms ease}
  .button:hover .icon,.button:focus-visible .icon,.text-link:hover .icon,.text-link:focus-visible .icon{transform:translateX(var(--xs))}
  .nav-links>a:hover,.footer-links>a:hover{color:var(--orange)}
}

/* A short About page using the existing type, gradient, and spacing scale. */
.about-page{padding-block:var(--lg) calc(var(--lg)*2)}
.about-intro{max-width:840px;display:grid;gap:var(--lg)}
.about-intro h1{font-size:clamp(3.2rem,6vw,5.5rem)}
.about-intro>p:not(.eyebrow){font-size:1.15rem;max-width:42em}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:var(--lg);padding-block:calc(var(--lg)*2);margin-top:calc(var(--lg)*2);border-top:1px solid var(--border)}
.about-story h2,.about-team h2{font-size:clamp(2.5rem,4.2vw,3.7rem)}
.about-story>div:last-child{display:grid;gap:var(--lg);max-width:37em}
.about-team{margin-top:calc(var(--lg)*2);padding-top:calc(var(--lg)*2);border-top:1px solid var(--border)}
.about-team-heading{display:grid;gap:var(--md)}
.about-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--lg);margin-top:var(--lg)}
.about-team-grid article{min-width:0;padding:var(--lg);border:1px solid var(--border);border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(59,59,59,.7),transparent);display:flex;flex-direction:column}
.about-team-grid h3{font-size:2rem}
.about-team-grid p{font-size:.9rem;margin-top:var(--md)}
.about-team-grid .about-role{color:var(--orange);font-size:.79rem;letter-spacing:.04em}
.about-team-grid .team-link{margin-top:auto;padding-top:var(--lg)}
.about-join{padding-top:calc(var(--lg)*2);margin-top:calc(var(--lg)*2);border-top:1px solid var(--border)}
.about-join-heading{display:grid;gap:var(--lg);max-width:840px}
.about-join h2{font-size:clamp(2.5rem,4.2vw,3.7rem)}
.about-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--lg);margin-block:var(--lg)}
.about-roles article{padding:var(--lg);border:1px solid var(--border);border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(59,59,59,.7),transparent)}
.about-roles h3{font-size:2rem}
.about-roles p{font-size:.9rem;margin-top:var(--md)}
.about-next{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--lg);padding-top:calc(var(--lg)*2)}
@media(max-width:1000px){.about-team-grid,.about-roles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.about-story,.about-team-grid,.about-roles{grid-template-columns:1fr}.about-intro>p:not(.eyebrow){font-size:1rem}.about-story{margin-top:var(--lg);padding-block:var(--lg)}.about-team,.about-join{padding-top:var(--lg)}.about-join{margin-top:var(--lg)}.about-next{padding-top:var(--lg)}}

/* Shared scroll cue sits above page illustrations, below the modal top layer. */
.scroll-cue{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--lg)*2 + env(safe-area-inset-bottom,0px));z-index:100;display:grid;place-items:center;width:calc(var(--lg)*2);height:calc(var(--lg)*2);padding:var(--md);border:1px solid var(--border);border-radius:var(--r-full);background:var(--bg);color:var(--text)}
.scroll-cue .icon{transform:rotate(90deg)}
.scroll-cue:hover{background:var(--panel);border-color:var(--muted)}

/* Retain the header's layout space while revealing navigation on upward scroll. */
.site-header{position:sticky;top:0;z-index:110;background-color:var(--bg);transition:transform 300ms cubic-bezier(.4,0,.2,1)}
.site-header.is-scroll-hidden{transform:translateY(-100%);pointer-events:none}
.site-header:focus-within{transform:translateY(0);pointer-events:auto}

@media(max-width:760px){
  body.has-open-menu{overflow:hidden}
  .site-header.has-open-menu{transform:none}
  .nav>.brand,.nav>.menu-toggle{position:relative;z-index:2}
  .nav-links,.nav-links.is-open{display:flex;position:fixed;inset:0;z-index:1;width:100%;height:100dvh;flex-direction:column;align-items:stretch;justify-content:safe center;gap:var(--md);padding:calc(var(--lg)*5 + var(--lg)) var(--gutter) var(--lg);overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(110deg,var(--gradient-start),var(--gradient-end)),var(--bg);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(var(--md)*-1));transition:opacity 240ms ease,transform 300ms cubic-bezier(.4,0,.2,1),visibility 0s 300ms}
  .nav-links.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
  .nav-links>a,.nav-links>.nav-join{font-family:var(--display);font-size:clamp(1.8rem,6vw,2.5rem);line-height:1.2;padding:var(--md) 0;opacity:0;transform:translateY(var(--sm));transition:opacity 180ms ease,transform 240ms ease}
  .nav-links.is-open>*{opacity:1;transform:translateY(0);transition-delay:60ms}
  .nav-links.is-open>:nth-child(2){transition-delay:90ms}
  .nav-links.is-open>:nth-child(3){transition-delay:120ms}
  .nav-links.is-open>:nth-child(4){transition-delay:150ms}
  .nav-links.is-open>:nth-child(5){transition-delay:180ms}
  .menu-toggle .icon{transition:transform 240ms ease}
  .has-open-menu .menu-toggle .icon{transform:rotate(90deg)}
}

/* Captions follow illustrations on desktop and precede them on mobile. */
.knockknock-demo,.maxter-demo{display:flex;flex-direction:column}
.knockknock-demo>.preview-caption,.maxter-demo>.preview-caption{order:2;margin-top:var(--md);margin-bottom:0}
@media(max-width:760px){.knockknock-demo>.preview-caption,.maxter-demo>.preview-caption{order:-1;margin-top:0;margin-bottom:var(--md)}}

.report-overview{grid-template-columns:minmax(0,1fr)}
.report-demo{margin:0;min-width:0;display:flex;flex-direction:column}
.report-stage{overflow:hidden;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg);aspect-ratio:16/9;touch-action:pan-y}
.report-slide{position:relative;width:100%;height:100%;container-type:inline-size}
.report-slide[hidden],.report-caption [hidden]{display:none}
.report-slide>img{width:100%;height:100%;object-fit:contain;display:block}
.report-slide.is-active{animation:report-enter 600ms cubic-bezier(.4,0,.2,1)}
.report-pointer{position:absolute;color:var(--text);font-size:clamp(.65rem,2cqw,1.5rem);line-height:1;left:65%;top:35%;transform:rotate(-30deg);transform-origin:top left;animation:report-pointer 2s ease both;pointer-events:none}

[data-report-slide="1"] .report-pointer{--pointer-x:96%;--pointer-y:43%}
[data-report-slide="3"] .report-pointer{--pointer-x:88%;--pointer-y:12%}
[data-report-slide="2"] .report-pointer{--pointer-x:82%;--pointer-y:34%}
.report-caption{display:grid;grid-template-columns:calc(var(--lg)*2) minmax(0,1fr) calc(var(--lg)*2);gap:var(--md);align-items:center;text-align:center;margin-top:var(--md)}
.report-caption button{width:calc(var(--lg)*2);height:calc(var(--lg)*2);border:1px solid var(--border);border-radius:var(--r-full);background:transparent;color:var(--text);font-size:1.4rem}
.report-caption p{margin-block:var(--sm)}
@keyframes report-enter{from{opacity:0;transform:translateX(var(--report-direction,100%))}to{opacity:1;transform:translateX(0)}}
@keyframes report-pointer{to{left:var(--pointer-x);top:var(--pointer-y)}}
@media(max-width:760px){.report-caption{order:-1;margin-top:0;margin-bottom:var(--md)}.report-slide:not([data-report-slide="3"])>img{object-fit:contain;object-position:center}.report-caption .fine{display:block}}
@media(prefers-reduced-motion:reduce){.report-slide.is-active,.report-pointer{animation:none}.report-pointer{left:var(--pointer-x);top:var(--pointer-y)}}



[data-report-slide="0"] .report-pointer{display:none}

/* All captions reserve the same space, including at narrow widths. */
.report-notes{display:grid}
.report-notes>p{grid-area:1/1;align-self:start}
.report-caption .report-notes>p[hidden]{display:block!important;visibility:hidden}
.report-caption>div{min-width:0}

.report-media-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.32fr);gap:var(--lg);align-items:start;min-width:0}
.report-mobile-demo{margin:0;display:flex;flex-direction:column;gap:var(--md);align-items:center;min-width:0;text-align:center}
.report-mobile-video{display:block;width:100%;height:auto;max-width:390px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg)}
@media(max-width:600px){.report-media-row{grid-template-columns:minmax(0,1fr)}.report-mobile-video{max-width:none}.report-mobile-demo{margin-top:var(--lg)}.report-mobile-demo figcaption{order:-1}}

/* Keep the shared benefits aligned across pages and responsive rows. */
.home-benefits>.capability-item{block-size:auto}
.home-benefits .capability-copy h3{min-block-size:0;align-items:flex-start}
.home-benefits .capability-copy p{margin-top:0}


/* Shared beta offer styling. */
#beta-dialog{border-color:var(--orange);background:linear-gradient(110deg,var(--gradient-start),var(--gradient-end)),var(--bg);box-shadow:none}
#beta-dialog h2{font-size:2rem;line-height:1.15;letter-spacing:0}
#beta-dialog .fine{font-size:.76rem;color:var(--muted)}
@media(max-width:760px){#beta-dialog h2{font-size:1.8rem}}

.report-overview>div.feature-copy{width:calc((100% - var(--lg)*3)/4*3 + var(--lg)*2);min-width:0}
.report-overview>div.feature-copy h2,.report-overview>div.feature-copy p{max-width:none}
@media(max-width:760px){.report-overview>div.feature-copy{width:100%}}

.product-intro{width:calc((100% - var(--lg)*3)/4*3 + var(--lg)*2);max-width:none}
.product-intro p{max-width:none}
@media(max-width:760px){.product-intro{width:100%}}

.pricing-included{margin-top:var(--product-section-space)}
.pricing-included>h2{font-size:2rem;margin-bottom:var(--lg)}

.demo-page{padding-block:var(--product-section-space)}
.demo-intro{max-width:48em;margin-bottom:var(--lg)}
.demo-intro h1{font-size:clamp(2.7rem,4.2vw,3.7rem);margin-block:var(--md)}
.demo-calendar{display:block;width:100%;height:780px;border:0;border-radius:var(--r-lg);background:#fff}

/* Mobile hero fills the first screen and grows naturally when content needs more room. */
@media(max-width:760px){.home-intro{min-height:calc(100vh - var(--site-header-height, calc(var(--lg)*5)));min-height:calc(100dvh - var(--site-header-height, calc(var(--lg)*5)));min-height:calc(var(--home-viewport-height, 100dvh) - var(--site-header-height, calc(var(--lg)*5)));padding-block:calc(var(--lg)*2)}}

.home-intro h1{font-size:3rem;width:auto;text-align:left}

@media(max-width:760px){.home-intro h2 .accent{display:block;white-space:nowrap}}

.home-intro .home-tagline{margin-top:calc(var(--md) - var(--lg))}

/* Match the app background: teal top-right to warm bottom-left. */
.shared-gradient{background-image:linear-gradient(to bottom left,var(--gradient-end),var(--gradient-start))}



/* Larger branding at the top, with a frosted header surface. */
.site-header{background:transparent;-webkit-backdrop-filter:blur(var(--xs));backdrop-filter:blur(var(--xs))}
.site-header .brand img{transform:scale(1.4);transform-origin:left center;transition:transform 300ms ease}
.site-header.is-away-from-top .brand img{transform:scale(1)}
.home-intro h1{transform:scale(1.25);transform-origin:left bottom;transition:transform 300ms ease}
.site-header.is-away-from-top + .home-main .home-intro h1{transform:scale(1)}

/* Carry the page gradient behind the transparent header at the top. */
body{background-image:linear-gradient(to bottom left,var(--gradient-end),var(--gradient-start))}
.shared-gradient{background:transparent}

/* Give the logo breathing room and bring mobile branding together. */
.nav{padding-block:var(--lg)}
@media(max-width:760px){.home-intro{justify-content:flex-start;padding-top:var(--lg)}}

/* Reserve room for the enlarged logo so visible edge clearance stays at least 24px. */
.nav .brand{padding-block:calc(var(--lg) + var(--md))}
@media(max-width:760px){.nav .brand{padding-block:var(--lg)}.home-intro{padding-top:var(--lg)}}

/* Shrink the blurred header surface together with the branding. */
.site-header .nav,.site-header .brand{transition:padding-block 300ms ease}
.site-header.is-away-from-top .nav{padding-block:var(--md)}
.site-header.is-away-from-top .brand{padding-block:0}
@media(max-width:760px){.site-header.is-away-from-top .nav{padding-block:var(--md)}}

/* Show a divider only while the header is compact, without shifting layout. */
.site-header::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--border);opacity:0;pointer-events:none;transition:opacity 300ms ease}
.site-header.is-away-from-top::after{opacity:1}

/* Header resizing must not make the browser adjust scrollY across its own thresholds. */
html{overflow-anchor:none}

/* Keep the header footprint fixed; only its visible surface contracts. */
:root{--header-expanded-height:calc(160px + var(--lg)*2 + (var(--lg) + var(--md))*2)}
.site-header{height:var(--header-expanded-height);pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.site-header .nav{pointer-events:auto}
.site-header::before{content:"";position:absolute;inset-inline:0;top:0;height:var(--site-header-height);-webkit-backdrop-filter:blur(var(--xs));backdrop-filter:blur(var(--xs));pointer-events:none;z-index:-1}
.site-header::after{top:var(--site-header-height);bottom:auto}
@media(max-width:760px){:root{--header-expanded-height:calc(108px + var(--lg)*4)}.home-intro{min-height:calc(var(--home-viewport-height, 100svh) - var(--header-expanded-height))}}

/* Keep the branding spacing consistent at every viewport size. */
.home-intro{justify-content:flex-start;padding-top:var(--lg)}
.site-footer{background:var(--bg)}

/* Keep the logo and wordmark on one shared centerline at every breakpoint. */
:root{--brand-size:calc(var(--lg)*4 + var(--md));--header-expanded-height:calc(var(--brand-size) + var(--lg)*4)}
.site-header .nav{min-height:calc(var(--lg)*5)}
.site-header .brand{padding-block:var(--lg)}
.site-header .brand img{width:var(--brand-size);height:var(--brand-size);transform-origin:center center}
.home-intro h1{width:auto;text-align:left;transform-origin:left bottom}

/* The PNG has transparent rows above/below the mark (152/185 of 1024). */
.site-header .brand img{margin-block:0;transition:transform 300ms ease,margin-block 300ms ease}
.site-header.is-away-from-top .brand img{margin-top:calc(var(--brand-size)*-0.1484375);margin-bottom:calc(var(--brand-size)*-0.1806640625)}
.site-header.is-away-from-top .nav{min-height:0;padding-block:var(--md)}

@media(min-width:761px){.home-intro{justify-content:center;padding-block:calc(var(--lg)*2)}}

/* Limit excess hero space while allowing long content to grow naturally. */
.home-intro h1{font-size:2.5rem}
@media(max-width:760px){.home-intro{justify-content:center;min-height:calc(var(--home-viewport-height,100svh) - var(--header-expanded-height));padding-block:calc(var(--lg)*2)}}

/* Compensate for transparent PNG columns; keep the visible left edge fixed while scaling. */
.site-header .brand img{position:relative;left:0;transform-origin:center center;transition:transform 300ms ease,margin-block 300ms ease,left 300ms ease}
.site-header.is-away-from-top .brand img{left:calc(var(--brand-size)*-0.212890625)}

/* Transform-only header contents: no animated padding/margins or per-frame layout reads. */
.site-header{--site-header-height:var(--header-expanded-height);--header-compact-height:calc(var(--brand-size)*0.6708984375 + var(--md)*2)}
.site-header.is-away-from-top{--site-header-height:var(--header-compact-height)}
.site-header .nav,.site-header.is-away-from-top .nav{padding-block:var(--lg);min-height:0;transition:none}
.site-header .brand,.site-header.is-away-from-top .brand{padding-block:var(--lg);transition:none}
.site-header .brand img,.site-header.is-away-from-top .brand img{margin-block:0;left:0;transition:transform 300ms ease}
.site-header.is-away-from-top .brand img{transform:translate(calc(var(--brand-size)*-0.212890625),calc(var(--md) - var(--lg)*2 - var(--brand-size)*0.1484375)) scale(1)}
.site-header .menu-toggle{transition:transform 300ms ease}
.site-header.is-away-from-top .menu-toggle{transform:translateY(calc((var(--header-compact-height) - var(--header-expanded-height))/2))}
.site-header::before{transition:height 300ms ease}
.site-header::after{transition:top 300ms ease,opacity 300ms ease}
@media(min-width:761px){.site-header .nav-links{transition:transform 300ms ease}.site-header.is-away-from-top .nav-links{transform:translateY(calc((var(--header-compact-height) - var(--header-expanded-height))/2))}}
/* The compact header's unused footprint must not intercept page interactions. */
.site-header:focus-within,.site-header .nav{pointer-events:none}
.site-header .brand,.site-header .menu-toggle{pointer-events:auto}
@media(min-width:761px){.site-header .nav-links{pointer-events:auto}}

/* FAQ follows the About page typography and spacing. */
.faq-list{max-width:840px;margin-top:calc(var(--lg)*2)}
.faq-item{padding-block:var(--lg);border-bottom:1px solid var(--border)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--lg);cursor:pointer;list-style:none;font-size:1.2rem;font-weight:600}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:focus-visible{outline:2px solid var(--orange);outline-offset:var(--sm)}
.faq-item p{margin-top:var(--lg)}
.faq-chevron{width:.5em;height:.5em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);flex-shrink:0;transition:transform .18s ease}
.faq-item[open] .faq-chevron{transform:rotate(225deg)}
@media(prefers-reduced-motion:reduce){.faq-chevron{transition:none}}

#contact,#join-us{scroll-margin-top:204px}

.footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--lg);margin-left:auto}
.page-next{display:flex;justify-content:flex-end;padding-block:var(--lg)}
.faq-item.is-animating{overflow:hidden}
.faq-item.is-closing .faq-chevron{transform:rotate(45deg)}
@media(max-width:760px){.footer-actions{width:100%;flex-wrap:wrap}}

/* A helpful dead end, using the homepage palette and Maxter's existing icon. */
.not-found{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:var(--section);min-height:calc(100svh - 300px);padding-block:var(--section)}
.not-found-copy{display:grid;gap:var(--lg)}
.not-found-copy h1{font-size:clamp(3rem,5.5vw,5rem);line-height:1.08;max-width:10em}
.not-found-copy>p:not(.eyebrow){max-width:32em;color:var(--muted)}
.not-found-copy .actions{margin:0}
.not-found-links{display:flex;flex-wrap:wrap;gap:var(--lg);font-size:.9rem}

.not-found-art{position:relative;display:grid;place-items:center;isolation:isolate;padding-block:var(--lg)}
.not-found-number{position:absolute;z-index:-1;font-family:var(--display);font-size:clamp(12rem,27vw,24rem);line-height:1;color:var(--text);opacity:.06}
.not-found-hands{width:clamp(160px,24vw,320px);position:relative;animation:helping-hand-wave 2.4s ease-in-out 2}
.not-found-hands img{width:100%;height:auto;display:block}
.not-found-art p{color:var(--orange);font-family:var(--display);font-size:2rem;margin-top:var(--lg)}
@keyframes helping-hand-wave{0%,100%{transform:rotate(0)}35%{transform:rotate(-9deg)}65%{transform:rotate(9deg)}}
@media(max-width:760px){.not-found{grid-template-columns:1fr;gap:var(--lg);min-height:0}.not-found-art{grid-row:1}.not-found-number{font-size:12rem}.not-found-hands{width:160px}.not-found-art p{font-size:1.5rem}.not-found-copy h1{font-size:3rem}}
@media(prefers-reduced-motion:reduce){.not-found-hands{animation:none}}

.home-scribe>span{display:inline-block;white-space:nowrap}

/* Flutter Curves.elasticOut (period .4), sampled at 12ms intervals.
   Circle and arrow follow the same path, 80ms apart; compensate for nesting. */
@media(prefers-reduced-motion:no-preference){
.scroll-cue.is-idle{animation:scroll-cue-body 1.2s linear 1}
.scroll-cue.is-idle .icon{animation:scroll-cue-inertia 1.2s linear 1}
.scroll-cue:hover,.scroll-cue:focus-visible,.scroll-cue:hover .icon,.scroll-cue:focus-visible .icon{animation:none}
}
@keyframes scroll-cue-body{0%{translate:0 calc(var(--md)*0.000000)}1%{translate:0 calc(var(--md)*0.010926)}2%{translate:0 calc(var(--md)*0.043227)}3%{translate:0 calc(var(--md)*0.095492)}4%{translate:0 calc(var(--md)*0.165435)}5%{translate:0 calc(var(--md)*0.250000)}6%{translate:0 calc(var(--md)*0.345492)}7%{translate:0 calc(var(--md)*0.447736)}8%{translate:0 calc(var(--md)*0.552264)}9%{translate:0 calc(var(--md)*0.654508)}10%{translate:0 calc(var(--md)*0.750000)}11%{translate:0 calc(var(--md)*0.834565)}12%{translate:0 calc(var(--md)*0.904508)}13%{translate:0 calc(var(--md)*0.956773)}14%{translate:0 calc(var(--md)*0.989074)}15%{translate:0 calc(var(--md)*1.000000)}16%{translate:0 calc(var(--md)*0.891799)}17%{translate:0 calc(var(--md)*0.759374)}18%{translate:0 calc(var(--md)*0.613120)}19%{translate:0 calc(var(--md)*0.462340)}20%{translate:0 calc(var(--md)*0.314980)}21%{translate:0 calc(var(--md)*0.177484)}22%{translate:0 calc(var(--md)*0.054736)}23%{translate:0 calc(var(--md)*-0.049904)}24%{translate:0 calc(var(--md)*-0.134507)}25%{translate:0 calc(var(--md)*-0.198425)}26%{translate:0 calc(var(--md)*-0.242103)}27%{translate:0 calc(var(--md)*-0.266876)}28%{translate:0 calc(var(--md)*-0.274755)}29%{translate:0 calc(var(--md)*-0.268214)}30%{translate:0 calc(var(--md)*-0.250000)}31%{translate:0 calc(var(--md)*-0.222950)}32%{translate:0 calc(var(--md)*-0.189843)}33%{translate:0 calc(var(--md)*-0.153280)}34%{translate:0 calc(var(--md)*-0.115585)}35%{translate:0 calc(var(--md)*-0.078745)}36%{translate:0 calc(var(--md)*-0.044371)}37%{translate:0 calc(var(--md)*-0.013684)}38%{translate:0 calc(var(--md)*0.012476)}39%{translate:0 calc(var(--md)*0.033627)}40%{translate:0 calc(var(--md)*0.049606)}41%{translate:0 calc(var(--md)*0.060526)}42%{translate:0 calc(var(--md)*0.066719)}43%{translate:0 calc(var(--md)*0.068689)}44%{translate:0 calc(var(--md)*0.067054)}45%{translate:0 calc(var(--md)*0.062500)}46%{translate:0 calc(var(--md)*0.055737)}47%{translate:0 calc(var(--md)*0.047461)}48%{translate:0 calc(var(--md)*0.038320)}49%{translate:0 calc(var(--md)*0.028896)}50%{translate:0 calc(var(--md)*0.019686)}51%{translate:0 calc(var(--md)*0.011093)}52%{translate:0 calc(var(--md)*0.003421)}53%{translate:0 calc(var(--md)*-0.003119)}54%{translate:0 calc(var(--md)*-0.008407)}55%{translate:0 calc(var(--md)*-0.012402)}56%{translate:0 calc(var(--md)*-0.015131)}57%{translate:0 calc(var(--md)*-0.016680)}58%{translate:0 calc(var(--md)*-0.017172)}59%{translate:0 calc(var(--md)*-0.016763)}60%{translate:0 calc(var(--md)*-0.015625)}61%{translate:0 calc(var(--md)*-0.013934)}62%{translate:0 calc(var(--md)*-0.011865)}63%{translate:0 calc(var(--md)*-0.009580)}64%{translate:0 calc(var(--md)*-0.007224)}65%{translate:0 calc(var(--md)*-0.004922)}66%{translate:0 calc(var(--md)*-0.002773)}67%{translate:0 calc(var(--md)*-0.000855)}68%{translate:0 calc(var(--md)*0.000780)}69%{translate:0 calc(var(--md)*0.002102)}70%{translate:0 calc(var(--md)*0.003100)}71%{translate:0 calc(var(--md)*0.003783)}72%{translate:0 calc(var(--md)*0.004170)}73%{translate:0 calc(var(--md)*0.004293)}74%{translate:0 calc(var(--md)*0.004191)}75%{translate:0 calc(var(--md)*0.003906)}76%{translate:0 calc(var(--md)*0.003484)}77%{translate:0 calc(var(--md)*0.002966)}78%{translate:0 calc(var(--md)*0.002395)}79%{translate:0 calc(var(--md)*0.001806)}80%{translate:0 calc(var(--md)*0.001230)}81%{translate:0 calc(var(--md)*0.000693)}82%{translate:0 calc(var(--md)*0.000214)}83%{translate:0 calc(var(--md)*-0.000195)}84%{translate:0 calc(var(--md)*-0.000525)}85%{translate:0 calc(var(--md)*-0.000775)}86%{translate:0 calc(var(--md)*-0.000946)}87%{translate:0 calc(var(--md)*-0.001042)}88%{translate:0 calc(var(--md)*-0.001073)}89%{translate:0 calc(var(--md)*-0.001048)}90%{translate:0 calc(var(--md)*0.000000)}91%{translate:0 calc(var(--md)*0.000000)}92%{translate:0 calc(var(--md)*0.000000)}93%{translate:0 calc(var(--md)*0.000000)}94%{translate:0 calc(var(--md)*0.000000)}95%{translate:0 calc(var(--md)*0.000000)}96%{translate:0 calc(var(--md)*0.000000)}97%{translate:0 calc(var(--md)*0.000000)}98%{translate:0 calc(var(--md)*0.000000)}99%{translate:0 calc(var(--md)*0.000000)}100%{translate:0 calc(var(--md)*0.000000)}}
@keyframes scroll-cue-inertia{0%{transform:translateY(calc(var(--md)*0.000000)) rotate(90deg)}1%{transform:translateY(calc(var(--md)*-0.010926)) rotate(90deg)}2%{transform:translateY(calc(var(--md)*-0.043227)) rotate(90deg)}3%{transform:translateY(calc(var(--md)*-0.095492)) rotate(90deg)}4%{transform:translateY(calc(var(--md)*-0.165435)) rotate(90deg)}5%{transform:translateY(calc(var(--md)*-0.250000)) rotate(90deg)}6%{transform:translateY(calc(var(--md)*-0.345492)) rotate(90deg)}7%{transform:translateY(calc(var(--md)*-0.446518)) rotate(90deg)}8%{transform:translateY(calc(var(--md)*-0.532895)) rotate(90deg)}9%{transform:translateY(calc(var(--md)*-0.595982)) rotate(90deg)}10%{transform:translateY(calc(var(--md)*-0.633022)) rotate(90deg)}11%{transform:translateY(calc(var(--md)*-0.642396)) rotate(90deg)}12%{transform:translateY(calc(var(--md)*-0.623694)) rotate(90deg)}13%{transform:translateY(calc(var(--md)*-0.577734)) rotate(90deg)}14%{transform:translateY(calc(var(--md)*-0.506524)) rotate(90deg)}15%{transform:translateY(calc(var(--md)*-0.413176)) rotate(90deg)}16%{transform:translateY(calc(var(--md)*-0.204496)) rotate(90deg)}17%{transform:translateY(calc(var(--md)*0.020223)) rotate(90deg)}18%{transform:translateY(calc(var(--md)*0.246550)) rotate(90deg)}19%{transform:translateY(calc(var(--md)*0.461684)) rotate(90deg)}20%{transform:translateY(calc(var(--md)*0.654866)) rotate(90deg)}21%{transform:translateY(calc(var(--md)*0.817650)) rotate(90deg)}22%{transform:translateY(calc(var(--md)*0.912565)) rotate(90deg)}23%{transform:translateY(calc(var(--md)*0.899721)) rotate(90deg)}24%{transform:translateY(calc(var(--md)*0.846182)) rotate(90deg)}25%{transform:translateY(calc(var(--md)*0.761366)) rotate(90deg)}26%{transform:translateY(calc(var(--md)*0.654593)) rotate(90deg)}27%{transform:translateY(calc(var(--md)*0.534655)) rotate(90deg)}28%{transform:translateY(calc(var(--md)*0.409487)) rotate(90deg)}29%{transform:translateY(calc(var(--md)*0.285935)) rotate(90deg)}30%{transform:translateY(calc(var(--md)*0.169612)) rotate(90deg)}31%{transform:translateY(calc(var(--md)*0.064839)) rotate(90deg)}32%{transform:translateY(calc(var(--md)*-0.025340)) rotate(90deg)}33%{transform:translateY(calc(var(--md)*-0.099094)) rotate(90deg)}34%{transform:translateY(calc(var(--md)*-0.155680)) rotate(90deg)}35%{transform:translateY(calc(var(--md)*-0.195300)) rotate(90deg)}36%{transform:translateY(calc(var(--md)*-0.218929)) rotate(90deg)}37%{transform:translateY(calc(var(--md)*-0.228141)) rotate(90deg)}38%{transform:translateY(calc(var(--md)*-0.224930)) rotate(90deg)}39%{transform:translateY(calc(var(--md)*-0.211545)) rotate(90deg)}40%{transform:translateY(calc(var(--md)*-0.190342)) rotate(90deg)}41%{transform:translateY(calc(var(--md)*-0.163648)) rotate(90deg)}42%{transform:translateY(calc(var(--md)*-0.133664)) rotate(90deg)}43%{transform:translateY(calc(var(--md)*-0.102372)) rotate(90deg)}44%{transform:translateY(calc(var(--md)*-0.071484)) rotate(90deg)}45%{transform:translateY(calc(var(--md)*-0.042403)) rotate(90deg)}46%{transform:translateY(calc(var(--md)*-0.016210)) rotate(90deg)}47%{transform:translateY(calc(var(--md)*0.006335)) rotate(90deg)}48%{transform:translateY(calc(var(--md)*0.024773)) rotate(90deg)}49%{transform:translateY(calc(var(--md)*0.038920)) rotate(90deg)}50%{transform:translateY(calc(var(--md)*0.048825)) rotate(90deg)}51%{transform:translateY(calc(var(--md)*0.054732)) rotate(90deg)}52%{transform:translateY(calc(var(--md)*0.057035)) rotate(90deg)}53%{transform:translateY(calc(var(--md)*0.056233)) rotate(90deg)}54%{transform:translateY(calc(var(--md)*0.052886)) rotate(90deg)}55%{transform:translateY(calc(var(--md)*0.047585)) rotate(90deg)}56%{transform:translateY(calc(var(--md)*0.040912)) rotate(90deg)}57%{transform:translateY(calc(var(--md)*0.033416)) rotate(90deg)}58%{transform:translateY(calc(var(--md)*0.025593)) rotate(90deg)}59%{transform:translateY(calc(var(--md)*0.017871)) rotate(90deg)}60%{transform:translateY(calc(var(--md)*0.010601)) rotate(90deg)}61%{transform:translateY(calc(var(--md)*0.004052)) rotate(90deg)}62%{transform:translateY(calc(var(--md)*-0.001584)) rotate(90deg)}63%{transform:translateY(calc(var(--md)*-0.006193)) rotate(90deg)}64%{transform:translateY(calc(var(--md)*-0.009730)) rotate(90deg)}65%{transform:translateY(calc(var(--md)*-0.012206)) rotate(90deg)}66%{transform:translateY(calc(var(--md)*-0.013683)) rotate(90deg)}67%{transform:translateY(calc(var(--md)*-0.014259)) rotate(90deg)}68%{transform:translateY(calc(var(--md)*-0.014058)) rotate(90deg)}69%{transform:translateY(calc(var(--md)*-0.013222)) rotate(90deg)}70%{transform:translateY(calc(var(--md)*-0.011896)) rotate(90deg)}71%{transform:translateY(calc(var(--md)*-0.010228)) rotate(90deg)}72%{transform:translateY(calc(var(--md)*-0.008354)) rotate(90deg)}73%{transform:translateY(calc(var(--md)*-0.006398)) rotate(90deg)}74%{transform:translateY(calc(var(--md)*-0.004468)) rotate(90deg)}75%{transform:translateY(calc(var(--md)*-0.002650)) rotate(90deg)}76%{transform:translateY(calc(var(--md)*-0.001013)) rotate(90deg)}77%{transform:translateY(calc(var(--md)*0.000396)) rotate(90deg)}78%{transform:translateY(calc(var(--md)*0.001548)) rotate(90deg)}79%{transform:translateY(calc(var(--md)*0.002432)) rotate(90deg)}80%{transform:translateY(calc(var(--md)*0.003052)) rotate(90deg)}81%{transform:translateY(calc(var(--md)*0.003421)) rotate(90deg)}82%{transform:translateY(calc(var(--md)*0.003565)) rotate(90deg)}83%{transform:translateY(calc(var(--md)*0.003515)) rotate(90deg)}84%{transform:translateY(calc(var(--md)*0.003305)) rotate(90deg)}85%{transform:translateY(calc(var(--md)*0.002974)) rotate(90deg)}86%{transform:translateY(calc(var(--md)*0.002557)) rotate(90deg)}87%{transform:translateY(calc(var(--md)*0.002088)) rotate(90deg)}88%{transform:translateY(calc(var(--md)*0.001600)) rotate(90deg)}89%{transform:translateY(calc(var(--md)*0.001117)) rotate(90deg)}90%{transform:translateY(calc(var(--md)*-0.000314)) rotate(90deg)}91%{transform:translateY(calc(var(--md)*-0.000618)) rotate(90deg)}92%{transform:translateY(calc(var(--md)*-0.000841)) rotate(90deg)}93%{transform:translateY(calc(var(--md)*-0.000986)) rotate(90deg)}94%{transform:translateY(calc(var(--md)*-0.001060)) rotate(90deg)}95%{transform:translateY(calc(var(--md)*-0.001070)) rotate(90deg)}96%{transform:translateY(calc(var(--md)*-0.001029)) rotate(90deg)}97%{transform:translateY(calc(var(--md)*0.000000)) rotate(90deg)}98%{transform:translateY(calc(var(--md)*0.000000)) rotate(90deg)}99%{transform:translateY(calc(var(--md)*0.000000)) rotate(90deg)}100%{transform:translateY(calc(var(--md)*0.000000)) rotate(90deg)}}
@media(max-width:760px){.scroll-cue{left:auto;right:var(--lg);bottom:calc(var(--lg) + env(safe-area-inset-bottom,0px));transform:none}}

/* Wrap the value statement between complete phrases. */
.home-benefit-heading>span{display:inline-block;white-space:nowrap}

/* Shared website lockup and page labels; preserve the About label precedent. */
.site-header.inner-page-header .brand{min-width:0;flex:none;max-width:48%}
.site-header.inner-page-header .brand img{flex:none}
.brand-copy{display:flex;flex-direction:column;gap:var(--xs);max-width:15rem;transition:transform 300ms ease}
.brand-name{font-family:var(--display);font-size:2rem;line-height:1.1}
.brand-descriptor{font-family:var(--font);font-size:.76rem;font-weight:400;line-height:1.4;letter-spacing:0;color:var(--muted)}
.site-header.inner-page-header.is-away-from-top .brand-copy{transform:translate(calc(var(--brand-size)*-0.375),calc((var(--header-compact-height) - var(--header-expanded-height))/2))}
.inner-page-header .nav-links{min-width:0;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.site-header.inner-page-header .brand{max-width:calc(100% - var(--lg)*2 - var(--md));gap:var(--sm)}.brand-name{font-size:1.6rem}.brand-descriptor{font-size:.7rem}.inner-page-header .nav-links{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.brand-copy{transition:none}}

/* Every interior page starts at the same inset and uses one title hierarchy. */
.page-intro{display:grid;align-content:start;justify-items:start;gap:var(--lg);padding-top:0}
.product-intro.page-intro{padding-top:var(--lg)}
.demo-page{padding-top:var(--lg)}
.page-intro>.eyebrow{font-family:var(--font);font-size:.76rem;font-weight:700;line-height:1.6;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);max-width:none}
.page-intro>h1{font-family:var(--display);font-size:clamp(2.7rem,4.2vw,3.7rem);font-weight:400;line-height:1.04;letter-spacing:-.018em;margin:0}
.page-intro>p:not(.eyebrow){font-size:1.12rem;line-height:1.6;max-width:42em}
@media(max-width:760px){.page-intro>p:not(.eyebrow){font-size:1rem}}

/* The full brand lockup needs the compact menu before the desktop links wrap. */
@media(min-width:761px) and (max-width:1100px){
  body.has-open-menu{overflow:hidden}
  .inner-page-header.has-open-menu{transform:none}
  .inner-page-header .menu-toggle{display:grid}
  .inner-page-header .nav>.brand,.inner-page-header .nav>.menu-toggle{position:relative;z-index:2}
  .inner-page-header .nav-links,.inner-page-header .nav-links.is-open{display:flex;position:fixed;inset:0;z-index:1;width:100%;height:100dvh;flex-direction:column;align-items:stretch;justify-content:safe center;gap:var(--md);padding:calc(var(--lg)*6) var(--gutter) var(--lg);overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(110deg,var(--gradient-start),var(--gradient-end)),var(--bg);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(var(--md)*-1));transition:opacity 240ms ease,transform 300ms cubic-bezier(.4,0,.2,1),visibility 0s 300ms}
  .inner-page-header .nav-links.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
  .inner-page-header .nav-links>a,.inner-page-header .nav-links>.nav-join{font-family:var(--display);font-size:clamp(1.8rem,6vw,2.5rem);line-height:1.2;padding:var(--md) 0;opacity:0;transform:translateY(var(--sm));transition:opacity 180ms ease,transform 240ms ease}
  .inner-page-header .nav-links.is-open>*{opacity:1;transform:translateY(0);transition-delay:60ms}
  .inner-page-header .nav-links.is-open>:nth-child(2){transition-delay:90ms}
  .inner-page-header .nav-links.is-open>:nth-child(3){transition-delay:120ms}
  .inner-page-header .nav-links.is-open>:nth-child(4){transition-delay:150ms}
  .inner-page-header .nav-links.is-open>:nth-child(5){transition-delay:180ms}
  .inner-page-header .menu-toggle .icon{transition:transform 240ms ease}
  .inner-page-header.has-open-menu .menu-toggle .icon{transform:rotate(90deg)}
}