/* Native & Cross-Platform Mobile Ecosystems — v2 */

.fas,.far,.fab{font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-style:normal!important}
.fa-brands{font-family:"Font Awesome 6 Brands"!important;font-weight:400!important}

/* dark theme accent = blue/cyan, light theme accent = orange (via overrides below) */
.me-accent{background:linear-gradient(135deg,#0A4AFF 0%,#00D4FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ── SHARED ── */
.me-section-header{text-align:center;max-width:800px;margin:0 auto 64px}
.me-section-header h2{font-size:44px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:14px}
.me-section-header p{font-size:17px;color:rgba(255,255,255,0.5);line-height:1.7}

/* ── BUTTONS ── */
.me-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#0A4AFF,#00D4FF);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all 0.3s ease;box-shadow:0 8px 30px rgba(0,212,255,0.3)}
.me-cta-btn:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,212,255,0.5)}
.me-cta-btn i{color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;transition:transform 0.2s}
.me-cta-btn:hover i{transform:translateX(4px)}
.me-cta-large{font-size:17px;padding:20px 44px}

/* ── HERO ── */
.me-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#030D1A;padding:130px 60px 80px;overflow:hidden}
.me-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}

/* ── FLOATING PHONE SCENE (replaces broken 3D explode) ── */
.me-phone-scene{position:absolute;right:7%;top:50%;transform:translateY(-50%);width:260px;height:480px;z-index:5;display:flex;align-items:center;justify-content:center}

