:root{--navy:#07043b;--navy2:#151078;--blue:#2e58ef;--light:#eaf0ff;--ink:#19223a;--muted:#69758a;--line:#e2e8f3;--bg:#f5f7fd;--green:#147952;--white:#fff;--shadow:0 24px 65px rgba(12,19,79,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);font:16px/1.55 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.table-wrap:focus-visible{outline:3px solid #7197ff;outline-offset:3px}img{max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}.container{width:min(1160px,calc(100% - 36px));margin-inline:auto}.skip{position:absolute;z-index:9999;left:12px;top:-120px;background:#fff;padding:10px 16px}.skip:focus{top:12px}
.topbar{position:sticky;top:0;z-index:50;background:rgba(7,4,59,.97);border-bottom:1px solid rgba(255,255,255,.11);backdrop-filter:blur(14px)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand img{width:170px;height:auto;max-height:38px;object-fit:contain}.nav nav{display:flex;align-items:center;gap:26px}.nav nav a{font-size:.85rem;color:#e8eaff;text-decoration:none;font-weight:650}.nav nav a:hover{text-decoration:underline}.nav nav .nav-btn{background:#ffe21d;color:#100e31;padding:10px 17px;border-radius:50px;text-decoration:none}
.hero{position:relative;overflow:hidden;background:linear-gradient(123deg,#07043b 7%,#111168 65%,#1729a1);color:white;padding:20px 0 68px}.hero:before,.hero:after{content:"";position:absolute;border:1px solid rgba(135,160,255,.18);border-radius:50%;pointer-events:none}.hero:before{width:700px;height:700px;right:-290px;top:-410px}.hero:after{width:450px;height:450px;right:80px;bottom:-350px}.breadcrumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;position:relative;z-index:2;font-size:.82rem;color:#bfccf6;margin:12px 0 32px}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.hero-layout{display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:40px;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;font-size:.75rem;letter-spacing:.1em;font-weight:800;color:#a9c1ff}.hero h1{font-size:clamp(2.4rem,4.8vw,4.65rem);line-height:1.07;letter-spacing:-.055em;margin:19px 0 24px;max-width:730px}.hero h1 em{color:#ffde54;font-style:normal}.lead{font-size:clamp(.98rem,1.7vw,1.14rem);max-width:660px;color:#e0e7ff;line-height:1.8}.lead strong{color:white}.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.pills span{padding:7px 13px;color:#edf3ff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:50px;font-size:.82rem;font-weight:650}.mobile-cta{display:none}
.hero-art{position:relative;min-height:330px;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;width:290px;height:290px;border-radius:100%;background:radial-gradient(circle,rgba(73,116,255,.55),transparent 70%)}.terminal{position:relative;background:linear-gradient(145deg,#f5f7ff,#bfc8ec);width:226px;padding:12px;border-radius:30px;box-shadow:0 32px 70px rgba(0,0,0,.38);transform:rotate(-8deg);border:6px solid #ecefff}.terminal-name{color:#090d50;font-size:.73rem;font-weight:950;padding:7px 10px 12px;display:flex;justify-content:space-between}.terminal-name span{color:#3566f0}.terminal-screen{background:#fff;color:#151c3a;min-height:200px;padding:27px 12px 15px;border-radius:12px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:16px}.terminal-screen small{font-size:.62rem;color:#16835e;font-weight:900;letter-spacing:.04em}.terminal-screen strong{font-size:2.1rem;letter-spacing:-.08em;white-space:nowrap}.terminal-screen strong sup{font-size:.8rem;letter-spacing:0}.terminal-screen>span{font-size:.71rem;color:#3158d0;font-weight:750;background:#eaf0ff;padding:7px 12px;border-radius:10px}.terminal-keypad{color:#909bbd;text-align:center;padding:12px}.float-box{position:absolute;display:flex;gap:11px;align-items:center;background:#fff;color:#2f3857;border-radius:14px;padding:13px 16px;box-shadow:0 20px 35px rgba(0,0,0,.19);font-size:.73rem;line-height:1.5}.float-box b{font-size:1.1rem;color:#168c66;background:#e9fbf3;padding:7px 11px;border-radius:11px}.float-box strong{font-size:.87rem}.float-one{top:55px;left:-5px;transform:rotate(-5deg)}.float-two{right:-6px;bottom:37px;transform:rotate(4deg)}
.section-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.section-title h2{font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.18;letter-spacing:-.035em;margin:8px 0}.section-title p{color:var(--muted);max-width:740px;margin:0}.section-tag{display:inline-block;color:#3257cc;letter-spacing:.13em;font-weight:900;font-size:.73rem}.currency{white-space:nowrap;color:#525e7c;background:#e8edff;border-radius:40px;padding:9px 12px;font-size:.75rem;font-weight:800}.calculator{padding-top:58px}.calc-columns{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:22px;align-items:start}.form-card,.result-card{border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.form-card{background:#fff;border:1px solid var(--line);padding:30px}.step-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.step{flex:0 0 38px;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#eaf0ff;color:#3458d4;font-weight:900;font-size:.8rem}.step-title h3{font-size:1.2rem;margin:0 0 2px;letter-spacing:-.02em}.step-title p{font-size:.88rem;color:var(--muted);margin:0}.modes{display:flex;background:#f2f5fc;padding:5px;border-radius:13px;gap:4px;margin:0 0 22px}.modes button{flex:1;border:0;border-radius:10px;padding:12px 6px;background:transparent;color:#65708e;font-weight:800;font-size:.88rem}.modes button[aria-pressed=true]{background:white;color:#254cd4;box-shadow:0 4px 12px rgba(20,35,99,.13)}.field-label{display:block;font-size:.85rem;font-weight:800;margin-bottom:9px}.amount-input{display:flex;align-items:center;border:2px solid #d8e1f5;border-radius:15px;padding:4px 15px;transition:border-color .15s}.amount-input:focus-within{border-color:#416cfa}.amount-input>span:first-child{font-size:1.8rem;color:#5862a5;font-weight:750}.amount-input input{min-width:0;width:100%;background:transparent;border:0;padding:11px 10px;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:850;color:#172349;outline:none}.amount-input .suffix{font-size:.71rem;font-weight:900;color:#8a95b1}.input-help{font-size:.77rem;color:#727c92;margin:9px 0 0}.quick{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.quick button{background:#f4f6fc;border:1px solid #dfe6f5;border-radius:8px;padding:7px 11px;color:#52607e;font-size:.8rem;font-weight:750}.quick button[aria-pressed=true],.quick button:hover{color:#2454db;border-color:#759bff;background:#eaf0ff}.form-card hr{border:0;border-top:1px solid var(--line);margin:27px 0}.months-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.month{cursor:pointer;position:relative;min-width:0}.month input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.month span{display:flex;flex-direction:column;align-items:center;gap:1px;border:1.5px solid #e1e7f3;border-radius:13px;padding:13px 3px;background:#fff;transition:.15s ease;min-height:73px}.month b{font-size:.94rem}.month small{font-size:.73rem;color:#77819b}.month input:checked+span{border-color:#3866f1;box-shadow:inset 0 0 0 1px #3866f1;background:#eaf0ff;color:#244ac3}.month input:checked+span small{color:#315dd0;font-weight:850}.month input:focus-visible+span{outline:3px solid #82a3ff;outline-offset:2px}.month:hover span{border-color:#9cb4fa}select{background:white;border:2px solid #dce4f5;border-radius:11px;width:100%;min-height:49px;padding:11px 12px;color:#263350;font-weight:650;font-size:.87rem}.custom-input{display:flex;align-items:center;border:2px solid #dce4f5;padding:0 12px;border-radius:11px;margin-top:7px}.custom-input input{padding:9px;width:100%;border:0;outline:none;font-weight:750}.custom-input span{font-weight:800;color:#64769d}#custom-wrap{margin-top:12px}.form-error{background:#fff0f0;border:1px solid #ffc5c5;color:#b12238;padding:11px;border-radius:10px;font-size:.84rem;margin:17px 0 0}.result-card{background:#0b114d;border:1px solid #24358c;color:white;position:sticky;top:92px}.result-heading{display:flex;align-items:center;gap:12px;padding:29px 28px 18px}.result-icon{display:grid;place-items:center;background:#24369d;border-radius:13px;width:44px;height:44px;font-size:1.5rem;color:#e1e9ff;flex-shrink:0}.result-heading small{font-size:.65rem;letter-spacing:.12em;color:#aebced;font-weight:900}.result-heading h3{font-size:1rem;margin:0}.live{margin-left:auto;white-space:nowrap;color:#80edc2;font-size:.68rem;font-weight:800}.net-block{text-align:center;padding:0 22px 24px}.net-number{font-size:clamp(2.2rem,4.5vw,3.6rem);letter-spacing:-.04em;display:block;overflow-wrap:anywhere}.net-block p{margin:0;color:#aebded;font-size:.88rem}.monthly{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 25px 22px;background:#202c80;border:1px solid #3b4baa;padding:14px 17px;border-radius:13px}.monthly small{display:block;color:#b6c7ff;font-size:.69rem}.monthly strong{font-size:1.22rem}.monthly>span{color:#dbe5ff;font-size:.75rem;white-space:nowrap}.breakdown{background:#fff;color:#1c2946;padding:25px 26px}.breakdown h4{font-size:1rem;margin:0 0 20px}.breakdown>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:.85rem;padding:10px 0;border-bottom:1px solid #e9edf4}.breakdown>div:last-child{border-bottom:0}.breakdown>div>span{color:#616f87}.breakdown small{font-size:.73rem}.breakdown strong{white-space:nowrap;letter-spacing:-.02em}.breakdown .tax-row{padding-left:13px;background:#f8faff;font-size:.8rem}.breakdown .tax-row span{color:#5f6e8d}.breakdown .tax-total{font-size:.81rem;font-weight:750}.breakdown .tax-total>span{color:#344b77}.breakdown .iva-note{background:#eef3ff;color:#3b5180;padding:11px 13px;border-radius:9px;font-size:.78rem;line-height:1.55;margin:12px 0 6px}.breakdown .iva-note strong{color:#2447a0;white-space:normal}.breakdown .fee-row{border-top:2px solid #e3e8f5;margin-top:12px;font-weight:900}.breakdown .fee-row strong{color:#bd3451}.breakdown .net-row{background:#e9faf2;color:#147751;padding:12px;margin:12px -10px 0;border-radius:10px;font-weight:900}.breakdown .net-row>span,.breakdown .net-row strong{color:#136f4d}.effective{display:flex;justify-content:space-between;gap:12px;padding:19px 28px;color:#cdd8ff;font-size:.82rem}.effective strong{color:#fff}.copy-btn{display:block;width:calc(100% - 52px);margin:0 26px;background:#ffe21d;color:#172044;border:0;padding:13px 16px;border-radius:11px;font-weight:950}.copy-btn:disabled{opacity:.5;cursor:not-allowed}.result-note{font-size:.72rem;line-height:1.55;color:#adbdec;margin:16px 26px 27px}
.compare,.learn,.faq{padding-top:78px}.table-wrap{border:1px solid var(--line);background:white;border-radius:20px;box-shadow:var(--shadow);overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:720px}.table-wrap th{text-align:left;color:#69758a;font-size:.76rem;background:#f0f3fc;padding:18px 16px}.table-wrap td{padding:16px;color:#25304f;font-size:.89rem;border-top:1px solid #e8edf5}.table-wrap td:first-child{font-weight:900;color:#172355}.table-wrap tr{transition:background .12s}.table-wrap tbody tr{cursor:pointer}.table-wrap tbody tr:hover{background:#f5f8ff}.table-wrap tbody tr.is-selected{background:#e9efff}.table-wrap tbody tr:focus-visible{outline:3px solid #5278ed;outline-offset:-3px}.table-wrap tbody tr.is-disabled{opacity:.6}.table-wrap td strong{color:#167a54}.table-note{color:#77829b;font-size:.76rem;margin:12px 0 0}
.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.info-grid article{background:white;border:1px solid var(--line);border-radius:17px;padding:23px}.info-num{font-weight:950;color:#315ade;background:#eaf0ff;padding:9px 12px;border-radius:10px;display:inline-block;margin-bottom:17px;font-size:.8rem}.info-grid h3{font-size:1.04rem;margin-bottom:9px}.info-grid p{color:#65718b;font-size:.87rem;margin:0}.formula{background:#e7edfc;border:1px solid #cedafa;padding:24px;border-radius:16px;margin-top:19px}.formula>strong{font-size:.77rem;color:#294ebd;letter-spacing:.09em}.formula p{font-size:1rem;margin:11px 0 5px}.formula small{color:#7383a1}.related{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #d9e2f8;background:white;border-radius:17px;padding:23px;margin-top:18px}.related h3{margin-bottom:6px}.related p{color:#717e95;font-size:.85rem;margin:0}.related a{background:#202ead;color:white;padding:12px 17px;border-radius:11px;text-decoration:none;font-weight:850;font-size:.82rem;white-space:nowrap}
.faq{padding-bottom:84px}.faq details{background:#fff;border:1px solid var(--line);border-radius:13px;margin:9px 0}.faq summary{padding:18px 20px;cursor:pointer;font-weight:800;font-size:.9rem}.faq details[open] summary{color:#2c56cf}.faq details p{color:#63708b;padding:0 20px 17px;font-size:.87rem;margin:0}.sources{color:#73809a;font-size:.77rem;line-height:1.8;margin-top:25px}.sources a{color:#2653be}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;align-items:center;padding:29px 0}.footer-inner strong{font-size:1.3rem}.footer-inner p,.footer-inner small{font-size:.75rem;margin:0;color:#b9c4ec}.footer-inner nav{display:flex;gap:17px;flex-wrap:wrap}.footer-inner nav a{font-size:.8rem;text-decoration:none}.footer-inner nav a:hover{text-decoration:underline}footer{background:#07043b;color:white}.toast{position:fixed;z-index:99;bottom:24px;right:22px;background:#164e3d;color:white;padding:13px 22px;border-radius:12px;box-shadow:var(--shadow);font-size:.88rem;font-weight:750}
[hidden]{display:none!important}
@media(max-width:1020px){.hero-layout{grid-template-columns:1.1fr .9fr;gap:10px}.hero-art{transform:scale(.82)}.calc-columns{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:12px}.form-card{padding:22px}.result-heading{padding:24px 20px}.breakdown{padding:24px 20px}.monthly{margin-inline:20px}.net-number{font-size:clamp(2rem,4.6vw,3rem)}}
@media(max-width:760px){.container{width:min(100% - 28px,620px)}.nav{min-height:63px}.nav nav a:not(.nav-btn){display:none}.nav nav .nav-btn{padding:9px 13px;font-size:.76rem}.brand img{width:150px}.hero{padding:15px 0 45px}.hero-layout{display:block}.hero h1{font-size:clamp(2.2rem,8vw,3.2rem)}.hero-art{display:none}.hero .breadcrumbs{margin:9px 0 23px}.mobile-cta{display:inline-block;margin-top:25px;background:#ffe21d;padding:11px 17px;border-radius:10px;color:#10103b;font-weight:900;text-decoration:none}.calculator{padding-top:37px}.calc-columns{display:flex;flex-direction:column}.form-card,.result-card{width:100%}.result-card{position:static}.section-title{align-items:start;flex-direction:column;gap:9px}.currency{font-size:.7rem}.compare,.learn,.faq{padding-top:55px}.info-grid{grid-template-columns:1fr}.related{align-items:start;flex-direction:column}.related a{white-space:normal}.faq{padding-bottom:58px}}
@media(max-width:460px){.container{width:calc(100% - 24px)}.hero h1{font-size:2.35rem}.hero .lead{font-size:.92rem}.pills{gap:6px}.pills span{font-size:.72rem;padding:6px 9px}.form-card{padding:17px;border-radius:18px}.step-title h3{font-size:1.04rem}.step-title p{font-size:.8rem}.months-grid{gap:7px}.month span{padding:11px 2px;min-height:68px}.month b{font-size:.82rem}.month small{font-size:.69rem}.quick button{font-size:.73rem}.result-card{border-radius:18px}.result-heading{padding:20px 16px 10px}.result-heading h3{font-size:.85rem}.result-heading small{font-size:.6rem}.live{font-size:.61rem}.net-number{font-size:clamp(2.1rem,10vw,2.8rem)}.breakdown{padding:22px 16px}.breakdown>div{font-size:.78rem}.monthly{margin:0 16px 18px}.effective{padding-inline:18px}.copy-btn{margin-inline:16px;width:calc(100% - 32px)}.result-note{margin-inline:17px}.footer-inner{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.row-choice{border:0;background:transparent;color:#2b53c6;font-size:inherit;font-weight:900;text-align:left;padding:4px;cursor:pointer}.row-choice:hover{text-decoration:underline}