:root {
  --navy: #102a43;
  --navy-deep: #081c31;
  --gold: #c9a05b;
  --gold-soft: #e6c98e;
  --ink: #17324d;
  --muted: #627487;
  --cream: #f7f4ee;
  --paper: #fffdfa;
  --line: rgba(16, 42, 67, .16);
  --shadow: 0 22px 60px rgba(16, 42, 67, .13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.65; }
a { color: inherit; }
.site-header { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 18px 0; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand img { width: 145px; height: auto; display: block; }
.nav { display: flex; align-items: center; gap: 28px; font-size: .78rem; letter-spacing: .13em; text-transform: uppercase; }
.nav a { text-decoration: none; color: var(--navy); }
.nav a:hover { color: var(--gold); }
.nav-cta { padding: 9px 17px; color: var(--paper) !important; background: var(--navy); border-radius: 999px; }
.hero { width: min(1180px, calc(100% - 48px)); margin: 0 auto; min-height: 610px; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 72px; padding: 78px 0 90px; }
.hero-copy { max-width: 650px; }
.eyebrow { margin: 0 0 18px; color: var(--gold); font-size: .76rem; font-weight: 700; letter-spacing: .18em; line-height: 1.4; text-transform: uppercase; }
.eyebrow span { color: var(--gold); padding: 0 7px; }
h1, h2, h3 { font-family: Georgia, 'Times New Roman', serif; color: var(--navy); line-height: 1.12; font-weight: 700; }
h1 { max-width: 680px; margin: 0; font-size: clamp(3.4rem, 7vw, 6.7rem); letter-spacing: -.055em; }
h2 { margin: 0; font-size: clamp(2.1rem, 4vw, 3.7rem); letter-spacing: -.04em; }
h3 { margin: 12px 0 8px; font-size: 1.35rem; }
.hero-lede { max-width: 550px; margin: 30px 0 0; color: var(--muted); font-size: 1.17rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 999px; text-decoration: none; font-weight: 700; font-size: .9rem; }
.button-primary { color: var(--paper); background: var(--navy); box-shadow: 0 12px 26px rgba(16, 42, 67, .18); }
.button-primary:hover { background: var(--navy-deep); }
.button-quiet { border: 1px solid var(--line); color: var(--navy); background: transparent; }
.button-quiet:hover { border-color: var(--gold); color: var(--gold); }
.boundary-note { margin: 38px 0 0; padding-left: 16px; border-left: 2px solid var(--gold); color: var(--muted); font-size: .9rem; }
.boundary-note strong { color: var(--navy); }
.hero-mark { position: relative; min-height: 430px; display: grid; place-items: center; overflow: hidden; background: var(--navy); box-shadow: var(--shadow); }
.hero-mark::before { content: ''; position: absolute; inset: 28px; border: 1px solid rgba(230, 201, 142, .35); }
.sunrise { position: relative; width: 190px; height: 190px; border-radius: 50%; background: radial-gradient(circle at 50% 58%, var(--gold) 0 34%, transparent 35%); }
.sunrise::before { content: ''; position: absolute; width: 340px; height: 3px; left: -76px; top: 118px; background: var(--gold); transform: rotate(-6deg); }
.sunrise::after { content: ''; position: absolute; width: 126px; height: 126px; left: 32px; top: 42px; border: 2px solid var(--gold-soft); border-left-color: transparent; border-bottom-color: transparent; border-radius: 50%; transform: rotate(-44deg); }
.sunrise span::before, .sunrise span::after { content: ''; position: absolute; left: 94px; top: 14px; width: 3px; height: 35px; background: var(--gold-soft); box-shadow: -48px 23px 0 -0.5px var(--gold-soft), 48px 23px 0 -0.5px var(--gold-soft); transform-origin: 50% 100%; }
.sunrise span::after { transform: rotate(45deg); }
.mark-line { position: absolute; top: 77px; width: 110px; height: 1px; background: var(--gold); }
.hero-mark p { position: absolute; bottom: 48px; margin: 0; color: var(--gold-soft); font-family: Georgia, serif; font-size: 4rem; letter-spacing: .18em; }
.section-rule { border-top: 1px solid var(--line); }
.intro, .support, .connect { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 95px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 90px; }
.intro-body { max-width: 560px; color: var(--muted); font-size: 1.08rem; }
.intro-body p { margin: 0 0 18px; }
.pause-section { padding: 98px max(24px, calc((100% - 1180px) / 2)) 106px; background: var(--cream); }
.section-heading { max-width: 700px; }
.pause-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; margin-top: 54px; }
.pause-grid article { min-height: 210px; padding: 25px 0; border-top: 2px solid var(--gold); }
.pause-letter { color: var(--gold); font-family: Georgia, serif; font-size: 2.8rem; line-height: 1; }
.pause-grid p, .support-card p { margin: 0; color: var(--muted); font-size: .94rem; line-height: 1.55; }
.support { display: block; }
.support-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 54px; }
.support-card { min-height: 260px; padding: 28px; background: var(--paper); border: 1px solid var(--line); transition: transform .2s ease, box-shadow .2s ease; }
.support-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.card-number { color: var(--gold); font-size: .76rem; font-weight: 700; letter-spacing: .16em; }
.about { padding: 100px max(24px, calc((100% - 1180px) / 2)); display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: center; background: var(--navy); }
.about h2, .about .eyebrow { color: var(--gold-soft); }
.about-copy p:not(.eyebrow) { max-width: 650px; color: rgba(255, 253, 250, .75); }
.about-emblem { position: relative; width: min(100%, 360px); aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(230, 201, 142, .45); border-radius: 50%; color: var(--gold); font-family: Georgia, serif; font-size: 5rem; letter-spacing: .08em; }
.about-emblem::after { content: ''; position: absolute; inset: 25px; border: 1px solid rgba(230, 201, 142, .24); border-radius: 50%; }
.about-emblem i { position: absolute; bottom: 31%; width: 48%; height: 3px; background: var(--gold); transform: rotate(-7deg); }
.connect { display: block; }
.section-intro { max-width: 650px; margin: 20px 0 0; color: var(--muted); }
.channel-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 48px; }
.channel { min-height: 100px; display: flex; align-items: center; gap: 16px; padding: 20px; border: 1px solid var(--line); background: var(--cream); }
.channel-symbol { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; color: var(--paper); background: var(--navy); font-family: Georgia, serif; font-size: 1.25rem; }
.channel strong, .channel small { display: block; }
.channel small { margin-top: 2px; color: var(--muted); font-size: .8rem; }
.readiness { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 24px 0 32px; display: flex; justify-content: space-between; gap: 24px; color: var(--muted); font-size: .82rem; }
.readiness p { margin: 0; color: var(--navy); font-weight: 700; }
.status-dot { display: inline-block; width: 9px; height: 9px; margin-right: 8px; border-radius: 50%; background: var(--gold); }
.site-footer { padding: 34px max(24px, calc((100% - 1180px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); color: var(--muted); font-size: .8rem; }
.footer-brand { display: flex; align-items: center; gap: 12px; color: var(--navy); font-weight: 700; }
.footer-brand img { width: 43px; height: 43px; object-fit: contain; }
.site-footer p { margin: 0; }
.site-footer p span { color: var(--gold); padding: 0 4px; }
.footer-small { color: var(--muted); }

@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; gap: 54px; padding-top: 52px; }
  .hero-mark { min-height: 300px; }
  .pause-grid { grid-template-columns: repeat(3, 1fr); }
  .support-grid { grid-template-columns: repeat(2, 1fr); }
  .about { grid-template-columns: 1fr; gap: 54px; }
  .about-emblem { width: 240px; }
  .channel-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px) {
  .site-header, .hero, .intro, .support, .readiness { width: min(100% - 32px, 1180px); }
  .site-header { align-items: flex-start; }
  .nav { gap: 12px; flex-wrap: wrap; justify-content: flex-end; font-size: .68rem; }
  .nav a:nth-child(-n+3) { display: none; }
  h1 { font-size: clamp(3rem, 15vw, 4.5rem); }
  .hero { padding: 44px 0 70px; }
  .intro, .support, .connect { display: block; padding: 68px 0; }
  .intro-body { margin-top: 28px; }
  .pause-section, .about { padding-left: 16px; padding-right: 16px; }
  .pause-grid, .support-grid, .channel-grid { grid-template-columns: 1fr; gap: 14px; }
  .pause-grid { margin-top: 36px; }
  .pause-grid article { min-height: auto; }
  .support-grid { margin-top: 36px; }
  .support-card { min-height: auto; }
  .readiness, .site-footer { display: block; }
  .readiness > span, .site-footer > p { display: block; margin-top: 12px; }
}

