*{box-sizing:border-box}body{margin:0;background:#f7fafc;color:#183c55;font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #60b8d9;outline-offset:3px}a{color:inherit;text-decoration:none}
.top{height:75px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e0ebf2;gap:18px;padding:0 max(22px,4vw)}.logo{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:850;color:#135a7d;letter-spacing:.18em}.logo img{width:40px;height:40px;object-fit:contain;background:#0a79aa;border-radius:9px;padding:5px}.logo em{font-weight:500;font-style:normal;color:#0a80b1}.tag{font-size:10px;letter-spacing:.1em;font-weight:750;color:#718998}.tag:before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;background:#1689b6;border-radius:50%}
main{max-width:1410px;margin:0 auto;padding:45px max(24px,4vw) 56px}.eyebrow{font-size:10px;color:#0a7eab;letter-spacing:.17em;font-weight:840}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:26px}.hero h1{font-size:clamp(36px,4vw,61px);letter-spacing:-.052em;line-height:1.09;color:#123b54;font-weight:560;margin:14px 0}.hero h1 em{font-family:Georgia,"Times New Roman",serif;color:#087eab;font-weight:400}.hero p{color:#678394;font-size:14px;max-width:610px;margin:0}.help{background:#ecf7fb;color:#336e8b;border-radius:8px;padding:11px 15px;font-size:12px;font-weight:650;white-space:nowrap}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature{background:#fff;border:1px solid #dfeaf0;border-radius:16px;overflow:hidden;box-shadow:0 16px 35px #244e660c;display:flex;flex-direction:column}.feature-head{padding:28px 30px 14px}.feature-head small{font-size:10px;color:#0b7ba7;letter-spacing:.13em;font-weight:820}.feature-head h2{font-size:clamp(22px,2.3vw,30px);font-weight:620;letter-spacing:-.035em;margin:10px 0 6px}.feature-head p{font-size:13px;color:#718996;margin:0;max-width:440px}.preview{margin:12px 24px 0;border-radius:12px;padding:23px;min-height:251px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.preview.dark{background:linear-gradient(135deg,#0d354f,#095478);color:white}.preview.light{background:linear-gradient(135deg,#f0f8fc,#e4f3fa);color:#234b65;border:1px solid #d8eaf2}.preview:after{content:"";position:absolute;width:290px;height:290px;border:1px solid #ffffff17;border-radius:50%;right:-140px;top:-140px;box-shadow:0 0 0 40px #ffffff07,0 0 0 90px #ffffff06}.window-title{position:relative;z-index:1;font-size:10px;letter-spacing:.13em;font-weight:770;color:#90d5ed;margin-bottom:16px}.light .window-title{color:#317b9d}.call-line{position:relative;z-index:1;max-width:375px;background:#ffffff18;border:1px solid #ffffff29;padding:10px 13px;border-radius:8px;display:flex;justify-content:space-between;gap:16px;margin:5px 0;font-size:12px}.call-line span{color:#b5d9e9}.call-line b{font-size:11px;font-weight:660;color:#fff}.call-line.success b{color:#84e4e1}
.device-flow{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:20px}.phone{height:159px;width:99px;border:4px solid #0a678c;border-radius:15px;background:#fff;padding:19px 10px 10px;box-shadow:0 12px 26px #1a5d7c25}.phone:before{content:"";display:block;width:30px;height:5px;border-radius:10px;background:#0e6791;margin:0 auto 17px}.phone i{display:block;height:7px;border-radius:3px;background:#d6e9f2;margin:11px 0}.phone i:last-child{height:15px;background:#1184b3}.flow-link{width:43px;height:2px;background:#5ca5c6;position:relative}.flow-link:after{content:"";position:absolute;right:0;top:-3px;height:8px;width:8px;background:#148bbc;border-radius:50%}.document{width:143px;height:173px;background:white;border:1px solid #b6d7e7;box-shadow:0 14px 29px #31708b20;border-radius:6px;padding:15px}.document strong{font-size:11px;color:#136a94}.document span{display:block;height:7px;background:#e3eff4;margin:12px 0;border-radius:4px}.document span:last-child{height:23px;background:#eaf6fc;border:1px solid #cce4f0}
.feature-bottom{padding:23px 28px 28px;display:flex;flex-direction:column;gap:14px;margin-top:auto}.feature-bottom .note{font-size:12px;color:#6f899a;margin:0}.btn{background:#097cac;color:#fff;border:1px solid #097cac;border-radius:9px;padding:13px 19px;font-size:13px;font-weight:780;min-height:50px;display:inline-flex;justify-content:center;align-items:center}.btn:hover{background:#056a99}.btn.outline{background:#fff;color:#0c739e;border-color:#b9d7e5}.btn.outline:hover{background:#f0f9fd}.buttons{display:flex;gap:10px;flex-wrap:wrap}.buttons .btn{flex:1;white-space:nowrap}.bottom{padding:17px 4px;display:flex;align-items:center;justify-content:space-between;gap:20px}.bottom p{font-size:11px;color:#8b9fad}.bottom a{font-size:11px;color:#0d739f;font-weight:730}
@media(max-width:1000px){.hero{display:block}.help{display:inline-block;margin-top:18px}.feature-head{padding:22px 20px 12px}.preview{margin:10px 16px 0;padding:19px}.feature-bottom{padding:20px 18px}.buttons .btn{flex:auto}.grid{gap:14px}}
@media(max-width:690px){.top{height:64px;padding:0 17px}.logo img{width:34px;height:34px}.logo{font-size:14px}.tag{font-size:9px}main{padding:26px 16px 33px}.hero h1{font-size:38px;margin:10px 0}.hero p{font-size:12px}.help{margin-top:12px;font-size:11px;padding:8px 11px}.grid{grid-template-columns:1fr;gap:13px}.feature-head h2{font-size:25px}.feature-head p{font-size:12px}.preview{min-height:190px;padding:17px}.call-line{font-size:11px;padding:8px}.phone{width:72px;height:118px;padding:15px 7px}.phone:before{margin-bottom:10px}.phone i{margin:7px 0}.document{width:110px;height:135px;padding:12px}.document span{margin:8px 0}.device-flow{gap:12px}.flow-link{width:23px}.feature-bottom{padding-top:16px;gap:10px}.buttons{display:grid;grid-template-columns:1fr}.buttons .btn{width:100%}.bottom{display:block}.bottom a{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}