:root{--bg:#0b0e0d;--panel:#111614;--panel2:#151b18;--line:#222a26;--muted:#929b95;--text:#f2f6f3;--green:#b9f36c;--green2:#98da48;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}#app{min-height:100vh}.boot{padding:40px;color:var(--green);font:800 22px var(--display)}.boot span{color:#fff}.topbar{height:76px;border-bottom:1px solid rgba(255,255,255,.065);display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1240px)/2),5.3vw);position:relative;z-index:5}.brand{font:800 20px var(--display);letter-spacing:-.7px}.brand em{font-style:normal;color:var(--green)}.navlinks{display:flex;align-items:center;gap:32px;color:#b1b8b2;font-size:13px}.navlinks a:hover,.muted-link:hover{color:var(--green)}.navright{display:flex;gap:14px;align-items:center}.btn{border:0;background:var(--green);color:#10140c;font-weight:700;padding:12px 19px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s}.btn:hover{background:#cdf895;transform:translateY(-1px)}.btn.secondary{background:#1a211d;border:1px solid #303a33;color:#eef3ef}.btn.ghost{background:transparent;color:#d1d7d3;padding:10px}.btn.small{padding:9px 13px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.eyebrow{color:var(--green);font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:19px;height:1px;background:var(--green)}.hero{max-width:1240px;margin:auto;padding:104px 30px 82px;display:grid;grid-template-columns:1.03fr .97fr;gap:52px;align-items:center}.hero h1{font:700 clamp(45px,6.1vw,77px)/1.06 var(--display);letter-spacing:-4.6px;margin:21px 0 20px;max-width:660px}.hero h1 span{color:var(--green)}.hero p{color:#9da7a0;line-height:1.8;max-width:515px;font-size:16px}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:28px}.hero-note{margin-top:18px!important;font-size:12px!important}.preview-wrap{position:relative;height:480px;display:grid;place-items:center}.glow{position:absolute;width:360px;height:360px;background:#92dc4032;filter:blur(100px);border-radius:50%}.phone{position:relative;background:#141b17;border:1px solid #334039;border-radius:27px;width:286px;padding:11px;box-shadow:0 30px 90px #0009;transform:rotate(3deg)}.phone-screen{height:430px;border-radius:19px;overflow:hidden;background:linear-gradient(154deg,#5b6343 0,#1d3229 45%,#101713 100%);position:relative;display:flex;align-items:end}.portrait{position:absolute;inset:9% 8% 18%;border-radius:46% 46% 25% 25%;background:radial-gradient(ellipse at 55% 26%,#d5b59d 0 8%,transparent 9%),radial-gradient(ellipse at 51% 19%,#28201a 0 16%,transparent 17%),radial-gradient(ellipse at 51% 66%,#a76652 0 23%,transparent 24%),linear-gradient(120deg,#77876a,#293d31 52%,#bd8c72);filter:saturate(.7)}.phone-screen:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#050706c9,transparent 65%)}.play{position:absolute;top:44%;left:47%;width:44px;height:44px;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;color:white;background:#ffffff20;backdrop-filter:blur(6px)}.phone-copy{position:relative;padding:0 19px 26px;font-size:13px;font-weight:600;line-height:1.55}.phone-copy b{color:var(--green)}.clip-chip{position:absolute;top:27px;right:-29px;background:#171e1a;border:1px solid #323c35;padding:13px 16px;border-radius:13px;font-size:12px;box-shadow:0 10px 25px #0007}.clip-chip strong{display:block;color:var(--green);font-size:18px}.float-card{position:absolute;left:-8px;bottom:55px;background:#171e1a;border:1px solid #323c35;border-radius:13px;padding:13px 16px;box-shadow:0 10px 25px #0007;font-size:12px}.float-card strong{display:block;margin-top:7px}.mini-bar{width:129px;height:4px;background:#343d37;border-radius:4px;margin-top:9px;overflow:hidden}.mini-bar i{display:block;width:72%;height:100%;background:var(--green)}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 24px;color:#737d76;text-align:center;font-size:12px;letter-spacing:.05em}.trust b{color:#adb7af;font-size:14px;margin:0 28px}.section{max-width:1240px;margin:auto;padding:100px 30px}.section-head{text-align:center;max-width:620px;margin:0 auto 50px}.section h2{font:700 clamp(32px,4vw,48px)/1.15 var(--display);letter-spacing:-2px;margin:15px 0}.section-head p,.subcopy{color:var(--muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{border:1px solid var(--line);background:linear-gradient(145deg,#131916,#101412);border-radius:15px;padding:25px;min-height:180px}.ico{width:38px;height:38px;border:1px solid #3c5334;background:#1c2819;border-radius:10px;display:grid;place-items:center;color:var(--green);font-size:18px}.feature h3{font-size:16px;margin:19px 0 8px}.feature p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{border-top:1px solid #3a443d;padding-top:20px}.step .num{color:var(--green);font-size:12px;letter-spacing:.12em}.step h3{font-size:19px}.step p{color:var(--muted);line-height:1.7;font-size:14px}.cta-box{border:1px solid #34402f;border-radius:20px;text-align:center;padding:60px 24px;background:radial-gradient(ellipse at 50% 100%,#97e14b16,transparent 65%),#101512}.cta-box h2{font:700 37px var(--display);letter-spacing:-1.5px;margin:0 0 12px}.cta-box p{color:var(--muted);margin-bottom:24px}.footer{border-top:1px solid var(--line);padding:30px max(calc((100vw - 1180px)/2),5vw);display:flex;justify-content:space-between;color:#727c75;font-size:12px}.footer-links{display:flex;gap:20px}.app-shell{max-width:1300px;margin:auto;padding:25px;display:grid;grid-template-columns:235px 1fr;gap:32px;min-height:calc(100vh - 76px)}.sidebar{border:1px solid var(--line);border-radius:15px;background:#101412;padding:17px;height:fit-content;position:sticky;top:20px}.side-label{font-size:10px;color:#657068;text-transform:uppercase;letter-spacing:.12em;padding:13px 10px 8px}.side-link{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:8px;font-size:13px;color:#aeb7b0}.side-link:hover,.side-link.active{background:#202820;color:var(--green)}.side-icon{width:19px;text-align:center}.credit-box{margin-top:20px;padding:14px;background:#171e1a;border:1px solid #29332c;border-radius:10px;font-size:12px;color:#aab3ac}.credit-box strong{display:block;color:#f1f4f1;font-size:19px;margin:6px 0}.main{padding:9px 0 40px;min-width:0}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;margin:11px 0 26px;gap:15px}.page-heading h1{font:700 29px var(--display);letter-spacing:-1px;margin:0 0 7px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.status-pill{padding:7px 10px;border-radius:99px;background:#202820;color:var(--green);font-size:11px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat,.panel{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:19px}.stat span{color:var(--muted);font-size:12px}.stat strong{display:block;font:700 27px var(--display);margin:10px 0 4px}.stat small{color:#77827a;font-size:11px}.panel{margin-top:16px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-title h3{margin:0;font-size:15px}.panel-title a{font-size:12px;color:var(--green)}.empty-state{border:1px dashed #303a33;border-radius:12px;padding:42px 20px;text-align:center;color:var(--muted)}.empty-icon{font-size:27px;margin-bottom:12px;color:var(--green)}.empty-state h3{color:#e8eee9;margin:0 0 8px}.empty-state p{max-width:430px;margin:0 auto 18px;line-height:1.6;font-size:13px}.dropzone{border:1px dashed #455340;background:#111813;border-radius:14px;text-align:center;padding:51px 20px;transition:.15s}.dropzone.drag{border-color:var(--green);background:#182316}.upload-icon{font-size:27px;color:var(--green);margin-bottom:14px}.dropzone h3{margin:0 0 9px}.dropzone p{font-size:13px;color:var(--muted)}.dropzone input{display:none}.upload-meta{font-size:11px;color:#68736b;margin-top:14px}.file-row{background:#161d19;border:1px solid var(--line);border-radius:10px;padding:13px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.alert{padding:13px 15px;border-radius:9px;background:#1c2118;border:1px solid #39452f;color:#c5d9a7;font-size:12px;line-height:1.6;margin:15px 0}.alert.warn{background:#251f13;border-color:#544522;color:#e3ca8c}.form-wrap{max-width:430px;margin:35px auto;padding:30px;border:1px solid var(--line);background:var(--panel);border-radius:16px}.form-wrap h1{font:700 26px var(--display);margin:0 0 8px}.form-wrap>p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 23px}.field{margin-bottom:15px}.field label{display:block;font-size:12px;color:#bfc7c1;margin-bottom:7px}.field input{background:#0d110f;border:1px solid #303a33;border-radius:8px;padding:12px;color:var(--text);width:100%;outline:0}.field input:focus{border-color:#8dc453}.form-wrap .btn{width:100%;margin-top:4px}.auth-foot{text-align:center;color:var(--muted);font-size:12px;margin-top:20px}.auth-foot a{color:var(--green)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-card{border:1px solid var(--line);background:var(--panel);padding:23px;border-radius:14px}.price-card.popular{border-color:#87bb4f;box-shadow:0 0 35px #9ee94a0c}.price-card .tag{font-size:10px;color:var(--green);text-transform:uppercase;letter-spacing:.1em}.price{font:700 34px var(--display);margin:12px 0}.price small{font:400 12px var(--font);color:var(--muted)}.price-card p,.price-card li{font-size:12px;color:var(--muted);line-height:1.7}.price-card ul{padding-left:17px;margin:18px 0 22px}.price-card .btn{width:100%}.profile-card{display:flex;align-items:center;gap:15px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.avatar{width:51px;height:51px;background:#293821;color:var(--green);border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:700}.profile-card h3{margin:0 0 4px}.profile-card p{margin:0;color:var(--muted);font-size:12px}.mobile-toggle{display:none}.toast{position:fixed;bottom:22px;right:22px;background:#222b25;border:1px solid #43503f;color:#eff5ee;padding:13px 17px;border-radius:9px;z-index:20;box-shadow:0 12px 30px #0008;font-size:13px;max-width:360px}.toast.error{border-color:#704542}.auth-page{max-width:1100px;margin:auto;padding:0 25px}.hidden{display:none!important}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:68px;gap:5px}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-actions{justify-content:center}.hero-copy p{margin-left:auto;margin-right:auto}.hero h1{margin-left:auto;margin-right:auto}.preview-wrap{height:450px}.feature-grid{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:1fr;padding:15px}.sidebar{position:relative;top:0;display:flex;overflow:auto;gap:4px;padding:8px}.side-label,.credit-box{display:none}.side-link{white-space:nowrap;padding:10px}.price-grid{grid-template-columns:1fr 1fr}.navlinks{gap:16px}}
@media(max-width:620px){.topbar{height:65px;padding:0 18px}.navlinks{display:none}.navright .muted-link{display:none}.hero{padding:60px 21px 40px}.hero h1{font-size:48px;letter-spacing:-2.8px}.hero-copy p{font-size:14px}.hero-actions{flex-direction:column;gap:8px}.preview-wrap{transform:scale(.88);margin:-12px 0}.trust{line-height:2.3}.trust b{margin:0 9px}.section{padding:70px 20px}.section h2{font-size:35px}.feature-grid,.steps,.price-grid,.stats{grid-template-columns:1fr}.feature{min-height:0}.cta-box{padding:45px 20px}.cta-box h2{font-size:30px}.footer{padding:25px 20px;gap:16px;flex-direction:column}.app-shell{padding:9px 14px;gap:13px}.sidebar{margin:0 -5px}.side-link{font-size:11px;padding:9px}.side-icon{display:none}.main{padding-top:3px}.page-heading h1{font-size:25px}.stat{padding:14px}.stat strong{font-size:22px}.form-wrap{margin:20px 0;padding:24px}.dropzone{padding:38px 13px}}
:root{--font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--display:ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
