/* Retail Experience Framework v18.6.2 — existing homepage, intelligently refined. */
body.home .ref-hp{
    width:min(1320px,calc(100% - 32px));
    max-width:1320px;
    gap:30px;
    margin:clamp(18px,2.4vw,34px) auto 72px;
    padding:0;
}
body.home .ref-hp-hero{
    grid-template-columns:minmax(390px,.88fr) minmax(530px,1.12fr);
    min-height:590px;
    border:1px solid color-mix(in srgb,var(--ref-primary) 12%,#fff);
    border-radius:34px;
    background:
        radial-gradient(circle at 8% 92%,color-mix(in srgb,var(--ref-primary) 13%,transparent),transparent 34%),
        radial-gradient(circle at 94% 10%,color-mix(in srgb,var(--ref-accent) 18%,transparent),transparent 33%),
        linear-gradient(128deg,#fff7fa 0%,#fff 49%,#f7e2e9 100%);
    box-shadow:0 26px 72px color-mix(in srgb,var(--ref-dark,#111) 12%,transparent);
}
body.home .ref-hp-hero::before{
    width:390px;height:390px;left:-150px;bottom:-220px;
    background:color-mix(in srgb,var(--ref-primary) 12%,transparent);
}
body.home .ref-hp-hero-copy{
    padding:clamp(46px,5.6vw,78px) clamp(38px,4.4vw,68px);
}
body.home .ref-hp-hero h1{
    max-width:620px;
    font-size:clamp(52px,5.2vw,82px);
    line-height:.95;
    letter-spacing:-.06em;
}
body.home .ref-hp-hero-copy>p{
    max-width:580px;
    margin-top:24px;
    font-size:clamp(16px,1.32vw,19px);
}
body.home .ref-hp-eyebrow{
    color:var(--ref-primary);
    letter-spacing:.13em;
}
body.home .ref-hp-actions{margin-top:28px}
body.home .ref-hp-button{min-height:50px;padding:13px 23px}
body.home .ref-hp-button-primary{
    background:linear-gradient(135deg,#d91b4b 0%,var(--ref-primary) 58%,#79001e 100%);
}
body.home .ref-hp-microproof{margin-top:23px;gap:13px}
body.home .ref-hp-live-signal{
    display:flex;
    align-items:center;
    gap:9px;
    width:max-content;
    max-width:100%;
    margin-top:18px;
    padding:8px 12px;
    border:1px solid color-mix(in srgb,var(--ref-primary) 12%,transparent);
    border-radius:999px;
    background:rgba(255,255,255,.72);
    color:#6d5864;
    font-size:11px;
    font-weight:700;
}
body.home .ref-hp-live-signal i{
    width:8px;height:8px;border-radius:50%;background:#238b57;
    box-shadow:0 0 0 5px rgba(35,139,87,.10);
}
body.home .ref-hp-hero-visual{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    grid-template-rows:repeat(12,minmax(0,1fr));
    gap:16px;
    min-height:590px;
    padding:30px 30px 30px 0;
}
body.home .ref-hp-hero-visual a{
    position:relative;
    inset:auto;
    display:block;
    min-width:0;
    min-height:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.9);
    border-radius:26px;
    background:rgba(255,255,255,.92);
    box-shadow:0 18px 42px color-mix(in srgb,var(--ref-dark,#111) 12%,transparent);
    transform:none;
    isolation:isolate;
}
body.home .ref-hp-hero-visual a:hover{transform:translateY(-5px)}
body.home .ref-hp-hero-visual a::after{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(180deg,transparent 56%,color-mix(in srgb,var(--ref-dark,#111) 72%,transparent) 100%);
    opacity:.72;
    pointer-events:none;
}
body.home .ref-hp-hero-visual img{
    width:100%;height:100%;object-fit:contain;
    padding:clamp(12px,1.7vw,24px);
    background:linear-gradient(145deg,#fff,var(--ref-light,#f7f7f7));
    transition:transform .45s ease;
}
body.home .ref-hp-hero-visual a:hover img{transform:scale(1.035)}
body.home .ref-hp-visual-1{grid-column:1/8;grid-row:1/7}
body.home .ref-hp-visual-2{grid-column:8/13;grid-row:1/6}
body.home .ref-hp-visual-3{grid-column:1/7;grid-row:7/13}
body.home .ref-hp-visual-4{grid-column:7/13;grid-row:6/13}
body.home .ref-hp-visual-badge{
    position:absolute;z-index:3;top:14px;left:14px;
    padding:7px 10px;border-radius:999px;
    background:rgba(255,255,255,.92);color:var(--ref-primary);
    font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
    box-shadow:0 8px 20px color-mix(in srgb,var(--ref-dark,#111) 8%,transparent);
}
body.home .ref-hp-visual-name{
    position:absolute;z-index:3;right:16px;bottom:14px;left:16px;
    overflow:hidden;color:#fff;font-size:12px;font-weight:800;
    line-height:1.3;text-overflow:ellipsis;white-space:nowrap;
}
body.home .ref-hp-why{
    margin-top:14px;color:color-mix(in srgb,var(--ref-dark,#111) 68%,#fff);font-size:11px;
}
body.home .ref-hp-why summary{cursor:pointer;color:var(--ref-primary);font-weight:800}
body.home .ref-hp-why p{max-width:520px;margin:8px 0 0;line-height:1.5}
body.home .ref-hp-trust{margin-top:-10px;box-shadow:0 12px 30px color-mix(in srgb,var(--ref-dark,#111) 5%,transparent)}

@media(max-width:1050px){
    body.home .ref-hp-hero{grid-template-columns:1fr 1fr;min-height:550px}
    body.home .ref-hp-hero-visual{min-height:550px;padding:24px 24px 24px 0}
    body.home .ref-hp-hero-copy{padding:50px 38px}
}
@media(max-width:849px){
    body.home .ref-hp{width:min(100% - 24px,760px);margin-top:18px}
    body.home .ref-hp-hero{grid-template-columns:1fr;min-height:0}
    body.home .ref-hp-hero-copy{padding:48px 38px 30px;text-align:center;align-items:center}
    body.home .ref-hp-hero h1{max-width:680px;font-size:clamp(47px,9vw,70px)}
    body.home .ref-hp-hero-copy>p{margin-right:auto;margin-left:auto}
    body.home .ref-hp-microproof{justify-content:center}
    body.home .ref-hp-hero-visual{min-height:510px;padding:12px 24px 28px}
}
@media(max-width:549px){
    body.home .ref-hp{width:calc(100% - 20px);gap:22px;margin-top:10px;margin-bottom:50px}
    body.home .ref-hp-hero{border-radius:24px}
    body.home .ref-hp-hero-copy{padding:36px 22px 24px}
    body.home .ref-hp-hero h1{font-size:clamp(43px,13vw,60px);line-height:.96}
    body.home .ref-hp-hero-copy>p{font-size:15px;line-height:1.55}
    body.home .ref-hp-actions{width:100%;flex-direction:column}
    body.home .ref-hp-button{width:100%;max-width:340px}
    body.home .ref-hp-live-signal{width:auto}
    body.home .ref-hp-hero-visual{min-height:430px;gap:10px;padding:8px 14px 18px}
    body.home .ref-hp-hero-visual a{border-radius:18px}
    body.home .ref-hp-visual-badge{top:8px;left:8px;padding:5px 7px;font-size:7px}
    body.home .ref-hp-visual-name{right:9px;bottom:9px;left:9px;font-size:9px}
    body.home .ref-hp-visual-1{grid-column:1/8;grid-row:1/7}
    body.home .ref-hp-visual-2{grid-column:8/13;grid-row:1/6}
    body.home .ref-hp-visual-3{grid-column:1/7;grid-row:7/13}
    body.home .ref-hp-visual-4{grid-column:7/13;grid-row:6/13}
}
@media(prefers-reduced-motion:reduce){
    body.home .ref-hp-hero-visual a,body.home .ref-hp-hero-visual img{transition:none!important}
}