/* Ufan youthful milky palette experiment */
:root{
  --base:#fffefd;
  --sub:#f8f7fc;
  --sub2:#f3effb;
  --ink:#27242b;
  --muted:#706b77;
  --rose:#e46c9d;
  --rose-deep:#c94f84;
  --rose-soft:#f8ddea;
  --lav:#cdbdf1;
  --lav-deep:#9c7be7;
  --peach:#fbe7df;
  --line:#ebe6f2;
}

body{background:#f8f7fc;color:var(--ink)}
.page{background:#fffefd}
.content-bg{background:linear-gradient(180deg,#fffefd 0%,#faf8fd 28%,#fffefd 100%)}
.content-bg:before{background:radial-gradient(circle at 8% 4%,rgba(251,231,223,.72),transparent 17%),radial-gradient(circle at 92% 14%,rgba(205,189,241,.38),transparent 16%),radial-gradient(circle at 50% 36%,rgba(248,221,234,.24),transparent 22%)}

.logo-word{color:#2a2730}
.heading>span,.section-label,.phone-note span,.support-list article>span,.case-top>span,.faq-list button b{color:var(--rose-deep)}
.manifest-en{color:#a78ae7}
.heading h2,.manifest h2,.phone-copy,.story-card h2{color:#27242b}
.manifest>p:not(.manifest-en),.support-lead,.story-card p,.faq>p,.cases>p{color:#706b77}

.floating-header{background:rgba(255,254,253,.9);border-bottom:1px solid rgba(235,230,242,.86)}
.floating-header>button,.menu-panel>button{background:linear-gradient(135deg,rgba(248,221,234,.9),rgba(238,233,250,.95));color:#a15bd3}
.menu-panel{background:rgba(255,253,255,.985)}

.fv{background:#eee8f7}
.fv>img{filter:saturate(1.03) contrast(.98) brightness(1.03)}
.fv-shade{background:linear-gradient(180deg,rgba(39,36,43,.02) 0%,rgba(39,36,43,.03) 45%,rgba(39,36,43,.12) 60%,rgba(33,27,38,.62) 100%)}
.fv-kicker{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5)}
.fv-tags span{background:rgba(255,255,255,.94);color:#8b61c8}

.phone-intro,.reason,.record,.steps,.support,.cases,.faq{border-color:#ece7f4;box-shadow:0 16px 40px rgba(105,83,151,.07)}
.phone-note{background:linear-gradient(135deg,#fff7f2 0%,#fff 38%,#f3effd 100%);border-color:#eee7f6}
.reason article{border-color:#ece7f4}
.reason article>span{color:#9a72db}
.reason article button{background:linear-gradient(90deg,#fde7ef,#f0ebfc);color:#9857c9}
.metric{background:#fbfafe;border-color:#ece8f2}.metric i{background:linear-gradient(135deg,#f9ddea,#eee9fb);color:#a15bcf}
.record-badge{background:#eee9fb;border-color:#ded4f4;color:#66557f}

.contact-button{background:linear-gradient(90deg,#e46c9d 0%,#ce6fc2 48%,#9c7be7 100%);box-shadow:0 12px 26px rgba(170,96,191,.22)}
.outline-button{border-color:#caaef0;color:#8f69d5}
.steps article h3{color:#c75287}
.steps-end{color:#9d68d5}

.case-card{background:linear-gradient(145deg,#fff9fb,#f7f3ff);border-color:#ece6f3}
.before-after small:nth-of-type(2){background:#d96b9a}
.case-card h3 em{color:#bb5fc2}
.faq-list button{background:#fbf9fe;border-color:#ebe6f2}
.page>footer{background:linear-gradient(135deg,#e46c9d 0%,#c674c6 55%,#9c7be7 100%)}

@media(min-width:768px){
  body{background:#f8f7fc}
  .desktop-bg{background:radial-gradient(circle at 24% 22%,rgba(251,231,223,.78),transparent 28%),radial-gradient(circle at 72% 34%,rgba(248,221,234,.52),transparent 31%),radial-gradient(circle at 88% 72%,rgba(205,189,241,.48),transparent 30%),#f8f7fc}
  .desktop-bg:before{background:linear-gradient(180deg,#fffefd 0%,#faf8fd 100%)}
  .desktop-bg:after{background:linear-gradient(112deg,transparent 44%,rgba(255,255,255,.6) 61%,transparent 80%)}
  .desktop-aura.aura-one{background:radial-gradient(circle,rgba(248,221,234,.62),rgba(248,221,234,0) 68%)}
  .desktop-aura.aura-two{background:radial-gradient(circle,rgba(205,189,241,.42),rgba(205,189,241,0) 70%)}
  .rail nav a.active{color:#9b57cf}
  .rail nav a.active i{background:linear-gradient(90deg,#e46c9d,#9c7be7)}
  .rail-note{color:#9c92a6}.rail-foot a{color:#a45fcf}
  .story-progress b{color:#a15bcf}
  .story-kicker{background:rgba(255,255,255,.82);border-color:#e8dff4;color:#9b5fd0}
  .story-chips span{background:rgba(255,255,255,.82);border-color:#e8e1f1;color:#6e6477}
  .story-chips span:nth-child(2n){background:#f8e8f0;color:#b95080;border-color:#f0d7e3}
  .story-chips span:nth-child(3n){background:#eee9fb;color:#8467c7;border-color:#dfd4f4}
  .story-cta{border-color:#dac7ef;color:#915dc8;box-shadow:0 10px 28px rgba(137,94,193,.1)}
  .story-trust span:before{background:#ba7adb}
  .page{box-shadow:0 0 42px rgba(91,67,133,.12);border-color:#e9e3f0}
}

@media(max-width:767px){
  .fv{height:570px}
}