html{scroll-behavior:smooth}
.site-body{overflow-x:hidden;background:#fff;color:var(--ink)}
.signal-bar{min-height:32px;padding:.45rem 1rem;background:var(--rose-pale);color:var(--wine);display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.58rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.signal-bar i{width:4px;height:4px;border-radius:50%;background:var(--rose)}
.site-header{position:relative;z-index:20;background:#fff}
.site-nav{width:min(1240px,calc(100% - 40px));height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.site-logo{display:flex;align-items:center;gap:.65rem}
.site-logo>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--rose-deep);color:#fff;font-family:var(--font-display);font-weight:800}
.site-logo strong{font-family:var(--font-display);font-size:.88rem;letter-spacing:.13em}
.site-nav__links{display:flex;align-items:center;gap:2.2rem;color:var(--ink-soft);font-size:.68rem;font-weight:650}
.site-nav__links a{transition:color var(--fast)}.site-nav__links a:hover{color:var(--wine)}
.nav-login{display:flex;align-items:center;gap:.6rem;padding:.68rem .85rem .68rem 1rem;border-radius:99px;background:var(--ink);color:#fff;font-size:.68rem;font-weight:700;transition:transform var(--fast),background var(--fast)}
.nav-login span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--rose);font-size:.65rem}
.nav-login:hover{transform:translateY(-2px);background:var(--wine)}
.hero-shell{position:relative;width:min(1380px,calc(100% - 32px));min-height:720px;margin:auto;padding:clamp(3.5rem,6vw,6.5rem);border-radius:34px;overflow:hidden;background:#24141d;color:#fff;display:grid;grid-template-columns:minmax(420px,.82fr) minmax(580px,1.18fr);align-items:center;gap:4rem;isolation:isolate}
.hero-noise{position:absolute;inset:0;z-index:-1;opacity:.14;background-image:repeating-linear-gradient(125deg,transparent 0 48px,rgba(255,255,255,.055) 49px 50px)}
.hero-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(4px)}
.hero-glow--one{width:720px;height:720px;right:-210px;top:-260px;background:radial-gradient(circle at 40% 55%,#f07b55 0,#c83f68 28%,#5c293f 54%,transparent 72%)}
.hero-glow--two{width:520px;height:520px;right:18%;bottom:-430px;background:#f6cf63;filter:blur(55px);opacity:.42}
.hero-copy{position:relative;z-index:3}
.hero-kicker{width:max-content;margin-bottom:1.5rem;padding:.4rem .65rem;border:1px solid rgba(255,255,255,.15);border-radius:99px;background:rgba(255,255,255,.06);color:#f6d5c7;font-size:.6rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(12px)}
.hero-kicker span{color:#f6cf63}
.hero-copy h1{font-size:clamp(4.2rem,7.2vw,7.3rem);line-height:.85;letter-spacing:-.085em}
.hero-copy h1 em{color:#f6cf63;font-style:normal}
.hero-copy>p{max-width:510px;margin:1.8rem 0 2rem;color:#d8c6ce;font-size:.88rem;line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:.7rem}
.hero-button{min-height:49px;padding:.75rem 1.1rem;border:1px solid transparent;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;font-size:.7rem;font-weight:750;transition:transform var(--fast),background var(--fast)}
.hero-button:hover{transform:translateY(-2px)}
.hero-button--light{background:#fff;color:var(--ink)}.hero-button--light span{color:var(--rose-deep)}
.hero-button--ghost{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff}
.hero-footnote{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;color:#bcaab2;font-size:.58rem;font-weight:650}.hero-footnote span{display:flex;align-items:center;gap:.35rem}.hero-footnote i{color:#f6cf63;font-style:normal}
.product-constellation{position:relative;z-index:2;min-width:0;height:510px}
.orbit-ring{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.orbit-ring--one{width:530px;height:530px;right:-40px;top:-20px}.orbit-ring--two{width:390px;height:390px;right:30px;top:50px}
.dashboard-card{position:absolute;left:0;top:58px;width:min(590px,91%);overflow:hidden;border:1px solid rgba(255,255,255,.58);border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 35px 80px rgba(0,0,0,.35);transform:rotate(-2deg)}
.dashboard-card>header{height:45px;padding:0 .9rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}
.dash-brand{display:flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-size:.48rem}.dash-brand span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--rose-deep);color:#fff}
.dash-account{display:flex;gap:4px}.dash-account i{width:5px;height:5px;border-radius:50%;background:#ddd3d8}
.dash-body{height:335px;display:grid;grid-template-columns:62px 1fr;background:#fbf8fa}
.dash-body>aside{padding:.9rem .65rem;border-right:1px solid var(--line);background:#fff;display:grid;align-content:start;gap:.65rem}.dash-body>aside b{height:28px;border-radius:8px;background:var(--rose-pale)}.dash-body>aside span{height:6px;border-radius:99px;background:#eae4e7}.dash-body>aside span.active{background:var(--rose)}
.dash-body>section{padding:1rem;min-width:0}.dash-title{display:flex;align-items:flex-start;justify-content:space-between}.dash-title>div{display:grid;gap:.25rem}.dash-title small,.dash-chart small{color:var(--rose-deep);font-size:.32rem;font-weight:800;letter-spacing:.08em}.dash-title strong{font-family:var(--font-display);font-size:.82rem}.dash-title button{border:0;border-radius:7px;padding:.38rem .52rem;background:var(--rose-deep);color:#fff;font-size:.34rem;font-weight:750}
.dash-metrics{margin-top:.8rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.dash-metrics>div{min-height:70px;padding:.58rem;border:1px solid var(--line);border-radius:9px;background:#fff;display:grid}.dash-metrics small{color:var(--ink-soft);font-size:.32rem}.dash-metrics b{font-family:var(--font-display);font-size:.8rem}.dash-metrics em{color:var(--rose-deep);font-size:.28rem;font-style:normal}
.dash-chart{height:160px;margin-top:.45rem;padding:.6rem;border:1px solid var(--line);border-radius:9px;background:#fff}.dash-chart>div:first-child{display:grid}.dash-chart b{font-size:.42rem}.chart-bars{height:104px;padding-top:.65rem;display:flex;align-items:flex-end;gap:7px}.chart-bars i{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,var(--rose),var(--wine))}
.loyalty-pass{position:absolute;z-index:4;right:-12px;top:7px;width:188px;min-height:270px;padding:1.1rem;border-radius:22px;background:linear-gradient(145deg,#ff756d,#ffb648);color:#151515;box-shadow:0 25px 55px rgba(7,14,55,.34);transform:rotate(7deg);display:flex;flex-direction:column}
.loyalty-pass>div{display:flex;align-items:center;justify-content:space-between}.loyalty-pass>div span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#fff;color:var(--wine);font-family:var(--font-display);font-size:.55rem}.loyalty-pass>div small{font-size:.33rem;font-weight:800;letter-spacing:.07em}.loyalty-pass>p{margin-top:2rem;font-size:.44rem}.loyalty-pass>strong{font-family:var(--font-display);font-size:2.2rem}.loyalty-pass>strong small{font-size:.65rem}.loyalty-pass>small{font-size:.34rem}.pass-progress{height:6px!important;margin:.45rem 0;border-radius:99px;background:rgba(255,255,255,.25)}.pass-progress i{display:block;width:70%;height:100%;border-radius:inherit;background:#fff}.loyalty-pass>b{display:grid;place-items:center;width:65px;height:65px;margin:auto auto 0;border:5px solid #fff;border-radius:11px;font-size:.55rem}
.growth-pill,.visit-toast{position:absolute;z-index:5;display:flex;align-items:center;gap:.55rem;border:1px solid rgba(255,255,255,.66);background:rgba(255,255,255,.88);color:var(--ink);box-shadow:0 15px 40px rgba(26,6,17,.2);backdrop-filter:blur(14px)}
.growth-pill{left:-35px;top:15px;padding:.65rem .85rem;border-radius:13px}.growth-pill>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--rose-pale);color:var(--wine);font-weight:800}.growth-pill>div{display:grid}.growth-pill small{color:var(--ink-soft);font-size:.3rem;font-weight:800;letter-spacing:.08em}.growth-pill strong{font-family:var(--font-display);font-size:.68rem}
.visit-toast{right:22px;bottom:28px;padding:.7rem .9rem;border-radius:14px}.visit-toast>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--wine);color:#fff}.visit-toast>div{display:grid}.visit-toast strong{font-size:.55rem}.visit-toast small{color:var(--ink-soft);font-size:.38rem}
.spark{position:absolute;z-index:6;color:#fff2a6;text-shadow:0 0 20px #ffe16b}.spark--one{left:18px;bottom:26px;font-size:1.8rem}.spark--two{right:205px;top:4px;font-size:1rem}
.hero-stamp{position:absolute;right:2.1rem;bottom:1.9rem;width:90px;height:90px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-10deg);color:#fff}.hero-stamp span{font-size:.28rem;letter-spacing:.12em}.hero-stamp strong{font-family:var(--font-display);font-size:.52rem;color:#ffe16b}
.impact-strip{width:min(1240px,calc(100% - 40px));padding:3.7rem 0 4.5rem;margin:auto;display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;border-bottom:1px solid var(--line)}
.impact-strip>div{display:grid;grid-template-columns:28px 1fr;gap:.7rem;padding-right:1.3rem;border-right:1px solid var(--line)}.impact-strip>div+div{padding-left:1.3rem}.impact-strip strong{color:var(--rose);font-family:var(--font-display);font-size:.55rem}.impact-strip span{font-size:.68rem;font-weight:650;line-height:1.5}.impact-strip>p{padding-left:2rem;font-size:.78rem;line-height:1.5}.impact-strip>p b{font-family:var(--font-display);font-size:1rem}
@media(max-width:1100px){.hero-shell{grid-template-columns:1fr;padding-top:5rem}.hero-copy{text-align:center}.hero-kicker,.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-footnote{justify-content:center}.product-constellation{width:min(700px,100%);margin:auto}.impact-strip{grid-template-columns:repeat(3,1fr)}.impact-strip>p{grid-column:1/-1;margin-top:2rem;padding:2rem 0 0;border-top:1px solid var(--line);text-align:center}}
@media(max-width:720px){.signal-bar span:nth-of-type(n+2),.signal-bar i:nth-of-type(n+1){display:none}.site-nav{width:calc(100% - 28px);height:74px}.site-nav__links{display:none}.nav-login{padding:.55rem .6rem .55rem .8rem}.hero-shell{width:calc(100% - 16px);min-height:auto;padding:3.8rem 1.15rem 2rem;border-radius:24px;gap:2rem}.hero-copy h1{font-size:clamp(3.7rem,19vw,5.3rem)}.hero-actions{align-items:stretch;flex-direction:column}.hero-button{width:100%}.product-constellation{height:405px}.dashboard-card{left:0;top:45px;width:94%;transform:rotate(-1deg)}.dashboard-card>header{height:38px}.dash-body{height:280px;grid-template-columns:45px 1fr}.dash-body>section{padding:.7rem}.dash-body>aside{padding:.7rem .45rem}.dash-metrics>div:nth-child(3){display:none}.dash-metrics{grid-template-columns:repeat(2,1fr)}.dash-chart{height:130px}.chart-bars{height:82px}.loyalty-pass{right:-2px;width:133px;min-height:200px;padding:.75rem}.loyalty-pass>p{margin-top:1rem}.loyalty-pass>strong{font-size:1.45rem}.loyalty-pass>b{width:45px;height:45px;border-width:4px}.growth-pill{left:-4px;top:8px}.visit-toast{right:3px;bottom:10px}.hero-stamp,.spark{display:none}.impact-strip{grid-template-columns:1fr;padding:2.5rem 0}.impact-strip>div,.impact-strip>div+div{padding:1.1rem 0;border-right:0;border-bottom:1px solid var(--line)}.impact-strip>p{grid-column:auto;margin:0;padding:1.6rem 0 0;border:0;text-align:left}}

.section-tag{color:var(--rose-deep);font-size:.61rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.section-head{width:min(1240px,calc(100% - 40px));margin:0 auto 3.2rem;display:grid;grid-template-columns:1fr minmax(280px,.45fr);align-items:end;gap:4rem}.section-head h2{margin-top:.75rem;font-size:clamp(2.6rem,5.2vw,5rem);line-height:.98;letter-spacing:-.07em}.section-head h2 em,.editorial-intro h2 em,.friction-copy h2 em,.final-cta h2 em{color:var(--rose);font-style:normal}.section-head>p{color:var(--ink-soft);font-size:.78rem;line-height:1.75}
.editorial-intro{width:min(1120px,calc(100% - 40px));padding:9rem 0 10rem;margin:auto}.editorial-intro h2{max-width:1020px;margin-top:1rem;font-size:clamp(3.1rem,7.2vw,7.2rem);line-height:.94;letter-spacing:-.08em}.editorial-intro__foot{margin-top:3rem;display:grid;grid-template-columns:minmax(280px,.55fr) 1fr;align-items:end;gap:5rem}.editorial-intro__foot>p{color:var(--ink-soft);font-size:.82rem;line-height:1.8}.editorial-intro__foot>div{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.55rem}.editorial-intro__foot span{padding:.65rem .9rem;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:.62rem;font-weight:700}
.product-section{padding:8rem 0;background:#fbf8fa;border-block:1px solid var(--line)}
.product-bento{width:min(1240px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}.bento-card{position:relative;overflow:hidden;min-height:360px;padding:2rem;border:1px solid var(--line);border-radius:24px;background:#fff}.bento-number{color:var(--rose-deep);font-size:.52rem;font-weight:800;letter-spacing:.11em}.bento-card h3{margin:.9rem 0 .7rem;font-size:clamp(1.7rem,3vw,2.7rem);letter-spacing:-.055em}.bento-card p{max-width:470px;color:var(--ink-soft);font-size:.7rem;line-height:1.7}
.bento-card--overview{grid-column:1/-1;min-height:540px;padding:clamp(2rem,5vw,4.5rem);display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:5rem}.bento-copy h3{font-size:clamp(2.8rem,5.2vw,5rem)}.overview-ui{position:relative;min-height:360px;padding:1.5rem;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 28px 70px rgba(79,28,53,.11);transform:rotate(1.5deg)}.overview-ui>header{display:flex;justify-content:space-between}.overview-ui>header span{font-family:var(--font-display);font-size:.75rem}.overview-ui>header small{color:var(--ink-soft);font-size:.5rem}.overview-metrics{margin-top:1.2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.overview-metrics>div{padding:1rem;border-radius:13px;background:#fbf8fa;display:grid}.overview-metrics small{color:var(--ink-soft);font-size:.4rem}.overview-metrics strong{font-family:var(--font-display);font-size:1.5rem}.overview-metrics em{color:var(--rose-deep);font-size:.45rem;font-style:normal}.overview-chart{position:relative;height:180px;margin-top:.7rem;border-radius:13px;background:linear-gradient(180deg,#fff6fa,#fff);overflow:hidden}.overview-chart::before,.overview-chart::after{content:"";position:absolute;inset:33% 0 auto;border-top:1px solid #f1e8ec}.overview-chart::after{top:66%}.line-path{position:absolute;width:110%;height:105px;left:-5%;bottom:18px;border-top:4px solid var(--rose);border-radius:50% 48% 0 0;transform:rotate(-7deg)}.overview-chart>i{position:absolute;width:10px;height:10px;border:3px solid #fff;border-radius:50%;background:var(--wine);box-shadow:0 0 0 2px var(--rose)}
.bento-card--loyalty{background:var(--rose-pale)}.progress-orbit{position:relative;width:185px;height:185px;margin:2rem auto 1rem;border:18px solid #d9d5ff;border-right-color:var(--rose);border-bottom-color:var(--wine);border-radius:50%;display:grid;place-items:center;transform:rotate(-12deg)}.progress-orbit::after{content:"";position:absolute;inset:18px;border:1px solid rgba(71,83,255,.15);border-radius:50%}.progress-orbit span{font-family:var(--font-display);font-size:3rem;transform:rotate(12deg)}.progress-orbit small{font-size:.9rem}.progress-orbit i{position:absolute;right:-14px;top:22px;width:18px;height:18px;border:5px solid #fff;border-radius:50%;background:var(--wine)}
.bento-card--operation{background:#0b1032;color:#fff}.bento-card--operation .bento-number{color:#c8ccff}.bento-card--operation p{color:#b8bddd}.scan-visual{position:absolute;right:-35px;bottom:-30px;width:240px;height:240px;display:grid;place-items:center}.scan-visual>span,.scan-visual>i{position:absolute;border-radius:40px;transform:rotate(9deg)}.scan-visual>span{inset:0;border:1px solid rgba(255,255,255,.18)}.scan-visual>i{inset:45px;border:3px solid #ffe16b}.scan-visual>b{font-family:var(--font-display);font-size:.8rem}
.bento-card--reward{grid-column:1/-1;min-height:380px;padding:clamp(2rem,5vw,4.5rem);display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:5rem}.bento-card--reward>div:first-child h3{font-size:clamp(2.5rem,4.5vw,4.5rem)}.reward-ticket{position:relative;min-height:220px;padding:2rem;border-radius:22px;background:linear-gradient(135deg,var(--rose),var(--wine));color:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:0 25px 60px rgba(71,83,255,.22);transform:rotate(-2deg)}.reward-ticket::before,.reward-ticket::after{content:"";position:absolute;width:42px;height:42px;top:50%;border-radius:50%;background:#fff;transform:translateY(-50%)}.reward-ticket::before{left:-21px}.reward-ticket::after{right:-21px}.reward-ticket>span{font-size:.5rem;font-weight:800;letter-spacing:.12em}.reward-ticket>strong{margin:.6rem 0;font-family:var(--font-display);font-size:2.2rem}.reward-ticket>small{color:#fff0a8;font-size:.55rem}
.how-section{padding:10rem 0}.how-steps{width:min(1240px,calc(100% - 40px));margin:auto;border-top:1px solid var(--ink)}.how-steps article{min-height:240px;padding:2.2rem 0;display:grid;grid-template-columns:120px 1fr;border-bottom:1px solid var(--line);transition:padding var(--normal),background var(--normal)}.how-steps article:hover{padding-left:1.3rem;background:#fff8fb}.how-steps article>strong{color:var(--rose);font-family:var(--font-display);font-size:1rem}.how-steps article>div{display:grid;grid-template-columns:150px 1fr minmax(260px,.65fr);align-items:start;gap:2rem}.how-steps span{color:var(--ink-soft);font-size:.6rem;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.how-steps h3{font-size:clamp(1.7rem,3vw,2.7rem)}.how-steps p{color:var(--ink-soft);font-size:.7rem;line-height:1.7}
.friction-section{width:min(1320px,calc(100% - 24px));min-height:710px;margin:0 auto 8rem;padding:clamp(2rem,7vw,7rem);border-radius:32px;background:var(--rose-pale);display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:6rem;overflow:hidden}.friction-copy h2{margin:1rem 0 1.4rem;font-size:clamp(2.8rem,5.3vw,5.3rem);line-height:.98;letter-spacing:-.07em}.friction-copy>p:not(.section-tag){max-width:580px;color:var(--ink-soft);font-size:.78rem;line-height:1.8}.friction-copy ul{margin-top:2rem;display:grid;gap:.8rem}.friction-copy li{display:flex;align-items:center;gap:.7rem;font-size:.68rem;font-weight:650}.friction-copy li span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:var(--wine);color:#fff;font-size:.55rem}
.message-scene{position:relative;min-height:510px;display:grid;place-items:center}.message-scene::before{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(120,31,73,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.18)}.message-phone{position:relative;z-index:2;width:310px;min-height:500px;padding:1rem;border:8px solid var(--ink);border-radius:38px;background:#f5f3f4;box-shadow:0 28px 70px rgba(82,29,53,.17);transform:rotate(3deg)}.message-phone>header{display:grid;grid-template-columns:28px 1fr 8px;align-items:center;gap:.5rem;padding:.4rem}.message-phone>header>span{font-size:1.2rem}.message-phone>header div{display:grid}.message-phone>header b{font-size:.58rem}.message-phone>header small{color:var(--rose-deep);font-size:.4rem}.message-phone>header i{width:7px;height:7px;border-radius:50%;background:var(--rose)}.message-bubble{max-width:230px;margin:3.4rem 0 .8rem auto;padding:.7rem;border-radius:13px 13px 3px 13px;background:#fff;color:var(--ink);box-shadow:var(--shadow-xs)}.message-bubble p{font-size:.55rem;line-height:1.5}.message-bubble small{display:block;margin-top:.3rem;color:var(--ink-faint);font-size:.35rem;text-align:right}.mini-pass{min-height:235px;padding:1.2rem;border-radius:20px;background:linear-gradient(145deg,var(--rose),var(--wine));color:#fff;display:flex;flex-direction:column}.mini-pass>div:first-child{display:flex;align-items:center;justify-content:space-between}.mini-pass>div:first-child span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#fff;color:var(--wine);font-family:var(--font-display);font-size:.55rem}.mini-pass>div:first-child small{font-size:.34rem;font-weight:800}.mini-pass>strong{margin-top:auto;font-family:var(--font-display);font-size:2.3rem}.mini-pass>div:nth-of-type(2){height:6px;margin:.45rem 0;border-radius:99px;background:rgba(255,255,255,.25)}.mini-pass>div:nth-of-type(2) i{display:block;width:70%;height:100%;border-radius:inherit;background:#fff}.mini-pass>small{font-size:.42rem}.message-label{position:absolute;z-index:3;right:-5px;bottom:55px;padding:.7rem .85rem;border:1px solid #fff;border-radius:13px;background:rgba(255,255,255,.88);box-shadow:0 15px 40px rgba(80,32,52,.12);display:flex;align-items:center;gap:.55rem;backdrop-filter:blur(14px)}.message-label>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--wine);color:#fff}.message-label>div{display:grid}.message-label b{font-size:.55rem}.message-label small{color:var(--ink-soft);font-size:.4rem}
.benefits-section{padding:7rem 0 10rem}.section-head--wide{grid-template-columns:1fr}.benefit-grid{width:min(1240px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden}.benefit-grid article{min-height:330px;padding:1.7rem;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column}.benefit-grid article:last-child{border:0}.benefit-grid article>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--rose-pale);color:var(--wine);font-size:1rem}.benefit-grid strong{margin:auto 0 1.2rem;font-family:var(--font-display);font-size:clamp(2.7rem,4vw,4.3rem);letter-spacing:-.07em}.benefit-grid h3{font-size:.9rem}.benefit-grid p{margin-top:.5rem;color:var(--ink-soft);font-size:.65rem;line-height:1.65}
.final-cta{position:relative;width:min(1320px,calc(100% - 24px));min-height:610px;margin:7rem auto 0;padding:clamp(3rem,8vw,8rem);border-radius:32px 32px 0 0;background:#0b1032;color:#fff;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.cta-orb{position:absolute;width:680px;height:680px;right:-170px;top:-190px;border-radius:50%;background:radial-gradient(circle at 35% 55%,#ffe16b,#5663ff 38%,#21285f 63%,transparent 64%)}.final-cta>*:not(.cta-orb){position:relative;z-index:2}.final-cta .section-tag{color:#c8ccff}.final-cta h2{margin:.8rem 0 1.2rem;font-size:clamp(3.5rem,7.6vw,7.5rem);line-height:.88;letter-spacing:-.08em}.final-cta>p:not(.section-tag){max-width:500px;color:#b9bedf;font-size:.78rem;line-height:1.7}.final-cta>a{margin-top:2rem;padding:.85rem 1.1rem;border-radius:11px;background:#fff;color:var(--ink);font-size:.7rem;font-weight:750;display:flex;align-items:center;gap:1.5rem;transition:transform var(--fast)}.final-cta>a:hover{transform:translateY(-2px)}.final-cta>a span{color:var(--rose-deep)}
.site-footer{min-height:150px;padding:2rem max(30px,calc((100% - 1160px)/2));background:#0b1032;color:#fff;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:2rem}.site-footer .site-logo>span{background:var(--rose)}.site-footer p{text-align:center;color:#969cbe;font-size:.58rem}.site-footer>div{display:flex;justify-content:flex-end;gap:1.2rem;color:#b9bedf;font-size:.58rem}
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.js .reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none}}
@media(max-width:1000px){.section-head{grid-template-columns:1fr;gap:1.2rem}.editorial-intro__foot{grid-template-columns:1fr;gap:2rem}.editorial-intro__foot>div{justify-content:flex-start}.bento-card--overview,.bento-card--reward{grid-template-columns:1fr;gap:2.5rem}.friction-section{grid-template-columns:1fr}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid article:nth-child(2){border-right:0}.benefit-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.site-footer{grid-template-columns:1fr;text-align:center}.site-footer .site-logo,.site-footer>div{justify-content:center}.how-steps article>div{grid-template-columns:120px 1fr}.how-steps article p{grid-column:2}}
@media(max-width:720px){.editorial-intro,.product-section,.how-section,.benefits-section{padding-top:6rem;padding-bottom:6rem}.editorial-intro h2{font-size:clamp(3rem,15vw,4.8rem)}.product-bento{grid-template-columns:1fr}.bento-card--overview,.bento-card--reward{grid-column:auto;padding:1.5rem}.bento-card--overview{min-height:650px}.overview-ui{min-height:320px}.bento-card--reward{min-height:500px}.reward-ticket>strong{font-size:1.6rem}.how-steps article{grid-template-columns:48px 1fr;min-height:auto}.how-steps article>div{grid-template-columns:1fr;gap:.6rem}.how-steps article p{grid-column:auto}.friction-section{width:calc(100% - 16px);padding:4rem 1.2rem;border-radius:24px;gap:2rem}.message-scene{min-height:480px}.message-phone{width:275px}.message-label{right:-8px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{min-height:270px;border-right:0!important;border-bottom:1px solid var(--line)!important}.benefit-grid article:last-child{border-bottom:0!important}.final-cta{width:calc(100% - 16px);min-height:560px;padding:3rem 1.4rem}.cta-orb{width:500px;height:500px;right:-310px}.site-footer>div{flex-wrap:wrap}}

.message-scene::before{border-color:rgba(71,83,255,.15)}
.message-phone{box-shadow:0 28px 70px rgba(25,35,102,.17)}
.message-label{box-shadow:0 15px 40px rgba(71,83,255,.12)}

/* Refinamiento de jerarquía */
.site-header{position:sticky;top:0;border-bottom:1px solid rgba(231,232,239,.8);background:rgba(255,255,255,.88);backdrop-filter:blur(18px)}
.site-nav{height:80px}
.hero-shell{min-height:690px;grid-template-columns:minmax(400px,.9fr) minmax(560px,1.1fr);box-shadow:0 28px 80px rgba(11,16,50,.16)}
.hero-noise{opacity:.08}
.hero-copy h1{font-weight:800}
.hero-copy>p{max-width:475px;font-size:.92rem}
.orbit-ring--two,.visit-toast,.hero-stamp,.spark{display:none}
.dashboard-card{left:18px;top:62px;width:min(610px,94%);transform:rotate(-1deg)}
.loyalty-pass{right:2px;top:18px;transform:rotate(5deg)}
.growth-pill{left:-15px;top:22px}
.impact-strip{padding-top:3.2rem;padding-bottom:3.8rem}
@media(max-width:720px){.site-header{top:0}.site-nav{height:70px}.hero-shell{min-height:auto}.dashboard-card{left:0;top:45px}.loyalty-pass{right:-2px;top:8px}.growth-pill{left:-4px;top:8px}}

.editorial-intro{padding-top:7.5rem;padding-bottom:8rem}
.product-section,.how-section{padding-top:8rem;padding-bottom:8rem}
.overview-ui>header{gap:1rem}.overview-ui>header>div:first-child{display:grid;gap:.25rem}
.overview-tabs{display:flex;gap:4px;padding:4px;border-radius:10px;background:#f2f3f8}
.overview-tabs button{padding:.42rem .55rem;border:0;border-radius:7px;background:transparent;color:var(--ink-soft);font-size:.42rem;font-weight:750;cursor:pointer;transition:background var(--fast),color var(--fast),box-shadow var(--fast)}
.overview-tabs button[aria-pressed="true"]{background:#fff;color:var(--wine);box-shadow:0 2px 8px rgba(25,35,102,.09)}
.overview-metrics strong,.overview-metrics em{transition:color var(--normal),transform var(--normal)}
.bento-card{transition:transform var(--normal) var(--ease),box-shadow var(--normal) var(--ease)}
.bento-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(25,35,102,.08)}
.benefit-grid article{transition:background var(--normal),transform var(--normal)}
.benefit-grid article:hover{background:#f8f8ff}
@media(max-width:720px){.overview-ui>header{align-items:flex-start;flex-direction:column}.overview-tabs{width:100%;overflow:auto}.overview-tabs button{flex:1;white-space:nowrap}.editorial-intro,.product-section,.how-section{padding-top:5rem;padding-bottom:5rem}}

/* Sunset Atelier: una alternativa cálida, expresiva y luminosa */
.spark,.hero-stamp strong{color:#f8d978;text-shadow:0 0 20px rgba(246,207,99,.55)}
.progress-orbit{border-color:#f3cdbd;border-right-color:var(--rose);border-bottom-color:var(--wine)}
.progress-orbit::after{border-color:rgba(237,99,63,.17)}
.bento-card--operation,.final-cta,.site-footer{background:#24141d}
.bento-card--operation .bento-number,.final-cta .section-tag{color:#f4c8b5}
.bento-card--operation p,.final-cta>p:not(.section-tag),.site-footer>div{color:#d0bdc6}
.scan-visual>i{border-color:#f6cf63}
.reward-ticket{box-shadow:0 25px 60px rgba(61,27,50,.22)}
.cta-orb{background:radial-gradient(circle at 35% 55%,#f6cf63,#d63e69 38%,#5c293f 63%,transparent 64%)}
.site-footer p{color:#aa969f}
.message-scene::before{border-color:rgba(237,99,63,.16)}
.message-phone{box-shadow:0 28px 70px rgba(61,27,50,.18)}
.message-label{box-shadow:0 15px 40px rgba(237,99,63,.13)}
.overview-tabs button[aria-pressed="true"]{box-shadow:0 2px 8px rgba(61,27,50,.09)}
.bento-card:hover{box-shadow:0 22px 50px rgba(61,27,50,.09)}
.benefit-grid article:hover{background:#fff8f3}

/* Arctic Indigo: blanco dominante, negro nítido y acentos azul/morado */
.signal-bar{background:#f3f1ff;color:#11111a}
.signal-bar i{background:#7c3aed}
.site-logo>span{background:#3155f5}
.site-nav__links a:hover{color:#3155f5}
.nav-login{background:#0b0b12}.nav-login span{background:#7c3aed}.nav-login:hover{background:#3155f5}
.hero-shell{border:1px solid #e7e8f1;background:linear-gradient(135deg,#fff 0%,#fbfbff 58%,#eef1ff 100%);color:#0b0b12;box-shadow:0 28px 80px rgba(17,17,26,.1)}
.hero-noise{opacity:.22;background-image:repeating-linear-gradient(125deg,transparent 0 48px,rgba(49,85,245,.035) 49px 50px)}
.hero-glow--one{background:radial-gradient(circle at 40% 55%,#dbe4ff 0,#dfd2ff 32%,rgba(124,58,237,.12) 52%,transparent 72%)}
.hero-glow--two{background:#3155f5;opacity:.13}
.hero-kicker{border-color:#dddff0;background:rgba(255,255,255,.8);color:#303042}.hero-kicker span{color:#3155f5}
.hero-copy h1 em{color:#3155f5;background:linear-gradient(90deg,#3155f5,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy>p{color:#626274}
.hero-button--light{background:#0b0b12;color:#fff}.hero-button--light span{color:#aebcff}
.hero-button--ghost{border-color:#d8d8e2;background:#fff;color:#0b0b12}
.hero-footnote{color:#626274}.hero-footnote i{color:#7c3aed}
.orbit-ring{border-color:rgba(49,85,245,.15)}
.dashboard-card{border-color:#fff;box-shadow:0 35px 80px rgba(17,17,26,.16)}
.loyalty-pass{background:linear-gradient(145deg,#3155f5,#7c3aed);color:#fff;box-shadow:0 25px 55px rgba(49,85,245,.25)}
.loyalty-pass>div span{color:#3155f5}
.growth-pill,.visit-toast{box-shadow:0 15px 40px rgba(17,17,26,.12)}
.progress-orbit{border-color:#dfe4ff;border-right-color:#7c3aed;border-bottom-color:#3155f5}
.progress-orbit::after{border-color:rgba(49,85,245,.18)}
.bento-card--operation,.final-cta,.site-footer{background:#0b0b12}
.bento-card--operation .bento-number,.final-cta .section-tag{color:#bfc9ff}
.bento-card--operation p,.final-cta>p:not(.section-tag),.site-footer>div{color:#b7b7c8}
.scan-visual>i{border-color:#8ea4ff}
.reward-ticket,.mini-pass{background:linear-gradient(135deg,#3155f5,#7c3aed)}
.reward-ticket{box-shadow:0 25px 60px rgba(49,85,245,.22)}
.reward-ticket>small{color:#e9e4ff}
.cta-orb{background:radial-gradient(circle at 35% 55%,#d8deff,#3155f5 38%,#402182 63%,transparent 64%)}
.site-footer p{color:#8f8fa2}
.message-scene::before{border-color:rgba(49,85,245,.15)}
.message-phone{background:#f6f6fb;box-shadow:0 28px 70px rgba(17,17,26,.16)}
.message-label{box-shadow:0 15px 40px rgba(49,85,245,.12)}
.overview-tabs button[aria-pressed="true"]{color:#3155f5;box-shadow:0 2px 8px rgba(17,17,26,.08)}
.bento-card:hover{box-shadow:0 22px 50px rgba(17,17,26,.08)}
.benefit-grid article:hover{background:#f7f7ff}

/* NOTIA v15 — copy-first refinements */
.loyalty-pass>div span,.mini-pass>div span{font-size:.46rem;letter-spacing:-.02em}
.growth-pill strong{font-size:.72rem;white-space:nowrap}
@media(max-width:720px){.growth-pill strong{font-size:.56rem}}