@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
:root{--navy:#102a4b;--navy2:#081a33;--blue:#087bd5;--sky:#eaf6ff;--teal:#13c5c9;--green:#118c64;--orange:#ffc94d;--paper:#f6f9fc;--stroke:#d9e5ef;--muted:#5c7087;--white:#fff;--shadow:0 18px 55px rgba(11,43,73,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font-family:'DM Sans',Arial,sans-serif;background:white;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Plus Jakarta Sans','DM Sans',sans-serif;letter-spacing:-.044em}h1{font-size:clamp(2.9rem,5.55vw,5.85rem);line-height:1.045;font-weight:800}h2{font-size:clamp(2rem,3.7vw,3.55rem);line-height:1.12}h3{font-size:1.34rem;line-height:1.3}p{line-height:1.68}.shell{width:min(1230px,calc(100% - 56px));margin:auto}.eyebrow{color:#086fb5;letter-spacing:.17em;font-weight:800;text-transform:uppercase;font-size:.76rem}.accent{color:var(--blue)}.tag{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border:1px solid #b9ddef;border-radius:100px;background:#e9f6ff;color:#15699e;font-size:.77rem;font-weight:800;letter-spacing:.055em}.kicker{font-size:.86rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--teal)}.subline{color:var(--muted);font-size:1.08rem}.small{font-size:.82rem;color:var(--muted)}.section{padding:100px 0}.section-tight{padding:68px 0}.section-head{max-width:680px;margin-bottom:39px}.section-head p{font-size:1.09rem;color:var(--muted)}.dark{background:var(--navy2);color:white}.dark .subline,.dark .small{color:#bbd1e5}.pale{background:var(--paper)}.bluewash{background:linear-gradient(150deg,#eaf7ff,#f7fbfe 56%,#f3f7fa)}
.topstrip{background:var(--navy2);color:#deefff;font-size:.72rem;letter-spacing:.12em;padding:10px 0;text-align:center;font-weight:800}.topstrip strong{color:var(--orange)}
.sitehead{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--stroke);box-shadow:0 3px 18px rgba(8,39,70,.035)}.headbar{height:84px;display:flex;align-items:center;gap:21px}.logo{display:flex;align-items:center;gap:10px;font-size:1.32rem;font-weight:800;letter-spacing:-.06em;line-height:1.02;flex-shrink:0}.logo img{height:52px;width:52px;object-fit:contain}.logo b{color:var(--blue)}.mainnav{margin-left:auto;display:flex;gap:25px;align-items:center}.mainnav a{font-size:.89rem;font-weight:800;white-space:nowrap}.mainnav a:hover,.footer a:hover{color:var(--blue)}.langbtn{font-size:.85rem;font-weight:800;border:1px solid var(--stroke);padding:9px 11px;border-radius:8px}.headbtn{white-space:nowrap}.mobile-toggle{display:none;border:1px solid var(--stroke);padding:10px;background:#fff;border-radius:12px;font-size:1.2rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 22px;border-radius:12px;font-weight:800;font-size:.95rem;border:1px solid transparent;transition:transform .17s,background .17s;line-height:1.2;text-align:center}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 25px rgba(8,123,213,.18)}.btn-primary:hover{background:#0369b7}.btn-green{background:var(--green);color:white}.btn-green:hover{background:#0b7656}.btn-outline{background:#fff;color:var(--navy);border-color:#bdd5e7}.btn-white{background:#fff;color:var(--navy)}.btn-outline-dark{border-color:#637f9d;background:transparent;color:white}.btn-sml{padding:12px 16px;font-size:.84rem;border-radius:10px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.ar{font-size:1.16em}
.hero{padding:74px 0 74px;background:radial-gradient(circle at 87% 3%,#c8edff 0%,transparent 36%),linear-gradient(120deg,#f1faff 0%,#fff 70%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:6vw}.hero h1{margin:21px 0 22px;max-width:670px}.hero p{max-width:580px;font-size:1.13rem;color:#527088}.hero .actions{margin:27px 0 18px}.microtrust{display:flex;flex-wrap:wrap;gap:18px 25px;padding-top:15px;color:#546d86;font-size:.82rem;font-weight:700}.microtrust span:before{content:'✓';color:#118c64;margin-right:8px;font-weight:800}.visual{min-height:565px;position:relative}.hero-pic{position:absolute;overflow:hidden;border-radius:26px;box-shadow:var(--shadow);background:#d6e7f3}.hero-pic img{width:100%;height:100%;object-fit:cover}.hero-pic.main{top:0;right:0;width:81%;height:460px}.hero-pic.lower{left:0;bottom:0;width:48%;height:270px;border:8px solid #fff}.price-float{position:absolute;z-index:2;bottom:20px;right:0;border-radius:20px;background:#102a4b;color:white;padding:23px 24px;box-shadow:0 20px 44px rgba(5,30,53,.28);min-width:255px}.price-float span{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:#bfe5ff;font-weight:800}.price-float strong{display:block;font-size:2.2rem;letter-spacing:-.055em;margin:6px 0}.price-float small{font-size:.77rem;color:#bcd7e7}.price-float strong em{font-size:.68rem;font-style:normal;color:var(--orange)}
.trustline{background:var(--navy);color:#edf7ff}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch}.trustgrid div{padding:25px 15px;border-right:1px solid #3b5a75;font-weight:700;font-size:.9rem;text-align:center}.trustgrid div:last-child{border-right:0}.trustgrid b{color:var(--orange)}
.market-intro{display:grid;grid-template-columns:.86fr 1.14fr;gap:55px;align-items:center}.market-intro .lead{font-size:1.13rem;color:var(--muted)}.mex-map{padding:23px;border-radius:24px;border:1px solid #cce5f5;background:linear-gradient(130deg,#e9f5fc,#fff)}.metrogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metro{border:1px solid #d0e3f0;background:white;padding:17px;border-radius:15px;min-height:102px}.metro b{display:block;font-size:.99rem;margin-bottom:7px}.metro span{color:var(--muted);font-size:.79rem}.metro:before{content:'↗';display:block;color:var(--blue);font-weight:900;margin-bottom:6px}.metro:hover{box-shadow:0 9px 20px rgba(0,80,140,.07)}.inline-note{font-size:.82rem;color:var(--muted);margin:16px 0 0}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category{display:flex;flex-direction:column;border:1px solid #d7e4ee;border-radius:21px;overflow:hidden;background:white;transition:transform .2s,box-shadow .2s}.category:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.category img{height:210px;width:100%;object-fit:cover}.catbody{padding:18px 20px 23px}.catbody h3{margin-bottom:4px}.catbody p{font-size:.83rem;color:var(--muted);margin:0 0 11px}.catbody a{font-size:.83rem;font-weight:800;color:var(--blue)}
.threepill{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.pillbtn{background:white;border:1px solid #cddce8;border-radius:80px;padding:10px 17px;color:var(--navy);font-size:.82rem;font-weight:800}.pillbtn.active{background:var(--navy);color:white;border-color:var(--navy)}.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.offer{background:white;border:1px solid #d9e7ef;border-radius:22px;overflow:hidden;display:flex;flex-direction:column}.offer img{width:100%;height:248px;object-fit:cover}.offercopy{padding:19px;display:flex;flex-direction:column;flex:1}.offercopy h3{margin:12px 0 9px}.offercopy p{color:var(--muted);font-size:.86rem;line-height:1.55}.offercopy .btn{margin-top:auto}.offerprice{font-family:'Plus Jakarta Sans';font-size:1.4rem;letter-spacing:-.05em;font-weight:800;margin:0 0 13px}.offerprice small{font-size:.74rem;letter-spacing:0;color:var(--muted)}.offerlink{color:var(--blue);font-weight:800;font-size:.83rem;text-align:center;margin:12px auto 0}.offers [hidden]{display:none!important}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:45px}.step{border:1px solid #d7e8f5;background:#fff;border-radius:20px;padding:29px 23px}.stepnum{font-family:'Plus Jakarta Sans';font-weight:800;font-size:2.2rem;color:var(--blue);letter-spacing:-.06em}.step h3{margin:20px 0 8px}.step p{color:var(--muted);font-size:.87rem;margin:0}
.split-band{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.split-band img{height:455px;width:100%;object-fit:cover;border-radius:22px}.quote-panel{background:white;border-radius:24px;border:1px solid #d7e4ee;padding:34px;box-shadow:var(--shadow)}.quote-panel h3{margin-bottom:18px}.quote-panel label{display:block;font-size:.79rem;font-weight:800;margin:14px 0 7px}.quote-panel input,.quote-panel select,.quote-panel textarea{width:100%;padding:13px 14px;border:1px solid #c5d9e9;border-radius:10px;background:#fcfeff;color:var(--navy);font-size:.93rem}.quote-panel textarea{min-height:98px}.quote-panel .btn{width:100%;margin-top:16px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.quote-tip{font-size:.75rem;color:var(--muted);margin:13px 0 0}
.bloggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.blogcard{background:white;border:1px solid #dae6ef;overflow:hidden;border-radius:22px;display:flex;flex-direction:column}.blogcard img{width:100%;height:205px;object-fit:cover}.blogcopy{padding:23px;display:flex;flex-direction:column;flex:1}.blogcopy h3{font-size:1.19rem;margin:10px 0}.blogcopy p{font-size:.85rem;color:var(--muted)}.blogcopy a{font-size:.82rem;font-weight:800;color:var(--blue);margin-top:auto}.blogmeta{font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#217cad}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px}.accordion{border-bottom:1px solid #d6e3ef}.accordion summary{list-style:none;cursor:pointer;padding:21px 34px 21px 0;position:relative;font-weight:800}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:'+';position:absolute;right:0;top:17px;color:var(--blue);font-size:1.4rem}.accordion[open] summary:after{content:'−'}.accordion p{color:var(--muted);font-size:.9rem}
.callout{background:linear-gradient(115deg,#09274b,#0869ae);border-radius:28px;padding:52px;color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.callout h2{font-size:clamp(2rem,3vw,3rem);margin:0 0 10px}.callout p{max-width:540px;color:#c9e5f7;margin:0}.callout .actions{flex-shrink:0}
.footer{background:#071a2f;color:#eaf5ff;padding:62px 0 24px}.footgrid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:39px}.footbrand p{max-width:325px;font-size:.85rem;color:#a9c0d4}.footer h4{font-size:.9rem;margin:0 0 19px;color:white}.footer a{display:block;color:#b6cbdd;font-size:.85rem;margin:0 0 13px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:.73rem;color:#88a9c0;border-top:1px solid #2a4058;padding-top:20px;margin-top:45px}.footer-bottom a{display:inline;color:inherit}
.pagehero{background:radial-gradient(circle at 85% 10%,#d8f3ff,transparent 45%),linear-gradient(110deg,#edf8ff,#fff);padding:78px 0 74px}.pagehero h1{font-size:clamp(2.6rem,5vw,4.9rem);max-width:960px;margin:16px 0 18px}.pagehero p{max-width:750px;font-size:1.1rem;color:var(--muted)}.bread{font-size:.79rem;color:var(--muted);margin-bottom:12px}.bread a{text-decoration:underline;text-underline-offset:3px}.prose{width:min(760px,100%);margin:auto;font-size:1.045rem;line-height:1.82}.prose h2{font-size:1.88rem;margin:42px 0 15px}.prose h3{font-size:1.35rem;margin:30px 0 12px}.prose p,.prose li{color:#425d74}.prose ul{padding-left:24px}.prose a{color:var(--blue);text-decoration:underline}.article-image{width:100%;max-height:475px;object-fit:cover;border-radius:22px;margin:30px 0}.notice{border-left:4px solid var(--blue);padding:15px 18px;background:#edf7ff;color:#3c617c;border-radius:0 12px 12px 0;font-size:.91rem}.comparison{width:100%;border-collapse:collapse;margin:25px 0}.comparison th,.comparison td{text-align:left;border:1px solid #d8e5ef;padding:13px;font-size:.9rem}.comparison th{background:#f0f8fd}.searchbar{display:flex;align-items:center;padding:12px 16px;border:1px solid #cce0ef;border-radius:13px;max-width:460px;margin:0 0 26px;background:white}.searchbar input{border:0;outline:0;width:100%;padding-left:10px}.listcards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.listcard{background:#fff;border:1px solid var(--stroke);border-radius:19px;overflow:hidden;display:grid;grid-template-columns:39% 1fr}.listcard img{width:100%;height:100%;min-height:205px;object-fit:cover}.listcard div{padding:22px}.listcard h3{margin:8px 0}.listcard p{font-size:.85rem;color:var(--muted)}.listcard a{color:var(--blue);font-weight:800;font-size:.8rem}.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
@media(max-width:1080px){.mainnav{gap:14px}.mainnav a{font-size:.82rem}.headbtn{display:none}.hero-grid{gap:30px}.visual{min-height:520px}.hero-pic.main{height:430px}.market-intro{gap:25px}.category-grid{grid-template-columns:repeat(2,1fr)}.offers{gap:13px}.footgrid{gap:22px}}
@media(max-width:800px){.shell{width:min(100% - 36px,600px)}.topstrip{font-size:.62rem}.headbar{height:72px}.logo img{width:45px;height:45px}.mainnav{display:none;position:absolute;top:72px;left:0;right:0;background:white;box-shadow:0 17px 27px rgba(0,0,0,.09);padding:16px 25px 24px;flex-direction:column;align-items:stretch;gap:0;margin:0}.mainnav.is-open{display:flex}.mainnav a{padding:13px 0;border-bottom:1px solid var(--stroke);font-size:.95rem}.mobile-toggle{display:inline-block;margin-left:auto}.langbtn{margin-left:0}.hero{padding:46px 0 58px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(2.7rem,11vw,4.3rem)}.hero p{font-size:1rem}.visual{min-height:480px}.hero-pic.main{height:405px;width:80%}.hero-pic.lower{height:220px;width:51%}.price-float{bottom:6px;padding:18px;min-width:210px}.price-float strong{font-size:1.8rem}.trustgrid{grid-template-columns:repeat(2,1fr)}.trustgrid div{border-bottom:1px solid #3b5a75}.section{padding:65px 0}.section-tight{padding:45px 0}.market-intro,.split-band,.faq{grid-template-columns:1fr}.market-intro{gap:25px}.metrogrid{grid-template-columns:repeat(2,1fr)}.category-grid,.offers,.bloggrid,.listcards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(2,1fr)}.callout{flex-direction:column;align-items:flex-start;padding:31px}.footgrid{grid-template-columns:repeat(2,1fr);gap:30px}.formgrid{grid-template-columns:1fr}.quote-panel{padding:22px}.pagehero{padding:48px 0}.pagehero h1{font-size:clamp(2.5rem,8vw,4rem)}}
@media(max-width:530px){.shell{width:calc(100% - 32px)}.topstrip{letter-spacing:.04em}.headbar{gap:9px}.logo{font-size:1.15rem}.logo img{height:39px;width:39px}.mobile-toggle{padding:9px}.langbtn{padding:8px 9px}.hero h1{font-size:2.72rem}.hero .btn{width:100%}.microtrust{gap:8px}.visual{min-height:350px}.hero-pic.main{height:305px;width:87%;border-radius:17px}.hero-pic.lower{width:48%;height:158px;border-width:5px;border-radius:15px}.price-float{min-width:0;right:0;bottom:4px;padding:11px 14px;border-radius:13px}.price-float strong{font-size:1.45rem}.price-float span,.price-float small{font-size:.61rem}.trustgrid div{font-size:.77rem;padding:17px 5px}.metrogrid{grid-template-columns:1fr 1fr;gap:8px}.metro{padding:11px;min-height:92px}.metro b{font-size:.88rem}.category-grid,.offers,.bloggrid,.listcards{grid-template-columns:1fr}.category{display:grid;grid-template-columns:37% 1fr;align-items:stretch}.category img{height:100%;min-height:145px}.catbody{padding:16px}.category h3{font-size:1.09rem}.offer img{height:205px}.steps{grid-template-columns:1fr}.step{padding:21px}.split-band img{height:275px}.listcard{grid-template-columns:35% 1fr}.listcard img{min-height:185px}.listcard div{padding:16px}.callout .actions,.callout .btn{width:100%}.footgrid{gap:20px}.footgrid>:first-child{grid-column:1/-1}.footer a{font-size:.8rem}.pagehero h1{font-size:2.45rem}.badge-row{gap:7px}}
