*{box-sizing:border-box;margin:0;padding:0}
::selection{background:rgba(255,0,170,0.15)}
input::placeholder{color:#76797F}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
body{font-family:'Fixel Display';background:#fff;color:#1A1A19;overflow-x:clip}
*{font-family:'Fixel Display'!important}
input,button,textarea,select{font-family:'Fixel Display'!important}
html{overflow-x:clip}
#root{overflow:visible}
.seo-h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.problems-grid{display:grid;grid-template-columns:480px 1fr;gap:48px;max-width:1132px;margin:0 auto;padding:0 32px;align-items:start}
.problems-sticky{position:-webkit-sticky;position:sticky;top:calc(50vh - 120px);align-self:start}
.anim{opacity:0;transform:translateY(30px);transition:opacity 0.7s cubic-bezier(0.22,1,0.36,1),transform 0.7s cubic-bezier(0.22,1,0.36,1)}
.anim.vis{opacity:1;transform:translateY(0)}
.anim-left{opacity:0;transform:translateX(-30px);transition:opacity 0.7s cubic-bezier(0.22,1,0.36,1),transform 0.7s cubic-bezier(0.22,1,0.36,1)}
.anim-left.vis{opacity:1;transform:translateX(0)}
.anim-right{opacity:0;transform:translateX(30px);transition:opacity 0.7s cubic-bezier(0.22,1,0.36,1),transform 0.7s cubic-bezier(0.22,1,0.36,1)}
.anim-right.vis{opacity:1;transform:translateX(0)}
.anim-scale{opacity:0;transform:scale(0.92);transition:opacity 0.6s ease,transform 0.6s cubic-bezier(0.22,1,0.36,1)}
.anim-scale.vis{opacity:1;transform:scale(1)}
.d1{transition-delay:0.1s}.d2{transition-delay:0.2s}.d3{transition-delay:0.3s}.d5{transition-delay:0.5s}.d6{transition-delay:0.7s}.d7{transition-delay:0.9s}.d8{transition-delay:1.2s}
@keyframes a1{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(70px,-90px) scale(1.08)}50%{transform:translate(130px,50px) scale(0.94)}75%{transform:translate(-20px,110px) scale(1.05)}}
@keyframes a2{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(-90px,70px) scale(1.1)}50%{transform:translate(-130px,-70px) scale(0.91)}75%{transform:translate(70px,-90px) scale(1.07)}}
@keyframes a3{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(90px,90px) scale(1.06)}66%{transform:translate(-70px,50px) scale(0.95)}}
@keyframes a4{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-80px,-70px) scale(1.12)}}
@keyframes drift1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(80px,-40px) scale(1.15)}66%{transform:translate(-30px,60px) scale(0.95)}}
@keyframes drift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-110px,60px) scale(1.12)}}
@keyframes drift3{0%,100%{transform:translate(0,0) scale(1)}40%{transform:translate(70px,80px) scale(0.9)}80%{transform:translate(-70px,-30px) scale(1.14)}}
@keyframes drift4{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(110px,90px) scale(1.2)}}
@keyframes gridShift{0%{background-position:0 0}100%{background-position:40px 40px}}
@keyframes orbit{0%{transform:rotate(0deg) translateX(var(--r,120px)) rotate(0deg)}100%{transform:rotate(360deg) translateX(var(--r,120px)) rotate(-360deg)}}
@keyframes pulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}
@keyframes sheen{0%{transform:translateX(-120%) skewX(-18deg)}100%{transform:translateX(220%) skewX(-18deg)}}
@keyframes latticeBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.006)}}
@keyframes cpPulse{0%,8%,100%{opacity:.5;stroke-width:1.5}2%{opacity:1;stroke-width:2.25}}
@keyframes signalLine{0%{stroke-dashoffset:24}100%{stroke-dashoffset:0}}
@keyframes warmShift{0%,100%{opacity:.9;filter:hue-rotate(0deg)}50%{opacity:1;filter:hue-rotate(6deg)}}
@keyframes limeSheen{0%{transform:translateX(-120%)}50%{transform:translateX(220%)}100%{transform:translateX(220%)}}
@keyframes rhombusGlow{0%,100%{opacity:.65;filter:brightness(1) saturate(1)}50%{opacity:1;filter:brightness(1.3) saturate(1.2)}}
@keyframes sparkleAlive{0%,100%{opacity:.35;transform:scale(.88) rotate(0deg)}50%{opacity:1;transform:scale(1.1) rotate(180deg)}}
@keyframes dashFlow{to{stroke-dashoffset:-24}}
@keyframes rhombusFloat{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-18px) rotate(2deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(18px) rotate(-2deg)}}
@keyframes rowPan{0%,100%{transform:translateX(0)}50%{transform:translateX(-44px)}}
@keyframes innerSpin{0%{transform:rotate(45deg) scaleY(1.9)}50%{transform:rotate(47deg) scaleY(1.9)}100%{transform:rotate(45deg) scaleY(1.9)}}
@keyframes rhFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-22px) rotate(2.5deg)}}
@keyframes nodeBlink{0%,100%{opacity:.25;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}
@keyframes gridDrift{0%{background-position:0 0}100%{background-position:48px 48px}}
@keyframes auroraA{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(120px,-60px) scale(1.15)}66%{transform:translate(-40px,80px) scale(0.9)}}
@keyframes auroraB{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-90px,50px) scale(1.08)}66%{transform:translate(60px,-70px) scale(0.95)}}
@keyframes auroraC{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(80px,90px) scale(1.18)}}
@keyframes auroraD{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-110px,-40px) scale(1.1)}}
@keyframes scanline{0%{transform:translateY(-120px);opacity:0}8%{opacity:1}92%{opacity:1}100%{transform:translateY(700px);opacity:0}}
@keyframes typeCursor{0%,50%{opacity:1}51%,100%{opacity:0}}
@keyframes chipFade{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes haloBreathe{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(1)}50%{opacity:.85;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes counterBlink{0%,92%,100%{opacity:1}95%{opacity:.35}}
@keyframes tickerDrift{0%{transform:translateX(0)}100%{transform:translateX(-24px)}}
@keyframes cardSheen{0%{transform:translateX(-120%) skewX(-14deg);opacity:0}20%{opacity:.5}80%{opacity:.5}100%{transform:translateX(220%) skewX(-14deg);opacity:0}}
@keyframes watermarkShift{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,-6px)}}
@keyframes barRise{0%{transform:scaleY(0.15);opacity:.3}100%{transform:scaleY(1);opacity:1}}
@keyframes barBreathe{0%,100%{transform:scaleY(var(--h,1))}50%{transform:scaleY(calc(var(--h,1) * 0.75))}}
@keyframes liveDot{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}
@keyframes signalSweep{0%{transform:translateX(-30%);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(130%);opacity:0}}
@keyframes dash{to{stroke-dashoffset:-16}}


