@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.page-hero{background:var(--negro);color:var(--blanco);padding:160px 7% 110px;position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 70% 50%,rgba(37,141,214,.08) 0%,transparent 70%);pointer-events:none;}
.ph-label{font-size:.57rem;letter-spacing:5px;color:var(--azul);font-weight:700;text-transform:uppercase;margin-bottom:18px;display:block;opacity:0;animation:fadeUp .7s ease .2s forwards;position:relative;z-index:1;}
.page-hero h1{font-family:var(--font-title);font-size:clamp(4rem,10vw,12rem);font-weight:800;line-height:.85;letter-spacing:-4px;opacity:0;animation:fadeUp 1s var(--ease) .35s forwards;position:relative;z-index:1;}
.page-hero h1 em{font-style:normal;color:var(--azul);}
.page-hero p{max-width:560px;font-size:.95rem;font-weight:300;line-height:2;opacity:0;animation:fadeUp .8s ease .6s forwards;color:rgba(255,255,255,.5);margin-top:30px;position:relative;z-index:1;}
.hero-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px;opacity:0;animation:fadeUp .8s ease .75s forwards;position:relative;z-index:1;}
.badge{padding:8px 16px;border:1px solid rgba(37,141,214,.3);font-size:.55rem;letter-spacing:3px;font-weight:600;text-transform:uppercase;color:rgba(255,255,255,.5);}
.split{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:600px;}
.split-left{background:var(--negro);color:var(--blanco);padding:80px 7%;display:flex;flex-direction:column;justify-content:center;}
.split-right{background:#060606;color:var(--blanco);padding:80px 7%;display:flex;flex-direction:column;justify-content:center;}
.clara-logo-text{font-family:var(--font-title);font-size:3.5rem;font-weight:800;letter-spacing:6px;color:var(--blanco);line-height:1;margin-bottom:6px;}
.clara-logo-sub{font-size:.52rem;letter-spacing:5px;color:var(--azul);font-weight:700;text-transform:uppercase;margin-bottom:36px;}
.split-left h2{font-family:var(--font-title);font-size:clamp(2rem,3vw,3rem);font-weight:800;line-height:1.1;margin-bottom:22px;}
.split-left p{font-size:.88rem;font-weight:300;line-height:2;opacity:.6;margin-bottom:32px;}
.btn-primary{display:inline-block;padding:16px 36px;background:var(--azul);color:#fff;text-decoration:none;font-size:.62rem;letter-spacing:4px;font-weight:700;text-transform:uppercase;transition:.3s;margin-right:14px;margin-bottom:12px;}
.btn-primary:hover{opacity:.85;transform:translateY(-2px);}
.btn-outline{display:inline-block;padding:15px 36px;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);text-decoration:none;font-size:.62rem;letter-spacing:4px;font-weight:700;text-transform:uppercase;transition:.3s;margin-bottom:12px;}
.btn-outline:hover{border-color:var(--azul);color:white;}
.terminal{background:#0a0a0a;border:1px solid rgba(37,141,214,.15);border-radius:4px;padding:28px;font-family:monospace;}
.term-bar{display:flex;gap:7px;margin-bottom:20px;}
.term-dot{width:11px;height:11px;border-radius:50%;}
.term-line{font-size:.72rem;color:rgba(37,141,214,.8);line-height:2.2;}
.term-line span{color:rgba(255,255,255,.5);}
.term-cursor{display:inline-block;width:8px;height:14px;background:var(--azul);animation:blink 1.1s step-end infinite;vertical-align:middle;}
@keyframes blink{50%{opacity:0}}
.features{background:var(--blanco);padding:80px 7%;}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--borde);margin-top:50px;}
.feat{background:var(--blanco);padding:44px 36px;transition:.5s var(--ease);border-top:3px solid transparent;}
.feat:hover{background:var(--negro);color:var(--blanco);border-top-color:var(--azul);}
.feat-num{font-family:var(--font-title);font-size:2.5rem;font-weight:800;color:rgba(37,141,214,.15);margin-bottom:18px;}
.feat h3{font-family:var(--font-title);font-size:1.2rem;font-weight:700;margin-bottom:12px;}
.feat p{font-size:.82rem;font-weight:300;line-height:1.9;opacity:.6;}
.lexis-band{background:var(--negro);padding:60px 7%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px;}
.lexis-band h3{font-family:var(--font-title);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:800;color:var(--blanco);max-width:500px;line-height:1.2;}
.lexis-band h3 em{font-style:normal;color:var(--azul);}
.lexis-logo-txt{font-family:var(--font-title);font-size:2rem;font-weight:800;letter-spacing:4px;color:var(--blanco);opacity:.7;border:1px solid rgba(255,255,255,.1);padding:16px 32px;}
.faq-section{background:var(--gris);padding:80px 7%;}
.faq-list{margin-top:46px;border-top:1px solid var(--borde);}
.faq-item{border-bottom:1px solid var(--borde);}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:26px 0;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:.95rem;font-weight:600;text-align:left;gap:20px;transition:.3s;}
.faq-q:hover{color:var(--azul);}
.faq-icon{font-size:1.2rem;color:var(--azul);flex-shrink:0;transition:transform .3s;}
.faq-item.open .faq-icon{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .5s var(--ease);}
.faq-a p{padding:0 0 24px;font-size:.88rem;font-weight:300;line-height:2;opacity:.7;max-width:700px;}
.faq-item.open .faq-a{max-height:200px;}
.cta-strip{background:var(--azul);padding:80px 7%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px;}
.cta-strip h2{font-family:var(--font-title);font-size:clamp(2rem,4vw,3.5rem);font-weight:800;color:#fff;line-height:1.1;max-width:500px;}
.btn-white{display:inline-block;padding:18px 44px;background:#fff;color:var(--azul);text-decoration:none;font-size:.65rem;letter-spacing:4px;font-weight:700;text-transform:uppercase;transition:.3s;}
.btn-white:hover{background:var(--negro);color:#fff;}
@media(max-width:900px){.split{grid-template-columns:1fr;}.features-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.features-grid{grid-template-columns:1fr;}}