@font-face{font-family:Manrope;src:url('fonts/manrope-variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--paper:#f5f4ef;--ink:#242d28;--muted:#697067;--copper:#ad4c29;--peach:#e4a381;--line:#dadcd3;--serif:Georgia,'Times New Roman',serif;--page-width:1320px;--gutter:clamp(24px,5vw,80px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
button,input,select,textarea{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
svg{display:block}
button{color:inherit}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:500}
h2{font-size:clamp(36px,4vw,58px);line-height:1.14;letter-spacing:-2.6px}
h2 em,h1 em{font-family:var(--serif);font-weight:400}
strong{font-weight:650}
::selection{background:#edb796;color:#202822}
:focus-visible{outline:3px solid var(--copper);outline-offset:6px}
[hidden]{display:none!important}
.section-wrap{width:min(var(--page-width),calc(100% - var(--gutter)*2));margin-inline:auto}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-80px;left:20px;z-index:100;padding:12px 20px;color:white;background:var(--ink)}
.skip-link:focus{top:12px}
.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;line-height:1.5;text-transform:uppercase;display:flex;align-items:center;gap:13px}
.eyebrow.light{color:#e0e2d8}
.section-number{color:var(--copper);letter-spacing:0;white-space:nowrap}
.text-muted{color:#7b8279}
.tiny-dot,.status-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--copper)}
.status-dot{background:#efb590;box-shadow:0 0 0 5px #efb59012;margin:0 4px 0 5px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:54px;padding:16px 25px;border:1px solid transparent;border-radius:3px;font-size:12px;font-weight:650;line-height:1.4;transition:background .2s,color .2s,transform .2s}
.button .icon{width:20px;height:20px;transition:transform .2s}
.button:hover .icon{transform:translate(2px,-2px)}
.button-copper{background:#d78c66;color:#19201b}
.button-copper:hover{background:#e5a783}
.button-dark{background:var(--ink);color:var(--paper)}
.button-dark:hover{background:#39473d}
.button-small{min-height:43px;padding:12px 17px;font-size:11px;gap:23px}
.button-outline{border-color:#bec2b8}
.button-outline:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.text-link{display:inline-flex;gap:25px;align-items:center;font-size:12px;font-weight:650;padding-block:10px;border-bottom:1px solid #a7afa2;line-height:1.5}
.text-link:hover{color:var(--copper);border-color:var(--copper)}
.site-header{position:sticky;top:0;z-index:30;background:#f5f4eff5;border-bottom:1px solid #e2e3dc;backdrop-filter:blur(14px)}
.header-inner{max-width:1536px;margin:auto;padding:23px 44px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;line-height:1;font-weight:750;letter-spacing:-1.25px;flex-shrink:0}
.brand-domain{color:#656e60;font-size:.72em;font-weight:500;letter-spacing:-.5px}
.brand-mark{display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:3px;transform:rotate(-7deg);margin-right:1px}
.brand-mark i{display:block;background:var(--copper)}
.brand-mark i:last-child{background:var(--ink)}
.site-nav{display:flex;align-items:center;gap:32px;font-size:11px;font-weight:600}
.site-nav>a:not(.button){position:relative;padding-block:10px}
.site-nav>a:not(.button)::after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:1px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.site-nav>a:hover::after{transform:scaleX(1)}
.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;margin:16px 18px 0;min-height:670px;height:calc(100svh - 135px);max-height:850px;background:#202622;color:var(--paper);overflow:hidden;border-radius:4px}
.hero-image{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(15,24,19,.78),rgba(16,23,18,.43) 48%,rgba(14,22,18,.02) 82%),linear-gradient(0deg,rgba(14,20,16,.75),transparent 35%,rgba(12,22,16,.08))}
.hero-content{padding:clamp(65px,8vh,105px) clamp(28px,4.4vw,80px) 130px;max-width:1370px;margin:auto}
.hero h1{font-size:clamp(60px,6.9vw,105px);font-weight:450;line-height:1.04;letter-spacing:-4.8px;margin-top:37px;text-wrap:balance}
.hero h1 em{color:#f2e9d9;letter-spacing:-4px;white-space:nowrap}
.hero-description{font-size:14px;line-height:1.95;color:#e0e2d9;margin-top:27px;max-width:490px}
.hero .button{margin-top:29px}
.hero-bottom{position:absolute;bottom:31px;left:clamp(28px,4.4vw,80px);right:clamp(28px,4.4vw,80px);display:flex;align-items:center;justify-content:space-between;gap:20px}
.scroll-cue{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.3px}
.scroll-cue>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #d5d7c94d;border-radius:50%;font-size:16px}
.hero-image-note{font-size:9px;color:#c9cfc3}
.hero-seal{position:absolute;right:clamp(40px,7vw,120px);bottom:140px;display:flex;align-items:center;gap:14px}
.hero-seal svg{width:48px;height:48px;fill:none;stroke:#e5bd8f;stroke-width:1;stroke-linecap:round}
.hero-seal span{color:#e7dcc7;font-size:8px;font-weight:600;letter-spacing:1.6px;line-height:1.8}
.value-strip{max-width:1270px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);padding:29px 25px 32px;border-bottom:1px solid var(--line)}
.value-strip>span{display:flex;align-items:center;justify-content:center;gap:13px;font-size:11px;line-height:1.5}
.value-strip>span+span{border-left:1px solid var(--line)}
.value-strip .icon{width:22px;height:22px;color:#8e795d;stroke-width:1.15}
.intro{padding-top:116px;padding-bottom:108px}
.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;margin-top:32px;align-items:start}
.intro h2{font-size:clamp(40px,4.8vw,68px);line-height:1.13;letter-spacing:-3px}
.intro-copy{padding-top:3px;max-width:480px}
.intro-copy>p:first-child{font-size:19px;line-height:1.65;letter-spacing:-.4px;margin-bottom:23px}
.intro-copy>p:nth-child(2){color:var(--muted);font-size:13px;line-height:1.9}
.intro-copy .text-link{margin-top:22px}
.technology{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:78px;padding-bottom:84px;border-top:1px solid var(--line)}
.technology h2{margin:28px 0 22px;font-size:clamp(34px,3.65vw,53px)}
.technology-copy>p:not(.eyebrow){font-size:13px;line-height:1.95;max-width:460px;color:var(--muted)}
.technology-steps{padding:0;margin:30px 0 23px;list-style:none}
.technology-steps li{display:flex;gap:20px;padding:15px 0}
.technology-steps li>span{font-size:10px;color:var(--copper);padding-top:4px;font-weight:600}
.technology-steps h3{font-size:13px;font-weight:650;margin-bottom:5px}
.technology-steps p{font-size:12px;color:var(--muted);line-height:1.8;max-width:400px}
.source-link{font-size:10px;line-height:1.7;color:#64705f;text-decoration:underline;text-underline-offset:4px}
.source-link:hover{color:var(--copper)}
.technology-demo{background:#e9ebe3;border:1px solid #dfe2d7;border-radius:4px;padding:29px 28px 23px;align-self:center}
.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.demo-heading .eyebrow{font-size:9px;letter-spacing:1.4px}
.demo-index{font-size:9px;color:#606956;font-family:monospace}
.cell-switch{display:flex;justify-content:center;width:fit-content;max-width:100%;padding:4px;margin:28px auto 0;background:#dce0d6;border-radius:3px}
.cell-switch button{font-size:10px;border:0;padding:10px 15px;border-radius:2px;line-height:1.5;background:transparent;color:#566050;transition:background .2s,color .2s}
.cell-switch button[aria-pressed=true]{background:var(--ink);color:#f5f4ef;box-shadow:0 2px 8px #18251712}
.cell-visual{margin:5px -15px -2px;background:radial-gradient(ellipse at center,#f3f3eb 5%,transparent 68%)}
.cell-drawing{width:100%;height:auto}
.front-contacts{opacity:0;transition:opacity .55s}
.rear-contacts{opacity:1;transition:opacity .55s}
[data-mode=front] .front-contacts{opacity:1}
[data-mode=front] .rear-contacts{opacity:.3}
.demo-caption{display:flex;align-items:flex-start;gap:12px;border-top:1px solid #cbd0c3;padding-top:21px}
.demo-caption .tiny-dot{margin-top:8px}
.demo-caption h3{font-size:13px;font-weight:600}
.demo-caption p{font-size:11px;margin-top:4px;color:#62695e;min-height:39px;line-height:1.7}
.diagram-note{font-size:9px;color:#5e6658;margin-top:19px;line-height:1.7}
.benefits{padding-block:65px 102px}
.section-heading{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;margin-bottom:47px}
.section-heading h2{margin-top:25px}
.section-heading>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:350px;padding-bottom:5px}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.benefit-card{display:flex;flex-direction:column;min-width:0;min-height:408px;background:#eeefe8;border:1px solid #dfe2d6;border-radius:3px;padding:26px 24px 23px;transition:transform .25s,box-shadow .25s}
.benefit-card:hover{transform:translateY(-4px);box-shadow:0 12px 22px #23302308}
.card-index{font-size:8px;font-weight:600;letter-spacing:1.25px;color:#5a6654}
.benefit-card h3{font-size:23px;line-height:1.3;letter-spacing:-.9px;margin-top:26px}
.benefit-card>p{font-size:11px;color:#5b6654;line-height:1.95;margin-top:17px;margin-bottom:25px}
.benefit-icon{width:48px;height:48px;fill:none;stroke:#7d8c72;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;margin-top:38px}
.card-link,.card-footnote{margin-top:auto;font-size:9px;line-height:1.6}
.card-link{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:650;padding-top:12px;border-top:1px solid #d2d7c9}
.card-link .icon{width:17px;height:17px}
.card-link:hover{text-decoration:underline;text-underline-offset:4px}
.card-footnote{color:#606956}
.benefit-feature{background:#e1a180;border-color:#e1a180}
.benefit-feature .card-index,.benefit-feature>p{color:#4b3b2f}
.benefit-feature .card-link{border-color:#876a514d}
.benefit-feature h3{margin-top:12px}
.area-art{position:relative;height:91px;margin-top:11px;display:flex;align-items:center;justify-content:center}
.area-art>span{font-family:var(--serif);font-size:64px;line-height:1;font-style:italic;letter-spacing:-3px}
.area-art sup{font-size:32px;position:relative;top:-7px;left:4px}
.area-art svg{width:100%;height:78px;position:absolute;inset:12px 0 0;fill:none;stroke:#785942;stroke-width:.7;opacity:.65}
.comparison{padding-block:24px 105px}
.comparison-scroll{overflow-x:auto;scrollbar-width:thin;border:1px solid var(--line);border-radius:3px}
table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;line-height:1.7;min-width:680px}
th,td{padding:23px 27px;border-bottom:1px solid var(--line);vertical-align:middle}
thead th{font-size:11px;font-weight:650;height:77px;background:#ebede5}
thead th:first-child{width:26%;color:#5b6654}
thead th:nth-child(2){width:35%}
thead th:last-child{background:var(--ink);color:var(--paper);border-color:var(--ink);position:relative}
thead .tiny-dot{background:#dfa17b;margin-right:8px;width:6px;height:6px}
.table-tag{float:right;font-size:8px;border:1px solid #63715d;border-radius:2px;padding:2px 8px;font-weight:500;letter-spacing:1px}
tbody th{font-size:11px;font-weight:600}
td{color:var(--muted);font-size:11px}
td:last-child{background:#e8ece2;color:#344730}
tbody tr:last-child>*{border-bottom:0}
.section-note{margin-top:18px;max-width:870px;font-size:10px;line-height:1.8;color:var(--muted)}
.calculator{background:#253128;color:#f1f2e9;position:relative;isolation:isolate}
.calculator::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 30%,#56684822,transparent 65%)}
.calculator-inner{padding-block:82px 35px;display:grid;grid-template-columns:1fr 1fr;gap:52px 90px}
.calculator .section-number{color:#e4a17b}
.calculator h2{font-size:clamp(34px,3.4vw,48px);letter-spacing:-2px;margin-top:29px}
.calculator h2 em{color:#d8ddc8}
.calculator-copy>p:not(.eyebrow){color:#bfc6b7;max-width:470px;font-size:12px;margin-top:24px;line-height:1.9}
.calculator-controls{margin-top:36px}
.range-label{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:14px;line-height:1.6}
.range-label label{font-size:11px;color:#d0d6c9}
.range-label output{font-size:15px;color:#ecebdd;font-weight:650;white-space:nowrap}
input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:5px;border-radius:5px;background:#64705e;accent-color:#e5a17d;cursor:pointer;margin:12px 0;padding:0}
input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:17px;width:17px;border-radius:50%;background:#e5a17d;border:3px solid #2f3c30;box-shadow:0 0 0 1px #e5a17d}
input[type=range]::-moz-range-thumb{height:12px;width:12px;border-radius:50%;background:#e5a17d;border:3px solid #2f3c30;box-shadow:0 0 0 1px #e5a17d}
input[type=range]:focus-visible{outline-color:#e5a17d;outline-offset:10px}
.range-limits{display:flex;justify-content:space-between;font-size:9px;color:#a9b49f;margin-top:14px}
.efficiency-controls{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:26px}
.efficiency-controls .range-label{display:block}
.efficiency-controls .range-label label{display:block;font-size:10px}
.efficiency-controls .range-label output{display:block;margin-top:6px}
.reset-button{background:none;border:0;border-bottom:1px solid #7d8a70;color:#cdd4c1;padding:6px 0;font-size:10px;margin-top:15px;display:flex;align-items:center;gap:20px}
.reset-button:hover{color:white;border-color:white}
.reset-button span{font-size:19px;line-height:1}
.calculator-result{border:1px solid #64715b;border-radius:4px;background:#f7f6e907;padding:28px 31px;align-self:center}
.result-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.result-heading .eyebrow{font-size:8px;letter-spacing:1.6px}
.result-heading .icon{width:20px;height:20px;color:#d9a17d}
.gain{display:flex;flex-direction:column;margin:21px 0 32px}
.gain>span:first-child{font-size:clamp(58px,6vw,89px);font-weight:400;line-height:1.25;letter-spacing:-4px;color:#e2ac88}
.gain>span:last-child{font-size:11px;color:#c2ccb7}
.power-row{margin-top:24px}
.power-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#c1c8b9}
.power-row strong{font-size:19px;font-weight:500;color:#e9ecdf;letter-spacing:-.5px}
.power-track{height:10px;background:#ffffff0a;margin-top:10px;overflow:hidden;border-radius:1px}
.power-track>span{display:block;height:100%;background:#8b977d;transition:width .25s}
.bc-power .power-track>span{background:#e2ac88}
.bc-power .tiny-dot{background:#e2ac88;width:5px;height:5px;vertical-align:middle;margin-right:4px}
.result-bottom{border-top:1px solid #68735e;display:flex;justify-content:space-between;gap:14px;padding-top:21px;margin-top:30px;font-size:9px;color:#bfc8b4;align-items:center}
.result-bottom strong{font-size:15px;color:#e5c1a2;white-space:nowrap}
.result-disclaimer{font-size:9px;line-height:1.8;color:#b5bfa9;margin-top:20px}
.calculator-method{grid-column:1/-1;border-top:1px solid #56634e;padding-top:2px}
.calculator-method summary{font-size:10px;list-style:none;cursor:pointer;padding:19px 0;color:#c2ccb7;display:flex;justify-content:space-between;gap:25px}
.calculator-method summary::-webkit-details-marker{display:none}
.calculator-method summary>span{font-size:20px;line-height:1}
.calculator-method[open] summary>span{transform:rotate(45deg)}
.calculator-method>div{max-width:950px;padding-bottom:22px}
.calculator-method p{font-size:11px;line-height:1.9;color:#c5cdba;margin:0 0 12px}
.noscript-note{border:1px solid #7a896b;padding:16px;margin-top:20px}
.architecture{padding-block:100px 75px}
.architecture-figure{position:relative;overflow:hidden;border-radius:3px;background:#313d30;height:470px}
.architecture-figure::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#132116d9,transparent 70%)}
.architecture-figure img{width:100%;height:100%;object-fit:cover;object-position:center 64%}
.architecture-figure figcaption{position:absolute;z-index:1;bottom:34px;left:38px;right:38px;color:#f2f2e8;display:flex;justify-content:space-between;align-items:flex-end;gap:25px}
.architecture-figure figcaption p{font-size:38px;line-height:1.2;letter-spacing:-1.2px;margin-top:13px}
.architecture-figure figcaption>span{font-size:9px;text-align:right;line-height:1.8;color:#d1d8c5}
.architecture-points{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding-block:24px;gap:20px}
.architecture-points p{font-size:10px;display:flex;gap:13px;align-items:center}
.architecture-points p>span{color:var(--copper);font-size:9px}
.longi-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding-block:20px 106px;align-items:center}
.longi-brand-panel{height:380px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:35px;background:#e9eae3;border:1px solid #dcdfd3;border-radius:3px;overflow:hidden}
.longi-brand-panel::before{content:'';position:absolute;width:420px;height:420px;border:1px solid #ced4c5;border-radius:50%;top:-60px;right:-75px;pointer-events:none}
.longi-brand-panel::after{content:'';position:absolute;width:300px;height:300px;border:1px solid #ced4c5;border-radius:50%;top:0;right:-15px;pointer-events:none}
.longi-brand-panel>.eyebrow{align-self:flex-start;font-size:8px;z-index:1}
.longi-wordmark{font-size:84px;font-weight:800;letter-spacing:-6px;line-height:1;z-index:1}
.longi-wordmark>span{color:var(--copper)}
.longi-panel-bottom{align-self:stretch;display:flex;align-items:flex-end;justify-content:space-between;font-size:10px;line-height:1.7;z-index:1}
.longi-panel-bottom>.icon{width:34px;height:34px;stroke-width:1}
.longi-copy h2{margin-top:25px;font-size:clamp(33px,3.4vw,47px)}
.longi-copy>p:not(.eyebrow):not(.brand-note){font-size:12px;color:var(--muted);line-height:1.95;margin-top:21px}
.longi-copy strong{color:var(--ink)}
.technology-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 12px}
.technology-tags span{font-size:9px;line-height:1.5;padding:6px 10px;border:1px solid #cfd4c6;border-radius:2px}
.longi-copy .text-link{font-size:11px;gap:18px}
.longi-copy .brand-note{font-size:9px;color:#626b5b;line-height:1.8;margin-top:18px;max-width:480px}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;padding-block:76px 90px;border-top:1px solid var(--line)}
.faq h2{font-size:clamp(33px,3.1vw,46px);margin-top:25px}
.faq-intro>p:last-child{font-size:12px;line-height:1.8;max-width:265px;color:var(--muted);margin-top:24px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list details:first-child{border-top:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;font-size:12px;font-weight:600;line-height:1.65;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 0;transition:color .2s}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover{color:var(--copper)}
.faq-plus{position:relative;flex-shrink:0;width:15px;height:15px;display:block}
.faq-plus::before,.faq-plus::after{content:'';position:absolute;background:#777f70;top:7px;left:2px;width:11px;height:1px}
.faq-plus::after{transform:rotate(90deg);transition:transform .2s}
details[open] .faq-plus::after{transform:rotate(0)}
.faq-list details>div{padding:0 27px 22px 0}
.faq-list details p{font-size:12px;line-height:1.95;color:var(--muted)}
.closing{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:48px 46px 50px;background:#e2a17f;border-radius:3px;position:relative;overflow:hidden}
.closing h2{font-size:clamp(31px,3.45vw,49px);margin-top:20px;letter-spacing:-1.9px}
.closing .eyebrow{font-size:9px;color:#473c2f}
.closing p:not(.eyebrow){font-size:11px;margin-top:19px;line-height:1.9;color:#4a3b2e}
.closing .button{flex-shrink:0;font-size:11px;gap:18px}
.download-format{border-left:1px solid #80917a;padding-left:12px;font-size:8px;letter-spacing:1px;color:#c2cebb}
.sources{padding-block:44px 15px}
.sources details{border-bottom:1px solid var(--line)}
.sources summary{display:flex;justify-content:space-between;gap:30px;padding-block:21px;list-style:none;cursor:pointer;font-size:11px;font-weight:600;line-height:1.7}
.sources summary::-webkit-details-marker{display:none}
.sources summary>span+span{display:flex;gap:25px;font-size:9px;font-weight:400;color:var(--muted);align-items:center}
.sources summary>span+span>span{font-size:19px;line-height:1}
.sources details[open] summary>span+span>span{transform:rotate(45deg)}
.sources-content{max-width:970px;padding-bottom:25px;font-size:11px;color:var(--muted);line-height:1.85}
.sources-content ol{display:grid;grid-template-columns:1fr 1fr;gap:20px 50px;padding-left:20px;margin-top:24px}
.sources-content li>span{display:block;font-size:10px;margin-top:5px}
.sources-content a{color:var(--ink);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.sources-content a:hover{color:var(--copper)}
.site-footer{padding-block:40px 22px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:47px}
.footer-top .brand{font-size:25px}
.footer-top>p{font-size:11px;color:var(--muted);margin-right:auto;margin-left:48px;line-height:1.8}
.back-top{display:flex;align-items:center;gap:22px;font-size:10px}
.back-top>span{height:34px;width:34px;border-radius:50%;border:1px solid #bec6b5;display:grid;place-items:center;font-size:16px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}
.footer-bottom a:hover{text-decoration:underline}
.will-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.will-reveal.is-visible{opacity:1;transform:none}
.legal-main{max-width:800px;margin:75px auto 100px;padding:0 26px}
.legal-main h1{font-size:clamp(36px,5vw,60px);line-height:1.15;letter-spacing:-2px;margin:20px 0 35px}
.legal-main h2{font-size:22px;letter-spacing:-.5px;margin:32px 0 13px}
.legal-main p{font-size:14px;color:var(--muted);margin-bottom:15px;line-height:1.9}
.legal-main a:not(.button){text-decoration:underline;text-underline-offset:4px}
.legal-main .button{margin-top:25px}
@media(min-width:1700px){.hero-content{padding-left:0;padding-right:0}.hero-bottom{left:calc((100% - 1370px)/2);right:calc((100% - 1370px)/2)}}
@media(max-width:1200px){.header-inner{padding-inline:30px}.site-nav{gap:22px}.technology{gap:40px}.benefit-card{padding:23px 18px}.benefit-card h3{font-size:21px}.intro-grid{gap:55px}.calculator-inner{gap:42px 45px}.longi-section{gap:45px}.faq{gap:45px}.closing{padding-inline:35px}.closing .button{padding-inline:17px;gap:12px}.hero-seal{right:45px}}
@media(max-width:980px){
  :root{--gutter:32px}
  .header-inner{flex-wrap:wrap;gap:0;padding:22px 28px}
  .brand{font-size:23px}
  .site-nav{flex-basis:100%;flex-wrap:wrap;justify-content:center;gap:17px;margin-top:22px}
  .js .menu-toggle{display:flex;align-items:center;gap:14px;border:1px solid #c2c7b8;background:transparent;font-size:11px;padding:11px 14px;line-height:1.4;border-radius:2px}
  .menu-lines{width:17px;height:11px;position:relative;display:block;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
  .menu-lines::after{content:'';position:absolute;height:1px;background:var(--ink);width:17px;top:4px}
  .menu-open .menu-lines{border-bottom-color:transparent;border-top-color:transparent}
  .menu-open .menu-lines::before,.menu-open .menu-lines::after{content:'';position:absolute;top:4px;left:0;width:17px;height:1px;background:var(--ink);transform:rotate(45deg)}
  .menu-open .menu-lines::after{transform:rotate(-45deg)}
  .js .site-nav{display:none;position:fixed;top:85px;left:0;right:0;background:var(--paper);padding:25px 32px 35px;margin:0;border-bottom:1px solid var(--line);box-shadow:0 18px 20px #20292012;max-height:calc(100dvh - 85px);overflow-y:auto}
  .js .menu-open .site-nav{display:flex;flex-direction:column;align-items:stretch;gap:5px}
  .js .site-nav>a:not(.button){font-size:18px;padding:15px 0;border-bottom:1px solid var(--line)}
  .js .site-nav .button{margin-top:17px}
  .hero{min-height:650px;height:calc(100svh - 115px);max-height:850px;margin:12px 12px 0}
  .hero-content{padding:80px 40px 145px}
  .hero h1{font-size:clamp(60px,8.5vw,80px);letter-spacing:-3px}
  .hero h1 em{letter-spacing:-3px}
  .hero-bottom{left:40px;right:40px}
  .hero-seal{bottom:105px;right:40px}
  .hero-seal span{display:none}
  .value-strip{padding-inline:15px;margin-inline:28px}
  .value-strip>span{font-size:9px;gap:8px}
  .value-strip .icon{width:19px;height:19px}
  .intro{padding-block:85px}
  .intro-grid{gap:40px}
  .intro h2{font-size:50px;letter-spacing:-2.5px}
  .intro-copy>p:first-child{font-size:17px}
  .technology{gap:35px;padding-block:55px}
  .technology h2{font-size:37px;letter-spacing:-1.8px}
  .technology-demo{padding:23px 18px 20px}
  .demo-heading .eyebrow{font-size:8px;letter-spacing:1px}
  .cell-switch button{padding-inline:11px;font-size:9px}
  .cell-visual{margin-inline:-12px}
  .benefit-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .benefit-card{min-height:365px;padding:25px}
  .benefit-card h3{font-size:26px}
  .benefit-card>p{font-size:12px}
  .benefit-icon{margin-top:25px}
  .area-art{max-width:235px;width:100%;align-self:center}
  .section-heading{gap:28px}.section-heading h2{font-size:43px;letter-spacing:-2px}.section-heading>p{font-size:11px}
  th,td{padding:20px}
  .calculator-inner{gap:35px;padding-top:65px}
  .calculator h2{font-size:36px;letter-spacing:-1.4px}
  .calculator-result{padding:22px}
  .gain>span:first-child{font-size:65px}
  .power-row>div:first-child{font-size:10px}
  .power-row strong{font-size:17px}
  .result-bottom{align-items:flex-start;flex-direction:column;gap:6px}
  .architecture-figure{height:390px}
  .architecture-points p{font-size:9px;gap:9px}
  .longi-section{gap:35px;grid-template-columns:.8fr 1.2fr}
  .longi-brand-panel{height:360px;padding:27px}
  .longi-wordmark{font-size:67px;letter-spacing:-4px}
  .longi-copy h2{font-size:37px;letter-spacing:-1.8px}
  .faq{gap:38px;grid-template-columns:.8fr 1.2fr}
  .faq h2{font-size:35px;letter-spacing:-1.5px}
  .faq-list summary{font-size:11px}
  .closing{align-items:flex-start;flex-direction:column;gap:27px}
  .closing h2{font-size:42px}
  .footer-top>p{margin-left:0}.footer-top{gap:25px}
}
@media(max-width:700px){
  :root{--gutter:24px}
  html{scroll-padding-top:95px}
  .header-inner{padding:18px 23px}.brand{font-size:23px}.js .site-nav{top:77px;max-height:calc(100dvh - 77px)}
  .hero{min-height:655px;max-height:800px;height:calc(100svh - 99px);margin:9px 9px 0}
  .hero-image{object-position:63% center}
  .hero-shade{background:linear-gradient(90deg,#152117b8,#13221845),linear-gradient(0deg,#122117e3,transparent 65%,#111c1559)}
  .hero-content{padding:59px 25px 125px}
  .hero .eyebrow{font-size:8px;letter-spacing:1.4px;gap:9px}
  .hero h1{font-size:clamp(42px,9vw,61px);line-height:1.13;letter-spacing:-2.5px;margin-top:32px}
  .hero h1 em{letter-spacing:-2px;white-space:normal}
  .hero-description{font-size:12px;line-height:1.95;margin-top:25px}
  .hero .button{margin-top:28px;min-height:51px;font-size:11px;padding:16px 20px;gap:28px}
  .hero-bottom{left:25px;right:25px;bottom:24px;align-items:flex-start;flex-direction:column;gap:15px}
  .scroll-cue{font-size:9px;gap:10px}.scroll-cue>span{width:27px;height:27px}
  .hero-image-note{font-size:8px;margin-left:37px}
  .hero-seal{right:25px;bottom:30px}.hero-seal svg{width:37px;height:37px}
  .value-strip{margin-inline:24px;padding:22px 0;grid-template-columns:1fr;gap:15px}
  .value-strip>span{justify-content:flex-start;font-size:11px;gap:12px;padding-left:3px}
  .value-strip>span+span{border:0}.value-strip .icon{width:21px;height:21px}
  .eyebrow{font-size:8px;letter-spacing:1.4px;gap:11px}
  .intro{padding-block:69px 65px}.intro-grid{grid-template-columns:1fr;gap:28px;margin-top:25px}
  .intro h2{font-size:47px;line-height:1.13;letter-spacing:-2.3px}.intro h2 br:last-child{display:none}
  .intro-copy{max-width:none}.intro-copy>p:first-child{font-size:17px;margin-bottom:16px}
  .intro-copy>p:nth-child(2){font-size:12px}.intro-copy .text-link{margin-top:17px}.text-link{font-size:11px}
  .technology{grid-template-columns:1fr;gap:35px;padding-block:60px 40px}
  .technology h2{font-size:39px;margin-top:24px;letter-spacing:-1.9px}
  .technology-copy>p:not(.eyebrow){max-width:none;font-size:12px}
  .technology-steps{margin-top:23px}.technology-steps li{padding-block:12px}
  .technology-demo{padding:24px 22px}.demo-heading .eyebrow{font-size:8px}
  .cell-switch{margin-top:24px}.cell-switch button{font-size:10px;padding:10px 14px}
  .cell-visual{margin-top:2px;margin-inline:-15px}.demo-caption p{min-height:0;font-size:11px}.diagram-note{font-size:9px}
  .benefits{padding-block:40px 65px}.section-heading{display:block;margin-bottom:29px}
  .section-heading h2{font-size:39px;line-height:1.15;letter-spacing:-1.9px;margin-top:24px}
  .section-heading>p{font-size:11px;max-width:none;margin-top:20px}.section-heading>p br{display:none}
  .benefit-grid{grid-template-columns:1fr;gap:13px}
  .benefit-card{min-height:0;padding:27px 26px;position:relative}
  .card-index{font-size:9px}.benefit-icon{margin-top:24px;width:39px;height:39px}
  .benefit-card h3{font-size:28px;letter-spacing:-1px;margin-top:21px}.benefit-card>p{font-size:12px;line-height:1.9;margin:15px 0 23px}
  .card-link,.card-footnote{font-size:10px}.benefit-feature .area-art{align-self:flex-end;position:absolute;right:26px;top:52px;width:115px;height:74px;margin:0}
  .area-art>span{font-size:50px}.area-art sup{font-size:25px}.area-art svg{height:65px;top:0}
  .benefit-feature h3{margin-top:104px}.benefit-feature{min-height:377px}
  .comparison{padding-block:15px 65px}table{min-width:650px}th,td{padding:18px}.section-note{font-size:10px}
  .comparison-scroll{margin-right:-10px}.comparison-scroll:focus-visible{outline-offset:2px}
  .calculator-inner{grid-template-columns:1fr;gap:33px;padding-block:57px 18px}.calculator h2{font-size:39px;line-height:1.17;letter-spacing:-1.9px;margin-top:25px}
  .calculator-copy>p:not(.eyebrow){font-size:12px;margin-top:20px}.calculator-controls{margin-top:30px}
  .range-label label{font-size:11px}.efficiency-controls{gap:23px;margin-top:23px}
  .calculator-result{padding:26px}.gain>span:first-child{font-size:80px}.gain{margin-top:18px;margin-bottom:28px}
  .result-heading .eyebrow{font-size:8px;letter-spacing:1.1px}.power-row>div:first-child{font-size:11px}
  .result-bottom{flex-direction:row;align-items:center;gap:12px;font-size:9px}.result-bottom strong{font-size:14px}
  .calculator-method{margin-top:0}.calculator-method summary{font-size:10px}
  .architecture{padding-block:65px 45px}.architecture-figure{height:410px}.architecture-figure img{object-position:64% center}
  .architecture-figure figcaption{left:24px;right:24px;bottom:23px;flex-direction:column;align-items:flex-start;gap:17px}
  .architecture-figure figcaption p{font-size:31px;letter-spacing:-1px}.architecture-figure figcaption>span{text-align:left;font-size:8px}
  .architecture-points{grid-template-columns:1fr;gap:14px;padding-block:23px}.architecture-points p{font-size:10px;gap:15px}
  .longi-section{grid-template-columns:1fr;gap:31px;padding-block:12px 61px}.longi-brand-panel{height:275px;padding:26px}
  .longi-wordmark{font-size:79px}.longi-brand-panel::before{right:-20px;top:-130px}.longi-brand-panel::after{right:40px;top:-70px}
  .longi-copy h2{font-size:38px;letter-spacing:-1.9px}.longi-copy .text-link{font-size:10px;gap:10px}.longi-copy .brand-note{font-size:9px}
  .faq{grid-template-columns:1fr;gap:29px;padding-block:54px 61px}.faq h2{font-size:39px;letter-spacing:-1.9px}
  .faq-intro>p:last-child{max-width:330px;font-size:12px;margin-top:20px}.faq-list summary{font-size:12px;gap:16px;padding-block:20px}
  .faq-list details>div{padding-right:10px}.faq-list details p{font-size:12px}
  .closing{padding:31px 25px;gap:24px}.closing h2{font-size:34px;line-height:1.17;letter-spacing:-1.6px}.closing p:not(.eyebrow){font-size:11px}.closing p br{display:none}
  .closing .button{width:100%;gap:13px;padding-inline:16px;font-size:11px}.closing .button .icon{margin-left:auto}.download-format{padding-left:10px}
  .sources{padding-block:24px 10px}.sources summary{font-size:11px;gap:20px}.sources summary>span+span{font-size:0;gap:0}.sources summary>span+span>span{font-size:20px}
  .sources-content ol{grid-template-columns:1fr;gap:20px;padding-left:17px}.sources-content{font-size:11px}
  .site-footer{padding-block:28px 22px}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:23px;padding-bottom:28px}.footer-top .brand{font-size:24px}
  .footer-top>p{font-size:10px;flex-basis:100%;order:3}.back-top{font-size:0;margin-left:auto;gap:0}.back-top>span{font-size:17px;width:31px;height:31px}
  .footer-bottom{flex-wrap:wrap;gap:12px 20px;font-size:9px}.footer-bottom>span:nth-child(2){order:3;flex-basis:100%}.footer-bottom>a{margin-left:auto}
  .legal-main{margin-top:45px}.legal-main h1{font-size:39px}
}
@media(max-width:370px){:root{--gutter:20px}.header-inner{padding-inline:20px}.brand{font-size:21px}.hero-content{padding-inline:21px}.hero h1{font-size:39px;letter-spacing:-2px}.hero h1 em{letter-spacing:-1.8px}.hero-description{font-size:11px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.intro h2{font-size:41px}.section-heading h2,.technology h2,.calculator h2,.faq h2{font-size:35px}.calculator-result{padding:22px}.closing h2{font-size:30px}.range-label label{font-size:10px}.efficiency-controls .range-label label{font-size:9px}.longi-copy .text-link{font-size:9px}.result-heading .eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.will-reveal{opacity:1;transform:none}.benefit-card:hover{transform:none}}
@media print{
  @page{margin:15mm}
  html{scroll-behavior:auto}body{background:white;color:#111;font-size:11pt}.site-header{position:static;backdrop-filter:none;background:white}.header-inner{padding:10px 0}.site-nav,.menu-toggle,.hero-seal,.scroll-cue,.hero-bottom,.back-top,.skip-link,.calculator-controls,.cell-switch,.sources summary>span+span,.closing .button{display:none!important}.section-wrap{width:100%}.hero{margin:0;min-height:0;height:auto;background:#fff;color:#111;padding-block:20px}.hero-image,.hero-shade{display:none}.hero-content{padding:20px 0}.hero h1{font-size:44pt;margin-top:15px}.hero h1 em,.eyebrow.light,.hero-description{color:#333}.hero .button{display:none}.value-strip{padding:15px 0}.intro,.technology,.benefits,.comparison,.architecture,.longi-section,.faq{padding-block:25px;break-inside:auto}.intro-grid,.technology,.calculator-inner,.longi-section,.faq{gap:25px}.will-reveal{opacity:1;transform:none}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-card{break-inside:avoid}.calculator{background:#f0f0ec;color:#111;print-color-adjust:exact}.calculator-inner{padding-block:25px}.calculator h2 em,.calculator-copy>p:not(.eyebrow),.calculator-result *,.calculator-method *{color:#222!important}.calculator-result{border-color:#888}.architecture-figure{height:230px;print-color-adjust:exact}.longi-brand-panel{height:250px}h2{font-size:28pt}.section-heading h2{font-size:28pt}.section-heading{margin-bottom:20px}.closing{padding:25px;print-color-adjust:exact}.faq details{break-inside:avoid}.sources{padding:15px 0}.site-footer{padding-block:20px}.footer-top{padding-bottom:20px}table{min-width:0;font-size:9pt}th,td{padding:10px}.comparison-scroll{overflow:visible}a[href^='http']{text-decoration:underline}.legal-main{margin:20px auto;max-width:none}
}