/* floating label chips */
.me-float-chip{position:absolute;display:flex;align-items:center;gap:7px;padding:8px 14px;background:rgba(10,30,60,0.75);border:1px solid rgba(0,212,255,0.35);border-radius:50px;backdrop-filter:blur(12px);font-size:11px;font-weight:700;color:#00D4FF;letter-spacing:0.5px;white-space:nowrap;box-shadow:0 4px 20px rgba(0,212,255,0.15)}
.me-float-chip i{font-size:12px;color:#00D4FF!important;-webkit-text-fill-color:#00D4FF!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important}
.me-chip-ui{top:40px;left:-30px;animation:meFloat1 4s ease-in-out infinite}
.me-chip-logic{top:50%;left:-50px;transform:translateY(-50%);animation:meFloat2 4.5s ease-in-out infinite}
.me-chip-db{bottom:50px;left:-20px;animation:meFloat3 3.8s ease-in-out infinite}

@keyframes meFloat1{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes meFloat2{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(-8px)}}
@keyframes meFloat3{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}

/* phone bezel */
.me-phone-bezel{width:140px;height:280px;background:linear-gradient(160deg,#0d1f3c,#091428);border:2px solid rgba(0,212,255,0.5);border-radius:26px;box-shadow:0 0 0 1px rgba(0,212,255,0.1),0 0 50px rgba(0,212,255,0.25),0 20px 60px rgba(0,0,0,0.6);position:relative;overflow:hidden;flex-shrink:0}
.me-phone-notch{width:40px;height:8px;background:#060e1c;border-radius:0 0 8px 8px;margin:6px auto 0;position:relative;z-index:2}

/* rich phone screen */
.me-phone-screen{margin:4px 8px 8px;height:230px;background:linear-gradient(160deg,#0a1628,#0d2040);border-radius:12px;overflow:hidden;padding:10px 8px;display:flex;flex-direction:column;gap:8px;position:relative}
.me-phone-screen::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,212,255,0.06) 0%,transparent 60%);pointer-events:none}

.me-phone-status{display:flex;gap:4px;justify-content:center;margin-bottom:2px}
.me-status-dot{width:5px;height:5px;border-radius:50%;background:rgba(0,212,255,0.5)}
.me-status-dot:first-child{background:#4ade80}

.me-phone-app-icon-row{display:flex;gap:6px;justify-content:center}
.me-app-icon{width:28px;height:28px;border-radius:8px}
.me-app-icon.c1{background:linear-gradient(135deg,#0A4AFF,#00D4FF)}
.me-app-icon.c2{background:linear-gradient(135deg,#00D4FF,#4ade80)}
.me-app-icon.c3{background:linear-gradient(135deg,#7C3AED,#0A4AFF)}

.me-phone-card-preview{background:rgba(255,255,255,0.05);border:1px solid rgba(0,212,255,0.15);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:5px}
.me-preview-bar{height:4px;background:rgba(0,212,255,0.3);border-radius:2px}
.me-preview-bar.w80{width:80%}
.me-preview-bar.w55{width:55%}
.me-preview-metric{display:flex;align-items:baseline;gap:3px;margin-top:4px}
.me-metric-val{font-size:18px;font-weight:900;background:linear-gradient(135deg,#0A4AFF,#00D4FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.me-metric-unit{font-size:9px;font-weight:700;color:rgba(0,212,255,0.7)}

.me-phone-nav{display:flex;gap:5px;justify-content:center;margin-top:auto}
.me-nav-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,0.2)}
.me-nav-dot.active{background:#00D4FF;width:14px;border-radius:3px}

.me-phone-home{width:30px;height:30px;border-radius:50%;border:2px solid rgba(0,212,255,0.4);margin:4px auto;box-shadow:0 0 10px rgba(0,212,255,0.2)}

.me-hero-inner{position:relative;z-index:10;max-width:600px;text-align:left}
.me-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border:1px solid rgba(0,212,255,0.35);border-radius:50px;font-size:12px;font-weight:600;color:#00D4FF;letter-spacing:1px;text-transform:uppercase;margin-bottom:28px}
.me-hero-badge i{color:#00D4FF!important;-webkit-text-fill-color:#00D4FF!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important}
.me-hero-title{font-size:58px;font-weight:900;color:#fff;line-height:1.08;margin-bottom:24px;letter-spacing:-2px}
.me-hero-sub{font-size:17px;color:rgba(255,255,255,0.6);line-height:1.8;max-width:540px;margin-bottom:44px}

/* ── FRAMEWORKS GRID ── */
.me-frameworks{background:#050F20;padding:100px 60px}
.me-fw-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

.me-fw-card{position:relative;background:rgba(10,30,60,0.45);backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,0.1);border-radius:20px;padding:28px 22px 32px;overflow:hidden;transition:transform 0.1s ease,box-shadow 0.3s ease;transform-style:preserve-3d;cursor:default}
.me-fw-card:hover{box-shadow:0 24px 60px rgba(0,212,255,0.15)}
.me-fw-glow{position:absolute;inset:-1px;border-radius:20px;border:1.5px solid transparent;background:linear-gradient(135deg,rgba(0,212,255,0.35),rgba(10,74,255,0.35)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;transition:opacity 0.35s ease}
.me-fw-card:hover .me-fw-glow{opacity:1}

.me-fw-phone{width:72px;height:120px;background:rgba(255,255,255,0.07);border:1.5px solid rgba(0,212,255,0.2);border-radius:14px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);position:relative;overflow:hidden;transition:box-shadow 0.3s ease}
.me-fw-card:hover .me-fw-phone{box-shadow:0 0 30px rgba(0,212,255,0.4)}
.me-fw-phone-screen{width:56px;height:96px;border-radius:8px;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center}
.me-fw-logo{display:flex;align-items:center;justify-content:center}
.me-fw-logo svg{width:36px;height:36px}
.me-fw-logo i{font-size:32px}
.apple-logo i{color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:"Font Awesome 6 Brands"!important;font-weight:400!important}
.android-logo i{color:#3DDC84!important;-webkit-text-fill-color:#3DDC84!important;font-family:"Font Awesome 6 Brands"!important;font-weight:400!important}

.me-fw-card h3{font-size:17px;font-weight:700;color:#fff;margin-bottom:4px;text-align:center}
.me-fw-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#00D4FF;text-align:center;margin-bottom:14px}
.me-fw-desc{font-size:13px;color:rgba(255,255,255,0.5);line-height:1.75;text-align:center}

/* ── LIFECYCLE ── */
.me-lifecycle{background:#030D1A;padding:100px 60px}
.me-lifecycle-layout{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:80px;align-items:start}

.me-sticky-phone{position:sticky;top:120px}
.me-sticky-bezel{width:160px;height:320px;background:linear-gradient(160deg,#0d1f3c,#091428);border:2px solid rgba(0,212,255,0.5);border-radius:28px;box-shadow:0 0 0 1px rgba(0,212,255,0.1),0 0 50px rgba(0,212,255,0.2),0 20px 60px rgba(0,0,0,0.6);margin:0 auto;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:10px 8px 8px}
.me-sticky-notch{width:40px;height:8px;background:#060e1c;border-radius:0 0 8px 8px;margin-bottom:8px}
.me-sticky-screen{flex:1;width:100%;background:linear-gradient(160deg,#0a1628,#0d2040);border-radius:14px;overflow:hidden;position:relative}
.me-sticky-home{width:32px;height:32px;border-radius:50%;border:2px solid rgba(0,212,255,0.4);margin:6px auto 0;box-shadow:0 0 10px rgba(0,212,255,0.2)}

.me-screen-phase{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;opacity:0;transition:opacity 0.5s ease;pointer-events:none;background:linear-gradient(160deg,#0a1628,#0d2040)}
.me-screen-phase.active{opacity:1;pointer-events:auto}
.me-sp-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#00D4FF;margin-top:10px;background:rgba(0,212,255,0.1);padding:3px 8px;border-radius:20px}

/* wireframe phase */
.me-sp-wireframe{width:100%;display:flex;flex-direction:column;gap:7px}
.me-sp-wf-topbar{display:flex;align-items:center;gap:6px;margin-bottom:2px}
.me-sp-wf-avatar{width:20px;height:20px;border-radius:50%;background:rgba(0,212,255,0.25);flex-shrink:0}
.me-sp-wf-lines{flex:1;display:flex;flex-direction:column;gap:4px}
.me-sp-wf-bar{height:5px;background:rgba(0,212,255,0.25);border-radius:3px;width:100%}
.me-sp-wf-bar.thick{height:8px;background:rgba(0,212,255,0.35)}
.me-sp-wf-bar.short{width:55%}
.me-sp-wf-row{display:flex;gap:6px}
.me-sp-wf-box{flex:1;height:36px;background:rgba(0,212,255,0.12);border:1px solid rgba(0,212,255,0.2);border-radius:6px}

.me-sp-terminal{width:100%;background:rgba(0,0,0,0.4);border:1px solid rgba(0,212,255,0.15);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:5px}
.me-sp-line{font-size:8px;font-family:monospace;color:rgba(255,255,255,0.45);line-height:1.4}
.me-sp-line.green{color:#4ade80}
.me-sp-line.dim{color:rgba(255,255,255,0.25)}

.me-sp-tests{width:100%;display:flex;flex-direction:column;gap:6px}
.me-sp-test{font-size:9px;font-weight:600;display:flex;align-items:center;gap:5px;color:rgba(255,255,255,0.6)}
.me-sp-test.pass{color:#4ade80}
.me-sp-test.pass i{color:#4ade80!important;-webkit-text-fill-color:#4ade80!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important}
.me-sp-test.running{color:#fbbf24}
.me-sp-test.running i{color:#fbbf24!important;-webkit-text-fill-color:#fbbf24!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important}

.me-sp-live{display:flex;flex-direction:column;align-items:center;gap:8px}
.me-sp-live-dot{width:10px;height:10px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade80;animation:mePulse 1.5s ease infinite}
@keyframes mePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:0.7}}
.me-sp-live-text{font-size:11px;font-weight:700;color:#4ade80;letter-spacing:2px;text-transform:uppercase}
.me-sp-live-stats{display:flex;gap:10px}
.me-sp-stat{display:flex;flex-direction:column;align-items:center}
.me-sp-stat .val{font-size:14px;font-weight:800;color:#fff}
.me-sp-stat .unit{font-size:7px;color:rgba(255,255,255,0.4);text-transform:uppercase}

.me-phases-list{display:flex;flex-direction:column;gap:0}
.me-phase-item{padding:40px 0;border-bottom:1px solid rgba(0,212,255,0.08);display:flex;gap:28px;align-items:flex-start;opacity:0.35;transition:opacity 0.4s ease}
.me-phase-item.active{opacity:1}
.me-phase-item:last-child{border-bottom:none}
.me-phase-num{font-size:13px;font-weight:800;color:#00D4FF;letter-spacing:2px;min-width:32px;padding-top:4px}
.me-phase-body h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:10px}
.me-phase-body p{font-size:15px;color:rgba(255,255,255,0.55);line-height:1.8}

/* ── BENTO ── */
.me-bento{background:#050F20;padding:100px 60px}
.me-bento-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;gap:20px}
.me-bento-card{background:rgba(10,30,60,0.45);backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,0.1);border-radius:20px;padding:36px 32px;position:relative;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease}
.me-bento-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,212,255,0.12)}
.me-bento-large{grid-row:1/3;display:flex;flex-direction:column}
.me-bento-icon{width:48px;height:48px;background:linear-gradient(135deg,#0A4AFF,#00D4FF);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.me-bento-icon i{font-size:20px;color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important}
.me-bento-card h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:12px}
.me-bento-card p{font-size:14px;color:rgba(255,255,255,0.55);line-height:1.8}
.me-bento-visual{flex:1;display:flex;align-items:center;justify-content:center;margin-top:32px}

.me-offline-rings{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}
.me-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(0,212,255,0.25);animation:meRingPulse 3s ease infinite}
.me-ring.r1{width:120px;height:120px;animation-delay:0s}
.me-ring.r2{width:80px;height:80px;animation-delay:0.5s}
.me-ring.r3{width:44px;height:44px;animation-delay:1s}
@keyframes meRingPulse{0%,100%{opacity:0.3;transform:scale(1)}50%{opacity:0.8;transform:scale(1.05)}}
.me-ring-icon{font-size:20px;color:#00D4FF!important;-webkit-text-fill-color:#00D4FF!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;position:relative;z-index:2}

/* ── CASE STUDIES ── */
.me-cases{background:#030D1A;padding:100px 60px;overflow:hidden}
.me-carousel-wrapper{max-width:1100px;margin:0 auto;overflow:hidden}
.me-carousel{display:flex;gap:24px;transition:transform 0.45s cubic-bezier(0.4,0,0.2,1)}
.me-case-card{min-width:calc(50% - 12px);background:rgba(10,30,60,0.45);backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,0.1);border-radius:20px;padding:40px 36px;flex-shrink:0}
.me-case-tag{display:inline-block;padding:4px 12px;background:rgba(0,212,255,0.08);border:1px solid rgba(0,212,255,0.2);border-radius:50px;font-size:11px;font-weight:700;color:#00D4FF;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}
.me-case-metric{font-size:64px;font-weight:900;background:linear-gradient(135deg,#0A4AFF,#00D4FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-2px;margin-bottom:4px}
.me-case-metric-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:rgba(0,212,255,0.7);margin-bottom:20px}
.me-case-card h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.35}
.me-case-build{font-size:13px;color:rgba(255,255,255,0.7);margin-bottom:8px}
.me-case-card p{font-size:14px;color:rgba(255,255,255,0.5);line-height:1.8;margin:0}
.me-carousel-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px}
.me-prev,.me-next{width:44px;height:44px;background:rgba(10,30,60,0.5);border:1px solid rgba(0,212,255,0.2);border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.25s ease}
.me-prev:hover,.me-next:hover{background:rgba(0,212,255,0.1);border-color:#00D4FF;transform:scale(1.08)}
.me-prev i,.me-next i{color:#00D4FF!important;-webkit-text-fill-color:#00D4FF!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important}
.me-dots{display:flex;gap:8px;align-items:center}
.me-dot{width:8px;height:8px;border-radius:50%;background:rgba(0,212,255,0.25);cursor:pointer;transition:all 0.25s ease}
.me-dot.active{background:#00D4FF;transform:scale(1.3)}

/* ── FINAL CTA ── */
.me-final-cta{position:relative;padding:130px 60px;text-align:center;overflow:hidden;background:#020A14;border-top:1px solid rgba(0,212,255,0.08)}
.me-final-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(10,74,255,0.12) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,212,255,0.12) 0%,transparent 50%);pointer-events:none}
.me-cta-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.me-final-inner{position:relative;z-index:2;max-width:720px;margin:0 auto}
.me-final-cta h2{font-size:56px;font-weight:900;color:#fff;line-height:1.1;margin-bottom:20px;letter-spacing:-1.5px}
.me-final-cta p{font-size:17px;color:rgba(255,255,255,0.6);line-height:1.75;margin-bottom:44px}

/* ── LIGHT THEME ── */
body.light-theme section.me-hero{background:#ffffff!important}
body.light-theme section.me-frameworks{background:#f8f9ff!important}
body.light-theme section.me-lifecycle{background:#ffffff!important}
body.light-theme section.me-bento{background:#f8f9ff!important}
body.light-theme section.me-cases{background:#ffffff!important}
body.light-theme section.me-final-cta{background:#ffffff!important;border-top-color:rgba(0,0,0,0.06)!important}
body.light-theme section.me-final-cta::before{background:radial-gradient(circle at 20% 50%,rgba(255,123,0,0.06) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,123,0,0.06) 0%,transparent 50%)!important}

body.light-theme .me-accent{background:linear-gradient(135deg,var(--original-orange),var(--original-orange-hover))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}
body.light-theme .me-hero-title{color:#1a1f3a!important}
body.light-theme .me-hero-sub{color:rgba(26,31,58,0.65)!important}
body.light-theme .me-hero-badge{border-color:rgba(255,123,0,0.4)!important;color:var(--original-orange)!important}
body.light-theme .me-hero-badge i{color:var(--original-orange)!important;-webkit-text-fill-color:var(--original-orange)!important}

/* ── HERO phone — light theme ── */
body.light-theme .me-phone-bezel{background:linear-gradient(160deg,#e8eaf6,#f0f2ff)!important;border-color:rgba(255,123,0,0.4)!important;box-shadow:0 0 0 1px rgba(255,123,0,0.08),0 0 40px rgba(255,123,0,0.12),0 8px 32px rgba(0,0,0,0.08)!important}
body.light-theme .me-phone-notch{background:#d8daf0!important}
body.light-theme .me-phone-screen{background:linear-gradient(160deg,#f0f4ff,#e8f0fe)!important}
body.light-theme .me-phone-screen::before{background:linear-gradient(135deg,rgba(255,123,0,0.05) 0%,transparent 60%)!important}
body.light-theme .me-phone-home{border-color:rgba(255,123,0,0.4)!important;box-shadow:0 0 10px rgba(255,123,0,0.15)!important}
body.light-theme .me-status-dot{background:rgba(255,123,0,0.4)!important}
body.light-theme .me-status-dot:first-child{background:#16a34a!important}
body.light-theme .me-app-icon.c1{background:linear-gradient(135deg,var(--original-orange),var(--original-orange-hover))!important}
body.light-theme .me-app-icon.c2{background:linear-gradient(135deg,var(--original-orange-hover),#f59e0b)!important}
body.light-theme .me-app-icon.c3{background:linear-gradient(135deg,#1a1f3a,var(--original-orange))!important}
body.light-theme .me-phone-card-preview{background:rgba(0,0,0,0.04)!important;border-color:rgba(255,123,0,0.15)!important}
body.light-theme .me-preview-bar{background:rgba(255,123,0,0.3)!important}
body.light-theme .me-metric-val{background:linear-gradient(135deg,var(--original-orange),var(--original-orange-hover))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}
body.light-theme .me-metric-unit{color:rgba(255,123,0,0.7)!important}
body.light-theme .me-nav-dot{background:rgba(0,0,0,0.15)!important}
body.light-theme .me-nav-dot.active{background:var(--original-orange)!important}
body.light-theme .me-float-chip{background:rgba(255,255,255,0.9)!important;border-color:rgba(255,123,0,0.3)!important;color:var(--original-orange)!important;box-shadow:0 4px 20px rgba(255,123,0,0.12)!important}
body.light-theme .me-float-chip i{color:var(--original-orange)!important;-webkit-text-fill-color:var(--original-orange)!important}

body.light-theme .me-section-header h2{color:#1a1f3a!important}
body.light-theme .me-section-header p{color:rgba(26,31,58,0.6)!important}

body.light-theme .me-fw-card{background:#ffffff!important;border-color:rgba(0,0,0,0.08)!important;box-shadow:0 4px 20px rgba(0,0,0,0.05)!important}
body.light-theme .me-fw-card:hover{box-shadow:0 24px 60px rgba(255,123,0,0.12)!important}
body.light-theme .me-fw-glow{background:linear-gradient(135deg,rgba(255,123,0,0.4),rgba(230,92,0,0.4)) border-box!important}
/* phone silhouette: light grey so it reads on white card */
body.light-theme .me-fw-phone{background:rgba(0,0,0,0.06)!important;border-color:rgba(0,0,0,0.12)!important}
body.light-theme .me-fw-card:hover .me-fw-phone{box-shadow:0 0 30px rgba(255,123,0,0.25)!important}
body.light-theme .me-fw-phone-screen{background:rgba(0,0,0,0.08)!important}
/* keep brand SVG logos their own colors — don't let global orange rule touch them */
body.light-theme .me-fw-logo svg{filter:none!important}
body.light-theme .react-logo i,body.light-theme .flutter-logo i{color:inherit!important;-webkit-text-fill-color:inherit!important}
body.light-theme .apple-logo i{color:#1a1f3a!important;-webkit-text-fill-color:#1a1f3a!important;font-family:"Font Awesome 6 Brands"!important;font-weight:400!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}
body.light-theme .android-logo i{color:#3DDC84!important;-webkit-text-fill-color:#3DDC84!important;font-family:"Font Awesome 6 Brands"!important;font-weight:400!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}
body.light-theme .me-fw-card h3{color:#1a1f3a!important}
body.light-theme .me-fw-tag{color:var(--original-orange)!important}
body.light-theme .me-fw-desc{color:rgba(26,31,58,0.55)!important}

body.light-theme .me-sticky-bezel{background:linear-gradient(160deg,#e8eaf6,#f0f2ff)!important;border-color:rgba(255,123,0,0.4)!important;box-shadow:0 0 0 1px rgba(255,123,0,0.08),0 0 50px rgba(255,123,0,0.1),0 8px 32px rgba(0,0,0,0.08)!important}
body.light-theme .me-sticky-notch{background:#d8daf0!important}
body.light-theme .me-sticky-screen{background:linear-gradient(160deg,#f0f4ff,#e8f0fe)!important}
body.light-theme .me-sticky-home{border-color:rgba(255,123,0,0.4)!important;box-shadow:0 0 10px rgba(255,123,0,0.15)!important}
body.light-theme .me-screen-phase{background:linear-gradient(160deg,#f0f4ff,#e8f0fe)!important}
body.light-theme .me-sp-label{color:var(--original-orange)!important;background:rgba(255,123,0,0.1)!important}
body.light-theme .me-sp-wf-bar{background:rgba(255,123,0,0.3)!important}
body.light-theme .me-sp-wf-bar.thick{background:rgba(255,123,0,0.45)!important}
body.light-theme .me-sp-wf-box{background:rgba(255,123,0,0.1)!important;border-color:rgba(255,123,0,0.2)!important}
body.light-theme .me-sp-wf-avatar{background:rgba(255,123,0,0.2)!important}
body.light-theme .me-sp-terminal{background:rgba(26,31,58,0.06)!important;border-color:rgba(255,123,0,0.15)!important}
body.light-theme .me-sp-line{color:rgba(26,31,58,0.5)!important}
body.light-theme .me-sp-line.green{color:#16a34a!important}
body.light-theme .me-sp-line.dim{color:rgba(26,31,58,0.25)!important}
body.light-theme .me-sp-stat .val{color:#1a1f3a!important}
body.light-theme .me-sp-stat .unit{color:rgba(26,31,58,0.4)!important}
body.light-theme .me-phase-item{border-bottom-color:rgba(0,0,0,0.06)!important}
body.light-theme .me-phase-num{color:var(--original-orange)!important}
body.light-theme .me-phase-body h3{color:#1a1f3a!important}
body.light-theme .me-phase-body p{color:rgba(26,31,58,0.6)!important}

body.light-theme .me-bento-card{background:#ffffff!important;border-color:rgba(0,0,0,0.08)!important;box-shadow:0 4px 20px rgba(0,0,0,0.05)!important}
body.light-theme .me-bento-card:hover{box-shadow:0 20px 50px rgba(255,123,0,0.1)!important}
body.light-theme .me-bento-icon{background:linear-gradient(135deg,var(--original-orange),var(--original-orange-hover))!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:initial!important}
body.light-theme .me-bento-icon i.fas,
body.light-theme .me-bento-icon i.far,
body.light-theme .me-bento-icon i.fab {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
}
body.light-theme .me-bento-card h3{color:#1a1f3a!important}
body.light-theme .me-bento-card p{color:rgba(26,31,58,0.6)!important}
body.light-theme .me-ring{border-color:rgba(255,123,0,0.25)!important}
body.light-theme .me-ring-icon{color:var(--original-orange)!important;-webkit-text-fill-color:var(--original-orange)!important}

body.light-theme .me-case-card{background:#ffffff!important;border-color:rgba(0,0,0,0.08)!important;box-shadow:0 4px 20px rgba(0,0,0,0.05)!important}
body.light-theme .me-case-tag{background:rgba(255,123,0,0.08)!important;border-color:rgba(255,123,0,0.25)!important;color:var(--original-orange)!important}
body.light-theme .me-case-metric{background:linear-gradient(135deg,var(--original-orange),var(--original-orange-hover))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}
body.light-theme .me-case-metric-label{color:var(--original-orange)!important}
body.light-theme .me-case-card h3{color:#1a1f3a!important}
body.light-theme .me-case-card p{color:rgba(26,31,58,0.6)!important}
body.light-theme .me-prev,body.light-theme .me-next{background:#ffffff!important;border-color:rgba(255,123,0,0.3)!important}
body.light-theme .me-prev i,body.light-theme .me-next i{color:var(--original-orange)!important;-webkit-text-fill-color:var(--original-orange)!important}
body.light-theme .me-dot{background:rgba(255,123,0,0.25)!important}
body.light-theme .me-dot.active{background:var(--original-orange)!important}

body.light-theme .me-final-cta h2{color:#1a1f3a!important}
body.light-theme .me-final-cta p{color:rgba(26,31,58,0.65)!important}
body.light-theme .me-cta-btn{background:linear-gradient(135deg,var(--original-orange),var(--original-orange-hover))!important;box-shadow:0 8px 30px rgba(255,123,0,0.3)!important}
body.light-theme .me-cta-btn i{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .me-fw-grid{grid-template-columns:repeat(2,1fr)}
  .me-lifecycle-layout{grid-template-columns:1fr;gap:40px}
  .me-sticky-phone{position:relative;top:auto;margin-bottom:20px}
  .me-bento-grid{grid-template-columns:1fr}
  .me-bento-large{grid-row:auto}
  .me-phone-scene{display:none}
  .me-hero-inner{max-width:100%;text-align:center}
  .me-hero-sub{margin:0 auto 44px}
  .me-hero{justify-content:center}
}
@media(max-width:640px){
  .me-hero{padding:120px 24px 80px}
  .me-hero-title{font-size:38px}
  .me-frameworks,.me-lifecycle,.me-bento,.me-cases,.me-final-cta{padding:80px 24px}
  .me-fw-grid{grid-template-columns:1fr}
  .me-section-header h2{font-size:32px}
  .me-case-card{min-width:100%}
  .me-final-cta h2{font-size:36px}
}