:root {
  --blue: #2563eb;
  --blue-dark: #1d4ed8;
  --navy: #10203a;
  --text: #1f2937;
  --muted: #6b7280;
  --surface: #f6f9ff;
  --line: rgba(37, 99, 235, .10);
  --purple: #8b5cf6;
  --radius: 24px;
  --shadow: 0 24px 60px rgba(24, 57, 116, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: #fff; font-family: "DM Sans", "Noto Sans SC", sans-serif; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.site-header { position: fixed; z-index: 100; top: 0; width: 100%; border-bottom: 1px solid transparent; transition: .25s ease; }
.site-header.scrolled { background: rgba(255,255,255,.88); border-color: rgba(15,37,73,.07); backdrop-filter: blur(18px); box-shadow: 0 8px 30px rgba(30,59,112,.05); }
.nav { height: 76px; display: flex; align-items: center; gap: 36px; }
.brand { display: flex; align-items: center; gap: 11px; font-weight: 800; color: #162641; font-size: 20px; white-space: nowrap; }
.brand-mark { display: grid; place-items: center; width: 38px; height: 38px; color: #fff; border-radius: 12px 12px 12px 5px; background: linear-gradient(145deg,#3b82f6,#1d4ed8); box-shadow: 0 7px 16px rgba(37,99,235,.25); }
.nav-links { display: flex; gap: 32px; margin: auto; color: #536075; font-size: 14px; font-weight: 500; }
.nav-links a { transition: color .2s; }
.nav-links a:hover { color: var(--blue); }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 10px; min-height: 50px; padding: 0 24px; border: 0; border-radius: 14px; color: #fff; background: linear-gradient(135deg,var(--blue),var(--blue-dark)); font-weight: 700; font-size: 15px; box-shadow: 0 12px 26px rgba(37,99,235,.22); cursor: pointer; transition: transform .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); box-shadow: 0 16px 30px rgba(37,99,235,.28); }
.button-small { min-height: 42px; padding-inline: 18px; border-radius: 12px; font-size: 14px; }
.menu-button { display: none; padding: 8px; border: 0; background: transparent; }
.menu-button span { display: block; width: 23px; height: 2px; margin: 5px; background: var(--navy); }

.hero { position: relative; overflow: hidden; min-height: 820px; padding: 145px 0 80px; background: linear-gradient(148deg,#fff 28%,#f3f7ff 100%); }
.hero::after { content:""; position: absolute; right: -12%; bottom: -160px; width: 700px; height: 700px; border: 1px solid rgba(37,99,235,.08); border-radius: 50%; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(3px); pointer-events: none; }
.hero-glow-one { top: 115px; left: -100px; width: 360px; height: 360px; background: radial-gradient(circle,rgba(37,99,235,.10),transparent 68%); }
.hero-glow-two { right: 15%; bottom: 5%; width: 260px; height: 260px; background: radial-gradient(circle,rgba(139,92,246,.09),transparent 68%); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 70px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--blue); background: #eff6ff; border: 1px solid #dbeafe; padding: 8px 13px; border-radius: 30px; font-size: 13px; font-weight: 700; }
.eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(37,99,235,.12); }
h1,h2,h3,p { margin-top: 0; }
h1 { margin: 25px 0 22px; color: #13213a; font-size: clamp(48px,5.1vw,72px); letter-spacing: -.045em; line-height: 1.14; }
h1 em { color: var(--blue); font-style: normal; }
.hero-lead { max-width: 550px; color: #5f6c80; font-size: 18px; line-height: 1.85; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 34px; }
.text-link { display: flex; align-items: center; gap: 10px; color: #344258; font-weight: 600; font-size: 15px; }
.play-icon { display: grid; place-items: center; width: 36px; height: 36px; padding-left: 2px; color: var(--blue); background: #fff; border: 1px solid #dce6f8; border-radius: 50%; box-shadow: 0 6px 15px rgba(28,67,132,.09); font-size: 10px; }
.hero-trust { display: flex; gap: 24px; margin-top: 42px; color: #7a8596; font-size: 13px; }
.hero-trust i { color: var(--blue); font-style: normal; font-weight: 700; }
.hero-visual { position: relative; height: 605px; display: grid; place-items: center; }
.phone { position: relative; z-index: 3; width: 318px; height: 628px; overflow: hidden; border: 8px solid #172239; border-radius: 44px; background: #fff; box-shadow: 0 35px 70px rgba(21,51,105,.28), inset 0 0 0 1px #42506a; }
.phone-top { height: 25px; padding: 8px 22px 0; display: flex; align-items: center; font-size: 9px; font-weight: 700; }
.phone-top i { margin-left: auto; width: 13px; height: 7px; border: 1px solid #182235; border-radius: 4px; }
.phone-top b { width: 5px; height: 5px; border-radius: 50%; background: #182235; margin-left: 5px; }
.app-bar { height: 50px; display: flex; justify-content: space-between; align-items: center; padding: 0 16px; font-size: 12px; font-weight: 700; }
.app-bar button { border: 0; background: transparent; color: var(--text); font-size: 18px; }
.story-cover { position: relative; height: 205px; margin: 0 13px; overflow: hidden; border-radius: 20px; background: linear-gradient(#cbe3ff,#eaf3ff); }
.moon { position: absolute; left: 45px; top: 34px; width: 36px; height: 36px; border-radius: 50%; background: #fff8d9; box-shadow: 0 0 18px rgba(255,234,143,.8); }
.sky-dot { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: white; box-shadow: 30px 15px 0 white,70px -6px 0 white,140px 20px 0 white; }.dot-one{left:25px;top:25px}.dot-two{left:110px;top:68px}
.hill { position:absolute; bottom:-35px; border-radius:50%; }.hill-back{left:-30px;width:240px;height:115px;background:#7793be;transform:rotate(8deg)}.hill-front{right:-45px;width:230px;height:110px;background:#46678f;transform:rotate(-7deg)}
.fox { position: absolute; z-index: 2; left: 119px; bottom: 25px; width: 70px; height: 65px; border-radius: 38px 38px 30px 30px; background: #d58c57; }.fox-ear{position:absolute;top:-13px;width:28px;height:35px;background:#c77e4e;transform:rotate(35deg);border-radius:5px 25px 5px 20px}.fox-ear.right{right:0;transform:rotate(-35deg)}.fox-face{position:absolute;top:26px;width:100%;text-align:center;color:#49362e;font-size:13px}.story-level{position:absolute;right:10px;top:10px;color:#fff;background:rgba(27,42,67,.45);padding:5px 9px;border-radius:15px;font-size:8px;backdrop-filter:blur(5px)}
.story-content { padding: 15px 18px; }.story-meta{display:flex;justify-content:space-between;color:#98a1b0;font-size:8px;font-weight:700;letter-spacing:.08em}.story-content>p{margin:12px 0 9px;color:#273650;font-family:Georgia,serif;font-size:15px;line-height:1.55}.story-content mark,.reader-paper mark{position:relative;color:var(--blue);background:#dbeafe;border-radius:3px;padding:0 2px}.story-content mark::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--blue);border-radius:2px}.word-tip{position:relative;padding:10px 12px;border:1px solid #e7ecf4;border-radius:12px;background:#fbfcff;font-size:10px}.word-tip b{font-size:12px}.word-tip span{margin-left:7px;color:#8b5cf6}.word-tip button{position:absolute;right:9px;top:8px;width:25px;height:25px;border:0;border-radius:8px;color:var(--blue);background:#e9f2ff}.word-tip small{display:block;color:#697588;margin-top:4px}.player{display:flex;align-items:center;gap:10px;margin-top:12px}.play-toggle{width:32px;height:32px;padding-left:3px;border:0;border-radius:50%;color:white;background:var(--blue);font-size:9px}.wave{height:25px;display:flex;align-items:center;gap:3px;flex:1}.wave i{width:2px;height:30%;border-radius:3px;background:#a9c5f7;animation:wave 1.1s ease-in-out infinite}.wave i:nth-child(2n){height:65%;animation-delay:.15s}.wave i:nth-child(3n){height:90%;animation-delay:.3s}.player>span{color:#8792a4;font-size:8px}.home-indicator{position:absolute;bottom:6px;left:50%;width:105px;height:4px;transform:translateX(-50%);border-radius:5px;background:#1d293c}
@keyframes wave { 50% { transform: scaleY(.45); } }
.orbit{position:absolute;border:1px solid rgba(37,99,235,.13);border-radius:50%}.orbit-one{width:505px;height:505px}.orbit-two{width:410px;height:410px;border-style:dashed}.floating-card{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(255,255,255,.7);border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 16px 35px rgba(30,64,125,.15);backdrop-filter:blur(12px);animation:float 5s ease-in-out infinite}.floating-card strong{display:block;color:#26334b;font-size:11px}.floating-card small{display:block;margin-top:3px;color:#8b95a5;font-size:8px}.float-progress{top:87px;right:-5px}.float-word{bottom:98px;left:-8px;animation-delay:-2.2s}.mini-icon,.sound-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;color:var(--blue);background:#eaf2ff;font-weight:800;font-size:11px}.sound-icon{color:var(--purple);background:#f1ebff}.mini-ring{display:grid;place-items:center;width:35px;height:35px;margin-left:8px;border:3px solid #dbe8ff;border-top-color:var(--blue);border-radius:50%;color:var(--blue);font-size:7px;font-weight:700}@keyframes float{50%{transform:translateY(-10px)}}

.section { padding: 112px 0; }.section-heading{max-width:670px;margin-bottom:55px}.section-heading.centered{text-align:center;margin-inline:auto}.section-kicker{display:inline-block;margin-bottom:15px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.section-heading h2,.content-block h2,.creation-copy h2,.download-copy h2{margin-bottom:18px;color:#14223a;font-size:clamp(34px,4vw,48px);line-height:1.25;letter-spacing:-.035em}.section-heading p,.content-block>p,.creation-copy>p{color:var(--muted);font-size:16px;line-height:1.8}.intro{background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{position:relative;min-height:330px;padding:31px;overflow:hidden;border:1px solid #e9eef8;border-radius:22px;background:#fff;box-shadow:0 15px 40px rgba(31,70,137,.06);transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;font-weight:800}.icon-blue{color:var(--blue);background:#eaf2ff}.icon-purple{color:var(--purple);background:#f2ecff}.icon-cyan{color:#0e7490;background:#e6f9fd}.feature-number{position:absolute;right:25px;top:27px;color:#dfe6f2;font-size:28px;font-weight:800}.feature-card h3{margin:23px 0 10px;color:#1b2b46;font-size:21px}.feature-card>p{color:#6f7989;font-size:14px;line-height:1.75}.micro-demo{position:absolute;left:30px;right:30px;bottom:29px}.sync-demo{display:flex;justify-content:center;gap:8px;padding:17px;border-radius:12px;background:#f6f8fc;color:#7d8795;font-family:Georgia,serif;font-size:12px}.sync-demo .active{position:relative;color:var(--blue);font-weight:700}.sync-demo .active::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:var(--blue)}.dictionary-demo{padding:13px 16px;border:1px solid #eee9fb;border-radius:12px;background:#fbfaff}.dictionary-demo b{font-size:12px}.dictionary-demo span{margin-left:8px;color:var(--purple);font-size:9px}.dictionary-demo small{display:block;margin-top:5px;color:#798394;font-size:9px}.level-demo{display:flex;align-items:center}.level-demo span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dce5f3;border-radius:50%;color:#8b96a7;font-size:10px}.level-demo span.current{border-color:var(--blue);color:#fff;background:var(--blue);box-shadow:0 7px 15px rgba(37,99,235,.2)}.level-demo i{height:1px;flex:1;background:#dce5f3}

.reader-section{overflow:hidden;background:var(--surface)}.split-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:80px;align-items:center}.content-block{max-width:480px}.tablet-wrap{perspective:1200px}.tablet{position:relative;width:690px;height:455px;padding:14px;border:2px solid #29354c;border-radius:30px;background:#111b2c;box-shadow:0 35px 60px rgba(18,42,84,.25);transform:rotateY(4deg) rotateX(2deg);transform-origin:right}.tablet-camera{position:absolute;z-index:3;left:5px;top:50%;width:4px;height:4px;border-radius:50%;background:#52617b}.tablet-screen{display:grid;grid-template-columns:195px 1fr;height:100%;overflow:hidden;border-radius:18px;background:#fff}.tablet aside{padding:19px 14px;background:#f7f9fd}.tablet-brand{display:flex;align-items:center;gap:6px;color:#1e2b42;font-size:11px;font-weight:800}.tablet-brand span{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;color:#fff;background:var(--blue);font-size:9px}.search{margin:16px 0;padding:9px;border-radius:8px;color:#9ba5b3;background:#fff;font-size:8px}.tablet aside>small{display:block;margin-bottom:8px;color:#9aa4b3;font-size:7px}.story-list{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:7px;border-radius:10px}.story-list.active{background:#fff;box-shadow:0 6px 15px rgba(35,67,120,.08)}.list-art{display:grid;place-items:center;width:43px;height:40px;border-radius:7px;color:white}.art-one{background:#7aa8e7}.art-two{background:#74aa86}.art-three{background:#b38368}.story-list b,.story-list span{display:block;font-size:7px}.story-list span{margin-top:4px;color:#9ba4b2;font-size:6px}.reader-pane{padding:0 20px;background:#edf3fb}.reader-toolbar{height:52px;display:flex;justify-content:space-between;align-items:center;color:#556174;font-size:9px}.reader-toolbar b{color:#25334a}.reader-art{position:relative;height:185px;overflow:hidden;border-radius:14px 14px 0 0;background:linear-gradient(#acd6f5,#eaf4fa)}.cloud{position:absolute;width:50px;height:16px;border-radius:20px;background:white;box-shadow:18px 3px 0 -4px white,-15px 5px 0 -6px white}.cloud-a{left:65px;top:55px}.cloud-b{right:75px;top:35px;transform:scale(.7)}.mountains{position:absolute;bottom:-30px;left:-5%;width:110%;height:120px;background:linear-gradient(145deg,transparent 0 35%,#6984a8 36% 54%,transparent 55%),linear-gradient(215deg,transparent 0 39%,#4f6e95 40% 60%,transparent 61%)}.reader-paper{position:relative;min-height:167px;padding:18px 40px;border-radius:0 0 14px 14px;background:white;box-shadow:0 10px 30px rgba(35,68,121,.10)}.page-label{display:block;color:#a2acb9;font-size:6px;letter-spacing:.1em}.reader-paper p{margin:10px 0;color:#35445b;font-family:Georgia,serif;font-size:13px;line-height:1.7}.reader-controls{display:flex;align-items:center;gap:12px;color:#9aa4b3}.reader-controls button{width:27px;height:27px;border:0;border-radius:50%;color:white;background:var(--blue);font-size:7px}.reader-controls div{height:2px;flex:1;background:#e5eaf1}.reader-controls div b{display:block;width:38%;height:100%;background:var(--blue)}.check-list{list-style:none;padding:0;margin:32px 0 0}.check-list li{display:flex;align-items:center;gap:15px;margin:18px 0}.check-list li>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:var(--blue);background:#e8f1ff;font-weight:800}.check-list b,.check-list small{display:block}.check-list b{color:#26364f;font-size:14px}.check-list small{margin-top:4px;color:#8993a2;font-size:12px}

.method-section{background:#fff}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.timeline{position:relative}.timeline::before{content:"";position:absolute;left:22px;top:30px;bottom:30px;width:1px;background:#dae5f7}.timeline article{position:relative;display:flex;gap:25px;margin-bottom:31px}.timeline article>span{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 45px;height:45px;border:1px solid #d7e4f9;border-radius:14px;color:var(--blue);background:#f5f9ff;font-size:13px;font-weight:800}.timeline article:first-child>span{color:white;background:var(--blue);box-shadow:0 10px 22px rgba(37,99,235,.22)}.timeline small{color:#9aa4b3;font-size:8px;letter-spacing:.15em}.timeline h3{margin:4px 0 5px;color:#24334c;font-size:17px}.timeline p{margin:0;color:#7c8797;font-size:13px}.progress-card{padding:28px;border:1px solid #e4ebf7;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.progress-top,.mastery-title{display:flex;justify-content:space-between;align-items:center}.progress-top>span:first-child{font-weight:800}.status-dot{padding:5px 9px;border-radius:20px;color:#15803d;background:#ecfdf3;font-size:8px}.week-chart{height:145px;display:flex;gap:14px;align-items:end;margin:25px 0 32px;padding:14px 10px 0;border-bottom:1px solid #edf0f5;background:repeating-linear-gradient(to bottom,#eef2f7 0 1px,transparent 1px 38px)}.week-chart div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center}.week-chart i{width:12px;height:var(--h);border-radius:7px 7px 2px 2px;background:#ceddf6}.week-chart .today i{background:var(--blue);box-shadow:0 6px 12px rgba(37,99,235,.2)}.week-chart small{margin:7px 0 -20px;color:#8e98a8;font-size:8px}.mastery-title{margin-bottom:16px;font-size:11px}.mastery-title span{color:var(--blue);font-size:8px}.mastery-item{display:grid;grid-template-columns:75px 1fr 22px;gap:10px;align-items:center;margin:12px 0;color:#6f7a8a;font-size:8px}.mastery-item>div{height:5px;border-radius:4px;background:#edf1f6}.mastery-item>div i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#60a5fa,var(--blue))}.mastery-item b{text-align:right;color:#34435a}.next-review{display:flex;align-items:center;gap:11px;margin-top:21px;padding:13px;border-radius:13px;background:#f3f7ff}.next-review>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--blue);background:white}.next-review b,.next-review small{display:block;font-size:9px}.next-review small{margin-top:3px;color:#8c96a5;font-size:7px}.next-review>i{margin-left:auto;color:var(--blue);font-style:normal}

.creation-section{padding-top:70px}.creation-card{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;min-height:535px;padding:65px 65px 0;overflow:hidden;border-radius:32px;background:linear-gradient(135deg,#1d4ed8,#283da4 60%,#4b3292);box-shadow:0 28px 60px rgba(37,66,168,.22)}.creation-card::before{content:"";position:absolute;left:-150px;bottom:-250px;width:500px;height:500px;border:1px solid rgba(255,255,255,.13);border-radius:50%}.creation-copy{position:relative;z-index:2;align-self:start;padding-top:10px}.section-kicker.light{color:#bfdbfe}.creation-copy h2,.creation-copy>p{color:#fff}.creation-copy h2{font-size:41px}.creation-copy>p{color:#d9e5ff;font-size:14px}.creation-tags{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.creation-tags span{padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#eaf1ff;background:rgba(255,255,255,.08);font-size:10px}.button-white{color:var(--blue-dark);background:#fff;box-shadow:0 12px 25px rgba(14,27,83,.25)}.creation-workbench{position:relative;z-index:2;align-self:end;min-height:430px;padding:19px;border-radius:20px 20px 0 0;background:#f9fbff;box-shadow:0 -10px 40px rgba(8,22,73,.22)}.workbench-top{display:flex;align-items:center;gap:18px;padding-bottom:15px;border-bottom:1px solid #e9edf4;font-size:9px}.workbench-top>span{display:flex;gap:4px}.workbench-top i{width:7px;height:7px;border-radius:50%;background:#d5dbe5}.workbench-top i:first-child{background:#ff8d87}.workbench-top b{color:#35435a}.workbench-top small{margin-left:auto;color:#9ba4b1}.prompt-box{margin-top:15px;padding:17px;border:1px solid #e4eaf4;border-radius:14px;background:white}.prompt-box small{color:#9ca5b3;font-size:8px}.prompt-box p{min-height:50px;margin:8px 0;color:#39475c;font-size:11px;line-height:1.6}.prompt-box>div{display:flex;gap:6px}.prompt-box span{padding:5px 8px;border-radius:6px;color:#6f7d90;background:#f1f5fb;font-size:7px}.prompt-box button{margin-left:auto;padding:6px 11px;border:0;border-radius:7px;color:#fff;background:var(--blue);font-size:8px}.generating{display:flex;gap:18px;margin-top:15px;padding:15px;border:1px solid #e8edf5;border-radius:14px;background:#fff}.generated-cover{position:relative;display:flex;align-items:end;width:125px;height:145px;padding:14px;overflow:hidden;border-radius:11px;color:white;background:linear-gradient(155deg,#7289ca,#303f76);font-family:Georgia,serif;font-size:11px;line-height:1.4}.generated-cover::before{content:"";position:absolute;right:-30px;top:35px;width:110px;height:110px;border-radius:50%;background:#dd9a5d}.generated-cover span{position:relative;z-index:1}.generated-cover i{position:absolute;right:12px;top:10px}.generated-copy{flex:1;padding-top:15px}.generated-copy span{display:block;margin-bottom:20px;color:var(--blue);font-size:9px;font-weight:700}.generated-copy i{display:block;width:100%;height:7px;margin:9px 0;border-radius:6px;background:linear-gradient(90deg,#e7ecf4 30%,#f5f7fa 45%,#e7ecf4 60%);background-size:300%;animation:shimmer 2s infinite}.generated-copy i.short{width:65%}.generated-copy small{display:block;margin-top:22px;color:#a0a9b7;font-size:7px}@keyframes shimmer{to{background-position:-300%}}

.community-section{overflow:hidden;background:#f8faff}.split-layout.reverse{grid-template-columns:.85fr 1.15fr}.community-points{margin-top:30px}.community-points>div{display:grid;grid-template-columns:42px 1fr;column-gap:13px;margin:20px 0}.community-points>div>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:var(--blue);background:white;box-shadow:0 7px 17px rgba(34,69,130,.08)}.community-points b,.community-points small{display:block}.community-points b{font-size:13px}.community-points small{margin-top:4px;color:#8b95a4;font-size:11px}.community-visual{position:relative;height:500px}.community-phone{position:absolute;width:260px;height:480px;padding:20px;overflow:hidden;border:7px solid #172238;border-radius:36px;background:#f8faff;box-shadow:0 28px 55px rgba(24,51,99,.2)}.back-phone{left:25px;top:30px;transform:rotate(-6deg)}.front-phone{right:40px;z-index:2;transform:rotate(5deg);background:white}.social-head{display:flex;justify-content:space-between;margin:12px 0 20px;color:#23324b;font-size:12px;font-weight:800}.channel-card{margin:12px 0;padding:10px;border-radius:13px;background:white;box-shadow:0 7px 18px rgba(36,68,123,.08)}.channel-art{height:95px;display:grid;place-items:center;margin-bottom:8px;border-radius:9px;color:white;font-size:28px}.c-one{background:linear-gradient(145deg,#95c5dd,#547ca8)}.c-two{background:linear-gradient(145deg,#e4b587,#9c6d70)}.channel-card b,.channel-card small{display:block;font-size:9px}.channel-card small{margin-top:4px;color:#9aa4b2;font-size:7px}.social-user{display:flex;gap:8px;align-items:center}.social-user>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:#7c9de8;font-size:9px}.social-user b,.social-user small{display:block;font-size:8px}.social-user small{margin-top:3px;color:#9da6b4;font-size:6px}.social-cover{position:relative;height:225px;margin-top:13px;padding:23px;border-radius:13px;color:#fff;background:linear-gradient(155deg,#a4d2ac,#416c67);font-family:Georgia,serif;font-size:20px;line-height:1.4}.social-cover::after{content:"";position:absolute;right:25px;bottom:-18px;width:110px;height:145px;border-radius:70% 40% 0 0;background:#d9b37c;transform:rotate(-15deg)}.social-cover i{position:absolute;z-index:2;right:20px;bottom:16px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--blue);background:white;font-size:8px}.front-phone>p{margin:12px 2px;color:#536075;font-size:8px;line-height:1.6}.social-actions{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid #edf0f5;color:#8c96a5;font-size:7px}

.download-section{padding:105px 0}.download-card{position:relative;min-height:360px;overflow:hidden;border-radius:30px;background:linear-gradient(135deg,#eff6ff,#e6eeff);}.download-copy{position:relative;z-index:3;padding:66px}.download-copy>span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.1em}.download-copy h2{margin:14px 0 12px;font-size:38px}.download-copy p{color:#6e7a8c;font-size:13px}.download-orb{position:absolute;border-radius:50%}.orb-a{right:-60px;top:-180px;width:500px;height:500px;border:1px solid rgba(37,99,235,.15)}.orb-b{right:140px;bottom:-230px;width:430px;height:430px;background:rgba(255,255,255,.35)}.books{position:absolute;right:100px;bottom:20px;width:320px;height:270px}.book{position:absolute;right:0;bottom:0;display:flex;align-items:center;padding-left:18px;border-radius:4px 10px 10px 4px;color:rgba(255,255,255,.7);font-size:9px;letter-spacing:.15em;box-shadow:0 16px 25px rgba(48,72,119,.16)}.b1{width:250px;height:52px;background:#5972a2;transform:rotate(3deg)}.b2{right:25px;bottom:48px;width:235px;height:47px;background:#d29a70;transform:rotate(-4deg)}.b3{right:8px;bottom:91px;width:210px;height:42px;background:#537a6a;transform:rotate(2deg)}.plant{position:absolute;right:20px;bottom:127px;color:#4d806c;font-size:100px;transform:rotate(-10deg)}
footer{padding:45px 0;background:#101b2e;color:#aab5c7}.footer-inner{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px}.footer-brand{color:#fff}.footer-inner p{margin:0;font-size:12px}.footer-links{display:flex;gap:24px;color:#c7d0de;font-size:12px}.footer-inner small{grid-column:1/-1;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:10px}.copyright{display:flex;align-items:center;gap:18px}.copyright a{color:#aab5c7;transition:color .2s}.copyright a:hover{color:#fff}.toast{position:fixed;z-index:200;left:50%;bottom:28px;padding:12px 18px;border-radius:10px;color:#fff;background:#16243b;box-shadow:0 12px 30px rgba(15,28,52,.25);font-size:13px;transform:translate(-50%,25px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}

@media (max-width: 1050px){.hero-grid{gap:20px}.float-progress{right:-15px}.float-word{left:-20px}.split-layout{gap:35px}.tablet{width:590px;height:395px}.tablet-screen{grid-template-columns:165px 1fr}.reader-art{height:155px}.method-grid{gap:55px}.creation-card{padding-inline:45px}.community-phone{width:235px}.front-phone{right:0}.books{right:45px}}
@media (max-width: 820px){.container{width:min(100% - 32px,680px)}.nav{height:66px}.menu-button{display:block;margin-left:auto}.nav-cta{display:none}.nav-links{position:fixed;inset:66px 0 auto 0;display:flex;flex-direction:column;gap:0;padding:12px 24px 24px;background:rgba(255,255,255,.98);box-shadow:0 15px 30px rgba(27,56,105,.09);transform:translateY(-140%);transition:.25s}.nav-links.open{transform:none}.nav-links a{padding:15px 8px;border-bottom:1px solid #edf1f7}.hero{padding-top:115px;min-height:auto}.hero-grid,.split-layout,.method-grid,.creation-card,.split-layout.reverse{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-visual{margin-top:30px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:280px}.tablet{width:100%;height:auto;aspect-ratio:1.52}.tablet-screen{grid-template-columns:28% 1fr}.reader-art{height:43%}.reader-paper{min-height:0}.content-block{max-width:620px}.method-grid{gap:45px}.creation-card{padding:50px 35px 0}.creation-copy{padding-bottom:10px}.community-visual{order:2;max-width:560px;width:100%;margin:auto}.community-phone{width:255px}.books{opacity:.4;right:-20px}.download-copy{padding:55px 45px}.download-copy{position:relative}.footer-inner{grid-template-columns:1fr auto}.footer-inner p{grid-column:1/-1;grid-row:2}.footer-links{grid-column:2;grid-row:1}}
@media (max-width: 560px){.container{width:calc(100% - 28px)}.hero{padding-top:104px}.eyebrow{font-size:11px}h1{font-size:43px}.hero-lead{font-size:15px}.hero-actions{flex-direction:column;gap:18px}.hero-trust{gap:13px;font-size:10px}.hero-visual{height:560px;transform:scale(.88);margin:-5px -30px -35px}.float-progress{right:-2px}.float-word{left:-2px}.section{padding:80px 0}.section-heading h2,.content-block h2,.creation-copy h2,.download-copy h2{font-size:32px}.section-heading p,.content-block>p{font-size:14px}.tablet{transform:none;border-radius:19px;padding:8px}.tablet-screen{border-radius:12px}.tablet aside{display:none}.tablet-screen{grid-template-columns:1fr}.reader-art{height:48%}.reader-paper{padding:13px 25px}.reader-toolbar{height:38px}.feature-card{padding:26px}.micro-demo{left:26px;right:26px}.method-grid{gap:30px}.progress-card{padding:22px}.week-chart{gap:7px}.creation-section{padding-top:40px}.creation-card{padding:40px 20px 0;border-radius:24px}.creation-workbench{min-height:390px;padding:13px}.generated-cover{width:105px}.community-visual{height:430px;transform:scale(.82);transform-origin:top center;margin-bottom:-70px}.back-phone{left:-25px}.front-phone{right:-25px}.download-section{padding:70px 0}.download-card{min-height:390px}.download-copy{padding:45px 28px}.download-copy h2{font-size:30px}.books{right:-90px;bottom:-20px;opacity:.28}.footer-inner{display:flex;flex-direction:column;align-items:flex-start}.footer-links{order:3}.footer-inner small{width:100%}.delay-1,.delay-2{transition-delay:0s}}
@media (max-width: 560px){.copyright{flex-direction:column;align-items:flex-start;gap:8px}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}