:root { --ink:#10202b; --muted:#61717f; --line:#dfe5e9; --green:#0f9f73; --green-dark:#087a58; --navy:#0b1720; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; }
.landing-body { background:#f7f9fb; }
.site-header { position:absolute; top:0; left:50%; z-index:5; width:min(1180px,calc(100% - 40px)); transform:translateX(-50%); display:flex; align-items:center; justify-content:space-between; padding:22px 0; color:#dbe5eb; }
.site-brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.site-brand span { display:grid; place-items:center; width:35px; height:35px; color:#fff; background:linear-gradient(145deg,#21cc94,#07865f); border-radius:11px; font-weight:850; }
.site-brand strong { font-size:18px; letter-spacing:-.3px; }
.site-header nav { display:flex; align-items:center; gap:24px; }
.site-header nav > a { color:#b6c4ce; text-decoration:none; font-size:12px; }
.site-header nav > a:hover { color:#fff; }
.site-cta { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:12px 19px; color:#fff!important; background:var(--green); border:1px solid var(--green); border-radius:11px; box-shadow:0 9px 24px rgba(15,159,115,.2); text-decoration:none; font-size:12px; font-weight:750; cursor:pointer; }
.site-cta:hover { background:var(--green-dark); border-color:var(--green-dark); }
.site-cta.small { min-height:38px; padding:8px 14px; }
.hero { position:relative; min-height:760px; overflow:hidden; display:grid; grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr); align-items:center; gap:65px; padding:135px max(40px,calc((100vw - 1180px)/2)) 90px; color:#fff; background:linear-gradient(135deg,#09151e,#0d202a 65%,#0b2b27); }
.hero-glow { position:absolute; border-radius:50%; filter:blur(90px); opacity:.32; }
.hero-glow.one { width:440px; height:440px; left:-180px; bottom:-180px; background:#0bbf85; }
.hero-glow.two { width:380px; height:380px; top:-160px; right:18%; background:#156acb; opacity:.18; }
.hero-copy,.hero-product { position:relative; z-index:1; }
.hero-label,.section-heading > span,.security-section > div > span,.auth-kicker { color:#43d5a4; font-size:10px; font-weight:850; letter-spacing:1.5px; }
.hero h1 { max-width:630px; margin:20px 0; font-size:clamp(42px,5vw,67px); line-height:1.02; letter-spacing:-2.7px; }
.hero-copy > p { max-width:600px; margin:0; color:#aabcc8; font-size:15px; line-height:1.75; }
.hero-actions { display:flex; align-items:center; gap:23px; margin-top:32px; }
.site-link { color:#dce7ed; text-decoration:none; font-size:12px; font-weight:700; }
.site-link span { margin-left:5px; color:#41d3a2; }
.trust-row { display:flex; flex-wrap:wrap; gap:20px; margin-top:35px; color:#7f95a2; font-size:10px; }
.trust-row span:before { content:""; display:inline-block; width:6px; height:6px; margin-right:7px; background:#27c891; border-radius:50%; }
.hero-product { display:grid; grid-template-columns:74px 1fr; min-height:475px; overflow:hidden; background:#f5f7fa; border:1px solid rgba(255,255,255,.15); border-radius:20px; box-shadow:0 40px 100px rgba(0,0,0,.32); transform:perspective(1200px) rotateY(-4deg) rotateX(2deg); }
.preview-sidebar { display:flex; flex-direction:column; align-items:center; gap:22px; padding:22px 0; background:#101a24; }
.preview-sidebar i { width:33px; height:33px; background:#12a976; border-radius:10px; }
.preview-sidebar b { width:22px; height:7px; background:#344452; border-radius:8px; }
.preview-main { padding:24px; }
.preview-top { display:flex; align-items:center; justify-content:space-between; color:#16222c; }
.preview-top span { width:90px; height:28px; background:#e6eaef; border-radius:8px; }
.preview-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:26px; }
.preview-stats > div,.preview-card,.preview-chat { padding:16px; background:#fff; border:1px solid #e6e9ed; border-radius:13px; box-shadow:0 8px 25px rgba(16,24,40,.05); }
.preview-stats i { display:block; width:31px; height:31px; border-radius:9px; }.preview-stats i.blue{background:#e7f0ff}.preview-stats i.green{background:#e3f8ef}.preview-stats i.red{background:#ffebeb}
.preview-stats span,.preview-stats b,.preview-chat p,.preview-card p { display:block; height:7px; margin-top:11px; background:#e7eaed; border-radius:6px; }.preview-stats b{width:48%;height:14px;background:#263643}
.preview-panels { display:grid; grid-template-columns:1.25fr .75fr; gap:13px; margin-top:14px; color:#263643; }
.preview-chat p { height:43px; margin:12px 0 0; background:#f0f3f5; }.preview-avatar{display:grid;place-items:center;width:54px;height:54px;margin:25px auto 0;color:#fff;background:#13a777;border-radius:15px;font-weight:800}.preview-card button{width:100%;padding:9px;color:#087a58;background:#e9f8f2;border:0;border-radius:8px}.preview-card p{margin:18px auto;width:72%}
.feature-section { max-width:1180px; margin:0 auto; padding:105px 20px; }
.section-heading { max-width:650px; margin-bottom:42px; }.section-heading > span{color:var(--green)}.section-heading h2{margin:13px 0;font-size:38px;letter-spacing:-1.4px}.section-heading p{margin:0;color:var(--muted);line-height:1.7}
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.feature-grid article{padding:26px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px rgba(16,24,40,.04)}.feature-icon{display:grid;place-items:center;width:40px;height:40px;color:var(--green-dark);background:#e8f8f2;border-radius:11px;font-size:10px;font-weight:850}.feature-grid h3{margin:20px 0 9px;font-size:16px}.feature-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.pricing-section { max-width:1180px; margin:0 auto; padding:20px 20px 105px; }
.public-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.public-plan { display:flex; flex-direction:column; padding:28px; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:0 12px 35px rgba(16,24,40,.05); }
.public-plan.featured { border-color:#82cdb4; box-shadow:0 0 0 4px rgba(15,159,115,.07),0 18px 45px rgba(16,24,40,.07); }
.public-plan > span { color:var(--green); font-size:9px; font-weight:850; letter-spacing:1.1px; }
.public-plan h3 { margin:12px 0 6px; font-size:21px; }
.public-plan > strong { margin:8px 0 13px; font-size:31px; }
.public-plan > strong small { color:#7d8b95; font-size:10px; }
.public-plan p { min-height:40px; margin:0; color:var(--muted); font-size:11px; line-height:1.65; }
.public-plan ul { display:grid; gap:10px; margin:20px 0 24px; padding:0; list-style:none; }
.public-plan li { color:#465864; font-size:11px; }
.public-plan li:before { content:"???"; margin-right:8px; color:var(--green); font-weight:900; }
.public-plan .site-cta { margin-top:auto; }
.security-section { max-width:1180px; margin:0 auto 100px; display:flex; align-items:center; justify-content:space-between; gap:50px; padding:48px; color:#fff; background:linear-gradient(130deg,#0d1c26,#12362f); border-radius:22px; }.security-section h2{margin:11px 0;font-size:32px;letter-spacing:-1px}.security-section p{max-width:730px;margin:0;color:#a9bbc5;line-height:1.7}.site-cta.light{flex:0 0 auto;color:#0b2b22!important;background:#fff;border-color:#fff;box-shadow:none}
footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:28px max(20px,calc((100vw - 1140px)/2)); color:#9badb8; background:#0a151d; font-size:11px; }footer .site-brand{color:#fff}footer p{margin:0}footer div{display:flex;gap:20px}footer div a{text-decoration:none}
.auth-body { min-height:100vh; background:#f4f7f8; }.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,.85fr) minmax(520px,1.15fr)}.auth-aside{display:flex;flex-direction:column;justify-content:space-between;padding:48px max(45px,8vw);color:#fff;background:radial-gradient(circle at 20% 80%,rgba(15,159,115,.3),transparent 38%),linear-gradient(145deg,#09151e,#103029)}.light-brand{color:#fff}.auth-aside > div{max-width:510px}.auth-aside h1{margin:18px 0;font-size:46px;line-height:1.08;letter-spacing:-1.8px}.auth-aside p{margin:0;color:#a9bbc5;line-height:1.75}.auth-aside small{color:#76909e}.auth-panel{display:grid;place-items:center;padding:35px}.auth-card{width:min(100%,440px);padding:38px;background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:0 18px 55px rgba(16,24,40,.08)}.mobile-auth-brand{display:none;margin-bottom:30px}.auth-kicker{color:var(--green)}.auth-card h2{margin:9px 0 6px;font-size:29px;letter-spacing:-.8px}.auth-card > p{margin:0 0 26px;color:var(--muted);font-size:12px}.auth-card form{display:grid;gap:16px}.auth-card label{display:grid;gap:7px;color:#344054;font-size:11px;font-weight:700}.auth-card input{width:100%;padding:12px 13px;color:var(--ink);background:#fff;border:1px solid #d7dfe4;border-radius:10px;outline:none}.auth-card input:focus{border-color:#50b994;box-shadow:0 0 0 3px rgba(15,159,115,.1)}.auth-submit{width:100%;margin-top:4px}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-error{padding:10px;color:#b42318;background:#fff0ef;border:1px solid #f4c9c6;border-radius:9px;font-size:10px}.auth-switch{text-align:center!important;margin:22px 0 0!important}.auth-switch a{color:var(--green-dark);font-weight:750}.auth-forgot{display:inline-block;margin-top:-5px;color:var(--green-dark);font-size:10px;font-weight:700;text-decoration:none}.auth-forgot:hover{text-decoration:underline}.success-message{padding:10px;color:#087a58;background:#e3f8ef;border:1px solid #b3e3d1;border-radius:9px;font-size:11px;line-height:1.5}.reset-link-box code{display:block;word-break:break-all;color:var(--green-dark);font-size:10px;line-height:1.5}.reset-link-box{padding:12px;background:#f4f7f8;border:1px solid #dfe5e9;border-radius:9px}.reset-link-box .site-cta{margin-top:8px}
.auth-card .auth-consent { display:flex; grid-template-columns:none; align-items:flex-start; gap:9px; padding:11px; background:#f5faf8; border:1px solid #d4e9e1; border-radius:10px; cursor:pointer; }
.auth-card .auth-consent input { flex:0 0 auto; width:auto; margin-top:2px; accent-color:var(--green); }
.auth-card .auth-consent span { color:#536771; font-size:10px; line-height:1.5; }
@media(max-width:900px){.site-header nav>a:not(.site-cta):not(:last-child){display:none}.hero{grid-template-columns:1fr;padding-top:135px}.hero-product{transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.public-plan-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}.mobile-auth-brand{display:inline-flex}.auth-panel{min-height:100vh}.security-section{margin-inline:20px}}
@media(max-width:600px){.site-header{width:calc(100% - 28px)}.site-header nav{gap:10px}.hero{min-height:auto;padding:120px 18px 70px}.hero h1{font-size:42px;letter-spacing:-1.7px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-product{display:none}.feature-section{padding:75px 16px}.pricing-section{padding-inline:16px}.section-heading h2{font-size:30px}.feature-grid{grid-template-columns:1fr}.security-section{align-items:flex-start;flex-direction:column;padding:30px;margin-bottom:65px}.security-section h2{font-size:27px}footer{align-items:flex-start;flex-direction:column}.auth-panel{padding:16px}.auth-card{padding:26px 21px}.auth-card h2{font-size:25px}}