/* KF sketchbook: art-directed, original SVG drawings.
   The decoration layer occupies no grid row. Each surface owns its composition;
   sizes and anchor points follow its content, not a repeated hero ribbon.
   Markup is aria-hidden, noninteractive, static and independent of LCP photos. */
:where(section,header,article,main,div):has(>.hero-doodles){position:relative;isolation:isolate}
.hero-doodles{
  --doodle:url('/seo/assets/landing/doodle-guide.svg');
  --companion:url('/seo/assets/landing/doodle-welcome.svg');
  position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:1;
  pointer-events:none;user-select:none;color:#2452D5;overflow:clip;
}
.hero-doodles::before,.hero-doodles::after{
  content:"";position:absolute;display:block;background:currentColor;
  mask:var(--doodle) var(--art-position,center) / var(--art-size,contain) no-repeat;
  -webkit-mask:var(--doodle) var(--art-position,center) / var(--art-size,contain) no-repeat;
  pointer-events:none;
}
.hero-doodles::before{width:var(--a-w,160px);height:var(--a-h,100px);left:var(--a-left,auto);right:var(--a-right,3%);top:var(--a-top,24px);bottom:var(--a-bottom,auto);transform:rotate(var(--a-angle,-8deg));opacity:var(--a-opacity,.7)}
.hero-doodles::after{
  mask-image:var(--companion);-webkit-mask-image:var(--companion);
  width:var(--b-w,90px);height:var(--b-h,90px);left:var(--b-left,3%);right:var(--b-right,auto);top:var(--b-top,auto);bottom:var(--b-bottom,20px);transform:rotate(var(--b-angle,12deg));opacity:var(--b-opacity,.55);
}
.hero-doodles[data-doodle="welcome"]{--doodle:url('/seo/assets/landing/doodle-welcome-note.svg')}
.hero-doodles[data-doodle="dinner"]{--doodle:url('/seo/assets/landing/doodle-dinner.svg')}
.hero-doodles[data-doodle="london"]{--doodle:url('/seo/assets/landing/doodle-london.svg')}
.hero-doodles[data-doodle="city"]{--doodle:url('/seo/assets/landing/doodle-city.svg')}
.hero-doodles[data-doodle="calendar"]{--doodle:url('/seo/assets/landing/doodle-calendar.svg')}
.hero-doodles[data-doodle="guide"]{--doodle:url('/seo/assets/landing/doodle-guide-book.svg')}
.hero-doodles[data-doodle="chat"]{--doodle:url('/seo/assets/landing/doodle-chat.svg')}
.hero-doodles[data-doodle="trust"]{--doodle:url('/seo/assets/landing/doodle-trust-shield.svg')}
.hero-doodles[data-doodle="people"]{--doodle:url('/seo/assets/landing/doodle-people.svg')}
.hero-doodles[data-doodle="camera"]{--doodle:url('/seo/assets/landing/doodle-camera.svg')}
.hero-doodles[data-doodle="moving"]{--doodle:url('/seo/assets/landing/doodle-moving.svg')}
.hero-doodles[data-doodle="outdoors"]{--doodle:url('/seo/assets/landing/doodle-outdoors.svg')}
.hero-doodles[data-doodle="hobbies"]{--doodle:url('/seo/assets/landing/doodle-hobbies.svg')}
.hero-doodles[data-doodle="wellness"]{--doodle:url('/seo/assets/landing/doodle-wellness.svg')}
.hero-doodles[data-doodle="compare"]{--doodle:url('/seo/assets/landing/doodle-compare.svg')}
.hero-doodles[data-doodle="press"]{--doodle:url('/seo/assets/landing/doodle-press.svg')}
.hero-doodles[data-doodle="invite"]{--doodle:url('/seo/assets/landing/doodle-invite-gift.svg')}
.hero-doodles[data-doodle="engineering"]{--doodle:url('/seo/assets/landing/doodle-engineering.svg')}
.hero-doodles[data-doodle="welcome"]{--companion:url('/seo/assets/landing/doodle-people.svg')}
.hero-doodles[data-doodle="dinner"]{--companion:url('/seo/assets/landing/doodle-calendar.svg')}
.hero-doodles[data-doodle="london"]{--companion:url('/seo/assets/landing/doodle-moving.svg')}
.hero-doodles[data-doodle="city"]{--companion:url('/seo/assets/landing/doodle-moving.svg')}
.hero-doodles[data-doodle="calendar"]{--companion:url('/seo/assets/landing/doodle-dinner.svg')}
.hero-doodles[data-doodle="chat"]{--companion:url('/seo/assets/landing/doodle-invite.svg')}
.hero-doodles[data-doodle="trust"]{--companion:url('/seo/assets/landing/doodle-guide.svg')}
.hero-doodles[data-doodle="guide"]{--companion:url('/seo/assets/landing/doodle-hobbies.svg')}
.hero-doodles[data-doodle="compare"]{--companion:url('/seo/assets/landing/doodle-calendar.svg')}
.hero-doodles[data-doodle="press"]{--companion:url('/seo/assets/landing/doodle-camera.svg')}
.hero-doodles[data-doodle="camera"]{--companion:url('/seo/assets/landing/doodle-chat.svg')}
.hero-doodles[data-doodle="outdoors"]{--companion:url('/seo/assets/landing/doodle-city.svg')}
.hero-doodles[data-doodle="moving"]{--companion:url('/seo/assets/landing/doodle-city.svg')}
.hero-doodles[data-doodle="people"]{--companion:url('/seo/assets/landing/doodle-welcome.svg')}
.hero-doodles[data-doodle="invite"]{--companion:url('/seo/assets/landing/doodle-chat.svg')}
.hero-doodles[data-topic="moving"]{--doodle:url('/seo/assets/landing/doodle-moving.svg')}
.hero-doodles[data-topic="food-social"]{--doodle:url('/seo/assets/landing/doodle-dinner.svg')}
.hero-doodles[data-topic="chat"]{--doodle:url('/seo/assets/landing/doodle-chat.svg')}
.hero-doodles[data-topic="making-friends"]{--doodle:url('/seo/assets/landing/doodle-people.svg')}
.hero-doodles[data-topic="communities"]{--doodle:url('/seo/assets/landing/doodle-people.svg')}
.hero-doodles[data-topic="outdoors"]{--doodle:url('/seo/assets/landing/doodle-outdoors.svg')}
.hero-doodles[data-topic="fitness-sports"]{--doodle:url('/seo/assets/landing/doodle-hobbies.svg')}
.hero-doodles[data-topic="hobbies"]{--doodle:url('/seo/assets/landing/doodle-hobbies.svg')}
.hero-doodles[data-topic="digital-wellness"]{--doodle:url('/seo/assets/landing/doodle-wellness.svg')}
.hero-doodles[data-topic="learning"]{--doodle:url('/seo/assets/landing/doodle-guide.svg')}

