:root {
  font-family: "Segoe UI", Arial, sans-serif;
  color: #fff;
  font-synthesis: none;
  --navy: #081f4b;
  --royal: #084ca4;
  --gold: #ffcc68;
  --pink: #f80672;
  --cream: #fff7e8;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 300px; background: #071838; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; cursor: pointer; }
button:focus-visible, a:focus-visible { outline: 3px solid #ffde68; outline-offset: 4px; }
.site {
  position: relative;
  width: 100%;
  height: 100dvh;
  min-height: 650px;
  isolation: isolate;
  display: grid;
  grid-template-rows: 70px minmax(0, 1fr);
  overflow: hidden;
  background: #061a3d;
}
.site::before {
  content: ""; position: absolute; inset: 0;
  pointer-events: none; z-index: -1;
  background: radial-gradient(ellipse at 65% 26%, #205caf77, transparent 40%),
              radial-gradient(ellipse at 5% 25%, #fdbc7140, transparent 28%),
              linear-gradient(135deg, #071c44 4%, #062856 57%, #051633 100%);
}
.header {
  display: flex; align-items: center; justify-content: space-between;
  height: 70px; padding: 6px clamp(22px, 6.3vw, 130px);
  gap: clamp(14px, 2vw, 35px);
  background: linear-gradient(90deg,#051832ed,#071c4beb,#061e4fe8);
  box-shadow: 0 3px 22px #0005; z-index: 7;
}
.brand { display: flex; flex-direction: column; text-decoration: none; flex-shrink: 0; }
.brand-top { font-size: clamp(20px,2.25vw,38px); font-weight: 1000; letter-spacing: -1.2px; line-height: 1.05; white-space: nowrap; }
.brand-kubet { color:#0da5ff; letter-spacing:-.9px; font-style:italic; text-shadow: 0 2px #002659; }
.brand-kubet::first-letter { color: #00caff; }
.brand-divider { color:#b4d1fa; margin: 0 9px; font-weight: 300; font-style: normal; }
.brand-thabet { color:#ffe0a1; }
.brand-sub { font-size:clamp(8px,.77vw,12px); font-weight:750; letter-spacing:.3px; margin-top:5px; color:#e3efff; white-space:nowrap; }
.brand-sub b { padding:0 9px; font-weight:400; }
.nav { display:flex; align-items:center; justify-content: center; gap:clamp(15px,2.2vw,42px); flex:1; }
.nav a { font-size:clamp(11px,.9vw,14px); color:#edf5ff; text-decoration:none; white-space:nowrap; font-weight:750; padding:11px 1px; border-bottom:2px solid transparent; }
.nav a:hover,.nav .nav-active { color:#fff; border-bottom-color:#51bdfb; text-shadow:0 0 15px #3dacff; }
.header-cta { display:inline-flex; align-items:center; justify-content:center; gap:9px; white-space:nowrap; text-decoration:none; color:#3c2603; font-weight:850; background:linear-gradient(180deg,#fff4bb,#ffc956); border:1px solid #fff4be; box-shadow: 0 3px 14px #ffda7366,inset 0 2px 2px #fff6; padding:11px 18px; border-radius:99px; font-size:clamp(12px,1vw,15px); }
.header-cta:hover { filter:brightness(1.08); transform:translateY(-1px); }
.main-content { min-height:0; display:grid; grid-template-columns: 44% 56%; grid-template-rows:minmax(0,1fr) 92px 168px; }
.hero { position:relative; grid-column:1/-1; grid-row:1; min-width:0; min-height:0; overflow:hidden; }
.hero-ambient { position:absolute; inset:0; background:linear-gradient(90deg,#071b2b55,#003c8f6b 74%,#02113661),url('assets/ambient.webp') center/cover no-repeat; }
.hero::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 90% 15%,#70b7ff29,transparent 29%), radial-gradient(circle at 78% 56%,#073d9d8c,transparent 52%); z-index:1; }
.hero-photo { position:absolute; left:0; top:0; width:50%; height:100%; z-index:2; display:block; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 74%,transparent 100%); mask-image:linear-gradient(90deg,#000 0%,#000 74%,transparent 100%); }
.hero-photo img { width:100%; height:100%; display:block; object-fit:cover; object-position:30% 35%; }
.hero-shimmer { position:absolute; inset:0; background:radial-gradient(circle at 55% 73%,#fad78f40,transparent 20%); pointer-events:none; z-index:2; }
.hero-copy { position:absolute; z-index:3; left:45%; width:53%; top:3%; height:63%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:clamp(4px,.6vh,10px); text-align:center; }
.hero-ornament { display:flex; align-items:center; justify-content:center; gap:20px; height:38px; width:100%; color:#ffe18e; font-size:23px; text-shadow:0 0 12px #ffbe3c; }
.hero-ornament .crown { font-size:58px; line-height:1; font-family: Georgia,serif; color:#ffdc60; text-shadow:0 0 7px #ffa200,0 4px #9b5508; transform:rotate(-7deg); }
.hero-overline { text-transform:uppercase; letter-spacing:2.5px; font-size:clamp(9px,.83vw,13px); font-weight:850; color:#ffe49d; }
.hero-overline span {color:#ffa0d0;font-size:20px;}
h1 { margin:0; display:flex; flex-wrap:wrap; gap:clamp(10px,1.1vw,18px); justify-content:center; align-items:baseline; font-family:Impact,"Arial Black","Segoe UI",sans-serif; line-height:1.12; font-stretch:condensed; letter-spacing:-1.5px; }
.name-first { font-size:clamp(42px,5.5vw,96px); color:#fff; -webkit-text-stroke:1.2px #def2ff; text-shadow: 0 4px 0 #078de6,0 7px 0 #023d83,0 10px 9px #030d38,0 0 18px #40a6ff; }
.name-last {font-size:clamp(40px,5.4vw,93px); color:#ffe499; -webkit-text-stroke:1px #ffac32; text-shadow:0 4px 0 #d88608,0 7px 0 #9d4800,0 11px 10px #040c28,0 0 15px #f3ac33;}
.support-title { display:flex; align-items:center; justify-content:center; gap:13px; border:3px solid #b4edff; border-radius:100px; padding:5px 26px 5px 6px; min-width:min(420px,75%); background:linear-gradient(180deg,#fff,#e9f3ff); box-shadow:0 0 20px #1dbbff, inset 0 0 12px #51a9ff5a; color:#0956b8; }
.support-title .support-icon { display:grid; place-items:center; width:55px; height:55px; flex:none; border-radius:50%; color:#fff; font-size:35px; background:linear-gradient(160deg,#00c1fe,#0055ec); box-shadow:0 0 8px #119efd; }
.support-title .support-icon svg {width:66%;height:66%;}
.support-title div { display:flex; flex-direction:column; gap:3px; }
.support-title b { font-size:clamp(12px,1.3vw,20px); }
.support-title strong { font-size:clamp(16px,2vw,28px); font-weight:950; letter-spacing:3px; color:#0b2868; }
.gold-ribbon { min-width: min(490px,85%); padding:8px 22px; background:linear-gradient(95deg,#fac258,#ffeb9b 35%,#ffe9a1 70%,#e8a94d); color:#38210d; font-size:clamp(11px,1.23vw,19px); font-weight:900; font-style:italic; transform:skew(-10deg); box-shadow:0 3px 12px #271c0488, inset 0 2px 0 #fff4c2; }
.gold-ribbon span{font-size:1.2em;}
.contacts { grid-column:2; grid-row:1; z-index:4; align-self:end; margin:0 clamp(22px,5vw,105px) 16px 0; min-width:0; }
.section-heading { display:flex; justify-content:center; align-items:center; gap:10px; margin-bottom:10px; }
.section-heading h2 { color:#fff1ce; margin:0; font-size:clamp(12px,1.1vw,17px); letter-spacing:2px; text-shadow:0 0 10px #ffad4c; white-space:nowrap; }
.section-heading>span {color:#ffe599;font-size:19px;}
.section-heading .heading-heart {color:#ff75a9;}
.contact-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;}
.contact-card {min-width:0; min-height:190px; padding:9px 8px 8px; display:flex; flex-direction:column; align-items:center; text-align:center; justify-content:space-between; background:linear-gradient(160deg,#f8fdffed,#d3eaffed 60%,#fcfdffeb); border:2px solid #a5d6ff; border-radius:19px; box-shadow:0 4px 0 #035fa476,0 8px 20px #0008,inset 0 1px 5px #fff; color:#091a47; }
.icon-disc {display:grid;place-items:center; flex:none; width:clamp(55px,5.4vw,83px);height:clamp(55px,5.4vw,83px); border-radius:50%; box-shadow:0 3px 9px #0318563d,0 0 0 5px #fff9; border:3px solid white; }
.icon-messenger { background:linear-gradient(145deg,#ee3de8,#7d28ff 52%,#00bfff); color:white; }
.icon-telegram { background:linear-gradient(140deg,#43d4ff,#0084ef);color:white; }
.icon-disc svg {width:70%;height:70%;}
.icon-kubet { background:white; color:#0869bf;font-weight:1000;font-size:clamp(15px,1.4vw,25px);font-style:italic; }
.icon-kubet i {font-style:italic;color:#00a4ff;}
.icon-kubet span {background:linear-gradient(90deg,#0cbfff,#0879dc 55%,#ffba25 57%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.icon-thabet { background:#0b0c0f;border-color:#ffe081; color:#ffe46f;font-size:clamp(15px,1.7vw,25px);font-weight:1000;line-height:.94; }
.icon-thabet span::first-line{color:#ffd544;}
.contact-card h3 { font-weight:950; font-size:clamp(11px,1vw,16px); margin:4px 0 0; line-height:1.15; white-space:nowrap; }
.contact-card p {color:#385f97;margin:0;font-size:clamp(9px,.85vw,13px);line-height:1.2;white-space:nowrap;}
.contact-button {height:31px;width:100%;border:none;border-radius:99px;color:#fff;display:flex;align-items:center;justify-content:center;gap:5px;font-weight:800;font-size:clamp(10px,.95vw,15px);line-height:1; white-space:nowrap;box-shadow:inset 0 2px #fff8,0 4px 8px #11254f4d; }
.contact-button span {font-size:22px;margin-top:-2px;}
.contact-button:hover,.promo-button:hover {filter:brightness(1.1); transform:translateY(-2px);}
.messenger-btn {background:linear-gradient(180deg,#22bcff,#0055ef);}
.telegram-btn {background:linear-gradient(180deg,#2bd9ff,#00a4ec);}
.kubet-btn {background:linear-gradient(180deg,#ffc02f,#ff8000);}
.thabet-btn {background:linear-gradient(180deg,#303036,#020305);}
.benefits { grid-column:1/-1; grid-row:2; z-index:3; display:flex;align-items:center;justify-content:center; padding:10px clamp(18px,7vw,150px); border-top:2px solid #69b9f7; border-bottom:1px solid #8ec5ff88; background:linear-gradient(180deg,#07245dbb,#041a47e8);box-shadow:0 -6px 28px #00336e5c,inset 0 5px 22px #3494ea24; }
.benefit { display:flex;justify-content:center;align-items:center;flex:1; gap:13px; font-size:clamp(12px,1.2vw,17px);font-weight:750;line-height:1.45; white-space:nowrap; text-shadow:0 2px #081434; }
.benefit+.benefit { border-left:1px solid #449ff2; }
.benefit-icon {flex:none; display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(180deg,#104184,#00102d);border:2px solid #ffe7a4;box-shadow:0 0 15px #f6cb8b96; color:#ffe6aa; font-size:29px; font-weight:800; text-shadow:0 0 6px #ffdf60;}
.benefit:nth-child(2) .benefit-icon {color:#dbefff;border-color:#59a7ff;box-shadow:0 0 16px #56baff;}
.benefit:nth-child(3) .benefit-icon {color:#ffbbd9;border-color:#ff5ea1;box-shadow:0 0 16px #ff459e;}
.promotion {grid-column:1/-1;grid-row:3;z-index:2;position:relative;display:flex;align-items:center;justify-content:center;gap:3%;padding:12px max(8vw,65px);margin:8px 6% 15px;border:2px solid #ffdda0;border-radius:40px;background:radial-gradient(ellipse at 50% 0%,#0a4d9cdd,transparent 75%),linear-gradient(110deg,#082151f5,#00326af5 50%,#071b4bf5);box-shadow:0 0 0 3px #b8813260,0 0 25px #ffc26f6b,inset 0 0 19px #eda9415e;overflow:hidden;}
.promotion::before {content:"";position:absolute;inset:6px;border:1px solid #ffe4a052;border-radius:32px;pointer-events:none;}
.promo-content {text-align:center;max-width:60%;z-index:1;}
.promo-eyebrow {font-size:10px;letter-spacing:3px;color:#ffe4b2;font-weight:900;margin:0 0 4px;}
.promo-content h2 {color:#fff0c5;font-size:clamp(24px,3vw,52px);line-height:1.03;letter-spacing:-1px;margin:0 0 8px;font-family:Georgia,"Segoe UI",serif;font-style:italic;text-shadow:0 0 17px #ffac49,0 3px #854f31;}
.promo-content h2 span {color:#ffa6c9;}
.promo-content p:not(.promo-eyebrow) {font-size:clamp(12px,1.15vw,18px);color:#fff;margin:0;}
.promo-content strong {color:#ffdc77;}
.promo-button {display:flex;align-items:center;justify-content:center;gap:12px;z-index:1;border:2px solid #ffd3e9;border-radius:99px;padding:15px 29px;white-space:nowrap;background:linear-gradient(180deg,#ff74b0 0%,#f90674 50%,#c00051 100%); color:#fff;font-size:clamp(16px,1.55vw,24px);font-weight:900;text-shadow:0 2px #bf0751;box-shadow:inset 0 2px 5px #fff9,0 0 20px #ff1d88;}
.promo-decoration {position:absolute;font-size:clamp(54px,7vw,112px);filter:drop-shadow(0 5px 16px #ffd16d99);transform:rotate(-14deg);opacity:.98;}
.promo-decoration-left {left:10px;bottom:-24px;}
.promo-decoration-right {right:15px;top:-28px;transform:rotate(14deg);}
.sparkle { position:absolute;color:#ffdf74;filter:drop-shadow(0 0 6px #ffc851);pointer-events:none;z-index:4;}
.sparkle-1 {font-size:26px;left:42%;top:30%;}
.sparkle-2 {font-size:23px;right:4%;top:32%;}
.sparkle-3 {font-size:24px;left:87%;top:72%;}
.link-dialog {max-width:min(92vw,420px);width:100%;padding:26px;border:2px solid #f8c76b;border-radius:23px;color:#13214b;background:#fff8ed;box-shadow:0 20px 60px #0008;text-align:center;}
.link-dialog::backdrop{background:#020d25b8;backdrop-filter:blur(4px);}
.dialog-head{display:flex;align-items:center;justify-content:center;gap:10px;color:#084aa3;}
.dialog-head h2{font-size:21px;}
.dialog-head span{font-size:23px;color:#e9a71c;}
.link-dialog p {line-height:1.55;}
.dialog-hint{font-size:13px;color:#60708b;}
.dialog-hint code{font-weight:bold;color:#dd2066;}
.dialog-close{border:0;border-radius:100px;background:linear-gradient(180deg,#2fbaff,#0167e8);color:#fff;font-weight:800;padding:12px 35px;margin-top:8px;}

@media (max-width:1250px) and (min-width:801px) {
  .header {padding-inline:32px;}
  .main-content {grid-template-rows:minmax(0,1fr) 82px 150px;}
  .hero-copy {left:43%;width:57%;}
  .contacts {margin-right:18px;margin-bottom:10px;}
  .contact-card {min-height:165px;padding:6px 5px;}
  .icon-disc {width:57px;height:57px;}
  .support-title .support-icon{width:44px;height:44px;}
  .promotion{margin-inline:3%;padding-inline:6%;}
  .promo-decoration{font-size:65px;}
}
@media (max-height:780px) and (min-width:801px) {
  .site{min-height:600px;}
  .main-content{grid-template-rows:minmax(0,1fr) 70px 130px;}
  .hero-copy {top:1%;height:58%;gap:4px;}
  .hero-ornament{height:28px;}
  .hero-ornament .crown{font-size:43px;}
  .name-first,.name-last{font-size:clamp(40px,4.6vw,72px);}
  .contacts{margin-bottom:9px;}
  .contact-card{min-height:156px;}
  .icon-disc{width:53px;height:53px;}
  .benefit-icon{width:42px;height:42px;font-size:23px;}
  .promotion{margin-block:5px 9px;}
  .promo-content h2{font-size:clamp(22px,2.4vw,38px);}
}

/* Mobile: a complete landing page that fits one phone viewport. */
@media (max-width:800px) {
  html,body {width:100%;height:100%;overflow:hidden;overscroll-behavior:none;}
  .site { height:100dvh;min-height:0;max-height:none;grid-template-rows:51px minmax(0,1fr);background:linear-gradient(180deg,#fff2d8,#fff8fa); }
  .header {height:51px;min-width:0;gap:6px;padding:5px 13px;background:linear-gradient(90deg,#061a3b 0%,#0a2250 76%,#152b5b);}
  .brand-top{font-size:clamp(19px,5.9vw,26px);letter-spacing:-1.4px;}
  .brand-divider {margin:0 5px;}
  .brand-sub {font-size:clamp(6px,1.7vw,8px);letter-spacing:0;margin-top:3px;}
  .brand-sub b {padding-inline:4px;}
  .nav {display:none;}
  .header-cta {margin-left:auto;flex:none;font-size:clamp(9px,2.6vw,12px);padding:7px 10px;gap:4px;background:linear-gradient(180deg,#fff1a8,#ffc460);border:1px solid #ffe9ae;box-shadow:0 0 9px #ffc06a88;}
  .header-cta span:first-child {display:none;}
  .main-content {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,41fr) minmax(0,35fr) minmax(0,8fr) minmax(0,16fr);overflow:hidden;background:#fff4f4;}
  .hero {grid-column:1;grid-row:1;}
  .hero-ambient { background:linear-gradient(90deg,#2535491a,#42291e6b 55%,#211b31bb), url('assets/ambient.webp') 15% 50%/cover no-repeat; }
  .hero::before {background:linear-gradient(90deg,transparent 10%,#28203925 55%,#17162e7d 100%),linear-gradient(0deg,#dd8d624a,transparent 32%);}
  .hero-photo {width:66%;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 66%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 66%,transparent 100%);}
  .hero-photo img {object-position:50% 23%;}
  .hero-shimmer {background:linear-gradient(0deg,#ffcd8e5b,transparent 22%);}
  .hero-copy {left:44%;width:55%;top:9%;height:86%;gap:clamp(4px,.85dvh,8px);padding-right:7px;justify-content:center;}
  .hero-ornament{height:clamp(22px,4dvh,39px);gap:12px;font-size:clamp(12px,3vw,18px);}
  .hero-ornament .crown{font-size:clamp(33px,8dvh,50px);}
  .hero-overline {font-size:clamp(7px,1.65vw,10px);letter-spacing:.35px;max-width:100%;}
  .hero-overline span{font-size:11px;}
  h1{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.04;letter-spacing:-.7px;}
  .name-first {font-size:clamp(31px,9.5vw,49px);-webkit-text-stroke:.65px #ffdeec; text-shadow:0 3px 0 #ea116a,0 5px 0 #aa0243,0 8px 12px #000a;white-space:nowrap;}
  .name-last {font-size:clamp(41px,12.8vw,65px);-webkit-text-stroke:.7px #fff0bd;white-space:nowrap;text-shadow:0 3px 0 #d47901,0 5px 0 #a95502,0 8px 11px #000a;}
  .support-title {gap:5px;min-width:0;width:100%;padding:3px 7px 3px 3px;border:2px solid #ff95c6;background:#fff9f9;box-shadow:0 0 10px #ff4789;border-radius:99px;}
  .support-title .support-icon{width:clamp(26px,7.3vw,39px);height:clamp(26px,7.3vw,39px);font-size:clamp(19px,5.3vw,25px);background:linear-gradient(160deg,#ff92a8,#f20065);}
  .support-title div{gap:0;min-width:0;}
  .support-title b{font-size:clamp(8px,2.35vw,12px);color:#401424;white-space:nowrap;}
  .support-title strong{font-size:clamp(10px,3.5vw,17px);letter-spacing:.8px;color:#521327;white-space:nowrap;}
  .gold-ribbon{min-width:0;width:105%;padding:5px 3px;font-size:clamp(8px,2.5vw,13px);white-space:nowrap;box-shadow:0 2px 8px #0a152c91;}
  .contacts {grid-column:1;grid-row:2;align-self:stretch;margin:0;min-height:0;display:flex;flex-direction:column;padding:clamp(4px,.9dvh,9px) 10px clamp(3px,.8dvh,6px);background:linear-gradient(180deg,#fff0d8 0%,#fff9f4 36%,#fff3f6 100%);border-top:2px solid #f3bf69;box-shadow:0 -5px 13px #ffd49480;}
  .section-heading {height:clamp(25px,5dvh,39px); flex:none;gap:6px;margin:0 0 4px;color:#27151e; }
  .section-heading h2 {color:#2c1724;text-shadow:none;font-size:clamp(14px,4vw,21px);letter-spacing:-.45px;font-weight:950;}
  .section-heading>span {color:#d49830;font-size:17px;}
  .section-heading .heading-heart{color:#cc1667;}
  .contact-grid {flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px 7px;}
  .contact-card {min-height:0;padding:clamp(3px,.75dvh,7px) 5px 4px;justify-content:space-around;background:linear-gradient(160deg,#fff,#fefaff 74%,#fff1e8);border:1px solid #f2c37b;border-radius:clamp(13px,3vw,21px);box-shadow:0 2px 5px #b564494a,inset 0 0 13px #fff;}
  .icon-disc {width:clamp(32px,5.7dvh,53px);height:clamp(32px,5.7dvh,53px);border-width:2px;box-shadow:0 2px 5px #be70863a,0 0 0 3px #fff5;}
  .icon-kubet {font-size:clamp(11px,3.2vw,17px);}
  .icon-thabet {font-size:clamp(11px,3.4vw,17px);}
  .contact-card h3{font-size:clamp(11px,3.25vw,15px);margin:0;line-height:1.08;}
  .contact-card p{font-size:clamp(9px,2.65vw,11px);line-height:1.05;color:#65558d;}
  .contact-button {height:clamp(22px,3.75dvh,32px);font-size:clamp(10px,2.95vw,13px);max-width:100%;flex:none;box-shadow:inset 0 1px #fff8,0 2px 4px #91767e55;}
  .contact-button span{font-size:16px;}
  .promotion {grid-column:1;grid-row:4;min-height:0;display:flex;flex-direction:column;justify-content:space-around;gap:2px;margin:2px 10px 4px;padding:4px 10px 7px;border-radius:25px;border:2px solid #ff7cad;background:radial-gradient(ellipse at 40% 0%,#ffbbd7,transparent 70%),linear-gradient(135deg,#fff4ec 0%,#fff 49%,#ffe6f0);box-shadow:0 2px 0 #e7468b,0 2px 13px #ec87b29e,inset 0 0 0 2px #fff;overflow:hidden;}
  .promotion::before{inset:3px;border-color:#ed9cb35c;border-radius:20px;}
  .promo-content{max-width:100%;width:100%;z-index:1;}
  .promo-eyebrow {display:none;}
  .promo-content h2 {position:relative;font-family:'Segoe UI',Arial,sans-serif;font-style:italic;font-size:clamp(17px,5.1vw,24px);font-weight:1000;letter-spacing:-.5px;color:#e50067;text-shadow:0 1px #ffd4e4;margin:0 0 3px;}
  .promo-content h2 span{color:#e50067;}
  .promo-content p:not(.promo-eyebrow) {max-width:88%;margin:auto;font-size:clamp(10px,3.05vw,13px);font-weight:700;color:#211a43;line-height:1.17;}
  .promo-content strong{color:#e60068;}
  .promo-button {border:2px solid #ffe5f0;box-shadow:inset 0 1px 4px #fff9,0 2px 9px #ff178a8e;padding:4px 15px;border-radius:99px;font-size:clamp(13px,4vw,19px);line-height:1;min-height:clamp(27px,4.7dvh,40px);gap:6px;}
  .promo-decoration {font-size:clamp(34px,8dvh,63px);opacity:.85;}
  .promo-decoration-left{left:-12px;bottom:-12px;}
  .promo-decoration-right{right:-10px;top:-13px;}
  .benefits {grid-column:1;grid-row:3;padding:2px 5px 1px;gap:0;border:none;background:linear-gradient(180deg,#fffefb,#fff4f8);box-shadow:none;}
  .benefit {display:flex;flex-direction:column;gap:1px;flex:1;height:100%;justify-content:center;text-align:center;color:#5c2823;font-size:clamp(7px,2.15vw,10px);font-weight:800;line-height:1.05;text-shadow:none;}
  .benefit+.benefit {border-left:1px solid #ffbeab;}
  .benefit-icon,.benefit:nth-child(2) .benefit-icon,.benefit:nth-child(3) .benefit-icon {width:auto;height:auto;min-height:0;border:none;background:none;box-shadow:none;color:#c75e32;text-shadow:none;font-size:clamp(16px,4.6vw,23px);line-height:1.1;}
  .benefit:nth-child(3) .benefit-icon{font-size:clamp(15px,4.25vw,22px);}
  .sparkle{display:none;}
}
@media (max-width:800px) and (max-height:720px){
  .hero-copy{top:6%;height:90%;gap:3px;}
  .hero-ornament{height:22px;}
  .hero-ornament .crown{font-size:33px;}
  .hero-overline{font-size:7px;}
  .name-first{font-size:clamp(29px,8.5vw,41px);}
  .name-last{font-size:clamp(38px,11vw,52px);}
  .support-title .support-icon{width:25px;height:25px;font-size:17px;}
  .gold-ribbon{padding:3px 2px;}
  .section-heading{height:24px;}
  .contact-card p{display:none;}
  .contact-card{justify-content:space-between;padding-block:3px;}
  .icon-disc{width:clamp(31px,5dvh,40px);height:clamp(31px,5dvh,40px);}
  .promotion{border-radius:18px;padding-block:2px;}
  .promo-content h2{font-size:clamp(16px,4.65vw,21px);}
  .promo-content p:not(.promo-eyebrow){font-size:clamp(9px,2.6vw,11px);}
  .promo-decoration{font-size:34px;}
  .promo-button{min-height:25px;font-size:clamp(12px,3.4vw,15px);}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;} .contact-button:hover,.promo-button:hover,.header-cta:hover{transform:none;}}