/* Hero only: supplied copy, restrained silver/gold type and a blue cinematic wash. */
.homepage{--hero-content-inset:max(5%,calc((100% - 1680px)/2))}
.silver.hero-layout.homepage #start{min-height:760px;padding-top:112px;padding-bottom:104px;scroll-margin-top:0}
.silver.hero-layout.homepage #start .hero-copy{max-width:540px;position:relative}
#start .hero-identity{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:.055em;color:#dce9f6;margin-bottom:24px;text-shadow:0 2px 12px #001327}
#start .hero-signal{width:6px;height:6px;border-radius:50%;background:#ffd273;box-shadow:0 0 0 5px #ffd2730c,0 0 16px #ffc64e99;flex-shrink:0}
.silver.hero-layout.homepage #start h1{font-size:clamp(36px,3.35vw,48px);font-weight:600;line-height:1.16;letter-spacing:-.045em;margin-bottom:24px}
#start .hero-title-metal{background-image:linear-gradient(175deg,#fff 12%,#f2f6fc 44%,#bfcfdf 63%,#f4f8fc 94%);filter:drop-shadow(0 2px 9px #00142580)}
.silver.hero-layout.homepage #start h1 .accent{background-image:linear-gradient(170deg,#fff0be 0%,#ffd675 45%,#ffb93e 100%);filter:drop-shadow(0 0 16px #f5b74420)}
#start .hero-story{max-width:475px;border-left:1px solid #9dc7ec55;padding-left:17px}
#start .hero-promise{font-size:17px;font-weight:600;color:#f6f9fd;margin-bottom:10px;letter-spacing:-.02em;text-shadow:0 2px 10px #001327}
.silver.hero-layout.homepage #start .hero-description{font-size:14px;line-height:1.85;max-width:none;color:#d6e2ee;margin:0;text-shadow:0 2px 12px #001020}
#start .hero-description span{display:block;color:#ecf3fb;margin-top:5px}
#start .hero-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:30px 0 0;padding:20px 0 0;border-top:1px solid #9ec6e636;max-width:510px}
#start .hero-facts>div{padding:0 12px;border-left:1px solid #9ec6e62e}
#start .hero-facts>div:first-child{padding-left:0;border-left:0}
#start .hero-facts dt{color:#ffe09a;font-size:27px;font-weight:600;line-height:1.2;letter-spacing:-.04em;white-space:nowrap;text-shadow:0 0 20px #ffbf4a20}
#start .hero-facts dt small{font-size:15px;font-weight:500;letter-spacing:0}
#start .hero-facts dd{margin:8px 0 0;font-size:10px;line-height:1.65;color:#c4d4e3}
#start .hero-facts dd strong{display:block;font-weight:500;color:#edf4fa}
#start .hero-facts dd span{display:block}
.silver.hero-layout.homepage #start .hero-buttons{margin-top:29px;gap:24px;align-items:center}
.silver.hero-layout.homepage #start .hero-buttons .primary{font-size:12px;padding:13px 20px;min-height:46px;box-shadow:inset 0 1px #fff9,0 5px 27px #ffb93624}
#start .hero-live-link{display:inline-flex;align-items:center;gap:8px;color:#eaf4fc;font-size:12px;font-weight:500;text-decoration:none;padding:12px 0;border-bottom:1px solid #c4dff15c}
#start .hero-live-link:hover{color:#ffe09a;border-color:#ffe09a}
#start .hero-live-link svg{width:16px;height:16px}
#start .hero-background:after{background:linear-gradient(0deg,#091e2b 0%,#28405255 11%,transparent 28%),linear-gradient(90deg,#031421e8 0%,#041929cb 25%,#051c3380 43%,#071c2c15 70%,#04131f12 100%)}
#start .hero-scroll{bottom:32px;font-size:11px;color:#ccdce9;left:var(--hero-content-inset)}
#start .hero-video-toggle{bottom:22px;width:34px;height:34px;background:#10273c80}
@media(min-width:1600px){.silver.hero-layout.homepage #start .hero-copy{max-width:570px}}
@media(max-width:700px){
 .silver.hero-layout.homepage #start{padding:108px 24px 95px;min-height:820px;align-items:center}
 .silver.hero-layout.homepage #start .hero-copy{max-width:470px}
 #start .hero-identity{font-size:10px;letter-spacing:.025em;margin-bottom:20px;gap:9px}
 .silver.hero-layout.homepage #start h1{font-size:clamp(29px,7.7vw,42px);margin-bottom:22px}
 #start .hero-story{padding-left:13px}
 #start .hero-promise{font-size:14px;margin-bottom:9px}
 .silver.hero-layout.homepage #start .hero-description{font-size:12px;line-height:1.85}
 #start .hero-facts{grid-template-columns:repeat(2,1fr);gap:18px 0;margin-top:23px;padding-top:19px;max-width:360px}
 #start .hero-facts>div{padding-left:20px}
 #start .hero-facts>div:nth-child(odd){padding-left:0;border:0}
 #start .hero-facts dt{font-size:24px}
 #start .hero-facts dd{margin-top:4px;font-size:10px}
 .silver.hero-layout.homepage #start .hero-buttons{margin-top:24px;gap:15px}
 .silver.hero-layout.homepage #start .hero-buttons .primary{font-size:11px;padding:12px 14px}
 #start .hero-live-link{font-size:11px;gap:4px}
 #start .hero-background:after{background:linear-gradient(0deg,#091e2b,transparent 24%),linear-gradient(90deg,#031525dd,#0520369c 62%,#041a2d66)}
 #start .hero-scroll{bottom:30px}
 #start .hero-video-toggle{bottom:22px}
}
/* Match the introduction section's content edge on wide and narrow screens. */
.silver.hero-layout.homepage #start{padding-inline:var(--hero-content-inset)}
@media(max-width:900px){.homepage{--hero-content-inset:20px}}

/* Explain the product and supplied equipment instead of module-power figures. */
#start .hero-supply{font-size:12px;line-height:1.7;color:#d6e2ee;margin:14px 0 0}
#start .hero-supply strong{font-weight:600;color:#f4f8fc}
#start .hero-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 0;padding-top:20px;border-top:1px solid #9ec6e636}
.silver.hero-layout.homepage #start .hero-benefits h2{font-size:13px;line-height:1.45;font-weight:600;letter-spacing:0;margin:0 0 8px;color:#ffe09a}
#start .hero-benefits p{font-size:12px;line-height:1.7;margin:0;color:#d6e2ee}
@media(max-width:700px){
 #start .hero-benefits{grid-template-columns:1fr;gap:15px;margin-top:22px;padding-top:18px}
 .silver.hero-layout.homepage #start .hero-benefits h2{font-size:14px;margin-bottom:4px}
 #start .hero-benefits p,#start .hero-supply{font-size:12px}
}

/* Keep the next-section link visible in the initial desktop viewport. */
.silver.hero-layout.homepage main #start{height:auto;min-height:100svh;padding-top:128px;padding-bottom:70px;align-items:flex-start}
.homepage #start .hero-identity{margin-bottom:16px}
.silver.hero-layout.homepage main #start h1{font-size:clamp(34px,3.1vw,44px);margin-bottom:18px}
#start .hero-benefits{margin-top:20px;padding-top:16px}
.silver.hero-layout.homepage main #start .hero-buttons{margin-top:22px}
@media(min-width:901px) and (max-height:760px){
 .silver.hero-layout.homepage main #start{padding-top:126px;padding-bottom:64px}
 .silver.hero-layout.homepage main #start h1{font-size:34px;margin-bottom:16px}
 #start .hero-story .hero-description{font-size:13px;line-height:1.7}
 #start .hero-supply{margin-top:10px;line-height:1.6}
 #start .hero-benefits{margin-top:18px;padding-top:14px}
 #start .hero-benefits p{line-height:1.6}
 .silver.hero-layout.homepage main #start .hero-buttons{margin-top:18px}
}
@media(max-width:700px){
 .silver.hero-layout.homepage main #start{padding-top:110px;padding-bottom:105px}
 .silver.hero-layout.homepage main #start h1{font-size:clamp(29px,7.7vw,42px)}
}#start .hero-supply a{color:inherit;text-decoration:underline}