/* RedBird simple, PRD theme: ChatPRD palette and the B2 plat lattice. Every color is a --ds-* token from assets/redbird-ds.css.
   Soft fade-ins and hover lifts only. No hex colors here (lint fails on any). */
@font-face{font-family:"Inter";src:url(/assets/fonts/inter-var-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/assets/fonts/plex-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}
:root{
  --expo:var(--ds-ease-out);
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--mono:"Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --hd:68px;--wrap:1180px;--pad:clamp(20px,4vw,48px);--r:var(--ds-radius-lg);
  /* B2 plat lattice: township lines every 360px (6 miles), section lines every 60px (1 mile), quarter lines every 15px.
     Vertical lines sit in the middle of each tile so all three line up on the page center. */
  --plat:linear-gradient(to right,transparent 179.4px,var(--ds-plat-line-strong) 179.4px,var(--ds-plat-line-strong) 180.6px,transparent 180.6px),
    linear-gradient(to bottom,var(--ds-plat-line-strong) 1.2px,transparent 1.2px),
    linear-gradient(to right,transparent 29.5px,var(--ds-plat-line) 29.5px,var(--ds-plat-line) 30.5px,transparent 30.5px),
    linear-gradient(to bottom,var(--ds-plat-line) 1px,transparent 1px),
    linear-gradient(to right,transparent 7px,var(--ds-plat-line-faint) 7px,var(--ds-plat-line-faint) 8px,transparent 8px),
    linear-gradient(to bottom,var(--ds-plat-line-faint) 1px,transparent 1px);
  --plat-size:360px 360px,360px 360px,60px 60px,60px 60px,15px 15px,15px 15px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hd) + 16px);scroll-behavior:smooth}
body{margin:0;background:var(--ds-bg);color:var(--ds-text);font-family:var(--font);font-size:17px;line-height:1.6;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--ds-focus);outline-offset:3px;border-radius:8px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:12px;z-index:100;background:var(--ds-bg);padding:10px 16px;border-radius:999px}
.skip:focus{left:16px}
.wrap{width:min(var(--wrap),100% - 2 * var(--pad));margin-inline:auto}
.mono{font-family:var(--mono);font-size:12px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--ds-text-3)}
.eb{display:flex;align-items:center;gap:12px;margin-bottom:22px;font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ds-text-3)}
.eb::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ds-grad-deco)}
.center .eb{justify-content:center}
.display{font-weight:500;color:var(--ds-text);text-wrap:balance}
.display--xl{font-size:clamp(2.8rem,6.2vw,6.2rem);line-height:.98;letter-spacing:-.046em}
.display--lg{font-size:clamp(2.2rem,4.2vw,4rem);line-height:1.04;letter-spacing:-.038em}
.display--md{font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.08;letter-spacing:-.03em}
.hl{background-image:var(--ds-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.06em}
.lede{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--ds-text-2);max-width:36em}
.center{text-align:center}.center .lede{margin-inline:auto}
.soft{color:var(--ds-text-2)}
.sec{position:relative;isolation:isolate;padding:clamp(88px,10vw,136px) 0}
.sec__head{margin-bottom:clamp(40px,5vw,64px)}
.sec__head .lede{margin-top:18px}

/* one action: the ink pill */
.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px 0 26px;border-radius:999px;font-size:16px;font-weight:600;letter-spacing:-.01em;transition:background-color .3s var(--expo),transform .3s var(--expo),box-shadow .3s var(--expo)}
.btn .arr,.alink .arr,.tlink .arr,.door .arr{width:16px;height:16px;flex:none;transition:transform .45s var(--expo)}
.btn:hover .arr,.alink:hover .arr,.tlink:hover .arr,.door:hover .arr{transform:translateX(4px)}
.btn--primary{background:var(--ds-primary);color:var(--ds-on-primary);box-shadow:var(--ds-shadow-btn)}
.btn--primary:hover{background:var(--ds-primary-hover)}
button.btn{border:0;cursor:pointer;font-family:inherit}
button.btn:disabled{opacity:.6;cursor:progress}
.tlink{position:relative;display:inline-flex;align-items:center;gap:8px;color:var(--ds-link);font-weight:500;padding-bottom:3px}
.tlink::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;opacity:.45;transform-origin:100% 50%;transition:transform .5s var(--expo)}
.tlink:hover::after{transform:scaleX(0)}
.tlink--inline{display:inline;padding-bottom:1px}
.alink{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:auto;padding-top:24px;font-weight:600;color:var(--ds-link)}

