:root{--black:#02030a;--panel:#060817;--white:#f8fbff;--muted:rgba(236,246,255,.64);--cyan:#24e9ff;--blue:#418cff;--violet:#b94dff;--purple:#6d42ff;--teal:#2af9da;--line:rgba(180,210,255,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,rgba(70,83,255,.22),transparent 33%),linear-gradient(180deg,#02030a,#061024 42%,#02030a);color:var(--white);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;z-index:9;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}#orb-field{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.9}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(36,233,255,.12),rgba(185,77,255,.08) 35%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:2;filter:blur(8px)}body:before{content:"";position:fixed;inset:auto 0 0;height:42vh;background:radial-gradient(ellipse at 50% 100%,rgba(26,222,255,.18),transparent 55%);z-index:0;pointer-events:none}.hero-shell{position:relative;z-index:3;min-height:calc(100vh - 34px);margin:17px auto 0;width:min(1460px,calc(100% - 32px));padding:92px 46px 112px;border:1px solid rgba(210,226,255,.2);border-radius:30px;background:radial-gradient(circle at 55% 55%,rgba(112,48,255,.24),transparent 32%),radial-gradient(circle at 78% 67%,rgba(36,233,255,.2),transparent 24%),linear-gradient(180deg,rgba(3,5,15,.88),rgba(4,7,18,.62));box-shadow:0 36px 140px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.035);overflow:hidden}.hero-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 48% 78%,rgba(0,255,255,.16),transparent 22%),linear-gradient(180deg,transparent 68%,rgba(14,30,70,.55));pointer-events:none}.hero-shell:after{content:"";position:absolute;left:0;right:0;bottom:-12%;height:34%;background:radial-gradient(ellipse at 50% 0,rgba(41,170,255,.33),transparent 56%),linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7));filter:blur(2px);pointer-events:none}.site-header{position:absolute;top:0;left:0;right:0;height:72px;z-index:8;display:grid;grid-template-columns:240px 1fr 240px;align-items:center;padding:0 38px;border-bottom:1px solid rgba(220,235,255,.1);background:rgba(2,4,12,.5);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--white)}.brand-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 22%,#fff 0 8%,#68f5ff 17%,#387aff 43%,#b950ff 72%,#08081a 100%);box-shadow:0 0 18px rgba(36,233,255,.8),0 0 42px rgba(185,77,255,.45),inset -9px -12px 18px rgba(0,0,0,.45);filter:contrast(1.15) saturate(1.2)}.brand-mark span{width:20px;height:20px;border:1.4px solid rgba(255,255,255,.74);border-radius:50%;transform:rotate(-28deg) scaleX(1.35);box-shadow:0 0 10px rgba(255,255,255,.32)}.brand-word{font-size:1.45rem;font-weight:400;letter-spacing:-.055em;text-shadow:0 0 15px rgba(255,255,255,.18)}.nav{justify-self:center;display:flex;gap:34px}.nav a,.header-actions a{color:rgba(240,246,255,.68);font-size:.72rem;text-decoration:none}.nav a:hover{color:white}.header-actions{justify-self:end;display:flex;align-items:center;gap:20px;color:white;font-size:1rem}.header-actions a{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 20px}.hero-copy{position:relative;z-index:6;width:42%;max-width:565px;padding-top:54px}.tagline{margin:0 0 22px;font-size:1.05rem;font-weight:400;color:#dce5ff;text-shadow:0 0 22px rgba(108,96,255,.7)}h1{margin:0;font-weight:300;letter-spacing:-.055em;line-height:1.03;font-size:clamp(3.8rem,5.25vw,6.65rem)}h1 span{display:block;background:linear-gradient(92deg,#2ee8ff 0%,#528cff 42%,#f05dff 92%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.hero-actions{display:flex;gap:14px;margin-top:31px}.button{position:relative;display:inline-flex;align-items:center;gap:22px;justify-content:center;min-width:180px;height:48px;border-radius:12px;text-decoration:none;font-size:.77rem;font-weight:500;overflow:hidden}.button.primary{color:#fff;background:linear-gradient(100deg,#18dfff,#527cff 52%,#f04cff);box-shadow:0 0 24px rgba(36,233,255,.75),0 0 44px rgba(185,77,255,.45);border:1px solid rgba(196,244,255,.5)}.button.ghost{color:rgba(255,255,255,.78);background:rgba(3,8,19,.62);border:1px solid rgba(148,187,255,.24);box-shadow:inset 0 0 18px rgba(36,233,255,.05)}.hero-micro{margin:22px 0 0;color:rgba(230,239,255,.52);font-size:.78rem;line-height:1.8}.desktop-stage{position:absolute;z-index:4;inset:75px 230px 88px 34%;pointer-events:none}.energy-floor{position:absolute;left:0;right:0;bottom:4%;height:42%;background:radial-gradient(ellipse at 47% 100%,rgba(60,218,255,.42),transparent 36%),radial-gradient(ellipse at 35% 92%,rgba(112,66,255,.5),transparent 34%),radial-gradient(ellipse at 66% 94%,rgba(36,233,255,.42),transparent 28%);filter:blur(10px);opacity:.8}.glow-ring{position:absolute;border-radius:50%;border:2px solid rgba(143,77,255,.7);box-shadow:0 0 34px rgba(121,67,255,.85),inset 0 0 30px rgba(36,233,255,.28);background:radial-gradient(ellipse at center,rgba(124,65,255,.22),transparent 60%);transform:rotate(-13deg);animation:slowspin 12s linear infinite}.ring-purple{width:410px;height:160px;left:26%;top:33%}.ring-cyan{width:380px;height:145px;right:4%;bottom:24%;border-color:rgba(36,233,255,.68);box-shadow:0 0 36px rgba(36,233,255,.76),inset 0 0 25px rgba(84,136,255,.24);animation-duration:15s;animation-direction:reverse}.bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fff 0 8%,#90ffff 14%,#504eff 45%,#b35cff 72%,transparent 73%);box-shadow:0 0 14px rgba(132,164,255,.8);filter:contrast(1.2) saturate(1.18)}.bubble-a{width:28px;height:28px;left:28%;top:8%}.bubble-b{width:35px;height:35px;right:15%;top:25%}.bubble-c{width:18px;height:18px;left:8%;top:39%}.bubble-d{width:24px;height:24px;right:38%;top:11%}.float-product{position:absolute;z-index:3}.product-main{left:40%;top:0;transform:translateX(-50%) rotate(-5deg)}.product-left{left:12%;bottom:15%;transform:rotate(-10deg)}.product-right{right:5%;bottom:21%;transform:rotate(8deg)}.mylar-bag{position:relative;width:180px;height:294px;border-radius:13px 13px 20px 20px;padding:28px 18px;background:linear-gradient(160deg,#161923 0%,#060912 38%,#111932 67%,#070813 100%);border:1px solid rgba(210,228,255,.28);box-shadow:0 28px 64px rgba(0,0,0,.64),0 0 35px rgba(88,120,255,.35),inset 0 1px 0 rgba(255,255,255,.26),inset 0 -22px 42px rgba(0,0,0,.58);overflow:hidden}.mylar-bag:before{content:"";position:absolute;inset:0;background:linear-gradient(108deg,rgba(255,255,255,.24),transparent 16%,transparent 50%,rgba(255,255,255,.12) 58%,transparent 72%),radial-gradient(circle at 30% 0,rgba(255,255,255,.16),transparent 28%);mix-blend-mode:screen}.mylar-bag.mini{width:145px;height:235px}.bag-crinkle{position:absolute;inset:0;background:repeating-linear-gradient(165deg,rgba(255,255,255,.07) 0 1px,transparent 1px 18px);opacity:.4}.bag-hole{position:absolute;top:12px;left:50%;width:34px;height:6px;transform:translateX(-50%);border-radius:20px;background:rgba(255,255,255,.22);box-shadow:0 0 12px rgba(255,255,255,.16)}.bag-brand{position:relative;z-index:2;text-align:center;font-size:1.42rem;font-weight:300;letter-spacing:-.04em}.bag-brand small{display:block;margin-top:2px;font-size:.42rem;letter-spacing:.02em;color:rgba(255,255,255,.66)}.mini .bag-brand{font-size:1.05rem}.bag-orb{position:absolute;z-index:1;left:50%;top:88px;width:118px;height:118px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 31% 22%,#fff 0 6%,#b8ffff 11%,#18efff 28%,#326cff 51%,#bd42ff 76%,#100919 100%);box-shadow:0 0 16px rgba(255,255,255,.9),0 0 36px rgba(36,233,255,.95),0 0 78px rgba(185,77,255,.72),inset -16px -22px 30px rgba(0,0,0,.48);filter:contrast(1.18) saturate(1.34)}.mini .bag-orb{width:92px;height:92px;top:72px}.teal .bag-orb{background:radial-gradient(circle at 31% 22%,#fff 0 6%,#caffff 11%,#19f5ff 31%,#226bff 55%,#20ffd5 82%,#071219 100%)}.bag-orb span{position:absolute;inset:18%;border:1.5px solid rgba(255,255,255,.72);border-radius:50%;transform:rotate(-25deg) scaleX(1.42);box-shadow:0 0 14px rgba(255,255,255,.35)}.bag-icons{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;align-items:center}.bag-icons i{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;font-style:normal;font-size:.72rem;color:white;background:rgba(255,255,255,.04)}.product-badge{position:absolute;left:50%;top:86%;transform:translateX(-50%);min-width:238px;text-align:center;padding:15px 20px;border-radius:16px;background:linear-gradient(180deg,rgba(18,26,62,.86),rgba(6,11,26,.72));border:1px solid rgba(121,168,255,.35);box-shadow:0 0 32px rgba(76,96,255,.35),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(14px)}.product-badge strong{display:block;font-size:1.1rem;font-weight:400}.product-badge span{display:block;margin-top:4px;color:#d4dbff;font-size:.82rem}.product-badge em{display:block;margin-top:7px;color:rgba(255,255,255,.72);font-style:normal;font-size:.72rem}.product-badge.small{min-width:150px;padding:12px 16px;top:88%}.product-badge.small strong{font-size:1.24rem}.phone-preview{position:absolute;z-index:6;right:24px;top:36px;width:238px;height:calc(100% - 72px);display:flex;align-items:center}.phone-glass{position:relative;width:100%;height:min(720px,88%);border:2px solid rgba(211,226,255,.28);border-radius:38px;background:linear-gradient(180deg,rgba(4,7,17,.96),rgba(7,11,28,.9));box-shadow:0 0 34px rgba(88,120,255,.28),inset 0 0 0 6px rgba(255,255,255,.035);padding:21px 18px;overflow:hidden}.phone-glass:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 60%,rgba(119,54,255,.35),transparent 35%),radial-gradient(circle at 80% 75%,rgba(36,233,255,.24),transparent 30%);pointer-events:none}.phone-top{position:absolute;top:8px;left:50%;width:70px;height:16px;transform:translateX(-50%);border-radius:0 0 12px 12px;background:#01030a}.phone-nav{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:.65rem;color:white}.brand-mini{display:flex;align-items:center;gap:5px;font-size:.84rem}.brand-mini i{width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fff,#24e9ff 25%,#b94dff 72%);box-shadow:0 0 12px #24e9ff}.phone-glass p{position:relative;z-index:2;margin:34px 0 8px;color:#dfe6ff;font-size:.58rem}.phone-glass h2{position:relative;z-index:2;margin:0;font-size:1.45rem;line-height:1.03;letter-spacing:-.04em;font-weight:300}.phone-glass h2 span{display:block;background:linear-gradient(90deg,#24e9ff,#bc58ff);-webkit-background-clip:text;color:transparent}.phone-glass a,.phone-glass button{position:relative;z-index:2;display:block;width:100%;height:29px;margin-top:12px;border-radius:7px;border:1px solid rgba(255,255,255,.14);font-size:.58rem;color:white;text-align:center;line-height:28px;text-decoration:none;background:linear-gradient(90deg,#17dbff,#4d74ff 52%,#ef54ff);box-shadow:0 0 18px rgba(36,233,255,.5)}.phone-glass button{background:rgba(255,255,255,.04);box-shadow:none}.phone-product{position:relative;z-index:2;height:185px;display:grid;place-items:center}.mylar-bag.tiny{width:82px;height:128px;padding:15px 8px;border-radius:8px 8px 12px 12px}.tiny .bag-brand{font-size:.56rem}.tiny .bag-orb{width:50px;height:50px;top:44px}.phone-row{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px}.phone-row span{border:1px solid rgba(121,168,255,.3);border-radius:10px;padding:12px 8px;text-align:center;font-size:.72rem;background:rgba(8,15,35,.75)}.phone-dock{position:absolute;left:19px;right:19px;bottom:19px;height:46px;border:1px solid rgba(160,190,255,.25);border-radius:17px;background:rgba(5,10,24,.82);display:flex;align-items:center;justify-content:space-around}.phone-dock i{width:25px;height:25px;border-radius:50%;border:1px solid rgba(137,98,255,.55);box-shadow:0 0 14px rgba(137,98,255,.28)}.proof-dock{position:absolute;z-index:7;left:70px;bottom:30px;width:min(960px,calc(100% - 430px));display:grid;grid-template-columns:repeat(4,1fr);padding:19px;border:1px solid rgba(160,190,255,.28);border-radius:26px;background:linear-gradient(180deg,rgba(11,18,41,.78),rgba(4,9,21,.72));box-shadow:0 0 46px rgba(70,89,255,.2),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(16px)}.proof-dock div{display:grid;grid-template-columns:50px 1fr;column-gap:13px;align-items:center;padding:0 18px;border-right:1px solid rgba(255,255,255,.08)}.proof-dock div:last-child{border-right:0}.proof-dock span{grid-row:1/3;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(139,102,255,.65);color:#c7adff;box-shadow:0 0 21px rgba(139,102,255,.24)}.proof-dock strong{font-size:.82rem;font-weight:600}.proof-dock small{margin-top:5px;color:rgba(235,244,255,.58);font-size:.71rem;line-height:1.35}.section-panel{position:relative;z-index:3;min-height:100vh;padding:120px max(24px,calc((100vw - 1180px)/2))}.section-kicker{color:var(--cyan);text-transform:uppercase;font-size:.75rem;letter-spacing:.22em;font-weight:800;margin:0 0 18px}.manifesto{display:grid;align-content:center;overflow:hidden}.giant-word{position:absolute;top:16%;left:50%;transform:translateX(-50%);font-size:17vw;font-weight:800;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);opacity:.72;white-space:nowrap}.manifesto h2,.drop h2,.cinema h2,.access h2{margin:0;font-size:clamp(3rem,6.6vw,7rem);line-height:.92;letter-spacing:-.07em;font-weight:400}.manifesto-copy,.drop-intro p,.access-shell p{color:var(--muted);font-size:1.15rem;line-height:1.75;max-width:760px}.tech-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px}.tech-stack article,.product-card,.experience-list li,.access-shell{border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));backdrop-filter:blur(16px);border-radius:28px}.tech-stack article{min-height:230px;padding:26px}.tech-stack span{color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.18em}.tech-stack h3{font-size:1.55rem;letter-spacing:-.05em;margin:28px 0 12px}.tech-stack p,.product-info p,.experience-list li{color:rgba(255,255,255,.64);line-height:1.65}.product-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}.product-card{position:relative;min-height:420px;padding:18px;overflow:hidden}.product-pouch{min-height:245px;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(160deg,#090d18,#10172f);border:1px solid rgba(255,255,255,.16);padding:22px}.product-orb{position:absolute;width:145px;height:145px;left:50%;top:62px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 30% 22%,#fff,#24e9ff 25%,#4979ff 52%,#b94dff 75%,#070813);box-shadow:0 0 55px rgba(36,233,255,.85)}.product-orb:after{content:"";position:absolute;inset:19%;border:1px solid rgba(255,255,255,.6);border-radius:50%;transform:rotate(-25deg) scaleX(1.4)}.product-logo,.product-name,.product-compound{position:relative;z-index:2}.product-logo{font-weight:400}.product-name{margin-top:190px;font-size:1.7rem;letter-spacing:-.05em}.product-compound{color:var(--cyan);font-size:.85rem}.product-info{padding:20px 8px}.product-tags{display:flex;gap:8px;flex-wrap:wrap}.product-tags span,.product-price{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:999px;padding:8px 10px;color:rgba(255,255,255,.74);font-size:.72rem}.product-price{position:absolute;right:22px;bottom:22px;color:#fff;background:linear-gradient(90deg,#24e9ff,#b94dff)}.cinema{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.liquid-window{min-height:560px;border-radius:40px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 40% 30%,rgba(36,233,255,.3),transparent 30%),radial-gradient(circle at 65% 64%,rgba(185,77,255,.24),transparent 34%),rgba(255,255,255,.04);box-shadow:0 30px 120px rgba(0,0,0,.36)}.experience-list{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:14px}.experience-list li{padding:18px}.access{display:grid;place-items:center}.access-shell{width:min(920px,100%);text-align:center;padding:56px}.access-shell p{margin-left:auto;margin-right:auto}.waitlist{margin:32px auto 0;max-width:620px;text-align:left}.waitlist label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--cyan);font-weight:800;margin-bottom:9px}.waitlist div{display:flex;gap:10px;padding:8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}.waitlist input{flex:1;border:0;outline:0;color:white;background:transparent;padding:0 16px;font:inherit}.waitlist button{border:0;border-radius:999px;padding:15px 18px;font-weight:800;background:linear-gradient(90deg,var(--cyan),#fff,var(--violet));color:#04101f}.form-note,.success-note{display:block;color:rgba(255,255,255,.5);font-size:.82rem;margin-top:12px;text-align:center}.success-note{display:none;color:#55ffc2}.waitlist.submitted .success-note{display:block}.waitlist.submitted .form-note{display:none}.site-footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:34px max(24px,calc((100vw - 1180px)/2));border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.58)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes slowspin{to{transform:rotate(347deg)}}@media(max-width:1180px){.phone-preview{display:none}.desktop-stage{right:40px}.proof-dock{width:calc(100% - 92px)}}@media(max-width:900px){.hero-shell{width:calc(100% - 20px);padding:92px 20px 30px}.site-header{grid-template-columns:1fr auto;padding:0 20px}.nav{display:none}.header-actions a{display:none}.hero-copy{width:100%;max-width:none}.desktop-stage{position:relative;inset:auto;height:520px;margin-top:20px}.proof-dock{position:relative;left:auto;bottom:auto;width:100%;grid-template-columns:1fr 1fr;margin-top:20px}.proof-dock div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:12px}.tech-stack,.product-stage,.cinema{grid-template-columns:1fr}h1{font-size:3.8rem}.site-footer{flex-direction:column;text-align:center}}@media(max-width:560px){.hero-shell{border-radius:22px}.brand-word{font-size:1.15rem}.desktop-stage{height:430px}.product-main{left:52%;transform:translateX(-50%) scale(.82) rotate(-5deg)}.product-left{left:2%;bottom:10%;transform:scale(.72) rotate(-9deg)}.product-right{right:-6%;bottom:14%;transform:scale(.72) rotate(8deg)}.proof-dock{grid-template-columns:1fr}.hero-actions{flex-direction:column}.button{width:100%}h1{font-size:3rem}.manifesto h2,.drop h2,.cinema h2,.access h2{font-size:3rem}.waitlist div{flex-direction:column;border-radius:24px}.waitlist input{min-height:46px}}

/* Bag reference lock: use Frank-approved Orbable black Mylar bag language everywhere */
.bag-reference,
.product-bag-reference {
  margin: 0;
  position: relative;
  z-index: 2;
  border-radius: 26px;
  filter: drop-shadow(0 28px 58px rgba(0,0,0,.68)) drop-shadow(0 0 34px rgba(66,180,255,.34));
}
.bag-reference img,
.product-bag-reference img,
.phone-product img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
}
.bag-reference::after,
.product-bag-reference::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(230,246,255,.24), inset 0 1px 0 rgba(255,255,255,.24);
  pointer-events: none;
}
.bag-reference-main {
  width: 188px;
  height: 282px;
  border-radius: 18px 18px 24px 24px;
  overflow: hidden;
}
.bag-reference-mini {
  width: 150px;
  height: 226px;
  border-radius: 15px 15px 20px 20px;
  overflow: hidden;
}
.product-main .bag-reference-main {
  transform: scale(1.08);
}
.product-left .bag-reference-mini,
.product-right .bag-reference-mini {
  filter: drop-shadow(0 22px 48px rgba(0,0,0,.65)) drop-shadow(0 0 32px rgba(36,233,255,.36));
}
.phone-product {
  position: relative;
  z-index: 2;
  height: 185px;
  display: grid;
  place-items: center;
}
.phone-product img {
  width: 82px;
  height: 128px;
  border-radius: 8px 8px 12px 12px;
  box-shadow: 0 18px 38px rgba(0,0,0,.62), 0 0 22px rgba(36,233,255,.45);
}
.product-card {
  min-height: 640px;
  display: grid;
  grid-template-rows: 1fr auto;
  align-items: end;
  background: radial-gradient(circle at 50% 36%, rgba(36,233,255,.2), transparent 32%),
              radial-gradient(circle at 52% 52%, rgba(185,77,255,.18), transparent 36%),
              linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.03));
  box-shadow: 0 24px 86px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.1);
}
.product-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 68%, rgba(36,233,255,.24), transparent 34%),
              radial-gradient(ellipse at 50% 70%, rgba(185,77,255,.2), transparent 44%);
  opacity: .78;
  pointer-events: none;
}
.product-bag-reference {
  align-self: center;
  justify-self: center;
  width: min(78%, 315px);
  aspect-ratio: 2 / 3;
  overflow: hidden;
  transform: translateY(10px);
}
.product-info {
  position: relative;
  z-index: 2;
  padding: 22px 10px 52px;
  text-align: center;
}
.product-info h3 {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: -.045em;
}
.product-compound-line {
  margin: 7px 0 12px !important;
  color: #91eaff !important;
  font-size: .92rem;
  font-weight: 500;
}
.product-price {
  z-index: 3;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  bottom: 20px;
  min-width: 142px;
  text-align: center;
  color: #fff;
  background: linear-gradient(90deg,#047ee8,#b629ff);
  box-shadow: 0 0 22px rgba(36,233,255,.42);
}
.product-tags { justify-content: center; }
@media(max-width:900px){
  .bag-reference-main{width:170px;height:255px}.bag-reference-mini{width:132px;height:198px}
  .product-card{min-height:610px}.product-bag-reference{width:min(82%,300px)}
}
@media(max-width:560px){
  .product-main .bag-reference-main{transform:scale(.9)}
  .bag-reference-mini{width:132px;height:198px}
}
.float-product .product-badge { display: none; }
.bag-reference-main { width: 220px; height: 330px; }
.bag-reference-mini { width: 166px; height: 249px; }
.product-main { top: -6px; }
.product-left { bottom: 14%; }
.product-right { bottom: 20%; }

.header-actions a.orbaverse-action {
  border-color: rgba(57, 255, 20, .95);
  background: linear-gradient(90deg, #39ff14 0%, #baff00 52%, #39ff14 100%);
  color: #061006 !important;
  box-shadow: 0 0 18px rgba(57, 255, 20, .78), 0 0 42px rgba(57, 255, 20, .36);
  font-weight: 800;
  text-shadow: none;
}
.header-actions a.orbaverse-action:hover,
.header-actions a.orbaverse-action[aria-current="page"] {
  border-color: #dfff00;
  background: linear-gradient(90deg, #76ff03 0%, #e2ff00 54%, #39ff14 100%);
  color: #020602 !important;
  box-shadow: 0 0 24px rgba(57, 255, 20, .95), 0 0 64px rgba(186, 255, 0, .5);
}

/* Selected type direction: Synthesis Nova structure + Liquid Signal luminosity */
.type-synthesis-nova {
  --display-font: Orbitron, Rajdhani, Inter, system-ui, sans-serif;
  --support-font: Rajdhani, Inter, system-ui, sans-serif;
}
.type-synthesis-nova h1,
.type-synthesis-nova .manifesto h2,
.type-synthesis-nova .drop h2,
.type-synthesis-nova .cinema h2,
.type-synthesis-nova .access h2 {
  font-family: var(--display-font);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: .015em;
  line-height: .98;
}
.type-synthesis-nova h1 {
  font-size: clamp(3rem, 4.45vw, 5.7rem);
  max-width: 650px;
  text-shadow: 0 0 20px rgba(255,255,255,.08);
}
.type-synthesis-nova h1 span,
.type-synthesis-nova .manifesto h2::first-line,
.type-synthesis-nova .drop h2::first-line,
.type-synthesis-nova .cinema h2::first-line,
.type-synthesis-nova .access h2::first-line {
  background: linear-gradient(92deg, #f8fbff 0%, #2ff0ff 32%, #667dff 58%, #ef55ff 86%, #ffffff 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: liquidSignal 7s ease-in-out infinite;
  filter: drop-shadow(0 0 10px rgba(36,233,255,.22));
}
.type-synthesis-nova .brand-word,
.type-synthesis-nova .bag-brand,
.type-synthesis-nova .product-badge strong,
.type-synthesis-nova .product-info h3,
.type-synthesis-nova .button,
.type-synthesis-nova .nav a,
.type-synthesis-nova .header-actions,
.type-synthesis-nova .product-price,
.type-synthesis-nova .section-kicker,
.type-synthesis-nova .proof-dock strong {
  font-family: var(--support-font);
  letter-spacing: .09em;
  text-transform: uppercase;
}
.type-synthesis-nova .brand-word {
  font-family: var(--display-font);
  font-weight: 500;
  letter-spacing: .02em;
  background: linear-gradient(90deg,#fff,#aefbff,#d274ff);
  -webkit-background-clip: text;
  color: transparent;
}
.type-synthesis-nova .tagline,
.type-synthesis-nova .hero-micro,
.type-synthesis-nova .manifesto-copy,
.type-synthesis-nova .drop-intro p,
.type-synthesis-nova .product-info p,
.type-synthesis-nova .experience-list li,
.type-synthesis-nova .access-shell p {
  font-family: var(--support-font);
  letter-spacing: .035em;
}
.type-synthesis-nova .button.primary {
  background: linear-gradient(100deg, #18dfff 0%, #506fff 38%, #ef54ff 68%, #f8fbff 100%);
  background-size: 210% 100%;
  animation: liquidButton 5.5s ease-in-out infinite;
}
.type-synthesis-nova .button b { font-family: Inter, system-ui, sans-serif; }
.type-synthesis-nova .product-info h3 {
  font-weight: 600;
  font-size: 1.45rem;
  background: linear-gradient(90deg,#fff,#8ef7ff,#e664ff);
  -webkit-background-clip: text;
  color: transparent;
}
.type-synthesis-nova .product-compound-line,
.type-synthesis-nova .tagline {
  background: linear-gradient(90deg,#fff,#68f7ff,#c067ff);
  -webkit-background-clip: text;
  color: transparent !important;
}
@keyframes liquidSignal {
  0%,100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@keyframes liquidButton {
  0%,100% { background-position: 0% 50%; box-shadow: 0 0 24px rgba(36,233,255,.75),0 0 44px rgba(185,77,255,.45); }
  50% { background-position: 100% 50%; box-shadow: 0 0 30px rgba(185,77,255,.72),0 0 58px rgba(36,233,255,.38); }
}
@media(max-width:560px){.type-synthesis-nova h1{font-size:2.45rem}}

/* Type tightening after Synthesis Nova selection */
.type-synthesis-nova h1 {
  font-size: clamp(2.9rem, 4vw, 5.05rem);
  max-width: 735px;
  letter-spacing: .005em;
}
.type-synthesis-nova h1 span {
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
}
@media(max-width:900px){
  .type-synthesis-nova h1 span { white-space: normal; }
}

/* Real product content pass: make written content feel like the interface, not placeholder copy */
.type-synthesis-nova .hero-micro strong,
.type-synthesis-nova .manifesto-copy,
.type-synthesis-nova .drop-intro p,
.type-synthesis-nova .access-shell p {
  color: #eaf9ff;
  text-shadow: 0 0 18px rgba(36,233,255,.18);
}
.type-synthesis-nova .tech-stack article {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 28% 0%, rgba(36,233,255,.16), transparent 34%),
              linear-gradient(145deg, rgba(11,18,43,.88), rgba(5,8,19,.66));
  box-shadow: 0 0 38px rgba(43,103,255,.12), inset 0 1px 0 rgba(255,255,255,.14);
}
.type-synthesis-nova .tech-stack article::after {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #24e9ff, #b94dff, transparent);
  opacity: .7;
}
.type-synthesis-nova .tech-stack h3,
.type-synthesis-nova .experience-list strong {
  background: linear-gradient(90deg, #fff, #4df1ff 42%, #d85dff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
}
.product-card {
  min-height: 780px;
  align-items: stretch;
}
.product-bag-reference {
  align-self: start;
  margin-top: 12px;
  width: min(70%, 250px);
}
.product-info {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 10px 10px 58px;
}
.product-label {
  margin: 0 0 8px !important;
  font-family: var(--support-font);
  font-size: .74rem !important;
  letter-spacing: .22em !important;
  text-transform: uppercase;
  color: #39ecff !important;
  text-shadow: 0 0 16px rgba(36,233,255,.45);
}
.product-info h3 {
  font-size: 1.72rem !important;
  line-height: 1.05;
}
.product-info > p:not(.product-label):not(.product-compound-line) {
  color: rgba(238, 248, 255, .78) !important;
  font-family: var(--support-font);
  font-size: .98rem;
  letter-spacing: .035em;
  line-height: 1.48;
  text-shadow: 0 0 14px rgba(36,233,255,.12);
}
.product-specs {
  display: grid;
  gap: 8px;
  margin: 14px 0 14px;
}
.product-specs div {
  display: grid;
  grid-template-columns: 86px 1fr;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid rgba(139, 196, 255, .2);
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(36,233,255,.08), rgba(185,77,255,.055));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.product-specs dt,
.product-specs dd {
  margin: 0;
  font-family: var(--support-font);
  text-transform: uppercase;
}
.product-specs dt {
  color: rgba(105, 240, 255, .84);
  font-size: .62rem;
  letter-spacing: .18em;
}
.product-specs dd {
  color: rgba(250,253,255,.92);
  font-size: .78rem;
  letter-spacing: .07em;
}
.product-tags span {
  color: #eafaff;
  border-color: rgba(63, 234, 255, .28);
  background: rgba(36,233,255,.07);
  box-shadow: 0 0 18px rgba(36,233,255,.08);
}
.experience-list li {
  background: linear-gradient(135deg, rgba(36,233,255,.09), rgba(185,77,255,.06));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 26px rgba(36,233,255,.06);
}
@media(max-width:900px){
  .product-card{min-height:740px}.product-bag-reference{width:min(76%,280px)}
}

/* Prevent Synthesis Nova hero headline from clipping against product stage */
.type-synthesis-nova h1 {
  font-size: clamp(2.85rem, 3.58vw, 4.48rem);
  max-width: 600px;
}
.type-synthesis-nova h1 span {
  display: block;
  width: auto;
  max-width: 100%;
  white-space: normal;
}

/* Mobile-first correction: 90% of buyers are on phones. No horizontal overflow, tighter hero, cleaner product reading. */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
@media(max-width:900px){
  body { width: 100%; }
  #orb-field, .noise { width: 100% !important; max-width: 100% !important; }
  .hero-shell {
    width: calc(100% - 16px);
    max-width: calc(100% - 16px);
    margin: 8px auto 0;
    padding: 84px 18px 26px;
    overflow: hidden;
    border-radius: 24px;
    min-height: auto;
  }
  .site-header {
    height: 64px;
    padding: 0 18px;
    grid-template-columns: minmax(0,1fr) auto;
  }
  .brand { min-width: 0; }
  .brand-mark { width: 34px; height: 34px; flex: 0 0 auto; }
  .brand-word { font-size: 1.18rem; letter-spacing: .015em; }
  .header-actions { gap: 14px; }
  .hero-copy {
    width: 100%;
    max-width: 100%;
    padding-top: 46px;
  }
  .type-synthesis-nova h1 {
    font-size: clamp(2.25rem, 10.4vw, 3.55rem);
    line-height: 1.04;
    max-width: 100%;
    overflow-wrap: normal;
  }
  .type-synthesis-nova h1 span {
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: normal;
  }
  .hero-actions { gap: 10px; margin-top: 24px; }
  .hero-micro { font-size: .82rem; line-height: 1.65; }
  .desktop-stage {
    position: relative;
    inset: auto;
    width: 100%;
    max-width: 100%;
    height: 460px;
    margin: 28px auto 0;
    overflow: visible;
  }
  .energy-floor { left: -20%; right: -20%; }
  .glow-ring { max-width: 82vw; }
  .ring-purple { left: 18%; top: 32%; width: 310px; height: 118px; }
  .ring-cyan { right: -8%; bottom: 24%; width: 285px; height: 108px; }
  .bubble-a { left: 16%; top: 6%; }
  .bubble-b { right: 11%; top: 16%; }
  .product-main { left: 50%; top: 2%; transform: translateX(-50%) rotate(-4deg); }
  .product-left { left: 2%; bottom: 9%; transform: rotate(-8deg) scale(.78); }
  .product-right { right: -2%; bottom: 14%; transform: rotate(8deg) scale(.78); }
  .bag-reference-main { width: 172px; height: 258px; }
  .bag-reference-mini { width: 128px; height: 192px; }
  .proof-dock {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    max-width: 100%;
    grid-template-columns: 1fr;
    margin: 18px 0 0;
    padding: 12px;
    border-radius: 22px;
  }
  .proof-dock div {
    grid-template-columns: 42px 1fr;
    width: 100%;
    max-width: 100%;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
    padding: 12px 4px;
  }
  .proof-dock div:last-child { border-bottom: 0; }
  .proof-dock span { width: 38px; height: 38px; }
  .section-panel {
    width: 100%;
    max-width: 100%;
    padding: 88px 18px;
    overflow: hidden;
  }
  .manifesto > *, .drop > *, .cinema > *, .access > * {
    max-width: 100%;
  }
  .giant-word { font-size: 22vw; top: 8%; }
  .type-synthesis-nova .manifesto h2,
  .type-synthesis-nova .drop h2,
  .type-synthesis-nova .cinema h2,
  .type-synthesis-nova .access h2,
  .manifesto h2, .drop h2, .cinema h2, .access h2 {
    font-size: clamp(2.25rem, 11vw, 3.6rem);
    line-height: 1.04;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .manifesto-copy, .drop-intro p, .access-shell p {
    font-size: 1.02rem;
    line-height: 1.58;
    max-width: 100%;
  }
  .tech-stack, .product-stage, .cinema {
    width: 100%;
    max-width: 100%;
    grid-template-columns: 1fr;
  }
  .tech-stack article, .product-card, .liquid-window, .cinema-copy, .experience-list, .experience-list li, .access-shell {
    width: 100%;
    max-width: 100%;
  }
  .tech-stack article { min-height: auto; padding: 22px; }
  .tech-stack h3, .tech-stack p { max-width: 100%; }
  .product-card { min-height: auto; padding: 16px 14px 76px; }
  .product-bag-reference { width: min(74%, 250px); max-width: 250px; margin-top: 4px; }
  .product-info { padding: 14px 0 8px; }
  .product-specs div { grid-template-columns: 78px 1fr; }
  .liquid-window { min-height: 360px; }
  .access-shell { padding: 28px 18px; }
  .waitlist, .waitlist div { width: 100%; max-width: 100%; }
  .site-footer { width: 100%; max-width: 100%; padding: 28px 18px; }
}
@media(max-width:430px){
  .type-synthesis-nova h1 { font-size: clamp(2.05rem, 9.6vw, 2.72rem); }
  .button { min-width: 0; }
  .hero-actions { flex-direction: column; }
  .button { width: 100%; }
  .desktop-stage { height: 415px; }
  .bag-reference-main { width: 158px; height: 237px; }
  .bag-reference-mini { width: 118px; height: 177px; }
  .product-left { left: -3%; bottom: 7%; }
  .product-right { right: -7%; bottom: 13%; }
}
@media(max-width:430px){
  .type-synthesis-nova h1 {
    font-size: clamp(1.95rem, 7.9vw, 2.22rem);
    line-height: 1.08;
    letter-spacing: 0;
  }
  .tagline { font-size: .94rem; }
}
@media(max-width:900px){
  .manifesto > .section-kicker,
  .manifesto > h2,
  .manifesto > .manifesto-copy,
  .manifesto > .tech-stack,
  .drop > .drop-intro,
  .drop > .product-stage,
  .cinema > .liquid-window,
  .cinema > .cinema-copy,
  .access > .access-shell {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    margin-left: 0;
    margin-right: 0;
  }
  .cinema > .liquid-window *, .cinema > .cinema-copy *, .tech-stack article {
    max-width: 100% !important;
  }
}

/* Frank-selected brand orb: sharp electric cyan/violet energy core */
.brand-mark,
.brand-mini i {
  background-image: url('assets/orbable-brand-energy-orb.jpg') !important;
  background-size: 155% 155% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 0 18px rgba(36,233,255,.95), 0 0 42px rgba(124,68,255,.75), 0 0 70px rgba(185,77,255,.38) !important;
  filter: contrast(1.18) saturate(1.35) brightness(1.08) !important;
}
.brand-mark span {
  opacity: 0 !important;
}

/* Frank's new visual standard: every color/edge should feel like the sharp electric orb references */
:root {
  --cyan: #00f6ff;
  --blue: #004dff;
  --violet: #9b18ff;
  --purple: #c000ff;
  --teal: #00ffd7;
}
body {
  background: radial-gradient(circle at 50% -5%, rgba(0, 70, 255, .34), transparent 30%),
              radial-gradient(circle at 86% 16%, rgba(192, 0, 255, .24), transparent 28%),
              linear-gradient(180deg, #000105 0%, #020716 42%, #000105 100%) !important;
}
.noise { opacity: .07 !important; }
.hero-shell,
.tech-stack article,
.product-card,
.experience-list li,
.access-shell,
.proof-dock,
.liquid-window {
  border-color: rgba(0, 246, 255, .24) !important;
  box-shadow: 0 0 34px rgba(0, 77, 255, .18), 0 0 70px rgba(155, 24, 255, .10), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.hero-shell {
  background: radial-gradient(circle at 52% 58%, rgba(0, 246, 255, .16), transparent 26%),
              radial-gradient(circle at 76% 62%, rgba(192, 0, 255, .24), transparent 24%),
              linear-gradient(180deg, rgba(0,1,7,.94), rgba(2,7,20,.78)) !important;
}
.brand-mark,
.brand-mini i {
  background-image: url('assets/orb-sharp-core.jpg') !important;
  background-size: 165% 165% !important;
  background-position: center !important;
  filter: contrast(1.32) saturate(1.65) brightness(1.13) !important;
}
.bubble {
  background-size: cover !important;
  background-position: center !important;
  border: 1px solid rgba(255,255,255,.3);
  filter: contrast(1.28) saturate(1.55) brightness(1.12) drop-shadow(0 0 12px rgba(0,246,255,.85)) drop-shadow(0 0 24px rgba(192,0,255,.5)) !important;
  box-shadow: none !important;
}
.bubble-a { background-image: url('assets/orb-sharp-ring.jpg') !important; width: 42px; height: 42px; }
.bubble-b { background-image: url('assets/orb-sharp-flare.jpg') !important; width: 48px; height: 48px; }
.bubble-c { background-image: url('assets/orb-sharp-vortex.jpg') !important; width: 28px; height: 28px; }
.bubble-d { background-image: url('assets/orb-sharp-atom.jpg') !important; width: 34px; height: 34px; }
.glow-ring {
  border-color: rgba(0,246,255,.86) !important;
  box-shadow: 0 0 12px rgba(0,246,255,.95), 0 0 34px rgba(155,24,255,.8), inset 0 0 20px rgba(0,246,255,.38) !important;
  filter: contrast(1.24) saturate(1.5) !important;
}
.ring-purple { border-color: rgba(192,0,255,.92) !important; }
.energy-floor {
  background: radial-gradient(ellipse at 47% 100%, rgba(0,246,255,.52), transparent 33%),
              radial-gradient(ellipse at 35% 92%, rgba(155,24,255,.62), transparent 32%),
              radial-gradient(ellipse at 66% 94%, rgba(0,77,255,.5), transparent 28%) !important;
  filter: blur(3px) contrast(1.35) saturate(1.6) !important;
}
.type-synthesis-nova h1 span,
.type-synthesis-nova .tagline,
.type-synthesis-nova .product-compound-line,
.type-synthesis-nova .tech-stack h3,
.type-synthesis-nova .experience-list strong,
.type-synthesis-nova .product-info h3 {
  background: linear-gradient(92deg, #ffffff 0%, #00f6ff 24%, #004dff 50%, #c000ff 78%, #ffffff 100%) !important;
  background-size: 220% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  filter: drop-shadow(0 0 7px rgba(0,246,255,.35)) drop-shadow(0 0 14px rgba(155,24,255,.22));
}
.button.primary,
.product-price,
.waitlist button {
  background: linear-gradient(100deg, #00f6ff 0%, #004dff 42%, #c000ff 78%, #ffffff 100%) !important;
  background-size: 220% 100% !important;
  box-shadow: 0 0 22px rgba(0,246,255,.75), 0 0 48px rgba(192,0,255,.52) !important;
}
.product-bag-reference,
.bag-reference,
.phone-product img {
  filter: contrast(1.14) saturate(1.22) brightness(1.03) drop-shadow(0 24px 52px rgba(0,0,0,.72)) drop-shadow(0 0 30px rgba(0,246,255,.34)) drop-shadow(0 0 46px rgba(155,24,255,.24)) !important;
}
.liquid-window {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 50% 50%, rgba(0,246,255,.20), transparent 32%), #000105 !important;
}
.liquid-window::before {
  content: "";
  position: absolute;
  inset: 8%;
  border-radius: 50%;
  background: url('assets/orb-sharp-atom.jpg') center/cover no-repeat;
  filter: contrast(1.28) saturate(1.55) brightness(1.1) drop-shadow(0 0 34px rgba(0,246,255,.6));
}
.liquid-window::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.12), transparent 28%, rgba(0,246,255,.08) 54%, transparent 74%);
  pointer-events: none;
}
@media(max-width:900px){
  .bubble-a { width: 38px; height: 38px; }
  .bubble-b { width: 42px; height: 42px; }
  .bubble-c { width: 25px; height: 25px; }
  .bubble-d { width: 30px; height: 30px; }
  .energy-floor { filter: blur(2px) contrast(1.35) saturate(1.6) !important; }
}

/* Shorter, intentional control-module headline */
.type-console { min-height: 3.35em; }
@media(max-width:900px){ .type-console { min-height: 3.82em; } }
@media(max-width:430px){
  .type-console { min-height: 3.9em; }
  .type-synthesis-nova h1 { font-size: clamp(1.82rem, 7.45vw, 2.14rem); }
}
@media(max-width:430px){
  .module-readout { display: none; }
  .type-console { min-height: 3.35em; }
  .module-subcopy { font-size: .78rem; line-height: 1.35; }
}

/* Opened social-product bag swap: seamless environmental blend, no visible image box */
.bag-reference,
.product-bag-reference,
.phone-product img {
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
  filter: contrast(1.12) saturate(1.22) brightness(1.02)
          drop-shadow(0 30px 62px rgba(0,0,0,.75))
          drop-shadow(0 0 34px rgba(0,246,255,.32))
          drop-shadow(0 0 52px rgba(155,24,255,.22)) !important;
}
.bag-reference::after,
.product-bag-reference::after {
  display: none !important;
}
.bag-reference img,
.product-bag-reference img,
.phone-product img {
  border-radius: 0 !important;
  object-fit: contain !important;
  mix-blend-mode: screen;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 38%, rgba(0,0,0,.96) 56%, rgba(0,0,0,.72) 72%, transparent 100%);
  mask-image: radial-gradient(ellipse at center, #000 38%, rgba(0,0,0,.96) 56%, rgba(0,0,0,.72) 72%, transparent 100%);
}
.bag-reference-main {
  width: 300px !important;
  height: 375px !important;
}
.bag-reference-mini {
  width: 232px !important;
  height: 290px !important;
}
.product-bag-reference {
  width: min(92%, 365px) !important;
  max-width: 365px !important;
  aspect-ratio: 4 / 5 !important;
  transform: none !important;
}
.phone-product img {
  width: 124px !important;
  height: 155px !important;
}
.product-card {
  background: radial-gradient(circle at 50% 38%, rgba(0,246,255,.16), transparent 32%),
              radial-gradient(circle at 52% 58%, rgba(192,0,255,.12), transparent 40%),
              linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)) !important;
}
.product-card::before {
  background: radial-gradient(ellipse at 50% 52%, rgba(0,246,255,.18), transparent 36%),
              radial-gradient(ellipse at 50% 70%, rgba(192,0,255,.12), transparent 48%) !important;
}
@media(max-width:900px){
  .bag-reference-main { width: 235px !important; height: 294px !important; }
  .bag-reference-mini { width: 176px !important; height: 220px !important; }
  .product-bag-reference { width: min(98%, 335px) !important; }
  .phone-product img { width: 106px !important; height: 133px !important; }
}
@media(max-width:430px){
  .bag-reference-main { width: 210px !important; height: 263px !important; }
  .bag-reference-mini { width: 155px !important; height: 194px !important; }
  .product-bag-reference { width: min(108%, 330px) !important; }
}

/* Blend fix: new bag assets use seamless black composite backgrounds, so render normally with feathered edges */
.bag-reference img,
.product-bag-reference img,
.phone-product img {
  mix-blend-mode: normal !important;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 46%, rgba(0,0,0,.98) 62%, rgba(0,0,0,.7) 78%, transparent 100%) !important;
  mask-image: radial-gradient(ellipse at center, #000 46%, rgba(0,0,0,.98) 62%, rgba(0,0,0,.7) 78%, transparent 100%) !important;
}
.desktop-stage::before {
  content: "";
  position: absolute;
  inset: 5% 0 9%;
  background: radial-gradient(ellipse at 48% 50%, rgba(0,246,255,.16), transparent 34%),
              radial-gradient(ellipse at 61% 55%, rgba(192,0,255,.12), transparent 42%);
  filter: blur(18px);
  pointer-events: none;
}
.float-product::after,
.product-bag-reference::before {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  bottom: 3%;
  height: 24%;
  background: radial-gradient(ellipse at center, rgba(0,246,255,.20), rgba(192,0,255,.10) 42%, transparent 72%);
  filter: blur(14px);
  z-index: -1;
  pointer-events: none;
}

/* Tight-cropped bag assets: reduce the remaining compositing footprint */
.bag-reference-main { width: 250px !important; height: 400px !important; }
.bag-reference-mini { width: 185px !important; height: 296px !important; }
.product-bag-reference { width: min(80%, 315px) !important; max-width: 315px !important; }
@media(max-width:900px){
  .bag-reference-main { width: 190px !important; height: 304px !important; }
  .bag-reference-mini { width: 138px !important; height: 221px !important; }
  .product-bag-reference { width: min(82%, 285px) !important; }
}
@media(max-width:430px){
  .bag-reference-main { width: 170px !important; height: 272px !important; }
  .bag-reference-mini { width: 126px !important; height: 202px !important; }
}

/* Final blend pass: black image backgrounds dissolve into the scene instead of reading as panels */
.bag-reference img,
.product-bag-reference img,
.phone-product img {
  mix-blend-mode: lighten !important;
  opacity: .96;
}
.bag-reference,
.product-bag-reference {
  isolation: auto !important;
}

/* Alpha-cut bag assets: render with true transparency now */
.bag-reference img,
.product-bag-reference img,
.phone-product img {
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

/* True pouch-mask blend: no rectangular photo plates */
.bag-reference img,
.product-bag-reference img,
.phone-product img {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}
.bag-reference,
.product-bag-reference,
.phone-product img {
  filter: contrast(1.1) saturate(1.18) brightness(1.04)
          drop-shadow(0 30px 62px rgba(0,0,0,.78))
          drop-shadow(0 0 28px rgba(0,246,255,.34))
          drop-shadow(0 0 48px rgba(155,24,255,.22)) !important;
}

/* Frank-selected full family shot: keep bags strong and visible */
.family-product-shot {
  position: absolute;
  z-index: 3;
  left: 10%;
  right: 4%;
  top: 3%;
  bottom: 5%;
  margin: 0;
  border-radius: 30px;
  overflow: hidden;
  opacity: 1 !important;
  filter: contrast(1.14) saturate(1.18) brightness(1.08)
          drop-shadow(0 34px 74px rgba(0,0,0,.72))
          drop-shadow(0 0 42px rgba(0,246,255,.26)) !important;
  box-shadow: inset 0 0 0 1px rgba(0,246,255,.18), 0 0 70px rgba(0,77,255,.18);
}
.family-product-shot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 50%;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.family-product-shot::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,1,7,.18), transparent 28%, rgba(0,1,7,.10));
  pointer-events: none;
}
.phone-product img[src*="orbable-family-bags-final"] {
  width: 142px !important;
  height: 178px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 14px !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  filter: contrast(1.12) saturate(1.16) brightness(1.08) drop-shadow(0 18px 38px rgba(0,0,0,.65)) !important;
}
@media(max-width:900px){
  .family-product-shot {
    left: 2%;
    right: 2%;
    top: 8%;
    bottom: 0;
    border-radius: 24px;
  }
  .family-product-shot img {
    object-position: center 54%;
  }
}
@media(max-width:430px){
  .family-product-shot {
    left: -2%;
    right: -2%;
    top: 12%;
    bottom: -2%;
  }
}

/* Final QA hardening */
.hidden-field { display: none !important; }
a:focus-visible,
button:focus-visible,
.button:focus-visible,
.waitlist input:focus-visible {
  outline: 2px solid #00f6ff !important;
  outline-offset: 3px;
  box-shadow: 0 0 0 4px rgba(0,246,255,.18), 0 0 24px rgba(0,246,255,.32) !important;
}
.phone-faux-link,
.phone-access {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 29px;
  margin-top: 12px;
  border-radius: 7px;
  border: 1px solid rgba(255,255,255,.14);
  font-size: .58rem;
  color: white;
  text-align: center;
  line-height: 28px;
  text-decoration: none;
  background: linear-gradient(90deg,#17dbff,#4d74ff 52%,#ef54ff);
  box-shadow: 0 0 18px rgba(36,233,255,.5);
}
.phone-access { background: rgba(255,255,255,.04); box-shadow: none; }
.success-page { min-height: 100vh; display: grid; place-items: center; }
.success-shell { width: min(760px, calc(100% - 36px)); padding: 44px; border: 1px solid rgba(0,246,255,.24); border-radius: 28px; background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)); box-shadow: 0 0 70px rgba(0,77,255,.18); }
.success-shell h1 { font-family: var(--display-font); font-size: clamp(2.4rem, 7vw, 5rem); line-height: .95; letter-spacing: .02em; text-transform: uppercase; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  #orb-field { display: none !important; }
}
@media(max-width:900px){
  .header-actions { gap: 8px; }
  .header-actions a { padding: 8px 10px; font-size: .66rem; }
}

/* Cyclo-Orb delivery replacement: remove the awkward pouch-photo block from the hero */
.delivery-scene-shot {
  left: 9% !important;
  right: 4% !important;
  top: 0 !important;
  bottom: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 36px 82px rgba(0,0,0,.74))
          drop-shadow(0 0 48px rgba(0,246,255,.22))
          drop-shadow(0 0 78px rgba(192,0,255,.16)) !important;
}
.delivery-scene-shot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 63%;
  border-radius: 34px;
  opacity: .94 !important;
  -webkit-mask-image: radial-gradient(ellipse at 52% 56%, #000 0 42%, rgba(0,0,0,.92) 58%, rgba(0,0,0,.48) 76%, transparent 100%) !important;
  mask-image: radial-gradient(ellipse at 52% 56%, #000 0 42%, rgba(0,0,0,.92) 58%, rgba(0,0,0,.48) 76%, transparent 100%) !important;
}
.delivery-scene-shot::before {
  content: "";
  position: absolute;
  inset: -8% -4% -10%;
  z-index: 1;
  background: radial-gradient(circle at 52% 59%, rgba(0,246,255,.28), transparent 26%),
              radial-gradient(circle at 64% 67%, rgba(192,0,255,.22), transparent 32%),
              linear-gradient(90deg, rgba(0,1,7,.34), transparent 35%, rgba(0,1,7,.2));
  pointer-events: none;
  mix-blend-mode: screen;
}
.delivery-scene-shot::after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 2;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(0,1,7,.48), transparent 27%, transparent 62%, rgba(0,1,7,.48)),
              linear-gradient(90deg, rgba(0,1,7,.46), transparent 30%, rgba(0,1,7,.24));
  pointer-events: none;
}
.delivery-scene-shot figcaption {
  position: absolute;
  z-index: 3;
  left: clamp(18px, 4vw, 44px);
  right: clamp(18px, 4vw, 44px);
  bottom: clamp(128px, 11vw, 168px);
  display: grid;
  gap: 7px;
  max-width: 520px;
  padding: 18px 20px;
  border: 1px solid rgba(0,246,255,.24);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(2,7,19,.82), rgba(4,9,24,.48));
  box-shadow: 0 0 34px rgba(0,246,255,.14), inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter: blur(14px);
}
.delivery-scene-shot figcaption span,
.delivery-scene-shot figcaption strong {
  font-family: var(--support-font);
  text-transform: uppercase;
}
.delivery-scene-shot figcaption span {
  color: #00f6ff;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .2em;
}
.delivery-scene-shot figcaption strong {
  color: #f8fbff;
  font-size: 1.05rem;
  line-height: 1.25;
  letter-spacing: .065em;
}
.phone-product img[src*="orbable-cyclo-orb-delivery-scene"] {
  width: 150px !important;
  height: 188px !important;
  object-fit: cover !important;
  object-position: center 64% !important;
  border-radius: 18px !important;
  opacity: .94 !important;
  -webkit-mask-image: linear-gradient(#000, rgba(0,0,0,.95) 72%, transparent) !important;
  mask-image: linear-gradient(#000, rgba(0,0,0,.95) 72%, transparent) !important;
  filter: contrast(1.12) saturate(1.2) brightness(1.04)
          drop-shadow(0 18px 38px rgba(0,0,0,.65))
          drop-shadow(0 0 22px rgba(0,246,255,.28)) !important;
}
@media(max-width:900px){
  .delivery-scene-shot {
    left: -5% !important;
    right: -5% !important;
    top: 0 !important;
    bottom: -3% !important;
  }
  .delivery-scene-shot img {
    border-radius: 28px;
    object-position: center 61%;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 12%, #000 76%, transparent 100%) !important;
    mask-image: linear-gradient(180deg, transparent 0%, #000 12%, #000 76%, transparent 100%) !important;
  }
  .delivery-scene-shot figcaption {
    left: 8%;
    right: 8%;
    bottom: 7%;
    padding: 15px 16px;
  }
  .delivery-scene-shot figcaption strong {
    font-size: .92rem;
  }
}
@media(max-width:430px){
  .desktop-stage {
    height: 500px;
  }
  .delivery-scene-shot {
    left: -9% !important;
    right: -9% !important;
    top: -2% !important;
    bottom: -1% !important;
  }
  .delivery-scene-shot figcaption {
    bottom: 8%;
    left: 10%;
    right: 10%;
  }
}

/* Dropdown navigation */
.nav-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.nav-dropdown > button {
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(240,246,255,.68);
  cursor: pointer;
  font: inherit;
  font-size: .72rem;
  letter-spacing: inherit;
  padding: 18px 0;
  text-transform: uppercase;
}
.nav-dropdown > button span {
  display: inline-block;
  margin-left: 5px;
  color: #00f6ff;
  font-size: .62rem;
  transform: translateY(-1px);
}
.nav-dropdown:hover > button,
.nav-dropdown:focus-within > button {
  color: #fff;
}
.dropdown-menu {
  position: absolute;
  top: calc(100% - 6px);
  left: 50%;
  z-index: 20;
  min-width: 210px;
  padding: 9px;
  border: 1px solid rgba(0,246,255,.22);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(2,7,19,.96), rgba(7,13,32,.88));
  box-shadow: 0 20px 56px rgba(0,0,0,.52), 0 0 32px rgba(0,246,255,.12);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 8px);
  transition: opacity .18s ease, transform .18s ease;
}
.nav-dropdown:hover .dropdown-menu,
.nav-dropdown:focus-within .dropdown-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}
.dropdown-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  padding: 10px 12px;
  border-radius: 12px;
  color: rgba(244,250,255,.8) !important;
  font-family: var(--support-font);
  font-size: .76rem !important;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.dropdown-menu a:hover,
.dropdown-menu a[aria-current="page"] {
  background: linear-gradient(90deg, rgba(0,246,255,.13), rgba(192,0,255,.12));
  color: #fff !important;
}

/* The Orbaverse */
.orbaverse-page {
  min-height: 100vh;
}
.orbaverse-page .reveal {
  opacity: 1;
  transform: none;
}
.orbaverse-page .site-header {
  position: fixed;
}
.orbaverse-main {
  position: relative;
  z-index: 3;
  width: min(1460px, calc(100% - 32px));
  margin: 17px auto 0;
  padding: 108px 46px 84px;
  border: 1px solid rgba(0,246,255,.2);
  border-radius: 30px;
  background: radial-gradient(circle at 74% 20%, rgba(192,0,255,.18), transparent 28%),
              radial-gradient(circle at 26% 12%, rgba(0,246,255,.15), transparent 30%),
              linear-gradient(180deg, rgba(0,1,7,.94), rgba(2,7,20,.78));
  box-shadow: 0 36px 140px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.12);
  overflow: hidden;
}
.orbaverse-main::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 52% 0%, rgba(0,246,255,.1), transparent 36%),
              linear-gradient(180deg, transparent 64%, rgba(0,246,255,.06));
  pointer-events: none;
}
.orbaverse-hero,
.orbaverse-library {
  position: relative;
  z-index: 2;
}
.orbaverse-hero {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(360px, .72fr);
  gap: 44px;
  align-items: center;
  min-height: 620px;
}
.orbaverse-hero h1 {
  font-family: var(--display-font);
  margin: 0;
  font-size: clamp(3rem, 4.8vw, 5.8rem);
  line-height: .92;
  letter-spacing: .02em;
  text-transform: uppercase;
  background: linear-gradient(92deg, #fff 0%, #00f6ff 28%, #004dff 54%, #c000ff 82%, #fff 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 18px rgba(0,246,255,.26));
}
.orbaverse-hero-copy > p:not(.section-kicker) {
  max-width: 780px;
  color: #eaf9ff;
  font-family: var(--support-font);
  font-size: 1.24rem;
  letter-spacing: .035em;
  line-height: 1.55;
}
.orbaverse-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 720px;
  margin-top: 30px;
}
.orbaverse-stats span {
  min-height: 104px;
  padding: 18px;
  border: 1px solid rgba(0,246,255,.2);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(0,246,255,.08), rgba(192,0,255,.055));
  color: rgba(244,250,255,.78);
  font-family: var(--support-font);
  font-size: .78rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.orbaverse-stats strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-family: var(--display-font);
  font-size: 2.4rem;
  line-height: 1;
}
.orbaverse-hero-art {
  position: relative;
  min-height: 540px;
  margin: 0;
  border-radius: 34px;
  overflow: hidden;
  border: 1px solid rgba(0,246,255,.18);
  box-shadow: 0 34px 90px rgba(0,0,0,.5), 0 0 60px rgba(0,246,255,.14);
}
.orbaverse-hero-art img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 540px;
  object-fit: cover;
  object-position: center 64%;
  opacity: .9;
}
.orbaverse-hero-art::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,1,7,.28), transparent 50%, rgba(0,1,7,.42));
  pointer-events: none;
}
.orbaverse-library {
  margin-top: 74px;
}
.orbaverse-section-heading {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(280px, .28fr);
  gap: 24px;
  align-items: end;
  margin-bottom: 24px;
}
.orbaverse-section-heading h2 {
  grid-column: 1 / -1;
  margin: 0;
  max-width: 920px;
  font-family: var(--display-font);
  font-size: clamp(2.4rem, 4.8vw, 5.2rem);
  line-height: .98;
  letter-spacing: .015em;
  text-transform: uppercase;
}
.flyer-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}
.flyer-grid-featured {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flyer-card {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 520px;
  overflow: hidden;
  border: 1px solid rgba(0,246,255,.18);
  border-radius: 22px;
  background: radial-gradient(circle at 50% 0%, rgba(0,246,255,.12), transparent 32%),
              linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.02));
  box-shadow: 0 22px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.1);
}
.flyer-card > img {
  display: block;
  width: 100%;
  aspect-ratio: 8.5 / 11;
  object-fit: cover;
  object-position: top center;
  border-bottom: 1px solid rgba(0,246,255,.15);
  filter: saturate(.92) contrast(1.02);
}
.flyer-card > div {
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 16px 16px 8px;
}
.flyer-card span {
  color: #00f6ff;
  font-family: var(--support-font);
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.flyer-card h3 {
  margin: 0;
  color: #f8fbff;
  font-family: var(--support-font);
  font-size: 1.25rem;
  line-height: 1.05;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.flyer-card p {
  margin: 0;
  color: rgba(236,246,255,.68);
  font-size: .9rem;
  line-height: 1.45;
}
.flyer-card nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 14px 16px 16px;
}
.flyer-card nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border: 1px solid rgba(0,246,255,.24);
  border-radius: 12px;
  color: #fff;
  font-family: var(--support-font);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-decoration: none;
  text-transform: uppercase;
}
.flyer-card nav a:first-child {
  background: linear-gradient(90deg, rgba(0,246,255,.18), rgba(0,77,255,.16));
}
.flyer-card nav a:hover {
  border-color: rgba(0,246,255,.55);
  box-shadow: 0 0 20px rgba(0,246,255,.16);
}
@media(max-width:1180px){
  .flyer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media(max-width:900px){
  .nav-dropdown {
    display: none;
  }
  .header-actions a.orbaverse-action {
    display: inline-flex;
  }
  .orbaverse-main {
    width: calc(100% - 16px);
    max-width: calc(100% - 16px);
    margin: 8px auto 0;
    padding: 92px 18px 56px;
    border-radius: 24px;
  }
  .orbaverse-hero {
    grid-template-columns: 1fr;
    gap: 24px;
    min-height: auto;
  }
  .orbaverse-hero h1 {
    font-size: clamp(2.15rem, 10vw, 3rem);
    letter-spacing: 0;
    overflow-wrap: anywhere;
  }
  .orbaverse-hero-copy > p:not(.section-kicker) {
    font-size: 1.02rem;
  }
  .orbaverse-stats {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .orbaverse-stats span {
    min-height: 78px;
  }
  .orbaverse-hero-art {
    min-height: 420px;
  }
  .orbaverse-hero-art img {
    min-height: 420px;
  }
  .orbaverse-section-heading {
    display: block;
  }
  .flyer-grid,
  .flyer-grid-featured {
    grid-template-columns: 1fr;
  }
  .flyer-card {
    min-height: auto;
  }
}
@media(max-width:430px){
  .orbaverse-main {
    padding-left: 14px;
    padding-right: 14px;
  }
  .orbaverse-hero-art {
    min-height: 360px;
  }
  .orbaverse-hero-art img {
    min-height: 360px;
  }
  .flyer-card > div {
    padding: 14px 14px 6px;
  }
  .flyer-card nav {
    padding: 12px 14px 14px;
  }
}

/* Product universe pass: keep the homepage educational, not a crowded SKU wall */
.drop .product-stage {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}
.drop .product-card {
  min-height: 620px;
  grid-template-rows: auto 1fr auto;
  padding: 24px;
}
.lineup-orb-reference {
  width: 176px !important;
  height: 176px !important;
  aspect-ratio: 1 / 1 !important;
  margin: 16px auto 22px !important;
  border-radius: 50% !important;
  transform: none !important;
  overflow: hidden;
  filter: drop-shadow(0 0 28px rgba(0,246,255,.48))
          drop-shadow(0 0 54px rgba(192,0,255,.28)) !important;
}
.lineup-orb-reference::before {
  content: "";
  position: absolute;
  inset: -18%;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;
  transform: rotate(-20deg) scaleX(1.45);
  box-shadow: 0 0 28px rgba(0,246,255,.28);
  z-index: 2;
}
.lineup-orb-reference::after {
  border-radius: 50% !important;
  box-shadow: inset 0 0 0 1px rgba(230,246,255,.28),
              inset -22px -26px 42px rgba(0,0,0,.44),
              inset 0 0 30px rgba(0,246,255,.18) !important;
}
.lineup-orb-reference img {
  border-radius: 50% !important;
  object-fit: cover;
  transform: scale(1.06);
}
.product-library-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.product-library-link:hover {
  box-shadow: 0 0 28px rgba(0,246,255,.52), 0 0 44px rgba(192,0,255,.26);
}
@media(max-width:900px){
  .drop .product-stage {
    grid-template-columns: 1fr;
  }
  .drop .product-card {
    min-height: auto;
    padding: 20px 16px 76px;
  }
  .lineup-orb-reference {
    width: 148px !important;
    height: 148px !important;
    margin-top: 8px !important;
  }
}
