/* RSA Solar theme: extra sections ported from the demo (pressed buttons, hero sun, trust strip, calculator, projects...) */

/* ---------- pressed buttons (demo style, site colours) ---------- */
.rsa-btn,.btn{--bt:#1a22a8;--bb:var(--navy);--ring:rgba(8,13,99,.2);border:0;border-radius:12px;padding:13px 22px;color:#fff;
  background:linear-gradient(180deg,var(--bt),var(--bb));
  box-shadow:0 0 0 4px var(--ring),0 2px 3px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -10px 14px rgba(255,255,255,.07)}
.rsa-btn:hover,.btn:hover{transform:translateY(-1px);color:#fff;filter:brightness(1.06)}
.rsa-btn:active,.btn:active{transform:translateY(1px);box-shadow:0 0 0 4px var(--ring),0 0 1px rgba(0,0,0,.5),inset 0 2px 4px rgba(0,0,0,.25)}
.rsa-btn--red,.btn--red{--bt:#ff6a6f;--bb:var(--red);--ring:rgba(255,32,40,.22)}
.rsa-btn--red:hover,.btn--red:hover{background:linear-gradient(180deg,#ff7b80,#f01820)}
.rsa-btn--navy{--bt:#1a22a8;--bb:var(--navy)}
.rsa-btn--navy:hover{background:linear-gradient(180deg,#2a32c0,var(--navy2))}
.rsa-btn--white{--bt:#fff;--bb:#e6eaf6;--ring:rgba(255,255,255,.3);color:#080D63}
.rsa-btn--white:hover{color:#080D63;background:linear-gradient(180deg,#fff,#dde3f4)}
.rsa-btn--ghost{background:var(--surface);color:var(--head);box-shadow:0 0 0 2px var(--navy) inset,0 0 0 4px rgba(8,13,99,.1)}
.rsa-btn--ghost:hover{background:var(--navy);color:#fff}
.rsa-btn--sm{padding:8px 14px;border-radius:10px;box-shadow:0 0 0 3px var(--ring),0 2px 3px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.35)}
.rsa-btn--ghost.rsa-btn--sm{box-shadow:0 0 0 2px var(--navy) inset}

/* ---------- hero: sun that moves as you scroll, facts, roof edge ---------- */
:root{--bannerScroll:0}
.hero{position:relative;isolation:isolate}
.hero__sun{position:absolute;z-index:0;left:calc(78% - 56%*var(--bannerScroll));top:calc(20% + 62%*var(--bannerScroll));width:clamp(140px,20vw,280px);aspect-ratio:1;translate:-50% -50%;pointer-events:none;mix-blend-mode:screen;will-change:left,top;opacity:.9}
.hero__disc{position:absolute;inset:26%;border-radius:50%;background:radial-gradient(circle,#fff 0 28%,#ff8d92 58%,var(--red) 100%);box-shadow:0 0 60px 30px rgba(255,32,40,.35),0 0 160px 80px rgba(16,27,255,.28)}
.hero__rays{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.5) 0 4deg,transparent 4deg 15deg);-webkit-mask:radial-gradient(circle,transparent 30%,#000 36%,transparent 70%);mask:radial-gradient(circle,transparent 30%,#000 36%,transparent 70%);transform:rotate(calc(var(--bannerScroll)*140deg))}
.hero .hero__in{position:relative;z-index:1}
.hero__facts{list-style:none;display:flex;flex-wrap:wrap;gap:12px 36px;margin:26px 0 0}
.hero__facts li{display:flex;flex-direction:column;border-left:3px solid var(--red);padding-left:12px;line-height:1.3}
.hero__facts strong{font-size:1.02rem;color:#fff}
.hero__facts span{font-size:.88rem;color:#c5cbff}
.hero__roof{position:absolute;left:0;right:0;bottom:-1px;height:min(6vw,70px);background:var(--bg);clip-path:polygon(0 100%,0 62%,100% 0,100% 100%);z-index:2}
@media (prefers-reduced-motion:reduce){.hero__sun,.hero__rays{transform:none!important}}
@media (max-width:760px){.hero__sun{left:calc(76% - 50%*var(--bannerScroll));top:calc(10% + 56%*var(--bannerScroll));width:130px}}

/* ---------- trust strip ---------- */
.trustbar{background:var(--grey);border-bottom:1px solid var(--line)}
.trustbar ul{list-style:none;margin:0;padding:14px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 18px}
.trustbar li{display:flex;align-items:center;gap:10px;font-size:.92rem;font-weight:600;color:var(--ink)}
.trustbar svg{color:var(--blue)}

/* ---------- stats band ---------- */
.statband{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}
.statband div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;text-align:center}
.statband b{display:block;font-size:clamp(1.7rem,3.4vw,2.3rem);color:var(--red);line-height:1.1;font-weight:800}
.statband span{font-size:.9rem;color:var(--soft)}

/* ---------- assessment promo ---------- */
.assess{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,64px);align-items:center}
.assess h2,.assess p{color:#fff}
.assess p{color:#c5cbff}
.assess__steps{list-style:none;display:grid;gap:14px;margin:20px 0 26px}
.assess__steps li{display:flex;gap:14px;align-items:flex-start;color:#e6e9ff}
.assess__steps b{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--red);color:#fff}
.assess__card{background:var(--surface);color:var(--ink);border-radius:20px;padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.assess__card h3{margin:0 0 6px}
.assess__row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.95rem}
.assess__row:last-of-type{border:0}
.assess__row b{color:var(--head)}
.assess__note{font-size:.82rem;color:var(--soft);margin:12px 0 0}

/* ---------- project feature ---------- */
.proj{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,64px);align-items:center}
.proj__media{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:linear-gradient(160deg,var(--navy),#0b1190);box-shadow:16px 16px 0 var(--red)}
.proj__media img{width:100%;height:100%;object-fit:cover}
.proj__stats{display:flex;gap:26px;margin:22px 0;flex-wrap:wrap}
.proj__stats div{border-top:3px solid var(--red);padding-top:10px}
.proj__stats dt{font-size:.85rem;color:var(--soft)}
.proj__stats dd{margin:0;font-size:1.8rem;font-weight:800;color:var(--head);letter-spacing:-.02em}

/* ---------- why / who / areas ---------- */
.whygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.whygrid article{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.whygrid .ico{color:var(--blue);margin-bottom:10px}
.whygrid h3{margin-bottom:.35em}
.whygrid p{color:var(--soft);margin:0;font-size:.97rem}
.aud{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.aud article{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.aud .ico{color:var(--red)}
.ticks{list-style:none;display:grid;gap:10px;margin:14px 0 18px}
.ticks li{display:flex;gap:10px}
.ticks .ico{color:var(--blue);margin-top:3px}
.areas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.areas article{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.areas h3{font-size:1rem;margin-bottom:.25em}
.areas p{margin:0;font-size:.9rem;color:var(--soft)}
.paychips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;list-style:none}
.paychips li{display:inline-flex;gap:6px;align-items:center;background:var(--grey);border:1px solid var(--line);padding:5px 12px;border-radius:99px;font-size:.88rem;font-weight:600;color:var(--head)}
.homequote{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,60px);align-items:start}
.homequote__card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(20px,3vw,32px);box-shadow:0 10px 30px rgba(8,13,99,.08)}
.contactlist{list-style:none;display:grid;gap:14px;margin:18px 0}
.contactlist li{display:flex;gap:12px;align-items:flex-start}
.contactlist .ico{color:var(--red);margin-top:3px}
.contactlist a{color:var(--head);font-weight:600;text-decoration:none}

/* ---------- category + product page extras ---------- */
.catguide{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,56px);align-items:start;margin-top:48px}
.catguide ul{list-style:none;display:grid;gap:12px}
.catguide li{display:flex;gap:10px}
.alsoin{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:20px}
.alsoin a{display:block;padding:16px 18px;background:var(--grey);border-radius:12px;font-weight:700;color:var(--head);text-decoration:none}
.alsoin a:hover{background:var(--navy);color:#fff}
.buybox{background:var(--grey);border-radius:14px;padding:16px 18px;margin:18px 0;border-left:4px solid var(--red)}
.buybox h3{font-size:1rem;margin-bottom:.4em}
.buybox ul{list-style:none;display:grid;gap:6px;font-size:.95rem}
.helpband{background:var(--navy);color:#e6e9ff;border-radius:18px;padding:clamp(22px,4vw,36px);margin:36px 0;display:flex;gap:18px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.helpband h3{color:#fff;margin:0 0 .25em}
.helpband p{margin:0;color:#c5cbff}

/* ---------- projects + commercial pages ---------- */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards3 article{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.cards3 .ico{color:var(--blue);margin-bottom:10px}
.cards3 p{color:var(--soft);margin:0}
.specs{width:100%;border-collapse:collapse;margin:10px 0 18px}
.specs th,.specs td{padding:10px 0;border-bottom:1px solid var(--line);text-align:left}
.specs th{font-weight:600;color:var(--soft);width:40%}
.prose-wide{max-width:820px}
.prose-wide h2{margin-top:1.6em}

@media (max-width:980px){
  .assess,.proj,.homequote,.catguide,.aud{grid-template-columns:1fr}
  .whygrid,.cards3{grid-template-columns:1fr 1fr}
  .areas{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .whygrid,.cards3,.areas{grid-template-columns:1fr}
  .proj__media{box-shadow:10px 10px 0 var(--red)}
}

/* ---------- calculator (demo button shells used inside the calculator only) ---------- */
.calc-scope{--bg:#fff;--bg-soft:#F2F5FA;--bg-alt:#F2F5FA;--bg-card:#fff;--ink-soft:#5a6275;--ink-faint:#7a8296;--line-strong:#cdd4e4;
  --amber:var(--red);--amber-deep:var(--red);--amber-soft:#fff0f0;--green:var(--blue);--green-deep:var(--blue);--green-soft:#eceeff;--sky-deep:var(--navy);--danger:#c0392b;
  --radius:16px;--radius-sm:10px;--radius-lg:24px;--shadow-md:0 4px 14px rgba(8,13,99,.08),0 12px 32px rgba(8,13,99,.07);--shadow-lg:0 18px 50px rgba(8,13,99,.16)}
.calc-scope .mt-2{margin-top:12px}.calc-scope .mt-3{margin-top:20px}.calc-scope .mb-0{margin-bottom:0}
.calc-scope .small{font-size:.88rem}.calc-scope .muted{color:var(--ink-faint)}
.calc-scope .btn-shell{display:inline-block;padding:4px;border-radius:16px;background:linear-gradient(180deg,rgba(214,211,204,.4),rgba(214,211,204,0));text-decoration:none;vertical-align:middle}
.calc-scope .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:4px;border:0;border-radius:12px;background:linear-gradient(180deg,#fff,#e7e5e4 40%);box-shadow:0 1px 3px rgba(0,0,0,.5);font:inherit;font-weight:700;color:#1c1917;cursor:pointer;text-decoration:none;filter:none;transform:none}
.calc-scope .btn:hover{filter:none;color:#1c1917}
.calc-scope .btn-face{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;border-radius:8px;padding:11px 18px;background:linear-gradient(180deg,rgba(231,229,228,.4),#fff 80%);text-align:center;line-height:1.3}
.calc-scope .btn:active{box-shadow:0 0 1px rgba(0,0,0,.5);transform:scale(.995)}
.calc-scope .btn svg{width:18px;height:18px;flex:0 0 auto}
.calc-scope .btn-shell--amber{background:linear-gradient(180deg,rgba(255,32,40,.4),rgba(255,32,40,0))}
.calc-scope .btn--amber{background:linear-gradient(180deg,#ff6a6f,var(--red));color:#fff}
.calc-scope .btn--amber:hover{color:#fff}
.calc-scope .btn--amber .btn-face{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.1));color:#fff}
.calc-scope .btn-shell--green{background:linear-gradient(180deg,rgba(34,244,158,.45),rgba(34,244,158,0))}
.calc-scope .btn--green{background:linear-gradient(180deg,#4dffb4,#14c97e);color:#04301f}
.calc-scope .btn--green .btn-face{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.6))}
.calc-scope .btn-shell--dark{background:linear-gradient(180deg,rgba(8,13,99,.3),rgba(8,13,99,0))}
.calc-scope .btn--dark{background:linear-gradient(180deg,#1a22a8,var(--navy));color:#f2f7f5}
.calc-scope .btn--dark:hover{color:#fff}
.calc-scope .btn--dark .btn-face{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.22))}
.calc-scope .btn--sm .btn-face{padding:8px 14px;font-size:.9rem}
.calc-scope .btn[aria-disabled="true"]{opacity:.55;pointer-events:none}
.calc-scope .note{border:1px dashed var(--line-strong);background:var(--bg-soft);border-radius:var(--radius);padding:16px 18px;font-size:.92rem;color:var(--ink-soft)}
.calc-scope .note strong{color:var(--ink)}
.calc-scope .note--amber{border-style:solid;border-color:var(--red);background:var(--amber-soft)}
.calc-scope .consent{display:flex;gap:11px;align-items:flex-start;font-size:.88rem;color:var(--ink-soft)}
.calc-scope .honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.calc-scope .form-status{margin-top:14px;font-weight:700}
.calc-scope .form-status.ok{color:var(--blue)}.calc-scope .form-status.err{color:var(--danger)}
.calc-scope .calc-shell{background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;}
.calc-scope .calc-top{display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  background: linear-gradient(135deg, var(--amber-soft), var(--green-soft));
  border-bottom: 1px solid var(--line);}
.calc-scope .calc-top__avatar{width: 44px; height: 44px;
  border-radius: 50%;
  display: grid; place-items: center;
  background: linear-gradient(160deg, #ffc55c, var(--amber));
  color: #fff;
  flex: 0 0 44px;}
.calc-scope .calc-top__avatar svg{width: 22px; height: 22px;}
.calc-scope .calc-top strong{display: block; font-size: 1rem;}
.calc-scope .calc-top small{color: var(--ink-soft); font-size: .84rem;}
.calc-scope .calc-top .status{margin-left: auto; font-size: .78rem; color: var(--green-deep); font-weight: 700; display: flex; align-items: center; gap: 6px;}
.calc-scope .calc-top .status::before{content: ""; width: 8px; height: 8px; border-radius: 50%; background: #25d366; box-shadow: 0 0 0 3px rgba(37, 211, 102, .25);}
.calc-scope .progress{height: 6px; background: var(--bg-alt);}
.calc-scope .progress__bar{height: 100%; width: 0; background: linear-gradient(90deg, var(--amber), var(--green)); transition: width .5s var(--ease);}
.calc-scope .calc-body{padding: clamp(18px, 3vw, 28px);
  min-height: 430px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  background:
    radial-gradient(circle at 12% 8%, rgba(34, 244, 158, .07), transparent 45%),
    radial-gradient(circle at 88% 92%, rgba(245, 165, 36, .09), transparent 45%),
    var(--bg-card);}
.calc-scope .chat-log{flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 13px;
  max-height: min(46vh, 430px);
  overflow-y: auto;
  scrollbar-width: thin;
  padding-right: 4px;}
.calc-scope .calc-input{flex: 0 0 auto; border-top: 1px dashed var(--line); padding-top: 16px;}
.calc-scope .calc-input:empty{display: none;}
.calc-scope .calc-input .calc-step{margin: 0;}
.calc-scope .bubble{max-width: min(560px, 88%);
  padding: 13px 17px;
  border-radius: 16px;
  font-size: .98rem;
  box-shadow: var(--shadow-sm);
  animation: bubble-in .35s var(--ease) both;}
.calc-scope .bubble--bot{align-self: flex-start; background: var(--bg-alt); border: 1px solid var(--line); border-bottom-left-radius: 5px;}
.calc-scope .bubble--user{align-self: flex-end; background: linear-gradient(180deg, #ff6a6f, var(--red)); color: #fff; border-bottom-right-radius: 5px; font-weight: 600;}
@keyframes bubble-in{ from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.calc-scope .typing{display: inline-flex; gap: 5px; padding: 4px 2px;}
.calc-scope .typing span{width: 8px; height: 8px; border-radius: 50%; background: var(--ink-faint); animation: typing 1.1s infinite;}
.calc-scope .typing span:nth-child(2){animation-delay: .18s;}
.calc-scope .typing span:nth-child(3){animation-delay: .36s;}
@keyframes typing{ 0%, 60%, 100% { transform: translateY(0); opacity: .45; } 30% { transform: translateY(-5px); opacity: 1; } }
.calc-scope .calc-step{align-self: stretch; display: grid; gap: 12px; animation: bubble-in .35s var(--ease) both;}
.calc-scope .calc-step > p{margin: 0; font-weight: 600; font-size: .98rem;}
.calc-scope .choice-row{display: flex; flex-wrap: wrap; gap: 10px;}
.calc-scope .choice{cursor: pointer;
  border: 1.5px solid var(--line-strong);
  background: var(--bg-card);
  border-radius: 14px;
  padding: 12px 16px;
  font: inherit;
  font-weight: 700;
  color: var(--ink);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  transition: border-color .18s ease, background .18s ease, transform .12s var(--ease);}
.calc-scope .choice svg{width: 20px; height: 20px; flex: 0 0 20px; color: var(--amber-deep);}
.calc-scope .choice:hover{border-color: var(--amber); background: var(--amber-soft);}
.calc-scope .choice:active{transform: scale(.98);}
.calc-scope .choice small{display: block; font-weight: 500; color: var(--ink-faint); font-size: .8rem;}
.calc-scope .stepper{display: inline-flex; align-items: center; border: 1.5px solid var(--line-strong); border-radius: 12px; overflow: hidden; background: var(--bg-card);}
.calc-scope .stepper button{width: 38px; height: 38px;
  border: 0;
  background: var(--bg-alt);
  color: var(--ink);
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer;
  line-height: 1;}
.calc-scope .stepper button:hover{background: var(--amber-soft);}
.calc-scope .stepper output{min-width: 40px; text-align: center; font-weight: 800; font-variant-numeric: tabular-nums;}
.calc-scope .field-row{display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));}
.calc-scope .field label, .calc-scope .field-label{display: block; font-weight: 700; font-size: .86rem; margin-bottom: 6px; color: var(--ink-soft);}
.calc-scope input[type="text"], .calc-scope input[type="email"], .calc-scope input[type="tel"], .calc-scope input[type="number"], .calc-scope input[type="search"], .calc-scope select, .calc-scope textarea{width: 100%;
  font: inherit;
  font-size: 1rem;
  color: var(--ink);
  background: var(--bg-card);
  border: 1.5px solid var(--line-strong);
  border-radius: 12px;
  padding: 12px 14px;
  transition: border-color .18s ease, box-shadow .18s ease;}
.calc-scope input:focus, .calc-scope select:focus, .calc-scope textarea:focus{border-color: var(--sky-deep); box-shadow: 0 0 0 4px rgba(56, 189, 248, .18); outline: none;}
.calc-scope input[type="range"]{width: 100%; accent-color: var(--amber-deep);}
.calc-scope textarea{min-height: 130px; resize: vertical;}
.calc-scope .field small{display: block; color: var(--ink-faint); font-size: .8rem; margin-top: 5px;}
.calc-scope .appliance-grid{display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));}
.calc-scope .appliance{display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  padding: 10px 12px;
  border: 1.5px solid var(--line);
  border-radius: 14px;
  background: var(--bg-card);
  font: inherit;
  color: var(--ink);
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;}
.calc-scope .appliance:hover{border-color: var(--amber);}
.calc-scope .appliance[aria-pressed="true"]{border-color: var(--green-deep); background: var(--green-soft);}
.calc-scope .appliance svg{width: 24px; height: 24px; flex: 0 0 24px; color: var(--sky-deep);}
.calc-scope .appliance.is-picked{align-self: stretch; grid-column: 1 / -1; border-style: dashed; border-color: var(--amber); background: var(--amber-soft);}
.calc-scope .appliance.is-picked .appliance__meta{margin-left: auto; display: flex; align-items: center; gap: 10px;}
.calc-scope .quant-row{display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));}
.calc-scope .quant{display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--bg-card);}
.calc-scope .quant__name{font-weight: 700; font-size: .92rem;}
.calc-scope .quant__name span{display: block; font-weight: 500; color: var(--ink-faint); font-size: .78rem;}
.calc-scope .quant .stepper{margin-left: auto;}
.calc-scope .calc-foot{display: flex; flex-wrap: wrap; gap: 12px; align-items: center; padding: 16px clamp(18px, 3vw, 28px); border-top: 1px solid var(--line); background: var(--bg-soft);}
.calc-scope .calc-foot .hint{font-size: .84rem; color: var(--ink-faint); margin: 0;}
.calc-scope .result{align-self: stretch;
  border: 1px solid var(--green);
  border-radius: var(--radius-lg);
  background: linear-gradient(160deg, var(--green-soft), var(--bg-card) 60%);
  padding: clamp(18px, 3vw, 26px);
  animation: bubble-in .45s var(--ease) both;}
.calc-scope .result h3{margin-bottom: .2em;}
.calc-scope .result__hero{display: flex; flex-wrap: wrap; gap: 18px; align-items: center; margin-bottom: 18px;}
.calc-scope .panel-stack{display: flex; gap: 4px; align-items: flex-end; height: 62px;}
.calc-scope .panel-stack span{width: 26px; height: 44px;
  border-radius: 4px;
  border: 2px solid var(--sky-deep);
  background: linear-gradient(180deg, rgba(56, 189, 248, .18), rgba(56, 189, 248, .5));
  transform: skewY(-12deg);
  animation: panel-fill .9s var(--ease) both;}
@keyframes panel-fill{ from { opacity: 0; transform: skewY(-12deg) translateY(16px); } to { opacity: 1; transform: skewY(-12deg) translateY(0); } }
.calc-scope .result__specs{display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin-bottom: 16px;}
.calc-scope .spec{background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px 14px;}
.calc-scope .spec dt{font-size: .76rem; text-transform: uppercase; letter-spacing: .07em; color: var(--ink-faint); font-weight: 700;}
.calc-scope .spec dd{margin: 4px 0 0; font-weight: 800; font-size: 1.12rem; color: var(--ink); font-variant-numeric: tabular-nums;}
.calc-scope .spec dd small{display: block; font-weight: 500; font-size: .78rem; color: var(--ink-faint);}
.calc-scope .calc-error{border-color: var(--danger); background: color-mix(in srgb, var(--danger) 8%, var(--bg-card)); padding: 14px 16px; border-radius: 14px; border: 1.5px solid var(--danger); color: var(--danger); font-weight: 600;}
.calc-scope .consent{display: flex; gap: 11px; align-items: flex-start; font-size: .88rem; color: var(--ink-soft);}
.calc-scope .consent input{width: 20px; height: 20px; flex: 0 0 20px; margin-top: 2px; accent-color: var(--green-deep);}
.calc-scope .form-card{background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: clamp(20px, 3vw, 32px);
  box-shadow: var(--shadow-sm);}
.calc-scope .form-grid{display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));}
.calc-scope .form-grid .field--full{grid-column: 1 / -1;}
.calc-scope .honeypot{position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important;}
.calc-scope .form-status{margin-top: 14px; font-weight: 700;}
.calc-scope .form-status.ok{color: var(--green-deep);}
.calc-scope .form-status.err{color: var(--danger);}
.hero .hero__in{padding-bottom:clamp(64px,9vw,130px)}
.assess__steps{counter-reset:none}
.catguide .faq{margin:0}
.trustbar ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px}
.calc-scope button.btn-shell{border:0;font:inherit;cursor:pointer;background-color:transparent}