/* Archverso · redesign out/2026 · linguagem de prancha técnica */
:root{
  --bg:      oklch(16.5% 0.012 250);
  --bg-2:    oklch(19.5% 0.014 250);
  --line:    oklch(30% 0.014 250);
  --line-2:  oklch(38% 0.016 250);
  --ink:     oklch(96.5% 0.006 250);
  --ink-2:   oklch(78% 0.012 250);
  --ink-3:   oklch(62% 0.014 250);
  --blue:    oklch(68% 0.17 240);   /* ≈ #00A3FF identidade */
  --mint:    oklch(83% 0.15 168);   /* ≈ #00E5A8 ação */
  --mint-ink:oklch(22% 0.04 168);
  --r: 10px;
  --gut: clamp(16px, 4vw, 40px);
  --ease: cubic-bezier(.16,1,.3,1);
  font-family: 'Satoshi', system-ui, sans-serif;
  color-scheme: dark;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{background:var(--bg);color:var(--ink);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;
  /* grade de prancha muito sutil */
  background-image:linear-gradient(var(--bg-2) 1px,transparent 1px),linear-gradient(90deg,var(--bg-2) 1px,transparent 1px);
  background-size:48px 48px;background-attachment:fixed}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:99;background:var(--ink);color:var(--bg);padding:10px 14px}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--gut)}
.blue{color:var(--blue)} .mint{color:var(--mint)} .muted{color:var(--ink-3)}

h1,h2,h3{font-weight:700;letter-spacing:-.025em;line-height:1.05;text-wrap:balance}
h1{font-size:clamp(44px,7vw,84px);font-weight:900;letter-spacing:-.04em;line-height:.96}
h2{font-size:clamp(32px,5vw,56px)}
h3{font-size:clamp(20px,2.2vw,24px);line-height:1.2}
p{max-width:62ch}
.lead{font-size:clamp(18px,1.7vw,21px);color:var(--ink-2);line-height:1.55}
.kicker{font-size:14px;color:var(--ink-3);margin-bottom:22px;font-weight:500}

/* Botões: alvo mínimo 48px (mobile-design / touch) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:var(--r);
  font:700 16px/1 inherit;font-family:inherit;text-decoration:none;cursor:pointer;border:1px solid transparent;
  transition:background-color .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}
.btn:active{transform:translateY(1px)}
.btn-go{background:var(--mint);color:var(--mint-ink)}
.btn-go:hover{background:oklch(88% 0.13 168)}
.btn-blue{background:var(--blue);color:oklch(15% 0.03 240)}
.btn-blue:hover{background:oklch(74% 0.15 240)}
.btn-ghost{border-color:var(--line-2);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink-3);background:var(--bg-2)}
.btn-sm{min-height:44px;padding:0 18px;font-size:15px}
.btn-block{width:100%}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.cta-row.center{justify-content:center}

/* Topo */
.top{position:sticky;top:0;z-index:20;background:oklch(16.5% 0.012 250 / .92);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.2) blur(8px)}
.top-in{display:flex;align-items:center;gap:24px;height:64px}
.lockup{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:-.02em;font-size:18px}
.top-nav{display:none;gap:28px;margin-left:auto;font-size:15px;color:var(--ink-2)}
.top-nav a{text-decoration:none;padding:10px 0}.top-nav a:hover{color:var(--ink)}
.top .btn{margin-left:auto}
@media(min-width:860px){.top-nav{display:flex}.top .btn{margin-left:0}}

/* Hero */
.hero{padding:clamp(48px,8vw,104px) 0 clamp(56px,8vw,96px)}
.hero-grid{display:grid;gap:56px;align-items:center}
@media(min-width:980px){.hero-grid{grid-template-columns:1.2fr 1fr}}
.hero h1{margin-bottom:28px}
.assure{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:14px;color:var(--ink-3)}
.assure li::before{content:"";display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:8px;vertical-align:2px}
.assure strong{color:var(--ink)}

