/* ============================================================
   PROTON SITE — sistema de diseño compartido (P67C)
   Identidad: violeta Protz (#a855f7/#7c3aed) + azul #4a90d9
   Dos mundos: oscuro (motor/tecnología) y claro cálido (humano)
   ============================================================ */
:root{
  --p:#a855f7; --s:#7c3aed; --a:#4a90d9; --vio:#8c34ea;
  --d:#0b0614; --d2:#1b0e44; --l:#f8fafc; --g:#94a3b8;
  --gr:#10b981; --am:#f59e0b;
  --paper:#fefbfa; --paper2:#f6f1fa; --ink:#181d4a; --ink2:#5b5570;
  --tint:#8c34ea1a;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,'Segoe UI',sans-serif;background:var(--d);color:var(--l);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.container{max-width:1120px;margin:0 auto;padding:0 1.5rem}

/* ---------- NAV compartida ---------- */
nav{position:fixed;top:0;width:100%;background:rgba(11,6,20,.78);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(168,85,247,.14);padding:.9rem 0;z-index:1000}
nav .container{display:flex;justify-content:space-between;align-items:center}
.logo{display:flex;align-items:center;gap:.6rem;font-size:1.4rem;font-weight:800;color:var(--l);text-decoration:none}
.logo img{height:32px;width:auto;display:block}
.nav-links{display:flex;list-style:none;gap:1.5rem;align-items:center}
.nav-links a{color:var(--g);text-decoration:none;font-weight:500;font-size:.93rem;position:relative;transition:color .25s;padding:.35rem 0}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,var(--p),var(--a));border-radius:2px;transition:width .25s cubic-bezier(.42,.15,.41,.89)}
.nav-links a:hover{color:var(--l)}
.nav-links a:hover::after{width:100%}
.nav-links a.activo{color:var(--l)}
.nav-links a.activo::after{width:100%}
.nav-cta{background:linear-gradient(135deg,var(--p) 0%,var(--s) 55%,var(--a) 100%);color:#fff!important;padding:.55rem 1.2rem!important;border-radius:2rem;font-weight:600}
.nav-cta::after{display:none}
.nav-cta:hover{transform:translateY(-1px)}
.burger{display:none;background:none;border:none;color:var(--l);font-size:1.4rem;cursor:pointer}
@media(max-width:900px){
  .burger{display:block}
  .nav-links{position:fixed;top:60px;right:0;left:0;background:rgba(11,6,20,.97);flex-direction:column;padding:1.5rem;gap:1.1rem;display:none;border-bottom:1px solid rgba(168,85,247,.2)}
  .nav-links.open{display:flex}
}

/* ---------- Botones ---------- */
.btn-primary{display:inline-block;background:linear-gradient(135deg,var(--p) 0%,var(--s) 55%,var(--a) 100%);color:#fff;padding:.8rem 1.7rem;border-radius:2rem;text-decoration:none;font-weight:600;transition:transform .25s,box-shadow .25s;border:none}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(168,85,247,.35)}
.btn-secondary{display:inline-block;background:transparent;color:var(--l);padding:.8rem 1.7rem;border-radius:2rem;text-decoration:none;font-weight:600;border:1px solid rgba(255,255,255,.22);transition:all .25s}
.btn-secondary:hover{background:rgba(255,255,255,.08)}
.btn-ink{display:inline-block;background:var(--ink);color:#fff;padding:.8rem 1.7rem;border-radius:2rem;text-decoration:none;font-weight:600;transition:transform .25s,box-shadow .25s}
.btn-ink:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(24,29,74,.25)}
.btn-vio{display:inline-block;background:var(--vio);color:#fff;padding:.8rem 1.7rem;border-radius:2rem;text-decoration:none;font-weight:600;transition:background .25s,transform .25s}
.btn-vio:hover{background:#da82eb;transform:translateY(-2px)}
.btn-line{display:inline-block;text-align:center;padding:.8rem 1.5rem;border:1px solid rgba(140,52,234,.35);border-radius:2rem;color:var(--vio);text-decoration:none;font-weight:600;transition:all .25s;background:transparent}
.btn-line:hover{background:var(--tint)}
.btn-line.dark{color:var(--l);border-color:rgba(168,85,247,.3)}
.btn-line.dark:hover{background:rgba(168,85,247,.12)}

/* ---------- Tipografía ---------- */
.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700;margin-bottom:1.1rem}
.eyebrow.vio{color:var(--vio)}
.eyebrow.light{color:var(--p)}
h1.display{font-size:clamp(2.6rem,6vw,4.4rem);font-weight:800;line-height:1.05;letter-spacing:-.02em}
h2.display{font-size:clamp(2rem,4.6vw,3.2rem);font-weight:800;line-height:1.08;letter-spacing:-.02em}
.lede{font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.55}
.gradient-text{background:linear-gradient(135deg,var(--p) 0%,var(--s) 50%,var(--a) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ---------- Secciones ---------- */
section{padding:5.5rem 0}
.sec-dark{background:var(--d);color:var(--l)}
.sec-dark2{background:linear-gradient(180deg,var(--d) 0%,#120a24 100%);color:var(--l)}
.sec-light{background:var(--paper);color:var(--ink)}
.sec-light2{background:var(--paper2);color:var(--ink)}
.sec-light .lede,.sec-light2 .lede{color:var(--ink2)}
.center{text-align:center}
.muted-d{color:var(--g)}
.muted-l{color:var(--ink2)}

/* ---------- Reveal on scroll ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.rv.on{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}

/* ---------- Puertas (home) ---------- */
.doors{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:3rem}
.door{background:#fff;border:1px solid #eee5f7;border-radius:1.4rem;padding:2.2rem;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}
.door:hover{transform:translateY(-5px);box-shadow:0 24px 48px -20px rgba(140,52,234,.28);border-color:rgba(140,52,234,.4)}
.door .d-tag{font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--vio);margin-bottom:.9rem}
.door h3{font-size:1.55rem;font-weight:800;letter-spacing:-.01em;margin-bottom:.6rem}
.door p{color:var(--ink2);font-size:.98rem;margin-bottom:1.4rem}
.door .d-go{margin-top:auto;font-weight:700;color:var(--vio);font-size:.95rem;display:inline-flex;align-items:center;gap:.45rem}
.door .d-go i{transition:transform .25s}
.door:hover .d-go i{transform:translateX(5px)}
.door.dark{background:linear-gradient(150deg,#1b0e44 0%,#0b0614 100%);border-color:rgba(168,85,247,.3);color:var(--l)}
.door.dark p{color:var(--g)}
.door.dark .d-tag,.door.dark .d-go{color:var(--p)}
@media(max-width:820px){.doors{grid-template-columns:1fr}}

/* ---------- Personas / casos ---------- */
.personas{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.8rem}
.persona{background:#fff;border:1px solid #eee5f7;border-radius:1.3rem;padding:1.8rem;transition:transform .3s,box-shadow .3s}
.persona:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(24,29,74,.18)}
.persona .p-head{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}
.persona .p-face{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.15rem;color:#fff;flex-shrink:0}
.persona .p-name{font-weight:700;color:var(--ink);font-size:1rem}
.persona .p-role{color:var(--ink2);font-size:.85rem}
.persona p{color:var(--ink2);font-size:.95rem}
.persona .p-quote{color:var(--ink);font-weight:600;font-size:.98rem;margin-top:.9rem;border-left:3px solid var(--vio);padding-left:.9rem}
@media(max-width:820px){.personas{grid-template-columns:1fr}}

/* ---------- Tarjetas oscuras (motor) ---------- */
.cards-d{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:2.8rem}
.cards-d.c4{grid-template-columns:repeat(4,1fr)}
.card-d{background:rgba(27,14,68,.35);border:1px solid rgba(168,85,247,.16);border-radius:1.2rem;padding:1.9rem;transition:transform .3s,border-color .3s}
.card-d:hover{transform:translateY(-5px);border-color:rgba(168,85,247,.4)}
.card-d .ic{width:48px;height:48px;background:linear-gradient(135deg,var(--p),var(--s) 55%,var(--a));border-radius:.9rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;margin-bottom:1.3rem}
.card-d h3{font-size:1.2rem;margin-bottom:.6rem;letter-spacing:-.01em}
.card-d p{color:var(--g);font-size:.94rem}
.card-d ul{list-style:none;margin-top:.8rem}
.card-d ul li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;color:var(--g);font-size:.92rem}
.card-d ul li i{color:var(--gr);margin-top:.3rem;font-size:.8rem}
@media(max-width:980px){.cards-d,.cards-d.c4{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.cards-d,.cards-d.c4{grid-template-columns:1fr}}

/* Perfiles de inteligencia */
.perfil-dot{width:12px;height:12px;border-radius:50%;display:inline-block}
.perfil-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.25rem}
.perfil-tag{color:var(--g);font-size:.85rem;margin-bottom:.9rem;font-weight:600}

/* Niveles Chat/Knowledge/Action */
.nivel-num{font-size:.78rem;font-weight:800;letter-spacing:2px;color:var(--p);margin-bottom:.5rem}
.nivel-ej{background:rgba(0,0,0,.4);border:1px solid rgba(168,85,247,.16);border-radius:.85rem;padding:1rem;margin-top:1.1rem}
.nivel-ej .q{color:var(--l);font-size:.9rem;margin-bottom:.5rem}
.nivel-ej .q i{color:var(--a);margin-right:.4rem}
.nivel-ej .a{color:var(--g);font-size:.9rem}
.nivel-ej .a i{color:var(--gr);margin-right:.4rem}
.chain{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}
.chain span{background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.2);border-radius:1rem;padding:.2rem .7rem;font-size:.78rem;color:var(--l)}
.chain i{color:var(--p);align-self:center;font-size:.7rem}

/* ---------- Precios ---------- */
.billing-toggle{display:flex;justify-content:center;gap:.5rem;margin-top:1.6rem;align-items:center;flex-wrap:wrap}
.billing-toggle button{background:rgba(140,52,234,.08);border:1px solid rgba(140,52,234,.3);color:var(--ink2);padding:.55rem 1.5rem;border-radius:2rem;font-weight:600;font-size:.92rem;cursor:pointer;transition:all .25s;font-family:inherit}
.billing-toggle button.on{background:var(--vio);color:#fff;border-color:transparent}
.sec-dark .billing-toggle button,.sec-dark2 .billing-toggle button{background:rgba(11,6,20,.6);color:var(--g);border-color:rgba(168,85,247,.25)}
.sec-dark .billing-toggle button.on,.sec-dark2 .billing-toggle button.on{background:linear-gradient(135deg,var(--p),var(--s) 60%,var(--a));color:#fff}
.billing-toggle .save{color:var(--gr);font-size:.82rem;font-weight:700;margin-left:.4rem}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:3rem}
.pricing-grid.c4{grid-template-columns:repeat(4,1fr)}
.pricing-grid.c5{grid-template-columns:repeat(5,1fr)}
.pricing-card{background:#fff;border:1px solid #eee5f7;border-radius:1.3rem;padding:2rem;position:relative;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;color:var(--ink)}
.pricing-card:hover{transform:translateY(-5px);box-shadow:0 22px 46px -20px rgba(140,52,234,.25)}
.pricing-card.popular{border:2px solid var(--vio)}
.badge-popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--p),var(--s) 55%,var(--a));color:#fff;padding:.28rem 1.1rem;border-radius:1.4rem;font-size:.75rem;font-weight:700;white-space:nowrap}
.pricing-card h3{font-size:1.35rem;margin-bottom:.9rem;letter-spacing:-.01em}
.price{font-size:2.3rem;font-weight:800;margin-bottom:.4rem;letter-spacing:-.02em}
.price span{font-size:1rem;color:var(--ink2);font-weight:500}
.ptotal{min-height:2.6rem;font-size:.86rem;color:var(--ink2);margin-bottom:1rem;line-height:1.45;visibility:hidden}
.ptotal b{color:var(--ink)}
.ptotal .ahorro{color:var(--gr);font-weight:700}
.pricing-card.anual .ptotal{visibility:visible}
.credits-pill{display:inline-block;background:rgba(16,185,129,.09);border:1px solid rgba(16,185,129,.3);color:#0a9d6c;border-radius:1rem;padding:.3rem .9rem;font-size:.85rem;font-weight:700;margin-bottom:1.2rem}
.pricing-card ul{list-style:none;margin-bottom:1.8rem}
.pricing-card ul li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.7rem;color:var(--ink2);font-size:.94rem}
.pricing-card ul li i{color:var(--gr);margin-top:.3rem;font-size:.85rem}
.pricing-card .btn-line,.pricing-card .btn-vio,.pricing-card .btn-ink{margin-top:auto;display:block;text-align:center}
.pricing-note{text-align:center;color:var(--ink2);margin:2.5rem auto 0;font-size:.95rem;max-width:760px}
@media(max-width:1080px){.pricing-grid.c5{grid-template-columns:repeat(3,1fr)}.pricing-grid.c4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.pricing-grid,.pricing-grid.c4,.pricing-grid.c5{grid-template-columns:1fr}}

/* ---------- Asistente (Apple-clean) ---------- */
.orb-wrap{position:relative;width:min(430px,78vw);height:min(430px,78vw);margin:2.2rem auto 0}
.orb-wrap canvas{width:100%;height:100%;display:block}
.orb-halo{position:absolute;inset:-18%;background:radial-gradient(circle,rgba(140,52,234,.16) 0%,transparent 62%);border-radius:50%;pointer-events:none;animation:breathe 5.5s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}
.orb-status{text-align:center;margin-top:1.2rem;color:var(--ink2);font-size:1.05rem;min-height:1.6em}
.orb-status .cursor{display:inline-block;width:2px;height:1.05em;background:var(--vio);vertical-align:-.15em;margin-left:2px;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.wave{display:flex;align-items:center;justify-content:center;gap:5px;height:44px;margin-top:1.6rem}
.wave span{width:5px;border-radius:3px;background:linear-gradient(180deg,var(--p),var(--a));animation:wave 1.5s ease-in-out infinite}
.wave span:nth-child(2n){animation-delay:.18s}.wave span:nth-child(3n){animation-delay:.32s}.wave span:nth-child(4n){animation-delay:.47s}.wave span:nth-child(5n){animation-delay:.6s}
@keyframes wave{0%,100%{height:10px}50%{height:38px}}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:2.6rem;margin-top:3.4rem}
.pillar{text-align:center}
.pillar .pl-ic{width:64px;height:64px;margin:0 auto 1.2rem;border-radius:50%;background:var(--tint);display:flex;align-items:center;justify-content:center;color:var(--vio);font-size:1.5rem}
.pillar h3{font-size:1.3rem;margin-bottom:.55rem;letter-spacing:-.01em}
.pillar p{color:var(--ink2);font-size:.97rem}
@media(max-width:820px){.pillars{grid-template-columns:1fr;gap:2rem}}
.transcript{max-width:640px;margin:3rem auto 0;background:#fff;border:1px solid #eee5f7;border-radius:1.4rem;padding:2rem 2.2rem;box-shadow:0 24px 60px -30px rgba(24,29,74,.16)}
.transcript .t-line{margin-bottom:1.1rem;font-size:1rem}
.transcript .t-who{font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.3rem}
.transcript .t-user .t-who{color:var(--ink2)}
.transcript .t-proton .t-who{color:var(--vio)}
.transcript .t-proton p{color:var(--ink)}
.transcript .t-user p{color:var(--ink2)}
.transcript .t-think{color:var(--ink2);font-style:italic;font-size:.92rem}
.wa-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:2.8rem}
.wa-card{background:#fff;border:1px solid #eee5f7;border-radius:1.3rem;padding:2rem;transition:transform .3s,box-shadow .3s}
.wa-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(24,29,74,.15)}
.wa-card h3{font-size:1.25rem;margin-bottom:.25rem;color:var(--ink)}
.wa-card .wa-tag{color:var(--ink2);font-size:.9rem;margin-bottom:1rem}
.wa-card ul{list-style:none}
.wa-card ul li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.6rem;color:var(--ink2);font-size:.95rem}
.wa-card ul li i{color:var(--vio);margin-top:.3rem;font-size:.85rem}
@media(max-width:820px){.wa-grid{grid-template-columns:1fr}}

/* ---------- Pasos ---------- */
.steps{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:3rem}
.step{text-align:center;max-width:250px}
.step-number{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,var(--p),var(--s) 55%,var(--a));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.8rem}
.step h3{font-size:1.2rem;margin-bottom:.5rem}
.step p{color:var(--g);font-size:.94rem}
.sec-light .step p,.sec-light2 .step p{color:var(--ink2)}
.step-arrow{color:var(--p);font-size:1.5rem}
@media(max-width:820px){.steps{flex-direction:column}.step-arrow{transform:rotate(90deg)}}

/* ---------- Footer ---------- */
.footer{padding:4rem 0 2rem;border-top:1px solid rgba(168,85,247,.14);background:var(--d)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
.footer-grid h4{font-size:1rem;margin-bottom:1.3rem;color:var(--l)}
.footer-grid ul{list-style:none}
.footer-grid ul li{margin-bottom:.7rem}
.footer-grid ul li a{color:var(--g);text-decoration:none;transition:color .25s;font-size:.94rem}
.footer-grid ul li a:hover{color:var(--l)}
.footer-grid p{color:var(--g);font-size:.94rem}
.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(168,85,247,.12);color:var(--g);font-size:.875rem}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}

/* ---------- Hero home ---------- */
.hero-home{min-height:92vh;display:flex;align-items:center;position:relative;padding:8rem 0 4rem;overflow:hidden;background:var(--d)}
.hero-blob{position:absolute;top:-45%;right:-18%;width:760px;height:760px;background:radial-gradient(circle,rgba(168,85,247,.17) 0%,transparent 70%);border-radius:50%;animation:floaty 6s ease-in-out infinite;pointer-events:none}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-28px)}}
.hero-home .container{display:grid;grid-template-columns:1.05fr .95fr;gap:3.5rem;align-items:center}
.badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.22);padding:.5rem 1rem;border-radius:2rem;font-size:.85rem;margin-bottom:1.5rem;color:var(--l)}
.pulse{width:8px;height:8px;background:var(--gr);border-radius:50%;animation:ppulse 2s infinite}
@keyframes ppulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}}
.hero-logo{display:block;margin:0 auto 1.4rem;max-width:200px;width:56%;filter:drop-shadow(0 0 30px rgba(168,85,247,.35))}
.chat-preview{background:rgba(27,14,68,.5);border:1px solid rgba(168,85,247,.22);border-radius:1.1rem;overflow:hidden;backdrop-filter:blur(20px);box-shadow:0 25px 50px -12px rgba(0,0,0,.55)}
.chat-header{padding:.95rem 1.1rem;background:rgba(168,85,247,.1);border-bottom:1px solid rgba(168,85,247,.12);display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem}
.chat-header img{height:1.25em;width:1.25em;border-radius:15%}
.chat-header i{color:var(--p)}
.status{margin-left:auto;font-size:.75rem;color:var(--gr)}
.chat-body{padding:1.4rem;min-height:220px;display:flex;flex-direction:column;gap:1rem}
.msg{display:flex;gap:.75rem;align-items:flex-end;animation:slideIn .5s ease}
@keyframes slideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.msg.user{flex-direction:row-reverse}
.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--p);color:#fff;font-size:.85rem;flex-shrink:0;overflow:hidden}
.avatar img{height:100%;width:100%;object-fit:cover}
.msg.user .avatar{background:var(--s)}
.bubble{background:rgba(168,85,247,.1);padding:.72rem 1rem;border-radius:1rem;max-width:280px;font-size:.875rem;border:1px solid rgba(168,85,247,.12)}
.msg.user .bubble{background:var(--p);color:#fff;border:none}
.typing .bubble{display:flex;gap:4px;padding:.72rem 1rem}
.dot{width:6px;height:6px;background:var(--g);border-radius:50%;animation:bounce 1.4s infinite ease-in-out}
.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}
@keyframes bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}
.chat-input{padding:.9rem;border-top:1px solid rgba(168,85,247,.12);display:flex;gap:.5rem}
.chat-input input{flex:1;background:rgba(11,6,20,.5);border:1px solid rgba(168,85,247,.22);border-radius:2rem;padding:.7rem 1rem;color:var(--l);outline:none;font-family:inherit}
.chat-input button{background:var(--p);border:none;color:#fff;padding:.7rem 1rem;border-radius:50%;cursor:pointer}
@media(max-width:968px){.hero-home .container{grid-template-columns:1fr}.hero-home{padding-top:7rem}}