
:root{--ink:#102541;--blue:#1557ce;--deep:#082d70;--gold:#f3c75d;--line:#d9e2ed;--muted:#50647b;--paper:#f5f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:17px;line-height:1.65;background:white}a{color:var(--blue);text-underline-offset:4px}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header{max-width:1120px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:23px;text-decoration:none;color:var(--ink)}.brand img{width:42px;height:42px;border-radius:10px}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{color:var(--ink);font-size:15px;text-decoration:none}nav a:hover,nav a[aria-current=page]{text-decoration:underline}.hero{background:var(--deep);color:white}.hero-inner{max-width:1120px;margin:auto;padding:68px 28px 72px;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}.eyebrow{font-size:14px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--gold);margin:0 0 17px}h1{font-size:clamp(2.4rem,5vw,4.3rem);letter-spacing:-.045em;line-height:1.06;margin:0 0 25px;max-width:760px}.hero p:not(.eyebrow){font-size:20px;color:#dae7ff;max-width:580px}.eagle{width:min(100%,310px);justify-self:center;border-radius:30px;box-shadow:0 30px 80px #00143466}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;padding:12px 20px;font-weight:700;border-radius:7px;text-decoration:none;background:var(--gold);color:var(--ink)}.button.secondary{background:transparent;border:1px solid #7e9ccb;color:white}.availability{margin-top:22px!important;font-size:14px!important}.content{max-width:1120px;margin:auto;padding:54px 28px}.section-title{font-size:31px;line-height:1.2;letter-spacing:-.025em;margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature{border-top:3px solid var(--blue);padding-top:19px}.feature .number{font-size:14px;font-weight:700;color:var(--blue)}h2{font-size:25px;line-height:1.3;margin:32px 0 13px}h3{font-size:20px;line-height:1.3;margin:12px 0}p{margin:0 0 18px}.muted{color:var(--muted)}.notice{background:var(--paper);border-left:4px solid var(--blue);padding:22px 25px;margin:36px 0 0}.notice p:last-child{margin-bottom:0}.types{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.types span{border:1px solid var(--line);border-radius:25px;padding:7px 14px;font-size:14px}.page{max-width:820px;margin:auto;padding:50px 28px 65px}.page h1{font-size:44px;margin-bottom:20px}.page .eyebrow{color:var(--blue)}.page li{margin:10px 0}.page ol{padding-left:25px}.email{font-size:clamp(18px,3vw,25px);font-weight:700;overflow-wrap:anywhere}.prompt{border:1px solid var(--line);padding:22px 25px;border-radius:9px;background:var(--paper);font-size:19px}.prompt small{display:block;margin-bottom:10px;color:var(--muted);font-size:14px}.tracker{overflow-x:auto;margin:22px 0}table{border-collapse:collapse;font-size:14px;width:100%;min-width:680px}th{text-align:left;padding:13px;border-bottom:2px solid var(--blue);background:var(--paper)}td{padding:13px;border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);background:var(--paper)}.footer-inner{max-width:1120px;margin:auto;padding:28px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:14px}.footer-inner p{margin:0}.footer-inner nav{gap:18px}.footer-inner a{font-size:14px}.skip{position:absolute;left:15px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}@media(max-width:720px){header{align-items:flex-start;flex-direction:column;padding:18px 22px}nav{gap:18px}.hero-inner{padding:40px 22px;grid-template-columns:1fr;gap:28px}.eagle{width:170px;justify-self:start}.hero p:not(.eyebrow){font-size:18px}.grid{grid-template-columns:1fr;gap:27px}.content,.page{padding:38px 22px}.page h1{font-size:36px}.footer-inner{padding:24px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.preview{border-bottom:1px solid var(--line)}.preview .eyebrow{color:var(--blue)}.text-link{align-self:center;font-weight:700}.download-note{font-size:14px;margin-top:18px}#try-job-eagle{scroll-margin-top:24px}.prompt p:last-child{margin:0}.setup-steps li{margin:18px 0}

.context-eyebrow{color:var(--blue)}.privacy-detail{font-size:14px;margin-top:25px}#personalize{scroll-margin-top:24px}

details{border:1px solid var(--line);border-radius:9px;padding:18px 22px;margin:28px 0}summary{font-weight:700;cursor:pointer}details p:first-of-type{margin-top:18px}code{overflow-wrap:anywhere}

/* Keep the headline within its column at mobile and tablet widths. */
.hero-inner{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.hero-inner>div{min-width:0}
.hero h1{font-size:clamp(2rem,4.5vw,3.75rem);line-height:1.14;letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance}
.hero h1 br{display:none}
.section-title{overflow-wrap:anywhere;text-wrap:balance}
@media(max-width:900px){.hero-inner{grid-template-columns:minmax(0,1fr);gap:28px}.hero h1{max-width:680px}.eagle{width:170px;justify-self:start}}
@media(max-width:480px){.hero h1{font-size:clamp(2rem,8.5vw,2.55rem);line-height:1.16}.hero-inner{padding:36px 22px 40px}.section-title{font-size:1.75rem}}

/* Preserve image proportions and prevent narrow-screen content overflow. */
.eagle{height:auto;aspect-ratio:1;object-fit:contain;display:block}
.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature,.actions>*{min-width:0}
.page,.content,.footer-inner{overflow-wrap:anywhere}
.button{max-width:100%;text-align:center}
.tracker{max-width:100%;-webkit-overflow-scrolling:touch}
@media(max-width:900px){.eagle{justify-self:center}}
@media(max-width:720px){
  .grid{grid-template-columns:minmax(0,1fr)}
  header nav,.footer-inner nav{gap:4px 18px;max-width:100%}
  nav a{display:inline-flex;align-items:center;min-height:44px}
  .page h1{font-size:clamp(2rem,7vw,2.25rem);line-height:1.15;overflow-wrap:anywhere}
  .prompt,.notice,details{padding:18px}
  .prompt{font-size:1.0625rem}
  summary{min-height:44px}
  .actions .button{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
}

/* Founder story: a quiet introduction beside comfortable reading width. */
#about{scroll-margin-top:24px}
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;border-top:1px solid var(--line)}
.about-byline{font-size:14px;color:var(--muted)}
.about-story{max-width:720px;min-width:0}
.about-story p:last-child{margin-bottom:0}
@media(max-width:720px){.about{grid-template-columns:minmax(0,1fr);gap:12px}}

.analytics-choice{position:fixed;bottom:16px;left:16px;right:16px;max-width:700px;margin:auto;padding:20px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 40px #10254133;z-index:50;font-size:15px;max-height:80vh;overflow:auto}
.analytics-choice[hidden]{display:none}
.analytics-choice p{margin:0 0 14px}
.analytics-actions{display:flex;gap:12px;flex-wrap:wrap}
.analytics-actions button{padding:10px 16px;min-height:44px;border:1px solid var(--blue);border-radius:7px;background:white;color:var(--ink);font:inherit;cursor:pointer}
.analytics-preferences{border:0;padding:0;background:none;color:var(--ink);font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px}
button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}

/* Standalone launch notice, above the main navigation. */
.launch-banner{background:#eaf1ff;border-bottom:1px solid #c9dafa}
.launch-banner-inner{max-width:1120px;margin:auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.launch-banner p{margin:0;font-size:16px;line-height:1.5}
.launch-banner .launch-detail{margin-top:5px;font-size:14px;color:var(--muted)}
.launch-signup{flex-shrink:0;background:var(--blue);color:white;min-height:48px}
@media(max-width:720px){.launch-banner-inner{padding:18px 22px;align-items:flex-start;flex-direction:column;gap:12px}.launch-signup{width:100%}}