/* header: frosted white, five links, Contact is the ink pill */
.hd{position:fixed;inset:0 0 auto;z-index:50;height:var(--hd);background:var(--ds-header-bg);-webkit-backdrop-filter:saturate(160%) blur(24px);backdrop-filter:saturate(160%) blur(24px);border-bottom:1px solid var(--ds-line-soft)}
.hd__in{width:min(var(--wrap),100% - 2 * var(--pad));margin:auto;height:100%;display:flex;align-items:center;gap:40px}
.hd__logo img{height:13px;width:auto}
.hd__nav{margin-left:auto}
.hd__nav ul{display:flex;align-items:center;gap:28px}
.hd__nav a{font-size:14px;font-weight:500;color:var(--ds-text-2);transition:color .2s}
.hd__nav a:hover,.hd__nav a[aria-current]{color:var(--ds-link)}
.hd__nav a.hd__cta{background:var(--ds-primary);color:var(--ds-on-primary);padding:9px 18px;border-radius:999px;font-weight:600}
.hd__nav a.hd__cta:hover{background:var(--ds-primary-hover);color:var(--ds-on-primary)}
.hd__menu{display:none;position:relative;margin-left:auto}
.hd__menu summary{list-style:none;cursor:pointer;font-size:14px;display:flex;gap:10px;align-items:center;border:1px solid var(--ds-line-strong);border-radius:999px;padding:8px 14px;background:var(--ds-bg)}
.hd__menu summary::-webkit-details-marker{display:none}
.hd__burger{width:14px;height:8px;border-block:1.5px solid currentColor}
.hd__menu nav{position:fixed;inset:var(--hd) 12px auto;background:var(--ds-bg);border-radius:24px;padding:12px 24px 20px;box-shadow:var(--ds-shadow-menu)}
.hd__menu li a{display:block;padding:12px 0;font-size:20px;border-bottom:1px solid var(--ds-line-soft)}

