/* TDNSC Clear Edition — generous text, confident contrast, simple navigation. */
:root{--blue:#2169b5;--deep:#102e4a;--pale:#eaf5ff;--muted:#46647e;--border:#cbdfe9;--paper:#fff;--font:'Atkinson Hyperlegible',system-ui,Arial,sans-serif;--display:'Bricolage Grotesque',system-ui,Arial,sans-serif}
html{scroll-padding-top:100px}body{background:#f8fbff;color:var(--deep);font-size:18px;line-height:1.6}
p{line-height:1.6}h1,h2,h3{letter-spacing:-.045em}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:4px solid #f9b63d!important;outline-offset:4px}
.header{border-bottom:1px solid #d8e6f0;box-shadow:0 5px 25px #1a527b06}.header-inner{max-width:1240px;min-height:86px}.brandmark{transform:none;box-shadow:none;background:#e5f3fd;border-radius:18px;height:59px;width:59px}.brand-name strong{font-size:1.28rem;letter-spacing:-.045em}.brand-name small{font-size:.81rem;font-weight:700;letter-spacing:0}.nav-link{font-size:1rem;min-height:48px;display:inline-flex;align-items:center;padding:11px 16px}.account-link{font-size:.89rem;min-height:50px;display:grid;place-items:center;border-radius:14px}
main{max-width:1210px;padding:35px 26px 80px}.hero{border-radius:32px;padding:clamp(30px,5vw,69px);margin:0 0 70px;background:linear-gradient(120deg,#e7f5ff 0%,#d8edfd 100%);grid-template-columns:1.25fr .75fr;min-height:390px;gap:36px;box-shadow:none;border:1px solid #c7e4f6}.hero::before{content:none}.hero-copy{max-width:750px}.hero-badge{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #cce6f8;border-radius:999px;padding:9px 17px;font-size:1rem;font-weight:800;color:#22557e}.hero-badge span{color:#277fc3}.hero h1{font-size:clamp(3rem,5.6vw,5.7rem);line-height:1.04;letter-spacing:-.065em;margin:22px 0 20px}.hero h1 em{font-style:normal;color:#2169b5}.hero .intro{font-size:clamp(1.15rem,1.7vw,1.33rem);color:#2d506c;max-width:630px;margin-bottom:28px;line-height:1.55}.hero .actions{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:60px;font:800 1.1rem/1.25 var(--display);border-radius:16px;padding:17px 24px;white-space:normal;text-align:center;box-shadow:none}.primary{background:#0e4777;border:2px solid #0e4777;color:white}.primary:hover{background:#173857;color:white}.secondary{background:#fff;border:2px solid #a8cbdf;color:#124b7e}.secondary:hover{background:#f1f9ff}.hero-note{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:20px 0 0;font-size:.95rem;font-weight:700;color:#436781}.hero-note span:first-child{color:#1b7796}
.hero-visual{background:#fff;border:1px solid #c0dce9;border-radius:26px;padding:34px 30px;min-height:295px;box-shadow:12px 12px 0 #afd8f1;display:flex;justify-content:center;flex-direction:column;align-items:flex-start;transform:rotate(2deg)}.hero-visual-icon{width:70px;height:70px;display:grid;place-items:center;background:#e7f4ff;border-radius:19px;margin-bottom:18px}.hero-visual-icon img{width:56px;height:56px;object-fit:contain}.hero-visual-line{font-size:.77rem;font-weight:900;letter-spacing:.09em;color:#4b7798}.hero-visual-big{font:800 clamp(1.8rem,2.8vw,2.9rem)/1.15 var(--display);letter-spacing:-.05em;margin:8px 0 20px}.hero-visual-big span{color:#57a5d6;font-size:1.5rem;vertical-align:top;margin-left:4px}.hero-visual-chips{display:flex;gap:7px;flex-wrap:wrap}.hero-visual-chips span{font-size:.83rem;font-weight:800;background:#edf7ff;border-radius:9px;padding:7px 10px;color:#225c8c}
.eyebrow{font-size:.88rem;letter-spacing:.07em;font-weight:800;color:#336e9f}.section-intro{margin-bottom:28px;max-width:850px}.section-intro h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.14;margin:9px 0 7px}.section-intro p:last-child{font-size:1.11rem;line-height:1.5;color:#46647d;margin:0}.path-cards{gap:20px}.path-card{border:1.5px solid #cddfea;background:#fff!important;border-radius:25px;min-height:365px;padding:28px;box-shadow:0 8px 25px #19496a0c}.path-card:hover,.path-card:focus-visible{border-color:#5eafdc;box-shadow:0 12px 35px #164a7b16}.path-card:nth-child(2){border-color:#b6d8ed}.path-card:nth-child(3){border-color:#d5dfea}.path-icon{background:#e1f3ff!important;border-radius:18px;width:66px;height:66px;font-size:2rem;color:#125a8b;margin-bottom:22px}.path-card:nth-child(3) .path-icon{background:#f1edff!important;color:#5855a4}.path-tag{font-size:.8rem;color:#3d6e90;letter-spacing:.075em}.path-card h3{font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.16;margin:13px 0 9px}.path-card p{font-size:1.03rem;color:#49657b;line-height:1.55;margin-bottom:30px}.path-cta{font-size:1.06rem;color:#134f82;padding-top:14px;border-top:1px solid #e0eaf2;gap:10px}.path-cta b{height:43px;width:43px;background:#e6f3fb}.start-section{margin-bottom:75px}
.quick-section{border-top:1px solid #dbe7ef;padding:56px 0 55px;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,1.2fr);gap:65px;align-items:start}.quick-section h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.12;margin:13px 0}.quick-section p{font-size:1.13rem;color:#456681}.quick-links{display:grid;gap:12px}.quick-links a{display:flex;align-items:center;gap:15px;padding:20px;background:#fff;border:1.5px solid #d0e1ed;border-radius:19px;text-decoration:none;color:#123d61;min-height:100px}.quick-links a:hover{background:#f1f9ff;border-color:#7ebbdc}.quick-links a>span:nth-child(2){flex:1}.quick-links strong{font:800 1.25rem var(--display);display:block}.quick-links small{display:block;font-size:.99rem;color:#52708a;line-height:1.4;margin-top:3px}.quick-links a>span:last-child{color:#146aa7;font-weight:900;font-size:1.5rem}.quick-icon{display:grid;place-items:center;background:#ecf6fe;border-radius:13px;width:57px;height:57px;font-size:1.6rem;flex-shrink:0}
.calm-strip{display:flex;gap:22px;align-items:center;padding:37px 43px;margin:10px 0 48px;background:#102e4a;border-radius:26px;color:#fff}.calm-symbol{width:70px;height:70px;flex-shrink:0;border-radius:19px;display:grid;place-items:center;background:#2c6084;font-size:2.2rem;color:#d8f1ff}.calm-strip .eyebrow{color:#b4d8f4}.calm-strip h2{font-size:clamp(1.6rem,2.6vw,2.25rem);margin:8px 0 7px}.calm-strip p{font-size:1.07rem;color:#d7e8f3;margin:0}.existing-learner{padding:32px;border:1.5px solid #cbdde8;background:#fff;gap:35px;border-radius:24px}.existing-learner h2{font-size:1.55rem;margin:8px 0 7px}.existing-learner p:last-child{font-size:1.02rem;max-width:660px;color:#506b80;line-height:1.6}.existing-learner .btn{min-width:245px}.about{padding:27px 0 0}.about h2{font-size:2.05rem}.about p{font-size:1.07rem}
/* Free sample and resources: identical interaction sizing to the homepage */
.heading{max-width:850px}.heading h1{font-size:clamp(2.3rem,4.8vw,4rem);line-height:1.12}.heading p{font-size:1.15rem;color:#3e617c}.tabs{gap:12px;margin-bottom:20px}.tabs button{min-height:55px;padding:13px 19px;border-radius:15px;font:800 1.03rem var(--display)}.activity{max-width:900px;padding:clamp(23px,4vw,44px);border-radius:24px}.activity h2{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.3}.options{gap:12px}.options button{min-height:72px;font-size:1.12rem;padding:18px;border-radius:16px;border-width:2px;line-height:1.5}.options button:hover:not(:disabled){background:#edf7ff;border-color:#569cc8}.options button .letter{flex-shrink:0}.feedback{font-size:1.05rem;line-height:1.5;padding:21px;border-radius:15px}.card{border-radius:21px;padding:30px;min-height:270px}.card h2{font-size:clamp(1.5rem,2.6vw,2.15rem)}.rating button,.stages button{min-height:52px;font-size:1rem}.activity .next{margin-top:20px}.text-btn{font-size:1rem;min-height:44px}.products{gap:19px}.product,.route{padding:27px}.product h2,.route h2{font-size:1.7rem}.product p,.route p,.next-step p{font-size:1.05rem}.product .btn{min-height:58px;font-size:1rem}.next-step{padding:30px}.reading-tools{max-width:1160px}.reading-tools summary{min-height:40px;font-size:1.05rem}.reading-tools button{min-height:48px;font-size:1rem}.footer{max-width:1180px;font-size:.87rem;line-height:1.5;padding:24px}
@media(max-width:1050px){.hero{grid-template-columns:1.2fr .65fr}.hero-visual{padding:25px 21px}.path-card{padding:22px}.path-card h3{font-size:1.55rem}}
@media(max-width:760px){body{font-size:17px}.header-inner{min-height:75px;padding:11px 18px}.brandmark{width:52px;height:52px}.brand-name strong{font-size:1.12rem}.brand-name small{font-size:.76rem}main{padding:19px 17px 80px}.hero{grid-template-columns:1fr;padding:36px 25px;border-radius:25px;margin-bottom:50px;min-height:0}.hero-badge{font-size:.86rem;padding:8px 11px}.hero h1{font-size:clamp(2.8rem,10.1vw,4.5rem);line-height:1.05;margin:17px 0 16px}.hero .intro{font-size:1.19rem;line-height:1.5}.hero-visual{display:none}.hero .actions{flex-direction:column}.hero .btn{width:100%}.hero-note{font-size:.91rem;line-height:1.5}.section-intro{margin-bottom:21px}.section-intro h2{font-size:clamp(1.9rem,7vw,2.4rem)}.section-intro p:last-child{font-size:1.05rem}.path-cards{grid-template-columns:1fr;gap:14px}.path-card{display:grid;grid-template-columns:60px 1fr;padding:21px 20px;min-height:0;column-gap:15px;border-radius:22px}.path-icon{width:54px;height:54px;margin:0;grid-row:1/4;font-size:1.6rem}.path-card h3{font-size:1.5rem;grid-row:2;margin:5px 0 5px}.path-tag{font-size:.74rem;grid-row:1}.path-card p{font-size:1.01rem;grid-row:3;margin-bottom:11px}.path-cta{grid-column:1/-1;font-size:1.07rem;min-height:62px;grid-row:4;padding:11px 0 0}.start-section{margin-bottom:35px}.quick-section{grid-template-columns:1fr;gap:10px;padding:33px 0}.quick-section h2{font-size:2rem}.quick-section p{font-size:1.07rem}.quick-links a{min-height:90px;padding:15px}.quick-links strong{font-size:1.15rem}.quick-links small{font-size:.93rem}.quick-icon{width:50px;height:50px}.calm-strip{padding:25px 21px;margin:12px 0 30px;gap:13px;border-radius:22px}.calm-symbol{width:45px;height:45px;font-size:1.45rem;border-radius:13px}.calm-strip h2{font-size:1.52rem}.calm-strip p{font-size:1rem}.existing-learner{padding:25px 21px;gap:15px}.existing-learner h2{font-size:1.4rem}.existing-learner p:last-child{font-size:1rem}.about{padding-top:18px}.about h2{font-size:1.8rem}.about p{font-size:1rem}.mobile-dock{padding:8px 5px calc(8px + env(safe-area-inset-bottom));gap:3px}.mobile-dock a{min-width:0;flex:1;min-height:62px;gap:3px;font-size:1.55rem;border-radius:13px}.mobile-dock small{font-size:.8rem;line-height:1.15}.mobile-dock a[aria-current=page]{background:#e8f4fe;color:#134d7c}.heading h1{font-size:2.6rem}.heading p{font-size:1.06rem}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tabs button{font-size:1rem;padding:12px 9px}.activity{padding:23px 19px}.options button{min-height:70px;padding:16px 12px;font-size:1.06rem}.products{grid-template-columns:1fr}.product{padding:22px}.route,.next-step{padding:22px}.footer{font-size:.85rem}body{padding-bottom:84px}}
@media(max-width:390px){.brand-name strong{font-size:1.01rem}.hero h1{font-size:clamp(2.45rem,10.2vw,3.4rem)}.hero{padding:28px 20px}.path-card{padding:17px 15px}.path-card h3{font-size:1.4rem}.mobile-dock small{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Official TDNSC identity, October 2026 */
.brand .tdnsc-brand-wordmark{display:block;max-width:min(195px,42vw);width:195px;height:auto;object-fit:contain;flex-shrink:0}
.tdnsc-brand-name,.tdnsc-learning-name{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.tdnsc-hero-logo{display:block;width:min(330px,88%);max-height:170px;height:auto;object-fit:contain;margin:-22px 0 6px;object-position:left center}
@media(max-width:1050px){.brand .tdnsc-brand-wordmark{width:168px}}
@media(max-width:750px){.brand .tdnsc-brand-wordmark{width:190px;max-width:64vw}.tdnsc-hero-logo{width:min(310px,87%);margin:-16px 0 10px}}
@media(max-width:370px){.brand .tdnsc-brand-wordmark{width:167px}}
