/* Alsaedah Energy 3.0 — modern solar experience */
:root {
  --primary: #0d4267;
  --primary-dark: #061d32;
  --primary-soft: #eaf3f8;
  --accent: #0ea5a8;
  --accent-dark: #087b82;
  --accent-soft: #e5f8f7;
  --sun: #ffb703;
  --sun-dark: #d98300;
  --sun-soft: #fff6d6;
  --green: #15a06f;
  --ink: #101828;
  --text: #344054;
  --muted: #697586;
  --line: #dfe7ef;
  --surface: #fff;
  --bg: #f5f8fb;
  --radius: 22px;
  --radius-lg: 32px;
  --radius-xl: 46px;
  --shadow-sm: 0 8px 24px rgba(6, 35, 58, .065);
  --shadow: 0 22px 60px rgba(6, 35, 58, .11);
  --shadow-lg: 0 36px 90px rgba(4, 26, 46, .18);
  --container: 1260px;
}

html,body { overflow-x:hidden; overflow-x:clip; }
body { background: var(--bg); }
.section { padding: clamp(5rem, 9vw, 8.25rem) 0; }
.site-content { overflow: clip; }
.btn { min-height: 55px; padding: .8rem 1.45rem; border-radius: 999px; }
.btn--sun { box-shadow: 0 16px 36px rgba(255,183,3,.24); }
.btn--glass { color:#fff; border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.1); backdrop-filter:blur(12px); box-shadow:none; }
.btn--glass:hover { color:#071f36; background:#fff; border-color:#fff; }
.eyebrow { gap:.6rem; margin-bottom:.9rem; color:var(--accent-dark); }
.eyebrow::before { display:none; }
.eyebrow > i { width:25px; height:2px; border-radius:99px; background:var(--sun); }

/* Header */
.site-header--v3 { background:rgba(255,255,255,.86); border-bottom-color:rgba(216,227,237,.72); backdrop-filter:blur(22px) saturate(155%); }
.site-header--v3.is-scrolled { box-shadow:0 16px 48px rgba(6,35,58,.105); }
.announcement-bar { background:#061d32; color:#d9e8f2; font-size:.76rem; }
.announcement-bar__inner { min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.announcement-bar p,.announcement-bar__inner > div { display:flex; align-items:center; gap:.65rem; margin:0; }
.announcement-bar p > span:last-child { color:#87a8bd; }
.announcement-bar a { display:inline-flex; align-items:center; gap:.35rem; color:#eaf6fb; }
.announcement-bar a + a { padding-inline-start:.75rem; border-inline-start:1px solid rgba(255,255,255,.12); }
.announcement-bar a:hover { color:#ffd166; }
.status-dot { position:relative; width:7px; height:7px; flex:0 0 auto; background:#3ade96; }
.status-dot::after { content:""; position:absolute; inset:-5px; border:1px solid #3ade96; border-radius:50%; animation:livePulse 2.2s ease-out infinite; }
@keyframes livePulse { 70%,100% { transform:scale(1.7); opacity:0; } }
.navbar--v3 { min-height:82px; gap:clamp(1rem,2.3vw,2.35rem); }
.brand-fallback--v3 .brand-mark { width:50px; height:50px; overflow:hidden; padding:4px; background:linear-gradient(145deg,#fff8d8,#eaf8f9); border:1px solid #dde9ef; border-radius:16px; box-shadow:0 8px 20px rgba(6,35,58,.07); }
.brand-fallback--v3 .brand-mark svg { width:44px; height:44px; }
.brand-fallback--v3 strong { color:#0a263e; font-size:1.1rem; }
.brand-fallback--v3 small { color:#71869a; }
.site-nav--v3 .menu { gap:.05rem; }
.site-nav--v3 .menu a { position:relative; padding:.55rem .72rem; background:transparent; font-size:.88rem; }
.site-nav--v3 .menu > li > a::after { content:""; position:absolute; right:50%; bottom:4px; left:50%; height:2px; border-radius:4px; background:var(--sun); transition:right .25s ease,left .25s ease; }
.site-nav--v3 .menu > li > a:hover::after,.site-nav--v3 .menu > .current-menu-item > a::after { right:.8rem; left:.8rem; }
.site-nav--v3 .menu a:hover,.site-nav--v3 .menu .current-menu-item > a,.site-nav--v3 .menu .current_page_item > a { color:#0a395b; background:transparent; }
.mobile-nav__head,.mobile-nav__whatsapp { display:none; }
.header-actions { display:flex; align-items:center; gap:.6rem; margin-inline-start:auto; }
.header-phone { width:43px; height:43px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:#fff; color:var(--primary); box-shadow:var(--shadow-sm); }
.header-phone:hover { color:var(--primary-dark); border-color:#b7d2df; transform:translateY(-2px); }
.header-cta--v3 { min-height:45px; border-radius:999px; }
.reading-progress { position:absolute; right:0; bottom:-1px; left:0; height:2px; overflow:hidden; }
.reading-progress span { display:block; width:100%; height:100%; background:linear-gradient(90deg,var(--sun),#ffdc73,var(--accent)); transform:scaleX(0); transform-origin:right; }

/* Hero */
.hero-v3 { position:relative; isolation:isolate; min-height:min(830px,calc(100vh - 116px)); display:grid; align-items:center; overflow:hidden; padding:clamp(5.2rem,9vw,8rem) 0 7rem; background:radial-gradient(circle at 22% 35%,rgba(14,165,168,.19),transparent 29%),linear-gradient(125deg,#041828 0%,#082f4b 52%,#0b4668 100%); color:#d9e7f1; }
.hero-v3::before { content:""; position:absolute; z-index:-3; inset:0; opacity:.38; background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.16) 1px,transparent 0); background-size:34px 34px; mask-image:linear-gradient(100deg,#000,transparent 75%); }
.hero-v3__mesh { position:absolute; z-index:-2; top:-35%; left:-12%; width:64vw; height:110%; border-radius:50%; opacity:.2; background:repeating-radial-gradient(circle at center,transparent 0 48px,rgba(255,255,255,.14) 49px 50px); transform:rotate(-12deg); }
.hero-v3__beam { position:absolute; z-index:-1; left:5%; bottom:-180px; width:42vw; height:650px; background:conic-gradient(from 180deg at 50% 100%,transparent,rgba(255,183,3,.13),transparent 32%); filter:blur(1px); }
.hero-v3__layout { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr); align-items:center; gap:clamp(2.5rem,7vw,6.5rem); }
.hero-v3__layout > * { min-width:0; }
.hero-v3__copy { position:relative; z-index:3; }
.hero-v3__kicker { display:inline-flex; align-items:center; gap:.65rem; margin-bottom:1.25rem; padding:.45rem .8rem; border:1px solid rgba(255,255,255,.14); border-radius:999px; background:rgba(255,255,255,.055); color:#bed2df; font-size:.8rem; font-weight:800; backdrop-filter:blur(9px); }
.hero-v3__kicker i { width:8px; height:8px; border-radius:50%; background:var(--sun); box-shadow:0 0 0 5px rgba(255,183,3,.13); }
.hero-v3 h1 { max-width:760px; margin-bottom:1.35rem; color:#fff; font-size:clamp(2.75rem,5.4vw,5.5rem); line-height:1.08; letter-spacing:-.055em; }
.hero-v3 h1 em { position:relative; z-index:1; display:inline-block; color:#ffd15c; font-style:normal; white-space:nowrap; }
.hero-v3 h1 em::before { content:""; position:absolute; z-index:-1; right:-.04em; bottom:.1em; width:104%; height:.22em; border-radius:99px; background:rgba(255,183,3,.2); transform:rotate(-1deg); }
.hero-v3__copy > p { max-width:655px; margin-bottom:1.75rem; color:#b9cedb; font-size:clamp(1.02rem,1.55vw,1.18rem); line-height:1.95; }
.hero-v3__actions { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; }
.hero-v3__link { display:inline-flex; align-items:center; gap:.7rem; color:#e4eef5; font-weight:800; }
.hero-v3__link:hover { color:#fff; }
.hero-v3__play { width:46px; height:46px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.2); border-radius:50%; background:rgba(255,255,255,.07); }
.hero-v3__proof { display:flex; align-items:center; gap:.8rem; margin-top:1.8rem; padding-top:1.3rem; border-top:1px solid rgba(255,255,255,.1); }
.proof-avatars { display:flex; padding-inline-start:13px; direction:ltr; }
.proof-avatars span { width:37px; height:37px; display:grid; place-items:center; margin-left:-13px; border:3px solid #082f4b; border-radius:50%; background:linear-gradient(145deg,#d9f3f2,#fff4c9); color:#0b4668; font-size:.68rem; font-weight:900; }
.proof-avatars span:last-child { background:#ffbd21; color:#092b45; }
.hero-v3__proof p { margin:0; }
.hero-v3__proof strong,.hero-v3__proof small { display:block; }
.hero-v3__proof strong { color:#fff; font-size:.83rem; }
.hero-v3__proof small { color:#8faabd; font-size:.7rem; }

.energy-cockpit { position:relative; min-height:530px; display:grid; place-items:center; perspective:1200px; transform-style:preserve-3d; transition:transform .2s ease-out; }
.energy-cockpit__halo { position:absolute; width:480px; height:480px; border:1px solid rgba(255,255,255,.11); border-radius:50%; box-shadow:inset 0 0 60px rgba(14,165,168,.08),0 0 90px rgba(14,165,168,.08); }
.energy-cockpit__halo::before,.energy-cockpit__halo::after { content:""; position:absolute; border:1px dashed rgba(255,255,255,.1); border-radius:50%; }
.energy-cockpit__halo::before { inset:45px; animation:slowSpin 28s linear infinite; }
.energy-cockpit__halo::after { inset:100px; animation:slowSpin 22s linear infinite reverse; }
@keyframes slowSpin { to { transform:rotate(360deg); } }
.energy-cockpit__sun { position:absolute; top:20px; left:62px; width:82px; height:82px; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle at 33% 28%,#fffbd3,#ffd15c 38%,#ff9d00 76%); box-shadow:0 0 0 16px rgba(255,183,3,.07),0 0 70px rgba(255,183,3,.35); animation:sunFloat 4.5s ease-in-out infinite; }
.energy-cockpit__sun span { width:110px; height:110px; border:1px dashed rgba(255,209,92,.4); border-radius:50%; }
@keyframes sunFloat { 50% { transform:translateY(-8px) scale(1.04); box-shadow:0 0 0 23px rgba(255,183,3,.04),0 0 95px rgba(255,183,3,.45); } }
.energy-cockpit__panel { position:relative; z-index:2; width:min(455px,92%); transform:rotateX(58deg) rotateZ(-9deg) translateY(15px); transform-style:preserve-3d; }
.panel-cells { display:grid; grid-template-columns:repeat(6,1fr); gap:5px; padding:13px; border:7px solid #d7e6ed; border-radius:16px; background:#819aaa; box-shadow:-34px 45px 60px rgba(0,0,0,.42),inset 0 0 0 2px #fff; }
.panel-cells i { aspect-ratio:1.14; border-radius:4px; background:linear-gradient(145deg,#237897,#0b4a74 53%,#082f55); box-shadow:inset 1px 1px rgba(255,255,255,.22); }
.panel-cells i:nth-child(3n) { background:linear-gradient(145deg,#2b86a3,#0c527e 53%,#0a365c); }
.panel-base { width:48%; height:100px; margin:-5px auto 0; border-right:12px solid #a8bdc9; border-left:12px solid #a8bdc9; transform:rotateX(-58deg); opacity:.8; }
.energy-flow { position:absolute; z-index:3; top:90px; left:128px; width:205px; height:135px; pointer-events:none; }
.energy-flow::before { content:""; position:absolute; top:2px; left:2px; width:190px; height:2px; border-radius:99px; background:linear-gradient(90deg,rgba(255,209,92,.55),rgba(255,209,92,.06)); transform:rotate(32deg); transform-origin:left center; filter:drop-shadow(0 0 7px rgba(255,189,33,.45)); }
.energy-flow i { position:absolute; top:0; left:0; width:7px; height:7px; border-radius:50%; background:#ffd15c; box-shadow:0 0 14px #ffbd21; animation:flowSpark 2.4s linear infinite; }
.energy-flow i:nth-child(2){animation-delay:.8s}.energy-flow i:nth-child(3){animation-delay:1.6s}
@keyframes flowSpark { from{transform:translate(0,0);opacity:0}18%{opacity:1}to{transform:translate(165px,103px);opacity:0} }
.cockpit-card { position:absolute; z-index:5; border:1px solid rgba(255,255,255,.58); border-radius:17px; background:rgba(255,255,255,.91); color:#13283a; box-shadow:0 22px 50px rgba(0,0,0,.22); backdrop-filter:blur(16px); }
.cockpit-card--power { top:86px; right:-12px; display:flex; align-items:center; gap:.7rem; min-width:210px; padding:.78rem .85rem; }
.cockpit-card__icon { width:42px; height:42px; display:grid; place-items:center; flex:0 0 auto; border-radius:13px; background:#fff3c3; color:#c97700; }
.cockpit-card p { margin:0; }
.cockpit-card small,.cockpit-card strong { display:block; line-height:1.3; }
.cockpit-card small { color:#718394; font-size:.68rem; }
.cockpit-card strong { margin-top:.18rem; font-size:.96rem; }
.cockpit-card--power > em { margin-inline-start:auto; padding:.2rem .38rem; border-radius:99px; background:#def7ea; color:#097146; font-size:.63rem; font-style:normal; font-weight:900; }
.cockpit-card--status { right:28px; bottom:58px; display:flex; align-items:center; gap:.7rem; min-width:175px; padding:.75rem .85rem; }
.live-dot { width:12px; height:12px; border-radius:50%; background:#24bd78; box-shadow:0 0 0 6px rgba(36,189,120,.13); }
.cockpit-card--saving { bottom:25px; left:18px; min-width:190px; padding:.9rem; }
.cockpit-card--saving strong { margin:.3rem 0 .65rem; }
.cockpit-card--saving > span { display:block; height:6px; overflow:hidden; border-radius:99px; background:#e8eef3; }
.cockpit-card--saving > span i { display:block; width:78%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--accent),var(--sun)); }
.hero-scroll { position:absolute; right:50%; bottom:24px; display:flex; align-items:center; gap:.55rem; transform:translateX(50%); color:#7695aa; font-size:.7rem; font-weight:700; }
.hero-scroll:hover { color:#d9e7f1; }
.hero-scroll span { width:24px; height:36px; position:relative; border:1px solid rgba(255,255,255,.2); border-radius:99px; }
.hero-scroll span::after { content:""; position:absolute; top:7px; right:50%; width:3px; height:6px; margin-right:-1.5px; border-radius:5px; background:var(--sun); animation:scrollDot 1.8s ease-in-out infinite; }
@keyframes scrollDot { 70%{transform:translateY(14px);opacity:.15}100%{opacity:0} }

/* Confidence and navigation dock */
.confidence-bar { position:relative; z-index:6; margin-top:-28px; }
.confidence-bar__inner { display:grid; grid-template-columns:repeat(4,1fr); overflow:hidden; border:1px solid rgba(215,226,235,.9); border-radius:24px; background:rgba(255,255,255,.94); box-shadow:0 20px 55px rgba(6,35,58,.1); backdrop-filter:blur(18px); }
.confidence-bar__inner > div { min-height:100px; display:flex; align-items:center; justify-content:center; gap:.65rem; padding:1rem; }
.confidence-bar__inner > div + div { border-inline-start:1px solid var(--line); }
.confidence-bar strong { color:#0a4265; font-size:clamp(1.3rem,2vw,1.72rem); font-weight:900; }
.confidence-bar span { max-width:100px; color:#687c8e; font-size:.78rem; line-height:1.45; }
.solution-dock { padding:3.25rem 0 1rem; background:var(--bg); }
.solution-dock__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.85rem; }
.solution-dock__grid > a { position:relative; overflow:hidden; min-height:108px; display:grid; grid-template-columns:auto auto 1fr auto; align-items:center; gap:.8rem; padding:1rem; border:1px solid var(--line); border-radius:19px; background:#fff; color:var(--ink); box-shadow:var(--shadow-sm); }
.solution-dock__grid > a::before { content:""; position:absolute; inset:auto 0 0; height:3px; background:linear-gradient(90deg,var(--accent),var(--sun)); transform:scaleX(0); transform-origin:right; transition:.35s ease; }
.solution-dock__grid > a:hover { transform:translateY(-6px); border-color:#c8dbe5; box-shadow:var(--shadow); color:var(--ink); }
.solution-dock__grid > a:hover::before { transform:scaleX(1); }
.solution-dock__grid a > span { color:#9aabba; font-size:.68rem; font-weight:800; }
.solution-dock__grid a > i { width:46px; height:46px; display:grid; place-items:center; border-radius:15px; background:var(--primary-soft); color:var(--primary); font-size:1.25rem; font-style:normal; }
.solution-dock__grid small,.solution-dock__grid strong { display:block; line-height:1.4; }
.solution-dock__grid small { color:var(--muted); font-size:.66rem; }
.solution-dock__grid strong { margin-top:.2rem; font-size:.98rem; }
.solution-dock__grid a > b { color:var(--sun-dark); }

/* Sections and cards */
.content-section { background:#fff; }
.content-section:nth-of-type(even) { background:var(--bg); }
.content-section.content-section--offer { background:radial-gradient(circle at 10% 15%,rgba(255,183,3,.12),transparent 24%),linear-gradient(180deg,#fffaf0,#fff); }
.content-section.content-section--design { background:linear-gradient(135deg,#061d32,#0b4263); }
.content-section--design .section-heading h2 { color:#fff; }
.content-section--design .section-heading p { color:#a8bfd0; }
.content-section--design .eyebrow { color:#9edfe0; }
.content-section--design .section-link { color:#fff; border-color:rgba(255,255,255,.14); background:rgba(255,255,255,.07); }
.section-heading { margin-bottom:2.75rem; }
.section-heading__copy { max-width:760px; }
.section-heading h2 { max-width:760px; margin-bottom:.85rem; font-size:clamp(2rem,3.6vw,3.35rem); line-height:1.2; }
.section-heading p { max-width:680px; line-height:1.85; }
.section-link { border-radius:999px; box-shadow:var(--shadow-sm); }
.section-link:hover { transform:translateX(-4px); }

.product-showcase,.service-showcase { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.15rem; }
.offer-showcase { display:grid; grid-template-columns:1.35fr repeat(2,1fr); gap:1.15rem; }
.offer-showcase > .content-card:first-child { grid-row:span 2; }
.offer-showcase > .content-card:nth-child(4) { grid-column:span 2; }
.project-showcase { display:grid; grid-template-columns:repeat(12,1fr); gap:1.15rem; }
.project-showcase > .content-card { grid-column:span 4; }
.project-showcase > .content-card:first-child { grid-column:span 8; }
.design-showcase { display:grid; grid-template-columns:repeat(12,1fr); grid-template-rows:repeat(2,minmax(220px,1fr)); gap:1rem; }
.design-showcase > .content-card { grid-column:span 3; }
.design-showcase > .content-card:first-child { grid-column:span 6; grid-row:span 2; }
.design-showcase > .content-card:nth-child(2),.design-showcase > .content-card:nth-child(3) { grid-column:span 3; }
.design-showcase > .content-card:nth-child(4),.design-showcase > .content-card:nth-child(5) { grid-column:span 3; }

.content-card { position:relative; overflow:hidden; border-color:#dde6ee; border-radius:24px; box-shadow:0 10px 28px rgba(6,35,58,.065); background:#fff; }
.content-card::after { content:""; position:absolute; right:0; bottom:0; left:0; height:3px; background:linear-gradient(90deg,var(--card-accent),color-mix(in srgb,var(--card-accent) 40%,var(--sun))); transform:scaleX(0); transform-origin:right; transition:transform .4s ease; }
.content-card:hover { transform:translateY(-9px); border-color:color-mix(in srgb,var(--card-accent) 30%,#dfe7ef); box-shadow:0 28px 65px rgba(6,35,58,.13); }
.content-card:hover::after { transform:scaleX(1); }
.content-card--design { --card-accent:#35c8c5; }
.content-card__media { aspect-ratio:4/3; }
.content-card--design .content-card__media { aspect-ratio:4/5; }
.content-card__media::after { content:""; position:absolute; inset:auto 0 0; height:38%; background:linear-gradient(transparent,rgba(4,27,46,.38)); pointer-events:none; }
.content-card__media img { transition:transform .7s cubic-bezier(.22,.8,.25,1); }
.content-card:hover .content-card__media img { transform:scale(1.07); }
.content-card__type,.content-card__badge,.content-card__format { border:1px solid rgba(255,255,255,.22); backdrop-filter:blur(10px); }
.content-card__type { background:rgba(6,29,50,.78); }
.content-card__badge { background:var(--card-accent); color:#fff; }
.content-card__format { position:absolute; z-index:3; right:.8rem; bottom:.8rem; padding:.25rem .55rem; border-radius:999px; background:rgba(255,255,255,.9); color:#0a395b; font-size:.65rem; font-weight:900; }
.content-card__body { min-height:252px; padding:1.25rem; }
.content-card__taxonomy { margin:0 0 .25rem; color:var(--card-accent); font-size:.7rem; font-weight:900; }
.content-card__title { font-size:1.15rem; line-height:1.4; }
.content-card__price strong { font-size:1.05rem; }
.content-card__actions { padding-top:1rem; }
.icon-button { min-height:38px; border-radius:999px; }
.icon-button--download { background:#e7f9f7; color:#087b82; }
.icon-button--download:hover { background:#cff3ef; color:#065f65; }
.content-card--offer { --card-accent:var(--sun-dark); }
.content-card--offer.is-featured { border-color:color-mix(in srgb,var(--card-accent) 35%,#dfe7ef); box-shadow:0 25px 65px color-mix(in srgb,var(--card-accent) 14%,transparent); }
.content-card--layout-outline { box-shadow:none; border-width:2px; }
.content-card--layout-soft { background:color-mix(in srgb,var(--card-accent) 5%,#fff); }
.content-card--layout-minimal { box-shadow:none; border-style:dashed; }
.offer-showcase > .content-card:first-child .content-card__media { aspect-ratio:auto; min-height:345px; }
.offer-showcase > .content-card:first-child .content-card__body { min-height:280px; }
.offer-showcase > .content-card:nth-child(4) { display:grid; grid-template-columns:minmax(220px,.8fr) 1.2fr; }
.offer-showcase > .content-card:nth-child(4) .content-card__media { height:100%; aspect-ratio:auto; }
.offer-showcase > .content-card:nth-child(4) .content-card__body { min-height:235px; }
.project-showcase > .content-card:first-child { display:grid; grid-template-columns:1.25fr .75fr; }
.project-showcase > .content-card:first-child .content-card__media { height:100%; aspect-ratio:auto; min-height:400px; }
.project-showcase > .content-card:first-child .content-card__body { justify-content:center; }
.design-showcase .content-card__body { min-height:auto; }
.design-showcase > .content-card:first-child { display:grid; grid-template-columns:1.1fr .9fr; }
.design-showcase > .content-card:first-child .content-card__media { height:100%; aspect-ratio:auto; min-height:520px; }
.design-showcase > .content-card:first-child .content-card__body { justify-content:center; background:linear-gradient(160deg,#fff,#effafa); }
.design-showcase > .content-card:not(:first-child) .content-card__body { padding:1rem; }
.design-showcase > .content-card:not(:first-child) .content-card__excerpt { display:none; }

.offer-countdown { display:grid; grid-template-columns:repeat(4,1fr); gap:.35rem; margin:.3rem 0 1rem; }
.offer-countdown > span { display:grid; justify-items:center; padding:.45rem .25rem; border-radius:10px; background:color-mix(in srgb,var(--card-accent) 8%,#f8fafc); border:1px solid color-mix(in srgb,var(--card-accent) 16%,#e6edf2); }
.offer-countdown b { color:var(--card-accent); font-size:.95rem; }
.offer-countdown small { color:var(--muted); font-size:.57rem; }
.offer-countdown.is-expired { grid-template-columns:1fr; }
.offer-countdown.is-expired::after { content:"انتهى العرض"; padding:.5rem; border-radius:10px; background:#fef1f0; color:#b42318; text-align:center; font-weight:800; }
.offer-countdown.is-expired > span { display:none; }

/* Interactive small/large solar-system offer */
.offer-package-switcher { --package-accent:#0d7f86; margin:2rem 0 1rem; padding:clamp(1rem,3vw,1.6rem); border:1px solid #d7e5ea; border-radius:24px; background:linear-gradient(145deg,#fff,#f0f8f8); box-shadow:0 18px 45px rgba(6,35,58,.08); }
.offer-package-switcher > header { margin-bottom:1rem; }
.offer-package-switcher > header span { color:var(--package-accent); font-size:.72rem; font-weight:900; }
.offer-package-switcher > header h2 { margin:.25rem 0; font-size:clamp(1.5rem,3vw,2rem); }
.offer-package-switcher > header p { margin:0; color:var(--muted); }
.offer-package-tabs { display:grid; grid-template-columns:1fr 1fr; gap:.55rem; margin-bottom:.75rem; padding:.35rem; border-radius:17px; background:#e7f0f3; }
.offer-package-tabs button { display:grid; gap:.12rem; justify-items:start; min-height:64px; padding:.75rem 1rem; border:1px solid transparent; border-radius:13px; background:transparent; color:#536779; text-align:right; font:inherit; cursor:pointer; transition:transform .2s ease,background .2s ease,box-shadow .2s ease; }
.offer-package-tabs button:hover { transform:translateY(-1px); }
.offer-package-tabs button:focus-visible { outline:3px solid rgba(255,183,3,.45); outline-offset:2px; }
.offer-package-tabs button small { font-size:.62rem; font-weight:800; }
.offer-package-tabs button strong { font-size:.9rem; }
.offer-package-tabs button.is-active { border-color:rgba(13,127,134,.16); background:#fff; color:#083b50; box-shadow:0 8px 22px rgba(6,35,58,.09); }
.offer-package-tabs button.is-active small { color:var(--package-accent); }
.offer-package-panel[hidden] { display:none; }
.offer-package-panel { animation:packageReveal .3s ease both; }
@keyframes packageReveal { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
.offer-package-panel__head { display:flex; align-items:end; justify-content:space-between; gap:1rem; padding:.85rem .2rem 1rem; }
.offer-package-panel__head span { color:var(--muted); font-size:.75rem; }
.offer-package-panel__head h3 { margin:.15rem 0 0; font-size:1.25rem; }
.offer-package-panel__head p { margin:0; text-align:left; }
.offer-package-panel__head p small,.offer-package-panel__head p strong { display:block; }
.offer-package-panel__head p small { color:var(--muted); font-size:.65rem; }
.offer-package-panel__head p strong { color:#0a5d70; font-size:1.2rem; }
.offer-package-specs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.55rem; margin:0; padding:0; list-style:none; }
.offer-package-specs li { min-width:0; display:grid; gap:.2rem; padding:.8rem; border:1px solid #dce8ec; border-radius:15px; background:#fff; }
.offer-package-specs li > span { width:31px; height:31px; display:grid; place-items:center; border-radius:9px; background:#e8f7f5; color:var(--package-accent); font-size:.9rem; }
.offer-package-specs small { color:#728293; font-size:.62rem; }
.offer-package-specs strong { color:#17384a; font-size:.78rem; line-height:1.5; overflow-wrap:anywhere; }
.offer-package-includes { margin-top:.9rem; padding:1rem; border-radius:16px; background:#fff; }
.offer-package-includes > strong { color:#0a5d70; }
.offer-package-includes ul { display:grid; grid-template-columns:1fr 1fr; gap:.45rem 1rem; margin:.65rem 0 0; padding:0; list-style:none; }
.offer-package-includes li { position:relative; padding-right:1.25rem; color:#41576a; }
.offer-package-includes li::before { content:"✓"; position:absolute; right:0; color:#07966f; font-weight:900; }
.offer-package-payment { display:flex; align-items:center; gap:1rem; margin-top:.9rem; padding:1rem; border:1px solid #f3d476; border-radius:16px; background:#fff8df; }
.offer-package-payment > span { display:grid; place-items:center; flex:0 0 58px; height:58px; border-radius:18px; background:#ffb703; color:#072c45; font-size:1.05rem; font-weight:900; }
.offer-package-payment p { margin:0; color:#785a0c; line-height:1.7; }
.offer-package-payment strong { display:block; color:#4e3b08; }
.offer-package-switcher--compact { margin:.7rem 0 .2rem; padding:.65rem; border-radius:16px; box-shadow:none; }
.offer-package-switcher--compact .offer-package-tabs { gap:.35rem; margin-bottom:.45rem; }
.offer-package-switcher--compact .offer-package-tabs button { min-height:49px; padding:.48rem .55rem; }
.offer-package-switcher--compact .offer-package-tabs button small { display:none; }
.offer-package-switcher--compact .offer-package-tabs button strong { font-size:.72rem; }
.offer-package-switcher--compact .offer-package-panel__head { padding:.4rem .1rem .55rem; }
.offer-package-switcher--compact .offer-package-panel__head h3 { font-size:.9rem; }
.offer-package-switcher--compact .offer-package-panel__head span { font-size:.62rem; }
.offer-package-switcher--compact .offer-package-panel__head p strong { font-size:.82rem; }
.offer-package-switcher--compact .offer-package-specs { grid-template-columns:1fr 1fr; gap:.35rem; }
.offer-package-switcher--compact .offer-package-specs li { padding:.5rem; border-radius:11px; }
.offer-package-switcher--compact .offer-package-specs li > span { display:none; }
.offer-package-switcher--compact .offer-package-specs strong { font-size:.67rem; }

/* Process */
.process-section { position:relative; overflow:hidden; background:radial-gradient(circle at 12% 20%,rgba(14,165,168,.23),transparent 24%),linear-gradient(135deg,#061d32,#0a3a59); }
.process-section::before { content:""; position:absolute; inset:0; opacity:.15; background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size:62px 62px; mask-image:linear-gradient(90deg,#000,transparent 80%); }
.process-layout { position:relative; display:grid; grid-template-columns:.78fr 1.22fr; align-items:center; gap:clamp(3rem,8vw,7rem); }
.process-copy h2 { color:#fff; }
.process-copy p { max-width:520px; color:#a9c1d1; }
.process-copy .btn { margin-top:.75rem; }
.process-timeline { position:relative; margin:0; padding:0; list-style:none; }
.process-timeline::before { content:""; position:absolute; top:36px; right:29px; bottom:36px; width:1px; background:linear-gradient(var(--sun),rgba(255,255,255,.08)); }
.process-timeline li { position:relative; display:grid; grid-template-columns:60px 1fr; gap:1rem; padding:1.1rem; border:1px solid rgba(255,255,255,.1); border-radius:20px; background:rgba(255,255,255,.055); backdrop-filter:blur(12px); }
.process-timeline li + li { margin-top:.75rem; }
.process-timeline li > span { position:relative; z-index:1; width:38px; height:38px; display:grid; place-items:center; margin:auto; border-radius:50%; background:#ffbd21; color:#082a44; font-size:.72rem; font-weight:900; box-shadow:0 0 0 7px rgba(255,183,3,.08); }
.process-timeline small { color:#61cfca; font-size:.68rem; font-weight:800; }
.process-timeline h3 { margin:.12rem 0 .25rem; color:#fff; font-size:1.05rem; }
.process-timeline p { margin:0; color:#9eb6c7; font-size:.8rem; }

/* Assurance and CTA */
.assurance-section { background:linear-gradient(180deg,#fff,var(--bg)); }
.assurance-card { position:relative; overflow:hidden; display:grid; grid-template-columns:210px 1fr .8fr; align-items:center; gap:clamp(1.5rem,4vw,3.4rem); padding:clamp(1.5rem,4vw,3rem); border:1px solid var(--line); border-radius:34px; background:#fff; box-shadow:var(--shadow); }
.assurance-card__visual { position:relative; width:180px; height:180px; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle,#fff4c8 0 35%,#eaf8f7 36% 62%,#f4f8fb 63%); }
.assurance-card__visual span { width:70px; height:70px; display:grid; place-items:center; border-radius:24px; background:linear-gradient(145deg,#ffcb47,#ff9f0a); color:#092d48; font-size:2rem; font-weight:900; box-shadow:0 15px 34px rgba(255,183,3,.28); }
.assurance-card__visual i { position:absolute; width:10px; height:10px; border-radius:50%; background:var(--accent); }
.assurance-card__visual i:nth-of-type(1){top:20px;right:42px}.assurance-card__visual i:nth-of-type(2){bottom:27px;left:32px;background:var(--sun)}.assurance-card__visual i:nth-of-type(3){top:50%;left:13px;width:7px;height:7px}
.assurance-card h2 { max-width:650px; font-size:clamp(1.8rem,3.2vw,2.75rem); }
.assurance-card p { margin:0; color:var(--muted); }
.assurance-card ul { margin:0; padding:0; list-style:none; }
.assurance-card li { display:flex; align-items:center; gap:.6rem; padding:.65rem 0; color:#23384b; font-weight:700; }
.assurance-card li + li { border-top:1px solid var(--line); }
.assurance-card li span { width:25px; height:25px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:#def7ea; color:#07804d; font-size:.72rem; }
.final-cta-section { padding-top:1.5rem; background:var(--bg); }
.final-cta--v3 { overflow:hidden; grid-template-columns:1fr auto; min-height:330px; padding:clamp(2.2rem,5vw,4rem); border-radius:38px; background:radial-gradient(circle at 15% 0,rgba(14,165,168,.25),transparent 30%),linear-gradient(125deg,#061d32,#0b4668); }
.final-cta--v3::before { opacity:.1; background-size:26px 26px; }
.final-cta__glow { position:absolute; left:-80px; bottom:-190px; width:420px; height:420px; border:1px solid rgba(255,255,255,.12); border-radius:50%; box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.02); pointer-events:none; }
.final-cta--v3 > :not(.final-cta__glow) { position:relative; z-index:1; }
.final-cta--v3 h2 { max-width:760px; font-size:clamp(2rem,4vw,3.5rem); }

/* Design archive */
.page-hero--designs { position:relative; overflow:hidden; padding:7rem 0 5rem; background:radial-gradient(circle at 14% 25%,rgba(14,165,168,.25),transparent 24%),linear-gradient(135deg,#061d32,#0b4668); color:#b8cddd; }
.page-hero--designs::before { content:""; position:absolute; inset:0; opacity:.14; background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0); background-size:28px 28px; }
.page-hero--designs .container { position:relative; max-width:950px; }
.page-hero--designs h1 { color:#fff; }
.page-hero--designs p { max-width:740px; margin-inline:auto; color:#adc3d2; }
.page-hero__orb { position:absolute; top:-160px; left:-80px; width:420px; height:420px; border:1px solid rgba(255,255,255,.12); border-radius:50%; box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.02); }
.design-library-stats { display:flex; justify-content:center; gap:1rem; margin-top:1.5rem; }
.design-library-stats span { min-width:135px; display:flex; align-items:center; justify-content:center; gap:.45rem; padding:.55rem .75rem; border:1px solid rgba(255,255,255,.13); border-radius:999px; background:rgba(255,255,255,.055); color:#b9cfdd; font-size:.78rem; }
.design-library-stats strong { color:#ffd15c; }
.design-library { background:#f6f9fb; }
.design-filters { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1rem; margin:-1rem 0 2.75rem; }
.design-category-card { position:relative; isolation:isolate; overflow:hidden; min-width:0; min-height:142px; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:.8rem; padding:1rem; border:1px solid color-mix(in srgb,var(--term-accent,#0c7e82) 18%,#dbe6ec); border-radius:22px; background:radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--term-accent,#0c7e82) 13%,transparent),transparent 43%),linear-gradient(145deg,#fff,#f7fafb); color:#20394c; box-shadow:0 12px 30px rgba(6,35,58,.07); transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease; }
.design-category-card::before { content:""; position:absolute; z-index:-1; top:0; right:0; left:0; height:4px; background:linear-gradient(90deg,var(--term-accent,#0c7e82),color-mix(in srgb,var(--term-accent,#0c7e82) 35%,#ffb703)); }
.design-category-card::after { content:""; position:absolute; z-index:-1; left:-32px; bottom:-40px; width:105px; height:105px; border:1px solid color-mix(in srgb,var(--term-accent,#0c7e82) 15%,transparent); border-radius:50%; box-shadow:0 0 0 16px color-mix(in srgb,var(--term-accent,#0c7e82) 4%,transparent); }
.design-category-card:hover { transform:translateY(-6px); border-color:color-mix(in srgb,var(--term-accent,#0c7e82) 48%,#dbe6ec); color:#16384b; box-shadow:0 22px 45px color-mix(in srgb,var(--term-accent,#0c7e82) 14%,rgba(6,35,58,.1)); }
.design-category-card.is-active { border-color:var(--term-accent,#0c7e82); background:linear-gradient(145deg,color-mix(in srgb,var(--term-accent,#0c7e82) 13%,#fff),#fff); box-shadow:0 0 0 3px color-mix(in srgb,var(--term-accent,#0c7e82) 11%,transparent),0 18px 40px rgba(6,35,58,.1); }
.design-category-card__visual { width:52px; height:52px; display:grid; place-items:center; overflow:hidden; border-radius:16px; background:color-mix(in srgb,var(--term-accent,#0c7e82) 12%,#fff); color:var(--term-accent,#0c7e82); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--term-accent,#0c7e82) 14%,transparent); }
.design-category-card__visual i { font-size:1.4rem; font-style:normal; }
.design-category-card__visual img { width:100%; height:100%; object-fit:cover; }
.design-category-card__body { min-width:0; display:grid; gap:.18rem; padding-left:2.1rem; }
.design-category-card__body strong { display:-webkit-box; overflow:hidden; color:#173247; font-size:.88rem; line-height:1.45; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.design-category-card__body small { color:#748596; font-size:.68rem; font-weight:800; }
.design-category-card__arrow { position:absolute; left:1rem; bottom:1rem; width:29px; height:29px; display:grid; place-items:center; border-radius:10px; background:#eef5f6; color:var(--term-accent,#0c7e82); font-weight:900; transition:transform .25s ease,background .25s ease; }
.design-category-card:hover .design-category-card__arrow,.design-category-card.is-active .design-category-card__arrow { transform:translateX(-3px); background:var(--term-accent,#0c7e82); color:#fff; }
.design-archive-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.15rem; }
.design-archive-grid .content-card__body { min-height:220px; }

/* Single pages */
.page-hero--single { position:relative; overflow:hidden; padding:6rem 0 5rem; background:radial-gradient(circle at 10% 20%,rgba(14,165,168,.24),transparent 26%),linear-gradient(135deg,#061d32,#0b4668); text-align:right; }
.page-hero--single::before { content:""; position:absolute; inset:0; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size:60px 60px; }
.page-hero--single .container { max-width:var(--container); }
.single-hero__grid { position:relative; display:grid; grid-template-columns:1fr minmax(320px,470px); align-items:center; gap:clamp(2rem,6vw,5rem); }
.page-hero--single h1 { color:#fff; font-size:clamp(2.3rem,4.6vw,4.4rem); }
.page-hero--single p { max-width:680px; color:#b2c7d5; }
.page-hero--single .entry-meta { justify-content:flex-start; color:#8facbe; }
.page-hero--single .entry-meta strong { color:#ffd15c; font-size:1.05rem; }
.single-hero__media { position:relative; overflow:hidden; aspect-ratio:4/3; border:1px solid rgba(255,255,255,.15); border-radius:28px; box-shadow:0 30px 70px rgba(0,0,0,.32); transform:rotate(-1deg); }
.single-hero__media::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 0 8px rgba(255,255,255,.055); border-radius:inherit; pointer-events:none; }
.single-hero__media img { width:100%; height:100%; object-fit:cover; }
.single-hero__media > span { position:absolute; right:1rem; bottom:1rem; padding:.4rem .75rem; border-radius:999px; background:rgba(6,29,50,.8); color:#fff; font-size:.72rem; font-weight:800; backdrop-filter:blur(10px); }
.offer-countdown--hero { max-width:420px; margin-top:1.1rem; }
.offer-countdown--hero > span { border-color:rgba(255,255,255,.13); background:rgba(255,255,255,.07); }
.offer-countdown--hero b { color:#ffd15c; }
.offer-countdown--hero small { color:#9db7c7; }
.single-content-section { background:var(--bg); }
.single-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; align-items:start; gap:1.4rem; }
.entry-card--v3 { max-width:none; width:100%; margin:0; padding:clamp(1.5rem,4vw,3rem); border-radius:26px; }
.single-action-card { position:sticky; top:138px; padding:1.5rem; border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:var(--shadow); }
.single-action-card__icon { width:58px; height:58px; display:grid; place-items:center; margin-bottom:1.2rem; border-radius:18px; background:linear-gradient(145deg,#fff2bd,#e5f8f7); color:#0b5c73; font-size:1.6rem; }
.single-action-card > small { color:var(--accent-dark); font-size:.72rem; font-weight:900; }
.single-action-card h2 { margin:.35rem 0 .6rem; font-size:1.45rem; }
.single-action-card p { color:var(--muted); font-size:.88rem; }
.single-action-card .btn { width:100%; margin-top:.45rem; }
.single-action-card__phone { display:block; margin-top:1rem; color:var(--primary); direction:ltr; text-align:center; font-size:.88rem; font-weight:800; }
.item-specifications dl > div { background:#f8fafc; }

/* Footer */
.site-footer--v3 { padding:0; background:#041827; }
.footer-sky { position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.footer-sky::before { content:""; position:absolute; inset:0; opacity:.09; background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0); background-size:32px 32px; mask-image:linear-gradient(#000,transparent 75%); }
.footer-sky > span { position:absolute; left:-110px; bottom:-180px; width:430px; height:430px; border:1px solid rgba(255,255,255,.07); border-radius:50%; box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.014); }
.footer-sky i { position:absolute; width:5px; height:5px; border-radius:50%; background:#ffcb47; box-shadow:0 0 12px #ffcb47; animation:starBlink 3s ease-in-out infinite; }
.footer-sky i:nth-child(1){top:15%;right:8%}.footer-sky i:nth-child(2){top:28%;left:14%;animation-delay:1s}.footer-sky i:nth-child(3){bottom:20%;right:40%;animation-delay:2s}
@keyframes starBlink { 50%{opacity:.25;transform:scale(.65)} }
.footer-intro { position:relative; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:1.3rem; min-height:180px; border-bottom:1px solid rgba(255,255,255,.09); }
.footer-intro__mark { width:70px; height:70px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.1); border-radius:22px; background:rgba(255,255,255,.055); color:#ffcc54; font-size:2rem; }
.footer-intro span { color:#7da2b9; font-size:.78rem; font-weight:800; }
.footer-intro h2 { margin:.25rem 0 0; color:#fff; font-size:clamp(1.55rem,3vw,2.5rem); }
.footer-grid--v3 { grid-template-columns:1.35fr .65fr .65fr 1fr; gap:clamp(1.5rem,4vw,4rem); padding:4.3rem 0; }
.footer-brand { max-width:390px; }
.footer-whatsapp span { width:8px; height:8px; border-radius:50%; background:#3ade96; box-shadow:0 0 0 5px rgba(58,222,150,.1); }
.footer-title { position:relative; padding-bottom:.65rem; }
.footer-title::after { content:""; position:absolute; right:0; bottom:0; width:28px; height:2px; border-radius:4px; background:var(--sun); }
.footer-bottom--v3 > p:last-child { display:flex; align-items:center; gap:.5rem; }
.whatsapp-float--v3 { width:auto; height:54px; display:flex; gap:.5rem; padding:0 .85rem; border-radius:999px; }
.whatsapp-float--v3 small { color:#fff; font-size:.72rem; font-weight:800; }

/* Responsive */
@media (max-width:1120px) {
  .hero-v3__layout { grid-template-columns:1fr 410px; gap:2rem; }
  .energy-cockpit { transform:scale(.9); }
  .product-showcase,.service-showcase { grid-template-columns:repeat(2,1fr); }
  .design-archive-grid { grid-template-columns:repeat(3,1fr); }
	.design-filters { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .assurance-card { grid-template-columns:180px 1fr; }
  .assurance-card > ul { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
  .assurance-card li { padding:.8rem; border:1px solid var(--line)!important; border-radius:14px; }
  .footer-grid--v3 { grid-template-columns:1.2fr .7fr .7fr; }
  .footer-column--contact { grid-column:1/-1; }
  .footer-column--contact .footer-contact { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
  .footer-column--contact .footer-contact li + li { margin:0; }
}

@media (max-width:900px) {
  .announcement-bar { display:none; }
  .navbar--v3 { min-height:72px; }
  .header-cta--v3,.header-phone { display:none; }
  .mobile-menu-toggle { display:block; margin:0; }
  .site-nav--v3 { top:0; right:auto; left:0; width:min(88vw,390px); height:100dvh; padding:1rem; background:#f7fafc; box-shadow:20px 0 80px rgba(4,24,39,.2); opacity:1; visibility:hidden; transform:translateX(-105%); transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility .35s; }
  .site-nav--v3.is-open { visibility:visible; transform:translateX(0); }
  .site-nav--v3 .menu { margin-top:1rem; }
  .site-nav--v3 .menu a { justify-content:flex-start; min-height:48px; padding:.7rem .9rem; border:1px solid var(--line); border-radius:13px; background:#fff; }
  .site-nav--v3 .menu > li > a::after { display:none; }
  .mobile-nav__head { display:flex; align-items:center; justify-content:space-between; padding:.5rem; color:var(--ink); }
  .mobile-nav__close { width:40px; height:40px; border:0; border-radius:50%; background:var(--primary-soft); color:var(--primary); font-size:1.6rem; cursor:pointer; }
  .mobile-nav__whatsapp { display:flex; align-items:center; justify-content:space-between; margin-top:1rem; padding:.9rem 1rem; border-radius:14px; background:#1fbe63; color:#fff; font-weight:800; }
  .mobile-nav__whatsapp:hover { color:#fff; }
  .mobile-nav-backdrop { position:fixed; z-index:95; inset:0; background:rgba(3,22,37,.5); backdrop-filter:blur(4px); }
  .mobile-nav-backdrop[hidden] { display:none; }
  .hero-v3 { min-height:auto; padding:5rem 0 6rem; }
  .hero-v3__layout { grid-template-columns:1fr; width:100%; }
  .hero-v3__copy { text-align:center; }
  .hero-v3__copy > p { margin-inline:auto; }
  .hero-v3__actions,.hero-v3__proof { justify-content:center; }
  .energy-cockpit { width:min(100%,560px); min-width:0; max-width:100%; min-height:470px; margin-inline:auto; transform:scale(.92); }
  .confidence-bar__inner { grid-template-columns:repeat(2,1fr); }
  .confidence-bar__inner > div:nth-child(3),.confidence-bar__inner > div:nth-child(4) { border-top:1px solid var(--line); }
  .confidence-bar__inner > div:nth-child(3) { border-inline-start:0; }
  .solution-dock__grid { grid-template-columns:repeat(2,1fr); }
  .offer-showcase { grid-template-columns:repeat(2,1fr); }
  .offer-showcase > .content-card:first-child { grid-row:auto; }
  .offer-showcase > .content-card:nth-child(4) { grid-column:span 2; }
  .project-showcase > .content-card,.project-showcase > .content-card:first-child { grid-column:span 6; display:block; }
  .project-showcase > .content-card:first-child .content-card__media { min-height:0; aspect-ratio:4/3; }
  .design-showcase { grid-template-columns:repeat(2,1fr); grid-template-rows:auto; }
  .design-showcase > .content-card,.design-showcase > .content-card:first-child,.design-showcase > .content-card:nth-child(2),.design-showcase > .content-card:nth-child(3),.design-showcase > .content-card:nth-child(4),.design-showcase > .content-card:nth-child(5) { grid-column:auto; grid-row:auto; display:block; }
  .design-showcase > .content-card:first-child .content-card__media { min-height:0; aspect-ratio:4/5; }
  .process-layout { grid-template-columns:1fr; }
  .process-copy { text-align:center; }
  .process-copy p { margin-inline:auto; }
  .assurance-card { grid-template-columns:1fr; text-align:center; }
  .assurance-card__visual { margin-inline:auto; }
  .assurance-card .eyebrow { justify-content:center; }
  .assurance-card > ul { grid-column:auto; grid-template-columns:1fr; text-align:right; }
  .final-cta--v3 { grid-template-columns:1fr; text-align:center; }
  .final-cta--v3 .eyebrow { justify-content:center; }
  .final-cta--v3 .btn { justify-self:center; }
  .design-archive-grid { grid-template-columns:repeat(2,1fr); }
  .single-hero__grid { grid-template-columns:1fr; }
  .page-hero--single { text-align:center; }
  .page-hero--single .entry-meta { justify-content:center; }
  .single-hero__media { width:min(100%,560px); margin-inline:auto; }
  .offer-countdown--hero { margin-inline:auto; }
  .single-layout { grid-template-columns:1fr; }
  .single-action-card { position:static; }
  .footer-intro { grid-template-columns:auto 1fr; padding:2.2rem 0; }
  .footer-intro .btn { grid-column:1/-1; justify-self:start; }
  .footer-grid--v3 { grid-template-columns:1.2fr 1fr; }
  .footer-column--contact { grid-column:1/-1; }
}

@media (max-width:700px) {
	.design-filters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; }
}

@media (max-width:620px) {
  .section { padding:4.75rem 0; }
  .brand-fallback--v3 .brand-mark { width:44px; height:44px; }
  .brand-fallback--v3 strong { font-size:.92rem; }
  .brand-fallback--v3 small { font-size:.66rem; }
  .hero-v3 { padding:4.2rem 0 5.7rem; }
  .hero-v3 h1 { font-size:clamp(2.35rem,12vw,3.7rem); }
  .hero-v3 h1 em { white-space:normal; }
  .hero-v3__actions { flex-direction:column; }
  .hero-v3__actions .btn { width:100%; }
  .hero-v3__proof { align-items:flex-start; }
  .hero-v3__proof p { text-align:right; }
  .energy-cockpit { min-height:350px; margin-top:1rem; transform:scale(.78); transform-origin:center; }
  .energy-cockpit__halo { width:390px; height:390px; }
  .energy-cockpit__panel { width:400px; }
  .cockpit-card--power { right:-35px; }
  .cockpit-card--saving { left:-30px; }
  .confidence-bar { margin-top:-20px; }
  .confidence-bar__inner > div { min-height:84px; align-items:flex-start; flex-direction:column; gap:.1rem; }
  .solution-dock { padding-top:2.25rem; }
  .solution-dock__grid { grid-template-columns:1fr; }
  .solution-dock__grid > a { min-height:90px; }
  .section-heading { gap:1rem; }
  .section-heading h2 { font-size:2rem; }
  .product-showcase,.service-showcase,.offer-showcase { grid-template-columns:1fr; }
  .offer-showcase > .content-card:nth-child(4) { grid-column:auto; display:block; }
  .offer-showcase > .content-card:nth-child(4) .content-card__media { width:100%; height:auto; aspect-ratio:4/3; }
  .project-showcase { grid-template-columns:1fr; }
  .project-showcase > .content-card,.project-showcase > .content-card:first-child { grid-column:auto; }
  .design-showcase { grid-template-columns:1fr; }
  .content-card__body { min-height:225px; }
	.offer-package-specs { grid-template-columns:1fr 1fr; }
	.offer-package-includes ul { grid-template-columns:1fr; }
	.offer-package-panel__head { align-items:start; flex-direction:column; }
	.offer-package-panel__head p { text-align:right; }
  .design-showcase > .content-card:first-child .content-card__media { width:100%; height:auto; }
  .design-showcase > .content-card:not(:first-child) .content-card__excerpt { display:-webkit-box; }
  .process-timeline li { grid-template-columns:50px 1fr; padding:.9rem; }
  .process-timeline::before { right:24px; }
  .assurance-card { border-radius:24px; }
  .assurance-card__visual { width:150px; height:150px; }
  .final-cta--v3 { min-height:390px; border-radius:26px; }
  .final-cta--v3 .btn { width:100%; }
  .page-hero--designs { padding:5.5rem 0 4rem; }
  .design-library-stats { gap:.45rem; }
  .design-library-stats span { min-width:0; }
	.design-filters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; margin:-.5rem 0 2rem; padding:0; }
	.design-category-card { min-height:128px; padding:.8rem; border-radius:18px; }
	.design-category-card__visual { width:44px; height:44px; border-radius:13px; }
	.design-category-card__body strong { font-size:.78rem; }
	.design-category-card__arrow { left:.75rem; bottom:.75rem; width:27px; height:27px; }
  .design-archive-grid { grid-template-columns:1fr; }
  .page-hero--single { padding:5rem 0 4rem; }
  .single-hero__media { border-radius:20px; }
  .footer-intro { grid-template-columns:1fr; text-align:center; }
  .footer-intro__mark,.footer-intro .btn { justify-self:center; }
  .footer-grid--v3 { grid-template-columns:1fr; }
  .footer-column--contact { grid-column:auto; }
  .footer-column--contact .footer-contact { grid-template-columns:1fr; }
  .footer-column--contact .footer-contact li + li { margin-top:1rem; }
  .whatsapp-float--v3 small { display:none; }
  .whatsapp-float--v3 { width:54px; padding:0; justify-content:center; }
}

@media (prefers-reduced-motion: reduce) {
  .energy-cockpit { transform:none!important; }
}

@media print {
  .announcement-bar,.solution-dock,.confidence-bar,.hero-scroll,.reading-progress { display:none!important; }
}