/* bundle.css — combines design-system + base + layout + components + responsive + utilities into one render-blocking request */

/* ─── 1. DESIGN SYSTEM ─── */
:root { --primary:#ff6b00; --primary-hover:#e55f00; --primary-light:#fff3ec; --primary-dark:#cc5500; --bg-primary:#f6f3ed; --bg-secondary:#ffffff; --bg-dark:#0d0d0d; --bg-dark-2:#141414; --bg-dark-3:#1a1a1a; --bg-card:#ffffff; --text-primary:#0d0d0d; --text-secondary:#4a4a4a; --text-muted:#666666; --text-on-dark:#ffffff; --text-on-dark-muted:#a0a0a0; --border-light:#e8e5df; --border-medium:#d0cdc7; --border-dark:#2a2a2a; --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px; --space-20:80px; --space-24:96px; --space-32:128px; --section-padding:96px; --section-padding-sm:64px; --section-padding-xs:48px; --container-max:1280px; --container-wide:1440px; --container-narrow:900px; --container-padding:24px; --navbar-height:72px; --radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-xl:24px; --radius-2xl:32px; --radius-full:9999px; --font-sans:'Plus Jakarta Sans','Inter',system-ui,-apple-system,sans-serif; --font-serif:'Instrument Serif',Georgia,serif; --font-mono:'Geist Mono','Fira Code',monospace; --text-xs:clamp(11px,1vw,12px); --text-sm:clamp(13px,1.2vw,14px); --text-base:clamp(15px,1.4vw,16px); --text-lg:clamp(17px,1.6vw,18px); --text-xl:clamp(19px,1.8vw,20px); --text-2xl:clamp(22px,2.2vw,24px); --text-3xl:clamp(26px,3vw,30px); --text-4xl:clamp(32px,4vw,40px); --text-5xl:clamp(40px,5vw,56px); --text-6xl:clamp(48px,6.5vw,72px); --text-7xl:clamp(56px,8vw,96px); --weight-regular:400; --weight-medium:500; --weight-semibold:600; --weight-bold:700; --leading-tight:1.1; --leading-snug:1.25; --leading-normal:1.5; --leading-relaxed:1.7; --tracking-tight:-0.03em; --tracking-normal:0em; --tracking-wide:0.05em; --tracking-wider:0.1em; --shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04); --shadow-md:0 4px 16px rgba(0,0,0,.08); --shadow-lg:0 8px 32px rgba(0,0,0,.10); --shadow-xl:0 16px 64px rgba(0,0,0,.12); --shadow-primary:0 8px 32px rgba(255,107,0,.25); --transition-fast:150ms ease; --transition-base:250ms ease; --transition-slow:400ms ease; --transition-spring:400ms cubic-bezier(.34,1.56,.64,1); --z-base:1; --z-dropdown:100; --z-sticky:200; --z-overlay:300; --z-modal:400; --z-toast:500; --green-live:#16a34a; --whatsapp:#25d366; --color-whatsapp:#25d366; --color-stars:#f59e0b; --linkedin:#0a66c2; --bg:var(--bg-primary); --bg-tinted:#ece9e1; --bg-elev:var(--bg-secondary); --ink:var(--text-primary); --ink-2:var(--text-secondary); --ink-3:var(--text-muted); --ink-4:#aaaaaa; --line:var(--border-light); --line-2:var(--border-medium); --accent:var(--primary); --accent-ink:var(--text-on-dark); --accent-soft:rgba(255,107,0,.08); --accent-soft-2:rgba(255,107,0,.16); --accent-glow:0 0 0 1px rgba(255,107,0,.18),0 18px 60px -22px rgba(255,107,0,.40); --dark-bg:var(--bg-dark); --dark-bg-2:var(--bg-dark-2); --dark-line:var(--border-dark); --dark-ink-2:rgba(255,255,255,.72); --dark-ink-3:var(--text-on-dark-muted); --r-card:var(--radius-lg); --r-card-lg:var(--radius-xl); --r-pill:var(--radius-full); --r-input:var(--radius-md); --sec-y:var(--section-padding); --sec-y-compact:var(--section-padding-sm); --sec-y-comfy:160px; --shadow-1:var(--shadow-sm); --shadow-2:var(--shadow-lg); --shadow-3:var(--shadow-xl);}*,*::before,*::after {box-sizing:border-box;}html { background-color:var(--bg); color:var(--ink); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-feature-settings:'ss01' on,'cv11' on;}body { font-family:'Geist','Inter',ui-sans-serif,system-ui,sans-serif; font-size:17px; font-weight:400; line-height:1.55; color:var(--ink); background:var(--bg); margin:0;}a {color:inherit;text-decoration:none;}h1,h2,h3,h4 {text-wrap:balance;margin:0;}.lead {text-wrap:pretty;}.h1 { font-size:clamp(46px,6vw,88px); font-weight:500; letter-spacing:-0.04em; line-height:0.98;}.h2 { font-size:clamp(36px,4.2vw,60px); font-weight:500; letter-spacing:-0.035em; line-height:1.04;}.h3 { font-size:22px; font-weight:500; letter-spacing:-0.02em; line-height:1.25;}.h4 { font-size:17px; font-weight:500; line-height:1.3;}.stat-num { font-family:'Geist Mono','JetBrains Mono',ui-monospace,monospace; font-size:clamp(40px,5vw,60px); font-weight:500; letter-spacing:-0.04em; line-height:1;}.lead { font-size:19px; line-height:1.55; color:var(--ink-2);}.font-mono { font-family:'Geist Mono','JetBrains Mono',ui-monospace,monospace;}.font-serif-italic { font-family:'Instrument Serif',Georgia,serif; font-style:italic; color:var(--accent);}.eyebrow { font-family:'Geist Mono',ui-monospace,monospace; font-size:12px; letter-spacing:0.02em; color:var(--ink-3); display:inline-flex; align-items:center; gap:8px;}.eyebrow-dot { display:inline-block; width:6px; height:6px; background:var(--accent); border-radius:50%; box-shadow:0 0 0 3px var(--accent-soft); flex-shrink:0;}.btn { display:inline-flex; align-items:center; gap:6px; font-family:'Geist',ui-sans-serif,sans-serif; font-weight:500; border-radius:var(--r-pill); border:none; cursor:pointer; transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease; text-decoration:none; white-space:nowrap;}.btn:hover {transform:translateY(-1px);}.btn-primary { background:var(--accent); color:var(--accent-ink); font-size:15px; padding:11px 22px; box-shadow:var(--accent-glow);}.btn-primary-lg { font-size:16px; padding:14px 28px;}.btn-primary-sm { font-size:13.5px; padding:8px 16px;}.btn-secondary { background:transparent; color:var(--ink); font-size:15px; padding:10px 22px; border:1px solid var(--line-2);}.btn-secondary:hover {border-color:var(--ink-4);}.card { background:var(--bg-elev); border:1px solid var(--line); border-radius:var(--r-card); padding:28px; transition:border-color .15s ease;}.card:hover {border-color:var(--ink-4);}.card-lg { border-radius:var(--r-card-lg); padding:40px;}.container { max-width:1280px; margin:0 auto; padding:0 32px;}.section-y {padding-top:var(--sec-y);padding-bottom:var(--sec-y);}.section-y-c {padding-top:var(--sec-y-compact);padding-bottom:var(--sec-y-compact);}.section-y-x {padding-top:var(--sec-y-comfy);padding-bottom:var(--sec-y-comfy);}.nav-sticky { position:sticky; top:0; z-index:100; backdrop-filter:blur(16px) saturate(160%); -webkit-backdrop-filter:blur(16px) saturate(160%); background:rgba(250,249,244,.88); border-bottom:1px solid var(--line);}.img-placeholder { background:var(--bg-tinted); border:1px dashed var(--line-2); border-radius:var(--r-card); display:flex; align-items:center; justify-content:center; font-family:'Geist Mono',monospace; font-size:12px; color:var(--ink-4);}@keyframes pulse-dot { 0%,100% {transform:scale(1);opacity:1;} 50% {transform:scale(1.5);opacity:.6;}}.live-dot { display:inline-block; width:8px; height:8px; background:var(--green-live); border-radius:50%; flex-shrink:0; animation:pulse-dot 2s ease-in-out infinite;}.whatsapp-float { position:fixed; bottom:28px; right:28px; width:56px; height:56px; background:var(--whatsapp); border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 20px rgba(37,211,102,.45); z-index:999; transition:transform .2s ease;}.whatsapp-float:hover {transform:scale(1.08);}.dark-band { background:var(--dark-bg); color:var(--dark-ink-2); position:relative; overflow:hidden;}.dark-band::before { content:''; position:absolute; top:-120px;right:-120px; width:400px;height:400px; border-radius:50%; background:radial-gradient(circle,rgba(234,88,12,.09) 0%,transparent 70%); pointer-events:none;}.dark-band::after { content:''; position:absolute; bottom:-80px;left:-80px; width:320px;height:320px; border-radius:50%; background:radial-gradient(circle,rgba(234,88,12,.07) 0%,transparent 70%); pointer-events:none;}.arrow-icon {transition:transform .15s ease;}a:hover .arrow-icon,button:hover .arrow-icon {transform:translateX(2px);}.chip { display:inline-flex; align-items:center; gap:5px; padding:4px 12px; border-radius:var(--r-pill); font-family:'Geist Mono',monospace; font-size:12px; background:var(--bg-tinted); color:var(--ink-3); border:1px solid var(--line);}@media (max-width:768px) { :root { --sec-y:80px; --sec-y-compact:56px; --sec-y-comfy:96px;} .container {padding:0 20px;} .lead {font-size:17px;}}

/* ─── 2. BASE ─── */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0;}html { scroll-behavior:smooth; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; overflow-x:hidden;}body { font-family:var(--font-sans); font-size:var(--text-base); line-height:1.6; color:var(--text-primary); background-color:var(--bg-primary); overflow-x:hidden; min-height:100vh;}img,video,svg { max-width:100%; height:auto; display:block;}h1,h2,h3,h4,h5,h6 { font-family:var(--font-sans); line-height:1.15; font-weight:700; color:var(--text-primary); letter-spacing:-0.02em;}p { line-height:1.7; color:var(--text-secondary);}strong { font-weight:600; color:var(--text-primary);}a { color:inherit; text-decoration:none; transition:color var(--transition-fast);}button { font-family:inherit; cursor:pointer; border:none; background:none; color:inherit; font-size:inherit; line-height:inherit;}ul,ol { list-style:none;}input,textarea,select { font-family:inherit; font-size:inherit;}hr { border:none; border-top:1px solid var(--border-light);}::selection { background:var(--primary); color:#ffffff;}:focus-visible { outline:2px solid var(--primary); outline-offset:3px; border-radius:var(--radius-sm);}::-webkit-scrollbar { width:8px;}::-webkit-scrollbar-track { background:var(--bg-primary);}::-webkit-scrollbar-thumb { background:var(--border-medium); border-radius:var(--radius-full);}::-webkit-scrollbar-thumb:hover { background:var(--text-muted);}.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border-width:0;}.skip-link { position:absolute; top:-9999px; left:16px; background:var(--primary); color:#ffffff; padding:8px 16px; border-radius:var(--radius-md); font-weight:600; z-index:10000;}.skip-link:focus { top:16px;}

/* ─── 3. LAYOUT ─── */
.container { max-width:var(--container-max); margin-left:auto; margin-right:auto; padding-left:var(--container-padding); padding-right:var(--container-padding);}.container--narrow { max-width:var(--container-narrow); margin-left:auto; margin-right:auto; padding-left:var(--container-padding); padding-right:var(--container-padding);}.container--wide { max-width:var(--container-wide); margin-left:auto; margin-right:auto; padding-left:var(--container-padding); padding-right:var(--container-padding);}.section { padding-top:var(--section-padding); padding-bottom:var(--section-padding);}.section--sm { padding-top:var(--section-padding-sm); padding-bottom:var(--section-padding-sm);}.section--xs { padding-top:var(--section-padding-xs); padding-bottom:var(--section-padding-xs);}.section--dark { background-color:var(--bg-dark); color:var(--text-on-dark);}.section--dark-2 { background-color:var(--bg-dark-2); color:var(--text-on-dark);}.section--cream { background-color:var(--bg-primary);}.section--white { background-color:var(--bg-secondary);}.grid { display:grid; gap:var(--space-6);}.grid-2 { grid-template-columns:repeat(2,1fr);}.grid-3 { grid-template-columns:repeat(3,1fr);}.grid-4 { grid-template-columns:repeat(4,1fr);}.grid-auto { grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}.flex { display:flex;}.flex-center { display:flex; align-items:center; justify-content:center;}.flex-between { display:flex; align-items:center; justify-content:space-between;}.flex-col { display:flex; flex-direction:column;}.gap-2 {gap:var(--space-2);}.gap-3 {gap:var(--space-3);}.gap-4 {gap:var(--space-4);}.gap-6 {gap:var(--space-6);}.gap-8 {gap:var(--space-8);}.gap-10 {gap:var(--space-10);}.hero { min-height:100vh; display:flex; align-items:center; padding-top:80px; overflow:hidden;}.hero-split { display:grid; grid-template-columns:1.1fr 0.9fr; gap:var(--space-16); align-items:center;}.hero-center { text-align:center; max-width:800px; margin:0 auto;}.stats-row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-6);}.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-6);}.two-col { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-16); align-items:center;}.two-col--wide-left { grid-template-columns:1.2fr 0.8fr;}.service-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:var(--space-6);}.hero-content { max-width:720px;}.hero-actions { display:flex; gap:var(--space-4); flex-wrap:wrap; margin-top:var(--space-10);}@media (max-width:479px) { .hero-actions { flex-direction:column; align-items:stretch;} .hero-actions .btn { text-align:center; justify-content:center;}}#main { min-height:60vh;}.section--page-hero { padding-top:140px;}.two-col--top { align-items:flex-start;}.divider { height:1px; background:var(--border-light); margin:var(--space-8) 0;}.divider--dark { background:var(--border-dark);}

