@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Oswald:wght@500;600;700&display=swap');
:root{--ink:#17243c;--coral:#ff675d;--mustard:#f6c75b;--cream:#fff7ea;--paper:#f5eddf;--teal:#63b7b2;--white:#fff;--line:#26344a;--shadow:8px 8px 0 var(--ink);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:.8rem;z-index:99}.topbar{height:84px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink)}.brand{display:flex;gap:11px;align-items:center;font:600 .82rem/1.05 'Oswald',sans-serif;letter-spacing:.06em;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--ink);background:var(--coral);color:white;border-radius:50%;transform:rotate(-6deg);font:700 1rem 'Oswald'}.topbar nav{display:flex;align-items:center;gap:28px}.topbar nav a{text-decoration:none;font-size:.91rem;font-weight:600}.nav-cta{border:2px solid var(--ink);padding:10px 15px;background:var(--mustard);box-shadow:3px 3px 0 var(--ink)}.menu{display:none}.hero{max-width:var(--max);margin:auto;padding:70px 24px 82px;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;overflow:hidden}.eyebrow{font:600 .78rem 'Oswald';letter-spacing:.16em;color:#d94c45;margin:0 0 14px}.hero h1,.section h2,.human h2,.ideal h2,.order h2{font:700 clamp(3.2rem,7vw,6.4rem)/.95 'Oswald';letter-spacing:-.035em;text-transform:uppercase;margin:0 0 25px}.hero h1{font-size:clamp(3.4rem,6vw,6.2rem)}.hero h1 em{font-style:normal;color:var(--coral);display:block}.lead{font-size:1.14rem;max-width:600px}.actions{display:flex;gap:22px;align-items:center;margin:32px 0 25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:13px 22px;border:2px solid var(--ink);font-weight:700;text-decoration:none;cursor:pointer;font:600 .95rem 'DM Sans';transition:.18s}.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.primary{background:var(--coral);color:white;box-shadow:4px 4px 0 var(--ink)}.secondary{background:white}.link{border:0;text-decoration:underline;text-underline-offset:5px;padding-inline:5px}.link:hover{box-shadow:none}.trust{display:flex;gap:18px;flex-wrap:wrap;font-size:.76rem;font-weight:600}.hero-art{position:relative;transform:rotate(1.4deg)}.hero-art img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:3px solid var(--ink);box-shadow:14px 15px 0 rgba(23,36,60,.9)}.sticker{position:absolute;right:-12px;bottom:-32px;background:var(--mustard);border:2px solid var(--ink);border-radius:50%;width:116px;height:116px;display:grid;place-content:center;text-align:center;font:600 .75rem/1.1 'Oswald';transform:rotate(-10deg);box-shadow:4px 4px 0 var(--ink)}.sticker b{font-size:1.35rem}.proof{background:var(--ink);color:white;padding:24px;text-align:center;font-size:1.05rem}.proof p{margin:0}.section{max-width:var(--max);margin:auto;padding:110px 24px}.section-head{max-width:650px;margin-bottom:48px}.section-head h2,.human h2,.ideal h2,.order h2{font-size:clamp(2.6rem,5vw,4.8rem)}.section-head>p:last-child{font-size:1.05rem}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.price-card{position:relative;background:#fffdf8;border:2px solid var(--ink);padding:34px;display:flex;flex-direction:column}.price-card.featured{background:var(--mustard);transform:translateY(-12px);box-shadow:var(--shadow)}.number{position:absolute;right:25px;top:12px;font:700 3rem 'Oswald';opacity:.09;margin:0}.price-card h3{font:600 1.6rem 'Oswald';text-transform:uppercase;margin:5px 0}.price{font:700 3.7rem 'Oswald';margin:2px 0 10px}.price-card ul{list-style:none;padding:0;margin:15px 0 28px}.price-card li{border-top:1px solid rgba(23,36,60,.18);padding:10px 0;font-size:.9rem}.price-card li:before{content:'✓';color:#d94c45;font-weight:bold;margin-right:8px}.price-card .btn{margin-top:auto}.popular{position:absolute;top:-17px;left:24px;background:var(--ink);color:white;padding:5px 12px;font:600 .7rem 'Oswald';letter-spacing:.1em}.pricing-note{text-align:center;font-size:.83rem;margin-top:35px}.human{background:var(--coral);color:var(--ink);padding:95px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1.05fr .95fr;gap:80px}.human .eyebrow{color:var(--ink)}.human blockquote{margin:28px 0 0;border-left:5px solid var(--ink);padding:8px 0 8px 22px;font-weight:600;font-size:1.05rem}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-content:center}.check-grid div{background:var(--cream);border:2px solid var(--ink);padding:22px;min-height:150px;box-shadow:4px 4px 0 var(--ink)}.check-grid b{font:700 1.6rem 'Oswald';color:var(--coral)}.check-grid span{display:block;font:600 1.15rem 'Oswald';text-transform:uppercase;margin:8px 0 5px}.check-grid small{line-height:1.4;display:block}.process ol{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;counter-reset:item}.process li{border-top:3px solid var(--ink);padding:24px 22px 0 0}.process li>span{display:grid;place-items:center;width:44px;height:44px;background:var(--mustard);border:2px solid var(--ink);border-radius:50%;font:700 1.2rem 'Oswald';margin-top:-47px;margin-bottom:30px}.process h3{font:600 1.22rem 'Oswald';text-transform:uppercase}.process p{font-size:.9rem}.ideal{background:var(--ink);color:white;padding:80px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.ideal h2{margin:0}.tags{display:flex;flex-wrap:wrap;gap:12px}.tags span{border:1px solid white;border-radius:30px;padding:10px 18px}.tags span:nth-child(3n+1){background:var(--coral);border-color:var(--coral)}.tags span:nth-child(3n+2){background:var(--teal);border-color:var(--teal);color:var(--ink)}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-list{border-top:2px solid var(--ink)}details{border-bottom:1px solid var(--ink);padding:0}summary{padding:23px 42px 23px 0;font-weight:700;cursor:pointer;position:relative;list-style:none}summary:after{content:'+';position:absolute;right:8px;font-size:1.5rem}details[open] summary:after{content:'−'}details p{margin:0;padding:0 40px 24px 0;font-size:.94rem}.order{background:var(--mustard);padding:100px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.order-copy ul{padding-left:20px}.order form{background:white;border:2px solid var(--ink);padding:36px;box-shadow:var(--shadow)}label{display:block;font-weight:600;font-size:.86rem;margin-bottom:17px}input,select,textarea{width:100%;border:1.5px solid var(--ink);background:#fffdf8;padding:12px;margin-top:6px;font:inherit;color:inherit;border-radius:0}textarea{resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.consent{font-weight:400;display:flex;gap:9px;align-items:flex-start}.consent input{width:auto;margin-top:5px}.honeypot{position:absolute!important;left:-9999px!important}.form-note{font-size:.76rem;margin-bottom:0}.order form .btn{width:100%}footer{max-width:var(--max);margin:auto;padding:55px 24px 40px;display:grid;grid-template-columns:1fr 1.3fr;gap:25px;align-items:center}footer nav{display:flex;gap:18px;justify-content:flex-end;font-size:.8rem}footer p{font-size:.87rem}footer small{grid-column:1/-1;border-top:1px solid rgba(23,36,60,.2);padding-top:20px}.legal{max-width:820px;margin:auto;padding:70px 24px 100px}.legal h1{font:700 clamp(2.8rem,6vw,5rem)/1 'Oswald';text-transform:uppercase}.legal h2{font:600 1.5rem 'Oswald';text-transform:uppercase;margin-top:2.5rem}.legal .notice{background:var(--mustard);border:2px solid var(--ink);padding:20px}.success{text-align:center;max-width:700px;margin:auto;padding:120px 24px}.success h1{font:700 4rem 'Oswald';text-transform:uppercase}.success .brand{justify-content:center}.error{background:#fee3df;border:2px solid #a52a2a;padding:14px}.cookie-note{position:fixed;left:18px;bottom:18px;z-index:20;max-width:390px;background:white;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:18px;font-size:.82rem}.cookie-note p{margin:0 0 12px}.cookie-note button{background:var(--ink);color:white;border:0;padding:8px 13px;font-weight:700}
@media(max-width:850px){.topbar{height:70px}.menu{display:block;background:transparent;border:2px solid var(--ink);padding:8px 12px}.topbar nav{display:none;position:absolute;z-index:10;top:70px;left:0;right:0;background:var(--cream);padding:24px;flex-direction:column;border-bottom:2px solid var(--ink)}.topbar nav.open{display:flex}.hero,.human,.ideal,.faq,.order{grid-template-columns:1fr}.hero{padding-top:45px}.hero-art{margin:10px}.pricing{grid-template-columns:1fr}.price-card.featured{transform:none}.process ol{grid-template-columns:1fr;gap:40px}.process li{border-left:3px solid var(--ink);border-top:0;padding:0 0 0 28px}.process li>span{margin:0 0 12px -51px;float:left}.check-grid{grid-template-columns:1fr 1fr}.faq,.order,.human{gap:45px}.actions{align-items:flex-start;flex-direction:column}.field-row{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer nav{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:520px){.hero h1{font-size:3.1rem}.section,.hero{padding-left:18px;padding-right:18px}.check-grid{grid-template-columns:1fr}.human,.ideal,.order{padding-left:18px;padding-right:18px}.order form{padding:22px}.trust{display:grid}.sticker{width:88px;height:88px;font-size:.62rem}.sticker b{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Brand identity */
.brand{gap:13px;font-weight:700;line-height:.98;letter-spacing:.075em;text-transform:uppercase}
.brand>span:last-child{position:relative}
.brand>span:last-child:after{content:'';display:block;width:34px;border-bottom:3px solid var(--coral);margin-top:5px;transform:rotate(-2deg)}
.brand-mark{position:relative;isolation:isolate;width:50px;height:39px;border:2.5px solid var(--ink);border-radius:48% 53% 47% 51% / 46% 44% 56% 54%;transform:rotate(-3deg);font-size:1.08rem;letter-spacing:-.04em;box-shadow:3px 3px 0 var(--ink)}
.brand-mark:after{content:'';position:absolute;z-index:-1;left:7px;bottom:-8px;width:12px;height:13px;background:var(--coral);border-left:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:skew(-28deg) rotate(-8deg)}
.memory-seal{justify-self:center;width:154px;height:154px;border:3px solid var(--ink);outline:1px solid var(--ink);outline-offset:-8px;border-radius:50%;background:var(--mustard);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-5deg);box-shadow:5px 5px 0 var(--ink);font-family:'Oswald',sans-serif;line-height:1}
.memory-seal span{font-size:.72rem;letter-spacing:.14em}.memory-seal b{font-size:1.35rem;margin:5px 0 9px}.memory-seal small{max-width:105px;font-size:.56rem;line-height:1.25;letter-spacing:.09em}
footer:has(.memory-seal){grid-template-columns:.8fr 1fr auto}footer:has(.memory-seal) nav{grid-column:2/4}
@media(max-width:850px){footer:has(.memory-seal){grid-template-columns:1fr}.memory-seal{justify-self:start;margin:8px 0 18px}footer:has(.memory-seal) nav{grid-column:auto}}

/* Active speech-bubble logo */
.brand{display:block;width:235px;height:92px;flex:none;background:url('logo-bocadillo-web.webp') left center/contain no-repeat}
.brand>span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand>span:last-child:after,.brand-mark:after{display:none}
.topbar{height:108px}
footer .brand{width:250px;height:148px}
.success .brand{width:270px;height:159px;margin-inline:auto}
@media(max-width:850px){.topbar{height:88px}.topbar .brand{width:164px;height:86px}.topbar nav{top:88px}}