:root{--navy:#10213e;--yellow:#ffc83d;--ink:#172644;--muted:#67738b;--paper:#f8fafc;--line:#e8edf4;--font-body:18px;--font-body-lg:20px;--font-small:15px;--font-caption:14px;--font-nav:16px;--font-button:16px;--font-h1:clamp(48px,5vw,68px);--font-h2:clamp(36px,3.5vw,52px);--font-h3:clamp(26px,2.2vw,34px);--font-h4:22px;--line-body:1.65;--line-heading:1.1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:#fff;font-size:var(--font-body);font-weight:400;line-height:var(--line-body)}.container{width:min(1160px,calc(100% - 40px));margin:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-weight:700;line-height:var(--line-heading);letter-spacing:-.045em}h1{font-size:var(--font-h1)}h2{font-size:var(--font-h2)}h3{font-size:var(--font-h3)}h4{font-size:var(--font-h4)}.section-title,.section-head h2{font-size:var(--font-h2)}.section-lead,.section-head p{font-size:var(--font-body);line-height:var(--line-body)}.card-title{font-size:var(--font-h4);font-weight:700}.card-text{font-size:var(--font-small);line-height:1.6}.site-header{height:94px;display:flex;align-items:center;background:#fff;border-bottom:1px solid #f1f3f6;position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:166px;display:block}nav{display:flex;gap:25px;margin-left:auto}a{color:inherit;text-decoration:none}nav a,.nav-cta>a{font-size:var(--font-nav);font-weight:600;line-height:1.2}nav i{font-size:10px;margin-left:4px}.nav-cta{display:flex;align-items:center;gap:20px}.button{border:1px solid var(--navy);border-radius:7px;padding:14px 21px;display:inline-flex;gap:10px;align-items:center;justify-content:center;font-size:var(--font-button);font-weight:600;line-height:1.2;white-space:nowrap}.yellow{color:#18233b;background:var(--yellow);border-color:var(--yellow)}.ghost{background:#fff}.hero{background:linear-gradient(125deg,#fff 0%,#f5f9fd 100%);padding:82px 0 70px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:28px}.eyebrow{font-weight:700;font-size:var(--font-caption);color:#60708b;letter-spacing:.09em}.hero h1{margin:15px 0;color:#142542}.hero h1 em{font-style:normal;color:#fbbb14}.hero-copy>p{font-size:var(--font-body-lg);line-height:1.6;color:#5c6980;max-width:540px}.actions{display:flex;gap:14px;margin:30px 0}.hero-points{display:flex;flex-wrap:wrap;gap:18px;font-size:var(--font-small);color:#66738a}.hero-points i{color:var(--navy);margin-right:6px}.hero-visual{position:relative;padding:14px 0 0 32px}.hero-visual>img{width:100%;display:block;border-radius:16px;filter:drop-shadow(0 20px 20px rgba(25,54,91,.13))}.float-card{position:absolute;background:#fff;border-radius:9px;padding:13px 16px;box-shadow:0 9px 25px #243c5930;display:flex;flex-direction:column;gap:4px;font-size:var(--font-small);line-height:1.35}.float-card b{font-size:var(--font-small)}.float-card small{color:#38a36a;font-weight:600;font-size:var(--font-caption)}.float-card i{background:#eaf7f0;color:#33af76;border-radius:6px;padding:8px;margin-right:5px}.c1{left:0;top:25%}.c2{left:10px;top:52%}.c2 i{color:#ffad00;background:#fff4d7}.c3{left:28px;top:74%}.c3 i{color:#4f8bf7;background:#e9f2ff}.workflow,.reasons{background:var(--paper);padding:64px 0}.section-head{text-align:center}.section-head h2{margin:0 0 10px}.section-head p{color:var(--muted);margin:0 auto 32px;max-width:680px}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.step{position:relative;min-height:132px;background:#fff;border-radius:8px;padding:16px 12px;box-shadow:0 5px 12px #1e3c5a0b;display:flex;align-items:flex-start;gap:9px;line-height:1.3}.step>i{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:50%;background:#eaf2ff;color:#337ee6;font-size:16px}.step:nth-child(2)>i,.step:nth-child(5)>i{background:#fff4d8;color:#f2a80c}.step:nth-child(3)>i,.step:nth-child(6)>i{background:#eaf9f1;color:#31ac79}.step b{font-size:var(--font-small);font-weight:700;display:block}.step small{font-size:var(--font-caption);color:#6c7890;display:block;margin-top:5px;line-height:1.35}.step strong{position:absolute;right:-10px;top:47px;color:#173052;font-size:24px;z-index:1}.step:last-child strong{display:none}.step-no{font-weight:700;color:#4085e9;font-size:var(--font-caption)}.features{padding:36px 0 64px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature{background:linear-gradient(145deg,#fff,#f9fbfe);padding:34px 28px 28px;display:grid;grid-template-columns:1fr 1.2fr;gap:22px;min-height:350px}.feature h3{margin:0 0 12px}.feature p{font-size:var(--font-small);line-height:1.6;color:var(--muted);margin:0 0 14px}.feature ul,.portal ul,.price-grid ul{list-style:none;padding:0;margin:0 0 19px}.feature li,.portal li,.price-grid li{font-size:var(--font-small);margin:8px 0;line-height:1.45}.feature li:before,.portal li:before,.price-grid li:before{content:'✓';font-weight:700;margin-right:8px;color:var(--navy)}.text-link{background:#fff2a6;padding:9px 12px;border-radius:5px;font-size:var(--font-small);font-weight:600;line-height:1.2}.mini-ui{border:7px solid #f4f7fa;border-radius:9px;background:#fff;box-shadow:0 8px 16px #10213e13;padding:14px;font-size:var(--font-caption);align-self:center;line-height:1.35}.ui-title{font-size:var(--font-small);font-weight:700;display:flex;justify-content:space-between;gap:6px;border-bottom:1px solid #edf1f6;padding-bottom:11px}.ui-title b{font-size:var(--font-caption);background:var(--navy);color:#fff;padding:4px 6px;border-radius:3px;white-space:nowrap}.mini-ui p{border-bottom:1px solid #edf1f6;padding:9px 2px;margin:0;font-size:var(--font-caption);color:#263956}.mini-ui p i{padding:4px;background:#f5ddc0;border-radius:50%;margin-right:4px}.mini-ui p span{float:right;background:#e4f5ff;color:#3487c3;padding:2px 4px;border-radius:3px;font-size:12px}.mini-ui span.green,.stock span.green{color:#22a56d;background:#e1f7eb}.progress{height:6px;background:#e9edf2;border-radius:4px;margin:14px 0}.progress i{display:block;width:60%;height:100%;background:#3bb67d;border-radius:4px}.tasks p b{float:right;color:#f3b51e}.bars{height:132px;border-bottom:1px solid #cbd5e1;display:flex;gap:15px;align-items:end;justify-content:center;padding:0 12px}.bars i{display:block;width:14px;background:#37b987;border-radius:4px 4px 0 0;height:48%}.bars i:nth-child(2){height:72%;background:#f57f86}.bars i:nth-child(3){height:56%}.bars i:nth-child(4){height:86%;background:#f57f86}.bars i:nth-child(5){height:67%}.bars i:nth-child(6){height:90%;background:#f57f86}.months{font-size:12px;color:#78849a;margin-top:8px;white-space:nowrap}.stock .red{color:#f34e62;background:#fff0f1}.reason-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.reason-grid article{background:#fff;border:1px solid #edf0f4;border-radius:8px;padding:22px;min-height:220px}.reason-grid i{font-size:21px;color:#405574;background:#edf2f8;padding:11px;border-radius:50%}.reason-grid h3{font-size:var(--font-h4);margin:17px 0 8px;letter-spacing:-.02em}.reason-grid p{font-size:var(--font-small);color:#758197;margin:0;line-height:1.6}.portal{padding:78px 0;background:linear-gradient(115deg,#fff 20%,#f0f6fc)}.portal-grid{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:40px}.tag{padding:6px 10px;background:#fff0a5;border-radius:4px;font-size:var(--font-caption);font-weight:700}.portal h2{margin:15px 0}.portal p{font-size:var(--font-small);line-height:1.65;color:var(--muted);max-width:430px}.portal ul{display:flex;gap:14px;flex-wrap:wrap}.portal-screen{position:relative}.portal-screen>img{width:93%;margin-left:25px;display:block;border:8px solid #18263b;border-bottom-width:15px;border-radius:12px;box-shadow:0 14px 25px #15284431}.phone{position:absolute;right:0;bottom:-12px;background:#fff;border:5px solid #17253c;border-radius:20px;width:170px;padding:25px 15px 13px;box-shadow:0 12px 25px #15284433;line-height:1.4}.phone b{font-size:var(--font-caption)}.phone small{font-size:12px;color:#748197;display:block;margin:5px 0 14px}.phone p{font-size:12px;color:#263956;margin:0;border-bottom:1px solid #edf1f6;padding:7px 0}.pricing{padding:70px 0}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;max-width:940px;margin:auto}.price-grid article{position:relative;border:1px solid #e6ebf2;border-radius:10px;padding:27px;box-shadow:0 5px 16px #1e3c5a0a}.price-grid article>i{font-size:20px;background:#ecf2f9;padding:11px;border-radius:50%}.price-grid h3{font-size:var(--font-h4);margin:16px 0 5px;letter-spacing:-.02em}.price-grid p{font-size:var(--font-small);color:var(--muted);margin:0 0 17px}.price-grid li{font-size:var(--font-small)}.price-grid .button{width:100%;margin-top:14px;padding:12px}.featured{border:2px solid var(--yellow)!important;box-shadow:0 8px 23px #ffc83d32!important}.featured>span{position:absolute;right:15px;top:-13px;background:var(--yellow);padding:6px 11px;border-radius:4px;font-size:var(--font-caption);font-weight:700}.featured>i{background:#fff3c9;color:#e4a000}.cta{background:var(--navy);border-radius:10px;color:#fff;padding:38px 42px;display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:0}.cta h2{font-size:clamp(30px,3vw,42px);margin:0 0 9px}.cta p{margin:0;color:#d8e2f1;font-size:var(--font-small);line-height:1.6;max-width:610px}.cta>div:last-child{display:flex;gap:10px}.cta-outline{border-color:#fff;color:#fff}footer{background:#f8fafc;padding:46px 0 16px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:28px}.footer-grid img{width:150px}.footer-grid p{font-size:var(--font-small);color:#6b7890;line-height:1.6;max-width:210px}.footer-grid b{font-size:var(--font-small);font-weight:700;display:block;margin:3px 0 14px}.footer-grid a{display:block;color:#68758b;font-size:var(--font-caption);margin:9px 0;line-height:1.4}.social{display:flex;gap:10px;color:#273c5c}.copyright{border-top:1px solid #e7ebef;margin-top:30px;padding-top:15px;font-size:var(--font-caption);color:#778399;display:flex;justify-content:space-between;line-height:1.4}.copyright span{display:flex;gap:6px}.copyright a{display:inline;margin:0;font-size:var(--font-caption)}
@media(max-width:1024px){.site-header{height:86px}.brand img{width:150px}.nav{gap:20px}nav{gap:16px}nav a,.nav-cta>a{font-size:15px}.nav-cta{gap:13px}.nav-cta .button{padding:12px 14px;font-size:15px}.hero{padding:64px 0}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(43px,5vw,56px)}.hero-copy>p{font-size:18px}.steps{grid-template-columns:repeat(3,1fr);gap:14px}.step strong{display:none}.features{grid-template-columns:1fr}.feature{min-height:310px}.footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}}
@media(max-width:768px){:root{--font-body:17px;--font-body-lg:19px;--font-small:16px;--font-caption:14px;--font-button:16px;--font-h1:clamp(42px,8vw,54px);--font-h2:clamp(34px,6vw,44px);--font-h3:28px;--font-h4:21px}.site-header{height:78px}.nav nav,.nav-cta>a:first-child{display:none}.nav-cta{margin-left:auto}.brand img{width:145px}.hero{padding:54px 0}.hero-grid,.portal-grid{grid-template-columns:1fr}.hero-visual{padding-left:25px;margin-top:16px}.reason-grid{grid-template-columns:repeat(2,1fr)}.portal{padding:60px 0}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:540px){:root{--font-body:17px;--font-body-lg:18px;--font-small:16px;--font-caption:14px;--font-button:16px;--font-h1:clamp(40px,11vw,46px);--font-h2:clamp(31px,9vw,36px);--font-h3:27px;--font-h4:21px}.container{width:min(100% - 28px,1160px)}.site-header{height:74px}.brand img{width:132px}.nav-cta .button{font-size:15px;padding:11px 12px}.hero{padding:46px 0}.actions{flex-direction:column;align-items:stretch}.actions .button{min-height:50px}.hero-points{gap:9px}.steps{grid-template-columns:1fr 1fr;gap:10px}.step{min-height:142px;padding:14px 10px}.step>i{width:31px;height:31px;flex-basis:31px;font-size:14px}.feature{grid-template-columns:1fr;padding:28px 19px;min-height:0}.feature.reverse>div:first-child{order:0}.mini-ui{min-height:190px}.reason-grid{grid-template-columns:1fr;gap:10px}.reason-grid article{min-height:0}.portal{padding:48px 0}.portal ul{gap:8px 16px}.phone{transform:scale(.82);transform-origin:bottom right}.price-grid{grid-template-columns:1fr}.price-grid article{padding:25px}.cta{padding:28px 23px;align-items:flex-start;flex-direction:column}.cta h2{font-size:31px}.cta>div:last-child{flex-wrap:wrap}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-grid>div:first-child{grid-column:span 2}.copyright{display:block}.copyright span{margin-top:7px;flex-wrap:wrap}}
