/* Rain City Refreshments theme. Built by bin/build.php from assets/css/parts. Edit the parts, not this file. */

/* ==== 00-tokens.css ==== */
/* 00-tokens.css: GENERATED by port-css.py. The prototype's :root, verbatim, then the names the
   Arenex parent and the blocks plugin read, pointed at it. */
:root{
  --g-950:#0B1D11; --g-900:#12301B; --g-800:#1A3E24; --g-700:#285233;
  --leaf:#7DB86F;             
  --sage:#DFE6DA;
  --forest:#23402E; --forest-hi:#2D5435; --forest-deep:#1F3A27;                
  --paper:#F3F5EE; --paper-2:#E7ECE0; --paper-3:#FAFBF7;
  --fg:#EEF2E7; --fg-dim:#BFCBBA; --fg-mute:#93A68F;
  --ink:#12261A; --ink-dim:#3E5444; --ink-mute:#5A6E5E; --leaf-deep:#2F6B34;
  --gold:#DAB644; --gold-hover:#E6C55C;
  --gold-hi:#F4DC8A; --gold-mid:#E3C056; --gold-lo:#B98F2A;   
  --gold-metal:linear-gradient(100deg,var(--gold-hi) 0%,var(--gold-mid) 28%,var(--gold) 52%,var(--gold-lo) 78%,var(--gold-mid) 100%);
  --ink-rgb:18 38 26; --paper-rgb:243 245 238; --shadow-tint:14 40 22; --gold-rgb:218 182 68;

  --shadow-soft:0 1px 1px rgb(var(--shadow-tint)/.04),0 12px 24px -12px rgb(var(--shadow-tint)/.10),0 32px 64px -32px rgb(var(--shadow-tint)/.16);
  --shadow-float:0 2px 4px rgb(var(--shadow-tint)/.05),0 24px 48px -16px rgb(var(--shadow-tint)/.16),0 60px 120px -40px rgb(var(--shadow-tint)/.26);
  --ring:0 0 0 1px rgb(var(--ink-rgb)/.09); --ring-strong:0 0 0 1px rgb(var(--ink-rgb)/.16); --ring-inv:0 0 0 1px rgb(var(--paper-rgb)/.12);
  --r-sm:10px; --r-md:18px; --r-lg:32px; --r-pill:999px; --frame-pad:6px;

  --space-2xs:.25rem; --space-xs:.5rem; --space-s:.75rem; --space-m:1rem; --space-l:1.5rem; --space-xl:2rem; --space-2xl:3rem; --space-3xl:4rem; --space-4xl:6rem;
  --space-section:clamp(5rem,10vw,10rem); --space-section-lg:clamp(6rem,13vw,13rem);
  --gutter:clamp(1rem,4vw,2.5rem); --container:75rem;

  --f-display:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  --f-body:"Hanken Grotesk",ui-sans-serif,system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,monospace;
  
  --fs-01:clamp(3.4rem,1rem + 8.6vw,8rem);          
  --fs-02:clamp(2.75rem,1rem + 5vw,5.5rem);         
  --fs-03:clamp(2.2rem,1.3rem + 2.6vw,3.5rem);      
  --fs-04:clamp(1.75rem,1.15rem + 1.7vw,2.5rem);    
  --fs-05:clamp(1.5rem,1.2rem + .9vw,2rem);         
  --fs-06:1.5rem;                                   
  --fs-07:1.25rem;                                  
  --fs-08:1.0625rem;                                
  --fs-09:.9375rem;                                 
  --fs-10:.8125rem;                                 
  
  --role-hero:var(--fs-01);      
  --role-statement:var(--fs-02); 
  --role-section:var(--fs-03);   
  --role-feature:var(--fs-04);   
  --role-sub:var(--fs-05);       
  --role-card:var(--fs-06);      
  --role-lede:var(--fs-07); --role-body:var(--fs-08); --role-small:var(--fs-09); --role-label:var(--fs-10);
  
  --t-100:var(--fs-10); --t-200:var(--fs-09); --t-300:var(--fs-08); --t-400:var(--fs-07); --t-500:var(--fs-06);
  --t-600:var(--fs-04); --t-700:var(--fs-03); --t-800:var(--fs-02); --t-900:var(--fs-01);

  --ease-spring:cubic-bezier(.32,.72,0,1); --ease-out-expo:cubic-bezier(.16,1,.3,1);
  --dur-fast:180ms; --dur-base:320ms; --dur-reveal:900ms; --dur-hero:1100ms;
  --focus-color:var(--gold); --focus-ring:2px;
  --z-nav:50; --z-overlay:80; --z-menu:60; --z-bar:40;
  --grain-opacity:.035;
}
:root{
  --font-display:var(--f-display);--font-body:var(--f-body);--font-heading:var(--f-display);
  --body-size:var(--role-body);--body-line-height:1.6;--heading-color:var(--ink);--text-color:var(--ink);
  --bg-color:var(--paper);--primary-color:var(--g-900);--accent-color:var(--gold);
  --container-max-width:calc(var(--container) + 2*var(--gutter));--container-padding:var(--gutter);
}


/* ==== 01-fonts.css ==== */
/* The prototype's three families, self-hosted (latin, from fonts.gstatic.com, 8 Nov 2026), each
   checked with fontTools: upright, with digits, "&", curly quotes and dashes. Instrument Sans and
   Hanken Grotesk are variable files; IBM Plex Mono is two static weights. Paths are relative to
   assets/css/. inc/assets.php preloads the two that paint the first screen. */
@font-face{font-family:"Instrument Sans";src:url("../fonts/InstrumentSans-var.woff2") format("woff2");font-weight:400 700;font-stretch:75% 100%;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/HankenGrotesk-var.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/IBMPlexMono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/IBMPlexMono-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}


/* ==== 02-base.css ==== */
/* 02-base.css (hand-written): the parent theme's base layer undone, so the prototype's own reset
   (in 40-site.css, ported) is what the page starts from. Element weight, after the parent's
   base.css, so these win on order and any class rule still beats them. */

/* The parent sets overflow-x:hidden on html AND body, which makes body a scroll box and stops
   every position:sticky (the machines intro, the why cards, the story). clip on html only. */
html{overflow-x:clip}
body{overflow-x:visible;-moz-osx-font-smoothing:auto}

/* The parent styles every heading (its font, weight, colour, size, line height, margin). The
   prototype leaves a bare heading to the browser, and gives every designed one a class. */
h1,h2,h3,h4,h5,h6{font-family:revert;font-weight:revert;font-size:revert;line-height:revert;color:revert;letter-spacing:revert;text-transform:revert;margin:revert}
p{margin:revert}
a{color:inherit;text-decoration:revert}
a:hover{color:inherit}
/* the parent makes every svg a block with height:auto; the prototype's are inline at their own size */
svg{display:revert;height:revert}

/* The parent's skip link and screen-reader class are the theme's; the prototype's .skip is used. */
[hidden]{display:none!important}


/* ==== 03-shim.css ==== */
/* 03-shim.css (hand-written): WordPress's block markup made to behave like the prototype's plain
   elements, before the ported design (40-site.css). Written ":root .x" (0,2,0), like every ported
   rule: above core's one-class block CSS, level with the design, which comes later and so wins.
   Not ".site-main .x": the editor build turns that into ".is-root-container .x" and keeps its
   weight, but turns ":root .x" into ".editor-styles-wrapper .x" (one class less), so in the canvas
   the shim beat the design and every grid fell back to one column (8 Nov 2026).

   - a Group's inner container is not a box: its children are the group's children, as in the
     prototype, so the design's grids and flex rows act on them;
   - Columns and Column lose core's flex, gap and margins; the design gives each its own layout;
   - the flow and constrained layouts lose WordPress's block gap and content width;
   - a Button's wrapper is a flex box (no line box around the link); the link loses core's look. */

:root .wp-block-group__inner-container{display:contents}
:root .wp-block-group{box-sizing:border-box}

:root .wp-block-columns{display:block;gap:0;margin:0;flex-wrap:nowrap;box-sizing:border-box}
:root .wp-block-column{flex:none;flex-basis:auto;min-width:0;word-break:normal;overflow-wrap:normal;box-sizing:border-box}

:root .is-layout-flow>*,:root .is-layout-constrained>*{margin-block:0;max-width:none}
:root .is-layout-constrained>*{margin-inline:auto}

:root .wp-block-image{margin:0}
:root .wp-block-image img{vertical-align:baseline;box-sizing:border-box}
:root .wp-block-list{padding:0;margin-block:0;list-style:none}
:root .wp-block-heading{word-break:normal}
:root .wp-block-paragraph{word-break:normal}
:root figure.wp-block-table{margin:0;overflow-x:visible}
:root .wp-block-table table{border-collapse:collapse;width:100%}
:root .wp-block-table :is(td,th){border:0;padding:0;word-break:normal}
:root .wp-block-table thead{border:0}
:root .wp-block-table figure{margin:0}

/* Buttons: the Buttons block is a plain flex row (each section's class gives the gap), each
   Button a flex box holding its link, and the link starts from nothing. */
:root .wp-block-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0}
:root .wp-block-button{display:flex;margin:0}
:root .wp-block-button__link{display:inline-flex;align-items:center;height:auto;width:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit;text-align:inherit;text-decoration:none;word-break:normal;white-space:normal}
:root .wp-block-image figcaption{margin:0}
/* A photo alone in a box that has its own shape (aspect-ratio, a height): the Image block's
   figure sits between them, so it fills the box as the prototype's img did. */
:root :is(.wp-block-group>.wp-block-group__inner-container,.wp-block-column)>.wp-block-image:only-child{height:100%}


/* ==== 40-site.css ==== */
/* 40-site.css: GENERATED by ~/Library/Caches/arenex-preview/rain-city/port-css.py from the prototype's final/site.css. Do not edit: re-run the porter. WordPress fixes go in the hand-written parts (03-shim, 45-, 46-, 47-, 50-). */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--role-body)/1.6 var(--f-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p,ul,ol,:root .dl,figure{margin:0}
ul,ol{padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
:root :focus-visible{outline:var(--focus-ring) solid var(--focus-color);outline-offset:3px;border-radius:4px}
:root .skip{position:absolute;left:var(--space-m);top:-4rem;z-index:100;background:var(--gold);color:var(--g-950);padding:var(--space-s) var(--space-m);border-radius:var(--r-sm);font-weight:600;text-decoration:none}
:root .skip:focus{top:var(--space-m)}
:root .sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:root .wrap{width:min(100% - 2*var(--gutter),var(--container));margin-inline:auto}
body::after{content:"";position:fixed;inset:0;z-index:var(--z-overlay);pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@media (forced-colors:active){
  body::after{display:none}
}
:root .cmp-label{font:500 var(--role-label)/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase}
:root .cmp-h2{font:600 var(--role-section)/.98 var(--f-display);letter-spacing:-.035em;text-wrap:balance}
:root .cmp-lede{font-size:var(--role-lede);line-height:1.5}
:root .cmp-body{max-width:62ch}
:root .cmp-body+.cmp-body{margin-top:var(--space-m)}
:root a.cmp-btn{--btn-bg:var(--gold);--btn-fg:var(--g-950);display:inline-flex;align-items:center;gap:.85rem;min-height:3.25rem;padding:.375rem .375rem .375rem 1.5rem;border-radius:var(--r-pill);background:var(--btn-bg);color:var(--btn-fg);font:600 var(--t-300)/1 var(--f-body);text-decoration:none;white-space:nowrap;border:0;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),background-color var(--dur-fast) var(--ease-out-expo)}
:root :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child))>.wp-block-button__link{--btn-bg:var(--gold);--btn-fg:var(--g-950);display:inline-flex;align-items:center;gap:.85rem;min-height:3.25rem;padding:.375rem .375rem .375rem 1.5rem;border-radius:var(--r-pill);background:var(--btn-bg);color:var(--btn-fg);font:600 var(--t-300)/1 var(--f-body);text-decoration:none;white-space:nowrap;border:0;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),background-color var(--dur-fast) var(--ease-out-expo)}
:root a.cmp-btn:hover,:root :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child))>.wp-block-button__link:hover{--btn-bg:var(--gold-hover)}
:root a.cmp-btn:active,:root :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child))>.wp-block-button__link:active{transform:scale(.98)}
:root .cmp-btn__icon,:root :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child))>.wp-block-button__link::after{inline-size:2.5rem;block-size:2.5rem;flex:none;display:grid;place-items:center;border-radius:var(--r-pill);background:rgb(11 29 17/.12);transition:transform var(--dur-base) var(--ease-spring)}
:root a.cmp-btn:hover .cmp-btn__icon,:root :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child))>.wp-block-button__link:hover::after{transform:translate(2px,-2px) scale(1.05)}
:root a.cmp-btn--dark{--btn-bg:var(--g-950);--btn-fg:var(--fg)}
:root .cmp-btn--dark>.wp-block-button__link{--btn-bg:var(--g-950);--btn-fg:var(--fg)}
:root a.cmp-btn--dark:hover,:root .cmp-btn--dark>.wp-block-button__link:hover{--btn-bg:var(--g-800)}
:root a.cmp-btn--dark .cmp-btn__icon,:root .cmp-btn--dark>.wp-block-button__link::after{background:rgb(238 242 231/.12)}
:root a.cmp-link{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em;text-decoration-color:currentColor}
:root .cmp-link>.wp-block-button__link{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em;text-decoration-color:currentColor}
:root a.cmp-link:hover,:root .cmp-link>.wp-block-button__link:hover{text-decoration-thickness:2px}
:root .cmp-frame{padding:var(--frame-pad);border-radius:var(--r-lg);background:rgb(var(--ink-rgb)/.045);box-shadow:var(--ring),var(--shadow-float)}
:root .cmp-frame__core{border-radius:calc(var(--r-lg) - var(--frame-pad));overflow:hidden;background:var(--paper-3);box-shadow:inset 0 1px 0 rgb(255 255 255/.55),var(--ring)}
:root .cmp-frame--inv{background:rgb(var(--paper-rgb)/.05);box-shadow:var(--ring-inv)}
:root .cmp-frame--inv .cmp-frame__core{background:var(--g-950);box-shadow:inset 0 1px 0 rgb(255 255 255/.06)}
:root .nav{position:fixed;inset:var(--space-m) 0 auto;z-index:var(--z-nav);pointer-events:none}
:root .menu-open .nav{z-index:70}
:root .nav__bar{pointer-events:auto;display:flex;align-items:center;gap:var(--space-l);width:max-content;max-width:calc(100% - 2*var(--gutter));margin-inline:auto;padding:.375rem .375rem .375rem .5rem;border-radius:var(--r-pill);background:rgb(11 29 17/.9);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:var(--ring-inv),0 18px 40px -20px rgb(0 0 0/.5);color:var(--fg)}
:root .nav__logo{display:block;flex:none;border-radius:var(--r-pill);overflow:hidden}
:root .nav__logo img{width:7.25rem;height:auto;-webkit-mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,#000 70%,transparent 100%)}
:root .nav__links{display:flex;gap:var(--space-2xs)}
:root .nav__links a{display:inline-flex;align-items:center;min-height:2.75rem;padding-inline:.8rem;border-radius:var(--r-pill);font:500 var(--t-200)/1 var(--f-body);color:var(--fg-dim);text-decoration:none;white-space:nowrap;transition:color var(--dur-fast),background-color var(--dur-fast)}
:root .nav__links a:hover{color:var(--fg);background:rgb(238 242 231/.07)}
:root .nav__phone{font:500 var(--t-200)/1 var(--f-mono);color:var(--fg);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;min-height:2.75rem;padding-inline:.25rem}
:root a.nav__cta{min-height:2.75rem;padding-left:1.15rem;font-size:var(--t-200)}
:root a.nav__cta .cmp-btn__icon{inline-size:2.1rem;block-size:2.1rem}
:root .nav__toggle{display:none;inline-size:2.75rem;block-size:2.75rem;border:0;border-radius:var(--r-pill);background:rgb(238 242 231/.08);cursor:pointer;place-items:center}
:root .nav__toggle span{display:block;width:1.1rem;height:1.5px;background:var(--fg);transition:transform var(--dur-base) var(--ease-spring),opacity var(--dur-fast)}
:root .nav__toggle span+span{margin-top:5px}
:root .nav__toggle[aria-expanded="true"] span:first-child{transform:translateY(3.25px) rotate(45deg)}
:root .nav__toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
:root a.nav__call{display:none}
:root .menu{position:fixed;inset:0;z-index:var(--z-menu);background:var(--g-950);color:var(--fg);padding:calc(var(--space-4xl) + var(--space-l)) var(--gutter) var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-2xl);visibility:hidden;opacity:0;transition:opacity var(--dur-base) var(--ease-out-expo),visibility 0s linear var(--dur-base)}
:root .menu.is-open{visibility:visible;opacity:1;transition:opacity var(--dur-base) var(--ease-out-expo)}
:root .menu ul{display:grid;gap:var(--space-xs)}
:root .menu a{font:600 var(--t-600)/1.15 var(--f-display);letter-spacing:-.02em;text-decoration:none;display:inline-flex;align-items:center;min-height:2.75rem;padding-block:.35rem}
:root .menu li{opacity:0;transform:translateY(12px)}
:root .menu.is-open li{opacity:1;transform:none;transition:opacity var(--dur-reveal) var(--ease-out-expo),transform var(--dur-reveal) var(--ease-spring);transition-delay:calc(var(--i)*60ms)}
:root .menu__foot{margin-top:auto;display:grid;gap:var(--space-m);color:var(--fg-dim)}
:root .menu__foot a.cmp-btn{font:600 var(--t-300)/1 var(--f-body);letter-spacing:0;padding:.375rem .375rem .375rem 1.5rem;justify-self:start;max-width:100%}
:root .menu__foot a:is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):not(:only-child),:root .menu__foot .wp-block-buttons:has(>a:is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):only-child){justify-self:start;max-width:100%}
:root .menu__foot a:is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child))>.wp-block-button__link{font:600 var(--t-300)/1 var(--f-body);letter-spacing:0;padding:.375rem .375rem .375rem 1.5rem;max-width:100%}
:root .hero{position:relative;overflow:hidden;background:
  linear-gradient(to bottom,rgb(26 62 36/.55),transparent 55%),
  radial-gradient(70% 55% at 0% 100%,rgb(11 29 17/.7),transparent 70%),
  var(--g-900);color:var(--fg);padding-top:clamp(7rem,12vw,9.5rem)}
