:root{--color-canvas: #f7f5ef;--color-canvas-strong: #eeeae0;--color-surface: #fffef9;--color-surface-soft: #f1eee5;--color-ink: #14201d;--color-ink-soft: #3f4a46;--color-muted: #606a66;--color-line: #d8d5cb;--color-line-strong: #b7bcb6;--color-line-control: #8a8f88;--color-primary: #163c33;--color-primary-hover: #0e2f28;--color-primary-soft: #dce9e3;--color-primary-bright: #a8d3bf;--color-dark: #0c2721;--color-dark-soft: #153a31;--color-white: #ffffff;--color-danger: #9e2f2f;--color-danger-soft: #fff0ed;--color-success: #236448;--color-flower: #9f4561;--color-flower-soft: #f6dce4;--color-bakery: #925522;--color-bakery-soft: #f4e2cd;--color-laundry: #2f7186;--color-laundry-soft: #d9edf2;--text-display: clamp(2.5rem, 1.6rem + 3.6vw, 4rem);--text-h2: clamp(1.75rem, 1.3rem + 1.8vw, 2.5rem);--text-h3: clamp(1.25rem, 1.1rem + .7vw, 1.5rem);--text-pull-quote: 1.5rem;--text-lead: clamp(1.125rem, 1.05rem + .35vw, 1.25rem);--text-body: 1rem;--text-app-brand-featured: 1.0625rem;--text-app-brand: .9375rem;--text-small: .875rem;--text-micro: .8125rem;--stroke-monogram-selector: .8;--stroke-monogram-home: .875;--stroke-monogram-app: 1.3;--tracking-display: -.025em;--tracking-h2: -.02em;--tracking-h3: -.01em;--tracking-normal: 0;--tracking-stamp: .02em;--tracking-bakery: .08em;--leading-display: 1.05;--leading-h2: 1.15;--leading-h3: 1.3;--leading-lead: 1.55;--leading-body: 1.6;--leading-small: 1.45;--leading-stamp: 1.4;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--section-rhythm: clamp(var(--space-7), 5vw, var(--space-8));--radius-sm: 12px;--radius-notch: 12px 12px 12px 4px;--radius-md: 22px;--radius-lg: 34px;--radius-round: 50%;--radius-pill: 999px;--shadow-sm: 0 10px 30px rgba(20, 32, 29, .07);--shadow-lg: 0 32px 90px rgba(6, 27, 22, .2);--shell: 1240px;--header-h: 82px;--scroll-offset: calc(var(--header-h) + var(--space-5));--token-bg: var(--color-dark-soft);--token-notch: 6px;--motion-micro: .16s;--motion-state: .24s;--motion-step: .32s;--motion-stagger: 40ms;--motion-ease: cubic-bezier(.2, 0, 0, 1)}@media(max-width:767px){:root{--header-h: 70px}}@media(prefers-reduced-motion:reduce){:root{--motion-micro: 0ms;--motion-state: 0ms;--motion-step: 0ms;--motion-stagger: 0ms}}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Medium.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-SemiBold.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Manrope Fallback;src:local("Arial");font-style:normal;font-weight:400 600;size-adjust:104.14%;ascent-override:102.37%;descent-override:28.81%;line-gap-override:0%}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--scroll-offset)}[id]{scroll-margin-top:var(--scroll-offset)}body{margin:0;background:var(--color-canvas);color:var(--color-ink);font-family:Manrope,Manrope Fallback,system-ui,sans-serif;font-size:var(--text-body);line-height:var(--leading-body);text-rendering:optimizeLegibility}button,input,select{font:inherit}a{color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}:is(.flow-section,.product-stage,.site-footer):focus-visible,:is(.flow-section,.product-stage,.site-footer) :is(button,a,input,select,summary,[tabindex="-1"]):focus-visible{outline-color:var(--color-primary-bright)}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}h1{font-size:var(--text-display);font-weight:600;letter-spacing:var(--tracking-display);line-height:var(--leading-display)}h2{font-size:var(--text-h2);font-weight:600;letter-spacing:var(--tracking-h2);line-height:var(--leading-h2)}h3{font-size:var(--text-h3);letter-spacing:var(--tracking-h3);line-height:var(--leading-h3)}.shell{width:min(calc(100% - (2 * var(--space-5))),var(--shell));margin-inline:auto;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.section-pad{padding-block:var(--section-rhythm)}.skip-link{position:fixed;z-index:1000;top:12px;left:12px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-primary);font-weight:600;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid color-mix(in srgb,var(--color-line),transparent 30%);background:var(--color-canvas);padding-top:env(safe-area-inset-top)}.header-inner{min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-ink);text-decoration:none}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-notch);background:var(--color-primary);color:var(--color-white)}.brand-mark span{font-size:var(--text-micro);font-weight:600;letter-spacing:var(--tracking-display)}.brand-word{font-size:var(--text-lead);font-weight:600;letter-spacing:var(--tracking-display)}.site-navigation{display:flex;align-items:center;gap:var(--space-6)}.site-navigation>a:not(.button){color:var(--color-ink-soft);font-size:var(--text-small);font-weight:500;text-decoration:none}.site-navigation>a:not(.button):hover{color:var(--color-primary)}.menu-button{display:none;min-width:44px;min-height:44px;align-items:center;gap:var(--space-2);border:0;background:transparent;color:var(--color-ink);cursor:pointer}.menu-button:hover{color:var(--color-primary)}.menu-lines,.menu-lines:before,.menu-lines:after{display:block;width:20px;height:2px;border-radius:var(--radius-sm);background:currentColor}.menu-lines{position:relative}.menu-lines:before,.menu-lines:after{position:absolute;left:0;content:""}.menu-lines:before{top:-6px}.menu-lines:after{top:6px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:1px solid var(--color-primary);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-white);font-size:var(--text-small);font-weight:600;text-decoration:none;transition:transform var(--motion-micro) var(--motion-ease),background-color var(--motion-micro) var(--motion-ease),border-color var(--motion-micro) var(--motion-ease)}.button:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover);transform:translateY(-2px)}.button:disabled{opacity:.72;cursor:wait;transform:none}.button-small{min-height:44px;padding:var(--space-2) var(--space-4);font-size:var(--text-small)}.button-secondary{background:transparent;color:var(--color-primary)}.button-secondary:hover{color:var(--color-white)}.button-light{border-color:var(--color-white);background:var(--color-white);color:var(--color-primary)}.button-light:hover{border-color:var(--color-primary-bright);background:var(--color-primary-bright);color:var(--color-dark)}.hero{position:relative;overflow:hidden;padding-top:var(--space-9)}.hero-grid{position:relative;display:grid;grid-template-areas:"lead theatre" "tail theatre";grid-template-columns:minmax(0,.92fr) minmax(570px,1.08fr);align-items:center;column-gap:var(--space-8)}.hero-copy{display:grid;max-width:650px}.hero-lead{grid-area:lead;grid-template-areas:"eyebrow eyebrow" "title title" "proposition proposition" "primary primary";grid-template-columns:max-content 1fr;column-gap:var(--space-3)}.hero-tail{grid-area:tail;grid-template-areas:"support" "secondary" "qualification";padding-bottom:var(--space-6)}.hero-lead>.eyebrow{grid-area:eyebrow}.eyebrow{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);color:var(--color-primary);font-size:var(--text-micro);font-weight:600;letter-spacing:var(--tracking-stamp);text-transform:uppercase}.eyebrow>span{width:28px;height:1px;background:currentColor}.eyebrow-light{color:var(--color-primary-bright)}.eyebrow-dark{color:var(--color-primary)}.hero h1{grid-area:title;max-width:760px;margin-bottom:var(--space-6)}.hero-proposition{grid-area:proposition;max-width:650px;margin-bottom:var(--space-4);color:var(--color-ink-soft);font-size:var(--text-lead);line-height:var(--leading-lead)}.hero-support{grid-area:support;max-width:590px;margin-bottom:var(--space-6);padding-left:var(--space-4);border-left:2px solid var(--color-primary-bright);color:var(--color-muted)}.hero-primary{grid-area:primary;justify-self:start}.hero-secondary{grid-area:secondary;align-self:center;justify-self:start}.qualification-note{grid-area:qualification;margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-line);color:var(--color-ink);font-size:var(--text-small);font-weight:600;line-height:var(--leading-stamp);letter-spacing:var(--tracking-stamp)}.product-artwork-sprite{position:absolute;width:0;height:0;overflow:hidden}.monogram,.catalogue-artwork{width:100%;height:100%}.duotone-accent{fill:var(--category-accent)}.duotone-soft{fill:var(--category-soft)}.product-stage{--category-accent: var(--color-flower);--category-soft: var(--color-flower-soft);position:relative;grid-area:theatre;width:660px;min-width:0;justify-self:end;overflow:hidden;padding:var(--space-5) var(--space-3);border:1px solid color-mix(in srgb,var(--color-white) 14%,transparent);border-radius:var(--radius-lg);background:var(--color-dark);color:var(--color-white);isolation:isolate}.product-stage[data-active-config=bakery]{--category-accent: var(--color-bakery);--category-soft: var(--color-bakery-soft)}.product-stage[data-active-config=laundry]{--category-accent: var(--color-laundry);--category-soft: var(--color-laundry-soft)}.stage-topline,.dashboard-title-row,.dashboard-header,.order-card,.app-bar{display:flex;align-items:center;justify-content:space-between}.stage-topline p{margin:0;font-size:var(--text-h3);letter-spacing:var(--tracking-display)}.category-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-block:var(--space-5) var(--space-5);padding:0;list-style:none}.category-selector-item{min-width:0;display:grid;justify-items:center;gap:var(--space-1);padding:0;border:0;background:transparent;color:color-mix(in srgb,var(--color-white) 72%,transparent);font-size:var(--text-micro);font-weight:500}.category-selector button{cursor:pointer}.selector-icon{width:44px;height:44px;display:grid;place-items:center;border:2px solid transparent;border-radius:var(--radius-sm);color:var(--color-white);font-weight:600}.selector-icon .monogram{stroke-width:var(--stroke-monogram-selector)}.category-selector-item-flowers .selector-icon{background:var(--color-flower)}.category-selector-item-bakery .selector-icon{background:var(--color-bakery)}.category-selector-item-laundry .selector-icon{background:var(--color-laundry)}.category-selector :is([aria-current=true],button[aria-pressed=true]) .selector-icon{border-color:var(--color-primary-bright)}.category-selector :is([aria-current=true],button[aria-pressed=true]) .selector-label{color:var(--color-white);font-weight:600}.category-selector button:hover:not([aria-pressed=true]) .selector-label{color:var(--color-white)}.product-composition{display:grid;grid-template-columns:280px 48px minmax(300px,1fr);align-items:start;height:520px;overflow:hidden}.phone-frame{position:relative;z-index:3;width:280px;height:560px;padding:var(--space-2);border:1px solid color-mix(in srgb,var(--color-white) 28%,transparent);border-radius:var(--radius-lg);background:var(--color-dark);box-shadow:var(--shadow-lg)}.phone-speaker{position:absolute;z-index:3;width:68px;height:17px;top:12px;left:50%;border-radius:var(--radius-sm);background:var(--color-dark);transform:translate(-50%)}.phone-screen{--phone-home-icon-half-size: 20px;--phone-home-icon-size: calc( var(--phone-home-icon-half-size) + var(--phone-home-icon-half-size) );position:relative;height:100%;overflow:hidden;padding:var(--space-4) var(--space-3) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink)}.phone-home-screen{position:absolute;inset:0;z-index:2;display:grid;justify-items:center;align-content:start;padding-top:calc(var(--space-8) + var(--space-3));background:var(--color-dark-soft);color:var(--color-white)}.phone-home-screen[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.js:not(.phone-entrance-finished) .phone-screen .phone-home-screen[hidden]{display:grid}}.phone-home-icons{display:grid;grid-template-columns:repeat(4,var(--phone-home-icon-size));gap:var(--space-3)}.phone-home-icon{position:relative;width:var(--phone-home-icon-size);height:var(--phone-home-icon-size);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-white) 12%,transparent)}.phone-home-icon-live{display:grid;place-items:center;background:var(--category-accent);font-size:var(--text-micro);font-weight:600}.phone-home-icon-live .monogram{stroke-width:var(--stroke-monogram-home)}.phone-home-icon-live small{position:absolute;top:calc(100% + var(--space-1));left:50%;max-width:104px;overflow:hidden;color:var(--color-white);font-size:var(--text-micro);font-weight:500;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%)}.phone-app-content{position:relative;z-index:1;background:var(--color-surface);transform-origin:calc(50% - 26px) calc(var(--space-8) + var(--space-3) + var(--phone-home-icon-size) + var(--space-3) + var(--phone-home-icon-half-size) - var(--space-4))}.js:not(.phone-entrance-finished) .phone-screen[data-entrance-state=home] .phone-app-content,.js:not(.phone-entrance-finished) .phone-screen[data-entrance-state=opening] .phone-app-content{transform:scale(.92)}.phone-screen[data-entrance-state=open] .phone-app-content{transform:scale(1);transition:transform var(--motion-step) var(--motion-ease)}.phone-screen[data-entrance-state=open] .phone-home-screen{opacity:0;transition:opacity var(--motion-step) var(--motion-ease)}.app-bar{--phone-swap-order: 0;min-height:35px;gap:var(--space-2);padding-top:var(--space-1)}.app-logo{width:27px;height:27px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--category-accent);color:var(--color-white);font-size:var(--text-micro);font-weight:600}.app-logo .monogram{stroke-width:var(--stroke-monogram-app)}.app-brand{overflow:hidden;flex:1;font-size:var(--text-app-brand);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.product-stage[data-active-config=flowers] .app-brand{font-size:var(--text-app-brand-featured);font-weight:500;letter-spacing:var(--tracking-stamp)}.product-stage[data-active-config=bakery] .app-brand{letter-spacing:var(--tracking-bakery);text-transform:uppercase}.product-stage[data-active-config=laundry] .app-brand{font-weight:500;letter-spacing:var(--tracking-display)}.cart-count{width:23px;height:23px;display:grid;place-items:center;border-radius:var(--radius-round);background:var(--color-surface-soft);font-size:var(--text-micro);font-weight:600}.app-intro{--phone-swap-order: 1;padding-block:var(--space-4) var(--space-3)}.app-intro p{margin-bottom:var(--space-1);color:var(--category-accent);font-size:var(--text-micro);font-weight:600}.app-intro h3{max-width:155px;margin:0;font-size:var(--text-body)}.catalogue-list{display:grid;gap:var(--space-2)}.catalogue-item{display:grid;grid-template-columns:51px 1fr;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-white)}.catalogue-item:first-child{--phone-swap-order: 2}.catalogue-item:last-child{--phone-swap-order: 3}.catalogue-image{height:48px;display:block;overflow:hidden;border-radius:var(--radius-sm)}.catalogue-item span:last-child{min-width:0;display:grid}.catalogue-item strong{overflow:hidden;font-size:var(--text-small);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.catalogue-item small{color:var(--color-muted);font-size:var(--text-small);font-weight:600}.catalogue-item+.catalogue-item :is(strong,small){font-size:var(--text-micro);font-weight:500}.app-fulfilment{--phone-swap-order: 4;display:grid;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);background:var(--category-soft)}.phone-swap-region{opacity:1;transform:translateY(0)}.product-stage[data-swap-state=exiting] .phone-swap-region{opacity:0;transform:translateY(6px);transition:opacity var(--motion-micro) var(--motion-ease),transform var(--motion-micro) var(--motion-ease)}.product-stage[data-swap-state=resetting] .phone-swap-region{opacity:0;transform:translateY(-6px);transition:none}.product-stage[data-swap-state=entering] .phone-swap-region{opacity:1;transform:translateY(0);transition:opacity var(--motion-state) var(--motion-ease),transform var(--motion-state) var(--motion-ease);transition-delay:calc(var(--phone-swap-order) * var(--motion-stagger))}.app-fulfilment small{color:var(--color-muted);font-size:var(--text-micro)}.app-fulfilment strong{font-size:var(--text-micro)}.app-action{margin-top:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--category-accent);color:var(--color-white);font-size:var(--text-micro);font-weight:600;text-align:center}.order-bridge{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center}.bridge-line{position:absolute;width:100%;height:1px;background:var(--color-primary-bright)}.order-token{width:max-content;height:44px;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4) 0 calc(var(--space-4) + var(--token-notch));border-radius:var(--radius-sm);background:var(--token-bg);color:var(--color-white);box-shadow:var(--shadow-sm);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='44' viewBox='0 0 6 44'%3E%3Cmask id='notches'%3E%3Crect width='6' height='44' fill='white'/%3E%3Ccircle cy='13' r='6' fill='black'/%3E%3Ccircle cy='31' r='6' fill='black'/%3E%3C/mask%3E%3Crect width='6' height='44' fill='black' mask='url(%23notches)'/%3E%3C/svg%3E") left center / auto 100% no-repeat,linear-gradient(black,black) var(--token-notch) center / calc(100% - var(--token-notch)) 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='44' viewBox='0 0 6 44'%3E%3Cmask id='notches'%3E%3Crect width='6' height='44' fill='white'/%3E%3Ccircle cy='13' r='6' fill='black'/%3E%3Ccircle cy='31' r='6' fill='black'/%3E%3C/mask%3E%3Crect width='6' height='44' fill='black' mask='url(%23notches)'/%3E%3C/svg%3E") left center / auto 100% no-repeat,linear-gradient(black,black) var(--token-notch) center / calc(100% - var(--token-notch)) 100% no-repeat}.order-bridge>.order-token{position:absolute;z-index:2;top:45%;left:50%;transform:translate(-50%,-50%)}.order-token strong{font-size:var(--text-small);font-weight:600}.order-token>span{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-micro)}.order-token i{width:6px;height:6px;border-radius:var(--radius-round);background:var(--color-primary-bright)}.operations-stack{display:grid;gap:var(--space-4)}.dashboard-card,.fulfilment-card{color:var(--color-ink)}.fulfilment-card{box-shadow:var(--shadow-sm)}.dashboard-card{padding:var(--space-4);border:1px solid color-mix(in srgb,var(--color-white) 50%,transparent);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg)}.dashboard-header{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-line)}.dashboard-brand{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-micro);font-weight:600}.dashboard-brand span{width:23px;height:23px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-white);font-size:var(--text-micro)}.live-pill,.status-pill{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-micro);font-weight:600}.live-pill{display:flex;align-items:center;gap:var(--space-1);background:var(--color-primary-soft);color:var(--color-primary)}.live-pill i{width:5px;height:5px;border-radius:var(--radius-round);background:var(--color-success)}.dashboard-title-row{padding-block:var(--space-4) var(--space-3)}.dashboard-title-row small{display:block;margin-bottom:var(--space-1);color:var(--color-muted);font-size:var(--text-micro)}.dashboard-title-row h3{margin:0;font-size:var(--text-small)}.dashboard-filter{padding:var(--space-1) var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--text-micro)}.order-card{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface-soft)}.order-main{min-width:0;display:flex;align-items:center;gap:var(--space-2)}.order-main div{min-width:0;display:grid}.order-main strong{font-size:var(--text-small)}.order-main small{overflow:hidden;color:var(--color-muted);font-size:var(--text-small);text-overflow:ellipsis;white-space:nowrap}.dashboard-summary-stack{display:grid}.dashboard-summary-stack small{grid-area:1 / 1}.dashboard-summary-incoming{opacity:0}.dashboard-summary-stack[data-crossfading] small{transition:opacity var(--motion-micro) var(--motion-ease)}.dashboard-summary-stack[data-crossfading] [data-dashboard-summary]{opacity:0}.dashboard-summary-stack[data-crossfading] .dashboard-summary-incoming{opacity:1}.order-card-secondary{justify-content:flex-start;margin-top:var(--space-2);border-color:var(--color-line);background:var(--color-white);color:var(--color-ink-soft);font-size:var(--text-small)}.order-card-secondary strong{color:var(--color-ink);font-weight:600}.order-icon{width:26px;height:26px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--category-accent);color:var(--color-white);font-size:var(--text-micro);transition:background-color var(--motion-micro) var(--motion-ease)}.status-pill{flex:0 0 auto;background:var(--color-white);color:var(--color-primary)}.fulfilment-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid color-mix(in srgb,var(--color-white) 22%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-white) 92%,transparent)}.fulfilment-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.fulfilment-card div{display:grid}.fulfilment-card small{color:var(--color-muted);font-size:var(--text-micro)}.fulfilment-card strong{font-size:var(--text-micro)}.fulfilment-card p{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--text-micro);line-height:var(--leading-stamp)}.check-mark{width:23px;height:23px;display:grid;place-items:center;border-radius:var(--radius-round);background:var(--color-primary);color:var(--color-white);font-size:var(--text-micro)}.configuration-rule{margin:var(--space-5) 0 var(--space-1);color:color-mix(in srgb,var(--color-white) 62%,transparent);font-size:var(--text-micro);text-align:center}.configuration-rule span{color:var(--color-white);font-weight:600}.synthetic-caption{margin:0;color:color-mix(in srgb,var(--color-white) 72%,transparent);font-size:var(--text-micro);text-align:center}.problem-section{background:var(--color-surface)}.problem-grid,.customer-adoption-grid,.configuration-grid,.faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:var(--space-7) var(--space-9)}.section-heading h2{margin-bottom:var(--space-5)}.section-heading>p:not(.eyebrow){max-width:680px;color:var(--color-muted);font-size:var(--text-body)}.problem-copy>p:first-child{color:var(--color-ink-soft);font-size:var(--text-lead);line-height:var(--leading-body)}.callout-copy{margin:var(--space-6) 0 0;padding:var(--space-5) var(--space-5);border-left:3px solid var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary);font-weight:500}.channel-map{display:grid;grid-template-columns:repeat(3,1fr) auto 1.35fr;align-items:stretch;gap:var(--space-3);margin-top:var(--space-8)}.channel-source,.channel-result{min-height:118px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md)}.channel-source{background:var(--color-canvas)}.channel-result{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-white)}.channel-source>span,.channel-result>span{width:39px;height:39px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary);font-size:var(--text-micro);font-weight:600}.channel-source div,.channel-result div{min-width:0;display:grid}.channel-source strong,.channel-result strong{font-size:var(--text-micro)}.channel-source small,.channel-result small{color:var(--color-muted);font-size:var(--text-micro)}.channel-result small{color:color-mix(in srgb,var(--color-white) 65%,transparent)}.channel-arrow{align-self:center;color:var(--color-line-strong);font-size:var(--text-h3)}.flow-section{background:var(--color-dark);color:var(--color-white)}.section-heading-centered{max-width:880px;margin-inline:auto;text-align:center}.section-heading-centered .eyebrow{justify-content:center}.flow-section .section-heading>p:not(.eyebrow){color:color-mix(in srgb,var(--color-white) 66%,transparent)}.customer-adoption-section{background:var(--color-surface)}.customer-adoption-benefits h3{margin-bottom:var(--space-4)}.customer-adoption-benefits ul{display:grid;gap:var(--space-2);margin:0;padding-left:var(--space-5)}.customer-adoption-pull-quote{grid-column:1 / -1;max-width:38ch;margin:0;padding-left:var(--space-5);border-left:2px solid var(--color-primary);color:var(--color-ink);font-size:var(--text-pull-quote);font-weight:500;line-height:var(--leading-h3)}.connected-flow{--category-accent: var(--color-flower);--category-soft: var(--color-flower-soft);margin-top:var(--space-8)}.connected-flow[data-active-config=bakery]{--category-accent: var(--color-bakery);--category-soft: var(--color-bakery-soft)}.connected-flow[data-active-config=laundry]{--category-accent: var(--color-laundry);--category-soft: var(--color-laundry-soft)}.flow-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin:0 0 var(--space-5);padding:0;list-style:none}.flow-controls li,.flow-controls button{min-height:44px;display:grid;place-items:center;padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb,var(--color-white) 12%,transparent);border-radius:var(--radius-pill);background:transparent;color:color-mix(in srgb,var(--color-white) 64%,transparent);font-size:var(--text-micro);font-variant-numeric:tabular-nums;text-align:center}.flow-controls button{width:100%;cursor:pointer;transition:background-color var(--motion-state) var(--motion-ease),border-color var(--motion-state) var(--motion-ease),color var(--motion-state) var(--motion-ease)}.flow-controls :is(li[aria-current=step],button[aria-pressed=true]){border-color:var(--color-primary-bright);background:var(--color-primary-bright);color:var(--color-dark);font-weight:600}.flow-controls button:hover:not([aria-pressed=true]){border-color:color-mix(in srgb,var(--color-primary-bright) 60%,transparent);color:var(--color-white)}.flow-rail{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:var(--space-6)}.flow-connector{position:absolute;z-index:0;top:50%;right:calc(100% / 6);left:calc(100% / 6);height:1px;background:color-mix(in srgb,var(--color-primary-bright) 32%,transparent)}.flow-surface{position:relative;z-index:1;min-width:0;height:208px;overflow:hidden;display:grid;align-content:center;padding:var(--space-5);border:1px solid color-mix(in srgb,var(--color-white) 20%,transparent);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);opacity:.55;transition:opacity var(--motion-state) var(--motion-ease)}.connected-flow[data-active-step="1"] [data-flow-surface="1"],.connected-flow[data-active-step="2"] [data-flow-surface="2"],.connected-flow[data-active-step="3"] [data-flow-surface="3"]{opacity:1}.flow-phone{width:78%;justify-self:center;align-content:start;padding-bottom:0;border-radius:var(--radius-md) var(--radius-md) 0 0}.flow-phone-bar,.flow-dashboard-bar,.flow-dashboard-order{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.flow-phone-bar{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-line)}.flow-phone-bar span,.flow-dashboard-bar strong span{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:var(--radius-sm);color:var(--color-white);font-size:var(--text-micro)}.flow-phone-bar span{background:var(--category-accent)}.flow-dashboard-bar strong span{background:var(--color-flower)}.flow-phone-bar strong,.flow-dashboard-bar strong{font-size:var(--text-micro)}.flow-phone>p,.flow-dashboard>p{margin:var(--space-3) 0;font-size:var(--text-small);font-weight:600}.flow-phone-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface-soft)}.flow-phone-item>span{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--category-soft)}.flow-phone-item strong,.flow-phone-item small{font-size:var(--text-micro)}.flow-phone-checkout{margin-top:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--category-accent);color:var(--color-white);font-size:var(--text-micro);font-weight:600;text-align:center}.flow-dashboard-bar{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-line)}.flow-dashboard-bar strong{display:flex;align-items:center;gap:var(--space-2)}.flow-dashboard-bar strong span{background:var(--color-primary)}.flow-dashboard-bar small{color:var(--color-success);font-size:var(--text-micro);font-weight:600}.flow-dashboard-order{flex-wrap:wrap;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface-soft)}.flow-dashboard-order strong{font-size:var(--text-small)}.flow-dashboard-order small{flex-basis:100%;color:var(--color-muted);font-size:var(--text-micro)}.flow-dashboard-order span{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--text-micro);font-weight:600}.flow-fulfilment{height:132px;align-self:center;grid-template-columns:1fr auto;column-gap:var(--space-3)}.flow-fulfilment small,.flow-fulfilment p{grid-column:1 / -1;color:var(--color-muted);font-size:var(--text-micro)}.flow-fulfilment strong{font-size:var(--text-small)}.flow-fulfilment p{margin:var(--space-1) 0;line-height:var(--leading-stamp)}.flow-markers{position:absolute;z-index:2;inset:0;display:grid;grid-template-columns:repeat(3,1fr);pointer-events:none}.flow-markers span{width:14px;height:14px;place-self:center;border:2px solid var(--color-primary-bright);border-radius:var(--radius-round);background:var(--color-dark)}.flow-markers [data-flow-marker=filled]{background:var(--color-primary-bright)}.flow-token-track{position:absolute;z-index:3;top:0;bottom:0;left:0;width:calc((100% - (2 * var(--space-6))) / 3);display:grid;place-items:center;pointer-events:none;transition:transform var(--motion-step) var(--motion-ease)}.flow-token-track[data-token-stop="2"]{transform:translate(calc(100% + var(--space-6)))}.flow-token-track[data-token-stop="3"]{transform:translate(calc(200% + (2 * var(--space-6))))}.flow-annotations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-5)}.flow-annotation{min-width:0;color:var(--color-white);opacity:1}.flow-annotation h3{margin-bottom:var(--space-3);font-size:var(--text-h3)}.flow-annotation p{max-width:46ch;margin-bottom:0;color:color-mix(in srgb,var(--color-white) 78%,transparent);font-size:var(--text-small)}.flow-annotation .flow-driver-copy{margin-top:var(--space-3);color:var(--color-white)}.connected-flow[data-enhanced=true] .flow-annotations{position:relative;grid-template-columns:1fr}.connected-flow[data-enhanced=true] .flow-annotation{position:absolute;grid-area:1 / 1;inset-block-start:0;inset-inline:0;opacity:0;pointer-events:none;transition:opacity var(--motion-state) var(--motion-ease)}.connected-flow[data-enhanced=true][data-active-step="1"] [data-flow-annotation="1"],.connected-flow[data-enhanced=true][data-active-step="2"] [data-flow-annotation="2"],.connected-flow[data-enhanced=true][data-active-step="3"] [data-flow-annotation="3"]{position:static;opacity:1;pointer-events:auto}.connected-flow[data-enhanced=true][data-flow-state=exiting] [data-flow-annotation],.connected-flow[data-enhanced=true][data-flow-state=resetting] [data-flow-annotation]{opacity:0}.connected-flow[data-enhanced=true][data-flow-state=resetting] [data-flow-annotation]{transition:none}.section-action{display:grid;justify-items:center;gap:var(--space-3);margin-top:var(--space-7)}.section-action p{color:color-mix(in srgb,var(--color-white) 50%,transparent);font-size:var(--text-micro)}.configuration-section{background:var(--color-canvas-strong)}.configuration-panel{overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.order-main strong,.order-token,.step-number,[data-app-fulfilment],[data-dashboard-previous-order-identifier],[data-dashboard-order-timestamp],[data-price-one],[data-price-two]{font-variant-numeric:tabular-nums}.configuration-comparison{display:grid;grid-template-columns:1fr minmax(180px,.75fr) 1fr;align-items:stretch;gap:var(--space-4);padding:var(--space-6)}.configuration-list h3{margin-bottom:var(--space-3);font-size:var(--text-body)}.configuration-list ul{display:grid;gap:var(--space-2);margin:0;padding-left:var(--space-4)}.configuration-list li{color:var(--color-muted);font-size:var(--text-micro)}.configuration-invariant{display:grid;place-items:center;margin:0;padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-ink-soft);font-size:var(--text-micro);font-weight:600;text-align:center}.discovery-invitation{margin:0;padding:0 var(--space-6) var(--space-5);color:var(--color-ink-soft);font-size:var(--text-small);font-weight:600}.simulation-note{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-line);background:var(--color-surface-soft);color:var(--color-muted);font-size:var(--text-micro)}.simulation-note span{width:18px;height:18px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--color-line-strong);border-radius:var(--radius-round);font-size:var(--text-micro)}.fit-section{background:var(--color-surface)}.narrow-heading{max-width:760px}.fit-grid{max-width:1030px;display:grid;grid-template-columns:1.08fr .92fr;gap:var(--space-4);margin:var(--space-8) auto 0}.fit-card{padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-md)}.fit-card-positive{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-sm)}.fit-card-boundary{background:var(--color-canvas)}.fit-label{display:inline-flex;margin-bottom:var(--space-5);padding:var(--space-2) var(--space-2);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-white) 12%,transparent);color:var(--color-primary-bright);font-size:var(--text-micro);font-weight:600;letter-spacing:var(--tracking-stamp);text-transform:uppercase}.fit-card-boundary .fit-label{background:var(--color-surface-soft);color:var(--color-muted)}.fit-card ul{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}.fit-card li{display:grid;grid-template-columns:30px 1fr;align-items:start;gap:var(--space-3)}.fit-card li>span{width:26px;height:26px;display:grid;place-items:center;border-radius:var(--radius-round);background:color-mix(in srgb,var(--color-white) 12%,transparent);color:var(--color-primary-bright);font-size:var(--text-micro)}.fit-card-boundary li>span{background:var(--color-surface-soft);color:var(--color-muted)}.fit-card li div{display:grid}.fit-card strong{font-size:var(--text-small)}.fit-card small{color:color-mix(in srgb,var(--color-white) 58%,transparent);font-size:var(--text-micro)}.fit-card-boundary small{color:var(--color-muted)}.next-steps-section{padding-block:var(--space-7);background:var(--color-dark);color:var(--color-white)}.next-steps-grid{display:grid;grid-template-columns:.7fr 1.3fr auto;align-items:end;gap:var(--space-5) var(--space-7)}.next-steps-grid h2{align-self:start;margin:0}.next-steps-grid ol{grid-row:span 2;display:grid;gap:var(--space-3);margin:0;padding-left:var(--space-5)}.next-steps-grid li{padding-left:var(--space-2)}.next-steps-grid li::marker{color:var(--color-primary-bright);font-weight:600}.next-steps-grid li p{margin:0}.next-steps-fit-line{font-size:var(--text-body);font-weight:600}.next-steps-reassurance{margin:0;color:color-mix(in srgb,var(--color-white) 72%,transparent);font-size:var(--text-small)}.faq-section{background:var(--color-canvas)}.faq-heading{position:sticky;top:var(--scroll-offset)}.text-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);color:var(--color-primary);font-weight:600;text-decoration:none}.text-link:hover{color:var(--color-primary-hover);text-decoration:underline;text-underline-offset:4px}.footer-grid nav a:hover{color:var(--color-white);text-decoration:underline;text-underline-offset:4px}.faq-list details{border-bottom:1px solid var(--color-line)}.faq-list details:first-child{border-top:1px solid var(--color-line)}.faq-list summary{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);color:var(--color-ink);font-weight:600;cursor:pointer;list-style:none}.faq-list summary:hover{color:var(--color-primary)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{position:relative;width:28px;height:28px;flex:0 0 auto;border:1px solid var(--color-line-control);border-radius:var(--radius-round)}.faq-list summary i:before,.faq-list summary i:after{position:absolute;width:10px;height:1px;top:50%;left:50%;background:var(--color-primary);content:"";transform:translate(-50%,-50%)}.faq-list summary i:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform var(--motion-micro) var(--motion-ease)}.faq-list details[open] summary i:after{transform:translate(-50%,-50%) rotate(0)}.faq-list details>p{max-width:680px;margin-bottom:var(--space-5);color:var(--color-muted);opacity:1;transform:none;transition:opacity var(--motion-state) var(--motion-ease),transform var(--motion-state) var(--motion-ease)}@starting-style{.faq-list details[open]>p{opacity:0;transform:translateY(calc(-1 * var(--space-2)))}}.conversion-section{background:var(--color-canvas-strong)}.conversion-grid{display:grid;grid-template-columns:.84fr 1.16fr;align-items:start;gap:var(--space-7) var(--space-9)}.conversion-copy{position:sticky;top:var(--scroll-offset)}.conversion-copy h2{margin-bottom:var(--space-5)}.conversion-copy>p:not(.eyebrow){color:var(--color-ink-soft);font-size:var(--text-body)}.demo-form{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-sm)}.form-required-note{margin:var(--space-1) 0 var(--space-3);color:var(--color-muted);font-size:var(--text-micro)}.demo-form>fieldset{margin:0;padding:var(--space-5) 0 0;border:0}.demo-form>fieldset+fieldset{margin-top:var(--space-5);border-top:1px solid var(--color-line)}.demo-form>fieldset>legend{padding:0;color:var(--color-primary);font-size:var(--text-micro);font-weight:600;letter-spacing:var(--tracking-stamp);text-transform:uppercase}.field-grid{display:grid;gap:var(--space-4)}.field-grid-two{grid-template-columns:repeat(2,1fr)}.field{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.field[hidden]{display:none}.field label,.choice-group>legend{color:var(--color-ink-soft);font-size:var(--text-micro);font-weight:600}.field label>span,.choice-group>legend>span{color:var(--color-danger)}.field label small{float:right;color:var(--color-muted);font-size:var(--text-micro);font-weight:400}.field input,.field select{width:100%;min-height:48px;padding:var(--space-3) var(--space-3);border:1px solid var(--color-line-control);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-ink);font-size:var(--text-body)}.field input::placeholder{color:var(--color-muted)}.field input:hover,.field select:hover{border-color:var(--color-primary)}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--color-danger);background:var(--color-danger-soft)}.choice-group{margin:var(--space-5) 0 0;padding:0;border:0}.choice-group>legend{padding:0}.choice-group>p{margin:var(--space-1) 0 var(--space-2);color:var(--color-muted);font-size:var(--text-micro)}.choice-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.choice-grid label{position:relative;cursor:pointer}.choice-grid input{position:absolute;width:1px;height:1px;opacity:0}.choice-grid span{min-height:44px;display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);border:1px solid var(--color-line-control);border-radius:var(--radius-pill);color:var(--color-ink-soft);font-size:var(--text-micro)}.choice-grid input+span{transition:border-color var(--motion-micro) var(--motion-ease),background-color var(--motion-micro) var(--motion-ease)}.choice-grid input:checked+span{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.choice-grid input:focus-visible+span{outline:3px solid var(--color-primary);outline-offset:3px}.field-error{margin:0;color:var(--color-danger);font-size:var(--text-small)}.error-summary{margin-top:var(--space-5);padding:var(--space-4) var(--space-4);border-left:3px solid var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-micro)}.error-summary ul{display:grid;gap:var(--space-1);margin:var(--space-2) 0 0;padding-left:var(--space-4)}.privacy-copy{margin:var(--space-5) 0 var(--space-4);color:var(--color-muted);font-size:var(--text-small)}.privacy-copy a{color:var(--color-primary)}.field-hint{margin:var(--space-1) 0 var(--space-2);color:var(--color-muted);font-size:var(--text-micro)}.form-reassurance{margin:0 0 var(--space-4);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink-soft);font-size:var(--text-body)}.form-submit{width:100%;justify-content:space-between;border-radius:var(--radius-sm)}.form-submit i{font-style:normal}.form-submit:disabled{cursor:wait;opacity:.65;transform:none}.form-status{min-height:24px;margin:var(--space-3) 0 0;color:var(--color-muted);font-size:var(--text-micro);text-align:center}.field-annex{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.site-footer{padding-top:var(--space-8);padding-bottom:env(safe-area-inset-bottom);background:var(--color-dark);color:var(--color-white)}.footer-grid{display:grid;grid-template-columns:1.25fr .7fr .8fr;gap:var(--space-8);padding-bottom:var(--space-8)}.brand-footer{color:var(--color-white)}.footer-grid>div:first-child>p{max-width:380px;margin:var(--space-5) 0 0;color:color-mix(in srgb,var(--color-white) 55%,transparent)}.footer-grid nav{display:grid;align-content:start;gap:var(--space-3)}.footer-grid nav a{color:color-mix(in srgb,var(--color-white) 68%,transparent);font-size:var(--text-micro);text-decoration:none}.footer-action{justify-self:end}.footer-action p{margin-bottom:var(--space-3);color:color-mix(in srgb,var(--color-white) 55%,transparent);font-size:var(--text-micro)}.footer-bottom{display:flex;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4);border-top:1px solid color-mix(in srgb,var(--color-white) 10%,transparent);color:color-mix(in srgb,var(--color-white) 62%,transparent);font-size:var(--text-micro)}.legal-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-6) var(--space-5);background:var(--color-canvas)}.legal-shell{max-width:700px;padding:var(--space-7);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.legal-shell .brand{margin-bottom:var(--space-8)}.legal-shell h1{margin-bottom:var(--space-5)}.legal-shell>p:not(.eyebrow){margin-bottom:var(--space-6);color:var(--color-muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;padding:0;border:0;margin:calc(-1 * var(--space-1));clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:1280px){.hero-grid{grid-template-areas:"lead" "theatre" "tail";grid-template-columns:1fr;row-gap:var(--space-8)}.hero-copy{max-width:820px}.product-stage{margin-inline:auto}}@media(max-width:1160px){.problem-grid,.customer-adoption-grid,.configuration-grid,.faq-grid,.conversion-grid{gap:var(--space-7) var(--space-8)}.channel-map{grid-template-columns:repeat(3,1fr)}.channel-arrow{display:none}.channel-result{grid-column:1 / -1}}@media(max-width:860px){.shell{width:min(calc(100% - (2 * var(--space-4))),var(--shell))}.site-header{position:static}.site-header[data-menu-enhanced=true]{position:sticky}.header-inner{flex-wrap:wrap;gap:var(--space-2)}.brand{order:1}.header-cta{order:2;margin-left:auto}.menu-button{order:3}.site-navigation{width:100%;order:4;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1)}.site-header[data-menu-enhanced=true] .header-inner{flex-wrap:nowrap}.site-header[data-menu-enhanced=true] .menu-button{display:flex}.site-header[data-menu-enhanced=true] .site-navigation{position:absolute;top:calc(100% + 1px);right:16px;left:16px;display:none;grid-template-columns:1fr;align-items:stretch;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-line);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.site-header[data-menu-enhanced=true] .site-navigation[data-open=true]{display:grid}.site-navigation>a:not(.button){min-height:44px;display:flex;align-items:center;padding-inline:var(--space-3)}.hero{padding-top:var(--space-8)}.problem-grid,.customer-adoption-grid,.configuration-grid,.next-steps-grid,.faq-grid,.conversion-grid{grid-template-columns:1fr}.next-steps-grid ol{grid-row:auto}.next-steps-grid .button{justify-self:start}.fit-grid{grid-template-columns:1fr}.faq-heading,.conversion-copy{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-action{grid-column:1 / -1;justify-self:start}}@media(max-width:520px){.brand-word,.menu-button>span:first-child{display:none}.header-cta{padding-inline:var(--space-3);font-size:var(--text-micro)}}@media(max-width:768px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:0}.hero-tail{padding-bottom:0}.hero-primary{margin-bottom:var(--space-7)}.product-stage{width:calc(100% + (2 * var(--space-4)));margin-inline:calc(-1 * var(--space-4));padding:var(--space-4);border-radius:var(--radius-md)}.hero-support{margin-top:var(--space-7)}.product-composition{grid-template-columns:minmax(0,1fr);grid-template-rows:464px auto;height:auto}.phone-frame{width:300px;max-width:100%;grid-column:1;grid-row:1 / span 2;justify-self:center}.operations-stack{position:relative;z-index:4;width:100%;grid-column:1;grid-row:2}.dashboard-card{width:88%;justify-self:end}.fulfilment-card{width:100%}.product-stage .order-bridge{z-index:5;width:88%;height:0;grid-column:1;grid-row:2;justify-self:end}.product-stage .bridge-line{display:none}.product-stage .order-bridge>.order-token{top:0;left:var(--space-4);transform:translateY(-50%)}}@media(max-width:640px){.hero{padding-top:var(--space-7)}.hero-primary{width:100%}.stage-topline{align-items:flex-start;gap:var(--space-3)}.order-card:not(.order-card-secondary){flex-wrap:wrap}.order-card:not(.order-card-secondary) .order-main{flex-basis:100%}.order-main small{overflow:visible;text-overflow:clip;white-space:normal}.channel-map{grid-template-columns:1fr}.channel-result{grid-column:auto}.connected-flow{--flow-token-half-height: 22px}.flow-controls,.flow-rail,.flow-annotations{grid-template-columns:1fr}.flow-rail{grid-template-rows:repeat(3,minmax(0,1fr));gap:var(--space-5)}.flow-surface,.flow-fulfilment{width:100%;height:auto;min-height:208px}.flow-phone{width:78%}.flow-connector{top:calc(100% / 6);right:auto;bottom:calc(100% / 6);left:50%;width:1px;height:auto}.flow-markers{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.flow-token-track{grid-row:1 / 2;inset:0;width:auto;height:auto;transition:transform var(--motion-step) var(--motion-ease)}.flow-token-track[data-token-stop="2"],.flow-token-track[data-token-stop="3"]{transform:translateY(var(--flow-token-y, 0))}.flow-annotations{margin-top:calc(var(--space-5) + var(--flow-token-half-height))}.connected-flow[data-enhanced=true] .flow-annotations{grid-template-columns:1fr}.configuration-comparison{grid-template-columns:1fr;padding:var(--space-5)}.fit-card,.demo-form{padding:var(--space-5)}.field-grid-two{grid-template-columns:1fr}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr)}.choice-grid span{width:100%;justify-content:center;text-align:center}.footer-grid{grid-template-columns:1fr;gap:var(--space-6)}.footer-action{grid-column:auto}.footer-bottom{flex-direction:column}.legal-shell{padding:var(--space-6)}}@media(max-width:320px){.product-composition{grid-template-columns:minmax(0,1fr)}.phone-frame{width:280px}.dashboard-card{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-stage[data-swap-state] .phone-swap-region{opacity:1;transform:none;transition:none}.dashboard-summary-stack[data-crossfading] small{transition:none}.dashboard-summary-stack[data-crossfading] [data-dashboard-summary]{opacity:0}.dashboard-summary-stack[data-crossfading] .dashboard-summary-incoming{opacity:1}.flow-token-track,.connected-flow[data-enhanced=true] .flow-annotation{transition:none}.connected-flow[data-enhanced=true] .flow-annotations{grid-template-columns:repeat(3,minmax(0,1fr))}.connected-flow[data-enhanced=true] .flow-annotation,.connected-flow[data-enhanced=true][data-flow-state] .flow-annotation{position:static;grid-area:auto;opacity:1;pointer-events:auto}.faq-list details>p{opacity:1;transform:none;transition:none}}@media(max-width:640px)and (prefers-reduced-motion:reduce){.connected-flow[data-enhanced=true] .flow-annotations{grid-template-columns:1fr}}
