.learning-hero{padding-top:82px;padding-bottom:82px;grid-template-columns:.88fr 1.12fr;gap:52px;background:radial-gradient(circle at 86% 15%,rgba(22,182,212,.12),transparent 31%),linear-gradient(180deg,#fff,#f5fbfa)}
body{font-family:'Be Vietnam Pro',Arial,sans-serif}h1,h2,h3,b,strong,.button,.pill,.eyebrow,.brand b{font-family:'Be Vietnam Pro',Arial,sans-serif}.learning-hero,.product-story,.form-section{font-family:'Be Vietnam Pro',Arial,sans-serif}.learning-hero h1,.story-copy h2{font-family:'Be Vietnam Pro',Arial,sans-serif}.phone-pill{white-space:nowrap}.direct-contact{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:25px}.direct-contact a{padding:10px 15px;border-radius:999px;background:#e8f6f2;color:#087e70;font-weight:700}.direct-contact a:last-child{background:#087e70;color:#fff}
.learning-hero h1 em{color:#078c7e}
.hero-product-shot{margin:0;background:#fff;border:1px solid #dce9e6;border-radius:24px;overflow:hidden;box-shadow:0 32px 80px rgba(9,54,50,.18);transform:perspective(1400px) rotateY(-2deg)}
.hero-product-shot img,.screen-shot img{display:block;width:100%;height:auto}
.browser-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #e6eeec;background:#f7faf9}
.browser-bar i{width:8px;height:8px;border-radius:50%;background:#d8e2df}.browser-bar i:first-child{background:#ef9a80}.browser-bar i:nth-child(2){background:#edc96e}.browser-bar i:nth-child(3){background:#69c8a8}
.browser-bar span{margin-left:8px;font-size:11px;color:#75847f}
.hero-product-shot figcaption,.screen-shot figcaption{display:flex;justify-content:space-between;gap:12px;padding:14px 17px;background:#fff;color:#687772;font-size:12px}.hero-product-shot figcaption b{color:#173d38}.hero-product-shot figcaption span{text-align:right}
.demo-button{background:#fff;color:#087e70;border:1px solid #a9d7cd;box-shadow:none}.demo-button:hover{background:#eaf7f3}.demo-cta{padding:72px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center;background:#eaf7f3;border-top:1px solid #cee9e2;border-bottom:1px solid #cee9e2}.demo-cta h2{font:700 clamp(30px,3.7vw,48px)/1.15 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:-.035em;color:#123d37;margin:12px 0}.demo-cta p:not(.eyebrow){color:#586e67;max-width:760px}.demo-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.demo-cta-actions span{font-size:13px;color:#6a7d77}.demo-cta-actions>a:last-child{color:#087e70;font-weight:700}
.product-story{background:#fff}.story-row{padding:110px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center;overflow:hidden}.story-row:nth-child(even){background:#f5faf8}.story-row.reverse{grid-template-columns:1.28fr .72fr}.story-row.reverse .story-copy{order:2}
.story-copy h2{font:700 clamp(30px,3.5vw,47px)/1.14 Sora,Arial,sans-serif;letter-spacing:-.04em;color:#123d37;margin:14px 0 18px}.story-copy>p{color:#64756f;font-size:17px}.story-copy ul{list-style:none;padding:0;margin:24px 0 0}.story-copy li{position:relative;padding:9px 0 9px 29px;color:#40534d}.story-copy li:before{content:'✓';position:absolute;left:0;color:#079883;font-weight:800}.step-no{font:800 12px Sora;color:#078c7e;letter-spacing:.13em}
.screen-shot{margin:0;border:1px solid #dce8e4;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(18,61,55,.13)}.feature-shot{transform:rotate(.5deg)}
.shot-stack{position:relative;padding:0 0 70px 85px}.shot-stack .peek-shot{position:absolute;left:0;bottom:0;width:48%;box-shadow:0 18px 45px rgba(18,61,55,.19)}.shot-duo{display:grid;gap:20px}.shot-duo .screen-shot:nth-child(2){margin-left:62px}
.student-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.student-gallery .wide{grid-column:1/-1}.student-gallery .portrait img{aspect-ratio:1.5/1;object-fit:cover;object-position:center 42%}.student-gallery .portrait:last-child img{object-position:center 54%}
@media(max-width:900px){.learning-hero{grid-template-columns:1fr}.hero-product-shot{transform:none}.story-row,.story-row.reverse{padding:80px 22px;grid-template-columns:1fr;gap:40px}.story-row.reverse .story-copy{order:0}.shot-duo .screen-shot:nth-child(2){margin-left:30px}.demo-cta{padding:64px 22px;grid-template-columns:1fr;gap:28px}}
@media(max-width:620px){.phone-pill span{display:none}.phone-pill{font-size:11px;padding:10px}.learning-hero h1{font-size:39px}.hero-product-shot figcaption span{display:none}.story-row,.story-row.reverse{padding:64px 17px}.story-copy h2{font-size:30px}.shot-stack{padding:0 0 45px 35px}.shot-stack .peek-shot{width:57%}.shot-duo .screen-shot:nth-child(2){margin-left:0}.student-gallery{grid-template-columns:1fr}.student-gallery .wide{grid-column:auto}.student-gallery .portrait img{aspect-ratio:auto;object-fit:contain}.screen-shot figcaption{font-size:11px}}
