/* Phendula AI coming-soon page. Reference: Oura's design language (warm paper, light editorial serif over a quiet
   sans, earth tones, one decisive action colour), filled with the identity chosen on 3 Nov 2026 (direction 1):
   paper, teal and amber lead, terracotta only for the one action, sage as a support tone. Light theme only. */

@font-face{font-family:"Instrument Serif";src:url(/assets/fonts/instrument-serif-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(/assets/fonts/instrument-serif-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Geist";src:url(/assets/fonts/geist-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --paper:#F7F3EC; --paper-2:#F0E9DD; --paper-3:#E9E0D0; --card:#FFFDF9;
  --ink:#24272C; --ink-2:#45484D; --mute:#64625C;
  --teal:#1E6B6E; --teal-deep:#14504F; --teal-soft:#D9E6E2;
  --amber:#F2B546; --amber-deep:#875709; --terra:#E06A3A; --terra-btn:#C2552B; --terra-deep:#A8461F; --sage:#9DB9A5;
  --hair:rgba(36,39,44,.09); --hair-2:rgba(36,39,44,.14);
  --serif:"Instrument Serif",ui-serif,Georgia,serif;
  --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.32,.72,0,1);
  --gutter:clamp(16px,4vw,48px);
  --max:1240px;
  color-scheme:light;
}

*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(30,107,110,.12)}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;
  background-image:radial-gradient(1200px 700px at 88% -10%,rgba(242,181,70,.16),transparent 60%),
                   radial-gradient(900px 600px at -10% 30%,rgba(157,185,165,.18),transparent 60%);
  background-repeat:no-repeat;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
img,svg{display:block;max-width:100%}
a{color:inherit}
::selection{background:rgba(30,107,110,.18)}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:8px}
.skip{position:fixed;z-index:20;left:16px;top:12px;padding:10px 16px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;text-decoration:none;transform:translateY(-160%);transition:transform .4s var(--ease)}
.skip:focus-visible{transform:none}
main:focus{outline:0}

.grain{position:fixed;inset:0;pointer-events:none;z-index:3;opacity:.045;mix-blend-mode:multiply;
  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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ── Island nav ─────────────────────────────────────────── */
.island{position:fixed;z-index:10;top:calc(16px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;
  width:max-content;max-width:calc(100% - 24px);padding:7px 7px 7px 14px;border-radius:999px;
  background:rgba(250,247,241,.74);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
  box-shadow:0 0 0 1px var(--hair),0 10px 40px -12px rgba(60,45,20,.18),inset 0 1px 0 rgba(255,255,255,.7)}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none}
.brand-name{font-weight:640;font-size:16.5px;letter-spacing:-.02em;color:var(--teal-deep)}
.brand-name span{color:#B84E24}
.soon-pill{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--amber-deep);
  background:rgba(242,181,70,.16);padding:5px 10px;border-radius:999px;white-space:nowrap}
.island-links{display:flex;gap:4px;margin-left:6px}
.island-links a{font-size:14px;color:var(--ink-2);text-decoration:none;padding:8px 12px;border-radius:999px;transition:background .5s var(--ease),color .5s var(--ease)}
.island-links a:hover{background:rgba(36,39,44,.05);color:var(--ink)}

/* ── Buttons (button-in-button) ─────────────────────────── */
.btn{--h:54px;display:inline-flex;align-items:center;gap:14px;height:var(--h);padding:0 7px 0 24px;border-radius:999px;border:0;cursor:pointer;
  background:var(--terra-btn);color:#fff;font:600 16px/1 var(--sans);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 12px 30px -12px rgba(224,106,58,.7);
  transition:transform .5s var(--ease),background .5s var(--ease),box-shadow .5s var(--ease)}
.btn:hover{background:var(--terra-deep);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 16px 36px -12px rgba(224,106,58,.8)}
.btn:active{transform:scale(.98)}
.btn-icon{width:40px;height:40px;border-radius:999px;background:rgba(255,255,255,.2);display:grid;place-items:center;flex:none;
  transition:transform .6s var(--ease),background .5s var(--ease)}
.btn-icon svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.btn:hover .btn-icon{transform:translate(2px,-1px) scale(1.06);background:rgba(255,255,255,.28)}
.btn-sm{--h:42px;padding:0 5px 0 16px;font-size:14px;gap:10px}
.btn-sm .btn-icon{width:32px;height:32px}
.btn-wide{width:100%;justify-content:space-between;--h:58px}
.btn[disabled]{opacity:.7;cursor:progress}
.text-link{font-weight:550;color:var(--teal-deep);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;
  padding-bottom:3px;transition:background-size .6s var(--ease)}
.text-link:hover{background-size:100% 1.5px}

/* ── Shared ─────────────────────────────────────────────── */
/* The call panel's glow reaches past the column; clip it at the page edge so phones never scroll sideways */
main{overflow-x:clip}
main>section{padding:clamp(60px,6.5vw,96px) var(--gutter);max-width:calc(var(--max) + 2*var(--gutter));margin:0 auto}
/* The hero's kicker reads as a dateline, not a chip */
.eyebrow{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:520;color:var(--ink-2);letter-spacing:-.005em}
.tag{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;
  color:var(--teal-deep);background:rgba(30,107,110,.08);padding:6px 12px;border-radius:999px}
/* Decorative loops stop on their own within 5 seconds (WCAG 2.2.2); the call captions have their own pause button */
.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 0 rgba(242,181,70,.6);animation:ping 2.4s var(--ease) 2}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(242,181,70,.55)}70%{box-shadow:0 0 0 9px rgba(242,181,70,0)}100%{box-shadow:0 0 0 0 rgba(242,181,70,0)}}
h1,h2{font-family:var(--serif);font-weight:400;color:var(--ink);text-wrap:balance}
h2{font-size:clamp(40px,5.2vw,76px);line-height:1;letter-spacing:-.015em;margin-top:22px;max-width:16ch}
h3{font-weight:600;letter-spacing:-.02em}
.section-head{margin-bottom:clamp(40px,6vw,72px)}
.section-head.split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:end}
.section-lead,.price-note p{color:var(--ink-2);font-size:18px;max-width:30em}
.price-note p+p{margin-top:14px}

