:root{--cream:#fffaf0;--oat:#f5e6c8;--ink:#2c2622;--clay:#b0705c;--navy:#1b1730;--night:#141020;--text:#fff6e6;--blush:#f3b5a3;--cta:#f3d6cc;--muted:#6b6158}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Nunito,system-ui,sans-serif;background:var(--cream);color:var(--ink);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,.hw{font-family:'Patrick Hand',cursive;font-weight:400;letter-spacing:.2px}
.nav{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(16px,4vw,48px);color:var(--text)}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:19px;text-decoration:none}
.brand img{width:36px;height:36px;border-radius:9px}
.nav nav{display:flex;gap:22px;font-weight:800;font-size:15px}
.nav nav a{text-decoration:none;opacity:.88}
.nav .lang{border:1.4px solid rgba(255,246,230,.5);padding:4px 12px;border-radius:16px}
.hero{min-height:min(92vh,860px);background:var(--night) url(/img/hero-night.jpg) 72% 30%/cover no-repeat;position:relative;color:var(--text);display:flex;align-items:center}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,16,32,.92) 0%,rgba(20,16,32,.75) 38%,rgba(20,16,32,0) 66%)}
.hero-in{position:relative;max-width:560px;padding:120px clamp(16px,6vw,80px) 70px}
.eyebrow,.k{font-size:12.5px;font-weight:900;letter-spacing:.16em;color:var(--blush)}
.hero h1{font-size:clamp(44px,6vw,68px);line-height:1.02;margin:12px 0 16px}
.hero h1 em,h2 em{font-style:normal;color:var(--blush)}
.lead{font-size:19px;font-weight:700;color:rgba(255,246,230,.88);max-width:460px}
.stores{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.store{display:flex;flex-direction:column;justify-content:center;height:56px;padding:0 20px;border-radius:14px;background:#000;color:#fff;text-decoration:none;font-weight:800;font-size:19px;line-height:1.05;border:1px solid rgba(255,255,255,.3);min-width:170px}
.store small{font-size:11px;font-weight:700;opacity:.8}
.fine{font-size:13.5px;font-weight:700;color:rgba(255,246,230,.65);margin-top:14px}
.fine.dark{color:var(--muted);text-align:center;max-width:620px;margin:22px auto 0}
.feat{max-width:1080px;margin:0 auto;padding:90px clamp(16px,4vw,40px) 40px;display:flex;flex-direction:column;gap:90px}
.fx{display:flex;align-items:center;gap:clamp(28px,6vw,80px)}
.fx.rev{flex-direction:row-reverse}
.ph{flex:0 0 auto;width:min(300px,42vw)}
.ph img{width:100%;display:block;border-radius:34px;border:6px solid var(--ink);box-shadow:0 20px 50px rgba(44,38,34,.18)}
.ph img.paper{border-radius:8px;border:1px solid #e3d6bf}
.tx h2{font-size:clamp(34px,4vw,46px);line-height:1.05;margin:8px 0 12px}
.tx p{font-size:18px;color:#4a413a;max-width:460px}
.k{color:var(--clay)}
.voice{background:var(--oat);text-align:center;padding:80px clamp(16px,5vw,40px);margin-top:50px}
.voice h2{font-size:clamp(38px,5vw,56px)}
.voice p{max-width:560px;margin:10px auto 0;font-size:18px;color:#4a413a}
.pricing{padding:90px clamp(16px,4vw,40px);text-align:center;background:var(--navy);color:var(--text)}
.pricing h2{font-size:clamp(38px,5vw,56px)}
.pricing .sub{color:rgba(255,246,230,.8);font-weight:700;margin-top:6px}
.cards{display:flex;gap:20px;justify-content:center;margin-top:36px;flex-wrap:wrap}
.card{position:relative;width:min(330px,100%);padding:30px 26px 24px;border-radius:24px;background:rgba(255,246,230,.07);border:1.5px solid rgba(255,246,230,.25);text-align:left}
.card.hero-card{background:rgba(243,214,204,.14);border:2px solid var(--cta)}
.card .tag{position:absolute;top:-12px;left:22px;background:var(--cta);color:var(--ink);font-size:11px;font-weight:900;letter-spacing:.1em;padding:4px 10px;border-radius:9px}
.card .n{font-weight:900;font-size:18px}
.card .p{font-family:'Patrick Hand',cursive;font-size:52px;line-height:1.1;margin:4px 0}
.card .p span{font-family:Nunito;font-size:16px;font-weight:700;color:rgba(255,246,230,.7)}
.card p{font-size:15px;color:rgba(255,246,230,.8);font-weight:600}
.pricing .fine.dark{color:rgba(255,246,230,.55)}
.promise{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1080px;margin:0 auto;padding:70px clamp(16px,4vw,40px)}
.promise div{border-top:2px solid var(--ink);padding-top:14px}
.promise b{display:block;font-family:'Patrick Hand',cursive;font-weight:400;font-size:28px}
.promise span{color:#4a413a;font-size:16px}
footer{border-top:1px solid #e3d6bf;padding:32px clamp(16px,4vw,48px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:14.5px}
.f1{display:flex;gap:12px;align-items:center}.f1 img{width:40px;height:40px;border-radius:10px}.f1 b{display:block;font-size:16px}.f1 span{color:var(--muted);font-weight:600}
footer nav{display:flex;gap:18px;flex-wrap:wrap;font-weight:800}footer nav a{text-decoration:none}
/* inner pages */
.page-top{background:var(--navy);color:var(--text);padding:110px clamp(16px,5vw,48px) 50px}
.page-top h1{font-size:clamp(44px,6vw,62px);line-height:1.02}
.page-top p{color:rgba(255,246,230,.8);font-weight:700;margin-top:8px;max-width:620px}
.page{max-width:760px;margin:0 auto;padding:44px clamp(16px,4vw,32px) 70px}
.mailcard{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border:1.5px solid #e3d6bf;border-radius:20px;padding:20px 22px;margin-bottom:34px}
.mailcard b{font-size:19px}.mailcard span{display:block;color:var(--muted);font-weight:600;font-size:15px}
.btn{background:var(--ink);color:var(--cream);text-decoration:none;font-weight:800;padding:12px 22px;border-radius:24px;white-space:nowrap}
.page h2{font-size:32px;margin:30px 0 8px}
details{border-bottom:1px solid #e3d6bf;padding:16px 0}
summary{font-weight:800;font-size:18px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";font-size:22px;color:var(--clay);line-height:1}
details[open] summary:after{content:"–"}
details p,details ol{margin-top:10px;color:#4a413a;font-size:16.5px}
details ol{padding-left:22px}
.legal h2{font-family:Nunito;font-weight:900;font-size:21px;margin:28px 0 8px}
.legal h3{font-size:17px;margin:18px 0 6px}
.legal p,.legal li{font-size:16px;color:#3c342e;margin-bottom:10px}
.legal ul{padding-left:22px}
@media (max-width:760px){
 .nav nav a:not(.lang){display:none}
 .hero{align-items:flex-end;background-position:center top;background-size:100% auto;min-height:auto}
 .hero:before{background:linear-gradient(180deg,rgba(20,16,32,0) 0%,rgba(20,16,32,0) 36%,rgba(20,16,32,.9) 50%,var(--night) 58%)}
 .hero-in{padding:440px 20px 44px}
 .fx,.fx.rev{flex-direction:column;text-align:center}
 .tx p{margin:0 auto}
 .ph{width:min(260px,72vw)}
 .feat{gap:64px;padding-top:60px}
 .promise{grid-template-columns:1fr}
}