/* Public entrance only; account screens retain their functional learning theme. */
.site-index .access-gate{background:radial-gradient(ellipse at 82% 14%,#123d57 0,transparent 48%),linear-gradient(180deg,#06152e,#0a233a 65%,#123e49);color:#f4fbff;padding-bottom:36px}
.site-index .access-gate .brand-nav{border-color:#ffffff20;padding:22px 36px;max-width:1240px}
.site-index .access-gate .brand-nav>a{background:#fff;border-radius:14px;padding:9px 14px}
.site-index .access-gate .brand-nav-links a{color:#e3f9f6}
.site-index .access-gate .brand-nav-links a:hover{color:#99f4d8}
.site-index .access-gate .brand-nav .brand-nav-cta{background:#b3f7e2;color:#082f41;border-color:#b3f7e2}
.site-index .access-gate .access-shell{padding:28px 36px 0;max-width:1240px}
.site-index .access-gate .welcome-hero{isolation:isolate;position:relative;overflow:hidden;display:flex;align-items:center;min-height:560px;padding:56px 44px;border:1px solid #90e9e52e;border-radius:32px;background:#06142c;box-shadow:0 22px 60px #00000024;margin-bottom:28px}
.site-index .access-gate .storybook-art{position:absolute;inset:0;margin:0;z-index:-2}
.site-index .access-gate .storybook-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}
.site-index .access-gate .welcome-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#04122df2 0%,#04122de6 32%,#04122d7a 48%,transparent 64%);pointer-events:none}
.site-index .access-gate .welcome-copy{width:49%;min-width:0}
.site-index .access-gate .brand-kicker{color:#a5f3de;letter-spacing:.12em;line-height:1.6;font-size:11px}
.site-index .access-gate .welcome-copy h1{color:#fff;font-size:clamp(38px,4.6vw,62px);line-height:1.12;margin:0 0 22px}
.site-index .access-gate .welcome-copy h1 em{color:#a0f1d7;font-style:normal}
.site-index .access-gate .welcome-copy>p{color:#e4eef7;font-size:16px;line-height:1.75;max-width:490px}
.site-index .access-gate .welcome-copy .welcome-note{font-size:12px;color:#c4d9e6;line-height:1.7;margin:18px 0 0}
.site-index .access-gate .access-actions{gap:10px;margin:25px 0 0}
.site-index .access-gate .access-actions button{min-height:48px;border:1px solid #a5f1dd;background:linear-gradient(125deg,#baf8e4,#77e4d1);color:#063448;box-shadow:0 5px 20px #4adcb32b;padding:13px 18px;font-size:14px}
.site-index .access-gate .access-actions button:hover{background:#d2ffed;color:#063448}
.site-index .access-gate .access-actions button.secondary{background:#0c2847e6!important;border:1px solid #83d9d17a;color:#f4fcff!important;box-shadow:none}
.site-index .access-gate #accessStatus{color:#def7ef}
.site-index .access-gate #gateLogout{color:#a5f3de}
.site-index .access-gate .home-showcase{padding:0;background:transparent;margin:22px 0 46px;border:1px solid #9bd9d536;border-radius:26px;overflow:hidden;box-shadow:0 16px 48px #0000001c}
.site-index .access-gate .home-showcase .showcase-inner{border:0;border-radius:0}
.site-index .access-gate .welcome-paths{border-color:#9bd9d52b;padding-top:36px}
.site-index .access-gate .welcome-section-heading h2{color:#f4fbff;font-size:clamp(26px,3vw,34px)}
.site-index .access-gate .welcome-section-heading p{color:#c4d9e6}
.site-index .access-gate .access-features article{background:#f4fbfa;border-color:#d3ede7;border-radius:24px;color:#15394a;box-shadow:0 12px 28px #00000015}
.site-index .access-gate .access-features article:nth-child(2){background:#edf7fc}
.site-index .access-gate .access-features article:nth-child(3){background:#fff9ed}
.site-index .access-gate .access-features strong{color:#15394a}
.site-index .access-gate .access-features p{color:#3e5b69}
.site-index .access-gate .welcome-parent{background:linear-gradient(120deg,#124456,#155b61);border:1px solid #83e6d546;border-radius:24px;margin-top:34px}
.site-index .access-gate .trial-picker{color:#20344a}
.site-index .access-gate .ai-usage-explainer{background:#f5fafb;color:#20344a;border-radius:24px;padding:26px;margin-top:28px}
.site-index .access-gate .ai-usage-explainer h2{color:#173d55;font-size:23px}
.site-index .access-gate :focus-visible{outline:3px solid #ffda82;outline-offset:4px}
@media(max-width:900px){
 .site-index .access-gate .access-shell{padding:24px 22px 0}
 .site-index .access-gate .brand-nav{padding:20px 22px;gap:18px}
 .site-index .access-gate .welcome-hero{padding:40px 28px;min-height:540px}
 .site-index .access-gate .welcome-copy{width:53%}
 .site-index .access-gate .welcome-copy h1{font-size:44px}
 .site-index .access-gate .welcome-hero:after{background:linear-gradient(90deg,#04122df5 0%,#04122de0 38%,#04122d86 57%,transparent 80%)}
}
@media(max-width:680px){
 .site-index .access-gate .brand-nav{padding:18px 16px;align-items:center;gap:16px}
 .site-index .access-gate .brand-nav img{width:140px}
 .site-index .access-gate .brand-nav-links{gap:12px;justify-content:flex-start}
 .site-index .access-gate .access-shell{padding:18px 12px 0}
 .site-index .access-gate .welcome-hero{display:flex;flex-direction:column;align-items:stretch;padding:30px 22px 0;min-height:0;border-radius:25px;gap:0}
 .site-index .access-gate .welcome-copy{width:100%;position:relative;z-index:1}
 .site-index .access-gate .welcome-copy h1{font-size:clamp(35px,9vw,47px)}
 .site-index .access-gate .welcome-copy>p{font-size:15px;margin-bottom:18px}
 .site-index .access-gate .storybook-art{position:relative;inset:auto;margin:8px -22px 0;height:320px;z-index:0;overflow:hidden;flex:none}
 .site-index .access-gate .storybook-art img{width:150%;max-width:none;object-fit:cover;object-position:right center;position:absolute;right:0}
 .site-index .access-gate .storybook-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06142c 0,transparent 28%);pointer-events:none}
 .site-index .access-gate .welcome-hero:after{display:none}
 .site-index .access-gate .access-actions button{flex:1 1 auto}
 .site-index .access-gate .home-showcase{padding:0;background:transparent;margin:20px 0 32px;border-radius:22px}
 .site-index .access-gate .welcome-section-heading{display:block}
 .site-index .access-gate .welcome-section-heading p{margin-top:14px}
 .site-index .access-gate .access-features{grid-template-columns:1fr}
 .site-index .access-gate .welcome-parent{grid-template-columns:1fr;padding:26px 22px;gap:20px}
 .site-index .access-gate .ai-usage-explainer{padding:22px 18px;font-size:14px}
}
@media print{.site-index .access-gate{background:white;color:#20344a}.site-index .access-gate .storybook-art{display:none}.site-index .access-gate .welcome-copy{width:100%}.site-index .access-gate .welcome-hero{background:white;box-shadow:none;min-height:0}.site-index .access-gate .welcome-hero:after{display:none}.site-index .access-gate .welcome-copy h1,.site-index .access-gate .welcome-copy h1 em,.site-index .access-gate .welcome-copy>p{color:#20344a}}

/* Quiet information card: pale surfaces, restrained accents, no extra motion. */
.site-index .access-gate .usage-summary{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:28px;background:#f4f7f6;border:1px solid #dce6e2;border-radius:24px;padding:32px;margin-top:30px;color:#263c48}
.site-index .access-gate .usage-summary-art{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:#e6eeea;border:1px solid #d9e4de}
.site-index .access-gate .usage-summary-star{display:block;width:48px;height:48px;background:#c7af75;clip-path:polygon(50% 0,61% 34%,98% 35%,69% 57%,80% 94%,50% 72%,20% 94%,31% 57%,2% 35%,39% 34%)}
.site-index .access-gate .usage-summary-kicker{display:block;color:#45685e;font-size:11px;font-weight:750;letter-spacing:.1em;line-height:1.6}
.site-index .access-gate .usage-summary h2{margin:9px 0 12px;color:#263c48;font-size:clamp(22px,2.4vw,27px);line-height:1.3;letter-spacing:-.025em}
.site-index .access-gate .usage-summary p{margin:0 0 16px;max-width:780px;color:#435964;font-size:15px;line-height:1.75}
.site-index .access-gate .usage-summary-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:9px 14px;border:1px solid #c6d8d0;border-radius:11px;color:#214d40;background:#e8f0eb;text-decoration:none;font-size:14px;font-weight:700}
.site-index .access-gate .usage-summary-link:hover{background:#dce9e1;border-color:#a8c3b5}
.site-index .access-gate .usage-summary-link:focus-visible{outline:3px solid #326f60;outline-offset:3px}
@media(max-width:680px){.site-index .access-gate .usage-summary{grid-template-columns:1fr;gap:16px;padding:24px 22px}.site-index .access-gate .usage-summary-art{width:62px;height:62px}.site-index .access-gate .usage-summary-star{width:32px;height:32px}.site-index .access-gate .usage-summary h2{font-size:23px}}