@font-face{font-family:"Future Serif";src:url("../../app/fonts/fraunces-latin.woff2") format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"Future Sans";src:url("../../app/fonts/instrument-sans-latin.woff2") format("woff2");font-weight:400 700;font-display:swap}
:root{--navy:#11104f;--blue:#087fe5;--ink:#18153d;--muted:#625f78;--paper:#f8f9ff;--serif:"Future Serif",Georgia,serif;--sans:"Future Sans",Inter,Avenir,"Segoe UI",sans-serif}
*{box-sizing:border-box}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 12% 15%,#fff4d7 0,transparent 28%),radial-gradient(circle at 87% 20%,#cff8fb 0,transparent 32%),linear-gradient(145deg,#fff 0,#f7f8ff 62%,#fff1f7 100%);color:var(--ink);font-family:var(--sans);min-height:100svh;overflow-x:hidden}
a{color:inherit}
.skip{position:fixed;z-index:20;left:16px;top:12px;padding:12px 16px;background:#fff;border-radius:999px;transform:translateY(-150%);transition:transform .2s}.skip:focus{transform:none}
.site-head{position:fixed;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 clamp(20px,4vw,64px);background:linear-gradient(#fff9,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.wordmark{text-decoration:none;font-family:var(--serif);font-size:21px;letter-spacing:-.04em}.wordmark strong{font-family:var(--sans);font-size:.85em;letter-spacing:-.06em}.wordmark span{color:var(--blue);margin-left:4px}
.site-head nav{display:flex;align-items:center;gap:26px;font-weight:750;font-size:14px}.site-head nav a{text-decoration:none}.create-link{background:var(--navy);color:#fff;padding:13px 19px;border-radius:999px;box-shadow:0 12px 28px rgba(17,16,79,.18)}.create-short{display:none}
.gateway{min-height:100svh;padding:78px clamp(20px,5vw,72px) 34px;display:grid;place-items:center}
.welcome{width:min(1440px,100%);display:grid;grid-template-columns:minmax(320px,.78fr) minmax(620px,1.35fr);align-items:center;gap:clamp(28px,4vw,72px)}
.welcome-copy{position:relative;z-index:2;padding-left:clamp(0px,2vw,28px)}
.eyebrow{margin:0 0 24px;color:#0873b8;font-size:12px;line-height:1.4;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.eyebrow span{display:inline-block;width:26px;height:2px;margin:0 11px 3px 0;background:linear-gradient(90deg,#ff4f7d,#087fe5)}
.lead{max-width:540px;margin:30px 0 28px;color:var(--muted);font-size:clamp(17px,1.5vw,21px);line-height:1.55}
.down-link{display:inline-flex;align-items:center;gap:12px;font-weight:800;text-underline-offset:4px}.down-link span{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--blue);box-shadow:0 10px 28px rgba(16,26,78,.12)}.down-link span:before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.age-stage{position:relative;aspect-ratio:1.35;width:min(100%,900px);isolation:isolate}
.people-orbit{position:absolute;inset:11% 8% 5%;border-radius:50%;overflow:hidden;box-shadow:0 34px 85px rgba(53,50,124,.2),inset 0 0 0 1px #fff9;animation:arrive 1.1s cubic-bezier(.2,.8,.2,1) both}.people-orbit:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px 15px #fff;pointer-events:none}.people-orbit img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.05)}
.orbit-question{position:absolute;z-index:3;left:50%;top:51%;transform:translate(-50%,-50%);display:grid;place-items:center;width:132px;height:132px;border-radius:50%;background:#fffefc;color:var(--navy);box-shadow:0 14px 40px rgba(17,16,79,.13);font-size:16px}.orbit-question small{font-size:12px;margin-top:34px}.orbit-question strong{margin-bottom:36px}
.age-chip{--c:#1259b8;position:absolute;z-index:4;display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 15px;border-radius:18px;background:var(--c);color:#fff;text-decoration:none;box-shadow:0 11px 28px color-mix(in srgb,var(--c),transparent 68%);transition:transform .25s,box-shadow .25s;animation:float 5s ease-in-out infinite}.age-chip strong{font-size:14px;white-space:nowrap}.age-chip span{display:none;font-size:11px;opacity:.86;white-space:nowrap}.age-chip:hover,.age-chip:focus-visible{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 36px color-mix(in srgb,var(--c),transparent 50%);outline:3px solid #fff;outline-offset:3px}.age-chip.baby{--c:#cf2857;left:43%;bottom:0}.age-chip.little{--c:#cf355a;left:8%;bottom:9%}.age-chip.tween{--c:#0877b9;left:0;top:45%}.age-chip.teen{--c:#7041d4;left:14%;top:10%}.age-chip.young{--c:#3455c6;left:44%;top:0}.age-chip.building{--c:#00876f;right:8%;top:10%}.age-chip.midlife{--c:#167350;right:0;top:45%}.age-chip.legacy{--c:#b55020;right:8%;bottom:9%}
.gateway-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(20px,5vw,72px) 28px;color:#6d6980;font-size:12px}.gateway-foot p{margin:0;font-weight:750}.gateway-foot div{display:flex;gap:20px}.gateway-foot a{text-underline-offset:3px}
@keyframes arrive{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:1050px){.gateway{padding-top:100px}.welcome{grid-template-columns:1fr;text-align:center}.welcome-copy{padding:0}.lead{margin-left:auto;margin-right:auto}.age-stage{width:min(850px,94vw)}.welcome{gap:10px}.age-chip span{display:inline}.gateway-foot{margin-top:20px}}
@media(max-width:720px){.site-head{height:68px;padding:0 17px}.site-head nav{gap:12px}.create-link{padding:11px 15px}.gateway{padding:92px 10px 20px;display:block}.welcome{display:block}.welcome-copy{padding:0 14px}.eyebrow{font-size:10px;margin-bottom:17px}.lead{font-size:16px;margin:12px auto 18px;max-width:360px}.down-link{font-size:14px}.age-stage{width:100%;height:600px;aspect-ratio:auto;margin-top:8px}.people-orbit{inset:19% 2% 20%;border-radius:50%}.people-orbit img{object-position:center}.orbit-question{width:106px;height:106px;top:49%;font-size:13px}.orbit-question small{font-size:10px;margin-top:26px}.orbit-question strong{margin-bottom:27px}.age-chip{min-height:44px;border-radius:15px;padding:7px 12px}.age-chip span{display:none}.age-chip.baby{left:40%;bottom:9%}.age-chip.little{left:1%;bottom:18%}.age-chip.tween{left:0;top:52%}.age-chip.teen{left:4%;top:23%}.age-chip.young{left:41%;top:13%}.age-chip.building{right:2%;top:23%}.age-chip.midlife{right:0;top:52%}.age-chip.legacy{right:1%;bottom:18%}.gateway-foot{display:block;text-align:center;padding-top:0}.gateway-foot div{justify-content:center;margin-top:10px;flex-wrap:wrap}}
@media(max-width:380px){.wordmark{font-size:18px}.site-head nav{gap:8px}.site-head nav>a:first-child{font-size:12px}.create-link{font-size:12px;padding:10px 13px}.create-full{display:none}.create-short{display:inline}.age-stage{height:530px}.age-chip strong{font-size:12px}.people-orbit{inset:20% 2% 20%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.people-orbit,.age-chip{animation:none}.age-chip{transition:none}}