*{box-sizing:border-box}body{margin:0;background:#e8eef5;color:#062952;font-family:Arial,Helvetica,sans-serif}.home{width:100%;max-width:480px;margin:auto;min-height:100dvh;background:linear-gradient(transparent 15%,#06578b99 65%,#002a57 90%),url('./background.webp') center/cover;box-shadow:0 0 60px #02234925}header img{display:block;width:100%;height:auto}.services{padding:0 4.4%;display:grid;gap:7px}.service{position:relative;display:flex;align-items:center;min-height:70px;overflow:hidden;border:1px solid #ffffffd9;border-radius:50px;background:#eaf3fa;box-shadow:0 2px 5px #04386555;color:inherit;text-decoration:none;width:100%;padding:0;text-align:left;cursor:pointer}.photo{position:absolute;right:7%;top:0;height:100%;width:45%;object-fit:cover}.service:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#edf5fa 34%,#edf5faf2 45%,#edf5fa00 75%);pointer-events:none}.icon{position:relative;z-index:2;flex:0 0 17%;width:17%;align-self:stretch;object-fit:contain;margin:0 2% 0 0}.copy{position:relative;z-index:2;flex:1;padding:9px 36px 9px 0}.copy strong{display:block;font-size:clamp(16px,4.25vw,22px);line-height:1.12;letter-spacing:-.5px}.copy small{display:block;font-size:clamp(11px,3.1vw,15px);line-height:1.25;margin-top:4px;max-width:68%}.arrow{position:absolute;z-index:3;right:2.6%;width:32px;height:32px;border:2px solid white;border-radius:50%;background:#062e5e;color:white;display:grid;place-items:center;font-size:30px;line-height:1;box-shadow:0 2px 5px #0003}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 3.6% 14px}.actions button{font:inherit;border:1px solid #fff9;border-radius:17px;min-height:60px;background:#f7fbff;color:#062952;display:flex;align-items:center;justify-content:space-around;gap:5px;padding:10px;cursor:pointer}.actions .management{background:linear-gradient(120deg,#ffdf46,#ffd000)}.actions b{font-size:13px}.actions small{display:block;font-size:9px;margin-top:4px}.actions span{text-align:left}footer{display:grid;grid-template-columns:repeat(3,1fr);background:#001d40;padding:17px 12px 25px;color:white;gap:10px}footer span{font-size:12px}footer b{font-size:9px;display:block;margin-top:4px}footer small{font-size:8px;display:block;margin-top:4px}.service:hover{filter:brightness(1.05)}button:focus-visible{outline:3px solid #ffcf00;outline-offset:3px}dialog{width:calc(100% - 32px);max-width:400px;border:0;border-radius:20px;padding:28px;color:#062952}dialog::backdrop{background:#00142dcc}dialog p{line-height:1.6}.close{float:right;font-size:25px;border:0;background:none}.back{padding:12px;border:0;background:#062e5e;color:white;border-radius:10px}@media(min-width:600px) and (min-device-width:701px){body{padding:24px}.home{border-radius:24px;overflow:hidden}.service{min-height:76px}}@media(max-width:350px), (max-device-width:350px){.service{min-height:65px}.copy strong{font-size:15px}.copy small{font-size:10px}.arrow{width:27px;height:27px}.actions{gap:6px}.actions b{font-size:11px}}
/* Clean scenery and vector icons: no interface baked into background. */
.home{background:linear-gradient(180deg,#6eb8dc 20%,#075182 65%,#002750 100%)}
.icon{flex:0 0 68px;width:68px;height:68px;align-self:center;display:grid;place-items:center;border:5px solid #ffda24;border-radius:50%;background:#062e5e;margin:3px 10px 3px 3px;box-shadow:0 2px 5px #002a5040}.icon svg{width:40px;height:40px;fill:#ffda24;color:#fff}.service:first-child .icon svg{fill:#fff}.copy{min-width:0}.copy strong{font-size:clamp(16px,4.2vw,21px)}.copy small{max-width:76%}.service:after{background:linear-gradient(90deg,#edf5fa 38%,#edf5faf5 49%,#edf5fa00 78%)}
footer{padding:20px 10px 26px;gap:8px;align-items:start}.promise{text-align:center;display:flex;flex-direction:column;align-items:center}.promise svg{width:36px;height:36px;stroke:white;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}.promise b{font-size:11px;line-height:1.4;margin:0}.promise small{font-size:10px;line-height:1.4;margin-top:4px}.whatsapp{position:fixed;right:max(16px,calc((100vw - 480px)/2 + 16px));bottom:calc(18px + env(safe-area-inset-bottom));width:56px;height:56px;display:grid;place-items:center;background:#21c863;color:white;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 16px #001d4055;z-index:10}.whatsapp svg{width:35px;height:35px}footer{padding-bottom:88px}.actions button{font-size:24px}.actions b{font-size:13px}.actions small{font-size:10px}@media(max-width:350px), (max-device-width:350px){.icon{flex-basis:56px;width:56px;height:56px;border-width:4px;margin-right:7px}.icon svg{width:34px;height:34px}.promise b{font-size:10px}.promise small{font-size:9px}}

.home{background:linear-gradient(180deg,#00467418,#00395d99 65%,#002750 95%),url('./scenery-v2.webp') center top/100% auto repeat-y}
/* Prevent mobile text inflation; keep action buttons compact. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.actions button{min-width:0}.actions span{min-width:0}.actions b{display:block;line-height:1.2}.actions small{line-height:1.25}
@media(max-width:599px), (max-device-width:599px){.actions{gap:8px;padding:14px 3.6% 12px}.actions button{height:64px;min-height:64px;padding:8px 7px;gap:5px;border-radius:15px;font-size:21px;overflow:hidden}.actions b{font-size:12px;white-space:nowrap}.actions small{font-size:9px;margin-top:4px}.actions span{flex:1}.service{min-height:66px}.icon{width:60px;height:60px;flex-basis:60px;border-width:4px;margin:2px 8px 2px 2px}.icon svg{width:36px;height:36px}.copy{padding-top:7px;padding-bottom:7px}.copy strong{font-size:18px;line-height:1.15}.copy small{font-size:12px;line-height:1.2}.promise b{font-size:10px}.promise small{font-size:9px}.promise svg{width:32px;height:32px}footer{padding-top:17px}}
@media(max-width:350px), (max-device-width:350px){.actions b{font-size:10px}.actions small{font-size:8px}.actions button{height:60px;min-height:60px;font-size:18px}.copy strong{font-size:16px}.copy small{font-size:11px}.icon{width:54px;height:54px;flex-basis:54px}.icon svg{width:32px;height:32px}}
.actions button{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;justify-content:initial;align-items:center;column-gap:7px}.actions .action-arrow{width:16px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;justify-self:center;align-self:center}.actions span{width:100%}@media(max-width:350px), (max-device-width:350px){.actions button{grid-template-columns:18px minmax(0,1fr) 12px;column-gap:4px}.actions .action-arrow{width:12px;height:18px}}

.actions .management{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;column-gap:7px;min-width:0;min-height:60px;padding:10px;border:1px solid #fff9;border-radius:17px;color:#062952;text-decoration:none;font-size:24px}.actions .management span{min-width:0;text-align:left}.actions .management b{display:block;line-height:1.2}.actions .management small{display:block;font-size:10px;margin-top:4px;line-height:1.25}@media(max-width:599px), (max-device-width:599px){.actions .management{height:64px;min-height:64px;padding:8px 7px;border-radius:15px;font-size:21px}.actions .management b{font-size:12px;white-space:nowrap}.actions .management small{font-size:9px}}@media(max-width:350px), (max-device-width:350px){.actions .management{grid-template-columns:18px minmax(0,1fr) 12px;column-gap:4px;height:60px;min-height:60px;font-size:18px}.actions .management b{font-size:10px}.actions .management small{font-size:8px}}
