@font-face{font-family:Story;src:url('assets/im_fell_english.ttf');font-display:swap}@font-face{font-family:Alegreya;src:url('assets/alegreya_sans_regular.ttf');font-display:swap}@font-face{font-family:Alegreya;src:url('assets/alegreya_sans_bold.ttf');font-weight:700;font-display:swap}
:root{--ink:#34200f;--cream:#fff4dc;--coral:#e54d2e;--green:#536537}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:20px Alegreya,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:6px}::selection{background:#fac955;color:var(--ink)}
.hero{position:relative;width:min(100%,1700px);margin:auto;aspect-ratio:1.5;min-height:720px;background:url('assets/background.png') center/100% 100% no-repeat;isolation:isolate;overflow:hidden}header{position:relative;z-index:5;display:flex;align-items:center;gap:4%;padding:1.8% 5%;height:12%}.brand{font:700 clamp(28px,3.8vw,62px) Story,serif;color:var(--ink);text-decoration:none;white-space:nowrap;letter-spacing:-.03em}.brand span{font-size:.45em;color:var(--coral);vertical-align:top}nav{display:flex;gap:2vw;align-items:center}nav button{border:0;background:none;padding:12px 0;font-weight:700;white-space:nowrap}nav button:hover{color:var(--coral)}.motion{margin-left:auto;border:1px solid #927958;border-radius:20px;background:#fff4dcbd;font-size:15px;padding:8px 12px}
.copy{position:absolute;top:14%;left:5.5%;width:39%;z-index:3}h1{font-family:Story,serif;font-weight:900;font-size:clamp(92px,10.5vw,178px);line-height:.83;letter-spacing:-.035em;margin:0 0 6%;text-shadow:1px 0 currentColor,-1px 0 currentColor}h1:after{content:'';display:block;background:#e7ac24;height:5px;width:78%;margin-top:12px;transform:rotate(-2deg);border-radius:70%}p{font-size:clamp(20px,2.05vw,33px);line-height:1.3;margin:4% 0 6%}.download{border:0;border-radius:50px;background:var(--coral);color:#fff9ec;padding:17px 28px;font-size:clamp(21px,2.05vw,34px);font-weight:700;box-shadow:0 6px 14px #8b40151a;transition:transform .15s,background .15s}.download:hover{background:#c73d20;transform:translateY(-2px)}.download:active{transform:scale(.96)}.download .download-arrow{margin-left:14px}.notice{font-size:18px;line-height:1.2;max-width:360px;min-height:2.4em;margin-top:12px}
.pet{position:absolute;z-index:2;left:28%;top:10%;width:45%;aspect-ratio:1;border:0;padding:0;background:none;touch-action:pan-y}.pet canvas,.pet .fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.pet canvas{opacity:0}.pet.ready canvas{opacity:1}.pet.ready .fallback{opacity:0}.pet-hint{position:absolute;left:36%;bottom:-2%;background:#fff7e6eb;border-radius:20px;padding:7px 14px;font-size:18px;opacity:0;transition:opacity .2s;pointer-events:none}.pet:hover .pet-hint,.pet:focus-visible .pet-hint{opacity:1}.hearts{position:absolute;left:65%;top:20%;pointer-events:none}.heart{position:absolute;width:16px;height:16px;background:#db553e;transform:rotate(45deg);animation:heart 850ms ease-out forwards}.heart:before,.heart:after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:inherit}.heart:before{left:-8px}.heart:after{top:-8px}@keyframes heart{to{translate:var(--dx) -75px;opacity:0;scale:.5}}
.phone{position:absolute;z-index:1;top:25%;right:6%;width:19%;height:48%;border:9px solid #38291d;border-radius:38px;transform:rotate(8deg);background:#fffaee;box-shadow:0 12px 18px #49301529,0 0 0 6px #fff9ed}.screen{position:absolute;inset:0;border-radius:26px;background:#fff6e3}.phone:after{content:'';position:absolute;width:40%;height:14px;top:0;left:30%;background:#38291d;border-radius:0 0 12px 12px}.hero-tail{position:absolute;top:87%;left:15%;width:70%;text-align:center}h2{font:700 clamp(28px,3.5vw,56px)/1 Story,serif;margin:0}.hero-tail p{font-size:18px;margin:12px 0}
@media(min-width:1000px){.pet{top:8%;width:50%;left:27%;height:73%}}
@media(max-width:800px){.hero{min-height:1060px;aspect-ratio:auto;background-size:auto 100%;background-position:58% center}header{padding:18px 6%;height:80px;gap:12px}.brand{font-size:34px}nav{display:none}.motion{font-size:13px;padding:8px}.copy{position:relative;top:auto;left:auto;margin:18px 7% 0;width:86%}h1{font-size:clamp(76px,24.6vw,96px);line-height:.85;max-width:350px;margin-bottom:22px}.copy p{font-size:23px;max-width:380px}.desktop{display:none}.download{font-size:24px;padding:15px 24px}.notice{font-size:16px;min-height:36px}.pet{left:-10%;top:620px;width:84%;height:340px}.phone{top:685px;right:9%;height:245px;width:29%;border-width:7px;border-radius:24px;box-shadow:0 7px 14px #49301520,0 0 0 4px #fff9ed}.screen{border-radius:16px}.phone:after{height:10px}.hero-tail{top:990px;left:5%;width:90%}h2{font-size:29px}footer p{font-size:16px}.pet-hint{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.download:hover{transform:none}}

/* The tested hero above remains the first viewport. Continuation below. */
html{scroll-behavior:smooth;scroll-padding-top:24px;scrollbar-color:#9b6e3a #fff4dc}
body{overflow-wrap:break-word}
.skip-link{position:fixed;top:12px;left:12px;z-index:20;padding:12px 20px;background:var(--ink);color:var(--cream);border-radius:12px;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.skip-link:not(:focus){clip-path:inset(50%)}
nav a{color:inherit;text-decoration:none;padding:12px 0;font-weight:700;white-space:nowrap;transition:color .15s}
nav a:hover{color:var(--coral)}
.menu-toggle{display:none;border:0;background:none;width:44px;height:44px;padding:10px;flex:none}
.hero-tail h2{margin:0}
.hero-tail{z-index:1}
.hero:after{content:'';position:absolute;inset:auto 0 0;height:100px;z-index:0;pointer-events:none;background:linear-gradient(to bottom,transparent,#f8d677)}
.story-section{position:relative;max-width:1700px;margin:0 auto;scroll-margin-top:24px;isolation:isolate}
.section-inner{position:relative;width:86%;max-width:1400px;margin:auto;z-index:1;display:grid;align-items:center;gap:6%}
.section-copy h2{font-family:Story,serif;font-size:clamp(44px,5.4vw,88px);line-height:.99;letter-spacing:-.025em;font-weight:700;text-wrap:balance;margin:0 0 28px}
.section-copy p{font-size:clamp(24px,2.15vw,34px);line-height:1.4;max-width:29ch;margin:0 0 25px;text-wrap:pretty}
.text-link{display:inline-flex;align-items:center;gap:12px;color:inherit;font-weight:700;text-decoration-thickness:1px;text-underline-offset:5px;min-height:48px;font-size:22px}
.text-link svg,.back-top svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .2s}
.text-link:hover svg{transform:translateX(5px)}
.story-mark{position:relative;display:inline-block}
.ink-stroke{position:absolute;left:3%;right:1%;bottom:-.1em;height:clamp(4px,.4vw,7px);border-radius:65% 40% 70% 35%;background:#e7ac24;transform:rotate(-1deg);pointer-events:none}
.benefits .ink-stroke{background:#ffe194}
.spark-burst{position:absolute;width:0;height:0;z-index:3;pointer-events:none}
.spark-burst i{position:absolute;width:11px;height:4px;border-radius:3px;background:#fff0ac;transform-origin:0 50%;pointer-events:none}
.spark-burst i:nth-child(even){background:#fff9ec}
.adventures{background:linear-gradient(to bottom,#f8d677,var(--cream));margin-top:-1px;padding:60px 0 125px}
.adventures:before,.care:before,.closing:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;background-position:center bottom;mask-image:linear-gradient(to bottom,transparent,#000 100px,#000 calc(100% - 90px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 100px,#000 calc(100% - 90px),transparent)}
.adventures:before{background-image:url('assets/landing/adventures.webp')}
.adventure-layout{grid-template-columns:1.15fr .85fr;min-height:650px}
.adventure-layout .section-copy{align-self:start;padding-top:0;margin-top:-10px}
.product-shot{position:relative;width:clamp(240px,24vw,390px);aspect-ratio:9/18.8;flex:none;background:#fff8e8;border:9px solid #38291d;border-radius:43px;box-shadow:0 14px 24px #49301520,0 0 0 6px #fff9ed;justify-self:center}
.product-shot:after{content:'';position:absolute;top:-1px;left:30%;width:40%;height:16px;border-radius:0 0 13px 13px;background:#38291d;z-index:2}
.shot-screen{position:absolute;inset:0;overflow:hidden;border-radius:32px;background:#fff6e3}
[data-screenshot] img{display:block;width:100%;height:100%;object-fit:contain}
.shot-adventures{transform:rotate(7deg)}
.care{padding:90px 0 100px;background:var(--cream);margin-top:-2px}
.care:before,.closing:before{background-image:url('assets/landing/park.webp')}
.care:before{bottom:auto;height:var(--care-ground-height,100%)}
.care-layout{grid-template-columns:.85fr 1.15fr;min-height:730px}
.shot-care{transform:rotate(-6deg)}
.care-scene{position:relative;height:300px;margin-top:10px;width:100%}
.bench{position:absolute;width:47%;height:auto;bottom:0;right:-5%;transform:rotate(2deg)}
.illustrated-button{display:block;position:relative;border:0;background:none;padding:0;line-height:0;touch-action:pan-y;transform-origin:50% 85%;border-radius:14px}
.illustrated-button img{display:block;width:100%;height:auto;pointer-events:none}
.illustrated-button:hover{filter:brightness(1.035)}
.illustrated-button img,.pet canvas{transform-origin:50% 95%}
.care-pet{position:absolute;bottom:-15px;right:20%;width:53%;}
.care-bush{position:absolute;bottom:calc(100% - var(--care-ground-height,100%) + 25px);left:0;width:25%;max-width:340px;height:auto;z-index:0;pointer-events:none}
.care-more{display:inline-flex;align-items:center;gap:13px;border:0;background:none;padding:3px 0;min-height:60px;font-size:21px;font-weight:700;text-align:left;line-height:1.25;border-radius:14px;color:var(--green)}
.care-more-circle{display:grid;place-items:center;width:50px;height:50px;flex:none;border-radius:50%;background:var(--green);color:#fff9ec;transition:background .16s,transform .16s}
.care-more svg,.care-hide svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.care-more:hover .care-more-circle{background:#3e5127}.care-more:active .care-more-circle{transform:scale(.94)}
.care-plus{transition:opacity .16s}.care-more[aria-expanded="true"] .care-plus{opacity:0}
.care-details{position:relative;z-index:1;width:86%;max-width:1400px;margin:15px auto 0;scroll-margin-top:24px}
.care-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.care-cards article{padding:25px 23px 27px;border-radius:16px;background:#fff9ec;min-width:0}
.care-cards article>svg{width:32px;height:32px;fill:none;stroke:var(--green);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;margin-bottom:20px}
.care-cards h3{font:700 clamp(26px,2.2vw,33px)/1.08 Story,serif;letter-spacing:-.02em;margin:0 0 15px;text-wrap:balance}
.care-cards p{font-size:22px;line-height:1.4;margin:0;max-width:32ch;text-wrap:pretty}
.care-hide{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 15px;margin:22px auto 0;border:0;border-radius:14px;background:none;color:var(--green);font-size:21px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.care-hide:hover{text-decoration-thickness:2px}
@media(max-width:1150px){.care-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.care-more{grid-column:1/-1;grid-row:3;justify-self:start;font-size:21px;margin:3px 0 8px}.care-layout .shot-care,.care-layout .care-scene{grid-row:4}.care-details{margin-top:32px}.care-cards{gap:16px}.care-cards article{padding:23px}.care-cards h3{font-size:29px}.care-cards p{font-size:22px}}
@media(max-width:560px){.care-cards{grid-template-columns:1fr}.care-cards article>svg{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.care-more-circle,.care-plus{transition:none}.care-more:active .care-more-circle{transform:none}}
.motion-paused .care-more-circle,.motion-paused .care-plus{transition:none}.motion-paused .care-more:active .care-more-circle{transform:none}
.little-hearts{position:absolute;top:22%;left:65%;pointer-events:none}
.benefits{background:#c9442c;color:#fff9ec;padding:120px 0;}
.benefits-layout{grid-template-columns:1fr 1fr;min-height:480px;gap:2%}
.benefits .section-copy h2{font-size:clamp(44px,5.2vw,83px)}
.benefits .section-copy p{max-width:27ch}
.benefits :is(button,a):focus-visible{outline-color:#fff9ec}
.benefit-cloud,.benefit-plant,.closing-grass{position:absolute;pointer-events:none;z-index:0;height:auto}
.benefit-cloud{width:clamp(90px,11vw,185px);opacity:.35}
.cloud-left{top:11%;left:3%;transform:rotate(-3deg)}
.cloud-right{top:-6%;right:0;width:clamp(115px,13vw,210px);opacity:.46;transform:scaleX(-1)}
.benefit-plant{bottom:38px;width:clamp(150px,20vw,285px)}
.plant-left{left:0}
.plant-right{right:0;width:clamp(135px,18vw,260px);transform:scaleX(-1)}
.section-wave{display:block;position:absolute;left:0;width:100%;height:65px;fill:var(--cream);z-index:0;pointer-events:none}
.wave-top{top:-1px}.wave-bottom{bottom:-1px}
.benefit-scene{position:relative;aspect-ratio:1.2;width:110%;margin-left:-5%;}
.shop{position:absolute;right:-2%;top:0;width:88%;height:auto;}
.treats{position:absolute;bottom:4%;left:19%;width:32%;height:auto;transform:rotate(-9deg)}
.toy{position:absolute;transform-origin:50% 85%}
.ball{bottom:1%;left:-4%;width:29%;}
.rope{bottom:-6%;left:38%;width:43%;transform:rotate(-9deg)}
.closing{padding:95px 0 75px;background:var(--cream)}
.closing-grass{left:0;bottom:18px;width:clamp(150px,18vw,270px)}
.closing-layout{grid-template-columns:1.2fr .8fr;min-height:380px;gap:0}
.closing .section-copy h2{font-size:clamp(42px,4.9vw,78px);max-width:15ch;margin-bottom:36px}
.closing .download{font-size:clamp(23px,2.05vw,34px)}
.play-pet{width:120%;margin-left:-10%;}
.closing .notice{margin-top:18px;font-size:20px;max-width:31ch;min-height:2.6em}
.site-footer{position:relative;max-width:1700px;margin:auto;display:flex;align-items:center;gap:30px;padding:24px 7% 35px;background:var(--cream);border-top:1px solid #34200f1c}
.site-footer .brand{font-size:34px}.site-footer p{font-size:20px;margin:0}.back-top{margin-left:auto;color:inherit;display:inline-flex;gap:10px;align-items:center;min-height:48px;text-underline-offset:5px}
.back-top:hover svg{transform:translateY(-4px)}
.motion-paused *{scroll-behavior:auto!important}
@media(max-width:1000px) and (min-width:801px){header{gap:2%;padding-inline:4%}.brand{font-size:34px}nav{gap:16px}nav a{font-size:17px}.motion{font-size:14px}.section-copy h2{font-size:58px}.section-copy p{font-size:27px}.care-scene{height:235px}}
@media(max-width:800px){
 header{gap:6px}.brand{font-size:clamp(26px,7.7vw,34px)}.motion{padding:8px 10px;margin-left:auto}.menu-toggle{display:block}
 #main-nav{display:none;position:absolute;left:5%;right:5%;top:78px;z-index:10;padding:15px 24px;background:#fff8e8;box-shadow:0 12px 30px #34200f24;border-radius:16px;flex-direction:column;align-items:stretch;gap:0}
 #main-nav.is-open{display:flex}#main-nav a{padding:15px 0;font-size:22px}
 .section-inner{width:86%;gap:36px;display:flex;flex-direction:column;align-items:stretch;min-height:0}
 .section-copy h2{font-size:clamp(42px,11.8vw,64px);line-height:1.04;letter-spacing:-.025em;margin-bottom:22px}
 .section-copy p{font-size:24px;line-height:1.4;max-width:29ch;margin-bottom:18px}
 .text-link{font-size:20px}
 .adventures{padding:50px 0 115px}.adventures:before{background-size:auto 100%;background-position:54% center}.adventure-layout .section-copy{padding-top:0;margin-top:0}
 .product-shot{width:210px;border-width:7px;border-radius:29px;box-shadow:0 12px 18px #49301520,0 0 0 4px #fff9ed;align-self:center;margin:20px auto 0}
 .shot-screen{border-radius:21px}.product-shot:after{height:11px}
 .care{padding:55px 0 95px}.care-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.care-layout>.section-copy{display:contents}.care-layout h2,.care-layout p{grid-column:1/-1}.care-layout h2{margin-bottom:4px}.care-layout p{margin-bottom:6px}.shot-care{grid-column:1;grid-row:3;width:clamp(145px,43vw,210px);margin:25px 0 0;justify-self:center}
 .care:before{background-size:auto 100%;background-position:55% bottom}
 .care-scene{grid-column:2;grid-row:3;align-self:end;height:220px;width:130%;margin:0 0 0 -25%}.care-pet{right:19%;width:63%}.bench{width:57%;right:0}.care-bush{width:38%}
 .benefits{padding:90px 0 110px}.benefits-layout{gap:0}.benefits .section-copy h2{font-size:clamp(42px,11.8vw,64px)}
 .benefit-scene{width:110%;margin:10px 0 0 -5%;aspect-ratio:1.15}
 .benefit-cloud{width:88px}.cloud-left{top:36px;left:3%}.cloud-right{top:4%;right:4%;width:105px}
 .benefit-plant{width:130px;bottom:35px}.plant-left{left:0}.plant-right{right:0;width:115px}
 .ball{left:0}
 .closing{padding:60px 0 45px}.closing-layout{gap:0}.closing .section-copy h2{font-size:clamp(40px,10.8vw,62px);max-width:16ch}.closing .section-copy .notice{min-height:0;margin-top:15px}
 .closing:before{background-size:auto 100%;background-position:57% bottom}.closing-grass{width:135px;left:0;bottom:18px}
 .play-pet{width:92%;max-width:450px;margin:0 auto}.site-footer{flex-wrap:wrap;gap:10px 24px;padding:25px 7%}.site-footer .brand{font-size:30px}.site-footer p{font-size:18px}.back-top{font-size:18px;margin-left:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.text-link:hover svg,.back-top:hover svg{transform:none}.illustrated-button:active{scale:1}}

/* A focused, one-question-at-a-time path for commerce proposals. */
[hidden]{display:none!important}
.merchant-invitation{margin-top:38px;max-width:30ch}
.benefits .merchant-invitation p{font-size:21px;line-height:1.35;margin:0 0 12px}
.merchant-entry{display:inline-flex;align-items:center;gap:18px;min-height:52px;padding:11px 22px;border:1px solid #fff9ecad;border-radius:28px;color:#fff9ec;text-decoration:none;font-size:22px;font-weight:700;transition:background .18s,color .18s}
.merchant-entry:hover{background:#fff9ec;color:#96321f}
.merchant-entry svg,.merchant-view svg,.commerce-landing .merchant-next svg,.commerce-landing .merchant-exit svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.merchant-open{background:#fff4dc}
.merchant-view{min-height:100svh;background:#fff4dc;caret-color:#96321f}
.merchant-topbar{position:relative;z-index:2;max-width:1600px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:27px 5%;gap:20px;border-bottom:1px solid #34200f1c}
.merchant-topbar .brand{font-size:36px}
.merchant-exit{display:inline-flex;align-items:center;gap:4px;min-height:44px;color:var(--ink);font-size:19px;text-decoration:none}
.merchant-exit:hover{text-decoration:underline;text-underline-offset:5px}
.merchant-layout{max-width:1280px;margin:auto;min-height:calc(100svh - 103px)}
.merchant-workspace{max-width:820px;padding:32px 48px 40px;min-width:0;margin:auto}
.merchant-progress{margin-bottom:36px}
.merchant-progress ol{display:flex;justify-content:space-between;gap:10px;list-style:none;margin:0 0 12px;padding:0;font-size:17px;line-height:1.2}
.merchant-progress li{color:#765e3b}
.merchant-progress [aria-current]{color:var(--ink);font-weight:700}
.merchant-progress .is-complete{color:var(--green)}
.merchant-track{height:3px;background:#d8c6a4;overflow:hidden;border-radius:3px}
.merchant-track span{display:block;width:25%;height:100%;background:var(--green);transition:width .25s cubic-bezier(.16,1,.3,1)}
.merchant-preview{font-size:17px;line-height:1.4;color:#735735;margin:0 0 26px;max-width:60ch}
.merchant-question h1{font:700 46px/1.08 Story,serif;letter-spacing:-.025em;margin:0 0 20px;max-width:18ch;text-shadow:none;text-wrap:balance;outline:none}
.merchant-question h1:after{content:none}
.merchant-question h1:focus-visible{outline:none}
.merchant-help{font-size:21px;line-height:1.45;margin:0 0 26px;max-width:48ch;color:#705533}
.merchant-options{display:grid;gap:12px;margin-top:28px}
.merchant-option{display:flex;position:relative;align-items:center;gap:14px;min-height:86px;padding:16px 20px;border:1px solid #a8926f;border-radius:14px;cursor:pointer;transition:background .15s,border-color .15s}
.merchant-option:hover{background:#fff9ec;border-color:#725d3d}
.merchant-option:has(input:checked){background:#e9eddb;border-color:var(--green)}
.merchant-option:has(input:focus-visible){outline:3px solid var(--green);outline-offset:4px}
.merchant-option input{appearance:none;position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:1;cursor:pointer}
.merchant-option span{min-width:0;flex:1}
.merchant-option strong{display:block;font-size:23px;line-height:1.15}
.merchant-option small{display:block;font-size:18px;color:#705533;line-height:1.3;margin-top:5px}
.merchant-option svg{width:22px;height:22px;color:var(--green);opacity:0}
.merchant-option input:checked~svg{opacity:1}
.merchant-field-label{display:block;font-size:19px;font-weight:700;margin:30px 0 10px}
.merchant-question input:not([type=radio]):not([type=checkbox]),.merchant-question textarea{display:block;width:100%;border:1px solid #a8926f;border-radius:12px;background:#fff9ec;color:var(--ink);font:24px/1.35 Alegreya,sans-serif;padding:17px 18px;min-height:64px;resize:vertical;caret-color:var(--ink)}
.merchant-question textarea{min-height:172px}
.merchant-question input::placeholder,.merchant-question textarea::placeholder{color:#816847;opacity:1}
.merchant-question input:focus-visible,.merchant-question textarea:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.merchant-question input:not([type=radio]):not([type=checkbox])[aria-invalid=true],.merchant-question textarea[aria-invalid=true]{border-color:#a33221}
.merchant-counter{font-size:16px;margin:10px 0 0;text-align:right;font-variant-numeric:tabular-nums;color:#765e3b}
.merchant-error{font-size:19px;line-height:1.4;color:#a33221;margin:14px 0 0;max-width:46ch}
.merchant-error:empty{display:none}
.merchant-actions{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:30px}
.merchant-next{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:58px;border:0;border-radius:32px;padding:14px 26px;background:#c73d20;color:#fff9ec;font-size:23px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;margin-left:auto;line-height:1.2}
.merchant-next:hover{background:#a9361e}
.merchant-next:active{transform:scale(.98)}
.merchant-next:disabled{cursor:default;background:#e7dcc3;color:#705533;transform:none}
.merchant-back{display:flex;align-items:center;gap:9px;min-height:48px;border:0;background:none;padding:8px 0;font-size:20px}
.merchant-back:disabled{opacity:.55;cursor:default}
.merchant-back:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}
.merchant-reassurance{font-size:17px;line-height:1.4;margin:28px 0 0;color:#765e3b;max-width:54ch}
.merchant-summary{margin:28px 0 30px}
.merchant-summary>div{position:relative;border-bottom:1px solid #d8c6a4;padding:15px 65px 15px 0}
.merchant-summary dt{font-size:17px;color:#765e3b;margin-bottom:5px}
.merchant-summary dd{font-size:22px;line-height:1.35;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.merchant-summary button{position:absolute;right:0;top:15px;background:none;border:0;color:#8d391f;min-height:44px;padding:5px;font-size:18px;text-decoration:underline;text-underline-offset:4px}
.merchant-consent{display:flex;align-items:flex-start;gap:12px;font-size:19px;line-height:1.4;cursor:pointer}
.merchant-consent input{accent-color:var(--green);width:22px;height:22px;flex:none;margin:3px 0 0}
.merchant-success-mark{display:flex;width:68px;height:68px;align-items:center;justify-content:center;background:#e9eddb;color:var(--green);border-radius:50%;margin-bottom:28px}
.merchant-success-mark svg{width:38px;height:38px}
.merchant-return{margin-top:10px}
.is-choice-step .merchant-workspace{max-width:1280px;padding-top:26px}
.is-choice-step .merchant-question h1{max-width:none;text-align:center;font-size:46px;margin-bottom:16px}
.is-choice-step .merchant-help{max-width:60ch;text-align:center;margin:0 auto 30px}
.is-choice-step .merchant-preview{max-width:none;text-align:center;font-size:16px;margin-bottom:24px}
.is-choice-step .merchant-progress{margin-bottom:20px}
.is-choice-step .merchant-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:0}
.is-choice-step .merchant-option{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;background:#fff9ec;min-height:350px;padding:30px 22px 24px;text-align:center;border-color:#c9b591}
.is-choice-step .merchant-option:has(input:checked){background:#eef0dd;border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.is-choice-step .merchant-option:hover{background:#fffdf3;border-color:#7b8052}
.is-choice-step .merchant-option:has(input:checked):hover{background:#eef0dd}
.is-choice-step .merchant-option>span{flex:none;width:100%}
.merchant-choice-art{position:relative;height:180px;display:block;margin:0 auto 4px}
.merchant-choice-art img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transition:transform .2s cubic-bezier(.16,1,.3,1)}
.is-choice-step .merchant-option:hover .merchant-choice-art:not(.choice-both) img{transform:translateY(-3px)}
.choice-both .choice-local{position:absolute;width:88%;height:82%;left:-4%;top:0}
.choice-both .choice-online{position:absolute;width:68%;height:68%;right:-3%;bottom:-3%}
.is-choice-step .merchant-option>svg{position:absolute;right:13px;top:13px;width:24px;height:24px}
.is-choice-step .merchant-option strong{font-size:25px;line-height:1.15;min-height:2.3em;display:flex;align-items:center;justify-content:center;text-wrap:balance}
.is-choice-step .merchant-option small{font-size:20px;line-height:1.35;margin-top:8px}
.is-choice-step .merchant-actions{justify-content:center;margin-top:28px}
.is-choice-step .merchant-actions .merchant-next{margin:0;min-width:220px}
.is-choice-step .merchant-actions .merchant-back{position:absolute;left:0}
.is-choice-step .merchant-actions{position:relative}
.is-choice-step .merchant-reassurance{max-width:65ch;margin:24px auto 0;text-align:center}
.is-choice-step .merchant-error{margin-inline:auto;text-align:center}
@media(max-width:1100px) and (min-width:801px){.is-choice-step .merchant-option{padding:28px 18px 22px;min-height:330px}.merchant-choice-art{height:155px}.is-choice-step .merchant-option strong{font-size:23px}.is-choice-step .merchant-option small{font-size:19px}}
@media(max-width:800px){
 .merchant-topbar{padding:17px 6%;gap:10px}.merchant-topbar .brand{font-size:27px}.merchant-exit{font-size:17px;white-space:nowrap}.merchant-exit svg{width:20px;height:20px}
 .merchant-layout{min-height:calc(100svh - 79px)}.merchant-workspace{padding:28px 7% 40px}
 .merchant-progress{margin-bottom:28px}.merchant-progress ol{font-size:15px;gap:8px}.merchant-preview{font-size:16px;margin-bottom:22px}
 .merchant-question h1{font-size:36px;line-height:1.1;max-width:19ch;margin-bottom:18px}.merchant-help{font-size:20px;line-height:1.4;margin-bottom:24px}
 .merchant-options{margin-top:24px;gap:11px}.merchant-option{padding:15px 17px;min-height:80px}.merchant-option strong{font-size:22px}.merchant-option small{font-size:17px}
 .merchant-field-label{font-size:18px;margin-top:26px}.merchant-question input:not([type=radio]):not([type=checkbox]),.merchant-question textarea{font-size:22px;padding:16px;min-height:60px}
 .merchant-actions{gap:15px;margin-top:26px}.merchant-next{font-size:22px;padding:14px 23px;gap:20px;min-height:56px}.merchant-back{font-size:19px}.merchant-back svg{width:21px;height:21px}
 .merchant-reassurance{font-size:16px;margin-top:26px}.merchant-error{font-size:18px}.merchant-summary dd{font-size:21px}.merchant-consent{font-size:18px}
 .merchant-invitation{margin-top:30px}.benefits .merchant-invitation p{font-size:20px}.merchant-entry{font-size:21px}
 .is-choice-step .merchant-workspace{padding:24px 6% 32px}
 .is-choice-step .merchant-question h1{font-size:36px;text-align:left;max-width:19ch;margin-bottom:16px}
 .is-choice-step .merchant-help{text-align:left;font-size:20px;margin:0 0 23px}
 .is-choice-step .merchant-preview{text-align:left;margin-bottom:22px;font-size:16px}
 .is-choice-step .merchant-options{grid-template-columns:1fr;gap:12px}
 .is-choice-step .merchant-option{flex-direction:row;align-items:center;gap:16px;min-height:130px;padding:16px 28px 16px 10px;text-align:left}
 .is-choice-step .merchant-option>.merchant-choice-art{width:96px;flex:0 0 96px;height:98px;margin:0}
 .is-choice-step .merchant-option>.merchant-option-copy{width:auto;flex:1}
 .is-choice-step .merchant-option strong{font-size:22px;min-height:0;display:block}
 .is-choice-step .merchant-option small{font-size:17px;margin-top:6px}
 .is-choice-step .merchant-option>svg{right:7px;top:8px;width:19px;height:19px}
 .is-choice-step .merchant-actions .merchant-next{min-width:205px}
 .is-choice-step .merchant-reassurance{text-align:left;font-size:16px}
}
@media(max-width:350px){.merchant-topbar{padding-inline:5%}.merchant-topbar .brand{font-size:24px}.merchant-exit{font-size:16px}.merchant-workspace{padding-inline:6%}.merchant-question h1{font-size:33px}.merchant-next{font-size:20px;padding-inline:20px;gap:12px}.merchant-option{padding:14px}.merchant-option small{font-size:16px}}
@media(max-width:350px){.is-choice-step .merchant-question h1{font-size:33px}.is-choice-step .merchant-option{gap:12px;padding-right:24px}.is-choice-step .merchant-option>.merchant-choice-art{flex-basis:78px;width:78px;height:90px}.is-choice-step .merchant-option strong{font-size:21px}.is-choice-step .merchant-option small{font-size:16px}}

/* Guided answers and recovery share the existing form's controls. */
.merchant-field-stack{display:grid;gap:22px;margin-top:28px}
.merchant-field>label{display:block;font-size:19px;font-weight:700;margin:26px 0 10px}
.merchant-field-stack .merchant-field>label{margin-top:0}
.merchant-field select{display:block;width:100%;min-height:62px;padding:15px 42px 15px 17px;border:1px solid #a8926f;border-radius:12px;background:#fff9ec;color:var(--ink);font:22px/1.3 Alegreya,sans-serif;cursor:pointer;max-width:100%}
.merchant-field select:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.merchant-field select[aria-invalid=true]{border-color:#a33221}
.merchant-compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.merchant-compact .merchant-option{min-height:66px}
.merchant-options[role=group] .merchant-option{padding-right:55px}
.merchant-options[role=group] .merchant-option>svg{position:absolute;right:18px;top:calc(50% - 11px);width:22px;height:22px;opacity:1;color:transparent;border:1px solid #a8926f;border-radius:4px;padding:2px}
.merchant-options[role=group] input:checked~svg{color:var(--green);border-color:var(--green)}
.merchant-connectivity,.merchant-undo{font-size:18px;line-height:1.45;background:#e9eddb;color:#40522d;padding:15px 18px;border-radius:12px;margin:0 0 24px}
.merchant-undo{margin:20px 0 0}
.merchant-undo button{display:inline-block;min-height:44px;padding:8px 5px;border:0;background:none;text-decoration:underline;text-underline-offset:4px;font-weight:700;color:inherit}
.merchant-send-status{font-size:18px;line-height:1.4;color:#705533;margin:20px 0 0}
.merchant-send-status:empty{display:none}
.merchant-field .merchant-error{margin-top:10px}
.merchant-field input[type=number]{font-variant-numeric:tabular-nums}

/* A separate public invitation, written for business owners and their community. */
.commerce-landing{background:var(--cream);min-height:100svh}
.commerce-landing .merchant-topbar{max-width:1440px}
.commerce-hero{max-width:1440px;margin:auto;padding:70px 6% 85px;display:grid;grid-template-columns:1.1fr 1fr;gap:3%;align-items:center}
.commerce-copy h1{font:700 clamp(48px,4.5vw,68px)/1 Story,serif;letter-spacing:-.025em;text-shadow:none;text-wrap:balance;margin:0 0 28px;max-width:16ch;outline:none}
.commerce-copy h1:after{content:none}
.commerce-copy>p{font-size:25px;line-height:1.4;max-width:37ch;margin:0 0 30px}
.commerce-copy .merchant-next{margin-left:0}
.commerce-copy .commerce-caption{font-size:18px;line-height:1.5;color:#705533;margin:20px 0 0}
.commerce-copy .commerce-resume{font-size:19px;line-height:1.4;margin:22px 0 0;max-width:34ch}
.commerce-resume a{color:#96321f;font-weight:700;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
.commerce-hero-art{position:relative;aspect-ratio:1.04;width:110%;margin-left:-5%}
.commerce-shop{position:absolute;top:6%;left:0;width:100%;height:auto}
.commerce-dog{position:absolute;bottom:-1%;right:5%;width:48%;height:auto;filter:drop-shadow(0 7px 7px #34200f10)}
.commerce-value{max-width:1440px;margin:auto;padding:65px 6% 80px;background:#f9df9d}
.commerce-value h2,.commerce-steps h2,.commerce-faq h2,.commerce-close h2{font:700 clamp(38px,3.6vw,54px)/1.05 Story,serif;letter-spacing:-.02em;margin:0 0 35px;text-wrap:balance}
.commerce-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.commerce-cards article{padding:30px 32px 32px;background:#fff7e7;border-radius:14px}
.commerce-cards svg{width:34px;height:34px;fill:none;stroke:var(--green);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:20px;overflow:visible}
.commerce-cards h3{font:700 30px/1.15 Story,serif;margin:0 0 14px}
.commerce-cards p{font-size:23px;line-height:1.4;margin:0;max-width:40ch}
.commerce-steps{max-width:1440px;margin:auto;padding:85px 6%;display:grid;grid-template-columns:1fr 1.1fr;gap:10%}
.commerce-steps>div>p{font-size:24px;line-height:1.45;margin:0;max-width:30ch}
.commerce-steps ol{list-style:none;padding:0;margin:0;counter-reset:commerce-steps}
.commerce-steps li{position:relative;padding:0 0 26px 53px;margin-bottom:25px;border-bottom:1px solid #d8c6a4;counter-increment:commerce-steps}
.commerce-steps li:last-child{margin-bottom:0;border:0;padding-bottom:0}
.commerce-steps li:before{content:counter(commerce-steps);position:absolute;left:0;top:0;font:700 30px/1 Story,serif;color:var(--green)}
.commerce-steps h3{font-size:27px;line-height:1.2;margin:0 0 10px}
.commerce-steps li p{font-size:22px;line-height:1.4;margin:0}
.commerce-faq{max-width:950px;margin:auto;padding:10px 6% 75px}
.commerce-faq details{border-bottom:1px solid #d8c6a4;padding:19px 0}
.commerce-faq summary{font-size:23px;font-weight:700;line-height:1.35;min-height:44px;padding:8px 0;cursor:pointer}
.commerce-faq summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.commerce-faq .faq-enhanced{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px}
.commerce-faq .faq-enhanced::-webkit-details-marker{display:none}
.faq-chevron{width:22px;height:22px;flex:none;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s cubic-bezier(.16,1,.3,1)}
details[open] .faq-chevron{transform:rotate(180deg)}
@media(hover:hover) and (pointer:fine){
 .merchant-entry svg,.merchant-next svg,.download .download-arrow{transition:translate .18s cubic-bezier(.16,1,.3,1)}
 .merchant-entry:hover svg,.merchant-next:hover svg,.download:hover .download-arrow{translate:4px 0}
}
.download .download-arrow{display:inline-block}
.motion-paused .faq-chevron,.motion-paused .merchant-entry svg,.motion-paused .merchant-next svg,.motion-paused .download .download-arrow,.motion-paused .merchant-track span{transition:none;translate:none}
.commerce-faq details p{font-size:22px;line-height:1.45;margin:16px 0 10px}
.commerce-close{max-width:1440px;margin:auto;padding:65px 6% 55px;text-align:center;background:#edf0dc}
.commerce-close h2{margin-bottom:28px}
.commerce-close .merchant-next{margin:0}
.commerce-home{display:block;width:max-content;color:inherit;text-underline-offset:4px;min-height:44px;padding:10px;margin:20px auto 0}
.not-found{max-width:780px;padding:45px 6%;margin:auto;min-height:100svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.not-found .brand{font-size:34px;margin-bottom:50px}
.not-found h1{font:700 60px/1 Story,serif;margin:0 0 24px;letter-spacing:-.025em;text-shadow:none}
.not-found h1:after{content:none}
.not-found p{font-size:24px;line-height:1.45;margin:0 0 30px}
.not-found .merchant-next{margin:0}
@media(max-width:800px){
 .merchant-field select{font-size:21px;min-height:60px;padding-left:16px}.merchant-field>label{font-size:18px}.merchant-field-stack{gap:20px}
 .merchant-options[role=group] .merchant-option{padding-right:50px}.merchant-compact{gap:10px}.merchant-compact .merchant-option{padding:14px;min-height:64px}.merchant-compact .merchant-option strong{font-size:21px}
 .merchant-connectivity,.merchant-undo{font-size:17px}.merchant-actions{position:static;background:var(--cream);padding:15px 0;margin-top:15px}.is-choice-step .merchant-actions{position:relative}
 .is-choice-step .merchant-actions .merchant-back{position:static}.is-choice-step .merchant-actions .merchant-next{min-width:0}
 .merchant-view .merchant-exit{font-size:16px}.merchant-view .merchant-topbar .brand{font-size:25px}
 .commerce-hero{display:flex;flex-direction:column;padding:42px 7% 45px;gap:24px;align-items:stretch}
 .commerce-copy h1{font-size:44px;max-width:17ch;line-height:1.03;margin-bottom:23px}.commerce-copy>p{font-size:23px;line-height:1.4;margin-bottom:25px}.commerce-copy .commerce-caption{font-size:17px}
 .commerce-hero-art{width:100%;max-width:500px;margin:0 auto;aspect-ratio:1.25}
 .commerce-shop{top:0}.commerce-dog{width:40%;right:1%;bottom:-4%}
 .commerce-value{padding:45px 7% 50px}.commerce-value h2,.commerce-steps h2,.commerce-faq h2,.commerce-close h2{font-size:38px;margin-bottom:28px}
 .commerce-cards{grid-template-columns:1fr;gap:17px}.commerce-cards article{padding:26px}.commerce-cards svg{margin-bottom:16px}.commerce-cards h3{font-size:28px}.commerce-cards p{font-size:22px}
 .commerce-steps{display:block;padding:50px 7%}.commerce-steps>div>p{font-size:23px;max-width:36ch;margin-bottom:35px}.commerce-steps h3{font-size:25px}.commerce-steps li p{font-size:22px}.commerce-steps li{padding-left:44px}
 .commerce-faq{padding:0 7% 50px}.commerce-faq summary{font-size:22px}.commerce-faq details p{font-size:21px}
 .commerce-close{padding:45px 7% 35px}.not-found h1{font-size:46px}.not-found p{font-size:22px}
}
@media(max-width:350px){.commerce-copy h1{font-size:39px}.merchant-view .merchant-topbar .brand{font-size:23px}.merchant-view .merchant-exit{font-size:15px}.merchant-compact .merchant-option strong{font-size:19px}}

/* Painted caps on a fixed base. The face travels; the control never scales. */
.physical-button{
 --button-face:var(--coral);--button-hover:#d54829;--button-base:#a24429;--button-edge:#66351f;--button-text:#fff9ec;
 --button-depth:6px;--button-height:58px;--button-radius:32px;--button-py:14px;--button-px:24px;--button-gap:14px;
 display:inline-flex;position:relative;isolation:isolate;align-items:stretch;justify-content:stretch;
 min-height:0;max-width:100%;padding:0 0 var(--button-depth);border:0;border-radius:var(--button-radius);
 background:transparent;color:var(--button-text);box-shadow:0 5px 10px #34200f24;
 font-weight:700;line-height:1.2;text-decoration:none;transform:none;translate:none;scale:none;
 transition:box-shadow 140ms ease-out;
}
.physical-button:before{content:'';position:absolute;inset:var(--button-depth) 0 0;z-index:-1;border:2px solid var(--button-edge);border-radius:inherit;background:var(--button-base);pointer-events:none}
.physical-button>.button-face{
 display:flex;position:relative;align-items:center;justify-content:center;flex:1;gap:var(--button-gap);
 width:100%;min-height:var(--button-height);padding:var(--button-py) var(--button-px);
 border:2px solid var(--button-edge);border-radius:inherit;background:var(--button-face);color:inherit;
 box-shadow:inset 0 1px 0 #fff4dc4d;translate:0 0;pointer-events:none;
 transition:translate 170ms cubic-bezier(.2,.7,.3,1),background 140ms ease-out;
}
.physical-button:is(:hover,:active){background:transparent;color:var(--button-text);transform:none;translate:none;scale:none;text-decoration:none}
.physical-button:hover>.button-face{background:var(--button-hover)}
.physical-button.is-depressed{box-shadow:0 2px 3px #34200f1f}
.physical-button.is-depressed:not(:disabled)>.button-face{translate:0 var(--button-depth);transition-duration:70ms}
html:not(.button-press-ready) .physical-button:active:not(:disabled)>.button-face,
html:not(.button-press-ready) .care-more:active .care-more-circle>.button-face{translate:0 var(--button-depth);transition-duration:70ms}
.button-cream{--button-face:#fff3d7;--button-hover:#ffedc2;--button-base:#c4a36b;--button-edge:#836238;--button-text:var(--ink)}
.button-moss{--button-face:var(--green);--button-hover:#46592e;--button-base:#354223;--button-edge:#2f3d20;--button-text:#fff9ec}
.physical-button:disabled{--button-face:#eadfc6;--button-hover:#eadfc6;--button-base:#c9b58d;--button-edge:#aa9470;--button-text:#786244;background:transparent;color:var(--button-text);cursor:default;opacity:1;box-shadow:0 2px 4px #34200f14}
.physical-button:disabled>.button-face{translate:0 3px}
.download.physical-button{--button-height:62px;font-size:clamp(21px,2.05vw,34px)}
.download .download-arrow{margin:0}
.physical-button:hover :is(svg,.download-arrow){translate:none}
.button-small{--button-height:48px;--button-depth:5px;--button-py:10px;--button-px:16px;--button-gap:9px}
.button-tiny{--button-height:40px;--button-depth:4px;--button-py:6px;--button-px:10px;--button-radius:16px;font-size:18px}
.button-compact{--button-height:30px;--button-depth:3px;--button-py:6px;--button-px:10px;--button-radius:18px}
.button-round{--button-py:0px;--button-px:0px;--button-radius:50%;--button-gap:0px}
.care-more-circle.physical-button{--button-height:50px;--button-depth:5px;width:50px;height:auto;min-height:55px;flex:none}
.care-more:is(:hover,:active) .care-more-circle.physical-button{background:transparent;transform:none}
.care-more:hover .care-more-circle>.button-face{background:var(--button-hover)}
.care-hide.physical-button{display:flex;width:max-content;text-decoration:none}
.menu-toggle.physical-button{--button-height:40px;--button-depth:4px;display:none;width:44px;height:44px}
.motion.physical-button{flex-shrink:0;max-width:96px}
.merchant-summary>div{padding-right:82px}
.merchant-summary .physical-button,.merchant-undo .physical-button{display:inline-flex;min-height:0;padding:0 0 var(--button-depth);border:0;background:transparent;color:var(--button-text);text-decoration:none}
.merchant-back.physical-button:hover:not(:disabled){text-decoration:none}
.merchant-next.physical-button{max-width:100%}
.motion-paused .physical-button,.motion-paused .physical-button>.button-face{transition:none}
@media(prefers-reduced-motion:reduce){.physical-button,.physical-button>.button-face{transition:none}}
@media(max-width:800px){
 .menu-toggle.physical-button{display:inline-flex}
 .download.physical-button{--button-py:14px;--button-px:22px;font-size:24px}
 .motion.physical-button{--button-px:8px}
 .merchant-actions{flex-wrap:wrap;row-gap:16px;align-items:center}
 .merchant-next.physical-button{--button-px:21px;--button-gap:15px}
 .merchant-back.physical-button{--button-px:10px;--button-gap:8px}
}
@media(max-width:350px){
 .merchant-next.physical-button{--button-px:16px;--button-gap:12px}
 .motion.physical-button{--button-px:6px;max-width:80px}
}

/* Recessed paper wells: depth stays inside the editable surface. */
.merchant-question input:not([type=radio]):not([type=checkbox]),.merchant-question textarea,.merchant-field select{
 background:#f1e5cc;border-color:#927a56;
 box-shadow:inset 0 2px 4px #34200f24,inset 0 1px 2px #34200f1a,0 1px 0 #fffaf0;
}
.merchant-question input::placeholder,.merchant-question textarea::placeholder{color:#765c3e}

/* Only precise hover lifts the cap, two pixels; pressing still owns its travel. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html:not(.motion-paused) .physical-button:not(:disabled):not(.is-depressed):not(:active):hover,
 html:not(.motion-paused) .care-more:not(:disabled):not(:active):hover .care-more-circle:not(.is-depressed){box-shadow:0 7px 12px #34200f26}
 html:not(.motion-paused) .physical-button:not(:disabled):not(.is-depressed):not(:active):hover>.button-face,
 html:not(.motion-paused) .care-more:not(:disabled):not(:active):hover .care-more-circle:not(.is-depressed)>.button-face{translate:0 -2px}
}

/* Páginas legales: privacidad y borrado de cuenta (HTML plano, sin JavaScript) */
.legal-page .merchant-exit svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.legal{max-width:820px;margin:auto;padding:48px 6% 80px}
.legal h1{font:700 clamp(40px,6vw,64px)/1 Story,serif;letter-spacing:-.025em;margin:0 0 14px;text-shadow:none;text-wrap:balance}
.legal h1:after{content:none}
.legal-updated{font-size:18px;color:#6b4f33;margin:0 0 34px}
.legal h2{font:700 clamp(28px,3.4vw,38px)/1.1 Story,serif;letter-spacing:-.015em;margin:52px 0 16px;text-wrap:balance;scroll-margin-top:24px}
.legal p,.legal li{font-size:21px;line-height:1.5;max-width:68ch}
.legal p{margin:0 0 18px}
.legal ul,.legal ol{margin:0 0 20px;padding-left:1.3em}
.legal li{margin-bottom:10px}
.legal a{color:#a9361e;text-underline-offset:4px;text-decoration-thickness:1.5px}
.legal a:hover{color:#7e2615}
.legal a:focus-visible,.legal-links a:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:4px}
.legal-callout{border:2px solid var(--ink);border-radius:18px;padding:18px 22px 4px;margin:0 0 8px;background:#fff9ec}
.legal-table-wrap{margin:0 0 24px}
.legal-table{width:100%;border-collapse:collapse;font-size:19px;line-height:1.4}
.legal-table th{text-align:left;font-weight:700;padding:0 18px 10px 0;border-bottom:2px solid var(--ink)}
.legal-table td{padding:14px 18px 14px 0;border-bottom:1px solid #d8c6a4;vertical-align:top}
.legal-table td:first-child{width:42%}
.legal-links{display:flex;flex-wrap:wrap;gap:4px 24px;margin-left:auto}
.legal-links a,.site-footer .legal-links a{color:inherit;min-height:48px;display:inline-flex;align-items:center;text-underline-offset:5px}
.legal-links a[aria-current="page"]{font-weight:700}
.site-footer .legal-links{margin-left:0}
.site-footer .legal-links+.back-top{margin-left:0}
@media(max-width:700px){
 .legal{padding:34px 7% 60px}
 .legal p,.legal li{font-size:20px}
 .legal-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .legal-table,.legal-table tbody,.legal-table tr,.legal-table td{display:block;width:100%}
 .legal-table tr{padding:14px 0;border-bottom:1px solid #d8c6a4}
 .legal-table td{border:0;padding:3px 0}
 .legal-table td:first-child{width:100%}
 .legal-table td:before{content:attr(data-label);display:block;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b4f33}
}

/* Capturas reales dentro de los marcos de teléfono (el notch y el marco los pone la landing) */
.screen img,.shot-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}

/* Video de recorrido: se reproduce al tocar, sin cargar hasta entonces */
.reel{padding:30px 0 110px;background:var(--cream);margin-top:-2px}
.reel-head{width:86%;max-width:1400px;margin:0 auto 38px;text-align:center}
.reel-head h2{font-family:Story,serif;font-size:clamp(40px,4.6vw,76px);line-height:.99;letter-spacing:-.025em;font-weight:700;text-wrap:balance;margin:0}
.reel-frame{margin:0 auto;width:clamp(250px,28vw,420px)}
.reel-frame figcaption{margin-top:18px;text-align:center;font-size:18px;color:#6b4f33}
.reel-frame video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:28px;background:#2f4a36;box-shadow:0 14px 24px #49301530,0 0 0 6px #fff9ed}
.reel-frame video:focus-visible{outline:3px solid var(--green);outline-offset:6px}
.commerce-video{display:grid;grid-template-columns:1fr auto;gap:6%;align-items:center;max-width:1100px;margin:auto;padding:30px 6% 70px}
.commerce-video h2{font:700 clamp(38px,3.6vw,54px)/1.05 Story,serif;letter-spacing:-.02em;margin:0 0 22px;text-wrap:balance}
.commerce-video p{font-size:24px;line-height:1.4;margin:0;max-width:30ch}
@media(max-width:800px){
 .reel{padding:10px 0 80px}
 .reel-head{margin-bottom:28px}.reel-head h2{font-size:clamp(38px,10.5vw,50px)}
 .reel-frame{width:min(78%,320px)}
 .commerce-video{grid-template-columns:1fr;padding:20px 7% 50px;gap:26px}
 .commerce-video h2{font-size:38px}
 .commerce-video p{font-size:21px}
}