:root {
  --font:'Montserrat',sans-serif;
  --y:#F5C20A; --y2:#FFD740; --yd:#C49800;
  --ybg:rgba(245,194,10,.09); --yb:rgba(245,194,10,.25);
  --bg:#080808; --bg2:#111111; --bg3:#181818; --bg4:#1f1f1f;
  --odoo:#a855f7; --odoo2:#c084fc; --oodoo-bg:rgba(168,85,247,.09); --odoo-b:rgba(168,85,247,.22);
  --talent:#ef4444; --talent2:#f87171; --talent-bg:rgba(239,68,68,.09); --talent-b:rgba(239,68,68,.22);
  --ontime:#10b981; --ontime2:#34d399; --ontime-bg:rgba(16,185,129,.09); --ontime-b:rgba(16,185,129,.22);
  --tx:#f0f0f0; --mu:#888; --mu2:#555;
  --g:rgba(255,255,255,.04); --gh:rgba(255,255,255,.07); --gb:rgba(255,255,255,.09); --gbh:rgba(255,255,255,.16);
  --r:14px; --rl:22px; --rx:32px;
  --t:.3s cubic-bezier(.4,0,.2,1);
  --sh:0 8px 32px rgba(0,0,0,.5);
  --shl:0 20px 60px rgba(0,0,0,.6);
  --shx:0 36px 90px rgba(0,0,0,.7);
  --yg:0 0 40px rgba(245,194,10,.15);
}

/* Font Awesome icon tweaks */
.fa-icon-wrap { display:inline-flex;align-items:center;justify-content:center }
.kic i, .adic i, .avic i, .mic i, .sbico i, .fic i { font-size:.9em }
.fsb i { font-size:.85rem }

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--tx);overflow-x:hidden;line-height:1.65}
a{color:inherit;text-decoration:none}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1.2rem,4vw,2.5rem)}
section{padding:clamp(80px,10vw,120px) 0;position:relative}

/* pill */
.pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:.3rem .9rem;border-radius:100px;border:1px solid;font-family:var(--font)}
.py{color:var(--y);border-color:var(--yb);background:var(--ybg)}
.po{color:var(--odoo2);border-color:var(--odoo-b);background:rgba(168,85,247,.09)}
.pt{color:var(--talent2);border-color:var(--talent-b);background:var(--talent-bg)}
.pn{color:var(--ontime2);border-color:var(--ontime-b);background:var(--ontime-bg)}
.pw{color:rgba(255,255,255,.6);border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05)}
.slbl{display:block;margin-bottom:1.2rem}