:root .hero__grid{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-l);align-items:center!important;padding-bottom:clamp(3rem,6vw,5rem)}
:root .hero__text{grid-column:1 / span 7;position:relative;z-index:2;container-type:inline-size}
:root .hero__kicker{color:var(--leaf);display:flex;align-items:center;gap:.6rem;margin-bottom:var(--space-l)}
:root .hero__kicker::before{content:"";width:1.75rem;height:1px;background:currentColor}
:root .hero__title{font-family:var(--f-display);font-weight:600;letter-spacing:-.04em}
:root .hero__line{display:block;overflow:hidden;font-size:min(var(--role-hero),15.4cqi);line-height:.9;padding-bottom:.06em}
:root .hero__line>span{display:block}
:root .hero__line em{font-style:normal;color:var(--gold)}
:root .hero__sub{display:block;margin-top:var(--space-m);font:500 var(--t-600)/1.15 var(--f-display);letter-spacing:-.02em;color:var(--fg)}
:root .hero__lede{margin-top:var(--space-xl);max-width:34rem;color:var(--fg-dim);font-size:var(--role-lede);line-height:1.5}
:root .hero__actions{margin-top:var(--space-2xl);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-m) var(--space-xl)}
:root .hero__actions a.cmp-link{color:var(--fg)}
:root .hero__actions .cmp-link>.wp-block-button__link{color:var(--fg)}
:root .hero__media{grid-column:8 / -1;position:relative}
:root .hero__plate{position:relative;width:100%;aspect-ratio:1/1.02;padding:var(--frame-pad);border-radius:var(--r-lg);background:rgb(var(--paper-rgb)/.07);box-shadow:var(--ring-inv),0 40px 90px -30px rgb(0 0 0/.65)}
:root .hero__plate img{width:100%;height:100%;object-fit:cover;object-position:56% 60%;border-radius:calc(var(--r-lg) - var(--frame-pad))}
:root .hero__fact{position:absolute;left:-12%;bottom:-2.5rem;z-index:3;width:min(17rem,70%);padding:var(--frame-pad);border-radius:var(--r-md);background:rgb(var(--paper-rgb)/.07);box-shadow:var(--ring-inv),0 30px 60px -24px rgb(0 0 0/.55)}
:root .hero__fact-core{border-radius:calc(var(--r-md) - var(--frame-pad));background:rgb(11 29 17/.92);padding:var(--space-m) var(--space-l)}
:root .hero__fact .cmp-label{color:var(--gold)}
:root .hero__fact p{margin-top:var(--space-xs);font-size:var(--t-200);line-height:1.45;color:var(--fg)}
:root .trust{position:relative;z-index:2;border-top:1px solid var(--g-700);background:rgb(11 29 17/.55)}
:root .trust ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
:root .trust li{display:flex;gap:var(--space-s);align-items:center;padding:var(--space-l) var(--space-l) var(--space-l) 0;font:500 var(--t-200)/1.35 var(--f-body);color:var(--fg)}
:root .trust li+li{padding-left:var(--space-l);border-left:1px solid var(--g-700)}
:root .trust li:nth-child(4n+1){padding-left:0;border-left:0}
:root .trust li:nth-child(n+5){border-top:1px solid var(--g-700)}
:root .trust li i{flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--gold)}
@media (prefers-reduced-motion:no-preference){
  :root .hero__line>span{animation:rise var(--dur-hero) var(--ease-spring) both;animation-delay:calc(var(--i)*80ms)}
  :root .hero__plate{animation:settle var(--dur-hero) var(--ease-out-expo) both}
  :root .hero__fact,:root .hero__actions{animation:arrive var(--dur-hero) var(--ease-out-expo) 420ms both}
}
@keyframes rise{from{transform:translateY(105%)}}
@keyframes settle{from{transform:scale(1.04);opacity:.001}}
@keyframes arrive{from{opacity:.001;transform:translateY(14px)}}
:root .marquee{overflow:hidden;background:linear-gradient(180deg,#E6C658 0%,var(--gold) 55%,#CFA93A 100%);box-shadow:inset 0 1px 0 rgb(255 245 205/.45),inset 0 -1px 0 rgb(120 88 20/.25);color:var(--g-950);padding-block:1.4rem}
:root .marquee__track{display:flex;width:max-content;gap:2.5rem}
:root .marquee span{display:flex;align-items:center;gap:2.5rem;white-space:nowrap;font:600 var(--role-sub)/1 var(--f-display);letter-spacing:-.025em}
:root .marquee span::after{content:"";width:.45em;height:.45em;border-radius:50%;background:var(--g-950)}
@media (prefers-reduced-motion:no-preference){
  :root .marquee__track{animation:mq 34s linear infinite}
  :root .marquee:hover .marquee__track{animation-play-state:paused}
}
@keyframes mq{to{transform:translateX(-50%)}}
:root .spine{display:block;width:1px;height:clamp(4rem,8vw,7rem);background:linear-gradient(to bottom,rgb(var(--gold-rgb)/0),var(--gold));margin-bottom:var(--space-xl)}
:root .spine--deep{background:linear-gradient(to bottom,rgb(47 107 52/0),var(--leaf-deep))}
:root .offer{padding-block:var(--space-section)}
:root .offer__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-l);row-gap:var(--space-3xl);align-items:center}
:root .offer__head{grid-column:1 / span 6}
:root .offer__statement{font:600 var(--t-700)/1 var(--f-display);letter-spacing:-.035em;text-wrap:balance;max-width:11em}
:root .offer__statement em{font-style:normal;background:linear-gradient(transparent 62%,rgb(var(--gold-rgb)/.55) 62%,rgb(var(--gold-rgb)/.55) 92%,transparent 92%);padding-inline:.04em}
:root .offer__lede{margin-top:var(--space-xl);font-size:var(--role-lede);line-height:1.5;font-weight:500;color:var(--ink);max-width:34rem}
:root .offer__text{margin-top:var(--space-m);color:var(--ink-dim);max-width:34rem}
:root .offer__actions{margin-top:var(--space-2xl);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-m) var(--space-xl)}
:root .offer__actions a.cmp-link{color:var(--ink)}
:root .offer__actions .cmp-link>.wp-block-button__link{color:var(--ink)}
:root .receipt{grid-column:8 / -1;padding:var(--frame-pad);border-radius:var(--r-lg);background:rgb(var(--ink-rgb)/.045);box-shadow:var(--ring),var(--shadow-float)}
:root .receipt__core{border-radius:calc(var(--r-lg) - var(--frame-pad));background:var(--paper-3);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:inset 0 1px 0 rgb(255 255 255/.8)}
:root .receipt__top{display:flex;justify-content:space-between;align-items:center;color:var(--ink-mute);padding-bottom:var(--space-l);border-bottom:1px solid rgb(var(--ink-rgb)/.12)}
:root .receipt__mark{width:2.25rem;height:2.25rem;border-radius:var(--r-pill);background:var(--g-900);position:relative}
:root .receipt__mark::after{content:"";position:absolute;left:50%;top:22%;width:1px;height:56%;background:var(--gold)}
:root .receipt__rows .wp-block-group{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-m);padding-block:var(--space-m);border-bottom:1px dashed rgb(var(--ink-rgb)/.18)}
:root .receipt__rows .dt{color:var(--ink)}
:root .receipt__rows .dd{margin:0;font:500 var(--t-300)/1 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--leaf-deep)}
:root .receipt__total{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-m);padding-top:var(--space-xl);font-weight:600}
:root .receipt__total span{padding-bottom:.6em}
:root .receipt__total b{font:600 var(--t-900)/.8 var(--f-display);letter-spacing:-.05em;color:var(--g-900)}
:root .receipt__need{margin-top:var(--space-l);padding:var(--space-s) var(--space-m);border-radius:var(--r-sm);background:var(--paper-2);font-size:var(--t-200);color:var(--ink-dim)}
:root .founder{grid-column:1 / -1;display:flex;gap:var(--space-m);align-items:flex-start;padding-top:var(--space-xl);border-top:1px solid rgb(var(--ink-rgb)/.16);color:var(--ink-dim)}
:root .founder span{max-width:52rem}
:root .founder b{display:block;color:var(--ink);font-weight:600}
:root .founder svg{flex:none;width:1.5rem;height:1.5rem;stroke:var(--leaf-deep);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-top:.15rem}
:root .evo{padding-block:var(--space-section);background:var(--paper-2)}
:root .evo__head{max-width:48rem;margin-bottom:var(--space-3xl)}
:root .evo__head .cmp-h2+p{margin-top:var(--space-l);color:var(--ink-dim)}
:root .bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto;gap:var(--space-m)}
:root .cell{border-radius:var(--r-lg);padding:clamp(1.5rem,3vw,2.5rem);display:flex;flex-direction:column;min-height:16rem}
:root .cell--a{grid-column:1 / span 6;grid-row:1 / span 2;padding:var(--frame-pad);position:relative;overflow:hidden;background:rgb(var(--ink-rgb)/.045);box-shadow:var(--ring),var(--shadow-float)}
:root .cell--a .cmp-frame__core{height:100%;position:relative}
:root .cell--a img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;min-height:22rem}
:root .cell--a figcaption{position:absolute;left:0;right:0;bottom:0;padding:var(--space-l);font:600 var(--t-400)/1.25 var(--f-display);color:var(--fg);background:linear-gradient(to top,rgb(11 29 17/.88),rgb(11 29 17/0));padding-top:var(--space-3xl)}
:root .cell--b{grid-column:7 / -1;background:var(--g-900);color:var(--fg)}
:root .cell--b p{margin-top:var(--space-m);color:var(--fg-dim);max-width:46ch}
:root .cell--c{grid-column:7 / span 3;background:var(--gold);color:var(--g-950)}
:root .cell--d{grid-column:10 / -1;background:var(--leaf);color:var(--g-950)}
:root .cell h3{font:600 var(--t-500)/1.1 var(--f-display);letter-spacing:-.025em}
:root .cell ol{margin-top:var(--space-l);display:grid;gap:var(--space-s)}
:root .cell ol li{display:flex;gap:.65rem;align-items:center;font:600 var(--t-300)/1.25 var(--f-body)}
:root .cell ol svg{flex:none;width:1.4rem;height:1.4rem;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
:root .cell__note{margin-top:auto;padding-top:var(--space-m);font:500 var(--t-200)/1.45 var(--f-body);color:rgb(var(--g-950-rgb,11 29 17)/.78);max-width:28ch}
:root .cell ul{margin-top:var(--space-l);display:grid;gap:.5rem}
:root .cell ul li{font:600 var(--t-300)/1.3 var(--f-body);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--g-950)}
:root .machines{padding-block:var(--space-section);background:var(--g-900);color:var(--fg)}
:root .machines__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-l);row-gap:var(--space-2xl);align-items:start}
:root .machines__intro{grid-column:1 / span 4;position:sticky;top:6.5rem}
:root .machines__intro .cmp-label{color:var(--leaf)}
:root .machines__intro .cmp-h2{margin-top:var(--space-m)}
:root .machines__intro p{margin-top:var(--space-l);color:var(--fg-dim);max-width:30rem}
:root .machines__intro a.cmp-btn{margin-top:var(--space-xl)}
:root .machines__intro :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):not(:only-child),:root .machines__intro .wp-block-buttons:has(>:is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):only-child){margin-top:var(--space-xl)}
:root .machines__proof{margin-top:var(--space-2xl);padding-top:var(--space-l);border-top:1px solid var(--g-700);font-size:var(--t-200);color:var(--fg-mute)}
:root .machines__proof b{display:block;font:600 var(--t-600)/1 var(--f-display);letter-spacing:-.03em;color:var(--fg);margin-bottom:var(--space-xs)}
:root .machines__list{grid-column:6 / -1;display:grid;gap:var(--space-l)}
:root .feature{display:grid;grid-template-columns:1fr;border-radius:var(--r-lg);overflow:hidden;background:var(--g-800);box-shadow:var(--ring-inv)}
:root .feature__media{padding:var(--frame-pad)}
:root .feature__media .cmp-frame__core{border-radius:calc(var(--r-lg) - var(--frame-pad))}
:root .feature__media img{width:100%;aspect-ratio:16/9.5;object-fit:cover;object-position:50% 50%}
:root .feature__text{padding:var(--space-l) var(--space-xl) var(--space-xl)}
:root .tag{display:inline-flex;align-items:center;gap:.4rem;font:500 var(--role-label)/1 var(--f-mono);letter-spacing:.04em;padding:.5rem .75rem;border-radius:var(--r-pill);box-shadow:var(--ring-inv);color:var(--gold)}
:root .feature__text h3{margin-top:var(--space-l);font:600 var(--role-feature)/1 var(--f-display);letter-spacing:-.035em}
:root .feature__text>.wp-block-group__inner-container>p{margin-top:var(--space-m);color:var(--fg-dim);max-width:52ch}
:root .specs{margin-top:var(--space-l);display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-xl)}
:root .specs .wp-block-group{display:flex;justify-content:space-between;gap:var(--space-m);padding-block:.7rem;border-top:1px solid var(--g-700);font-size:var(--t-200)}
:root .specs .dt{color:var(--fg-mute);font-family:var(--f-mono);font-size:var(--role-label);letter-spacing:.04em;text-transform:uppercase;align-self:center}
:root .specs .dd{margin:0;text-align:right;color:var(--fg)}
:root .feature__text a.cmp-link{margin-top:var(--space-l);color:var(--fg)}
:root .feature__text .cmp-link:not(:only-child),:root .feature__text .wp-block-buttons:has(>.cmp-link:only-child){margin-top:var(--space-l)}
:root .feature__text .cmp-link>.wp-block-button__link{color:var(--fg)}
:root .grid-m{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-l)}
:root .card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-md);background:var(--g-800);box-shadow:var(--ring-inv);overflow:hidden;transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base)}
:root .card:hover{transform:translateY(-4px);box-shadow:var(--ring-inv),0 30px 60px -30px rgb(0 0 0/.6)}
:root .card__img{aspect-ratio:4/3;overflow:hidden;background:var(--g-950)}
:root .card__img img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04);transition:transform var(--dur-reveal) var(--ease-spring)}
:root .card:hover .card__img img{transform:scale(1.04)}
:root .card__body{display:flex;flex-direction:column;gap:var(--space-s);padding:var(--space-l);flex:1}
:root .card h3{font:600 var(--t-500)/1.1 var(--f-display);letter-spacing:-.02em}
:root .card p{font-size:var(--t-200);color:var(--fg-dim);line-height:1.5}
:root .card .mono{font:400 var(--role-label)/1.5 var(--f-mono);color:var(--fg-mute);letter-spacing:.02em}
:root .card .tag{margin-top:auto;align-self:flex-start}
:root .card a{text-decoration:none;display:inline-flex;align-items:center;min-height:2.75rem}
:root .card a::after{content:"";position:absolute;inset:0}
:root .card--cta{background:radial-gradient(90% 60% at 50% 100%,rgb(125 184 111/.22),transparent 70%),var(--g-900);box-shadow:inset 0 0 0 1px var(--g-700)}
:root .card--cta .card__body{flex:0 0 auto;gap:var(--space-m);padding:var(--space-xl) var(--space-xl) 0}
:root .card--cta .card__body a.cmp-btn{align-self:flex-start;margin-top:var(--space-s)}
:root .card--cta .card__body :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):not(:only-child),:root .card--cta .card__body .wp-block-buttons:has(>:is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):only-child){align-self:flex-start;margin-top:var(--space-s)}
:root .card__lineup{margin-top:auto;padding:var(--space-xl) var(--space-m) 0}
:root .card__lineup img{width:100%;height:auto}
:root .machines__note{grid-column:6 / -1;font-size:var(--role-label);color:var(--fg-mute);font-family:var(--f-mono)}
:root .serve{padding-block:var(--space-section)}
:root .serve__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-l);align-items:end;margin-bottom:var(--space-2xl)}
:root .serve__head>.wp-block-group__inner-container>.wp-block-group{grid-column:1 / span 7}
:root .serve__head p{grid-column:9 / -1;color:var(--ink-dim)}
:root .acc{display:flex;gap:.5rem;height:min(34rem,70vh)}
:root .slice{position:relative;flex:1;min-width:4.25rem;border-radius:var(--r-md);overflow:hidden;background:var(--g-950);color:var(--fg);transition:flex .8s var(--ease-spring)}
:root .slice.is-open{flex:4.2}
:root .slice img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.82);transition:transform 1.2s var(--ease-spring),filter .6s}
:root .slice::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(11 29 17/.88) 0%,rgb(11 29 17/.4) 45%,rgb(11 29 17/.15) 100%);pointer-events:none;transition:opacity .6s}
:root .slice.is-open::after{background:linear-gradient(to top,rgb(11 29 17/.9) 0%,rgb(11 29 17/.6) 26%,rgb(11 29 17/0) 58%)}
:root .slice.is-open img{transform:scale(1.04);filter:none}
:root .slice__btn{position:absolute;inset:0;z-index:2;width:100%;border:0;background:none;cursor:pointer;color:inherit;text-align:left;padding:0}
:root .slice__btn:focus-visible{outline:var(--focus-ring) solid var(--focus-color);outline-offset:-4px;border-radius:var(--r-md)}
:root .slice__name{position:absolute;left:50%;bottom:var(--space-l);transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font:600 var(--t-400)/1 var(--f-display);letter-spacing:-.02em;white-space:nowrap;transition:opacity var(--dur-base)}
:root .slice.is-open .slice__name,:root .slice.is-open .slice__body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:clamp(1.25rem,3vw,2.25rem);opacity:0;transform:translateY(14px);visibility:hidden;transition:opacity .5s var(--ease-out-expo) .15s,transform .6s var(--ease-spring) .15s,visibility 0s linear .65s}
:root .slice.is-open .slice__body{opacity:1;transform:none;visibility:visible;transition:opacity .5s var(--ease-out-expo) .15s,transform .6s var(--ease-spring) .15s,visibility 0s}
:root .slice__body h3{font:600 var(--role-sub)/1.05 var(--f-display);letter-spacing:-.03em}
:root .slice__body p{margin-top:var(--space-s);max-width:30rem;color:var(--fg)}
:root .slice__body .fit{margin-top:var(--space-m);font:500 var(--role-label)/1.4 var(--f-mono);color:var(--gold);letter-spacing:.04em}
:root .slice__body .fit b{color:var(--fg-dim);font-weight:400;margin-right:.4rem}
:root .why{padding-block:var(--space-section);background:var(--paper)}
:root .why__head{max-width:46rem;margin-bottom:var(--space-3xl)}
:root .why__head p{margin-top:var(--space-l);color:var(--ink-dim)}
:root .stack{display:grid;gap:var(--space-l)}
:root .sc{position:sticky;top:calc(5.5rem + var(--i)*1.25rem);display:grid;grid-template-columns:1.15fr 1fr;gap:var(--space-xl);align-items:center!important;min-height:21rem;padding:clamp(1.5rem,3.5vw,3rem);border-radius:var(--r-lg);background:var(--c);color:var(--t);box-shadow:0 -14px 40px -24px rgb(0 0 0/.45),var(--ring)}
:root .sc__n{font:500 var(--role-label)/1 var(--f-mono);letter-spacing:.08em;opacity:.8}
:root .sc h3{margin-top:var(--space-m);font:600 var(--role-feature)/1.02 var(--f-display);letter-spacing:-.035em}
:root .sc p{margin-top:var(--space-m);font-size:var(--role-lede);line-height:1.5;max-width:30rem}
:root .sc__img{border-radius:var(--r-md);overflow:hidden;aspect-ratio:4/3;background:var(--g-950)}
:root .sc__img--cut{background:radial-gradient(70% 60% at 50% 55%,var(--paper-2),transparent 75%);overflow:visible}
:root .sc__img--cut img{object-fit:contain}
:root .sc__img--fade img{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 86%,transparent 100%)}
:root .sc__img img{width:100%;height:100%;object-fit:cover}
:root .sc--zero .sc__img{display:grid;place-items:center;background:rgb(11 29 17/.08);box-shadow:inset 0 0 0 1px rgb(11 29 17/.08);aspect-ratio:auto;min-height:12rem}
:root .sc--zero .sc__img strong{font:700 var(--role-hero)/1 var(--f-display);letter-spacing:-.06em}
:root .how{padding-block:var(--space-section-lg);background:radial-gradient(60% 70% at 8% 0%,#3A6A42,transparent 70%),radial-gradient(55% 60% at 100% 100%,rgb(230 192 82/.10),transparent 70%),linear-gradient(160deg,#2F5838 0%,#2C5335 55%,#27452D 100%);color:var(--fg)}
:root .how__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-l);row-gap:var(--space-3xl)}
:root .how__intro{grid-column:1 / span 5;align-self:start;position:sticky;top:7rem}
:root .how__intro .cmp-label{color:#CDE8C1}
:root .how__intro .cmp-h2{margin-top:var(--space-m);font-size:clamp(2.6rem,1.1rem + 3.9vw,4.5rem);line-height:.96}
:root .how__intro .cmp-body{margin-top:var(--space-l);color:#DCE6D6}
:root .how__photo{margin-top:var(--space-2xl);padding:var(--frame-pad);border-radius:var(--r-lg);background:rgb(238 242 231/.12);box-shadow:inset 0 0 0 1px rgb(238 242 231/.14),0 40px 80px -30px rgb(0 0 0/.45)}
:root .how__photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--r-lg) - var(--frame-pad))}
:root .how__intro a.cmp-btn{margin-top:var(--space-xl)}
:root .how__intro :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):not(:only-child),:root .how__intro .wp-block-buttons:has(>:is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):only-child){margin-top:var(--space-xl)}
:root .how__steps{grid-column:7 / -1;position:relative;padding-left:clamp(2.5rem,5vw,4rem)}
:root .how__steps::before,:root .how__steps::after{content:"";position:absolute;left:0;top:.5rem;bottom:.5rem;width:2px;background:rgb(238 242 231/.16)}
:root .how__steps::after{background:linear-gradient(to bottom,#F2D77E,#CDE8C1);transform-origin:top;transform:scaleY(var(--p,1))}
:root.js .how__steps::after{transform:scaleY(var(--p,0))}
:root .how__step{position:relative;padding-bottom:var(--space-4xl)}
:root .how__step:last-child{padding-bottom:0}
:root .how__step::before{content:"";position:absolute;left:calc(-1*clamp(2.5rem,5vw,4rem) - 5px);top:.55rem;width:14px;height:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #2D5435,0 0 0 5px rgb(242 215 126/.5)}
:root .how__num{font:500 var(--role-label)/1 var(--f-mono);color:#F2D77E;letter-spacing:.08em}
:root .how__step h3{margin-top:var(--space-s);font:600 var(--role-feature)/1 var(--f-display);letter-spacing:-.035em}
:root .how__step p{margin-top:var(--space-m);max-width:34rem;color:#DCE6D6}
:root .areas{padding-block:var(--space-section)}
:root .areas__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-l);row-gap:var(--space-2xl)}
:root .areas__head{grid-column:1 / span 4}
:root .areas__head p{margin-top:var(--space-l);color:var(--ink-dim)}
:root .areas__list{grid-column:6 / -1;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-2xl);row-gap:var(--space-xl)}
:root .county .cmp-label{color:var(--leaf-deep);padding-bottom:var(--space-s);border-bottom:2px solid var(--g-900)}
:root .county .cities li{display:flex;align-items:center;gap:.7rem;padding-block:.85rem;border-bottom:1px solid rgb(var(--ink-rgb)/.12);font:500 clamp(1.375rem,1.2rem + .73vw,1.75rem)/1.1 var(--f-display);letter-spacing:-.025em;color:var(--ink);transition:padding-left var(--dur-base) var(--ease-spring)}
:root .county .cities li::before{content:"";flex:none;width:.42rem;height:.42rem;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgb(var(--gold-rgb)/.22);transition:transform var(--dur-base) var(--ease-spring)}
@media (hover:hover){
  :root .county .cities li:hover{padding-left:.35rem}
  :root .county .cities li:hover::before{transform:scale(1.4)}
}
:root .areas__call{grid-column:1 / -1;font-weight:500;color:var(--ink-dim)}
:root .areas__call a{color:var(--ink);font-weight:600;text-underline-offset:.25em}
:root .faq{padding-bottom:var(--space-section)}
:root .faq__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-l);row-gap:var(--space-2xl);padding-top:var(--space-section);border-top:1px solid rgb(var(--ink-rgb)/.14)}
:root .faq__head{grid-column:1 / span 4}
:root .faq__head a.cmp-link{margin-top:var(--space-l)}
:root .faq__head .cmp-link:not(:only-child),:root .faq__head .wp-block-buttons:has(>.cmp-link:only-child){margin-top:var(--space-l)}
:root .faq__list{grid-column:6 / -1}
:root .faq details{border-top:1px solid rgb(var(--ink-rgb)/.16)}
:root .faq details:last-child{border-bottom:1px solid rgb(var(--ink-rgb)/.16)}
:root .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-l);min-height:3.5rem;padding-block:var(--space-l);font:600 var(--t-500)/1.2 var(--f-display);letter-spacing:-.02em}
:root .faq summary::-webkit-details-marker{display:none}
:root .faq summary::after{content:"";flex:none;width:2.25rem;height:2.25rem;border-radius:50%;box-shadow:var(--ring-strong);background:linear-gradient(var(--ink),var(--ink)) center/12px 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.5px 12px no-repeat;transition:transform var(--dur-base) var(--ease-spring)}
:root .faq details[open] summary::after{transform:rotate(45deg)}
:root .faq details p{padding-bottom:var(--space-l);max-width:60ch;color:var(--ink-dim)}
:root .cta{padding-block:var(--space-section);background:var(--gold);color:var(--ink);position:relative;overflow:hidden}
:root .cta__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-l);row-gap:var(--space-3xl);align-items:start;position:relative}
:root .cta__head{grid-column:1 / -1}
:root .cta__head .cmp-label{color:var(--ink)}
:root .cta__head .cmp-h2{margin-top:var(--space-l);font-size:var(--role-statement);line-height:.98;letter-spacing:-.04em;max-width:15em}
:root .cta__accent{display:inline-block;padding:.04em .2em .1em;border-radius:.18em;background:linear-gradient(180deg,var(--g-800),var(--g-950));box-shadow:inset 0 1px 0 rgb(238 242 231/.12),0 18px 40px -18px rgb(11 29 17/.6);line-height:1;transform:rotate(-1.5deg);margin-inline:.04em}
:root .cta__accent>span{padding-right:.06em;margin-right:-.06em;background:linear-gradient(100deg,#F2D77E 0%,#E3C056 30%,#DAB644 55%,#F0D47A 80%,#D9B443 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@media (forced-colors:active){
  :root .cta__accent>span{-webkit-text-fill-color:currentColor;background:none}
}
:root .cta__text{grid-column:1 / span 5}
:root .cta__points{display:grid;gap:var(--space-s);padding-bottom:var(--space-xl);border-bottom:1px solid rgb(18 38 26/.18)}
:root .cta__points li{display:flex;gap:.7rem;align-items:center;font-weight:600;font-size:var(--role-lede)}
:root .cta__points li::before{content:"";flex:none;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--g-950) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3C056' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/62% no-repeat}
:root .cta__call{margin-top:var(--space-xl);font-weight:600}
:root .cta__phone{display:inline-flex;align-items:center;min-height:2.75rem;margin-top:var(--space-xs);font:500 var(--role-feature)/1 var(--f-mono);letter-spacing:-.04em;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:.08em}
:root .cta__hours{margin-top:var(--space-m);font-size:var(--t-200);color:var(--ink)}
:root .cta__form{grid-column:7 / -1}
:root .cta__form .cmp-frame__core{padding:clamp(1.25rem,3vw,2rem);background:var(--paper-3)}
:root .cta__form h3{font:600 var(--t-500)/1.15 var(--f-display);letter-spacing:-.02em}
:root .field{display:grid;gap:.4rem;margin-top:var(--space-m);min-width:0}
:root .field label{font:500 var(--t-200)/1.2 var(--f-body);color:var(--ink)}
:root .field input,:root .field select{width:100%;min-width:0;min-height:3.25rem;padding:0 var(--space-m);border-radius:var(--r-sm);border:0;background:var(--paper);box-shadow:var(--ring-strong);transition:box-shadow var(--dur-fast)}
:root .field input:focus,:root .field select:focus{outline:none;box-shadow:0 0 0 2px var(--leaf-deep)}
:root .field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-m)}
:root .cta__form a.cmp-btn{margin-top:var(--space-l);width:100%;justify-content:space-between}
:root .cta__form :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):not(:only-child),:root .cta__form .wp-block-buttons:has(>:is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):only-child){margin-top:var(--space-l);width:100%}
:root .cta__form :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child))>.wp-block-button__link{width:100%;justify-content:space-between}
:root .form-note{margin-top:var(--space-s);font-size:var(--role-label);color:var(--ink-mute)}
:root .form-ok{display:none;margin-top:var(--space-m);padding:var(--space-m);border-radius:var(--r-sm);background:var(--paper-2);font-size:var(--t-200)}
:root .form-ok.is-on{display:block}
:root .foot{background:var(--forest-deep);color:var(--fg-dim);padding-top:var(--space-3xl);overflow:hidden}
:root .foot__grid{display:grid;grid-template-columns:1.3fr 1.6fr .9fr 1.3fr;gap:var(--space-2xl)}
:root .foot__email{white-space:nowrap;font-size:var(--t-200)}
:root .foot h2{font:500 var(--role-label)/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--leaf);margin-bottom:var(--space-m)}
:root .foot p,:root .foot li{font-size:var(--t-200);line-height:1.6}
:root .foot__hours{color:var(--fg)}
:root .foot__hours span{display:inline-block;min-width:6.25em;margin-right:.5em;color:var(--fg-mute)}
:root .foot a{text-decoration:none;color:var(--fg);display:inline-flex;align-items:center;min-height:2.75rem}
:root .foot a:hover{text-decoration:underline}
:root .foot__brand img{width:10rem;-webkit-mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 62% 66% at 50% 50%,#000 70%,transparent 100%)}
:root .foot__brand p{margin-top:var(--space-m);max-width:22rem}
:root .foot__legal{margin-top:var(--space-3xl);display:flex;justify-content:space-between;gap:var(--space-m);flex-wrap:wrap;padding-block:var(--space-l);border-top:1px solid rgb(238 242 231/.12);font-size:var(--role-label);color:var(--fg-mute)}
:root.js .rv{opacity:0;transform:translateY(28px)}
:root.js .rv.is-in{opacity:1;transform:none;transition:opacity var(--dur-reveal) var(--ease-out-expo),transform var(--dur-reveal) var(--ease-spring)}
@media (prefers-reduced-motion:reduce){
  :root.js .rv{opacity:1;transform:none}
}
@media (max-width:1180px){
  :root .nav__links a{padding-inline:.6rem}
  :root .nav__phone{display:none}
}
@media (max-width:1040px){
  :root .nav__links,:root a.nav__cta,:root .nav__phone{display:none}
  :root .nav__toggle{display:grid}
  :root a.nav__call{display:inline-flex}
  :root .nav__bar{width:calc(100% - 2*var(--gutter));justify-content:space-between;gap:var(--space-s)}
  :root .nav__end{display:flex;gap:var(--space-xs);align-items:center}
  :root a.nav__call{min-height:2.75rem;padding-left:1rem;font-size:var(--t-200)}
  :root a.nav__call .cmp-btn__icon{inline-size:2.1rem;block-size:2.1rem}
}
@media (max-width:1023px){
  :root .hero__text{grid-column:1 / -1;padding-bottom:var(--space-2xl)}
  :root .hero__media{grid-column:2 / span 10}
  :root .hero__media{margin-right:0}
  :root .hero__plate{aspect-ratio:4/3.4;padding:var(--frame-pad);border-radius:var(--r-lg)}
  :root .hero__plate img{border-radius:calc(var(--r-lg) - var(--frame-pad))}
  :root .hero__fact{left:auto;right:var(--space-m);bottom:var(--space-m)}
  :root .trust ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root .trust li:nth-child(2n){padding-left:var(--space-l);border-left:1px solid var(--g-700)}
  :root .trust li:nth-child(2n+1){padding-left:0;border-left:0}
  :root .trust li:nth-child(n+3){border-top:1px solid var(--g-700)}
  :root .offer__head,:root .receipt,:root .founder,:root .machines__intro,:root .machines__list,:root .machines__note,:root .how__intro,:root .how__steps,:root .areas__head,:root .areas__list,:root .faq__head,:root .faq__list,:root .cta__head,:root .cta__text,:root .cta__form,:root .serve__head>.wp-block-group__inner-container>.wp-block-group,:root .serve__head p{grid-column:1 / -1}
  :root .serve__head p{margin-top:var(--space-l)}
  :root .machines__intro,:root .how__intro{position:static}
  :root .bento{grid-template-columns:1fr 1fr}
  :root .cell--a{grid-column:1 / -1;grid-row:auto}
  :root .cell--b{grid-column:1 / -1}
  :root .cell--c{grid-column:1}
  :root .cell--d{grid-column:2}
  :root .foot__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  :root{--role-body:1rem}
  :root .areas__list{grid-template-columns:1fr}
  :root .hero{padding-top:6.5rem}
  :root .hero__media{grid-column:1 / -1}
  :root .hero__plate{aspect-ratio:1/1}
  :root .hero__fact{display:none}
  :root .trust li{padding:var(--space-m) var(--space-s) var(--space-m) 0;font-size:var(--t-100)}
  :root .trust li:nth-child(2n){padding-left:var(--space-s)}
  :root .bento{grid-template-columns:1fr}
  :root .cell--c,:root .cell--d{grid-column:1}
  :root .cell--a img{min-height:0;aspect-ratio:4/3.2}
  :root .grid-m{grid-template-columns:1fr}
  :root .specs{grid-template-columns:1fr}
  :root .feature__text{padding:var(--space-l)}
  :root .acc{flex-direction:column;height:auto;gap:.5rem}
  :root .slice{flex:none;min-width:0;height:4.25rem;transition:height .6s var(--ease-spring)}
  :root .slice.is-open{flex:none;height:21rem}
  :root .slice__name{writing-mode:horizontal-tb;transform:none;left:var(--space-l);bottom:auto;top:50%;translate:0 -50%}
  :root .sc{grid-template-columns:1fr;top:calc(4.5rem + var(--i)*.75rem);min-height:0}
  :root .sc__img{aspect-ratio:16/9}
  :root .field-row{grid-template-columns:1fr}
  :root .foot__grid{grid-template-columns:1fr}
  :root .cta__phone{font-size:var(--t-600)}
}
:root .hero__line em{padding-right:.08em;margin-right:-.08em;background:linear-gradient(100deg,#F2D77E 0%,#E3C056 18%,#DAB644 40%,#C79D33 62%,#F0D47A 78%,#D9B443 100%);background-size:240% 100%;background-position:28% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@media (prefers-reduced-motion:no-preference){
  :root .hero__line em{animation:sheen 2.4s var(--ease-out-expo) .7s both}
}
@keyframes sheen{from{background-position:100% 50%}to{background-position:28% 50%}}
@media (forced-colors:active){
  :root .hero__line em{-webkit-text-fill-color:currentColor;background:none}
}
:root a.cmp-btn:not(.cmp-btn--dark){background:linear-gradient(180deg,var(--gold-hi) -40%,var(--gold-mid) 45%,var(--gold) 100%);box-shadow:inset 0 1px 0 rgb(255 248 220/.55),inset 0 -1px 0 rgb(120 88 20/.25),0 10px 24px -12px rgb(150 110 20/.55)}
:root :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):not(.cmp-btn--dark)>.wp-block-button__link{background:linear-gradient(180deg,var(--gold-hi) -40%,var(--gold-mid) 45%,var(--gold) 100%);box-shadow:inset 0 1px 0 rgb(255 248 220/.55),inset 0 -1px 0 rgb(120 88 20/.25),0 10px 24px -12px rgb(150 110 20/.55)}
:root a.cmp-btn:not(.cmp-btn--dark):hover,:root :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):not(.cmp-btn--dark)>.wp-block-button__link:hover{background:linear-gradient(180deg,#FAE6A2 -40%,var(--gold-hover) 45%,var(--gold-mid) 100%)}
:root a.cmp-btn:not(.cmp-btn--dark) .cmp-btn__icon,:root :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):not(.cmp-btn--dark)>.wp-block-button__link::after{background:rgb(11 29 17/.14);box-shadow:inset 0 1px 0 rgb(255 248 220/.35)}
:root .has-ambient{position:relative;isolation:isolate}
:root .has-ambient>.wp-block-group__inner-container>:not(.ambient){position:relative;z-index:1}
:root .ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
:root .ambient i{position:absolute;left:var(--x);top:var(--y);width:var(--s);aspect-ratio:1;border-radius:50%;translate:-50% -50%;background:radial-gradient(closest-side,var(--c),transparent);will-change:transform}
:root .ambient::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(238 242 231/.045) 1px,transparent 1px),linear-gradient(90deg,rgb(238 242 231/.045) 1px,transparent 1px);background-size:76px 76px;-webkit-mask-image:radial-gradient(min(46rem,70vw) min(34rem,60vw) at var(--gx,72%) var(--gy,35%),#000 0%,transparent 75%);mask-image:radial-gradient(min(46rem,70vw) min(34rem,60vw) at var(--gx,72%) var(--gy,35%),#000 0%,transparent 75%)}
:root .ambient::after{content:"";position:absolute;inset:-10% 0;background:linear-gradient(100deg,transparent 42%,rgb(238 242 231/.035) 50%,transparent 58%);translate:-60% 0}
@media (prefers-reduced-motion:no-preference){
  :root .ambient i{animation:drift var(--t,26s) ease-in-out var(--d,0s) infinite alternate}
  :root .ambient::after{animation:sweep 14s ease-in-out 2s infinite}
}
@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(calc(var(--dx)*.5),calc(var(--dy)*-.4)) scale(1.08)}100%{transform:translate(var(--dx),var(--dy)) scale(1.16)}}
@keyframes sweep{0%,55%{translate:-60% 0}100%{translate:60% 0}}
:root .ambient--gold::before{background-image:linear-gradient(rgb(11 29 17/.05) 1px,transparent 1px),linear-gradient(90deg,rgb(11 29 17/.05) 1px,transparent 1px)}
:root .ambient--gold::after{background:linear-gradient(100deg,transparent 42%,rgb(255 250 225/.18) 50%,transparent 58%)}
@media (forced-colors:active){
  :root .ambient{display:none}
}
:root .cta{background:linear-gradient(170deg,#EECB5E 0%,#E6C052 45%,#DDB443 100%)}
:root .cta .ambient--gold i:first-child{--c:rgb(255 244 200/.55)!important}
:root .cta .ambient--gold i:last-child{--c:rgb(255 236 170/.30)!important}
:root .site-main>.is-joined{padding-top:0!important}
:root .nav__links a[aria-current="page"]{color:var(--fg);background:rgb(238 242 231/.09)}
:root .menu a[aria-current="page"]{color:var(--gold)}
:root .hero--page .hero__line{font-size:min(var(--role-statement),12.5cqi);line-height:.94}
:root .hero--page .hero__sub{font-size:var(--role-sub);color:var(--fg-dim)}
:root .hero--page .hero__plate{aspect-ratio:1/.92}
:root .crumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--space-xl);font:500 var(--role-label)/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-mute)}
:root .crumbs{align-items:center}
:root .crumbs a{color:var(--fg-dim);text-decoration:none;display:inline-flex;align-items:center;min-height:2.75rem}
:root .crumbs a:hover{color:var(--fg)}
:root .crumbs li+li::before{content:"/";margin-right:.5rem;opacity:.55}
:root .hero--page .hero__kicker{margin-bottom:var(--space-m)}
:root .hero--page .crumbs{margin-bottom:var(--space-m)}
:root .shead{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-l);align-items:end;margin-bottom:var(--space-3xl)}
:root .shead>.wp-block-group__inner-container>.wp-block-group{grid-column:1 / span 7}
:root .shead>.wp-block-group__inner-container>p{grid-column:9 / -1;color:var(--ink-dim)}
:root .shead .cmp-label{color:var(--leaf-deep);margin-bottom:var(--space-m)}
:root .on-dark .shead>.wp-block-group__inner-container>p{color:var(--fg-dim)}
:root .on-dark .shead .cmp-label{color:var(--leaf)}
:root .greenband{padding-block:var(--space-section);background:radial-gradient(60% 70% at 8% 0%,#3A6A42,transparent 70%),radial-gradient(55% 60% at 100% 100%,rgb(230 192 82/.10),transparent 70%),linear-gradient(160deg,#2F5838 0%,#2C5335 55%,#27452D 100%);color:var(--fg)}
:root .greenband .shead .cmp-label{color:#CDE8C1}
:root .greenband .shead>.wp-block-group__inner-container>p{color:#DCE6D6}
:root .darkband{padding-block:var(--space-section);background:var(--g-900);color:var(--fg)}
:root .checks{display:grid;gap:.7rem}
:root .checks li{display:flex;gap:.7rem;align-items:flex-start;line-height:1.45}
:root .checks li::before{content:"";flex:none;width:1.3rem;height:1.3rem;margin-top:.12rem;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314291A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/62% no-repeat}
:root .flow{padding-block:var(--space-section);background:var(--paper-2)}
:root .flow__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-l);position:relative}
:root .flow__list::before{content:"";position:absolute;left:2rem;right:2rem;top:2rem;height:2px;background:linear-gradient(90deg,var(--gold),var(--leaf-deep));opacity:.75}
:root .flow__item{position:relative}
:root .flow__icon{position:relative;width:4rem;height:4rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,var(--g-800),var(--g-900));color:var(--gold);box-shadow:0 0 0 8px var(--paper-2),inset 0 1px 0 rgb(238 242 231/.12),0 18px 30px -14px rgb(var(--shadow-tint)/.5)}
:root .flow__icon svg{width:1.55rem;height:1.55rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
:root .flow__n{margin-top:var(--space-l);font:500 var(--role-label)/1 var(--f-mono);letter-spacing:.08em;color:var(--leaf-deep)}
:root .flow__item h3{margin-top:var(--space-s);font:600 var(--role-card)/1.1 var(--f-display);letter-spacing:-.02em}
:root .flow__item p{margin-top:var(--space-s);color:var(--ink-dim);font-size:var(--role-small);line-height:1.55}
:root .compare{padding-block:var(--space-section)}
:root .ctable-frame{padding:var(--frame-pad);border-radius:var(--r-lg);background:rgb(var(--ink-rgb)/.045);box-shadow:var(--ring),var(--shadow-soft)}
:root .ctable-core{border-radius:calc(var(--r-lg) - var(--frame-pad));background:var(--paper-3);overflow:hidden;box-shadow:inset 0 1px 0 rgb(255 255 255/.8)}
:root .ctable{width:100%;border-collapse:collapse;font-size:var(--role-small)}
:root .ctable thead th{font:500 var(--role-label)/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);text-align:left;padding:var(--space-l) var(--space-m);border-bottom:1px solid rgb(var(--ink-rgb)/.14);background:var(--paper-2)}
:root .ctable td,:root .ctable tbody th{padding:var(--space-m);text-align:left;vertical-align:middle;border-bottom:1px solid rgb(var(--ink-rgb)/.09);color:var(--ink-dim);line-height:1.4}
:root .ctable tbody tr:last-child>*{border-bottom:0}
:root .ctable tbody tr{transition:background-color var(--dur-fast)}
:root .ctable tbody tr:hover{background:rgb(var(--gold-rgb)/.07)}
:root .ctable tbody th{font-weight:400;padding-left:var(--space-l)}
:root .ctable .mname{display:flex;align-items:center;gap:var(--space-m);text-decoration:none;color:var(--ink);font:600 var(--role-lede)/1.1 var(--f-display);letter-spacing:-.02em;min-height:2.75rem}
:root .ctable .mname img{flex:none;width:3.5rem;height:3.5rem;border-radius:var(--r-sm);object-fit:cover;background:var(--sage);box-shadow:var(--ring)}
:root .ctable .mname:hover span{text-decoration:underline;text-underline-offset:.2em}
:root .ctable .num{font-family:var(--f-mono);color:var(--leaf-deep);font-weight:500}
:root .ctable-note{margin-top:var(--space-m);font:400 var(--role-label)/1.5 var(--f-mono);color:var(--ink-mute)}
:root .models{padding-block:var(--space-section);background:var(--g-900);color:var(--fg)}
:root .models__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-l);align-items:start!important}
:root .mindex{grid-column:1 / span 3;position:sticky;top:7rem}
:root .mindex .cmp-label{color:var(--leaf);margin-bottom:var(--space-l)}
:root .mindex ol{display:grid;gap:2px;border-left:1px solid var(--g-700)}
:root .mindex a{display:flex;align-items:center;gap:var(--space-s);min-height:2.75rem;padding-left:var(--space-l);margin-left:-1px;border-left:2px solid transparent;color:var(--fg-mute);text-decoration:none;font:600 var(--role-lede)/1.1 var(--f-display);letter-spacing:-.02em;transition:color var(--dur-fast),border-color var(--dur-fast)}
:root .mindex a:hover{color:var(--fg)}
:root .mindex a[aria-current]{color:var(--fg);border-left-color:var(--gold)}
:root .mindex a small{font:500 var(--role-label)/1 var(--f-mono);letter-spacing:.06em;color:var(--fg-mute)}
:root .models__list{grid-column:5 / -1;display:grid;gap:var(--space-2xl)}
:root .model{scroll-margin-top:6rem;border-radius:var(--r-lg);background:var(--g-800);box-shadow:var(--ring-inv);overflow:hidden}
:root .model__media{padding:var(--frame-pad)}
:root .model__media .cmp-frame__core{border-radius:calc(var(--r-lg) - var(--frame-pad));background:var(--sage)}
:root .model__media img{width:100%;aspect-ratio:16/10;object-fit:cover}
:root .model__body{padding:var(--space-l) clamp(1.5rem,3vw,2.5rem) clamp(1.5rem,3vw,2.5rem)}
:root .model__kicker{color:var(--gold)}
:root .model__name{margin-top:var(--space-s);font:600 var(--role-feature)/1 var(--f-display);letter-spacing:-.035em}
:root .model__lede{margin-top:var(--space-m);color:var(--fg-dim);max-width:56ch;font-size:var(--role-lede);line-height:1.5}
:root .model__cols{margin-top:var(--space-xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}
:root .model__cols h3{font:500 var(--role-label)/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-mute);margin-bottom:var(--space-m)}
:root .model .checks{font-size:var(--role-small);color:var(--fg)}
:root .model .specs{margin-top:0;grid-template-columns:1fr}
:root .model__foot{margin-top:var(--space-xl);padding-top:var(--space-l);border-top:1px solid var(--g-700);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-m)}
:root .model__fits{display:flex;flex-wrap:wrap;gap:.5rem}
:root .model__fits .tag{color:var(--fg)}
:root .model--flag{box-shadow:0 0 0 1px rgb(var(--gold-rgb)/.45),0 40px 90px -40px rgb(0 0 0/.6)}
:root .needs{padding-block:var(--space-section)}
:root .needs__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-l);row-gap:var(--space-2xl);align-items:start}
:root .needs__head{grid-column:1 / span 4;position:sticky;top:7rem}
:root .needs__head .cmp-label{color:var(--leaf-deep);margin-bottom:var(--space-m)}
:root .needs__head p{margin-top:var(--space-l);color:var(--ink-dim)}
:root .needs__list{grid-column:6 / -1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-l)}
:root .need{padding:var(--frame-pad);border-radius:var(--r-lg);background:rgb(var(--ink-rgb)/.045);box-shadow:var(--ring),var(--shadow-soft)}
:root .need__core{height:100%;border-radius:calc(var(--r-lg) - var(--frame-pad));background:var(--paper-3);padding:clamp(1.5rem,3vw,2.25rem);box-shadow:inset 0 1px 0 rgb(255 255 255/.8);display:flex;flex-direction:column;gap:var(--space-m)}
:root .need__icon{width:3.25rem;height:3.25rem;border-radius:var(--r-md);display:grid;place-items:center;background:var(--g-900);color:var(--gold)}
:root .need__icon svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
:root .need h3{font:600 var(--role-card)/1.15 var(--f-display);letter-spacing:-.02em}
:root .need p{color:var(--ink-dim);font-size:var(--role-small)}
:root .need__fig{margin-top:auto;padding-top:var(--space-m);border-top:1px dashed rgb(var(--ink-rgb)/.18);font:500 var(--role-label)/1.5 var(--f-mono);color:var(--leaf-deep);letter-spacing:.02em}
:root .need--gold{background:rgb(var(--gold-rgb)/.25);box-shadow:0 0 0 1px rgb(var(--gold-rgb)/.5),var(--shadow-soft)}
:root .need--gold .need__core{background:linear-gradient(170deg,#EECB5E,#E6C052 50%,#DDB443);box-shadow:inset 0 1px 0 rgb(255 248 220/.6)}
:root .need--gold p,:root .need--gold .need__fig{color:var(--ink)}
:root .need--gold .need__fig{border-top-color:rgb(18 38 26/.25)}
:root .need--wide{grid-column:1 / -1}
:root .need--wide .need__core{flex-direction:row;align-items:center;gap:var(--space-xl)}
:root .need--wide .need__core>.wp-block-group__inner-container>.wp-block-group{flex:1}
:root .faq--top{padding-top:var(--space-section)}
:root .faq--top .faq__grid{padding-top:0;border-top:0}
:root .faq__group{margin-top:var(--space-2xl)}
:root .faq__group:first-child{margin-top:0}
:root .faq__group>.wp-block-group__inner-container>h3{font:500 var(--role-label)/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--leaf-deep);margin-bottom:var(--space-s)}
:root .faq__head p{margin-top:var(--space-l);color:var(--ink-dim)}
:root .faq__head a.cmp-btn{margin-top:var(--space-xl)}
:root .faq__head :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):not(:only-child),:root .faq__head .wp-block-buttons:has(>:is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):only-child){margin-top:var(--space-xl)}
:root .versus{padding-block:var(--space-section)}
:root .versus__pair{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-l)}
:root .vcard{padding:var(--frame-pad);border-radius:var(--r-lg);background:rgb(var(--ink-rgb)/.045);box-shadow:var(--ring),var(--shadow-soft)}
:root .vcard__core{height:100%;border-radius:calc(var(--r-lg) - var(--frame-pad));background:var(--paper-3);overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 1px 0 rgb(255 255 255/.8)}
:root .vcard__img{aspect-ratio:16/9;overflow:hidden;background:var(--sage)}
:root .vcard__img img{width:100%;height:100%;object-fit:cover}
:root .vcard__body{padding:clamp(1.5rem,3vw,2.25rem);display:flex;flex-direction:column;flex:1}
:root .vcard .cmp-label{color:var(--leaf-deep)}
:root .vcard h3{margin-top:var(--space-s);font:600 var(--role-feature)/1 var(--f-display);letter-spacing:-.035em}
:root .vcard__lede{margin-top:var(--space-m);color:var(--ink-dim)}
:root .vcard .dl{margin-top:var(--space-l)}
:root .vcard .dl .wp-block-group{display:grid;grid-template-columns:8.5rem 1fr;gap:var(--space-m);padding-block:.8rem;border-top:1px dashed rgb(var(--ink-rgb)/.18)}
:root .vcard .dt{font:500 var(--role-label)/1.5 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-mute)}
:root .vcard .dd{margin:0;color:var(--ink);font-size:var(--role-small);line-height:1.5}
:root .vcard a.cmp-link{margin-top:auto;padding-top:var(--space-l);color:var(--ink);align-self:flex-start}
:root .vcard .cmp-link:not(:only-child),:root .vcard .wp-block-buttons:has(>.cmp-link:only-child){margin-top:auto;align-self:flex-start}
:root .vcard .cmp-link>.wp-block-button__link{padding-top:var(--space-l);color:var(--ink)}
:root .vcard--dark{background:rgb(var(--paper-rgb)/.06)}
:root .vcard--dark .vcard__core{background:var(--g-900);color:var(--fg);box-shadow:inset 0 1px 0 rgb(238 242 231/.08)}
:root .vcard--dark .cmp-label{color:var(--gold)}
:root .vcard--dark .vcard__lede{color:var(--fg-dim)}
:root .vcard--dark .dl .wp-block-group{border-top-color:var(--g-700)}
:root .vcard--dark .dt{color:var(--fg-mute)}
:root .vcard--dark .dd,:root .vcard--dark a.cmp-link{color:var(--fg)}
:root .vcard--dark .cmp-link>.wp-block-button__link{color:var(--fg)}
:root .versus__or{position:absolute;left:50%;top:clamp(9rem,17vw,13rem);translate:-50% -50%;z-index:2;width:4rem;height:4rem;border-radius:50%;display:grid;place-items:center;font:600 var(--role-lede)/1 var(--f-display);color:var(--g-950);background:linear-gradient(180deg,var(--gold-hi) -40%,var(--gold-mid) 45%,var(--gold) 100%);box-shadow:0 0 0 6px var(--paper),0 14px 30px -12px rgb(150 110 20/.6)}
:root .versus__help{margin-top:var(--space-2xl);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-l);padding:var(--space-l) var(--space-xl);border-radius:var(--r-md);background:var(--paper-2);box-shadow:var(--ring)}
:root .versus__help p{font:600 var(--role-card)/1.2 var(--f-display);letter-spacing:-.02em;max-width:34ch}
:root .tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-l)}
:root .tile{position:relative;min-height:26rem;border-radius:var(--r-lg);overflow:hidden;background:var(--g-950);color:var(--fg);isolation:isolate;box-shadow:var(--shadow-soft)}
:root .tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease-spring)}
:root .tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgb(11 29 17/.92) 0%,rgb(11 29 17/.62) 32%,rgb(11 29 17/0) 64%)}
:root .tile:hover img{transform:scale(1.04)}
:root .tile__body{position:absolute;left:0;right:0;bottom:0;padding:clamp(1.5rem,3vw,2.25rem)}
:root .tile h3{font:600 var(--role-sub)/1.05 var(--f-display);letter-spacing:-.03em}
:root .tile p{margin-top:var(--space-s);max-width:32rem;color:var(--fg)}
:root .tile .fit{margin-top:var(--space-m);font:500 var(--role-label)/1.4 var(--f-mono);color:var(--gold);letter-spacing:.04em}
:root .reasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-3xl)}
:root .reason{display:grid;grid-template-columns:auto 1fr;gap:var(--space-l);padding-block:var(--space-xl);border-top:1px solid rgb(238 242 231/.16)}
:root .reason__n{font:500 var(--role-label)/1 var(--f-mono);letter-spacing:.08em;color:#F2D77E;padding-top:.6rem}
:root .reason h3{font:600 var(--role-feature)/1.02 var(--f-display);letter-spacing:-.035em}
:root .reason p{margin-top:var(--space-m);color:#DCE6D6;max-width:34rem}
:root .tl{padding-block:var(--space-section)}
:root .tl__list{position:relative;padding-left:clamp(3rem,7vw,6rem)}
:root .tl__list::before,:root .tl__list::after{content:"";position:absolute;left:clamp(1rem,2.5vw,2rem);top:1rem;bottom:1rem;width:2px;background:rgb(var(--ink-rgb)/.1)}
:root .tl__list::after{background:linear-gradient(to bottom,var(--gold),var(--leaf-deep));transform-origin:top;transform:scaleY(var(--p,1))}
:root.js .tl__list::after{transform:scaleY(var(--p,0))}
:root .tl__step{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-l);row-gap:var(--space-xl);align-items:center!important;padding-bottom:var(--space-4xl)}
:root .tl__step:last-child{padding-bottom:0}
:root .tl__step::before{content:"";position:absolute;left:calc(-1*clamp(3rem,7vw,6rem) + clamp(1rem,2.5vw,2rem) - 7px);top:.6rem;width:16px;height:16px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px var(--paper),0 0 0 6px rgb(var(--gold-rgb)/.55)}
:root .tl__text{grid-column:1 / span 6}
:root .tl__media{grid-column:8 / -1}
:root .tl__step--flip .tl__text{grid-column:7 / -1;grid-row:1}
:root .tl__step--flip .tl__media{grid-column:1 / span 5;grid-row:1}
:root .tl__step--solo .tl__text{grid-column:1 / span 8}
:root .tl__num{font:500 var(--role-label)/1 var(--f-mono);letter-spacing:.08em;color:var(--leaf-deep)}
:root .tl__step h3{margin-top:var(--space-s);font:600 var(--role-feature)/1 var(--f-display);letter-spacing:-.035em}
:root .tl__step p{margin-top:var(--space-m);color:var(--ink-dim);max-width:38rem}
:root .tl__step .checks{margin-top:var(--space-l);font-size:var(--role-small)}
:root .tl__media img{width:100%;aspect-ratio:4/3;object-fit:cover}
:root .tl__media--dark .cmp-frame__core{background:radial-gradient(90% 70% at 50% 100%,rgb(125 184 111/.22),transparent 70%),var(--g-900);padding:var(--space-xl) var(--space-l) 0}
:root .tl__media--dark img{aspect-ratio:auto;object-fit:contain}
:root .costs__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-l);row-gap:var(--space-3xl);align-items:center!important}
:root .costs__text{grid-column:1 / span 5}
:root .costs__text .cmp-label{color:#CDE8C1}
:root .costs__text .cmp-h2{margin-top:var(--space-m)}
:root .costs__text p{margin-top:var(--space-l);color:#DCE6D6;max-width:34rem}
:root .costs__text .checks{margin-top:var(--space-xl);color:var(--fg)}
:root .greenband .receipt{grid-column:7 / -1;background:rgb(var(--paper-rgb)/.1);box-shadow:0 0 0 1px rgb(238 242 231/.14),0 40px 90px -30px rgb(0 0 0/.5)}
:root .greenband .receipt,:root .greenband .receipt *{color:var(--ink)}
:root .greenband .receipt__rows .dd{color:var(--leaf-deep)}
:root .greenband .receipt__total b{color:var(--g-900)}
:root .greenband .receipt__top{color:var(--ink-mute)}
:root .fnd{padding-block:var(--space-section)}
:root .fnd__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-l);row-gap:var(--space-2xl);align-items:center!important}
:root .fnd__photo{grid-column:1 / span 5}
:root .fnd__portrait{position:relative;aspect-ratio:4/5;display:grid;place-items:center;background:radial-gradient(80% 60% at 30% 10%,#3A6A42,transparent 70%),linear-gradient(160deg,#2F5838,#23402E 70%);overflow:hidden}
:root .fnd__portrait::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(238 242 231/.05) 1px,transparent 1px),linear-gradient(90deg,rgb(238 242 231/.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000,transparent 80%);mask-image:radial-gradient(70% 60% at 50% 45%,#000,transparent 80%)}
:root .fnd__mono{position:relative;font:600 clamp(6rem,14vw,11rem)/1 var(--f-display);letter-spacing:-.06em;padding-right:.06em;background:linear-gradient(100deg,#F2D77E 0%,#E3C056 30%,#DAB644 55%,#F0D47A 80%,#D9B443 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@media (forced-colors:active){
  :root .fnd__mono{-webkit-text-fill-color:currentColor;background:none}
}
:root .fnd__cap{position:absolute;left:var(--space-l);right:var(--space-l);bottom:var(--space-l);display:flex;justify-content:space-between;gap:var(--space-m);color:var(--fg);font-size:var(--role-small)}
:root .fnd__cap b{display:block;font:600 var(--role-card)/1.1 var(--f-display);letter-spacing:-.02em}
:root .fnd__cap span{color:var(--fg-dim)}
:root .fnd__text{grid-column:7 / -1}
:root .fnd__text .cmp-label{color:var(--leaf-deep)}
:root .fnd__text .cmp-h2{margin-top:var(--space-m)}
:root .fnd__mission{margin-top:var(--space-xl);font:500 var(--role-sub)/1.25 var(--f-display);letter-spacing:-.02em;color:var(--ink);text-wrap:pretty}
:root .fnd__mission em{font-style:normal;background:linear-gradient(transparent 62%,rgb(var(--gold-rgb)/.55) 62%,rgb(var(--gold-rgb)/.55) 92%,transparent 92%)}
:root .fnd__text .cmp-body{margin-top:var(--space-l);color:var(--ink-dim)}
:root .fnd__sign{margin-top:var(--space-xl);display:flex;align-items:center;gap:var(--space-m);padding-top:var(--space-l);border-top:1px solid rgb(var(--ink-rgb)/.14);color:var(--ink-dim);font-size:var(--role-small)}
:root .fnd__sign b{color:var(--ink);font-weight:600}
:root .oldnew{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-l)}
:root .oldnew__card{border-radius:var(--r-lg);padding:clamp(1.5rem,3.5vw,2.75rem)}
:root .oldnew__card h3{font:600 var(--role-card)/1.15 var(--f-display);letter-spacing:-.02em}
:root .oldnew__card .cmp-label{margin-bottom:var(--space-m)}
:root .oldnew__card ul{margin-top:var(--space-xl);display:grid;gap:0}
:root .oldnew__card li{padding-block:var(--space-m);border-top:1px solid;font:500 var(--role-lede)/1.35 var(--f-body)}
:root .oldnew__old{background:rgb(238 242 231/.04);box-shadow:var(--ring-inv);color:var(--fg-dim)}
:root .oldnew__old .cmp-label{color:var(--fg-mute)}
:root .oldnew__old li{border-color:var(--g-700);text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:rgb(238 242 231/.45)}
:root .oldnew__new{background:var(--g-800);box-shadow:0 0 0 1px rgb(var(--gold-rgb)/.45),0 40px 90px -40px rgb(0 0 0/.6);color:var(--fg)}
:root .oldnew__new .cmp-label{color:var(--gold)}
:root .oldnew__new li{border-color:var(--g-700);display:flex;gap:.7rem;align-items:center}
:root .oldnew__new li::before{content:"";flex:none;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314291A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/62% no-repeat}
:root .handle{padding-block:var(--space-section);background:var(--paper-2)}
:root .hgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-m)}
:root .hcell{border-radius:var(--r-lg);padding:clamp(1.5rem,3vw,2.25rem);background:var(--paper-3);box-shadow:var(--ring);display:flex;flex-direction:column;gap:var(--space-m);min-height:15rem;transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base)}
:root .hcell:hover{transform:translateY(-3px);box-shadow:var(--ring),var(--shadow-soft)}
:root .hcell__top{display:flex;justify-content:space-between;align-items:center}
:root .hcell__top :is(span,p):not(.need__icon){font:500 var(--role-label)/1 var(--f-mono);letter-spacing:.08em;color:var(--ink-mute)}
:root .hcell h3{margin-top:auto;font:600 var(--role-card)/1.15 var(--f-display);letter-spacing:-.02em}
:root .hcell p{color:var(--ink-dim);font-size:var(--role-small)}
:root .hcell--gold{background:linear-gradient(170deg,#EECB5E,#E6C052 50%,#DDB443);box-shadow:inset 0 1px 0 rgb(255 248 220/.6)}
:root .hcell--gold p,:root .hcell--gold .hcell__top :is(span,p):not(.need__icon){color:var(--ink)}
:root .hcell--dark{background:var(--g-900);color:var(--fg);box-shadow:none}
:root .hcell--dark p{color:var(--fg-dim)}
:root .hcell--dark .hcell__top :is(span,p):not(.need__icon){color:var(--fg-mute)}
:root .hcell--dark .need__icon{background:rgb(238 242 231/.08)}
:root .promise{padding-block:var(--space-section)}
:root .promise__list{border-bottom:1px solid rgb(var(--ink-rgb)/.14)}
:root .promise__row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-l);align-items:baseline;padding-block:var(--space-2xl);border-top:1px solid rgb(var(--ink-rgb)/.14)}
:root .promise__row :is(span,p:first-child){grid-column:1 / span 1;font:500 var(--role-label)/1 var(--f-mono);letter-spacing:.08em;color:var(--leaf-deep)}
:root .promise__row h3{grid-column:2 / span 5;font:600 var(--role-feature)/1.02 var(--f-display);letter-spacing:-.035em}
:root .promise__row p{grid-column:8 / -1;color:var(--ink-dim);font-size:var(--role-lede);line-height:1.5}
:root .ccard{grid-column:8 / -1;padding:var(--frame-pad);border-radius:var(--r-lg);background:rgb(var(--paper-rgb)/.07);box-shadow:var(--ring-inv),0 40px 90px -30px rgb(0 0 0/.65)}
:root .ccard__core{border-radius:calc(var(--r-lg) - var(--frame-pad));background:rgb(11 29 17/.72);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:inset 0 1px 0 rgb(255 255 255/.06)}
:root .ccard .cmp-label{color:var(--gold)}
:root .ccard__phone{display:inline-flex;align-items:center;min-height:2.75rem;margin-top:var(--space-s);font:500 var(--role-feature)/1 var(--f-mono);letter-spacing:-.04em;color:var(--fg);text-decoration:none;border-bottom:2px solid var(--gold);padding-bottom:.08em}
:root .ccard .dl{margin-top:var(--space-xl)}
:root .ccard .dl .wp-block-group{display:grid;grid-template-columns:6.5rem 1fr;gap:var(--space-m);padding-block:var(--space-m);border-top:1px solid var(--g-700)}
:root .ccard .dt{font:500 var(--role-label)/1.6 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-mute)}
:root .ccard .dd{margin:0;color:var(--fg);font-size:var(--role-small);line-height:1.9;min-width:0;overflow-wrap:anywhere}
:root .ccard .dd strong{display:inline-block;min-width:5.75em;margin-right:.5em;font-weight:400;color:var(--fg-mute)}
:root .ccard .dd a{color:var(--fg);text-underline-offset:.2em;display:inline-flex;align-items:center;min-height:2.75rem}
:root .book{padding-block:var(--space-section)}
:root .book__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-l);row-gap:var(--space-2xl);align-items:start!important}
:root .book__side{grid-column:1 / span 4;position:sticky;top:7rem}
:root .book__side .cmp-label{color:var(--leaf-deep);margin-bottom:var(--space-m)}
:root .book__side>p{margin-top:var(--space-l);color:var(--ink-dim)}
:root .next{margin-top:var(--space-2xl);display:grid;gap:0;counter-reset:n}
:root .next li{display:grid;grid-template-columns:2.5rem 1fr;gap:var(--space-m);padding-block:var(--space-l);border-top:1px solid rgb(var(--ink-rgb)/.14)}
:root .next li:last-child{border-bottom:1px solid rgb(var(--ink-rgb)/.14)}
:root .next li::before{counter-increment:n;content:counter(n,decimal-leading-zero);font:500 var(--role-label)/1.6 var(--f-mono);letter-spacing:.06em;color:var(--leaf-deep)}
:root .next b{display:block;font:600 var(--role-lede)/1.25 var(--f-display);letter-spacing:-.015em;color:var(--ink)}
:root .next span{display:block;margin-top:.3rem;font-size:var(--role-small);color:var(--ink-dim)}
:root .book__call{margin-top:var(--space-xl);font-weight:600}
:root .book__call a{display:inline-flex;align-items:center;min-height:2.75rem;font:500 var(--role-card)/1 var(--f-mono);letter-spacing:-.03em;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--gold);margin-top:var(--space-xs)}
:root .book__form{grid-column:6 / -1}
:root .book__form .cmp-frame__core{padding:clamp(1.5rem,3.5vw,2.75rem);background:var(--paper-3)}
:root .book__form h3{font:600 var(--role-card)/1.15 var(--f-display);letter-spacing:-.02em}
:root .book__form .lead{margin-top:var(--space-xs);color:var(--ink-dim);font-size:var(--role-small)}
:root .book__form fieldset{border:0;padding:0;margin:var(--space-xl) 0 0;min-width:0}
:root .book__form legend{font:500 var(--role-label)/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--leaf-deep);padding:0 0 var(--space-xs);width:100%;border-bottom:1px solid rgb(var(--ink-rgb)/.12)}
:root .field textarea{width:100%;min-height:7.5rem;padding:var(--space-m);border-radius:var(--r-sm);border:0;background:var(--paper);box-shadow:var(--ring-strong);resize:vertical}
:root .field textarea:focus{outline:none;box-shadow:0 0 0 2px var(--leaf-deep)}
:root .field label small{color:var(--ink-mute);font-weight:400}
:root .field [aria-invalid="true"]{box-shadow:0 0 0 2px #B3261E}
:root .chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.15rem}
:root .chips label{position:relative;display:inline-flex}
:root .chips input{position:absolute;opacity:0;inset:0;cursor:pointer}
:root .chips span{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1rem;border-radius:var(--r-pill);background:var(--paper);box-shadow:var(--ring-strong);font:500 var(--role-small)/1 var(--f-body);color:var(--ink);transition:background-color var(--dur-fast),box-shadow var(--dur-fast)}
:root .chips input:checked+span{background:var(--g-900);color:var(--fg);box-shadow:none}
:root .chips input:focus-visible+span{outline:var(--focus-ring) solid var(--leaf-deep);outline-offset:2px}
:root .consent{display:flex;gap:var(--space-s);align-items:center;min-height:2.75rem;cursor:pointer;margin-top:var(--space-l);font-size:var(--role-small);color:var(--ink-dim)}
:root .consent input{flex:none;width:1.5rem;height:1.5rem;margin:0;accent-color:var(--g-900)}
:root .hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
:root .book__form a.cmp-btn{margin-top:var(--space-l);width:100%;justify-content:space-between}
:root .book__form :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):not(:only-child),:root .book__form .wp-block-buttons:has(>:is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):only-child){margin-top:var(--space-l);width:100%}
:root .book__form :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child))>.wp-block-button__link{width:100%;justify-content:space-between}
:root .cta--slim .cta__grid{align-items:end}
:root .cta--slim .cta__head{grid-column:1 / span 8}
:root .cta--slim .cta__head .cmp-h2{font-size:var(--role-section)}
:root .cta__btns{grid-column:9 / -1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-m)}
:root .cta--slim .cta__phone{margin-top:0}
@media (max-width:1180px){
  :root .flow__list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--space-2xl)}
  :root .flow__list::before{display:none}
}
@media (max-width:1023px){
  :root .shead>.wp-block-group__inner-container>.wp-block-group,:root .shead>.wp-block-group__inner-container>p,:root .mindex,:root .models__list,:root .needs__head,:root .needs__list,:root .costs__text,:root .greenband .receipt,:root .fnd__photo,:root .fnd__text,:root .ccard,:root .book__side,:root .book__form,:root .cta--slim .cta__head,:root .cta__btns{grid-column:1 / -1}
  :root .shead>.wp-block-group__inner-container>p{margin-top:var(--space-l)}
  :root .mindex,:root .needs__head,:root .book__side{position:static}
  :root .mindex{margin-bottom:var(--space-2xl)}
  :root .mindex ol{display:flex;flex-wrap:wrap;gap:.5rem;border-left:0}
  :root .mindex a{min-height:2.75rem;padding:0 1rem;margin:0;border:0;border-radius:var(--r-pill);box-shadow:var(--ring-inv);font-size:var(--role-small)}
  :root .mindex a[aria-current]{box-shadow:0 0 0 1px var(--gold)}
  :root .mindex a small{display:none}
  :root .tl__text,:root .tl__media,:root .tl__step--flip .tl__text,:root .tl__step--flip .tl__media,:root .tl__step--solo .tl__text{grid-column:1 / -1;grid-row:auto}
  :root .hgrid{grid-template-columns:1fr 1fr}
  :root .promise__row :is(span,p:first-child){grid-column:1 / -1;margin-bottom:var(--space-m)}
  :root .promise__row h3{grid-column:1 / -1}
  :root .promise__row p{grid-column:1 / -1;margin-top:var(--space-m)}
  :root .fnd__photo{max-width:30rem}
  :root .hero--page .ccard{grid-column:1 / -1}
}
@media (max-width:767px){
  :root .flow__list{grid-template-columns:1fr;row-gap:var(--space-xl)}
  :root .flow__item{display:grid;grid-template-columns:4rem 1fr;column-gap:var(--space-l)}
  :root .flow__item>.wp-block-group__inner-container>*:not(.flow__icon){grid-column:2}
  :root .flow__icon{grid-row:1 / span 3}
  :root .flow__n{margin-top:.35rem}
  :root .ctable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  :root .ctable,:root .ctable tbody,:root .ctable tr,:root .ctable td,:root .ctable tbody th{display:block;width:100%}
  :root .ctable tbody tr{padding:var(--space-m) var(--space-l);border-bottom:1px solid rgb(var(--ink-rgb)/.12)}
  :root .ctable tbody th{padding:0 0 var(--space-s)}
  :root .ctable td{display:grid;grid-template-columns:7rem 1fr;gap:var(--space-m);padding:.5rem 0;border:0}
  :root .ctable td::before{content:attr(data-label);font:500 var(--role-label)/1.5 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-mute)}
  :root .model__cols{grid-template-columns:1fr}
  :root .model__media img{aspect-ratio:4/3}
  :root .needs__list{grid-template-columns:1fr}
  :root .need--wide .need__core{flex-direction:column;align-items:flex-start}
  :root .versus__pair{grid-template-columns:1fr}
  :root .versus__or{position:relative;left:auto;top:auto;translate:none;margin:-.5rem auto;box-shadow:0 0 0 6px var(--paper),0 14px 30px -12px rgb(150 110 20/.6)}
  :root .vcard .dl .wp-block-group{grid-template-columns:1fr;gap:.2rem}
  :root .tiles{grid-template-columns:1fr}
  :root .tile{min-height:22rem}
  :root .reasons{grid-template-columns:1fr}
  :root .tl__list{padding-left:2.75rem}
  :root .tl__list::before,:root .tl__list::after{left:.75rem}
  :root .tl__step::before{left:calc(-2.75rem + .75rem - 7px)}
  :root .oldnew{grid-template-columns:1fr}
  :root .hgrid{grid-template-columns:1fr}
  :root .hcell{min-height:0}
  :root .ccard .dl .wp-block-group{grid-template-columns:1fr;gap:.25rem}
  :root .ccard__phone{font-size:var(--role-sub)}
}
:root .need--wide .need__core{padding:clamp(1.75rem,3.5vw,2.75rem)}
:root .need--wide h3{font-size:var(--role-feature);line-height:1;letter-spacing:-.035em}
:root .need--wide p{margin-top:var(--space-s);font-size:var(--role-body);max-width:42ch}
:root .need--wide .need__fig{margin-top:0;padding:0;border:0;flex:none;font:600 var(--role-card)/1.1 var(--f-display);letter-spacing:-.02em;color:var(--ink);text-align:right;max-width:12ch}
:root .hero--page .hero__line{font-size:min(var(--role-statement),var(--fit,12.5cqi))}
:root .ccard .dl .wp-block-group{grid-template-columns:1fr;gap:.2rem}
:root .ccard .dd{overflow-wrap:normal}
:root .ccard .dd a[href^="mailto"]{white-space:nowrap;font-size:var(--role-small)}
@media (max-width:420px){
  :root .ccard .dd a[href^="mailto"]{white-space:normal;overflow-wrap:anywhere}
}
:root .panel{padding:clamp(1.5rem,3vw,2.25rem);color:var(--fg)}
:root .panel__top{display:flex;justify-content:space-between;align-items:center}
:root .panel__top .cmp-label{color:var(--fg-dim)}
:root .panel__dot{display:inline-flex;align-items:center;gap:.45rem;font:500 var(--role-label)/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--leaf)}
:root .panel__dot::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 4px rgb(125 184 111/.2)}
:root .bars{margin-top:var(--space-xl);display:grid;gap:var(--space-m)}
:root .bars li{display:grid;grid-template-columns:7.5rem 1fr;gap:var(--space-m);align-items:center;font-size:var(--role-small);color:var(--fg)}
:root .bars i{position:relative;display:block;height:.6rem;border-radius:var(--r-pill);background:rgb(238 242 231/.08);overflow:hidden}
:root .bars i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--leaf-deep),var(--leaf));transform-origin:left;transform:scaleX(var(--v))}
:root .bars .is-low i::after{background:linear-gradient(90deg,#B98F2A,var(--gold))}
:root .bars .is-low span{color:var(--gold)}
:root .panel__chip{margin-top:var(--space-xl);display:inline-flex;align-items:center;min-height:2.25rem;padding:0 var(--space-m);border-radius:var(--r-pill);background:#2A3520;box-shadow:inset 0 0 0 1px rgb(var(--gold-rgb)/.35);font:500 var(--role-label)/1 var(--f-mono);letter-spacing:.04em;color:var(--gold)}
:root .warranty{border-radius:var(--r-lg);padding:clamp(1.5rem,3vw,2.25rem);background:linear-gradient(170deg,#EECB5E,#E6C052 50%,#DDB443);box-shadow:inset 0 1px 0 rgb(255 248 220/.6),var(--shadow-float);color:var(--ink)}
:root .warranty .cmp-label{color:var(--ink)}
:root .warranty__big{margin-top:var(--space-m);font:700 var(--role-hero)/.9 var(--f-display);letter-spacing:-.05em;font-size:clamp(3.5rem,2rem + 4vw,6rem)}
:root .warranty__big span{font-size:.4em;letter-spacing:-.02em;font-weight:600}
:root .warranty .dl{margin-top:var(--space-l);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-s);padding-top:var(--space-m);border-top:1px solid rgb(18 38 26/.22)}
:root .warranty .dt{font:500 var(--role-label)/1.3 var(--f-mono);letter-spacing:.05em;text-transform:uppercase}
:root .warranty .dd{margin:.2rem 0 0;font:600 var(--role-small)/1.2 var(--f-display)}
@media (max-width:767px){
  :root .warranty .dl{grid-template-columns:repeat(3,minmax(0,1fr))}
  :root .bars li{grid-template-columns:6rem 1fr}
}
:root .tl__step .panel p,:root .tl__step .warranty p{max-width:none}
:root .tl__step .panel__top,:root .tl__step .warranty .cmp-label{margin-top:0}
:root .tl__step .panel__chip{margin-top:var(--space-xl);color:var(--gold)}
:root .tl__step .warranty p{color:var(--ink)}
:root .tl__step .warranty__big{margin-top:var(--space-m)}
:root .phead{position:relative;overflow:hidden;color:var(--fg);padding:clamp(6.5rem,10vw,8.25rem) 0 clamp(3rem,5vw,4.5rem);background:
  linear-gradient(to bottom,rgb(26 62 36/.55),transparent 55%),
  radial-gradient(70% 55% at 0% 100%,rgb(11 29 17/.7),transparent 70%),
  var(--g-900)}
:root .phead__grid{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-l);row-gap:var(--space-2xl);align-items:center}
:root .phead__text{grid-column:1 / span 7;container-type:inline-size}
:root .phead .crumbs{margin-bottom:var(--space-l)}
:root .phead__kicker{color:var(--leaf);display:flex;align-items:center;gap:.6rem;margin-bottom:var(--space-m)}
:root .phead__kicker::before{content:"";width:1.75rem;height:1px;background:currentColor}
:root .phead__title{font:600 min(4.5rem,var(--fit,10cqi))/.98 var(--f-display);letter-spacing:-.04em}
:root .phead__line{display:block}
:root .phead__title em{font-style:normal;padding-right:.08em;margin-right:-.08em;background:linear-gradient(100deg,#F2D77E 0%,#E3C056 30%,#DAB644 55%,#F0D47A 80%,#D9B443 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@media (forced-colors:active){
  :root .phead__title em{-webkit-text-fill-color:currentColor;background:none}
}
:root .phead__sub{display:block;margin-top:var(--space-s);font:500 var(--role-card)/1.25 var(--f-display);letter-spacing:-.015em;color:var(--fg-dim)}
:root .phead__lede{margin-top:var(--space-l);max-width:34rem;color:var(--fg-dim);font-size:var(--role-lede);line-height:1.5}
:root .phead__actions{margin-top:var(--space-xl);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-m) var(--space-xl)}
:root .phead__actions a.cmp-link{color:var(--fg)}
:root .phead__actions .cmp-link>.wp-block-button__link{color:var(--fg)}
:root .phead__media{grid-column:8 / -1}
:root .phead__media img{width:100%;aspect-ratio:4/3.2;object-fit:cover}
:root .phead .ccard{grid-column:8 / -1}
@media (prefers-reduced-motion:no-preference){
  :root .phead__text{animation:arrive var(--dur-hero) var(--ease-out-expo) both}
  :root .phead__media,:root .phead .ccard{animation:arrive var(--dur-hero) var(--ease-out-expo) 160ms both}
}
@media (max-width:1023px){
  :root .phead__text,:root .phead__media,:root .phead .ccard{grid-column:1 / -1}
  :root .phead__media{max-width:40rem}
  :root .phead__title{font-size:min(4rem,var(--fit,10cqi))}
  :root .fnd__text{order:1}
  :root .fnd__photo{order:2}
}
@media (max-width:767px){
  :root .phead__media img{aspect-ratio:4/3}
}
:root .phead{--ov:0px;--after:var(--paper);color:var(--ink);padding:clamp(7rem,10.5vw,8.75rem) 0 0;
  background:
    radial-gradient(50% 70% at 0% 0%,rgb(var(--gold-rgb)/.16),transparent 70%),
    radial-gradient(45% 60% at 100% 10%,rgb(125 184 111/.16),transparent 70%),
    linear-gradient(to bottom,var(--sage) calc(100% - var(--ov)),var(--after) calc(100% - var(--ov)))}
:root .phead--strip{--strip-w:min(100vw - 2*var(--gutter),var(--container));--ov:calc(var(--strip-w)*.15)}
:root .phead--card{padding-bottom:clamp(3.5rem,6vw,5rem)}
:root .phead__grid{row-gap:0;align-items:end}
:root .phead__crumbs{grid-column:1 / -1}
:root .phead .crumbs{margin-bottom:var(--space-m);color:var(--ink-mute)}
:root .phead .crumbs a{color:var(--ink-dim)}
:root .phead .crumbs a:hover{color:var(--ink)}
:root .phead__head{grid-column:1 / span 7;container-type:inline-size}
:root .phead__title{color:var(--ink)}
:root .phead__title em{padding:0 .04em;margin:0;background:linear-gradient(transparent 60%,rgb(var(--gold-rgb)/.6) 60%,rgb(var(--gold-rgb)/.6) 90%,transparent 90%);-webkit-background-clip:border-box;background-clip:border-box;color:inherit;-webkit-text-fill-color:currentColor}
:root .phead__sub{color:var(--ink-dim)}
:root .phead__side{grid-column:8 / -1;padding-bottom:.35rem}
:root .phead__lede{margin-top:0;color:var(--ink-dim);font-size:var(--role-lede)}
:root .phead__actions{margin-top:var(--space-l)}
:root .phead__actions a.cmp-link{color:var(--ink)}
:root .phead__actions .cmp-link>.wp-block-button__link{color:var(--ink)}
:root .phead__media{grid-column:1 / -1;margin-top:clamp(2.5rem,5vw,4rem);max-width:none}
:root .phead__media img{aspect-ratio:10/3;object-fit:cover}
:root .phead--card .phead__head,:root .phead--card .phead__side{grid-column:1 / span 7}
:root .phead--card .phead__side{margin-top:var(--space-l)}
:root .phead--card .phead__grid{align-items:start}
:root .phead--card .ccard{grid-column:8 / -1;grid-row:2 / span 2}
:root .phead--card .ccard{background:rgb(var(--ink-rgb)/.06);box-shadow:var(--ring),var(--shadow-float)}
:root .phead--card .ccard__core{background:var(--g-900)}
:root .flow{background:var(--paper)}
@media (max-width:1023px){
  :root .phead__head,:root .phead__side,:root .phead--card .phead__head,:root .phead--card .phead__side,:root .phead--card .ccard{grid-column:1 / -1;grid-row:auto}
  :root .phead__side{margin-top:var(--space-l);padding-bottom:0}
  :root .phead--card .ccard{margin-top:var(--space-2xl)}
  :root .phead__media{max-width:none}
}
@media (max-width:767px){
  :root .phead--strip{--ov:calc(var(--strip-w)*.28)}
  :root .phead__media img{aspect-ratio:16/9}
}
:root .phead--card .phead__grid{grid-template-rows:auto auto 1fr}
:root .phead--card .phead__side{align-self:start}
@media (max-width:1023px){
  :root .phead--card .phead__grid{grid-template-rows:none}
}
:root .phead{padding-top:clamp(6.5rem,9vw,8rem)}
:root .phead--card .ccard .dl{margin-top:var(--space-l)}
:root .phead--card .ccard .dl .wp-block-group{padding-block:var(--space-s)}
:root .phead--plain{padding-bottom:clamp(3rem,5.5vw,4.5rem)}
:root .hcell .need__icon{color:var(--gold);box-shadow:inset 0 1px 0 rgb(238 242 231/.08)}
:root .hcell .need__icon svg{stroke-width:1.75}
:root .hcell--dark .need__icon{background:rgb(238 242 231/.1)}
:root .hcell--gold .need__icon{background:var(--g-900);color:#F2D77E}
:root .phead--wide{--ov:calc(var(--strip-w)*.2)}
:root .phead--wide .phead__media img{aspect-ratio:5/2}
@media (max-width:767px){
  :root .phead--wide{--ov:calc(var(--strip-w)*.3)}
  :root .phead--wide .phead__media img{aspect-ratio:16/9}
}
:root .story{background:var(--paper)}
:root .story__track{height:260vh;position:relative}
:root .story__stage{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center;overflow:hidden}
:root .story__frame{position:relative;margin:0;overflow:hidden;
  width:calc(min(100vw - 2*var(--gutter),var(--container)) + (100vw - min(100vw - 2*var(--gutter),var(--container))) * var(--grow,0));
  height:calc(min(72vh,60vw) + (100svh - min(72vh,60vw)) * var(--grow,0));
  border-radius:calc(var(--r-lg) * (1 - var(--grow,0)));
  box-shadow:var(--ring),var(--shadow-float);background:var(--g-950)}
:root .story__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 55%;transform:scale(var(--zoom,1.16));transform-origin:62% 55%;will-change:transform,opacity}
:root .story__img--1{opacity:var(--d1,0)}
:root .story__img--2{opacity:var(--d2,0)}
:root .story__cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(5rem,12vw,9rem) max(var(--gutter),(100vw - var(--container))/2) clamp(1.5rem,4vw,3.5rem);
  background:linear-gradient(to top,rgb(11 29 17/.86),rgb(11 29 17/.5) 45%,rgb(11 29 17/0));color:var(--fg);opacity:var(--cap,0);transform:translateY(calc((1 - var(--cap,0)) * 18px))}
:root .story__cap .cmp-label{color:var(--gold)}
:root .story__line{margin-top:var(--space-s);max-width:22ch;font:600 var(--role-section)/1 var(--f-display);letter-spacing:-.035em;text-wrap:balance}
:root .story__sub{margin-top:var(--space-m);color:var(--fg-dim);font-size:var(--role-lede)}
@media (max-width:767px){
  :root .story__track{height:230vh}
  :root .story__img{object-position:78% 55%;transform-origin:78% 55%}
  :root .story__frame{height:calc(64svh + 36svh * var(--grow,0))}
}
@media (prefers-reduced-motion:reduce){
  :root .story__track{height:auto}
  :root .story__stage{position:relative;height:auto;padding-block:var(--space-section)}
  :root .story__frame{width:min(100vw - 2*var(--gutter),var(--container));height:auto;aspect-ratio:16/9;border-radius:var(--r-lg)}
  :root .story__img{transform:none}
  :root .story__img--1,:root .story__img--2{display:none}
  :root .story__cap{opacity:1;transform:none}
}
@media (max-width:767px){
  :root .story__img{object-position:65% 55%;transform-origin:65% 55%}
}
:root .site-main>.story+.fnd{padding-top:var(--space-section)!important}
:root .phead--plain:has(+ .story){padding-bottom:0}
:root .story{--stage-pad:clamp(4.5rem,7vw,5.5rem)}
:root .story__stage{align-items:start;justify-items:center}
:root .story__frame{margin-top:calc((1 - var(--grow,0)) * var(--stage-pad))}
@media (max-width:767px){
  :root .story{--stage-pad:5rem}
}
@media (prefers-reduced-motion:reduce){
  :root .story__stage{padding-block:var(--stage-pad) 0}
  :root .story__frame{margin-top:0}
}
:root .story{background:linear-gradient(to bottom,var(--sage),var(--sage))}
:root .story__stage{background:var(--sage)}
:root .story__track{height:190vh}
:root .story{--stage-pad:clamp(4rem,5.5vw,4.75rem)}
:root .story__cap{transform:translateY(calc((1 - var(--cap,0)) * 10px))}
@media (max-width:767px){
  :root .story__track{height:170vh}
  :root .story{--stage-pad:4.5rem}
}
:root .form-note a,:root .areas__call a,:root .fnd__sign a{display:inline-flex;align-items:center;min-height:2.75rem}
@media (max-width:767px){
  :root .slice.is-open::after{background:linear-gradient(to top,rgb(11 29 17/.95) 0%,rgb(11 29 17/.88) 38%,rgb(11 29 17/.6) 60%,rgb(11 29 17/.18) 78%,rgb(11 29 17/0) 92%)}
}
:root .vcard__img{aspect-ratio:4/3}
:root .vcard__img img{object-position:50% 50%}
:root .fnd__portrait--photo{display:block}
:root .fnd__portrait--photo::before{display:none}
:root .fnd__portrait--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 30%}
:root .fnd__portrait--photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(11 29 17/.88) 0%,rgb(11 29 17/.45) 26%,rgb(11 29 17/0) 48%);pointer-events:none}
:root .fnd__portrait--photo .fnd__cap{z-index:2}
:root .fnd__chip{position:absolute;top:var(--space-m);right:var(--space-m);z-index:2;display:inline-flex;align-items:center;min-height:2rem;padding:0 .8rem;border-radius:var(--r-pill);background:rgb(11 29 17/.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--fg);font:500 var(--role-label)/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase}
@media (max-width:767px){
  :root .hero{padding-top:7.125rem}
}
@media (max-width:767px){
  :root .hero{padding-top:8rem}
}
:root .nav__toggle{flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0}
@media (max-width:1040px){
  :root .nav__toggle{display:inline-flex}
}
:root .nav__toggle span{width:1.125rem;height:2px;border-radius:2px;margin:0}
:root .nav__toggle span+span{margin-top:0}
:root .nav__toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
:root .nav__toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
:root .nav__toggle:hover{background:rgb(238 242 231/.14)}
:root .cmp-wpwrap{display:contents}
@media (max-width:767px){
  :root .tl__step{grid-template-columns:minmax(0,1fr);column-gap:0}
  :root a.cmp-btn:not(.nav__call){gap:.6rem;padding-left:1.15rem;max-width:100%;white-space:normal;text-align:left;line-height:1.15}
  :root :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):not(.nav__call):not(:only-child),:root .wp-block-buttons:has(>:is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):not(.nav__call):only-child){max-width:100%}
  :root :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):not(.nav__call)>.wp-block-button__link{gap:.6rem;padding-left:1.15rem;max-width:100%;white-space:normal;text-align:left;line-height:1.15}
  :root a.cmp-btn:not(.nav__call) .cmp-btn__icon,:root :is(.cmp-btn,:where(.arenex-process__foot>.wp-block-button:first-child)):not(.nav__call)>.wp-block-button__link::after{inline-size:2.25rem;block-size:2.25rem}
  :root .cell:not(:has(img)){min-height:0}
  :root .cell__note{margin-top:var(--space-s)}
  :root .faq summary{font-size:var(--t-400)}
}
@media (max-width:359px){
  :root .nav__logo img{width:6rem}
}
:root .oldnew__new li,:root .cta__points li,:root .cell ol li,:root .trust li{align-items:flex-start}
:root .oldnew__new li::before,:root .checks li::before{margin-top:calc((1lh - 1.3rem)/2)}
:root .cta__points li::before{margin-top:calc((1lh - 1.4rem)/2)}
:root .cell ol svg{margin-top:calc((1lh - 1.4rem)/2)}
:root .trust li i{margin-top:calc((1lh - .5rem)/2)}
:root figure.story__img>img,:root figure.story__img--1>img,:root figure.story__img--2>img{width:100%;height:100%;object-fit:inherit;object-position:inherit;border-radius:inherit}


