/* Kriyasya Logo Intelligence - landing page (royal edition). Loaded only by index.php. */
.lgx{--night:#0b0720;--royal:#1a1040;--plum:#2b1a5f;--gold:#e6c46e;--gold2:#c9a227;--goldtx:#7a5a0c;--ivory:#fbf8f1;--card:#fff;--line:#ebe3d0;--ink:#1b1330;--soft:#4a4358;--mute:#645c75;--vio:#6b4dd1;
  --serif:"Lgx Display","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--ivory);overflow-x:hidden;padding-bottom:40px}
.lgx *{box-sizing:border-box}
.lgx{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.lgx h3{line-height:1.2}
.lgx .wrap{max-width:1140px;margin:0 auto;padding:0 22px;position:relative}
.lgx a{color:inherit}
.lgx :focus-visible{outline:3px solid var(--gold2);outline-offset:3px;border-radius:6px}

/* ---------- Buttons ---------- */
.lgx-btns{display:flex;gap:14px;flex-wrap:wrap}
.lgx-cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.98rem;text-decoration:none;padding:15px 28px;border-radius:999px;transition:transform .25s,box-shadow .25s,background .25s;letter-spacing:.2px}
.lgx-cta small{font-weight:600;opacity:.8;font-size:.82rem}
.lgx-cta.gold{background:linear-gradient(120deg,#b98a23,#f1d98c 45%,#d4a93f 70%,#f5e2a4);color:#1f1603!important;box-shadow:0 12px 34px rgba(201,162,39,.38),inset 0 1px 0 rgba(255,255,255,.6)}
.lgx-cta.gold:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:lgxSheen 4.5s ease-in-out infinite}
.lgx-cta.glass{border:1px solid rgba(230,196,110,.55);color:#fbf3dc!important;background:rgba(255,255,255,.06);backdrop-filter:blur(6px)}
.lgx-cta.glass:hover{background:rgba(230,196,110,.12)}
.lgx-cta.royal{background:linear-gradient(135deg,#1a1040,#3a2585);color:#f8eecd!important;box-shadow:0 12px 30px rgba(26,16,64,.25),inset 0 0 0 1px rgba(230,196,110,.5)}
.lgx-cta:hover{transform:translateY(-2px)}

/* ---------- Hero ---------- */
.lgx-hero{position:relative;color:#f5eedf;padding:78px 0 150px;overflow:hidden;
  background:radial-gradient(900px 520px at 80% 35%,rgba(124,92,255,.30),transparent 62%),radial-gradient(760px 420px at 8% -5%,rgba(201,162,39,.24),transparent 60%),linear-gradient(165deg,#07041a 0%,#140c36 50%,#231556 100%)}
.lgx-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;
  background-image:radial-gradient(1px 1px at 20px 30px,rgba(255,240,200,.8),transparent 60%),radial-gradient(1px 1px at 130px 90px,rgba(255,255,255,.55),transparent 60%),radial-gradient(1.6px 1.6px at 205px 160px,rgba(230,196,110,.9),transparent 60%),radial-gradient(1px 1px at 70px 190px,rgba(255,255,255,.45),transparent 60%),radial-gradient(1.2px 1.2px at 170px 20px,rgba(230,196,110,.7),transparent 60%);
  background-size:240px 220px;animation:lgxTwinkle 7s ease-in-out infinite alternate}
.lgx-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(230,196,110,.8),transparent)}
.lgx-hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;z-index:2}
.lgx-kick{display:inline-flex;align-items:center;gap:10px;letter-spacing:3.2px;text-transform:uppercase;font-size:.7rem;font-weight:800;color:var(--gold);padding:8px 16px 8px 10px;border-radius:999px;border:1px solid rgba(230,196,110,.35);background:linear-gradient(90deg,rgba(230,196,110,.14),rgba(230,196,110,.02))}
.lgx-kick i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#f3d98b,#b98a23);color:#1a1040;font-style:normal;font-size:.7rem}
.lgx-hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(2.6rem,5.6vw,4.5rem);line-height:1.02;letter-spacing:-.01em;margin:22px 0 20px;color:#fffaf0}
.lgx-foil{font-style:italic;background:linear-gradient(100deg,#b8892a 0%,#f7e3a1 22%,#d9ad4a 40%,#fff1c4 55%,#c99a33 75%,#f3d98b 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lgxFoil 8s linear infinite;padding-right:.08em}
.lgx-hero .sub{color:#d9d0ea;max-width:58ch;margin:0 0 30px;font-size:1.08rem;line-height:1.75}
.lgx-hero .sub b{color:#f6e3a8;font-weight:700}
.lgx-acct{margin-top:20px;font-size:.87rem;color:#c4b9dc;line-height:1.6}
.lgx-acct a{color:var(--gold);font-weight:600}
.lgx-trust{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:22px;color:#cfc4e4;font-size:.84rem}
.lgx-trust span{display:inline-flex;align-items:center;gap:8px}
.lgx-trust svg{width:16px;height:16px;color:var(--gold);flex:none}

/* Live-analysis instrument */
.lgx-stage{position:relative}
.lgx-orb{position:relative;width:min(100%,470px);aspect-ratio:1/1;margin:0 auto}
.lgx-orb:before{content:"";position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(230,196,110,.30),transparent 68%);animation:lgxGlow 5s ease-in-out infinite}
.lgx-orb .rings{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lgx-orb .rot{transform-box:view-box;transform-origin:50% 50%;animation:lgxRot 90s linear infinite}
.lgx-orb .rot.rev{animation-duration:70s;animation-direction:reverse}
.lgx-orb .rot.fast{animation-duration:26s}
.lgx-orb .draw{stroke-dasharray:1200;stroke-dashoffset:1200;animation:lgxDraw 5s ease forwards}
.lgx-orb .draw.d2{animation-delay:.6s}.lgx-orb .draw.d3{animation-delay:1.2s}
.lgx-plate{position:absolute;left:25%;top:25%;width:50%;height:50%;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 50% 38%,#fffdf6,#f5ecd6 68%,#e6d4a6);
  box-shadow:0 0 0 1px rgba(230,196,110,.95),0 0 0 9px rgba(230,196,110,.08),0 0 70px rgba(230,196,110,.38),inset 0 0 34px rgba(122,90,12,.2)}
.lgx-plate img{position:absolute;left:21%;top:21%;width:58%;height:58%;object-fit:contain;mix-blend-mode:multiply}
.lgx-plate .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(107,77,209,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(107,77,209,.13) 1px,transparent 1px);background-size:12.5% 12.5%}
.lgx-plate svg{position:absolute;inset:0;width:100%;height:100%}
.lgx-plate svg .sp{fill:none;stroke:#b8892a;stroke-width:.6;stroke-dasharray:420;stroke-dashoffset:420;animation:lgxDraw2 9s ease-in-out infinite}
.lgx-plate svg .cx{fill:none;stroke:#6b4dd1;stroke-width:.4;opacity:.7}
.lgx-plate .beam{position:absolute;left:0;right:0;height:22%;top:-22%;background:linear-gradient(180deg,transparent,rgba(230,196,110,.35) 70%,rgba(255,236,170,.95) 97%,transparent);mix-blend-mode:multiply;animation:lgxBeam 3.6s ease-in-out infinite}
.lgx-chip{position:absolute;z-index:3;display:flex;flex-direction:column;gap:3px;padding:9px 13px;border-radius:14px;background:rgba(18,11,46,.78);border:1px solid rgba(230,196,110,.5);backdrop-filter:blur(8px);box-shadow:0 14px 30px rgba(0,0,0,.35);animation:lgxFloat 6s ease-in-out infinite}
.lgx-chip small{font-size:.6rem;letter-spacing:1.6px;text-transform:uppercase;color:#b9acd6;font-weight:700}
.lgx-chip b{font-size:.86rem;color:#f7e6b3;font-weight:700;white-space:nowrap}
.lgx-chip.c1{left:0;top:10%}.lgx-chip.c2{right:0;top:18%;animation-delay:-1.5s}.lgx-chip.c3{right:2%;bottom:14%;animation-delay:-3s}.lgx-chip.c4{left:1%;bottom:20%;animation-delay:-4.5s}
.lgx-read{max-width:420px;margin:10px auto 0;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(230,196,110,.28);backdrop-filter:blur(6px)}
.lgx-read .top{display:flex;align-items:center;justify-content:space-between;font-size:.66rem;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#bfb2da}
.lgx-read .live{display:inline-flex;align-items:center;gap:7px;color:var(--gold)}
.lgx-read .live:before{content:"";width:7px;height:7px;border-radius:50%;background:#7ee0a8;box-shadow:0 0 0 0 rgba(126,224,168,.6);animation:lgxPing 1.6s ease-out infinite}
.lgx-read ul{list-style:none;margin:10px 0 10px;padding:0;min-height:1.6em;position:relative}
.lgx-read li{font-size:.92rem;color:#f2ead8;display:none}
.lgx-read li.on{display:block;animation:lgxRise .5s ease both}
.lgx-read li:first-child{display:block}
.lgx-read.js li:first-child:not(.on){display:none}
.lgx-read .bar{height:4px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden}
.lgx-read .bar i{display:block;height:100%;width:40%;background:linear-gradient(90deg,#b98a23,#f7e3a1,#7c5cff);animation:lgxLoad 3.2s ease-in-out infinite}
.lgx-cap{text-align:center;font-size:.72rem;color:#9f93bd;margin:8px 0 0}

/* ---------- Stat ribbon ---------- */
.lgx-ribbon{position:relative;z-index:4;margin:-78px auto 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:26px 8px;border-radius:24px;border:1px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#e6c46e,#fff3cf 30%,#c9a227 60%,#8f76ff) border-box;box-shadow:0 34px 80px rgba(20,12,50,.20)}
.lgx-stat{text-align:center;padding:4px 12px;border-left:1px solid var(--line)}
.lgx-stat:first-child{border-left:0}
.lgx-stat b{display:block;font-family:var(--serif);font-size:clamp(2rem,3.4vw,2.75rem);font-weight:700;line-height:1;color:var(--royal)}
.lgx-stat b sup{font-size:.5em;color:var(--gold2);vertical-align:super}
.lgx-stat span{display:block;margin-top:8px;font-size:.7rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--mute);font-weight:700;line-height:1.4}

/* ---------- Sections ---------- */
.lgx-sec{padding:100px 0 0}
.lgx-head{text-align:center;max-width:780px;margin:0 auto 46px}
.lgx-eye{display:inline-flex;align-items:center;gap:12px;letter-spacing:3px;text-transform:uppercase;font-size:.72rem;font-weight:800;color:var(--goldtx);margin:0 0 14px}
.lgx-eye:before,.lgx-eye:after{content:"";width:30px;height:1px;background:linear-gradient(90deg,transparent,var(--gold2))}
.lgx-eye:after{background:linear-gradient(90deg,var(--gold2),transparent)}
.lgx h2{font-family:var(--serif);font-weight:600;font-size:clamp(2.1rem,4.2vw,3.1rem);line-height:1.07;margin:0 0 16px;color:var(--ink);letter-spacing:-.005em}
.lgx h2 em{font-style:italic;color:var(--goldtx)}
.lgx-lead{font-size:1.06rem;color:var(--soft);line-height:1.78;margin:0 auto}
.lgx-orn{display:block;width:120px;height:14px;margin:18px auto 0;color:var(--gold2)}

/* Past readings */
.lgx-past{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.lgx-past a{display:block;text-decoration:none;border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--card);transition:border-color .2s,transform .2s}
.lgx-past a:hover{border-color:var(--gold2);transform:translateY(-3px)}
.lgx-past .t{font-size:.7rem;letter-spacing:1.4px;text-transform:uppercase;color:var(--goldtx);font-weight:800}
.lgx-past .b{font-family:var(--serif);font-size:1.3rem;font-weight:600;margin:4px 0}
.lgx-past .h{color:var(--mute);font-size:.88rem;line-height:1.55}

/* Lenses */
.lgx-lenses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.lgx-lens{position:relative;padding:30px 26px 26px;border-radius:22px;border:1px solid transparent;
  background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(150deg,rgba(201,162,39,.6),rgba(235,227,208,.7) 42%,rgba(124,92,255,.35)) border-box;
  box-shadow:0 12px 32px rgba(27,19,48,.05);transition:transform .35s,box-shadow .35s}
.lgx-lens:hover{transform:translateY(-6px);box-shadow:0 28px 56px rgba(27,19,48,.13)}
.lgx-lens .num{position:absolute;top:22px;right:24px;font-family:var(--serif);font-style:italic;font-size:1.35rem;color:rgba(122,90,12,.6)}
.lgx-medal{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:var(--gold);margin-bottom:18px;
  background:radial-gradient(circle at 35% 30%,#3d2c7e,#140c36);box-shadow:0 0 0 1px rgba(230,196,110,.65),0 0 0 6px rgba(230,196,110,.12),0 12px 26px rgba(20,12,54,.28)}
.lgx-medal svg{width:28px;height:28px}
.lgx-lens h3{font-family:var(--serif);font-size:1.5rem;font-weight:600;margin:0 0 8px;line-height:1.15}
.lgx-lens p{color:var(--mute);margin:0;line-height:1.68;font-size:.94rem}
.lgx-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.lgx-tags span{font-size:.7rem;font-weight:700;color:var(--goldtx);background:#f8f0dc;border:1px solid #efe1bb;border-radius:999px;padding:4px 10px}
.lgx-rulebar{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 26px;padding:18px 24px;border-radius:18px;background:linear-gradient(135deg,#1a1040,#2b1a5f);color:#e6dcf5;font-size:.9rem}
.lgx-rulebar b{color:#f6e3a8;font-family:var(--serif);font-size:1.25rem;font-weight:700}

/* Inside - dark royal band */
.lgx-dark{margin-top:100px;padding:96px 0;color:#efe7d6;position:relative;overflow:hidden;
  background:radial-gradient(800px 420px at 15% 20%,rgba(201,162,39,.16),transparent 60%),radial-gradient(700px 500px at 90% 90%,rgba(124,92,255,.25),transparent 60%),linear-gradient(160deg,#0b0720,#1a1040 60%,#241659)}
.lgx-dark h2{color:#fffaf0}.lgx-dark h2 em{color:var(--gold)}
.lgx-dark .lgx-eye{color:var(--gold)}
.lgx-dark .lgx-lead{color:#cfc5e3}
.lgx-pipe{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.lgx-scan{position:relative;aspect-ratio:1/1;border-radius:26px;overflow:hidden;background:#fffdf7;box-shadow:0 0 0 1px #e6c46e,0 0 0 10px rgba(230,196,110,.08),0 30px 70px rgba(0,0,0,.4)}
.lgx-scan img{position:absolute;inset:16%;width:68%;height:68%;object-fit:contain}
.lgx-scan .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(107,77,209,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(107,77,209,.12) 1px,transparent 1px);background-size:10% 10%}
.lgx-scan .beam{position:absolute;left:0;right:0;height:18%;top:-18%;background:linear-gradient(180deg,transparent,rgba(230,196,110,.35) 70%,rgba(255,236,170,.9) 96%,transparent);mix-blend-mode:multiply;animation:lgxBeam 3.4s ease-in-out infinite}
.lgx-scan svg{position:absolute;inset:0;width:100%;height:100%}
.lgx-scan svg .d{fill:none;stroke:#c9a227;stroke-width:.45;stroke-dasharray:420;stroke-dashoffset:420;animation:lgxDraw2 8s ease-in-out infinite}
.lgx-scan svg .d2{stroke:#6b4dd1;animation-delay:1.5s}
.lgx-scan .chip{position:absolute;font:700 .7rem/1 Inter,system-ui,sans-serif;background:rgba(255,248,225,.97);border:1px solid #c9a227;color:#1a1230;border-radius:999px;padding:6px 10px;box-shadow:0 6px 16px rgba(26,18,48,.14);animation:lgxChip 8s ease-in-out infinite}
.lgx-flow{list-style:none;margin:0;padding:0;counter-reset:f;position:relative}
.lgx-flow:before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:1px;background:linear-gradient(180deg,rgba(230,196,110,.9),rgba(124,92,255,.5))}
.lgx-flow li{position:relative;padding:12px 0 16px 66px}
.lgx-flow li:before{counter-increment:f;content:counter(f,upper-roman);position:absolute;left:0;top:10px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:1rem;color:#1a1040;background:radial-gradient(circle at 35% 30%,#fff3cf,#d4a93f);box-shadow:0 0 0 5px rgba(230,196,110,.15)}
.lgx-flow b{display:block;font-family:var(--serif);font-size:1.3rem;font-weight:600;color:#fffaf0;margin-bottom:3px}
.lgx-flow span{color:#c9bfdd;font-size:.92rem;line-height:1.6}
.lgx-flow em{font-style:normal;color:var(--gold);font-weight:700}

/* Tiers */
.lgx-tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:stretch}
.lgx-tier{position:relative;display:flex;flex-direction:column;border-radius:28px;padding:36px 34px 32px;background:var(--card);border:1px solid var(--line);box-shadow:0 18px 44px rgba(27,19,48,.07)}
.lgx-tier.focus{outline:3px solid var(--gold2);outline-offset:5px}
.lgx-tier.flag{color:#efe7d6;border:1px solid transparent;
  background:radial-gradient(500px 260px at 90% 0%,rgba(230,196,110,.18),transparent 60%) padding-box,linear-gradient(160deg,#120a30,#23155a) padding-box,linear-gradient(140deg,#f7e3a1,#b98a23 35%,#fff1c4 55%,#8f76ff) border-box;
  box-shadow:0 34px 80px rgba(26,16,64,.32)}
.lgx-badge{position:absolute;top:-14px;left:34px;font-size:.7rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;background:linear-gradient(120deg,#b98a23,#f5e2a4 50%,#d4a93f);color:#1f1603;padding:7px 14px;border-radius:999px;box-shadow:0 8px 20px rgba(201,162,39,.4)}
.lgx-tier .kind{font-size:.72rem;letter-spacing:2.4px;text-transform:uppercase;font-weight:800;color:var(--goldtx)}
.lgx-tier.flag .kind{color:var(--gold)}
.lgx-tier h3{font-family:var(--serif);font-size:2.1rem;font-weight:600;margin:6px 0 4px;line-height:1.1}
.lgx-tier.flag h3{color:#fffaf0}
.lgx-tier .tag{color:var(--mute);font-size:.95rem;line-height:1.6;margin:0}
.lgx-tier.flag .tag{color:#cfc5e3}
.lgx-price{display:flex;align-items:baseline;gap:8px;margin:22px 0 18px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lgx-tier.flag .lgx-price{border-color:rgba(230,196,110,.25)}
.lgx-price b{font-family:var(--serif);font-size:3.3rem;font-weight:700;line-height:1;color:var(--royal)}
.lgx-tier.flag .lgx-price b{background:linear-gradient(100deg,#d9ad4a,#fff1c4,#c99a33);-webkit-background-clip:text;background-clip:text;color:transparent}
.lgx-price span{font-weight:700;color:var(--mute);font-size:.95rem}
.lgx-tier.flag .lgx-price span{color:#cfc5e3}
.lgx-price em{margin-left:auto;font-style:normal;font-size:.8rem;color:var(--mute)}
.lgx-tier.flag .lgx-price em{color:#bdb1d8}
.lgx-tier .plus{font-size:.82rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
.lgx-list{list-style:none;margin:0 0 16px;padding:0}
.lgx-list li{position:relative;padding:6px 0 6px 30px;line-height:1.5;font-size:.94rem;color:var(--soft)}
.lgx-tier.flag .lgx-list li{color:#e3daf2}
.lgx-list li:before{content:"";position:absolute;left:0;top:8px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3cf,#d4a93f)}
.lgx-list li:after{content:"";position:absolute;left:6px;top:12px;width:6px;height:4px;border-left:2px solid #1a1040;border-bottom:2px solid #1a1040;transform:rotate(-45deg)}
.lgx-more summary{cursor:pointer;font-size:.86rem;font-weight:700;color:var(--vio);list-style:none;margin:0 0 14px}
.lgx-tier.flag .lgx-more summary{color:#cbbcff}
.lgx-more summary::-webkit-details-marker{display:none}
.lgx-more summary:after{content:" +"}.lgx-more[open] summary:after{content:" −"}
.lgx-more ol{margin:0 0 16px;padding-left:20px;font-size:.86rem;line-height:1.6;color:var(--mute)}
.lgx-tier.flag .lgx-more ol{color:#c9bfdd}
.lgx-tier .who{font-size:.84rem;color:var(--mute);margin:auto 0 18px;padding-top:6px}
.lgx-tier.flag .who{color:#bdb1d8}
.lgx-tier .lgx-cta{justify-content:center}

/* How it works */
.lgx-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative}
.lgx-steps:before{content:"";position:absolute;top:33px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--gold2) 12%,var(--gold2) 88%,transparent)}
.lgx-step{position:relative;text-align:center;padding:0 8px}
.lgx-step .n{position:relative;width:66px;height:66px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:1.6rem;font-weight:700;color:var(--gold);background:radial-gradient(circle at 35% 30%,#3d2c7e,#140c36);box-shadow:0 0 0 1px rgba(230,196,110,.7),0 0 0 8px var(--ivory),0 0 0 9px rgba(201,162,39,.35)}
.lgx-step h3{font-family:var(--serif);font-size:1.35rem;font-weight:600;margin:0 0 8px}
.lgx-step p{color:var(--mute);font-size:.92rem;line-height:1.65;margin:0}

/* Sample reading */
.lgx-doc{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px rgba(27,19,48,.12);background:var(--card)}
.lgx-doc .l{padding:34px;color:#efe7d6;background:radial-gradient(420px 240px at 100% 0%,rgba(230,196,110,.18),transparent 60%),linear-gradient(160deg,#120a30,#2b1a5f)}
.lgx-doc .brandline{display:flex;justify-content:space-between;align-items:center;font-size:.66rem;letter-spacing:2.2px;text-transform:uppercase;font-weight:800;color:var(--gold);padding-bottom:14px;border-bottom:1px solid rgba(230,196,110,.25)}
.lgx-doc .ttl{font-family:var(--serif);font-size:1.9rem;font-weight:600;color:#fff1c4;margin:18px 0 18px;line-height:1.15}
.lgx-el{display:grid;grid-template-columns:62px 1fr 42px;align-items:center;gap:12px;margin:10px 0;font-size:.86rem}
.lgx-el b{font-weight:700}
.lgx-el .t{height:9px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}
.lgx-el .t i{display:block;height:100%;border-radius:9px;transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.lgx-el span:last-child{text-align:right;color:#d6cce9}
.lgx-doc .r{padding:34px 36px}
.lgx-doc .q{font-family:var(--serif);font-size:1.4rem;font-weight:600;margin:0 0 12px;line-height:1.25}
.lgx-doc blockquote{margin:0;padding:2px 0 2px 20px;border-left:2px solid var(--gold2);color:var(--soft);line-height:1.8;font-size:.96rem}
.lgx-doc .lgx-note{background:none;border:0;padding:0;color:var(--mute);font-size:.8rem;margin:14px 0 0}
.lgx-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.lgx-pills span{font-size:.76rem;font-weight:700;color:var(--royal);background:#f2eefc;border:1px solid #e1d9f7;border-radius:999px;padding:6px 12px}

/* Destiny */
.lgx-dest{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:50px;align-items:center}
.lgx-dest .lgx-head{text-align:left;margin:0 0 20px}
.lgx-dest .lgx-lead{margin:0}
.lgx-dgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
.lgx-dgrid div{padding:16px 18px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.lgx-dgrid b{display:block;font-family:var(--serif);font-size:1.15rem;font-weight:600;margin-bottom:3px}
.lgx-dgrid span{color:var(--mute);font-size:.86rem;line-height:1.5}
.lgx-wheel{position:relative;width:min(100%,420px);aspect-ratio:1/1;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 50% 45%,#2b1a5f,#0f0928 72%);box-shadow:0 0 0 1px rgba(230,196,110,.7),0 0 0 12px rgba(201,162,39,.08),0 34px 80px rgba(26,16,64,.35)}
.lgx-wheel svg{position:absolute;inset:0;width:100%;height:100%}
.lgx-wheel .rot{transform-box:view-box;transform-origin:50% 50%;animation:lgxRot 120s linear infinite}

/* Honest */
.lgx-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.lgx-col{border-radius:24px;padding:30px 32px;background:var(--card);border:1px solid var(--line)}
.lgx-col h3{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:1.6rem;font-weight:600;margin:0 0 16px}
.lgx-col h3 i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal}
.lgx-col.is h3 i{background:#e5f5ec;color:#1d7a4a}.lgx-col.isnot h3 i{background:#fbe9e6;color:#a8392b}
.lgx-col h3 svg{width:18px;height:18px}
.lgx-col ul{margin:0;padding-left:20px;line-height:1.85;color:var(--soft)}

/* Privacy band */
.lgx-band{position:relative;overflow:hidden;margin-top:100px;border-radius:30px;padding:60px 32px;text-align:center;color:#efe7d6;
  background:radial-gradient(600px 300px at 50% 0%,rgba(230,196,110,.22),transparent 65%),linear-gradient(150deg,#120a30,#2b1a5f);box-shadow:0 30px 70px rgba(26,16,64,.3)}
.lgx-band svg.lotus{width:64px;height:64px;color:var(--gold);margin-bottom:10px}
.lgx-band h2{color:#fffaf0}
.lgx-band p{color:#d4cae6;max-width:60ch;margin:0 auto 26px;line-height:1.75}
.lgx-band .lgx-btns{justify-content:center}

/* FAQ */
.lgx-faq{max-width:860px;margin:0 auto}
.lgx-faq details{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;transition:border-color .2s,box-shadow .2s}
.lgx-faq details[open]{border-color:rgba(201,162,39,.6);box-shadow:0 14px 34px rgba(27,19,48,.07)}
.lgx-faq summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:700;padding:18px 22px;list-style:none;font-size:1rem}
.lgx-faq summary::-webkit-details-marker{display:none}
.lgx-faq summary:after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:500;font-size:1.2rem;color:var(--goldtx);border:1px solid rgba(201,162,39,.5);transition:transform .25s}
.lgx-faq details[open] summary:after{transform:rotate(45deg)}
.lgx-faq p{margin:0;padding:0 22px 20px;color:var(--soft);line-height:1.72}
.lgx-foot{text-align:center;font-size:.86rem;color:var(--mute);margin-top:18px}

/* Reveal on scroll (only when scripts run and motion is allowed) */
.lgx-js .rv{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.lgx-js .rv.in{opacity:1;transform:none}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .lgx-hero .wrap{grid-template-columns:1fr;text-align:center;gap:34px}
  .lgx-hero .sub{margin-left:auto;margin-right:auto}
  .lgx-btns,.lgx-trust{justify-content:center}
  .lgx-lenses{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lgx-pipe,.lgx-dest,.lgx-doc{grid-template-columns:1fr}
  .lgx-scan{max-width:440px;width:100%;margin:0 auto}
  .lgx-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}
  .lgx-steps:before{display:none}
}
@media(max-width:760px){
  .lgx-ribbon{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
  .lgx-stat:nth-child(odd){border-left:0}
  .lgx-stat:last-child{grid-column:1/-1}
  .lgx-tiers,.lgx-two,.lgx-dgrid{grid-template-columns:1fr}
  .lgx-sec{padding-top:76px}
}
@media(max-width:560px){
  .lgx-hero{padding:54px 0 130px}
  .lgx-lenses,.lgx-steps{grid-template-columns:1fr}
  .lgx-chip{padding:7px 10px}.lgx-chip b{font-size:.76rem}.lgx-chip small{font-size:.54rem}
  .lgx-chip.c2,.lgx-chip.c4{display:none}
  .lgx-tier{padding:32px 22px 26px}.lgx-doc .l,.lgx-doc .r{padding:26px 22px}
  .lgx-cta{padding:14px 22px}
}

/* ---------- Dark theme ---------- */
[data-theme="dark"] .lgx{--ivory:#0e0a22;--card:#17122f;--line:#2c2550;--ink:#f1ecfb;--soft:#cfc6e4;--mute:#a79fc0;--goldtx:#e6c46e;--royal:#f3d98b}
[data-theme="dark"] .lgx-ribbon{background:linear-gradient(#17122f,#17122f) padding-box,linear-gradient(120deg,#e6c46e,#5a4a1e 30%,#c9a227 60%,#8f76ff) border-box}
[data-theme="dark"] .lgx-tags span{background:#231b40;border-color:#3a3063}
[data-theme="dark"] .lgx-pills span{background:#231b40;border-color:#3a3063;color:#e3daf2}
[data-theme="dark"] .lgx-col.is h3 i{background:#133024}[data-theme="dark"] .lgx-col.isnot h3 i{background:#3a1a16}

/* ---------- Motion ---------- */
@keyframes lgxRot{to{transform:rotate(360deg)}}
@keyframes lgxDraw{to{stroke-dashoffset:0}}
@keyframes lgxDraw2{0%{stroke-dashoffset:420}55%,75%{stroke-dashoffset:0}100%{stroke-dashoffset:-420}}
@keyframes lgxGlow{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
@keyframes lgxBeam{0%{top:-22%}100%{top:100%}}
@keyframes lgxChip{0%,8%{opacity:0;transform:translateY(6px)}16%,80%{opacity:1;transform:none}92%,100%{opacity:0}}
@keyframes lgxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes lgxFoil{to{background-position:220% center}}
@keyframes lgxSheen{0%,60%{left:-60%}100%{left:130%}}
@keyframes lgxTwinkle{from{opacity:.35}to{opacity:.75}}
@keyframes lgxPing{0%{box-shadow:0 0 0 0 rgba(126,224,168,.6)}100%{box-shadow:0 0 0 9px rgba(126,224,168,0)}}
@keyframes lgxLoad{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
@keyframes lgxRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){
  .lgx *,.lgx *:before,.lgx *:after{animation:none!important;transition:none!important}
  .lgx-orb .draw,.lgx-plate svg .sp,.lgx-scan svg .d{stroke-dashoffset:0}
  .lgx-plate .beam,.lgx-scan .beam,.lgx-cta.gold:after{display:none}
  .lgx-scan .chip{opacity:1}
}
@media print{.lgx-js .rv{opacity:1;transform:none}.lgx-hero:before,.lgx-orb,.lgx-read{display:none}}