/* The company story belongs to the homepage; all presentation is scoped here. */
#home-purpose{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;margin:12px 0 40px;padding:48px 40px 34px;border-radius:24px;background:linear-gradient(180deg,#244333,#142d23 40%,#081c15);color:#eef4e6;font-family:Inter,Arial,sans-serif}
#home-purpose>.eyebrow{color:#c8dfd0;font-size:11px;letter-spacing:2.5px;font-weight:700}
#home-purpose h2,#home-purpose h3,#home-purpose .benefit-wheel-center span{font-family:"Andada Pro",Georgia,serif;font-weight:500;letter-spacing:-.035em}
#home-purpose>h2{position:relative;max-width:860px;font-size:clamp(34px,4.2vw,58px);line-height:1.08;margin:22px 0}
#home-purpose .purpose-intro{position:relative;max-width:850px;margin:0 0 26px;font-size:16px;line-height:1.75;color:#d7e5da}
#home-purpose .benefit-wheel-layout{display:grid;grid-template-columns:minmax(350px,.9fr) minmax(0,1.3fr);gap:28px;align-items:center}
#home-purpose .benefit-wheel{position:relative;width:430px;height:430px;left:50%;margin-left:-215px}
#home-purpose .benefit-wheel-track{position:absolute;inset:56px;border:1px solid #7c9e5077;border-radius:50%;transition:transform .55s}
#home-purpose .benefit-wheel-track:after{content:"";position:absolute;inset:-3px;border:2px solid transparent;border-top-color:#d2ed9e;border-radius:50%}
#home-purpose .benefit-wheel-center{position:absolute;inset:135px;border:1px solid #99bd6677;border-radius:50%;background:radial-gradient(#335b35,#18382a);display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 0 60px #c0e78b13}
#home-purpose .benefit-wheel-center span{font-size:21px}
#home-purpose .benefit-wheel-center small{font-size:10px;color:#c7d9bc;margin-top:10px}
#home-purpose .benefit-wheel>button{position:absolute;left:50%;top:50%;width:110px;height:110px;margin:-55px;border:1px solid #60814d88;border-radius:50%;background:#123125;color:#dce9d6;cursor:pointer;transform:rotate(var(--angle)) translateX(163px) rotate(calc(-1 * var(--angle)));transition:background .25s,color .25s}
#home-purpose .benefit-wheel>button>span{display:flex;align-items:center;flex-direction:column;gap:10px}
#home-purpose .benefit-wheel svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.3}
#home-purpose .benefit-wheel strong{font:400 11px/1.4 Inter,Arial,sans-serif}
#home-purpose .benefit-wheel>button[aria-pressed=true]{background:#d0eca9;color:#143923}
#home-purpose button:focus-visible{outline:2px solid #ecffbf;outline-offset:5px}
#home-purpose .benefit-story-pane{min-width:0;position:relative}
#home-purpose .benefit-story-visual{position:relative;height:290px;overflow:hidden}
#home-purpose .house-camera{position:absolute;inset:0;width:100%;margin:auto;transform:scale(1);transform-origin:50% 50%;transition:transform 1s cubic-bezier(.22,.7,.2,1),opacity .6s}
#home-purpose .story-home{display:block;width:100%;height:100%;object-fit:fill}
#home-purpose .story-pylon{position:absolute;left:2%;top:15%;width:11%;height:71%}
#home-purpose .wall-tablet{position:absolute;left:66.65%;top:63.55%;width:2.15%;aspect-ratio:9/16;background:#031911;border:.3px solid #06130f;border-radius:.3px;transform:skewY(-6deg);overflow:hidden}
#home-purpose .wall-app{display:block;width:100%;height:100%;object-fit:cover}
#home-purpose .home-power{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#home-purpose .home-power path{fill:none;stroke:#cff38d;stroke-width:3;filter:drop-shadow(0 0 4px #b6ff7f)}
#home-purpose .grid-wire{stroke-dasharray:12 8;animation:home-purpose-wire 1.5s linear infinite}
#home-purpose .battery-wire,#home-purpose .roof-outline{opacity:0}
#home-purpose .visual-badge{position:absolute;bottom:10px;left:12px;max-width:calc(100% - 48px);padding:8px 12px;border-radius:20px;background:#071b15e8;color:#d0ef9d;border:1px solid #a5c67c55;font-size:10px;z-index:3}
#home-purpose[data-scene="1"] .house-camera{transform:translate(-12%,-40%) scale(2.3)}
#home-purpose[data-scene="1"] .grid-wire{opacity:0}
#home-purpose[data-scene="1"] .battery-wire{opacity:1;stroke-width:1.3;stroke-dasharray:4 3;animation:home-purpose-wire 2s linear infinite}
#home-purpose[data-scene="2"] .house-camera{transform:translate(0%,35%) scale(1.7)}
#home-purpose[data-scene="2"] .grid-wire{opacity:0}
#home-purpose[data-scene="2"] .roof-outline{opacity:.7;stroke-width:1.5;stroke-dasharray:5 3}
#home-purpose[data-scene="3"] .house-camera{transform:translate(-144%,-136%) scale(8)}
#home-purpose[data-scene="3"] .home-power{opacity:0}
#home-purpose .app-sharp-closeup{position:absolute;width:22%;aspect-ratio:9/16;left:48%;top:12%;transform:translateX(-50%);padding:4px;background:#06150e;border:1px solid #53665b;border-radius:5px;opacity:0;transition:opacity .12s;pointer-events:none}
#home-purpose .app-sharp-closeup img{width:100%;height:100%;object-fit:cover;display:block;border-radius:2px}
#home-purpose[data-scene="3"] .app-sharp-closeup{opacity:1;transition-delay:.55s}
#home-purpose[data-scene="3"] .wall-tablet{visibility:hidden}
#home-purpose[data-scene="4"] .house-camera{opacity:0;transform:scale(.08)}
#home-purpose[data-scene="4"] .visual-badge{left:auto;right:8%;bottom:15%}
#home-purpose .benefit-wheel-detail{position:relative;isolation:isolate;min-height:218px;padding-top:18px}
#home-purpose .benefit-wheel-detail:before{content:"";position:absolute;z-index:-1;inset:-16px -30px;pointer-events:none;background:radial-gradient(ellipse at 25% 50%,#061c15f0,#061c1590 65%,transparent);filter:blur(12px)}
#home-purpose .benefit-wheel-detail>svg{display:none}
#home-purpose .benefit-wheel-detail>.eyebrow{color:#c8dfd0;font-size:10px;letter-spacing:2px;text-transform:uppercase}
#home-purpose .benefit-wheel-detail h3{font-size:30px;line-height:1.18;margin:12px 0}
#home-purpose .benefit-wheel-detail p{color:#d7e5da;font-size:15px;line-height:1.7;margin:12px 0;max-width:620px}
#home-purpose .benefit-wheel-controls{display:flex;align-items:center;gap:18px;margin-top:20px;font-size:11px;color:#d7e5da}
#home-purpose .benefit-wheel-controls button{width:38px;height:38px;border:1px solid #81995088;border-radius:50%;color:#d6edb7;background:#123122;cursor:pointer}
#home-purpose .benefit-compatibility{position:relative;margin:28px 0 0;font-size:11px;line-height:1.6;color:#b7c8b8}
#home-purpose .mount-brand{display:block;width:125px;height:42px;object-fit:contain;margin:10px 0}
#home-purpose>.whole-globe-backdrop{position:absolute;z-index:-1;pointer-events:none;opacity:.5;width:1050px;height:1050px;right:-290px;top:30px}
#home-purpose .whole-globe-backdrop>svg{display:block;width:100%;height:100%}
#home-purpose .world-land{fill:#577d6a;stroke:#214b3a;stroke-width:.45}
#home-purpose .sweden-land{fill:#b7e991;stroke:#d8ffc2;stroke-width:.8}
#home-purpose .support-route{fill:none;stroke:#b9ff68;stroke-width:1.2}
#home-purpose .support-city circle{fill:#edffc7;stroke:#9afa87;stroke-width:.5;r:1.6}
#home-purpose .sweden-highlight{transform-box:fill-box;transform-origin:center;transition:transform .95s cubic-bezier(.22,.8,.3,1.18),filter .9s}
#home-purpose[data-scene="4"] .sweden-highlight{transform:translateY(-4px) scale(1.85);filter:drop-shadow(0 5px 2px #03180ed9) drop-shadow(0 0 5px #baff8877)}
@keyframes home-purpose-wire{to{stroke-dashoffset:-40}}
@media(max-width:1000px){#home-purpose{padding:38px 28px}#home-purpose .benefit-wheel-layout{grid-template-columns:300px minmax(0,1fr);gap:18px}#home-purpose .benefit-wheel{transform:scale(.75);margin-top:-54px;margin-bottom:-54px}#home-purpose .benefit-story-visual{height:230px}}
@media(max-width:700px){#home-purpose{margin:12px 0 26px;padding:30px 20px;border-radius:16px}#home-purpose>h2{font-size:36px}#home-purpose .purpose-intro{font-size:15px}#home-purpose .benefit-wheel-layout{grid-template-columns:1fr;gap:24px}#home-purpose .benefit-wheel{transform:scale(.7);margin-top:-64px;margin-bottom:-64px}#home-purpose .benefit-story-visual{height:240px}#home-purpose .benefit-wheel-detail h3{font-size:27px}#home-purpose .benefit-wheel-detail p{font-size:14px}#home-purpose>.whole-globe-backdrop{right:-450px;top:190px}#home-purpose .benefit-compatibility{font-size:11px}}
@media(max-width:400px){#home-purpose .benefit-wheel{transform:scale(.6);margin-top:-86px;margin-bottom:-86px}#home-purpose .benefit-story-visual{height:190px}}
@media(prefers-reduced-motion:reduce){#home-purpose .house-camera,#home-purpose .app-sharp-closeup,#home-purpose .sweden-highlight,#home-purpose .benefit-wheel-track,#home-purpose .benefit-wheel>button{transition:none!important}#home-purpose .grid-wire,#home-purpose .battery-wire{animation:none!important}}