/* PetMatch / A little more together.
   Static, progressively enhanced. Mobile uses native vertical flow, not scroll pinning.
   Colours, type, spacing and motion live here; no UI framework is required. */
:root{
  --paper:#fcfaf7;--white:#fff;--ink:#27232b;--muted:#746e78;--coral:#f24c68;--coral-dark:#bd2849;
  --orange:#ff8953;--peach:#ffede3;--lilac:#f0ecfa;--purple:#7659a3;--mint:#e6f2e9;
  --line:#e9e3df;--content:1248px;--ease:cubic-bezier(.22,.75,.18,1);
  --header-height:78px;--font:"Heebo","Noto Sans Hebrew",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:116px;scrollbar-gutter:stable}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html.has-dialog{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{border:0}
button:disabled{cursor:default}
img{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:800;line-height:1.15;letter-spacing:-.04em}
button:focus-visible,a:focus-visible,dialog:focus-visible{outline:3px solid #9456bc;outline-offset:5px}
::selection{background:#ffccd5;color:#37252d}
.container{width:min(var(--content),calc(100% - 96px));margin-inline:auto}
.svg-library{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.flip-x{transform:scaleX(-1)}
.skip-link{position:fixed;z-index:200;top:-100px;right:20px;padding:12px 20px;background:var(--ink);color:white;border-radius:12px}
.skip-link:focus{top:16px}
.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:1px solid var(--line);background:transparent;border-radius:50%;transition:background .2s,transform .2s}
.icon-button:hover{background:#f1eae5;transform:translateY(-2px)}
.icon-button .icon{width:19px;height:19px}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:100;pointer-events:none}
.reading-progress span{display:block;height:100%;background:var(--coral);transform:scaleX(0);transform-origin:right}
.site-header{position:fixed;z-index:50;top:20px;inset-inline:0;transition:top .3s var(--ease)}
.nav-shell{width:min(1340px,calc(100% - 64px));height:78px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid rgba(231,224,219,.78);border-radius:22px;background:rgba(255,253,250,.89);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 36px #55402c04;transition:height .3s var(--ease),box-shadow .3s}
.site-header.is-scrolled{top:12px}
.site-header.is-scrolled .nav-shell{height:68px;box-shadow:0 8px 32px #4636280a;background:rgba(255,253,250,.95)}
.brand{flex:none;line-height:0}
.brand img{width:166px;height:auto}
.desktop-nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600;color:#68616b}
.desktop-nav a{position:relative;white-space:nowrap;transition:color .2s}
.desktop-nav a::after{content:"";position:absolute;bottom:-6px;inset-inline:0;height:2px;background:var(--coral);transform:scaleX(0);transform-origin:right;transition:transform .25s var(--ease)}
.desktop-nav a:hover,.desktop-nav a[aria-current="location"]{color:var(--ink)}
.desktop-nav a:hover::after,.desktop-nav a[aria-current="location"]::after{transform:scaleX(1)}
.nav-dot{display:inline-block;width:6px;height:6px;background:var(--coral);border-radius:50%;margin-inline-start:5px;vertical-align:middle}
.nav-actions{display:flex;align-items:center;gap:10px}
.nav-cta{display:flex;align-items:center;gap:19px;padding:10px 19px;border:1px solid #d9d1ca;border-radius:13px;font-size:14px;font-weight:700;background:var(--paper);transition:background .2s}
.nav-cta:hover{background:var(--peach)}
.nav-cta .icon{width:18px;height:18px}
.motion-toggle{width:36px;height:36px;border:0;color:#918892}
.motion-play{display:none}
.reduced-motion .motion-play{display:block}
.reduced-motion .motion-pause{display:none}
.menu-toggle{display:none}
.hero{position:relative;padding:142px 0 0;overflow:hidden;isolation:isolate}
.hero-halo{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 2% 45%,#ffe4d84d,transparent 43%),radial-gradient(ellipse at 95% 27%,#faf0e380,transparent 38%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:30px;align-items:center;min-height:638px}
.hero-copy{position:relative;z-index:2;padding:5px 0 35px}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;margin-bottom:24px;letter-spacing:.02em}
.small-dot{width:7px;height:7px;flex:none;background:var(--coral);border-radius:50%;box-shadow:0 0 0 4px #f24c680b}
.hero h1{font-size:clamp(62px,6.4vw,92px);line-height:1.07;letter-spacing:-.03em;font-weight:800}
.coral-text{display:inline-block;color:var(--coral);position:relative}
.coral-text>svg{position:absolute;bottom:-17px;right:-3px;width:101%;height:19px;fill:none;stroke:#ffb197;stroke-width:2;stroke-linecap:round}
.hero-description{font-size:20px;line-height:1.85;color:var(--muted);margin-top:32px;font-weight:400}
.hero-actions{display:flex;align-items:center;gap:29px;margin-top:29px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:61px;padding:9px 22px 9px 10px;font-size:15px;font-weight:700;border-radius:17px;transition:transform .3s var(--ease),box-shadow .3s,background .2s}
.button-dark{background:var(--ink);color:white;box-shadow:0 10px 24px #2c252214}
.button-dark:hover{transform:translateY(-3px);box-shadow:0 14px 28px #2c252224;background:#3a303b}
.button-circle{display:grid;place-items:center;width:40px;height:40px;background:#fae1d7;color:#523239;border-radius:12px}
.button-circle .icon{width:19px;height:19px;transition:transform .25s}
.button:hover .button-circle .icon{transform:translateX(-3px)}
.text-button{font-size:14px;font-weight:600;display:flex;align-items:center;gap:9px}
.small-play{display:grid;place-items:center;width:28px;height:28px;border:1px solid #dcd3cc;border-radius:50%}
.small-play .icon{width:12px;height:12px;fill:currentColor;stroke-width:0}
.text-button:hover{color:var(--coral-dark)}
.hero-note{display:flex;align-items:center;gap:7px;font-size:11px;color:#837a83;margin-top:21px}
.hero-note .icon{width:13px;height:13px}
.hero-visual{position:relative;height:640px;min-width:0;direction:ltr}
.visual-scene{position:absolute;inset:0;transform:translate3d(0,var(--scene-y,0px),0)}
.hero-disc{position:absolute;width:510px;height:510px;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(160deg,#ffe5d4 8%,#ffdadf 60%,#fce8e1 100%)}
.disc-ring{position:absolute;inset:-20px;border:1px solid #efd9cd;border-radius:50%}
.disc-ring.inner{inset:36px;border-color:#fff8;transform:rotate(-18deg)}
.orbit-line{position:absolute;width:115%;height:110%;left:-8%;top:-5%;stroke:#d9bdaf;stroke-width:1;stroke-dasharray:4 7;fill:none;opacity:.8;transform:rotate(var(--orbit-turn,0deg))}
.hero-star{position:absolute;color:var(--coral);z-index:3}
.hero-star .icon{width:44px;height:44px;stroke-width:1.3}
.star-one{left:59px;top:35px;transform:rotate(16deg)}
.star-two{right:32px;bottom:78px;transform:rotate(10deg);color:#db936b}
.star-two .icon{width:35px;height:35px}
.hero-phone-wrap{position:absolute;width:285px;height:583px;left:50%;top:47%;translate:-50% -50%;transform:translate3d(var(--tilt-x,0px),var(--phone-y,0px),0) rotate(calc(-7deg + var(--phone-turn,0deg)));z-index:2}
.device{position:relative;padding:9px;background:linear-gradient(135deg,#69605f,#2c2829 12%,#211e20 88%,#908280);border:1px solid #857a76;border-radius:46px;box-shadow:0 38px 48px -25px #3f202854,0 7px 16px #35121b1f,inset 0 0 0 1px #d1c4c042}
.hero-device{width:100%;height:100%}
.device-screen{height:100%;position:relative;border-radius:36px;overflow:hidden;background:#f7f7fc;border:1px solid #fff4;isolation:isolate}
.device-side{position:absolute;left:-3px;width:2px;height:29px;background:#6c6161;border-radius:2px}
.side-one{top:105px}
.side-two{top:151px;height:44px}
.device-homebar{position:absolute;bottom:7px;left:50%;width:78px;height:3px;background:#39313a;border-radius:5px;transform:translateX(-50%);opacity:.7}
.hero-app-header{height:66px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 15px 10px;direction:rtl;background:#f8f8ff}
.hero-app-header>span{display:flex;gap:6px;align-items:center;font-size:11px;font-weight:800}
.hero-app-header .icon{color:#dc882a;width:17px;height:17px}
.hero-app-header img{border-radius:12px;width:30px;height:30px}
.hero-app-shot{width:100%;height:auto}
.floating-card{position:absolute;background:#fffefcf5;border:1px solid #fff;border-radius:22px;box-shadow:0 16px 36px #7f4e4020;z-index:3;direction:rtl}
.match-float{top:24px;right:-1px;padding:18px 15px 15px;width:179px;text-align:center;transform:translateY(var(--float-y,0px)) rotate(8deg)}
.dog-pair{direction:ltr;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:12px}
.dog-pair img{width:52px;height:52px;object-fit:cover;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #f0e7e0}
.dog-pair>span{position:relative;margin:0 -2px;background:var(--coral);width:25px;height:25px;display:grid;place-items:center;z-index:1;border-radius:50%;color:white;border:3px solid white}
.dog-pair .icon{width:11px;height:11px;fill:white;stroke-width:0}
.match-float strong{display:block;font-size:14px;font-weight:800}
.match-float small{display:block;font-size:10px;color:var(--muted);margin-top:1px}
.boni-float{left:-10px;bottom:82px;display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;transform:translateY(calc(var(--float-y,0px) * -.6)) rotate(-5deg)}
.boni-float>img{width:61px;height:61px;object-fit:cover;border-radius:18px}
.boni-float span{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}
.boni-float span .icon{width:13px;height:13px;color:#bd8559}
.boni-float strong{display:block;font-size:13px;font-weight:800}
.park-float{position:absolute;right:-4px;bottom:169px;display:flex;align-items:center;gap:10px;z-index:4;background:#fcfffa;border:1px solid #d9e9d7;border-radius:13px;padding:11px 14px;transform:rotate(6deg);color:#477458;font-size:12px;font-weight:700;direction:rtl;box-shadow:0 12px 24px #4061240c}
.park-float .icon{width:21px;height:21px}
.visual-caption{position:absolute;bottom:8px;width:100%;text-align:center;font-size:10px;color:#a18580;letter-spacing:.025em;direction:rtl}
.visual-caption>span{display:inline-block;vertical-align:middle;width:25px;height:1px;background:#bea7a0;margin-inline-end:8px}
.hero-bottom{height:100px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8a8086}
.scroll-cue{display:flex;align-items:center;gap:9px}
.scroll-cue>span{height:29px;width:22px;border:1px solid #dcd3cd;border-radius:12px;display:grid;place-items:center}
.scroll-cue .icon{width:15px;height:15px;transform:rotate(-90deg)}
.hero-bottom-note{display:flex;align-items:center;gap:8px}
.hero-bottom-note .icon{width:16px;height:16px}
.edition{font:9px/1.4 Arial,sans-serif;letter-spacing:2px}
.feature-rail{border-block:1px solid #e8dfda;background:#f5efe9}
.feature-rail-inner{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:86px}
.feature-rail a{font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px;white-space:nowrap;transition:color .2s,transform .2s}
.feature-rail a .icon{width:22px;height:22px;stroke-width:1.35;color:#b68874}
.feature-rail a:hover{color:var(--coral-dark);transform:translateY(-2px)}
.manifesto{padding:117px 0 115px;text-align:center}
.section-kicker{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.035em;color:#927066;margin-bottom:23px}
.manifesto .section-kicker{justify-content:center}
.manifesto-title{font-size:clamp(36px,4.1vw,57px);line-height:1.5;letter-spacing:-.035em;font-weight:800}
.ink-word{transition:color .08s linear}
.special-ink{color:var(--coral)}
.manifesto-heart{display:inline-block;vertical-align:middle;transform:rotate(-14deg);margin-inline-start:15px;color:var(--coral)}
.manifesto-heart .icon{width:47px;height:47px;stroke-width:1.2}
.manifesto p{margin-top:22px;font-size:16px;color:var(--muted)}
.kicker-line{display:block;width:27px;height:1px;background:currentColor}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.section-heading h2{font-size:54px;line-height:1.2;letter-spacing:-.04em}
.section-heading p{font-size:15px;color:var(--muted);line-height:1.85;padding-bottom:3px}
.muted-title{color:#938380}
.experience-section{background:#f7f4f0;border-block:1px solid #ece6df;padding:83px 0 95px}
.experience-heading{margin-bottom:10px}
.experience-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:85px}
.story-step{min-height:650px;display:flex;align-items:center;scroll-margin-top:0;padding:75px 0}
.step-copy{max-width:435px}
.step-label{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:600;color:#9a8d8a;margin-bottom:28px;transition:color .4s}
.step-number{font:11px/1 Arial,sans-serif;display:grid;place-items:center;width:30px;height:30px;border:1px solid #d9cfc7;border-radius:50%;transition:background .4s,color .4s,border-color .4s}
.step-label>.icon{width:17px;height:17px;margin-inline-start:auto}
.story-step.is-active .step-label{color:#765c68}
.story-step.is-active .step-number{background:var(--ink);border-color:var(--ink);color:white}
.story-step h3{font-size:49px;line-height:1.23;letter-spacing:-.045em}
.story-step p{font-size:16px;line-height:1.95;color:var(--muted);margin-top:23px;max-width:408px}
.step-tags{display:flex;flex-wrap:wrap;gap:11px 18px;margin-top:23px;font-size:11px;color:#786f75}
.step-tags span{display:flex;align-items:center;gap:6px}
.step-tags .icon{width:15px;height:15px;color:#a98e89}
.inline-link{display:inline-flex;align-items:center;gap:11px;background:transparent;padding:0 0 5px;margin-top:29px;border-bottom:1px solid #ccb9b1;font-size:12px;font-weight:700;transition:color .2s,gap .25s,border-color .2s}
.inline-link .icon{width:15px;height:15px}
.inline-link:hover{color:var(--coral-dark);border-color:var(--coral);gap:16px}
.story-stage{position:sticky;top:max(107px,calc((100svh - 630px)/2));height:min(635px,calc(100svh - 130px));margin-top:32px;--stage-bg:#e5edf5;--stage-ink:#758faa}
.story-stage[data-theme="1"]{--stage-bg:#eae3f5;--stage-ink:#a387bd}
.story-stage[data-theme="2"]{--stage-bg:#e5eee4;--stage-ink:#89a78a}
.story-stage[data-theme="3"]{--stage-bg:#f7e3df;--stage-ink:#d59d95}
.story-board{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:calc(100% - 24px);background:var(--stage-bg);border:1px solid #fff;border-radius:36px;overflow:hidden;transition:background .7s var(--ease)}
.story-board-top{position:absolute;inset-inline:24px;top:19px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#64707d;font-size:10px;z-index:3}
.story-board-top>span:first-child{display:flex;align-items:center;gap:6px}
.status-dot{width:5px;height:5px;background:currentColor;border-radius:50%;opacity:.6}
.stage-counter{font:10px/1.6 Arial,sans-serif;letter-spacing:1px}
.stage-counter b{font-weight:700}
.stage-orbit{position:absolute;left:50%;top:50%;width:460px;height:460px;border:1px solid #fff8;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.orbit-b{width:340px;height:340px;border-style:dashed}
.story-device{position:relative;z-index:2;height:calc(100% - 112px);aspect-ratio:.482;max-height:529px;flex:none;padding:7px;border-radius:35px;transform:rotate(var(--story-tilt,-3deg));transition:transform .8s var(--ease)}
.story-device .device-screen{border-radius:27px}
.story-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(18px) scale(1.015);transition:opacity .45s var(--ease),transform .55s var(--ease)}
.story-screen.is-active{opacity:1;transform:translateY(0) scale(1);z-index:1}
.stage-doodle{position:absolute;top:24%;right:22px;color:var(--stage-ink);transform:rotate(13deg);transition:color .5s}
.stage-doodle .icon{width:42px;height:42px;stroke-width:1.1}
.stage-sticker{position:absolute;left:19px;bottom:23%;display:flex;align-items:center;gap:7px;background:#fffefb;border:1px solid #fff;border-radius:10px;padding:10px 12px;z-index:3;box-shadow:0 7px 20px #564d3820;font-size:10px;font-weight:600;transform:rotate(6deg)}
.stage-sticker .icon{width:15px;height:15px;color:var(--stage-ink)}
.story-navigation{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;direction:ltr;z-index:3}
.story-navigation a{padding:8px 5px;display:flex;align-items:center;gap:7px;color:#8d9094;font:10px/1 Arial,sans-serif}
.story-navigation i{display:block;width:17px;height:3px;background:#fff9;position:relative;overflow:hidden;border-radius:5px;transition:width .35s}
.story-navigation i::after{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left}
.story-navigation .is-active{color:var(--ink)}
.story-navigation .is-active i{width:32px}
.story-navigation .is-active i::after{transform:scaleX(var(--step-progress,0))}
.stage-gallery-link{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#94888a;margin:9px auto 0;background:transparent}
.stage-gallery-link .icon{width:12px;height:12px}
.mobile-shot{display:none}
.boni-section{position:relative;isolation:isolate;overflow:hidden;background:#f0edf7;padding:104px 0 36px}
.boni-bg-word{position:absolute;bottom:-115px;right:-20px;font:900 390px/1 Arial,sans-serif;letter-spacing:-25px;color:#e6dff066;pointer-events:none;z-index:-1}
.boni-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}
.boni-intro{display:flex;align-items:center;gap:20px;margin-bottom:29px;position:relative}
.boni-portrait{width:134px;height:134px;transform:rotate(5deg);background:white;padding:5px;border-radius:38px;box-shadow:0 14px 25px #7c4f8a0e;flex:none}
.boni-portrait img{border-radius:32px;width:100%;height:100%;object-fit:cover}
.boni-hello{font-size:12px;color:#8c6996;transform:rotate(-7deg);display:flex;align-items:center;gap:10px;font-weight:500}
.boni-hello .icon{width:24px;height:24px;color:#c18b78}
.boni-copy .section-kicker{color:#9b80ac;margin-bottom:15px}
.boni-copy h2{font-size:60px;line-height:1.2}
.boni-copy h2 span{color:#8b6ab0}
.boni-copy>p{font-size:16px;line-height:1.95;color:#7d7286;margin-top:24px;max-width:420px}
.boni-copy .inline-link{color:#786085;border-color:#c7b2d3}
.chat-demo{border:1px solid #fff;background:#fcfbff;border-radius:27px;box-shadow:0 25px 70px -20px #85629d24;transform:rotate(-1.5deg);overflow:hidden;position:relative}
.chat-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #eee8f3}
.chat-identity{display:flex;align-items:center;gap:10px}
.chat-identity img{width:42px;height:42px;border-radius:13px}
.chat-identity b{font-size:13px;display:block}
.chat-identity span{font-size:10px;display:block;color:#a193ae}
.demo-label{display:flex;align-items:center;gap:5px;font-size:9px;padding:4px 8px;border:1px solid #ece2f2;border-radius:6px;color:#91809e}
.demo-label .icon{width:12px;height:12px}
.chat-body{padding:20px 27px 23px;background:linear-gradient(180deg,#faf8fe,#f4f0f8)}
.chat-date{display:block;text-align:center;font-size:9px;color:#a697ac;margin-bottom:27px}
.chat-conversation{min-height:225px}
.chat-question{font-size:14px;line-height:1.8;max-width:91%;background:#ffebe7;border:1px solid #ffe2da;padding:15px 18px;border-radius:16px 16px 4px 16px;color:#6f4947;margin-bottom:21px}
.chat-answer{position:relative;background:white;border:1px solid #efe8f1;border-radius:16px 16px 16px 4px;padding:18px;margin-inline-start:25px;min-height:126px}
.answer-sparkle{position:absolute;top:-10px;left:14px;background:#ede6f4;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:#a47ab9}
.answer-sparkle .icon{width:14px;height:14px}
.chat-answer p{font-size:13px;color:#706278;line-height:1.95;min-height:76px}
.chat-answer.is-typing p{opacity:.55}
.chat-prompts{border-top:1px solid #e9e1ed;padding-top:18px;margin-top:17px}
.chat-prompts>span{font-size:10px;color:#998aa3;display:block;margin-bottom:10px}
.chat-prompts>div{display:flex;gap:8px;flex-wrap:wrap}
.chat-prompts button{display:flex;align-items:center;gap:6px;border:1px solid #e8deee;background:white;padding:7px 11px;border-radius:8px;font-size:11px;color:#857290;transition:background .2s,transform .2s,border-color .2s}
.chat-prompts button .icon{width:14px;height:14px}
.chat-prompts button:hover{transform:translateY(-2px)}
.chat-prompts button.is-active{background:#846798;color:white;border-color:#846798}
.chat-footnote{padding:12px 18px;text-align:center;font-size:9px;color:#94859d;display:flex;justify-content:center;gap:5px;align-items:center}
.chat-footnote .icon{width:11px;height:11px}
.ai-disclaimer{display:flex;align-items:center;justify-content:center;gap:9px;color:#9e8ca8;font-size:10px;line-height:1.8;margin-top:57px;text-align:center}
.ai-disclaimer .icon{width:16px;height:16px}
.together-section{padding:104px 0 94px}
.together-section .section-heading{margin-bottom:43px}
.together-section .section-heading h2{font-size:49px}
.bento-grid{display:grid;grid-template-columns:1.36fr 1fr;gap:22px}
.bento-card{border:1px solid #e9e3df;border-radius:27px;overflow:hidden;position:relative;transition:box-shadow .35s,border-color .35s}
.bento-card:hover{box-shadow:0 14px 35px #5e413209;border-color:#dbcfc8}
.feed-card{grid-row:span 2;background:#eee8f5;display:flex;min-height:572px;isolation:isolate;border-color:#e9e0f0}
.feed-copy{position:relative;z-index:2;width:57%;padding:38px 32px}
.card-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #fff8;background:#fff8;border-radius:13px;color:#9877ae;flex:none}
.card-icon .icon{width:23px;height:23px}
.feed-copy .card-icon{margin-bottom:38px}
.small-kicker{font-size:10px;font-weight:500;color:#9b829f;display:block;margin-bottom:10px}
.feed-copy h3{font-size:45px;line-height:1.2;color:#53415e}
.feed-copy p{font-size:13px;line-height:1.95;color:#8d7b96;margin-top:17px;max-width:230px}
.feed-copy .inline-link{color:#786085;border-color:#c7b2d3}
.feed-preview{position:absolute;left:-20px;top:107px;width:45%;height:calc(100% - 50px);z-index:1;direction:ltr}
.feed-device{width:253px;height:560px;max-width:100%;border:6px solid white;background:#f8f8fc;border-radius:30px;overflow:hidden;transform:rotate(8deg);box-shadow:0 16px 35px #79508024}

.feed-sticker{position:absolute;bottom:103px;right:-20px;display:flex;align-items:center;gap:6px;background:#fffefb;box-shadow:0 5px 16px #6f496c17;border:1px solid #fff;padding:11px 12px;border-radius:10px;white-space:nowrap;direction:rtl;font-size:10px;color:#806487;transform:rotate(-4deg)}
.feed-sticker .icon{width:15px;height:15px}
.privacy-card{padding:28px 30px 25px;background:#f8f2e9;min-height:349px}
.card-topline{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.card-topline .small-kicker{margin:0;color:#a28b71}
.privacy-card .card-icon{color:#a48b6e}
.privacy-card h3{font-size:29px;line-height:1.25}
.profile-choice{display:flex;gap:4px;max-width:260px;margin-top:20px;padding:4px;border:1px solid #e7dccf;background:#f0e8dc;border-radius:11px}
.profile-choice button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;flex:1;padding:8px;border-radius:7px;background:transparent;color:#9a8b7a;transition:background .25s,box-shadow .25s,color .25s}
.profile-choice .icon{width:14px;height:14px}
.profile-choice .is-active{background:#fffdfa;color:#6d5746;box-shadow:0 2px 6px #6d422d0a}
.profile-explanation{font-size:11px;color:#998370;line-height:1.75;margin-top:14px;min-height:39px;max-width:310px}
.small-note{display:block;font-size:9px;color:#a3917e;margin-top:5px}
.soon-card{background:#eaf1eb;padding:25px 30px;display:flex;flex-direction:column;gap:17px}
.soon-card .small-kicker{color:#89a28a;margin-bottom:7px}
.soon-card h3{font-size:27px;line-height:1.3}
.soon-features{display:flex;flex-direction:column;gap:12px}
.soon-features>div{display:flex;align-items:center;gap:9px;font-size:12px;color:#78917b}
.soon-features>div>.icon{width:19px;height:19px}
.soon-features b{font-weight:500}
.soon-features span{margin-inline-start:auto;padding:2px 8px;border:1px solid #d6e2d7;border-radius:6px;font-size:9px;color:#859988}
.beta-section{padding:0 0 90px}
.beta-panel{position:relative;border-radius:38px;overflow:hidden;background:radial-gradient(ellipse at 50% 130%,#ffe0d1,transparent 65%),#faeee5;border:1px solid #eeded2;padding:73px 35px 62px;text-align:center;isolation:isolate}
.beta-content{position:relative;z-index:2}
.beta-badge{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:#aa7e6c;background:#ffffff60;padding:7px 14px;border:1px solid #ffffff80;border-radius:99px}
.beta-panel h2{font-size:90px;line-height:1.07;margin:24px 0 20px;letter-spacing:-.03em}
.beta-panel h2 span{color:var(--coral)}
.beta-panel p{font-size:14px;line-height:1.95;color:#9a7e77}
.beta-panel p strong{font-weight:500}
.store-statuses{display:flex;justify-content:center;gap:12px;margin-top:31px}
.store-status{min-width:185px;display:flex;align-items:center;text-align:right;gap:10px;padding:13px 17px;border:1px solid #e2cfc5;border-radius:14px;background:#fffaf5b3;color:#7c615b}
.store-status.is-live{border-color:#f0a992;background:#fff;color:#5f4038;box-shadow:0 10px 24px #d9917b1f;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s}
.store-status.is-live:hover{transform:translateY(-2px);border-color:var(--coral);box-shadow:0 14px 28px #d9917b2e}
.store-status>.icon{width:25px;height:25px}
.store-status b{font-size:15px;line-height:1.4;display:block;letter-spacing:0}
.store-status span{font-size:9px;display:block;color:#a08880}
.store-status .store-lock{margin-inline-start:15px;width:13px;height:13px;color:#b19a90}
.beta-back-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:#aa786b;margin-top:29px}
.beta-back-link .icon{width:15px;height:15px;transition:transform .2s}
.beta-back-link:hover .icon{transform:translateX(-4px)}
.beta-paw{position:absolute;color:#efc8b4;z-index:0}
.beta-paw .icon{width:140px;height:140px;stroke-width:.7}
.paw-a{right:7%;top:25%;transform:rotate(-27deg)}
.paw-b{left:7%;bottom:22%;transform:rotate(17deg)}
.paw-b .icon{width:135px;height:135px}
.site-footer{border-top:1px solid var(--line);padding:39px 0 22px}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:35px}
.footer-brand img{width:158px;height:auto}
.footer-brand p{font-size:10px;color:#a09397;margin-top:9px}
.footer-main nav{display:flex;gap:25px;font-size:12px;color:#857580}
.footer-main nav a:hover,.footer-bottom a:hover{color:var(--coral-dark)}
.footer-note{display:flex;align-items:center;gap:8px;font-size:10px;color:#a39293}
.footer-note .icon{width:15px;height:15px;color:#d19291}
.footer-bottom{border-top:1px solid #ede8e2;padding-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a09396}
.footer-bottom>div{display:flex;gap:21px}
.meeting-note{font-size:8px;color:#b3a6a7;margin-top:14px;line-height:1.9}
.back-to-top{position:fixed;bottom:22px;left:22px;z-index:40;width:38px;height:38px;background:#fffdf9;border-color:#e6d7cf;color:#9e847b;box-shadow:0 4px 20px #81563e0d;opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity .25s,visibility .25s,transform .25s}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top .icon{width:16px;height:16px}
dialog{border:0;padding:0;color:var(--ink);font-family:var(--font)}
dialog:not([open]){display:none}
dialog::backdrop{background:#28232ba8;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.mobile-menu{width:calc(100% - 28px);max-width:530px;margin:16px auto auto;border:1px solid var(--line);border-radius:23px;padding:24px;background:var(--paper)}
.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
.mobile-menu-top h2{font-size:24px}
.mobile-menu nav{display:flex;flex-direction:column;margin-top:26px}
.mobile-menu nav a{padding:19px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;font-size:23px;font-weight:700}
.mobile-menu nav a>span{font:10px/1 Arial,sans-serif;color:#b9948a}
.mobile-menu nav a>.icon{margin-inline-start:auto;width:22px;height:22px;color:#b9948a}
.mobile-menu>p{font-size:10px;color:#a38b82;display:flex;align-items:center;gap:7px;margin-top:24px}
.screen-dialog{margin:auto;max-height:calc(100svh - 28px);width:min(580px,calc(100% - 28px));padding:22px;border-radius:24px;background:var(--paper);overflow:auto}
.screen-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px}
.screen-dialog-header>div>span{font-size:10px;color:#a58a81;display:block;margin-bottom:3px}
.screen-dialog-header h2{font-size:24px;letter-spacing:-.025em}
.screen-dialog-header .icon-button{width:36px;height:36px}
.screen-dialog-body{display:flex;align-items:center;justify-content:center;min-height:200px;padding:14px;background:#eee9e4;border:1px solid #e5ddd5;border-radius:15px}

.screen-dialog-footer{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:12px}
.screen-dialog-footer .icon-button{width:32px;height:32px}
.screen-dialog-footer>span{font:10px/1 Arial,sans-serif;color:#ab8b7a;letter-spacing:1px}
.gallery-note{text-align:center;font-size:9px;color:#9c8882;margin-top:8px}
.enhanced [data-reveal]{opacity:0;transform:translateY(27px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.enhanced [data-reveal].is-revealed{opacity:1;transform:translateY(0)}
.enhanced .hero-enter{animation:hero-enter .85s var(--ease) both}
.enhanced .hero-enter:nth-child(2){animation-delay:.09s}
.enhanced .hero-enter:nth-child(3){animation-delay:.17s}
.enhanced .hero-enter:nth-child(4){animation-delay:.25s}
.enhanced .hero-enter:nth-child(5){animation-delay:.32s}
.enhanced .hero-visual{animation:visual-enter 1.2s var(--ease) .16s both}
@keyframes hero-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes visual-enter{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (min-width:1600px){.hero{padding-top:162px}.hero-grid{min-height:650px}.hero-visual{height:660px}.hero-phone-wrap{width:294px;height:601px}}
@media (max-width:1200px){
  :root{--content:1120px}
  .container{width:calc(100% - 72px)}
  .nav-shell{width:calc(100% - 40px);gap:20px}
  .desktop-nav{gap:22px;font-size:13px}.brand img{width:148px}
  .hero-grid{gap:20px;min-height:608px}
  .hero h1{font-size:76px}
  .hero-visual{height:605px}
  .hero-disc{width:425px;height:425px}
  .hero-phone-wrap{width:259px;height:532px}
  .match-float{width:159px;right:-2px;top:30px;padding:13px 11px}
  .dog-pair img{width:45px;height:45px}.match-float strong{font-size:12px}
  .boni-float{left:-6px;bottom:95px;padding:9px}.boni-float>img{width:51px;height:51px}.boni-float strong{font-size:11px}.boni-float span{font-size:10px}
  .park-float{right:0;bottom:170px;font-size:10px;padding:9px}
  .hero-actions{gap:20px}.hero-description{font-size:18px}
  .experience-grid{gap:65px}.story-step h3{font-size:44px}
  .story-stage{height:min(610px,calc(100svh - 130px))}
  .boni-grid{gap:60px}.boni-copy h2{font-size:53px}
  .feed-copy{padding:29px 25px}.feed-copy h3{font-size:39px}
  .feed-card{min-height:585px}.feed-preview{width:44%;left:-26px;top:132px}
  .privacy-card,.soon-card{padding-inline:25px}.footer-note{display:none}
}
@media (max-width:1000px){
  .desktop-nav{gap:16px;font-size:12px}.nav-cta{gap:12px;font-size:12px;padding:9px 13px}
  .brand img{width:140px}.nav-actions{gap:5px}.nav-shell{padding-inline:18px}
  .hero h1{font-size:66px}
  .hero-visual{height:550px}
  .hero-disc{width:365px;height:365px}
  .hero-phone-wrap{width:238px;height:486px}
  .hero-app-header{height:58px;padding:13px 12px 8px}
  .hero-app-header>span{font-size:10px}
  .hero-app-header img{width:25px;height:25px}
  .match-float{right:-3px;top:24px;width:140px;padding:10px}.match-float strong{font-size:11px}.match-float small{font-size:9px}
  .dog-pair img{width:39px;height:39px}
  .boni-float{bottom:73px;left:-4px;gap:7px}.boni-float>img{width:43px;height:43px}
  .boni-float strong{font-size:10px}.boni-float span{font-size:9px}
  .park-float{bottom:144px;right:-10px;font-size:9px;padding:8px}.park-float .icon{width:17px;height:17px}
  .star-one{left:25px;top:35px}
  .hero-grid{min-height:562px}
  .hero-description{font-size:17px}
  .hero-actions{gap:15px}.hero-actions .button{gap:17px;min-height:56px;font-size:13px;padding-right:16px}
  .text-button{font-size:12px}
  .feature-rail a{font-size:11px;gap:6px}.feature-rail a .icon{width:19px;height:19px}
  .section-heading h2{font-size:47px}.section-heading p{font-size:13px}
  .experience-grid{gap:43px}
  .story-step h3{font-size:39px}.story-step p{font-size:14px}
  .stage-sticker{left:9px;padding:8px;font-size:9px}
  .stage-doodle{right:16px}.stage-doodle .icon{width:32px;height:32px}
  .boni-grid{gap:40px}.boni-copy h2{font-size:47px}.boni-copy>p{font-size:14px}
  .boni-portrait{width:112px;height:112px}.boni-hello{font-size:10px}
  .chat-body{padding-inline:19px}.chat-question{font-size:12px}.chat-answer p{font-size:12px}
  .bento-grid{gap:17px;grid-template-columns:1.24fr 1fr}.feed-copy h3{font-size:33px}.feed-copy p{font-size:12px}
  .feed-preview{width:48%;left:-28px;top:171px}.feed-copy{width:58%;padding-inline:22px}
  .feed-sticker{font-size:8px;padding:8px;right:-16px;bottom:171px}
  .privacy-card h3{font-size:25px}.privacy-card,.soon-card{padding-inline:23px}
}
@media (max-width:899px){
  html{scroll-padding-top:96px}
  .container{width:calc(100% - 44px)}
  .site-header{top:12px}.site-header.is-scrolled{top:8px}
  .nav-shell{height:65px;border-radius:17px;width:calc(100% - 28px);padding-inline:18px}
  .site-header.is-scrolled .nav-shell{height:60px}
  .desktop-nav{display:none}.menu-toggle{display:flex;border:0;background:#f2eae2;border-radius:11px;width:36px;height:36px}
  .nav-cta{margin-inline:2px;font-size:11px}
  .brand img{width:136px}
  .hero{padding-top:116px}
  .hero-grid{grid-template-columns:1fr;gap:2px;min-height:0}
  .hero-copy{text-align:center;padding:8px 0 5px}
  .eyebrow{justify-content:center;font-size:11px;margin-bottom:20px}
  .hero h1{font-size:76px;line-height:1.03;letter-spacing:-.025em}
  .hero-description{font-size:17px;line-height:1.75;margin-top:31px}
  .hero-actions{justify-content:center;margin-top:23px;gap:25px}
  .hero-actions .button{min-height:58px;font-size:13px;padding-right:19px;gap:22px}
  .hero-actions .text-button{font-size:12px}
  .hero-note{justify-content:center;font-size:10px;margin-top:18px}
  .hero-visual{width:min(560px,100%);height:574px;margin:26px auto 0}
  .hero-disc{width:430px;height:430px}
  .hero-phone-wrap{width:263px;height:539px;top:47%}
  .hero-app-header{height:60px}
  .hero-app-header>span{font-size:11px}
  .match-float{right:22px;top:35px;width:155px;padding:13px}
  .match-float strong{font-size:12px}.dog-pair img{width:44px;height:44px}
  .boni-float{left:6px;bottom:75px;padding:11px;gap:9px}.boni-float>img{width:51px;height:51px}
  .boni-float strong{font-size:12px}.boni-float span{font-size:10px}
  .park-float{right:11px;bottom:150px;padding:10px;font-size:11px}
  .star-one{left:49px;top:21px}
  .hero-bottom{height:78px;font-size:10px}
  .hero-bottom-note{font-size:10px}.edition{display:none}
  .feature-rail-inner{flex-wrap:wrap;justify-content:center;gap:22px 30px;padding-block:26px}
  .feature-rail a{font-size:12px}
  .manifesto{padding:75px 0}
  .section-kicker{font-size:10px;margin-bottom:18px}
  .manifesto-title{font-size:39px;line-height:1.55}
  .manifesto-heart .icon{width:32px;height:32px}
  .manifesto p{font-size:14px;margin-top:15px}
  .experience-section{padding:62px 0}
  .section-heading{display:block}
  .section-heading h2{font-size:43px}
  .section-heading p{font-size:13px;margin-top:18px}
  .experience-heading{margin-bottom:13px}
  .experience-grid{display:block}
  .story-stage{display:none}
  .story-step{display:grid;grid-template-columns:1fr 1fr;min-height:0;gap:26px;align-items:center;padding:55px 0;border-bottom:1px solid #e5ddd5;scroll-margin-top:0}
  .story-step:last-child{border:0;padding-bottom:0}
  .story-step h3{font-size:35px}
  .story-step p{font-size:13px;margin-top:17px;line-height:1.9}
  .step-copy{max-width:none}
  .step-label{margin-bottom:19px;font-size:10px}
  .step-label>.icon{margin-inline-start:0}
  .step-tags{gap:8px 13px;font-size:10px;margin-top:16px}
  .inline-link{font-size:11px;margin-top:23px}
  .mobile-shot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;position:relative;background:#e4edf5;border-radius:25px;padding:22px 17px 15px;border:1px solid white;min-width:0}
  
  .mobile-shot>span{font-size:8px;color:#888388;text-align:center;line-height:1.4}
  .mobile-shot.lavender{background:#eae3f5}.mobile-shot.mint{background:#e5eee4}.mobile-shot.peach{background:#f7e3df}
  .boni-section{padding:69px 0 27px}
  .boni-grid{gap:36px}
  .boni-copy h2{font-size:43px}
  .boni-intro{margin-bottom:24px;gap:12px;flex-wrap:wrap}
  .boni-portrait{width:99px;height:99px;border-radius:28px}
  .boni-portrait img{border-radius:23px}
  .boni-hello{font-size:10px;transform:none}
  .boni-hello .icon{width:17px;height:17px}
  .chat-demo{transform:none}
  .chat-header{padding:17px 16px}
  .chat-body{padding:16px}
  .chat-date{margin-bottom:17px}
  .chat-question{font-size:11px;padding:12px}
  .chat-answer{padding:15px;margin-inline-start:12px;min-height:148px}
  .chat-answer p{font-size:11px}
  .chat-prompts button{font-size:10px;padding:6px 8px;gap:4px}
  .chat-prompts button .icon{width:12px;height:12px}
  .chat-footnote{font-size:8px}
  .ai-disclaimer{font-size:9px;margin-top:35px;align-items:flex-start}
  .together-section{padding:70px 0}
  .together-section .section-heading{margin-bottom:31px}
  .together-section .section-heading h2{font-size:41px}
  .bento-grid{grid-template-columns:1fr 1fr}
  .feed-card{grid-column:span 2;grid-row:auto;min-height:390px}
  .feed-copy{width:57%;padding:29px 28px}
  .feed-copy .card-icon{margin-bottom:22px}
  .feed-copy h3{font-size:40px}
  .feed-copy p{font-size:13px;max-width:285px}
  .feed-preview{width:40%;top:42px;left:0}
  .feed-device{width:237px}
  .feed-sticker{bottom:115px;font-size:10px;padding:10px;right:-15px}
  .privacy-card{min-height:355px;padding:25px}
  .soon-card{padding:25px;justify-content:space-between;gap:40px}
  .soon-features{gap:21px}
  .soon-features>div{flex-wrap:wrap;font-size:12px}
  .soon-features span{margin-inline-start:0}
  .beta-section{padding-bottom:62px}
  .beta-panel{padding:54px 23px 45px;border-radius:27px}
  .beta-panel h2{font-size:75px}
  .beta-panel p{font-size:12px}
  .beta-paw .icon{width:94px;height:94px}
  .paw-a{right:3%;top:21%}.paw-b{left:1%;bottom:17%}
  .footer-main{gap:24px}.footer-main nav{font-size:11px;gap:17px}
  .footer-brand img{width:142px}
}
@media (max-width:600px){
  .container{width:calc(100% - 38px)}
  .nav-shell{gap:8px;padding-inline:13px}
  .brand img{width:126px}
  .nav-actions{gap:4px}.nav-cta{display:none}
  .hero{padding-top:103px}
  .hero h1{font-size:clamp(54px,14.8vw,70px);line-height:1.055}
  .hero-description{font-size:15px;margin-top:26px}
  .hero-actions{gap:20px}.hero-actions .button{gap:18px;font-size:12px;min-height:54px;padding-right:17px;border-radius:14px}
  .button-circle{width:35px;height:35px;border-radius:10px}
  .hero-actions .text-button{font-size:11px}
  .hero-note{font-size:9px;margin-top:15px}
  .hero-visual{height:493px;margin-top:24px}
  .hero-disc{width:345px;height:345px}
  .disc-ring{inset:-13px}.disc-ring.inner{inset:27px}
  .hero-phone-wrap{width:227px;height:464px;left:50%;top:47%}
  .hero-device{padding:7px;border-radius:36px}
  .hero-device .device-screen{border-radius:29px}
  .hero-app-header{height:54px;padding:12px 10px 8px}
  .hero-app-header>span{font-size:9px}.hero-app-header .icon{width:13px;height:13px}
  .hero-app-header img{width:24px;height:24px}
  .match-float{top:23px;right:-1px;width:131px;padding:10px;border-radius:16px}
  .dog-pair{margin-bottom:7px}.dog-pair img{width:36px;height:36px}.dog-pair>span{width:21px;height:21px}
  .dog-pair .icon{width:9px;height:9px}
  .match-float strong{font-size:10px}.match-float small{font-size:8px}
  .boni-float{left:-4px;bottom:67px;gap:7px;padding:8px;border-radius:16px}
  .boni-float>img{width:45px;height:45px;border-radius:12px}
  .boni-float strong{font-size:10px}.boni-float span{font-size:8px;gap:5px}
  .boni-float span .icon{width:10px;height:10px}
  .park-float{right:-3px;bottom:132px;padding:8px;gap:6px;font-size:9px;border-radius:10px}
  .park-float .icon{width:16px;height:16px}
  .star-one{left:13px;top:14px}.hero-star .icon{width:32px;height:32px}
  .star-two{right:19px;bottom:57px}.star-two .icon{width:23px;height:23px}
  .visual-caption{font-size:8px;bottom:1px}
  .hero-bottom{height:68px;font-size:9px}
  .hero-bottom-note{font-size:8px}.hero-bottom-note .icon{width:12px;height:12px}
  .feature-rail-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:23px 5px;padding-block:25px}
  .feature-rail a{font-size:9px;gap:6px;justify-content:center}
  .feature-rail a .icon{width:17px;height:17px}
  .manifesto{padding:66px 0}
  .section-kicker{font-size:9px}
  .manifesto-title{font-size:clamp(26px,7.8vw,39px);line-height:1.55;letter-spacing:-.025em}
  .manifesto-heart{margin-inline-start:6px}.manifesto-heart .icon{width:25px;height:25px}
  .manifesto p{font-size:12px}
  .experience-section{padding:51px 0}
  .section-heading h2{font-size:39px}
  .section-heading p{font-size:12px;margin-top:16px}
  .story-step{display:block;padding:42px 0;scroll-margin-top:0}
  .step-label{font-size:10px;margin-bottom:18px}
  .step-label>.icon{margin-inline-start:auto}
  .step-copy{max-width:430px}
  .story-step h3{font-size:38px;line-height:1.18}
  .story-step p{font-size:13px;line-height:1.9;max-width:none}
  .step-tags{font-size:10px;margin-top:17px;gap:19px}
  .inline-link{font-size:11px;margin-top:22px}
  .mobile-shot{margin-top:29px;padding:27px 20px 18px;border-radius:25px}
  
  .mobile-shot>span{font-size:8px}
  .boni-section{padding:56px 0 24px}
  .boni-grid{grid-template-columns:1fr;gap:34px}
  .boni-intro{gap:17px;margin-bottom:29px}
  .boni-portrait{width:112px;height:112px}
  .boni-hello{font-size:11px;transform:rotate(-5deg)}
  .boni-copy h2{font-size:47px}
  .boni-copy>p{font-size:14px;line-height:1.9}
  .boni-copy .section-kicker{font-size:10px}
  .chat-header{padding:20px}
  .chat-body{padding:20px 19px}
  .chat-question{font-size:12px}
  .chat-answer{min-height:125px;margin-inline-start:15px;padding:17px}
  .chat-answer p{font-size:12px;min-height:80px}
  .chat-conversation{min-height:222px}
  .chat-prompts>div{gap:8px}
  .chat-prompts button{font-size:11px;padding:8px 12px}
  .chat-footnote{font-size:8px}
  .ai-disclaimer{font-size:8px;line-height:1.85;gap:6px;margin-top:27px;text-align:right}
  .ai-disclaimer .icon{width:14px;height:14px}
  .boni-bg-word{font-size:245px;bottom:-53px;right:-55px}
  .together-section{padding:57px 0}
  .together-section .section-heading h2{font-size:37px}
  .together-section .section-heading p{font-size:12px}
  .bento-grid{grid-template-columns:1fr;gap:17px}
  .feed-card{grid-column:auto;min-height:500px}
  .feed-copy{width:63%;padding:26px 22px}
  .feed-copy h3{font-size:38px}
  .feed-copy p{font-size:12px;max-width:200px}
  .feed-copy .card-icon{margin-bottom:28px}
  .feed-preview{width:46%;left:-25px;top:175px}
  .feed-device{width:215px;height:460px;border-radius:25px;border-width:5px}
  .feed-sticker{bottom:210px;font-size:8px;right:-16px;padding:8px}
  .feed-sticker .icon{width:12px;height:12px}
  .privacy-card{min-height:331px;padding:26px}
  .privacy-card h3{font-size:29px}
  .profile-choice{max-width:none;margin-top:24px}
  .profile-choice button{font-size:12px;padding:9px}
  .profile-explanation{font-size:12px;min-height:22px;max-width:none}
  .small-note{font-size:8px;margin-top:9px}
  .soon-card{padding:26px;gap:27px}
  .soon-features{gap:15px}
  .soon-features span{margin-inline-start:auto}
  .beta-section{padding-bottom:51px}
  .beta-panel{padding:42px 15px 35px;border-radius:26px}
  .beta-badge{font-size:9px;padding:6px 10px}
  .beta-panel h2{font-size:66px;line-height:1.08;margin-top:27px}
  .beta-panel p{font-size:11px;line-height:1.9}
  .beta-panel p br{display:none}
  .beta-panel p strong{display:block;margin-top:6px}
  .store-statuses{gap:8px;margin-top:26px}
  .store-status{min-width:0;flex:1;max-width:172px;gap:7px;padding:11px 12px;border-radius:11px}
  .store-status>.icon{width:22px;height:22px}
  .store-status b{font-size:13px}
  .store-status span{font-size:8px}
  .store-status .store-lock{margin-inline-start:auto;width:11px;height:11px}
  .beta-back-link{font-size:10px;gap:6px}
  .beta-paw .icon{width:59px;height:59px;stroke-width:.8}
  .paw-a{top:20%;right:0}.paw-b{bottom:36%;left:1%}
  .site-footer{padding:28px 0 20px}
  .footer-main{display:block;padding-bottom:26px}
  .footer-brand img{width:150px}
  .footer-brand p{font-size:10px}
  .footer-main nav{margin-top:23px;gap:23px;font-size:11px;flex-wrap:wrap}
  .footer-bottom{font-size:8px;gap:12px;align-items:flex-start}
  .footer-bottom>div{gap:13px;white-space:nowrap}
  .meeting-note{font-size:7px;max-width:330px;margin-inline-start:19px}
  .back-to-top{left:12px;bottom:14px;width:32px;height:32px;background:#fffdf9e8}
  .screen-dialog{padding:17px;border-radius:22px}
  .screen-dialog-header h2{font-size:21px}
  .screen-dialog-header>div>span{font-size:9px}
  .screen-dialog-body{padding:10px}
  
}
@media (max-width:359px){
  .container{width:calc(100% - 30px)}
  .hero h1{font-size:51px}
  .hero-actions{gap:12px}.hero-actions .button{font-size:11px;padding-right:13px;gap:12px}.hero-actions .text-button{font-size:10px}
  .hero-disc{width:290px;height:290px}
  .hero-phone-wrap{width:210px;height:431px}
  .hero-visual{height:463px}
  .hero-bottom-note{display:none}
  .match-float{right:-1px;width:119px}
  .match-float strong{font-size:9px}
  .boni-float strong{font-size:9px}
  .feature-rail a{font-size:8px}.feature-rail a .icon{width:14px;height:14px}
  .story-step h3{font-size:34px}.section-heading h2{font-size:35px}
  .chat-prompts button{padding:7px 9px}
  .feed-copy{width:64%;padding-inline:20px}.feed-copy h3{font-size:34px}
  .beta-panel h2{font-size:59px}
  .store-status{padding:10px 9px;gap:5px}.store-status span{font-size:7px}
  .footer-bottom{display:block}.footer-bottom>div{margin-top:10px}
}

/* Readability pass: supporting copy remains legible on every pastel surface. */
.hero-note{font-size:12px;color:#776a73}
.hero-bottom{color:#7e7178}
.visual-caption{color:#886e66;font-size:11px}
.section-kicker{color:#865e52}
.step-tags{font-size:12px;color:#74656c}
.inline-link{font-size:13px}
.story-board-top{font-size:11px;color:#5d6977}
.stage-sticker{font-size:11px}
.stage-gallery-link{font-size:11px;color:#77696c}
.boni-hello{color:#7d5689}
.boni-copy .section-kicker{color:#80648e}
.boni-copy>p{color:#75617f}
.chat-identity b{font-size:15px}
.chat-identity span{font-size:11px;color:#7f6d8c}
.demo-label{font-size:10px;color:#7c608a}
.chat-date{font-size:11px;color:#82708f}
.chat-question{font-size:15px}
.chat-answer p{font-size:14px;color:#6e597b}
.chat-prompts>span{font-size:11px;color:#7e6889}
.chat-prompts button{font-size:12px;color:#765585}
.chat-prompts button.is-active{color:white}
.chat-footnote{font-size:11px;color:#796385}
.ai-disclaimer{font-size:12px;color:#796383}
.small-kicker{font-size:11px;color:#80658b}
.feed-copy p{font-size:14px;color:#7e678b}
.card-topline .small-kicker{color:#847058}
.profile-choice button{font-size:12px;color:#826d57}
.profile-explanation{font-size:12px;color:#826a55}
.small-note{font-size:10px;color:#816d59}
.soon-card .small-kicker{color:#68816b}
.soon-features>div{color:#617e67}
.soon-features span{font-size:10px;color:#657e68}
.beta-badge{font-size:12px;color:#8a6051}
.beta-panel p{color:#88685e}
.store-status span{font-size:11px;color:#8c6a60}
.beta-back-link{font-size:12px;color:#8a5b4c}
.footer-brand p{font-size:11px;color:#85717b}
.footer-bottom{font-size:11px;color:#83717a}
.meeting-note{font-size:10px;color:#84747a}
.footer-note{font-size:11px;color:#8a727b}
.gallery-note{font-size:11px;color:#806b64}
@media(max-width:1000px) and (min-width:900px){
 .chat-question{font-size:13px}.chat-answer p{font-size:12px}
 .chat-prompts button{font-size:11px}.chat-footnote{font-size:10px}
 .feed-copy p{font-size:12px}
}
@media(max-width:899px){
 .hero-note{font-size:11px}.visual-caption{font-size:10px}
 .section-kicker{font-size:11px}.step-tags{font-size:11px}.inline-link{font-size:12px}
 .ai-disclaimer{font-size:11px}
 .chat-question{font-size:12px}.chat-answer p{font-size:12px}
 .chat-prompts button{font-size:11px}.chat-footnote{font-size:10px}
 .footer-bottom{font-size:10px}
}
@media(max-width:600px){
 .hero-note{font-size:10px}.visual-caption{font-size:9px}
 .hero-bottom{font-size:10px}.section-kicker{font-size:10px}
 .step-tags{font-size:11px}.inline-link{font-size:12px}
 .chat-identity b{font-size:14px}.chat-date{font-size:10px}
 .chat-question{font-size:13px}.chat-answer p{font-size:13px}
 .chat-footnote{font-size:10px}.chat-prompts button{font-size:12px}
 .ai-disclaimer{font-size:10px}
 .feed-copy p{font-size:13px}
 .small-note{font-size:10px}.small-kicker{font-size:11px}
 .beta-badge{font-size:10px}.store-status span{font-size:9px}
 .beta-back-link{font-size:11px}
 .footer-bottom{font-size:9px}.meeting-note{font-size:9px}
 .gallery-note{font-size:10px}
}


/* Contrast pass for small supporting text (decorative lines remain intentionally light). */
.hero-bottom{color:#796c73}
.step-label{color:#77655f}
.story-navigation a{color:#616b75}
.boni-copy .section-kicker{color:#765982}
.chat-date{color:#796583}
.small-kicker{color:#785880}
.feed-copy p{color:#735a80}
.card-topline .small-kicker{color:#776247}
.profile-choice button{color:#77634a}
.small-note{color:#76614c}
.soon-card .small-kicker,.soon-features>div,.soon-features span{color:#537258}
.beta-panel p{color:#7f6157}
.footer-brand p,.footer-main nav,.footer-note,.footer-bottom,.meeting-note{color:#796471}

.reduced-motion{scroll-behavior:auto!important}
.reduced-motion *, .reduced-motion *::before, .reduced-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.reduced-motion [data-reveal],.reduced-motion .hero-enter,.reduced-motion .hero-visual{opacity:1!important;transform:none!important}
.reduced-motion .ink-word{color:var(--ink)!important}
.reduced-motion .special-ink{color:var(--coral)!important}
.reduced-motion .visual-scene{transform:none!important}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .enhanced [data-reveal],.enhanced .hero-enter,.enhanced .hero-visual{opacity:1!important;transform:none!important}
}
@media print{
  .site-header,.reading-progress,.back-to-top,.hero-visual,.story-stage,.feature-rail,dialog{display:none!important}
  body{background:white;color:black}
  .container{width:100%}
  .hero{padding:20px 0}.hero-grid,.experience-grid,.boni-grid,.bento-grid{display:block}
  .story-step{min-height:0;padding:22px 0}
  .mobile-shot{display:none}
  .enhanced [data-reveal],.enhanced .hero-enter{opacity:1!important;transform:none!important}
  .hero h1{font-size:48px}.section-heading h2{font-size:32px}
  .boni-section,.together-section,.experience-section{padding:30px 0}
  .bento-card{break-inside:avoid;margin-block:20px}
}