@font-face{font-family:Manrope;src:url('/assets/manrope.woff') format('woff');font-display:swap;font-weight:200 800}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f5f8f7;color:#123d48;font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #b56a26;outline-offset:6px}::selection{background:#9de4cd;color:#123d48}.wrap{max-width:1240px;width:calc(100% - 96px);margin-inline:auto}.skip{position:fixed;top:-100px;z-index:99;background:white;padding:12px}.skip:focus{top:10px}.masthead{position:sticky;top:0;background:#f5f8f7f2;backdrop-filter:blur(16px);z-index:30;border-bottom:1px solid #123d4815}.mast-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;line-height:1.2;letter-spacing:-.7px}.wordmark img{border-radius:11px}.wordmark-sub{display:block;font-size:9px;letter-spacing:2.2px;font-weight:600;margin-top:5px}.desktop-links{display:flex;gap:32px;font-size:13px;font-weight:700}.desktop-links a:hover,.text-link:hover{color:#a15927}.header-end{display:flex;align-items:center;gap:20px}.language{font-size:12px;border:1px solid #123d4840;padding:8px 12px;border-radius:30px}.mobile-menu{display:none}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:36px;padding-top:72px;padding-bottom:70px;min-height:760px;align-items:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;margin:0 0 24px;text-transform:uppercase}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#57816d;margin-right:10px;vertical-align:1px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.85vw,70px);letter-spacing:-3.6px;line-height:1.09;margin-bottom:28px;font-weight:650}h1 em{font-family:Georgia,serif;font-weight:400;color:#258270;letter-spacing:-2px}h2{font-size:clamp(36px,3.7vw,52px);line-height:1.15;font-weight:600;letter-spacing:-2px;margin-bottom:25px}h3{letter-spacing:-.5px;line-height:1.3}.hero-lead{max-width:490px;color:#596761;font-size:17px;line-height:1.85}.actions{display:flex;align-items:center;gap:24px;margin:32px 0 20px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:#123e49;color:#fff;padding:16px 23px;border-radius:5px;font-size:12px;font-weight:750;transition:background .2s,transform .2s}.btn:hover{background:#2c5c50;transform:translateY(-2px)}.btn span{font-size:20px;line-height:1}.text-link{display:inline-block;font-size:12px;font-weight:750;border-bottom:1px solid #123d4870;padding-bottom:4px}.release-note{font-size:10px;color:#64716a}.hero-proof{display:flex;flex-wrap:wrap;gap:23px;margin-top:35px;font-size:10px;font-weight:700}.hero-proof span:before{content:'✓';color:#688657;margin-right:7px}.hero-art{position:relative;min-height:586px;display:flex;align-items:center;justify-content:center}.orb{position:absolute;width:490px;max-width:108%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#def5ed,#bfe5d8 65%,#83bdaf);box-shadow:inset 0 0 70px #ffffff60;top:40px;right:-10px}.orb:after{content:'';position:absolute;inset:25px;border-radius:50%;border:1px solid #ffffff70}.script-mark{position:absolute;right:4%;top:22px;font:210px Georgia,serif;color:#617d5660;transform:rotate(12deg)}.hero-phone{position:relative;width:238px;margin:0;transform:rotate(7deg);border:7px solid #12231f;border-radius:36px;background:#12231f;box-shadow:20px 28px 45px #34423540;overflow:hidden}.hero-phone img{width:100%;height:auto}.floating-note{position:absolute;display:flex;align-items:center;gap:12px;padding:17px 20px;background:#fffdf7;border:1px solid #d8ddd0;box-shadow:0 10px 30px #244b3612;border-radius:9px;z-index:2;font-size:10px;line-height:1.7}.floating-note strong{display:block;font-size:12px}.note-top{top:65px;left:-6px;transform:rotate(-5deg)}.little-star{font-size:34px;color:#358575}.note-bottom{bottom:53px;right:-4px;transform:rotate(-4deg)}.note-check{border-radius:50%;background:#d1efe5;width:32px;height:32px;text-align:center;line-height:32px}.art-caption{position:absolute;bottom:3px;left:30%;font-size:8px;letter-spacing:2px;color:#667660}.benefit-strip{border-block:1px solid #123d4826;background:#e8f1ee}.benefit-strip>.wrap{display:flex;justify-content:space-between;gap:20px;padding-block:22px}.benefit-strip span{font-size:12px;font-weight:600}.benefit-strip span:before{content:'✳';margin-right:16px;color:#7b895e}.section{padding-block:108px}.section-head{max-width:690px;margin-bottom:48px}.section-head>p:last-child{color:#626e66;max-width:570px}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.hello-card{background:#d7eee7;border-radius:8px;padding:33px 38px;min-height:390px;display:flex;flex-direction:column;position:relative;overflow:hidden}.hello-card:before{content:'';position:absolute;width:500px;height:500px;border:1px solid #8f9f7370;left:-60px;top:-50px;border-radius:50%}.hello-card:after{content:'';position:absolute;width:390px;height:390px;border:1px solid #8f9f7340;left:-5px;top:5px;border-radius:50%}.card-kicker{font-size:9px;letter-spacing:1.5px;z-index:1}.hello-script{font-family:Georgia,serif;font-size:132px;line-height:1.6;text-align:center;flex:1;z-index:1}.hello-bottom{display:flex;justify-content:space-between;align-items:center;z-index:1;border-top:1px solid #123d4830;padding-top:16px;font-size:22px}.hello-bottom>span:first-child{font-family:Georgia,serif;font-style:italic}.feature-stack article{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid #123d4820}.feature-stack article:first-child{padding-top:0}.feature-stack article:last-child{border:0;padding-bottom:0}.feature-number{font-size:10px;font-weight:700;color:#258270;padding-top:5px}.feature-stack h3{font-size:20px;margin-bottom:12px}.feature-stack p{font-size:13px;color:#637168;margin:0}.journey{background:#102b39;color:#f8f7ef;position:relative;overflow:hidden}.journey-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:end}.journey-heading>p{color:#b9ccc1;font-size:14px;max-width:360px}.journey .eyebrow{color:#a1ecda}.level-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:35px 0 0}.level-tabs a{border-top:1px solid #ffffff40;padding:18px 8px 20px;transition:background .2s}.level-tabs a span{display:block;font-size:22px}.level-tabs a small{display:block;font-size:10px;color:#c4d2c9;line-height:1.5;margin-top:7px}.level-tabs a[aria-selected=true],.level-tabs a:hover{border-color:#d4e6b7;background:#ffffff0d}.level-tabs a[aria-selected=true] span{color:#a1ecda}.level-panel{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:60px 25px 0;scroll-margin-top:130px}.level-panel[hidden]{display:none}.level-copy{max-width:475px}.level-copy h3{font-size:42px;font-weight:600;letter-spacing:-1.5px;margin-bottom:20px}.level-copy>p{color:#b9ccc1;font-size:13px}.level-copy .panel-lead{font-size:18px;color:#f5f6e9}.panel-price{display:flex;gap:15px;align-items:center;border-top:1px solid #ffffff25;padding-top:24px;margin:28px 0 20px}.panel-price strong{white-space:nowrap;font-size:22px}.panel-price span{font-size:10px;max-width:180px;color:#b9ccc1}.btn-light{background:#a1ecda;color:#193e34}.btn-light:hover{background:#c2f5e7}.level-copy .small{font-size:10px;margin-top:15px}.level-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0 0 5px;background:radial-gradient(ellipse,#71966830,transparent 70%)}.level-visual img{width:232px;position:relative;border:6px solid #102c28;border-radius:28px;box-shadow:20px 24px 40px #0003}.level-visual figcaption{font-size:9px;margin-top:18px;color:#bacbbf}.level-watermark{position:absolute;font-size:220px;line-height:1;font-weight:800;color:#ffffff06;right:-20px;top:80px;transform:rotate(90deg)}.rhythm{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;align-items:center}.rhythm>div>p:not(.eyebrow){font-size:14px;color:#626e66;max-width:360px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.benefit-grid article{background:#eaf2ef;border:1px solid #dde0d3;padding:25px;border-radius:7px}.benefit-grid article>span{font-size:30px;color:#8d643a;line-height:1;display:block;margin-bottom:30px}.benefit-grid h3{font-size:16px}.benefit-grid p{font-size:12px;color:#626e66;margin-bottom:0}.pricing{background:#e6f0ed}.price-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.price-card{display:flex;flex-direction:column;background:#f9f8f1;border-radius:7px;padding:24px 20px;border:1px solid #d4d9c5;transition:transform .2s,box-shadow .2s}.price-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #123e4910}.price-band{font-size:12px;width:36px;height:36px;border-radius:50%;background:#d8eee6;display:flex;align-items:center;justify-content:center;font-weight:750;margin-bottom:22px}.price-card h3{font-size:16px;min-height:64px}.amount{font-size:31px;letter-spacing:-1px;font-weight:650;white-space:nowrap}.amount small{font-size:10px;letter-spacing:0}.small{font-size:11px}.price-bottom{border-top:1px solid #d9dfcf;padding-top:20px;margin-top:24px;font-size:10px;font-weight:700}.price-disclaimer{font-size:11px;color:#5e6d5d;max-width:810px;margin:26px 0 0}.faq-section{display:grid;grid-template-columns:1fr 1.7fr;gap:90px}.faq-list details{border-bottom:1px solid #123d4830}.faq-list summary{list-style:none;cursor:pointer;font-size:15px;font-weight:650;padding:23px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:25px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:13px;color:#637168;padding:0 25px 15px 0;max-width:620px}.closing{background:#123e49;color:#f5f8f7;text-align:center;padding:80px 0;position:relative;overflow:hidden}.closing:before,.closing:after{content:'';position:absolute;border:1px solid #c7d9ad20;width:600px;height:600px;border-radius:50%;top:60px;left:-400px;pointer-events:none}.closing:after{left:auto;right:-400px;top:-150px}.closing-inner{position:relative}.closing img{border-radius:20px;margin:0 auto 28px}.closing .eyebrow{color:#a1ecda;margin-bottom:16px}.closing h2{font-size:48px}.closing p:not(.eyebrow){font-size:14px;color:#b9ccc1}.closing .small{display:block;margin-top:18px;color:#bfd1c4;font-size:10px}.site-footer{padding-block:42px 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:35px}.footer-top p{font-size:12px;margin:0;color:#637168}.footer-top>a:last-child{font-size:12px}.footer-bottom{border-top:1px solid #123d4820;padding-top:22px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#637168}.footer-bottom nav{display:flex;gap:24px}.footer-bottom a:hover{text-decoration:underline}@media(min-width:1500px){.hero{padding-block:95px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:20px}h1{font-size:53px}.hero-phone{width:214px}.hero-art{min-height:540px}.orb{width:410px;top:60px}.note-top{left:-10px}.note-bottom{right:-7px}.floating-note{padding:12px;font-size:9px}.floating-note strong{font-size:10px}.experience-grid,.rhythm,.faq-section{gap:40px}.level-panel{gap:35px}.price-card{padding:20px 15px}.price-card h3{font-size:14px}.amount{font-size:28px}.desktop-links{gap:20px}}
@media(max-width:780px){.wrap{width:calc(100% - 40px)}.mast-inner{height:72px}.wordmark{font-size:20px}.wordmark img{width:35px}.desktop-links{display:none}.mobile-menu{display:block;font-size:12px}.mobile-menu summary{cursor:pointer;list-style:none;padding:8px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;top:71px;left:0;right:0;background:#f5f8f7;border-bottom:1px solid #c6cfbe;padding:20px;box-shadow:0 10px 20px #123d4810}.mobile-menu nav a{display:block;padding:12px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:42px;gap:10px}.hero-copy{max-width:610px}.hero .eyebrow{font-size:9px;margin-bottom:24px}h1{font-size:clamp(43px,8.5vw,62px);letter-spacing:-2.5px}.hero-lead{font-size:15px;max-width:530px}.actions{margin-top:25px;gap:20px}.release-note{font-size:9px}.hero-proof{gap:16px;margin-top:26px;font-size:9px}.hero-art{min-height:535px;max-width:470px;width:100%;margin:auto}.hero-phone{width:210px}.orb{width:410px;max-width:100%;right:0;top:65px}.note-top{left:0;top:75px}.note-bottom{right:0;bottom:60px}.art-caption{left:30%;bottom:10px}.benefit-strip>.wrap{flex-wrap:wrap;justify-content:center;gap:10px 25px;padding-block:18px}.benefit-strip span{font-size:10px}.benefit-strip span:before{margin-right:8px}.section{padding-block:70px}h2{font-size:38px;letter-spacing:-1.7px}.section-head{margin-bottom:32px}.section-head>p:last-child{font-size:14px}.experience-grid{grid-template-columns:1fr;gap:38px}.hello-card{min-height:330px;padding:28px}.hello-script{font-size:120px}.feature-stack h3{font-size:18px}.journey-heading{grid-template-columns:1fr;gap:0}.journey-heading>p{max-width:100%}.level-tabs{gap:6px;margin-top:25px}.level-tabs a{padding:15px 5px}.level-tabs a span{font-size:20px}.level-tabs a small{font-size:8px}.level-panel{grid-template-columns:1fr;padding:35px 0 0;gap:32px}.level-copy{max-width:100%}.level-copy h3{font-size:33px}.level-copy .panel-lead{font-size:17px}.level-visual{padding:10px 0}.level-visual img{width:220px}.level-watermark{right:0;font-size:210px}.rhythm,.faq-section{grid-template-columns:1fr;gap:35px}.benefit-grid{gap:12px}.benefit-grid article{padding:22px}.price-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.price-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.price-card:last-child .price-band{grid-row:1;grid-column:1}.price-card:last-child h3{grid-row:2/4;grid-column:1;min-height:0}.price-card:last-child .amount{grid-row:1;grid-column:2}.price-card:last-child>.small{grid-row:2;grid-column:2}.price-card:last-child .price-bottom{grid-column:2;margin-top:10px;padding-top:12px}.price-card h3{font-size:17px;min-height:48px}.amount{font-size:32px}.faq-section h2 br{display:none}.faq-list summary{font-size:14px}.closing{padding-block:65px}.closing h2{font-size:39px}.footer-top{align-items:flex-start;flex-direction:column;gap:18px}.footer-bottom{flex-wrap:wrap;font-size:10px}.footer-bottom nav{flex-wrap:wrap;gap:12px 22px}.header-end{gap:8px}}@media(max-width:370px){.wrap{width:calc(100% - 32px)}h1{font-size:39px}.hero-proof{gap:10px}.hero-art{min-height:510px}.note-bottom{bottom:40px}.floating-note{padding:10px}.hero-phone{width:192px}.level-tabs a small{font-size:7px}.benefit-grid article{padding:17px}.price-card{padding:18px 12px}.price-card h3{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media print{.masthead,.hero-art,.closing,.level-tabs{display:none}.level-panel[hidden]{display:grid}.journey{background:white;color:black}.section{padding-block:20px}.level-copy>p{color:black}a{color:black}}

.book-icon{width:20px;height:20px;flex:none;vertical-align:middle}.guide-link{display:inline-flex;align-items:center;gap:8px}.appearance-toggle{border:1px solid #123d4840;background:transparent;color:inherit;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;cursor:pointer}.appearance-toggle svg{width:21px;height:21px}.appearance-toggle:focus-visible{outline:3px solid #258270;outline-offset:4px}.demo-note{padding-top:20px;margin-top:24px;border-top:1px solid #ffffff30}.platforms{background:#e6f0ed}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.store-grid article{padding:30px 22px;background:#f7faf8;border:1px solid #cbded6;border-radius:8px;display:flex;gap:18px;align-items:center}.store-symbol{width:38px;flex:none;font-size:40px;line-height:1}.store-grid small{font-size:10px;color:#587067}.store-grid h3{font-size:18px;margin:5px 0 10px}.store-grid p,.platform-note{font-size:11px;color:#587067;margin-bottom:0}.platform-note{margin-top:24px}.hero-phone{border-radius:30px}.hero-proof{gap:20px}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{background:#102331;color:#f3f6ef}html[data-theme=dark] .masthead{background:#102331f2;border-color:#365161}html[data-theme=dark] .language,html[data-theme=dark] .appearance-toggle{border-color:#56707b}html[data-theme=dark] .hero-lead,html[data-theme=dark] .release-note,html[data-theme=dark] .section-head>p:last-child,html[data-theme=dark] .feature-stack p,html[data-theme=dark] .rhythm>div>p:not(.eyebrow),html[data-theme=dark] .benefit-grid p,html[data-theme=dark] .faq-list p,html[data-theme=dark] .footer-top p,html[data-theme=dark] .footer-bottom{color:#b5c7cb}html[data-theme=dark] h1 em{color:#81d5bd}html[data-theme=dark] .text-link{border-color:#81d5bd;color:#b5e8d7}html[data-theme=dark] .benefit-strip{background:#183746;border-color:#355362}html[data-theme=dark] .benefit-strip span:before{color:#9edfca}html[data-theme=dark] .hero .btn{background:#a1ecda;color:#11333b}html[data-theme=dark] .floating-note{background:#1b3b4c;border-color:#557569;color:#e8f4ed}html[data-theme=dark] .little-star{color:#a1ecda}html[data-theme=dark] .note-check{color:#133b40}html[data-theme=dark] .orb{background:radial-gradient(circle at 30% 30%,#335f59,#244a46 65%,#163730);box-shadow:inset 0 0 70px #193e3b60}html[data-theme=dark] .orb:after{border-color:#7eaea130}html[data-theme=dark] .script-mark{color:#9fcfb780}html[data-theme=dark] .art-caption{color:#b8cfc0}html[data-theme=dark] .hello-card{background:#1a4149;color:#c5f2df}html[data-theme=dark] .hello-card:before,html[data-theme=dark] .hello-card:after{border-color:#64928440}html[data-theme=dark] .hello-bottom,html[data-theme=dark] .feature-stack article,html[data-theme=dark] .faq-list details,html[data-theme=dark] .footer-bottom{border-color:#375461}html[data-theme=dark] .feature-number{color:#a1ecda}html[data-theme=dark] .journey,html[data-theme=dark] .closing{background:#09202c}html[data-theme=dark] .benefit-grid article{background:#193849;border-color:#355565}html[data-theme=dark] .benefit-grid article>span{color:#a1ecda}html[data-theme=dark] .platforms{background:#183542}html[data-theme=dark] .store-grid article{background:#102b39;border-color:#395767}html[data-theme=dark] .store-grid small,html[data-theme=dark] .store-grid p,html[data-theme=dark] .platform-note{color:#bbcecb}html[data-theme=dark] .mobile-menu nav{background:#102331;border-color:#486775}html[data-theme=dark] .desktop-links a:hover{color:#a1ecda}@media(max-width:1000px){.store-grid{gap:12px}.store-grid article{padding:22px 15px;gap:12px}.store-grid h3{font-size:15px}.store-symbol{width:30px}}@media(max-width:780px){.store-grid{grid-template-columns:1fr}.store-grid article{padding:24px;gap:22px}.store-grid h3{font-size:20px}.store-symbol{width:38px}.wordmark-sub{font-size:8px}.header-end{gap:6px}.hero-proof{gap:15px}.art-caption{left:20%}}
.wordmark{white-space:nowrap;flex-shrink:0}.header-end{flex-shrink:0}@media(max-width:370px){.mast-inner{gap:8px}.wordmark{font-size:16px;gap:8px}.wordmark img{width:30px}.wordmark-sub{font-size:7px;letter-spacing:1.5px}.language{padding:6px 8px;font-size:10px}.appearance-toggle{width:30px;height:30px}.mobile-menu summary{padding:6px 0;font-size:10px}.header-end{gap:5px}} 
@media(max-width:370px){.script-mark{right:9%}}

.language-flags{display:flex;align-items:center;gap:3px}.language-flags a{display:flex;align-items:center;justify-content:center;min-height:40px;width:38px;border:1px solid transparent;border-radius:7px}.language-flags img{width:26px;height:18px;object-fit:cover;border-radius:2px}.language-flags a[aria-current=page]{background:#d8eee6;border-color:#739c91}.language-flags a:hover{border-color:#739c91}html[data-theme=dark] .language-flags a[aria-current=page]{background:#234a50;border-color:#81d5bd}@media(max-width:370px){.language-flags{gap:1px}.language-flags a{width:30px;min-height:36px}.language-flags img{width:23px;height:16px}}

.language-dropdown{position:relative}.language-dropdown summary{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #739c9160;border-radius:8px;cursor:pointer;list-style:none;min-height:40px}.language-dropdown summary::-webkit-details-marker{display:none}.language-dropdown summary img{width:26px;height:18px;object-fit:cover;border-radius:2px}.language-dropdown summary span{font-size:16px;line-height:1}.language-dropdown[open] summary span{transform:rotate(180deg)}.language-dropdown .language-flags{position:absolute;top:calc(100% + 9px);right:0;padding:7px;gap:5px;border:1px solid #739c9160;border-radius:10px;background:#f5f8f7;box-shadow:0 8px 24px #10233120;z-index:40}.language-dropdown:not([open]) .language-flags{display:none}html[data-theme=dark] .language-dropdown .language-flags{background:#193849;border-color:#55707b}@media(max-width:370px){.language-dropdown summary{padding:6px 7px;gap:5px;min-height:36px}.language-dropdown summary img{width:23px;height:16px}}

/* Conventional menu button on every screen size. */
.desktop-links{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #123d4840;border-radius:10px;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.hamburger-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.hamburger-icon path{transform-origin:12px 12px;transition:transform .18s,opacity .18s}.mobile-menu[open] .hamburger-icon path:first-child{transform:translateY(6px) rotate(45deg);transform-origin:12px 6px}.mobile-menu[open] .hamburger-icon path:nth-child(2){opacity:0}.mobile-menu[open] .hamburger-icon path:last-child{transform:translateY(-6px) rotate(-45deg);transform-origin:12px 18px}.mobile-menu nav{position:absolute;top:calc(100% + 16px);right:0;left:auto;width:min(320px,calc(100vw - 32px));padding:12px;background:#f5f8f7;border:1px solid #c6cfbe;border-radius:14px;box-shadow:0 16px 40px #0003}.mobile-menu nav a{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:8px;font-size:14px}.mobile-menu nav a:hover{background:#25827018}html[data-theme=dark] .mobile-menu summary{border-color:#56707b}html[data-theme=dark] .mobile-menu nav a:hover{background:#a1ecda18}

/* iPhone + iPad: real app views, with a quiet, optional alphabet animation. */
.hero{grid-template-columns:1fr 1.08fr;gap:42px}.hero-copy{position:relative;z-index:1}.hero-devices{height:660px;min-height:0;isolation:isolate;display:block}.hero-devices .orb{width:520px;top:95px;right:-15px}.device-heading{position:relative;z-index:2;padding:0 0 0 20px}.device-heading .eyebrow{margin-bottom:8px;color:#258270;letter-spacing:2.5px}.device-heading p{font-size:17px;line-height:1.55;margin:0}.device-heading strong{font-size:22px;font-weight:600;letter-spacing:-.6px}.hero-tablet{position:absolute;top:122px;left:0;width:66%;margin:0;z-index:2;transform:rotate(-5deg)}.tablet-preview{display:block;position:relative;padding:12px;border:1px solid #78928e;background:linear-gradient(140deg,#334a52,#091419 50%,#273c43);border-radius:24px;box-shadow:15px 24px 50px #05151d55,0 0 0 1px #07131b;width:100%;color:#fff}.tablet-preview:before{content:'';position:absolute;width:4px;height:4px;left:50%;top:4px;background:#809897;border-radius:50%}.tablet-preview img{width:100%;border-radius:12px;aspect-ratio:1112/834;object-fit:contain}.preview-zoom{position:absolute;right:22px;top:22px;width:30px;height:30px;display:grid;place-items:center;background:#102331dd;border:1px solid #83b6a980;border-radius:50%;font-size:18px;transition:transform .2s}.tablet-preview:hover .preview-zoom{transform:scale(1.12)}.hero-tablet figcaption{font-size:11px;font-weight:700;letter-spacing:.6px;text-align:center;padding-top:14px}.hero-devices .hero-phone{position:absolute;width:29%;right:0;top:249px;transform:rotate(8deg);border-width:5px;border-radius:24px;z-index:3;overflow:visible;box-shadow:12px 22px 32px #07141d55}.hero-devices .hero-phone img{border-radius:18px}.hero-devices .hero-phone figcaption{position:absolute;bottom:-35px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:1px;font-weight:700}.device-caption{position:absolute;bottom:0;left:0;right:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px}.rain-toggle{display:flex;align-items:center;gap:7px;border:0;border-bottom:1px solid #58766b70;padding:9px 0;background:transparent;color:inherit;font-size:10px;cursor:pointer}.rain-toggle[hidden]{display:none}.rain-toggle-symbol{font-size:13px;width:13px}.rain-toggle:focus-visible{outline:3px solid #53bda1;outline-offset:4px}.letter-rain{position:absolute;inset:-25px -25px 24px;overflow:hidden;pointer-events:none;z-index:1;-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent);mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent);--rain-opacity:.32}.letter-rain span{position:absolute;left:var(--x);top:-70px;font-family:Tahoma,'Geeza Pro',serif;font-size:var(--size);line-height:1.5;color:#2e8876;opacity:0;animation:letter-fall var(--duration) linear var(--delay) infinite;animation-play-state:paused}.hero-devices[data-rain=running] .letter-rain span{animation-play-state:running}@keyframes letter-fall{0%{transform:translate3d(0,0,0) rotate(-8deg);opacity:0}12%,80%{opacity:var(--rain-opacity)}100%{transform:translate3d(var(--drift),780px,0) rotate(12deg);opacity:0}}html[data-theme=dark] .device-heading .eyebrow{color:#a1ecda}html[data-theme=dark] .letter-rain{--rain-opacity:.38}html[data-theme=dark] .letter-rain span{color:#9be2d1}.device-dialog{width:min(900px,calc(100% - 32px));max-height:90dvh;border:1px solid #58786f;border-radius:20px;background:#f5f8f7;color:#123d48;padding:24px;box-shadow:0 30px 100px #0008}.device-dialog::backdrop{background:#06121ad9;backdrop-filter:blur(6px)}.device-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px}.device-dialog h2{font-size:22px;margin:0;letter-spacing:-.5px}.device-dialog p{font-size:13px;margin:15px 0 20px}.device-dialog-close{border:1px solid #78928e;background:transparent;color:inherit;border-radius:50%;width:44px;height:44px;flex:none;font-size:27px;cursor:pointer}.device-dialog img{width:min(100%,620px);height:auto;margin:auto;border-radius:12px}.device-dialog-close:focus-visible{outline:3px solid #53bda1;outline-offset:3px}html:has(.device-dialog[open]){overflow:hidden}html[data-theme=dark] .device-dialog{background:#102331;color:#f3f6ef}
@media(min-width:1250px){.hero{gap:52px}.hero-devices{height:740px}.hero-tablet{top:135px}.hero-devices .hero-phone{top:285px}.hero-devices .orb{top:145px}}
@media(min-width:781px) and (max-width:1000px){.hero{grid-template-columns:1fr;gap:30px;padding-top:48px}.hero-copy{max-width:700px}.hero-devices{width:570px;max-width:100%;height:740px;margin:auto}.hero-tablet{top:120px}.hero-devices .hero-phone{top:265px}}
@media(max-width:780px){.hero{grid-template-columns:1fr;gap:45px}.hero-devices{max-width:530px;height:auto;aspect-ratio:530/690;min-height:0}.device-heading{padding-left:6px}.device-heading .eyebrow{font-size:10px}.device-heading p{font-size:14px}.device-heading strong{font-size:19px}.hero-tablet{top:20%;width:72%}.hero-devices .hero-phone{top:40%;width:29%}.hero-devices .orb{top:18%;right:0;max-width:100%}.hero-tablet figcaption,.hero-devices .hero-phone figcaption{font-size:10px}.device-caption{font-size:10px;flex-wrap:wrap;gap:4px}.letter-rain{inset:-20px -10px 30px}.tablet-preview{padding:9px;border-radius:20px}.tablet-preview img{border-radius:11px}.preview-zoom{right:15px;top:15px;width:26px;height:26px}.hero-devices .hero-phone{border-radius:18px;border-width:4px}.hero-devices .hero-phone img{border-radius:13px}.rain-toggle{font-size:10px}.device-dialog{padding:18px}.device-dialog h2{font-size:18px}.device-dialog p{font-size:12px}}
@media(max-width:420px){.hero-devices{aspect-ratio:360/540}.hero-tablet{top:23%}.hero-devices .hero-phone{top:40%}.hero-tablet figcaption{font-size:9px}.device-heading strong{font-size:18px}.device-caption{align-items:flex-start;flex-direction:column}.hero-devices .hero-phone figcaption{bottom:-28px}.rain-toggle{padding:5px 0}.letter-rain span:nth-child(3n){display:none}}
@media(prefers-reduced-motion:reduce){
.letter-rain span{top:var(--rest-y,40%);opacity:var(--rain-opacity);animation:none!important}
.hero-devices[data-motion-opt-in=true] .letter-rain span{top:-70px;animation:letter-fall var(--duration) linear var(--delay) infinite!important;animation-play-state:paused!important}
.hero-devices[data-motion-opt-in=true][data-rain=running] .letter-rain span{animation-play-state:running!important}
.preview-zoom{transition:none}
}
@media(max-width:420px){.hero-devices{margin-bottom:36px}.device-caption{bottom:-34px}}
/* Keep the motion controls below the rotated device captions at every width. */
.hero-devices{margin-bottom:64px}.device-caption{bottom:-56px}

/* Landscape tablet keeps the application sidebar visible beside the learning content. */
.hero-tablet{width:88%}.hero-devices .hero-phone{width:27%;top:44%}
@media(max-width:780px){.hero-tablet{width:92%}.hero-devices .hero-phone{width:27%;top:49%}}

/* Every level shows its own tablet and phone, using the real application views. */
.level-panel{grid-template-columns:1fr 1.18fr;gap:52px}
.level-visual.level-devices{display:block;width:100%;max-width:620px;aspect-ratio:1/1;margin-inline:auto;padding:0;isolation:isolate}
.level-tablet{position:absolute;left:0;top:8%;width:90%;padding:10px;border:1px solid #78928e;border-radius:22px;background:linear-gradient(140deg,#334a52,#091419 50%,#273c43);box-shadow:12px 20px 36px #0004;transform:rotate(-4deg);z-index:1}
.level-tablet:before{content:'';position:absolute;top:3px;left:50%;width:4px;height:4px;border-radius:50%;background:#809897}
.level-phone{position:absolute;right:0;top:38%;width:27%;padding:4px;border:1px solid #53686b;border-radius:22px;background:#0d1d25;box-shadow:10px 18px 28px #0005;transform:rotate(7deg);z-index:2}
.level-devices .level-tablet img,.level-devices .level-phone img{display:block;position:static;width:100%;height:auto;border:0;box-shadow:none;object-fit:contain}
.level-devices .level-tablet img{aspect-ratio:1112/834;border-radius:12px}
.level-devices .level-phone img{aspect-ratio:390/844;border-radius:16px}
.level-devices .level-watermark{top:18%;right:0;z-index:-1}
@media(max-width:780px){.level-panel{grid-template-columns:1fr;gap:30px}.level-visual.level-devices{max-width:520px}.level-tablet{padding:8px;border-radius:18px}.level-devices .level-tablet img{border-radius:10px}.level-phone{padding:3px;border-radius:17px}.level-devices .level-phone img{border-radius:12px}}

.am-language{--am-surface:#163042;--am-ink:#edf5ff;--am-border:#426577;--am-accent:#9be8d7;position:relative;display:inline-flex;align-items:center;gap:10px;flex-shrink:0;color:var(--am-ink);font-family:inherit;z-index:80}html[data-theme="light"] .am-language{--am-surface:#fff;--am-ink:#143746;--am-border:#c4d6df;--am-accent:#087b6e}.am-language-label{font-size:12px;font-weight:600;letter-spacing:.02em;color:inherit;opacity:.8;white-space:nowrap}.am-language details{position:relative;margin:0;padding:0;border:0;background:none}.am-language summary{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;min-width:78px;min-height:48px;padding:10px 13px;border:1px solid var(--am-border);border-radius:16px;background:var(--am-surface);color:var(--am-ink);cursor:pointer;list-style:none;box-shadow:0 3px 0 #00000012;transition:background .18s,border-color .18s,box-shadow .18s}.am-language summary::-webkit-details-marker{display:none}.am-language summary::marker{content:''}.am-language img{display:block;width:29px;height:20px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #0002}.am-language .am-chevron{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .18s}.am-language details[open] .am-chevron{transform:rotate(180deg)}.am-language summary:hover,.am-language details[open] summary{border-color:var(--am-accent)}.am-language summary:focus-visible,.am-language a:focus-visible{outline:3px solid var(--am-accent);outline-offset:4px}.am-language .am-language-options{position:absolute;inset:auto 0 auto auto;top:calc(100% + 10px);display:flex;gap:8px;margin:0;padding:10px;min-width:136px;box-sizing:border-box;border:1px solid var(--am-border);border-radius:18px;background:var(--am-surface);box-shadow:0 14px 40px #0004;animation:am-lang-enter .16s ease-out}.am-language details:not([open]) .am-language-options{display:none}.am-language .am-language-options a{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:52px;min-height:48px;padding:12px 10px;border:1px solid transparent;border-radius:12px;text-decoration:none;background:transparent;transition:background .18s,border-color .18s}.am-language .am-language-options a:hover{background:#83dec21c;border-color:var(--am-border)}.am-language .am-language-options a[aria-current="page"]{background:#83dec226;border-color:var(--am-accent)}.am-language a[aria-current="page"]::after{content:'✓';position:absolute;right:1px;bottom:-1px;font-size:11px;font-weight:800;color:var(--am-surface);background:var(--am-accent);border-radius:50%;width:16px;height:16px;line-height:16px;text-align:center}.am-language .am-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes am-lang-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.am-language{gap:6px}.am-language-label{font-size:10px;max-width:62px;white-space:normal;line-height:1.3}.am-language summary{min-width:66px;min-height:46px;padding:9px 10px;border-radius:14px}}@media(prefers-reduced-motion:reduce){.am-language *{animation:none!important;transition:none!important}}@media print{.am-language{display:none!important}}
@media(max-width:600px){.am-language{flex-direction:column;gap:3px}.am-language-label{order:2;font-size:8px;max-width:none;white-space:nowrap;line-height:1.1}.am-language summary{min-height:44px}.header-end{gap:10px}}
/* Consistent primary and secondary actions for demos and documentation. */
html body :is(a.btn,a.button,button.button){box-sizing:border-box;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:16px;font:inherit;font-weight:700;line-height:1.35;text-align:center;text-decoration:none;white-space:normal;border:1px solid #83d7c466;box-shadow:0 4px 0 #0002,0 8px 22px #0000000a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer}
html body :is(a.btn,a.button,button.button):focus-visible{outline:3px solid #50bbad;outline-offset:4px}
html body :is(a.btn,a.button,button.button):active{transform:translateY(2px);box-shadow:0 1px 0 #0002}
html body .actions{gap:12px;flex-wrap:wrap}
@media(hover:hover){html body :is(a.btn,a.button,button.button):hover{transform:translateY(-2px);box-shadow:0 6px 0 #0002,0 12px 24px #0002;border-color:#68c9b4}}
@media(max-width:600px){html body :is(a.btn,a.button,button.button){max-width:100%;padding:13px 18px;border-radius:14px}html body .actions>:is(a.btn,a.button,button.button){width:100%}}
@media(prefers-reduced-motion:reduce){html body :is(a.btn,a.button,button.button){transition:none;transform:none!important}}

@media(max-width:420px){html body .demo-step-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}html body .demo-step-nav a{min-height:48px;word-break:normal;overflow-wrap:normal}html body .demo-step-nav a span{flex-shrink:0}}
/* Tactile controls: shared by marketing, guides and demos. */
html body :is(.btn,.button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),.text-link,.level-tabs a,.demo-step-nav a,.nav-trigger){--key-face:#a4ecdc;--key-ink:#123b42;--key-base:#4c9d90;box-sizing:border-box;border:1px solid #d5fff170;border-radius:16px;background:linear-gradient(180deg,#ffffff30,transparent 65%),var(--key-face);color:var(--key-ink);box-shadow:inset 0 1px 0 #ffffff85,0 5px 0 var(--key-base),0 9px 16px #0003;min-height:46px;padding:12px 20px;font-weight:750;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;transform:translateY(0);touch-action:manipulation;-webkit-tap-highlight-color:transparent}
html body :is(.btn,.button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),.text-link){display:inline-flex;align-items:center;justify-content:center;gap:10px;text-align:center;max-width:100%;white-space:normal}
html body :is(.btn-secondary,.icon-button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),.menu-toggle,.drawer-close,.nav-trigger,.demo-step-nav a,.level-tabs a){--key-face:#244858;--key-ink:#edfaff;--key-base:#102c38;border-color:#6c9bab70}
html[data-theme="light"] body :is(.btn-secondary,.icon-button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),.menu-toggle,.drawer-close,.nav-trigger,.demo-step-nav a,.level-tabs a){--key-face:#edf5f7;--key-ink:#173b48;--key-base:#a9c3cb}
html body :is(.level-tabs a[aria-selected="true"],.demo-step-nav a[aria-current="step"]){--key-face:#a4ecdc;--key-ink:#123b42;--key-base:#4c9d90}
html body :is(.icon-button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),.menu-toggle,.drawer-close){padding:10px;min-width:46px}
@media(hover:hover) and (pointer:fine){html body :is(.btn,.button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),.text-link,.level-tabs a,.demo-step-nav a,.nav-trigger):not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:inset 0 1px 0 #ffffffa0,0 7px 0 var(--key-base),0 13px 22px #0004}}
html body :is(.btn,.button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),.text-link,.level-tabs a,.demo-step-nav a,.nav-trigger):not(:disabled):active{transform:translateY(4px);box-shadow:inset 0 2px 4px #0002,0 1px 0 var(--key-base),0 3px 6px #0002;filter:brightness(.98)}
html body :is(.btn,.button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),.text-link,.level-tabs a,.demo-step-nav a,.nav-trigger):focus-visible{outline:3px solid #28a8da;outline-offset:7px}
html body button:disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:0 2px 0 var(--key-base)}
html body .actions{gap:18px;align-items:center;flex-wrap:wrap}
html body .level-tabs{gap:12px}
html body .level-tabs a{border-top-width:1px;padding:16px 10px}
html body .level-tabs a small{color:inherit;opacity:.8}
@media(max-width:600px){html body :is(.btn,.button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),.text-link){padding:13px 17px}html body .actions>:is(.btn,.button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),.text-link){width:100%}}
@media(prefers-reduced-motion:reduce){html body :is(.btn,.button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),.text-link,.level-tabs a,.demo-step-nav a,.nav-trigger){transition:none!important}}

html body :is(.btn,.button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),.text-link,.level-tabs a,.demo-step-nav a,.nav-trigger){color:var(--key-ink)!important}
html body :is(.btn,.button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),button:not(.appearance-toggle):not(.theme-toggle):not(.flag-toggle):not([aria-label*=Sprache]):not([aria-label*=language]),.text-link,.level-tabs a,.demo-step-nav a,.nav-trigger){background:linear-gradient(180deg,#ffffff30,transparent 65%),var(--key-face)!important} html body .demo-step-nav a[aria-current]{--key-face:#a4ecdc;--key-ink:#123b42;--key-base:#4c9d90}
html body :is(.btn,.button,.text-link,.level-tabs a,.demo-step-nav a,.nav-trigger) :is(span,small,strong,em){color:inherit!important}


/* Unified language and appearance controls, independent of page template. */
html body :is(.header-tools,.header-end){display:flex;align-items:center;gap:12px}
html body :is(.header-tools,.header-end)>.am-language{order:1;display:flex;flex-direction:column;gap:4px;align-items:center;color:#edf5ff}
html body .am-language-label{order:2;font-size:9px!important;line-height:1.2;white-space:nowrap!important;max-width:none!important;opacity:1}
html body .am-language summary{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;min-width:78px!important;width:78px;height:46px!important;min-height:46px!important;padding:10px 12px!important;border:1px solid #426577!important;border-radius:14px!important;background:#163042!important;color:#edf5ff!important;box-shadow:0 2px 0 #0002!important;gap:8px;transform:none!important}
html body .am-language img{width:28px!important;height:19px!important}
html body :is(.appearance-toggle,.theme-toggle){order:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;padding:0!important;margin:0 0 15px!important;border:1px solid #426577!important;border-radius:14px!important;background:#163042!important;color:#edf5ff!important;box-shadow:0 2px 0 #0002!important;transform:none!important;cursor:pointer}
html body :is(.appearance-toggle,.theme-toggle)>*{display:none!important}
html body :is(.appearance-toggle,.theme-toggle)::before{content:'\2600';display:block;font-family:Arial,sans-serif;font-size:25px;line-height:1;color:inherit}
html body :is(.header-tools,.header-end)>:is(.menu-toggle,.mobile-menu){order:3}
html[data-theme="light"] body .am-language{color:#143746}
html[data-theme="light"] body :is(.am-language summary,.appearance-toggle,.theme-toggle){background:#fff!important;color:#143746!important;border-color:#c4d6df!important}
html body :is(.am-language summary,.appearance-toggle,.theme-toggle):focus-visible{outline:3px solid #28a8da!important;outline-offset:4px}
@media(hover:hover){html body :is(.am-language summary,.appearance-toggle,.theme-toggle):hover{border-color:#61c9b2!important;filter:brightness(1.1)}}
@media(max-width:600px){html body :is(.header-tools,.header-end){gap:8px}html body .am-language-label{font-size:8px!important}html body :is(.appearance-toggle,.theme-toggle){margin-bottom:14px!important}}

.am-acquire{max-width:1000px;margin:40px auto;padding:28px;border:1px solid #648895;border-radius:22px;background:#163042;color:#edf5ff}.am-acquire strong{font-size:24px}.am-acquire p{color:inherit;line-height:1.6}html[data-theme="light"] .am-acquire{background:#edf5f7;color:#143746}.store-grid .btn{margin-top:16px}.platforms{scroll-margin-top:110px}@media(max-width:600px){.am-acquire{margin:28px 16px;padding:22px}.store-grid article{min-width:0}}
.am-choice{scroll-margin-top:110px}.am-choice h2{font-size:clamp(28px,4vw,46px);line-height:1.15;margin:12px 0 20px}.am-choice-intro{max-width:720px;line-height:1.7}.am-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0 20px}.am-choice-grid article{display:flex;flex-direction:column;padding:26px;border:1px solid #64889566;border-radius:24px;background:#163042;color:#edf5ff}.am-choice h3{font-size:20px;line-height:1.4;margin:0 0 12px}.am-choice-grid p{line-height:1.7;margin:0 0 24px}.am-choice-grid .btn{margin-top:auto}.am-choice-trust{font-size:13px;line-height:1.7}.am-buy-path{margin-top:42px;padding:30px;border-radius:24px;background:#173e46;color:#edf5ff}.am-buy-path ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.am-buy-path li{padding:14px 0}.am-buy-path p{line-height:1.7}.am-buy-path>.btn{margin-top:16px}html[data-theme="light"] .am-choice-grid article{background:#edf5f7;color:#143746}@media(max-width:760px){.am-choice-grid,.am-buy-path ol{grid-template-columns:1fr}.am-choice-grid article,.am-buy-path{padding:23px}.am-choice-grid .btn{width:100%}}

/* Clear exercise rhythm, including room for raised button shadows. */
html body .demo-panel .actions{display:flex;flex-wrap:wrap;gap:18px 20px;margin:24px 0 0;padding-bottom:6px;align-items:stretch}html body .demo-panel .actions>.button{margin:0;min-height:48px}html body .builder-status:not(:empty),html body .listening-status:not(:empty){display:block;margin:22px 0 0;padding:16px 18px;border:1px solid #73959c66;border-radius:14px;line-height:1.7}html body .builder-status:empty,html body .listening-status:empty{margin:0;padding:0}html body .listening-exercise{margin-top:34px;padding-top:28px;border-top:1px solid #73959c55}html body .listening-exercise h3{margin:0 0 14px}html body .listening-exercise>p{line-height:1.7}html body .listening-options{margin-top:22px;gap:16px}html body .builder-bank{gap:16px;margin-bottom:8px}@media(max-width:600px){html body .demo-panel .actions{flex-direction:column;gap:18px}html body .demo-panel .actions>.button{width:100%}html body .listening-exercise{margin-top:30px}}
.am-privacy-note{margin:28px 0;padding:22px 24px;border:1px solid #6b999c;border-left:4px solid #9be8d7;border-radius:16px;background:#163042;color:#edf5ff}.am-privacy-note h3{font-size:21px;line-height:1.4;margin:0 0 12px}.am-privacy-note p{font-size:15px;line-height:1.75;max-width:85ch;color:inherit}.am-privacy-note p:last-child{margin-bottom:0}html[data-theme=light] .am-privacy-note{background:#edf5f7;color:#143746}
/* Compact accessible animation control */
.device-caption .rain-toggle{position:relative!important;display:inline-flex;align-items:center;justify-content:center;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:14px!important;gap:0!important;flex:0 0 44px;box-shadow:0 3px 0 rgba(0,0,0,.2)!important;}
.rain-toggle[hidden]{display:none!important}
.rain-toggle .rain-toggle-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.rain-toggle .rain-toggle-symbol{font-size:19px!important;line-height:1!important;}
.rain-toggle:focus-visible{outline:3px solid #46bde9!important;outline-offset:4px!important;}

/* Equal control geometry on all page templates. Label is outside the control row. */
html body :is(.header-tools,.header-end){align-items:center!important;gap:12px!important;padding-bottom:17px}
html body :is(.header-tools,.header-end)>.am-language{height:48px!important;position:relative;gap:0!important}
html body .am-language-label{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);line-height:12px!important;font-size:9px!important}
html body :is(.am-language summary,.appearance-toggle,.theme-toggle,.header-tools>.menu-toggle,.mobile-menu>summary){box-sizing:border-box!important;height:48px!important;min-height:48px!important;width:48px!important;min-width:48px!important;flex:0 0 48px!important;margin:0!important;padding:0!important;border:1px solid #426577!important;border-radius:15px!important;background:#163042!important;color:#edf5ff!important;box-shadow:inset 0 1px 0 #ffffff12,0 3px 0 #091b27!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important;line-height:1!important}
html body .am-language.am-language summary{width:78px!important;min-width:78px!important;gap:9px!important}
html body .mobile-menu{margin:0!important;padding:0!important;align-self:center!important}
html body :is(.header-tools>.menu-toggle,.mobile-menu>summary) svg{width:24px!important;height:24px!important;stroke:currentColor;fill:none;stroke-width:1.8}
html[data-theme=light] body :is(.am-language summary,.appearance-toggle,.theme-toggle,.header-tools>.menu-toggle,.mobile-menu>summary){background:#edf5f7!important;color:#173b48!important;border-color:#a9c3cb!important;box-shadow:inset 0 1px 0 #fff,0 3px 0 #c0d4db!important}
html body :is(.am-language summary,.appearance-toggle,.theme-toggle,.header-tools>.menu-toggle,.mobile-menu>summary):focus-visible{outline:3px solid #28a8da!important;outline-offset:4px!important}
body.am-has-bottom-nav{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}
html{scroll-padding-bottom:110px}
html body #am-bottom-navigation.am-bottom-nav{--dock-bg:#142a3c;--dock-line:#426577;--dock-ink:#bed0df;--dock-active:#9be8d7;--dock-raised:#203a50;box-sizing:border-box;position:fixed;z-index:90;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0;padding:8px max(10px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));border-top:1px solid var(--dock-line);background:var(--dock-bg);box-shadow:0 -8px 26px #0002;isolation:isolate}
html[data-theme=light] body #am-bottom-navigation.am-bottom-nav{--dock-bg:#f4f8fb;--dock-line:#c0d4db;--dock-ink:#426174;--dock-active:#096b60;--dock-raised:#dceeea}
html body #am-bottom-navigation.am-bottom-nav :is(a,button){box-sizing:border-box!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:62px!important;margin:0!important;padding:7px 4px!important;border:1px solid transparent!important;border-radius:16px!important;background:transparent!important;color:var(--dock-ink)!important;box-shadow:none!important;text-decoration:none!important;line-height:1.25!important;font:700 12px/1.25 system-ui,sans-serif!important;cursor:pointer;transform:none!important;transition:background .16s,color .16s!important;touch-action:manipulation}
html body #am-bottom-navigation.am-bottom-nav svg{width:25px;height:25px;flex-shrink:0}
html body #am-bottom-navigation.am-bottom-nav :is(a[aria-current],button[aria-expanded=true]){background:var(--dock-raised)!important;color:var(--dock-active)!important;box-shadow:inset 0 3px 0 var(--dock-active),0 2px 4px #0001!important}
html body #am-bottom-navigation.am-bottom-nav :is(a,button):focus-visible{outline:3px solid #28a8da!important;outline-offset:-3px!important}
html body .am-more-panel{position:fixed;z-index:91;bottom:calc(88px + env(safe-area-inset-bottom,0px));right:max(12px,env(safe-area-inset-right,0px));width:min(400px,calc(100vw - 24px));max-height:calc(100dvh - 180px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;padding:18px;border:1px solid #426577;border-radius:24px;background:#142a3c;color:#edf5ff;box-shadow:0 12px 50px #0006}
html body .am-more-panel[hidden]{display:none!important}
html body .am-more-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
html body .am-more-heading h2{font:750 20px/1.3 system-ui,sans-serif;margin:0;color:inherit}
html body .am-more-panel>a{display:flex;align-items:center;gap:14px;padding:12px;min-height:48px;box-sizing:border-box;border-radius:14px;color:inherit;text-decoration:none;font:650 15px/1.4 system-ui,sans-serif}
html body .am-more-panel svg{width:24px;height:24px;flex-shrink:0}
html body .am-more-panel .am-more-close{display:flex;align-items:center;justify-content:center;min-height:44px;width:44px;padding:8px;background:#203a50!important;color:#edf5ff!important;border:1px solid #426577;border-radius:14px;box-shadow:none!important}
html[data-theme=light] body .am-more-panel{background:#f4f8fb;color:#173b48;border-color:#a9c3cb}
html[data-theme=light] body .am-more-panel .am-more-close{background:#dceeea!important;color:#173b48!important}
@media(hover:hover){html body #am-bottom-navigation.am-bottom-nav :is(a,button):hover,html body .am-more-panel>a:hover{background:#72c9b51c!important}html body :is(.am-language summary,.appearance-toggle,.theme-toggle,.header-tools>.menu-toggle,.mobile-menu>summary):hover{border-color:#61c9b2!important}}
@media(min-width:901px){html body #am-bottom-navigation.am-bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:min(560px,calc(100% - 48px));bottom:14px;border:1px solid var(--dock-line);border-radius:23px;padding:8px}html body .am-more-panel{right:max(24px,calc((100vw - 560px)/2));bottom:108px}}
@media(max-width:600px){html body :is(.header-tools,.header-end){gap:10px!important}.masthead .mast-inner,.header .header-inner{gap:10px}.masthead .wordmark{min-width:0}.masthead .wordmark-sub{font-size:9px}.masthead .wordmark img{width:34px;height:34px}.masthead .wordmark{font-size:18px}#am-bottom-navigation.am-bottom-nav span{white-space:nowrap}}
@media(max-width:360px){html body :is(.header-tools,.header-end){gap:7px!important}html body .am-language.am-language summary{width:68px!important;min-width:68px!important}.masthead .wordmark-sub{display:none}.masthead .wordmark{gap:6px;font-size:16px}.masthead .wordmark img{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){html body #am-bottom-navigation.am-bottom-nav *{transition:none!important}}
@media print{html body :is(#am-bottom-navigation.am-bottom-nav,.am-more-panel){display:none!important}body.am-has-bottom-nav{padding-bottom:0!important}}
html body :is(#am-menu-control,#am-more-close){background:#163042!important;color:#edf5ff!important;border:1px solid #426577!important;box-shadow:inset 0 1px 0 #ffffff12,0 3px 0 #091b27!important;transform:none!important}
html[data-theme=light] body :is(#am-menu-control,#am-more-close){background:#edf5f7!important;color:#173b48!important;border-color:#a9c3cb!important;box-shadow:inset 0 1px 0 #fff,0 3px 0 #c0d4db!important}

/* Keep the entire header on one baseline; reserve caption space on the row. */
html body :is(.header-tools,.header-end){padding-bottom:0!important}
html body :is(.header-inner,.mast-inner){box-sizing:border-box;min-height:86px;padding-top:12px!important;padding-bottom:26px!important;align-items:center!important}
html body .desktop-nav .nav-trigger,
html body .desktop-links>a{box-sizing:border-box!important;height:48px!important;min-height:48px!important;display:inline-flex;align-items:center;justify-content:center;padding-top:0!important;padding-bottom:0!important;transform:none!important}
html body :is(.desktop-nav,.desktop-links){align-items:center!important}

/* Continuous bottom bar, matching the full-width header at every breakpoint. */
html body #am-bottom-navigation.am-bottom-nav{left:0;right:0;bottom:0;width:auto;transform:none;border:0;border-top:1px solid var(--dock-line);border-radius:0;padding:8px max(10px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))}
html body .am-more-panel{right:max(12px,env(safe-area-inset-right,0px));bottom:calc(88px + env(safe-area-inset-bottom,0px))}

/* Compact, readable D1-D5 selectors. Full titles remain in the selected panel. */
@media(max-width:600px){
 html body #levels .level-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;overflow:visible}
 html body #levels .level-tabs>a{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:0;width:auto;min-height:64px;height:64px;margin:0;padding:8px 4px!important;border-radius:16px;line-height:1.2;text-align:center}
 html body #levels .level-tabs>a>span{font-size:22px;line-height:1.2;font-weight:800}
 html body #levels .level-tabs>a>small{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 html body #levels .level-tabs>a[aria-selected=true]{background:#a4ecdc!important;color:#123b42!important;border-color:#d5fff1!important;box-shadow:inset 0 1px 0 #ffffff85,0 4px 0 #4c9d90,0 8px 16px #0002}
}

/* Complete five-band entry cards, readable on every screen. */
html body #start-choice .am-choice-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}html body #start-choice .am-choice-grid>article{grid-column:span 2;min-width:0}html body #start-choice .am-choice-grid>article:nth-child(n+4){grid-column:span 3}@media(max-width:900px){html body #start-choice .am-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body #start-choice .am-choice-grid>article,html body #start-choice .am-choice-grid>article:nth-child(n+4){grid-column:auto}html body #start-choice .am-choice-grid>article:last-child{grid-column:1/-1}}@media(max-width:600px){html body #start-choice .am-choice-grid{grid-template-columns:minmax(0,1fr);gap:20px}}

/* Shared screen typography for the German and English website. */
@media screen and (min-width: 701px) and (max-width: 1024px) {
  main:is(#main, #inhalt) h1 { font-size: 2.5rem; line-height: 1.15; letter-spacing: -.035em; }
  main .section h2, main .closing h2 { font-size: 2rem; line-height: 1.2; letter-spacing: -.025em; }
  main .level-copy h3 { font-size: 1.875rem; line-height: 1.25; }
  main .section { padding-block: 3.5rem; }
}
@media screen and (max-width: 700px) {
  main:is(#main, #inhalt) h1 { font-size: clamp(2rem, 8.2vw, 2.375rem); line-height: 1.16; letter-spacing: -.035em; margin-bottom: 1.25rem; }
  main h2, main .section h2, main .closing h2, main .am-choice h2 {
    font-size: clamp(1.625rem, 7.2vw, 1.875rem); line-height: 1.22; letter-spacing: -.025em; margin-bottom: 1rem;
  }
  main .level-copy h3 { font-size: clamp(1.5rem, 6.5vw, 1.75rem); line-height: 1.25; letter-spacing: -.02em; margin-bottom: 1rem; }
  main h1, main h2, main h3 { text-wrap: balance; overflow-wrap: break-word; }
  main .section { padding-block: 2.5rem; }
  main .section-head { margin-bottom: 1.5rem; }
  main .closing { padding-block: 3rem; }
}

/* Noto Naskh Arabic: local Dari glyphs; Latin UI retains Manrope. */
@font-face{font-family:AlefMadDari;src:url('/assets/fonts/NotoNaskhArabic.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
body{font-family:AlefMadDari,Manrope,system-ui,sans-serif}
:is([lang="fa"],[lang="prs"],[lang="fa-AF"],.fa,.dari,.demo-fa,.hello-script,.script-mark,.campaign-letter>span,.letter-rain span,.practice-target,.homework-text,.wg-target,.wg-letter,.wg-input,.wg-words button,.wg-reference bdi),[lang="fa"] :is(span,b,bdi,button){font-family:AlefMadDari,Manrope,Arial,sans-serif!important;letter-spacing:normal}

html[data-theme=light] body :is(.appearance-toggle,.theme-toggle)::before{content:"\263e"}