/* Camarim de Bolso — identidade derivada do Cabelo Mapeado */
:root{
  --cream:#FFF8F4; --cream-deep:#FCECE4; --line:#F7CDBE; --sun:#FFE9C2;
  --deep:#6B1D45; --deep-2:#4E1433; --terra:#C2185B; --pink:#F06292; --pink-soft:#F8BBD0;
  --ink:#26221F; --mute:#6F6860; --pos:#15803D; --white:#fff;
  --radius:22px; --shadow:0 10px 30px rgba(107,29,69,.12);
  --head:'Cormorant Garamond',Georgia,'Times New Roman',serif; --body:'Geist',ui-sans-serif,system-ui,sans-serif; --ui:'Geist',ui-sans-serif,system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent}
body{min-height:100dvh}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer}
a{color:var(--terra)}
h1,h2,h3,h4{font-family:var(--head);color:var(--deep);margin:0;letter-spacing:-.01em}
p{margin:0}
.wrap{max-width:480px;margin:0 auto;padding:0 18px}
.wide{max-width:1040px;margin:0 auto;padding:0 18px}
.mark{background:linear-gradient(transparent 62%,var(--pink-soft) 62%);color:var(--terra);padding:0 .08em}
.eyebrow{font-family:var(--head);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--terra)}
.muted{color:var(--mute)}
.center{text-align:center}
.hide{display:none!important}

/* logo */
.logo{display:flex;align-items:center;justify-content:center;gap:9px;font-family:var(--head);font-weight:700;font-size:22px;color:var(--deep);text-decoration:none}
.logo b{color:var(--terra);font-weight:700}
.logo svg{width:34px;height:34px;flex:none}

