/* Unbubble product identity, built on Soular's existing page components. */
.unbubble-page .product-hero,
.unbubble-spotlight{background:#071827;color:#fff}
.unbubble-page .unbubble-brand-mark {
  flex: none;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 30%, #ffffff 0, rgba(255, 255, 255, 0.7) 12%, rgba(255, 255, 255, 0) 36%),
    radial-gradient(circle at 45% 40%, #1f86f0 0, #8148e8 100%);
  box-shadow: 0.5rem 0.35rem 0 -0.25rem #ffc61a;
}
.unbubble-page .product-period,
.unbubble-page .product-hero h1 em{color:#ffd44d}
.unbubble-page .product-hero h1{max-width:860px}
.unbubble-page .product-lede{max-width:515px}
.unbubble-page .product-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(3,16,29,.98) 0%,rgba(3,16,29,.91) 32%,rgba(3,16,29,.45) 58%,rgba(3,16,29,.08) 85%),linear-gradient(0deg,rgba(3,16,29,.45),transparent 38%)}
.unbubble-scene{position:absolute;z-index:-2;inset:0;overflow:hidden;background:radial-gradient(circle at 78% 52%,#143e5f 0%,#0b2038 40%,#061622 80%)}
.unbubble-scene::before{content:"";position:absolute;width:74%;aspect-ratio:1;right:-23%;top:-35%;border:1px solid rgba(207,233,255,.13);border-radius:50%;box-shadow:0 0 0 125px rgba(81,169,224,.035),0 0 0 250px rgba(115,110,221,.025)}
.unbubble-orb{position:absolute;display:block;aspect-ratio:1;border-radius:50%;transform:translateZ(0);animation:unbubble-drift 12s ease-in-out infinite alternate}
.orb-azure{width:clamp(310px,40vw,660px);right:5%;top:11%;background:radial-gradient(circle at 29% 22%,rgba(231,255,255,.99) 0%,rgba(71,225,238,.87) 12%,rgba(20,157,219,.89) 28%,rgba(17,67,158,.91) 58%,rgba(5,21,75,.74) 85%);box-shadow:inset -35px -45px 70px rgba(4,14,56,.62),inset 13px 17px 35px rgba(232,255,255,.3),0 0 110px rgba(18,167,219,.3)}
.orb-azure::before,.orb-violet::before,.orb-gold::before{content:"";position:absolute;border-radius:50%;width:38%;height:12%;left:23%;top:13%;transform:rotate(-27deg);background:rgba(255,255,255,.42);filter:blur(11px)}
.orb-gold{width:clamp(135px,17vw,260px);right:8%;top:3%;background:radial-gradient(circle at 33% 25%,#fffbe3 0%,#ffe273 19%,#ffad24 54%,#925531 100%);box-shadow:inset -24px -24px 42px rgba(138,61,29,.52),0 0 80px rgba(255,202,52,.28);animation-delay:-4s}
.orb-violet{width:clamp(175px,22vw,330px);right:1%;bottom:6%;background:radial-gradient(circle at 29% 20%,#f4deff 0%,#b4a2ff 18%,#7763c9 54%,#312f7a 90%);box-shadow:inset -24px -28px 58px rgba(31,22,82,.54),0 0 64px rgba(144,107,255,.18);animation-delay:-7s}
.orb-small{width:82px;right:46%;top:19%;background:radial-gradient(circle at 28% 20%,#efffff,#77cadc 28%,#136e8b 75%,#0b234b);box-shadow:0 0 30px rgba(44,222,241,.25);animation-delay:-2s}
.unbubble-orbit{position:absolute;width:540px;height:540px;border:1px solid rgba(224,237,255,.18);border-radius:50%;right:6%;top:14%;transform:rotate(-24deg) scaleX(1.28)}
.unbubble-star{position:absolute;z-index:2;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 13px 3px rgba(199,218,255,.6)}
.star-one{right:47%;top:10%}.star-two{right:14%;bottom:16%}.star-three{right:38%;bottom:36%}
@keyframes unbubble-drift{to{transform:translate3d(0,-19px,0)}}
.unbubble-page .statement-section h2 em,
.unbubble-page .section-heading h2 em{color:#6a78cc}
.unbubble-page .feature-card{background:linear-gradient(145deg,#f3f8f8,#f3f2fc)}
.unbubble-page .feature-symbol{color:#6552b3}
.unbubble-page .how-grid h2 em{color:#ffd44d}
.unbubble-values{background:#e9f0ee;overflow:hidden}
.values-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}
.values-grid h2{font-size:clamp(2.7rem,5vw,5.5rem);margin:25px 0}
.values-grid h2 em{color:#7060bd}
.values-grid p:not(.eyebrow){color:#50626c;max-width:480px}
.values-art{height:420px;position:relative;isolation:isolate}
.value-orb{position:absolute;aspect-ratio:1;border-radius:50%;box-shadow:inset -18px -24px 40px rgba(15,27,69,.3),0 24px 60px rgba(17,57,95,.14)}
.value-orb.first{width:290px;left:6%;top:16%;background:radial-gradient(circle at 26% 19%,#effffe,#69d2e5 20%,#137fbd 62%,#17477a)}
.value-orb.second{width:230px;right:6%;top:26%;background:radial-gradient(circle at 29% 19%,#fff2fc,#bc9cfe 24%,#7058b9 65%,#42336e)}
.value-orb.third{width:89px;right:17%;top:3%;background:radial-gradient(circle at 25% 25%,#fff9d1,#ffd64c 44%,#e89424)}
.value-bridge{position:absolute;left:23%;top:49%;width:56%;height:3px;background:linear-gradient(90deg,transparent,#fff,#fff,transparent);filter:blur(2px);transform:rotate(16deg)}
.unbubble-final{background:radial-gradient(circle at 75% 22%,#2a315d 0%,#0d2940 39%,#071827 80%)}
.unbubble-spotlight{overflow:hidden;background:radial-gradient(circle at 22% 48%,#183b60,#0a2239 51%,#071827)}
.unbubble-spotlight .spotlight-copy{grid-column:2;grid-row:1;padding-left:32px}
.unbubble-spotlight .spotlight-copy h2 em{color:#c6b1ff}
.unbubble-preview{grid-column:1;grid-row:1;position:relative;height:620px;overflow:hidden;isolation:isolate}
.unbubble-preview::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 48%,rgba(65,164,203,.22),transparent 61%)}
.preview-bubble{position:absolute;aspect-ratio:1;border-radius:50%;box-shadow:inset -25px -30px 70px rgba(12,18,57,.55),0 0 60px rgba(61,172,212,.14)}
.preview-bubble.azure{width:390px;left:0;top:97px;background:radial-gradient(circle at 27% 24%,#e9ffff,#6bd2ea 19%,#126ba8 61%,#143364)}
.preview-bubble.violet{width:220px;right:3%;top:230px;background:radial-gradient(circle at 26% 23%,#fff0ff,#b29df6 23%,#644faf 67%,#332759)}
.preview-bubble.gold{width:120px;right:19%;top:86px;background:radial-gradient(circle at 27% 25%,#fffbe1,#ffdc53 35%,#dc841e 78%)}
.unbubble-spotlight .mini-note{color:#aebfd3}
@media(max-width:1050px){.unbubble-preview .preview-bubble.azure{left:-20%}.unbubble-spotlight .spotlight-copy{padding-left:10px}.values-grid{gap:24px}}
@media(max-width:740px){.unbubble-hero{min-height:780px}.unbubble-page .product-hero-shade{background:linear-gradient(90deg,rgba(3,16,29,.92),rgba(3,16,29,.74)),linear-gradient(0deg,rgba(3,16,29,.55),transparent 50%)}.orb-azure{width:420px;right:-65%;top:19%;opacity:.6}.orb-gold{right:0;top:8%;opacity:.8}.orb-violet{right:-33%;bottom:7%;opacity:.64}.orb-small{right:24%;top:23%}.unbubble-orbit{right:-74%;top:30%}.values-grid{grid-template-columns:1fr;gap:0}.values-art{height:290px}.value-orb.first{width:230px;left:0;top:7%}.value-orb.second{width:170px;right:0;top:25%}.value-orb.third{right:12%;top:2%}.unbubble-spotlight .spotlight-grid{display:flex;flex-direction:column}.unbubble-spotlight .spotlight-copy{order:0;padding:70px 0 0}.unbubble-preview{order:1;align-self:stretch;height:330px}.preview-bubble.azure{width:300px;left:7%;top:15px}.preview-bubble.violet{width:170px;right:5%;top:100px}.preview-bubble.gold{width:95px;right:23%;top:10px}}
@media(prefers-reduced-motion:reduce){.unbubble-orb{animation:none}}
