/* Capta: warm editorial surfaces, quiet motion, clear product stories. */
:root { --ink:#28271f; --paper:#faf8f1; --paper-dim:#f0eee5; --accent:#f76724; --muted:#77746a; --carbon:#292a23; }
body { font-family:'DM Sans',sans-serif; background:var(--paper); color:var(--ink); }
h1,h2,h3,h4,.t-display,.t-hero { font-family:'Manrope',sans-serif; }
svg text { font-family:'DM Sans',sans-serif; }
button,a,input { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid #bb400d; outline-offset:5px; }
button { cursor:pointer; }
main > section { scroll-margin-top:104px; }
main > section:not(.capta-hero):not(.shift-section) { padding-top:100px; padding-bottom:100px; }
main > section > .max-w-6xl { max-width:1240px; }
.t-display { font-weight:600; letter-spacing:-.055em; line-height:1.08; }
h2.t-display { font-size:clamp(2.2rem,4.2vw,3.65rem); }
h3.t-display { font-size:clamp(1.9rem,3.4vw,2.8rem); }
.t-eyebrow { font-size:11px; letter-spacing:.16em; font-weight:700; }
.t-eyebrow::before { content:''; display:inline-block; width:18px; height:2px; background:currentColor; margin:0 10px 3px 0; }
.t-ember { background:none; color:var(--accent); }
main p.leading-relaxed { font-size:17px; font-weight:400; line-height:1.8; }
.btn-ember { background:var(--accent); box-shadow:none; color:#fff; transition:background .2s,transform .3s; }
.btn-ember:hover { background:#d74d13; box-shadow:0 8px 22px #b9552124; transform:translateY(-2px); }
.lift:hover { transform:translateY(-3px); }
.nav-glass { top:16px; left:24px; right:24px; max-width:1320px; margin:auto; border-radius:16px; background:#faf8f1eb; box-shadow:0 4px 30px #28271f08; }
.nav-glass > div { height:70px; max-width:none; }
.nav-glass.scrolled { background:#faf8f1f2; box-shadow:0 8px 32px #28271f12; }
.nav-glass a[aria-label] > span { font-size:25px; letter-spacing:-1px; }
.nav-glass img { height:36px; width:36px; border-radius:11px; }
.nav-glass button { border-radius:10px; padding:12px 22px; }
.nav-glass a { font-size:13px; }
.mobile-nav-toggle { display:none; }
.capta-hero { padding:160px 40px 0; position:relative; background:radial-gradient(ellipse at 86% 44%,#ffe2b45e,transparent 48%),var(--paper); }
.hero-grid { max-width:1240px; margin:auto; display:grid; grid-template-columns:1.1fr 1fr; gap:60px; align-items:center; }
.eyeline { display:flex; align-items:center; gap:9px; color:#8d4c2b; font-size:10px; font-weight:700; letter-spacing:.15em; }
.live-dot { width:7px; height:7px; display:inline-block; border-radius:50%; background:var(--accent); flex-shrink:0; }
.hero-copy h1 { margin:26px 0; font-size:clamp(56px,6.2vw,86px); line-height:1.035; font-weight:500; letter-spacing:-.072em; }
.hero-copy > * { animation:hero-arrive .9s cubic-bezier(.2,.7,.3,1) both; }
.hero-copy h1 { animation-delay:.08s; }
.hero-description { animation-delay:.16s; }
.hero-actions { animation-delay:.24s; }
.hero-note { animation-delay:.32s; }
@keyframes hero-arrive { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
.hero-copy h1 > span { color:var(--accent); }
.hero-description { max-width:420px; color:#747166; font-size:18px; line-height:1.75; }
.hero-actions { display:flex; align-items:center; gap:25px; margin-top:34px; }
.hero-primary { display:flex; align-items:center; justify-content:space-between; gap:36px; padding:18px 22px; border-radius:12px; font-size:14px; font-weight:600; }
.hero-primary > span { font-size:24px; line-height:1; }
.hero-secondary { font-size:13px; font-weight:600; display:flex; gap:12px; align-items:center; }
.hero-secondary:hover { color:#c64b18; }
.hero-note { font-size:11px; margin-top:20px; color:#77746a; }
.hero-bottom { max-width:1240px; margin:62px auto 0; padding:25px 0; display:flex; align-items:center; justify-content:space-between; gap:18px; box-shadow:0 -1px #ded9cb; }
.hero-bottom > span { font-size:9px; letter-spacing:.12em; color:#8b8173; }
.hero-bottom > div { font-size:13px; }
.hero-bottom i { font-style:normal; color:var(--accent); margin:0 17px; }
.hero-bottom > a { width:35px; height:35px; display:grid; place-items:center; border-radius:50%; background:#eeeadd; }
@keyframes quiet-float { 0%,100% { translate:0 0; } 50% { translate:0 -9px; } }
.shift-section { display:grid; grid-template-columns:.8fr 1fr 1.15fr; gap:22px; max-width:1320px; margin:0 auto; padding:100px 40px; align-items:stretch; }
.shift-intro { padding:28px 0; }
.shift-intro .eyeline { font-size:9px; }
.shift-intro h2 { font-size:clamp(38px,4vw,56px); font-weight:500; line-height:1.1; letter-spacing:-.06em; margin:25px 0; }
.shift-intro h2 em { display:block; font-style:normal; color:var(--accent); }
.shift-intro h2 br { display:none; }
.shift-intro > p:last-child { font-size:15px; color:#817a6e; line-height:1.7; }
.shift-before,.shift-after { padding:28px; border-radius:18px; }
.shift-before { background:#f0ece2; }
.shift-after { background:#e9eddf; }
.shift-label { font-size:9px; letter-spacing:.16em; color:#77796c; }
.shift-section h3 { font-size:21px; letter-spacing:-.05em; font-weight:600; margin:12px 0 24px; }
.paper-note { padding:13px 14px; margin:13px 0; background:#fffdf8; border-radius:6px; font-size:11px; transform:rotate(-3deg); box-shadow:0 7px 15px #69572c08; }
.paper-note:nth-child(2n) { transform:rotate(3deg); }
.paper-note small { display:block; margin-top:5px; color:#938a7b; font-size:9px; }
.shift-after > div { display:flex; align-items:center; gap:12px; padding:14px 0; }
.shift-after > div > span { font-size:10px; color:#929c80; }
.shift-after p { font-size:12px; }
.shift-after small { font-size:9px; display:block; margin-top:4px; line-height:1.5; color:#727965; }
.shift-after b { margin-left:auto; font-size:12px; color:#737c60; }
.shift-signature { margin-top:12px; padding-top:14px; color:#687154; font-style:italic; }
#features { background:#f0eee5; border-radius:40px 40px 0 0; }
#features > div { gap:100px; }
#features .reveal:first-child { max-width:510px; }
#features ul { font-size:13px; font-weight:500; }
#marketing { background:var(--paper); }
#marketing > div > .text-center { text-align:left; margin-left:0; max-width:700px; }
#marketing > div > .text-center p { margin-left:0; }
#marketing > div > .grid { background:#f0eee5; padding:44px; border-radius:24px; margin-top:48px; gap:50px; }
#marketing > div > .grid:nth-of-type(3) { background:#f8ecd9; }
#menu { background:#f0eee5; position:relative; }
#menu .shell { box-shadow:0 28px 48px -28px #45331d80; }
#menu .shell + div > p { font-family:'Manrope',sans-serif; font-size:22px; }
#operations { background:var(--paper); }
#operations > div > .text-center { text-align:left; max-width:800px; margin-left:0; }
#operations > div > .text-center p { margin-left:0; }
#operations .scene { border-radius:24px; background:#f0eee5; padding:18px; }
#entrega { background:#f3e8d7; }
#piensa { background:#292a23; border-radius:32px; margin:24px; }
#piensa > div > .absolute { opacity:.3; }
#funciones { background:var(--paper); }
.card-fn { background:#f0eee5; box-shadow:none; border-radius:18px; }
#funciones .card-fn { padding:28px; }
#pricing { background:#eeeade; border-radius:40px 40px 0 0; }
#pricing .lift { box-shadow:none; border-radius:18px; }
#pricing .lift:nth-child(2) { background:#292a23; outline:2px solid var(--accent); box-shadow:0 20px 40px #51402012; }
#pricing .lift:nth-child(2) .text-white\/40,#pricing .lift:nth-child(2) .text-white\/50 { color:#cbc6b9; }
#pricing .lift > button { border-radius:10px; }
#pricing .lift > .absolute { background:var(--accent); }
#faq { background:var(--paper); }
#faq > div { display:grid; grid-template-columns:.9fr 1.1fr; column-gap:70px; max-width:1240px; }
#faq > div > .text-center { text-align:left; margin:0; }
#faq > div > div:last-child { margin-top:0; }
.qa { background:#f0eee5; border-radius:10px; box-shadow:none; }
.qa.open { background:#fff1df; box-shadow:none; }
main > section:last-child { background:#f76724; margin:0 24px; border-radius:28px; color:#fff7e7; }
main > section:last-child .t-ember { color:#542a16; }
main > section:last-child .btn-ember { background:#292a23; border-radius:12px; }
main > section:last-child p { color:#fff6e3; }
main > section:last-child .t-hero { font-size:clamp(38px,5.5vw,72px); font-weight:500; letter-spacing:-.055em; }
footer { background:var(--paper)!important; padding-top:80px!important; }
.reveal { transform:translateY(22px); transition-duration:.8s; }
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after { animation-play-state:paused!important; }
.scene:not(.in-view) * { animation-play-state:paused; }
#modalContent { max-height:calc(100dvh - 32px); overflow-y:auto; background:var(--paper); border-radius:20px; }
#modalContent input { background:#eeeade; }
#marketing .ph-cal { background:#fff0dc; }
#marketing .ph-cal > p:first-child { color:#9b5a25; }
#marketing [class*="bg-[#25d366]"],#marketing [class*="bg-[#30d158]"] { background:#bc742b; }
#marketing [class*="text-[#1f9d4d]"] { color:#925d2d; }
#funciones .theme-cycle,#funciones .qr-line { animation:none; }
svg rect[fill="#f5f5f7"] { fill:#f4f0e7; }
@media(min-width:1100px) { #marketing > div > .grid { grid-template-columns:1fr 1fr; } }
@media(max-width:1100px) {
  .hero-grid { gap:22px; } .hero-copy h1 { font-size:65px; }
  .shift-section { grid-template-columns:1fr 1fr; } .shift-intro { grid-column:1/-1; }
  .shift-intro h2 br { display:none; } .shift-intro > p:last-child br { display:none; }
  #features > div { gap:48px; }
}
@media(max-width:767px) {
  .nav-glass { top:10px; left:12px; right:12px; border-radius:12px; } .nav-glass > div { height:62px; padding:0 15px; }
  .nav-glass a[aria-label] > span { font-size:23px; } .nav-glass button { font-size:12px; padding:10px 16px; }
  .nav-glass .mobile-nav-toggle { display:grid; place-items:center; margin-left:auto; margin-right:8px; padding:8px; }
  #navLinks.is-open { display:flex; position:absolute; top:70px; left:0; right:0; padding:22px; border-radius:12px; background:#faf8f1; box-shadow:0 18px 35px #28271f20; flex-direction:column; align-items:stretch; gap:0; }
  #navLinks.is-open a { padding:13px 8px; font-size:16px; }
  .capta-hero { padding:118px 22px 0; } .hero-grid { grid-template-columns:1fr; gap:32px; }
  .hero-copy h1 { font-size:clamp(48px,10.9vw,76px); margin:24px 0; }
  .hero-copy .eyeline { font-size:9px; } .hero-description { font-size:16px; max-width:460px; }
  .hero-actions { gap:19px; margin-top:26px; } .hero-primary { padding:16px 18px; gap:20px; font-size:13px; }
  .hero-secondary { font-size:11px; gap:6px; } .hero-note { font-size:10px; }
  .hero-bottom { margin-top:30px; flex-wrap:wrap; } .hero-bottom > span { width:100%; font-size:8px; }
  .hero-bottom > div { font-size:12px; } .hero-bottom i { margin:0 10px; }
  .shift-section { grid-template-columns:1fr; padding:65px 22px; gap:16px; } .shift-intro { padding:0 0 12px; }
  .shift-intro h2 { font-size:43px; } .shift-before,.shift-after { padding:25px; }
  main > section:not(.capta-hero):not(.shift-section) { padding:65px 22px; }
  h2.t-display { font-size:36px; } h3.t-display { font-size:29px; }
  #marketing > div > .grid { padding:24px 18px; gap:30px; }
  #marketing .grid > * { min-width:0; }
  #features { border-radius:24px 24px 0 0; }
  #piensa { margin:12px; border-radius:20px; }
  #operations .scene { padding:8px; }
  #faq > div { display:block; } #faq > div > div:last-child { margin-top:30px; }
  #pricing .lift { padding:28px; }
  main > section:last-child { margin:0 12px; border-radius:20px; }
  .t-eyebrow { font-size:10px; } main p.leading-relaxed { font-size:16px; }
}
@media(max-width:360px) {
  .hero-copy h1 { font-size:41px; }
  .hero-primary { gap:12px; padding:15px; }
}
@media(prefers-reduced-motion:reduce) {
  .reveal { opacity:1; transform:none; }
  .msg,[class*="ph-"],.bar,.ln-draw { animation:none!important; opacity:1; transform:none; stroke-dashoffset:0; }
  .mt1,.mt2,.ph-ptsa { opacity:0; }
}

/* Match the supplied Capta hero artwork and its typography. */
.reference-nav { top:0; left:0; right:0; max-width:none; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }
.reference-nav.scrolled { background:#ffffffed; backdrop-filter:blur(18px); box-shadow:0 1px 0 #e8e8e8; }
.reference-nav .reference-nav-inner { display:flex; align-items:center; width:90.2%; max-width:1600px; height:106px; margin:auto; padding:0; gap:0; }
.reference-nav .reference-brand { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.reference-nav .reference-brand img { width:56px; height:58px; border-radius:16px; }
.reference-nav .reference-brand[aria-label] > span { font-family:'Manrope',sans-serif; font-size:44px; font-weight:800; letter-spacing:-2px; color:#080d16; }
.reference-nav-links { display:flex; align-items:center; gap:44px; margin-left:110px; }
.mobile-login { display:none; }
.reference-nav-links > a,.nav-resources summary { font-size:18px; color:#4d5667; font-weight:500; white-space:nowrap; }
.reference-nav-links a:hover,.nav-resources summary:hover { color:#f96b0b; }
.nav-resources { position:relative; }
.nav-resources summary { display:flex; align-items:center; gap:9px; cursor:pointer; list-style:none; }
.nav-resources summary::-webkit-details-marker { display:none; }
.nav-resources[open] summary svg { transform:rotate(180deg); }
.resources-menu { position:absolute; top:calc(100% + 20px); left:-20px; min-width:260px; border-radius:16px; padding:12px; background:#fff; box-shadow:0 12px 45px #1823331a; }
.resources-menu a { display:block; padding:12px; color:#4d5667; font-size:14px; border-radius:9px; }
.resources-menu a:hover { background:#fff2e7; }
.reference-nav-actions { display:flex; align-items:center; gap:14px; margin-left:auto; }
.reference-nav .login-link { font-size:18px; color:#10151e; padding:15px 29px; border:1px solid #e6e7eb; border-radius:24px; white-space:nowrap; background:#ffffff9c; }
.reference-nav button.reference-start { font-size:18px; font-weight:600; padding:17px 31px; border-radius:24px; white-space:nowrap; background:linear-gradient(125deg,#ff7d0b,#ff6508); color:white; box-shadow:0 12px 40px #ff790c12; }
.reference-hero { position:relative; isolation:isolate; overflow:hidden; padding:0; min-height:clamp(740px,56.28vw,1020px); background:radial-gradient(ellipse at 78% 58%,#fff0dc80 0,#fff7ed38 38%,transparent 63%),linear-gradient(180deg,#fff 0%,#fff 64%,#fefcf8 80%,var(--paper) 100%); }
.reference-hero::after { content:''; position:absolute; z-index:0; left:-8%; bottom:-82px; width:116%; height:158px; border-radius:50% 50% 0 0 / 100% 100% 0 0; background:var(--paper); box-shadow:0 -22px 55px #f5eadb42; pointer-events:none; }
.reference-art { position:absolute; z-index:-1; width:90%; right:0; top:5.5%; pointer-events:none; }
.reference-art img { width:100%; height:auto; display:block; }
.reference-copy { position:relative; padding-top:17.3vw; margin-left:4.9%; width:46%; max-width:800px; padding-bottom:80px; }
.reference-copy h1 { color:#080d16; font-size:clamp(38px,4.05vw,72px); line-height:1.16; font-weight:800; letter-spacing:-.048em; margin:0; white-space:nowrap; }
.reference-copy h1 span { display:block; color:#ff6a0a; margin-top:3px; font-size:1.04em; letter-spacing:-.035em; }
.reference-copy > p { max-width:640px; margin-top:25px; color:#505969; font-size:clamp(18px,1.64vw,28px); line-height:1.4; font-weight:400; letter-spacing:-.025em; }
.reference-hero-actions { display:flex; align-items:center; gap:34px; margin-top:43px; }
.reference-primary { display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:24px 38px; background:linear-gradient(125deg,#ff7d0b,#ff6508); color:#fff; font-size:22px; font-weight:600; letter-spacing:-.035em; border-radius:32px; box-shadow:0 16px 40px #e69e6520; white-space:nowrap; transition:transform .25s,box-shadow .25s; }
.reference-primary:hover { transform:translateY(-3px); box-shadow:0 18px 40px #ec91312e; }
.reference-demo { display:flex; align-items:center; gap:12px; font-size:20px; color:#4e5869; font-weight:600; white-space:nowrap; }
.reference-demo span { text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:1px; }
.reference-demo:hover { color:#f96b0b; }
.reference-copy,.reference-art { animation:reference-appear .9s ease-out both; }
.reference-art { animation-delay:.12s; }
@keyframes reference-appear { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
@media(min-width:1810px) { .reference-copy { padding-top:310px; } .reference-art { width:1630px; right:calc((100vw - 1810px)/2); } }
@media(max-width:1350px) {
  .reference-nav .reference-nav-inner { height:92px; }
  .reference-nav-links { margin-left:60px; gap:27px; }
  .reference-nav-links > a,.nav-resources summary { font-size:15px; }
  .reference-nav .reference-brand[aria-label] > span { font-size:36px; }
  .reference-nav .reference-brand img { width:46px; height:48px; }
  .reference-nav .login-link { font-size:14px; padding:13px 21px; border-radius:20px; }
  .reference-nav button.reference-start { font-size:14px; padding:15px 22px; border-radius:20px; }
  .reference-primary { font-size:17px; padding:20px 27px; border-radius:25px; gap:17px; }
  .reference-demo { font-size:16px; gap:9px; }
  .reference-demo svg { width:29px; height:29px; }
  .reference-hero-actions { gap:25px; margin-top:34px; }
}
@media(min-width:768px) and (max-width:1050px) {
  .reference-nav-links { margin-left:35px; gap:18px; }
  .reference-nav .login-link { display:none; }
  .reference-hero { min-height:640px; }
  .reference-copy { padding-top:180px; width:48%; }
  .reference-copy h1 { font-size:3.95vw; }
  .reference-copy > p { font-size:18px; }
  .reference-art { width:91%; top:85px; }
  .reference-hero-actions { gap:20px; flex-wrap:wrap; }
}
@media(max-width:767px) {
  .reference-nav .reference-nav-inner { width:auto; height:80px; margin:0 22px; }
  .reference-nav .reference-brand { gap:8px; }
  .reference-nav .reference-brand img { width:36px; height:38px; border-radius:11px; }
  .reference-nav .reference-brand[aria-label] > span { font-size:29px; letter-spacing:-1.2px; }
  .reference-nav .mobile-nav-toggle { margin-left:auto; margin-right:8px; padding:6px; color:#111827; }
  .reference-nav-links { display:none; margin:0; }
  .reference-nav #navLinks.is-open { top:75px; left:12px; right:12px; padding:15px; background:#fff; }
  .reference-nav #navLinks.is-open > a,.nav-resources summary { padding:12px; font-size:15px; }
  .resources-menu { position:static; box-shadow:none; min-width:0; background:#fff5eb; margin-top:4px; }
  .reference-nav-actions { margin-left:0; }
  .reference-nav .login-link { display:none; }
  .reference-nav button.reference-start { padding:12px 15px; font-size:11px; border-radius:17px; }
  .reference-hero { min-height:0; padding:118px 0 0; display:flex; flex-direction:column; background:radial-gradient(ellipse at 50% 77%,#fff0dc78 0,#fff8ef2e 42%,transparent 65%),linear-gradient(180deg,#fff 0%,#fff 57%,#fefcf8 79%,var(--paper) 100%); }
  .reference-hero::after { left:-22%; bottom:-58px; width:144%; height:112px; box-shadow:0 -16px 40px #f5eadb38; }
  .reference-copy { order:0; margin:0 22px; width:auto; padding:0; max-width:560px; }
  .reference-copy h1 { white-space:normal; font-size:clamp(36px,8.9vw,58px); line-height:1.14; letter-spacing:-.05em; max-width:540px; }
  .reference-copy h1 span { margin-top:5px; }
  .reference-copy > p { font-size:17px; line-height:1.55; margin-top:23px; letter-spacing:-.015em; max-width:490px; }
  .reference-hero-actions { gap:20px; margin-top:28px; flex-wrap:wrap; }
  .reference-primary { font-size:14px; padding:17px 21px; border-radius:22px; gap:13px; }
  .reference-primary svg { width:22px; height:22px; }
  .reference-demo { font-size:13px; gap:8px; }
  .reference-demo svg { width:25px; height:25px; }
  .reference-art { position:relative; order:1; z-index:0; top:auto; right:auto; width:155%; margin:25px 0 0 -55%; }
  .reference-art img { width:100%; max-width:none; }
  .mobile-login { display:block; }
}
@media(max-width:360px) {
  .reference-nav .reference-nav-inner { margin:0 16px; }
  .reference-nav .reference-brand[aria-label] > span { font-size:26px; }
  .reference-nav button.reference-start { font-size:10px; padding:12px; }
  .reference-copy { margin:0 18px; }
  .reference-copy h1 { font-size:34px; }
  .reference-hero-actions { gap:18px; }
}

/* One 16-second timeline connects the question, reply, order and kitchen. */
.reference-art.vector-art { width:54%; top:105px; right:1%; pointer-events:auto; }
.reference-hero:has(.vector-art) { min-height:max(clamp(740px,56.28vw,1020px),calc(49.68vw + 165px)); }
.capta-vector { display:block; width:100%; height:auto; overflow:visible; }
.capta-vector text { font-family:'DM Sans',sans-serif; fill:#131b29; }
.capta-vector .v-message { font-size:19px; letter-spacing:-.4px; }
.capta-vector .v-time { font-size:13px; fill:#a8a9af; }
.capta-vector .v-card-title { font-size:21px; font-weight:700; letter-spacing:-.6px; }
.capta-vector .v-item { font-size:19px; letter-spacing:-.35px; }
.v-mascot { transform-origin:440px 650px; animation:v-float 8s ease-in-out infinite; }
.v-thumb { transform-origin:626px 756px; animation:v-thumb 16s ease-in-out infinite; }
.v-question { animation:v-question 16s ease-in-out infinite; }
.v-reply { animation:v-reply 16s ease-in-out infinite; }
.v-typing { fill:#d69c61; animation:v-typing 16s linear infinite; }
.v-typing circle { animation:v-dot .8s ease-in-out infinite; }
.v-typing circle:nth-child(2) { animation-delay:.14s; }
.v-typing circle:nth-child(3) { animation-delay:.28s; }
.v-confirm { animation:v-confirm 16s ease-in-out infinite; }
.v-confirm-check { stroke-dasharray:1; animation:v-check 16s ease-in-out infinite; }
.v-kitchen { animation:v-kitchen 16s ease-in-out infinite; }
.v-print-paper { animation:v-paper 16s cubic-bezier(.2,.6,.3,1) infinite; }
.v-arrow-one,.v-arrow-two { opacity:.25; }
.v-arrow-one { animation:v-arrow-one 16s ease-in-out infinite; }
.v-arrow-two { animation:v-arrow-two 16s ease-in-out infinite; }
.v-arrow-draw { stroke-dasharray:1; stroke-dashoffset:0; }
.v-arrow-one .v-arrow-draw { animation:v-path-one 16s ease-in-out infinite; }
.v-arrow-two .v-arrow-draw { animation:v-path-two 16s ease-in-out infinite; }
.vector-art.is-offscreen .capta-vector * { animation-play-state:paused!important; }
@keyframes v-float { 0%,100% { transform:translateY(0) rotate(-.5deg); } 50% { transform:translateY(-9px) rotate(.5deg); } }
@keyframes v-thumb { 0%,43%,75%,100% { transform:rotate(0); } 52%,63% { transform:rotate(-6deg); } }
@keyframes v-question { 0% { opacity:0; transform:translateY(5px); } 5%,94% { opacity:1; transform:none; } 100% { opacity:0; } }
@keyframes v-typing { 0%,7% { opacity:0; } 10%,20% { opacity:1; } 23%,100% { opacity:0; } }
@keyframes v-dot { 50% { transform:translateY(-3px); opacity:.4; } }
@keyframes v-reply { 0%,21% { opacity:0; transform:translateY(5px); } 26%,94% { opacity:1; transform:none; } 100% { opacity:0; } }
@keyframes v-confirm { 0%,34% { opacity:.16; } 40%,94% { opacity:1; } 100% { opacity:.16; } }
@keyframes v-check { 0%,36% { stroke-dashoffset:1; } 42%,100% { stroke-dashoffset:0; } }
@keyframes v-kitchen { 0%,57% { opacity:.16; } 63%,94% { opacity:1; } 100% { opacity:.16; } }
@keyframes v-paper { 0%,61% { transform:translateY(-8px); opacity:0; } 73%,94% { transform:none; opacity:1; } 100% { opacity:0; } }
@keyframes v-arrow-one { 0%,25% { opacity:.15; } 30%,93% { opacity:1; } 100% { opacity:.15; } }
@keyframes v-arrow-two { 0%,47% { opacity:.15; } 54%,93% { opacity:1; } 100% { opacity:.15; } }
@keyframes v-path-one { 0%,25% { stroke-dashoffset:1; } 34%,94% { stroke-dashoffset:0; } 100% { stroke-dashoffset:1; } }
@keyframes v-path-two { 0%,47% { stroke-dashoffset:1; } 57%,94% { stroke-dashoffset:0; } 100% { stroke-dashoffset:1; } }
@media(min-width:1810px) { .reference-art.vector-art { width:970px; right:calc((100vw - 1810px)/2); } }
@media(min-width:768px) and (max-width:1050px) { .reference-art.vector-art { width:53%; top:125px; } }
@media(max-width:767px) {
  .reference-hero:has(.vector-art) { min-height:0; }
  .reference-art.vector-art { width:100%; margin:32px 0 0; top:auto; right:auto; padding:0 10px 15px; }
  .capta-vector .v-message { font-size:21px; }
  .capta-vector .v-item { font-size:20px; }
}
@media(prefers-reduced-motion:reduce) {
  .capta-vector * { animation:none!important; }
  .v-question,.v-reply,.v-confirm,.v-kitchen,.v-print-paper,.v-arrow-one,.v-arrow-two { opacity:1; }
  .v-arrow-draw,.v-confirm-check { stroke-dashoffset:0; }
  .capta-vector .v-typing { display:none; }
}