@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/get-started/landing/0647b32d8910497e.bin) format('truetype');
}@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/get-started/landing/691c8ec268ebe0f7.bin) format('truetype');
}@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/get-started/landing/643f64e9bfc140a9.bin) format('truetype');
}@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/get-started/landing/6a8c9be856a6b9e0.bin) format('truetype');
}@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/get-started/landing/9a9f465776e653cd.bin) format('truetype');
}@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/get-started/landing/8900df5726b5a6f2.bin) format('truetype');
}@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/get-started/landing/49dcdf653a004a25.bin) format('truetype');
}@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/get-started/landing/27147c0353ecafbb.bin) format('truetype');
}@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/get-started/landing/33717e4797d38639.bin) format('truetype');
}/* =============================================================================
 * Axis Platforms — Design Tokens
 * Companion to the Axis Brand System Guide v1.1
 *
 * Canonical sources:
 *   docs/brand/Axis-Brand-System-Guide-v1.1.pdf  — human-friendly source of truth
 *   docs/brand/brand-system.md                    — distilled spec for AI/devs
 *
 * Imported in src/app/layout.tsx BEFORE globals.css. Every visual choice in
 * the product should reference one of these tokens. If a value here changes,
 * update brand-system.md to match.
 *
 * Tenant theming: product chrome stays Axis Blue by default. Tenant brand
 * colors may be shown in explicit branding surfaces, but --axis-primary
 * should not swap away from Axis Blue unless RJ explicitly requests it.
 * =========================================================================== */

:root {
  /* Brand color (FIXED AXIS APP ACCENT) ----------------------------------- */
  --axis-primary:        #007AFF;
  --axis-primary-hover:  #0066D6;
  --axis-primary-tint:   #E8F2FF;

  /* Sequential single-hue scale — Axis Blue */
  --axis-blue-900:       #003D80;
  --axis-blue-700:       #0055B3;
  --axis-blue-500:       #007AFF;
  --axis-blue-300:       #5DA9FF;
  --axis-blue-200:       #B3D7FF;
  --axis-blue-100:       #E8F2FF;

  /* Neutrals — iOS-derived gray scale (NEVER themed per tenant) ----------- */
  --ink-900:             #1C1C1E;
  --ink-800:             #2C2C2E;
  --ink-700:             #3A3A3C;
  --ink-600:             #48484A;
  --ink-500:             #636366;
  --ink-400:             #8E8E93;
  --ink-300:             #AEAEB2;
  --ink-200:             #C7C7CC;
  --ink-150:             #D1D1D6;
  --ink-100:             #E5E5EA;
  --ink-50:              #F2F2F7;
  --ink-25:              #FAFAFA;
  --paper:               #FFFFFF;

  /* Semantic — NEVER restyled per tenant ---------------------------------- */
  --danger:              #FF3B30;
  --warning:             #FF9F0A;
  --success:             #34C759;
  --info:                #007AFF;

  /* Financial — for variance, deltas, money movement ---------------------- */
  --growth:              #00C805;
  --decline:             #FF3B30;
  --flat:                #8E8E93;

  /* Text-safe tone variants ----------------------------------------------
     The vivid semantic/financial colors above are tuned for FILLS — chart
     strokes, dots, borders, tint backgrounds — where WCAG's 3:1 non-text bar
     applies and they pass. As small TEXT they do not: --warning on white is
     2.06:1 and --growth is 2.27:1, against a 4.5:1 requirement.

     These are the same hues darkened until they clear 4.5:1 on every
     background they actually render against: --paper, --ink-50 (hover rows),
     and a 13%-tint-on-white pill. Use them for any COLORED TEXT; keep the
     vivid tokens for fills, so the visual language is unchanged.
     Verified by tests/e2e/unit-ops-tone-contrast.spec.ts. */
  --growth-text:         #007F03;
  --decline-text:        #C82E26;
  --flat-text:           #6C6C70;
  --success-text:        #217E38;
  --warning-text:        #9C6106;
  --danger-text:         #C82E26;

  /* The BRAND accent has the same problem and it went unnoticed longer,
     because --axis-primary is not in the vivid tone family the scan above
     polices: #007AFF is 3.68:1 on --paper and 3.55:1 on --axis-primary-tint,
     under the 4.5:1 text bar at every size the product uses it. This is the
     same hue darkened until it clears — deliberately the SAME value as
     --axis-primary-hover, so the accent's pressed state and its readable text
     state are one colour rather than two blues a pixel apart.
     Use for any accent-coloured TEXT; --axis-primary stays the FILL (buttons,
     rings, selected pills) where the 3:1 non-text bar applies. */
  --axis-primary-text:   #0066D6;

  /* Pipeline stage colors — FIXED, do not theme per tenant ---------------- */
  --stage-new-lead:         #FF9500;
  --stage-under-review:     #5856D6;
  --stage-loi-out:          #007AFF;
  --stage-rec:              #5E5CE6;
  --stage-loi-executed:     #30D158;
  --stage-lease-out:        #BF5AF2;
  --stage-lease-executed:   #5E5CE6;
  --stage-in-design:        #FFD60A;
  --stage-in-permitting:    #FF9F0A;
  --stage-in-construction:  #FF6B00;
  --stage-opened:           #00C805;
  --stage-temp-closed:      #FF3B30;
  --stage-deal-dead:        #3A3A3C;

  /* Spacing tokens (4px base unit) ---------------------------------------- */
  --space-2xs:           2px;
  --space-xs:            4px;
  --space-sm:            8px;
  --space-md:           12px;
  --space-base:         16px;
  --space-lg:           24px;
  --space-xl:           32px;
  --space-2xl:          48px;
  --space-3xl:          64px;

  /* Border radius tokens -------------------------------------------------- */
  --radius-none:         0px;
  --radius-sm:           4px;
  --radius-md:           6px;
  --radius-lg:           8px;
  --radius-xl:          12px;
  --radius-full:        9999px;

  /* Type — Outfit (UI) + JetBrains Mono (numbers/IDs) ---------------------- */
  /* Next.js loads the fonts via next/font/google in app/layout.tsx and exposes
     them as --font-outfit and --font-mono-jb. We fall back to a plain font
     name in case next/font is unavailable (e.g. running tokens.css in isolation). */
  --font-sans:          var(--font-outfit, 'Outfit'), -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:          var(--font-mono-jb, 'JetBrains Mono'), 'SF Mono', Menlo, Consolas, monospace;

  /* Type sizes ------------------------------------------------------------ */
  --t-display:          36px;
  --t-title:            28px;
  --t-page:             24px;
  --t-section:          18px;
  --t-card:             16px;
  --t-sub:              14px;
  --t-body:             14px;
  --t-small:            13px;
  --t-caption:          12px;
  --t-data:             11px;
  --t-overline:         10px;

  /* Layout ---------------------------------------------------------------- */
  --sidebar-w:         256px;
  --sidebar-w-collapsed: 64px;
  --topbar-h:           56px;
  /* ⚠️ MUST equal AXIS_PAGE_MAX_WIDTH in src/components/AxisPageChrome.tsx —
     pinned by unit-axis-page-width.spec.ts. Raised 1440 -> 1680 on 2026-09-01:
     1440 was the brand doc's number and was consumed by NOTHING, while every
     page picked its own (1680, 1500, 1200, 1040). 1680 is what the reference
     data page actually renders, so the guide follows the product rather than
     the product drifting from a value nobody read. */
  --content-max:      1680px;
  --content-max-form: 1280px;
  --modal-sm:          480px;
  --modal-md:          640px;
  --modal-lg:          960px;
  --modal-xl:         1200px;

  /* Elevation ------------------------------------------------------------- */
  --shadow-1:           0 1px 2px  rgba(0, 0, 0, 0.05);
  --shadow-2:           0 4px 8px  rgba(0, 0, 0, 0.06);
  --shadow-3:           0 10px 20px rgba(0, 0, 0, 0.10);
  --shadow-4:           0 20px 40px rgba(0, 0, 0, 0.14);

  /* Motion ---------------------------------------------------------------- */
  --ease-standard:      cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast:      100ms;
  --duration-base:      200ms;
  --duration-slow:      400ms;
}

/*
 * Per-tenant fallbacks stay Axis Blue. Tenant primary_color remains stored
 * metadata, but it must not recolor product chrome unless explicitly requested.
 */
[data-tenant="dog-haus"] {
  --axis-primary:        #007AFF;
  --axis-primary-hover:  #0066D6;
  --axis-primary-tint:   #E8F2FF;
  --axis-primary-text:   #0066D6;
}

[data-tenant="prospect-capital-restaurants"] {
  --axis-primary:        #007AFF;
  --axis-primary-hover:  #0066D6;
  --axis-primary-tint:   #E8F2FF;
  --axis-primary-text:   #0066D6;
}

/* Honor reduced motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/*
 * Numeric typography — brand guide §10
 *
 * Anything matching one of these selectors automatically renders in
 * JetBrains Mono with tabular-nums lining-nums so columns of numbers
 * align across cards/rows/tables.
 *
 * Three layers:
 *   1. Explicit class:  .numeric / .ledger / .je-cell / .currency
 *   2. Container:        .financial-table td  — every cell in a financial table
 *                        .kpi-value           — big-number KPI displays
 *                        .stat-value          — secondary stat displays
 *                        .data-value          — generic data point
 *                        .money               — currency-shaped values
 *   3. Right-aligned cells in any table whose parent has data-financial="true"
 */