/* typography */
.stitle{font-size:clamp(2rem,3.8vw,3rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem}
.ssub{font-size:.95rem;color:var(--mu);line-height:1.8}
.white-grad{background:linear-gradient(135deg,#fff,rgba(255,255,255,.65));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.yellow-grad{background:linear-gradient(135deg,var(--y),var(--y2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 2rem;border-radius:var(--r);font-weight:800;font-size:.82rem;font-family:var(--font);letter-spacing:.06em;text-transform:uppercase;border:none;cursor:pointer;transition:all var(--t)}
.btn:hover{transform:translateY(-3px)}
.by{background:var(--y);color:#000;box-shadow:0 8px 28px rgba(245,194,10,.35)}
.by:hover{background:var(--y2);box-shadow:0 14px 40px rgba(245,194,10,.5)}
.bg{background:var(--g);color:var(--tx);border:1.5px solid var(--gb);backdrop-filter:blur(10px)}
.bg:hover{background:var(--gh);border-color:var(--gbh)}
.bo{background:linear-gradient(135deg,var(--odoo),var(--odoo2));color:#fff;box-shadow:0 8px 28px rgba(168,85,247,.3)}
.bta{background:linear-gradient(135deg,var(--talent),var(--talent2));color:#fff;box-shadow:0 8px 28px rgba(239,68,68,.3)}
.bnt{background:linear-gradient(135deg,var(--ontime),var(--ontime2));color:#fff;box-shadow:0 8px 28px rgba(16,185,129,.3)}

/* glass card */
.gc{background:var(--g);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--gb);border-radius:var(--rl)}

/* ═══ NAV ═══ */
#nav{position:fixed;top:0;left:0;right:0;z-index:900;padding:1rem 0;transition:all var(--t)}
#nav.solid{background:rgba(8,8,8,.95);backdrop-filter:blur(28px);border-bottom:1px solid rgba(245,194,10,.1);padding:.7rem 0;box-shadow:0 4px 30px rgba(0,0,0,.6)}
.ni{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:.7rem}
.logo-img{width:42px;height:42px;border-radius:10px;object-fit:cover;flex-shrink:0;box-shadow:0 0 14px rgba(245,194,10,.3)}
.logo-t{font-weight:800;font-size:1.1rem;letter-spacing:.04em}
.logo-t em{font-style:normal;color:var(--y)}
.nl{display:flex;align-items:center;gap:2rem;list-style:none}
.nl a{font-size:.72rem;font-weight:700;color:var(--mu);letter-spacing:.1em;text-transform:uppercase;transition:color var(--t);position:relative}
.nl a::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--y);transform:scaleX(0);transition:transform var(--t)}
.nl a:hover{color:var(--y)}
.nl a:hover::after{transform:scaleX(1)}
.ncta{background:var(--y)!important;color:#000!important;padding:.5rem 1.3rem;border-radius:var(--r);font-weight:800!important;font-size:.72rem!important;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 16px rgba(245,194,10,.3);transition:all var(--t)!important}
.ncta::after{display:none!important}
.ncta:hover{background:var(--y2)!important;box-shadow:0 0 28px rgba(245,194,10,.5)!important}
.nbg{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:3px;cursor:pointer}
.nbg span{display:block;width:24px;height:2px;background:var(--tx);border-radius:2px;transition:all .3s}
.nmob{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(8,8,8,.98);backdrop-filter:blur(28px);border-bottom:1px solid rgba(245,194,10,.08);padding:1.2rem 1.5rem;flex-direction:column;gap:1rem}
.nmob.open{display:flex}
.nmob a{font-size:.82rem;font-weight:700;color:var(--mu);letter-spacing:.08em;text-transform:uppercase;padding:.3rem 0;transition:color var(--t)}
.nmob a:hover{color:var(--y)}

/* ═══ HERO ═══ */
#hero{min-height:100vh;display:flex;align-items:center;padding:130px 0 0;overflow:hidden;position:relative;background:var(--bg)}
.hstrip{position:absolute;top:0;left:0;right:0;height:72%;background:linear-gradient(145deg,#1a1000 0%,#2b1c00 20%,#181818 50%,var(--bg) 100%);clip-path:ellipse(110% 100% at 50% 0%);z-index:0}
.hstrip::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 60% 40%,rgba(245,194,10,.07),transparent 60%)}
.hdots{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(rgba(245,194,10,.06) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 65%,transparent 100%)}
.hblob{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:1}
.hb1{width:600px;height:600px;background:rgba(245,194,10,.07);top:-150px;right:-100px;animation:blbf 9s ease-in-out infinite}
.hb2{width:400px;height:400px;background:rgba(168,85,247,.07);bottom:80px;left:-80px;animation:blbf 11s ease-in-out infinite reverse}
.hb3{width:300px;height:300px;background:rgba(245,194,10,.04);top:40%;right:25%;animation:blbf 7s ease-in-out infinite 3s}
@keyframes blbf{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-22px) scale(1.04)}}

.hwrap{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2;padding-bottom:80px}
.hbadge{display:inline-flex;align-items:center;gap:.5rem;font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--y);border:1px solid var(--yb);background:var(--ybg);padding:.3rem .9rem;border-radius:100px;margin-bottom:1.8rem}
.hbadge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--y);animation:blnk 1.7s infinite;flex-shrink:0;box-shadow:0 0 6px var(--y)}
@keyframes blnk{0%,100%{opacity:1}50%{opacity:.2}}
.hh1{font-size:clamp(3rem,6vw,5.2rem);font-weight:900;line-height:1.03;letter-spacing:-.03em;margin-bottom:1.5rem}
.hh1 .plain{display:block;color:#fff}
.hh1 .accent{display:block;background:linear-gradient(90deg,var(--y) 0%,var(--y2) 50%,#ffab00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(245,194,10,.35))}
.hdesc{font-size:.95rem;color:var(--mu);line-height:1.8;max-width:500px;margin-bottom:2.5rem}
.hactions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}
.htags{display:flex;gap:.6rem;flex-wrap:wrap}
.htag{display:flex;align-items:center;gap:.4rem;padding:.38rem .9rem;border-radius:var(--r);background:var(--g);border:1px solid var(--gb);font-size:.72rem;font-weight:600;color:var(--mu);transition:all var(--t)}
.htag:hover{background:var(--gh);color:var(--tx);border-color:var(--gbh)}
.hdot{width:7px;height:7px;border-radius:50%;flex-shrink:0}

/* hero dashboard */
.hdash{background:var(--g);backdrop-filter:blur(28px);border:1px solid var(--gb);border-radius:var(--rx);padding:1.7rem;box-shadow:var(--shx),var(--yg);animation:dshf 7s ease-in-out infinite;position:relative;overflow:hidden}
.hdash::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--y),var(--y2),var(--y));border-radius:var(--rx) var(--rx) 0 0}
@keyframes dshf{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.dbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}
.ddots{display:flex;gap:6px}
.ddot{width:10px;height:10px;border-radius:50%}
.dtit{font-size:.68rem;color:var(--mu);font-weight:500;letter-spacing:.06em}
.dlive{display:flex;align-items:center;gap:.35rem;font-size:.65rem;font-weight:700;color:var(--ontime2);letter-spacing:.1em;text-transform:uppercase}
.dlive::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ontime2);animation:blnk 1.5s infinite}
.kgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1rem}
.kpi{border-radius:var(--r);padding:1rem .85rem;text-align:center;border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden;transition:transform var(--t)}
.kpi:hover{transform:scale(1.04)}
.kpi.k1::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(168,85,247,.12),transparent 70%)}
.kpi.k2::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(239,68,68,.1),transparent 70%)}
.kpi.k3::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(16,185,129,.1),transparent 70%)}
.kic{font-size:1.2rem;margin-bottom:.35rem;position:relative}
.kval{font-weight:800;font-size:1.35rem;margin-bottom:.2rem;position:relative}
.klbl{font-size:.58rem;color:var(--mu);font-weight:500;text-transform:uppercase;letter-spacing:.08em;position:relative}
.kbar{height:2px;background:rgba(255,255,255,.06);border-radius:100px;margin-top:.65rem;overflow:hidden}
.kfill{height:100%;border-radius:100px;animation:bfll 2.2s ease 1s both}
@keyframes bfll{from{width:0}}
.mlist{display:flex;flex-direction:column;gap:.55rem}
.mrow{display:flex;align-items:center;gap:.8rem;padding:.72rem .9rem;border-radius:var(--r);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);transition:all var(--t)}
.mrow:hover{background:rgba(255,255,255,.06);transform:translateX(3px)}
.mic{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}
.mnm{font-size:.8rem;font-weight:600;flex:1}
.mtag{font-size:.6rem;font-weight:700;padding:.2rem .6rem;border-radius:100px;letter-spacing:.06em;text-transform:uppercase}
.wdiv{position:absolute;bottom:-2px;left:0;right:0;z-index:2;line-height:0}

