html{scroll-behavior:smooth;scroll-padding-top:88px}a{color:inherit;text-decoration:none}h1,h2,h3,p,ol,figure{margin:0}img{max-width:100%;height:auto;display:block}.sticker{border-radius:var(--radius-pill);background:var(--ink);color:var(--bg);font:600 12.5px/18px var(--font-ui);white-space:nowrap;align-items:center;gap:6px;padding:5px 13px;display:inline-flex}.sticker.quiet{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-button)}.hl{color:inherit}.btn{border-radius:var(--radius-pill);height:48px;font:700 15px/1 var(--font-ui);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;padding:0 26px;transition:transform .12s,box-shadow .12s,background-color .12s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:focus-visible,.chip:focus-visible,.site-header a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--ink);color:var(--bg)}.btn-secondary{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-button)}.chip{border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font:600 15px/22px var(--font-ui);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-button);border:0;align-items:center;gap:8px;padding:8px 16px;transition:transform .12s,background-color .12s;display:inline-flex}.chip:hover{transform:translateY(-1px)}.chip.is-active{background:var(--accent);color:var(--accent-ink)}.chip-num{color:var(--ink-2);font-variant-numeric:tabular-nums}.chip.is-active .chip-num{color:var(--accent-ink);opacity:.6}.site-header{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);align-items:center;gap:28px;height:72px;padding:0 24px;display:flex;position:sticky;top:0}.brand{font:800 17px/1 var(--font-display);letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:9px;display:inline-flex}.brand .hl{background:linear-gradient(transparent 58%, var(--accent) 58%, var(--accent) 96%, transparent 96%)}.site-nav{flex:1;gap:4px;min-width:0;display:flex}.nav-plain{align-items:center;gap:7px;display:inline-flex}.nav-plain svg{display:none}.site-nav a,.nav-plain,.lang-link{border-radius:var(--radius-s);font:600 15px/20px var(--font-ui);white-space:nowrap;color:var(--ink-2);padding:8px 10px;font-weight:500;position:relative}.site-nav a:after,.nav-plain:after,.lang-link:after{content:"";background:var(--accent);opacity:0;border-radius:3px;height:3px;transition:opacity .12s;position:absolute;bottom:2px;left:10px;right:10px}.site-nav a:hover,.nav-plain:hover,.lang-link:hover{color:var(--ink)}.site-nav a:hover:after,.nav-plain:hover:after,.lang-link:hover:after{opacity:1}.site-header-right{align-items:center;gap:6px;margin-left:auto;display:flex}.site-header-right .btn{height:42px;padding:0 20px;font-size:15px}.account-link.is-in{gap:5px}.account-link b{font-variant-numeric:tabular-nums;font-weight:600}.lang-link{align-items:center;gap:6px;display:inline-flex}main{overflow-x:clip}.hero{--hang:220px;--below:0px;isolation:isolate;max-width:1280px;padding:48px 56px var(--below);color:var(--accent-ink);grid-template-rows:auto auto auto auto 1fr auto;grid-template-columns:minmax(0,1fr) 440px;align-items:start;gap:24px 48px;margin:20px auto 0;display:grid;position:relative}.hero:before{content:"";inset:0 0 calc(var(--hang) + var(--below)) 0;z-index:-1;background:var(--heat);border-radius:40px;position:absolute}.hero-copy{display:contents}.hero .sticker{grid-column:1/-1;justify-self:start;margin-bottom:-8px}.hero h1{max-width:14em;font:800 clamp(40px, 5.6vw, 72px)/1.02 var(--font-display);letter-spacing:-.04em;text-wrap:balance;grid-column:1/-1}.lead{max-width:24em;font:500 19px/1.5 var(--font-ui);letter-spacing:-.01em;text-wrap:pretty;grid-area:3/1;margin-top:8px}.hero-pills{flex-wrap:wrap;grid-area:4/1;align-self:start;gap:8px;margin:0;padding:0;list-style:none;display:flex}.fact-label{color:var(--ink-2);font:600 12.5px/18px var(--font-ui);margin-bottom:6px}.hero-demo{border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink);grid-area:6/1/auto/-1;margin-top:16px;overflow:hidden}.demo{grid-template-columns:minmax(0,5fr) minmax(0,6fr);display:grid}.demo-pane{flex-direction:column;gap:16px;min-width:0;padding:20px 24px 24px;display:flex}.demo-player{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);display:grid}.demo-player .demo-head{grid-column:1/-1}.demo-body{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px;display:grid}.demo-book{border-right:1px solid var(--line);background:var(--surface-elevated,#fffaf2)}.demo-head{justify-content:space-between;align-items:center;gap:12px;min-height:30px;display:flex}.demo-label{color:var(--ink-2);font:700 11.5px/16px var(--font-ui);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.demo-note{color:var(--ink-3);font:400 13px/18px var(--font-ui)}.demo-book-text{font:400 17px/1.6 var(--font-read);text-wrap:pretty;-webkit-hyphens:auto;hyphens:auto;margin:0}.demo-stage{box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:16px;position:relative;overflow:hidden}.demo-video{width:100%;height:auto;display:block}.demo-play{border-radius:var(--radius-pill);background:var(--ink);height:44px;color:var(--bg);font:700 15px/1 var(--font-ui);cursor:pointer;border:0;align-items:center;gap:8px;padding:0 18px 0 12px;transition:transform .12s;display:inline-flex;position:absolute;bottom:14px;left:14px;box-shadow:0 8px 20px -10px #00000080}.demo-play:hover{transform:translateY(-1px)}.demo-play.is-playing{background:var(--accent);color:var(--accent-ink)}.demo-play:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.demo-lecture-text{font:400 17px/1.55 var(--font-ui);text-wrap:pretty;margin:0}.demo-sentence{border-radius:4px;transition:background-color .2s}.demo-sentence.is-current{background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}.demo-foot{border-top:1px solid var(--line);color:var(--ink-2);font:400 14px/20px var(--font-ui);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px 16px;padding:14px 24px;display:flex}.demo-cta{color:var(--ink);background:linear-gradient(transparent 70%, var(--accent) 70%, var(--accent) 92%, transparent 92%);align-items:center;gap:6px;font-weight:600;display:inline-flex}.hero-side{grid-area:3/2/span 3;align-self:start;position:relative}.hero-steps{font:600 15px/20px var(--font-ui);grid-area:5/1;grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:10px 20px;margin:8px 0 0;padding:0;list-style:none;display:grid}.hero-steps li{align-items:center;gap:10px;display:flex}.hero-step-num{background:var(--ink);width:26px;height:26px;color:var(--bg);font:700 12px/1 var(--font-ui);border-radius:50%;flex:none;place-items:center;display:grid}.hero-art{display:none}.upload-card{border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink);padding:16px;position:relative}.upload-zone{border:1.5px dashed var(--line-strong);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:340px;padding:24px 22px 18px;transition:border-color .15s,background-color .15s;display:flex}.upload-card.is-over .upload-zone{background:var(--accent-soft)}.upload-art{background:var(--accent);width:84px;height:84px;color:var(--accent-ink);border-radius:26px;place-items:center;margin-bottom:8px;display:grid}.upload-title{font:800 20px/26px var(--font-display);letter-spacing:-.03em}.upload-note{max-width:260px;color:var(--ink-2);font:400 14px/20px var(--font-ui);margin-bottom:12px}.upload-file{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.upload-bar{background:var(--surface-2);border-radius:4px;width:220px;height:8px;overflow:hidden}.upload-bar i{background:var(--accent);height:100%;transition:width .2s;display:block}.upload-error{color:#c0392b;max-width:280px;font:500 14px/20px var(--font-ui);margin-top:6px}.upload-privacy{color:var(--ink-2);font:400 13px/18px var(--font-ui);align-items:center;gap:6px;margin-top:auto;padding-top:18px;display:inline-flex}.section{max-width:1120px;margin:0 auto;padding:72px 24px}.section-head{flex-direction:column;align-items:center;gap:16px;display:flex}.section>h2,.section-head h2,.pricing-card h2{font:800 clamp(30px, 3.4vw, 44px)/1.08 var(--font-display);letter-spacing:-.035em;text-align:center;text-wrap:balance}.section-lead{max-width:34em;color:var(--ink-2);font:400 18px/1.45 var(--font-ui);text-align:center;text-wrap:pretty;margin:14px auto 0}.section-head .section-lead{margin-top:0}.cards{gap:20px;margin-top:40px;display:grid}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.five{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding-bottom:4px;display:flex;overflow-x:auto}.cards.five::-webkit-scrollbar{display:none}.cards.five>*{scroll-snap-align:start;flex:0 0 calc(20% - 12.8px)}.card{border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-card);padding:24px 22px 26px}.card svg{margin-bottom:14px}.card h3,.cards.plain h3,.steps h3{font:700 19px/26px var(--font-ui);letter-spacing:-.015em}.card p,.cards.plain p,.steps p{font:400 16px/1.45 var(--font-ui);color:var(--ink);margin-top:6px}.cards.plain{gap:32px;margin-top:32px}.cards.plain p,.steps p{color:var(--ink-2)}.level-demo{max-width:860px;margin:36px auto 0}.level-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-inline:-70px;display:flex}.level-panel{border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-card);margin-top:24px;padding:28px 32px 24px}.level-summary{color:var(--ink-2);font:600 13px/18px var(--font-ui)}.level-text{min-height:9.6em;font:400 20px/1.6 var(--font-read);letter-spacing:0;text-wrap:pretty;margin-top:12px}.level-note{border-top:1px solid var(--line);color:var(--ink-3);font:400 13px/18px var(--font-ui);margin-top:16px;padding-top:14px}.study-panel{font:400 17px/1.55 var(--font-ui)}.study-panel p{text-wrap:pretty}.study-count{color:var(--ink-2);font:600 13px/18px var(--font-ui)}.study-question{font:400 22px/1.4 var(--font-read);letter-spacing:0;margin-top:10px}.study-options{gap:10px;margin-top:18px;display:grid}.study-option{border:1.5px solid var(--line-strong);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);font:500 16px/22px var(--font-ui);text-align:left;cursor:pointer;padding:14px 18px;transition:border-color .12s,background-color .12s}.study-option:not(:disabled):hover{border-color:var(--ink);background:var(--accent-soft)}.study-option:disabled{cursor:default}.study-option.is-right{background:color-mix(in srgb, #2e9b57 14%, var(--surface));border-color:#2e9b57}.study-option.is-wrong{background:color-mix(in srgb, #c8443b 12%, var(--surface));border-color:#c8443b}.study-option.is-off{opacity:.5}.study-after{flex-direction:column;align-items:flex-start;gap:14px;min-height:124px;margin-top:18px;display:flex}.study-skip{color:var(--ink-2);font:600 15px/22px var(--font-ui);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.study-skip:hover{color:var(--ink)}.study-result{font:800 26px/1.2 var(--font-display);letter-spacing:-.03em;margin-bottom:18px}.study-quiz[role=status]{min-height:200px}.study-worked h3{font:700 18px/26px var(--font-ui)}.study-worked h3.study-try{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.study-worked p,.study-worked ol{margin-top:8px}.study-worked ol{padding-left:24px}.study-worked li+li{margin-top:6px}.study-worked>.study-skip{margin-top:12px}.study-reveals{flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px;display:flex}.study-reveals p{margin-top:0}.study-hint{color:var(--ink-2)}.study-tag,.study-player{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font:600 12px/18px var(--font-ui);vertical-align:middle;white-space:nowrap;padding:2px 10px;display:inline-block}.study-where{font:400 22px/1.4 var(--font-read);letter-spacing:0}.study-opening{color:var(--ink-2);font:400 17px/1.6 var(--font-read);letter-spacing:0;margin-top:10px;font-style:italic}.study-source p:last-child{margin-top:16px}.style-card .style-preview{border-radius:var(--radius-m);width:100%;height:auto;box-shadow:var(--shadow-card);display:block}.style-card .style-preview-more{margin-top:12px}.style-card figcaption{flex-direction:column;gap:2px;padding:18px 4px 0;display:flex}.style-card strong{font:700 18px/24px var(--font-ui);letter-spacing:-.015em}.style-card span{color:var(--ink-2);font:400 15px/21px var(--font-ui)}.style-quote{color:var(--ink);font:400 14px/20px var(--font-ui)}.style-card small{color:var(--ink-3);font:400 12px/17px var(--font-ui);margin-top:4px}.modes{max-width:940px;margin:44px auto 0;padding-right:11%;position:relative}.pm-frame{border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--bg);box-shadow:var(--shadow-card);overflow:hidden;container-type:inline-size}.pm-frame--phone{border-radius:18px;width:21%;position:absolute;bottom:-28px;right:0}.pm{--w:1440px;width:var(--w);zoom:tan(atan2(100cqw, var(--w)));height:900px;color:var(--ink);font:400 14px/20px var(--font-ui);letter-spacing:-.01em;text-align:left;flex-direction:column;display:flex}.pm--phone{--w:390px;height:844px}@supports not (zoom:1){.pm-frame--desk{aspect-ratio:1440/900;position:relative}.pm-frame--phone{aspect-ratio:390/844}.pm{transform:scale(tan(atan2(100cqw, var(--w))));transform-origin:0 0;position:absolute;top:0;left:0}}.pm svg{flex:none}.pm-top{flex:none;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.pm--phone .pm-top{gap:6px;height:52px;padding:0 8px 0 6px}.pm-lead{align-items:center;gap:12px;min-width:0;display:flex}.pm--phone .pm-lead{gap:4px}.pm-brand{font:400 18px/1 var(--font-display);letter-spacing:0;white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.pm-sep{background:var(--line-strong);flex:none;width:1px;height:18px}.pm-course{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.pm-part-name{min-width:0;font:400 16px/1.2 var(--font-display);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pm-tools{flex:none;align-items:center;gap:8px;display:flex}.pm-modes{gap:6px;display:flex}.pm--phone .pm-tools{gap:2px}.pm--phone .pm-modes{gap:4px}.pm-chip{border:1px solid var(--line);border-radius:var(--radius-pill);height:36px;color:var(--ink);white-space:nowrap;align-items:center;gap:6px;padding:0 13px;font-size:14px;font-weight:500;line-height:1;display:inline-flex}.pm-chip svg{width:18px;height:18px}.pm-chip.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.pm-chip--icon{justify-content:center;width:36px;padding:0}.pm-chip--speed{font-variant-numeric:tabular-nums;gap:3px;padding:0 9px 0 13px}.pm-chip--speed svg{width:14px;height:14px}.pm-ibtn{width:40px;height:40px;color:var(--ink);flex:none;place-items:center;display:inline-grid}.pm-play{background:var(--accent);width:48px;height:48px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;display:inline-grid}.pm-play svg{width:22px;height:22px}.pm-pages{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;min-height:0;margin:4px 24px 0;display:grid}.pm-page{border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--surface);min-width:0;min-height:0;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.pm-page--visual{justify-content:center;align-items:center;display:flex}.pm-plate{flex-direction:column;gap:14px;width:calc(100% - 64px);margin-bottom:22px;display:flex}.pm-stage{aspect-ratio:4/3;border-radius:var(--radius-s);width:100%;height:auto;box-shadow:0 0 0 1px var(--line-strong);display:block}.pm-caption{min-height:20px;color:var(--ink-2);text-align:center;text-wrap:balance;font-size:14px;line-height:20px}.pm-page--text{display:flex}.pm-reader{flex:1;min-width:0;padding:0 52px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 40px calc(100% - 64px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 40px calc(100% - 64px),#0000 100%)}.pm-body{max-width:640px;color:var(--ink-2);font:400 19.5px/1.62 var(--font-read);letter-spacing:0;-webkit-hyphens:auto;hyphens:auto;margin:-56px auto 0;padding-top:52px}.pm-blk{margin:0 0 .95em}.pm-s.is-cur{color:var(--ink)}.pm-visual{flex-direction:column;flex:1;min-height:0;padding:2px 12px 0;display:flex}.pm--phone .pm-plate{gap:7px;width:100%;margin:0}.pm--phone .pm-caption{min-height:18px;font-size:13px;line-height:18px}.pm-bubble{border:1px solid var(--line-strong);background:var(--surface);min-height:0;font-family:var(--font-read);letter-spacing:0;text-align:center;border-radius:22px;flex-direction:column;flex:1;justify-content:center;gap:6px;margin:14px 0 6px;padding:14px 20px 18px;display:flex;overflow:hidden}.pm-bubble-prev{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:21px;overflow:hidden}.pm-bubble-cur{color:var(--ink);text-wrap:pretty;font-size:23px;line-height:1.36}.pm-dock{flex:none;justify-content:center;padding:16px 24px;display:flex}.pm--phone .pm-dock{padding:6px 8px 8px}.pm-transport{border:1px solid var(--line-strong);background:var(--surface);width:100%;box-shadow:var(--shadow-card);border-radius:16px;grid-template-columns:minmax(170px,280px) auto minmax(180px,1fr) auto;align-items:center;gap:8px 18px;padding:9px 14px 9px 8px;display:grid}.pm-part{align-items:center;gap:10px;min-width:0;padding:6px 10px;display:flex}.pm-part-text{min-width:0;display:grid}.pm-part-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.pm-part-label{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:16px;overflow:hidden}.pm-controls{align-items:center;gap:4px;display:flex}.pm-controls .pm-play{margin:0 6px}.pm-right{justify-content:flex-end;min-width:68px;display:flex}.pm-scrub{align-items:center;gap:10px;min-width:0;display:flex}.pm-time{min-width:34px;color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.pm-time--end{text-align:right}.pm-track{--p:0%;background:linear-gradient(to right, var(--accent) var(--p), var(--line-strong) var(--p));border-radius:99px;flex:1;height:4px;position:relative}.pm--phone .pm-track:after{content:"";top:50%;left:var(--p);background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 3px var(--surface);border-radius:50%;margin:-7px 0 0 -7px;position:absolute}.pm-transport--phone{border-radius:22px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"scrub right""controls controls";gap:2px 8px;padding:8px 12px 10px;box-shadow:0 -6px 24px #0000000f}.pm-transport--phone .pm-scrub{grid-area:scrub;padding-left:4px}.pm-transport--phone .pm-right{grid-area:right;min-width:0}.pm-transport--phone .pm-controls{grid-area:controls;justify-content:center;gap:10px}.pm-transport--phone .pm-ibtn{width:44px;height:44px}.pm-transport--phone .pm-play{width:54px;height:54px;margin:0 4px}.modes+.cards.plain{margin-top:68px}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:44px;padding:0;list-style:none;display:grid}.step-num{background:var(--ink);width:38px;height:38px;color:var(--bg);font:700 15px/1 var(--font-ui);border-radius:50%;place-items:center;margin-bottom:14px;display:grid}.pricing-card{border-radius:var(--radius-l);background:var(--surface);max-width:760px;box-shadow:var(--shadow-card);text-align:center;flex-direction:column;align-items:center;gap:18px;margin:0 auto;padding:48px 40px;display:flex}.pricing-card p{max-width:34em;font:400 18px/1.5 var(--font-ui);text-wrap:pretty}.faq{flex-direction:column;gap:12px;max-width:760px;margin:32px auto 0;display:flex}.faq details{background:var(--surface);box-shadow:var(--shadow-button);border-radius:18px;transition:box-shadow .12s}.faq details[open]{box-shadow:var(--shadow-card)}.faq summary{font:600 18px/24px var(--font-ui);letter-spacing:-.015em;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--ink-2);font:400 26px/1 var(--font-ui);flex:none}.faq details[open] summary:after{content:"–"}.faq details p{max-width:40em;color:var(--ink);font:400 17px/1.5 var(--font-ui);padding:0 20px 20px}.site-footer{border-top:1px solid var(--line);max-width:1120px;color:var(--ink-2);font:400 14px/20px var(--font-ui);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:40px auto 0;padding:28px 24px 40px;display:flex}.site-footer strong{color:var(--ink);font:800 15px/20px var(--font-display);letter-spacing:-.03em}.site-footer-nav{flex-wrap:wrap;gap:4px 18px;margin-left:auto;display:flex}.site-footer-nav a{color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px}.site-footer-nav a:hover{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.site-footer-for{flex-basis:100%;order:3;margin-left:0}.cards.audience-links{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.audience-link{color:inherit;flex-direction:column;text-decoration:none;transition:transform .15s;display:flex}.audience-link:hover{transform:translateY(-2px)}.audience-link p{flex:1}.audience-link-more{color:var(--ink);font:600 14px/20px var(--font-ui);align-items:center;gap:6px;margin-top:14px;display:inline-flex}.audience-pain{box-shadow:none;border:1px solid var(--line-strong);background:0 0}.audience .hero{padding-bottom:24px}@media (prefers-reduced-motion:reduce){.audience-link:hover{transform:none}}.doc-page{padding:0 24px}.doc{max-width:68ch;font:400 17px/1.65 var(--font-ui);letter-spacing:0;margin:0 auto;padding:48px 0 72px}.doc-draft{color:var(--ink-2);font:500 13px/18px var(--font-ui);align-items:center;gap:8px;display:inline-flex}.doc-draft:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.doc h1{font:800 clamp(28px, 3.2vw, 38px)/1.1 var(--font-display);letter-spacing:-.035em;text-wrap:pretty;-webkit-hyphens:none;hyphens:none;margin-top:14px}.doc-intro{text-wrap:pretty;margin-top:20px;font-size:18px}.doc h2{font:700 19px/1.3 var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin-top:44px}.doc p{text-wrap:pretty;margin-top:14px}.doc h2+p,.doc h2+ul,.doc-intro>p:first-child{margin-top:12px}.doc ul{margin:14px 0 0;padding-left:1.3em}.doc li{text-wrap:pretty;padding-left:.2em}.doc li+li{margin-top:8px}.doc li::marker{color:var(--ink-3)}.doc a{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:2px}.doc a:hover{background:var(--accent-soft)}.doc-related{border-top:1px solid var(--line);color:var(--ink-2);font:400 15px/22px var(--font-ui);flex-wrap:wrap;gap:8px 18px;margin-top:48px;padding-top:20px;display:flex}.doc-related a{color:var(--ink);font-weight:600}@media (max-width:1080px){.site-nav{display:none}}@media (max-width:960px){.hero{--hang:180px;padding:36px 24px var(--below);grid-template-rows:none;grid-template-columns:minmax(0,1fr);gap:24px;margin:12px 12px 0}.hero:before{border-radius:28px}.hero h1{font-size:40px}.lead{font-size:18px}.lead,.hero-pills,.hero-side,.hero-demo{grid-area:auto}.hero-pills{order:2}.hero-steps,.hero-demo{grid-area:auto}.hero-steps{order:3;grid-template-columns:minmax(0,1fr)}.hero-demo{order:5}.demo,.demo-body{grid-template-columns:minmax(0,1fr)}.demo-book{border-right:0;border-bottom:1px solid var(--line)}.hero .sticker{order:0}.hero h1{order:1}.lead{order:2;margin-top:0}.hero-side{order:3;width:100%}.level-tabs{margin-inline:0}.upload-zone{min-height:300px}.section{padding:52px 20px}.doc-page{padding:0 20px}.doc{padding:32px 0 56px;font-size:16px}.doc-intro{font-size:17px}.doc h1{-webkit-hyphens:manual;hyphens:manual;font-size:28px}.doc h2{margin-top:36px;font-size:18px}.site-footer-nav{flex-basis:100%;margin-left:0}.cards.four,.steps,.cards.three{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.five>*{flex-basis:260px}}@media (max-width:600px){.site-header{gap:12px;height:60px;padding:0 14px}.hero{--hang:160px;padding:28px 18px var(--below);margin:8px 8px 0}.hero h1{font-size:32px}.brand span,.nav-plain span{display:none}.nav-plain svg{display:block}.site-header-right:has(.account-link.is-in)>.btn{display:none}.cards.four,.cards.three,.steps{grid-template-columns:minmax(0,1fr)}.cards.five>*{flex-basis:76%}.level-tabs{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin-inline:-20px;padding:4px 20px 8px;overflow-x:auto}.level-panel{padding:22px 20px 18px}.level-text{min-height:0;font-size:18px}.pricing-card{padding:36px 22px}.modes{padding-right:0}.pm-frame--phone{width:56%;margin:16px auto 0;position:static}.modes+.cards.plain{margin-top:32px}}@media (max-width:350px){.site-header-right>.btn{display:none}}.gallery-group{padding-top:0}.gallery-title{font:800 22px/1.2 var(--font-display);letter-spacing:-.03em;margin-bottom:4px}.logo-preview{aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);place-items:center;padding:10%;display:grid}.logo-preview.is-black{background:#111;border-color:#111}.logo-preview.is-yellow{background:var(--accent);border-color:var(--accent)}.logo-preview img{object-fit:contain;width:100%;height:auto;max-height:100%;display:block}.logo-lead{text-align:left;max-width:720px;margin:0 0 8px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-preview-wide{aspect-ratio:3;padding:4%}.foot-brand{align-items:center;gap:8px;display:inline-flex}.logo-download{color:var(--ink);font:600 14px/20px var(--font-ui);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;margin-top:8px;text-decoration-thickness:3px}.gallery-num{border-radius:var(--radius-pill);background:var(--accent);min-width:26px;height:26px;color:var(--accent-ink);font:700 13px/1 var(--font-ui);place-items:center;margin-right:4px;padding:0 7px;display:inline-grid}.lang-menu{position:relative}.lang-menu summary{cursor:pointer;list-style:none}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu-list{z-index:30;background:var(--surface);width:460px;max-width:calc(100vw - 32px);max-height:min(70vh,520px);box-shadow:var(--shadow-card);border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:0;padding:10px;list-style:none;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.lang-menu-list a{color:var(--ink);font:500 14px/18px var(--font-ui);white-space:nowrap;border-radius:8px;padding:8px 10px;display:block}.lang-menu-list a:hover{background:var(--accent-soft)}.lang-menu-list a[aria-current=true]{background:var(--accent);color:var(--accent-ink);font-weight:600}@media (max-width:600px){.lang-menu-list{grid-template-columns:repeat(2,minmax(0,1fr));width:320px}}.account-wait{visibility:hidden}.user-menu{position:relative}.user-button{background:var(--surface);width:42px;height:42px;color:var(--ink);box-shadow:var(--shadow-button);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .12s,background-color .12s;display:grid}.user-button:hover{transform:translateY(-1px)}.user-button[aria-expanded=true]{background:var(--accent);color:var(--accent-ink)}.user-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.user-menu-list{z-index:30;background:var(--surface);width:240px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-card);border-radius:18px;gap:2px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.user-menu-who{border-bottom:1px solid var(--line);color:var(--ink-2);font:400 13px/18px var(--font-ui);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;padding:6px 10px 10px;overflow:hidden}.user-menu-list :is(a,button){width:100%;color:var(--ink);font:500 15px/20px var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 10px;display:block}.user-menu-list :is(a,button):hover,.user-menu-list :is(a,button):focus-visible{background:var(--accent-soft);outline:none}.user-menu-out{margin-top:6px;border-top:1px solid var(--line)!important;border-radius:0 0 8px 8px!important;padding-top:12px!important}