/* ==== 45-accordion.css ==== */
/* 45-accordion.css (hand-written): the prototype's FAQ (details/summary, 40-site.css
   ".faq details") drawn on WordPress's core Accordion. Item = details, heading toggle = summary,
   its icon = summary::after, panel = the answer. */
:root .faq .wp-block-accordion{margin:0}
:root .faq .wp-block-accordion-item{border-top:1px solid rgb(var(--ink-rgb)/.16);margin:0}
:root .faq .wp-block-accordion-item:last-child{border-bottom:1px solid rgb(var(--ink-rgb)/.16)}
:root .faq .wp-block-accordion-heading{margin:0;font:inherit;color:inherit}
:root .faq .wp-block-accordion-heading__toggle{display:flex;justify-content:space-between;align-items:center;gap:var(--space-l);width:100%;min-height:3.5rem;padding:var(--space-l) 0;border:0;background:none;color:inherit;cursor:pointer;text-align:left;overflow:visible;font:600 var(--t-500)/1.2 var(--f-display);letter-spacing:-.02em}
:root .faq .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title{text-decoration:none}
:root .faq .wp-block-accordion-heading__toggle-title{flex:1}
:root .faq .wp-block-accordion-heading__toggle-icon{flex:none;width:2.25rem;height:2.25rem;border-radius:50%;font-size:0;color:transparent;box-shadow:var(--ring-strong);background:linear-gradient(var(--ink),var(--ink)) center/12px 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.5px 12px no-repeat;transition:transform var(--dur-base) var(--ease-spring)}
:root .faq .wp-block-accordion-item.is-open>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon{transform:rotate(45deg)}
:root .faq .wp-block-accordion-panel{margin:0}
:root .faq .wp-block-accordion-panel p{padding-bottom:var(--space-l);max-width:60ch;color:var(--ink-dim)}

