:root {
      --navy: #071b3a;
      --navy-2: #0b2f63;
      --blue: #1457d9;
      --cyan: #00a9e8;
      --teal: #00b7ad;
      --green: #5ed11f;
      --yellow: #ffd400;
      --orange: #ff8200;
      --red: #f23b2e;
      --pink: #f20a7a;
      --purple: #6f29d9;

      --white: #ffffff;
      --off: #fbfcff;
      --soft: #f5f7fb;
      --text: #111827;
      --muted: #667085;
      --line: rgba(7, 27, 58, .10);

      --gradient: linear-gradient(90deg, #f20a7a 0%, #f23b2e 13%, #ff8200 27%, #ffd400 42%, #5ed11f 56%, #00b7ad 70%, #00a9e8 82%, #1457d9 93%, #6f29d9 100%);
      --button: linear-gradient(135deg, #ffd400 0%, #ffb100 34%, #00b7ad 72%, #1457d9 100%);
      --shadow: 0 20px 55px rgba(17, 24, 39, .10);
      --shadow-strong: 0 32px 90px rgba(17, 24, 39, .16);
      --radius: 28px;
      --container: 1180px;
      --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      font-family: var(--font);
      color: var(--text);
      background: #fff;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
    }
    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }
    button, input, select, textarea { font-family: inherit; }
    .container { width: min(var(--container), 92%); margin: 0 auto; }

    .progress {
      position: fixed; top: 0; left: 0; width: 0%; height: 4px;
      background: var(--gradient); z-index: 999;
    }

    .topbar {
      background: #fff;
      border-bottom: 1px solid var(--line);
      color: var(--muted);
      font-size: 13px;
      padding: 9px 0;
    }
    .topbar .container {
      display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
    }
    .topbar strong { color: var(--navy); }

    .header {
      position: sticky; top: 0; z-index: 100;
      background: rgba(255,255,255,.92);
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(20px);
    }
    .header.scrolled { box-shadow: 0 14px 38px rgba(17,24,39,.08); }
    .header-row {
      min-height: 86px;
      display: flex; align-items: center; justify-content: space-between; gap: 24px;
    }
    .brand img { width: clamp(185px, 18vw, 250px); height: auto; filter: drop-shadow(0 8px 18px rgba(17,24,39,.08)); }
    .nav { display: flex; gap: 22px; align-items: center; color: var(--navy); font-size: 14px; font-weight: 800; }
    .nav a { position: relative; opacity: .86; padding: 31px 0; }
    .nav a:hover { opacity: 1; color: var(--blue); }
    .nav a::after {
      content:""; position:absolute; left:0; bottom:22px; width:0; height:3px; border-radius:999px; background:var(--gradient); transition:.22s;
    }
    .nav a:hover::after { width:100%; }

    .btn {
      display: inline-flex; align-items: center; justify-content: center; gap: 10px;
      border: 0; border-radius: 999px; padding: 15px 24px;
      font-weight: 900; cursor: pointer; white-space: nowrap; transition: .22s ease;
    }
    .btn-primary { background: var(--button); color: var(--navy); box-shadow: 0 16px 36px rgba(20,87,217,.18); }
    .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 24px 54px rgba(20,87,217,.23); }
    .btn-outline { background:#fff; color:var(--navy); border:1px solid var(--line); box-shadow: 0 10px 24px rgba(17,24,39,.06); }
    .btn-outline:hover { transform: translateY(-2px); border-color: rgba(20,87,217,.25); }

    .menu-btn { display:none; width:46px; height:46px; border-radius:14px; border:1px solid var(--line); background:#fff; box-shadow:0 8px 20px rgba(17,24,39,.06); }
    .menu-btn span { display:block; width:20px; height:2px; background:var(--navy); margin:5px auto; border-radius:999px; }

    .kicker {
      display:inline-flex; align-items:center; gap:10px;
      font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.10em;
      background:var(--gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
      margin-bottom:18px;
    }
    .kicker::before, .kicker::after {
      content:""; width:34px; height:3px; border-radius:999px; background:var(--gradient);
    }
    .section-title .kicker { justify-content:center; }
    .section-title { text-align:center; max-width:820px; margin:0 auto 54px; }
    h1, h2, h3 { color:var(--navy); letter-spacing:-.055em; }
    .section-title h2 { font-size:clamp(34px, 4.8vw, 58px); line-height:1.03; font-weight:950; }
    .section-title p { color:var(--muted); font-size:17px; line-height:1.75; margin-top:16px; }

    .section { padding: 96px 0; position:relative; overflow:hidden; }

    /* SPLASH SYSTEM */
    .splash {
      position:absolute; pointer-events:none; z-index:0; opacity:.9; filter:saturate(1.15);
      width:560px; height:320px;
    }
    .splash::before, .splash::after {
      content:""; position:absolute; inset:0;
      background:
        radial-gradient(circle at 12% 56%, var(--pink) 0 10%, transparent 11%),
        radial-gradient(circle at 27% 40%, var(--red) 0 13%, transparent 14%),
        radial-gradient(circle at 42% 33%, var(--orange) 0 17%, transparent 18%),
        radial-gradient(circle at 55% 46%, var(--yellow) 0 18%, transparent 19%),
        radial-gradient(circle at 67% 39%, var(--green) 0 14%, transparent 15%),
        radial-gradient(circle at 79% 50%, var(--teal) 0 16%, transparent 17%),
        radial-gradient(circle at 90% 59%, var(--blue) 0 13%, transparent 14%),
        radial-gradient(circle at 71% 72%, var(--purple) 0 12%, transparent 13%);
      clip-path: polygon(0 62%, 7% 45%, 17% 52%, 24% 22%, 38% 41%, 48% 10%, 57% 42%, 75% 16%, 78% 48%, 100% 36%, 84% 60%, 100% 82%, 73% 72%, 64% 100%, 50% 74%, 30% 96%, 31% 70%, 10% 84%);
      border-radius: 46% 54% 56% 44%;
    }
    .splash::after { transform:scale(.76) translate(9%,7%) rotate(7deg); opacity:.45; filter:blur(1px); }
    .splash-soft { opacity:.16; filter:blur(2px) saturate(1.2); }

    .hero {
      background:
        radial-gradient(circle at 76% 18%, rgba(0,169,232,.12), transparent 28%),
        radial-gradient(circle at 12% 22%, rgba(242,10,122,.06), transparent 24%),
        linear-gradient(180deg, #fff 0%, #fbfcff 100%);
      border-bottom:1px solid var(--line);
      padding: 0;
      isolation:isolate;
    }
    .hero .container {
      min-height: 760px;
      display:grid; grid-template-columns:.92fr 1.08fr; align-items:center; gap:58px;
      padding: 82px 0 78px; position:relative; z-index:2;
    }
    .hero-copy h1 {
      font-size:clamp(44px, 6vw, 82px); line-height:.94; font-weight:950; margin-bottom:26px;
    }
    .hero-copy h1 span {
      background:var(--gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
      position:relative;
    }
    .hero-copy h1 span::after {
      content:""; position:absolute; left:0; right:0; bottom:7px; height:12px; border-radius:999px;
      background:linear-gradient(90deg, rgba(242,10,122,.13), rgba(255,212,0,.23), rgba(0,183,173,.15));
      z-index:-1;
    }
    .hero-copy p { color:var(--muted); font-size:18px; line-height:1.75; max-width:600px; }
    .hero-actions { display:flex; gap:14px; flex-wrap:wrap; margin-top:34px; }
    .mini-social {
      display:flex; align-items:center; gap:12px; margin-top:30px; color:var(--muted); font-size:14px; font-weight:700;
    }
    .avatars { display:flex; }
    .avatars span {
      width:34px; height:34px; border-radius:50%; border:3px solid #fff; margin-left:-8px;
      background:var(--button); box-shadow:0 8px 18px rgba(17,24,39,.08);
    }
    .avatars span:first-child { margin-left:0; background:var(--pink); }
    .avatars span:nth-child(2) { background:var(--orange); }
    .avatars span:nth-child(3) { background:var(--teal); }
    .avatars span:nth-child(4) { background:var(--blue); }

    .hero-visual { position:relative; min-height:620px; display:grid; place-items:center; isolation:isolate; }
    .hero-splash { right:-28px; top:48px; transform:rotate(-7deg); }
    .hero-splash-2 { right:16%; bottom:92px; width:350px; height:210px; transform:rotate(14deg); }
    .dots {
      position:absolute; top:112px; right:64px; width:15px; height:15px; border-radius:50%; background:var(--orange); z-index:2;
      box-shadow: 34px -24px 0 -4px var(--pink), 72px -46px 0 -2px var(--yellow), 126px -22px 0 -3px var(--teal), 170px -58px 0 -5px var(--blue), 220px -16px 0 -4px var(--purple);
      opacity:.7;
    }
    .hero-frame {
      position:relative; z-index:3; border-radius:38px; padding:18px; background:#fff;
      border:1px solid var(--line); box-shadow:var(--shadow-strong); animation: floatY 6s ease-in-out infinite;
    }
    .hero-frame::before {
      content:""; position:absolute; inset:-70px; z-index:0;
      background:conic-gradient(from 180deg, transparent, rgba(242,10,122,.14), rgba(255,212,0,.22), rgba(0,183,173,.18), rgba(20,87,217,.16), transparent);
      animation:spin 16s linear infinite; opacity:.65;
    }
    .hero-inner { position:relative; z-index:2; background:#fff; border-radius:28px; padding:16px; border:1px solid rgba(7,27,58,.08); overflow:hidden; }
    .hero-inner img { border-radius:24px; box-shadow:0 24px 58px rgba(17,24,39,.12); transform:scale(1.01); }

    .floating {
      position:absolute; z-index:5; background:rgba(255,255,255,.96); border:1px solid var(--line);
      border-radius:18px; padding:14px 16px; color:var(--navy); box-shadow:var(--shadow); animation:floatY 5s ease-in-out infinite;
    }
    .floating small {
      display:block; font-size:11px; text-transform:uppercase; letter-spacing:.06em; font-weight:900; margin-bottom:5px;
      background:var(--gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
    }
    .floating strong { font-size:17px; letter-spacing:-.03em; }
    .float-a { left:-12px; top:86px; max-width:230px; }
    .float-b { right:-10px; bottom:78px; max-width:230px; animation-delay:-1s; }

    .benefits { padding: 0 0 36px; background:#fff; position:relative; z-index:8; }
    .benefit-card {
      display:grid; grid-template-columns:repeat(4,1fr); margin-top:-44px; background:rgba(255,255,255,.96);
      border:1px solid var(--line); border-radius:30px; box-shadow:var(--shadow); overflow:hidden; backdrop-filter:blur(18px);
    }
    .benefit-card article { padding:28px; border-right:1px solid var(--line); transition:.25s; }
    .benefit-card article:last-child { border-right:0; }
    .benefit-card article:hover { transform:translateY(-4px); background:#fbfcff; }
    .benefit-icon {
      width:46px; height:46px; border-radius:16px; display:grid; place-items:center; background:var(--button); color:var(--navy);
      font-weight:950; margin-bottom:14px; box-shadow:0 14px 30px rgba(20,87,217,.16);
    }
    .benefit-card strong { display:block; color:var(--navy); font-size:16px; margin-bottom:8px; letter-spacing:-.02em; }
    .benefit-card p { color:var(--muted); font-size:13px; line-height:1.55; }

    .product-grid {
      display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
    }
    .product-card, .application-card, .step-card, .material-card, .segment-card {
      position:relative; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:26px; box-shadow:0 14px 34px rgba(17,24,39,.06);
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }
    .product-card:hover, .application-card:hover, .step-card:hover, .material-card:hover, .segment-card:hover {
      transform:translateY(-8px); box-shadow:0 28px 70px rgba(17,24,39,.13); border-color:rgba(20,87,217,.20);
    }
    .product-card::after, .application-card::after, .segment-card::after {
      content:""; position:absolute; right:-38px; bottom:-38px; width:118px; height:118px; border-radius:50%;
      background:linear-gradient(135deg, rgba(242,10,122,.10), rgba(255,212,0,.12), rgba(0,183,173,.10), rgba(20,87,217,.10));
      transition:.25s;
    }
    .product-card:hover::after, .application-card:hover::after, .segment-card:hover::after { transform:scale(1.45); }
    .product-card img { width:100%; height:170px; object-fit:cover; border-radius:22px 22px 0 0; }
    .product-body { padding:20px; position:relative; z-index:2; }
    .product-body h3 { font-size:21px; margin-bottom:10px; }
    .product-body p { color:var(--muted); line-height:1.58; font-size:14px; }
    .product-arrow {
      width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#fff; border:1px solid var(--line);
      color:var(--blue); font-weight:950; margin-top:18px; transition:.22s;
    }
    .product-card:hover .product-arrow { background:var(--button); color:var(--navy); border-color:transparent; transform:translateX(5px); }

    .split {
      display:grid; grid-template-columns: .9fr 1.1fr; gap:58px; align-items:center;
    }
    .visual-panel { min-height:500px; border-radius:34px; background:#fff; border:1px solid var(--line); box-shadow:var(--shadow); padding:22px; position:relative; overflow:hidden; }
    .panel-splash { right:-120px; top:28px; width:420px; height:240px; opacity:.18; transform:rotate(15deg); }
    .visual-panel img { position:relative; z-index:2; width:100%; height:100%; object-fit:cover; border-radius:26px; box-shadow:0 24px 60px rgba(17,24,39,.12); }
    .copy h2 { font-size:clamp(34px,4.8vw,58px); line-height:1.03; margin-bottom:20px; }
    .copy p { color:var(--muted); font-size:17px; line-height:1.75; margin-bottom:24px; }
    .check-list { display:grid; gap:12px; }
    .check-list span {
      display:flex; align-items:center; gap:12px; background:#fff; border:1px solid var(--line); border-radius:18px; padding:15px 18px; color:var(--navy); font-weight:850;
      box-shadow:0 10px 24px rgba(17,24,39,.04);
    }
    .check-list span::before { content:"✓"; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:var(--button); color:var(--navy); flex:0 0 28px; }

    .applications { background:#fbfcff; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
    .applications-grid, .segments-grid, .steps-grid, .materials-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
    .application-card, .segment-card, .step-card, .material-card { min-height:226px; padding:28px; }
    .icon {
      width:54px; height:54px; border-radius:18px; display:grid; place-items:center; background:var(--button); margin-bottom:20px; font-size:22px; box-shadow:0 14px 30px rgba(20,87,217,.16);
    }
    .application-card h3, .segment-card h3, .step-card h3, .material-card h3 { font-size:22px; margin-bottom:10px; }
    .application-card p, .segment-card p, .step-card p, .material-card p { color:var(--muted); line-height:1.65; font-size:15px; }


    .interactive-applications {
      position:relative;
      background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
      overflow:hidden;
    }
    .interactive-applications::before,
    .interactive-applications::after {
      content:""; position:absolute; border-radius:50%; pointer-events:none; filter:blur(8px); opacity:.18;
    }
    .interactive-applications::before {
      width:280px; height:280px; left:-80px; top:90px;
      background:radial-gradient(circle, rgba(255,196,0,.95) 0%, rgba(255,196,0,0) 70%);
    }
    .interactive-applications::after {
      width:340px; height:340px; right:-120px; bottom:20px;
      background:radial-gradient(circle, rgba(17,87,217,.75) 0%, rgba(242,10,122,.28) 40%, rgba(17,87,217,0) 72%);
    }
    .applications-title { position:relative; z-index:2; }
    .applications-title .section-subnote {
      display:inline-flex; align-items:center; gap:8px; margin-top:12px; padding:10px 16px;
      border-radius:999px; background:#fff; border:1px solid rgba(17,87,217,.12); box-shadow:0 12px 26px rgba(17,24,39,.06);
      color:var(--navy); font-size:13px; font-weight:800;
    }
    .applications-title .section-subnote::before {
      content:"✦"; display:grid; place-items:center; width:24px; height:24px; border-radius:50%;
      background:linear-gradient(135deg, #ffd400, #f20a7a, #1457d9); color:#fff; font-size:12px;
    }
    .applications-showcase {
      position:relative; z-index:2; display:grid; grid-template-columns:1.2fr .8fr; gap:24px; align-items:start;
    }
    .applications-showcase .applications-grid { grid-template-columns:repeat(2, 1fr); }
    .interactive-app-card {
      cursor:pointer; min-height:280px; padding:24px; display:flex; flex-direction:column; isolation:isolate;
      border-color:rgba(17,87,217,.08); box-shadow:0 16px 36px rgba(17,24,39,.05);
    }
    .interactive-app-card::before {
      content:""; position:absolute; inset:0 0 auto 0; height:5px; border-radius:26px 26px 0 0;
      background:linear-gradient(90deg, var(--app-accent), var(--app-accent-2));
      opacity:.95; z-index:1;
    }
    .interactive-app-card::after {
      background:radial-gradient(circle at center, color-mix(in srgb, var(--app-accent) 26%, white) 0%, rgba(255,255,255,0) 72%);
      width:130px; height:130px; right:-35px; bottom:-38px;
    }
    .application-top {
      position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px;
    }
    .application-badge {
      display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; font-size:12px; font-weight:900;
      color:var(--navy); background:rgba(255,255,255,.92); border:1px solid rgba(17,87,217,.10); box-shadow:0 10px 22px rgba(17,24,39,.05);
    }
    .application-arrow {
      width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#f7f9ff;
      border:1px solid rgba(17,87,217,.08); color:var(--navy); font-size:18px; font-weight:900; transition:.24s ease;
    }
    .interactive-app-card:hover .application-arrow,
    .interactive-app-card.active .application-arrow {
      transform:translateX(5px) rotate(-8deg); background:linear-gradient(135deg, var(--app-accent), var(--app-accent-2)); color:#fff; border-color:transparent;
    }
    .interactive-app-card .icon {
      position:relative; z-index:2; background:linear-gradient(135deg, var(--app-accent), var(--app-accent-2)); color:#fff;
      box-shadow:0 18px 36px color-mix(in srgb, var(--app-accent) 36%, transparent);
    }
    .interactive-app-card h3, .interactive-app-card p, .interactive-app-card .application-tags, .interactive-app-card .application-link { position:relative; z-index:2; }
    .interactive-app-card h3 { margin-bottom:10px; }
    .application-tags {
      display:flex; flex-wrap:wrap; gap:8px; margin-top:18px;
    }
    .application-tags span {
      padding:8px 11px; border-radius:999px; background:#f7f9ff; border:1px solid rgba(17,87,217,.10);
      color:var(--navy); font-size:12px; font-weight:800;
    }
    .application-link {
      margin-top:auto; display:inline-flex; align-items:center; gap:8px; padding-top:18px; color:var(--blue); font-size:14px; font-weight:900;
    }
    .application-link span { transition:transform .24s ease; }
    .interactive-app-card:hover .application-link span,
    .interactive-app-card.active .application-link span { transform:translateX(6px); }
    .interactive-app-card.active {
      transform:translateY(-10px); box-shadow:0 28px 70px rgba(17,24,39,.14); border-color:rgba(17,87,217,.20);
      background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    }
    .application-preview {
      position:sticky; top:110px; overflow:hidden; background:#fff; border:1px solid rgba(17,87,217,.10); border-radius:32px;
      padding:28px; box-shadow:0 26px 70px rgba(17,24,39,.11); min-height:100%;
      --preview-accent:#1457d9; --preview-accent-2:#00b7ad;
    }
    .application-preview::before,
    .application-preview::after {
      content:""; position:absolute; border-radius:50%; pointer-events:none;
    }
    .application-preview::before {
      width:220px; height:220px; top:-90px; right:-70px;
      background:radial-gradient(circle, color-mix(in srgb, var(--preview-accent) 38%, white) 0%, rgba(255,255,255,0) 72%);
      opacity:.9;
    }
    .application-preview::after {
      width:190px; height:190px; left:-50px; bottom:-70px;
      background:radial-gradient(circle, color-mix(in srgb, var(--preview-accent-2) 35%, white) 0%, rgba(255,255,255,0) 72%);
      opacity:.72;
    }
    .application-preview > * { position:relative; z-index:2; }
    .preview-kicker {
      display:inline-flex; align-items:center; gap:8px; padding:9px 14px; border-radius:999px; margin-bottom:18px;
      background:linear-gradient(90deg, rgba(17,87,217,.10), rgba(255,212,0,.16), rgba(0,183,173,.12));
      color:var(--navy); text-transform:uppercase; letter-spacing:.08em; font-weight:900; font-size:12px;
    }
    .preview-icon {
      width:72px; height:72px; border-radius:24px; display:grid; place-items:center; font-size:32px; color:#fff;
      background:linear-gradient(135deg, var(--preview-accent), var(--preview-accent-2)); box-shadow:0 18px 40px rgba(17,24,39,.12); margin-bottom:18px;
    }
    .application-preview h3 { font-size:42px; line-height:1.02; margin-bottom:14px; }
    .application-preview p { color:var(--muted); font-size:16px; line-height:1.75; margin-bottom:22px; }
    .application-preview .tags { margin-top:0; }
    .application-preview .tags span {
      background:#fff; border:1px solid rgba(17,87,217,.12); box-shadow:0 10px 20px rgba(17,24,39,.04);
    }
    .preview-note {
      margin-top:20px; padding:18px; border-radius:22px; background:rgba(255,255,255,.92);
      border:1px solid rgba(17,87,217,.09); box-shadow:0 12px 28px rgba(17,24,39,.05);
    }
    .preview-note strong { display:block; font-size:13px; text-transform:uppercase; letter-spacing:.08em; color:var(--blue); margin-bottom:8px; }
    .preview-note span { color:var(--navy); font-weight:700; line-height:1.6; font-size:14px; }

    .process { background:#fff; }
    .step-number {
      width:44px; height:44px; border-radius:15px; background:var(--button); display:grid; place-items:center; color:var(--navy); font-weight:950; margin-bottom:18px;
    }

    .custom-section { background:#fff; }
    .custom-panel { background:#fff; border:1px solid var(--line); border-radius:34px; box-shadow:var(--shadow); padding:22px; position:relative; overflow:hidden; min-height:420px; }
    .custom-panel .splash { left:-100px; bottom:-30px; width:430px; height:240px; opacity:.16; transform:rotate(-12deg); }
    .custom-panel img { position:relative; z-index:2; border-radius:26px; box-shadow:0 24px 60px rgba(17,24,39,.12); width:100%; height:100%; object-fit:cover; }

    .guide { background:#fbfcff; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
    .guide-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; }
    .guide-options { display:grid; gap:14px; }
    .guide-option { background:#fff; border:1px solid var(--line); border-radius:22px; padding:20px; box-shadow:0 12px 28px rgba(17,24,39,.05); cursor:pointer; transition:.22s; }
    .guide-option:hover, .guide-option.active { transform:translateY(-5px); box-shadow:var(--shadow); border-color:rgba(20,87,217,.24); }
    .guide-option strong { display:block; color:var(--navy); margin-bottom:6px; }
    .guide-option span { color:var(--muted); font-size:14px; line-height:1.55; }
    .guide-result { position:sticky; top:110px; background:#fff; border:1px solid var(--line); border-radius:28px; padding:34px; box-shadow:var(--shadow); }
    .guide-result small { display:block; font-weight:900; text-transform:uppercase; color:var(--blue); margin-bottom:10px; }
    .guide-result h3 { font-size:34px; margin-bottom:12px; }
    .guide-result p { color:var(--muted); line-height:1.7; }
    .tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
    .tags span { padding:9px 12px; background:#fff; border:1px solid var(--line); border-radius:999px; color:var(--navy); font-size:13px; font-weight:800; box-shadow:0 8px 18px rgba(17,24,39,.04); }

    .clients { background:#fff; }
    .carousel { overflow:hidden; mask-image:linear-gradient(to right, transparent, #000 8%, #000 92%, transparent); -webkit-mask-image:linear-gradient(to right, transparent, #000 8%, #000 92%, transparent); }
    .track { display:flex; align-items:center; gap:18px; width:max-content; animation: scroll 44s linear infinite; padding:10px 0; }
    .carousel:hover .track { animation-play-state:paused; }
    .client-logo { flex:0 0 auto; width:210px; height:116px; border-radius:22px; border:1px solid var(--line); background:#fff; display:flex; align-items:center; justify-content:center; padding:18px 20px; box-shadow:0 12px 28px rgba(17,24,39,.06); }
    .client-logo.dark { background:#06090f; border-color:rgba(255,255,255,.10); }
    .client-logo img { max-width:100%; max-height:66px; object-fit:contain; }

    .cta-section { padding:70px 0; }
    .cta-card {
      position:relative; overflow:hidden; border-radius:34px; padding:44px 48px; min-height:220px;
      display:grid; grid-template-columns:1fr auto; gap:28px; align-items:center;
      background:linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 64%, #11104e 100%); color:#fff; box-shadow:0 30px 74px rgba(7,27,58,.18);
    }
    .cta-card .splash { left:-84px; top:-10px; width:390px; height:230px; opacity:.76; transform:rotate(-14deg); }
    .cta-card > * { position:relative; z-index:2; }
    .cta-card h2 { color:#fff; font-size:clamp(34px,4vw,56px); line-height:1; margin-bottom:12px; }
    .cta-card p { color:rgba(255,255,255,.78); line-height:1.7; max-width:650px; }

    .quote { background:#fbfcff; border-top:1px solid var(--line); }
    .quote-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:44px; align-items:start; }
    .quote-copy h2 { font-size:clamp(34px,4.8vw,58px); line-height:1.03; margin-bottom:18px; }
    .quote-copy p { color:var(--muted); line-height:1.75; font-size:17px; }
    .phone-card { margin-top:24px; background:#fff; border:1px solid var(--line); border-radius:24px; padding:22px; box-shadow:0 12px 28px rgba(17,24,39,.05); }
    .phone-card small { display:block; color:var(--blue); font-weight:900; text-transform:uppercase; margin-bottom:6px; }
    .phone-card strong { color:var(--navy); font-size:24px; }
    form { background:#fff; border:1px solid var(--line); border-radius:30px; padding:30px; box-shadow:var(--shadow); }
    .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
    label { display:block; color:var(--navy); font-weight:800; font-size:13px; margin-bottom:8px; }
    input, select, textarea {
      width:100%; border:1px solid rgba(7,27,58,.14); border-radius:16px; padding:14px 15px; color:var(--text); background:#fff; margin-bottom:16px;
    }
    textarea { min-height:120px; resize:vertical; }
    input:focus, select:focus, textarea:focus { outline:none; border-color:rgba(20,87,217,.40); box-shadow:0 0 0 4px rgba(20,87,217,.08); }

    .footer {
      background:
        radial-gradient(circle at 12% 18%, rgba(242,10,122,.10), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(0,169,232,.12), transparent 30%),
        linear-gradient(135deg, var(--navy) 0%, #081e40 54%, var(--navy-2) 100%);
      color:rgba(255,255,255,.82); padding:76px 0 30px;
    }
    .footer-grid { display:grid; grid-template-columns:1.2fr .7fr .7fr; gap:40px; }
    .footer-logo { display:inline-flex; background:#fff; padding:14px 18px; border-radius:24px; box-shadow:0 18px 40px rgba(0,0,0,.18); margin-bottom:18px; }
    .footer-logo img { width:230px; }
    .footer h3 { color:#fff; margin-bottom:16px; font-size:20px; }
    .footer p, .footer a { color:rgba(255,255,255,.82); line-height:1.9; }
    .footer-bottom { border-top:1px solid rgba(255,255,255,.12); margin-top:46px; padding-top:22px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:13px; }

    .whatsapp {
      position:fixed; right:22px; bottom:22px; z-index:90; width:58px; height:58px; border-radius:50%;
      display:grid; place-items:center; background:#25d366; color:#fff; font-size:28px; box-shadow:0 18px 36px rgba(37,211,102,.30);
    }

    @keyframes floatY { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }
    @keyframes spin { to { transform:rotate(360deg)} }
    @keyframes scroll { to { transform:translateX(calc(-50% - 9px)); } }

    @media (max-width: 1080px) {
      .hero .container, .split, .quote-grid, .guide-grid { grid-template-columns:1fr; }
      .product-grid { grid-template-columns:repeat(2,1fr); }
      .benefit-card { grid-template-columns:repeat(2,1fr); }
      .benefit-card article:nth-child(2) { border-right:0; }
      .applications-grid, .segments-grid, .steps-grid, .materials-grid { grid-template-columns:repeat(2,1fr); }
      .applications-showcase { grid-template-columns:1fr; }
      .applications-showcase .applications-grid { grid-template-columns:repeat(2,1fr); }
      .application-preview { position:relative; top:auto; }
      .hero-visual { min-height:560px; }
    }

    @media (max-width: 920px) {
      .menu-btn { display:block; }
      .nav { position:fixed; top:0; right:-100%; height:100vh; width:min(340px,86vw); background:#fff; flex-direction:column; align-items:flex-start; padding:110px 28px 28px; box-shadow:-24px 0 60px rgba(17,24,39,.14); transition:.28s; }
      body.menu-open .nav { right:0; }
      .nav a { padding:12px 0; }
      .header .btn-primary { display:none; }
      .footer-grid { grid-template-columns:1fr; }
      .cta-card { grid-template-columns:1fr; }
    }

    @media (max-width: 680px) {
      .brand img { width:165px; }
      .hero .container { padding:54px 0 48px; }
      .hero-copy h1 { font-size:44px; }
      .hero-actions .btn { width:100%; }
      .product-grid, .benefit-card, .applications-grid, .segments-grid, .steps-grid, .materials-grid, .form-row { grid-template-columns:1fr; }
      .applications-showcase .applications-grid { grid-template-columns:1fr; }
      .interactive-app-card { min-height:auto; }
      .application-preview h3 { font-size:34px; }
      .benefit-card article { border-right:0; border-bottom:1px solid var(--line); }
      .benefit-card article:last-child { border-bottom:0; }
      .hero-splash { width:430px; right:-150px; opacity:.50; }
      .floating { position:relative; inset:auto; margin-top:12px; animation:none; }
      .hero-visual { min-height:auto; display:block; }
      .cta-card { padding:32px 24px; }
      .cta-card .btn { width:100%; }
      .carousel { mask-image:none; -webkit-mask-image:none; }
    }
  
    /* V16 - HOME APROVADA: layout igual à referência, sem embalagens/pouches no hero */
    body {
      background: #fff !important;
    }

    .topbar {
      display: none !important;
    }

    .header {
      background: rgba(255,255,255,.96) !important;
      border-bottom: 0 !important;
      box-shadow: none !important;
    }

    .header.scrolled {
      box-shadow: 0 12px 36px rgba(17,24,39,.08) !important;
      border-bottom: 1px solid rgba(7,27,58,.08) !important;
    }

    .header-row {
      min-height: 88px !important;
    }

    .brand img {
      width: 238px !important;
      max-width: 238px !important;
      filter: none !important;
    }

    .nav {
      gap: 26px !important;
      font-size: 15px !important;
      font-weight: 800 !important;
    }

    .nav a {
      padding: 32px 0 !important;
      color: #071b3a !important;
      opacity: 1 !important;
    }

    .nav a.active::after {
      width: 100% !important;
    }

    .nav a span {
      font-size: 12px;
      margin-left: 3px;
    }

    .header-cta {
      padding: 15px 24px !important;
      min-width: 210px;
      justify-content: center;
    }

    .btn-primary {
      background: linear-gradient(135deg, #ff8a00 0%, #f23b2e 28%, #f20a7a 52%, #1457d9 100%) !important;
      color: #fff !important;
      box-shadow: 0 18px 38px rgba(20, 87, 217, .18) !important;
    }

    .btn-primary span {
      font-size: 24px;
      line-height: 0;
      margin-left: 6px;
    }

    .hero {
      background: #fff !important;
      border-bottom: 0 !important;
      overflow: hidden !important;
      padding: 0 !important;
    }

    .hero::before,
    .hero::after,
    .splash,
    .dots,
    .floating,
    .hero-frame::before {
      display: none !important;
    }

    .hero-layout {
      min-height: 610px !important;
      padding: 38px 0 18px !important;
      grid-template-columns: .82fr 1.18fr !important;
      gap: 34px !important;
      align-items: center !important;
    }

    .hero-copy {
      padding-top: 10px;
    }

    .hero-pill {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      border: 1px solid rgba(20,87,217,.28);
      background: #fff;
      color: #1457d9;
      border-radius: 999px;
      padding: 11px 18px;
      font-size: 13px;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: .08em;
      box-shadow: 0 10px 22px rgba(20,87,217,.08);
      margin-bottom: 20px;
    }

    .hero-copy h1 {
      font-size: clamp(46px, 5.5vw, 76px) !important;
      line-height: .99 !important;
      letter-spacing: -.075em !important;
      font-weight: 950 !important;
      color: #071b3a !important;
      margin-bottom: 22px !important;
      max-width: 650px;
    }

    .hero-copy h1 span {
      background: linear-gradient(90deg, #ff8200, #f20a7a, #1457d9) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }

    .hero-copy h1 span::after {
      display: none !important;
    }

    .hero-copy p {
      max-width: 520px !important;
      color: #5f6b7c !important;
      font-size: 17px !important;
      line-height: 1.65 !important;
      margin-bottom: 0 !important;
    }

    .hero-actions {
      margin-top: 34px !important;
      gap: 16px !important;
    }

    .hero-actions .btn {
      padding: 15px 24px !important;
      min-width: 188px;
    }

    .btn-outline {
      background: #fff !important;
      color: #071b3a !important;
      border: 1px solid rgba(20,87,217,.26) !important;
      box-shadow: none !important;
    }

    .mini-social {
      margin-top: 30px !important;
      gap: 16px !important;
    }

    .mini-social span {
      color: #071b3a !important;
      line-height: 1.45;
      font-size: 14px;
      font-weight: 500;
    }

    .mini-social strong {
      font-weight: 900;
    }

    .hero-visual-clean {
      min-height: 510px !important;
      display: flex !important;
      justify-content: flex-end !important;
      align-items: center !important;
    }

    .hero-visual-clean img {
      width: min(860px, 100%) !important;
      max-width: none !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      transform: translateX(28px) scale(1.04);
    }

    .benefits {
      background: #fff !important;
      padding: 0 0 36px !important;
      position: relative;
      z-index: 6;
    }

    .benefit-card {
      margin-top: 0 !important;
      border-radius: 26px !important;
      box-shadow: 0 18px 42px rgba(17,24,39,.08) !important;
      border: 1px solid rgba(7,27,58,.08) !important;
      grid-template-columns: repeat(4, 1fr) !important;
      overflow: hidden !important;
    }

    .benefit-card article {
      min-height: 126px !important;
      padding: 26px 30px !important;
      display: grid;
      grid-template-columns: 62px 1fr;
      column-gap: 18px;
      align-items: center;
      border-right: 1px solid rgba(7,27,58,.10) !important;
      background: #fff !important;
    }

    .benefit-card article:last-child {
      border-right: 0 !important;
    }

    .benefit-icon {
      width: 56px !important;
      height: 56px !important;
      border-radius: 50% !important;
      color: #fff !important;
      margin: 0 !important;
      box-shadow: inset 0 0 0 7px rgba(255,255,255,.20), 0 12px 22px rgba(17,24,39,.12) !important;
      grid-row: span 2;
      font-size: 24px;
    }

    .icon-blue { background: #1457d9 !important; }
    .icon-pink { background: #f20a7a !important; }
    .icon-orange { background: #ff8200 !important; }
    .icon-green { background: #22b71f !important; }

    .benefit-card strong {
      font-size: 18px !important;
      line-height: 1.05 !important;
      color: #071b3a !important;
      margin: 0 0 6px !important;
      letter-spacing: -.045em;
    }

    .benefit-card p {
      color: #667085 !important;
      font-size: 13px !important;
      line-height: 1.45 !important;
      margin: 0 !important;
    }

    .products-section {
      padding: 30px 0 86px !important;
      background: #fff !important;
      overflow: visible !important;
    }

    .compact-title {
      margin-bottom: 24px !important;
    }

    .kicker.no-lines {
      display: block !important;
      font-size: 12px !important;
      font-weight: 950 !important;
      color: #1457d9 !important;
      background: none !important;
      -webkit-text-fill-color: #1457d9 !important;
      text-transform: uppercase;
      letter-spacing: .11em;
      margin-bottom: 8px !important;
    }

    .kicker.no-lines::before,
    .kicker.no-lines::after {
      display: none !important;
    }

    .compact-title h2 {
      max-width: 700px;
      margin: 0 auto;
      font-size: clamp(30px, 3.4vw, 42px) !important;
      line-height: 1.08 !important;
      letter-spacing: -.06em !important;
      color: #071b3a !important;
    }

    .product-grid-five {
      grid-template-columns: repeat(5, 1fr) !important;
      gap: 18px !important;
    }

    .product-card {
      border-radius: 20px !important;
      border: 1px solid rgba(7,27,58,.09) !important;
      box-shadow: 0 14px 34px rgba(17,24,39,.06) !important;
      min-height: 300px;
      overflow: hidden !important;
      background: #fff !important;
    }

    .product-card::after {
      display: none !important;
    }

    .product-card img {
      height: 145px !important;
      width: calc(100% - 24px) !important;
      margin: 12px 12px 0 !important;
      border-radius: 16px !important;
      object-fit: cover !important;
    }

    .product-body {
      padding: 16px 18px 18px !important;
      min-height: 142px;
      display: flex;
      flex-direction: column;
      position: relative;
    }

    .product-body h3 {
      font-size: 17px !important;
      color: #071b3a !important;
      line-height: 1.08 !important;
      margin-bottom: 10px !important;
      letter-spacing: -.045em;
    }

    .product-body p {
      font-size: 13px !important;
      color: #667085 !important;
      line-height: 1.45 !important;
      margin: 0 !important;
    }

    .product-arrow {
      width: 36px !important;
      height: 36px !important;
      position: absolute;
      right: 16px;
      bottom: 16px;
      border: 1px solid rgba(20,87,217,.25) !important;
      color: #1457d9 !important;
      font-size: 22px;
      background: #fff !important;
    }

    .product-card:hover .product-arrow {
      background: #1457d9 !important;
      color: #fff !important;
    }

    .products-more {
      display: flex;
      justify-content: center;
      margin-top: 28px;
      position: relative;
    }

    .products-more::before {
      content: "";
      position: absolute;
      top: 50%;
      width: 360px;
      height: 90px;
      background: linear-gradient(90deg, #ff8200, #f20a7a, #1457d9);
      filter: blur(18px);
      opacity: .18;
      z-index: 0;
      border-radius: 50%;
    }

    .products-more .btn {
      position: relative;
      z-index: 1;
    }

    .product-card:nth-child(n+6) {
      display: none !important;
    }

    @media (max-width: 1180px) {
      .product-grid-five {
        grid-template-columns: repeat(3, 1fr) !important;
      }
      .benefit-card article {
        padding: 22px !important;
      }
    }

    @media (max-width: 920px) {
      .brand img {
        width: 180px !important;
      }

      .nav {
        gap: 0 !important;
      }

      .hero-layout {
        grid-template-columns: 1fr !important;
        padding-top: 46px !important;
      }

      .hero-visual-clean {
        min-height: auto !important;
      }

      .hero-visual-clean img {
        transform: none !important;
        width: 100% !important;
      }

      .benefit-card {
        grid-template-columns: repeat(2, 1fr) !important;
      }

      .benefit-card article:nth-child(2) {
        border-right: 0 !important;
      }

      .benefit-card article:nth-child(1),
      .benefit-card article:nth-child(2) {
        border-bottom: 1px solid rgba(7,27,58,.10) !important;
      }
    }

    @media (max-width: 680px) {
      .hero-copy h1 {
        font-size: 42px !important;
      }

      .hero-pill {
        font-size: 11px;
        padding: 10px 14px;
      }

      .benefit-card,
      .product-grid-five {
        grid-template-columns: 1fr !important;
      }

      .benefit-card article {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(7,27,58,.10) !important;
      }

      .benefit-card article:last-child {
        border-bottom: 0 !important;
      }
    }

  
    /* V17 — Guia interativo colorido e animado */
    .guide-vibrant {
      position: relative;
      background:
        radial-gradient(circle at 88% 3%, rgba(20,87,217,.13), transparent 24%),
        radial-gradient(circle at 96% 74%, rgba(255,212,0,.13), transparent 22%),
        radial-gradient(circle at 8% 90%, rgba(0,169,232,.08), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
      border-top: 1px solid rgba(7,27,58,.07);
      border-bottom: 1px solid rgba(7,27,58,.07);
      overflow: hidden;
    }

    .guide-bg-orb {
      position: absolute;
      border-radius: 999px;
      pointer-events: none;
      filter: blur(2px);
      opacity: .65;
      animation: orbFloat 8s ease-in-out infinite;
    }

    .orb-one {
      width: 150px;
      height: 150px;
      right: -32px;
      top: -42px;
      background: radial-gradient(circle, rgba(20,87,217,.40), rgba(0,169,232,.10) 62%, transparent 70%);
    }

    .orb-two {
      width: 98px;
      height: 98px;
      right: 42px;
      bottom: 46px;
      background: radial-gradient(circle, rgba(255,212,0,.45), rgba(242,10,122,.11) 62%, transparent 70%);
      animation-delay: -2.5s;
    }

    .guide-line {
      position: absolute;
      height: 3px;
      width: 340px;
      border-radius: 999px;
      background: var(--gradient);
      opacity: .22;
      pointer-events: none;
    }

    .line-one {
      right: 80px;
      bottom: 62px;
      transform: rotate(-12deg);
      animation: lineWave 7s ease-in-out infinite;
    }

    .line-two {
      right: -80px;
      bottom: 28px;
      transform: rotate(-19deg);
      animation: lineWave 7s ease-in-out infinite reverse;
    }

    .guide-grid-vibrant {
      position: relative;
      z-index: 2;
      grid-template-columns: .95fr 1.05fr !important;
      align-items: center !important;
      gap: 54px !important;
    }

    .guide-left h2 {
      font-size: clamp(36px, 4.5vw, 58px);
      line-height: 1.02;
      margin-bottom: 18px;
      letter-spacing: -.065em;
    }

    .guide-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 22px;
      font-size: 14px;
      line-height: 1;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: .16em;
      background: var(--gradient);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      position: relative;
    }

    .guide-kicker::before,
    .guide-kicker::after {
      content: "";
      width: 54px;
      height: 4px;
      border-radius: 999px;
      background: var(--gradient);
      display: inline-block;
    }

    .guide-intro {
      display: flex;
      align-items: center;
      gap: 16px;
      margin: 18px 0 28px;
      max-width: 680px;
    }

    .guide-click-icon {
      flex: 0 0 58px;
      width: 58px;
      height: 58px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: rgba(20,87,217,.08);
      color: var(--blue);
      font-size: 26px;
      box-shadow: 0 14px 34px rgba(20,87,217,.12);
      animation: tapPulse 1.8s ease-in-out infinite;
    }

    .guide-intro p {
      color: #566178;
      line-height: 1.65;
      font-size: 20px;
      margin: 0;
    }

    .guide-intro strong {
      background: linear-gradient(90deg, var(--blue), var(--purple), var(--pink));
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: 900;
    }

    .guide-options-vibrant {
      display: grid;
      gap: 18px !important;
    }

    .guide-options-vibrant .guide-option {
      position: relative;
      display: grid;
      grid-template-columns: 86px 1fr 34px;
      align-items: center;
      gap: 22px;
      min-height: 126px;
      padding: 22px 26px !important;
      border-radius: 28px !important;
      background: rgba(255,255,255,.94) !important;
      border: 1px solid rgba(20,87,217,.13) !important;
      box-shadow: 0 18px 40px rgba(17,24,39,.06) !important;
      overflow: hidden;
      cursor: pointer;
      transform: translateZ(0);
      transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    }

    .guide-options-vibrant .guide-option::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      padding: 3px;
      background: var(--gradient);
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      opacity: 0;
      transition: opacity .28s ease;
      pointer-events: none;
    }

    .guide-options-vibrant .guide-option::after {
      content: "";
      position: absolute;
      right: -70px;
      bottom: -70px;
      width: 170px;
      height: 170px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(20,87,217,.10), rgba(242,10,122,.08), transparent 70%);
      opacity: 0;
      transform: scale(.75);
      transition: opacity .28s ease, transform .28s ease;
    }

    .guide-options-vibrant .guide-option:hover,
    .guide-options-vibrant .guide-option.active {
      transform: translateY(-7px);
      box-shadow: 0 28px 70px rgba(17,24,39,.13) !important;
      border-color: transparent !important;
    }

    .guide-options-vibrant .guide-option:hover::before,
    .guide-options-vibrant .guide-option.active::before {
      opacity: 1;
    }

    .guide-options-vibrant .guide-option:hover::after,
    .guide-options-vibrant .guide-option.active::after {
      opacity: 1;
      transform: scale(1.1);
    }

    .option-icon {
      width: 76px;
      height: 76px;
      border-radius: 24px;
      display: grid;
      place-items: center;
      font-size: 34px;
      color: #fff;
      position: relative;
      z-index: 2;
      box-shadow: 0 16px 34px rgba(17,24,39,.12);
      transition: transform .28s ease;
    }

    .guide-option:hover .option-icon,
    .guide-option.active .option-icon {
      transform: rotate(-6deg) scale(1.06);
    }

    .option-icon.blue { background: linear-gradient(135deg, #1457d9, #00a9e8); }
    .option-icon.pink { background: linear-gradient(135deg, #1457d9, #f20a7a, #ff8200); }
    .option-icon.green { background: linear-gradient(135deg, #5ed11f, #00b7ad); }
    .option-icon.orange { background: linear-gradient(135deg, #ffd400, #ff8200, #f23b2e); }

    .guide-options-vibrant .guide-option strong {
      display: flex !important;
      align-items: center;
      gap: 12px;
      color: var(--navy) !important;
      font-size: 22px;
      line-height: 1.08;
      margin-bottom: 8px;
      letter-spacing: -.045em;
    }

    .guide-options-vibrant .guide-option.active strong::after {
      content: "Selecionado ✓";
      font-size: 13px;
      letter-spacing: 0;
      color: var(--purple);
      border: 1px solid rgba(111,41,217,.28);
      border-radius: 999px;
      padding: 7px 12px;
      background: #fff;
      box-shadow: 0 8px 20px rgba(111,41,217,.08);
      -webkit-text-fill-color: var(--purple);
    }

    .guide-options-vibrant .guide-option span {
      color: #667085 !important;
      line-height: 1.55;
      font-size: 16px;
    }

    .guide-options-vibrant .guide-option em {
      position: relative;
      z-index: 2;
      font-style: normal;
      font-size: 34px;
      font-weight: 900;
      color: var(--blue);
      transition: transform .28s ease, color .28s ease;
    }

    .guide-options-vibrant .guide-option:hover em,
    .guide-options-vibrant .guide-option.active em {
      transform: translateX(7px);
      color: var(--purple);
    }

    .guide-result-vibrant {
      position: relative !important;
      top: auto !important;
      min-height: 430px;
      padding: 48px !important;
      border-radius: 34px !important;
      background:
        radial-gradient(circle at 86% 16%, rgba(242,10,122,.10), transparent 32%),
        radial-gradient(circle at 4% 98%, rgba(0,169,232,.16), transparent 30%),
        rgba(255,255,255,.92) !important;
      border: 1px solid rgba(20,87,217,.18) !important;
      box-shadow: 0 34px 90px rgba(17,24,39,.13) !important;
      overflow: hidden;
      backdrop-filter: blur(18px);
      animation: resultFloat 6s ease-in-out infinite;
    }

    .guide-result-vibrant::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      padding: 3px;
      background: var(--gradient);
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      opacity: .55;
      pointer-events: none;
    }

    .result-glow {
      position: absolute;
      inset: auto -20px -48px -20px;
      height: 100px;
      background: var(--gradient);
      filter: blur(34px);
      opacity: .22;
      pointer-events: none;
    }

    .result-pattern {
      position: absolute;
      right: 28px;
      top: 26px;
      width: 210px;
      height: 180px;
      opacity: .18;
      background-image: radial-gradient(circle, rgba(242,10,122,.42) 1px, transparent 2px);
      background-size: 12px 12px;
      pointer-events: none;
    }

    .guide-result-vibrant small {
      display: inline-flex !important;
      color: #fff !important;
      -webkit-text-fill-color: #fff !important;
      background: linear-gradient(90deg, #1457d9, #7c2be8, #f20a7a, #ff8200) !important;
      border-radius: 999px;
      padding: 12px 20px;
      font-size: 14px !important;
      letter-spacing: .03em;
      margin-bottom: 44px !important;
      box-shadow: 0 16px 32px rgba(20,87,217,.16);
    }

    .result-main {
      display: flex;
      align-items: center;
      gap: 24px;
      margin-bottom: 28px;
      position: relative;
      z-index: 2;
    }

    .result-icon {
      width: 92px;
      height: 92px;
      border-radius: 30px;
      display: grid;
      place-items: center;
      font-size: 46px;
      background: var(--button);
      box-shadow: 0 20px 44px rgba(20,87,217,.18);
      animation: iconBounce 2.8s ease-in-out infinite;
      flex: 0 0 auto;
    }

    .guide-result-vibrant h3 {
      font-size: clamp(36px, 4.3vw, 62px) !important;
      line-height: 1 !important;
      margin: 0 !important;
      color: var(--navy) !important;
      letter-spacing: -.07em !important;
    }

    .result-rainbow-line {
      width: 250px;
      max-width: 100%;
      height: 6px;
      border-radius: 999px;
      background: var(--gradient);
      margin-top: 18px;
      animation: rainbowMove 3s linear infinite;
      background-size: 200% 100%;
    }

    .guide-result-vibrant p {
      color: #566178 !important;
      font-size: 21px !important;
      line-height: 1.62 !important;
      margin-bottom: 32px !important;
      position: relative;
      z-index: 2;
    }

    .tags-vibrant {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px !important;
      position: relative;
      z-index: 2;
    }

    .tags-vibrant span {
      display: flex;
      align-items: center;
      gap: 10px;
      min-height: 60px;
      background: rgba(255,255,255,.86) !important;
      border: 1px solid rgba(20,87,217,.13) !important;
      color: var(--navy) !important;
      border-radius: 20px !important;
      padding: 14px 18px !important;
      font-size: 15px !important;
      box-shadow: 0 12px 26px rgba(17,24,39,.06) !important;
      transition: transform .22s ease, box-shadow .22s ease;
    }

    .tags-vibrant span:hover {
      transform: translateY(-4px);
      box-shadow: 0 20px 38px rgba(17,24,39,.11) !important;
    }

    .tags-vibrant span::before {
      content: "✦";
      width: 34px;
      height: 34px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--button);
      color: #fff;
      flex: 0 0 34px;
    }

    .guide-result-vibrant.pulse-change {
      animation: cardChange .45s ease, resultFloat 6s ease-in-out infinite .45s;
    }

    @keyframes tapPulse {
      0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 14px 34px rgba(20,87,217,.12); }
      50% { transform: translateY(-4px) scale(1.06); box-shadow: 0 22px 48px rgba(20,87,217,.18); }
    }

    @keyframes resultFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    @keyframes iconBounce {
      0%, 100% { transform: rotate(-4deg) scale(1); }
      50% { transform: rotate(4deg) scale(1.06); }
    }

    @keyframes rainbowMove {
      from { background-position: 0 50%; }
      to { background-position: 200% 50%; }
    }

    @keyframes orbFloat {
      0%, 100% { transform: translateY(0) translateX(0); }
      50% { transform: translateY(18px) translateX(-12px); }
    }

    @keyframes lineWave {
      0%, 100% { transform: translateY(0) rotate(-12deg); }
      50% { transform: translateY(-14px) rotate(-8deg); }
    }

    @keyframes cardChange {
      0% { transform: scale(.985) translateY(0); }
      55% { transform: scale(1.018) translateY(-6px); }
      100% { transform: scale(1) translateY(0); }
    }

    @media (max-width: 1080px) {
      .guide-grid-vibrant {
        grid-template-columns: 1fr !important;
      }

      .guide-result-vibrant {
        min-height: auto;
      }
    }

    @media (max-width: 680px) {
      .guide-kicker {
        font-size: 11px;
        letter-spacing: .08em;
      }

      .guide-kicker::before,
      .guide-kicker::after {
        width: 28px;
      }

      .guide-intro {
        align-items: flex-start;
      }

      .guide-click-icon {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
      }

      .guide-intro p {
        font-size: 17px;
      }

      .guide-options-vibrant .guide-option {
        grid-template-columns: 62px 1fr;
        padding: 18px !important;
      }

      .guide-options-vibrant .guide-option em {
        display: none;
      }

      .option-icon {
        width: 58px;
        height: 58px;
        border-radius: 18px;
        font-size: 28px;
      }

      .guide-options-vibrant .guide-option strong {
        font-size: 18px;
      }

      .guide-options-vibrant .guide-option.active strong::after {
        display: none;
      }

      .guide-result-vibrant {
        padding: 28px !important;
        border-radius: 26px !important;
      }

      .result-main {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
      }

      .result-icon {
        width: 76px;
        height: 76px;
        border-radius: 24px;
        font-size: 38px;
      }

      .guide-result-vibrant p {
        font-size: 17px !important;
      }

      .tags-vibrant {
        grid-template-columns: 1fr;
      }
    }

  
    /* V18 — Header fixo mais compacto */
    .header-row {
      min-height: 66px !important;
      gap: 18px !important;
    }

    .brand img {
      width: 160px !important;
      max-width: 160px !important;
      height: auto !important;
    }

    .nav {
      gap: 18px !important;
      font-size: 13px !important;
      font-weight: 850 !important;
    }

    .nav a {
      padding: 22px 0 !important;
    }

    .nav a::after {
      bottom: 15px !important;
      height: 3px !important;
    }

    .header-cta {
      min-width: 175px !important;
      padding: 12px 20px !important;
      font-size: 13px !important;
    }

    .header-cta span {
      font-size: 20px !important;
    }

    .header.scrolled {
      box-shadow: 0 10px 28px rgba(17,24,39,.08) !important;
    }

    @media (max-width: 1180px) {
      .brand img {
        width: 148px !important;
        max-width: 148px !important;
      }

      .nav {
        gap: 14px !important;
        font-size: 12.5px !important;
      }

      .header-cta {
        min-width: 158px !important;
        padding: 11px 16px !important;
      }
    }

    @media (max-width: 920px) {
      .header-row {
        min-height: 64px !important;
      }

      .brand img {
        width: 138px !important;
        max-width: 138px !important;
      }

      .nav {
        padding-top: 86px !important;
      }
    }

    @media (max-width: 680px) {
      .brand img {
        width: 128px !important;
        max-width: 128px !important;
      }
    }

  
    /* V22 — Seção Impressoras Flexográficas e Térmicas */
    .printers-section {
      position: relative;
      background:
        radial-gradient(circle at 12% 18%, rgba(255, 212, 0, .10), transparent 26%),
        radial-gradient(circle at 92% 16%, rgba(20, 87, 217, .10), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
      overflow: hidden;
      border-top: 1px solid rgba(7,27,58,.07);
      border-bottom: 1px solid rgba(7,27,58,.07);
    }

    .printer-splash {
      position: absolute;
      pointer-events: none;
      filter: blur(12px);
      opacity: .16;
      border-radius: 999px;
      z-index: 0;
    }

    .printer-splash-one {
      width: 360px;
      height: 360px;
      left: -120px;
      top: 80px;
      background: radial-gradient(circle, #ff8200 0%, #f20a7a 36%, transparent 72%);
      animation: orbFloat 9s ease-in-out infinite;
    }

    .printer-splash-two {
      width: 420px;
      height: 420px;
      right: -150px;
      bottom: 40px;
      background: radial-gradient(circle, #00b7ad 0%, #1457d9 42%, transparent 72%);
      animation: orbFloat 10s ease-in-out infinite reverse;
    }

    .printers-section .container {
      position: relative;
      z-index: 2;
    }

    .printers-title {
      max-width: 900px;
    }

    .printers-grid {
      display: grid;
      grid-template-columns: 1.08fr .92fr;
      gap: 24px;
      align-items: stretch;
    }

    .printer-card {
      position: relative;
      overflow: hidden;
      border-radius: 34px;
      background: rgba(255,255,255,.94);
      border: 1px solid rgba(7,27,58,.10);
      box-shadow: 0 22px 58px rgba(17,24,39,.08);
      transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
      min-height: 560px;
    }

    .printer-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 34px 84px rgba(17,24,39,.14);
      border-color: rgba(20,87,217,.22);
    }

    .printer-card::before {
      content: "";
      position: absolute;
      inset: 0 0 auto 0;
      height: 6px;
      background: var(--gradient);
      z-index: 4;
    }

    .printer-card::after {
      content: "";
      position: absolute;
      right: -90px;
      bottom: -90px;
      width: 230px;
      height: 230px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(255,212,0,.22), rgba(242,10,122,.10), transparent 72%);
      transition: transform .28s ease;
      pointer-events: none;
    }

    .printer-card:hover::after {
      transform: scale(1.28);
    }

    .printer-image {
      height: 280px;
      padding: 18px;
      background:
        radial-gradient(circle at 20% 20%, rgba(255,212,0,.18), transparent 30%),
        linear-gradient(135deg, #ffffff, #f6f9ff);
    }

    .printer-card-featured .printer-image {
      height: 310px;
    }

    .printer-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 24px;
      box-shadow: 0 18px 42px rgba(17,24,39,.10);
    }

    .printer-image-thermal img {
      object-position: center;
    }

    .printer-content {
      position: relative;
      z-index: 2;
      padding: 30px;
    }

    .printer-label {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 9px 14px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(255,130,0,.12), rgba(242,10,122,.10), rgba(20,87,217,.10));
      color: var(--navy);
      border: 1px solid rgba(7,27,58,.08);
      font-size: 12px;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: .08em;
      margin-bottom: 16px;
    }

    .printer-label::before {
      content: "✦";
      width: 22px;
      height: 22px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: linear-gradient(135deg, #ff8200, #f20a7a, #1457d9);
      color: #fff;
      font-size: 11px;
    }

    .printer-label.thermal::before {
      background: linear-gradient(135deg, #00b7ad, #1457d9);
    }

    .printer-content h3 {
      font-size: clamp(30px, 3vw, 44px);
      line-height: 1.02;
      margin-bottom: 14px;
      color: var(--navy);
    }

    .printer-content p {
      color: var(--muted);
      line-height: 1.72;
      font-size: 16px;
      margin-bottom: 22px;
    }

    .printer-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .printer-tags span {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 12px;
      border-radius: 999px;
      background: #fff;
      border: 1px solid rgba(7,27,58,.10);
      color: var(--navy);
      font-size: 13px;
      font-weight: 850;
      box-shadow: 0 8px 18px rgba(17,24,39,.04);
    }

    .printer-tags span::before {
      content: "✓";
      width: 20px;
      height: 20px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--button);
      color: #fff;
      font-size: 11px;
      flex: 0 0 20px;
    }

    .printer-bottom {
      margin-top: 26px;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 22px;
      align-items: center;
      padding: 28px 32px;
      border-radius: 30px;
      background:
        radial-gradient(circle at 12% 50%, rgba(242,10,122,.10), transparent 28%),
        linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 72%, #11104e 100%);
      color: #fff;
      box-shadow: 0 24px 64px rgba(7,27,58,.16);
      overflow: hidden;
      position: relative;
    }

    .printer-bottom::after {
      content: "";
      position: absolute;
      right: -70px;
      bottom: -120px;
      width: 260px;
      height: 260px;
      border-radius: 50%;
      background: var(--gradient);
      filter: blur(24px);
      opacity: .22;
      pointer-events: none;
    }

    .printer-bottom > * {
      position: relative;
      z-index: 2;
    }

    .printer-bottom strong {
      display: block;
      color: #fff;
      font-size: 24px;
      letter-spacing: -.04em;
      margin-bottom: 8px;
    }

    .printer-bottom p {
      color: rgba(255,255,255,.78);
      line-height: 1.65;
      max-width: 760px;
      margin: 0;
    }

    @media (max-width: 1180px) {
      .nav {
        gap: 12px !important;
        font-size: 12px !important;
      }
    }

    @media (max-width: 980px) {
      .printers-grid,
      .printer-bottom {
        grid-template-columns: 1fr;
      }

      .printer-card {
        min-height: auto;
      }

      .printer-bottom .btn {
        width: fit-content;
      }
    }

    @media (max-width: 680px) {
      .printer-image,
      .printer-card-featured .printer-image {
        height: 220px;
        padding: 14px;
      }

      .printer-content {
        padding: 24px;
      }

      .printer-bottom {
        padding: 26px 22px;
      }

      .printer-bottom .btn {
        width: 100%;
      }
    }

  
    /* V23 — Seções organizadas e novas áreas comerciais */
    .enterprise-section {
      position: relative;
      background:
        radial-gradient(circle at 10% 20%, rgba(242,10,122,.08), transparent 24%),
        radial-gradient(circle at 86% 18%, rgba(0,183,173,.10), transparent 28%),
        linear-gradient(180deg, #fff 0%, #fbfcff 100%);
      overflow: hidden;
      border-top: 1px solid rgba(7,27,58,.07);
    }

    .enterprise-bg {
      position: absolute;
      pointer-events: none;
      border-radius: 50%;
      filter: blur(18px);
      opacity: .18;
    }

    .enterprise-bg-one {
      width: 320px;
      height: 320px;
      left: -120px;
      top: 100px;
      background: radial-gradient(circle, #f20a7a, transparent 70%);
    }

    .enterprise-bg-two {
      width: 420px;
      height: 420px;
      right: -160px;
      bottom: 30px;
      background: radial-gradient(circle, #1457d9, #00b7ad 42%, transparent 72%);
    }

    .enterprise-grid {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 46px;
      align-items: center;
    }

    .enterprise-copy h2,
    .factory-copy h2 {
      font-size: clamp(36px, 4.8vw, 62px);
      line-height: 1.02;
      margin-bottom: 18px;
    }

    .enterprise-copy p,
    .factory-copy p {
      color: var(--muted);
      font-size: 17px;
      line-height: 1.75;
      margin-bottom: 24px;
    }

    .enterprise-points {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
      margin-bottom: 28px;
    }

    .enterprise-points span {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 14px 16px;
      border-radius: 18px;
      background: #fff;
      border: 1px solid rgba(7,27,58,.08);
      color: var(--navy);
      font-size: 14px;
      font-weight: 850;
      box-shadow: 0 10px 24px rgba(17,24,39,.04);
    }

    .enterprise-points span::before {
      content: "✓";
      width: 24px;
      height: 24px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--button);
      color: #fff;
      flex: 0 0 24px;
      font-size: 12px;
    }

    .enterprise-panel {
      position: relative;
      padding: 22px;
      border-radius: 34px;
      background: #fff;
      border: 1px solid rgba(7,27,58,.10);
      box-shadow: 0 28px 76px rgba(17,24,39,.10);
      overflow: hidden;
    }

    .enterprise-panel::before {
      content: "";
      position: absolute;
      inset: 0 0 auto 0;
      height: 7px;
      background: var(--gradient);
    }

    .enterprise-card.main {
      padding: 30px;
      border-radius: 28px;
      background:
        radial-gradient(circle at 85% 20%, rgba(255,212,0,.20), transparent 32%),
        linear-gradient(135deg, var(--navy), var(--navy-2));
      color: #fff;
      margin-bottom: 18px;
    }

    .enterprise-card small {
      display: inline-block;
      text-transform: uppercase;
      letter-spacing: .10em;
      color: rgba(255,255,255,.70);
      font-weight: 900;
      margin-bottom: 12px;
    }

    .enterprise-card strong {
      display: block;
      font-size: 34px;
      line-height: 1;
      letter-spacing: -.05em;
      margin-bottom: 12px;
    }

    .enterprise-card p {
      color: rgba(255,255,255,.76);
      line-height: 1.65;
    }

    .enterprise-mini-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
    }

    .enterprise-mini-grid article {
      padding: 20px;
      border-radius: 22px;
      background: #fbfcff;
      border: 1px solid rgba(7,27,58,.08);
    }

    .enterprise-mini-grid strong {
      display: block;
      width: 42px;
      height: 42px;
      border-radius: 14px;
      background: var(--button);
      color: #fff;
      display: grid;
      place-items: center;
      margin-bottom: 12px;
    }

    .enterprise-mini-grid span {
      color: var(--navy);
      font-weight: 850;
      line-height: 1.35;
    }

    .comparison-section {
      background: #fff;
    }

    .comparison-wrap {
      display: grid;
      grid-template-columns: 1fr 330px;
      gap: 24px;
      align-items: start;
    }

    .comparison-table {
      overflow: hidden;
      border-radius: 30px;
      border: 1px solid rgba(7,27,58,.10);
      box-shadow: 0 22px 58px rgba(17,24,39,.08);
      background: #fff;
    }

    .comparison-row {
      display: grid;
      grid-template-columns: 1.05fr 1.55fr .95fr .8fr 1.25fr;
      gap: 0;
      border-bottom: 1px solid rgba(7,27,58,.08);
    }

    .comparison-row:last-child {
      border-bottom: 0;
    }

    .comparison-row span {
      padding: 18px 16px;
      color: #566178;
      line-height: 1.45;
      font-size: 14px;
      border-right: 1px solid rgba(7,27,58,.06);
    }

    .comparison-row span:last-child {
      border-right: 0;
    }

    .comparison-row strong {
      color: var(--navy);
      font-size: 15px;
    }

    .comparison-row.header {
      background: linear-gradient(90deg, var(--navy), var(--navy-2));
    }

    .comparison-row.header span {
      color: #fff;
      font-weight: 950;
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: .04em;
      border-right-color: rgba(255,255,255,.10);
    }

    .comparison-tip {
      position: sticky;
      top: 92px;
      padding: 28px;
      border-radius: 30px;
      background:
        radial-gradient(circle at 85% 14%, rgba(255,212,0,.20), transparent 32%),
        linear-gradient(180deg, #fff, #fbfcff);
      border: 1px solid rgba(7,27,58,.10);
      box-shadow: 0 22px 58px rgba(17,24,39,.08);
    }

    .comparison-tip > span {
      display: grid;
      place-items: center;
      width: 58px;
      height: 58px;
      border-radius: 18px;
      background: var(--button);
      font-size: 26px;
      margin-bottom: 18px;
    }

    .comparison-tip h3 {
      font-size: 26px;
      margin-bottom: 12px;
    }

    .comparison-tip p {
      color: var(--muted);
      line-height: 1.65;
      margin-bottom: 20px;
    }

    .quality-section {
      background:
        radial-gradient(circle at 88% 18%, rgba(0,183,173,.10), transparent 28%),
        linear-gradient(180deg, #fbfcff 0%, #ffffff 100%);
      border-top: 1px solid rgba(7,27,58,.07);
      border-bottom: 1px solid rgba(7,27,58,.07);
    }

    .quality-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      counter-reset: quality;
    }

    .quality-card {
      position: relative;
      min-height: 240px;
      padding: 28px;
      border-radius: 28px;
      background: #fff;
      border: 1px solid rgba(7,27,58,.10);
      box-shadow: 0 14px 34px rgba(17,24,39,.06);
      overflow: hidden;
      transition: transform .25s ease, box-shadow .25s ease;
    }

    .quality-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 28px 70px rgba(17,24,39,.12);
    }

    .quality-card::after {
      counter-increment: quality;
      content: "0" counter(quality);
      position: absolute;
      right: 22px;
      top: 20px;
      color: rgba(7,27,58,.06);
      font-size: 56px;
      font-weight: 950;
      letter-spacing: -.06em;
    }

    .quality-icon {
      width: 58px;
      height: 58px;
      border-radius: 20px;
      display: grid;
      place-items: center;
      background: var(--button);
      color: #fff;
      font-size: 26px;
      margin-bottom: 20px;
      box-shadow: 0 16px 34px rgba(20,87,217,.14);
      position: relative;
      z-index: 2;
    }

    .quality-card h3,
    .quality-card p {
      position: relative;
      z-index: 2;
    }

    .quality-card h3 {
      font-size: 22px;
      margin-bottom: 10px;
    }

    .quality-card p {
      color: var(--muted);
      line-height: 1.65;
      font-size: 15px;
    }

    .factory-section {
      background: #fff;
    }

    .factory-card {
      position: relative;
      overflow: hidden;
      display: grid;
      grid-template-columns: .85fr 1.15fr;
      gap: 38px;
      align-items: center;
      padding: 48px;
      border-radius: 38px;
      background:
        radial-gradient(circle at 10% 15%, rgba(242,10,122,.12), transparent 28%),
        radial-gradient(circle at 90% 80%, rgba(0,183,173,.14), transparent 30%),
        linear-gradient(135deg, #071b3a 0%, #0b2f63 70%, #10104d 100%);
      box-shadow: 0 30px 84px rgba(7,27,58,.18);
    }

    .factory-card::after {
      content: "";
      position: absolute;
      right: -80px;
      top: -80px;
      width: 260px;
      height: 260px;
      border-radius: 50%;
      background: var(--gradient);
      filter: blur(34px);
      opacity: .18;
      pointer-events: none;
    }

    .factory-copy,
    .factory-benefits {
      position: relative;
      z-index: 2;
    }

    .factory-copy h2 {
      color: #fff;
    }

    .factory-copy p {
      color: rgba(255,255,255,.76);
      margin-bottom: 0;
    }

    .factory-benefits {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
    }

    .factory-benefits article {
      padding: 22px;
      border-radius: 24px;
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(255,255,255,.12);
      backdrop-filter: blur(12px);
    }

    .factory-benefits strong {
      display: block;
      color: #fff;
      font-size: 18px;
      margin-bottom: 8px;
    }

    .factory-benefits span {
      display: block;
      color: rgba(255,255,255,.76);
      line-height: 1.55;
      font-size: 14px;
    }

    @media (max-width: 1080px) {
      .enterprise-grid,
      .comparison-wrap,
      .factory-card {
        grid-template-columns: 1fr;
      }

      .comparison-tip {
        position: relative;
        top: auto;
      }

      .quality-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .comparison-table {
        overflow-x: auto;
      }

      .comparison-row {
        min-width: 880px;
      }
    }

    @media (max-width: 720px) {
      .enterprise-points,
      .enterprise-mini-grid,
      .quality-grid,
      .factory-benefits {
        grid-template-columns: 1fr;
      }

      .factory-card {
        padding: 32px 24px;
      }
    }

  
    /* V24 — Correções gerais para mobile */
    html,
    body {
      max-width: 100%;
      overflow-x: hidden !important;
    }

    img,
    video,
    canvas,
    svg {
      max-width: 100%;
      height: auto;
    }

    .container {
      width: min(var(--container), calc(100% - 32px)) !important;
    }

    .menu-btn {
      align-items: center;
      justify-content: center;
      flex-direction: column;
      position: relative;
      z-index: 1002;
    }

    body.menu-open {
      overflow: hidden;
    }

    body.menu-open::before {
      content: "";
      position: fixed;
      inset: 0;
      background: rgba(7, 27, 58, .28);
      backdrop-filter: blur(4px);
      z-index: 98;
    }

    @media (max-width: 1180px) {
      .header-row {
        gap: 12px !important;
      }

      .nav {
        gap: 10px !important;
        font-size: 11.5px !important;
      }

      .header-cta {
        min-width: 145px !important;
        padding: 10px 14px !important;
        font-size: 12px !important;
      }
    }

    @media (max-width: 980px) {
      .hero-layout,
      .hero .container,
      .split,
      .enterprise-grid,
      .printers-grid,
      .comparison-wrap,
      .factory-card,
      .quote-grid {
        grid-template-columns: 1fr !important;
      }

      .hero-layout {
        min-height: auto !important;
        padding: 42px 0 24px !important;
        gap: 20px !important;
      }

      .hero-copy {
        padding-top: 0 !important;
      }

      .hero-copy h1 {
        max-width: 100% !important;
      }

      .hero-copy p {
        max-width: 100% !important;
      }

      .hero-actions {
        align-items: stretch;
      }

      .hero-visual-clean {
        min-height: auto !important;
        justify-content: center !important;
        margin-top: 10px;
      }

      .hero-visual-clean img {
        width: min(100%, 680px) !important;
        max-width: 100% !important;
        transform: none !important;
        margin: 0 auto !important;
      }

      .benefit-card {
        margin-top: 0 !important;
      }

      .product-grid-five,
      .applications-showcase,
      .quality-grid,
      .factory-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      .applications-showcase {
        display: grid !important;
      }

      .applications-showcase .applications-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      .application-preview,
      .comparison-tip {
        position: relative !important;
        top: auto !important;
      }

      .comparison-table {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
      }

      .comparison-row {
        min-width: 760px !important;
      }

      .printer-bottom {
        grid-template-columns: 1fr !important;
      }

      .printer-bottom .btn {
        width: fit-content;
      }
    }

    @media (max-width: 920px) {
      .header {
        position: sticky !important;
        top: 0 !important;
      }

      .header-row {
        min-height: 62px !important;
      }

      .brand img {
        width: 132px !important;
        max-width: 132px !important;
      }

      .menu-btn {
        display: flex !important;
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px;
      }

      .header-cta {
        display: none !important;
      }

      .nav {
        position: fixed !important;
        top: 0 !important;
        right: -110% !important;
        width: min(360px, 88vw) !important;
        max-width: 88vw !important;
        height: 100svh !important;
        min-height: 100vh;
        background: #ffffff !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        padding: 82px 22px 24px !important;
        box-shadow: -24px 0 60px rgba(17,24,39,.16) !important;
        transition: right .28s ease !important;
        z-index: 1001 !important;
        overflow-y: auto !important;
        border-left: 1px solid rgba(7,27,58,.08);
      }

      body.menu-open .nav {
        right: 0 !important;
      }

      .nav a {
        width: 100%;
        padding: 14px 16px !important;
        border-radius: 16px;
        background: #f8fafc;
        color: var(--navy) !important;
        font-size: 15px !important;
      }

      .nav a::after {
        display: none !important;
      }

      .nav a:hover,
      .nav a.active {
        background: linear-gradient(135deg, rgba(255,212,0,.20), rgba(0,183,173,.12), rgba(20,87,217,.10));
      }

      .section {
        padding: 70px 0 !important;
      }

      .section-title {
        margin-bottom: 34px !important;
      }

      .section-title h2,
      .enterprise-copy h2,
      .factory-copy h2,
      .quote-copy h2 {
        font-size: clamp(30px, 9vw, 44px) !important;
        line-height: 1.06 !important;
      }

      .section-title p,
      .enterprise-copy p,
      .factory-copy p,
      .quote-copy p {
        font-size: 15.5px !important;
        line-height: 1.65 !important;
      }

      .cta-card,
      .factory-card,
      .printer-bottom {
        border-radius: 28px !important;
      }

      .cta-card {
        grid-template-columns: 1fr !important;
      }
    }

    @media (max-width: 720px) {
      .container {
        width: min(100% - 24px, var(--container)) !important;
      }

      .hero-copy h1 {
        font-size: clamp(36px, 10.6vw, 48px) !important;
        line-height: 1.02 !important;
        letter-spacing: -.055em !important;
      }

      .hero-pill {
        max-width: 100%;
        font-size: 10.5px !important;
        line-height: 1.35;
        white-space: normal;
      }

      .hero-actions {
        flex-direction: column;
      }

      .hero-actions .btn,
      .cta-card .btn,
      .printer-bottom .btn,
      .enterprise-copy .btn {
        width: 100% !important;
      }

      .mini-social {
        align-items: flex-start !important;
      }

      .avatars {
        flex: 0 0 auto;
      }

      .benefit-card,
      .product-grid-five,
      .applications-showcase,
      .applications-showcase .applications-grid,
      .enterprise-points,
      .enterprise-mini-grid,
      .quality-grid,
      .factory-benefits,
      .form-row {
        grid-template-columns: 1fr !important;
      }

      .benefit-card article {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(7,27,58,.10) !important;
      }

      .benefit-card article:last-child {
        border-bottom: 0 !important;
      }

      .product-card {
        min-height: auto !important;
      }

      .product-card img {
        height: 180px !important;
      }

      .interactive-app-card {
        min-height: auto !important;
        padding: 20px !important;
      }

      .interactive-app-card .icon,
      .quality-icon {
        width: 52px !important;
        height: 52px !important;
        border-radius: 18px !important;
        font-size: 23px !important;
      }

      .application-top {
        align-items: flex-start !important;
      }

      .application-badge {
        white-space: normal !important;
      }

      .application-preview {
        padding: 24px !important;
        border-radius: 26px !important;
      }

      .application-preview h3 {
        font-size: 30px !important;
      }

      .comparison-wrap {
        display: block !important;
      }

      .comparison-table {
        margin-bottom: 18px;
        border-radius: 22px !important;
      }

      .comparison-row {
        min-width: 680px !important;
      }

      .comparison-row span {
        padding: 14px 12px !important;
        font-size: 13px !important;
      }

      .comparison-tip,
      .enterprise-panel,
      .printer-card,
      .quality-card,
      .quote-form,
      form {
        border-radius: 24px !important;
      }

      .printer-image,
      .printer-card-featured .printer-image {
        height: 215px !important;
      }

      .printer-content,
      .enterprise-card.main,
      .comparison-tip,
      .quality-card {
        padding: 22px !important;
      }

      .factory-card {
        padding: 28px 20px !important;
        border-radius: 28px !important;
      }

      .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
      }

      .footer-logo img {
        width: 180px !important;
      }

      .whatsapp {
        width: 54px !important;
        height: 54px !important;
        right: 16px !important;
        bottom: calc(16px + env(safe-area-inset-bottom)) !important;
      }
    }

    @media (max-width: 430px) {
      .hero-copy h1 {
        font-size: 36px !important;
      }

      .section-title h2,
      .enterprise-copy h2,
      .factory-copy h2,
      .quote-copy h2 {
        font-size: 30px !important;
      }

      .product-card img {
        height: 158px !important;
      }

      .printer-image,
      .printer-card-featured .printer-image {
        height: 190px !important;
      }

      .comparison-row {
        min-width: 620px !important;
      }
    }

  
    /* V25 — Estado do botão ao salvar orçamento no D1 */
    #quoteForm button[disabled] {
      opacity: .78;
      cursor: wait;
      transform: none !important;
    }


    /* Correção: evita que o header fixo cubra o título da seção ao clicar no menu */
    main section[id], .footer, #orcamento {
      scroll-margin-top: 88px;
    }
    @media (max-width: 920px) {
      main section[id] { scroll-margin-top: 76px; }
    }

    /* ======================================================================
       V30 — REBRANDING KODIART — nova direção visual, mais ousada
       Estratégia: os tokens de cor abaixo redefinem as variáveis usadas em
       todo o arquivo, então a repintura se propaga automaticamente. Onde o
       código original usava hexadecimais soltos (sem variável), sobrescrevo
       a classe específica logo em seguida.
       ====================================================================== */

    :root {
      /* Tinta mais profunda, gradiente mais elétrico/quente — mesma família
         de cores do logo, só que mais nítida e menos "pastel". */
      --navy: #0a0f2c;
      --navy-2: #141b4d;
      --blue: #145eff;
      --cyan: #00b8ff;
      --teal: #00d1b2;
      --green: #3ddc5a;
      --yellow: #ffcc00;
      --orange: #ff6a00;
      --red: #ff2d55;
      --pink: #ff0080;
      --purple: #7b2ff7;

      --accent: #ff3d00;       /* cor de ação principal — um laranja-vermelho único e confiante */
      --accent-ink: #c62d00;
      --paper: #fff8f0;        /* papel quente, lembra bobina de etiqueta não revestida */

      --gradient: linear-gradient(90deg, #ff0080 0%, #ff2d55 13%, #ff6a00 27%, #ffcc00 42%, #3ddc5a 56%, #00d1b2 70%, #00b8ff 82%, #145eff 93%, #7b2ff7 100%);
      --button: linear-gradient(135deg, #ff6a00 0%, #ff3d00 45%, #ff0080 100%);
      --shadow: 0 20px 55px rgba(10, 15, 44, .12);
      --shadow-strong: 0 32px 90px rgba(10, 15, 44, .20);
      --font-display: "Space Grotesk", var(--font);
    }

    h1, h2, h3, .kicker, .btn, .nav, .brand, .benefit-card strong,
    .product-body h3, .application-card h3, .step-card h3, .material-card h3,
    .segment-card h3, .printer-content h3, .printer-label, .quality-card h3,
    .enterprise-copy h2, .factory-copy h2, .guide-result-vibrant h3 {
      font-family: var(--font-display);
    }
    h1, h2, h3 { letter-spacing: -.02em; }

    /* --- Kicker: fora os tracinhos, dentro o "leque de cores" do logo --- */
    .kicker, .kicker.no-lines {
      display: inline-flex !important;
      align-items: center;
      gap: 12px;
      color: var(--navy) !important;
      -webkit-text-fill-color: var(--navy) !important;
      background: none !important;
      font-size: 12.5px !important;
      font-weight: 700 !important;
      text-transform: uppercase;
      letter-spacing: .09em;
    }
    .kicker::before, .kicker.no-lines::before {
      content: "" !important;
      display: inline-block !important;
      width: 60px !important;
      height: 10px !important;
      flex: 0 0 auto;
      background-image:
        radial-gradient(circle, var(--pink) 0 42%, transparent 43%),
        radial-gradient(circle, var(--orange) 0 42%, transparent 43%),
        radial-gradient(circle, var(--yellow) 0 42%, transparent 43%),
        radial-gradient(circle, var(--teal) 0 42%, transparent 43%);
      background-position: 0 0, 16px 0, 32px 0, 48px 0;
      background-size: 16px 10px;
      background-repeat: no-repeat;
      opacity: 1;
      animation: swatchIn .6s ease both;
    }
    .kicker::after, .kicker.no-lines::after { content: none !important; display: none !important; }
    @keyframes swatchIn {
      from { transform: scaleX(0); transform-origin: left; }
      to   { transform: scaleX(1); transform-origin: left; }
    }

    /* --- Ícones: paleta nova nos círculos de benefício e aplicação --- */
    .icon-blue   { background: var(--blue)   !important; }
    .icon-pink   { background: var(--pink)   !important; }
    .icon-orange { background: var(--orange) !important; }
    .icon-green  { background: var(--green)  !important; }
    .option-icon.blue   { background: linear-gradient(135deg, var(--blue), var(--cyan)) !important; }
    .option-icon.pink   { background: linear-gradient(135deg, var(--pink), var(--orange)) !important; }
    .option-icon.green  { background: linear-gradient(135deg, var(--green), var(--teal)) !important; }
    .option-icon.orange { background: linear-gradient(135deg, var(--yellow), var(--red)) !important; }

    /* --- Botões: uma cor de ação só, confiante, com um "canto descascado" --- */
    .btn-primary {
      background: var(--accent) !important;
      color: #fff !important;
      box-shadow: 0 14px 32px rgba(255, 61, 0, .30) !important;
      position: relative;
      overflow: hidden;
    }
    .btn-primary:hover {
      background: var(--accent-ink) !important;
      box-shadow: 0 20px 44px rgba(255, 61, 0, .38) !important;
    }
    .btn-outline:hover {
      border-color: var(--accent) !important;
      color: var(--accent) !important;
    }
    .nav a:hover { color: var(--accent) !important; }
    .nav a::after { background: var(--accent) !important; }
    .nav a.active::after { background: var(--accent) !important; }
    .product-arrow, .application-arrow { color: var(--accent) !important; }
    .product-card:hover .product-arrow { background: var(--accent) !important; color: #fff !important; }
    a.whatsapp { background: #25d366 !important; }

    /* --- "Descascar etiqueta": micro-interação de marca nos cards --- */
    .product-card, .printer-card, .interactive-app-card, .step-card, .quality-card {
      position: relative;
      isolation: isolate;
    }
    .product-card::before, .printer-card::before2, .interactive-app-card::before3 { content: none; }
    .peel-corner {
      position: absolute; top: 0; right: 0; width: 34px; height: 34px;
      z-index: 5; pointer-events: none; overflow: hidden; border-radius: 0 20px 0 20px;
      transition: width .25s ease, height .25s ease;
    }
    .peel-corner::before {
      content: ""; position: absolute; inset: 0;
      background: linear-gradient(135deg, #fff 0%, #fff 48%, rgba(10,15,44,.12) 50%, #f2f2f2 52%, #fff 60%);
      box-shadow: -6px 6px 14px rgba(10,15,44,.18);
      transform: translate(60%, -60%);
      transition: transform .3s ease;
    }
    .product-card:hover .peel-corner,
    .printer-card:hover .peel-corner,
    .interactive-app-card:hover .peel-corner { width: 52px; height: 52px; }
    .product-card:hover .peel-corner::before,
    .printer-card:hover .peel-corner::before,
    .interactive-app-card:hover .peel-corner::before { transform: translate(30%, -30%); }

    /* --- Reveal ao rolar a página --- */
    .reveal { opacity: 0; transform: translateY(28px); transition: opacity .6s ease, transform .6s ease; }
    .reveal.in-view { opacity: 1; transform: translateY(0); }
    .reveal-stagger.in-view { transition-delay: calc(var(--r-i, 0) * 70ms); }
    @media (prefers-reduced-motion: reduce) {
      .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
      .kicker::before { animation: none !important; }
    }

    /* --- Contador animado --- */
    .mini-social strong[data-count] { font-variant-numeric: tabular-nums; }

    /* --- Fundos: menos "névoa colorida", mais papel + grade de corte --- */
    .hero, .printers-section, .enterprise-section, .interactive-applications {
      background:
        linear-gradient(rgba(10,15,44,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(10,15,44,.05) 1px, transparent 1px),
        var(--paper) !important;
      background-size: 34px 34px, 34px 34px, auto !important;
    }

    /* --- Configurador "Monte seu pedido" --- */
    .configurator-section { padding-top: 12px; }
    .configurator {
      display: grid;
      grid-template-columns: 1.3fr .9fr;
      gap: 24px;
      align-items: start;
    }
    .configurator-steps {
      display: grid;
      gap: 22px;
      background: #fff;
      border: 1px solid rgba(10,15,44,.10);
      border-radius: 28px;
      padding: 28px;
      box-shadow: var(--shadow);
    }
    .config-step-label {
      display: flex; align-items: center; gap: 10px;
      font-family: var(--font-display); font-weight: 700; font-size: 15px; color: var(--navy);
      margin-bottom: 14px;
    }
    .config-step-label em {
      font-style: normal; width: 26px; height: 26px; border-radius: 50%;
      background: var(--accent); color: #fff; font-size: 13px;
      display: inline-flex; align-items: center; justify-content: center; flex: 0 0 26px;
    }
    .config-options { display: flex; flex-wrap: wrap; gap: 10px; }
    .config-option {
      font-family: var(--font); cursor: pointer;
      border: 1.5px solid rgba(10,15,44,.14); background: #fff; color: var(--navy);
      border-radius: 999px; padding: 11px 18px; font-size: 14px; font-weight: 700;
      transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
    }
    .config-option:hover { transform: translateY(-2px); border-color: var(--accent); }
    .config-option.active {
      background: var(--navy); border-color: var(--navy); color: #fff;
    }
    .configurator-result {
      position: sticky; top: 100px;
      background: linear-gradient(160deg, var(--navy) 0%, var(--navy-2) 100%);
      color: #fff; border-radius: 28px; padding: 30px;
      box-shadow: var(--shadow-strong);
      overflow: hidden;
      position: relative;
    }
    .configurator-result::after {
      content: ""; position: absolute; right: -60px; bottom: -60px; width: 200px; height: 200px;
      border-radius: 50%; background: var(--gradient); opacity: .20; filter: blur(6px);
      transition: background .3s ease;
    }
    .config-result-kicker {
      display: block; text-transform: uppercase; letter-spacing: .1em; font-size: 12px; font-weight: 700;
      color: rgba(255,255,255,.65); margin-bottom: 16px; position: relative; z-index: 2;
    }
    .config-swatch {
      width: 64px; height: 64px; border-radius: 20px; display: grid; place-items: center;
      font-size: 30px; background: var(--accent); margin-bottom: 20px; position: relative; z-index: 2;
      box-shadow: 0 16px 32px rgba(0,0,0,.25); transition: background .3s ease;
    }
    .configurator-result h3 { color: #fff; font-size: 24px; margin-bottom: 10px; position: relative; z-index: 2; letter-spacing: -.02em; }
    .configurator-result p { color: rgba(255,255,255,.78); font-size: 15px; line-height: 1.6; margin-bottom: 20px; position: relative; z-index: 2; min-height: 72px; }
    .config-summary { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; position: relative; z-index: 2; }
    .config-summary span {
      background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18);
      padding: 7px 12px; border-radius: 999px; font-size: 12.5px; font-weight: 700;
    }
    .configurator-result .btn-primary { position: relative; z-index: 2; }

    .configurator-result[data-accent="pink"]   .config-swatch { background: var(--pink); }
    .configurator-result[data-accent="purple"] .config-swatch { background: var(--purple); }
    .configurator-result[data-accent="blue"]   .config-swatch { background: var(--blue); }
    .configurator-result[data-accent="green"]  .config-swatch { background: var(--teal); }
    .configurator-result[data-accent="navy"]   .config-swatch { background: #3a4270; }

    @media (max-width: 980px) {
      .configurator { grid-template-columns: 1fr; }
      .configurator-result { position: relative; top: auto; }
    }
    @media (max-width: 680px) {
      .configurator-steps { padding: 20px; }
      .config-option { padding: 10px 14px; font-size: 13px; }
    }

    /* ======================================================================
       V32 — Tabela comparativa: mais contraste + visual mais rico
       ====================================================================== */
    .comparison-table { border: 1px solid rgba(10,15,44,.12) !important; }

    .comparison-row.header {
      background: var(--navy) !important;
    }
    .comparison-row.header span {
      font-family: var(--font-display);
      font-size: 12.5px !important;
      letter-spacing: .06em !important;
    }

    .comparison-row:not(.header) {
      background: #fff;
      border-left: 5px solid transparent;
      transition: background .2s ease, border-color .2s ease;
    }
    .comparison-row:not(.header):nth-child(even) { background: #fbf9f6; }
    .comparison-row:not(.header):hover { background: #fff4ec; }
    .comparison-row[data-accent="blue"]   { border-left-color: var(--blue); }
    .comparison-row[data-accent="teal"]   { border-left-color: var(--teal); }
    .comparison-row[data-accent="orange"] { border-left-color: var(--orange); }
    .comparison-row[data-accent="purple"] { border-left-color: var(--purple); }

    .comparison-row span {
      color: #33395c !important;
      font-size: 14.5px !important;
    }

    .type-chip {
      display: inline-flex; align-items: center; gap: 10px;
      font-family: var(--font-display); font-weight: 700; color: var(--navy) !important;
      font-size: 15px !important;
    }
    .type-chip i {
      font-style: normal; width: 34px; height: 34px; border-radius: 11px;
      display: inline-flex; align-items: center; justify-content: center;
      font-size: 16px; background: rgba(10,15,44,.06); flex: 0 0 34px;
    }
    .comparison-row[data-accent="blue"]   .type-chip i { background: color-mix(in srgb, var(--blue) 16%, white); }
    .comparison-row[data-accent="teal"]   .type-chip i { background: color-mix(in srgb, var(--teal) 20%, white); }
    .comparison-row[data-accent="orange"] .type-chip i { background: color-mix(in srgb, var(--orange) 18%, white); }
    .comparison-row[data-accent="purple"] .type-chip i { background: color-mix(in srgb, var(--purple) 16%, white); }

    .pill {
      display: inline-block; padding: 6px 13px; border-radius: 999px;
      font-size: 12.5px; font-weight: 800;
    }
    .pill-yes  { background: #dcfce6; color: #0a7a3d; }
    .pill-no   { background: #eef0f6; color: #4a5170; }
    .pill-maybe{ background: #fff1cf; color: #935a00; }
    .comparison-row span small {
      display: block; margin-top: 5px; font-size: 11px; color: #838aa8 !important;
    }

    .strength { display: inline-flex; gap: 4px; vertical-align: middle; }
    .strength i {
      display: inline-block; width: 16px; height: 8px; border-radius: 4px;
      background: rgba(10,15,44,.12);
    }
    .strength i.on { background: var(--accent); }
    .comparison-row[data-accent="blue"]   .strength i.on { background: var(--blue); }
    .comparison-row[data-accent="teal"]   .strength i.on { background: var(--teal); }
    .comparison-row[data-accent="orange"] .strength i.on { background: var(--orange); }
    .comparison-row[data-accent="purple"] .strength i.on { background: var(--purple); }

    @media (max-width: 760px) {
      .comparison-wrap { display: block !important; }
      .comparison-table { border-radius: 22px !important; }
      .comparison-row.header { display: none !important; }
      .comparison-row:not(.header) {
        display: grid !important;
        grid-template-columns: 1fr !important;
        min-width: 0 !important;
        padding: 18px 18px 6px !important;
        gap: 0 !important;
        border-left-width: 6px;
      }
      .comparison-row span {
        display: block !important;
        width: 100%;
        border-right: 0 !important;
        border-bottom: 1px dashed rgba(10,15,44,.10) !important;
        padding: 10px 0 !important;
      }
      .comparison-row span:last-child { border-bottom: 0 !important; }
      .comparison-row span::before {
        content: attr(data-label);
        display: block;
        font-family: var(--font-display);
        font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
        color: #9aa0bd; margin-bottom: 5px;
      }
      .type-chip { font-size: 17px !important; }
    }

    /* ======================================================================
       V33 — Seção de Perguntas Frequentes (FAQ)
       ====================================================================== */
    .faq-list { max-width: 820px; margin: 0 auto; display: grid; gap: 14px; }
    .faq-item {
      background: #fff; border: 1px solid rgba(10,15,44,.12); border-radius: 20px;
      overflow: hidden; box-shadow: 0 10px 26px rgba(10,15,44,.05);
    }
    .faq-question {
      width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px;
      background: none; border: 0; cursor: pointer; text-align: left;
      padding: 20px 24px; font-family: var(--font-display); font-weight: 700; font-size: 16px; color: var(--navy);
    }
    .faq-question i {
      font-style: normal; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%;
      background: rgba(10,15,44,.06); display: grid; place-items: center; font-size: 18px; color: var(--accent);
      transition: transform .25s ease, background .25s ease, color .25s ease;
    }
    .faq-item.open .faq-question i { transform: rotate(45deg); background: var(--accent); color: #fff; }
    .faq-answer {
      max-height: 0; overflow: hidden; transition: max-height .3s ease;
    }
    .faq-answer p {
      padding: 0 24px 20px; margin: 0; color: #414868; line-height: 1.7; font-size: 15px;
    }
    @media (prefers-reduced-motion: reduce) {
      .faq-answer { transition: none; }
    }
  

/* ======================================================================
   V40 — arquitetura enxuta: Home / Produtos / Orçamento
   ====================================================================== */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:18px;top:18px;width:auto;height:auto;padding:12px 16px;background:#fff;color:var(--navy);z-index:1000;border-radius:12px;box-shadow:var(--shadow)}
.nav a.active{color:var(--accent, var(--blue));opacity:1}
.page-hero{padding:88px 0 64px;background:linear-gradient(180deg,#fff 0%,#fbf9f6 100%);border-bottom:1px solid var(--line)}
.page-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center}
.page-hero h1{font-size:clamp(42px,6vw,72px);line-height:.98;font-weight:950;max-width:850px}
.page-hero h1 span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.page-hero p{font-size:18px;line-height:1.75;color:var(--muted);max-width:760px;margin-top:22px}
.page-hero-image{border-radius:30px;overflow:hidden;box-shadow:var(--shadow-strong);background:#fff}
.page-hero-image img{width:100%;height:auto}
.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:800;color:var(--muted);margin-bottom:20px}
.breadcrumb a{color:var(--blue)}
.quick-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto 48px;max-width:1050px}
.quick-nav a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font-size:13px;font-weight:850;box-shadow:0 8px 18px rgba(17,24,39,.04)}
.quick-nav a:hover{border-color:rgba(20,87,217,.3);transform:translateY(-1px)}
.product-detail-list{display:grid;gap:30px}
.product-detail{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:34px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow)}
.product-detail:nth-child(even) .product-detail-media{order:2}
.product-detail-media{border-radius:22px;overflow:hidden;background:#f7f8fb;min-height:250px;display:grid;place-items:center}
.product-detail-media img{width:100%;height:100%;max-height:360px;object-fit:cover}
.product-detail-copy{padding:12px 10px}
.product-detail-copy .eyebrow{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:rgba(20,87,217,.08);color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}
.product-detail-copy h2{font-size:clamp(28px,4vw,42px);line-height:1.04;font-weight:950;margin-bottom:14px}
.product-detail-copy>p{font-size:16px;line-height:1.75;color:var(--muted);margin-bottom:18px}
.application-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 22px}
.application-list li{list-style:none;padding:11px 13px;border-radius:14px;background:#f8fafc;border:1px solid rgba(7,27,58,.07);font-size:14px;font-weight:750;color:var(--navy)}
.application-list li::before{content:'✓';color:var(--teal);font-weight:950;margin-right:8px}
.product-actions{display:flex;gap:10px;flex-wrap:wrap}
.other-solutions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
.other-solution{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 14px 34px rgba(17,24,39,.06)}
.other-solution h3{font-size:22px;margin-bottom:10px}.other-solution p{color:var(--muted);line-height:1.7}
.slim-cta{padding:54px 0;background:var(--navy);color:#fff}.slim-cta .container{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.slim-cta h2{color:#fff;font-size:clamp(28px,4vw,44px);max-width:760px}.slim-cta p{color:rgba(255,255,255,.72);margin-top:10px;line-height:1.65}
.quote-page{padding:72px 0 100px;background:#fbfcff}.quote-page .quote-grid{align-items:start}.quote-page .quote-copy h1{font-size:clamp(38px,5vw,62px);line-height:1.02;font-weight:950;margin-bottom:18px}.quote-page .quote-copy>p{font-size:17px;line-height:1.75;color:var(--muted);margin-bottom:26px}.quote-tips{display:grid;gap:10px;margin-top:22px}.quote-tip{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:15px;color:var(--navy);font-size:14px;font-weight:700}.quote-tip span{color:var(--teal);font-weight:950}
.footer-links-inline{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.footer-links-inline a{font-size:13px;color:rgba(255,255,255,.72)}
@media(max-width:900px){.page-hero-grid,.product-detail{grid-template-columns:1fr}.product-detail:nth-child(even) .product-detail-media{order:0}.page-hero-image{max-width:640px}.application-list{grid-template-columns:1fr}.other-solutions{grid-template-columns:1fr}}
@media(max-width:620px){.page-hero{padding:58px 0 44px}.product-detail{padding:16px;border-radius:22px}.product-detail-copy{padding:8px 4px}.slim-cta{padding:42px 0}.quick-nav{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:6px}.quick-nav a{flex:0 0 auto}}

.product-card-link{display:block;height:100%}.product-card-link .product-card{height:100%}