/* NOHO — Páginas del origen público: inicio y Directorio (mobile-first desde 320 px) */
:root{--ink:#111827;--ink-soft:#5b6472;--paper:#fff;--line:#e5e7eb;--accent:#0969ff;--accent-strong:#0052d6;--accent-soft:#eef4ff;--cyan:#37def4;--orange:#ffad12;--whatsapp:#25d366;--telegram:#2aabee;--telegram-deep:#0b6aa8}
*{box-sizing:border-box}
html{min-width:320px;scroll-behavior:smooth;background:var(--paper)}
body{margin:0;overflow-x:clip;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
img,svg{max-width:100%}
a{color:inherit}
h1,h2,h3,p{margin:0;overflow-wrap:anywhere}
.wrap{width:min(100% - 32px,1100px);margin:0 auto}

/* Botones */
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:14px;font-weight:700;text-decoration:none;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .16s ease,box-shadow .16s ease}
.button:active{transform:scale(.97)}
.button:focus-visible,.public-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.button-accent{background:var(--accent);color:#fff;box-shadow:0 8px 20px #0969ff40}
.button-accent:hover{background:var(--accent-strong)}
.button-secondary{border-color:var(--line);background:#fff;color:var(--ink)}
.button-secondary:hover{background:#f9fafb}
.button-telegram{background:#fff;color:var(--telegram-deep)}
.button-telegram:hover{background:#eaf6ff}
.button-small{min-height:44px;padding:9px 14px;border-radius:12px;font-size:.92rem}
.button-row{display:flex;flex-wrap:wrap;gap:10px}

/* Navegación */
.public-nav{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:#fffffff0;backdrop-filter:blur(10px)}
.public-nav__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}
.public-nav__brand{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;font-weight:700;letter-spacing:-.01em}
.public-nav__brand img{display:block;width:auto;height:36px;border-radius:6px}
.public-nav__brand span{display:none}
.public-nav__links{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.public-nav__link{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:10px;color:var(--ink-soft);font-weight:600;text-decoration:none}
.public-nav__link:hover{background:#f3f4f6;color:var(--ink)}
.public-nav__link--accent{background:var(--ink);color:#fff}
.public-nav__link--accent:hover{background:#1f2937;color:#fff}

/* Hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(60rem 30rem at 85% -10%,#37def426,transparent 60%),radial-gradient(50rem 28rem at -10% 10%,#0969ff1f,transparent 60%)}
.hero__inner{display:grid;gap:40px;padding:48px 0 56px}
.kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.82rem;font-weight:700}
.kicker i{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 2s ease-in-out infinite}
.hero h1{margin:18px 0 16px;font-size:clamp(2.2rem,9vw,4rem);line-height:1.05;letter-spacing:-.04em}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--accent),#00b8d9);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__lead{max-width:34rem;color:var(--ink-soft);font-size:1.12rem}
.hero .button-row{margin-top:26px}
.hero__facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;padding:0;list-style:none;color:var(--ink-soft);font-size:.92rem}
.hero__facts li::before{content:"✓";margin-right:6px;color:var(--accent);font-weight:800}

/* Héroe animado: el mensaje de Telegram se pliega en un avión, vuela al bot, el bot piensa y envía el cambio a la página.
   Los estilos base muestran el estado final; las animaciones sólo corren si el visitante no pidió menos movimiento. */
.builder{--bot-left:35px;--bot-top:calc(100% - 152px);--bits-left:96px;--bits-top:calc(100% - 108px);position:relative;width:100%;max-width:400px;height:470px;margin:0 auto}
.builder__phone{position:absolute;top:70px;right:0;width:min(232px,74%);padding:9px;border-radius:32px;background:var(--ink);box-shadow:0 30px 60px #11182733}
.page{display:grid;gap:9px;overflow:hidden;min-height:330px;padding-bottom:12px;border-radius:24px;background:#fff;font-size:.8rem;align-content:start}
.page p{margin:0}
.page__accent{background-color:#ff7a1a;color:#fff}
.page__cover{display:grid;place-items:end start;height:92px;padding:12px;font-size:1.05rem;font-weight:800}
.page__row{display:flex;align-items:center;gap:6px;padding:0 12px;color:var(--ink);font-weight:600}
.page__menu{display:grid;gap:6px;margin:2px 12px 0;padding:10px;border-radius:12px;background:#f3f4f6}
.page__menu p{display:flex;justify-content:space-between;gap:8px;font-weight:600}
.page__cta{display:grid;place-items:center;height:36px;margin:2px 12px 0;border-radius:11px;font-weight:800}
.swap{display:inline-grid;border-radius:6px;padding:0 3px}
.swap>span{grid-area:1/1}
.swap__old{opacity:0}
.swap--price{font-weight:800;justify-items:end}
.builder__messages{position:absolute;top:0;left:0;z-index:3;display:grid;width:min(250px,84%)}
.tg-message{grid-area:1/1;transform-origin:27px 27px;display:flex;align-items:center;gap:10px;margin:0;padding:10px 14px 10px 10px;border-radius:18px 18px 18px 4px;background:#fff;box-shadow:0 14px 34px #1118272e;color:var(--ink);font-size:.95rem;font-weight:700;opacity:0}
.tg-message--3{opacity:1}
.tg-plane{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--telegram);color:#fff}
.tg-plane svg{width:19px;height:19px;margin-left:-2px}
.tg-flight{position:absolute;top:10px;left:10px;z-index:4;box-shadow:0 8px 18px #2aabee66;opacity:0;pointer-events:none}
.builder__link{position:absolute;top:58px;bottom:158px;left:36px;z-index:1;border-left:2px dashed #2aabee80}
.builder__bot{position:absolute;left:0;bottom:0;z-index:2;display:grid;justify-items:start;gap:6px}
.bot{display:block;width:104px;height:auto;filter:drop-shadow(0 14px 18px #0969ff40)}
.bot__eyes{transform-origin:60px 52px}
.bot__arm{transform-origin:86px 101px}
.bot-think{position:absolute;top:-4px;left:86px;display:flex;gap:4px;padding:8px 10px;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 8px 20px #11182729;opacity:0}
.bot-think i{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.bits{display:contents}
.bits i{position:absolute;top:var(--to-top);left:var(--to-left);z-index:4;padding:3px 6px;border-radius:7px;background:var(--accent-strong);box-shadow:0 0 0 2px #fff,0 6px 12px #0969ff4d;color:#fff;font:800 .72rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;opacity:0;pointer-events:none}
.bits i:nth-child(2){--i:1}.bits i:nth-child(3){--i:2}.bits i:nth-child(4){--i:3}
.bits--price{--at:8.88s;--to-top:251px;--to-left:calc(100% - 70px)}
.bits--hours{--at:14.88s;--to-top:211px;--to-left:calc(100% - 150px)}
.bits--accent{--at:20.88s;--to-top:118px;--to-left:calc(100% - 130px)}
.builder__status{display:grid;padding:6px 12px;border-radius:999px;background:var(--ink);color:#fff;font-size:.78rem;font-weight:700;white-space:nowrap}
.status{grid-area:1/1;opacity:0}
.status--3{opacity:1}
.spark{position:absolute;top:22%;left:88%;z-index:4;font-size:1.5rem;opacity:0;pointer-events:none}
@media (prefers-reduced-motion:no-preference){
  .build--1{animation:build-1 24s ease infinite}.build--2{animation:build-2 24s ease infinite}.build--3{animation:build-3 24s ease infinite}.build--4{animation:build-4 24s ease infinite}.build--5{animation:build-5 24s ease infinite}
  .tg-message{animation:message 24s cubic-bezier(.23,1,.32,1) infinite backwards}.tg-message--1{animation-delay:4.08s}.tg-message--2{animation-delay:10.08s}.tg-message--3{animation-delay:16.08s}
  .tg-flight{animation:flight 24s ease-in infinite}
  .bot-think{animation:think 24s ease infinite}.bot-think i{animation:dot 1s ease-in-out infinite}.bot-think i:nth-child(2){animation-delay:.15s}.bot-think i:nth-child(3){animation-delay:.3s}
  .bits i{animation:bit 24s linear infinite backwards;animation-delay:calc(var(--at) + var(--i,0)*.13s)}
  .swap--price{animation:flash-price 24s ease infinite}.swap--price .swap__old{animation:swap-old-price 24s ease infinite}.swap--price .swap__new{animation:swap-new-price 24s ease infinite}
  .swap--hours{animation:flash-hours 24s ease infinite}.swap--hours .swap__old{animation:swap-old-hours 24s ease infinite}.swap--hours .swap__new{animation:swap-new-hours 24s ease infinite}
  .page__accent{animation:accent 24s ease infinite}
  .page__cover.page__accent{animation:accent 24s ease infinite,build-1 24s ease infinite}
  .page__cta.page__accent{animation:accent 24s ease infinite,build-5 24s ease infinite}
  .status--0{animation:status-0 24s linear infinite}.status--1{animation:status-1 24s linear infinite}.status--2{animation:status-2 24s linear infinite}.status--3{animation:status-3 24s linear infinite}
  .builder__bot{animation:float 5s ease-in-out infinite}
  .bot{animation:bot-work 24s ease-in-out infinite}
  .bot__eyes{animation:blink 4s linear infinite}.bot__antenna{animation:antenna 1.6s ease-in-out infinite}.bot__arm{animation:arm .7s ease-in-out infinite}
  .spark{animation:spark 24s ease infinite}
}

/* Secciones */
.section{padding:56px 0}
.section--tint{background:#f8fafc}
.section__head{display:grid;gap:10px;max-width:40rem;margin-bottom:28px}
.section__kicker{color:var(--accent-strong);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.section h2,.page-title{font-size:clamp(1.7rem,6vw,2.6rem);line-height:1.12;letter-spacing:-.03em}
.section__lead{color:var(--ink-soft);font-size:1.05rem}
.section__more{margin-top:24px}

/* Negocios publicados */
.business-grid{display:grid;gap:14px}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee__track{display:flex;gap:14px;width:max-content;padding-right:14px;animation:marquee 40s linear infinite}
.marquee:hover .marquee__track,.marquee:focus-within .marquee__track{animation-play-state:paused}
.marquee .business-card{width:280px;flex:0 0 auto}
.business-card{display:grid;gap:14px;align-content:start;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s ease,border-color .2s ease}
.business-card:hover{transform:translateY(-4px);border-color:#c9d8ff;box-shadow:0 16px 34px #0969ff1f}
.business-card__top{display:flex;align-items:center;gap:12px;min-width:0}
.business-card__mark{display:grid;flex:0 0 auto;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--accent-soft);color:var(--accent-strong);font-weight:800;font-size:1.15rem}
.business-card:nth-child(3n+2) .business-card__mark{background:#fff5df;color:#9a6100}
.business-card:nth-child(3n) .business-card__mark{background:#e3fbfe;color:#046c7a}
.business-card h3{font-size:1.08rem;line-height:1.25}
.business-card__place{display:-webkit-box;overflow:hidden;color:var(--ink-soft);font-size:.9rem;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.business-empty{padding:24px;border:1px dashed #cfd4dc;border-radius:18px;color:var(--ink-soft);text-align:center}
.skeleton{height:150px;border-radius:18px;background:linear-gradient(90deg,#f3f4f6 25%,#e9ebef 37%,#f3f4f6 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}

/* Anuncio de Telegram: fondo oscuro para que el texto blanco tenga contraste suficiente */
.telegram-ad{position:relative;overflow:hidden;display:grid;gap:30px;padding:34px 22px;border-radius:28px;background:linear-gradient(140deg,#071a2e,#0c3a66 60%,#11589a);color:#fff}
.telegram-ad__copy,.chat{position:relative;z-index:1}
.telegram-ad__plane{position:absolute;top:50%;left:0;width:56px;height:56px;color:#7fd0ff;opacity:0;pointer-events:none}
.telegram-ad__plane svg{width:100%;height:100%}
.telegram-ad__badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--telegram);color:#04263f;font-size:.85rem;font-weight:800}
.telegram-ad__badge svg{width:16px;height:16px}
.telegram-ad h2{margin:16px 0 12px;color:#fff;font-size:clamp(1.9rem,7vw,3rem);line-height:1.08;letter-spacing:-.03em}
.telegram-ad__copy p{max-width:31rem;color:#fff;font-size:1.08rem}
.telegram-ad__list{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.telegram-ad__list li{padding:7px 13px;border:1px solid #ffffff59;border-radius:999px;background:#ffffff1f;color:#fff;font-size:.9rem;font-weight:700}
.telegram-ad .button-row{margin-top:24px}
.chat{overflow:hidden;width:100%;max-width:370px;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 24px 50px #00000059}
.chat__head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:#fff}
.chat__head strong{display:block;font-size:.95rem;line-height:1.2}
.chat__head small{color:#1a7f37;font-size:.78rem;font-weight:700}
.chat__body{display:grid;gap:10px;align-content:start;min-height:316px;padding:14px;background:#dbe9f4}
.chat__bubble{max-width:88%;margin:0;padding:10px 13px;border-radius:16px 16px 16px 4px;background:#fff;color:#111827;box-shadow:0 1px 2px #0000002e;font-size:.95rem;font-weight:500}
.chat__bubble--me{justify-self:end;border-radius:16px 16px 4px 16px;background:#0969ff;color:#fff}
.chat__typing{display:none;gap:5px;width:max-content;overflow:hidden}
.chat__typing i{width:7px;height:7px;border-radius:50%;background:#5b6472}
@media (prefers-reduced-motion:no-preference){
  .chat__bubble--1{animation:chat-1 14s ease infinite}.chat__bubble--2{animation:chat-2 14s ease infinite}.chat__bubble--3{animation:chat-3 14s ease infinite}.chat__bubble--4{animation:chat-4 14s ease infinite}
  .chat__typing{display:flex;animation:chat-typing 14s ease infinite}
  .chat__typing i{animation:dot 1s ease-in-out infinite}.chat__typing i:nth-child(2){animation-delay:.15s}.chat__typing i:nth-child(3){animation-delay:.3s}
  .telegram-ad__plane{animation:plane-fly 9s linear infinite}
}

/* Pasos y precio */
.steps{display:grid;gap:14px;padding:0;margin:0;list-style:none;counter-reset:step}
.steps li{position:relative;padding:22px 20px 22px 74px;border:1px solid var(--line);border-radius:18px;background:#fff;counter-increment:step}
.steps li::before{content:counter(step);position:absolute;left:20px;top:20px;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--accent);color:#fff;font-weight:800}
.steps h3{font-size:1.1rem}
.steps p{margin-top:4px;color:var(--ink-soft)}
.economy{display:grid;gap:16px}
.price-card{display:grid;gap:14px;justify-items:start;align-content:center;padding:28px 22px;border-radius:24px;background:var(--ink);color:#fff}
.price-card__amount{font-size:clamp(3rem,14vw,4.6rem);font-weight:800;line-height:1;letter-spacing:-.04em}
.price-card__amount small{display:block;margin-top:6px;font-size:1.05rem;font-weight:700;letter-spacing:0;color:#cbd5e1}
.price-card__day{color:#fff;font-size:1.1rem}
.price-card__day strong{color:#ffd166}
.compare{display:grid;gap:14px}
.compare__col{padding:22px 20px;border:1px solid var(--line);border-radius:20px;background:#fff}
.compare__col h3{font-size:1.1rem}
.compare__col ul{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.compare__col li{position:relative;padding-left:30px;font-weight:600}
.compare__col li::before{position:absolute;left:0;top:0;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:.8rem;font-weight:800}
.compare__col--before{color:var(--ink-soft)}
.compare__col--before li{text-decoration:line-through;text-decoration-color:#b4231899}
.compare__col--before li::before{content:"✕";background:#fdecec;color:#b42318}
.compare__col--now{border-color:#c9d8ff;background:var(--accent-soft)}
.compare__col--now li::before{content:"✓";background:var(--accent);color:#fff}

/* Pie */
.public-footer{border-top:1px solid var(--line);padding:28px 0 36px;color:var(--ink-soft);font-size:.92rem}
.public-footer__inner{display:grid;gap:16px;justify-items:start}
.public-footer img{display:block;width:auto;height:40px;border-radius:6px}
.public-footer nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.public-footer a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}

/* Aparición al hacer scroll (sólo cuando hay JavaScript) */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.23,1,.32,1)}
.js .reveal.is-visible{opacity:1;transform:none}

@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #0969ff66}50%{box-shadow:0 0 0 7px #0969ff00}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes build-1{0%,1%{opacity:0;transform:translateY(14px) scale(.96)}4%,97%{opacity:1;transform:none}99%,100%{opacity:0;transform:none}}
@keyframes build-2{0%,4%{opacity:0;transform:translateY(14px) scale(.96)}7%,97%{opacity:1;transform:none}99%,100%{opacity:0;transform:none}}
@keyframes build-3{0%,7%{opacity:0;transform:translateY(14px) scale(.96)}10%,97%{opacity:1;transform:none}99%,100%{opacity:0;transform:none}}
@keyframes build-4{0%,10%{opacity:0;transform:translateY(14px) scale(.96)}13%,97%{opacity:1;transform:none}99%,100%{opacity:0;transform:none}}
@keyframes build-5{0%,13%{opacity:0;transform:translateY(14px) scale(.96)}16%,97%{opacity:1;transform:none}99%,100%{opacity:0;transform:none}}
/* Cada mensaje dura 6 s (25 %): aparece, se pliega en el avión (11 %), el avión llega al bot (15 %), el bot piensa (16–20 %) y los bits llegan a la página (23 %). */
@keyframes message{0%{opacity:0;transform:translate(-36px,26px) scale(.85)}2%,10%{opacity:1;transform:none}12.5%,100%{opacity:0;transform:scale(.15)}}
@keyframes flight{0%,27.9%{opacity:0;top:10px;left:10px;transform:none}28.5%{opacity:1;top:10px;left:10px;transform:none}32%{opacity:1;top:var(--bot-top);left:var(--bot-left);transform:rotate(130deg) scale(.7)}32.8%{opacity:0;top:var(--bot-top);left:var(--bot-left);transform:rotate(130deg) scale(.3)}33.5%,52.9%{opacity:0;top:10px;left:10px;transform:none}53.5%{opacity:1;top:10px;left:10px;transform:none}57%{opacity:1;top:var(--bot-top);left:var(--bot-left);transform:rotate(130deg) scale(.7)}57.8%{opacity:0;top:var(--bot-top);left:var(--bot-left);transform:rotate(130deg) scale(.3)}58.5%,77.9%{opacity:0;top:10px;left:10px;transform:none}78.5%{opacity:1;top:10px;left:10px;transform:none}82%{opacity:1;top:var(--bot-top);left:var(--bot-left);transform:rotate(130deg) scale(.7)}82.8%{opacity:0;top:var(--bot-top);left:var(--bot-left);transform:rotate(130deg) scale(.3)}83.5%,100%{opacity:0;top:10px;left:10px;transform:none}}
@keyframes think{0%,32.5%,37%,57.5%,62%,82.5%,87%,100%{opacity:0;transform:scale(.6)}33.5%,36.5%,58.5%,61.5%,83.5%,86.5%{opacity:1;transform:none}}
@keyframes bit{0%{opacity:0;top:var(--bits-top);left:var(--bits-left);transform:none}.4%{opacity:1}2.3%{opacity:1;top:var(--to-top);left:var(--to-left);transform:none}2.9%,100%{opacity:0;top:var(--to-top);left:var(--to-left);transform:scale(.4)}}
@keyframes swap-old-price{0%,39.5%{opacity:1}40.5%,98%{opacity:0}100%{opacity:1}}
@keyframes swap-new-price{0%,39.5%{opacity:0;transform:translateY(6px)}40.5%,98%{opacity:1;transform:none}100%{opacity:0}}
@keyframes flash-price{0%,39.5%{background-color:transparent}40.5%{background-color:#ffe58a}47%,100%{background-color:transparent}}
@keyframes swap-old-hours{0%,64.5%{opacity:1}65.5%,98%{opacity:0}100%{opacity:1}}
@keyframes swap-new-hours{0%,64.5%{opacity:0;transform:translateY(6px)}65.5%,98%{opacity:1;transform:none}100%{opacity:0}}
@keyframes flash-hours{0%,64.5%{background-color:transparent}65.5%{background-color:#ffe58a}72%,100%{background-color:transparent}}
@keyframes accent{0%,89.5%{background-color:#0969ff}91%,97%{background-color:#ff7a1a}100%{background-color:#0969ff}}
@keyframes status-0{0%,31.5%{opacity:1}32.5%,100%{opacity:0}}
@keyframes status-1{0%,31.5%{opacity:0}32.5%,56.5%{opacity:1}57.5%,100%{opacity:0}}
@keyframes status-2{0%,56.5%{opacity:0}57.5%,81.5%{opacity:1}82.5%,100%{opacity:0}}
@keyframes status-3{0%,81.5%{opacity:0}82.5%,97%{opacity:1}99%,100%{opacity:0}}
@keyframes bot-work{0%,31%,34%,36.5%,41%,56%,59%,61.5%,66%,81%,84%,86.5%,91%,100%{transform:none}32.3%,57.3%,82.3%{transform:scale(1.1)}38.5%,63.5%,88.5%{transform:translate(10px,-10px) rotate(-8deg)}}
@keyframes spark{0%,39%{opacity:0;transform:scale(.4);top:62%;left:86%}40.5%{opacity:1;transform:scale(1.25);top:62%;left:86%}44%{opacity:0;transform:scale(.4);top:62%;left:86%}64%{opacity:0;transform:scale(.4);top:47%;left:84%}65.5%{opacity:1;transform:scale(1.25);top:47%;left:84%}69%{opacity:0;transform:scale(.4);top:47%;left:84%}89%{opacity:0;transform:scale(.4);top:22%;left:88%}90.5%{opacity:1;transform:scale(1.4);top:22%;left:88%}95%,100%{opacity:0;transform:scale(.4);top:22%;left:88%}}
@keyframes blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.1)}}
@keyframes antenna{0%,100%{fill:#ffad12}50%{fill:#37def4}}
@keyframes arm{0%,100%{transform:rotate(0)}50%{transform:rotate(-18deg)}}
@keyframes chat-1{0%,3%{opacity:0;transform:translateY(10px)}7%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes chat-typing{0%,12%{opacity:0;max-height:0;padding-block:0;margin-top:-10px}14%,26%{opacity:1;max-height:40px;padding-block:12px;margin-top:0}28%,100%{opacity:0;max-height:0;padding-block:0;margin-top:-10px}}
@keyframes chat-2{0%,27%{opacity:0;transform:translateY(10px)}31%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes chat-3{0%,48%{opacity:0;transform:translateY(10px)}52%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes chat-4{0%,66%{opacity:0;transform:translateY(10px)}70%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes dot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}
@keyframes plane-fly{0%{transform:translate(-80px,60px) rotate(0);opacity:0}10%{opacity:.5}60%{opacity:.5}100%{transform:translate(120vw,-140px) rotate(8deg);opacity:0}}
@keyframes shimmer{0%{background-position:100% 0}100%{background-position:0 0}}

@media (min-width:480px){
  .public-nav__brand span{display:inline}
}
@media (min-width:640px){
  .business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .steps li{padding:74px 20px 22px}
  .public-footer__inner{grid-template-columns:auto 1fr auto;align-items:center}
  .telegram-ad{padding:44px 40px}
  .compare{grid-template-columns:1fr 1fr}
}
@media (min-width:900px){
  .hero__inner{grid-template-columns:1.1fr .9fr;align-items:center;padding:72px 0 80px}
  .section{padding:80px 0}
  .business-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .telegram-ad{grid-template-columns:1.1fr .9fr;align-items:center;padding:56px}
  .chat{justify-self:end}
  .economy{grid-template-columns:.8fr 1.2fr}
  .price-card{padding:36px}
  .builder{--bot-left:45px;--bot-top:calc(100% - 172px);--bits-left:114px;--bits-top:calc(100% - 122px);height:500px;max-width:440px}
  .builder__link{bottom:178px;left:40px}
  .bot-think{left:104px}
  .builder__phone{width:250px}
  .bot{width:124px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal{opacity:1;transform:none}
  .marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
}