/* Phones: questions one step smaller (--t-400), as the prototype's .faq summary (Suhaib, 10 Nov 2026). */
@media (max-width:767px){
  :root .faq .wp-block-accordion-heading__toggle,:root .faq .wp-block-accordion-heading__toggle-title{font-size:var(--t-400)}
}


/* ==== 46-arenex.css ==== */
/* 46-arenex.css (hand-written): the Arenex blocks skinned as the prototype's sections. The plugin's
   CSS is the plugin's; nothing here edits it. Each block's prototype counterpart is named.
   Process (home How it works) and Steps (Micro Markets reasons) are first given the prototype's
   own classes by assets/js/parts/20-arenex.js, so 40-site.css draws them; what is left is here. */

/* ---- Ticker = .marquee (home): the gold strip, the words in display type, a dot after each ---- */
:root .marquee.arenex-ticker{border:0;padding-block:1.4rem}
:root .marquee .arenex-ticker__track{gap:0;animation-duration:34s}
:root .marquee .arenex-ticker__list{gap:2.5rem;padding-right:2.5rem}
:root .marquee .arenex-ticker__item{display:flex;align-items:center;gap:2.5rem;padding:0;border:0;white-space:nowrap;font:600 var(--role-sub)/1 var(--f-display);letter-spacing:-.025em;color:inherit}
:root .marquee .arenex-ticker__item::after{content:"";width:.45em;height:.45em;border-radius:50%;background:var(--g-950)}
:root .marquee .arenex-ticker__pause{background:transparent;border-left:0;color:rgb(11 29 17/.55);width:2.75rem}
:root .marquee .arenex-ticker__pause:hover{color:var(--g-950)}