/* B2: the plat lattice. White heroes, pink tint bands, a few tinted sections */
.hero,.phero{position:relative;isolation:isolate;overflow:hidden;background:var(--ds-bg)}
.hero::before,.phero::before,.sec--tint::before,.close__band::before,.subclose__in::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--plat);background-size:var(--plat-size);background-position:50% 0}
.hero::before{-webkit-mask-image:radial-gradient(ellipse 46% 42% at 50% 46%,transparent 50%,black 105%),linear-gradient(black 72%,transparent);mask-image:radial-gradient(ellipse 46% 42% at 50% 46%,transparent 50%,black 105%),linear-gradient(black 72%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.phero::before{-webkit-mask-image:linear-gradient(90deg,transparent 30%,black 70%),linear-gradient(black 70%,transparent);mask-image:linear-gradient(90deg,transparent 30%,black 70%),linear-gradient(black 70%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.sec--tint{background:var(--ds-bg-alt)}
.sec--tint::before{-webkit-mask-image:linear-gradient(black,transparent 55%);mask-image:linear-gradient(black,transparent 55%)}
.plat{position:absolute;inset:0;z-index:-1;pointer-events:none}
.plat i{position:absolute;width:60px;height:60px;background:var(--ds-grad-deco);opacity:var(--ds-plat-cell-opacity)}
.hero .plat i:nth-child(1){left:calc(50% - 540px);top:120px}
.hero .plat i:nth-child(2){left:calc(50% - 480px);top:180px}
.hero .plat i:nth-child(3){left:calc(50% + 420px);top:60px}
.hero .plat i:nth-child(4){left:calc(50% + 480px);top:120px}
.hero .plat i:nth-child(5){left:calc(50% - 420px);top:480px}
.hero .plat i:nth-child(6){left:calc(50% + 360px);top:540px}
.phero .plat i:nth-child(1){left:calc(50% + 300px);top:120px}
.phero .plat i:nth-child(2){left:calc(50% + 360px);top:180px}
.phero .plat i:nth-child(3){left:calc(50% + 480px);top:300px}
.phero .plat i:nth-child(4){left:calc(50% + 240px);top:360px}
.close__band .plat i:nth-child(1){left:calc(50% - 480px);top:60px}
.close__band .plat i:nth-child(2){left:calc(50% + 420px);top:120px}
.close__band .plat i:nth-child(3){left:calc(50% + 480px);top:180px}

/* hero (home) and page heroes */
.hero{padding:calc(var(--hd) + clamp(72px,9vw,124px)) 0 clamp(88px,10vw,136px);text-align:center}
.hero h1{max-width:16ch;margin-inline:auto}
.hero .lede{margin:28px auto 0}
.doors{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px}
.door{display:flex;align-items:center;gap:14px;min-width:270px;padding:12px 18px 12px 12px;border-radius:20px;background:var(--ds-door-bg);box-shadow:inset 0 0 0 1px var(--ds-line),var(--ds-shadow-card);text-align:left;transition:transform .4s var(--expo),box-shadow .4s var(--expo)}
.door:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--ds-line-strong),var(--ds-shadow-lift)}
.door__ic,.tile__ic{flex:none;display:grid;place-items:center;background:linear-gradient(135deg,var(--ds-icon-from),var(--ds-icon-to));color:var(--ds-prd-white)}
.door__ic{width:44px;height:44px;border-radius:13px}.door__ic svg{width:22px;height:22px}
.door strong{display:block;font-size:16px;line-height:1.25;font-weight:600}
.door small{display:block;font-size:13.5px;line-height:1.35;color:var(--ds-text-3)}
.door .arr{margin-left:auto;color:var(--ds-text-3)}
.hero__cta{margin-top:28px}
.hero__proof{margin-top:22px;font-size:15px;color:var(--ds-text-3)}
.phero{padding:calc(var(--hd) + clamp(64px,8vw,104px)) 0 clamp(64px,8vw,96px)}
.phero h1{max-width:16ch}
.phero .lede{margin-top:24px}
.phero .btn{margin-top:32px}

/* tiles: white cards with a hairline and a faint tone glow */
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tile{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:320px;padding:clamp(28px,3.4vw,44px);border-radius:var(--r);background:var(--ds-surface);box-shadow:inset 0 0 0 1px var(--ds-line),var(--ds-shadow-card);transition:transform .5s var(--expo),box-shadow .5s var(--expo)}
.tile::after{content:"";position:absolute;z-index:-1;right:-24%;top:-34%;width:70%;height:76%;background:var(--ds-glow);filter:blur(64px);opacity:.2;pointer-events:none}
.tile:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--ds-line-strong),var(--ds-shadow-lift)}
.tile__ic{width:56px;height:56px;border-radius:16px;margin-bottom:28px}.tile__ic svg{width:28px;height:28px}
.tile h2,.tile h3{color:var(--ds-text)}
.tile h3{font-size:clamp(1.3rem,1.8vw,1.65rem);line-height:1.15;letter-spacing:-.03em;font-weight:500;max-width:20ch}
.tile p{margin-top:12px;max-width:34em}
.tile .soft{color:var(--ds-text-2)}
.tile--big{min-height:380px}
.tile--big p{font-size:19px;color:var(--ds-text-2)}
.under{margin-top:28px;text-align:center;color:var(--ds-text-2)}
.checks{margin-top:22px;display:grid;gap:10px}
.checks li{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.ck{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--ds-icon-from),var(--ds-icon-to));color:var(--ds-prd-white);margin-top:1px}
.ck svg{width:13px;height:13px}
.plan__name{font-family:var(--mono);font-size:14px;letter-spacing:.2em;color:var(--ds-text);margin-bottom:14px}
.plan h2{font-size:clamp(1.45rem,2vw,1.85rem);line-height:1.12;letter-spacing:-.03em;font-weight:500}

