:root{--blue:#0957e8;--blue2:#2f7bff;--navy:#0b1838;--text:#13203c;--muted:#63708a;--line:#dbe5f2;--soft:#f5f9ff;--soft2:#edf5ff;--green:#20a965;--green-soft:#e7f8ef;--white:#fff;--shadow:0 15px 45px rgba(19,58,119,.09);--radius:18px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border-bottom:1px solid #edf1f6}.header-inner{height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;flex-direction:column;min-width:205px}.brand-name{font-weight:900;font-size:24px;letter-spacing:-.7px;color:var(--navy);line-height:1}.brand-name span{color:var(--blue)}.brand small{font-size:11px;color:#54617a;margin-top:5px}.desktop-nav{display:flex;gap:28px;margin-left:auto;font-size:14px;font-weight:700}.desktop-nav a{padding:8px 0}.desktop-nav a:hover,.desktop-nav a.is-active{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;min-height:48px;padding:0 24px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--blue),#064ad0);color:#fff;box-shadow:0 10px 24px rgba(9,87,232,.22)}.btn-outline{border-color:#9dbaf0;color:var(--blue);background:#fff}.btn-soft{background:#eef5ff;color:var(--blue)}.menu-toggle,.mobile-menu{display:none}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fafdff 0%,#edf6ff 64%,#f8fbff 100%);border-bottom:1px solid #e6eff9}.hero:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:15%;top:-220px;background:radial-gradient(circle,rgba(26,105,245,.14),rgba(26,105,245,0) 67%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center;padding:56px 0 42px}.hero h1{font-size:52px;line-height:1.04;letter-spacing:-2px;margin:0 0 20px;color:#071738;max-width:620px}.hero p{font-size:19px;max-width:610px;color:#43516b;margin:0 0 26px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.trust-row{display:flex;gap:19px;color:#6e7b93;font-size:13px;margin-top:18px}.trust-row span:before{content:"✓";color:var(--blue);font-weight:900;margin-right:5px}.demo-card{position:relative;background:#fff;border:1px solid #dbe6f5;border-radius:17px;box-shadow:var(--shadow);padding:24px;max-width:520px;margin-left:auto}.demo-card:after{content:"";position:absolute;right:-75px;bottom:-5px;width:120px;height:205px;background:linear-gradient(90deg,rgba(15,95,240,.09) 14%,transparent 14% 27%,rgba(15,95,240,.12) 27% 44%,transparent 44% 57%,rgba(15,95,240,.14) 57% 77%,transparent 77%);border-radius:8px;opacity:.8}.demo-card h3{font-size:20px;margin:0 0 12px;color:var(--navy)}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.chip{display:inline-flex;padding:5px 10px;border-radius:20px;background:#eef5ff;color:#1761dc;font-size:12px;font-weight:700}.demo-body{display:grid;grid-template-columns:105px 1fr;gap:14px}.demo-meta{font-size:12px;color:#6b7891}.demo-meta strong{display:block;font-size:27px;color:var(--blue);line-height:1;margin:4px 0}.ranking{border:1px solid #d6e2f3;border-radius:11px;overflow:hidden;background:#fff;position:relative;z-index:2}.rank-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:12px 13px;border-bottom:1px solid #e7eef8}.rank-row:last-child{border-bottom:0}.rank-dot{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#e9f1ff;color:var(--blue);font-weight:900}.rank-name{font-weight:800}.rank-price{font-weight:900;color:#142443}.rank-price.best{color:var(--green)}.disclaimer{font-size:11px;color:#73809a;background:#f4f7fb;border-radius:8px;padding:8px 10px;margin-top:12px}.feature-strip{border-bottom:1px solid #edf2f8;background:#fff}.features{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 0}.feature{display:flex;gap:12px;align-items:flex-start;padding:3px 22px;border-right:1px solid #edf1f6}.feature:first-child{padding-left:0}.feature:last-child{border-right:0}.icon{flex:0 0 39px;width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#e9f2ff;color:var(--blue);font-weight:900;font-size:19px}.feature:nth-child(2) .icon{background:#e9f8ef;color:var(--green)}.feature:nth-child(3) .icon{background:#f1ebff;color:#714ce9}.feature strong{display:block;font-size:14px;margin-bottom:3px}.feature small{color:var(--muted);font-size:12px}.section{padding:58px 0}.section.soft{background:linear-gradient(180deg,#f8fbff,#fff)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px;gap:20px}.section h2{font-size:34px;letter-spacing:-1px;color:#0a1838;margin:0}.section-intro{color:var(--muted);max-width:640px;margin-top:8px}.solutions-layout{display:grid;grid-template-columns:1fr 245px;gap:20px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.solution-card{position:relative;border:1px solid var(--line);border-radius:16px;padding:23px;background:#fff;min-height:184px;transition:.2s}.solution-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.solution-card.active{border:1.5px solid #72a4ff}.solution-card .icon{margin-bottom:17px}.solution-card h3{font-size:19px;margin:0 0 7px}.solution-card p{font-size:13px;color:var(--muted);margin:0 0 17px}.badge{position:absolute;right:12px;top:12px;font-size:10px;padding:3px 8px;border-radius:12px;background:#f3f5f8;color:#66738b}.popular{background:linear-gradient(135deg,#f5f9ff,#edf5ff);border:1px solid #dfeafb;border-radius:16px;padding:20px}.popular h3{font-size:15px;margin:0 0 10px}.popular a{display:flex;justify-content:space-between;padding:10px 0;color:var(--blue);font-size:12px;border-bottom:1px solid #dfe7f3}.popular a:last-child{border-bottom:0}.how{background:#f6faff;border:1px solid #dfeaf8;border-radius:17px;padding:20px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.step{display:grid;grid-template-columns:48px 1fr;gap:12px;position:relative;padding:0 18px}.step:not(:last-child):after{content:"→";position:absolute;right:-7px;top:12px;color:#9db6e8}.step-num{width:42px;height:42px;border:1.5px solid #6d9bf0;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-weight:900}.step strong{font-size:14px}.step p{font-size:12px;color:var(--muted);margin:4px 0 0}.compare-grid{display:grid;grid-template-columns:270px 1fr 250px;gap:20px;align-items:stretch}.insight-card,.trust-card,.comparison-card{border:1px solid var(--line);border-radius:17px;background:#fff;padding:22px}.comparison-card h3{margin:0 0 10px}.compare-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.comp-head,.comp-row{display:grid;grid-template-columns:1.1fr 1fr 1.7fr 1.2fr;gap:10px;align-items:center}.comp-head{font-size:10px;color:#71809a;padding:8px 4px}.comp-row{padding:12px 4px;border-top:1px solid #e8eef6;font-size:12px}.comp-row strong{font-size:13px}.status-good{color:var(--green);font-weight:800}.trust-card h3{margin-top:0}.trust-item{display:flex;gap:10px;margin:15px 0}.trust-item .icon{width:34px;height:34px;flex-basis:34px;border-radius:10px}.trust-item strong{font-size:13px}.trust-item p{font-size:11px;color:var(--muted);margin:2px 0}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card{background:#f7fbff;border:1px solid #e2ebf5;border-radius:15px;padding:22px}.info-card h3{margin:0 0 8px;font-size:17px}.info-card p{font-size:13px;color:var(--muted);margin:0}.info-card a{display:inline-block;color:var(--blue);font-weight:800;font-size:13px;margin-top:12px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-card{border:1px solid var(--line);border-radius:16px;padding:23px}.article-card h3{font-size:19px;margin:9px 0}.article-card p{font-size:13px;color:var(--muted)}.site-footer{background:#091a3b;color:#e9f0ff;padding:43px 0 95px}.site-footer .brand-name{color:#fff}.site-footer .brand-name span{color:#5d9aff}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:45px}.footer-grid h4{font-size:13px;margin:0 0 12px;color:#fff}.footer-grid a,.footer-grid span{display:block;font-size:12px;color:#bdc9df;margin:7px 0}.footer-note{font-size:12px;color:#9faec8;max-width:240px}.footer-bottom{margin-top:32px;padding-top:18px;border-top:1px solid #1b3561;display:flex;justify-content:space-between;gap:30px;color:#91a3c0;font-size:11px}.mobile-bottom{display:none}.page-hero{padding:58px 0;background:linear-gradient(135deg,#f7fbff,#edf5ff);border-bottom:1px solid #e3ebf5}.page-hero h1{font-size:45px;line-height:1.05;letter-spacing:-1.7px;margin:0 0 14px;color:#071738}.page-hero p{font-size:18px;color:#5c6880;max-width:720px;margin:0}.breadcrumbs{font-size:12px;color:#7a879d;margin-bottom:17px}.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px}.content-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:28px}.side-cta{background:linear-gradient(145deg,#0d58e9,#073d9e);color:#fff;border-radius:17px;padding:24px;align-self:start;position:sticky;top:105px}.side-cta .btn{background:#fff;color:var(--blue);width:100%;margin-top:12px}.quiz-shell{max-width:900px;margin:45px auto 80px}.quiz-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:35px}.quiz-progress{display:flex;gap:7px;margin-bottom:26px}.quiz-progress span{height:7px;flex:1;background:#e5edf7;border-radius:10px}.quiz-progress span.active{background:var(--blue)}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.options button{border:1px solid #d5e1f1;border-radius:13px;background:#fff;padding:18px;text-align:left;font-weight:800;cursor:pointer}.options button:hover{border-color:#6c9cff;background:#f7faff}.result-card{display:grid;grid-template-columns:50px 1fr auto;gap:14px;align-items:center;border:1px solid #dce6f2;border-radius:14px;padding:18px;margin:12px 0}.result-price{font-size:20px;font-weight:900}.notice{border-radius:13px;padding:14px 16px;background:#f4f8fd;color:#66738a;font-size:12px}.form-grid{display:grid;gap:15px}.field label{display:block;font-weight:800;font-size:13px;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;border:1px solid #ccd8e8;border-radius:10px;padding:12px 13px;background:#fff}.field textarea{min-height:130px}.admin-body{background:#f5f8fc}.admin-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.admin-side{background:#0a1b3c;color:#fff;padding:26px 18px}.admin-main{padding:34px;max-width:1250px}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat,.admin-card{background:#fff;border:1px solid #dfe7f1;border-radius:14px;padding:19px}.admin-card{padding:22px;margin-top:20px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:11px;border-bottom:1px solid #e8edf4;text-align:left;font-size:13px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f5faff,#eaf3ff)}.login-card{width:min(430px,calc(100% - 30px));background:#fff;border:1px solid #dbe5f2;border-radius:18px;box-shadow:var(--shadow);padding:30px}.flash{padding:12px 14px;border-radius:10px;background:#e9f8ef;color:#157846;margin-bottom:15px}.error{background:#fff0f0;color:#b23939}.small{font-size:12px;color:var(--muted)}@media(max-width:1000px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;margin-left:auto;width:42px;height:42px;border:0;background:transparent;flex-direction:column;gap:5px;justify-content:center;align-items:center}.menu-toggle span{display:block;width:23px;height:2px;background:#0a1838}.mobile-menu{position:absolute;top:82px;left:0;right:0;background:#fff;border-bottom:1px solid #e5ecf4;padding:14px 20px}.mobile-menu.open{display:grid}.mobile-menu a{padding:12px;border-bottom:1px solid #edf1f6;font-weight:700}.hero-grid{grid-template-columns:1fr}.features{grid-template-columns:repeat(2,1fr);gap:15px}.solutions-layout{grid-template-columns:1fr}.solution-grid{grid-template-columns:repeat(2,1fr)}.how{grid-template-columns:repeat(2,1fr);gap:20px}.compare-grid{grid-template-columns:1fr}.info-grid,.article-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.content-wrap{grid-template-columns:1fr}.side-cta{position:static}.admin-shell{grid-template-columns:1fr}.admin-side{display:none}.admin-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){body{font-size:15px;padding-bottom:68px}.container{width:min(100% - 28px,var(--max))}.header-inner{height:70px}.brand-name{font-size:20px}.mobile-menu{top:70px}.hero-grid{padding:36px 0 28px;gap:26px}.hero h1{font-size:37px}.hero p{font-size:16px}.hero-actions{display:grid}.btn{width:100%}.features{grid-template-columns:1fr 1fr;padding:14px 0}.feature small{display:none}.section{padding:38px 0}.section h2{font-size:28px}.solution-grid{grid-template-columns:1fr}.popular{display:none}.how{grid-template-columns:1fr;padding:17px}.compare-grid{display:block}.info-grid,.article-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bottom{position:fixed;z-index:60;bottom:0;left:0;right:0;height:67px;background:#fff;border-top:1px solid #dce5f0;display:grid;grid-template-columns:repeat(5,1fr)}.page-hero{padding:38px 0}.page-hero h1{font-size:35px}.quiz-card{padding:22px 18px}.options{grid-template-columns:1fr}.admin-main{padding:20px 14px}.admin-grid{grid-template-columns:1fr}}.hero-demo-wrap{position:relative;min-height:340px;overflow:visible}.hero-demo-wrap .demo-card{position:relative;z-index:5;max-width:470px;margin-left:0;background:#fff}.hero-chart{position:absolute;z-index:1;right:-135px;top:35px;width:330px;height:auto;opacity:.78;pointer-events:none}.hero-chart img{display:block;width:100%;height:auto}.workspace-visual{height:auto;margin-top:16px;background:none}.workspace-visual img{display:block;width:100%;height:auto}.proof-strip{border:1px solid #dfe8f5;background:#f7fbff;border-radius:15px;display:grid;grid-template-columns:repeat(5,1fr);padding:14px 10px}.proof-item{display:flex;gap:10px;padding:5px 12px;border-right:1px solid #e3eaf4}.proof-item:last-child{border-right:0}.proof-icon{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;background:#edf4ff;color:var(--blue)}@media(max-width:1200px){.hero-chart{right:-170px;width:300px}}@media(max-width:1000px){.hero-chart{display:none}.hero-demo-wrap{min-height:auto}.hero-demo-wrap .demo-card{max-width:none;width:100%}.proof-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.proof-strip{grid-template-columns:1fr}}