:root{
  --ut-blue:#7c3aed;   --ut-blue-d:#6d28d9;   /* primary = purple */
  --ut-violet:#9333ea; --ut-fuchsia:#c026d3;
  --ut-pink:#db2777;   --ut-rose:#e11d48;
  --ut-plum:#4c1d95;   --ut-teal:#0e7490;     --ut-emerald:#047857;
  --ut-amber:#d97706;
  --ut-ink:#0f172a;    --ut-muted:#5b667a;
  --ut-soft:#f7f5fc;   --ut-line:#ece7f5;
  --ut-radius:18px;
}
*{scroll-margin-top:90px;}
html{scroll-behavior:smooth;}
body{
  font-family:"PingFang SC","Microsoft YaHei","Segoe UI",system-ui,-apple-system,sans-serif;
  color:var(--ut-ink);background:#fff;overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{letter-spacing:.2px;}
p{line-height:1.75;}
.py-6{padding-top:5.5rem;padding-bottom:5.5rem;}
.py-7{padding-top:7rem;padding-bottom:7rem;}
.bg-soft{background:var(--ut-soft);}
a{color:var(--ut-blue);text-decoration:none;}
.text-primary{color:var(--ut-blue)!important;}

/* buttons */
.btn-brand{background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;border:0;font-weight:600;box-shadow:0 10px 24px -10px rgba(124,58,237,.7);}
.btn-brand:hover{color:#fff;filter:brightness(1.08);transform:translateY(-1px);}
.btn-ghost{border:1.5px solid rgba(255,255,255,.7);color:#fff;font-weight:600;background:transparent;}
.btn-ghost:hover{background:#fff;color:var(--ut-ink);}
.btn-outline-brand{border:1.5px solid var(--ut-blue);color:var(--ut-blue);font-weight:600;}
.btn-outline-brand:hover{background:var(--ut-blue);color:#fff;}

/* helpers */
.ut-eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--ut-blue);}
.grad-text{background:linear-gradient(95deg,#7c3aed,#c026d3 52%,#db2777);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.section-head{max-width:760px;margin:0 auto 3rem;text-align:center;}
.section-head h2{font-weight:800;margin-top:.6rem;position:relative;}
.section-head h2::after{content:"";display:block;width:56px;height:3px;border-radius:3px;margin:.9rem auto 0;background:linear-gradient(90deg,#7c3aed,#db2777);}
.section-head p{color:var(--ut-muted);margin-top:1rem;}

/* logo */
.ut-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;font-weight:800;font-size:1.15rem;box-shadow:0 6px 14px -6px rgba(124,58,237,.8);}
.ut-logo-text{font-weight:800;font-size:1.3rem;color:var(--ut-ink);}
.ut-logo-dot{background:linear-gradient(90deg,#7c3aed,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

/* navbar */
.ut-nav{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.3s;}
.ut-nav.scrolled{border-bottom-color:var(--ut-line);box-shadow:0 8px 30px -20px rgba(76,29,149,.35);background:rgba(255,255,255,.96);}
.ut-nav .nav-link{color:#334155;font-weight:500;padding:.4rem .85rem!important;border-radius:9px;transition:.2s;}
.ut-nav .nav-link:hover{color:var(--ut-blue);background:#f5edff;}
.ut-nav .nav-link.active{color:var(--ut-blue);font-weight:700;}

/* ============ page hero (inner pages) ============ */
.page-hero{position:relative;padding:9rem 0 5.5rem;color:#fff;overflow:hidden;background-size:200% 200%;animation:heroPan 18s ease-in-out infinite;}
.page-hero .container{position:relative;z-index:4;}
.page-hero h1{font-weight:800;font-size:2.7rem;text-shadow:0 2px 20px rgba(0,0,0,.18);}
.page-hero p{color:rgba(255,255,255,.92);max-width:640px;font-size:1.12rem;}
.page-hero::after{content:"";position:absolute;inset:0;z-index:1;background:
  radial-gradient(circle at 12% 18%,rgba(255,255,255,.16),transparent 42%),
  radial-gradient(circle at 88% 4%,rgba(255,255,255,.12),transparent 40%);}
@keyframes heroPan{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

.hero-blue{background-image:linear-gradient(125deg,#2e1065,#6d28d9 46%,#7c3aed);}
.hero-purple{background-image:linear-gradient(125deg,#3b0764,#7c3aed 46%,#c026d3);}
.hero-cyan{background-image:linear-gradient(125deg,#4a044e,#86198f 46%,#c026d3);}
.hero-green{background-image:linear-gradient(125deg,#3b0764,#9333ea 46%,#db2777);}
.hero-rose{background-image:linear-gradient(125deg,#500724,#be185d 46%,#e11d48);}
.hero-amber{background-image:linear-gradient(125deg,#4c1d95,#7c3aed 46%,#db2777);}
.hero-teal{background-image:linear-gradient(125deg,#0a2540,#0e7490 48%,#0891b2);}

/* animated ripple rings */
.hero-rings{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;}
.hero-rings span{position:absolute;top:34%;left:82%;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);transform:translate(-50%,-50%) scale(0);animation:ripple 7s ease-out infinite;}
.hero-rings span:nth-child(2){animation-delay:2.3s;}
.hero-rings span:nth-child(3){animation-delay:4.6s;top:70%;left:14%;}
@keyframes ripple{0%{transform:translate(-50%,-50%) scale(.2);opacity:.55}80%{opacity:.06}100%{transform:translate(-50%,-50%) scale(15);opacity:0}}

/* drifting orbs */
.hero-orb{position:absolute;border-radius:50%;filter:blur(46px);opacity:.35;z-index:1;pointer-events:none;}
.hero-orb.o1{width:260px;height:260px;background:#ffffff;top:-70px;right:6%;animation:drift 12s ease-in-out infinite;}
.hero-orb.o2{width:200px;height:200px;background:rgba(255,255,255,.7);bottom:-60px;left:4%;animation:drift 15s ease-in-out infinite reverse;}
@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,22px)}}

/* animated wave */
.hero-wave{position:absolute;left:0;right:0;bottom:-1px;height:66px;z-index:3;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 66' preserveAspectRatio='none'%3E%3Cpath d='M0,34C150,66,340,4,600,32C860,60,1050,6,1200,32L1200,66L0,66Z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-repeat:repeat-x;background-size:1200px 66px;animation:waveFlow 20s linear infinite;}
@keyframes waveFlow{from{background-position-x:0}to{background-position-x:-1200px}}

.ut-crumb{color:rgba(255,255,255,.78);font-size:.85rem;margin-bottom:.9rem;}
.ut-crumb a{color:#fff;opacity:.9;}
.ut-crumb a:hover{opacity:1;}
.page-hero .badge-pill{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);color:#fff;padding:.45rem .9rem;border-radius:30px;font-weight:600;}
.page-hero h1{margin-top:.25rem;}

/* ============ home hero ============ */
.home-hero{position:relative;padding:9.5rem 0 6rem;overflow:hidden;}
.home-hero-bg{position:absolute;inset:0;z-index:-1;background:
  radial-gradient(circle at 12% 18%,rgba(124,58,237,.18),transparent 38%),
  radial-gradient(circle at 82% 12%,rgba(192,38,211,.16),transparent 40%),
  radial-gradient(circle at 60% 92%,rgba(219,39,119,.13),transparent 42%),
  linear-gradient(180deg,#faf5ff,#ffffff);}
.blob{position:absolute;border-radius:50%;filter:blur(64px);z-index:-1;animation:drift 14s ease-in-out infinite;}
.blob-1{width:340px;height:340px;background:#7c3aed;opacity:.26;top:-60px;right:-40px;}
.blob-2{width:280px;height:280px;background:#db2777;opacity:.22;bottom:-40px;left:-60px;animation-direction:reverse;}
.badge-soft{background:#f3e8ff;color:var(--ut-blue);font-weight:600;padding:.5rem 1rem;border-radius:30px;display:inline-flex;align-items:center;}

/* hero side card */
.hero-card{background:#fff;border:1px solid var(--ut-line);border-radius:22px;padding:1.8rem;box-shadow:0 34px 74px -36px rgba(124,58,237,.5);}
.step-list li{display:flex;gap:1rem;padding:.7rem 0;border-bottom:1px dashed var(--ut-line);}
.step-list li:last-child{border:0;}
.step-list p{margin:0;color:var(--ut-muted);font-size:.85rem;}
.step-num{flex:0 0 34px;height:34px;border-radius:10px;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;}
.sn1{background:#7c3aed;} .sn2{background:#9333ea;} .sn3{background:#c026d3;} .sn4{background:#db2777;}

/* stat band */
.stat-band{background:linear-gradient(125deg,#3b0764,#7c3aed 55%,#be185d);color:#fff;border-radius:24px;padding:2.4rem 1rem;box-shadow:0 34px 66px -38px rgba(76,29,149,.8);position:relative;overflow:hidden;}
.stat-band::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,rgba(236,72,153,.28),transparent 45%);}
.stat-band .row{position:relative;z-index:2;}
.stat-band .num{font-size:2.4rem;font-weight:800;line-height:1;}
.stat-band .lbl{color:rgba(255,255,255,.82);font-size:.9rem;margin-top:.4rem;}

/* generic cards */
.card-soft{background:#fff;border:1px solid var(--ut-line);border-radius:var(--ut-radius);padding:2rem;height:100%;transition:.25s;}
.card-soft:hover{transform:translateY(-5px);box-shadow:0 28px 52px -30px rgba(76,29,149,.35);}
.card-soft p{color:var(--ut-muted);margin:0;}
.ic-box{width:56px;height:56px;border-radius:15px;color:#fff;font-size:1.6rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;box-shadow:0 12px 22px -12px rgba(76,29,149,.55);}
.g-blue{background:linear-gradient(135deg,#7c3aed,#9333ea);}
.g-purple{background:linear-gradient(135deg,#9333ea,#c026d3);}
.g-pink{background:linear-gradient(135deg,#db2777,#ec4899);}
.g-cyan{background:linear-gradient(135deg,#6d28d9,#7c3aed);}
.g-green{background:linear-gradient(135deg,#047857,#059669);}
.g-amber{background:linear-gradient(135deg,#b45309,#d97706);}
.g-rose{background:linear-gradient(135deg,#be185d,#e11d48);}
.g-indigo{background:linear-gradient(135deg,#5b21b6,#7c3aed);}

/* business overview cards (home) */
.biz-card{display:block;position:relative;border-radius:20px;padding:2rem 1.6rem;color:#fff;height:100%;overflow:hidden;transition:.28s;box-shadow:0 18px 40px -24px rgba(76,29,149,.5);}
.biz-card:hover{transform:translateY(-6px);color:#fff;box-shadow:0 34px 60px -28px rgba(76,29,149,.6);}
.biz-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0%,rgba(255,255,255,.16),transparent 50%);}
.biz-card>*{position:relative;z-index:2;}
.biz-card .num{position:absolute;top:1rem;right:1.3rem;font-weight:800;font-size:1.5rem;opacity:.35;z-index:2;}
.biz-card i.big{font-size:2.1rem;}
.biz-card h5{margin:.9rem 0 .35rem;font-weight:700;}
.biz-card p{margin:0;font-size:.9rem;color:rgba(255,255,255,.9);}
.biz-card .go{margin-top:1rem;font-size:.85rem;font-weight:600;opacity:.95;}
.bc-blue{background:linear-gradient(150deg,#7c3aed,#4c1d95);}
.bc-purple{background:linear-gradient(150deg,#9333ea,#5b21b6);}
.bc-cyan{background:linear-gradient(150deg,#a21caf,#4a044e);}
.bc-rose{background:linear-gradient(150deg,#db2777,#831843);}

/* tool cards */
.tool-card{background:#fff;border:1px solid var(--ut-line);border-radius:var(--ut-radius);padding:1.7rem;height:100%;transition:.25s;border-top:4px solid transparent;}
.tool-card:hover{transform:translateY(-5px);box-shadow:0 26px 48px -30px rgba(76,29,149,.4);}
.tool-card .ic-box{margin-bottom:1rem;}
.tool-card h5{font-weight:700;margin-bottom:.45rem;}
.tool-card p{color:var(--ut-muted);font-size:.9rem;margin:0;}
.tool-card ul{margin:.8rem 0 0;padding-left:0;list-style:none;}
.tool-card ul li{font-size:.85rem;color:var(--ut-muted);padding:.15rem 0;}
.tool-card ul li i{color:var(--ut-emerald);margin-right:.4rem;}

/* process */
.proc-step{position:relative;padding:1.6rem;background:#fff;border:1px solid var(--ut-line);border-radius:16px;height:100%;}
.proc-step .n{width:40px;height:40px;border-radius:12px;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:.9rem;}
.proc-step h6{font-weight:700;}
.proc-step p{color:var(--ut-muted);font-size:.87rem;margin:0;}

/* token panel */
.token-panel{background:#fff;border:1px solid var(--ut-line);border-radius:24px;padding:2.2rem;box-shadow:0 38px 84px -52px rgba(124,58,237,.55);}
.plan-tabs .plan-tab{border:1px solid #ddd6ea;background:#fff;color:#475569;font-weight:600;padding:.45rem 1.4rem;}
.plan-tabs .plan-tab:first-child{border-radius:10px 0 0 10px;}
.plan-tabs .plan-tab:last-child{border-radius:0 10px 10px 0;}
.plan-tabs .plan-tab.active{background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;border-color:transparent;}
.budget-line{font-size:1.05rem;}
.slider-wrap{margin:1.5rem 0 2.4rem;}
.ut-slider{height:1.5rem;}
.ut-slider.form-range::-webkit-slider-runnable-track{height:8px;border-radius:6px;background:linear-gradient(90deg,#db2777,#7c3aed) no-repeat;background-size:var(--ut-fill,0%) 100%;background-color:#e7e2f0;}
.ut-slider.form-range::-moz-range-track{height:8px;border-radius:6px;background:#e7e2f0;}
.ut-slider.form-range::-moz-range-progress{height:8px;border-radius:6px;background:var(--ut-blue);}
.ut-slider.form-range::-webkit-slider-thumb{margin-top:-7px;width:22px;height:22px;background:#fff;border:4px solid var(--ut-blue);box-shadow:0 2px 10px rgba(124,58,237,.55);}
.ut-slider.form-range::-moz-range-thumb{width:22px;height:22px;background:#fff;border:4px solid var(--ut-blue);}
.slider-marks{display:flex;justify-content:space-between;margin-top:.7rem;color:var(--ut-muted);font-size:.8rem;}
.slider-marks span{flex:1;text-align:center;}
.slider-marks span:first-child{text-align:left;}
.slider-marks span:last-child{text-align:right;}
.slider-marks small{color:#a08cc0;font-size:.7rem;}
.model-card{background:var(--ut-soft);border:1px solid var(--ut-line);border-radius:14px;padding:1.1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;height:100%;transition:.2s;}
.model-card:hover{background:#f5edff;border-color:#d9c9f5;transform:translateY(-2px);}
.model-left{display:flex;gap:.8rem;align-items:center;min-width:0;}
.model-ico{width:42px;height:42px;border-radius:11px;background:#fff;border:1px solid var(--ut-line);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex:0 0 42px;}
.model-name{font-weight:700;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;}
.model-price{color:var(--ut-muted);font-size:.78rem;margin-top:.15rem;}
.model-right{text-align:right;flex:0 0 auto;padding-left:.5rem;}
.model-num{font-weight:800;font-size:1.35rem;color:var(--ut-blue);line-height:1.1;}
.model-unit{color:var(--ut-muted);font-size:.72rem;}
.tag-pill{font-size:.66rem;font-weight:600;background:#f3e8ff;color:var(--ut-blue);padding:.1rem .45rem;border-radius:5px;}

/* pricing cards */
.price-card{background:#fff;border:1px solid var(--ut-line);border-radius:20px;padding:2rem;height:100%;transition:.25s;}
.price-card.featured{border:0;color:#fff;background:linear-gradient(150deg,#6d28d9,#be185d);box-shadow:0 34px 64px -32px rgba(76,29,149,.7);transform:scale(1.03);}
.price-card.featured .price-num,.price-card.featured p,.price-card.featured li{color:#fff!important;}
.price-card h4{font-weight:800;}
.price-num{font-size:2rem;font-weight:800;color:var(--ut-ink);}
.price-card ul{list-style:none;padding:0;margin:1.2rem 0;}
.price-card ul li{padding:.4rem 0;color:var(--ut-muted);font-size:.9rem;}
.price-card ul li i{margin-right:.5rem;}

/* store */
.store-card{background:#fff;border:1px solid var(--ut-line);border-radius:var(--ut-radius);padding:1.7rem;height:100%;transition:.25s;position:relative;overflow:hidden;}
.store-card:hover{transform:translateY(-6px);box-shadow:0 28px 52px -28px rgba(76,29,149,.45);}
.store-ico{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin-bottom:1rem;box-shadow:0 12px 22px -12px rgba(76,29,149,.55);}
.store-card h5{font-weight:700;margin-bottom:.4rem;}
.store-card p{color:var(--ut-muted);font-size:.88rem;margin-bottom:1rem;}
.store-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--ut-line);padding-top:.8rem;}
.store-price{font-weight:700;color:var(--ut-blue);}
.store-tag{font-size:.72rem;color:var(--ut-muted);background:var(--ut-soft);padding:.15rem .6rem;border-radius:20px;}
.store-filter .fbtn{border:1px solid var(--ut-line);background:#fff;color:#475569;border-radius:30px;padding:.35rem 1.1rem;font-size:.88rem;font-weight:500;transition:.2s;}
.store-filter .fbtn.active,.store-filter .fbtn:hover{background:var(--ut-blue);color:#fff;border-color:var(--ut-blue);}

/* contact */
.contact-list{display:flex;flex-direction:column;gap:1rem;}
.contact-list>div{display:flex;gap:1rem;align-items:flex-start;}
.contact-list i{flex:0 0 46px;height:46px;border-radius:13px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 12px 22px -12px rgba(76,29,149,.55);}
.contact-list span{display:block;font-size:.75rem;color:var(--ut-muted);}
.contact-list>div>div{font-weight:600;padding-top:.2rem;}
.contact-card{background:#fff;border:1px solid var(--ut-line);border-radius:20px;padding:2rem;box-shadow:0 34px 74px -42px rgba(124,58,237,.5);}
.contact-card .form-control,.contact-card .form-select{border-radius:11px;padding:.65rem .85rem;}
.form-label{font-weight:500;font-size:.9rem;}

/* cta band */
.cta-band{background:linear-gradient(130deg,#3b0764,#7c3aed 50%,#be185d);border-radius:26px;color:#fff;padding:3.2rem;position:relative;overflow:hidden;}
.cta-band::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(236,72,153,.3),transparent 46%);}
.cta-band .container,.cta-band>div{position:relative;z-index:2;}
.cta-band .btn-light{color:#7c3aed!important;}

/* footer */
.ut-footer{background:#140a24;color:#fff;padding:3.8rem 0 2rem;}
.ut-foot-title{color:#fff;font-weight:700;margin-bottom:1rem;font-size:.95rem;}
.ut-foot-links{list-style:none;padding:0;margin:0;}
.ut-foot-links li{margin-bottom:.55rem;}
.ut-foot-links a{color:rgba(255,255,255,.6);font-size:.9rem;transition:.2s;}
.ut-foot-links a:hover{color:#fff;}
.ut-foot-contact{list-style:none;padding:0;margin:0;}
.ut-foot-contact li{color:rgba(255,255,255,.6);font-size:.88rem;margin-bottom:.6rem;display:flex;gap:.6rem;align-items:flex-start;}
.ut-foot-contact li i{color:#c084fc;margin-top:.15rem;}
.ut-foot-contact a{color:rgba(255,255,255,.6);}
.ut-foot-contact a:hover{color:#fff;}

/* ============ pain points ============ */
.pain-item{background:#fff;border:1px solid var(--ut-line);border-radius:var(--ut-radius);padding:1.9rem;height:100%;transition:.25s;position:relative;border-top:4px solid #e11d48;}
.pain-item:hover{transform:translateY(-5px);box-shadow:0 26px 48px -30px rgba(76,29,149,.4);}
.pain-item .pi-ico{width:52px;height:52px;border-radius:14px;background:#fdeef4;color:#e11d48;font-size:1.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;}
.pain-item h5{font-weight:700;margin-bottom:.4rem;}
.pain-item p{color:var(--ut-muted);font-size:.92rem;margin:0;}
.pain-turn{text-align:center;margin-top:2.6rem;font-size:1.25rem;color:var(--ut-muted);}
.pain-turn b{color:var(--ut-ink);}

/* ============ ecosystem strip ============ */
.eco-strip{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;}
.eco-logo{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1.4rem;background:#fff;border:1px solid var(--ut-line);border-radius:14px;font-weight:600;color:var(--ut-ink);box-shadow:0 12px 26px -22px rgba(76,29,149,.55);transition:.22s;}
.eco-logo:hover{transform:translateY(-3px);border-color:#d9c9f5;box-shadow:0 20px 38px -24px rgba(76,29,149,.5);}
.eco-logo i{font-size:1.15rem;background:linear-gradient(135deg,#7c3aed,#db2777);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

/* ============ cloud offer ============ */
.cloud-band{position:relative;overflow:hidden;border-radius:26px;padding:2.8rem 2.6rem;color:#fff;
  background:linear-gradient(125deg,#0a2540,#0e7490 52%,#0891b2);
  box-shadow:0 40px 80px -44px rgba(8,145,178,.75);}
.cloud-band::after{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 88% 12%,rgba(56,189,248,.35),transparent 46%),
  radial-gradient(circle at 8% 90%,rgba(14,116,144,.5),transparent 44%);}
.cloud-band>*{position:relative;z-index:2;}
.cloud-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);color:#fff;font-weight:700;padding:.4rem 1rem;border-radius:30px;font-size:.85rem;}
.cloud-off{font-size:3.4rem;font-weight:800;line-height:1;background:linear-gradient(90deg,#e0f2fe,#7dd3fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.cloud-feat{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;}
.cloud-feat li{font-size:.92rem;color:rgba(255,255,255,.92);display:flex;align-items:center;gap:.45rem;}
.cloud-feat li i{color:#7dd3fc;}
.cloud-band .btn-light{color:#0e7490!important;font-weight:700;}

/* ============ compare ============ */
.cmp-col{border-radius:var(--ut-radius);padding:2rem;height:100%;border:1px solid var(--ut-line);}
.cmp-col.bad{background:var(--ut-soft);}
.cmp-col.good{background:linear-gradient(160deg,#faf5ff,#fdf2f8);border-color:#e9d5ff;box-shadow:0 30px 60px -40px rgba(124,58,237,.5);}
.cmp-col h5{font-weight:800;margin-bottom:1.2rem;display:flex;align-items:center;gap:.6rem;}
.cmp-col ul{list-style:none;padding:0;margin:0;}
.cmp-col li{padding:.7rem 0 .7rem 2rem;position:relative;font-size:.95rem;border-top:1px dashed var(--ut-line);color:var(--ut-muted);}
.cmp-col li:first-child{border-top:0;}
.cmp-col.bad li::before{content:"\F62A";font-family:"bootstrap-icons";position:absolute;left:0;color:#e11d48;font-weight:700;}
.cmp-col.good li{color:var(--ut-ink);}
.cmp-col.good li::before{content:"\F26E";font-family:"bootstrap-icons";position:absolute;left:0;color:#059669;font-weight:700;}

/* ============ FAQ ============ */
.faq-wrap{max-width:800px;margin:0 auto;}
.faq-item{background:#fff;border:1px solid var(--ut-line);border-radius:14px;margin-bottom:1rem;overflow:hidden;transition:.2s;}
.faq-item[open]{box-shadow:0 24px 48px -34px rgba(124,58,237,.5);border-color:#e9d5ff;}
.faq-item summary{cursor:pointer;padding:1.2rem 1.5rem;font-weight:700;color:var(--ut-ink);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"\F4FE";font-family:"bootstrap-icons";color:var(--ut-blue);font-size:1.1rem;transition:.25s;flex:0 0 auto;}
.faq-item[open] summary::after{transform:rotate(45deg);}
.faq-item .faq-body{padding:0 1.5rem 1.3rem;color:var(--ut-muted);font-size:.95rem;line-height:1.75;}

/* reveal */
.reveal{opacity:0;transform:translateY(24px);transition:.7s cubic-bezier(.2,.7,.3,1);}
.reveal.in{opacity:1;transform:none;}

@media(prefers-reduced-motion:reduce){
  .page-hero,.hero-rings span,.hero-wave,.hero-orb,.blob{animation:none!important;}
}
@media(max-width:991px){
  .home-hero{padding:7.5rem 0 4rem;}
  .page-hero{padding:7.5rem 0 4.5rem;}
  .page-hero h1{font-size:2.15rem;}
  .ut-nav .navbar-nav{padding:1rem 0;gap:.2rem;}
  .price-card.featured{transform:none;}
}
@media(max-width:575px){
  .py-6,.py-7{padding-top:3.5rem;padding-bottom:3.5rem;}
  .slider-marks{font-size:.66rem;}
  .slider-marks small{display:none;}
  .token-panel,.cta-band{padding:1.4rem;}
  .stat-band .num{font-size:1.9rem;}
  .hero-wave{height:44px;background-size:1200px 44px;}
}