
/* Home prototype: the remainder of the previously approved site is intentionally unchanged. */
#home.sun-home-2026 { display:block; padding:0; margin:0; border:0; width:100%; color:#162b3f; background:#fff; scroll-margin-top:76px; }
#home.sun-home-2026 * { box-sizing:border-box; }
#home .sun-h26-stage {display:grid; grid-template-columns:37% 37% 26%; height:clamp(540px,43vw,690px); min-height:540px; width:100%; background:#0d263e; overflow:hidden; isolation:isolate;}
#home .sun-h26-copy {grid-column:1; grid-row:1; position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:5.1vw 22px 5vw max(5.6vw,44px); color:#fff; background:linear-gradient(120deg,#0b263e 1%,#12334d 68%,#162f47 100%);}
#home .sun-h26-copy:after {content:"";position:absolute;z-index:-1;top:0;bottom:0;right:-15%;width:25%;background:linear-gradient(90deg,#162f47,transparent);pointer-events:none;}
#home .sun-h26-kicker {font-weight:700;font-size:11px;letter-spacing:.17em;color:#a7cbe5;margin:0 0 25px;}
#home h1 {margin:0 0 22px;font-size:clamp(34px,3.35vw,64px);line-height:1.09;font-weight:650;letter-spacing:-.042em;color:#fff;max-width:750px;}
#home .sun-h26-copy p {font-size:clamp(15px,1.14vw,19px);line-height:1.5;color:#e0eaf1;margin:0 0 30px;max-width:460px;}
#home a.sun-h26-light-cta {display:inline-flex;align-items:center;gap:18px;background:#fff;color:#12334a;text-decoration:none;border-radius:7px;padding:15px 21px;font-size:15px;line-height:1.25;font-weight:700;box-shadow:0 8px 24px #05152435;transition:transform .2s ease,box-shadow .2s ease;}
#home a.sun-h26-light-cta:hover,#home a.sun-h26-dark-cta:hover {transform:translateY(-2px);box-shadow:0 10px 24px #0a1c3633;}
#home .sun-h26-brand {position:relative;min-width:0;min-height:0;overflow:hidden;display:block;text-decoration:none;color:#fff;background:#0f2535;}
#home .sun-h26-rest {grid-column:2;grid-row:1;}
#home .sun-h26-vib {grid-column:3;grid-row:1;margin-left:-19%;width:119%;clip-path:polygon(19% 0,100% 0,100% 100%,0 100%);z-index:1;border-left:0;}
#home .sun-h26-photo {position:absolute;display:block;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
#home .sun-h26-brand:hover .sun-h26-photo {transform:scale(1.035)}
#home .sun-h26-rest .sun-h26-photo {object-position:54% center;}
#home .sun-h26-vib .sun-h26-photo {object-position:56% center;}
#home .sun-h26-brand-shade {position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,18,34,.88) 0%,rgba(3,18,34,.35) 26%,transparent 68%);}
#home .sun-h26-vib .sun-h26-brand-shade {background:linear-gradient(0deg,rgba(11,39,84,.84),rgba(11,39,84,.2) 26%, transparent 63%);}
#home .sun-h26-brand-caption {position:absolute;left:8%;right:8%;bottom:36px;z-index:2;text-shadow:0 2px 9px #0816266a;}
#home .sun-h26-vib .sun-h26-brand-caption {left:21%;right:4%;}
#home .sun-h26-brand-caption img {display:block;object-fit:contain;object-position:left center;max-width:100%;height:auto;}
#home .sun-h26-mark-rest {width:min(265px,70%);max-height:92px;}
#home .sun-h26-mark-vib {width:min(255px,86%);max-height:78px;}
#home .sun-h26-history {font-size:clamp(14px,1.2vw,19px);line-height:1.34;font-weight:600;margin-top:13px;color:#fff;}
#home .sun-h26-extra {font-size:clamp(12px,.92vw,15px);margin-top:5px;color:#e6eef4;line-height:1.35;}
#home .sun-h26-tech {background:#edf4fc;border-bottom:1px solid #d7e4ee;}
#home .sun-h26-tech-inner {max-width:1470px;margin:auto;min-height:106px;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;padding:20px 5.5%;gap:36px;}
#home .sun-h26-tech-feature {display:flex;align-items:center;gap:20px;min-width:0;}
#home .sun-h26-jbl-logo {display:block;flex:0 0 85px;line-height:0;}
#home .sun-h26-jbl-logo svg {display:block;width:85px;height:50px;}
#home .sun-h26-tech-desc {display:flex;flex-direction:column;gap:5px;min-width:0;}
#home .sun-h26-tech-desc strong {font-size:17px;line-height:1.2;color:#173d5e;font-weight:750;}
#home .sun-h26-tech-desc span {font-size:14px;line-height:1.36;color:#506d82;}
#home .sun-h26-tech-divider {height:55px;background:#c7d8e4;}
#home .sun-h26-ai-mark {width:55px;height:55px;flex:0 0 55px;display:grid;place-items:center;border:2px solid #2468a6;border-radius:12px;color:#1a629d;font-size:26px;font-weight:750;letter-spacing:-.06em;}
#home .sun-h26-text-link {font-size:13px;font-weight:700;color:#216b9f;white-space:nowrap;margin-left:auto;}
#home .sun-h26-partner {position:relative;background:linear-gradient(158deg,#fff 30%,#f9fcff 100%);overflow:hidden;padding:55px 0 75px;}
#home .sun-h26-partner-inner {position:relative;z-index:2;max-width:1600px;margin:auto;display:grid;grid-template-columns:36% 64%;gap:0;align-items:center;padding:0 5.6%;}
#home .sun-h26-partner-intro {padding-right:70px;}
#home .sun-h26-partner-label {font-size:11px;letter-spacing:.15em;font-weight:700;color:#307eae;display:block;margin-bottom:14px;}
#home .sun-h26-partner h2 {font-size:clamp(39px,3.9vw,65px);letter-spacing:-.045em;line-height:1.12;color:#133656;font-weight:700;margin:0 0 16px;}
#home .sun-h26-partner-intro p {margin:0;font-size:16px;line-height:1.62;color:#546f83;max-width:360px;}
#home .sun-h26-partner-content {min-width:0;}
#home .sun-h26-benefit-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;}
#home .sun-h26-benefit {display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:4px 26px;gap:8px;border-left:1px solid #d3e0ea;}
#home .sun-h26-benefit:first-child {border-left:0;}
#home .sun-h26-icon {height:45px;color:#1d5f91;}
#home .sun-h26-icon svg {width:42px;height:42px;display:block;}
#home .sun-h26-benefit strong {font-size:17px;line-height:1.28;color:#143856;font-weight:750;}
#home .sun-h26-benefit>span:last-child {font-size:13.5px;line-height:1.55;color:#566f80;}
#home .sun-h26-partner-actions {display:flex;align-items:center;gap:26px;margin-top:30px;padding-left:25px;flex-wrap:wrap;}
#home a.sun-h26-dark-cta {display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:7px;background:#0a385b;color:#fff;font-weight:720;font-size:15px;text-decoration:none;padding:16px 27px;box-shadow:0 8px 20px #13334a1e;transition:transform .2s ease,box-shadow .2s ease;}
#home a.sun-h26-subtle-cta {font-size:13px;font-weight:650;color:#246b96;text-decoration:none;}
#home .sun-h26-wave {position:absolute;left:-5%;right:-5%;bottom:-118px;height:175px;transform:rotate(-6deg);background:linear-gradient(30deg,#d0e6fa60,#d8eafb50);border-radius:60% 40% 0 0;z-index:1;pointer-events:none;}
#restonic .sun-restonic-history {margin:13px 0 0;line-height:1.6;font-size:15.5px;color:#587081;max-width:560px;}
#restonic .sun-restonic-history strong {color:#244d6e;font-weight:750;}
@media(max-width:1100px){
#home .sun-h26-stage{grid-template-columns:39% 36% 25%;height:530px;min-height:530px;}
#home .sun-h26-copy{padding:38px 24px 38px 6vw;}
#home h1{font-size:clamp(31px,3.8vw,46px)}
#home .sun-h26-partner-inner{grid-template-columns:34% 66%;}
#home .sun-h26-partner-intro{padding-right:24px;}
#home .sun-h26-benefit{padding:4px 14px;}
#home .sun-h26-tech-inner{gap:22px;}
}
@media(max-width:760px){
#home .sun-h26-stage{display:grid;grid-template-columns:50% 50%;grid-template-rows:auto 270px;height:auto;min-height:0;}
#home .sun-h26-copy{grid-column:1/-1;grid-row:1;padding:58px 23px 48px;background:linear-gradient(115deg,#0b263e,#173e60);}
#home .sun-h26-copy:after{display:none;}
#home .sun-h26-kicker{font-size:10px;margin-bottom:17px;}
#home h1{font-size:clamp(33px,8.2vw,48px);margin-bottom:14px;max-width:460px;}
#home .sun-h26-copy p{font-size:15px;margin:0 0 23px;}
#home .sun-h26-rest{grid-column:1;grid-row:2;}
#home .sun-h26-vib{grid-column:2;grid-row:2;margin:0;width:100%;clip-path:none;border-left:3px solid #fff;}
#home .sun-h26-rest .sun-h26-photo{object-position:52% center;}
#home .sun-h26-vib .sun-h26-photo{object-position:52% center;}
#home .sun-h26-brand-caption{left:12px;bottom:18px;right:6px;}
#home .sun-h26-vib .sun-h26-brand-caption{left:12px;right:6px;}
#home .sun-h26-mark-rest{width:170px;max-width:95%;}
#home .sun-h26-mark-vib{width:165px;max-width:100%;}
#home .sun-h26-history{font-size:12.5px;margin-top:7px;}
#home .sun-h26-extra{font-size:11px;}
#home .sun-h26-tech-inner{grid-template-columns:1fr;gap:0;min-height:0;padding:10px 6%;}
#home .sun-h26-tech-feature{padding:16px 0;gap:15px;}
#home .sun-h26-tech-feature+ .sun-h26-tech-feature{border-top:1px solid #cedee9;}
#home .sun-h26-tech-divider{display:none;}
#home .sun-h26-tech-ai{border-top:1px solid #cedee9;}
#home .sun-h26-jbl-logo,#home .sun-h26-jbl-logo svg{width:65px;flex-basis:65px;height:38px;}
#home .sun-h26-ai-mark{width:51px;height:51px;flex-basis:51px;font-size:22px;}
#home .sun-h26-tech-desc strong{font-size:15px;}
#home .sun-h26-tech-desc span{font-size:12.5px;}
#home .sun-h26-text-link{display:none;}
#home .sun-h26-partner{padding:38px 0 64px;}
#home .sun-h26-partner-inner{display:block;padding:0 6%;}
#home .sun-h26-partner-intro{padding:0 0 26px;}
#home .sun-h26-partner h2{font-size:41px;}
#home .sun-h26-partner-intro p{font-size:14px;}
#home .sun-h26-benefit-grid{display:grid;grid-template-columns:1fr;gap:0;}
#home .sun-h26-benefit{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:3px 14px;align-items:center;padding:14px 0;border-left:0;border-top:1px solid #dbe5ec;}
#home .sun-h26-icon{grid-row:1/3;grid-column:1;}
#home .sun-h26-benefit strong{grid-column:2;font-size:16px;}
#home .sun-h26-benefit>span:last-child{grid-column:2;font-size:12px;}
#home .sun-h26-partner-actions{margin-top:21px;padding:0;gap:16px;}
#home a.sun-h26-dark-cta{font-size:14px;padding:14px 17px;}
#restonic .sun-restonic-history{font-size:14px;}
}