/* ---- Image Accordion = .serve .acc (home Who we serve): slices on sector photos. Panel = .slice,
   is-active = .is-open, scrim = .slice::after, title = .slice__name while closed (vertical) and
   the body's h3 when open, kicker = .fit (after the text, with the "Fits" label), toggle = .slice__btn.
   The plugin turns the panels into cards below 1025px; the prototype keeps the accordion and
   stacks it below 768px, so these hold at every width. */
:root .serve .arenex-image-accordion__head{max-width:none;margin:0}
:root .serve .arenex-image-accordion__panels{display:flex;gap:.5rem;height:min(34rem,70vh);min-height:0}
:root .serve .arenex-image-accordion__panel{position:relative;flex:1 1 0%;min-width:4.25rem;min-height:0;border:0;border-radius:var(--r-md);overflow:hidden;background:var(--g-950);color:var(--fg);box-shadow:none;transition:flex .8s var(--ease-spring)}
:root .serve .arenex-image-accordion__panel.is-active{flex-grow:4.2}
:root .serve .arenex-image-accordion__img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;opacity:1;filter:saturate(.9) brightness(.82);transform:none;transition:transform 1.2s var(--ease-spring),filter .6s}
:root .serve .arenex-image-accordion__panel.is-active .arenex-image-accordion__img{transform:scale(1.04);filter:none}
:root .serve .arenex-image-accordion__scrim{display:block;position:absolute;inset:0;background:linear-gradient(to top,rgb(11 29 17/.88) 0%,rgb(11 29 17/.4) 45%,rgb(11 29 17/.15) 100%);pointer-events:none}
:root .serve .arenex-image-accordion__panel.is-active .arenex-image-accordion__scrim{background:linear-gradient(to top,rgb(11 29 17/.9) 0%,rgb(11 29 17/.6) 26%,rgb(11 29 17/0) 58%)}
:root .serve .arenex-image-accordion__toggle{display:block;position:absolute;inset:0;z-index:2;width:100%;border:0;background:none;cursor:pointer}
:root .serve .arenex-image-accordion__toggle:focus-visible{outline:var(--focus-ring) solid var(--focus-color);outline-offset:-4px;border-radius:var(--r-md)}
/* closed: only the name, standing up the panel's foot */
:root .serve .arenex-image-accordion__body{position:absolute;left:50%;right:auto;bottom:var(--space-l);z-index:1;padding:0;display:flex;flex-direction:column;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;pointer-events:none}
:root .serve .arenex-image-accordion__title{margin:0;font:600 var(--t-400)/1 var(--f-display);letter-spacing:-.02em;white-space:nowrap;color:var(--fg)}
:root .serve .arenex-image-accordion__kicker,:root .serve .arenex-image-accordion__more{display:none}
/* open: the name, the text and what fits, along the foot */
:root .serve .arenex-image-accordion__panel.is-active .arenex-image-accordion__body{left:0;right:0;bottom:0;padding:clamp(1.25rem,3vw,2.25rem);transform:none;writing-mode:horizontal-tb}
:root .serve .arenex-image-accordion__panel.is-active .arenex-image-accordion__title{order:1;font:600 var(--role-sub)/1.05 var(--f-display);letter-spacing:-.03em;white-space:normal}
:root .serve .arenex-image-accordion__panel.is-active .arenex-image-accordion__more{order:2;display:block;max-height:none;overflow:visible}
:root .serve .arenex-image-accordion__panel.is-active .arenex-image-accordion__text{margin:var(--space-s) 0 0;max-width:30rem;max-height:none;opacity:1;color:var(--fg);font-size:var(--role-body);line-height:1.6}
:root .serve .arenex-image-accordion__panel.is-active .arenex-image-accordion__kicker{order:3;display:block;margin:var(--space-m) 0 0;font:500 var(--role-label)/1.4 var(--f-mono);color:var(--gold);letter-spacing:.04em;text-transform:none}
:root .serve .arenex-image-accordion__kicker::before{content:"Fits";color:var(--fg-dim);font-weight:400;margin-right:.4rem}
@media (max-width:767px){
  :root .serve .arenex-image-accordion__panels{flex-direction:column;height:auto;gap:.5rem}
  :root .serve .arenex-image-accordion__panel{flex:none;min-width:0;height:4.25rem;transition:height .6s var(--ease-spring)}
  :root .serve .arenex-image-accordion__panel.is-active{flex:none;height:21rem}
  :root .serve .arenex-image-accordion__body{left:var(--space-l);bottom:auto;top:50%;transform:translateY(-50%);writing-mode:horizontal-tb}
  :root .serve .arenex-image-accordion__panel.is-active .arenex-image-accordion__body{top:auto;bottom:0;transform:none}
  :root .serve .arenex-image-accordion__panel.is-active .arenex-image-accordion__scrim{background:linear-gradient(to top,rgb(11 29 17/.95) 0%,rgb(11 29 17/.88) 38%,rgb(11 29 17/.6) 60%,rgb(11 29 17/.18) 78%,rgb(11 29 17/0) 92%)}
}

