/* Swedweather Connect homepage 1.00.01 | 2026-11-06 */
:root{--navy:#112c42;--deep:#0a2234;--blue:#1f5a78;--green:#7fbd9c;--cream:#f6f7f5;--text:#263a47}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6;background:#fff}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #f2b74e;outline-offset:4px}.skip{position:absolute;left:-999px;top:0;background:white;padding:12px;z-index:99}.skip:focus{left:12px}.wrap{max-width:1190px;margin:auto;padding:0 28px}.site-header{background:white;position:relative;z-index:10;box-shadow:0 2px 16px #102d4214}.nav-shell{max-width:1260px;margin:auto;padding:15px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--navy);font-size:19px;font-weight:800;letter-spacing:1.2px;line-height:1.05}.brand small{display:block;letter-spacing:4px;font-size:10px;color:#477d82;margin-top:5px}.brand-mark{width:49px;height:49px;border:2px solid #2c7387;border-radius:12px;display:grid;place-items:center;font-size:29px;position:relative}.brand-dot{font-size:9px;color:#6cab8c;position:absolute;right:5px;top:3px}nav{display:flex;align-items:center;gap:30px}nav a{text-decoration:none;font-size:14px;font-weight:700;color:#2a4050}nav a:hover,nav a.active{color:#13748b}.nav-login{padding:10px 17px;border:1px solid #9cb9c4;border-radius:5px}.nav-toggle{display:none}.hero{min-height:650px;position:relative;color:white;display:flex;flex-direction:column;justify-content:space-between;background:var(--deep);overflow:hidden}.hero-photo,.hero-overlay{position:absolute;inset:0}.hero-photo{background-image:url('https://elji.se/assets/images/weather-station-tjorn.webp');background-size:cover;background-position:center 43%;filter:saturate(.83)}.hero-overlay{background:linear-gradient(90deg,rgba(6,28,45,.91),rgba(6,28,45,.57) 57%,rgba(6,28,45,.22)),linear-gradient(0deg,rgba(7,28,41,.58),transparent 45%)}.hero-inner{position:relative;z-index:1;max-width:1200px;width:100%;margin:auto;padding:95px 28px 90px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2.1px;color:#247b87;margin:0 0 15px}.eyebrow.light{color:#b1dcc6}.hero h1{font-size:clamp(44px,5.5vw,76px);line-height:1.1;letter-spacing:-2px;margin:0 0 26px;max-width:850px}.hero h1 em{font-style:normal;color:#a9d9c3}.hero-lead{max-width:630px;font-size:clamp(17px,2vw,22px);line-height:1.6;margin:0 0 34px;color:#eef5f5}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 21px;text-decoration:none;border-radius:5px;font-weight:750;font-size:14px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:#b7dec8;color:#0e3440}.btn.ghost{border:1px solid #d4e3e7;color:white}.btn.white{background:white;color:var(--navy)}.btn.outline{border:1px solid #bad3dc;color:white}.hero-facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);max-width:1200px;width:100%;margin:0 auto;padding:21px 28px 26px;border-top:1px solid #ffffff70;gap:20px}.hero-facts strong,.hero-facts span{display:block}.hero-facts strong{font-size:15px}.hero-facts span{font-size:13px;color:#d4e4e9}.intro{padding-top:85px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.intro h2,.section-head h2,.agri h2,.callout h2{font-size:clamp(30px,3.4vw,46px);line-height:1.16;letter-spacing:-1.2px;color:var(--navy);margin:0}.intro-text p{font-size:18px;line-height:1.8;margin:0 0 24px}.text-link{color:#176b7c;font-weight:750;text-decoration:none;border-bottom:1px solid #8cb6ba;padding-bottom:5px}.solutions{background:var(--cream);padding:85px 0 95px}.section-head{text-align:center;max-width:740px;margin:0 auto 38px}.section-head p:last-child{color:#677986}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.feature-card{background:white;min-height:292px;padding:27px 24px 23px;border-top:5px solid #2c7896;display:flex;flex-direction:column;box-shadow:0 10px 35px #203d4a0b}.feature-2{border-color:#6ea58a}.feature-3{border-color:#d6b05d}.feature-4{border-color:#477d97}.card-no{font-size:13px;font-weight:800;color:#9aabb3}.feature-card h3{font-size:21px;color:var(--navy);line-height:1.25;margin:20px 0 10px}.feature-card p{font-size:14px;margin:0 0 24px;flex:1}.feature-card a{font-weight:750;font-size:13px;text-decoration:none;color:#1e6b80}.agri{display:grid;grid-template-columns:1fr 1fr;min-height:450px;background:#153c3e}.agri-image{background-image:linear-gradient(#193d2910,#193d2920),url('https://images.unsplash.com/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=1200&q=85');background-size:cover;background-position:center}.agri-content{padding:75px clamp(28px,6vw,100px);color:#eaf5ed;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.agri h2{color:white;margin-bottom:22px}.agri p:not(.eyebrow){font-size:17px;max-width:580px}.agri .btn{margin-top:15px}.uses{padding-top:90px;padding-bottom:100px}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.use-grid>div{border-top:1px solid #a8bbc2;padding-top:19px}.use-grid span{color:#528b96;font-size:13px;font-weight:800}.use-grid h3{color:var(--navy);font-size:19px;margin:18px 0 8px}.use-grid p{font-size:14px;margin:0}.callout{background:#163f59;color:white;padding:65px 0}.callout-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}.callout h2{color:white;max-width:650px}.callout p:not(.eyebrow){color:#d5e6eb;max-width:620px}.callout-actions{display:flex;flex-direction:column;gap:13px;min-width:220px}.footer{background:#0b2538;color:#c8d8df;padding:47px 0 20px}.footer-inner{display:flex;justify-content:space-between;gap:25px}.footer strong{font-size:19px;letter-spacing:1px;color:white}.footer strong span{color:#acd7c1}.footer p{font-size:13px}.footer-inner>div:last-child{display:flex;gap:22px;flex-wrap:wrap;align-content:start}.footer a{text-decoration:none;font-size:13px}.copyright{border-top:1px solid #ffffff2b;margin-top:35px;padding-top:18px;font-size:12px;color:#a5b8c1}.subhero{background:#11374d;color:white;padding:80px 0}.subhero h1{font-size:clamp(38px,5vw,62px);line-height:1.1;margin:0 0 15px}.subhero p{font-size:19px;max-width:760px}.article{max-width:880px;margin:auto;padding:65px 28px 95px}.article section{padding:18px 0 28px;border-bottom:1px solid #dce5e7}.article h2{color:var(--navy);font-size:30px;line-height:1.2}.article h3{color:#1c5665}.article p,.article li{font-size:17px;line-height:1.8}.article .note{padding:18px 23px;background:#f0f5f3;border-left:4px solid #6fa68a}
@media(max-width:900px){nav{gap:14px}.cards{grid-template-columns:repeat(2,1fr)}.use-grid{grid-template-columns:repeat(2,1fr)}.agri-content{padding:48px 32px}.intro{gap:35px}}@media(max-width:700px){.nav-shell{padding:12px 18px;flex-wrap:wrap}.nav-toggle{display:block;border:1px solid #cbd9de;background:white;padding:9px 12px;border-radius:5px;color:var(--navy);font-weight:700}nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:12px 0}nav.open{display:flex}nav a{padding:12px;border-top:1px solid #e7ecee}.hero{min-height:590px}.hero-inner{padding:75px 23px 65px}.hero h1{letter-spacing:-1.5px}.hero-facts{grid-template-columns:1fr;gap:8px;padding:15px 23px}.hero-facts div{display:flex;gap:9px;align-items:baseline}.hero-facts strong{font-size:12px}.hero-facts span{font-size:12px}.intro{grid-template-columns:1fr;padding-top:55px;padding-bottom:65px}.solutions,.uses{padding-top:60px;padding-bottom:65px}.agri{grid-template-columns:1fr}.agri-image{min-height:230px}.agri-content{padding:50px 28px}.callout-inner,.footer-inner{flex-direction:column;align-items:stretch;gap:25px}.callout-actions{align-items:stretch}.footer-inner>div:last-child{gap:15px}.wrap{padding-left:23px;padding-right:23px}}@media(max-width:480px){.cards,.use-grid{grid-template-columns:1fr}.feature-card{min-height:0}.hero h1{font-size:41px}.hero-facts{display:none}.hero{min-height:580px}.brand{font-size:16px}.brand-mark{width:42px;height:42px}}

/* Official Swedweather Connect logo */
.brand-logo{display:block;width:clamp(170px,19vw,235px);height:auto;max-height:64px;object-fit:contain}
@media(max-width:480px){.brand-logo{width:175px;max-height:54px}}

/* 1.00.02 – bildsektioner */
.field-insight{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-top:85px;padding-bottom:85px}.insight-art img,.wireless-grid img{display:block;width:100%;height:auto;border-radius:12px}.insight-copy h2,.wireless-grid h2{font-size:clamp(30px,3.4vw,44px);line-height:1.18;margin:0 0 22px;color:var(--navy)}.insight-copy p:not(.eyebrow){font-size:17px}.wireless-band{background:#143e4d;color:white;padding:78px 0}.wireless-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.wireless-grid h2{color:white}.wireless-grid p:not(.eyebrow){font-size:17px;color:#e4f1f1}.wireless-grid .btn{margin-top:16px}.article-figure{margin:26px 0 35px;background:#f1f6f4;border-radius:12px;overflow:hidden}.article-figure img{width:100%;height:auto;display:block}.article-figure figcaption{padding:10px 20px 17px;font-size:13px;color:#4b6570}@media(max-width:760px){.field-insight,.wireless-grid{grid-template-columns:1fr;gap:25px}.field-insight{padding-top:55px;padding-bottom:55px}.wireless-band{padding:55px 0}}