/* Current free apps and the people they serve. */
body{font-size:1rem}html{scroll-padding-top:24px}.eyebrow{font-size:.875rem;color:#856129;letter-spacing:.12em}.nav{font-size:.875rem;letter-spacing:.04em;text-transform:none}.hero{min-height:auto;padding:62px 0 76px;gap:54px;grid-template-columns:1.06fr .94fr}h1{font-size:clamp(2.65rem,5.3vw,4.9rem);letter-spacing:-.035em;line-height:1.12}.hero-lede{font-size:1.125rem;color:#42576b}.button{font-size:1rem;min-height:48px}.button-sisters{background:#5a4860;color:#fff}.button-sisters:hover{background:#44334a}.hero-choice{background:var(--navy);padding:30px;border-radius:18px;color:#fff}.hero-choice>.eyebrow{color:var(--gold-soft)}.choice-card{display:flex;gap:18px;padding:23px 0;color:#fff;text-decoration:none;border-top:1px solid #698095}.choice-card img{object-fit:contain;flex:0 0 64px;background:#fff;border-radius:12px;padding:4px}.choice-card span{font-size:.875rem;color:#e6c98e}.choice-card h2{color:#fff;font-size:1.65rem;margin:8px 0;letter-spacing:-.02em}.choice-card p{font-size:1rem;margin:0;color:#d6e2ec}.choice-sisters{border-bottom:1px solid #698095}.choice-note{font-size:.875rem;color:#d6e2ec;margin-bottom:0}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px}.app-card{border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:16px;padding:30px;background:#fff}.sisters-card{border-top-color:#5a4860}.app-icon{object-fit:contain}.app-card h3{font-size:1.9rem}.app-card p,.app-card li{color:#42576b}.app-card ul{padding-left:22px}.app-card li{margin:8px 0}.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px}.card-actions>a:not(.button){font-size:.875rem;text-underline-offset:4px}.human-quote{border-left:3px solid var(--gold);padding-left:20px;font-family:Georgia,serif;font-size:1.3rem;color:var(--navy)}.about-brand{display:grid;justify-items:center;gap:20px;text-align:center;color:var(--gold-soft);font-family:Georgia,serif;font-size:1.5rem}.about-brand img{background:#fff;border-radius:24px;padding:10px}.about-brand p{margin:0}.channel{border-radius:12px;text-decoration:none}.channel:hover{border-color:#856129}.channel small{font-size:.875rem;overflow-wrap:anywhere}.channel-symbol{flex:0 0 42px}.contact-note{margin-top:28px;color:#42576b;font-size:.95rem}.contact-note p{margin:8px 0}.support-now{padding:54px max(24px,calc((100% - 1180px)/2));background:#eef3f7;display:grid;grid-template-columns:1fr 1fr;gap:50px}.support-now h2{font-size:2rem}.support-links{display:flex;flex-wrap:wrap;gap:14px;align-content:start}.support-links p{font-size:.95rem;margin:0}.readiness{font-size:.875rem;line-height:1.6}.site-footer{flex-wrap:wrap;font-size:.875rem}.site-footer p{max-width:340px}.skip-link{position:absolute;top:-100px;left:16px;background:#102a43;color:#fff;padding:12px 18px;z-index:20}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #856129;outline-offset:4px}.hero-choice :focus-visible{outline-color:#e6c98e}.policy-content{width:min(800px,calc(100% - 40px));margin:36px auto 70px}.policy-content h1{font-size:2.8rem}.policy-content h2{font-size:1.65rem;margin-top:34px}.policy-content p,.policy-content li{overflow-wrap:anywhere}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:34px}.intro{gap:40px}.about{gap:46px}.support-now{grid-template-columns:1fr;gap:24px}.channel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.nav{font-size:.875rem;gap:12px}.nav a:nth-child(-n+3){display:none}.hero{padding:34px 0 48px}h1{font-size:clamp(2.4rem,10vw,3.4rem)}.hero-actions{margin-top:24px;gap:12px}.hero-actions .button{flex:1 1 240px}.hero-choice{padding:24px}.choice-card{gap:14px}.choice-card img{width:48px;height:48px;flex-basis:48px}.choice-card h2{font-size:1.5rem}.app-grid,.channel-grid{grid-template-columns:1fr}.app-card{padding:24px}.connect{width:calc(100% - 32px)}.support-now{padding:38px 16px}.readiness{padding:22px 0}.site-header{gap:14px}.brand img{width:120px}.pause-grid p,.support-card p{font-size:1rem}.policy-content h1{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Tester recruitment uses the current website's colours and type. */
.tester-invitation{width:min(1180px,calc(100% - 48px));margin:0 auto 60px;padding:32px;border-radius:18px;background:#edf3ee;display:flex;align-items:center;justify-content:space-between;gap:32px}.tester-invitation h2{font-size:2.3rem}.tester-invitation p:not(.eyebrow){max-width:650px;margin:16px 0 0;color:#42576b}.tester-invitation .button{flex-shrink:0}.tester-main{width:min(1100px,calc(100% - 48px));margin:0 auto}.tester-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center;padding:54px 0 72px}.tester-hero h1{font-size:clamp(3.8rem,7.5vw,6.6rem);line-height:1.02}.tester-lede{max-width:570px;font-size:1.25rem;color:#42576b;margin:26px 0}.tester-requirements{margin-top:22px;font-size:.95rem;color:#42576b}.tester-promise{padding:34px;border-radius:20px;background:#173e35;color:#fff}.tester-days{display:block;font-size:5.4rem;line-height:1.05;font-weight:700;color:#e6c98e;letter-spacing:-.04em}.tester-promise h2{font-size:2.1rem;color:#fff;margin:18px 0}.tester-promise p{color:#e3ede5}.tester-section{padding:56px 0;border-top:1px solid var(--line)}.tester-section>h2{font-size:2.75rem}.tester-page .app-card h3{font-size:1.8rem}.tester-signup{padding:42px;border-radius:20px;background:var(--cream);display:grid;grid-template-columns:1.1fr .9fr;gap:54px;scroll-margin-top:24px}.tester-signup h2{font-size:2.6rem}.tester-signup h3{margin-top:0;font-size:1.5rem}.tester-signup p{color:#42576b}.tester-signup .button{margin-top:8px}.tester-email{font-size:.95rem;overflow-wrap:anywhere}.tester-steps{padding-left:22px}.tester-steps li{padding-left:5px;margin:0 0 16px}.tester-small{font-size:.9rem;line-height:1.55}.tester-faq{margin-top:28px}.tester-faq details{padding:20px 0;border-bottom:1px solid var(--line)}.tester-faq summary{cursor:pointer;font-size:1.1rem;font-weight:700;min-height:30px}.tester-faq p{max-width:820px;color:#42576b;margin-bottom:8px}.tester-thanks{text-align:center;padding:20px 0 60px}.tester-thanks h2{font-size:2.3rem}.tester-thanks .tester-small{max-width:700px;margin:24px auto 0;color:#42576b}.tester-promise :focus-visible{outline-color:#e6c98e}
@media(max-width:900px){.tester-hero{grid-template-columns:1fr;gap:32px}.tester-promise{max-width:600px}.tester-invitation{align-items:flex-start;flex-direction:column}.tester-signup{gap:30px;padding:30px}}
@media(max-width:620px){.tester-main,.tester-invitation{width:calc(100% - 32px)}.tester-hero{padding:30px 0 42px}.tester-hero h1{font-size:clamp(3.6rem,14vw,5.5rem)}.tester-lede{font-size:1.12rem}.tester-promise{padding:26px}.tester-days{font-size:4.8rem}.tester-section{padding:40px 0}.tester-section>h2{font-size:2.2rem}.tester-signup{grid-template-columns:1fr;padding:24px}.tester-signup h2{font-size:2.1rem}.tester-invitation{padding:24px;margin-bottom:42px}.tester-invitation h2,.tester-thanks h2{font-size:2rem}.tester-page .nav a{display:inline}.tester-invitation .button{width:100%;flex-shrink:1}.tester-email{font-size:.9rem}}