@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#152223;--muted:#6a7776;--line:#dae1dc;--paper:#f7f8f2;--green:#bcff73;--deep:#162824}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.5 DM Sans,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 48px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;height:82px;padding:0 max(24px,50vw - 590px);display:flex}.brand{letter-spacing:-.07em;align-items:center;gap:3px;font:700 21px Space Grotesk,sans-serif;display:inline-flex}.brand>span:last-child{color:#527866}.brand-mark{background:var(--deep);width:32px;height:32px;color:var(--green);border-radius:9px;justify-content:center;align-items:center;margin-right:9px;font-size:13px;display:inline-flex;transform:rotate(-8deg)}.site-header nav{color:#465653;gap:36px;font-size:14px;display:flex}.site-header nav a:hover,.text-link:hover,.back-link:hover{color:#1b7755}.button{border:1px solid var(--deep);background:var(--deep);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:26px;min-height:48px;padding:0 21px;font-size:14px;font-weight:700;transition:transform .18s,background .18s;display:inline-flex}.button:hover:not(:disabled){background:#2d4740;transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.5}.button-small{gap:14px;min-height:40px}.button-outline{color:var(--deep);background:0 0}.button-outline:hover:not(:disabled){color:#fff}.button-light{background:var(--green);color:var(--deep);border-color:var(--green)}.button-light:hover:not(:disabled){background:#d3ffa0}.button-full{width:100%}.button-disabled{opacity:.47;cursor:default}.eyebrow{color:#567368;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:700;display:inline-flex}.status-dot{background:#68b35c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #dff2d3}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em;font-family:Space Grotesk,sans-serif;line-height:1.07}.hero{grid-template-columns:1fr 1.08fr;align-items:center;gap:70px;min-height:660px;padding-block:80px 100px;display:grid}.hero h1{margin:25px 0 27px;font-size:clamp(54px,5.3vw,82px);font-weight:600}.hero h1 em{color:#83a469;font-style:normal}.hero-copy>p{color:#5d6a66;max-width:520px;font-size:18px;line-height:1.75}.hero-actions{align-items:center;gap:30px;margin-top:35px;display:flex}.text-link{color:#335348;background:0 0;border:0;font-size:14px;font-weight:700}.hero-visual{background:#172520;border:1px solid #496259;border-radius:15px;min-height:410px;position:relative;overflow:hidden;transform:rotate(1deg);box-shadow:0 30px 70px #1a3e2b26}.visual-top{color:#d4dfd8;border-bottom:1px solid #465951;justify-content:space-between;align-items:center;gap:12px;height:44px;padding:0 18px;font-size:10px;display:flex}.visual-preview{color:#f4f8ed;letter-spacing:-.04em;background:radial-gradient(circle at 30% 20%,#a1c689,#527b61 45%,#203c33 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;height:240px;font:600 25px Space Grotesk,sans-serif;display:flex}.play-symbol{border:1px solid #fff9;border-radius:50%;place-items:center;width:52px;height:52px;padding-left:4px;font-size:16px;display:grid}.visual-timeline{padding:11px 18px 20px;position:relative}.visual-ruler{color:#8ca799;justify-content:space-between;margin:0 0 12px 52px;font-size:9px;display:flex}.fake-track{gap:4px;height:38px;margin-bottom:7px;padding-left:52px;display:flex}.fake-track i{background:linear-gradient(135deg,#acc39d,#6f9c79,#456e5a);border:1px solid #b9d79b;border-radius:4px;flex:1;display:block}.fake-track i:nth-child(2){background:linear-gradient(135deg,#85a98b,#32574b);flex:.62}.fake-track i:nth-child(3){background:linear-gradient(135deg,#bad89b,#638a6d);flex:.47}.fake-track.audio i{background:repeating-linear-gradient(90deg,#4b9c76 0 2px,#244a3a 2px 5px);border-color:#4d9a74}.playhead{background:#d9fa74;width:2px;position:absolute;top:20px;bottom:14px;left:48%}.steps-section{background:#eaf0e8;padding:95px 0 105px}.section-heading{max-width:720px}.section-heading h2{margin:14px 0 20px;font-size:clamp(34px,4vw,54px);font-weight:600}.section-heading p{color:var(--muted);line-height:1.7}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px;display:grid}.steps-grid article{background:#f8faf5;border:1px solid #d2ddd2;border-radius:10px;min-height:230px;padding:29px}.step-number{color:#739d77;font:600 14px Space Grotesk,sans-serif}.steps-grid h3{margin:39px 0 9px;font-size:24px}.steps-grid p,.price-card p{color:var(--muted);font-size:14px;line-height:1.65}.pricing-section{padding-block:105px 120px}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:42px;display:grid}.pricing-section .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.price-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;min-height:390px;padding:35px;display:flex}.price-card-muted{background:#f0f2ec}.plan-tag{color:#406547;letter-spacing:.12em;background:#e2f1d8;border-radius:4px;padding:6px 9px;font-size:10px;font-weight:800}.price-card h3{margin:25px 0 11px;font-size:28px}.price-card .rate{letter-spacing:-.05em;margin-top:auto;padding-top:19px;font:600 34px Space Grotesk,sans-serif}.rate small{color:var(--muted);letter-spacing:0;font:400 13px DM Sans,sans-serif}.price-card ul{border-top:1px solid var(--line);color:#4b6258;width:100%;padding:21px 0 10px 20px;font-size:13px;line-height:2.1}.price-card>.button{margin-top:10px}.cta-band{background:var(--deep);color:#fff;padding:64px 0}.cta-band>div{justify-content:space-between;align-items:center;gap:32px;display:flex}.cta-band .eyebrow{color:var(--green)}.cta-band h2{max-width:650px;margin:14px 0 0;font-size:clamp(31px,4vw,50px)}.site-footer{min-height:90px;color:var(--muted);justify-content:space-between;align-items:center;padding-inline:max(24px,50vw - 590px);font-size:12px;display:flex}.auth-page{grid-template-columns:1fr 430px;align-items:center;gap:12%;min-height:calc(100vh - 172px);padding-block:70px;display:grid}.auth-aside h1{max-width:600px;margin:20px 0;font-size:clamp(48px,5vw,72px)}.auth-aside p{max-width:410px;color:var(--muted);font-size:18px}.auth-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:37px;box-shadow:0 24px 60px #1e3b2910}.auth-card h2{margin:14px 0 6px;font-size:32px}.auth-card>p{color:var(--muted);font-size:14px}.button-google{border-color:var(--line);width:100%;color:var(--ink);background:#fff;margin-top:22px}.button-google:hover:not(:disabled){color:var(--ink);background:#eff4ea}.divider{text-align:center;color:#809089;margin:25px 0;font-size:12px;position:relative}.divider:before{background:var(--line);content:"";height:1px;position:absolute;top:50%;left:0;right:0}.divider span{background:#fff;padding:0 12px;position:relative}.auth-card form label{margin-bottom:16px;font-size:12px;font-weight:700;display:block}.auth-card form input,.new-project input{background:#fff;border:1px solid #cbd8ce;border-radius:7px;outline:none;width:100%;height:46px;margin-top:7px;padding:0 13px;display:block}input:focus{border-color:#6ca67d;box-shadow:0 0 0 3px #b3e4b166}.form-error{color:#9a3329;background:#fff0ed;border:1px solid #edc7bd;border-radius:7px;padding:12px;font-size:13px}.form-switch{text-align:center;margin:20px 0 0}.form-switch button{color:#26724d;background:0 0;border:0;font-size:13px;font-weight:700}.dashboard-page,.billing-page{min-height:calc(100vh - 172px);padding-block:70px 110px}.dashboard-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;display:flex}.dashboard-heading h1,.billing-page h1{margin:16px 0 11px;font-size:clamp(40px,5vw,62px)}.dashboard-heading p,.billing-intro{color:var(--muted);margin:0}.dashboard-grid{grid-template-columns:1fr 285px;gap:24px;display:grid}.dashboard-main,.dashboard-side{border:1px solid var(--line);background:#fff;border-radius:11px;padding:30px}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading h2{margin:10px 0 26px;font-size:30px}.count-pill{color:#587666;background:#ebf2e9;border-radius:20px;padding:7px 11px;font-size:11px}.new-project{background:#f6f9f3;border:1px dashed #a9bfab;border-radius:9px;padding:22px}.new-project label{font-size:13px;font-weight:700}.new-project>div{gap:10px;margin-top:8px;display:flex}.new-project input{height:48px;margin-top:0}.new-project .button{white-space:nowrap}.project-list{margin-top:19px}.project-row{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:17px 6px;display:flex}.project-row:last-child{border-bottom:0}.project-icon{color:#3c7555;background:#dfeee0;border-radius:7px;place-items:center;width:47px;height:47px;font-size:11px;display:grid}.project-row h3{margin:0 0 4px;font-size:17px}.project-row p{color:var(--muted);margin:0;font-size:11px}.project-row button{color:#24694a;background:0 0;border:0;margin-left:auto;font-size:12px;font-weight:700}.empty-projects{text-align:center;color:var(--muted);padding:40px 10px;font-size:13px}.dashboard-side .balance{letter-spacing:-.06em;margin:12px 0 2px;font:600 42px Space Grotesk,sans-serif}.dashboard-side p{color:var(--muted);font-size:13px;line-height:1.65}.side-divider{background:var(--line);height:1px;margin:28px 0}.dashboard-side h3{margin:13px 0 7px;font-size:20px}.notice{color:#765628;background:#fff2cd;border-radius:7px;margin:-20px 0 25px;padding:12px 15px;font-size:13px}.back-link{color:#456f53;margin-bottom:40px;font-size:13px;font-weight:700;display:block}.billing-intro{max-width:630px;line-height:1.7}.balance-banner{background:var(--deep);color:#fff;border-radius:11px;justify-content:space-between;align-items:center;gap:24px;margin:42px 0 70px;padding:32px;display:flex}.balance-banner span{color:var(--green);letter-spacing:.13em;margin-bottom:5px;font-size:11px;display:block}.balance-banner strong{font:600 43px Space Grotesk,sans-serif}.balance-banner p{color:#c4d2ca;margin:0;font-size:13px;line-height:1.9}.billing-grid{grid-template-columns:repeat(3,1fr)}.billing-grid .price-card{min-height:245px}.billing-grid .rate{margin:20px 0 8px;padding:0}.billing-grid .price-card p{margin-bottom:auto}.billing-note{color:var(--muted);margin-top:23px;font-size:12px}@media (max-width:900px){.pricing-section .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header nav{display:none}.hero,.auth-page{grid-template-columns:1fr;gap:45px}.hero{padding-block:60px 80px}.hero-visual{min-height:350px}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{order:-1}}@media (max-width:650px){.pricing-section .pricing-grid{grid-template-columns:1fr}.shell{width:min(100% - 32px,1180px)}.site-header{height:66px;padding-inline:16px}.site-header .button{min-height:36px;padding-inline:10px;font-size:11px}.brand{font-size:18px}.hero h1{font-size:56px}.hero-actions{flex-direction:column;align-items:flex-start;gap:20px}.steps-grid,.pricing-grid,.billing-grid{grid-template-columns:1fr}.steps-section,.pricing-section{padding-block:75px}.cta-band>div,.balance-banner{flex-direction:column;align-items:flex-start}.auth-page{padding-block:50px}.auth-aside h1{font-size:50px}.auth-card{padding:25px}.dashboard-page,.billing-page{padding-block:45px 80px}.new-project>div{flex-direction:column}.project-row{flex-wrap:wrap}.project-row button{margin-left:62px}}