/* cookie-scanner — page styles, scoped to main.pg and recoloured to the
   CookieLet palette. Generated from the CK-230 source page. */
html{scroll-behavior:smooth}
main.pg{scroll-margin-top:5rem}
main.pg [id]{scroll-margin-top:5rem}
main.pg{
    --pg-ink:#141A27;
    --pg-ink-2:#192030;
    --pg-body:#57637E;
    --pg-muted:#7E8AA6;
    --pg-blue:#B07E00;
    --pg-blue-dark:#8D6500;
    --pg-blue-wash:#FEF9ED;
    --pg-blue-line:#FCF0D5;
    --pg-peach:#FEF2E1;
    --pg-peach-line:#FADFBC;
    --pg-amber:#E2951E;
    --pg-green-bg:#CBF1CE;
    --pg-green-tx:#1B6B2A;
    --pg-page:#FFFFFF;
    --pg-soft:#FCFAF6;
    --pg-line:#F3EFE6;
    --pg-line-2:#F8F5EF;
    --pg-radius:16px;
    --pg-shadow-sm:0 1px 2px rgba(108,79,19,.06);
    --pg-shadow:0 4px 16px rgba(108,79,19,.06);
    --pg-shadow-lg:0 24px 60px rgba(108,79,19,.12);
    --pg-maxw:1140px;
  }
main.pg *{box-sizing:border-box}
main.pg{scroll-behavior:smooth}
main.pg{
    margin:0;
    font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    color:var(--pg-body);
    background:var(--pg-page);
    -webkit-font-smoothing:antialiased;
    font-size:17px;
    line-height:1.65;
  }
main.pg h1,main.pg h2,main.pg h3,main.pg h4{color:var(--pg-ink);margin:0;line-height:1.18;letter-spacing:-.02em;font-weight:700}
main.pg h1{font-size:clamp(2.2rem,4.6vw,3.5rem);letter-spacing:-.035em;font-weight:800}
main.pg h2{font-size:clamp(1.7rem,3.2vw,2.5rem);letter-spacing:-.03em}
main.pg h3{font-size:1.35rem;letter-spacing:-.02em}
main.pg h4{font-size:1.02rem}
main.pg p{margin:0}
main.pg a{color:var(--pg-blue);text-decoration:none}
main.pg a:hover{text-decoration:underline}
main.pg ul{margin:0;padding:0;list-style:none}
main.pg .wrap{max-width:var(--pg-maxw);margin:0 auto;padding:0 28px}
main.pg .section{padding:96px 0}
main.pg .section.tight{padding:72px 0}
main.pg .soft{background:var(--pg-soft)}
main.pg .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
    color:var(--pg-blue);background:var(--pg-blue-wash);border:1px solid var(--pg-blue-line);
    padding:7px 14px;border-radius:999px;
  }
main.pg .lede{font-size:1.14rem;color:var(--pg-body);max-width:62ch}
main.pg .kicker{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pg-muted)}
main.pg .nav{
    position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);
    backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--pg-line);
  }
main.pg .nav-in{max-width:var(--pg-maxw);margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:32px}
main.pg .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.22rem;color:var(--pg-ink);letter-spacing:-.03em}
main.pg .nav-links{display:flex;gap:26px;margin-left:auto;font-size:.94rem;font-weight:500}
main.pg .nav-links a{color:var(--pg-body)}
main.pg .nav-links a:hover{color:var(--pg-ink);text-decoration:none}
main.pg .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    font-weight:600;font-size:.98rem;padding:13px 26px;border-radius:999px;
    border:1px solid transparent;cursor:pointer;transition:.18s ease;white-space:nowrap;
  }