/* Double bezel */
.shell{background:rgba(36,39,44,.035);box-shadow:0 0 0 1px rgba(36,39,44,.05);padding:7px;border-radius:30px}
.core{background:var(--card);border-radius:23px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(60,45,20,.04),0 24px 60px -30px rgba(60,45,20,.22);
  position:relative;overflow:hidden}

/* Reveal */
.js .reveal{opacity:0;transform:translateY(28px);filter:blur(8px);transition:opacity .9s var(--ease),transform 1.1s var(--ease),filter .9s var(--ease)}
.js .reveal.in{opacity:1;transform:none;filter:none}

/* ── Hero ───────────────────────────────────────────────── */
main>section.hero{min-height:100dvh;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:center;
  padding-top:clamp(120px,14vw,170px);padding-bottom:clamp(64px,8vw,110px)}
h1{font-size:clamp(54px,6.6vw,104px);line-height:.95;letter-spacing:-.02em;margin-top:24px;max-width:12.5ch}
h1 em{font-style:italic;color:var(--teal);white-space:nowrap}
.lead{margin-top:28px;font-size:clamp(18px,1.5vw,21px);line-height:1.55;color:var(--ink-2);max-width:31em}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px;flex-wrap:wrap}
.proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(44px,6vw,72px);border-top:1px solid var(--hair);max-width:640px}
.proof>div{padding:20px 20px 0 0}
.proof>div+div{padding-left:20px;border-left:1px solid var(--hair)}
.proof dt{font-family:var(--serif);font-size:clamp(34px,3.4vw,46px);line-height:1;color:var(--teal-deep)}
.proof dd{margin-top:8px;font-size:13.5px;line-height:1.4;color:var(--mute);max-width:16em}

/* The call panel */
.call{position:relative}
.call .shell{transform:rotate(1.2deg);transition:transform 1.2s var(--ease)}
.call:hover .shell{transform:rotate(0)}
.call::before{content:"";position:absolute;inset:-12% -10% -6% -10%;z-index:-1;border-radius:50%;
  background:radial-gradient(closest-side,rgba(30,107,110,.16),transparent 70%),radial-gradient(closest-side at 70% 20%,rgba(242,181,70,.22),transparent 70%)}