/* Prancha */
.sheet{border:1px solid var(--line-2);border-radius:var(--r);background:var(--bg);overflow:hidden}
.sheet-head{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.sheet-status{display:flex;align-items:center;gap:8px;color:var(--ink-2)}
.sheet-status i{width:7px;height:7px;border-radius:50%;background:var(--mint)}
.sheet-status b{color:var(--mint)}
.drawing{width:100%;height:auto;display:block;padding:8px}
.drawing .axes line{stroke:var(--line);stroke-dasharray:6 4}
.drawing .axes circle{fill:var(--bg);stroke:var(--line-2)}
.drawing .axes text{fill:var(--ink-3);font-size:10px;text-anchor:middle;font-weight:700}
.drawing .hatch{stroke:var(--line-2);stroke-width:1.2}
.drawing .room{fill:var(--bg);stroke:var(--ink-3);stroke-width:1}
.drawing .rlabel{fill:var(--ink-3);font-size:10px;text-anchor:middle;font-weight:500}
.drawing .dim line{stroke:var(--blue);stroke-width:1.2;stroke-dasharray:300;stroke-dashoffset:300;marker-start:none}
.drawing .dim text{fill:var(--blue);font-size:10.5px;text-anchor:middle;font-weight:700;opacity:0;font-variant-numeric:tabular-nums}
.drawing .dim text.v{text-anchor:end}.drawing .dim text.v.r{text-anchor:start}
.drawing .dim.in line{stroke:var(--mint)}.drawing .dim.in text{fill:var(--mint)}
.drawing.run .dim line{animation:draw .7s var(--ease) forwards;animation-delay:calc(var(--i)*.32s + .3s)}
.drawing.run .dim text{animation:fade .4s var(--ease) forwards;animation-delay:calc(var(--i)*.32s + .7s)}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fade{to{opacity:1}}
.titleblock{display:grid;grid-template-columns:1.6fr 1fr 1fr;border-top:1px solid var(--line-2)}
.titleblock div{padding:10px 14px;border-left:1px solid var(--line)}
.titleblock div:first-child{border-left:0}
.titleblock small{display:block;font-size:11px;color:var(--ink-3)}
.titleblock span{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}

/* Seções */
section{position:relative}
.band{padding:clamp(72px,10vw,128px) 0;border-top:1px solid var(--line);background:var(--bg)}
.sec-head{display:grid;gap:20px;margin-bottom:56px}
@media(min-width:900px){.sec-head{grid-template-columns:1.1fr 1fr;align-items:end}}
.sec-head p{color:var(--ink-2)}
.h2-solo{margin-bottom:48px;max-width:16ch}

/* Barras de tempo */
.bars{list-style:none;padding:0;display:grid;gap:26px}
.bar-row{display:grid;gap:8px}
@media(min-width:760px){.bar-row{grid-template-columns:240px 1fr 76px;align-items:center;gap:24px}}
.bar-name b{display:block;font-size:17px}.bar-name small{color:var(--ink-3);font-size:14px}
.bar-track{position:relative;height:30px}
.bar-hand,.bar-av{position:absolute;left:0;top:0;height:14px;border-radius:2px;transform-origin:left;transform:scaleX(0);transition:transform 1.1s var(--ease)}
.bar-hand{background:var(--line-2);width:var(--w)}
.bar-av{top:16px;background:var(--mint);width:var(--w2);min-width:4px;transition-delay:.25s}
.bars.on .bar-hand,.bars.on .bar-av{transform:scaleX(1)}
.bar-hand::after{content:attr(data-t);position:absolute;right:-6px;top:-1px;transform:translateX(100%);font-size:13px;color:var(--ink-3)}
.bar-av::after{content:attr(data-t);position:absolute;right:-8px;top:-2px;transform:translateX(100%);font-size:13px;font-weight:700;color:var(--mint);white-space:nowrap}
.bar-cut{font-size:22px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
@media(max-width:759px){.bar-cut{font-size:16px;color:var(--ink-2)}.bar-row{grid-template-columns:1fr auto}.bar-track{grid-column:1/-1;order:3}}
.legend{margin-top:32px;font-size:14px;color:var(--ink-3);display:flex;gap:10px 20px;align-items:center;flex-wrap:wrap}
.sw{display:inline-block;width:18px;height:8px;border-radius:2px;margin-right:-12px}.sw-hand{background:var(--line-2)}.sw-av{background:var(--mint)}

/* Calculadora */
.calc-sec{padding:clamp(72px,10vw,120px) 0;background:var(--bg-2);border-top:1px solid var(--line)}
.calc{display:grid;gap:40px}
@media(min-width:900px){.calc{grid-template-columns:1fr 1.1fr;align-items:center}}
.calc h2{margin-bottom:16px}
.calc-box{border:1px solid var(--line-2);border-radius:var(--r);padding:clamp(20px,3vw,32px);background:var(--bg)}
.range{display:block;margin-bottom:26px}
.range span{display:flex;justify-content:space-between;font-weight:500;margin-bottom:10px;color:var(--ink-2)}
.range output{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
input[type=range]{width:100%;height:44px;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--line-2);border-radius:2px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:var(--ink);margin-top:-12px;border:4px solid var(--blue)}
input[type=range]::-moz-range-track{height:4px;background:var(--line-2)}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--ink);border:4px solid var(--blue)}
.result{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:20px;gap:16px}
.result dt{font-size:13px;color:var(--ink-3)}
.result dd{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.result .big{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px}
.result .big dd{font-size:clamp(44px,7vw,64px);font-weight:900;color:var(--mint);line-height:1}

/* Destaques: linhas alternadas, não grade de cards */
.tools-sec{padding:clamp(72px,10vw,128px) 0;border-top:1px solid var(--line);background:var(--bg)}
.feature{display:grid;gap:24px;padding:40px 0;border-top:1px solid var(--line);align-items:center}
@media(min-width:860px){.feature{grid-template-columns:1fr 1fr;gap:72px;padding:56px 0}.feature.flip .feature-art{order:2}}
.feature-art{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);aspect-ratio:16/10;display:grid;place-items:center;padding:8px}
.feature-art svg{width:100%;max-width:none}
.feature-art .w{fill:none;stroke:var(--ink-3);stroke-width:1.5}
.feature-art .d line,.feature-art .d2{stroke:var(--blue);stroke-width:1.5;fill:none}
.feature-art .d2{stroke:var(--mint)}
.feature-art text{fill:var(--blue);font-size:11px;font-weight:700;text-anchor:middle;font-family:inherit}
.feature-art .num text{fill:var(--ink-2);font-size:14px}
.feature-art .num.l text{text-anchor:start;fill:var(--ink-3)}
.feature-art .num.l.m text{fill:var(--mint);font-weight:900}
.tag{font-size:14px;color:var(--blue);font-weight:700;margin-bottom:12px}
.feature h3{font-size:clamp(24px,2.8vw,32px);margin-bottom:14px}
.feature-copy p:last-child{color:var(--ink-2)}

