@font-face{font-family:Ubuntu;src:url('/assets/fonts/ubuntu-latin.woff2') format('woff2');font-style:normal;font-weight:100 800;font-display:swap}
:root{
  --ink:#193a42;--muted:#4c656c;--dark:#17343c;--dark-2:#21454e;--accent:#f66b45;--accent-ink:#bc482d;--accent-light:#ffb59c;
  --soft:#edf2f3;--sand:#f4ece1;--sage:#e2ede5;--white:#fff;
  --t-small:13px;--t-body:17px;--t-lead:21px;--t-h3:28px;--t-h2:clamp(40px,5vw,72px);--t-h1:clamp(42px,5.6vw,80px);
  --gap-section:clamp(88px,10vw,160px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;color:var(--ink);background:var(--white);font-family:Ubuntu,Arial,sans-serif;font-size:var(--t-body);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure,ol,ul,dl,dd{margin:0}
ol,ul{padding:0;list-style:none}
h1,h2,h3{line-height:1.04;letter-spacing:-.04em;text-wrap:balance;font-weight:750}
h2{font-size:var(--t-h2)}
h3{font-size:var(--t-h3);font-weight:650;letter-spacing:-.03em;line-height:1.12}
em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--accent-ink);letter-spacing:-.035em}
p{text-wrap:pretty}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
button,summary{font:inherit;cursor:pointer;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--accent-ink);outline-offset:5px}
.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}
.wide{width:min(1360px,calc(100% - 48px));margin-inline:auto}
.small{font-size:var(--t-small);line-height:1.5;color:var(--muted)}
.lead{font-size:var(--t-lead);line-height:1.5}
.skip{position:fixed;left:20px;top:-100px;z-index:100;background:#ffe6a1;padding:12px 20px}.skip:focus{top:10px}

/* Header */
.nav{display:flex;justify-content:space-between;align-items:center;min-height:84px;gap:24px}
.brand{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-weight:750;white-space:nowrap}
.brand-up{display:grid;place-items:center;background:var(--accent);width:42px;height:42px;border-radius:5px;font-size:21px;letter-spacing:-.07em;color:#102d34}
.brand-amp{font-family:Georgia,serif;font-size:28px;font-weight:400}
.brand-name{font-size:17px;letter-spacing:-.05em}
.desktop-nav{display:flex;align-items:center;gap:32px;font-size:var(--t-body);font-weight:550}
.desktop-nav a{text-decoration:none;transition:color .18s}
.desktop-nav a:not(.nav-action):hover{color:var(--accent-ink)}
.nav-action{background:var(--dark);color:white;padding:12px 20px;border-radius:5px;transition:transform .18s,background .18s}
.nav-action:hover{transform:translateY(-2px);background:var(--dark-2)}
.audience-nav{position:relative}
.audience-nav summary{list-style:none;padding-block:12px}
.audience-nav summary::-webkit-details-marker{display:none}
.audience-nav summary:hover{color:var(--accent-ink)}
.audience-links{position:absolute;top:100%;left:-16px;z-index:20;background:var(--soft);padding:12px;min-width:270px;border-radius:6px;box-shadow:0 18px 40px rgba(23,52,60,.16)} /* taste-skill-ignore: dropdown menu floats */
.audience-links a{display:block;padding:11px 12px;border-radius:4px}
.audience-links a:hover{background:white}
.mobile-nav{display:none}

/* Buttons */
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:14px 24px;text-decoration:none;background:var(--accent);color:#102d34;border-radius:5px;font-size:var(--t-body);font-weight:650;line-height:1.3;transition:transform .18s,background .18s}
.button>span{font-size:21px;line-height:1;transition:transform .18s}
.button:hover{transform:translateY(-3px);background:#ff7c57}
.button:hover>span{transform:translate(2px,-2px)}
.button:active{transform:translateY(1px)}
.button-big{min-height:66px;padding:18px 30px;font-size:var(--t-lead)}
.text-link{font-weight:600;font-size:var(--t-body);text-underline-offset:6px;text-decoration-thickness:2px;transition:color .18s}
.text-link>span{display:inline-block;margin-left:8px;transition:transform .18s}
.text-link:hover{color:var(--accent-ink)}
.text-link:hover>span{transform:translateX(3px)}

/* Hero */
.hero{padding-top:64px}
.hero-copy{text-align:center}
.hero h1{font-size:var(--t-h1);line-height:1;letter-spacing:-.05em}
.hero h1 em{white-space:nowrap}
.hero-lead{font-size:var(--t-lead);line-height:1.55;max-width:46ch;margin:28px auto 0}
.actions{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:32px}
.hero-note{margin-top:18px}
.showcase{margin-top:64px;padding-bottom:56px;position:relative;isolation:isolate}
.showcase{background:var(--dark)}
.showcase::before{content:"";position:absolute;inset:0 0 62% 0;background:var(--white);z-index:-1}
.examples{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:28px;align-items:center}
.example{min-width:0}
.example-screen,.wellness-screen{border-radius:8px;background:white;overflow:hidden;box-shadow:0 30px 60px -20px rgba(10,30,35,.45)} /* taste-skill-ignore: example sites float over the field as illustrations */
.example-screen img{width:100%;aspect-ratio:1.45;object-fit:cover;object-position:top}
.example-trades .example-screen{transform:rotate(-2.5deg) translateY(18px)}
.example-professional .example-screen{transform:rotate(2.5deg) translateY(18px)}
.example figcaption{margin-top:28px;text-align:center;font-size:var(--t-body);color:white}
.example figcaption strong{font-weight:650}
.example figcaption span{display:block;font-size:var(--t-small);color:#bcd0d0}
.example-wellness{position:relative;z-index:1}
.wellness-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#e9ede3;color:#294b41;padding:15px 24px}
.wellness-nav strong{font-family:Georgia,serif;font-size:26px;font-weight:400;letter-spacing:-.03em}
.wellness-nav span{font-size:var(--t-small)}
.wellness-scene{display:grid;grid-template-columns:1.1fr 1fr;background:#f8f7ef}
.wellness-image{overflow:hidden}
.wellness-image img{width:100%;height:100%;object-fit:cover;object-position:57% center;aspect-ratio:1;transform-origin:60% 50%}
.wellness-words{padding:32px 26px;align-self:center;color:#294b41}
.wellness-words>p{font-family:Georgia,serif;font-size:44px;line-height:.98;letter-spacing:-.04em}
.wellness-words>span:not(.wellness-link){display:block;font-size:var(--t-small);line-height:1.5;margin-top:18px}
.wellness-link{display:inline-flex;gap:12px;margin-top:22px;font-size:var(--t-small);font-weight:600;background:#2c554d;color:white;padding:10px 14px;border-radius:2px}
.wellness-bottom{display:flex;justify-content:space-between;gap:15px;padding:15px 24px;font-size:var(--t-small);background:#e9ede3;color:#294b41}
.showcase-note{text-align:center;margin-top:40px;color:#bcd0d0}

/* Why */
.why{padding-top:var(--gap-section);padding-bottom:96px}
.why h2{max-width:16ch}
.why-explanation{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:56px;margin-top:56px;align-items:start}
.why-explanation .lead{font-size:26px;line-height:1.3;letter-spacing:-.02em;font-weight:500}
.why-explanation strong{font-weight:650}

/* The path */
.path{background:var(--sand);padding-block:120px 96px}
.path-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:64px;position:relative;--vh:250px}
.path-steps::before{content:"";position:absolute;left:4%;right:4%;top:calc(var(--vh)/2 - 6px);height:12px;border-radius:6px;background:var(--dark);transform-origin:left center}
.path-step{position:relative;min-width:0}
.path-step:not(:last-child)::after{content:"";position:absolute;z-index:2;top:calc(var(--vh)/2 - 11px);right:-43px;width:22px;height:22px;border-radius:50%;background:var(--accent)}
.path-step h3{margin-top:32px}
.path-step>p{margin-top:14px}
.path-visual{position:relative;z-index:1;height:var(--vh);border-radius:8px;overflow:hidden;font-size:var(--t-small);line-height:1.45}
.path-note{margin-top:48px}
.local-visual{background:var(--sage)}
.map{position:absolute;inset:0;width:100%;height:100%}
.search-strip{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;gap:10px;padding:11px 14px;background:white;border-radius:4px;color:var(--muted)}
.search-strip svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.8;fill:none}
.map-pin{position:absolute;left:47%;top:84px;width:34px;height:45px;color:var(--accent-ink)}
.profile-fragment{position:absolute;bottom:16px;left:16px;right:16px;background:white;padding:13px 15px;border-radius:4px}
.profile-fragment strong{display:block;font-weight:650;font-size:15px}
.profile-fragment span{color:#355b4b}
.choice-visual{background:#ebe3d4;padding:16px}
.mini-site{background:white;border-radius:4px;overflow:hidden;height:100%;display:flex;flex-direction:column}
.mini-site-nav{display:flex;justify-content:space-between;gap:12px;padding:10px 13px;background:#e5eadd;color:#355b4b}
.mini-site-nav strong{font-family:Georgia,serif;font-size:16px;font-weight:400}
.mini-photo{height:92px;overflow:hidden}
.mini-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.mini-site>p{font-family:Georgia,serif;color:#355b4b;font-size:22px;line-height:1.1;letter-spacing:-.03em;padding:12px 14px 8px}
.mini-services{display:flex;gap:6px;padding-inline:14px}
.mini-services span{background:#f1f2ea;padding:5px 9px;border-radius:2px}
.booking-visual{background:#dce7ea;padding:16px}
.booking-window{background:white;padding:16px;border-radius:4px;height:100%;display:flex;flex-direction:column;gap:12px}
.booking-window-top{display:flex;justify-content:space-between;align-items:center;font-size:15px}
.booking-window-top strong{font-weight:650}
.booking-window-top svg{width:20px;height:20px;stroke:var(--muted);stroke-width:1.6;fill:none}
.visit-type{background:#f0f3f4;padding:9px 12px;border-radius:4px}
.visit-times{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.visit-times span{background:#f0f3f4;text-align:center;padding:9px 4px;border-radius:4px}
.visit-times .picked{background:var(--dark);color:white;font-weight:600}
.booking-confirmation{display:flex;align-items:center;gap:7px;color:#2d6a52;font-weight:600;margin-top:auto}
.booking-confirmation svg{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.8;fill:none}
.measure-visual{background:var(--dark);padding:16px}
.measure-window{background:white;border-radius:4px;height:100%;padding:16px;display:flex;flex-direction:column;gap:7px}
.measure-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}
.measure-top strong{font-size:15px;font-weight:650}
.measure-top span{color:var(--muted)}
.measure-row{display:flex;justify-content:space-between}
.measure-row b{font-weight:650}
.measure-bar{height:8px;border-radius:4px;background:#edf2f3;overflow:hidden}
.measure-bar i{display:block;height:100%;width:var(--w);background:#5b8174;border-radius:4px;transform-origin:left}
.measure-row+.measure-bar+.measure-row+.measure-bar i{background:var(--accent)}
.measure-totals{display:flex;gap:10px;margin-top:auto}
.measure-totals span{flex:1;background:var(--sand);padding:8px 10px;border-radius:4px}
.measure-totals b{display:block;font-size:22px;line-height:1.1;font-weight:700}

/* Setup */
.setup{background:var(--soft);padding-block:var(--gap-section)}
.setup-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:96px;align-items:start}
.setup-intro{position:sticky;top:40px}
.setup-intro .lead{margin-top:28px;max-width:30ch}
.setup-all{font-size:var(--t-lead);line-height:1.5;font-weight:650;color:var(--accent-ink)}
.setup-actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:40px}
.setup-ask{margin-top:20px;max-width:36ch;color:var(--muted)}
.contents{display:grid;gap:56px}
.content-row{display:grid;grid-template-columns:120px 1fr;gap:32px;align-items:start}
.thumb{width:120px;height:120px;border-radius:8px;overflow:hidden;transition:transform .25s}
.thumb img,.thumb svg{width:100%;height:100%;object-fit:cover;display:block}
.content-row:hover .thumb{transform:rotate(-2deg) scale(1.03)}
.content-benefit{font-weight:650;color:var(--accent-ink);margin-top:8px}
.content-benefit+p{margin-top:6px}
.content-items{margin-top:14px;font-weight:550}
.content-items span{color:var(--accent);padding-inline:6px;font-weight:700}

/* Care */
.care{background:var(--dark);color:white;padding-block:var(--gap-section) 96px}
.care-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:96px;align-items:center}
.care h2{font-size:var(--t-h2)}
.care-subtitle{font-size:var(--t-h3);line-height:1.25;color:var(--accent-light);margin-top:16px;letter-spacing:-.02em}
.care-copy>p:not(.care-subtitle){margin-top:28px;max-width:46ch;color:#e4eded}
.care-copy h3{margin-top:44px;color:white}
.care-copy h3+p{margin-top:12px!important}
.care-copy .text-link{display:inline-block;margin-top:28px}
.care .text-link:hover{color:var(--accent-light)}
.care-example{min-width:0}
.message-demo{padding:28px;background:var(--sand);border-radius:10px;color:var(--ink)}
.message-header{display:flex;align-items:center;gap:14px}
.message-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;flex:none}
.message-avatar img{width:100%;height:100%;object-fit:cover}
.message-header strong{display:block;font-size:var(--t-body);font-weight:650;line-height:1.3}
.message-header span{display:block;font-size:var(--t-small);color:var(--muted)}
.message-choices{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}
.message-choices button{border:0;background:white;font-size:var(--t-body);font-weight:550;padding:11px 16px;min-height:46px;border-radius:5px;transition:transform .18s,background .18s}
.message-choices button[aria-pressed=true]{background:var(--dark);color:white}
.message-choices button:hover{transform:translateY(-2px)}
.message-choices button:active{transform:translateY(1px)}
.message-conversation{padding-top:24px;display:grid;gap:16px;min-height:270px;align-content:start}
.message-conversation>div{padding:18px 20px;max-width:90%;font-size:var(--t-lead);line-height:1.45}
.message-conversation>div>span{display:block;font-size:var(--t-small);font-weight:600;margin-bottom:6px;color:var(--muted)}
.request{background:#ffd9c6;justify-self:end;border-radius:12px 12px 2px 12px}
.reply{background:white;justify-self:start;border-radius:12px 12px 12px 2px}
.care-example figcaption{margin-top:16px;color:#bcd0d0;text-align:center}
.app-included{display:flex;align-items:center;gap:20px;margin-top:88px;background:var(--dark-2);padding:24px 28px;border-radius:8px}
.app-included p{color:#e4eded}
.app-included strong{color:white;font-weight:650}
.app-mark{background:var(--accent);display:grid;place-items:center;width:48px;height:48px;flex:none;font-size:21px;font-weight:750;border-radius:6px;letter-spacing:-.07em;color:#102d34}

/* Marketing */
.marketing{padding-block:var(--gap-section)}
.marketing-intro{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:end}
.marketing-intro .lead{max-width:40ch}
.goals{margin-top:64px;display:grid;gap:6px;background:white}
.goal{display:grid;grid-template-columns:1.1fr 1fr;align-items:baseline;gap:40px;padding:32px 40px;background:var(--sand);transition:background .2s}
.goal:first-child{border-radius:8px 8px 0 0}.goal:last-child{border-radius:0 0 8px 8px}
.goal:hover{background:#efe4d5}
.goal dt{font-size:40px;font-weight:700;letter-spacing:-.035em;line-height:1.1}
.goal dd{font-size:var(--t-lead);color:var(--ink)}
.marketing-note{margin-top:24px}

/* Founder */
.founder{background:var(--sage);padding-block:var(--gap-section)}
.founder-layout{display:grid;grid-template-columns:330px 1fr;gap:96px;align-items:center}
.portrait{position:relative;padding-bottom:64px}
.portrait img{width:254px;border:10px solid white;transform:rotate(-2.5deg)}
.portrait-message{position:absolute;left:150px;top:190px;width:220px;background:white;padding:14px 16px;border-radius:12px 12px 12px 2px;font-size:var(--t-body);line-height:1.4;box-shadow:0 18px 30px -12px rgba(23,52,60,.25)} /* taste-skill-ignore: message bubble floats over the portrait */
.portrait-message span{display:block;font-size:var(--t-small);font-weight:600;color:var(--muted);margin-bottom:4px}
.portrait-message p{font-weight:550}

.founder h2{font-size:var(--t-h2)}
.founder-copy p{margin-top:24px;max-width:58ch;font-size:var(--t-lead);line-height:1.55}

/* Closing */
.closing{background:var(--dark);color:white;padding-block:var(--gap-section)}
.closing-layout{display:grid;grid-template-columns:1fr;gap:48px}
.closing-copy{display:grid;grid-template-columns:1fr auto;gap:24px 80px;align-items:center}
.closing-copy p:not(.small){max-width:48ch}
.closing-copy .button{margin-top:0!important}
.closing-copy .small{grid-column:2;margin-top:0!important}
.closing h2{font-size:var(--t-h2)}
.closing h2 em{color:var(--accent-light)}
.closing-copy p:not(.small){font-size:var(--t-lead);line-height:1.5;color:#e4eded}
.closing .button{margin-top:32px}
.closing .small{margin-top:18px;color:#bcd0d0}

/* Footer */
.footer{padding:56px 0 36px}
.footer-layout{display:grid;grid-template-columns:auto 1fr auto;gap:20px 40px;align-items:center}
.brand-large .brand-up{width:56px;height:56px;font-size:27px}
.brand-large .brand-amp{font-size:36px}
.brand-large .brand-name{font-size:23px}
.footer nav{display:flex;gap:28px}
.footer nav a{text-decoration:none}
.footer nav a:hover{color:var(--accent-ink)}
.footer p{color:var(--muted)}
.footer small{grid-column:1/-1;color:var(--muted);font-size:var(--t-small)}

/* Tablet */
@media(max-width:1100px){
  .wrap{width:calc(100% - 64px)}
  .desktop-nav{gap:22px}
  .examples{gap:20px}
  .wellness-words{padding:22px 18px}.wellness-words>p{font-size:34px}
  .wellness-nav span,.wellness-bottom span:last-child{display:none}
  .why-explanation{grid-template-columns:1fr 1fr;gap:40px}
  .why-explanation .lead{grid-column:1/-1;max-width:34ch}
  .path-steps{grid-template-columns:1fr 1fr;gap:56px 40px}
  .path-steps::before{display:none}
  .path-step::after{display:none}
  .setup-layout{grid-template-columns:1fr;gap:64px}
  .setup-intro{position:static}
  .care-layout{grid-template-columns:1fr;gap:56px}
  .marketing-intro{grid-template-columns:1fr;gap:24px}
  .goal{padding:28px 32px}
  .founder-layout{grid-template-columns:300px 1fr;gap:56px}
  .closing-copy{grid-template-columns:1fr}.closing-copy .small{grid-column:1}
}
@media(max-width:800px){
  .wrap{width:calc(100% - 48px)}
  .desktop-nav{display:none}
  .mobile-nav{display:block;position:relative}
  .mobile-nav summary{list-style:none;padding:10px 16px;background:var(--soft);border-radius:5px;font-weight:600}
  .mobile-nav summary::-webkit-details-marker{display:none}
  .mobile-nav nav{position:absolute;right:0;top:54px;z-index:10;width:260px;background:var(--soft);border-radius:8px;padding:12px;box-shadow:0 18px 40px rgba(23,52,60,.18)} /* taste-skill-ignore: dropdown menu floats */
  .mobile-nav nav a{display:block;padding:11px 14px;text-decoration:none;border-radius:4px}
  .mobile-nav nav a:hover{background:white}
  .hero{padding-top:40px}
  .hero h1 em{white-space:normal}
  .examples{grid-template-columns:1fr 1fr;gap:28px 20px;align-items:start}
  .example-wellness{grid-column:1/-1;grid-row:1}
  .example-trades .example-screen,.example-professional .example-screen{transform:none}
  .showcase::before{inset:0 0 70% 0}
  .founder-layout{grid-template-columns:1fr;gap:40px}
  .goal{grid-template-columns:1fr;gap:6px}
}
/* Phone: its own composition, the path runs downwards. */
@media(max-width:600px){
  :root{--gap-section:88px;--t-h3:24px;--t-lead:19px}
  .wrap{width:calc(100% - 40px)}
  .wide{width:calc(100% - 32px)}
  .brand-up{width:38px;height:38px;font-size:19px}.brand-amp{font-size:24px}.brand-name{font-size:16px}
  .nav{min-height:72px}
  .hero h1{font-size:34px;line-height:1.08}
  .hero h1 br{display:none}
  .hero h1 em{display:block;margin-top:6px}
  .actions{flex-direction:column;gap:20px}
  .actions .button{width:100%;max-width:320px}
  .showcase{margin-top:44px;padding-bottom:40px}
  .showcase::before{inset:0 0 82% 0}
  .examples{gap:24px 14px}
  .wellness-nav{padding:12px 16px}.wellness-nav strong{font-size:22px}
  .wellness-scene{grid-template-columns:1fr 1fr}
  .wellness-image img{aspect-ratio:.85}
  .wellness-words{padding:18px 14px}.wellness-words>p{font-size:28px}
  .wellness-words>span:not(.wellness-link){display:none}
  .wellness-link{padding:8px 10px}
  .wellness-bottom{display:none}
  .example figcaption{margin-top:16px;font-size:15px}
  .why h2{font-size:38px}
  .why-explanation{grid-template-columns:1fr;gap:20px;margin-top:32px}
  .why-explanation .lead{font-size:23px}
  .path{padding-block:72px}
  .path-steps{grid-template-columns:1fr;gap:56px;--vh:220px;padding-left:36px}
  .path-steps::before{display:block;left:6px;right:auto;top:0;bottom:0;width:10px;height:auto}
  .path-step::after,.path-step:nth-child(2)::after{display:block!important;content:"";position:absolute;left:-41px;right:auto;top:calc(var(--vh)/2 - 11px)}
  .path-step:last-child::after{background:var(--accent)}
  .path-step h3{margin-top:24px}
  .setup h2,.care h2,.marketing h2{font-size:40px}
  .closing h2,.founder h2{font-size:34px}
  .content-row{grid-template-columns:72px 1fr;gap:20px}
  .thumb{width:72px;height:72px}
  .setup-actions{flex-direction:column;align-items:flex-start;gap:20px}
  .setup-actions .button{width:100%}
  .care-copy h3{margin-top:36px}
  .message-demo{padding:18px}
  .message-choices button{font-size:15px;padding:9px 12px;min-height:44px}
  .message-conversation{min-height:0}
  .message-conversation>div{font-size:var(--t-body);max-width:96%}
  .app-included{margin-top:56px;align-items:flex-start;padding:20px}
  .app-mark{width:40px;height:40px;font-size:18px}
  .goals{margin-top:40px}
  .goal{padding:24px}
  .goal dt{font-size:28px}
  .goal dd{font-size:var(--t-body)}
  .portrait img{width:200px}
  .portrait-message{left:120px;top:150px;width:180px}
  .founder-copy p{font-size:var(--t-body)}
  .button-big{width:100%}
  .footer-layout{grid-template-columns:1fr;gap:18px}
  .footer nav{flex-wrap:wrap;gap:20px}
}
@media(max-width:359px){
  .wrap{width:calc(100% - 32px)}
  .hero h1{font-size:34px}
  .why h2,.setup h2,.care h2,.marketing h2,.closing h2{font-size:34px}
  .goal dt{font-size:24px}
  .portrait-message{left:100px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* C: real website screenshots, with A's introduction and connected path. */
.skip{top:12px;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;white-space:nowrap}
.skip:focus{top:12px;clip-path:none;width:auto;height:auto;padding:12px 20px}
.hero{padding-top:48px}
.showcase{margin-top:40px;padding-bottom:48px}
.examples{grid-template-columns:1fr 1.8fr 1fr;gap:24px}
.example-screen{border-radius:5px}
.example-screen img{aspect-ratio:1.44;object-fit:contain;background:white}
.example-wellness .example-screen{box-shadow:0 30px 60px -20px rgba(10,30,35,.45)} /* taste-skill-ignore: screenshot floating over the showcase */
.path{background:#f5f4ef}
.real-site-choice{padding:0;background:#fafbf7}
.real-site-choice img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.real-booking-choice{padding:15px;background:#f5f5ef}
.real-booking-choice img{width:100%;height:100%;object-fit:contain;object-position:top}
.connected-setup{background:#edf2f2}
.connected-setup .setup-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;position:static}
.connected-setup .setup-intro .lead{margin:0;max-width:38ch}
.connected-setup .setup-intro strong{color:var(--accent-ink)}
.diagram{position:relative;height:780px;margin-top:72px}
.diagram-site{position:absolute;left:15%;top:0;width:69%;transition:transform .25s}
.diagram-site>img{width:100%;height:auto;border-radius:4px}
.diagram-phone{position:absolute;right:0;top:48px;width:184px;overflow:hidden;background:var(--dark);border:7px solid var(--dark);border-radius:24px;box-shadow:0 22px 48px -22px #17343c77} /* taste-skill-ignore: phone screenshot floats over the main image */
.diagram-phone img{width:100%;height:auto}
.pin{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:var(--ink)}
.pin-website{margin-top:18px}
.dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--accent)}
.part{position:absolute;background:white;padding:22px;border-radius:4px;box-shadow:0 18px 44px -22px #17343c66;display:grid;gap:12px;font-size:14px;line-height:1.45} /* taste-skill-ignore: explanatory interface fragments float around an actual website screenshot */
.part .pin{order:-1}
.part-search{left:0;top:72px;width:235px}
.ui-search{display:flex;gap:8px;align-items:center;background:var(--soft);padding:10px;font-size:13px}
.ui-search svg{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.5}
.ui-name{font-size:20px;font-weight:650}
.ui-meta{color:var(--muted)}
.ui-actions{display:flex;gap:8px}
.ui-actions span{background:var(--soft);padding:5px 8px}
.ui-actions .go{background:var(--ink);color:white;margin-left:auto}
.part-booking{right:7%;top:484px;width:325px;padding:18px}
.part-booking img{width:100%;height:235px;object-fit:contain;object-position:top}
.part-tracking{left:3%;top:580px;width:350px}
.ui-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;color:var(--muted)}
.ui-stats b{display:block;font-size:30px;line-height:1.15;font-weight:500;color:var(--ink)}
.inclusions{display:grid;grid-template-columns:1fr 1fr;gap:48px 96px;margin-top:48px}
.inclusion h3{display:flex;align-items:center;gap:12px}
.inclusion p{margin-top:14px}
.inclusion .items{font-weight:550}
.connected-setup .setup-actions{margin-top:56px}
.portrait{padding:0}
.portrait img{width:280px;transform:none}
.founder{background:#f5f4ef}
.goal{background:#f5f4ef}
@media(max-width:1100px){
 .connected-setup .setup-intro{gap:40px}
 .diagram{height:710px}
 .diagram-site{left:12%;width:77%}
 .diagram-phone{width:154px;top:30px}
 .part-search{width:230px;top:58px}
 .part-booking{top:420px;right:0;width:300px}
 .part-tracking{left:0;top:490px;width:310px}
}
@media(max-width:1100px){
 .connected-setup .setup-intro{grid-template-columns:1fr;gap:24px}
 .diagram{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
 .diagram-site,.part{position:static;width:auto}
 .diagram-site{grid-column:1/-1}
 .diagram-phone{display:none}
 .part-search{grid-column:1;grid-row:2;align-self:start}
 .part-tracking{grid-column:1;grid-row:3;align-self:start}
 .part-booking{grid-column:2;grid-row:2/4}
 .part-booking img{height:auto}
 .inclusions{gap:36px;margin-top:48px}
 .inclusion h3{font-size:26px}
}
@media(max-width:800px){.examples{grid-template-columns:1fr 1fr;gap:24px 16px}}
@media(max-width:600px){
 .hero{padding-top:32px}
 .showcase{margin-top:32px}
 .example figcaption{font-size:14px}
 .example figcaption span{font-size:13px}
 .example-wellness figcaption{font-size:17px}
 .example-wellness figcaption span{font-size:13px}
 .diagram{gap:16px}
 .part{padding:16px;box-shadow:none}
 .pin{font-size:14px}
 .part-search{grid-column:1/-1;grid-row:auto}
 .part-tracking{grid-column:1/-1;grid-row:auto}
 .part-booking{grid-column:1/-1;grid-row:auto}
 .part-booking img{max-height:290px;object-fit:contain}
 .inclusions{grid-template-columns:1fr;gap:32px}
 .inclusion h3{font-size:26px}
 .connected-setup .setup-actions{margin-top:36px}
 .portrait img{width:240px}
}

/* Statamic integration: preserve the approved heading breaks and legal footer. */
.line{display:block}
.footer small a{text-underline-offset:3px}
.footer nav{flex-wrap:wrap}

/* Link each setup inclusion to its illustrated feature. */
.inclusion{padding:20px;margin:-20px;border-radius:6px;cursor:pointer}
.inclusion.is-on{background:#fff}
.inclusion-trigger{display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;cursor:pointer}
.diagram [data-part]{transition:opacity .22s ease,transform .22s ease}
.diagram.is-focus [data-part]{opacity:.28}
.diagram.is-focus [data-part].is-on{opacity:1;z-index:3;transform:translateY(-5px)}
.diagram.is-focus .part.is-on{outline:3px solid var(--accent);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.diagram [data-part]{transition:none}.diagram.is-focus [data-part].is-on{transform:none}}

.why-start{margin-top:56px;max-width:62ch;font-size:var(--t-lead);line-height:1.5;color:var(--ink)}
.path-close{margin-top:72px;max-width:62ch;font-size:var(--t-lead);line-height:1.5;font-weight:500;color:var(--ink)}
@media(max-width:600px){.why-start{margin-top:36px;font-size:19px}.path-close{margin-top:48px;font-size:19px}}