.phrase-access{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hero .copy p.home-phrase{margin:.4em 0 .85em}
.phrase-window,.phrase-track,.phrase-track b{display:block}
.phrase-window{height:1.55em;overflow:hidden;width:max-content;max-width:100%;line-height:1.55}
.phrase-track b{height:1.55em;font-weight:700;color:#135ca0}
.phrase-track{animation:phrases 6.9s cubic-bezier(.22,.7,.25,1) infinite}
.assembling .phrase-track,body:has(.welcome) .phrase-track{animation:none}
@keyframes phrases{0%,28.985%{transform:translateY(0)}33.333%,62.319%{transform:translateY(-25%)}66.667%,95.652%{transform:translateY(-50%)}100%{transform:translateY(-75%)}}
#nav,#nav.open{display:grid;grid-template-columns:repeat(4,auto);gap:4px;justify-content:center}
#nav a,#nav a:last-child{display:grid;place-items:center;padding:0 3px;border:0;background:none;min-height:44px;text-decoration:none;color:#08214d}
#nav a{--a:#89b7f5;--b:#c0ecff}
#nav a:nth-child(2){--a:#a9e5f8;--b:#ffecac}
#nav a:nth-child(3){--a:#ffe78a;--b:#ffba8a}
#nav a:nth-child(4){--a:#ffba90;--b:#ffdc76}
.capsule{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 15px;border-radius:40px;white-space:nowrap;font-size:15px;font-weight:600}
.capsule::before{content:"";position:absolute;z-index:-1;inset:0;border:1px solid #24558c47;border-radius:inherit;background:linear-gradient(110deg,var(--a),var(--b));opacity:.77;box-shadow:inset 0 1px 1px #fffd;backdrop-filter:blur(7px)}
@media(min-width:761px) and (hover:hover) and (pointer:fine){
.capsule svg{position:absolute;left:50%;transform:translateX(-50%);transition:left .27s,transform .27s}
.capsule span{padding-left:26px;opacity:0;transition:opacity .27s}
.capsule::before{inset-inline:calc(50% - 21px);transition:inset .27s,opacity .27s}
#nav a:is(:hover,:focus-visible) .capsule::before{inset:0;opacity:.96}
#nav a:is(:hover,:focus-visible) svg{left:15px;transform:none}
#nav a:is(:hover,:focus-visible) .capsule span{opacity:1}
}
@media(max-width:660px){#nav,#nav.open{grid-template-columns:repeat(2,minmax(0,155px));gap:3px 5px}#nav a{width:100%}.capsule{width:100%;font-size:13px;padding:0 6px;height:40px}}
.area-reel{margin:1.4rem 0 2rem;color:#102952;background:linear-gradient(135deg,#eef6fe,#f9fafc 60%,#fff6db);border-radius:20px;border:1px solid #cad9ea;overflow:hidden}
.area-stage{position:relative;height:clamp(274px,30vw,345px);perspective:1000px;isolation:isolate;overflow:hidden;touch-action:pan-y}
.area-slide{position:absolute;left:50%;top:50%;width:min(49%,450px);height:83%;padding:clamp(16px,3vw,35px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #ffffffbd;border-radius:19px;background:linear-gradient(135deg,#b9d7f7ed,#e6f4ff 68%,#ffe8a8f5);box-shadow:0 9px 25px #1c3b641f;transform:translate(-50%,-50%) translateX(calc(var(--slot)*93%)) rotateY(calc(var(--slot)*-40deg)) scale(.82);transition:transform .7s cubic-bezier(.25,.7,.23,1),opacity .7s;pointer-events:none}
.area-slide[data-center=true]{transform:translate(-50%,-50%) rotateY(0) scale(1);pointer-events:auto}
.area-slide:is([data-area=B],[data-area=E]){background:linear-gradient(135deg,#b8e7f2,#fff3c2)}
.area-slide:is([data-area=C],[data-area=F]){background:linear-gradient(135deg,#fcdf92,#ffcfad)}
.area-slide:is([data-area=D],[data-area=G]){background:linear-gradient(135deg,#d2e1fa,#f8d699)}
.area-kicker{font-size:.8rem;font-weight:700;letter-spacing:.06em}
.area-slide h2{font-size:clamp(19px,3vw,37px);line-height:1.12;margin:.55em 0;color:#102952}
.area-enter,.area-controls button{width:fit-content;border-radius:30px;font-weight:650;font-size:14px}
.area-enter{padding:9px 16px;background:#09244f;color:white;text-decoration:none}
.area-controls{display:flex;justify-content:center;align-items:center;gap:10px;padding:0 12px 15px}.area-controls button{min-height:44px;min-width:44px}.area-controls [hidden]{display:none}
@media(max-width:600px){.area-slide{width:70%;padding:18px}.area-stage{height:265px}}
@media(prefers-reduced-motion:reduce){.phrase-track{animation:none}.capsule *,.capsule::before,.area-slide{transition:none!important}}
.intro .copy h1 span{display:inline}