.list-head{margin-top:80px;padding-top:56px;border-top:1px solid var(--line-2);display:grid;gap:8px;margin-bottom:24px}
.list-head h3{font-size:clamp(26px,3vw,36px)}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin:0 calc(var(--gut)*-1);padding-left:var(--gut);padding-right:var(--gut);scrollbar-width:none}
.chip{flex:none;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);background:transparent;color:var(--ink-2);font:500 15px inherit;font-family:inherit;cursor:pointer;white-space:nowrap}
.chip span{color:var(--ink-3);margin-left:6px;font-variant-numeric:tabular-nums}
.chip[aria-selected=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.chip[aria-selected=true] span{color:var(--ink-3)}
.search{margin:16px 0 8px}
.search input{width:100%;min-height:52px;padding:0 16px;border-radius:var(--r);border:1px solid var(--line-2);background:var(--bg-2);color:var(--ink);font:16px inherit;font-family:inherit}
.search input::placeholder{color:var(--ink-3)}
.tools{width:100%;border-collapse:collapse;font-size:15px}
.tools th{text-align:left;font-size:13px;color:var(--ink-3);font-weight:500;padding:14px 12px 10px 0;border-bottom:1px solid var(--line-2)}
.tools td{padding:14px 12px 14px 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2)}
.tools td:first-child{color:var(--ink);font-weight:700;white-space:nowrap}
.tools td small{display:block;font-weight:500;color:var(--ink-3);font-size:12px}
.tools .r{text-align:right;white-space:nowrap;color:var(--mint);font-weight:700;font-variant-numeric:tabular-nums}
@media(max-width:640px){
  .tools thead{display:none}
  .tools tr{display:grid;grid-template-columns:1fr auto;padding:14px 0;border-bottom:1px solid var(--line)}
  .tools td{border:0;padding:0}
  .tools td:nth-child(2){grid-column:1/-1;order:3;margin-top:4px}
}

