:root {
  --ink:#0b0d0b;
  --ink-soft:#141814;
  --lime:#caff3d;
  --cream:#f3f0e3;
  --paper:#f7f5ef;
  --cobalt:#1646d8;
  --blue-soft:#dfe7ff;
  --muted:#aeb4a7;
  --line-dark:rgba(243,240,227,.16);
  --line-light:#d4d7ce;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--ink); color:var(--cream); font-family:Arial,Helvetica,sans-serif; }
body,button { -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,a { -webkit-tap-highlight-color:transparent; }
button { font:inherit; }
img { max-width:100%; }

.site-header { min-height:90px; padding:22px 5vw; position:absolute; z-index:20; top:0; left:0; right:0; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:30px; border-bottom:1px solid var(--line-dark); }
.site-logo { width:170px; display:block; }
.site-logo img { width:100%; display:block; }
.site-header nav { display:flex; align-items:center; gap:34px; color:#c2c8bd; font-size:13px; font-weight:700; }
.site-header nav a { transition:color .2s ease; }
.site-header nav a:hover { color:var(--lime); }
.header-cta { justify-self:end; display:inline-flex; align-items:center; gap:16px; padding:12px 18px; border:1px solid rgba(255,255,255,.32); border-radius:999px; color:white; font-size:13px; font-weight:800; transition:.25s ease; }
.header-cta span { color:var(--lime); font-size:18px; }
.header-cta:hover { color:var(--ink); background:var(--lime); border-color:var(--lime); }
.header-cta:hover span { color:var(--ink); }

.hero { min-height:900px; padding:160px 5vw 70px; position:relative; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr); gap:6vw; align-items:center; overflow:hidden; background:radial-gradient(circle at 78% 42%,rgba(22,70,216,.22),transparent 34%),var(--ink); }
.hero:after { content:"VENDE"; position:absolute; z-index:0; left:-.04em; bottom:-.18em; color:rgba(255,255,255,.025); font-size:30vw; font-weight:900; line-height:1; letter-spacing:-.12em; pointer-events:none; }
.hero-glow { width:580px; height:580px; position:absolute; top:15%; right:3%; border-radius:50%; background:rgba(202,255,61,.07); filter:blur(110px); pointer-events:none; }
.hero-copy,.hero-demo { position:relative; z-index:2; }
.eyebrow,.section-kicker { margin:0 0 25px; display:flex; align-items:center; gap:12px; color:var(--cobalt); font-size:12px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.eyebrow { color:var(--lime); }
.eyebrow span { width:34px; height:1px; background:currentColor; }
.hero h1 { max-width:970px; margin:0; color:white; font-size:clamp(64px,6.5vw,122px); line-height:.84; letter-spacing:-.075em; }
.hero h1 em { display:block; margin-top:.12em; color:var(--lime); font-family:Georgia,serif; font-weight:400; }
.hero-lead { max-width:740px; margin:35px 0 0; color:#bdc4b7; font-size:clamp(19px,1.45vw,24px); line-height:1.55; }
.hero-actions { margin-top:36px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.button { min-height:58px; padding:16px 22px 16px 26px; display:inline-flex; align-items:center; justify-content:space-between; gap:30px; border-radius:999px; font-size:15px; font-weight:900; transition:transform .25s ease,box-shadow .25s ease,background .25s ease; }
.button span { font-size:20px; transition:transform .25s ease; }
.button:hover { transform:translateY(-3px); }
.button:hover span { transform:translate(3px,-3px); }
.button-primary { background:var(--lime); color:var(--ink); box-shadow:0 18px 50px rgba(202,255,61,.12); }
.button-primary:hover { box-shadow:0 20px 55px rgba(202,255,61,.25); }
.button-ghost { border:1px solid rgba(255,255,255,.24); color:#d8ddd3; }
.button-ghost:hover { background:rgba(255,255,255,.08); }
.button-dark { margin-top:28px; background:var(--ink); color:white; }
.hero-proof { margin-top:58px; max-width:880px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line-dark); }
.hero-proof div { padding:22px 22px 0 0; display:grid; gap:6px; }
.hero-proof div+div { padding-left:22px; border-left:1px solid var(--line-dark); }
.hero-proof strong { color:white; font-size:18px; }
.hero-proof span { color:#8f978b; font-size:13px; line-height:1.35; }

.hero-demo { min-height:650px; display:grid; place-items:center; }
.orbit { position:absolute; border:1px solid rgba(202,255,61,.16); border-radius:50%; animation:orbit-pulse 5s ease-in-out infinite; }
.orbit-one { width:590px; height:590px; }
.orbit-two { width:720px; height:720px; animation-delay:.8s; }
.phone { width:min(390px,78vw); position:relative; z-index:3; overflow:hidden; border:8px solid #222722; border-radius:42px; background:#efece2; box-shadow:0 50px 100px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.14); transform:rotate(2deg); }
.phone:before { content:""; width:110px; height:23px; position:absolute; z-index:4; top:0; left:50%; transform:translateX(-50%); border-radius:0 0 16px 16px; background:#222722; }
.phone-top { min-height:84px; padding:23px 18px 12px; display:grid; grid-template-columns:44px 1fr auto; gap:11px; align-items:center; background:#1d462f; color:white; }
.avatar { width:44px; height:44px; display:grid; place-items:center; border-radius:50%; background:var(--lime); color:var(--ink); font-weight:900; }
.phone-top strong,.phone-top span { display:block; }
.phone-top strong { font-size:14px; }
.phone-top span { margin-top:3px; color:#c8d8cc; font-size:11px; }
.phone-top span i { width:6px; height:6px; display:inline-block; margin-right:4px; border-radius:50%; background:var(--lime); }
.phone-top b { letter-spacing:2px; }
.chat { min-height:450px; padding:24px 14px 18px; display:flex; flex-direction:column; gap:11px; background-color:#e9e5db; background-image:radial-gradient(rgba(38,69,48,.07) 1px,transparent 1px); background-size:18px 18px; }
.message { max-width:86%; padding:10px 12px; border-radius:10px; color:#20241f; font-size:13px; line-height:1.42; box-shadow:0 2px 3px rgba(0,0,0,.07); opacity:0; animation:message-in .5s ease forwards; }
.lead-message { align-self:flex-start; border-top-left-radius:2px; background:white; }
.seller-message { align-self:flex-end; border-top-right-radius:2px; background:#d8ffc6; }
.chat .message:nth-child(2) { animation-delay:.7s; }
.chat .message:nth-child(4) { animation-delay:1.6s; }
.chat .message:nth-child(5) { animation-delay:2.2s; }
.system-pill { align-self:center; padding:7px 11px; border:1px solid #c7cec3; border-radius:999px; background:rgba(255,255,255,.74); color:#5a6258; font-size:10px; font-weight:800; opacity:0; animation:message-in .5s 1.25s ease forwards; }
.system-pill span { color:#168b55; }
.system-pill.accent { color:#153e22; border-color:#b9e59f; background:#ebffe2; animation-delay:2.9s; }
.composer { min-height:58px; padding:10px 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:#f6f4ee; }
.composer span { flex:1; padding:10px 14px; border-radius:999px; background:white; color:#9ca198; font-size:11px; }
.composer b { width:37px; height:37px; display:grid; place-items:center; border-radius:50%; background:#1d8b54; color:white; font-size:14px; }
.demo-card { position:absolute; z-index:4; min-width:180px; padding:15px 17px; display:grid; gap:4px; border:1px solid rgba(255,255,255,.18); border-radius:14px; background:rgba(18,24,19,.9); backdrop-filter:blur(10px); box-shadow:0 18px 40px rgba(0,0,0,.25); }
.demo-card span { color:#9ca49a; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.demo-card strong { color:white; font-size:14px; }
.demo-card-top { top:13%; right:-1%; animation:float 4s ease-in-out infinite; }
.demo-card-bottom { left:-5%; bottom:15%; animation:float 4s .8s ease-in-out infinite; }

.ticker { height:68px; overflow:hidden; display:flex; align-items:center; background:var(--lime); color:var(--ink); white-space:nowrap; font-size:14px; font-weight:900; letter-spacing:.14em; }
.ticker-track { width:max-content; display:flex; animation:ticker 25s linear infinite; }
.ticker-track>div { flex:0 0 auto; }
.ticker span { margin:0 24px; }

.section-light { padding:120px 5vw; background:var(--paper); color:var(--ink); }
.section-heading h2,.ownership h2,.journey h2,.connected h2,.use-cases h2,.faq h2,.final-cta h2 { margin:0; font-size:clamp(48px,5.6vw,94px); line-height:.92; letter-spacing:-.07em; }
.section-heading h2 em,.ownership h2 em,.journey h2 em,.connected h2 em,.use-cases h2 em,.faq h2 em,.final-cta h2 em { color:var(--cobalt); font-family:Georgia,serif; font-weight:400; }
.section-heading.compact h2 { max-width:1250px; font-size:clamp(48px,5vw,82px); }
.problem-grid { margin-top:78px; display:grid; grid-template-columns:.8fr 1.2fr; gap:9vw; }
.problem-intro { align-self:start; position:sticky; top:40px; }
.problem-intro p { max-width:550px; margin:0 0 20px; color:#4e564c; font-size:19px; line-height:1.65; }
.text-link { margin-top:18px; display:inline-flex; align-items:center; gap:14px; padding-bottom:6px; color:var(--cobalt); border-bottom:1px solid currentColor; font-weight:900; }
.text-link span { font-size:19px; }
.problem-visual { aspect-ratio:4/5; margin:42px 0 0; position:relative; overflow:hidden; border-radius:24px; background:#182019; box-shadow:0 28px 65px rgba(22,33,18,.16); }
.problem-visual:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(7,11,8,.8)); pointer-events:none; }
.problem-visual img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .7s ease; }
.problem-visual:hover img { transform:scale(1.025); }
.problem-visual figcaption { position:absolute; z-index:2; left:24px; right:24px; bottom:22px; display:flex; align-items:center; gap:13px; color:white; }
.problem-visual figcaption strong { padding:9px 11px; border-radius:999px; background:var(--lime); color:var(--ink); font-size:12px; letter-spacing:.03em; }
.problem-visual figcaption span { max-width:230px; font-size:13px; font-weight:800; line-height:1.35; }
.benefit-list { border-top:1px solid var(--line-light); }
.benefit-list article { min-height:190px; padding:32px 0; display:grid; grid-template-columns:70px 1fr; gap:22px; align-items:start; border-bottom:1px solid var(--line-light); }
.benefit-list article>span { width:46px; height:46px; display:grid; place-items:center; border-radius:50%; background:var(--cobalt); color:white; font-size:12px; font-weight:900; }
.benefit-list h3 { margin:1px 0 12px; font-size:29px; letter-spacing:-.045em; }
.benefit-list p { max-width:620px; margin:0; color:#565e53; font-size:17px; line-height:1.55; }

.ownership { padding:120px 5vw; display:grid; grid-template-columns:1fr 1fr; gap:9vw; align-items:center; background:var(--cobalt); color:white; position:relative; overflow:hidden; }
.ownership:after { content:"SEU"; position:absolute; right:-.06em; bottom:-.18em; color:rgba(255,255,255,.045); font-size:32vw; font-weight:900; letter-spacing:-.12em; line-height:1; }
.ownership-copy,.name-studio { position:relative; z-index:2; }
.section-kicker.light { color:var(--lime); }
.ownership h2 em { color:var(--lime); }
.ownership-copy>p:not(.section-kicker) { max-width:650px; margin:30px 0; color:#d6def9; font-size:20px; line-height:1.65; }
.ownership ul { padding:0; margin:35px 0 0; list-style:none; display:grid; gap:15px; }
.ownership li { display:flex; align-items:center; gap:13px; font-size:16px; font-weight:800; }
.ownership li span { width:27px; height:27px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:var(--lime); color:var(--cobalt); font-size:13px; }
.name-studio { padding:38px; border:1px solid rgba(255,255,255,.28); border-radius:24px; background:rgba(8,25,112,.23); box-shadow:0 34px 80px rgba(3,17,92,.25); }
.name-studio>p { margin:0 0 22px; color:#d6def9; font-size:14px; font-weight:800; }
.name-options { display:flex; flex-wrap:wrap; gap:9px; }
.name-options button { padding:11px 16px; border:1px solid rgba(255,255,255,.28); border-radius:999px; background:transparent; color:#e9edff; cursor:pointer; font-size:13px; font-weight:800; transition:.2s ease; }
.name-options button:hover,.name-options button.is-active { border-color:var(--lime); background:var(--lime); color:var(--ink); }
.identity-card { margin:34px 0 22px; padding:23px; display:grid; grid-template-columns:66px 1fr auto; gap:18px; align-items:center; border-radius:17px; background:white; color:var(--ink); box-shadow:0 24px 45px rgba(2,12,70,.2); }
.identity-avatar { width:66px; height:66px; display:grid; place-items:center; border-radius:50%; background:var(--lime); color:var(--cobalt); font-size:25px; font-weight:900; }
.identity-card span,.identity-card strong,.identity-card small { display:block; }
.identity-card span { margin-bottom:5px; color:#7b8278; font-size:10px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.identity-card strong { font-size:28px; letter-spacing:-.05em; }
.identity-card small { margin-top:5px; color:#5e665c; font-size:12px; }
.identity-card>i { width:31px; height:31px; display:grid; place-items:center; border-radius:50%; background:var(--cobalt); color:white; font-style:normal; }
.studio-note { display:block; color:#cbd4f2; font-size:12px; line-height:1.5; }

.comparison { padding-top:130px; }
.comparison-grid { margin-top:75px; display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.compare-card { min-height:590px; padding:48px; border-radius:24px; }
.compare-card.traditional { border:1px solid var(--line-light); background:#efeee8; color:#2f352e; }
.compare-card.ai-card { background:var(--lime); color:var(--ink); box-shadow:0 30px 70px rgba(40,53,22,.13); }
.compare-label { display:inline-block; margin-bottom:46px; padding:9px 12px; border:1px solid currentColor; border-radius:999px; font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.compare-card h3 { margin:0; font-size:clamp(34px,3vw,52px); letter-spacing:-.06em; }
.compare-card ul { margin:40px 0 0; padding:0; list-style:none; display:grid; gap:0; }
.compare-card li { padding:17px 0; display:flex; gap:15px; align-items:center; border-top:1px solid rgba(20,27,18,.18); font-size:17px; font-weight:800; }
.compare-card li span { font-size:20px; }
.traditional li span { color:#9b5149; }
.comparison-note { max-width:780px; margin:26px 0 0 auto; color:#70776e; font-size:12px; line-height:1.5; text-align:right; }

.journey { padding:120px 5vw 140px; background:var(--ink); color:white; }
.journey-heading { display:grid; grid-template-columns:1.4fr .6fr; gap:7vw; align-items:end; }
.journey-heading .section-kicker { grid-column:1/-1; }
.journey h2 em { color:var(--lime); }
.journey-heading>p:last-child { margin:0 0 6px; color:#aeb5aa; font-size:18px; line-height:1.65; }
.journey-track { margin-top:80px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line-dark); }
.journey-track article { min-height:350px; padding:26px 28px 30px; position:relative; border-right:1px solid var(--line-dark); }
.journey-track article:first-child { border-left:1px solid var(--line-dark); }
.journey-track article>span { color:#717970; font-size:11px; font-weight:900; letter-spacing:.1em; }
.step-icon { width:76px; height:76px; margin:48px 0 35px; display:grid; place-items:center; border:1px solid rgba(202,255,61,.42); border-radius:24px; background:rgba(202,255,61,.06); color:var(--lime); font:italic 700 25px Georgia,serif; }
.journey-track h3 { margin:0 0 14px; font-size:23px; letter-spacing:-.04em; }
.journey-track p { margin:0; color:#aeb5aa; font-size:15px; line-height:1.55; }

.connected { display:grid; grid-template-columns:.9fr 1.1fr; gap:7vw; align-items:center; }
.connected h2 { font-size:clamp(48px,5vw,80px); }
.connected-copy>p:not(.section-kicker) { max-width:620px; margin:28px 0 0; color:#596157; font-size:18px; line-height:1.65; }
.connected-emphasis { padding-left:18px; border-left:4px solid var(--lime); color:var(--ink)!important; font-weight:800; }
.connection-map { min-height:570px; position:relative; }
.connection-center { width:190px; height:190px; position:absolute; z-index:3; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; place-content:center; border-radius:50%; background:var(--cobalt); color:white; text-align:center; box-shadow:0 30px 65px rgba(22,70,216,.25); }
.connection-center span,.connection-center small { color:#cdd7ff; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.connection-center strong { margin:6px 0; font-size:25px; letter-spacing:-.05em; }
.connection-node { min-width:120px; padding:13px 16px; position:absolute; z-index:3; display:flex; align-items:center; gap:10px; border:1px solid var(--line-light); border-radius:999px; background:white; box-shadow:0 18px 38px rgba(33,42,29,.09); color:#31382f; font-size:13px; font-weight:900; }
.connection-node i { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:var(--lime); color:var(--cobalt); font-style:normal; }
.node-site { top:8%; left:5%; }
.node-crm { top:8%; right:3%; }
.node-stock { top:45%; left:0; }
.node-calendar { top:45%; right:0; }
.node-orders { bottom:2%; left:50%; transform:translateX(-50%); }
.connection-map svg { width:100%; height:100%; position:absolute; inset:0; overflow:visible; }
.connection-map path { fill:none; stroke:#bfc4b9; stroke-width:1.5; stroke-dasharray:6 7; animation:dash 18s linear infinite; }

.use-cases { padding:125px 5vw; background:var(--cobalt); color:white; }
.use-cases h2 em { color:var(--lime); }
.case-grid { margin-top:75px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.case-grid article { min-height:470px; overflow:hidden; display:flex; flex-direction:column; border:1px solid rgba(255,255,255,.28); border-radius:18px; background:rgba(7,24,118,.17); transition:transform .25s ease,background .25s ease; }
.case-grid article:hover { transform:translateY(-7px); background:rgba(7,24,118,.3); }
.case-grid article.featured { background:var(--lime); color:var(--ink); border-color:var(--lime); }
.case-photo { aspect-ratio:4/3; margin:0; overflow:hidden; flex:0 0 auto; background:#0c1c72; }
.case-photo img { width:100%; height:100%; display:block; object-fit:cover; filter:saturate(.92) contrast(1.02); transition:transform .55s ease,filter .55s ease; }
.case-grid article:hover .case-photo img { transform:scale(1.045); filter:saturate(1.05) contrast(1.02); }
.case-body { min-height:235px; padding:25px 28px 29px; display:flex; flex:1; flex-direction:column; }
.case-body>span { color:#b9c7f3; font-size:11px; font-weight:900; }
.case-grid article.featured .case-body>span { color:#4d5a28; }
.case-grid h3 { margin:auto 0 18px; font-size:29px; line-height:1; letter-spacing:-.05em; }
.case-grid p { margin:0; color:#d5ddf7; font-size:15px; line-height:1.55; }
.case-grid .featured p { color:#2f351f; }

.faq { display:grid; grid-template-columns:.72fr 1.28fr; gap:8vw; }
.faq-heading { align-self:start; position:sticky; top:40px; }
.faq h2 { font-size:clamp(52px,5vw,82px); }
.faq-list { border-top:1px solid var(--line-light); }
.faq details { border-bottom:1px solid var(--line-light); }
.faq summary { padding:28px 0; display:flex; justify-content:space-between; align-items:center; gap:20px; cursor:pointer; list-style:none; font-size:20px; font-weight:900; letter-spacing:-.025em; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary span { width:34px; height:34px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; border:1px solid #bfc4ba; font-size:18px; transition:.25s ease; }
.faq details[open] summary span { transform:rotate(45deg); background:var(--lime); border-color:var(--lime); }
.faq details p { max-width:780px; margin:-4px 50px 30px 0; color:#596157; font-size:17px; line-height:1.65; }

.final-cta { min-height:800px; padding:120px 5vw; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; background:var(--ink); color:white; text-align:center; }
.final-cta:before { content:"24/7"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:rgba(255,255,255,.025); font-size:29vw; font-weight:900; letter-spacing:-.11em; white-space:nowrap; }
.final-orbit { width:670px; height:670px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border:1px solid rgba(202,255,61,.14); border-radius:50%; box-shadow:0 0 130px rgba(22,70,216,.18) inset; }
.final-cta>*:not(.final-orbit) { position:relative; z-index:2; }
.final-cta h2 { max-width:1200px; }
.final-cta h2 em { display:block; color:var(--lime); }
.final-cta>p:not(.section-kicker) { max-width:720px; margin:30px auto 34px; color:#aeb5aa; font-size:19px; line-height:1.65; }
.final-cta>small { margin-top:18px; color:#747c72; font-size:11px; text-transform:uppercase; letter-spacing:.09em; }

.site-footer { min-height:170px; padding:34px 5vw; display:grid; grid-template-columns:.7fr 1fr 1fr auto; gap:36px; align-items:center; border-top:1px solid var(--line-dark); color:#8e968a; font-size:13px; }
.site-footer>a { width:145px; }
.site-footer>a img { width:100%; display:block; }
.site-footer p { max-width:360px; line-height:1.5; }
.site-footer div { display:flex; flex-wrap:wrap; gap:18px; }
.site-footer div a { color:#c6cbc1; font-weight:700; }
.whatsapp-float { position:fixed; z-index:25; right:24px; bottom:24px; display:flex; align-items:center; gap:12px; color:white; filter:drop-shadow(0 14px 28px rgba(0,0,0,.3)); }
.whatsapp-float>span { padding:11px 14px; border-radius:10px; background:#172019; font-size:12px; font-weight:900; opacity:0; transform:translateX(10px); transition:opacity .2s ease,transform .2s ease; }
.whatsapp-float svg { width:62px; height:62px; padding:14px; overflow:visible; border-radius:50%; background:#25d366; fill:white; transition:transform .25s ease,box-shadow .25s ease; }
.whatsapp-float:hover>span { opacity:1; transform:none; }
.whatsapp-float:hover svg { transform:translateY(-4px) scale(1.04); box-shadow:0 18px 36px rgba(37,211,102,.3); }
.mobile-cta { display:none; }

.cookie-banner { position:fixed; z-index:30; left:24px; right:24px; bottom:24px; max-width:1040px; margin:0 auto; padding:22px 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; border:1px solid rgba(255,255,255,.2); border-radius:16px; background:rgba(11,13,11,.96); box-shadow:0 18px 60px rgba(0,0,0,.35); color:var(--cream); }
.cookie-banner[hidden] { display:none; }
.cookie-banner strong { display:block; font-size:18px; }
.cookie-banner p { max-width:600px; margin:7px 0 3px; color:#c3c9bd; font-size:14px; line-height:1.5; }
.cookie-banner a,.cookie-link { color:var(--lime); font-size:13px; font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.cookie-actions,.modal-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
.cookie-actions button,.modal-actions button { font:inherit; cursor:pointer; }
.cookie-link { padding:10px 4px; border:0; background:transparent; }
.cookie-secondary,.cookie-accept { min-height:42px; padding:10px 15px; border-radius:999px; font-size:13px; font-weight:800; }
.cookie-secondary { border:1px solid #596056; background:transparent; color:var(--cream); }
.cookie-accept { border:1px solid var(--lime); background:var(--lime); color:var(--ink); }
.cookie-modal { width:min(600px,calc(100% - 32px)); padding:34px; border:0; border-radius:18px; background:var(--paper); color:var(--ink); box-shadow:0 24px 80px rgba(0,0,0,.42); }
.cookie-modal::backdrop { background:rgba(0,0,0,.62); }
.cookie-modal form { position:absolute; top:14px; right:14px; }
.modal-close { width:34px; height:34px; border:0; border-radius:50%; background:#e2e4dc; color:var(--ink); font-size:23px; line-height:1; cursor:pointer; }
.legal-eyebrow { margin:0 0 14px; color:#5f665b; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.cookie-modal h2 { margin:0; font-size:clamp(34px,5vw,54px); letter-spacing:-.06em; line-height:.95; }
.cookie-modal>p:not(.legal-eyebrow) { margin:20px 0 25px; color:#5e655a; line-height:1.6; }
.cookie-options { border-top:1px solid #d7d9d1; }
.cookie-options label { padding:17px 0; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid #d7d9d1; }
.cookie-options strong,.cookie-options small { display:block; }
.cookie-options small { max-width:390px; margin-top:4px; color:#646b60; font-size:13px; line-height:1.4; }
.cookie-options input { width:20px; height:20px; accent-color:var(--cobalt); }
.modal-actions { margin-top:24px; }

.reveal { opacity:0; transform:translateY(24px); transition:opacity .7s ease,transform .7s ease; }
.reveal.is-visible { opacity:1; transform:none; }

@keyframes ticker { to { transform:translateX(-50%); } }
@keyframes orbit-pulse { 50% { transform:scale(1.035); opacity:.55; } }
@keyframes float { 50% { transform:translateY(-10px); } }
@keyframes message-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@keyframes dash { to { stroke-dashoffset:-180; } }

@media (max-width:1100px) {
  .site-header { grid-template-columns:1fr auto; }
  .site-header nav { display:none; }
  .hero { grid-template-columns:1fr; padding-top:160px; }
  .hero-copy { max-width:1000px; }
  .hero-demo { min-height:720px; }
  .demo-card-top { right:10%; }
  .demo-card-bottom { left:10%; }
  .case-grid { grid-template-columns:repeat(2,1fr); }
  .case-grid article { min-height:450px; }
  .connected { grid-template-columns:1fr; }
  .connection-map { width:min(100%,700px); margin:0 auto; }
  .site-footer { grid-template-columns:1fr 1fr; }
}

@media (max-width:820px) {
  .section-light,.ownership,.journey,.use-cases { padding:88px 24px; }
  .site-header { padding:22px 24px; }
  .site-logo { width:145px; }
  .hero { min-height:auto; padding:145px 24px 75px; }
  .hero h1 { font-size:clamp(55px,12vw,82px); }
  .problem-grid,.ownership,.comparison-grid,.faq { grid-template-columns:1fr; }
  .problem-intro,.faq-heading { position:static; }
  .benefit-list { margin-top:25px; }
  .journey-heading { grid-template-columns:1fr; gap:25px; }
  .journey-heading .section-kicker { grid-column:auto; }
  .journey-track { grid-template-columns:repeat(2,1fr); }
  .journey-track article:nth-child(3) { border-left:1px solid var(--line-dark); border-top:1px solid var(--line-dark); }
  .journey-track article:nth-child(4) { border-top:1px solid var(--line-dark); }
  .comparison-note { text-align:left; }
  .compare-card { min-height:0; }
  .faq-list { margin-top:40px; }
}

@media (max-width:600px) {
  body { padding-bottom:76px; }
  .site-header { min-height:76px; padding:20px; }
  .site-logo { width:132px; }
  .header-cta { padding:10px 13px; font-size:11px; }
  .header-cta span { display:none; }
  .hero { padding:120px 20px 62px; }
  .eyebrow,.section-kicker { margin-bottom:19px; font-size:10px; }
  .hero h1 { font-size:clamp(50px,14.5vw,68px); line-height:.86; }
  .hero-lead { margin-top:25px; font-size:18px; }
  .hero-actions { align-items:stretch; flex-direction:column; }
  .button { width:100%; min-height:56px; }
  .hero-proof { margin-top:40px; grid-template-columns:1fr; }
  .hero-proof div,.hero-proof div+div { padding:16px 0; border-left:0; border-bottom:1px solid var(--line-dark); }
  .hero-proof div:first-child { padding-top:20px; }
  .hero-demo { min-height:620px; margin-top:12px; }
  .phone { width:min(340px,91vw); }
  .orbit-one { width:420px; height:420px; }
  .orbit-two { width:530px; height:530px; }
  .demo-card { min-width:145px; padding:12px; }
  .demo-card-top { right:-4%; top:8%; }
  .demo-card-bottom { left:-3%; bottom:8%; }
  .ticker { height:56px; font-size:11px; }
  .ticker span { margin:0 16px; }
  .section-light,.ownership,.journey,.use-cases { padding:76px 20px; }
  .section-heading h2,.ownership h2,.journey h2,.connected h2,.use-cases h2,.faq h2,.final-cta h2 { font-size:clamp(43px,12.5vw,58px); }
  .problem-grid { margin-top:45px; gap:28px; }
  .problem-intro p { font-size:17px; }
  .problem-visual { margin-top:34px; border-radius:18px; }
  .problem-visual figcaption { left:17px; right:17px; bottom:17px; }
  .benefit-list article { min-height:0; padding:25px 0; grid-template-columns:50px 1fr; gap:13px; }
  .benefit-list article>span { width:39px; height:39px; }
  .benefit-list h3 { font-size:23px; }
  .benefit-list p { font-size:15px; }
  .ownership { gap:52px; }
  .ownership-copy>p:not(.section-kicker) { font-size:18px; }
  .ownership li { align-items:flex-start; }
  .name-studio { padding:24px; border-radius:18px; }
  .identity-card { padding:17px; grid-template-columns:52px 1fr; }
  .identity-avatar { width:52px; height:52px; }
  .identity-card>i { display:none; }
  .identity-card strong { font-size:24px; }
  .comparison { padding-top:82px; }
  .comparison-grid { margin-top:48px; }
  .compare-card { padding:29px 24px; border-radius:18px; }
  .compare-label { margin-bottom:32px; }
  .compare-card li { font-size:15px; }
  .journey-track { margin-top:52px; grid-template-columns:1fr; border-top:0; }
  .journey-track article,.journey-track article:first-child,.journey-track article:nth-child(3),.journey-track article:nth-child(4) { min-height:0; padding:25px 0; display:grid; grid-template-columns:58px 1fr; column-gap:16px; border:0; border-top:1px solid var(--line-dark); }
  .journey-track article>span { grid-column:1/-1; }
  .step-icon { width:52px; height:52px; margin:25px 0 0; grid-row:2/4; font-size:18px; border-radius:16px; }
  .journey-track h3 { margin:24px 0 8px; font-size:21px; }
  .journey-track p { font-size:14px; }
  .connected { gap:40px; }
  .connection-map { min-height:470px; transform:scale(.92); }
  .connection-center { width:150px; height:150px; }
  .connection-center strong { font-size:20px; }
  .connection-node { min-width:104px; padding:9px 11px; font-size:11px; }
  .connection-node i { width:25px; height:25px; }
  .node-site { left:0; }
  .node-crm { right:0; }
  .case-grid { margin-top:48px; grid-template-columns:1fr; }
  .case-grid article { min-height:0; }
  .case-body { min-height:210px; }
  .faq-list { margin-top:40px; }
  .faq summary { padding:24px 0; font-size:17px; }
  .faq details p { margin-right:0; font-size:15px; }
  .final-cta { min-height:720px; padding:90px 20px; }
  .final-cta>p:not(.section-kicker) { font-size:17px; }
  .final-orbit { width:470px; height:470px; }
  .site-footer { padding:40px 20px; grid-template-columns:1fr; gap:20px; }
  .site-footer p { margin:0; }
  .whatsapp-float { display:none; }
  .mobile-cta { min-height:60px; padding:14px 20px; position:fixed; z-index:25; left:10px; right:10px; bottom:10px; display:flex; align-items:center; justify-content:space-between; border-radius:999px; background:#25d366; color:#07140c; box-shadow:0 14px 40px rgba(0,0,0,.35); font-size:14px; font-weight:900; }
  .mobile-cta span { font-size:20px; }
  .cookie-banner { left:10px; right:10px; bottom:80px; padding:18px; display:block; }
  .cookie-actions { margin-top:15px; justify-content:flex-start; }
  .cookie-modal { padding:28px 20px 22px; }
  .cookie-options label { align-items:flex-start; }
  .modal-actions { justify-content:stretch; }
  .modal-actions button { flex:1; }
}

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