main.pg .btn:hover{text-decoration:none;transform:translateY(-1px)}
main.pg .btn-primary{background:var(--pg-blue);color:#FFFFFF;box-shadow:0 6px 18px rgba(176,126,0,.28)}
main.pg .btn-primary:hover{background:var(--pg-blue-dark);box-shadow:0 10px 24px rgba(176,126,0,.34)}
main.pg .btn-ghost{background:#FFFFFF;color:var(--pg-ink);border-color:var(--pg-line)}
main.pg .btn-ghost:hover{border-color:#E8DFC9;background:#FFFFFF}
main.pg .btn-sm{padding:9px 18px;font-size:.88rem}
main.pg .hero{
    position:relative;overflow:hidden;padding:84px 0 0;
    background:
      radial-gradient(900px 460px at 8% -6%, #FDF7EA 0%, rgba(253,247,234,0) 62%),
      radial-gradient(760px 420px at 96% 4%, #FEF3E4 0%, rgba(254,243,228,0) 58%),
      #FFFFFF;
  }
main.pg .hero-grid{display:grid;grid-template-columns:1fr;gap:44px;align-items:center}
main.pg .hero h1{margin:22px 0 18px}
main.pg .hero .lede{font-size:1.2rem}
main.pg .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 16px}
main.pg .hero-note{font-size:.9rem;color:var(--pg-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
main.pg .dot{width:5px;height:5px;border-radius:50%;background:#DFD7C3;display:inline-block}
main.pg .mock{
    background:#FFFFFF;border:1px solid var(--pg-line);border-radius:18px;
    box-shadow:var(--pg-shadow-lg);overflow:hidden;font-size:13px;line-height:1.45;
  }
main.pg .mock-top{
    display:flex;align-items:center;gap:8px;padding:11px 16px;
    border-bottom:1px solid var(--pg-line-2);background:#FCFDFF;
  }
main.pg .mock-crumb{font-weight:600;color:var(--pg-ink);font-size:12.5px}
main.pg .mock-crumb span{color:var(--pg-muted);font-weight:500}
main.pg .pill-plan{
    margin-left:auto;font-size:10.5px;font-weight:700;color:var(--pg-blue);
    background:var(--pg-blue-wash);border:1px solid var(--pg-blue-line);padding:3px 10px;border-radius:999px;
  }
main.pg .mock-body{padding:16px}
main.pg .overview{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){main.pg .overview{grid-template-columns:1fr}}
main.pg .ov-card{display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:12px}
main.pg .ov-blue{background:var(--pg-blue-wash);border:1px solid var(--pg-blue-line)}
main.pg .ov-peach{background:var(--pg-peach);border:1px solid var(--pg-peach-line)}
main.pg .ov-ico{
    width:28px;height:28px;border-radius:50%;background:#FFFFFF;flex:0 0 28px;
    display:flex;align-items:center;justify-content:center;
  }
main.pg .ov-label{font-weight:600;color:var(--pg-ink);font-size:12.5px}
main.pg .ov-val{color:var(--pg-muted);font-size:11.5px}
main.pg .ov-btn{
    margin-left:auto;font-size:11px;font-weight:600;color:var(--pg-ink);background:#FFFFFF;
    border:1px solid var(--pg-line);padding:6px 12px;border-radius:999px;white-space:nowrap;
  }
main.pg .tabs{display:inline-flex;gap:4px;background:#FBF9F3;border:1px solid var(--pg-line);border-radius:999px;padding:4px;margin:16px 0 12px}
main.pg .tab{font-size:11.5px;font-weight:600;color:var(--pg-muted);padding:6px 14px;border-radius:999px;white-space:nowrap}
main.pg .tab.on{background:#FFFFFF;color:var(--pg-ink);box-shadow:var(--pg-shadow-sm)}
main.pg .publish{
    margin-left:auto;font-size:11.5px;font-weight:600;color:var(--pg-blue);background:#FFFFFF;
    border:1px solid var(--pg-blue-line);padding:8px 16px;border-radius:999px;white-space:nowrap;
  }
@media(max-width:520px){main.pg .tab{font-size:10.5px;padding:6px 10px}
main.pg .publish{font-size:10.5px;padding:7px 12px}
main.pg .mock-body{padding:13px}}
main.pg table.mt{width:100%;border-collapse:collapse}
main.pg table.mt th{
    text-align:left;font-size:10.5px;font-weight:600;color:var(--pg-muted);
    padding:9px 8px;border-bottom:1px solid var(--pg-line-2);white-space:nowrap;
  }
main.pg table.mt td{padding:10px 8px;border-bottom:1px solid var(--pg-line-2);font-size:11.5px;color:var(--pg-ink-2);white-space:nowrap}
main.pg table.mt tr:last-child td{border-bottom:none}
main.pg .badge-ok{background:var(--pg-green-bg);color:var(--pg-green-tx);font-size:10px;font-weight:700;padding:3px 9px;border-radius:5px}
main.pg .link-sm{color:var(--pg-blue);font-weight:600;font-size:11px}
main.pg .col-hide{display:table-cell}
@media(max-width:640px){main.pg .col-hide{display:none}}
main.pg .grid{display:grid;gap:20px}
main.pg .g3{grid-template-columns:repeat(3,1fr)}
main.pg .g4{grid-template-columns:repeat(4,1fr)}
main.pg .g2{grid-template-columns:repeat(2,1fr)}
main.pg .card{
    background:#FFFFFF;border:1px solid var(--pg-line);border-radius:var(--pg-radius);
    padding:26px;box-shadow:var(--pg-shadow-sm);transition:.2s ease;
  }
main.pg .card:hover{box-shadow:var(--pg-shadow);transform:translateY(-2px);border-color:#F1EBDC}
main.pg .card h4{margin-bottom:8px}
main.pg .card p{font-size:.95rem}
main.pg .ico{
    width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;
    background:var(--pg-blue-wash);margin-bottom:16px;
  }
main.pg .ico.amber{background:var(--pg-peach)}
main.pg .ico.green{background:#DEF5E1}
main.pg .steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:44px}
main.pg .step{position:relative;padding:0 24px 0 0}
main.pg .step:not(:last-child)::after{
    content:'';position:absolute;top:17px;left:44px;right:14px;height:2px;
    background:linear-gradient(90deg,var(--pg-blue-line),#F8F5ED);
  }
main.pg .step-n{
    counter-increment:s;width:36px;height:36px;border-radius:50%;background:var(--pg-blue);color:#FFFFFF;
    display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;
    margin-bottom:18px;position:relative;z-index:1;box-shadow:0 4px 12px rgba(176,126,0,.3);
  }
main.pg .step-n::before{content:counter(s)}
main.pg .step h4{margin-bottom:7px}
main.pg .step p{font-size:.93rem}
main.pg .row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:64px 0;border-top:1px solid var(--pg-line-2)}
main.pg .row:first-of-type{border-top:none}
main.pg .row.flip .row-media{order:-1}
main.pg .row h3{margin:14px 0 14px;font-size:1.7rem;letter-spacing:-.028em}
main.pg .checks{margin-top:22px;display:grid;gap:11px}
main.pg .checks li{display:flex;gap:11px;align-items:flex-start;font-size:.96rem;color:var(--pg-body)}
main.pg .tick{
    flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#DEF5E1;
    display:flex;align-items:center;justify-content:center;margin-top:2px;
  }
main.pg .row-media{min-width:0}
main.pg .mini{
    background:#FFFFFF;border:1px solid var(--pg-line);border-radius:14px;box-shadow:var(--pg-shadow);
    padding:18px;font-size:13px;
  }
main.pg .cat-card{
    border:1px solid var(--pg-line);border-radius:12px;padding:12px 14px;margin-bottom:10px;
    display:flex;align-items:center;justify-content:space-between;
  }
main.pg .cat-card.on{background:var(--pg-peach);border-color:var(--pg-peach-line)}
main.pg .cat-name{font-weight:600;color:var(--pg-ink);font-size:12.5px}
main.pg .cat-sub{font-size:11px;color:var(--pg-amber)}
main.pg .cat-sub.grey{color:var(--pg-muted)}
main.pg .add-btn{
    width:100%;border:1px dashed #E8DFCB;border-radius:999px;padding:9px;text-align:center;
    font-size:11.5px;font-weight:600;color:var(--pg-body);background:#FBFCFE;
  }
main.pg .cookie-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--pg-line-2);font-size:11.5px}
main.pg .cookie-row:last-child{border-bottom:none}
main.pg .cookie-id{font-weight:600;color:var(--pg-ink)}
main.pg .cookie-dom{color:var(--pg-muted)}
main.pg .note{
    background:linear-gradient(135deg,#FEF9ED,#FEFCF8);border:1px solid var(--pg-blue-line);
    border-radius:20px;padding:44px 48px;display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start;
  }
main.pg .note-ico{
    width:52px;height:52px;border-radius:14px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;
    box-shadow:var(--pg-shadow-sm);
  }
main.pg .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--pg-line);border-radius:var(--pg-radius);overflow:hidden;background:#FFFFFF}
main.pg .tile{padding:24px 26px;border-right:1px solid var(--pg-line-2);border-bottom:1px solid var(--pg-line-2)}
main.pg .tile:nth-child(3n){border-right:none}
main.pg .tile:nth-last-child(-n+3){border-bottom:none}
main.pg .tile h4{font-size:.98rem;margin-bottom:6px;display:flex;align-items:center;gap:9px}
main.pg .tile p{font-size:.88rem;color:var(--pg-muted);line-height:1.55}
main.pg .faq{max-width:820px;margin:0 auto}
main.pg details{border-bottom:1px solid var(--pg-line);padding:4px 0}
main.pg summary{
    list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;
    font-weight:600;color:var(--pg-ink);font-size:1.04rem;
  }
main.pg summary::-webkit-details-marker{display:none}
main.pg summary::after{
    content:'';position:absolute;right:8px;top:26px;width:9px;height:9px;
    border-right:2px solid var(--pg-muted);border-bottom:2px solid var(--pg-muted);
    transform:rotate(45deg);transition:.2s;
  }
main.pg details[open] summary::after{transform:rotate(-135deg);top:30px}
main.pg details p{padding:0 30px 22px 0;font-size:.98rem}
main.pg .cta{
    background:linear-gradient(140deg,#141A27 0%,#1E273B 55%,#B07E00 140%);
    border-radius:24px;padding:66px 56px;text-align:center;color:#FFFFFF;position:relative;overflow:hidden;
  }
main.pg .cta::before{
    content:'';position:absolute;width:420px;height:420px;border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.09),transparent 70%);top:-180px;right:-90px;
  }
main.pg .cta h2,main.pg .cta p{color:#FFFFFF;position:relative}
main.pg .cta p{opacity:.82;margin:16px auto 30px;max-width:52ch}
main.pg .cta .btn-ghost{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.35)}
main.pg .cta .btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.55)}
main.pg .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}
main.pg .cta .btn-primary{background:#FFFFFF;color:var(--pg-ink);box-shadow:0 10px 30px rgba(108,79,19,.2)}
main.pg .cta .btn-primary:hover{background:#FEFBF3}
main.pg footer{padding:44px 0;border-top:1px solid var(--pg-line);font-size:.9rem;color:var(--pg-muted)}
main.pg .foot-in{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
main.pg .foot-in .logo{font-size:1rem}
main.pg .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
main.pg .rv.in{opacity:1;transform:none}
@media(max-width:960px){main.pg .g4{grid-template-columns:repeat(2,1fr)}
main.pg .steps{grid-template-columns:repeat(2,1fr);gap:32px 0}
main.pg .step:not(:last-child)::after{display:none}
main.pg .row{grid-template-columns:1fr;gap:34px;padding:48px 0}
main.pg .row.flip .row-media{order:0}
main.pg .tiles{grid-template-columns:repeat(2,1fr)}
main.pg .tile:nth-child(3n){border-right:1px solid var(--pg-line-2)}
main.pg .tile:nth-child(2n){border-right:none}
main.pg .tile:nth-last-child(-n+3){border-bottom:1px solid var(--pg-line-2)}
main.pg .tile:nth-last-child(-n+2){border-bottom:none}
main.pg .note{grid-template-columns:1fr;padding:34px 30px}}
@media(max-width:680px){main.pg{font-size:16px}
main.pg .section{padding:66px 0}
main.pg .nav-links{display:none}
main.pg .g3,main.pg .g2,main.pg .g4,main.pg .tiles{grid-template-columns:1fr}
main.pg .tile{border-right:none!important;border-bottom:1px solid var(--pg-line-2)!important}
main.pg .tile:last-child{border-bottom:none!important}
main.pg .steps{grid-template-columns:1fr;gap:28px}
main.pg .cta{padding:48px 26px}
main.pg .wrap{padding:0 20px}}
/* ---- CookieLet palette: same tokens the rest of the site uses ---- */
main.pg{--pg-ink:hsl(222 32% 9%);--pg-ink-2:hsl(222 20% 24%);--pg-body:hsl(222 14% 36%);--pg-muted:hsl(222 12% 50%);--pg-blue:hsl(43 100% 34%);--pg-blue-dark:hsl(40 100% 26%);--pg-blue-wash:hsl(43 100% 93%);--pg-blue-line:hsl(43 62% 83%);--pg-page:hsl(42 70% 95%);--pg-soft:hsl(42 46% 91%);--pg-line:hsl(42 30% 84%);--pg-line-2:hsl(42 32% 90%);--pg-radius:18px;--pg-maxw:1400px;--pg-shadow-sm:0 1px 2px hsl(40 60% 25% / .07);--pg-shadow:0 8px 24px -10px hsl(40 60% 25% / .18);--pg-shadow-lg:0 24px 60px -28px hsl(40 60% 25% / .35);}

main.pg .wrap{max-width:var(--pg-maxw);padding-left:2rem;padding-right:2rem}
main.pg h1,main.pg h2,main.pg h3,main.pg h4,main.pg h5{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif}
main.pg h1,main.pg h2{font-weight:800;letter-spacing:-.035em}
main.pg .hero{background:var(--gradient-hero)}
main.pg .pg-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
main.pg img,main.pg svg,main.pg canvas{max-width:100%}
main.pg pre,main.pg code{overflow-wrap:anywhere}