/* Remove the old font-glyph stamps, without touching image scrims. */
.home-page .hero-doodles{--doodle:url('/seo/assets/landing/doodle-welcome-note.svg');--companion:url('/seo/assets/landing/doodle-people.svg')}
.dnh .hero-doodles{--doodle:url('/seo/assets/landing/doodle-dinner-plate.svg');--companion:url('/seo/assets/landing/doodle-calendar-date.svg')}
.hero-doodles[data-doodle="london"]{--doodle:url('/seo/assets/landing/doodle-london-pin.svg');--companion:url('/seo/assets/landing/doodle-city-buildings.svg')}
.cities-page .hero-doodles{--doodle:url('/seo/assets/landing/doodle-city-buildings.svg');--companion:url('/seo/assets/landing/doodle-moving-key.svg')}
.this-week-page .hero-doodles{--doodle:url('/seo/assets/landing/doodle-calendar-date.svg');--companion:url('/seo/assets/landing/doodle-dinner-menu.svg')}
.legacy-chat .hero-doodles{--doodle:url('/seo/assets/landing/doodle-chat-bubble.svg');--companion:url('/seo/assets/landing/doodle-chat-mic.svg')}
.vf-hero .hero-doodles{--companion:url('/seo/assets/landing/doodle-trust-lock.svg')}
.vf-hero>.hero-doodles{color:#C9D2FF}
.cr-hero .hero-doodles{--doodle:url('/seo/assets/landing/doodle-camera-camera.svg')}
.cr-hero>.hero-doodles::before{display:none}
.cr-hero-cta{position:relative}
.cr-hero-cta::after{content:"";position:absolute;right:0;bottom:-12px;width:150px;height:155px;background:#2452D5;mask:url('/seo/assets/landing/doodle-camera-camera.svg') center/contain no-repeat;-webkit-mask:url('/seo/assets/landing/doodle-camera-camera.svg') center/contain no-repeat;transform:rotate(11deg);opacity:.75;pointer-events:none}
.seo-page.creators-page a.cr-btn-gold{color:#fff}
.seo-page.creators-page a.cr-btn-gold:hover{color:#fff;background:#193FAC}
.pr-hero .hero-doodles{--doodle:url('/seo/assets/landing/doodle-press-megaphone.svg')}
.gh-article-head>.hero-doodles[data-topic="food-social"]{--doodle:url('/seo/assets/landing/doodle-dinner-plate.svg')}
.gh-article-head>.hero-doodles[data-topic="outdoors"]{--doodle:url('/seo/assets/landing/doodle-outdoors-mountain.svg')}
.gh-article-head>.hero-doodles[data-topic="chat"]{--doodle:url('/seo/assets/landing/doodle-chat-bubble.svg')}
/* Essential first-screen copy never waits for decorative entrance animation. */
:is(.hero,.dnh,.ab-hero,.vf-hero,.cr-hero,.gh-article-head,.hub-hero) :is(.rv,.reveal,[data-wow],.wow-line-in,.cr-rv){opacity:1!important;transform:none!important}
.pr-hero :is([data-wow],.wow-line-in){opacity:1!important;transform:none!important}
.pr-hero>.hero-doodles::after{display:none}
:is(.hero,.dnh) [data-wow-clip]{clip-path:none!important;opacity:1!important}
.hero:has(>.hero-doodles)::after,
.seo-page :is(.gh-article-head,.hub-hero,.wow-sec-tight):has(>.hero-doodles)::before,
.seo-page :is(.gh-article-head,.hub-hero,.wow-sec-tight,.ab-hero,.vf-hero,.cr-hero,.sp-hero,.sit-hero,.w2-profile-hero,.w2-invite-hero,.pa-hero):has(>.hero-doodles)::after,
.security-page .wow-dark:has(>.hero-doodles)::after,
.press-page main>.wow-sec:first-child::before{content:none}

/* Dinner: a plate beside the headline/photo seam; a little calendar at the
   foot of the invitation. The menu sits by the reservation, not the heading. */
.dnh>.hero-doodles{color:#dce4ff;--art-position:center;--a-right:45%;--a-top:12px;--a-w:100px;--a-h:116px;--a-angle:14deg;--b-left:2%;--b-bottom:28px;--b-w:92px;--b-h:92px;--b-angle:-15deg}
.dnh>.hero-doodles::after{mask-position:left center;-webkit-mask-position:left center}
.dnh-visual::after{content:"";position:absolute;right:-38px;bottom:28px;width:82px;height:110px;background:#dce4ff;mask:url('/seo/assets/landing/doodle-dinner-menu.svg') center / contain no-repeat;-webkit-mask:url('/seo/assets/landing/doodle-dinner.svg') right center / auto 100% no-repeat;transform:rotate(12deg);pointer-events:none}
.dnh .dnh-in{padding-top:74px}

/* Photographic city pages: a destination pin in the sky, a route by the
   city context. Never place decoration on a face or underneath body copy. */
.hero.on-dark>.hero-doodles,.city-page .hero>.hero-doodles,.cities-page .hero>.hero-doodles,.this-week-page .hero>.hero-doodles{color:#e3eaff}
.hero-doodles[data-doodle="london"]{--art-position:right;--a-right:9%;--a-top:16%;--a-w:115px;--a-h:150px;--a-angle:14deg;--b-left:auto;--b-right:25%;--b-bottom:28px;--b-w:165px;--b-h:85px;--b-angle:-12deg}
.city-page .hero-doodles{--a-right:4%;--a-top:24%;--a-w:210px;--a-h:115px;--a-angle:-9deg;--b-left:auto;--b-right:37%;--b-bottom:32px;--b-w:94px;--b-h:72px}
.cities-page .hero-doodles{--a-left:3%;--a-right:auto;--a-top:24%;--a-w:120px;--a-h:150px;--art-position:left;--b-left:auto;--b-right:6%;--b-bottom:26%;--b-w:100px;--b-h:120px}
.this-week-page .hero-doodles{--a-top:22%;--a-right:6%;--a-w:190px;--a-h:170px;--art-position:left;--b-left:auto;--b-right:35%;--b-bottom:22px;--b-w:140px;--b-h:80px}

/* The chat drawings live beside the conversation, not above the whole page. */
.legacy-chat .hero>.hero-doodles{--a-left:14px;--a-right:auto;--a-top:36%;--a-w:60px;--a-h:80px;--a-angle:-13deg;--art-position:left;--b-left:auto;--b-right:1%;--b-bottom:0;--b-w:110px;--b-h:90px;--b-angle:18deg}
.legacy-chat .hero>.hero-doodles::after{mask-position:right center;-webkit-mask-position:right center}

/* Editorial pages: marginalia outside the 44rem reading column. */
.gh-article-head>.hero-doodles{--a-left:3%;--a-right:auto;--a-top:90px;--a-w:140px;--a-h:160px;--a-angle:-12deg;--art-position:left;--b-left:auto;--b-right:4%;--b-bottom:28px;--b-w:115px;--b-h:135px;--b-angle:14deg}
.gh-article-head>.hero-doodles::after{mask-position:right center;-webkit-mask-position:right center}
.gh-article-head>.hero-doodles[data-topic="moving"]{--a-top:130px;--a-w:160px;--a-h:170px;--a-angle:7deg;--b-bottom:42px}
.gh-article-head>.hero-doodles[data-topic="food-social"]{--a-top:54px;--a-left:auto;--a-right:4%;--a-w:120px;--a-h:140px;--art-position:center;--b-left:3%;--b-right:auto;--b-bottom:50px}
.gh-article-head>.hero-doodles[data-topic="outdoors"]{--a-top:110px;--a-w:175px;--a-h:115px;--a-angle:4deg}
.gh-article-head>.hero-doodles[data-topic="chat"]{--a-left:auto;--a-right:3%;--a-top:38px;--a-w:130px;--a-h:100px;--b-left:4%;--b-right:auto}
.engineering-page .hero-doodles{--doodle:url('/seo/assets/landing/doodle-engineering.svg')}
.hub-hero>.hero-doodles{--a-top:16px;--a-right:4%;--a-w:230px;--a-h:110px;--a-angle:8deg;--b-left:2%;--b-bottom:12px;--b-w:125px;--b-h:60px}
.hub-hero .hub-hero-in{padding-top:76px}
.wow-sec-tight>.hero-doodles{--a-top:8px;--a-right:0;--a-w:175px;--a-h:88px;--a-angle:9deg;--b-left:auto;--b-right:8%;--b-bottom:14px;--b-w:90px;--b-h:45px;--b-opacity:.3}

/* About, trust and partners each have a different visual focal point. */
.ab-hero>.hero-doodles{--a-top:12px;--a-right:8%;--a-w:185px;--a-h:90px;--a-angle:-5deg;--b-left:45%;--b-bottom:14px;--b-w:155px;--b-h:82px}
.vf-hero>.hero-doodles{--a-top:8px;--a-right:2%;--a-w:84px;--a-h:110px;--art-position:left;--a-angle:12deg;--b-left:46%;--b-bottom:8px;--b-w:75px;--b-h:105px}
.security-page .wow-dark>.hero-doodles{color:#dce4ff;--a-left:1%;--a-right:auto;--a-top:26%;--a-w:85px;--a-h:110px;--art-position:left;--b-left:auto;--b-right:8%;--b-bottom:16px;--b-w:140px;--b-h:90px}
.cr-hero>.hero-doodles{--a-right:5%;--a-top:160px;--a-w:210px;--a-h:210px;--art-position:left;--a-angle:11deg;--b-left:auto;--b-right:22%;--b-bottom:16px;--b-w:120px;--b-h:75px}
.affiliates-page .hero-doodles{--a-right:2%;--a-top:8%;--a-w:150px;--a-h:170px;--art-position:right;--b-left:1%;--b-bottom:12px;--b-w:120px;--b-h:105px;--b-angle:-11deg}
.press-page .pr-hero>.hero-doodles{--a-right:1%;--a-top:12px;--a-w:170px;--a-h:180px;--art-position:center;--a-angle:11deg;--b-left:55%;--b-bottom:4px;--b-w:100px;--b-h:75px}
.sit-hero>.hero-doodles{--a-left:3%;--a-right:auto;--a-top:auto;--a-bottom:14px;--a-w:100px;--a-h:110px;--art-position:left;--b-left:auto;--b-right:4%;--b-top:22px;--b-bottom:auto;--b-w:160px;--b-h:120px}
.sp-hero>.hero-doodles{--a-right:4%;--a-top:auto;--a-bottom:18px;--a-w:95px;--a-h:105px;--art-position:left;--b-left:4%;--b-top:18px;--b-bottom:auto;--b-w:115px;--b-h:68px;--b-opacity:.4}
.hero-doodles[data-page="policy"]{--a-right:auto;--a-left:5%;--a-bottom:15px;--a-angle:8deg;--b-left:auto;--b-right:7%;--b-top:20px}
.hero-doodles[data-page="terms"]{--a-right:7%;--a-bottom:28px;--a-w:110px;--a-h:130px;--b-left:7%;--b-top:24px}
.hero-doodles[data-page="dsa"]{--a-right:2%;--a-bottom:6px;--a-w:135px;--a-h:90px;--a-angle:15deg;--b-left:5%;--b-top:40px}
.w2-invite-hero>.hero-doodles{color:#dce4ff;--a-left:3%;--a-right:auto;--a-top:30%;--a-w:110px;--a-h:140px;--art-position:left;--b-left:auto;--b-right:3%;--b-bottom:24px;--b-w:130px;--b-h:95px}
.w2-profile-hero>.hero-doodles{--a-right:2%;--a-top:15%;--a-w:150px;--a-h:85px;--b-left:4%;--b-bottom:12px;--b-w:70px;--b-h:70px}
.w2-cover>.hero-doodles{color:#fff;--a-right:5%;--a-top:20px;--a-w:160px;--a-h:95px;--b-left:3%;--b-bottom:18px;--b-w:80px;--b-h:60px}
.post-article>.hero-doodles{--a-right:0;--a-top:0;--a-w:95px;--a-h:85px;--b-opacity:0}
.card>.hero-doodles{--a-right:-48px;--a-top:-50px;--a-w:90px;--a-h:95px;--b-left:-38px;--b-bottom:-30px;--b-w:70px;--b-h:90px;--art-position:left}
body:has(>.card>.hero-doodles)::before,body:has(>.card>.hero-doodles)::after{content:none}
/* Reading copy is product UI, not decorative display lettering. */
.seo-page :is(.wow-lede,.gh-dek,.hub-standfirst,.sp-subtitle){
  font-family:'Inter',system-ui,sans-serif;font-style:normal;line-height:1.65;
  font-weight:400;letter-spacing:-.015em;
}
.seo-page .gh-nav{background:rgba(245,245,247,.96)}
.seo-page .gh-brand,.seo-page .brand{color:#111318}
.dnh-price{font-size:.9rem;line-height:1.5;font-weight:650;color:#fff;margin:-.6rem 0 1.5rem}
.dnh-price span{color:#dce4ff;font-weight:400}
.policy-layout>*,.legacy-chat .sync-grid>*{min-width:0}
.policy-content{overflow-wrap:anywhere}
@media(max-width:600px){
  .policy-layout{grid-template-columns:minmax(0,1fr)}
  .legacy-chat .sync-grid{grid-template-columns:minmax(0,1fr)}
  .legacy-chat .handshake{width:100%;gap:12px;transform:none;min-height:260px;height:auto}
  .legacy-chat .mini-phone{width:124px;flex:0 1 124px}
  .legacy-chat .qr-web{width:148px;min-width:0;flex:0 1 148px;padding:12px;height:auto;min-height:200px}
  .legacy-chat .qr-box{width:100px;height:100px;max-width:100%;flex:none}
  .legacy-chat .qr-web>span{text-align:center;white-space:normal}
}
/* Homepage: let the people occupy their own frame, never under reading copy. */
.home-page .hero:has(>.hero-doodles){
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:0 48px;
  padding:132px max(28px,calc((100vw - 1120px)/2)) 70px;
  min-height:0;background:#F5F5F7;color:#111318;align-items:center;
}
.home-page .hero:has(>.hero-doodles)>.hero-doodles{color:#2452D5;--a-right:2%;--a-top:80px;--a-w:130px;--a-h:135px;--art-position:left;--a-angle:12deg;--b-left:47%;--b-bottom:20px;--b-w:115px;--b-h:75px}
.home-page .hero .hero-in{grid-column:1;grid-row:1;padding:0;min-width:0}
.home-page .hero-photo{grid-column:2;grid-row:1;margin:0;border-radius:160px 160px 28px 28px;overflow:hidden;transform:rotate(2deg);background:#E1E3EC}
.home-page .hero-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 65%}
.home-page .hero h1{font-size:clamp(42px,5vw,70px);max-width:13ch;color:#111318;text-shadow:none}
.home-page .hero h1 .serif,.home-page .hero .label{color:#2452D5;text-shadow:none}
.home-page .hero .hero-sub{color:#565963;text-shadow:none;margin:24px 0;font-size:19px}
.home-page .home-primary{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;padding:16px 22px;background:#2452D5;color:#fff;border-radius:14px;font-weight:650;min-height:52px}
.home-page .home-primary:hover{background:#193FAC}
.home-page .home-primary{position:relative}
.home-page .home-primary::after{content:"";position:absolute;left:calc(100% + 14px);top:-18px;width:78px;height:56px;background:#2452D5;mask:url('/seo/assets/landing/doodle-first-step.svg') center/contain no-repeat;-webkit-mask:url('/seo/assets/landing/doodle-first-step.svg') center/contain no-repeat;pointer-events:none}
.home-page .home-cost{font-size:13px;color:#565963;margin:12px 0 26px;line-height:1.5}
.home-page .hero .store-badge{background:#111318;color:#fff;border-color:#111318}
.home-page .hero .store-badge svg{fill:#fff}
.home-page .hero .qr-chip{display:none}
.home-page .hero .proof-row{margin-top:20px}
.home-page .hero .proof-row .t{color:#565963}
.home-page .nav:not(.scrolled){background:rgba(245,245,247,.96);border-color:#E1E3EC;color:#111318}
.home-page .nav:not(.scrolled) :is(.brand,.nav-links a,.nav-login){color:#111318}
.home-page .nav:not(.scrolled) .btn{background:#111318;color:#fff}
@media(max-width:820px){
  .cr-hero-cta::after{position:relative;right:auto;bottom:auto;width:55px;height:56px;margin-left:auto;flex:none}
  .home-page .hero:has(>.hero-doodles){grid-template-columns:1fr;gap:24px;padding:128px 20px 46px}
  .home-page .hero:has(>.hero-doodles)>.hero-doodles{--a-right:18px;--a-top:65px;--a-w:65px;--a-h:70px;--b-left:5px;--b-bottom:12px;--b-w:100px;--b-h:50px}
  .home-page .hero .hero-in{padding:0;grid-row:1}
  .home-page .hero-photo{grid-column:1;grid-row:2;max-width:600px;width:100%;margin:8px auto 0;border-radius:32px;transform:none}
  .home-page .hero-photo img{aspect-ratio:4/3;object-position:50% 45%}
  .home-page .hero h1{font-size:clamp(40px,8.5vw,60px);max-width:17ch}
  .home-page .hero .hero-sub{font-size:17px;max-width:42ch}
}
@media(max-width:360px){.home-page .home-primary::after{display:none}}
.card:has(>.hero-doodles){padding-top:64px;padding-bottom:54px}
.card>.hero-doodles{--a-right:8px;--a-top:0;--a-w:60px;--a-h:60px;--b-left:4px;--b-bottom:0;--b-w:48px;--b-h:50px}


/* Narrow layouts get deliberate smaller accents at available edges. We do
   not shrink an entire desktop scene into a repeated decorative banner. */
@media(max-width:1100px) and (min-width:821px){
  .gh-article-head>.hero-doodles{--a-w:75px;--a-h:100px;--a-left:1%;--b-right:1%;--b-w:70px;--b-h:90px}
  .legacy-chat .hero>.hero-doodles{--a-w:55px;--a-h:70px;--a-left:0;--a-top:15%;--b-right:1%;--b-w:90px}
  .dnh>.hero-doodles{--b-w:48px;--b-h:65px;--b-left:0}
}
@media(max-width:820px){
  .hero-doodles{--a-w:80px;--a-h:70px;--b-w:55px;--b-h:60px}
  .dnh .dnh-in{padding-top:44px}
  .dnh>.hero-doodles{--a-opacity:0;--b-left:12px;--b-bottom:24px;--b-w:46px;--b-h:64px}
  .dnh-visual::before{content:"";position:absolute;z-index:2;left:-12px;top:-35px;width:88px;height:72px;background:#dce4ff;mask:url('/seo/assets/landing/doodle-dinner.svg') left center / contain no-repeat;-webkit-mask:url('/seo/assets/landing/doodle-dinner.svg') left center / contain no-repeat;transform:rotate(-14deg);pointer-events:none}
  .dnh-visual::after{right:-16px;bottom:-22px;width:58px;height:77px}
  .hero-doodles[data-doodle="london"]{--a-top:auto;--a-bottom:12px;--a-right:20px;--a-w:45px;--a-h:62px;--b-opacity:0}
  .city-page .hero-doodles{--a-top:92px;--a-right:12px;--a-w:105px;--a-h:66px;--b-right:20px;--b-bottom:12px;--b-w:70px;--b-h:50px}
  .cities-page .hero-doodles{--a-left:auto;--a-right:22px;--a-top:80px;--a-w:70px;--a-h:90px;--b-left:12px;--b-right:auto;--b-bottom:12px;--b-w:65px;--b-h:60px}
  .this-week-page .hero-doodles{--a-top:82px;--a-right:18px;--a-w:60px;--a-h:76px;--b-right:20px;--b-bottom:8px;--b-w:80px;--b-h:48px}
  .legacy-chat .hero>.hero-doodles{--a-left:auto;--a-right:18px;--a-top:68px;--a-w:78px;--a-h:62px;--b-right:4px;--b-bottom:28px;--b-w:60px;--b-h:80px}
  .gh-article-head{padding-top:36px}
  .gh-article-head>.hero-doodles,.gh-article-head>.hero-doodles[data-topic]{--a-left:auto;--a-right:20px;--a-top:6px;--a-w:65px;--a-h:68px;--b-opacity:0}
  .gh-article-head>.hero-doodles[data-topic="food-social"]{--a-left:20px;--a-right:auto;--a-top:4px;--a-w:70px;--a-angle:12deg}
  .gh-article-head>.hero-doodles[data-topic="outdoors"]{--a-w:110px;--a-h:65px}
  .gh-article-head:has(.gh-head-hero)>.hero-doodles[data-topic]{--a-top:auto;--a-bottom:calc((100vw - 40px)*.4 + 22px);--a-right:16px;--a-left:auto;--a-w:130px;--a-h:82px;--a-angle:-8deg;--a-opacity:.8}
  .gh-article-head:has(.gh-head-hero) .gh-meta{padding-bottom:80px}
  .gh-article-head:not(:has(.gh-head-hero))>.hero-doodles{--a-top:auto;--a-bottom:4px;--a-w:46px;--a-h:48px}
  .hub-hero>.hero-doodles{--a-top:4px;--a-right:8px;--a-w:160px;--a-h:74px;--b-left:6px;--b-bottom:10px;--b-w:70px;--b-h:42px}
  .wow-sec-tight>.hero-doodles{--a-top:0;--a-right:8px;--a-w:110px;--a-h:55px;--b-opacity:0}
  .ab-hero>.hero-doodles{--a-top:auto;--a-bottom:8px;--a-right:10px;--a-w:130px;--a-h:66px;--b-left:0;--b-bottom:32%;--b-w:85px;--b-h:45px}
  .vf-hero>.hero-doodles{--a-top:16px;--a-right:18px;--a-w:55px;--a-h:74px;--b-left:4px;--b-bottom:16px;--b-w:55px;--b-h:60px}
  .security-page .wow-dark>.hero-doodles{--a-top:18px;--a-left:20px;--a-w:60px;--a-h:80px;--b-right:8px;--b-bottom:12px;--b-w:70px;--b-h:45px}
  .cr-hero>.hero-doodles{--a-top:70px;--a-right:12px;--a-w:70px;--a-h:75px;--b-right:12px;--b-bottom:10px;--b-w:65px;--b-h:42px}
  .affiliates-page .hero-doodles{--a-top:72px;--a-right:14px;--a-w:66px;--a-h:72px;--b-left:12px;--b-bottom:12px;--b-w:75px;--b-h:65px}
  .press-page .pr-hero>.hero-doodles{--a-top:2px;--a-right:8px;--a-w:62px;--a-h:75px;--b-left:75%;--b-bottom:0;--b-w:65px;--b-h:48px}
  .sit-hero>.hero-doodles{--a-left:6px;--a-bottom:4px;--a-w:50px;--a-h:60px;--b-right:16px;--b-top:8px;--b-w:105px;--b-h:68px}
  .sp-hero>.hero-doodles{--a-top:auto;--a-left:auto;--a-right:16px;--a-bottom:4px;--a-w:45px;--a-h:56px;--b-opacity:0}
  .sp-hero>.hero-doodles[data-page="policy"]{--a-left:16px;--a-right:auto}
  .w2-invite-hero>.hero-doodles{--a-left:10px;--a-top:8px;--a-w:44px;--a-h:54px;--b-right:8px;--b-bottom:4px;--b-w:60px;--b-h:50px}
  .w2-profile-hero>.hero-doodles{--a-top:4px;--a-right:8px;--a-w:85px;--a-h:50px;--b-opacity:0}
  .post-article>.hero-doodles{--a-top:0;--a-right:0;--a-w:45px;--a-h:44px}
  .card>.hero-doodles{--a-right:8px;--a-top:0;--a-w:60px;--a-h:60px;--b-left:4px;--b-bottom:0;--b-w:48px;--b-h:50px}
}

/* First-screen actions. Use height AND width; never constrain content to a
   fixed height, clip text, scale the whole page or reduce touch targets.
   Short laptops reserve roughly 90px below actions for cookie consent. */
:is(.home-page,.london-page) .how .steps{gap:24px;align-items:stretch;padding-top:28px}
:is(.home-page,.london-page) .how .step{position:relative;overflow:visible;background:#fff;border:1px solid #E1E3EA;border-radius:24px;box-shadow:0 8px 24px -16px rgba(17,19,24,.2)}
:is(.home-page,.london-page) .how .step .ph{aspect-ratio:3/2;height:auto;padding:0;overflow:hidden;border-radius:23px 23px 0 0;background:#F5F5F7;border-bottom:1px solid #E1E3EA}
:is(.home-page,.london-page) .how .step .ph img{object-fit:cover}
:is(.home-page,.london-page) .how .step::after{content:"";position:absolute;z-index:2;width:74px;height:64px;pointer-events:none;background:#2452D5;mask:var(--step-art) center/contain no-repeat;-webkit-mask:var(--step-art) center/contain no-repeat}
:is(.home-page,.london-page) .how .step:nth-child(1)::after{--step-art:url('/seo/assets/landing/doodle-calendar-date.svg');right:12px;top:-48px;transform:rotate(12deg)}
:is(.home-page,.london-page) .how .step:nth-child(2)::after{--step-art:url('/seo/assets/landing/doodle-dinner-plate.svg');right:12px;bottom:-35px;transform:rotate(-12deg)}
:is(.home-page,.london-page) .how .step:nth-child(3)::after{--step-art:url('/seo/assets/landing/doodle-dinner-menu.svg');left:12px;top:-42px;width:54px;height:66px;transform:rotate(-10deg)}
:is(.home-page,.london-page) .how .step .tx{padding:24px;flex:1}
:is(.home-page,.london-page) .how .step .num{display:inline-block;font:650 12px/1.4 Inter,sans-serif;letter-spacing:.07em;text-transform:uppercase;background:#EEF2FF;color:#2447B7;padding:6px 10px;border-radius:8px;margin-bottom:16px}
:is(.home-page,.london-page) .how .step h3{font-size:22px;line-height:1.2;margin-bottom:12px;color:#111318}
:is(.home-page,.london-page) .how .step p{font-size:16px;line-height:1.6;color:#565963}
.home-page .truth .t-num{font:650 13px/1.4 Inter,sans-serif;color:#2452D5}
@media(max-width:600px){:is(.home-page,.london-page) .how .steps{gap:48px}:is(.home-page,.london-page) .how .step .tx{padding:22px}}
.w2-invite-hero .hero-install-action{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#111318;min-height:48px;padding:12px 24px;border-radius:14px;font-weight:650;margin-top:20px}
.w2-invite-hero .hero-install-action:focus-visible{outline:3px solid #C9D2FF;outline-offset:4px}
.w2-invite-hero .hero-install-action:hover{background:#E7EDFF}
.w2-invite-hero .cta-section{margin:18px 0 0;width:100%;max-width:360px}
.w2-invite-hero .cta-button.primary{background:#fff;color:#111318;min-height:48px}
.community-slider-wrap{max-width:100%;overflow-x:auto}
.w2-cover [data-wow],.w2-invite-hero [data-wow]{opacity:1!important;transform:none!important}
@media (max-height:900px) {
  .w2-cover{min-height:0}
  .w2-cover .w2-cover-in{padding-top:24px;padding-bottom:30px}
  .w2-cover h1{font-size:clamp(30px,min(4.6vw,6.4svh),48px)}
  .w2-cover .w2-cover-tag{font-size:16px;line-height:1.45;margin-top:12px}
  .w2-cover .w2-cover-actions{margin-top:18px}
  .w2-invite-hero .w2-invite-in{padding-top:28px;padding-bottom:42px}
  .w2-invite-hero .w2-invite-avatar{width:64px;height:64px}
  .w2-invite-hero h1{font-size:clamp(30px,min(4.6vw,6.2svh),46px)}
  .w2-invite-hero .w2-invite-sub{font-size:16px;line-height:1.45;margin-top:12px}
  .w2-invite-hero .w2-invite-eyebrow{margin-top:12px}
}
@media (min-width:821px) and (max-height:900px) {
  .hero:has(.hero-in){min-height:0;align-items:flex-start;padding-block:0}
  .hero .hero-in{padding-top:96px;padding-bottom:42px}
  .hero h1,.home-page .hero h1,.cr-hero h1,.dnh-copy h1{font-size:clamp(36px,min(4.6vw,7.6svh),64px);line-height:1.06}
  .hero .hero-sub,.hero .hero-lede,.cr-hero-sub,.dnh-copy .wow-lede{font-size:17px;line-height:1.5;margin:16px 0 20px;max-width:48ch}
  .hero .label{margin-bottom:12px}
  .hero .hero-cta{margin-top:18px}
  .home-page .hero:has(>.hero-doodles){padding-top:96px;padding-bottom:38px;align-items:start}
  .home-page .hero .hero-in{padding:0}
  .home-page .hero-photo img{height:clamp(310px,66svh,540px);aspect-ratio:auto;object-position:50% 45%}
  .home-page .hero .hero-sub{margin:16px 0}
  .home-page .home-cost{margin:10px 0 14px}
  .home-page .hero .hero-cta{margin-top:0}
  .home-page .hero .proof-row{margin-top:14px}
  .dnh .dnh-in{padding-top:30px;padding-bottom:34px;align-items:start}
  .dnh .dnh-photo img{height:clamp(290px,55svh,460px)}
  .dnh .dnh-visual{padding-bottom:48px}
  .dnh-copy h1{max-width:16ch;margin:12px 0 16px}
  .dnh-copy .wow-lede{margin-bottom:16px}
  .dnh-price{margin:0 0 16px}
  .dnh-copy .badges{margin-bottom:16px}
  .this-week-page .hero{padding-block:28px}
  .this-week-page .hero .hero-in{padding-top:0;padding-bottom:28px}
  .legacy-chat .hero{min-height:0;padding:96px 0 40px}
  .legacy-chat .hero-grid{align-items:start}
  .cr-hero{padding-top:96px}
  .cr-hero h1{font-size:clamp(42px,min(6vw,9svh),78px);margin-top:18px}
  .affiliates-page .hero .hero-in{align-items:start}
  .affiliates-page .hero h1{max-width:20ch}
  .affiliates-page .rate-card{padding:26px}
  .hero .hero-doodles{--a-top:88px}
  .this-week-page .hero-doodles{--a-top:48px}
}
/* On narrow screens the copy and action lead; photographic/product scenes
   follow in normal flow. The full scene need not fit above the fold. */
@media (max-width:820px) {
  .hero:has(.hero-in){min-height:0;padding-block:0}
  .hero .hero-in{padding-top:96px;padding-bottom:38px}
  .hero h1,.home-page .hero h1,.cr-hero h1,.dnh-copy h1{font-size:clamp(32px,min(8.4vw,6.4svh),48px);line-height:1.08}
  .hero .hero-sub,.hero .hero-lede,.cr-hero-sub,.dnh-copy .wow-lede{font-size:16px;line-height:1.5;margin:14px 0 18px;max-width:48ch}
  .home-page .hero:has(>.hero-doodles){padding-top:100px}
  .home-page .hero .hero-in{padding:0}
  .home-page .hero .hero-sub{font-size:16px;margin:14px 0 18px}
  .home-page .home-cost{margin:8px 0 14px}
  .home-page .hero .hero-cta{margin-top:0}
  .home-page .hero .proof-row{margin-top:14px}
  .dnh .dnh-in{padding-top:28px;gap:28px}
  .dnh-copy h1{margin:12px 0 16px;max-width:19ch}
  .dnh-copy .wow-lede{margin-bottom:16px}
  .dnh-price{margin:0 0 16px}
  .dnh-copy .badges{margin-bottom:16px}
  .legacy-chat .hero{min-height:0;padding:96px 0 38px}
  .legacy-chat .hero-cta{margin-top:18px;gap:10px}
  .this-week-page .hero{padding:28px 0}
  .this-week-page .hero .hero-in{padding-top:0;padding-bottom:22px}
  .cr-hero{padding-top:96px}
  .cr-hero h1{margin-top:18px}
  .cr-hero-cta::after{display:none}
  .affiliates-page .hero .hero-in{grid-template-columns:1fr;gap:30px}
  .hero .badges,.dnh .badges{gap:10px}
  .hero .store-badge,.dnh .store-badge{padding:10px 12px;min-height:50px}
  .hero .store-badge .l,.dnh .store-badge .l{font-size:18px}
  .hero .store-badge .s,.dnh .store-badge .s{font-size:10px}
  .hero .store-badge svg,.dnh .store-badge svg{width:22px;height:24px}
  .this-week-page .hero-doodles{--a-top:8px;--a-w:38px;--a-h:42px}
}
@media (min-width:821px) and (max-height:700px) {
  .home-page .hero h1{font-size:42px}
  .home-page .hero:has(>.hero-doodles){padding-top:88px}
  .home-page .hero .label{margin-bottom:8px}
}
@media (max-width:360px) {
  .hero h1,.home-page .hero h1,.cr-hero h1,.dnh-copy h1{font-size:30px}
  .hero .hero-in{padding-top:72px}
  .home-page .hero:has(>.hero-doodles){padding-top:84px}
  .legacy-chat .hero,.cr-hero{padding-top:80px}
  .hero .label{margin-bottom:8px}
  .hero .hero-sub,.hero .hero-lede,.cr-hero-sub,.dnh-copy .wow-lede{line-height:1.45;margin:12px 0 10px}
  .dnh .dnh-in{padding:20px 20px 32px}
  .dnh-price{font-size:13px;margin-bottom:12px}
  .hero .badges,.dnh .badges,.legacy-chat .hero-cta{gap:8px}
  .hero .store-badge,.dnh .store-badge{gap:6px;padding:8px;min-height:48px}
  .hero .store-badge .l,.dnh .store-badge .l{font-size:16px}
  .hero .store-badge .s,.dnh .store-badge .s{font-size:9px}
  .hero .store-badge svg,.dnh .store-badge svg{width:18px}
  .cr-badge{font-size:10px;letter-spacing:.1em;padding:9px 12px}
  .cr-hero h1{margin-top:12px}
  .cr-hero-cta{gap:8px}
  .cr-hero-cta a{padding:12px 16px;min-height:44px}
}