/* Passos */
.steps{list-style:none;padding:0;display:grid;gap:0;counter-reset:s}
@media(min-width:860px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps li{padding:28px 0;border-top:1px solid var(--line-2)}
@media(min-width:860px){.steps li{padding:28px 32px 0 0}}
.steps b{display:block;font-size:14px;color:var(--blue);margin-bottom:28px;font-variant-numeric:tabular-nums}
.steps h3{margin-bottom:8px}.steps p{color:var(--ink-2)}

/* Planos */
.plans-sec{padding:clamp(72px,10vw,128px) 0;background:var(--bg-2);border-top:1px solid var(--line)}
.plans{display:grid;gap:20px}
@media(min-width:820px){.plans{grid-template-columns:1fr 1fr}}
.plan{display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:var(--r);padding:clamp(24px,3vw,36px);background:var(--bg)}
.plan-founder{border-color:var(--blue)}
.plan header h3{font-size:24px}
.price{font-size:clamp(52px,6vw,68px);font-weight:900;letter-spacing:-.04em;line-height:1;margin-top:28px;font-variant-numeric:tabular-nums}
.price .cur{font-size:.36em;font-weight:700;vertical-align:.95em;margin-right:4px;color:var(--ink-2)}
.price .per{font-size:.28em;font-weight:500;color:var(--ink-3);margin-left:6px;letter-spacing:0}
.price-sub{color:var(--ink-3);font-size:15px;margin-top:8px}
.seats{margin-top:16px;font-size:14px;color:var(--ink-2)}
.ticks{list-style:none;padding:0;margin:28px 0 32px;display:grid;gap:12px;flex:1}
.ticks li{padding-left:28px;position:relative;color:var(--ink-2)}
.ticks li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2px solid var(--mint);border-bottom:2px solid var(--mint);transform:rotate(-45deg)}
.guarantee{display:flex;gap:14px;align-items:flex-start;margin-top:28px;color:var(--ink-2);max-width:none;font-size:15px}
.guarantee svg{flex:none;color:var(--mint);margin-top:2px}
.guarantee b{color:var(--ink)}

/* Dev */
.dev-sec{padding:clamp(72px,10vw,128px) 0;border-top:1px solid var(--line);background:var(--bg)}
.dev{display:grid;gap:40px;align-items:center}
@media(min-width:860px){.dev{grid-template-columns:320px 1fr;gap:72px}}
.dev img{width:100%;max-width:320px;aspect-ratio:1;object-fit:cover;border-radius:var(--r);filter:grayscale(.25) contrast(1.05)}
.dev blockquote{font-size:clamp(24px,3vw,34px);font-weight:500;letter-spacing:-.02em;line-height:1.25;text-wrap:pretty}
.who{margin-top:20px;color:var(--ink-3)}.who b{color:var(--ink)}
.facts{list-style:none;padding:0;margin-top:28px;display:grid;gap:10px;color:var(--ink-2)}
.facts b{color:var(--ink)}

/* FAQ */
.faq-sec{padding:clamp(72px,10vw,128px) 0;border-top:1px solid var(--line);background:var(--bg)}
.faq-grid{display:grid;gap:32px}
@media(min-width:900px){.faq-grid{grid-template-columns:1fr 1.6fr;gap:72px}}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:700;font-size:18px;padding:12px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(45deg) translate(-3px,-3px);transition:transform .25s var(--ease)}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq details p{color:var(--ink-2);padding:0 0 22px}

/* Fechamento */
.close{padding:clamp(88px,12vw,160px) 0;text-align:center;border-top:1px solid var(--line);background:var(--bg)}
.close h2{font-size:clamp(44px,8vw,96px);font-weight:900;letter-spacing:-.04em;margin-bottom:20px}
.close .lead{margin:0 auto}
.foot{padding:32px 0 120px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-3);background:var(--bg)}
@media(min-width:860px){.foot{padding-bottom:40px}}

/* Dock mobile: CTA na zona do polegar */
.dock{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 10px 10px 18px;border-radius:14px;background:oklch(22% 0.014 250 / .96);border:1px solid var(--line-2);
  transform:translateY(140%);transition:transform .4s var(--ease)}
