*{box-sizing:border-box;margin:0;padding:0}
:root{
  --blue:#263878;
  --blue-2:#182557;
  --navy:#0b1028;
  --navy-2:#111a40;
  --red:#d41f2f;
  --red-2:#ee2a3c;
  --white:#fff;
  --text:#f5f7ff;
  --muted:#9ba5c1;
  --line:rgba(255,255,255,.11);
  --panel:rgba(255,255,255,.055);
  --radius:26px;
  --max:1220px;
}
html{scroll-behavior:smooth}
body{
  font-family:Arial,Helvetica,sans-serif;
  background:
    radial-gradient(circle at 70% 0,#283b7b 0,rgba(40,59,123,.12) 26%,transparent 44%),
    linear-gradient(180deg,#0e1637 0%,#080d20 46%,#070a17 100%);
  color:var(--text);
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
img{max-width:100%}
[hidden]{display:none!important}
.container{width:min(var(--max),calc(100% - 42px));margin:auto}
.site-error{
  position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:999;
  background:#7f1d1d;color:#fff;padding:13px 18px;border-radius:12px;font-size:13px;
}

/* HEADER */
.site-header{
  position:sticky;top:0;z-index:90;
  background:rgba(255,255,255,.97);
  border-bottom:4px solid var(--red);
  box-shadow:0 10px 40px rgba(0,0,0,.18);
}
.header-inner{
  width:min(var(--max),calc(100% - 42px));margin:auto;min-height:132px;
  display:flex;align-items:center;justify-content:space-between;gap:28px;
}
.brand img{width:350px;max-height:108px;object-fit:contain;object-position:left center;display:block}
.main-nav{display:flex;align-items:center;gap:25px;color:var(--blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.main-nav>a:not(.nav-cta):hover{color:var(--red)}
.nav-cta{padding:13px 17px;border-radius:12px;background:var(--blue);color:white!important}
.nav-cta:hover{background:var(--red)}
.menu-button{display:none;border:0;background:var(--blue);color:#fff;width:44px;height:44px;border-radius:12px;font-size:21px}

/* BUTTONS */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;
  padding:0 20px;border-radius:14px;font-size:12px;font-weight:800;
  text-transform:uppercase;letter-spacing:1px;border:1px solid transparent;transition:.25s ease;
}
.btn-primary{background:var(--red);color:#fff}
.btn-primary:hover{transform:translateY(-2px);background:var(--red-2);box-shadow:0 15px 35px rgba(212,31,47,.2)}
.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.055);color:#fff}
.btn-secondary:hover{background:rgba(255,255,255,.11)}
.btn.is-disabled{opacity:.55}
.text-link{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.text-link b{font-size:18px}

/* GENERIC */
.section{padding:92px 0}
.section-alt{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}
.eyebrow{
  display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#c3cae0;
  font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:2.4px;
}
.eyebrow:before{content:"";width:34px;height:4px;background:var(--red);border-radius:10px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}
.section-title{font-size:clamp(38px,5vw,62px);line-height:.98;letter-spacing:-2.8px;max-width:780px}
.section-copy{color:var(--muted);font-size:16px;line-height:1.7;max-width:650px}
.section-head .section-copy{max-width:440px}

/* HERO */
.hero{padding:82px 0 74px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.hero h1{font-size:clamp(52px,7vw,90px);line-height:.91;letter-spacing:-4.5px;max-width:900px}
.hero h1 span{display:block;color:var(--red);margin-top:10px}
.hero-text{font-size:17px;line-height:1.7;color:#b4bdd3;max-width:680px;margin:28px 0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-visual{
  position:relative;min-height:480px;border:1px solid var(--line);border-radius:34px;overflow:hidden;
  background:
    linear-gradient(145deg,rgba(38,56,120,.88),rgba(11,16,40,.96)),
    #111;
  box-shadow:0 35px 80px rgba(0,0,0,.26);
}
.hero-visual:before{
  content:"";position:absolute;width:390px;height:390px;border-radius:50%;
  border:1px solid rgba(255,255,255,.12);right:-80px;top:-100px;
}
.hero-visual:after{
  content:"";position:absolute;width:220px;height:220px;border-radius:50%;
  background:rgba(212,31,47,.15);right:40px;top:40px;filter:blur(2px);
}
.hero-stack{position:absolute;inset:28px;display:flex;flex-direction:column;justify-content:space-between;z-index:2}
.hero-brand{display:flex;align-items:center;gap:12px;font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:#c4cbe0}
.hero-brand i{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(212,31,47,.12)}
.hero-statements{display:grid;gap:10px}
.hero-statement{
  padding:17px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.1);
  background:rgba(7,11,28,.45);backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:space-between;gap:15px;
}
.hero-statement span{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#a8b2cc}
.hero-statement strong{font-size:16px}

/* ABOUT */
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.about-side{
  border:1px solid var(--line);border-radius:22px;padding:26px;background:var(--panel);
}
.about-side span{display:block;color:#7f8aa9;font-size:9px;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:10px}
.about-side strong{font-size:20px;line-height:1.35}

/* SOLUTIONS */
.solutions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.solution-card{
  min-height:390px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative;
  background:linear-gradient(145deg,#1d2c64,#0c122e);transition:.3s ease;
}
.solution-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.25);box-shadow:0 25px 55px rgba(0,0,0,.25)}
.solution-media{position:absolute;inset:0;background-size:cover;background-position:center;transition:.6s ease;opacity:.76}
.solution-card:hover .solution-media{transform:scale(1.04)}
.solution-media:not([style]){background:
  radial-gradient(circle at 80% 10%,rgba(212,31,47,.25),transparent 22%),
  linear-gradient(145deg,#263878,#101a42)}
.solution-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,25,.08),rgba(6,10,25,.2) 42%,rgba(6,10,25,.96) 100%)}
.solution-top,.solution-content{position:absolute;z-index:2;left:26px;right:26px}
.solution-top{top:26px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.solution-number{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(9,14,35,.6);border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:800}
.solution-eyebrow{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;color:#d6dbea}
.solution-content{bottom:26px}
.solution-content h3{font-size:clamp(31px,4vw,46px);line-height:.96;letter-spacing:-2px;margin-bottom:12px}
.solution-content p{max-width:530px;color:#aeb8d0;line-height:1.55;font-size:14px;margin-bottom:20px}

/* PROCESS */
.process-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.process-steps{display:grid;gap:10px}
.process-step{
  display:flex;align-items:center;gap:18px;padding:20px;border:1px solid var(--line);
  border-radius:17px;background:rgba(255,255,255,.035);
}
.process-step span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--red);font-size:10px;font-weight:900}
.process-step strong{font-size:18px}
.process-step:not(:last-child):after{content:"→";margin-left:auto;color:#6f7894;font-size:20px}

/* PROJECTS */
.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.project-card{
  min-height:390px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative;
  background:linear-gradient(145deg,#24366f,#0e1535);transition:.3s ease;
}
.project-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.24)}
.project-media{position:absolute;inset:0;background-size:cover;background-position:center;transition:.5s ease}
.project-media:not([style]){background:
  radial-gradient(circle at 75% 18%,rgba(212,31,47,.28),transparent 20%),
  linear-gradient(145deg,#263878,#0c122e)}
.project-card:hover .project-media{transform:scale(1.035)}
.project-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(5,8,20,.18) 35%,rgba(5,8,20,.96))}
.project-meta{position:absolute;z-index:2;inset:auto 26px 25px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.project-meta>div:first-child>span{display:block;color:#aab4cd;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:8px}
.project-meta h3{font-size:31px;line-height:1;letter-spacing:-1.3px}
.project-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.project-tags span{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);font-size:8px;text-transform:uppercase;letter-spacing:.9px}
.empty-public{
  grid-column:1/-1;min-height:190px;border:1px dashed rgba(255,255,255,.15);border-radius:20px;
  display:grid;place-items:center;text-align:center;color:#7e89a7;padding:25px;
}
.empty-public strong{display:block;color:#d9deeb;margin-bottom:8px;font-size:18px}
.empty-public span{font-size:13px}

/* CLIENTS */
.clients-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.client-logo{
  min-height:105px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.94);
  display:grid;place-items:center;padding:18px;transition:.2s ease;
}
.client-logo:hover{transform:translateY(-3px)}
.client-logo img{max-width:100%;max-height:58px;object-fit:contain;filter:grayscale(1);opacity:.8}
.client-logo:hover img{filter:none;opacity:1}
.logo-fallback{color:var(--blue);font-size:26px;font-weight:900}

/* COMPANIES */
.companies-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.company-card{
  min-height:260px;border:1px solid var(--line);border-radius:21px;padding:22px;background:rgba(255,255,255,.035);
  display:flex;flex-direction:column;
}
.company-logo{height:65px;display:flex;align-items:center;margin-bottom:24px}
.company-logo img{max-height:55px;max-width:150px;object-fit:contain}
.company-mark{width:52px;height:52px;border-radius:14px;background:#fff;color:var(--blue);display:grid;place-items:center;font-weight:900}
.company-card h3{font-size:20px;margin-bottom:8px}
.company-card p{color:var(--muted);font-size:13px;line-height:1.55}
.company-card a{margin-top:auto;padding-top:22px;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:800}

/* CTA */
.contact-panel{
  padding:55px;border-radius:30px;border:1px solid var(--line);position:relative;overflow:hidden;
  background:linear-gradient(135deg,rgba(38,56,120,.72),rgba(9,14,35,.98));
}
.contact-panel:before{content:"";position:absolute;left:0;top:0;width:210px;height:5px;background:var(--red)}
.contact-panel:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-120px;top:-200px;background:rgba(212,31,47,.12)}
.contact-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.contact-panel h2{font-size:clamp(40px,5vw,64px);line-height:.97;letter-spacing:-3px;margin-bottom:18px}
.contact-panel p{color:#b5bed5;line-height:1.7;max-width:610px}
.contact-card{padding:27px;border-radius:21px;background:rgba(7,11,29,.58);border:1px solid var(--line)}
.contact-card small{display:block;color:#8f99b5;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:7px}
.contact-card strong{display:block;font-size:17px;line-height:1.5;margin-bottom:20px}
.contact-card .btn{width:100%}

/* FOOTER */
.site-footer{border-top:1px solid var(--line);background:rgba(0,0,0,.16)}
.footer-inner{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#7e88a5;font-size:11px}
.footer-logo{display:inline-flex;align-items:center;flex:0 0 auto}
.footer-logo img{display:block;width:190px;max-width:34vw;height:auto;object-fit:contain}
.footer-brand{color:white;font-weight:900}.footer-brand span{color:var(--red)}
.footer-links{display:flex;gap:18px}.footer-links a:hover{color:white}

/* PORTFOLIO PAGE */
.page-hero{padding:74px 0 42px}
.page-hero h1{font-size:clamp(48px,7vw,82px);letter-spacing:-4px;line-height:.95}
.page-hero p{color:var(--muted);max-width:620px;line-height:1.7;margin-top:18px}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.filter{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#c2cadc;padding:10px 13px;border-radius:999px;cursor:pointer;font-size:10px;text-transform:uppercase;letter-spacing:.9px;font-weight:800}
.filter.is-active,.filter:hover{background:var(--red);border-color:var(--red);color:#fff}

/* PROJECT PAGE */
.project-hero{padding:62px 0 34px}
.project-hero-grid{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end}
.project-client{display:block;color:#b3bdd4;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:13px}
.project-title{font-size:clamp(48px,7vw,86px);letter-spacing:-4px;line-height:.93}
.project-short{font-size:17px;line-height:1.7;color:var(--muted)}
.project-cover{min-height:600px;border:1px solid var(--line);border-radius:30px;background:
  radial-gradient(circle at 78% 17%,rgba(212,31,47,.25),transparent 20%),
  linear-gradient(145deg,#263878,#0d1432);
  background-size:cover;background-position:center;margin:20px 0 26px;
}
.project-info-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;padding:35px 0 70px}
.project-description{font-size:18px;line-height:1.8;color:#c0c7d8;white-space:pre-line}
.project-side{display:grid;gap:14px;align-content:start}
.project-side-card{padding:20px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.035)}
.project-side-card small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:#7e88a6;margin-bottom:7px}
.project-side-card strong{font-size:14px;line-height:1.5}
.project-categories{display:flex;flex-wrap:wrap;gap:7px}
.project-categories span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.07);font-size:9px;text-transform:uppercase;letter-spacing:.8px}
.project-video-section{padding:0 0 70px}
.project-video-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.project-video-heading span{font-size:9px;text-transform:uppercase;letter-spacing:1.6px;color:#8d98b3;font-weight:800}
.project-video-heading h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.8px}
.project-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:#070b19;box-shadow:0 28px 70px rgba(0,0,0,.25)}
.project-video iframe,.project-video video{display:block;width:100%;height:100%;border:0;object-fit:cover}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:80px}
.gallery-item{border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#10182e}
.gallery-item img{display:block;width:100%;height:460px;object-fit:cover}
.gallery-wide{grid-column:1/-1}.gallery-wide img{height:650px}
.project-not-found{padding:100px 0}.project-not-found span{color:var(--muted)}.project-not-found h1{font-size:55px;margin:12px 0 25px}

@media(max-width:1000px){
  .main-nav{display:none;position:absolute;left:20px;right:20px;top:110px;background:#fff;border-radius:17px;padding:18px;box-shadow:0 20px 50px rgba(0,0,0,.2);flex-direction:column;align-items:stretch}
  .main-nav.is-open{display:flex}
  .main-nav a{padding:10px 4px}
  .menu-button{display:block}
  .header-inner{min-height:112px}
  .brand img{width:280px;max-height:88px}
  .hero-grid,.about-grid,.process-wrap,.contact-grid,.project-hero-grid,.project-info-grid{grid-template-columns:1fr}
  .hero-visual{min-height:360px}
  .companies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clients-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .container,.header-inner{width:min(100% - 28px,var(--max))}
  .header-inner{min-height:96px}.brand img{width:220px;max-height:72px}
  .section{padding:65px 0}.hero{padding:55px 0}
  .hero h1{letter-spacing:-3px}
  .hero-grid{gap:35px}
  .hero-visual{min-height:320px}
  .solutions-grid,.projects-grid,.gallery{grid-template-columns:1fr}
  .solution-card,.project-card{min-height:370px}
  .section-head{display:block}.section-head .section-copy{margin-top:18px}
  .project-meta{display:block}.project-tags{justify-content:flex-start;margin-top:14px}
  .clients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .companies-grid{grid-template-columns:1fr}
  .contact-panel{padding:30px 22px}.contact-grid{gap:30px}
  .footer-inner{padding:28px 0;min-height:auto;flex-direction:column;align-items:flex-start}
  .footer-logo img{width:170px;max-width:70vw}
  .project-cover{min-height:400px}
  .gallery-item img,.gallery-wide img{height:auto;aspect-ratio:4/3}
}


/* PRESENTATION PAGE */
.presentation-header-actions{display:flex;gap:10px;align-items:center}
.presentation-loading{padding:80px 0}
.presentation-hero{padding:62px 0 34px}
.presentation-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}
.presentation-client-lockup{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.presentation-client-logo{
  width:110px;height:76px;border-radius:15px;background:#fff;border:1px solid rgba(255,255,255,.14);
  display:grid;place-items:center;padding:12px;flex:0 0 auto
}
.presentation-client-logo img{width:100%;height:100%;object-fit:contain}
.presentation-client-logo .logo-fallback{font-size:28px}
.presentation-client-lockup span{display:block;color:#9da8c4;font-size:9px;text-transform:uppercase;letter-spacing:1.6px;margin-bottom:5px}
.presentation-client-lockup strong{font-size:19px}
.presentation-hero h1{font-size:clamp(48px,6.5vw,84px);line-height:.93;letter-spacing:-4px}
.presentation-hero p{color:#b1bbd3;font-size:17px;line-height:1.72;margin-top:23px;max-width:720px}
.presentation-banner{
  min-height:440px;border-radius:30px;border:1px solid var(--line);overflow:hidden;
  background:
    radial-gradient(circle at 78% 17%,rgba(212,31,47,.25),transparent 22%),
    linear-gradient(145deg,#263878,#0d1432);
  background-size:cover;background-position:center;
}
.presentation-badge{
  display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;
  border:1px solid var(--line);background:rgba(255,255,255,.04);color:#aeb7cf;
  font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-top:20px
}
.presentation-section{padding:70px 0;border-top:1px solid var(--line)}
.presentation-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
.presentation-section h2{font-size:clamp(34px,4.5vw,56px);line-height:.98;letter-spacing:-2.4px}
.presentation-section .lead{color:var(--muted);line-height:1.7;max-width:660px;margin-top:14px}
.presentation-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.product-card{
  border:1px solid var(--line);border-radius:21px;overflow:hidden;background:rgba(255,255,255,.035);
  display:flex;flex-direction:column
}
.product-image{
  aspect-ratio:4/3;background:
    radial-gradient(circle at 78% 18%,rgba(212,31,47,.18),transparent 24%),
    linear-gradient(145deg,#263878,#101831);
  background-size:cover;background-position:center
}
.product-content{padding:20px;display:flex;flex-direction:column;flex:1}
.product-category{font-size:8px;text-transform:uppercase;letter-spacing:1.4px;color:#7f8aa8;margin-bottom:7px}
.product-content h3{font-size:21px;margin-bottom:9px}
.product-content p{color:#9da7c0;font-size:13px;line-height:1.55}
.product-price{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.product-price small{display:block;color:#77829f;font-size:8px;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:5px}
.product-price strong{font-size:20px}
.product-note{display:block;color:#9ca6be;font-size:10px;margin-top:7px}
.presentation-blocks{display:grid;gap:18px}
.presentation-block{
  border:1px solid var(--line);border-radius:23px;padding:28px;background:rgba(255,255,255,.035);
  display:grid;grid-template-columns:1fr .75fr;gap:35px;align-items:center
}
.presentation-block.no-image{grid-template-columns:1fr}
.presentation-block h3{font-size:31px;line-height:1;letter-spacing:-1.4px;margin-bottom:13px}
.presentation-block p{color:#aab4cc;line-height:1.7;white-space:pre-line}
.presentation-block-media{
  min-height:240px;border-radius:17px;background:linear-gradient(145deg,#263878,#111a3e);
  background-size:cover;background-position:center;border:1px solid var(--line)
}
.presentation-expired{
  min-height:65vh;display:grid;place-items:center;text-align:center;padding:60px 20px
}
.presentation-expired h1{font-size:clamp(40px,6vw,70px);letter-spacing:-3px;margin-bottom:15px}
.presentation-expired p{color:var(--muted);max-width:580px;line-height:1.7;margin:0 auto 25px}
.access-gate{position:fixed;inset:0;z-index:2000;background:#080d20;display:grid;place-items:center;padding:20px}
.access-card{width:min(460px,100%);padding:30px;border:1px solid var(--line);border-radius:22px;background:#111830}
.access-card img{width:220px;max-height:75px;object-fit:contain;background:#fff;border-radius:10px;padding:7px;margin-bottom:24px}
.access-card>span{display:block;color:#8c97b4;font-size:9px;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:8px}
.access-card h1{font-size:31px;margin-bottom:8px}.access-card p{color:#8f99b6;font-size:12px;line-height:1.5;margin-bottom:17px}
.access-card input{width:100%;border:1px solid var(--line);background:#0a1026;color:#fff;border-radius:11px;padding:13px;margin-bottom:10px}
.access-card .btn{width:100%}.access-card small{display:block;color:#ff8b96;margin-top:10px}
.print-only{display:none}

@media(max-width:900px){
  .presentation-hero-grid,.presentation-block{grid-template-columns:1fr}
  .presentation-products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .presentation-header-actions .btn-secondary{display:none}
  .presentation-header-actions .btn-primary{padding:0 12px;font-size:9px}
  .presentation-products{grid-template-columns:1fr}
  .presentation-client-logo{width:90px;height:65px}
  .presentation-banner{min-height:300px}
}
@media print{
  body{background:#fff!important;color:#111!important}
  .site-header,.site-footer,.no-print,.presentation-header-actions,.btn{display:none!important}
  .presentation-section{break-inside:avoid;border-color:#ddd}
  .presentation-hero{padding-top:20px}
  .presentation-hero h1,.presentation-section h2,.product-content h3,.presentation-block h3{color:#111!important}
  .presentation-hero p,.presentation-section .lead,.product-content p,.presentation-block p,.product-note{color:#555!important}
  .presentation-products{grid-template-columns:repeat(3,1fr)}
  .product-card,.presentation-block{border-color:#ddd;background:#fff!important}
  .product-price{border-color:#ddd}
  .print-only{display:block}
  .container{width:100%;max-width:none}
  @page{size:A4;margin:12mm}
}

/* ============================================================
   V4 — HOME MAIS OBJETIVA / COMERCIAL
   ============================================================ */
@media (min-width:1001px){
  .header-inner{min-height:104px}
  .brand img{width:285px;max-height:82px}
}

body[data-page="home"] .section{padding:76px 0}
body[data-page="home"] .section-title{font-size:clamp(34px,4.5vw,56px);line-height:1;letter-spacing:-2.2px}

.hero-v4{padding:70px 0 46px}
.hero-copy-v4{max-width:980px}
.hero-v4 h1{font-size:clamp(52px,7.2vw,94px);line-height:.92;letter-spacing:-4.8px;max-width:1050px}
.hero-v4 h1 .hero-title-main{display:block;color:inherit;margin-top:0}
.hero-v4 h1 #heroHighlight{display:block;color:var(--red);margin-top:9px}
.hero-v4 .hero-text{max-width:760px;margin:27px 0 25px}
.hero-banner-v4{
  margin-top:48px;width:100%;aspect-ratio:2.55/1;border-radius:30px;overflow:hidden;
  border:1px solid var(--line);background:#111936;box-shadow:0 30px 70px rgba(0,0,0,.22)
}
.hero-banner-v4 img{width:100%;height:100%;display:block;object-fit:cover}

.ecosystem-section-v4{padding-top:62px!important;padding-bottom:62px!important}
.ecosystem-head-v4{margin-bottom:26px}
.ecosystem-grid-v4{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.company-card-v4{
  min-height:170px;padding:20px;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;gap:17px;
  border:1px solid var(--line);background:rgba(255,255,255,.035);transition:.25s ease
}
.company-card-v4:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.055)}
.company-card-v4 .company-logo{width:auto;height:48px;display:flex;align-items:center;justify-content:flex-start;background:transparent;border:0;padding:0}
.company-card-v4 .company-logo img{max-width:125px;max-height:44px;object-fit:contain;object-position:left center;filter:none;opacity:1}
.company-card-v4 .company-mark{width:42px;height:42px;font-size:11px}
.company-copy-v4 h3{font-size:17px;margin:0 0 6px}
.company-copy-v4 p{font-size:11px;line-height:1.45;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.about-section-v4{padding-top:82px!important;padding-bottom:82px!important}
.about-grid-v4{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:68px;align-items:center}
.about-media-v4{position:relative;min-height:470px;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:#101735}
.about-slides-v4{position:absolute;inset:0}
.about-slide-v4{position:absolute;inset:0;opacity:0;transition:opacity .65s ease;margin:0;background:#101735}
.about-slide-v4.is-active{opacity:1}
.about-slide-v4 img{width:100%;height:100%;display:block;object-fit:cover}
.about-slide-v4.is-png img{object-fit:contain;padding:40px;background:radial-gradient(circle at 50% 45%,rgba(38,56,120,.35),rgba(8,13,32,.95))}
.about-dots-v4{position:absolute;z-index:4;left:22px;bottom:20px;display:flex;gap:7px}
.about-dots-v4 button{width:8px;height:8px;border:0;border-radius:999px;background:rgba(255,255,255,.42);padding:0;cursor:pointer;transition:.2s ease}
.about-dots-v4 button.is-active{width:26px;background:#fff}
.about-copy-v4 .section-copy{margin-top:22px;font-size:17px;max-width:620px}
.mini-process-v4{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:28px;padding-top:23px;border-top:1px solid var(--line);color:#c4cce0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.mini-process-v4 b{color:var(--red);font-size:14px}

.solutions-section-v4{padding-top:76px!important;padding-bottom:76px!important}
.compact-head-v4{margin-bottom:27px}
.solutions-grid-v4{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.solution-card-v4{min-height:285px;border-radius:20px}
.solution-card-v4 .solution-media{opacity:.74}
.solution-card-v4 .solution-shade{background:linear-gradient(180deg,rgba(5,8,20,.08),rgba(5,8,20,.2) 30%,rgba(5,8,20,.93) 100%)}
.solution-card-v4 .solution-top{top:18px;left:18px;right:18px}
.solution-card-v4 .solution-number{width:36px;height:36px;border-radius:10px;font-size:9px}
.solution-card-v4 .solution-content{left:20px;right:20px;bottom:20px}
.solution-card-v4 .solution-eyebrow{display:block;margin-bottom:7px;color:#d8ddeb;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.solution-card-v4 .solution-content h3{font-size:27px;line-height:1;letter-spacing:-1.2px;margin-bottom:9px}
.solution-card-v4 .solution-content p{font-size:12px;line-height:1.45;margin:0;color:#b5bed3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.portfolio-section-v4{padding-top:82px!important;padding-bottom:82px!important}
.portfolio-section-v4 .projects-grid{gap:16px}
.portfolio-section-v4 .project-card{min-height:360px}
.clients-section-v4{padding-top:68px!important;padding-bottom:72px!important}
.contact-section-v4{padding-top:68px!important}

@media(max-width:1050px){
  .ecosystem-grid-v4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .solutions-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-grid-v4{gap:38px}
}

@media(max-width:760px){
  body[data-page="home"] .section{padding:58px 0}
  .hero-v4{padding:50px 0 34px}
  .hero-v4 h1{font-size:clamp(44px,13vw,64px);letter-spacing:-3px}
  .hero-banner-v4{margin-top:34px;aspect-ratio:1.35/1;border-radius:22px}
  .ecosystem-grid-v4{grid-template-columns:1fr 1fr}
  .company-card-v4{min-height:145px;padding:16px}
  .about-grid-v4{grid-template-columns:1fr;gap:34px}
  .about-media-v4{min-height:340px;order:1}
  .about-copy-v4{order:2}
  .solutions-grid-v4{grid-template-columns:1fr}
  .solution-card-v4{min-height:250px}
  .solution-card-v4 .solution-content h3{font-size:26px}
  .mini-process-v4{gap:8px;font-size:9px}
}

@media(max-width:480px){
  .ecosystem-grid-v4{grid-template-columns:1fr}
  .company-card-v4{min-height:120px;display:grid;grid-template-columns:78px 1fr;align-items:center}
  .company-card-v4 .company-logo{height:auto}
  .about-media-v4{min-height:300px}
}


/* V4.6 — mídia do projeto: vídeo + galeria */
.project-media-section{padding:0 0 80px}
.project-media-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.project-media-heading span{font-size:9px;text-transform:uppercase;letter-spacing:1.6px;color:#8d98b3;font-weight:800}
.project-media-heading h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.8px}
.project-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.project-media-wide{grid-column:1/-1}
.project-media-video{border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.03);padding:14px;overflow:hidden}
.project-media-video-label{display:flex;align-items:center;gap:9px;padding:4px 4px 14px;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#b9c2d8;font-weight:800}
.play-dot{width:28px;height:28px;border-radius:999px;display:inline-grid;place-items:center;background:#fff;color:#0c1227;font-size:10px;padding-left:2px}
.project-media-photo{border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#10182e;margin:0}
.project-media-photo img{display:block;width:100%;height:460px;object-fit:cover}
.project-media-photo.project-media-wide img{height:650px}
@media(max-width:720px){
  .project-media-heading{display:block}
  .project-media-heading h2{margin-top:8px}
  .project-media-grid{grid-template-columns:1fr}
  .project-media-wide{grid-column:1}
  .project-media-photo img,.project-media-photo.project-media-wide img{height:auto;aspect-ratio:4/3}
  .project-media-video{padding:9px;border-radius:18px}
}

/* ===== PROPOSTA COMERCIAL V4.8 ===== */
body[data-page="presentation"]{background:#f3f4f6;color:#121826}
body[data-page="presentation"] .presentation-header{background:rgba(255,255,255,.96);border-bottom:1px solid #e5e7eb;backdrop-filter:blur(14px)}
body[data-page="presentation"] #presentationMain{padding:38px 18px 70px}
.proposal-document{width:min(1160px,100%);margin:0 auto;background:#fff;box-shadow:0 24px 70px rgba(16,24,40,.08);border:1px solid #e7e9ee}
.proposal-cover{padding:64px 64px 0}
.proposal-cover-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:64px;align-items:start}
.proposal-cover h1{font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.045em;margin:12px 0 22px;max-width:760px}
.proposal-cover p{font-size:18px;line-height:1.65;color:#5b6473;max-width:700px}
.proposal-client{border-left:1px solid #e5e7eb;padding-left:32px;display:flex;flex-direction:column;gap:6px;min-width:0}
.proposal-client-logo{height:82px;display:flex;align-items:center;margin-bottom:16px}
.proposal-client-logo img{max-width:190px;max-height:72px;object-fit:contain;object-position:left center}
.proposal-client span,.proposal-meta span,.proposal-item-price span,.proposal-notes small,.proposal-detail small{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#8a93a3;font-weight:800}
.proposal-client strong{font-size:20px}
.proposal-meta{margin-top:52px;border-top:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.proposal-meta>div{padding:20px 18px 20px 0;display:flex;flex-direction:column;gap:5px}
.proposal-cover-image{margin:0 -64px;aspect-ratio:16/6.3;overflow:hidden;background:#eef0f4}
.proposal-cover-image img{width:100%;height:100%;object-fit:cover;display:block}
.proposal-section{padding:64px;border-top:1px solid #e8eaf0}
.proposal-section-heading{display:grid;grid-template-columns:54px minmax(0,1fr);gap:20px;align-items:start;margin-bottom:36px}
.proposal-section-heading h2{font-size:34px;line-height:1.05;letter-spacing:-.035em;margin:5px 0 8px}
.proposal-section-heading p{max-width:740px;color:#687182;line-height:1.65}
.proposal-index{width:42px;height:42px;border:1px solid #d8dce5;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;color:#283b78}
.proposal-items{display:flex;flex-direction:column;border-top:1px solid #e7e9ee}
.proposal-item{display:grid;grid-template-columns:170px minmax(0,1fr) 180px;gap:28px;align-items:center;padding:26px 0;border-bottom:1px solid #e7e9ee}
.proposal-item-media{height:118px;background:#f3f4f6;overflow:hidden;display:grid;place-items:center;border-radius:4px}
.proposal-item-media img{width:100%;height:100%;object-fit:cover}
.proposal-item-media>span{font-size:26px;font-weight:900;color:#c3c8d1}
.proposal-item-content small{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#8a93a3;font-weight:800}
.proposal-item-content h3{font-size:24px;margin:5px 0 9px}
.proposal-item-content p{color:#697283;line-height:1.55}
.proposal-item-top{display:flex;justify-content:space-between;gap:16px}
.proposal-qty{font-size:12px;font-weight:800;background:#eef2ff;color:#283b78;padding:7px 10px;border-radius:999px;white-space:nowrap}
.proposal-item-note{margin-top:12px;padding:10px 12px;background:#f7f8fa;border-left:3px solid #283b78;color:#505a69;font-size:13px}
.proposal-item-price{text-align:right;display:flex;flex-direction:column;gap:5px}
.proposal-item-price strong{font-size:21px}
.proposal-item-price small{color:#7a8494}
.proposal-detail-list{display:flex;flex-direction:column;gap:18px}
.proposal-detail{display:grid;grid-template-columns:1fr;border:1px solid #e4e7ec;background:#fafbfc}
.proposal-detail.has-image{grid-template-columns:minmax(0,1fr) minmax(280px,.75fr)}
.proposal-detail-copy{padding:28px 30px}
.proposal-detail h3{font-size:22px;margin:6px 0 10px}
.proposal-detail p{color:#657081;line-height:1.65;white-space:pre-line}
.proposal-detail img{width:100%;height:100%;min-height:220px;object-fit:cover}
.proposal-text-link{display:inline-block;margin-top:12px;font-weight:800;color:#283b78}
.proposal-investment-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:42px}
.proposal-investment-table{border-top:1px solid #dfe3ea}
.proposal-investment-row,.proposal-investment-total{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 0;border-bottom:1px solid #e7e9ee}
.proposal-investment-row>div{display:flex;flex-direction:column;gap:3px}
.proposal-investment-row small{color:#8992a1}
.proposal-investment-total{padding-top:24px;border-bottom:0}
.proposal-investment-total span{font-weight:800}
.proposal-investment-total strong{font-size:30px;color:#283b78}
.proposal-chart{padding:24px;background:#f7f8fa;border:1px solid #e4e7ec}
.proposal-chart-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:22px}
.proposal-chart-head span{font-size:12px;color:#8a93a3}
.proposal-chart-row{display:grid;grid-template-columns:120px 1fr 92px;gap:10px;align-items:center;margin:12px 0;font-size:12px}
.proposal-chart-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.proposal-chart-row>div{height:8px;background:#e5e8ef;overflow:hidden;border-radius:999px}
.proposal-chart-row i{display:block;height:100%;background:#283b78;border-radius:999px}
.proposal-chart-row strong{text-align:right;font-size:11px}
.proposal-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.proposal-notes>div{padding:24px;background:#f8f9fb;border:1px solid #e6e8ed}
.proposal-notes p{white-space:pre-line;line-height:1.65;color:#5e6878;margin-top:8px}
.proposal-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.proposal-reference{color:inherit;text-decoration:none;border:1px solid #e4e7ec;background:#fff}
.proposal-reference-image{aspect-ratio:16/10;background:#eef0f4 center/cover no-repeat}
.proposal-reference>div:last-child{padding:16px;display:flex;flex-direction:column;gap:5px}
.proposal-reference small{color:#8a93a3;text-transform:uppercase;font-size:10px;letter-spacing:.09em}
.proposal-closing{margin:0 64px 64px;padding:36px 40px;background:#18264f;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center}
.proposal-closing .eyebrow{color:#b7c3eb}
.proposal-closing h2{font-size:32px;line-height:1.05;margin:7px 0 10px}
.proposal-closing p{color:#d7dded;max-width:680px;line-height:1.6}
.proposal-closing-actions{display:flex;flex-direction:column;gap:10px}
.proposal-state{min-height:65vh;display:grid;place-items:center;padding:30px}
.proposal-state-card{max-width:620px;background:#fff;padding:50px;border:1px solid #e5e7eb}
@media(max-width:800px){
  body[data-page="presentation"] #presentationMain{padding:12px 0 40px}
  body[data-page="presentation"] .presentation-header-actions #presentationWhatsappTop{display:none}
  .proposal-document{border-left:0;border-right:0;box-shadow:none}
  .proposal-cover{padding:34px 22px 0}
  .proposal-cover-top{grid-template-columns:1fr;gap:30px}
  .proposal-cover h1{font-size:42px}
  .proposal-client{border-left:0;border-top:1px solid #e5e7eb;padding:22px 0 0}
  .proposal-meta{grid-template-columns:repeat(2,1fr);margin-top:30px}
  .proposal-cover-image{margin:0 -22px;aspect-ratio:16/9}
  .proposal-section{padding:42px 22px}
  .proposal-section-heading{grid-template-columns:42px 1fr;gap:12px}
  .proposal-section-heading h2{font-size:29px}
  .proposal-item{grid-template-columns:92px minmax(0,1fr);gap:16px}
  .proposal-item-media{height:82px}
  .proposal-item-price{grid-column:2;text-align:left}
  .proposal-detail.has-image{grid-template-columns:1fr}
  .proposal-investment-grid,.proposal-notes{grid-template-columns:1fr}
  .proposal-reference-grid{grid-template-columns:1fr}
  .proposal-closing{margin:0 22px 34px;padding:28px;grid-template-columns:1fr}
  .proposal-chart-row{grid-template-columns:92px 1fr 80px}
}
@media print{
  body[data-page="presentation"]{background:#fff}
  body[data-page="presentation"] .site-header,body[data-page="presentation"] .site-footer,#accessGate{display:none!important}
  body[data-page="presentation"] #presentationMain{padding:0}
  .proposal-document{width:100%;border:0;box-shadow:none}
  .proposal-cover,.proposal-section,.proposal-item,.proposal-detail,.proposal-notes>div,.proposal-reference,.proposal-closing{break-inside:avoid}
}


/* ===== PROPOSTA COMERCIAL V4.9 ===== */
.proposal-export-head{
  margin: -64px -64px 50px;
  padding: 24px 34px;
  min-height: 112px;
  background: linear-gradient(135deg,#111827,#1f2d58);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.proposal-issuer{display:flex;align-items:center;gap:18px;min-width:0}
.proposal-issuer img{max-width:220px;max-height:62px;object-fit:contain;object-position:left center;display:block}
.proposal-issuer span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#cbd5e1}
.proposal-export-label{text-align:right;display:flex;flex-direction:column;gap:4px}
.proposal-export-label span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#cbd5e1;font-weight:800}
.proposal-export-label strong{font-size:17px}
.proposal-quick-grid{
  margin-top:38px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.proposal-quick-card{
  background:#f5f7fa;
  border:1px solid #e2e6ed;
  min-height:92px;
  padding:17px 18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
}
.proposal-quick-card span{
  font-size:10px;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#7b8492;
  font-weight:900;
}
.proposal-quick-card strong{
  font-size:16px;
  line-height:1.2;
  color:#18264f;
}
.proposal-quick-total{
  background:#18264f;
  border-color:#18264f;
}
.proposal-quick-total span{color:#b9c5e4}
.proposal-quick-total strong{color:#fff;font-size:19px}
.proposal-meta{margin-top:22px}
.proposal-admin-preview{
  padding:14px 16px;
  background:#eef3ff;
  border:1px solid #d8e1f6;
  color:#283b78;
  font-weight:800;
  border-radius:8px;
}
body.pdf-export .site-header,
body.pdf-export .site-footer{display:none!important}
body.pdf-export #presentationMain{padding:0!important}
body.pdf-export .proposal-document{box-shadow:none!important;border:0!important}

@media(max-width:800px){
  .proposal-export-head{
    margin:-34px -22px 30px;
    padding:20px 22px;
    min-height:92px;
  }
  .proposal-issuer img{max-width:145px;max-height:48px}
  .proposal-issuer span{display:none}
  .proposal-export-label strong{font-size:14px}
  .proposal-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}
  .proposal-quick-card{min-height:82px;padding:14px}
  .proposal-quick-card strong{font-size:14px}
}

@media print{
  @page{size:A4;margin:8mm}
  .proposal-export-head{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .proposal-quick-total{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .proposal-quick-card{break-inside:avoid}
}


/* ===== V4.9.1 — BOTÃO PDF ===== */
.presentation-header-actions{
  display:flex!important;
  align-items:center;
  gap:10px;
}
#printPresentation{display:inline-flex!important}
.proposal-pdf-fab{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:1000;
  border:0;
  border-radius:999px;
  padding:14px 20px;
  background:#18264f;
  color:#fff;
  font:inherit;
  font-weight:900;
  box-shadow:0 12px 30px rgba(24,38,79,.28);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.proposal-pdf-fab:hover{transform:translateY(-1px)}
.proposal-pdf-fab:disabled{opacity:.65;cursor:wait;transform:none}
.proposal-pdf-fab span{font-size:18px;line-height:1}
@media(max-width:800px){
  .proposal-pdf-fab{
    right:14px;
    bottom:14px;
    padding:13px 17px;
    font-size:13px;
  }
}
@media print{
  .proposal-pdf-fab{display:none!important}
}


/* ===== V4.9.2 — PDF COMPACTO =====
   Afeta somente o momento do download em PDF. A proposta online continua igual.
*/
body.pdf-export{
  background:#fff!important;
}
body.pdf-export .presentation-header,
body.pdf-export .presentation-footer,
body.pdf-export .proposal-pdf-fab{
  display:none!important;
}
body.pdf-export #presentationMain{
  padding:0!important;
}
body.pdf-export .proposal-document{
  width:100%!important;
  max-width:none!important;
  border:0!important;
  box-shadow:none!important;
}
body.pdf-export .proposal-cover{
  padding:24px 28px 0!important;
}
body.pdf-export .proposal-export-head{
  margin:-24px -28px 22px!important;
  min-height:72px!important;
  padding:14px 22px!important;
}
body.pdf-export .proposal-issuer img{
  max-width:150px!important;
  max-height:42px!important;
}
body.pdf-export .proposal-issuer span{
  font-size:9px!important;
}
body.pdf-export .proposal-export-label span{
  font-size:8px!important;
}
body.pdf-export .proposal-export-label strong{
  font-size:13px!important;
}
body.pdf-export .proposal-cover-top{
  gap:28px!important;
}
body.pdf-export .proposal-cover h1{
  font-size:34px!important;
  line-height:1!important;
  margin:7px 0 10px!important;
}
body.pdf-export .proposal-cover p{
  font-size:12px!important;
  line-height:1.45!important;
}
body.pdf-export .proposal-client{
  padding-left:20px!important;
}
body.pdf-export .proposal-client-logo{
  height:50px!important;
  margin-bottom:7px!important;
}
body.pdf-export .proposal-client-logo img{
  max-width:130px!important;
  max-height:45px!important;
}
body.pdf-export .proposal-client span,
body.pdf-export .proposal-meta span,
body.pdf-export .proposal-item-price span,
body.pdf-export .proposal-notes small,
body.pdf-export .proposal-detail small{
  font-size:7px!important;
}
body.pdf-export .proposal-client strong{
  font-size:13px!important;
}
body.pdf-export .proposal-quick-grid{
  margin-top:18px!important;
  gap:6px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body.pdf-export .proposal-quick-card{
  min-height:54px!important;
  padding:8px 10px!important;
}
body.pdf-export .proposal-quick-card span{
  font-size:7px!important;
}
body.pdf-export .proposal-quick-card strong{
  font-size:10px!important;
}
body.pdf-export .proposal-quick-total strong{
  font-size:12px!important;
}
body.pdf-export .proposal-meta{
  margin-top:10px!important;
}
body.pdf-export .proposal-meta>div{
  padding:9px 10px 9px 0!important;
}
body.pdf-export .proposal-meta strong{
  font-size:9px!important;
}
body.pdf-export .proposal-section{
  padding:24px 28px!important;
}
body.pdf-export .proposal-section-heading{
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:10px!important;
  margin-bottom:14px!important;
}
body.pdf-export .proposal-index{
  width:24px!important;
  height:24px!important;
  font-size:8px!important;
}
body.pdf-export .proposal-section-heading h2{
  font-size:20px!important;
  margin:2px 0 4px!important;
}
body.pdf-export .proposal-section-heading p{
  font-size:10px!important;
  line-height:1.4!important;
}
body.pdf-export .eyebrow{
  font-size:7px!important;
}
body.pdf-export .proposal-item{
  grid-template-columns:86px minmax(0,1fr) 110px!important;
  gap:14px!important;
  padding:10px 0!important;
}
body.pdf-export .proposal-item-media{
  height:60px!important;
}
body.pdf-export .proposal-item-content small{
  font-size:7px!important;
}
body.pdf-export .proposal-item-content h3{
  font-size:14px!important;
  margin:2px 0 4px!important;
}
body.pdf-export .proposal-item-content p{
  font-size:9px!important;
  line-height:1.35!important;
}
body.pdf-export .proposal-item-note{
  margin-top:5px!important;
  padding:5px 7px!important;
  font-size:8px!important;
}
body.pdf-export .proposal-qty{
  padding:3px 6px!important;
  font-size:7px!important;
}
body.pdf-export .proposal-item-price strong{
  font-size:13px!important;
}
body.pdf-export .proposal-item-price small{
  font-size:7px!important;
}
body.pdf-export .proposal-detail-list{
  gap:8px!important;
}
body.pdf-export .proposal-detail.has-image{
  grid-template-columns:minmax(0,1fr) 210px!important;
}
body.pdf-export .proposal-detail-copy{
  padding:12px 14px!important;
}
body.pdf-export .proposal-detail h3{
  font-size:14px!important;
  margin:2px 0 4px!important;
}
body.pdf-export .proposal-detail p{
  font-size:9px!important;
  line-height:1.4!important;
}
body.pdf-export .proposal-detail img{
  min-height:110px!important;
  max-height:130px!important;
}
body.pdf-export .proposal-investment-grid{
  gap:18px!important;
}
body.pdf-export .proposal-investment-row,
body.pdf-export .proposal-investment-total{
  padding:8px 0!important;
}
body.pdf-export .proposal-investment-row strong{
  font-size:10px!important;
}
body.pdf-export .proposal-investment-row small{
  font-size:7px!important;
}
body.pdf-export .proposal-investment-total{
  padding-top:12px!important;
}
body.pdf-export .proposal-investment-total strong{
  font-size:18px!important;
}
body.pdf-export .proposal-chart{
  padding:12px!important;
}
body.pdf-export .proposal-chart-head{
  margin-bottom:10px!important;
}
body.pdf-export .proposal-chart-row{
  margin:6px 0!important;
  font-size:8px!important;
  grid-template-columns:80px 1fr 66px!important;
}
body.pdf-export .proposal-chart-row>div{
  height:5px!important;
}
body.pdf-export .proposal-notes{
  gap:8px!important;
}
body.pdf-export .proposal-notes>div{
  padding:12px!important;
}
body.pdf-export .proposal-notes p{
  margin-top:4px!important;
  font-size:9px!important;
  line-height:1.4!important;
}
body.pdf-export .proposal-reference-grid{
  gap:8px!important;
}
body.pdf-export .proposal-reference-image{
  aspect-ratio:16/7!important;
}
body.pdf-export .proposal-reference>div:last-child{
  padding:8px!important;
}
body.pdf-export .proposal-reference small{
  font-size:6px!important;
}
body.pdf-export .proposal-reference strong{
  font-size:10px!important;
}
body.pdf-export .proposal-closing{
  margin:0 28px 24px!important;
  padding:18px 22px!important;
  gap:20px!important;
}
body.pdf-export .proposal-closing h2{
  font-size:20px!important;
  margin:3px 0 5px!important;
}
body.pdf-export .proposal-closing p{
  font-size:9px!important;
  line-height:1.4!important;
}
body.pdf-export .proposal-closing .btn{
  padding:8px 12px!important;
  font-size:9px!important;
}

/* Mantém blocos importantes inteiros, mas permite que seções longas continuem na página seguinte */
body.pdf-export .proposal-cover,
body.pdf-export .proposal-item,
body.pdf-export .proposal-investment-row,
body.pdf-export .proposal-notes>div,
body.pdf-export .proposal-quick-card{
  break-inside:avoid!important;
  page-break-inside:avoid!important;
}
body.pdf-export .proposal-section,
body.pdf-export .proposal-detail-list,
body.pdf-export .proposal-reference-grid{
  break-inside:auto!important;
  page-break-inside:auto!important;
}


/* ===== V4.9.3 — QUEBRAS DE PÁGINA INTELIGENTES =====
   Mantém cabeçalhos junto do conteúdo e evita cortar o bloco de investimento.
*/
body.pdf-export .proposal-section-heading{
  break-after:avoid!important;
  page-break-after:avoid!important;
}
body.pdf-export .proposal-investment-section{
  break-inside:avoid!important;
  page-break-inside:avoid!important;
}
body.pdf-export .proposal-investment-grid,
body.pdf-export .proposal-investment-table,
body.pdf-export .proposal-chart{
  break-inside:avoid!important;
  page-break-inside:avoid!important;
}
body.pdf-export .proposal-closing{
  break-inside:avoid!important;
  page-break-inside:avoid!important;
}


/* ===== V4.9.4 — IMAGENS DE PRODUTOS SEM CORTE ===== */
.proposal-item-media{
  background:#fff!important;
  padding:10px!important;
}
.proposal-item-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* No PDF mantém a imagem inteira e proporcional */
body.pdf-export .proposal-item-media{
  background:#fff!important;
  padding:6px!important;
}
body.pdf-export .proposal-item-media img{
  object-fit:contain!important;
  object-position:center!important;
}


/* ===== V4.9.5 — EXPORTAÇÃO PDF ESTÁVEL =====
   Exporta um clone isolado do corpo da proposta para evitar:
   - espaço branco gigante no topo;
   - conteúdo sumindo após o bloco de investimento;
   - interferência do scroll/cabeçalho da página.
*/
.proposal-pdf-export-host{
  position:fixed;
  left:-12000px;
  top:0;
  width:1120px;
  z-index:-1;
  background:#fff;
  overflow:visible;
}
.proposal-pdf-export-clone{
  width:1120px!important;
  max-width:1120px!important;
  margin:0!important;
  background:#fff!important;
  box-shadow:none!important;
  border:0!important;
  transform:none!important;
}
body.pdf-export .proposal-pdf-export-clone{
  display:block!important;
  visibility:visible!important;
}
body.pdf-export .proposal-pdf-export-clone .proposal-notes-section,
body.pdf-export .proposal-pdf-export-clone .proposal-notes{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}
body.pdf-export .proposal-pdf-export-clone .proposal-closing{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Evita que um bloco inteiro seja empurrado para baixo por uma regra genérica */
body.pdf-export .proposal-pdf-export-clone .proposal-cover{
  break-inside:auto!important;
  page-break-inside:auto!important;
}
body.pdf-export .proposal-pdf-export-clone .proposal-investment-section{
  break-inside:avoid!important;
  page-break-inside:avoid!important;
}

/* Produtos: sempre mostrar a arte completa */
body.pdf-export .proposal-pdf-export-clone .proposal-item-media{
  overflow:hidden!important;
  background:#fff!important;
}
body.pdf-export .proposal-pdf-export-clone .proposal-item-media img{
  object-fit:contain!important;
  object-position:center!important;
}


/* ===== V4.9.6 — ITENS EM DUAS COLUNAS + MICROANIMAÇÕES ===== */

/* Tela */
.proposal-items{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  border-top:0!important;
}

.proposal-item{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  padding:0!important;
  border:1px solid #e4e7ec!important;
  background:#fff!important;
  overflow:hidden!important;
  min-width:0!important;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease!important;
  animation:proposalCardIn .34s ease both;
}

.proposal-item:nth-child(2){animation-delay:.04s}
.proposal-item:nth-child(3){animation-delay:.08s}
.proposal-item:nth-child(4){animation-delay:.12s}
.proposal-item:nth-child(5){animation-delay:.16s}
.proposal-item:nth-child(6){animation-delay:.20s}

.proposal-item:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 34px rgba(16,24,40,.08)!important;
  border-color:#d6dbe5!important;
}

.proposal-item-media{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  padding:12px!important;
  background:#f8f9fb!important;
  border-radius:0!important;
  overflow:hidden!important;
}

.proposal-item-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transition:transform .3s ease!important;
}

.proposal-item:hover .proposal-item-media img{
  transform:scale(1.02);
}

.proposal-item-content{
  padding:18px 18px 10px!important;
  flex:1 1 auto!important;
}

.proposal-item-content h3{
  font-size:22px!important;
}

.proposal-item-content p{
  line-height:1.5!important;
}

.proposal-item-price{
  margin-top:auto!important;
  padding:14px 18px 18px!important;
  border-top:1px solid #eef0f4!important;
  text-align:left!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
}

.proposal-item-price span{
  display:block!important;
}

.proposal-item-price strong{
  margin-left:auto!important;
  font-size:22px!important;
}

.proposal-item-price small{
  display:block!important;
  margin-left:8px!important;
}

@keyframes proposalCardIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

/* PDF: duas colunas, sem animações */
body.pdf-export .proposal-items,
.proposal-pdf-export-clone .proposal-items{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

body.pdf-export .proposal-item,
.proposal-pdf-export-clone .proposal-item{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  animation:none!important;
  transition:none!important;
  transform:none!important;
  box-shadow:none!important;
  break-inside:avoid!important;
  page-break-inside:avoid!important;
}

body.pdf-export .proposal-item-media,
.proposal-pdf-export-clone .proposal-item-media{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/7.6!important;
  padding:6px!important;
  background:#fff!important;
}

body.pdf-export .proposal-item-media img,
.proposal-pdf-export-clone .proposal-item-media img{
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}

body.pdf-export .proposal-item-content,
.proposal-pdf-export-clone .proposal-item-content{
  padding:9px 10px 5px!important;
}

body.pdf-export .proposal-item-content h3,
.proposal-pdf-export-clone .proposal-item-content h3{
  font-size:13px!important;
  margin:2px 0 3px!important;
}

body.pdf-export .proposal-item-content p,
.proposal-pdf-export-clone .proposal-item-content p{
  font-size:8px!important;
  line-height:1.35!important;
}

body.pdf-export .proposal-item-note,
.proposal-pdf-export-clone .proposal-item-note{
  font-size:7px!important;
  margin-top:4px!important;
  padding:4px 6px!important;
}

body.pdf-export .proposal-item-price,
.proposal-pdf-export-clone .proposal-item-price{
  padding:7px 10px 9px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:8px!important;
  border-top:1px solid #eef0f4!important;
}

body.pdf-export .proposal-item-price strong,
.proposal-pdf-export-clone .proposal-item-price strong{
  font-size:12px!important;
  margin-left:auto!important;
}

body.pdf-export .proposal-item-price span,
.proposal-pdf-export-clone .proposal-item-price span,
body.pdf-export .proposal-item-price small,
.proposal-pdf-export-clone .proposal-item-price small{
  font-size:6px!important;
}

/* Mobile */
@media(max-width:800px){
  .proposal-items{
    grid-template-columns:1fr!important;
  }
  .proposal-item{
    animation:none!important;
  }
  .proposal-item:hover{
    transform:none!important;
    box-shadow:none!important;
  }
  .proposal-item:hover .proposal-item-media img{
    transform:none!important;
  }
}

/* Acessibilidade */
@media(prefers-reduced-motion:reduce){
  .proposal-item,
  .proposal-item-media img{
    animation:none!important;
    transition:none!important;
  }
}


/* ===== V4.9.7 — ITENS EM UMA COLUNA + FOTO VERTICAL ===== */

/* Volta cada item para uma linha única */
.proposal-items{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  border-top:0!important;
}

/* Card horizontal, com foto vertical à esquerda */
.proposal-item{
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr) 170px!important;
  align-items:stretch!important;
  gap:0!important;
  padding:0!important;
  min-width:0!important;
  border:1px solid #e4e7ec!important;
  background:#fff!important;
  overflow:hidden!important;
}

/* Foto em formato vertical */
.proposal-item-media{
  width:180px!important;
  height:225px!important;
  aspect-ratio:4/5!important;
  padding:10px!important;
  background:#f7f8fa!important;
  border-radius:0!important;
  align-self:center!important;
}

.proposal-item-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Texto */
.proposal-item-content{
  padding:20px 22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

.proposal-item-content h3{
  font-size:23px!important;
  margin:4px 0 8px!important;
}

/* Valor na lateral direita */
.proposal-item-price{
  margin:0!important;
  padding:20px!important;
  border-top:0!important;
  border-left:1px solid #eef0f4!important;
  text-align:right!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-end!important;
  gap:5px!important;
}

.proposal-item-price strong{
  font-size:22px!important;
}

/* PDF compacto: uma coluna e imagem vertical menor */
body.pdf-export .proposal-items,
.proposal-pdf-export-clone .proposal-items{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}

body.pdf-export .proposal-item,
.proposal-pdf-export-clone .proposal-item{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr) 100px!important;
  align-items:center!important;
  gap:0!important;
  min-height:108px!important;
  break-inside:avoid!important;
  page-break-inside:avoid!important;
}

body.pdf-export .proposal-item-media,
.proposal-pdf-export-clone .proposal-item-media{
  width:82px!important;
  height:104px!important;
  aspect-ratio:4/5!important;
  padding:4px!important;
  background:#fff!important;
}

body.pdf-export .proposal-item-media img,
.proposal-pdf-export-clone .proposal-item-media img{
  object-fit:contain!important;
  object-position:center!important;
}

body.pdf-export .proposal-item-content,
.proposal-pdf-export-clone .proposal-item-content{
  padding:8px 10px!important;
}

body.pdf-export .proposal-item-content h3,
.proposal-pdf-export-clone .proposal-item-content h3{
  font-size:12px!important;
  margin:1px 0 3px!important;
}

body.pdf-export .proposal-item-content p,
.proposal-pdf-export-clone .proposal-item-content p{
  font-size:7.5px!important;
  line-height:1.32!important;
}

body.pdf-export .proposal-item-price,
.proposal-pdf-export-clone .proposal-item-price{
  padding:8px 9px!important;
  border-left:1px solid #eef0f4!important;
  border-top:0!important;
  text-align:right!important;
  align-items:flex-end!important;
}

body.pdf-export .proposal-item-price strong,
.proposal-pdf-export-clone .proposal-item-price strong{
  font-size:11px!important;
}

/* Mobile: mantém uma coluna e a foto vertical em destaque */
@media(max-width:800px){
  .proposal-item{
    grid-template-columns:110px minmax(0,1fr)!important;
  }

  .proposal-item-media{
    width:110px!important;
    height:138px!important;
  }

  .proposal-item-content{
    padding:14px!important;
  }

  .proposal-item-price{
    grid-column:1 / -1!important;
    border-left:0!important;
    border-top:1px solid #eef0f4!important;
    padding:10px 14px!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    align-items:center!important;
    text-align:left!important;
  }

  .proposal-item-price strong{
    margin-left:auto!important;
  }
}


/* ===== V4.9.8 — FORÇA LAYOUT 1 COLUNA + FOTO RETRATO ===== */

/* sobrescreve qualquer regra anterior de grid */
body[data-page="presentation"] .proposal-items,
body[data-page="presentation"] .proposal-pdf-export-clone .proposal-items{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  gap:16px!important;
}

/* card inteiro em uma linha */
body[data-page="presentation"] .proposal-item,
body[data-page="presentation"] .proposal-pdf-export-clone .proposal-item{
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr) 180px!important;
  grid-template-rows:1fr!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:none!important;
  min-height:240px!important;
  padding:0!important;
  gap:0!important;
}

/* área da foto realmente vertical */
body[data-page="presentation"] .proposal-item-media,
body[data-page="presentation"] .proposal-pdf-export-clone .proposal-item-media{
  width:190px!important;
  height:240px!important;
  min-width:190px!important;
  min-height:240px!important;
  max-width:190px!important;
  max-height:240px!important;
  aspect-ratio:auto!important;
  padding:12px!important;
  margin:0!important;
  align-self:stretch!important;
  justify-self:start!important;
  background:#f7f8fa!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}

/* a imagem nunca corta e ocupa o retângulo vertical */
body[data-page="presentation"] .proposal-item-media img,
body[data-page="presentation"] .proposal-pdf-export-clone .proposal-item-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  aspect-ratio:auto!important;
  transform:none!important;
}

/* conteúdo */
body[data-page="presentation"] .proposal-item-content{
  padding:24px 26px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
}

body[data-page="presentation"] .proposal-item-price{
  padding:24px 22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-end!important;
  border-left:1px solid #eef0f4!important;
  border-top:0!important;
  text-align:right!important;
  min-width:0!important;
}

/* PDF: mesma leitura, só reduzido */
body.pdf-export .proposal-pdf-export-clone .proposal-item{
  grid-template-columns:86px minmax(0,1fr) 102px!important;
  min-height:112px!important;
}

body.pdf-export .proposal-pdf-export-clone .proposal-item-media{
  width:86px!important;
  height:112px!important;
  min-width:86px!important;
  min-height:112px!important;
  max-width:86px!important;
  max-height:112px!important;
  padding:5px!important;
}

body.pdf-export .proposal-pdf-export-clone .proposal-item-content{
  padding:9px 10px!important;
}

body.pdf-export .proposal-pdf-export-clone .proposal-item-price{
  padding:9px 10px!important;
}

/* Mobile */
@media(max-width:800px){
  body[data-page="presentation"] .proposal-item{
    grid-template-columns:105px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    min-height:150px!important;
  }

  body[data-page="presentation"] .proposal-item-media{
    width:105px!important;
    height:150px!important;
    min-width:105px!important;
    min-height:150px!important;
    max-width:105px!important;
    max-height:150px!important;
    padding:7px!important;
  }

  body[data-page="presentation"] .proposal-item-content{
    padding:14px!important;
  }

  body[data-page="presentation"] .proposal-item-price{
    grid-column:1 / -1!important;
    border-left:0!important;
    border-top:1px solid #eef0f4!important;
    padding:10px 14px!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    align-items:center!important;
    text-align:left!important;
  }
}


/* ===== V4.9.9 — PDF USA TODA A LARGURA DO A4 =====
   Corrige exportação que estava ocupando só parte da folha.
*/
.proposal-pdf-export-host{
  width:794px!important;
  min-width:794px!important;
  max-width:794px!important;
}
.proposal-pdf-export-clone{
  width:794px!important;
  min-width:794px!important;
  max-width:794px!important;
  margin:0!important;
  transform:none!important;
  transform-origin:top left!important;
}
body.pdf-export .proposal-pdf-export-clone{
  width:794px!important;
  max-width:794px!important;
}