/* Guester Axis · homepage sheet. Builds on axis.css (fonts, tokens, reset, header, controls, footer).
   Order: field canvas → hero + scene → channels → platform + workspace → Guester AI → integrations → pricing →
   FAQ → closing, then one media cascade (≥1600 → ≤1199 → ≤1023 → ≤959 → ≤639 → ≤360) and reduced motion.
   Rules: no font-size below var(--fs-micro); controls use var(--fs-control); UI borders use --line-strong on
   white and --inverse-line on ink; touch targets are at least 44px at ≤639. */

/* ---------- field canvas: one fixed surface above section paint, below content ---------- */
body.gax-home>.axis-field{position:fixed;inset:0;z-index:1;width:100%;height:100%;display:block;pointer-events:none;visibility:hidden}
body.gax-home.axis-field-active>.axis-field{visibility:visible}
/* Plain selector list first (Safari 13), then the same contract with :is(). */
body.gax-home .hero-copy,body.gax-home .hero-scene,body.gax-home .channels-label,body.gax-home .channel-names,body.gax-home .platform-section>.wrap,body.gax-home .ai-layout,body.gax-home .logos-head,body.gax-home .logos-grid,body.gax-home .pricing-section>.wrap,body.gax-home .faq-heading,body.gax-home .faq-list,body.gax-home .closing-line,body.gax-home .site-footer>.footer-top,body.gax-home .site-footer>.footer-bottom{position:relative;z-index:2}
body.gax-home :is(.hero-copy,.hero-scene,.channels-label,.channel-names,.platform-section>.wrap,.ai-layout,.logos-head,.logos-grid,.pricing-section>.wrap,.faq-heading,.faq-list,.closing-line,.site-footer>.footer-top,.site-footer>.footer-bottom){position:relative;z-index:2}

/* ---------- hero ---------- */
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px;align-items:center;padding-top:36px;padding-bottom:57px;gap:0}
.hero-copy{padding:28px 0}
.hero-intro{font-size:var(--fs-small);font-weight:500;margin-bottom:28px}
.hero h1{font-size:clamp(3.25rem,5.3vw,5rem);letter-spacing:-.04em;line-height:1.04;font-weight:500}
.hero h1 span{display:block}
.hero h1 span:last-child{color:#7a7e85}
.hero-description{font-size:18px;line-height:1.6;color:var(--muted);max-width:430px;margin-top:27px}
.hero-benefits{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;list-style:none;margin:16px 0 0;padding:0;font-size:var(--fs-small);line-height:1.5;color:var(--muted-strong)}
.hero-benefits li{max-width:100%}
.hero-actions{display:flex;gap:26px;align-items:center;margin-top:33px}

/* The scene box: the renderer centres the ring on it and publishes --ring-r (its radius). */
.hero-scene{position:relative;height:550px;margin-right:-30px;margin-left:-20px;isolation:isolate;user-select:none;--ring-r:170px}
.scene-fallback{position:absolute;left:50%;top:50%;width:calc(var(--ring-r)*2.04);max-width:none;height:auto;transform:translate(-50%,-50%);z-index:1}
.scene-label{position:absolute;left:50%;top:50%;z-index:2;display:flex;align-items:center;gap:10px;border-radius:var(--radius-control);padding:11px 14px;background:#fff;box-shadow:0 8px 28px rgba(28,31,38,.09);font-size:var(--fs-small);line-height:1.2;font-weight:500;white-space:nowrap}
.scene-label svg{width:16px;height:16px;flex-shrink:0}
/* Each card sits just outside the ring: its inner corner rests at 1.04 to 1.06 radii. */
.label-reviews{margin-left:calc(var(--ring-r)*-.76 - 65px);margin-top:calc(var(--ring-r)*-.76 - 20px);transform:translate(-50%,-50%) rotate(-5deg)}
.label-rates{margin-left:calc(var(--ring-r)*1.04 + 73px);margin-top:calc(var(--ring-r)*-.18);transform:translate(-50%,-50%) rotate(5deg)}
.label-team{margin-left:calc(var(--ring-r)*-.53 - 65px);margin-top:calc(var(--ring-r)*.92 + 20px);transform:translate(-50%,-50%) rotate(-3deg)}
.hero-scene.is-scene-managed .scene-label{opacity:0}
.scene-caption{position:absolute;bottom:9%;left:0;right:0;text-align:center;font-size:var(--fs-micro);color:var(--muted)}
/* Pause / resume control, docked in the scene's bottom-right corner. */
.scene-motion{position:absolute;z-index:3;right:0;bottom:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:44px;height:44px;padding:0 14px 0 12px;border:1px solid var(--line-strong);border-radius:22px;background:rgba(255,255,255,.94);color:var(--muted-strong);font-size:var(--fs-micro);font-weight:500;line-height:1;white-space:nowrap;transition:background-color 160ms ease,color 160ms ease}
.scene-motion[aria-disabled=true]{opacity:.55;cursor:default}
.scene-motion svg{width:16px;height:16px;flex-shrink:0}
.scene-motion .scene-play-icon{display:none}
.scene-motion[data-paused=true] .scene-play-icon{display:block}
.scene-motion[data-paused=true] .scene-pause-icon{display:none}
.scene-motion-text{display:inline}
.scene-motion:hover{background:#fff;color:var(--ink)}

/* ---------- channels: a label block above one neutral row of names ---------- */
.channels{padding-top:29px;padding-bottom:58px}
.channels-label{font-size:13px;line-height:1.6;margin-bottom:20px}
.channels-label span{display:block;color:var(--muted)}
.channel-names{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 44px;list-style:none;margin:0;padding:0}
.channel-names li{font-size:18px;font-weight:500;letter-spacing:-.02em;color:var(--muted);white-space:nowrap}

/* ---------- platform ---------- */
.section-heading{display:block;max-width:640px;margin-bottom:46px}
.section-heading h2 span{color:var(--ink)}
.section-heading h2 .dim{color:#7c8087}
.section-heading>p{font-size:16px;line-height:1.65;max-width:52ch;color:var(--muted);margin-top:24px}
.platform-section{background:var(--surface)}
.platform-footnote{margin-top:25px;font-size:var(--fs-small);color:var(--muted)}

/* Product captures */
.workspace-showcase{background:var(--paper);border-radius:var(--radius);overflow:hidden;box-shadow:0 18px 70px rgba(34,38,44,.08)}
.workspace-toolbar{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 30px;border-bottom:1px solid var(--line);font-size:var(--fs-small)}
.workspace-brand{display:flex;align-items:center;gap:12px;min-width:0}
.workspace-brand img{width:22px;height:auto}
.workspace-brand strong{font-weight:500}
.workspace-brand>span:last-child,.workspace-status{color:var(--muted)}
.workspace-divider{height:15px;width:1px;background:var(--line);margin:0 4px}
.workspace-status{white-space:nowrap}
.workspace-tabs{display:flex;gap:8px;padding:16px 24px;border-bottom:1px solid var(--line)}
.workspace-tabs button{min-height:44px;border-radius:var(--radius-control);font-size:var(--fs-control);padding:10px 16px;line-height:1.3}
.workspace-tabs button:hover{background:var(--surface)}
.workspace-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}
.workspace-fallback{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:12px 24px 20px;font-size:var(--fs-small)}
.workspace-fallback a{text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
.workspace-panel{outline-offset:-6px!important}
.workspace-picture{display:block}
.workspace-picture img{display:block;width:100%;height:auto}
.workspace-caption{display:flex;gap:20px;align-items:center;min-height:70px;padding:12px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-small);line-height:1.5}
.workspace-caption-text{flex:1}
.caption-count{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:var(--fs-micro)}
.workspace-expand{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 12px;flex-shrink:0;color:var(--ink);background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius-control);font-size:var(--fs-control);font-weight:500}
.workspace-expand:hover{background:var(--surface)}
.workspace-lightbox{width:calc(100vw - 48px);max-width:1600px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:0;border:0;border-radius:var(--radius);background:var(--paper);color:var(--ink);overflow:hidden;font-family:inherit}
.workspace-lightbox[open]{display:flex;flex-direction:column}
.workspace-lightbox::backdrop{background:rgba(16,17,19,.76)}
.workspace-lightbox-header,.workspace-lightbox-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;flex-shrink:0}
.workspace-lightbox-header{border-bottom:1px solid var(--line)}
.workspace-lightbox-header .dialog-title{font-size:18px;line-height:1.35;font-weight:500}
.workspace-lightbox-header .dialog-sub{margin-top:3px;font-size:var(--fs-micro);color:var(--muted)}
.workspace-lightbox-close,.workspace-lightbox-navigation button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:8px 12px;background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius-control);font-size:var(--fs-control)}
.workspace-lightbox-close:hover,.workspace-lightbox-navigation button:hover{background:var(--surface)}
.workspace-lightbox-image{min-height:0;overflow:auto;overscroll-behavior:contain}
.workspace-lightbox-image:focus-visible{outline-offset:-3px}
.workspace-lightbox-image .workspace-picture{margin:auto;width:100%}
.workspace-lightbox-footer{border-top:1px solid var(--line)}
.workspace-lightbox-footer>p{font-size:var(--fs-small);color:var(--muted);line-height:1.5}
.workspace-lightbox-navigation{display:flex;align-items:center;gap:14px;flex-shrink:0}
.workspace-lightbox-navigation button{font-size:20px}
.workspace-lightbox-navigation>span{min-width:42px;font-size:var(--fs-micro);text-align:center;font-variant-numeric:tabular-nums}

