@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&family=Manrope:wght@300;400;500;600;700;800&display=swap');

:root{
  --canvas:#f4f5f0;
  --canvas-2:#e8ede5;
  --panel:#ffffff;
  --panel-soft:#fafaf6;
  --ink:#171714;
  --ink-2:#2d332e;
  --muted:#667065;
  --quiet:#8b9389;
  --line:#d8dccf;
  --line-dark:#bfc6b7;
  --gold:#bd9342;
  --gold-dark:#8a641f;
  --forest:#173a31;
  --forest-2:#215548;
  --sage:#dfe9df;
  --sage-2:#eef5ee;
  --red:#b54f41;
  --amber:#a96f16;
  --shadow:0 16px 45px rgba(35,42,34,.1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  font-family:'Manrope',sans-serif;
  letter-spacing:0;
  overflow-x:hidden;
  background:
    linear-gradient(135deg,rgba(23,58,49,.08) 0 18%,transparent 18% 100%),
    radial-gradient(circle at 90% 5%,rgba(189,147,66,.16),transparent 28%),
    linear-gradient(180deg,var(--canvas) 0%,#f9f8f2 48%,var(--canvas-2) 100%);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(23,58,49,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,58,49,.035) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 72%);
}
button,input,select,textarea{font:inherit}
button{border:0;background:none;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
.grain{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:10;
  opacity:.035;
  background-image:linear-gradient(115deg,rgba(23,23,20,.12) 0 1px,transparent 1px 9px);
}
.topbar{
  position:sticky;
  top:0;
  z-index:20;
  min-height:82px;
  padding:10px clamp(18px,4vw,52px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:rgba(23,23,20,.94);
  border-bottom:1px solid rgba(189,147,66,.34);
  box-shadow:0 12px 32px rgba(23,23,20,.18);
  backdrop-filter:blur(18px);
}
.brand{display:flex;align-items:center;gap:16px;min-width:250px}
.brand-logo{
  width:62px;
  height:62px;
  object-fit:contain;
  display:block;
  background:#050505;
  border:1px solid rgba(189,147,66,.38);
}
.brand strong{
  display:block;
  font-family:'Cormorant',serif;
  font-size:1.5rem;
  font-weight:600;
  color:#fff9ea;
  letter-spacing:.02em;
}
.brand small{
  display:block;
  margin-top:3px;
  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
  color:var(--gold);
}
.topnav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.topnav a{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  padding:0 13px;
  border:1px solid transparent;
  color:rgba(255,249,234,.78);
  font-size:.95rem;
  font-weight:700;
}
.topnav a:hover{
  color:#fff9ea;
  border-color:rgba(189,147,66,.34);
  background:rgba(255,255,255,.06);
}
.solid-btn,.ghost-btn{
  min-height:48px;
  padding:0 18px;
  border:1px solid var(--line-dark);
  border-radius:2px;
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s;
}
.solid-btn{
  background:var(--forest);
  color:#fffdf6;
  border-color:var(--forest);
  box-shadow:0 12px 24px rgba(23,58,49,.16);
}
.solid-btn:hover{
  background:var(--forest-2);
  transform:translateY(-1px);
}
.ghost-btn{
  background:#fff;
  color:var(--forest);
}
.ghost-btn:hover{
  border-color:var(--forest);
  transform:translateY(-1px);
}
.topnav .ghost-btn{
  border-color:rgba(189,147,66,.46);
  background:rgba(189,147,66,.12);
  color:#ffe7ad;
}
.topnav .ghost-btn:hover{
  border-color:var(--gold);
  background:rgba(189,147,66,.2);
}
.ghost-btn.danger{
  color:var(--red);
  border-color:rgba(181,79,65,.32);
  background:#fff7f5;
}
.file-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center}
.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
main{position:relative;z-index:1}
.hero{
  min-height:360px;
  padding:30px clamp(18px,4vw,52px) 18px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  gap:16px;
  align-items:stretch;
}
.hero-copy{
  min-height:300px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:30px;
  border:1px solid var(--line);
  background:linear-gradient(135deg,#ffffff 0%,#f8faf4 62%,#eef5ee 100%);
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
}
.hero-copy::after{
  content:"";
  position:absolute;
  width:190px;
  height:100%;
  right:0;
  top:0;
  background:linear-gradient(90deg,transparent,rgba(189,147,66,.14));
  pointer-events:none;
}
.eyebrow{
  margin:0 0 12px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold-dark);
}
h1,h2,h3,p{margin-top:0}
h1{
  max-width:860px;
  margin-bottom:12px;
  font-family:'Cormorant',serif;
  font-size:3.2rem;
  font-weight:400;
  letter-spacing:-.02em;
  line-height:1;
  color:var(--ink);
}
h2{
  font-family:'Cormorant',serif;
  font-size:2.4rem;
  font-weight:400;
  line-height:1.05;
  letter-spacing:-.02em;
  color:var(--ink);
  margin-bottom:0;
}
h3{
  font-family:'Cormorant',serif;
  font-size:2rem;
  font-weight:400;
  line-height:1.08;
  letter-spacing:-.02em;
  color:var(--ink);
  margin-bottom:12px;
}
.hero-text{
  max-width:720px;
  margin-bottom:18px;
  font-size:1.14rem;
  line-height:1.7;
  color:var(--ink-2);
}
.system-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  max-width:760px;
}
.system-strip span{
  display:flex;
  align-items:center;
  min-height:42px;
  padding:0 13px;
  border:1px solid rgba(23,58,49,.16);
  background:rgba(255,255,255,.78);
  color:var(--forest);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.system-strip span::before{
  content:"";
  width:8px;
  height:8px;
  margin-right:9px;
  background:var(--gold);
}
.hero-panel,
.queue,
.analysis,
.tools{
  background:var(--panel);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.hero-panel{
  min-height:300px;
  padding:24px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,244,.92)),
    url("../img/el-chez-logo.png");
  background-repeat:no-repeat;
  background-position:right -42px top -62px;
  background-size:230px;
}
.hero-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,transparent 0 52%,rgba(23,58,49,.08));
  pointer-events:none;
}
.live-strip,.hero-metrics,.verdict-orb{position:relative;z-index:1}
.live-strip{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding-bottom:18px;
  border-bottom:1px solid var(--line);
}
.live-strip span,.live-strip strong{
  font-size:.9rem;
  font-weight:800;
  text-transform:uppercase;
}
.live-strip span{color:var(--gold-dark)}
.live-strip strong{color:var(--ink-2);text-align:right}
.verdict-orb{
  width:158px;
  aspect-ratio:1;
  margin:22px auto;
  display:grid;
  place-items:center;
  text-align:center;
  border-radius:50%;
  background:linear-gradient(145deg,var(--forest) 0%,#255e50 100%);
  border:5px solid #ffffff;
  box-shadow:0 18px 38px rgba(23,58,49,.22);
  animation:slowPulse 5s ease-in-out infinite;
}
.verdict-orb span{
  display:block;
  font-family:'Cormorant',serif;
  font-size:3.8rem;
  line-height:.9;
  color:#fffdf6;
}
.verdict-orb small{
  display:block;
  margin-top:8px;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#f7dc9a;
}
.hero-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.hero-metrics div,
.kpi,
.metric-panel{
  padding:18px;
  background:#fff;
  border:1px solid var(--line);
}
.hero-metrics small,.kpi small,.metric-panel small,.result-tower small,.verdict-panel small{
  display:block;
  margin-bottom:8px;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--muted);
}
.hero-metrics strong,.kpi strong,.metric-panel strong{
  display:block;
  font-family:'Cormorant',serif;
  font-size:2rem;
  font-weight:700;
  color:var(--forest);
}
.kpi-row{
  padding:0 clamp(18px,4vw,52px) 26px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.kpi{
  border-left:4px solid var(--gold);
}
.kpi strong{font-size:2.35rem}
.pricing-settings{
  margin:0 clamp(18px,4vw,52px) 18px;
  padding:22px;
  border:1px solid var(--line);
  border-top:4px solid var(--forest);
  background:var(--panel);
  box-shadow:var(--shadow);
}
.settings-head{
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.settings-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
.settings-note{
  margin-top:14px;
  padding:12px 14px;
  border:1px solid var(--line);
  background:var(--sage-2);
  color:var(--forest);
  font-size:.92rem;
  font-weight:600;
}
.workspace{
  display:grid;
  grid-template-columns:390px minmax(0,1fr);
  gap:16px;
  padding:0 clamp(18px,4vw,52px) 56px;
  align-items:start;
}
.queue{
  position:sticky;
  top:104px;
  max-height:calc(100vh - 122px);
  overflow:auto;
  padding:24px;
  border-top:4px solid var(--forest);
}
.analysis{
  padding:28px;
  border-top:4px solid var(--gold);
}
.section-head{padding:0 clamp(18px,4vw,52px) 24px}
.section-head.compact{padding:0 0 18px}
.queue-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-bottom:14px;
}
.queue-sync{
  margin-bottom:16px;
  padding:13px 14px;
  border:1px solid var(--line);
  background:var(--sage-2);
  border-left:4px solid var(--gold);
  font-size:.86rem;
  font-weight:800;
  text-transform:uppercase;
  color:var(--forest);
}
.queue-list{display:flex;flex-direction:column;gap:10px}
.empty-state{
  padding:18px;
  border:1px dashed var(--line-dark);
  background:var(--panel-soft);
  color:var(--ink-2);
  font-size:1rem;
  line-height:1.7;
}
.queue-item{
  width:100%;
  text-align:left;
  padding:16px;
  border:1px solid var(--line);
  border-left:4px solid transparent;
  background:#fff;
  transition:background .18s,border-color .18s,transform .18s;
}
.queue-item:hover,.queue-item.active{
  background:var(--sage-2);
  border-color:var(--forest-2);
  border-left-color:var(--forest);
  transform:translateY(-1px);
}
.queue-item-top{
  display:flex;
  justify-content:space-between;
  gap:14px;
  margin-bottom:8px;
}
.queue-name{
  font-size:1.12rem;
  font-weight:800;
  color:var(--ink);
}
.queue-score{
  font-family:'Cormorant',serif;
  font-size:1.48rem;
  color:var(--forest);
}
.queue-meta{
  font-size:1rem;
  line-height:1.5;
  color:var(--ink-2);
}
.queue-status{
  display:inline-flex;
  margin-top:12px;
  padding:7px 10px;
  border:1px solid var(--line);
  background:#fff;
  font-size:.82rem;
  font-weight:800;
  text-transform:uppercase;
  color:var(--gold-dark);
}
.analysis-top{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:start;
  margin-bottom:22px;
}
.status-pill{
  padding:9px 13px;
  border:1px solid rgba(169,111,22,.28);
  color:var(--amber);
  background:#fff8e7;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.status-pill.good{border-color:rgba(47,135,96,.3);color:var(--green);background:#edf8f2}
.status-pill.bad{border-color:rgba(181,79,65,.3);color:var(--red);background:#fff2ef}
.analysis-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:14px;
}
.metric-panel span{
  display:block;
  margin-top:8px;
  font-size:1.02rem;
  color:var(--ink-2);
}
.verdict-panel{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  margin-bottom:22px;
  padding:20px;
  border:1px solid rgba(169,111,22,.28);
  border-left:5px solid var(--amber);
  background:#fff8e7;
}
.verdict-panel.good{border-color:rgba(47,135,96,.3);border-left-color:var(--green);background:#edf8f2}
.verdict-panel.bad{border-color:rgba(181,79,65,.3);border-left-color:var(--red);background:#fff2ef}
.verdict-panel strong{
  display:block;
  font-family:'Cormorant',serif;
  font-size:1.9rem;
  font-weight:700;
}
.verdict-panel p{
  max-width:720px;
  margin:0;
  color:var(--ink-2);
  font-size:1.05rem;
  line-height:1.65;
}
.lead-form{display:flex;flex-direction:column;gap:16px}
.form-section{
  margin:0;
  padding:18px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,#fff 0%,#fbfcf8 100%);
}
.form-section legend{
  padding:0 10px;
  color:var(--forest);
  font-size:.86rem;
  font-weight:700;
  text-transform:uppercase;
}
.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.form-grid.tight{grid-template-columns:repeat(2,1fr)}
.client-grid{grid-template-columns:1.1fr 1.1fr .9fr .8fr}
.project-grid{grid-template-columns:repeat(4,1fr)}
.commercial-grid{grid-template-columns:repeat(4,1fr)}
label{
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:.86rem;
  font-weight:600;
  text-transform:uppercase;
  color:var(--ink-2);
}
input,select,textarea{
  width:100%;
  min-height:50px;
  border:1px solid #b9c1b1;
  background:#fff;
  color:var(--ink);
  padding:13px 14px;
  border-radius:4px;
  outline:none;
  transition:border-color .18s,background .18s,box-shadow .18s;
  text-transform:none;
  font-size:1.1rem;
  font-weight:500;
  line-height:1.45;
}
textarea{
  resize:vertical;
  min-height:122px;
  line-height:1.6;
}
select option{background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{
  border-color:var(--forest);
  box-shadow:0 0 0 3px rgba(33,85,72,.14);
  background:#fff;
}
input[type=range]{
  accent-color:var(--forest);
  min-height:22px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.form-actions{display:flex;gap:10px;flex-wrap:wrap}
.form-actions{
  padding:16px 0 0;
  border-top:1px solid var(--line);
}
.tools{
  margin:0 clamp(18px,4vw,52px) 56px;
  padding:34px 0 0;
  overflow:hidden;
  border-top:4px solid var(--forest);
}
.tool-tabs{
  display:flex;
  gap:0;
  overflow-x:auto;
  padding:0 clamp(18px,4vw,52px);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--panel-soft);
}
.tool-tab{
  min-height:58px;
  padding:0 22px;
  border-right:1px solid var(--line);
  font-size:.84rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  white-space:nowrap;
  transition:color .18s,background .18s,box-shadow .18s;
}
.tool-tab:hover{
  color:var(--forest);
  background:#fff;
}
.tool-tab.active{
  color:var(--forest);
  background:#fff;
  box-shadow:inset 0 -3px 0 var(--forest);
}
.tool-panels{padding:30px clamp(18px,4vw,52px) 42px}
.tool-panel{
  display:none;
  grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);
  gap:26px;
  align-items:start;
}
.tool-panel.active{display:grid}
.tool-copy p:not(.eyebrow){
  color:var(--ink-2);
  font-size:1.08rem;
  line-height:1.7;
}
.checker-board,.quote-box,.colour-area,.result-tower,.controls{
  border:1px solid var(--line);
  background:#fff;
  padding:24px;
}
.check-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:15px 0;
  border-bottom:1px solid var(--line);
}
.check-row:last-child{border-bottom:0}
.check-row span{
  color:var(--ink-2);
  font-size:1.05rem;
  line-height:1.45;
}
.check-row strong,.check-row b{
  font-family:'Cormorant',serif;
  font-size:1.55rem;
  font-weight:700;
  color:var(--forest);
  text-align:right;
}
.split-tool{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:18px;
}
.controls{
  display:flex;
  flex-direction:column;
  gap:20px;
  background:var(--panel-soft);
}
.controls label span{
  color:var(--forest);
  font-family:'Cormorant',serif;
  font-size:1.4rem;
  font-weight:700;
}
.result-tower{
  border-top:4px solid var(--gold);
}
.result-tower strong{
  display:block;
  font-family:'Cormorant',serif;
  font-size:5rem;
  font-weight:700;
  line-height:.95;
  color:var(--ink);
}
.result-tower>span{
  display:block;
  margin:10px 0 22px;
  font-size:1.05rem;
  color:var(--forest);
}
.quote-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-bottom:16px;
  margin-bottom:16px;
  border-bottom:1px solid var(--line);
}
.quote-head strong{
  font-family:'Cormorant',serif;
  font-size:1.75rem;
  font-weight:700;
}
.quote-head span,.quote-client{
  color:var(--ink-2);
  font-size:1rem;
}
.quote-client{margin-bottom:16px}
.quote-line{
  display:grid;
  grid-template-columns:1fr auto;
  gap:20px;
  padding:13px 0;
  border-bottom:1px solid var(--line);
  color:var(--ink-2);
  font-size:1rem;
}
.quote-line strong{color:var(--ink)}
.quote-total{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:20px 0;
  padding-top:16px;
  border-top:1px solid var(--line);
}
.quote-total span{
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
}
.quote-total strong{
  font-family:'Cormorant',serif;
  font-size:2.5rem;
  font-weight:700;
  color:var(--forest);
}
.colour-area input{margin-bottom:16px}
.colour-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:12px;
}
.colour-card{
  border:1px solid var(--line);
  overflow:hidden;
  background:#fff;
}
.swatch{height:96px}
.colour-body{padding:16px}
.colour-body strong{
  display:block;
  margin-bottom:6px;
  font-size:1.08rem;
}
.colour-body small{
  display:block;
  margin-bottom:10px;
  color:var(--gold-dark);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.colour-body p{
  margin:0;
  color:var(--ink-2);
  font-size:.96rem;
  line-height:1.55;
}
.toast{
  position:fixed;
  left:50%;
  bottom:24px;
  z-index:40;
  transform:translate(-50%,20px);
  opacity:0;
  padding:14px 18px;
  border:1px solid var(--line-dark);
  background:#fff;
  color:var(--forest);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  transition:opacity .25s,transform .25s;
  pointer-events:none;
  box-shadow:var(--shadow);
}
.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(18px);animation:rise .7s cubic-bezier(.16,1,.3,1) forwards}
.delay-1{animation-delay:.08s}
.delay-2{animation-delay:.16s}
@keyframes rise{to{opacity:1;transform:none}}
@keyframes slowPulse{
  0%,100%{box-shadow:0 18px 38px rgba(23,58,49,.22)}
  50%{box-shadow:0 22px 52px rgba(23,58,49,.38),0 0 0 10px rgba(33,85,72,.08)}
}
@media(max-width:1180px){
  .hero,.workspace,.tool-panel{grid-template-columns:1fr}
  .queue{position:relative;top:auto;max-height:none}
  .settings-grid{grid-template-columns:repeat(3,1fr)}
  .form-grid,.client-grid,.project-grid,.commercial-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .topbar{
    align-items:flex-start;
    padding:14px 16px;
  }
  .brand-logo{
    width:58px;
    height:58px;
  }
  .brand strong{font-size:1.15rem}
  .brand small{font-size:.68rem}
  .topnav{display:none}
  .hero{
    min-height:auto;
    padding:22px 16px 18px;
  }
  .hero-copy{
    min-height:auto;
    padding:24px;
  }
  .hero-panel{
    min-height:auto;
    padding:22px;
  }
  .verdict-orb{margin:24px auto}
  .hero-metrics,.kpi-row,.analysis-grid,.split-tool{grid-template-columns:1fr}
  .workspace,.tools,.pricing-settings{
    margin-left:16px;
    margin-right:16px;
    padding-left:0;
    padding-right:0;
  }
  .pricing-settings{padding:18px}
  .settings-head{display:block}
  .settings-head .ghost-btn{margin-top:12px;width:100%}
  .settings-grid{grid-template-columns:1fr}
  .workspace{padding-bottom:36px}
  .tools{margin-bottom:36px}
  .analysis,.queue{padding:20px}
  .form-grid,.form-grid.tight{grid-template-columns:1fr}
  .client-grid,.project-grid,.commercial-grid,.system-strip{grid-template-columns:1fr}
  .verdict-panel,.analysis-top{display:block}
  .status-pill{display:inline-flex;margin-top:14px}
  h1{font-size:2.6rem}
  h2{font-size:2rem}
  h3{font-size:1.72rem}
  .hero-text,.tool-copy p:not(.eyebrow),.verdict-panel p{font-size:1rem}
}
@media print{
  @page{margin:16mm}
  *{
    box-shadow:none!important;
    text-shadow:none!important;
  }
  html,body{
    width:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    color:#111!important;
  }
  body::before,
  .grain,
  .topbar,
  .hero,
  .kpi-row,
  .pricing-settings,
  .workspace,
  .section-head,
  .tool-tabs,
  .tool-copy,
  .toast,
  .checker-board,
  .colour-area,
  .controls,
  .result-tower,
  #tool-profit,
  #tool-paint,
  #tool-duration,
  #tool-colour,
  .quote-box .ghost-btn{
    display:none!important;
  }
  main,
  .tools,
  .tool-panels,
  #tool-quote,
  .quote-box{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#fff!important;
  }
  .quote-box{
    color:#111!important;
    font-family:'Manrope',"Segoe UI",Arial,sans-serif!important;
  }
  .quote-head{
    display:flex!important;
    border-bottom:1px solid #ccc!important;
    padding-bottom:14px!important;
    margin-bottom:18px!important;
  }
  .quote-head strong{
    font-size:22pt!important;
    color:#111!important;
  }
  .quote-head span,
  .quote-client{
    color:#333!important;
    font-size:11pt!important;
  }
  .quote-line{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    color:#222!important;
    border-bottom:1px solid #ddd!important;
    padding:10px 0!important;
    font-size:11pt!important;
  }
  .quote-line strong{
    color:#111!important;
  }
  .quote-total{
    display:flex!important;
    border-top:2px solid #111!important;
    margin-top:18px!important;
    padding-top:14px!important;
  }
  .quote-total strong{
    color:#111!important;
    font-size:26pt!important;
  }
}