:root{--purple:#4d209a;--purple-dark:#381078;--purple-deep:#301069;--violet:#7853cb;--ink:#231d31;--muted:#655e71;--line:#e8e4ef;--pale:#f7f5fc;--white:#fff;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}img{display:block;max-width:100%}button,a{font:inherit}a{color:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',Arial,sans-serif;line-height:1.13;letter-spacing:-.045em}h2{font-size:clamp(2.2rem,4.2vw,4.15rem);font-weight:800}h3{font-size:1.65rem;font-weight:800}p{margin-bottom:0}.shell{width:min(100% - 48px,1216px);margin-inline:auto}.section-pad{padding:128px 0}.skip-link{position:fixed;z-index:1000;top:-80px;left:16px;background:#fff;color:var(--purple);padding:10px 16px;border-radius:8px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b7a4f2;outline-offset:4px}
.site-header{height:82px;position:absolute;z-index:30;top:0;left:0;right:0;color:#fff}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;font-family:Manrope,Arial,sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:-.045em;text-decoration:none;white-space:nowrap}.brand img{border-radius:9px;object-fit:cover;box-shadow:0 4px 14px #16063235}.primary-nav{display:flex;align-items:center;gap:32px}.primary-nav>a{text-decoration:none;font-size:.91rem;font-weight:700;color:#f7f1ff;transition:opacity .2s}.primary-nav>a:hover{opacity:.7}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(133deg,#4d209a 0%,#4b1b99 56%,#371174 100%);min-height:0}.hero-glow{position:absolute;width:780px;height:780px;right:-280px;top:-260px;border-radius:50%;background:radial-gradient(circle,#9f81fa44 0%,#7953c912 48%,transparent 72%);pointer-events:none}.hero:after{content:'';position:absolute;bottom:-300px;left:-260px;width:650px;height:650px;border:1px solid #ffffff17;border-radius:50%;pointer-events:none}.hero-grid{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:0;padding-top:129px;padding-bottom:54px}.hero-copy{position:relative;z-index:4;max-width:740px;margin-inline:auto;text-align:center}.eyebrow{color:var(--purple);text-transform:uppercase;font-size:.77rem;font-weight:800;letter-spacing:.19em;line-height:1.4;margin:0 0 22px}.hero-eyebrow{color:#ddcbff;display:flex;align-items:center;justify-content:center;gap:10px}.hero-eyebrow>span:not(.eyebrow-line){min-width:0}.eyebrow-line{display:inline-block;width:24px;height:1px;background:#ddcbff;flex:none}.hero h1{font-size:clamp(3.5rem,5.2vw,4.9rem);font-weight:800;line-height:1.04;margin:0 0 27px;letter-spacing:-.065em}.hero h1 em{font-style:normal;color:#e0d2ff}.hero-lead{font-size:clamp(1.08rem,1.5vw,1.32rem);line-height:1.6;color:#ebe2ff;max-width:610px;margin-inline:auto}.hero-walkthrough{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;padding:6px 4px;color:#e0d2ff;font-size:1rem;font-weight:600;text-decoration:underline;text-decoration-color:#e0d2ff70;text-underline-offset:5px;text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}.hero-walkthrough:hover{color:#fff;text-decoration-color:#fff}.store-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:188px;min-height:62px;padding:10px 17px;text-decoration:none;border-radius:11px;transition:box-shadow .2s}.store-button:hover{box-shadow:0 10px 28px #230a5c40}.store-button svg,.store-button .store-icon{display:block;width:27px;height:27px;fill:currentColor;flex:none}.store-button span{display:flex;flex-direction:column;line-height:1.14}.store-button small{font-size:.69rem;letter-spacing:.01em}.store-button strong{font-size:1.17rem;letter-spacing:-.03em}.store-light{background:#fff;color:#251d35}.store-outline{color:#fff;border:1px solid #d4c1fb;background:#ffffff0a}.hero-note{margin-top:12px;color:#dacdf4;font-size:.88rem}.hero-bottom{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:24px;padding:0 0 24px;color:#d3c0f9;font-weight:800;letter-spacing:.19em;font-size:.7rem}.hero-divider{height:1px;width:30px;background:#c3a9ed88}
.primary-nav{gap:clamp(12px,1.5vw,24px)}
.primary-nav>a{white-space:nowrap}
.primary-nav .nav-feedback{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #d4c1fb;border-radius:11px;padding:8px 16px;white-space:nowrap;color:#f7f1ff;text-decoration:none;font-size:.91rem;font-weight:700;background:#ffffff0a}
.primary-nav .nav-feedback:hover{background:#ffffff15;opacity:1}
.hero-store-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:420px;margin:30px auto 0}
.hero-store-actions .store-button{min-width:176px;min-height:54px;gap:9px;padding:8px 12px;white-space:nowrap}
.hero-store-actions .store-button svg,.hero-store-actions .store-button .store-icon{width:23px;height:23px}
.hero-store-actions .store-button strong{font-size:1.05rem}
.hero-store-actions .store-button small{font-size:.75rem}
.hero-pitch{display:block;text-wrap:balance}
.hero-authority{display:block;margin-top:12px;color:#fff;font-weight:900;font-size:clamp(1rem,4.6vw,1.42rem);line-height:1.4;letter-spacing:-.02em;white-space:nowrap}
.section-eyebrow{display:flex;align-items:center;gap:10px}
.section-eyebrow>span{min-width:0}
.section-mark{width:32px;height:32px;flex:none;object-fit:contain;opacity:.7;pointer-events:none}
.section-mark--signature{width:40px;height:40px}
.section-mark--white{opacity:.75}
.section-heading{max-width:780px;margin-bottom:52px}
.section-heading h2{margin-bottom:23px}
.section-heading>p:last-child{color:var(--muted);font-size:1.12rem;max-width:670px}
.app-summary{padding:84px 0 88px;background:var(--pale);border-bottom:1px solid var(--line);text-align:center}
.app-summary .eyebrow{margin-bottom:20px}
.app-summary h2{font-size:clamp(2.2rem,4.2vw,3.65rem);line-height:1.16;margin:0 auto 25px;max-width:850px}
.app-summary-lead{max-width:790px;margin-inline:auto;color:var(--muted);font-size:clamp(1.08rem,1.4vw,1.2rem);line-height:1.75}
.app-summary strong{color:var(--ink);font-weight:700}
.app-summary .system-button{margin-top:28px}
@media(max-width:650px){.app-summary{padding:62px 0 66px}.app-summary h2{font-size:clamp(2rem,7.8vw,2.65rem)}.app-summary-lead{font-size:1.06rem;line-height:1.7}}
.name-origin{padding:42px 0;background:var(--pale);border-bottom:1px solid var(--line)}
.name-origin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;max-width:1040px}
.name-origin-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px}
.name-origin-heading h2{font-size:clamp(1.85rem,2.2vw,2.1rem);line-height:1.2;margin:0}
.name-origin-pronunciation{color:var(--muted);font-family:'DM Sans',Arial,sans-serif;font-size:.98rem;letter-spacing:.02em;white-space:nowrap}
.name-origin-definition>p{font-size:.98rem;line-height:1.6;margin-top:9px;color:var(--muted)}
.name-origin-verse{margin:0}
.name-origin-verse>p{font-size:1.1rem;line-height:1.6;color:var(--ink)}
.name-origin-verse footer{margin-top:8px;font-size:.88rem;color:var(--muted)}
.name-origin-verse strong{color:var(--purple);font-weight:700}
@media(max-width:750px){.name-origin{padding:34px 0}.name-origin-grid{grid-template-columns:1fr;gap:24px;text-align:center}.name-origin-heading{justify-content:center}.name-origin-verse{max-width:480px;margin-inline:auto}}
.study-path{background:#fff;padding:95px 0 105px}.study-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(36px,6vw,90px);align-items:start}.study-guide .section-heading{margin-bottom:36px}.study-guide .section-heading h2{font-size:clamp(2.3rem,3.3vw,3.45rem)}
.study-steps{display:grid;grid-template-columns:1fr;gap:0}
.study-step{display:block;width:100%;min-height:135px;text-align:left;border:0;border-bottom:1px solid #dcd6e7;background:transparent;color:var(--ink);padding:14px 12px 14px 0;transition:background-color .2s,border-color .2s}
.study-step[aria-selected="true"]{border-bottom:3px solid var(--purple);padding-bottom:12px}
.study-step:hover{background:#f9f7fc}
.step-number{display:block;color:var(--purple);font-size:.81rem;font-weight:800;letter-spacing:.12em;margin-bottom:7px}
.step-title{display:block;font-family:Manrope,'DM Sans',Arial,sans-serif;font-size:1.39rem;font-weight:800;line-height:1.25;letter-spacing:-.045em;margin-bottom:8px}
.step-description{display:block;color:var(--muted);font-size:.97rem;line-height:1.5;max-width:480px}
.app-preview{display:flex;flex-direction:column;align-items:center;margin:0;scroll-margin-top:24px}
.preview-heading{text-align:center;margin-bottom:14px}
.preview-kicker{display:block;color:var(--purple);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.preview-kicker span{margin-left:12px}
.preview-gallery{width:min(100%,440px)}
.preview-screen{position:relative;width:100%;aspect-ratio:691/1208;overflow:hidden;border:1px solid #e7e4eb;border-radius:14px;background:#fff;box-shadow:0 8px 24px #21132f0c}
.preview-screen img{position:absolute;max-width:none;width:172.1%;height:auto;left:-36.05%;top:-73.1%}
.preview-screen img[hidden]{display:none}
.preview-screen[data-screen="study"] img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 26%;max-width:100%}
.preview-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}
.preview-arrow{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:50%;background:transparent;color:var(--purple);font-size:1.8rem;line-height:1}
.preview-arrow span{transform:translateY(-2px)}
.preview-arrow:hover{background:var(--pale)}
.preview-dots{display:flex;align-items:center;gap:2px}
.preview-dot{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent}
.preview-dot:after{content:'';display:block;width:9px;height:9px;border-radius:99px;background:#cbbbe2;transition:width .2s,background-color .2s}
.preview-dot[aria-pressed="true"]:after{width:22px;background:var(--purple)}
.lesson-focus{background:#f8f7fb}
.lesson-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:center}
.lesson-copy h2{max-width:620px;margin-bottom:29px}
.lesson-copy>p:not(.eyebrow){color:var(--muted);font-size:1.08rem;line-height:1.7;margin-bottom:16px;max-width:560px}
.lesson-copy .system-button{margin-top:21px}
.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:21px;color:var(--purple);font-weight:800;text-decoration:none;border-bottom:1px solid #8866c1;padding-bottom:5px}
.text-link span{font-size:1.2rem}
.text-link:hover{gap:17px}
.lesson-summary{background:#fff;border:1px solid #e6e0ef;border-radius:16px;box-shadow:0 12px 34px #30204f0c;padding:30px 34px}
.summary-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e7e2ed;padding-bottom:17px;color:var(--purple);font-size:.7rem;font-weight:800;letter-spacing:.15em}
.lesson-summary ul{padding:0;margin:0;list-style:none}
.lesson-summary li{display:flex;gap:18px;padding:25px 0;border-bottom:1px solid #e7e2ed}.lesson-summary li:last-child{border-bottom:0;padding-bottom:0}
.summary-index{flex:none;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#efe9fa;color:var(--purple);font-size:.8rem;font-weight:800}
.lesson-summary strong{font-family:Manrope,Arial,sans-serif;font-size:1.02rem;letter-spacing:-.02em}
.lesson-summary li p{color:var(--muted);font-size:.94rem;margin-top:5px;line-height:1.55}
.about-strip{padding:98px 0;border-top:1px solid #eeeaf4}
.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(32px,5vw,64px)}
.about-grid h2{font-size:clamp(2.15rem,3vw,3rem);line-height:1.17;margin:0}
.about-grid>p{color:var(--muted);font-size:1.11rem;line-height:1.73}
.about-copy>p{color:var(--muted);font-size:1.11rem;line-height:1.73}
.about-copy>p+p{margin-top:18px}
.about-copy strong{color:var(--ink);font-weight:700}
.about-copy .audience-questions{margin-top:26px;font-size:1rem}
.audience-questions a{color:var(--purple);font-weight:700;text-underline-offset:4px}

.faq{background:#f8f6fc}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%}.faq-intro h2{margin-bottom:22px}.faq-intro>p:last-child{color:var(--muted)}.faq-intro a{color:var(--purple);font-weight:800}.faq-list{border-top:1px solid #dcd5e7}.faq-list details{border-bottom:1px solid #dcd5e7}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;font-size:1.08rem;font-weight:800;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .faq-chevron{width:20px;height:20px;flex:none;color:var(--purple);transition:transform .18s ease}.faq-list details[open]:not(.is-closing) summary .faq-chevron{transform:rotate(180deg)}.faq-list .faq-answer{overflow:hidden}.faq-list details p{color:var(--muted);padding:0 32px 27px 0;max-width:580px}
.download-section{color:#fff;background:linear-gradient(120deg,#4e219d,#32116d);padding:91px 0}.download-inner{display:flex;justify-content:space-between;align-items:center;gap:50px}.download-inner .eyebrow{color:#d3bcff}.download-inner h2{margin:0 0 19px}.download-inner p:last-child{color:#e5d9fa;max-width:480px;font-size:1.05rem}.download-actions{display:flex;flex-direction:column;gap:12px;flex:none}.download-actions .store-button{min-width:205px}
.site-footer{background:#211936;color:#eee8f9}.footer-main{display:flex;align-items:center;gap:30px;min-height:140px}.footer-main p{color:#bcb1cd}.footer-links{display:flex;gap:24px;margin-left:auto}.footer-links a{text-decoration:none;color:#eee8f9;font-weight:700;font-size:.92rem}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff1e;display:flex;justify-content:space-between;gap:20px;padding:24px 0 34px;color:#afa4c4;font-size:.82rem}
.faq-list details a{color:var(--purple);font-weight:800}
.footer-main{flex-wrap:wrap;padding-block:30px}
.footer-links{flex-wrap:wrap;gap:10px 22px}
.legal-hero{color:#fff;background:linear-gradient(120deg,#4e219d,#32116d);padding:150px 0 64px}
.legal-hero .eyebrow{color:#d8c7fa;margin-bottom:14px}
.legal-hero h1{font-size:clamp(2.7rem,5vw,4.8rem);margin:0}
.legal-meta{color:#e5d9fa;margin-top:18px;line-height:1.6}
.legal-content{max-width:850px;padding-block:68px 108px}
.legal-content .legal-intro{font-size:1.13rem;line-height:1.7;margin-bottom:30px;color:var(--ink)}
.legal-content section{margin-top:37px}
.legal-content h2{font-size:1.62rem;margin-bottom:15px}
.legal-content h3{font-size:1.1rem;letter-spacing:-.02em;margin:22px 0 8px}
.legal-content p,.legal-content li,.legal-content address{font-size:1rem;line-height:1.72;color:var(--muted)}
.legal-content p{margin-bottom:15px}
.legal-content ul{padding-left:25px;margin:0 0 15px}
.legal-content li{padding-left:4px;margin:5px 0}
.legal-content a{color:var(--purple);font-weight:700}
.legal-content address{font-style:normal}
.support-content .faq-list summary{min-height:72px;padding:22px 12px;font-size:1rem;border-radius:6px;transition:background-color .15s ease}
.support-content .faq-list summary:hover,.support-content .faq-list summary:focus-visible{background:#f7f4fc}
.support-content .faq-list details p{max-width:none;padding:0 32px 20px 12px;margin-bottom:0}
.support-content .faq-answer strong{color:var(--ink);font-weight:700}
.support-content .faq-group{margin-top:42px}
.support-content .faq-group h3{margin:0 0 18px;color:var(--purple);font-size:1.22rem;font-weight:800;line-height:1.35;cursor:default}
.legal-content .legal-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:11px 21px;border-radius:9px;background:var(--purple);color:#fff;text-decoration:none}
.legal-content .legal-button:hover{background:var(--purple-dark)}
.system-overview{padding:98px 0;border-top:1px solid var(--line)}
.system-overview-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:10%;align-items:center}
.system-overview-copy h2{font-size:clamp(2.2rem,3.5vw,3.6rem);margin-bottom:25px}
.system-overview-copy>p:not(.eyebrow):not(.system-draft-note){font-size:1.08rem;line-height:1.7;color:var(--muted);margin-bottom:16px;max-width:580px}
.system-button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:11px 24px;border-radius:9px;background:var(--purple);color:#fff;text-decoration:none;font-weight:800}
.system-button:hover{background:var(--purple-dark)}
.system-overview-copy .system-button{margin-top:13px}
.system-draft-note{font-size:.88rem;color:var(--muted);line-height:1.6;margin-top:17px}
.system-principles{margin:0}
.system-principles>div{padding:25px 0;border-bottom:1px solid #dcd5e7}
.system-principles>div:first-child{padding-top:0}
.system-principles dt{font-family:Manrope,'DM Sans',Arial,sans-serif;font-size:1.2rem;font-weight:800;color:var(--purple);letter-spacing:-.025em;margin-bottom:8px}
.system-principles dd{font-size:1.02rem;line-height:1.65;color:var(--muted);margin:0}
.system-distinctives-intro{margin-bottom:36px}
.system-distinctives-intro h2{font-size:clamp(2.2rem,3.5vw,3.6rem);margin-bottom:0}
.system-distinctives{list-style:none;padding:0;margin:0}
.system-distinctives>li{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);column-gap:60px;padding:34px 0;border-top:1px solid var(--line)}
.distinctive-heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}
.distinctive-number{color:var(--purple);font-size:.94rem;font-weight:800;line-height:1.7;padding-top:3px}
.distinctive-heading h3{font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.35;letter-spacing:-.025em;margin:0;max-width:440px}
.system-distinctives>li>p{font-size:1.06rem;line-height:1.75;color:var(--muted);margin:0}
.system-distinctives-actions{margin-top:20px}
@media(max-width:750px){.system-distinctives-intro{margin-bottom:28px}.system-distinctives>li{grid-template-columns:1fr;gap:18px;padding:28px 0}.distinctive-heading{gap:12px}.distinctive-heading h3{max-width:none;font-size:1.4rem}.system-distinctives-actions{margin-top:16px}}
.system-hero{background:linear-gradient(120deg,#4e219d,#32116d);color:#fff;padding:155px 0 70px}
.system-hero .eyebrow{color:#d8c7fa;margin-bottom:18px}
.system-hero h1{font-size:clamp(2.8rem,5.3vw,4.8rem);max-width:900px;margin-bottom:24px}
.system-hero .shell>p:last-child{font-size:1.2rem;line-height:1.65;max-width:740px;color:#e5d9fa}
.system-document{max-width:960px;padding-block:46px 100px}
.documentation-notice{padding:22px 26px;background:var(--pale);border-left:3px solid var(--purple)}
.documentation-notice strong{display:block;color:var(--purple);font-size:1rem;margin-bottom:6px}
.documentation-notice p{color:var(--muted);font-size:.95rem;line-height:1.7}
.system-page-nav{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:34px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.system-page-nav a{font-weight:700;color:var(--purple);text-decoration:none;font-size:1rem}
.system-page-nav a:hover{text-decoration:underline}
.system-document-section{padding-top:64px;scroll-margin-top:28px}
.system-document-section .eyebrow{margin-bottom:14px}
.system-document-section h2{font-size:clamp(1.9rem,3.2vw,2.85rem);max-width:820px;margin-bottom:24px}
.system-document-section>p,.system-document-section li{font-size:1.06rem;line-height:1.75;color:var(--muted)}
.system-document-section>p{margin-bottom:18px}
.system-components{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0 0;padding:28px 0;border-block:1px solid var(--line)}
.system-components dt{font-size:1.06rem;font-weight:800;line-height:1.4;color:var(--purple);margin-bottom:12px}
.system-components dd{margin:0;font-size:1rem;line-height:1.65;color:var(--muted)}
.system-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:24px}
.system-section-heading h2{margin-bottom:0}
.documentation-label{font-size:.88rem;font-weight:700;line-height:1.5;color:var(--purple);background:var(--pale);border:1px solid #e0d6ef;border-radius:6px;padding:8px 12px}
.technical-topics{margin-top:30px}
.technical-topics>section{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);column-gap:32px;row-gap:9px;padding:27px 0;border-top:1px solid var(--line)}
.technical-topics h3{grid-row:span 2;font-size:1.22rem;line-height:1.35;letter-spacing:-.025em;margin:0}
.technical-topics p{color:var(--muted);font-size:1rem;line-height:1.65}
.technical-topics .technical-placeholder{color:var(--purple);font-size:.88rem}
.system-limitations{margin-top:20px;border-top:1px solid var(--line)}
.system-limitations ul{padding-left:23px;margin:22px 0 0}
.system-limitations li{padding-left:3px;margin-bottom:13px}
.system-contact{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:52px;padding:30px;border-radius:12px;background:var(--pale)}
.system-contact h2{font-size:1.6rem;margin:0 0 9px}
.system-contact p{font-size:1rem;line-height:1.6;color:var(--muted);max-width:530px}
.system-contact .system-button{flex:none}
@media(max-width:1100px){
  .hero h1{font-size:clamp(3.4rem,6vw,5.5rem)}
  .lesson-grid{gap:5%}
}
@media(max-width:1100px){
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:#ffffff20;border:1px solid #ffffff55;border-radius:9px;color:#fff}.menu-toggle span{width:19px;height:2px;border-radius:2px;background:currentColor}
  .primary-nav{display:none;position:absolute;top:76px;left:18px;right:18px;flex-direction:column;align-items:stretch;gap:0;background:#fff;color:var(--purple);padding:9px 17px 17px;border-radius:15px;box-shadow:0 14px 40px #18053870}.primary-nav.open{display:flex}.primary-nav>a{color:var(--purple);padding:13px 7px;border-bottom:1px solid #eee8f5}
  .primary-nav .nav-feedback{color:var(--purple);border-color:var(--purple);background:transparent;margin-top:12px}
  .primary-nav .nav-feedback:hover{background:var(--pale)}
}
@media(max-width:850px){
  .about-grid{grid-template-columns:1fr;gap:32px}
  .shell{width:min(100% - 36px,1216px)}.section-pad{padding:88px 0}.site-header{height:72px}
  .hero-grid{min-height:0;padding-top:118px;padding-bottom:48px}.hero h1{font-size:clamp(3rem,7vw,4.6rem)}
  .study-layout{gap:32px}.study-step{min-height:150px}.lesson-summary{padding:22px}.faq-grid{gap:5%}.download-inner{align-items:flex-start}.download-inner h2{font-size:2.7rem}
}
@media(max-width:650px){
  .download-section{padding:64px 0;background:linear-gradient(133deg,#4d209a 0%,#4b1b99 56%,#371174 100%)}
  .download-section .download-inner{align-items:center;gap:0;text-align:center}
  .download-inner>div{width:100%;min-width:0}
  .download-inner .section-eyebrow{justify-content:center}
  .download-section .download-inner h2{font-size:clamp(2.4rem,8vw,3rem)}
  .download-inner p:last-child{font-size:1.1rem;max-width:610px;margin-inline:auto}
  .download-section .download-actions{justify-content:center;gap:12px;max-width:420px;margin:30px auto 0}
  .download-actions .store-button{width:auto;min-width:176px;min-height:54px;gap:9px;padding:8px 12px;white-space:nowrap}
  .download-actions .store-button svg,.download-actions .store-button .store-icon{width:23px;height:23px}
  .download-actions .store-button strong{font-size:1.05rem}
  .download-actions .store-button small{font-size:.75rem}
  .section-pad{padding:72px 0}.hero-grid{min-height:0;padding-top:122px;padding-bottom:48px}.hero h1{font-size:clamp(3rem,10vw,4.2rem);max-width:610px}.hero-lead{font-size:1.1rem}.hero-bottom{gap:13px;font-size:.61rem;padding-bottom:22px}.hero-divider{width:20px}
  .section-heading{margin-bottom:38px}.study-steps{gap:0}.study-step{min-height:0;padding-top:17px;padding-bottom:18px}.study-step[aria-selected="true"]{padding-bottom:16px}.step-number{margin-bottom:10px}.app-preview{margin-top:0}
  .lesson-grid,.about-grid,.faq-grid{grid-template-columns:1fr;gap:38px}.lesson-summary{max-width:600px}.about-strip{padding:72px 0}.download-inner{flex-direction:column;gap:28px}.download-actions{flex-direction:row;flex-wrap:wrap}.footer-main{align-items:flex-start;flex-direction:column;gap:13px;padding:40px 0}.footer-links{margin-left:0}.footer-bottom{flex-direction:column;gap:4px}
}
@media(max-width:430px){
  .hero-store-actions .store-button{min-width:156px;width:auto}
  .shell{width:min(100% - 32px,1216px)}.brand{font-size:1.12rem}.brand img{width:35px;height:35px}.hero h1{font-size:3.15rem}.store-button{min-width:0;width:calc(50% - 5px);min-height:59px;padding:8px}.store-button svg,.store-button .store-icon{width:22px;height:22px}.store-button strong{font-size:1rem}.store-button small{font-size:.57rem}.hero-grid{padding-bottom:48px}.hero-bottom{gap:10px;font-size:.52rem}.hero-divider{width:12px}.lesson-summary{padding:20px}.download-actions{width:100%}.download-actions .store-button{min-width:156px;width:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

.beta-section{padding:70px 0;background:#fff;border-top:1px solid #eeeaf4}
.beta-inner{display:flex;align-items:center;justify-content:space-between;gap:48px}
.beta-inner>div{max-width:790px}
.beta-inner .eyebrow{margin-bottom:12px}
.beta-inner h2{font-size:clamp(2rem,3.2vw,3rem);margin-bottom:14px}
.beta-inner p:last-child{color:var(--muted);font-size:1.04rem;line-height:1.65}
.beta-actions{display:flex;flex-direction:column;gap:12px;flex:none}
.beta-link{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 24px;border:1px solid var(--purple);border-radius:9px;color:var(--purple);font-weight:800;text-decoration:none}
.beta-link:hover{background:var(--pale)}
@media(max-width:650px){.beta-section{padding:58px 0}.beta-inner{align-items:flex-start;flex-direction:column;gap:25px}.beta-inner>.beta-actions{max-width:100%;flex-direction:row;flex-wrap:wrap}}
@media(max-width:650px){.legal-hero{padding:122px 0 52px}.legal-content{padding-block:48px 75px}}

.hero-copy{width:min(100%,740px)}
.hero h1{font-size:clamp(2.5rem,11.7vw,4.9rem)}
.hero-title-line{display:block}
.primary-nav{gap:clamp(10px,1.2vw,18px)}
.nav-group{position:relative;display:flex;align-items:center;gap:1px}
.nav-parent{color:#f7f1ff;text-decoration:none;font-size:.91rem;font-weight:700;white-space:nowrap}
.nav-parent:hover{color:#fff}
.nav-disclosure{display:grid;place-items:center;width:32px;height:44px;flex:none;padding:0;border:0;border-radius:7px;background:transparent;color:#f7f1ff}
.nav-disclosure:hover{background:#ffffff15}
.nav-disclosure svg{transition:transform .18s ease}
.nav-group.is-open .nav-disclosure svg{transform:rotate(180deg)}
.nav-dropdown{display:none;position:absolute;top:100%;left:-14px;z-index:60;min-width:230px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #16063230;color:var(--purple)}
.nav-group.is-open>.nav-dropdown{display:block}
.nav-dropdown a{display:block;min-height:44px;padding:10px 12px;border-radius:6px;color:var(--ink);text-decoration:none;font-size:.94rem;line-height:1.55;font-weight:600;white-space:normal}
.nav-dropdown a:hover,.nav-dropdown a[aria-current="page"]{background:var(--pale);color:var(--purple)}
.primary-nav>a[aria-current="page"],.nav-group-current>.nav-parent{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#d4c1fb}
.download-copy{padding-left:48px}
.download-copy .section-eyebrow{margin-left:-48px;gap:8px}
.study-more{margin-top:28px}
.page-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:28px;color:var(--muted);font-size:.94rem;line-height:1.6}
.page-breadcrumb a{color:var(--purple);font-weight:600;text-underline-offset:4px}
.page-breadcrumb [aria-current="page"]{color:var(--ink)}
.account-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:32px}
.account-options .account-option{display:flex;flex-direction:column;align-items:flex-start;min-height:220px;padding:26px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;transition:border-color .15s ease,background-color .15s ease}
.account-option:hover{border-color:var(--purple);background:var(--pale)}
.account-option h2{color:var(--ink);font-size:1.38rem;line-height:1.3;margin-bottom:14px}
.account-option p{font-weight:400;margin-bottom:20px}
.account-option>span{margin-top:auto;color:var(--purple);font-size:1rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.account-help{margin-top:30px}
.account-store-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}
.account-store-actions .store-button{width:auto;min-width:176px;min-height:54px}
.account-store-actions .store-light{border:1px solid var(--line)}
.account-store-actions .store-outline{color:#fff;background:var(--purple);border-color:var(--purple)}
.examples-content{max-width:960px;padding-block:46px 95px}
.examples-content h2{font-size:clamp(1.85rem,3.1vw,2.6rem);line-height:1.2;margin-bottom:22px}
.examples-content p{font-size:1.06rem;line-height:1.75;color:var(--muted);margin-bottom:18px}
.examples-content strong{color:var(--ink);font-weight:700}
.examples-content a:not(.system-button){color:var(--purple);font-weight:700;text-underline-offset:4px}
.examples-intro{padding:12px 0 42px;max-width:800px}
.study-examples{padding-top:20px}
.examples-content .examples-note{font-size:.94rem;margin-bottom:32px;max-width:800px}
.study-example{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:42px;padding:36px 0;border-top:1px solid var(--line)}
.example-question .eyebrow{color:var(--purple);font-size:.76rem;line-height:1.5;margin-bottom:14px}
.example-question h3{font-size:1.48rem;line-height:1.4;letter-spacing:-.025em;margin-bottom:20px}
.example-question .example-references{font-size:.94rem;color:var(--purple);line-height:1.7}
.example-answer .example-label{font-size:.81rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--purple);margin-bottom:14px}
.example-answer p{font-size:1rem}
.example-answer blockquote{margin:0 0 22px;padding:0 0 0 18px;border-left:2px solid #c4b0e5}
.example-answer blockquote p{color:var(--ink)}
.example-source{font-size:.94rem}
.examples-boundaries{padding-top:50px;margin-top:20px;border-top:1px solid var(--line);scroll-margin-top:26px}
.examples-boundaries .eyebrow{color:var(--purple);font-size:.77rem;margin-bottom:18px}
.examples-next{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:40px;margin-top:40px;border-top:1px solid var(--line)}
.examples-next h2{font-size:1.6rem;margin-bottom:12px}
.examples-next p{font-size:1rem;margin-bottom:0;max-width:640px}
.examples-next .system-button{flex:none}
.examples-content .examples-footer-link{margin-top:34px;font-size:1rem}
@media(max-width:1100px){
  .primary-nav{gap:0;max-height:calc(100dvh - 96px);overflow-y:auto}
  .nav-group{flex-wrap:wrap;gap:0;border-bottom:1px solid #eee8f5}
  .nav-parent{flex:1;min-width:0;min-height:50px;padding:13px 7px;color:var(--purple)}
  .nav-parent:hover{color:var(--purple-dark)}
  .nav-disclosure{width:44px;height:50px;color:var(--purple)}
  .nav-disclosure:hover{background:var(--pale)}
  .nav-dropdown{position:static;flex-basis:100%;min-width:0;padding:0 0 10px 16px;border:0;border-radius:0;box-shadow:none;background:transparent}
  .primary-nav>a[aria-current="page"],.nav-group-current>.nav-parent{text-decoration-color:var(--purple)}
}
@media(max-width:650px){
  .download-copy{padding-left:0}
  .download-copy .section-eyebrow{margin-left:0}
  .account-options{grid-template-columns:1fr;gap:16px}
  .account-options .account-option{min-height:190px;padding:24px}
  .account-store-actions .store-button{min-width:156px}
  .examples-content{padding-block:38px 72px}
  .examples-intro{padding-bottom:28px}
  .study-example{grid-template-columns:1fr;gap:8px;padding:30px 0}
  .example-question h3{font-size:1.4rem;margin-bottom:14px}
  .examples-next{align-items:flex-start;flex-direction:column;gap:22px}
}

@media(max-width:700px){.study-path{padding:72px 0}.study-layout{grid-template-columns:1fr;gap:32px}.study-guide .section-heading{margin-bottom:26px}.study-guide .section-heading h2{font-size:clamp(2.2rem,8vw,3rem)}.study-steps{grid-template-columns:1fr}.study-step{min-height:0}.app-preview{margin-inline:auto}.preview-gallery{width:min(100%,390px)}}
@media(max-width:750px){
  .system-overview-grid{grid-template-columns:1fr;gap:40px}.system-overview{padding:72px 0}
  .system-components{grid-template-columns:1fr;gap:23px}.system-components>div+div{padding-top:22px;border-top:1px solid var(--line)}
}
@media(max-width:650px){
  .system-hero{padding:122px 0 52px}.system-hero .shell>p:last-child{font-size:1.08rem}
  .system-document{padding-block:30px 70px}.documentation-notice{padding:20px}
  .system-document-section{padding-top:44px}.system-page-nav{gap:15px 24px}
  .technical-topics>section{grid-template-columns:1fr;gap:10px}.technical-topics h3{grid-row:auto}
  .system-contact{align-items:flex-start;flex-direction:column;gap:22px;padding:24px}
}

.overview-hero{padding:150px 0 70px;background:linear-gradient(133deg,#4d209a 0%,#4b1b99 56%,#371174 100%);color:#fff;text-align:center}
.overview-hero .eyebrow{color:#ddcbff;margin-bottom:22px}
.overview-hero h1{font-size:clamp(2.5rem,5.3vw,4.9rem);line-height:1.1;margin:0 auto 27px;max-width:1000px}
.overview-hero-lead{max-width:710px;margin-inline:auto;color:#ebe2ff;font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.65}
.overview-document{max-width:1040px;padding-block:42px 90px}
.overview-intro{max-width:820px;font-size:1.2rem;line-height:1.75;color:var(--muted);margin:38px 0 48px}
.overview-benefit{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:56px;padding:46px 0;border-top:1px solid var(--line)}
.overview-benefit .eyebrow{margin-bottom:16px}
.overview-benefit h2{font-size:clamp(1.9rem,3vw,2.55rem);line-height:1.2;margin:0;max-width:370px}
.overview-benefit-copy p{font-size:1.06rem;line-height:1.75;color:var(--muted);margin-bottom:18px}
.overview-benefit-copy strong{color:var(--ink);font-weight:700}
.overview-benefit-copy .text-link{margin-top:2px;font-size:1rem}
.overview-next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:44px;padding:34px;background:var(--pale);border-radius:12px;margin-top:28px}
.overview-next .eyebrow{margin-bottom:14px}
.overview-next h2{font-size:clamp(1.85rem,3vw,2.5rem);margin-bottom:18px}
.overview-next p:not(.eyebrow){max-width:600px;color:var(--muted);font-size:1.04rem;line-height:1.7}
.overview-download-actions{flex-direction:column;margin:0}
.overview-questions{margin-top:30px;color:var(--muted);font-size:1rem}
.overview-questions a{color:var(--purple);font-weight:700;text-underline-offset:4px}
@media(max-width:750px){.overview-benefit{grid-template-columns:1fr;gap:22px;padding:36px 0}.overview-benefit h2{max-width:620px}.overview-next{grid-template-columns:1fr;gap:26px}.overview-download-actions{flex-direction:row}}
@media(max-width:650px){.overview-hero{padding:122px 0 54px}.overview-hero h1{font-size:clamp(2.2rem,8.4vw,3.25rem)}.overview-document{padding-block:32px 68px}.overview-intro{font-size:1.1rem;margin:28px 0 36px}.overview-next{padding:26px 22px}.overview-download-actions .store-button{min-width:156px}.overview-download-actions{gap:12px}}