*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#142d4e;background:#fbfcfa;font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #dfb87a;outline-offset:5px}.wrap{max-width:1180px;margin:auto;padding:0 28px}.top{background:#102a4c;color:#fff;text-align:center;padding:7px;font-size:13px}header{position:sticky;top:0;background:#fbfcfaf5;backdrop-filter:blur(10px);z-index:10;border-bottom:1px solid #dfe7e3}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:88px}.brand{font-weight:800;line-height:1.15;font-size:20px}.brand small{display:block;letter-spacing:2px;font-size:10px;margin-top:8px;font-weight:400}.links{display:flex;gap:25px;align-items:center;font-size:14px}.btn{display:inline-block;border-radius:6px;background:#174a80;color:#fff;padding:12px 22px;font-weight:600;font-size:14px}.outline{background:transparent;color:#142d4e;border:1px solid #9cacc0}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;padding:65px 0 60px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#345b85;font-weight:700}h1{font-size:clamp(40px,5.5vw,68px);line-height:1.06;letter-spacing:-2px;margin:20px 0 25px}h1 em{font-style:normal;color:#205b96}h2{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:12px 0 20px}h3{line-height:1.3;font-size:21px}p{color:#596b80}.hero p{max-width:460px;font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.visual{background:#edf3fa;border-radius:80px 8px 8px 8px;position:relative;padding:25px}.visual img{width:100%;display:block;border-radius:55px 6px 6px 6px}.note{background:white;border-left:3px solid #205b96;padding:14px 20px;margin:10px 0 0;font-size:13px}.strip{display:flex;gap:20px;justify-content:space-between;padding:23px 0;border-top:1px solid #dfe7e3;border-bottom:1px solid #dfe7e3;font-size:14px}section{padding:65px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-head p{max-width:360px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:white;border:1px solid #e2e9e5;border-radius:9px;overflow:hidden}.card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.card .body{padding:20px}.tag{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#345b85}.card p{font-size:14px}.card .btn{width:100%;text-align:center;padding:10px;font-size:13px}.price{font-size:13px;margin:18px 0}.care{background:#102a4c;color:white}.care p{color:#c6d6e9}.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.service-list span{padding:16px 0;border-bottom:1px solid #3c5574}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.step b{font-size:14px;color:#205b96}.blogs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog{background:#eef3f9;border-radius:7px;padding:27px}.blog .read{display:block;margin-top:28px;color:#174a80;font-weight:700;font-size:14px}.faq{max-width:800px}details{border-bottom:1px solid #d7e2de;padding:19px 0}summary{cursor:pointer;font-weight:600}.contact{background:#e7eff8;border-radius:12px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.phone{font-size:32px;font-weight:700}.social{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.social a{border:1px solid #9cacc0;border-radius:5px;padding:9px 16px;font-size:14px}footer{padding:35px 0;color:#657c7c;font-size:13px}.foot{display:flex;justify-content:space-between;gap:20px}.float{position:fixed;bottom:22px;right:22px;z-index:12;box-shadow:0 5px 25px #102a4c30}.article{max-width:760px;padding:60px 28px 80px;margin:auto}.article h1{font-size:44px}.article h2{font-size:26px;margin-top:35px}.article p{font-size:18px}@media(max-width:900px){.links{gap:14px}.links .btn{display:none}.grid{grid-template-columns:repeat(2,1fr)}.hero{gap:25px}.care-grid{gap:30px}}@media(max-width:600px){.wrap{padding:0 20px}.nav{min-height:100px;flex-direction:column;gap:12px;padding:15px 0}.brand{text-align:center;font-size:18px}.links{font-size:12px;gap:16px}.hero{grid-template-columns:1fr;padding:40px 0;gap:30px}h1{font-size:47px}.visual{max-width:400px;margin:auto;padding:15px}.strip{font-size:12px;gap:15px;flex-wrap:wrap}.section-head{display:block}h2{font-size:30px}.grid{gap:12px}.card .body{padding:14px}.card h3{font-size:18px}.care-grid,.steps,.blogs,.contact{grid-template-columns:1fr}.service-list{font-size:14px}.contact{padding:25px}.foot{display:block}.float{padding:10px 15px;bottom:15px;right:15px}section{padding:45px 0}.article h1{font-size:36px}}
.contact-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:8px;pointer-events:none;flex-shrink:0}.social a{display:inline-flex;align-items:center;min-height:44px}.social a:hover,.social a:focus-visible{background:#d7e5f4}.btn:hover{filter:brightness(1.08)}

a[href*="wa.me/"] .contact-icon{color:#25D366}a.float[href*="wa.me/"]{background:#25D366;color:#073d20}a.float[href*="wa.me/"] .contact-icon{color:#073d20}

.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.device-panel{aspect-ratio:1;background:#edf3fa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.device-panel strong{font-size:40px;color:#174a80}.device-panel>span:last-child{font-size:14px;color:#596b80}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.grid{grid-template-columns:1fr}}

.device-photo{margin:0;position:relative}.device-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:#fbfcfae8;color:#596b80;font-size:11px;padding:5px 10px;text-align:center}

.hero-title{display:block;font-size:clamp(48px,6vw,82px);line-height:1.02;letter-spacing:-2px;margin-bottom:18px}.hero h1 em{display:block;font-size:clamp(30px,3.5vw,46px);letter-spacing:-1px}.price strong{font-size:23px;color:#174a80}.price span{font-size:14px}.sale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sale-grid .card img{max-height:340px}.links{gap:18px}@media(max-width:600px){.hero-title{font-size:clamp(42px,11vw,62px)}.links{flex-wrap:wrap;justify-content:center;gap:8px 16px}.sale-grid{grid-template-columns:1fr}}

body{font-family:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;-webkit-font-smoothing:antialiased}.brand{font-weight:750;letter-spacing:-.6px;color:#102a4c}.brand small{font-weight:600;font-size:10px;letter-spacing:1.8px;color:#61748c}.hero h1{font-weight:750}.hero-title{color:#102a4c;letter-spacing:-3px;line-height:1.05}.hero h1 em{color:#205b96;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-1.5px}.hero .eyebrow{display:inline-block;background:#e6eef8;border:1px solid #d2dfef;border-radius:99px;padding:7px 13px;font-size:10px;letter-spacing:1.2px;color:#174a80}.hero p{line-height:1.7}.links{font-weight:500}.btn{border-radius:9px}.care .eyebrow{color:#b8d3f3!important}@media(max-width:600px){.hero-title{letter-spacing:-1.8px}.hero h1 em{letter-spacing:-.8px}}

/* WhatsApp button with the familiar iPhone app icon. */
a.btn[href*="wa.me/"]{border-radius:12px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px}
a[href*="wa.me/"] .contact-icon{width:26px;height:26px;margin-right:0}
a.float[href*="wa.me/"]{background:#25D366;color:#fff;padding:12px 18px;box-shadow:0 4px 16px #0002;font-weight:600;bottom:calc(16px + env(safe-area-inset-bottom));right:16px}
a.float[href*="wa.me/"]:focus-visible{outline:3px solid #102a4c;outline-offset:3px}

/* Telephone and social brand colors. */
a[href^="tel:"] .contact-icon{color:#25D366}

/* Paired fixed contact buttons. */
.floating-contact{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));right:16px;z-index:12;display:flex;align-items:center;gap:8px}
.floating-contact .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 16px;border-radius:12px;box-shadow:0 4px 16px #0002;font-weight:600}
.floating-contact .floating-phone{background:#25D366;color:#fff}
.floating-contact .floating-phone .contact-icon{color:#fff;width:24px;height:24px;margin:0}
.floating-contact .floating-whatsapp{background:#25D366;color:#fff}
@media(max-width:360px){.floating-contact{right:10px;gap:6px}.floating-contact .btn{padding:10px 12px;font-size:13px}}

/* Contact choices inside page content and device cards. */
.inline-contact{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.inline-contact .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px}.inline-contact .inline-phone{background:#25D366;color:#fff}.inline-contact .inline-phone .contact-icon{color:#fff;width:24px;height:24px;margin:0}.card .inline-contact{display:grid;grid-template-columns:1fr;width:100%}