/*
Theme Name: LoyaltyNexus Gold
Theme URI: https://loyaltynexus.com/
Author: LoyaltyNexus
Description: Premium black-and-gold SaaS landing page for LoyaltyNexus. Responsive, accessible and configurable.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: loyaltynexus
*/
:root{--bg:#080808;--panel:#141414;--panel2:#1c1913;--gold:#d7a54c;--goldlight:#ffe1a0;--golddeep:#956220;--txt:#f8f5ec;--muted:#b8b3a9;--line:rgba(230,180,92,.19);--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.7 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}body.light{--bg:#fcfaf5;--panel:#fff;--panel2:#f5efdf;--txt:#1c1710;--muted:#5b554c;--line:rgba(90,64,25,.17)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,8,8,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:223px;display:block;height:auto}.nav-links{display:flex;align-items:center;gap:25px}.nav-links a{font-size:13px;font-weight:650;color:#d9d4c8}.nav-links a:hover{color:var(--goldlight)}.header-actions{display:flex;align-items:center;gap:12px}.btn{border:1px solid var(--gold);background:linear-gradient(112deg,#a16d27 0%,#f1cf81 48%,#ba8031 100%);color:#171009;border-radius:9px;display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 21px;font-weight:800;line-height:1.35;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(205,144,48,.18)}.btn-outline{background:transparent;color:var(--goldlight)}.btn-small{padding:9px 15px;font-size:13px}.icon-button{color:var(--goldlight);background:transparent;border:1px solid var(--line);width:36px;height:36px;border-radius:8px}.mobile-menu{display:none}.hero{overflow:hidden;position:relative;padding:105px 0 100px;background:radial-gradient(ellipse at 75% 33%,rgba(161,100,24,.22),transparent 40%),linear-gradient(180deg,#120f0a,#080808 80%)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:65px}.eyebrow{display:inline-flex;color:var(--goldlight);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:11px;margin-bottom:13px}.eyebrow:before{content:'';display:inline-block;width:20px;height:1px;background:var(--gold);margin:10px 10px 0 0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(43px,5.25vw,76px);line-height:1.11;letter-spacing:-.045em;margin-bottom:24px}h2{font-size:clamp(32px,3.7vw,49px);line-height:1.16;letter-spacing:-.035em;margin-bottom:20px}h3{font-size:20px;line-height:1.35;margin-bottom:12px}p{color:var(--muted)}.gold-text{background:linear-gradient(100deg,#b57a28,#ffe3a0 48%,#c48b35);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;max-width:550px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 28px}.benefits{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;font-weight:650;color:#d9ccb4}.benefits span:before{content:'✓';color:var(--gold);margin-right:7px}.glass{background:linear-gradient(140deg,#221b11,#0e0e0e 70%);border:1px solid rgba(235,182,84,.32);box-shadow:0 32px 100px #0008,0 0 70px #bd80211a;border-radius:24px}.demo-stage{position:relative;min-height:445px;display:grid;place-items:center}.floating-label{position:absolute;z-index:3;padding:12px 16px;border:1px solid #866536;background:#1a1712;color:#f9dfab;border-radius:12px;box-shadow:0 15px 25px #0009;font-size:13px}.floating-label.one{left:-10px;top:70px}.floating-label.two{right:0;bottom:70px}.phone{width:256px;border:8px solid #2c2923;border-radius:34px;padding:17px 15px 24px;background:#111;box-shadow:0 30px 80px #000;transform:rotate(5deg)}.phone-notch{width:80px;height:7px;border-radius:9px;background:#3b3730;margin:0 auto 19px}.mini-business{text-align:center;font-size:12px;color:#e1d2b8}.mini-card{background:linear-gradient(138deg,#855717,#f8d58e 49%,#a36d29);border-radius:18px;padding:20px 13px;margin:16px 0;color:#21160b;text-align:center}.mini-card strong{font-size:18px;display:block}.mini-card small{font-size:11px}.stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:17px 0}.stamp{aspect-ratio:1;border-radius:50%;border:1px solid #654318;background:#fae8be;display:grid;place-items:center;font-size:15px}.stamp.empty{background:#e0b97577;color:#76501e}.mini-progress{height:7px;background:#ffffff88;border-radius:9px;overflow:hidden}.mini-progress i{display:block;background:#553008;width:70%;height:100%}.mini-bottom{text-align:center;color:#bba778;font-size:12px}.section{padding:100px 0}.section-alt{background:linear-gradient(180deg,#10100e,#14110d)}.section-heading{text-align:center;max-width:720px;margin:0 auto 52px}.section-heading p{font-size:17px}.grid{display:grid;gap:20px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.panel{padding:29px;background:var(--panel);border:1px solid var(--line);border-radius:17px;transition:transform .2s,border-color .2s}.panel:hover{transform:translateY(-4px);border-color:#b48543}.panel p{font-size:14px;margin-bottom:0}.num{color:var(--goldlight);font-size:40px;font-weight:850;line-height:1;margin-bottom:24px}.symbol{font-size:27px;color:var(--goldlight);border:1px solid var(--line);width:53px;height:53px;display:grid;place-items:center;border-radius:13px;margin-bottom:22px}.ticklist{list-style:none;padding:0;margin:20px 0 0}.ticklist li{color:#d0c8b8;font-size:13px;margin-top:8px}.ticklist li:before{content:'✓';color:var(--gold);font-weight:900;margin-right:10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.metric{padding:22px;background:#201a13;border:1px solid var(--line);border-radius:12px}.metric strong{display:block;color:var(--goldlight);font-size:27px}.metric small{color:#c9bfae}.dashboard{padding:25px;min-height:345px}.dash-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.dash-top b{color:#f8d995}.dash-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.dash-pill{border:1px solid var(--line);padding:12px;background:#262017;border-radius:9px}.dash-pill strong{display:block;color:#e7bc74;font-size:22px}.dash-pill span{font-size:11px;color:#bba98f}.bars{height:120px;display:flex;gap:9px;align-items:end;margin-top:25px;border-bottom:1px solid #58462d}.bars i{flex:1;display:block;background:linear-gradient(#f3d38a,#94621e);border-radius:5px 5px 0 0}.campaign{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;border-radius:12px;border:1px solid var(--line);background:#241e14;margin:12px 0}.campaign strong{color:#f8dfae}.campaign small{display:block;color:#ab9c87}.campaign .tag{font-size:12px;color:#2a1b0c;background:#edc77b;border-radius:30px;padding:5px 11px;white-space:nowrap}.showcase{text-align:center}.showcase .phone{margin:0 auto;transform:none}.industries .panel{min-height:200px}.faq{max-width:850px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:19px 4px}.faq summary{font-weight:750;cursor:pointer;font-size:17px;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:'+';color:var(--gold);font-size:25px}.faq details[open] summary:after{content:'−'}.faq p{padding-top:13px;margin-bottom:4px}.price-card{max-width:620px;margin:auto;text-align:center;padding:42px}.price-card ul{display:inline-block;text-align:left}.cta-banner{background:linear-gradient(125deg,#392710,#100e0a 80%);border:1px solid #a77a3b;border-radius:23px;text-align:center;padding:65px 30px}.cta-banner p{max-width:550px;margin:0 auto 25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:5px;color:#e8d4b4;font-size:13px;font-weight:650}.field input,.field select,.field textarea{background:#1d1b17;border:1px solid #4b402e;border-radius:8px;padding:12px;color:#fff;outline:none;width:100%}.field input:focus,.field textarea:focus{border-color:var(--gold)}.field.full{grid-column:1/-1}.form-error{color:#ffb1a1}.form-success{color:#c0eea0}.site-footer{padding:44px 0 26px;background:#060606;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-top img{width:225px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:35px;display:flex;justify-content:space-between;gap:15px;color:#928779;font-size:12px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.muted-note{font-size:12px;color:#998e7d}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:#fff;color:#000;z-index:100;padding:12px}.hp{position:absolute!important;left:-99999px!important}body.light .section-alt{background:#f7f2e9}body.light .panel{background:#fff}body.light .nav-links a{color:#e7dbc5}body.light .ticklist li{color:#5c554e}body.light .hero,body.light .site-header,body.light .site-footer{color:#fff}body.light .hero p{color:#d0c4af}
@media(max-width:960px){.nav-links{gap:12px}.nav-links a{font-size:12px}.hero-grid,.split{gap:35px}.four{grid-template-columns:repeat(2,1fr)}.brand img{width:185px}}@media(max-width:760px){.header-inner{min-height:70px}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#14110c;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.mobile-menu{display:block}.header-actions .btn-small{display:none}.hero{padding:65px 0 75px}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{gap:14px}.hero h1{font-size:44px}.hero p{font-size:16px}.demo-stage{min-height:420px}.floating-label.one{left:0}.floating-label.two{right:0}.section{padding:70px 0}.three,.two{grid-template-columns:1fr}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}@media(max-width:430px){.container{width:min(calc(100% - 28px),var(--max))}.brand img{width:170px}.hero h1{font-size:39px}.btn{font-size:13px;padding:12px 14px}.four{grid-template-columns:1fr}.dash-pills{gap:5px}.dash-pill{padding:8px}.floating-label{font-size:11px}.price-card{padding:26px}}

/* v1.1: premium ambient gold lighting; compositor-friendly transform/opacity animation. */
body.ln-motion-on .hero,body.ln-motion-on .section-alt,body.ln-motion-on .cta-banner{isolation:isolate;position:relative;overflow:hidden}
body.ln-motion-on .hero{background:linear-gradient(155deg,#100d09 0%,#080808 70%)}
body.ln-motion-on .hero::before,body.ln-motion-on .hero::after,body.ln-motion-on .section-alt::before,body.ln-motion-on .cta-banner::before{content:"";position:absolute;z-index:0;pointer-events:none;display:block;border-radius:50%;will-change:transform,opacity}
body.ln-motion-on .hero::before{width:min(92vw,1020px);aspect-ratio:1;top:-56%;right:-26%;background:radial-gradient(circle,rgba(230,157,58,.34) 0%,rgba(153,91,24,.16) 34%,transparent 69%);animation:ln-drift-a 17s ease-in-out infinite alternate}
body.ln-motion-on .hero::after{width:min(76vw,850px);aspect-ratio:1;bottom:-88%;left:-23%;background:radial-gradient(circle,rgba(255,202,101,.19),rgba(122,74,25,.09) 41%,transparent 70%);animation:ln-drift-b 22s ease-in-out infinite alternate}
body.ln-motion-on .hero .container,body.ln-motion-on .section-alt .container,body.ln-motion-on .cta-banner>*{position:relative;z-index:1}
body.ln-motion-on .section-alt::before{width:min(75vw,850px);aspect-ratio:1;top:-55%;right:-23%;background:radial-gradient(circle,rgba(193,127,40,.11) 0%,rgba(147,88,21,.045) 40%,transparent 71%);animation:ln-drift-b 30s ease-in-out infinite alternate}
body.ln-motion-on .section-alt:nth-of-type(4n)::before{left:-25%;right:auto;animation:ln-drift-a 32s ease-in-out infinite alternate}
body.ln-motion-on .cta-banner::before{width:800px;max-width:100vw;aspect-ratio:1;left:20%;top:-250%;background:radial-gradient(circle,rgba(248,189,86,.19),rgba(143,82,17,.07) 36%,transparent 70%);animation:ln-drift-a 23s ease-in-out infinite alternate}
body.ln-motion-on .hero .demo-stage{animation:ln-hover 8s ease-in-out infinite}
body.ln-motion-on .hero .floating-label.one{animation:ln-hover 7s ease-in-out infinite reverse}
body.ln-motion-on .hero .floating-label.two{animation:ln-hover 9s ease-in-out infinite}
@keyframes ln-drift-a{0%{transform:translate3d(-5%,-2%,0) scale(.91);opacity:.66}50%{opacity:1}100%{transform:translate3d(9%,10%,0) scale(1.13);opacity:.82}}
@keyframes ln-drift-b{0%{transform:translate3d(8%,9%,0) scale(1.08);opacity:.7}100%{transform:translate3d(-12%,-7%,0) scale(.91);opacity:1}}
@keyframes ln-hover{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}
@media(max-width:760px){body.ln-motion-on .hero::before{top:-30%;right:-90%;width:125vw}body.ln-motion-on .hero::after{bottom:-25%;left:-80%;width:120vw}body.ln-motion-on .section-alt::before{width:125vw;right:-75%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body.ln-motion-on .hero::before,body.ln-motion-on .hero::after,body.ln-motion-on .section-alt::before,body.ln-motion-on .cta-banner::before,body.ln-motion-on .hero .demo-stage,body.ln-motion-on .hero .floating-label{animation:none!important;will-change:auto!important}body.ln-motion-on .panel,body.ln-motion-on .btn{transition:none!important}}

/* v1.2 fixes hidden gold layers and boosts contrast without obscuring content. */
body.ln-motion-on .hero{background:radial-gradient(ellipse at 75% 42%,rgba(113,65,12,.35),transparent 65%),#080706}
body.ln-motion-on .hero::before{width:min(100vw,1180px);right:-17%;top:-48%;background:radial-gradient(circle,rgba(255,195,86,.47) 0%,rgba(201,119,28,.26) 24%,rgba(149,81,15,.10) 45%,transparent 69%);filter:blur(15px);animation-duration:12s}
body.ln-motion-on .hero::after{bottom:-78%;left:-28%;background:radial-gradient(circle,rgba(245,172,66,.31),rgba(169,92,15,.12) 43%,transparent 73%);animation-duration:16s}
body.ln-motion-on .section-alt::before{background:radial-gradient(circle,rgba(218,143,47,.19),rgba(130,70,19,.085) 41%,transparent 72%)}
body.ln-motion-on .cta-banner::before{background:radial-gradient(circle,rgba(255,196,94,.27),rgba(155,84,22,.09) 40%,transparent 73%)}
body.ln-motion-on .hero>.container,body.ln-motion-on .section-alt>.container{position:relative;z-index:2}
body.ln-motion-on .cta-banner>*{position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){body.ln-motion-on .hero::before,body.ln-motion-on .hero::after,body.ln-motion-on .section-alt::before,body.ln-motion-on .cta-banner::before{animation:none!important}}

/* v1.3: flowing gold atmospheric waves and luminous constellation field. */
.ln-kinetic-field{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;isolation:isolate}
.ln-kinetic-field canvas{display:block;width:100%;height:100%;opacity:1}
.ln-kinetic-field .ln-aurora{position:absolute;inset:-18% -20%;background:conic-gradient(from 30deg at 62% 52%,transparent 0deg,rgba(178,102,16,.12) 36deg,rgba(255,198,79,.22) 74deg,rgba(255,207,111,.06) 100deg,transparent 155deg,rgba(164,85,15,.14) 240deg,transparent 315deg);filter:blur(50px);mix-blend-mode:screen;animation:ln-aurora-orbit 24s ease-in-out infinite alternate}
.ln-kinetic-field .ln-aurora.second{inset:-35% -50%;background:radial-gradient(ellipse at 70% 38%,rgba(241,148,36,.32),transparent 48%),radial-gradient(ellipse at 18% 79%,rgba(248,187,78,.20),transparent 46%);filter:blur(60px);animation:ln-aurora-shift 18s ease-in-out infinite alternate}
body.ln-motion-on .hero{background:#090705}
body.ln-motion-on .hero::before,body.ln-motion-on .hero::after{display:none}
body.ln-motion-on .hero>.container{position:relative;z-index:2}
body.ln-motion-on .hero .ln-kinetic-field{z-index:1}
body.ln-motion-on .section-alt::before{filter:blur(20px)}
body:not(.ln-motion-on) .ln-kinetic-field{display:none}
@keyframes ln-aurora-orbit{0%{transform:translate(-5%,-8%) rotate(-8deg) scale(1)}100%{transform:translate(9%,6%) rotate(22deg) scale(1.18)}}
@keyframes ln-aurora-shift{0%{transform:translate(-9%,4%) scale(.85)}100%{transform:translate(7%,-6%) scale(1.1)}}
@media(prefers-reduced-motion:reduce){.ln-kinetic-field .ln-aurora{animation:none!important}.ln-kinetic-field canvas{display:none}}
@media(max-width:760px){.ln-kinetic-field .ln-aurora{filter:blur(34px)}.ln-kinetic-field .ln-aurora.second{filter:blur(42px)}}


/* v1.4: whole-page smooth atmospheric glow; no ribbons, canvas or particles. */
body.ln-motion-on #main{position:relative;isolation:isolate;background:#080808}
body.ln-motion-on #main>.ln-ambient-field{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:layout paint;}
.ln-ambient-field{display:none}
body.ln-motion-on .ln-ambient-field{display:block}
body.ln-motion-on .ln-ambient-field .ln-soft-light{position:absolute;display:block;border-radius:50%;pointer-events:none;will-change:transform;mix-blend-mode:screen}
body.ln-motion-on .ln-soft-light-a{width:76vw;height:75vh;min-width:540px;min-height:440px;left:-26vw;top:-26vh;background:radial-gradient(ellipse,rgba(169,106,31,.16) 0%,rgba(127,74,18,.075) 35%,transparent 70%);filter:blur(68px);animation:ln-breathe-one 54s ease-in-out infinite alternate}
body.ln-motion-on .ln-soft-light-b{width:78vw;height:90vh;min-width:600px;min-height:520px;right:-32vw;top:10vh;background:radial-gradient(ellipse,rgba(218,151,59,.125) 0%,rgba(145,79,24,.06) 38%,transparent 72%);filter:blur(76px);animation:ln-breathe-two 66s ease-in-out infinite alternate}
body.ln-motion-on .ln-soft-light-c{width:70vw;height:75vh;min-width:540px;min-height:420px;left:12vw;bottom:-47vh;background:radial-gradient(ellipse,rgba(175,110,35,.105) 0%,rgba(106,64,20,.05) 38%,transparent 72%);filter:blur(85px);animation:ln-breathe-three 60s ease-in-out infinite alternate}
@keyframes ln-breathe-one{0%{transform:translate3d(0,0,0) scale(.93)}100%{transform:translate3d(30vw,18vh,0) scale(1.15)}}
@keyframes ln-breathe-two{0%{transform:translate3d(0,0,0) scale(1.06)}100%{transform:translate3d(-29vw,-20vh,0) scale(.9)}}
@keyframes ln-breathe-three{0%{transform:translate3d(-8vw,0,0) scale(.92)}100%{transform:translate3d(17vw,-32vh,0) scale(1.12)}}
body.ln-motion-on #main>section{position:relative;z-index:1;background:transparent}
body.ln-motion-on #main>section.section-alt{background:rgba(20,17,13,.28)}
body.ln-motion-on #main>section.hero{background:transparent}
body.ln-motion-on .hero::before,body.ln-motion-on .hero::after,body.ln-motion-on .section-alt::before,body.ln-motion-on .cta-banner::before{display:none!important;content:none!important}
body.ln-motion-on .cta-banner{background:linear-gradient(125deg,rgba(57,39,16,.62),rgba(16,14,10,.65) 80%)}
body.ln-motion-on .hero .demo-stage,body.ln-motion-on .hero .floating-label{animation:none!important}
@media(max-width:760px){body.ln-motion-on .ln-soft-light-a{filter:blur(46px)}body.ln-motion-on .ln-soft-light-b{filter:blur(52px)}body.ln-motion-on .ln-soft-light-c{filter:blur(58px)}}
@media(prefers-reduced-motion:reduce){body.ln-motion-on .ln-soft-light{animation:none!important;will-change:auto!important}}
body:not(.ln-motion-on) .ln-ambient-field{display:none!important}