/* ---- Process = .how (home How it works). The prototype's intro column (label, heading, text,
   button, photo) is the block's head, foot and media, placed in the first five columns; the
   steps (.how__steps) take the right; the plugin's rail and step photos give way to the
   prototype's line, dots and one framed photo. The line is drawn by scroll (30-site.js, --p). */
:root .how .arenex-process__inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto 1fr;column-gap:var(--space-l);row-gap:0}
:root .how .arenex-process__grid{display:contents}
:root .how .arenex-process__head{grid-column:1 / span 5;grid-row:1;max-width:none;margin:0}
:root .how .arenex-process__head .cmp-label{color:#CDE8C1}
:root .how .arenex-process__head .cmp-h2{margin-top:var(--space-m);font-size:clamp(2.6rem,1.1rem + 3.9vw,4.5rem);line-height:.96;color:inherit}
:root .how .arenex-process__head .cmp-body{margin-top:var(--space-l);color:#DCE6D6}
:root .how .arenex-process__foot.wp-block-buttons{grid-column:1 / span 5;grid-row:2;margin:var(--space-xl) 0 0;padding:0;justify-content:flex-start}
:root .how .arenex-process__media{grid-column:1 / span 5;grid-row:3;align-self:start;position:relative;inset:auto;height:auto;min-height:0;aspect-ratio:auto;margin-top:var(--space-2xl);padding:var(--frame-pad);border-radius:var(--r-lg);overflow:visible;background:rgb(238 242 231/.12);box-shadow:inset 0 0 0 1px rgb(238 242 231/.14),0 40px 80px -30px rgb(0 0 0/.45)}
:root .how .arenex-process__img{display:none;position:static;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;opacity:1;border-radius:calc(var(--r-lg) - var(--frame-pad))}
:root .how .arenex-process__img:first-child{display:block}
:root .how .arenex-process__media-label,:root .how .arenex-process__rail,:root .how .arenex-process__step-img{display:none}
:root .how .arenex-process__steps{grid-column:7 / -1;grid-row:1 / span 3;position:relative;margin:0;padding:0 0 0 clamp(2.5rem,5vw,4rem)}
:root .how .arenex-process__steps::before,:root .how .arenex-process__steps::after{content:"";position:absolute;left:0;top:.5rem;bottom:.5rem;width:2px;background:rgb(238 242 231/.16)}
:root .how .arenex-process__steps::after{background:linear-gradient(to bottom,#F2D77E,#CDE8C1);transform-origin:top;transform:scaleY(var(--p,1))}
:root.js .how .arenex-process__steps::after{transform:scaleY(var(--p,0))}
:root .how .arenex-process__list{display:block;margin:0;padding:0;list-style:none}
:root .how .arenex-process__step{position:relative;margin:0;padding:0 0 var(--space-4xl);opacity:1;border:0}
:root .how .arenex-process__step:last-child{padding-bottom:0}
:root .how .arenex-process__step::before{content:"";position:absolute;left:calc(-1*clamp(2.5rem,5vw,4rem) - 5px);top:.55rem;width:14px;height:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #2D5435,0 0 0 5px rgb(242 215 126/.5)}
:root .how .arenex-process__num{display:block;margin:var(--space-m) 0 0;font:500 var(--role-label)/1 var(--f-mono);color:#F2D77E;letter-spacing:.08em;text-transform:uppercase}
:root .how .arenex-process__title{margin:var(--space-s) 0 0;font:600 var(--role-feature)/1 var(--f-display);letter-spacing:-.035em;color:var(--fg)}
:root .how .arenex-process__text{margin:var(--space-m) 0 0;max-width:34rem;color:#DCE6D6;font-size:var(--role-body);line-height:1.6}
@media (max-width:1023px){
  :root .how .arenex-process__inner{grid-template-rows:none}
  :root .how :is(.arenex-process__head,.arenex-process__foot.wp-block-buttons,.arenex-process__media){grid-column:1 / -1}
  :root .how .arenex-process__media{display:block}
  :root .how .arenex-process__steps{grid-column:1 / -1;grid-row:4;margin-top:var(--space-3xl)}
}

/* ---- Steps (row) = .greenband .reasons (Micro Markets): numbered points on the green band.
   list = .reasons, step = .reason, num = .reason__n, body = the h3 + p column. */
:root .greenband.arenex-steps{background:radial-gradient(60% 70% at 8% 0%,#3A6A42,transparent 70%),radial-gradient(55% 60% at 100% 100%,rgb(230 192 82/.10),transparent 70%),linear-gradient(160deg,#2F5838 0%,#2C5335 55%,#27452D 100%);color:var(--fg)}
:root .greenband .arenex-steps__head{max-width:none;margin:0}
:root .greenband .arenex-steps__head .cmp-h2{color:inherit}
:root .greenband .arenex-steps__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-3xl);margin:0;padding:0;list-style:none;counter-reset:none}
:root .greenband .arenex-steps__step{display:grid;grid-template-columns:auto 1fr;gap:var(--space-l);margin:0;padding:var(--space-xl) 0;border:0;border-top:1px solid rgb(238 242 231/.16);background:none;border-radius:0;box-shadow:none}
:root .greenband .arenex-steps__num{display:block;width:auto;height:auto;margin:0;padding:.6rem 0 0;border:0;border-radius:0;background:none;font:500 var(--role-label)/1 var(--f-mono);letter-spacing:.08em;color:#F2D77E}
:root .greenband .arenex-steps__body{margin:0;padding:0}
:root .greenband .arenex-steps__title{margin:0;font:600 var(--role-feature)/1.02 var(--f-display);letter-spacing:-.035em;color:var(--fg)}
:root .greenband .arenex-steps__desc{margin:var(--space-m) 0 0;max-width:34rem;color:#DCE6D6;font-size:var(--role-body);line-height:1.6}
@media (max-width:767px){:root .greenband .arenex-steps__list{grid-template-columns:1fr}}

/* ---- Cards: the block itself is a plain box (the prototype's .grid-m / .tiles classes sit on
   the section, so their grid is moved onto the block's list) ---- */
:root :is(.arenex-cards.grid-m,.arenex-cards.tiles){display:block;gap:0}
:root .arenex-cards .arenex-cards__head{max-width:none;margin:0}
:root .arenex-cards .arenex-cards__head+.arenex-cards__grid{margin-top:0}
:root .arenex-cards .arenex-cards__item{display:grid}

/* ---- Cards = .grid-m .card (home machines): photo, name, text, specs, a "best for" tag; the
   whole card is the link. Nested in the machines column, so no band padding or container. */
:root .arenex-cards.grid-m{padding:0;background:none}
:root .grid-m .arenex-cards__inner{max-width:none;padding:0;margin:0}
:root .grid-m .arenex-cards__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-l)}
:root .grid-m .arenex-cards__card{position:relative;display:flex;flex-direction:column;gap:var(--space-s);height:100%;padding:0 0 var(--space-l);border:0;border-radius:var(--r-md);background:var(--g-800);color:var(--fg);box-shadow:var(--ring-inv);overflow:hidden;transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base)}
:root .grid-m .arenex-cards__card:hover{transform:translateY(-4px);box-shadow:var(--ring-inv),0 30px 60px -30px rgb(0 0 0/.6)}
:root .grid-m .arenex-cards__card>*{margin:0 var(--space-l)}
:root .grid-m .arenex-cards__media{order:0;margin:0 0 calc(var(--space-l) - var(--space-s));aspect-ratio:4/3;overflow:hidden;background:var(--g-950);border-radius:0}
:root .grid-m .arenex-cards__img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04);transition:transform var(--dur-reveal) var(--ease-spring)}
:root .grid-m .arenex-cards__card:hover .arenex-cards__img{transform:scale(1.04)}
:root .grid-m .arenex-cards__title{order:1;display:flex;align-items:center;min-height:2.75rem;font:600 var(--t-500)/1.1 var(--f-display);letter-spacing:-.02em;color:inherit}
:root .grid-m .arenex-cards__text{order:2;font-size:var(--t-200);line-height:1.5;color:var(--fg-dim)}
:root .grid-m .arenex-cards__covers{order:3;display:block;padding:0;border:0;font:400 var(--role-label)/1.5 var(--f-mono);color:var(--fg-mute);letter-spacing:.02em}
:root .grid-m .arenex-cards__covers li{padding:0}
:root .grid-m .arenex-cards__covers li::before{content:none}
:root .grid-m .arenex-cards__kicker{order:4;margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border-radius:var(--r-pill);box-shadow:var(--ring-inv);font:500 var(--role-label)/1 var(--f-mono);letter-spacing:.04em;text-transform:none;color:var(--gold)}
:root .grid-m .arenex-cards__link{position:absolute;inset:0;z-index:1;margin:0;font-size:0;color:transparent;border-radius:inherit}
:root .grid-m .arenex-cards__link svg{display:none}
@media (max-width:767px){:root .grid-m .arenex-cards__grid{grid-template-columns:1fr}}

/* ---- Cards = .tiles .tile (Micro Markets, who it is for): photo cards, words over the foot ---- */
:root .tiles .arenex-cards__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-l)}
:root .tiles .arenex-cards__card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:26rem;height:100%;padding:clamp(1.5rem,3vw,2.25rem);border:0;border-radius:var(--r-lg);overflow:hidden;background:var(--g-950);color:var(--fg);box-shadow:var(--shadow-soft)}
:root .tiles .arenex-cards__card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgb(11 29 17/.92) 0%,rgb(11 29 17/.62) 32%,rgb(11 29 17/0) 64%)}
:root .tiles .arenex-cards__media{position:absolute;inset:0;z-index:-2;margin:0}
:root .tiles .arenex-cards__img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-spring)}
:root .tiles .arenex-cards__card:hover .arenex-cards__img{transform:scale(1.04)}
:root .tiles .arenex-cards__title{margin:0;font:600 var(--role-sub)/1.05 var(--f-display);letter-spacing:-.03em;color:inherit}
:root .tiles .arenex-cards__text{margin:var(--space-s) 0 0;max-width:32rem;color:var(--fg);font-size:var(--role-body);line-height:1.6}
:root .tiles .arenex-cards__covers{display:block;margin:var(--space-m) 0 0;padding:0;border:0;font:500 var(--role-label)/1.4 var(--f-mono);color:var(--gold);letter-spacing:.04em}
:root .tiles .arenex-cards__covers li{padding:0}
:root .tiles .arenex-cards__covers li::before{content:none}
@media (max-width:767px){:root .tiles .arenex-cards__grid{grid-template-columns:1fr}:root .tiles .arenex-cards__card{min-height:22rem}}


/* ==== 47-wp.css ==== */
/* 47-wp.css (hand-written): what the prototype carried in markup the importer does not keep,
   put back in CSS. Each rule names what it stands in for.

   The button icon: in the prototype a span with an arrow svg inside each .cmp-btn; on WordPress
   the Button block's link draws it as ::after (40-site.css gives it the circle). */
