@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --ink:#171b35; --muted:#676a7e; --cream:#fffdf7; --purple:#5f4bf2; --line:#e9e6df; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:"DM Sans",sans-serif; }
button,a { font:inherit; }
a { color:inherit; text-decoration:none; }
svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.site-shell { overflow:hidden; }
.nav-wrap { height:78px; padding:0 max(5vw,24px); display:flex; align-items:center; justify-content:space-between; background:rgba(255,253,247,.92); border-bottom:1px solid #efece5; position:relative; z-index:10; backdrop-filter:blur(14px); }
.brand { display:flex; align-items:center; gap:11px; font:800 23px/1 "Manrope",sans-serif; letter-spacing:-.8px; }
.brand-mark { width:36px; height:36px; padding:7px; border-radius:11px; background:var(--ink); color:white; transform:rotate(-3deg); }
nav { display:flex; gap:36px; font-size:14px; font-weight:600; }
nav a { color:#4e5164; transition:.2s; }
nav a:hover { color:var(--purple); }
.menu-button { display:none; border:0; background:transparent; padding:8px; }
.menu-icon { display:grid; gap:4px; width:22px; }.menu-icon i{height:2px;background:var(--ink);border-radius:2px;display:block;}
.mobile-menu { position:absolute; top:68px; right:20px; padding:12px; width:180px; border:1px solid var(--line); border-radius:15px; background:white; box-shadow:0 16px 35px #171b3518; display:grid; }
.mobile-menu button { text-align:left; padding:12px; border:0; background:transparent; color:var(--ink); }
.hero { min-height:545px; padding:90px max(8vw,30px) 80px; position:relative; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr); gap:10%; align-items:center; background:#f7f2ff; isolation:isolate; }
.hero:after { content:""; position:absolute; inset:auto 0 0; height:9px; background:repeating-linear-gradient(90deg,#ffbf48 0 60px,#7d69f7 60px 120px,#fa8d72 120px 180px,#65cbbc 180px 240px); opacity:.85; }
.hero-orb { position:absolute; border-radius:50%; z-index:-1; filter:blur(1px); }.orb-one{width:340px;height:340px;background:#e6ddff;left:-170px;top:-100px}.orb-two{width:270px;height:270px;background:#fff2c6;right:18%;bottom:-150px}
.hero-copy { max-width:780px; }
.eyebrow { width:max-content; display:flex; gap:9px; align-items:center; color:#5842da; background:white; border:1px solid #ded7fa; border-radius:99px; padding:8px 14px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1.25px; box-shadow:0 4px 10px #5443c50c; }
.eyebrow svg { width:16px; height:16px; }
h1 { margin:25px 0 22px; font:800 clamp(42px,5.5vw,78px)/1.03 "Manrope",sans-serif; letter-spacing:-4px; }
h1 em { color:var(--purple); font-style:normal; }
.hero-copy>p { max-width:650px; margin:0; color:#62647a; font-size:18px; line-height:1.7; }
.hero-meta { display:flex; gap:10px; align-items:center; margin-top:28px; font-size:13px; }.hero-meta span{color:#87899a}.hero-meta strong{padding-left:10px;border-left:1px solid #c9c5d1;}
.hero-card { justify-self:end; width:min(100%,320px); min-height:330px; padding:39px; display:flex; flex-direction:column; justify-content:center; border-radius:30px; color:white; background:var(--ink); box-shadow:20px 20px 0 #facf69; transform:rotate(2deg); }
.card-icon { width:54px;height:54px;padding:13px;border-radius:17px;background:#6b57f7;margin-bottom:35px; }.hero-card p{color:#abaec0;margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.hero-card h3{font:700 30px/1.2 "Manrope";margin:0 0 26px;letter-spacing:-1px}.hero-card>span{border-top:1px solid #3a3d55;padding-top:20px;color:#d6d7df;font-size:13px}
.content-layout { max-width:1260px; margin:0 auto; padding:92px 30px 120px; display:grid; grid-template-columns:250px minmax(0,1fr); gap:80px; align-items:start; }
.contents-card { position:sticky; top:30px; }.contents-card>p{text-transform:uppercase;font-size:11px;letter-spacing:1.8px;font-weight:800;color:#9798a5;margin:0 0 18px}.contents-card ol{list-style:none;padding:0;margin:0;border-left:1px solid #dedbd4}.contents-card li a{width:100%;display:flex;gap:13px;text-align:left;border:0;background:transparent;padding:9px 0 9px 17px;color:#77798a;font-size:13px;cursor:pointer;transition:.2s}.contents-card li a:hover{color:var(--purple);transform:translateX(3px)}.contents-card li span{font-size:10px;color:#b3b0ac;padding-top:2px}
.policy-body { min-width:0; }
.policy-section { scroll-margin-top:30px; padding:0 0 64px; margin-bottom:64px; border-bottom:1px solid var(--line); }
.section-heading { display:flex; align-items:center; gap:16px; margin-bottom:25px; }.section-heading>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eeeafd;color:#5c49e5;font:700 11px "Manrope"}.section-heading h2{margin:0;font:700 clamp(25px,3vw,36px)/1.2 "Manrope";letter-spacing:-1.2px}
.section-content { color:#5d6072; font-size:16px; line-height:1.8; }.section-content p{margin:0 0 18px}.section-content strong{color:var(--ink)}.lead{font-size:20px!important;line-height:1.6!important;color:#34374c!important}.section-content ul{padding-left:22px}.section-content li{padding-left:6px;margin:7px 0}
.info-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0 18px; }.info-card{border-radius:20px;padding:28px;color:#35384c}.info-card.peach{background:#fff0e7}.info-card.blue{background:#eaf4ff}.letter{display:grid;place-items:center;width:32px;height:32px;background:#ffffffad;border-radius:9px;font-size:12px;font-weight:800}.info-card h3{font:700 17px "Manrope";margin:18px 0 12px}.info-card ul{font-size:14px;margin:0;padding-left:18px;line-height:1.55}
.cookie-note { display:flex;gap:20px;background:#fff9e9;border:1px solid #f3e5bd;border-radius:20px;padding:25px 28px}.cookie-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#ffcf65;color:#6a4a00;font-size:30px}.cookie-note h3{font:700 16px "Manrope";color:var(--ink);margin:0 0 7px}.cookie-note p{margin:0;font-size:14px;line-height:1.65}
.check-list { display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;list-style:none;padding:0!important;margin:25px 0}.check-list li{position:relative;padding:0 0 0 30px!important;margin:0!important}.check-list li:before{content:"✓";position:absolute;left:0;top:2px;width:20px;height:20px;display:grid;place-items:center;background:#dff7ef;color:#15856a;border-radius:50%;font-size:11px;font-weight:800}
.promise-strip { margin-top:30px;padding:22px 25px;border-radius:16px;background:var(--ink);color:white;display:flex;align-items:center;gap:13px}.promise-strip svg{width:25px;height:25px;color:#8c79ff}.promise-strip span{margin-left:auto;color:#aeb0be;font-size:13px}
.split-sections { display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:64px}.split-sections .policy-section{height:100%;margin:0;padding:32px;border:1px solid var(--line);border-radius:20px;background:white}.split-sections .section-heading{align-items:flex-start}.split-sections .section-heading h2{font-size:23px}.split-sections .section-content{font-size:14px}.split-sections .section-content p{margin:0}
.policy-section.accent { border:0; border-radius:25px; padding:39px 42px; background:#6a55ed; color:white; }.accent .section-heading>span{background:#ffffff22;color:white}.accent .section-heading h2,.accent .section-content{color:white}.accent .section-content p{max-width:620px;color:#e2ddff}.email-button{display:inline-flex;align-items:center;gap:25px;margin-top:8px;background:white;color:#33258f;padding:14px 18px 14px 21px;border-radius:11px;font-weight:700;font-size:14px}.email-button span{font-size:19px}
footer { min-height:135px;background:var(--ink);color:white;padding:35px max(5vw,30px);display:flex;align-items:center;justify-content:space-between}.footer-brand .brand-mark{background:#6a55ed}footer p{color:#b8bac7;font-size:14px}footer>span{color:#777a8d;font-size:12px}
@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-card{display:none}.content-layout{grid-template-columns:1fr}.contents-card{display:none}.split-sections{grid-template-columns:1fr}h1{letter-spacing:-2.5px}.info-grid{grid-template-columns:1fr}}
@media (max-width:620px){.nav-wrap{height:68px}nav{display:none}.menu-button{display:block}.hero{min-height:auto;padding:60px 22px 65px}.hero-copy>p{font-size:16px}h1{font-size:43px}.content-layout{padding:68px 20px 80px}.policy-section{padding-bottom:48px;margin-bottom:48px}.check-list{grid-template-columns:1fr}.promise-strip{align-items:flex-start;flex-wrap:wrap}.promise-strip span{width:100%;margin-left:38px}.split-sections{margin-bottom:48px}.policy-section.accent{padding:30px 25px}.email-button{font-size:13px}footer{flex-direction:column;gap:12px;text-align:center;padding:35px 20px}.cookie-note{padding:22px;}.hero-meta{margin-top:22px}}