.numeric,
.ledger,
.je-cell,
.currency,
.money,
.kpi-value,
.stat-value,
.data-value,
td.numeric,
.financial-table td,
.financial-table th,
[data-financial="true"] td[align="right"],
[data-financial="true"] td.num {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums lining-nums;
}
:root{--site-max:1088px;--marketing-display:50px;--marketing-section:36px;--nav-height:64px;--porcelain:var(--ink-25);--ease-reference:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:var(--font-sans);color:var(--ink-900);background:var(--paper);font-size:var(--t-body);line-height:1.5}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}button,a,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--axis-primary);outline-offset:4px}img{max-width:100%;display:block}button:disabled{opacity:.3;cursor:default}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--paper);padding:12px}.skip:focus{top:12px}.brand{display:inline-flex;align-items:center;gap:var(--space-sm);font-weight:500;font-size:22px;letter-spacing:-.8px;white-space:nowrap}.brand b{font-weight:800}.brand svg{height:32px;width:32px;flex-shrink:0;overflow:visible;color:var(--axis-primary)}header{height:var(--nav-height);position:fixed;z-index:40;inset:0 0 auto;background:rgba(255,255,255,.96);border-bottom:1px solid var(--ink-100);backdrop-filter:blur(12px) saturate(180%)}.nav-shell{max-width:var(--site-max);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}nav{display:flex;align-items:center;gap:8px}.nav-trigger,.nav-pricing{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:var(--radius-sm);font-weight:500;transition:background 150ms ease-out}.nav-trigger:hover,.nav-trigger[aria-expanded=true],.nav-pricing:hover{background:var(--ink-50)}.chevron{color:var(--ink-500);transition:transform var(--duration-base) var(--ease-reference)}[aria-expanded=true]>.chevron{transform:rotate(180deg)}.nav-actions{display:flex;gap:8px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:var(--axis-primary);color:var(--paper);font-size:var(--t-body);font-weight:700;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:var(--radius-sm);transition:background var(--duration-fast),border-color var(--duration-fast)}.btn:hover{background:var(--axis-primary-hover)}.btn span,.text-button span{display:inline-block;transition:transform 150ms ease-out;opacity:.65}.btn:hover span,.text-button:hover span{transform:translateX(2px);opacity:1}.btn.secondary{background:var(--paper);color:var(--ink-900);border-color:var(--ink-100);font-weight:500}.btn.secondary:hover{background:var(--ink-25);border-color:var(--ink-150)}.nav-actions .btn{min-height:36px;padding:6px 13px}.nav-actions .btn span{display:none}.mega{position:absolute;top:64px;left:50%;transform:translateX(-50%);width:min(1088px,calc(100vw - 32px));padding:32px;display:grid;grid-template-columns:3fr 1fr;background:var(--paper);border:1px solid var(--ink-100);border-top:0;border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-4);gap:32px;animation:fadeIn 200ms var(--ease-standard)}[hidden]{display:none!important}.mega-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.menu-label{font-size:var(--t-caption);color:var(--ink-500);margin-bottom:20px}.mega-cols button{text-align:left;display:block;padding:10px 8px;margin:0 -8px 8px;width:calc(100% + 16px);border-radius:var(--radius-md)}.mega-cols button:hover{background:var(--ink-25)}.mega-cols b{display:block;font-weight:500}.mega-cols small{display:block;margin-top:4px;font-size:var(--t-small);color:var(--ink-500)}.mega aside{border-left:1px solid var(--ink-100);padding-left:24px}.mega aside p:not(.menu-label){margin:16px 0}.mega aside a{color:var(--axis-primary-text)}.mobile-toggle{display:none}.hero{height:1000px;position:relative;overflow:hidden;padding-top:64px}.threads{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-inner{width:var(--site-max);margin:auto;position:relative;height:100%}.hero-copy{position:relative;z-index:2;padding-top:80px;width:352px}.hero-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ink-100);padding:4px 5px 4px 10px;font-size:var(--t-small);height:28px;background:var(--paper);margin-bottom:23px}.hero-badge span{background:var(--axis-primary-tint);color:var(--axis-primary-text);padding:0 5px}.hero h1{font-size:var(--marketing-display);line-height:52px;letter-spacing:-2px;font-weight:500}.hero-copy>p{font-size:var(--t-section);line-height:24px;color:var(--ink-500);margin-top:28px}.hero-copy strong{font-weight:500;color:var(--ink-900)}.hero-actions{display:flex;gap:12px;margin-top:48px;white-space:nowrap}.hero-actions .btn{padding:12px 14px}.hero-product{position:absolute;width:1050px;left:410px;top:346px;z-index:1;box-shadow:0 0 55px var(--axis-primary-tint);border-radius:var(--radius-xl)}.screen{padding:0;display:block;width:100%;position:relative;overflow:hidden;text-align:left;background:var(--paper);border:1px solid var(--ink-100);border-radius:var(--radius-xl);cursor:zoom-in}.screen img{width:100%;height:auto}.screen>span{position:absolute;right:12px;bottom:12px;opacity:0;background:var(--paper);border:1px solid var(--ink-100);border-radius:var(--radius-sm);padding:6px 10px;color:var(--ink-900);transition:opacity 150ms;font-size:12px}.screen:hover>span,.screen:focus-visible>span{opacity:1}.hero-fade{position:absolute;inset:auto 0 0;height:190px;background:linear-gradient(transparent,var(--paper));pointer-events:none;z-index:3}.motion-control{position:absolute;bottom:24px;right:max(20px,calc((100vw - 1088px)/2));z-index:4;font-size:12px;color:var(--ink-500)}.page-grid{max-width:var(--site-max);margin:auto;border-left:1px solid var(--ink-100);border-right:1px solid var(--ink-100)}.trust{height:650px;padding:80px 30px 0;display:grid;grid-template-columns:306px 1fr;gap:64px;align-content:start}.trust h2{font-size:var(--t-page);line-height:28px;letter-spacing:-.24px}.text-button{display:inline-flex;gap:12px;align-items:center;padding:0;color:var(--axis-primary-text);font-size:var(--t-body)}.trust .text-button{margin-top:24px}.audience-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px;align-items:center;padding:8px 0;font-size:var(--t-section);font-weight:600;letter-spacing:-.5px;text-align:center}.workflow-strip{grid-column:1/-1;text-align:center;margin-top:90px;color:var(--ink-500);font-size:var(--t-caption)}.workflow-strip div{display:flex;justify-content:center;gap:32px;color:var(--ink-900);font-size:var(--t-card);margin-top:25px}.workflow-strip b{color:var(--axis-blue-300);font-weight:400}.section-heading{padding:48px 46px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;position:relative}.section-heading:before{content:'';position:absolute;left:-1px;top:54px;width:2px;height:24px;background:var(--axis-primary)}.section-heading h2{font-size:var(--marketing-section);line-height:40px;letter-spacing:-.72px;max-width:664px}.section-heading h2>span{display:block;color:var(--ink-500)}.section-actions{display:flex;gap:8px;flex-shrink:0}.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px}.feature{height:410px;position:relative;overflow:hidden;background:var(--porcelain);border:1px solid var(--ink-100);border-radius:var(--radius-xl);cursor:pointer;outline-offset:4px}.feature.search{grid-column:span 2}.feature.full{grid-column:span 3}.illustration{height:calc(100% - 85px);display:flex;align-items:center;justify-content:center;position:relative;transition:transform 500ms var(--ease-reference)}.feature-copy{position:absolute;bottom:32px;left:32px;right:32px;transition:transform 500ms var(--ease-reference)}.feature h3{font-size:var(--t-card);line-height:24px}.feature-copy p{font-size:var(--t-small);line-height:20px;color:var(--ink-500);max-height:0;opacity:0;transition:opacity 200ms,max-height 400ms}.feature:hover,.feature:focus-visible{background:var(--ink-50)}.feature:hover .illustration,.feature:focus-visible .illustration{transform:translateY(-14px)}.feature:hover .feature-copy p,.feature:focus-visible .feature-copy p{max-height:80px;opacity:1;margin-top:8px}.feature-arrow{position:absolute;right:20px;bottom:20px;opacity:0;color:var(--axis-primary-text)}.feature:hover .feature-arrow{opacity:1}.search-illustration{display:flex;align-items:center;gap:16px;padding:20px 24px;width:76%;border:1px solid var(--ink-100);border-radius:var(--radius-full);background:var(--paper);box-shadow:var(--shadow-1);font-size:22px;color:var(--ink-600);white-space:nowrap}.search-illustration>span:last-child{margin-left:auto}.mini-mark svg{width:24px;height:24px;color:var(--axis-primary);display:block}.task-illustration{width:80%}.task-illustration>div{border:1px solid var(--ink-100);border-radius:var(--radius-full);background:var(--paper);padding:15px;margin-bottom:10px;display:flex;gap:10px;align-items:center;color:var(--ink-500);font-size:12px}.task-illustration>div:nth-child(2){margin-left:24px;width:100%}.task-illustration>div:nth-child(3){margin-left:48px;width:100%}.task-illustration i{width:14px;height:14px;border:1px solid var(--axis-blue-200);border-radius:50%}.task-illustration span{margin-left:auto;color:var(--axis-primary-text)}.role-illustration{width:90%;transform:translateX(35px)}.role-illustration>div{background:var(--paper);padding:14px 18px;border:1px solid var(--ink-100);margin:8px;border-radius:var(--radius-md);display:flex;gap:15px;color:var(--ink-500)}.role-illustration>div:nth-child(2){border-color:var(--axis-blue-200);transform:translateX(-25px);color:var(--axis-primary-text)}.connect-illustration{display:flex;gap:12px}.connect-illustration span{width:60px;height:60px;background:var(--paper);border:1px solid var(--ink-100);display:grid;place-items:center;font-size:30px;border-radius:var(--radius-xl);box-shadow:var(--shadow-1);color:var(--axis-primary-text)}.collab-illustration{background:var(--paper);border:1px solid var(--ink-100);border-radius:var(--radius-md);width:94%;transform:translateX(38px);padding:16px;font-size:12px}.mini-tabs{border-bottom:1px solid var(--ink-100);padding-bottom:16px;margin-bottom:24px;font-size:10px;color:var(--ink-500)}.collab-illustration p{padding:10px 0;color:var(--ink-500);display:flex;justify-content:space-between}.collab-illustration p span{color:var(--axis-primary-text);font-size:10px;background:var(--axis-primary-tint);padding:2px}.full-illustration{width:70%;height:85%;margin-top:60px;overflow:hidden;box-shadow:var(--shadow-2);border-radius:var(--radius-xl)}.full .illustration{overflow:hidden}.full-illustration .screen{pointer-events:none}.stories{padding-top:176px}.arrow{width:42px;height:42px;border:1px solid var(--ink-100);border-radius:var(--radius-sm);font-size:24px;color:var(--ink-500)}.arrow:hover:enabled{background:var(--ink-25)}.carousel-window{position:relative;overflow:hidden;border-top:1px solid var(--ink-100);border-bottom:1px solid var(--ink-100);padding:16px}.story-track,.workflow-track{display:flex;gap:16px;transition:transform 650ms var(--ease-reference);touch-action:pan-y}.story{flex:0 0 100%;height:472px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:var(--radius-md);background:var(--axis-blue-900);color:var(--paper)}.story:nth-child(2){background:var(--axis-blue-700)}.story:nth-child(3){background:var(--ink-800)}.story:nth-child(4){background:var(--axis-primary-hover)}.story-copy{padding:32px;display:flex;flex-direction:column}.story-copy>p{font-size:var(--t-section);font-weight:600}.story h3{font-size:35px;line-height:40px;letter-spacing:-.35px;margin-top:32px}.story-points{display:flex;gap:32px;margin:32px 0}.story-points>div{font-size:var(--t-page)}.story-points small{display:block;font-size:var(--t-small);opacity:.75;margin-top:8px}.story-copy .btn{align-self:start;margin-top:auto}.story-image{display:flex;align-items:center;background:var(--axis-primary-tint);padding:20px;overflow:hidden}.story-image .screen{width:850px;max-width:none;flex-shrink:0;transform:translateX(8px);box-shadow:var(--shadow-4)}.scale{padding-top:144px}.scale-art{height:304px;position:relative}.scale-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:40px;border-top:1px solid var(--ink-100)}.scale-metrics>div{border-right:1px solid var(--ink-100);padding:30px}.scale-metrics>div:first-child{padding-left:0}.scale-metrics>div:last-child{border:0}.scale-metrics span{font-size:36px;line-height:40px}.scale-metrics p{margin-top:12px;font-size:var(--t-card);color:var(--ink-500)}.workflows{padding-top:144px}.workflow{flex:0 0 calc((100% - 32px)/3)}.workflow-visual{position:relative;width:100%;height:340px;display:grid;place-items:center;overflow:hidden;background:var(--axis-primary-tint);border-radius:var(--radius-md);border:1px solid var(--ink-100)}.workflow:nth-child(2n) .workflow-visual{background:var(--ink-50)}.workflow:nth-child(3n) .workflow-visual{background:var(--axis-blue-900)}.workflow-visual>div{background:var(--paper);border-radius:var(--radius-xl);box-shadow:var(--shadow-2);padding:32px 20px;font-size:var(--t-page);font-weight:500;position:relative;transition:transform 300ms}.workflow-visual:hover>div{transform:translateY(-4px)}.workflow>p{margin-top:16px;min-height:56px;color:var(--ink-500);font-size:var(--t-body)}.workflow strong{font-weight:500;color:var(--ink-900)}.workflow .text-button{margin:16px 0}.teams{padding-top:144px}.team-controls{text-align:right;border-top:1px solid var(--ink-100);padding:16px}.team-controls button{color:var(--ink-600);font-size:var(--t-small)}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 16px}.role-card{min-height:250px;background:var(--ink-25);border:1px solid var(--ink-100);border-radius:var(--radius-sm);padding:var(--space-base);transition:background 400ms,border-color 400ms}.role-card.active{background:var(--axis-primary-tint);border-color:var(--axis-blue-200)}.role-card-head{display:flex;gap:12px;align-items:center}.role-avatar{background:var(--paper);padding:8px;border-radius:var(--radius-sm)}.role-avatar svg{height:28px;width:28px;color:var(--axis-primary)}.role-card b{font-weight:500}.role-card small{display:block;font-size:var(--t-small);color:var(--ink-500);margin-top:3px}.role-card>p{margin-top:32px;line-height:24px;color:var(--ink-700)}.resources{padding-top:144px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:16px}.resource-image{height:210px;background:var(--ink-50);padding:20px;overflow:hidden;border:1px solid var(--ink-100);border-radius:var(--radius-md)}.resource-image .screen{width:480px;max-width:none;box-shadow:var(--shadow-2)}.resource-grid .menu-label{margin-top:24px;margin-bottom:8px}.resource-grid h3{font-size:var(--t-section);margin-bottom:20px}.final-cta{margin-top:200px;padding:48px 46px;display:flex;gap:24px;align-items:center;justify-content:space-between;border-block:1px solid var(--ink-100);position:relative;overflow:hidden}.final-cta h2{font-size:36px;line-height:40px;letter-spacing:-.72px;max-width:570px;position:relative}.final-cta>div{position:relative;display:flex;gap:8px;flex-shrink:0}footer{max-width:var(--site-max);margin:auto;padding:100px 0 32px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(5,1fr);gap:24px}.footer-grid .brand{font-size:18px}.footer-grid .brand svg{width:24px;height:24px}.footer-grid>div>p{margin-top:24px;color:var(--ink-500);font-size:var(--t-small)}.footer-grid h3{font-size:var(--t-body);color:var(--ink-500);font-weight:400;margin-bottom:24px}.footer-grid button{display:block;padding:0;text-align:left;margin-bottom:24px}.footer-grid button:hover{text-decoration:underline}.preview-status{display:inline-block;border:1px solid var(--ink-100);font-size:12px;color:var(--ink-500);padding:6px;margin-top:60px}.footer-bottom{margin-top:60px;border-top:1px solid var(--ink-100);padding-top:24px;display:flex;gap:24px;justify-content:space-between;color:var(--ink-500);font-size:12px}.local-note{color:var(--ink-500);font-size:12px;margin-top:24px;max-width:780px}.tour-launch{position:fixed;z-index:20;bottom:24px;right:24px;box-shadow:var(--shadow-2);border:1px solid var(--ink-100);border-radius:var(--radius-md);background:var(--paper);padding:10px 16px}.tour-launch:hover{background:var(--ink-25)}dialog{border:1px solid var(--ink-100);border-radius:var(--radius-lg);padding:40px;background:var(--paper);color:var(--ink-900);max-width:calc(100vw - 32px);width:480px;box-shadow:var(--shadow-4)}dialog[open]{animation:scaleIn 250ms var(--ease-standard)}dialog::backdrop{background:rgba(0,0,0,.45)}dialog h2{font-size:28px;line-height:1.2;margin-bottom:20px}dialog p{color:var(--ink-500);margin-bottom:24px}.close{position:absolute;top:6px;right:8px;width:44px;height:44px;font-size:24px}form{display:grid;gap:20px}label{display:grid;gap:8px;font-size:var(--t-caption)}select{width:100%;padding:10px;border:1px solid var(--ink-150);background:var(--paper);border-radius:var(--radius-md);color:var(--ink-900);font-size:var(--t-body)}form small{color:var(--ink-500);font-size:12px}.demo-result{color:var(--axis-primary-text);background:var(--axis-primary-tint);padding:16px;border-radius:var(--radius-md)}.image-dialog{width:1200px;padding:28px;max-height:94vh}.image-dialog h2{font-size:18px}.image-dialog img{width:100%;height:auto;border:1px solid var(--ink-100);border-radius:var(--radius-md)}.image-dialog p{font-size:12px;margin:12px 0 0}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(max-width:1150px){.nav-shell{margin:0 24px}.hero-inner{width:calc(100% - 48px)}.page-grid{margin:0 24px}.nav-trigger,.nav-pricing{padding:8px 6px}footer{padding:80px 24px 32px}.section-heading{padding-inline:32px}.section-heading h2{max-width:65%}.section-actions .btn{max-width:180px}.footer-grid{gap:16px}.story h3{font-size:30px;line-height:34px}.story-points{gap:16px}.story-points>div{font-size:20px}}
@media(max-width:1023px){:root{--nav-height:64px;--marketing-display:40px;--marketing-section:28px}.nav-shell{margin:0 20px}.brand{font-size:21px}.brand svg{width:28px;height:28px}.mobile-toggle{display:block;width:44px;height:44px;border:1px solid var(--ink-100);border-radius:var(--radius-sm);font-size:22px}header nav,header .nav-actions{display:none}.mobile-open nav{display:block;position:fixed;top:64px;bottom:80px;left:0;right:0;overflow:auto;background:var(--paper);padding:0 20px}.mobile-open .nav-actions{position:fixed;bottom:0;left:0;right:0;display:flex;padding:16px 20px;background:var(--paper);border-top:1px solid var(--ink-100)}.mobile-open .nav-actions .btn{flex:1;min-height:44px}.nav-trigger,.nav-pricing{width:100%;justify-content:space-between;text-align:left;font-size:18px;padding:18px 0;border-bottom:1px solid var(--ink-100);border-radius:0}.mega{position:static;transform:none;width:auto;border:0;box-shadow:none;padding:24px 8px;display:block}.mega-cols{display:block}.mega-cols>div{margin-bottom:30px}.mega-cols button{padding:12px 0;margin:0 0 8px}.mega-cols small{font-size:14px}.mega aside{border:0;padding:0}.mega aside .screen{max-width:280px}.hero{height:1020px}.hero-inner{width:auto;margin:0 16px}.hero-copy{padding-top:30px;width:100%;max-width:360px}.hero h1{font-size:40px;line-height:42px;letter-spacing:-1.6px}.hero-badge{font-size:12px;margin-bottom:24px}.hero-copy>p{font-size:18px;line-height:24px;margin-top:24px;max-width:340px}.hero-actions{margin-top:32px;gap:8px}.hero-actions .btn{font-size:14px;padding:12px}.hero-product{left:0;top:445px;width:850px}.hero-fade{height:240px}.motion-control{bottom:20px;right:20px}.page-grid{margin:0 16px}.trust{height:auto;min-height:590px;padding:48px 16px 64px;grid-template-columns:1fr;gap:40px}.trust h2{font-size:24px;line-height:28px;max-width:306px}.audience-logos{font-size:16px;grid-template-columns:repeat(2,1fr);gap:24px}.workflow-strip{margin:10px 0 0}.workflow-strip div{gap:10px;font-size:12px;flex-wrap:wrap}.section-heading{padding:40px 16px;display:block}.section-heading h2{max-width:none;font-size:28px;line-height:32px;letter-spacing:-.56px}.section-heading:before{top:44px}.section-actions{margin-top:24px;justify-content:flex-start}.section-actions .btn{max-width:none}.bento{grid-template-columns:1fr;padding:8px;gap:12px}.feature,.feature.search,.feature.full{grid-column:auto;height:350px}.feature-copy{left:24px;bottom:24px;right:24px}.feature-copy p{max-height:none;opacity:1;margin-top:8px}.feature .illustration{height:250px}.search-illustration{font-size:14px;padding:15px;gap:10px;width:90%}.mini-mark svg{width:20px;height:20px}.full-illustration{width:90%}.stories{padding-top:80px}.story{height:640px;grid-template-columns:1fr;grid-template-rows:370px 270px}.story-copy{padding:24px}.story h3{font-size:28px;line-height:32px;margin-top:20px}.story-points{margin:20px 0}.story-points>div{font-size:20px}.story-points small{font-size:12px}.story-image{padding:16px}.story-image .screen{width:480px;transform:none}.scale{padding-top:80px}.scale-art{height:200px}.scale-metrics{grid-template-columns:1fr;padding:24px}.scale-metrics>div{padding:24px 0;border:0;border-bottom:1px solid var(--ink-100)}.scale-metrics span{font-size:28px}.scale-metrics p{font-size:14px}.workflows,.teams,.resources{padding-top:80px}.workflow{flex-basis:85%}.workflow-visual{height:310px}.role-grid{grid-template-columns:1fr;padding:0 8px}.role-card{min-height:210px}.resource-grid{display:flex;overflow:auto;padding:8px;gap:16px;scroll-snap-type:x mandatory}.resource-grid article{flex:0 0 86%;scroll-snap-align:start}.resource-image{height:200px}.final-cta{margin-top:100px;padding:40px 16px;display:block}.final-cta h2{font-size:28px;line-height:32px}.final-cta>div{margin-top:24px;flex-wrap:wrap}.footer-grid{grid-template-columns:repeat(2,1fr);gap:30px 24px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid .brand{font-size:22px}.preview-status{margin-top:20px}.footer-grid button{margin-bottom:18px}.footer-bottom{flex-wrap:wrap;font-size:12px}.tour-launch{bottom:12px;right:12px;padding:8px 12px;font-size:12px}dialog{padding:32px 24px}.image-dialog{padding:24px 12px}.image-dialog img{min-width:800px}.image-dialog{overflow:auto}.image-dialog .close{position:sticky;top:0;left:100%;background:var(--paper)}.image-dialog h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-track,.workflow-track{transition:none}.motion-control,[data-replay],[data-roles-motion]{display:none}*{animation:none!important;transition:none!important}}
.resource-grid>article,.footer-grid>div{min-width:0}.resource-image{width:100%}.nav-actions .btn{font-weight:600}.hero-actions .btn:not(.secondary){font-size:18px}.collab-illustration{font-size:12px}.mini-tabs{font-size:12px}.collab-illustration p span{font-size:12px}
@media(max-width:1023px){header{backdrop-filter:none}.mobile-open{background:var(--paper)}.mobile-open nav{z-index:41}.mobile-open .nav-actions{z-index:42}.mobile-open .mobile-toggle{position:relative;z-index:43}}
@media(max-width:1023px){.hero-copy{padding-top:22px}.hero h1{line-height:44px}.bento{padding:0 16px;gap:12px}.feature,.feature.search,.feature.full{height:auto;aspect-ratio:338/412}.feature-copy{left:32px;right:32px;bottom:32px}.feature-copy p{max-height:0;opacity:0;margin:0}.feature:hover .feature-copy p,.feature:focus-visible .feature-copy p{margin-top:8px}.feature .illustration{height:78%}.section-actions .btn{order:-1}.section-heading{padding-inline:26px}.resource-grid{padding-inline:16px}}
/* Reference refinement: full-bleed native scroll, neighboring slides and dimming. */
body{overflow-x:clip}.carousel-window{width:100vw;max-width:none;margin-left:calc((1088px - 100vw)/2 - 1px);padding:16px max(16px,calc((100vw - 1056px)/2));overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:max(16px,calc((100vw - 1056px)/2));scrollbar-width:none;overscroll-behavior-x:contain}.carousel-window::-webkit-scrollbar{display:none}.story-track,.workflow-track{display:flex;transform:none!important;transition:none;width:max-content;gap:16px}.story{width:1056px;flex:0 0 1056px;scroll-snap-align:start;scroll-snap-stop:always;opacity:.42;transition:opacity 400ms ease}.story.is-current{opacity:1}.workflow{width:341.33px;flex:0 0 341.33px;scroll-snap-align:start;scroll-snap-stop:always}.story-image .screen{transform:none}.feature:hover,.feature:focus-visible{background:var(--porcelain)}.feature:hover .illustration,.feature:focus-visible .illustration{transform:none}.feature-copy p,.feature:hover .feature-copy p,.feature:focus-visible .feature-copy p{display:none}.feature-arrow{display:none}.illustration{pointer-events:none}.search-illustration{font-weight:400;border-radius:50px;width:64%;font-size:20px;padding:19px 24px;gap:12px;color:var(--ink-600)}.task-illustration{width:66%}.task-illustration>div{height:46px;padding:12px;border-radius:18px;box-shadow:0 1px 8px #00000002;border-color:var(--ink-100);transition:opacity 500ms,transform 500ms}.task-illustration i{border-color:var(--ink-100)}.task-illustration>div:nth-child(2){margin-left:28px}.task-illustration>div:nth-child(3){margin-left:55px}.role-illustration>div{opacity:.45;transition:transform 500ms,opacity 500ms,border-color 500ms;color:var(--ink-600)}.role-illustration>div:nth-child(2){opacity:1;transform:translateX(-25px);color:var(--axis-primary-text)}.role-illustration>div.role-active{opacity:1;transform:translateX(-25px);color:var(--axis-primary-text);border-color:var(--axis-blue-200)}.role-illustration>div:not(.role-active){transform:translateX(0);opacity:.45;border-color:var(--ink-100);color:var(--ink-600)}.connect-illustration span{box-shadow:0 1px 14px #00000003}.connect-illustration svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.collab-illustration{position:relative}.demo-cursor{position:absolute;left:24px;top:96px;color:var(--axis-primary-text);font-size:12px;background:var(--axis-primary-tint);border:1px solid var(--axis-blue-200);padding:1px 5px;pointer-events:none;transition:transform 600ms var(--ease-reference);box-shadow:none}.demo-cursor:before{content:'↖';position:absolute;top:-16px;left:-7px;font-size:18px}.demo-cursor.second{left:125px;top:168px;background:var(--paper);color:var(--ink-600)}.mini-tabs{font-size:12px;white-space:nowrap}.collab-illustration p{justify-content:flex-start;gap:8px}.collab-illustration p span{margin-left:auto}.final-cta{margin-top:280px}.role-card{overflow:hidden}.role-card-head,.role-card>p{transition:opacity 400ms,transform 400ms}.role-card.changing .role-card-head,.role-card.changing>p{opacity:0;transform:translateY(-8px)}.role-card.active{background:var(--ink-25);border-color:var(--ink-100)}.motion-control{bottom:16px;font-size:12px}.hero-fade{height:235px}.scale-art{overflow:hidden}
@media(max-width:1150px){.carousel-window{margin-left:calc(-25px);padding-left:40px;padding-right:40px;scroll-padding-inline:40px}.story{width:calc(100vw - 80px);flex-basis:calc(100vw - 80px)}.workflow{width:calc((100vw - 112px)/3);flex-basis:calc((100vw - 112px)/3)}}
@media(max-width:1023px){.carousel-window{margin-left:-17px;padding-left:16px;padding-right:16px;scroll-padding-inline:16px}.story{width:calc(100vw - 64px);flex-basis:calc(100vw - 64px);height:680px;grid-template-rows:400px 280px}.workflow{width:calc(100vw - 64px);flex-basis:calc(100vw - 64px)}.search-illustration{width:85%;font-size:14px;padding:16px}.final-cta{margin-top:100px}.role-card{min-height:210px}}

@media(min-width:640px) and (max-width:1023px){.hero-copy{max-width:none;width:100%}.hero h1{max-width:none}.hero h1 br{display:none}.hero-copy>p{max-width:none}.hero-actions{margin-top:32px}.hero-product{top:310px;width:1100px}.bento{grid-template-columns:repeat(2,1fr);gap:16px}.feature.search,.feature.full{grid-column:span 2;aspect-ratio:2/1}.feature{aspect-ratio:338/412}.trust{grid-template-columns:1fr 1fr;gap:32px}.audience-logos{grid-template-columns:repeat(2,1fr)}.role-grid{grid-template-columns:repeat(2,1fr)}.workflow{width:calc((100vw - 80px)/2);flex-basis:calc((100vw - 80px)/2)}.footer-grid{grid-template-columns:repeat(3,1fr)}.story{grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:500px}.story-copy{padding:28px}.story-points{flex-direction:column;gap:10px}.story-image .screen{width:650px}}

/* 2026-10-12: closer reference geometry, tonal hierarchy and illustration composition. */
.hero h1{font-weight:400}.hero-actions{margin-top:32px}.hero-actions .btn,.hero-actions .btn:not(.secondary){font-size:14px;font-weight:500;min-height:44px;padding:10px 16px}.hero-copy>p{margin-top:20px}.hero-product{border-radius:24px}.hero-product .screen{border-radius:24px;box-shadow:0 0 44px #007aff0a}.hero-product img{opacity:.84}.hero-fade{height:310px;background:linear-gradient(0deg,var(--paper) 3%,#ffffffd9 28%,#ffffff00 100%)}
.feature{background:#f9f8f6;border-color:#e9e8e6}.feature:hover,.feature:focus-visible{background:#f9f8f6}.feature h3{font-weight:400}.search-illustration{width:63%;height:66px;padding:18px 26px;font-size:20px;border-color:#ededeb;box-shadow:none}.search-illustration .mini-mark svg{height:20px;width:20px;opacity:.65}.illustration{height:100%}.feature .search-illustration{transform:translateY(-2px)}.task-illustration{width:61%;transform:translate(-20px,-4px)}.task-illustration>div{height:42px;margin-bottom:12px;border-radius:18px;padding:10px 14px;gap:12px;border-color:#f0efed}.task-illustration>div:nth-child(2){margin-left:26px}.task-illustration>div:nth-child(3){margin-left:50px}.skeleton-pair{display:grid!important;gap:6px;flex:1;margin:0!important}.skeleton-pair em,.document-lines em{display:block;height:6px;background:#e9e9e9;border-radius:3px;width:100%}.skeleton-pair em:last-child{width:66%;background:#f3f3f3}.task-illustration i{border:3px solid #f0f0ef;border-left-color:transparent;width:18px;height:18px;flex-shrink:0}.role-illustration{width:94%;transform:translate(37px,2px)}.role-illustration>div{padding:9px 12px;gap:9px;height:48px;margin:8px 0;border-radius:5px}.role-illustration small{font-size:10px;border:1px solid #eeeeed;border-radius:4px;padding:2px 5px;margin-left:12px}.role-illustration .skeleton-pair{max-width:110px}.person-icon{height:28px;width:28px;border:1px solid #eee;position:relative;border-radius:4px;flex-shrink:0}.person-icon:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:currentColor;left:8px;top:4px;opacity:.3}.person-icon:after{content:'';position:absolute;width:16px;height:9px;border-radius:8px 8px 2px 2px;background:currentColor;left:5px;top:14px;opacity:.3}.connect-illustration{gap:16px}.connect-illustration span{height:58px;width:58px;border-radius:14px;border-color:#f1f0ee;color:var(--axis-primary-text)}.collab-illustration{width:92%;height:222px;padding:0 24px;transform:translate(47px,8px);border-color:#eee;border-radius:6px}.mini-tabs{margin:0 -24px 30px;padding:9px 8px;font-size:9px;color:#a5a5a5}.document-lines{margin:20px 0}.document-lines i{display:block;width:42px;height:5px;background:var(--axis-blue-300);margin-bottom:10px}.document-lines em{height:5px;margin:5px 0;width:88%}.document-lines em:nth-child(2){width:48%}.document-lines em:nth-child(3){width:70%}.demo-cursor{font-size:9px;padding:1px 4px;top:77px;left:12px}.demo-cursor.second{top:163px;left:152px}.full-illustration{margin-top:20px;height:78%;opacity:.65;box-shadow:0 1px 22px #00000004}.feature.full .illustration{height:100%;mask-image:linear-gradient(#000 65%,transparent 93%)}.feature.full .feature-copy{z-index:2}.btn{font-weight:500}.nav-actions .btn{font-weight:500}
@media(max-width:1023px){.hero h1{font-weight:400}.feature .illustration{height:100%}.search-illustration{width:86%;font-size:15px;height:54px;padding:14px 18px}.hero-product .screen{border-radius:20px}.hero-fade{height:280px}.hero-actions{margin-top:32px}.feature-copy{z-index:2}.full-illustration{width:90%}}

.hero-inner{top:20px}
/* Live motion pass: per-panel interactions and continuously running scenes. */
.hero-inner{top:0}.hero>.threads{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.scale-art .threads{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.task-illustration>div{opacity:1!important;transform:none!important;transition:none}.task-illustration i{will-change:transform}.role-illustration>div{transition:transform 650ms cubic-bezier(.22,1,.36,1),opacity 500ms,border-color 500ms}.feature.roles:hover .role-illustration>div{opacity:.7}.feature.roles:hover .role-illustration>div.role-active{opacity:1}.demo-cursor{transition:transform 1200ms cubic-bezier(.22,1,.36,1)}.demo-cursor.third{left:130px;top:32px;color:#6099ce;background:#eef6fe}.feature.collab:hover .demo-cursor{transform:translate(17px,10px)}.feature.collab:hover .demo-cursor.second{transform:translate(-22px,-9px)}.feature.collab:hover .demo-cursor.third{transform:translate(7px,18px)}.feature .connect-illustration span{transition:transform 700ms cubic-bezier(.22,1,.36,1)}.feature.connect:hover .connect-illustration span:nth-child(1){transform:translateY(-4px)}.feature.connect:hover .connect-illustration span:nth-child(3){transform:translateY(4px)}
.setup-illustration{position:relative;display:flex;width:63%;height:350px;background:#fff;border:1px solid #eeeeec;border-radius:5px;margin-top:52px;padding:30px 15px;gap:24px;box-shadow:0 0 0 #007aff00;transition:transform 900ms cubic-bezier(.22,1,.36,1),box-shadow 900ms;transform-origin:center 65%;color:var(--axis-blue-300)}.feature.full:hover .setup-illustration{transform:scale(1.035);box-shadow:0 0 45px #007aff12}.setup-sidebar{width:25%;flex-shrink:0}.setup-sidebar b{font-size:16px;font-weight:400;opacity:.65}.setup-sidebar i{display:block;height:7px;background:#f4f4f4;border-radius:5px;width:75%;margin:16px 0}.setup-sidebar i:nth-child(3){background:#b7d9fc;width:95%;height:15px;box-shadow:0 0 0 4px #f1f7fc}.setup-sidebar i:nth-child(2n){width:55%}.setup-content{width:45%;padding-top:5px}.setup-content>em{display:block;background:#f5f5f5;height:8px;width:85%;margin-bottom:24px;border-radius:5px}.setup-cells{display:grid;grid-template-columns:1fr 1fr;gap:22px 12px}.setup-cells span{display:block;background:#f6f6f6;border-radius:12px;height:78px}.setup-cells i{display:block;background:#f6f6f6;border-radius:4px;width:65%;height:6px;margin-top:7px}.setup-cells i:last-child{width:35%}.setup-aside{flex:1;padding-top:40px}.setup-aside i{display:block;background:#f5f5f5;border-radius:10px;height:10px;margin-bottom:12px}.setup-aside span{display:block;height:65px;background:#f6f6f6;border-radius:10px;margin-bottom:16px}.setup-float{position:absolute;width:200px;height:62px;border:1px solid #e9e9e9;background:#ffffffed;border-radius:14px;box-shadow:0 0 0 2px #fafafa; padding:15px;transition:transform 1000ms cubic-bezier(.22,1,.36,1)}.setup-float b{font-size:13px;background:#f1f7fc;padding:2px 4px;border-radius:3px}.setup-float i{display:inline-block;margin-left:8px;background:#ededed;width:48px;height:7px;border-radius:4px}.setup-float em{display:block;height:6px;background:#f6f6f6;border-radius:4px;margin-top:9px}.float-search{right:8%;top:30px}.float-task{left:19%;top:155px}.feature.full:hover .float-search{transform:translate(3px,-3px)}.feature.full:hover .float-task{transform:translate(-3px,4px)}
.workflow-visual{height:390px;border-radius:7px;background:linear-gradient(135deg,#007aff,#89bcf9);border:0}.workflow:nth-child(2n) .workflow-visual{background:#c8e1fa}.workflow:nth-child(3n) .workflow-visual{background:#10294e}.workflow-visual>div{display:grid;place-items:center;width:108px;height:108px;padding:26px;border-radius:20px;box-shadow:none;transition:transform 800ms cubic-bezier(.22,1,.36,1)}.workflow-visual>div svg{width:56px;height:56px;fill:none;stroke:var(--axis-primary-text);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.workflow-visual:hover>div{transform:scale(1.025)}.role-card{min-height:264px;background:#f9f8f6;padding:16px}.role-card-head,.role-card>p{transition:opacity 260ms ease,transform 450ms cubic-bezier(.22,1,.36,1)}.role-card.changing .role-card-head,.role-card.changing>p{transform:translateY(6px);opacity:0}.role-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:235px}.role-avatar{background:#f3f2f0;border-radius:2px}.resource-image{height:auto;aspect-ratio:1/1;padding:30px;border-radius:12px}.resource-image .screen{transition:transform 600ms cubic-bezier(.22,1,.36,1)}.resource-image:hover .screen{transform:scale(1.04)}.story-copy{position:relative;isolation:isolate}.story-copy:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#ffffff30 .8px,transparent .8px);background-size:13px 13px;mask-image:linear-gradient(135deg,transparent 25%,#000 70%,transparent);opacity:.35}.story-image .screen{transition:transform 800ms cubic-bezier(.22,1,.36,1)}.story:hover .story-image .screen{transform:scale(1.015)}
.mega{top:70px;border-top:1px solid var(--ink-100);border-radius:22px;box-shadow:0 20px 30px #00000008;animation:menuEnter 180ms cubic-bezier(.22,1,.36,1)}.mega aside{position:relative}.mega aside:before{content:'';position:absolute;inset:-30px -30px;pointer-events:none;background-image:radial-gradient(#007aff15 1px,transparent 1px);background-size:13px 13px;mask-image:linear-gradient(90deg,transparent,#000)}@keyframes menuEnter{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
.axis-guide{position:fixed;z-index:35;right:24px;bottom:80px;width:420px;height:min(640px,calc(100dvh - 100px));border:1px solid #dedede;border-radius:14px;background:white;box-shadow:0 8px 25px #00000016,0 0 0 4px #ffffff90;padding:6px;display:flex;flex-direction:column;animation:guideEnter 220ms cubic-bezier(.22,1,.36,1)}.guide-header{display:flex;align-items:center;gap:14px;border-bottom:1px solid #eee;padding:8px 6px;font-size:12px;color:#737373}.guide-header span{flex:1}.guide-header button:last-child{font-size:22px;line-height:20px}.guide-note{text-align:center;color:#8e8e93;font-size:12px;margin:22px 12px}.guide-messages{flex:1;overflow:auto;padding:0 12px;font-size:14px;line-height:1.6}.guide-question{background:#f2f7fd;padding:10px 12px;border-radius:10px;margin:15px 0 12px}.guide-answer{margin:0 0 20px}.guide-suggestions{padding:12px 6px}.guide-suggestions>p{font-size:14px;color:#888;margin-bottom:8px}.guide-suggestions button{display:block;font-size:13px;text-align:left;padding:6px 10px;background:#fafafa;border:1px solid #f4f4f4;border-radius:12px;margin-top:7px;color:#636366}.guide-suggestions button:hover{background:#f2f2f7}.guide-form{display:flex;gap:8px;align-items:center;padding:6px;border:1px solid #e7e7e7;border-radius:11px;box-shadow:0 2px 3px #00000007}.guide-form input{width:100%;min-width:0;border:0;outline:0;padding:4px;background:white;font:inherit;font-size:14px;color:var(--ink-900)}.guide-form button{width:27px;height:27px;flex-shrink:0;border-radius:8px;background:var(--axis-primary);color:white;padding:0}.tour-launch{font-size:14px;padding:7px 12px;box-shadow:0 1px 3px #00000015,0 0 0 4px #ffffffbd;bottom:24px}.tour-launch[aria-expanded=true]{width:34px;height:34px;font-size:22px;padding:0}.motion-control{bottom:12px;right:180px}.motion-paused .demo-cursor,.motion-paused .setup-illustration,.motion-paused .setup-float{transition:none}@keyframes guideEnter{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1023px){.hero-inner{top:0}.mega{border:0;border-radius:0;box-shadow:none}.mega aside:before{display:none}.mobile-open nav{animation:menuEnter 180ms ease}.workflow-visual{height:360px}.setup-illustration{width:85%;height:290px;gap:10px;padding:20px 10px;margin-top:12px}.setup-sidebar{width:22%}.setup-aside{display:none}.setup-content{width:70%}.setup-float{width:130px;height:52px;padding:10px}.float-task{left:10%;top:130px}.float-search{right:-2%;top:25px}.setup-cells span{height:60px}.role-card small{max-width:220px}.resource-image{height:auto}.axis-guide{width:min(420px,calc(100vw - 32px));right:16px;bottom:70px;height:min(640px,calc(100dvh - 100px))}.tour-launch{bottom:16px;right:16px}.motion-control{right:135px}}
@media(prefers-reduced-motion:reduce){.setup-illustration,.setup-float,.demo-cursor{transform:none!important}.axis-guide,.mega{animation:none}}
/* Clipping must not create an internally scrollable hero when a control receives focus. */
.hero{overflow:clip}

/* Live comparison refinement: hover bridge, quiet icon response, and reversible exit. */
@media(min-width:1024px){.mega:before{content:"";position:absolute;top:-9px;left:0;right:0;height:9px}}
.feature.connect .connect-illustration{position:relative;isolation:isolate}.feature.connect .connect-illustration:before{content:"";position:absolute;inset:-20px -14px;background:white;border-radius:35px;filter:blur(16px);opacity:0;transition:opacity 650ms ease;z-index:-1}.feature.connect:hover .connect-illustration:before{opacity:.95}.feature.connect:hover .connect-illustration span:nth-child(1),.feature.connect:hover .connect-illustration span:nth-child(3){transform:none}.feature.connect:hover .connect-illustration span{box-shadow:0 12px 26px #007aff0a}
.axis-guide.is-closing{animation:guideExit 150ms ease-in both;pointer-events:none}@keyframes guideExit{to{opacity:0;transform:translateY(6px) scale(.985)}}
@media(prefers-reduced-motion:reduce){.axis-guide.is-closing{animation:none}.feature.connect .connect-illustration:before{transition:none}}
/* Preserve the reference's three-line feature-heading rhythm with Axis copy. */
@media(min-width:1024px){.platform>.section-heading h2{min-height:120px;max-width:580px}.platform>.section-heading h2>span{max-width:570px}}

/* Observed idle and pointer states, 2026-10-12 live motion pass. */
.feature{transition:background-color 500ms ease,border-color 500ms ease}.feature:hover,.feature:focus-visible{background:#fff;border-color:#e4e4e4}
.feature .search-illustration{transition:transform 650ms cubic-bezier(.22,1,.36,1),box-shadow 650ms ease}.feature.search:hover .search-illustration,.feature.search:focus-visible .search-illustration{transform:translateY(-2px) scale(1.05);box-shadow:0 14px 38px #007aff0b,0 -8px 28px #007aff05}
.task-illustration{transition:transform 650ms cubic-bezier(.22,1,.36,1),filter 650ms ease}.feature.tasks:hover .task-illustration,.feature.tasks:focus-visible .task-illustration{transform:translate(-20px,-4px) scale(1.08);filter:drop-shadow(0 12px 16px #007aff09)}
.task-illustration i{position:relative;transition:background-color 240ms,border-color 240ms}.task-illustration i:after{content:'';position:absolute;left:3px;top:2px;width:5px;height:8px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(40deg) scale(.5);opacity:0;transition:opacity 200ms,transform 200ms}.feature.tasks:is(:hover,:focus-visible) i{transform:none!important;border-color:var(--axis-blue-300);background:var(--axis-blue-300)}.feature.tasks:is(:hover,:focus-visible) i:after{opacity:1;transform:rotate(40deg) scale(1)}.task-illustration>div:nth-child(2) i,.task-illustration>div:nth-child(2) i:after{transition-delay:120ms}.task-illustration>div:nth-child(3) i,.task-illustration>div:nth-child(3) i:after{transition-delay:240ms}
.demo-cursor{transition:none!important}.demo-cursor:before{content:'';width:14px;height:14px;background:currentColor;clip-path:polygon(0 0,100% 30%,58% 55%,32% 100%);opacity:.65;left:-9px;top:-13px}.collab-illustration{transition:box-shadow 650ms ease}.feature.collab:hover .collab-illustration,.feature.collab:focus-visible .collab-illustration{box-shadow:0 15px 36px #007aff0d}
.workflows .carousel-window{scroll-snap-type:none}
@media(prefers-reduced-motion:reduce){.feature,.feature .search-illustration,.task-illustration,.task-illustration i,.task-illustration i:after,.collab-illustration{transition:none}.feature.search:hover .search-illustration{transform:translateY(-2px)}.feature.tasks:hover .task-illustration{transform:translate(-20px,-4px)}}
/* Product imagery: retain full application frames and readable interface edges. */
@media(min-width:1024px){.hero-product{width:820px;left:400px}.hero-fade{height:32px}}
.story-image{justify-content:center}.story-image .screen{width:100%;max-width:100%;flex-shrink:1;border-radius:10px}.resource-image{display:flex;align-items:center;padding:16px}.resource-image .screen{width:100%;max-width:100%;border-radius:8px}.screen img{image-rendering:auto}

/* One product window, three complete workflows. */
.hero-product{background:#fff;border:1px solid var(--ink-100);overflow:hidden;border-radius:18px}.hero-tabs{display:flex;align-items:stretch;padding:0 16px;border-bottom:1px solid var(--ink-100);gap:22px;background:#fff}.hero-tabs button{padding:16px 0 13px;font-size:13px;font-weight:500;white-space:nowrap;color:var(--ink-500);border-bottom:2px solid transparent;transition:color 180ms,border-color 180ms}.hero-tabs button[aria-selected=true]{color:var(--axis-primary-text);border-color:var(--axis-primary)}.hero-tabs button:hover{color:var(--ink-900)}.hero-views{position:relative;aspect-ratio:3/2;background:#f6f7fa}.hero-view{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 300ms ease}.hero-view.is-active{opacity:1;pointer-events:auto;z-index:1}.hero-product .screen{height:100%;border:0;border-radius:0;box-shadow:none;background:#fff}.hero-product .screen img{height:100%;width:100%;object-fit:contain;opacity:1}.hero-view-caption{padding:10px 16px;font-size:12px;line-height:18px;color:var(--ink-500);border-top:1px solid var(--ink-100);background:white}.hero-product .screen>span{bottom:10px}.hero-tabs button:focus-visible{outline-offset:-4px}
@media(min-width:1024px){.hero-product{top:280px}}
@media(max-width:1023px){.hero-product{left:0;width:100%;top:425px}.hero-tabs{gap:12px;padding:0 12px}.hero-tabs button{font-size:11px;white-space:normal;text-align:left;flex:1;padding:12px 0}.hero-view-caption{font-size:11px;padding:8px 12px}.hero{height:840px}}
@media(min-width:640px) and (max-width:1023px){.hero-product{top:310px}.hero{height:1040px}}
@media(prefers-reduced-motion:reduce){.hero-view,.hero-tabs button{transition:none}}
@media(max-width:1023px){.hero-fade{height:24px}}

/* Automatic hero cycle with a quiet, explicit pause control. */
.hero-tabs{padding-right:54px}.hero-cycle-control{position:absolute;right:12px;top:10px;z-index:3;width:30px;height:30px;border:1px solid var(--ink-100);border-radius:6px;background:#fff;color:var(--ink-500);font-size:13px;line-height:1}.hero-cycle-control:hover{background:var(--ink-25);color:var(--ink-900)}.hero-view{transition:opacity 650ms cubic-bezier(.4,0,.2,1)}
@media(max-width:1023px){.hero-tabs{padding-right:48px}.hero-cycle-control{right:8px;top:12px;width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.hero-view{transition:none}}

/* Client context and measured lower-page motion. */
.client-proof{display:grid;gap:22px;padding:4px 0}.client-proof>div{padding-bottom:18px;border-bottom:1px solid var(--ink-100)}.client-proof>div:last-child{border:0}.client-proof strong{display:block;font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.5px}.client-proof span{display:block;font-size:13px;color:var(--ink-500);margin-top:7px;line-height:1.5}.resource-image .screen{transition:transform 500ms cubic-bezier(0,0,.2,1)}.resource-grid article:hover h3{color:var(--axis-primary-text)}.resource-grid h3{transition:color 200ms ease}.final-cta{overflow:visible;isolation:isolate}.final-cta>.threads{inset:auto auto 0 52%;width:850px;height:550px;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 70%,transparent);max-width:none}.final-cta h2,.final-cta>div{z-index:1}body{overflow-x:clip}
@media(max-width:1023px){.client-proof{gap:18px}.client-proof strong{font-size:21px}.final-cta>.threads{left:15%;width:100%;height:360px}}
@media(prefers-reduced-motion:reduce){.resource-image .screen,.resource-grid h3{transition:none}}
.final-cta>.threads{left:30%;width:70%}
@media(max-width:1023px){.final-cta>.threads{left:15%;width:85%}}

/* Customer proof band: reference split, tile surfaces, continuous capability rail. */
.trust{height:auto;min-height:0;padding:0;display:grid;grid-template-columns:1fr 2fr;gap:0;border-top:1px solid var(--ink-100);border-bottom:1px solid var(--ink-100);position:relative}
.trust-intro{padding:28px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:358px;border-right:1px solid var(--ink-100)}
.trust .trust-intro h2{font-size:24px;line-height:28px;font-weight:400;letter-spacing:-.45px;color:var(--ink-500);max-width:310px}.trust-intro h2 strong{color:var(--ink-900);font-weight:500}.trust .trust-link{margin:32px 0 0;font-size:14px;font-weight:500;padding:10px 16px;min-height:42px;border-radius:4px}
.client-tiles{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:161px 161px;gap:12px;padding:12px;min-width:0}
.client-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:#faf9f7;border:1px solid #eeece9;border-radius:6px;transition:background 200ms,border-color 200ms}.client-tile.dog-haus{grid-row:span 2}.client-tile strong{font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-.8px}.client-tile.dog-haus strong{font-size:34px}.client-tile>span:not(.tile-arrow){font-size:12px;line-height:18px;color:var(--ink-500);margin-top:12px;max-width:220px}.tile-arrow{position:absolute;right:14px;bottom:10px;color:var(--axis-primary);opacity:0;transform:translate(-3px,3px);transition:opacity 200ms,transform 200ms}.client-tile:hover,.client-tile:focus-visible{background:#f3f7fc;border-color:#cddff5}.client-tile:hover .tile-arrow,.client-tile:focus-visible .tile-arrow{opacity:1;transform:none}
.capability-strip{grid-column:1/-1;height:90px;border-top:1px solid var(--ink-100);display:flex;align-items:center;gap:20px;padding:0 28px;min-width:0}.capability-label{flex-shrink:0;font-size:15px;font-weight:500}.capability-window{overflow:hidden;min-width:0;flex:1;mask-image:linear-gradient(90deg,transparent,#000 25px,#000 calc(100% - 25px),transparent)}.capability-track{display:flex;width:max-content;animation:capabilityMarquee 42s linear infinite}.capability-group{display:flex;align-items:center;gap:32px;padding-right:32px;flex-shrink:0}.capability-group>span{display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:12px;color:var(--ink-500)}.capability-group b{font-size:11px;font-weight:400;letter-spacing:.2px;color:var(--axis-primary-text);background:#eef5fd;padding:4px 7px}.capability-toggle{flex-shrink:0;width:28px;height:28px;border-radius:4px;color:var(--ink-500);font-size:12px}.capability-toggle:hover{background:var(--ink-50)}.capability-strip:hover .capability-track,.capability-strip:focus-within .capability-track,.capability-strip.is-paused .capability-track,.motion-paused .capability-track{animation-play-state:paused}@keyframes capabilityMarquee{to{transform:translateX(-50%)}}
@media(max-width:767px){.trust{grid-template-columns:1fr}.trust-intro{min-height:220px;border-right:0;border-bottom:1px solid var(--ink-100);padding:24px}.client-tiles{grid-template-rows:145px 145px;gap:8px;padding:8px}.client-tile{padding:14px}.client-tile strong{font-size:20px}.client-tile.dog-haus strong{font-size:26px}.client-tile>span:not(.tile-arrow){font-size:11px;line-height:16px}.capability-strip{height:100px;padding:16px;gap:10px;flex-wrap:wrap}.capability-label{width:100%;font-size:14px}.capability-window{flex-basis:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){.capability-track{animation:none}.client-tile,.tile-arrow{transition:none}}

/* Consolidation value and shared intelligence, in the reference editorial grid. */
.hero-copy>p.hero-value{font-size:14px;line-height:21px;color:var(--ink-500);margin-top:20px;max-width:340px}.hero-copy .hero-actions{margin-top:24px}
.business-value{padding:48px 28px 32px;border-bottom:1px solid var(--ink-100)}.value-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:end}.value-eyebrow{display:block;font-size:10px;letter-spacing:1.1px;font-weight:500;color:var(--axis-primary-text);margin-bottom:18px}.value-heading h2{font-size:32px;line-height:36px;letter-spacing:-1px;font-weight:500}.value-heading h2>span{display:block;color:var(--ink-500)}.value-heading>p,.intelligence-heading>p{font-size:14px;line-height:22px;color:var(--ink-500)}.value-body{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:32px}.value-comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink-100);border-radius:8px;overflow:hidden}.value-column{padding:24px 20px;background:#faf9f7}.value-column.connected{background:#f4f8fd;border-left:1px solid var(--ink-100)}.value-column h3{font-size:15px;margin-bottom:14px}.connected h3{color:var(--axis-primary-text)}.value-column p{font-size:12px;line-height:18px;padding:10px 0;border-top:1px solid #e7e9ed;color:var(--ink-500)}.connected p{color:var(--ink-900)}.savings-proof{background:#faf9f7;border:1px solid var(--ink-100);border-radius:8px;padding:24px;display:flex;flex-direction:column;justify-content:center}.savings-proof strong{font-size:48px;line-height:1.1;font-weight:500;letter-spacing:-2px;color:var(--axis-primary-text)}.savings-proof p{font-size:17px;line-height:23px;margin:12px 0}.savings-proof small{font-size:11px;line-height:17px;color:var(--ink-500)}.intelligence-heading{display:grid;grid-template-columns:1fr 1.3fr;gap:56px;margin-top:36px;align-items:center}.intelligence-heading h3{font-size:24px;line-height:28px;letter-spacing:-.5px}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border-top:1px solid var(--ink-100)}.decision-grid>div{padding:24px 24px 0 0}.decision-grid>div+div{border-left:1px solid var(--ink-100);padding-left:24px}.decision-grid span{font-size:10px;letter-spacing:.8px;color:var(--axis-primary-text)}.decision-grid h4{font-size:16px;font-weight:500;line-height:22px;margin:12px 0 8px}.decision-grid p{font-size:13px;line-height:20px;color:var(--ink-500)}
@media(max-width:1023px){.hero-product{top:495px}.hero{height:910px}.value-heading{gap:24px}.value-body{grid-template-columns:1fr}.savings-proof{display:block}.savings-proof strong{font-size:42px}.intelligence-heading{gap:24px}}
@media(min-width:640px) and (max-width:1023px){.hero-product{top:380px}.hero{height:1110px}}
@media(max-width:639px){.business-value{padding:36px 16px 24px}.value-heading,.intelligence-heading{grid-template-columns:1fr;gap:18px}.value-heading h2{font-size:28px;line-height:32px}.value-column{padding:18px 12px}.value-column p{min-height:58px}.value-column h3{font-size:14px}.decision-grid{grid-template-columns:1fr}.decision-grid>div,.decision-grid>div+div{border-left:0;border-bottom:1px solid var(--ink-100);padding:20px 0}.decision-grid>div:last-child{border-bottom:0}.hero-copy>p.hero-value{margin-top:16px;font-size:14px;line-height:21px}}

.customer-logo{object-fit:contain;flex-shrink:0;mix-blend-mode:multiply}.dog-logo{width:136px;height:136px}.jersey-logo{width:132px;height:74px}.client-tile .jersey-logo+span{margin-top:8px}.savings-client-logo{width:90px;height:50px;object-fit:contain;align-self:flex-start;margin-bottom:12px;mix-blend-mode:multiply}.savings-proof .value-eyebrow{margin-bottom:10px}.savings-proof{padding:20px 24px}
@media(max-width:639px){.dog-logo{width:108px;height:108px}.jersey-logo{width:110px;height:62px}.client-tile .jersey-logo+span{font-size:10px;line-height:14px}.savings-client-logo{margin-bottom:16px}}

/* Expanded real estate lifecycle shares the editorial grid and porcelain surfaces. */
.real-estate-detail{margin-top:64px;padding:40px 28px 28px;border-block:1px solid var(--ink-100)}.real-estate-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end}.real-estate-heading h2{font-size:32px;line-height:36px;letter-spacing:-.9px;font-weight:500}.real-estate-heading h2>span{display:block;color:var(--ink-500)}.real-estate-heading>p{font-size:14px;line-height:22px;color:var(--ink-500)}.lease-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.lease-capabilities article{padding:24px 20px;background:#faf9f7;border:1px solid #eeece9;border-radius:8px}.lease-capabilities .value-eyebrow{font-size:9px;letter-spacing:.7px;margin-bottom:20px}.lease-capabilities h3{font-size:17px;line-height:22px;letter-spacing:-.2px;margin-bottom:12px}.lease-capabilities p{font-size:13px;line-height:20px;color:var(--ink-500)}.lease-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:24px}.lease-footer p{font-size:13px;line-height:20px;color:var(--ink-500);max-width:560px}.lease-footer strong{display:block;color:var(--ink-900);font-weight:500}.lease-footer .btn{flex-shrink:0;font-size:13px}
@media(max-width:1023px){.lease-capabilities{grid-template-columns:repeat(2,1fr)}.real-estate-heading{gap:28px}.lease-footer{align-items:flex-start}}
@media(max-width:639px){.real-estate-detail{margin-top:40px;padding:32px 16px 24px}.real-estate-heading{grid-template-columns:1fr;gap:20px}.real-estate-heading h2{font-size:28px;line-height:32px}.lease-capabilities{grid-template-columns:1fr;gap:10px}.lease-capabilities article{padding:22px}.lease-capabilities .value-eyebrow{margin-bottom:12px}.lease-footer{flex-direction:column;gap:20px}}

.module-details{padding-top:0}.module-detail-tabs{display:flex;gap:28px;border-bottom:1px solid var(--ink-100);margin-bottom:32px;overflow-x:auto}.module-detail-tabs button{flex-shrink:0;padding:18px 0 16px;border-bottom:2px solid transparent;font-size:14px;color:var(--ink-500);transition:color 160ms,border-color 160ms}.module-detail-tabs button[aria-selected=true]{color:var(--axis-primary-text);border-color:var(--axis-primary)}.module-detail-tabs button:hover{color:var(--ink-900)}.module-details [role=tabpanel][hidden]{display:none}.module-details [role=tabpanel]:not([hidden]){animation:moduleDetailIn 220ms ease-out}.module-details .lease-capabilities{grid-auto-rows:1fr}@keyframes moduleDetailIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:639px){.module-detail-tabs{gap:24px;margin-bottom:24px}.module-detail-tabs button{font-size:13px;padding-block:16px}}@media(prefers-reduced-motion:reduce){.module-details [role=tabpanel]:not([hidden]){animation:none}}

.module-details{overflow-anchor:none}@media(min-width:1024px){.module-details [role=tabpanel]{min-height:430px}}@media(max-width:639px){.module-detail-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;overflow:visible}.module-detail-tabs button{text-align:left;white-space:normal}}

/* Editorial reduction: one audience story, one customization block, one module explorer. */
.configuration-compact{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:64px;padding:40px 28px;border-block:1px solid var(--ink-100)}.configuration-compact h2{font-size:30px;line-height:35px;letter-spacing:-.8px}.configuration-compact>div>p{font-size:14px;line-height:22px;color:var(--ink-500);max-width:410px;margin-top:18px}.configuration-options{display:grid;gap:18px}.configuration-options article+article{border-top:1px solid var(--ink-100);padding-top:18px}.configuration-options h3{font-size:16px;line-height:22px}.configuration-options p{font-size:13px;line-height:20px;color:var(--ink-500);margin-top:6px}.configuration-options .text-button{font-size:13px;margin-top:12px;color:var(--axis-primary-text)}.stories,.workflows{padding-top:64px}.final-cta{margin-top:88px}.story-points small{display:none}.story-points{margin-top:24px}.section-heading h2:has(span:empty)>span{display:none}
@media(max-width:639px){.configuration-compact{grid-template-columns:1fr;gap:28px;margin-top:40px;padding:32px 16px}.configuration-compact h2{font-size:27px;line-height:32px}.stories,.workflows{padding-top:40px}.final-cta{margin-top:64px}}

/* Final narrow-screen review: aligned comparisons and room for longer stories. */
@media(max-width:639px){.value-column h3{min-height:44px;display:flex;align-items:center}.value-column p{min-height:80px}.image-dialog{padding-top:12px}.image-dialog .close{z-index:2}}
@media(max-width:360px){.story{height:710px;grid-template-rows:440px 270px}.story-copy{min-height:440px}.story h3{font-size:26px;line-height:30px}.story-points{gap:12px}.hero-tabs button{font-size:10px}.hero-tabs{padding-right:38px}}

.footer-grid a:not(.brand){display:block;font-size:14px;margin-bottom:16px;color:var(--ink-500)}.footer-grid a:hover{color:var(--axis-primary-text)}

/* Keep each approved headline phrase together on desktop and mobile. */
.hero h1{font-size:clamp(26px,9.8vw,38px);line-height:1.12;letter-spacing:-1.4px}
.hero h1>span{display:block;white-space:nowrap}

/* One detail panel keeps the complete platform overview compact. */
.module-picker{display:none}.workflow>p{min-height:104px}.workflow-visual:focus-visible{outline:2px solid var(--axis-primary);outline-offset:4px}
@media(max-width:639px){.module-detail-tabs{display:none}.module-picker{display:grid;gap:8px;margin-bottom:24px;color:var(--ink-500);font-size:var(--t-caption)}.module-picker select{color:var(--ink-900)}.workflow>p{min-height:112px}}

/* No visible pause controls; retain reduced-motion and interaction pauses. */
.hero-tabs{padding-right:12px}.capability-strip{padding-right:0}

/* Keep screenshot controls in view while the full image pans on small screens. */
.image-dialog{overflow:hidden}.image-dialog h2{padding-right:44px}.image-scroll{overflow:auto;max-height:calc(94dvh - 140px);overscroll-behavior:contain}.image-dialog .close{position:absolute;top:6px;right:8px;left:auto;z-index:2;background:var(--paper)}

/* Demo inquiry: native modal and the existing Axis marketing tokens. */
.demo-dialog{width:720px;max-height:92dvh;padding:32px;overflow:auto}.demo-intro{padding-right:24px}.demo-intro h2{font-size:var(--marketing-section);letter-spacing:-.04em;margin-bottom:12px}.demo-intro p{margin-bottom:20px}.demo-eyebrow{font-size:var(--t-caption);letter-spacing:.1em;color:var(--axis-primary-text)!important}.demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-dialog label{display:block;font-size:var(--t-small);font-weight:500}.field-required{font-size:12px;color:var(--ink-500);font-weight:400;margin-left:4px}.demo-dialog input:not([type=checkbox]),.demo-dialog textarea,.demo-dialog select{display:block;width:100%;margin-top:6px;padding:10px 12px;min-height:44px;font:inherit;color:var(--ink-900);background:var(--paper);border:1px solid var(--ink-150);border-radius:var(--radius-sm)}.demo-dialog input:focus-visible,.demo-dialog textarea:focus-visible{outline:2px solid var(--axis-primary);outline-offset:2px}.demo-dialog textarea{resize:vertical}.demo-interests{border:0;padding:0;margin:0;min-width:0}.demo-interests legend{font-size:var(--t-small);margin-bottom:10px}.demo-interests>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-interests label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--ink-100);border-radius:var(--radius-sm);cursor:pointer;font-weight:400}.demo-interests label:has(:checked){border-color:var(--axis-primary);background:var(--axis-primary-tint)}.demo-interests input{accent-color:var(--axis-primary);flex-shrink:0}.demo-consent{font-size:12px;margin:0!important}.demo-honeypot{position:absolute;left:-10000px}.demo-dialog #demo-status{margin:0;font-size:var(--t-small);color:var(--ink-900)}.demo-dialog #demo-status:empty{display:none}.demo-submit{justify-self:start}.demo-dialog #demo-success p{margin:16px 0 24px}.demo-dialog .close{z-index:2;background:var(--paper)}
@media(max-width:639px){.demo-dialog{padding:28px 20px}.demo-fields,.demo-interests>div{grid-template-columns:1fr}.demo-intro h2{font-size:28px}.demo-submit{width:100%}.demo-dialog .close{position:sticky;display:block;margin:-20px -12px 8px auto;top:0;right:0}.demo-intro{padding-right:16px}}