:root{--bg:#100b1d;--bg2:#171027;--panel:#211832;--panel2:#2b1d43;--line:#4b385f;--text:#f8f5ff;--muted:#c2b7d1;--mint:#8cf5c3;--violet:#ae73fa;--orange:#ffc276;font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:12px;top:-80px;z-index:30;background:var(--mint);color:#10221c;padding:10px 15px;border-radius:9px}.skip:focus{top:12px}.site-header{position:relative;z-index:10;border-bottom:1px solid #ffffff16;background:#120c20e8;backdrop-filter:blur(16px)}.header-inner{min-height:82px;display:flex;align-items:center;gap:48px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-1.1px;white-space:nowrap}.brand-light{font-weight:500}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #bd74f4;border-radius:11px;background:radial-gradient(circle at 70% 16%,#ffca7d,transparent 35%),linear-gradient(135deg,#8c38f0,#421b99);box-shadow:0 0 23px #8a3dde75;font-size:25px;line-height:1}.main-nav{display:flex;gap:29px;margin-left:auto}.main-nav a{color:#d7cde4;font-size:14px;font-weight:700}.main-nav a:hover,.footer-links a:hover,.back-link:hover{color:var(--mint)}.lang-switch{display:flex;align-items:center;gap:8px;border:1px solid #6b4e85;border-radius:999px;padding:8px 11px;color:#9180a8;font-size:13px;font-weight:800}.lang-switch a{color:#a797ba}.lang-switch a[aria-current=page]{color:var(--mint)}.lang-switch a:hover{color:#fff}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 73% 14%,#50296d66,transparent 35%),radial-gradient(circle at 7% 88%,#32165075,transparent 42%),linear-gradient(180deg,#160e25,#100b1d)}.hero:before{content:"";position:absolute;width:550px;height:550px;border:1px solid #ad72eb1c;border-radius:50%;left:-270px;top:20px;pointer-events:none}.hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:62px;align-items:center;padding:88px 0 100px;min-height:670px}.hero-copy{position:relative;z-index:1}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.19em;color:var(--mint)}.eyebrow{display:flex;align-items:center;gap:10px;color:#d6b7fc}.eyebrow-line{width:27px;height:1px;background:var(--mint)}.status{display:inline-flex;align-items:center;gap:9px;margin:40px 0 17px;border:1px solid #588d78;border-radius:999px;padding:8px 13px;background:#21413780;color:#b9f0d4;font-size:13px;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(3.1rem,5vw,5.2rem);line-height:1.06;letter-spacing:-.064em;margin:0 0 23px;max-width:640px}.hero-lead{font-size:18px;line-height:1.7;color:#d2c6df;max-width:560px;margin-bottom:28px}.button{display:inline-flex;align-items:center;gap:20px;justify-content:space-between;min-width:230px;min-height:54px;border-radius:13px;padding:0 20px;background:var(--mint);color:#12231f;font-size:14px;font-weight:800;box-shadow:0 10px 32px #7af4bc31}.button:hover{background:#b0ffdc;transform:translateY(-2px)}.button span{font-size:19px}.hero-note{max-width:490px;margin:19px 0 0;font-size:13px;line-height:1.6;color:#aaa0b8}.hero-visual{position:relative;aspect-ratio:4/4.4;min-height:460px;border:1px solid #775396;border-radius:28px;overflow:hidden;box-shadow:0 35px 90px #04020a94,0 0 55px #9048cf38}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#30104200 53%,#190b31a8 100%);pointer-events:none}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:59% center;display:block}.visual-caption{position:absolute;z-index:2;bottom:24px;left:24px;right:24px;display:flex;align-items:center;gap:12px;max-width:265px;padding:12px 15px;background:#1e1530cf;border:1px solid #a072c2a6;border-radius:13px;backdrop-filter:blur(14px)}.caption-icon{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:9px;background:#6435a1;color:var(--mint);font-size:24px}.visual-caption strong,.visual-caption small{display:block}.visual-caption strong{font-size:14px}.visual-caption small{font-size:11px;color:#c4b4d3;margin-top:2px}.highlights{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff16;background:#1c142b}.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr)}.highlight-grid>div{padding:27px 30px;border-right:1px solid #ffffff15}.highlight-grid>div:first-child{padding-left:0}.highlight-grid>div:last-child{border-right:0}.highlight-grid strong{display:block;color:#fff;font-size:16px;margin-bottom:5px}.highlight-grid span{display:block;color:#b8a9cb;font-size:13px;line-height:1.55}.section{padding:106px 0}.section-head{max-width:670px;margin-bottom:47px}.section h2,.closing h2{font-size:clamp(2.2rem,3.7vw,3.6rem);letter-spacing:-.055em;line-height:1.12;margin:15px 0 20px}.section-head p,.approach p,.preview-copy p,.closing p{color:#c5bad2;font-size:17px;line-height:1.75}.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.step{display:flex;gap:23px;min-height:183px;padding:30px 31px;border:1px solid #58416f;border-radius:19px;background:linear-gradient(145deg,#2a1b42,#1d172c);box-shadow:0 13px 28px #07030d30}.step-no{color:var(--mint);font-size:17px;font-weight:800;letter-spacing:.04em;line-height:1.6}.step h3{font-size:21px;letter-spacing:-.025em;margin:0 0 9px}.step p{font-size:15px;line-height:1.7;color:#bfb1cf;margin:0}.approach{background:radial-gradient(circle at 18% 35%,#39225a8c,transparent 43%),#171025;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.approach-grid{display:grid;grid-template-columns:1fr .65fr;align-items:center;gap:90px}.approach p{max-width:680px;margin-bottom:0}.pill-list{display:grid;gap:14px;list-style:none;margin:0;padding:0}.pill-list li{position:relative;padding:19px 22px 19px 50px;border:1px solid #695080;border-radius:13px;background:#241832;font-weight:700;font-size:15px;line-height:1.5}.pill-list li:before{content:"✳";position:absolute;left:18px;top:18px;color:var(--mint)}.preview{overflow:hidden;background:radial-gradient(circle at 72% 48%,#40246050,transparent 39%),#100b1d}.preview-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.preview-copy{max-width:500px}.disclaimer-box{display:flex;align-items:center;gap:11px;border:1px solid #6e5b82;border-radius:11px;padding:13px 15px;color:#cbbfd8;font-size:13px;line-height:1.5;margin-top:28px;max-width:360px}.disclaimer-box span{display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid var(--mint);border-radius:50%;color:var(--mint);font-weight:800}.phone{position:relative;width:min(365px,100%);margin:0 auto;border:5px solid #54346e;border-radius:39px;background:#140e22;box-shadow:0 32px 100px #0008,0 0 60px #7b39bd30;overflow:hidden;transform:rotate(3deg)}.phone:before{content:"";display:block;width:115px;height:17px;border-radius:0 0 14px 14px;background:#080610;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:3}.phone-top{display:flex;align-items:center;justify-content:space-between;padding:34px 20px 18px;border-bottom:1px solid #4a375d}.phone-logo{font-weight:800;font-size:16px}.phone-dots{color:#b590dc;font-size:19px;letter-spacing:2px}.phone-body{padding:23px 20px}.phone-body>small{color:var(--mint);font-size:10px;font-weight:800;letter-spacing:.15em}.phone h3{font-size:22px;margin:8px 0 16px}.screen-card{position:relative;overflow:hidden;min-height:175px;border:1px solid #8d62b5;border-radius:16px;background:linear-gradient(130deg,#462362,#202d3a);padding:18px}.screen-card:before{content:"";position:absolute;width:150px;height:150px;border:1px solid #a774cf5a;border-radius:50%;right:-55px;top:-70px}.screen-aurora{position:absolute;width:150px;height:70px;border-radius:50%;background:#bb82ee50;filter:blur(38px);right:0;top:0}.screen-card span,.screen-card strong,.screen-card p{position:relative;display:block}.screen-card span{color:var(--mint);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.screen-card strong{font-size:34px;margin:28px 0 2px}.screen-card p{font-size:10px;color:#d8c8e3;margin:0}.screen-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.screen-tile{min-height:78px;border:1px solid #634c79;border-radius:12px;background:#261a37;padding:12px;font-size:11px;font-weight:700}.tile-dot{display:block;width:13px;height:13px;border-radius:4px;background:var(--mint);margin-bottom:10px}.screen-tile:nth-child(2) .tile-dot,.screen-tile:nth-child(3) .tile-dot{background:#a876e9}.phone-tabs{display:flex;justify-content:space-around;gap:5px;border-top:1px solid #4a375d;padding:15px 7px 22px;color:#a598b8;font-size:9px}.phone-tabs span:first-child{color:var(--mint)}.closing{text-align:center;padding:92px 0;background:linear-gradient(135deg,#3d1a68,#211238 57%,#132620)}.closing-inner{max-width:800px}.closing h2{margin:18px 0 12px}.closing p{margin:0 auto;max-width:620px}.site-footer{border-top:1px solid #ffffff16;background:#0c0915}.footer-inner{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:36px;padding:49px 0 58px}.footer-brand{font-size:19px;font-weight:800;letter-spacing:-.05em}.site-footer p,.site-footer address{color:#b1a5c1;font-size:13px;line-height:1.75;font-style:normal;margin:8px 0 0}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:3px}.footer-links a{font-size:13px;font-weight:700;color:#e5dced}.legal-main{min-height:65vh;padding:63px 0 106px;background:radial-gradient(circle at 90% 2%,#3a20566b,transparent 30%),#100b1d}.legal-wrap{max-width:860px}.back-link{display:inline-block;color:#bfaed2;font-size:14px;font-weight:700;margin-bottom:45px}.legal-main .kicker{display:block}.legal-main h1{font-size:clamp(2.7rem,5vw,4.6rem);letter-spacing:-.06em;line-height:1.08;margin:15px 0 11px}.legal-date{color:#a99bb9;font-size:13px;margin-bottom:34px}.legal-intro{font-size:18px;line-height:1.7;color:#e0d7ea;padding-bottom:33px;border-bottom:1px solid #5c466f;margin-bottom:18px}.legal-section{padding:26px 0;border-bottom:1px solid #4a395a}.legal-section h2{font-size:21px;letter-spacing:-.02em;margin:0 0 12px}.legal-section p{font-size:16px;line-height:1.8;color:#c5bad3;margin:0}.legal-section a{color:var(--mint);text-decoration:underline}@media(max-width:1000px){.hero-grid{gap:34px}.hero h1{font-size:clamp(2.9rem,5.5vw,4.2rem)}.hero-visual{min-height:420px}.preview-grid{gap:35px}}@media(max-width:760px){.wrap{width:min(100% - 32px,600px)}.header-inner{min-height:70px;gap:13px;flex-wrap:wrap;padding:13px 0}.brand{font-size:20px}.brand-mark{width:34px;height:34px;font-size:22px}.main-nav{order:3;width:100%;justify-content:space-between;margin:5px 0 0;padding-top:11px;border-top:1px solid #ffffff17}.main-nav a{font-size:13px}.lang-switch{margin-left:auto}.hero-grid{display:block;padding:58px 0 64px;min-height:0}.hero h1{font-size:clamp(3rem,11vw,4.2rem)}.hero-lead{font-size:17px}.status{margin-top:32px}.hero-visual{aspect-ratio:1.2;min-height:0;margin-top:44px}.highlight-grid{grid-template-columns:1fr}.highlight-grid>div,.highlight-grid>div:first-child{padding:18px 0;border-right:0;border-bottom:1px solid #ffffff16}.highlight-grid>div:last-child{border-bottom:0}.highlight-grid strong{font-size:15px}.section{padding:72px 0}.section h2,.closing h2{font-size:clamp(2.25rem,8vw,3rem)}.section-head{margin-bottom:30px}.steps-grid{grid-template-columns:1fr}.step{min-height:0;padding:23px;gap:17px}.step h3{font-size:19px}.approach-grid,.preview-grid{grid-template-columns:1fr;gap:35px}.pill-list{gap:10px}.preview-copy{max-width:none}.phone{margin:20px auto 0}.closing{padding:72px 0}.footer-inner{grid-template-columns:1fr 1fr;gap:28px;padding:40px 0}.footer-inner address{grid-column:1/-1}.legal-main{padding:46px 0 77px}.back-link{margin-bottom:33px}.legal-intro{font-size:17px}}@media(max-width:400px){.hero-visual{aspect-ratio:1;}.hero h1{font-size:2.75rem}.phone{transform:none}.footer-inner{grid-template-columns:1fr}.footer-inner address{grid-column:auto}.visual-caption{left:13px;right:13px;bottom:13px}.step{padding:20px}.legal-section p{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}CSS
python3 - <<'PY'
from PIL import Image
from pathlib import Path
src=Path('work/hero.png')
out=Path('outputs/windspirit-site/hero.webp')
Image.open(src).convert('RGB').save(out,'WEBP',quality=86,method=6)
print(out.stat().st_size)
PY
cp /Users/vladomelianiuk/Downloads/co.median.android.odrblrm/prototype/windspirit-energy/favicon.svg outputs/windspirit-site/favicon.svg
.legal-main h1{hyphens:auto;overflow-wrap:break-word}@media(max-width:760px){.legal-main h1{font-size:clamp(2.05rem,8vw,3.5rem)}}