.std-root, .std-root * { box-sizing: border-box; }
  .std-root {
    --black:#000000; --panel:#282828; --mid:#646464; --light:#EBEBEB; --white:#FFFFFF;
    --ease: cubic-bezier(.16,.84,.32,1);
    --radius: var(--r-2); /* padrão Lavytier — mesmo valor do Journal/Header, para cards, botões e badges reais do site. Não aplicado a elementos decorativos em miniatura (pontos de status, linhas de mockup, avatares circulares), que são ilustração proporcional ao próprio tamanho pequeno delas. */
    font-family:'Sora',sans-serif; background:var(--white); color:var(--panel);
    overflow-x:hidden; line-height:1.55; scroll-behavior:smooth; position:relative;
  }
  .std-root section { position:relative; padding:92px 24px; }
  @media (max-width:700px){ .std-root section { padding:60px 18px; } }
  @media (max-width:420px){ .std-root section { padding:52px 16px; } }
  .std-wrap { max-width:1120px; width:100%; margin:0 auto; }
  .std-eyebrow { font-size:12px; letter-spacing:.32em; text-transform:uppercase; color:var(--mid); font-weight:600; margin-bottom:22px; display:block; }
  .std-root h1,.std-root h2,.std-root h3 { font-weight:700; letter-spacing:-.02em; margin:0; color:var(--black); }
  .std-root p { color:var(--mid); font-weight:300; font-size:15.5px; margin:0; }
  .std-root a { text-decoration:none; }
  .std-section-head { max-width:640px; margin-bottom:48px; }
  .std-section-head h2 { font-size:clamp(23px,2.7vw,34px); line-height:1.24; }
  .std-section-head p { margin-top:14px; font-size:15.5px; }
  [data-std-reveal] { opacity:0; transform:translateY(26px); transition:opacity .9s var(--ease), transform .9s var(--ease); }
  [data-std-reveal].std-in { opacity:1; transform:translateY(0); }

  /* ---------- BOTÕES ---------- */
  .std-cta-row { display:flex; gap:12px; margin-top:30px; flex-wrap:wrap; align-items:center; }
  .std-btn { font-family:'Sora',sans-serif; font-weight:600; font-size:13.5px; padding:13.5px 22px; border-radius:var(--radius);
    cursor:pointer; border:1.5px solid transparent; display:inline-flex; align-items:center; gap:9px; white-space:nowrap;
    position:relative; overflow:hidden; isolation:isolate;
    transition:transform .3s var(--ease), background .3s var(--ease), border-color .3s var(--ease), color .3s var(--ease), box-shadow .3s var(--ease); }
  .std-btn::before { content:''; position:absolute; inset:0; z-index:-1; opacity:0; pointer-events:none; border-radius:inherit;
    background:radial-gradient(130px circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.32), transparent 70%); transition:opacity .35s ease; }
  .std-btn-ghost::before { background:radial-gradient(130px circle at var(--mx,50%) var(--my,50%), rgba(0,0,0,.11), transparent 70%); }
  .std-btn:hover::before { opacity:1; }
  .std-btn:hover { transform:translateY(-2px); }
  .std-btn-primary { background:var(--black); color:var(--white); }
  .std-btn-primary:hover { background:var(--panel); box-shadow:0 14px 30px -14px rgba(0,0,0,.45); }
  .std-btn-ghost { background:rgba(0,0,0,.02); color:var(--black); border-color:rgba(0,0,0,.55); }
  .std-btn-ghost:hover { border-color:var(--black); background:rgba(0,0,0,.05); }
  .std-exclusive .std-btn-ghost, .std-confidential .std-btn-ghost { color:var(--white); border-color:rgba(255,255,255,.6); background:rgba(255,255,255,.04); }
  .std-exclusive .std-btn-ghost:hover, .std-confidential .std-btn-ghost:hover { border-color:var(--white); background:rgba(255,255,255,.1); }
  @media (max-width:480px){ .std-btn{ font-size:12.5px; padding:12px 18px; } }
  @media (max-width:360px){ .std-cta-row{ flex-direction:column; align-items:stretch; } .std-cta-row .std-btn{ justify-content:center; } }

  /* ---------- HERO ---------- */
  .std-root .std-hero { min-height:100svh; display:flex; align-items:center; padding-top:calc(var(--nav-h) + var(--s-12)); padding-bottom:60px; background:var(--white); }
  @media (max-width:700px){ .std-root .std-hero{ padding-top:calc(var(--nav-h) + var(--s-8)); padding-bottom:32px; } }
  @media (max-width:480px){ .std-root .std-hero{ padding-top:calc(var(--nav-h) + var(--s-4)); padding-bottom:28px; } }
  .std-hero-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:44px; align-items:center; width:100%; }
  @media (max-width:900px) { .std-hero-grid { grid-template-columns:1fr; gap:8px; } .std-blueprint-wrap { order:-1; height:260px; } }
  @media (max-width:480px) { .std-blueprint-wrap { height:200px; } }
  .std-hero h1 { font-size:clamp(26px,3.6vw,44px); line-height:1.2; font-weight:800; letter-spacing:-.015em; }
  .std-hero p.lead { font-size:15.5px; font-weight:300; max-width:480px; margin-top:20px; color:var(--panel); }
  .std-microcopy { margin-top:18px; font-size:12px; color:var(--mid); display:block; }
  @keyframes std-rise { from{opacity:0;transform:translateY(22px);} to{opacity:1;transform:translateY(0);} }
  .std-hero .std-eyebrow,.std-hero h1,.std-hero p.lead,.std-hero .std-cta-row,.std-hero .std-microcopy,.std-blueprint-wrap {
    opacity:0; animation:std-rise 1s var(--ease) forwards; }
  .std-hero .std-eyebrow{animation-delay:.05s} .std-hero h1{animation-delay:.16s} .std-hero p.lead{animation-delay:.3s}
  .std-hero .std-cta-row{animation-delay:.44s} .std-hero .std-microcopy{animation-delay:.55s} .std-blueprint-wrap{animation-delay:.3s}

  /* assinatura da hero: blueprint com profundidade dupla e pulso de sinal */
  .std-blueprint-wrap { position:relative; height:460px; perspective:1100px; }
  .std-blueprint-inner { position:absolute; inset:0; transform-style:preserve-3d; }
  .std-blueprint-wrap canvas { position:absolute; inset:0; width:100%; height:100%; }
  .std-blueprint-wrap::before { content:''; position:absolute; inset:10%; border-radius:50%;
    background:radial-gradient(circle, rgba(0,0,0,.045), transparent 70%); filter:blur(24px); pointer-events:none; }

  /* ---------- TRIOS ---------- */
  .std-trio { background:var(--white); border-top:1px solid var(--light); }
  .std-trio-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
  @media (max-width:800px){ .std-trio-grid{ grid-template-columns:1fr; } }
  .std-trio-card { border:1px solid var(--light); border-radius:var(--radius); padding:32px; position:relative; overflow:hidden;
    opacity:0; transform:translateY(26px); transition:opacity .8s var(--ease), transform .8s var(--ease), border-color .4s, box-shadow .4s; }
  .std-trio-card::before { content:''; position:absolute; inset:0; z-index:0; opacity:0; pointer-events:none;
    background:radial-gradient(160px circle at var(--mx,50%) var(--my,50%), rgba(0,0,0,.15), transparent 70%); transition:opacity .35s ease; }
  .std-trio-card:hover::before { opacity:1; }
  .std-trio-card:hover { border-color:var(--mid); transform:translateY(-6px); box-shadow:0 30px 60px -35px rgba(0,0,0,.18); }
  .std-trio-card>* { position:relative; z-index:1; }
  .std-trio-card.std-in { opacity:1; transform:translateY(0); }
  .std-trio-card:nth-child(1){transition-delay:0s} .std-trio-card:nth-child(2){transition-delay:.1s} .std-trio-card:nth-child(3){transition-delay:.2s}
  .std-trio-num { font-size:12px; color:var(--mid); font-weight:600; letter-spacing:.1em; margin-bottom:14px; display:block; }
  .std-trio-card h3 { font-size:18px; margin-bottom:11px; line-height:1.3; }
  .std-trio-card p { font-size:14px; }
  /* ---- Widgets leves (100% CSS/SVG) que preenchem o espaço dos cards 01 e 02, sem custo de JS ---- */
  .std-swatch,.std-flow { margin-top:18px; }
  .std-swatch-label,.std-flow-label { display:flex; justify-content:space-between; font-size:11.5px; color:var(--mid); margin-bottom:8px; }
  .std-swatch-row { display:flex; gap:6px; position:relative; overflow:hidden; border-radius: var(--r-1); }
  .std-swatch-row span { flex:1; height:22px; border-radius:4px; }
  .std-swatch-row::after { content:''; position:absolute; inset:0; width:40%; left:-40%; pointer-events:none;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent); animation:std-bar-shimmer 3.6s ease-in-out infinite; }
  .std-flow-svg { width:100%; height:34px; display:block; overflow:visible; }
  .std-flow-svg path { fill:none; stroke:var(--light); stroke-width:2; }
  .std-flow-dot { fill:var(--black); }

  /* ---- Widget card 03 · Performance Ultra: barra comparativa de carregamento ---- */
  .std-perf { margin-top:18px; }
  .std-perf-label { display:flex; justify-content:space-between; font-size:11.5px; color:var(--mid); margin-bottom:9px; }
  .std-perf-track { position:relative; height:8px; border-radius:4px; background:var(--light); overflow:hidden; }
  .std-perf-fill { position:absolute; inset:0; width:0; border-radius:4px; background:var(--black); transition:width 1.1s var(--ease) .25s; }
  .std-trio-card.std-in .std-perf-fill { width:16%; }
  .std-perf-marker { position:absolute; top:-5px; bottom:-5px; width:1px; background:var(--mid); left:58%; opacity:.6; }

  /* ---- Widget card 05 · Segurança Empresarial: pulso de anéis concêntricos ---- */
  .std-shield { margin-top:18px; }
  .std-shield-label { display:flex; justify-content:space-between; font-size:11.5px; color:var(--mid); margin-bottom:10px; }
  .std-shield-rings { position:relative; height:34px; display:flex; align-items:center; justify-content:center; }
  .std-shield-core { width:8px; height:8px; border-radius:50%; background:var(--black); position:relative; z-index:1; }
  .std-shield-ring { position:absolute; width:8px; height:8px; border-radius:50%; border:1px solid var(--mid); opacity:0; animation:std-ping 2.8s ease-out infinite; }
  .std-shield-ring:nth-child(2){ animation-delay:.9s; } .std-shield-ring:nth-child(3){ animation-delay:1.8s; }
  @keyframes std-ping { 0%{ width:8px; height:8px; opacity:.55; } 100%{ width:56px; height:56px; opacity:0; } }

  /* ---- Widget card 06 · Copywriting Poderoso: linhas de texto se formando + cursor ---- */
  .std-copy { margin-top:18px; }
  .std-copy-label { display:flex; justify-content:space-between; font-size:11.5px; color:var(--mid); margin-bottom:10px; }
  .std-copy-lines { display:flex; flex-direction:column; gap:7px; }
  .std-copy-line { position:relative; height:7px; border-radius:3px; background:var(--light); overflow:hidden; }
  .std-copy-line::after { content:''; position:absolute; inset:0; width:0; border-radius:3px; background:var(--mid); transition:width 1s var(--ease); }
  .std-trio-card.std-in .std-copy-line::after { width:var(--w); }
  .std-copy-line:nth-child(1)::after{ transition-delay:.12s; } .std-copy-line:nth-child(2)::after{ transition-delay:.32s; } .std-copy-line:nth-child(3)::after{ transition-delay:.52s; }
  .std-copy-line-cursor::after { background:var(--black); }
  .std-copy-line-cursor::before { content:''; position:absolute; top:50%; left:var(--w); transform:translate(2px,-50%); width:1.5px; height:9px; background:var(--black); opacity:0; }
  .std-trio-card.std-in .std-copy-line-cursor::before { opacity:1; animation:std-blink 1s step-end infinite .52s; }
  @keyframes std-blink { 50%{ opacity:0; } }

  /* ---------- EXCLUSIVIDADE (bloco preto) ---------- */
  .std-exclusive { background:var(--black); color:var(--light); border-top:1px solid var(--panel); }
  .std-exclusive .std-eyebrow { color:var(--mid); }
  .std-exclusive h2 { color:var(--white); }
  .std-exclusive-grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:56px; align-items:center; }
  @media (max-width:860px){ .std-exclusive-grid{ grid-template-columns:1fr; } }
  .std-exclusive p.desc { color:var(--mid); font-size:15px; margin-top:16px; max-width:460px; }
  .std-exclusive-stats { display:flex; gap:44px; margin-top:36px; flex-wrap:wrap; }
  .std-exclusive-stat {
    position:relative; overflow:hidden; border-radius:var(--radius); padding:6px 10px; margin:-6px -10px;
    opacity:0; transform:translateY(18px); transition:opacity .7s var(--ease), transform .7s var(--ease);
  }
  .std-exclusive-stat::before { content:''; position:absolute; inset:0; z-index:0; opacity:0; pointer-events:none;
    background:radial-gradient(115px circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.24), transparent 70%); transition:opacity .35s ease; }
  .std-exclusive-stat:hover::before { opacity:1; }
  .std-exclusive-stat>* { position:relative; z-index:1; }
  .std-exclusive-stat.std-in { opacity:1; transform:translateY(0); }
  .std-exclusive-stat:nth-child(1){transition-delay:0s} .std-exclusive-stat:nth-child(2){transition-delay:.1s} .std-exclusive-stat:nth-child(3){transition-delay:.2s}
  .std-exclusive-stat b { display:block; font-size:21px; color:var(--white); font-weight:700; font-variant-numeric:tabular-nums; }
  .std-exclusive-stat > span { font-size:12px; color:var(--mid); }

  /* slider comparativo */
  .std-compare {
    position:relative; aspect-ratio:4/3; border-radius:var(--radius); overflow:hidden; border:1px solid var(--panel); cursor:ew-resize; user-select:none;
    background:linear-gradient(135deg,#0f0f0f 0%,#202020 100%); box-shadow:0 30px 80px -42px rgba(0,0,0,.45);
  }
  .std-compare-layer { position:absolute; inset:0; display:flex; flex-direction:column; }
  .std-compare-after { background:linear-gradient(145deg,#060606 0%,#151515 55%,#090909 100%); color:#f5f5f5; }
  .std-compare-before { background:linear-gradient(145deg,#f7f8fa 0%,#e1e4ea 100%); color:#121212; clip-path:inset(0 45% 0 0); }
  .std-cmp-shell { position:absolute; inset:0; padding:18px; display:flex; flex-direction:column; gap:14px; }
  .std-cmp-nav { display:flex; align-items:center; justify-content:space-between; padding-bottom:8px; }
  .std-cmp-generic .std-cmp-nav { border-bottom:1px solid rgba(17,17,17,.12); }
  .std-cmp-lavytier .std-cmp-nav { border-bottom:1px solid rgba(255,255,255,.14); }
  .std-cmp-brand { font-size:11px; letter-spacing:.26em; text-transform:uppercase; font-weight:700; }
  .std-cmp-generic .std-cmp-brand { color:#161616; }
  .std-cmp-lavytier .std-cmp-brand { color:#ffffff; }
  .std-cmp-dots { display:flex; gap:6px; }
  .std-cmp-dots span { width:7px; height:7px; border-radius:50%; }
  .std-cmp-generic .std-cmp-dots span { background:#141414; opacity:.28; }
  .std-cmp-lavytier .std-cmp-dots span { background:#ffffff; opacity:.35; }
  .std-cmp-hero { display:grid; grid-template-columns:1.05fr .95fr; gap:12px; align-items:center; }
  .std-cmp-hero-copy h4 { font-size:17px; line-height:1.16; margin:0 0 8px; font-weight:700; }
  .std-cmp-hero-copy p { font-size:11.2px; line-height:1.45; margin:0; }
  .std-cmp-generic .std-cmp-hero-copy h4 { color:#151515; }
  .std-cmp-generic .std-cmp-hero-copy p { color:#525252; }
  .std-cmp-lavytier .std-cmp-hero-copy h4 { color:#ffffff; }
  .std-cmp-lavytier .std-cmp-hero-copy p { color:rgba(255,255,255,.78); }
  .std-cmp-pill {
    display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius: var(--r-pill); font-size:10px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; margin-bottom:8px;
  }
  .std-cmp-generic .std-cmp-pill { background:rgba(17,17,17,.08); color:#262626; }
  .std-cmp-lavytier .std-cmp-pill { background:rgba(255,255,255,.12); color:#ffffff; }
  .std-cmp-hero-card {
    border-radius: var(--r-2); padding:12px; min-height:92px; display:flex; flex-direction:column; justify-content:center; gap:8px;
  }
  .std-cmp-generic .std-cmp-hero-card {
    background:linear-gradient(135deg,#ececec 0%,#d2d2d2 100%); border:1px solid rgba(17,17,17,.1);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  }
  .std-cmp-lavytier .std-cmp-hero-card {
    background:linear-gradient(135deg,#1c1c1c 0%,#0e0e0e 100%); border:1px solid rgba(255,255,255,.12);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  }
  .std-cmp-card-line { height:8px; border-radius: var(--r-pill); }
  .std-cmp-generic .std-cmp-card-line { background:#6b6b6b; opacity:.64; }
  .std-cmp-lavytier .std-cmp-card-line { background:#f4f4f4; opacity:.82; }
  .std-cmp-card-line.wide { width:82%; }
  .std-cmp-card-line.mid { width:64%; }
  .std-cmp-card-line.short { width:46%; }
  .std-cmp-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:auto; }
  .std-cmp-card { border-radius: var(--r-2); padding:12px; display:flex; flex-direction:column; gap:8px; min-height:88px; }
  .std-cmp-generic .std-cmp-card {
    background:rgba(255,255,255,.78); border:1px solid rgba(17,17,17,.08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
  }
  .std-cmp-lavytier .std-cmp-card { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); }
  .std-cmp-card b { font-size:11px; font-weight:700; }
  .std-cmp-card span { font-size:9.5px; line-height:1.4; }
  .std-cmp-generic .std-cmp-card b { color:#171717; }
  .std-cmp-generic .std-cmp-card span { color:#5c5c5c; }
  .std-cmp-lavytier .std-cmp-card b { color:#ffffff; }
  .std-cmp-lavytier .std-cmp-card span { color:rgba(255,255,255,.78); }
  .std-cmp-card .std-cmp-chip { height:8px; width:52px; border-radius: var(--r-pill); }
  .std-cmp-card .std-cmp-bar { height:6px; border-radius: var(--r-pill); }
  .std-cmp-generic .std-cmp-chip, .std-cmp-generic .std-cmp-bar, .std-cmp-generic .std-cmp-bar.short {
    background:#6a6a6a; opacity:.72;
  }
  .std-cmp-lavytier .std-cmp-chip, .std-cmp-lavytier .std-cmp-bar, .std-cmp-lavytier .std-cmp-bar.short {
    background:#ffffff; opacity:.34;
  }
  .std-cmp-card .std-cmp-bar.short { width:58%; }
  .std-cmp-generic .std-cmp-hero { grid-template-columns:1fr; }
  .std-cmp-generic .std-cmp-grid { grid-template-columns:1fr; }
  .std-cmp-generic .std-cmp-hero-card { min-height:108px; }
  .std-compare-handle { position:absolute; top:0; bottom:0; left:55%; width:2px; background:var(--white); transform:translateX(-50%); pointer-events:none; box-shadow:0 0 0 1px rgba(0,0,0,.12); }
  .std-compare-handle::after { content:'⇔'; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:38px; height:38px;
    background:var(--white); color:var(--black); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:15px; box-shadow:0 10px 24px -14px rgba(0,0,0,.34); }
  .std-compare-tag { position:absolute; top:14px; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--light); padding:5px 11px; border:1px solid var(--panel); background:rgba(0,0,0,.55); border-radius:var(--radius); z-index:2; }
  .std-compare-tag.tag-before { left:14px; } .std-compare-tag.tag-after { right:14px; }
  @media (max-width:520px){ .std-cmp-hero { grid-template-columns:1fr; } .std-cmp-grid { grid-template-columns:1fr; } }

  /* ---------- CTA "LEGADO DIGITAL" ---------- */
  .std-midcta { background:var(--white); border-top:1px solid var(--light); text-align:center; }
  .std-midcta h2 { font-size:clamp(22px,3vw,36px); max-width:720px; margin:0 auto; line-height:1.3; }
  .std-midcta p { margin:20px auto 0; max-width:600px; }
  .std-midcta .std-cta-row { justify-content:center; margin-top:38px; }

  /* ---------- PROCESSO — carrossel horizontal nativo ---------- */
  .std-process { background:var(--white); border-top:1px solid var(--light); }
  .std-carousel { overflow-x:auto; overflow-y:hidden; overscroll-behavior-y:auto; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:6px 24px 20px; cursor:grab; }
  .std-carousel.std-dragging { cursor:grabbing; scroll-snap-type:none; user-select:none; }
  .std-carousel::-webkit-scrollbar { display:none; }
  .std-carousel-track { display:flex; gap:16px; max-width:1120px; margin:0 auto; }
  .std-carousel-card { scroll-snap-align:start; flex:0 0 min(500px,84vw); border:1px solid var(--light); border-radius:var(--radius); padding:24px; background:#fff; display:flex; flex-direction:column; position:relative; overflow:hidden;
    opacity:0; transform:translateY(26px); transition:opacity .8s var(--ease), transform .8s var(--ease); }
  .std-carousel-card::before { content:''; position:absolute; inset:0; z-index:0; opacity:0; pointer-events:none;
    background:radial-gradient(160px circle at var(--mx,50%) var(--my,50%), rgba(0,0,0,.15), transparent 70%); transition:opacity .35s ease; }
  .std-carousel-card:hover::before { opacity:1; }
  .std-carousel-card>* { position:relative; z-index:1; }
  .std-carousel-card.std-in { opacity:1; transform:translateY(0); }
  .std-carousel-card:nth-child(1){transition-delay:0s} .std-carousel-card:nth-child(2){transition-delay:.08s}
  .std-carousel-card:nth-child(3){transition-delay:.16s} .std-carousel-card:nth-child(4){transition-delay:.24s}
  .std-carousel-num { font-size:12px; color:var(--mid); font-weight:600; letter-spacing:.08em; margin-bottom:12px; }
  .std-carousel-card h3 { font-size:17px; margin-bottom:8px; line-height:1.24; }
  .std-carousel-card p { font-size:13.5px; }
  .std-carousel-scrollbar { max-width:220px; margin:26px auto 0; height:3px; border-radius:var(--radius); background:var(--light); overflow:hidden; }
  .std-carousel-scrollbar-fill { height:100%; width:25%; background:var(--black); border-radius:var(--radius); transition:width .2s linear; }

  .std-mini-editor { border-radius: var(--r-2); overflow:hidden; border:1px solid #2a2a2a; margin-top:12px; background:#0d0d0d; flex:1; display:flex; flex-direction:column; }
  .std-mini-bar { display:flex; gap:6px; padding:8px 10px; background:#161616; position:relative; overflow:hidden; flex:none; }
  .std-mini-bar::after { content:''; position:absolute; top:0; bottom:0; width:40%; left:-40%;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent);
    animation:std-bar-shimmer 3.2s ease-in-out infinite; }
  @keyframes std-bar-shimmer { to { left:140%; } }
  .std-mini-dot { width:7px; height:7px; border-radius:50%; background:#3a3a3a; }
  .std-mini-body { padding:14px; font-family:'JetBrains Mono',monospace; font-size:11px; line-height:1.7; color:#9a9a9a; flex:1; display:flex; flex-direction:column; justify-content:center; gap:2px; }
  .std-mini-body .std-tag { color:#e0e0e0; } .std-mini-body .std-str { color:#c9c9c9; }
  .std-mini-blink { display:inline-block; width:5px; height:12px; background:#e0e0e0; vertical-align:middle; animation:std-blink 1s step-end infinite; }
  @keyframes std-blink { 50%{opacity:0;} }

  /* ---- Preenchimento animado dos cards 01/02/03 do carrossel (equilibra a altura com o card 04) ---- */
  .std-mini-team { flex:none; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; border-top:1px solid #1f1f1f; background:#111; }
  .std-mini-avatars { display:flex; }
  .std-mini-avatar { width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:700; color:#0d0d0d; background:#e0e0e0; border:2px solid #111; margin-left:-8px; opacity:0; transform:translateY(6px) scale(.7); transition:opacity .45s var(--ease), transform .45s var(--ease); transition-delay:calc(var(--i) * .12s); }
  .std-mini-avatar:first-child { margin-left:0; }
  .std-carousel-card.std-in .std-mini-avatar { opacity:1; transform:translateY(0) scale(1); }
  .std-mini-online { display:flex; align-items:center; gap:6px; font-size:10.5px; color:#9a9a9a; white-space:nowrap; }
  .std-mini-online-dot { width:6px; height:6px; border-radius:50%; background:#5ce07a; box-shadow:0 0 0 0 rgba(92,224,122,.6); animation:std-pulse-dot 2s ease-in-out infinite; flex:none; }
  @keyframes std-pulse-dot { 0%{ box-shadow:0 0 0 0 rgba(92,224,122,.55); } 70%{ box-shadow:0 0 0 6px rgba(92,224,122,0); } 100%{ box-shadow:0 0 0 0 rgba(92,224,122,0); } }

  .std-mini-preview { flex:none; padding:14px; border-top:1px solid #1f1f1f; background:#fff; display:flex; flex-direction:column; gap:7px; }
  .std-mini-preview-chrome { display:flex; gap:4px; margin-bottom:2px; }
  .std-mini-preview-chrome span { width:6px; height:6px; border-radius:50%; background:#e2e2e2; }
  .std-mini-preview-h1 { font-size:13px; font-weight:700; color:#111; opacity:0; transform:translateY(6px); transition:opacity .4s var(--ease), transform .4s var(--ease); min-height:16px; }
  .std-mini-preview-p { font-size:11px; color:#787878; opacity:0; transform:translateY(6px); transition:opacity .4s var(--ease), transform .4s var(--ease); min-height:14px; }
  .std-mini-preview-btn { align-self:flex-start; font-size:10.5px; font-weight:600; padding:6px 14px; border-radius: var(--r-pill); background:#111; color:#fff; border:none; opacity:0; transform:translateY(6px) scale(.92); transition:opacity .4s var(--ease), transform .4s var(--ease); cursor:default; min-height:26px; }
  .std-mini-preview-h1.std-show, .std-mini-preview-p.std-show { opacity:1; transform:translateY(0); }
  .std-mini-preview-btn.std-show { opacity:1; transform:translateY(0) scale(1); }

  .std-vanguard-note {
    border:1px solid var(--light); border-radius:var(--radius); padding:16px; margin-top:12px;
    background:linear-gradient(135deg, rgba(0,0,0,.02), rgba(0,0,0,.005));
    display:flex; flex-direction:column; gap:10px; flex:1;
  }
  .std-vanguard-note-grid { flex:1; align-content:center; }
  .std-vanguard-point { opacity:0; transform:translateY(10px); transition:opacity .5s var(--ease), transform .5s var(--ease); }
  .std-vanguard-point:nth-child(1){ transition-delay:.05s; } .std-vanguard-point:nth-child(2){ transition-delay:.16s; } .std-vanguard-point:nth-child(3){ transition-delay:.27s; }
  .std-carousel-card.std-in .std-vanguard-point { opacity:1; transform:translateY(0); }
  .std-vanguard-note-head { display:flex; flex-direction:column; gap:5px; }
  .std-vanguard-kicker {
    display:inline-flex; align-self:flex-start; font-size:10px; letter-spacing:.16em; text-transform:uppercase;
    font-weight:700; color:var(--mid); padding:4px 8px; border-radius:var(--radius); background:rgba(0,0,0,.04);
  }
  .std-vanguard-note h4 { font-size:13.5px; font-weight:600; color:var(--black); margin:0; line-height:1.25; }
  .std-vanguard-note-grid { display:grid; gap:8px; }
  .std-vanguard-point {
    border:1px solid rgba(0,0,0,.06); border-radius:var(--radius); padding:9px 10px; background:rgba(255,255,255,.72);
  }
  .std-vanguard-point b { display:block; font-size:11.5px; font-weight:600; color:var(--black); margin-bottom:3px; }
  .std-vanguard-point p { font-size:12px; line-height:1.4; color:var(--mid); margin:0; }
  .std-vanguard-note-foot {
    padding-top:1px; font-size:12px; color:var(--mid); line-height:1.4;
  }
  .std-vanguard-note-foot .std-own { color:var(--black); font-weight:600; }

  /* ---------- POSICIONAMENTO ---------- */
  .std-stance { background:var(--white); border-top:1px solid var(--light); }
  .std-stance-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--light); border:1px solid var(--light); border-radius:var(--radius); overflow:hidden; }
  @media (max-width:800px){ .std-stance-grid{ grid-template-columns:1fr; } }
  .std-stance-card { background:var(--white); padding:48px 40px; position:relative; overflow:hidden;
    opacity:0; transform:translateY(24px); transition:opacity .8s var(--ease), transform .8s var(--ease); }
  .std-stance-card::before { content:''; position:absolute; inset:0; z-index:0; opacity:0; pointer-events:none;
    background:radial-gradient(160px circle at var(--mx,50%) var(--my,50%), rgba(0,0,0,.15), transparent 70%); transition:opacity .35s ease; }
  .std-stance-card:hover::before { opacity:1; }
  .std-stance-card>* { position:relative; z-index:1; }
  .std-stance-card.std-in { opacity:1; transform:translateY(0); }
  .std-stance-card:nth-child(2){ transition-delay:.12s; }
  .std-stance-card h3 { font-size:19px; line-height:1.38; margin-bottom:12px; }
  .std-stance-card p { font-size:14.5px; }

  /* ---------- CONFIDENCIALIDADE (bloco preto) ---------- */
  .std-confidential { background:var(--black); color:var(--light); border-top:1px solid var(--panel); }
  .std-confidential .std-eyebrow { color:var(--mid); }
  .std-conf-grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:56px; }
  @media (max-width:860px){ .std-conf-grid{ grid-template-columns:1fr; } }
  .std-confidential h2 { color:var(--white); font-size:clamp(21px,2.6vw,30px); line-height:1.32; }
  .std-conf-grid>div>p.desc { color:var(--mid); margin-top:16px; font-size:14.5px; max-width:480px; }
  .std-conf-list { list-style:none; margin:0; padding:0; display:grid; gap:16px; }
  .std-conf-list li {
    display:flex; gap:14px; align-items:flex-start; border:1px solid var(--panel); border-radius:var(--radius); padding:20px 22px; position:relative; overflow:hidden;
    opacity:0; transform:translateY(18px); transition:opacity .7s var(--ease), transform .7s var(--ease);
  }
  .std-conf-list li::before { content:''; position:absolute; inset:0; z-index:0; opacity:0; pointer-events:none;
    background:radial-gradient(160px circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.24), transparent 70%); transition:opacity .35s ease; }
  .std-conf-list li:hover::before { opacity:1; }
  .std-conf-list li>* { position:relative; z-index:1; }
  .std-conf-list li.std-in { opacity:1; transform:translateY(0); }
  .std-conf-list li:nth-child(1){transition-delay:0s} .std-conf-list li:nth-child(2){transition-delay:.1s} .std-conf-list li:nth-child(3){transition-delay:.2s}
  .std-conf-list b { color:var(--white); font-size:14.5px; display:block; margin-bottom:4px; }
  .std-conf-list span.desc { color:var(--mid); font-size:13.5px; }
  .std-conf-check { width:20px; height:20px; border-radius:50%; border:1px solid var(--mid); flex:none; margin-top:2px; position:relative; }
  .std-conf-check::after { content:''; position:absolute; left:6px; top:3px; width:5px; height:9px; border-right:1.6px solid var(--white); border-bottom:1.6px solid var(--white); transform:rotate(40deg); }
  .std-conf-cta { text-align:center; margin-top:48px; }

  /* Suporte unico para todo icone da pagina: quadrado arredondado no raio
     da marca, fundo branco com fio fino. O disco cinza pesava e brigava
     com a familia de forma do resto do site. */
  .std-vgd-icon, .std-vgd-ico {
    width:42px; height:42px; flex:none;
    display:flex; align-items:center; justify-content:center;
    border:1px solid var(--light); border-radius:var(--r-1);
    background:var(--white); color:var(--black);
    transition:border-color .35s var(--ease), background .35s var(--ease);
  }
  .std-vgd-icon svg, .std-vgd-ico svg { width:20px; height:20px; display:block; }
  .std-eco-card:hover .std-vgd-icon,
  .std-vgd-list li:hover .std-vgd-ico { border-color:var(--mid); }

  .std-vgd-stat { display:flex; align-items:center; gap:22px; justify-content:center; flex-wrap:wrap; text-align:left;
    max-width:560px; margin:40px auto 0; padding:26px 34px; border:1px solid var(--light); border-radius:var(--radius); background:rgba(0,0,0,.015); }
  .std-vgd-stat-num { font-size:clamp(30px,4vw,38px); font-weight:800; color:var(--black); letter-spacing:-.02em; line-height:1; white-space:nowrap; }
  .std-vgd-stat-divider { width:1px; align-self:stretch; background:var(--light); flex:none; }
  .std-vgd-stat-label { font-size:13px; color:var(--mid); max-width:300px; }


  /* ---------- FECHAMENTO ---------- */
  .std-close { background:var(--white); text-align:center; padding:110px 24px 120px; border-top:1px solid var(--light); }
  .std-close h2 { font-size:clamp(22px,2.9vw,36px); max-width:700px; margin:0 auto; line-height:1.28; }
  .std-close .std-cta-row { justify-content:center; margin-top:40px; }

  /* ---------- FOOTER ---------- */
  .std-footer { background:var(--black); color:var(--mid); border-top:1px solid var(--panel); padding:80px 24px 0; }
  @media (max-width:700px){ .std-footer{ padding:56px 18px 0; } }
  .std-footer-top { display:grid; grid-template-columns:1.2fr .8fr .8fr .8fr; gap:40px; padding-bottom:56px; }
  @media (max-width:860px){ .std-footer-top{ grid-template-columns:1fr 1fr; row-gap:40px; } }
  @media (max-width:480px){ .std-footer-top{ grid-template-columns:1fr; } }
  .std-footer-brand .std-footer-logo { font-size:19px; font-weight:700; letter-spacing:-.01em; color:var(--white); }
  .std-footer-brand .std-footer-logo span { color:var(--mid); }
  .std-footer-brand p { margin-top:14px; font-size:13.5px; max-width:280px; color:var(--mid); }
  .std-footer-social { display:flex; gap:10px; margin-top:22px; }
  .std-footer-social a {
    width:38px; height:38px; border-radius:50%; border:1px solid var(--panel); display:flex; align-items:center; justify-content:center;
    color:var(--light); position:relative; overflow:hidden; isolation:isolate;
    transition:border-color .3s var(--ease), background .3s var(--ease), transform .3s var(--ease);
  }
  .std-footer-social a::before { content:''; position:absolute; inset:0; z-index:-1; opacity:0; pointer-events:none; border-radius:inherit;
    background:radial-gradient(70px circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.24), transparent 70%); transition:opacity .35s ease; }
  .std-footer-social a:hover::before { opacity:1; }
  .std-footer-social a:hover { border-color:var(--mid); background:rgba(255,255,255,.05); transform:translateY(-2px); }
  .std-footer-social svg { width:16px; height:16px; }
  .std-footer-col h4 { font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--white); font-weight:600; margin-bottom:20px; }
  .std-footer-col ul { list-style:none; margin:0; padding:0; display:grid; gap:13px; }
  .std-footer-col a { font-size:13.5px; color:var(--mid); transition:color .25s var(--ease), padding-left .25s var(--ease); position:relative; }
  .std-footer-col a:hover { color:var(--white); padding-left:4px; }
  .std-footer-bottom {
    border-top:1px solid var(--panel); padding:26px 0 32px; display:flex; align-items:center; justify-content:space-between;
    gap:16px; flex-wrap:wrap; font-size:12px; color:var(--mid);
  }
  .std-footer-bottom-legal { display:flex; gap:22px; flex-wrap:wrap; }
  .std-footer-bottom-legal a { color:var(--mid); transition:color .25s var(--ease); }
  .std-footer-bottom-legal a:hover { color:var(--white); }
  @media (max-width:600px){ .std-footer-bottom{ justify-content:flex-start; } }

  @media (prefers-reduced-motion:reduce) {
    .std-root * { animation:none!important; transition:none!important; }
    [data-std-reveal],.std-trio-card,.std-stance-card,.std-carousel-card,.std-exclusive-stat,.std-conf-list li,.std-eco-card,.std-vgd-list li,
    .std-hero .std-eyebrow,.std-hero h1,.std-hero p.lead,.std-hero .std-cta-row,.std-hero .std-microcopy,.std-blueprint-wrap {
      opacity:1!important; transform:none!important; }
    .std-flow-dot { opacity:0!important; }
  }

  /* ---------- INTEGRAÇÃO NATIVA ---------- */
  .std-native { background:var(--white); border-top:1px solid var(--light); }
  .std-native-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:stretch; gap:0; }
  @media (max-width:880px){
    .std-native-flow { grid-template-columns:1fr; gap:14px; }
    .std-native-link { display:none; }
  }
  .std-native-step {
    border:1px solid var(--light); border-radius:var(--radius); padding:28px 24px;
    position:relative; overflow:hidden; background:var(--white);
    transition:border-color .4s var(--ease), box-shadow .4s var(--ease);
  }
  .std-native-step::before { content:''; position:absolute; inset:0; z-index:0; opacity:0; pointer-events:none;
    background:radial-gradient(160px circle at var(--mx,50%) var(--my,50%), rgba(0,0,0,.13), transparent 70%); transition:opacity .35s ease; }
  .std-native-step:hover::before { opacity:1; }
  .std-native-step:hover { border-color:var(--mid); box-shadow:0 24px 50px -34px rgba(0,0,0,.2); }
  .std-native-step > * { position:relative; z-index:1; }
  .std-native-num { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--mid); letter-spacing:.08em; display:block; margin-bottom:14px; }
  .std-native-step b { display:block; font-size:16px; font-weight:700; color:var(--black); margin-bottom:8px; letter-spacing:-.01em; }
  .std-native-step p { font-size:13.5px; line-height:1.55; }
  .std-native-step-end { border-color:var(--mid); }

  /* Fio ligando as etapas — a passagem do lead, não um enfeite. */
  .std-native-link { align-self:center; width:34px; height:1px; background:var(--light); position:relative; }
  .std-native-link::after {
    content:''; position:absolute; top:50%; right:-1px; width:5px; height:5px; margin-top:-2.5px;
    border-radius:50%; background:var(--mid);
  }

  .std-native-note {
    margin-top:26px; padding:20px 22px;
    border:1px solid var(--light); border-left:2px solid var(--black); border-radius:var(--radius);
    background:rgba(0,0,0,.015);
  }
  .std-native-note p { font-size:13.5px; line-height:1.6; }
  .std-native-note b { color:var(--black); font-weight:600; }

  /* ---------- ECOSSISTEMA ---------- */
  .std-eco { background:var(--white); border-top:1px solid var(--light); }
  .std-eco-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
  @media (max-width:900px){ .std-eco-grid { grid-template-columns:1fr 1fr; } }
  @media (max-width:520px){ .std-eco-grid { grid-template-columns:1fr; } }

  .std-eco-card {
    display:flex; flex-direction:column; border:1px solid var(--light); border-radius:var(--radius); padding:26px 24px;
    position:relative; overflow:hidden; background:var(--white); text-decoration:none;
    opacity:0; transform:translateY(20px);
    transition:opacity .7s var(--ease), transform .7s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease);
  }
  .std-eco-card.std-in { opacity:1; transform:translateY(0); }
  .std-eco-card:nth-child(1){transition-delay:0s} .std-eco-card:nth-child(2){transition-delay:.08s}
  .std-eco-card:nth-child(3){transition-delay:.16s} .std-eco-card:nth-child(4){transition-delay:.24s}
  .std-eco-card::before { content:''; position:absolute; inset:0; z-index:0; opacity:0; pointer-events:none;
    background:radial-gradient(170px circle at var(--mx,50%) var(--my,50%), rgba(0,0,0,.12), transparent 70%); transition:opacity .35s ease; }
  .std-eco-card:hover::before { opacity:1; }
  .std-eco-card:hover { border-color:var(--mid); box-shadow:0 26px 54px -34px rgba(0,0,0,.22); }
  .std-eco-card > * { position:relative; z-index:1; }
  /* Linha do topo com altura fixa: o selo do card atual deixa de empurrar o
     conteudo para baixo, e os quatro titulos passam a nascer na mesma altura. */
  .std-eco-top { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:42px; margin-bottom:20px; }
  .std-eco-card b { display:block; font-size:17px; font-weight:700; color:var(--black); margin-bottom:9px; letter-spacing:-.01em; }
  /* O paragrafo absorve a sobra vertical — os links do rodape se alinham. */
  .std-eco-card p { font-size:13px; line-height:1.55; flex:1; }

  .std-eco-tag {
    display:inline-block; flex:none; padding:4px 9px; border-radius:var(--radius);
    background:var(--black); color:var(--white);
    font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  }
  .std-eco-card-here { border-color:var(--black); }
  .std-eco-card-here .std-vgd-icon { background:var(--black); border-color:var(--black); color:var(--white); }

  .std-eco-go {
    display:inline-flex; align-items:center; gap:6px; margin-top:16px;
    font-size:12.5px; font-weight:600; color:var(--black);
  }
  .std-eco-go svg { width:10px; height:10px; transition:transform .3s var(--ease); }
  .std-eco-card:hover .std-eco-go svg { transform:translateX(4px); }

  .std-eco-note {
    margin-top:28px; padding:20px 22px;
    border:1px solid var(--light); border-left:2px solid var(--black); border-radius:var(--radius);
    background:rgba(0,0,0,.015);
  }
  .std-eco-note p { font-size:13.5px; line-height:1.6; }
  .std-eco-note b { color:var(--black); font-weight:600; }

  /* ---------- MANIFESTO ---------- */
  .std-manifesto { background:var(--white); border-top:1px solid var(--light); padding-top:88px; padding-bottom:88px; }
  .std-manifesto blockquote { margin:0; text-align:center; }
  /* Terceto em anafora: cada verso na propria linha, com o peso caindo a
     cada passo. E um endereco a quem le, nao uma antitese — por isso nao
     compete com a frase de fechamento da pagina. */
  .std-manifesto p {
    font-size:clamp(19px,2.3vw,28px); font-weight:300; line-height:1.45; color:var(--black);
    letter-spacing:-.01em; max-width:620px; margin:0 auto;
  }
  .std-manifesto p + p { margin-top:10px; }
  .std-manifesto p:nth-child(2) { color:var(--panel); }
  .std-manifesto p:nth-child(3) { color:var(--mid); }

  /* ---------- VANGUARD — duas colunas, sem o painel emoldurado ----------
     A moldura isolava a seção do resto da página. Agora ela respira como as
     demais: cabeçalho à esquerda no mesmo eixo, pontos à direita. */
  .std-vanguard-teaser { background:var(--white); border-top:1px solid var(--light); }
  .std-vgd-grid2 { display:grid; grid-template-columns:.95fr 1.05fr; gap:56px; align-items:start; }
  @media (max-width:900px){ .std-vgd-grid2 { grid-template-columns:1fr; gap:36px; } }

  .std-vgd-side h2 { font-size:clamp(23px,2.7vw,34px); line-height:1.24; }
  .std-vgd-side > p { margin-top:14px; font-size:15px; max-width:440px; }
  .std-vgd-side .std-vgd-stat { margin:30px 0 0; max-width:none; }
  .std-vgd-side .std-cta-row { margin-top:26px; }

  .std-vgd-list { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
  .std-vgd-list li {
    display:flex; gap:16px; align-items:flex-start;
    border:1px solid var(--light); border-radius:var(--radius); padding:20px 22px;
    position:relative; overflow:hidden; background:var(--white);
    opacity:0; transform:translateY(16px);
    transition:opacity .7s var(--ease), transform .7s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease);
  }
  .std-vgd-list li.std-in { opacity:1; transform:translateY(0); }
  .std-vgd-list li:nth-child(1){transition-delay:0s} .std-vgd-list li:nth-child(2){transition-delay:.08s}
  .std-vgd-list li:nth-child(3){transition-delay:.16s} .std-vgd-list li:nth-child(4){transition-delay:.24s}
  .std-vgd-list li::before { content:''; position:absolute; inset:0; z-index:0; opacity:0; pointer-events:none;
    background:radial-gradient(170px circle at var(--mx,50%) var(--my,50%), rgba(0,0,0,.12), transparent 70%); transition:opacity .35s ease; }
  .std-vgd-list li:hover::before { opacity:1; }
  .std-vgd-list li:hover { border-color:var(--mid); box-shadow:0 22px 46px -32px rgba(0,0,0,.2); }
  .std-vgd-list li > * { position:relative; z-index:1; }

  .std-vgd-list b { display:block; font-size:14.5px; font-weight:600; color:var(--black); margin-bottom:5px; }
  /* Escopado ao <div> do texto: o suporte do icone tambem e um <span> dentro
     do <li>, e um seletor solto de elemento pintava o icone de cinza e
     quebrava a centralizacao dele. */
  .std-vgd-list li > div > span { display:block; font-size:13px; line-height:1.5; color:var(--mid); }

/* ==========================================================================
   DISPOSITIVOS
   Os mínimos moram aqui, e não no core.css, porque este arquivo carrega
   depois dele — no core a regra perderia a cascata todas as vezes.
   ========================================================================== */
@media (max-width: 640px) {
  /* Conteúdo de leitura, não decoração de mockup: a tabela comparativa
     descia a 9,5px, ilegível na mão de alguém no sol. */
  .std-cmp-card span,
  .std-cmp-pill,
  .std-compare-tag,
  .std-vanguard-kicker,
  .std-eco-tag { font-size: 11px; }

  .std-cmp-card span { line-height: 1.5; }
}

@media (hover: none) and (pointer: coarse) {
  .std-mini-preview-btn { padding: 11px 16px; }
}