:root{ --sky:#85B7EB;--orchid:#AFA9EC;--violet:#7F77DD;--violet-deep:#534AB7; --pink:#ED93B1;--pink-soft:#FBEAF0;--pink-deep:#993556; --ink:#26215C;--bg:#FBFAFF;--surface:#F4F2FE;--border:#E4E0FA; --body:#4A4470;--muted:#6E689A; --display:'Fraunces',Georgia,serif;--sans:'Inter',system-ui,sans-serif; --radius:14px;--radius-sm:10px;--maxw:1140px; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font-family:var(--sans);color:var(--body);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased} .container{max-width:var(--maxw);margin:0 auto;padding:0 24px} a{color:var(--violet-deep);text-decoration:none} a:hover{text-decoration:underline} h1,h2,h3{font-family:var(--display);color:var(--ink);font-weight:600;line-height:1.18;letter-spacing:-0.01em} .site-header{position:sticky;top:0;z-index:50;background:rgba(251,250,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)} .site-header .nav-row{display:flex;align-items:center;justify-content:space-between;height:64px} .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;padding:11px 22px;border-radius:var(--radius-sm);border:none;cursor:pointer} .btn-primary{background:var(--violet);color:#fff!important;box-shadow:0 6px 18px rgba(127,119,221,.3)} .btn-primary:hover{text-decoration:none;transform:translateY(-1px)} main{padding:0 0 40px} .hero{padding:54px 0 32px} .eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--violet-deep)} .hero h1{font-size:clamp(28px,4.4vw,44px);max-width:780px;margin:12px 0 16px} .hero .lede{font-size:18px;max-width:680px;color:var(--body)} .geo-answer{background:var(--surface);border-left:4px solid var(--violet);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:16px 20px;margin:24px 0;font-size:16px;color:var(--ink)} .content{max-width:760px} .content h2{font-size:26px;margin:34px 0 12px} .content h3{font-size:19px;font-family:var(--sans);font-weight:600;margin:24px 0 8px} .content p{margin:0 0 16px} .content ul,.content ol{margin:0 0 16px 22px} .content li{margin:6px 0} .callout{background:var(--pink-soft);border-radius:var(--radius);padding:20px 24px;margin:26px 0} .callout strong{color:var(--pink-deep)} .cta-band{background:var(--ink);color:#cfc9f5;border-radius:var(--radius);padding:32px 28px;margin:32px 0;text-align:center} .cta-band h2{color:#fff;font-size:24px;margin-bottom:10px} .cta-band .btn-primary{margin-top:8px} .faq{margin:30px 0} .faq h2{font-size:24px;margin-bottom:14px} .faq details{border-bottom:1px solid var(--border);padding:14px 0} .faq summary{font-weight:600;color:var(--ink);cursor:pointer;font-size:16px} .faq details p{margin-top:10px} .related{background:var(--surface);border-radius:var(--radius);padding:22px 24px;margin:30px 0} .related h3{font-family:var(--sans);font-size:15px;font-weight:600;color:var(--ink);margin-bottom:10px} .related ul{list-style:none} .related li{margin:7px 0} .breadcrumb{font-size:13px;color:var(--muted);margin:18px 0 0} @media(max-width:760px){.hero h1{font-size:28px}} @media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}} :focus-visible{outline:3px solid var(--violet);outline-offset:2px} .related-cities{columns:3;gap:20px;list-style:none;padding:0;margin:10px 0} .related-cities li{margin:5px 0;break-inside:avoid} @media(max-width:640px){.related-cities{columns:2}} .btn-grader{background:linear-gradient(90deg,var(--violet),var(--pink));color:#fff!important;box-shadow:0 6px 18px rgba(127,119,221,.35);position:relative} .btn-grader:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 8px 24px rgba(127,119,221,.45)} .hero-grader-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0 0} .grader-chip{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(90deg,rgba(127,119,221,.08),rgba(214,93,177,.08));border:1px solid var(--violet);border-radius:999px;padding:8px 8px 8px 18px;font-size:14px;font-weight:600;color:var(--ink)} .grader-chip .chip-label{white-space:nowrap} .grader-chip a.chip-btn{background:linear-gradient(90deg,var(--violet),var(--pink));color:#fff!important;padding:7px 16px;border-radius:999px;font-weight:700;font-size:13px;white-space:nowrap} .grader-chip a.chip-btn:hover{text-decoration:none;transform:translateY(-1px)} /* ============================================================ CANONICAL NAV + FOOTER — single authoritative rule set (matches the homepage; nav + footer only) ============================================================ */ .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px} header.nav{position:sticky;top:0;z-index:50;background:rgba(251,250,255,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)} header.nav .nav-in{display:flex;align-items:center;justify-content:space-between;height:68px;flex-wrap:nowrap;gap:18px} header.nav .brand{display:flex;align-items:center;gap:10px;flex-shrink:0} header.nav .brand-name{font-family:var(--display);font-weight:600;font-size:18px;color:var(--ink);letter-spacing:-0.01em;white-space:nowrap} header.nav .brand svg,header.nav .brand img{flex-shrink:0} header.nav .nav-links{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;white-space:nowrap} header.nav .nav-links > a{font-size:14.5px;font-weight:500;color:var(--muted);white-space:nowrap} header.nav .nav-links > a:hover{color:var(--ink)} header.nav .nav-cta{display:flex;align-items:center;gap:10px;flex-shrink:0} header.nav .nav-grader-link, header.nav .nav-cta .btn-primary{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;margin:0;font-size:13.5px;font-weight:600;line-height:1;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;box-shadow:none} header.nav .nav-grader-link{background:linear-gradient(90deg,var(--violet),var(--pink));color:#fff !important} header.nav .nav-cta .btn-primary{background:var(--violet);color:#fff !important} header.nav .nav-grader-link:hover, header.nav .nav-cta .btn-primary:hover{transform:translateY(-1px);text-decoration:none;box-shadow:none} .nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;background:none;border:none;cursor:pointer;padding:0;z-index:120} .nav-toggle span{display:block;width:26px;height:2.5px;background:var(--ink);border-radius:2px;margin:0 auto;transition:transform .3s ease,opacity .2s ease} body.nav-open{overflow:hidden} body.nav-open .nav-toggle span:nth-child(1){transform:translateY(7.5px) rotate(45deg)} body.nav-open .nav-toggle span:nth-child(2){opacity:0} body.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)} @media (max-width:1240px){ header.nav .nav-in{gap:10px} header.nav .nav-cta{gap:8px} header.nav .nav-cta .btn-primary{padding:0 12px;font-size:12.5px;height:36px} header.nav .nav-toggle{display:flex;flex-shrink:0} header.nav .nav-links{position:fixed;inset:0;height:100dvh;background:linear-gradient(160deg,var(--bg),#FBEAF0);flex-direction:column;justify-content:center;align-items:center;gap:0;padding:96px 28px 48px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .32s ease,transform .32s ease,visibility .32s;z-index:110;overflow-y:auto;white-space:normal} header.nav .nav-links.open{opacity:1;visibility:visible;transform:none} header.nav .nav-links > a{display:block;width:100%;max-width:440px;padding:18px 6px;font-family:var(--display);font-size:1.4rem;font-weight:600;color:var(--ink);text-align:center;border-bottom:1px solid var(--border);opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease} header.nav .nav-links.open > a{opacity:1;transform:none} header.nav .nav-grader-link{height:auto;margin-top:10px} } @media (max-width:430px){ header.nav .nav-cta .btn-primary{display:none} } @media (prefers-reduced-motion:reduce){header.nav .nav-links,header.nav .nav-links > a,.nav-toggle span{transition:none !important}} /* canonical "1000x Digital Family" footer (classless