:root{--blue:#2463eb;--blue-dark:#1748bd;--navy:#172c4d;--text:#53647c;--muted:#8090a5;--background:#f5f9ff;--white:#ffffff;--border:#e7edf6;--radius:20px;--shadow:0 20px 60px rgba(34, 73, 130, .10)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Arial,sans-serif;color:var(--navy);background:var(--white);line-height:1.6}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #8db4ff;outline-offset:4px}.header{width:100%;min-height:82px;padding:16px max(5%,calc((100% - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(231,237,246,.8)}.logo{display:inline-flex;align-items:center;gap:9px;font-size:23px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.logo-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#347cff,#2451d7);box-shadow:0 5px 12px rgba(36,99,235,.23)}.navigation{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}.navigation>a:not(.button){color:#566780;transition:color .2s}.navigation>a:not(.button):hover,.footer-links a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:13px 23px;border:1px solid var(--blue);border-radius:12px;color:#fff;background:var(--blue);font-weight:700;font-size:15px;box-shadow:0 8px 20px rgba(36,99,235,.16);transition:transform .2s,background .2s,box-shadow .2s}.button:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 12px 25px rgba(36,99,235,.22)}.button-small{min-height:42px;padding:9px 16px;border-radius:10px;font-size:13px}.button-outline{color:var(--navy);background:#fff;border-color:#dce5f2;box-shadow:none}.button-outline:hover{color:var(--blue);background:#f7faff;border-color:#b9cdf8}.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:45px;max-width:1400px;min-height:610px;margin:0 auto;padding:80px max(5%,calc((100% - 1200px)/2));background-color:#f3f8ff;background-image:radial-gradient(ellipse at 82% 15%,rgba(158,210,255,.38),transparent 40%),radial-gradient(ellipse at 10% 95%,rgba(195,224,255,.38),transparent 38%),linear-gradient(120deg,#f7faff 0%,#eef5ff 100%)}.hero::before{position:absolute;z-index:-1;content:"";width:440px;height:440px;right:-150px;top:-180px;border:1px solid rgba(65,124,230,.1);border-radius:50%;box-shadow:0 0 0 35px rgba(65,124,230,.025),0 0 0 75px rgba(65,124,230,.025)}.hero-content{max-width:590px}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:1.5px}.status-dot{width:8px;height:8px;border-radius:50%;background:#36c89b;box-shadow:0 0 0 4px rgba(54,200,155,.13)}.hero h1{margin:0 0 22px;font-size:clamp(39px,4.4vw,61px);font-weight:800;letter-spacing:-2.8px;line-height:1.12}.hero h1 span{color:var(--blue)}.hero-text{max-width:510px;margin:0;color:var(--text);font-size:17px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.trust-note{display:flex;align-items:center;gap:9px;margin-top:25px;color:#6a7b91;font-size:12px}.trust-note span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#138b69;background:#dcf8ed;font-weight:800}.hero-visual{position:relative;display:grid;place-items:center;min-width:0;min-height:440px}.visual-orbit{position:absolute;width:370px;height:370px;border:1px solid rgba(74,130,226,.13);border-radius:50%}.orbit-two{width:300px;height:300px;border-style:dashed}.invoice-card{position:relative;z-index:2;width:min(340px,85%);padding:27px;border:1px solid rgba(220,230,246,.9);border-radius:19px;background:rgba(255,255,255,.96);box-shadow:0 28px 75px rgba(46,79,132,.17);transform:rotate(-2deg)}.invoice-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.invoice-kicker{color:#8a9bb1;font-size:9px;font-weight:800;letter-spacing:1.2px}.invoice-header h2{margin:5px 0 0;font-size:27px;letter-spacing:-1px}.invoice-logo{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;color:#fff;background:var(--blue);font-size:24px;font-weight:800}.invoice-line{width:100%;height:7px;margin:10px 0;border-radius:5px;background:#edf2f9}.invoice-line.short{width:40%}.invoice-line.medium{width:68%;margin-bottom:27px}.invoice-table{padding:13px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#63738a;font-size:11px}.invoice-table>div{display:flex;justify-content:space-between;gap:10px;margin:8px 0}.invoice-table .table-heading{color:#9aa8b9;font-size:9px;font-weight:700;text-transform:uppercase}.invoice-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 0;font-size:12px}.invoice-total strong{color:var(--blue);font-size:19px}.invoice-footer{display:flex;align-items:center;gap:8px;padding:12px;border-radius:9px;color:#228666;background:#effaf5;font-size:10px;font-weight:700}.check-circle{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#fff;background:#36b88a}.floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:13px 16px;border:1px solid #edf1f8;border-radius:13px;background:#fff;box-shadow:0 12px 35px rgba(46,79,132,.12)}.card-top{top:38px;right:-5px}.card-bottom{bottom:40px;left:-3px}.mini-icon,.server-icon{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:10px;color:#168b69;background:#e5f8f0;font-size:16px;font-weight:800}.server-icon{color:#245bc9;background:#e9f1ff;font-size:11px}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:11px}.floating-card small{margin-top:2px;color:var(--muted);font-size:10px}.benefits{max-width:1200px;margin:0 auto;padding:100px 30px 110px}.section-heading{margin-bottom:45px;text-align:center}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2,.security h2{margin:0;font-size:clamp(29px,3.3vw,40px);font-weight:800;letter-spacing:-1.5px;line-height:1.25}.section-heading p{margin:13px 0 0;color:var(--text);font-size:15px}.benefit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.benefit-card{padding:25px 19px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}.benefit-card:hover{transform:translateY(-5px);border-color:#d2e1ff;box-shadow:var(--shadow)}.benefit-icon{display:grid;place-items:center;width:47px;height:47px;margin-bottom:21px;border-radius:14px;font-size:19px;font-weight:800}.blue{color:#2463eb;background:#eaf1ff}.purple{color:#8157d8;background:#f1ebff}.green{color:#16946c;background:#e5f8f0;font-size:12px}.orange{color:#e08c36;background:#fff2e2}.cyan{color:#0b92ac;background:#e2f8fc}.benefit-card h3{margin:0 0 9px;font-size:15px;letter-spacing:-.3px}.benefit-card p{margin:0;color:var(--text);font-size:12px;line-height:1.8}.security{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:45px;max-width:1140px;margin:0 auto 100px;padding:60px 65px;overflow:hidden;border:1px solid #e2edff;border-radius:26px;background:radial-gradient(ellipse at 80% 15%,rgba(183,214,255,.42),transparent 42%),linear-gradient(120deg,#f4f8ff,#eaf3ff)}.security-content{max-width:470px}.security-content .eyebrow{margin-bottom:14px}.security-content p{margin:18px 0 25px;color:var(--text);font-size:15px;line-height:1.9}.security-art{position:relative;display:grid;place-items:center;min-height:230px}.shield{display:grid;place-items:center;width:155px;height:175px;clip-path:polygon(50% 0,94% 17%,88% 67%,50% 100%,12% 67%,6% 17%);color:#fff;background:linear-gradient(145deg,#5aa3ff,#2456d9);font-size:63px;filter:drop-shadow(0 20px 25px rgba(36,99,235,.25))}.security-label{position:absolute;right:0;bottom:9px;padding:12px 17px;border:1px solid #fff;border-radius:11px;background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(46,79,132,.1);font-size:12px;font-weight:700}.final-cta{padding:70px 25px 75px;color:#fff;background:radial-gradient(ellipse at 85% 0%,rgba(119,171,255,.3),transparent 40%),linear-gradient(120deg,#235bd3,#3479ee);text-align:center}.final-cta h2{margin:0;font-size:clamp(27px,4vw,39px);font-weight:800;letter-spacing:-1.3px}.final-cta p{margin:12px 0 0;color:#e1ebff;font-size:15px}.final-cta .hero-actions{justify-content:center;margin-top:27px}.button-white{color:#245bc9;background:#fff;border-color:#fff;box-shadow:none}.button-white:hover{color:#1748bd;background:#f0f5ff}.button-light-outline{color:#fff;background:0 0;border-color:rgba(255,255,255,.5);box-shadow:none}.button-light-outline:hover{color:#fff;background:rgba(255,255,255,.12);border-color:#fff}.footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:25px max(5%,calc((100% - 1200px)/2));background:#fff}.footer .logo{font-size:19px}.footer .logo-icon{width:30px;height:30px;border-radius:9px;font-size:18px}.footer p,.footer-links{color:#7c8ba0;font-size:11px}.footer p{margin:0}.footer-links{display:flex;gap:20px}@media(max-width:1050px){.hero{gap:15px;padding-top:65px;padding-bottom:65px}.hero h1{font-size:clamp(38px,5vw,53px)}.hero-visual{transform:scale(.92)}.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.security{margin-right:25px;margin-left:25px;padding:45px}.navigation{gap:17px}}@media(max-width:760px){.header{min-height:72px;padding:15px 22px}.navigation{gap:12px}.navigation>a:first-child,.navigation>a:nth-child(2){display:none}.navigation .button-small{padding:9px 11px;font-size:12px}.logo{font-size:20px}.logo-icon{width:31px;height:31px}.hero{grid-template-columns:1fr;gap:15px;padding:65px 25px 45px}.hero-content{max-width:620px;margin:0 auto}.hero h1{font-size:clamp(40px,8vw,56px);letter-spacing:-2px}.hero-text{font-size:15px}.hero-visual{min-height:400px;transform:none}.card-top{right:0}.card-bottom{left:0}.benefits{padding:70px 22px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.benefit-card{padding:20px 16px}.section-heading h2{font-size:31px}.security{grid-template-columns:1fr;gap:15px;margin:0 18px 65px;padding:38px 25px 25px}.security-art{min-height:210px}.security-label{right:8%}.footer{justify-content:center;text-align:center;padding:27px 20px}.footer .logo{width:100%;justify-content:center}}@media(max-width:420px){.header{padding-right:14px;padding-left:14px}.logo{gap:6px;font-size:18px}.navigation .button-small{max-width:132px;min-height:39px;white-space:normal;text-align:center;line-height:1.2}.hero{padding-right:19px;padding-left:19px}.hero h1{font-size:39px}.hero-actions .button{min-height:48px;padding:12px 15px;font-size:13px}.hero-visual{min-height:365px}.invoice-card{padding:22px}.visual-orbit{width:290px;height:290px}.orbit-two{width:240px;height:240px}.floating-card{padding:10px}.benefit-grid{grid-template-columns:1fr}.benefit-card{padding:21px}.benefit-icon{margin-bottom:13px}.final-cta{padding:55px 20px}.final-cta .hero-actions{flex-direction:column}.final-cta .button{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}