.cookie-demo{--demo-navy:#071624;--demo-blue:#248ed8;--demo-blue-dark:#1265a0;--demo-green:#78c943;--demo-ink:#102033;--demo-muted:#526579;--demo-line:#dbe4ec;color:var(--demo-ink);background:#fff;font-family:Aptos,Segoe UI,ui-sans-serif,system-ui,sans-serif}.cookie-demo,.cookie-demo *,.cookie-demo :before,.cookie-demo :after{box-sizing:border-box}.cookie-demo{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;min-width:20rem;margin:0;line-height:1.5}.cookie-demo a{color:inherit}.cookie-demo a:focus-visible{outline:3px solid var(--demo-blue);outline-offset:4px}.cookie-demo .container{width:min(100% - 2.5rem,76rem);margin-inline:auto}.cookie-demo .skip-link{z-index:100;color:var(--demo-ink);background:#fff;border-radius:.5rem;padding:.7rem 1rem;font-weight:700;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.cookie-demo .skip-link:focus{transform:translateY(0)}.cookie-demo .eyebrow{color:var(--demo-blue-dark);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:800}.cookie-demo h1,.cookie-demo h2,.cookie-demo h3{text-wrap:balance}.cookie-demo .hero{isolation:isolate;background:radial-gradient(circle at 82% 30%, #248ed840, transparent 30rem), var(--demo-navy);color:#fff;position:relative;overflow:hidden}.cookie-demo .hero:before,.cookie-demo .hero:after{z-index:-1;content:"";opacity:.65;background:#d9a75f;border-radius:99px;width:.65rem;height:.65rem;position:absolute;box-shadow:2.5rem 4rem 0 -.12rem #f2c779,6rem .5rem 0 -.18rem #9a633c,8rem 6rem 0 -.08rem #d9a75f,12rem 2rem 0 -.2rem #f2c779,15rem 7rem 0 -.14rem #9a633c}.cookie-demo .hero:before{top:18%;left:6%;transform:rotate(-16deg)}.cookie-demo .hero:after{bottom:17%;right:8%;transform:rotate(164deg)}.cookie-demo .hero-topline{z-index:1;color:#ffffffb3;justify-content:space-between;align-items:center;gap:1rem;padding-top:.75rem;font-size:.9rem;display:flex;position:relative}.cookie-demo .nav-link{text-underline-offset:.25rem;align-items:center;min-height:2.75rem;display:inline-flex}.cookie-demo .hero-grid{z-index:1;grid-template-columns:minmax(0,1fr) 7rem;align-items:center;gap:1.5rem;padding-block:1.25rem 1.75rem;display:grid;position:relative}.cookie-demo .hero--compact .hero-grid{padding-block:1.25rem 1.75rem}.cookie-demo .hero--compact h1{max-width:18ch}.cookie-demo .hero .eyebrow{color:var(--demo-green)}.cookie-demo .hero h1{letter-spacing:-.035em;color:#fff;max-width:40ch;margin:.45rem 0 0;font-size:clamp(1.8rem,3vw,2.25rem);font-weight:750;line-height:1.08}.cookie-demo .hero h1 span{display:inline}.cookie-demo .hero-lead{color:#ffffffc7;max-width:48rem;margin:.6rem 0 0;font-size:1rem;line-height:1.45}.cookie-demo .button{border-radius:.6rem;justify-content:center;align-items:center;gap:.6rem;min-height:3rem;padding:.9rem 1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.cookie-demo .button--primary{background:var(--demo-green);color:var(--demo-navy)}.cookie-demo .button--primary:hover{background:#91db61}.cookie-demo .cookie-scene{place-items:center;min-height:112px;display:grid;position:relative}.cookie-demo .cookie-scene__cookie{aspect-ratio:1;transform-origin:50%;background:#eab977;border:5px solid #b97742;border-radius:50%;width:100px;animation:5.5s ease-in-out infinite cookie-demo-float;position:relative;transform:rotate(8deg);box-shadow:inset 0 -10px #c9894d,0 1.5rem 2rem #00000047}@keyframes cookie-demo-float{0%,to{transform:translateY(0)rotate(8deg)}50%{transform:translateY(-14px)rotate(2deg)}}.cookie-demo .cookie-scene__cookie:before{content:"";background:radial-gradient(circle at 29% 26%,#674837 0 11px,#0000 12px),radial-gradient(circle at 66% 19%,#674837 0 10px,#0000 11px),radial-gradient(circle at 51% 45%,#674837 0 10px,#0000 11px),radial-gradient(circle at 78% 57%,#674837 0 12px,#0000 13px),radial-gradient(circle at 23% 62%,#674837 0 10px,#0000 11px),radial-gradient(circle at 56% 76%,#674837 0 13px,#0000 14px);border-radius:50%;position:absolute;inset:0}.cookie-demo .cookie-scene__orbit,.cookie-demo .scene-sticker,.cookie-demo .crumb{display:none}.cookie-demo .form-section,.cookie-demo .journey,.cookie-demo .completion-steps{padding-block:clamp(2rem,4vw,3.5rem);scroll-margin-top:8rem}.cookie-demo .section-heading{max-width:50rem}.cookie-demo .section-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.6rem,2.4vw,2.25rem);line-height:1.08}.cookie-demo .form-layout{margin-inline:auto;grid-template-columns:minmax(0,1fr);grid-template-areas:"explainer""form";align-items:start;gap:1.25rem;max-width:60rem;margin-top:0;display:grid}.cookie-demo .aside-card{background:var(--demo-navy);color:#fff;border:1px solid #54c54873;border-radius:1.25rem;grid-area:explainer;padding:1.35rem;box-shadow:0 1.25rem 3rem #07162429}.cookie-demo .aside-card__eyebrow{color:var(--demo-green);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.55rem;font-size:.75rem;font-weight:800;display:flex}.cookie-demo .aside-card__eyebrow span{font-size:1.15rem}.cookie-demo .aside-card h2{color:#fff;margin:.65rem 0;font-size:clamp(1.25rem,5.5vw,1.55rem);line-height:1.15}.cookie-demo .aside-card p{color:#fffc;margin:0;font-size:.92rem;line-height:1.6}.cookie-demo .form-shell{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #248ed833;border-radius:1.4rem;grid-area:form;min-width:0;padding:.9rem;overflow:hidden;box-shadow:0 1.5rem 3rem #07162424}.cookie-demo .form-shell__top{border-bottom:1px solid var(--demo-line);color:var(--demo-muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.5rem;padding:.5rem .6rem 1rem;font-size:.75rem;font-weight:800;display:flex}.cookie-demo .form-shell__top i{background:var(--demo-blue);border-radius:50%;width:.65rem;height:.65rem}.cookie-demo .form-shell__top i:nth-child(2){background:var(--demo-green)}.cookie-demo .form-shell__top i:nth-child(3){background:#dbe4ec}.cookie-demo .form-shell__top span{margin-left:.6rem}.cookie-demo .form-shell__surface-toggle{color:inherit;font:inherit;letter-spacing:0;text-transform:none;cursor:pointer;background:0 0;border:1px solid;border-radius:.4rem;margin-left:auto;padding:.3rem .5rem}.cookie-demo .form-shell__surface-toggle:focus-visible{outline:3px solid var(--demo-green);outline-offset:3px}.cookie-demo .form-shell__brand{justify-content:center;padding:1rem 0 .25rem;display:flex}.cookie-demo .form-shell__brand img{border-radius:.4rem;width:196px;max-width:100%;height:auto;display:block}.cookie-demo .form-shell iframe{background:#fff;border:0;width:100%;height:900px;display:block}.cookie-demo .form-shell[data-form-surface=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#09090b;border-color:#334155}.cookie-demo .form-shell[data-form-surface=dark] .form-shell__top{color:#e2e8f0;border-color:#334155}.cookie-demo .form-shell[data-form-surface=dark] iframe{background:#09090b}.cookie-demo .form-shell[data-form-surface=dark] .form-fallback{color:#e2e8f0}.cookie-demo .form-shell[data-form-surface=dark] .form-fallback a{color:#93c5fd}@media (prefers-color-scheme:dark){.cookie-demo .form-shell:not([data-form-surface]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#09090b;border-color:#334155}.cookie-demo .form-shell:not([data-form-surface]) .form-shell__top{color:#e2e8f0;border-color:#334155}.cookie-demo .form-shell:not([data-form-surface]) iframe{background:#09090b}.cookie-demo .form-shell:not([data-form-surface]) .form-fallback{color:#e2e8f0}.cookie-demo .form-shell:not([data-form-surface]) .form-fallback a{color:#93c5fd}}.cookie-demo .form-empty{text-align:center;align-content:center;justify-items:center;min-height:430px;padding:2rem;display:grid}.cookie-demo .form-empty span{font-size:3rem}.cookie-demo .form-empty h3{margin:1rem 0 .5rem;font-size:1.5rem}.cookie-demo .form-empty p{max-width:28rem;color:var(--demo-muted);margin:0;line-height:1.6}.cookie-demo .form-empty code{background:#e9f5fc;border-radius:.4rem;margin-top:1rem;padding:.45rem .6rem;font-size:.8rem}.cookie-demo .form-fallback{color:var(--demo-muted);margin:.8rem .5rem .3rem;font-size:.83rem;line-height:1.5}.cookie-demo .form-fallback a{color:var(--demo-blue-dark);font-weight:800}.cookie-demo .form-demo-note{max-width:60rem;color:var(--demo-muted);margin:1.25rem auto 0;font-size:.9rem;line-height:1.6}.cookie-demo .journey{background:#f5f8fb}.cookie-demo .journey-grid{grid-template-columns:minmax(0,1fr);gap:1.2rem;margin-top:2rem;padding:0;list-style:none;display:grid}.cookie-demo .journey-card{border:1px solid var(--demo-line);background:#fff;border-radius:1.25rem;min-height:0;padding:1.5rem 1.5rem 1.5rem 6rem;position:relative;box-shadow:0 1rem 2.5rem #07162414}.cookie-demo .journey-card:before{width:3rem;height:3rem;color:var(--demo-blue-dark);content:attr(data-number);background:#e9f5fc;border:1px solid #248ed84d;border-radius:99px;place-items:center;font-weight:800;display:grid;position:absolute;top:1.5rem;left:1.5rem}.cookie-demo .journey-card:not(:last-child):after{background:var(--demo-green);content:"";width:2px;position:absolute;top:4.5rem;bottom:-2.7rem;left:3rem}.cookie-demo .journey-card__badge{color:var(--demo-blue-dark);letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;font-weight:800}.cookie-demo .journey-card h3{margin:.4rem 0 .7rem;font-size:1.3rem;line-height:1.12}.cookie-demo .journey-card p{color:var(--demo-muted);margin:0;font-size:.9rem;line-height:1.6}.cookie-demo .journey-action{background:radial-gradient(ellipse at 95% 50%, #78c9432b, transparent 55%), var(--demo-navy);color:#fff;border:1px solid #78c94359;border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1.5rem;margin:0 0 2rem;padding:2rem;display:flex;position:relative;box-shadow:0 0 2rem #78c9431f}.cookie-demo .journey-action__intro{align-items:center;gap:1.5rem;min-width:0;display:flex}.cookie-demo .journey-action__cookie{filter:drop-shadow(0 0 12px #eab97766);border-width:3px;flex:none;width:64px;animation:3.2s ease-in-out infinite cookie-demo-wobble}@keyframes cookie-demo-wobble{0%,65%,to{transform:rotate(8deg)}15%{transform:rotate(-12deg)}30%{transform:rotate(18deg)}45%{transform:rotate(-5deg)}}.cookie-demo .journey-action__cookie:before{background:radial-gradient(circle at 29% 26%,#674837 0 5px,#0000 6px),radial-gradient(circle at 66% 19%,#674837 0 5px,#0000 6px),radial-gradient(circle at 51% 45%,#674837 0 5px,#0000 6px),radial-gradient(circle at 78% 57%,#674837 0 6px,#0000 7px),radial-gradient(circle at 23% 62%,#674837 0 5px,#0000 6px),radial-gradient(circle at 56% 76%,#674837 0 6px,#0000 7px)}.cookie-demo .journey-action h2{color:#fff;margin:0;font-size:clamp(1.4rem,4vw,1.8rem);font-weight:800;line-height:1.2}.cookie-demo .journey-action p{color:#fffc;margin:.5rem 0 0}.cookie-demo .journey-action .button{flex:none;min-height:3.75rem;padding:1rem 2rem;font-size:1.125rem;transition:transform .18s,background .18s;animation:2.4s ease-in-out 2 cookie-demo-pulse;box-shadow:0 0 0 3px #78c94326,0 0 24px #78c94340}.cookie-demo .journey-action .button:hover,.cookie-demo .journey-action .button:focus-visible{transform:translateY(-3px)}.cookie-demo .journey-action .button span{transition:transform .18s}.cookie-demo .journey-action .button:hover span,.cookie-demo .journey-action .button:focus-visible span{transform:translate(4px)}@keyframes cookie-demo-pulse{0%,to{scale:1}50%{scale:1.03;box-shadow:0 0 0 10px #78c94333,0 0 48px #78c943b3}}.cookie-demo .completion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.cookie-demo .completion-grid li{border:1px solid var(--demo-line);background:#f5f8fb;border-radius:1.25rem;align-items:flex-start;gap:1.25rem;padding:1.8rem;display:flex}.cookie-demo .completion-number{width:2.5rem;height:2.5rem;color:var(--demo-blue-dark);background:#e9f5fc;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.cookie-demo .completion-grid h3{margin:0 0 .5rem;font-size:1.3rem}.cookie-demo .completion-grid p{color:var(--demo-muted);margin:0;line-height:1.6}.cookie-demo .completion-note{border:1px solid var(--demo-line);background:#fff;border-radius:1.25rem;margin-top:1.2rem;padding:1.5rem 1.8rem}.cookie-demo .completion-note h3{margin:0 0 .4rem;font-size:1.2rem}.cookie-demo .completion-note p{max-width:48rem;color:var(--demo-muted);margin:0;line-height:1.6}.cookie-demo .demo-endnote{background:var(--demo-navy)}.cookie-demo .demo-endnote__inner{justify-content:space-between;align-items:center;gap:2rem;padding-block:1.7rem;display:flex}.cookie-demo .demo-endnote p{color:#ffffffbf;max-width:37rem;margin:0;font-size:.85rem;line-height:1.5}.cookie-demo .demo-endnote a{color:var(--demo-green);text-underline-offset:.3em;flex:none;font-size:.85rem;font-weight:800}@media (width<=900px){.cookie-demo .form-layout{grid-template-columns:1fr}}@media (width<=680px){.cookie-demo .journey-action{text-align:center;flex-direction:column;padding:1.5rem}.cookie-demo .journey-action .button{width:100%}.cookie-demo .journey-action__intro{flex-direction:column;gap:1rem}.cookie-demo .hero-grid{grid-template-columns:1fr;padding-block:1rem 1.5rem}.cookie-demo .hero h1{font-size:clamp(1.7rem,7vw,2.1rem)}.cookie-demo .cookie-scene{display:none}.cookie-demo .journey-grid,.cookie-demo .completion-grid{grid-template-columns:1fr}.cookie-demo .form-shell{padding:.5rem}.cookie-demo .form-shell iframe{height:1020px}.cookie-demo .journey-card{padding:1.25rem 1rem 1.25rem 4.25rem}.cookie-demo .journey-card:before{width:2.25rem;height:2.25rem;top:1.25rem;left:1rem}.cookie-demo .journey-card:not(:last-child):after{top:3.5rem;bottom:-2.45rem;left:2.125rem}.cookie-demo .demo-endnote__inner{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (width<=420px){.cookie-demo .form-shell{border-left:0;border-right:0;border-radius:0;width:calc(100% + 2.5rem);margin-inline:-1.25rem;padding:0}.cookie-demo .form-shell__top{padding:.9rem 1rem}.cookie-demo .form-fallback{margin:1rem;font-size:.9rem}}@media (prefers-reduced-motion:reduce){.cookie-demo{scroll-behavior:auto}.cookie-demo .cookie-scene__cookie{animation:none}.cookie-demo .journey-action .button,.cookie-demo .journey-action .button span{transition:none;animation:none;transform:none}}