/* botões */
.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;border:0;border-radius:999px;background:var(--terra);color:#fff;font-family:var(--head);font-weight:700;font-size:18px;padding:0 24px;text-decoration:none;box-shadow:0 8px 20px rgba(194,24,91,.28);transition:transform .15s, background .2s}
.btn:active{transform:scale(.98)}
.btn:disabled{background:#d9b8c6;box-shadow:none;cursor:not-allowed}
.btn.deep{background:var(--deep);box-shadow:0 8px 20px rgba(107,29,69,.25)}
.btn.ghost{background:#fff;color:var(--deep);border:2px solid var(--line);box-shadow:none}
.btn.small{min-height:46px;font-size:15px}
.btn .arr{font-size:22px;line-height:1}
@keyframes pulseCta{0%{box-shadow:0 0 0 0 rgba(194,24,91,.45)}70%{box-shadow:0 0 0 14px rgba(194,24,91,0)}100%{box-shadow:0 0 0 0 rgba(194,24,91,0)}}
.pulse{animation:pulseCta 1.9s ease-out infinite}
.linkbtn{background:none;border:0;color:var(--terra);font-weight:700;text-decoration:underline;text-underline-offset:3px;font-size:15px;padding:8px}

/* barra fixa */
.sticky{position:sticky;bottom:0;z-index:20;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(rgba(255,248,244,0),var(--cream) 26%)}
.sticky .inner{max-width:480px;margin:0 auto}
.sticky .note{text-align:center;font-size:13px;color:var(--mute);margin-top:7px}

/* checklist */
.checks{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.checks li{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.4}
.checks li:before{content:"";flex:none;width:26px;height:26px;border-radius:50%;background:var(--terra) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/15px no-repeat;margin-top:1px}

/* ---------- LANDING ---------- */
.land-top{padding:22px 0 8px}
.land h1{font-size:32px;line-height:1.12;text-align:center;font-weight:700;margin:14px 0 18px}
.trio{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px;align-items:end;margin-bottom:18px}
.trio figure{margin:0;position:relative;border-radius:20px;overflow:hidden;background:var(--cream-deep)}
.trio img{width:100%;height:190px;object-fit:cover}
.trio figure.mid img{height:236px}
.trio figcaption{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);white-space:nowrap;background:#fff;color:var(--deep);font-family:var(--head);font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px}
.trio figure.mid figcaption{background:var(--terra);color:#fff}
.hi-box{background:var(--cream-deep);border-radius:18px;padding:14px 16px;margin-bottom:14px;font-weight:700;color:var(--deep)}
.trust{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--mute);margin-top:12px}
.trust span:not(:last-child):after{content:"·";margin-left:8px}
.land-sec{padding:34px 0 8px}
.land-sec h2{font-size:24px;line-height:1.2;text-align:center;margin-bottom:16px}
.rooms{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.room{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:14px}
.room .ico{width:44px;height:44px;border-radius:12px;background:var(--cream-deep);display:grid;place-items:center;font-size:22px;margin-bottom:8px}
.room h3{font-size:15px;margin-bottom:3px}
.room p{font-size:14px;color:var(--mute);line-height:1.35}
.room.full{grid-column:1/-1;display:flex;gap:12px;align-items:center;background:var(--deep);border-color:var(--deep);color:#fff}
.room.full h3{color:#fff}.room.full p{color:#f3d6e2}
.room.full .ico{background:rgba(255,255,255,.12);margin:0;flex:none}
.foot{padding:30px 0 120px;text-align:center;font-size:13px;color:var(--mute)}
.foot a{color:var(--mute);margin:0 6px}

/* ---------- QUIZ ---------- */
.qtop{position:sticky;top:0;z-index:10;background:var(--cream);padding:12px 0 10px}
.qbar{display:flex;align-items:center;gap:10px}
.back{width:44px;height:44px;flex:none;border-radius:50%;border:1.5px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--deep)}
.back[disabled]{visibility:hidden}
.qbar .logo{flex:1;font-size:18px}.qbar .logo svg{width:28px;height:28px}
.qbar .sp{width:44px}
.segs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}
.seg{height:6px;border-radius:9px;background:var(--line);overflow:hidden}
.seg i{display:block;height:100%;background:var(--terra);border-radius:9px;transition:width .35s}
.qlabel{font-size:13px;font-weight:700;color:var(--terra);margin:18px 0 6px}
.qtitle{font-family:var(--head);font-weight:600;font-size:26px;line-height:1.2;color:var(--ink)}
.qtitle em{font-style:normal;color:var(--terra)}
.qsub{color:var(--mute);font-size:16px;line-height:1.4;margin-top:8px}
.qbody{padding-bottom:110px}
.anim{animation:inFwd .28s ease-out both}
@keyframes inFwd{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.rise{animation:rise .45s ease-out both}
.opts{display:grid;gap:10px;margin-top:20px}
.opts.grid2{grid-template-columns:1fr 1fr}
.opts.grid3{grid-template-columns:repeat(3,1fr)}
.opt{display:flex;align-items:center;gap:12px;min-height:60px;width:100%;text-align:left;background:#fff;border:2px solid var(--line);border-radius:18px;padding:10px 14px;font-size:17px;font-weight:700;color:var(--ink);transition:border-color .15s, background .15s, transform .1s}
.opt:active{transform:scale(.985)}
.opt.on{border-color:var(--terra);background:#FFF0F5}
.opt small{display:block;font-weight:400;color:var(--mute);font-size:14px;margin-top:2px}
.opt .em{font-size:26px;width:34px;text-align:center;flex:none}
.opt.ph{flex-direction:column;align-items:stretch;padding:0;overflow:hidden;text-align:center;gap:0}
.opt.ph img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--cream-deep)}
.opt.ph span{padding:10px 6px;font-size:15px}
.opt .tick{margin-left:auto;width:24px;height:24px;border-radius:7px;border:2px solid var(--line);flex:none}
.opt.on .tick{background:var(--terra);border-color:var(--terra) url("") }
.opt.on .tick{background:var(--terra) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/14px no-repeat}
.swatch{width:40px;height:40px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 2px rgba(0,0,0,.06)}
.metal{width:40px;height:40px;border-radius:50%;flex:none}
.metal.gold{background:radial-gradient(circle at 30% 30%,#FFF1B8,#D4A017 55%,#9C6F00)}
.metal.silver{background:radial-gradient(circle at 30% 30%,#fff,#BFC4CC 55%,#7D838C)}
.metal.both{background:linear-gradient(90deg,#D4A017 50%,#BFC4CC 50%)}
.metal.none{background:var(--cream-deep);display:grid;place-items:center;font-weight:800;color:var(--mute)}

/* reações */
.react-card{position:relative;margin:16px auto 0;width:min(100%,330px,calc((100dvh - 330px) * .8));border-radius:26px;overflow:hidden;box-shadow:var(--shadow);background:var(--deep)}
.react-card img,.react-card .art{width:100%;aspect-ratio:4/5;object-fit:cover}
.react-card .cap{position:absolute;left:0;right:0;bottom:0;padding:44px 20px 18px;background:linear-gradient(transparent,rgba(40,10,26,.85));color:#fff}
.react-card .cap small{font-family:var(--head);letter-spacing:.14em;font-size:11px;text-transform:uppercase;opacity:.9}
.react-card .cap b{display:block;font-family:var(--head);font-size:24px;font-weight:600;margin-top:2px}
.react-dots{position:absolute;top:12px;left:16px;right:16px;display:flex;gap:6px}
.react-dots i{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.4)}
.react-dots i.on{background:#fff}
.react-btns{display:flex;justify-content:center;gap:26px;margin-top:16px}
.rb{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;font-weight:700;color:var(--mute);font-size:14px}
.rb span{width:64px;height:64px;border-radius:50%;background:#fff;border:1.5px solid var(--line);display:grid;place-items:center;font-size:26px;box-shadow:0 6px 14px rgba(0,0,0,.06);transition:transform .12s}
.rb:active span{transform:scale(.92)}
.rb.love span{background:var(--terra);border-color:var(--terra);color:#fff;width:72px;height:72px}
.fly-l{animation:flyL .32s ease-in forwards}.fly-r{animation:flyR .32s ease-in forwards}.fly-u{animation:flyU .32s ease-in forwards}
@keyframes flyL{to{transform:translateX(-120%) rotate(-12deg);opacity:0}}
@keyframes flyR{to{transform:translateX(120%) rotate(12deg);opacity:0}}
@keyframes flyU{to{transform:translateY(-40px) scale(.9);opacity:0}}

/* frase para concordar */
.quote{margin-top:22px;background:#fff;border:1.5px solid var(--line);border-radius:22px;padding:22px 20px;font-family:var(--head);font-weight:600;font-size:22px;line-height:1.3;color:var(--deep);position:relative}
.quote:before{content:"“";position:absolute;top:-22px;left:16px;font-size:70px;color:var(--pink);font-family:Georgia,serif}

/* input */
.field{width:100%;min-height:58px;border-radius:16px;border:2px solid var(--line);background:#fff;padding:0 16px;font-size:17px;font-family:var(--body);color:var(--ink);outline:none}
.field:focus{border-color:var(--terra)}
.field.err{border-color:#C62828}

/* foto */
.photo-frame{position:relative;width:220px;margin:22px auto 10px;border-radius:110px 110px 26px 26px;overflow:hidden;aspect-ratio:4/5;background:var(--cream-deep);box-shadow:var(--shadow)}
.photo-frame img{width:100%;height:100%;object-fit:cover}
.photo-tips{display:flex;justify-content:center;gap:22px;font-size:14px;color:var(--mute);margin-bottom:6px}
.photo-tips span:before{content:"✓ ";color:var(--terra);font-weight:800}
.privacy-box{background:var(--cream-deep);border-radius:16px;padding:14px 16px;font-size:14px;line-height:1.45;color:var(--deep);margin-top:12px}

/* interlúdio e loading */
.stage-list{display:grid;gap:10px;margin:22px 0}
.stage{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:14px 16px;font-weight:700}
.stage .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--cream-deep);color:var(--deep);font-family:var(--head);font-size:14px;flex:none}
.stage.done .n{background:var(--terra);color:#fff}
.stage.cur{border-color:var(--terra)}
.stage em{margin-left:auto;font-style:normal;font-size:13px;color:var(--mute);font-weight:600}
.loader-ring{width:150px;height:150px;margin:34px auto 20px;position:relative}
.loader-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.loader-ring b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--head);font-size:34px;color:var(--deep)}

/* ---------- RESULTADO ---------- */
.res-hero{padding-top:18px}
.res-hero h1{font-size:28px;line-height:1.18;margin:8px 0 10px}
.res-hero p{font-size:17px;line-height:1.45;color:var(--mute)}
.card{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:18px}
.card + .card{margin-top:12px}
.split{display:grid;grid-template-columns:1fr 1fr;border-radius:20px;overflow:hidden;border:1.5px solid var(--line);margin:18px 0 12px;background:#fff}
.split figure{margin:0;position:relative}
.split img{width:100%;aspect-ratio:3/4;object-fit:cover}
.split figcaption{padding:10px;text-align:center;font-weight:700;color:var(--deep);font-size:14px;background:var(--cream-deep)}
.split .tag{position:absolute;top:10px;left:10px;background:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}
.palette{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:12px 0 6px}
.palette div{aspect-ratio:1/1.2;border-radius:12px}
.palette-names{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 10px;font-size:13px}
.palette-names span{display:flex;align-items:center;gap:6px}
.palette-names i{width:12px;height:12px;border-radius:50%;flex:none}
.tip{font-size:16px;line-height:1.5}
.tip b{color:var(--deep)}
.teaser{display:flex;gap:14px;align-items:center}
.teaser .locked{width:96px;height:96px;border-radius:16px;flex:none;position:relative;overflow:hidden;background:var(--cream-deep)}
.teaser .locked img{width:100%;height:100%;object-fit:cover;filter:blur(5px);transform:scale(1.1)}
.teaser .locked:after{content:"🔒";position:absolute;inset:0;display:grid;place-items:center;font-size:24px}
.teaser h4{font-size:15px;color:var(--terra)}
.teaser p{font-size:16px;margin-top:3px}

/* ---------- LEAD ---------- */
.arch{width:150px;height:190px;margin:20px auto 18px;border-radius:75px 75px 18px 18px;overflow:hidden;background:var(--cream-deep)}
.arch img{width:100%;height:100%;object-fit:cover;filter:blur(7px);transform:scale(1.15)}
.toggle2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 12px}
.toggle2 button{min-height:56px;border-radius:16px;border:2px solid var(--line);background:#fff;font-weight:800;font-size:16px;color:var(--ink)}
.toggle2 button.on{border-color:var(--terra);color:var(--deep);background:#FFF0F5}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--mute);margin:14px 0}
.chk input{width:22px;height:22px;accent-color:var(--terra);flex:none;margin-top:1px}
.secure{display:flex;gap:8px;justify-content:center;align-items:center;font-size:14px;color:var(--mute)}

/* ---------- VENDAS ---------- */
.sp-hero{padding:16px 0 6px;text-align:center}
.sp-hero h1{font-size:30px;line-height:1.15;margin:10px 0 12px}
.sp-hero .lead{font-size:17px;line-height:1.45;color:var(--mute)}
.ready{display:flex;gap:14px;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:22px;padding:14px;margin:18px 0;text-align:left}
.ready .mini-arch{width:72px;height:90px;border-radius:36px 36px 12px 12px;overflow:hidden;flex:none;background:var(--cream-deep)}
.ready .mini-arch img{width:100%;height:100%;object-fit:cover}
.ready b{font-family:var(--head);color:var(--deep);font-size:16px;display:block}
.ready p{font-size:14px;color:var(--mute);margin-top:3px}
.sec{padding:40px 0 4px}
.sec > .eyebrow{display:block;text-align:center;margin-bottom:8px}
.sec h2{font-size:26px;line-height:1.18;text-align:center;margin-bottom:10px}
.sec .sub{text-align:center;color:var(--mute);font-size:16px;line-height:1.45;margin-bottom:20px}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.chip{background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;color:var(--deep)}
.chip i{font-style:normal;color:var(--mute);font-weight:600}
.liked{display:flex;gap:10px;justify-content:center;margin-top:16px}
.liked figure{margin:0;width:88px;text-align:center;font-size:12px;font-weight:700;color:var(--deep)}
.liked img,.liked .art{width:88px;height:110px;border-radius:16px;object-fit:cover;margin-bottom:5px;border:3px solid var(--terra)}
.preview-grid{display:grid;gap:12px}
.pv{background:#fff;border:1.5px solid var(--line);border-radius:22px;overflow:hidden}
.pv-head{display:flex;align-items:center;gap:12px;padding:14px 16px 10px}
.pv-head .ico{width:42px;height:42px;border-radius:12px;background:var(--cream-deep);display:grid;place-items:center;font-size:21px;flex:none}
.pv-head h3{font-size:17px}
.pv-head small{display:block;color:var(--mute);font-size:13px;font-family:var(--body);font-weight:600}
.pv-body{padding:0 16px 16px;font-size:15px;line-height:1.5}
.pv-lock{position:relative;margin:0 16px 16px;border-radius:14px;overflow:hidden;background:var(--cream-deep);padding:14px}
.pv-lock .blur{filter:blur(5px);user-select:none;pointer-events:none;font-size:14px;line-height:1.5;color:var(--deep)}
.pv-lock .lockmsg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:rgba(255,248,244,.45);font-weight:800;color:var(--deep);font-size:14px}
.pv-lock .lockmsg span{font-size:22px}
.pain{display:grid;gap:10px}
.pain div{display:flex;gap:12px;align-items:center;background:#fff;border-radius:16px;padding:14px 16px;border:1.5px solid var(--line);font-size:16px;line-height:1.35}
.pain div:before{content:"✕";flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#FDE7EC;color:#C62828;font-weight:800;font-size:13px}
.relief{margin-top:14px;background:var(--deep);color:#fff;border-radius:22px;padding:20px;display:flex;gap:14px;align-items:center}
.relief img{width:92px;height:92px;border-radius:16px;object-fit:cover;flex:none}
.relief b{font-family:var(--head);font-size:18px;display:block;margin-bottom:4px}
.relief p{color:#f3d6e2;font-size:15px;line-height:1.4}

/* telefone / app mock */
.phone{width:300px;margin:0 auto;border-radius:40px;border:9px solid var(--deep-2);background:var(--cream);box-shadow:0 20px 40px rgba(78,20,51,.28);overflow:hidden;position:relative}
.phone .notch{height:24px;display:flex;justify-content:center;align-items:center}
.phone .notch i{width:90px;height:6px;border-radius:6px;background:#e7d3db}
.app-screen{height:520px;overflow-y:auto;padding:4px 14px 80px;scrollbar-width:none}
.app-screen::-webkit-scrollbar{display:none}
.tabbar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--line);padding:8px 4px 12px}
.tabbar button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;font-weight:800;color:#b49aa6;padding:2px 4px}
.tabbar button span{font-size:19px;filter:grayscale(1);opacity:.6}
.tabbar button.on{color:var(--terra)}
.tabbar button.on span{filter:none;opacity:1}
.app-h{font-family:var(--head);font-weight:700;color:var(--deep);font-size:19px;margin:8px 0 2px}
.app-s{font-size:13px;color:var(--mute);margin-bottom:12px}
.app-card{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:12px;margin-bottom:10px;font-size:13.5px;line-height:1.45}
.app-card h5{margin:0 0 6px;font-family:var(--head);font-size:14px;color:var(--deep)}
.app-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.app-chips button,.app-chips span{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;color:var(--deep)}
.app-chips button.on{background:var(--terra);border-color:var(--terra);color:#fff}
.bubble{background:var(--cream-deep);border-radius:16px 16px 16px 4px;padding:10px 12px;font-size:13.5px;line-height:1.45;margin:8px 0}
.bubble.me{background:var(--terra);color:#fff;border-radius:16px 16px 4px 16px;margin-left:30px}
.have{display:flex;flex-wrap:wrap;gap:6px}
.have span{background:#E8F5EC;color:#1B5E20;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}
.have span.need{background:#FFF3E0;color:#9A5B00}

/* tutorial */
.tut{background:#fff;border:1.5px solid var(--line);border-radius:22px;overflow:hidden}
.tut-top{background:var(--deep);color:#fff;padding:18px}
.tut-top h3{color:#fff;font-size:20px}
.tut-top p{color:#f3d6e2;font-size:14px;margin-top:4px}
.tut-meta{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.tut-meta span{background:rgba(255,255,255,.14);border-radius:999px;padding:5px 10px;font-size:12.5px;font-weight:700}
.steps{list-style:none;margin:0;padding:14px 18px;counter-reset:s}
.steps li{counter-increment:s;display:flex;gap:12px;padding:9px 0;font-size:15px;line-height:1.45;border-bottom:1px dashed var(--line)}
.steps li:last-child{border:0}
.steps li:before{content:counter(s);flex:none;width:26px;height:26px;border-radius:50%;background:var(--cream-deep);color:var(--terra);font-family:var(--head);font-weight:700;font-size:13px;display:grid;place-items:center}
.steps.locked li:nth-child(n+3){filter:blur(4px);user-select:none}
.tut-foot{padding:0 18px 18px}

/* estúdio */
.studio{display:grid;gap:14px;justify-items:center}
.studio svg{width:230px;height:auto}
.studio .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.dot{width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px var(--line);cursor:pointer}
.dot.on{box-shadow:0 0 0 3px var(--terra)}
.range{width:220px;accent-color:var(--terra)}

/* passos */
.how{display:grid;gap:12px}
.how > div{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:16px}
.how b{flex:none;width:36px;height:36px;border-radius:50%;background:var(--terra);color:#fff;display:grid;place-items:center;font-family:var(--head)}
.how h3{font-size:17px;margin-bottom:3px}
.how p{font-size:15px;color:var(--mute);line-height:1.4}

/* depoimentos (espaço reservado) */
.testi-empty{border:2px dashed var(--line);border-radius:22px;padding:22px;text-align:center;color:var(--mute);font-size:15px;line-height:1.5;background:#fff}

/* planos */
.plans{display:grid;gap:14px}
.plan{position:relative;background:#fff;border:2px solid var(--line);border-radius:24px;padding:20px 18px;cursor:pointer;transition:border-color .15s, box-shadow .15s}
.plan.on{border-color:var(--terra);box-shadow:0 10px 26px rgba(194,24,91,.16)}
.plan .badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--terra);color:#fff;font-family:var(--head);font-weight:600;font-size:12.5px;padding:5px 14px;border-radius:999px;white-space:nowrap}
.plan-top{display:flex;align-items:center;gap:12px}
.radio{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);flex:none;position:relative}
.plan.on .radio{border-color:var(--terra)}
.plan.on .radio:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--terra)}
.plan h3{font-size:19px}
.plan .tag2{font-size:13px;color:var(--mute);font-weight:700}
.price{margin:12px 0 6px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.price s{color:var(--mute);font-size:15px}
.price b{font-family:var(--head);font-size:32px;color:var(--deep)}
.price small{font-size:13px;color:var(--mute);width:100%}
.plan ul{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:7px}
.plan li{font-size:15px;line-height:1.4;display:flex;gap:8px}
.plan li:before{content:"✓";color:var(--pos);font-weight:800}
.plan li.no{color:#aa9aa1}
.plan li.no:before{content:"–";color:#c9b3bd}
.deadline{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--sun);color:#7a4a00;font-weight:800;font-size:14px;border-radius:14px;padding:10px;margin-bottom:16px}

/* bônus */
.bonus{display:flex;gap:14px;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:12px}
.bonus + .bonus{margin-top:10px}
.bonus img{width:76px;height:76px;border-radius:14px;object-fit:cover;flex:none}
.bonus h3{font-size:16px}
.bonus p{font-size:14px;color:var(--mute);line-height:1.35;margin-top:2px}
.bonus s{font-size:13px;color:var(--mute)}
.bonus .free{font-size:13px;font-weight:800;color:var(--pos);margin-left:6px}

/* garantia */
.guarantee{display:flex;gap:16px;align-items:center;background:var(--cream-deep);border-radius:22px;padding:18px}
.guarantee img{width:84px;height:84px;border-radius:18px;flex:none}
.guarantee h3{font-size:18px;margin-bottom:4px}
.guarantee p{font-size:15px;line-height:1.45;color:var(--deep)}

/* faq */
.faq details{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:0 16px;margin-bottom:10px}
.faq summary{list-style:none;cursor:pointer;padding:16px 26px 16px 0;font-weight:800;color:var(--deep);font-size:16px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:0;top:12px;font-size:24px;color:var(--terra);font-weight:600}
.faq details[open] summary:after{content:"–"}
.faq details p{padding:0 0 16px;font-size:15px;line-height:1.55;color:var(--ink)}

/* ---------- CHECKOUT ---------- */
.co-head{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}
.co-head .secure{font-size:13px}
.co-grid{display:grid;gap:16px;padding:18px 0 40px}
.co-box{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:18px}
.co-box h3{font-size:17px;margin-bottom:12px}
.co-line{display:flex;justify-content:space-between;gap:10px;font-size:15px;padding:6px 0}
.co-line.total{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font-weight:800;font-size:18px;color:var(--deep)}
.co-plans{display:grid;gap:8px}
.co-plan{display:flex;align-items:center;gap:10px;border:2px solid var(--line);border-radius:14px;padding:10px 12px;cursor:pointer;background:#fff;font-size:15px;text-align:left;width:100%}
.co-plan.on{border-color:var(--terra);background:#FFF0F5}
.co-plan b{margin-left:auto;color:var(--deep)}
.bump{border:2px dashed var(--terra);background:#FFF6F9;border-radius:18px;padding:14px;display:flex;gap:12px;align-items:flex-start}
.bump input{width:22px;height:22px;accent-color:var(--terra);flex:none;margin-top:2px}
.bump b{color:var(--deep)}
.bump p{font-size:14px;line-height:1.4;margin-top:3px}
.form-grid{display:grid;gap:10px}
.form-grid label{font-size:13px;font-weight:800;color:var(--deep);display:grid;gap:5px}
.pay-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.pay-tabs button{min-height:50px;border-radius:14px;border:2px solid var(--line);background:#fff;font-weight:800;font-size:15px}
.pay-tabs button.on{border-color:var(--terra);background:#FFF0F5;color:var(--deep)}
.pix-note{background:#E8F5EC;color:#1B5E20;border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.45}
.modal{position:fixed;inset:0;background:rgba(38,34,31,.55);display:grid;place-items:center;padding:20px;z-index:100}
.modal .box{background:var(--cream);border-radius:24px;padding:24px;max-width:420px;width:100%}
.modal h3{font-size:20px;margin-bottom:8px}
.modal p{font-size:15px;line-height:1.5;margin-bottom:14px}

/* desktop */
@media (min-width:900px){
  .sales .wrap{max-width:560px}
  .co-grid{grid-template-columns:1.2fr 1fr;align-items:start}
  .land h1{font-size:38px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.co-plan.on .radio{border-color:var(--terra)}
.co-plan.on .radio:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--terra)}
.co-head .logo{font-size:17px}.co-head .logo svg{width:28px;height:28px}

/* ===== Tipografia editorial (Cormorant Garamond + Geist) ===== */
h1,h2,h3{font-weight:500;letter-spacing:-.005em}
h4,h5{font-family:var(--ui);font-weight:700}
.land h1{font-size:40px;line-height:1.05;font-weight:500}
.sp-hero h1{font-size:38px;line-height:1.06}
.res-hero h1{font-size:34px;line-height:1.1}
.sec h2{font-size:33px;line-height:1.1}
.land-sec h2{font-size:31px;line-height:1.1}
.qtitle{font-family:var(--head);font-weight:500;font-size:32px;line-height:1.1;letter-spacing:-.005em}
.qtitle em{font-style:italic;color:var(--terra)}
.mark{background:none;font-style:italic;color:var(--terra);padding:0}
.quote{font-weight:500;font-size:27px;line-height:1.2}
.btn,.trio figcaption,.badge,.plan .badge,.eyebrow,.stage .n,.how b,.steps li:before,.tabbar button,.react-card .cap small,.co-plan{font-family:var(--ui)}
.btn{font-weight:600;font-size:17px}
.react-card .cap b{font-family:var(--head);font-weight:500;font-size:30px}
.plan h3{font-size:24px}.price b{font-family:var(--ui);font-weight:700;font-size:30px}
.room h3,.pv-head h3,.bonus h3,.how h3,.guarantee h3{font-size:21px}
.tut-top h3{font-size:26px}
.app-h{font-family:var(--head);font-weight:600;font-size:24px}
.ready b{font-family:var(--head);font-size:20px;font-weight:600}
.relief b{font-family:var(--head);font-size:22px;font-weight:600}
.logo{font-family:var(--head);font-weight:600;font-size:25px;letter-spacing:-.01em}
.logo b{font-style:italic;font-weight:500}
.qbar .logo{font-size:21px}
.co-head .logo{font-size:20px}
.loader-ring b{font-family:var(--ui);font-weight:600;font-size:30px}

/* opções com foto */
.opt.ph small{display:block;font-weight:400;font-size:12.5px;color:var(--mute);margin-top:2px}
.opt.ph img{aspect-ratio:4/5}
.opts.grid3 .opt.ph img{aspect-ratio:1/1}
.ph-none{aspect-ratio:4/5;display:grid;place-items:center;font-size:40px;background:var(--cream-deep)}
.photo-frame .corner{position:absolute;width:26px;height:26px;border:3px solid #fff}
.photo-frame .tl{top:14px;left:14px;border-right:0;border-bottom:0;border-radius:6px 0 0 0}
.photo-frame .tr{top:14px;right:14px;border-left:0;border-bottom:0;border-radius:0 6px 0 0}
.photo-frame .bl{bottom:14px;left:14px;border-right:0;border-top:0;border-radius:0 0 0 6px}
.photo-frame .br{bottom:14px;right:14px;border-left:0;border-top:0;border-radius:0 0 6px 0}

/* sua foto x seu look */
.look-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 14px}
.look-pair figure{margin:0;position:relative;border-radius:20px;overflow:hidden;background:var(--cream-deep);aspect-ratio:3/4}
.look-pair img{width:100%;height:100%;object-fit:cover}
.look-pair figcaption{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.92);color:var(--deep);font-weight:700;font-size:13px;padding:5px 11px;border-radius:999px}
.locked-look img{filter:blur(9px) saturate(1.1);transform:scale(1.12)}
.lock-badge{position:absolute;inset:auto 10px 46px 10px;text-align:center;background:var(--deep);color:#fff;font-size:12.5px;font-weight:700;border-radius:12px;padding:8px}
.look-wait{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(160deg,var(--cream-deep),#F9D7E3);color:var(--deep);text-align:center;padding:10px}
.look-wait b{font-family:var(--head);font-size:20px;font-weight:600;line-height:1.1}
.look-wait small{font-weight:700;color:var(--terra)}
.spin{width:38px;height:38px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--terra);animation:sp 1s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
#refFlag{position:fixed;top:8px;right:8px;z-index:200;background:#FFE9C2;color:#7a4a00;font:700 10.5px var(--ui);padding:4px 8px;border-radius:999px;opacity:.85;pointer-events:auto}

.look-cap{margin:-4px 0 14px;font-family:var(--head);font-style:italic;font-size:20px;line-height:1.3;color:var(--deep);text-align:center}
.lock-badge{font-size:12px;line-height:1.3}

/* ===== Leque de celulares (estilo app escuro) ===== */
.fan{position:relative;height:430px;margin:6px -18px 18px;background:transparent;overflow:visible;border-radius:0}
.fp{position:absolute;top:28px;width:178px;height:372px;border-radius:30px;background:#1E0B18;border:2px solid #2A1022;box-shadow:0 30px 60px rgba(42,16,34,.28),0 10px 20px rgba(42,16,34,.18),inset 0 0 0 5px #120610;color:#F6E9F0;overflow:hidden}
.fp.mid{left:50%;width:200px;height:400px;top:14px;transform:translateX(-50%);z-index:3}
.fp.left{left:calc(50% - 175px);transform:rotate(-9deg);z-index:1;opacity:.92}
.fp.right{left:calc(50% - 3px);transform:rotate(9deg);z-index:2;opacity:.92}
@media (max-width:420px){.fp.left{left:calc(50% - 155px)}.fp.right{left:calc(50% - 23px)}.fp{width:170px;height:356px}.fp.mid{width:192px;height:384px}}
.fp-in{position:absolute;inset:6px;padding:16px 12px 0;display:flex;flex-direction:column;gap:6px}
.fp-top{display:flex;justify-content:space-between;align-items:flex-start}
.fp-user{width:24px;height:24px;border-radius:50%;border:1.2px solid #8C5A78;display:grid;place-items:center}
.fp-user svg,.fp-tabs svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fp-eye{font:700 7.5px var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--pink)}
.fp-h{font-family:var(--head);font-weight:500;font-size:17px;line-height:1.05;color:#fff}
.fp-h.big{font-size:22px}
.fp-s{font-size:8.5px;line-height:1.35;color:#CDB5C3}
.fp-row{display:flex;gap:5px}.fp-row.center{justify-content:center}
.fp-btn{font:700 8px var(--ui);background:var(--terra);color:#fff;border-radius:999px;padding:5px 10px}
.fp-btn.ghost{background:transparent;border:1.2px solid #6E3A5E;color:#F6E9F0}
.fp-photo{border-radius:16px;overflow:hidden;height:150px;background:#2A1022}
.fp-photo.tall{height:200px}
.fp-photo img{width:100%;height:100%;object-fit:cover;object-position:top}
.fp-wide{font:700 7.5px var(--ui);letter-spacing:.16em;text-transform:uppercase;text-align:center;border:1.2px solid #6E3A5E;border-radius:10px;padding:7px}
.fp-wide.solid{background:var(--terra);border-color:var(--terra);color:#fff;margin-top:4px}
.fp-mini{font:600 8px var(--ui);color:#CDB5C3;text-align:center;letter-spacing:.08em}
.fp-sw{display:flex;gap:4px}.fp-sw i{width:18px;height:18px;border-radius:50%}
.fp-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.fp-thumbs img{width:100%;height:58px;object-fit:cover;object-position:top;border-radius:8px}
.fp-input{font-size:8px;color:#9E8293;border:1.2px solid #4A2140;border-radius:9px;padding:6px 8px}
.fp-chips{display:flex;flex-wrap:wrap;gap:4px}
.fp-chips span{font:600 7.5px var(--ui);border:1.2px solid #4A2140;border-radius:999px;padding:4px 7px;color:#E8D3DF}
.fp-tabs{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;border-top:1px solid #3A1730;padding:7px 4px 10px;background:#1E0B18}
.fp-tabs span{display:flex;flex-direction:column;align-items:center;gap:2px;font:600 6px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:#8C6F80}
.fp-tabs span.on{color:var(--pink)}
@media (min-width:560px){.fan{margin:6px 0 18px;border-radius:0}}
@media (min-width:900px){.fan{height:470px}.fp.left{left:calc(50% - 225px)}.fp.right{left:calc(50% + 45px)}}
.fp-btn{white-space:nowrap}

/* ===== Seções de recurso (estilo Combina) ===== */
.feat{padding:44px 0 10px}
.feat.alt{background:#F6EAE4}
.feat-in{max-width:480px;margin:0 auto;padding:0 18px;display:grid;gap:4px}
.ft-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.ft-ico{width:52px;height:52px;border-radius:14px;background:var(--deep);display:grid;place-items:center;box-shadow:0 8px 18px rgba(107,29,69,.25);flex:none}
.ft-ico svg{width:30px;height:30px}
.ft-brand b{display:block;font:600 12px var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--deep)}
.ft-brand small{display:block;font:500 11px var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-top:3px}
.feat h2{font-size:38px;line-height:1.05;text-align:left;color:var(--ink)}
.feat h2 .mark{color:var(--ink)}
.feat-p{font-size:17px;line-height:1.55;color:var(--mute);margin-top:14px}
.feat-checks{list-style:none;padding:0;margin:6px 0 20px;display:grid;gap:12px}
.feat-checks li{display:flex;gap:12px;font-size:16.5px;line-height:1.4}
.feat-checks li:before{content:"✓";color:var(--terra);font-weight:800;font-size:18px}
.feat-fan{position:relative;height:420px;margin:18px -18px 14px;overflow:hidden}
.fp.light{background:#FFFAF7;border:2px solid #2A1022;box-shadow:0 18px 36px rgba(42,16,34,.22),inset 0 0 0 5px #2A1022;color:var(--ink)}
.fp.light .fp-h{color:var(--ink)}
.fp.light .fp-s{color:var(--mute)}
.fp-s.dark{color:#4A403A!important;font-size:8.6px;line-height:1.45}
.fp.light.left,.fp.light.right{opacity:1}
.fp-pill{font:600 7.5px var(--ui);background:#fff;border:1px solid #EAD9D0;border-radius:999px;padding:4px 8px;align-self:flex-start;color:var(--ink)}
.fp-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.fp-grid figure{margin:0}.fp-grid div{background:#F3ECE7;border-radius:8px;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}
.fp-grid svg{width:70%;height:70%}
.fp-grid .closet-pic{background:#FAFAFA;padding:4px}
.fp-grid .closet-pic img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.fp-look-pic{width:100%;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:#FAFAFA}
.fp-look-pic img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.fp-grid figcaption{font-size:6.5px;color:var(--mute);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fp-fab{position:absolute;left:14px;bottom:14px;font:700 8px var(--ui);background:var(--deep);color:#fff;border-radius:999px;padding:6px 10px}
.fp-photo.tall2{height:210px;background:#F1EAE5}
.fp-swrow{display:flex;align-items:center;gap:6px;font-size:8px;color:var(--mute)}
.fp-sw2{display:flex;border-radius:999px;overflow:hidden}.fp-sw2 i{width:10px;height:10px}
.fp-look{background:#F3ECE7;border-radius:12px;padding:6px;display:grid;gap:2px}
.fp-look div{border-radius:8px;overflow:hidden;height:110px}.fp-look svg{width:100%;height:100%}
.fp-look span{font-family:var(--head);font-size:11px;color:var(--ink)}
.fp-face{width:110px;height:120px;margin:4px auto;border-radius:50% 50% 46% 46%;overflow:hidden}
.fp-face img{width:100%;height:100%;object-fit:cover}
.ba{position:relative;border-radius:14px;overflow:hidden;height:190px;touch-action:pan-y}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.ba-tag{position:absolute;top:8px;font:600 7.5px var(--ui);border-radius:999px;padding:4px 8px;z-index:3}
.ba-tag.l{left:8px;background:#fff;color:var(--ink)}.ba-tag.r{right:8px;background:var(--deep);color:#fff}
.ba-line{position:absolute;top:0;bottom:0;width:2px;background:#fff;transform:translateX(-1px);z-index:2;pointer-events:none}
.ba-line i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:#fff;font-style:normal;font-size:9px;font-weight:800;display:grid;place-items:center;color:var(--deep);box-shadow:0 2px 6px rgba(0,0,0,.2)}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4;margin:0}
.fp-stripes{position:relative;border-radius:12px;overflow:hidden;height:200px}
.fp-stripes img{width:100%;height:100%;object-fit:cover;object-position:top}
.fp-stripes div{position:absolute;left:0;right:0;bottom:0;height:46%;display:flex}
.fp-stripes i{flex:1}
@media (min-width:900px){
  .feat-in{max-width:1080px;grid-template-columns:1fr 1fr;grid-template-areas:"copy fan" "checks fan";column-gap:40px;align-items:start}
  .feat-in > .feat-copy:first-child{grid-area:copy}.feat-in > .feat-fan{grid-area:fan;height:460px;margin:0}.feat-in > .feat-copy:last-child{grid-area:checks}
  .feat.alt .feat-in{grid-template-areas:"fan copy" "fan checks"}
  .feat h2{font-size:52px}
}
@media (min-width:900px){.feat-in > .feat-fan{transform:scale(1.18);transform-origin:center top;height:520px}}

/* ===== Blocos ARRASEI ===== */
.ar-sec{padding:48px 0 16px}
.ar-sec.alt{background:#F6EAE4}
.ar-in{max-width:480px;margin:0 auto;padding:0 18px}
.ar-sec .eyebrow{display:block;text-align:center;margin-bottom:8px}
.ar-sec h2{font-size:36px;line-height:1.06;text-align:center;color:var(--ink);margin-bottom:12px}
.ar-sec h2 .mark{color:var(--terra)}
.ar-sec h2.l,.ar-sub.l{text-align:left}
.ar-split .eyebrow{text-align:left}
.ar-sub{text-align:center;color:var(--mute);font-size:16.5px;line-height:1.5;margin-bottom:22px}
.ar-note{text-align:center;color:var(--mute);font-size:13px;line-height:1.45;margin:14px 0 6px}
.tr-grid{display:grid;gap:16px}
.tr-card{background:#fff;border:1.5px solid var(--line);border-radius:24px;padding:16px}
.tr-tag{font:700 11px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--terra)}
.tr-card h3{font-size:25px;color:var(--ink);margin:4px 0 4px}
.tr-card p{font-size:15px;line-height:1.45;color:var(--mute);margin-bottom:12px}
.ba.tall{height:auto;aspect-ratio:4/5;border-radius:18px}
.ba.tall .ba-tag{font-size:11px;padding:5px 11px}
.ba.tall .ba-line i{width:38px;height:38px;font-size:12px}
.ar-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ar-cards.three{grid-template-columns:1fr}
.ar-card{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:16px}
.example-grid{display:grid;gap:16px;margin-top:8px}
@media(min-width:760px){.example-grid{grid-template-columns:repeat(3,1fr)}}
.ex-card{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:22px 20px;display:flex;flex-direction:column;gap:10px}
.ex-num{font:600 10px var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--terra)}
.ex-card h3{font-family:var(--head);font-weight:500;font-size:22px;line-height:1.15;color:var(--ink);margin:4px 0 2px}
.ex-card p{font-size:14px;line-height:1.5;color:var(--mute);margin:0}
.ex-eye{font:700 10px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-top:6px}
.ex-steps,.ex-weeks{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:8px}
.ex-steps{counter-reset:s}
.ex-steps li{position:relative;padding-left:26px;font-size:13.5px;line-height:1.5;color:var(--ink);counter-increment:s}
.ex-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:var(--terra);color:#fff;font:700 10px var(--ui);display:grid;place-items:center}
.ex-weeks li{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:baseline;font-size:13.5px;line-height:1.45}
.ex-weeks li b{font:700 11px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--terra)}
.ex-weeks li span{color:var(--ink)}
.ex-tip{font-style:italic;font-size:13px}
.palette{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 4px}
.palette span{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;font-size:12px}
.palette i{width:26px;height:26px;border-radius:50%;display:block;border:1px solid rgba(0,0,0,.06)}
.palette b{display:block;font-weight:600;font-size:12.5px;color:var(--ink);line-height:1.1}
.palette small{display:block;font-size:10.5px;color:var(--mute);margin-top:1px}
.ar-ic{width:42px;height:42px;border-radius:12px;background:var(--cream-deep);color:var(--terra);display:grid;place-items:center;margin-bottom:10px}
.ar-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ar-ic.em{font-size:22px}
.ar-card h3{font-size:22px;color:var(--ink);margin-bottom:4px}
.ar-card p{font-size:14px;line-height:1.45;color:var(--mute)}
.ar-card small{display:inline-block;margin-top:10px;font:700 10.5px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--terra)}
.ar-split{display:grid;gap:20px}
.ar-photo{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow)}
.ar-photo img{width:100%;height:100%;object-fit:cover}
.ar-badge{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.94);border-radius:16px;padding:10px 14px;font:700 10px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--terra)}
.ar-badge b{display:block;font:500 22px var(--head);letter-spacing:0;text-transform:none;color:var(--ink)}
.ar-phone{position:relative;height:440px}
.fp.solo{position:absolute;left:50%;top:0;transform:translateX(-50%);width:230px;height:430px}
.fp.solo .fp-h.big{font-size:24px}
.fp.solo .fp-s{font-size:10px}
.fp.solo .fp-eye{font-size:8.5px}
.fp.solo .fp-btn{font-size:9.5px;padding:6px 12px}
.fp-btn.lt{border-color:#E2CFC6;color:var(--ink)}
.fp-input.lt{border-color:#EAD9D0;color:#9C8E86;font-size:10px;background:#fff}
.fp-chips.lt span{border-color:#EAD9D0;color:var(--ink);font-size:9px;background:#fff}
.fp-thumbs.lt img{height:80px}
.fp-tabs.lt{background:#FFFAF7;border-top-color:#EFE2DA}
.fp-tabs.lt span{color:#A8968D}.fp-tabs.lt span.on{color:var(--terra)}
.gal{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gal figure{margin:0}.gal img{width:100%;height:120px;object-fit:cover;object-position:top;border-radius:10px}
.gal figcaption{font:600 8px var(--ui);color:var(--mute);margin-top:3px;letter-spacing:.06em;text-transform:uppercase}
.measures{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border:1px solid #EAD9D0;border-radius:12px;padding:8px;font-family:var(--head);font-size:16px;color:var(--ink);text-align:center}
.measures small{display:block;font:600 7px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.chat{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.chat p{font-size:10px;line-height:1.4;padding:7px 10px;border-radius:12px;max-width:85%}
.chat .in{background:#F3ECE7;color:var(--ink);border-bottom-left-radius:4px}
.chat .me{background:var(--terra);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.pro-grid{display:grid;gap:12px}
.pro{margin:0;background:#fff;border:1.5px solid var(--line);border-radius:22px;overflow:hidden}
.pro img{width:100%;aspect-ratio:4/5;object-fit:cover}
.pro figcaption{padding:12px 14px;font-size:14px;line-height:1.45;color:var(--mute)}
.pro figcaption b{display:block;font:500 21px var(--head);color:var(--ink);margin-bottom:2px}
.steps4{display:grid;gap:12px}
.steps4 div{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:18px}
.steps4 b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--terra);color:#fff;font-family:var(--ui);margin-bottom:10px}
.steps4 h4{font:500 23px var(--head);color:var(--ink);margin-bottom:4px}
.steps4 p{font-size:15px;line-height:1.45;color:var(--mute)}
@media (min-width:900px){
  .ar-in{max-width:1080px}
  .ar-sec h2{font-size:48px}
  .ar-sub{max-width:640px;margin-left:auto;margin-right:auto}
  .ar-sub.l{margin-left:0}
  .tr-grid{grid-template-columns:repeat(4,1fr)}
  .ar-cards{grid-template-columns:repeat(3,1fr)}
  .ar-cards.three{grid-template-columns:repeat(3,1fr)}
  .ar-split{grid-template-columns:1fr 1fr;align-items:center;column-gap:56px}
  .ar-split.rev > :first-child{order:2}
  .ar-photo{max-width:420px;justify-self:center}
  .pro-grid{grid-template-columns:repeat(3,1fr)}
  .steps4{grid-template-columns:repeat(4,1fr)}
}

.bonus-total{margin-top:14px;background:var(--deep);color:#fff;border-radius:18px;padding:16px;text-align:center;display:grid;gap:4px}
.bonus-total s{display:none}
.bonus-total b{font-family:var(--head);font-weight:600;font-size:26px;line-height:1.1}
.bonus-total span{justify-self:center;background:var(--sun);color:#7a4a00;font:800 13px var(--ui);border-radius:999px;padding:5px 12px}