/* deliverables: each on a soft palette glow */
.lu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);align-items:end}
.lu figure{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.lu__vis{position:relative;isolation:isolate;display:block}
.lu__vis::before{content:"";position:absolute;z-index:-1;inset:18% -14% 6%;background:var(--ds-glow);filter:blur(44px);opacity:.55;pointer-events:none}
.lu img{max-height:min(46svh,400px);width:auto;border-radius:16px;filter:var(--ds-shadow-float);transition:transform .5s var(--expo)}
.lu figure:hover img{transform:translateY(-6px)}
.lu figcaption{font-size:15px;line-height:1.45;color:var(--ds-text-2);max-width:250px}
.lu figcaption strong{display:block;font-size:17px;font-weight:600;color:var(--ds-text);margin-bottom:2px}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:s}
.step{padding:32px;border-radius:var(--r);background:var(--ds-surface);box-shadow:inset 0 0 0 1px var(--ds-line),var(--ds-shadow-card)}
.step__n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;margin-bottom:22px;background:var(--ds-primary);color:var(--ds-on-primary);font-family:var(--mono);font-size:12px}
.step h3{font-size:clamp(1.25rem,1.7vw,1.5rem);line-height:1.15;letter-spacing:-.025em;font-weight:500}
.step p{margin-top:10px;color:var(--ds-text-2)}

/* dark note panel (approval and billing lines), ChatPRD's dark panel color */
.note{position:relative;isolation:isolate;overflow:hidden;margin-top:20px;padding:clamp(28px,3.6vw,48px);border-radius:var(--r);background-color:var(--ds-dark);background-image:var(--ds-grad-dark);color:var(--ds-on-dark-2);display:grid;grid-template-columns:7fr 5fr;gap:24px 48px;align-items:end}
.note::after{content:"";position:absolute;z-index:-1;right:-14%;bottom:-50%;width:70%;height:110%;background:var(--ds-grad-deco);filter:blur(70px);opacity:.32;pointer-events:none}
.note h2{color:var(--ds-on-dark);font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.12;letter-spacing:-.03em;font-weight:500}
.note .tlink{color:var(--ds-link-dark)}
.note p+p{margin-top:10px}

/* pricing and about text blocks */
.split{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,96px);align-items:start}
.prose p+p{margin-top:14px}
.prose{font-size:18px}
.ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}

/* faq */
.faq__list{border-top:1px solid var(--ds-line)}
.fq{border-bottom:1px solid var(--ds-line)}
.fq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 32px;gap:8px 24px;padding:26px 0}
.fq summary::-webkit-details-marker{display:none}
.fq summary .mono{grid-column:1}
.fq__q{grid-column:1;font-size:clamp(19px,1.7vw,23px);line-height:1.3;letter-spacing:-.02em;color:var(--ds-text);font-weight:500}
.fq__ic{grid-column:2;grid-row:1 / span 2;align-self:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--ds-line-strong);background:var(--ds-surface);position:relative;transition:transform .5s var(--expo),background-color .3s}
.fq__ic::before,.fq__ic::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--ds-text);translate:-50% -50%}
.fq__ic::after{rotate:90deg;transition:rotate .5s var(--expo)}
.fq[open] .fq__ic{transform:rotate(180deg)}
.fq[open] .fq__ic::after{rotate:0deg}
.fq[open] .fq__ic,.fq summary:hover .fq__ic{background:var(--ds-surface-2)}
.fq__a{padding:0 56px 28px 0;color:var(--ds-text-2)}
.fq__a p+p{margin-top:10px}

