/* ===================================================================
   ATOM DIGITAL — WEBFONTS
   Brand fonts pulled from the Figma + ads codebase:
   · Inter        → UI / product / LP body + display
   · Roboto       → Proposal display headings (Light) + body
   · IBM Plex Mono → Proposal eyebrows, section numbers, labels, code
   All three are the real brand fonts (no substitution). Served from
   Google Fonts; swap these @import lines for self-hosted @font-face
   if offline binaries are required.
   =================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

/* ===================================================================
   ATOM DIGITAL — COLOR TOKENS
   Source of truth: ads codebase styles.css + Figma proposal frames.
   Brand spine: roxo (purple) + verde-ácido (acid green), on deep black.
   :root = the dark "Atom premium" identity (default).
   .theme-light  = light A/B variant of the ads system.
   .theme-proposal = the white proposal-microsite surface.
   =================================================================== */

:root {
  /* ---- BASE PALETTE ---------------------------------------------- */
  /* Purple — the Atom spine */
  --atom-purple-50:  #F4EFFD;   /* tint wash (proposal panels) */
  --atom-purple-100: #E9DDFB;
  --atom-purple-200: #C4B5FD;   /* lilac text on dark */
  --atom-purple-400: #8B5CF6;   /* accent hover */
  --atom-purple-500: #7C3AED;   /* CTA accent (AA on dark) */
  --atom-purple-600: #5C2CDE;   /* roxo secundário vivo */
  --atom-purple-700: #604485;   /* roxo proposta (muted, headings) */
  --atom-purple-800: #4F177F;   /* ROXO OFICIAL Atom */
  --atom-purple-900: #2A0E45;   /* deep eggplant */
  --atom-purple-vivid: #7435E9; /* roxo vivo proposta */

  /* Green — tagline / success / metrics */
  --atom-green-300: #4ADE80;
  --atom-green-500: #22C55E;    /* verde Atom (tagline / SEO & AI SEARCH) */
  --atom-green-600: #16A34A;    /* AA-safe on white */
  --atom-green-700: #15803D;

  /* Neutrals — dark stack */
  --atom-black:    #0A0A0A;
  --atom-ink-900:  #0D0D0D;
  --atom-ink-800:  #141414;
  --atom-ink-700:  #1A1A1A;
  --atom-ink-600:  #262626;
  --atom-ink-500:  #333333;
  --atom-white:    #FFFFFF;
  --atom-gray-50:  #F8F9FA;
  --atom-gray-100: #F5F5F5;
  --atom-gray-200: #E5E7EB;
  --atom-gray-300: #D1D5DB;
  --atom-gray-400: #A3A3A3;
  --atom-gray-500: #737373;
  --atom-gray-600: #525252;
  --atom-slate-900: #1E2129;    /* proposal dark slab */

  /* Status (sparingly) */
  --atom-red-500:   #EF4444;    /* pain / negative */
  --atom-amber-400: #FBBF24;    /* warn / star rating */

  /* ---- SEMANTIC ALIASES (dark identity = default) ---------------- */
  --c-bg:            var(--atom-black);
  --c-bg-elev:       var(--atom-ink-800);
  --c-bg-card:       var(--atom-ink-700);
  --c-border:        var(--atom-ink-600);
  --c-border-strong: var(--atom-ink-500);

  --c-text:        var(--atom-gray-100);
  --c-text-muted:  var(--atom-gray-400);
  --c-text-dim:    var(--atom-gray-500);

  --c-brand:       var(--atom-purple-800);   /* roxo oficial */
  --c-brand-2:     var(--atom-purple-600);
  --c-accent:      var(--atom-purple-500);   /* interactive */
  --c-accent-hover:var(--atom-purple-400);
  --c-accent-soft: var(--atom-purple-200);   /* text/icon on dark */
  --c-accent-dim:  rgba(79, 23, 127, 0.18);
  --c-on-accent:   var(--atom-white);

  --c-success:      var(--atom-green-500);
  --c-success-hover:var(--atom-green-300);
  --c-success-dim:  rgba(34, 197, 94, 0.15);
  --c-on-success:   var(--atom-black);

  --c-warn: var(--atom-amber-400);

  /* Signature brand gradients */
  --grad-cta:    linear-gradient(135deg, #7C3AED 0%, #5C2CDE 100%); /* @kind color */
  --grad-spine:  linear-gradient(90deg, #8B5CF6 0%, #5C2CDE 50%, #22C55E 100%); /* @kind color */
  --grad-metric: linear-gradient(135deg, #C4B5FD 0%, #8B5CF6 50%, #22C55E 100%); /* @kind color */
  --grad-purple: linear-gradient(135deg, #4F177F 0%, #7435E9 100%); /* @kind color */
}

/* ---- LIGHT A/B (ads) ------------------------------------------- */
.theme-light {
  --c-bg:            var(--atom-white);
  --c-bg-elev:       var(--atom-gray-50);
  --c-bg-card:       var(--atom-white);
  --c-border:        var(--atom-gray-200);
  --c-border-strong: var(--atom-gray-300);

  --c-text:        var(--atom-black);
  --c-text-muted:  var(--atom-gray-600);
  --c-text-dim:    var(--atom-gray-500);

  --c-accent:      var(--atom-purple-500);
  --c-accent-hover:#6D28D9;
  --c-accent-soft: var(--atom-purple-800);
  --c-accent-dim:  rgba(79, 23, 127, 0.10);

  --c-success:      var(--atom-green-600);
  --c-success-hover:var(--atom-green-700);
  --c-success-dim:  rgba(34, 197, 94, 0.12);
  --c-on-success:   var(--atom-white);

  --grad-metric: linear-gradient(135deg, #4F177F 0%, #7C3AED 50%, #16A34A 100%); /* @kind color */
}

/* ---- PROPOSAL MICROSITE ---------------------------------------- */
.theme-proposal {
  --c-bg:            var(--atom-white);
  --c-bg-elev:       var(--atom-gray-50);
  --c-bg-card:       var(--atom-white);
  --c-bg-invert:     var(--atom-black);     /* angular black slabs */
  --c-border:        var(--atom-gray-200);
  --c-border-strong: var(--atom-gray-300);

  --c-text:        #1E1E1E;
  --c-text-muted:  var(--atom-gray-600);
  --c-text-dim:    var(--atom-gray-500);
  --c-text-invert: var(--atom-white);

  --c-brand:       var(--atom-purple-700);  /* #604485 proposal heads */
  --c-accent:      var(--atom-purple-vivid);/* #7435E9 vivid */
  --c-accent-soft: var(--atom-purple-700);
  --c-accent-dim:  rgba(116, 53, 233, 0.10);

  --grad-purple: linear-gradient(135deg, #604485 0%, #7435E9 60%, #2A0E45 100%); /* @kind color */
}

/* ===================================================================
   ATOM DIGITAL — TYPOGRAPHY TOKENS
   · Inter        → UI / product / LP display + body
   · Roboto Light → Proposal display headings (big, airy, -2% tracking)
   · IBM Plex Mono → eyebrows, section numbers, kicker labels, code
   =================================================================== */

:root {
  /* Families */
  --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Inter', -apple-system, sans-serif;          /* ads/product */
  --font-proposal:'Roboto', -apple-system, 'Segoe UI', sans-serif; /* proposals */
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Type scale (rem) */
  --fs-xs:  0.75rem;   /* 12 */
  --fs-sm:  0.875rem;  /* 14 */
  --fs-base:1rem;      /* 16 */
  --fs-lg:  1.125rem;  /* 18 */
  --fs-xl:  1.25rem;   /* 20 */
  --fs-2xl: 1.5rem;    /* 24 */
  --fs-3xl: 1.875rem;  /* 30 */
  --fs-4xl: 2.25rem;   /* 36 */
  --fs-5xl: 3rem;      /* 48 */
  --fs-6xl: 3.75rem;   /* 60 */
  --fs-7xl: 4.5rem;    /* 72 */

  /* Weights */
  --fw-light:    300; /* @kind font */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-extra:    800; /* @kind font */

  /* Line heights */
  --lh-tight:   1.05; /* @kind other */
  --lh-heading: 1.15; /* @kind other */
  --lh-snug:    1.4; /* @kind other */
  --lh-body:    1.6; /* @kind other */
  --lh-relaxed: 1.7; /* @kind other */

  /* Letter spacing */
  --ls-tight:  -0.03em; /* @kind other */
  --ls-snug:   -0.02em; /* @kind other */
  --ls-normal:  0; /* @kind other */
  --ls-wide:    0.05em; /* @kind other */
  --ls-wider:   0.12em; /* @kind other */

  /* Semantic roles */
  --text-eyebrow-size:  var(--fs-sm); /* @kind font */
  --text-eyebrow-track: var(--ls-wider); /* @kind other */
}

/* ===================================================================
   ATOM DIGITAL — SPACING & LAYOUT TOKENS
   8pt-ish scale lifted from the ads codebase.
   =================================================================== */

:root {
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;
  --sp-32: 8rem;

  /* Containers */
  --container:    1200px;
  --container-sm: 880px;
  --proposal-w:   1920px;  /* proposal frame canvas width */
  --proposal-h:   1080px;  /* one proposal section = 1 screen */

  /* Radii */
  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
}

/* ===================================================================
   ATOM DIGITAL — EFFECTS: shadow, glow, motion, blur
   =================================================================== */

:root {
  /* Shadows (dark identity) */
  --shadow:    0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.5);

  /* Brand glows */
  --glow:        0 0 0 3px rgba(124, 58, 237, 0.35);   /* focus ring */
  --glow-brand:  0 0 48px rgba(92, 44, 222, 0.35);
  --glow-green:  0 0 8px rgba(34, 197, 94, 0.6);

  /* Motion — single brand easing + duration */
  --ease: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur:  200ms; /* @kind other */
  --dur-slow: 400ms; /* @kind other */

  /* Glass blur (nav, stat cards, video badges) */
  --blur: 12px; /* @kind other */

  /* Grid overlay (hero tech-grid texture) */
  --grid-size: 48px; /* @kind spacing */
  --grid-line-dark:  rgba(255, 255, 255, 0.02); /* @kind color */
  --grid-line-light: rgba(15, 23, 42, 0.04); /* @kind color */

  /* Angular clip used on proposal black slabs */
  --clip-slab: polygon(0 6%, 100% 0, 100% 94%, 0 100%); /* @kind other */
}

/* Lighter shadow set when on a light surface */
.theme-light,
.theme-proposal {
  --shadow:    0 4px 16px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 24px 48px rgba(15, 23, 42, 0.10);
  --glow:      0 0 0 3px rgba(124, 58, 237, 0.25);
}

/* ===================================================================
   ATOM DIGITAL — DESIGN SYSTEM · GLOBAL ENTRY
   Consumers link THIS one file. It only @imports the token + font
   layers; component styling lives inline / via CSS custom properties.
   Brand: SEO & AI Search agency · roxo + verde-ácido · dark premium.
   =================================================================== */

@import url('./tokens/fonts.css');
@import url('./tokens/colors.css');
@import url('./tokens/typography.css');
@import url('./tokens/spacing.css');
@import url('./tokens/effects.css');

body{margin:0;background:#fff;color:#1A1A1A;font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
a{color:#5C2CDE;text-decoration:none}
a:hover{color:#4F177F}
details>summary::-webkit-details-marker{display:none}
@media (max-width:1024px){
  .lp-hero,.lp-2col{grid-template-columns:minmax(0,1fr)!important;gap:40px!important}
  .lp-3col{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}
  .lp-5col{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}
  .lp-4stat{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}
  .lp-foot{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}
}
@media (max-width:820px){
  .lp-nav-links{display:none!important}
  .lp-sec{padding:64px 0!important}
}
@media (max-width:640px){
  .lp-3col,.lp-5col,.lp-4stat,.lp-foot{grid-template-columns:minmax(0,1fr)!important}
  .lp-card{padding:26px 22px!important}
  .lp-bar{padding:12px 16px!important;gap:12px!important}
  .lp-bar-txt{font-size:16px!important}
}


:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { min-width: 320px; }
button, input { font: inherit; }
button:focus-visible, input:focus-visible, a:focus-visible, summary:focus-visible { outline: 3px solid #EDCB50; outline-offset: 3px; }
[hidden] { display: none !important; }
[data-form-error] { color: #b42318; font-size: 14px; line-height: 1.45; margin: 0; }
.is-loading { cursor: wait !important; opacity: .75; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

.u-001{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #EEEEEE}
.u-002{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.u-003{height:34px;width:auto;display:block}
.u-004{display:flex;align-items:center;gap:26px}
.u-005{font-size:15px;color:#4A4A4A}
.u-006{background:#5C2CDE;color:#fff;font-size:15px;font-weight:600;padding:12px 22px;border-radius:8px;display:inline-flex;align-items:center;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1)}
.u-006:hover{background:#22C55E;transform:scale(1.1)}
.u-007{position:relative;background:linear-gradient(135deg,#6A2AE8 0%,#5C2CDE 55%,#4F177F 100%);padding:88px 0 96px;overflow:hidden}
.u-008{position:absolute;inset:0;background-image:radial-gradient(45% 60% at 10% 30%, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 70%), radial-gradient(40% 50% at 92% 70%, rgba(196,181,253,.2) 0%, rgba(255,255,255,0) 70%);pointer-events:none}
.u-009{position:relative;max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:52px;align-items:center}
.u-010{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.u-011{margin:0;max-width:560px;font-size:clamp(2.25rem,4.6vw,52px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:#fff;text-wrap:balance}
.u-012{color:#EDCB50}
.u-013{margin:0;max-width:500px;font-size:17px;line-height:1.7;color:rgba(255,255,255,.86);text-wrap:pretty}
.u-014{margin:0;max-width:520px;font-size:17px;font-weight:600;line-height:1.55;color:#fff}
.u-015{margin:0;max-width:500px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.72)}
.u-016{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding-top:22px;border-top:1px solid rgba(255,255,255,.2);width:100%;max-width:560px}
.u-017{font-size:15px;font-weight:600;color:#fff}
.u-018{width:5px;height:5px;border-radius:999px;background:#EDCB50}
.u-019{display:flex;justify-content:center}
.u-020{width:100%;max-width:540px;background:#fff;border-radius:12px;padding:32px;box-shadow:0 24px 60px rgba(0,0,0,.28);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}
.u-020:hover{transform:scale(1.03);box-shadow:0 30px 70px rgba(0,0,0,.34)}
.u-021{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid #EEEEEE}
.u-022{display:inline-flex;align-items:center;gap:12px}
.u-023{width:3px;height:16px;background:#5C2CDE;display:block;border-radius:999px}
.u-024{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8A8A8A}
.u-025{display:inline-flex;gap:5px}
.u-026{width:7px;height:7px;border-radius:999px;background:#EDCB50}
.u-027{width:7px;height:7px;border-radius:999px;background:#5C2CDE}
.u-028{width:7px;height:7px;border-radius:999px;background:#22C55E}
.u-029{display:flex;flex-direction:column;gap:12px;padding-top:24px}
.u-030{display:flex;align-items:stretch;border:1px solid #E3DAF7;border-radius:8px;overflow:hidden;background:#fff}
.u-031{flex-shrink:0;display:flex;align-items:center;padding:0 16px;font-family:var(--font-mono);font-size:13px;color:#A9A9A9;background:#F5F0FE;border-right:1px solid #E3DAF7}
.u-032{flex:1;min-width:0;border:none;outline:none;background:#fff;padding:17px 16px;font-family:var(--font-sans);font-size:16px;color:#1A1A1A}
.u-033{flex-shrink:0;border:none;cursor:pointer;background:#5C2CDE;color:#fff;font-family:var(--font-sans);font-size:16px;font-weight:600;padding:0 28px;transition:background .2s cubic-bezier(.16,1,.3,1)}
.u-033:hover{background:#22C55E}
.u-034{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 24px;margin-top:12px}
.u-035{display:flex;gap:10px;align-items:center;font-size:14px;color:#6B6B6B}
.u-036{flex-shrink:0}
.u-037{display:flex;flex-direction:column;gap:14px;padding-top:24px;align-items:flex-start}
.u-038{width:44px;height:44px;border-radius:999px;background:#E9F9EF;display:flex;align-items:center;justify-content:center;color:#16A34A}
.u-039{font-size:19px;font-weight:700;letter-spacing:-.015em;color:#1A1A1A}
.u-040{margin:0;font-size:15px;line-height:1.6;color:#6B6B6B}
.u-041{display:flex;gap:12px;flex-wrap:wrap}
.u-042{background:#5C2CDE;color:#fff;font-size:15px;font-weight:600;padding:14px 22px;border-radius:8px;display:inline-flex;align-items:center;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1)}
.u-042:hover{background:#22C55E;transform:scale(1.1)}
.u-043{background:#fff;color:#5C2CDE;font-size:15px;font-weight:600;padding:14px 22px;border-radius:8px;border:1px solid #C4B5FD;display:inline-flex;align-items:center;gap:8px;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1)}
.u-043:hover{background:#25D366;color:#fff;transform:scale(1.1)}
.u-044{background:#F2F2F2;padding:96px 0}
.u-045{max-width:1200px;margin:0 auto;padding:0 24px}
.u-046{max-width:820px;margin:0 auto 56px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.u-047{margin:0;font-size:clamp(1.625rem,4vw,40px);font-weight:700;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.u-048{margin:0;font-size:17px;line-height:1.65;color:#6B6B6B;text-wrap:pretty}
.u-049{margin:8px 0 0;font-size:clamp(1.2rem,2.4vw,24px);font-weight:700;line-height:1.35;letter-spacing:-.02em;color:#5C2CDE;max-width:680px}
.u-050{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1060px;margin:0 auto}
.u-051{background:#fff;border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:18px;border-left:3px solid #5C2CDE}
.u-052{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:#F3EDFE;display:flex;align-items:center;justify-content:center;color:#5C2CDE}
.u-053{flex-shrink:0;width:44px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.14em;color:#5C2CDE}
.u-054{margin:0;font-size:19px;font-weight:700;letter-spacing:-.015em;line-height:1.35}
.u-055{background:#fff;border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:18px;border-left:3px solid #7C3AED}
.u-056{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:#F3EDFE;display:flex;align-items:center;justify-content:center;color:#7C3AED}
.u-057{flex-shrink:0;width:44px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.14em;color:#7C3AED}
.u-058{background:#fff;border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:18px;border-left:3px solid #22C55E}
.u-059{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:#E9F9EF;display:flex;align-items:center;justify-content:center;color:#16A34A}
.u-060{flex-shrink:0;width:44px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.14em;color:#16A34A}
.u-061{background:#fff;padding:96px 0}
.u-062{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.u-063{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.u-064{margin:0;max-width:540px;font-size:17px;line-height:1.65;color:#6B6B6B}
.u-065{margin:8px 0 0;max-width:560px;padding:24px;background:#F2F2F2;border-left:4px solid #5C2CDE;border-radius:0 12px 12px 0;font-size:19px;font-weight:600;line-height:1.5;color:#1A1A1A}
.u-066{background:#5C2CDE;color:#fff;font-size:16px;font-weight:600;padding:16px 28px;border-radius:8px;display:inline-flex;align-items:center;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1)}
.u-066:hover{background:#22C55E;transform:scale(1.15)}
.u-067{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.u-068{background:#fff;border:1px solid #EAEAEA;border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:6px}
.u-069{font-size:34px;font-weight:700;letter-spacing:-.025em;color:#5C2CDE}
.u-070{font-size:15px;line-height:1.5;color:#6B6B6B}
.u-071{max-width:1100px;margin:0 auto;padding:0 24px}
.u-072{max-width:760px;margin:0 auto 56px;text-align:center}
.u-073{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.u-074{background:#fff;border:2px solid #fff;border-radius:12px;padding:36px 32px;display:flex;flex-direction:column;gap:20px}
.u-075{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#EF4444}
.u-076{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.u-077{display:flex;gap:12px;font-size:16px;line-height:1.5;color:#6B6B6B}
.u-078{flex-shrink:0;margin-top:4px}
.u-079{background:#fff;border:2px solid #22C55E;border-radius:12px;padding:36px 32px;display:flex;flex-direction:column;gap:20px}
.u-080{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#16A34A}
.u-081{display:flex;gap:12px;font-size:16px;line-height:1.5;color:#1A1A1A}
.u-082{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.u-083{background:#fff;border:1px solid #EAEAEA;border-radius:12px;padding:36px 32px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.u-084{font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.16em;color:#5C2CDE}
.u-085{margin:0;font-size:23px;font-weight:700;line-height:1.3;letter-spacing:-.02em}
.u-086{margin:0;font-size:16px;line-height:1.6;color:#6B6B6B}
.u-087{margin:8px 0 0;padding:20px 0 0;list-style:none;display:flex;flex-direction:column;gap:11px;border-top:1px solid #EEEEEE;width:100%}
.u-088{display:flex;gap:10px;font-size:15px;line-height:1.5;color:#4A4A4A}
.u-089{flex-shrink:0;margin-top:3px}
.u-090{margin:40px auto 0;max-width:900px;background:linear-gradient(135deg,#6A2AE8 0%,#5C2CDE 55%,#4F177F 100%);border-radius:12px;padding:40px 36px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.u-091{margin:0;max-width:480px;font-size:clamp(1.25rem,2.6vw,26px);font-weight:700;line-height:1.3;letter-spacing:-.02em;color:#fff}
.u-092{background:#EDCB50;color:#5C2CDE;font-size:16px;font-weight:600;padding:16px 28px;border-radius:8px;display:inline-flex;align-items:center;white-space:nowrap;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1)}
.u-092:hover{background:#22C55E;color:#fff;transform:scale(1.12)}
.u-093{background:linear-gradient(135deg,#6A2AE8 0%,#5C2CDE 55%,#4F177F 100%);padding:96px 0;position:relative;overflow:hidden}
.u-094{position:absolute;inset:0;background-image:radial-gradient(40% 60% at 12% 88%, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 70%);pointer-events:none}
.u-095{position:relative;max-width:1100px;margin:0 auto;padding:0 24px}
.u-096{max-width:760px;margin:0 auto 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.u-097{margin:0;font-size:clamp(1.625rem,4vw,40px);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#fff;text-wrap:balance}
.u-098{margin:0;font-size:17px;line-height:1.65;color:rgba(255,255,255,.9);text-wrap:pretty}
.u-099{margin:0;font-size:clamp(1.25rem,2.6vw,26px);font-weight:700;letter-spacing:-.02em;color:#EDCB50}
.u-100{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.u-101{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:18px}
.u-102{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.u-103{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.u-104{display:flex;gap:11px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.86)}
.u-105{flex-shrink:0;width:5px;height:5px;border-radius:999px;background:rgba(255,255,255,.5);margin-top:8px}
.u-106{background:#fff;border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:18px}
.u-107{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#5C2CDE}
.u-108{display:flex;gap:11px;font-size:15px;line-height:1.5;color:#1A1A1A}
.u-109{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.u-110{margin:0;max-width:700px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.86)}
.u-111{background:#EDCB50;color:#5C2CDE;font-size:16px;font-weight:600;padding:16px 28px;border-radius:8px;display:inline-flex;align-items:center;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1)}
.u-111:hover{background:#22C55E;color:#fff;transform:scale(1.15)}
.u-112{max-width:780px;margin:0 auto 56px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.u-113{margin:0;font-size:clamp(1.625rem,4vw,40px);font-weight:700;line-height:1.2;letter-spacing:-.02em}
.u-114{margin:0;font-size:17px;line-height:1.65;color:#6B6B6B}
.u-115{background:#fff;border:1px solid #EAEAEA;border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:16px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1);position:relative;z-index:0}
.u-115:hover{transform:scale(1.05);box-shadow:0 20px 44px rgba(0,0,0,.16);border-color:#C4B5FD;z-index:2}
.u-116{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8A8A8A}
.u-117{margin:0;font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.02em}
.u-118{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:auto;padding-top:20px;border-top:1px solid #EEEEEE}
.u-119{display:flex;flex-direction:column;gap:4px}
.u-120{font-size:24px;font-weight:700;letter-spacing:-.02em;color:#5C2CDE;line-height:1.1}
.u-121{font-size:12px;line-height:1.4;color:#8A8A8A}
.u-122{margin:28px auto 0;max-width:700px;font-size:14px;line-height:1.6;color:#8A8A8A;text-align:center}
.u-123{margin-top:40px;max-width:900px;margin-left:auto;margin-right:auto;background:linear-gradient(135deg,#6A2AE8 0%,#5C2CDE 55%,#4F177F 100%);border-radius:12px;padding:40px 36px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.u-092:hover{background:#22C55E;color:#fff;transform:scale(1.12)}
.u-124{max-width:760px;margin:0 auto 56px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.u-125{background:#fff;color:inherit;border:1px solid #EAEAEA;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1);position:relative;z-index:0}
.u-125:hover{transform:scale(1.05);box-shadow:0 20px 44px rgba(0,0,0,.16);border-color:#C4B5FD;z-index:2}
.u-126{position:relative;aspect-ratio:16/9;background:#F2F2F2}
.u-127{width:100%;height:100%;object-fit:cover;display:block}
.u-128{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.u-129{width:56px;height:56px;border-radius:999px;background:rgba(92,44,222,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.u-130{padding:26px 24px;display:flex;flex-direction:column;gap:16px;flex:1}
.u-131{margin:0;font-size:16px;line-height:1.6;color:#1A1A1A;font-weight:600}
.u-132{margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #EEEEEE}
.u-133{flex-shrink:0;width:38px;height:38px;border-radius:999px;background:#F3EDFE;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#5C2CDE}
.u-134{display:flex;flex-direction:column;gap:2px}
.u-135{font-size:14px;font-weight:700;color:#1A1A1A}
.u-136{font-size:13px;color:#8A8A8A}
.u-137{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.u-138{background:#fff;border-radius:12px;padding:28px 24px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.u-139{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:#8A8A8A}
.u-140{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em;color:#5C2CDE}
.u-141{margin:0;font-size:15px;line-height:1.55;color:#6B6B6B}
.u-142{margin:0;max-width:520px;font-size:clamp(1.125rem,2.2vw,22px);font-weight:700;line-height:1.4;letter-spacing:-.02em;color:#fff}
.u-092:hover{background:#22C55E;color:#fff;transform:scale(1.12)}
.u-143{position:absolute;inset:0;background-image:radial-gradient(45% 55% at 15% 5%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 70%);pointer-events:none}
.u-144{position:relative;max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.u-145{margin:0;max-width:440px;font-size:clamp(1.75rem,4vw,42px);font-weight:700;line-height:1.15;letter-spacing:-.025em;color:#fff;text-wrap:balance}
.u-146{margin:0;max-width:460px;font-size:16px;line-height:1.65;color:rgba(255,255,255,.9)}
.u-147{background:#EDCB50;color:#5C2CDE;font-size:16px;font-weight:600;padding:16px 28px;border-radius:8px;display:inline-flex;align-items:center;gap:10px;margin-top:8px;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1)}
.u-147:hover{background:#22C55E;color:#fff;transform:scale(1.12)}
.u-148{background:#F5F0FE;border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:16px}
.u-149{display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding:8px 0}
.u-150{width:46px;height:46px;border-radius:999px;background:#E9F9EF;display:flex;align-items:center;justify-content:center;color:#16A34A}
.u-151{margin:0;font-size:20px;font-weight:700;letter-spacing:-.015em}
.u-152{background:#5C2CDE;color:#fff;font-size:15px;font-weight:600;padding:14px 22px;border-radius:8px;display:inline-flex;align-items:center;gap:10px;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1)}
.u-152:hover{background:#22C55E;transform:scale(1.1)}
.u-153{display:flex;flex-direction:column;gap:14px}
.u-154{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em;color:#5C2CDE}
.u-155{margin:0;font-size:14px;line-height:1.55;color:#6B6B6B}
.u-156{width:100%;box-sizing:border-box;background:#fff;border:1px solid #E3DAF7;border-radius:8px;padding:15px 16px;font-family:var(--font-sans);font-size:15px;color:#1A1A1A;outline:none}
.u-157{background:#5C2CDE;color:#fff;font-family:var(--font-sans);font-size:15px;font-weight:600;padding:15px 20px;border:none;border-radius:8px;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1)}
.u-157:hover{background:#22C55E;transform:scale(1.06)}
.u-158{margin:0;font-size:13px;line-height:1.55;color:#8A8A8A}
.u-159{max-width:900px;margin:0 auto;padding:0 24px}
.u-160{text-align:center;margin-bottom:48px}
.u-161{display:flex;flex-direction:column;gap:12px}
.u-162{background:#fff;border-radius:12px;padding:22px 26px}
.u-163{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:17px;font-weight:700;letter-spacing:-.01em}
.u-164{margin:16px 0 0;font-size:16px;line-height:1.7;color:#6B6B6B}
.u-165{position:absolute;inset:0;background-image:radial-gradient(45% 55% at 18% 0%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 70%);pointer-events:none}
.u-166{position:relative;max-width:860px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}
.u-167{margin:0;font-size:clamp(1.75rem,4.5vw,44px);font-weight:700;line-height:1.15;letter-spacing:-.025em;color:#fff;text-wrap:balance}
.u-168{margin:0;max-width:640px;font-size:17px;line-height:1.65;color:rgba(255,255,255,.9);text-wrap:pretty}
.u-169{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.u-170{background:#EDCB50;color:#5C2CDE;font-size:16px;font-weight:600;padding:17px 30px;border-radius:8px;display:inline-flex;align-items:center;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1)}
.u-170:hover{background:#22C55E;color:#fff;transform:scale(1.15)}
.u-171{background:#fff;color:#5C2CDE;font-size:16px;font-weight:600;padding:17px 30px;border-radius:8px;display:inline-flex;align-items:center;gap:10px;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1)}
.u-171:hover{background:#25D366;color:#fff;transform:scale(1.15)}
.u-172{margin:12px 0 0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.86)}
.u-173{background:#fff;padding:64px 0 120px;border-top:1px solid #EEEEEE}
.u-174{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,.9fr);gap:40px}
.u-175{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.u-176{height:30px;width:auto;align-self:flex-start;object-fit:contain;display:block}
.u-177{font-size:14px;line-height:1.6;color:#8A8A8A}
.u-178{display:flex;flex-direction:column;gap:10px}
.u-179{font-size:15px;font-weight:600}
.u-180{font-size:15px}
.u-181{max-width:1200px;margin:32px auto 0;padding:24px 24px 0;border-top:1px solid #EEEEEE;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.u-182{font-size:13px;color:#A9A9A9}
.u-183{position:fixed;left:0;right:0;bottom:0;z-index:45;background:#F2F2F2;border-top:1px solid #DDDDDD;box-shadow:0 -8px 30px rgba(0,0,0,.12);padding:14px 24px;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.u-184{font-size:18px;font-weight:700;color:#1A1A1A;line-height:1.3}
.u-185{font-size:14px;color:#6B6B6B}
.u-186{background:#25D366;color:#fff;font-size:16px;font-weight:700;padding:15px 28px;border-radius:8px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1)}
.u-186:hover{background:#5C2CDE;color:#fff;transform:scale(1.15)}
.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 100;
  padding: 10px 14px;
  border-radius: 8px;
  background: #1a1a1a;
  color: #fff;
  transform: translateY(-160%);
}
.skip-link:focus { color: #fff; transform: translateY(0); }
@media (max-width: 520px) {
  #audit-domain { flex-basis: 120px; }
  [data-action="audit"] { padding-inline: 18px; }
}