/* ═══ ABOUT ═══ */
#about{background:var(--bg2)}
.ag{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.ac p{color:var(--mu);line-height:1.85;margin-bottom:1.4rem;font-size:.92rem}
.avals{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}
.av{display:flex;align-items:flex-start;gap:.85rem;padding:1.2rem;border-radius:var(--r);background:var(--g);border:1px solid var(--gb);transition:all var(--t)}
.av:hover{background:var(--gh);border-color:rgba(245,194,10,.2);transform:translateY(-4px)}
.avic{font-size:1.3rem;flex-shrink:0}
.av h5{font-size:.84rem;font-weight:700;margin-bottom:.25rem}
.av p{font-size:.75rem;color:var(--mu);line-height:1.55;margin:0}
.astat{background:var(--g);backdrop-filter:blur(24px);border:1px solid var(--gb);border-radius:var(--rx);padding:2.5rem;box-shadow:var(--shl);position:relative;overflow:hidden}
.astat::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(245,194,10,.06),transparent 70%);pointer-events:none}
.s4{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.06);border-radius:var(--rl);overflow:hidden}
.sbox{padding:1.8rem 1.5rem;text-align:center;background:var(--bg2);transition:background var(--t)}
.sbox:hover{background:var(--bg3)}
.snum{font-size:2.6rem;font-weight:900;letter-spacing:-.04em;margin-bottom:.3rem;background:linear-gradient(135deg,var(--y),var(--y2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.slb{font-size:.72rem;color:var(--mu);font-weight:500;text-transform:uppercase;letter-spacing:.1em}
.atags{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.5rem}
.atag{font-size:.65rem;font-weight:700;padding:.3rem .75rem;border-radius:100px;background:var(--g);border:1px solid var(--gb);color:var(--mu);transition:all var(--t)}
.atag:hover{color:var(--y);border-color:var(--yb)}

/* ═══ SOLUTIONS ═══ */
#solutions{background:var(--bg)}
.shead{text-align:center;margin-bottom:3.5rem}
.stabs-w{display:flex;justify-content:center;margin-bottom:4rem}
.stabs{display:flex;background:var(--g);backdrop-filter:blur(20px);border:1px solid var(--gb);border-radius:var(--rl);padding:.35rem;gap:.3rem}
.stab{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:var(--r);border:none;font-family:var(--font);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);background:transparent;cursor:pointer;transition:all var(--t)}
.stab:hover{color:var(--tx);background:var(--gh)}
.stab.to{background:rgba(168,85,247,.09);color:var(--odoo2);border:1px solid rgba(168,85,247,.22);box-shadow:0 4px 16px rgba(168,85,247,.2)}
.stab.tt{background:var(--talent-bg);color:var(--talent2);border:1px solid var(--talent-b);box-shadow:0 4px 16px rgba(239,68,68,.2)}
.stab.tn{background:var(--ontime-bg);color:var(--ontime2);border:1px solid var(--ontime-b);box-shadow:0 4px 16px rgba(16,185,129,.2)}
.tdot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.spanel{display:none;animation:pIn .4s ease}
.spanel.active{display:block}
@keyframes pIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:center}
.sh2{font-size:clamp(1.9rem,3.5vw,2.7rem);font-weight:900;margin:1rem 0 1.2rem;letter-spacing:-.02em}
.sdesc{color:var(--mu);line-height:1.8;margin-bottom:2rem;font-size:.92rem}
.advg{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:2rem}
.adv{padding:1.1rem;border-radius:var(--r);background:var(--g);border:1px solid var(--gb);transition:all var(--t)}
.adv:hover{background:var(--gh);border-color:var(--gbh);transform:translateY(-4px)}
.adic{font-size:1.2rem;margin-bottom:.5rem}
.adv h5{font-size:.82rem;font-weight:700;margin-bottom:.28rem}
.adv p{font-size:.74rem;color:var(--mu);line-height:1.5}
.scrw{position:relative}
.scr{background:var(--g);backdrop-filter:blur(24px);border:1px solid var(--gb);border-radius:var(--rx);padding:1.8rem;box-shadow:var(--shx);overflow:hidden;position:relative}
.scr::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--rx) var(--rx) 0 0}
.so::before{background:linear-gradient(90deg,var(--odoo),var(--odoo2))}
.st::before{background:linear-gradient(90deg,var(--talent),var(--talent2))}
.snt::before{background:linear-gradient(90deg,var(--ontime),var(--ontime2))}
.sctop{display:flex;align-items:center;gap:.5rem;margin-bottom:1.4rem}
.scdot{width:10px;height:10px;border-radius:50%}
.sclbl{font-size:.68rem;color:var(--mu);margin-left:.4rem;font-weight:500}
.flist{display:flex;flex-direction:column;gap:.6rem}
.frow{display:flex;align-items:center;gap:.8rem;padding:.78rem 1rem;border-radius:var(--r);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);transition:all var(--t)}
.frow:hover{background:rgba(255,255,255,.07);transform:translateX(5px)}
.fic{width:33px;height:33px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}
.fnm{font-size:.82rem;font-weight:600;flex:1}
.fck{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:900;color:#fff;flex-shrink:0}
.sbadge{position:absolute;bottom:-14px;left:-14px;background:var(--g);backdrop-filter:blur(20px);border:1px solid var(--gbh);border-radius:var(--r);padding:.85rem 1.2rem;box-shadow:var(--sh);display:flex;align-items:center;gap:.7rem}
.sbico{font-size:1.4rem}
.sbval{font-size:1.1rem;font-weight:800}
.sblbl{font-size:.62rem;color:var(--mu);font-weight:500;text-transform:uppercase;letter-spacing:.06em}

/* ═══ PRICING ═══ */
#pricing{background:linear-gradient(135deg,#1a1000 0%,#0f0a00 30%,var(--bg) 60%,var(--bg) 100%);position:relative;overflow:hidden}
.pmesh{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(245,194,10,.04) 1px,transparent 1px);background-size:32px 32px}
.porb1{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(120px);background:rgba(245,194,10,.05);top:-200px;right:-100px;pointer-events:none}
.porb2{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(100px);background:rgba(168,85,247,.04);bottom:-100px;left:-60px;pointer-events:none}
.phead{text-align:center;margin-bottom:3.5rem;position:relative;z-index:1}
.phead .stitle{color:#fff}
.phead .ssub{color:var(--mu);margin-top:.6rem}
.togrow{display:flex;align-items:center;gap:.9rem;justify-content:center;margin-top:1.8rem}
.togl{font-size:.78rem;font-weight:600;color:var(--mu2);letter-spacing:.08em;text-transform:uppercase;transition:color var(--t)}
.togl.on{color:var(--tx)}
.togsw{width:52px;height:28px;border-radius:100px;background:rgba(255,255,255,.08);border:1px solid var(--gb);position:relative;cursor:pointer;transition:background var(--t)}
.togsw.on{background:rgba(245,194,10,.25);border-color:var(--yb)}
.togk{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform var(--t);box-shadow:0 2px 8px rgba(0,0,0,.4)}
.togsw.on .togk{transform:translateX(24px);background:var(--y);box-shadow:0 0 12px rgba(245,194,10,.5)}
.disc{font-size:.62rem;font-weight:700;padding:.2rem .7rem;border-radius:100px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);color:var(--ontime2);margin-left:.4rem;letter-spacing:.06em;text-transform:uppercase}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;position:relative;z-index:1}
.pc{border-radius:var(--rx);padding:2.4rem 2rem;background:var(--g);backdrop-filter:blur(20px);border:1px solid var(--gb);position:relative;overflow:hidden;transition:transform var(--t)}
.pc:hover{transform:translateY(-9px)}
.pc.feat{border-color:var(--yb);background:rgba(245,194,10,.04);box-shadow:0 0 60px rgba(245,194,10,.07),var(--shl)}
.pc.feat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--y),var(--y2),var(--y));box-shadow:0 0 20px rgba(245,194,10,.4)}
.ftag{position:absolute;top:0;right:1.5rem;background:var(--y);color:#000;font-size:.6rem;font-weight:800;padding:.32rem 1rem;border-radius:0 0 var(--r) var(--r);letter-spacing:.12em;text-transform:uppercase;font-family:var(--font)}
.ptr{font-size:.6rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--mu2);margin-bottom:.6rem}
.pnm{font-size:1.8rem;font-weight:900;letter-spacing:-.02em;margin-bottom:1.1rem;color:#fff}
.ppr{display:flex;align-items:baseline;gap:.25rem}
.pcur{font-size:.88rem;font-weight:600;color:var(--mu);margin-top:.35rem}
.pval{font-size:2.8rem;font-weight:900;letter-spacing:-.04em;color:#fff}
.pc.feat .pval{color:var(--y);filter:drop-shadow(0 0 10px rgba(245,194,10,.3))}
.pper{font-size:.8rem;color:var(--mu)}
.palt{font-size:.72rem;color:var(--mu2);margin:.3rem 0 1.3rem}
.phr{height:1px;background:rgba(255,255,255,.06);margin:1.2rem 0}
.pinc{font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mu2);margin-bottom:.9rem}
.plist{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.8rem}
.plist li{font-size:.8rem;color:var(--mu);display:flex;align-items:flex-start;gap:.55rem}
.plist li::before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;min-width:16px;border-radius:50%;font-size:.55rem;font-weight:900;color:#000;background:var(--mu2);margin-top:.1rem;flex-shrink:0}
.plist li.hi::before{background:var(--y);color:#000;box-shadow:0 0 8px rgba(245,194,10,.4)}
.plist li.no::before{content:'✕';background:rgba(255,255,255,.07);color:var(--mu2)}
.pbtn{width:100%;padding:.95rem;border-radius:var(--r);font-family:var(--font);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all var(--t);border:none}
.pbtn-d{background:rgba(255,255,255,.06);color:var(--mu);border:1px solid var(--gb)}
.pbtn-d:hover{background:rgba(255,255,255,.1);color:var(--tx)}
.pbtn-y{background:var(--y);color:#000;font-weight:800;box-shadow:0 0 20px rgba(245,194,10,.2)}
.pbtn-y:hover{background:var(--y2);box-shadow:0 0 35px rgba(245,194,10,.4);transform:translateY(-2px)}
.pnote{text-align:center;margin-top:2rem;font-size:.78rem;color:var(--mu2);position:relative;z-index:1}
.pnote a{color:var(--mu);text-decoration:underline}
.pnote a:hover{color:var(--y)}

/* ═══ BENEFITS ═══ */
#benefits{background:var(--bg2)}
.blay{display:grid;grid-template-columns:5fr 7fr;gap:5rem;align-items:start;margin-top:4rem}
.bpan{position:sticky;top:100px;background:var(--g);backdrop-filter:blur(24px);border:1px solid var(--gb);border-radius:var(--rx);overflow:hidden;box-shadow:var(--shl),var(--yg)}
.bph{padding:1.4rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between}
.bpht{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}
.bplv{display:flex;align-items:center;gap:.35rem;font-size:.62rem;font-weight:700;color:var(--y);letter-spacing:.1em;text-transform:uppercase}
.bplv::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--y);animation:blnk 2s infinite;box-shadow:0 0 6px var(--y)}
.bpbd{padding:1.5rem}
.bpm{margin-bottom:1.2rem}
.bpr{display:flex;justify-content:space-between;font-size:.74rem;color:var(--mu);margin-bottom:.5rem}
.bpv{font-weight:700;color:var(--tx)}
.bptrk{height:6px;background:rgba(255,255,255,.06);border-radius:100px;overflow:hidden}
.bpfill{height:100%;border-radius:100px;animation:bfll 1.5s ease .4s both}
.bptm{padding:1.4rem 1.5rem;border-top:1px solid rgba(255,255,255,.05)}
.bptl{font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mu2);margin-bottom:1rem}
.bpmb{display:flex;align-items:center;gap:.7rem;padding:.62rem;border-radius:var(--r);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);margin-bottom:.45rem;transition:all var(--t)}
.bpmb:hover{background:rgba(255,255,255,.06)}
.bpav{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.65rem;color:#000;flex-shrink:0}
.bpnm{font-size:.75rem;font-weight:700}
.bprl{font-size:.62rem;color:var(--mu)}
.bpst{font-size:.58rem;font-weight:700;padding:.15rem .6rem;border-radius:100px;background:var(--ontime-bg);color:var(--ontime2);border:1px solid var(--ontime-b);margin-left:auto;text-transform:uppercase;letter-spacing:.06em}
.blist{display:flex;flex-direction:column;gap:1.2rem}
.bcrd{display:flex;gap:1.2rem;padding:1.8rem;border-radius:var(--rl);background:var(--g);border:1px solid var(--gb);transition:all var(--t)}
.bcrd:hover{background:var(--gh);border-color:rgba(245,194,10,.15);transform:translateX(7px)}
.bnum{width:46px;height:46px;min-width:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.88rem;color:#000;flex-shrink:0}
.bh4{font-size:.98rem;font-weight:700;margin-bottom:.4rem}
.bp{font-size:.82rem;color:var(--mu);line-height:1.7}

/* ═══ CTA ═══ */
#cta{background:var(--bg);text-align:center;overflow:hidden}
.ctabl{position:relative;background:linear-gradient(135deg,#1a1200 0%,#111100 40%,#0f0f0f 100%);border:1px solid rgba(245,194,10,.1);border-radius:var(--rx);padding:clamp(3rem,6vw,5.5rem);overflow:hidden;box-shadow:var(--shx),var(--yg)}
.ctabl::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--y),var(--y2),var(--y),transparent)}
.ctagl{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(100px);background:rgba(245,194,10,.04);top:-150px;left:50%;transform:translateX(-50%);pointer-events:none}
.ctain{position:relative;z-index:1;max-width:720px;margin:0 auto}
.ctati{font-size:clamp(2.2rem,4.5vw,3.3rem);font-weight:900;color:#fff;margin:1rem 0;letter-spacing:-.03em}
.ctati .cy{background:linear-gradient(90deg,var(--y),var(--y2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ctasub{font-size:.95rem;color:var(--mu);margin-bottom:2.5rem;line-height:1.75}
.ctabts{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}
.ctacos{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}
.ctaci{display:flex;align-items:center;gap:.7rem;padding:.7rem 1.3rem;border-radius:var(--r);background:var(--g);border:1px solid var(--gb);font-size:.82rem;color:var(--mu);backdrop-filter:blur(10px);transition:all var(--t)}
.ctaci:hover{background:var(--gh);color:var(--tx);border-color:rgba(245,194,10,.2)}

/* ═══ FOOTER ═══ */
#footer{background:#050505;padding:60px 0 28px;border-top:1px solid rgba(245,194,10,.06)}
.fgrid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.2fr;gap:3rem;margin-bottom:3rem}
.flogo{font-weight:800;font-size:1.1rem;margin-bottom:.8rem;letter-spacing:.04em}
.flogo em{font-style:normal;color:var(--y)}
.fdesc{color:rgba(255,255,255,.25);font-size:.8rem;line-height:1.7;max-width:260px}
.fmade{display:inline-flex;align-items:center;gap:.4rem;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.28rem .75rem;border-radius:100px;border:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.25);margin-top:.85rem}
.fcol h6{font-size:.62rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.2);margin-bottom:1.1rem}
.fcol ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}
.fcol a{font-size:.8rem;color:rgba(255,255,255,.3);transition:color var(--t)}
.fcol a:hover{color:var(--y)}
.fbot{border-top:1px solid rgba(255,255,255,.04);padding-top:1.4rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.fcopy{font-size:.72rem;color:rgba(255,255,255,.16)}
.fsoc{display:flex;gap:.5rem}
.fsb{width:32px;height:32px;border-radius:7px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:.78rem;color:rgba(255,255,255,.22);transition:all var(--t)}
.fsb:hover{background:rgba(245,194,10,.15);border-color:var(--yb);color:var(--y)}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){
  .hwrap,.ag,.sgrid,.blay{grid-template-columns:1fr;gap:3rem}
  .hdash,.astat{display:none}
  .pgrid{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .fgrid{grid-template-columns:1fr 1fr}
  .bpan{position:relative;top:0}
}
@media(max-width:768px){
  section{padding:60px 0}
  .nl{display:none}
  .nbg{display:flex}
  .advg,.avals{grid-template-columns:1fr}
  .ctacos,.ctabts{flex-direction:column;align-items:center}
  .fgrid{grid-template-columns:1fr}
  .stabs{flex-direction:column;border-radius:var(--rl)}
  .stab{border-radius:var(--r);justify-content:center}
}
@media(max-width:480px){
  .hh1{font-size:2.6rem}
  .hactions{flex-direction:column}
  .btn{justify-content:center}
}

/* ── WordPress logo fix ── */
.logo { display:inline-flex !important; align-items:center !important; gap:.7rem !important; text-decoration:none !important; }
.logo-img { width:42px; height:42px; border-radius:10px; object-fit:cover; flex-shrink:0; box-shadow:0 0 14px rgba(245,194,10,.3); display:block !important; }
.logo-t { font-weight:800; font-size:1.1rem; letter-spacing:.04em; white-space:nowrap; }
.logo-t em { font-style:normal; color:var(--y); }
/* Remove WP custom-logo wrapper styles if any */
.custom-logo-link { display:contents !important; }

/* Additional user pricing badge */
.padduser {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-size: .72rem;
  color: var(--mu);
  background: rgba(245,194,10,.07);
  border: 1px solid rgba(245,194,10,.2);
  border-radius: 100px;
  padding: .28rem .85rem;
  margin: .5rem 0 .2rem;
}
.padduser i { color: var(--y); font-size: .7rem; }
.padduser strong { color: var(--y); font-weight: 700; }
.pc.feat .padduser {
  background: rgba(245,194,10,.12);
  border-color: rgba(245,194,10,.35);
}

/* ── Hide annual billing line by default ── */
.palt { display: none; }
.palt.show { display: block; }

/* ── Logo fix: prevent WP from spacing icon & name ── */
a.logo:not([href=""]):empty,
a.logo:empty { display: none !important; }

.ni { gap: 2rem; }

.custom-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 0 !important;
  flex-shrink: 0 !important;
}
.custom-logo-link + .logo-t {
  margin-left: .7rem !important;
}
.custom-logo-link img.custom-logo {
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  box-shadow: 0 0 14px rgba(245,194,10,.3) !important;
  display: block !important;
}

/* Wrap logo link + text in a flex group */
.ni > .custom-logo-link,
.ni > .logo-t {
  /* these will be inside .logo-wrap added by JS below */
}

/* ── Pricing list categories & sub-items ── */
.plist li.pcat {
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--y);
  margin-top:.6rem;
  padding-left:0;
  list-style:none;
}
.plist li.pcat::before { content:''; display:none; }
.plist li.psub {
  font-size:.78rem;
  color:var(--mu);
  padding-left:1rem;
  position:relative;
}
.plist li.psub::before {
  content:'·';
  position:absolute;
  left:.2rem;
  color:var(--mu2);
}
.pc.feat .plist li.pcat { color:var(--y2); }