.call .core{padding:24px 22px 18px}
.call-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.call-kicker{font-size:12px;color:var(--mute)}
.call-name{font-family:var(--serif);font-size:27px;line-height:1.1;margin-top:3px;letter-spacing:-.01em}
.live{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;color:var(--teal-deep);background:var(--teal-soft);padding:6px 10px;border-radius:999px;white-space:nowrap}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:ping-teal 2s var(--ease) 2}
@keyframes ping-teal{0%{box-shadow:0 0 0 0 rgba(30,107,110,.5)}70%{box-shadow:0 0 0 8px rgba(30,107,110,0)}100%{box-shadow:0 0 0 0 rgba(30,107,110,0)}}
.orb-row{display:flex;align-items:center;gap:14px;margin-top:18px;padding:12px;border-radius:18px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair)}
.orb{width:52px;height:52px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;gap:3px;
  background:radial-gradient(circle at 32% 28%,#3d8f90,var(--teal) 55%,var(--teal-deep));box-shadow:inset 0 2px 6px rgba(255,255,255,.25),0 8px 18px -8px rgba(20,80,79,.7)}
.orb span{width:3.5px;height:8px;border-radius:3px;background:linear-gradient(var(--amber),var(--terra));animation:bar 1.2s var(--ease) infinite}
.orb span:nth-child(2){animation-delay:.12s}.orb span:nth-child(3){animation-delay:.24s}.orb span:nth-child(4){animation-delay:.36s}.orb span:nth-child(5){animation-delay:.48s}
@keyframes bar{0%,100%{transform:scaleY(.7)}50%{transform:scaleY(2.4)}}
.orb.quiet span{animation-play-state:paused}
.cap-ctl{margin-left:auto;flex:none;width:38px;height:38px;border-radius:999px;border:0;cursor:pointer;display:grid;place-items:center;color:var(--teal-deep);
  background:var(--card);box-shadow:0 0 0 1px var(--hair-2),0 4px 10px -6px rgba(60,45,20,.3);transition:transform .4s var(--ease),background .4s var(--ease)}
.cap-ctl:hover{background:#fff;transform:scale(1.06)}
.cap-ctl:active{transform:scale(.96)}
.cap-ctl svg{width:15px;height:15px;fill:currentColor;grid-area:1/1}
.cap-ctl svg.i-replay{fill:none}
.cap-ctl .i-play,.cap-ctl .i-replay{display:none}
.cap-ctl[data-state=paused] .i-pause,.cap-ctl[data-state=done] .i-pause{display:none}
.cap-ctl[data-state=paused] .i-play,.cap-ctl[data-state=done] .i-replay{display:block}
.orb-title{font-weight:620;font-size:14.5px}
.orb-sub{font-size:13px;color:var(--mute)}
.captions{list-style:none;margin-top:16px;height:296px;display:flex;flex-direction:column;justify-content:flex-end;gap:9px;overflow:hidden;
  mask-image:linear-gradient(transparent,#000 22%);-webkit-mask-image:linear-gradient(transparent,#000 22%)}
.captions li{font-size:14.5px;line-height:1.45;padding:10px 14px;border-radius:16px;max-width:88%;flex:none}
.captions .r{background:var(--paper-2);color:var(--ink);border-bottom-left-radius:6px;align-self:flex-start}
.captions .v{background:var(--teal);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}
.js .captions li{display:none}
.js .captions li.shown{display:block;animation:cap-in .7s var(--ease) both}
@keyframes cap-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.captions .w{opacity:0;transition:opacity .25s var(--ease)}
.captions .w.on{opacity:1}
.call figcaption{margin-top:16px;font-size:12.5px;line-height:1.45;color:var(--mute);max-width:34em;padding:0 6px}

/* ── Steps ──────────────────────────────────────────────── */
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.step:nth-child(2){margin-top:48px}
.step:nth-child(3){margin-top:96px}
.step .core{padding:26px 26px 30px;min-height:100%}
.step-n{font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--mute)}
.step-art{width:100%;height:auto;aspect-ratio:160/96;margin:14px 0 18px;background:var(--paper);border-radius:16px}
.step h3{font-size:24px}
.step p{margin-top:10px;color:var(--ink-2);font-size:16px}
.fill-terra{fill:var(--terra)}.fill-paper{fill:var(--card)}.fill-paper-soft{fill:rgba(255,255,255,.55)}.fill-teal{fill:var(--teal)}.fill-amber{fill:var(--amber)}
.ring-pulse{fill:none;stroke:var(--terra);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;animation:ring 2.4s var(--ease) 2}
@keyframes ring{0%{opacity:.55;transform:scale(.45)}100%{opacity:0;transform:scale(1.25)}}
.wave rect{fill:var(--teal);transform-box:fill-box;transform-origin:center;animation:wavebar 1.4s var(--ease) 3}
@keyframes wavebar{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
.wave rect:nth-child(2n){fill:var(--amber);animation-delay:.18s}
.wave rect:nth-child(3n){animation-delay:.32s}

/* ── Bento ──────────────────────────────────────────────── */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;grid-auto-flow:dense}
.b{grid-column:span 5}
.b-wide{grid-column:span 7;grid-row:span 2}
.b-wide2{grid-column:span 7}
.b .shell{height:100%}
.b .core{height:100%;padding:28px 28px 30px}
.b-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--amber-deep)}
.b h3{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.5vw,34px);line-height:1.08;letter-spacing:-.01em;margin-top:12px;max-width:18ch}
.b p{margin-top:12px;color:var(--ink-2);font-size:16px;max-width:30em}
.b-wide h3{font-size:clamp(32px,3.4vw,48px);max-width:16ch}
.stopped{margin-top:34px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;border-radius:20px;background:var(--paper)}
.stopped .said{font-size:16px;padding:10px 14px;border-radius:14px;background:var(--paper-2)}
.stopped .said{border-bottom-left-radius:4px}
.stopped s{white-space:nowrap;color:#8F3B18;text-decoration-thickness:2px;background:rgba(224,106,58,.1);padding:1px 4px;border-radius:6px}
.stopped .swap{font-size:16px;padding:10px 14px;border-radius:14px;background:var(--teal);color:#fff;border-bottom-left-radius:4px}
.stopped .said::before{content:"Example";display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:4px}

/* ── Who ────────────────────────────────────────────────── */
.who-list{list-style:none;border-top:1px solid var(--hair-2)}
.who-list li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:baseline;padding:26px 4px;border-bottom:1px solid var(--hair-2);
  background:linear-gradient(90deg,rgba(242,181,70,.12),transparent 70%) no-repeat 0 0/0 100%;transition:background-size .7s var(--ease)}
.who-list li:hover{background-size:100% 100%}
.who-name{font-family:var(--serif);font-size:clamp(28px,3.4vw,46px);line-height:1.05;letter-spacing:-.01em;transition:color .6s var(--ease),transform .7s var(--ease)}
.who-list li:hover .who-name{color:var(--teal);transform:translateX(14px)}
.who-q{color:var(--mute);font-size:16px;text-align:right}

/* ── Where ──────────────────────────────────────────────── */
.where-shell{border-radius:40px;padding:9px}
.where-core{border-radius:31px;background:linear-gradient(135deg,var(--paper-2),#F6EFE2 55%,var(--teal-soft));min-height:520px;display:flex;align-items:center}
.pattern{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.pattern .m-a{stroke:var(--amber);fill:var(--amber)}.pattern .m-t{stroke:var(--terra);fill:var(--terra)}.pattern .m-s{stroke:var(--sage);fill:var(--sage)}
.where-copy{position:relative;padding:clamp(32px,6vw,80px);max-width:640px;background:linear-gradient(90deg,rgba(246,239,226,.96) 70%,rgba(246,239,226,0));border-radius:31px 0 0 31px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.where-copy p:not(.tag){color:var(--ink-2);font-size:18px;margin-top:20px;max-width:30em}
.langs{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.langs li{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:999px;background:var(--card);box-shadow:0 0 0 1px var(--hair)}
.lang{font-weight:600;font-size:15px}
.state{font-size:12px;font-weight:600;color:var(--mute);background:var(--paper-2);padding:4px 10px;border-radius:999px}
.state.on{color:#fff;background:var(--teal)}

/* ── Pricing ────────────────────────────────────────────── */
main>section.pricing{padding-top:0}
.pricing .section-head{margin:0;padding-top:clamp(56px,7vw,96px);border-top:1px solid var(--hair-2)}

/* ── Join ───────────────────────────────────────────────── */
.join-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:start}
.join-copy{position:sticky;top:120px}
.join-copy>p:not(.tag){color:var(--ink-2);font-size:18px;margin-top:20px;max-width:26em}
.join-copy .tag,.where-copy .tag{align-self:flex-start;margin-top:0;font-size:11px}
.join-copy .small{font-size:15px;color:var(--mute)}
.join-copy .small a{color:var(--teal-deep)}
.form-shell .core{padding:clamp(22px,3vw,36px)}
form{display:grid;gap:16px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:7px;font-size:13.5px;font-weight:580;color:var(--ink);align-content:start}
.lt{display:block}
.opt{font-weight:450;color:var(--mute)}
input,select,textarea{font:inherit;font-size:16px;font-weight:420;color:var(--ink);width:100%;padding:13px 15px;border-radius:14px;border:0;
  background:#FBF8F2;box-shadow:inset 0 0 0 1px var(--hair-2),inset 0 1px 2px rgba(60,45,20,.05);transition:box-shadow .4s var(--ease),background .4s var(--ease);appearance:none;-webkit-appearance:none}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%237C7A74' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px}
textarea{resize:vertical;min-height:92px}
input::placeholder,textarea::placeholder{color:#716E67}
input:focus,select:focus,textarea:focus{outline:0;background:#fff;box-shadow:inset 0 0 0 2px var(--teal),0 0 0 5px rgba(30,107,110,.1)}
input[aria-invalid=true],select[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--terra)}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.consent{font-size:13px;line-height:1.5;color:var(--mute)}
.consent a{color:var(--teal-deep)}
.form-msg{font-size:14px;min-height:1.2em;color:var(--terra-deep)}
.thanks{text-align:center;padding:40px 10px}
.thanks img{margin:0 auto 18px}
.thanks h3{font-family:var(--serif);font-weight:400;font-size:42px;letter-spacing:-.01em}
.thanks p{color:var(--ink-2);margin-top:8px}
#thanks-email{overflow-wrap:anywhere}

/* ── Footer ─────────────────────────────────────────────── */
.foot{max-width:calc(var(--max) + 2*var(--gutter));margin:0 auto;padding:40px var(--gutter) 56px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;border-top:1px solid var(--hair)}
.foot-links{display:flex;gap:22px;font-size:14px}
.foot-links a{color:var(--ink-2);text-decoration:none}
.foot-links a:hover{color:var(--teal-deep)}
.jw-stamp{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:.55rem 1.05rem .6rem;border-radius:14px;border:1px solid #d6d0c4;
  background:#fff;box-shadow:0 1px 2px rgba(29,16,9,.06),0 1px 3px rgba(29,16,9,.04);text-decoration:none;transition:transform .4s var(--ease),border-color .4s var(--ease)}
.jw-stamp:hover{transform:translateY(-1px);border-color:#084070}
/* Kit caption at 11px and darker than the kit's 9px at 50%, so it is legible (4.5:1 or more) */
.jw-cap{display:block;font:600 11px/1.2 ui-monospace,"SFMono-Regular",Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(22,16,10,.66)}
.jw-cap span{color:#fc5f00}
.jw-row{display:inline-flex;align-items:center;gap:.7rem}
.jw-ew{height:15px;width:auto}
.jw-div{width:1px;height:22px;background:rgba(8,64,112,.24);border-radius:1px}
.jw-st{display:inline-flex;align-items:center;gap:.38rem}
.jw-st img{height:24px;width:auto}
.jw-st span{font:700 13px/1 var(--sans);letter-spacing:-.01em;color:#16100a}

/* ── Phone and tablet ───────────────────────────────────── */
@media (max-width:1023px){
  .island-links{display:none}
  main>section.hero{grid-template-columns:1fr;min-height:auto}
  .call{max-width:560px}
  .steps{grid-template-columns:1fr}
  .step:nth-child(2),.step:nth-child(3){margin-top:0}
  .section-head.split{grid-template-columns:1fr;gap:20px}
  .bento{grid-template-columns:1fr}
  .b,.b-wide,.b-wide2{grid-column:span 1;grid-row:auto}
  .join-grid{grid-template-columns:1fr}
  .join-copy{position:static}
}
@media (max-width:767px){
  body{font-size:16px}
  main>section{padding-left:16px;padding-right:16px}
  .island{top:10px;gap:10px;padding:6px 6px 6px 12px}
  .call .shell{transform:none}
  .proof{grid-template-columns:1fr}
  .proof>div,.proof>div+div{padding:16px 0;border-left:0;border-bottom:1px solid var(--hair);display:flex;align-items:baseline;gap:16px}
  .proof dd{margin-top:0}
  .captions{height:300px}
  .who-list li{grid-template-columns:1fr;gap:6px;padding:20px 2px}
  .who-q{text-align:left;font-size:15px}
  .where-core{min-height:auto}
  .where-copy{background:rgba(246,239,226,.94);border-radius:31px;max-width:none;padding:36px 22px}
  .langs li{padding:6px 6px 6px 12px;gap:8px}
  .lang{font-size:14px}
  .row2{grid-template-columns:1fr}
  .foot{padding-left:16px;padding-right:16px}
}
@media (max-width:440px){
  .soon-pill{display:none}
  .brand-name{font-size:15.5px}
  h1{font-size:clamp(46px,13vw,58px)}
  .btn{--h:52px;font-size:15.5px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .reveal{opacity:1;transform:none;filter:none}
  .js .captions li{display:block}
  .cap-ctl{display:none}
}

/* Keep an email address on one line instead of breaking at its hyphen */
a[href^="mailto:"]{white-space:nowrap}