/* TeachMeCybersecurity responsive tech polish */
:root{--ink:#07111f;--muted:#59677d;--line:#d9e4f2;--blue:#1267ff;--cyan:#18d5ff;--green:#18c96e;--violet:#7c4dff;--amber:#ffb020;--pink:#ff4fa3;--soft:#f5f8fc;--deep:#07111f}
html,body{max-width:100%;overflow-x:hidden}
body{background:linear-gradient(180deg,#f9fbff 0,#fff 34%,#f6f9fd 100%);text-rendering:optimizeLegibility}
.container{width:min(1240px,calc(100% - 48px))}
.site-header{height:76px;border-top:0;border-bottom:1px solid rgba(126,152,190,.22);background:rgba(255,255,255,.86);backdrop-filter:blur(18px);box-shadow:0 12px 35px rgba(15,34,64,.06)}
.nav-wrap{gap:22px}.brand{letter-spacing:0}.brand-logo{filter:drop-shadow(0 8px 14px rgba(18,103,255,.22))}
.desktop-nav a{position:relative;color:#31415a;font-weight:750}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:linear-gradient(90deg,var(--blue),var(--green));transform:scaleX(0);transform-origin:left;transition:transform .2s}.desktop-nav a:hover{color:var(--ink)}.desktop-nav a:hover:after{transform:scaleX(1)}
.btn{border-radius:10px;min-height:44px;letter-spacing:0;box-shadow:0 1px 0 rgba(255,255,255,.45) inset}.btn-primary,.btn-dark{background:linear-gradient(135deg,#1267ff 0,#11b3d9 52%,#18c96e 100%);color:#fff;border-color:rgba(255,255,255,.18)}.btn-dark{background:linear-gradient(135deg,#081427,#152b4c)}.btn-soft{background:rgba(255,255,255,.76);border-color:#cddbef;color:#17233a}
.hero{padding:108px 0 88px;background-color:var(--deep);color:#fff}.hero.grid-bg{background-image:radial-gradient(circle at 18% 18%,rgba(24,213,255,.18),transparent 28%),radial-gradient(circle at 82% 12%,rgba(124,77,255,.16),transparent 24%),linear-gradient(rgba(90,139,255,.13) 1px,transparent 0),linear-gradient(90deg,rgba(90,139,255,.13) 1px,transparent 0),linear-gradient(135deg,#06101f,#0c1c34 52%,#071323);background-size:auto,auto,42px 42px,42px 42px,auto}.hero:before{background:linear-gradient(135deg,rgba(24,213,255,.26),rgba(124,77,255,.03));filter:blur(8px)}.hero:after{background:linear-gradient(135deg,rgba(24,201,110,.18),rgba(18,103,255,.04));filter:blur(8px)}
.hero-inner{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:56px}.kicker{color:#62ddff}.kicker:before{color:#36f49a}.hero h1{max-width:760px;font-size:clamp(44px,5vw,72px);letter-spacing:-1.8px}.hero h1 span{background:linear-gradient(90deg,#62ddff,#36f49a 60%,#ffdb7a);-webkit-background-clip:text;background-clip:text}.hero-copy{color:#cfdbef;max-width:710px}.stats{background:rgba(255,255,255,.08);border-color:rgba(177,202,238,.18);backdrop-filter:blur(16px)}.stats div{border-color:rgba(177,202,238,.18)}.stats b{color:#fff}.stats span{color:#c4d1e5}
.hero-card,.threat-graph{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,249,255,.94));border-color:rgba(178,203,238,.7);box-shadow:0 28px 80px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.45) inset}.hero-card{border-radius:20px}.hero-card h3{color:#0b1832}.hero-card p,.hero-card li{color:#53647c}
.course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.course-card,.feature-card,.review-card,.blog-card,.wa-query-card,.contact-panel,.summary-card,.module,.outcomes div,.popular-card{border-radius:14px;border-color:#d4e1f2;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 12px 35px rgba(19,41,78,.07)}.course-card{display:flex;flex-direction:column;position:relative}.course-top{padding:14px 16px}.pill{background:linear-gradient(135deg,var(--blue),#0eb8d7);letter-spacing:.5px}.duration{color:#60718a;font-weight:750}.course-visual{height:128px;background:radial-gradient(circle at 78% 24%,rgba(255,255,255,.22),transparent 34%),linear-gradient(135deg,#081427,#113a68)}.course-card:nth-child(3n+2) .course-visual{background:radial-gradient(circle at 78% 24%,rgba(255,255,255,.2),transparent 34%),linear-gradient(135deg,#071c2b,#075867)}.course-card:nth-child(3n+3) .course-visual{background:radial-gradient(circle at 78% 24%,rgba(255,255,255,.2),transparent 34%),linear-gradient(135deg,#1d1435,#5230a6)}.course-visual span{font-size:42px;letter-spacing:4px;text-shadow:0 10px 22px rgba(0,0,0,.28)}.course-body{display:flex;flex:1;flex-direction:column}.course-body p:not(.eyebrow){font-size:14.5px}.card-footer{margin-top:auto}
.feature-grid{gap:22px}.feature-card:before,.course-card:before,.review-card:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green));opacity:.85}.feature-card,.review-card{position:relative}.feature-card:nth-child(2):before,.review-card:nth-child(2n):after{background:linear-gradient(90deg,var(--violet),var(--pink))}.feature-card:nth-child(3):before,.review-card:nth-child(3n):after{background:linear-gradient(90deg,var(--amber),var(--green))}.feature-card:nth-child(4):before{background:linear-gradient(90deg,var(--cyan),var(--blue))}
.feature-icon,.icon-chip,.pop-icon,.wa-query-points i{border-radius:12px}.course-icon{box-shadow:0 0 0 1px rgba(255,255,255,.24) inset,0 10px 22px rgba(0,0,0,.26)}
.trust-strip{background:#fff;border-color:#dce6f4}.trust-items{gap:14px;color:#40506a}.trust-items>span{min-width:0;padding:8px 0}.section{padding:88px 0}.pale{background:linear-gradient(180deg,#f4f8fd,#edf4fb)}.section h2{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.7px}.section-head{align-items:end}.wa-query{gap:48px}.lead-form input,.lead-form select,.lead-form textarea,.wa-query-form input,.wa-query-form select,.wa-query-form textarea,.filter-wrap input{border-color:#ccd9ea;min-height:46px}.float-btn{width:56px;height:56px}.footer{background:#081427;color:#b9c7da;border-top:0}.footer h4,.footer-brand,.footer .brand{color:#fff}.footer a:hover{color:#fff}.copyright{border-color:rgba(255,255,255,.12)}
@media(min-width:1500px){.container{width:min(1360px,calc(100% - 72px))}.course-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-inner{grid-template-columns:1.1fr .9fr}}
@media(max-width:1100px){.container{width:min(100% - 36px,1120px)}.desktop-nav{gap:16px;font-size:13px}.nav-actions .btn{padding-inline:14px}.hero-inner{grid-template-columns:1fr .82fr;gap:38px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid,.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}}
@media(max-width:950px){.site-header{height:68px}.hero{padding:82px 0 62px}.hero-inner,.detail-hero,.split,.wa-query,.hero2-inner{grid-template-columns:1fr}.hero-visual{max-width:560px;width:100%;margin:auto}.mobile-nav{top:68px;background:linear-gradient(180deg,rgba(255,255,255,.98),#f6faff);box-shadow:0 20px 45px rgba(15,34,64,.14)}.mobile-nav-links a{font-size:17px;color:#14223a}.hero-features{width:100%;grid-template-columns:1fr 1fr}.section-head{align-items:flex-start}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.container{width:min(100% - 28px,1120px)}.site-header{height:64px}.brand{font-size:14px;gap:8px}.brand-accent{font-size:9px;letter-spacing:1.4px}.nav-toggle{width:42px;height:42px;border-radius:9px}.mobile-nav{top:64px;padding:22px 18px}.hero{padding:58px 0 44px}.hero h1{font-size:clamp(34px,10vw,42px);letter-spacing:-.8px;margin:16px 0}.hero-copy{font-size:15.5px;line-height:1.62}.hero-buttons .btn{width:100%}.stats{margin-top:24px}.stats div{padding:14px 16px}.hero-card{padding:24px 18px}.threat-graph{padding:16px}.tg-stats{display:grid;gap:12px}.trust-items{grid-template-columns:1fr;align-items:start}.trust-items>span{padding:0}.section{padding:56px 0}.section h2{font-size:29px}.course-grid,.feature-grid,.review-grid,.blog-grid,.footer-grid,.popular-grid,.steps,.outcomes,.field-row{grid-template-columns:1fr}.course-visual{height:112px}.course-visual span{font-size:34px}.course-body{padding:20px}.wa-query-card,.contact-panel,.summary-card,.post-cta{padding:22px 18px}.float-actions{right:14px;bottom:14px}.float-btn{width:50px;height:50px}.footer{padding:46px 0 20px}}

/* Focused icon and homepage hero upgrade */
.hero.grid-bg{isolation:isolate;background-image:linear-gradient(135deg,rgba(6,16,31,.95),rgba(9,24,47,.94)),linear-gradient(rgba(35,180,255,.12) 1px,transparent 0),linear-gradient(90deg,rgba(35,180,255,.12) 1px,transparent 0),linear-gradient(135deg,#06101f,#0c1f3a 54%,#061522);background-size:auto,38px 38px,38px 38px,auto;background-blend-mode:normal,screen,screen,normal}
.hero:before{inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(90deg,transparent 0 8%,rgba(24,213,255,.34) 8.2%,transparent 8.5% 31%,rgba(24,201,110,.26) 31.2%,transparent 31.5% 70%,rgba(124,77,255,.28) 70.2%,transparent 70.5%),linear-gradient(0deg,transparent 0 18%,rgba(24,213,255,.18) 18.2%,transparent 18.5% 56%,rgba(24,201,110,.16) 56.2%,transparent 56.5%);background-size:260px 190px,330px 220px;opacity:.42;filter:none;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.hero:after{inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(110deg,transparent 0 42%,rgba(24,213,255,.16) 48%,transparent 55%);filter:none;animation:tmcScan 6s ease-in-out infinite;z-index:0}
@keyframes tmcScan{0%,18%{transform:translateX(-35%);opacity:0}35%,72%{opacity:.85}100%{transform:translateX(35%);opacity:0}}
.hero .reveal:first-child{position:relative;padding-left:22px}.hero .reveal:first-child:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--cyan),var(--green),var(--violet));box-shadow:0 0 22px rgba(24,213,255,.7)}
.hero h1{text-shadow:0 16px 42px rgba(0,0,0,.34)}.hero-copy{border-left:1px solid rgba(98,221,255,.28);padding-left:18px}
.hero-buttons .btn-primary{box-shadow:0 18px 45px rgba(18,103,255,.35),0 0 0 1px rgba(255,255,255,.22) inset}.hero-buttons .btn-dark{box-shadow:0 18px 40px rgba(0,0,0,.28),0 0 0 1px rgba(98,221,255,.16) inset}
.hero-card{background:linear-gradient(180deg,rgba(248,252,255,.97),rgba(235,244,255,.95));border:1px solid rgba(98,221,255,.35)}
.hero-card:after{content:"SECURITY LAB";position:absolute;left:20px;right:20px;bottom:18px;padding:11px 12px;border-radius:12px;background:#07111f;color:#7fffd3;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:1.8px;text-align:left;box-shadow:inset 0 0 0 1px rgba(98,221,255,.22),0 12px 24px rgba(7,17,31,.18)}
.hero-visual .hero-card{padding-bottom:250px}
.hero-logo{padding:10px;border-radius:18px;background:linear-gradient(145deg,#eaf6ff,#eef8f2);box-shadow:0 14px 26px rgba(18,103,255,.18),inset 0 0 0 1px rgba(18,103,255,.12)}
.threat-graph{border-color:rgba(24,213,255,.42)}.tg-head b{letter-spacing:.2px}.tg-live{box-shadow:0 0 16px rgba(24,201,110,.3)}
.feature-icon,.icon-chip,.pop-icon,.wa-query-points i,.section p i{position:relative;overflow:hidden;isolation:isolate;display:inline-grid;place-items:center}
.feature-icon:before,.icon-chip:before,.pop-icon:before,.wa-query-points i:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 180deg,rgba(255,255,255,0),rgba(255,255,255,.9),rgba(255,255,255,0));opacity:.45;transform:rotate(18deg);z-index:-1}
.feature-icon{width:54px;height:54px;font-size:21px;border-radius:16px;background:linear-gradient(145deg,#eaf6ff,#dceaff);color:#1267ff;box-shadow:0 14px 28px rgba(18,103,255,.23),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -4px 10px rgba(18,103,255,.12)}
.feature-card:nth-child(2) .feature-icon{background:linear-gradient(145deg,#f4edff,#e5d8ff);color:#7c4dff;box-shadow:0 14px 28px rgba(124,77,255,.22),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -4px 10px rgba(124,77,255,.12)}
.feature-card:nth-child(3) .feature-icon{background:linear-gradient(145deg,#fff7e8,#ffe5ad);color:#b87500;box-shadow:0 14px 28px rgba(255,176,32,.24),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -4px 10px rgba(255,176,32,.12)}
.feature-card:nth-child(4) .feature-icon{background:linear-gradient(145deg,#e9fcff,#c8f6ff);color:#0090ad;box-shadow:0 14px 28px rgba(24,213,255,.22),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -4px 10px rgba(24,213,255,.12)}
.course-icon{top:14px;right:16px;width:46px;height:46px;border-radius:15px;font-size:19px;background:linear-gradient(145deg,rgba(255,255,255,.26),rgba(255,255,255,.1));color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.28) inset,0 0 26px rgba(24,213,255,.22)}
.course-card:hover .course-icon,.feature-card:hover .feature-icon,.trust-items>span:hover .icon-chip{transform:translateY(-2px) scale(1.06)}
.icon-chip{background:linear-gradient(145deg,#eaf6ff,#dceaff);box-shadow:0 12px 24px rgba(18,103,255,.2),inset 0 1px 0 rgba(255,255,255,.9);transition:transform .2s,box-shadow .2s}.icon-chip.green{background:linear-gradient(145deg,#ecfff4,#cbf5dd)}.icon-chip.amber{background:linear-gradient(145deg,#fff8e8,#ffe5ad)}.icon-chip.purple{background:linear-gradient(145deg,#f4edff,#e5d8ff)}.icon-chip.pink{background:linear-gradient(145deg,#fff0f8,#ffd7eb)}.icon-chip.teal{background:linear-gradient(145deg,#e9fcff,#c8f6ff)}
.trust-items>span{border-radius:14px;transition:background .2s,transform .2s}.trust-items>span:hover{background:#f6faff;transform:translateY(-2px)}
.section p i:not(.fa-whatsapp){width:34px;height:34px;margin-right:8px;border-radius:11px;background:linear-gradient(145deg,#eaf6ff,#dceaff);color:#1267ff;box-shadow:0 8px 18px rgba(18,103,255,.16)}
@media(max-width:950px){.hero:before{background-size:220px 170px,280px 190px;opacity:.32}.hero-visual .hero-card{padding-bottom:30px}.hero-card:after{position:static;display:block;margin-top:18px}.hero-copy{border-left:0;padding-left:0}}
@media(max-width:640px){.hero .reveal:first-child{padding-left:16px}.hero:after{display:none}.feature-icon{width:50px;height:50px}.course-icon{width:42px;height:42px}.hero-card:after{font-size:10px;letter-spacing:1.2px}}
@media(prefers-reduced-motion:reduce){.hero:after{animation:none}}

/* Keep trust-strip icons locked inside larger color boxes */
.trust-items .icon-chip,.trust-items .icon-chip.sm{width:52px;height:52px;flex:0 0 52px;display:grid!important;place-items:center!important;border-radius:14px;font-size:0;padding:0;line-height:1}
.trust-items .icon-chip i,.trust-items .icon-chip.sm i{display:block!important;width:auto;height:auto;margin:0!important;font-size:24px;line-height:1;color:currentColor}
.trust-items>span{gap:14px;font-size:18px;font-weight:850;line-height:1.25}
@media(max-width:640px){.trust-items .icon-chip,.trust-items .icon-chip.sm{width:48px;height:48px;flex-basis:48px}.trust-items .icon-chip i,.trust-items .icon-chip.sm i{font-size:22px}.trust-items>span{font-size:16px}}

/* Convert trust-strip badges into centered icon cards */
.trust-strip{padding:34px 0;background:linear-gradient(180deg,#fff,#f7fbff)}
.trust-items{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:18px;align-items:stretch;justify-content:center}
.trust-items>span{min-height:136px;padding:22px 14px 18px!important;border:1px solid #d8e5f6;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 12px 30px rgba(18,42,80,.08);display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px!important;font-size:17px;font-weight:850;color:#34435b;transition:transform .2s,box-shadow .2s,border-color .2s}
.trust-items>span:hover{transform:translateY(-4px);border-color:#b9d7ff;box-shadow:0 18px 38px rgba(18,103,255,.14)}
.trust-items .icon-chip,.trust-items .icon-chip.sm{width:64px;height:64px;flex:0 0 64px;border-radius:18px}
.trust-items .icon-chip i,.trust-items .icon-chip.sm i{font-size:30px}
@media(max-width:1100px){.trust-items{grid-template-columns:repeat(3,minmax(160px,1fr))}}
@media(max-width:640px){.trust-strip{padding:24px 0}.trust-items{grid-template-columns:1fr 1fr;gap:12px}.trust-items>span{min-height:122px;padding:18px 10px 15px!important;font-size:14px}.trust-items .icon-chip,.trust-items .icon-chip.sm{width:56px;height:56px;flex-basis:56px}.trust-items .icon-chip i,.trust-items .icon-chip.sm i{font-size:26px}}

/* Compact hero visual card and place course icons inside clear icon cards */
.hero-visual{display:grid;gap:16px;align-items:start}
.hero-visual .hero-card{padding:28px 28px 34px!important;min-height:0}
.hero-card ul{margin-top:18px!important;gap:8px}
.hero-card:after{position:static!important;display:block;margin:18px auto 0;max-width:100%;padding:10px 12px;text-align:center}
.threat-graph{position:static!important;width:100%!important;max-width:none!important;margin:0!important;box-shadow:0 18px 42px rgba(0,0,0,.2),0 0 0 1px rgba(98,221,255,.18) inset}
.course-visual{position:relative;overflow:hidden}
.course-icon{width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(229,242,255,.92))!important;color:#1267ff!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 0 1px rgba(18,103,255,.16) inset,0 0 26px rgba(24,213,255,.22)!important;font-size:26px!important;line-height:1!important}
.course-icon.c-purple{color:#7c4dff!important;background:linear-gradient(145deg,#fbf8ff,#eadfff)!important}
.course-icon.c-teal{color:#009bb6!important;background:linear-gradient(145deg,#f2feff,#d3f8ff)!important}
.course-icon.c-amber{color:#bf7800!important;background:linear-gradient(145deg,#fffaf0,#ffe4a8)!important}
.course-icon.c-pink{color:#d6288f!important;background:linear-gradient(145deg,#fff5fb,#ffd7ec)!important}
.course-icon.c-indigo{color:#4f46e5!important;background:linear-gradient(145deg,#f7f8ff,#dde2ff)!important}
.course-icon.c-green{color:#07975a!important;background:linear-gradient(145deg,#f2fff8,#cff4de)!important}
.course-card:hover .course-icon{transform:translateY(-3px) scale(1.08);box-shadow:0 20px 40px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.8) inset,0 0 30px rgba(24,213,255,.34)!important}
@media(max-width:640px){.hero-visual .hero-card{padding:22px 18px 24px!important}.course-icon{width:50px!important;height:50px!important;font-size:23px!important;border-radius:15px!important}.threat-graph{padding:14px!important}}

/* Restore WhatsApp query icons inside their color cards */
.wa-query-points i{width:64px!important;height:64px!important;flex:0 0 64px!important;display:grid!important;place-items:center!important;border-radius:18px!important;font-size:27px!important;line-height:1!important;position:relative!important;overflow:hidden}
.wa-query-points i:before{position:static!important;inset:auto!important;background:none!important;opacity:1!important;transform:none!important;z-index:1!important;font-size:27px!important;line-height:1!important}
.wa-query-points .fa-whatsapp:before{content:"\f232"!important;font-family:"Font Awesome 6 Brands"!important}
.wa-query-points .fa-clock:before{content:"\f017"!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important}
.wa-query-points .fa-user-graduate:before{content:"\f501"!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important}
@media(max-width:640px){.wa-query-points i{width:56px!important;height:56px!important;flex-basis:56px!important;font-size:24px!important}.wa-query-points i:before{font-size:24px!important}}

/* Align hero text with the visual card start and remove extra top gap */
.hero:not(.compact){padding-top:54px!important;padding-bottom:64px!important}
.hero-inner{align-items:start!important}
.hero-inner>.reveal:first-child{padding-top:8px}
.hero-inner>.reveal:first-child .kicker{margin-top:0}
@media(max-width:950px){.hero:not(.compact){padding-top:46px!important}.hero-inner>.reveal:first-child{padding-top:0}}
@media(max-width:640px){.hero:not(.compact){padding-top:38px!important;padding-bottom:42px!important}}

/* Fill hero negative space with subtle cybersecurity HUD elements */
.hero-inner{position:relative}
.hero-inner>*{position:relative;z-index:2}
@media(min-width:951px){
  .hero-inner:before{content:"SOC  ALERTS  //  SIEM  ONLINE  //  ZTNA  ACTIVE";position:absolute;left:22px;bottom:18px;width:min(540px,46vw);height:86px;border:1px solid rgba(98,221,255,.24);border-radius:16px;background:linear-gradient(135deg,rgba(8,20,39,.72),rgba(8,28,50,.42));box-shadow:0 22px 55px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.04);backdrop-filter:blur(10px);color:#75e9ff;font:800 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:1.7px;display:flex;align-items:flex-start;padding:18px 22px;z-index:1;pointer-events:none}
  .hero-inner:after{content:"";position:absolute;left:72px;bottom:44px;width:min(500px,42vw);height:46px;z-index:1;pointer-events:none;background:radial-gradient(circle at 7% 50%,#18d5ff 0 5px,transparent 6px),radial-gradient(circle at 30% 22%,#18c96e 0 5px,transparent 6px),radial-gradient(circle at 58% 68%,#7c4dff 0 5px,transparent 6px),radial-gradient(circle at 86% 34%,#ffb020 0 5px,transparent 6px),linear-gradient(12deg,transparent 6%,rgba(24,213,255,.42) 6.5% 7.2%,transparent 7.8% 29%,rgba(24,201,110,.36) 29.5% 30.2%,transparent 30.8% 57%,rgba(124,77,255,.38) 57.5% 58.2%,transparent 58.8%);filter:drop-shadow(0 0 12px rgba(24,213,255,.36))}
  .hero .reveal:first-child:after{content:"THREAT HUNTING\A ZERO TRUST\A INCIDENT RESPONSE";white-space:pre;position:absolute;right:-210px;bottom:-104px;width:178px;border-left:2px solid rgba(24,201,110,.78);padding:12px 0 12px 16px;color:rgba(199,235,255,.82);font:800 11px/1.9 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:1.2px;text-align:left;opacity:.9;pointer-events:none}
}
@media(min-width:951px) and (max-width:1200px){
  .hero-inner:before{width:420px;height:76px;font-size:11px}
  .hero-inner:after{width:390px}
  .hero .reveal:first-child:after{display:none}
}

/* Clean hero tech decoration: subtle, behind content, no intrusive cards */
@media(min-width:951px){
  .hero-inner:before{content:"";left:34px;bottom:34px;width:min(520px,42vw);height:210px;border:0;border-radius:0;background:radial-gradient(circle at 9% 74%,rgba(24,213,255,.95) 0 4px,transparent 5px),radial-gradient(circle at 33% 42%,rgba(24,201,110,.9) 0 4px,transparent 5px),radial-gradient(circle at 61% 67%,rgba(124,77,255,.92) 0 4px,transparent 5px),radial-gradient(circle at 86% 32%,rgba(255,176,32,.95) 0 4px,transparent 5px),linear-gradient(12deg,transparent 8%,rgba(24,213,255,.26) 8.5% 9%,transparent 9.5% 31%,rgba(24,201,110,.22) 31.5% 32%,transparent 32.5% 59%,rgba(124,77,255,.24) 59.5% 60%,transparent 60.5%),linear-gradient(168deg,transparent 11%,rgba(24,213,255,.16) 11.5% 12%,transparent 12.5%);box-shadow:none;backdrop-filter:none;opacity:.5;display:block;padding:0;z-index:1;pointer-events:none;filter:drop-shadow(0 0 14px rgba(24,213,255,.24))}
  .hero-inner:after{content:"";left:56px;bottom:76px;width:150px;height:150px;border:1px solid rgba(98,221,255,.2);border-radius:50%;background:radial-gradient(circle,rgba(24,213,255,.16) 0 2px,transparent 3px),repeating-radial-gradient(circle,rgba(98,221,255,.16) 0 1px,transparent 1px 34px),conic-gradient(from 30deg,rgba(24,213,255,.38),transparent 22%,rgba(24,201,110,.28),transparent 52%,rgba(124,77,255,.28),transparent 82%,rgba(24,213,255,.38));opacity:.42;z-index:1;pointer-events:none;filter:blur(.1px) drop-shadow(0 0 18px rgba(24,213,255,.25))}
  .hero .reveal:first-child:after{display:none!important}
}

/* Reference-style hero: left copy, center hologram, right glass cards */
.hero:not(.compact){min-height:760px;padding-top:70px!important;padding-bottom:72px!important;background:#06111f;color:#fff}
.hero.grid-bg{background-image:radial-gradient(circle at 50% 58%,rgba(18,103,255,.18),transparent 24%),radial-gradient(circle at 78% 20%,rgba(24,201,110,.1),transparent 18%),linear-gradient(rgba(36,155,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(36,155,255,.1) 1px,transparent 1px),linear-gradient(135deg,#050d19,#07172a 56%,#050d19);background-size:auto,auto,52px 52px,52px 52px,auto;background-blend-mode:screen,screen,screen,screen,normal}
.hero-inner{grid-template-columns:minmax(0,1.08fr) minmax(430px,.72fr)!important;gap:64px!important;position:relative;align-items:start!important}
.hero-inner>.reveal:first-child{padding-top:0!important;z-index:4;max-width:700px}
.hero h1{font-size:clamp(56px,5.6vw,88px)!important;line-height:.98!important;letter-spacing:-1.4px!important;margin:24px 0 22px!important;max-width:720px}
.hero h1 span{display:inline-block;background:linear-gradient(90deg,#38d9ff 0,#28e7a5 48%,#d4e86b 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{max-width:610px!important;color:#e3edf8!important;font-size:18px!important;line-height:1.7!important;border-left:2px solid rgba(56,217,255,.45)!important;padding-left:22px!important}
.hero-buttons{margin:30px 0 28px!important;gap:18px!important}.hero-buttons .btn{min-width:220px;height:58px;border-radius:10px;font-size:16px}
.stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;width:min(680px,100%)!important;margin-top:34px!important;background:transparent!important;border:0!important;backdrop-filter:none!important}
.stats div{min-height:82px;padding:18px 20px!important;border:1px solid rgba(98,221,255,.2)!important;border-radius:12px;background:linear-gradient(180deg,rgba(11,29,55,.86),rgba(8,22,42,.76));box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 16px 34px rgba(0,0,0,.18);display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important}
.stats b{font-size:24px!important}.stats span{font-size:14px!important;color:#d5e3f4!important}
.hero-visual{z-index:4;gap:22px!important;width:100%;max-width:640px;margin-left:auto}
.hero-card,.threat-graph{background:linear-gradient(180deg,rgba(5,17,32,.92),rgba(7,22,42,.84))!important;border:1px solid rgba(56,217,255,.42)!important;color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.04)!important}
.hero-visual .hero-card{padding:34px 42px 34px!important;border-radius:18px!important;text-align:center}.hero-card h3{color:#fff!important;font-size:24px}.hero-card p,.hero-card li{color:#e0ebf8!important}.hero-card ul{border-top:1px solid rgba(209,230,255,.16);padding-top:20px!important;margin-top:22px!important}.hero-card:after{display:none!important}
.hero-logo{width:116px!important;padding:14px!important;background:linear-gradient(145deg,rgba(8,30,55,.96),rgba(9,42,70,.78))!important;border:1px solid rgba(56,217,255,.22);box-shadow:0 0 40px rgba(18,103,255,.28),inset 0 0 0 1px rgba(255,255,255,.04)!important}
.status-badge{margin-bottom:18px;background:#dfffe8!important;border-color:#aaf4bd!important;color:#13b85f!important}
.threat-graph{border-radius:18px!important;padding:24px 28px!important}.tg-head b,.tg-stats b{color:#fff!important}.tg-stats span{color:#c9d8ea!important}.tg-stats{border-color:rgba(209,230,255,.14)}
@media(min-width:951px){
  .hero-inner:before{content:"\f023";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:56%;top:230px;transform:translateX(-50%);width:230px;height:270px;clip-path:polygon(50% 0,92% 18%,84% 72%,50% 100%,16% 72%,8% 18%);display:grid;place-items:center;border:2px solid rgba(56,217,255,.72);background:radial-gradient(circle at 50% 58%,rgba(56,217,255,.34),rgba(18,103,255,.12) 42%,rgba(5,17,32,.08) 70%);color:#dff9ff;font-size:74px;text-shadow:0 0 18px rgba(56,217,255,.95);box-shadow:0 0 44px rgba(18,103,255,.5),inset 0 0 44px rgba(56,217,255,.2);opacity:.92;z-index:2;pointer-events:none}
  .hero-inner:after{content:"";position:absolute;left:56%;top:490px;transform:translateX(-50%);width:360px;height:130px;border:0;border-radius:50%;background:repeating-radial-gradient(ellipse at center,rgba(56,217,255,.55) 0 2px,transparent 2px 18px),radial-gradient(ellipse at center,rgba(56,217,255,.34),transparent 64%);filter:drop-shadow(0 0 22px rgba(56,217,255,.55));opacity:.72;z-index:1;pointer-events:none}
  .hero .reveal:first-child:after{content:"";display:block!important;position:absolute;left:96%;top:130px;width:300px;height:330px;background:radial-gradient(circle at 20% 72%,#18d5ff 0 4px,transparent 5px),radial-gradient(circle at 54% 18%,#18c96e 0 4px,transparent 5px),radial-gradient(circle at 82% 52%,#7c4dff 0 4px,transparent 5px),linear-gradient(78deg,transparent 20%,rgba(56,217,255,.34) 20.5% 21%,transparent 21.5%),linear-gradient(165deg,transparent 36%,rgba(124,77,255,.24) 36.5% 37%,transparent 37.5%);opacity:.55;filter:drop-shadow(0 0 14px rgba(56,217,255,.3));pointer-events:none}
}
@media(max-width:1200px) and (min-width:951px){.hero-inner:before{left:54%;width:190px;height:225px;font-size:58px}.hero-inner:after{left:54%;width:300px}.hero .reveal:first-child:after{display:none!important}.hero h1{font-size:clamp(48px,5vw,72px)!important}.hero-buttons .btn{min-width:190px}}
@media(max-width:950px){.hero:not(.compact){min-height:auto;padding-top:56px!important}.hero-copy{border-left:0!important;padding-left:0!important}.stats{grid-template-columns:1fr!important}.hero-visual{max-width:620px;margin:20px auto 0}.hero-visual .hero-card{padding:28px 22px!important}.hero h1{font-size:clamp(38px,9vw,58px)!important}}

/* Restore previous clean hero layout */
.hero:not(.compact){min-height:auto!important;padding-top:54px!important;padding-bottom:64px!important;background-color:#07111f!important}
.hero.grid-bg{background-image:radial-gradient(circle at 18% 18%,rgba(24,213,255,.16),transparent 28%),radial-gradient(circle at 82% 12%,rgba(124,77,255,.14),transparent 24%),linear-gradient(rgba(90,139,255,.13) 1px,transparent 0),linear-gradient(90deg,rgba(90,139,255,.13) 1px,transparent 0),linear-gradient(135deg,#06101f,#0c1c34 52%,#071323)!important;background-size:auto,auto,42px 42px,42px 42px,auto!important}
.hero-inner{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;gap:56px!important;align-items:start!important}
.hero-inner:before,.hero-inner:after,.hero .reveal:first-child:after{display:none!important;content:none!important}
.hero-inner>.reveal:first-child{max-width:760px!important;padding-top:8px!important}
.hero h1{font-size:clamp(44px,5vw,72px)!important;line-height:1.05!important;letter-spacing:-1.8px!important;margin:20px 0!important;max-width:760px!important}
.hero h1 span{display:inline!important;background:linear-gradient(90deg,#62ddff,#36f49a 60%,#ffdb7a)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.hero-copy{max-width:710px!important;color:#cfdbef!important;font-size:18px!important;line-height:1.65!important;border-left:1px solid rgba(98,221,255,.28)!important;padding-left:18px!important}
.hero-buttons{margin:28px 0!important;gap:12px!important}.hero-buttons .btn{min-width:0!important;height:auto!important;border-radius:10px!important;font-size:14px!important}
.stats{display:flex!important;width:max-content!important;margin-top:34px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(177,202,238,.18)!important;border-radius:15px!important;gap:0!important;backdrop-filter:blur(16px)!important}
.stats div{min-height:0!important;padding:15px 24px!important;border:0!important;border-right:1px solid rgba(177,202,238,.18)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;align-items:baseline!important;gap:8px!important}
.stats div:last-child{border-right:0!important}.stats b{font-size:inherit!important;color:#fff!important}.stats span{font-size:13px!important;color:#c4d1e5!important}
.hero-visual{display:grid!important;gap:16px!important;max-width:none!important;width:100%!important;margin:0!important}
.hero-card,.threat-graph{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,249,255,.94))!important;border-color:rgba(178,203,238,.7)!important;color:#07111f!important;box-shadow:0 28px 80px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.45) inset!important}
.hero-visual .hero-card{padding:28px 28px 34px!important;border-radius:20px!important;text-align:center!important}
.hero-card h3{color:#0b1832!important;font-size:revert!important}.hero-card p,.hero-card li{color:#53647c!important}.hero-card ul{border-top:0!important;padding-top:0!important;margin-top:18px!important}.hero-card:after{display:block!important;content:"SECURITY LAB"!important;position:static!important;margin:18px auto 0!important;max-width:100%!important;padding:10px 12px!important;text-align:center!important}
.hero-logo{width:104px!important;padding:10px!important;background:linear-gradient(145deg,#eaf6ff,#eef8f2)!important;border:0!important;box-shadow:0 14px 26px rgba(18,103,255,.18),inset 0 0 0 1px rgba(18,103,255,.12)!important}
.status-badge{background:#e9f9ef!important;border-color:#c7edd4!important;color:#18c96e!important}
.threat-graph{position:static!important;width:100%!important;max-width:none!important;margin:0!important;border-radius:18px!important;padding:18px 20px!important}
.tg-head b,.tg-stats b{color:#07111f!important}.tg-stats span{color:#59677d!important}.tg-stats{border-color:#d9e4f2!important}
@media(max-width:950px){.hero:not(.compact){padding-top:46px!important}.hero-inner{grid-template-columns:1fr!important}.hero-copy{border-left:0!important;padding-left:0!important}.stats{width:100%!important;display:grid!important;grid-template-columns:1fr!important}.stats div{border-right:0!important;border-bottom:1px solid rgba(177,202,238,.18)!important}.stats div:last-child{border-bottom:0!important}.hero-visual{max-width:560px!important;margin:20px auto 0!important}}
@media(max-width:640px){.hero:not(.compact){padding-top:38px!important;padding-bottom:42px!important}.hero h1{font-size:clamp(34px,10vw,42px)!important;letter-spacing:-.8px!important}.hero-copy{font-size:15.5px!important}.hero-buttons .btn{width:100%!important}.hero-visual .hero-card{padding:22px 18px 24px!important}}

/* Compact hero checklist to remove side whitespace */
.hero-visual .hero-card{padding:24px 26px 26px!important}
.hero-card ul{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 16px!important;align-items:center!important;margin:16px 0 0!important;padding:0!important}
.hero-card li{margin:0!important;padding:11px 12px!important;border:1px solid rgba(201,219,244,.85);border-radius:12px;background:linear-gradient(180deg,#fff,#f4f8ff);font-size:15px!important;font-weight:750;line-height:1.25;color:#41516a!important;display:flex!important;align-items:center!important;gap:9px!important;white-space:nowrap}
.hero-card li i{font-size:14px!important;width:20px;height:20px;flex:0 0 20px;display:grid!important;place-items:center;border-radius:50%;background:#18c96e;color:#fff!important}
.hero-card p{margin-bottom:14px!important}
.hero-card:after{margin-top:14px!important}
@media(max-width:640px){.hero-card ul{grid-template-columns:1fr!important}.hero-card li{white-space:normal;font-size:14px!important}.hero-visual .hero-card{padding:20px 16px 22px!important}}

/* Remove white summary box from all course detail hero sections */
.hero.compact .detail-hero{grid-template-columns:1fr!important;max-width:980px!important}
.hero.compact .detail-hero .summary-card{display:none!important}
.hero.compact .detail-hero>.reveal:first-child{max-width:900px!important}

/* Center and tighten all course detail hero sections */
.hero.compact{padding-top:58px!important;padding-bottom:54px!important}
.hero.compact .detail-hero{width:min(1080px,calc(100% - 48px))!important;max-width:1080px!important;margin-inline:auto!important;text-align:center!important}
.hero.compact .detail-hero>.reveal:first-child{max-width:100%!important;padding-left:0!important}
.hero.compact .detail-hero>.reveal:first-child:before{display:none!important;content:none!important}
.hero.compact .detail-hero .kicker{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 14px!important;padding-left:15px!important}
.hero.compact .detail-hero h1{max-width:980px!important;margin:0 auto 22px!important;font-size:clamp(46px,5vw,76px)!important;line-height:1.05!important;text-wrap:balance}
.hero.compact .detail-hero .hero-copy{max-width:860px!important;margin:0 auto 26px!important;padding-left:0!important;border-left:0!important;text-align:center!important;color:#d8e5f6!important}
.hero.compact .detail-hero .hero-buttons{justify-content:center!important;margin:0!important;gap:14px!important}
.hero.compact .detail-hero .hero-buttons .btn{min-width:170px!important}
@media(max-width:640px){.hero.compact{padding-top:42px!important;padding-bottom:40px!important}.hero.compact .detail-hero{width:min(100% - 28px,1080px)!important}.hero.compact .detail-hero h1{font-size:clamp(34px,10vw,44px)!important}.hero.compact .detail-hero .hero-buttons{flex-direction:column!important;align-items:stretch!important}.hero.compact .detail-hero .hero-buttons .btn{width:100%!important}}

/* Final course hero cleanup: compact panel, no empty right-side grid */
.hero.compact{min-height:0!important;padding:38px 0 42px!important}
.hero.compact .detail-hero{display:flex!important;justify-content:center!important;align-items:center!important;width:min(100% - 48px,1120px)!important;max-width:1120px!important}
.hero.compact .detail-hero>.reveal:first-child{width:100%!important;max-width:980px!important;padding:34px 42px!important;border:1px solid rgba(98,221,255,.22)!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(7,19,36,.7),rgba(8,31,52,.46))!important;box-shadow:0 22px 60px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.04)!important;text-align:center!important}
.hero.compact .detail-hero .kicker{margin-bottom:12px!important}
.hero.compact .detail-hero h1{max-width:860px!important;margin:0 auto 18px!important;font-size:clamp(40px,4.6vw,66px)!important;line-height:1.04!important}
.hero.compact .detail-hero .hero-copy{max-width:800px!important;margin:0 auto 24px!important;font-size:17px!important;line-height:1.58!important}
.hero.compact .detail-hero .hero-buttons{justify-content:center!important}
@media(max-width:640px){.hero.compact{padding:28px 0 32px!important}.hero.compact .detail-hero{width:min(100% - 28px,1120px)!important}.hero.compact .detail-hero>.reveal:first-child{padding:26px 18px!important;border-radius:14px!important}.hero.compact .detail-hero h1{font-size:clamp(31px,9vw,40px)!important}.hero.compact .detail-hero .hero-copy{font-size:15px!important}}

/* Final mobile navigation fix: keep hamburger visible and tappable */
@media(max-width:950px){
  .site-header{position:sticky!important;top:0!important;z-index:1000!important}
  .nav-wrap{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
  .desktop-nav{display:none!important}
  .nav-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;margin-left:auto!important;gap:8px!important;flex:0 0 auto!important;position:relative!important;z-index:1002!important}
  .nav-actions>a{display:none!important}
  .nav-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;padding:10px!important;border:1px solid rgba(18,103,255,.24)!important;border-radius:12px!important;background:linear-gradient(180deg,#ffffff,#f3f8ff)!important;box-shadow:0 10px 24px rgba(18,42,80,.12)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .nav-toggle .bar{display:block!important;width:22px!important;height:2px!important;min-height:2px!important;border-radius:999px!important;background:#07111f!important;opacity:1!important;transform-origin:center!important}
  .mobile-nav{z-index:999!important}
}
@media(max-width:640px){
  .brand{min-width:0!important;overflow:hidden!important}
  .brand>span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .brand-logo{flex:0 0 auto!important}
}

/* Mobile menu hard reset: remove blank strip and show real menu items */
@media(max-width:950px){
  .site-header{height:78px!important;min-height:78px!important;background:#fff!important;border-bottom:1px solid rgba(18,103,255,.22)!important}
  .nav-wrap{height:78px!important;min-height:78px!important;padding:0!important}
  .brand{max-width:calc(100% - 64px)!important}
  .brand-logo{width:46px!important;height:auto!important}
  .brand>span{font-size:18px!important;line-height:1.05!important;color:#07111f!important}
  .brand-accent{font-size:12px!important;letter-spacing:1.8px!important;color:#1267ff!important}
  .mobile-nav{display:none!important;position:fixed!important;top:78px!important;left:0!important;right:0!important;bottom:auto!important;z-index:999!important;visibility:hidden!important;opacity:0!important;transform:none!important;background:#fff!important;padding:0!important;border-top:0!important;border-bottom:1px solid rgba(18,103,255,.18)!important;box-shadow:0 22px 42px rgba(8,20,39,.14)!important}
  body.nav-open .mobile-nav{display:block!important;visibility:visible!important;opacity:1!important;padding:14px 20px 20px!important}
  body.nav-open .mobile-nav-links{display:grid!important;gap:0!important}
  body.nav-open .mobile-nav-links a{display:block!important;padding:15px 4px!important;border-bottom:1px solid #dce6f4!important;color:#07111f!important;font-size:17px!important;font-weight:850!important;line-height:1.2!important}
  body.nav-open .mobile-nav-cta{display:grid!important;gap:10px!important;padding-top:16px!important}
  body.nav-open .mobile-nav-cta .btn{display:flex!important;width:100%!important;min-height:48px!important}
}
@media(max-width:390px){
  .brand>span{font-size:16px!important}
  .brand-accent{font-size:10px!important;letter-spacing:1.4px!important}
}

/* Clean centered X icon when mobile menu is open */
@media(max-width:950px){
  .nav-toggle{position:relative!important}
  .nav-toggle[aria-expanded="true"]{gap:0!important}
  .nav-toggle[aria-expanded="true"] .bar{position:absolute!important;left:50%!important;top:50%!important;width:24px!important;height:2.5px!important;min-height:2.5px!important;margin:0!important;background:#07111f!important;border-radius:999px!important;transform-origin:center!important}
  .nav-toggle[aria-expanded="true"] .bar:first-child{transform:translate(-50%,-50%) rotate(45deg)!important}
  .nav-toggle[aria-expanded="true"] .bar:nth-child(2){opacity:0!important;transform:translate(-50%,-50%) scaleX(0)!important}
  .nav-toggle[aria-expanded="true"] .bar:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)!important}
}

/* Contact page info rows: keep wrapped text aligned after the icon */
.section .split>.reveal>p:has(> i.fa-solid){
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  margin:18px 0!important;
  line-height:1.55!important;
  overflow-wrap:anywhere!important;
}
.section .split>.reveal>p:has(> i.fa-solid)>i.fa-solid{
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
}
.section .split>.reveal>p:has(> i.fa-solid)>a{
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
@media(max-width:640px){
  .section .split>.reveal>p:has(> i.fa-solid){
    gap:12px!important;
    margin:16px 0!important;
    font-size:16px!important;
  }
  .section .split>.reveal>p:has(> i.fa-solid)>i.fa-solid{
    flex-basis:38px!important;
    width:38px!important;
    height:38px!important;
  }
}