/* AQARI MEDIA — printable proposal (A4). Screen: stacked pages. Print: exact A4 pages. */
.proposal-body{background:#E6DFD2;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.toolbar-bar{position:sticky;top:0;z-index:10;display:flex;justify-content:center;gap:10px;padding:12px;background:rgba(230,223,210,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.doc{display:grid;gap:20px;justify-content:center;padding:20px 12px 60px}

.page{
  position:relative;width:210mm;min-height:297mm;background:var(--cream);color:var(--text);
  padding:18mm 16mm 22mm;display:flex;flex-direction:column;gap:6mm;overflow:hidden;
  box-shadow:0 20px 50px -30px rgba(0,0,0,.45);
}
.page-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:4mm;border-bottom:1px solid var(--line);font-size:10pt}
.page-kicker{color:var(--gold-deep);font-weight:600}
.page-brand{color:var(--taupe);letter-spacing:.3em;font-size:8pt}
.page-title{font-size:24pt;line-height:1.3;color:var(--green)}
.page-lead{font-size:12pt;color:var(--muted);line-height:1.9}
.block-title{font-size:13pt;color:var(--green);margin-top:2mm}
.page-foot{position:absolute;inset-inline:16mm;bottom:9mm;display:flex;justify-content:space-between;font-size:8.5pt;color:var(--taupe);border-top:1px solid var(--line);padding-top:3mm}

/* Cover */
.cover{background:linear-gradient(165deg,#164538,var(--green) 55%,var(--green-2));color:var(--cream);justify-content:space-between;padding:22mm 18mm}
.cover-logo .logo-mark{width:58px;height:58px}
.cover-logo .logo-ar{font-size:22pt}
.cover-logo .logo-en{font-size:8pt}
.cover-body{display:grid;gap:8mm}
.cover-label{display:inline-block;justify-self:start;padding:2mm 5mm;border:1px solid rgba(201,169,110,.6);border-radius:999px;color:var(--gold);font-size:11pt}
.cover h1{font-size:34pt;line-height:1.3;max-width:15ch}
.cover-sub{font-size:14pt;color:var(--muted-d);max-width:34ch;line-height:1.8}
.cover-foot{display:flex;justify-content:space-between;align-items:center;padding-top:6mm;border-top:1px solid var(--line-d);color:var(--gold);font-size:11pt;letter-spacing:.04em}

/* System */
.sys{display:grid;gap:3mm}
.sys li{display:grid;grid-template-columns:14mm 1fr;gap:1mm 4mm;padding:4mm 5mm;border-radius:4mm;background:var(--card);border:1px solid var(--line)}
.sys-n{grid-row:span 2;font-size:18pt;font-weight:300;color:var(--gold-deep);line-height:1}
.sys h4{font-size:12.5pt;color:var(--green)}
.sys h4 small{font-size:9pt;color:var(--taupe);font-weight:500;margin-inline-start:2mm}
.sys p{font-size:10.5pt;color:var(--muted);line-height:1.7}
.sys li:last-child{background:var(--green);border-color:var(--green)}
.sys li:last-child h4{color:var(--gold)}
.sys li:last-child p,.sys li:last-child small{color:var(--muted-d)}
.callout{margin-top:auto;margin-bottom:10mm;padding:6mm;border-radius:4mm;background:var(--green);color:var(--cream);font-size:14pt;font-weight:600;text-align:center}
.callout.gold{background:rgba(201,169,110,.14);border:1px dashed var(--gold);color:var(--text);display:grid;gap:2mm;text-align:right;font-size:11pt;font-weight:400}
.callout.gold strong{color:var(--green);font-size:12.5pt}

/* Services */
.services{display:grid;grid-template-columns:1fr 1fr;gap:4mm}
.svc{padding:5mm;border-radius:4mm;background:var(--card);border:1px solid var(--line)}
.svc:last-child{grid-column:1/-1}
.svc h3{font-size:12.5pt;color:var(--green);margin-bottom:1mm}
.svc p{font-size:10pt;color:var(--muted);line-height:1.7}
.svc ul{margin-top:3mm;display:grid;gap:1.2mm}
.svc li{display:flex;gap:2mm;font-size:10pt;align-items:flex-start;line-height:1.6}
.svc li svg,.pkg li svg{width:12px;height:12px;flex:none;margin-top:1.4mm;color:var(--gold-deep)}
.svc:last-child ul{grid-template-columns:1fr 1fr}

/* Packages */
.pkgs{display:grid;grid-template-columns:1fr 1fr;gap:5mm}
.pkg{padding:6mm;border-radius:5mm;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:3mm}
.pkg.featured{background:var(--green);border-color:var(--green);color:var(--cream)}
.pkg-name{font-size:10pt;letter-spacing:.25em;color:var(--gold-deep);font-weight:600;direction:ltr;text-align:right}
.pkg.featured .pkg-name{color:var(--gold)}
.pkg h3{font-size:15pt}
.pkg-sum{font-size:10pt;color:var(--muted);line-height:1.7}
.pkg.featured .pkg-sum{color:var(--muted-d)}
.pkg-price{padding-block:3mm;border-block:1px solid var(--line)}
.pkg.featured .pkg-price{border-color:var(--line-d)}
.pkg-price .num{font-size:20pt;font-weight:700;line-height:1.2}
.pkg-price .per{display:block;font-size:10pt;color:var(--muted)}
.pkg.featured .pkg-price .per{color:var(--muted-d)}
.pkg ul{display:grid;gap:1.6mm}
.pkg li{display:flex;gap:2mm;font-size:10.5pt;line-height:1.6}
.pkg.featured li svg{color:var(--gold)}

/* Process + journey */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:3mm}
.steps li{padding:4mm 3mm;border-radius:4mm;background:var(--card);border:1px solid var(--line);display:grid;gap:1.5mm;align-content:start}
.steps .n{font-size:16pt;font-weight:300;color:var(--gold-deep);line-height:1}
.steps h4{font-size:10.5pt;color:var(--green);line-height:1.5}
.steps p{font-size:9pt;color:var(--muted);line-height:1.6}
.journey{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3mm;counter-reset:j}
.journey li{counter-increment:j;display:grid;grid-template-columns:8mm 1fr;gap:.5mm 3mm;padding:3.5mm;border-radius:3mm;border:1px solid var(--line);background:var(--card)}
.journey li::before{content:counter(j);grid-row:span 2;width:7mm;height:7mm;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--gold);font-size:9pt;font-weight:600}
.journey h4{font-size:10pt;color:var(--green);line-height:1.5}
.journey p{font-size:8.8pt;color:var(--muted);line-height:1.55}

