/* U&MEET home v0.6 — youthful international landing. */
:root{
  --ume-bg:#fff8fa;
  --ume-card:#ffffff;
  --ume-ink:#2d2630;
  --ume-muted:#786b73;
  --ume-pink:#f15f88;
  --ume-pink-2:#d93668;
  --ume-violet:#8b5cf6;
  --ume-line:rgba(202,73,112,.15);
  --ume-shadow:0 24px 70px rgba(101,42,65,.11);
}

.ume-home main{overflow:hidden;background:var(--ume-bg);}
.ume-home .site-header{position:sticky;top:0;z-index:70;background:rgba(255,248,250,.86)!important;border-bottom:1px solid rgba(202,73,112,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.ume-home .site-header nav a,.ume-home .site-header nav button{font-weight:850;}

.ume-language-rail{position:fixed!important;right:22px!important;top:88px!important;left:auto!important;bottom:auto!important;z-index:65!important;display:flex!important;flex-direction:column!important;gap:7px!important;padding:8px!important;background:rgba(255,255,255,.82)!important;border:1px solid var(--ume-line)!important;border-radius:18px!important;box-shadow:0 12px 35px rgba(89,45,64,.09)!important;backdrop-filter:blur(12px)!important;}
.ume-language-rail .language-pill{width:38px!important;height:32px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#7b6971!important;font-size:.72rem!important;font-weight:900!important;text-decoration:none!important;}
.ume-language-rail .language-pill.is-active{background:linear-gradient(135deg,var(--ume-pink),var(--ume-violet))!important;color:#fff!important;box-shadow:0 7px 18px rgba(139,92,246,.24)!important;}

.ume-hero{position:relative;max-width:1240px;min-height:690px;margin:0 auto;padding:88px 54px 68px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(460px,.98fr);gap:34px;align-items:center;isolation:isolate;}
.ume-hero::after{content:"";position:absolute;inset:38px 24px 22px;z-index:-3;border:1px solid rgba(222,86,126,.11);border-radius:44px;background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(255,244,248,.72));box-shadow:0 28px 80px rgba(94,43,63,.07);}
.ume-hero-glow{position:absolute;z-index:-2;border-radius:50%;filter:blur(4px);opacity:.7;pointer-events:none;}
.ume-hero-glow--one{width:300px;height:300px;right:70px;top:42px;background:radial-gradient(circle,rgba(241,95,136,.18),rgba(241,95,136,0) 70%);}
.ume-hero-glow--two{width:230px;height:230px;left:15%;bottom:4px;background:radial-gradient(circle,rgba(139,92,246,.12),rgba(139,92,246,0) 72%);}
.ume-hero-copy{position:relative;z-index:4;padding-left:8px;}
.ume-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:8px 13px;border-radius:999px;background:#fff;border:1px solid var(--ume-line);box-shadow:0 9px 24px rgba(84,45,61,.06);color:#80525f;font-size:.76rem;font-weight:900;letter-spacing:.04em;}
.ume-eyebrow span{color:var(--ume-pink);}
.ume-hero h1{max-width:690px;margin:0;color:var(--ume-ink);font-size:clamp(3.35rem,5.4vw,5.75rem);line-height:.94;letter-spacing:-.055em;font-weight:950;}
.ume-hero-lead{max-width:620px;margin:24px 0 30px;color:var(--ume-muted);font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.55;}
.ume-hero-form{margin:0;}
.ume-primary-cta{width:min(100%,570px);min-height:70px;border:0;border-radius:21px;padding:10px 12px 10px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#f45f88 0%,#dc4775 46%,#8b5cf6 115%);color:#fff;box-shadow:0 18px 38px rgba(216,63,111,.24);cursor:pointer;font:inherit;font-size:1.05rem;font-weight:900;transition:transform .18s ease,box-shadow .18s ease;}
.ume-primary-cta:hover{transform:translateY(-2px);box-shadow:0 23px 46px rgba(216,63,111,.29);}
.ume-cta-price{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:15px;background:rgba(255,255,255,.17);white-space:nowrap;}
.ume-cta-price del{opacity:.72;font-size:.82rem;}
.ume-cta-price strong{font-size:1.08rem;}
.ume-cta-price em{padding:4px 6px;border-radius:8px;background:#fff;color:#b93464;font-size:.65rem;font-style:normal;font-weight:950;}
.ume-pay-note{display:flex;gap:17px;flex-wrap:wrap;margin:13px 3px 0;color:#88757d;font-size:.78rem;font-weight:750;}
.ume-pay-note span::first-letter{color:#2aa979;}
.ume-hero-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:570px;margin-top:25px;}
.ume-hero-trust>div{min-width:0;padding:12px 10px;border:1px solid rgba(202,73,112,.11);border-radius:15px;background:rgba(255,255,255,.77);display:flex;align-items:center;gap:8px;}
.ume-hero-trust span{font-size:1.05rem;}
.ume-hero-trust strong{overflow:hidden;color:#67575e;font-size:.73rem;line-height:1.2;font-weight:850;text-overflow:ellipsis;}

.ume-hero-visual{position:relative;min-height:570px;display:grid;place-items:center;}
.ume-hero-couple{position:absolute;z-index:-1;width:570px;max-width:115%;right:-48px;top:-12px;opacity:.33;mix-blend-mode:multiply;pointer-events:none;}
.ume-phone-shadow{position:absolute;width:335px;height:490px;border-radius:52px;background:rgba(117,52,78,.13);filter:blur(28px);transform:translate(14px,24px) rotate(4deg);}
.ume-phone-card{position:relative;width:min(350px,88vw);min-height:515px;padding:25px 26px 27px;border:8px solid #342a31;border-radius:46px;background:linear-gradient(180deg,#fff 0%,#fff9fb 100%);box-shadow:0 30px 65px rgba(74,40,53,.22);transform:rotate(2.3deg);display:flex;flex-direction:column;align-items:center;text-align:center;}
.ume-phone-card::before{content:"";position:absolute;top:9px;width:92px;height:19px;border-radius:999px;background:#342a31;}
.ume-phone-top{width:100%;min-height:44px;margin-top:9px;display:flex;align-items:center;justify-content:space-between;}
.ume-phone-top img{width:105px;height:auto;display:block;}
.ume-phone-top span{color:#ad9ba3;letter-spacing:.1em;font-weight:900;}
.ume-envelope{margin:21px auto 10px;font-size:3.1rem;filter:drop-shadow(0 7px 12px rgba(239,94,134,.16));}
.ume-phone-kicker{color:var(--ume-pink-2);font-size:.67rem;font-weight:950;letter-spacing:.14em;}
.ume-phone-card h2{margin:13px 0 8px;color:var(--ume-ink);font-size:1.7rem;line-height:1.07;}
.ume-phone-card p{margin:0;color:#786b72;font-size:.93rem;line-height:1.45;}
.ume-preview-tags{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0 19px;}
.ume-preview-tags span{padding:9px 8px;border-radius:12px;background:#fff1f5;color:#775862;font-size:.68rem;font-weight:850;}
.ume-phone-card button{margin-top:auto;width:100%;min-height:50px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--ume-pink),var(--ume-pink-2));color:#fff;font:inherit;font-weight:900;box-shadow:0 12px 24px rgba(218,58,105,.18);}
.ume-phone-card button span{margin-left:8px;}
.ume-float-badge{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;max-width:190px;padding:11px 13px;border-radius:16px;background:rgba(255,255,255,.93);border:1px solid rgba(202,73,112,.12);box-shadow:0 16px 36px rgba(83,44,59,.13);color:#5e5057;font-size:.75rem;font-weight:900;backdrop-filter:blur(10px);}
.ume-float-badge--left{left:0;top:36%;transform:rotate(-4deg);}
.ume-float-badge--right{right:-2px;bottom:21%;transform:rotate(4deg);}
.ume-float-badge span{font-size:1rem;}
.ume-signature{position:absolute;right:68px;bottom:35px;color:#e45982;font-family:"Segoe Script","Brush Script MT",cursive;font-size:1.18rem;transform:rotate(-4deg);opacity:.9;}

.ume-benefits,.ume-showcase,.ume-steps,.ume-reviews,.ume-final-cta-section{max-width:1180px;margin:0 auto;padding:78px 28px;}
.ume-section-heading{max-width:760px;margin:0 auto 34px;text-align:center;}
.ume-section-heading>span{display:inline-block;margin-bottom:10px;color:var(--ume-pink-2);font-size:.72rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase;}
.ume-section-heading h2{margin:0;color:var(--ume-ink);font-size:clamp(2rem,4.5vw,3.7rem);line-height:1.03;letter-spacing:-.045em;}
.ume-section-heading h2 strong{color:var(--ume-pink-2);font-weight:inherit;}
.ume-section-heading p{max-width:660px;margin:15px auto 0;color:var(--ume-muted);font-size:1.02rem;line-height:1.55;}

.ume-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;}
.ume-benefit-card{min-height:235px;padding:24px 21px 22px;border:1px solid rgba(180,88,120,.11);border-radius:26px;background:#fff;box-shadow:0 18px 46px rgba(89,43,61,.07);position:relative;overflow:hidden;}
.ume-benefit-card::after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;right:-70px;top:-62px;opacity:.38;}
.ume-benefit-card--pink::after{background:#ffd4e1;}.ume-benefit-card--violet::after{background:#e6d9ff;}.ume-benefit-card--blue::after{background:#d8efff;}.ume-benefit-card--peach::after{background:#ffe4d3;}
.ume-benefit-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:27px;border-radius:15px;background:#fff7f9;box-shadow:inset 0 0 0 1px rgba(200,80,120,.1);font-size:1.35rem;}
.ume-benefit-card h3{position:relative;margin:0 0 9px;color:#332a2f;font-size:1.1rem;}
.ume-benefit-card p{position:relative;margin:0;color:#7b6c73;font-size:.89rem;line-height:1.5;}

.ume-showcase{padding-top:52px;}
.ume-showcase-card{max-width:760px;margin:0 auto;border-radius:34px!important;border:1px solid rgba(202,73,112,.13)!important;box-shadow:var(--ume-shadow)!important;background:#fff!important;overflow:hidden!important;}
.ume-showcase .showcase-media{background:#fff4f7!important;}
.ume-showcase .showcase-question-area{padding:28px!important;background:#fff!important;}
.ume-showcase .showcase-question{font-size:clamp(1.25rem,2.4vw,1.75rem)!important;color:var(--ume-ink)!important;font-weight:900!important;}
.ume-showcase .showcase-yes-button{background:linear-gradient(135deg,var(--ume-pink),var(--ume-pink-2))!important;box-shadow:0 11px 25px rgba(217,54,104,.22)!important;}
.ume-showcase-actions{max-width:760px;margin:18px auto 0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;}
.ume-showcase-actions form{margin:0!important;}
.ume-showcase-actions .showcase-start-button{width:100%!important;min-height:54px!important;border-radius:17px!important;border:1px solid rgba(202,73,112,.14)!important;background:#fff!important;color:#5d4b53!important;box-shadow:0 10px 25px rgba(86,43,60,.06)!important;font-weight:900!important;}

.ume-steps{padding-top:65px!important;}
.ume-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:17px!important;}
.ume-steps-grid .uandmeet-step-card{padding:10px 10px 21px!important;border-radius:25px!important;background:#fff!important;border:1px solid rgba(202,73,112,.12)!important;box-shadow:0 17px 42px rgba(93,44,63,.07)!important;transition:transform .2s ease,box-shadow .2s ease;}
.ume-steps-grid .uandmeet-step-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px rgba(93,44,63,.11)!important;}
.ume-steps-grid .uandmeet-step-card img{border-radius:19px!important;aspect-ratio:4/3!important;object-fit:cover!important;}
.ume-steps-grid .uandmeet-step-card>span{width:38px!important;height:38px!important;margin-top:-19px!important;background:linear-gradient(135deg,var(--ume-pink),var(--ume-violet))!important;}
.ume-steps-grid .uandmeet-step-card h3{padding:0 9px!important;font-size:.97rem!important;}

.ume-final-cta-section{padding-top:40px;}
.ume-final-cta{max-width:none!important;margin:0!important;padding:16px!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:42px!important;border-radius:36px!important;background:linear-gradient(135deg,#fff 0%,#fff2f6 63%,#f7f1ff 100%)!important;border:1px solid rgba(202,73,112,.14)!important;box-shadow:var(--ume-shadow)!important;}
.ume-final-image-wrap{min-height:360px;border-radius:26px;overflow:hidden;background:#fff4f7;}
.ume-final-image-wrap img{width:100%!important;height:100%!important;min-height:360px;max-height:420px!important;object-fit:cover!important;border-radius:0!important;}
.ume-final-copy{padding:30px 30px 30px 0;align-self:center;}
.ume-final-copy>span{color:var(--ume-pink-2)!important;letter-spacing:.16em!important;font-size:.72rem!important;font-weight:950!important;}
.ume-final-copy h2{margin:10px 0 10px!important;color:var(--ume-ink);font-size:clamp(2.4rem,4.6vw,4rem)!important;letter-spacing:-.05em;}
.ume-final-copy>p{margin:0 0 25px;color:#dc5c83;font-family:"Segoe Script","Brush Script MT",cursive;font-size:1.25rem;transform:rotate(-2deg);}
.ume-primary-cta--compact{width:min(100%,430px);min-height:62px;padding-left:22px;}
.ume-primary-cta--compact strong{padding:10px 13px;border-radius:13px;background:rgba(255,255,255,.17);}

.ume-reviews{padding-top:58px;}
.ume-reviews-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important;}
.ume-reviews .landing-review-card{border-radius:24px!important;border:1px solid rgba(202,73,112,.12)!important;background:#fff!important;box-shadow:0 16px 40px rgba(89,42,61,.07)!important;}
.ume-reviews .landing-review-hearts{color:var(--ume-pink)!important;letter-spacing:.08em;}

@media(max-width:1060px){
  .ume-hero{grid-template-columns:1fr 430px;padding-left:38px;padding-right:38px;}
  .ume-hero h1{font-size:clamp(3rem,6vw,4.7rem);}
  .ume-float-badge--left{left:-14px;}.ume-float-badge--right{right:-12px;}
  .ume-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:820px){
  .ume-home .site-header{height:62px;}
  .ume-language-rail{position:relative!important;right:auto!important;top:auto!important;z-index:5!important;flex-direction:row!important;width:max-content;margin:13px auto -4px!important;padding:5px!important;border-radius:15px!important;}
  .ume-language-rail .language-pill{width:42px!important;height:31px!important;}
  .ume-hero{min-height:0;grid-template-columns:1fr;padding:50px 20px 54px;gap:25px;text-align:center;}
  .ume-hero::after{inset:20px 10px 10px;border-radius:30px;}
  .ume-hero-copy{padding:0 8px;}
  .ume-eyebrow{margin-bottom:15px;font-size:.69rem;}
  .ume-hero h1{margin:0 auto;font-size:clamp(2.8rem,12.3vw,4.2rem);line-height:.95;}
  .ume-hero-lead{margin:19px auto 25px;font-size:1rem;}
  .ume-primary-cta{margin:0 auto;min-height:65px;border-radius:19px;padding-left:18px;font-size:.94rem;}
  .ume-cta-price{gap:6px;padding:8px;}
  .ume-pay-note{justify-content:center;gap:10px;margin-top:11px;}
  .ume-hero-trust{margin:18px auto 0;grid-template-columns:1fr 1fr 1fr;gap:6px;}
  .ume-hero-trust>div{justify-content:center;padding:9px 5px;border-radius:12px;}
  .ume-hero-trust strong{font-size:.63rem;}
  .ume-hero-visual{min-height:490px;margin-top:-10px;}
  .ume-hero-couple{width:520px;max-width:135%;right:50%;transform:translateX(50%);top:0;opacity:.26;}
  .ume-phone-card{width:min(330px,82vw);min-height:455px;padding:22px 21px 23px;border-width:7px;border-radius:39px;transform:rotate(1.3deg);}
  .ume-phone-card h2{font-size:1.5rem;}
  .ume-envelope{font-size:2.7rem;margin-top:14px;}
  .ume-preview-tags{margin:19px 0 15px;}
  .ume-float-badge{font-size:.65rem;max-width:150px;padding:9px 10px;}
  .ume-float-badge--left{left:3px;top:34%;}.ume-float-badge--right{right:3px;bottom:18%;}
  .ume-signature{right:50%;transform:translateX(50%) rotate(-3deg);bottom:22px;width:max-content;max-width:90%;font-size:1rem;}
  .ume-benefits,.ume-showcase,.ume-steps,.ume-reviews,.ume-final-cta-section{padding:58px 16px;}
  .ume-section-heading{margin-bottom:27px;}
  .ume-section-heading h2{font-size:clamp(2rem,9vw,3rem);}
  .ume-benefit-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .ume-benefit-card{min-height:210px;padding:18px 15px;border-radius:20px;}
  .ume-benefit-icon{margin-bottom:19px;}
  .ume-benefit-card h3{font-size:.95rem;}.ume-benefit-card p{font-size:.8rem;}
  .ume-showcase-card{border-radius:25px!important;}
  .ume-showcase .showcase-question-area{padding:21px 16px!important;}
  .ume-showcase-actions{grid-template-columns:1fr!important;}
  .ume-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .ume-steps-grid .uandmeet-step-card{border-radius:19px!important;padding:7px 7px 16px!important;}
  .ume-steps-grid .uandmeet-step-card img{border-radius:14px!important;}
  .ume-steps-grid .uandmeet-step-card h3{font-size:.82rem!important;}
  .ume-final-cta{grid-template-columns:1fr!important;gap:8px!important;padding:10px 10px 22px!important;border-radius:25px!important;text-align:center;}
  .ume-final-image-wrap{min-height:250px;border-radius:18px;}.ume-final-image-wrap img{min-height:250px;max-height:310px!important;}
  .ume-final-copy{padding:19px 12px 2px;}.ume-final-copy h2{font-size:clamp(2.1rem,10vw,3rem)!important;}
  .ume-primary-cta--compact{margin:0 auto;}
  .ume-reviews-grid{grid-template-columns:1fr!important;}
}

@media(max-width:520px){
  .ume-hero{padding-left:12px;padding-right:12px;}
  .ume-hero::after{inset:16px 4px 8px;border-radius:25px;}
  .ume-hero h1{font-size:clamp(2.55rem,12.8vw,3.5rem);}
  .ume-primary-cta{align-items:center;gap:9px;padding-left:15px;}
  .ume-primary-cta>span:first-child{text-align:left;line-height:1.15;}
  .ume-cta-price del{display:none;}.ume-cta-price em{font-size:.59rem;}
  .ume-hero-trust strong{display:none;}.ume-hero-trust>div{min-height:42px;}.ume-hero-trust span{font-size:1.2rem;}
  .ume-hero-visual{min-height:450px;}
  .ume-phone-card{width:min(310px,84vw);min-height:430px;}
  .ume-float-badge{display:none;}
  .ume-benefit-grid{grid-template-columns:1fr;}
  .ume-benefit-card{min-height:0;}
  .ume-steps-grid{grid-template-columns:1fr!important;}
}


/* U&MEET home v0.7 refinements */
.ume-phone-shadow{width:300px;height:535px;border-radius:58px;}
.ume-phone-card{width:min(318px,84vw);min-height:565px;padding:26px 23px 28px;border-radius:52px;}
.ume-phone-card::before{width:86px;height:18px;}
.ume-phone-recipient{display:block;margin:12px 0 0;color:#9a6879;font-size:.82rem;font-weight:750;}
.ume-phone-recipient strong{color:#c83867;font-weight:950;}
.ume-float-badge--left{left:-62px;top:21%;transform:rotate(-4deg);}
.ume-float-badge--right{right:-36px;bottom:19%;}

.ume-ticket-showcase{max-width:1180px;margin:12px auto 0;padding:60px 28px 28px;}
.ume-ticket-copy{max-width:790px;margin:0 auto 28px;text-align:center;}
.ume-ticket-copy>span{display:inline-block;margin-bottom:10px;color:var(--ume-pink-2);font-size:.72rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase;}
.ume-ticket-copy h2{margin:0;color:var(--ume-ink);font-size:clamp(2.1rem,4.4vw,3.75rem);line-height:1.03;letter-spacing:-.045em;}
.ume-ticket-copy p{max-width:760px;margin:15px auto 0;color:var(--ume-muted);font-size:1.02rem;line-height:1.6;}
.ume-ticket-frame{margin:0;padding:14px;border:1px solid rgba(202,73,112,.13);border-radius:30px;background:rgba(255,255,255,.88);box-shadow:0 26px 70px rgba(89,43,61,.09);overflow:hidden;}
.ume-ticket-frame img{display:block;width:100%;height:auto;border-radius:21px;}

.ume-articles{max-width:1180px;margin:0 auto;padding:76px 28px 30px;}
.ume-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.ume-article-card{position:relative;min-height:300px;padding:25px 23px 23px;border:1px solid rgba(202,73,112,.12);border-radius:26px;background:#fff;box-shadow:0 18px 46px rgba(89,43,61,.07);overflow:hidden;display:flex;flex-direction:column;}
.ume-article-card::after{content:"";position:absolute;width:170px;height:170px;right:-80px;top:-80px;border-radius:50%;opacity:.45;background:#ffd8e4;}
.ume-article-card--violet::after{background:#e7ddff}.ume-article-card--peach::after{background:#ffe6d7}.ume-article-card--rose::after{background:#ffd8e4}
.ume-article-icon{position:relative;z-index:1;width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:#fff5f8;font-size:1.35rem;box-shadow:inset 0 0 0 1px rgba(202,73,112,.08);}
.ume-article-time{position:relative;z-index:1;margin-top:20px;color:#ad7385;font-size:.72rem;font-weight:850;}
.ume-article-card h3{position:relative;z-index:1;margin:8px 0 10px;color:#332a2f;font-size:1.28rem;line-height:1.16;letter-spacing:-.02em;}
.ume-article-card p{position:relative;z-index:1;margin:0 0 20px;color:#786b73;font-size:.9rem;line-height:1.52;}
.ume-article-card a{position:relative;z-index:1;margin-top:auto;color:#cf3f6c;font-weight:900;text-decoration:none;}
.ume-article-card a:hover{text-decoration:underline;}

@media(max-width:1060px){
  .ume-phone-card{width:min(300px,82vw);min-height:545px;}
  .ume-float-badge--left{left:-42px;top:19%;}.ume-float-badge--right{right:-20px;}
  .ume-article-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ume-article-card:last-child{grid-column:1/-1;max-width:560px;width:100%;justify-self:center;}
}
@media(max-width:820px){
  .ume-phone-card{width:min(286px,76vw);min-height:525px;padding:23px 20px 24px;border-radius:48px;}
  .ume-phone-card h2{font-size:1.42rem;}
  .ume-phone-card p{font-size:.88rem;}
  .ume-phone-recipient{font-size:.77rem;}
  .ume-float-badge--left{left:4px;top:16%;}.ume-float-badge--right{right:4px;bottom:16%;}
  .ume-ticket-showcase,.ume-articles{padding-left:16px;padding-right:16px;}
  .ume-ticket-frame{padding:8px;border-radius:22px;}.ume-ticket-frame img{border-radius:16px;}
  .ume-article-grid{grid-template-columns:1fr;}
  .ume-article-card:last-child{grid-column:auto;max-width:none;}
}
@media(max-width:520px){
  .ume-phone-card{width:min(276px,78vw);min-height:510px;}
  .ume-float-badge{display:none;}
  .ume-ticket-showcase{padding-top:38px;}
  .ume-ticket-copy h2{font-size:2.2rem;}
}

/* v0.8 — the header must not be collapsed by the homepage layer. */
.ume-home .site-header{min-height:112px!important;height:112px!important;}
.ume-home .brand-with-logo{width:126px!important;height:106px!important;top:50%!important;}
.ume-home .ume-hero-trust{display:none!important;}

/* The process section intentionally uses the original Ode mne timeline/staircase unchanged. */
.ume-home .landing-steps-section{max-width:1180px;margin:0 auto;padding:78px 28px;}
.ume-home .landing-steps-heading{margin-bottom:26px;text-align:center;}
.ume-home .landing-steps-kicker{color:#c93462;}
@media(max-width:700px){
  .ume-home .site-header{min-height:88px!important;height:88px!important;}
  .ume-home .brand-with-logo{width:98px!important;height:82px!important;}
  .ume-home .landing-steps-section{padding:58px 16px;}
}


/* U&MEET home v0.9 — compact non-sticky header, visible full logo, stronger CTA. */
.ume-home .site-header{
  position:relative!important;
  top:auto!important;
  z-index:85!important;
  height:60px!important;
  min-height:60px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  overflow:visible!important;
  background:#fff8fa!important;
  border-bottom:1px solid rgba(202,73,112,.10)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.ume-home .site-header nav{
  min-height:60px!important;
  height:60px!important;
  position:relative!important;
  z-index:92!important;
}
.ume-home .brand-with-logo,
.ume-home .landing-page .brand-with-logo{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:-8px!important;
  transform:translateX(-50%)!important;
  width:148px!important;
  height:auto!important;
  z-index:100!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
.ume-home .brand-logo-full{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
}

/* The hero starts below the floating logo so it can never hide behind the phone mockup. */
.ume-home .ume-hero{padding-top:108px!important;}

/* Much stronger purchase CTA: the price and discount are deliberately prominent. */
.ume-home .ume-primary-cta{
  width:min(100%,650px)!important;
  min-height:92px!important;
  border-radius:28px!important;
  padding:11px 13px 11px 28px!important;
  gap:20px!important;
  font-size:1.24rem!important;
  box-shadow:0 24px 48px rgba(216,63,111,.29)!important;
}
.ume-home .ume-primary-cta>span:first-child{
  font-size:1.24rem!important;
  line-height:1.08!important;
  font-weight:950!important;
}
.ume-home .ume-cta-price{
  min-height:66px!important;
  gap:10px!important;
  padding:9px 13px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.20)!important;
}
.ume-home .ume-cta-price del{
  display:inline!important;
  opacity:.88!important;
  font-size:1.25rem!important;
  font-weight:950!important;
  text-decoration-thickness:3px!important;
  text-decoration-color:#fff!important;
}
.ume-home .ume-cta-price strong{
  font-size:2rem!important;
  line-height:1!important;
  font-weight:950!important;
}
.ume-home .ume-cta-price em{
  padding:8px 9px!important;
  border-radius:11px!important;
  font-size:.82rem!important;
  box-shadow:0 4px 10px rgba(109,33,68,.12)!important;
}

/* A clean envelope-with-heart illustration, replacing the small emoji. */
.ume-home .ume-envelope-art{
  position:relative!important;
  width:82px!important;
  height:58px!important;
  margin:20px auto 12px!important;
  border:2px solid rgba(216,54,104,.32)!important;
  border-radius:16px!important;
  background:linear-gradient(155deg,#fff7fa 0%,#ffd9e5 100%)!important;
  box-shadow:0 12px 28px rgba(218,58,105,.16)!important;
  filter:none!important;
  overflow:hidden!important;
}
.ume-home .ume-envelope-art::before{
  content:"";
  position:absolute;
  left:9px;
  right:9px;
  top:8px;
  height:38px;
  background:linear-gradient(145deg,#fff 0%,#ffe7ef 100%);
  clip-path:polygon(0 0,50% 48%,100% 0,100% 100%,0 100%);
  border-radius:5px;
  opacity:.95;
}
.ume-home .ume-envelope-art::after{
  content:"";
  position:absolute;
  left:-6px;
  right:-6px;
  bottom:-19px;
  height:49px;
  background:linear-gradient(135deg,rgba(241,95,136,.16),rgba(139,92,246,.10));
  transform:rotate(2deg);
}
.ume-home .ume-envelope-heart{
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-48%)!important;
  display:block!important;
  color:#e83f72!important;
  font-size:2rem!important;
  line-height:1!important;
  text-shadow:0 5px 12px rgba(217,54,104,.23)!important;
}

@media(max-width:820px){
  .ume-home .site-header,
  .ume-home .site-header nav{
    height:56px!important;
    min-height:56px!important;
  }
  .ume-home .brand-with-logo,
  .ume-home .landing-page .brand-with-logo{
    top:-4px!important;
    width:122px!important;
  }
  .ume-home .ume-hero{padding-top:82px!important;}
  .ume-home .ume-primary-cta{
    width:min(100%,610px)!important;
    min-height:82px!important;
    padding:9px 10px 9px 20px!important;
    border-radius:24px!important;
    font-size:1.05rem!important;
  }
  .ume-home .ume-primary-cta>span:first-child{font-size:1.05rem!important;}
  .ume-home .ume-cta-price{min-height:58px!important;padding:8px 10px!important;}
  .ume-home .ume-cta-price del{font-size:1rem!important;}
  .ume-home .ume-cta-price strong{font-size:1.55rem!important;}
  .ume-home .ume-cta-price em{font-size:.7rem!important;padding:6px 7px!important;}
}
@media(max-width:520px){
  .ume-home .brand-with-logo,
  .ume-home .landing-page .brand-with-logo{width:112px!important;top:-2px!important;}
  .ume-home .ume-hero{padding-top:76px!important;}
  .ume-home .ume-primary-cta{
    min-height:78px!important;
    padding-left:16px!important;
    gap:8px!important;
  }
  .ume-home .ume-primary-cta>span:first-child{font-size:.95rem!important;}
  .ume-home .ume-cta-price{gap:6px!important;min-height:54px!important;padding:7px 8px!important;}
  .ume-home .ume-cta-price del{display:inline!important;font-size:.9rem!important;}
  .ume-home .ume-cta-price strong{font-size:1.35rem!important;}
  .ume-home .ume-cta-price em{font-size:.62rem!important;}
}

/* ============================================================
   U&MEET home v1.0 — restore Ode mne logo placement, social proof,
   illustrated benefits and long-form articles.
   ============================================================ */

/* The landing page follows Ode mne's proven pattern: the header itself
   carries only account controls; the large brand logo belongs to the hero. */
.ume-home .site-header{
  position:relative!important;
  top:auto!important;
  height:58px!important;
  min-height:58px!important;
  padding:0 24px!important;
  overflow:visible!important;
  background:#fff8fa!important;
  border-bottom:1px solid rgba(202,73,112,.10)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.ume-home .site-header> .brand-with-logo{display:none!important;}
.ume-home .site-header nav{height:58px!important;min-height:58px!important;margin-left:auto!important;}

.ume-home .ume-hero{
  padding-top:38px!important;
  align-items:start!important;
}
.ume-home .ume-hero-copy{padding-top:0!important;}
.ume-home .ume-hero-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin:0 0 18px;
  text-decoration:none;
}
.ume-home .ume-hero-logo img{
  display:block;
  width:clamp(205px,18vw,260px);
  height:auto;
  object-fit:contain;
}
.ume-home .ume-mobile-hero-logo{display:none;}

/* Larger, human-looking greeting inside the phone mockup. */
.ume-home .ume-phone-recipient{
  display:block!important;
  margin:10px 0 6px!important;
  color:#b34a6d!important;
  font-size:1.18rem!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}

/* Restore the invitation counter that is present on Ode mne. */
.ume-home .ume-social-proof-band{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto 24px;
}
.ume-home .landing-social-proof--band{
  width:100%;
}

/* Benefit cards now use actual illustrations instead of emoji placeholders. */
.ume-home .ume-benefit-card{
  min-height:390px!important;
  padding:0 0 24px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.ume-home .ume-benefit-card::after{display:none!important;}
.ume-home .ume-benefit-art{
  width:100%;
  height:205px;
  margin:0 0 22px;
  padding:0;
  overflow:hidden;
  background:linear-gradient(145deg,#fff,#fff7fa);
  border-bottom:1px solid rgba(202,73,112,.08);
}
.ume-home .ume-benefit-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.ume-home .ume-benefit-card h3,
.ume-home .ume-benefit-card p{
  padding-left:22px;
  padding-right:22px;
}
.ume-home .ume-benefit-card h3{font-size:1.12rem!important;}
.ume-home .ume-benefit-card p{font-size:.9rem!important;line-height:1.55!important;}

/* Two substantial articles rather than three tiny teaser pieces. */
.ume-home .ume-article-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
}
.ume-home .ume-article-card,
.ume-home .ume-article-card:last-child{
  grid-column:auto!important;
  max-width:none!important;
  min-height:285px!important;
}

@media(max-width:900px){
  .ume-home .site-header{height:56px!important;min-height:56px!important;padding:0 16px!important;}
  .ume-home .site-header nav{height:56px!important;min-height:56px!important;}
  .ume-home .ume-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    padding-top:22px!important;
    gap:22px!important;
  }
  .ume-home .ume-mobile-hero-logo{
    order:-3;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    margin:0 auto 4px;
    text-decoration:none;
  }
  .ume-home .ume-mobile-hero-logo img{
    display:block;
    width:178px;
    height:auto;
    object-fit:contain;
  }
  .ume-home .ume-hero-copy{order:0!important;}
  .ume-home .ume-hero-copy .ume-hero-logo{display:none!important;}
  .ume-home .ume-hero-visual{order:-2!important;}
  .ume-home .ume-social-proof-band{width:min(100%,calc(100% - 28px));}
  .ume-home .ume-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .ume-home .ume-benefit-card{min-height:365px!important;}
  .ume-home .ume-benefit-art{height:190px;}
}

@media(max-width:700px){
  .ume-home .ume-hero{padding-top:18px!important;}
  .ume-home .ume-mobile-hero-logo img{width:164px;}
  .ume-home .ume-phone-recipient{font-size:1.1rem!important;}
  .ume-home .ume-social-proof-band{margin-bottom:16px;}
  .ume-home .landing-social-proof--band{padding:20px 18px!important;}
  .ume-home .ume-benefit-grid{grid-template-columns:1fr!important;}
  .ume-home .ume-benefit-card{min-height:0!important;}
  .ume-home .ume-benefit-art{height:auto;aspect-ratio:1.55/1;}
  .ume-home .ume-article-grid{grid-template-columns:1fr!important;}
}

@media(max-width:520px){
  .ume-home .ume-mobile-hero-logo img{width:152px;}
  .ume-home .ume-hero-visual{margin-top:-4px!important;}
}


/* ============================================================
   U&MEET v1.0.1 — emergency hero/logo layout correction
   ============================================================ */

/* One logo only, in the same visual position as the Ode mne landing:
   above the main headline in the left hero column. */
.ume-home .site-header > .brand-with-logo{
    display:none!important;
}
.ume-home .ume-mobile-hero-logo{
    display:none!important;
}
.ume-home .ume-hero-logo{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:auto!important;
    max-width:none!important;
    margin:0 0 22px!important;
    padding:0!important;
    text-decoration:none!important;
}
.ume-home .ume-hero-logo img{
    display:block!important;
    width:190px!important;
    max-width:190px!important;
    height:auto!important;
    object-fit:contain!important;
}

/* The previous 900px breakpoint was too aggressive on desktop browsers
   with Windows/browser scaling. Keep the desktop composition until 600px. */
@media (min-width:601px){
    .ume-home .ume-hero{
        display:grid!important;
        grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr)!important;
        min-height:690px!important;
        padding:88px 54px 68px!important;
        gap:34px!important;
        align-items:center!important;
        text-align:left!important;
    }
    .ume-home .ume-hero-copy{
        order:initial!important;
        padding:0 0 0 8px!important;
        text-align:left!important;
    }
    .ume-home .ume-hero-visual{
        order:initial!important;
        min-height:570px!important;
        margin-top:0!important;
    }
    .ume-home .ume-primary-cta{
        margin-left:0!important;
        margin-right:0!important;
    }
    .ume-home .ume-pay-note{
        justify-content:flex-start!important;
    }
    .ume-home .ume-hero h1,
    .ume-home .ume-hero-lead{
        margin-left:0!important;
        margin-right:0!important;
    }
}

/* Real phones still get the stacked layout, but never a duplicate logo. */
@media (max-width:600px){
    .ume-home .ume-hero{
        display:grid!important;
        grid-template-columns:1fr!important;
        min-height:0!important;
        padding:34px 14px 50px!important;
        gap:22px!important;
        text-align:center!important;
    }
    .ume-home .ume-hero-copy{
        order:0!important;
        padding:0 8px!important;
        text-align:center!important;
    }
    .ume-home .ume-hero-logo{
        justify-content:center!important;
        margin-bottom:16px!important;
    }
    .ume-home .ume-hero-logo img{
        width:154px!important;
        max-width:154px!important;
    }
    .ume-home .ume-hero-visual{
        order:-1!important;
        min-height:445px!important;
        margin-top:0!important;
    }
    .ume-home .ume-primary-cta{
        margin-left:auto!important;
        margin-right:auto!important;
    }
    .ume-home .ume-pay-note{
        justify-content:center!important;
    }
}


/* ============================================================
   U&MEET v1.0.2 — compact hero logo, clean benefit cards,
   centered article grid
   ============================================================ */

/* The full logo stays, but it must behave as a small brand mark,
   never as the dominant hero artwork. */
.ume-home .ume-hero-logo{
    width:132px!important;
    max-width:132px!important;
    margin:0 0 14px!important;
    overflow:visible!important;
}
.ume-home .ume-hero-logo img{
    width:132px!important;
    max-width:132px!important;
    height:132px!important;
    object-fit:contain!important;
}

/* Give the phone its own visual territory. */
@media (min-width:601px){
    .ume-home .ume-hero{
        grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;
        gap:56px!important;
        padding-top:66px!important;
    }
    .ume-home .ume-hero-copy{
        padding-left:18px!important;
        padding-right:10px!important;
    }
    .ume-home .ume-hero-visual{
        transform:translateX(18px)!important;
    }
}

/* Benefits: compact illustration above the copy instead of tall “accordion”
   panels. The original generated art is shown in full, without cropping. */
.ume-home .ume-benefit-grid{
    gap:18px!important;
    align-items:stretch!important;
}
.ume-home .ume-benefit-card{
    min-height:300px!important;
    padding:14px 14px 20px!important;
    border-radius:24px!important;
    display:flex!important;
    flex-direction:column!important;
}
.ume-home .ume-benefit-art{
    height:148px!important;
    margin:0 0 16px!important;
    border:0!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,#fffafd,#fff4f8)!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
}
.ume-home .ume-benefit-art img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
}
.ume-home .ume-benefit-card h3,
.ume-home .ume-benefit-card p{
    padding-left:7px!important;
    padding-right:7px!important;
}
.ume-home .ume-benefit-card h3{
    margin-top:0!important;
    margin-bottom:7px!important;
    font-size:1.02rem!important;
}
.ume-home .ume-benefit-card p{
    font-size:.84rem!important;
    line-height:1.48!important;
}

/* Keep the two article cards visually centered on the page. */
.ume-home .ume-articles{
    text-align:center!important;
}
.ume-home .ume-article-grid{
    width:min(100%,860px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:repeat(2,minmax(0,400px))!important;
    justify-content:center!important;
    gap:22px!important;
}
.ume-home .ume-article-card,
.ume-home .ume-article-card:last-child{
    width:100%!important;
    max-width:400px!important;
    margin:0 auto!important;
    text-align:left!important;
}

/* Mobile: still compact, with no giant logo or giant illustrations. */
@media (max-width:600px){
    .ume-home .ume-hero-logo{
        width:108px!important;
        max-width:108px!important;
        margin:0 auto 12px!important;
    }
    .ume-home .ume-hero-logo img{
        width:108px!important;
        max-width:108px!important;
        height:108px!important;
    }
    .ume-home .ume-benefit-card{
        min-height:0!important;
        padding:12px 12px 18px!important;
    }
    .ume-home .ume-benefit-art{
        height:170px!important;
        aspect-ratio:auto!important;
    }
    .ume-home .ume-article-grid{
        grid-template-columns:1fr!important;
        width:min(100%,440px)!important;
    }
    .ume-home .ume-article-card,
    .ume-home .ume-article-card:last-child{
        max-width:440px!important;
    }
}

/* v1.0.3: critical visual rules are duplicated inline in landing.html to bypass stale static cache. */

/* v1.0.4: hero/logo/CTA final sizing is enforced by #ume-critical-v104 in landing.html. */

/* ============================================================
   U&MEET home v1.0.5 — invitation tutorial video
   Uses the same playback/sound controls as the Ode mne landing.
   ============================================================ */
.ume-home .ume-promo-video-section{
  width:min(1180px,calc(100% - 48px));
  margin:8px auto 0;
  padding:42px 28px 18px;
  text-align:center;
}
.ume-home .ume-promo-video-section h2{
  max-width:760px;
  margin:0 auto 24px;
  color:var(--ume-ink);
  font-size:clamp(1.9rem,3.4vw,3rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.ume-home .ume-promo-video-section .landing-promo-video-wrap{
  width:min(430px,100%);
  margin:0 auto;
}

@media(max-width:820px){
  .ume-home .ume-promo-video-section{
    width:min(100%,calc(100% - 28px));
    padding:30px 0 8px;
  }
  .ume-home .ume-promo-video-section h2{
    max-width:560px;
    margin-bottom:18px;
    font-size:clamp(1.65rem,7vw,2.2rem);
  }
  .ume-home .ume-promo-video-section .landing-promo-video-wrap{
    width:min(88vw,390px);
    margin:0 auto;
  }
}

@media(max-width:520px){
  .ume-home .ume-promo-video-section{padding-top:24px;}
  .ume-home .ume-promo-video-section h2{
    padding:0 8px;
    font-size:1.72rem;
  }
}