/* ─── 4. COMPONENTS ─── */
.btn { display:inline-flex; align-items:center; gap:var(--space-2); padding:12px 24px; font-size:var(--text-sm); font-weight:700; line-height:1; border-radius:var(--radius-full); border:2px solid transparent; cursor:pointer; text-decoration:none; transition:all var(--transition-base); white-space:nowrap; font-family:var(--font-sans); letter-spacing:-0.01em;}.btn--primary { background:var(--primary); color:#ffffff; border-color:var(--primary);}.btn--primary:hover { background:var(--primary-hover); border-color:var(--primary-hover); transform:translateY(-1px); box-shadow:var(--shadow-primary);}.btn--primary .btn__arrow { transition:transform var(--transition-base);}.btn--primary:hover .btn__arrow { transform:translateX(4px);}.btn--outline { background:transparent; color:var(--text-primary); border-color:var(--border-medium);}.btn--outline:hover { border-color:var(--text-primary); background:var(--text-primary); color:#ffffff;}.btn--outline-white { background:transparent; color:#ffffff; border-color:rgba(255,255,255,0.35);}.btn--outline-white:hover { background:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0.6);}.btn--ghost { background:transparent; color:var(--primary); border-color:transparent; padding-left:0; padding-right:0;}.btn--ghost:hover { color:var(--primary-hover);}.btn--lg { padding:16px 32px; font-size:var(--text-base);}.btn--sm { padding:8px 16px; font-size:var(--text-xs);}.btn--block { display:flex; width:100%; justify-content:center;}@keyframes btn-spin { to {transform:rotate(360deg);}}.btn--loading { position:relative; color:transparent !important; pointer-events:none;}.btn--loading::after { content:''; position:absolute; width:16px; height:16px; top:50%; left:50%; margin:-8px 0 0 -8px; border:2px solid rgba(255,255,255,0.35); border-top-color:#ffffff; border-radius:50%; animation:btn-spin 0.6s linear infinite;}.badge { display:inline-flex; align-items:center; gap:6px; padding:4px 12px; font-size:var(--text-xs); font-weight:600; border-radius:var(--radius-full); letter-spacing:0.04em;}.badge--primary { background:var(--primary-light); color:var(--primary);}.badge--dark { background:var(--bg-dark-2); color:var(--text-on-dark);}.badge--outline { background:transparent; color:var(--text-secondary); border:1px solid var(--border-medium);}.badge--success { background:rgba(34,197,94,0.1); color:#16a34a;}.card { background:var(--bg-secondary); border-radius:var(--radius-lg); border:1px solid var(--border-light); padding:var(--space-8); transition:box-shadow var(--transition-base),transform var(--transition-base);}.card:hover { box-shadow:var(--shadow-md);}.card--dark { background:var(--bg-dark-2); border-color:var(--border-dark); color:var(--text-on-dark);}.card--service { background:var(--bg-secondary); border:1px solid var(--border-light); border-radius:var(--radius-lg); padding:var(--space-8); display:flex; flex-direction:column; gap:var(--space-4); transition:box-shadow var(--transition-base),transform var(--transition-base); text-decoration:none; color:inherit;}.card--service:hover { box-shadow:var(--shadow-lg); transform:translateY(-4px);}.card--service.card--featured { background:var(--primary-light); border-color:rgba(255,107,0,0.2);}.card__icon { width:48px; height:48px; border-radius:var(--radius-md); background:var(--primary-light); display:flex; align-items:center; justify-content:center; color:var(--primary); font-size:22px; flex-shrink:0;}.card--dark .card__icon { background:rgba(255,107,0,0.12); color:var(--primary);}.card__title { font-size:var(--text-xl); font-weight:700; color:var(--text-primary); line-height:1.25;}.card--dark .card__title { color:var(--text-on-dark);}.card__desc { font-size:var(--text-sm); color:var(--text-secondary); line-height:1.65;}.card--dark .card__desc { color:var(--text-on-dark-muted);}.card__tags { display:flex; flex-wrap:wrap; gap:var(--space-2); margin-top:auto;}.card__tag { font-size:11px; font-weight:600; padding:3px 10px; background:var(--bg-primary); color:var(--text-secondary); border-radius:var(--radius-full); border:1px solid var(--border-light);}.card--featured .card__tag { background:rgba(255,107,0,0.08); color:var(--primary); border-color:rgba(255,107,0,0.15);}.card__cta-link { font-size:var(--text-sm); font-weight:600; color:var(--primary); display:inline-flex; align-items:center; gap:6px; transition:gap var(--transition-fast); margin-top:auto;}.card--service:hover .card__cta-link { gap:10px;}.card--process { position:relative; overflow:hidden; background:var(--bg-dark-2); border:1px solid var(--border-dark); border-radius:var(--radius-lg); padding:var(--space-8); color:var(--text-on-dark);}.card__number { position:absolute; top:-8px; right:16px; font-size:100px; font-weight:800; color:rgba(255,255,255,0.06); line-height:1; pointer-events:none; user-select:none;}.card__step-label { font-size:var(--text-xs); font-weight:600; color:var(--primary); text-transform:uppercase; letter-spacing:0.1em; margin-bottom:var(--space-3);}.card--stat { text-align:center; padding:var(--space-8) var(--space-6); background:var(--bg-secondary); border:1px solid var(--border-light); border-radius:var(--radius-lg);}.card--stat.card--dark { background:var(--bg-dark-2); border-color:var(--border-dark);}.stat__value { font-size:var(--text-5xl); font-weight:800; color:var(--primary); line-height:1; letter-spacing:-0.02em;}.stat__label { font-size:var(--text-sm); color:var(--text-secondary); margin-top:var(--space-2); font-weight:500;}.card--dark .stat__label { color:var(--text-on-dark-muted);}.card--testimonial { background:var(--bg-secondary); border:1px solid var(--border-light); border-radius:var(--radius-lg); padding:var(--space-8); display:flex; flex-direction:column; gap:var(--space-6);}.card__stars { display:flex; gap:3px; color:var(--color-stars); font-size:16px;}.card__quote { font-size:var(--text-base); line-height:1.7; color:var(--text-secondary); font-style:italic; flex:1;}.card__author { display:flex; align-items:center; gap:var(--space-3);}.card__avatar { width:42px; height:42px; border-radius:var(--radius-full); background:var(--primary-light); color:var(--primary); font-size:var(--text-sm); font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0;}.card__author-name { font-size:var(--text-sm); font-weight:700; color:var(--text-primary);}.card__author-role { font-size:var(--text-xs); color:var(--text-muted);}.section-header { margin-bottom:var(--space-12);}.section-header--left { text-align:left;}.section-header--center { text-align:center; max-width:640px; margin-left:auto; margin-right:auto; margin-bottom:var(--space-12);}.section-label { display:inline-block; font-size:var(--text-xs); font-weight:600; text-transform:uppercase; letter-spacing:0.1em; color:var(--primary); margin-bottom:var(--space-3);}.section-title { font-size:var(--text-4xl); font-weight:800; line-height:1.1; letter-spacing:-0.02em; color:var(--text-primary);}.section-title--dark { color:var(--text-on-dark);}.section-subtitle { font-size:var(--text-lg); color:var(--text-secondary); line-height:1.65; margin-top:var(--space-4); max-width:560px;}.section-header--center .section-subtitle { margin-left:auto; margin-right:auto;}.section-subtitle--dark { color:var(--text-on-dark-muted);}.breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:var(--text-sm); color:var(--text-muted); margin-bottom:var(--space-6);}.breadcrumb__link { color:var(--text-muted); transition:color var(--transition-fast);}.breadcrumb__link:hover { color:var(--primary);}.breadcrumb__sep { color:var(--text-muted); font-size:12px;}.breadcrumb__current { color:var(--text-on-dark); font-weight:500;}.faq-list { display:flex; flex-direction:column; gap:var(--space-3);}.faq-item:has(.faq-question) { background:var(--bg-secondary); border:1px solid var(--border-light); border-radius:var(--radius-lg); overflow:hidden;}.faq-question { width:100%; display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); padding:var(--space-6); font-size:var(--text-base); font-weight:600; color:var(--text-primary); background:transparent; border:none; cursor:pointer; text-align:left; font-family:var(--font-sans); transition:color var(--transition-fast);}.faq-question:hover { color:var(--primary);}.faq-item:has(.faq-question) .faq-icon { width:28px; height:28px; border-radius:var(--radius-full); background:var(--bg-primary); border:1px solid var(--border-light); display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; transition:transform var(--transition-base),background var(--transition-base),color var(--transition-base);}.faq-item--open:has(.faq-question) .faq-icon { transform:rotate(45deg); background:var(--primary); color:#ffffff; border-color:var(--primary);}.faq-item:has(.faq-question) > .faq-answer { max-height:0; overflow:hidden; transition:max-height 0.4s ease;}.faq-item--open:has(.faq-question) > .faq-answer { max-height:400px;}.faq-answer__inner { padding:0 var(--space-6) var(--space-6); font-size:var(--text-sm); color:var(--text-secondary); line-height:1.7;}.faq-sec .faq-list { gap:0;}.faq-sec .faq-item { background:transparent; border:none; border-bottom:1px solid rgba(255,255,255,0.14); border-radius:0; overflow:visible;}.faq-sec .faq-item:first-child { border-top:1px solid rgba(255,255,255,0.14);}.faq-sec .faq-q { width:100%; display:flex; align-items:center; justify-content:space-between; padding:20px 0; cursor:pointer; background:transparent; gap:20px; font-family:var(--font-sans); font-weight:600; font-size:16px; color:#ffffff; text-align:left; transition:color 0.2s ease;}.faq-sec .faq-q:hover { color:var(--primary);}.faq-sec .faq-icon { width:auto; height:auto; border-radius:0; background:transparent; border:none; display:inline-block; font-weight:300; font-size:22px; color:var(--primary); flex-shrink:0; line-height:1; transition:transform 0.3s ease;}.faq-sec .faq-item.open .faq-icon { transform:rotate(45deg);}.faq-sec .faq-body { overflow:hidden; max-height:0; transition:max-height 0.35s ease;}.faq-sec .faq-body .faq-answer,.faq-sec .faq-body-inner { max-height:none; overflow:visible;}.faq-sec .faq-body-inner { padding:0 32px 20px 0; font-family:var(--font-sans); font-size:15px; color:rgba(255,255,255,0.65); line-height:1.75;}.checklist { display:flex; flex-direction:column; gap:var(--space-3);}.checklist__item { display:flex; align-items:flex-start; gap:var(--space-3);}.checklist__icon { width:22px; height:22px; border-radius:var(--radius-full); background:var(--primary-light); color:var(--primary); display:flex; align-items:center; justify-content:center; font-size:12px; flex-shrink:0; margin-top:2px;}.checklist__text { font-size:var(--text-sm); color:var(--text-secondary); line-height:1.6;}.checklist__title { font-weight:600; color:var(--text-primary);}.timeline { display:flex; flex-direction:column; gap:0; position:relative;}.timeline::before { content:''; position:absolute; left:18px; top:0; bottom:0; width:2px; background:var(--border-light);}.timeline__item { display:flex; gap:var(--space-6); padding-bottom:var(--space-8); position:relative;}.timeline__dot { width:38px; height:38px; border-radius:var(--radius-full); background:var(--primary); color:#ffffff; display:flex; align-items:center; justify-content:center; font-size:var(--text-sm); font-weight:700; flex-shrink:0; position:relative; z-index:1;}.timeline__content { padding-top:var(--space-2); flex:1;}.timeline__step { font-size:var(--text-xs); font-weight:600; color:var(--primary); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:var(--space-2);}.timeline__title { font-size:var(--text-lg); font-weight:700; color:var(--text-primary); margin-bottom:var(--space-2);}.timeline__desc { font-size:var(--text-sm); color:var(--text-secondary); line-height:1.65;}.cta-banner { background:var(--bg-dark); padding:var(--space-20) 0;}.cta-banner__inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-12);}.cta-banner__text { flex:1;}.cta-banner__label { display:inline-block; font-size:var(--text-xs); font-weight:600; color:var(--primary); text-transform:uppercase; letter-spacing:0.1em; margin-bottom:var(--space-3);}.cta-banner__title { font-size:var(--text-4xl); font-weight:800; color:#ffffff; line-height:1.1; letter-spacing:-0.02em; max-width:540px;}.cta-banner__sub { font-size:var(--text-base); color:var(--text-on-dark-muted); margin-top:var(--space-4); max-width:480px;}.cta-banner__actions { display:flex; flex-direction:column; gap:var(--space-3); flex-shrink:0;}.marquee-section { background:var(--bg-dark); padding:var(--space-6) 0; overflow:hidden; border-top:1px solid var(--border-dark); border-bottom:1px solid var(--border-dark);}.marquee-track { display:flex; width:max-content; animation:marquee 35s linear infinite; align-items:center;}.marquee-item { display:flex; align-items:center; gap:var(--space-6); padding:0 var(--space-6); font-size:var(--text-sm); font-weight:600; color:rgba(255,255,255,0.5); white-space:nowrap; letter-spacing:0.04em; text-transform:uppercase;}.marquee-dot { width:5px; height:5px; border-radius:50%; background:var(--primary); flex-shrink:0;}.filter-bar { display:flex; flex-wrap:wrap; gap:var(--space-2); margin-bottom:var(--space-10);}.filter-bar__btn { display:inline-flex; align-items:center; min-height:44px; padding:8px 18px; font-size:var(--text-sm); font-weight:600; color:var(--text-secondary); background:var(--bg-secondary); border:1px solid var(--border-light); border-radius:var(--radius-full); cursor:pointer; transition:all var(--transition-fast); font-family:var(--font-sans);}.filter-bar__btn:hover { border-color:var(--primary); color:var(--primary);}.filter-bar__btn--active { background:var(--primary); border-color:var(--primary); color:#ffffff;}.contact-form-wrap { background:var(--bg-secondary); border:1px solid var(--border-light); border-radius:var(--radius-xl); padding:var(--space-10);}.progress-dots { display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--space-8);}.progress-dots__pips { display:flex; align-items:center; gap:var(--space-2);}.form-step-label { font-size:var(--text-sm); font-weight:600; color:var(--text-muted); letter-spacing:0.01em;}.progress-dot { width:10px; height:10px; border-radius:50%; background:var(--border-medium); transition:background var(--transition-base),transform var(--transition-base);}.progress-dot--active { background:var(--primary); transform:scale(1.3);}.progress-dot--done { background:var(--primary); opacity:0.4;}.form-step { display:none;}.form-step--active { display:block;}.form-step__title { font-size:var(--text-xl); font-weight:700; color:var(--text-primary); margin-bottom:var(--space-6);}.form-group { display:flex; flex-direction:column; gap:var(--space-2); margin-bottom:var(--space-4);}.form-label { font-size:var(--text-sm); font-weight:600; color:var(--text-primary);}.form-input { width:100%; padding:12px 16px; font-size:var(--text-sm); font-family:var(--font-sans); color:var(--text-primary); background:var(--bg-primary); border:1px solid var(--border-medium); border-radius:var(--radius-md); transition:border-color var(--transition-fast),box-shadow var(--transition-fast); -webkit-appearance:none;}.form-input:focus { outline:none; border-color:var(--primary); box-shadow:0 0 0 3px rgba(255,107,0,0.1);}.form-input--error { border-color:#ef4444;}.form-textarea { resize:vertical; min-height:120px;}.form-error { font-size:var(--text-xs); color:#ef4444; margin-top:4px;}.form-checkbox-group { display:flex; flex-wrap:wrap; gap:var(--space-3);}.form-checkbox-label { display:flex; align-items:center; gap:var(--space-2); font-size:var(--text-sm); color:var(--text-secondary); cursor:pointer; padding:8px 14px; border:1px solid var(--border-medium); border-radius:var(--radius-md); transition:all var(--transition-fast);}.form-checkbox-label:hover { border-color:var(--primary); color:var(--primary);}.form-checkbox-label input:checked + span { color:var(--primary);}.form-nav { display:flex; align-items:center; justify-content:space-between; margin-top:var(--space-8); gap:var(--space-4);}.form-success { text-align:center; padding:var(--space-12); display:none;}.form-success--visible { display:block;}.form-success__icon { font-size:48px; margin-bottom:var(--space-4);}.form-success__title { font-size:var(--text-2xl); font-weight:800; color:var(--text-primary); margin-bottom:var(--space-3);}.card--lg {padding:var(--space-10);}.card__emoji { font-size:36px; line-height:1; display:block; margin-bottom:var(--space-5);}.card__list { display:flex; flex-direction:column; gap:var(--space-2); list-style:none; padding:0; margin:0 0 var(--space-6) 0;}.card__list-item { display:flex; align-items:flex-start; gap:var(--space-2); font-size:var(--text-sm); color:var(--text-secondary);}.card__list-icon { color:var(--primary); font-weight:700; flex-shrink:0;}.contact-info { display:flex; flex-direction:column; gap:var(--space-6); margin-bottom:var(--space-12);}.contact-info__item { display:flex; align-items:flex-start; gap:var(--space-4);}.contact-info__icon { width:44px; height:44px; border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; flex-shrink:0;}.contact-info__icon--primary { background:var(--primary-light); color:var(--primary);}.contact-info__icon--wa { background:rgba(37,211,102,0.1); color:var(--color-whatsapp);}.contact-info__label { font-size:var(--text-sm); font-weight:600; color:var(--text-primary); margin-bottom:4px;}.contact-info__value {font-size:var(--text-base);color:var(--text-secondary);}.contact-info__value--primary {color:var(--primary);}.contact-info__value--wa {color:var(--color-whatsapp);}.contact-info__note { font-size:var(--text-xs); color:var(--text-muted); margin-top:2px;}.contact-next-steps { background:var(--bg-primary); border:1px solid var(--border-light); border-radius:var(--radius-lg); padding:var(--space-6);}.contact-next-steps__title { font-size:var(--text-sm); font-weight:700; color:var(--text-primary); margin-bottom:var(--space-3);}.contact-next-steps__list { display:flex; flex-direction:column; gap:var(--space-3);}.contact-next-steps__item { display:flex; gap:var(--space-3); font-size:var(--text-sm); color:var(--text-secondary);}.contact-next-steps__num { color:var(--primary); font-weight:700; flex-shrink:0;}.contact-col-title { font-size:var(--text-3xl); font-weight:800; color:var(--text-primary); margin-bottom:var(--space-8);}.expect-box { background:var(--primary-light); border:1px solid rgba(255,107,0,0.15); border-radius:var(--radius-xl); padding:var(--space-10);}.expect-box__emoji { font-size:48px; display:block; margin-bottom:var(--space-5);}.expect-box__title { font-size:var(--text-2xl); font-weight:800; color:var(--text-primary); margin-bottom:var(--space-4);}.expect-box__desc { font-size:var(--text-base); color:var(--text-secondary); line-height:1.7; margin-bottom:var(--space-5);}.expect-box__quote { border-left:3px solid var(--primary); padding:var(--space-4) var(--space-5); background:rgba(255,107,0,0.06); border-radius:0 var(--radius-md) var(--radius-md) 0; font-style:italic; color:var(--text-primary); margin:0;}.whatsapp-btn { position:fixed; bottom:28px; right:28px; width:56px; height:56px; background:var(--color-whatsapp); border-radius:50%; display:flex; align-items:center; justify-content:center; z-index:var(--z-modal); box-shadow:0 4px 20px rgba(37,211,102,0.45); transition:transform var(--transition-base); animation:float 3s ease-in-out infinite;}.whatsapp-btn:hover { transform:scale(1.1);}.navbar { position:fixed; top:0; left:0; right:0; z-index:var(--z-sticky); background:rgba(246,243,237,0.96); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:1px solid transparent; transition:border-color var(--transition-base),box-shadow var(--transition-base); overflow:visible;}.navbar .container,.navbar__inner,.navbar__links { overflow:visible;}.navbar--scrolled { border-bottom-color:var(--border-light); box-shadow:0 1px 8px rgba(0,0,0,0.06);}.navbar__inner { display:flex; align-items:center; justify-content:space-between; height:var(--navbar-height,72px);}.navbar__logo { display:flex; align-items:center; gap:var(--space-2); text-decoration:none; flex-shrink:0;}.navbar__logo-img { height:64px; width:auto; display:block;}@media (max-width:768px) { .navbar__logo-img {height:50px;}}.logo-text { font-size:var(--text-xl); font-weight:800; color:var(--text-primary); letter-spacing:-0.03em; font-feature-settings:'ss01' on;}.logo-accent { color:var(--primary);}.logo-sub { font-size:var(--text-xs); color:var(--text-muted); font-weight:400;}.logo-text--light { color:var(--text-on-dark);}.navbar__links { display:flex; align-items:center; gap:var(--space-2); list-style:none;}.nav-link { font-size:14px; font-weight:500; color:rgba(13,13,13,0.62); padding:8px 14px; border-radius:var(--radius-md); transition:color var(--transition-fast),background var(--transition-fast); cursor:pointer; display:flex; align-items:center; gap:4px; white-space:nowrap; letter-spacing:-0.01em;}.nav-link:hover { color:var(--text-primary); background:rgba(0,0,0,0.04);}.nav-link--active { color:var(--text-primary); font-weight:600;}.nav-item--mega { position:static;}.mega-menu { position:fixed; top:var(--navbar-height,72px); left:0; right:0; width:100vw; max-width:100vw; margin:0; padding:0; box-sizing:border-box; background:#0d0d0d; border-top:2px solid var(--primary); box-shadow:0 40px 80px rgba(0,0,0,.75),0 12px 32px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04); opacity:0; visibility:hidden; transition:opacity 0.22s ease,visibility 0.22s; pointer-events:none; overflow:visible; z-index:calc(var(--z-sticky) - 1);}.mega-menu[hidden] { display:block !important; opacity:0; visibility:hidden; pointer-events:none;}.mega-menu--visible { opacity:1; visibility:visible; pointer-events:auto;}.mega-menu.nav-dropdown--visible { transform:none;}.mega-menu::before { content:""; position:absolute; top:-10px; left:0; right:0; height:10px;}.mega-menu__inner { max-width:var(--container-max); margin:0 auto; padding:12px var(--container-padding) 8px;}.mega-menu__grid { display:grid; grid-template-columns:repeat(6,1fr); gap:0;}.mega-menu__grid--4 { grid-template-columns:repeat(4,minmax(0,1fr));}.mega-menu__grid--5 { grid-template-columns:repeat(5,minmax(0,1fr));}.mega-menu--more { border-top-color:rgba(255,107,0,0.35);}@media (max-width:767px) { .mega-menu__grid--4, .mega-menu__grid--5 { grid-template-columns:repeat(2,minmax(0,1fr));}}.mega-menu__col { padding:28px 18px; border-right:1px solid rgba(255,255,255,0.05); position:relative; transition:background 0.25s ease;}.mega-menu__col:hover { background:rgba(255,255,255,0.025);}.mega-menu__col:last-child { border-right:none; padding-right:0;}.mega-menu__col:first-child { padding-left:0;}.mega-menu__col-icon { font-size:17px; display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:10px; background:rgba(255,107,0,0.1); border:1px solid rgba(255,107,0,0.18); margin-bottom:14px; line-height:1; flex-shrink:0; transition:background 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;}.mega-menu__col:hover .mega-menu__col-icon { background:rgba(255,107,0,0.2); border-color:rgba(255,107,0,0.4); box-shadow:0 0 18px rgba(255,107,0,0.15);}.mega-menu__heading { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.14em; color:var(--primary); padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid rgba(255,107,0,0.18);}.mega-link { display:flex; align-items:center; justify-content:space-between; padding:7px 10px; margin:1px -10px; font-size:13px; font-weight:500; color:rgba(255,255,255,0.55); border-radius:8px; border-left:2px solid transparent; text-decoration:none; transition:color 0.18s ease, background 0.18s ease, border-color 0.18s ease, padding-left 0.18s ease;}.mega-link::after { content:'\2192'; opacity:0; transform:translateX(-5px); transition:opacity 0.18s ease,transform 0.18s ease; font-size:11px; flex-shrink:0; color:var(--primary);}.mega-link:hover { color:#ffffff; background:rgba(255,255,255,0.055); border-left-color:var(--primary); padding-left:16px;}.mega-link:hover::after { opacity:1; transform:translateX(0);}.mega-link--overview { color:rgba(255,255,255,0.75); font-weight:600; margin-bottom:4px; border-left-color:rgba(255,107,0,0.35);}.mega-link--overview:hover { color:var(--primary);}.mega-menu__footer { border-top:1px solid rgba(255,255,255,0.06); padding:14px 0; display:flex; align-items:center; justify-content:space-between;}.mega-menu__stats { display:flex; align-items:center; gap:var(--space-8);}.mega-menu__stat { font-size:12px; color:rgba(255,255,255,0.38); font-weight:500; margin:0;}.mega-menu__stat strong { color:rgba(255,255,255,0.88); font-weight:700; margin-right:3px;}.mega-menu__footer-cta { display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:700; color:var(--primary); padding:7px 16px; border:1px solid rgba(255,107,0,0.3); border-radius:var(--radius-full); background:rgba(255,107,0,0.08); transition:background 0.2s ease,border-color 0.2s ease,gap 0.2s ease;}.mega-menu__footer-cta:hover { background:rgba(255,107,0,0.18); border-color:rgba(255,107,0,0.55); gap:10px;}.nav-item--dropdown { position:relative;}.nav-link--amazon { color:var(--primary) !important; font-weight:600;}.nav-dropdown { position:absolute; top:calc(100% + 8px); left:50%; transform:translateX(-50%) translateY(-6px); min-width:240px; background:#0d0d0d; border:1px solid rgba(255,107,0,0.2); border-radius:var(--radius-lg); box-shadow:0 20px 50px rgba(0,0,0,.6); padding:8px; opacity:0; visibility:hidden; transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s; pointer-events:none; z-index:var(--z-dropdown);}.nav-dropdown--amazon { border-color:rgba(255,107,0,0.35);}.nav-dropdown--visible { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); pointer-events:auto;}.nav-dropdown__link { display:block; padding:10px 14px; font-size:13px; font-weight:500; color:rgba(255,255,255,0.6); border-radius:var(--radius-md); text-decoration:none; transition:color 0.18s ease,background 0.18s ease;}.nav-dropdown__link:hover { color:#fff; background:rgba(255,107,0,0.12);}.nav-dropdown__link--overview { color:rgba(255,255,255,0.88); font-weight:700; margin-bottom:4px; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,0.08); border-radius:0;}.nav-dropdown__link--overview:hover { color:var(--primary); background:transparent;}.mobile-accordion { border:1px solid #222; border-radius:14px; overflow:hidden;}.mobile-accordion--amazon { border-color:rgba(255,107,0,0.3);}.mobile-accordion__trigger { display:flex; align-items:center; justify-content:space-between; width:100%; padding:16px 18px; background:#141414; border:none; font-size:15px; font-weight:600; color:rgba(255,255,255,0.85); cursor:pointer; text-align:left; font-family:inherit;}.mobile-accordion--amazon .mobile-accordion__trigger { color:var(--primary);}.mobile-accordion__chevron { transition:transform 0.25s ease; flex-shrink:0;}.mobile-accordion--open .mobile-accordion__chevron { transform:rotate(180deg);}.mobile-accordion__panel { background:#0f0f0f; border-top:1px solid #222;}.mobile-accordion--amazon .mobile-accordion__panel { border-top-color:rgba(255,107,0,0.2);}.mobile-accordion__link { display:block; padding:12px 18px; font-size:14px; color:rgba(255,255,255,0.6); text-decoration:none; border-bottom:1px solid #1a1a1a; transition:color 0.2s ease,background 0.2s ease;}.mobile-accordion__link:last-child { border-bottom:none;}.mobile-accordion__link:hover,.mobile-accordion__link:active { color:#fff; background:rgba(255,107,0,0.08);}.mobile-accordion__group { border-bottom:1px solid #1a1a1a; padding-bottom:4px;}.mobile-accordion__group:last-child { border-bottom:none; padding-bottom:0;}.mobile-accordion__group-title { display:block; padding:14px 18px 6px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; color:rgba(255,255,255,0.45); text-decoration:none; transition:color 0.2s ease;}.mobile-accordion__group-title:hover,.mobile-accordion__group-title:active { color:var(--primary);}.mobile-accordion__sublink { display:block; padding:10px 18px 10px 30px; font-size:13px; color:rgba(255,255,255,0.55); text-decoration:none; border-bottom:1px solid #141414; transition:color 0.2s ease,background 0.2s ease;}.mobile-accordion__group .mobile-accordion__sublink:last-child { border-bottom:none;}.mobile-accordion__sublink:hover,.mobile-accordion__sublink:active { color:#fff; background:rgba(255,107,0,0.06);}.navbar__actions { display:flex; align-items:center; gap:var(--space-3);}.mobile-menu-toggle { display:none; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:40px; height:40px; cursor:pointer; padding:0; background:none; border:none; border-radius:var(--radius-md); flex-shrink:0; transition:background var(--transition-fast);}.mobile-menu-toggle:hover { background:var(--bg-primary);}.mobile-menu-toggle span { display:block; width:22px; height:2px; background:var(--text-primary); border-radius:2px; transform-origin:center; transition:transform 0.3s ease,opacity 0.3s ease;}body.mobile-menu--open .mobile-menu-toggle span:nth-child(1) { transform:translateY(7px) rotate(45deg);}body.mobile-menu--open .mobile-menu-toggle span:nth-child(2) { opacity:0; transform:scaleX(0);}body.mobile-menu--open .mobile-menu-toggle span:nth-child(3) { transform:translateY(-7px) rotate(-45deg);}.mobile-menu { position:fixed; top:var(--navbar-height,72px); left:0; right:0; bottom:0; background:#0a0a0a; overflow-y:auto; z-index:calc(var(--z-sticky) - 1); transform:translateY(-14px); opacity:0; visibility:hidden; transition:transform 0.32s cubic-bezier(0.4,0,0.2,1), opacity 0.28s ease, visibility 0.32s;}body.mobile-menu--open .mobile-menu { transform:translateY(0); opacity:1; visibility:visible;}.mobile-menu__inner { padding:28px 20px 48px; display:flex; flex-direction:column; gap:36px; min-height:100%;}.mobile-menu__section { display:flex; flex-direction:column; gap:14px;}.mobile-menu__label { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.14em; color:rgba(255,255,255,0.3);}.mobile-service-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px;}.mobile-service-card { display:flex; flex-direction:column; align-items:center; gap:10px; padding:20px 12px; background:#141414; border:1px solid #222; border-radius:14px; text-align:center; text-decoration:none; transition:background 0.2s ease,border-color 0.2s ease,transform 0.2s ease;}.mobile-service-card:hover,.mobile-service-card:active { background:#1c1c1c; border-color:var(--primary); transform:translateY(-2px);}.mobile-service-card--featured { border-color:rgba(255,107,0,0.35); background:rgba(255,107,0,0.07);}.mobile-service-card--featured:hover { background:rgba(255,107,0,0.13); border-color:var(--primary);}.mobile-service-card__icon { font-size:28px; line-height:1;}.mobile-service-card__name { font-size:13px; font-weight:600; color:rgba(255,255,255,0.82); line-height:1.3;}.mobile-menu__links { display:flex; flex-direction:column;}.mobile-menu__link { display:flex; align-items:center; justify-content:space-between; padding:14px 0; font-size:16px; font-weight:500; color:rgba(255,255,255,0.65); border-bottom:1px solid #1a1a1a; text-decoration:none; transition:color 0.2s ease;}.mobile-menu__link:hover,.mobile-menu__link:active { color:#ffffff;}.mobile-menu__link-arrow { font-size:14px; color:rgba(255,255,255,0.25); transition:transform 0.2s ease,color 0.2s ease;}.mobile-menu__link:hover .mobile-menu__link-arrow { transform:translateX(4px); color:var(--primary);}.mobile-menu__footer { margin-top:auto; display:flex; flex-direction:column; gap:12px; padding-top:8px;}.mobile-menu__cta { font-size:var(--text-base) !important; padding:16px 24px !important;}.mobile-menu__footer-note { text-align:center; font-size:12px; color:rgba(255,255,255,0.28); font-weight:400;}.footer { position:relative; background:var(--bg-dark); padding:var(--space-16) 0 var(--space-10); color:var(--text-on-dark); overflow:hidden;}.footer__accent { position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,transparent 0%,var(--primary) 20%,#ff9a4d 50%,var(--primary) 80%,transparent 100%); opacity:0.9;}.footer__grid { display:grid; grid-template-columns:minmax(200px,1.35fr) repeat(4,minmax(0,1fr)); gap:var(--space-10) var(--space-8); margin-bottom:var(--space-12); align-items:start;}.footer__col { min-width:0;}.footer__logo { display:inline-flex; align-items:center; margin-bottom:var(--space-5); opacity:0.95; transition:opacity var(--transition-fast);}.footer__logo:hover { opacity:1;}.footer__logo-img { height:44px; width:auto; display:block;}.footer__tagline { font-size:var(--text-sm); color:rgba(255,255,255,0.62); line-height:1.7; max-width:280px; margin-bottom:var(--space-3);}.footer__legal-note { font-size:11px; color:rgba(255,255,255,0.38); margin-bottom:var(--space-5); letter-spacing:0.02em;}.footer__social { display:flex; flex-wrap:wrap; gap:var(--space-2);}.social-link { width:38px; height:38px; border-radius:var(--radius-full); border:1px solid rgba(255,255,255,0.12); background:rgba(255,255,255,0.03); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,0.55); font-size:14px; transition:all var(--transition-fast);}.social-link:hover { border-color:var(--primary); color:var(--primary); background:rgba(255,107,0,0.12); transform:translateY(-2px);}.footer__heading { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.12em; color:#fff; margin-bottom:var(--space-5); padding-bottom:var(--space-3); border-bottom:1px solid rgba(255,255,255,0.08); position:relative;}.footer__heading::after { content:''; position:absolute; left:0; bottom:-1px; width:28px; height:2px; background:var(--primary); border-radius:2px;}.footer__list { display:flex; flex-direction:column; gap:10px; list-style:none;}.footer__list a { display:inline-block; font-size:13px; color:rgba(255,255,255,0.58); line-height:1.45; transition:color var(--transition-fast),transform var(--transition-fast);}.footer__list a:hover { color:#fff; transform:translateX(3px);}.footer__list-link--accent { color:var(--primary) !important; font-weight:600; margin-top:4px;}.footer__list-link--accent:hover { color:#ff9a4d !important;}.footer__contact { display:flex; flex-direction:column; gap:var(--space-4);}.footer__contact-item { display:flex; align-items:flex-start; gap:var(--space-3); font-size:13px; color:rgba(255,255,255,0.58); line-height:1.5;}.footer__contact-icon { flex-shrink:0; width:32px; height:32px; border-radius:8px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.08); display:flex; align-items:center; justify-content:center; color:var(--primary);}.footer__contact-item a { color:rgba(255,255,255,0.58); transition:color var(--transition-fast);}.footer__contact-item a:hover { color:var(--primary);}.footer__bottom { border-top:1px solid rgba(255,255,255,0.08); padding-top:var(--space-8); display:flex; align-items:center; justify-content:space-between; gap:var(--space-6);}.footer__copyright { font-size:var(--text-xs); color:var(--text-on-dark-muted);}.footer__legal { display:flex; gap:var(--space-6);}.footer__legal a { font-size:var(--text-xs); color:var(--text-on-dark-muted); transition:color var(--transition-fast);}.footer__legal a:hover { color:var(--primary);}.hero__card-wrapper { position:relative; display:flex; justify-content:center;}.hero-dashboard { background:var(--bg-dark); border-radius:var(--radius-2xl); padding:var(--space-8); width:100%; max-width:380px; box-shadow:var(--shadow-xl); border:1px solid var(--border-dark);}.hero-dashboard__label { font-size:var(--text-xs); color:var(--text-on-dark-muted); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:var(--space-2);}.hero-dashboard__value { font-size:var(--text-4xl); font-weight:800; color:#ffffff; letter-spacing:-0.02em; margin-bottom:var(--space-6);}.hero-dashboard__bar-chart { display:flex; align-items:flex-end; gap:var(--space-2); height:64px; margin-bottom:var(--space-6);}.bar { flex:1; border-radius:4px 4px 0 0; background:var(--border-dark); min-width:0;}.bar--active { background:var(--primary);}.hero-dashboard__metrics { display:flex; flex-direction:column; gap:var(--space-3);}.metric-row { display:flex; align-items:center; justify-content:space-between; padding:10px var(--space-4); background:var(--bg-dark-2); border-radius:var(--radius-md); font-size:var(--text-sm);}.metric-row__label { color:var(--text-on-dark-muted); font-weight:500;}.metric-row__value { color:#ffffff; font-weight:700;}.metric-row__change { font-size:var(--text-xs); color:#22c55e; font-weight:600;}.case-card { background:var(--bg-secondary); border:1px solid var(--border-light); border-radius:var(--radius-lg); overflow:hidden; transition:box-shadow var(--transition-base),transform var(--transition-base);}.case-card:hover { box-shadow:var(--shadow-lg); transform:translateY(-4px);}.case-card__image { aspect-ratio:16 / 9; background:var(--bg-primary); display:flex; align-items:center; justify-content:center; color:var(--text-muted); font-size:var(--text-sm); font-weight:500;}.case-card__body { padding:var(--space-6);}.case-card__category { font-size:var(--text-xs); font-weight:700; color:var(--primary); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:var(--space-2);}.case-card__title { font-size:var(--text-lg); font-weight:700; color:var(--text-primary); margin-bottom:var(--space-3); line-height:1.3;}.case-card__result { font-size:var(--text-sm); color:var(--text-secondary);}.case-card__result strong { color:var(--primary);}.founder-photo-frame { position:relative; aspect-ratio:4 / 5; border-radius:var(--radius-2xl); overflow:hidden; display:flex; align-items:center; justify-content:center;}.founder-avatar { display:flex; align-items:center; justify-content:center; width:100%; height:100%; opacity:0.85;}.founder-name-card { position:absolute; bottom:24px; left:24px; right:24px; background:rgba(13,13,13,0.88); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-radius:var(--radius-lg); padding:16px 20px;}.founder-name-card__role { font-size:var(--text-xs); font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--primary); margin-bottom:4px;}.founder-name-card__name { font-size:var(--text-lg); font-weight:700; color:var(--text-on-dark); letter-spacing:-0.02em; margin-bottom:0;}.founder-name-card__row { display:flex; align-items:center; gap:10px;}.founder-leadership { display:flex; flex-direction:column; gap:16px;}.team-member-card { background:var(--surface-dark,#0d0d0d); border-radius:var(--radius-lg); padding:16px 20px; box-shadow:0 8px 24px rgba(13,13,13,0.08);}.team-member-card__role { font-size:var(--text-xs); font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--primary); margin-bottom:4px;}.team-member-card__name { font-size:var(--text-lg); font-weight:700; color:var(--text-on-dark); letter-spacing:-0.02em;}.founder-li-btn { display:inline-flex; align-items:center; gap:6px; font-size:var(--text-xs); font-weight:600; color:var(--text-on-dark-muted); background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.14); border-radius:var(--radius-full); padding:5px 14px; transition:background var(--transition-fast),color var(--transition-fast);}.founder-li-btn:hover { background:rgba(255,255,255,0.16); color:var(--text-on-dark);}.svc-hero-split { display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,5vw,64px); align-items:center; margin-top:24px;}.svc-hero-split__copy {max-width:540px;}.svc-hero-split__visual {display:flex;justify-content:center;align-items:center;}@media (max-width:900px) { .svc-hero-split {grid-template-columns:1fr;} .svc-hero-split__visual {display:none;}}.svc-mock { width:100%; max-width:360px; border-radius:16px; overflow:hidden; box-shadow:0 24px 64px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.05); animation:svcMockFloat 4s ease-in-out infinite;}@keyframes svcMockFloat { 0%,100% {transform:translateY(0);} 50% {transform:translateY(-10px);}}@media (prefers-reduced-motion:reduce) {.svc-mock {animation:none;}}.svc-mock__bar {display:flex;align-items:center;gap:6px;padding:10px 14px;}.svc-mock__dot {width:9px;height:9px;border-radius:50%;}.svc-mock__dot--r {background:#ff5f57;}.svc-mock__dot--y {background:#febc2e;}.svc-mock__dot--g {background:#28c840;}.svc-mock__tab {margin-left:10px;font-size:11px;font-family:ui-monospace,'Courier New',monospace;opacity:.5;}.svc-mock--web {background:#1a1a2e;}.svc-mock--web .svc-mock__bar {background:#12121f;border-bottom:1px solid rgba(255,255,255,.06);}.svc-mock--web .svc-mock__tab {color:#fff;}.svc-mock__code { padding:14px 18px; font-family:ui-monospace,'Courier New',monospace; font-size:12px;line-height:1.9;color:rgba(255,255,255,.5);}.svc-mock__code .ct {color:#79b8ff;}.svc-mock__code .ca {color:#ffab70;}.svc-mock__code .cv {color:#9ecbff;}.svc-mock__code .cx {color:rgba(255,255,255,.78);}.svc-mock__score { margin:4px 14px 14px; display:flex;align-items:center;gap:8px; background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25); border-radius:8px;padding:8px 12px; font-size:11.5px;color:#22c55e;font-weight:600;}.svc-mock__score strong {font-size:20px;font-weight:800;margin-right:1px;}.svc-mock--ai {background:#0d0d0d;}.svc-mock--ai .svc-mock__bar {background:#080808;border-bottom:1px solid rgba(255,255,255,.05);}.svc-mock--ai .svc-mock__tab {color:rgba(255,255,255,.5);}.svc-mock__pipeline {padding:14px;display:flex;flex-direction:column;gap:8px;}.svc-mock__node { display:flex;align-items:center;gap:10px; background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07); border-radius:10px;padding:10px 13px; font-size:12px;color:rgba(255,255,255,.7);font-weight:500;}.svc-mock__node--accent {border-color:rgba(255,107,0,.35);background:rgba(255,107,0,.08);color:#ff9d4d;}.svc-mock__node--ok {border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.06);color:#4ade80;}.svc-mock__node-icon {width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:rgba(255,107,0,.12);font-size:14px;flex-shrink:0;}.svc-mock__node--ok .svc-mock__node-icon {background:rgba(34,197,94,.12);}.svc-mock__arrow {text-align:center;font-size:13px;color:rgba(255,255,255,.2);line-height:1;}.svc-mock__ai-status {margin:0 14px 14px;display:flex;align-items:center;gap:8px;font-size:11px;color:rgba(255,255,255,.4);}.svc-mock__ai-live { width:7px;height:7px;border-radius:50%;background:#22c55e; animation:aiLivePulse 2s ease-in-out infinite;}@keyframes aiLivePulse { 0%,100% {box-shadow:0 0 0 2px rgba(34,197,94,.2);} 50% {box-shadow:0 0 0 5px rgba(34,197,94,.07);}}.svc-mock--app {background:#1a1a2e;}.svc-mock--app .svc-mock__bar {background:#0d0d1a;border-bottom:1px solid rgba(255,255,255,.07);}.svc-mock--app .svc-mock__tab {color:rgba(255,255,255,.5);}.svc-mock__phone-wrap {padding:14px;}.svc-mock__phone-frame {background:#111;border-radius:22px;border:6px solid #222;overflow:hidden;width:110px;margin:0 auto;}.svc-mock__phone-notch {height:6px;width:42px;margin:0 auto 6px;border-radius:999px;background:#000;}.svc-mock__phone-screen {background:#fff;padding:8px 7px;}.svc-mock__phone-topbar {height:22px;border-radius:6px;background:linear-gradient(90deg,#ff6b00,#ff9d4d);margin-bottom:7px;}.svc-mock__phone-card {height:32px;border-radius:5px;background:#f3f4f6;margin-bottom:5px;}.svc-mock__phone-card--sm {height:20px;width:65%;background:#e5e7eb;}.svc-mock__phone-nav {display:flex;justify-content:space-around;padding:7px 0 2px;border-top:1px solid #e5e7eb;margin-top:7px;}.svc-mock__phone-nav span {width:18px;height:4px;border-radius:999px;background:#d1d5db;}.svc-mock__phone-nav span:first-child {background:#ff6b00;}.svc-mock__phone-badges {display:flex;justify-content:center;gap:8px;margin-top:12px;}.svc-mock__store-badge {font-size:9px;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.5);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:4px 8px;}.svc-mock--mkt {background:#0f0f14;}.svc-mock--mkt .svc-mock__bar {background:#09090d;border-bottom:1px solid rgba(255,255,255,.05);}.svc-mock--mkt .svc-mock__tab {color:rgba(255,255,255,.5);}.svc-mock__dash {padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;}.svc-mock__metric {background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px;}.svc-mock__metric-lbl {font-size:9.5px;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;}.svc-mock__metric-num {font-size:22px;font-weight:800;color:#fff;line-height:1;}.svc-mock__metric-sub {font-size:10px;font-weight:600;color:#22c55e;margin-top:3px;}.svc-mock__metric-sub--down {color:#ef4444;}.svc-mock__sparkline {padding:0 12px 12px;display:flex;align-items:flex-end;gap:5px;height:48px;}.svc-mock__spark-bar {flex:1;background:rgba(255,107,0,.2);border-radius:3px 3px 0 0;}.svc-mock__spark-bar--hi {background:#ff6b00;}.svc-mock--shopify {background:#fff;}.svc-mock--shopify .svc-mock__bar {background:#f5f5f5;border-bottom:1px solid rgba(0,0,0,.07);}.svc-mock--shopify .svc-mock__tab {color:#555;}.svc-mock__product {padding:14px;}.svc-mock__product-img {width:100%;height:72px;background:linear-gradient(135deg,#fff3ec,#ffe0c7);border-radius:10px;margin-bottom:10px;display:grid;place-items:center;font-size:28px;}.svc-mock__product-badge {display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.06em;color:#22c55e;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);border-radius:5px;padding:3px 8px;margin-bottom:6px;}.svc-mock__product-name {font-size:13px;font-weight:700;color:#111;margin-bottom:2px;}.svc-mock__product-price {font-size:20px;font-weight:800;color:#111;margin-bottom:10px;}.svc-mock__add-btn {width:100%;padding:10px;background:#ff6b00;color:#fff;font-size:13px;font-weight:700;border-radius:8px;text-align:center;margin-bottom:8px;}.svc-mock__conv-row {display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#22c55e;}.svc-mock__conv-dot {width:7px;height:7px;border-radius:50%;background:#22c55e;}.svc-mock--amazon {background:#fff;}.svc-mock--amazon .svc-mock__bar {background:#232f3e;border-bottom:none;}.svc-mock--amazon .svc-mock__tab {color:rgba(255,255,255,.7);}.svc-mock__listing {padding:14px;}.svc-mock__bsr-pill {display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:700;color:#ff9900;background:rgba(255,153,0,.1);border:1px solid rgba(255,153,0,.25);border-radius:5px;padding:3px 9px;margin-bottom:7px;}.svc-mock__listing-title {font-size:12px;font-weight:600;color:#007185;margin-bottom:5px;line-height:1.4;}.svc-mock__listing-stars {font-size:13px;color:#ff9900;}.svc-mock__listing-count {font-size:11px;color:#007185;margin-bottom:7px;}.svc-mock__listing-price {font-size:22px;font-weight:800;color:#0f1111;margin-bottom:8px;}.svc-mock__buy-box {display:flex;align-items:center;justify-content:center;background:#ff9900;color:#0f1111;font-size:12px;font-weight:800;border-radius:8px;padding:9px 12px;margin-bottom:7px;}.svc-mock__rank-badge {display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#22c55e;background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.18);border-radius:6px;padding:4px 10px;}.founder-quote { background:var(--primary-light,rgba(255,107,0,.06)); border-left:3px solid var(--primary,#ff6b00); border-radius:0 var(--radius-md,8px) var(--radius-md,8px) 0; padding:20px 24px; margin:24px 0;}.founder-quote__text { font-style:italic; font-size:var(--text-lg,1.125rem); color:var(--text-primary,#0d0d0d); line-height:1.5; margin-bottom:8px;}.founder-metrics { display:flex; align-items:center; gap:32px; padding:20px 0; border-top:1px solid var(--border-light,#e8e8e4); border-bottom:1px solid var(--border-light,#e8e8e4); margin-bottom:28px;}.founder-metric__value { font-size:var(--text-3xl,1.875rem); font-weight:800; color:var(--text-primary,#0d0d0d);}.founder-metric__label { font-size:var(--text-sm,0.875rem); color:var(--text-muted,#6b7280);}.founder-metric-divider { width:1px; height:40px; background:var(--border-light,#e8e8e4); flex-shrink:0;}.founder-btns { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:32px;}@media (max-width:479px) { .founder-metrics {gap:16px;flex-wrap:wrap;} .founder-metric-divider {display:none;}}

/* ─── 5. RESPONSIVE ─── */
@media (max-width:1023px) { .navbar__links { display:none;} .mobile-menu-toggle { display:flex !important;} .grid-4 { grid-template-columns:repeat(2,1fr);} .process-grid { grid-template-columns:repeat(2,1fr);} .stats-row { grid-template-columns:repeat(2,1fr);} .hero, .hero--v2 { min-height:auto; padding-top:110px; padding-bottom:64px;} .hero-split { grid-template-columns:1fr; gap:var(--space-10);} .hero__card-wrapper { display:none;} .footer__grid { grid-template-columns:repeat(2,1fr); gap:var(--space-8) var(--space-10);} .footer__col--brand { grid-column:1 / -1; display:block;} .footer__col--brand .footer__logo { margin-bottom:var(--space-4);} .footer__col--brand .footer__tagline { max-width:520px;}}@media (max-width:1279px) { .mega-menu__stats { gap:var(--space-6);} .mega-menu__col { padding:24px 14px;}}@media (max-width:767px) { .container, .container--narrow, .container--wide { padding-left:16px; padding-right:16px;} .section { padding-top:var(--section-padding-xs); padding-bottom:var(--section-padding-xs);} .section--page-hero { padding-top:108px;} .section--sm { padding-top:40px; padding-bottom:40px;} .hero { min-height:auto; padding:100px 0 60px;} .hero-split { grid-template-columns:1fr; gap:var(--space-10);} .hero__card-wrapper { display:none;} .grid-2, .grid-3, .grid-4 { grid-template-columns:1fr;} .stats-row { grid-template-columns:repeat(2,1fr);} .process-grid { grid-template-columns:1fr;} .two-col, .two-col--wide-left { grid-template-columns:1fr; gap:var(--space-10);} .section-title { font-size:clamp(28px,8vw,38px);} .section-header { text-align:center;} .cta-banner__inner { flex-direction:column; text-align:center;} .footer__grid { grid-template-columns:1fr; gap:var(--space-8);} .footer__col--brand { display:block;} .footer__col--brand .footer__logo { margin-bottom:var(--space-4);} .footer__logo-img { height:38px;} .footer__bottom { flex-direction:column; gap:var(--space-4); text-align:center;} .hide-mobile { display:none !important;} .hide-desktop { display:block;} .text-center-mobile { text-align:center;} .stack-mobile { flex-direction:column !important;} .card--testimonial { padding:var(--space-6);} .filter-bar__btn { min-height:44px; padding:11px 18px;} .form-step { padding:var(--space-6);} .timeline__item { padding-left:var(--space-8);} .mega-menu { display:none !important;}}@media (max-width:479px) { .stats-row { grid-template-columns:1fr 1fr; gap:var(--space-4);} .btn--lg { padding:14px 24px; font-size:var(--text-base);} .hero__actions { flex-direction:column; align-items:stretch;} .hero__actions .btn { text-align:center; justify-content:center;} .section-title { font-size:clamp(24px,7vw,32px);} .card--process .card__number { font-size:80px;}}@media (min-width:1440px) { .container { padding-left:var(--space-8); padding-right:var(--space-8);}}@media print { .navbar, .footer, .whatsapp-btn, .cta-banner { display:none;} body { color:#000; background:#fff;}}

/* ─── 6. UTILITIES ─── */
.block {display:block;}.inline-block {display:inline-block;}.inline-flex {display:inline-flex;}.hidden {display:none !important;}.hide-mobile {display:block;}.hide-desktop {display:none;}.w-full {width:100%;}.w-auto {width:auto;}.overflow-hidden {overflow:hidden;}.relative {position:relative;}.absolute {position:absolute;}.text-left {text-align:left;}.text-center {text-align:center;}.text-right {text-align:right;}.text-primary {color:var(--text-primary);}.text-secondary {color:var(--text-secondary);}.text-muted {color:var(--text-muted);}.text-on-dark {color:var(--text-on-dark);}.text-accent {color:var(--primary);}.text-white {color:#ffffff;}.font-normal {font-weight:400;}.font-medium {font-weight:500;}.font-semibold{font-weight:600;}.font-bold {font-weight:700;}.text-xs {font-size:var(--text-xs);}.text-sm {font-size:var(--text-sm);}.text-base {font-size:var(--text-base);}.text-lg {font-size:var(--text-lg);}.text-xl {font-size:var(--text-xl);}.text-2xl {font-size:var(--text-2xl);}.text-3xl {font-size:var(--text-3xl);}.text-4xl {font-size:var(--text-4xl);}.bg-dark {background-color:var(--bg-dark);}.bg-dark-2 {background-color:var(--bg-dark-2);}.bg-cream {background-color:var(--bg-primary);}.bg-white {background-color:var(--bg-secondary);}.bg-primary {background-color:var(--primary);}.rounded-sm {border-radius:var(--radius-sm);}.rounded-md {border-radius:var(--radius-md);}.rounded-lg {border-radius:var(--radius-lg);}.rounded-xl {border-radius:var(--radius-xl);}.rounded-2xl {border-radius:var(--radius-2xl);}.rounded-full {border-radius:var(--radius-full);}.mx-auto {margin-left:auto;margin-right:auto;}.mt-2 {margin-top:var(--space-2);}.mt-3 {margin-top:var(--space-3);}.mt-4 {margin-top:var(--space-4);}.mt-6 {margin-top:var(--space-6);}.mt-8 {margin-top:var(--space-8);}.mt-10 {margin-top:var(--space-10);}.mt-12 {margin-top:var(--space-12);}.mb-2 {margin-bottom:var(--space-2);}.mb-3 {margin-bottom:var(--space-3);}.mb-4 {margin-bottom:var(--space-4);}.mb-6 {margin-bottom:var(--space-6);}.mb-8 {margin-bottom:var(--space-8);}.mb-10 {margin-bottom:var(--space-10);}.mb-12 {margin-bottom:var(--space-12);}.pt-2 {padding-top:var(--space-2);}.pt-4 {padding-top:var(--space-4);}.pt-6 {padding-top:var(--space-6);}.pt-8 {padding-top:var(--space-8);}.pb-2 {padding-bottom:var(--space-2);}.pb-4 {padding-bottom:var(--space-4);}.pb-6 {padding-bottom:var(--space-6);}.pb-8 {padding-bottom:var(--space-8);}.no-select { user-select:none; -webkit-user-select:none;}.pointer { cursor:pointer;}.italic { font-style:italic;}.uppercase { text-transform:uppercase; letter-spacing:0.08em;}.truncate { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}.line-clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}.line-clamp-3 { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}.aspect-square {aspect-ratio:1 / 1;}.aspect-video {aspect-ratio:16 / 9;}.aspect-portrait{aspect-ratio:4 / 5;}