@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--bg:#F7F7F5;--ink:#353638;--muted:#687277;--line:#e0e7e5;--blue:#183153;--navy:#183153;--green:#10B981;--red:#D80621;--amber:#fff5df;--darkgreen:#087d59;--charcoal:#353638}
*{box-sizing:border-box}html{font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);scroll-behavior:smooth}body{margin:0;background:var(--bg);line-height:1.6}a{color:var(--darkgreen);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1160px;padding:0 24px;margin:auto}.site-header{background:#fff;position:relative;z-index:10}.site-nav{min-height:120px;max-width:1520px;margin:0 auto;padding:18px 34px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:28px}.site-links,.account-nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap;font-size:14px}.site-links a,.account-nav a{color:#333}.account-nav{justify-content:flex-end}.brand-mark{position:relative;margin-top:23px;color:#303335;font-family:'Libre Baskerville',Georgia,serif;font-size:27px;letter-spacing:-1.7px;font-weight:700;white-space:nowrap;line-height:1.3}.brand-mark:hover{text-decoration:none}.brand-mark span:not(.brand-arc):not(.brand-leaf){font-weight:400}.brand-arc{position:absolute;display:block;border-top:3px solid var(--green);border-radius:100% 80% 0 0;transform:rotate(-8deg);width:118px;height:27px;left:27px;top:-17px}.brand-leaf{position:absolute;top:-28px;left:144px;font-family:serif;font-size:21px;color:var(--green);transform:rotate(25deg)}.inline{display:inline}main{padding-top:24px!important;padding-bottom:70px!important}h1,h2,h3{line-height:1.23;letter-spacing:-.028em}h1{font-size:clamp(30px,4vw,48px);margin:12px 0}h2{font-size:25px}h3{font-size:18px}p{color:var(--muted)}.eyebrow,.section-kicker{color:var(--darkgreen);font-size:11px;letter-spacing:1.9px;font-weight:800}.button,button{font:inherit;font-weight:700;cursor:pointer;background:var(--green);color:white;border:1px solid var(--green);padding:11px 19px;border-radius:7px;display:inline-block;transition:background .15s ease,transform .15s ease}.button:hover,button:hover{background:#07966d;text-decoration:none}.button.secondary,button.secondary{background:white;color:var(--navy);border-color:var(--line)}button.link{background:none;border:0;padding:0;color:var(--darkgreen);font-weight:500}button.link:hover{background:none;text-decoration:underline}button.red{color:#b92b2b}.grid{display:grid;gap:20px;margin:20px 0}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:25px;box-shadow:0 4px 20px #212a2306;margin-bottom:18px}.card h2:first-child,.card h3:first-child{margin-top:0}.student-card{color:inherit}.student-card:hover{text-decoration:none;border-color:#8cd8b8}.student-card strong{color:var(--darkgreen)}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 24px}.heading h1{font-size:32px}.auth{max-width:440px;margin:50px auto}.auth form{display:grid;gap:18px}label{display:grid;gap:6px;font-weight:650;font-size:14px}input,select,textarea{font:inherit;border:1px solid #cbd5df;border-radius:9px;padding:10px 12px;width:100%;background:white;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #10b98188;outline-offset:1px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.form-grid button{justify-self:start}.alert{border:1px solid #9fd2bb;background:#f0fcf6;padding:15px 18px;border-radius:10px;margin:14px 0 22px}.alert.warning{border-color:#e8d2a2;background:var(--amber)}.alert.danger{background:#fceced;border-color:#e9afb0}.big{font-size:51px;font-weight:800;letter-spacing:-2px}.big small{font-size:17px;font-weight:500;letter-spacing:0;color:var(--muted)}.progress{background:#e7ecf0;height:10px;border-radius:100px;overflow:hidden}.progress span{display:block;height:100%;background:var(--green);border-radius:100px}.meter{margin:19px 0}.meter>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.muted,small{color:var(--muted)}small{display:block;font-size:12px}.urgent{color:#a55b07}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:11px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px}th{font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}.upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.upload input{max-width:400px}.file-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0}footer{border-top:1px solid var(--line);padding:25px 0;font-size:12px;color:var(--muted)}
/* Marketing homepage */
.home-main{max-width:none;padding:0!important}
.home-hero{min-height:640px;position:relative;overflow:hidden;text-align:center;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;padding:64px 20px 0;background:#fff}
.hero-copy{position:relative;z-index:3;max-width:790px;padding:0 42px 48px;}

.hero-kicker{color:#10b981;font-size:10px;letter-spacing:2.5px;font-weight:700;margin-bottom:13px}
.home-hero h1{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;font-size:clamp(36px,4.25vw,62px);line-height:1.18;letter-spacing:-2.5px;margin:8px 0 16px;color:#353638}
.home-hero p{font-size:18px;letter-spacing:.02em;color:#494e4e;margin:0}
.hero-cta{background:#10b981;color:white;margin-top:34px;padding:18px 38px;font-size:15px;letter-spacing:.5px;box-shadow:0 15px 25px #10b98125;min-width:260px;position:relative;z-index:4}
.hero-cta span{margin-left:8px}
.hero-disclaimer{margin-top:15px;color:#949b99;font-size:12px}
.hero-art{position:absolute;bottom:0;width:38%;max-width:620px;height:auto;z-index:1;pointer-events:none;}
.hero-art-left{left:-3%}
.hero-art-right{right:-3%}
.trust-strip{display:flex;align-items:center;justify-content:center;gap:0;padding:35px 16px 45px;background:#fff;color:#5a5f60;font-size:14px}.trust-strip span{padding:0 36px;border-right:1px solid #cdd4d1}.trust-strip span:last-child{border:0}.intro-section,.audience-section,.pricing-section,.faq-section{max-width:1160px;margin:auto;padding:80px 24px;text-align:center;scroll-margin-top:20px}.intro-section h2,.audience-section h2,.pricing-section h2,.faq-section h2{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(27px,3vw,39px);font-weight:400;letter-spacing:-1.2px;margin:16px 0 12px}.intro-section>p,.pricing-section>p{font-size:17px;max-width:720px;margin:0 auto 42px}.feature-grid{margin-top:42px;text-align:left}.feature-card{padding:30px;box-shadow:none}.feature-number{color:#10b981;font-size:13px;font-weight:700;letter-spacing:2px}.feature-card h3{font-size:19px;margin:18px 0 8px}.feature-card p{margin:0;font-size:14px}.audience-section{border-top:1px solid #edf0ee}.audience-section .grid{text-align:left;margin-top:42px}.pathway-card{padding:38px;box-shadow:none}.pathway-card h3{font-family:'Libre Baskerville',Georgia,serif;font-size:24px;font-weight:400}.pathway-card p{font-size:15px}.pathway-tag{letter-spacing:1.8px;font-size:11px;font-weight:700;color:#10b981}.pricing-section{background:#f5fbf8;max-width:none}.pricing-section>p{max-width:660px}.faq-section{max-width:790px}.faq-section details{text-align:left;border-bottom:1px solid var(--line);padding:19px 6px}.faq-section summary{font-weight:700;cursor:pointer}.faq-section details p{font-size:14px;margin-bottom:0}
@media(max-width:1050px){.site-nav{grid-template-columns:1fr auto;min-height:100px}.brand-mark{grid-column:1/-1;grid-row:1;margin:10px auto 15px}.site-links{grid-column:1;grid-row:2}.account-nav{grid-column:2;grid-row:2}.home-hero{min-height:610px;padding-top:56px}.hero-copy{max-width:700px;padding:0 34px 38px}.hero-art{width:40%;}.home-hero h1{font-size:clamp(35px,5.3vw,54px)}}
@media(max-width:750px){.grid.two,.grid.three,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.heading{align-items:flex-start;flex-direction:column}.site-nav{padding:14px 20px 18px;gap:12px}.site-links{gap:12px 17px;font-size:12px}.account-nav{font-size:12px}.brand-mark{font-size:24px}.home-hero{min-height:700px;padding-top:34px}.hero-copy{max-width:560px;padding:0 18px 24px}.home-hero h1{font-size:clamp(32px,7.3vw,43px);letter-spacing:-1.5px}.home-hero p{font-size:15px}.hero-cta{margin-top:24px;min-width:0;padding:15px 25px}.hero-art{width:66%;max-width:420px;bottom:0;}.hero-art-left{left:50%;transform:translateX(-50%)}.hero-art-right{display:none}.hero-disclaimer{font-size:11px}.trust-strip{display:grid;grid-template-columns:1fr 1fr;row-gap:13px;padding:24px 15px;font-size:12px;text-align:center}.trust-strip span{padding:0 12px}.trust-strip span:nth-child(2){border:0}.intro-section,.audience-section,.pricing-section,.faq-section{padding:60px 22px}.intro-section>p{font-size:15px}.card{padding:18px}}
@media(max-width:420px){.site-nav{grid-template-columns:1fr}.site-links{justify-content:center;grid-column:1}.account-nav{grid-column:1;grid-row:3;justify-content:center}.home-hero{min-height:640px}.hero-copy{padding:0 10px 18px}.home-hero h1{font-size:31px}.hero-art{width:78%;max-width:360px;}.hero-art-left{left:50%;transform:translateX(-50%)}}@media print{.site-header,footer,.no-print,.print{display:none!important}body{background:white}.card{box-shadow:none;break-inside:avoid}.wrap{max-width:none}main{padding:0!important}.grid.two{grid-template-columns:1fr 1fr}}

/* v4: retain complete illustration silhouettes; unwanted mockup text removed from source assets. */
.hero-art { clip-path: none !important; }
@media (max-width:750px) {
  .hero-art-left { display:block; }
  .hero-art-right { display:none !important; }
}

/* v5: independent transparent illustrations, no clipping or content masks */
.home-hero{min-height:680px;padding-top:65px}
.hero-copy{z-index:3;padding:0 16px 16px;isolation:auto}
.hero-copy::before{content:none!important;display:none!important}
.hero-art{clip-path:none!important;width:38%;max-width:620px;object-fit:contain;z-index:1}
.hero-art-left{left:0}
.hero-art-right{right:0}
@media(max-width:1050px){.home-hero{min-height:640px}.hero-art{width:42%}}
@media(max-width:750px){.home-hero{min-height:690px;padding-top:36px}.hero-art-left{display:block;left:50%;right:auto;transform:translateX(-50%);width:min(85%,440px)}.hero-art-right{display:none!important}.hero-copy{padding:0 12px 16px}}
@media(max-width:420px){.home-hero{min-height:660px}.hero-art-left{width:min(92%,370px)}}

/* ClearPath 2026 palette refresh — brand navy, Canadian red, emerald */
body{background:var(--bg);color:var(--ink)}
.site-header{background:#fff;border-bottom:1px solid rgba(24,49,83,.04)}
.site-links a,.account-nav a{color:var(--navy)}
.site-links a:hover,.account-nav a:hover{color:var(--darkgreen)}
.brand-mark,.brand-mark:hover{color:var(--navy)}
.brand-arc{border-top-color:var(--green)}
.brand-leaf{color:var(--red)}
.home-main{background:#fff}
.home-hero{background:#fff;min-height:745px;padding-top:58px}
.hero-copy{max-width:920px;z-index:3;position:relative;padding:0 20px 10px}
.hero-copy::before{display:none!important;content:none!important}
.hero-kicker{color:var(--red);letter-spacing:2.5px;font-weight:800}
.home-hero h1{color:var(--navy);font-weight:400}
.home-hero p{color:var(--charcoal)}
.hero-cta{background:var(--green);border-color:var(--green);box-shadow:0 12px 26px rgba(16,185,129,.17)}
.hero-cta:hover{background:#059669;border-color:#059669}
.hero-art{width:46%;max-width:760px;bottom:0;object-fit:contain;opacity:.8;filter:none;clip-path:none!important;pointer-events:none}
.hero-art-left{left:-2%}
.hero-art-right{right:-2%}
.trust-strip{color:var(--navy);border-top:1px solid #f2f4f3}
.trust-strip span{border-right-color:#cfd8dd}
.intro-section,.audience-section,.faq-section{background:#fff}
.intro-section h2,.audience-section h2,.pricing-section h2,.faq-section h2{color:var(--navy)}
.section-kicker,.eyebrow{color:var(--red)}
.feature-number,.pathway-tag{color:var(--red)}
.card{border-color:var(--line);background:#fff;box-shadow:0 5px 25px rgba(24,49,83,.04)}
.card h2,.card h3,.heading h1,.auth h1{color:var(--navy)}
.card a:not(.button):not(.student-card),.student-card strong{color:var(--darkgreen)}
.button,button{background:var(--green);border-color:var(--green)}
.button.secondary,button.secondary{color:var(--navy);border-color:#d5dfe4}
.button.secondary:hover,button.secondary:hover{background:#f1f5f7}
button.link{color:var(--navy)}
a{color:var(--darkgreen)}
input:focus,select:focus,textarea:focus{outline-color:rgba(16,185,129,.40)}
.progress{background:#e7edf1}.progress span{background:var(--green)}
.pricing-section{background:#f1f6f5}
.alert{border-color:#a8dec4}
.alert.warning{border-color:#e6cf9e}
footer{background:var(--bg);color:#67747a;border-top-color:#e1e7e5}
@media(max-width:1100px){.hero-art{width:46%;max-width:690px}.home-hero{min-height:710px}}
@media(max-width:750px){
 .home-hero{min-height:735px;padding-top:34px}
 .hero-copy{max-width:540px;padding:0 12px 12px}
 .hero-art-left{display:block;left:50%;right:auto;transform:translateX(-50%);width:min(94%,520px);max-width:none;opacity:.77}
 .hero-art-right{display:none!important}
 .home-hero h1{font-size:clamp(32px,7.3vw,43px)}
}
@media(max-width:420px){.home-hero{min-height:670px}.hero-art-left{width:min(100%,410px)}}

/* ClearPrep brand — Evergreen & Stone, standalone approved signpost logo.
   Brand stays monochrome. Canadian flag red is reserved for flags in imagery. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap');
:root {
  --bg:#F5F3EE; --ink:#353638; --muted:#65736C; --line:#DEE5DC;
  --blue:#244B42; --navy:#244B42; --green:#244B42; --darkgreen:#244B42;
  --red:#D80621; --charcoal:#353638; --sage:#A5B8A4;
}
body { background:var(--bg); }
.site-header { background:#fff; border-color:#e8ece7; }
.site-nav { align-items:center; min-height:104px; }
.site-links a,.account-nav a { color:#244B42; }
.site-links a:hover,.account-nav a:hover { color:#527b61; }
.brand-mark.clearprep-logo {
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  flex-wrap:nowrap; gap:16px; margin:0; line-height:1; letter-spacing:-1.1px;
  color:#080808!important; text-decoration:none; font-family:Montserrat,Arial,Helvetica,sans-serif;
  font-size:clamp(23px,2.5vw,36px); font-weight:800;
}
.clearprep-logo-icon { width:52px; height:58px; flex:none; object-fit:contain; }
.clearprep-logo-rule { display:block; background:#111; height:40px; width:2px; flex:none; }
.brand-mark .clearprep-logo-wordmark { font-weight:800!important; white-space:nowrap; }
.home-main { background:#fff; }
.home-hero { background:#fff; }
.hero-kicker,.section-kicker,.eyebrow,.feature-number,.pathway-tag { color:#527B61!important; }
.home-hero h1,.intro-section h2,.audience-section h2,.pricing-section h2,.faq-section h2,
.card h2,.card h3,.heading h1,.auth h1 { color:#244B42; }
.hero-cta,.button,button { background:#244B42; border-color:#244B42; color:#fff; box-shadow:none; }
.hero-cta:hover,.button:hover,button:hover { background:#183A33; border-color:#183A33; color:#fff; }
.button.secondary,button.secondary { background:#fff; border-color:#CAD7CE; color:#244B42; }
.button.secondary:hover,button.secondary:hover { color:#244B42; background:#F0F4EF; }
button.link,button.link:hover { background:transparent; border:0; color:#244B42; }
input:focus,select:focus,textarea:focus { outline-color:#A5B8A4; }
.progress span { background:#5E8C87; }
.trust-strip { color:#244B42; border-color:#E9EEE8; }
.pricing-section { background:#F5F3EE; }
footer { background:#F5F3EE; }
.home-hero .hero-art { opacity:.78; }
@media(max-width:1050px) {
 .brand-mark.clearprep-logo{grid-column:1/-1;grid-row:1;margin:10px auto 15px}
}
@media(max-width:750px) {
 .brand-mark.clearprep-logo {font-size:25px;gap:9px;margin:5px auto 12px}
 .clearprep-logo-icon {width:38px;height:43px}
 .clearprep-logo-rule {height:29px;width:1.5px}
 .home-hero .hero-art-right {display:none!important}
}
@media(max-width:420px) {
 .brand-mark.clearprep-logo{font-size:23px}
}