/* FAQ + contact */
.faq{display:grid;gap:3mm}
.faq div{padding:4mm 5mm;border-radius:4mm;background:var(--card);border:1px solid var(--line)}
.faq dt{font-size:11.5pt;font-weight:600;color:var(--green)}
.faq dd{font-size:10.5pt;color:var(--muted);line-height:1.8;margin-top:1mm}
.contact{margin-top:auto;margin-bottom:10mm;padding:8mm;border-radius:5mm;background:var(--green);color:var(--cream);display:grid;justify-items:center;gap:4mm;text-align:center}
.contact-logo .logo-mark{width:44px;height:44px}
.contact-title{font-size:15pt;font-weight:600}
.contact-list{display:flex;gap:4mm;flex-wrap:wrap;justify-content:center}
.contact-list div{padding:2.5mm 5mm;border:1px solid var(--line-d);border-radius:3mm}
.contact-list dt{font-size:8.5pt;color:var(--muted-d)}
.contact-list dd{font-size:11pt;font-weight:600}
.contact-tag{color:var(--gold);font-size:10pt;letter-spacing:.08em}

/* Small screens: fluid pages for reading on phones */
@media screen and (max-width:860px){
  .doc{padding:12px 10px 40px}
  .page{width:100%;min-height:auto;padding:28px 20px 64px;gap:16px}
  .page-foot{inset-inline:20px;bottom:18px}
  .cover{min-height:80vh;padding:32px 22px}
  .cover h1{font-size:2rem}
  .cover-sub{font-size:1.05rem}
  .page-title{font-size:1.6rem}
  .services,.pkgs,.journey{grid-template-columns:1fr}
  .svc:last-child ul{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  .callout,.contact{margin-bottom:0}
}

@page{size:A4;margin:0}
@media print{
  .no-print{display:none!important}
  .proposal-body{background:#fff}
  .doc{display:block;padding:0}
  .page{width:210mm;height:297mm;min-height:0;box-shadow:none;page-break-after:always;break-after:page}
  .page:last-child{page-break-after:auto;break-after:auto}
  a{text-decoration:none}
}