.d1-page,
.d1-page * { box-sizing: border-box; }
.d1-page { width: 941px; height: 1672px; margin: 0 auto; overflow: hidden; background: #fdfbfa; color: #142842; font-family: "Arial", "Liberation Sans", sans-serif; }
.d1-page a { color: inherit; text-decoration: none; }
.d1-header { height: 70px; padding: 0 55px; display: flex; align-items: center; position: relative; z-index: 5; }
.d1-brand { width: 185px; display: flex; align-items: center; gap: 10px; font-size: 15px; }
.d1-brand-mark { position: relative; width: 20px; height: 20px; display: inline-block; flex: 0 0 auto; transform: rotate(45deg); }
.d1-brand-mark i { position: absolute; width: 8px; height: 12px; border-radius: 7px 7px 2px 7px; transform-origin: 10px 10px; }
.d1-brand-mark i:nth-child(1) { left: 6px; top: -1px; background: #f4a89a; transform: rotate(-45deg); }
.d1-brand-mark i:nth-child(2) { right: -1px; top: 6px; background: #f2cf8f; transform: rotate(45deg); }
.d1-brand-mark i:nth-child(3) { left: 6px; bottom: -1px; background: #70bca7; transform: rotate(135deg); }
.d1-brand-mark i:nth-child(4) { left: -1px; top: 6px; background: #84c9d1; transform: rotate(225deg); }
.d1-header nav { display: flex; align-items: center; gap: 39px; margin-left: 10px; font-size: 8px; color: #21344b; }
.d1-header-actions { margin-left: auto; display: flex; gap: 9px; }
.d1-button { min-width: 118px; height: 31px; padding: 0 16px; border: 1px solid #499a83; border-radius: 6px; background: #4f9e88; color: #fff !important; display: inline-flex; align-items: center; justify-content: center; font-size: 8px; font-weight: 600; box-shadow: 0 4px 8px rgba(39, 101, 84, .08); }
.d1-button-secondary { min-width: 100px; border-color: #bac1c4; background: rgba(255,255,255,.65); color: #1a3048 !important; box-shadow: none; }
.d1-hero { height: 400px; position: relative; padding: 32px 0 0 56px; }
.d1-hero-copy { position: relative; z-index: 2; width: 365px; }
.d1-pill { display: inline-flex; width: max-content; align-items: center; border-radius: 999px; background: #f9e8df; padding: 4px 10px; color: #33475d; font-size: 7px; line-height: 1; }
.d1-hero h1 { width: 375px; margin: 18px 0 13px; color: #122945; font-size: 42px; font-weight: 700; letter-spacing: -.8px; line-height: 1.13; }
.d1-hero-copy > p { width: 360px; margin: 0; font-size: 14px; line-height: 1.5; }
.d1-hero-actions { display: flex; gap: 10px; margin-top: 19px; }
.d1-trust { display: flex; width: 390px; gap: 18px; margin: 20px 0 0; padding: 0; list-style: none; white-space: nowrap; font-size: 6.8px; color: #4b5864; }
.d1-trust li { display: flex; align-items: center; gap: 6px; }
.d1-trust span { color: #38a17f; font-size: 10px; }
.d1-hero-visual { position: absolute; z-index: 1; left: 432px; top: -5px; width: 489px; height: 405px; object-fit: fill; }
.d1-schools { height: 90px; text-align: center; position: relative; }
.d1-schools p { position: absolute; top: 10px; width: 100%; margin: 0; font-size: 8px; }
.d1-schools img { position: absolute; left: 127px; top: 23px; width: 690px; height: 53px; object-fit: contain; }
.d1-features { height: 245px; padding-top: 16px; text-align: center; }
.d1-features > .d1-pill { display: flex; margin: 0 auto; background: #dcf1e8; }
.d1-features h2 { margin: 10px 0 13px; font-size: 23px; font-weight: 500; line-height: 1.15; letter-spacing: -.4px; }
.d1-feature-grid { display: grid; grid-template-columns: repeat(5, 149px); gap: 16px; padding-left: 56px; text-align: left; }
.d1-feature-card { height: 158px; border: 1px solid #e4e2df; border-radius: 10px; padding: 13px 13px 10px; background: rgba(255,255,255,.48); box-shadow: 0 4px 12px rgba(29, 54, 64, .025); }
.d1-feature-icon { width: 38px; height: 38px; border-radius: 9px; display: flex; align-items: center; justify-content: center; font-size: 24px; line-height: 1; color: #4c9fe2; background: #e9f5fb; }
.d1-feature-icon-2 { color: #43a989; background: #e3f4ed; }
.d1-feature-icon-3 { color: #8b76e7; background: #f0edff; }
.d1-feature-icon-4 { color: #eb8068; background: #fcebe5; }
.d1-feature-icon-5 { color: #4aa386; background: #e6f4ef; }
.d1-feature-card h3 { margin: 13px 0 7px; font-size: 9px; line-height: 1.2; }
.d1-feature-card p { margin: 0; font-size: 7px; line-height: 1.5; color: #2e4054; }
.d1-process { height: 238px; position: relative; padding: 27px 56px 0; }
.d1-process > .d1-pill { background: #dff2ef; }
.d1-process h2 { margin: 10px 0 16px; font-size: 21px; font-weight: 500; }
.d1-step-grid { width: 585px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.d1-step { position: relative; padding-right: 16px; }
.d1-step:not(:last-child)::after { content: ""; position: absolute; top: 17px; left: 44px; width: 94px; border-top: 1px dashed #a6b6bf; }
.d1-step-number { position: relative; z-index: 1; width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #e5f1f7; font-size: 11px; }
.d1-step h3 { margin: 13px 0 5px; font-size: 8.5px; }
.d1-step p { width: 120px; margin: 0; font-size: 7px; line-height: 1.45; color: #536170; }
.d1-process > img { position: absolute; right: 24px; top: 0; width: 270px; height: 220px; object-fit: contain; }
.d1-impact { height: 248px; width: 824px; margin-left: 54px; position: relative; border-radius: 14px; padding: 24px 0 0 14px; background: linear-gradient(105deg, #edf7f4, #f1f8f6); overflow: visible; }
.d1-impact > .d1-pill { background: #d8efe8; }
.d1-impact h2 { margin: 12px 0 20px; font-size: 21px; font-weight: 500; }
.d1-metric-grid { width: 490px; display: grid; grid-template-columns: repeat(4, 1fr); }
.d1-metric { height: 126px; padding: 0 14px; text-align: center; border-right: 1px solid #cdded8; }
.d1-metric:first-child { padding-left: 0; }
.d1-metric > span { display: block; height: 41px; color: #51aa90; font-size: 30px; line-height: 35px; }
.d1-metric strong { display: block; margin-top: 1px; font-size: 24px; font-weight: 500; }
.d1-metric p { margin: 7px auto 0; width: 90px; font-size: 7px; line-height: 1.45; }
.d1-impact > img { position: absolute; left: 481px; top: -8px; width: 302px; height: 260px; object-fit: contain; filter: drop-shadow(0 7px 8px rgba(25,41,48,.08)); }
.d1-testimonials { height: 195px; padding-top: 12px; text-align: center; }
.d1-testimonials > .d1-pill { background: #dff1e9; }
.d1-testimonials h2 { margin: 8px 0 12px; font-size: 18px; font-weight: 500; }
.d1-quote-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 31px; padding: 0 85px; text-align: left; }
.d1-quote-card { height: 105px; padding: 12px 17px; border: 1px solid #ece8e5; border-radius: 13px; background: rgba(255,255,255,.54); box-shadow: 0 4px 12px rgba(25,46,58,.025); }
.d1-quote-card > p { height: 45px; margin: 0; font-size: 8px; line-height: 1.45; }
.d1-quote-person { display: flex; align-items: center; gap: 8px; }
.d1-avatar { width: 29px; height: 29px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #bf7d63; color: white; font-size: 7px; }
.d1-avatar-2 { background: #56422f; }.d1-avatar-3 { background: #e28c99; }
.d1-quote-person strong, .d1-quote-person small { display: block; font-size: 7px; line-height: 1.35; }
.d1-quote-person small { color: #607080; }
.d1-dots { margin-top: 7px; color: #6aa794; font-size: 7px; letter-spacing: 4px; }
.d1-cta { width: 826px; height: 118px; margin-left: 53px; border-radius: 16px; position: relative; display: flex; align-items: center; background: #fae7da; overflow: hidden; }
.d1-cta > img { align-self: flex-end; width: 230px; height: 150px; margin-left: 70px; object-fit: contain; }
.d1-cta > div { margin-left: 16px; margin-top: 2px; }
.d1-cta h2 { margin: 0 0 7px; font-size: 20px; font-weight: 600; }
.d1-cta p { width: 360px; margin: 0 0 9px; font-size: 7px; line-height: 1.35; }
.d1-cta .d1-button { min-width: 110px; height: 27px; margin-right: 7px; font-size: 7px; }
.d1-footer { height: 68px; padding: 10px 55px 0; display: grid; grid-template-columns: 220px 105px 105px 105px 1fr; gap: 24px; font-size: 6px; }
.d1-footer-brand { position: relative; padding-left: 27px; font-size: 12px; }
.d1-footer-brand .d1-brand-mark { position: absolute; left: 0; top: -2px; transform: rotate(45deg) scale(.75); }
.d1-footer-brand p { margin: 7px 0 0 -27px; font-size: 6px; line-height: 1.45; font-weight: 400; }
.d1-footer > div > strong, .d1-footer > div > span { display: block; }
.d1-footer > div > strong { margin-bottom: 4px; font-size: 6px; }.d1-footer > div > span { line-height: 1.45; }
.d1-social { text-align: right; font-size: 11px; }.d1-social small { display: block; margin-top: 20px; font-size: 5px; }
@media (max-width: 700px) {
  .d1-page { width: 100%; height: auto; overflow: visible; }
  .d1-header { height: 64px; padding: 0 20px; }.d1-header nav { display: none; }.d1-brand { width: auto; }.d1-header-actions .d1-button-secondary { display: none; }.d1-header-actions .d1-button { min-width: 116px; }
  .d1-hero { height: auto; padding: 36px 20px 20px; display: flex; flex-direction: column; }.d1-hero-copy, .d1-hero h1, .d1-hero-copy > p { width: 100%; }.d1-hero h1 { font-size: 42px; }.d1-hero-visual { position: static; width: 100%; height: auto; margin-top: 22px; }.d1-trust { width: 100%; flex-wrap: wrap; white-space: normal; }
  .d1-schools { height: auto; padding: 24px 20px; }.d1-schools p, .d1-schools img { position: static; width: 100%; height: auto; }
  .d1-features, .d1-process, .d1-testimonials { height: auto; padding: 40px 20px; }.d1-feature-grid, .d1-step-grid, .d1-quote-grid { width: 100%; grid-template-columns: 1fr; padding: 0; gap: 14px; }.d1-feature-card { height: auto; min-height: 150px; }.d1-step:not(:last-child)::after { display: none; }.d1-step p { width: auto; }.d1-process > img { position: static; width: 100%; height: auto; }
  .d1-impact { width: calc(100% - 40px); height: auto; margin: 0 20px; padding: 28px 18px; }.d1-metric-grid { width: 100%; grid-template-columns: 1fr 1fr; }.d1-metric { border-right: 0; }.d1-impact > img { position: static; width: 100%; height: auto; }
  .d1-quote-grid { text-align: left; }.d1-quote-card { height: auto; }.d1-cta { width: calc(100% - 40px); height: auto; margin: 0 20px; padding: 28px 20px; }.d1-cta > img { display: none; }.d1-cta > div { margin: 0; }.d1-cta p { width: auto; }
  .d1-footer { height: auto; padding: 30px 20px; grid-template-columns: 1fr 1fr; }.d1-footer-brand { grid-column: 1 / -1; }
}