:root :is(.cmp-btn,.arenex-process__foot>.wp-block-button:first-child)>.wp-block-button__link::after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%230B1D11' stroke-width='1.6'%3E%3Cpath d='M3 11 11 3M5 3h6v6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:14px 14px!important}
:root .wp-block-button.cmp-btn.cmp-btn--dark>.wp-block-button__link::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23EEF2E7' stroke-width='1.6'%3E%3Cpath d='M3 11 11 3M5 3h6v6'/%3E%3C/svg%3E")!important}
:root .wp-block-button.cmp-btn.cmp-btn--dark>.wp-block-button__link[href^="tel:"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EEF2E7' stroke-width='2'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")!important}

/* Why cards: the prototype set each card's ground (--c), ink (--t) and stacking step (--i)
   inline; the fourth card is the gold one (.sc--zero). */
:root .stack>.wp-block-group__inner-container>.sc,:root .stack>.sc{--c:var(--paper-3);--t:var(--ink)}
:root .stack .sc:nth-child(1){--i:0}
:root .stack .sc:nth-child(2){--i:1}
:root .stack .sc:nth-child(3){--i:2}
:root .stack .sc:nth-child(4){--i:3}
:root .stack .sc.sc--zero{--c:linear-gradient(170deg,#EECB5E,#E6C052 50%,#DDB443);--t:var(--g-950)}

/* Page headers' H1 size (--fit): inc/chrome.php raincity_phead_fit(), printed on the page and in the editor. */

/* Icons the prototype draws as inline svg in a wordless span (data-wp-skip): each card's ::before,
   the same tile and the same drawing, in the card's order. Flow (AI Smart Coolers), Needs (AI Smart
   Coolers, How It Works), What we handle (About). */
:root .flow__item::before{content:"";position:relative;width:4rem;height:4rem;border-radius:50%;display:block;background-color:var(--g-900);background-image:var(--ico),linear-gradient(180deg,var(--g-800),var(--g-900));background-repeat:no-repeat;background-position:center;background-size:1.55rem 1.55rem,100% 100%;box-shadow:0 0 0 8px var(--paper-2),inset 0 1px 0 rgb(238 242 231/.12),0 18px 30px -14px rgb(var(--shadow-tint)/.5)}
:root .flow .flow__item::before{box-shadow:0 0 0 8px var(--paper),inset 0 1px 0 rgb(238 242 231/.12),0 18px 30px -14px rgb(var(--shadow-tint)/.5)}
@media (max-width:767px){:root .flow__item::before{grid-row:1 / span 3;grid-column:1}}
:root .need__core::before,:root .hcell__top::before{content:"";flex:none;width:3.25rem;height:3.25rem;border-radius:var(--r-md);background:var(--ico) center/1.5rem 1.5rem no-repeat,var(--g-900)}
:root .hcell__top::before{box-shadow:inset 0 1px 0 rgb(238 242 231/.08)}
:root .hcell--dark .hcell__top::before{background-color:rgb(238 242 231/.1)}
:root .need--wide .need__core::before{content:none}
:root .flow__item:nth-child(1){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DAB644' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='14' height='10' rx='2'/%3E%3Cpath d='M3 10h14M19 9.5a4 4 0 0 1 0 5M21.5 7.5a7 7 0 0 1 0 9'/%3E%3C/svg%3E")}
:root .flow__item:nth-child(2){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DAB644' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 7.5-2'/%3E%3C/svg%3E")}
:root .flow__item:nth-child(3){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DAB644' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2.5' width='14' height='19' rx='2'/%3E%3Cpath d='M5 9h14M5 15h14'/%3E%3C/svg%3E")}
:root .flow__item:nth-child(4){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DAB644' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h12M13 7l5 5-5 5M3 4v16'/%3E%3C/svg%3E")}
:root .flow__item:nth-child(5){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DAB644' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2.5h12v19l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h3'/%3E%3C/svg%3E")}
:root .needs__list>.need:nth-child(1) .need__core{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DAB644' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V5l7-3 7 3v16'/%3E%3Cpath d='M9 21v-6h6v6'/%3E%3C/svg%3E")}
:root .needs__list>.need:nth-child(2) .need__core{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DAB644' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 2v5M15 2v5M6 7h12v4a6 6 0 0 1-12 0zM12 17v5'/%3E%3C/svg%3E")}
:root .hgrid .hcell:nth-child(1) .hcell__top{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DAB644' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L3 21l1.9-6.4A8 8 0 1 1 21 12z'/%3E%3C/svg%3E")}
:root .hgrid .hcell:nth-child(2) .hcell__top{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DAB644' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h11v10H2zM13 10h4l4 3v3h-8'/%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E")}
:root .hgrid .hcell:nth-child(3) .hcell__top{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DAB644' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.5 2.5-2.4-.6-.6-2.4z'/%3E%3C/svg%3E")}
:root .hgrid .hcell:nth-child(4) .hcell__top{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DAB644' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5v8l9 5 9-5z'/%3E%3Cpath d='M3 8l9 5 9-5M12 13v8'/%3E%3C/svg%3E")}
:root .hgrid .hcell:nth-child(5) .hcell__top{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DAB644' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-14.7-4.3L3 9M4 13a8 8 0 0 0 14.7 4.3L21 15'/%3E%3Cpath d='M3 4v5h5M21 20v-5h-5'/%3E%3C/svg%3E")}
:root .hgrid .hcell:nth-child(6) .hcell__top{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2D77E' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8.3-8 9-4.6-.7-8-4.5-8-9V6z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E")}

/* Home, offer: the gold spine over the statement, the receipt's mark, the founder's pin. */
:root .offer__head::before{content:"";display:block;width:1px;height:clamp(4rem,8vw,7rem);background:linear-gradient(to bottom,rgb(47 107 52/0),var(--leaf-deep));margin-bottom:var(--space-xl)}
:root .receipt__top::after{content:"";flex:none;width:2.25rem;height:2.25rem;border-radius:var(--r-pill);background:linear-gradient(var(--gold),var(--gold)) center/1px 56% no-repeat,var(--g-900)}
:root .founder::before{content:"";flex:none;width:1.5rem;height:1.5rem;margin-top:.15rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F6B34' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-5.5-7-11a7 7 0 0 1 14 0c0 5.5-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat}
/* Home, evolution: the three moves' icons (the list item's svg in the prototype). */
:root .cell ol li::before{content:"";flex:none;width:1.4rem;height:1.4rem;background:var(--ico) center/contain no-repeat}
:root .cell ol li:nth-child(1){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1D11' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='14' height='10' rx='2'/%3E%3Cpath d='M3 10h14M19 9.5a4 4 0 0 1 0 5M21.5 7.5a7 7 0 0 1 0 9'/%3E%3C/svg%3E")}
:root .cell ol li:nth-child(2){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1D11' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2.5' width='14' height='19' rx='2'/%3E%3Cpath d='M5 9h14M5 15h14'/%3E%3C/svg%3E")}
:root .cell ol li:nth-child(3){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1D11' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h12M13 7l5 5-5 5M3 4v16'/%3E%3C/svg%3E")}

/* A <span> in the prototype is a paragraph on WordPress, so a "p" rule now reaches it too: the
   machine card's tag is not the feature's text, and a promise's number takes no top margin. */
:root .feature__text p.tag{margin-top:0}
@media (max-width:1023px){:root .promise__row p:first-child{margin-top:0}}

/* Micro Markets: the gold "or" disc between the two cards (an aria-hidden span in the prototype). */
:root .versus__pair::after{content:"or";order:1;position:absolute;left:50%;top:clamp(9rem,17vw,13rem);translate:-50% -50%;z-index:2;width:4rem;height:4rem;border-radius:50%;display:grid;place-items:center;font:600 var(--role-lede)/1 var(--f-display);color:var(--g-950);background:linear-gradient(180deg,var(--gold-hi) -40%,var(--gold-mid) 45%,var(--gold) 100%);box-shadow:0 0 0 6px var(--paper),0 14px 30px -12px rgb(150 110 20/.6)}
:root .versus__pair>.vcard:last-child{order:2}
@media (max-width:767px){:root .versus__pair::after{position:relative;left:auto;top:auto;translate:none;margin:-.5rem auto}}
/* dt and dd are paragraphs on WordPress: a section's "p" spacing is not theirs (How It Works warranty). */
:root p.dt,:root p.dd{margin-top:0}

/* AI Smart Coolers compare table: a core Table, laid out by its content as the prototype's is
   (WordPress sets fixed layout), the model photo's figure holding its size, the Doors and
   Warranty columns in the mono figures (.num), and each cell's label on phones (data-label). */
:root .ctable table{table-layout:auto}
:root .ctable .mname figure{flex:none;width:3.5rem;margin:0}:root .ctable .mname figure img{max-width:none}
:root .ctable tbody td:is(:nth-child(2),:nth-child(5)){font-family:var(--f-mono);color:var(--leaf-deep);font-weight:500}
@media (max-width:767px){
  :root .ctable tbody td:nth-child(2)::before{content:"Doors"}
  :root .ctable tbody td:nth-child(3)::before{content:"Temperature"}
  :root .ctable tbody td:nth-child(4)::before{content:"Display"}
  :root .ctable tbody td:nth-child(5)::before{content:"Warranty"}
  :root .ctable tbody td:nth-child(6)::before{content:"Best for"}
  :root .ctable tbody td::before{font-family:var(--f-mono);font-weight:500;color:var(--ink-mute)}
}

/* About, story: three Image blocks stand for the prototype's three stacked img. The first sits in
   the frame's flow and fills it; the door frames lie over it; the zoom moves from the figure to
   its photo, so the frame keeps the prototype's edge while the photo inside scales. */
:root figure.story__img{transform:none;will-change:auto;overflow:hidden}
:root figure.story__img:not(.story__img--1,.story__img--2){position:relative;inset:auto;width:100%;height:100%}
:root figure.story__img>img{position:absolute;inset:0;transform:scale(var(--zoom,1.16));transform-origin:inherit;will-change:transform}
@media (prefers-reduced-motion:reduce){:root figure.story__img>img{transform:none}}
/* About, founder: the portrait photo's figure fills the card in flow (its photo lies over it). */
:root .fnd__portrait--photo>.wp-block-group__inner-container>.wp-block-image{width:100%;height:100%}

/* Home hero, trust line: the gold dot before each point (an empty <i> in the prototype). */
:root .trust li::before{content:"";flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--gold)}

/* Photo crops the prototype set inline on a block field's img, which an Arenex block's image field
   does not carry: the micro market card (home machines) and the recreation hall panel (who we serve). */
:root .grid-m .arenex-cards__item:nth-child(5) .arenex-cards__img{object-position:62% 50%}
:root .serve .arenex-image-accordion__panel:nth-child(7) .arenex-image-accordion__img{object-position:30% 62%}

/* R5 joins in CSS too: two neighbouring sections on the paper ground share one section of space.
   30-site.js marks them .is-joined on the page (the prototype's way); this is the same list
   written out, so the editor canvas, which runs no theme script, joins them as well. */
.site-main>:is(.is-style-band-light:not(.evo,.handle,.story),.arenex-image-accordion,.arenex-cards.tiles)+:is(.is-style-band-light:not(.evo,.handle,.story),.arenex-image-accordion,.arenex-cards.tiles){padding-top:0!important}

/* Why hosts choose, card 04: the prototype's <strong>$0 imported as a paragraph, so the
   design's ".sc__img strong" missed it and the figure shrank to body size. */
:root .sc--zero .sc__img>p{margin:0;font:700 var(--role-hero)/1 var(--f-display);letter-spacing:-.06em;color:inherit}

/* Our machines: the "Not sure which one?" card is its own Group after the Cards block.
   On the page, lift the cards out of the block's wrappers so the card takes the empty
   sixth slot of the grid, as in the prototype. Front end only (.site-main): the editor
   canvas keeps the block's own wrappers. */
.site-main .machines__list{grid-template-columns:repeat(2,minmax(0,1fr))}
.site-main .machines__list :is(.feature,.machines__note){grid-column:1/-1}
.site-main .machines__list :is(.arenex-cards.grid-m,.grid-m .arenex-cards__inner,.grid-m .arenex-cards__grid){display:contents}
.site-main .machines__list>.wp-block-group__inner-container>.card--cta,.site-main .machines__list>.card--cta{height:100%}
@media (max-width:767px){.site-main .machines__list{grid-template-columns:minmax(0,1fr)}}

/* The prototype's whole-card link (".card a::after{position:absolute;inset:0}") also caught
   the gold button's arrow circle, which WordPress draws as ::after, and pinned it to the
   card's corner. In the help card the button is the only link: keep its arrow in the button. */
:root .card--cta .cmp-btn>.wp-block-button__link::after{position:static;inset:auto}

/* Lists as rows: the Styles choice '3/4/5/6 in a row' (inc/block-styles/core.php). A list
   becomes a grid of that many columns; more items start a new row. On the trust strip the
   first item of every row lines up on the left with no divider, and each later row gets a
   line on top (the same as the design's tablet layout). Columns step down on smaller
   screens so the words never get squeezed. Every screen size sets each divider itself (all
   at one weight), so a wider size's row breaks never leak into a narrower one. Suhaib, 9 Nov 2026. */
:root .wp-block-list.is-style-row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
:root .trust .wp-block-list.is-style-row-3>li:not(:nth-child(3n+1)){padding-left:var(--space-l);border-left:1px solid var(--g-700)}
:root .trust .wp-block-list.is-style-row-3>li:nth-child(3n+1){padding-left:0;border-left:0}
:root .trust .wp-block-list.is-style-row-3>li:nth-child(-n+3){border-top:0}
:root .trust .wp-block-list.is-style-row-3>li:nth-child(n+4){border-top:1px solid var(--g-700)}
:root .wp-block-list.is-style-row-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
:root .trust .wp-block-list.is-style-row-4>li:not(:nth-child(4n+1)){padding-left:var(--space-l);border-left:1px solid var(--g-700)}
:root .trust .wp-block-list.is-style-row-4>li:nth-child(4n+1){padding-left:0;border-left:0}
:root .trust .wp-block-list.is-style-row-4>li:nth-child(-n+4){border-top:0}
:root .trust .wp-block-list.is-style-row-4>li:nth-child(n+5){border-top:1px solid var(--g-700)}
:root .wp-block-list.is-style-row-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
:root .trust .wp-block-list.is-style-row-5>li:not(:nth-child(5n+1)){padding-left:var(--space-l);border-left:1px solid var(--g-700)}
:root .trust .wp-block-list.is-style-row-5>li:nth-child(5n+1){padding-left:0;border-left:0}
:root .trust .wp-block-list.is-style-row-5>li:nth-child(-n+5){border-top:0}
:root .trust .wp-block-list.is-style-row-5>li:nth-child(n+6){border-top:1px solid var(--g-700)}
:root .wp-block-list.is-style-row-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
:root .trust .wp-block-list.is-style-row-6>li:not(:nth-child(6n+1)){padding-left:var(--space-l);border-left:1px solid var(--g-700)}
:root .trust .wp-block-list.is-style-row-6>li:nth-child(6n+1){padding-left:0;border-left:0}
:root .trust .wp-block-list.is-style-row-6>li:nth-child(-n+6){border-top:0}
:root .trust .wp-block-list.is-style-row-6>li:nth-child(n+7){border-top:1px solid var(--g-700)}
@media (min-width:1024px) and (max-width:1279px){
  :root .wp-block-list.is-style-row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  :root .trust .wp-block-list.is-style-row-3>li:not(:nth-child(3n+1)){padding-left:var(--space-l);border-left:1px solid var(--g-700)}
  :root .trust .wp-block-list.is-style-row-3>li:nth-child(3n+1){padding-left:0;border-left:0}
  :root .trust .wp-block-list.is-style-row-3>li:nth-child(-n+3){border-top:0}
  :root .trust .wp-block-list.is-style-row-3>li:nth-child(n+4){border-top:1px solid var(--g-700)}
  :root .wp-block-list.is-style-row-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  :root .trust .wp-block-list.is-style-row-4>li:not(:nth-child(4n+1)){padding-left:var(--space-l);border-left:1px solid var(--g-700)}
  :root .trust .wp-block-list.is-style-row-4>li:nth-child(4n+1){padding-left:0;border-left:0}
  :root .trust .wp-block-list.is-style-row-4>li:nth-child(-n+4){border-top:0}
  :root .trust .wp-block-list.is-style-row-4>li:nth-child(n+5){border-top:1px solid var(--g-700)}
  :root .wp-block-list.is-style-row-5{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  :root .trust .wp-block-list.is-style-row-5>li:not(:nth-child(4n+1)){padding-left:var(--space-l);border-left:1px solid var(--g-700)}
  :root .trust .wp-block-list.is-style-row-5>li:nth-child(4n+1){padding-left:0;border-left:0}
  :root .trust .wp-block-list.is-style-row-5>li:nth-child(-n+4){border-top:0}
  :root .trust .wp-block-list.is-style-row-5>li:nth-child(n+5){border-top:1px solid var(--g-700)}
  :root .wp-block-list.is-style-row-6{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  :root .trust .wp-block-list.is-style-row-6>li:not(:nth-child(4n+1)){padding-left:var(--space-l);border-left:1px solid var(--g-700)}
  :root .trust .wp-block-list.is-style-row-6>li:nth-child(4n+1){padding-left:0;border-left:0}
  :root .trust .wp-block-list.is-style-row-6>li:nth-child(-n+4){border-top:0}
  :root .trust .wp-block-list.is-style-row-6>li:nth-child(n+5){border-top:1px solid var(--g-700)}
}
@media (min-width:768px) and (max-width:1023px){
  :root .wp-block-list.is-style-row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  :root .trust .wp-block-list.is-style-row-3>li:not(:nth-child(3n+1)){padding-left:var(--space-l);border-left:1px solid var(--g-700)}
  :root .trust .wp-block-list.is-style-row-3>li:nth-child(3n+1){padding-left:0;border-left:0}
  :root .trust .wp-block-list.is-style-row-3>li:nth-child(-n+3){border-top:0}
  :root .trust .wp-block-list.is-style-row-3>li:nth-child(n+4){border-top:1px solid var(--g-700)}
  :root .wp-block-list.is-style-row-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  :root .trust .wp-block-list.is-style-row-4>li:not(:nth-child(2n+1)){padding-left:var(--space-l);border-left:1px solid var(--g-700)}
  :root .trust .wp-block-list.is-style-row-4>li:nth-child(2n+1){padding-left:0;border-left:0}
  :root .trust .wp-block-list.is-style-row-4>li:nth-child(-n+2){border-top:0}
  :root .trust .wp-block-list.is-style-row-4>li:nth-child(n+3){border-top:1px solid var(--g-700)}
  :root .wp-block-list.is-style-row-5{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  :root .trust .wp-block-list.is-style-row-5>li:not(:nth-child(2n+1)){padding-left:var(--space-l);border-left:1px solid var(--g-700)}
  :root .trust .wp-block-list.is-style-row-5>li:nth-child(2n+1){padding-left:0;border-left:0}
  :root .trust .wp-block-list.is-style-row-5>li:nth-child(-n+2){border-top:0}
  :root .trust .wp-block-list.is-style-row-5>li:nth-child(n+3){border-top:1px solid var(--g-700)}
  :root .wp-block-list.is-style-row-6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  :root .trust .wp-block-list.is-style-row-6>li:not(:nth-child(2n+1)){padding-left:var(--space-l);border-left:1px solid var(--g-700)}
  :root .trust .wp-block-list.is-style-row-6>li:nth-child(2n+1){padding-left:0;border-left:0}
  :root .trust .wp-block-list.is-style-row-6>li:nth-child(-n+2){border-top:0}
  :root .trust .wp-block-list.is-style-row-6>li:nth-child(n+3){border-top:1px solid var(--g-700)}
}
@media (max-width:767px){
  :root .wp-block-list.is-style-row-3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  :root .trust .wp-block-list.is-style-row-3>li:not(:nth-child(2n+1)){padding-left:var(--space-s);border-left:1px solid var(--g-700)}
  :root .trust .wp-block-list.is-style-row-3>li:nth-child(2n+1){padding-left:0;border-left:0}
  :root .trust .wp-block-list.is-style-row-3>li:nth-child(-n+2){border-top:0}
  :root .trust .wp-block-list.is-style-row-3>li:nth-child(n+3){border-top:1px solid var(--g-700)}
  :root .wp-block-list.is-style-row-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  :root .trust .wp-block-list.is-style-row-4>li:not(:nth-child(2n+1)){padding-left:var(--space-s);border-left:1px solid var(--g-700)}
  :root .trust .wp-block-list.is-style-row-4>li:nth-child(2n+1){padding-left:0;border-left:0}
  :root .trust .wp-block-list.is-style-row-4>li:nth-child(-n+2){border-top:0}
  :root .trust .wp-block-list.is-style-row-4>li:nth-child(n+3){border-top:1px solid var(--g-700)}
  :root .wp-block-list.is-style-row-5{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  :root .trust .wp-block-list.is-style-row-5>li:not(:nth-child(2n+1)){padding-left:var(--space-s);border-left:1px solid var(--g-700)}
  :root .trust .wp-block-list.is-style-row-5>li:nth-child(2n+1){padding-left:0;border-left:0}
  :root .trust .wp-block-list.is-style-row-5>li:nth-child(-n+2){border-top:0}
  :root .trust .wp-block-list.is-style-row-5>li:nth-child(n+3){border-top:1px solid var(--g-700)}
  :root .wp-block-list.is-style-row-6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  :root .trust .wp-block-list.is-style-row-6>li:not(:nth-child(2n+1)){padding-left:var(--space-s);border-left:1px solid var(--g-700)}
  :root .trust .wp-block-list.is-style-row-6>li:nth-child(2n+1){padding-left:0;border-left:0}
  :root .trust .wp-block-list.is-style-row-6>li:nth-child(-n+2){border-top:0}
  :root .trust .wp-block-list.is-style-row-6>li:nth-child(n+3){border-top:1px solid var(--g-700)}
}

/* Our machines, in the editor: the same grid as the page. In the canvas the Cards block sits in
   its own wrapper (.wp-block.grid-m), which took one cell of the two-column grid, so the cards
   stacked one a row and 'Not sure which one?' stretched down the other column (Suhaib, 9 Nov
   2026). The wrapper keeps its box, so a click on a card still opens Service Cards, but spans
   both columns as a subgrid: its cards land on the section's own columns, and the help card is
   placed in the slot after the last card. The block's empty heading area is not part of this
   design and stays hidden. Scoped by the wrapper, which only the editor has (the build already
   prefixes the editor copy with .editor-styles-wrapper; the page never matches). */
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m){grid-template-columns:repeat(2,minmax(0,1fr))}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m) .feature{grid-column:1/-1}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m)>.wp-block-group__inner-container>.wp-block.grid-m{grid-column:1/-1;display:grid;grid-template-columns:subgrid;row-gap:var(--space-l)}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m) .wp-block.grid-m :is(.arenex-cards,.arenex-cards__inner,.arenex-cards__grid){display:contents}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m) .wp-block.grid-m .arenex-cards__head{display:none}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m)>.wp-block-group__inner-container>.card--cta{grid-column:2;align-self:stretch;height:auto}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(1):last-child)>.wp-block-group__inner-container>.wp-block.grid-m{grid-row:2 / span 1;grid-template-rows:subgrid}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(1):last-child)>.wp-block-group__inner-container>.card--cta{grid-row:2;grid-column:2}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(2):last-child)>.wp-block-group__inner-container>.wp-block.grid-m{grid-row:2 / span 1;grid-template-rows:subgrid}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(2):last-child)>.wp-block-group__inner-container>.card--cta{grid-row:2;grid-column:1}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(3):last-child)>.wp-block-group__inner-container>.wp-block.grid-m{grid-row:2 / span 2;grid-template-rows:subgrid}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(3):last-child)>.wp-block-group__inner-container>.card--cta{grid-row:3;grid-column:2}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(4):last-child)>.wp-block-group__inner-container>.wp-block.grid-m{grid-row:2 / span 2;grid-template-rows:subgrid}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(4):last-child)>.wp-block-group__inner-container>.card--cta{grid-row:3;grid-column:1}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(5):last-child)>.wp-block-group__inner-container>.wp-block.grid-m{grid-row:2 / span 3;grid-template-rows:subgrid}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(5):last-child)>.wp-block-group__inner-container>.card--cta{grid-row:4;grid-column:2}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(6):last-child)>.wp-block-group__inner-container>.wp-block.grid-m{grid-row:2 / span 3;grid-template-rows:subgrid}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(6):last-child)>.wp-block-group__inner-container>.card--cta{grid-row:4;grid-column:1}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(7):last-child)>.wp-block-group__inner-container>.wp-block.grid-m{grid-row:2 / span 4;grid-template-rows:subgrid}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(7):last-child)>.wp-block-group__inner-container>.card--cta{grid-row:5;grid-column:2}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(8):last-child)>.wp-block-group__inner-container>.wp-block.grid-m{grid-row:2 / span 4;grid-template-rows:subgrid}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(8):last-child)>.wp-block-group__inner-container>.card--cta{grid-row:5;grid-column:1}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(9):last-child)>.wp-block-group__inner-container>.wp-block.grid-m{grid-row:2 / span 5;grid-template-rows:subgrid}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(9):last-child)>.wp-block-group__inner-container>.card--cta{grid-row:6;grid-column:2}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(10):last-child)>.wp-block-group__inner-container>.wp-block.grid-m{grid-row:2 / span 5;grid-template-rows:subgrid}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(10):last-child)>.wp-block-group__inner-container>.card--cta{grid-row:6;grid-column:1}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(11):last-child)>.wp-block-group__inner-container>.wp-block.grid-m{grid-row:2 / span 6;grid-template-rows:subgrid}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(11):last-child)>.wp-block-group__inner-container>.card--cta{grid-row:7;grid-column:2}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(12):last-child)>.wp-block-group__inner-container>.wp-block.grid-m{grid-row:2 / span 6;grid-template-rows:subgrid}
.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m):has(.arenex-cards__item:nth-child(12):last-child)>.wp-block-group__inner-container>.card--cta{grid-row:7;grid-column:1}
@media (max-width:767px){.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m){grid-template-columns:minmax(0,1fr)}.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m)>.wp-block-group__inner-container>.wp-block.grid-m{grid-row:auto!important;grid-template-rows:none!important}.machines__list:has(>.wp-block-group__inner-container>.wp-block.grid-m)>.wp-block-group__inner-container>.card--cta{grid-row:auto!important;grid-column:auto!important}}

