/* Founder-approved AviBot visual system — unified landing override, 2026-08-26. */
:root {
  --ink: #10182d;
  --ink-soft: #68738a;
  --paper: #f1f3f7;
  --line: rgba(20, 36, 67, .10);
  --blue: #315eff;
  --blue-dark: #2348d6;
  --mint: #3ed0ad;
  --violet: #8b5cf6;
  --peach: #ff625c;
  --shadow: 0 24px 70px rgba(23,37,66,.12), 0 3px 12px rgba(23,37,66,.05);
}

body {
  color: var(--ink);
  background:
    radial-gradient(circle at 9% 2%, rgba(20,200,245,.07), transparent 21%),
    radial-gradient(circle at 92% 18%, rgba(62,208,173,.06), transparent 24%),
    var(--paper);
}

.site-header { border-bottom-color: rgba(20,36,67,.08); background: rgba(241,243,247,.82); box-shadow: 0 8px 28px rgba(23,37,66,.035); }
.header-inner { min-height: 86px; }
.wordmark-image { width: 156px; height: 68px; overflow: visible; }
.wordmark-image img { width: 150px; height: 68px; object-fit: contain; }
.main-nav { gap: 9px; padding: 6px; background: rgba(255,255,255,.54); border: 1px solid rgba(255,255,255,.9); border-radius: 999px; box-shadow: 0 9px 28px rgba(23,37,66,.055); }
.main-nav a { padding: 8px 12px; color: #68738a; border-radius: 999px; font-size: 12px; transition: color 160ms ease, background 160ms ease; }
.main-nav a:hover { color: #fff; background: var(--ink); }
.button { box-shadow: 0 10px 22px rgba(49,94,255,.16); }
.button-dark { background: var(--ink); box-shadow: 0 10px 24px rgba(16,24,45,.16); }
.button-dark:hover { background: var(--blue); }
.button-ghost { color: #34425a; background: rgba(255,255,255,.62); border-color: rgba(20,36,67,.11); box-shadow: none; }

.golden-hero { min-height: 810px; padding: 86px 0 92px; background: transparent; border-bottom-color: rgba(20,36,67,.08); }
.golden-hero::before { position: absolute; top: 70px; right: -120px; width: 540px; height: 540px; content: ""; background: radial-gradient(circle, rgba(49,94,255,.11), transparent 66%); pointer-events: none; }
.golden-hero-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(560px, .96fr); align-items: center; gap: clamp(34px, 3.2vw, 52px); min-height: 640px; }
.golden-hero-copy { width: 100%; padding: 32px 0 46px; }
.golden-hero-copy h1 { color: var(--ink); font-size: clamp(52px, 5.6vw, 82px); font-weight: 650; line-height: .96; letter-spacing: -.065em; text-wrap: balance; }
.golden-hero-copy > p:not(.eyebrow) { max-width: 555px; color: #68738a; font-size: 18px; line-height: 1.55; text-wrap: pretty; }
.golden-hero-copy .eyebrow { color: #68738a; }.golden-hero-copy .eyebrow span { background: var(--mint); box-shadow: 0 0 0 5px rgba(62,208,173,.12); }
.golden-hero .button-primary { min-height: 56px; padding-inline: 27px; border-radius: 999px; box-shadow: 0 14px 30px rgba(49,94,255,.23); }
.golden-hero .button-ghost { min-height: 56px; color: #34425a; background: rgba(255,255,255,.72); border-color: rgba(20,36,67,.10); border-radius: 999px; }
.trust-list { color: #798397; }.trust-list li::before { color: #20a17f; }

.product-preview { grid-template-columns: clamp(142px, 11vw, 160px) minmax(0, 1fr); width: min(800px, calc(50vw - 40px)); min-height: 505px; margin: 0; overflow: hidden; background: #fff; border: 8px solid rgba(255,255,255,.76); border-radius: 28px; box-shadow: 0 36px 90px rgba(23,37,66,.17), 0 8px 24px rgba(23,37,66,.08); transform: rotate(-1.25deg); }
.preview-sidebar { gap: 7px; padding: 25px 15px; color: #fff; background: radial-gradient(circle at 18% 4%, rgba(49,94,255,.34), transparent 30%), linear-gradient(165deg, #111d35 0%, #0c1427 78%); border: 0; }
.preview-sidebar b { margin-bottom: 24px; color: #fff; font-size: 18px; letter-spacing: -.04em; }.preview-sidebar b i { color: #fff; background: linear-gradient(145deg, #315eff, #14c8f5); border-radius: 10px 10px 3px 10px; box-shadow: 0 9px 20px rgba(49,94,255,.28); }
.preview-sidebar > span { padding: 11px 12px; color: rgba(232,239,253,.60); border-radius: 12px; font-size: 11px; }.preview-sidebar > span.active { color: #fff; background: rgba(255,255,255,.105); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.preview-main { padding: 0 27px 29px; background: #f1f3f7; }
.preview-header { height: 86px; margin: 0 -27px 22px; padding: 0 27px; background: rgba(255,255,255,.78); border-bottom: 1px solid rgba(20,36,67,.07); backdrop-filter: blur(18px); }
.preview-header strong { color: var(--ink); font-size: 19px; letter-spacing: -.035em; }.preview-header > span { color: #536077; background: #fff; border-color: rgba(20,36,67,.08); border-radius: 999px; }
.preview-status { padding: 21px; background: #fff; border: 0; border-left: 0; border-radius: 19px; box-shadow: 0 14px 38px rgba(23,37,66,.08); }
.preview-status strong { color: var(--ink); }.preview-status button { min-height: 39px; padding: 0 15px; background: var(--ink); border-radius: 999px; box-shadow: 0 8px 18px rgba(16,24,45,.15); }
.preview-metrics { gap: 8px; margin-top: 10px; padding: 7px; background: rgba(255,255,255,.58); border: 1px solid rgba(255,255,255,.88); border-radius: 20px; }
.preview-metrics div { position: relative; min-height: 110px; align-content: end; justify-items: start; padding: 17px; overflow: hidden; background: rgba(255,255,255,.83); border: 1px solid rgba(20,36,67,.05); border-radius: 15px; }.preview-metrics div:first-child::before, .preview-metrics div:nth-child(2)::before, .preview-metrics div:nth-child(3)::before { position: absolute; top: 13px; right: 13px; width: 25px; height: 25px; content: ""; background: #14c8f5; border-radius: 9px 9px 3px 9px; opacity: .82; }.preview-metrics div:nth-child(2)::before { background: #3ed0ad; }.preview-metrics div:nth-child(3)::before { background: #ff625c; }
.preview-metrics b { color: var(--ink); font-size: 28px; letter-spacing: -.05em; }.preview-metrics span { color: #68738a; }
.preview-bottom { gap: 10px; margin-top: 10px; }.preview-bottom > div { padding: 19px; background: rgba(255,255,255,.88); border: 0; border-radius: 17px; box-shadow: 0 10px 28px rgba(23,37,66,.055); }

.signal-strip { background: rgba(255,255,255,.45); border-block-color: rgba(20,36,67,.08); }
.section-heading h2 { color: var(--ink); letter-spacing: -.065em; }.section-heading h2 em { color: var(--blue); }
.special-card { border-radius: 28px; box-shadow: 0 18px 55px rgba(23,37,66,.10); transition: transform 260ms cubic-bezier(.2,.8,.2,1), box-shadow 260ms ease; }.special-card:hover { box-shadow: 0 28px 72px rgba(23,37,66,.16); transform: translateY(-7px) rotate(.35deg); }
.special-blue { --card-bg: #315eff; }.special-mint { --card-bg: #3ed0ad; }.special-violet { --card-bg: #101b31; }
.section-dark { background: radial-gradient(circle at 80% 20%, rgba(49,94,255,.18), transparent 28%), linear-gradient(155deg, #111d35, #0c1427); }
.capability-grid article { border-color: rgba(235,241,253,.12); }
.chat-shell, .handoff-card { border-radius: 26px; box-shadow: 0 28px 72px rgba(23,37,66,.16); }
.handoff-section { background: radial-gradient(circle at 14% 15%, rgba(20,200,245,.20), transparent 28%), linear-gradient(150deg, #111d35, #172a4a); }
.faq-list details { border-color: rgba(20,36,67,.10); }
.final-cta { overflow: hidden; background: rgba(255,255,255,.72); border: 1px solid rgba(255,255,255,.94); border-radius: 36px; box-shadow: var(--shadow); }
.site-footer { color: rgba(232,239,253,.76); background: #0c1427; }.site-footer .wordmark { color: #fff; }

@media (max-width: 1240px) {
  .golden-hero { min-height: auto; }
  .golden-hero-inner { grid-template-columns: 1fr; gap: 34px; min-height: 0; }
  .golden-hero-copy { width: min(720px, 100%); }
  .product-preview { grid-template-columns: clamp(132px, 18vw, 176px) minmax(0, 1fr); width: min(850px, 100%); margin: 0 auto; }
}

@media (max-width: 760px) {
  .header-inner { min-height: 76px; }.wordmark-image { width: 126px; height: 58px; }.wordmark-image img { width: 123px; height: 58px; }
  .golden-hero { min-height: auto; padding: 48px 0 24px; }.golden-hero-inner { display: grid; gap: 24px; min-height: 0; }.golden-hero-copy { padding: 22px 0 0; }.golden-hero-copy h1 { font-size: clamp(40px, 11vw, 50px); }
  .product-preview { grid-template-columns: clamp(64px, 18vw, 82px) minmax(0, 1fr); width: 100%; min-height: 0; margin: 0; border-width: 6px; border-radius: 23px; transform: rotate(-.7deg); transform-origin: center; }
  .preview-sidebar { padding: 16px 6px; }.preview-sidebar b { margin-bottom: 16px; font-size: 12px; }.preview-sidebar > span { padding: 8px 6px; font-size: 7.5px; }
  .preview-main { padding: 0 10px 16px; }.preview-header { height: 64px; margin: 0 -10px 16px; padding-inline: 10px; }.preview-header div { min-width: 0; }.preview-header strong { display: block; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.preview-header > span, .preview-status button { display: none; }
  .preview-status { padding: 14px; }.preview-status strong { font-size: 12px; }.preview-status p { font-size: 8px; }
  .preview-metrics { gap: 6px; padding: 5px; border-radius: 15px; }.preview-metrics div { min-height: 91px; padding: 9px; border-radius: 11px; }.preview-metrics b { font-size: 21px; }.preview-metrics span { font-size: 7.5px; overflow-wrap: anywhere; }.preview-metrics div::before { width: 16px !important; height: 16px !important; top: 8px !important; right: 8px !important; }
  .preview-bottom { grid-template-columns: 1fr; }.preview-bottom > div { padding: 12px; }.preview-bottom strong { font-size: 11px; }.preview-bottom p { font-size: 8px; }.preview-bottom > div:nth-child(2) { display: none; }
  .suggestions { flex-wrap: wrap; overflow-x: visible; padding: 12px 12px 4px; }
  .suggestions button { flex: 1 1 130px; min-height: 36px; white-space: normal; }
  .main-nav { display: none; }
  .special-card { border-radius: 24px; }
  .final-cta { border-radius: 27px; }
}

@media (max-width: 380px) {
  .preview-status { padding: 11px; }
  .preview-status p { display: none; }
  .preview-metrics { gap: 4px; padding: 4px; }
  .preview-metrics div { min-height: 82px; padding: 7px; }
  .preview-metrics b { font-size: 19px; }
  .preview-metrics span { font-size: 7px; }
  .preview-metrics div::before { width: 13px !important; height: 13px !important; top: 7px !important; right: 7px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .special-card { transition: none; }
}

/* Reference-locked capability route and real brand marks. */
.section-dark .dark-heading h2{color:#f7f9ff!important;text-shadow:0 10px 40px rgba(0,0,0,.18)}
.section-dark .dark-heading h2 em{color:#315eff!important}
.capability-grid{position:relative;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;border:0!important;gap:14px;margin-top:56px}
.capability-grid::before{position:absolute;top:63px;left:7%;right:7%;height:2px;content:"";background:linear-gradient(90deg,#13c6f1,#315eff 42%,#52d92d 72%,#ff625c);opacity:.7}
.capability-grid article{position:relative;z-index:1;min-height:310px!important;padding:18px 14px!important;text-align:center;background:rgba(12,22,42,.82);border:1px solid rgba(235,241,253,.12)!important;border-radius:22px;box-shadow:0 18px 44px rgba(0,0,0,.18);backdrop-filter:blur(12px)}
.capability-grid article:not(:last-child)::after{position:absolute;top:52px;right:-18px;z-index:4;width:28px;height:28px;display:grid;place-items:center;content:"→";color:#a9b9e4;background:#111d35;border:1px solid rgba(255,255,255,.13);border-radius:50%;font-size:13px}
.cap-index{position:absolute;top:13px;left:14px;color:#7484a9!important;font-size:10px!important;font-weight:650;letter-spacing:.08em}
.cap-icon{width:72px;height:72px;margin:8px auto 24px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#315eff,#7138e6);border:1px solid rgba(255,255,255,.18);border-radius:24px;box-shadow:0 14px 30px rgba(49,94,255,.25),inset 0 1px 0 rgba(255,255,255,.22);transform:rotate(-3deg)}
.capability-grid article:nth-child(2) .cap-icon{background:linear-gradient(145deg,#12c5ef,#315eff);transform:rotate(3deg)}.capability-grid article:nth-child(3) .cap-icon{background:linear-gradient(145deg,#52d92d,#13b992);transform:rotate(-2deg)}.capability-grid article:nth-child(4) .cap-icon{background:linear-gradient(145deg,#ffbc45,#ff625c);transform:rotate(2deg)}.capability-grid article:nth-child(5) .cap-icon{background:linear-gradient(145deg,#ff625c,#d72d68);transform:rotate(-3deg)}.capability-grid article:nth-child(6) .cap-icon{background:linear-gradient(145deg,#7138e6,#315eff);transform:rotate(3deg)}
.cap-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.capability-grid h3{min-height:52px;margin:0 0 10px!important;color:#f7f9ff;font-size:16px!important;line-height:1.2}.capability-grid p{margin:0!important;color:#aeb9d1!important;font-size:11px!important;line-height:1.55!important}
.step-avito{gap:16px!important}.step-avito>span{color:#8791a5;font-size:18px}.step-avito b{overflow:hidden}.step-avito .avito-brand-mark{position:relative;background:#fff!important;transform:none!important}.avito-brand-mark i{position:absolute;width:19px;height:19px}.avito-brand-mark i:nth-child(1){left:18px;top:18px;border-radius:50% 50% 12% 50%;background:#965eeb}.avito-brand-mark i:nth-child(2){right:18px;top:18px;border-radius:50%;background:#08aef0}.avito-brand-mark i:nth-child(3){left:18px;bottom:18px;border-radius:50%;background:#ff6163}.avito-brand-mark i:nth-child(4){right:18px;bottom:18px;border-radius:50% 50% 50% 12%;background:#97cf26}.step-avito .avibot-brand-mark{background:linear-gradient(145deg,#315eff,#7045ef)!important}.avibot-brand-mark img{width:70px;height:70px;object-fit:cover;transform:scale(1.15)}
@media(max-width:1180px){.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.capability-grid::before{display:none}.capability-grid article:nth-child(3)::after{display:none}.capability-grid article{min-height:270px!important}}@media(max-width:720px){.capability-grid{grid-template-columns:1fr!important;gap:12px}.capability-grid article{display:grid;grid-template-columns:76px 1fr;grid-template-rows:auto auto;column-gap:16px;min-height:0!important;text-align:left}.cap-icon{grid-row:1/3;margin:8px 0}.capability-grid h3{min-height:0;align-self:end}.capability-grid article::after{top:auto!important;right:auto!important;left:35px!important;bottom:-20px!important;transform:rotate(90deg)}.capability-grid article:last-child::after{display:none}}

/* Public AviBot consultant: native to the approved design, never a third-party widget. */
.site-consultant{position:fixed;right:24px;bottom:24px;z-index:100}.consultant-launcher{position:relative;display:grid;width:62px;height:62px;padding:0;place-items:center;color:#fff;background:linear-gradient(145deg,#315eff,#7850ee);border:1px solid rgba(255,255,255,.45);border-radius:22px 22px 8px 22px;box-shadow:0 18px 42px rgba(49,73,183,.34),inset 0 1px 0 rgba(255,255,255,.35);cursor:pointer;transition:transform 180ms cubic-bezier(.2,.8,.2,1),box-shadow 180ms ease}.consultant-launcher:hover{transform:translateY(-3px) rotate(-2deg);box-shadow:0 24px 48px rgba(49,73,183,.4)}.consultant-launcher-mark svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.consultant-launcher>i{position:absolute;top:4px;left:4px;width:11px;height:11px;background:#ff6b46;border:3px solid #f1f3f7;border-radius:50%}.consultant-panel{position:absolute;right:0;bottom:76px;display:grid;grid-template-rows:auto auto auto minmax(180px,1fr) auto auto;width:min(390px,calc(100vw - 32px));height:min(590px,calc(100vh - 130px));overflow:hidden;color:#10182d;background:rgba(250,251,254,.96);border:1px solid rgba(255,255,255,.95);border-radius:28px 28px 10px 28px;box-shadow:0 30px 90px rgba(16,30,65,.27),0 8px 24px rgba(16,30,65,.12);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(16px) scale(.96);transform-origin:bottom right;transition:opacity 180ms ease,transform 220ms cubic-bezier(.2,.8,.2,1),visibility 180ms}.site-consultant.is-open .consultant-panel{opacity:1;visibility:visible;transform:none}.consultant-header{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;color:#fff;background:radial-gradient(circle at 20% 0,rgba(20,200,245,.28),transparent 38%),linear-gradient(145deg,#111d35,#315eff)}.consultant-identity{display:flex;align-items:center;gap:10px}.consultant-identity img{width:42px;height:42px;object-fit:cover;border:1px solid rgba(255,255,255,.25);border-radius:14px 14px 5px 14px;box-shadow:0 8px 18px rgba(0,0,0,.16)}.consultant-identity div{display:grid;gap:3px}.consultant-identity strong{font-size:13px;font-weight:650}.consultant-identity span{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.7);font-size:10px}.consultant-identity span i{width:6px;height:6px;background:#58e0ad;border-radius:50%;box-shadow:0 0 0 4px rgba(88,224,173,.12)}.consultant-header>button{display:grid;width:34px;height:34px;padding:0;place-items:center;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.13);border-radius:50%;font-size:20px;cursor:pointer}.consultant-intro{padding:18px 18px 10px}.consultant-intro b{font-size:17px;letter-spacing:-.03em}.consultant-intro p{margin:5px 0 0;color:#68738a;font-size:11px;line-height:1.5}.consultant-suggestions{display:flex;gap:7px;overflow-x:auto;padding:4px 18px 12px;scrollbar-width:none}.consultant-suggestions::-webkit-scrollbar{display:none}.consultant-suggestions button{flex:0 0 auto;min-height:34px;padding:0 12px;color:#315eff;background:#fff;border:1px solid rgba(49,94,255,.14);border-radius:999px;box-shadow:0 7px 17px rgba(28,53,111,.07);font-size:10px;font-weight:650;cursor:pointer}.consultant-messages{display:flex;flex-direction:column;gap:10px;overflow:auto;padding:8px 18px 14px;overscroll-behavior:contain}.consultant-message{max-width:88%}.consultant-message span{display:block;margin:0 0 4px 4px;color:#8b95a8;font-size:9px;font-weight:650}.consultant-message p{margin:0;padding:11px 13px;border-radius:16px;font-size:12px;line-height:1.5;white-space:pre-wrap}.consultant-message-ai{align-self:flex-start}.consultant-message-ai p{color:#35425a;background:#fff;border:1px solid rgba(20,36,67,.07);border-radius:6px 16px 16px 16px;box-shadow:0 9px 24px rgba(24,43,85,.07)}.consultant-message-user{align-self:flex-end}.consultant-message-user p{color:#fff;background:linear-gradient(145deg,#315eff,#6d4aeb);border-radius:16px 6px 16px 16px;box-shadow:0 9px 22px rgba(49,94,255,.2)}.consultant-message-system{align-self:center;text-align:center}.consultant-message-system p{padding:7px 10px;color:#7d879b;background:#eef1f6;border-radius:999px;font-size:10px}.consultant-typing p{display:flex;gap:4px}.consultant-typing i{width:5px;height:5px;background:#7d89a0;border-radius:50%;animation:consultant-dot 1s infinite alternate}.consultant-typing i:nth-child(2){animation-delay:.16s}.consultant-typing i:nth-child(3){animation-delay:.32s}.consultant-form{display:grid;grid-template-columns:1fr 44px;gap:8px;padding:12px 14px 7px;background:#fff;border-top:1px solid rgba(20,36,67,.07)}.consultant-form textarea{min-height:44px;max-height:100px;padding:12px 13px;resize:none;color:#10182d;background:#f3f5f9;border:1px solid rgba(20,36,67,.08);border-radius:15px;font:inherit;font-size:12px;line-height:1.45;outline:none}.consultant-form textarea:focus{border-color:#315eff;box-shadow:0 0 0 4px rgba(49,94,255,.1)}.consultant-form button{display:grid;width:44px;height:44px;padding:0;place-items:center;color:#fff;background:linear-gradient(145deg,#315eff,#7045ef);border:0;border-radius:15px 15px 5px 15px;box-shadow:0 9px 20px rgba(49,94,255,.27);cursor:pointer}.consultant-form button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.consultant-form input{position:absolute;left:-10000px}.consultant-note{margin:0;padding:0 14px 11px;color:#a0a7b5;background:#fff;font-size:8px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes consultant-dot{to{opacity:.25;transform:translateY(-2px)}}
.button,.preview-status button,.chat-form button{font-size:12px!important;font-weight:650!important;letter-spacing:.015em}.button-ghost{box-shadow:0 8px 18px rgba(21,36,68,.09)}
@media(max-width:600px){.site-consultant{right:12px;bottom:12px}.consultant-launcher{width:56px;height:56px;border-radius:19px 19px 7px 19px}.consultant-panel{position:fixed;inset:10px;width:auto;height:auto;max-height:none;border-radius:24px 24px 8px 24px}.site-consultant.is-open .consultant-launcher{opacity:0;pointer-events:none}.consultant-suggestions{flex-wrap:wrap}.consultant-suggestions button{flex:1 1 auto}.consultant-messages{min-height:0}}
@media(prefers-reduced-motion:reduce){.consultant-launcher,.consultant-panel{transition:none}.consultant-typing i{animation:none}}