/* ToqLink — sistema visual */
:root{
  --g-950:#072B28; --g-900:#0A3935; --g-700:#0F4F4A; --g-500:#2E6B5A; --g-300:#A9CDB5; --g-200:#CFE3D5; --g-100:#E2EEE5; --g-50:#F1F7F2;
  --ink:#13231D; --muted:#4D5F57; --line:#C8DCCD; --paper:#FFFFFF;
  --mustard:#D6A11C; --mustard-2:#BD8A0F; --mustard-soft:#F7EACB;
  --display:"Bricolage Grotesque","Figtree",system-ui,sans-serif;
  --body:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r-lg:28px; --r-md:20px;
}
*{box-sizing:border-box}
html{scroll-padding-top:calc(72px + env(safe-area-inset-top,0px));-webkit-text-size-adjust:100%}
body{margin:0;background:var(--g-50);color:var(--ink);font:17px/1.6 var(--body);padding-bottom:env(safe-area-inset-bottom,0px)}
a{color:inherit}
img,video,svg{max-width:100%}
.wrap{width:100%;max-width:72rem;margin:0 auto;padding:0 20px}
:focus-visible{outline:3px solid var(--mustard);outline-offset:3px;border-radius:8px}

/* ---------- topo ---------- */
.top{padding:calc(14px + env(safe-area-inset-top,0px)) 0 0}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;flex:none}
.brand .ic{width:38px;height:38px}
.brand .wm{width:104px;height:30px;color:var(--g-700)}
.top-actions{display:flex;align-items:center;gap:8px}
.sneak{font-size:13.5px;font-weight:600;text-decoration:none;color:var(--g-700);padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.6);white-space:nowrap}
.sneak:hover{border-color:var(--g-500)}
.sneak .long{display:none}
@media (min-width:640px){.sneak .long{display:inline}.sneak .short{display:none}}
.wa-dot{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--g-700);color:#fff;text-decoration:none;flex:none}
.wa-dot svg{width:20px;height:20px}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 26px;text-align:center;line-height:1.2;border-radius:999px;background:var(--g-700);color:#fff;font-weight:700;text-decoration:none;font-size:16.5px;border:0;cursor:pointer;transition:background .2s,transform .2s}
.btn:hover{background:var(--g-900)}
.btn:active{transform:scale(.98)}
.btn svg{width:20px;height:20px;flex:none}
.btn.mustard{background:var(--mustard);color:var(--ink)}
.btn.mustard:hover{background:var(--mustard-2)}
.btn.line{background:transparent;color:var(--g-700);box-shadow:inset 0 0 0 2px var(--g-700)}
.btn.line:hover{background:var(--g-700);color:#fff}

/* ---------- hero ---------- */
.hero{padding:calc(34px + 64px + env(safe-area-inset-top,0px)) 0 56px;overflow:hidden}
.hero .wrap{display:grid;gap:40px;align-items:center}
@media (min-width:900px){.hero .wrap{grid-template-columns:1.1fr .9fr;gap:56px}.hero{padding:calc(48px + 64px) 0 80px}}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--g-500);margin-bottom:18px}
.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--mustard);box-shadow:0 0 0 4px var(--mustard-soft)}
h1{font-family:var(--display);font-weight:800;font-size:clamp(52px,11vw,104px);line-height:.9;letter-spacing:-0.045em;margin:0 0 22px;color:var(--g-900)}
h1 em{font-style:normal;color:var(--mustard-2);display:block}
.lead{font-size:clamp(18px,2.2vw,21px);line-height:1.5;color:var(--muted);max-width:32ch;margin:0 0 28px}
.trust{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14.5px;font-weight:600;color:var(--g-700)}
.trust li{display:flex;align-items:center;gap:7px}
.trust li::before{content:"";width:16px;height:16px;border-radius:50%;background:var(--g-200) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F4F4A' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-9'/%3E%3C/svg%3E") center/10px no-repeat}

/* o arco (assinatura da marca) */
.arch-stage{position:relative;justify-self:center;width:min(80vw,340px);padding-top:46px}
.arch{position:relative;aspect-ratio:9/16;border-radius:999px 999px var(--r-lg) var(--r-lg);overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black);background:var(--g-200);box-shadow:0 0 0 10px var(--paper),0 40px 70px -34px rgba(7,43,40,.55)}
.arch video{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.signal{position:absolute;left:50%;top:0;width:78%;transform:translateX(-50%);overflow:visible}
.signal path{fill:none;stroke:var(--mustard);stroke-linecap:round}
.signal .s1{stroke-width:7}
.signal .s2{stroke-width:5;opacity:0}
@media (prefers-reduced-motion:no-preference){
  .signal .s2{animation:ping 2.4s ease-out 0.8s 3}
  .arch{animation:rise .9s cubic-bezier(.2,.8,.2,1) both}
}
@keyframes ping{0%{opacity:.9;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-22px) scale(1.18)}}
.signal .s2{transform-origin:50% 100%;transform-box:fill-box}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.chip-float{position:absolute;right:-6px;bottom:28px;background:var(--paper);border-radius:16px;padding:10px 14px;box-shadow:0 18px 36px -18px rgba(7,43,40,.5);display:grid;gap:2px}
.chip-float b{font-size:14px}
.chip-float span{font-size:12px;color:var(--muted)}
.chip-float .st{color:var(--mustard);letter-spacing:2px;font-size:13px}

/* ---------- seções ---------- */
.section{padding:64px 0}
@media (min-width:900px){.section{padding:88px 0}}
h2{font-family:var(--display);font-weight:800;font-size:clamp(32px,5.4vw,52px);line-height:1;letter-spacing:-0.035em;margin:0 0 14px;color:var(--g-900)}
.sub{color:var(--muted);max-width:52ch;margin:0 0 36px;font-size:17.5px}
.muted{color:var(--muted)}

/* faixa de provas */
.proof{background:var(--g-900);color:#EAF3EC}
.proof h2{color:#fff}
.proof .sub{color:rgba(234,243,236,.75)}
.facts{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.18)}
@media (min-width:860px){.facts{grid-template-columns:repeat(3,1fr);border-top:0}}
.fact{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.18)}
@media (min-width:860px){.fact{padding:0 28px;border-bottom:0;border-left:1px solid rgba(255,255,255,.18)}.fact:first-child{padding-left:0;border-left:0}}
.fact .n{font-family:var(--display);font-weight:800;font-size:clamp(46px,7vw,64px);line-height:1;letter-spacing:-0.04em;color:var(--mustard)}
.fact .n small{font-size:.45em;letter-spacing:0;color:#EAF3EC;margin-left:4px}
.fact p{margin:10px 0 6px;font-size:16.5px;max-width:30ch}
.fact cite{font-style:normal;font-size:12.5px;color:rgba(234,243,236,.6)}

/* passos */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:s}
@media (min-width:860px){.steps{grid-template-columns:repeat(var(--cols,3),1fr);gap:18px}}
.steps li{counter-increment:s;background:var(--paper);border-radius:var(--r-md);padding:22px 22px 24px;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:start}
@media (min-width:860px){.steps li{grid-template-columns:1fr}}
.steps li::before{content:counter(s);grid-row:span 2;width:44px;height:52px;border-radius:999px 999px 10px 10px;background:var(--g-700);color:var(--mustard);font-family:var(--display);font-weight:800;font-size:22px;display:grid;place-items:center;padding-top:4px}
.steps h3{margin:0;font-size:18.5px;line-height:1.25}
.steps p{margin:0;color:var(--muted);font-size:15.5px}

