/* HumanoidBehavior 2.0 visual layer */
.hb20{background:#070a10!important;color:#eef2ff!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
.hb20 .nav{height:76px;padding:0 clamp(20px,5vw,76px);background:rgba(7,10,16,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:50}
.hb20 .brand{color:#f8fafc}.hb20 .brand span{color:#8f87ff}.hb20 .nav nav a,.hb20 .nav-cta{color:#98a2b3}.hb20 .nav nav a:hover{color:#fff}.hb20 .nav-cta{background:linear-gradient(135deg,#7168ff,#9187ff);color:#fff;border:0;box-shadow:0 10px 28px rgba(113,104,255,.25)}
.hb20 .hero-product{max-width:1500px;min-height:760px;padding:90px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 35%,rgba(113,104,255,.15),transparent 30%),#070a10}
.hb20 .hero-product:after{content:"";position:absolute;inset:0;opacity:.25;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(#000,transparent 88%)}
.hb20 .hero-copy-wrap{position:relative;z-index:2}.hb20 .eyebrow{color:#9189ff}.hb20 .hero h1{font-size:clamp(56px,7vw,100px);line-height:.94;letter-spacing:-6px;color:#f8fafc}.hb20 .hero h1 span{background:linear-gradient(100deg,#b5afff,#62d7e9);-webkit-background-clip:text;background-clip:text;color:transparent}.hb20 .hero-copy{color:#98a2b3;font-size:18px;line-height:1.65}.hb20 .button.primary{background:linear-gradient(135deg,#7168ff,#9187ff);border:0;box-shadow:0 12px 35px rgba(113,104,255,.24)}.hb20 .button.secondary{background:transparent;border-color:#303847;color:#c8ceda}.hb20 .hero-trust{color:#667085}.hb20 .live-dot{background:#26d9a1;box-shadow:0 0 0 5px rgba(38,217,161,.08)}
.hb20 .hero-product-card{position:relative;z-index:2;background:linear-gradient(145deg,#0c111c,#080b12);border:1px solid #252d3c;border-radius:28px;min-height:520px;padding:30px;box-shadow:0 35px 100px rgba(0,0,0,.4);overflow:hidden}.hb20 .hero-product-card:before{content:"";position:absolute;width:300px;height:300px;left:50%;top:40%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(113,104,255,.11);filter:blur(25px)}
.hb20 .product-card-top{position:relative;z-index:2;color:#687181;border-color:#252d3c}.hb20 .product-flow{position:relative;z-index:2}.hb20 .product-flow>div{padding:18px 0}.hb20 .product-flow strong{color:#f1f5f9}.hb20 .product-flow span{color:#7c8798}.hb20 .flow-result{background:linear-gradient(135deg,rgba(113,104,255,.16),rgba(34,211,238,.06));border-color:#3a4260}
.hb20 .proof-strip{background:#0b0f17;border-color:#202734;color:#fff}.hb20 .proof-strip div{border-color:#202734}.hb20 .proof-strip strong{color:#f1f5f9}.hb20 .proof-strip span{color:#697487}
.hb20 .section{background:#f7f9fc;color:#101828;padding:110px clamp(24px,8vw,120px)}.hb20 .section-head h2{font-size:clamp(36px,4.8vw,62px);letter-spacing:-3px}.hb20 .section-head>p{color:#667085}.hb20 .feature-card{border-color:#e4e7ec;border-radius:20px;transition:.25s}.hb20 .feature-card:hover{transform:translateY(-5px);border-color:#c9c4ff;box-shadow:0 20px 55px rgba(91,85,255,.09)}.hb20 .feature-number{color:#7168ff}.hb20 .feature-card h3{color:#101828}.hb20 .feature-card p{color:#667085}
.hb20 .section.dark{background:#090d15;color:#f8fafc}.hb20 .section.dark .section-head>p{color:#7c8798}.hb20 .terminal-product{background:#0d121b;border-color:#293244;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.hb20 .terminal-top{border-color:#242c3a}.hb20 .dark-button{border-color:#303847;color:#fff;background:transparent}
.hb20 .audience-grid article{border-color:#101828}.hb20 .audience-grid h3{color:#101828}.hb20 .audience-grid p{color:#667085}.hb20 .workflow{border-color:#e4e7ec}.hb20 .workflow div{border-color:#e4e7ec}
.hb20 .cta-product{background:radial-gradient(circle at 50% 0,rgba(110,100,255,.17),transparent 38%),#0a0e16;color:#fff}.hb20 .cta-product .secondary{background:transparent;color:#fff;border-color:#303847}
@media(max-width:900px){.hb20 .hero-product{grid-template-columns:1fr;min-height:auto}.hb20 .hero-product-card{min-height:430px}.hb20 .product-grid,.hb20 .audience-grid,.hb20 .workflow{grid-template-columns:1fr}}
@media(max-width:600px){.hb20 .hero-product{padding:65px 18px}.hb20 .hero h1{font-size:54px;letter-spacing:-4px}.hb20 .hero-trust{flex-direction:column;align-items:flex-start}.hb20 .proof-strip{grid-template-columns:1fr}.hb20 .proof-strip div{border-right:0;border-bottom:1px solid #202734}.hb20 .hero-product-card{border-radius:20px}.hb20 .section{padding:75px 18px}}
