:root {
  --red: #c91423;
  --red-dark: #990d18;
  --red-deep: #730a13;
  --red-bright: #ec2635;
  --green: #65a654;
  --green-dark: #3f7c3a;
  --gold: #efbd43;
  --gold-soft: #f6d77c;
  --cream: #fff8ea;
  --paper: #fffdf8;
  --ink: #241d18;
  --muted: #756b62;
  --white: #ffffff;
  --line: rgba(36, 29, 24, .12);
  --shadow: 0 28px 70px rgba(96, 20, 13, .14);
  --radius-xl: 42px;
  --radius-lg: 28px;
  --radius-md: 20px;
  --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
::selection { background: var(--gold); color: var(--red-deep); }

.page-noise {
  position: fixed; inset: 0; pointer-events: none; z-index: 50; opacity: .028;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");
}
.progress-bar { position: fixed; top: 0; left: 0; z-index: 100; width: 0; height: 3px; background: linear-gradient(90deg, var(--gold), var(--red-bright)); }
.container { width: min(calc(100% - 40px), var(--container)); margin: 0 auto; }
.section-pad { padding: 112px 0; }

.site-header { position: fixed; left: 0; right: 0; top: 16px; z-index: 40; transition: .3s ease; }
.site-header.scrolled { top: 8px; }
.nav-shell {
  min-height: 78px; display: grid; grid-template-columns: 170px 1fr auto; align-items: center; gap: 28px;
  padding: 8px 10px 8px 18px; border: 1px solid rgba(255,255,255,.65); border-radius: 26px;
  background: rgba(255,253,248,.86); box-shadow: 0 15px 45px rgba(69,29,18,.08); backdrop-filter: blur(16px);
}
.brand img { width: 142px; height: 58px; object-fit: contain; object-position: left center; }
.main-nav { justify-self: center; display: flex; align-items: center; gap: 30px; }
.main-nav a { font-size: 14px; font-weight: 800; letter-spacing: .02em; position: relative; }
.main-nav a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -9px; height: 2px; border-radius: 999px; background: var(--red); transform: scaleX(0); transform-origin: right; transition: transform .25s ease; }
.main-nav a:hover::after { transform: scaleX(1); transform-origin: left; }
.nav-cta { min-height: 58px; display: inline-flex; align-items: center; gap: 10px; padding: 0 21px; border-radius: 18px; color: #fff; background: linear-gradient(135deg, var(--red-bright), var(--red-dark)); font-weight: 900; font-size: 14px; box-shadow: 0 12px 25px rgba(201,20,35,.21); }
.nav-cta svg, .btn svg { width: 19px; fill: currentColor; }
.menu-toggle { display: none; width: 48px; height: 48px; border: 0; border-radius: 14px; background: var(--cream); position: relative; }
.menu-toggle span { width: 20px; height: 2px; background: var(--red); position: absolute; left: 14px; transition: .25s ease; }
.menu-toggle span:first-child { top: 19px; }
.menu-toggle span:last-child { top: 27px; }
.menu-toggle.open span:first-child { transform: translateY(4px) rotate(45deg); }
.menu-toggle.open span:last-child { transform: translateY(-4px) rotate(-45deg); }

.hero { min-height: 790px; padding-top: 166px; position: relative; overflow: hidden; background:
  radial-gradient(circle at 12% 22%, rgba(246,215,124,.32), transparent 28%),
  radial-gradient(circle at 88% 18%, rgba(101,166,84,.12), transparent 27%),
  linear-gradient(180deg, #fffdf8 0%, #fff9ee 100%);
}
.hero::after { content:""; position:absolute; left:-8%; right:-8%; bottom:-74px; height:145px; background:var(--paper); border-radius:50% 50% 0 0 / 100% 100% 0 0; }
.hero-grid { display: grid; grid-template-columns: 1.03fr .97fr; gap: 50px; align-items: center; position: relative; z-index: 2; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; text-transform: uppercase; font-size: 12px; font-weight: 900; letter-spacing: .16em; color: var(--red); margin-bottom: 19px; }
.eyebrow span { width: 28px; height: 3px; border-radius: 999px; background: currentColor; }
.eyebrow.light { color: var(--gold-soft); }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 24px; font-size: clamp(56px, 6vw, 92px); line-height: .91; letter-spacing: -.064em; font-weight: 950; max-width: 760px; }
h1 em, h2 em { font-family: Georgia, "Times New Roman", serif; font-weight: 500; color: var(--red); }
.hero-lead { max-width: 690px; font-size: 20px; line-height: 1.55; font-weight: 800; }
.hero-sub { max-width: 660px; color: var(--muted); line-height: 1.65; font-size: 16px; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.btn { border: 0; min-height: 62px; border-radius: 20px; padding: 0 23px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; font-weight: 900; transition: box-shadow .2s ease, transform .2s ease, background .2s ease; }
.btn-primary { color: #fff; background: linear-gradient(135deg, var(--red-bright), var(--red-dark)); box-shadow: 0 16px 34px rgba(201,20,35,.22); }
.btn-primary:hover { box-shadow: 0 20px 40px rgba(201,20,35,.30); }
.btn-ghost { border: 1px solid var(--line); background: rgba(255,255,255,.72); }
.btn-ghost:hover { background: #fff; }
.hero-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.hero-tags span { padding: 9px 13px; border-radius: 999px; border: 1px solid rgba(201,20,35,.12); background: rgba(255,255,255,.7); font-size: 12px; font-weight: 900; color: var(--red-deep); }

.hero-visual { height: 570px; position: relative; transform-style: preserve-3d; }
.plate-shadow { position:absolute; width:420px; height:105px; border-radius:50%; background:rgba(77,24,16,.16); filter:blur(19px); left:50%; bottom:44px; transform:translateX(-50%) rotate(-3deg); }
.plate { position: absolute; width: 460px; height: 460px; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -49%) rotate(-8deg); background:
  radial-gradient(circle at 50% 45%, #fff 0 55%, #f2eee5 56% 59%, #ffffff 60% 67%, #dad4c9 68% 69%, #fff 70%);
  box-shadow: inset 0 -22px 38px rgba(99,63,38,.08), 0 30px 45px rgba(94,38,21,.14);
}
.plate::before { content:""; position:absolute; inset:70px; border-radius:50%; background:radial-gradient(circle at 52% 38%, rgba(239,189,67,.18), transparent 58%); }
.plate-copy { position:absolute; z-index:1; right:43px; bottom:91px; font-family: Georgia,serif; font-style:italic; color:rgba(153,13,24,.24); font-size:16px; text-align:right; line-height:1.05; transform:rotate(10deg); }
.plate-copy strong { font-size:23px; }
.snack { position:absolute; z-index:3; filter: drop-shadow(0 12px 12px rgba(94,45,14,.2)); }
.coxinha { width:116px; height:144px; border-radius: 50% 50% 58% 58% / 36% 36% 72% 72%; background:
  radial-gradient(circle at 35% 28%, rgba(255,255,255,.33) 0 3%, transparent 4%),
  radial-gradient(circle at 63% 58%, rgba(137,77,11,.14) 0 2%, transparent 2.7%),
  repeating-radial-gradient(circle at 20% 30%, rgba(118,69,18,.10) 0 1px, transparent 1.7px 5px),
  linear-gradient(145deg, #f8ca65 0%, #d98920 54%, #b96315 100%);
  clip-path: polygon(50% 0, 66% 19%, 89% 52%, 100% 76%, 91% 93%, 72% 100%, 27% 99%, 8% 91%, 0 73%, 10% 51%, 36% 18%);
}
.coxinha i { position:absolute; inset:12px; opacity:.24; border-radius:50%; background:radial-gradient(circle, #8f4e10 0 1px, transparent 1.5px); background-size:9px 9px; }
.kibbeh { width:121px; height:88px; border-radius: 52% 48% 52% 48% / 44% 52% 48% 56%; background: repeating-radial-gradient(circle at 30% 30%, rgba(64,27,8,.14) 0 1px, transparent 1.7px 4px), linear-gradient(145deg,#b36a2b,#6f3217); transform:rotate(25deg); }
.ball { width:88px; height:88px; border-radius:50%; background: repeating-radial-gradient(circle at 30% 20%, rgba(99,51,8,.12) 0 1px, transparent 1.5px 4px), radial-gradient(circle at 33% 25%, #ffd77b, #db8d25 68%, #b96816 100%); }
.roll { width:128px; height:72px; border-radius: 22px 34px 34px 22px; background:linear-gradient(90deg,#d88721,#f8ce6b 38%,#d98620 78%,#b45f14); transform:rotate(-17deg); }
.roll::before,.roll::after { content:""; position:absolute; top:8px; bottom:8px; width:3px; background:rgba(118,59,12,.28); border-radius:9px; }
.roll::before{left:40px}.roll::after{left:76px}
.snack-a { left:104px; top:126px; transform:rotate(-13deg) scale(1.08); }
.snack-b { left:217px; top:83px; transform:rotate(13deg) scale(.94); }
.snack-c { left:223px; top:230px; }
.snack-d { left:84px; top:267px; }
.snack-e { left:311px; top:178px; transform:scale(.82); }
.snack-f { left:169px; top:322px; }
.crumb { position:absolute; z-index:4; width:7px; height:7px; border-radius:50%; background:#b66817; box-shadow:14px 3px 0 #d18b27, -7px 13px 0 #d69b3d; }
.c1{left:118px;top:239px}.c2{left:322px;top:284px;transform:scale(.7)}.c3{left:237px;top:387px;transform:scale(.55)}
.seal { position:absolute; z-index:5; width:128px; height:128px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; line-height:.95; box-shadow:0 18px 35px rgba(80,20,15,.15); }
.seal small { font-size:11px; text-transform:uppercase; letter-spacing:.12em; font-weight:900; }
.seal strong { margin-top:6px; font-size:20px; }
.seal-red { right:5px; top:82px; color:#fff; background:var(--red); transform:rotate(10deg); border:8px solid #fff; }
.seal-green { left:1px; bottom:72px; width:116px; height:116px; color:#fff; background:var(--green-dark); transform:rotate(-10deg); border:7px solid #fff; }
.hero-swoosh { position:absolute; width:410px; right:-8px; bottom:9px; overflow:visible; }
.hero-swoosh path { fill:none; stroke:var(--gold); stroke-width:9; stroke-linecap:round; }
.hero-blob { position:absolute; border-radius:999px; filter:blur(1px); }
.blob-one { width:240px; height:330px; right:-85px; top:110px; background:rgba(201,20,35,.06); transform:rotate(-18deg); }
.blob-two { width:190px; height:190px; left:-70px; top:320px; background:rgba(101,166,84,.08); }

.marquee-wrap { overflow:hidden; background:var(--red); color:#fff; transform:rotate(-1.4deg) scale(1.02); position:relative; z-index:6; box-shadow:0 16px 35px rgba(153,13,24,.18); }
.marquee-track { display:flex; gap:22px; width:max-content; align-items:center; min-height:68px; font-weight:950; letter-spacing:.1em; animation:marquee 26s linear infinite; }
.marquee-track span { font-size:15px; white-space:nowrap; }
.marquee-track b { color:var(--gold); font-size:22px; }
@keyframes marquee { to { transform:translateX(-50%); } }

.section-heading { max-width: 820px; margin-bottom: 54px; }
.section-heading.center { text-align:center; margin-left:auto; margin-right:auto; }
.section-heading.center .eyebrow { justify-content:center; }
h2 { margin-bottom:18px; font-size:clamp(42px,5vw,70px); line-height:.98; letter-spacing:-.052em; font-weight:950; }
.section-heading p { max-width:720px; color:var(--muted); font-size:17px; line-height:1.65; }
.solution-flow { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:stretch; }
.flow-card { position:relative; min-height:430px; padding:34px; overflow:hidden; border-radius:44px 44px 44px 12px; background:#fff; border:1px solid var(--line); box-shadow:0 18px 50px rgba(60,34,17,.06); transition:transform .3s ease, box-shadow .3s ease; }
.flow-card:nth-child(2) { border-radius:44px 12px 44px 44px; }
.flow-card:nth-child(3) { border-radius:12px 44px 44px 44px; }
.flow-card:hover { transform:translateY(-9px) rotate(-.4deg); box-shadow:var(--shadow); }
.flow-card.standout { background:var(--cream); }
.flow-number { position:absolute; top:28px; right:28px; font-family:Georgia,serif; font-style:italic; font-weight:700; color:rgba(201,20,35,.2); font-size:32px; }
.flow-icon { width:112px; height:112px; margin:12px 0 42px; position:relative; border-radius:40% 60% 60% 40% / 45% 45% 55% 55%; background:rgba(201,20,35,.08); }
.flow-icon::before,.flow-icon::after,.flow-icon i { content:""; position:absolute; }
.shape-store::before { width:58px;height:45px;left:27px;top:43px;background:var(--red);border-radius:7px 7px 12px 12px; }
.shape-store::after { width:68px;height:13px;left:22px;top:30px;background:var(--gold);border-radius:6px;box-shadow:0 -8px 0 -2px var(--red); }
.shape-store i { width:15px;height:25px;left:48px;top:63px;background:#fff;border-radius:4px 4px 0 0; }
.shape-box::before { width:61px;height:53px;left:26px;top:35px;background:var(--red);clip-path:polygon(50% 0,100% 21%,100% 78%,50% 100%,0 78%,0 21%); }
.shape-box::after { width:61px;height:2px;left:26px;top:57px;background:rgba(255,255,255,.75);transform:rotate(-21deg); }
.shape-box i { width:2px;height:48px;left:56px;top:39px;background:rgba(255,255,255,.75); }
.shape-party::before { width:52px;height:59px;left:30px;top:32px;background:var(--red);clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:12px; }
.shape-party::after { width:10px;height:10px;left:40px;top:51px;border-radius:50%;background:var(--gold);box-shadow:18px 13px 0 var(--gold),8px 27px 0 var(--gold); }
.shape-party i { width:18px;height:8px;left:48px;top:23px;border-radius:50% 50% 0 0;background:var(--green);transform:rotate(-14deg); }
.flow-card h3 { font-size:29px; margin-bottom:14px; letter-spacing:-.03em; }
.flow-card p { color:var(--muted); line-height:1.65; }
.flow-card a { position:absolute; left:34px; right:34px; bottom:30px; display:flex; align-items:center; justify-content:space-between; padding-top:19px; border-top:1px solid var(--line); color:var(--red); font-size:14px; font-weight:950; }
.flow-card a span { font-size:21px; transition:transform .2s ease; }
.flow-card a:hover span { transform:translate(3px,-3px); }

.audiences { position:relative; overflow:hidden; color:#fff; background:linear-gradient(145deg,var(--red-deep),var(--red) 58%,var(--red-bright)); }
.audiences::before { content:""; position:absolute; width:420px;height:420px;border-radius:50%;left:-160px;top:-170px;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 42px rgba(255,255,255,.03),0 0 0 86px rgba(255,255,255,.02); }
.audience-wave { position:absolute; right:-100px; bottom:-130px; width:520px;height:320px;border:24px solid rgba(239,189,67,.18);border-left-color:transparent;border-top-color:transparent;border-radius:50%;transform:rotate(-10deg); }
.audience-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; }
.audience-copy h2 { color:#fff; }
.audience-copy h2 em { color:var(--gold); }
.audience-copy p { max-width:570px; line-height:1.7; color:rgba(255,255,255,.78); font-size:17px; }
.btn-light { margin-top:18px; background:#fff; color:var(--red); }
.audience-orbit { min-height:560px; position:relative; }
.audience-orbit::before,.audience-orbit::after { content:""; position:absolute; inset:70px; border:1px dashed rgba(255,255,255,.23); border-radius:50%; animation:spin 38s linear infinite; }
.audience-orbit::after { inset:140px; animation-direction:reverse; animation-duration:31s; }
@keyframes spin { to { transform:rotate(360deg); } }
.orbit-center { position:absolute; width:205px;height:205px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;display:grid;place-items:center;padding:30px;box-shadow:0 24px 54px rgba(77,0,8,.32); }
.orbit-center img { width:155px; }
.orbit-card { position:absolute; min-width:165px; padding:16px 18px; border:1px solid rgba(255,255,255,.18); border-radius:18px; background:rgba(255,255,255,.11); backdrop-filter:blur(10px); box-shadow:0 16px 35px rgba(65,0,7,.18); }
.orbit-card strong,.orbit-card small { display:block; }
.orbit-card strong { font-size:15px; }
.orbit-card small { margin-top:5px; color:rgba(255,255,255,.65); font-size:11px; }
.o1{left:4%;top:10%;transform:rotate(-4deg)}.o2{right:2%;top:14%;transform:rotate(5deg)}.o3{right:-1%;bottom:16%;transform:rotate(-4deg)}.o4{left:3%;bottom:12%;transform:rotate(5deg)}.o5{left:52%;top:1%;transform:translateX(-50%) rotate(2deg)}

.reasons { background:var(--paper); }
.reason-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:start; }
.reason-title { position:sticky; top:130px; }
.reason-title h2 { font-size:clamp(42px,4.8vw,67px); }
.reason-list { border-top:1px solid var(--line); }
.reason-item { display:grid; grid-template-columns:66px 1fr; gap:22px; padding:34px 0; border-bottom:1px solid var(--line); }
.reason-item > span { width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--red);font:700 italic 18px Georgia,serif; }
.reason-item h3 { font-size:24px; margin-bottom:10px; letter-spacing:-.02em; }
.reason-item p { color:var(--muted); line-height:1.6; margin-bottom:0; }

.process { background:linear-gradient(180deg,#fff 0%,#fff8eb 100%); }
.process-line { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-radius:42px; overflow:hidden; border:1px solid var(--line); background:#fff; box-shadow:0 22px 60px rgba(61,32,15,.07); }
.process-line article { padding:42px 34px 39px; position:relative; min-height:275px; }
.process-line article + article { border-left:1px solid var(--line); }
.process-line span { width:58px;height:58px;border-radius:18px 18px 18px 4px;background:var(--red);color:#fff;display:grid;place-items:center;font:700 italic 22px Georgia,serif;margin-bottom:44px;box-shadow:0 12px 24px rgba(201,20,35,.18); }
.process-line article:nth-child(2) span { background:var(--green-dark); }
.process-line article:nth-child(3) span { background:var(--gold); color:var(--red-deep); }
.process-line h3 { font-size:24px; margin-bottom:10px; }
.process-line p { margin:0;color:var(--muted);line-height:1.6; }

.contact { background:#201915; padding-top:96px; padding-bottom:96px; }
.contact-shell { position:relative; overflow:hidden; display:grid; grid-template-columns:.92fr 1.08fr; gap:65px; padding:72px; border-radius:56px 56px 18px 56px; color:#fff; background:
  radial-gradient(circle at 10% 20%, rgba(239,189,67,.20), transparent 25%),
  radial-gradient(circle at 86% 92%, rgba(101,166,84,.19), transparent 28%),
  linear-gradient(140deg,var(--red-deep),var(--red) 56%,#b20f1c);
  box-shadow:0 32px 80px rgba(0,0,0,.27);
}
.contact-shell::before { content:""; position:absolute; right:-80px; top:-90px; width:340px;height:340px;border-radius:50%;border:1px solid rgba(255,255,255,.13);box-shadow:0 0 0 40px rgba(255,255,255,.03),0 0 0 86px rgba(255,255,255,.02); }
.contact-copy,.lead-form { position:relative;z-index:2; }
.contact-copy h2 { color:#fff; }
.contact-copy h2 em { color:var(--gold); }
.contact-copy > p { color:rgba(255,255,255,.74);line-height:1.7;max-width:530px; }
.contact-links { display:grid;gap:10px;margin-top:35px; }
.contact-links a { display:flex;align-items:center;gap:13px;padding:12px 0; }
.contact-icon { width:43px;height:43px;border-radius:14px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-weight:900;color:var(--gold); }
.contact-links small,.contact-links strong { display:block; }
.contact-links small { color:rgba(255,255,255,.58);font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;margin-bottom:3px; }
.contact-links strong { font-size:15px; }
.lead-form { padding:30px; border-radius:32px; background:#fff; color:var(--ink); box-shadow:0 25px 60px rgba(61,0,7,.25); }
.field-row { display:grid;grid-template-columns:1fr 1fr;gap:13px; }
.lead-form label { display:block;font-size:12px;font-weight:900;margin-bottom:14px;color:#5e5149; }
.lead-form input,.lead-form select,.lead-form textarea { width:100%;margin-top:7px;border:1px solid #e8e0d9;background:#fffaf2;border-radius:15px;padding:14px 15px;outline:none;color:var(--ink);transition:border-color .2s,box-shadow .2s,background .2s; }
.lead-form input,.lead-form select { min-height:51px; }
.lead-form textarea { resize:vertical;min-height:116px; }
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus { background:#fff;border-color:rgba(201,20,35,.45);box-shadow:0 0 0 4px rgba(201,20,35,.08); }
.btn-form { width:100%;margin-top:5px;color:#fff;background:linear-gradient(135deg,var(--red-bright),var(--red-dark)); }
.form-note { text-align:center;font-size:10px;color:#8e8177;margin:12px 0 0; }

.whatsapp-float { position:fixed;z-index:35;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#2aaa59;color:#fff;box-shadow:0 17px 35px rgba(22,96,46,.28);transition:transform .2s ease; }
.whatsapp-float:hover { transform:translateY(-4px) scale(1.04); }
.whatsapp-float svg { width:29px;fill:#fff; }
.wa-ring { position:absolute;inset:-6px;border:1px solid rgba(42,170,89,.45);border-radius:50%;animation:pulse 2s ease-out infinite; }
@keyframes pulse { 0%{transform:scale(.9);opacity:0}40%{opacity:1}100%{transform:scale(1.26);opacity:0} }

footer { background:#201915;color:#fff;padding:58px 0 24px; }
.footer-grid { display:grid;grid-template-columns:1.4fr .7fr 1fr .5fr;gap:40px;align-items:start; }
.footer-brand img { width:160px;background:#fff;border-radius:18px;padding:4px 8px;margin-bottom:14px; }
.footer-brand p,footer p { margin:0;color:rgba(255,255,255,.58);line-height:1.6;font-size:13px; }
footer small { display:block;color:var(--gold);font-size:10px;letter-spacing:.15em;font-weight:900;margin-bottom:13px; }
footer a { display:block;font-size:14px;font-weight:800;margin:8px 0; }
.footer-top { text-align:right; }
.footer-bottom { display:flex;justify-content:space-between;gap:20px;margin-top:45px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:10px;color:rgba(255,255,255,.42); }

.reveal { opacity:0; transform:translateY(24px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
.reveal.in { opacity:1; transform:none; }
.delay-1 { transition-delay:.10s; }
.delay-2 { transition-delay:.18s; }

@media (max-width: 1060px) {
  .nav-shell { grid-template-columns:150px 1fr auto; }
  .main-nav { gap:18px; }
  .hero-grid { grid-template-columns:1fr 1fr; gap:20px; }
  .hero-visual { transform:scale(.92); transform-origin:center; }
  .contact-shell { padding:55px 48px;gap:42px; }
}

@media (max-width: 880px) {
  .section-pad { padding:86px 0; }
  .site-header { top:8px; }
  .nav-shell { min-height:68px; grid-template-columns:1fr auto; padding:6px 8px 6px 14px; }
  .brand img { width:125px;height:50px; }
  .menu-toggle { display:block; }
  .nav-cta { display:none; }
  .main-nav { position:fixed;top:84px;left:20px;right:20px;display:grid;gap:0;padding:16px;border-radius:24px;background:#fff;box-shadow:0 20px 60px rgba(50,20,15,.18);transform:translateY(-15px) scale(.98);opacity:0;pointer-events:none;transition:.25s ease; }
  .main-nav.open { transform:none;opacity:1;pointer-events:auto; }
  .main-nav a { padding:15px;border-bottom:1px solid var(--line);font-size:15px; }
  .main-nav a:last-child { border-bottom:0; }
  .main-nav a::after { display:none; }
  .hero { padding-top:130px; min-height:auto; }
  .hero-grid { grid-template-columns:1fr; }
  .hero-copy { text-align:center; }
  .hero-copy .eyebrow,.hero-actions,.hero-tags { justify-content:center; }
  .hero-lead,.hero-sub,h1 { margin-left:auto;margin-right:auto; }
  .hero-visual { max-width:560px;width:100%;margin:4px auto 0; }
  .solution-flow { grid-template-columns:1fr; }
  .flow-card { min-height:350px; }
  .audience-grid,.reason-grid,.contact-shell { grid-template-columns:1fr; }
  .reason-grid { gap:42px; }
  .reason-title { position:static; }
  .audience-copy { text-align:center; }
  .audience-copy .eyebrow { justify-content:center; }
  .audience-copy p { margin-left:auto;margin-right:auto; }
  .audience-orbit { max-width:640px;width:100%;margin:0 auto; }
  .process-line { grid-template-columns:1fr; }
  .process-line article + article { border-left:0;border-top:1px solid var(--line); }
  .process-line article { min-height:auto; }
  .contact-shell { border-radius:42px 42px 14px 42px;padding:48px 38px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-top { text-align:left; }
}

@media (max-width: 600px) {
  .container { width:min(calc(100% - 24px),var(--container)); }
  .section-pad { padding:72px 0; }
  .hero { padding-top:112px; }
  h1 { font-size:clamp(48px,15vw,67px); }
  h2 { font-size:clamp(39px,12vw,55px); }
  .hero-lead { font-size:17px; }
  .hero-actions { display:grid;grid-template-columns:1fr;width:100%; }
  .btn { width:100%; }
  .hero-visual { height:430px; transform:scale(.82); margin-top:-30px; margin-bottom:-42px; }
  .plate { width:430px;height:430px; }
  .seal-red { right:-24px; }
  .seal-green { left:-18px; }
  .solution-flow { gap:12px; }
  .flow-card { padding:28px;border-radius:34px 34px 34px 10px; }
  .flow-card a { left:28px;right:28px; }
  .audience-orbit { min-height:500px;transform:scale(.93); }
  .orbit-center { width:170px;height:170px; }
  .orbit-card { min-width:138px;padding:13px 14px; }
  .o1{left:0}.o2{right:0}.o3{right:0}.o4{left:0}.o5{top:3%}
  .reason-item { grid-template-columns:52px 1fr;gap:14px; }
  .process-line article { padding:31px 27px; }
  .process-line span { margin-bottom:28px; }
  .contact { padding-top:65px;padding-bottom:65px; }
  .contact-shell { padding:36px 20px;border-radius:34px 34px 12px 34px;gap:34px; }
  .lead-form { padding:21px;border-radius:25px; }
  .field-row { grid-template-columns:1fr;gap:0; }
  .contact-links strong { font-size:13px; }
  .footer-grid { grid-template-columns:1fr;gap:26px; }
  .footer-bottom { flex-direction:column; }
  .whatsapp-float { right:14px;bottom:14px;width:56px;height:56px; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.001ms !important; }
  .reveal { opacity:1;transform:none; }
}
