@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--ink:#12251f;--green:#174c3a;--lime:#dfff69;--paper:#f8faf3;--line:#dce5d8;--muted:#60716a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif}a{color:inherit;text-decoration:none}nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;position:absolute;z-index:9;width:100%}.brand{font-weight:700;font-size:20px;display:flex;gap:10px;align-items:center}.brand span{width:31px;height:31px;border-radius:9px;background:var(--ink);color:var(--lime);display:grid;place-items:center}.navlinks{display:flex;gap:34px;font-size:14px}.navcta{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:4px}.hero{min-height:100vh;padding:150px 5vw 54px;position:relative;overflow:hidden;background:radial-gradient(circle at 88% 10%,#e4ffc1 0,transparent 25%),linear-gradient(150deg,#fbfcf7,#f3f8ed)}.eyebrow,.kicker{font-size:12px;letter-spacing:.15em;font-weight:700;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{width:7px;height:7px;background:#81aa2b;border-radius:50%;box-shadow:0 0 0 5px #e6f5be}h1{font-size:clamp(46px,6.5vw,92px);line-height:1.04;letter-spacing:-.055em;margin:28px 0 22px;max-width:1100px}h1 em{font-style:normal;color:var(--green)}.lead{font-size:20px;color:var(--muted)}.actions{display:flex;gap:14px;margin:35px 0 58px}.primary,.secondary{padding:17px 24px;border-radius:12px;font-weight:600;display:inline-flex;gap:28px;align-items:center}.primary{background:var(--ink);color:white}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 25px #183b2928}.secondary{border:1px solid var(--line);background:#ffffffa8}.hero-flow{max-width:920px;margin-left:auto;display:flex;align-items:center;filter:drop-shadow(0 25px 35px #23442b18)}.video-card,.lesson-card{background:#fff;border:1px solid #dfe8d9;border-radius:20px;padding:14px}.video-card{width:290px;display:flex;gap:14px;align-items:center;transform:rotate(-2deg)}.video-card .thumb{height:85px;width:105px;border-radius:12px;background:linear-gradient(135deg,#507661,#a6c777);display:grid;place-items:center;position:relative;color:white}.play{width:37px;height:37px;background:#ffffffcc;color:var(--green);border-radius:50%;display:grid;place-items:center;padding-left:2px}.thumb small{position:absolute;bottom:5px;right:6px;background:#173126cc;padding:2px 5px;border-radius:4px}.video-card b{font-size:14px}.video-card div>span{display:block;color:var(--muted);font-size:11px;margin-top:8px}.flow-line{width:120px;height:2px;background:#a7bb9d;position:relative}.flow-line span{width:10px;height:10px;border-radius:50%;background:var(--lime);border:2px solid var(--green);position:absolute;top:-4px;animation:travel 2.2s infinite}.lesson-card{width:350px;transform:rotate(1deg);padding:20px}.lesson-card header,.lesson-card footer{display:flex;justify-content:space-between;font-size:10px;color:#66796f}.lesson-card p{font-size:13px}.lesson-card .marked{background:#edffc2;padding:9px;border-radius:7px}.marked i{float:right;font-style:normal}.sentence{font-size:14px;border-left:2px solid var(--lime);padding-left:10px}.sentence small{display:block;color:var(--muted);margin-top:6px}.lesson-card footer{margin-top:18px}.trust{display:flex;gap:30px;margin-top:34px;color:var(--muted);font-size:13px}.trust span:before{content:'✓';color:var(--green);margin-right:8px}@keyframes travel{from{left:0}to{left:110px}}section{padding:110px 7vw}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.kicker{color:#63835e}.split h2,.steps h2,.demo h2,.scenes h2,.faq h2,.final h2,.audience h2,.results h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.045em;line-height:1.08;margin:18px 0 45px}.old-new>div{border-top:1px solid var(--line);padding:24px 0}.old-new small{font-weight:700}.old-new p{font-size:18px;color:var(--muted);line-height:1.8}.old-new b{color:#a0aea6;margin:0 8px}.old-new .now{background:var(--ink);color:white;padding:24px;border-radius:12px;border:0}.old-new .now p{color:#dae9df}.steps{background:#fff}.stepgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stepgrid article{border:1px solid var(--line);border-radius:18px;padding:24px}.stepgrid article>b{color:#86a07e;font-size:12px}.stepgrid h3{font-size:21px}.stepgrid p,.result-copy p,.demo-head p,.scenegrid p{color:var(--muted);line-height:1.7}.mini{height:155px;background:#f2f6ec;margin:20px 0;border-radius:12px;display:flex;align-items:center;justify-content:center}.upload{font-size:40px;color:#8aac62}.upload span{font-size:12px;background:white;padding:9px;margin-left:10px;border:1px dashed #b8cba9}.timeline{position:relative}.timeline span{width:75%;height:5px;background:#cedbc5;border-radius:8px}.timeline i{position:absolute;width:8px;height:28px;background:var(--green);border-radius:5px;left:30%}.timeline i:last-child{left:68%}.doc{font-size:24px;font-weight:700;gap:8px;flex-wrap:wrap}.doc span{font-size:11px;border:1px solid #bdcdb5;background:white;padding:6px 9px;border-radius:12px}.results{background:var(--ink);color:white;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center}.result-copy p{color:#b8c9c0}.result-ui{background:#fff;color:var(--ink);border-radius:22px;padding:26px;box-shadow:18px 18px 0 #294a3e}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);padding-bottom:16px;font-size:13px;color:#84938c}.tabs b{color:var(--ink);border-bottom:2px solid var(--green);padding-bottom:16px}.para{display:grid;grid-template-columns:35px 1fr;padding:25px 0}.para small{color:#91a097}.para p{margin:0 0 9px;line-height:1.65}.para .cn{grid-column:2;color:var(--muted);font-size:13px}.para mark{background:var(--lime)}.words{display:flex;gap:9px}.words span{flex:1;background:#f2f6ee;border-radius:9px;padding:10px}.words b,.words i{display:block;font-size:12px}.words i{font-style:normal;color:var(--muted);margin-top:4px}.demo{background:#eef3e8}.demo-head{display:flex;justify-content:space-between;align-items:end}.demo-head p{max-width:300px}.screen{border-radius:20px;overflow:hidden;background:white;box-shadow:0 30px 80px #17302522}.browser{height:42px;background:#e1e8da;display:flex;align-items:center;gap:6px;padding:0 14px}.browser i{width:8px;height:8px;background:#a9b4a1;border-radius:50%}.browser span{margin-left:12px;font-size:11px;color:#72806d}.screen-body{display:grid;grid-template-columns:1fr 250px;min-height:430px}.placeholder{background:linear-gradient(145deg,#214638,#89a867);color:white;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}.placeholder>span{font-size:35px;border:1px solid #ffffff88;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;padding-left:5px}.placeholder small{color:#dce8d3}.preview-list{padding:42px 28px;display:flex;flex-direction:column;gap:20px}.preview-list span{font-size:13px;color:var(--muted)}.scenegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scenegrid article{padding:25px;border-top:1px solid var(--line);background:#f7f9f3}.scenegrid article>span{font-size:11px;color:#8aa083}.audience{display:flex;justify-content:space-between;align-items:center;background:#e5ffc0}.pills{display:flex;gap:10px;max-width:440px;flex-wrap:wrap}.pills span{background:#fff;padding:13px 17px;border-radius:999px}.faq{max-width:1000px;margin:auto}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:18px;font-weight:600;list-style:none;display:flex;justify-content:space-between}.faq details p{color:var(--muted);line-height:1.7;max-width:720px}.faq details[open] summary b{transform:rotate(45deg)}.final{margin:5vw;border-radius:28px;background:var(--lime);display:flex;justify-content:space-between;align-items:center}.final p{color:#4b624f;margin-bottom:28px}.orbit{width:260px;height:260px;border:1px solid #66824a;border-radius:50%;position:relative;display:grid;place-items:center}.orbit b{font-size:80px}.orbit span{position:absolute;background:white;padding:7px 11px;border-radius:20px;font-size:12px}.orbit span:nth-child(1){top:20px}.orbit span:nth-child(2){left:-20px}.orbit span:nth-child(3){right:-25px;bottom:40px}footer{padding:40px 5vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}@media(max-width:760px){nav{height:64px}.navlinks{display:none}.hero{padding:118px 22px 40px;min-height:auto}h1{font-size:47px}.lead{font-size:17px}.actions{flex-direction:column;align-items:stretch}.actions a{justify-content:space-between}.hero-flow{transform:scale(.74);transform-origin:left center;width:132%;margin-top:-15px}.flow-line{width:45px}.lesson-card{width:310px}.trust{flex-wrap:wrap;gap:10px 18px}section{padding:75px 22px}.split,.results{grid-template-columns:1fr}.stepgrid,.scenegrid{grid-template-columns:1fr}.mini{height:110px}.demo-head{display:block}.screen-body{grid-template-columns:1fr}.placeholder{min-height:260px}.preview-list{display:none}.audience,.final{display:block}.final{margin:18px;padding:50px 24px}.orbit{width:190px;height:190px;margin:40px auto 0}.pills{margin-top:30px}.words{flex-wrap:wrap}.words span{min-width:30%}footer{align-items:flex-start;gap:18px;flex-direction:column}}