/* ---------- Guester AI (dark ground; .gax-inverse supplies the focus ring) ---------- */
.ai-section{background:var(--ink);color:#fff;padding:112px 0 119px;position:relative;overflow:hidden}
.ai-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:110px;align-items:center}
.ai-brand{display:flex;gap:10px;align-items:center;font-size:14px;margin-bottom:32px}
.ai-brand img{filter:invert(1);width:26px;height:auto}
.ai-copy h2{font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.03;letter-spacing:-.04em}
.ai-copy h2 .dim{color:#888e96}
.ai-copy>p{font-size:16px;line-height:1.7;max-width:352px;color:var(--inverse-muted);margin-top:29px}
.ai-copy .text-link{margin-top:34px;font-size:var(--fs-control)}
.ai-demo{position:relative;background:#222427;border:1px solid #393c42;border-radius:var(--radius);overflow:hidden}
/* Measuring box only: scene.js reads its rect to re-form the annulus over the card. Capped
   against the viewport and anchored to the card's top, so the annulus stays on screen on
   short viewports where the card is taller than the window. */
.ai-mark-target{position:absolute;inset:0 0 auto;height:min(100%,64vh);height:min(100%,64svh);pointer-events:none}
.ai-demo-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:23px 26px;border-bottom:1px solid #393c42;font-size:var(--fs-small)}
.ai-demo-header>span:first-child{display:flex;align-items:center;gap:10px}
.ai-demo-header img{width:20px;height:auto;filter:invert(1)}
.ai-demo-header>span:last-child{font-size:var(--fs-micro);color:#a9aeb7}
/* The conversation grows with its answer; home.js animates the height between examples. */
.ai-conversation{display:grid;grid-template-rows:auto auto;padding:30px 26px 24px;min-height:0;overflow:hidden}
.ai-question{font-size:var(--fs-small);background:#34373c;border-radius:var(--radius-control) var(--radius-control) 2px var(--radius-control);padding:13px 16px;width:fit-content;max-width:90%;margin-left:auto}
.ai-response{display:flex;gap:13px;margin-top:31px;align-items:start}
.response-mark{display:inline-flex;padding-top:3px;color:#e0e2e6}
.ai-answer{flex:1;min-width:0}
.ai-response p{font-size:13px;line-height:1.75;color:#e0e2e6}
.ai-response .ai-context{font-size:var(--fs-micro);color:#a9aeb7;margin-bottom:12px}
.ai-draft-label{font-size:var(--fs-micro);color:#adb2bb;display:block;margin-top:21px;line-height:1.6}
.ai-prompt-label{padding:0 26px;color:#c0c4cb;font-size:var(--fs-micro);margin-bottom:10px}
.ai-prompts{display:flex;gap:8px;flex-wrap:wrap;padding:0 26px}
.ai-prompts button{display:inline-flex;align-items:center;min-height:44px;background:none;border:1px solid var(--inverse-line);border-radius:var(--radius-control);color:#c6cad1;font-size:var(--fs-control);padding:8px 14px;transition:background .2s,color .2s,border-color .2s}
.ai-prompts button[aria-pressed=true],.ai-prompts button:hover{background:#f3f4f5;color:#24262a;border-color:#f3f4f5}
.ai-demo-note{font-size:var(--fs-micro);line-height:1.6;color:#a0a6b0;padding:20px 26px}
.ai-demo.is-changing .ai-response{animation:answer-in .6s var(--ease) both}
@keyframes answer-in{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}

/* ---------- Guester AI: the scripted stage ----------
   home.js swaps the static example for this once scripting is available. The card starts
   transparent so the re-forming annulus (drawn on the page's particle canvas, behind the card)
   is visible, then the surface fades in over it and the conversation plays. */
.ai-demo.is-stage{background:transparent;border-color:transparent;transition:background-color .45s var(--ease),border-color .45s var(--ease)}
.ai-demo.is-stage.has-panel{background:#222427;border-color:#393c42}
.ai-demo.is-stage .ai-demo-header,.ai-demo.is-stage .ai-prompt-label,.ai-demo.is-stage .ai-prompts,.ai-demo.is-stage .ai-demo-note{opacity:0;transition:opacity .4s var(--ease)}
.ai-demo.is-stage.has-panel .ai-demo-header,.ai-demo.is-stage.has-panel .ai-prompt-label,.ai-demo.is-stage.has-panel .ai-prompts,.ai-demo.is-stage.has-panel .ai-demo-note{opacity:1}
.ai-demo.is-stage .ai-conversation{display:block;padding:26px 26px 20px}
.ai-thread{display:flex;flex-direction:column;min-height:296px}
.ai-demo.is-stage .ai-question{font-size:14px;line-height:1.5;background:#34373c;border-radius:16px 16px 6px 16px;padding:11px 15px;max-width:88%;animation:ai-rise .22s var(--ease) both}
.ai-demo.is-stage .ai-response{margin-top:22px;gap:11px}
.ai-demo.is-stage .ai-response p{font-size:14px;line-height:1.625}
.ai-demo.is-stage .ai-context{font-size:var(--fs-small);color:#a9aeb7;margin-bottom:10px}
.ai-thinking{font-size:14px;color:#a9aeb7;min-height:22px}
.ai-body{min-height:1.625em}
.ai-caret{display:none;width:2px;height:15px;margin-left:4px;vertical-align:-2px;background:#e0e2e6}
.ai-demo.is-streaming .ai-caret{display:inline-block;animation:ai-blink 1.6s ease-in-out infinite}
/* Claire's recommendation: the product's Apply / Applied pattern, never applied on its own. */
.ai-action{margin-top:auto;padding:15px 16px;border:1px solid #3f4348;border-radius:12px;background:#2a2d31;animation:ai-rise .3s var(--ease) both}
.ai-action-title{font-size:13px;font-weight:500;color:#f1f2f4}
.ai-action-desc{font-size:var(--fs-small);line-height:1.55;color:#a9aeb7;margin-top:4px}
.ai-action-impact{font-size:var(--fs-small);font-weight:500;color:#e0e2e6;margin-top:8px;font-variant-numeric:tabular-nums}
.ai-action-row{display:flex;align-items:center;gap:10px;margin-top:12px;min-height:32px}
.ai-action-apply{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:10px;background:#f3f4f5;color:#24262a;font-size:var(--fs-control);font-weight:500}
.ai-action-apply::before{content:'';width:12px;height:12px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;rotate:-45deg;translate:0 -2px}
.ai-action-state{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-control);color:#a9aeb7}
.ai-action-state::before{content:'';width:11px;height:11px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;rotate:-45deg;translate:0 -2px}
.ai-action.is-applied{border-color:#4a4e55}
/* Composer: the request types itself here, then leaves as a bubble. */
.ai-composer{display:flex;align-items:center;gap:10px;margin-top:18px;padding:8px;border:1px solid #40444b;border-radius:16px;background:#1d1f22;opacity:0;transition:opacity .3s var(--ease)}
.ai-demo.is-typing .ai-composer{opacity:1}
.ai-composer-text{flex:1;min-width:0;padding:6px 8px;font-size:14px;color:#e0e2e6;white-space:nowrap;overflow:hidden;text-overflow:clip}
.ai-demo.is-typing .ai-composer-text::after{content:'';display:inline-block;width:2px;height:15px;margin-left:2px;vertical-align:-2px;background:#e0e2e6;animation:ai-blink 1.1s steps(1,end) infinite}
.ai-composer-send{flex:none;width:34px;height:34px;border-radius:11px;background:#f3f4f5;position:relative}
.ai-composer-send::before{content:'';position:absolute;left:50%;top:52%;width:8px;height:8px;border-left:1.6px solid #24262a;border-top:1.6px solid #24262a;rotate:45deg;translate:-50% -50%}
/* The mark: the product's compact grains, three counter-rotating layers plus an outer orbit. */
.ai-mark{display:block;overflow:visible}
.ai-mark-swarm,.ai-mark-drift,.ai-mark-grains,.ai-mark-orbit{transform-box:view-box;transform-origin:50% 50%}
.ai-mark-swarm{animation:ai-breathe 4.6s ease-in-out infinite}
.ai-mark-drift{animation:ai-turn var(--ai-orbit,14s) linear infinite}
.ai-mark-drift[data-layer="1"]{animation-direction:reverse;opacity:.78}
.ai-mark-drift[data-layer="2"]{animation-duration:var(--ai-counter,20s);opacity:.58}
.ai-mark-grains{animation:ai-grains var(--ai-grain,3.6s) ease-in-out infinite}
.ai-mark-drift[data-layer="1"] .ai-mark-grains{animation-delay:-1.2s}
.ai-mark-drift[data-layer="2"] .ai-mark-grains{animation-delay:-2.4s}
.ai-mark-orbit{opacity:.48;animation:ai-turn var(--ai-satellite,10s) linear infinite reverse}
.ai-demo.is-thinking .response-mark .ai-mark{--ai-orbit:5.5s;--ai-counter:8s;--ai-grain:1.6s;--ai-satellite:4s}
.ai-demo.is-streaming .response-mark .ai-mark{--ai-orbit:7s;--ai-counter:11s;--ai-grain:2.4s;--ai-satellite:5.5s}
.ai-demo.is-sent .response-mark .ai-mark,.ai-demo.is-sent .ai-demo-header .ai-mark{animation:ai-pulse .52s ease-out}
@keyframes ai-turn{to{rotate:360deg}}
@keyframes ai-breathe{0%,100%{scale:1 .97}50%{scale:.96 1.05}}
@keyframes ai-grains{0%,100%{scale:.94 1.04}50%{scale:1.06 .94}}
@keyframes ai-pulse{0%{scale:1;opacity:1}20%{scale:1.12;opacity:.65}100%{scale:1.45;opacity:1}}
@keyframes ai-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes ai-blink{0%,100%{opacity:1}50%{opacity:.35}}

/* ---------- integrations: a stacked heading, then a wall of brand marks ----------
   Three surfaces stepping up, the way the reference does it in the dark: the page, then the
   grid's own box one step in, then a tile one step in from that. On paper the steps are
   --paper, --surface and --paper again, so the tile needs the hairline to hold its edge.
   The two radii are the theme's own: --radius for the box, --radius-control for a tile. */
.logos-section{padding-top:128px;padding-bottom:128px}
.logos-head{max-width:640px}
.logos-head h2{font-size:46px;line-height:1.1;margin-top:14px}
.logos-head>p{font-size:16px;line-height:1.65;color:var(--muted);max-width:520px;margin-top:25px}
.logos-grid{list-style:none;margin:56px 0 0;padding:8px;display:grid;gap:8px;
  grid-template-columns:repeat(10,minmax(0,1fr));background:var(--surface);border-radius:var(--radius)}
.logos-tile{aspect-ratio:1;display:grid;place-items:center;background:var(--paper);
  border-radius:var(--radius-control);box-shadow:inset 0 0 0 1px var(--line);
  container-type:inline-size;
  transition:background-color .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1)}
@media(hover:hover){.logos-tile:hover{box-shadow:inset 0 0 0 1px var(--line-strong)}}
/* Every mark is fitted, never stretched. The box it is fitted to comes from its own measured
   ink: a symbol can sit small and square, a wordmark needs the tile's width or its letters
   collapse to a smear. */
.lg-mark{display:block;object-fit:contain}
.lg-mark[data-fit=square]{width:52%;height:52%}
.lg-mark[data-fit=wide]{width:68%;height:68%}
.lg-mark[data-fit=word]{width:92%;height:92%}
/* Only for a mark whose own ground is a hard-cornered square; beside nineteen rounded
   neighbours an unrounded one reads as a mistake. */
.lg-mark[data-clip]{border-radius:22%}
/* A mark we could not license degrades to its name, in the two weights the theme ships. */
.lg-word{font-weight:500;letter-spacing:-.035em;line-height:1;text-align:center;
  font-size:clamp(11px,13cqw,17px);color:var(--ink);padding:0 6%}

/* ---------- pricing: three plans, monthly or annual ---------- */
.pricing-section{background:var(--surface);padding:104px 0}
.pricing-head{max-width:640px;margin:0 auto;text-align:center}
.pricing-head h2{font-size:50px;line-height:1.06;letter-spacing:-.04em}
.pricing-sub{font-size:16px;line-height:1.65;color:var(--muted);margin-top:20px}
/* billing period: one control, two states */
.billing-toggle-wrap{display:flex;justify-content:center;margin-top:36px}
.billing-toggle{display:inline-flex;gap:4px;padding:4px;background:var(--paper);border:1px solid var(--line-strong);border-radius:999px}
.billing-option{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:var(--muted-strong);font:inherit;font-size:var(--fs-control);font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
.billing-option:hover{color:var(--ink)}
.billing-option[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.billing-save{font-size:var(--fs-micro);color:var(--inverse-muted)}
.billing-option[aria-pressed="false"] .billing-save{color:var(--muted)}
/* the three plans */
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;margin-top:44px}
.plan-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px}
.plan-card.is-featured{background:var(--ink);border-color:var(--ink);color:var(--paper);--muted:var(--inverse-muted);--muted-strong:var(--inverse-muted);--line:var(--inverse-line)}
.plan-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px}
.plan-name{font-size:19px;font-weight:500;letter-spacing:-.02em;line-height:1.2}
.plan-badge{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid var(--inverse-line);border-radius:999px;font-size:var(--fs-micro);font-weight:500;line-height:1;white-space:nowrap}
.plan-tagline{font-size:15px;font-weight:500;margin-top:12px}
.plan-desc{font-size:14px;line-height:1.55;color:var(--muted);margin-top:7px}
/* both periods are rendered; the section attribute decides which one shows */
.plan-price{display:none;margin-top:26px}
.pricing-section[data-billing="annual"] .plan-price[data-billing="annual"],
.pricing-section[data-billing="monthly"] .plan-price[data-billing="monthly"]{display:block}
.plan-was{min-height:21px;font-size:var(--fs-control);color:var(--muted)}
.plan-amount{display:flex;align-items:baseline;gap:9px;margin-top:2px}
.plan-figure{font-size:46px;font-weight:500;letter-spacing:-.04em;line-height:1.1;font-variant-numeric:tabular-nums}
.plan-per{font-size:var(--fs-control);color:var(--muted)}
.plan-billing{font-size:var(--fs-small);color:var(--muted);margin-top:7px}
.plan-card>.button{width:100%;justify-content:space-between;margin-top:26px}
.plan-card.is-featured>.button{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.plan-card.is-featured>.button:hover{background:var(--surface);border-color:var(--surface)}
.plan-features{list-style:none;margin:26px 0 0;padding:26px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.plan-features li{display:flex;gap:12px;align-items:flex-start;font-size:var(--fs-control);line-height:1.45}
.plan-features svg{flex-shrink:0;margin-top:1px}
/* the close: what every plan shares, then the programme */
.pricing-foot{margin-top:46px;display:flex;flex-direction:column;align-items:center;text-align:center}
.pricing-meta{font-size:var(--fs-control);font-weight:500}
.pricing-note{font-size:var(--fs-small);color:var(--muted);margin-top:8px;max-width:520px;line-height:1.6}
.program-link{display:flex;align-items:center;gap:15px;margin-top:42px;font-size:var(--fs-small);width:fit-content;min-height:44px}
.program-mark{display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;width:36px;height:36px;flex-shrink:0;transition:transform .3s var(--ease)}
.program-link:hover .program-mark{transform:translateX(3px)}
.program-link small{display:block;color:var(--muted);font-size:var(--fs-micro);margin-top:4px}
@media(prefers-reduced-motion:no-preference){
	html.js-motion .plan-card[data-reveal]{transition-delay:calc(var(--i,0) * .08s)}
}

/* ---------- FAQ: heading stacked above the list ---------- */
.faq-section{padding-top:117px;padding-bottom:122px}
.faq-heading{max-width:640px}
.faq-heading h2{font-size:43px;line-height:1.12}
.faq-list{margin-top:44px;max-width:860px}
.faq-list details{border-bottom:1px solid var(--line-strong)}
.faq-list details:first-child{border-top:1px solid var(--line-strong)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;list-style:none;cursor:pointer;font-size:16px;font-weight:500}
.faq-list summary::-webkit-details-marker{display:none}
.faq-plus{position:relative;width:15px;height:15px;flex-shrink:0}
.faq-plus:before,.faq-plus:after{content:'';position:absolute;left:0;right:0;height:1px;top:7px;background:var(--ink);transition:transform .3s var(--ease)}
.faq-plus:after{transform:rotate(90deg)}
details[open] .faq-plus:after{transform:rotate(0)}
.faq-answer{padding:0 37px 25px 0;color:var(--muted);font-size:14px;line-height:1.7}
.faq-answer a{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;color:var(--ink);text-decoration:underline;text-underline-offset:4px}

/* ---------- closing ---------- */
.closing-section{padding-bottom:77px}
.closing-line{padding-top:65px;display:grid;grid-template-columns:auto 1fr auto;gap:38px;align-items:center;max-width:1000px}
.closing-line>img{width:73px;height:auto}
.closing-line h2{font-size:47px;line-height:1.05}
.closing-line .button{justify-self:end}

/* ---------- entrances (the section reveals live in axis.css as [data-reveal]) ---------- */
@media(prefers-reduced-motion:no-preference){
	html.js-motion .hero-copy>*{animation:arrive .95s var(--ease) both}
	html.js-motion .hero-copy>h1{animation-delay:.06s}
	html.js-motion .hero-description{animation-delay:.13s}
	html.js-motion .hero-actions{animation-delay:.19s}
	@keyframes arrive{from{opacity:.7;transform:translateY(15px)}to{opacity:1;transform:none}}
}

/* ---------- media cascade ---------- */
@media(min-width:1600px){
	.hero{min-height:700px;padding-bottom:74px}
	.hero-scene{height:590px}
	.channels{padding-bottom:73px}
}
@media(max-width:1199px){
	.hero{min-height:590px}
	.hero-scene{height:480px;margin-right:-15px}
	.hero-intro{font-size:var(--fs-micro)}
	.hero-description{font-size:16px;max-width:375px}
	.hero-actions{gap:20px}
	.hero-actions .text-link{font-size:var(--fs-control)}
	.hero-actions .button{font-size:var(--fs-control);gap:15px;padding:0 18px}
	.scene-label{font-size:var(--fs-micro);padding:10px 12px;gap:7px}
	.label-reviews{margin-left:calc(var(--ring-r)*-.76 - 58px);margin-top:calc(var(--ring-r)*-.76 - 18px)}
	.label-rates{margin-left:calc(var(--ring-r)*1.04 + 64px)}
	.label-team{margin-left:calc(var(--ring-r)*-.53 - 58px);margin-top:calc(var(--ring-r)*.92 + 18px)}
	.channel-names{gap:10px 32px}
	.channel-names li{font-size:17px}
	.ai-layout{gap:65px;grid-template-columns:.9fr 1.1fr}
	.ai-prompts{gap:6px}
	.logos-head h2{font-size:40px}
	.pricing-head h2{font-size:44px}
	.plan-grid{gap:16px}
	.plan-card{padding:28px 24px}
	.plan-figure{font-size:42px}
}
@media(max-width:1023px){
	.scene-motion{width:44px;padding:0}
	.scene-motion-text{display:none}
}
@media(max-width:959px){
	.hero{min-height:560px;padding-top:25px;padding-bottom:40px}
	.hero-intro{gap:7px;margin-bottom:24px}
	.hero-description{font-size:15px;max-width:340px}
	.hero h1{font-size:clamp(44px,5.65vw,56px)}
	.hero-scene{height:420px;margin-left:-18px;margin-right:-12px}
	.hero-actions{gap:18px;align-items:start;flex-direction:column;margin-top:25px}
	.scene-label{padding:9px 10px;gap:6px}
	.scene-label svg{width:14px;height:14px}
	.label-reviews{margin-left:calc(var(--ring-r)*-.76 - 52px);margin-top:calc(var(--ring-r)*-.76 - 16px)}
	.label-rates{margin-left:calc(var(--ring-r)*1.04 + 58px)}
	.label-team{margin-left:calc(var(--ring-r)*-.53 - 52px);margin-top:calc(var(--ring-r)*.92 + 16px)}
	.scene-caption{bottom:6%}
	.channels{padding-top:20px;padding-bottom:45px}
	.channels-label{font-size:var(--fs-small);margin-bottom:18px}
	.channel-names{gap:10px 28px}
	.channel-names li{font-size:16px}
	.section-heading h2{font-size:40px}
	.section-heading>p{font-size:15px;margin-top:20px}
	.workspace-toolbar{padding:16px 24px}
	.workspace-tabs{gap:4px;padding:12px 20px}
	.workspace-tabs button{padding:10px 12px}
	.ai-section{padding:83px 0}
	.ai-layout{gap:40px;grid-template-columns:.8fr 1.1fr}
	.ai-copy h2{font-size:42px}
	.ai-copy>p{font-size:14px}
	.ai-demo-header{padding:20px;font-size:var(--fs-micro)}
	.ai-thread{min-height:250px}
	.ai-demo.is-stage .ai-conversation{padding:20px 20px 16px}
	.ai-conversation{padding:22px 20px}
	.ai-question{font-size:var(--fs-micro)}
	.ai-response{gap:10px;margin-top:24px}
	.ai-response p{font-size:var(--fs-small)}
	.ai-response .ai-context{font-size:var(--fs-micro)}
	.ai-prompt-label,.ai-prompts{padding-left:20px;padding-right:20px}
	.ai-demo-note{padding:20px}
	.logos-section{padding-top:88px;padding-bottom:88px}
	.logos-head h2{font-size:35px}
	.logos-head>p{font-size:14px}
	.logos-grid{margin-top:40px;grid-template-columns:repeat(5,minmax(0,1fr))}
	.pricing-section{padding:83px 0}
	.pricing-head h2{font-size:36px}
	.pricing-sub{font-size:14px}
	.plan-grid{grid-template-columns:minmax(0,1fr);max-width:560px;margin-left:auto;margin-right:auto;gap:18px}
	.plan-card{padding:28px 26px}
	.plan-figure{font-size:44px}
	.program-link{font-size:var(--fs-micro);gap:10px}
	.program-mark{width:29px;height:29px}
	.faq-section{padding-top:85px;padding-bottom:87px}
	.faq-heading h2{font-size:35px}
	.faq-list{margin-top:34px}
	.faq-list summary{font-size:14px;padding:23px 0}
	.faq-answer{font-size:var(--fs-small)}
	.closing-line h2{font-size:40px}
	.closing-line{gap:25px}
	.closing-line>img{width:55px}
	.closing-line .button{font-size:var(--fs-control)}
}
@media(max-width:639px){
	/* The canvas follows the page on phones too: the vortex field stays off here, but the annulus
	   re-forms inside the Guester AI section, which sits below the hero. */
	body.gax-home>.axis-field{position:fixed;inset:0;height:100%}
	.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:30px;padding-bottom:5px;min-height:0}
	.hero-copy{padding:0}
	.hero-intro{margin-bottom:25px}
	.hero h1{font-size:clamp(43px,12.9vw,67px);line-height:1.04;letter-spacing:-.04em}
	.hero-description{font-size:15px;max-width:375px;margin-top:22px;line-height:1.6}
	.hero-actions{flex-direction:row;align-items:center;gap:22px;margin-top:27px}
	.hero-actions .button{font-size:var(--fs-control);min-height:47px;padding:0 16px;gap:16px}
	.hero-actions .text-link{gap:8px}
	.hero-actions .text-link span{font-size:17px}
	.hero-scene{height:325px;margin:4px -16px 0;flex-shrink:0;--ring-r:100px}
	.scene-label{gap:7px;padding:9px 11px}
	.label-reviews{margin-left:calc(var(--ring-r)*-.53 - 60px);margin-top:calc(var(--ring-r)*-.92 - 16px)}
	.label-rates{margin-left:calc(var(--ring-r)*.84 + 50px);margin-top:calc(var(--ring-r)*.66 + 16px)}
	.label-team{margin-left:calc(var(--ring-r)*-.58 - 50px);margin-top:calc(var(--ring-r)*.98 + 16px)}
	.scene-caption{bottom:3%}
	.scene-motion{right:4px;bottom:4px}
	.channels{padding-top:21px;padding-bottom:43px}
	.channels-label{margin-bottom:16px}
	.channel-names{gap:10px 24px}
	.channel-names li{font-size:15px}
	.section-heading{display:block;margin-bottom:30px}
	.section-heading h2{font-size:38px;line-height:1.08}
	.section-heading>p{font-size:14px;margin-top:18px;line-height:1.65}
	.platform-footnote{margin-top:22px;font-size:var(--fs-micro)}
	.workspace-showcase{margin-left:-10px;margin-right:-10px;box-shadow:0 14px 36px rgba(34,38,44,.07)}
	.platform-section .workspace-showcase{box-shadow:none}
	.workspace-toolbar{min-height:60px;padding:14px 16px;gap:12px;font-size:var(--fs-micro)}
	.workspace-brand{gap:8px}
	.workspace-brand img{width:18px}
	.workspace-divider,.workspace-brand>span:last-child{display:none}
	.workspace-status{font-size:var(--fs-micro)}
	.workspace-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:10px}
	.workspace-tabs button{padding:10px 8px}
	.workspace-caption{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:16px}
	.workspace-caption-text{grid-column:1/-1}
	.workspace-lightbox{width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
	.workspace-lightbox-header,.workspace-lightbox-footer{padding:12px 16px;gap:12px}
	.workspace-lightbox-header .dialog-title{font-size:16px}
	.workspace-lightbox-footer{align-items:flex-start;flex-direction:column}
	.workspace-lightbox-navigation{width:100%;justify-content:space-between}
	.workspace-lightbox-footer>p{font-size:var(--fs-micro)}
	.ai-section{padding:65px 0 66px}
	.ai-layout{display:flex;flex-direction:column;gap:37px;align-items:stretch}
	.ai-brand{font-size:var(--fs-small);margin-bottom:25px}
	.ai-brand img{width:23px}
	.ai-copy h2{font-size:46px;line-height:1.02;max-width:370px}
	.ai-copy h2 .l1,.ai-copy h2 .l2{display:inline}
	.ai-copy>p{font-size:14px;line-height:1.7;margin-top:23px;max-width:330px}
	.ai-copy .text-link{margin-top:24px}
	.ai-demo{margin:0 -4px}
	.ai-conversation{padding:23px 20px 26px}
	.ai-response{margin-top:26px}
	.ai-demo-header{gap:8px}
	.ai-prompts{gap:7px}
	.ai-prompts button{min-height:44px;padding:8px 12px;gap:8px}
	.ai-demo-note{padding-top:16px;padding-bottom:20px}
	.logos-section{padding-top:67px;padding-bottom:69px}
	.logos-head h2{font-size:38px;max-width:340px}
	.logos-head>p{font-size:14px;line-height:1.65;max-width:325px;margin-top:23px}
	.logos-grid{margin-top:37px;grid-template-columns:repeat(4,minmax(0,1fr))}
	.pricing-section{padding:62px 0}
	.pricing-head h2{font-size:38px}
	.billing-toggle-wrap{margin-top:28px}
	.billing-option{padding:0 16px}
	.plan-grid{margin-top:34px;gap:16px}
	.plan-card{padding:26px 22px}
	.plan-figure{font-size:44px}
	.plan-card>.button{font-size:var(--fs-control);min-height:49px}
	.pricing-foot{margin-top:34px}
	.program-link{margin-top:28px;min-height:44px}
	.program-mark{width:33px;height:33px}
	.faq-section{padding-top:65px;padding-bottom:65px}
	.faq-heading h2{font-size:38px}
	.faq-list{margin-top:30px}
	.faq-list summary{font-size:14px;padding:23px 0}
	.faq-answer{font-size:13px;padding-right:20px;line-height:1.7}
	.closing-section{padding-bottom:44px}
	.closing-line{padding-top:41px;grid-template-columns:42px 1fr;gap:21px}
	.closing-line>img{width:42px}
	.closing-line h2{font-size:38px}
	.closing-line .button{grid-column:1/-1;justify-self:start;font-size:var(--fs-control);min-height:49px;margin-top:9px}
}
@media(max-width:360px){
	.hero h1{font-size:43px}
	.hero-actions{gap:16px}
	.hero-scene{height:300px;--ring-r:93px}
	.ai-prompts{gap:6px}
	.ai-prompts button{padding:8px 10px}
	.closing-line h2{font-size:35px}
}

/* ---------- reduced motion: static ring, all labels visible, no pause control ---------- */
@media(prefers-reduced-motion:reduce){
	body.gax-home>.axis-field{display:none!important}
	.ai-demo.is-stage{background:#222427;border-color:#393c42}
	.ai-demo.is-stage .ai-demo-header,.ai-demo.is-stage .ai-prompt-label,.ai-demo.is-stage .ai-prompts,.ai-demo.is-stage .ai-demo-note{opacity:1}
	.ai-caret,.ai-composer{display:none!important}
	.scene-motion{display:none!important}
	.hero-scene .scene-label{opacity:1!important;translate:none!important;scale:none!important}
}

/* ---------- platform: content and the capture set the section height ----------
   Keep the existing content columns and native tabs. The product capture keeps its own
   ratio at every width, without reserving a viewport of empty space around it. */
.platform-section{--capture-ratio:1425/990;min-height:0;padding:48px 0;scroll-margin-top:0}
.platform-section>.wrap{width:100%;display:grid;grid-template-columns:minmax(0,1fr) min(820px,64%);grid-template-rows:auto auto;column-gap:56px;align-items:center}
.platform-section .section-heading{grid-column:1;grid-row:1;align-self:end;margin-bottom:0;max-width:none}
.platform-section .section-heading h2{font-size:clamp(2.25rem,3.4vw,3.4rem)}
.platform-section .section-heading>p{margin-top:20px}
.platform-section .platform-footnote{grid-column:1;grid-row:2;align-self:start;margin-top:28px}
.platform-section .workspace-showcase{grid-column:2;grid-row:1/span 2;width:100%}
@media(max-width:1023px){
	.platform-section{padding:36px 0}
	.platform-section>.wrap{display:flex;flex-direction:column;gap:20px}
	.platform-section .section-heading{flex:none;align-self:stretch;margin-bottom:0}
	.platform-section .section-heading h2{font-size:clamp(2rem,4.6vw,2.6rem)}
	.platform-section .section-heading>p{margin-top:14px}
	.platform-section .workspace-showcase{flex:none;width:100%;max-width:820px}
	.platform-section .workspace-panels{background:var(--surface)}
	.platform-section .workspace-panel{aspect-ratio:var(--capture-ratio);display:flex;justify-content:center}
	.platform-section .workspace-panels{box-sizing:border-box}
	.platform-section .workspace-picture{display:flex;justify-content:center;width:100%;height:100%}
	.platform-section .workspace-picture img{width:100%;height:100%;object-fit:contain}
	.platform-section .platform-footnote{flex:none;align-self:stretch;margin-top:0}
}
@media(min-width:640px) and (max-width:1023px){
	.platform-section .workspace-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
	.platform-section .workspace-tabs::-webkit-scrollbar{display:none}
	.platform-section .workspace-tabs button{white-space:nowrap;flex:none}
}
@media(max-width:639px){
	.platform-section{padding:28px 0 32px}
	.platform-section>.wrap{gap:12px}
	/* Phones show the whole workspace scene: the capture spans the viewport in a 1425:990 frame
	   and follows the heading without a height reservation. The tabs and caption stay in flow. */
	.platform-section .workspace-showcase{position:relative;display:block;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0;box-shadow:none;background:transparent}
	/* The status line rides on the page above the capture, so no white band splits the two. */
	.platform-section .workspace-toolbar{min-height:0;padding:0 24px 8px;justify-content:flex-end;border-bottom:0;background:transparent}
	.platform-section .workspace-brand{display:none}
	.platform-section .workspace-panels{min-height:0}
	.platform-section .workspace-tabs{padding:10px 24px;gap:6px;border-bottom:0}
	.platform-section .workspace-caption{border-top:0}
	.platform-section .section-heading h2{font-size:clamp(1.9rem,8vw,2.3rem)}
	.platform-section .section-heading>p{font-size:14px;margin-top:12px}
	.platform-section .workspace-caption{min-height:0;padding:10px 16px;gap:6px 12px}
	.platform-section .workspace-toolbar{min-height:52px;padding:10px 16px}
	.platform-section .platform-footnote{font-size:var(--fs-micro)}
}
@media(max-width:639px) and (max-height:720px){
	.platform-section{padding-top:24px}
	.platform-section>.wrap{gap:8px}
	.platform-section .section-heading h2{font-size:1.6rem}
	.platform-section .section-heading>p{font-size:13px;margin-top:6px;line-height:1.5}
	.platform-section .workspace-toolbar{padding-bottom:4px}
	.platform-section .workspace-tabs{padding:6px 24px}
	.platform-section .workspace-tabs button{min-height:38px;padding:8px 12px}
	.platform-section .workspace-caption{padding:6px 16px;gap:4px 12px}
	.platform-section .workspace-caption-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.platform-section .platform-footnote{margin-top:0}
}

/* ---------- product preview: swipe carousel (phones) ----------
   home.js adds .is-swipe / .is-dots at <=639px. Every panel stays mounted in one scroll-snap row
   at the card's full width; the capture fills it edge to edge and is anchored to its top, so it
   reads as a live screen rather than a shrunken screenshot. Tab mode is untouched above 639px. */
.workspace-panels.is-swipe{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0;background:transparent}
.workspace-panels.is-swipe::-webkit-scrollbar{display:none}
/* Each page keeps the whole workspace (1425:990), including before JavaScript enhances it. */
.workspace-panels.is-swipe>.workspace-panel{flex:0 0 100%;width:100%;aspect-ratio:var(--capture-ratio);scroll-snap-align:center;scroll-snap-stop:always;outline-offset:-4px!important}
.workspace-panels.is-swipe .workspace-picture{display:flex;align-items:center;justify-content:center;height:100%;width:100%}
.workspace-panels.is-swipe .workspace-picture img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0;box-shadow:none}
.workspace-panels.is-swipe:focus-visible{outline:2px solid #111;outline-offset:-4px}
/* Same pills as the desktop tab bar, on one line that scrolls; home.js keeps the selected
   label in view as you swipe. */
.workspace-tabs.is-scroller{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:smooth}
.workspace-tabs.is-scroller::-webkit-scrollbar{display:none}
.workspace-tabs.is-scroller button{flex:none;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.workspace-panels.is-swipe{scroll-behavior:auto}}

/* Localized copy uses the same type scale with a measured two-line desktop headline. */
.gax-home .hero h1{font-size:clamp(2.75rem,4.7vw,4.5rem)}
.gax-home-tr .hero h1{font-size:clamp(2.5rem,4.25vw,4rem)}
.claire-demo-note{position:absolute;top:24px;left:max(24px,calc((100% - 1280px)/2));right:24px;max-width:680px;z-index:3;color:var(--muted-strong);font-size:13px;line-height:1.55}
.tr-demo-section{position:relative;z-index:2;padding-top:48px;padding-bottom:64px;scroll-margin-top:100px}
.tr-demo-contact{margin-top:24px}
@media(max-width:959px){.gax-home .hero h1{font-size:clamp(2.3rem,4.8vw,3rem)}.gax-home-tr .hero h1{font-size:clamp(2rem,4.25vw,2.65rem)}}
@media(max-width:639px){.gax-home .hero h1{font-size:clamp(2rem,9vw,3.25rem)}.gax-home-tr .hero h1{font-size:clamp(1.9rem,8.55vw,3rem)}.claire-demo-note{position:relative;inset:auto;margin:0 24px 24px;padding-top:24px}.tr-demo-section{padding-top:32px;padding-bottom:48px}.gax-home-tr .hero-description{max-width:36ch}}
@media(prefers-reduced-motion:reduce){.claire-demo-note{position:relative;inset:auto;margin:0 auto 32px;padding:24px;max-width:900px}}

/* Keep translated labels inside the narrower tablet canvas. */
@media(min-width:640px) and (max-width:959px){.gax-home-tr .label-rates{margin-left:calc(var(--ring-r)*.75 + 24px)}}

/* The approved English headline has two phrases, each on its own line at every width. */
.gax-home:not(.gax-home-tr) .hero-copy{min-width:0;container-type:inline-size}
.gax-home:not(.gax-home-tr) .hero h1{font-size:min(clamp(2.5rem,4vw,3.75rem),10.8cqw)}
.gax-home:not(.gax-home-tr) .hero h1>span{white-space:nowrap}
@media(max-width:959px){.gax-home:not(.gax-home-tr) .hero h1{font-size:min(clamp(2.1rem,4.4vw,2.75rem),10.8cqw)}}
@media(max-width:639px){.gax-home:not(.gax-home-tr) .hero h1{font-size:min(clamp(1.9rem,8.4vw,3rem),10.8cqw)}}