/* Original marketing design using native CSS. Palette follows the existing Fast Order app.
   DESIGN_VARIANCE: 6; MOTION_INTENSITY: 3; VISUAL_DENSITY: 4.
   Light theme only. Shape rule: 8px controls, 16px panels, 24px product frames. */
:root{--green:#24795b;--green-dark:#19553f;--ink:#182c24;--muted:#53645b;--line:#dbe5de;--mint:#edf5ef;--paper:#fafcf9;--white:#fff;--radius:16px;--font:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;font-weight:650}h2{font-size:clamp(32px,3.7vw,50px)}h3{font-size:21px;letter-spacing:-.025em}p{color:var(--muted)}::selection{background:#d2eadb;color:var(--green-dark)}:focus-visible{outline:3px solid var(--green);outline-offset:5px;border-radius:3px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section{padding-block:100px}.section-heading{margin-bottom:46px;max-width:690px}.section-heading p{margin-top:20px;max-width:550px;font-size:18px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:750;color:var(--green);margin-bottom:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 23px;border:1px solid var(--green);border-radius:8px;background:var(--green);color:white;text-decoration:none;font-size:14px;font-weight:650;white-space:nowrap;transition:background .18s,transform .18s}.button:hover{background:var(--green-dark);border-color:var(--green-dark)}.button:active{transform:translateY(1px)}.button-small{padding:11px 16px;font-size:13px;gap:16px}.button-wide{width:100%;justify-content:space-between}.text-link{display:inline-flex;gap:16px;align-items:center;color:var(--green-dark);font-size:14px;font-weight:650;text-decoration:none}.text-link:hover{text-decoration:underline}.button-row{display:flex;align-items:center;gap:28px}.skip-link{position:fixed;top:8px;left:8px;padding:12px 20px;background:white;transform:translateY(-160%);z-index:99}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:20;background:rgba(250,252,249,.97);border-bottom:1px solid var(--line)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0;font-size:21px;font-weight:750;line-height:1.13;letter-spacing:-.045em}.brand img{width:42px;height:42px;border-radius:10px}.brand-sub{display:block;font-size:10px;letter-spacing:.03em;font-weight:500;margin-top:4px;color:var(--muted)}nav{display:flex;align-items:center;gap:26px}nav>a{font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}nav>a:not(.button):hover{color:var(--green);text-decoration:underline}.nav-login{padding-left:22px;border-left:1px solid var(--line)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:32px;align-items:center;padding-block:78px 70px;min-height:560px}.hero h1{font-size:clamp(44px,4.7vw,64px);line-height:1.07;letter-spacing:-.06em}.hero h1 span{color:var(--green)}.hero-description{max-width:430px;font-size:18px;line-height:1.7;margin-top:25px;margin-bottom:31px}.hero-product{position:relative;padding-block:10px}.product-frame{border-radius:24px;overflow:hidden;background:var(--mint);border:1px solid #cbded0;box-shadow:0 24px 65px -30px #70998055;transform:perspective(1400px) rotateY(-5deg) rotateZ(1deg)}.frame-bar{display:flex;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #cbded0;background:#e1eee4}.frame-label{font-size:9px;letter-spacing:.09em;color:#3e624d;font-weight:650}.hero-product figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:24px;font-size:11px;color:var(--muted);padding-inline:5px}.hero-product figcaption a{color:var(--green-dark);text-decoration:none;font-weight:650}.essentials{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:28px}.essentials p{padding-left:30px;border-left:1px solid var(--line)}.essentials p:first-child{padding-left:0;border:0}.essentials strong{display:block;font-size:21px;letter-spacing:-.035em;font-weight:650;color:var(--ink)}.essentials span{font-size:12px}.product-section{padding-top:94px}.product-explorer{display:grid;grid-template-columns:.72fr 1.28fr;gap:32px;align-items:start}.workflow-tabs{display:flex;flex-direction:column;gap:10px;padding-top:16px}.workflow-tabs[hidden]{display:none}.workflow-tabs button{border:1px solid transparent;background:none;text-align:left;padding:22px 18px;display:flex;align-items:flex-start;gap:16px;border-radius:12px;color:var(--ink);width:100%;transition:background .18s,border-color .18s}.workflow-tabs button:hover{background:var(--mint)}.workflow-tabs button[aria-selected=true]{background:#e4f0e7;border-color:#cfdfd3}.step-index{font-size:12px;padding-top:3px;font-weight:600;color:var(--green)}.workflow-tabs strong{display:block;font-size:18px;font-weight:650;line-height:1.35;letter-spacing:-.025em}.workflow-tabs small{display:block;color:var(--muted);font-size:12px;margin-top:7px;line-height:1.5}.tab-arrow{margin-left:auto;color:var(--green)}.screen-panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:12px;min-width:0}.screen-panel img{border-radius:8px;width:100%;background:var(--mint)}.screen-panel figcaption{padding:20px 14px 10px;font-size:14px;color:var(--ink);min-height:76px}.screen-note{padding:0 14px 12px;font-size:11px;line-height:1.6}.screen-note a{color:var(--green-dark);white-space:nowrap}.feature-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:58px}.feature-notes article{border-top:1px solid var(--line);padding-top:22px}.feature-symbol{display:inline-flex;width:27px;height:27px;align-items:center;justify-content:center;color:var(--green);background:#e5f0e8;font-size:11px;font-weight:700;border-radius:6px;margin-bottom:18px}.feature-notes h3{font-size:20px;margin-bottom:12px;line-height:1.25}.feature-notes p{font-size:14px;line-height:1.75}.clarity-note{font-size:12px;margin-top:30px;border-left:2px solid #b8d5c2;padding-left:13px}.fit-section{background:var(--mint);border-block:1px solid var(--line);padding-block:70px}.fit-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.fit-copy>.large-copy{font-size:23px;line-height:1.55;color:var(--ink);letter-spacing:-.025em}.fit-copy>p+p{margin-top:20px;font-size:15px;max-width:480px}.fit-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.fit-tags span{padding:5px 11px;border:1px solid #cdded2;border-radius:6px;font-size:12px;color:#365d46}.start-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.start-steps li{position:relative;border-top:1px solid var(--line);padding-top:26px}.step-number{font-size:14px;color:var(--green);display:block;margin-bottom:25px}.start-steps h3{margin-bottom:14px;font-size:23px}.start-steps p{font-size:14px;max-width:310px}.start-steps a,.step-detail{margin-top:22px}.step-detail{display:block;font-size:12px;color:var(--muted)}.pricing-section{background:#edf4ed;border-block:1px solid var(--line)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.pricing-intro>p:not(.eyebrow){max-width:370px;margin-top:24px;font-size:17px}.pricing-intro .pricing-parent{font-size:18px;font-weight:700;color:var(--green-dark);margin-top:50px}.pricing-parent span{font-size:12px;font-weight:400;display:block;margin-top:4px}.price-card{background:white;padding:36px 38px;border:1px solid #ccdece;border-radius:var(--radius);box-shadow:0 14px 40px -28px #537b5e66}.price-top{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:13px;font-weight:650}.price-badge{font-size:10px;color:var(--green-dark);background:var(--mint);border-radius:5px;padding:4px 8px;white-space:nowrap}.price{font-size:90px;line-height:1.1;letter-spacing:-.07em;font-weight:650;color:var(--ink);margin-top:28px}.currency{font-size:28px;letter-spacing:-.04em;vertical-align:top;display:inline-block;margin:15px 10px 0 0}.price-description{font-size:13px;margin-top:9px}.included{list-style:none;padding:25px 0 27px;margin:25px 0 0;border-top:1px solid var(--line);display:grid;gap:12px}.included li{font-size:14px;padding-left:24px;position:relative;color:#354d3d}.included li::before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:700}.price-footnote{font-size:11px;line-height:1.7;margin-top:17px}.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq-intro p{margin-top:22px;max-width:270px;font-size:15px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:23px 38px 23px 0;cursor:pointer;list-style:none;position:relative;font-size:15px;font-weight:600;line-height:1.5}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:4px;top:19px;color:var(--green);font-size:24px;font-weight:400}details[open]>summary::after{content:'−'}details[open]>summary{color:var(--green)}.answer{padding:0 30px 23px 0}.answer p{font-size:14px;line-height:1.8}.answer p+p{margin-top:13px}.answer a{color:var(--green-dark)}.roadmap{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding:40px 45px;background:#f0f4ef;border:1px solid var(--line);border-radius:var(--radius);align-items:center;margin-bottom:25px}.roadmap-label{font-size:12px;color:var(--muted)}.roadmap h2{font-size:27px;line-height:1.2;margin-top:11px}.roadmap p{font-size:13px;margin-top:12px;max-width:360px}.roadmap-list{list-style:none;padding:0;margin:0;display:grid;gap:17px}.roadmap-list li{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px}.roadmap-list li>span+span{font-size:10px;border:1px solid #ccd8ce;padding:3px 10px;border-radius:5px;color:var(--muted)}.contact-section .section-heading{max-width:none}.contact-section .section-heading p{max-width:650px}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-card{display:flex;flex-direction:column;border:1px solid var(--line);padding:30px 32px;border-radius:var(--radius);text-decoration:none;background:white;transition:border-color .18s,transform .18s}.contact-card:hover{border-color:var(--green);transform:translateY(-3px)}.primary-contact{background:#eaf3ed;border-color:#c2d9c9}.contact-role{font-size:12px;color:var(--muted)}.contact-card strong{font-size:34px;letter-spacing:-.04em;font-weight:600;margin-block:12px 20px;line-height:1.3}.contact-action{color:var(--green-dark);font-size:13px;font-weight:650;display:flex;justify-content:space-between}.contact-note{font-size:12px;margin-top:20px}.site-footer{border-top:1px solid var(--line);padding-block:36px 20px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-links{display:flex;gap:25px;font-size:12px}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:30px;gap:20px}.footer-bottom p{font-size:11px}
@media(min-width:1440px){.hero{padding-block:90px;min-height:620px}.hero h1{font-size:66px}.hero-product{margin-right:-12px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}nav{gap:18px}.header-inner{gap:18px}nav>a{font-size:12px}.nav-login{padding-left:15px}.brand{font-size:19px}.hero{gap:24px;padding-block:64px;min-height:520px}.hero h1{font-size:49px}.hero-description{font-size:16px}.pricing-grid{gap:55px}.faq-section{gap:55px}.fit-inner{gap:50px}.price-card{padding:30px}.start-steps{gap:30px}.frame-label{font-size:8px}.button-row{gap:20px}}
@media(max-width:960px){.header-inner{height:72px}.brand img{width:37px;height:37px}nav{gap:16px}.nav-login{display:none}nav .button{font-size:11px;padding:10px 12px;gap:12px}.hero h1{font-size:43px}.hero .button-row{flex-wrap:wrap;gap:18px}.essentials p{padding-left:20px}.essentials strong{font-size:19px}.essentials span{font-size:11px}.section{padding-block:78px}.product-explorer{grid-template-columns:.8fr 1.2fr;gap:20px}.workflow-tabs button{padding:17px 13px;gap:10px}.workflow-tabs strong{font-size:16px}.workflow-tabs small{font-size:11px}.workflow-tabs{padding-top:0}.feature-notes{gap:25px}.feature-notes h3{font-size:18px}.fit-copy>.large-copy{font-size:20px}.pricing-grid{gap:40px}.price-card{padding:25px}.price-top{font-size:12px;flex-wrap:wrap}.price{font-size:80px}.contact-card strong{font-size:29px}}
@media(max-width:767px){html{scroll-padding-top:92px}.wrap{width:calc(100% - 40px)}.section{padding-block:64px}.header-inner{height:70px;flex-wrap:wrap;position:relative}.brand{font-size:20px}.brand img{width:38px;height:38px}.brand-sub{font-size:9px}.menu-toggle{display:none;align-items:center;gap:13px;background:none;border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:12px;color:var(--ink)}.has-js .menu-toggle{display:inline-flex}nav{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;background:var(--paper);padding:20px;border:1px solid var(--line);border-radius:12px;position:absolute;left:0;top:76px;box-shadow:0 15px 25px -20px #1f4a3566}.has-js nav{display:none}.has-js nav.is-open{display:flex}nav>a{font-size:14px;padding:8px 12px}nav .button{font-size:13px;padding:11px 15px}.nav-login{display:inline-flex;padding-left:12px;border:0}.hero{grid-template-columns:1fr;gap:36px;padding-block:44px 35px;min-height:auto}.hero h1{font-size:clamp(42px,9.5vw,65px)}.hero-description{font-size:16px;max-width:430px;margin-top:20px;margin-bottom:25px}.eyebrow{font-size:10px;margin-bottom:18px}.hero-product{padding:0;margin-right:0}.product-frame{transform:none;border-radius:16px}.frame-bar{padding:12px 14px}.frame-label{font-size:8px}.hero-product figcaption{font-size:10px;margin-top:15px;padding:0}.hero .button-row{flex-wrap:nowrap;gap:24px}.hero .button{font-size:13px;padding:13px 19px;gap:20px}.hero .text-link{font-size:13px;gap:10px}.essentials{grid-template-columns:1fr 1fr;gap:24px 18px;padding-block:25px}.essentials p{padding-left:0;border:0}.essentials p:nth-child(even){padding-left:20px;border-left:1px solid var(--line)}.essentials strong{font-size:20px}.essentials span{font-size:11px}.section-heading{margin-bottom:32px}.section-heading p{font-size:16px;margin-top:16px}h2{font-size:36px}.product-explorer{grid-template-columns:1fr;gap:22px}.workflow-tabs{flex-direction:row;gap:6px}.workflow-tabs button{padding:13px 10px;display:block;flex:1;text-align:left;min-width:0;border:1px solid var(--line);border-radius:8px}.step-index{display:block;font-size:10px;margin-bottom:7px;padding:0}.workflow-tabs strong{font-size:12px;line-height:1.4;letter-spacing:-.01em}.workflow-tabs small,.tab-arrow{display:none}.screen-panel{padding:8px}.screen-panel figcaption{padding:15px 10px 8px;min-height:90px;font-size:13px}.screen-note{padding:0 10px 9px;font-size:10px}.feature-notes{grid-template-columns:1fr;gap:24px;margin-top:32px}.feature-notes article{display:grid;grid-template-columns:27px 1fr;gap:0 16px;padding-top:22px}.feature-symbol{margin-bottom:0;grid-row:1/3}.feature-notes h3{font-size:19px;line-height:1.3;margin-bottom:8px}.feature-notes p{font-size:13px}.clarity-note{font-size:11px;line-height:1.8;margin-top:28px}.fit-section{padding-block:48px}.fit-inner{grid-template-columns:1fr;gap:25px}.fit-copy>.large-copy{font-size:20px}.fit-copy>p+p{font-size:14px}.fit-tags{gap:8px;margin-top:22px}.fit-tags span{font-size:11px}.start-steps{grid-template-columns:1fr;gap:30px}.start-steps li{padding-top:22px;display:grid;grid-template-columns:35px 1fr;column-gap:15px}.step-number{grid-row:1/4;margin-top:3px}.start-steps h3{font-size:23px;margin-bottom:10px}.start-steps p{max-width:none;font-size:14px}.start-steps a,.step-detail{margin-top:15px}.pricing-grid{grid-template-columns:1fr;gap:30px}.pricing-intro h2{font-size:35px}.pricing-intro>p:not(.eyebrow){font-size:16px;margin-top:20px}.pricing-intro .pricing-parent{display:none}.price-card{padding:28px 24px}.price-top{font-size:12px;flex-wrap:nowrap}.price-badge{font-size:9px;padding:4px 6px}.price{font-size:86px}.currency{font-size:26px}.included li{font-size:13px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-intro p{max-width:350px;font-size:14px;margin-top:18px}.faq-intro h2 br{display:none}summary{font-size:14px;padding-block:21px}.answer{padding-right:12px}.answer p{font-size:13px}.roadmap{grid-template-columns:1fr;gap:28px;padding:28px 24px;margin-bottom:0}.roadmap h2{font-size:27px}.roadmap p{font-size:13px}.roadmap-list li{font-size:14px}.roadmap-list{gap:16px}.contact-options{grid-template-columns:1fr;gap:14px}.contact-card{padding:26px}.contact-card strong{font-size:32px;margin-block:10px 20px}.contact-role{font-size:11px}.contact-note{font-size:11px}.footer-top{align-items:flex-start;gap:25px;flex-direction:column}.footer-links{flex-wrap:wrap;gap:20px;font-size:11px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:7px;margin-top:25px}.footer-bottom p{font-size:10px}.site-footer{padding-top:30px}html:not(.has-js) .site-header{position:relative}html:not(.has-js) .header-inner{height:auto;padding-block:15px}html:not(.has-js) nav{position:static;box-shadow:none;border:none;padding:15px 0 0}.has-js .hero-copy{animation:enter .6s ease both}.has-js .hero-product{animation:enter .6s .1s ease both}}
@media(min-width:768px){.has-js .hero-copy{animation:enter .65s ease both}.has-js .hero-product{animation:enter .65s .1s ease both}}
@keyframes enter{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.contact-card:hover{transform:none}}

/* Owner-supplied horizontal artwork, copied unchanged and scaled proportionally. */
.brand.brand-horizontal{display:inline-flex;flex-direction:column;align-items:center;gap:4px;line-height:1;letter-spacing:0}
.brand.brand-horizontal img{display:block;width:192px;height:auto;max-height:64px;aspect-ratio:auto;object-fit:contain;border-radius:0;flex-shrink:0}
.brand.brand-horizontal .brand-sub{margin-top:0;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400}
.site-header .header-inner{height:64px;gap:16px;position:relative}
@media(max-width:1100px){.has-js .site-header nav{top:72px}}
@media(min-width:1101px) and (max-width:1199px){
 .has-js .menu-toggle{display:inline-flex;min-height:48px;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 16px;align-items:center;gap:8px;color:var(--ink);font-size:14px}
 .has-js .site-header nav{display:none;position:absolute;right:0;top:72px;max-width:480px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px;flex-wrap:wrap;box-shadow:0 20px 40px -25px #2b563c66}
 .has-js .site-header nav.is-open{display:flex}
}
@media(max-width:767px){
 .site-header .header-inner{gap:12px}
 .brand.brand-horizontal img{width:168px;height:auto}
}
@media(max-width:359px){
 .site-header .header-inner{gap:8px;flex-wrap:nowrap}
 .brand.brand-horizontal img{width:160px}
}

.has-js .site-header .header-inner{flex-wrap:nowrap}

/* Local review: preserve Fast Order branding; mobile reading before motion.
   Native CSS only. Device shell is decorative; screenshots are genuine captures. */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 80px;
  --space-9: 96px;
  --page-gutter: 48px;
  --section-space: var(--space-9);
  --tablet-shell: #161a18;
  --tablet-edge: #343b36;
  --motion-fast: 160ms;
  --motion-change: 240ms;
  --motion-enter: 440ms;
}
.wrap { width: min(1200px, calc(100% - var(--page-gutter) * 2)); }
.section, .fit-section { padding-block: var(--section-space); }
.section-heading { max-width: 760px; margin-bottom: var(--space-5); }
.section-heading p { max-width: 660px; margin-top: var(--space-3); }
.eyebrow { margin-bottom: var(--space-3); }
.button { min-height: 48px; padding: 12px var(--space-4); gap: var(--space-3); transition: background var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast); }
.button:active { transform: none; background: var(--green-dark); box-shadow: inset 0 0 0 2px #ffffff40; }
.button-small { padding-inline: var(--space-3); }
.text-link { min-height: 48px; gap: var(--space-2); }
.button-row, .section-actions { gap: var(--space-3); }
.section-actions { display: flex; align-items: center; flex-wrap: wrap; margin-top: var(--space-4); }
.header-inner { gap: var(--space-4); }
nav { gap: var(--space-4); }
.nav-login { display: inline-flex; align-items: center; gap: var(--space-1); font-size: 12px; font-weight: 400; color: var(--muted); padding-left: var(--space-4); }
.nav-login strong { font-size: 12px; font-weight: 600; color: var(--ink); }
.hero { grid-template-columns: 1.04fr 1fr; gap: var(--space-6); padding-block: var(--space-7); min-height: 0; }
.hero h1 { font-size: clamp(38px, 3.65vw, 51px); line-height: 1.1; letter-spacing: -.05em; }
/* Critical content is immediately readable, including when scripts/animations fail. */
.has-js .hero-copy, .has-js .hero-product { animation: none; }
.hero-description { font-size: 17px; line-height: 1.6; max-width: 460px; margin-block: var(--space-4); }
.hero-price { display: flex; flex-direction: column; gap: var(--space-1); margin-bottom: var(--space-4); font-size: 14px; line-height: 1.6; }
.hero-price strong { font-size: 22px; color: var(--green-dark); font-weight: 700; letter-spacing: -.02em; }
.hero-price strong span { font-size: 14px; font-weight: 500; letter-spacing: 0; margin-left: var(--space-1); }
.hero .button-row { gap: var(--space-4); }
.hero .text-link { white-space: nowrap; }
.demo-reassurance { font-size: 13px; line-height: 1.5; margin-top: var(--space-3); max-width: 420px; }
.hero-product { min-width: 0; padding: 0; margin-right: 0; }
.product-frame.tablet-frame { position: relative; transform: none; border: 2px solid var(--tablet-edge); border-radius: 28px; padding: 16px 14px; background: var(--tablet-shell); box-shadow: 0 18px 35px -24px #10271e70, inset 0 0 0 1px #49524c; }
.tablet-frame::before { content: ''; position: absolute; width: 5px; height: 5px; left: 4px; top: calc(50% - 2.5px); background: #424b45; border: 1px solid #0b100d; border-radius: 50%; }
.tablet-screen { display: block; overflow: hidden; border-radius: 12px; background: var(--mint); }
.tablet-screen picture { display: block; }
.tablet-screen img { width: 100%; height: auto; }
.hero-product figcaption { margin-top: var(--space-2); padding: 0; line-height: 1.5; align-items: center; flex-wrap: wrap; gap: 0 var(--space-3); font-size: 13px; }
.hero-product figcaption strong { color: var(--green-dark); font-weight: 650; }
.hero-product figcaption a { display: inline-flex; align-items: center; min-height: 48px; gap: var(--space-1); }
.essentials { padding-block: var(--space-4); }
.essentials p { padding-inline: var(--space-4); }
.essentials p:first-child { padding-inline: var(--space-4); }
.essentials strong { font-size: 20px; }
.essentials span { font-size: 13px; }
.product-explorer { gap: var(--space-5); }
.workflow-tabs { padding-top: 0; gap: var(--space-2); }
.workflow-tabs button { padding: var(--space-4) var(--space-3); gap: var(--space-3); min-height: 48px; }
.workflow-tabs strong { font-size: 18px; line-height: 1.4; }
.workflow-tabs small { margin-top: var(--space-2); font-size: 13px; }
.workflow-tabs button[aria-selected=true] { border-color: var(--green); box-shadow: inset 3px 0 0 var(--green); }
.tab-short { display: none; }
.screen-panel { background: transparent; border: 0; padding: 0; border-radius: 0; }
html:not(.has-js) .screen-panel { grid-column: 1 / -1; max-width: 800px; }
.screen-image-link { display: block; }
/* Fixed canvas across tabs; contain preserves every pixel in the selected real screen. */
.screen-image-link picture { display: grid; place-items: center; aspect-ratio: 4 / 3; background: #edf3ef; }
.screen-panel picture img { width: 100%; height: 100%; object-fit: contain; border-radius: 0; }
.screen-panel figcaption { padding: var(--space-4) 0 0; font-size: 16px; line-height: 1.6; min-height: 104px; }
.screen-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0 var(--space-3); font-size: 13px; padding: 0; }
.screen-toolbar > span { color: var(--muted); }
.screen-toolbar a { display: inline-flex; align-items: center; min-height: 48px; color: var(--green-dark); font-weight: 650; }
.order-check-note { background: var(--mint); border-left: 3px solid var(--green); padding: var(--space-3) var(--space-4); font-size: 14px; line-height: 1.6; margin-top: var(--space-4); max-width: 900px; }
.order-check-note strong { color: var(--ink); }
.sample-links { display: flex; align-items: center; gap: 0 var(--space-3); flex-wrap: wrap; font-size: 13px; margin-top: var(--space-3); }
.sample-links span { color: var(--muted); }
.sample-links a { display: inline-flex; align-items: center; min-height: 48px; color: var(--green-dark); }
.clarity-note { font-size: 14px; line-height: 1.6; max-width: 850px; margin-top: var(--space-3); padding-left: var(--space-3); }
.fit-section .section-heading { margin-bottom: var(--space-4); }
.use-cases { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; gap: var(--space-2) var(--space-5); }
.use-cases li { font-size: 18px; font-weight: 600; color: var(--green-dark); }
.start-steps { grid-template-columns: repeat(4, 1fr); gap: var(--space-5); }
.start-steps li { padding-top: var(--space-4); }
.step-number { margin-bottom: var(--space-3); }
.start-steps h3 { font-size: 20px; line-height: 1.3; margin-bottom: var(--space-2); }
.start-steps p { font-size: 16px; line-height: 1.6; }
.start-steps .text-link { margin-top: var(--space-2); font-size: 14px; }
.install-note { margin-top: var(--space-4); max-width: 800px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.install-note .answer { max-width: 720px; }
.pricing-grid { grid-template-columns: 1fr 1fr; grid-template-areas: 'intro card' 'notes card'; gap: var(--space-4) var(--space-7); align-items: start; }
.pricing-intro { grid-area: intro; }
.pricing-intro h2 { font-size: clamp(32px, 3.4vw, 44px); line-height: 1.16; }
.pricing-intro > p:not(.eyebrow) { font-size: 16px; max-width: 440px; margin-top: var(--space-3); }
.price-card { grid-area: card; padding: var(--space-5); }
.price-top { font-size: 14px; gap: var(--space-2); }
.price-badge { font-size: 13px; }
.price { margin-top: var(--space-4); }
.price-description { font-size: 14px; line-height: 1.6; margin-top: var(--space-2); }
.included { padding-block: var(--space-4); margin-top: var(--space-4); gap: var(--space-3); }
.included li { font-size: 16px; line-height: 1.6; }
.hardware-note { font-size: 16px; font-weight: 650; color: var(--ink); margin-bottom: var(--space-4); }
.price-card .button { font-size: 14px; gap: var(--space-2); padding-inline: var(--space-3); }
.price-footnote { font-size: 13px; margin-top: var(--space-3); }
.purchase-notes { grid-area: notes; border-top: 1px solid #c4d8ca; border-bottom: 1px solid #c4d8ca; margin: 0; }
.purchase-notes p { font-size: 16px; line-height: 1.6; }
.purchase-notes strong { display: block; color: var(--ink); font-weight: 650; }
.faq-section { grid-template-columns: .68fr 1.32fr; gap: var(--space-7); }
.faq-intro h2 { line-height: 1.16; }
.faq-intro p { margin-top: var(--space-3); font-size: 16px; }
.faq-intro .text-link { margin-top: var(--space-3); }
summary { font-size: 16px; min-height: 48px; padding: var(--space-4) var(--space-5) var(--space-4) 0; }
summary::after { top: var(--space-3); transition: transform 200ms; }
details[open] > summary { color: var(--green-dark); }
details[open] > summary::after { content: '+'; transform: rotate(45deg); }
.answer { padding: 0 var(--space-4) var(--space-4) 0; }
.answer p { font-size: 16px; line-height: 1.6; }
.answer p + p { margin-top: var(--space-3); }
.more-questions { border: 0; margin-top: var(--space-3); }
.more-questions > summary { color: var(--green-dark); }
.question-count { display: inline-block; font-size: 13px; font-weight: 400; color: var(--muted); margin-left: var(--space-2); }
.more-questions-list { padding-left: var(--space-3); border-left: 2px solid var(--line); }
.contact-options { gap: var(--space-4); }
.contact-card { padding: var(--space-5); transition: border-color var(--motion-fast), background var(--motion-fast); }
.contact-card:hover { transform: none; }
.contact-role, .contact-action { font-size: 14px; }
.contact-card strong { margin-block: var(--space-3) var(--space-4); }
.contact-note { font-size: 14px; line-height: 1.6; max-width: 900px; margin-top: var(--space-4); }
.site-footer { padding-block: var(--space-5) var(--space-4); }
.footer-top { gap: var(--space-4); }
.footer-links { font-size: 13px; gap: 0 var(--space-4); flex-wrap: wrap; justify-content: flex-end; }
.footer-links a { display: inline-flex; align-items: center; min-height: 48px; }
.future-note { padding-top: var(--space-4); }
.future-note p { font-size: 13px; max-width: 780px; line-height: 1.6; }
.future-note strong { font-weight: 600; }
.footer-bottom { padding-top: var(--space-4); margin-top: var(--space-4); }
.footer-bottom p { font-size: 13px; }
/* Native dialog: a fixed header/footer and exactly one scrollable image region. */
#screenshot-dialog { padding: 0; width: min(960px, calc(100% - 48px)); max-width: none; height: min(900px, calc(100dvh - 48px)); max-height: none; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); color: var(--ink); overflow: hidden; box-shadow: 0 25px 100px #142d2355; }
#screenshot-dialog[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
#screenshot-dialog::backdrop { background: #12281ee8; }
.dialog-header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--line); }
.viewer-label { font-size: 13px; margin-bottom: var(--space-1); }
.dialog-header h2 { font-size: 22px; letter-spacing: -.025em; line-height: 1.3; }
#screenshot-close { min-height: 48px; flex-shrink: 0; border: 1px solid #c4d7ca; background: white; border-radius: 8px; padding: var(--space-2) var(--space-3); color: var(--ink); font-size: 14px; display: inline-flex; align-items: center; gap: var(--space-2); }
.zoom-scroll { overflow: auto; overscroll-behavior: contain; min-height: 0; padding: var(--space-3); background: var(--mint); }
#zoom-image { display: block; width: auto; max-width: 100%; height: auto; max-height: none; margin-inline: auto; }
.dialog-footer { padding: 0 var(--space-4); border-top: 1px solid var(--line); }
#original-image-link { display: inline-flex; align-items: center; min-height: 48px; font-size: 14px; color: var(--green-dark); }
html.viewer-open, html.viewer-open body { overflow: hidden; }
/* All content starts visible. Observer animates once as content reaches view. */
.reveal-enter { animation: section-enter var(--motion-enter) both; }
.screen-panel.is-switching picture { animation: screenshot-enter var(--motion-change) both; }
details[open] > .answer { animation: answer-enter 200ms both; }
#screenshot-dialog[open], #screenshot-dialog[open]::backdrop { animation: viewer-enter 200ms both; }
@keyframes section-enter { from { opacity: .35; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@keyframes screenshot-enter { from { opacity: .35; } to { opacity: 1; } }
@keyframes answer-enter { from { opacity: .4; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@keyframes viewer-enter { from { opacity: 0; } to { opacity: 1; } }
/* Native intrinsic-size disclosure animation where supported; native instant fallback. */
@supports (interpolate-size: allow-keywords) {
  details { interpolate-size: allow-keywords; }
  details::details-content { block-size: 0; opacity: 0; overflow: clip; transition: block-size 200ms, opacity 200ms, content-visibility 200ms allow-discrete; }
  details[open]::details-content { block-size: auto; opacity: 1; }
}
@media (min-width: 768px) and (max-width: 1100px) {
  :root { --page-gutter: 32px; --section-space: var(--space-8); }
  .header-inner { position: relative; }
  .has-js .menu-toggle { display: inline-flex; min-height: 48px; background: none; border: 1px solid var(--line); border-radius: 8px; padding: var(--space-2) var(--space-3); align-items: center; gap: var(--space-2); color: var(--ink); font-size: 14px; }
  .has-js nav { display: none; position: absolute; right: 0; top: 80px; background: var(--paper); border: 1px solid var(--line); border-radius: 12px; padding: var(--space-3); max-width: 480px; flex-wrap: wrap; box-shadow: 0 20px 40px -25px #2b563c66; }
  .has-js nav.is-open { display: flex; }
  nav > a { min-height: 48px; display: inline-flex; align-items: center; }
  .nav-login { border-left: 0; padding-left: 0; }
  .hero { gap: var(--space-5); padding-block: var(--space-6); }
  .hero h1 { font-size: 38px; }
  .hero-description { font-size: 16px; }
  .hero .button-row { flex-wrap: wrap; gap: var(--space-3); }
  .essentials p, .essentials p:first-child { padding-inline: var(--space-3); }
  .essentials strong { font-size: 18px; }
  .start-steps { grid-template-columns: 1fr 1fr; }
  .pricing-grid, .faq-section { column-gap: var(--space-5); }
  .price-card { padding: var(--space-4); }
  .product-explorer { grid-template-columns: .85fr 1.15fr; gap: var(--space-4); }
  .workflow-tabs button { padding: var(--space-3); gap: var(--space-2); }
  .workflow-tabs strong { font-size: 16px; }
}
@media (max-width: 767px) {
  :root { --page-gutter: 24px; --section-space: var(--space-6); }
  h2, .section-heading h2, .pricing-intro h2 { font-size: 28px; line-height: 1.18; }
  .section-heading p { font-size: 16px; line-height: 1.6; }
  .header-inner { height: 72px; }
  .brand { gap: var(--space-2); }
  .brand-sub { font-size: 11px; }
  .menu-toggle { min-height: 48px; padding: var(--space-2) var(--space-3); font-size: 14px; }
  nav { top: 80px; padding: var(--space-3); gap: var(--space-2); }
  nav > a { min-height: 48px; display: inline-flex; align-items: center; padding: var(--space-2); }
  .nav-login { display: inline-flex; gap: var(--space-1); padding-left: var(--space-2); border: 0; }
  .hero { grid-template-columns: 1fr; gap: var(--space-5); padding-block: var(--space-5); }
  .hero h1 { font-size: 34px; line-height: 1.12; }
  .hero .eyebrow { font-size: 10px; letter-spacing: .06em; margin-bottom: var(--space-3); }
  .hero-description { font-size: 16px; line-height: 1.55; margin-block: var(--space-3); }
  .hero-price { font-size: 14px; margin-bottom: var(--space-3); }
  .hero-price strong { font-size: 22px; }
  .hero-price strong span { font-size: 14px; }
  .hero .button-row { gap: var(--space-3); flex-wrap: wrap; }
  .hero .button { font-size: 14px; gap: var(--space-2); padding: 12px var(--space-3); }
  .hero .text-link { font-size: 14px; gap: var(--space-1); }
  .demo-reassurance { font-size: 13px; margin-top: var(--space-2); max-width: 340px; }
  .product-frame.tablet-frame { padding: 11px 10px; border-radius: 22px; }
  .tablet-frame::before { left: 3px; width: 4px; height: 4px; }
  .tablet-screen { border-radius: 9px; }
  .hero-screen picture { display: grid; place-items: center; aspect-ratio: 1080 / 2310; }
  .hero-screen img { width: 100%; height: 100%; object-fit: contain; }
  .hero-product figcaption { font-size: 13px; }
  .essentials { gap: var(--space-4) var(--space-3); }
  .essentials strong { font-size: 18px; line-height: 1.4; }
  .essentials span { display: block; font-size: 13px; line-height: 1.5; margin-top: var(--space-1); }
  .essentials p, .essentials p:first-child, .essentials p:nth-child(even) { padding-inline: var(--space-3); }
  .product-explorer { grid-template-columns: 1fr; gap: var(--space-4); }
  .workflow-tabs { gap: var(--space-2); flex-direction: row; }
  .workflow-tabs button { padding: var(--space-2); display: flex; align-items: center; justify-content: center; gap: var(--space-1); }
  .workflow-tabs button[aria-selected=true] { box-shadow: inset 0 -3px 0 var(--green); }
  .workflow-tabs strong { font-size: 14px; }
  .workflow-tabs .tab-long { display: none; }
  .workflow-tabs .tab-short { display: inline; }
  .workflow-tabs .step-index, .workflow-tabs small, .workflow-tabs .tab-arrow { display: none; }
  .screen-image-link picture { aspect-ratio: 1080 / 1450; }
  .screen-panel picture img { aspect-ratio: auto; }
  .screen-panel figcaption { font-size: 16px; line-height: 1.6; padding-top: var(--space-3); min-height: 144px; }
  .screen-toolbar { font-size: 13px; }
  .order-check-note { font-size: 14px; padding: var(--space-3); margin-top: var(--space-3); }
  .sample-links { font-size: 13px; gap: 0 var(--space-3); }
  .sample-links > span { width: 100%; }
  .clarity-note { font-size: 14px; }
  .section-actions { gap: var(--space-3); }
  .section-actions .button, .section-actions .text-link { font-size: 14px; }
  .use-cases { gap: var(--space-2) var(--space-4); }
  .use-cases li { font-size: 16px; }
  .start-steps { grid-template-columns: 1fr; gap: var(--space-4); }
  .start-steps li { grid-template-columns: 24px 1fr; column-gap: var(--space-3); padding-top: var(--space-3); }
  .start-steps h3 { font-size: 20px; }
  .start-steps p { font-size: 16px; }
  .start-steps a { margin-top: var(--space-2); }
  .pricing-grid { grid-template-columns: 1fr; grid-template-areas: 'intro' 'card' 'notes'; gap: var(--space-4); }
  .pricing-intro > p:not(.eyebrow) { font-size: 16px; }
  .price-card { padding: var(--space-4); }
  .price-top { font-size: 13px; flex-wrap: wrap; }
  .price-badge { font-size: 13px; }
  .price { font-size: 80px; }
  .included li, .hardware-note { font-size: 16px; }
  .price-card .button { white-space: normal; text-align: left; font-size: 14px; }
  .faq-section { grid-template-columns: 1fr; gap: var(--space-4); }
  .faq-intro p { max-width: none; }
  summary { padding-block: var(--space-3); }
  summary::after { top: var(--space-2); }
  .answer { padding-right: 0; }
  .contact-options { grid-template-columns: 1fr; gap: var(--space-3); }
  .contact-card { padding: var(--space-4); }
  .contact-card strong { font-size: 30px; }
  .contact-role, .contact-action { font-size: 14px; }
  .footer-links { justify-content: flex-start; gap: 0 var(--space-3); font-size: 13px; }
  .footer-bottom { gap: var(--space-2); }
  #screenshot-dialog { width: 100%; height: 100dvh; margin: 0; border: 0; border-radius: 0; }
  .dialog-header { padding: max(16px, env(safe-area-inset-top)) var(--space-3) var(--space-3); gap: var(--space-2); }
  .dialog-header h2 { font-size: 18px; }
  .viewer-label { font-size: 13px; }
  #screenshot-close { padding-inline: var(--space-2); }
  .zoom-scroll { padding: var(--space-2); }
  .dialog-footer { padding: 0 var(--space-3) env(safe-area-inset-bottom); }
  .reveal-enter { animation-name: section-enter-mobile; }
  @keyframes section-enter-mobile { from { opacity: .45; transform: translateY(8px); } to { opacity: 1; transform: none; } }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after, details::details-content { animation: none !important; transition: none !important; }
  .reveal-enter, .product-frame.tablet-frame { transform: none; }
}

/* Targeted local refinement: existing artwork and colours retained. */
.licence-summary { margin: 0 0 var(--space-4); padding-block: var(--space-3); border-block: 1px solid var(--line); display: grid; gap: var(--space-3); }
.licence-summary dt { color: var(--ink); font-size: 14px; font-weight: 650; }
.licence-summary dd { margin: var(--space-1) 0 0; font-size: 14px; line-height: 1.6; color: var(--muted); }
.more-sample-screens { max-width: 900px; margin-top: var(--space-2); }
.more-sample-screens > summary { font-size: 14px; color: var(--green-dark); }
.more-sample-screens .sample-links { margin: 0; padding-bottom: var(--space-3); }
/* Preserve the tab canvas height, with the result crop aligned at the top. */
.screen-panel picture img { object-position: top; }

/* Owner request: proportional co-branding, optically balanced within the 64px header. */
.brand-family { display: flex; align-items: center; gap: 12px; flex-shrink: 0; min-height: 48px; }
/* Remove only the approved image's empty left canvas (120/1600px).
   The visible mark starts at this edge; its artwork and aspect ratio stay intact. */
.brand-family > .brand { --header-logo-width: 166px; display: block; width: calc(var(--header-logo-width) * .925); overflow: hidden; margin-left: 0; }
.site-header .brand-family > .brand img { display: block; width: var(--header-logo-width); height: auto; max-height: none; max-width: none; margin-left: calc(var(--header-logo-width) * -.075); }
.parent-brand-horizontal { display: block; width: 110px; height: auto; object-fit: contain; flex-shrink: 0; }
.brand-divider { display: block; align-self: center; width: 1px; height: 24px; background: var(--line); flex-shrink: 0; }
/* The added parent mark needs the compact navigation before desktop links crowd it. */
@media (min-width: 1200px) and (max-width: 1279px) {
  .has-js .site-header .menu-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 8px 16px; border: 1px solid var(--line); border-radius: 8px; background: none; color: var(--ink); font-size: 14px; }
  .has-js .site-header nav { display: none; position: absolute; right: 0; top: 72px; max-width: 480px; padding: 16px; background: var(--paper); border: 1px solid var(--line); border-radius: 12px; flex-wrap: wrap; box-shadow: 0 20px 40px -25px #2b563c66; }
  .has-js .site-header nav.is-open { display: flex; }
}
@media (max-width: 767px) {
  .site-header .header-inner { gap: 8px; }
  .brand-family { gap: 4px; }
  .brand-family > .brand { --header-logo-width: 134px; }
  .parent-brand-horizontal { width: 78px; }

  .site-header .menu-toggle { width: 76px; height: 48px; min-height: 48px; flex: 0 0 76px; justify-content: center; gap: 8px; padding: 8px; white-space: nowrap; }
}
@media (min-width: 390px) and (max-width: 767px) {
  .parent-brand-horizontal { width: 86px; }
  .brand-family > .brand { --header-logo-width: 142px; }
}
@media (max-width: 359px) {
  .parent-brand-horizontal { width: 62px; }
  .brand-family > .brand { --header-logo-width: 102px; }
}

/* Original logo sizing comes from styles.css, unchanged. Only attribution alignment is adjusted.
   Desktop inset includes contain centring at the existing 64px height limit. */
.footer-top { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 24px; }
.footer-brand { --footer-artwork-inset: 22.49px; justify-self: start; }
.footer-brand > .brand.brand-horizontal { display: block; }
.footer-powered { margin: 4px 0 0; padding-left: var(--footer-artwork-inset); font-size: 13px; line-height: 1.5; text-align: left; white-space: nowrap; color: var(--muted); }
@media (max-width: 1100px) {
  .footer-top { grid-template-columns: minmax(0, 1fr); }
  .footer-links { justify-content: flex-start; }
}
@media (max-width: 767px) {
  .footer-top { gap: 16px; }
  .footer-brand { --footer-artwork-inset: 12.6px; }
  .footer-powered { font-size: 12px; }
}
@media (max-width: 359px) {
  .footer-brand { --footer-artwork-inset: 12px; }
  .footer-powered { font-size: 11px; }
}

/* Equal spacing around the divider, measured from the parent canvas and visible Fast Order edge. */
.brand-divider { margin-left: 8px; margin-right: 4px; background: var(--ink); }
@media (max-width: 359px) { .brand-divider { margin-left: 6px; margin-right: 2px; } }
.screen-carousel { min-width: 0; }
.swipe-hint { margin: 0 0 8px; font-size: 13px; color: var(--muted); }
.screen-track { position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: 100%; gap: 16px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 8px; align-items: start; }
.screen-track > .screen-panel { scroll-snap-align: start; scroll-snap-stop: always; min-width: 0; }
.screen-track .screen-panel figcaption { min-height: 128px; }
html:not(.has-js) .screen-track > .screen-panel { grid-column: auto; max-width: none; }
.screen-track:focus-visible { outline: 2px solid var(--green); outline-offset: 4px; }
@media (max-width: 767px) { .screen-track .screen-panel figcaption { min-height: 144px; } }

/* Hide the carousel scrollbar while preserving native horizontal scrolling. */
.screen-track::-webkit-scrollbar { display: none; width: 0; height: 0; }

/* Keep enlargement links at the right after the requested label removals. */
.hero-product figcaption, #screen-report .screen-toolbar { justify-content: flex-end; }
#screen-report .screen-toolbar { padding-top: 8px; }

/* Compact product facts and owner-confirmed business identity. */
.product-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;margin:0 0 36px;padding:0;border-top:1px solid var(--line)}
.product-facts>div{padding:18px 0;border-bottom:1px solid var(--line);min-width:0}
.product-facts dt{color:var(--green-dark);font-size:13px;font-weight:650;margin-bottom:7px}
.product-facts dd{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.business-identity{max-width:760px;margin:0 0 32px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.business-identity h3{font-size:24px;margin-bottom:14px}
.business-identity p{font-size:15px;line-height:1.8}
.business-identity p+p{margin-top:12px}
.business-identity a{color:var(--green-dark);overflow-wrap:anywhere}
@media(max-width:767px){.product-facts{grid-template-columns:1fr;gap:0;margin-bottom:28px}.product-facts>div{padding:15px 0}.business-identity h3{font-size:22px}.business-identity p{font-size:14px}}

/* Content consolidation: six scan-friendly purchase facts replace repeated summaries. */
.product-section { border-top: 1px solid var(--line); }
.start-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.offer-facts { margin: 24px 0 16px; padding: 0; border-top: 1px solid var(--line); }
.offer-facts > div { position: relative; padding: 14px 0 14px 36px; border-bottom: 1px solid var(--line); }
.offer-facts dt { display: flex; align-items: center; font-size: 15px; font-weight: 650; line-height: 1.5; color: var(--ink); }
.offer-facts dt img { position: absolute; left: 0; top: 15px; display: block; width: 22px; height: 22px; }
.offer-facts dd { margin: 4px 0 0; font-size: 14px; line-height: 1.6; color: var(--muted); }
.price-card .hardware-note { font-size: 14px; margin-bottom: 12px; }
.records-note { padding: 12px 0; margin-bottom: 16px; font-size: 14px; line-height: 1.6; }
.records-note strong { color: var(--ink); }
.screen-track .screen-panel figcaption { min-height: 72px; padding-top: 12px; }
#screen-report .screen-toolbar { padding-top: 0; }
@media (max-width: 767px) {
  .start-steps { grid-template-columns: 1fr; }
  .screen-track .screen-panel figcaption { min-height: 80px; }
}

/* Buyer hierarchy candidate. Local only; header and footer geometry are inherited. */
@font-face{font-family:'Fast Order Display';src:url('/assets/fonts/Manrope-variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--display:'Fast Order Display',var(--font)}
::selection{background:#cce5d9;color:var(--ink)}
h1,h2,h3{font-family:var(--display);font-weight:750;letter-spacing:-.035em;text-wrap:balance}
h2{font-size:clamp(32px,3.4vw,48px);line-height:1.15}
a{text-underline-offset:.22em}
button,a,summary{touch-action:manipulation}
#screenshot-dialog,.zoom-scroll{overscroll-behavior:contain}
.hero.wrap{width:100%;padding:56px max(32px,calc((100% - 1200px)/2)) 48px;background:var(--green-dark);color:var(--white);grid-template-columns:.8fr 1.2fr;grid-template-rows:auto auto auto auto 1fr;gap:0 56px;align-items:start}
.hero-copy{display:contents}
.hero h1{grid-column:1/-1;font-size:clamp(44px,5.4vw,76px);line-height:1.06;letter-spacing:-.04em;max-width:100%;margin:0 0 40px;text-wrap:balance}
.hero h1 span{color:#cce5d9}
.hero-description{grid-column:1;grid-row:2;color:#e2eee7;font-size:17px;line-height:1.65;max-width:38ch;margin:0 0 28px}
.hero-price{grid-column:1;grid-row:3;padding-top:24px;border-top:1px solid #87b19b;margin:0 0 24px;gap:8px}
.hero-price strong{font-family:var(--display);font-size:36px;color:var(--white);letter-spacing:-.03em;line-height:1.3}
.hero-price strong span{color:#e2eee7;font-family:var(--font);font-size:15px;letter-spacing:0}
.hero-price>span{color:#e2eee7;font-size:14px;line-height:1.6}
.hero .button-row{grid-column:1;grid-row:4;gap:12px;flex-wrap:wrap}
.hero .button{background:var(--white);border-color:var(--white);color:var(--green-dark);font-weight:750}
.hero .button:hover{background:#e2eee7;border-color:#e2eee7}
.hero .text-link{color:var(--white);padding-inline:8px}
.hero .demo-reassurance{grid-column:1;grid-row:5;color:#e2eee7;font-size:12px;margin-top:12px;max-width:36ch}
.hero-product{grid-column:2;grid-row:2/6;align-self:center}
.hero .product-frame{box-shadow:none}
.hero-product figcaption a{color:#e2eee7;font-size:12px}
.hero a:focus-visible{outline-color:#fff}
.hero h1 br{display:none}
.section-heading{margin-bottom:40px}
.section-heading h2{max-width:20ch}
.section-heading p{font-size:17px;max-width:62ch}
.product-section{border-top:0;padding-block:88px}
.product-explorer{grid-template-columns:.68fr 1.32fr;gap:48px}
.workflow-tabs{gap:0;border-top:1px solid var(--line)}
.workflow-tabs button{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:24px 16px;min-height:106px}
.workflow-tabs button[aria-selected=true]{background:var(--green-dark);color:var(--white);border-color:var(--green-dark);box-shadow:none}
.workflow-tabs button[aria-selected=true] strong,.workflow-tabs button[aria-selected=true] small,.workflow-tabs button[aria-selected=true] .step-index,.workflow-tabs button[aria-selected=true] .tab-arrow{color:var(--white)}
.workflow-tabs strong{font-family:var(--display);font-size:20px;letter-spacing:-.02em;line-height:1.3}
.workflow-tabs small{font-size:13px;line-height:1.6}
.workflow-tabs .step-index{display:none}
.screen-track .screen-panel figcaption{min-height:64px;font-size:15px;line-height:1.6;padding-top:16px}
.screen-toolbar{font-size:12px}
.swipe-hint{font-size:12px}
.order-check-note,.clarity-note{border-left-width:1px;line-height:1.7;font-size:14px}
.more-questions-list{border-left-width:1px}
#getting-started{padding-block:64px;border-top:1px solid var(--line)}
.start-steps{gap:40px}
.start-steps h3{font-size:24px;line-height:1.3}
.start-steps p{font-size:15px;line-height:1.7}
.install-note{margin-top:32px}
.pricing-section{background:var(--ink);color:var(--white);padding-block:80px}
.pricing-grid{grid-template-columns:1fr;grid-template-areas:'intro' 'card' 'notes';gap:40px}
.pricing-intro{display:flex;gap:48px;justify-content:space-between;align-items:end}
.pricing-intro h2{font-size:clamp(34px,3.8vw,52px);max-width:20ch;flex:1}
.pricing-intro>p{color:#d7e5dc;line-height:1.7;max-width:42ch;flex:1;margin:0}
.price-card{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);grid-template-areas:'quote facts' 'records facts' 'cta facts';gap:24px 64px;border:0;border-top:1px solid #789586;border-radius:0;box-shadow:none;background:transparent;padding:40px 0 0}
.quote-summary{grid-area:quote}
.price-top{color:var(--white);font-size:15px;gap:12px;flex-wrap:wrap}
.price-badge{background:#d7e5dc;color:var(--ink);border-radius:4px}
.price{font-family:var(--display);font-size:96px;font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--white);margin:24px 0 16px;font-variant-numeric:tabular-nums}
.currency{color:var(--white);font-size:24px;margin:14px 10px 0 0}
.price-card .hardware-note{color:#d7e5dc;font-size:14px;margin:0}
.offer-facts{grid-area:facts;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0;padding:0;border:0}
.offer-facts>div{padding:0 0 24px 30px;margin-bottom:24px;border-bottom:1px solid #789586}
.offer-facts>div:nth-last-child(-n+2){margin-bottom:0}
.offer-facts dt{color:var(--white);font-size:15px}
.offer-facts dt img{filter:invert(1);width:20px;height:20px;top:1px}
.offer-facts dd{color:#d7e5dc;font-size:14px;line-height:1.7;margin-top:8px}
.records-note{grid-area:records;color:#d7e5dc;padding:0;margin:0;max-width:36ch;font-size:14px;line-height:1.7}
.records-note strong{color:var(--white);display:block;margin-bottom:4px}
.price-card>.button{grid-area:cta;background:var(--white);border-color:var(--white);color:var(--ink);align-self:end;min-height:52px;white-space:normal}
.price-card>.button:hover{background:#d7e5dc}
.purchase-notes{border-color:#789586;background:transparent;color:var(--white);padding-inline:0}
.purchase-notes summary{color:var(--white)}
.purchase-notes summary::after{color:var(--white)}
.purchase-notes .answer{max-width:70ch}
.purchase-notes p,.purchase-notes strong{color:#d7e5dc}
.pricing-section :focus-visible{outline-color:var(--white)}
.faq-section{gap:64px}
.answer p{line-height:1.75}
.contact-section h2{max-width:17ch}
.contact-card strong{font-family:var(--display);font-size:32px;letter-spacing:-.025em}
.contact-card{box-shadow:none}
.reveal-enter{animation:none}
@media(min-width:768px) and (max-width:1100px){
 .hero.wrap{gap:0 32px;padding-top:40px}.hero h1{font-size:56px;margin-bottom:32px}.hero-description{font-size:16px}.hero-price strong{font-size:32px}.hero .button-row{gap:8px}.hero .button{padding-inline:16px}
 .product-explorer{gap:28px;grid-template-columns:.8fr 1.2fr}.workflow-tabs strong{font-size:17px}.price-card{gap:24px 32px;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr)}.offer-facts{gap:0 20px}.offer-facts>div{padding-left:26px}.pricing-intro{gap:32px}
}
@media(max-width:767px){
 .hero.wrap{display:flex;flex-direction:column;padding:32px max(24px,env(safe-area-inset-right)) 28px max(24px,env(safe-area-inset-left));gap:0}.hero-copy{display:contents}.hero h1{font-size:clamp(38px,10.3vw,52px);max-width:13ch;line-height:1.08;margin:0 0 20px}.hero h1 span{display:block}
 .hero-description{font-size:15px;line-height:1.65;max-width:none;margin:0 0 20px}.hero-price{width:100%;padding-top:18px;margin-bottom:20px}.hero-price strong{font-size:34px}.hero-price strong span{font-size:14px}.hero-price>span{font-size:13px}
 .hero .button-row{width:100%;gap:8px 16px}.hero .button{padding-inline:18px}.hero .text-link{font-size:13px;padding:0}.hero .demo-reassurance{margin:12px 0 24px;max-width:none}
 .hero-product{width:100%;margin:0}.hero-screen picture{aspect-ratio:1080/1435}.hero-screen img{width:100%;height:100%;object-fit:contain}.hero-product figcaption{margin-top:4px}
 .product-section{padding-block:56px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:32px}.section-heading p{font-size:16px;line-height:1.65}.product-explorer{display:block}
 .workflow-tabs{gap:0;border:0;margin-bottom:20px}.workflow-tabs button{min-height:48px;border:1px solid var(--line);padding:12px 8px;border-radius:0;background:transparent}.workflow-tabs button:first-child{border-radius:8px 0 0 8px}.workflow-tabs button:last-child{border-radius:0 8px 8px 0}.workflow-tabs strong{font-size:14px}
 .screen-track .screen-panel figcaption{min-height:64px;font-size:14px}.screen-toolbar{font-size:12px}.swipe-hint{font-size:12px}.order-check-note{padding:16px;margin-top:20px}.sample-links{font-size:13px}
 #getting-started{padding-block:48px}.start-steps{gap:24px}.start-steps h3{font-size:22px}.start-steps p{font-size:14px}.install-note{margin-top:24px}
 .pricing-section{padding-block:56px}.pricing-grid{gap:28px}.pricing-intro{display:block}.pricing-intro h2{font-size:36px}.pricing-intro>p{margin-top:20px;font-size:15px;max-width:none}
 .price-card{grid-template-columns:1fr;grid-template-areas:'quote' 'facts' 'records' 'cta';gap:24px;padding-top:28px}.price{font-size:88px;margin-block:20px 16px}.offer-facts{grid-template-columns:1fr;gap:0}.offer-facts>div{padding-bottom:18px;margin-bottom:18px}.offer-facts>div:nth-last-child(-n+2){margin-bottom:18px}.offer-facts>div:last-child{margin-bottom:0}.offer-facts dd{font-size:14px}.records-note{max-width:none}.price-card>.button{font-size:14px}
 .faq-section{gap:28px}.contact-card strong{font-size:28px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

/* Shared language entry: a compact row preserves the approved co-brand geometry. */
.language-switcher{display:flex;justify-content:flex-end;align-items:center;gap:4px;padding-block:2px;border-bottom:1px solid var(--line)}
.language-switcher a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:36px;padding:4px 10px;font-size:14px;font-weight:600;text-decoration:none;color:var(--muted)}
.language-switcher a:hover,.language-switcher a[aria-current=page]{color:var(--green-dark);text-decoration:underline;text-underline-offset:5px}
.language-switcher a[aria-current=page]{font-weight:800}
.brand.brand-horizontal img{aspect-ratio:1600/592}
.parent-brand-horizontal{aspect-ratio:1600/639}
.privacy-section{margin-top:24px}
.privacy-section summary{font-size:14px;padding-block:16px}
.privacy-section .answer{max-width:74ch}
.privacy-section .answer p{overflow-wrap:anywhere}
.analytics-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.analytics-actions button{min-height:44px;padding:9px 14px;border:1px solid var(--green);border-radius:8px;font-size:14px;font-weight:650;background:var(--paper);color:var(--green-dark)}
.analytics-actions button:hover,.analytics-actions button[aria-pressed=true]{background:var(--mint)}
#analytics-notice{position:fixed;inset:auto 16px 16px;z-index:30;max-width:560px;margin-left:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:18px 20px;box-shadow:0 12px 32px -12px #182c2440}
#analytics-notice[hidden]{display:none}
#analytics-notice p{font-size:14px;line-height:1.6;color:var(--ink)}
#analytics-notice a{color:var(--green-dark);white-space:nowrap}
@media(max-width:767px){#analytics-notice{inset:auto 12px max(12px,env(safe-area-inset-bottom));padding:14px 16px}.analytics-actions{gap:8px}}
html{scroll-padding-top:148px}
html:lang(zh) h1,html:lang(zh) h2,html:lang(zh) h3{letter-spacing:0;line-height:1.3}
html:lang(zh) .hero h1{max-width:11em}
html:lang(ms) .hero h1{max-width:17ch}
@media(min-width:1280px) and (max-width:1499px){
 html.has-js:not(:lang(en)) .site-header .menu-toggle{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:8px 16px;border:1px solid var(--line);border-radius:8px;background:none;color:var(--ink);font-size:14px}
 html.has-js:not(:lang(en)) .site-header nav{display:none;position:absolute;right:0;top:72px;max-width:520px;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap}
 html.has-js:not(:lang(en)) .site-header nav.is-open{display:flex}
}
@media(max-width:767px){
 .language-switcher a{min-height:44px}
 html:lang(ms) .hero .button-row{flex-wrap:wrap;gap:12px 20px}
 html:lang(ms) .screen-track .screen-panel figcaption{min-height:90px}
 html:lang(zh) .hero h1{font-size:clamp(34px,8.5vw,46px)}
}