@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');*{box-sizing:border-box}body{margin:0;background:#f8f7f3;color:#172f2a;font-family:Manrope,system-ui,sans-serif}header{max-width:1160px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{text-decoration:none;font-size:29px;font-weight:800;letter-spacing:-1px;color:#172f2a}.brand span{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#74817a}nav{display:flex;align-items:center;gap:24px}nav a{font-size:14px;color:#172f2a;text-decoration:none}nav form{margin:0}main{max-width:1160px;margin:auto;padding:28px 32px 60px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:55px 0 70px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#4d7869;font-weight:700}h1{font-size:clamp(36px,5vw,62px);line-height:1.08;letter-spacing:-2px;font-weight:800;margin:24px 0}h1 em{font-style:normal;color:#34765c}.lead{font-size:17px;line-height:1.8;color:#63736b;max-width:470px}.button,button{display:inline-block;text-decoration:none;background:#1e654c;color:white;border:0;border-radius:10px;padding:15px 24px;font:600 14px Manrope,system-ui;cursor:pointer}.small{padding:10px 16px}.quiet{background:transparent;color:#476358;padding:0}.hero .button{margin-top:20px}.note{font-size:12px;color:#7b887f}.demo{background:#e6eee3;border:1px solid #d8e2d4;border-radius:30px;padding:32px;transform:rotate(2deg)}.paper{background:white;border-radius:20px;padding:28px;box-shadow:0 20px 40px #254e2910;transform:rotate(-2deg)}.dots{display:flex;gap:6px;margin-bottom:25px}.dots i{width:7px;height:7px;border-radius:50%;background:#dce4da}.demo-label{font-size:11px;color:#788779;text-transform:uppercase;letter-spacing:1px}.sentence{font-size:26px;line-height:1.8;margin:18px 0}.syllable{padding:4px;border-radius:6px}.c1{color:#34775b;background:#eef5ec}.c2{color:#a67532;background:#fcf4e5}.c3{color:#5c71a5;background:#edf0f9}.player{display:flex;align-items:center;gap:12px;border-top:1px solid #eef0ed;padding-top:18px}.play{width:36px;height:36px;border-radius:50%;background:#1e654c;color:white;display:grid;place-items:center}.wave{display:flex;gap:4px;align-items:center;height:32px}.wave i{width:4px;background:#7db29b;border-radius:4px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid #e2e6dd;padding-top:35px}.features p,.card p{color:#6c7b72;font-size:14px;line-height:1.8}h3{font-size:17px}.number{color:#87a18f;font-size:12px}.auth{max-width:460px;margin:30px auto;background:white;padding:36px;border-radius:20px;border:1px solid #e0e5db}.auth h1{font-size:30px;letter-spacing:-1px}.auth label{display:block;font-size:13px;margin-bottom:8px}.auth input{display:block;width:100%;padding:12px;border:1px solid #d3ddd0;border-radius:8px;margin-top:8px}.helptext{display:block;font-size:12px;color:#7e897e;margin-top:6px}.auth ul{font-size:12px;color:#728073;padding-left:20px}.errorlist{color:#b13737!important}.card{padding:28px;background:white;border:1px solid #dfe5da;border-radius:18px}.packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:30px 0}.balance{background:#e9f1e5;padding:18px;border-radius:12px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;border-bottom:1px solid #e4e8df;padding:12px}footer{border-top:1px solid #e2e6dd;padding:24px 32px;text-align:center;font-size:12px;color:#849083}@media(max-width:750px){header,main{padding:20px}.hero{grid-template-columns:1fr;gap:30px;padding:20px 0 40px}.features{grid-template-columns:1fr}nav{gap:12px}.demo{padding:20px}.brand{font-size:24px}}
.language-switch{display:inline-flex;align-items:center}.language-switch select{font:600 12px Manrope,system-ui;color:#315b49;background:transparent;border:1px solid #cddbcc;border-radius:8px;padding:8px;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:750px){header{flex-wrap:wrap}nav{flex-wrap:wrap;font-size:12px}}