.dock.show{transform:none}
.dock small{display:block;font-size:12px;color:var(--ink-3)}.dock b{font-size:17px}
.dock .btn{min-height:48px}
@media(min-width:860px){.dock{display:none}}

/* Reveal */
.rv{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.in{opacity:1;transform:none}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .rv{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* Mobile: CTAs do hero em largura total, na zona do polegar */
@media(max-width:600px){
  .hero .cta-row .btn,.home-hero .cta-row .btn{flex:1 1 100%}
  .assure{flex-direction:column;gap:6px}
  .titleblock{grid-template-columns:1fr 1fr}
  .titleblock div:first-child{grid-column:1/-1;border-bottom:1px solid var(--line)}
  .titleblock div:nth-child(2){border-left:0}
}

/* Corte do forro (Gesso Tabica) */
.feature-art .corte .st{stroke:var(--ink-3);stroke-width:1;fill-opacity:1}
.feature-art .corte .hl{stroke:var(--line-2);stroke-width:1}
.feature-art .corte .tir{stroke:var(--ink-3);stroke-width:.8;stroke-dasharray:2 2;fill:none}
.feature-art .corte .gen{fill:var(--mint);stroke:none}
.feature-art .corte .gen.thin{fill:none;stroke:var(--mint);stroke-width:1}
.feature-art .corte .cort{fill:none;stroke:var(--ink-2);stroke-width:1;stroke-dasharray:3 2}
.feature-art .corte .lead path{stroke:var(--blue);stroke-width:.8;fill:none}
.feature-art .corte .lbl text{fill:var(--ink-3);font-size:9px;font-weight:500}
.feature-art .corte .gen-t text{fill:var(--blue);font-size:10px;font-weight:700}
.lockup img{width:30px;height:30px;object-fit:contain}
.lockup span{letter-spacing:.12em;font-size:15px}
.feature-art .corte .ghost{fill:var(--bg-2)}
.feature-art .corte .gh{fill:var(--ink-3);font-size:7px;text-anchor:end}
.feature-art .corte .paper{fill:var(--bg);stroke:var(--ink-3);stroke-width:1}
.feature-art .corte .st.thin{stroke-width:.7;fill:none}
.feature-art .corte .nf{fill:none}
.feature-art .corte .vt circle,.feature-art .corte .vt path{fill:none;stroke:var(--mint);stroke-width:1}
.feature-art .corte .vtn text{fill:var(--mint);font-size:5.5px;font-weight:700;text-anchor:middle}
.feature-art .corte .vtl text{fill:var(--mint);font-size:5.5px;font-weight:700;text-anchor:start}
.feature-art .corte .cb text{fill:var(--ink-3);font-size:5px;text-anchor:start;font-weight:500}
.feature-art .corte .cbn{fill:var(--blue);font-size:9px;font-weight:900;text-anchor:end}
.feature-art .corte .moved-old{stroke:var(--ink-3);stroke-width:1;stroke-dasharray:3 2;fill:none}
.feature-art .corte .rn{fill:var(--ink-3);font-size:9px;font-weight:500}
.feature-art .corte .ra{fill:var(--mint);font-size:11px;font-weight:900}
.feature-art .corte .dimo path{stroke:var(--ink-3);stroke-width:.8;fill:none}
.feature-art .corte .dimo text{fill:var(--ink-3);font-size:9px;text-decoration:line-through}
.feature-art .corte .dimn path{stroke:var(--blue);stroke-width:1;fill:none}
.feature-art .corte .dimn text{fill:var(--blue);font-size:10px;font-weight:700}
.feature-art .corte .arrow{stroke:var(--mint);stroke-width:1.2;fill:none}
.feature-art .corte .tb text{text-anchor:start;font-size:7.5px}
.feature-art .corte .th{fill:var(--ink-3);font-weight:700;font-size:6px!important}
.feature-art .corte .tn{fill:var(--ink-2)}
.feature-art .corte .old{fill:var(--ink-3);text-decoration:line-through}
.feature-art .corte .new{fill:var(--mint);font-weight:700}
.feature-art .cotas .wall{fill:var(--ink-3)}
.feature-art .cotas .dx path,.feature-art .cotas .din path,.feature-art .cotas .del path{fill:none;stroke-width:.8}
.feature-art .cotas .dx path{stroke:var(--blue)}
.feature-art .cotas .dx text{fill:var(--blue);font-size:8px;font-weight:700}
.feature-art .cotas .din path,.feature-art .cotas .del path{stroke:var(--mint)}
.feature-art .cotas .din text,.feature-art .cotas .del text{fill:var(--mint);font-size:8px;font-weight:700}
.feature-art .cotas .tom{fill:none;stroke:var(--mint);stroke-width:1.2}
.feature-art .cotas .rn{font-size:7px}
.dev-h{font-size:clamp(30px,4vw,48px);margin-bottom:18px}.dev-p{color:var(--ink-2);font-size:18px}
.revs{border:1px solid var(--line-2);border-radius:var(--r);background:var(--bg-2);overflow:hidden;width:100%;max-width:420px;font-variant-numeric:tabular-nums}
.revs figcaption{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line-2);font-size:12px;color:var(--ink-3)}
.revs figcaption b{color:var(--ink);font-size:13px}
.revs table{width:100%;border-collapse:collapse;font-size:14px}
.revs th{text-align:left;font-weight:500;font-size:11px;color:var(--ink-3);padding:8px 16px;border-bottom:1px solid var(--line)}
.revs td{padding:10px 16px;border-bottom:1px solid var(--line);color:var(--ink-2)}
.revs td:first-child{font-weight:700;color:var(--blue);white-space:nowrap}
.revs td:nth-child(2){color:var(--ink-3);white-space:nowrap;font-size:13px}
.revs tr.cur td{color:var(--ink)}.revs tr.cur td:first-child{color:var(--mint)}
.revs tr:last-child td{border-bottom:0}
.revs tbody tr:last-child{border-top:1px dashed var(--line-2)}
.revs-gap{display:none}
@media(min-width:860px){.dev{grid-template-columns:400px 1fr}}
.feature-art .skp .sk{fill:var(--bg);stroke:var(--ink-3);stroke-width:1;stroke-linejoin:round}
.feature-art .skp .rv{fill:oklch(83% 0.15 168 / .08);stroke:var(--mint);stroke-width:1;stroke-linejoin:round}
.feature-art .skp .fam{fill:var(--bg);stroke:var(--line-2)}
.feature-art .skp .ft{fill:var(--ink-3);font-size:8px;font-weight:700;text-anchor:start}
.feature-art .skp .ft.m{fill:var(--mint)}
.feature-art .skp .lb{fill:var(--ink-3);font-size:6.5px;text-anchor:start}
.feature-art .skp .lv{fill:var(--ink-2);font-size:6.5px;text-anchor:end;font-weight:700}
.feature-art .skp .m1{fill:oklch(55% 0.06 60)}.feature-art .skp .m2{fill:oklch(45% 0.03 250)}
.faq details p a{color:var(--blue);text-underline-offset:3px}

/* Estudo de viabilidade (animação 2) */
.via-grid{display:grid;gap:48px;align-items:center}
@media(min-width:980px){.via-grid{grid-template-columns:1fr 1.1fr}}
.via h2{margin-bottom:18px}
.via-steps{list-style:none;padding:0;margin-top:32px;border-top:1px solid var(--line)}
.via-steps button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;min-height:64px;display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line);color:var(--ink-3);transition:color .3s var(--ease)}
.via-steps button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.via-steps b{font-size:13px;font-variant-numeric:tabular-nums}
.via-steps span{font-weight:700;font-size:17px;display:block}
.via-steps small{display:block;font-weight:500;font-size:14px;color:var(--ink-3)}
.via-steps em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}
.via-steps button[aria-pressed=true]{color:var(--ink)}
.via-steps button[aria-pressed=true] b,.via-steps button[aria-pressed=true] em{color:var(--mint)}
.iso{padding:12px}
.iso .s{opacity:0;transition:opacity .6s var(--ease),transform .7s var(--ease)}
.iso .s2,.iso .s3{transform:translateY(10px)}
.iso.st1 .s1,.iso.st2 .s1,.iso.st3 .s1,.iso.st4 .s1{opacity:1}
.iso.st2 .s2,.iso.st3 .s2{opacity:1;transform:none}
.iso.st3 .s2{opacity:.35}
.iso.st3 .s3,.iso.st4 .s3{opacity:1;transform:none}
.iso.st4 .s4{opacity:1}
.iso.st4 .s1 .pad-out{opacity:0}
.iso .lot{fill:oklch(22% 0.02 160);stroke:var(--line-2);stroke-width:1}
.iso .ctr{fill:none;stroke:oklch(40% 0.03 160);stroke-width:.8;stroke-dasharray:3 3}
.iso .pad-out{fill:none;stroke:var(--blue);stroke-width:1;stroke-dasharray:4 3;transition:opacity .4s}
.iso .pad{fill:oklch(30% 0.015 250);stroke:var(--ink-3);stroke-width:1}
.iso .slope{fill:oklch(83% 0.15 168 / .14);stroke:var(--mint);stroke-width:1}
.iso .mass{stroke:var(--blue);stroke-width:1}
.iso .mass.ft{fill:oklch(68% 0.17 240 / .32)}.iso .mass.fl{fill:oklch(68% 0.17 240 / .2)}.iso .mass.fr{fill:oklch(68% 0.17 240 / .12)}
.iso .ml{fill:var(--ink);font-size:9px;font-weight:700;text-anchor:middle}
.iso .wall3{stroke:var(--mint);stroke-width:1.4}
.iso .wall3.ft{fill:none;stroke-width:2.2}
.iso .wall3.fl{fill:oklch(40% 0.02 250)}.iso .wall3.fr{fill:oklch(33% 0.02 250)}
.iso .wl{stroke:var(--mint);stroke-width:1}
.via h2{font-size:clamp(32px,4vw,48px)}
.via-head{display:flex;justify-content:space-between;margin-top:32px;padding:0 4px 8px 54px;font-size:12px;color:var(--ink-3);max-width:none}
.via-head+.via-steps{margin-top:0}
.via-total{display:flex;justify-content:space-between;align-items:baseline;padding:16px 4px 0 54px;max-width:none;color:var(--ink-2);font-weight:500}
.via-total b{font-size:26px;font-weight:900;color:var(--mint);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
/* talude fiel: corte e aterro */
.iso .cut{fill:oklch(68% 0.17 240 / .22);stroke:var(--blue);stroke-width:.5}
.iso .fill{fill:oklch(83% 0.15 168 / .20);stroke:var(--mint);stroke-width:.5}
.iso .toe{fill:none;stroke:var(--ink-2);stroke-width:1;stroke-dasharray:3 2}
.iso .tl{fill:var(--blue);font-size:9px;font-weight:700;text-anchor:middle}
.iso .tl.f{fill:var(--mint)}
.iso.st2 .s4,.iso.st3 .s4{opacity:0}
/* talude v3: topografia remodelada */
.iso .tq{fill:oklch(calc(16% + 16% * var(--l)) 0.018 160);stroke:oklch(32% 0.02 160);stroke-width:.3}
.iso .tq.pl{fill:oklch(calc(22% + 14% * var(--l)) 0.01 250)}
.iso .tq.tal{fill:oklch(calc(20% + 22% * var(--l)) 0.06 168);stroke:oklch(48% 0.08 168)}
.iso .ctr{fill:none;stroke:oklch(55% 0.04 160);stroke-width:.6;stroke-dasharray:none;opacity:.7}
.iso .berma{fill:none;stroke:var(--mint);stroke-width:1.2;stroke-dasharray:4 2}
.iso.st4 .s1{opacity:0}
.iso .lead{fill:none;stroke-width:.8}.iso .lead.f{stroke:var(--mint)}.iso .lead.b{stroke:var(--blue)}
.iso .leaddot.f{fill:var(--mint)}.iso .leaddot.b{fill:var(--blue)}
.iso .tl{font-size:9px;font-weight:700}.iso .tl.f{fill:var(--mint)}.iso .tl.b{fill:var(--blue)}
/* sofá do card SketchUp */
.feature-art .skp .su{stroke:#1d2128;stroke-width:.6;stroke-linejoin:round}
.feature-art .skp .su.t{fill:#e7e2d8}.feature-art .skp .su.l{fill:#c9c2b4}.feature-art .skp .su.r{fill:#a9a294}
.feature-art .skp .su.leg{fill:#5a4a3a}
.feature-art .skp .rv{stroke:var(--mint);stroke-width:.6;stroke-linejoin:round}
.feature-art .skp .rv.t{fill:oklch(30% 0.04 168)}.feature-art .skp .rv.l{fill:oklch(24% 0.03 168)}.feature-art .skp .rv.r{fill:oklch(20% 0.025 168)}
.feature-art .skp .m3{fill:#c9c2b4}

/* seletor de idioma */
.lang{display:flex;border:1px solid var(--line-2);border-radius:999px;padding:3px;margin-left:auto}
@media(min-width:860px){.lang{margin-left:0}}
.lang button{all:unset;cursor:pointer;min-width:36px;min-height:32px;display:grid;place-items:center;border-radius:999px;font-size:13px;font-weight:700;color:var(--ink-3);letter-spacing:.04em}
.lang button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.lang button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.top .lang+.btn{margin-left:0}
/* pagamentos internacionais em destaque */
.assure .pay{display:flex;align-items:center;gap:6px}
.assure .pay::before{display:none}
.pay-tag{font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--ink);border:1px solid var(--line-2);background:var(--bg-2);border-radius:6px;padding:3px 7px}
.assure .pay span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* auditoria mobile-design: alvos ≥44px e fonte ≥12px */
.lockup{min-height:44px}
.lang button{min-width:44px;min-height:40px}
.lang{padding:2px}
@media (pointer:coarse){.lang button{min-height:44px}}
/* links dentro de texto: área de toque de 44px sem mexer no layout */
.faq details p a,.guarantee a{display:inline-block;padding:12px 2px;margin:-12px -2px}
.titleblock small,.tbK,.revs th,.pay-tag,.sheet-head{font-size:12px}
.skip{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:480px){
  .top-in{gap:10px}
  .lockup{gap:8px}
  .lockup span{font-size:13px;letter-spacing:.08em}
  .top .btn-sm{padding:0 14px}
}
@media(max-width:370px){.lockup span{display:none}}

/* seletor de forma de pagamento (compra em 2 cliques) */
.paysel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}
.paysel button{all:unset;box-sizing:border-box;cursor:pointer;min-height:64px;padding:12px 14px;border-radius:var(--r);border:1px solid var(--line-2);background:var(--bg);display:flex;flex-direction:column;gap:2px;transition:border-color .2s var(--ease),background-color .2s var(--ease)}
.paysel button b{font-size:15px;color:var(--ink)}
.paysel button small{font-size:12px;color:var(--ink-3)}
.paysel button[aria-checked=true]{border-color:var(--mint);background:oklch(83% 0.15 168 / .08)}
.paysel button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:600px){.paysel{grid-template-columns:1fr}}

/* modal de e-mail do cripto (mesmo visual da página) */
.mail{border:1px solid var(--line-2);border-radius:14px;background:var(--bg);color:var(--ink);padding:0;width:min(460px,calc(100% - 32px));box-shadow:0 30px 80px oklch(0% 0 0 / .55)}
.mail::backdrop{background:oklch(10% 0.01 250 / .72);backdrop-filter:blur(3px)}
.mail form{padding:clamp(22px,4vw,30px);display:grid;gap:14px}
.mail h3{font-size:22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mail p{color:var(--ink-2);font-size:15px}
.mail-field{display:grid;gap:6px;font-size:13px;color:var(--ink-3);font-weight:500}
.mail-field input{min-height:52px;padding:0 16px;border-radius:var(--r);border:1px solid var(--line-2);background:var(--bg-2);color:var(--ink);font:16px inherit;font-family:inherit}
.mail-field input:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:transparent}
.mail-err{color:oklch(75% 0.15 25)!important;font-size:14px!important}
.mail-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin-top:6px}
@media(max-width:480px){.mail-actions{grid-template-columns:1fr}.mail-actions .btn-go{order:-1}}
.mail{margin:auto}
button.btn{font-family:inherit}
button.btn-ghost{background:transparent;color:var(--ink)}
button.btn-ghost:hover{background:var(--bg-2)}

/* ícones reais das ferramentas na lista */
.tools .tname{display:flex;align-items:center;gap:12px}
.tools .ticon{flex:none;width:38px;height:38px;padding:6px;border-radius:8px;background:var(--bg-2);border:1px solid var(--line-2);object-fit:contain}
.qs b{font-size:40px;font-weight:900;color:var(--line-2);letter-spacing:-.02em;margin-bottom:16px}
