:root{--green:#123f35;--green-2:#1d745a;--lime:#d9f565;--paper:#f7faf7;--ink:#14231f;--muted:#687771;--line:#dce5e0;--white:#fff;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,Arial,sans-serif;line-height:1.55}.st-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;border-bottom:1px solid rgba(220,229,224,.8);background:rgba(247,250,247,.88);backdrop-filter:blur(18px)}.st-logo{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:22px;text-decoration:none}.st-logo b{font-weight:800;letter-spacing:-.04em}.st-logo em{padding:3px 7px;border-radius:999px;background:#e5f1eb;color:var(--green-2);font-size:10px;font-style:normal;letter-spacing:.08em}.st-mark{display:flex;align-items:flex-end;justify-content:center;gap:3px;width:35px;height:35px;padding:8px;border:2px solid currentColor;border-radius:11px;transform:rotate(-3deg)}.st-mark i{display:block;width:3px;border-radius:3px;background:currentColor}.st-mark i:nth-child(1){height:10px}.st-mark i:nth-child(2){height:15px}.st-mark i:nth-child(3){height:8px}.st-header nav{display:flex;align-items:center;gap:28px}.st-header nav>a{color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}.st-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 22px;border:0;border-radius:14px;background:var(--green-2);color:#fff!important;font-weight:750;text-decoration:none;box-shadow:0 14px 32px rgba(29,116,90,.18);transition:.2s}.st-button:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(29,116,90,.25)}.st-button-small{padding:11px 16px;border-radius:12px;font-size:13px!important}.st-kicker{margin:0 0 18px;color:var(--green-2);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.st-hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(42px,6vw,100px);align-items:center;min-height:calc(100vh - 73px);padding:78px 5vw 90px;overflow:hidden}.st-hero h1{max-width:760px;margin:0;font-size:clamp(52px,6.6vw,100px);font-weight:500;letter-spacing:-.075em;line-height:.94}.st-hero h1 span{white-space:nowrap}.st-lead{max-width:690px;margin:30px 0 0;color:var(--muted);font-size:clamp(18px,1.55vw,23px)}.st-actions{display:flex;align-items:center;gap:25px;margin:34px 0}.st-text-link{color:var(--green-2);font-size:14px;font-weight:700;text-decoration:none}.st-proof{display:flex;gap:10px;flex-wrap:wrap}.st-proof span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#53635d;font-size:11px;font-weight:650}.st-app-preview{position:relative;display:grid;grid-template-columns:155px 1fr;min-width:680px;min-height:525px;overflow:hidden;border:1px solid #d9e3de;border-radius:26px;background:#fff;box-shadow:0 35px 95px rgba(18,63,53,.15);transform:rotate(1deg)}.st-app-preview:before{position:absolute;content:"";inset:-22%;z-index:-1;background:radial-gradient(circle,var(--lime),transparent 58%)}.st-app-preview aside{display:flex;flex-direction:column;padding:24px 16px;background:var(--green);color:#dceae5}.preview-logo{display:flex;align-items:center;gap:8px;color:#fff}.preview-logo .st-mark{width:28px;height:28px;padding:6px;border-width:1.5px}.preview-nav{display:grid;gap:10px;margin-top:45px}.preview-nav span{padding:10px;border-radius:10px;font-size:9px}.preview-nav span.active{background:rgba(255,255,255,.12);color:#fff}.preview-nav em{float:right;padding:1px 5px;border-radius:99px;background:var(--lime);color:var(--green);font-style:normal}.st-app-preview aside small{margin-top:auto;font-size:8px}.preview-workspace{background:#f7f9f8}.preview-top{height:63px;padding:22px 26px;border-bottom:1px solid var(--line);color:#8a9691;font-size:10px}.preview-top span{float:right;display:grid;width:27px;height:27px;margin-top:-8px;place-items:center;border-radius:9px;background:var(--lime);color:var(--green);font-weight:800}.preview-body{padding:34px}.preview-body>p{margin:0;color:var(--green-2);font-size:8px;font-weight:800;letter-spacing:.14em}.preview-body>h2{margin:8px 0 22px;font-size:25px;font-weight:500;letter-spacing:-.05em}.ai-note{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid #dce8ad;border-radius:14px;background:#f1f8d9}.ai-note>i{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:var(--green-2);color:var(--lime);font-style:normal}.ai-note b,.ai-note span{display:block;font-size:8px}.ai-note span{margin-top:3px;color:#66756e}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.preview-stats article{padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff}.preview-stats span{display:block;color:#87938e;font-size:7px}.preview-stats b{display:block;margin-top:9px;font-size:18px}.preview-panel{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.preview-panel header,.preview-panel>div{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #edf1ef;font-size:8px}.preview-panel header{justify-content:space-between}.preview-panel header span{color:var(--green-2)}.preview-panel i{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;font-style:normal}.preview-panel i.red{background:#fff0ed;color:#de6b5b}.preview-panel i.blue{background:#eef4ff;color:#6388d2}.preview-panel i.amber{background:#fff6df;color:#d79a31}.preview-panel em{margin-left:auto;padding:4px 7px;border-radius:6px;background:#f2f5f3;color:#63716b;font-size:6px;font-style:normal}.st-problem,.st-features{padding:120px 7vw}.st-problem h2,.st-features>h2,.st-section-copy h2,.st-not-replace h2,.st-final h2{max-width:1040px;margin:0;font-size:clamp(42px,5.4vw,76px);font-weight:500;letter-spacing:-.065em;line-height:1.03}.st-problem-grid,.st-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:55px}.st-problem-grid article,.st-feature-grid article{padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff}.st-problem-grid b{font-size:20px}.st-problem-grid p,.st-feature-grid p{color:var(--muted)}.st-flow{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:110px 7vw;background:var(--green);color:#fff}.st-flow .st-kicker{color:#a8d8c9}.st-section-copy{position:sticky;top:130px;align-self:start}.st-section-copy>p:last-child{max-width:560px;color:#b9ccc5;font-size:18px}.st-flow ol{display:grid;gap:4px;margin:0;padding:0;list-style:none}.st-flow li{display:flex;gap:22px;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.13)}.st-flow li>span{color:var(--lime);font-size:11px;font-weight:800}.st-flow li b{font-size:21px}.st-flow li p{margin:5px 0 0;color:#b9ccc5}.st-feature-grid article{min-height:230px}.st-feature-grid article>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#edf4f0;color:var(--green-2);font-size:11px;font-weight:800}.st-feature-grid h3{margin:27px 0 8px;font-size:21px}.st-feature-grid .st-ai-feature{background:var(--green);color:#fff}.st-feature-grid .st-ai-feature>span{background:var(--lime);color:var(--green);font-size:18px}.st-feature-grid .st-ai-feature p{color:#b9ccc5}.st-not-replace{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin:0 5vw 120px;padding:65px;border-radius:32px;background:#edf4f0}.st-not-replace h2{font-size:clamp(37px,4.5vw,65px)}.st-not-replace>p{margin:0;color:var(--muted);font-size:19px}.st-final{padding:120px 7vw;text-align:center;background:var(--lime)}.st-final .st-kicker{color:var(--green)}.st-final h2{margin:auto}.st-final>p{max-width:760px;margin:25px auto 34px;color:#455a53;font-size:18px}.st-button-light{background:var(--green)}.st-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 5vw;background:#0c2d26;color:#b9ccc5;font-size:12px}.st-footer .st-logo{color:#fff}.st-footer p{margin:0}.st-footer p a{color:#fff}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.st-hero{grid-template-columns:1fr;padding-top:70px}.st-app-preview{min-width:0;max-width:850px}.st-flow{grid-template-columns:1fr}.st-section-copy{position:static}.st-problem-grid,.st-feature-grid{grid-template-columns:repeat(2,1fr)}.st-not-replace{grid-template-columns:1fr}}
@media(max-width:680px){.st-header{padding:14px 5vw}.st-header nav>a:not(.st-button){display:none}.st-logo{font-size:19px}.st-hero{padding:55px 5vw 70px}.st-hero h1{font-size:48px}.st-hero h1 span{white-space:normal}.st-actions{align-items:stretch;flex-direction:column}.st-actions .st-button{width:100%}.st-text-link{text-align:center}.st-app-preview{grid-template-columns:82px 1fr;min-height:410px;margin-right:-48%;transform:rotate(0)}.st-app-preview aside{padding:16px 8px}.preview-logo b{display:none}.preview-nav span{font-size:0}.preview-nav span:first-letter{font-size:11px}.preview-body{padding:22px 18px}.preview-stats article:nth-child(3){display:none}.preview-stats{grid-template-columns:1fr 1fr}.st-problem,.st-features{padding:82px 5vw}.st-problem-grid,.st-feature-grid{grid-template-columns:1fr}.st-flow{padding:82px 5vw}.st-not-replace{margin:0 4vw 80px;padding:36px 25px}.st-final{padding:80px 5vw}.st-final .st-button{width:100%}.st-footer{align-items:flex-start;flex-direction:column}.st-footer p:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.st-button{transition:none}}