/* Real-product hero and the product-story sections layered on top of the base site. */
.android-notice{display:flex;width:max-content;max-width:100%;flex-direction:column;align-items:flex-start;gap:1px;margin:18px 0 17px;padding:9px 16px 8px;border:1px solid rgba(110,231,183,.48);border-radius:13px;background:rgba(6,95,70,.24);color:#fff}.android-notice strong{font-size:16px;line-height:1.2;color:#86efac;letter-spacing:.015em}.android-notice span{font-size:11px;line-height:1.35;color:rgba(255,255,255,.7)}
.cta-platform-note{margin-top:12px!important;color:#fff!important}.cta-platform-note strong{color:#fff}
.language-switcher{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #d0d5dd;border-radius:9px;background:#f2f4f7;margin-right:8px}.language-switcher button{border:0;background:transparent;color:#667085;border-radius:6px;padding:5px 7px;font-size:11px;font-weight:850;cursor:pointer}.language-switcher button.active{background:#fff;color:#101828;box-shadow:0 1px 4px rgba(16,24,40,.12)}.language-switcher button:hover{color:#e4572e}
.flow-label{display:inline-flex;max-width:100%;align-items:center;gap:12px;margin-bottom:20px;padding:10px 17px 10px 10px;border:1px solid #d9d2ff;border-radius:15px;background:linear-gradient(135deg,#fff,#f1efff);box-shadow:0 10px 24px rgba(86,61,206,.11)}.flow-label .flow-number{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;margin:0;border-radius:11px;background:#6247e8;color:#fff;font-size:14px;letter-spacing:.06em}.flow-label .eyebrow{margin:0;color:#d9461f;font-size:15px;line-height:1.25;letter-spacing:.09em}
.nav-links a{white-space:nowrap}.account-actions{flex-shrink:0}
.brand-copy{display:flex;flex-direction:column;gap:0;line-height:1.05}.brand-copy strong{font-size:17px;color:inherit}.brand-copy small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#667085;margin-top:4px}.footer-brand .brand-copy small{color:#8795a8}
.brand-logo-shell{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;background:#fff;overflow:hidden;box-shadow:0 5px 16px rgba(16,24,40,.14)}.brand-logo{width:38px;height:38px;display:block;object-fit:contain}
.hero-product{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.hero-glow{position:absolute;inset:8% 4%;z-index:-2;background:radial-gradient(circle at 50% 45%,rgba(103,72,255,.58),rgba(103,72,255,0) 68%);filter:blur(10px)}
.hero-lead{font-weight:400!important;color:#c7d0dc!important}.hero-meta{display:flex;flex-direction:column;gap:2px;margin-top:-9px;color:#8493a7;font-size:12px;line-height:1.5}
.conversion-cta{min-height:52px;padding-inline:25px;border-radius:12px}.section-conversion{display:flex;justify-content:center;margin-top:42px}.section-conversion.left{justify-content:flex-start}
.phone{margin:0;position:absolute;width:278px;border-radius:32px;padding:8px;background:#fff;box-shadow:0 35px 90px rgba(0,0,0,.42);overflow:hidden}
.phone img{width:100%;height:auto;display:block;border-radius:25px}
.phone-back{left:2%;top:7%;transform:rotate(-7deg);opacity:.72;z-index:-1}
.phone-front{right:8%;top:0;transform:rotate(3deg)}
.screen-callout{position:absolute;right:0;bottom:28px;width:260px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.55);border-radius:17px;padding:15px 17px;color:var(--ink);box-shadow:0 20px 50px rgba(0,0,0,.24);display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}
.screen-callout strong,.screen-callout small{grid-column:2;display:block}.screen-callout small{color:var(--muted);line-height:1.4;margin-top:2px}
@media(max-width:1000px){.hero-product{max-width:600px;min-height:620px}.phone-back{left:8%}.phone-front{right:12%}}
@media(max-width:620px){.hero-product{min-height:550px}.phone{width:225px}.phone-back{left:0;top:10%}.phone-front{right:0}.screen-callout{right:5%;bottom:10px;width:245px}.hero-grid{gap:20px}}

.position-section{background:#fff}.position-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:80px;align-items:center}.position-copy>p:not(.eyebrow){font-size:18px}.skill-chips{display:flex;flex-wrap:wrap;gap:9px;margin:27px 0}.skill-chips span{background:#eef2ff;border:1px solid #c7d2fe;color:#3730a3;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:800}.position-result{border-left:4px solid #6d4aff;padding:3px 0 3px 18px;color:#344054}.training-mosaic{position:relative;min-height:610px}.training-mosaic figure{position:absolute;margin:0;width:260px;background:#fff;padding:7px;border-radius:29px;box-shadow:0 30px 70px rgba(16,24,40,.18)}.training-mosaic figure img{display:block;width:100%;border-radius:23px}.training-mosaic figcaption{padding:12px 9px 8px;color:#344054;font-size:12px;line-height:1.35;font-weight:750}.training-mosaic .mosaic-main{left:3%;top:0;z-index:2}.training-mosaic figure:last-child{right:4%;top:55px;transform:rotate(5deg)}

.foundation-section{background:#0e1729;color:#b9c4d3;overflow:hidden}.foundation-section h2,.foundation-section h3{color:#fff}.foundation-section .section-heading>p:last-child{color:#aeb9c8}.foundation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.foundation-grid article{background:#17233a;border:1px solid #2b3a55;border-radius:20px;padding:20px;display:flex;flex-direction:column;min-width:0}.foundation-grid h3{font-size:19px;margin:13px 0 9px}.foundation-grid p{font-size:14px;line-height:1.55;color:#aeb9c8}.foundation-step{font-size:12px;letter-spacing:.12em;font-weight:900;color:#9c89ff}.foundation-grid figure{margin:auto 0 0;padding-top:16px}.foundation-grid img{display:block;width:100%;max-height:330px;object-fit:cover;object-position:top;border-radius:15px}.foundation-summary{max-width:760px;margin:28px auto 0;padding:19px 23px;border:1px solid #4d5d7a;background:#1b2941;border-radius:16px;display:flex;gap:11px;justify-content:center;text-align:center}.foundation-summary strong{color:#fff}.foundation-summary span{color:#bdc7d5}

.flow-section{background:#f6f7fb}.flow-section>.wrap>.section-heading{max-width:790px}.flow-story{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:64px;align-items:center;padding:64px 0;border-top:1px solid #dfe3eb}.flow-story.reverse .flow-copy{order:2}.flow-story.reverse .flow-carousel{order:1}.flow-number{display:block;color:#6d4aff;font-size:13px;font-weight:900;letter-spacing:.13em;margin-bottom:7px}.flow-copy h3{font-size:clamp(1.75rem,3vw,2.45rem);letter-spacing:-.03em;margin-bottom:18px}.flow-copy>p:not(.eyebrow){font-size:17px}.flow-copy ul{list-style:none;padding:0;margin:23px 0}.flow-copy li{position:relative;padding-left:25px;margin:9px 0;color:#475467}.flow-copy li:before{content:"✓";position:absolute;left:0;color:#059669;font-weight:900}.flow-carousel{min-width:0;position:relative;padding:0 40px}.carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,44%);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:24px 8px 32px}.carousel-track::-webkit-scrollbar{display:none}.carousel-track figure{scroll-snap-align:center;margin:0;background:#fff;border:1px solid #e1e5ec;border-radius:25px;padding:7px;box-shadow:0 20px 44px rgba(16,24,40,.12)}.carousel-track img{display:block;width:100%;border-radius:19px}.carousel-track figcaption{padding:13px 10px 10px;color:#344054;font-size:12px;line-height:1.4}.carousel-track figcaption b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ece9ff;color:#5539d7;margin-right:6px}.carousel-arrow{position:absolute;z-index:3;top:43%;width:43px;height:43px;border-radius:50%;border:1px solid #d0d5dd;background:#fff;color:#344054;box-shadow:0 9px 20px rgba(16,24,40,.12);cursor:pointer;font-size:20px}.carousel-arrow.previous{left:0}.carousel-arrow.next{right:0}.carousel-arrow:disabled{opacity:.35;cursor:default}

.app-tour-section{background:#fff}.app-tour-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.tour-visual{min-height:650px;position:relative}.tour-phone{position:absolute;width:290px;margin:0;background:#f4f6fb;border:1px solid #e0e5ef;padding:8px;border-radius:31px;box-shadow:0 28px 64px rgba(16,24,40,.17);left:0;top:0;transform:rotate(-4deg)}.tour-phone.second{left:auto;right:0;top:45px;transform:rotate(5deg)}.tour-phone img{width:100%;display:block;border-radius:24px}.tour-copy>p:not(.eyebrow){font-size:18px}.tour-points{margin-top:26px;border-top:1px solid #e4e7ec}.tour-points div{padding:16px 0;border-bottom:1px solid #e4e7ec}.tour-points strong,.tour-points span{display:block}.tour-points strong{color:#101828}.tour-points span{color:#667085;font-size:14px;margin-top:3px}

.quick-cta{padding-top:0;background:#f7f8fa}.quick-cta-card{background:linear-gradient(135deg,#5b3ee4,#794dff);border-radius:28px;padding:48px 55px;display:flex;align-items:center;justify-content:space-between;gap:40px;color:#ded9ff;box-shadow:0 25px 60px rgba(91,62,228,.22)}.quick-cta h2{color:#fff;font-size:clamp(2rem,4vw,3rem);margin-bottom:14px}.quick-cta p:last-child{margin:0}.quick-cta .btn{white-space:nowrap}.download-box{padding:18px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:13px;margin-bottom:13px}.download-box strong{display:block;color:#1e1b4b}.download-box p{font-size:13px;line-height:1.45;margin:5px 0 13px}.download-box small{display:block;text-align:center;color:#667085;margin-top:9px}

@media(max-width:1100px){.foundation-grid{grid-template-columns:repeat(2,1fr)}.position-grid,.app-tour-grid{grid-template-columns:1fr}.training-mosaic,.tour-visual{max-width:650px}.flow-story{grid-template-columns:1fr;gap:20px}.flow-story.reverse .flow-copy,.flow-story.reverse .flow-carousel{order:initial}}
@media(max-width:1250px) and (min-width:761px){.nav{height:auto;min-height:74px;flex-wrap:wrap;padding:10px 0;gap:10px 24px}.nav-links{order:3;width:100%;margin-left:0;justify-content:center;gap:32px;padding-top:8px;border-top:1px solid #e4e7ec}.account-actions{margin-left:auto}}
@media(max-width:700px){.position-grid{gap:35px}.training-mosaic{min-height:480px}.training-mosaic figure{width:205px}.foundation-grid{grid-template-columns:1fr}.foundation-grid article{display:grid;grid-template-columns:1fr 130px;column-gap:15px}.foundation-grid article>div{grid-column:1}.foundation-grid figure{grid-column:2;grid-row:1/3;padding:0}.foundation-grid img{height:210px}.foundation-summary{display:block}.foundation-summary strong,.foundation-summary span{display:block}.flow-story{padding:48px 0}.flow-carousel{padding:0 30px}.carousel-track{grid-auto-columns:78%;gap:12px}.carousel-arrow{width:38px;height:38px}.tour-visual{min-height:520px}.tour-phone{width:220px}.quick-cta-card{padding:36px 25px;align-items:flex-start;flex-direction:column}.quick-cta .btn{width:100%}}
@media(max-width:760px){.nav{height:auto;min-height:68px;flex-wrap:wrap;padding:8px 0}.account-actions{width:100%;margin-left:0;display:grid;grid-template-columns:auto 1fr 1fr;gap:6px}.language-switcher{margin:0}.language-switcher button{padding:5px 8px}}
@media(max-width:430px){.brand-copy strong{font-size:14px}.brand-copy small{font-size:8px}.brand span:last-child{display:flex}.training-mosaic figure{width:180px}.training-mosaic{min-height:430px}.foundation-grid article{display:block}.foundation-grid figure{padding-top:12px}.foundation-grid img{height:260px}.carousel-track{grid-auto-columns:88%}.tour-phone{width:185px}.tour-visual{min-height:440px}}

/* Concise training benefits and native-speech listening story. */
.foundation-grid{grid-template-columns:repeat(5,1fr)}
.listening-section{background:#fff}
.listening-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center}
.listening-copy>p:not(.eyebrow){font-size:18px}
.listening-result{margin-top:26px;padding:18px 20px;border-left:4px solid #6d4aff;background:#f3f1ff;border-radius:0 14px 14px 0;display:grid;gap:4px;color:#344054}
.listening-visuals{position:relative;min-height:610px}
.listening-visuals figure{position:absolute;margin:0;width:285px;background:#fff;padding:7px;border-radius:29px;box-shadow:0 30px 70px rgba(16,24,40,.18)}
.listening-visuals figure:first-child{left:2%;top:25px;transform:rotate(-3deg)}
.listening-visuals figure:last-child{right:2%;top:0;z-index:2}
.listening-visuals img{display:block;width:100%;border-radius:23px}
.listening-visuals figcaption{padding:12px 9px 8px;color:#344054;font-size:12px;line-height:1.35;font-weight:750}
@media(max-width:1100px){.foundation-grid{grid-template-columns:repeat(2,1fr)}.listening-grid{grid-template-columns:1fr}.listening-visuals{max-width:650px}}
@media(max-width:700px){.foundation-grid{grid-template-columns:1fr}.listening-grid{gap:30px}.listening-visuals{min-height:500px}.listening-visuals figure{width:215px}}
@media(max-width:430px){.listening-visuals{min-height:440px}.listening-visuals figure{width:185px}}
.plan li.unavailable::before{content:"×";color:#dc2626;font-size:18px;line-height:1}

/* The navigation belongs to the product hero, not to a separate white site bar. */
.nav-shell{background:#0c1424;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:none;color:#fff}
.nav-shell .brand,.nav-shell .brand-copy strong{color:#fff}
.nav-shell .brand-copy small{color:#aeb9c8}
.nav-shell .nav-links a{color:#c7d0dc}
.nav-shell .nav-links a:hover{color:#ff9b79}
.nav-shell .btn-quiet{background:transparent;border-color:rgba(255,255,255,.38);color:#fff}
.nav-shell .language-switcher{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08)}
.nav-shell .language-switcher button{color:#b8c3d2}
.nav-shell .language-switcher button.active{background:#fff;color:#101828}
.nav-shell .language-switcher button:hover{color:#ff9b79}
.nav-shell+.hero,.nav-shell+main .hero{border-top:0}
@media(max-width:1250px) and (min-width:761px){.nav-shell .nav-links{border-top-color:rgba(255,255,255,.12)}}

/* Mobile: the navigation must scroll away with the page instead of covering
   content, and the five foundation screenshots must remain fully visible. */
.foundation-grid img{height:auto;max-height:none;object-fit:contain;object-position:center top}
.foundation-grid h3{font-size:clamp(22px,1.5vw,26px);line-height:1.08;font-weight:850}
.foundation-grid p{font-size:16px}
.availability-dialog{text-align:center}
.availability-dialog .availability-icon{width:58px;height:58px;margin:3px auto 17px;border-radius:50%;display:grid;place-items:center;background:#fff1eb;color:#c2410c;font-size:30px;font-weight:900}
.availability-dialog h2{font-size:27px;margin-bottom:12px}
.availability-dialog p{color:#475467;margin-bottom:22px}
@media(max-width:760px){
  .nav-shell{position:static;top:auto}
}
@media(max-width:700px){
  .foundation-grid h3{font-size:27px;line-height:1.08}
  .foundation-grid p{font-size:17px}
  .foundation-grid article{display:flex;flex-direction:column}
  .foundation-grid article>div,.foundation-grid figure{grid-column:auto;grid-row:auto}
  .foundation-grid figure{width:100%;padding-top:16px}
  .foundation-grid img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center top}
}