:root{--navy:#0a2a55;--ink:#102d53;--yellow:#fcb133;--paper:#f6f8fc;--muted:#57718c;--line:#d6e1ef}body{overflow-x:hidden}.header{border:0;height:98px;position:relative;z-index:2}.header:before{content:'';position:absolute;inset:0 calc((100vw - 100%)/-2);background:white;z-index:-1}.brand{line-height:1;letter-spacing:0}.brand img{display:block;width:122px;height:58px;object-fit:contain}.header nav a{color:#215589}.header .button{background:#2b65ac;border-radius:30px}.header .button:hover{background:#1c5293}.hero{position:relative;padding-top:46px;padding-bottom:28px;color:white;isolation:isolate}.hero:before{content:'';position:absolute;top:0;bottom:-145px;left:calc((100vw - 100%)/-2);right:calc((100vw - 100%)/-2);z-index:-2;background:radial-gradient(ellipse at 92% 20%,#578fc9 0,transparent 48%),linear-gradient(112deg,#174e92,#2b65ac 60%,#2362a8)}.hero:after{content:'';position:absolute;right:-7%;top:16%;width:330px;height:330px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 65px #ffffff04,0 0 0 130px #ffffff03;z-index:-1}.hero .eyebrow{color:#d4e9ff}.sun-mark{color:#fcb133}.hero h1{font-weight:700;font-size:clamp(42px,5.1vw,74px);letter-spacing:-2.8px}.hero h1 em{color:#ffc454}.hero h1 em:after{display:none}.hero-aside{color:#e0ebfa}.hero .text-link{color:#fff}.hero-foot{color:#d6e7f9;padding-top:20px}.hero-foot i{background:#fcb133}.experience{position:relative;border:1px solid #ffffff4d;box-shadow:0 24px 70px #0c3b7429;border-radius:18px}.experience-top{background:#174d89;padding:16px 24px;color:#e9f2ff}.experience-layout{grid-template-columns:minmax(0,1fr) 320px;min-height:650px}.scene-container{min-height:650px;background:radial-gradient(ellipse at 40% 15%,#5195c8,#184d87);transition:background 2s}.scene-container.is-night{background:radial-gradient(ellipse at 50% 20%,#204774,#071a38)}.farm-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;cursor:grab;touch-action:pan-y}.farm-canvas:active{cursor:grabbing}.has-3d #farm{visibility:hidden;pointer-events:none;height:100%;position:absolute;inset:0}.scene-bar{z-index:5}.scene-bar span{background:#0a2a5555;backdrop-filter:blur(10px);border:1px solid #ffffff22;color:white;font-size:10px;padding:7px 12px}.scene-bar span:last-child{color:#edf4ff;border:0;background:none}.scene-bottom{color:#e6effa;z-index:5;font-size:9px}.illustration{color:#b7d2ec;font-size:8px}.guide-panel{background:#0d315c;color:white;padding:25px;border-left:1px solid #ffffff0c}.guide-heading{border-color:#ffffff1a;margin-bottom:25px}.guide-heading strong{color:#fff}.guide-heading span{color:#aac5e5}.guide-heading .avatar{width:43px;height:43px;background:#2768a6}.guide-heading .avatar svg{opacity:.95}.story .eyebrow{color:#fcb133;letter-spacing:1.7px}.story h2{font-size:28px;letter-spacing:-1px;font-weight:600}.story p{color:#bdd0e7;font-size:12px;line-height:1.8;min-height:88px}.actions{margin-bottom:25px}.actions .button{border-radius:8px;box-shadow:0 5px 20px #051c2e22;font-size:12px}.actions .button.yellow:hover{background:#ffc65f;box-shadow:0 7px 23px #fcb13326}.actions .quiet{color:#c4d8ee}.metrics{border-color:#ffffff18}.metrics>div>span{color:#a5beda}.metrics strong{color:white;font-weight:500}.metrics small{color:#abc3de}.metrics .grid-metric{border-color:#ffffff14;padding-top:14px;margin-top:4px}.battery-caption{color:#c9def0}.charge-track{background:#ffffff15;height:6px}.charge-track span{background:#fcb133}.battery-caption strong{color:#ffcb71}#battery-info{color:#a7bfd6}.circuits{color:#b6cae0}.circuits .on{color:#77ddc5}.guide-footer{color:#b0c9e4}.chapters{background:#fff}.chapters>span{color:#6681a2;padding:18px 0}.chapters .active{color:#205b9c}.disclaimer{background:white;color:#7790a7}.label-3d{position:absolute;pointer-events:none;transform:translate(-50%,-100%);color:#ecf5ff;font-size:8px;font-weight:600;letter-spacing:1px;white-space:nowrap;text-shadow:0 1px 5px #062449;z-index:3;transition:opacity .3s;padding:4px 8px;border-radius:5px;background:#092a5144;backdrop-filter:blur(4px)}.label-3d.protected{color:#cffbed}.label-3d.mascot-speech{background:#fff;color:#1a487a;padding:10px 15px;font-size:11px;letter-spacing:0;font-weight:600;box-shadow:0 8px 30px #08284122;text-shadow:none;border:1px solid #dee9f5;border-radius:12px 12px 12px 2px;max-width:220px;white-space:normal;text-align:center}.label-3d.mascot-speech:after{content:'';position:absolute;bottom:-7px;left:15px;border-top:8px solid white;border-right:9px solid transparent}.cinema-caption{z-index:6;background:#fcb133;color:#102f53;font-weight:600}.solutions{padding-top:105px}.section-intro .eyebrow,.faq .eyebrow{color:#2b65ac}.section-intro h2,.faq h2{color:#134176}.solution{border-color:#b8cce2}.solution-number{color:#2b65ac}.solution h3{color:#174a81}.solution .text-link{color:#2b65ac;border-color:#cbd9e9}.about-section{background:linear-gradient(110deg,#1d579a,#2b65ac)}.about-photo{margin:0;border-radius:16px;overflow:hidden;background:#154b87;box-shadow:0 18px 50px #05234944;transform:rotate(-1.5deg)}.about-photo img{width:100%;height:340px;display:block;object-fit:cover}.about-photo figcaption{padding:24px;font-size:9px;letter-spacing:1.5px;color:#bcd6ef}.about-photo strong{display:block;color:white;letter-spacing:0;font-size:17px;margin-top:8px}.about-grid>div>p:not(.eyebrow){color:#d2e4f7}.process p{color:#c8dcf1}.process>div>span{color:#ffca6c}.contact{background:#235d9f;color:white;border-radius:18px;position:relative;overflow:hidden;padding:58px}.contact:after{content:'↯';position:absolute;right:33%;top:-120px;font-size:420px;line-height:1;color:#ffffff06;pointer-events:none}.contact .eyebrow{color:#ffcf7a}.contact p:not(.eyebrow){color:#d0e0f0}.contact .button{z-index:1}.footer .brand img{width:105px;height:50px}.footer{padding-top:40px;padding-bottom:40px}.button{border-radius:8px}.solution-grid{gap:32px}.mini-landscape{border-radius:12px}.storage-art{background:#205897}.hero-aside .text-link span{background:#ffffff18;border:1px solid #ffffff22;border-radius:50%;padding:6px 14px}.guide-panel #hide-guide{color:#d7eaff}.experience:focus-within{outline:none}
@media(max-width:1100px){.experience-layout{grid-template-columns:minmax(0,1fr) 285px}.guide-panel{padding:22px}.story h2{font-size:25px}.hero h1{font-size:clamp(40px,5.6vw,66px)}}
@media(max-width:780px){.header{height:84px}.brand img{width:103px;height:52px}.hero{padding-top:29px;padding-bottom:12px}.hero h1{font-size:clamp(38px,8.2vw,61px);letter-spacing:-1.9px}.hero:after{right:-160px;top:90px}.hero-aside p{font-size:13px}.hero-foot{padding-top:18px}.experience{border-radius:13px}.experience-top{font-size:7px;letter-spacing:.6px;padding:10px 13px}.experience-layout{grid-template-columns:1fr;min-height:0}.scene-container{height:430px;min-height:430px}.farm-canvas{height:430px}.guide-panel{padding:22px;border-left:0}.guide-heading{margin-bottom:17px;padding-bottom:13px}.guide-heading .avatar{width:40px;height:40px}.story h2{font-size:26px}.story p{min-height:0;font-size:13px}.metrics .grid-metric{padding-top:0;margin-top:0}.actions{margin-bottom:18px}.label-3d{font-size:6px;padding:3px 5px;letter-spacing:.5px}.label-3d.mascot-speech{font-size:9px;padding:8px 11px;max-width:160px}.scene-bar span:last-child{display:none}.scene-bottom{left:12px;right:12px}.illustration{font-size:7px;max-width:125px;text-align:right}.chapters>span{padding:12px 0}.solutions{padding-top:65px}.about-photo{max-width:480px;width:100%;margin:auto;transform:none}.about-photo img{height:245px}.about-photo figcaption{padding:18px}.contact{padding:30px}.contact:after{right:-60px}.about-grid{gap:36px}.cinema-caption{max-width:90%;bottom:48px}.guide-heading.is-hidden .avatar{display:none}}
@media(prefers-reduced-motion:reduce){.label-3d{transition:none}.hero:after{display:none}}