/* close: pink tint lattice band, then FAQ and the one contact form */
.close__band{position:relative;isolation:isolate;overflow:hidden;background:var(--ds-bg-alt);padding:clamp(100px,12vw,150px) 0 clamp(200px,20vw,260px);text-align:center}
.close__band::before{-webkit-mask-image:radial-gradient(ellipse 40% 50% at 50% 40%,transparent 35%,black 100%);mask-image:radial-gradient(ellipse 40% 50% at 50% 40%,transparent 35%,black 100%)}
.close__band h2{max-width:14ch;margin-inline:auto}
.close__band .eb{justify-content:center}
.close__band .lede{margin:22px auto 0}
.close__body{padding-bottom:clamp(88px,10vw,136px)}
.close__grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,80px);align-items:start;margin-top:clamp(-170px,-14vw,-120px);position:relative}
.close__faq{padding-top:clamp(150px,15vw,200px)}
.close__faq h3{font-size:22px;letter-spacing:-.02em;font-weight:500;margin-bottom:12px}
.close__faq .fq__q{font-size:18px}
.close__faq .fq summary{padding:20px 0}
.subclose{padding:clamp(72px,8vw,110px) 0}
.subclose__in{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--r);padding:clamp(40px,6vw,80px);background:var(--ds-bg-alt);box-shadow:inset 0 0 0 1px var(--ds-line-soft);text-align:center}
.subclose__in::before{-webkit-mask-image:radial-gradient(ellipse 45% 60% at 50% 50%,transparent 30%,black 100%);mask-image:radial-gradient(ellipse 45% 60% at 50% 50%,transparent 30%,black 100%)}
.subclose__in h2{max-width:18ch;margin:0 auto 28px}
.contact__card{position:relative;isolation:isolate;border-radius:var(--r);padding:clamp(24px,3.4vw,44px);background:var(--ds-surface);box-shadow:inset 0 0 0 1px var(--ds-line),var(--ds-shadow-form)}
.cnote{margin:0 0 22px;font-size:14.5px;color:var(--ds-text-3)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.fld{margin:0 0 20px;border:0;padding:0;min-width:0}
.fld>label,.fld>legend{display:block;padding:0;margin-bottom:8px;font-size:15px;font-weight:500;color:var(--ds-text)}
.fopt{font-weight:400;color:var(--ds-text-3)}
.fhint{display:block;margin:-2px 0 8px;font-size:13px;line-height:1.45;color:var(--ds-text-3)}
.cform input:not([type=radio]):not([type=checkbox]),.cform textarea{display:block;width:100%;min-height:50px;padding:12px 16px;border-radius:14px;border:1px solid var(--ds-field-line);background:var(--ds-surface);font:inherit;font-size:16px;line-height:1.4;color:var(--ds-text);transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.cform textarea{min-height:140px;resize:vertical}
.cform input:not([type=radio]):not([type=checkbox]):focus,.cform textarea:focus{outline:none;border-color:var(--ds-focus);box-shadow:0 0 0 4px var(--ds-ring-focus)}
.fld.is-bad input,.fld.is-bad textarea{border-color:var(--ds-error);box-shadow:0 0 0 3px var(--ds-ring-error)}
.ferr{margin-top:6px;font-size:13.5px;line-height:1.4;color:var(--ds-error)}
.ferr:empty{display:none}
.opts{display:flex;flex-wrap:wrap;gap:10px}
.opt{position:relative;display:inline-block}
.opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.opt span{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid var(--ds-field-line);background:var(--ds-surface);font-size:15px;color:var(--ds-text);transition:background-color .25s var(--expo),color .25s var(--expo),border-color .25s}
.opt input:checked+span{background:var(--ds-primary);border-color:var(--ds-primary);color:var(--ds-on-primary)}
.opt input:focus-visible+span{outline:2px solid var(--ds-focus);outline-offset:3px}
.fld--need.is-bad .opt span{border-color:var(--ds-error)}
.fsms{display:grid;grid-template-columns:22px 1fr;gap:12px;margin:4px 0 24px;font-size:13px;line-height:1.5;color:var(--ds-text-3)}
.fsms input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--ds-primary)}
.fsms a{color:var(--ds-link);text-decoration:underline;text-underline-offset:2px}
.fhp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.fsubmit{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px}
.fstatus{font-size:14px;color:var(--ds-text-3)}
.ferrsum{margin-bottom:24px;padding:16px 18px;border-radius:16px;background:var(--ds-error-bg);box-shadow:inset 0 0 0 1px var(--ds-error);font-size:15px;color:var(--ds-text)}
.ferrsum ul{margin-top:8px;display:grid;gap:4px;padding-left:18px;list-style:disc}
.ferrsum a{color:var(--ds-error);text-decoration:underline}
.cdone{padding:24px 0 12px}
.cdone:focus{outline:none}
.cdone__ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:24px;background:var(--ds-grad-deco);color:var(--ds-prd-white)}
.cdone__ic svg{width:26px;height:26px}
.cdone h3{font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.1;letter-spacing:-.03em;font-weight:500;color:var(--ds-text);max-width:18ch}
.cdone p{margin-top:16px;color:var(--ds-text-2)}

