
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--black:#07070b;--black2:#0d0c14;--white:#fff;--ink:#121217;--muted:#858493;--purple:#7542ff;--violet:#a67aff;--soft:#eee9ff;--line:rgba(255,255,255,.10);--darkline:rgba(18,18,23,.10);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#faf9f7;overflow-x:hidden}
body.loading:before{content:"";position:fixed;inset:0;background:#08070d;z-index:9999;animation:loaderOut .9s .25s forwards;pointer-events:none}
body.loading:after{content:"LR";position:fixed;z-index:10000;left:50%;top:50%;transform:translate(-50%,-50%) scale(.7);font-size:58px;font-weight:900;color:#fff;letter-spacing:-.10em;text-shadow:0 0 35px rgba(166,122,255,.75);animation:logoIntro .9s cubic-bezier(.2,.8,.2,1) .05s both,logoOut .65s .8s forwards}
@keyframes loaderOut{to{opacity:0;visibility:hidden}}@keyframes logoIntro{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(-10deg);filter:blur(10px);letter-spacing:.2em}55%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(2deg);filter:blur(0);letter-spacing:-.1em}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes logoOut{to{opacity:0;transform:translate(-50%,-50%) scale(1.35);filter:blur(4px)}}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.cursor-glow{position:fixed;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(117,66,255,.12),transparent 68%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);mix-blend-mode:screen}
header{position:fixed;z-index:100;top:0;left:0;right:0;background:rgba(7,7,11,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07);color:#fff}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:900;letter-spacing:-.055em;color:#fff}
.navlinks{display:flex;align-items:center;gap:27px}.navlinks a{font-size:12px;font-weight:700;color:#bdbbc7;transition:.25s}.navlinks a:hover,.navlinks a.active{color:#fff}
.navcta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 20px;font-size:12px;font-weight:800;border:1px solid rgba(255,255,255,.14);transition:.3s;cursor:pointer}
.navcta,.primary{background:linear-gradient(115deg,#9d70ff,#6431e7);color:#fff;border:0;box-shadow:0 12px 40px rgba(116,62,255,.25)}.btn:hover,.navcta:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,.2)}
.menu{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero,.dark-section{background:radial-gradient(circle at 70% 12%,rgba(110,51,255,.28),transparent 38%),radial-gradient(circle at 10% 90%,rgba(94,38,220,.15),transparent 34%),#08070d;color:#fff}
.hero{min-height:100vh;padding:145px 0 90px;display:flex;align-items:center;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:520px;height:520px;right:-260px;bottom:-260px;border-radius:50%;border:1px solid rgba(157,112,255,.14);box-shadow:0 0 0 70px rgba(157,112,255,.025),0 0 0 140px rgba(157,112,255,.018)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center;position:relative;z-index:2}
.kicker{font-size:11px;font-weight:900;letter-spacing:.26em;text-transform:uppercase;color:#a67aff}.hero .kicker{color:#b998ff}
h1{font-size:clamp(50px,7vw,88px);line-height:.96;letter-spacing:-.06em;margin:20px 0 26px;font-weight:900}.grad{background:linear-gradient(100deg,#fff 25%,#c4a4ff 60%,#7942ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:18px;line-height:1.75;color:#b9b7c4;max-width:700px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.secondary{background:rgba(255,255,255,.04);color:#fff}.hero-logo{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:30px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.35);animation:float 6s ease-in-out infinite}.hero-logo img{border-radius:16px}
.learningrig-hero-logo{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:260px;padding:20px;text-align:center;font-size:clamp(34px,6vw,72px);font-weight:900;letter-spacing:-.065em;color:#fff;line-height:1;animation:learningrigReveal 1.15s cubic-bezier(.2,.8,.2,1) both,learningrigPulse 4s ease-in-out 1.15s infinite}
.learningrig-hero-logo::after{content:"";position:absolute;inset:18% 10%;border:1px solid rgba(166,122,255,.22);border-radius:28px;animation:learningrigRing 4s ease-in-out infinite}
@keyframes learningrigReveal{from{opacity:0;transform:scale(.72) rotate(-4deg);filter:blur(12px);letter-spacing:.12em}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0);letter-spacing:-.065em}}
@keyframes learningrigPulse{50%{transform:translateY(-8px) scale(1.025)}}
@keyframes learningrigRing{50%{transform:scale(1.05);opacity:.5}to{transform:scale(1);opacity:1}}
.footer-brand{font-size:24px;font-weight:900;letter-spacing:-.055em;color:#fff;margin-bottom:12px}
@keyframes float{50%{transform:translateY(-12px)}}.orbit{position:absolute;inset:-30px;border:1px solid rgba(167,123,255,.18);border-radius:32px;animation:spin 22s linear infinite;pointer-events:none}.orbit:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#b58cff;top:22px;left:50%;box-shadow:0 0 25px #a47aff}
@keyframes spin{to{transform:rotate(360deg)}}
section{padding:110px 0}.light{background:#faf9f7}.dark-section{color:#fff}.sectionhead{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.sectionhead p{max-width:500px;color:#7f7d89;margin:0;line-height:1.7}.dark-section .sectionhead p{color:#9896a5}
h2{font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 0}.white{color:#fff}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid #e2e0dc;border-radius:20px;padding:28px;transition:.35s}.card:hover{transform:translateY(-8px);box-shadow:0 22px 60px rgba(30,22,55,.10);border-color:#cfc5ff}
.card.dark{background:rgba(255,255,255,.045);border-color:var(--line);color:#fff}.card h3{margin:0 0 9px;font-size:19px}.card p{margin:0;color:#83818c;font-size:13px;line-height:1.7}.dark .card p{color:#aaa8b4}
.pillar{min-height:220px}.num{color:#7542ff;font-size:11px;font-weight:900;letter-spacing:.14em;margin-bottom:28px}.icon{width:48px;height:48px;border-radius:14px;background:#f0ebff;color:#7140f4;display:grid;place-items:center;margin-bottom:24px}
.icon svg{width:22px;height:22px}
.audit{margin-top:55px;background:#09080f;color:#fff;border-radius:5px;padding:38px 42px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;position:relative;overflow:hidden}.audit:after{content:"";position:absolute;width:280px;height:280px;right:-130px;top:-160px;background:radial-gradient(circle,rgba(126,68,255,.3),transparent 68%)}.audit h3{font-size:28px;max-width:260px;margin:14px 0}.audit-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.audit-item{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;color:#d3d0dd}.audit-item:before{content:"";display:inline-block;width:6px;height:6px;background:#ad87ff;border-radius:50%;margin-right:12px}
.process{display:grid;gap:0}.process-row{display:grid;grid-template-columns:90px 1fr 130px;align-items:center;gap:20px;padding:26px 0;border-bottom:1px solid #dedbd6}.process-row .big{font-size:38px;color:#7b47ff;font-weight:500;letter-spacing:-.05em}.process-row h3{margin:0 0 5px;font-size:19px}.process-row p{margin:0;color:#888694;font-size:13px}.tag{justify-self:end;padding:8px 14px;border-radius:999px;background:#f0eaff;color:#6132d6;font-size:9px;font-weight:900;letter-spacing:.15em}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-box{background:#fff;border:1px solid #e0ddd8;padding:30px;border-radius:6px}.service-box h3{font-size:19px;margin:0 0 18px}.service-box ul{padding:0;margin:0;list-style:none}.service-box li{font-size:13px;margin:13px 0}.service-box li:before{content:"—";color:#7542ff;font-weight:900;margin-right:8px}.performance{grid-column:1/-1;background:linear-gradient(115deg,#5720c7,#7640ff);color:#fff;border-radius:5px;padding:34px}.performance .kicker{color:#d4c0ff}.performance h3{font-size:25px;max-width:850px;margin:12px 0 22px}.performance ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.performance li{font-size:13px}.performance li:before{content:"—";margin-right:8px;color:#d6c7ff}
.deliver-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.deliver{background:#fff;border:1px solid #dfdcd7;border-radius:6px;padding:27px}.deliver h4{font-size:11px;color:#7542ff;letter-spacing:.18em;margin:0 0 18px}.deliver p{font-size:14px;line-height:1.7;margin:0}.track{margin-top:28px;padding:26px 30px;background:#f1efeb;border:1px solid #dedbd5;border-radius:6px}.track .kicker{margin-bottom:17px}.trackline{display:flex;gap:18px;flex-wrap:wrap;font-weight:800;font-size:14px}.trackline span:not(:last-child):after{content:"→";color:#7542ff;margin-left:18px}
.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 70px}.diff{display:grid;grid-template-columns:48px 1fr;gap:15px}.diffno{width:44px;height:44px;border-radius:50%;background:#eee9ff;color:#6335d9;display:grid;place-items:center;font-weight:900;font-size:12px}.diff h3{margin:0 0 6px;font-size:18px}.diff p{margin:0;color:#888694;font-size:13px;line-height:1.65}.approach{padding:150px 0;background:radial-gradient(circle at 30% 20%,rgba(111,48,238,.18),transparent 36%),#08070d;color:#fff}.approach-rows{margin-top:45px}.approach-row{display:grid;grid-template-columns:70px 1fr 1.1fr;gap:25px;align-items:center;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.1)}.approach-row .n{color:#777483;font-size:15px}.approach-row .old{font-size:20px;color:#777483}.approach-row .new{font-size:27px;font-weight:800}.approach-row .new span{color:#a87cff}
.contact{background:radial-gradient(circle at 15% 10%,rgba(115,61,255,.28),transparent 38%),#08070d;color:#fff;padding:125px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end}.contact h2{max-width:760px}.contact .lead{max-width:650px}.people{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.person{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);padding:24px;border-radius:8px}.person b{display:block;font-size:17px}.person small{display:block;color:#a77cff;font-weight:800;letter-spacing:.13em;margin:5px 0 9px}.person a{font-size:13px;color:#c6c3cf}.contact-card{border:1px solid rgba(255,255,255,.12);padding:30px;border-radius:18px;background:rgba(255,255,255,.035)}.contact-card a{display:block;margin:13px 0;color:#ddd9e5;font-size:14px}
.form{display:grid;gap:12px}.form input,.form textarea,.form select{width:100%;background:#09080f;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:13px 14px;font:inherit;outline:none}.form textarea{min-height:130px;resize:vertical}.form label{font-size:10px;letter-spacing:.13em;color:#aaa7b4;font-weight:800}.field{display:grid;gap:7px}.form .btn{width:max-content}
footer{background:#050509;color:#fff;border-top:1px solid rgba(255,255,255,.08);padding:45px 0 24px}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footgrid img{width:170px;margin-bottom:15px}.footgrid p,.footgrid a{font-size:12px;color:#85828f;line-height:1.8;display:block}.footgrid h4{font-size:10px;letter-spacing:.16em;color:#a67aff}.bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;font-size:10px;color:#686572}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.show{opacity:1;transform:none}.stagger>*{opacity:0;transform:translateY(22px)}.stagger.show>*{animation:up .65s forwards}.stagger.show>*:nth-child(2){animation-delay:.08s}.stagger.show>*:nth-child(3){animation-delay:.16s}.stagger.show>*:nth-child(4){animation-delay:.24s}.stagger.show>*:nth-child(5){animation-delay:.32s}.stagger.show>*:nth-child(6){animation-delay:.4s}
@keyframes up{to{opacity:1;transform:none}}
@media(max-width:950px){.navlinks{display:none}.menu{display:block}.navlinks.open{display:flex;position:absolute;left:20px;right:20px;top:70px;flex-direction:column;align-items:stretch;background:#0c0b12;padding:20px;border:1px solid var(--line);border-radius:18px}.navlinks.open a{padding:8px}.hero-grid,.contact-grid,.audit{grid-template-columns:1fr}.cards3,.deliver-grid{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr}.performance{grid-column:auto}}
@media(max-width:650px){.container{width:calc(100% - 28px)}section{padding:75px 0}.hero{padding:125px 0 80px}.hero-grid{gap:40px}h1{font-size:50px}.lead{font-size:16px}.sectionhead{display:block}.sectionhead p{margin-top:15px}.cards3,.deliver-grid,.diff-grid,.people,.performance ul{grid-template-columns:1fr}.audit{padding:28px}.audit-grid{grid-template-columns:1fr}.process-row{grid-template-columns:55px 1fr;gap:12px}.tag{grid-column:2;justify-self:start}.process-row .big{font-size:30px}.approach-row{grid-template-columns:45px 1fr;gap:10px}.approach-row .new{grid-column:2;font-size:22px}.footgrid{grid-template-columns:1fr}.bottom{display:block}.bottom span{display:block;margin-top:6px}.cursor-glow{display:none}}
.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.course-card{background:#fff;border:1px solid #e0ddd8;padding:32px;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.course-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(0,0,0,.08)}.course-card h3{font-size:24px;margin:12px 0}.course-card p{color:#777584;font-size:14px;line-height:1.7}.course-card ul{padding:0;margin:22px 0 28px;list-style:none}.course-card li{font-size:13px;margin:12px 0}.course-card li:before{content:"—";color:#7542ff;font-weight:900;margin-right:8px}.course-tag{font-size:10px;letter-spacing:2px;font-weight:800;color:#6335d9}.people .person span{display:block;color:#777584;font-size:13px;margin-top:5px}@media(max-width:650px){.course-grid{grid-template-columns:1fr}}

.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.course-card{background:#fff;border:1px solid var(--darkline);border-radius:24px;padding:32px;box-shadow:0 15px 50px rgba(18,18,23,.06);transition:.3s}
.course-card:hover{transform:translateY(-7px);box-shadow:0 25px 70px rgba(18,18,23,.12)}
.course-card h3{font-size:27px;letter-spacing:-.04em;margin:13px 0 10px}
.course-card p{color:#777584;line-height:1.7}.course-card ul{padding-left:20px;color:#555;line-height:1.9;margin:18px 0 25px}
.course-tag{font-size:10px;font-weight:900;letter-spacing:.18em;color:#7542ff}
.course-hero{min-height:70vh;padding-top:150px;padding-bottom:90px}.course-hero h1{max-width:850px}
.course-hero .lead{max-width:760px}
.modules{display:grid;gap:14px;margin-top:45px}.module{display:flex;gap:20px;align-items:flex-start;padding:24px;border:1px solid var(--darkline);border-radius:18px;background:#fff}
.module>span{font-weight:900;color:#7542ff;font-size:12px;letter-spacing:.08em;padding-top:5px}.module h3{margin:0 0 7px;font-size:18px}.module p{margin:0;color:#777584;line-height:1.6}
.enroll-box{margin-top:55px;padding:35px;border-radius:25px;background:linear-gradient(120deg,#100d19,#211342);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.enroll-box h2{margin:12px 0 8px}.enroll-box p{color:#c9c5d4;line-height:1.6}
@media(max-width:800px){.course-grid{grid-template-columns:1fr}.enroll-box{flex-direction:column;align-items:flex-start}.course-hero{min-height:auto}}

.whatsapp-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;z-index:9998;box-shadow:0 12px 35px rgba(0,0,0,.28);transition:.25s;text-decoration:none}
.whatsapp-float:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 42px rgba(37,211,102,.35)}
.whatsapp-float svg{width:30px;height:30px;fill:currentColor}
@media(max-width:650px){.whatsapp-float{right:16px;bottom:16px;width:54px;height:54px}.whatsapp-float svg{width:28px;height:28px}}
/* Learningrig 2026 visual upgrade */
.hero-home{color:#fff;min-height:100vh;padding:125px 0 95px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 40%,rgba(110,51,255,.28),transparent 30%),radial-gradient(circle at 82% 25%,rgba(0,183,255,.16),transparent 28%),#07070d}
.hero-home:before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 0deg,transparent 0 15%,rgba(124,65,255,.12) 18%,transparent 24% 48%,rgba(0,197,255,.08) 52%,transparent 58%);animation:heroSpin 24s linear infinite}
@keyframes heroSpin{to{transform:rotate(360deg)}}
.hero-home .hero-grid{z-index:2}.hero-home h1{color:#fff}.hero-copy{position:relative;z-index:3}.hero-copy h1{max-width:700px}.hero-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px;max-width:520px}.hero-badge{padding:12px 14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:14px;color:#ddd9e8;font-size:11px;font-weight:700}.hero-badge b{color:#fff;display:block;margin-bottom:3px}
.logo-stage{position:relative;min-height:520px;display:grid;place-items:center}.logo-core{position:relative;width:min(390px,70vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#16132b 0 45%,rgba(10,9,18,.82) 46% 100%);border:1px solid rgba(255,255,255,.14);box-shadow:0 0 80px rgba(117,66,255,.26),inset 0 0 80px rgba(84,43,190,.2);animation:coreFloat 5s ease-in-out infinite}.logo-core:before,.logo-core:after{content:"";position:absolute;border-radius:50%;inset:-18px;border:2px solid transparent;border-top-color:#a56cff;border-right-color:#4b9dff;filter:drop-shadow(0 0 14px rgba(124,76,255,.8));animation:orbit 8s linear infinite}.logo-core:after{inset:-45px;border:1px dashed rgba(120,76,255,.35);animation:orbitReverse 14s linear infinite}.logo-text{font-size:clamp(42px,6vw,72px);font-weight:900;letter-spacing:-.07em;color:#fff;text-shadow:0 0 30px rgba(160,115,255,.25);animation:textPulse 3s ease-in-out infinite}.logo-text span{color:#5fa7ff}.logo-tag{position:absolute;bottom:20%;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#b9b0d4}.spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 20px 5px #8e5cff;animation:sparkFloat 4s ease-in-out infinite}.s1{top:12%;left:20%}.s2{top:20%;right:12%;animation-delay:1s}.s3{bottom:15%;left:14%;animation-delay:2s}.s4{bottom:12%;right:18%;animation-delay:.6s}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes orbitReverse{to{transform:rotate(-360deg)}}@keyframes coreFloat{50%{transform:translateY(-10px) scale(1.015)}}@keyframes textPulse{50%{text-shadow:0 0 45px rgba(139,91,255,.48)}}@keyframes sparkFloat{50%{transform:translateY(-18px) scale(1.4);opacity:.55}}
.featured-course{overflow:hidden;padding:0}.featured-course .course-image{height:210px;overflow:hidden;background:#111}.featured-course .course-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.featured-course:hover .course-image img{transform:scale(1.05)}.featured-course .course-body{padding:26px}.course-meta{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.course-meta span{font-size:10px;font-weight:800;padding:7px 10px;border-radius:999px;background:#f0ebff;color:#6335d9}
.page-hero{padding:155px 0 90px;background:radial-gradient(circle at 80% 10%,rgba(116,62,255,.25),transparent 38%),#08070d;color:#fff}.page-hero .lead{max-width:760px}.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:start}.rich-copy p{color:#777584;line-height:1.9}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.check-item{padding:20px;border:1px solid #e2dfda;border-radius:16px;background:#fff}.check-item b{display:block;margin-bottom:7px}.check-item p{margin:0;color:#777584;font-size:13px;line-height:1.65}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}.stat{padding:24px;border-radius:18px;background:#11101a;color:#fff;border:1px solid rgba(255,255,255,.08)}.stat strong{display:block;font-size:28px}.stat span{font-size:11px;color:#aaa7b5}.quote-box{padding:30px;border-radius:20px;background:linear-gradient(120deg,#f2edff,#fff);border:1px solid #ded6ff}.course-hero-layout{display:grid;grid-template-columns:1fr .85fr;gap:55px;align-items:center}.course-feature-image{border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 35px 100px rgba(0,0,0,.35)}.course-feature-image img{width:100%;aspect-ratio:16/9;object-fit:cover}.course-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.highlight{padding:20px;border:1px solid #dfdcd7;border-radius:16px;background:#fff}.highlight b{display:block;font-size:13px;margin-bottom:6px}.highlight span{font-size:11px;color:#7f7d89;line-height:1.5}.module p{max-width:720px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq{padding:25px;border-radius:16px;background:#fff;border:1px solid #e1ded9}.faq h3{margin:0 0 8px;font-size:16px}.faq p{margin:0;color:#7d7a87;font-size:13px;line-height:1.7}.cta-band{padding:35px 40px;border-radius:22px;background:linear-gradient(115deg,#5620c8,#7640ff);color:#fff;display:flex;justify-content:space-between;gap:30px;align-items:center}.cta-band h2{font-size:30px;margin:0 0 8px}.cta-band p{margin:0;color:#e4d9ff;font-size:13px}
@media(max-width:850px){.hero-grid,.course-hero-layout,.content-grid{grid-template-columns:1fr}.logo-stage{min-height:420px}.stat-grid{grid-template-columns:1fr 1fr}.course-highlights{grid-template-columns:1fr}.check-grid,.faq-grid{grid-template-columns:1fr}.hero-badges{max-width:none}.cta-band{flex-direction:column;align-items:flex-start}}

/* Visibility fix: keep the main hero message bright on the dark animated background. */
.hero-home .hero-copy h1 .hero-main-copy{color:#ffffff !important;opacity:1 !important;visibility:visible !important;text-shadow:0 0 18px rgba(255,255,255,.08)}

/* Premium rounded Learningrig hero animation + deeper home page */
.logo-wordmark-shell{position:relative;min-width:290px;padding:34px 30px 30px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 55px rgba(0,0,0,.28),0 0 45px rgba(117,66,255,.16);backdrop-filter:blur(14px);animation:shellFloat 4.8s ease-in-out infinite;overflow:hidden}
.logo-wordmark-shell:before{content:"";position:absolute;inset:-2px;border-radius:36px;padding:1px;background:linear-gradient(110deg,rgba(170,122,255,.85),rgba(55,165,255,.75),rgba(255,255,255,.1),rgba(170,122,255,.85));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-size:220% 100%;animation:borderSweep 4.5s linear infinite;pointer-events:none}
.logo-wordmark-shell:after{content:"";position:absolute;width:150px;height:150px;right:-70px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(87,153,255,.45),transparent 68%);filter:blur(8px);animation:haloDrift 5s ease-in-out infinite}
.logo-core{isolation:isolate}
.logo-halo{position:absolute;inset:-82px;border-radius:50%;border:1px solid rgba(115,75,255,.14);box-shadow:0 0 0 28px rgba(117,66,255,.025),0 0 0 62px rgba(65,148,255,.025),0 0 70px rgba(117,66,255,.2);animation:haloPulse 5s ease-in-out infinite;pointer-events:none}
.logo-mini-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16);pointer-events:none}.ring-a{inset:-8px;animation:orbit 11s linear infinite}.ring-b{inset:-62px;border-style:dashed;border-color:rgba(74,159,255,.28);animation:orbitReverse 17s linear infinite}
.ring-a:after,.ring-b:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#b894ff;box-shadow:0 0 18px 5px rgba(139,91,255,.65);top:10%;left:50%}
.ring-b:after{background:#5db9ff;box-shadow:0 0 18px 5px rgba(70,160,255,.55);top:80%;left:10%}
@keyframes shellFloat{50%{transform:translateY(-7px) scale(1.015)}}@keyframes borderSweep{to{background-position:220% 0}}@keyframes haloDrift{50%{transform:translate(-30px,25px) scale(1.2);opacity:.65}}@keyframes haloPulse{50%{transform:scale(1.045);opacity:.75}}
.home-outcomes{position:relative;overflow:hidden}.home-outcomes:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;left:-300px;top:-200px;border:1px solid rgba(167,123,255,.12);box-shadow:0 0 0 70px rgba(167,123,255,.025),0 0 0 140px rgba(167,123,255,.015);animation:spin 28s linear infinite}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;position:relative}.outcome-card{padding:28px;border-radius:24px;background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);transition:.35s;position:relative;overflow:hidden}.outcome-card:after{content:"";position:absolute;width:110px;height:110px;right:-55px;top:-55px;border-radius:50%;border:1px solid rgba(167,123,255,.22)}.outcome-card:hover{transform:translateY(-8px);border-color:rgba(167,123,255,.38);box-shadow:0 22px 60px rgba(0,0,0,.2)}.outcome-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#eee8ff;color:#6738dc;font-size:11px;font-weight:900;margin-bottom:28px}.outcome-card h3{margin:0 0 9px;font-size:18px}.outcome-card p{margin:0 0 20px;color:#aaa7b4;font-size:13px;line-height:1.7}.outcome-card span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#b996ff;font-weight:900}.audience-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.audience-list>div{padding:18px;border:1px solid #e1ded9;border-radius:18px;background:#fff}.audience-list b{display:block;font-size:13px;margin-bottom:6px}.audience-list span{display:block;color:#7e7b88;font-size:12px;line-height:1.55}.stats-panel{display:grid;gap:16px}.home-quote{padding:30px}.home-quote h3{font-size:26px;line-height:1.2;margin:12px 0}.testimonials{padding-top:30px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testimonial{background:#fff;border:1px solid #e1ded9;border-radius:24px;padding:28px;box-shadow:0 12px 40px rgba(18,18,23,.05);transition:.3s}.testimonial:hover{transform:translateY(-6px);box-shadow:0 20px 55px rgba(18,18,23,.09)}.stars{color:#7542ff;letter-spacing:.18em;font-size:11px;margin-bottom:18px}.testimonial p{font-size:14px;line-height:1.75;color:#5f5d68;min-height:100px}.testimonial b{display:block;font-size:12px}.testimonial span{display:block;color:#8a8793;font-size:11px;margin-top:5px}.home-final-cta{padding-top:40px;padding-bottom:110px}.home-final-cta .cta-band{box-shadow:0 25px 80px rgba(87,32,200,.25)}
.page-back{position:fixed;z-index:99;left:22px;top:92px;display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:999px;background:rgba(8,7,13,.78);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(14px);box-shadow:0 10px 35px rgba(0,0,0,.18);transition:.25s}.page-back:hover{transform:translateX(-3px);background:rgba(117,66,255,.82)}
@media(max-width:1000px){.outcome-grid{grid-template-columns:1fr 1fr}.logo-wordmark-shell{min-width:250px}.testimonial-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.logo-wordmark-shell{min-width:0;width:88%;padding:30px 20px 26px}.audience-list,.outcome-grid,.testimonial-grid{grid-template-columns:1fr}.testimonial p{min-height:0}.page-back{left:12px;top:84px;padding:9px 12px}.page-back span{display:none}.logo-halo{inset:-55px}.ring-b{inset:-42px}}


/* Final mobile layout fixes — prevent narrow columns, clipping and title overlap */
@media (max-width: 650px){
  html, body { width:100%; max-width:100%; overflow-x:hidden; }
  .container { width:calc(100% - 28px) !important; max-width:100% !important; }

  /* Course cards: one full-width card per row even when the HTML has an inline 4-column style. */
  .cards3,
  .cards3[style],
  .cards3[style*="grid-template-columns"] {
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    gap:18px !important;
  }
  .cards3 > .card,
  .cards3 > article {
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  .featured-course .course-image { height:auto !important; aspect-ratio:16/9; }
  .featured-course .course-image img { display:block; width:100%; height:100%; object-fit:cover; }
  .featured-course .course-body { padding:22px !important; }
  .featured-course h3 { font-size:21px; line-height:1.2; overflow-wrap:normal; word-break:normal; }
  .featured-course p { font-size:14px; line-height:1.65; overflow-wrap:break-word; word-break:normal; }

  /* Keep the animated Learningrig mark contained inside the phone viewport. */
  .logo-stage { min-height:350px !important; width:100%; overflow:visible; }
  .logo-core {
    width:min(300px,76vw) !important;
    max-width:300px !important;
  }
  .logo-wordmark-shell {
    width:88% !important;
    min-width:0 !important;
    padding:24px 16px 20px !important;
    border-radius:26px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
  .logo-text {
    font-size:clamp(34px,11vw,48px) !important;
    line-height:1 !important;
    white-space:nowrap !important;
    letter-spacing:-.06em !important;
  }
  .logo-tag {
    position:static !important;
    margin-top:9px !important;
    font-size:8px !important;
    line-height:1.25 !important;
    letter-spacing:.14em !important;
    white-space:nowrap !important;
  }
  .logo-halo { inset:-42px !important; }
  .ring-a { inset:-6px !important; }
  .ring-b { inset:-30px !important; }

  /* Prevent long words/titles from forcing horizontal overflow. */
  h1, h2, h3, h4, .hero-main-copy, .grad, .page-hero h1 {
    max-width:100%;
    overflow-wrap:break-word;
    word-break:normal;
  }
  .hero-home h1 {
    font-size:clamp(2.15rem,9.8vw,3rem) !important;
    line-height:1.02 !important;
    letter-spacing:-.045em !important;
  }
  .hero-home .lead { font-size:16px !important; line-height:1.7 !important; }
  .actions { width:100%; }
  .actions .btn { width:100%; max-width:100%; }

  /* Mobile navigation */
  .nav { height:68px !important; }
  .brand { font-size:21px; }
  .navlinks.open {
    left:12px !important;
    right:12px !important;
    top:64px !important;
    max-height:calc(100vh - 78px);
    overflow-y:auto;
  }

  /* Course detail pages */
  .course-hero-layout, .content-grid { gap:30px !important; }
  .course-feature-image { border-radius:20px; }
  .course-highlights, .check-grid, .faq-grid, .stat-grid { gap:12px !important; }
  .module { padding-left:0 !important; padding-right:0 !important; }
  .cta-band { padding:28px 22px !important; border-radius:20px; }
  .cta-band h2 { font-size:25px !important; }

  /* Floating WhatsApp stays inside the viewport and above page content. */
  .whatsapp-float { right:14px !important; bottom:18px !important; width:56px !important; height:56px !important; z-index:120 !important; }
}


/* Mobile repair v2: force a stable single-column course layout and a consistent header. */
@media (max-width: 950px) {
  html, body { width:100% !important; max-width:100% !important; overflow-x:hidden !important; }
  header {
    background:#07070b !important;
    color:#fff !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
  }
  header .brand, header .menu { color:#fff !important; }
  .nav { width:100% !important; padding-left:14px !important; padding-right:14px !important; }
  .navlinks.open { background:#0b0a11 !important; color:#fff !important; }

  /* Inline grid declarations on the course cards must not override mobile layout. */
  .cards3,
  .cards3[style],
  div.cards3[style] {
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-auto-columns:auto !important;
    width:100% !important;
    max-width:100% !important;
    gap:18px !important;
  }
  .cards3 > .card,
  .cards3 > article,
  .cards3 .featured-course {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
  }
  .featured-course .course-image {
    width:100% !important;
    height:auto !important;
    aspect-ratio:16/9 !important;
    overflow:hidden !important;
  }
  .featured-course .course-image img {
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    display:block !important;
  }
  .featured-course .course-body {
    width:100% !important;
    padding:22px !important;
  }
  .featured-course h3,
  .featured-course p,
  .featured-course .course-tag,
  .featured-course .course-meta {
    max-width:100% !important;
    width:auto !important;
    min-width:0 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }
  .featured-course h3 { font-size:22px !important; line-height:1.2 !important; }
  .featured-course p { font-size:15px !important; line-height:1.65 !important; }
  .featured-course .btn { width:100% !important; }

  /* Keep all major content grids readable on phones. */
  .content-grid, .hero-grid, .contact-grid, .audit, .deliver-grid, .service-grid {
    grid-template-columns:1fr !important;
  }
  .footgrid { grid-template-columns:1fr !important; }
  .outcome-grid, .testimonial-grid, .audience-list { grid-template-columns:1fr !important; }
}


/* Final Learningrig logo lockup fix: keep wordmark and tagline clearly separated */
.logo-wordmark-shell{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:10px !important;
  min-height:138px !important;
}
.logo-text{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  line-height:.98 !important;
  white-space:nowrap !important;
  margin:0 !important;
}
.logo-tag{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  z-index:2 !important;
  display:block !important;
  margin:0 !important;
  font-size:9px !important;
  line-height:1.25 !important;
  letter-spacing:.16em !important;
  white-space:nowrap !important;
  transform:none !important;
  opacity:.9 !important;
}
@media (max-width:650px){
  .logo-wordmark-shell{
    min-height:116px !important;
    gap:7px !important;
    padding:20px 14px 17px !important;
  }
  .logo-text{
    font-size:clamp(32px,10.5vw,46px) !important;
    line-height:.98 !important;
  }
  .logo-tag{
    font-size:7px !important;
    letter-spacing:.11em !important;
    line-height:1.2 !important;
  }
}


/* Learningrig final mobile logo separation */
@media (max-width:767px){
  .logo-stage{min-height:390px;padding:24px 10px;width:100%;overflow:visible}
  .logo-core{width:min(330px,88vw);max-width:330px}
  .logo-wordmark-shell{min-width:0;width:min(270px,76vw);max-width:270px;padding:26px 16px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden}
  .logo-text{position:relative;display:block;font-size:clamp(30px,9.5vw,46px);line-height:1.05;letter-spacing:-.055em;white-space:nowrap;z-index:2}
  .logo-tag{position:relative;inset:auto;bottom:auto;top:auto;left:auto;right:auto;display:block;margin:0;font-size:7px;line-height:1.3;letter-spacing:.14em;text-align:center;white-space:nowrap;color:#d8d2e6;z-index:3}
}
