@font-face{font-family:Lato;src:url(assets/lato-regular.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Lato;src:url(assets/lato-bold.ttf) format('truetype');font-weight:700;font-display:swap}
:root{--green:#3f5a49;--cream:#f7f7f2;--light:#e7eee7;--accent:#bdcc9e;--border:#d6e0d6;--ink:#3f5a49}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Lato,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #869d62;outline-offset:5px}.container{width:min(1104px,calc(100% - 64px));margin:auto}.section{padding:128px 0}h1,h2,h3,p{margin:0}h2{font-size:48px;line-height:1;letter-spacing:-1.7px;font-weight:700;margin:16px 0 18px}h3{font-size:20px;line-height:1.4;font-weight:400}p+p{margin-top:12px}.intro{font-size:18px;line-height:1.6}.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:2.4px;line-height:1.4}.accent{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;border-radius:999px;background:var(--accent);color:#162c22;border:1px solid transparent;font-weight:700;font-size:14px;line-height:1.4;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#cbd8b0;transform:translateY(-1px)}.outline{background:transparent;border-color:#718574;color:var(--cream)}.outline:hover{background:#ffffff0d}.skip{position:absolute;top:-100px;left:12px;background:white;padding:10px;z-index:100}.skip:focus{top:12px}header{height:80px;background:var(--cream)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px}.brand img{display:block;width:87px;height:34px}.nav nav{display:flex;gap:30px;font-size:14px;color:#68776d}.nav nav a:hover{color:var(--green)}.nav-download{min-height:36px;padding:8px 24px;font-weight:400}.menu-toggle{display:none}.hero{background:var(--green);color:var(--cream);min-height:797px;position:relative;overflow:hidden;text-align:center;display:flex;align-items:center;justify-content:center;padding:100px 24px}.hero:before{content:"";position:absolute;background:url(assets/hjul.svg) center/contain no-repeat;width:800px;height:800px;right:-135px;top:-134px;pointer-events:none}.hero-inner{position:relative;z-index:1}.pilot-badge{display:inline-block;color:var(--accent);font-weight:700;letter-spacing:2.5px;font-size:12px;line-height:1.4;border:1px solid #83956e;border-radius:99px;padding:6px 16px;background:#bdcc9e14}h1{font-size:72px;line-height:1;letter-spacing:-2.6px;margin:32px 0 26px;font-weight:700}h1 span{color:var(--accent)}.hero-copy{font-size:18px;line-height:1.65}.stores{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.hero .stores{margin-top:42px}.store{border:1px solid #718574;border-radius:99px;display:flex;align-items:center;gap:10px;padding:10px 20px;min-height:55px;min-width:144px;color:var(--cream);text-align:left;line-height:1.1;transition:background .2s}.store:hover{background:#ffffff10}.store svg{width:23px;height:24px;flex-shrink:0}.store small{display:block;font-size:10px;line-height:1.2;color:#d9e1d4}.store strong{font-size:15px}.hero-workshop{margin-top:24px;padding:17px 32px;font-size:16px;font-weight:400;min-height:56px}.pilot-note{margin-top:26px;font-size:14px}.process .intro{max-width:700px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:64px}.step{background:white;border:1px solid var(--border);border-radius:16px;padding:28px;position:relative;overflow:hidden;min-height:316px}.step-number{position:absolute;right:-7px;top:-17px;font-size:72px;font-weight:700;line-height:1;color:#f3f5f3;pointer-events:none}.icon-circle{background:var(--green);color:var(--cream);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:24px}.icon-circle svg{width:24px;height:24px}.step h3{margin-bottom:8px;position:relative}.step p{font-size:15px;line-height:1.65}.cyclists{background:var(--light)}.cyclist-grid{display:grid;grid-template-columns:445px 1fr;gap:56px;align-items:start}.cyclist-picture{border-radius:24px;overflow:hidden;align-self:stretch;min-height:400px;background:#d0d7ce}.cyclist-picture img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:grayscale(1)}.cyclists h2{line-height:1.12}.cyclist-benefits{margin:28px 0;font-size:17px}.cyclist-benefits p{padding-left:28px;position:relative}.cyclist-benefits p:before{content:'✓';position:absolute;left:0;color:var(--green)}.workshops{background:var(--green);color:var(--cream)}.workshop-grid{display:grid;grid-template-columns:576px 472px;gap:56px}.workshops h2{line-height:1;letter-spacing:-1.7px}.workshops .intro{line-height:1.55}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:42px}.feature-grid p{padding:16px;border:1px solid #748674;border-radius:24px;background:#476050;font-size:15px;line-height:1.65;margin:0;min-height:131px}.workshop-photo{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:24px;display:block}.pilot-callout{border:1px solid #809269;border-radius:16px;padding:24px;background:#4c6552;margin-top:36px}.pilot-callout h3{color:var(--accent);font-weight:700;font-size:18px}.pilot-callout p{font-size:14px;margin-top:6px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.pilot-panel{background:white;border:1px solid var(--border);border-radius:24px;padding:48px;display:grid;grid-template-columns:370px 1fr;gap:56px;align-items:center}.pilot-heading{display:flex;align-items:center;gap:16px}.pin{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--accent);color:#233729;flex-shrink:0}.pin svg{width:24px;height:24px}.pilot-heading h2{font-size:30px;letter-spacing:-.8px;margin:6px 0 0;white-space:nowrap}.pilot-panel p{font-size:18px;line-height:1.65}.narrow{width:min(720px,calc(100% - 48px));margin:auto}.faq{background:var(--light)}.faq h2{margin-top:0}.questions{margin-top:40px}details{background:white;border:1px solid var(--border);border-radius:16px;margin-top:12px;overflow:hidden}summary{list-style:none;cursor:pointer;padding:17px 24px;min-height:60px;font-size:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0;transition:transform .2s}details[open] summary svg{transform:rotate(180deg)}details p{padding:0 24px 22px;line-height:1.6}summary:hover{background:#f7f7f280}.contact-grid{width:min(976px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:358px 562px;gap:56px}.contact h2{margin-top:0}.contact form{background:white;padding:32px;border-radius:24px;border:1px solid var(--border)}label{display:block;font-size:14px;line-height:1.4;margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,select,textarea{display:block;width:100%;background:var(--cream);border:1px solid var(--border);border-radius:24px;padding:12px 20px;color:#223e31;margin-top:6px;min-height:50px;font-size:16px}textarea{resize:vertical;min-height:122px}.submit{width:100%;min-height:56px;font-size:16px;margin-top:6px}#form-status:empty{display:none}#form-status{margin:16px 0 0;font-size:14px}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}footer{background:var(--green);color:var(--cream);padding:48px 0 40px}.footer-download{text-align:center;padding-bottom:32px;border-bottom:1px solid #6b806c}.footer-download .eyebrow{color:#d3dcc8}.footer-download .stores{margin-top:16px}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;padding-top:32px}.footer-brand{font-size:20px}.logo-mark{position:relative;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--cream);color:var(--green);font:bold 28px/1 Arial}.logo-mark small{position:absolute;font-size:11px;bottom:5px;right:5px}.footer-main nav{display:flex;flex-direction:column;gap:4px;font-size:14px}.copyright{font-size:12px;margin-top:38px}dialog{border:1px solid var(--border);border-radius:24px;max-width:480px;width:calc(100% - 40px);padding:36px;background:var(--cream);color:var(--green)}dialog::backdrop{background:#162c2290}dialog h2{font-size:28px;line-height:1.2;letter-spacing:-.5px}dialog .button{margin-top:24px}.dialog-close{position:absolute;right:14px;top:8px;background:none;border:0;color:inherit;font-size:28px;cursor:pointer}
@media(min-width:1500px){.hero:before{right:calc((100vw - 1250px)/2 - 135px)}}
@media(max-width:1168px){.workshop-grid{grid-template-columns:1.2fr 1fr;gap:40px}.cyclist-grid{grid-template-columns:40% 1fr;gap:40px}.contact-grid{grid-template-columns:1fr 1.55fr;gap:40px}.pilot-panel{grid-template-columns:1fr 1.4fr;gap:36px;padding:36px}.steps{gap:16px}.step{padding:22px}.wide{display:none}}
@media(max-width:900px){h2{font-size:38px}.section{padding:88px 0}.nav nav{gap:18px}.nav{gap:16px}.steps{grid-template-columns:repeat(2,1fr)}.step{min-height:280px}.pilot-panel{grid-template-columns:1fr;gap:24px}.workshop-grid{gap:28px}.workshops h2{font-size:38px}.feature-grid{grid-template-columns:1fr}.feature-grid p{min-height:0}.workshop-photo{max-height:1100px}.contact-grid{gap:28px}.contact form{padding:24px}.form-row{grid-template-columns:1fr;gap:0}.nav-download{padding:8px 16px}.cyclist-grid{gap:28px}}
@media(max-width:700px){html{scroll-padding-top:20px}header{height:72px}.container{width:calc(100% - 40px)}.nav-download{margin-left:auto;font-size:12px;padding:9px 16px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;padding:10px;cursor:pointer;order:3}.menu-toggle span{height:2px;width:22px;background:var(--green)}.nav nav{display:none;position:absolute;z-index:10;top:72px;left:0;right:0;flex-direction:column;gap:0;background:var(--cream);border-bottom:1px solid var(--border);padding:12px 20px;box-shadow:0 8px 16px #00000010}.nav nav.is-open{display:flex}.nav nav a{padding:12px;font-size:16px}.hero{min-height:700px;padding:88px 20px}.hero:before{width:650px;height:650px;right:-380px;top:-70px}h1{font-size:clamp(38px,8.8vw,58px);letter-spacing:-1.6px;margin:32px 0 26px}.hero-copy{font-size:17px}.desktop{display:none}.hero .stores{margin-top:32px}.store{padding:10px 16px;min-width:138px}.hero-workshop{font-size:14px;padding:15px 20px;max-width:100%;min-height:54px}.pilot-note{font-size:13px;max-width:320px;margin:24px auto 0}h2{font-size:36px;line-height:1.12;letter-spacing:-1px}.intro{font-size:17px}.section{padding:72px 0}.steps{margin-top:36px;grid-template-columns:1fr}.step{min-height:0;padding:26px}.step h3{font-size:21px}.icon-circle{margin-bottom:20px}.cyclist-grid,.workshop-grid,.contact-grid{grid-template-columns:1fr;gap:36px}.cyclist-picture{min-height:210px;height:210px}.workshops h2{font-size:36px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.feature-grid p{font-size:14px;padding:16px;border-radius:20px}.workshop-photo{height:auto;max-height:600px;object-fit:cover;object-position:top}.pilot-callout{padding:22px}.pilot-panel{padding:28px;gap:24px}.pilot-heading{gap:12px}.pilot-heading h2{font-size:26px;white-space:normal}.pilot-panel p{font-size:17px}.pin{width:48px;height:48px}.narrow{width:calc(100% - 40px)}.questions{margin-top:30px}summary{font-size:16px;padding:16px 20px}details p{font-size:15px;padding:0 20px 20px}.contact-grid{width:calc(100% - 40px)}.contact .intro{max-width:410px}.form-row{grid-template-columns:1fr 1fr;gap:12px}.contact form{padding:24px}.footer-main{gap:30px}.footer-main nav{font-size:13px}.copyright{line-height:1.7}footer{padding-top:42px}}
@media(max-width:390px){.form-row,.feature-grid{grid-template-columns:1fr}.form-row{gap:0}.nav-download{padding:8px 12px}.brand img{width:80px;height:auto}.nav{gap:8px}.pilot-heading h2{font-size:23px}.contact form{padding:20px}.store{padding:10px 13px;min-width:132px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Pilotformulär och integritetssida */
[hidden]{display:none!important}.pilot-signup{background:var(--light)}.pilot-signup h2{margin-top:16px}.pilot-signup form{background:white;padding:32px;border:1px solid var(--border);border-radius:24px}.form-note{font-size:13px;line-height:1.6;margin:12px 0 16px;overflow-wrap:anywhere}.form-note a,.questions p a,.privacy-copy a{text-decoration:underline;text-underline-offset:3px}.checkbox-row{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6}.checkbox-row input{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:3px 0 0;padding:0;accent-color:var(--green)}[role=status]:empty{display:none}[role=status]{margin-top:16px;font-size:14px}.button:disabled{opacity:.65;cursor:wait;transform:none}.privacy-copy{max-width:780px;margin:auto;padding:72px 24px}.privacy-copy h1{font-size:clamp(32px,6vw,48px);line-height:1.15;letter-spacing:-1px;overflow-wrap:anywhere}.privacy-copy h2{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:32px 0 12px}.privacy-copy ul{padding-left:22px}.privacy-copy a{overflow-wrap:anywhere}.privacy-meta{font-size:14px}.privacy-draft{padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--light);margin-top:24px}.privacy-nav{display:flex;align-items:center;justify-content:space-between;height:80px}.privacy-copy .button{margin-top:32px}.questions a{text-decoration:underline}.pilot-signup .intro+p{margin-top:20px}@media(max-width:900px){.nav nav{gap:14px}.nav{gap:14px}}@media(max-width:700px){.pilot-signup form{padding:24px}.privacy-copy{padding:48px 20px}}@media(max-width:390px){.pilot-signup form{padding:20px}}
@media(min-width:701px) and (max-width:900px){.nav-download{margin-left:auto}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;padding:10px;cursor:pointer;order:3}.menu-toggle span{height:2px;width:22px;background:var(--green)}.nav nav{display:none;position:absolute;z-index:10;top:80px;left:0;right:0;flex-direction:column;gap:0;background:var(--cream);border-bottom:1px solid var(--border);padding:12px 20px;box-shadow:0 8px 16px #00000010}.nav nav.is-open{display:flex}.nav nav a{padding:12px;font-size:16px}}