/* preços */
.plans{display:grid;gap:16px;align-items:stretch}
@media (min-width:820px){.plans{grid-template-columns:1.15fr 1fr}}
.plan{background:var(--paper);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column}
.plan.dark{background:var(--g-700);color:#fff}
.plan .tag{align-self:flex-start;font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 11px;background:var(--g-100);color:var(--g-700)}
.plan.dark .tag{background:var(--mustard);color:var(--ink)}
.plan h3{margin:14px 0 0;font-size:20px}
.price{font-family:var(--display);font-weight:800;font-size:56px;line-height:1;letter-spacing:-0.035em;margin:8px 0 2px;color:var(--g-900)}
.plan.dark .price{color:#fff}
.price small{font-size:20px;font-weight:600;letter-spacing:0}
.plan .note{font-size:14px;color:var(--muted);margin:0}
.plan.dark .note{color:rgba(255,255,255,.72)}
.checks{list-style:none;padding:0;margin:20px 0 24px;display:grid;gap:12px}
.checks li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:15.5px;line-height:1.45}
.checks li::before{content:"";width:20px;height:20px;margin-top:1px;border-radius:50%;background:var(--g-200) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F4F4A' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.plan.dark .checks li::before{background-color:var(--mustard)}
.checks b{font-weight:700}
.plan .btn{margin-top:auto;align-self:flex-start}

/* perguntas */
.faq{max-width:46rem}
details{border-bottom:1px solid var(--line);padding:18px 0}
summary{cursor:pointer;font-weight:700;font-size:17.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--g-100) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F4F4A' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:10px 0 0;color:var(--muted);max-width:60ch}

/* ponte para o serviço de sites */
.bridge{padding:0 0 64px}
.bridge-card{position:relative;overflow:hidden;background:var(--g-950);color:#fff;border-radius:34px;padding:34px 26px;display:grid;gap:30px;align-items:center}
@media (min-width:860px){.bridge-card{grid-template-columns:1.1fr .9fr;padding:56px}}
.bridge-card .eyebrow{color:var(--g-300)}
.bridge-card h2{color:#fff}
.bridge-card p{color:rgba(255,255,255,.78);max-width:42ch;margin:0 0 20px}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none}
.pills li{font-size:14px;font-weight:600;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
@media (max-width:859px){.bridge-card::after{display:none}}
.bridge-card::after{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;border:2px solid rgba(214,161,28,.28);pointer-events:none}

/* mockup de site dentro do arco */
.mock{justify-self:center;width:min(70vw,250px)}
.mock .arch{aspect-ratio:10/16;box-shadow:0 0 0 8px rgba(255,255,255,.08)}
.mock .scr{height:100%;background:var(--g-50);color:var(--ink);display:flex;flex-direction:column}
.mock .hd{background:var(--mustard-soft);padding:62px 16px 16px;text-align:center}
.mock .hd b{font-family:var(--display);font-size:19px;display:block;line-height:1.1}
.mock .hd small{font-size:11px;color:var(--muted)}
.mock .gal{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 14px 0}
.mock .gal i{aspect-ratio:1;border-radius:10px;background:var(--g-300)}
.mock .gal i:nth-child(2){background:var(--g-200)}
.mock .ln{padding:10px 14px}
.mock .ln i{display:block;height:7px;border-radius:4px;background:var(--g-200);margin:7px 0}
.mock .ln i:nth-child(2){width:72%}
.mock .go{margin:auto 14px 18px;background:var(--g-700);color:#fff;border-radius:999px;text-align:center;font-size:12px;font-weight:700;padding:10px}

/* chamada final */
.final{background:var(--mustard);color:var(--ink);padding:48px 0}
.final .wrap{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.final h2{margin:0;color:var(--ink);font-size:clamp(28px,4.4vw,42px)}
.final .btn{background:var(--ink)}

footer{padding:26px 0 34px;font-size:13px;color:var(--muted)}
footer p{margin:0 0 8px;max-width:78ch}
footer .brand{margin-bottom:12px}

/* ---------- página de serviços ---------- */
.services{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(16.5rem,1fr))}
.svc{color:var(--ink);background:var(--paper);border-radius:var(--r-md);padding:24px;display:flex;flex-direction:column;gap:6px;position:relative}
.svc .ico{width:46px;height:52px;border-radius:999px 999px 10px 10px;background:var(--g-100);color:var(--g-700);display:grid;place-items:center;margin-bottom:8px}
.svc .ico svg{width:22px;height:22px}
.svc h3{margin:0;font-size:20px;font-family:var(--display);letter-spacing:-0.01em}
.svc p{margin:0;color:var(--muted);font-size:15.5px}
.svc .from{margin-top:auto;padding-top:16px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.svc .from small{font-size:13px;color:var(--muted)}
.svc .from b{font-family:var(--display);font-size:30px;font-weight:800;color:var(--g-900);letter-spacing:-0.02em}
.svc.feat{background:var(--g-700);color:#fff}
.svc.feat .ico{background:var(--mustard);color:var(--ink)}
.svc.feat p,.svc.feat .from small{color:rgba(255,255,255,.78)}
.svc.feat .from b{color:var(--mustard)}
.factors{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:0 28px;border-top:2px solid var(--g-700)}
.factor{padding:18px 0;border-bottom:1px solid var(--line)}
.factor h3{margin:0 0 4px;font-size:17px}
.factor p{margin:0;color:var(--muted);font-size:15.5px}
.why{display:grid;gap:14px}
@media (min-width:820px){.why{grid-template-columns:repeat(2,1fr)}}
.why div{background:var(--paper);border-radius:var(--r-md);padding:22px}
.why h3{margin:0 0 6px;font-size:18.5px}
.why p{margin:0;color:var(--muted);font-size:15.5px}
.why cite{display:block;font-style:normal;font-size:12.5px;margin-top:8px;color:var(--muted)}

.mock .chip-float{right:auto;left:-10px;bottom:110px}

/* ---------- celular realista ---------- */
.phone{position:relative;width:min(70vw,262px);aspect-ratio:9/19.2;border-radius:44px;background:#0D1412;padding:9px;
  box-shadow:inset 0 0 0 2px #2A3531,0 44px 70px -32px rgba(7,43,40,.6)}
.phone::before{content:"";position:absolute;top:18px;left:50%;transform:translateX(-50%);width:78px;height:23px;border-radius:14px;background:#000;z-index:4}
.phone .screen{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:#fff;color:#16130F;font-family:var(--body)}
.p-status{height:44px;display:flex;align-items:center;justify-content:space-between;padding:6px 24px 0 26px;font-size:12px}
.p-ic{display:flex;gap:4px;align-items:center}
.p-ic i{display:block;background:#16130F;border-radius:2px}
.p-ic .sig{width:14px;height:9px;clip-path:polygon(0 100%,100% 0,100% 100%)}
.p-ic .wifi{width:12px;height:9px;border-radius:12px 12px 2px 2px;clip-path:polygon(50% 100%,0 0,100% 0)}
.p-ic .bat{width:20px;height:9px;border-radius:3px}
.p-url{margin:0 10px;height:28px;border-radius:9px;background:#F1F3F4;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10.5px;color:#3C4043}
.p-url svg{width:10px;height:10px;color:#5F6368}
.p-view{position:absolute;top:80px;left:0;right:0;bottom:0;overflow:hidden}
@media (prefers-reduced-motion:no-preference){.scroll{animation:pscroll 18s ease-in-out 1.2s infinite}}
@keyframes pscroll{0%,10%{transform:translateY(0)}40%,52%{transform:translateY(-58%)}85%,100%{transform:translateY(0)}}

/* site de barbearia */
.ms{background:#F7F2EA;font-size:11px;line-height:1.4}
.ms-nav{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#1E1B18;color:#F4EDE3}
.ms-logo{font-weight:800;letter-spacing:.28em;font-size:11px}
.ms-burg{display:grid;gap:3px}.ms-burg i{display:block;width:14px;height:1.6px;background:#F4EDE3}
.ms-hero{position:relative;height:210px;color:#fff}
.ms-art{position:absolute;inset:0;width:100%;height:100%}
.ms-hero-t{position:absolute;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(transparent,rgba(20,17,14,.92) 45%)}
.ms-hero-t small{font-size:9.5px;color:#E3C39D;letter-spacing:.04em}
.ms-hero-t h4{margin:3px 0 6px;font-size:18px;line-height:1.1;font-family:Georgia,"Times New Roman",serif;font-weight:700}
.ms-rate{font-size:10px;color:#E8E2D9}.ms-rate b{color:#F5C04A}
.ms-btn{display:block;margin-top:9px;background:#25D366;color:#0B2A1C;text-align:center;border-radius:8px;padding:8px;font-weight:700;font-size:11px}
.ms-sec{padding:14px 14px 4px}
.ms-sec h5{margin:0 0 8px;font-size:13px;font-family:Georgia,serif;color:#1E1B18}
.ms-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #E6DCCD}
.ms-row span{display:flex;flex-direction:column;font-weight:600}
.ms-row small{font-weight:400;color:#8A7E70;font-size:9.5px}
.ms-row b{color:#A5622C}
.ms-row.thin{padding:6px 0}.ms-row.thin span{font-weight:500}.ms-row.thin b{color:#1E1B18;font-weight:600}
.ms-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ms-gal svg{width:100%;aspect-ratio:1;border-radius:8px;display:block}
.ms-quote{background:#fff;border-radius:10px;padding:10px 12px;box-shadow:0 1px 3px rgba(0,0,0,.08);font-style:italic;color:#3A332B}
.ms-quote small{display:block;font-style:normal;color:#8A7E70;margin-top:4px;font-size:9.5px}
.ms-stars{display:block;font-style:normal;color:#F5B400;letter-spacing:1px;margin-bottom:3px}
.ms-map{position:relative;height:90px;border-radius:10px;overflow:hidden;background:#E8EFE6}
.ms-map i{position:absolute;background:#fff}
.ms-map .r1{left:0;right:0;top:38px;height:9px}.ms-map .r2{top:0;bottom:0;left:62%;width:8px}.ms-map .r3{left:10%;width:60%;top:70px;height:5px;transform:rotate(-12deg)}
.ms-map .pin{position:absolute;left:calc(62% - 5px);top:24px;width:18px;height:18px;border-radius:50% 50% 50% 0;background:#D93025;transform:rotate(-45deg)}
.ms-foot{padding:16px 14px 20px;text-align:center;color:#8A7E70;font-size:9.5px}

/* cardápio */
.mm{background:#FBF6EE;font-size:11px;line-height:1.35;padding-bottom:70px}
.mm-hd{padding:12px 14px 8px}
.mm-hd b{display:block;font-size:17px;font-family:Georgia,serif;color:#7A2618}
.mm-hd small{display:flex;align-items:center;gap:5px;color:#6B5E4E;font-size:10px}
.mm-hd small i{width:7px;height:7px;border-radius:50%;background:#2E9E5B}
.mm-cats{display:flex;gap:6px;padding:4px 14px 8px;overflow:hidden}
.mm-cats span{flex:none;padding:5px 10px;border-radius:999px;background:#fff;border:1px solid #EAD9C2;font-weight:600;font-size:10px;color:#6B5E4E}
.mm-cats .on{background:#B8412C;border-color:#B8412C;color:#fff}
.mm-sec{padding:8px 14px 4px;font-weight:800;font-size:12px;color:#3A2A1C}
.mm-item{display:grid;grid-template-columns:40px 1fr 22px;gap:10px;align-items:center;margin:0 10px 8px;padding:9px;background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.mm-item svg{width:40px;height:40px}
.mm-item b{display:block;font-size:11px;color:#2A2018}
.mm-item small{display:block;color:#8A7E70;font-size:9.5px}
.mm-item em{display:block;font-style:normal;font-weight:700;color:#B8412C;margin-top:2px}
.mm-item .add{width:22px;height:22px;border-radius:50%;background:#B8412C;color:#fff;display:grid;place-items:center;font-weight:700}
.mm-cart{position:absolute;left:10px;right:10px;bottom:14px;background:#25D366;color:#0B2A1C;border-radius:12px;padding:10px 12px;display:flex;justify-content:space-between;font-size:10.5px;box-shadow:0 8px 18px -8px rgba(0,0,0,.35)}

/* composições */
.phones{position:relative;justify-self:center;width:min(86vw,360px);height:calc(min(70vw,262px) * 19.2 / 9 + 30px)}
.phones .phone{position:absolute;right:0;top:0;z-index:2}
.phones .phone.back{left:0;right:auto;top:34px;z-index:1;transform:rotate(-4deg) scale(.84);transform-origin:center bottom;opacity:.96}
.bridge .phone{justify-self:center}

.hd-mini{display:none;font-size:13px;font-weight:600;text-decoration:none;color:var(--hd-link);padding:6px 10px;border-radius:999px;border:1px solid var(--hd-line);transition:color .3s,border-color .3s}
@media (max-width:859px){.hd-mini{display:inline-block}}

/* grade de celulares menores */
.phone-grid{--s:.52;display:grid;grid-template-columns:repeat(2,calc(262px * var(--s)));gap:14px;justify-content:center;justify-self:center}
@media (min-width:860px){.phone-grid{--s:.72;gap:18px}}
.pg-cell{position:relative;width:calc(262px * var(--s));height:calc(262px * 19.2 / 9 * var(--s))}
.pg-cell:nth-child(even){margin-top:36px}
.pg-cell .phone{position:absolute;top:0;left:0;width:262px;transform:scale(var(--s));transform-origin:top left;box-shadow:inset 0 0 0 2px #2A3531,0 30px 50px -26px rgba(7,43,40,.55)}
.pg-cell .scroll{animation-delay:var(--d,0s)}
.mm-cart{z-index:2}

/* pet shop */
.mp{background:#FFF8F0;font-size:11px;line-height:1.4;color:#2B2320}
.mp-nav{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fff}
.mp-logo{display:flex;align-items:center;gap:6px;font-weight:800;color:#1F8A8A;font-size:13px}
.mp-logo i{width:16px;height:16px;border-radius:50%;background:#FF8A3D}
.mp-burg{display:grid;gap:3px}.mp-burg i{display:block;width:14px;height:1.6px;background:#2B2320}
.mp-hero{position:relative}
.mp-art{display:block;width:100%;height:130px}
.mp-t{padding:10px 14px 4px}
.mp-t h4{margin:0;font-size:17px;line-height:1.1;color:#12605F}
.mp-t p{margin:3px 0 8px;color:#6B5D55;font-size:10.5px}
.mp-btn{display:block;background:#25D366;color:#0B2A1C;text-align:center;border-radius:999px;padding:8px;font-weight:700}
.mp-sec{padding:12px 14px 2px}
.mp-sec h5{margin:0 0 8px;font-size:13px;color:#12605F}
.mp-card{display:grid;grid-template-columns:1fr auto;padding:9px 10px;background:#fff;border-radius:10px;margin-bottom:6px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.mp-card small{grid-column:1;color:#8A7B72;font-size:9.5px}
.mp-card em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-weight:800;color:#FF7A1F}
.mp-rev{background:#E6F4F4;border-radius:10px;padding:10px 12px;color:#23403F}
.mp-rev span{display:block;color:#F5B400;letter-spacing:1px}
.mp-rev small,.mb-rev small{display:block;color:#7A8C8B;margin-top:3px;font-size:9.5px}
.mp-p{margin:0 0 16px;color:#6B5D55}

/* salão */
.mb{background:#FFF9F7;font-size:11px;line-height:1.4;color:#3A2A28}
.mb-nav{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;font-family:Georgia,serif;font-size:14px;color:#3A2A28}
.mb-nav i{color:#C9737D}
.mb-burg{display:grid;gap:4px}.mb-burg i{display:block;width:16px;height:1.4px;background:#3A2A28}
.mb-art{display:block;width:100%;height:140px}
.mb-t{padding:10px 14px 4px}
.mb-t small{color:#C9737D;font-weight:700;letter-spacing:.06em;font-size:9.5px;text-transform:uppercase}
.mb-t h4{margin:2px 0 8px;font-family:Georgia,serif;font-size:18px;line-height:1.1;font-weight:400}
.mb-btn{display:inline-block;background:#3A2A28;color:#fff;border-radius:999px;padding:7px 14px;font-weight:700}
.mb-sec{padding:12px 14px 2px}
.mb-sec h5{margin:0 0 6px;font-family:Georgia,serif;font-size:13px;font-weight:400}
.mb-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed #E9CFC9}
.mb-row b{color:#B05D68}
.mb-team{display:flex;gap:8px}.mb-team i{width:40px;height:40px;border-radius:50%;display:block;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.mb-rev{background:#fff;border-radius:10px;padding:10px 12px;box-shadow:0 1px 3px rgba(0,0,0,.07);margin-bottom:16px}
.mb-rev span{display:block;color:#F5B400;letter-spacing:1px}

/* serviço extra */
.extra-box{margin-top:16px;border-radius:var(--r-lg);border:2px dashed rgba(214,161,28,.55);background:rgba(255,255,255,.04);padding:26px;display:grid;gap:8px 36px;color:#EAF3EC}
@media (min-width:860px){.extra-box{grid-template-columns:1fr 1.1fr;align-items:center;padding:34px}}
.extra-tag{display:inline-block;font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 11px;background:var(--mustard);color:var(--ink)}
.extra-box h3{margin:12px 0 6px;font-family:var(--display);font-size:26px;color:#fff;letter-spacing:-0.02em}
.extra-box p{margin:0;color:rgba(234,243,236,.78);max-width:40ch}
.extra-box .from{display:flex;align-items:baseline;gap:6px;margin-top:14px}
.extra-box .from small{font-size:13px;color:rgba(234,243,236,.7)}
.extra-box .from b{font-family:var(--display);font-size:32px;font-weight:800;color:var(--mustard)}
.extra-box .checks{margin:10px 0 0}
.extra-box .checks li::before{background-color:var(--mustard)}
@media (min-width:900px){
  .hero .wrap:has(.phone-grid){grid-template-columns:1fr 1fr}
  .hero .phone-grid{--s:.58}
  .hero .wrap:has(.phone-grid) h1{font-size:clamp(52px,6.6vw,92px)}
}

/* ================= celular realista ================= */
.phone.pro{width:262px;height:568px;aspect-ratio:auto;border-radius:44px;padding:9px;background:#0B0B0C;
  box-shadow:0 0 0 1.5px #3A3A3D,0 0 0 3px #1C1C1E,0 0 0 3.6px #5A5A5E,0 40px 70px -30px rgba(7,43,40,.65),0 12px 24px -14px rgba(7,43,40,.4)}
.phone.pro::before{top:15px;width:66px;height:19px;border-radius:12px;background:#000;z-index:8}
.phone.pro .btn-a,.phone.pro .btn-b,.phone.pro .btn-c{position:absolute;width:3px;border-radius:2px;background:#2C2C2E}
.phone.pro .btn-a{left:-3.5px;top:92px;height:20px}.phone.pro .btn-b{left:-3.5px;top:124px;height:36px}.phone.pro .btn-c{right:-3.5px;left:auto;top:136px;height:56px}
.phone.pro .screen{position:relative;width:100%;height:100%;border-radius:35px;overflow:hidden;isolation:isolate;-webkit-font-smoothing:antialiased;clip-path:inset(0 round 35px);-webkit-mask-image:-webkit-radial-gradient(white,black);transform:translateZ(0)}
.phone.pro .screen::after{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;border-radius:35px;background:linear-gradient(125deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,0) 30%)}
.ph-status{position:absolute;top:0;left:0;right:0;height:38px;z-index:7;display:flex;justify-content:space-between;align-items:center;padding:2px 20px 0 26px;
  font:600 11.5px/1 -apple-system,"Instrument Sans",system-ui,sans-serif;letter-spacing:-.01em}
.ph-status.light{color:#fff}.ph-status.dark{color:#0b0b0b}
.ph-icons{display:flex;gap:4px;align-items:center}
.ph-icons svg{height:8.5px;width:auto;fill:currentColor}
.ph-hd{position:absolute;top:0;left:0;right:0;z-index:6;padding-top:38px}
.ph-view{position:absolute;inset:0;overflow:hidden}
.ph-scroll{}
@media (prefers-reduced-motion:no-preference){.ph-scroll{animation:phs 22s cubic-bezier(.45,0,.3,1) infinite;animation-delay:var(--d,0s)}}
@keyframes phs{0%,9%{transform:translateY(0)}42%,54%{transform:translateY(var(--end,-50%))}90%,100%{transform:translateY(0)}}
.ph-img{display:block;width:100%;height:auto}
.ph-safari{position:absolute;left:0;right:0;bottom:0;z-index:7;padding:6px 10px 5px;background:#F7F7F8;border-top:.5px solid rgba(0,0,0,.08)}
.ph-pill{height:29px;border-radius:10px;background:#fff;box-shadow:0 0 0 .5px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;
  padding:0 10px;font:500 10px/1 -apple-system,"Instrument Sans",system-ui,sans-serif;color:#111}
.ph-pill .aa{font-weight:600;font-size:11px}.ph-pill .aa small{font-size:8px}
.ph-pill .dom{display:flex;align-items:center;gap:3px}
.ph-pill .dom svg{width:7px;height:8.5px;fill:#111}
.ph-pill .rl{width:11px;height:11px;color:#111}
.ph-home{display:block;width:84px;height:3.5px;border-radius:3px;background:#0b0b0b;margin:7px auto 0}
.ph-wa{position:absolute;right:11px;bottom:58px;z-index:6;width:34px;height:34px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 6px 14px -5px rgba(0,0,0,.5)}
.ph-wa svg{width:18px;height:18px}
.ham{display:grid;gap:3.5px}.ham i{display:block;width:15px;height:1.6px;border-radius:2px;background:#EFE6DA}
.ham.dark i{background:#1F2937}.ham.thin i{height:1.3px;width:17px;background:#3B2A2A}

/* ---------- Navalha ---------- */
.nv .screen{background:#121110;color:#EFE6DA;font-family:"Instrument Sans",system-ui,sans-serif}
.nv .ph-hd{background:#121110}
.nv-top{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid rgba(239,230,218,.07)}
.nv-logo{display:flex;align-items:center;gap:6px;font:700 15px/1 "Big Shoulders Display",Impact,sans-serif;letter-spacing:.2em}
.nv-logo svg{width:12px;height:12px}
.nv .ph-scroll{padding-top:76px}
.nv-hero{position:relative}
.nv-hero-t{padding:14px 15px 4px}
.nv-eye{display:block;font:700 7.5px/1 "Instrument Sans",sans-serif;letter-spacing:.24em;color:#C8894A}
.nv-hero-t h4{margin:7px 0 6px;font:700 29px/.95 "Big Shoulders Display",Impact,sans-serif;letter-spacing:.01em;color:#F4EDE3}
.nv-hero-t p{margin:0 0 8px;font-size:10.5px;line-height:1.45;color:#CFC5B8}
.nv-rate{display:flex;align-items:center;gap:5px;font-size:9.5px}.nv-rate b{font-weight:700}
.nv-rate .st{color:#F5B642;font-size:8.5px;letter-spacing:1px}.nv-rate span{color:#9E9387}
.nv-ctas{display:flex;gap:7px;margin-top:12px}
.nv-btn,.nv-ghost{display:inline-flex;align-items:center;justify-content:center;height:30px;border-radius:3px;white-space:nowrap}
.nv-btn{background:#C8894A;color:#140F0B;font:700 8.5px/1 "Instrument Sans",sans-serif;letter-spacing:.12em;padding:0 12px}
.nv-ghost{border:1px solid rgba(239,230,218,.3);color:#EFE6DA;font-size:9.5px;padding:0 11px}
.nv-sec{padding:20px 15px 4px}
.nv-sec h5{margin:0 0 8px;font:700 13px/1 "Big Shoulders Display",Impact,sans-serif;letter-spacing:.2em;color:#C8894A}
.nv-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #2A2521}
.nv-row b{display:block;font-size:10.5px}.nv-row small{display:block;font-size:8.5px;color:#8F857A;margin-top:2px}
.nv-row em{font:700 16px/1 "Big Shoulders Display",Impact,sans-serif;font-style:normal;color:#EFE6DA}
.nv-gal{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.nv-gal svg{display:block;width:100%;aspect-ratio:1;border-radius:5px}
.nv-quote{background:#1C1916;border-radius:9px;padding:11px;border:1px solid #2A2521}
.nv-q-top{display:flex;gap:8px;align-items:center;margin-bottom:5px}
.nv-q-top i{width:26px;height:26px;border-radius:50%;background:#C8894A;color:#140F0B;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:9px}
.nv-q-top b{display:block;font-size:10px}.nv-q-top small{font-size:8.5px;color:#8F857A}
.nv-quote .st{color:#F5B642;font-size:8.5px;letter-spacing:1px}
.nv-quote p{margin:5px 0 0;font-size:10px;line-height:1.5;color:#D8CFC3}
.nv-hours{display:grid;grid-template-columns:1fr auto;gap:7px 10px;font-size:10px}
.nv-hours span{color:#9E9387}.nv-hours b{color:#EFE6DA;font-weight:600}
.nv-map{border-radius:9px;overflow:hidden;background:#1D1A17;border:1px solid #2A2521}
.nv-map svg{display:block;width:100%}.nv-map div{padding:9px 11px}
.nv-map b{display:block;font-size:10px}.nv-map small{font-size:8.5px;color:#8F857A}
.nv-foot{padding:18px 15px 80px;text-align:center;font-size:9px;color:#6F665C;letter-spacing:.06em}

/* ---------- Cantina Nonna ---------- */
.nn .screen{background:#FBF5EA;color:#2A1E17;font-family:"Instrument Sans",system-ui,sans-serif}
.nn .ph-hd{background:rgba(251,245,234,.92);border-bottom:1px solid #EFE2CC}
.nn-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}
.nn-top b{display:block;font:400 19px/1.05 "Young Serif",Georgia,serif;color:#7A2618}
.nn-top small{display:block;font-size:9.5px;color:#8A7B6A;margin-top:2px}
.nn-bag{position:relative;width:26px;height:26px;color:#2A1E17}.nn-bag svg{width:24px;height:24px}
.nn-bag i{position:absolute;top:-3px;right:-5px;min-width:15px;height:15px;border-radius:999px;background:#B3372A;color:#fff;font:700 9px/15px "Instrument Sans",sans-serif;text-align:center;font-style:normal}
.nn .ph-scroll{padding-top:92px}
.nn-hero{position:relative;height:226px}
.nn-hero .ph-img{height:226px}
.nn-card{position:absolute;left:12px;right:12px;bottom:-40px;background:#fff;border-radius:14px;padding:12px 13px;box-shadow:0 14px 28px -14px rgba(60,30,10,.45),0 0 0 1px rgba(60,30,10,.04)}
.nn-open{display:flex;align-items:center;gap:5px;font-size:9.5px;font-weight:700;color:#2E7D4F}
.nn-open i{width:6px;height:6px;border-radius:50%;background:#2E9E5B;box-shadow:0 0 0 3px rgba(46,158,91,.18)}
.nn-card h4{margin:5px 0 7px;font:400 17px/1.15 "Young Serif",Georgia,serif}
.nn-meta{display:flex;gap:12px;font-size:10px;color:#6B5E4E}.nn-meta b{color:#2A1E17}
.nn-tabs{display:flex;gap:6px;margin-top:54px;padding:0 12px;overflow:hidden}
.nn-tabs span{flex:none;padding:7px 12px;border-radius:999px;font-size:10.5px;font-weight:700;background:#fff;border:1px solid #EAD9C2;color:#6B5E4E}
.nn-tabs .on{background:#2A1E17;border-color:#2A1E17;color:#fff}
.nn-cat{margin:20px 16px 4px;font:400 16px/1 "Young Serif",Georgia,serif}
.nn-item{display:grid;grid-template-columns:1fr 78px;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid #F0E4D2}
.nn-badge{display:inline-block;font-size:8.5px;font-weight:700;background:#FCE6C8;color:#9A4B12;padding:3px 6px;border-radius:4px;margin-bottom:5px}
.nn-txt b{display:block;font-size:12px}.nn-txt small{display:block;font-size:10px;line-height:1.35;color:#8A7B6A;margin:3px 0 6px}
.nn-txt em{font-style:normal;font-weight:700;font-size:12px}
.nn-th{position:relative}.nn-th svg{display:block;width:78px;height:78px;border-radius:12px}
.nn-add{position:absolute;right:-5px;bottom:-5px;width:25px;height:25px;border-radius:50%;background:#fff;color:#B3372A;box-shadow:0 2px 8px rgba(0,0,0,.2);display:grid;place-items:center;font-weight:700;font-size:16px;line-height:1}
.nn-space{height:130px}
.nn-cart{position:absolute;left:10px;right:10px;bottom:70px;z-index:6;background:#25D366;color:#06301A;border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;font-size:10.5px;box-shadow:0 10px 20px -10px rgba(0,0,0,.4)}
.nn-cart strong{font-weight:700}

/* ---------- Patas & Cia ---------- */
.pt .screen{background:#FFF8F0;color:#1F2937;font-family:"Outfit",system-ui,sans-serif}
.pt .ph-hd{background:rgba(255,248,240,.92)}
.pt-top{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}
.pt-logo{display:flex;align-items:center;gap:7px;font-weight:700;font-size:16.5px;color:#0F766E}
.pt-logo i{width:25px;height:25px;border-radius:50%;background:#F97316;display:grid;place-items:center}.pt-logo svg{width:14px;height:14px}
.pt .ph-scroll{padding-top:90px}
.pt-intro{padding:16px 16px 4px}
.pt-chip{display:inline-block;background:#CCFBF1;color:#0F766E;font-size:10px;font-weight:700;padding:4px 9px;border-radius:999px}
.pt-intro h4{margin:8px 0 6px;font-weight:700;font-size:23px;line-height:1.05;color:#134E4A;letter-spacing:-.01em}
.pt-intro p{margin:0 0 13px;font-size:11.5px;line-height:1.45;color:#57534E}
.pt-btn{display:block;background:#F97316;color:#fff;text-align:center;border-radius:999px;padding:12px;font-weight:700;font-size:12.5px;box-shadow:0 10px 18px -10px #F97316}
.pt-trust{display:flex;justify-content:space-between;margin:14px 16px 0;padding:10px 12px;background:#fff;border-radius:12px;font-size:10px;color:#57534E;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.pt-trust b{color:#134E4A}
.pt-sec{padding:20px 16px 4px}
.pt-sec h5{margin:0 0 10px;font-weight:700;font-size:16px;color:#134E4A}
.pt-seg{display:flex;background:#F1E9DF;border-radius:999px;padding:3px;margin-bottom:10px}
.pt-seg span{flex:1;text-align:center;font-size:10.5px;padding:6px;border-radius:999px;color:#78716C}
.pt-seg .on{background:#fff;color:#134E4A;font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.pt-card{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;background:#fff;border-radius:12px;padding:10px;margin-bottom:8px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.pt-ic{width:34px;height:34px;border-radius:10px;background:#CCFBF1;color:#0F766E;display:grid;place-items:center}.pt-ic svg{width:18px;height:18px}
.pt-card b{display:block;font-size:12px}.pt-card small{display:block;font-size:9.5px;color:#78716C;margin-top:1px}
.pt-card em{font-style:normal;font-weight:700;font-size:13.5px;color:#F97316}
.pt-rev{display:grid;grid-template-columns:40px 1fr;gap:10px;background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.pt-rev svg{width:40px;height:40px}.pt-rev b{font-size:11.5px}.pt-rev .st{display:block;color:#F5B400;font-size:10px;letter-spacing:1px}
.pt-rev p{margin:4px 0 0;font-size:11px;line-height:1.4;color:#44403C}
.pt-p{margin:0 0 100px;font-size:11.5px;line-height:1.6;color:#57534E}

/* ---------- Studio Bella ---------- */
.sb .screen{background:#FBF3F0;color:#3B2A2A;font-family:"Instrument Sans",system-ui,sans-serif}
.sb .ph-hd{background:rgba(251,243,240,.9)}
.sb-top{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 18px}
.sb-logo{font:400 23px/1 "Italiana",Georgia,serif;letter-spacing:.02em}
.sb-logo i{font:italic 400 23px/1 "Instrument Serif",Georgia,serif;color:#C8707B}
.sb .ph-scroll{padding-top:90px}
.sb-intro{padding:18px 18px 6px}
.sb-eye{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#C8707B;font-weight:700}
.sb-intro h4{margin:8px 0 9px;font:400 33px/1 "Italiana",Georgia,serif;letter-spacing:.01em}
.sb-intro h4 i{font:italic 400 34px/1 "Instrument Serif",Georgia,serif;color:#C8707B}
.sb-intro p{margin:0 0 14px;font-size:11.5px;line-height:1.5;color:#7A6461}
.sb-ctas{display:flex;gap:14px;align-items:center}
.sb-btn{background:#3B2A2A;color:#fff;border-radius:999px;padding:11px 17px;font-weight:700;font-size:11px}
.sb-link{font-size:11px;border-bottom:1px solid #3B2A2A;padding-bottom:1px}
.sb-sec{padding:22px 18px 4px}
.sb-sec h5{margin:0 0 10px;font:400 21px/1 "Italiana",Georgia,serif}
.sb-row{display:flex;align-items:baseline;gap:6px;padding:7px 0;font-size:11.5px}
.sb-row i{flex:1;border-bottom:1px dotted #D9B8B0;transform:translateY(-3px)}
.sb-row b{color:#B05D68;white-space:nowrap}
.sb-pol{display:flex;justify-content:space-between}.sb-pol svg{width:22%;height:auto}
.sb-team{display:flex;gap:14px}.sb-mem{text-align:center}.sb-mem svg{width:52px;height:52px;display:block;margin:0 auto 4px}
.sb-mem b{display:block;font-size:11px}.sb-mem small{font-size:9.5px;color:#9A7F7B}
.sb-rev{background:#fff;border-radius:14px;padding:14px;box-shadow:0 2px 10px -4px rgba(59,42,42,.15);margin-bottom:96px}
.sb-rev .st{color:#D4A24C;letter-spacing:1px;font-size:10px}
.sb-rev p{margin:6px 0 8px;font:italic 400 15.5px/1.3 "Instrument Serif",Georgia,serif}
.sb-rev small{font-size:10px;color:#9A7F7B}
@media (min-width:860px){.bridge .phone-grid{--s:.6}}

/* um só celular */
.phone-one{--s:.86;position:relative;justify-self:center;width:calc(262px * var(--s));height:calc(568px * var(--s))}
.phone-one .phone.pro{position:absolute;top:0;left:0;transform:scale(var(--s));transform-origin:top left}
@media (min-width:860px){.phone-one{--s:1}}

@font-face{font-family:"Big Shoulders Display";src:url(/fonts/BigShoulders-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/fonts/InstrumentSans-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/fonts/InstrumentSans-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}

/* ==========================================================
   Refinamento premium · tipografia Fraunces + Figtree
   ========================================================== */
:root{--display:"Fraunces",Georgia,"Times New Roman",serif}
h1{font-weight:500;font-size:clamp(50px,9.6vw,100px);line-height:.95;letter-spacing:-0.03em;font-variation-settings:"opsz" 144}
h1 em{font-style:italic;font-weight:500;color:var(--mustard-2)}
h2{font-weight:500;line-height:1.04;letter-spacing:-0.022em;font-variation-settings:"opsz" 144}
.fact .n,.price,.svc .from b,.extra-box .from b{font-weight:500;letter-spacing:-0.025em}
.steps li::before{font-weight:600}
.steps h3,.plan h3{font-family:var(--display);font-weight:600;letter-spacing:-0.01em}
.plan h3{font-size:22px}
.lead{max-width:34ch}

/* herói: dois botões e âncora de preço */
.hero-ctas{display:flex;flex-wrap:wrap;gap:10px}
.btn.ghost{background:transparent;color:var(--g-700);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn.ghost:hover{background:#fff;box-shadow:inset 0 0 0 1.5px var(--g-500)}
.anchor{margin:16px 0 0;font-size:15px;color:var(--muted)}
.anchor b{color:var(--g-900);font-weight:700}

/* rótulo pequeno acima dos títulos */
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mustard-2);margin-bottom:14px}
.kicker::before{content:"";width:26px;height:1.5px;background:currentColor}

/* ecossistema de soluções */
.eco{display:grid;gap:16px}
@media (min-width:960px){.eco{grid-template-columns:1fr 1.12fr 1fr;align-items:stretch}}
.eco-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--r-lg);background:var(--paper);color:inherit;text-decoration:none;box-shadow:0 1px 0 rgba(7,43,40,.04);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.eco-card:hover{transform:translateY(-4px);box-shadow:0 34px 60px -40px rgba(7,43,40,.55)}
.eco-card .k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g-500);margin-top:6px}
.eco-card h3{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(24px,2.4vw,28px);line-height:1.08;letter-spacing:-0.015em;color:var(--g-900)}
.eco-card p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.5}
.eco-card .from{margin-top:auto;padding-top:8px;font-size:14px;color:var(--muted)}
.eco-card .from b{font-family:var(--display);font-weight:600;font-size:20px;color:var(--g-900)}
.eco-card .go{font-weight:700;font-size:15px;color:var(--g-700)}
.eco-vis{height:168px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:var(--g-100)}
.eco-card.lux{background:radial-gradient(90% 70% at 85% 0%,rgba(46,107,90,.6),transparent 70%),#0B1F1C;color:#EAF0EC}
.eco-card.lux .k{color:var(--mustard)}
.eco-card.lux h3{color:#fff}
.eco-card.lux p,.eco-card.lux .from{color:rgba(234,240,236,.72)}
.eco-card.lux .go{color:#E9C46A}
.eco-card.lux .eco-vis{background:transparent;padding:4px 10px}
.eco-card.lux .tq-card{max-width:290px;transform:rotate(-4deg);transition:transform .4s}
.eco-card.lux:hover .tq-card{transform:rotate(0)}
.mini-arch{width:112px;height:150px;margin-top:30px;border-radius:999px 999px 14px 14px;background:var(--g-700);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;box-shadow:0 0 0 6px #fff,0 22px 30px -18px rgba(7,43,40,.6)}
.mini-arch i{position:absolute;top:-26px;width:84px;height:28px;border:5px solid var(--mustard);border-bottom:0;border-radius:84px 84px 0 0}
.mini-arch b{font-size:12.5px;line-height:1.2;text-align:center}
.mini-arch span{color:var(--mustard);font-size:13px;letter-spacing:2px}
.mini-browser{width:78%;height:126px;background:#fff;border-radius:12px;box-shadow:0 22px 34px -24px rgba(7,43,40,.55);position:relative;padding:22px 14px 12px;display:flex;flex-direction:column;gap:7px}
.mini-browser i{position:absolute;top:9px;width:7px;height:7px;border-radius:50%;background:var(--g-200)}
.mini-browser i:nth-child(1){left:12px}.mini-browser i:nth-child(2){left:23px}.mini-browser i:nth-child(3){left:34px}
.mini-browser span{display:block;height:9px;border-radius:5px;background:var(--g-100)}
.mini-browser .l1{width:70%;height:14px;background:var(--g-700)}
.mini-browser .l2{width:92%}.mini-browser .l3{width:60%}
.mini-browser .b{width:44%;height:18px;border-radius:999px;background:var(--mustard);margin-top:auto}

/* rodapé completo */
.site-ft{padding:48px 0 calc(34px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.ft-top{display:grid;gap:28px}
@media (min-width:820px){.ft-top{grid-template-columns:1.6fr 1fr 1fr}}
.ft-brand p{margin:12px 0 0;max-width:42ch}
.ft-col{display:flex;flex-direction:column;gap:8px}
.ft-col b{color:var(--ink);font-weight:700;margin-bottom:4px}
.ft-col a{text-decoration:none;color:var(--muted)}
.ft-col a:hover{color:var(--g-700)}
.ft-legal{margin:32px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:12.5px}

@media (prefers-reduced-motion:reduce){.eco-card,.eco-card.lux .tq-card{transition:none}}

/* ==========================================================
   SISTEMA UNIFICADO ToqLink — mesmas cores, tipografia e
   componentes em todas as páginas (início, avaliações, sites)
   ========================================================== */
:root{--ivory:#F6F3EC;--night:#0B1F1C;--night-2:#10302B;--gold:#D6A11C;--gold-2:#E9C46A;--soft:#A9B8B1;--hair:rgba(243,241,234,.12);--ease:cubic-bezier(.2,.8,.2,1)}
body{background:var(--ivory)}
::selection{background:var(--gold-2);color:var(--night)}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.btn.gold{background:linear-gradient(145deg,var(--gold-2),var(--gold) 60%);color:#1B1405;box-shadow:0 14px 30px -16px rgba(214,161,28,.7)}
.btn.gold:hover{background:linear-gradient(145deg,#F0D184,var(--gold-2) 60%)}
.dark .btn.ghost,.lux .btn.ghost{color:#F3F1EA;box-shadow:inset 0 0 0 1.5px var(--hair)}
.dark .btn.ghost:hover,.lux .btn.ghost:hover{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1.5px rgba(243,241,234,.35)}
.proof,.dark{background:var(--night);color:#EAF0EC}
.dark h2,.dark h3{color:#fff}
.dark .svc h3{color:var(--g-900)}
.dark .svc.feat h3{color:#fff}
.dark .sub,.dark p.muted{color:var(--soft)}
.dark .kicker{color:var(--gold)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ---------- Encabeçado (igual em todas as páginas) ---------- */
.site-hd{position:fixed;inset:0 0 auto 0;z-index:50;padding-top:env(safe-area-inset-top,0px);
  --hd-fg:var(--ink);--hd-link:var(--g-700);--hd-cta-bg:var(--g-700);--hd-cta-fg:#fff;--hd-line:var(--line);
  background:transparent;color:var(--hd-fg);transition:background-color .3s,color .3s,box-shadow .3s}
.site-hd.on-dark{--hd-fg:#F3F1EA;--hd-link:#E2EEE5;--hd-cta-bg:linear-gradient(145deg,var(--gold-2),var(--gold) 60%);--hd-cta-fg:#1B1405;--hd-line:rgba(255,255,255,.22)}
.site-hd.is-glass{background:rgba(246,243,236,.74);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:0 1px 0 rgba(15,79,74,.08)}
.site-hd.is-glass.on-dark{background:rgba(11,31,28,.72);box-shadow:0 1px 0 rgba(255,255,255,.07)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-hd.is-glass{background:var(--ivory)}.site-hd.is-glass.on-dark{background:var(--night)}}
.hd-row{display:flex;align-items:center;justify-content:space-between;gap:12px;height:66px}
.site-hd .brand{color:var(--g-700);transition:color .3s}
.site-hd.on-dark .brand{color:#F3F1EA}
.site-hd .brand .wm{color:inherit}
.hd-nav{display:flex;align-items:center;gap:26px}
.hd-nav a{position:relative;color:var(--hd-link);text-decoration:none;font-weight:600;font-size:15px;transition:color .3s}
.hd-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.hd-nav a:hover::after,.hd-nav a[aria-current="page"]::after{transform:scaleX(1)}
.hd-nav a[aria-current="page"]{color:var(--hd-fg)}
.hd-actions{display:flex;align-items:center;gap:8px}
.hd-cta{min-height:42px;padding:0 18px;border-radius:999px;border:0;background:var(--hd-cta-bg);color:var(--hd-cta-fg);font:700 14.5px/1 var(--body);cursor:pointer;white-space:nowrap}
.hd-burger{display:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--hd-line);background:transparent;color:var(--hd-fg);cursor:pointer;place-items:center}
.hd-burger svg{width:20px;height:20px}
@media (max-width:899px){
  .hd-burger{display:grid}.hd-cta{display:none}
  .hd-nav{position:absolute;left:12px;right:12px;top:calc(100% + 6px);flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-radius:20px;padding:8px;
    box-shadow:0 24px 48px -20px rgba(7,43,40,.45);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s,transform .25s,visibility .25s}
  .site-hd.menu-open .hd-nav{opacity:1;visibility:visible;transform:none}
  .hd-nav a{color:var(--ink);padding:14px;border-radius:12px;font-size:16px}
  .hd-nav a::after{display:none}
  .hd-nav a[aria-current="page"]{background:var(--g-100);color:var(--g-900)}
  .hd-nav .hd-menu-cta{display:block;margin-top:6px;text-align:center;background:var(--g-700);color:#fff;border-radius:999px;font-weight:700}
}
@media (min-width:900px){.hd-nav .hd-menu-cta{display:none}}
.site-hd :focus-visible{outline:3px solid var(--gold);outline-offset:3px}

/* ---------- Botão e chat do WhatsApp ---------- */
.wa-fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;width:56px;height:56px;border-radius:50%;border:0;background:#25D366;color:#0F4F4A;display:grid;place-items:center;cursor:pointer;
  box-shadow:0 10px 24px -8px rgba(7,43,40,.45),0 2px 6px rgba(7,43,40,.18);transition:opacity .3s,transform .3s}
.wa-fab svg{position:absolute;width:28px;height:28px;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s}
.wa-fab .i-x{opacity:0;transform:rotate(-90deg)}
.wa-fab[aria-expanded="true"] .i-wa{opacity:0;transform:rotate(90deg)}
.wa-fab[aria-expanded="true"] .i-x{opacity:1;transform:none}
.wa-fab.fab-hidden{opacity:0;transform:translateY(12px) scale(.9);pointer-events:none}
.chat{position:fixed;right:18px;bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:61;width:350px;max-height:calc(var(--vvh,100vh) - 100px);display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#EFEAE2;
  box-shadow:0 30px 60px -20px rgba(7,43,40,.5),0 4px 14px rgba(7,43,40,.12);clip-path:circle(0% at 100% 100%);transform:translateY(12px) scale(.6);transform-origin:100% 100%;opacity:0;visibility:hidden;
  transition:clip-path .35s ease-in,transform .35s ease-in,opacity .2s ease-in .15s,visibility 0s linear .4s}
.chat.open{clip-path:circle(150% at 100% 100%);transform:none;opacity:1;visibility:visible;transition:clip-path .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),opacity .15s,visibility 0s}
@media (max-width:480px){.chat{left:12px;right:12px;width:auto}}
.chat.anim .c-hd,.chat.anim .c-body,.chat.anim .c-ft{opacity:0;transform:translateY(8px)}
.chat.open.anim .c-hd{animation:chatUp .45s .18s forwards}.chat.open.anim .c-body{animation:chatUp .45s .28s forwards}.chat.open.anim .c-ft{animation:chatUp .45s .38s forwards}
@keyframes chatUp{to{opacity:1;transform:none}}
.c-hd{flex:none;display:flex;align-items:center;gap:12px;background:#fff;padding:14px 12px 14px 16px;border-bottom:1px solid rgba(0,0,0,.06)}
.c-logo{position:relative;flex:none;width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 1px rgba(15,79,74,.12)}
.c-logo svg{width:30px;height:30px;position:relative;z-index:2}
.c-ring{position:absolute;inset:-5px;border-radius:50%;opacity:0;transition:opacity .4s;z-index:1;background:conic-gradient(from 0deg,rgba(207,227,213,0),#CFE3D5 70deg,#A9CDB5 150deg,#2E6B5A 250deg,#0F4F4A 350deg,rgba(15,79,74,0));
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px))}
.c-logo.ringing .c-ring{opacity:1;animation:ringSpin 1s linear infinite}
@keyframes ringSpin{to{transform:rotate(360deg)}}
.c-title{flex:1;min-width:0}.c-title b{display:block;font-size:16px;color:var(--ink);line-height:1.2}.c-title span{display:block;font-size:13px;color:var(--muted)}
.c-close{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.c-close svg{width:20px;height:20px}
.c-body{flex:1 1 auto;min-height:120px;overflow-y:auto;overscroll-behavior:contain;padding:18px 14px 12px}
.c-bubble[hidden]{display:none!important}
.c-bubble{max-width:88%;background:#fff;color:#111B21;border-radius:4px 16px 16px 16px;padding:10px 13px;font-size:15px;line-height:1.45;box-shadow:0 1px .5px rgba(0,0,0,.13)}
.c-typing{display:inline-flex;gap:5px;align-items:center;padding:13px 14px}
.c-typing i{width:7px;height:7px;border-radius:50%;background:#8696A0;animation:dot 1.1s infinite}
.c-typing i:nth-child(2){animation-delay:.18s}.c-typing i:nth-child(3){animation-delay:.36s}
@keyframes dot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.c-caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-2px;background:var(--g-700);animation:caret .8s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.c-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.c-chip{border:1px solid rgba(15,79,74,.25);background:#fff;color:var(--g-700);border-radius:999px;padding:9px 13px;font:600 14px/1.2 var(--body);cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.c-chip.show{opacity:1;transform:none}
.c-ft{flex:none;display:flex;align-items:flex-end;gap:8px;padding:10px 10px 12px;background:#F0F2F5}
.c-ft textarea{flex:1;min-width:0;resize:none;border:0;border-radius:20px;padding:10px 14px;font:16px/1.35 var(--body);color:#111B21;background:#fff;max-height:120px;min-height:42px}
.c-send{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:#25D366;color:#0F4F4A;display:grid;place-items:center;cursor:pointer}
.c-send svg{width:20px;height:20px;margin-left:2px}
@media (prefers-reduced-motion:reduce){.site-hd,.wa-fab,.wa-fab svg,.chat,.c-chip,.c-ring{transition:none!important;animation:none!important}.chat.anim .c-hd,.chat.anim .c-body,.chat.anim .c-ft{opacity:1;transform:none}}

/* ---------- Rodapé escuro (igual em todas) ---------- */
.site-ft{background:var(--night);color:var(--soft);border-top:0}
.site-ft .brand{color:#F3F1EA}
.site-ft .ft-col b{color:#F3F1EA}
.site-ft .ft-col a{color:var(--soft)}
.site-ft .ft-col a:hover{color:var(--gold-2)}
.site-ft .ft-legal{border-top-color:var(--hair);color:rgba(169,184,177,.75)}

/* ---------- Herói escuro de luxo ---------- */
.hero.lux{position:relative;background:var(--night);color:#EAF0EC;overflow:hidden}
.hero.lux::before{content:"";position:absolute;inset:-25% -15% auto auto;width:75vw;height:75vw;max-width:980px;max-height:980px;background:radial-gradient(closest-side,rgba(46,107,90,.55),transparent);pointer-events:none}
.hero.lux .wrap{position:relative}
.hero.lux h1{color:#fff}
.hero.lux h1 em{color:var(--gold-2)}
.hero.lux .lead{color:var(--soft)}
.hero.lux .eyebrow{color:var(--gold)}
.hero.lux .trust{color:#DDE7E1}
.hero.lux .trust li::before{background-color:rgba(214,161,28,.18);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E9C46A' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-9'/%3E%3C/svg%3E")}
.hero.lux .anchor{color:var(--soft)}
.hero.lux .anchor b{color:#fff}

/* ---------- Início: celular com o cartão ---------- */
.stage{position:relative;display:grid;place-items:center}
.stage .phone-c{width:min(330px,84vw);border-radius:46px;padding:13px;background:linear-gradient(160deg,#25332F,#091310);box-shadow:0 60px 100px -45px rgba(0,0,0,.85),inset 0 0 0 1px rgba(255,255,255,.08)}
.stage .screen-c{border-radius:34px;overflow:hidden;padding:34px 15px 16px;background:radial-gradient(80% 50% at 50% 0%,color-mix(in srgb,var(--brand) 55%,transparent),transparent 70%),var(--night)}
.stage .hello{color:rgba(255,255,255,.75);font-size:13px;margin:0 4px 10px}.stage .hello b{color:#fff}
.stage .sheet{background:#FBFAF6;color:var(--ink);border-radius:20px;padding:15px;margin-top:12px}
.stage .sheet b{font:600 15px/1.2 var(--display);display:block;margin-bottom:10px}
.stage .sheet .tq-stamps{gap:7px}
.stage .ok{display:flex;gap:8px;align-items:center;background:#E4F3E8;color:#155D33;border-radius:12px;padding:9px 12px;font-size:13px;margin-bottom:12px}
.chipf{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(19,46,42,.86);border:1px solid var(--hair);padding:10px 14px;border-radius:16px;font-size:13px;color:var(--soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 40px -24px rgba(0,0,0,.8)}
.chipf b{display:block;color:#F3F1EA;font-size:14px}
.chipf svg{width:26px;height:26px;color:var(--gold-2);flex:none}
.chipf.l{left:-4%;bottom:14%}.chipf.r{right:-6%;top:18%}
@media (max-width:560px){.chipf.l{left:0;bottom:-16px}.chipf.r{right:0;top:-10px}}
@media (prefers-reduced-motion:no-preference){.chipf{animation:fl 7s ease-in-out infinite}.chipf.r{animation-delay:-3.5s}}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* listas com ícone */
ul.feat{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:18px}
ul.feat li{display:grid;grid-template-columns:42px 1fr;gap:14px}
ul.feat .ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--g-100);color:var(--g-700)}
.dark ul.feat .ic{background:rgba(214,161,28,.12);color:var(--gold-2)}
ul.feat .ic svg{width:20px;height:20px}
ul.feat b{display:block;font-weight:700;margin-bottom:2px}
ul.feat span{color:var(--muted);font-size:15.5px}
.dark ul.feat span{color:var(--soft)}
.split2{display:grid;gap:clamp(32px,6vw,80px);align-items:center}
@media (min-width:900px){.split2{grid-template-columns:1fr 1fr}.split2.rev>:first-child{order:2}}

/* painel (mock) */
.mockp{background:#F6F4EE;color:var(--ink);border-radius:24px;padding:18px;box-shadow:0 50px 90px -45px rgba(7,43,40,.55)}
.dark .mockp{box-shadow:0 50px 90px -40px rgba(0,0,0,.8)}
.mockp .bar{display:flex;align-items:center;gap:8px;margin-bottom:14px;font:600 15px/1 var(--display)}
.mockp .bar i{width:26px;height:26px;border-radius:8px;background:#111;display:grid;place-items:center;color:#C9A44C;font-style:normal;font-size:13px}
.mockp .kp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mockp .k{background:#fff;border:1px solid #E4DFD3;border-radius:14px;padding:12px}
.mockp .k small{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#5D6B65;font-weight:700}
.mockp .k b{font:500 28px/1.15 var(--display)}
.mockp .k span{font-size:12px;color:#1E7D4F;font-weight:700}
.mockp .rows{background:#fff;border:1px solid #E4DFD3;border-radius:14px;padding:6px 12px;margin-top:10px}
.mockp .rows h4{margin:8px 0 2px;font:600 15px/1.2 var(--display)}
.mockp .r{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #ECE8DE;font-size:13.5px}
.mockp .r:first-of-type{border-top:0}
.mockp .r .av{width:32px;height:32px;border-radius:50%;background:#F1EEE6;display:grid;place-items:center;font:600 13px var(--display)}
.mockp .r small{display:block;color:#5D6B65;font-size:12px}
.mockp .r em{font-style:normal;background:#1F8F55;color:#fff;border-radius:9px;padding:5px 10px;font-size:12px;font-weight:600;white-space:nowrap}

/* planos mensais: cartão do plano */
.planc{background:#FBFAF6;color:var(--ink);border-radius:22px;padding:20px;box-shadow:0 40px 80px -40px rgba(0,0,0,.7);max-width:360px;justify-self:center;width:100%}
.planc .kk{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9A7425}
.planc h4{margin:6px 0 12px;font:500 26px/1.1 var(--display)}
.planc .meter{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.planc .meter b{font:600 18px/1 var(--display)}.planc .meter span{color:var(--muted);font-size:13px}
.planc .bar{height:8px;border-radius:99px;background:#E9EFEC;overflow:hidden}
.planc .bar i{display:block;width:34%;height:100%;background:var(--gold);border-radius:99px}
.planc .use{margin-top:16px;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;background:linear-gradient(145deg,var(--gold-2),var(--gold));font-weight:700;color:#1B1405}
.planc .list{margin-top:14px;border-top:1px solid #E6E2D6;padding-top:12px;display:grid;gap:10px}
.planc .pl{display:flex;justify-content:space-between;align-items:center;gap:10px}
.planc .pl b{display:block;font:600 16px/1.2 var(--display)}.planc .pl small{color:var(--muted);font-size:12.5px}
.planc .pl strong{font:600 17px/1 var(--display);white-space:nowrap}

/* marcas */
.brands{display:grid;gap:16px;margin-top:44px}
@media (min-width:700px){.brands{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.brands{grid-template-columns:repeat(4,minmax(0,1fr))}}
.brands figure{margin:0}
.brands figcaption{margin-top:12px;font-size:14px;color:var(--muted)}
.brands figcaption b{color:var(--ink);font-weight:600}

/* preços (4 opções) */
.pricing{display:grid;gap:16px;margin-top:40px}
@media (min-width:760px){.pricing{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.pricing{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pc{position:relative;border-radius:26px;padding:26px;border:1px solid var(--hair);background:var(--night-2);display:flex;flex-direction:column;gap:14px}
.pc.hi{background:linear-gradient(160deg,#173A34,#0F2925);border-color:rgba(214,161,28,.5);box-shadow:0 30px 60px -40px rgba(214,161,28,.55)}
.pc .tag{align-self:flex-start;font:700 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#1B1405;background:var(--gold);padding:7px 10px;border-radius:99px}
.pc .tag.alt{background:rgba(243,241,234,.1);color:var(--soft)}
.pc h3{margin:0;font:500 24px/1.1 var(--display);color:#fff}
.pc .amt{font:500 46px/1 var(--display);color:#fff;letter-spacing:-.02em}
.pc .amt small{font:500 15px var(--body);color:var(--soft);letter-spacing:0}
.pc ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;color:var(--soft);font-size:15px}
.pc li{display:grid;grid-template-columns:18px 1fr;gap:9px}
.pc li::before{content:"";width:16px;height:16px;margin-top:3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E9C46A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center/16px no-repeat}
.pc .btn{margin-top:auto;width:100%}
.pnote{margin-top:22px;color:var(--soft);font-size:14.5px}

/* ---------- Avaliações: demonstração sem o arco ---------- */
.demo-stage{position:relative;justify-self:center;width:min(380px,86vw);padding:20px 0}
.demo-frame{position:relative;aspect-ratio:9/16;border-radius:34px;overflow:hidden;padding:3px;
  background:linear-gradient(150deg,rgba(214,161,28,.85),rgba(15,79,74,.35) 40%,rgba(214,161,28,.25) 80%);box-shadow:0 60px 100px -45px rgba(7,43,40,.6)}
.demo-frame video{width:100%;height:100%;object-fit:cover;display:block;border-radius:31px;background:var(--g-200)}
.demo-frame::after{content:"";position:absolute;inset:3px;border-radius:31px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 30%)}
.demo-stage .float{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:11px 14px;box-shadow:0 24px 44px -22px rgba(7,43,40,.55);font-size:13px;color:var(--muted)}
.demo-stage .float b{display:block;color:var(--ink);font-size:14px}
.demo-stage .float .st{color:var(--gold);letter-spacing:2px;font-size:13px}
.demo-stage .f-review{left:-14%;top:16%;max-width:230px}
.demo-stage .f-review .av{width:34px;height:34px;border-radius:50%;background:var(--g-100);display:grid;place-items:center;font:600 14px var(--display);color:var(--g-700);flex:none}
.demo-stage .f-time{right:-10%;bottom:16%}
.demo-stage .f-nfc{right:-6%;top:6%;background:var(--night);color:var(--soft)}
.demo-stage .f-nfc b{color:#fff}
.demo-stage .f-nfc svg{width:24px;height:24px;color:var(--gold-2)}
@media (max-width:560px){.demo-stage .f-review{left:-2%;top:auto;bottom:-12px}.demo-stage .f-time{display:none}.demo-stage .f-nfc{right:-2%;top:-6px}}
@media (prefers-reduced-motion:no-preference){
  .demo-stage .float{animation:fl 7s ease-in-out infinite}
  .demo-stage .f-time{animation-delay:-2.4s}.demo-stage .f-nfc{animation-delay:-4.6s}
  .demo-stage .f-review{animation:pop .9s 1.6s var(--ease) both,fl 7s 2.5s ease-in-out infinite}
}
@keyframes pop{from{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:none}}

/* início: complementos */
@media (min-width:760px){.eco.eco-2{grid-template-columns:1fr 1fr}}
.mini-plate{width:132px;height:150px;border-radius:22px;background:linear-gradient(160deg,#173A34,var(--night));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 0 1px rgba(214,161,28,.45),0 22px 30px -18px rgba(7,43,40,.6)}
.mini-plate svg{width:28px;height:28px;color:var(--gold-2)}
.mini-plate b{font-size:12.5px;line-height:1.2;text-align:center}
.mini-plate span{color:var(--gold);font-size:13px;letter-spacing:2px}
.pnote a{color:var(--gold-2);font-weight:700}
.section.dark + .section.dark{padding-top:0}
.final{background:linear-gradient(120deg,var(--gold-2),var(--gold))}
.final .btn{background:var(--night)}
.final .btn:hover{background:#000}

/* ---------- Sites: vitrine 3D ---------- */
@property --glow{syntax:"<color>";inherits:true;initial-value:#C8894A}
@media (min-width:900px){.sites-hero .wrap{grid-template-columns:1fr 1fr}}
.show{--sc:1;--rx:0deg;--ry:0deg;--mx:50%;--my:40%;position:relative;display:flex;flex-direction:column;align-items:center;perspective:1800px;padding-top:10px;transition:--glow 1.2s ease;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.show::before{content:"";position:absolute;left:50%;top:44%;width:620px;height:620px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--glow) 50%,transparent),transparent 75%);opacity:.75}
.show::after{content:"";position:absolute;inset:-10% -20%;pointer-events:none;background:radial-gradient(240px circle at var(--mx) var(--my),rgba(255,255,255,.07),transparent 70%)}
.show-floor{position:absolute;left:-40%;right:-40%;top:58%;height:420px;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(233,196,106,.16) 0 1px,transparent 1px 56px),repeating-linear-gradient(0deg,rgba(233,196,106,.16) 0 1px,transparent 1px 56px);
  transform:perspective(520px) rotateX(72deg);transform-origin:50% 0;
  -webkit-mask-image:radial-gradient(ellipse 50% 60% at 50% 0%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse 50% 60% at 50% 0%,#000 25%,transparent 75%)}
.show-ring{position:relative;width:262px;height:568px;transform-style:preserve-3d;margin:calc((var(--sc) - 1) * 284px) 0;
  transform:scale(var(--sc)) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.show-slot{position:absolute;inset:0;cursor:pointer;will-change:transform,opacity;
  transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .7s ease}
.show-slot .phone.pro::after{content:"";position:absolute;inset:0;border-radius:44px;background:#000;opacity:0;pointer-events:none;z-index:20;transition:opacity .7s ease}
.show-slot:not([data-pos="0"]) .phone.pro::after{opacity:.4}
.show-slot .phone.pro{box-shadow:inset 0 0 0 1.5px #3A3A3C,0 50px 80px -40px rgba(0,0,0,.9)}
.show-slot[data-pos="0"]{transform:translate3d(0,0,60px);z-index:3;cursor:default}
.show-slot[data-pos="1"]{transform:translate3d(52%,0,-220px) rotateY(-34deg);z-index:2;opacity:.85}
.show-slot[data-pos="-1"]{transform:translate3d(-52%,0,-220px) rotateY(34deg);z-index:2;opacity:.85}
.show-slot[data-pos="2"],.show-slot[data-pos="-2"]{transform:translate3d(0,0,-520px) scale(.9);z-index:1;opacity:0;pointer-events:none}
.show-slot:not([data-pos="0"]) .ph-scroll,.show.off .ph-scroll{animation-play-state:paused}
.show.off .chipf,.show.off .show-tab .bar::after{animation-play-state:paused}
.show-ring{will-change:transform}
.show-slot[data-pos="1"]:hover .phone.pro::after,.show-slot[data-pos="-1"]:hover .phone.pro::after{opacity:.2}

.show-ui{position:relative;z-index:4;margin-top:34px;width:min(100%,560px)}
.show-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;border-radius:20px;background:rgba(16,48,43,.92);border:1px solid var(--hair)}
.show-tab{position:relative;overflow:hidden;border:0;background:transparent;color:var(--soft);text-align:left;padding:10px 10px 12px;border-radius:14px;cursor:pointer;font:inherit;transition:background .3s,color .3s}
.show-tab b{display:block;font:600 13.5px/1.2 var(--display);color:#F3F1EA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.show-tab span{display:block;font-size:11.5px;line-height:1.3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.show-tab:hover{background:rgba(255,255,255,.05)}
.show-tab[aria-selected="true"]{background:rgba(255,255,255,.08)}
.show-tab[aria-selected="true"] span{color:var(--glow)}
.show-tab .bar{position:absolute;left:10px;right:10px;bottom:5px;height:2px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.show-tab .bar::after{content:"";position:absolute;inset:0;background:var(--glow);transform:scaleX(0);transform-origin:left}
.show-tab[aria-selected="true"] .bar::after{transform:scaleX(1)}
@media (prefers-reduced-motion:no-preference){.show.run .show-tab[aria-selected="true"] .bar::after{animation:tabbar 4.5s linear both}}
@keyframes tabbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.show-tab:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
@media (max-width:899px){.show{--sc:.82;margin-top:8px}}
@media (max-width:520px){
  .show{--sc:.7}
  .show::before{width:420px;height:420px}
  .show-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .show-slot[data-pos="1"]{transform:translate3d(46%,0,-260px) rotateY(-30deg)}
  .show-slot[data-pos="-1"]{transform:translate3d(-46%,0,-260px) rotateY(30deg)}
}
@media (prefers-reduced-motion:reduce){.show-slot,.show-ring{transition:none}}
.svc .see{margin-top:10px;align-self:flex-start;font-weight:700;font-size:14.5px;color:var(--g-700);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:1px}
.svc.feat .see{color:var(--gold-2)}
.site-ft .brand .wm{color:#F3F1EA}
.mockp .k span{display:block}
.demo-stage{width:min(340px,80vw)}
.demo-stage .f-nfc{right:-3%;top:5%}
@media (max-width:1180px){.show-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Celular: encabeçado sem desfoque de vidro e vitrina em 2D (bem mais leve no scroll) */
@media (max-width:899px){
  .site-hd.is-glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(246,243,236,.97)}
  .site-hd.is-glass.on-dark{background:rgba(11,31,28,.97)}
}
@media (max-width:899px),(pointer:coarse){
  .show{perspective:none}
  .show::after{display:none}
  .show-ring{transform:scale(var(--sc));transition:none}
  .show-slot[data-pos="0"]{transform:none}
  .show-slot[data-pos="1"]{transform:translate3d(46%,0,0) scale(.82)}
  .show-slot[data-pos="-1"]{transform:translate3d(-46%,0,0) scale(.82)}
  .show-slot[data-pos="2"],.show-slot[data-pos="-2"]{transform:scale(.7);visibility:hidden}
  .show-slot{contain:layout style}
}