:root{font-family:Inter,Arial,sans-serif;color:#10203f;background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #2d68e9;outline-offset:3px}.skip{position:absolute;left:-9999px;top:0;background:white;padding:12px;z-index:50}.skip:focus{left:12px}.container{max-width:1240px;margin:auto;padding:0 28px}.site-header{height:88px;display:flex;align-items:center;gap:36px;max-width:1440px;margin:auto;padding:0 32px;background:#fff}.brand{width:132px;flex:none;display:flex;align-items:center}.brand img{width:126px;height:80px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:26px;margin:auto;font-size:14px;font-weight:650;color:#203453}.desktop-nav a:hover,.text-link:hover,.footer a:hover{color:#2064dc}.header-actions{display:flex;align-items:center;gap:18px;white-space:nowrap;font-size:14px;font-weight:650}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:52px;border-radius:13px;padding:0 22px;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:#2267e8;color:#fff;box-shadow:0 10px 22px #2065e82b}.button.secondary{background:#fff;color:#194da8;border:1px solid #b9cff5}.button.small{min-height:42px;padding:0 16px}.mobile-menu{display:none}.hero{background:radial-gradient(circle at 14% 38%,#fff 0,#f4f9ff 46%,#e9f2ff 100%);border-top:1px solid #edf2fa;overflow:hidden}.hero-inner{max-width:1440px;min-height:700px;margin:auto;padding:56px 34px 40px;display:grid;grid-template-columns:27% 38% 35%;align-items:center;position:relative}.portrait{height:595px;align-self:end;position:relative;z-index:1}.portrait img{height:100%;width:120%;max-width:none;object-fit:cover;object-position:38% 16%;border-radius:28px 28px 0 0;filter:drop-shadow(0 22px 30px #365d9f1c)}.hero-copy{position:relative;z-index:2;padding:0 24px 50px 22px}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#2d6adc}.hero h1{font-size:clamp(40px,4.5vw,66px);line-height:1.07;letter-spacing:-.055em;margin:20px 0 22px;color:#10203f}.hero h1 span{background:linear-gradient(110deg,#1c5edb,#22a7e2);color:transparent;background-clip:text}.hero-copy>p{font-size:17px;line-height:1.68;color:#526681;max-width:520px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 16px}.hero-copy .hero-note{font-size:13px;color:#68809e}.demo-card{background:#fff;border:1px solid #dce8f8;border-radius:24px;box-shadow:0 24px 55px #2a5bb527;padding:24px;position:relative;z-index:2;margin:42px 0 0 -5px}.demo-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.demo-top>div{display:grid;gap:6px}.demo-top strong{font-size:20px;letter-spacing:-.02em}.demo-kicker{font-size:12px;font-weight:700;color:#627b9f}.demo-badge{background:#eaf3ff;color:#2d67c9;font-size:10px;font-weight:800;letter-spacing:.05em;padding:7px 9px;border-radius:7px}.demo-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:26px 0}.demo-metrics>div{border:1px solid #e4ecf7;border-radius:12px;padding:16px;display:grid;gap:7px}.demo-metrics span,.demo-chart>span,.demo-bottom{font-size:12px;color:#657a95}.demo-metrics strong{font-size:25px;color:#1c4d9d}.demo-chart{border:1px solid #e4ecf7;border-radius:12px;padding:16px}.chart-placeholder{height:110px;display:flex;align-items:end;gap:9px;border-bottom:1px solid #dce7f4;padding:0 9px;margin-top:15px}.chart-placeholder i{display:block;flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#53b6f3,#276be6);height:35%}.chart-placeholder i:nth-child(2){height:55%}.chart-placeholder i:nth-child(3){height:46%}.chart-placeholder i:nth-child(4){height:71%}.chart-placeholder i:nth-child(5){height:61%}.chart-placeholder i:nth-child(6){height:83%}.chart-placeholder i:nth-child(7){height:72%}.demo-bottom{display:grid;gap:5px;margin-top:15px}.demo-bottom span:first-child{font-weight:700;color:#233c62}.section{padding:94px 0}.section-heading{text-align:center;max-width:700px;margin:0 auto 42px}.section-heading h2{font-size:clamp(30px,3vw,42px);letter-spacing:-.04em;margin:12px 0;color:#10203f}.section-heading p{line-height:1.6;color:#657a95}.feature-grid,.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article,.price-grid article{border:1px solid #e0eaf8;border-radius:20px;padding:28px;background:#fff;box-shadow:0 8px 24px #143e7c0b}.feature-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#eaf3ff;color:#1e63d8;font-size:13px;font-weight:800}.feature-grid h3,.price-grid h3{font-size:21px;letter-spacing:-.02em;margin:18px 0 8px}.feature-grid p,.price-grid p{color:#607590;line-height:1.55}.feature-grid a{color:#1e63d8;font-weight:700;font-size:13px}.pricing{background:#f7faff}.price-grid article{display:flex;flex-direction:column;min-height:295px}.price-grid article>strong{font-size:34px;color:#144ca9;margin:10px 0}.price-grid small{font-size:14px;color:#687d98}.price-grid article>span:not(.popular){font-size:13px;color:#617792;min-height:38px}.price-grid .button{margin-top:auto}.price-grid .featured{border:2px solid #3478ed;box-shadow:0 16px 36px #2b69d325}.popular{font-size:11px;color:#2367dd;background:#e9f2ff;align-self:start;padding:6px 9px;border-radius:8px;font-weight:700}.pricing-note{text-align:center;color:#667b96;font-size:12px;margin-top:24px}.footer{background:#10203f;color:#dce8fc;padding:46px 0}.footer .container{display:grid;grid-template-columns:1fr 2fr;gap:22px}.footer-brand{font-size:20px;font-weight:800;color:#fff}.footer p{color:#b4c5df;max-width:300px;line-height:1.5}.footer nav{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:start;justify-content:end;font-size:13px}.footer small{color:#91a8c7}@media(max-width:1150px){.desktop-nav{gap:14px;font-size:12px}.hero-inner{grid-template-columns:25% 42% 33%;padding-left:20px;padding-right:20px}.hero h1{font-size:44px}.portrait{height:530px}.demo-card{padding:17px}.header-actions .small{display:none}}@media(max-width:850px){.site-header{height:75px;padding:0 22px}.desktop-nav,.header-actions{display:none}.mobile-menu{display:block;margin-left:auto;position:relative}.mobile-menu summary{cursor:pointer;font-weight:700;color:#215abb}.mobile-menu nav{position:absolute;right:0;top:40px;background:#fff;border:1px solid #dbe7f6;box-shadow:0 12px 25px #113e7b2c;border-radius:14px;padding:12px;display:grid;gap:0;min-width:210px;z-index:10}.mobile-menu nav a{padding:10px;border-radius:7px}.mobile-menu nav a:hover{background:#edf4ff}.hero-inner{grid-template-columns:36% 64%;min-height:auto;padding:45px 24px 65px}.portrait{height:490px;grid-row:1}.hero-copy{grid-column:2;padding:0 0 20px 20px}.hero h1{font-size:clamp(36px,6vw,54px)}.demo-card{grid-column:1/-1;max-width:560px;margin:30px auto 0;width:100%}.feature-grid,.price-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.site-header{padding:0 16px}.brand{width:100px}.brand img{width:95px;height:65px}.hero-inner{display:flex;flex-direction:column;padding:20px 18px 60px}.portrait{order:2;width:100%;height:300px;align-self:auto;overflow:hidden;border-radius:18px;margin:8px 0}.portrait img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:center 15%;border-radius:18px}.hero-copy{order:1;padding:25px 0 0}.hero h1{font-size:clamp(38px,10vw,52px)}.hero-copy>p{font-size:15px}.hero-actions .button{width:100%}.demo-card{order:3;margin:10px 0 0}.section{padding:65px 0}.container{padding:0 18px}.feature-grid,.price-grid{grid-template-columns:1fr}.footer .container{display:block}.footer nav{justify-content:start;margin:25px 0}}