.imagine-section{position:relative;overflow:hidden;padding:92px 0;background:radial-gradient(circle at 78% 46%,rgba(47,128,237,.24),transparent 28%),linear-gradient(145deg,#020c1c 0%,#071a34 52%,#061426 100%);border-top:1px solid rgba(86,199,255,.18);border-bottom:1px solid rgba(255,209,102,.2)}
.imagine-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(86,199,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(86,199,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,transparent,black 55%,transparent)}
.imagine-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(42px,7vw,90px);align-items:center}
.imagine-copy h2{max-width:780px;margin:16px 0 24px;color:#fff;font-size:clamp(2.5rem,5.3vw,5rem);line-height:1.01;letter-spacing:-.045em}
.imagine-outcomes{display:grid;gap:11px;margin:0 0 27px;padding:0;list-style:none}
.imagine-outcomes li{position:relative;padding-left:31px;color:#e8f3ff;font-size:clamp(1.05rem,1.7vw,1.26rem);line-height:1.5}
.imagine-outcomes li:before{content:"";position:absolute;left:2px;top:.62em;width:12px;height:12px;border:2px solid #56c7ff;border-radius:50%;box-shadow:0 0 16px rgba(86,199,255,.85)}
.imagine-system{max-width:720px;margin:0 0 13px;color:#ffd166;font-size:clamp(1.16rem,2vw,1.46rem);font-weight:900;line-height:1.45}
.imagine-pain{max-width:720px;margin:0 0 28px;color:#c7d6ea;font-weight:750;line-height:1.65}
.imagine-score{max-width:720px;padding:24px;border:1px solid rgba(255,209,102,.34);border-radius:22px;background:linear-gradient(135deg,rgba(255,209,102,.11),rgba(255,255,255,.045));box-shadow:0 20px 55px rgba(0,0,0,.24)}
.imagine-score h3{margin:0 0 8px;color:#fff;font-size:clamp(1.35rem,2.4vw,1.85rem)}
.imagine-score p{margin:0;color:#d7e5f5;line-height:1.6}
.imagine-cta{margin-top:20px;min-width:230px;box-shadow:0 14px 36px rgba(255,209,102,.18)}
.imagine-visual{position:relative;min-width:0;padding:34px 0}
.imagine-glow{position:absolute;inset:8% 2%;border-radius:50%;background:radial-gradient(circle,rgba(73,181,255,.34),rgba(47,128,237,.08) 48%,transparent 70%);filter:blur(8px)}
.imagine-phone{position:relative;width:min(100%,410px);margin:auto;padding:12px;border:1px solid rgba(255,255,255,.35);border-radius:42px;background:linear-gradient(145deg,#172a44,#020813 70%);box-shadow:0 38px 90px rgba(0,0,0,.52),0 0 55px rgba(47,128,237,.2)}
.imagine-phone-top{display:flex;justify-content:space-between;padding:9px 20px 12px;color:#cfe7ff;font-size:.72rem;font-weight:850;letter-spacing:.08em}
.imagine-status{color:#ffd166}
.imagine-screen{padding:24px 16px 18px;border-radius:30px;background:linear-gradient(180deg,#0b2445,#061426);border:1px solid rgba(86,199,255,.15)}
.imagine-screen-head{display:flex;align-items:center;justify-content:space-between;margin:0 4px 18px;color:#fff;font-size:1.05rem;font-weight:900}
.imagine-screen-head b{padding:5px 9px;border-radius:999px;background:rgba(74,222,128,.12);color:#7ff0ab;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
.imagine-notice{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;margin:10px 0;padding:14px 12px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.035));box-shadow:0 10px 25px rgba(0,0,0,.18)}
.notice-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:rgba(86,199,255,.14);color:#7dd5ff;font-size:1.25rem;font-weight:1000}
.notice-booked .notice-icon{background:rgba(74,222,128,.13);color:#83f2ad}.notice-recovered .notice-icon{background:rgba(255,209,102,.14);color:#ffd166}
.imagine-notice b,.imagine-notice small{display:block}.imagine-notice b{color:#fff;font-size:.91rem}.imagine-notice small{margin-top:3px;color:#aebfd3;font-size:.72rem}.imagine-notice em{color:#7dd5ff;font-size:.68rem;font-style:normal;font-weight:850}
.imagine-brand{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:20px 4px 2px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}
.imagine-brand strong{color:#ffd166;font-size:.9rem}.imagine-brand span{color:#8fa6c0;font-size:.64rem;text-align:right}
.imagine-disclaimer{position:relative;max-width:410px;margin:16px auto 0;color:#91a6bd;font-size:.74rem;line-height:1.5;text-align:center}
@media(max-width:960px){.imagine-section{padding:76px 0}.imagine-grid{grid-template-columns:1fr}.imagine-copy{text-align:center}.imagine-copy h2,.imagine-system,.imagine-pain,.imagine-score{margin-left:auto;margin-right:auto}.imagine-outcomes{width:min(620px,100%);margin-left:auto;margin-right:auto;text-align:left}.imagine-visual{width:min(520px,100%);margin:auto;padding-top:6px}.imagine-score{text-align:left}}
@media(max-width:620px){.imagine-section{padding:58px 0}.imagine-copy h2{font-size:clamp(2.25rem,11.5vw,3.35rem)}.imagine-score{padding:20px;border-radius:18px}.imagine-cta{display:flex;width:100%;min-height:56px}.imagine-visual{padding-bottom:10px}.imagine-phone{width:min(100%,370px);border-radius:34px;padding:9px}.imagine-screen{padding:19px 11px 15px;border-radius:27px}.imagine-notice{grid-template-columns:38px 1fr auto;padding:12px 10px;gap:9px}.notice-icon{width:38px;height:38px}.imagine-brand{align-items:flex-start;flex-direction:column}.imagine-brand span{text-align:left}}
@media(max-width:380px){.imagine-notice em{display:none}.imagine-notice{grid-template-columns:36px 1fr}.notice-icon{width:36px;height:36px}.imagine-notice small{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.imagine-section *{scroll-behavior:auto!important}}