:root{
    --paper:#eef2f8; --card:#ffffff; --ink:#041142; --muted:#64748b;
    --line:#d8dce3; --line-soft:#e8eef6; --accent:#001358; --marine:#2f6fdb;
    --green:#15803d; --green-soft:#e6f1e8; --navy:#001358;--cyan:#6EDDFA;
    --serif:"Oswald","Arial Narrow",sans-serif; --sans:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
  }
  *{box-sizing:border-box;}
  body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;
    background-image:radial-gradient(circle at 10% 0%,rgba(15,39,71,.06),transparent 40%),radial-gradient(circle at 95% 100%,rgba(110,221,250,.06),transparent 45%);background-attachment:fixed;}
  .shell{max-width:1000px;margin:0 auto;padding:48px 22px 70px;}
  .hero-top{background:linear-gradient(135deg,#001358,#041142);color:#fff;border-radius:18px;padding:40px 40px 36px;position:relative;overflow:hidden;margin-bottom:28px;animation:rise .5s ease both;}
  .hero-top::after{content:"";position:absolute;right:-50px;top:-50px;width:220px;height:220px;background:radial-gradient(circle,rgba(110,221,250,.5),transparent 70%);}
  .dg-lockup{display:flex;align-items:center;gap:11px;color:#fff;margin:0 0 22px;}
  .dg-lockup svg{width:34px;height:34px;display:block;}
  .dg-lockup .wm{font-size:21px;font-weight:300;letter-spacing:-.01em;}.dg-lockup .wm b{font-weight:700;}
  .hero-top .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#9fb2cc;margin:0;}
  .hero-top h1{font-family:var(--serif);font-size:38px;font-weight:600;letter-spacing:-.02em;margin:8px 0 10px;line-height:1.05;}
  .hero-top h1 .it{font-style:italic;color:#6EDDFA;}
  .hero-top p{font-size:15px;color:#b7c6dc;margin:0;max-width:560px;line-height:1.55;}
  .tools{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;}
  @media(max-width:780px){a.tool{max-width:none;}}
  a.tool{flex:1 1 280px;max-width:320px;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 1px 0 rgba(12,28,51,.02),0 14px 28px -24px rgba(12,28,51,.35);transition:transform .15s,box-shadow .2s;animation:rise .5s ease both;}
  a.tool:hover{transform:translateY(-3px);box-shadow:0 24px 50px -28px rgba(12,28,51,.5);}
  .tool .ic{width:44px;height:44px;border-radius:12px;background:#e4ecf7;color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;}
  .tool h2{font-family:var(--serif);font-size:21px;font-weight:600;margin:0 0 6px;letter-spacing:-.01em;}
  .tool p{font-size:13.5px;color:#475569;margin:0 0 18px;flex:1;line-height:1.5;}
  .tool .go{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--marine);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:6px;}
  .badge{display:inline-block;font-family:var(--mono);font-size:10.5px;color:#0f5c2e;background:var(--green-soft);border:1px solid #cfe3d4;padding:3px 8px;border-radius:99px;font-weight:500;margin-bottom:14px;}
  footer{text-align:center;color:#475569;font-size:11.5px;margin-top:34px;font-family:var(--serif);font-style:italic;}
  @keyframes rise{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
  a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--marine,#2f6fdb);outline-offset:2px;border-radius:6px;}

/* logos oficiais DG */
.dg-icon{width:38px;height:38px;display:block;}
.dg-logo{height:28px;width:auto;display:block;}
.hero-top .dg-logo{height:34px;}