border-color:var(--primary);
  color:var(--primary)}

.btn-lg {
  padding:.875rem 1.75rem;
  font-size:1rem}

.btn-white {
  background:#fff;
  color:var(--primary);
  font-weight:600}

.btn-white:hover {
  background:var(--secondary)}

.btn-purple {
  background:#7c3aed;
  color:#fff}

.btn-purple:hover {
  background:#6d28d9}

.card {
  background:var(--card);
  border:1px solid var(--border);
  border-radius:1rem;
  overflow:hidden}

.card-hover {
  transition:transform .3s ease,box-shadow .3s ease}

.card-hover:hover {
  transform:translateY(-4px);
  box-shadow:0 12px 32px rgba(0,0,0,.08)}

.feature-card {
  background:var(--card);
  border:1px solid var(--border);
  border-radius:1rem;
  padding:2rem;
  transition:box-shadow .3s ease}

.feature-card:hover {
  box-shadow:0 8px 24px rgba(0,0,0,.06)}

.feature-card .icon-box {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:3.5rem;
  height:3.5rem;
  border-radius:.75rem;
  margin-bottom:1.5rem}

.pricing-card {
  background:var(--card);
  border:1px solid var(--border);
  border-radius:1rem;
  padding:2rem;
  transition:box-shadow .3s ease}

.pricing-card:hover {
  box-shadow:0 8px 24px rgba(0,0,0,.06)}

.pricing-card.featured {
  border-color:rgba(5,150,105,.3);
  background:linear-gradient(135deg,rgba(5,150,105,.03),rgba(16,185,129,.03));
  box-shadow:0 4px 16px rgba(0,0,0,.06)}

.pricing-card .price {
  font-size:2.5rem;
  font-weight:700;
  line-height:1}

.pricing-card .price-period {
  font-size:.875rem;
  color:var(--muted-foreground);
  font-weight:400}

.feature-list {
  list-style:none;
  padding:0}

.feature-list li {
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  padding:.375rem 0}

.feature-list li .check-icon {
  width:1.25rem;
  height:1.25rem;
  flex-shrink:0;
  margin-top:.125rem;
  color:#ff0080}

.check-row {
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  padding:.75rem 1.25rem;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:.75rem;
  margin-bottom:.75rem}

.check-row .check-icon {
  width:1.25rem;
  height:1.25rem;
  flex-shrink:0;
  margin-top:.125rem;
  color:#ff0080}

.grid-2 {
  display:grid;
  grid-template-columns:1fr;
  gap:2rem}

.grid-3 {
  display:grid;
  grid-template-columns:1fr;
  gap:2rem}

.grid-4 {
  display:grid;
  grid-template-columns:1fr;
  gap:1.5rem}

@media(min-width:768px) {
  .grid-2 {
  grid-template-columns:1fr 1fr}

.grid-3 {
  grid-template-columns:1fr 1fr 1fr}

.grid-4 {
  grid-template-columns:1fr 1fr 1fr 1fr}

}

@media(min-width:640px) and (max-width:767px) {
  .grid-3 {
  grid-template-columns:1fr 1fr}

.grid-4 {
  grid-template-columns:1fr 1fr}

}

.text-center {
  text-align:center}

.text-muted {
  color:var(--muted-foreground)}

.text-sm {
  font-size:.875rem}

.text-xs {
  font-size:.75rem}

.text-lg {
  font-size:1.125rem}

.text-xl {
  font-size:1.25rem}

.text-2xl {
  font-size:1.5rem}

.text-3xl {
  font-size:1.875rem}

.text-4xl {
  font-size:2.25rem}

.text-5xl {
  font-size:3rem}

.text-6xl {
  font-size:3.75rem}

.font-bold {
  font-weight:700}

.font-medium {
  font-weight:500}

.font-semibold {
  font-weight:600}

.tracking-tight {
  letter-spacing:-.025em}

.tracking-tighter {
  letter-spacing:-.05em}

.max-w-2xl {
  max-width:42rem}

.max-w-3xl {
  max-width:48rem}

.max-w-4xl {
  max-width:56rem}

.max-w-5xl {
  max-width:64rem}

.max-w-6xl {
  max-width:72rem}

.mx-auto {
  margin-left:auto;
  margin-right:auto}

.mb-2 {
  margin-bottom:.5rem}

.mb-4 {
  margin-bottom:1rem}

.mb-6 {
  margin-bottom:1.5rem}

.mb-8 {
  margin-bottom:2rem}

.mb-12 {
  margin-bottom:3rem}

.mb-16 {
  margin-bottom:4rem}

.mt-4 {
  margin-top:1rem}

.mt-6 {
  margin-top:1.5rem}

.mt-8 {
  margin-top:2rem}

.gap-2 {
  gap:.5rem}

.gap-3 {
  gap:.75rem}

.gap-4 {
  gap:1rem}

.gap-6 {
  gap:1.5rem}

.gap-8 {
  gap:2rem}

.gap-10 {
  gap:2.5rem}

.gap-12 {
  gap:3rem}

.gap-16 {
  gap:4rem}

.flex {
  display:flex}

.flex-col {
  flex-direction:column}

.items-center {
  align-items:center}

.items-start {
  align-items:flex-start}

.justify-center {
  justify-content:center}

.justify-between {
  justify-content:space-between}

.flex-wrap {
  flex-wrap:wrap}

.inline-flex {
  display:inline-flex}

.w-full {
  width:100%}

.relative {
  position:relative}

.overflow-hidden {
  overflow:hidden}

.rounded-xl {
  border-radius:.75rem}

.rounded-2xl {
  border-radius:1rem}

.rounded-lg {
  border-radius:.5rem}

.border-t {
  border-top:1px solid var(--border)}

.border {
  border:1px solid var(--border)}

.shadow-sm {
  box-shadow:0 1px 2px rgba(0,0,0,.05)}

.shadow-lg {
  box-shadow:0 4px 16px rgba(0,0,0,.08)}

.leading-relaxed {
  line-height:1.625}

.space-y-2>*+* {
  margin-top:.5rem}

.space-y-3>*+* {
  margin-top:.75rem}

.space-y-4>*+* {
  margin-top:1rem}

.space-y-6>*+* {
  margin-top:1.5rem}

.gradient-text-purple {
  background:linear-gradient(90deg,#7c3aed,#2563eb,#0891b2);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.gradient-text-emerald {
  background:linear-gradient(90deg,#059669,#2563eb,#4f46e5);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.gradient-text-blue {
  background:linear-gradient(90deg,#2563eb,#4f46e5,#7c3aed);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.gradient-text-cyan {
  background:linear-gradient(90deg,#0891b2,#2563eb,#4f46e5);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.gradient-text-amber {
  background:linear-gradient(90deg,#d97706,#ea580c,#dc2626);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.gradient-text-red {
  background:linear-gradient(90deg,#dc2626,#e11d48,#475569);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.gradient-text-orange {
  background:linear-gradient(90deg,#ea580c,#d97706,#ca8a04);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.gradient-text-indigo {
  background:linear-gradient(90deg,#4f46e5,#7c3aed,#2563eb);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.gradient-text-pink {
  background:linear-gradient(90deg,#db2777,#e11d48,#be185d);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text}

.stats-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
  max-width:48rem;
  margin:0 auto}

@media(min-width:768px) {
  .stats-grid {
  grid-template-columns:1fr 1fr 1fr 1fr}

}

.stat-card {
  background:var(--card);
  border:1px solid var(--border);
  border-radius:.75rem;
  padding:1.5rem;
  text-align:center}

.terminal {
  background:hsl(220 20% 4%);
  border:1px solid hsl(220 20% 15%);
  border-radius:1rem;
  overflow:hidden}

.terminal-header {
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.75rem 1rem;
  border-bottom:1px solid hsl(220 20% 15%);
  background:hsl(220 20% 8%)}

.terminal-dot {
  width:.625rem;
  height:.625rem;
  border-radius:50%}

.terminal-dot.red {
  background:#ef4444}

.terminal-dot.yellow {
  background:#eab308}

.terminal-dot.green {
  background:#22c55e}

.terminal-body {
  padding:1.5rem;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.875rem;
  line-height:1.8;
  color:hsl(210 20% 80%)}

.terminal-body .prompt {
  color:#22c55e}

.terminal-body .cmd {
  color:hsl(210 20% 90%)}

.terminal-body .success {
  color:#06b6d4}

.terminal-body .muted {
  color:hsl(220 15% 45%)}

.terminal-body .link {
  color:#7c3aed}

details.faq-item {
  border:1px solid var(--border);
  border-left:3px solid rgba(37,99,235,.3);
  margin-bottom:.5rem;
  transition:border-color .2s}

details.faq-item:hover {
  border-left-color:rgba(37,99,235,.6)}

details.faq-item summary {
  padding:1.25rem 2rem;
  font-weight:600;
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between}

details.faq-item summary::-webkit-details-marker {
  display:none}

details.faq-item summary::after {
  content:'+';
  font-size:1.25rem;
  color:var(--muted-foreground);
  transition:transform .2s}

details.faq-item[open] summary::after {
  transform:rotate(45deg)}

details.faq-item .faq-answer {
  padding:0 2rem 1.25rem;
  color:var(--muted-foreground);
  line-height:1.7;
  font-size:.9375rem}

table {
  width:100%;
  border-collapse:collapse}

th,td {
  padding:.75rem 1rem;
  text-align:left;
  border-bottom:1px solid var(--border)}

th {
  font-weight:600;
  font-size:.75rem;
  color:var(--muted-foreground);
  text-transform:uppercase;
  letter-spacing:.05em}

td {
  font-size:.875rem}

tr:hover td {
  background:var(--muted)}

.blog-card {
  background:var(--card);
  border:1px solid var(--border);
  border-radius:1rem;
  overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease}

.blog-card:hover {
  transform:translateY(-4px);
  box-shadow:0 12px 32px rgba(0,0,0,.08)}

.blog-card .card-content {
  padding:1.5rem}

.step-card {
  display:flex;
  align-items:flex-start;
  gap:1rem;
  padding:1.25rem;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:.75rem}

.step-card .step-num {
  font-size:1.875rem;
  font-weight:700;
  opacity:.2;
  flex-shrink:0;
  line-height:1}

@media(max-width:767px) {
  .nav-desktop {
  display:none!important}

.nav-mobile-toggle {
  display:flex}

}

@media(min-width:768px) {
  .nav-desktop {
  display:flex}

.nav-mobile-toggle {
  display:none}

}

.site-header {
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  background:rgba(255,255,255,.85);
  border-bottom:1px solid rgba(0,0,0,.06)}

.site-header .header-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:4rem;
  max-width:1200px;
  margin:0 auto;
  padding:0 1rem}

.site-header .logo-link {
  display:flex;
  align-items:center;
  gap:.5rem}

.site-header .logo-link img {
  height:33px;
  width:auto}

.site-header .phone-link {
  font-size:.75rem;
  color:var(--muted-foreground);
  font-weight:500;
  white-space:nowrap}

@media(min-width:1025px) {
.nav-desktop {
  display:flex;
  align-items:center;
  gap:.125rem}
}

.nav-desktop a,.nav-dropbtn {
  display:inline-flex;
  align-items:center;
  gap:.25rem;
  padding:.5rem .75rem;
  font-size:.875rem;
  font-weight:500;
  color:var(--muted-foreground);
  border-radius:.375rem;
  cursor:pointer;
  transition:all .2s ease;
  border:none;
  background:transparent;
  font-family:inherit;
  white-space:nowrap}

.nav-desktop a:hover,.nav-dropbtn:hover {
  background:var(--secondary);
  color:var(--foreground)}

.nav-desktop a svg {
  width:1rem;
  height:1rem;
  opacity:.7}

.nav-dropdown {
  position:relative;
  display:inline-block}

.nav-dropdown-content {
  display:none;
  position:absolute;
  top:100%;
  left:0;
  background:var(--background);
  min-width:200px;
  box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
  border:1px solid var(--border);
  border-radius:var(--radius);
  z-index:100;
  padding:.5rem}

.nav-dropdown-content a {
  display:flex;
  padding:.5rem 1rem;
  color:var(--muted-foreground);
  text-decoration:none;
  border-radius:.375rem}

.nav-dropdown:hover .nav-dropdown-content {
  display:block}

.nav-dropdown-content a:hover {
  background:var(--secondary);
  color:var(--foreground)}

.nav-mobile-toggle {
  display:none;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border:none;
  background:transparent;
  cursor:pointer;
  border-radius:.5rem;
  color:var(--foreground)}

.nav-mobile-toggle:hover {
  background:var(--secondary)}

.nav-mobile-toggle svg {
  width:1.25rem;
  height:1.25rem}

#mobile-menu {
  position:fixed;
  top:4rem;
  left:0;
  right:0;
  bottom:0;
  z-index:45;
  background:rgba(255,255,255,.98);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  overflow-y:auto;
  padding:1rem}

.mobile-nav-link {
  display:block;
  padding:.75rem 1rem;
  font-size:1rem;
  font-weight:500;
  color:var(--foreground);
  border-radius:.5rem}

.mobile-nav-section {
  padding:1.5rem 1rem .5rem;
  font-size:.75rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--muted-foreground)}

.mobile-nav-link:hover {
  background:var(--secondary)}

.mobile-phone {
  display:block;
  padding:.75rem 1rem;
  font-size:.875rem;
  color:var(--muted-foreground)}

.site-footer {
  background:var(--primary);
  color:rgba(255,255,255,.7);
  padding:4rem 0 2rem}

.footer-top {
  display:grid;
  grid-template-columns:1fr;
  gap:3rem;
  padding-bottom:3rem;
  border-bottom:1px solid rgba(255,255,255,.1)}

@media(min-width:768px) {
  .footer-top {
  grid-template-columns:2fr 1fr 1fr 1fr}

}

.footer-brand p {
  margin-top:1rem;
  font-size:.875rem;
  line-height:1.6;
  max-width:320px}

.footer-brand .footer-logo {
  height:33px;
  width:auto;
  margin-bottom:.25rem;
  filter:brightness(0) invert(1)}

.footer-col h5 {
  color:#fff;
  font-size:.8125rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:1rem}

.footer-col a {
  display:block;
  font-size:.8125rem;
  color:rgba(255,255,255,.6);
  padding:.25rem 0;
  transition:color .15s ease}

.footer-col a:hover {
  color:#fff}

.footer-bottom {
  padding-top:1.5rem;
  font-size:.75rem;
  color:rgba(255,255,255,.4);
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:.5rem}

.footer-social {
  display:flex;
  gap:.75rem}

.footer-social a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2rem;
  height:2rem;
  border-radius:.375rem;
  background:rgba(255,255,255,.1);
  color:rgba(255,255,255,.6);
  transition:background .15s ease,color .15s ease}

.footer-social a:hover {
  background:rgba(255,255,255,.2);
  color:#fff}

.cta-section {
  text-align:center;
  padding:5rem 0}

.cta-section h2 {
  margin-bottom:1.5rem}

.cta-section p {
  max-width:42rem;
  margin:0 auto 2.5rem;
  font-size:1.125rem;
  color:rgba(255,255,255,.7)}

@keyframes fadeInUp {
  from {
  opacity:0;
  transform:translateY(20px)}

to {
  opacity:1;
  transform:translateY(0)}

}

.animate-fade-in-up {
  animation:fadeInUp .6s ease forwards}

.hidden {
  display:none}

.hero-canvas {
  background:var(--hero-bg);
  min-height:80vh;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:8rem 1.5rem 5rem;
  text-align:center;
  overflow:hidden}

.hero-content-centered {
  width:100%;
  max-width:800px;
  margin:0 auto;
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center}

.hero-title {
  font-size:clamp(2.5rem,5vw,4rem) !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  letter-spacing:-0.03em !important;
  color:#fff !important;
  margin:0 auto 1.5rem !important;
  max-width:780px}

.hero-sub {
  color:var(--hero-muted) !important;
  font-size:clamp(0.95rem,2vw,1.1rem) !important;
  max-width:600px;
  line-height:1.6 !important;
  margin:0 auto 2.5rem !important}

.hero-chat-container {
  width:100%;
  max-width:680px;
  margin:0 auto 2rem;
  animation:fadeUp 0.6s ease 0.3s both}

.hero-chat-form {
  width:100%}

.hero-chat-input-inner {
  display:flex;
  align-items:center;
  gap:0.75rem;
  background:rgba(255,255,255,0.04);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:101px;
  padding:0.6rem 0.6rem 0.6rem 1.25rem;
  transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
  position:relative;
  box-shadow:0 4px 30px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.05)}

.hero-chat-input-inner::before {
  content:'';
  position:absolute;
  inset:-1px;
  border-radius:101px;
  background:linear-gradient(135deg,rgba(99,102,241,0.4),rgba(34,211,238,0.4));
  z-index:-1;
  opacity:0;
  transition:opacity 0.3s ease}

.hero-chat-input-inner:focus-within {
  border-color:rgba(99,102,241,0.6);
  box-shadow:0 0 35px rgba(99,102,241,0.25);
  background:rgba(255,255,255,0.06)}

.hero-chat-input-inner:focus-within::before {
  opacity:1}

.hero-chat-icon {
  color:var(--hero-muted);
  opacity:0.75;
  flex-shrink:0}

.hero-chat-input {
  flex:1;
  border:none;
  background:transparent;
  outline:none;
  font-size:1.05rem;
  color:#fff;
  font-family:inherit;
  min-width:0;
  padding:0.25rem 0}

.hero-chat-input::placeholder {
  color:var(--hero-muted);
  opacity:0.7}

.hero-chat-send {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:50%;
  border:none;
  background:linear-gradient(135deg,#6366f1,#22d3ee);
  color:#fff;
  cursor:pointer;
  flex-shrink:0;
  transition:transform 0.2s,box-shadow 0.2s;
  box-shadow:0 4px 15px rgba(99,102,241,0.3)}

.hero-chat-send:hover {
  transform:scale(1.06) translateY(-1px);
  box-shadow:0 6px 20px rgba(99,102,241,0.45)}

.hero-chat-send:active {
  transform:scale(0.96)}

.hero-chat-chips {
  display:flex;
  justify-content:center;
  gap:0.5rem;
  margin-top:1rem;
  flex-wrap:wrap}

.chat-chip {
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:101px;
  padding:0.45rem 1rem;
  color:var(--hero-muted);
  font-size:0.8rem;
  cursor:pointer;
  transition:all 0.2s ease;
  white-space:nowrap}

.chat-chip svg {
  width:14px;
  height:14px;
  flex-shrink:0}

.chat-chip:hover {
  background:rgba(99,102,241,0.1);
  border-color:rgba(99,102,241,0.3);
  color:#fff;
  transform:translateY(-1px)}

.hero-chat-messages {
  display:flex;
  flex-direction:column;
  gap:0.75rem;
  margin-bottom:0.875rem;
  padding-bottom:0.875rem;
  border-bottom:1px solid rgba(255,255,255,0.06)}

.hero-chat-message {
  display:flex;
  align-items:flex-start;
  gap:0.65rem}

.hero-chat-avatar {
  flex-shrink:0;
  width:30px;
  height:30px;
  border-radius:6px;
  background:linear-gradient(135deg,rgba(99,102,241,0.25),rgba(139,92,246,0.2));
  border:1px solid rgba(255,255,255,0.08);
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,0.8);
  margin-top:2px}

.hero-chat-bubble {
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:6px 12px 12px 12px;
  padding:0.55rem 0.85rem;
  max-width:100%}

.hero-chat-bubble p {
  font-size:0.82rem;
  line-height:1.55;
  color:rgba(241,245,249,0.92);
  margin:0}

.hero-chat-time {
  display:block;
  font-size:0.6rem;
  color:rgba(148,163,184,0.5);
  margin-top:0.3rem}

.hero-subactions {
  margin-top:1.5rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0.75rem;
  animation:fadeUp 0.6s ease 0.4s both}

.hero-trial-text {
  font-size:0.75rem;
  color:var(--hero-muted);
  opacity:0.8;
  margin:0}

.hero-link-buttons {
  display:flex;
  align-items:center;
  gap:0.75rem}

.hero-link-buttons .btn-primary {
  padding:0.5rem 1.25rem !important;
  font-size:0.8rem !important}

.hero-link-buttons .btn-ghost {
  padding:0.5rem 1.25rem !important;
  font-size:0.8rem !important;
  background:rgba(255,255,255,0.05) !important}


@media (max-width:992px) {
  .hero-split {
  grid-template-columns:1fr;
  gap:2.5rem;
  padding-top:2rem}

.hero-text-col {
  align-items:center;
  text-align:center;
  padding-right:0}

.hero-text-col .hero-eyebrow {
  margin-left:auto}

.hero-text-col h1 {
  margin-left:auto !important;
  margin-right:auto !important}

.hero-text-col .hero-sub {
  margin-left:auto !important;
  margin-right:auto !important}

.hero-text-col .hero-subactions {
  align-items:center}

.hero-text-col .hero-link-buttons {
  justify-content:center}

.hero-visual-col .hero-chat-chips {
  justify-content:center}

.hero-visual-col .hero-chat-glass {
  max-width:500px;
  margin:0 auto}

}

@media (max-width:768px) {
  .hero-canvas {
  padding:7rem 1rem 4rem}

.hero-chat-input-inner {
  padding:0.5rem 0.5rem 0.5rem 1rem}

.hero-chat-input {
  font-size:0.95rem}

.hero-chat-send {
  width:36px;
  height:36px}

.hero-chat-chips {
  gap:0.35rem}

.chat-chip {
  padding:0.35rem 0.75rem;
  font-size:0.75rem}

.hero-chat-messages {
  gap:0.5rem;
  margin-bottom:0.625rem;
  padding-bottom:0.625rem}

.hero-chat-avatar {
  width:26px;
  height:26px}

.hero-chat-bubble p {
  font-size:0.78rem}

.hero-link-buttons {
  flex-direction:column;
  width:100%;
  max-width:280px}

.hero-link-buttons .btn {
  width:100%}

}

@media(max-width:1200px) {
  .nav-desktop {
  display:none!important}

.btn-header-cta,.btn-header-secondary,.lang-select,.theme-toggle {
  display:none!important}

.mobile-toggle {
  display:block;
  position:relative;
  z-index:102;
  margin-left:auto!important;
  margin-right:0!important;
  }

.header-inner {
  justify-content:space-between;
  padding-left:1.5rem!important}

.logo-profile {
  position:relative;
  left:auto;
  top:auto;
  transform:none}

.logo-profile img {
  width:60px!important;
  height:60px!important;
  top:auto;
  position:relative;
  margin:0}

.logo-profile.scrolled img {
  width:44px!important;
  height:44px!important;
  top:auto}

}