/* SolaCell Core 3.0 — corporate clean-energy presentation system */
:root{
  --sc-ink:#101b24;--sc-ink-2:#24313a;--sc-muted:#66727a;--sc-paper:#f5f4ef;--sc-paper-2:#ecece6;
  --sc-white:#fff;--sc-line:rgba(16,27,36,.14);--sc-line-soft:rgba(16,27,36,.08);--sc-green:#00b86b;
  --sc-green-deep:#08794c;--sc-cyan:#38b6ff;--sc-amber:#f5a623;--sc-teal:#0a8f8f;--sc-violet:#7b2cbf;
  --sc-navy:#07182b;--sc-radius:22px;--sc-radius-lg:34px;--sc-shadow:0 28px 80px rgba(16,27,36,.10);
}
.solacell-block-section{margin-block:clamp(5rem,9vw,10rem)}
.solacell-section-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.62fr);gap:2rem;align-items:end;margin-bottom:clamp(2rem,4vw,4rem)}
.solacell-section-heading h2,.solacell-feature-band h2,.solacell-assembly h2,.solacell-narrative h2,.solacell-comparison h2,.solacell-energy-story h2{margin:.55rem 0 0;font-size:clamp(2.5rem,5vw,5.7rem);font-weight:560;letter-spacing:-.065em;line-height:.94;color:var(--sc-ink);max-width:13ch}
.solacell-section-heading p,.solacell-feature-band p,.solacell-assembly p,.solacell-narrative p,.solacell-comparison p,.solacell-energy-story p{margin:0;color:var(--sc-muted);line-height:1.7;font-size:clamp(1rem,1.2vw,1.12rem)}
.solacell-eyebrow{display:inline-flex;align-items:center;gap:.65rem;color:var(--sc-green-deep);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}
.solacell-eyebrow:before{content:"";width:1.65rem;height:1px;background:currentColor}
.solacell-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}
.solacell-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.78rem 1.1rem;border-radius:999px;background:var(--sc-ink);color:#fff!important;text-decoration:none!important;font-weight:750;font-size:.91rem;border:1px solid var(--sc-ink);box-shadow:none;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
.solacell-button:after{content:"↗";font-size:.86em;opacity:.75}.solacell-button:hover{transform:translateY(-2px);background:#1d2a33;border-color:#1d2a33}
.solacell-button--ghost{background:transparent;color:var(--sc-ink)!important;border-color:rgba(16,27,36,.22)}.solacell-button--ghost:hover{background:#fff}

/* Editorial hero: restrained type + true WebGL product object */
.solacell-hero{position:relative;min-height:calc(100svh - 84px);display:grid;align-items:center;background:radial-gradient(circle at 78% 24%,rgba(0,184,107,.10),transparent 26%),linear-gradient(180deg,#f7f7f3 0%,#ecece6 100%);overflow:hidden;border-bottom:1px solid var(--sc-line-soft)}
.solacell-hero:after{content:"";position:absolute;inset:auto 0 0;height:22%;background:linear-gradient(180deg,transparent,rgba(7,24,43,.035));pointer-events:none}
.solacell-hero-grid{width:min(100% - 2rem,1440px);margin:auto;display:grid;grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);gap:clamp(1.5rem,4vw,5rem);align-items:center;padding:clamp(3rem,8vw,7rem) 0;position:relative;z-index:1}
.solacell-hero-content{max-width:700px}.solacell-hero h1{margin:.85rem 0 1.2rem;color:var(--sc-ink);font-size:clamp(4rem,7.1vw,8.8rem);font-weight:520;letter-spacing:-.079em;line-height:.82;max-width:8.5ch}
.solacell-hero-copy{max-width:58ch;color:#59656d;font-size:clamp(1.05rem,1.45vw,1.28rem);line-height:1.62}
.solacell-hero-kicker{display:flex;flex-wrap:wrap;gap:1.1rem 2rem;margin-top:2.3rem;padding-top:1.3rem;border-top:1px solid rgba(16,27,36,.14)}
.solacell-hero-kicker span{display:grid;gap:.24rem;color:#6d777d;font-size:.75rem;text-transform:uppercase;letter-spacing:.09em}.solacell-hero-kicker strong{font-size:.92rem;letter-spacing:-.02em;text-transform:none;color:var(--sc-ink);font-weight:700}
.solacell-three-shell{position:relative;min-height:clamp(520px,62vw,780px);isolation:isolate}.solacell-three-shell:before{content:"";position:absolute;inset:12% 3% 7% 4%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8),rgba(255,255,255,0) 68%);filter:blur(10px);z-index:-1}
.solacell-hero-canvas{display:block;width:100%;height:100%;min-height:inherit;position:relative;z-index:2;opacity:0;transition:opacity .45s ease}.solacell-three-shell.is-webgl-ready .solacell-hero-canvas{opacity:1}.solacell-three-shell.is-fallback .solacell-hero-canvas{display:none}
.solacell-three-fallback{display:block;position:absolute;inset:8%;border-radius:36px;overflow:hidden;box-shadow:var(--sc-shadow);opacity:1;transition:opacity .35s ease}.solacell-three-fallback img{width:100%;height:100%;object-fit:cover}.solacell-three-shell.is-webgl-ready .solacell-three-fallback{opacity:0;pointer-events:none}.solacell-three-shell.is-fallback .solacell-three-fallback{display:block;opacity:1}
.solacell-hero-object-label{position:absolute;right:4%;bottom:7%;width:min(290px,52%);padding:1rem 1.05rem;border:1px solid rgba(16,27,36,.12);border-radius:18px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);box-shadow:0 18px 44px rgba(16,27,36,.08);font-size:.78rem;color:#657078}.solacell-hero-object-label strong{display:block;margin-top:.18rem;color:var(--sc-ink);font-size:1rem;letter-spacing:-.025em}

/* Proof metrics */
.solacell-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100% - 2rem,1440px);margin:0 auto;padding:0;border-bottom:1px solid var(--sc-line)}
.solacell-metric-card{min-height:150px;padding:2.1rem 1.5rem 2.1rem 0;border-right:1px solid var(--sc-line-soft);display:flex;flex-direction:column;justify-content:flex-end}.solacell-metric-card:last-child{border-right:0}.solacell-metric-card strong{font-size:clamp(2.1rem,3vw,4.2rem);font-weight:520;line-height:1;letter-spacing:-.055em;color:var(--sc-ink)}.solacell-metric-card span{margin-top:.7rem;font-weight:700;color:var(--sc-ink-2)}.solacell-metric-card small{margin-top:.35rem;color:#7b858a;line-height:1.4}

/* Scroll story — white space, no HUD/gamer treatment */
.solacell-energy-story{position:relative;background:#0e171d;color:#fff;margin-block:clamp(5rem,8vw,9rem);padding:clamp(4rem,7vw,7rem) max(1rem,calc((100vw - 1440px)/2));overflow:clip}
.solacell-energy-story .solacell-eyebrow{color:#6ee7ad}.solacell-energy-story h2{color:#fff;max-width:11ch}.solacell-energy-story .solacell-story-intro{color:#aeb9bf;max-width:64ch;margin-top:1.1rem}
.solacell-story-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(520px,1.28fr);gap:clamp(2rem,6vw,7rem);align-items:start;margin-top:clamp(3rem,6vw,6rem)}
.solacell-story-steps{display:grid}.solacell-story-step{min-height:56vh;padding:8vh 0;border-top:1px solid rgba(255,255,255,.12);opacity:calc(.35 + var(--story-focus,0) * .65);transition:opacity .25s ease}.solacell-story-step:first-child{border-top:0}.solacell-story-step>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#8c9aa2}.solacell-story-step h3{margin:.6rem 0 .8rem;color:#fff;font-size:clamp(2rem,3.6vw,4.2rem);font-weight:520;letter-spacing:-.06em;line-height:.95}.solacell-story-step p{max-width:46ch;color:#aeb9bf}.solacell-story-step.is-active h3{color:#78efb4}
.solacell-story-stage{position:sticky;top:110px;height:calc(100svh - 150px);min-height:600px;border-left:1px solid rgba(255,255,255,.1)}.solacell-story-stage canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .4s ease}.solacell-energy-story.is-webgl-ready .solacell-story-stage canvas{opacity:1}.solacell-story-stage-meta{position:absolute;left:1.25rem;right:1.25rem;bottom:1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#94a1a8;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.solacell-story-stage-label{color:#fff;font-size:.82rem;font-weight:750}.solacell-story-progress{height:1px;background:rgba(255,255,255,.15);position:absolute;left:1.25rem;right:1.25rem;top:1.25rem;overflow:hidden}.solacell-story-progress span{display:block;width:100%;height:100%;background:#78efb4;transform:scaleX(0);transform-origin:left center}
.solacell-energy-story.is-fallback .solacell-story-stage:before{content:"Interactive 3D visualization unavailable — static content remains fully accessible.";position:absolute;inset:0;display:grid;place-items:center;padding:2rem;color:#8f9ba2;text-align:center}

/* Ecosystem cards */
.solacell-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.solacell-solution-card{position:relative;background:#f4f4ef;border:1px solid var(--sc-line-soft);border-radius:24px;overflow:hidden;min-height:560px;display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .35s ease}.solacell-solution-card:hover{transform:translateY(-6px);box-shadow:0 22px 64px rgba(16,27,36,.10)}.solacell-card-image{position:relative;margin:0;aspect-ratio:1.45/1;overflow:hidden;background:linear-gradient(145deg,#eeefe9,#dfe3df)}.solacell-card-image:before{content:"";position:absolute;width:52%;aspect-ratio:1;border-radius:50%;right:-14%;top:-34%;background:var(--accent,var(--sc-green));opacity:.13;filter:blur(2px);z-index:1}.solacell-card-image img{width:100%;height:100%;object-fit:cover;opacity:1;mix-blend-mode:normal;filter:saturate(1.02) contrast(1.03);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .35s ease}.solacell-solution-card:hover .solacell-card-image img{transform:scale(1.035);filter:saturate(1.06) contrast(1.04)}.solacell-card-image:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(7,24,43,.10));z-index:2}
.solacell-solution-card h3{margin:1.35rem 1.35rem .35rem;font-size:2rem;letter-spacing:-.055em;font-weight:560;color:var(--sc-ink)}.solacell-solution-card>strong{margin:0 1.35rem .9rem;color:var(--accent,var(--sc-green));font-size:.79rem;text-transform:uppercase;letter-spacing:.08em}.solacell-solution-card p{margin:0 1.35rem 1rem;color:#66727a;line-height:1.58}.solacell-solution-card a{margin:auto 1.35rem 1.4rem;color:var(--sc-ink);font-size:.9rem;font-weight:750;text-decoration:none}.solacell-solution-card a:after{content:" ↗";color:var(--accent,var(--sc-green))}

/* Assembly scroll scene */
.solacell-assembly{position:relative;background:#efefe9;color:var(--sc-ink);padding:clamp(5rem,8vw,9rem) max(1rem,calc((100vw - 1440px)/2));margin-block:clamp(5rem,9vw,10rem);overflow:clip}.solacell-assembly-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(520px,1.28fr);gap:clamp(2rem,6vw,7rem);align-items:start}.solacell-assembly-copy{padding-top:2rem}.solacell-assembly h2{max-width:10ch}.solacell-assembly-copy>p{max-width:48ch;margin-top:1.1rem}.solacell-assembly-models{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.7rem 0 2.2rem}.solacell-assembly-models span{padding:.6rem .75rem;border-radius:999px;border:1px solid rgba(16,27,36,.14);font-size:.75rem;color:#69757d}.solacell-assembly-models .is-active{background:var(--sc-ink);border-color:var(--sc-ink);color:#fff}
.solacell-assembly-steps{list-style:none;padding:0;margin:0;display:grid}.solacell-assembly-steps li{padding:1rem 0 1rem 1.1rem;border-left:1px solid rgba(16,27,36,.18);color:#7a858b;transition:color .25s ease,border-color .25s ease,transform .25s ease}.solacell-assembly-steps li strong{display:block;color:inherit;margin-bottom:.25rem}.solacell-assembly-steps li span{font-size:.93rem;line-height:1.5}.solacell-assembly-steps li.is-active{color:var(--sc-ink);border-left:3px solid var(--sc-green);transform:translateX(-1px)}
.solacell-assembly-stage{position:sticky;top:112px;height:calc(100svh - 154px);min-height:600px}.solacell-assembly-stage canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .4s ease}.solacell-assembly.is-webgl-ready .solacell-assembly-stage canvas{opacity:1}.solacell-assembly-stage .solacell-assembly-fallback{display:block;position:absolute;inset:5%;border-radius:26px;overflow:hidden;opacity:1;transition:opacity .35s ease}.solacell-assembly-stage .solacell-assembly-fallback img{width:100%;height:100%;object-fit:cover}.solacell-assembly.is-webgl-ready .solacell-assembly-fallback{opacity:0;pointer-events:none}.solacell-assembly.is-fallback canvas{display:none}.solacell-assembly.is-fallback .solacell-assembly-fallback{display:block;opacity:1}.solacell-assembly-stage-meta{position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;color:#68757c;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em}

/* Process */
.solacell-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line)}.solacell-process article{padding:1.6rem 1.2rem 2rem 0;border-right:1px solid var(--sc-line-soft)}.solacell-process article:last-child{border-right:0}.solacell-process article>span{font-size:.74rem;letter-spacing:.08em;color:#899298}.solacell-process h3{margin:1.35rem 0 .55rem;color:var(--sc-ink);font-size:1.35rem;font-weight:620;letter-spacing:-.035em}.solacell-process p{margin:0;color:#6c777e;line-height:1.58;font-size:.94rem}

/* High-value panels */
.solacell-calculator,.solacell-feature-band,.solacell-contact,.solacell-product-matrix,.solacell-downloads,.solacell-narrative,.solacell-comparison{position:relative;background:#f4f4ef;border:1px solid var(--sc-line-soft);border-radius:30px;padding:clamp(1.5rem,4vw,3.6rem);box-shadow:none;overflow:hidden}.solacell-calculator-grid,.solacell-feature-band{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(2rem,5vw,5rem);align-items:start}.solacell-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--sc-line)}.solacell-feature-list article{padding:1.2rem 1rem 1.2rem 0;border-bottom:1px solid var(--sc-line-soft)}.solacell-feature-list article:nth-child(odd){border-right:1px solid var(--sc-line-soft)}.solacell-feature-list article:nth-child(even){padding-left:1rem}.solacell-feature-list strong{display:block;color:var(--sc-ink);margin-bottom:.35rem}.solacell-feature-list span{color:#6a767d;line-height:1.5;font-size:.94rem}
.solacell-calc-form,.solacell-form{display:grid;gap:1rem}.solacell-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.solacell-calc-form label,.solacell-form label{display:grid;gap:.42rem;color:var(--sc-ink);font-weight:700;font-size:.88rem}.solacell-calc-form input,.solacell-form input,.solacell-form textarea{width:100%;border:1px solid rgba(16,27,36,.18);border-radius:12px;background:#fff;color:var(--sc-ink);padding:.9rem 1rem;font:inherit;outline:none}.solacell-calc-form input:focus,.solacell-form input:focus,.solacell-form textarea:focus{border-color:var(--sc-green);box-shadow:0 0 0 3px rgba(0,184,107,.1)}.solacell-calc-output{display:grid;gap:.75rem}.solacell-calc-output div{padding:1.1rem;border-top:1px solid rgba(16,27,36,.13)}.solacell-calc-output span{display:block;color:#78838a;font-size:.82rem}.solacell-calc-output strong{display:block;margin-top:.15rem;color:var(--sc-ink);font-size:clamp(1.5rem,2.3vw,2.6rem);font-weight:540;letter-spacing:-.05em}.solacell-disclaimer{color:#77838a!important;font-size:.82rem!important}
.solacell-table-wrap{overflow-x:auto;border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line)}.solacell-product-matrix table{width:100%;border-collapse:collapse;min-width:860px}.solacell-product-matrix th,.solacell-product-matrix td{padding:1rem 1rem 1rem 0;border-bottom:1px solid var(--sc-line-soft);text-align:left;color:#647078}.solacell-product-matrix th{color:var(--sc-ink);font-weight:700}.solacell-product-matrix thead{font-size:.77rem;text-transform:uppercase;letter-spacing:.08em}
.solacell-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--sc-line)}.solacell-download-grid article{padding:1.3rem 1.2rem 1.3rem 0;border-bottom:1px solid var(--sc-line-soft)}.solacell-download-grid h3{margin:0 0 .4rem;color:var(--sc-ink);font-size:1.08rem}.solacell-download-grid p{margin:0 0 .8rem;color:#6a757c;line-height:1.5}.solacell-download-grid a{color:var(--sc-green-deep);font-weight:750;text-decoration:none;font-size:.88rem}
.solacell-contact-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,5rem)}.solacell-contact-support{display:grid;gap:.7rem;margin-top:1.6rem}.solacell-contact-support article{padding:.9rem 0;border-top:1px solid var(--sc-line)}.solacell-contact-support strong{display:block;color:var(--sc-ink);margin-bottom:.2rem}.solacell-contact-support span{color:#6d7880}.solacell-form-notice{padding:1rem;border-radius:12px;margin-bottom:1rem;font-weight:700}.solacell-form-notice--success{background:#e8f8ef;color:#08794c}.solacell-form-notice--error{background:#fff5e6;color:#8a5200}

/* Narrative / comparison */
.solacell-narrative-grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(2rem,5vw,5rem)}.solacell-quote-card{margin-top:1.5rem;padding:1.15rem 0;border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line);color:var(--sc-green-deep);font-size:clamp(1.2rem,2vw,1.75rem);line-height:1.25;letter-spacing:-.035em}.solacell-manifesto{color:#626e75;line-height:1.72}.solacell-manifesto p:first-child{color:var(--sc-ink);font-size:1.18rem;font-weight:650}.solacell-values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--sc-line);margin-top:1.5rem}.solacell-value-card{padding:1rem 1rem 1rem 0;border-bottom:1px solid var(--sc-line-soft)}.solacell-value-card strong{display:block;color:var(--sc-ink);margin-bottom:.3rem}.solacell-value-card span{color:#6c777e;line-height:1.45}
.solacell-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.solacell-comparison-card{padding:1.45rem;border:1px solid var(--sc-line);border-radius:20px;background:#fff}.solacell-comparison-card h3{margin:0 0 .9rem;color:var(--sc-ink);font-size:1.1rem}.solacell-comparison-card ul{margin:0;padding:0;list-style:none}.solacell-comparison-card li{padding:1rem 0;border-top:1px solid var(--sc-line-soft);color:#69747b;line-height:1.5}.solacell-comparison-card li strong{display:block;color:var(--sc-ink);margin-bottom:.25rem}.solacell-comparison-card--solacell{border-color:rgba(0,184,107,.35)}.solacell-comparison-card--solacell h3,.solacell-comparison-card--solacell li strong{color:var(--sc-green-deep)}

@media(max-width:1100px){
  .solacell-hero-grid,.solacell-story-grid,.solacell-assembly-layout,.solacell-calculator-grid,.solacell-feature-band,.solacell-narrative-grid,.solacell-contact-grid{grid-template-columns:1fr}
  .solacell-three-shell{min-height:560px}.solacell-story-stage,.solacell-assembly-stage{position:relative;top:auto;height:620px;min-height:0;border-left:0}.solacell-story-step{min-height:auto;padding:2rem 0}.solacell-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solacell-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.solacell-process article:nth-child(3){border-right:0}.solacell-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .solacell-section-heading{grid-template-columns:1fr}.solacell-hero{min-height:auto}.solacell-hero-grid{padding:3rem 0}.solacell-hero h1{font-size:clamp(3.25rem,18vw,5.7rem);line-height:.86}.solacell-three-shell{min-height:420px}.solacell-hero-object-label{right:0;bottom:0;width:68%}.solacell-metrics{grid-template-columns:1fr}.solacell-metric-card{min-height:115px;border-right:0;border-bottom:1px solid var(--sc-line-soft)}.solacell-energy-story,.solacell-assembly{padding-inline:1rem}.solacell-story-stage,.solacell-assembly-stage{height:430px}.solacell-cards-grid,.solacell-process-grid,.solacell-download-grid,.solacell-feature-list,.solacell-values-grid,.solacell-form-grid,.solacell-comparison-grid{grid-template-columns:1fr}.solacell-solution-card{min-height:510px}.solacell-feature-list article,.solacell-feature-list article:nth-child(even){padding:1rem 0;border-right:0}.solacell-process article,.solacell-process article:nth-child(3){border-right:0}.solacell-calculator,.solacell-feature-band,.solacell-contact,.solacell-product-matrix,.solacell-downloads,.solacell-narrative,.solacell-comparison{border-radius:22px}.solacell-section-heading h2,.solacell-feature-band h2,.solacell-assembly h2,.solacell-narrative h2,.solacell-comparison h2,.solacell-energy-story h2{font-size:clamp(2.4rem,12vw,4rem)}
}
@media(prefers-reduced-motion:reduce){.solacell-solution-card,.solacell-card-image img,.solacell-button{transition:none!important}}

/* 3.1.0 refinement — elevated cinematic WebGL presentation */
.solacell-hero{background:
  radial-gradient(circle at 76% 18%, rgba(0,184,107,.14), transparent 28%),
  radial-gradient(circle at 62% 60%, rgba(255,255,255,.62), transparent 22%),
  linear-gradient(180deg,#fbfbf8 0%,#efefe9 100%)}
.solacell-three-shell{filter:drop-shadow(0 34px 90px rgba(16,27,36,.12))}
.solacell-three-shell:before{inset:10% 2% 6% 3%;background:radial-gradient(circle,rgba(255,255,255,.92),rgba(255,255,255,.22) 42%,rgba(255,255,255,0) 72%);filter:blur(18px)}
.solacell-three-shell:after{content:"";position:absolute;inset:16% 9% 12%;border-radius:40px;background:linear-gradient(135deg,rgba(255,255,255,.48),rgba(255,255,255,0) 52%);border:1px solid rgba(255,255,255,.34);pointer-events:none;z-index:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.solacell-hero-object-label{background:rgba(255,255,255,.76);border-color:rgba(16,27,36,.10);box-shadow:0 24px 70px rgba(16,27,36,.10)}

.solacell-energy-story{background:
  radial-gradient(circle at 18% 48%, rgba(0,184,107,.14), transparent 22%),
  radial-gradient(circle at 82% 30%, rgba(56,182,255,.10), transparent 20%),
  linear-gradient(180deg,#081118 0%,#0d171d 100%)}
.solacell-energy-story:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,240,185,.45),transparent)}
.solacell-story-stage{border-left:1px solid rgba(255,255,255,.08);border-radius:32px;overflow:hidden;background:
  radial-gradient(circle at 65% 24%, rgba(31,176,255,.12), transparent 30%),
  radial-gradient(circle at 52% 72%, rgba(0,201,122,.10), transparent 28%),
  linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03)}
.solacell-story-stage canvas{filter:drop-shadow(0 20px 50px rgba(0,0,0,.22))}
.solacell-story-progress{left:1.5rem;right:1.5rem;top:1.5rem;height:2px;background:rgba(255,255,255,.10)}
.solacell-story-progress span{background:linear-gradient(90deg,#78efb4,#7ceaff)}
.solacell-story-stage-meta{backdrop-filter:blur(10px)}
.solacell-story-stage:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.12));pointer-events:none}

.solacell-assembly{background:
  radial-gradient(circle at 78% 24%, rgba(0,184,107,.09), transparent 24%),
  linear-gradient(180deg,#f6f6f1 0%,#ecece6 100%)}
.solacell-assembly-stage{border-radius:34px;overflow:hidden;background:
  radial-gradient(circle at 66% 24%, rgba(255,255,255,.84), transparent 26%),
  linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.34)}
.solacell-assembly-stage canvas{filter:drop-shadow(0 20px 46px rgba(16,27,36,.10))}
.solacell-assembly-stage:after{content:"";position:absolute;inset:auto 0 0;height:26%;background:linear-gradient(180deg,transparent,rgba(7,24,43,.04));pointer-events:none}

@media(max-width:1100px){
  .solacell-story-stage,.solacell-assembly-stage{border-radius:26px}
}

/* 3.3.0 — HD generated image refresh for hero, story and solution system visuals */
.solacell-hero{min-height:auto;background:#fff;border-bottom:1px solid rgba(16,27,36,.08)}
.solacell-hero-grid{width:min(100% - 2rem,1440px);grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);padding:clamp(3.5rem,7vw,6.4rem) 0 2.2rem;gap:clamp(2rem,4vw,5rem)}
.solacell-hero h1{font-size:clamp(4rem,6.65vw,7.5rem);line-height:.86;max-width:7.5ch}
.solacell-hero-copy{max-width:53ch;font-size:clamp(1rem,1.2vw,1.12rem)}
.solacell-hero-visual{position:relative;min-height:clamp(520px,52vw,700px);display:grid;place-items:center;isolation:isolate;overflow:visible}
.solacell-hero-product{position:relative;z-index:2;width:min(100%,760px);height:auto;display:block;mix-blend-mode:normal;filter:drop-shadow(0 34px 50px rgba(25,35,40,.13));transition:transform .12s linear;will-change:transform}
.solacell-hero-visual .solacell-hero-canvas{position:absolute;inset:0;width:100%;height:100%;min-height:0;opacity:1;z-index:3;pointer-events:none}
.solacell-hero-orbit{position:absolute;z-index:1;border:1px solid rgba(0,184,107,.12);border-radius:50%;pointer-events:none}
.solacell-hero-orbit--a{width:72%;aspect-ratio:1;transform:rotateX(66deg) rotateZ(-18deg)}
.solacell-hero-orbit--b{width:52%;aspect-ratio:1;transform:rotateX(70deg) rotateZ(22deg);border-color:rgba(56,182,255,.12)}
.solacell-hero-kicker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:2.1rem}
.solacell-hero-kicker span{padding-right:1rem}

.solacell-energy-story{position:relative;margin-block:0;padding:0;display:grid;grid-template-columns:minmax(230px,.34fr) minmax(0,1.66fr);background:radial-gradient(circle at 50% 20%,rgba(28,71,77,.26),transparent 30%),linear-gradient(180deg,#09141b,#0b171e);overflow:hidden}
.solacell-story-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.9}
.solacell-certainty-intro{position:relative;z-index:1;padding:clamp(3rem,5vw,5rem) clamp(1.5rem,3vw,3.4rem);border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:flex-start;min-height:540px}
.solacell-certainty-intro h2{margin:0 0 1.1rem;color:#fff;font-size:clamp(2.7rem,4vw,4.4rem);line-height:.92;letter-spacing:-.06em;max-width:7ch}
.solacell-certainty-intro p{color:#b6c2c7!important;font-size:1rem;line-height:1.7;max-width:27ch}
.solacell-certainty-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}
.solacell-certainty-card{position:relative;min-height:540px;border-right:1px solid rgba(255,255,255,.12);overflow:hidden;background:rgba(255,255,255,.01)}
.solacell-certainty-card:last-child{border-right:0}
.solacell-certainty-copy{position:relative;z-index:3;padding:2.2rem 1.35rem 1.5rem;min-height:190px;background:linear-gradient(180deg,rgba(7,18,24,.98) 0%,rgba(7,18,24,.88) 75%,rgba(7,18,24,.2) 100%)}
.solacell-certainty-copy>span{font-size:.66rem;color:#7e8e96;text-transform:uppercase;letter-spacing:.11em}
.solacell-certainty-copy h3{margin:.55rem 0 .65rem;color:#67e5a9;font-size:clamp(2rem,2.6vw,3.4rem);font-weight:520;letter-spacing:-.055em;line-height:.95}
.solacell-certainty-copy p{color:#aab7bd!important;font-size:.9rem;line-height:1.58}
.solacell-certainty-card figure{position:absolute;inset:160px 0 0;margin:0;overflow:hidden}
.solacell-certainty-card figure:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(7,18,24,.48),transparent 22%,transparent 68%,rgba(7,18,24,.22))}
.solacell-certainty-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.06);transform:scale(1.035);transition:filter .35s ease;will-change:transform}
.solacell-certainty-card:hover img{filter:saturate(1) contrast(1.04)}
.solacell-certainty-card:after{content:"";position:absolute;inset:0;z-index:4;box-shadow:inset 0 0 0 1px rgba(124,240,185,calc(var(--focus,0) * .18));pointer-events:none}

.solacell-inside-volt.solacell-assembly{padding:0;margin-block:0;background:#fff;color:var(--sc-ink)}
.solacell-inside-grid{width:min(100% - 2rem,1440px);margin:auto;display:grid;grid-template-columns:minmax(330px,.72fr) minmax(560px,1.28fr);gap:clamp(2rem,5vw,6rem);align-items:center;padding:clamp(4.5rem,7vw,7rem) 0}
.solacell-inside-copy h2{margin:.5rem 0 1rem;font-size:clamp(3.6rem,5vw,6.4rem);line-height:.9;letter-spacing:-.065em;font-weight:540;color:var(--sc-ink)}
.solacell-inside-copy>p{max-width:43ch;color:#66727a;line-height:1.65}
.solacell-inside-features{margin:2rem 0;display:grid;border-top:1px solid rgba(16,27,36,.12)}
.solacell-inside-features article{display:grid;grid-template-columns:28px 1fr;gap:.8rem;align-items:center;padding:.9rem 0;border-bottom:1px solid rgba(16,27,36,.1)}
.solacell-inside-features article>span{width:22px;height:22px;border:1px solid rgba(16,27,36,.4);border-radius:50%;position:relative}
.solacell-inside-features article>span:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--sc-green);left:7px;top:7px}
.solacell-inside-features strong{display:block;font-size:.92rem;color:var(--sc-ink)}
.solacell-inside-features small{display:block;color:#77838a;margin-top:.15rem;line-height:1.4}
.solacell-inside-visual{position:relative;min-height:560px;display:grid;place-items:center;isolation:isolate;overflow:hidden}
.solacell-inside-visual img{position:relative;z-index:2;width:100%;height:auto;display:block;mix-blend-mode:normal;filter:drop-shadow(0 26px 42px rgba(16,27,36,.11));will-change:transform;transition:transform .14s linear}
.solacell-inside-visual canvas{position:absolute;inset:0;width:100%;height:100%;opacity:1;z-index:3;pointer-events:none}
.solacell-scan-line{position:absolute;z-index:4;left:11%;right:7%;height:1px;top:calc(15% + var(--scan,0) * 62%);background:linear-gradient(90deg,transparent,rgba(0,184,107,.78),rgba(124,234,255,.72),transparent);box-shadow:0 0 20px rgba(0,184,107,.26);opacity:.7;pointer-events:none}

/* Metrics on the homepage become the quiet proof band from the visual direction. */
.solacell-metrics{width:100%;max-width:none;padding-inline:max(1rem,calc((100vw - 1440px)/2));background:#fafbf9;border-top:1px solid rgba(16,27,36,.08);border-bottom:1px solid rgba(16,27,36,.08)}
.solacell-metric-card{padding:2.5rem 2rem;min-height:140px;text-align:center;justify-content:center;align-items:center}
.solacell-metric-card strong{color:#078653}
.solacell-metric-card span{font-size:.84rem;font-weight:650}
.solacell-metric-card small{font-size:.74rem}

@media(max-width:1100px){
 .solacell-hero-grid,.solacell-inside-grid{grid-template-columns:1fr}
 .solacell-hero-visual{min-height:560px}
 .solacell-energy-story{grid-template-columns:1fr}
 .solacell-certainty-intro{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
 .solacell-certainty-intro h2{max-width:none}
 .solacell-certainty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .solacell-certainty-card:nth-child(2){border-right:0}
 .solacell-certainty-card:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
}
@media(max-width:720px){
 .solacell-hero-grid{padding-top:3rem}
 .solacell-hero-visual{min-height:410px}
 .solacell-hero-kicker{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1rem}
 .solacell-certainty-grid{grid-template-columns:1fr}
 .solacell-certainty-card{min-height:520px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
 .solacell-certainty-card figure{inset:150px 0 0}
 .solacell-inside-grid{padding:4rem 0}
 .solacell-inside-visual{min-height:380px}
 .solacell-metric-card{min-height:105px}
}

/* 3.4.0 — cinematic generated-image + WebGL experience */
.solacell-hero{position:relative;overflow:hidden;background:
  linear-gradient(rgba(15,27,36,.028) 1px,transparent 1px),
  linear-gradient(90deg,rgba(15,27,36,.028) 1px,transparent 1px),
  radial-gradient(circle at 78% 24%,rgba(0,184,107,.085),transparent 25%),
  linear-gradient(180deg,#fff 0%,#fbfcfa 100%);background-size:44px 44px,44px 44px,auto,auto}
.solacell-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 34%,rgba(255,255,255,.62) 58%,rgba(255,255,255,.18) 78%,rgba(255,255,255,.82) 100%);pointer-events:none}
.solacell-hero-grid{position:relative;z-index:2;min-height:760px;padding:clamp(4.5rem,7vw,7.5rem) 0 3rem;align-items:center}
.solacell-hero-content{position:relative;z-index:5}.solacell-hero h1{font-size:clamp(4.8rem,7vw,8.7rem);line-height:.82;letter-spacing:-.085em}.solacell-hero-copy{font-size:clamp(1.05rem,1.3vw,1.22rem);max-width:51ch}
.solacell-hero-visual{min-height:680px;perspective:1400px}.solacell-hero-visual-halo{position:absolute;inset:12% 4% 5%;z-index:0;border-radius:48%;background:radial-gradient(circle,rgba(0,184,107,.13),rgba(61,204,169,.04) 38%,transparent 70%);filter:blur(12px);transform:scale(calc(.95 + var(--hero-scroll,0)*.08));transition:transform .15s linear}
.solacell-hero-product{width:min(112%,900px);max-width:none;transform-origin:center center;filter:drop-shadow(0 44px 70px rgba(10,24,32,.18));border-radius:22px}
.solacell-hero-visual .solacell-hero-canvas{mix-blend-mode:screen}
.solacell-hero-orbit{opacity:.45;filter:drop-shadow(0 0 10px rgba(0,184,107,.12))}
.solacell-hero-callout{position:absolute;z-index:6;display:flex;align-items:center;gap:.55rem;color:#65727a;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;pointer-events:none;filter:drop-shadow(0 6px 18px rgba(255,255,255,.9))}.solacell-hero-callout span{display:grid;gap:.12rem;background:rgba(255,255,255,.78);border:1px solid rgba(16,27,36,.08);border-radius:12px;padding:.55rem .65rem;backdrop-filter:blur(14px)}.solacell-hero-callout small{font-size:.63rem;text-transform:none;letter-spacing:0;color:#8a9499}.solacell-hero-callout i{display:block;width:46px;height:1px;background:linear-gradient(90deg,rgba(0,184,107,.8),rgba(0,184,107,.08));position:relative}.solacell-hero-callout i:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;left:-2px;top:-3px;background:#00b86b;box-shadow:0 0 0 5px rgba(0,184,107,.1)}.solacell-hero-callout--bms{right:3%;top:23%}.solacell-hero-callout--cells{left:4%;top:49%;flex-direction:row-reverse}.solacell-hero-callout--cells i{transform:scaleX(-1)}.solacell-hero-callout--thermal{right:2%;bottom:18%}
.solacell-hero-kicker{margin-top:2.6rem;padding-top:1.25rem;border-top:1px solid rgba(16,27,36,.13)}

.solacell-metrics{position:relative;z-index:4;background:rgba(250,251,249,.94);backdrop-filter:blur(14px)}.solacell-metric-card{position:relative;overflow:hidden}.solacell-metric-card:before{content:"";position:absolute;left:50%;bottom:-40px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(0,184,107,.08),transparent 70%);transform:translateX(-50%)}

.solacell-energy-story{min-height:650px;background:
  radial-gradient(circle at 18% 40%,rgba(0,189,115,.13),transparent 22%),
  radial-gradient(circle at 88% 25%,rgba(56,182,255,.08),transparent 24%),
  linear-gradient(135deg,#071219,#0b171e 60%,#061116);box-shadow:inset 0 1px rgba(255,255,255,.04),inset 0 -1px rgba(255,255,255,.04)}
.solacell-energy-story:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(124,240,185,.16) .7px,transparent .7px);background-size:28px 28px;opacity:.18;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 80%,transparent)}
.solacell-story-overlay{z-index:1;mix-blend-mode:screen}.solacell-certainty-intro,.solacell-certainty-grid{z-index:2}.solacell-certainty-intro{padding-top:4.6rem;background:linear-gradient(180deg,rgba(4,13,18,.6),rgba(4,13,18,.08));backdrop-filter:blur(3px)}.solacell-certainty-intro:after{content:"ENERGY SYSTEM / 04";margin-top:auto;padding-top:2rem;color:#597078;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}
.solacell-certainty-card{min-height:620px;transition:background .35s ease}.solacell-certainty-card:hover{background:rgba(255,255,255,.025)}.solacell-certainty-copy{min-height:205px;padding:2.4rem 1.5rem 1.4rem;background:linear-gradient(180deg,rgba(4,13,18,.98) 0%,rgba(4,13,18,.86) 76%,rgba(4,13,18,.18) 100%)}.solacell-certainty-copy h3{font-size:clamp(2.2rem,2.7vw,3.8rem);text-shadow:0 0 28px rgba(103,229,169,.08)}.solacell-certainty-card figure{inset:185px 0 0}.solacell-certainty-card figure:before{background:linear-gradient(180deg,rgba(5,15,20,.56),transparent 24%,transparent 62%,rgba(4,13,18,.5) 100%)}.solacell-certainty-card img{filter:saturate(.96) contrast(1.05) brightness(.88);transform:scale(1.06);transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .45s ease}.solacell-certainty-card:hover img{filter:saturate(1.08) contrast(1.04) brightness(.98)}

.solacell-solution-grid{position:relative;padding-block:clamp(5rem,8vw,9rem)}.solacell-solution-grid:before{content:"";position:absolute;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background:linear-gradient(180deg,#fff,#f7f8f5 100%);z-index:-1}.solacell-cards-grid{gap:1.15rem;perspective:1200px}.solacell-solution-card{min-height:600px;background:#fff;border-color:rgba(16,27,36,.095);box-shadow:0 20px 70px rgba(16,27,36,.045);transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .22s ease,box-shadow .35s ease,border-color .35s ease}.solacell-solution-card:hover{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-8px);box-shadow:0 28px 90px rgba(16,27,36,.13);border-color:color-mix(in srgb,var(--accent) 28%,rgba(16,27,36,.08))}.solacell-solution-card:before{content:"";position:absolute;inset:0;z-index:6;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),rgba(255,255,255,.42),transparent 24%);opacity:.72}.solacell-card-image{aspect-ratio:1.28/1;background:#eef1ee}.solacell-card-image:before{opacity:.08}.solacell-card-image img{filter:saturate(1.03) contrast(1.04);transform:scale(1.02)}.solacell-solution-card:hover .solacell-card-image img{transform:scale(1.065);filter:saturate(1.09) contrast(1.04)}.solacell-solution-card h3{font-size:2.25rem}.solacell-solution-card>strong{letter-spacing:.1em}.solacell-solution-card a{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(16,27,36,.08)}

.solacell-inside-volt{position:relative;overflow:hidden;background:
  linear-gradient(rgba(15,27,36,.025) 1px,transparent 1px),
  linear-gradient(90deg,rgba(15,27,36,.025) 1px,transparent 1px),#fff!important;background-size:46px 46px}.solacell-inside-grid{min-height:820px;position:relative;z-index:2}.solacell-inside-visual{min-height:700px;perspective:1400px;overflow:visible}.solacell-inside-glow{position:absolute;inset:14% 6% 6%;background:radial-gradient(circle,rgba(0,184,107,.1),transparent 65%);filter:blur(14px);z-index:0}.solacell-inside-visual img{width:min(112%,900px);max-width:none;border-radius:20px;filter:drop-shadow(0 38px 58px rgba(16,27,36,.15))}.solacell-inside-visual canvas{mix-blend-mode:screen}.solacell-scan-line{height:2px;opacity:.85;box-shadow:0 0 12px rgba(0,184,107,.42),0 0 36px rgba(124,234,255,.18)}
.solacell-engineering-label{position:absolute;z-index:7;display:flex;align-items:center;gap:.45rem;font-size:.68rem;letter-spacing:.055em;text-transform:uppercase;color:#6d7a80;pointer-events:none}.solacell-engineering-label b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#071820;color:#6ce8aa;font-size:.58rem;box-shadow:0 0 0 5px rgba(0,184,107,.08)}.solacell-engineering-label span{padding:.42rem .56rem;background:rgba(255,255,255,.8);border:1px solid rgba(16,27,36,.08);border-radius:10px;backdrop-filter:blur(12px)}.solacell-engineering-label:after{content:"";position:absolute;width:58px;height:1px;background:linear-gradient(90deg,rgba(0,184,107,.55),transparent)}.solacell-engineering-label--one{left:4%;top:16%}.solacell-engineering-label--one:after{left:100%;top:50%}.solacell-engineering-label--two{right:2%;top:31%;flex-direction:row-reverse}.solacell-engineering-label--two:after{right:100%;top:50%;transform:scaleX(-1)}.solacell-engineering-label--three{left:0;top:49%}.solacell-engineering-label--three:after{left:100%;top:50%}.solacell-engineering-label--four{right:0;bottom:28%;flex-direction:row-reverse}.solacell-engineering-label--four:after{right:100%;top:50%;transform:scaleX(-1)}.solacell-engineering-label--five{left:8%;bottom:12%}.solacell-engineering-label--five:after{left:100%;top:50%}

.solacell-button{box-shadow:0 9px 28px rgba(16,27,36,.08)}.solacell-button:hover{box-shadow:0 14px 38px rgba(16,27,36,.13)}

@media(max-width:1100px){.solacell-hero-grid{min-height:auto}.solacell-hero-visual{min-height:620px}.solacell-hero-callout{display:none}.solacell-certainty-card{min-height:580px}.solacell-inside-grid{min-height:auto}.solacell-inside-visual{min-height:600px}.solacell-engineering-label{display:none}}
@media(max-width:720px){.solacell-hero h1{font-size:clamp(3.6rem,18vw,6rem)}.solacell-hero-visual{min-height:430px}.solacell-certainty-card{min-height:540px}.solacell-certainty-card figure{inset:170px 0 0}.solacell-solution-card{min-height:560px}.solacell-inside-visual{min-height:420px}.solacell-inside-grid{padding-block:4rem}}


/* 3.4.1 — full-width transparent-image overlap refinement */
.solacell-hero-grid,
.solacell-inside-grid{
  width:100%;
  max-width:none;
  padding-inline:max(1.5rem,calc((100vw - 1680px)/2));
}
.solacell-hero-grid{grid-template-columns:minmax(320px,.82fr) minmax(620px,1.18fr)}
.solacell-hero-visual{position:relative;margin-left:clamp(-5rem,-6vw,-1rem);overflow:visible}
.solacell-hero-product{
  width:min(126%,1040px);
  border-radius:0;
}
.solacell-hero-callout span{background:rgba(255,255,255,.88)}

.solacell-inside-visual img{
  width:min(118%,980px);
  border-radius:0;
}

.solacell-energy-story{
  width:100vw;
  margin-left:50%;
  transform:translateX(-50%);
  grid-template-columns:minmax(320px,.78fr) minmax(0,3.22fr);
}
.solacell-certainty-intro{
  position:relative;
  min-height:700px;
  padding:clamp(4rem,6vw,6rem) clamp(1.5rem,3vw,3.2rem);
  overflow:visible;
}
.solacell-certainty-intro h2{
  position:relative;
  z-index:1;
  max-width:7.8ch;
  font-size:clamp(4rem,6vw,6.35rem);
  line-height:.88;
  margin-right:-10vw;
}
.solacell-certainty-intro p{
  position:relative;
  z-index:1;
  max-width:26ch;
}
.solacell-certainty-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.solacell-certainty-card{
  min-height:700px;
  background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.005));
}
.solacell-certainty-copy{
  position:relative;
  z-index:5;
  width:min(92%,330px);
  min-height:240px;
  padding:2.3rem 1.5rem 1.2rem;
  background:linear-gradient(180deg,rgba(4,13,18,.95) 0%,rgba(4,13,18,.78) 72%,rgba(4,13,18,0) 100%);
}
.solacell-certainty-copy p{max-width:25ch}
.solacell-certainty-card figure{
  position:absolute;
  inset:90px -6% 0 -4%;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  overflow:visible;
  z-index:3;
}
.solacell-certainty-card figure:before{display:none}
.solacell-certainty-card img{
  position:absolute;
  right:-2%;
  bottom:-1%;
  width:116%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 22px 42px rgba(0,0,0,.34));
  transform:none;
}
.solacell-certainty-card:nth-child(1) img{width:128%;right:-20%;bottom:-2%}
.solacell-certainty-card:nth-child(2) img{width:108%;right:-7%;bottom:-1%}
.solacell-certainty-card:nth-child(3) img{width:124%;right:-22%;bottom:-3%}
.solacell-certainty-card:nth-child(4) img{width:122%;right:-12%;bottom:-2%}
.solacell-certainty-card:hover img{
  transform:translateY(-6px) scale(1.015);
  filter:drop-shadow(0 28px 54px rgba(0,0,0,.40));
}

@media (max-width: 1320px){
  .solacell-hero-grid,
  .solacell-inside-grid{padding-inline:max(1.25rem,calc((100vw - 1500px)/2))}
  .solacell-energy-story{grid-template-columns:minmax(280px,.7fr) minmax(0,3.3fr)}
  .solacell-certainty-intro h2{margin-right:-6vw}
}

@media (max-width: 1100px){
  .solacell-hero-grid,
  .solacell-inside-grid{padding-inline:1rem}
  .solacell-hero-visual{margin-left:0}
  .solacell-energy-story{
    width:100%;
    margin-left:0;
    transform:none;
    grid-template-columns:1fr;
  }
  .solacell-certainty-intro{
    min-height:auto;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .solacell-certainty-intro h2{
    margin-right:0;
    max-width:none;
    font-size:clamp(3.5rem,9vw,5.4rem);
  }
  .solacell-certainty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .solacell-certainty-card{min-height:620px}
  .solacell-certainty-card figure{inset:118px -2% 0 0}
  .solacell-certainty-card img,
  .solacell-certainty-card:nth-child(1) img,
  .solacell-certainty-card:nth-child(2) img,
  .solacell-certainty-card:nth-child(3) img,
  .solacell-certainty-card:nth-child(4) img{width:106%;right:-3%;bottom:-1%}
}

@media (max-width: 720px){
  .solacell-hero-product{width:100%;max-width:100%}
  .solacell-inside-visual img{width:100%;max-width:100%}
  .solacell-certainty-card{min-height:540px}
  .solacell-certainty-copy{width:100%;max-width:none;min-height:200px}
  .solacell-certainty-grid{grid-template-columns:1fr}
  .solacell-certainty-card figure{inset:144px 0 0 0}
  .solacell-certainty-card img,
  .solacell-certainty-card:nth-child(1) img,
  .solacell-certainty-card:nth-child(2) img,
  .solacell-certainty-card:nth-child(3) img,
  .solacell-certainty-card:nth-child(4) img{width:102%;right:-1%;bottom:-1%}
}