/* footer: quiet soft surface */
.foot{padding:80px 0 0;background:var(--ds-bg-foot);color:var(--ds-text-3);border-top:1px solid var(--ds-line);overflow:hidden}
.foot__top{display:grid;grid-template-columns:4fr 8fr;gap:48px}
.foot__top p{margin-top:18px;font-size:15px;max-width:30em}
.foot__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.foot__cols h2{margin-bottom:14px;font-weight:400}
.foot__cols li+li{margin-top:10px}
.foot__cols a{font-size:15px;transition:color .2s}
.foot__cols a:hover{color:var(--ds-text)}
.foot__legal{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:64px;padding:24px 0 40px;border-top:1px solid var(--ds-line);font-size:13px}

/* utilities that replaced inline styles */
.u-mt-18{margin-top:18px}
.rd-0{--rd:0ms}.rd-50{--rd:50ms}.rd-100{--rd:100ms}.rd-150{--rd:150ms}.rd-200{--rd:200ms}.rd-250{--rd:250ms}

/* soft fade-in */
[data-reveal]{transition:opacity .9s var(--expo),transform 1s var(--expo);transition-delay:var(--rd,0ms)}
html.motion [data-reveal]:not(.in){opacity:0;transform:translateY(1.25rem)}

@media (max-width:1000px){.hd__nav ul{gap:18px}}
@media (max-width:900px){
  .hd__nav{display:none}.hd__menu{display:block}
  .grid2,.grid3,.steps,.split,.ways,.foot__top,.close__grid,.note{grid-template-columns:1fr}
  .lu{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
  .close__faq{padding-top:0;order:2}
  .close__grid{margin-top:-140px}
  .tile{min-height:0}
  .phero .plat i:nth-child(n+3){display:none}
  .phero .plat i:nth-child(1){left:calc(50% + 120px);top:60px}
  .phero .plat i:nth-child(2){left:calc(50% + 180px);top:120px}
}
@media (max-width:640px){
  body{font-size:16px}
  .doors{flex-direction:column;align-items:stretch}
  .door{min-width:0}
  .hero__cta .btn{width:100%;justify-content:center}
  .hero::before{-webkit-mask-image:radial-gradient(ellipse 80% 40% at 50% 46%,transparent 40%,black 100%),linear-gradient(black 72%,transparent);mask-image:radial-gradient(ellipse 80% 40% at 50% 46%,transparent 40%,black 100%),linear-gradient(black 72%,transparent)}
  .hero .plat i:nth-child(n+3){display:none}
  .hero .plat i:nth-child(1){left:calc(50% - 210px);top:60px}
  .hero .plat i:nth-child(2){left:calc(50% + 150px);top:120px}
  .close__band .plat i:nth-child(1){left:calc(50% - 210px);top:0}
  .close__band .plat i:nth-child(n+2){display:none}
  .lu img{max-height:30svh;border-radius:12px}
  .lu figcaption{font-size:13.5px}
  .frow{grid-template-columns:1fr}.opt span{padding:0 16px}
  .foot__cols{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  .fq__a{padding-right:0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}
@media (min-width:901px){.ajobs>li:last-child{grid-column:span 2}}