/*
Theme Name: Solar KM First Screen
Theme URI: https://solar.km.ua/
Author: Solar KM
Description: Односторінкова адаптивна тема на основі Solar First Screen.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: solar-km-first-screen
*/
:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}body{background:#101e29;color:white}.hero{min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,rgba(8,22,30,.94) 0%,rgba(8,24,33,.79) 48%,rgba(9,30,39,.30) 100%),radial-gradient(ellipse at 84% 70%,rgba(255,183,61,.43),transparent 38%),linear-gradient(140deg,#142b39,#235367 55%,#d99c48)}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(0deg,transparent 0 58px,rgba(255,255,255,.035) 59px 60px),repeating-linear-gradient(90deg,transparent 0 90px,rgba(255,255,255,.035) 91px 92px);transform:perspective(500px) rotateX(54deg) scale(2.4);transform-origin:bottom;mask-image:linear-gradient(transparent 25%,black 100%)}.hero:after{content:"";position:absolute;z-index:-1;right:-9%;bottom:-35%;width:85%;height:68%;background:linear-gradient(135deg,rgba(32,61,77,.8),rgba(7,22,32,.9));transform:skewY(-13deg);box-shadow:0 -5px 0 rgba(160,204,217,.5),0 -18px 80px #142b39}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px clamp(24px,6vw,100px);border-bottom:1px solid #ffffff29}.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font-size:26px;font-weight:800;letter-spacing:2px}.sun{color:#ffc343;font-size:36px}.brand-sub{display:block;font-size:9px;font-weight:400;letter-spacing:1.6px;text-transform:uppercase;color:#d5dfe4}.header nav{display:flex;gap:32px}.header nav a{color:#edf4f6;text-decoration:none;font-size:14px}.header-cta{color:white;border:1px solid #ffffff75;padding:12px 20px;text-decoration:none;font-size:14px}.content{padding:90px clamp(24px,9vw,150px) 100px;max-width:1050px;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:12px;letter-spacing:3px;color:#ffce72;display:flex;gap:12px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:#ffc343}.content h1{font-size:clamp(40px,5.5vw,82px);line-height:1.1;letter-spacing:-2px;margin:25px 0;font-weight:750}.content h1 em{font-style:normal;color:#ffc45a}.content p{max-width:540px;font-size:clamp(16px,1.5vw,19px);line-height:1.8;color:#d6e1e6;margin:0 0 35px}.button{background:#ffc34f;color:#172a32;text-decoration:none;font-size:15px;font-weight:700;padding:19px 26px;display:inline-flex;gap:36px;align-items:center}.bottom{padding:22px clamp(24px,6vw,100px);display:flex;justify-content:space-between;color:#d3e0e4;font-size:11px;letter-spacing:2px;border-top:1px solid #ffffff25}@media(max-width:720px){.header{padding:20px 24px}.header nav{display:none}.header-cta{font-size:12px;padding:10px}.content{padding:75px 24px}.content h1{letter-spacing:-1px}.bottom{gap:12px;font-size:9px;letter-spacing:1px}}

/* Extended landing page */
.section-wrap{background:#f5f7f5;color:#172c33;padding:90px clamp(24px,9vw,150px)}.section-inner{max-width:1180px;margin:auto}.section-kicker{color:#b17a18;font-weight:700;letter-spacing:2.4px;font-size:12px;text-transform:uppercase}.section-title{font-size:clamp(32px,4vw,54px);line-height:1.13;margin:17px 0 18px;letter-spacing:-1.4px}.section-lead{font-size:18px;line-height:1.75;color:#53646b;max-width:740px;margin-bottom:40px}.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.benefit{padding:30px;background:#fff;border:1px solid #e1e8e6;border-radius:8px;min-height:220px}.benefit-num{color:#bc8c2e;font-size:13px;font-weight:700}.benefit h3{font-size:23px;margin:25px 0 12px}.benefit p{line-height:1.65;color:#64747a;margin:0}.contact-section{background:#152d37;color:white;padding:76px clamp(24px,9vw,150px)}.contact-inner{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.contact-section h2{font-size:clamp(28px,3.3vw,45px);line-height:1.2;margin:0 0 12px}.contact-section p{color:#c4d4d9;line-height:1.6;margin:0}.footer{background:#0c1b22;color:#b8c8ce;padding:24px clamp(24px,9vw,150px);font-size:13px}.footer-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.contact-section .button{white-space:nowrap}@media(max-width:800px){.benefits{grid-template-columns:1fr}.section-wrap{padding-top:65px;padding-bottom:65px}.contact-inner{flex-direction:column;align-items:flex-start}.contact-section{padding-top:60px;padding-bottom:60px}}

/* Inner pages */
.inner-header{background:#102733}.page-shell{background:#f5f7f5;color:#172c33;min-height:75vh;padding:85px 24px 110px}.page-container{max-width:1180px;margin:0 auto}.page-kicker{font-size:12px;letter-spacing:2.5px;color:#ae7b1d;font-weight:700}.page-shell h1{font-size:clamp(44px,6vw,76px);letter-spacing:-2px;margin:18px 0 20px}.page-intro{font-size:clamp(18px,2vw,22px);line-height:1.7;color:#53646b;max-width:840px;margin-bottom:50px}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.page-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card{background:#fff;border:1px solid #dfe8e5;border-radius:10px;padding:35px;min-height:230px}.info-card>span{font-size:13px;color:#b58325;font-weight:700}.info-card h2{font-size:25px;margin:22px 0 12px}.info-card p{color:#596c72;line-height:1.75;margin:0 0 12px}.contact-link{color:#0a6379;overflow-wrap:anywhere}.page-action{margin-top:45px;padding:40px;background:#17333e;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:10px}.page-action h2{font-size:clamp(22px,3vw,32px);margin:0}.page-action .button{white-space:nowrap}.inner-header nav{flex-wrap:wrap}@media(max-width:800px){.page-grid,.page-grid.three{grid-template-columns:1fr}.page-action{flex-direction:column;align-items:flex-start}.page-shell{padding-top:55px}.inner-header{flex-wrap:wrap}.inner-header nav{display:flex;order:3;width:100%;gap:16px;overflow-x:auto}.inner-header nav a{white-space:nowrap}.inner-header .header-cta{display:none}}