:root{
  --bg:#f3f6fa; --bg-2:#e8eef6; --surface:#ffffff; --surface-2:#f6f9fc;
  --line:#d3dde9; --text:#0e1a2b; --muted:#4a5b72; --faint:#71829a;
  --accent:#138768; --accent-ink:#ffffff; --accent-soft:#dff3ec;
  --blue:#2563eb; --amber:#b7791f; --amber-soft:#fbf0dc;
  --shadow:0 1px 2px rgba(14,26,43,.06),0 12px 32px rgba(14,26,43,.08);
  --paper:#ffffff; --paper-ink:#1d2a3a; --paper-line:#dfe5ec;
  --display:"Archivo","Arial Narrow",system-ui,sans-serif;
  --body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --r:10px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#0b1522; --bg-2:#0e1a2b; --surface:#13233a; --surface-2:#172a44;
    --line:#1f3450; --text:#e3eaf3; --muted:#9fb0c6; --faint:#7388a3;
    --accent:#1fa37f; --accent-ink:#04120d; --accent-soft:#12352e;
    --blue:#3b82f6; --amber:#f59e0b; --amber-soft:#2e2412;
    --shadow:0 1px 2px rgba(0,0,0,.3),0 14px 36px rgba(0,0,0,.3);
    --paper:#e9edf2; --paper-ink:#1d2a3a; --paper-line:#c9d2dd;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0b1522; --bg-2:#0e1a2b; --surface:#13233a; --surface-2:#172a44;
  --line:#1f3450; --text:#e3eaf3; --muted:#9fb0c6; --faint:#7388a3;
  --accent:#1fa37f; --accent-ink:#04120d; --accent-soft:#12352e;
  --blue:#3b82f6; --amber:#f59e0b; --amber-soft:#2e2412;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 14px 36px rgba(0,0,0,.3);
  --paper:#e9edf2; --paper-ink:#1d2a3a; --paper-line:#c9d2dd;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--text);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1160px;margin-inline:auto;padding-inline:20px}
h1,h2,h3{font-family:var(--display);font-stretch:85%;line-height:1.1;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.muted{color:var(--muted)}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.check{color:var(--accent);flex:none;margin-top:3px}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:28px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 20px/1 var(--display);font-stretch:80%;letter-spacing:.01em}
.brand span b{color:var(--accent);font-weight:700}
.links{display:flex;gap:22px;margin-left:12px}
.links a{text-decoration:none;color:var(--muted);font-size:15px}
.links a:hover,.links a[aria-current]{color:var(--text)}
.nav .spacer{flex:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding-inline:18px;border-radius:8px;font:600 15px/1 var(--body);text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.btn-primary{background:var(--accent);color:var(--accent-ink)}
.btn-primary:hover{filter:brightness(1.08)}
.btn-ghost{border-color:var(--line);color:var(--text);background:transparent}
.btn-ghost:hover{background:var(--surface-2)}
.btn-lg{height:50px;padding-inline:24px;font-size:16px}
.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.crumbs{font:400 13px/1 var(--mono);color:var(--faint);padding-top:28px;display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--text)}
.p-hero{padding-block:28px 40px;display:grid;grid-template-columns:1fr;gap:36px}
.p-hero .head{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end}
.title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.p-hero h1{font-size:clamp(44px,6vw,72px);font-weight:800}
.status{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:6px;background:var(--accent-soft);color:var(--accent)}
.p-hero .tagline{font:600 clamp(20px,2.2vw,26px)/1.3 var(--display);font-stretch:90%;margin-top:14px;color:var(--text)}
.p-hero .lead{font-size:17px;color:var(--muted);margin-top:14px;max-width:40em}
.p-hero .side{display:flex;flex-direction:column;gap:18px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:500 12.5px/1 var(--mono);padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface)}
.price-hint{font-size:14px;color:var(--muted)}
.price-hint b{color:var(--text);font-weight:600}
.shot{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);background:#0b1522}
.shot .bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#0e1a2b;border-bottom:1px solid #1f3450}
.shot .bar i{width:10px;height:10px;border-radius:50%;background:#2a3d57;display:block}
.shot .bar span{font:400 12px/1 var(--mono);color:#7388a3;margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shot img{display:block;width:100%;height:auto}
.shot-cap{font-size:13px;color:var(--faint);margin-top:10px}
section.block{padding-block:80px}
.sec-head{max-width:720px;display:flex;flex-direction:column;gap:14px;margin-bottom:40px}
.sec-head h2{font-size:clamp(28px,3.4vw,40px);font-weight:750}
.sec-head p{font-size:17px;color:var(--muted)}
.alt{background:var(--bg-2);border-block:1px solid var(--line)}
.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mod{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:12px}
.mod .ic{width:36px;height:36px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}
.mod h3{font-size:20px;font-weight:700}
.mod ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14.5px;color:var(--muted)}
.mod li{display:flex;gap:9px}
.mod li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none;margin-top:9px}
.laudo{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.flow{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
.flow .st{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line)}
.flow .st:last-child{border-bottom:0}
.flow .n{font:600 13px/1 var(--mono);color:var(--accent);background:var(--accent-soft);width:28px;height:28px;border-radius:50%;display:grid;place-items:center}
.flow b{display:block;font-weight:600}
.flow span{color:var(--muted);font-size:14.5px}
.reads{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-top:22px;padding:0;list-style:none;font-size:14.5px}
.reads li{display:flex;gap:10px}
.note{margin-top:22px;display:flex;gap:12px;padding:14px 16px;border-radius:8px;background:var(--amber-soft);border:1px solid color-mix(in srgb,var(--amber) 35%,transparent);font-size:14px;line-height:1.5}
.note svg{color:var(--amber);flex:none;margin-top:2px}
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
table{border-collapse:collapse;width:100%;font-size:14.5px}
th,td{text-align:left;padding:13px 18px;border-bottom:1px solid var(--line);vertical-align:top}
tr:last-child td{border-bottom:0}
th{font:500 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);background:var(--surface-2)}
td.num{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
td .ref{display:block;font:400 12.5px/1.4 var(--mono);color:var(--faint);margin-top:3px}
.two{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}
.tbl-cap{font-size:13px;color:var(--faint);margin-top:10px}
.memo{display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:center}
.paper{width:300px;max-width:100%;aspect-ratio:210/297;background:var(--paper);color:var(--paper-ink);border-radius:4px;box-shadow:var(--shadow);padding:22px 20px;display:flex;flex-direction:column;gap:9px;font-family:var(--body);transform:rotate(-1.5deg)}
.paper .ph1{font:700 12px/1.2 var(--display);font-stretch:85%;letter-spacing:.02em}
.paper .meta{font:400 7.5px/1.4 var(--mono);color:#5b6b80;border-bottom:1px solid var(--paper-line);padding-bottom:7px}
.paper .res{background:#dff3ec;border:1px solid #9fd8c6;border-radius:3px;padding:7px 8px}
.paper .res small{display:block;font:500 6.5px/1.2 var(--mono);color:#3d6b5e;text-transform:uppercase;letter-spacing:.05em}
.paper .res b{font:700 15px/1.2 var(--mono);color:#0f6e55}
.paper .h{font:600 8px/1 var(--body);margin-top:3px}
.paper .ln{height:4px;border-radius:2px;background:var(--paper-line)}
.paper .ln.s{width:70%}
.paper .ln.m{width:85%}
.paper .grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}
.paper .grid i{height:6px;background:var(--paper-line);display:block}
.paper .grid i:nth-child(-n+5){background:#b9c5d3}
.paper .foot{margin-top:auto;font:400 6.5px/1 var(--mono);color:#8a98aa;text-align:right}
.toc{margin:0;padding:0;list-style:none;counter-reset:t;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.toc li{counter-increment:t;display:grid;grid-template-columns:28px 1fr;gap:6px;font-size:15px}
.toc li::before{content:counter(t);font:500 13px/1.7 var(--mono);color:var(--accent)}
.toc li span{display:block;color:var(--muted);font-size:13.5px}
.viewer-col{display:flex;flex-direction:column;gap:12px;width:360px;max-width:100%}
.page-main{position:relative;padding:0;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:zoom-in;box-shadow:var(--shadow);overflow:hidden;display:block;width:100%}
.page-main img{display:block;width:100%;height:auto}
.zoom-hint{position:absolute;right:10px;bottom:10px;font:500 12px/1 var(--mono);background:rgba(11,21,34,.82);color:#e3eaf3;padding:7px 9px;border-radius:6px}
.thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.thumb{position:relative;padding:0;border:1px solid var(--line);border-radius:4px;background:#fff;cursor:pointer;overflow:hidden;opacity:.7}
.thumb img{display:block;width:100%;height:auto}
.thumb span{position:absolute;left:3px;bottom:3px;font:500 10px/1 var(--mono);background:rgba(11,21,34,.8);color:#e3eaf3;padding:3px 4px;border-radius:3px}
.thumb[aria-current="true"]{opacity:1;outline:2px solid var(--accent);outline-offset:1px}
.thumb:hover{opacity:1}
.toc{grid-template-columns:1fr 1fr}
.lightbox{position:fixed;inset:0;z-index:50;background:rgba(5,10,18,.9);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}
.lb-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap;color:#e3eaf3;font:500 14px var(--mono)}
.lb-actions{display:flex;gap:8px;flex-wrap:wrap}
.lb-bar .btn-ghost{color:#e3eaf3;border-color:#2c4263}
.lb-scroll{flex:1;overflow:auto;padding:0 16px 24px;display:flex;justify-content:center;align-items:flex-start}
.lb-scroll img{width:min(900px,100%);height:auto;display:block;background:#fff;border-radius:4px}
@media (max-width:960px){.viewer-col{margin-inline:auto}}
.lightbox[hidden]{display:none}
.hero-shot{margin:0;max-width:880px;margin-inline:auto;width:100%}
.valid{margin-top:28px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.valid h3{font-size:19px;font-weight:700;margin-bottom:10px}
.valid ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:14.5px}
.cmp td:nth-child(2),.cmp td:nth-child(3),.cmp th:nth-child(2),.cmp th:nth-child(3){text-align:center;width:22%}
.sim{color:var(--accent);font-weight:600}
.nao{color:var(--faint)}
.cmp tfoot td{background:var(--surface-2);border-top:1px solid var(--line);border-bottom:0}
.limits{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.limits div{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;gap:12px;font-size:15px}
.limits div:nth-child(odd){border-right:1px solid var(--line)}
.limits div:nth-last-child(-n+2){border-bottom:0}
.limits svg{color:var(--faint);flex:none;margin-top:4px}
.limits span{color:var(--muted);display:block;font-size:14px}
.faq{display:flex;flex-direction:column;border-top:1px solid var(--line);max-width:860px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:20px;font:600 17px/1.4 var(--body)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 24px/1 var(--mono);color:var(--accent);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);padding-bottom:20px;max-width:68ch}
.buy{background:var(--bg-2);border-top:1px solid var(--line)}
.buy .wrap{padding-block:64px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.buy h2{font-size:clamp(28px,3.2vw,38px);font-weight:750}
.buy p{color:var(--muted);margin-top:12px}
.opts{display:flex;flex-direction:column;gap:10px}
.opt{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);text-decoration:none}
.opt:hover{border-color:var(--accent)}
.opt.best{border:2px solid var(--accent)}
.opt b{display:block;font-weight:600}
.opt span{font-size:13.5px;color:var(--muted)}
.opt .pr{font:600 18px/1.2 var(--mono);white-space:nowrap;text-align:right}
.opt .pr small{display:block;font:400 12px var(--mono);color:var(--faint)}
.ph{background:color-mix(in srgb,var(--amber) 18%,transparent);color:var(--text);padding:0 4px;border-radius:3px}
@media (max-width:960px){
  .p-hero .head,.laudo,.two,.memo,.buy .wrap{grid-template-columns:1fr}
  .modules{grid-template-columns:1fr 1fr}
  .links{display:none}
  .memo{gap:36px}
  .paper{margin-inline:auto}
}
@media (max-width:640px){
  .wrap{padding-inline:16px}
  .nav{gap:12px}
  .nav .btn-ghost{display:none}
  .modules,.reads,.toc{grid-template-columns:1fr}
  .limits{grid-template-columns:1fr}
  .limits div:nth-child(odd){border-right:0}
  .limits div:nth-last-child(2){border-bottom:1px solid var(--line)}
  section.block{padding-block:56px}
  th,td{padding:11px 12px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
footer{border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-block:48px}
footer h4{font:600 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0 0 14px}
footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
footer a{text-decoration:none}
footer a:hover{color:var(--text)}
footer .legal{border-top:1px solid var(--line);padding-block:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--faint)}
@media (max-width:960px){footer .cols{grid-template-columns:1fr 1fr}}
@media (max-width:640px){footer .cols{grid-template-columns:1fr}}