/* Editor = page, two more (Suhaib, 9 Nov 2026):
   - Who we serve: the panels are min(34rem, 70vh) tall. In the canvas, vh is the canvas's own
     height, shorter than a browser window by the editor's bars, so the section came out 137px
     shorter there. The editor (the block's .acf-block-component wrapper, which the page never
     has) shows the height a laptop window gives: 34rem.
   - The hero heading picked up 13px of padding from the editor's own heading styles. */
:root .acf-block-component.serve .arenex-image-accordion__panels{height:34rem}
 /* every page's main heading, in the editor only (the page has none to remove) */
:root h1.wp-block-heading{padding-top:0;padding-bottom:0}

/* Editor = page, the last two (Suhaib, 9 Nov 2026). Both scoped by .wp-block, a class only the
   editor's blocks carry, so the page never matches.
   - How It Works, Live inventory: on the page 15-decor.js draws the five stock bars after the
     panel's top line; the editor runs no theme script, so the panel was 133px short and empty.
     The same five rows, drawn by CSS alone at the page's sizes (rows 40px apart, bars 10px
     from 136px across, Snacks low in gold). Change the levels in 15-decor.js and here together.
   - About, the door scroll: its runway is 190vh and its stage 100vh, and in the canvas vh is the
     canvas, shorter than a window, so the section came out 435px short. The editor shows the
     size a 900px-tall laptop window gives (a 1024px-tall tablet on tablet widths). */
:root .wp-block.panel .panel__top{flex-wrap:wrap}
:root .wp-block.panel .panel__top::after{content:"Water\A Sparkling\A Juices\A Snacks\A Protein bars";flex:0 0 100%;display:block;white-space:pre;margin-top:24px;height:192px;font:400 var(--role-small)/40px var(--f-body);letter-spacing:0;text-transform:none;color:var(--fg);background-image:linear-gradient(90deg,var(--leaf-deep),var(--leaf)),linear-gradient(90deg,var(--leaf-deep),var(--leaf)),linear-gradient(90deg,var(--leaf-deep),var(--leaf)),linear-gradient(90deg,#B98F2A,var(--gold)),linear-gradient(90deg,var(--leaf-deep),var(--leaf)),linear-gradient(rgb(238 242 231/.08),rgb(238 242 231/.08)),linear-gradient(rgb(238 242 231/.08),rgb(238 242 231/.08)),linear-gradient(rgb(238 242 231/.08),rgb(238 242 231/.08)),linear-gradient(rgb(238 242 231/.08),rgb(238 242 231/.08)),linear-gradient(rgb(238 242 231/.08),rgb(238 242 231/.08));background-position:136px 15px,136px 55px,136px 95px,136px 135px,136px 175px,136px 15px,136px 55px,136px 95px,136px 135px,136px 175px;background-size:calc((100% - 136px) * 0.84) 10px,calc((100% - 136px) * 0.66) 10px,calc((100% - 136px) * 0.52) 10px,calc((100% - 136px) * 0.22) 10px,calc((100% - 136px) * 0.71) 10px,calc(100% - 136px) 10px,calc(100% - 136px) 10px,calc(100% - 136px) 10px,calc(100% - 136px) 10px,calc(100% - 136px) 10px;background-repeat:no-repeat}
@media (min-width:1024px){:root .wp-block.story__track{height:1710px}:root .wp-block.story__stage{height:900px}}
@media (min-width:768px) and (max-width:1023px){:root .wp-block.story__track{height:1741px}:root .wp-block.story__stage{height:1024px}}

/* Icons on the first line of their point, as the prototype (40-site.css): WordPress draws the bento
   "We handle" icons and the trust dots as ::before, the prototype as an <svg> and an <i>. */
:root .cell ol li::before{margin-top:calc((1lh - 1.4rem)/2)}
:root .trust li::before{margin-top:calc((1lh - .5rem)/2)}


/* ==== 50-forms.css ==== */
/* 50-forms.css (hand-written): Fluent Forms drawn as the prototype's form cards (40-site.css:
   .cta__form / .book__form, .field, .field-row, the dark .cmp-btn). In the prototype the card's
   core is the <form class="cmp-frame__core">; on WordPress it is Fluent's wrapper.
   Map: .field = .ff-el-group · its label = .ff-el-input--label label · .field-row =
   .ff-t-container · the submit = .ff-btn-submit · the heading and the note are Fluent Custom
   HTML elements (inc/content/forms/*.php), and the note is put after the button. */

:root :is(.cta__form,.book__form) .fluentform{border-radius:calc(var(--r-lg) - var(--frame-pad));overflow:hidden;background:var(--paper-3);box-shadow:inset 0 1px 0 rgb(255 255 255/.55),var(--ring);color:var(--ink)}
:root .cta__form .fluentform{padding:clamp(1.25rem,3vw,2rem)}
:root .book__form .fluentform{padding:clamp(1.5rem,3.5vw,2.75rem)}
:root :is(.cta__form,.book__form) .fluentform form,:root :is(.cta__form,.book__form) .fluentform fieldset{margin:0}
:root :is(.cta__form,.book__form) .fluentform fieldset{display:flex!important;flex-direction:column}

/* each field */
:root :is(.cta__form,.book__form) .fluentform .ff-el-group{display:block;margin:var(--space-m) 0 0;min-width:0;padding:0}
:root :is(.cta__form,.book__form) .fluentform .ff-el-group.rc-form-title{display:block;margin-top:0}
:root :is(.cta__form,.book__form) .fluentform .ff-el-input--label{margin:0 0 .4rem;padding:0;display:block;font:500 var(--t-200)/1.2 var(--f-body)}
:root :is(.cta__form,.book__form) .fluentform .ff-el-input--label label{margin:0;font:500 var(--t-200)/1.2 var(--f-body);color:var(--ink)}
:root :is(.cta__form,.book__form) .fluentform .ff-el-is-required.asterisk-right label::after{content:none}
:root :is(.cta__form,.book__form) .fluentform .ff-el-input--content{margin:0}
:root :is(.cta__form,.book__form) .fluentform :is(input.ff-el-form-control,select.ff-el-form-control){display:block;width:100%;min-width:0;height:auto;min-height:3.25rem;padding:0 var(--space-m);border-radius:var(--r-sm);border:0;background:var(--paper);box-shadow:var(--ring-strong);font:inherit;font-size:var(--role-body);line-height:normal;color:var(--ink);transition:box-shadow var(--dur-fast)}
:root :is(.cta__form,.book__form) .fluentform textarea.ff-el-form-control{display:block;width:100%;min-height:7.5rem;padding:var(--space-m);border-radius:var(--r-sm);border:0;background:var(--paper);box-shadow:var(--ring-strong);font:inherit;color:var(--ink);resize:vertical}
:root :is(.cta__form,.book__form) .fluentform .ff-el-form-control:focus{outline:none;box-shadow:0 0 0 2px var(--leaf-deep)}
:root :is(.cta__form,.book__form) .fluentform .ff-el-help-message{margin:0;font-size:var(--role-label);color:var(--ink-mute)}

/* two fields side by side */
:root :is(.cta__form,.book__form) .fluentform .ff-t-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-m);margin:0}
:root :is(.cta__form,.book__form) .fluentform .ff-t-cell{padding:0!important;min-width:0}
@media (max-width:767px){:root :is(.cta__form,.book__form) .fluentform .ff-t-container{grid-template-columns:1fr}}

/* the heading and the note */
:root .book__form .fluentform h3{font:600 var(--role-card)/1.15 var(--f-display);letter-spacing:-.02em}
:root .book__form .fluentform .lead{margin-top:var(--space-xs);color:var(--ink-dim);font-size:var(--role-small)}
:root :is(.cta__form,.book__form) .fluentform .rc-form-note{order:99;display:block;margin-top:0}

/* the submit: the prototype's dark button, with its arrow */
:root :is(.cta__form,.book__form) .fluentform .ff_submit_btn_wrapper{display:block;margin:var(--space-l) 0 0}
:root :is(.cta__form,.book__form) .fluentform .ff-btn-submit{display:flex;align-items:center;justify-content:space-between;gap:.85rem;width:100%;min-height:3.25rem;padding:.375rem .375rem .375rem 1.5rem;border:0;border-radius:var(--r-pill);background:var(--g-950)!important;color:var(--fg)!important;font:600 var(--t-300)/1 var(--f-body);text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:none;opacity:1;transition:transform var(--dur-fast) var(--ease-spring),background-color var(--dur-fast) var(--ease-out-expo)}
:root :is(.cta__form,.book__form) .fluentform .ff-btn-submit:hover{background:var(--g-800)!important;opacity:1}
:root :is(.cta__form,.book__form) .fluentform .ff-btn-submit:active{transform:scale(.98)}
:root :is(.cta__form,.book__form) .fluentform .ff-btn-submit::after{content:"";inline-size:2.5rem;block-size:2.5rem;flex:none;border-radius:var(--r-pill);background:rgb(238 242 231/.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23EEF2E7' stroke-width='1.6'%3E%3Cpath d='M3 11 11 3M5 3h6v6'/%3E%3C/svg%3E") center/14px 14px no-repeat;transition:transform var(--dur-base) var(--ease-spring)}
:root :is(.cta__form,.book__form) .fluentform .ff-btn-submit:hover::after{transform:translate(2px,-2px) scale(1.05)}

/* choices as chips (the full form's machine interest), and the consent line */
:root .book__form .fluentform .ff-el-form-check{display:inline-flex;margin:0 .5rem .5rem 0}
:root .book__form .fluentform .ff-el-form-check-label{display:inline-flex;align-items:center;gap:var(--space-s);min-height:2.75rem;font-size:var(--role-small);color:var(--ink-dim);cursor:pointer}
/* the consent box: the prototype shows only its sentence, beside the box */
:root .book__form .fluentform .ff-el-group:has(input[name^="consent"]) .ff-el-input--label{display:none}
:root .book__form .fluentform .ff-el-group:has(input[name^="consent"]) .ff-el-form-check{margin:var(--space-s) 0 0}
:root .book__form .fluentform input[type="checkbox"]{flex:none;width:1.5rem;height:1.5rem;margin:0;accent-color:var(--g-900)}

/* The full form as the prototype's (contact.html): section titles (its fieldset legends, here
   Fluent Custom HTML), Fluent's own asterisk on required labels (so it follows the Required
   switch in Fluent's editor), the "(optional)" notes, and Machine interest as pills. */
:root .book__form .fluentform .ff-el-group[class*="rc-legend"]{margin:var(--space-xl) 0 0}
:root .book__form .fluentform .rc-legend{margin:0;padding:0 0 var(--space-xs);border-bottom:1px solid rgb(var(--ink-rgb)/.12);font:500 var(--role-label)/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--leaf-deep)}
:root .book__form .fluentform .ff-el-is-required.asterisk-right label::after{content:" *";margin:0;color:inherit}
:root .book__form .fluentform .ff-el-input--label label small{color:var(--ink-mute);font-weight:400;font-size:inherit}
:root .book__form .fluentform .ff-el-group:has(input[name^="machine"]) .ff-el-input--content{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.15rem}
:root .book__form .fluentform .ff-el-group:has(input[name^="machine"]) .ff-el-form-check{margin:0}
:root .book__form .fluentform .ff-el-group:has(input[name^="machine"]) .ff-el-form-check-label{position:relative;gap:0;min-height:0}
:root .book__form .fluentform .ff-el-group:has(input[name^="machine"]) input[type="checkbox"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
:root .book__form .fluentform .ff-el-group:has(input[name^="machine"]) .ff-el-form-check-label span{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1rem;border-radius:var(--r-pill);background:var(--paper);box-shadow:var(--ring-strong);font:500 var(--role-small)/1 var(--f-body);color:var(--ink);transition:background-color var(--dur-fast),box-shadow var(--dur-fast)}
:root .book__form .fluentform .ff-el-group:has(input[name^="machine"]) input:checked+span{background:var(--g-900);color:var(--fg);box-shadow:none}
:root .book__form .fluentform .ff-el-group:has(input[name^="machine"]) input:focus-visible+span{outline:var(--focus-ring) solid var(--leaf-deep);outline-offset:2px}
:root .book__form .fluentform ::placeholder{color:var(--ink-mute);opacity:1}
/* the space Fluent prints between each box and its word made the last pill's label taller and
   pushed it 4px down: the label keeps no text of its own, the pill draws itself */
:root .book__form .fluentform .ff-el-group:has(input[name^="machine"]) .ff-el-form-check-label{display:flex;align-items:flex-start;font-size:0;line-height:0}
:root .book__form .fluentform .ff-el-group:has(input[name^="machine"]) .ff-el-form-check-label span{white-space:nowrap}
:root .book__form .fluentform .ff-el-input--label label small{font-size:.8em}
:root .book__form .fluentform textarea.ff-el-form-control{height:7.5rem}

/* Phones: the submit button fits the form card (Suhaib, 10 Nov 2026). Its words plus the 40px
   arrow needed ~250px and would not wrap, so the arrow spilled out of the button on an iPhone. The
   same trims as the site's buttons (40-site.css), and the words may wrap before they push out. */
@media (max-width:767px){
  :root :is(.cta__form,.book__form) .fluentform .ff-btn-submit{gap:.6rem;padding-left:1.15rem;white-space:normal;text-align:left;line-height:1.15;max-width:100%}
  :root :is(.cta__form,.book__form) .fluentform .ff-btn-submit::after{inline-size:2.25rem;block-size:2.25rem}
}


/* ==== 63-blog.css ==== */
/* Blog — the post cards (Blog page and "More articles" under a post), their page
   numbers, and the single post (inc/blog.php, inc/content/parts/blog-posts.php).

   The four values below are the only ones a new site normally changes. */

:root {
	--blog-link:  var(--color-primary, #082246);   /* titles, links, current page */
	--blog-line:  var(--gold-muted, #B09850);      /* link underlines, list markers, dots */
	--blog-text:  var(--ink-2, #3C4852);           /* body copy and excerpts */
	--blog-muted: var(--ink-3, #5B6875);           /* dates, reading time */
}

/* ---- Post cards ------------------------------------------------------------ */

.rc-post-grid .wp-block-post {
	display: flex;
	flex-direction: column;
}
.rc-post-grid .wp-block-post-featured-image {
	margin: 0;
	overflow: hidden;
	border-radius: var(--radius-sm, 14px);
}
.rc-post-grid .wp-block-post-featured-image img {
	transition: transform .9s var(--ease, ease);
}
.rc-post-grid .wp-block-post:hover .wp-block-post-featured-image img { transform: scale(1.03); }

.rc-post-grid .wp-block-post-date {
	margin-top: 1.15rem;
	font-size: .85rem;
	color: var(--blog-muted);
}
.rc-post-grid .wp-block-post-title {
	margin: .45rem 0 0;
	font-size: clamp(1.2rem, 1.6vw, 1.35rem);
	line-height: 1.25;
	text-wrap: balance;
}
.rc-post-grid .wp-block-post-title a {
	color: var(--blog-link);
	text-decoration: none;
	transition: color .3s var(--ease, ease);
}
.rc-post-grid .wp-block-post-title a:hover { color: var(--blog-line); }

/* Title to excerpt: a clear step, smaller than the gap between cards. */
.rc-post-grid .wp-block-post-excerpt { margin-top: .85rem; }
.rc-post-grid .wp-block-post-excerpt__excerpt {
	margin: 0;
	color: var(--blog-text);
	line-height: 1.6;
}
.rc-post-grid .wp-block-post-excerpt__more-text { margin: 1rem 0 0; }
.rc-post-grid .wp-block-post-excerpt__more-link {
	font-weight: 500;
	color: var(--blog-link);
	text-decoration: none;
	border-bottom: 1.5px solid var(--blog-line);
	padding-bottom: 2px;
	transition: color .3s var(--ease, ease);
}
.rc-post-grid .wp-block-post-excerpt__more-link:hover { color: var(--blog-line); }

/* Three across on desktop, two on tablets, one on phones (core stacks below 600). */
@media (min-width: 601px) and (max-width: 960px) {
	.rc-post-grid .wp-block-post-template.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ---- Page numbers ----------------------------------------------------------- */

.rc-post-grid .wp-block-query-pagination {
	margin-top: clamp(2.75rem, 5vw, 4rem);
	gap: .6rem;
	align-items: center;
	justify-content: center;
}
.rc-post-grid .wp-block-query-pagination-numbers {
	display: flex;
	gap: .6rem;
	margin: 0;
}
.rc-post-grid .wp-block-query-pagination .page-numbers,
.rc-post-grid .wp-block-query-pagination-previous,
.rc-post-grid .wp-block-query-pagination-next {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	min-width: 2.9rem;
	height: 2.9rem;
	margin: 0;
	padding: 0 1.15rem;
	border: 1px solid rgb(8 34 70 / .18);
	border-radius: 999px;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
	color: var(--blog-link);
	text-decoration: none;
	transition: background-color .3s var(--ease, ease), border-color .3s var(--ease, ease), color .3s var(--ease, ease);
}
.rc-post-grid .wp-block-query-pagination .page-numbers { padding: 0; }
.rc-post-grid .wp-block-query-pagination a:hover { border-color: var(--blog-link); }
.rc-post-grid .wp-block-query-pagination .page-numbers.current {
	background: var(--blog-link);
	border-color: var(--blog-link);
	color: #fff;
}
.rc-post-grid .wp-block-query-pagination .page-numbers.dots { border-color: transparent; min-width: 1.5rem; }

/* ---- Single post ------------------------------------------------------------ */

.single-post .site-main > .container--content.section {
	max-width: calc(780px + 2 * var(--gut, 2rem));
	padding: clamp(3.5rem, 7vw, 6rem) var(--gut, 2rem) clamp(3.5rem, 6vw, 5.5rem);
}

.single-post .entry { margin-bottom: 0; }
.single-post .entry__title {
	margin-bottom: 1.35rem;
	font-size: clamp(2.2rem, 4.4vw, 3.4rem);
	line-height: 1.08;
	letter-spacing: -.025em;
	text-wrap: balance;
}

/* The line under the title: back to the blog, the date, the reading time. */
.rc-entry-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .35rem 1rem;
	margin: 0 0 clamp(1.8rem, 3.5vw, 2.6rem);
	font-size: .95rem;
	color: var(--blog-muted);
}
.rc-entry-meta > :not(:first-child)::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-right: 1rem;
	border-radius: 50%;
	background: var(--blog-line);
	vertical-align: middle;
}
.rc-entry-meta a {
	font-weight: 500;
	color: var(--blog-link);
	text-decoration: none;
	transition: color .3s var(--ease, ease);
}
.rc-entry-meta a::before { content: "\2190\00a0"; }
.rc-entry-meta a:hover { color: var(--blog-line); }
@media (max-width: 600px) {
	.rc-entry-meta { gap: .35rem .65rem; font-size: .86rem; }
	.rc-entry-meta > :not(:first-child)::before { margin-right: .65rem; }
}

/* The date line sits inside the thumbnail wrapper, so the rounding moves to the image. */
.single-post .entry__thumb {
	overflow: visible;
	border-radius: 0;
	margin-bottom: clamp(2.4rem, 4.5vw, 3.4rem);
}
.single-post .entry__thumb img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: var(--radius, 24px);
}

/* Reading type: body size a step up, a 70ch column, clear heading steps. */
.single-post .entry__content {
	font-size: 1.1rem;
	line-height: 1.75;
	color: var(--blog-text);
}
.single-post .entry__content > * { margin-block: 0; }
.single-post .entry__content > * + * { margin-top: 1.25em; }
.single-post .entry__content > p:first-child {
	font-size: 1.22rem;
	line-height: 1.65;
	color: var(--ink, #101820);
}
.single-post .entry__content h2 {
	font-size: clamp(1.45rem, 2.4vw, 1.8rem);
	line-height: 1.25;
	letter-spacing: -.015em;
	color: var(--blog-link);
	text-wrap: balance;
}
.single-post .entry__content h3 {
	font-size: 1.2rem;
	line-height: 1.35;
	color: var(--blog-link);
}
.single-post .entry__content > h2 { margin-top: 1.9em; }
.single-post .entry__content > h3 { margin-top: 1.7em; }
.single-post .entry__content > :is(h2, h3) + * { margin-top: .6em; }
.single-post .entry__content :is(ul, ol) { padding-left: 1.3em; }
.single-post .entry__content li + li { margin-top: .5em; }
.single-post .entry__content li::marker { color: var(--blog-line); }
.single-post .entry__content a {
	color: var(--blog-link);
	text-decoration: underline;
	text-decoration-color: var(--blog-line);
	text-decoration-thickness: 1.5px;
	text-underline-offset: 3px;
}
.single-post .entry__content strong { font-weight: 600; color: var(--ink, #101820); }
.single-post .entry__content hr {
	border: 0;
	border-top: 1px solid rgb(8 34 70 / .12);
	margin-block: 2.5em;
}
.single-post .entry__content img { height: auto; border-radius: var(--radius-sm, 14px); }

/* ---- After the article ------------------------------------------------------ */

.rc-more-posts {
	background: #fff;
	padding: var(--sec, 90px) var(--gut, 2rem);
}
.rc-more-posts__inner {
	max-width: calc(var(--wrap, 1240px) - 2 * var(--gut, 2rem));
	margin-inline: auto;
}
.rc-more-posts__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem 2rem;
	margin-bottom: clamp(2rem, 4vw, 3rem);
}
.rc-more-posts__head h2 { margin: 0; }
.rc-more-posts__all {
	font-weight: 500;
	color: var(--blog-link);
	text-decoration: none;
	border-bottom: 1.5px solid var(--blog-line);
	padding-bottom: 2px;
	transition: color .3s var(--ease, ease);
}
.rc-more-posts__all:hover { color: var(--blog-line); }

/* The closing card, as on every page (45-cta.css scopes its band to block-built pages). */
.single-post .site-main > .wp-block-columns.is-style-cta {
	max-width: none;
	margin: 0;
	background: #fff;
	padding-inline: max(var(--gut, 2rem), calc((100% - var(--wrap, 1240px)) / 2 + var(--gut, 2rem)));
	padding-block: 0 var(--sec, 90px);
	gap: 0;
	border-radius: 0;
}
@media (max-width: 899px) {
	.single-post .site-main > .wp-block-columns.is-style-cta {
		flex-direction: column;
		flex-wrap: nowrap;
	}
}

/* The Blog page's band (inc/content/parts/blog-posts.php) follows the page header, so it
   takes no top padding of its own, as the Projects gallery doesn't. */
:is(.home, .page-template-page-blocks) .site-main > .wp-block-group.alignfull.rc-blog-band { padding-top: 0; }