@import url('./tokens.css');
/* Taste redesign: light evidence studio; native CSS, existing product palette. */
:root{--landing-ink:#1f3864;--landing-muted:#59687c;--landing-tint:#edf1f5;--landing-line:#d9e1eb;--landing-radius:16px}
body{background:#fff;color:var(--landing-ink)}
.page-width{width:min(100% - 96px,1320px);margin-inline:auto}
.landing-nav{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--landing-line);gap:24px}
.wordmark{display:block;margin-left:-14px;flex-shrink:0}.wordmark .product-logo{width:170px}
.nav-links{display:flex;gap:36px;align-items:center}.nav-links>a{font-size:15px;text-decoration:none;white-space:nowrap}.nav-links>a:not(.button){padding:12px 0}.nav-links>a:not(.button):hover{color:var(--accent)}
.button{border-radius:8px;white-space:nowrap;transition:background .18s,transform .18s;min-height:46px}.button:active{transform:translateY(1px)}.button:hover{filter:none;background:#14294c;color:#fff}.button.accent:hover{background:#8b401b;color:#fff}
.icon{width:20px;height:20px;flex-shrink:0}.light-icon{filter:brightness(0) invert(1)}
.hero{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:0;min-height:540px;padding-block:36px}
.hero-copy{position:relative;z-index:1;padding-block:30px;padding-right:24px}
.hero h1{font-size:clamp(38px,4.15vw,60px);font-weight:760;letter-spacing:-.04em;line-height:1.3;margin-bottom:28px;white-space:nowrap;text-wrap:initial}
.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy>p{font-size:18px;line-height:1.8;max-width:25em;color:var(--landing-muted);margin-bottom:32px}.hero-action{padding:14px 24px;gap:28px;font-size:16px}
.hero-art{margin:0;min-width:0;border-radius:var(--landing-radius);overflow:hidden;background:var(--landing-tint);height:465px}
.hero-art>img{width:100%;height:100%;display:block;object-fit:cover;object-position:58% center}
.partner-strip{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:20px 30px}.partner-strip>p{color:var(--landing-muted);font-size:14px;line-height:1.65;margin:0}.partner-strip .brands{gap:36px}.partner-strip .school-brand{font-size:13px}.partner-strip .school-brand img{width:44px;height:44px}.partner-strip .company-brand{width:130px;height:52px}
.module-links{display:grid;grid-template-columns:repeat(4,1fr);padding-block:28px;border-block:1px solid var(--landing-line)}
.module-links>a{display:flex;gap:16px;align-items:center;text-decoration:none;padding:10px 26px;border-right:1px solid var(--landing-line);min-width:0}.module-links>a:first-child{padding-left:0}.module-links>a:last-child{border-right:0;padding-right:0}.module-icon{width:32px;height:32px}.module-links strong{display:block;font-size:17px;font-weight:650}.module-links small{display:block;color:var(--landing-muted);font-size:12px;margin-top:4px;white-space:nowrap}.module-links .icon{width:16px;height:16px;margin-left:auto;opacity:.55;transition:transform .18s}.module-links a:hover .icon{transform:translate(2px,-2px);opacity:1}.module-links a:hover strong{color:var(--accent)}
.section-space{padding-block:96px}.section-heading{margin-bottom:40px}.section-heading h2,.learning-copy h2{font-size:clamp(30px,3vw,42px);line-height:1.35;letter-spacing:-.025em;margin:0 0 20px;font-weight:700}.section-heading p,.learning-copy>p{color:var(--landing-muted);font-size:17px;max-width:37em;margin-bottom:0;line-height:1.8}
.workflow-stage{display:grid;grid-template-columns:330px minmax(0,1fr);gap:42px;align-items:stretch}.workflow-controls{display:flex;flex-direction:column;gap:12px;padding-top:12px}
.workflow-controls button{border:1px solid transparent;border-radius:12px;background:transparent;color:var(--landing-ink);text-align:left;align-items:flex-start;justify-content:flex-start;gap:18px;padding:24px 20px;white-space:normal;font-weight:400;filter:none;transition:background .18s,border-color .18s}
.workflow-controls button>img:first-child{width:28px;height:28px;margin-top:3px}.workflow-controls button>span{flex:1}.workflow-controls strong{display:block;font-size:21px;font-weight:650}.workflow-controls small{display:block;font-size:14px;line-height:1.8;margin-top:10px;color:var(--landing-muted)}.workflow-controls .icon{width:17px;height:17px;margin-top:7px;visibility:hidden}.workflow-controls button[aria-selected=true]{background:var(--landing-tint);border-color:var(--landing-line)}.workflow-controls button[aria-selected=true] .icon{visibility:visible}.workflow-controls button:hover{background:#f5f7fa}
.preview-area{padding:24px;background:var(--landing-tint);border-radius:var(--landing-radius);min-width:0;display:grid;align-items:center}.preview-panel{min-width:0}.preview-panel[hidden]{display:none}.preview-panel figure{margin:0}.screenshot-window{height:386px;overflow:hidden;border-radius:8px;background:#fff;border:1px solid #dbe2eb}.screenshot-window img{display:block;width:100%;height:auto}.analysis-window img{transform:translateY(-28%)}.preview-panel figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:12px;color:var(--landing-muted)}.preview-panel figcaption a{display:inline-flex;align-items:center;gap:8px;font-size:13px;text-decoration:none;white-space:nowrap}.preview-panel figcaption .icon{width:16px;height:16px}
.draft-flow{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.draft-flow>img{width:74px;height:74px;margin-bottom:28px}.draft-flow h3{font-size:25px;margin-bottom:26px}.draft-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;margin-bottom:24px}.draft-branches span{padding:20px 8px;border:1px solid #d1dbe7;border-radius:8px;background:#fff;font-size:15px}.draft-flow>p{font-size:14px;color:var(--landing-muted)}
.evidence-section{background:#f2f5f8;padding:96px 48px}.evidence-section>.page-width{width:100%;max-width:1320px;padding-block:0}.evidence-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center}.evidence-map{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center;min-height:300px;padding:40px 0}.source-stack{display:grid;gap:10px}.source-stack span{display:flex;align-items:center;gap:10px;background:#fff;padding:15px 12px;border:1px solid var(--landing-line);border-radius:8px;font-size:13px;white-space:nowrap}.source-stack img{width:22px;height:22px}.source-stack span:nth-child(2){transform:translateX(-7px)}.source-stack span:nth-child(3){transform:translateX(-14px)}.map-line{height:1px;background:#8799ae;position:relative}.map-line:after{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;transform:rotate(-45deg);border-bottom:1px solid #8799ae;border-right:1px solid #8799ae}.review-node,.answer-node{display:flex;align-items:center;flex-direction:column;text-align:center;padding:24px 10px;border:1px solid #c4d1e1;border-radius:12px;background:#e6edf6}.review-node img,.answer-node img{width:38px;height:38px;margin-bottom:18px}.review-node strong,.answer-node strong{font-size:17px;white-space:nowrap}.review-node small,.answer-node small{font-size:12px;color:var(--landing-muted);margin-top:7px}.answer-node{background:#fff}.map-caption{grid-column:1/-1;text-align:center;font-size:12px;color:var(--landing-muted);margin:30px 0 0}.map-caption span{margin-inline:12px}
.evidence-details details{border-top:1px solid #cfd8e3;padding:23px 0}.evidence-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:20px;font-weight:600}.evidence-details summary::-webkit-details-marker{display:none}.evidence-details details[open] summary .icon{transform:rotate(45deg)}.evidence-details details p{font-size:15px;line-height:1.85;color:var(--landing-muted);padding-right:20px;margin-top:18px}
.learning-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.learning-copy>p{font-size:17px;max-width:27em;margin-bottom:28px}.text-link{display:inline-flex;align-items:center;gap:16px;text-decoration:none;font-size:16px;font-weight:600;padding-block:8px}.text-link:hover{text-decoration:underline}.learning-path{margin:0;padding:0;list-style:none}.learning-path li{display:flex;gap:28px;align-items:center;padding:24px 0;position:relative}.learning-path li:not(:last-child):after{content:'';position:absolute;top:74px;left:27px;height:32px;border-left:1px solid #c3cfdd}.learning-path li>img{width:56px;height:56px;padding:14px;background:var(--landing-tint);border-radius:12px;z-index:1}.learning-path strong{display:block;font-size:20px;font-weight:600}.learning-path span{display:block;color:var(--landing-muted);font-size:14px;margin-top:5px}
.footer{border-top:1px solid var(--landing-line);display:flex;align-items:center;gap:20px;padding-block:22px}.footer .product-logo{width:120px}.footer>span{font-size:13px;color:var(--landing-muted)}.footer>p{margin:0 0 0 auto;font-size:12px;color:var(--landing-muted)}
@media(prefers-reduced-motion:no-preference){.hero-art>img{animation:art-arrive .8s cubic-bezier(.16,1,.3,1) both}@keyframes art-arrive{from{transform:scale(1.04);opacity:.65}to{transform:scale(1);opacity:1}}}
@media(min-width:1500px){.hero{min-height:590px}.hero-art{height:510px}}
@media(max-width:1100px){.page-width{width:calc(100% - 64px)}.hero{grid-template-columns:1fr 1fr;min-height:470px}.hero h1{font-size:42px}.hero-art{height:390px}.hero-copy>p{font-size:16px}.module-links>a{padding:8px 15px;gap:12px}.module-icon{width:27px;height:27px}.module-links .icon{display:none}.module-links strong{font-size:16px}.module-links small{font-size:12px}.workflow-stage{grid-template-columns:290px minmax(0,1fr);gap:24px}.screenshot-window{height:330px}.workflow-controls button{padding:20px 14px;gap:12px}.evidence-layout{gap:40px}.evidence-map{grid-template-columns:1fr 18px 1fr 18px 1fr}.source-stack span{font-size:12px;padding:12px 8px;gap:6px}.review-node,.answer-node{padding:20px 8px}.review-node strong,.answer-node strong{font-size:15px}.learning-section{gap:60px}}
@media(max-width:850px){.hero{grid-template-columns:1fr 1fr;gap:10px}.hero h1{font-size:35px}.hero-copy{padding-right:0}.hero-art{height:350px}.hero-action{font-size:14px;gap:14px}.module-links{grid-template-columns:1fr 1fr;gap:20px}.module-links>a{border-right:0;padding:4px!important}.module-links .icon{display:block}.workflow-stage{grid-template-columns:1fr;gap:22px}.workflow-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0}.workflow-controls button{display:block;padding:18px}.workflow-controls button>img:first-child{margin:0 0 14px}.workflow-controls strong{font-size:18px}.workflow-controls small{font-size:12px}.workflow-controls .icon{display:none}.screenshot-window{height:400px}.evidence-layout{grid-template-columns:1fr;gap:10px}.evidence-map{max-width:620px;width:100%;margin-inline:auto;grid-template-columns:1fr 35px 1fr 35px 1fr;padding:20px 0}.source-stack span{font-size:14px;padding:16px 12px}.review-node strong,.answer-node strong{font-size:18px}.learning-section{gap:40px}.learning-path strong{font-size:17px}.learning-path li{gap:16px}.learning-copy h2{font-size:30px}.section-space{padding-block:72px}}
@media(max-width:600px){.page-width{width:calc(100% - 40px)}.landing-nav{height:72px;gap:12px}.wordmark{margin-left:-11px}.wordmark .product-logo{width:132px}.nav-links{gap:0}.nav-links>a:not(.button){display:none}.nav-links .button{font-size:13px;padding:10px 14px;gap:12px;min-height:42px}.nav-links .icon{width:17px;height:17px}.hero{grid-template-columns:1fr;padding-block:30px 0;gap:28px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:clamp(30px,8.5vw,42px);margin-bottom:20px}.hero-copy>p{font-size:16px;line-height:1.8;margin-bottom:22px;max-width:24em}.hero-action{padding:13px 18px;gap:24px;font-size:15px}.hero-art{height:auto;aspect-ratio:1.3;max-height:390px}.hero-art>img{object-position:center}.partner-strip{align-items:flex-start;flex-direction:column;gap:16px;padding-block:25px}.partner-strip>p{font-size:12px}.partner-strip>p br{display:none}.partner-strip .brands{width:100%;justify-content:space-between;gap:12px}.partner-strip .school-brand{font-size:12px}.partner-strip .school-brand img{width:40px;height:40px}.partner-strip .company-brand{width:112px;height:46px}.module-links{padding-block:22px;gap:24px 16px}.module-links>a{gap:10px!important}.module-icon{width:24px;height:24px}.module-links strong{font-size:15px}.module-links small{font-size:12px;white-space:normal}.module-links .icon{display:none}.section-space{padding-block:56px}.section-heading{margin-bottom:28px}.section-heading h2,.learning-copy h2{font-size:29px;margin-bottom:16px}.section-heading p,.learning-copy>p{font-size:15px}.workflow-controls{gap:6px}.workflow-controls button{padding:14px 8px;text-align:center;border-radius:8px}.workflow-controls button>img:first-child{width:24px;height:24px;margin-bottom:8px}.workflow-controls strong{font-size:15px}.workflow-controls small{display:none}.preview-area{padding:14px;border-radius:12px}.screenshot-window{height:256px}.screenshot-window img{width:550px;max-width:none;transform:translateX(-82px)}.analysis-window img{width:530px;transform:translate(-72px,-26%)}.preview-panel figcaption{margin-top:14px;gap:6px;font-size:12px}.preview-panel figcaption a{font-size:12px;gap:4px}.draft-flow{min-height:296px;padding:18px 4px}.draft-flow>img{width:48px;height:48px;margin-bottom:20px}.draft-flow h3{font-size:18px}.draft-branches{gap:6px}.draft-branches span{font-size:12px;padding:16px 4px}.draft-flow>p{font-size:12px}.draft-flow .text-link{font-size:13px}.evidence-map{grid-template-columns:1fr 14px 1fr 14px 1fr;min-height:260px;padding:10px 0}.source-stack{gap:8px}.source-stack span{font-size:12px;padding:12px 6px;gap:4px}.source-stack img{width:16px;height:16px}.source-stack span:nth-child(2){transform:translateX(-3px)}.source-stack span:nth-child(3){transform:translateX(-6px)}.review-node,.answer-node{padding:20px 5px}.review-node img,.answer-node img{width:30px;height:30px;margin-bottom:14px}.review-node strong,.answer-node strong{font-size:13px}.review-node small,.answer-node small{font-size:12px}.map-caption{font-size:12px;margin-top:25px}.map-caption span{margin-inline:6px}.evidence-details details{padding:20px 0}.evidence-details summary{font-size:18px}.evidence-details details p{font-size:14px}.learning-section{grid-template-columns:1fr;gap:32px}.learning-path li{padding:18px 0}.learning-path li:not(:last-child):after{top:66px;height:24px}.footer{flex-wrap:wrap;gap:8px 16px;padding-block:20px}.footer .product-logo{width:100px}.footer>span{font-size:12px}.footer>p{width:100%;margin:0;font-size:12px}}

@media(max-width:1100px){.evidence-section{padding-inline:32px}}@media(max-width:850px){.evidence-section{padding-block:72px}}@media(max-width:600px){.evidence-section{padding:56px 20px}}

/* Keep the original school identity visible before the hero, including mobile. */
.header-partners{margin-inline:auto;gap:24px}.header-partners .school-brand{font-size:12px}.header-partners .school-brand img{width:46px;height:46px}.header-partners .company-brand{width:112px;height:48px}@media(max-width:1100px){.header-partners{gap:12px}.header-partners .school-brand span{font-size:11px}.header-partners .company-brand{width:96px}.nav-links{gap:20px}}@media(max-width:850px){.landing-nav{height:auto;min-height:80px;display:grid;grid-template-columns:1fr auto;padding-block:12px;gap:8px 20px}.header-partners{grid-column:1/-1;grid-row:2;width:100%;margin:0;justify-content:space-between;padding-top:8px;border-top:1px solid var(--landing-line)}.nav-links{grid-column:2;grid-row:1}.header-partners .school-brand span{font-size:12px}.header-partners .school-brand img{width:42px;height:42px}.header-partners .company-brand{width:112px;height:46px}}
