*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',system-ui,sans-serif;background:#050510;color:#f0f0f5;line-height:1.6;overflow-x:hidden}.bg-gradient{position:fixed;inset:0;background:radial-gradient(ellipse at top left,#1a0a3e 0%,transparent 50%),radial-gradient(ellipse at bottom right,#0a3e3a 0%,transparent 50%),#050510;z-index:-2}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(124,58,237,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.05) 1px,transparent 1px);background-size:60px 60px;z-index:-1;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%)}section{padding:120px 5%;max-width:1300px;margin:0 auto;position:relative}.btn{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;text-decoration:none;border-radius:50px;font-weight:700;font-size:15px;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 30px rgba(124,58,237,.4)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(124,58,237,.6)}h1{font-family:'Playfair Display',serif;font-size:clamp(40px,7vw,84px);font-weight:900;line-height:1.05;margin-bottom:24px;letter-spacing:-.02em}h1 .grad{background:linear-gradient(135deg,#00d4ff 0%,#7c3aed 50%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-family:'Playfair Display',serif;font-size:clamp(34px,5vw,56px);font-weight:900;line-height:1.1;letter-spacing:-.01em}h3{font-size:22px;font-weight:700}.badge{display:inline-block;padding:8px 18px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.4);border-radius:50px;font-size:13px;font-weight:600;color:#c4a7ff;margin-bottom:24px}.sub{font-size:clamp(17px,2vw,21px);color:#a0a0b8;max-width:720px;margin:0 auto 40px}.section-head{text-align:center;margin-bottom:60px}.section-head h2{margin-bottom:16px}.section-head p{color:#a0a0b8;font-size:18px;max-width:680px;margin:0 auto}nav{position:sticky;top:0;z-index:1000;background:rgba(10,10,15,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(124,58,237,.15);padding:18px 6%;display:flex;align-items:center;justify-content:space-between}nav .logo{font-size:22px;font-weight:900;background:linear-gradient(135deg,#00d4ff,#7c3aed,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:-.5px}.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:4px 10px;line-height:1}.nav-links{display:flex;gap:28px;align-items:center}.nav-links>a{color:#a0a0b8;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-links>a:hover{color:#fff}.nav-dropdown{position:relative}.nav-dd-toggle{color:#a0a0b8;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;background:none;border:none;font-family:inherit;padding:0}.nav-dd-toggle:hover{color:#fff}.nav-dd-menu{position:absolute;top:calc(100%+18px);left:50%;transform:translateX(-50%) translateY(-10px);min-width:680px;background:rgba(15,15,25,.98);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(124,58,237,.2);border-radius:16px;padding:28px;display:none;grid-template-columns:1fr 1fr 1fr;gap:32px;opacity:0;transition:opacity .25s;box-shadow:0 30px 80px rgba(0,0,0,.6)}.nav-dd-menu.show{display:grid;opacity:1}.nav-col h4{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#7c3aed;margin:0 0 14px;font-weight:800}.nav-col a{display:block;color:#d0d0e0;text-decoration:none;font-size:14px;padding:6px 0;transition:color .2s,padding-left .2s}.nav-col a:hover{color:#00d4ff;padding-left:6px}.nav-dd-all{grid-column:1/-1;text-align:center;padding:14px;background:linear-gradient(135deg,rgba(0,212,255,.12),rgba(124,58,237,.12));border-radius:10px;color:#00d4ff;text-decoration:none;font-weight:700;font-size:14px;border:1px solid rgba(0,212,255,.25);transition:all .2s}.nav-dd-all:hover{background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(124,58,237,.2));transform:translateY(-1px)}.hero{padding-top:100px;text-align:center}.chat-wrap{max-width:720px;margin:60px auto 0;background:rgba(15,15,30,.8);backdrop-filter:blur(20px);border:1px solid rgba(124,58,237,.3);border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}.chat-head{padding:20px 24px;background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(0,212,255,.1));border-bottom:1px solid rgba(124,58,237,.3);display:flex;align-items:center;gap:14px}.ivy-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#7c3aed);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;color:#fff;flex-shrink:0}.ivy-info strong{display:block;font-size:15px}.ivy-info span{font-size:12px;color:#a0a0b8;display:flex;align-items:center;gap:6px}.ivy-info span::before{content:'';width:8px;height:8px;border-radius:50%;background:#00ff88;box-shadow:0 0 10px #00ff88}#messages{height:380px;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:14px}.msg{max-width:80%;padding:12px 18px;border-radius:18px;font-size:15px;line-height:1.5;animation:fadeIn .3s}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.msg.ivy{background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);align-self:flex-start;border-bottom-left-radius:4px}.msg.user{background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.typing{display:flex;gap:5px;padding:14px 18px}.typing span{width:8px;height:8px;border-radius:50%;background:#7c3aed;animation:bounce 1.2s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-8px);opacity:1}}.input-row{padding:16px;border-top:1px solid rgba(124,58,237,.3);display:flex;gap:10px;background:rgba(0,0,0,.3)}#chatInput{flex:1;padding:14px 18px;background:rgba(255,255,255,.05);border:1px solid rgba(124,58,237,.3);border-radius:50px;color:#fff;font-size:15px;font-family:inherit;outline:none}#chatInput:focus{border-color:#7c3aed}#sendBtn{padding:14px 26px;background:linear-gradient(135deg,#00d4ff,#7c3aed);border:none;border-radius:50px;color:#fff;font-weight:700;cursor:pointer;font-family:inherit}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:20px}.pillar{background:rgba(15,15,30,.7);border:1px solid rgba(124,58,237,.2);border-radius:24px;padding:40px 32px;text-decoration:none;color:inherit;display:block;transition:all .3s;position:relative;overflow:hidden}.pillar:hover{transform:translateY(-6px);border-color:rgba(124,58,237,.6);box-shadow:0 20px 60px rgba(124,58,237,.2)}.pillar-icon{font-size:42px;margin-bottom:18px;display:block}.pillar h3{font-family:'Playfair Display',serif;font-size:26px;margin-bottom:12px;color:#fff}.pillar p{color:#a0a0b8;font-size:15px;margin-bottom:18px;line-height:1.6}.pillar-link{color:#00d4ff;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:gap .2s}.pillar:hover .pillar-link{gap:12px}.def-box{max-width:820px;margin:0 auto;padding:32px 36px;background:linear-gradient(135deg,rgba(0,212,255,.06),rgba(124,58,237,.06));border:1px solid rgba(124,58,237,.25);border-left:4px solid #7c3aed;border-radius:16px}.def-box h4{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#7c3aed;font-weight:800;margin-bottom:10px}.def-box p{font-size:17px;color:#e0e0ec;line-height:1.7;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{background:rgba(15,15,30,.6);border:1px solid rgba(124,58,237,.2);border-radius:20px;padding:36px 28px;transition:transform .3s,border-color .3s}.step:hover{transform:translateY(-6px);border-color:rgba(124,58,237,.5)}.step-num{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#00d4ff,#7c3aed);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;margin-bottom:20px}.step h3{font-size:22px;margin-bottom:12px}.step p{color:#a0a0b8;font-size:15px}.compare-wrap{max-width:1000px;margin:0 auto;background:rgba(15,15,30,.6);border:1px solid rgba(124,58,237,.2);border-radius:20px;overflow:hidden;overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;min-width:640px}.compare-table th,.compare-table td{padding:18px 22px;text-align:left;border-bottom:1px solid rgba(124,58,237,.12);font-size:15px}.compare-table th{background:rgba(124,58,237,.1);font-weight:700;font-size:14px;color:#c4a7ff;text-transform:uppercase;letter-spacing:.5px}.compare-table td:first-child{font-weight:600;color:#fff}.compare-table .draxiq-col{background:rgba(0,212,255,.04)}.compare-table .yes{color:#00ff88;font-weight:700}.compare-table .no{color:#ff6b6b}.compare-table .meh{color:#ffaa00}.pricing{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:900px;margin:0 auto}.price-card{background:rgba(15,15,30,.6);border:1px solid rgba(124,58,237,.2);border-radius:24px;padding:40px 32px;text-align:center;position:relative}.price-card.featured{border-color:#7c3aed;box-shadow:0 20px 60px rgba(124,58,237,.2)}.price-card.featured::before{content:'MOST POPULAR';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#00d4ff,#7c3aed);padding:6px 16px;border-radius:50px;font-size:11px;font-weight:800;letter-spacing:1px}.price-card h3{font-size:22px;margin-bottom:8px}.price{font-size:56px;font-weight:900;font-family:'Playfair Display',serif;margin:16px 0}.price-card ul{list-style:none;margin:24px 0;text-align:left}.price-card li{padding:10px 0;color:#c0c0d0;font-size:14px;display:flex;gap:10px}.price-card li::before{content:'✓';color:#00d4ff;font-weight:900}.faqs{max-width:820px;margin:0 auto}.faq{background:rgba(15,15,30,.5);border:1px solid rgba(124,58,237,.18);border-radius:14px;margin-bottom:14px;overflow:hidden}.faq summary{padding:22px 26px;font-size:17px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';font-size:26px;color:#7c3aed;transition:transform .25s;font-weight:300;flex-shrink:0}.faq[open] summary::after{transform:rotate(45deg)}.faq-body{padding:0 26px 24px;color:#b0b0c0;line-height:1.7;font-size:15px}.cta-final{text-align:center;padding:80px 5% 60px}.cta-final h2{margin-bottom:18px}.cta-final p{color:#a0a0b8;font-size:18px;max-width:580px;margin:0 auto 32px}footer{background:#08080d;border-top:1px solid rgba(124,58,237,.15);padding:64px 6% 32px;margin-top:40px}.footer-top{display:grid;grid-template-columns:1.4fr 2fr;gap:60px;max-width:1200px;margin:0 auto;padding-bottom:48px;border-bottom:1px solid rgba(124,58,237,.1)}.footer-brand .footer-logo{font-size:28px;font-weight:900;background:linear-gradient(135deg,#00d4ff,#7c3aed,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:14px;letter-spacing:-.5px}.footer-tagline{color:#d0d0e0;font-size:15px;margin:0 0 8px;line-height:1.5}.footer-loc{color:#7c7c95;font-size:13px;margin:0}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-col h4{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:#7c3aed;margin:0 0 16px;font-weight:800}.footer-col a{display:block;color:#a0a0b8;text-decoration:none;font-size:14px;padding:5px 0;transition:color .2s}.footer-col a:hover{color:#00d4ff}.footer-bottom{max-width:1200px;margin:32px auto 0;text-align:center}.footer-bottom p{color:#7c7c95;font-size:13px;margin:0}#claimModal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);z-index:9999;align-items:center;justify-content:center;padding:20px}#claimModal.show{display:flex}.modal-box{background:#0f0f1e;border:1px solid rgba(124,58,237,.4);border-radius:24px;padding:40px;max-width:480px;width:100%;position:relative}.modal-box h3{font-family:'Playfair Display',serif;font-size:30px;margin-bottom:8px}.modal-box p{color:#a0a0b8;margin-bottom:24px}.modal-box input,.modal-box textarea{width:100%;padding:14px 18px;background:rgba(255,255,255,.05);border:1px solid rgba(124,58,237,.3);border-radius:12px;color:#fff;font-size:15px;font-family:inherit;margin-bottom:12px;outline:none}.modal-box textarea{resize:vertical;min-height:80px}.modal-box button{width:100%;padding:16px;margin-top:8px}.close-x{position:absolute;top:20px;right:24px;background:none;border:none;color:#a0a0b8;font-size:28px;cursor:pointer}@media(max-width:900px){.nav-toggle{display:block}.nav-links{position:fixed;top:0;right:0;width:85%;max-width:380px;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;background:rgba(8,8,15,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;align-items:stretch;padding:90px 28px 30px;gap:0;transform:translateX(100%);transition:transform .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-left:1px solid rgba(124,58,237,.2);box-shadow:-20px 0 60px rgba(0,0,0,.5)}.nav-links.open{transform:translateX(0)}.nav-links>a,.nav-dd-toggle{padding:18px 0;border-bottom:1px solid rgba(124,58,237,.1);font-size:16px;width:100%;text-align:left;display:block}.nav-dd-menu{position:static;transform:none;left:auto;min-width:0;max-width:100%;width:100%;background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.15);padding:18px;margin:8px 0 12px;border-radius:12px;grid-template-columns:1fr;gap:16px;box-shadow:none;display:none;opacity:1}.nav-dd-menu.show{display:grid}.nav-links .btn{margin-top:20px;text-align:center}.pillars{grid-template-columns:1fr;gap:20px}.steps{grid-template-columns:1fr;gap:20px}.pricing{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:40px}.footer-cols{grid-template-columns:1fr 1fr;gap:30px}section{padding:80px 5%}}.wrap{max-width:1200px;margin:0 auto;padding:60px 5% 80px}.tier{margin-bottom:90px}.tier-head{text-align:center;margin-bottom:40px}.tier-tag{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:12px;color:#7c3aed;background:rgba(124,58,237,.15);padding:6px 14px;border-radius:8px;margin-bottom:14px;letter-spacing:1px}.tier-head h2{font-family:'Playfair Display',serif;font-size:42px;font-weight:900;margin-bottom:12px}.tier-head p{color:#a0a0b8;font-size:17px;max-width:600px;margin:0 auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.card{background:rgba(15,15,30,.6);border:1px solid rgba(124,58,237,.2);border-radius:20px;padding:32px 28px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;flex-direction:column;text-decoration:none;color:inherit}.card:hover{transform:translateY(-6px);border-color:rgba(124,58,237,.5);box-shadow:0 20px 60px rgba(124,58,237,.15)}.card.featured{border-color:#7c3aed;box-shadow:0 20px 60px rgba(124,58,237,.2);position:relative}.card.featured::before{content:'MOST POPULAR';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#00d4ff,#7c3aed);padding:6px 16px;border-radius:50px;font-size:11px;font-weight:800;letter-spacing:1px;white-space:nowrap}.card .card-icon{font-size:36px;margin-bottom:14px}.card h3{font-size:22px;margin-bottom:8px;color:#fff}.card .card-price{font-family:'Playfair Display',serif;font-size:34px;font-weight:900;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:14px 0}.card .card-price small{font-size:14px;color:#a0a0b8;font-weight:400;font-family:'Inter',sans-serif;-webkit-text-fill-color:#a0a0b8;display:block;margin-top:4px}.card p.desc{color:#a0a0b8;font-size:15px;margin-bottom:18px;flex-grow:1;line-height:1.6}.card ul{list-style:none;margin:14px 0 22px;padding:0}.card li{padding:6px 0;color:#c0c0d0;font-size:14px;display:flex;gap:10px;align-items:flex-start}.card li::before{content:'✓';color:#00d4ff;font-weight:900;flex-shrink:0}.custom-cta{background:linear-gradient(135deg,rgba(124,58,237,.15),rgba(0,212,255,.1));border:1px solid rgba(124,58,237,.3);border-radius:24px;padding:60px 40px;text-align:center;margin-top:60px}.custom-cta h3{font-family:'Playfair Display',serif;font-size:38px;margin-bottom:14px;color:#fff}.custom-cta p{color:#c0c0d0;font-size:17px;max-width:600px;margin:0 auto 28px}.examples{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:24px auto 32px;max-width:800px}.example{background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);border-radius:50px;padding:8px 18px;font-size:13px;color:#c4a7ff;font-family:'JetBrains Mono',monospace}.breadcrumb{font-size:13px;color:#7c7c95;margin-bottom:20px;text-align:center}.breadcrumb a{color:#a0a0b8;text-decoration:none}.breadcrumb a:hover{color:#00d4ff}.page-hero{text-align:center;padding:60px 0 40px}.page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(40px,6vw,72px);font-weight:900;line-height:1.05;margin-bottom:24px;letter-spacing:-.02em}.page-hero .lede{font-size:20px;color:#c0c0d0;margin:0 auto 30px;max-width:720px}@media(max-width:768px){.tier-head h2{font-size:32px}.wrap{padding-top:40px}}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin-top:20px}.info-card{background:rgba(15,15,30,.6);border:1px solid rgba(124,58,237,.2);border-radius:24px;padding:40px}.info-card h2{font-family:'Playfair Display',serif;font-size:30px;margin-bottom:24px;color:#fff}.info-block{margin-bottom:28px}.info-block .label{font-family:'JetBrains Mono',monospace;font-size:11px;color:#7c3aed;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;display:block}.info-block .value{font-size:18px;color:#fff;display:flex;align-items:center;gap:12px}.info-block .value .icon{font-size:22px}.info-block a{color:#00d4ff;text-decoration:none;font-family:'JetBrains Mono',monospace;font-weight:700;border-bottom:1px solid rgba(0,212,255,.3);transition:border-color .2s;word-break:break-all}.info-block a:hover{border-bottom-color:#00d4ff}.area-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.area-tag{background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);border-radius:50px;padding:6px 14px;font-size:13px;color:#c4a7ff;font-family:'JetBrains Mono',monospace}.form-card{background:rgba(15,15,30,.6);border:1px solid rgba(124,58,237,.2);border-radius:24px;padding:40px}.form-card h2{font-family:'Playfair Display',serif;font-size:30px;margin-bottom:8px;color:#fff}.form-card .sub{color:#a0a0b8;margin-bottom:24px;font-size:15px}.form-card label{display:block;font-size:13px;color:#a0a0b8;margin-bottom:6px;font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.5px}.form-card input,.form-card textarea{width:100%;padding:14px 18px;background:rgba(255,255,255,.05);border:1px solid rgba(124,58,237,.3);border-radius:12px;color:#fff;font-size:15px;font-family:inherit;margin-bottom:18px;outline:none;transition:border-color .2s}.form-card input:focus,.form-card textarea:focus{border-color:#7c3aed}.form-card textarea{resize:vertical;min-height:140px}.form-card button{width:100%;padding:16px;font-size:16px}.success-msg{display:none;text-align:center;padding:30px;background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);border-radius:12px;color:#00ff88;margin-top:16px}.success-msg.show{display:block}.local-seo{margin-top:80px;text-align:center;padding:50px 30px;background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(0,212,255,.05));border:1px solid rgba(124,58,237,.2);border-radius:24px}.local-seo h3{font-family:'Playfair Display',serif;font-size:32px;margin-bottom:14px;color:#fff}.local-seo p{color:#c0c0d0;font-size:16px;max-width:720px;margin:0 auto;line-height:1.7}@media(max-width:860px){.contact-grid{grid-template-columns:1fr}}@media(max-width:768px){.info-card,.form-card{padding:28px}}.geek-content h2{font-family:'Playfair Display',serif;font-size:38px;font-weight:900;margin:64px 0 20px;letter-spacing:-.01em;display:flex;align-items:center;gap:16px}.geek-content h2 .num{font-family:'JetBrains Mono',monospace;font-size:18px;color:#7c3aed;background:rgba(124,58,237,.15);padding:6px 12px;border-radius:8px;font-weight:700}.geek-content h3{font-size:22px;margin:32px 0 12px;color:#fff}.geek-content p{margin-bottom:18px;color:#c0c0d0;font-size:17px;line-height:1.75}.geek-content p strong{color:#fff}.geek-content a.inline{color:#00d4ff;text-decoration:none;border-bottom:1px solid rgba(0,212,255,.3)}.geek-content a.inline:hover{border-bottom-color:#00d4ff}.callout{background:rgba(15,15,30,.6);border:1px solid rgba(124,58,237,.3);border-left:4px solid #7c3aed;border-radius:12px;padding:24px 28px;margin:28px 0}.callout strong{color:#fff;display:block;margin-bottom:8px;font-size:13px;letter-spacing:.5px;text-transform:uppercase;font-family:'JetBrains Mono',monospace}.code{background:#0a0a1a;border:1px solid rgba(124,58,237,.3);border-radius:12px;padding:20px 24px;font-family:'JetBrains Mono',monospace;font-size:14px;color:#c4a7ff;margin:24px 0;overflow-x:auto;line-height:1.6;white-space:pre}.code .comment{color:#6a6a8a}.code .key{color:#ec4899}.code .str{color:#00d4ff}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:32px 0}.stack-card{background:rgba(15,15,30,.6);border:1px solid rgba(124,58,237,.2);border-radius:16px;padding:24px;transition:transform .2s,border-color .2s}.stack-card:hover{transform:translateY(-3px);border-color:rgba(124,58,237,.5)}.stack-card .stack-icon{font-size:28px;margin-bottom:10px;display:block}.stack-card h4{font-size:17px;margin-bottom:6px;color:#fff}.stack-card p{font-size:14px;margin:0;color:#a0a0b8;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin:32px 0;padding:32px;background:rgba(15,15,30,.6);border:1px solid rgba(124,58,237,.3);border-radius:20px}.stat{text-align:center}.stat .stat-num{font-family:'Playfair Display',serif;font-size:48px;font-weight:900;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat .lbl{font-size:13px;color:#a0a0b8;margin-top:8px;text-transform:uppercase;letter-spacing:1px}.cta-block{text-align:center;padding:60px 30px;background:linear-gradient(135deg,rgba(124,58,237,.15),rgba(0,212,255,.1));border:1px solid rgba(124,58,237,.3);border-radius:24px;margin:60px 0 0}.cta-block h3{font-family:'Playfair Display',serif;font-size:36px;margin-bottom:14px;color:#fff}.cta-block p{margin-bottom:24px;color:#c0c0d0;font-size:17px}.tag{display:inline-block;padding:4px 10px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);border-radius:6px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#c4a7ff;margin:0 4px}.geek-wrap{max-width:880px;margin:0 auto;padding:60px 5% 40px}@media(max-width:768px){.geek-content h2{font-size:30px}}.demo-anim{max-width:1100px;margin:60px auto;background:rgba(15,15,30,.7);border:1px solid rgba(124,58,237,.25);border-radius:20px;padding:0;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}.demo-bar{padding:14px 20px;background:rgba(0,0,0,.4);border-bottom:1px solid rgba(124,58,237,.2);display:flex;align-items:center;gap:8px}.demo-dot{width:12px;height:12px;border-radius:50%}.demo-dot.r{background:#ff5f57}.demo-dot.y{background:#febc2e}.demo-dot.g{background:#28c840}.demo-bar .demo-title{margin-left:14px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#888}.demo-split{display:grid;grid-template-columns:1.2fr 1fr;min-height:420px}.demo-code{padding:24px;background:#0a0a14;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.8;color:#c4a7ff;overflow:hidden;border-right:1px solid rgba(124,58,237,.2)}.demo-code .c-com{color:#6a6a8a}.demo-code .c-key{color:#ec4899}.demo-code .c-str{color:#00d4ff}.demo-code .c-fn{color:#fbbf24}.demo-code .c-num{color:#00ff88}.demo-line{display:block;opacity:0;animation:demoLine 12s infinite}.demo-line.l1{animation-delay:0s}.demo-line.l2{animation-delay:.4s}.demo-line.l3{animation-delay:.8s}.demo-line.l4{animation-delay:1.2s}.demo-line.l5{animation-delay:1.6s}.demo-line.l6{animation-delay:2s}.demo-line.l7{animation-delay:2.4s}.demo-line.l8{animation-delay:2.8s}.demo-line.l9{animation-delay:3.2s}.demo-line.l10{animation-delay:3.6s}.demo-line.l11{animation-delay:4s}.demo-line.l12{animation-delay:4.4s}.demo-line.l13{animation-delay:4.8s}.demo-line.l14{animation-delay:5.2s}.demo-line.l15{animation-delay:5.6s}@keyframes demoLine{0%,4%{opacity:0;transform:translateX(-6px)}8%,80%{opacity:1;transform:translateX(0)}90%,100%{opacity:0}}.demo-tg{padding:24px;background:linear-gradient(180deg,#17212b 0%,#0e1621 100%);display:flex;flex-direction:column;gap:12px;overflow:hidden}.demo-tg-head{display:flex;align-items:center;gap:12px;padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:8px}.demo-tg-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#2aabee,#1d8acf);display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;font-size:15px}.demo-tg-info strong{display:block;font-size:14px;color:#fff}.demo-tg-info span{font-size:11px;color:#5d7a91}.demo-msg{max-width:85%;padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.45;font-family:'Inter',sans-serif;opacity:0;animation:demoMsg 12s infinite}.demo-msg.bot{background:#182533;color:#e0e8f0;border-bottom-left-radius:4px;align-self:flex-start}.demo-msg.user{background:#2b5278;color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.demo-msg.m1{animation-delay:6s}.demo-msg.m2{animation-delay:7s}.demo-msg.m3{animation-delay:8s}.demo-msg.m4{animation-delay:9s}.demo-msg.m5{animation-delay:10s}@keyframes demoMsg{0%,49%{opacity:0;transform:translateY(8px) scale(.95)}55%,80%{opacity:1;transform:translateY(0) scale(1)}90%,100%{opacity:0}}.demo-tg-time{font-size:10px;color:#5d7a91;text-align:center;padding:2px 0;opacity:0;animation:demoMsg 12s infinite;animation-delay:5.5s}@media(max-width:780px){.demo-split{grid-template-columns:1fr;min-height:auto}.demo-code{font-size:11px;padding:16px;border-right:none;border-bottom:1px solid rgba(124,58,237,.2)}.demo-tg{padding:16px}}.tactics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:40px 0}.tactic{background:rgba(15,15,30,.6);border:1px solid rgba(124,58,237,.2);border-radius:16px;padding:24px;transition:transform .2s,border-color .2s}.tactic:hover{transform:translateY(-3px);border-color:rgba(124,58,237,.5)}.tactic-num{font-family:'JetBrains Mono',monospace;font-size:11px;color:#7c3aed;background:rgba(124,58,237,.15);padding:4px 10px;border-radius:6px;display:inline-block;margin-bottom:12px;letter-spacing:1px;font-weight:700}.tactic h4{font-size:17px;margin-bottom:8px;color:#fff;font-weight:700}.tactic p{font-size:14px;color:#a0a0b8;line-height:1.6;margin:0}.geo-compare{width:100%;border-collapse:collapse;margin:24px 0}.geo-compare th,.geo-compare td{padding:16px 20px;text-align:left;border-bottom:1px solid rgba(124,58,237,.12);font-size:15px;vertical-align:top}.geo-compare th{background:rgba(124,58,237,.1);font-weight:700;font-size:13px;color:#c4a7ff;text-transform:uppercase;letter-spacing:.5px}.geo-compare td:first-child{font-weight:700;color:#fff;width:30%}.geo-compare .old-col{color:#a0a0b8}.geo-compare .new-col{color:#00d4ff;background:rgba(0,212,255,.04)}.checklist{list-style:none;padding:0;margin:24px 0}.checklist li{padding:12px 0 12px 36px;position:relative;color:#c0c0d0;font-size:15px;line-height:1.6;border-bottom:1px solid rgba(124,58,237,.08)}.checklist li::before{content:'✓';position:absolute;left:0;top:12px;color:#00ff88;font-size:18px;font-weight:900;width:24px;height:24px;background:rgba(0,255,136,.1);border-radius:50%;display:flex;align-items:center;justify-content:center}.checklist li:last-child{border-bottom:none}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin:40px 0}.blog-card{background:rgba(15,15,30,.6);border:1px solid rgba(124,58,237,.2);border-radius:20px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-6px);border-color:rgba(124,58,237,.5);box-shadow:0 20px 60px rgba(124,58,237,.15)}.blog-card-img{width:100%!important;aspect-ratio:16/9!important;height:auto!important;background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(124,58,237,.1));display:flex;align-items:center;justify-content:center;font-size:48px;border-bottom:1px solid rgba(124,58,237,.2)}.blog-card-img{overflow:hidden;aspect-ratio:16/9}.blog-card-img img{width:100%;height:100%;object-fit:cover;display:block}.blog-card-body{padding:24px;flex-grow:1;display:flex;flex-direction:column}.blog-card-cat{font-family:'JetBrains Mono',monospace;font-size:11px;color:#7c3aed;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-weight:700}.blog-card h3{font-family:'Playfair Display',serif;font-size:22px;line-height:1.3;margin-bottom:12px;color:#fff;font-weight:900}.blog-card-excerpt{color:#a0a0b8;font-size:14px;line-height:1.6;margin-bottom:16px;flex-grow:1}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#7c7c95;border-top:1px solid rgba(124,58,237,.1);padding-top:16px}.blog-card-meta .read-time{color:#00d4ff}.post-wrap{max-width:780px;margin:0 auto;padding:60px 5% 80px}.post-meta{display:flex;align-items:center;gap:16px;margin-bottom:32px;font-size:13px;color:#7c7c95}.post-meta .author{color:#c0c0d0;font-weight:600}.post-meta .dot{width:4px;height:4px;border-radius:50%;background:#7c7c95}.post-hero-img{width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;margin:32px 0;background:linear-gradient(135deg,rgba(0,212,255,.15),rgba(124,58,237,.15));border:1px solid rgba(124,58,237,.2)}.post-hero-img img{width:100%;height:100%;object-fit:cover}.post-content h2{font-family:'Playfair Display',serif;font-size:32px;font-weight:900;margin:48px 0 16px;color:#fff;line-height:1.2}.post-content h3{font-size:22px;font-weight:700;margin:32px 0 12px;color:#fff}.post-content p{font-size:17px;line-height:1.8;color:#c0c0d0;margin-bottom:20px}.post-content p strong{color:#fff}.post-content a{color:#00d4ff;text-decoration:none;border-bottom:1px solid rgba(0,212,255,.3)}.post-content a:hover{border-bottom-color:#00d4ff}.post-content ul,.post-content ol{margin:20px 0 20px 24px;color:#c0c0d0;font-size:17px;line-height:1.8}.post-content li{margin-bottom:8px}.post-content blockquote{border-left:4px solid #7c3aed;background:rgba(124,58,237,.06);padding:20px 28px;margin:32px 0;border-radius:0 12px 12px 0;font-style:italic;color:#e0e0ec;font-size:18px;line-height:1.7}.post-cta{margin-top:60px;padding:40px;background:linear-gradient(135deg,rgba(124,58,237,.15),rgba(0,212,255,.1));border:1px solid rgba(124,58,237,.3);border-radius:20px;text-align:center}.post-cta h3{font-family:'Playfair Display',serif;font-size:28px;color:#fff;margin-bottom:12px}.post-cta p{color:#c0c0d0;margin-bottom:24px;font-size:16px}@media(max-width:768px){.tactics-grid{grid-template-columns:1fr}.geo-compare{font-size:13px}.geo-compare th,.geo-compare td{padding:12px}.post-content h2{font-size:24px}.post-content p{font-size:16px}}.demo-ai{background:linear-gradient(180deg,#0a0a14 0%,#0d0d1a 100%);display:flex;flex-direction:column;font-family:'Inter',sans-serif;color:#e0e0ec;padding:0;overflow:hidden;position:relative}.demo-ai-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(124,58,237,.2);background:rgba(124,58,237,.05)}.demo-ai-logo{width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,#00d4ff,#7c3aed);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;color:#fff}.demo-ai-name{font-size:13px;font-weight:700;color:#fff}.demo-ai-tag{font-size:10px;color:#7c7c95;padding:2px 8px;background:rgba(0,212,255,.1);border-radius:4px;border:1px solid rgba(0,212,255,.2);margin-left:auto;text-transform:uppercase;letter-spacing:.5px}.demo-ai-body{flex:1;padding:18px;overflow:hidden;display:flex;flex-direction:column;gap:14px;font-size:13px;line-height:1.6}.demo-ai-q{padding:10px 14px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.25);border-radius:10px;color:#c4a7ff;font-weight:600;opacity:0;animation:aiq 12s infinite}.demo-ai-think{font-size:11px;color:#7c7c95;font-style:italic;display:flex;align-items:center;gap:6px;opacity:0;animation:aithink 12s infinite}.demo-ai-think::before{content:'';width:8px;height:8px;border-radius:50%;background:#00d4ff;animation:pulse 1.4s infinite}.demo-ai-chunk{opacity:0;color:#c0c0d0}.demo-ai-chunk strong{color:#fff;font-weight:700}.demo-ai-c1{animation:aifade 12s infinite;animation-delay:0s}.demo-ai-c2{animation:aifade 12s infinite;animation-delay:0s}.demo-ai-c3{animation:aifade 12s infinite;animation-delay:0s}.demo-ai-cite{display:inline-block;padding:2px 8px;background:rgba(0,212,255,.12);border:1px solid rgba(0,212,255,.35);border-radius:6px;color:#00d4ff;font-size:11px;font-weight:700;text-decoration:none;margin:0 2px;font-family:'JetBrains Mono',monospace}.demo-ai-sources{margin-top:auto;padding-top:12px;border-top:1px solid rgba(124,58,237,.15);font-size:10px;color:#7c7c95;opacity:0;animation:aisources 12s infinite}.demo-ai-sources strong{color:#c4a7ff;text-transform:uppercase;letter-spacing:.5px;font-size:9px;display:block;margin-bottom:6px}.demo-ai-source{display:flex;align-items:center;gap:8px;padding:6px 0;color:#a0a0b8}.demo-ai-source .src-num{width:18px;height:18px;border-radius:4px;background:rgba(0,212,255,.15);color:#00d4ff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.demo-ai-source .src-name{color:#00d4ff;font-weight:600}@keyframes aiq{0%,3%{opacity:0;transform:translateY(-6px)}6%,98%{opacity:1;transform:translateY(0)}100%{opacity:0}}@keyframes aithink{0%,8%{opacity:0}11%,22%{opacity:1}25%,100%{opacity:0}}@keyframes aifade{0%,25%{opacity:0;transform:translateY(6px)}30%,98%{opacity:1;transform:translateY(0)}100%{opacity:0}}.demo-ai-c2{animation-name:aifade2}.demo-ai-c3{animation-name:aifade3}@keyframes aifade2{0%,38%{opacity:0;transform:translateY(6px)}43%,98%{opacity:1;transform:translateY(0)}100%{opacity:0}}@keyframes aifade3{0%,52%{opacity:0;transform:translateY(6px)}57%,98%{opacity:1;transform:translateY(0)}100%{opacity:0}}@keyframes aisources{0%,68%{opacity:0;transform:translateY(6px)}73%,98%{opacity:1;transform:translateY(0)}100%{opacity:0}}@keyframes pulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.footer-addr{color:#7c7c95;font-size:13px;line-height:1.6;margin:8px 0 0;max-width:320px}.footer-addr a{color:#a0a0b8;text-decoration:none;transition:color .2s}.footer-addr a:hover{color:#00d4ff}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:40px auto 0;padding:0 20px}.why-card{background:rgba(20,20,38,.6);border:1px solid rgba(124,58,237,.22);border-radius:18px;padding:28px 26px;backdrop-filter:blur(10px);transition:transform .3s,border-color .3s,box-shadow .3s}.why-card:hover{transform:translateY(-4px);border-color:rgba(0,212,255,.5);box-shadow:0 12px 40px rgba(0,212,255,.1)}.why-icon{font-size:32px;display:block;margin-bottom:14px}.why-card h3{font-size:19px;font-weight:800;margin:0 0 10px;color:#fff;letter-spacing:-.2px}.why-card p{color:#c8c8dc;font-size:14.5px;line-height:1.6;margin:0}@media (max-width:980px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.why-grid{grid-template-columns:1fr;gap:16px}.why-card{padding:24px 22px}}.work-row{display:grid;grid-template-columns:1.9fr 1fr;gap:48px;align-items:start;margin-top:48px;margin-bottom:24px}.work-img-wrap{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px rgba(0,0,0,.4);background:#0a0a0a}.work-img{width:100%;height:auto;display:block}.work-body{display:flex;flex-direction:column;gap:18px;padding:8px 0}.work-url{font-family:'JetBrains Mono',monospace;font-size:14px;color:#9aa;letter-spacing:0.02em}.work-body p{margin:0;line-height:1.6;opacity:.85}.work-bullets{margin:8px 0;padding-left:20px;line-height:2;opacity:.82}.work-bullets li{margin-bottom:4px}.work-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px}.btn-ghost{display:inline-block;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;border:1px solid rgba(255,255,255,.15);color:#fff;background:transparent;transition:all .15s ease}.btn-ghost:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.3)}.work-soon-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:48px}.work-soon-card{padding:36px 32px;border:1px dashed rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.02)}.work-soon-card h3{margin:0 0 8px;font-size:20px;font-family:'Playfair Display',serif}.work-soon-card p{margin:0;opacity:.72;font-size:14px;line-height:1.55}.work-cta{margin-top:60px;text-align:center}.work-cta-row{margin-top:20px}@media (max-width:860px){.work-row{grid-template-columns:1fr;gap:24px}.work-soon-grid{grid-template-columns:1fr}}.skip-link{position:absolute;left:-9999px;top:0;background:#7c3aed;color:#fff;padding:10px 16px;border-radius:0 0 8px 0;text-decoration:none;font-weight:600;font-size:14px;z-index:10000}.skip-link:focus{left:0}nav .nav-links>a[aria-current="page"]{color:#fff;position:relative}nav .nav-links>a[aria-current="page"]::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:linear-gradient(90deg,#00d4ff,#7c3aed);border-radius:2px}nav .logo[aria-current="page"]::after{display:none}*:focus{outline:none}*:focus-visible{outline:2px solid #7c3aed;outline-offset:3px;border-radius:4px}.btn:focus-visible,.btn-ghost:focus-visible{outline-offset:4px;border-radius:8px}.skip-link:focus-visible{outline:none}
/* === LIGHTHOUSE NAV FLAGSHIP PILL (added 2026-04-30) === */
.nav-brand-group{display:flex;align-items:center;gap:14px}
.nav-flagship{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;background:rgba(255,170,0,.06);border:1px solid rgba(255,170,0,.25);border-radius:10px;text-decoration:none;transition:all .2s ease;line-height:1}
.nav-flagship:hover{background:rgba(255,170,0,.1);border-color:rgba(255,170,0,.5);transform:translateY(-1px)}
.nav-flagship-icon{font-size:14px;filter:drop-shadow(0 0 6px rgba(255,170,0,.5))}
.nav-flagship-text{display:flex;flex-direction:column;gap:1px}
.nav-flagship-label{font-size:12px;font-weight:700;color:#ffaa00;letter-spacing:.2px;line-height:1}
.nav-flagship-sub{font-size:9px;color:#a08560;text-transform:uppercase;letter-spacing:.8px;font-weight:600;line-height:1}
@media(max-width:600px){.nav-flagship{display:none}}
/* === END LIGHTHOUSE NAV FLAGSHIP PILL === */
/* === LIGHTHOUSE NAV FLAGSHIP — SPECIFICITY FIX (added 2026-04-30 12:30) === */
nav .nav-flagship,
nav .nav-flagship:visited,
nav .nav-flagship:link{color:#ffaa00;text-decoration:none}
nav .nav-flagship .nav-flagship-label{color:#ffaa00;display:block}
nav .nav-flagship .nav-flagship-sub{color:#a08560;display:block}
nav .nav-flagship .nav-flagship-icon{color:#ffaa00}
nav .nav-flagship-text{display:flex;flex-direction:column;gap:2px;line-height:1}
/* === END LIGHTHOUSE NAV FLAGSHIP — SPECIFICITY FIX === */
/* === LIGHTHOUSE ARTICLE STYLES (added 2026-04-30) === */
.lh-article-wrap{max-width:780px;margin:0 auto;padding:60px 5% 40px}
.lh-article-header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid rgba(255,170,0,.15)}
.lh-article-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;color:#ffaa00;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;font-weight:700}
.lh-article-title{font-family:'Playfair Display',serif;font-size:clamp(34px,5vw,56px);font-weight:900;line-height:1.1;margin:0 0 16px;color:#fff;letter-spacing:-.5px}
.lh-article-subtitle{font-size:clamp(17px,2vw,21px);color:#c0c0d0;margin:0 0 24px;line-height:1.5;font-style:italic}
.lh-article-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#7c7c95;font-family:'JetBrains Mono',monospace}
.lh-article-meta span{display:inline-flex;align-items:center;gap:6px}
.lh-article-body .lh-h2{font-family:'Playfair Display',serif;font-size:32px;font-weight:900;margin:48px 0 18px;color:#fff;line-height:1.18;letter-spacing:-.3px}
.lh-article-body .lh-h3{font-size:22px;font-weight:800;margin:32px 0 12px;color:#fff}
.lh-article-body .lh-p{font-size:17px;line-height:1.8;color:#c8c8dc;margin-bottom:20px}
.lh-article-body .lh-p strong{color:#fff;font-weight:600}
.lh-article-body .lh-list{margin:18px 0 22px 24px;padding:0}
.lh-article-body .lh-list li{font-size:17px;line-height:1.7;color:#c8c8dc;margin-bottom:10px;padding-left:6px}
.lh-article-body .lh-list li::marker{color:#ffaa00}
.lh-article-body .lh-quote{border-left:4px solid #ffaa00;background:rgba(255,170,0,.05);padding:22px 28px;margin:32px 0;border-radius:0 12px 12px 0;font-size:18px;line-height:1.65;color:#e0e0ec;font-style:italic}
.lh-article-body .lh-hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(255,170,0,.3),transparent);margin:48px 0}
.lh-article-body .lh-term{border-bottom:1px dotted rgba(255,170,0,.5);cursor:help;color:#ffd28c}
.lh-article-body .lh-term:hover{border-bottom-color:#ffaa00;color:#ffaa00}
.lh-article-body .lh-live-value{display:inline-block;font-family:'JetBrains Mono',monospace;background:rgba(255,170,0,.1);border:1px solid rgba(255,170,0,.3);padding:2px 8px;border-radius:4px;color:#ffaa00;font-weight:700;font-size:.95em}
.lh-article-body .lh-footnote-ref{font-size:11px;vertical-align:super;line-height:0}
.lh-article-body .lh-footnote-ref a{color:#ffaa00;text-decoration:none;padding:0 2px;font-weight:700;font-family:'JetBrains Mono',monospace}
.lh-article-body .lh-footnote-ref a:hover{color:#fff;background:rgba(255,170,0,.2);border-radius:3px}
.lh-article-body .lh-broken-cite{background:rgba(255,80,80,.15);color:#ff8080;padding:0 6px;border-radius:3px;font-size:.9em;font-family:'JetBrains Mono',monospace}
.lh-footnotes{margin-top:80px;padding-top:40px;border-top:2px solid rgba(255,170,0,.2)}
.lh-footnotes .lh-h2{font-family:'Playfair Display',serif;font-size:28px;margin-bottom:16px;color:#fff}
.lh-fn-intro{color:#a0a0b8;font-size:15px;margin-bottom:32px;line-height:1.6}
.lh-fn-list{list-style:none;counter-reset:fn;padding:0;margin:0}
.lh-fn-item{counter-increment:fn;position:relative;padding:20px 24px 20px 60px;margin-bottom:14px;background:rgba(15,15,30,.5);border:1px solid rgba(255,170,0,.12);border-radius:12px;font-size:14px;line-height:1.6;color:#b0b0c0}
.lh-fn-item::before{content:'[' counter(fn) ']';position:absolute;left:18px;top:20px;color:#ffaa00;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px}
.lh-fn-back{position:absolute;right:18px;top:18px;color:#7c7c95;text-decoration:none;font-size:18px;transition:color .2s}
.lh-fn-back:hover{color:#ffaa00}
.lh-fn-claim{color:#e0e0ec;margin-bottom:10px;font-size:15px}
.lh-fn-sources{list-style:none;padding:0;margin:8px 0 0;font-size:13px}
.lh-fn-sources li{padding:4px 0;color:#a0a0b8}
.lh-fn-sources a{color:#ffaa00;text-decoration:none;border-bottom:1px solid rgba(255,170,0,.3)}
.lh-fn-sources a:hover{border-bottom-color:#ffaa00}
.lh-fn-method{color:#7c7c95;font-size:12px;font-family:'JetBrains Mono',monospace}
.lh-fn-verified{margin-top:8px;font-size:11px;color:#7c7c95;font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.5px}
.lh-article-nav{margin-top:48px;padding:32px;background:rgba(15,15,30,.6);border:1px solid rgba(255,170,0,.2);border-radius:16px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.lh-article-nav-item{flex:1;min-width:240px}
.lh-article-nav-item .lh-nav-label{font-family:'JetBrains Mono',monospace;font-size:11px;color:#7c7c95;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;display:block}
.lh-article-nav-item .lh-nav-title{font-size:17px;font-weight:700;color:#ffaa00;text-decoration:none;display:block;line-height:1.4}
.lh-article-nav-item .lh-nav-title:hover{color:#fff}
@media(max-width:680px){.lh-article-body .lh-h2{font-size:26px}.lh-article-body .lh-p{font-size:16px}}
/* === END LIGHTHOUSE ARTICLE STYLES === */
/* === LIGHTHOUSE NAV (added 2026-04-30) === */
.lh-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:24px;padding:16px 5%;background:rgba(8,8,16,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,170,0,.15)}
.lh-nav-back{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#7c7c95;text-decoration:none;text-transform:uppercase;letter-spacing:1px;padding:6px 12px;border:1px solid rgba(124,124,149,.3);border-radius:6px;transition:all .2s}
.lh-nav-back:hover{color:#ffaa00;border-color:rgba(255,170,0,.5)}
.lh-nav-brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:18px;letter-spacing:-.3px}
.lh-nav-icon{font-size:22px;color:#ffaa00;filter:drop-shadow(0 0 8px rgba(255,170,0,.5))}
.lh-nav-wordmark{background:linear-gradient(135deg,#ffaa00 0%,#ff8800 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}
.lh-nav-toggle{display:none;background:none;border:1px solid rgba(255,170,0,.3);color:#ffaa00;width:38px;height:38px;border-radius:6px;font-size:18px;cursor:pointer;margin-left:auto}
.lh-nav-links{display:flex;gap:8px;margin-left:auto;align-items:center}
.lh-nav-link{font-family:'JetBrains Mono',monospace;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#c0c0d0;text-decoration:none;padding:8px 14px;border-radius:6px;transition:all .2s}
.lh-nav-link:hover{color:#ffaa00;background:rgba(255,170,0,.08)}
.lh-nav-link.active{color:#ffaa00;background:rgba(255,170,0,.12);border:1px solid rgba(255,170,0,.25)}
@media (max-width:760px){
.lh-nav{padding:12px 5%;gap:12px;flex-wrap:wrap}
.lh-nav-toggle{display:flex;align-items:center;justify-content:center}
.lh-nav-links{display:none;flex-basis:100%;flex-direction:column;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,170,0,.15)}
.lh-nav-links.open{display:flex}
.lh-nav-link{padding:12px 14px;font-size:14px}
.lh-nav-back{font-size:11px;padding:5px 10px}
.lh-nav-brand{font-size:16px}
}
/* === END LIGHTHOUSE NAV === */
/* === LIGHTHOUSE FOOTER (added 2026-04-30) === */
.lh-footer{margin-top:80px;padding:40px 5% 32px;border-top:1px solid rgba(255,170,0,.15);background:rgba(8,8,16,.6)}
.lh-footer-inner{max-width:780px;margin:0 auto;text-align:center}
.lh-footer-brand{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px}
.lh-footer-icon{font-size:22px;color:#ffaa00;filter:drop-shadow(0 0 8px rgba(255,170,0,.5))}
.lh-footer-wordmark{font-family:'JetBrains Mono',monospace;font-weight:900;font-size:18px;background:linear-gradient(135deg,#ffaa00 0%,#ff8800 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.lh-footer-tagline{color:#a0a0b8;font-size:14px;margin:0 0 8px;line-height:1.5}
.lh-footer-tagline a{color:#ffaa00;text-decoration:none;border-bottom:1px solid rgba(255,170,0,.3)}
.lh-footer-tagline a:hover{border-bottom-color:#ffaa00}
.lh-footer-disclaimer{color:#7c7c95;font-size:12px;margin:0 0 16px;font-family:'JetBrains Mono',monospace}
.lh-footer-disclaimer a{color:#a0a0b8;text-decoration:underline}
.lh-footer-copy{color:#5a5a72;font-size:11px;font-family:'JetBrains Mono',monospace;margin:0}
/* === END LIGHTHOUSE FOOTER === */
/* === LIGHTHOUSE NAV — SPECIFICITY FIX (added 2026-04-30 16:42) === */
/* Use double-class selectors to beat any earlier nav rules */
nav.lh-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:24px;padding:16px 5%;background:rgba(8,8,16,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,170,0,.15)}
nav.lh-nav .lh-nav-back,
nav.lh-nav .lh-nav-back:link,
nav.lh-nav .lh-nav-back:visited{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#7c7c95!important;text-decoration:none!important;text-transform:uppercase;letter-spacing:1px;padding:6px 12px;border:1px solid rgba(124,124,149,.3);border-radius:6px;transition:all .2s;background:none}
nav.lh-nav .lh-nav-back:hover{color:#ffaa00!important;border-color:rgba(255,170,0,.5)}
nav.lh-nav .lh-nav-brand,
nav.lh-nav .lh-nav-brand:link,
nav.lh-nav .lh-nav-brand:visited{display:inline-flex;align-items:center;gap:8px;text-decoration:none!important;color:#fff!important;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:18px;letter-spacing:-.3px;background:none}
nav.lh-nav .lh-nav-icon{font-size:22px;color:#ffaa00;filter:drop-shadow(0 0 8px rgba(255,170,0,.5))}
nav.lh-nav .lh-nav-wordmark{background:linear-gradient(135deg,#ffaa00 0%,#ff8800 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;color:transparent}
nav.lh-nav .lh-nav-toggle{display:none;background:none;border:1px solid rgba(255,170,0,.3);color:#ffaa00;width:38px;height:38px;border-radius:6px;font-size:18px;cursor:pointer;margin-left:auto;padding:0;align-items:center;justify-content:center}
nav.lh-nav .lh-nav-links{display:flex;gap:8px;margin-left:auto;align-items:center;flex-direction:row}
nav.lh-nav .lh-nav-link,
nav.lh-nav .lh-nav-link:link,
nav.lh-nav .lh-nav-link:visited{font-family:'JetBrains Mono',monospace;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#c0c0d0!important;text-decoration:none!important;padding:8px 14px;border-radius:6px;transition:all .2s;background:none;border:1px solid transparent}
nav.lh-nav .lh-nav-link:hover{color:#ffaa00!important;background:rgba(255,170,0,.08)}
nav.lh-nav .lh-nav-link.active{color:#ffaa00!important;background:rgba(255,170,0,.12);border:1px solid rgba(255,170,0,.25)}
@media (max-width:760px){
nav.lh-nav{padding:12px 5%;gap:12px;flex-wrap:wrap}
nav.lh-nav .lh-nav-toggle{display:inline-flex}
nav.lh-nav .lh-nav-links{display:none;flex-basis:100%;flex-direction:column;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,170,0,.15)}
nav.lh-nav .lh-nav-links.open{display:flex}
nav.lh-nav .lh-nav-link{padding:12px 14px;font-size:14px}
nav.lh-nav .lh-nav-back{font-size:11px;padding:5px 10px}
nav.lh-nav .lh-nav-brand{font-size:16px}
}
/* === END LIGHTHOUSE NAV — SPECIFICITY FIX === */
/* === LH-MARK DESCENDER FIX (added 2026-04-30 16:48) === */
/* Playfair lowercase g/y/p descenders clip at line-height:1 — bump to 1.15 */
.lh-mark{line-height:1.15!important;padding-bottom:0.1em}
/* === END LH-MARK DESCENDER FIX === */
/* === LIGHTHOUSE LEARN HUB (added 2026-04-30 16:55) === */
.lh-learn-hero{padding:80px 5% 60px;text-align:center}
.lh-learn-hero-inner{max-width:780px;margin:0 auto}
.lh-learn-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;color:#ffaa00;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px;font-weight:700}
.lh-learn-title{font-family:'Playfair Display',serif;font-size:clamp(40px,6vw,68px);font-weight:900;line-height:1.1;margin:0 0 18px;color:#fff;letter-spacing:-1px}
.lh-learn-subtitle{font-size:clamp(17px,2vw,21px);color:#c0c0d0;line-height:1.5;margin:0 auto 32px;max-width:620px}
.lh-learn-progress{display:flex;align-items:center;gap:16px;justify-content:center;flex-wrap:wrap;margin:0}
.lh-progress-bar{display:inline-block;width:240px;height:6px;background:rgba(124,124,149,.2);border-radius:3px;overflow:hidden;position:relative}
.lh-progress-fill{display:block;height:100%;background:linear-gradient(90deg,#ffaa00,#ff8800);border-radius:3px;transition:width .8s ease-out}
.lh-progress-text{font-family:'JetBrains Mono',monospace;font-size:12px;color:#7c7c95;text-transform:uppercase;letter-spacing:1px}
.lh-learn-grid-section{padding:20px 5% 60px}
.lh-learn-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.lh-learn-card{display:block;padding:28px;background:rgba(15,15,30,.5);border:1px solid rgba(255,170,0,.12);border-radius:16px;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer}
.lh-learn-card:hover{border-color:rgba(255,170,0,.4);background:rgba(20,20,38,.7);transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,170,0,.08)}
.lh-learn-card-planned{cursor:not-allowed;opacity:.55}
.lh-learn-card-planned:hover{transform:none;border-color:rgba(255,170,0,.12);background:rgba(15,15,30,.5);box-shadow:none}
.lh-card-eyebrow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.lh-card-num{font-family:'JetBrains Mono',monospace;font-size:11px;color:#7c7c95;text-transform:uppercase;letter-spacing:1.2px}
.lh-card-status-live{font-family:'JetBrains Mono',monospace;font-size:10px;color:#000;background:#ffaa00;padding:3px 8px;border-radius:4px;font-weight:700;letter-spacing:1px}
.lh-card-status-planned{font-family:'JetBrains Mono',monospace;font-size:10px;color:#7c7c95;background:rgba(124,124,149,.15);padding:3px 8px;border-radius:4px;font-weight:700;letter-spacing:1px;border:1px solid rgba(124,124,149,.25)}
.lh-card-title{font-family:'Playfair Display',serif;font-size:24px;font-weight:900;color:#fff;margin:0 0 8px;line-height:1.2;letter-spacing:-.3px}
.lh-card-subtitle{font-size:15px;color:#ffaa00;font-style:italic;margin:0 0 14px;line-height:1.45}
.lh-card-summary{font-size:14px;color:#a0a0b8;line-height:1.6;margin:0 0 18px}
.lh-card-meta{display:flex;gap:14px;font-size:12px;color:#7c7c95;font-family:'JetBrains Mono',monospace}
.lh-learn-cta{padding:40px 5% 80px;text-align:center}
.lh-learn-cta-inner{max-width:640px;margin:0 auto}
.lh-cta-title{font-family:'Playfair Display',serif;font-size:28px;font-weight:900;color:#fff;margin:0 0 14px}
.lh-cta-text{color:#a0a0b8;font-size:16px;line-height:1.7;margin:0}
.lh-cta-text a{color:#ffaa00;text-decoration:none;border-bottom:1px solid rgba(255,170,0,.3)}
.lh-cta-text a:hover{border-bottom-color:#ffaa00}
@media (max-width:680px){
.lh-learn-hero{padding:48px 5% 32px}
.lh-learn-grid{grid-template-columns:1fr;gap:16px}
.lh-learn-card{padding:22px}
}
/* === END LIGHTHOUSE LEARN HUB === */
/* === LIGHTHOUSE DASHBOARD (added 2026-04-30 17:05) === */
.lh-dash-wrap{max-width:1100px;margin:0 auto;padding:48px 5% 60px}
.lh-dash-header{margin-bottom:32px}
.lh-dash-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;color:#ffaa00;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:14px}
.lh-dash-title{font-family:'Playfair Display',serif;font-size:clamp(36px,5vw,52px);font-weight:900;line-height:1.1;color:#fff;letter-spacing:-.5px;margin:0 0 12px}
.lh-dash-sub{font-size:17px;color:#c0c0d0;line-height:1.5;margin:0}
.lh-dash-sub strong{color:#fff;font-family:'JetBrains Mono',monospace;font-size:15px}
/* Regime callout */
.lh-dash-regime{padding:32px;border-radius:18px;border:2px solid var(--regime-color,#ffaa00);background:linear-gradient(135deg,rgba(15,15,30,.7) 0%,rgba(20,20,40,.8) 100%);position:relative;margin-bottom:24px;box-shadow:0 0 40px rgba(255,170,0,.06)}
.lh-dash-regime::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--regime-color,#ffaa00);border-radius:18px 18px 0 0}
.lh-regime-label{font-family:'JetBrains Mono',monospace;font-size:11px;color:#7c7c95;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}
.lh-regime-name{font-family:'Playfair Display',serif;font-size:clamp(40px,6vw,64px);font-weight:900;color:var(--regime-color,#ffaa00);line-height:1;margin-bottom:14px;letter-spacing:-1px}
.lh-regime-text{font-size:17px;color:#e0e0ec;line-height:1.55;margin:0 0 16px;max-width:680px}
.lh-regime-meta{font-family:'JetBrains Mono',monospace;font-size:13px;color:#a0a0b8;text-transform:uppercase;letter-spacing:1px}
.lh-regime-meta strong{color:#fff;font-weight:700}
/* CCC warning */
.lh-dash-warning{display:flex;gap:18px;padding:24px 28px;border-radius:16px;border:1px solid rgba(245,158,11,.4);background:linear-gradient(135deg,rgba(245,158,11,.08),rgba(245,158,11,.03));margin-bottom:32px;box-shadow:0 0 30px rgba(245,158,11,.05)}
.lh-warning-icon{font-size:28px;flex-shrink:0;line-height:1;color:#f59e0b}
.lh-warning-body{flex:1}
.lh-warning-title{font-family:'JetBrains Mono',monospace;font-size:12px;color:#f59e0b;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:8px}
.lh-warning-body p{color:#e0e0ec;font-size:15px;line-height:1.6;margin:0 0 12px}
.lh-warning-body strong{color:#fff;font-family:'JetBrains Mono',monospace;font-weight:700}
.lh-warning-link{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:12px;color:#f59e0b;text-decoration:none;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(245,158,11,.4);padding-bottom:2px}
.lh-warning-link:hover{color:#fff;border-bottom-color:#fff}
/* Three signal cards */
.lh-sig-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:48px}
.lh-sig-card{display:block;padding:24px;background:rgba(15,15,30,.5);border:1px solid rgba(255,170,0,.15);border-radius:14px;text-decoration:none;color:inherit;transition:all .25s ease}
.lh-sig-card:hover{border-color:rgba(255,170,0,.4);transform:translateY(-2px);background:rgba(20,20,38,.7);box-shadow:0 8px 24px rgba(255,170,0,.08)}
.lh-sig-card-disabled{cursor:default}
.lh-sig-card-disabled:hover{transform:none;border-color:rgba(255,170,0,.15);background:rgba(15,15,30,.5);box-shadow:none}
.lh-sig-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;color:#7c7c95;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}
.lh-sig-value{font-family:'JetBrains Mono',monospace;font-size:38px;font-weight:700;color:#fff;line-height:1;letter-spacing:-1px;margin-bottom:8px}
.lh-sig-trend{font-family:'JetBrains Mono',monospace;font-size:12px;color:#a0a0b8;margin-bottom:14px}
.lh-sig-context{font-size:14px;color:#c0c0d0;line-height:1.55;margin-bottom:14px}
.lh-sig-link{font-family:'JetBrains Mono',monospace;font-size:11px;color:#ffaa00;text-transform:uppercase;letter-spacing:1.2px;font-weight:700}
.lh-sig-link-soon{color:#7c7c95}
/* Detailed series rows */
.lh-dash-table{margin-bottom:48px}
.lh-dash-h2{font-family:'Playfair Display',serif;font-size:28px;font-weight:900;color:#fff;margin:0 0 20px}
.lh-dash-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.lh-dash-row{padding:16px;background:rgba(15,15,30,.4);border:1px solid rgba(124,124,149,.15);border-radius:10px;display:flex;flex-direction:column;gap:4px;transition:border-color .2s ease}
.lh-dash-row:hover{border-color:rgba(255,170,0,.25)}
.lh-dash-row-label{font-family:'JetBrains Mono',monospace;font-size:11px;color:#7c7c95;text-transform:uppercase;letter-spacing:1px}
.lh-dash-row-value{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:700;color:#fff;letter-spacing:-.5px}
.lh-dash-row-trend{font-family:'JetBrains Mono',monospace;font-size:12px}
.lh-dash-row-date{font-family:'JetBrains Mono',monospace;font-size:10px;color:#5a5a72;letter-spacing:.5px}
.lh-trend-up{color:#ef4444}
.lh-trend-down{color:#22c55e}
.lh-trend-flat{color:#7c7c95}
/* Footer note */
.lh-dash-footer-note{padding:24px;background:rgba(8,8,16,.5);border-radius:12px;border:1px solid rgba(124,124,149,.15)}
.lh-dash-footer-note p{font-size:13px;color:#a0a0b8;line-height:1.6;margin:0 0 8px}
.lh-dash-footer-note p:last-child{margin-bottom:0}
.lh-dash-footer-note a{color:#ffaa00;text-decoration:none;border-bottom:1px solid rgba(255,170,0,.3)}
.lh-dash-footer-note a:hover{border-bottom-color:#ffaa00}
.lh-dash-footer-note strong{color:#fff;font-family:'JetBrains Mono',monospace;font-weight:700}
@media (max-width:680px){
.lh-dash-wrap{padding:32px 5% 40px}
.lh-dash-regime{padding:24px}
.lh-sig-grid{grid-template-columns:1fr;gap:14px}
.lh-sig-value{font-size:32px}
.lh-dash-rows{grid-template-columns:1fr;gap:10px}
}
/* === END LIGHTHOUSE DASHBOARD === */
/* === LIGHTHOUSE DASHBOARD V2 — compact single-viewport (added 2026-04-30 17:15) === */
.lh-dash-body{overflow-x:hidden}
.lh-dash2-wrap{max-width:1280px;margin:0 auto;padding:24px 4% 32px}
/* Top strip: regime + composite + meta */
.lh-dash2-top{display:grid;grid-template-columns:1.4fr 1.4fr 1fr;gap:14px;margin-bottom:18px;align-items:stretch}
.lh-dash2-regime,.lh-dash2-score{padding:14px 18px;border-radius:12px;background:rgba(15,15,30,.6);border:1px solid rgba(255,170,0,.12);display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}
.lh-dash2-regime{border-left:3px solid var(--rcolor,#22c55e)}
.lh-dash2-score{border-left:3px solid var(--scolor,#3b82f6)}
.lh-dash2-regime-label,.lh-dash2-score-label{font-family:'JetBrains Mono',monospace;font-size:10px;color:#7c7c95;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}
.lh-dash2-regime-name{font-family:'Playfair Display',serif;font-size:32px;font-weight:900;color:var(--rcolor,#22c55e);line-height:1;letter-spacing:-1px}
.lh-dash2-score-value{font-family:'JetBrains Mono',monospace;font-size:32px;font-weight:700;color:var(--scolor,#3b82f6);line-height:1;letter-spacing:-1px}
.lh-dash2-regime-desc,.lh-dash2-score-interp{font-size:13px;color:#c0c0d0;line-height:1.4}
.lh-dash2-meta{padding:14px 18px;border-radius:12px;background:rgba(15,15,30,.4);border:1px solid rgba(124,124,149,.12);display:flex;flex-direction:column;gap:6px;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:11px;color:#a0a0b8;text-transform:uppercase;letter-spacing:1px}
.lh-dash2-meta strong{color:#fff;font-weight:700}
/* Rows */
.lh-dash2-row{margin-bottom:14px}
.lh-dash2-row-label{font-family:'JetBrains Mono',monospace;font-size:10px;color:#7c7c95;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:6px;padding-left:4px;display:flex;justify-content:space-between;align-items:baseline}
.lh-dash2-row-sub{color:#5a5a72;font-size:9px;letter-spacing:1px}
.lh-dash2-cells{display:grid;gap:10px}
.lh-dash2-cells-5{grid-template-columns:repeat(5,1fr)}
.lh-dash2-cells-4{grid-template-columns:repeat(4,1fr)}
.lh-dash2-cells-3{grid-template-columns:repeat(3,1fr)}
/* Cells */
.lh-cell{padding:14px 16px;background:rgba(15,15,30,.5);border:1px solid rgba(124,124,149,.15);border-radius:10px;display:flex;flex-direction:column;gap:6px;min-height:88px;justify-content:center;transition:border-color .2s,transform .2s}
.lh-cell:hover{border-color:rgba(255,170,0,.3);transform:translateY(-1px)}
.lh-cell-warn-active{border-color:rgba(245,158,11,.4);background:linear-gradient(135deg,rgba(245,158,11,.08),rgba(15,15,30,.5))}
.lh-cell-warn-active:hover{border-color:rgba(245,158,11,.6)}
.lh-cell-label{font-family:'JetBrains Mono',monospace;font-size:10px;color:#7c7c95;text-transform:uppercase;letter-spacing:1px;font-weight:700;display:flex;align-items:center;gap:5px;line-height:1}
.lh-cell-warn{color:#f59e0b;font-size:12px}
.lh-cell-value{font-family:'JetBrains Mono',monospace;font-size:24px;font-weight:700;color:#fff;line-height:1;letter-spacing:-.5px}
.lh-cell-meta{display:flex;justify-content:space-between;align-items:center;font-family:'JetBrains Mono',monospace;font-size:11px;line-height:1}
.lh-cell-pct{color:#7c7c95;font-size:10px}
/* Trend colours — for credit/spreads, DOWN is good (green), UP is bad (red).
Same colours apply to other panels by convention here, accept ambiguity. */
.lh-trend-up{color:#ef4444;font-weight:700}
.lh-trend-down{color:#22c55e;font-weight:700}
.lh-trend-flat{color:#7c7c95}
/* Footer */
.lh-dash2-foot{margin-top:18px;padding:14px 18px;background:rgba(8,8,16,.5);border-radius:10px;border:1px solid rgba(124,124,149,.1)}
.lh-dash2-foot-comp{font-family:'JetBrains Mono',monospace;font-size:11px;color:#a0a0b8;letter-spacing:.5px;margin-bottom:4px}
.lh-dash2-foot-note{font-size:11px;color:#7c7c95;font-family:'JetBrains Mono',monospace}
.lh-dash2-foot-note a{color:#ffaa00;text-decoration:none;border-bottom:1px solid rgba(255,170,0,.2)}
.lh-dash2-foot-note a:hover{border-bottom-color:#ffaa00}
@media (max-width:920px){
.lh-dash2-top{grid-template-columns:1fr 1fr;gap:10px}
.lh-dash2-meta{grid-column:1/-1}
.lh-dash2-cells-5{grid-template-columns:repeat(3,1fr)}
.lh-dash2-cells-4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
.lh-dash2-wrap{padding:16px 4% 24px}
.lh-dash2-top{grid-template-columns:1fr}
.lh-dash2-cells-5,.lh-dash2-cells-4,.lh-dash2-cells-3{grid-template-columns:repeat(2,1fr)}
.lh-cell-value{font-size:20px}
.lh-dash2-regime-name,.lh-dash2-score-value{font-size:26px}
}
/* === END LIGHTHOUSE DASHBOARD V2 === */
/* === LIGHTHOUSE DASHBOARD V3 — explanatory additions (added 2026-04-30 17:25) === */
.lh-dash3-section{margin-bottom:22px;padding:18px 20px;background:rgba(15,15,30,.35);border:1px solid rgba(124,124,149,.1);border-radius:14px}
.lh-dash3-header{margin-bottom:14px}
.lh-dash3-h2{font-family:'Playfair Display',serif;font-size:22px;font-weight:900;color:#fff;margin:0 0 4px;line-height:1.2;letter-spacing:-.3px}
.lh-dash3-what{font-size:13px;color:#a0a0b8;line-height:1.5;margin:0;font-style:italic}
.lh-dash3-commentary{margin-top:14px;padding:12px 14px;background:rgba(8,8,16,.4);border-left:2px solid rgba(255,170,0,.3);border-radius:0 8px 8px 0;font-size:13px;color:#c0c0d0;line-height:1.6}
.lh-dash3-commentary strong{color:#ffaa00;font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-right:6px}
.lh-dash3-commentary strong:not(:first-child){color:#fff;font-family:inherit;font-size:inherit;text-transform:none;letter-spacing:normal;margin-right:0}
.lh-dash3-link{display:inline-block;margin-left:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:#ffaa00;text-decoration:none;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,170,0,.25);padding-bottom:1px}
.lh-dash3-link:hover{border-bottom-color:#ffaa00;color:#fff}
.lh-dash3-link-soon{color:#7c7c95!important;border-bottom-color:transparent!important;cursor:default}
/* Percentile dots */
.lh-dots{display:flex;gap:3px;margin-top:8px;align-items:center}
.lh-dot{width:14px;height:4px;border-radius:2px;display:inline-block;transition:all .2s}
.lh-dot-active{box-shadow:0 0 8px currentColor;height:5px}
.lh-dot-key{display:inline-block;width:12px;height:6px;border-radius:2px;vertical-align:middle;margin:0 2px}
.lh-cell-pct-label{color:#7c7c95;font-size:10px;letter-spacing:.5px}
/* Score "/100" suffix */
.lh-score-max{font-size:14px;color:#7c7c95;font-weight:400;letter-spacing:0;margin-left:2px}
/* Adjust cell padding to accommodate dots */
.lh-cell{min-height:104px}
/* === END LIGHTHOUSE DASHBOARD V3 === */
/* === LH CELL PERCENTILE BORDERS (added 2026-04-30 17:35) === */
/* Replace the single warning-amber border with consistent percentile colour-coding */
.lh-cell.lh-cell-pct-calm{border-left:3px solid #22c55e}
.lh-cell.lh-cell-pct-normal{border-left:3px solid #3b82f6}
.lh-cell.lh-cell-pct-elevated{border-left:3px solid #f59e0b}
.lh-cell.lh-cell-pct-stressed{border-left:3px solid #ef4444}
/* Override the old warn-active styling since we use percentile-based now */
.lh-cell.lh-cell-warn-active{background:rgba(15,15,30,.5);border-color:rgba(124,124,149,.15)}
/* === END LH CELL PERCENTILE BORDERS === */
/* === LH DASHBOARD CLARIFIER (added 2026-04-30 17:50) === */
.lh-dash3-clarify{margin-top:10px;font-size:13px}
.lh-dash3-clarify summary{cursor:pointer;color:#ffaa00;font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:6px 10px;border:1px dashed rgba(255,170,0,.3);border-radius:6px;display:inline-block;list-style:none;transition:all .2s}
.lh-dash3-clarify summary::-webkit-details-marker{display:none}
.lh-dash3-clarify summary::before{content:"? ";margin-right:6px;opacity:.6}
.lh-dash3-clarify[open] summary{background:rgba(255,170,0,.08);border-style:solid;border-color:rgba(255,170,0,.5)}
.lh-dash3-clarify summary:hover{background:rgba(255,170,0,.05);border-color:rgba(255,170,0,.5)}
.lh-clarify-body{margin-top:12px;padding:14px 16px;background:rgba(8,8,16,.5);border-radius:8px;border:1px solid rgba(124,124,149,.15)}
.lh-clarify-body p{font-size:13px;color:#c0c0d0;line-height:1.65;margin:0 0 10px}
.lh-clarify-body p:last-child{margin-bottom:0}
.lh-clarify-body strong{color:#ffaa00;font-weight:700}
/* === END LH DASHBOARD CLARIFIER === */
/* === LIGHTHOUSE AI SIDEBAR (added 2026-04-30 20:30) === */
/* Floating toggle button (bottom-right) */
.lh-ai-toggle{position:fixed;bottom:24px;right:24px;z-index:9990;display:flex;align-items:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,#ffaa00 0%,#ff7a00 100%);color:#0a0a0a;border:none;border-radius:999px;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 8px 24px rgba(255,170,0,.35),0 0 0 1px rgba(255,170,0,.4);transition:all .2s;letter-spacing:.3px}
.lh-ai-toggle:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(255,170,0,.5),0 0 0 1px rgba(255,170,0,.6)}
.lh-ai-toggle-icon{font-size:18px;line-height:1}
.lh-ai-toggle-hidden{transform:scale(0);opacity:0;pointer-events:none}
/* Sidebar panel */
.lh-ai-sidebar{position:fixed;top:0;right:0;width:420px;max-width:100vw;height:100vh;background:#0a0a18;border-left:1px solid rgba(255,170,0,.2);box-shadow:-12px 0 48px rgba(0,0,0,.6);z-index:9991;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);font-family:'Inter',sans-serif}
.lh-ai-sidebar.lh-ai-open{transform:translateX(0)}
/* Header */
.lh-ai-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(15,15,30,.95);backdrop-filter:blur(8px)}
.lh-ai-title{display:flex;align-items:center;gap:10px;color:#fff;font-size:15px}
.lh-ai-icon{font-size:18px}
.lh-ai-pill{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;background:rgba(255,170,0,.15);color:#ffaa00;border:1px solid rgba(255,170,0,.3);border-radius:4px;font-weight:700}
.lh-ai-close{background:transparent;border:none;color:#7c7c95;font-size:24px;cursor:pointer;padding:4px 10px;border-radius:6px;transition:all .15s;line-height:1}
.lh-ai-close:hover{color:#fff;background:rgba(255,255,255,.06)}
/* Messages area */
.lh-ai-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:rgba(255,170,0,.3) transparent}
.lh-ai-messages::-webkit-scrollbar{width:6px}
.lh-ai-messages::-webkit-scrollbar-thumb{background:rgba(255,170,0,.25);border-radius:3px}
.lh-ai-message{display:flex;flex-direction:column}
.lh-ai-message-user{align-items:flex-end}
.lh-ai-message-bot{align-items:flex-start}
.lh-ai-bubble{max-width:92%;padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.55;color:#e0e0ea;word-wrap:break-word}
.lh-ai-message-user .lh-ai-bubble{background:linear-gradient(135deg,rgba(255,170,0,.18),rgba(255,122,0,.10));border:1px solid rgba(255,170,0,.25);color:#fff;border-bottom-right-radius:4px}
.lh-ai-message-bot .lh-ai-bubble{background:rgba(20,20,35,.7);border:1px solid rgba(124,124,149,.15);border-bottom-left-radius:4px}
.lh-ai-bubble p{margin:0 0 8px}
.lh-ai-bubble p:last-child{margin-bottom:0}
.lh-ai-bubble strong{color:#ffaa00;font-weight:700}
.lh-ai-bubble em{color:#c0c0d0;font-style:italic}
.lh-ai-bubble code{background:rgba(0,0,0,.4);padding:2px 6px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#ffaa00}
.lh-ai-bubble pre{background:rgba(0,0,0,.5);padding:10px;border-radius:6px;overflow-x:auto;margin:8px 0}
.lh-ai-bubble pre code{background:transparent;padding:0;color:#c0c0d0}
.lh-ai-bubble h1,.lh-ai-bubble h2,.lh-ai-bubble h3{font-family:'Playfair Display',serif;color:#fff;margin:14px 0 6px;line-height:1.2}
.lh-ai-bubble h1{font-size:18px}
.lh-ai-bubble h2{font-size:16px}
.lh-ai-bubble h3{font-size:14px;color:#ffaa00}
.lh-ai-bubble ul,.lh-ai-bubble ol{margin:6px 0 8px;padding-left:22px}
.lh-ai-bubble li{margin-bottom:3px}
.lh-ai-bubble a{color:#ffaa00;border-bottom:1px solid rgba(255,170,0,.3)}
.lh-ai-bubble table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}
.lh-ai-bubble th,.lh-ai-bubble td{padding:6px 10px;border-bottom:1px solid rgba(124,124,149,.2);text-align:left}
.lh-ai-bubble th{color:#ffaa00;font-weight:700;font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:1px}
/* Streaming cursor */
.lh-ai-cursor{display:inline-block;width:2px;height:14px;background:#ffaa00;margin-left:1px;vertical-align:text-bottom;animation:lh-cursor-blink 1s infinite}
@keyframes lh-cursor-blink{0%,50%{opacity:1}51%,100%{opacity:0}}
/* Tool status indicator */
.lh-ai-tool-status{font-family:'JetBrains Mono',monospace;font-size:11px;color:#ffaa00;background:rgba(255,170,0,.08);border:1px solid rgba(255,170,0,.2);padding:6px 10px;border-radius:6px;margin-bottom:8px;display:inline-block;letter-spacing:.5px}
/* Welcome / suggestions */
.lh-ai-welcome .lh-ai-bubble{background:rgba(15,15,30,.5);border-color:rgba(255,170,0,.15)}
.lh-ai-suggestions-label{font-size:11px;color:#7c7c95;text-transform:uppercase;letter-spacing:1px;font-family:'JetBrains Mono',monospace;margin:14px 0 8px!important}
.lh-ai-suggestions{display:flex;flex-direction:column;gap:6px}
.lh-ai-suggest{background:rgba(255,170,0,.08);border:1px solid rgba(255,170,0,.2);color:#e0e0ea;padding:9px 12px;border-radius:8px;font-size:13px;text-align:left;cursor:pointer;font-family:inherit;transition:all .15s;line-height:1.4}
.lh-ai-suggest:hover{background:rgba(255,170,0,.15);border-color:rgba(255,170,0,.4);color:#fff;transform:translateX(2px)}
/* Input area */
.lh-ai-form{display:flex;align-items:flex-end;gap:8px;padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);background:rgba(8,8,16,.95)}
.lh-ai-input{flex:1;background:rgba(20,20,35,.8);border:1px solid rgba(124,124,149,.25);color:#fff;padding:10px 14px;border-radius:10px;font-family:inherit;font-size:14px;line-height:1.4;resize:none;outline:none;transition:border-color .15s;max-height:140px}
.lh-ai-input:focus{border-color:rgba(255,170,0,.5)}
.lh-ai-input:disabled{opacity:.6}
.lh-ai-input::placeholder{color:#5a5a72}
.lh-ai-send{background:#ffaa00;color:#0a0a0a;border:none;width:38px;height:38px;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;flex-shrink:0;transition:all .15s;display:flex;align-items:center;justify-content:center}
.lh-ai-send:hover:not(:disabled){background:#ffb820;transform:translateY(-1px)}
.lh-ai-send:disabled{opacity:.4;cursor:not-allowed}
/* Footer */
.lh-ai-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 16px;border-top:1px solid rgba(255,255,255,.05);background:rgba(8,8,16,.95);font-family:'JetBrains Mono',monospace;font-size:10px;color:#5a5a72;letter-spacing:.5px}
.lh-ai-cost{color:#7c7c95}
.lh-ai-disclaimer{text-align:right}
/* Error state */
.lh-ai-error{color:#ef4444;font-size:13px;padding:8px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:6px}
/* Mobile */
@media (max-width:520px){
.lh-ai-sidebar{width:100vw;border-left:none}
.lh-ai-toggle{bottom:16px;right:16px;padding:12px 16px;font-size:13px}
.lh-ai-toggle-label{display:none}
.lh-ai-toggle{padding:14px;border-radius:50%}
}
/* === END AI SIDEBAR === */
/* === LIGHTHOUSE AI SIDEBAR (added 2026-04-30 20:00) === */
.lh-ai-toggle{position:fixed;bottom:24px;right:24px;z-index:9990;display:flex;align-items:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,#ffaa00 0%,#ff7a00 100%);color:#0a0a0a;border:none;border-radius:999px;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 8px 24px rgba(255,170,0,.35),0 0 0 1px rgba(255,170,0,.4);transition:all .2s;letter-spacing:.3px}
.lh-ai-toggle:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(255,170,0,.5),0 0 0 1px rgba(255,170,0,.6)}
.lh-ai-toggle-icon{font-size:18px;line-height:1}
.lh-ai-toggle-hidden{transform:scale(0);opacity:0;pointer-events:none}
.lh-ai-sidebar{position:fixed;top:0;right:0;width:420px;max-width:100vw;height:100vh;background:#0a0a18;border-left:1px solid rgba(255,170,0,.2);box-shadow:-12px 0 48px rgba(0,0,0,.6);z-index:9991;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);font-family:'Inter',sans-serif}
.lh-ai-sidebar.lh-ai-open{transform:translateX(0)}
.lh-ai-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(15,15,30,.95);backdrop-filter:blur(8px)}
.lh-ai-title{display:flex;align-items:center;gap:10px;color:#fff;font-size:15px}
.lh-ai-icon{font-size:18px}
.lh-ai-pill{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;background:rgba(255,170,0,.15);color:#ffaa00;border:1px solid rgba(255,170,0,.3);border-radius:4px;font-weight:700}
.lh-ai-close{background:transparent;border:none;color:#7c7c95;font-size:24px;cursor:pointer;padding:4px 10px;border-radius:6px;transition:all .15s;line-height:1}
.lh-ai-close:hover{color:#fff;background:rgba(255,255,255,.06)}
.lh-ai-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:rgba(255,170,0,.3) transparent}
.lh-ai-messages::-webkit-scrollbar{width:6px}
.lh-ai-messages::-webkit-scrollbar-thumb{background:rgba(255,170,0,.25);border-radius:3px}
.lh-ai-message{display:flex;flex-direction:column}
.lh-ai-message-user{align-items:flex-end}
.lh-ai-message-bot{align-items:flex-start}
.lh-ai-bubble{max-width:92%;padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.55;color:#e0e0ea;word-wrap:break-word;overflow-wrap:break-word}
.lh-ai-message-user .lh-ai-bubble{background:linear-gradient(135deg,rgba(255,170,0,.18),rgba(255,122,0,.10));border:1px solid rgba(255,170,0,.25);color:#fff;border-bottom-right-radius:4px}
.lh-ai-message-bot .lh-ai-bubble{background:rgba(20,20,35,.7);border:1px solid rgba(124,124,149,.15);border-bottom-left-radius:4px}
.lh-ai-bubble p{margin:0 0 8px}
.lh-ai-bubble p:last-child{margin-bottom:0}
.lh-ai-bubble strong{color:#ffaa00;font-weight:700}
.lh-ai-bubble em{color:#c0c0d0;font-style:italic}
.lh-ai-bubble code{background:rgba(0,0,0,.4);padding:2px 6px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#ffaa00}
.lh-ai-bubble pre{background:rgba(0,0,0,.5);padding:10px;border-radius:6px;overflow-x:auto;margin:8px 0}
.lh-ai-bubble pre code{background:transparent;padding:0;color:#c0c0d0}
.lh-ai-bubble h1,.lh-ai-bubble h2,.lh-ai-bubble h3{font-family:'Playfair Display',serif;color:#fff;margin:14px 0 6px;line-height:1.2}
.lh-ai-bubble h1{font-size:18px}
.lh-ai-bubble h2{font-size:16px}
.lh-ai-bubble h3{font-size:14px;color:#ffaa00}
.lh-ai-bubble ul,.lh-ai-bubble ol{margin:6px 0 8px;padding-left:22px}
.lh-ai-bubble li{margin-bottom:3px}
.lh-ai-bubble a{color:#ffaa00;border-bottom:1px solid rgba(255,170,0,.3)}
.lh-ai-bubble table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}
.lh-ai-bubble th,.lh-ai-bubble td{padding:6px 10px;border-bottom:1px solid rgba(124,124,149,.2);text-align:left}
.lh-ai-bubble th{color:#ffaa00;font-weight:700;font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:1px}
.lh-ai-cursor{display:inline-block;width:2px;height:14px;background:#ffaa00;margin-left:1px;vertical-align:text-bottom;animation:lh-cursor-blink 1s infinite}
@keyframes lh-cursor-blink{0%,50%{opacity:1}51%,100%{opacity:0}}
.lh-ai-tool-status{font-family:'JetBrains Mono',monospace;font-size:11px;color:#ffaa00;background:rgba(255,170,0,.08);border:1px solid rgba(255,170,0,.2);padding:6px 10px;border-radius:6px;margin-bottom:8px;display:inline-block;letter-spacing:.5px}
.lh-ai-welcome .lh-ai-bubble{background:rgba(15,15,30,.5);border-color:rgba(255,170,0,.15)}
.lh-ai-suggestions-label{font-size:11px;color:#7c7c95;text-transform:uppercase;letter-spacing:1px;font-family:'JetBrains Mono',monospace;margin:14px 0 8px!important}
.lh-ai-suggestions{display:flex;flex-direction:column;gap:6px}
.lh-ai-suggest{background:rgba(255,170,0,.08);border:1px solid rgba(255,170,0,.2);color:#e0e0ea;padding:9px 12px;border-radius:8px;font-size:13px;text-align:left;cursor:pointer;font-family:inherit;transition:all .15s;line-height:1.4}
.lh-ai-suggest:hover{background:rgba(255,170,0,.15);border-color:rgba(255,170,0,.4);color:#fff;transform:translateX(2px)}
.lh-ai-form{display:flex;align-items:flex-end;gap:8px;padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);background:rgba(8,8,16,.95)}
.lh-ai-input{flex:1;background:rgba(20,20,35,.8);border:1px solid rgba(124,124,149,.25);color:#fff;padding:10px 14px;border-radius:10px;font-family:inherit;font-size:14px;line-height:1.4;resize:none;outline:none;transition:border-color .15s;max-height:140px}
.lh-ai-input:focus{border-color:rgba(255,170,0,.5)}
.lh-ai-input:disabled{opacity:.6}
.lh-ai-input::placeholder{color:#5a5a72}
.lh-ai-send{background:#ffaa00;color:#0a0a0a;border:none;width:38px;height:38px;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;flex-shrink:0;transition:all .15s;display:flex;align-items:center;justify-content:center}
.lh-ai-send:hover:not(:disabled){background:#ffb820;transform:translateY(-1px)}
.lh-ai-send:disabled{opacity:.4;cursor:not-allowed}
.lh-ai-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 16px;border-top:1px solid rgba(255,255,255,.05);background:rgba(8,8,16,.95);font-family:'JetBrains Mono',monospace;font-size:10px;color:#5a5a72;letter-spacing:.5px}
.lh-ai-cost{color:#7c7c95}
.lh-ai-disclaimer{text-align:right}
.lh-ai-error{color:#ef4444;font-size:13px;padding:8px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:6px}
@media (max-width:520px){
.lh-ai-sidebar{width:100vw;border-left:none}
.lh-ai-toggle{bottom:16px;right:16px;padding:14px;border-radius:50%}
.lh-ai-toggle-label{display:none}
}
/* === END AI SIDEBAR === */
/* === DRAXIQ MOBILE-ONLY LIGHTHOUSE NAV ENTRY (added 2026-04-30 21:30) === */
.nav-mobile-lighthouse{display:none}
@media(max-width:900px){
.nav-mobile-lighthouse{display:flex!important;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,rgba(255,170,0,.12),rgba(255,122,0,.08));border:1px solid rgba(255,170,0,.3);border-radius:12px;text-decoration:none;margin-bottom:8px;transition:all .2s}
.nav-mobile-lighthouse:hover{background:linear-gradient(135deg,rgba(255,170,0,.18),rgba(255,122,0,.12));border-color:rgba(255,170,0,.5)}
.nav-mobile-lighthouse .nav-ml-icon{font-size:20px;filter:drop-shadow(0 0 8px rgba(255,170,0,.6));flex-shrink:0}
.nav-mobile-lighthouse .nav-ml-text{display:flex;flex-direction:column;gap:2px;line-height:1.2}
.nav-mobile-lighthouse .nav-ml-text strong{font-size:15px;color:#ffaa00;font-weight:700}
.nav-mobile-lighthouse .nav-ml-text span{font-size:11px;color:#a08560;text-transform:uppercase;letter-spacing:1px;font-weight:600}
}
/* === END DRAXIQ MOBILE-ONLY LIGHTHOUSE === */
/* === DRAXIQ MOBILE NAV FIX (added 2026-04-30 21:50) === */
/* Backdrop layer — fades in when nav opens */
.nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:998}
.nav-backdrop.show{opacity:1;pointer-events:auto}
/* When mobile nav is open, lock body scroll so swiping doesn't move the page behind */
body.nav-locked{overflow:hidden;position:fixed;width:100%;height:100%}
/* Bump nav-links z-index above backdrop */
@media(max-width:900px){
.nav-links{z-index:999}
/* Make sure inner scrolling works on the open menu itself */
.nav-links.open{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}
/* === END DRAXIQ MOBILE NAV FIX === */
/* === LIGHTHOUSE LIVE MARKETS SECTION (added 2026-04-30 22:00, slimmed 22:30) === */
.lh-live-markets{margin-top:32px}
.lh-live-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:16px}
.lh-live-cell{background:rgba(15,15,30,.4);border:1px solid rgba(255,170,0,.15);border-radius:10px;padding:0;height:130px;overflow:hidden;transition:border-color .2s}
.lh-live-cell:hover{border-color:rgba(255,170,0,.35)}
.lh-live-cell .tradingview-widget-container,.lh-live-cell .tradingview-widget-container__widget{width:100%;height:100%}
@media(max-width:900px){.lh-live-grid{grid-template-columns:repeat(3,1fr);gap:8px}.lh-live-cell{height:130px}}
@media(max-width:520px){.lh-live-grid{grid-template-columns:repeat(2,1fr);gap:8px}.lh-live-cell{height:140px}}
/* === END LIGHTHOUSE LIVE MARKETS === */
/* === LIGHTHOUSE DATA FRESHNESS STRIP (added 2026-04-30 22:30) === */
.lh-freshness{margin:0 0 24px;padding:14px 18px;background:linear-gradient(135deg,rgba(34,197,94,.06),rgba(34,197,94,.02));border:1px solid rgba(34,197,94,.2);border-left:3px solid #22c55e;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px}
.lh-fresh-status{display:flex;align-items:center;gap:12px;flex:1;min-width:280px}
.lh-fresh-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px rgba(34,197,94,.6);flex-shrink:0;animation:lhFreshPulse 2.5s ease-in-out infinite}
@keyframes lhFreshPulse{0%,100%{opacity:1}50%{opacity:.5}}
.lh-fresh-text{display:flex;flex-direction:column;gap:2px}
.lh-fresh-text strong{font-size:14px;color:#fff;font-weight:700}
.lh-fresh-text span{font-size:11px;color:#7c7c95;font-family:'JetBrains Mono',monospace;letter-spacing:.3px}
.lh-fresh-why{font-family:'Inter',sans-serif}
.lh-fresh-why summary{font-size:12px;color:#22c55e;cursor:pointer;padding:6px 12px;border:1px solid rgba(34,197,94,.3);border-radius:6px;font-weight:600;list-style:none;transition:all .2s}
.lh-fresh-why summary::-webkit-details-marker{display:none}
.lh-fresh-why summary:hover{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.5)}
.lh-fresh-why[open] summary::after{content:' ✕';font-family:'JetBrains Mono',monospace;margin-left:6px}
.lh-fresh-why-body{position:absolute;right:5%;left:5%;margin-top:10px;padding:20px 24px;background:rgba(15,15,30,.98);backdrop-filter:blur(20px);border:1px solid rgba(34,197,94,.25);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);z-index:50;max-width:680px}
.lh-fresh-why-body p{font-size:14px;line-height:1.65;color:#c0c0d0;margin:0 0 12px}
.lh-fresh-why-body p:last-child{margin-bottom:0}
.lh-fresh-why-body strong{color:#fff}
.lh-fresh-why-body a{color:#22c55e;text-decoration:none;border-bottom:1px solid rgba(34,197,94,.3)}
.lh-fresh-why-body a:hover{border-bottom-color:#22c55e}
@media(max-width:700px){.lh-freshness{flex-direction:column;align-items:stretch}.lh-fresh-status{min-width:0}.lh-fresh-why summary{text-align:center}}
/* === END LIGHTHOUSE DATA FRESHNESS === */
/* === LIGHTHOUSE LIVE LAYER DIVIDER (added 2026-04-30 22:30) === */
.lh-live-divider{display:flex;align-items:center;gap:14px;margin:48px 0 18px}
.lh-live-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,170,0,.3),transparent)}
.lh-live-divider-text{font-family:'JetBrains Mono',monospace;font-size:10px;color:#ffaa00;letter-spacing:2px;font-weight:700;white-space:nowrap}
@media(max-width:520px){.lh-live-divider-text{font-size:9px;letter-spacing:1px}}
/* === END LIGHTHOUSE LIVE LAYER DIVIDER === */
/* === LIGHTHOUSE LIVE MARKETS CALLOUT (added 2026-04-30 22:30) === */
.lh-live-callout{background:rgba(15,15,30,.5);border:1px solid rgba(255,170,0,.18);border-radius:14px;padding:24px 28px;margin-bottom:20px}
.lh-live-callout-h3{font-family:'Playfair Display',serif;font-size:22px;font-weight:900;color:#fff;margin:0 0 12px}
.lh-live-callout-p{font-size:14px;line-height:1.65;color:#c0c0d0;margin:0 0 14px}
.lh-live-callout-p strong{color:#ffaa00;font-weight:700}
.lh-live-callout-list{list-style:none;padding:0;margin:0 0 14px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px}
.lh-live-callout-list li{font-size:13px;line-height:1.55;color:#a0a0b8;padding:6px 0 6px 14px;position:relative}
.lh-live-callout-list li::before{content:'·';position:absolute;left:0;color:#ffaa00;font-weight:900;font-size:18px;line-height:1}
.lh-live-callout-list li strong{color:#fff;font-weight:700}
.lh-live-callout-note{font-size:11px;color:#7c7c95;font-family:'JetBrains Mono',monospace;letter-spacing:.3px;margin:0;padding-top:12px;border-top:1px solid rgba(255,170,0,.1)}
@media(max-width:700px){.lh-live-callout-list{grid-template-columns:1fr}}
/* === END LIGHTHOUSE LIVE MARKETS CALLOUT === */
/* === LIGHTHOUSE LIVE MARKETS GRID UPDATE — 8 CELLS (added 2026-04-30 22:30) === */
.lh-live-grid{grid-template-columns:repeat(8,1fr)!important}
@media(max-width:1100px){.lh-live-grid{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:700px){.lh-live-grid{grid-template-columns:repeat(2,1fr)!important}}
/* === END LIGHTHOUSE LIVE MARKETS GRID UPDATE === */
/* === LIGHTHOUSE QUIZ SYSTEM (added 2026-04-30 23:00) === */
.lh-quiz{margin:48px 0;padding:36px 36px 32px;background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(255,170,0,.04));border:1px solid rgba(124,58,237,.25);border-radius:18px;position:relative}
.lh-quiz-head{margin-bottom:24px;text-align:center}
.lh-quiz-eyebrow{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2px;color:#7c3aed;background:rgba(124,58,237,.12);padding:4px 12px;border-radius:6px;font-weight:700;margin-bottom:14px}
.lh-quiz-title{font-family:'Playfair Display',serif;font-size:30px;font-weight:900;color:#fff;margin:0 0 10px}
.lh-quiz-intro{font-size:15px;color:#a0a0b8;margin:0;line-height:1.55;max-width:560px;margin-left:auto;margin-right:auto}
.lh-quiz-progress{display:flex;align-items:center;gap:14px;margin:0 0 28px;padding:10px 14px;background:rgba(0,0,0,.25);border-radius:10px;border:1px solid rgba(124,58,237,.15)}
.lh-quiz-progress-text{font-family:'JetBrains Mono',monospace;font-size:11px;color:#a0a0b8;letter-spacing:.5px;flex-shrink:0;min-width:120px}
.lh-quiz-progress-bar{flex:1;height:6px;background:rgba(124,58,237,.15);border-radius:3px;overflow:hidden}
.lh-quiz-progress-fill{display:block;height:100%;background:linear-gradient(90deg,#00d4ff,#7c3aed);transition:width .4s ease;border-radius:3px}
.lh-quiz-q{margin-bottom:24px;padding:22px 24px;background:rgba(15,15,30,.5);border:1px solid rgba(124,58,237,.15);border-radius:14px;transition:border-color .25s,background .25s}
.lh-quiz-q.answered.correct{border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.04)}
.lh-quiz-q.answered.incorrect{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.04)}
.lh-quiz-q-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:#7c3aed;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin-bottom:10px}
.lh-quiz-q-text{font-size:17px;line-height:1.55;color:#fff;font-weight:600;margin:0 0 18px}
.lh-quiz-options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.lh-quiz-option{display:flex;align-items:center;gap:14px;padding:14px 18px;background:rgba(0,0,0,.35);border:1.5px solid rgba(124,58,237,.18);border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:15px;color:#d0d0e0}
.lh-quiz-option:hover{background:rgba(124,58,237,.08);border-color:rgba(124,58,237,.4);transform:translateX(2px)}
.lh-quiz-option:focus{outline:2px solid rgba(124,58,237,.6);outline-offset:2px}
.lh-quiz-option-letter{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);border-radius:50%;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:#c4a7ff;flex-shrink:0;transition:all .2s}
.lh-quiz-option-text{flex:1;line-height:1.45}
/* Answered states */
.lh-quiz-q.answered .lh-quiz-option{cursor:default;pointer-events:none}
.lh-quiz-q.answered .lh-quiz-option.selected.correct{background:rgba(34,197,94,.15);border-color:#22c55e}
.lh-quiz-q.answered .lh-quiz-option.selected.correct .lh-quiz-option-letter{background:#22c55e;border-color:#22c55e;color:#fff}
.lh-quiz-q.answered .lh-quiz-option.selected.incorrect{background:rgba(239,68,68,.12);border-color:#ef4444}
.lh-quiz-q.answered .lh-quiz-option.selected.incorrect .lh-quiz-option-letter{background:#ef4444;border-color:#ef4444;color:#fff}
.lh-quiz-q.answered .lh-quiz-option.is-correct:not(.selected){background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.5);border-style:dashed}
.lh-quiz-q.answered .lh-quiz-option.is-correct:not(.selected) .lh-quiz-option-letter{background:rgba(34,197,94,.2);border-color:#22c55e;color:#22c55e}
.lh-quiz-feedback{margin-top:16px;padding:14px 18px;border-radius:10px;animation:lhQuizFadeIn .35s ease}
@keyframes lhQuizFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.lh-quiz-q.correct .lh-quiz-feedback{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25)}
.lh-quiz-q.incorrect .lh-quiz-feedback{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2)}
.lh-quiz-feedback-status{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}
.lh-quiz-q.correct .lh-quiz-feedback-status{color:#22c55e}
.lh-quiz-q.incorrect .lh-quiz-feedback-status{color:#ef4444}
.lh-quiz-feedback-explanation{margin:0;font-size:14px;line-height:1.6;color:#c0c0d0}
.lh-quiz-foot{margin-top:24px;text-align:center;padding-top:24px;border-top:1px solid rgba(124,58,237,.15);animation:lhQuizFadeIn .4s ease}
.lh-quiz-result{font-family:'Playfair Display',serif;font-size:22px;font-weight:900;color:#fff;margin-bottom:14px;line-height:1.3}
.lh-quiz-result.pass{color:#22c55e}
.lh-quiz-result-detail{display:block;font-family:'Inter',sans-serif;font-size:14px;font-weight:400;color:#a0a0b8;margin-top:6px;line-height:1.5}
.lh-quiz-retry{display:inline-block;padding:12px 28px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.4);border-radius:10px;color:#c4a7ff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}
.lh-quiz-retry:hover{background:rgba(124,58,237,.25);border-color:#7c3aed;transform:translateY(-1px)}
@media(max-width:680px){
.lh-quiz{padding:24px 20px}
.lh-quiz-title{font-size:24px}
.lh-quiz-q{padding:18px 16px}
.lh-quiz-q-text{font-size:15px}
.lh-quiz-option{padding:12px 14px;font-size:14px}
.lh-quiz-option-letter{width:26px;height:26px;font-size:12px}
}
/* === END LIGHTHOUSE QUIZ SYSTEM === */
/* Footer legal links — added 2026-05-01 (Session 4) */
.lh-footer-legal{margin:8px 0 0;font-size:12px;color:#7a7a8a;letter-spacing:.3px}
.lh-footer-legal a{color:#a0a0b8;text-decoration:none;border-bottom:1px solid rgba(160,160,184,.2);transition:color .2s,border-color .2s}
.lh-footer-legal a:hover{color:#ffaa00;border-color:#ffaa00}
/* === LIGHTHOUSE PROGRESSION (added 2026-05-01) === */
/* Next-article CTA states */
.lh-next-locked{position:relative}
.lh-next-locked::before{content:"🔒 Complete this article's quiz with a perfect score to unlock the next one";display:block;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.5px;color:#ffaa00;margin-bottom:14px;padding:10px 14px;background:rgba(255,170,0,.08);border:1px dashed rgba(255,170,0,.3);border-radius:8px;text-align:center}
.lh-next-unlocked{animation:lhUnlockPulse 1.2s ease-out}
.lh-next-unlocked::before{content:"✓ Unlocked — you can now move on";display:block;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.5px;color:#22c55e;margin-bottom:14px;padding:10px 14px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.3);border-radius:8px;text-align:center}
@keyframes lhUnlockPulse{0%{transform:scale(.98);opacity:.6}100%{transform:scale(1);opacity:1}}
/* Learn hub card states */
.lh-learn-card.lh-card-completed{position:relative;border-color:rgba(34,197,94,.35)}
.lh-learn-card.lh-card-completed::after{content:"✓ COMPLETED";position:absolute;top:14px;right:14px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.5px;font-weight:700;color:#22c55e;background:rgba(34,197,94,.15);padding:4px 10px;border-radius:6px}
.lh-learn-card.lh-card-next{border-color:rgba(255,170,0,.45);box-shadow:0 0 0 1px rgba(255,170,0,.25),0 8px 32px rgba(255,170,0,.1);cursor:pointer}
.lh-learn-card.lh-card-next:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,170,0,.5),0 12px 40px rgba(255,170,0,.2)}
.lh-learn-card.lh-card-next::after{content:"▸ NEXT UP";position:absolute;top:14px;right:14px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.5px;font-weight:700;color:#ffaa00;background:rgba(255,170,0,.15);padding:4px 10px;border-radius:6px;animation:lhNextPulse 2s ease-in-out infinite}
@keyframes lhNextPulse{0%,100%{opacity:1}50%{opacity:.7}}
.lh-learn-card{overflow:visible;position:relative}
.lh-learn-card.lh-card-next{box-shadow:0 0 0 1px rgba(255,170,0,.4) inset !important}
.lh-learn-card.lh-card-next:hover{box-shadow:0 0 0 2px rgba(255,170,0,.5) inset !important}
.lh-learn-card.lh-card-locked{position:relative;opacity:.5;pointer-events:none}
.lh-learn-card.lh-card-locked::after{content:"🔒 LOCKED";position:absolute;top:14px;right:14px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.5px;font-weight:700;color:#a0a0b8;background:rgba(160,160,184,.12);padding:4px 10px;border-radius:6px}
.lh-learn-card.lh-card-locked .lh-card-title{color:#7a7a8a}
.lh-learn-card.lh-card-locked .lh-card-summary{color:#6a6a7a}
/* Progress overview banner on Learn hub */
.lh-learn-progress{margin:24px 0 32px;padding:18px 22px;background:linear-gradient(135deg,rgba(255,170,0,.06),rgba(124,58,237,.04));border:1px solid rgba(255,170,0,.2);border-radius:12px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.lh-learn-progress-text{flex:1;font-size:14px;color:#d0d0e0;line-height:1.55}
.lh-learn-progress-text strong{color:#ffaa00;font-weight:700}
.lh-learn-progress-bar{flex-basis:200px;height:8px;background:rgba(255,170,0,.12);border-radius:4px;overflow:hidden}
.lh-learn-progress-fill{display:block;height:100%;background:linear-gradient(90deg,#ffaa00,#22c55e);transition:width .6s ease;border-radius:4px}
/* === END LIGHTHOUSE PROGRESSION === */
/* === LIGHTHOUSE COMPLETION MODAL (added 2026-05-01) === */
#lh-completion-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:lhModalFadeIn .3s ease-out}
.lh-completion-backdrop{position:absolute;inset:0;background:rgba(8,8,20,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lh-completion-card{position:relative;max-width:520px;width:100%;background:linear-gradient(145deg,#15152a,#0f0f1f);border:1px solid rgba(255,170,0,.3);border-radius:20px;padding:48px 36px 32px;box-shadow:0 24px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,170,0,.15),0 0 60px rgba(255,170,0,.08);text-align:center;animation:lhModalScaleIn .45s cubic-bezier(.2,.9,.3,1.1)}
@keyframes lhModalFadeIn{from{opacity:0}to{opacity:1}}
@keyframes lhModalScaleIn{from{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
.lh-completion-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#a0a0b8;font-size:22px;line-height:1;cursor:pointer;transition:all .2s}
.lh-completion-close:hover{background:rgba(255,255,255,.08);color:#fff;transform:scale(1.05)}
.lh-completion-trophy{font-size:64px;line-height:1;margin-bottom:18px;animation:lhTrophyBounce 1.2s ease-out;filter:drop-shadow(0 4px 12px rgba(255,170,0,.4))}
@keyframes lhTrophyBounce{0%{transform:scale(.3) rotate(-30deg);opacity:0}50%{transform:scale(1.15) rotate(8deg)}70%{transform:scale(.95) rotate(-4deg)}100%{transform:scale(1) rotate(0);opacity:1}}
.lh-completion-title{font-family:'Playfair Display',serif;font-size:28px;font-weight:900;color:#fff;margin:0 0 12px;line-height:1.2}
.lh-completion-subtitle{font-size:15px;color:#a0a0b8;margin:0 0 28px;line-height:1.55;font-family:'JetBrains Mono',monospace;letter-spacing:.3px}
.lh-completion-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:32px;padding:18px;background:rgba(255,170,0,.05);border:1px solid rgba(255,170,0,.15);border-radius:12px}
.lh-completion-stat{display:flex;flex-direction:column;align-items:center;gap:4px}
.lh-completion-stat-num{font-family:'Playfair Display',serif;font-size:28px;font-weight:900;color:#ffaa00;line-height:1}
.lh-completion-stat-label{font-family:'JetBrains Mono',monospace;font-size:9px;color:#8a8a9a;letter-spacing:1.5px;text-transform:uppercase}
.lh-completion-prompt{font-size:14px;color:#c0c0d0;margin:0 0 12px;text-align:left}
.lh-completion-name-input{width:100%;padding:14px 18px;background:rgba(0,0,0,.3);border:1.5px solid rgba(255,170,0,.25);border-radius:10px;color:#fff;font-size:16px;font-family:'Playfair Display',serif;font-weight:700;letter-spacing:.3px;outline:none;transition:all .2s;box-sizing:border-box;margin-bottom:24px}
.lh-completion-name-input:focus{border-color:#ffaa00;background:rgba(0,0,0,.4);box-shadow:0 0 0 3px rgba(255,170,0,.1)}
.lh-completion-name-input::placeholder{color:#5a5a6a;font-family:'Inter',sans-serif;font-weight:400;font-size:14px}
.lh-completion-actions{display:flex;flex-direction:column;gap:10px;align-items:center}
.lh-completion-btn-primary{display:block;width:100%;padding:14px 24px;background:linear-gradient(135deg,#ffaa00,#ff8800);border:none;border-radius:12px;color:#0f0f1f;font-family:'Inter',sans-serif;font-size:15px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px rgba(255,170,0,.3)}
.lh-completion-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,170,0,.4)}
.lh-completion-btn-primary:active{transform:translateY(0)}
.lh-completion-btn-secondary{background:none;border:none;color:#7a7a8a;font-size:13px;cursor:pointer;padding:8px;text-decoration:underline;text-decoration-color:rgba(122,122,138,.3);text-underline-offset:3px;transition:color .2s}
.lh-completion-btn-secondary:hover{color:#a0a0b8}
.lh-completion-footnote{margin-top:18px;font-size:11px;color:#6a6a7a;font-family:'JetBrains Mono',monospace;letter-spacing:.3px;line-height:1.5}
@media(max-width:560px){
.lh-completion-card{padding:36px 24px 24px;max-width:none}
.lh-completion-title{font-size:23px}
.lh-completion-trophy{font-size:52px}
.lh-completion-stats{grid-template-columns:repeat(2,1fr)}
.lh-completion-stat-num{font-size:24px}
}
/* === END COMPLETION MODAL === */
/* === FINAL ARTICLE CTA (added 2026-05-01) === */
/* Article 9 (reading-cycles) ends with 'What comes next' which points to the certificate, not another article */
.lh-next-cta-final.lh-next-locked::before{
content:"🔒 Pass this final quiz with a perfect score to earn your certificate";
color:#ffaa00;
background:rgba(255,170,0,.08);
border-color:rgba(255,170,0,.3);
}
.lh-next-cta-final.lh-next-unlocked::before{
content:"🏆 Foundation series complete — claim your certificate below";
color:#22c55e;
background:rgba(34,197,94,.08);
border-color:rgba(34,197,94,.3);
}
/* === END FINAL ARTICLE CTA === */
/* === CONTINUE BUTTON (added 2026-05-01) === */
.lh-continue-btn{display:inline-block;margin-top:18px;padding:14px 28px;background:linear-gradient(135deg,#ffaa00,#ff8800);color:#0f0f1f !important;text-decoration:none;border-radius:10px;font-family:'Inter',sans-serif;font-size:15px;font-weight:700;letter-spacing:.3px;box-shadow:0 4px 16px rgba(255,170,0,.3);transition:all .2s}
.lh-continue-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,170,0,.4)}
/* === Lighthouse macro news feed === */
.lh-news-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:14px}
@media (max-width:1100px){.lh-news-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.lh-news-grid{grid-template-columns:1fr}}
.lh-news-card{display:flex;flex-direction:column;justify-content:space-between;gap:10px;background:rgba(20,20,40,.45);border:1px solid rgba(124,124,149,.18);border-radius:10px;padding:14px;text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease,background .15s ease;min-height:160px;cursor:pointer}
.lh-news-card:hover{transform:translateY(-2px);border-color:rgba(255,170,0,.35);background:rgba(25,25,50,.55)}
.lh-news-card:focus-visible{outline:2px solid #ffaa00;outline-offset:2px}
.lh-news-card-meta-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.2px;text-transform:uppercase}
.lh-news-tag{padding:3px 8px;border-radius:4px;font-weight:700;border:1px solid transparent}
.lh-news-tag-regime-shift{color:#ef4444;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.3)}
.lh-news-tag-policy{color:#3b82f6;background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.3)}
.lh-news-tag-data-release{color:#22c55e;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.3)}
.lh-news-tag-flow{color:#a855f7;background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.3)}
.lh-news-tag-noise{color:#7c7c95;background:rgba(124,124,149,.1);border-color:rgba(124,124,149,.2)}
.lh-news-score{color:#ffaa00;font-weight:700}
.lh-news-title{font-family:'Inter',system-ui,sans-serif;font-size:14px;line-height:1.4;color:#fff;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.lh-news-card-meta-bot{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:10px;color:#7c7c95;letter-spacing:.5px}
.lh-news-source{text-transform:uppercase;letter-spacing:1px;color:#a0a0b8}
.lh-news-time{color:#7c7c95}
.lh-news-skeleton{opacity:.4;pointer-events:none}
.lh-news-skeleton .lh-news-tag,.lh-news-skeleton .lh-news-title,.lh-news-skeleton .lh-news-source,.lh-news-skeleton .lh-news-time{color:#5a5a6a}
.lh-news-empty{grid-column:1/-1;text-align:center;color:#7c7c95;font-style:italic;padding:24px;font-size:13px}
/* ============================================================
HOMEPAGE REBUILD — 2026-05-11
New classes for hero CTAs, recent work, audience grid,
graham bio, pricing tier sub-labels
============================================================ */
/* Hero CTAs (replaces old chat-wrap) */
.hero-ctas {
display: flex;
flex-wrap: wrap;
gap: 14px;
justify-content: center;
margin-top: 32px;
}
/* Secondary button style */
.btn-secondary {
display: inline-block;
padding: 14px 26px;
border: 1px solid rgba(255,255,255,0.18);
border-radius: 12px;
color: #fff;
text-decoration: none;
font-weight: 600;
font-size: 15px;
background: rgba(255,255,255,0.02);
transition: border-color 0.25s ease, background 0.25s ease, transform 0.2s ease;
}
.btn-secondary:hover {
border-color: rgba(0, 212, 255, 0.5);
background: rgba(0, 212, 255, 0.06);
transform: translateY(-1px);
}
/* Recent work grid */
#work {
padding: 80px 24px;
max-width: 1200px;
margin: 0 auto;
}
.work-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 28px;
margin-top: 50px;
}
.work-card {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 16px;
overflow: hidden;
text-decoration: none;
color: inherit;
transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
}
.work-card:hover {
transform: translateY(-4px);
border-color: rgba(0, 212, 255, 0.4);
box-shadow: 0 12px 40px rgba(0, 212, 255, 0.12);
}
.work-img {
aspect-ratio: 8 / 5;
overflow: hidden;
background: #0a0a14;
}
.work-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
display: block;
}
.work-card:hover .work-img img {
transform: scale(1.04);
}
.work-body {
padding: 24px;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}
.work-meta {
font-size: 12px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #7c7c95;
font-weight: 600;
}
.work-body h3 {
font-size: 22px;
margin: 0;
color: #fff;
font-weight: 700;
}
.work-body p {
font-size: 15px;
color: #a0a0b8;
line-height: 1.55;
margin: 4px 0 12px;
}
.work-link {
margin-top: auto;
color: #00d4ff;
font-weight: 600;
font-size: 14px;
}
.work-cta {
text-align: center;
margin-top: 50px;
}
.work-cta a {
color: #00d4ff;
text-decoration: none;
font-weight: 600;
font-size: 16px;
}
/* Audience / who-we-build-for grid */
#who-we-build-for {
padding: 80px 24px;
max-width: 1200px;
margin: 0 auto;
}
.audience-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 24px;
margin-top: 50px;
}
.audience-card {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 16px;
padding: 32px 28px;
display: flex;
flex-direction: column;
gap: 14px;
transition: transform 0.3s ease, border-color 0.3s ease;
}
.audience-card:hover {
transform: translateY(-3px);
border-color: rgba(124, 58, 237, 0.4);
}
.audience-featured {
border-color: rgba(0, 212, 255, 0.3);
background: linear-gradient(180deg, rgba(0,212,255,0.04), rgba(255,255,255,0.03));
}
.audience-icon { font-size: 32px; }
.audience-card h3 {
font-size: 22px;
color: #fff;
margin: 0;
font-weight: 700;
}
.audience-card p {
font-size: 15px;
color: #a0a0b8;
line-height: 1.55;
margin: 0;
}
.audience-list {
list-style: none;
padding: 0;
margin: 8px 0;
}
.audience-list li {
font-size: 14px;
color: #c0c0d0;
padding: 6px 0 6px 22px;
position: relative;
}
.audience-list li::before {
content: "✓";
color: #00d4ff;
position: absolute;
left: 0;
font-weight: 700;
}
.audience-tier {
margin-top: auto;
padding-top: 14px;
border-top: 1px solid rgba(255,255,255,0.06);
font-size: 13px;
color: #7c7c95;
font-weight: 600;
}
/* Graham bio section */
#graham-bio {
padding: 80px 24px;
max-width: 1100px;
margin: 0 auto;
}
.bio-wrap {
display: grid;
grid-template-columns: 320px 1fr;
gap: 48px;
align-items: center;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 20px;
padding: 48px;
}
.bio-photo img {
width: 100%;
border-radius: 16px;
object-fit: cover;
aspect-ratio: 1 / 1;
display: block;
}
.bio-content h2 {
font-size: 32px;
color: #fff;
margin: 14px 0 18px;
line-height: 1.2;
}
.bio-content p {
font-size: 16px;
color: #c0c0d0;
line-height: 1.7;
margin: 0 0 16px;
}
.bio-content p a {
color: #00d4ff;
text-decoration: none;
font-weight: 600;
}
.bio-disambig {
font-size: 14px !important;
color: #8c8ca8 !important;
font-style: italic;
padding: 14px 18px;
border-left: 3px solid rgba(124, 58, 237, 0.4);
margin: 20px 0 24px !important;
background: rgba(124, 58, 237, 0.04);
border-radius: 0 8px 8px 0;
}
/* Pricing tier sub-labels and note */
.price-sub {
font-size: 13px;
color: #8c8ca8;
margin: -8px 0 14px;
font-weight: 500;
letter-spacing: 0.02em;
}
.pricing-note {
max-width: 720px;
margin: 36px auto 0;
text-align: center;
font-size: 14px;
color: #8c8ca8;
line-height: 1.6;
padding: 0 24px;
}
/* Responsive adjustments */
@media (max-width: 720px) {
#work,
#who-we-build-for,
#graham-bio {
padding: 60px 18px;
}
.work-grid,
.audience-grid {
gap: 18px;
}
.work-body,
.audience-card {
padding: 22px 20px;
}
.bio-wrap {
grid-template-columns: 1fr;
gap: 28px;
padding: 32px 24px;
}
.bio-photo img {
max-width: 240px;
margin: 0 auto;
}
.bio-content h2 {
font-size: 26px;
}
.hero-ctas {
flex-direction: column;
align-items: stretch;
}
.hero-ctas .btn,
.hero-ctas .btn-secondary {
text-align: center;
}
}
/* End homepage rebuild 2026-05-11 */
/* ============================================================
ANIMATIONS — 2026-05-11
Scroll-triggered reveals + hero typing animation
============================================================ */
/* Scroll reveal base */
.reveal {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.7s ease, transform 0.7s ease;
will-change: opacity, transform;
}
.reveal.in-view {
opacity: 1;
transform: translateY(0);
}
/* Stagger children inside revealed grids */
.reveal-stagger > * {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal-stagger.in-view > *:nth-child(1) { transition-delay: 0.05s; opacity: 1; transform: translateY(0); }
.reveal-stagger.in-view > *:nth-child(2) { transition-delay: 0.18s; opacity: 1; transform: translateY(0); }
.reveal-stagger.in-view > *:nth-child(3) { transition-delay: 0.31s; opacity: 1; transform: translateY(0); }
.reveal-stagger.in-view > *:nth-child(4) { transition-delay: 0.44s; opacity: 1; transform: translateY(0); }
.reveal-stagger.in-view > *:nth-child(5) { transition-delay: 0.57s; opacity: 1; transform: translateY(0); }
.reveal-stagger.in-view > *:nth-child(6) { transition-delay: 0.70s; opacity: 1; transform: translateY(0); }
/* Hero typing animation panel */
.hero-demo {
max-width: 720px;
margin: 40px auto 0;
background: rgba(10, 10, 20, 0.85);
border: 1px solid rgba(0, 212, 255, 0.18);
border-radius: 14px;
box-shadow: 0 18px 60px rgba(0, 212, 255, 0.08), inset 0 1px 0 rgba(255,255,255,0.04);
overflow: hidden;
font-family: 'JetBrains Mono', 'Menlo', 'Consolas', monospace;
text-align: left;
}
.hero-demo-bar {
display: flex;
align-items: center;
gap: 8px;
padding: 11px 16px;
background: rgba(255,255,255,0.03);
border-bottom: 1px solid rgba(255,255,255,0.06);
}
.hero-demo-bar .dot {
width: 11px; height: 11px; border-radius: 50%;
background: rgba(255,255,255,0.18);
}
.hero-demo-bar .dot.r { background: #ff5f56; }
.hero-demo-bar .dot.y { background: #ffbd2e; }
.hero-demo-bar .dot.g { background: #27c93f; }
.hero-demo-bar .file {
margin-left: 12px;
font-size: 12px;
color: #7c7c95;
letter-spacing: 0.02em;
}
.hero-demo-body {
padding: 20px 22px 24px;
font-size: 13.5px;
line-height: 1.75;
color: #c0c0d0;
min-height: 200px;
}
.hero-demo-line {
display: block;
white-space: pre;
overflow: hidden;
border-right: 2px solid transparent;
width: 0;
max-width: 100%;
}
.hero-demo-line.typing {
animation: typeline 1.4s steps(50, end) forwards, caret 0.7s step-end infinite;
border-right-color: #00d4ff;
}
.hero-demo-line.done {
width: 100%;
border-right-color: transparent;
}
@keyframes typeline {
from { width: 0; }
to { width: 100%; }
}
@keyframes caret {
50% { border-right-color: transparent; }
}
.tk-tag { color: #ff79c6; }
.tk-attr { color: #50fa7b; }
.tk-str { color: #f1fa8c; }
.tk-text { color: #c0c0d0; }
.tk-com { color: #6272a4; font-style: italic; }
/* Site preview that materialises beside the code */
.hero-demo-preview {
margin-top: 18px;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 10px;
padding: 18px 20px;
background: linear-gradient(180deg, rgba(124,58,237,0.06), rgba(0,212,255,0.04));
font-family: 'Inter', sans-serif;
opacity: 0;
transform: translateY(8px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
.hero-demo-preview.show {
opacity: 1;
transform: translateY(0);
}
.hero-demo-preview .ph-h {
font-weight: 800;
color: #fff;
font-size: 17px;
margin: 0 0 6px;
opacity: 0;
transition: opacity 0.4s ease 0.05s;
}
.hero-demo-preview .ph-p {
color: #a0a0b8;
font-size: 13px;
margin: 0 0 12px;
opacity: 0;
transition: opacity 0.4s ease 0.25s;
}
.hero-demo-preview .ph-btn {
display: inline-block;
padding: 7px 14px;
background: linear-gradient(135deg, #7c3aed, #00d4ff);
color: #fff;
border-radius: 8px;
font-size: 12px;
font-weight: 700;
opacity: 0;
transition: opacity 0.4s ease 0.45s;
}
.hero-demo-preview.show .ph-h,
.hero-demo-preview.show .ph-p,
.hero-demo-preview.show .ph-btn {
opacity: 1;
}
/* Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
.reveal, .reveal-stagger > * {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
.hero-demo-line {
width: 100% !important;
animation: none !important;
border-right: none !important;
}
.hero-demo-preview {
opacity: 1 !important;
transform: none !important;
}
.hero-demo-preview .ph-h,
.hero-demo-preview .ph-p,
.hero-demo-preview .ph-btn {
opacity: 1 !important;
transition: none !important;
}
}
@media (max-width: 720px) {
.hero-demo {
margin: 32px 0 0;
}
.hero-demo-body {
font-size: 11.5px;
padding: 16px 16px 18px;
}
}
/* End animations 2026-05-11 */
/* ============================================================
HOMEPAGE DEMO — Right panel (website preview)
Pairs with existing .demo-anim/.demo-code (Telegram bots pattern)
12-second loop, no JS, syncs with left-panel typing
============================================================ */
.demo-site {
padding: 0;
background: linear-gradient(180deg, #f8f8fc 0%, #eef0f7 100%);
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
}
.demo-site .ds-bar {
padding: 10px 16px;
background: rgba(0,0,0,0.04);
border-bottom: 1px solid rgba(0,0,0,0.08);
display: flex;
align-items: center;
}
.demo-site .ds-url {
font-family: 'JetBrains Mono', monospace;
font-size: 11px;
color: #555;
background: #fff;
padding: 5px 12px;
border-radius: 6px;
border: 1px solid rgba(0,0,0,0.06);
letter-spacing: 0.02em;
}
.demo-site .ds-body {
flex: 1;
padding: 22px 22px 18px;
display: flex;
flex-direction: column;
gap: 18px;
overflow: hidden;
}
.demo-site .ds-el {
opacity: 0;
animation: dsReveal 12s infinite;
}
.demo-site .ds-el.m1 { animation-delay: 0.6s; }
.demo-site .ds-el.m2 { animation-delay: 3.0s; }
.demo-site .ds-el.m3 { animation-delay: 5.0s; }
@keyframes dsReveal {
0%, 4% { opacity: 0; transform: translateY(8px); }
8%, 80% { opacity: 1; transform: translateY(0); }
90%,100% { opacity: 0; transform: translateY(4px); }
}
.demo-site .ds-hero {
background: linear-gradient(135deg, #7c3aed, #00d4ff);
border-radius: 12px;
padding: 20px 22px;
color: #fff;
text-align: left;
box-shadow: 0 8px 24px rgba(124,58,237,0.18);
}
.demo-site .ds-h1 {
font-family: 'Playfair Display', serif;
font-size: 22px;
font-weight: 900;
margin: 0 0 6px;
line-height: 1.15;
letter-spacing: -0.02em;
}
.demo-site .ds-p {
font-size: 13px;
margin: 0 0 12px;
opacity: 0.92;
font-family: 'Inter', sans-serif;
}
.demo-site .ds-btn {
display: inline-block;
background: rgba(255,255,255,0.95);
color: #7c3aed;
font-size: 12px;
font-weight: 800;
padding: 8px 16px;
border-radius: 50px;
font-family: 'Inter', sans-serif;
letter-spacing: 0.02em;
}
.demo-site .ds-services {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
}
.demo-site .ds-card {
background: #fff;
border: 1px solid rgba(0,0,0,0.06);
border-radius: 10px;
padding: 14px 8px;
text-align: center;
font-size: 24px;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.demo-site .ds-card span {
font-family: 'Inter', sans-serif;
font-size: 11px;
font-weight: 600;
color: #444;
letter-spacing: 0.01em;
}
.demo-site .ds-foot {
font-family: 'Inter', sans-serif;
font-size: 11px;
color: #777;
text-align: center;
padding-top: 6px;
margin-top: auto;
border-top: 1px solid rgba(0,0,0,0.06);
padding-top: 12px;
}
.demo-site .ds-tick {
color: #00b87a;
font-weight: 900;
font-size: 12px;
}
@media (max-width: 780px) {
.demo-site .ds-body { padding: 16px; gap: 14px; }
.demo-site .ds-hero { padding: 16px 18px; }
.demo-site .ds-h1 { font-size: 18px; }
.demo-site .ds-card { padding: 12px 6px; font-size: 20px; }
}
/* End homepage demo right-panel CSS */
/* ============================================================
AI CITATION SECTION — 2026-05-11
Hero-treatment two-column block + technical breakdown
============================================================ */
#ai-cited {
padding: 80px 24px;
max-width: 1200px;
margin: 0 auto;
}
.ai-cited-feature {
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: 48px;
align-items: start;
margin-top: 40px;
}
.ai-cited-shot {
margin: 0;
background: rgba(255,255,255,0.02);
border: 1px solid rgba(0,212,255,0.18);
border-radius: 16px;
overflow: hidden;
box-shadow: 0 24px 70px rgba(0,212,255,0.10), 0 8px 20px rgba(0,0,0,0.4);
}
.ai-cited-label {
padding: 14px 18px;
background: linear-gradient(135deg, rgba(124,58,237,0.15), rgba(0,212,255,0.10));
border-bottom: 1px solid rgba(0,212,255,0.18);
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.ai-cited-pill {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 5px 12px;
background: #fff;
color: #1a1a2e;
border-radius: 50px;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.02em;
font-family: 'Inter', sans-serif;
}
.ai-cited-pill::before {
content: '✦';
color: #4285f4;
font-size: 14px;
}
.ai-cited-meta {
font-size: 12px;
color: #a0a0b8;
font-family: 'JetBrains Mono', 'Menlo', monospace;
letter-spacing: 0.02em;
}
.ai-cited-meta strong {
color: #00d4ff;
font-weight: 700;
}
.ai-cited-shot img {
width: 100%;
height: auto;
display: block;
background: #fff;
}
.ai-cited-shot figcaption {
padding: 14px 18px;
background: rgba(0,0,0,0.25);
font-size: 13px;
color: #a0a0b8;
border-top: 1px solid rgba(255,255,255,0.06);
line-height: 1.5;
}
.ai-cited-shot figcaption a {
color: #00d4ff;
text-decoration: none;
font-weight: 600;
}
.ai-cited-shot figcaption a:hover {
text-decoration: underline;
}
.ai-cited-body {
display: flex;
flex-direction: column;
gap: 18px;
}
.ai-cited-body h3 {
font-size: 24px;
color: #fff;
margin: 0;
font-weight: 800;
line-height: 1.25;
letter-spacing: -0.01em;
}
.ai-cited-body > p {
font-size: 15px;
color: #c0c0d0;
line-height: 1.7;
margin: 0;
}
.ai-cited-how {
background: rgba(124, 58, 237, 0.05);
border: 1px solid rgba(124, 58, 237, 0.18);
border-left: 3px solid #7c3aed;
border-radius: 12px;
padding: 22px 24px;
margin-top: 8px;
}
.ai-cited-how h4 {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.2px;
color: #c4a7ff;
margin: 0 0 14px;
font-weight: 800;
font-family: 'Inter', sans-serif;
}
.ai-cited-how ul {
list-style: none;
margin: 0;
padding: 0;
}
.ai-cited-how li {
font-size: 14px;
color: #c0c0d0;
line-height: 1.65;
padding: 8px 0 8px 22px;
position: relative;
border-bottom: 1px solid rgba(124, 58, 237, 0.08);
}
.ai-cited-how li:last-child {
border-bottom: none;
}
.ai-cited-how li::before {
content: '◆';
color: #7c3aed;
position: absolute;
left: 0;
top: 8px;
font-size: 11px;
}
.ai-cited-how li strong {
color: #fff;
font-weight: 700;
}
.ai-cited-link {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 4px;
color: #00d4ff;
text-decoration: none;
font-weight: 700;
font-size: 15px;
transition: gap 0.2s ease;
}
.ai-cited-link:hover {
gap: 12px;
}
@media (max-width: 980px) {
.ai-cited-feature {
grid-template-columns: 1fr;
gap: 32px;
}
}
@media (max-width: 640px) {
#ai-cited {
padding: 60px 18px;
}
.ai-cited-body h3 {
font-size: 21px;
}
.ai-cited-label {
padding: 12px 14px;
}
.ai-cited-meta {
font-size: 11px;
}
}
/* End AI citation section */
/* ============================================================
IVY CURIOUS SECTION — 2026-05-11
Compact "meet our AI tool" section, post-FAQ
============================================================ */
#ivy-curious {
padding: 60px 24px;
max-width: 1100px;
margin: 0 auto;
}
.ivy-curious-wrap {
display: grid;
grid-template-columns: 120px 1fr;
gap: 36px;
align-items: center;
background: linear-gradient(135deg, rgba(124, 58, 237, 0.08), rgba(0, 212, 255, 0.06));
border: 1px solid rgba(124, 58, 237, 0.25);
border-radius: 20px;
padding: 40px 44px;
position: relative;
overflow: hidden;
}
.ivy-curious-wrap::before {
content: '';
position: absolute;
top: -40px;
right: -40px;
width: 200px;
height: 200px;
background: radial-gradient(circle, rgba(0,212,255,0.18), transparent 70%);
pointer-events: none;
}
.ivy-curious-icon {
position: relative;
z-index: 1;
}
.ivy-av-small {
width: 100px;
height: 100px;
border-radius: 50%;
background: linear-gradient(135deg, #00d4ff, #7c3aed);
display: flex;
align-items: center;
justify-content: center;
font-family: 'Playfair Display', serif;
font-size: 48px;
font-weight: 900;
color: #fff;
box-shadow: 0 12px 40px rgba(124, 58, 237, 0.4);
}
.ivy-curious-body {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 12px;
}
.ivy-curious-tag {
display: inline-block;
font-family: 'JetBrains Mono', monospace;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #c4a7ff;
background: rgba(124, 58, 237, 0.18);
border: 1px solid rgba(124, 58, 237, 0.35);
padding: 5px 12px;
border-radius: 6px;
align-self: flex-start;
font-weight: 700;
}
.ivy-curious-body h2 {
font-size: 28px;
margin: 0;
color: #fff;
font-weight: 800;
line-height: 1.2;
letter-spacing: -0.01em;
}
.ivy-curious-body p {
font-size: 15px;
color: #c0c0d0;
line-height: 1.7;
margin: 4px 0 12px;
}
.ivy-curious-body .btn {
align-self: flex-start;
}
@media (max-width: 720px) {
#ivy-curious {
padding: 50px 18px;
}
.ivy-curious-wrap {
grid-template-columns: 1fr;
gap: 22px;
padding: 32px 24px;
text-align: center;
}
.ivy-av-small {
margin: 0 auto;
width: 80px;
height: 80px;
font-size: 38px;
}
.ivy-curious-tag,
.ivy-curious-body .btn {
align-self: center;
}
.ivy-curious-body h2 {
font-size: 22px;
}
}
/* End Ivy curious section */
/* Grok citation panel — secondary AI screenshot 2026-05-12 */
.ai-cited-shot-secondary {
margin-top: 24px;
}
.ai-cited-pill-grok::before {
content: '✦';
color: #1a1a1a;
}
.ai-cited-pill-grok {
background: #fff;
color: #1a1a1a;
}
@media (min-width: 981px) {
.ai-cited-feature {
grid-template-columns: 1.4fr 1fr;
align-items: start;
}
.ai-cited-shot,
.ai-cited-shot-secondary {
grid-column: 1;
}
.ai-cited-shot-secondary {
margin-top: 24px;
}
.ai-cited-body {
grid-column: 2;
grid-row: 1 / span 2;
position: sticky;
top: 100px;
}
}
/* End Grok citation panel */
/* Phone CTA in hero — Tuesday 2026-05-12 */
.btn-phone {
font-family: 'JetBrains Mono', 'Menlo', monospace;
letter-spacing: 0.02em;
font-weight: 700;
}
@media (max-width: 720px) {
.btn-phone {
font-size: 16px;
}
}
/* End phone CTA */
/* Kelly testimonial section — Tuesday 2026-05-12
Modelled on iPhone Repair Southport's testimonial pattern */
#kelly-review {
padding: 60px 24px 40px;
max-width: 1100px;
margin: 0 auto;
}
.kelly-wrap {
background: rgba(15, 15, 30, 0.6);
border: 1px solid rgba(124, 58, 237, 0.22);
border-left: 4px solid #00d4ff;
border-radius: 16px;
padding: 40px 44px;
position: relative;
}
.kelly-stars {
font-size: 22px;
color: #ffb800;
letter-spacing: 4px;
margin-bottom: 18px;
display: block;
}
.kelly-quote {
font-family: 'Playfair Display', 'Georgia', serif;
font-size: 20px;
line-height: 1.6;
color: #e8e8f0;
font-style: italic;
margin: 0 0 28px;
padding: 0;
border: none;
quotes: none;
}
.kelly-quote::before,
.kelly-quote::after {
content: '';
}
.kelly-attribution {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
padding-top: 20px;
border-top: 1px solid rgba(124, 58, 237, 0.15);
}
.kelly-name strong {
display: block;
color: #fff;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.01em;
}
.kelly-role {
display: block;
color: #a0a0b8;
font-size: 13px;
margin-top: 3px;
font-family: 'JetBrains Mono', monospace;
letter-spacing: 0.02em;
}
.kelly-source {
display: inline-flex;
align-items: center;
gap: 10px;
text-decoration: none;
transition: opacity 0.2s ease;
}
.kelly-source:hover {
opacity: 0.85;
}
.kelly-source-pill {
font-family: 'JetBrains Mono', monospace;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1.2px;
color: #00d4ff;
background: rgba(0, 212, 255, 0.1);
border: 1px solid rgba(0, 212, 255, 0.3);
padding: 5px 12px;
border-radius: 6px;
font-weight: 700;
}
.kelly-source-stars {
font-size: 14px;
color: #ffb800;
letter-spacing: 2px;
}
@media (max-width: 720px) {
#kelly-review {
padding: 40px 16px 30px;
}
.kelly-wrap {
padding: 28px 24px;
}
.kelly-quote {
font-size: 17px;
line-height: 1.55;
}
.kelly-attribution {
flex-direction: column;
align-items: flex-start;
}
}
/* End Kelly testimonial */
/* /websites pricing grid alignment fix — 2026-05-12 */
.pricing .price-card {
display: flex;
flex-direction: column;
}
.pricing .price-card .price {
font-size: 56px;
white-space: nowrap;
min-height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.pricing .price-card ul {
flex-grow: 1;
}
.pricing .price-card > p:nth-of-type(2) {
/* The tier subtitle: "Sole traders · tradespeople" etc. */
min-height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.pricing .price-card .btn {
margin-top: auto;
}
@media (max-width: 720px) {
.pricing .price-card .price {
font-size: 44px;
min-height: 60px;
}
.pricing .price-card > p:nth-of-type(2) {
min-height: auto;
}
}
/* End /websites pricing fix */
/* /ai-citation-optimisation page fixes — 2026-05-12 */
/* Citation screenshot containment — keep aspect ratio, fit naturally on mobile */
#proof figure img {
width: 100%;
height: auto;
max-height: 70vh;
object-fit: contain;
background: #0a0a14;
}
/* Comparison table — force mobile-friendly wrap behaviour */
@media (max-width: 720px) {
.compare-table {
min-width: 0 !important;
}
.compare-table th,
.compare-table td {
font-size: 13px;
padding: 10px 8px;
word-wrap: break-word;
overflow-wrap: break-word;
}
.compare-table th:first-child,
.compare-table td:first-child {
font-weight: 700;
width: 30%;
}
.compare-wrap {
overflow-x: hidden;
}
}
/* End /ai-citation-optimisation fixes */
/* /websites pricing — 3 columns desktop, stacked mobile — 2026-05-12 */
.pricing.pricing-3 {
grid-template-columns: repeat(3, 1fr);
max-width: 1100px;
}
@media (max-width: 900px) {
.pricing.pricing-3 {
grid-template-columns: 1fr !important;
max-width: 560px;
}
}
/* End /websites pricing-3 fix */
/* === Built by Draxiq footer === */
.lh-builtby{margin:32px auto 24px;padding:16px 20px;max-width:980px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:12px;color:#7c7c95;letter-spacing:.5px;line-height:1.6;border-top:1px solid rgba(124,124,149,.15)}
.lh-builtby a{color:#a0a0b8;text-decoration:none;border-bottom:1px dotted rgba(160,160,184,.4);transition:color .15s}
.lh-builtby a:hover{color:#ffaa00;border-bottom-color:#ffaa00}
/* === Homepage (index.html) === */
.lh-home-wrap{max-width:1080px;margin:0 auto;padding:0 24px 80px;position:relative;z-index:1}
.lh-hero{padding:80px 0 60px;text-align:center}
.lh-hero-title{font-family:'Playfair Display',serif;font-size:clamp(40px,7vw,72px);font-weight:900;line-height:1.15;padding-bottom:8px;margin:0 0 24px;background:linear-gradient(135deg,#fff 0%,#ffaa00 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lh-hero-sub{font-size:clamp(16px,2vw,20px);line-height:1.6;color:#a0a0b8;max-width:680px;margin:0 auto 36px}
.lh-hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.lh-btn{display:inline-flex;align-items:center;padding:14px 26px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;transition:all .15s;border:1.5px solid transparent}
.lh-btn-primary{background:linear-gradient(135deg,#ffaa00,#ff8800);color:#0f0f1f}
.lh-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,170,0,.3)}
.lh-btn-secondary{background:transparent;border-color:rgba(255,170,0,.4);color:#ffaa00}
.lh-btn-secondary:hover{background:rgba(255,170,0,.08);border-color:#ffaa00}
.lh-home-why{padding:60px 0 40px}
.lh-section-title{font-family:'Playfair Display',serif;font-size:32px;font-weight:700;text-align:center;color:#fff;margin:0 0 12px}
.lh-section-sub{text-align:center;color:#a0a0b8;font-size:16px;line-height:1.6;max-width:640px;margin:0 auto 40px}
.lh-home-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:40px}
.lh-why-card{background:rgba(21,21,42,.6);border:1px solid rgba(124,124,149,.15);border-radius:14px;padding:28px 24px;transition:border-color .2s}
.lh-why-card:hover{border-color:rgba(255,170,0,.3)}
.lh-why-icon{font-size:32px;margin-bottom:12px;line-height:1}
.lh-why-card h3{font-size:18px;font-weight:700;color:#fff;margin:0 0 10px}
.lh-why-card p{font-size:14px;line-height:1.6;color:#a0a0b8;margin:0}
.lh-home-learn{padding:40px 0}
.lh-home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:36px}
.lh-home-card{display:block;background:rgba(21,21,42,.4);border:1px solid rgba(124,124,149,.12);border-radius:12px;padding:22px;text-decoration:none;transition:all .2s;position:relative}
.lh-home-card:hover{border-color:rgba(255,170,0,.4);transform:translateY(-2px);background:rgba(21,21,42,.7)}
.lh-home-card-num{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:#ffaa00;letter-spacing:1px;margin-bottom:8px;opacity:.7}
.lh-home-card h3{font-size:17px;font-weight:700;color:#fff;margin:0 0 6px}
.lh-home-card p{font-size:13px;line-height:1.5;color:#a0a0b8;margin:0}
.lh-home-cta-bottom{margin:60px 0 40px;padding:48px 32px;text-align:center;background:linear-gradient(135deg,rgba(255,170,0,.06) 0%,rgba(21,21,42,.4) 100%);border:1px solid rgba(255,170,0,.15);border-radius:18px}
.lh-home-cta-bottom h2{font-family:'Playfair Display',serif;font-size:30px;font-weight:700;color:#fff;margin:0 0 8px}
.lh-home-cta-bottom p{color:#a0a0b8;font-size:16px;margin:0 0 28px}
@media (max-width:640px){
.lh-hero{padding:48px 0 36px}
.lh-home-why-grid,.lh-home-cards{grid-template-columns:1fr}
.lh-home-cta-bottom{padding:36px 20px}
}
/* === End homepage === */
/* === FAQ Section === */
.lh-faq{margin:60px 0;padding:40px 24px;background:rgba(255,170,0,.03);border:1px solid rgba(255,170,0,.1);border-radius:14px}
.lh-faq-title{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:#fff;margin:0 0 28px;text-align:center}
.lh-faq-list{display:flex;flex-direction:column;gap:20px}
.lh-faq-item{padding:20px;background:rgba(21,21,42,.5);border-left:3px solid #ffaa00;border-radius:6px}
.lh-faq-q{font-size:16px;font-weight:700;color:#ffaa00;margin:0 0 8px;line-height:1.4}
.lh-faq-a{font-size:14px;line-height:1.6;color:#a0a0b8;margin:0}
.lh-faq-item:hover{background:rgba(21,21,42,.7)}
@media (max-width:640px){
.lh-faq{margin:40px 0;padding:24px 16px}
.lh-faq-q{font-size:15px}
}
/* === End FAQ === */