:root{font-family:Arial,Helvetica,sans-serif;color:#132b31;background:#f4f7f6;font-synthesis:none;--green:#00aa5b;--muted:#6c7d85}
*{box-sizing:border-box}body{margin:0;min-height:100svh;overflow-x:hidden}[hidden]{display:none!important}
.pattern{position:fixed;z-index:-1;inset:-40%;background:var(--green);mask-image:url('/assets/clickped.svg');mask-repeat:repeat;mask-size:280px 280px;opacity:.035;transform:rotate(-16deg);pointer-events:none}
.hero{width:min(1220px,calc(100% - 80px));min-height:100svh;margin:auto;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:92px;padding:64px 0}
.intro{padding:18px 0}.official{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--green);padding:12px 16px;background:#fff;border-radius:99px;box-shadow:0 12px 35px #00aa5b12;margin-bottom:22px}
.official span{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px #00aa5b1a}
h1{font-size:clamp(38px,3.2vw,48px);letter-spacing:-2px;line-height:1.1;color:var(--green);margin:0 0 16px;font-weight:750}
h2{font-size:28px;line-height:1.18;letter-spacing:-.25px;max-width:530px;margin:0;font-weight:700}
.description{font-size:16px;line-height:1.65;color:var(--muted);margin:28px 0 36px;max-width:520px}
.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.button{min-height:60px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;border-radius:15px;text-decoration:none;font-size:16px;font-weight:700;transition:background .2s,box-shadow .2s;cursor:pointer}
.button svg{width:21px;height:21px;flex-shrink:0}.primary{color:white;background:var(--green);box-shadow:0 16px 36px #00aa5b2b;min-width:250px}.primary:hover{background:#009b52;box-shadow:0 16px 40px #00aa5b40}.primary[aria-disabled=true]{cursor:wait;opacity:.65;box-shadow:none}.secondary{color:#132b31;background:#ffffffc9;border:1px solid #e5eae8}.secondary svg{color:var(--green)}.secondary:hover{background:#fff}
.button:focus-visible,.retry:focus-visible{outline:3px solid #006f3c;outline-offset:5px}
.release{margin-top:18px;min-height:52px;font-size:14px;color:var(--muted)}.release p{margin:0}.release strong{color:var(--green)}#status{font-size:13px;line-height:1.5;margin-top:14px;color:#74858b}.retry{margin-top:10px;padding:8px 0;border:0;background:transparent;font:inherit;font-size:14px;font-weight:700;color:#00783f;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.laptop{width:100%;position:relative;filter:drop-shadow(0 30px 24px #163b2d22)}.screen{position:relative;margin:0 5px;border-radius:24px 24px 4px 4px;padding:16px 16px 0;background:#f8fbfa;border:1px solid #e8eeeb;box-shadow:0 0 100px #00aa5b10}
.app-window{border:1px solid #e3e9e6;border-radius:15px 15px 0 0;overflow:hidden;background:#fff}.window-bar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#f7f9f8;border-bottom:1px solid #e2e7e4}.window-bar>span{font-size:11px;font-weight:700;color:var(--green)}.window-dots{display:flex;gap:6px}.window-dots i{width:8px;height:8px;background:#d2dad7;border-radius:50%}
.app-layout{display:flex;height:272px}.sidebar{width:110px;flex-shrink:0;background:#f5f8f7;border-right:1px solid #eaf0ec;padding:14px 10px}.mini-brand{display:flex;gap:7px;align-items:center;margin-bottom:20px}.mini-brand img{border-radius:5px}.mini-brand b{font-size:11px;color:var(--green)}.nav-line{height:18px;border-radius:5px;background:#e3eae7;margin-bottom:10px}.nav-line.selected{background:#c9e9dc}
.dashboard{flex:1;min-width:0;padding:16px}.heading-line{width:43%;height:16px;border-radius:10px;background:#d8f1e6;margin-bottom:16px}.stats{display:flex;gap:10px}.stat{flex:1;background:#f2f5f4;border-radius:12px;padding:10px}.stat i{display:block;width:18px;height:18px;border-radius:5px;background:var(--green);margin-bottom:8px}.stat span,.stat small{display:block;height:8px;border-radius:5px;background:#dce4e0}.stat small{margin-top:6px;width:60%}.charts{display:flex;gap:10px;margin-top:12px}.charts div{position:relative;height:36px;flex:1;border-radius:10px;background:#f2f5f4;overflow:hidden}.charts div:after{content:'';position:absolute;bottom:0;left:0;width:70%;height:5px;background:var(--green);border-radius:5px}.table-line{height:26px;background:#f0f3f2;border-radius:7px;margin-top:9px}
.base{height:18px;background:linear-gradient(#d7dedb,#afbcb5);border-radius:0 0 26px 26px;margin-top:-1px;position:relative}.base:before{content:'';position:absolute;top:0;left:42%;width:16%;height:5px;background:#bbc6c0;border-radius:0 0 6px 6px}
@media(min-width:1600px){.hero{gap:100px;grid-template-columns:1fr 1.13fr}}
@media(max-width:1000px){.hero{gap:40px;width:calc(100% - 64px)}h2{font-size:25px}.app-layout{height:245px}.sidebar{width:90px}.mini-brand{gap:3px}.mini-brand b{font-size:9px}.dashboard{padding:12px}.stats{gap:6px}.stat{padding:8px}}
@media(max-width:760px){.hero{width:min(520px,calc(100% - 40px));min-height:100svh;grid-template-columns:1fr;gap:32px;padding:48px 0}.intro{padding:0}h1{font-size:40px;letter-spacing:-1.6px}h2{font-size:25px}.description{margin:24px 0 28px}.laptop{margin:0 auto 16px}.app-layout{height:225px}.screen{padding:12px 12px 0;border-radius:20px 20px 4px 4px}.button{min-height:56px;font-size:15px}.primary{min-width:240px}.pattern{mask-size:220px 220px}.release{min-height:46px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}