*{box-sizing:border-box}
html{min-height:100%;background:#064550}
body{min-height:100svh;margin:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#128f93,#064550 70%);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.poster{width:min(100vw,600px,66.64svh);box-shadow:0 22px 60px #001d2870}
.poster-art{display:block;width:100%;height:auto}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.contact-panel{position:relative;z-index:1;margin-top:-49.5%;padding:clamp(8px,2vw,14px);border-radius:clamp(13px,3vw,20px) clamp(13px,3vw,20px) 0 0;background:linear-gradient(180deg,#e8fbf7f7 0%,#c8f4eff7 47%,#08717af7 77%,#063843 100%);box-shadow:0 -8px 18px #04333d45}
.call-button{min-height:clamp(76px,21vw,120px);padding:clamp(7px,1.8vw,13px);display:flex;align-items:center;gap:clamp(9px,2vw,17px);border:3px solid #26d5d6;border-radius:clamp(13px,3vw,22px);background:linear-gradient(150deg,#034c57,#075e64);color:#ffdc39;text-decoration:none;box-shadow:0 5px 0 #02353a,0 8px 16px #003d4c55;-webkit-tap-highlight-color:transparent}
.call-icon{width:clamp(49px,12vw,76px);height:clamp(49px,12vw,76px);flex:none;display:grid;place-items:center;border-radius:50%;background:#ffda33;color:#00535b;font-size:clamp(33px,8vw,52px);font-weight:900;line-height:1}
.call-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(2px,.5vw,5px)}
.call-copy strong{color:#fff;font-size:clamp(13px,3.4vw,22px);line-height:1.05;white-space:nowrap}
.call-number{font-size:clamp(27px,8.5vw,48px);font-weight:950;line-height:1;letter-spacing:-.055em;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 3px 3px #001b23b5}
.call-button:hover{filter:brightness(1.12)}
.call-button:focus-visible,.quick-actions a:focus-visible{outline:3px solid #ffda43;outline-offset:3px}
.driver{margin:clamp(7px,1.5vw,10px) 0;color:#073944;font-size:clamp(14px,3.1vw,20px);font-weight:650;line-height:1.1;text-align:center}
.benefits{min-height:clamp(37px,8vw,52px);padding:3px 4px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;border-radius:100px;background:#065960;color:#fff}
.benefits span{padding:0 2px;color:#f8ffff;font-size:clamp(9px,2vw,13px);font-weight:750;line-height:1.1;text-align:center}
.benefits span+span{border-left:1px solid #b4eaec88}
.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(5px,1.2vw,10px);margin-top:clamp(8px,1.8vw,12px)}
.quick-actions a{min-width:0;min-height:clamp(48px,13vw,64px);padding:5px 2px;display:flex;align-items:center;justify-content:center;border:2px solid #ffffffbf;border-radius:clamp(11px,2.4vw,16px);color:#fff;font-size:clamp(10px,2.8vw,17px);font-weight:850;line-height:1.08;text-align:center;text-decoration:none;white-space:nowrap;box-shadow:0 4px 12px #002b3566;-webkit-tap-highlight-color:transparent}
.quick-actions a.zalo{background:#0875e8}
.quick-actions a.facebook{background:#175bb6}
.quick-actions a.save{border-color:#ffda43;background:#ffda43;color:#063e49}
.quick-actions a:hover{filter:brightness(1.13)}
@media(max-width:350px){
  .call-button{gap:7px}
  .call-copy strong{font-size:12px}
  .call-number{font-size:27px}
  .quick-actions a{font-size:10px}
}
@media(prefers-reduced-motion:no-preference){.call-button,.quick-actions a{transition:filter .15s ease,transform .15s ease}.call-button:active,.quick-actions a:active{transform:scale(.98)}}