body[data-mark-source="custom_zip"] .typing_text { display: inline-block; min-width: 3.35em; vertical-align: baseline; } body[data-mark-source="custom_zip"] .hero-type { min-height: 1em; } body[data-mark-source="custom_zip"] .fi-svg, body[data-mark-source="custom_zip"] .node svg, body[data-mark-source="custom_zip"] .btn svg, body[data-mark-source="custom_zip"] .action-chip svg { width: 1.2em; height: 1.2em; max-width: 1.2em; max-height: 1.2em; flex: none; } @media (max-width: 768px) { body[data-mark-source="custom_zip"] .hero-type + h1 { min-height: 3.36em; } body[data-mark-source="custom_zip"] .hero__diagram, body[data-mark-source="custom_zip"] .hero__diagram .board { min-height: 500px; } } :root { --findor-primary:#1A4BED; --findor-secondary:#0D2B7A; --blue-50:#EEF3FF; --blue-100:#DBE4FE; --blue-200:#B8C9FE; --blue-300:#8DA8FB; --blue-400:#5C82F6; --blue-500:#1A4BED; --blue-600:#1640C9; --blue-700:#1335A2; --blue-800:#0D2B7A; --blue-900:#0A1F58; --blue-950:#06133A; --slate-50:#F8FAFC; --slate-100:#F1F5F9; --slate-200:#E2E8F0; --slate-300:#CBD5E1; --slate-400:#94A3B8; --slate-500:#64748B; --slate-600:#475569; --slate-700:#334155; --slate-800:#1E293B; --slate-900:#0F172A; --slate-950:#060B16; --white:#FFFFFF; --paper:#FAF8F4; --paper-2:#F4F1EA; --paper-warm:#FBF6EF; --bg:var(--paper); --bg-subtle:var(--paper-2); --surface:var(--white); --fg-1:var(--slate-800); --fg-2:var(--slate-600); --fg-3:var(--slate-500); --accent:var(--blue-500); --accent-hover:var(--blue-600); --accent-press:var(--blue-700); --accent-soft:var(--blue-50); --border:var(--slate-200); --border-strong:var(--slate-300); --border-brand:var(--blue-500); --font-headline:"Sora","Inter",system-ui,sans-serif; --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --font-label:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace; --container:1200px; --gutter:24px; --section-y:66px; --radius-sm:6px; --radius-md:10px; --radius-lg:12px; --radius-xl:16px; --radius-2xl:22px; --radius-pill:999px; --shadow-xs:0 1px 2px rgba(13,43,122,.05); --shadow-sm:0 1px 2px rgba(13,43,122,.06),0 2px 6px -1px rgba(13,43,122,.05); --shadow-md:0 2px 4px rgba(13,43,122,.04),0 8px 20px -6px rgba(13,43,122,.10); --shadow-lg:0 4px 8px rgba(13,43,122,.05),0 24px 48px -16px rgba(13,43,122,.16); --shadow-xl:0 32px 60px -16px rgba(13,43,122,.25); --shadow-brand:0 10px 30px -12px rgba(26,75,237,.35); --ease-out:cubic-bezier(.22,1,.36,1); --dur-fast:120ms; --dur-base:200ms; } *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{ margin:0; color:var(--fg-1); font-family:var(--font-body); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; background: radial-gradient(1100px 720px at 88% -8%, rgba(26,75,237,.07), transparent 60%), radial-gradient(900px 620px at 6% 4%, rgba(245,176,120,.10), transparent 58%), radial-gradient(1200px 900px at 50% 120%, rgba(26,75,237,.05), transparent 60%), linear-gradient(180deg, var(--paper-warm), var(--paper) 22%, var(--paper) 100%); background-attachment:fixed; } body::before{ content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.4; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJz48ZmlsdGVyIGlkPSduJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nLjg1JyBudW1PY3RhdmVzPScyJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsdGVyPSd1cmwoI24pJyBvcGFjaXR5PScuMDQ1Jy8+PC9zdmc+"); } body > *{position:relative; z-index:1;} .fi-svg{width:1.2em; height:1.2em; flex:none; vertical-align:middle;} .fi-sprite{position:absolute; width:0; height:0; overflow:hidden;} body::after{ content:""; position:fixed; inset:0; z-index:0; pointer-events:none; background-image:radial-gradient(rgba(13,43,122,.025) 1px, transparent 1px); background-size:22px 22px; } a{color:inherit; text-decoration:none;} img{display:block; max-width:100%;} h1,h2,h3,h4,p{margin:0;} *{cursor:default;} .header a,.header a *,.header button,.header button *,.header .btn,.header .btn *, .footer a,.footer a *,.footer button,.footer button *,.footer .btn,.footer .btn *{cursor:pointer;} .container{max-width:var(--container); margin:0 auto; padding-left:var(--gutter); padding-right:var(--gutter);} .section{padding-top:var(--section-y); padding-bottom:var(--section-y); position:relative;} section[id], [id="clientes"]{scroll-margin-top:84px;} .section--subtle{ background: radial-gradient(900px 500px at 12% 50%, rgba(26,75,237,.045), transparent 60%), linear-gradient(180deg, transparent 0%, rgba(244,241,234,.85) 14%, rgba(244,241,234,.9) 86%, transparent 100%); } .section--navy{background:var(--blue-800); color:#fff;} .eyebrow{ font-family:var(--font-label); font-size:12px; font-weight:500; letter-spacing:.10em; text-transform:uppercase; color:var(--accent); margin:0 0 18px; display:inline-flex; align-items:center; gap:10px; } .eyebrow--onnavy{color:var(--blue-300);} .eyebrow .dot{width:6px; height:6px; border-radius:99px; background:var(--blue-400);} .h-section{ font-family:var(--font-headline); font-weight:700; font-size:clamp(34px,4vw,52px); line-height:1.1; letter-spacing:-.025em; color:var(--fg-1); text-wrap:balance; margin:0; } .section--navy .h-section{color:#fff;} .lead{ font-size:19px; line-height:1.65; color:var(--fg-2); max-width:680px; margin:20px 0 0; } .section--navy .lead{color:var(--blue-200);} .section-head{max-width:760px; margin:0 0 40px;} .btn{ display:inline-flex; align-items:center; gap:10px; font-family:var(--font-body); font-weight:500; font-size:16px; padding:15px 26px; border-radius:var(--radius-md); border:1px solid transparent; transition:background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out); } .btn svg{width:17px; height:17px;} .btn--primary{background:linear-gradient(180deg,var(--blue-500),var(--blue-600)); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.15), var(--shadow-brand);} .btn--primary:hover{background:linear-gradient(180deg,var(--blue-600),var(--blue-700));} .btn--primary:active{transform:scale(.985); background:var(--accent-press);} .btn--ghost{background:transparent; color:var(--fg-1); border-color:var(--border-strong);} .btn--ghost:hover{background:var(--slate-50); border-color:var(--slate-400);} .btn--onnavy-primary{background:#fff; color:var(--blue-800); box-shadow:0 16px 36px -10px rgba(0,0,0,.4);} .btn--onnavy-primary:hover{background:var(--blue-50);} .btn--onnavy-ghost{background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.22);} .btn--onnavy-ghost:hover{background:rgba(255,255,255,.16);} .btn--sm{padding:11px 18px; font-size:14px; box-shadow:none;} .header{position:sticky; top:0; z-index:80; transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), backdrop-filter var(--dur-base);} .header.scrolled{background:rgba(250,248,244,.72); backdrop-filter:blur(20px) saturate(160%); -webkit-backdrop-filter:blur(20px) saturate(160%); box-shadow:0 1px 0 rgba(13,43,122,.06);} .header__inner{height:68px; display:flex; align-items:center; gap:36px;} .header__logo{height:24px; width:auto;} .header__nav{display:flex; gap:28px; align-items:center;} .header__nav a{font-size:14.5px; font-weight:500; color:var(--fg-1); padding:6px 2px; transition:color var(--dur-fast);} .header__nav a:hover{color:var(--accent);} .header__cta{margin-left:auto;} .header__burger{ display:none; margin-left:auto; width:42px; height:42px; flex:none; background:transparent; border:1px solid var(--border-strong); border-radius:var(--radius-md); padding:0; align-items:center; justify-content:center; flex-direction:column; gap:5px; } .header__burger span{display:block; width:18px; height:2px; border-radius:2px; background:var(--fg-1); transition:transform var(--dur-base) var(--ease-out), opacity var(--dur-fast);} .header__burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);} .header__burger.is-open span:nth-child(2){opacity:0;} .header__burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);} @media (max-width:920px){ .header__nav{display:none;} .header__burger{display:flex;} .header__cta{display:none;} } .mobile-menu{ position:fixed; left:0; right:0; top:68px; z-index:75; background:rgba(250,248,244,.97); backdrop-filter:blur(16px) saturate(140%); -webkit-backdrop-filter:blur(16px) saturate(140%); border-bottom:1px solid var(--border); box-shadow:var(--shadow-lg); padding:18px 24px 28px; display:flex; flex-direction:column; gap:6px; opacity:0; transform:translateY(-10px); transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out); } .mobile-menu[hidden]{display:none;} .mobile-menu:not(.is-open){pointer-events:none;} .mobile-menu.is-open{opacity:1; transform:translateY(0); pointer-events:auto;} .mobile-menu__nav{display:flex; flex-direction:column;} .mobile-menu__nav a{font-family:var(--font-headline); font-weight:600; font-size:19px; color:var(--fg-1); padding:14px 4px; border-bottom:1px solid rgba(15,23,42,.06);} .mobile-menu__nav a:active{color:var(--accent);} .mobile-menu__cta{justify-content:center; margin-top:18px; width:100%;} .chip{ display:inline-flex; align-items:center; gap:8px; font-family:var(--font-label); font-size:12.5px; font-weight:500; letter-spacing:.02em; padding:8px 14px; border-radius:var(--radius-pill); background:var(--surface); border:1px solid var(--border); color:var(--fg-2); } .chip .ic{width:15px; height:15px; color:var(--accent);} .card{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:30px; box-shadow:var(--shadow-xs); transition:box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), transform var(--dur-base); } .card:hover{box-shadow:var(--shadow-md); border-color:var(--border-strong);} .card__icon{ width:46px; height:46px; border-radius:12px; flex:none; background:var(--accent-soft); color:var(--accent); display:flex; align-items:center; justify-content:center; margin-bottom:22px; } .card__icon svg{width:23px; height:23px;} .card__title{font-family:var(--font-headline); font-weight:600; font-size:21px; line-height:1.25; color:var(--fg-1); margin:0 0 9px;} .card__body{font-size:15px; line-height:1.6; color:var(--fg-2); margin:0;} .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;} .grid-2{display:grid; grid-template-columns:repeat(2,1fr); gap:22px;} @media (max-width:900px){ .grid-3{grid-template-columns:1fr;} .grid-2{grid-template-columns:1fr;} } .cards-panel{ gap:1px !important; background:rgba(13,43,122,.08); border:1px solid rgba(13,43,122,.08); border-radius:18px; overflow:hidden; box-shadow:var(--shadow-sm); } .cards-panel .card{ background:rgba(255,255,255,.55); border:none; border-radius:0; box-shadow:none; padding:36px 32px; position:relative; overflow:hidden; transition:background var(--dur-base) var(--ease-out); } .cards-panel .card::before{ content:""; position:absolute; top:0; left:0; height:2px; width:0; background:var(--accent); transition:width .45s var(--ease-out); } .cards-panel .card:hover{ background:rgba(26,75,237,.03); border:none; box-shadow:none; transform:none; } .cards-panel .card:hover::before{ width:100%; } .cards-panel .card__icon{ background:linear-gradient(135deg, var(--blue-50), rgba(219,228,254,.4)); border-radius:9px; } .cards-panel .card__icon{ margin-bottom:24px; } .cards-panel .card__title{ margin-bottom:11px; } .cards-panel .card__top{ margin-bottom:24px; } .status{ display:inline-flex; align-items:center; gap:7px; font-family:var(--font-label); font-size:11px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:var(--blue-700); background:var(--accent-soft); padding:5px 10px; border-radius:var(--radius-pill); } .status .led{width:7px; height:7px; border-radius:99px; background:var(--success-500,#10B981); box-shadow:0 0 0 3px rgba(16,185,129,.18); animation:led-pulse 2.4s var(--ease-out) infinite;} @keyframes led-pulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.45);}50%{box-shadow:0 0 0 4px rgba(16,185,129,.10);}} .hero{position:relative; overflow:hidden; background:transparent;} .hero::after{ content:""; position:absolute; z-index:0; right:-10%; top:4%; width:640px; height:640px; pointer-events:none; background:radial-gradient(circle, rgba(26,75,237,.10), rgba(26,75,237,.03) 45%, transparent 70%); filter:blur(40px); } .hero .container{position:relative; z-index:1;} .hero__diagram{position:relative;} .hero__diagram::before{ content:""; position:absolute; inset:-12% -8%; z-index:0; pointer-events:none; background:radial-gradient(circle at 58% 42%, rgba(92,130,246,.10), transparent 64%); filter:blur(34px); } .hero__diagram .board{position:relative; z-index:1;} .hero__grid{ display:grid; grid-template-columns:1.02fr 1fr; gap:64px; align-items:center; padding-top:80px; padding-bottom:96px; } @media (max-width:980px){ .hero__grid{grid-template-columns:1fr; gap:48px;} } .hero h1{ font-family:var(--font-headline); font-weight:700; font-size:clamp(26px,2.9vw,40px); line-height:1.12; letter-spacing:-.02em; color:var(--fg-1); margin:4px 0 0; text-wrap:balance; } .hero-type{ font-family:"Sora",sans-serif; color:var(--fg-1); font-weight:600; font-size:clamp(52px,7vw,98px); line-height:1.0; letter-spacing:-.035em; margin:20px 0 16px; white-space:nowrap; animation:to-findor-blue .7s var(--ease-out) 8s forwards; } .typing_text::after{ content:"{"; animation:lite-type 8s linear forwards, to-findor-blue .7s var(--ease-out) 8s forwards; } .lite-cursor{ display:inline-block; overflow:hidden; vertical-align:bottom; color:var(--fg-1); font-weight:600; animation:lite-caret 8s linear forwards; } @keyframes lite-type{ 0.000%{content:"{";color:#1A4BED} 1.429%{content:"{M";color:#1A4BED} 2.857%{content:"{Ma";color:#1A4BED} 4.286%{content:"{Mar";color:#1A4BED} 5.714%{content:"{Mari";color:#1A4BED} 7.143%{content:"{Mari}";color:#1A4BED} 8.571%{content:"{Mari}";color:#1A4BED} 21.429%{content:"{Mari";color:#1A4BED} 22.143%{content:"{Mar";color:#1A4BED} 22.857%{content:"{Ma";color:#1A4BED} 23.571%{content:"{M";color:#1A4BED} 24.286%{content:"{";color:#1A4BED} 25.000%{content:"";color:#1A4BED} 25.714%{content:"{";color:#1A4BED} 27.143%{content:"{R";color:#1A4BED} 28.571%{content:"{Ra";color:#1A4BED} 30.000%{content:"{Raf";color:#1A4BED} 31.429%{content:"{Rafa";color:#1A4BED} 32.857%{content:"{Rafa}";color:#1A4BED} 34.286%{content:"{Rafa}";color:#1A4BED} 47.143%{content:"{Rafa";color:#1A4BED} 47.857%{content:"{Raf";color:#1A4BED} 48.571%{content:"{Ra";color:#1A4BED} 49.286%{content:"{R";color:#1A4BED} 50.000%{content:"{";color:#1A4BED} 50.714%{content:"";color:#1A4BED} 51.429%{content:"{";color:#1A4BED} 52.857%{content:"{C";color:#1A4BED} 54.286%{content:"{Ca";color:#1A4BED} 55.714%{content:"{Cai";color:#1A4BED} 57.143%{content:"{Caio";color:#1A4BED} 58.571%{content:"{Caio}";color:#1A4BED} 60.000%{content:"{Caio}";color:#1A4BED} 72.857%{content:"{Caio";color:#1A4BED} 73.571%{content:"{Cai";color:#1A4BED} 74.286%{content:"{Ca";color:#1A4BED} 75.000%{content:"{C";color:#1A4BED} 75.714%{content:"{";color:#1A4BED} 76.429%{content:"";color:#1A4BED} 77.143%{content:"o";color:var(--fg-1)} 78.571%{content:"or";color:var(--fg-1)} 80.000%{content:"or";color:var(--fg-1)} 100%{content:"or";color:var(--fg-1)} } @keyframes lite-caret{ 0%,90%{opacity:1; max-width:0.55em} 92%,100%{opacity:0; max-width:0} } @keyframes to-findor-blue{ from{color:var(--fg-1);} to{color:#1A4BED;} } @media (prefers-reduced-motion: reduce){ .hero-type{animation:none; color:#1A4BED;} .typing_text::after{animation:none; content:"or"; color:#1A4BED;} .lite-cursor{display:none;} } .hero__sub{font-size:19px; line-height:1.6; color:var(--fg-2); max-width:560px; margin:24px 0 0;} .hero__bullets{display:flex; flex-wrap:wrap; gap:10px; margin:32px 0 0; padding:0; list-style:none;} .hero__bullets li{display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:500; color:var(--fg-1); background:var(--accent-soft); border:1px solid var(--blue-100); padding:9px 15px; border-radius:var(--radius-pill);} .hero__bullets svg{width:15px; height:15px; color:var(--accent);} .hero__actions{display:flex; flex-wrap:wrap; gap:12px; margin:36px 0 0;} .hero__micro{font-size:13.5px; color:var(--fg-3); margin:24px 0 0;} .board{ position:relative; background:#fff; border:1px solid var(--border); border-radius:var(--radius-xl); box-shadow:var(--shadow-xl); padding:26px 26px 28px; } .board__bar{display:flex; align-items:center; justify-content:space-between; margin-bottom:22px;} .board__title{font-family:var(--font-label); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--fg-3);} .layer{} .layer__label{font-family:var(--font-label); font-size:10.5px; letter-spacing:.10em; text-transform:uppercase; color:var(--slate-400); margin:0 0 10px; text-align:center;} .node-row{display:flex; gap:8px; justify-content:center; flex-wrap:wrap;} .node{ display:flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--surface); font-size:13px; font-weight:500; color:var(--fg-1); white-space:nowrap; } .node svg{width:15px; height:15px; color:var(--slate-500); flex:none;} .node--persona{background:var(--blue-50); border-color:var(--blue-200); color:var(--blue-800); font-weight:600;} .node--persona svg{color:var(--accent);} .node--persona .led{width:6px; height:6px; border-radius:99px; background:#10B981; box-shadow:0 0 0 3px rgba(16,185,129,.16); animation:led-pulse 2.4s var(--ease-out) infinite;} .connector{display:flex; justify-content:center; margin:11px 0;} .connector span{width:1.5px; height:18px; background:linear-gradient(180deg,var(--slate-200),var(--blue-300)); box-shadow:0 0 7px rgba(26,75,237,.20);} .board__personas{ background:linear-gradient(180deg,var(--blue-50),#fff); border:1px solid var(--blue-100); border-radius:var(--radius-lg); padding:16px 14px; margin:0; } .board__human{ margin-top:14px; display:flex; align-items:center; justify-content:center; gap:9px; padding:11px; border:1px dashed var(--border-strong); border-radius:var(--radius-md); background:var(--slate-50); font-size:12.5px; font-weight:500; color:var(--fg-2); } .board__human svg{width:16px; height:16px; color:var(--slate-500);} .proof{padding-top:48px; padding-bottom:48px; background:linear-gradient(180deg, transparent, rgba(255,255,255,.55) 20%, rgba(255,255,255,.55) 80%, transparent);} .proof__head{max-width:760px; margin:0 auto 44px; text-align:center;} .proof__title{font-family:var(--font-headline); font-weight:600; font-size:24px; line-height:1.35; color:var(--fg-1); margin:0;} .proof__sub{font-size:16px; line-height:1.6; color:var(--fg-2); margin:14px 0 0;} .marquee{ overflow:hidden; width:100%; display:flex; flex-direction:column; gap:8px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); } .marquee__track{display:flex; width:max-content;} .marquee__track--left{animation:marquee-left 38s linear infinite;} .marquee__track--right{animation:marquee-right 38s linear infinite;} .marquee:hover .marquee__track{animation-play-state:paused;} .marquee__item{ flex:none; height:120px; padding:0 52px; display:flex; align-items:center; justify-content:center; } .marquee__item img{ max-height:100px; max-width:280px; width:auto; object-fit:contain; } .marquee__item--honda img{ max-height:46px; max-width:130px; } .marquee__item--fma img{ max-height:48px; max-width:135px; border-radius:9px; } .marquee__item--superautor img{ max-height:56px; max-width:160px; } .marquee__item--sm img{ max-height:70px; max-width:90px; } @keyframes marquee-left{ from{transform:translateX(0);} to{transform:translateX(-50%);} } @keyframes marquee-right{ from{transform:translateX(-50%);} to{transform:translateX(0);} } @media (prefers-reduced-motion: reduce){ .marquee__track{animation:none;} .status .led, .node--persona .led{animation:none;} .hub-rail::before{animation:none;} } .flow{ display:flex; align-items:stretch; gap:0; margin:0 0 56px; border:1px solid var(--border); border-radius:var(--radius-xl); background:var(--surface); overflow:hidden; } .flow__step{ flex:1; padding:24px 18px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; border-right:1px solid var(--border); position:relative; min-width:0; } .flow__step:last-child{border-right:none;} .flow__num{font-family:var(--font-label); font-size:11px; color:var(--blue-400); letter-spacing:.08em;} .flow__ic{width:40px; height:40px; border-radius:11px; background:var(--accent-soft); color:var(--accent); display:flex; align-items:center; justify-content:center;} .flow__ic svg{width:20px; height:20px;} .flow__name{font-family:var(--font-headline); font-weight:600; font-size:15px; color:var(--fg-1); line-height:1.25;} .flow__arrow{position:absolute; right:-9px; top:50%; transform:translateY(-50%); z-index:2; width:18px; height:18px; color:var(--slate-300); background:#fff; border-radius:99px;} @media (max-width:860px){ .flow{flex-direction:column;} .flow__step{border-right:none; border-bottom:1px solid var(--border); flex-direction:row; justify-content:flex-start; text-align:left;} .flow__step:last-child{border-bottom:none;} .flow__arrow{display:none;} } .persona-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:22px;} .persona-grid--three{grid-template-columns:repeat(3,1fr);} .persona-grid--three .card{grid-column:auto !important;} .persona-grid .card{display:flex; flex-direction:column;} .persona-grid .card:nth-child(1), .persona-grid .card:nth-child(2), .persona-grid .card:nth-child(3){grid-column:span 2;} .persona-grid .card:nth-child(4), .persona-grid .card:nth-child(5){grid-column:span 3;} @media (max-width:900px){ .persona-grid{grid-template-columns:1fr;} .persona-grid .card{grid-column:auto !important;} } .card__top{display:flex; align-items:center; justify-content:space-between; margin-bottom:22px;} .card__top .card__icon{margin-bottom:0;} .steps{position:relative; display:flex; flex-direction:column; gap:0;} .step{display:grid; grid-template-columns:96px 1fr; gap:32px; padding:28px 0; border-top:1px solid var(--border);} .step:first-child{border-top:none;} .step__num{ font-family:var(--font-headline); font-weight:800; font-size:52px; line-height:1; letter-spacing:-.04em; font-feature-settings:"tnum" 1; color:var(--blue-200); } .step__body{max-width:760px;} .step__title{font-family:var(--font-headline); font-weight:600; font-size:24px; color:var(--fg-1); margin:0 0 8px; display:flex; align-items:center; gap:12px;} .step__title .ic{width:26px; height:26px; color:var(--accent); flex:none;} .step__text{font-size:16px; line-height:1.65; color:var(--fg-2); margin:0;} @media (max-width:680px){ .step{grid-template-columns:1fr; gap:8px;} .step__num{font-size:40px;} } .symbiosis{display:grid; grid-template-columns:1fr auto 1fr; align-items:stretch; gap:0;} @media (max-width:880px){ .symbiosis{grid-template-columns:1fr; gap:0;} } .symbiosis__card{padding:40px; border-radius:var(--radius-xl); border:1px solid var(--border); display:flex; flex-direction:column;} .symbiosis__card--persona{background:linear-gradient(180deg,var(--blue-50),#fff); border-color:var(--blue-100); border-top-right-radius:0; border-bottom-right-radius:0;} .symbiosis__card--people{background:var(--surface); border-top-left-radius:0; border-bottom-left-radius:0;} @media (max-width:880px){ .symbiosis__card{border-radius:var(--radius-xl) !important;} } .symbiosis__head{display:flex; align-items:center; gap:16px; margin-bottom:18px;} .symbiosis__ic{width:52px; height:52px; border-radius:14px; flex:none; display:flex; align-items:center; justify-content:center;} .symbiosis__ic svg{width:26px; height:26px;} .symbiosis__card--persona .symbiosis__ic{background:var(--accent); color:#fff;} .symbiosis__card--people .symbiosis__ic{background:var(--slate-800); color:#fff;} .symbiosis__title{font-family:var(--font-headline); font-weight:700; font-size:24px; line-height:1; letter-spacing:-.02em; color:var(--fg-1); margin:0;} .symbiosis__role{font-family:var(--font-label); font-size:12px; letter-spacing:.12em; text-transform:uppercase; margin:6px 0 0;} .symbiosis__card--persona .symbiosis__role{color:var(--accent);} .symbiosis__card--people .symbiosis__role{color:var(--slate-500);} .symbiosis__text{font-size:16px; line-height:1.65; color:var(--fg-2); margin:0;} .symbiosis__link{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:0 6px; position:relative; z-index:2;} .symbiosis__orbit{width:60px; height:60px; border-radius:99px; background:#fff; border:1px solid var(--blue-200); box-shadow:var(--shadow-md); display:flex; align-items:center; justify-content:center; color:var(--accent);} .symbiosis__orbit svg{width:24px; height:24px; animation:spin-slow 9s linear infinite;} @keyframes spin-slow{to{transform:rotate(360deg);}} @media (prefers-reduced-motion: reduce){ .symbiosis__orbit svg{animation:none;} } .symbiosis__transfer{ position:relative; width:88px; display:flex; flex-direction:column; gap:11px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 24%,#000 76%,transparent); mask-image:linear-gradient(90deg,transparent,#000 24%,#000 76%,transparent); } .symbiosis__lane{position:relative; height:8px;} .symbiosis__lane::before{content:""; position:absolute; top:50%; left:0; right:0; height:1.5px; transform:translateY(-50%); background:var(--blue-100);} .symbiosis__lane i{position:absolute; top:50%; width:7px; height:7px; border-radius:99px; margin-top:-3.5px; left:-7px;} .symbiosis__lane--fwd i{background:var(--blue-500); box-shadow:0 0 6px rgba(26,75,237,.45); animation:transfer-fwd 1.9s linear infinite;} .symbiosis__lane--rev i{background:var(--blue-300); box-shadow:0 0 6px rgba(92,130,246,.4); animation:transfer-rev 1.9s linear infinite;} .symbiosis__lane i:nth-child(2){animation-delay:.63s;} .symbiosis__lane i:nth-child(3){animation-delay:1.26s;} @keyframes transfer-fwd{0%{left:-7px; opacity:0} 14%{opacity:1} 86%{opacity:1} 100%{left:88px; opacity:0}} @keyframes transfer-rev{0%{left:88px; opacity:0} 14%{opacity:1} 86%{opacity:1} 100%{left:-7px; opacity:0}} @media (prefers-reduced-motion: reduce){ .symbiosis__lane i{animation:none; opacity:1;} .symbiosis__lane--fwd i:nth-child(1){left:14px;} .symbiosis__lane--fwd i:nth-child(2){left:40px;} .symbiosis__lane--fwd i:nth-child(3){left:66px;} .symbiosis__lane--rev i:nth-child(1){left:22px;} .symbiosis__lane--rev i:nth-child(2){left:48px;} .symbiosis__lane--rev i:nth-child(3){left:74px;} } @media (max-width:880px){ .symbiosis__link{flex-direction:column; padding:16px 0; gap:9px;} .symbiosis__transfer{flex-direction:row; width:auto; height:78px; gap:13px; -webkit-mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent); mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);} .symbiosis__lane{width:8px; height:78px;} .symbiosis__lane::before{left:50%; right:auto; top:0; bottom:0; width:1.5px; height:auto; transform:translateX(-50%);} .symbiosis__lane i{left:50%; top:-7px; margin-left:-3.5px; margin-top:0;} .symbiosis__lane--fwd i{animation-name:transfer-fwd-v;} .symbiosis__lane--rev i{animation-name:transfer-rev-v;} } @keyframes transfer-fwd-v{0%{top:-7px; opacity:0} 14%{opacity:1} 86%{opacity:1} 100%{top:78px; opacity:0}} @keyframes transfer-rev-v{0%{top:78px; opacity:0} 14%{opacity:1} 86%{opacity:1} 100%{top:-7px; opacity:0}} @media (max-width:880px) and (prefers-reduced-motion: reduce){ .symbiosis__lane i{left:50% !important; margin-left:-3.5px;} .symbiosis__lane--fwd i:nth-child(1){top:14px;} .symbiosis__lane--fwd i:nth-child(2){top:36px;} .symbiosis__lane--fwd i:nth-child(3){top:58px;} .symbiosis__lane--rev i:nth-child(1){top:22px;} .symbiosis__lane--rev i:nth-child(2){top:44px;} .symbiosis__lane--rev i:nth-child(3){top:66px;} } .symbiosis__linklabel{font-family:var(--font-label); font-size:11px; letter-spacing:.10em; text-transform:uppercase; color:var(--accent);} .symbiosis__foot{display:flex; align-items:center; gap:14px; justify-content:center; text-align:left; max-width:760px; margin:36px auto 0; font-size:16px; line-height:1.6; color:var(--fg-2);} .symbiosis__foot svg{width:22px; height:22px; color:var(--accent); flex:none;} .hub{display:flex; align-items:center; justify-content:center; gap:0; margin:0 0 12px; min-height:600px; position:relative;} .hub-col{flex:1; display:flex; flex-direction:column; gap:10px; max-width:236px; position:relative; z-index:1;} .hub-col__label{font-family:var(--font-label); font-size:10.5px; letter-spacing:.10em; text-transform:uppercase; color:var(--slate-400); margin:0 0 4px;} .hub-node{ display:flex; align-items:center; gap:10px; padding:12px 14px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md); font-size:14px; font-weight:500; color:var(--fg-1); box-shadow:var(--shadow-xs); } .hub-node svg{width:17px; height:17px; color:var(--slate-500); flex:none;} .hub-rail{flex:0 0 70px; display:flex; align-items:center; justify-content:center; align-self:stretch; position:relative; z-index:1;} .hub-rail::before{content:""; position:absolute; left:8px; right:8px; top:50%; height:1.5px; transform:translateY(-50%); background:repeating-linear-gradient(90deg, var(--blue-300) 0 6px, transparent 6px 12px); background-size:12px 100%; animation:hub-flow 1.2s linear infinite;} @keyframes hub-flow{to{background-position:12px 0;}} .hub-rail .dotnode{width:9px; height:9px; border-radius:99px; background:var(--blue-400); position:relative; z-index:1;} .hub-core{ flex:0 0 200px; text-align:center; padding:30px 22px; background:linear-gradient(180deg,var(--blue-700),var(--blue-900)); color:#fff; border-radius:var(--radius-xl); box-shadow:var(--shadow-xl); } .hub-core img{height:24px; width:auto; margin:0 auto 16px;} .hub-core__role{font-family:var(--font-headline); font-weight:700; font-size:22px; letter-spacing:-.02em; margin:0 0 14px;} .hub-core .status{background:rgba(255,255,255,.14); color:#fff;} .hub-core .status .led{background:#34D399;} .hub-core-wrap{position:relative; z-index:1; flex:0 0 200px; display:flex; align-items:center; justify-content:center;} .hub::before{content:""; position:absolute; left:50%; top:50%; width:620px; height:560px; transform:translate(-50%,-50%); border:1px dashed rgba(13,43,122,.13); border-radius:50%; pointer-events:none; z-index:0;} .hub::after{content:""; position:absolute; left:50%; top:50%; width:380px; height:360px; transform:translate(-50%,-50%); border:1px dashed rgba(13,43,122,.08); border-radius:50%; pointer-events:none; z-index:0;} .orbit{position:absolute; inset:0; pointer-events:none; z-index:3;} .satellite{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) translate(var(--x),var(--y));} .satellite__inner{ display:inline-flex; align-items:center; gap:7px; white-space:nowrap; padding:8px 14px; border-radius:var(--radius-pill); background:rgba(255,255,255,.92); border:1px solid rgba(13,43,122,.10); box-shadow:var(--shadow-sm); font-size:13px; font-weight:500; color:var(--fg-2); letter-spacing:.005em; animation:sat-float 6.5s var(--ease-out) infinite; } .satellite__inner svg{width:14px; height:14px; color:var(--accent); flex:none;} .satellite:nth-child(2n) .satellite__inner{opacity:.9;} .satellite:nth-child(3n) .satellite__inner{opacity:.82;} .satellite:nth-child(1) .satellite__inner{animation-delay:0s;} .satellite:nth-child(2) .satellite__inner{animation-delay:-.8s; animation-duration:7.2s;} .satellite:nth-child(3) .satellite__inner{animation-delay:-1.6s; animation-duration:6.8s;} .satellite:nth-child(4) .satellite__inner{animation-delay:-2.4s; animation-duration:7.6s;} .satellite:nth-child(5) .satellite__inner{animation-delay:-3.2s;} .satellite:nth-child(6) .satellite__inner{animation-delay:-4s; animation-duration:7s;} .satellite:nth-child(7) .satellite__inner{animation-delay:-4.8s; animation-duration:7.4s;} .satellite:nth-child(8) .satellite__inner{animation-delay:-5.6s; animation-duration:6.9s;} @keyframes sat-float{0%,100%{transform:translateY(-5px);}50%{transform:translateY(5px);}} @media (prefers-reduced-motion: reduce){ .satellite__inner{animation:none;} } @media (max-width:860px){ .hub{flex-direction:column; gap:16px;} .hub-col{max-width:380px; width:100%;} .hub-rail{flex:0 0 26px; width:100%; height:26px; transform:none; align-self:center;} .hub-rail::before{left:50%; right:auto; top:0; bottom:0; width:1.5px; height:auto; transform:translateX(-50%); background:repeating-linear-gradient(180deg, var(--blue-300) 0 6px, transparent 6px 12px); background-size:100% 12px; animation:hub-flow-v 1.2s linear infinite;} } @keyframes hub-flow-v{to{background-position:0 12px;}} @media (max-width:860px){ .hub{min-height:0;} .hub-core-wrap{flex:none; width:100%; flex-direction:column-reverse; gap:18px;} .hub-core-wrap::before, .hub-core-wrap::after, .hub::before, .hub::after{display:none;} .orbit{position:static; inset:auto; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; pointer-events:auto;} .satellite{position:static; transform:none !important;} .satellite__inner{opacity:1 !important;} } .actions-row{display:flex; flex-wrap:nowrap; gap:8px; justify-content:center;} @media (max-width:980px){ .actions-row{flex-wrap:wrap;} } .action-chip{ display:inline-flex; align-items:center; gap:9px; padding:11px 16px; white-space:nowrap; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md); font-size:14px; font-weight:500; color:var(--fg-1); box-shadow:var(--shadow-xs); transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); } .action-chip:hover{border-color:var(--blue-200); box-shadow:var(--shadow-sm);} .action-chip svg{width:17px; height:17px; color:var(--accent);} .ladder{display:flex; align-items:stretch; gap:14px; position:relative;} .ladder__col{flex:1; height:360px; display:flex; align-items:flex-end; padding:5px; border:1.5px dashed rgba(13,43,122,.16); border-radius:var(--radius-lg); background:rgba(255,255,255,.30);} .ladder__bar{ width:100%; border-radius:9px; padding:20px 18px; display:flex; flex-direction:column; justify-content:flex-end; gap:8px; color:#fff; } .ladder__col:nth-of-type(1) .ladder__bar{height:150px; background:var(--blue-300);} .ladder__col:nth-of-type(2) .ladder__bar{height:198px; background:var(--blue-400);} .ladder__col:nth-of-type(3) .ladder__bar{height:246px; background:var(--blue-500);} .ladder__col:nth-of-type(4) .ladder__bar{height:296px; background:var(--blue-700);} .ladder__col:nth-of-type(5) .ladder__bar{height:348px; background:var(--blue-900);} .ladder__phase{font-family:var(--font-label); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; opacity:.8;} .ladder__name{font-family:var(--font-headline); font-weight:600; font-size:16px; line-height:1.25;} @media (max-width:860px){ .ladder{flex-direction:column; align-items:stretch; gap:12px;} .ladder__col{height:auto; border:none; padding:0; background:none; align-items:stretch;} .ladder__bar{height:auto !important; border-radius:var(--radius-lg); padding:16px 18px;} .ladder__col:nth-of-type(1) .ladder__bar{width:58%;} .ladder__col:nth-of-type(2) .ladder__bar{width:69%;} .ladder__col:nth-of-type(3) .ladder__bar{width:80%;} .ladder__col:nth-of-type(4) .ladder__bar{width:90%;} .ladder__col:nth-of-type(5) .ladder__bar{width:100%;} } .gov-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;} @media (max-width:980px){ .gov-grid{grid-template-columns:1fr 1fr;} } @media (max-width:560px){ .gov-grid{grid-template-columns:1fr;} } .proof2__quote{font-family:var(--font-headline); font-weight:700; font-size:clamp(28px,3.2vw,40px); line-height:1.2; letter-spacing:-.02em; color:var(--fg-1); text-wrap:balance; max-width:880px; margin:0 0 16px;} .metrics{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:56px;} .metrics--results{grid-template-columns:repeat(3,1fr);} @media (max-width:860px){ .metrics{grid-template-columns:1fr 1fr;} .metrics--results{grid-template-columns:1fr;} } .metric{padding:28px 24px; border:1px solid var(--border); border-radius:var(--radius-lg); background:var(--surface);} .metrics--results .metric{padding:44px 32px; text-align:center;} .metric__fig{font-family:var(--font-headline); font-weight:800; font-size:46px; line-height:1; letter-spacing:-.04em; font-feature-settings:"tnum" 1; color:var(--accent); margin:0 0 12px;} .metrics--results .metric__fig{font-size:clamp(64px,7vw,92px); margin:0 0 16px;} .metrics--results .metric__label{font-size:17px; color:var(--fg-1); font-weight:500;} .metric__fig--sm{font-size:24px; line-height:1.2;} .metric__label{font-size:15px; line-height:1.45; color:var(--fg-2); margin:0;} .cta-final{position:relative; overflow:hidden; color:#fff; background:radial-gradient(130% 80% at 50% -10%, var(--blue-700), transparent 55%), linear-gradient(180deg,var(--blue-800),var(--blue-950));} .cta-final__dots{position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px); background-size:22px 22px; pointer-events:none;} .cta-final__glow{position:absolute; right:-140px; top:-140px; width:520px; height:520px; background:radial-gradient(circle,rgba(26,75,237,.45),transparent 70%); pointer-events:none;} .cta-final__inner{position:relative; text-align:center; max-width:840px; margin:0 auto;} .cta-final h2{font-family:var(--font-headline); font-weight:800; font-size:clamp(36px,4.4vw,60px); line-height:1.06; letter-spacing:-.03em; margin:0; text-wrap:balance;} .cta-final p{font-size:19px; line-height:1.6; color:var(--blue-200); margin:24px auto 0; max-width:680px;} .cta-final__actions{display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:40px;} .footer{background:var(--slate-900); color:var(--slate-300); padding:80px 0 36px;} .footer__top{display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:48px; padding-bottom:48px; border-bottom:1px solid var(--slate-700);} @media (max-width:760px){ .footer__top{grid-template-columns:1fr;} } .footer__logo{height:28px; width:auto; margin-bottom:18px;} .footer__tag{font-family:var(--font-headline); font-weight:600; font-size:18px; color:#fff; line-height:1.35; max-width:340px; margin:0;} .footer__col h4{font-family:var(--font-label); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--slate-400); margin:0 0 16px; font-weight:500;} .footer__col ul{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:11px;} .footer__col a{font-size:14.5px; color:var(--slate-300); transition:color var(--dur-fast);} .footer__col a:hover{color:#fff;} .footer__bottom{display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between; align-items:center; margin-top:28px; font-size:13px; color:var(--slate-400);} .footer__contact{display:flex; flex-wrap:wrap; gap:20px;} .footer__contact a{color:var(--slate-300);} .reveal{opacity:0; transform:translateY(12px); transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);} .reveal.is-in{opacity:1; transform:none;} @media (prefers-reduced-motion: reduce){ .reveal{opacity:1 !important; transform:none !important; transition:none;} } @media print{ .reveal{opacity:1 !important; transform:none !important;} } @media (max-width:640px){ :root{ --section-y:46px; --gutter:18px; } .hero__grid{padding-top:28px; padding-bottom:40px; gap:34px;} .hero::after{width:380px; height:380px; right:-22%; top:2%;} .hero-type{font-size:clamp(44px,15vw,60px); margin:12px 0 10px;} .hero h1{font-size:clamp(23px,6.2vw,31px);} .hero__sub{font-size:16px; margin:16px 0 0;} .hero__actions{margin-top:24px;} .hero__actions .btn{width:100%; justify-content:center;} .hero__micro{margin-top:16px;} .board{padding:20px 18px 22px;} .board__bar{margin-bottom:18px;} .node{font-size:12px; padding:8px 10px;} .h-section{font-size:clamp(26px,7vw,33px);} .lead{font-size:16px;} .section-head{margin-bottom:28px;} .eyebrow{font-size:10px; letter-spacing:.05em; gap:8px; margin-bottom:14px;} .proof{padding-top:38px; padding-bottom:38px;} .proof__head{margin-bottom:26px;} .proof__title{font-size:20px;} .proof__sub{font-size:15px;} .marquee{gap:6px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent); mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);} .marquee__item{height:72px; padding:0 22px;} .marquee__item img{max-height:50px; max-width:132px;} .marquee__item--honda img{max-height:30px; max-width:88px;} .marquee__item--fma img{max-height:32px; max-width:84px;} .marquee__item--superautor img{max-height:34px; max-width:96px;} .marquee__item--sm img{max-height:42px; max-width:54px;} .card{padding:24px;} .grid-3, .grid-2{gap:16px;} .persona-grid--three{gap:16px;} .cards-panel .card{ padding:22px 20px; display:grid; grid-template-columns:auto 1fr; column-gap:13px; row-gap:11px; align-items:center; } .cards-panel .card__icon{grid-column:1; grid-row:1; margin:0; width:42px; height:42px;} .cards-panel .card__title{grid-column:2; grid-row:1; margin:0; font-size:18px; align-self:center;} .cards-panel .card__body{grid-column:1 / -1; margin:0;} .persona-grid .card__top{display:contents;} .persona-grid .status{grid-column:1 / -1; grid-row:2; justify-self:start;} .persona-grid .card__body{grid-row:3;} .step{grid-template-columns:auto 1fr; column-gap:16px; row-gap:0; padding:20px 0; align-items:start;} .step__num{font-size:30px; padding-top:1px;} .step__title{font-size:16px; gap:9px;} .step__title .ic{width:22px; height:22px;} .step__text{font-size:15px;} .symbiosis__card{padding:28px;} .symbiosis__title{font-size:21px;} .symbiosis__text{font-size:15px;} .symbiosis__foot{font-size:15px; margin-top:26px; align-items:flex-start;} .hub{margin-bottom:34px;} .action-chip{font-size:13.5px; padding:10px 13px;} .ladder{gap:10px;} .ladder__bar{padding:16px;} .metrics{margin-top:28px; gap:16px;} .metrics--results .metric{padding:30px 22px;} .metrics--results .metric__fig{font-size:clamp(52px,15vw,68px);} .proof2__quote{font-size:clamp(25px,7vw,31px);} .cta-final p{font-size:16.5px;} .cta-final__actions{margin-top:30px;} .cta-final__actions .btn{width:100%; justify-content:center;} .footer{padding:44px 0 30px;} .footer__top{gap:30px; padding-bottom:30px;} .footer__bottom{flex-direction:column; align-items:flex-start; gap:10px;} } @media (max-width:380px){ .hero-type{font-size:46px;} .node-row{gap:6px;} } @media (max-width: 768px) { body[data-mark-source="custom_zip"] .marquee { overflow: hidden !important; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%) !important; mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%) !important; } body[data-mark-source="custom_zip"] .marquee__track { width: max-content !important; max-width: none !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; gap: 0 !important; transform: translate3d(0, 0, 0); will-change: transform; } body[data-mark-source="custom_zip"] .marquee__track--left { animation: mark-custom-marquee-left 34s linear infinite !important; } body[data-mark-source="custom_zip"] .marquee__track--right { animation: mark-custom-marquee-right 34s linear infinite !important; } body[data-mark-source="custom_zip"] .marquee__item { flex: 0 0 auto !important; min-width: 116px !important; height: 72px !important; padding: 0 18px !important; } body[data-mark-source="custom_zip"] .marquee__item img { display: block !important; width: auto !important; height: auto !important; max-width: 128px !important; max-height: 50px !important; object-fit: contain !important; opacity: 1 !important; } body[data-mark-source="custom_zip"] .marquee__item--honda img { max-width: 78px !important; max-height: 28px !important; } body[data-mark-source="custom_zip"] .marquee__item--fma img { max-width: 88px !important; max-height: 30px !important; } body[data-mark-source="custom_zip"] .marquee__item--superautor img { max-width: 96px !important; max-height: 32px !important; } body[data-mark-source="custom_zip"] .marquee__item--sm img { max-width: 128px !important; max-height: 50px !important; } } @keyframes mark-custom-marquee-left { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } } @keyframes mark-custom-marquee-right { from { transform: translate3d(-50%, 0, 0); } to { transform: translate3d(0, 0, 0); } }