/* MIKRON iPhone V22 — light spots only, no repeated orbit overload */
body[data-page="iphone"]{--lime:#b7ff32;--lime-soft:#dfff82;--ink:#06110c}

body[data-page="iphone"] .hero,
body[data-page="iphone"] .iphone-picker-section,
body[data-page="iphone"] .iphone-advantages-section,
body[data-page="iphone"] .iphone-breaks-section,
body[data-page="iphone"] #services-list,
body[data-page="iphone"] .iphone-steps-section,
body[data-page="iphone"] #reviews,
body[data-page="iphone"] .cta-banner,
body[data-page="iphone"] #contact{position:relative!important;overflow:hidden!important;isolation:isolate}

body[data-page="iphone"] .hero>.wrap,
body[data-page="iphone"] .iphone-picker-section>.wrap,
body[data-page="iphone"] .iphone-advantages-section>.wrap,
body[data-page="iphone"] .iphone-breaks-section>.wrap,
body[data-page="iphone"] #services-list>.wrap,
body[data-page="iphone"] .iphone-steps-section>.wrap,
body[data-page="iphone"] #reviews>.wrap,
body[data-page="iphone"] .cta-banner>.wrap,
body[data-page="iphone"] #contact>.wrap{position:relative;z-index:3}

/* Remove the repeated ring/orbit vocabulary from the iPhone page. */
body[data-page="iphone"] .device-ring,
body[data-page="iphone"] .contact-orbit-bg,
body[data-page="iphone"] .contact-orbit{display:none!important}

/* Keep technical traces in the hero, but without circular decorations. */
body[data-page="iphone"] .hero-bg{opacity:.36!important}
body[data-page="iphone"] .hero-bg .node{opacity:.45!important}

/* HERO: one broad pale glow high-left, one denser lime glow low-right. */
body[data-page="iphone"] .hero{background:
 radial-gradient(46rem 34rem at 17% 18%,rgba(222,255,145,.28),transparent 66%),
 radial-gradient(50rem 36rem at 86% 76%,rgba(170,255,43,.23),transparent 67%),
 linear-gradient(135deg,#0b2215 0%,#07160f 52%,#0a1e13 100%)!important}
body[data-page="iphone"] .hero::before{content:"";position:absolute;inset:-12%;z-index:0;pointer-events:none;background:
 radial-gradient(34rem 24rem at 28% 32%,rgba(232,255,174,.18),transparent 70%),
 radial-gradient(25rem 19rem at 73% 62%,rgba(183,255,50,.16),transparent 72%);filter:blur(16px);animation:v22HeroBreathe 10s ease-in-out infinite alternate}
body[data-page="iphone"] .hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:
 radial-gradient(circle at 12% 68%,rgba(225,255,152,.8) 0 2px,rgba(183,255,50,.16) 4px,transparent 13px),
 radial-gradient(circle at 78% 20%,rgba(183,255,50,.72) 0 2px,rgba(183,255,50,.14) 4px,transparent 12px),
 radial-gradient(circle at 91% 72%,rgba(229,255,166,.68) 0 2px,rgba(183,255,50,.12) 4px,transparent 12px);opacity:.75;animation:v22SparkSlow 8s ease-in-out infinite alternate}

/* PICKER: brightest spots are bottom-left and upper-right, with a moving soft patch through the centre. */
body[data-page="iphone"] .iphone-picker-section{background:
 radial-gradient(58rem 40rem at -6% 82%,rgba(188,255,64,.30),transparent 62%),
 radial-gradient(46rem 34rem at 94% 14%,rgba(224,255,145,.23),transparent 65%),
 radial-gradient(34rem 28rem at 58% 56%,rgba(154,239,42,.13),transparent 70%),
 linear-gradient(180deg,#07140d,#08170f)!important}
body[data-page="iphone"] .iphone-picker-section::before{content:""!important;position:absolute!important;inset:-10%!important;z-index:0!important;pointer-events:none!important;border:0!important;border-radius:0!important;filter:blur(18px)!important;background:
 radial-gradient(31rem 23rem at 18% 76%,rgba(217,255,126,.18),transparent 70%),
 radial-gradient(29rem 21rem at 70% 27%,rgba(183,255,50,.17),transparent 72%)!important;opacity:1!important;animation:v22PickerDrift 13s ease-in-out infinite alternate!important;transform:none!important}
body[data-page="iphone"] .iphone-picker-section::after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;border:0!important;border-radius:0!important;background:
 radial-gradient(circle at 8% 28%,rgba(232,255,175,.92) 0 2px,rgba(183,255,50,.18) 4px,transparent 13px),
 radial-gradient(circle at 35% 81%,rgba(183,255,50,.82) 0 3px,rgba(183,255,50,.16) 5px,transparent 15px),
 radial-gradient(circle at 62% 13%,rgba(227,255,159,.85) 0 2px,rgba(183,255,50,.14) 4px,transparent 13px),
 radial-gradient(circle at 88% 53%,rgba(183,255,50,.9) 0 3px,rgba(183,255,50,.18) 5px,transparent 16px)!important;opacity:.8!important;animation:v22Twinkle 6.5s ease-in-out infinite alternate!important;transform:none!important}

/* ADVANTAGES: calmer, pale light concentrated top-centre and right-bottom. */
body[data-page="iphone"] .iphone-advantages-section{background:
 radial-gradient(42rem 30rem at 51% -8%,rgba(224,255,153,.18),transparent 66%),
 radial-gradient(38rem 27rem at 92% 88%,rgba(166,251,45,.17),transparent 68%),
 linear-gradient(180deg,#0a1c12,#08160f)!important}
body[data-page="iphone"] .iphone-advantages-section::before{content:"";position:absolute;inset:-8%;z-index:0;pointer-events:none;background:radial-gradient(26rem 18rem at 72% 44%,rgba(192,255,75,.13),transparent 72%);filter:blur(20px);animation:v22SoftRise 12s ease-in-out infinite alternate}

/* BREAKS: asymmetrical light — bright centre-left, faint top-right. */
body[data-page="iphone"] .iphone-breaks-section{background:
 radial-gradient(50rem 34rem at 34% 54%,rgba(196,255,77,.23),transparent 63%),
 radial-gradient(32rem 24rem at 89% 8%,rgba(225,255,155,.13),transparent 68%),
 linear-gradient(145deg,#07150e,#0a1d12)!important}
body[data-page="iphone"] .iphone-breaks-section::before{content:"";position:absolute;inset:-12%;z-index:0;pointer-events:none;background:radial-gradient(28rem 20rem at 20% 72%,rgba(183,255,50,.14),transparent 72%);filter:blur(15px);animation:v22BreakSweep 11s ease-in-out infinite alternate}

/* SERVICES: largest light coverage, but no circles/orbits — cloud-like lime and pale green patches. */
body[data-page="iphone"] #services-list{background:
 radial-gradient(68rem 44rem at 8% 18%,rgba(221,255,143,.30),transparent 61%),
 radial-gradient(56rem 40rem at 72% 40%,rgba(179,255,49,.24),transparent 64%),
 radial-gradient(52rem 36rem at 28% 94%,rgba(155,240,41,.22),transparent 65%),
 radial-gradient(46rem 32rem at 98% 82%,rgba(226,255,154,.22),transparent 64%),
 linear-gradient(180deg,#07140d,#091a11)!important}
body[data-page="iphone"] #services-list::before{content:""!important;position:absolute!important;inset:-14%!important;z-index:0!important;pointer-events:none!important;border:0!important;border-radius:0!important;background:
 radial-gradient(36rem 26rem at 24% 30%,rgba(231,255,170,.21),transparent 72%),
 radial-gradient(33rem 25rem at 79% 67%,rgba(183,255,50,.21),transparent 73%)!important;filter:blur(22px)!important;opacity:1!important;animation:v22ServiceFlow 15s ease-in-out infinite alternate!important;transform:none!important}
body[data-page="iphone"] #services-list::after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;border:0!important;border-radius:0!important;background:
 radial-gradient(circle at 11% 72%,rgba(230,255,164,.88) 0 2px,rgba(183,255,50,.15) 4px,transparent 13px),
 radial-gradient(circle at 39% 19%,rgba(183,255,50,.78) 0 3px,rgba(183,255,50,.15) 5px,transparent 15px),
 radial-gradient(circle at 67% 81%,rgba(228,255,160,.83) 0 2px,rgba(183,255,50,.14) 4px,transparent 14px),
 radial-gradient(circle at 93% 28%,rgba(183,255,50,.88) 0 3px,rgba(183,255,50,.16) 5px,transparent 16px)!important;opacity:.82!important;animation:v22ServiceSpark 7s ease-in-out infinite alternate!important;transform:none!important}

/* STEPS: dimmer, more premium, light moves horizontally instead of orbiting. */
body[data-page="iphone"] .iphone-steps-section{background:
 radial-gradient(44rem 28rem at 83% 22%,rgba(211,255,124,.17),transparent 67%),
 radial-gradient(39rem 26rem at 15% 82%,rgba(161,245,42,.14),transparent 68%),
 linear-gradient(180deg,#091811,#07140d)!important}
body[data-page="iphone"] .iphone-steps-section::before{content:"";position:absolute;inset:-10%;z-index:0;pointer-events:none;background:radial-gradient(29rem 20rem at 48% 50%,rgba(183,255,50,.10),transparent 72%);filter:blur(18px);animation:v22StepSlide 14s ease-in-out infinite alternate}

/* REVIEWS: grey cards stay grey; background gets bright bottom-left plus a softer upper-middle patch. */
body[data-page="iphone"] #reviews{background:
 radial-gradient(55rem 38rem at 5% 96%,rgba(191,255,67,.27),transparent 61%),
 radial-gradient(38rem 29rem at 58% 7%,rgba(225,255,154,.18),transparent 67%),
 radial-gradient(32rem 24rem at 94% 54%,rgba(165,249,45,.15),transparent 70%),
 linear-gradient(180deg,#07140d,#091a11)!important}
body[data-page="iphone"] #reviews::before{content:"";position:absolute;inset:-12%;z-index:0;pointer-events:none;background:radial-gradient(31rem 22rem at 25% 64%,rgba(183,255,50,.14),transparent 72%);filter:blur(20px);animation:v22ReviewsDrift 12s ease-in-out infinite alternate}
body[data-page="iphone"] #reviews::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:
 radial-gradient(circle at 15% 25%,rgba(232,255,178,.82) 0 2px,rgba(183,255,50,.13) 4px,transparent 13px),
 radial-gradient(circle at 73% 75%,rgba(183,255,50,.82) 0 3px,rgba(183,255,50,.14) 5px,transparent 15px),
 radial-gradient(circle at 91% 17%,rgba(226,255,157,.72) 0 2px,rgba(183,255,50,.12) 4px,transparent 12px);opacity:.72;animation:v22Twinkle 8s ease-in-out infinite alternate}

/* CTA: a single soft luminous band from the right, deliberately simpler than other sections. */
body[data-page="iphone"] .cta-banner{background:
 radial-gradient(48rem 30rem at 86% 54%,rgba(193,255,71,.26),transparent 62%),
 linear-gradient(100deg,#07140d 0%,#0b2014 58%,#0a1b11 100%)!important}
body[data-page="iphone"] .cta-banner::before{content:"";position:absolute;inset:-20% -10%;z-index:0;pointer-events:none;background:linear-gradient(105deg,transparent 28%,rgba(210,255,119,.08) 49%,transparent 69%);filter:blur(16px);animation:v22CtaBand 9s ease-in-out infinite alternate}

/* CONTACT: remove orbit art; use pale glow behind the copy and lime glow behind the form, plus sparse particles. */
body[data-page="iphone"] #contact{background:
 radial-gradient(52rem 38rem at 22% 22%,rgba(224,255,150,.24),transparent 63%),
 radial-gradient(50rem 36rem at 82% 66%,rgba(177,255,48,.23),transparent 64%),
 radial-gradient(34rem 26rem at 48% 96%,rgba(156,240,41,.13),transparent 69%),
 linear-gradient(150deg,#08170f,#0a1d12)!important}
body[data-page="iphone"] #contact::before{content:"";position:absolute;inset:-10%;z-index:0;pointer-events:none;background:
 radial-gradient(29rem 22rem at 37% 68%,rgba(228,255,164,.16),transparent 72%),
 radial-gradient(27rem 20rem at 74% 31%,rgba(183,255,50,.16),transparent 72%);filter:blur(20px);animation:v22ContactFloat 16s ease-in-out infinite alternate}
body[data-page="iphone"] #contact::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:
 radial-gradient(circle at 8% 58%,rgba(229,255,164,.76) 0 2px,rgba(183,255,50,.13) 4px,transparent 13px),
 radial-gradient(circle at 44% 16%,rgba(183,255,50,.82) 0 3px,rgba(183,255,50,.14) 5px,transparent 15px),
 radial-gradient(circle at 69% 83%,rgba(230,255,168,.78) 0 2px,rgba(183,255,50,.13) 4px,transparent 13px),
 radial-gradient(circle at 94% 35%,rgba(183,255,50,.84) 0 3px,rgba(183,255,50,.15) 5px,transparent 16px);opacity:.7;animation:v22ContactSpark 9s ease-in-out infinite alternate}

/* Neutralize any legacy ring-like pseudo effects that survived from older layers. */
body[data-page="iphone"] .iphone-product-media::before,
body[data-page="iphone"] .iphone-product-media::after{border:0!important;outline:0!important;background-image:none!important}

@keyframes v22HeroBreathe{0%{transform:translate3d(-1.5%,1%,0) scale(.98);opacity:.72}100%{transform:translate3d(2.5%,-1.5%,0) scale(1.07);opacity:1}}
@keyframes v22SparkSlow{0%{opacity:.45;transform:translateY(0)}100%{opacity:.9;transform:translateY(-9px)}}
@keyframes v22PickerDrift{0%{transform:translate3d(-3%,3%,0) scale(.98)}100%{transform:translate3d(5%,-2%,0) scale(1.08)}}
@keyframes v22Twinkle{0%{opacity:.42}45%{opacity:.9}100%{opacity:.62}}
@keyframes v22SoftRise{0%{transform:translate3d(0,5%,0) scale(.96)}100%{transform:translate3d(-3%,-3%,0) scale(1.08)}}
@keyframes v22BreakSweep{0%{transform:translate3d(-4%,2%,0)}100%{transform:translate3d(9%,-2%,0)}}
@keyframes v22ServiceFlow{0%{transform:translate3d(-4%,3%,0) scale(.96)}100%{transform:translate3d(6%,-4%,0) scale(1.08)}}
@keyframes v22ServiceSpark{0%{opacity:.35}50%{opacity:.88}100%{opacity:.58}}
@keyframes v22StepSlide{0%{transform:translateX(-10%) scale(.98)}100%{transform:translateX(12%) scale(1.05)}}
@keyframes v22ReviewsDrift{0%{transform:translate3d(5%,2%,0) scale(.97)}100%{transform:translate3d(-4%,-3%,0) scale(1.06)}}
@keyframes v22CtaBand{0%{transform:translateX(-12%);opacity:.4}100%{transform:translateX(12%);opacity:.85}}
@keyframes v22ContactFloat{0%{transform:translate3d(-2%,3%,0) scale(.97)}100%{transform:translate3d(4%,-3%,0) scale(1.07)}}
@keyframes v22ContactSpark{0%{opacity:.38}55%{opacity:.82}100%{opacity:.56}}

@media (prefers-reduced-motion:reduce){body[data-page="iphone"] *::before,body[data-page="iphone"] *::after{animation:none!important}}
