@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');:root{--ink:#14233b;--muted:#65748b;--blue:#215be8;--light:#eef4ff;--line:#e3e9f3}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.65 'DM Sans',system-ui,sans-serif;background:#fff}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1100px;margin:auto;padding:0 24px}header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}.brand{font-size:22px;font-weight:800;color:#152848;letter-spacing:-.8px}.brand b{color:var(--blue)}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{font-size:14px;color:#41506a;font-weight:700}.hero{padding:76px 0 64px;background:linear-gradient(135deg,#eef4ff,#fff 68%)}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#3267dd;font-weight:800;font-size:12px}h1{font-size:clamp(32px,5vw,57px);letter-spacing:-1.7px;line-height:1.13;margin:12px 0 22px}h2{font-size:29px;letter-spacing:-.8px;line-height:1.2;margin:0 0 15px}h3{margin:0 0 8px;font-size:19px}p{color:#52627b}main{min-height:60vh}.section{padding:58px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:18px;padding:25px;background:white;box-shadow:0 10px 32px #163e8710}.card p{margin-bottom:0}.button{display:inline-block;background:var(--blue);border:0;color:#fff!important;padding:13px 22px;border-radius:10px;font-weight:800;cursor:pointer}.button.secondary{background:#e7efff;color:#2054c6!important}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.article{max-width:850px;margin:0 auto;padding:52px 24px 75px}.article h1{font-size:clamp(31px,4vw,45px)}.article h2{font-size:24px;margin:30px 0 12px}.article li{margin:8px 0;color:#52627b}.notice{background:#fff8e7;border:1px solid #f2d993;padding:15px 19px;border-radius:12px;color:#765300;margin:20px 0}.tag{display:inline-block;padding:6px 11px;background:#eaf1ff;color:#2357cb;border-radius:99px;font-size:13px;font-weight:800}footer{background:#101d35;color:#fff;padding:38px 0}footer p,footer a{color:#c5d1e5}footer .links{display:flex;flex-wrap:wrap;gap:15px;margin:12px 0}label{display:block;font-weight:700;margin:15px 0 5px}input,textarea,select{width:100%;padding:12px;border:1px solid #cad4e5;border-radius:9px;font:inherit}textarea{min-height:115px}.form{max-width:630px}.small{font-size:13px}.price{font-size:27px;font-weight:800;color:var(--blue)}@media(max-width:760px){.nav{align-items:flex-start;flex-direction:column;padding:14px 0}nav{gap:10px}.grid{grid-template-columns:1fr}.hero{padding:50px 0}.section{padding:40px 0}}
/* Premium homepage design */
:root{--ink:#10203b;--blue:#315cf4;--line:#e6eaf3}html{scroll-behavior:smooth}body{overflow-x:hidden}header{background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}.nav{max-width:1240px;min-height:82px}.brand{letter-spacing:-1.2px}.brand b{color:#385bf4}nav a{transition:color .2s}nav a:hover{color:#315cf4;text-decoration:none}.wrap{max-width:1240px}.button{border-radius:12px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);text-decoration:none;box-shadow:0 12px 30px #2446a522}.premium-hero{position:relative;overflow:hidden;padding:98px 0 90px;background:radial-gradient(ellipse at 82% 26%,#dce5ff 0,transparent 46%),linear-gradient(130deg,#f7f9ff,#edf3ff 55%,#fff)}.premium-hero:before{content:'';position:absolute;width:560px;height:560px;border:1px solid #aabefb55;border-radius:50%;right:-220px;top:-260px;box-shadow:0 0 0 95px #d5e1ff30,0 0 0 190px #d5e1ff20}.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:50px;align-items:center;position:relative}.hero-pill{display:inline-flex;gap:10px;align-items:center;border:1px solid #d7e2ff;background:#fff;color:#3c5db7;border-radius:99px;padding:9px 14px;font-size:11px;font-weight:800;letter-spacing:1.1px}.pulse{width:8px;height:8px;border-radius:50%;background:#20ba88;box-shadow:0 0 0 4px #20ba881c}.premium-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-3.1px;margin:25px 0 22px}.premium-hero h1 span,.gradient-text{background:linear-gradient(110deg,#2352e8,#6c51ed);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-sub{font-size:18px;line-height:1.8;max-width:530px}.button-primary{background:#315cf4;padding:15px 24px;box-shadow:0 12px 24px #315cf42c}.button-ghost{background:white;color:#1d315a!important;border:1px solid #dbe3f2;padding:15px 24px}.hero-trust{display:flex;gap:15px;flex-wrap:wrap;margin-top:31px;color:#526584;font-size:12px;font-weight:700}.dashboard-scene{position:relative;padding:15px 15px 30px}.dash-window{background:#fff;border:1px solid #e2e9ff;border-radius:22px;box-shadow:0 30px 75px #284eaa2e;overflow:hidden;transform:rotate(-1.5deg)}.dash-top{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #edf0f7}.dash-logo{font-size:13px;color:#325bea}.dash-top-label{color:#8b96a8;font-size:11px}.avatar{display:grid;place-items:center;background:#e7edff;color:#315cf4;border-radius:50%;width:30px;height:30px;font-size:10px;font-weight:800}.dash-body{padding:22px;background:#f9fbff}.dash-greeting{font-weight:800;color:#18294a}.dash-greeting span{color:#ffc14b}.dash-body>p{font-size:12px;margin:2px 0 19px}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dash-stat{background:#fff;border:1px solid #e9edf7;border-radius:12px;padding:14px 12px;display:flex;flex-direction:column;gap:5px}.dash-stat small,.dash-stat em{font-size:10px;color:#74819a;font-style:normal}.dash-stat strong{font-size:23px;letter-spacing:-1px}.dash-stat em{color:#2aab81}.dash-chart{margin-top:13px;border:1px solid #e9edf7;background:#fff;border-radius:13px;padding:17px}.dash-chart>div:first-child{display:flex;justify-content:space-between;font-size:12px}.dash-chart small{color:#8d98ac}.bars{height:110px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid #e5eaf3;margin-top:14px}.bars i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(0deg,#8da8ff,#345ff1);min-width:8px}.dash-bottom{display:flex;gap:8px;margin-top:12px}.dash-bottom span{background:#eef3ff;border-radius:7px;padding:8px 10px;color:#4b68b4;font-size:10px;font-weight:700}.float-note{position:absolute;bottom:0;left:-20px;display:flex;align-items:center;gap:10px;background:#fff;padding:12px 16px;border-radius:14px;box-shadow:0 16px 45px #193d8a25}.float-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e5f8ef;color:#19a46b;font-weight:900}.float-note b,.float-note small{display:block;font-size:11px}.float-note small{color:#8490a6;margin-top:3px}.proof-strip{border-bottom:1px solid #e8edf7;background:#fff}.proof-inner{display:flex;align-items:center;gap:36px;padding-top:23px;padding-bottom:23px}.proof-inner>span{font-size:12px;color:#8b98ac;font-weight:700;max-width:170px}.proof-inner>div{display:flex;justify-content:space-between;flex:1;gap:16px;flex-wrap:wrap}.proof-inner b{font-size:13px;color:#64738d}.features-section{padding:90px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:36px}.section-heading h2,.pricing-spotlight h2,.center-heading h2,.cta-panel h2{font-size:clamp(30px,3.5vw,46px);line-height:1.18;letter-spacing:-1.6px}.section-heading p{max-width:390px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-tile{display:block;color:inherit;background:#fff;border:1px solid #e4eaf5;border-radius:20px;padding:28px;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-tile:hover{transform:translateY(-5px);border-color:#c4d3ff;box-shadow:0 16px 38px #183f8916;text-decoration:none}.feature-icon{width:49px;height:49px;display:grid;place-items:center;background:#ecf1ff;color:#315cf4;border-radius:14px;font-size:24px;margin-bottom:22px}.feature-tile h3{font-size:18px}.feature-tile p{font-size:14px;min-height:68px}.feature-link{font-size:12px;color:#315cf4;font-weight:800}.center-action{text-align:center;margin-top:32px}.button-outline{background:white;color:#315cf4!important;border:1px solid #cbd7ff}.pricing-spotlight{background:#f5f8ff;padding:90px 0}.spotlight-grid{display:grid;grid-template-columns:1fr .88fr;gap:80px;align-items:center}.spotlight-grid p{max-width:500px}.check-list{display:flex;flex-direction:column;gap:9px;margin:25px 0 30px;color:#29416b;font-size:14px;font-weight:700}.price-visual{background:#fff;border:1px solid #e2e9fa;box-shadow:0 22px 55px #1c4eae16;border-radius:24px;padding:32px}.price-top,.price-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.price-top{font-size:11px;letter-spacing:1.3px;color:#62779c;font-weight:800}.price-tag{border-radius:99px;background:#e8f8ee;color:#188454;padding:6px 10px;letter-spacing:0}.price-big{font-size:42px;font-weight:800;color:#1b2d50;letter-spacing:-1.5px;margin:25px 0}.price-big small{font-size:13px;letter-spacing:0;color:#7b88a0;font-weight:500}.price-line{height:1px;background:#e8edf6}.price-row{padding:17px 0;border-bottom:1px solid #edf0f6;font-size:13px}.price-row span{color:#697b97}.price-row b{color:#20375d}.price-foot{font-size:11px!important;margin:18px 0 0}.how-section{padding:90px 0}.center-heading{text-align:center;margin-bottom:42px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps-grid>div{border-top:2px solid #d9e3ff;padding:22px 15px}.step-num{font-size:14px;font-weight:900;color:#315cf4}.steps-grid h3{margin-top:15px}.steps-grid p{font-size:14px}.cta-section{padding:0 0 90px}.cta-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;border-radius:26px;padding:48px 55px;background:radial-gradient(circle at 95% 5%,#6b7fff 0,transparent 45%),linear-gradient(110deg,#172b66,#3054d9);color:white}.cta-panel .eyebrow{color:#bfd0ff}.cta-panel h2{margin:14px 0}.cta-panel p{color:#dbe4ff;margin:0}.button-white{background:#fff;color:#2448c7!important}.button-outline-light{background:transparent;border:1px solid #a3b9ff;color:white!important}footer{padding:50px 0}footer .wrap{max-width:1240px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7b9cff;outline-offset:3px}@media(max-width:1000px){.hero-grid{gap:20px}.premium-hero h1{font-size:48px}.spotlight-grid{gap:35px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.nav{align-items:center;flex-direction:row;flex-wrap:wrap;padding:12px 0;min-height:auto}.nav nav{width:100%;justify-content:space-between;gap:8px}.nav nav a{font-size:12px}.premium-hero{padding:55px 0 65px}.hero-grid,.spotlight-grid{grid-template-columns:1fr}.premium-hero h1{font-size:clamp(38px,10vw,52px);letter-spacing:-1.8px}.dashboard-scene{margin-top:22px}.float-note{left:0}.hero-trust{gap:9px}.proof-inner{display:block}.proof-inner>span{display:block;margin-bottom:15px}.proof-inner>div{justify-content:flex-start;gap:12px 20px}.section-heading{display:block}.feature-grid,.steps-grid{grid-template-columns:1fr}.feature-tile p{min-height:0}.features-section,.pricing-spotlight,.how-section{padding:65px 0}.cta-panel{display:block;padding:30px 25px}.cta-section{padding-bottom:60px}.cta-panel .buttons{margin-top:25px}.price-visual{padding:23px}.dash-stat strong{font-size:17px}.dash-stat{padding:10px 7px}.dash-bottom{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.feature-tile{transition:none}}