:root{--ink:#172b46;--muted:#6a7e96;--blue:#2864eb;--line:#e2eaf4;--soft:#f6f9fd}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:white;color:var(--ink);font:15px/1.7 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
a{text-decoration:none;color:inherit}
.container{width:min(1210px,calc(100% - 42px));margin:auto}
.topstrip{background:#f8fafc;border-bottom:1px solid #e8eef5;color:#697f99;font-size:11px}
.topstrip .container{display:flex;justify-content:space-between;gap:15px;padding:10px 0}
.site-nav{background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #e6edf5}
.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{font-size:27px;font-weight:900;letter-spacing:-1.3px;color:#132a49}
.logo b{color:#2965eb}
.nav-links{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:700}
.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;background:var(--blue);color:#fff;border-radius:9px;font-size:13px;font-weight:750;border:1px solid var(--blue)}
.button.light{background:#fff;color:#233c5d;border-color:#d4e0ee}
.button.navy{background:#172e4f;border-color:#172e4f}
.mobile-toggle{display:none;border:1px solid #dce6f2;border-radius:8px;background:white;padding:8px 12px;font-size:20px}
.mobile-menu{display:none;padding:0 20px 17px}
.mobile-menu.open{display:flex;flex-direction:column}
.mobile-menu a{padding:11px;border-bottom:1px solid #e9eef5}
.hero{background:radial-gradient(circle at 100% 0,#d7e9ff 0,transparent 42%),linear-gradient(125deg,#f9fbff,#edf4ff);padding:95px 0}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:55px}
.eyebrow{font-size:11px;letter-spacing:1.8px;color:#2864e6;font-weight:850}
.hero h1{font-size:clamp(39px,4.8vw,65px);line-height:1.12;letter-spacing:-2.6px;margin:17px 0 22px}
.hero h1 em{font-style:normal;color:var(--blue)}
.hero p{font-size:16px;color:#647892;max-width:545px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0}
.trust{display:flex;gap:17px;flex-wrap:wrap;color:#657d96;font-size:12px}
.trust span:before{content:'✓';color:#10a97c;font-weight:900;margin-right:6px}
.browser{background:#fff;padding:13px;border:1px solid #dce6f2;border-radius:19px;box-shadow:0 24px 65px #1d50932a;transform:rotate(-1deg)}
.browser-bar{display:flex;gap:6px;height:32px;align-items:center;padding:0 10px}
.browser-bar i{width:8px;height:8px;background:#d0dce9;border-radius:50%}
.browser-page{background:linear-gradient(110deg,#174772,#3e86c4);padding:46px 30px;color:#fff;border-radius:10px}
.browser-page strong{font-size:31px;line-height:1.15;display:block}
.browser-page small{display:block;margin-top:13px;color:#d1e7f9}
.browser-tiles,.mini-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:11px}
.browser-tiles i{height:91px;border-radius:7px;background:#d3e5f2}
.browser-tiles i:nth-child(2){background:#ecdfca}
.browser-tiles i:nth-child(3){background:#d3e8de}
.section{padding:85px 0}
.section.soft{background:var(--soft)}
.heading{text-align:center;max-width:760px;margin:0 auto 37px}
h2{font-size:clamp(29px,3.2vw,43px);line-height:1.2;letter-spacing:-1.3px;margin:12px 0}
.heading p,.muted{color:var(--muted);font-size:14px}
.prices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.price-card{border:1px solid var(--line);border-radius:15px;background:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative}
.price-card.featured{border:2px solid var(--blue);box-shadow:0 12px 30px #2864eb18}
.ribbon{position:absolute;top:0;right:0;background:var(--blue);color:#fff;font-size:9px;font-weight:800;padding:7px}
.price-top{padding:27px 17px 18px;border-bottom:1px solid var(--line);min-height:158px}
.smallcap{font-size:10px;color:var(--blue);font-weight:850;letter-spacing:1px}
.price-top h3{font-size:19px;margin:9px 0;font-weight:800}
.amount{font-size:27px;font-weight:900;letter-spacing:-1px;white-space:nowrap}
.period{font-size:11px;color:#8b9db2}
.price-body{padding:20px 16px;flex:1;display:flex;flex-direction:column}
.plan-description{font-size:12px;color:#7588a0;min-height:42px}
.feature{font-size:11px;padding:10px 0;border-bottom:1px solid #eff3f7}
.feature:before{content:'✓';font-weight:900;color:#12a879;margin-right:8px}
.plan-button{display:block;text-align:center;background:#173150;color:#fff;padding:12px 5px;border-radius:8px;font-size:12px;font-weight:750;margin-top:auto}
.featured .plan-button{background:var(--blue)}
.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.category{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;gap:12px;align-items:center}
.cat-icon{background:#edf3ff;border-radius:10px;width:39px;height:39px;display:grid;place-items:center;font-size:19px;flex-shrink:0}
.category strong{display:block;font-size:13px}
.category small{font-size:11px;color:#8395ab}
.demos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.demo-card{border:1px solid var(--line);border-radius:15px;overflow:hidden}
.demo-visual{padding:25px 25px 0;background:linear-gradient(125deg,#c6dff6,#8aafce);height:175px;overflow:hidden}
.demo-card:nth-child(2n) .demo-visual{background:linear-gradient(125deg,#dbeadd,#92bea9)}
.demo-card:nth-child(3n) .demo-visual{background:linear-gradient(125deg,#eee0cf,#cbb08d)}
.mini-window{height:155px;border-radius:9px 9px 0 0;background:#fff;padding:12px;box-shadow:0 5px 20px #2343}
.mini-top{width:30%;height:7px;background:#d7e2ed;border-radius:5px;margin-bottom:12px}
.mini-banner{height:63px;background:#c4d8ec;border-radius:5px}
.mini-tiles i{height:30px;background:#e9eff6;border-radius:4px}
.demo-info{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px}
.demo-info strong{font-size:14px}
.demo-info small{display:block;font-size:11px;color:#8898a9}
.demo-info span{font-size:11px;color:var(--blue)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{border:1px solid var(--line);border-radius:13px;padding:25px}
.step b{display:grid;place-items:center;background:#ebf2ff;color:var(--blue);border-radius:10px;width:42px;height:42px}
.step h3{font-size:17px;margin:15px 0 8px}
.step p{font-size:13px;color:#75869d}
.legacy{overflow:hidden}
.legacy .description-wrapper,.legacy .container{max-width:1210px;margin-left:auto;margin-right:auto}
.legacy h1,.legacy h2,.legacy h3{color:var(--ink);letter-spacing:-.5px}
.legacy img{max-width:100%;height:auto}
.legacy a{overflow-wrap:anywhere}
.legacy .row{display:flex;flex-wrap:wrap}
.legacy [class*="col-md-"]{min-width:0}
.legacy .blog,.legacy article{max-width:100%}
.legacy .thumbnail,.legacy .panel,.legacy .item{border-radius:12px}
.legacy .description-wrapper{padding-top:20px;padding-bottom:20px}
.legacy .description-wrapper h2{font-size:29px}
.legacy iframe{max-width:100%}
.cover-section{background:#f7f9fd}
.legacy-footer{background:#142b49;color:#e1eaf6;padding:55px 0}
.legacy-footer p,.legacy-footer a,.legacy-footer li{color:#d0ddec}
.legacy-footer h2,.legacy-footer h3,.legacy-footer h4,.legacy-footer strong{color:#fff}
.legacy-footer .container{max-width:1210px;margin:auto}
.legacy-footer a:hover{text-decoration:underline}
.cta{background:#152f50;color:#fff;border-radius:18px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta h2{color:#fff}
.cta p{color:#c5d6e9}
.preview-note{background:#fff5df;color:#755d32;text-align:center;padding:9px 16px;font-size:12px}
@media(max-width:1100px){.prices{grid-template-columns:repeat(3,1fr)}.nav-links{gap:13px}.categories{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.nav-links{display:none}.mobile-toggle{display:block}.hero-grid{grid-template-columns:1fr}.hero{padding:65px 0}.browser{max-width:580px;transform:none}.prices,.categories{grid-template-columns:repeat(2,1fr)}.demos{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.section{padding:60px 0}.cta{flex-direction:column;align-items:flex-start}}
@media(max-width:540px){.container{width:calc(100% - 32px)}.topstrip .container span:last-child{display:none}.hero h1{font-size:39px;letter-spacing:-1.5px}.prices,.demos,.steps{grid-template-columns:1fr}.categories{gap:8px}.category{padding:12px 8px;gap:7px}.cat-icon{width:31px;height:31px}.category strong{font-size:11px}.category small{font-size:10px}.price-top{min-height:0}.cta{padding:28px}.legacy .row{display:block}.legacy [class*="col-md-"]{width:100%;float:none}}


/* IWEBS-HEADER-V33 */
.iw33-header{z-index:100;isolation:isolate}
.iw33-nav{gap:17px}
.iw33-brand{display:flex;align-items:center;flex-shrink:0}
.iw33-brand img{display:block;width:155px;height:48px;object-fit:contain;object-position:left center}
.iw33-links{display:flex;align-items:center;gap:17px;margin-left:auto}
.iw33-links>a,.iw33-service-btn{display:inline-flex;align-items:center;gap:6px;
color:#263b56;font-size:10px;font-weight:800;letter-spacing:.15px;
white-space:nowrap;transition:color .15s}
.iw33-links>a:hover,.iw33-service-btn:hover{color:#2864eb}
.iw33-icon{flex-shrink:0;display:inline-block;vertical-align:middle}
.iw33-service{position:static}
.iw33-service-btn{border:0;background:transparent;padding:26px 0;cursor:pointer}
.iw33-service-btn svg:last-child{width:12px;height:12px}
.iw33-action{font-size:10px!important;gap:7px;white-space:nowrap;
padding:11px 14px!important;flex-shrink:0}
.iw33-mega{display:none;position:absolute;left:0;right:0;top:100%;
background:#fff;border-top:1px solid #e9eef6;border-bottom:1px solid #dce5f0;
box-shadow:0 25px 45px #102c481e;z-index:110;max-height:calc(100vh - 80px);
overflow-y:auto}
.iw33-service:hover .iw33-mega,
.iw33-service:focus-within .iw33-mega,
.iw33-service.is-open .iw33-mega{display:block}
.iw33-mega-inner{display:grid;grid-template-columns:1.18fr repeat(3,1fr);
gap:23px;padding-top:29px;padding-bottom:31px}
.iw33-mega-intro{background:linear-gradient(150deg,#142f51,#255ba5);
color:#fff;border-radius:13px;padding:25px}
.iw33-mega-intro>span{font-size:10px;color:#afd0ff;letter-spacing:1.5px;font-weight:850}
.iw33-mega-intro strong{display:block;font-size:21px;line-height:1.28;margin:15px 0}
.iw33-mega-intro p{font-size:12px;line-height:1.7;color:#d4e3f7}
.iw33-mega-cta{display:inline-flex;gap:7px;align-items:center;background:#fff;
border-radius:8px;color:#173e76;font-size:10px;font-weight:800;padding:10px 12px;margin-top:13px}
.iw33-mega-col h3{font-size:11px;color:#294f86;font-weight:850;letter-spacing:1px;
margin:3px 0 14px;padding-bottom:11px;border-bottom:1px solid #e8edf5}
.iw33-mega-col>a{display:flex;align-items:center;gap:9px;font-size:12px;
font-weight:600;color:#485c77;padding:9px 7px;border-radius:7px}
.iw33-mega-col>a:hover{background:#eff5ff;color:#2864eb}
.iw33-mega-col>a svg{width:15px;height:15px;color:#6d8ab4}
.iw33-mobile{display:none}
@media(max-width:1130px){
 .iw33-links{gap:10px}
 .iw33-links>a,.iw33-service-btn{font-size:9px;gap:4px}
 .iw33-links .iw33-icon{width:14px;height:14px}
 .iw33-brand img{width:135px}
 .iw33-action{font-size:9px!important;padding:10px!important}
}
@media(max-width:980px){
 .iw33-links,.iw33-action{display:none}
 .iw33-hamburger{display:block;margin-left:auto}
 .iw33-mobile{display:none}
 .iw33-mobile.open{display:flex;flex-direction:column;max-height:80vh;overflow:auto;padding:8px 0 22px}
 .iw33-mobile>a{display:flex;align-items:center;gap:10px;padding:12px 8px;
font-size:12px;font-weight:750;letter-spacing:.3px;border-bottom:1px solid #edf1f6}
 .iw33-mobile-services summary{display:flex;gap:10px;align-items:center;
cursor:pointer;list-style:none;padding:12px 8px;font-size:12px;font-weight:750}
 .iw33-mobile-services summary::-webkit-details-marker{display:none}
 .iw33-mobile-services summary svg:last-child{margin-left:auto}
 .iw33-mobile-services[open] summary svg:last-child{transform:rotate(180deg)}
 .iw33-mobile-groups{background:#f5f8fd;padding:12px 17px;border-radius:10px;
display:flex;flex-direction:column}
 .iw33-mobile-groups strong{font-size:10px;color:#2d63c9;letter-spacing:.7px;
margin:14px 0 5px}
 .iw33-mobile-groups a{font-size:12px;color:#425872;padding:9px 0;
border-bottom:1px solid #e9eff6}
 .iw33-mobile>a.iw33-mobile-cta{background:#173a69;color:#fff;margin-top:14px;
border-radius:9px;justify-content:center}
}
@media(max-width:480px){
 .iw33-brand img{width:143px;height:43px}
 .iw33-nav{height:66px}
}