@font-face{font-family:'Fixel Display';font-style:normal;font-weight:100;font-display:swap;src:url('../assets/fonts/FixelDisplay-Thin.woff2') format('woff2')}
@font-face{font-family:'Fixel Display';font-style:normal;font-weight:200;font-display:swap;src:url('../assets/fonts/FixelDisplay-ExtraLight.woff2') format('woff2')}
@font-face{font-family:'Fixel Display';font-style:normal;font-weight:300;font-display:swap;src:url('../assets/fonts/FixelDisplay-Light.woff2') format('woff2')}
@font-face{font-family:'Fixel Display';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/FixelDisplay-Regular.woff2') format('woff2')}
@font-face{font-family:'Fixel Display';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/FixelDisplay-Medium.woff2') format('woff2')}
@font-face{font-family:'Fixel Display';font-style:normal;font-weight:600;font-display:swap;src:url('../assets/fonts/FixelDisplay-SemiBold.woff2') format('woff2')}
@font-face{font-family:'Fixel Display';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/fonts/FixelDisplay-Bold.woff2') format('woff2')}
@font-face{font-family:'Fixel Display';font-style:normal;font-weight:800;font-display:swap;src:url('../assets/fonts/FixelDisplay-ExtraBold.woff2') format('woff2')}
@font-face{font-family:'Fixel Display';font-style:normal;font-weight:900;font-display:swap;src:url('../assets/fonts/FixelDisplay-Black.woff2') format('woff2')}
/* ===== RESPONSIVE ===== */
/* Knowledge map chip — prevent line-wrap inside the pill */
.lb-km-topchip{white-space:nowrap;}
@media(max-width:900px){
.ai-report-btn{top:14px!important;right:14px!important;padding:8px 12px 8px 10px!important;}
}
@media(max-width:600px){
body{padding-bottom:56px;}
.ai-report-btn{top:auto!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;border-radius:0!important;width:100%!important;justify-content:center!important;padding:14px 20px!important;border-top:1px solid rgba(255,255,255,0.18)!important;box-shadow:0 -4px 24px rgba(255,0,170,0.25)!important;gap:10px!important;}
.lb-built-extra{display:none!important;}
.lb-pill-mb{margin-bottom:28px!important;}
}
@media(max-width:768px){
html{-webkit-text-size-adjust:92%;text-size-adjust:92%}
.wi-wrap{display:flex!important;flex-direction:column!important;gap:10px;width:100%}
.wi-wrap .wi-input{width:100%!important;min-width:0!important;border-radius:12px!important}
.wi-wrap .wi-input.wi-light{border-right:1px solid #DFE0E2!important}
.wi-wrap .wi-input.wi-dark{border-right:1.5px solid rgba(255,255,255,0.14)!important}
.wi-wrap .wi-btn{width:100%!important;border-radius:12px!important}
.lb-vline{display:none!important;}
.lb-px{padding-left:24px!important;padding-right:24px!important;}
.lb-sec-inner{padding-left:0!important;padding-right:0!important;}
.lb-g3{display:block!important;}
.lb-g3>*>div{border-right:none!important;padding-left:0!important;padding-right:0!important;}
.lb-g3>*:not(:last-child)>div{border-bottom:1px solid rgba(128,128,128,0.15)!important;}
.lb-g3>*:last-child>div{border-bottom:none!important;}
.lb-g2{grid-template-columns:1fr!important;gap:32px!important;}
.lb-g-cap{grid-template-columns:1fr!important;gap:32px!important;padding-bottom:40px!important;}
.lb-cta-g{grid-template-columns:1fr!important;gap:12px!important;max-width:100%!important;}
.lb-km-wrap{overflow:hidden!important;padding:0!important;}
.lb-km-wrap .lb-km{width:1104px!important;transform-origin:top left;transform:scale(0.652);margin-bottom:-167px;}
.lb-hero-wi{width:100%!important;max-width:100%!important;}
/* Problems section — stack to single column */
.problems-grid{grid-template-columns:1fr!important;gap:32px!important;padding:0 24px!important;}
.problems-sticky{position:relative!important;top:auto!important;}
/* Section padding */
.lb-sec{padding-top:88px!important;padding-bottom:112px!important;}
/* Section headings */
.lb-h2{font-size:clamp(28px,7vw,56px)!important;letter-spacing:-0.02em!important;}
.lb-cta-h2{font-size:clamp(28px,7vw,64px)!important;}
/* Hero */
.lb-hero-pad{padding:72px 20px 40px!important;}
.lb-hero-h1{font-size:clamp(26px,7vw,48px)!important;letter-spacing:-0.02em!important;overflow-wrap:break-word!important;word-break:break-word!important;}
}
@media(max-width:600px){
.lb-km-wrap .lb-km{transform:scale(0.5)!important;margin-bottom:-240px!important;}
}
@media(max-width:480px){
.problems-grid{padding:0 16px!important;}
.lb-sec{padding-top:64px!important;padding-bottom:80px!important;}
.lb-hero-pad{padding:64px 16px 36px!important;}
.lb-hero-h1{font-size:clamp(24px,6.5vw,36px)!important;line-height:1.1!important;}
.lb-cta-h2{font-size:clamp(24px,6.5vw,48px)!important;}
.lb-km-wrap .lb-km{transform:scale(0.406)!important;margin-bottom:-285px!important;}
}
@media(max-width:390px){
.lb-km-wrap .lb-km{transform:scale(0.324)!important;margin-bottom:-325px!important;}
}
@media(max-width:375px){
.lb-km-wrap .lb-km{transform:scale(0.311)!important;margin-bottom:-331px!important;}
}