/* ============================================================
   ERA ISHQ — Feuille de style partagée
   Landing  : body.page-landing  (hero corps lumineux + HUD)
   Dashboard: body.page-dashboard (espace intérieur)
   Identité : SaaS premium · laboratoire futuriste · bleu nuit,
              cyan, or, violet · glassmorphism
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
html,body{max-width:100%;overflow-x:hidden}
body{-webkit-font-smoothing:antialiased}

/* ==================== LANDING (body.page-landing) ==================== */
body.page-landing *, body.page-landing *::before, body.page-landing *::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body.page-landing{background:#03060f;color:#e8edf8;font-family:'Raleway',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.page-landing ::-webkit-scrollbar{width:3px}
body.page-landing ::-webkit-scrollbar-track{background:#03060f}
body.page-landing ::-webkit-scrollbar-thumb{background:rgba(64,200,200,.35)}
body.page-landing{
  --gold:#c9a84c; --gold-l:#e8c97a;
  --cyan:#3fd8d0; --cyan-d:#1a9a96;
  --teal:#2fb8a8; --mint:#6ee8c8;
  --blue:#5090e8; --blue-l:#80b8ff;
  --violet:#a060e0; --violet-l:#c890ff;
  --silver:#c8d8e8;
  --bg:#03060f; --panel:rgba(8,16,38,.78);
}
body.page-landing #era-bg{position:fixed;inset:0;z-index:0;pointer-events:none}
body.page-landing .vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 100% 100% at 50% 50%,transparent 42%,rgba(1,3,12,.78) 100%)}
body.page-landing .grid-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:linear-gradient(rgba(64,200,200,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(64,200,200,.025) 1px,transparent 1px);background-size:48px 48px}
body.page-landing /* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:200;height:62px;display:flex;align-items:center;padding:0 38px;background:rgba(3,6,15,.92);border-bottom:1px solid rgba(64,200,200,.12);backdrop-filter:blur(24px);transition:background .4s}
body.page-landing .nav.scrolled{background:rgba(3,6,15,.98)}
body.page-landing .nav-logo{display:flex;align-items:center;gap:10px;margin-right:34px;flex-shrink:0}
body.page-landing .nav-logo-text{font-family:'Cinzel',serif;font-size:.95rem;font-weight:700;letter-spacing:.22em;color:var(--gold);text-shadow:0 0 20px rgba(201,168,76,.4)}
body.page-landing .nav-links{display:flex;gap:26px;flex:1;justify-content:center}
body.page-landing .nav-link{font-family:'Raleway',sans-serif;font-size:.61rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:rgba(200,218,255,.5);cursor:pointer;padding:3px 0;position:relative;transition:color .3s;text-decoration:none}
body.page-landing .nav-link:hover, body.page-landing .nav-link.active{color:var(--gold)}
body.page-landing .nav-link.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--gold);box-shadow:0 0 6px rgba(201,168,76,.5)}
body.page-landing .nav-right{display:flex;gap:14px;align-items:center;flex-shrink:0}
body.page-landing .nav-btn{font-family:'Cinzel',serif;font-size:.58rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:8px 20px;background:transparent;border:1px solid rgba(201,168,76,.44);color:var(--gold);cursor:pointer;border-radius:3px;transition:all .3s}
body.page-landing .nav-btn:hover{background:rgba(201,168,76,.08);border-color:var(--gold)}
body.page-landing /* LIVE STATUS PILL */
.live-pill{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--mint);padding:3px 9px;border:1px solid rgba(110,232,200,.25);border-radius:20px;background:rgba(47,184,168,.06)}
body.page-landing .live-dot{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 6px var(--mint);animation:live-blink 2s ease-in-out infinite}
@keyframes live-blink{0%,100%{opacity:1}50%{opacity:.3}}
body.page-landing /* HERO */
.hero{position:relative;min-height:100vh;display:grid;grid-template-columns:1.05fr 1.35fr;align-items:center;padding:80px 44px 40px;overflow:hidden;z-index:2;gap:20px}
body.page-landing .hero-atmo{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 50% 65% at 68% 48%,rgba(10,40,80,.6) 0%,transparent 66%),radial-gradient(ellipse 26% 45% at 66% 47%,rgba(30,120,150,.22) 0%,transparent 58%),radial-gradient(ellipse 50% 80% at 16% 52%,rgba(90,65,8,.08) 0%,transparent 62%)}
body.page-landing .dot-nav{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:11px;z-index:10}
body.page-landing .dot-nav span{width:5px;height:5px;border-radius:50%;display:block}
body.page-landing .dot-nav span.on{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
body.page-landing .dot-nav span.off{background:rgba(64,200,200,.18)}
body.page-landing /* HERO LEFT */
.hero-left{position:relative;z-index:5}
body.page-landing .hero-eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:22px;animation:fadeUp 1s ease .2s both}
body.page-landing .hero-eyebrow-line{width:24px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}
body.page-landing .hero-eyebrow-text{font-family:'JetBrains Mono',monospace;font-size:.52rem;font-weight:400;letter-spacing:.4em;text-transform:uppercase;color:rgba(110,232,200,.7)}
body.page-landing .hero-title{font-family:'Cinzel',serif;font-size:clamp(3.2rem,5.8vw,5.2rem);font-weight:900;line-height:.86;letter-spacing:.08em;margin-bottom:16px;position:relative;animation:fadeUp 1.1s ease .35s both}
body.page-landing .hero-title-main{background:linear-gradient(150deg,#fff8d0 0%,#f0d870 22%,var(--gold) 52%,#8a6520 76%,var(--gold) 88%,#fff0b0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 50px rgba(201,168,76,.32))}
body.page-landing .hero-title-ghost{position:absolute;inset:0;font-family:'Cinzel',serif;font-size:clamp(3.2rem,5.8vw,5.2rem);font-weight:900;line-height:.86;letter-spacing:.08em;color:rgba(201,168,76,.06);filter:blur(20px);z-index:-1}
body.page-landing .hero-sub{font-family:'Cormorant Garamond',serif;font-size:clamp(.62rem,.95vw,.76rem);font-weight:300;letter-spacing:.32em;text-transform:uppercase;color:rgba(160,190,240,.42);margin-bottom:24px;animation:fadeUp 1s ease .5s both}
body.page-landing .hero-sep{display:flex;align-items:center;gap:11px;margin-bottom:24px;animation:fadeUp 1s ease .62s both}
body.page-landing .hero-sep-line{width:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.5))}
body.page-landing .hero-sep-gem{width:6px;height:6px;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 10px rgba(201,168,76,.8)}
body.page-landing .hero-sep-line.r{background:linear-gradient(90deg,rgba(201,168,76,.5),transparent)}
body.page-landing .hero-phrases{margin-bottom:32px;animation:fadeUp 1s ease .76s both}
body.page-landing .hero-phrase{font-family:'Cormorant Garamond',serif;font-size:clamp(.95rem,1.7vw,1.32rem);font-style:italic;font-weight:300;line-height:1.95;color:rgba(215,230,255,.8)}
body.page-landing .hero-btns{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:30px;animation:fadeUp 1s ease .9s both}
body.page-landing .btn-gold{font-family:'Cinzel',serif;font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:14px 28px;background:linear-gradient(135deg,#7a5f22,var(--gold),#edd87a,var(--gold),#7a5f22);background-size:200% 100%;border:none;color:#03060f;cursor:pointer;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);box-shadow:0 0 36px rgba(201,168,76,.26);animation:btn-shine 5s ease infinite;transition:all .4s}
body.page-landing .btn-gold:hover{box-shadow:0 0 56px rgba(201,168,76,.45);transform:translateY(-3px)}
@keyframes btn-shine{0%{background-position:100% 0}50%{background-position:0 0}100%{background-position:100% 0}}
body.page-landing .btn-outline{font-family:'Raleway',sans-serif;font-size:.6rem;font-weight:300;letter-spacing:.22em;text-transform:uppercase;padding:13px 22px;background:rgba(64,200,200,.04);border:1px solid rgba(64,200,200,.3);color:var(--cyan);cursor:pointer;transition:all .4s}
body.page-landing .btn-outline:hover{background:rgba(64,200,200,.1);border-color:var(--cyan);transform:translateY(-3px)}
body.page-landing /* HERO STATS STRIP */
.hero-stats{display:flex;gap:18px;animation:fadeUp 1s ease 1s both}
body.page-landing .hstat{display:flex;flex-direction:column;gap:2px}
body.page-landing .hstat-num{font-family:'JetBrains Mono',monospace;font-size:1.1rem;font-weight:500;color:var(--cyan);line-height:1}
body.page-landing .hstat-lbl{font-family:'Raleway',sans-serif;font-size:.5rem;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:rgba(160,185,230,.45)}
body.page-landing .hstat-div{width:1px;background:linear-gradient(180deg,transparent,rgba(64,200,200,.2),transparent)}
body.page-landing /* HERO RIGHT — LAB STAGE */
.hero-right{position:relative;height:88vh;min-height:600px;z-index:5;display:flex;align-items:center;justify-content:center}
body.page-landing .fig-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:430px;background:radial-gradient(ellipse at 50% 40%,rgba(30,120,180,.26),rgba(15,60,120,.1) 45%,transparent 70%);filter:blur(30px);border-radius:50%;pointer-events:none;animation:fig-breathe 5s ease-in-out infinite}
@keyframes fig-breathe{0%,100%{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}
body.page-landing .sil-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid;transform:translate(-50%,-50%);animation:ring-pulse 6s ease-in-out infinite}
@keyframes ring-pulse{0%,100%{opacity:.26;transform:translate(-50%,-50%) scale(1)}50%{opacity:.54;transform:translate(-50%,-50%) scale(1.03)}}
body.page-landing /* LAB PANEL (floating data card) */
.lab-panel{position:absolute;z-index:30;background:linear-gradient(135deg,rgba(7,16,42,.92),rgba(4,10,30,.95));border:1px solid rgba(64,200,200,.2);backdrop-filter:blur(18px);border-radius:9px;padding:11px 13px;box-shadow:0 8px 30px rgba(0,0,0,.5),inset 0 1px 0 rgba(64,200,200,.12)}
body.page-landing .lab-panel::before{content:'';position:absolute;top:0;left:10px;right:10px;height:1px;background:linear-gradient(90deg,transparent,rgba(64,200,200,.5),transparent)}
body.page-landing .lab-panel.gold-edge{border-color:rgba(201,168,76,.22)}
body.page-landing .lab-panel.gold-edge::before{background:linear-gradient(90deg,transparent,rgba(201,168,76,.5),transparent)}
body.page-landing .lab-head{display:flex;align-items:center;gap:8px;margin-bottom:7px}
body.page-landing .lab-orb{width:26px;height:26px;border-radius:7px;border:1px solid rgba(64,200,200,.25);background:rgba(64,200,200,.06);display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.page-landing .lab-orb.gold{border-color:rgba(201,168,76,.25);background:rgba(201,168,76,.06)}
body.page-landing .lab-title{font-family:'Raleway',sans-serif;font-size:.5rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(200,220,255,.85);line-height:1.3}
body.page-landing .lab-meta{font-family:'JetBrains Mono',monospace;font-size:.46rem;font-weight:300;letter-spacing:.05em;color:rgba(110,232,200,.6);text-transform:uppercase}
body.page-landing .lab-meta.gold{color:rgba(201,168,76,.6)}
body.page-landing .lab-val{font-family:'JetBrains Mono',monospace;font-size:1rem;font-weight:500;color:#fff;line-height:1;margin:3px 0}
body.page-landing .lab-sub{font-family:'Cormorant Garamond',serif;font-size:.66rem;font-style:italic;color:rgba(155,180,230,.5)}
body.page-landing /* sparkline */
.spark{display:block;margin-top:5px}
body.page-landing /* mini progress */
.lab-prog{height:3px;background:rgba(255,255,255,.06);border-radius:2px;margin-top:6px;overflow:hidden}
body.page-landing .lab-prog-fill{height:100%;border-radius:2px}
body.page-landing .lab-p1{top:8%;left:-2%;animation:floatA 5.5s ease-in-out infinite}
body.page-landing .lab-p2{top:5%;right:6%;animation:floatB 6.2s ease-in-out infinite .8s}
body.page-landing .lab-p3{top:30%;left:-6%;animation:floatC 5s ease-in-out infinite 1.4s}
body.page-landing .lab-p4{top:34%;right:0%;animation:floatA 6.5s ease-in-out infinite 2s}
body.page-landing .lab-p5{top:56%;left:-3%;animation:floatB 5.8s ease-in-out infinite 1s}
body.page-landing .lab-p6{top:58%;right:4%;animation:floatC 6s ease-in-out infinite 2.4s}
body.page-landing .lab-bottom{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:30}
@keyframes floatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes floatB{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes floatC{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
body.page-landing /* mini module chip bottom */
.mod-chip{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(7,16,42,.92),rgba(4,10,30,.95));border:1px solid rgba(64,200,200,.2);backdrop-filter:blur(18px);border-radius:8px;padding:8px 14px;box-shadow:0 8px 30px rgba(0,0,0,.5)}
body.page-landing .mod-chip.active{border-color:rgba(201,168,76,.4);box-shadow:0 0 24px rgba(201,168,76,.12)}
body.page-landing .mod-chip-lbl{font-family:'Raleway',sans-serif;font-size:.46rem;font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:rgba(160,185,230,.5);display:block}
body.page-landing .mod-chip-val{font-family:'JetBrains Mono',monospace;font-size:.66rem;font-weight:500;color:rgba(215,232,255,.9)}
body.page-landing .hero-fade{position:absolute;bottom:0;left:0;right:0;height:90px;background:linear-gradient(transparent,#03060f);pointer-events:none;z-index:6}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes heart-pulse{0%,100%{opacity:.74;transform:scale(1)}50%{opacity:1;transform:scale(1.13)}}
@keyframes crown-glow{0%,100%{opacity:.86}50%{opacity:1}}
@keyframes node-pulse{0%,100%{opacity:.48}50%{opacity:.9}}
@keyframes fim-heart{0%,100%{opacity:.78;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}
@keyframes plan-heart{0%,100%{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}
@keyframes scan-line{0%{transform:translateY(-210px)}100%{transform:translateY(210px)}}
@keyframes geo-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
body.page-landing /* ── FEATURE STRIP ── */
.feat-strip{position:relative;z-index:3;padding:0 44px;background:#03060f}
body.page-landing .feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:30px 0}
body.page-landing .feat-card{background:var(--panel);border:1px solid rgba(64,200,200,.13);border-radius:10px;padding:22px 20px;position:relative;overflow:hidden;transition:all .4s}
body.page-landing .feat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(64,200,200,.3),transparent)}
body.page-landing .feat-card:hover{border-color:rgba(64,200,200,.3);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.5)}
body.page-landing .feat-ico{width:42px;height:42px;border-radius:11px;border:1px solid rgba(64,200,200,.2);background:rgba(64,200,200,.05);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:17px;color:var(--cyan)}
body.page-landing .feat-title{font-family:'Cinzel',serif;font-size:.77rem;font-weight:600;color:var(--gold-l);letter-spacing:.04em;margin-bottom:8px;line-height:1.4}
body.page-landing .feat-body{font-family:'Cormorant Garamond',serif;font-size:.84rem;font-weight:300;color:rgba(170,198,248,.52);line-height:1.7;font-style:italic}
body.page-landing .gold-sep{height:1px;margin:0 44px;background:linear-gradient(90deg,transparent,rgba(64,200,200,.2),rgba(201,168,76,.35),rgba(64,200,200,.2),transparent)}
body.page-landing /* ── MODULES (SaaS dashboard cards) ── */
.three-wrap{position:relative;z-index:3;padding:24px 44px 40px;background:linear-gradient(180deg,#03060f,rgba(6,14,38,.8),#03060f);border-top:1px solid rgba(64,200,200,.07);border-bottom:1px solid rgba(64,200,200,.07)}
body.page-landing .section-head{text-align:center;margin-bottom:28px}
body.page-landing .section-eyebrow{font-family:'JetBrains Mono',monospace;font-size:.52rem;font-weight:400;letter-spacing:.45em;text-transform:uppercase;color:rgba(110,232,200,.55);margin-bottom:8px}
body.page-landing .section-title{font-family:'Cinzel',serif;font-size:1.5rem;font-weight:700;letter-spacing:.05em;background:linear-gradient(135deg,#fff5d4,var(--gold-l),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
body.page-landing .three-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
body.page-landing .module{background:var(--panel);border:1px solid rgba(64,200,200,.15);border-radius:11px;overflow:hidden;position:relative;display:flex;flex-direction:column}
body.page-landing .module::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(64,200,200,.36),transparent)}
body.page-landing .module-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 0}
body.page-landing .module-status{display:inline-flex;align-items:center;gap:5px;font-family:'JetBrains Mono',monospace;font-size:.46rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;padding:3px 8px;border-radius:12px}
body.page-landing .status-active{color:var(--mint);border:1px solid rgba(110,232,200,.25);background:rgba(47,184,168,.06)}
body.page-landing .status-dot{width:4px;height:4px;border-radius:50%;background:var(--mint);box-shadow:0 0 5px var(--mint);animation:live-blink 2s ease-in-out infinite}
body.page-landing .module-meta{font-family:'JetBrains Mono',monospace;font-size:.46rem;letter-spacing:.1em;color:rgba(160,185,230,.4)}
body.page-landing .m-title{font-family:'Cinzel',serif;font-size:1.2rem;font-weight:700;letter-spacing:.05em;text-align:center;padding:10px 20px 2px}
body.page-landing .m-sub{font-family:'Raleway',sans-serif;font-size:.5rem;font-weight:300;letter-spacing:.3em;text-transform:uppercase;text-align:center;padding-bottom:10px}
body.page-landing .m-desc{font-family:'Cormorant Garamond',serif;font-size:.8rem;font-style:italic;color:rgba(175,200,245,.5);text-align:center;padding:0 22px 12px;line-height:1.55}
body.page-landing /* progress row */
.m-progress{padding:0 20px 12px}
body.page-landing .m-prog-top{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:.5rem;letter-spacing:.1em;color:rgba(160,185,230,.55);margin-bottom:5px}
body.page-landing .m-prog-bar{height:4px;background:rgba(255,255,255,.05);border-radius:3px;overflow:hidden}
body.page-landing .m-prog-fill{height:100%;border-radius:3px}
body.page-landing /* IOS */
.ios-t{background:linear-gradient(135deg,#fff5d4,var(--gold-l));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
body.page-landing .ios-s{color:rgba(201,168,76,.4)}
body.page-landing .ios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 16px 12px}
body.page-landing .ios-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:1px solid rgba(201,168,76,.1);border-radius:7px;background:rgba(5,11,32,.5);cursor:pointer;transition:all .3s}
body.page-landing .ios-cell:hover{border-color:rgba(201,168,76,.32);background:rgba(201,168,76,.04);transform:translateY(-1px)}
body.page-landing .ios-cell-ic{width:26px;height:26px;border-radius:7px;border:1px solid rgba(201,168,76,.18);background:rgba(201,168,76,.06);display:flex;align-items:center;justify-content:center;font-size:9px;color:rgba(201,168,76,.6)}
body.page-landing .ios-cell-n{font-family:'Cormorant Garamond',serif;font-size:.65rem;color:rgba(205,220,252,.72);text-align:center;line-height:1.2}
body.page-landing .m-phrase{font-family:'Cormorant Garamond',serif;font-size:.72rem;font-style:italic;color:rgba(180,205,250,.42);text-align:center;padding:0 18px 12px;line-height:1.55}
body.page-landing .m-btn{margin:auto 16px 16px;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;font-family:'Raleway',sans-serif;font-size:.58rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;border-radius:5px;cursor:pointer;transition:all .3s}
body.page-landing .ios-btn{background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.25);color:var(--gold)}
body.page-landing .ios-btn:hover{background:rgba(201,168,76,.14)}
body.page-landing .ios-prog .m-prog-fill{background:linear-gradient(90deg,rgba(201,168,76,.4),var(--gold))}
body.page-landing /* FIM */
.fim-module{background:linear-gradient(165deg,rgba(50,12,72,.22),var(--panel));border-color:rgba(155,75,205,.22)}
body.page-landing .fim-module::before{background:linear-gradient(90deg,transparent,rgba(192,144,232,.4),transparent)}
body.page-landing .fim-t{background:linear-gradient(135deg,#f0c0ff,#c090e8,#9060c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
body.page-landing .fim-s{color:rgba(190,128,240,.4)}
body.page-landing .fim-fig{position:relative;height:118px;display:flex;align-items:center;justify-content:center;margin:0 0 6px}
body.page-landing .fim-mod{display:flex;align-items:flex-start;gap:9px;padding:0 18px 7px}
body.page-landing .fim-dot{width:5px;height:5px;border-radius:50%;background:rgba(188,128,255,.6);flex-shrink:0;margin-top:4px;box-shadow:0 0 5px rgba(188,128,255,.4)}
body.page-landing .fim-mod-name{font-family:'Cinzel',serif;font-size:.63rem;color:rgba(220,190,255,.82)}
body.page-landing .fim-mod-role{font-family:'Raleway',sans-serif;font-size:.62rem;font-weight:300;letter-spacing:.05em;color:rgba(205,175,245,.58)}
body.page-landing .fim-status{color:var(--violet-l);border:1px solid rgba(192,144,232,.25);background:rgba(155,75,205,.07)}
body.page-landing .fim-status .status-dot{background:var(--violet-l);box-shadow:0 0 5px var(--violet-l)}
body.page-landing .fim-prog .m-prog-fill{background:linear-gradient(90deg,rgba(155,75,205,.4),var(--violet-l))}
body.page-landing .fim-btn{background:rgba(155,75,220,.09);border:1px solid rgba(155,75,220,.3);color:rgba(205,158,255,.78)}
body.page-landing .fim-btn:hover{background:rgba(155,75,220,.16)}
body.page-landing /* IU */
.iu-t{background:linear-gradient(135deg,#d8f6ff,var(--cyan),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:.98rem !important;letter-spacing:.04em}
body.page-landing .iu-s{color:rgba(64,200,200,.42)}
body.page-landing .iu-diagram{position:relative;height:104px;margin:4px 16px 6px}
body.page-landing .iu-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,rgba(64,200,200,.22),rgba(30,120,150,.05));border:1px solid rgba(64,200,200,.32);display:flex;align-items:center;justify-content:center}
body.page-landing .iu-center-dot{width:15px;height:15px;border-radius:50%;background:rgba(64,200,200,.5);border:1px solid rgba(110,232,200,.5);box-shadow:0 0 12px rgba(64,200,200,.4)}
body.page-landing .iu-node{position:absolute;background:rgba(5,11,34,.9);border:1px solid rgba(64,200,200,.22);border-radius:5px;padding:5px 9px;font-family:'Raleway',sans-serif;font-size:.52rem;font-weight:300;letter-spacing:.06em;color:rgba(170,225,235,.65);white-space:nowrap;display:flex;align-items:center;gap:5px}
body.page-landing .iu-nd{width:5px;height:5px;border-radius:50%;background:rgba(64,200,200,.6);flex-shrink:0}
body.page-landing .iu-portes{padding:0 18px 4px}
body.page-landing .iu-porte{display:flex;align-items:center;gap:9px;font-family:'Cormorant Garamond',serif;font-size:.74rem;font-style:italic;color:rgba(180,220,240,.58);padding:4px 0}
body.page-landing .iu-porte-dot{width:5px;height:5px;border-radius:50%;border:1px solid rgba(64,200,200,.4);flex-shrink:0}
body.page-landing .iu-status{color:var(--cyan);border:1px solid rgba(64,200,200,.25);background:rgba(64,200,200,.07)}
body.page-landing .iu-status .status-dot{background:var(--cyan);box-shadow:0 0 5px var(--cyan)}
body.page-landing .iu-prog .m-prog-fill{background:linear-gradient(90deg,rgba(64,200,200,.4),var(--cyan))}
body.page-landing .iu-btn{background:rgba(64,200,200,.07);border:1px solid rgba(64,200,200,.25);color:var(--cyan)}
body.page-landing .iu-btn:hover{background:rgba(64,200,200,.14)}
body.page-landing /* ── PLANS ── */
.plans-wrap{position:relative;z-index:3;padding:56px 44px 48px;background:#03060f;overflow:hidden}
body.page-landing .plans-geo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.022;pointer-events:none;animation:geo-spin 180s linear infinite}
body.page-landing .plans-eyebrow{font-family:'JetBrains Mono',monospace;font-size:.54rem;font-weight:400;letter-spacing:.5em;text-transform:uppercase;color:rgba(110,232,200,.5);text-align:center;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:10px}
body.page-landing .plans-eyebrow::before, body.page-landing .plans-eyebrow::after{content:'';width:20px;height:1px;background:rgba(64,200,200,.28)}
body.page-landing .plans-title{font-family:'Cinzel',serif;font-size:1.75rem;font-weight:700;letter-spacing:.1em;text-align:center;background:linear-gradient(135deg,#fff5d4,var(--gold-l),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}
body.page-landing .plans-sub{font-family:'Cormorant Garamond',serif;font-size:.9rem;font-style:italic;color:rgba(178,205,252,.38);text-align:center;margin-bottom:38px}
body.page-landing .plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:36px;position:relative;z-index:2}
body.page-landing .pc{border-radius:12px;padding:30px 24px 26px;display:flex;flex-direction:column;position:relative;overflow:visible;transition:transform .35s}
body.page-landing .pc:hover{transform:translateY(-6px)}
body.page-landing .pc::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;border-radius:12px 12px 0 0}
body.page-landing .pc-essentiel{background:linear-gradient(165deg,rgba(14,22,52,.92),rgba(9,16,40,.96));border:1px solid rgba(178,138,58,.28);box-shadow:0 0 28px rgba(178,138,58,.06)}
body.page-landing .pc-essentiel::after{background:linear-gradient(90deg,transparent,rgba(178,138,58,.48),transparent)}
body.page-landing .pc-essentiel .pc-price{color:rgba(200,165,80,.92)}
body.page-landing .pc-essentiel .pc-btn{border-color:rgba(178,138,58,.4);color:rgba(200,165,80,.85)}
body.page-landing .pc-essentiel .pc-btn:hover{background:rgba(178,138,58,.1)}
body.page-landing .pc-essentiel .feat-dot{background:rgba(200,165,80,.5)}
body.page-landing .pc-essentiel .pc-name{background:linear-gradient(135deg,#e0c070,#b89040);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
body.page-landing .pc-essentiel .pc-icon-ring{border-color:rgba(178,138,58,.3);background:rgba(178,138,58,.06)}
body.page-landing .pc-pro{background:linear-gradient(165deg,rgba(8,18,56,.92),rgba(6,14,44,.96));border:1px solid rgba(64,200,200,.28);box-shadow:0 0 28px rgba(64,200,200,.06)}
body.page-landing .pc-pro::after{background:linear-gradient(90deg,transparent,rgba(64,200,200,.5),transparent)}
body.page-landing .pc-pro .pc-price{color:var(--cyan)}
body.page-landing .pc-pro .pc-btn{border-color:rgba(64,200,200,.4);color:var(--cyan)}
body.page-landing .pc-pro .pc-btn:hover{background:rgba(64,200,200,.1)}
body.page-landing .pc-pro .feat-dot{background:rgba(64,200,200,.55)}
body.page-landing .pc-pro .pc-name{background:linear-gradient(135deg,#9af0ea,var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
body.page-landing .pc-pro .pc-icon-ring{border-color:rgba(64,200,200,.3);background:rgba(64,200,200,.06)}
body.page-landing .pc-premium{background:linear-gradient(165deg,rgba(18,28,68,.96),rgba(11,22,56,1));border:1px solid rgba(201,168,76,.52);box-shadow:0 0 55px rgba(201,168,76,.1),0 0 120px rgba(201,168,76,.04);transform:translateY(-10px)}
body.page-landing .pc-premium:hover{transform:translateY(-16px)}
body.page-landing .pc-premium::after{background:linear-gradient(90deg,transparent,rgba(201,168,76,.72),transparent)}
body.page-landing .pc-premium .pc-price{color:rgba(232,200,120,.96)}
body.page-landing .pc-premium .pc-btn{background:linear-gradient(135deg,#8a6f30,var(--gold),var(--gold-l),var(--gold));border:none;color:#03060f;font-weight:700}
body.page-landing .pc-premium .pc-btn:hover{box-shadow:0 0 26px rgba(201,168,76,.35)}
body.page-landing .pc-premium .feat-dot{background:rgba(201,168,76,.72)}
body.page-landing .pc-premium .pc-name{background:linear-gradient(135deg,#fff5d4,var(--gold-l),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
body.page-landing .pc-premium .pc-icon-ring{border-color:rgba(201,168,76,.48);background:rgba(201,168,76,.09)}
body.page-landing .pc-elite{background:linear-gradient(165deg,rgba(22,9,54,.92),rgba(15,6,42,.96));border:1px solid rgba(152,78,218,.3);box-shadow:0 0 28px rgba(152,78,218,.07)}
body.page-landing .pc-elite::after{background:linear-gradient(90deg,transparent,rgba(152,78,218,.52),transparent)}
body.page-landing .pc-elite .pc-price{color:rgba(188,138,255,.92)}
body.page-landing .pc-elite .pc-btn{border-color:rgba(152,78,218,.4);color:rgba(188,138,255,.85)}
body.page-landing .pc-elite .pc-btn:hover{background:rgba(152,78,218,.1)}
body.page-landing .pc-elite .feat-dot{background:rgba(172,118,255,.5)}
body.page-landing .pc-elite .pc-name{background:linear-gradient(135deg,#d8b0ff,#a060e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
body.page-landing .pc-elite .pc-icon-ring{border-color:rgba(152,78,218,.3);background:rgba(152,78,218,.06)}
body.page-landing .pc-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-family:'JetBrains Mono',monospace;font-size:.46rem;font-weight:500;letter-spacing:.28em;color:#03060f;text-transform:uppercase;background:linear-gradient(135deg,var(--gold),var(--gold-l),var(--gold));padding:5px 14px;border-radius:3px;white-space:nowrap;box-shadow:0 0 18px rgba(201,168,76,.32)}
body.page-landing .pc-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}
body.page-landing .pc-icon-ring{width:48px;height:48px;border-radius:12px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.page-landing .pc-tier{font-family:'JetBrains Mono',monospace;font-size:.48rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:rgba(160,185,230,.4);margin-bottom:3px}
body.page-landing .pc-name{font-family:'Cinzel',serif;font-size:1rem;font-weight:700;letter-spacing:.06em;line-height:1}
body.page-landing .pc-sub-label{font-family:'Cormorant Garamond',serif;font-size:.8rem;font-style:italic;color:rgba(158,183,230,.42);margin-top:2px}
body.page-landing .price-block{display:flex;align-items:baseline;gap:5px;margin-bottom:4px}
body.page-landing .pc-price{font-family:'JetBrains Mono',monospace;font-size:2rem;font-weight:500;letter-spacing:-.01em;line-height:1}
body.page-landing .pc-mo{font-family:'Raleway',sans-serif;font-size:.62rem;font-weight:300;letter-spacing:.1em;color:rgba(158,183,230,.35)}
body.page-landing .pc-divider{height:1px;margin:16px 0 14px;opacity:.12}
body.page-landing .feats{list-style:none;flex:1;margin-bottom:20px}
body.page-landing .feats li{font-family:'Raleway',sans-serif;font-size:.7rem;font-weight:300;letter-spacing:.06em;color:rgba(195,215,245,.62);padding:6px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.03)}
body.page-landing .feat-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}
body.page-landing .pc-btn{width:100%;padding:13px;font-family:'Cinzel',serif;font-size:.62rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;background:transparent;cursor:pointer;border-radius:5px;transition:all .3s}
body.page-landing .plans-footer{text-align:center;position:relative;z-index:2}
body.page-landing .pf-main{font-family:'Cormorant Garamond',serif;font-size:1rem;font-style:italic;font-weight:300;color:rgba(201,168,76,.62);line-height:1.9;margin-bottom:12px}
body.page-landing .pf-sep{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:12px}
body.page-landing .pf-line{width:44px;height:1px}
body.page-landing .pf-gem{width:5px;height:5px;background:rgba(201,168,76,.42);transform:rotate(45deg)}
body.page-landing .pf-sub{font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:300;letter-spacing:.18em;color:rgba(110,232,200,.3);line-height:1.9}
body.page-landing /* ── TRUST BAR ── */
.trust-bar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:18px 44px;border-top:1px solid rgba(64,200,200,.08);background:rgba(3,6,15,.72)}
body.page-landing .ti{display:flex;align-items:center;gap:8px}
body.page-landing .ti-icon{font-size:11px;color:rgba(64,200,200,.5)}
body.page-landing .ti-name{font-family:'Raleway',sans-serif;font-size:.58rem;font-weight:500;letter-spacing:.1em;color:rgba(200,220,250,.55);display:block}
body.page-landing .ti-sub{font-family:'Cormorant Garamond',serif;font-size:.62rem;font-style:italic;color:rgba(160,185,230,.35)}
body.page-landing [data-r]{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}
body.page-landing [data-r].in{opacity:1;transform:translateY(0)}
body.page-landing [data-r][data-d="1"]{transition-delay:.08s}
body.page-landing [data-r][data-d="2"]{transition-delay:.16s}
body.page-landing [data-r][data-d="3"]{transition-delay:.25s}
body.page-landing [data-r][data-d="4"]{transition-delay:.34s}
@media(max-width:1024px){body.page-landing .hero{grid-template-columns:1fr;padding:80px 24px 50px;text-align:center}
body.page-landing .hero-eyebrow, body.page-landing .hero-sep, body.page-landing .hero-stats{justify-content:center}
body.page-landing .hero-btns{justify-content:center}
body.page-landing .hero-right{height:480px;min-height:480px;margin-top:30px}
body.page-landing .feat-grid, body.page-landing .plans-grid{grid-template-columns:1fr 1fr;gap:12px}
body.page-landing .three-grid{grid-template-columns:1fr}
body.page-landing .feat-strip, body.page-landing .three-wrap, body.page-landing .plans-wrap, body.page-landing .trust-bar{padding-left:24px;padding-right:24px}
body.page-landing .nav .nav-links{display:none}}
@media(max-width:600px){body.page-landing .feat-grid, body.page-landing .plans-grid{grid-template-columns:1fr}
body.page-landing .hero-title{font-size:3rem}
body.page-landing .lab-panel{display:none}}
body.page-landing /* ═══ LAB SECTIONS v2 ═══ */
.lab-section{position:relative;z-index:3;padding:46px 44px;background:#03060f}
body.page-landing .lab-section.banded{background:linear-gradient(180deg,#03060f,rgba(6,14,38,.8),#03060f);border-top:1px solid rgba(64,200,200,.07);border-bottom:1px solid rgba(64,200,200,.07)}
body.page-landing .lab-sec-head{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}
body.page-landing .lab-sec-eyebrow{font-family:'JetBrains Mono',monospace;font-size:.52rem;font-weight:400;letter-spacing:.45em;text-transform:uppercase;color:rgba(110,232,200,.55);margin-bottom:9px;display:flex;align-items:center;gap:8px}
body.page-landing .lab-sec-eyebrow .ed{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 6px var(--mint);animation:live-blink 2s ease-in-out infinite}
body.page-landing .lab-sec-title{font-family:'Cinzel',serif;font-size:1.55rem;font-weight:700;letter-spacing:.05em;background:linear-gradient(135deg,#fff5d4,var(--gold-l),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}
body.page-landing .lab-sec-sub{font-family:'Cormorant Garamond',serif;font-size:.86rem;font-style:italic;color:rgba(178,205,252,.4);letter-spacing:.04em}
body.page-landing /* VISION cards v2 */
.vision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
body.page-landing .vcard{background:var(--panel);border:1px solid rgba(64,200,200,.14);border-radius:11px;padding:18px;position:relative;overflow:hidden;transition:all .4s}
body.page-landing .vcard::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(64,200,200,.35),transparent)}
body.page-landing .vcard:hover{border-color:rgba(64,200,200,.32);transform:translateY(-4px);box-shadow:0 14px 44px rgba(0,0,0,.5)}
body.page-landing .vcard:hover .vcard-ico{box-shadow:0 0 22px rgba(64,200,200,.2)}
body.page-landing .vcard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
body.page-landing .vcard-label{font-family:'JetBrains Mono',monospace;font-size:.45rem;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:rgba(110,232,200,.5)}
body.page-landing .vcard-live{display:flex;align-items:center;gap:5px;font-family:'JetBrains Mono',monospace;font-size:.42rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(160,185,230,.45)}
body.page-landing .vcard-live .d{width:4px;height:4px;border-radius:50%;background:var(--mint);box-shadow:0 0 5px var(--mint);animation:live-blink 2.4s ease-in-out infinite}
body.page-landing .vcard-ico{width:40px;height:40px;border-radius:11px;border:1px solid rgba(64,200,200,.22);background:rgba(64,200,200,.05);display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--cyan);transition:box-shadow .4s}
body.page-landing .vcard-title{font-family:'Cinzel',serif;font-size:.74rem;font-weight:600;color:var(--gold-l);letter-spacing:.04em;margin-bottom:8px;line-height:1.4}
body.page-landing .vcard-body{font-family:'Cormorant Garamond',serif;font-size:.82rem;font-weight:300;font-style:italic;color:rgba(175,200,248,.55);line-height:1.65;margin-bottom:14px}
body.page-landing .vcard-dataline{display:flex;align-items:center;gap:8px}
body.page-landing .vcard-dataline svg{flex:1}
body.page-landing .vcard-pct{font-family:'JetBrains Mono',monospace;font-size:.55rem;color:var(--cyan)}
body.page-landing /* ── BIG DASHBOARD MODULE (IOS) ── */
.dash{background:var(--panel);border:1px solid rgba(201,168,76,.18);border-radius:14px;position:relative;overflow:hidden}
body.page-landing .dash::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.4),transparent)}
body.page-landing .dash-header{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid rgba(201,168,76,.1)}
body.page-landing .dash-htitle{display:flex;align-items:center;gap:14px}
body.page-landing .dash-hicon{width:46px;height:46px;border-radius:12px;border:1px solid rgba(201,168,76,.25);background:rgba(201,168,76,.06);display:flex;align-items:center;justify-content:center}
body.page-landing .dash-hname{font-family:'Cinzel',serif;font-size:1.5rem;font-weight:700;letter-spacing:.05em;background:linear-gradient(135deg,#fff5d4,var(--gold-l));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
body.page-landing .dash-hsub{font-family:'Raleway',sans-serif;font-size:.56rem;font-weight:300;letter-spacing:.28em;text-transform:uppercase;color:rgba(160,185,230,.45);margin-top:4px}
body.page-landing .dash-hstatus{display:flex;gap:10px;align-items:center}
body.page-landing .dash-body{display:grid;grid-template-columns:2.4fr 1fr;gap:0}
body.page-landing .dash-left{padding:22px 26px;border-right:1px solid rgba(201,168,76,.08)}
body.page-landing .dash-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}
body.page-landing .cell{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 5px;border:1px solid rgba(201,168,76,.1);border-radius:9px;background:rgba(5,11,32,.5);cursor:pointer;transition:all .3s;position:relative}
body.page-landing .cell:hover{border-color:rgba(201,168,76,.34);background:rgba(201,168,76,.05);transform:translateY(-2px)}
body.page-landing .cell-ic{width:30px;height:30px;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:10px;position:relative}
body.page-landing .cell-ic.active{border-color:rgba(201,168,76,.5);background:rgba(201,168,76,.1);color:var(--gold-l);box-shadow:0 0 12px rgba(201,168,76,.2)}
body.page-landing .cell-ic.open{border-color:rgba(64,200,200,.4);background:rgba(64,200,200,.07);color:var(--cyan)}
body.page-landing .cell-ic.locked{border-color:rgba(120,140,180,.2);background:rgba(120,140,180,.04);color:rgba(140,165,210,.4)}
body.page-landing .cell-name{font-family:'Cormorant Garamond',serif;font-size:.64rem;color:rgba(205,220,252,.7);text-align:center;line-height:1.15}
body.page-landing .cell-stat{font-family:'JetBrains Mono',monospace;font-size:.38rem;letter-spacing:.08em;text-transform:uppercase}
body.page-landing .cell-stat.active{color:rgba(201,168,76,.7)}
body.page-landing .cell-stat.open{color:rgba(64,200,200,.6)}
body.page-landing .cell-stat.locked{color:rgba(140,165,210,.35)}
body.page-landing .dash-phrase{font-family:'Cormorant Garamond',serif;font-size:.82rem;font-style:italic;color:rgba(180,205,250,.45);text-align:center;line-height:1.6;margin-top:18px;padding-top:16px;border-top:1px solid rgba(201,168,76,.08)}
body.page-landing .dash-right{padding:22px 22px;display:flex;flex-direction:column;gap:12px}
body.page-landing .mini-panel{background:rgba(5,11,30,.55);border:1px solid rgba(64,200,200,.13);border-radius:9px;padding:13px 15px}
body.page-landing .mini-panel.gold{border-color:rgba(201,168,76,.18)}
body.page-landing .mp-label{font-family:'JetBrains Mono',monospace;font-size:.46rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:rgba(110,232,200,.55);margin-bottom:6px;display:flex;align-items:center;gap:6px}
body.page-landing .mp-label.gold{color:rgba(201,168,76,.6)}
body.page-landing .mp-val{font-family:'JetBrains Mono',monospace;font-size:1.15rem;font-weight:500;color:#fff;line-height:1}
body.page-landing .mp-val.gold{color:var(--gold-l)}
body.page-landing .mp-val.cyan{color:var(--cyan)}
body.page-landing .mp-sub{font-family:'Cormorant Garamond',serif;font-size:.7rem;font-style:italic;color:rgba(160,185,230,.45);margin-top:3px}
body.page-landing .mp-bar{height:4px;background:rgba(255,255,255,.05);border-radius:3px;margin-top:8px;overflow:hidden}
body.page-landing .mp-bar-fill{height:100%;border-radius:3px}
body.page-landing .dash-cta{margin:0 26px 22px;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;font-family:'Cinzel',serif;font-size:.62rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(135deg,#7a5f22,var(--gold),var(--gold-l),var(--gold));border:none;color:#03060f;cursor:pointer;border-radius:6px;transition:all .3s}
body.page-landing .dash-cta:hover{box-shadow:0 0 30px rgba(201,168,76,.3);transform:translateY(-2px)}
body.page-landing /* ── DUO: FIM + IU side by side ── */
.duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
body.page-landing /* FIM dash */
.fdash{background:linear-gradient(165deg,rgba(54,14,76,.42),var(--panel));border:1px solid rgba(155,75,205,.24);border-radius:14px;position:relative;overflow:hidden;display:flex;flex-direction:column}
body.page-landing .fdash::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(200,140,255,.45),transparent)}
body.page-landing .fdash-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(155,75,205,.14)}
body.page-landing .fdash-name{font-family:'Cinzel',serif;font-size:1.4rem;font-weight:700;letter-spacing:.05em;background:linear-gradient(135deg,#f4ccff,#c898f0,#a060d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
body.page-landing .fdash-sub{font-family:'Raleway',sans-serif;font-size:.52rem;font-weight:300;letter-spacing:.26em;text-transform:uppercase;color:rgba(200,150,240,.45);margin-top:4px}
body.page-landing .fdash-body{padding:20px 24px;display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;align-items:center;flex:1}
body.page-landing .fdash-fig{position:relative;height:170px;display:flex;align-items:center;justify-content:center}
body.page-landing .fdash-mods{display:flex;flex-direction:column;gap:9px}
body.page-landing .fmod{display:flex;align-items:flex-start;gap:10px}
body.page-landing .fmod-dot{width:6px;height:6px;border-radius:50%;background:rgba(190,128,255,.6);box-shadow:0 0 6px rgba(190,128,255,.4);flex-shrink:0;margin-top:4px}
body.page-landing .fmod-name{font-family:'Cinzel',serif;font-size:.66rem;color:rgba(225,195,255,.84)}
body.page-landing .fmod-role{font-family:'Raleway',sans-serif;font-size:.62rem;font-weight:300;letter-spacing:.04em;color:rgba(205,175,245,.55)}
body.page-landing .fdash-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 24px 16px}
body.page-landing .fpanel{background:rgba(35,10,55,.4);border:1px solid rgba(155,75,205,.18);border-radius:8px;padding:10px 12px;text-align:center}
body.page-landing .fpanel-lbl{font-family:'JetBrains Mono',monospace;font-size:.42rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(200,150,240,.5);margin-bottom:5px}
body.page-landing .fpanel-val{font-family:'Raleway',sans-serif;font-size:.62rem;font-weight:500;letter-spacing:.08em;color:rgba(225,195,255,.85)}
body.page-landing .fdash-cta{margin:0 24px 22px;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;font-family:'Cinzel',serif;font-size:.6rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;background:rgba(155,75,220,.1);border:1px solid rgba(155,75,220,.35);color:rgba(225,180,255,.85);cursor:pointer;border-radius:6px;transition:all .3s}
body.page-landing .fdash-cta:hover{background:rgba(155,75,220,.18);box-shadow:0 0 24px rgba(155,75,205,.18)}
body.page-landing /* IU dash */
.idash{background:linear-gradient(165deg,rgba(8,32,52,.5),var(--panel));border:1px solid rgba(64,200,200,.24);border-radius:14px;position:relative;overflow:hidden;display:flex;flex-direction:column}
body.page-landing .idash::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(64,220,220,.5),transparent)}
body.page-landing .idash-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(64,200,200,.14)}
body.page-landing .idash-name{font-family:'Cinzel',serif;font-size:1.25rem;font-weight:700;letter-spacing:.04em;background:linear-gradient(135deg,#d8f6ff,var(--cyan),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}
body.page-landing .idash-sub{font-family:'Raleway',sans-serif;font-size:.5rem;font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:rgba(110,200,230,.45);margin-top:4px}
body.page-landing .idash-body{padding:18px 24px;flex:1}
body.page-landing .idash-galaxy{position:relative;height:150px;margin-bottom:14px;border-radius:10px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,rgba(20,60,90,.3),transparent 70%)}
body.page-landing .idash-voies{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}
body.page-landing .voie{display:flex;align-items:center;gap:8px;font-family:'Cormorant Garamond',serif;font-size:.73rem;font-style:italic;color:rgba(180,220,240,.6);padding:5px 9px;border:1px solid rgba(64,200,200,.12);border-radius:6px;background:rgba(8,30,45,.3);transition:all .3s}
body.page-landing .voie:hover{border-color:rgba(64,200,200,.3);color:rgba(200,235,250,.85)}
body.page-landing .voie.full{grid-column:1/-1}
body.page-landing .voie-dot{width:5px;height:5px;border-radius:50%;border:1px solid rgba(64,200,200,.5);flex-shrink:0}
body.page-landing .idash-signals{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:0 24px 14px}
body.page-landing .signal{text-align:center;padding:8px 4px;border:1px solid rgba(64,200,200,.13);border-radius:7px;background:rgba(8,30,45,.3)}
body.page-landing .signal-lbl{font-family:'JetBrains Mono',monospace;font-size:.4rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(110,200,230,.5);margin-bottom:4px;line-height:1.2}
body.page-landing .signal-stat{font-family:'Raleway',sans-serif;font-size:.5rem;font-weight:500;letter-spacing:.05em;color:var(--mint);display:flex;align-items:center;justify-content:center;gap:3px}
body.page-landing .signal-stat .d{width:3px;height:3px;border-radius:50%;background:var(--mint);box-shadow:0 0 4px var(--mint)}
body.page-landing .idash-cta{margin:0 24px 22px;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;font-family:'Cinzel',serif;font-size:.6rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;background:rgba(64,200,200,.1);border:1px solid rgba(64,200,200,.35);color:var(--cyan);cursor:pointer;border-radius:6px;transition:all .3s}
body.page-landing .idash-cta:hover{background:rgba(64,200,200,.18);box-shadow:0 0 24px rgba(64,200,200,.18)}
@media(max-width:1024px){body.page-landing .vision-grid{grid-template-columns:1fr 1fr}
body.page-landing .dash-body{grid-template-columns:1fr}
body.page-landing .dash-left{border-right:none;border-bottom:1px solid rgba(201,168,76,.08)}
body.page-landing .dash-grid{grid-template-columns:repeat(4,1fr)}
body.page-landing .duo-grid{grid-template-columns:1fr}
body.page-landing .fdash-body{grid-template-columns:1fr}
body.page-landing .fdash-fig{height:140px}
body.page-landing .lab-section{padding:40px 24px}}
@media(max-width:600px){body.page-landing .vision-grid{grid-template-columns:1fr}
body.page-landing .dash-grid{grid-template-columns:repeat(3,1fr)}
body.page-landing .idash-voies{grid-template-columns:1fr}
body.page-landing .idash-signals{grid-template-columns:repeat(2,1fr)}
body.page-landing .fdash-panels{grid-template-columns:1fr}}
body.page-landing /* ═══ FINAL POLISH PASS ═══ */
/* deeper panel relief + inner glow */
.feat-card, body.page-landing .vcard, body.page-landing .module, body.page-landing .dash, body.page-landing .fdash, body.page-landing .idash, body.page-landing .pc, body.page-landing .lab-panel, body.page-landing .mini-panel, body.page-landing .fpanel, body.page-landing .signal{
  box-shadow:0 10px 36px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04),inset 0 0 0 1px rgba(255,255,255,.01);
}
body.page-landing .dash, body.page-landing .fdash, body.page-landing .idash{box-shadow:0 18px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05)}
body.page-landing .pc-premium{box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 55px rgba(201,168,76,.12),0 0 120px rgba(201,168,76,.05),inset 0 1px 0 rgba(255,255,255,.06)}
body.page-landing /* subtle radial sheen on big panels */
.dash::after, body.page-landing .fdash::after, body.page-landing .idash::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(255,255,255,.025),transparent 60%)}
body.page-landing /* glass frost on cards */
.feat-card, body.page-landing .vcard, body.page-landing .lab-panel, body.page-landing .mini-panel{backdrop-filter:blur(22px) saturate(1.1);-webkit-backdrop-filter:blur(22px) saturate(1.1)}
body.page-landing /* harmonize section rhythm */
.lab-section{padding:54px 48px}
body.page-landing .feat-strip{padding:0 48px}
body.page-landing .feat-grid{padding:34px 0;gap:16px}
body.page-landing .three-wrap{padding:30px 48px 46px}
body.page-landing .plans-wrap{padding:64px 48px 56px}
body.page-landing .plans-grid{gap:20px}
body.page-landing .vision-grid{gap:16px}
body.page-landing .duo-grid{gap:20px}
body.page-landing .gold-sep{margin:0 48px}
body.page-landing /* refined hover lift */
.feat-card:hover, body.page-landing .vcard:hover{transform:translateY(-5px) scale(1.008)}
body.page-landing .pc:hover{transform:translateY(-7px) scale(1.01)}
body.page-landing .pc-premium:hover{transform:translateY(-17px) scale(1.012)}
body.page-landing /* cell hover glow ring */
.cell:hover .cell-ic.active{box-shadow:0 0 18px rgba(201,168,76,.35)}
body.page-landing .cell:hover .cell-ic.open{box-shadow:0 0 16px rgba(64,200,200,.3)}
body.page-landing /* nav refinement */
.nav{box-shadow:0 4px 30px rgba(0,0,0,.3)}
body.page-landing .nav.scrolled{box-shadow:0 4px 40px rgba(0,0,0,.5)}
body.page-landing /* hero figure — premium aura layers */
.fig-aura{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
body.page-landing .fig-aura-1{width:340px;height:340px;background:radial-gradient(circle,rgba(64,200,200,.05),transparent 65%);animation:fig-breathe 7s ease-in-out infinite}
body.page-landing .fig-aura-2{width:200px;height:200px;background:radial-gradient(circle,rgba(201,168,76,.06),transparent 60%);animation:fig-breathe 5s ease-in-out infinite reverse}
body.page-landing /* orbiting micro-dots around figure */
.orbit-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
@keyframes orbit-a{from{transform:translate(-50%,-50%) rotate(0deg) translateX(200px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(200px) rotate(-360deg)}}
@keyframes orbit-b{from{transform:translate(-50%,-50%) rotate(120deg) translateX(160px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(480deg) translateX(160px) rotate(-360deg)}}
@keyframes orbit-c{from{transform:translate(-50%,-50%) rotate(240deg) translateX(240px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(600deg) translateX(240px) rotate(-360deg)}}
body.page-landing .od1{animation:orbit-a 18s linear infinite}
body.page-landing .od2{animation:orbit-b 24s linear infinite;background:var(--gold);box-shadow:0 0 8px var(--gold)}
body.page-landing .od3{animation:orbit-c 30s linear infinite;background:var(--mint);box-shadow:0 0 8px var(--mint)}
body.page-landing /* readout ticker under figure */
.readout{position:absolute;top:14%;left:50%;transform:translateX(-50%);font-family:'JetBrains Mono',monospace;font-size:.46rem;letter-spacing:.15em;color:rgba(110,232,200,.45);white-space:nowrap;z-index:25}
body.page-landing /* ═══ PREMIUM FOOTER ═══ */
.footer{position:relative;z-index:3;background:linear-gradient(180deg,#03060f,#02040c);border-top:1px solid rgba(64,200,200,.1);padding:48px 48px 30px;overflow:hidden}
body.page-landing .footer-glow{position:absolute;bottom:-120px;left:50%;transform:translateX(-50%);width:600px;height:240px;background:radial-gradient(ellipse at 50% 100%,rgba(64,200,200,.06),transparent 70%);pointer-events:none}
body.page-landing .footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;margin-bottom:36px;position:relative;z-index:2}
body.page-landing .footer-brand-logo{display:flex;align-items:center;gap:11px;margin-bottom:16px}
body.page-landing .footer-brand-name{font-family:'Cinzel',serif;font-size:1.15rem;font-weight:700;letter-spacing:.22em;color:var(--gold);text-shadow:0 0 20px rgba(201,168,76,.35)}
body.page-landing .footer-tagline{font-family:'Cormorant Garamond',serif;font-size:.92rem;font-style:italic;color:rgba(180,205,250,.5);line-height:1.7;margin-bottom:18px;max-width:300px}
body.page-landing .footer-status{display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:.5rem;letter-spacing:.15em;text-transform:uppercase;color:var(--mint);padding:5px 12px;border:1px solid rgba(110,232,200,.22);border-radius:20px;background:rgba(47,184,168,.05)}
body.page-landing .footer-col-title{font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:rgba(110,232,200,.55);margin-bottom:16px}
body.page-landing .footer-link{display:block;font-family:'Raleway',sans-serif;font-size:.7rem;font-weight:300;letter-spacing:.08em;color:rgba(195,215,245,.5);text-decoration:none;padding:6px 0;transition:color .3s;cursor:pointer}
body.page-landing .footer-link:hover{color:var(--gold-l)}
body.page-landing .footer-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(64,200,200,.18),rgba(201,168,76,.25),rgba(64,200,200,.18),transparent);margin-bottom:24px;position:relative;z-index:2}
body.page-landing .footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;position:relative;z-index:2}
body.page-landing .footer-copy{font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:300;letter-spacing:.12em;color:rgba(160,185,230,.32)}
body.page-landing .footer-meta{display:flex;gap:22px}
body.page-landing .footer-meta-item{display:flex;align-items:center;gap:6px;font-family:'Raleway',sans-serif;font-size:.58rem;font-weight:300;letter-spacing:.1em;color:rgba(160,185,230,.35)}
body.page-landing .footer-meta-item .fm-dot{width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 5px var(--cyan)}
body.page-landing .footer-final{text-align:center;margin-top:30px;padding-top:24px;border-top:1px solid rgba(64,200,200,.06);position:relative;z-index:2}
body.page-landing .footer-final-phrase{font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-style:italic;font-weight:300;color:rgba(201,168,76,.55);line-height:1.8}
@media(max-width:1024px){body.page-landing .lab-section{padding:44px 24px}
body.page-landing .feat-strip{padding:0 24px}
body.page-landing .three-wrap{padding:28px 24px 40px}
body.page-landing .plans-wrap{padding:54px 24px 48px}
body.page-landing .gold-sep{margin:0 24px}
body.page-landing .footer{padding:40px 24px 26px}
body.page-landing .footer-top{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:600px){body.page-landing .footer-top{grid-template-columns:1fr}
body.page-landing .footer-bottom{flex-direction:column;text-align:center}
body.page-landing .readout{display:none}}
body.page-landing /* ═══ HUD HARMONIZATION (sections match hero) ═══ */
/* corner brackets on major panels */
.dash, body.page-landing .fdash, body.page-landing .idash{position:relative}
body.page-landing .hud-corner{position:absolute;width:14px;height:14px;pointer-events:none;z-index:2}
body.page-landing .hud-corner.tl{top:8px;left:8px;border-top:1px solid rgba(64,200,200,.4);border-left:1px solid rgba(64,200,200,.4)}
body.page-landing .hud-corner.tr{top:8px;right:8px;border-top:1px solid rgba(64,200,200,.4);border-right:1px solid rgba(64,200,200,.4)}
body.page-landing .hud-corner.bl{bottom:8px;left:8px;border-bottom:1px solid rgba(64,200,200,.4);border-left:1px solid rgba(64,200,200,.4)}
body.page-landing .hud-corner.br{bottom:8px;right:8px;border-bottom:1px solid rgba(64,200,200,.4);border-right:1px solid rgba(64,200,200,.4)}
body.page-landing .fdash .hud-corner.tl, body.page-landing .fdash .hud-corner.tr, body.page-landing .fdash .hud-corner.bl, body.page-landing .fdash .hud-corner.br{border-color:rgba(192,144,232,.4)}
body.page-landing /* scanning line across vision section */
.vcard{position:relative}
body.page-landing .vcard::after{content:'';position:absolute;left:0;right:0;top:0;height:100%;background:linear-gradient(180deg,transparent,rgba(64,200,200,.025),transparent);transform:translateY(-100%);transition:transform .8s;pointer-events:none}
body.page-landing .vcard:hover::after{transform:translateY(100%)}
body.page-landing /* HUD tick marks on section eyebrows */
.lab-sec-eyebrow, body.page-landing .plans-eyebrow{position:relative}
body.page-landing /* shared glass tone for all module containers */
.module, body.page-landing .dash, body.page-landing .fdash, body.page-landing .idash, body.page-landing .feat-card, body.page-landing .vcard{
  background-image:linear-gradient(135deg,rgba(120,200,230,.018),transparent 40%);
}
body.page-landing /* unify all section vertical rhythm */
.hero{padding-bottom:30px}
body.page-landing .lab-section.banded{margin:0}
body.page-landing /* refined data shimmer on progress fills */
.mp-bar-fill, body.page-landing .m-prog-fill, body.page-landing .lab-prog-fill{position:relative;overflow:hidden}
body.page-landing .mp-bar-fill::after, body.page-landing .m-prog-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-100%);animation:shimmer 3s ease-in-out infinite}
@keyframes shimmer{0%{transform:translateX(-100%)}60%,100%{transform:translateX(200%)}}
body.page-landing /* HUD frame ticks top-corners for dash header */
.dash-hicon, body.page-landing .fdash-header>div:first-child>div:first-child, body.page-landing .idash-header>div:first-child>div:first-child{position:relative}
body.page-landing /* ═══════ FINITION PREMIUM FINALE (v7) ═══════ */

/* — 2. RESPIRATION VERTICALE — */
.lab-section{padding:72px 52px}
body.page-landing .three-wrap{padding:44px 52px 60px}
body.page-landing .plans-wrap{padding:84px 52px 64px}
body.page-landing .feat-strip{padding:8px 52px}
body.page-landing .feat-grid{padding:44px 0;gap:18px}
body.page-landing .gold-sep{margin:0 52px}
body.page-landing .lab-sec-head{margin-bottom:42px}
body.page-landing .plans-sub{margin-bottom:48px}
body.page-landing .duo-grid{gap:24px}
body.page-landing .plans-grid{gap:22px}
body.page-landing .vision-grid{gap:18px}
body.page-landing /* — 4. TYPOGRAPHIE plus noble — */
.lab-sec-title, body.page-landing .plans-title{font-size:1.7rem;letter-spacing:.07em;line-height:1.25}
body.page-landing .lab-sec-sub, body.page-landing .plans-sub{color:rgba(195,218,255,.5)}
body.page-landing .hero-phrase{color:rgba(225,238,255,.88)}
body.page-landing .feat-body, body.page-landing .vcard-body, body.page-landing .m-desc{color:rgba(190,212,250,.6)}
body.page-landing .dash-hname, body.page-landing .fdash-name, body.page-landing .idash-name{letter-spacing:.06em}
body.page-landing .section-eyebrow, body.page-landing .lab-sec-eyebrow, body.page-landing .plans-eyebrow{color:rgba(120,240,220,.6)}
body.page-landing /* — 3. CARTES premium : bordures fines + glow + glass propre — */
.feat-card, body.page-landing .vcard, body.page-landing .module, body.page-landing .dash, body.page-landing .fdash, body.page-landing .idash, body.page-landing .pc, body.page-landing .mini-panel, body.page-landing .fpanel, body.page-landing .signal, body.page-landing .voie{
  border-width:1px;
  background-image:linear-gradient(135deg,rgba(130,205,235,.022),transparent 42%);
}
body.page-landing .feat-card, body.page-landing .vcard{border-radius:13px;padding:24px 22px}
body.page-landing .feat-card:hover, body.page-landing .vcard:hover{
  transform:translateY(-6px) scale(1.012);
  border-color:rgba(64,200,200,.4);
  box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 30px rgba(64,200,200,.1),inset 0 1px 0 rgba(255,255,255,.06);
}
body.page-landing .feat-card:hover .feat-ico, body.page-landing .vcard:hover .vcard-ico{box-shadow:0 0 24px rgba(64,200,200,.25);border-color:rgba(64,200,200,.45)}
body.page-landing /* — 5. IOS modules plus distincts — */
.cell{padding:13px 6px;border-radius:11px;transition:all .35s cubic-bezier(.16,1,.3,1)}
body.page-landing .cell-ic{width:32px;height:32px;border-width:1.2px}
body.page-landing .cell-ic.active{box-shadow:0 0 14px rgba(201,168,76,.28),inset 0 0 8px rgba(201,168,76,.12)}
body.page-landing .cell-ic.open{box-shadow:0 0 10px rgba(64,200,200,.2)}
body.page-landing .cell-ic.locked{opacity:.62}
body.page-landing .cell-name{font-size:.66rem}
body.page-landing .cell-stat{font-size:.4rem;padding:1px 6px;border-radius:8px;margin-top:1px}
body.page-landing .cell-stat.active{background:rgba(201,168,76,.1)}
body.page-landing .cell-stat.open{background:rgba(64,200,200,.08)}
body.page-landing .cell:hover{transform:translateY(-3px)}
body.page-landing .cell:hover .cell-name{color:rgba(225,235,255,.92)}
body.page-landing /* right panel beautified */
.mini-panel{border-radius:11px;padding:15px 16px;transition:all .35s}
body.page-landing .mini-panel:hover{border-color:rgba(64,200,200,.3);transform:translateY(-2px)}
body.page-landing .mini-panel.gold:hover{border-color:rgba(201,168,76,.35)}
body.page-landing .dash-right{gap:14px;padding:24px 22px}
body.page-landing /* — 6. F.I.M + IU raffinement — */
.fpanel{border-radius:9px;padding:12px;transition:all .3s}
body.page-landing .fpanel:hover{border-color:rgba(192,144,232,.35);transform:translateY(-2px);box-shadow:0 0 16px rgba(155,75,205,.12)}
body.page-landing .voie{border-radius:8px;padding:6px 11px;transition:all .3s}
body.page-landing .voie:hover{transform:translateX(3px);box-shadow:0 0 14px rgba(64,200,200,.1)}
body.page-landing .signal{border-radius:9px;transition:all .3s}
body.page-landing .signal:hover{border-color:rgba(64,200,200,.32);transform:translateY(-2px);box-shadow:0 0 14px rgba(64,200,200,.1)}
body.page-landing /* IU galaxy more alive — slow rotation */
.idash-galaxy svg ellipse{transform-origin:center;animation:gal-spin 60s linear infinite}
body.page-landing .idash-galaxy svg ellipse:nth-of-type(2){animation-duration:80s;animation-direction:reverse}
body.page-landing .idash-galaxy svg ellipse:nth-of-type(3){animation-duration:45s}
@keyframes gal-spin{to{transform:rotate(360deg)}}
body.page-landing /* — 7. PLANS premium — */
.pc{border-radius:14px;padding:32px 24px 28px}
body.page-landing .pc:hover{box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05)}
body.page-landing .pc-essentiel:hover{border-color:rgba(178,138,58,.5);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 30px rgba(178,138,58,.12)}
body.page-landing .pc-pro:hover{border-color:rgba(64,200,200,.5);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 30px rgba(64,200,200,.14)}
body.page-landing .pc-elite:hover{border-color:rgba(152,78,218,.5);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 30px rgba(152,78,218,.14)}
body.page-landing /* premium card — clearer recommendation */
.pc-premium{border-width:1.5px;box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 65px rgba(201,168,76,.16),0 0 140px rgba(201,168,76,.06),inset 0 1px 0 rgba(255,255,255,.07)}
body.page-landing .pc-premium::after{content:'';position:absolute;inset:-1.5px;border-radius:14px;padding:1.5px;background:linear-gradient(135deg,rgba(201,168,76,.5),transparent 40%,transparent 60%,rgba(232,201,122,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:border-flow 6s linear infinite}
@keyframes border-flow{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}}
body.page-landing .pc-badge{font-size:.48rem;padding:6px 16px;box-shadow:0 0 22px rgba(201,168,76,.4);animation:badge-pulse 3s ease-in-out infinite}
@keyframes badge-pulse{0%,100%{box-shadow:0 0 22px rgba(201,168,76,.4)}50%{box-shadow:0 0 32px rgba(201,168,76,.6)}}
body.page-landing .pc-price{font-size:2.1rem}
body.page-landing .feats li{padding:7px 0}
body.page-landing .pc-btn{padding:14px;border-radius:7px}
body.page-landing .pc-btn:hover{transform:translateY(-1px)}
body.page-landing .pc-essentiel .pc-btn:hover, body.page-landing .pc-pro .pc-btn:hover, body.page-landing .pc-elite .pc-btn:hover{box-shadow:0 0 18px rgba(255,255,255,.06)}
body.page-landing /* — 9. MICRO-ANIMATIONS — */
/* button shimmer on hover */
.dash-cta, body.page-landing .fdash-cta, body.page-landing .idash-cta, body.page-landing .m-btn, body.page-landing .pc-btn, body.page-landing .btn-gold, body.page-landing .btn-outline{position:relative;overflow:hidden}
body.page-landing .dash-cta::after, body.page-landing .fdash-cta::after, body.page-landing .idash-cta::after, body.page-landing .pc-btn::after, body.page-landing .btn-gold::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .6s;pointer-events:none}
body.page-landing .dash-cta:hover::after, body.page-landing .fdash-cta:hover::after, body.page-landing .idash-cta:hover::after, body.page-landing .pc-btn:hover::after, body.page-landing .btn-gold:hover::after{left:120%}
body.page-landing /* gentle float on hero cards refine */
.lab-panel{border-radius:10px;padding:12px 14px}
body.page-landing .lab-panel .lab-title{font-size:.52rem;letter-spacing:.2em}
body.page-landing .lab-panel .lab-val{font-size:1.05rem}
body.page-landing .lab-panel:hover{border-color:rgba(64,200,200,.4);box-shadow:0 12px 36px rgba(0,0,0,.5),0 0 22px rgba(64,200,200,.12)}
body.page-landing .mod-chip{border-radius:9px;transition:all .3s}
body.page-landing .mod-chip:hover{transform:translateY(-2px);border-color:rgba(64,200,200,.35)}
body.page-landing .mod-chip.active:hover{border-color:rgba(201,168,76,.5);box-shadow:0 0 20px rgba(201,168,76,.15)}
body.page-landing /* soft pulse on section eyebrow dots */
.lab-sec-eyebrow .ed{animation:live-blink 2.4s ease-in-out infinite}
body.page-landing /* — 1. HERO refine — */
.hero{padding:80px 52px 40px}
body.page-landing .fig-glow{background:radial-gradient(ellipse at 50% 40%,rgba(40,140,200,.3),rgba(20,80,160,.12) 42%,transparent 70%)}
body.page-landing .hero-stats{margin-top:6px}
body.page-landing .hstat-num{font-size:1.2rem}
body.page-landing /* dividers more luxe */
.gold-sep{height:1px;background:linear-gradient(90deg,transparent,rgba(64,200,200,.12),rgba(201,168,76,.32),rgba(64,200,200,.12),transparent)}
body.page-landing /* nav polish */
.nav-link{font-size:.62rem}
body.page-landing .nav-logo-text{font-size:1rem}
@media(max-width:1024px){body.page-landing .lab-section{padding:54px 24px}
body.page-landing .three-wrap{padding:36px 24px 48px}
body.page-landing .plans-wrap{padding:64px 24px 52px}
body.page-landing .feat-strip{padding:8px 24px}
body.page-landing .gold-sep{margin:0 24px}
body.page-landing .hero{padding:80px 24px 40px}}
body.page-landing /* — 8. FOOTER plus respirant — */
.footer{padding:64px 52px 36px}
body.page-landing .footer-top{gap:44px;margin-bottom:44px}
body.page-landing .footer-link{padding:7px 0;font-size:.71rem}
body.page-landing .footer-link:hover{transform:translateX(3px)}
body.page-landing .footer-tagline{font-size:.94rem;line-height:1.8;max-width:320px;margin-bottom:22px}
body.page-landing .footer-col-title{margin-bottom:20px}
body.page-landing .footer-divider{margin-bottom:28px}
body.page-landing .footer-final{margin-top:36px;padding-top:28px}
body.page-landing .footer-final-phrase{font-size:1.1rem}
@media(max-width:1024px){body.page-landing .footer{padding:52px 24px 30px}}
body.page-landing /* ═══ DIAGNOSTIC INTÉRIEUR — CHEMIN D'ACCÈS ═══ */
.diag-wrap{position:relative;z-index:3;padding:72px 52px;background:linear-gradient(180deg,#03060f,rgba(7,16,42,.6),#03060f);border-top:1px solid rgba(64,200,200,.07);border-bottom:1px solid rgba(64,200,200,.07)}
body.page-landing .diag-geo{position:absolute;top:50%;right:-100px;transform:translateY(-50%);opacity:.03;pointer-events:none;animation:geo-spin 200s linear infinite}
body.page-landing .diag-body{display:grid;grid-template-columns:1.7fr 1fr;gap:24px;align-items:stretch}
body.page-landing /* left: progression ladder */
.diag-ladder{display:flex;flex-direction:column;gap:12px;position:relative}
body.page-landing .diag-track{position:absolute;left:27px;top:30px;bottom:30px;width:2px;background:linear-gradient(180deg,rgba(232,201,122,.5),rgba(64,200,200,.4),rgba(120,90,200,.4),rgba(220,140,255,.4),rgba(201,168,76,.5));border-radius:2px}
body.page-landing .paliers{display:flex;flex-direction:column;gap:13px}
body.page-landing .palier{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:13px;background:var(--panel);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px)}
body.page-landing .palier::before{content:'';position:absolute;top:0;left:0;right:0;height:1px}
body.page-landing .palier:hover{transform:translateX(6px);box-shadow:0 16px 44px rgba(0,0,0,.45)}
body.page-landing .palier-num{width:32px;height:32px;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:.7rem;font-weight:500;flex-shrink:0;z-index:2;background:#060c1e}
body.page-landing .palier-icon{width:42px;height:42px;border-radius:11px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.page-landing .palier-info{flex:1}
body.page-landing .palier-name{font-family:'Cinzel',serif;font-size:.92rem;font-weight:700;letter-spacing:.05em;margin-bottom:3px}
body.page-landing .palier-tag{font-family:'Raleway',sans-serif;font-size:.55rem;font-weight:300;letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px}
body.page-landing .palier-desc{font-family:'Cormorant Garamond',serif;font-size:.82rem;font-style:italic;color:rgba(185,210,250,.55);line-height:1.5}
body.page-landing .palier-status{display:flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:14px;flex-shrink:0;white-space:nowrap}
body.page-landing .palier-status .ps-dot{width:5px;height:5px;border-radius:50%}
body.page-landing /* per-palier colors */
.p-chariya{background-image:linear-gradient(135deg,rgba(232,201,122,.04),transparent 45%)}
body.page-landing .p-chariya::before{background:linear-gradient(90deg,transparent,rgba(232,201,122,.4),transparent)}
body.page-landing .p-chariya .palier-num{border-color:rgba(232,201,122,.5);color:rgba(240,215,140,.9)}
body.page-landing .p-chariya .palier-icon{border-color:rgba(232,201,122,.3);background:rgba(232,201,122,.06);color:rgba(240,215,140,.85)}
body.page-landing .p-chariya .palier-name{color:rgba(245,225,160,.92)}
body.page-landing .p-chariya .palier-tag{color:rgba(232,201,122,.6)}
body.page-landing .p-chariya .palier-status{color:rgba(240,215,140,.85);background:rgba(232,201,122,.08);border:1px solid rgba(232,201,122,.22)}
body.page-landing .p-chariya .ps-dot{background:rgba(240,215,140,.8);box-shadow:0 0 5px rgba(240,215,140,.6)}
body.page-landing .p-tariqa{background-image:linear-gradient(135deg,rgba(64,200,210,.04),transparent 45%)}
body.page-landing .p-tariqa::before{background:linear-gradient(90deg,transparent,rgba(64,200,210,.4),transparent)}
body.page-landing .p-tariqa .palier-num{border-color:rgba(64,200,210,.5);color:rgba(110,220,225,.9)}
body.page-landing .p-tariqa .palier-icon{border-color:rgba(64,200,210,.3);background:rgba(64,200,210,.06);color:rgba(110,220,225,.85)}
body.page-landing .p-tariqa .palier-name{color:rgba(150,235,240,.92)}
body.page-landing .p-tariqa .palier-tag{color:rgba(64,200,210,.6)}
body.page-landing .p-tariqa .palier-status{color:rgba(110,220,225,.85);background:rgba(64,200,210,.08);border:1px solid rgba(64,200,210,.22)}
body.page-landing .p-tariqa .ps-dot{background:var(--cyan);box-shadow:0 0 5px var(--cyan);animation:live-blink 2s ease-in-out infinite}
body.page-landing .p-haqiqa{background-image:linear-gradient(135deg,rgba(120,110,220,.05),transparent 45%)}
body.page-landing .p-haqiqa::before{background:linear-gradient(90deg,transparent,rgba(120,110,220,.45),transparent)}
body.page-landing .p-haqiqa .palier-num{border-color:rgba(120,110,220,.5);color:rgba(160,150,240,.9)}
body.page-landing .p-haqiqa .palier-icon{border-color:rgba(120,110,220,.32);background:rgba(120,110,220,.07);color:rgba(160,150,240,.85)}
body.page-landing .p-haqiqa .palier-name{color:rgba(180,170,245,.92)}
body.page-landing .p-haqiqa .palier-tag{color:rgba(140,130,230,.6)}
body.page-landing .p-haqiqa .palier-status{color:rgba(170,160,240,.85);background:rgba(120,110,220,.08);border:1px solid rgba(120,110,220,.24)}
body.page-landing .p-haqiqa .ps-dot{background:rgba(160,150,240,.8);box-shadow:0 0 5px rgba(140,130,230,.6)}
body.page-landing .p-houb{background-image:linear-gradient(135deg,rgba(220,130,225,.05),transparent 45%)}
body.page-landing .p-houb::before{background:linear-gradient(90deg,transparent,rgba(220,130,225,.45),transparent)}
body.page-landing .p-houb .palier-num{border-color:rgba(220,130,225,.5);color:rgba(235,165,240,.9)}
body.page-landing .p-houb .palier-icon{border-color:rgba(220,130,225,.32);background:rgba(220,130,225,.07);color:rgba(235,165,240,.85)}
body.page-landing .p-houb .palier-name{color:rgba(245,185,250,.92)}
body.page-landing .p-houb .palier-tag{color:rgba(225,140,230,.6)}
body.page-landing .p-houb .palier-status{color:rgba(238,170,242,.85);background:rgba(220,130,225,.08);border:1px solid rgba(220,130,225,.24)}
body.page-landing .p-houb .ps-dot{background:rgba(235,165,240,.8);box-shadow:0 0 5px rgba(225,140,230,.6)}
body.page-landing .p-ishq{background-image:linear-gradient(135deg,rgba(201,168,76,.05),rgba(64,200,210,.03) 50%,rgba(180,120,230,.04));border-color:rgba(201,168,76,.3)}
body.page-landing .p-ishq::before{background:linear-gradient(90deg,rgba(201,168,76,.4),rgba(64,200,210,.4),rgba(180,120,230,.4))}
body.page-landing .p-ishq{box-shadow:0 0 30px rgba(201,168,76,.06)}
body.page-landing .p-ishq .palier-num{border-color:rgba(201,168,76,.5);color:var(--gold-l);background:#0a0f24}
body.page-landing .p-ishq .palier-icon{border-color:rgba(201,168,76,.4);background:linear-gradient(135deg,rgba(201,168,76,.1),rgba(64,200,210,.06));color:var(--gold-l)}
body.page-landing .p-ishq .palier-name{background:linear-gradient(135deg,#fff5d4,var(--gold-l),#9ad8e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
body.page-landing .p-ishq .palier-tag{color:rgba(201,168,76,.65)}
body.page-landing .p-ishq .palier-status{color:#03060f;background:linear-gradient(135deg,var(--gold),var(--gold-l));border:none;font-weight:500}
body.page-landing .p-ishq .ps-dot{background:#03060f}
body.page-landing /* right: scan panel */
.diag-side{display:flex;flex-direction:column;gap:0;background:var(--panel);border:1px solid rgba(64,200,200,.18);border-radius:14px;overflow:hidden;position:relative;backdrop-filter:blur(22px)}
body.page-landing .diag-side::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(64,200,200,.45),transparent)}
body.page-landing .diag-side-head{padding:22px 24px 18px;border-bottom:1px solid rgba(64,200,200,.1)}
body.page-landing .diag-side-eyebrow{font-family:'JetBrains Mono',monospace;font-size:.5rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(120,240,220,.6);margin-bottom:10px;display:flex;align-items:center;gap:7px}
body.page-landing .diag-side-title{font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-style:italic;font-weight:400;color:rgba(225,238,255,.85);line-height:1.5}
body.page-landing .diag-indicators{padding:20px 24px;display:flex;flex-direction:column;gap:18px;flex:1}
body.page-landing .dind{}
body.page-landing .dind-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
body.page-landing .dind-name{font-family:'Raleway',sans-serif;font-size:.66rem;font-weight:400;letter-spacing:.1em;color:rgba(200,220,250,.75);display:flex;align-items:center;gap:8px}
body.page-landing .dind-ic{width:24px;height:24px;border-radius:7px;border:1px solid rgba(64,200,200,.22);background:rgba(64,200,200,.05);display:flex;align-items:center;justify-content:center;color:var(--cyan)}
body.page-landing .dind-val{font-family:'JetBrains Mono',monospace;font-size:.62rem;color:var(--cyan)}
body.page-landing .dind-bar{height:5px;background:rgba(255,255,255,.05);border-radius:3px;overflow:hidden;position:relative}
body.page-landing .dind-fill{height:100%;border-radius:3px;position:relative;overflow:hidden}
body.page-landing .dind-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-100%);animation:shimmer 3s ease-in-out infinite}
body.page-landing .diag-cta{margin:0 24px 16px;display:flex;align-items:center;justify-content:center;gap:9px;padding:15px;font-family:'Cinzel',serif;font-size:.64rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(135deg,#7a5f22,var(--gold),var(--gold-l),var(--gold));background-size:200% 100%;border:none;color:#03060f;cursor:pointer;border-radius:7px;position:relative;overflow:hidden;box-shadow:0 0 30px rgba(201,168,76,.22);animation:btn-shine 5s ease infinite;transition:all .4s}
body.page-landing .diag-cta:hover{box-shadow:0 0 50px rgba(201,168,76,.4);transform:translateY(-2px)}
body.page-landing .diag-cta::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s}
body.page-landing .diag-cta:hover::after{left:120%}
body.page-landing .diag-scanline{height:1px;margin:0 24px 18px;background:linear-gradient(90deg,transparent,rgba(64,200,200,.3),transparent);position:relative}
body.page-landing .diag-final{padding:0 24px 22px;font-family:'Cormorant Garamond',serif;font-size:.8rem;font-style:italic;color:rgba(180,205,250,.5);line-height:1.65;text-align:center}
body.page-landing .diag-footnote{text-align:center;margin-top:34px;font-family:'Cormorant Garamond',serif;font-size:.95rem;font-style:italic;color:rgba(201,168,76,.55);line-height:1.8;max-width:680px;margin-left:auto;margin-right:auto}
@media(max-width:1024px){body.page-landing .diag-wrap{padding:54px 24px}
body.page-landing .diag-body{grid-template-columns:1fr;gap:18px}
body.page-landing .palier{padding:16px 18px;gap:14px;flex-wrap:wrap}
body.page-landing .palier-status{order:5}}
@media(max-width:600px){body.page-landing .palier-icon{display:none}
body.page-landing .diag-track{display:none}}
body.page-landing /* ═══════ SAAS DEPTH LAYER (v9) — détails seulement ═══════ */

/* — ambient HUD scan line sweeping the whole page background — */
.page-scan{position:fixed;left:0;right:0;top:0;height:140px;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(64,200,200,.018),transparent);animation:page-scan-move 14s ease-in-out infinite}
@keyframes page-scan-move{0%{transform:translateY(-140px)}100%{transform:translateY(100vh)}}
body.page-landing /* — corner HUD ticks on every major card — */
.feat-card::after, body.page-landing .vcard::before, body.page-landing .pc::before{}
body.page-landing .feat-card{position:relative}
body.page-landing .feat-card .hud-tick, body.page-landing .pc .hud-tick{position:absolute;width:8px;height:8px;pointer-events:none;opacity:.4;transition:opacity .4s}
body.page-landing .feat-card:hover .hud-tick, body.page-landing .pc:hover .hud-tick{opacity:.9}
body.page-landing /* — animated data dots traveling along the connection feel — */
@keyframes data-travel{0%{opacity:0;transform:translateX(0)}10%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translateX(40px)}}
body.page-landing /* — system status ribbon under hero stats — */
.sys-ribbon{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid rgba(64,200,200,.1);animation:fadeUp 1s ease 1.15s both}
body.page-landing .sys-item{display:flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:300;letter-spacing:.14em;text-transform:uppercase;color:rgba(170,200,235,.45)}
body.page-landing .sys-led{width:5px;height:5px;border-radius:50%;flex-shrink:0}
body.page-landing .sys-led.green{background:var(--mint);box-shadow:0 0 6px var(--mint);animation:live-blink 2.2s ease-in-out infinite}
body.page-landing .sys-led.cyan{background:var(--cyan);box-shadow:0 0 6px var(--cyan);animation:live-blink 2.8s ease-in-out infinite}
body.page-landing .sys-led.gold{background:var(--gold-l);box-shadow:0 0 6px var(--gold-l);animation:live-blink 3.2s ease-in-out infinite}
body.page-landing /* — richer hover on all premium cards — */
.feat-card, body.page-landing .vcard, body.page-landing .pc, body.page-landing .palier, body.page-landing .mini-panel, body.page-landing .fpanel, body.page-landing .signal, body.page-landing .voie, body.page-landing .lab-panel, body.page-landing .mod-chip{
  transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s,background .4s;
}
body.page-landing .feat-card:hover{background-image:linear-gradient(135deg,rgba(64,200,200,.04),transparent 50%)}
body.page-landing /* — module header live readout — */
.module-meta::before{content:'▸ ';color:rgba(110,232,200,.5)}
body.page-landing /* — dash header: add a tiny equalizer animation — */
.dash-eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px;margin-left:8px}
body.page-landing .dash-eq span{width:2px;background:var(--cyan);border-radius:1px;animation:eq 1.2s ease-in-out infinite}
body.page-landing .dash-eq span:nth-child(1){height:40%;animation-delay:0s}
body.page-landing .dash-eq span:nth-child(2){height:80%;animation-delay:.2s}
body.page-landing .dash-eq span:nth-child(3){height:55%;animation-delay:.4s}
body.page-landing .dash-eq span:nth-child(4){height:95%;animation-delay:.6s}
body.page-landing .dash-eq span:nth-child(5){height:65%;animation-delay:.8s}
@keyframes eq{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}
body.page-landing /* — heart glow refinement on hero (deeper) — */
.fig-aura-1{background:radial-gradient(circle,rgba(64,200,210,.06),transparent 65%)}
body.page-landing .fig-aura-2{background:radial-gradient(circle,rgba(201,168,76,.07),transparent 60%)}
body.page-landing /* — vision card icon: subtle continuous glow pulse — */
.vcard-ico, body.page-landing .feat-ico{animation:ico-breathe 5s ease-in-out infinite}
@keyframes ico-breathe{0%,100%{box-shadow:0 0 0 rgba(64,200,200,0)}50%{box-shadow:0 0 14px rgba(64,200,200,.12)}}
body.page-landing /* — plan price: tiny count-up shimmer — */
.pc-price{position:relative}
body.page-landing /* — palier hover: reveal a scan sweep — */
.palier{position:relative;overflow:hidden}
body.page-landing .palier .palier-scan{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transform:translateX(-100%);pointer-events:none}
body.page-landing .palier:hover .palier-scan{animation:palier-sweep .9s ease}
@keyframes palier-sweep{to{transform:translateX(100%)}}
body.page-landing /* — footer: add live system row — */
.footer-sys{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:18px;justify-content:center}
body.page-landing .footer-sys .sys-item{font-size:.48rem}
body.page-landing /* — responsive refinements — */
@media(max-width:768px){
  .sys-ribbon{gap:12px}
  .hero-stats{gap:14px;flex-wrap:wrap}
  .page-scan{display:none}
}
@media(max-width:600px){body.page-landing .hero-title{font-size:2.8rem}
body.page-landing .lab-sec-title, body.page-landing .plans-title{font-size:1.4rem}
body.page-landing .sys-ribbon .sys-item:nth-child(n+4){display:none}}
body.page-landing /* ═══ HOLOGRAM PRESENCE V2 (central form only) ═══ */
.ei-presence{position:absolute;left:50%;top:50%;width:250px;height:500px;transform:translate(-50%,-50%);z-index:6;filter:drop-shadow(0 0 38px rgba(56,189,248,.42))}
body.page-landing .ei-aura{position:absolute;inset:16px 5px;border-radius:48% 48% 42% 42%;background:radial-gradient(ellipse at 50% 32%,rgba(255,255,255,.18),transparent 18%),radial-gradient(ellipse at 50% 50%,rgba(56,189,248,.30),transparent 45%),radial-gradient(ellipse at 50% 58%,rgba(242,213,138,.12),transparent 52%);filter:blur(10px);opacity:.95;animation:ei-aura 4s ease-in-out infinite alternate}
@keyframes ei-aura{to{transform:scale(1.04);opacity:.72}}
body.page-landing .ei-light-form{position:absolute;left:50%;top:0;width:168px;height:478px;transform:translateX(-50%);background:linear-gradient(90deg,transparent 0 8%,rgba(125,211,252,.13) 17%,rgba(255,255,255,.08) 50%,rgba(125,211,252,.13) 83%,transparent 92%);clip-path:path("M84 0 C123 0 141 35 134 72 C130 94 116 106 112 126 C143 141 160 181 154 225 C150 254 135 279 128 308 C121 341 129 391 116 450 C109 480 94 500 84 500 C74 500 59 480 52 450 C39 391 47 341 40 308 C33 279 18 254 14 225 C8 181 25 141 56 126 C52 106 38 94 34 72 C27 35 45 0 84 0 Z");border:1px solid rgba(125,211,252,.28);box-shadow:inset 0 0 60px rgba(56,189,248,.14),0 0 48px rgba(56,189,248,.18)}
body.page-landing .ei-light-form:before{content:"";position:absolute;left:50%;top:2%;bottom:4%;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,rgba(255,255,255,.65),rgba(242,213,138,.95),rgba(56,189,248,.55),transparent);box-shadow:0 0 22px rgba(242,213,138,.55)}
body.page-landing .ei-light-form:after{content:"";position:absolute;inset:24px 38px;background:repeating-linear-gradient(180deg,rgba(56,189,248,.28) 0 1px,transparent 1px 27px);opacity:.55;-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 15%,#000 82%,transparent)}
body.page-landing .ei-head-glow{position:absolute;left:50%;top:6px;width:94px;height:112px;transform:translateX(-50%);border-radius:48% 48% 44% 44%;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.60),rgba(103,232,249,.20) 36%,rgba(37,99,235,.05) 70%);border:1px solid rgba(125,211,252,.45);box-shadow:inset 0 0 34px rgba(56,189,248,.20),0 0 42px rgba(56,189,248,.24)}
body.page-landing .ei-shoulder-flow{position:absolute;left:50%;top:132px;width:210px;height:100px;transform:translateX(-50%);border-radius:50%;border-top:1px solid rgba(125,211,252,.34);background:radial-gradient(ellipse at center,rgba(56,189,248,.10),transparent 62%)}
body.page-landing .ei-heart{position:absolute;left:50%;top:206px;width:62px;height:62px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#fff9dc 0 9%,#f2d58a 25%,#d9b76a 48%,rgba(242,213,138,.08) 72%);box-shadow:0 0 32px rgba(242,213,138,.98),0 0 85px rgba(242,213,138,.42);animation:ei-heart 2.5s ease-in-out infinite}
body.page-landing .ei-heart:before, body.page-landing .ei-heart:after{content:"";position:absolute;inset:-18px;border:1px solid rgba(242,213,138,.32);border-radius:50%;animation:ei-ring 2.5s ease-out infinite}
body.page-landing .ei-heart:after{animation-delay:.7s}
@keyframes ei-heart{50%{transform:translateX(-50%) scale(1.08)}}
@keyframes ei-ring{from{transform:scale(.72);opacity:.95}to{transform:scale(1.45);opacity:0}}
body.page-landing .ei-meridian{position:absolute;width:7px;height:7px;border-radius:50%;background:#67e8f9;box-shadow:0 0 18px rgba(103,232,249,.9)}
body.page-landing .ei-meridian.m1{left:121px;top:150px}
body.page-landing .ei-meridian.m2{left:89px;top:185px;background:#34d399}
body.page-landing .ei-meridian.m3{right:89px;top:185px;background:#a78bfa}
body.page-landing .ei-meridian.m4{left:103px;top:292px;background:#f2d58a}
body.page-landing .ei-meridian.m5{right:103px;top:292px}
body.page-landing .ei-meridian.m6{left:121px;top:365px;background:#34d399}
body.page-landing .ei-wave{position:absolute;left:50%;transform:translateX(-50%);width:150px;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.65),transparent)}
body.page-landing .ei-wave.w1{top:160px}
body.page-landing .ei-wave.w2{top:250px;background:linear-gradient(90deg,transparent,rgba(242,213,138,.72),transparent)}
body.page-landing .ei-wave.w3{top:335px}
body.page-landing .ei-wave.w4{top:408px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.55),transparent)}
@media(max-width:680px){body.page-landing .ei-presence{transform:translate(-50%,-50%) scale(.8)}}

/* ==================== DASHBOARD (body.page-dashboard) ==================== */
body.page-dashboard *, body.page-dashboard *::before, body.page-dashboard *::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px}
body.page-dashboard{background:#03060f;color:#e8edf8;font-family:'Raleway',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.page-dashboard ::-webkit-scrollbar{width:6px;height:6px}
body.page-dashboard ::-webkit-scrollbar-track{background:#03060f}
body.page-dashboard ::-webkit-scrollbar-thumb{background:rgba(64,200,200,.3);border-radius:3px}
body.page-dashboard{
  --gold:#c9a84c;--gold-l:#e8c97a;--cyan:#3fd8d0;--teal:#2fb8a8;--mint:#6ee8c8;
  --blue:#5090e8;--blue-l:#80b8ff;--violet:#a060e0;--violet-l:#c890ff;--silver:#c8d8e8;
  --bg:#03060f;--panel:rgba(8,16,38,.78);--panel-2:rgba(10,18,42,.6);
}
body.page-dashboard #bg-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}
body.page-dashboard .grid-overlay{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(64,200,200,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(64,200,200,.022) 1px,transparent 1px);background-size:48px 48px}
body.page-dashboard /* ── LAYOUT ── */
.app{position:relative;z-index:2;display:grid;grid-template-columns:248px 1fr;min-height:100vh}
body.page-dashboard /* ── SIDEBAR ── */
.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,rgba(5,10,28,.96),rgba(3,7,18,.98));border-right:1px solid rgba(64,200,200,.1);padding:22px 16px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;backdrop-filter:blur(20px)}
body.page-dashboard .sb-logo{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;margin-bottom:8px;border-bottom:1px solid rgba(64,200,200,.08)}
body.page-dashboard .sb-logo-text{font-family:'Cinzel',serif;font-size:.95rem;font-weight:700;letter-spacing:.2em;color:var(--gold);text-shadow:0 0 18px rgba(201,168,76,.35)}
body.page-dashboard .sb-section{font-family:'JetBrains Mono',monospace;font-size:.46rem;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:rgba(110,232,200,.4);padding:14px 10px 6px}
body.page-dashboard .sb-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;cursor:pointer;transition:all .25s;color:rgba(200,218,255,.6);text-decoration:none;position:relative}
body.page-dashboard .sb-item:hover{background:rgba(64,200,200,.06);color:rgba(220,235,255,.9)}
body.page-dashboard .sb-item.active{background:linear-gradient(135deg,rgba(64,200,200,.12),rgba(64,200,200,.04));color:var(--cyan)}
body.page-dashboard .sb-item.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--cyan);border-radius:2px;box-shadow:0 0 8px var(--cyan)}
body.page-dashboard .sb-ico{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
body.page-dashboard .sb-label{font-family:'Raleway',sans-serif;font-size:.7rem;font-weight:400;letter-spacing:.05em}
body.page-dashboard .sb-lock{margin-left:auto;font-size:.5rem;color:rgba(140,165,210,.4)}
body.page-dashboard .sb-badge{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:.42rem;letter-spacing:.1em;padding:2px 6px;border-radius:8px;background:rgba(201,168,76,.12);color:var(--gold-l);text-transform:uppercase}
body.page-dashboard .sb-foot{margin-top:auto;padding-top:14px;border-top:1px solid rgba(64,200,200,.08)}
body.page-dashboard .sb-plan{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:rgba(201,168,76,.06);border:1px solid rgba(201,168,76,.18)}
body.page-dashboard .sb-plan-ic{width:30px;height:30px;border-radius:8px;border:1px solid rgba(201,168,76,.3);background:rgba(201,168,76,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.page-dashboard .sb-plan-name{font-family:'Cinzel',serif;font-size:.68rem;font-weight:700;color:var(--gold-l);letter-spacing:.06em}
body.page-dashboard .sb-plan-sub{font-family:'JetBrains Mono',monospace;font-size:.42rem;letter-spacing:.1em;color:rgba(160,185,230,.5);text-transform:uppercase}
body.page-dashboard /* ── MAIN ── */
.main{padding:0;overflow-x:hidden}
body.page-dashboard .topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:rgba(3,6,15,.85);border-bottom:1px solid rgba(64,200,200,.1);backdrop-filter:blur(24px)}
body.page-dashboard .tb-greet{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-style:italic;color:rgba(225,238,255,.85)}
body.page-dashboard .tb-greet b{font-family:'Cinzel',serif;font-style:normal;font-weight:600;color:var(--gold-l);font-size:1rem;letter-spacing:.04em}
body.page-dashboard .tb-right{display:flex;align-items:center;gap:16px}
body.page-dashboard .tb-pill{display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);padding:5px 12px;border:1px solid rgba(110,232,200,.22);border-radius:20px;background:rgba(47,184,168,.05)}
body.page-dashboard .tb-pill .d{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 6px var(--mint);animation:blink 2s ease-in-out infinite}
body.page-dashboard .tb-avatar{width:36px;height:36px;border-radius:50%;border:1px solid rgba(201,168,76,.35);background:radial-gradient(circle,rgba(201,168,76,.2),rgba(64,200,200,.1));display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-size:.8rem;color:var(--gold-l);cursor:pointer}
body.page-dashboard .content{padding:30px 32px 50px}
body.page-dashboard /* section heads */
.sec-head{display:flex;align-items:center;justify-content:space-between;margin:34px 0 18px}
body.page-dashboard .sec-head:first-child{margin-top:6px}
body.page-dashboard .sec-title{font-family:'Cinzel',serif;font-size:1.05rem;font-weight:700;letter-spacing:.05em;color:rgba(235,228,210,.95);display:flex;align-items:center;gap:10px}
body.page-dashboard .sec-title .st-ico{width:22px;height:22px;border-radius:7px;border:1px solid rgba(64,200,200,.25);background:rgba(64,200,200,.06);display:flex;align-items:center;justify-content:center}
body.page-dashboard .sec-eyebrow{font-family:'JetBrains Mono',monospace;font-size:.46rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(110,232,200,.5)}
body.page-dashboard .sec-link{font-family:'Raleway',sans-serif;font-size:.6rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:rgba(64,200,200,.7);cursor:pointer;text-decoration:none}
body.page-dashboard .sec-link:hover{color:var(--cyan)}
body.page-dashboard /* generic card */
.card{background:var(--panel);border:1px solid rgba(64,200,200,.14);border-radius:13px;position:relative;overflow:hidden;backdrop-filter:blur(20px) saturate(1.1);transition:all .4s cubic-bezier(.16,1,.3,1)}
body.page-dashboard .card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(64,200,200,.32),transparent)}
body.page-dashboard .card:hover{border-color:rgba(64,200,200,.3);box-shadow:0 16px 46px rgba(0,0,0,.45),0 0 26px rgba(64,200,200,.08)}
body.page-dashboard .hud-c{position:absolute;width:12px;height:12px;pointer-events:none;opacity:.45}
body.page-dashboard .hud-c.tl{top:7px;left:7px;border-top:1px solid rgba(64,200,200,.4);border-left:1px solid rgba(64,200,200,.4)}
body.page-dashboard .hud-c.tr{top:7px;right:7px;border-top:1px solid rgba(64,200,200,.4);border-right:1px solid rgba(64,200,200,.4)}
body.page-dashboard .hud-c.bl{bottom:7px;left:7px;border-bottom:1px solid rgba(64,200,200,.4);border-left:1px solid rgba(64,200,200,.4)}
body.page-dashboard .hud-c.br{bottom:7px;right:7px;border-bottom:1px solid rgba(64,200,200,.4);border-right:1px solid rgba(64,200,200,.4)}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes shimmer{0%{transform:translateX(-100%)}60%,100%{transform:translateX(200%)}}
@keyframes pulse-soft{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}
@keyframes spin{to{transform:rotate(360deg)}}
body.page-dashboard /* ── DIAGNOSTIC HERO ── */
.diag-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:10px}
body.page-dashboard .diag-main{padding:26px 28px;display:flex;flex-direction:column}
body.page-dashboard .dh-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
body.page-dashboard .dh-eyebrow{font-family:'JetBrains Mono',monospace;font-size:.5rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(110,232,200,.55);display:flex;align-items:center;gap:7px}
body.page-dashboard .dh-level{display:flex;align-items:baseline;gap:14px;margin-bottom:6px}
body.page-dashboard .dh-level-name{font-family:'Cinzel',serif;font-size:1.9rem;font-weight:900;letter-spacing:.04em;background:linear-gradient(135deg,#fff5d4,var(--gold-l),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
body.page-dashboard .dh-level-tag{font-family:'Cormorant Garamond',serif;font-size:.95rem;font-style:italic;color:rgba(185,210,250,.55)}
body.page-dashboard .dh-desc{font-family:'Cormorant Garamond',serif;font-size:.92rem;font-style:italic;color:rgba(190,212,250,.6);line-height:1.6;margin-bottom:22px}
body.page-dashboard /* path progression */
.path-track{display:flex;align-items:center;gap:0;margin-bottom:8px}
body.page-dashboard .path-node{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;position:relative}
body.page-dashboard .path-line{position:absolute;top:17px;left:50%;width:100%;height:2px;z-index:0}
body.page-dashboard .path-dot{width:36px;height:36px;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:500;z-index:2;background:#070d20;position:relative}
body.page-dashboard .path-label{font-family:'Raleway',sans-serif;font-size:.54rem;font-weight:400;letter-spacing:.06em;text-align:center;white-space:nowrap}
body.page-dashboard .pn-done .path-dot{border-color:rgba(201,168,76,.5);color:var(--gold-l);background:rgba(201,168,76,.1);box-shadow:0 0 12px rgba(201,168,76,.2)}
body.page-dashboard .pn-done .path-label{color:rgba(232,201,122,.8)}
body.page-dashboard .pn-current .path-dot{border-color:var(--cyan);color:var(--cyan);background:rgba(64,200,200,.12);box-shadow:0 0 16px rgba(64,200,200,.35);animation:pulse-soft 2.5s ease-in-out infinite}
body.page-dashboard .pn-current .path-label{color:var(--cyan)}
body.page-dashboard .pn-locked .path-dot{border-color:rgba(120,140,180,.25);color:rgba(140,165,210,.4)}
body.page-dashboard .pn-locked .path-label{color:rgba(140,165,210,.4)}
body.page-dashboard .path-foot{font-family:'JetBrains Mono',monospace;font-size:.5rem;letter-spacing:.1em;color:rgba(160,185,230,.4);text-align:center;margin-top:14px}
body.page-dashboard /* diagnostic side indicators */
.diag-side{padding:24px;display:flex;flex-direction:column;gap:0}
body.page-dashboard .ds-title{font-family:'Cormorant Garamond',serif;font-size:.96rem;font-style:italic;color:rgba(225,238,255,.82);line-height:1.5;margin-bottom:18px}
body.page-dashboard .ind{margin-bottom:15px}
body.page-dashboard .ind-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
body.page-dashboard .ind-name{font-family:'Raleway',sans-serif;font-size:.64rem;font-weight:400;letter-spacing:.08em;color:rgba(200,220,250,.72)}
body.page-dashboard .ind-val{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--cyan)}
body.page-dashboard .ind-bar{height:5px;background:rgba(255,255,255,.05);border-radius:3px;overflow:hidden}
body.page-dashboard .ind-fill{height:100%;border-radius:3px;position:relative;overflow:hidden}
body.page-dashboard .ind-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-100%);animation:shimmer 3s ease-in-out infinite}
body.page-dashboard .diag-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;font-family:'Cinzel',serif;font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(135deg,#7a5f22,var(--gold),var(--gold-l),var(--gold));background-size:200% 100%;border:none;color:#03060f;cursor:pointer;border-radius:8px;box-shadow:0 0 26px rgba(201,168,76,.2);transition:all .4s;position:relative;overflow:hidden}
body.page-dashboard .diag-btn:hover{box-shadow:0 0 44px rgba(201,168,76,.38);transform:translateY(-2px)}
body.page-dashboard /* ── STAT TILES ── */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:10px}
body.page-dashboard .stat-tile{padding:18px 20px;position:relative;overflow:hidden}
body.page-dashboard .stat-ico{width:38px;height:38px;border-radius:10px;border:1px solid;display:flex;align-items:center;justify-content:center;margin-bottom:13px}
body.page-dashboard .stat-val{font-family:'JetBrains Mono',monospace;font-size:1.55rem;font-weight:500;line-height:1;margin-bottom:5px}
body.page-dashboard .stat-lbl{font-family:'Raleway',sans-serif;font-size:.58rem;font-weight:300;letter-spacing:.14em;text-transform:uppercase;color:rgba(170,195,235,.55)}
body.page-dashboard .stat-spark{margin-top:10px}
body.page-dashboard /* ── MODULE GRID ── */
.mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
body.page-dashboard .mod-card{padding:0;display:flex;flex-direction:column;overflow:hidden}
body.page-dashboard .mc-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0}
body.page-dashboard .mc-status{display:inline-flex;align-items:center;gap:5px;font-family:'JetBrains Mono',monospace;font-size:.44rem;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;border-radius:12px}
body.page-dashboard .st-active{color:var(--mint);border:1px solid rgba(110,232,200,.25);background:rgba(47,184,168,.06)}
body.page-dashboard .st-active .d{width:4px;height:4px;border-radius:50%;background:var(--mint);box-shadow:0 0 5px var(--mint);animation:blink 2s ease-in-out infinite}
body.page-dashboard .st-open{color:var(--cyan);border:1px solid rgba(64,200,200,.25);background:rgba(64,200,200,.06)}
body.page-dashboard .st-locked{color:rgba(140,165,210,.5);border:1px solid rgba(120,140,180,.2);background:rgba(120,140,180,.04)}
body.page-dashboard .mc-meta{font-family:'JetBrains Mono',monospace;font-size:.46rem;letter-spacing:.1em;color:rgba(160,185,230,.4)}
body.page-dashboard .mc-icon{width:46px;height:46px;border-radius:12px;border:1px solid;display:flex;align-items:center;justify-content:center;margin:14px 18px 0}
body.page-dashboard .mc-name{font-family:'Cinzel',serif;font-size:1rem;font-weight:700;letter-spacing:.04em;padding:12px 18px 2px}
body.page-dashboard .mc-desc{font-family:'Cormorant Garamond',serif;font-size:.8rem;font-style:italic;color:rgba(180,205,250,.5);line-height:1.5;padding:0 18px 14px}
body.page-dashboard .mc-prog{padding:0 18px 14px;margin-top:auto}
body.page-dashboard .mc-prog-top{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:.5rem;letter-spacing:.08em;color:rgba(160,185,230,.55);margin-bottom:5px}
body.page-dashboard .mc-prog-bar{height:4px;background:rgba(255,255,255,.05);border-radius:3px;overflow:hidden}
body.page-dashboard .mc-prog-fill{height:100%;border-radius:3px}
body.page-dashboard .mc-btn{margin:0 18px 16px;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;font-family:'Raleway',sans-serif;font-size:.56rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;border-radius:7px;cursor:pointer;transition:all .3s;border:1px solid}
body.page-dashboard /* module color themes */
.mod-ios .mc-icon{border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.06);color:var(--gold-l)}
body.page-dashboard .mod-ios .mc-name{color:var(--gold-l)}
body.page-dashboard .mod-ios .mc-prog-fill{background:linear-gradient(90deg,rgba(201,168,76,.4),var(--gold))}
body.page-dashboard .mod-ios .mc-btn{border-color:rgba(201,168,76,.3);color:var(--gold-l);background:rgba(201,168,76,.05)}
body.page-dashboard .mod-ios .mc-btn:hover{background:rgba(201,168,76,.12)}
body.page-dashboard .mod-fim{background:linear-gradient(165deg,rgba(50,12,72,.3),var(--panel));border-color:rgba(155,75,205,.22)}
body.page-dashboard .mod-fim .mc-icon{border-color:rgba(155,75,205,.32);background:rgba(155,75,205,.07);color:var(--violet-l)}
body.page-dashboard .mod-fim .mc-name{color:var(--violet-l)}
body.page-dashboard .mod-fim .mc-prog-fill{background:linear-gradient(90deg,rgba(155,75,205,.4),var(--violet-l))}
body.page-dashboard .mod-fim .mc-btn{border-color:rgba(155,75,205,.3);color:var(--violet-l);background:rgba(155,75,205,.06)}
body.page-dashboard .mod-fim .mc-btn:hover{background:rgba(155,75,205,.14)}
body.page-dashboard .mod-iu .mc-icon{border-color:rgba(64,200,200,.32);background:rgba(64,200,200,.07);color:var(--cyan)}
body.page-dashboard .mod-iu .mc-name{color:var(--cyan)}
body.page-dashboard .mod-iu .mc-prog-fill{background:linear-gradient(90deg,rgba(64,200,200,.4),var(--cyan))}
body.page-dashboard .mod-iu .mc-btn{border-color:rgba(64,200,200,.3);color:var(--cyan);background:rgba(64,200,200,.06)}
body.page-dashboard .mod-iu .mc-btn:hover{background:rgba(64,200,200,.14)}
body.page-dashboard .mc-btn.locked{border-color:rgba(120,140,180,.22);color:rgba(140,165,210,.5);background:rgba(120,140,180,.03);cursor:not-allowed}
body.page-dashboard /* ── TWO COLUMN (guide + journal) ── */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
body.page-dashboard /* IA Guide */
.guide{padding:22px 24px;display:flex;flex-direction:column}
body.page-dashboard .guide-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
body.page-dashboard .guide-orb{width:44px;height:44px;border-radius:12px;border:1px solid rgba(64,200,200,.3);background:radial-gradient(circle,rgba(64,200,200,.18),rgba(64,200,200,.04));display:flex;align-items:center;justify-content:center;position:relative}
body.page-dashboard .guide-orb::after{content:'';position:absolute;inset:-4px;border-radius:14px;border:1px solid rgba(64,200,200,.15);animation:pulse-soft 3s ease-in-out infinite}
body.page-dashboard .guide-name{font-family:'Cinzel',serif;font-size:.92rem;font-weight:700;color:var(--cyan);letter-spacing:.04em}
body.page-dashboard .guide-sub{font-family:'JetBrains Mono',monospace;font-size:.46rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(110,232,200,.5);margin-top:3px}
body.page-dashboard .guide-msg{background:rgba(8,30,45,.4);border:1px solid rgba(64,200,200,.13);border-radius:11px;padding:14px 16px;font-family:'Cormorant Garamond',serif;font-size:.92rem;font-style:italic;color:rgba(200,225,240,.78);line-height:1.6;margin-bottom:14px;position:relative}
body.page-dashboard .guide-msg::before{content:'';position:absolute;left:-1px;top:14px;bottom:14px;width:2px;background:linear-gradient(180deg,var(--cyan),transparent);border-radius:2px}
body.page-dashboard .guide-input{display:flex;gap:10px;margin-top:auto}
body.page-dashboard .guide-field{flex:1;background:rgba(5,11,30,.6);border:1px solid rgba(64,200,200,.18);border-radius:9px;padding:11px 14px;font-family:'Raleway',sans-serif;font-size:.7rem;color:rgba(220,235,255,.8)}
body.page-dashboard .guide-field::placeholder{color:rgba(150,180,220,.4)}
body.page-dashboard .guide-send{width:42px;border-radius:9px;border:none;background:linear-gradient(135deg,var(--teal),var(--cyan));color:#03060f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}
body.page-dashboard .guide-send:hover{box-shadow:0 0 18px rgba(64,200,200,.4)}
body.page-dashboard /* Journal */
.journal{padding:22px 24px;display:flex;flex-direction:column}
body.page-dashboard .jr-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
body.page-dashboard .jr-title{font-family:'Cinzel',serif;font-size:.92rem;font-weight:700;color:rgba(235,228,210,.92);letter-spacing:.04em;display:flex;align-items:center;gap:10px}
body.page-dashboard .jr-entry{display:flex;gap:13px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.04)}
body.page-dashboard .jr-date{font-family:'JetBrains Mono',monospace;font-size:.5rem;letter-spacing:.06em;color:rgba(110,232,200,.55);flex-shrink:0;width:48px;padding-top:2px}
body.page-dashboard .jr-text{font-family:'Cormorant Garamond',serif;font-size:.86rem;font-style:italic;color:rgba(190,212,250,.6);line-height:1.5}
body.page-dashboard .jr-mood{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:6px}
body.page-dashboard .jr-add{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;font-family:'Raleway',sans-serif;font-size:.58rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;border:1px dashed rgba(64,200,200,.3);border-radius:9px;color:var(--cyan);cursor:pointer;background:transparent;transition:all .3s}
body.page-dashboard .jr-add:hover{background:rgba(64,200,200,.06);border-style:solid}
body.page-dashboard /* ── AUDIOS / PROTOCOLS ── */
.audio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
body.page-dashboard .audio-card{padding:18px;cursor:pointer}
body.page-dashboard .au-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
body.page-dashboard .au-play{width:40px;height:40px;border-radius:50%;border:1px solid rgba(64,200,200,.3);background:rgba(64,200,200,.07);display:flex;align-items:center;justify-content:center;color:var(--cyan);transition:all .3s}
body.page-dashboard .audio-card:hover .au-play{background:rgba(64,200,200,.18);box-shadow:0 0 18px rgba(64,200,200,.25)}
body.page-dashboard .au-dur{font-family:'JetBrains Mono',monospace;font-size:.5rem;letter-spacing:.08em;color:rgba(160,185,230,.45)}
body.page-dashboard .au-tag{font-family:'JetBrains Mono',monospace;font-size:.44rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(110,232,200,.5);margin-bottom:5px}
body.page-dashboard .au-name{font-family:'Cinzel',serif;font-size:.78rem;font-weight:600;color:rgba(225,235,255,.85);letter-spacing:.03em;line-height:1.3;margin-bottom:6px}
body.page-dashboard .au-wave{display:flex;align-items:flex-end;gap:2px;height:18px;margin-top:8px}
body.page-dashboard .au-wave span{flex:1;background:rgba(64,200,200,.4);border-radius:1px;animation:eq 1.4s ease-in-out infinite}
@keyframes eq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
body.page-dashboard /* ── PLAN ACCESS BAR ── */
.plan-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:10px}
body.page-dashboard .plan-tile{padding:16px 18px;text-align:center;position:relative;transition:all .35s}
body.page-dashboard .plan-tile.current{border-color:rgba(201,168,76,.45);box-shadow:0 0 30px rgba(201,168,76,.1)}
body.page-dashboard .plan-badge-mini{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-family:'JetBrains Mono',monospace;font-size:.4rem;letter-spacing:.2em;text-transform:uppercase;padding:3px 10px;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--gold-l));color:#03060f}
body.page-dashboard .pt-name{font-family:'Cinzel',serif;font-size:.82rem;font-weight:700;letter-spacing:.05em;margin-bottom:4px}
body.page-dashboard .pt-price{font-family:'JetBrains Mono',monospace;font-size:1.1rem;font-weight:500;margin-bottom:8px}
body.page-dashboard .pt-state{font-family:'Raleway',sans-serif;font-size:.52rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;padding:4px 0}
body.page-dashboard .pt-essentiel .pt-name, body.page-dashboard .pt-essentiel .pt-price{color:rgba(200,165,80,.9)}
body.page-dashboard .pt-pro .pt-name, body.page-dashboard .pt-pro .pt-price{color:var(--cyan)}
body.page-dashboard .pt-premium .pt-name, body.page-dashboard .pt-premium .pt-price{color:var(--gold-l)}
body.page-dashboard .pt-elite .pt-name, body.page-dashboard .pt-elite .pt-price{color:var(--violet-l)}
body.page-dashboard .pt-unlocked{color:var(--mint)}
body.page-dashboard .pt-locked-s{color:rgba(140,165,210,.45)}
@media(max-width:1100px){body.page-dashboard .app{grid-template-columns:1fr}
body.page-dashboard .sidebar{position:fixed;left:-260px;z-index:200;transition:left .3s;width:248px}
body.page-dashboard .sidebar.open{left:0}
body.page-dashboard .stat-grid, body.page-dashboard .audio-grid, body.page-dashboard .plan-bar{grid-template-columns:repeat(2,1fr)}
body.page-dashboard .mod-grid{grid-template-columns:1fr}
body.page-dashboard .diag-hero, body.page-dashboard .two-col{grid-template-columns:1fr}
body.page-dashboard .menu-toggle{display:flex!important}}
@media(max-width:600px){body.page-dashboard .content{padding:20px 16px 40px}
body.page-dashboard .topbar{padding:14px 16px}
body.page-dashboard .stat-grid, body.page-dashboard .audio-grid, body.page-dashboard .plan-bar{grid-template-columns:1fr}
body.page-dashboard .path-label{font-size:.45rem}}
body.page-dashboard .menu-toggle{display:none;width:38px;height:38px;border-radius:9px;border:1px solid rgba(64,200,200,.25);background:rgba(64,200,200,.06);color:var(--cyan);align-items:center;justify-content:center;cursor:pointer}
body.page-landing .nav-link.active{color:var(--text)}
body.page-landing .nav-link.active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}