/* Etusivun uusi malli (esikatselu ?etusivu=uusi). Rajattu .ebf-etusivu-kääreeseen, ettei vaikuta muihin sivuihin.
   Lähde: hyväksytty malli 19.10.2026. Muuttujiin siirto myöhemmin yhteisen ulkoasupohjan vaiheessa. */
/* Teeman perustyylit (fonttikoko 17–21px, painot, otsikoiden rivitys) eivät saa vaikuttaa malliin. */
.ebf-etusivu{font-size:16px;font-weight:400;line-height:normal}
.ebf-etusivu b,.ebf-etusivu strong{font-weight:700}
.ebf-etusivu a{font-weight:inherit}
.ebf-etusivu h1,.ebf-etusivu h2,.ebf-etusivu h3,.ebf-etusivu h4,.ebf-etusivu p{text-wrap:wrap;margin-top:0}
.ebf-etusivu{--bg:#000;--bg2:#0a1424;--tile:#0b1220;--text:#f5f5f7;--muted:#a1a9b8;--acc:#0ea5ff;--line:rgba(255,255,255,.1);--nav:rgba(0,0,0,.72);--pill:#fff;--pillt:#000;--klarna:#ffb3c7;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:light){.ebf-etusivu:not([data-theme="dark"]){--bg:#fbfbfd;--bg2:#eef3fa;--tile:#fff;--text:#1d1d1f;--muted:#6e6e73;--line:rgba(0,0,0,.1);--nav:rgba(251,251,253,.8);--pill:#1d1d1f;--pillt:#fff}}
.ebf-etusivu[data-theme="dark"]{--bg:#000}
.ebf-etusivu *{box-sizing:border-box;margin:0}
.ebf-etusivu{scroll-behavior:smooth}
.ebf-etusivu{background:var(--bg);color:var(--text);font-family:'League Spartan',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.1}
.ebf-etusivu nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--nav);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}
.ebf-etusivu .bar{max-width:980px;margin:auto;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:13px}
.ebf-etusivu .logo{font-weight:600;font-size:15px;letter-spacing:-.01em}
.ebf-etusivu .logo b{color:var(--acc)}
.ebf-etusivu .icons{display:flex;gap:20px}
.ebf-etusivu .icons svg{width:17px;height:17px;stroke:var(--text);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .cats{max-width:980px;margin:auto;display:flex;justify-content:space-between;padding:0 18px 10px;font-size:11.5px;letter-spacing:.02em;color:var(--muted);text-transform:uppercase;overflow-x:auto;gap:18px;white-space:nowrap}
.ebf-etusivu .cats a{color:inherit;text-decoration:none}
.ebf-etusivu .cats a:first-child{color:var(--text)}
.ebf-etusivu .wrap{max-width:980px;margin:auto;padding:0 14px}
.ebf-etusivu .hero{text-align:center;padding:64px 12px 36px}
.ebf-etusivu .eyebrow{font-size:14px;font-weight:600;color:var(--acc);margin-bottom:14px;letter-spacing:.01em}
.ebf-etusivu h1{font-size:clamp(44px,13vw,88px);font-weight:700;letter-spacing:-.035em;line-height:1.02}
.ebf-etusivu h1 span{background:linear-gradient(90deg,#0ea5ff,#5ac8fa 60%,#7df);-webkit-background-clip:text;background-clip:text;color:transparent}
.ebf-etusivu .lead{margin:18px auto 0;max-width:560px;font-size:clamp(17px,4.6vw,24px);color:var(--muted);line-height:1.35;font-weight:400}
.ebf-etusivu .cta{display:flex;gap:12px;justify-content:center;margin-top:26px;flex-wrap:wrap}
.ebf-etusivu .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:980px;font-size:16px;font-weight:500;text-decoration:none;border:1px solid transparent}
.ebf-etusivu .btn.p{background:var(--acc);color:#fff}
.ebf-etusivu .btn.s{color:var(--acc);border-color:var(--acc)}
.ebf-etusivu .btn svg{width:16px;height:16px;fill:currentColor}
.ebf-etusivu .tile{background:var(--tile);border-radius:28px;margin:12px 0;overflow:hidden;position:relative}
.ebf-etusivu .klarna{display:flex;align-items:center;gap:20px;padding:26px;justify-content:center;flex-wrap:wrap;text-align:left}
.ebf-etusivu .k{background:var(--klarna);color:#000;font-weight:800;font-size:26px;padding:10px 20px;border-radius:14px;letter-spacing:-.03em}
.ebf-etusivu .klarna small{display:block;font-size:15px;color:var(--muted);margin-bottom:6px}
.ebf-etusivu .klarna strong{font-size:34px;font-weight:700;letter-spacing:-.02em}
.ebf-etusivu .klarna strong em{font-style:normal;color:var(--acc)}
.ebf-etusivu .klarna strong i{font-style:normal;font-size:16px;color:var(--muted);font-weight:400}
.ebf-etusivu .show{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background:radial-gradient(70% 55% at 50% 60%,rgba(14,165,255,.35),transparent 70%),linear-gradient(180deg,var(--bg2),var(--tile))}
.ebf-etusivu .show h2{font-size:clamp(32px,9vw,56px);letter-spacing:-.03em;font-weight:700}
.ebf-etusivu .show p{margin-top:10px;color:var(--muted);font-size:18px}
.ebf-etusivu .wheels{margin-top:34px;display:flex;gap:30px;align-items:center;justify-content:center}
.ebf-etusivu .wheels i{width:92px;height:92px;border-radius:50%;border:5px solid var(--text);opacity:.9;position:relative;box-shadow:0 0 50px rgba(14,165,255,.55)}
.ebf-etusivu .wheels i::after{content:"";position:absolute;inset:28px;border-radius:50%;border:2px solid var(--acc)}
.ebf-etusivu .wheels i:nth-child(2){width:64px;height:64px}
.ebf-etusivu .wheels i:nth-child(2)::after{inset:18px}
.ebf-etusivu .feat{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:12px 0}
.ebf-etusivu .feat div{background:var(--tile);border-radius:24px;padding:26px 18px;text-align:center}
.ebf-etusivu .feat svg{width:34px;height:34px;stroke:var(--acc);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}
.ebf-etusivu .feat b{display:block;font-size:17px;font-weight:600;letter-spacing:-.01em}
.ebf-etusivu footer{text-align:center;color:var(--muted);font-size:12px;padding:40px 20px 56px}
.ebf-etusivu .ib{background:none;border:0;padding:0;cursor:pointer;display:flex;color:inherit}
.ebf-etusivu .sr{position:fixed;inset:0;z-index:50;background:var(--nav);backdrop-filter:saturate(180%) blur(30px);-webkit-backdrop-filter:saturate(180%) blur(30px);padding-top:env(safe-area-inset-top,0px);display:none;overflow-y:auto}
.ebf-etusivu .sr.on{display:block}
.ebf-etusivu .srw{max-width:680px;margin:auto;padding:10px 18px 40px}
.ebf-etusivu .srt{display:flex;gap:14px;align-items:center}
.ebf-etusivu .srf{flex:1;display:flex;align-items:center;gap:10px;background:var(--tile);border:1px solid var(--line);border-radius:14px;padding:0 14px;height:46px}
.ebf-etusivu .srf svg{width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:1.8;stroke-linecap:round;flex:none}
.ebf-etusivu .srf input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:17px}
.ebf-etusivu .src{background:none;border:0;color:var(--acc);font:inherit;font-size:16px;cursor:pointer}
.ebf-etusivu .srh{margin:28px 4px 10px;font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.02em}
.ebf-etusivu .sl a{display:flex;align-items:center;justify-content:space-between;padding:15px 4px;font-size:21px;font-weight:600;letter-spacing:-.02em;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line)}
.ebf-etusivu .sl a span{color:var(--acc);font-size:18px}
.ebf-etusivu .no{display:none;padding:22px 4px;color:var(--muted);font-size:17px}
.ebf-etusivu .guide{margin:34px 0 12px;border-radius:28px;overflow:hidden;background:var(--tile);box-shadow:0 0 0 1px rgba(10,157,255,.45),0 18px 60px rgba(10,157,255,.28)}
.ebf-etusivu .gh{width:100%;display:flex;align-items:center;gap:16px;padding:20px 20px;border:0;cursor:pointer;color:#fff;font:inherit;text-align:left;background:linear-gradient(100deg,#0a84ff,#2cb4ff)}
.ebf-etusivu .gp{flex:none;width:54px;height:54px;border-radius:50%;border:3px solid #fff;display:flex;align-items:center;justify-content:center;position:relative}
.ebf-etusivu .gp::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:2px solid rgba(255,255,255,.55);animation:pl 2s infinite}
@keyframes pl{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.25);opacity:0}}
.ebf-etusivu .gp svg{width:22px;height:22px;fill:#fff;margin-left:3px}
.ebf-etusivu .gt{flex:1;min-width:0}
.ebf-etusivu .gt small{display:block;font-size:15px;opacity:.9;margin-bottom:4px}
.ebf-etusivu .gt b{display:block;font-size:24px;letter-spacing:-.02em;font-weight:700;line-height:1.1}
.ebf-etusivu .gc{flex:none;width:26px;height:26px;stroke:#fff;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.ebf-etusivu .guide.open .gc{transform:rotate(180deg)}
.ebf-etusivu .gb{max-height:0;overflow:hidden;transition:max-height .5s ease}
.ebf-etusivu .gi{padding:22px 18px 26px}
.ebf-etusivu .vid{position:relative;aspect-ratio:16/9;border-radius:20px;background:#000;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:17px;box-shadow:inset 0 0 0 1px var(--line)}
.ebf-etusivu .vid i{position:absolute;top:50%;width:38px;height:38px;margin-top:-19px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;font-style:normal;font-size:22px}
.ebf-etusivu .vid i:first-of-type{left:10px}
.ebf-etusivu .vid i:last-of-type{right:10px}
.ebf-etusivu .steps{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:12px;counter-reset:s}
.ebf-etusivu .steps li{counter-increment:s;display:flex;gap:14px;align-items:flex-start;background:rgba(127,127,127,.08);border-radius:18px;padding:16px;font-size:18px;line-height:1.3;letter-spacing:-.01em}
.ebf-etusivu .steps li::before{content:counter(s);flex:none;width:32px;height:32px;border-radius:50%;background:var(--acc);color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center}
.ebf-etusivu .steps b{color:var(--acc)}
.ebf-etusivu .photo{padding:0;line-height:0}
.ebf-etusivu .photo img{width:100%;height:auto;display:block}
.ebf-etusivu .tile,.ebf-etusivu .feat div{box-shadow:inset 0 0 0 1px var(--line)}
.ebf-etusivu .klarna .ci{width:46px;height:46px;stroke:var(--acc);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ebf-etusivu .vh{font-size:clamp(28px,7vw,40px);letter-spacing:-.03em;font-weight:700;margin:30px 4px 14px}
.ebf-etusivu .cg{display:grid;grid-template-columns:1fr;gap:12px}
.ebf-etusivu .cc{scroll-margin-top:120px;display:block;color:var(--text);text-decoration:none;margin:0}
.ebf-etusivu .cc img{width:100%;height:auto;display:block}
.ebf-etusivu .cl{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:20px;font-weight:600;letter-spacing:-.02em}
.ebf-etusivu .cl i{font-style:normal;font-size:15px;font-weight:500;color:var(--acc)}
.ebf-etusivu .how{margin:30px 0 0;border-radius:28px;background:linear-gradient(180deg,var(--bg2),var(--tile));box-shadow:inset 0 0 0 1px var(--line);padding:28px 16px 26px;overflow:hidden}
.ebf-etusivu .how h2{font-size:clamp(28px,7.5vw,40px);letter-spacing:-.035em;text-align:center;font-weight:700}
.ebf-etusivu .how .sub{text-align:center;color:var(--muted);font-size:17px;margin:10px 0 30px}
.ebf-etusivu .trk{position:relative;display:flex;justify-content:space-between}
.ebf-etusivu .trk::before{content:"";position:absolute;left:28px;right:28px;top:22px;height:4px;border-radius:2px;background:var(--line)}
.ebf-etusivu .fill{position:absolute;left:28px;top:22px;height:4px;border-radius:2px;background:linear-gradient(90deg,#0a84ff,#5ac8fa);width:0;transition:width .9s cubic-bezier(.4,0,.2,1)}
.ebf-etusivu .fill::after{content:"";position:absolute;right:-8px;top:-6px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 14px 4px rgba(10,157,255,.8)}
.ebf-etusivu .st{width:56px;display:flex;flex-direction:column;align-items:center;gap:9px;position:relative;z-index:1}
.ebf-etusivu .nd{position:relative;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;background:var(--tile);color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--line);display:flex;align-items:center;justify-content:center;transition:all .45s}
.ebf-etusivu .nd svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .st span{font-size:10.5px;color:var(--muted);white-space:nowrap;transition:color .3s}
.ebf-etusivu .st.done .nd{background:#0a84ff;color:#fff;box-shadow:none}
.ebf-etusivu .st.on .nd{background:linear-gradient(135deg,#0a84ff,#2cb4ff);color:#fff;box-shadow:0 10px 30px rgba(10,157,255,.5);transform:scale(1.14)}
.ebf-etusivu .st.on .nd::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(10,157,255,.6);animation:pl 1.8s infinite}
.ebf-etusivu .st.on span{color:var(--text);font-weight:600}
.ebf-etusivu .cap{margin-top:30px;min-height:410px;text-align:center}
.ebf-etusivu .cap .in{animation:up .5s ease}
@keyframes up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ebf-etusivu .cap .n{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--acc);color:#fff;font-weight:700;align-items:center;justify-content:center;margin-bottom:12px}
.ebf-etusivu .cap h3{font-size:clamp(25px,6.8vw,32px);letter-spacing:-.03em;font-weight:700;line-height:1.1}
.ebf-etusivu .cap p{margin:12px auto 0;color:var(--muted);font-size:17px;line-height:1.4;max-width:440px}
.ebf-etusivu .steps li div{flex:1;min-width:0}
.ebf-etusivu .steps strong{display:block;font-size:19px;letter-spacing:-.02em;margin-bottom:5px}
.ebf-etusivu .steps li span{color:var(--muted);font-size:16px;line-height:1.35;display:block}
.ebf-etusivu .pay{margin-top:18px;padding:18px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line)}
.ebf-etusivu .pay strong{display:block;font-size:17px;margin-bottom:12px}
.ebf-etusivu .chips{display:flex;flex-wrap:wrap;gap:8px}
.ebf-etusivu .chips span{padding:9px 13px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);font-size:14px;font-weight:600}
.ebf-etusivu .pay small{display:block;margin-top:12px;color:var(--muted);font-size:13.5px;line-height:1.35}
.ebf-etusivu .vis{height:190px;margin:-6px 0 20px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:20px;position:relative}
.ebf-etusivu .vm{justify-content:flex-start;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.ebf-etusivu .mq{display:flex;gap:12px;width:max-content;animation:mq 28s linear infinite}
.ebf-etusivu .mq:hover,.ebf-etusivu .mq:active{animation-play-state:paused}
@keyframes mq{to{transform:translateX(calc(-50% - 6px))}}
.ebf-etusivu .vc{width:140px;flex:none}
.ebf-etusivu .vc img{width:140px;height:140px;object-fit:cover;border-radius:20px;display:block;box-shadow:inset 0 0 0 1px var(--line)}
.ebf-etusivu .vc b{display:block;margin-top:9px;font-size:13px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.ebf-etusivu .v2{flex-direction:column;gap:14px}
.ebf-etusivu .v2 b{font-size:68px;letter-spacing:-.04em;font-weight:700;background:linear-gradient(90deg,#0a84ff,#5ac8fa);-webkit-background-clip:text;background-clip:text;color:transparent;animation:pop .7s cubic-bezier(.2,1.4,.4,1) both}
@keyframes pop{from{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}
.ebf-etusivu .v2 em,.ebf-etusivu .v3 .ml{font-style:normal;padding:9px 16px;border-radius:980px;background:rgba(10,157,255,.15);color:var(--acc);font-weight:600;font-size:15px;animation:up .6s .5s both}
.ebf-etusivu .v3{flex-direction:column;gap:18px}
.ebf-etusivu .v3 .ml{animation-delay:0s}
.ebf-etusivu .v3 .ch{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:320px}
.ebf-etusivu .v3 .ch span{padding:9px 14px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);background:var(--tile);font-size:14px;font-weight:600;animation:up .5s both}
.ebf-etusivu .v4{flex-direction:column;gap:10px;align-items:stretch;justify-content:center;padding:0 6px}
.ebf-etusivu .bb{border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:7px;width:64%;background:var(--tile);box-shadow:inset 0 0 0 1px var(--line);animation:up .6s both}
.ebf-etusivu .bb.r{align-self:flex-end;background:#0a84ff;box-shadow:none;animation-delay:.5s}
.ebf-etusivu .bb.ty{flex-direction:row;width:66px;gap:5px;padding:14px;animation-delay:1s}
.ebf-etusivu .bb i{height:7px;border-radius:4px;background:currentColor;opacity:.3;display:block}
.ebf-etusivu .bb.r i{background:#fff;opacity:.6}
.ebf-etusivu .bb s{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:bl 1.2s infinite}
.ebf-etusivu .bb s:nth-child(2){animation-delay:.2s}
.ebf-etusivu .bb s:nth-child(3){animation-delay:.4s}
@keyframes bl{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.ebf-etusivu .v5{width:100%}
.ebf-etusivu .v5 .rd{position:absolute;left:0;right:0;bottom:46px;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 14px,transparent 14px 28px)}
.ebf-etusivu .v5 svg{position:absolute;bottom:50px;width:60px;height:60px;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .v5 .tr{stroke:var(--acc);animation:dr 3.8s ease-in-out infinite alternate}
.ebf-etusivu .v5 .hs{stroke:var(--text);right:3%}
@keyframes dr{from{left:2%}to{left:66%}}
.ebf-etusivu .lg{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.ebf-etusivu .lg img{width:100%;height:auto;display:block}
.ebf-etusivu .sf{display:flex;flex-direction:column;gap:6px;margin-top:14px;font-size:14.5px;font-weight:600}
.ebf-etusivu .v3 .ch{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;max-width:none}
.ebf-etusivu .v3 .ch img{width:100%;height:auto;display:block;animation:up .5s both}
.ebf-etusivu .hero{position:relative;display:flex;flex-direction:column;align-items:center;min-height:min(86svh,690px);padding:58px 12px 36px}
.ebf-etusivu .hero .bg{position:absolute;top:0;bottom:0;left:-14px;right:-14px;z-index:0;pointer-events:none;overflow:hidden}
.ebf-etusivu .hero .bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.ebf-etusivu .hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.35) 20%,rgba(0,0,0,0) 42%,rgba(0,0,0,0) 56%,rgba(0,0,0,.7) 86%,#000 100%)}
.ebf-etusivu .hero>*:not(.bg){position:relative;z-index:1}
.ebf-etusivu .hero h1{filter:drop-shadow(0 2px 14px rgba(0,0,0,.55))}
.ebf-etusivu .hero .lead{color:#e8ecf4;text-shadow:0 1px 14px rgba(0,0,0,.7)}
.ebf-etusivu .hero .cta{margin-top:auto;padding-top:40px}
.ebf-etusivu .hero .btn.s{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
@media(min-width:1000px){.ebf-etusivu .hero .bg{border-radius:0 0 28px 28px}}
@media (prefers-color-scheme:light){/* auditointi 21.10.: vaalean teeman poikkeus poistettu, hero on aina kuvan päällä */
/* auditointi 21.10.: vaalean teeman poikkeus poistettu, hero on aina kuvan päällä */
/* auditointi 21.10.: vaalean teeman poikkeus poistettu, hero on aina kuvan päällä */
/* auditointi 21.10.: vaalean teeman poikkeus poistettu, hero on aina kuvan päällä */
/* auditointi 21.10.: vaalean teeman poikkeus poistettu, hero on aina kuvan päällä */}
.ebf-etusivu .vis.v2{height:auto;min-height:190px;gap:14px;padding:2px 0;overflow:visible}
.ebf-etusivu .v2 .pr{display:flex;align-items:baseline;gap:10px;justify-content:center}
.ebf-etusivu .v2 .pr b{font-size:50px}
.ebf-etusivu .v2 .pr span{color:var(--muted);font-size:18px;font-weight:600}
.ebf-etusivu .inc{list-style:none;padding:0;margin:0;display:grid;gap:7px;width:100%;text-align:left}
.ebf-etusivu .inc li{display:flex;gap:11px;align-items:center;padding:10px 13px;border-radius:14px;background:rgba(127,127,127,.09);font-size:14.5px;font-weight:600;line-height:1.3;letter-spacing:-.01em;animation:up .45s both}
.ebf-etusivu .inc li i{flex:none;width:22px;height:22px;border-radius:50%;background:var(--acc);color:#fff;font-style:normal;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.ebf-etusivu .inc li em{font-style:normal;color:var(--acc);padding:0;background:none;animation:none;font-size:inherit;font-weight:700}
@media(prefers-reduced-motion:reduce){.ebf-etusivu .inc li{animation:none}}
.ebf-etusivu .how{position:relative}
.ebf-etusivu .how .eb,.ebf-etusivu .fee .eb{text-align:center;color:var(--acc);font-size:14px;font-weight:600;letter-spacing:.01em;margin-bottom:8px}
.ebf-etusivu .how .sub b{color:var(--text)}
.ebf-etusivu .pp{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(127,127,127,.14);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer}
.ebf-etusivu .pp svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .pp .pl{display:none;fill:currentColor;stroke:none}
.ebf-etusivu .how.paused .pp .pa{display:none}
.ebf-etusivu .how.paused .pp .pl{display:block}
.ebf-etusivu .st span{font-size:11.5px}
.ebf-etusivu .pb{height:3px;border-radius:2px;background:var(--line);margin:22px 4px 0;overflow:hidden}
.ebf-etusivu .pb i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0a84ff,#5ac8fa);animation:pbf linear forwards}
@keyframes pbf{to{width:100%}}
.ebf-etusivu .how.paused .pb i{animation-play-state:paused;opacity:.35}
.ebf-etusivu .cap{margin-top:18px;min-height:0;touch-action:pan-y}
.ebf-etusivu .stg{text-align:left;position:relative;height:262px;border-radius:22px;background:radial-gradient(80% 70% at 50% 100%,rgba(10,157,255,.16),transparent 70%),rgba(127,127,127,.06);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center}
.ebf-etusivu .tx{text-align:center;padding:20px 4px 0;min-height:196px}
.ebf-etusivu .tx .kk{display:block;font-size:13px;font-weight:600;color:var(--acc);margin-bottom:8px;letter-spacing:.01em}
.ebf-etusivu .tx h3{font-size:clamp(26px,7vw,34px);letter-spacing:-.035em;font-weight:700;line-height:1.08}
.ebf-etusivu .tx p{margin:10px auto 0;color:var(--muted);font-size:16.5px;line-height:1.42;max-width:430px}
.ebf-etusivu .tx p b{color:var(--text);font-weight:600}
.ebf-etusivu .tx>*{animation:up .55s cubic-bezier(.2,.8,.2,1) both}
.ebf-etusivu .tx h3{animation-delay:.06s}
.ebf-etusivu .tx p{animation-delay:.12s}
@keyframes fi{from{opacity:0}to{opacity:1}}
@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.12);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes rise{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
/* Tilausdemon kortit nousevat ilman häivytystä: teksti on koko ajan täysvärinen, joten kontrasti ei putoa animaation aikana
   (Lighthouse 27.10.2026: .pr2 3,39:1 ja .ab2 4,43:1 kesken häivytyksen). */
@keyframes ebf-nousu{from{transform:translateY(18px) scale(.98)}to{transform:none}}
@keyframes drop{from{opacity:0;transform:translateY(-120%)}to{opacity:1;transform:none}}
@keyframes tap{0%{transform:scale(0);opacity:.7}100%{transform:scale(2.6);opacity:0}}
@keyframes press{0%,100%{transform:none}50%{transform:scale(.94)}}
.ebf-etusivu .crd{background:var(--tile);border-radius:18px;box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 0 0 1px var(--line),0 18px 40px rgba(0,0,0,.35)}
.ebf-etusivu .s1 .crd{width:212px;overflow:hidden;animation:ebf-nousu .6s cubic-bezier(.2,.8,.2,1) both}
.ebf-etusivu .s1 img{display:block;width:100%;height:132px;object-fit:cover}
.ebf-etusivu .s1 .nm{padding:11px 13px 0;font-size:15px;font-weight:600;letter-spacing:-.01em}
.ebf-etusivu .s1 .nm small{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-top:2px}
.ebf-etusivu .s1 .ab{position:relative;margin:10px 13px 13px;height:38px;border-radius:980px;background:var(--acc);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;animation:press .3s 1.5s both}
.ebf-etusivu .s1 .ab .a1{animation:fi .2s 1.75s reverse both}
.ebf-etusivu .s1 .ab .a2{position:absolute;opacity:0;animation:fi .25s 1.8s both}
.ebf-etusivu .s1 .ab::after{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px;border-radius:50%;background:#fff;opacity:0;animation:tap .6s 1.45s ease-out}
.ebf-etusivu .cartx{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:14px;background:var(--tile);box-shadow:0 0 0 1px var(--line);display:flex;align-items:center;justify-content:center}
.ebf-etusivu .cartx svg{width:22px;height:22px;stroke:var(--text);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .cartx b{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:10px;background:var(--acc);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;animation:pop .45s 2.55s both}
.ebf-etusivu .fly{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--acc);box-shadow:0 0 18px rgba(10,157,255,.9);left:50%;top:84%;opacity:0;animation:fly .8s 1.8s cubic-bezier(.5,0,.2,1) both}
@keyframes fly{0%{opacity:1;left:50%;top:84%;transform:scale(1)}100%{opacity:1;left:calc(100% - 46px);top:30px;transform:scale(.4)}}
.ebf-etusivu .fly{animation-fill-mode:forwards}
.ebf-etusivu .s2 .crd{width:min(300px,88%);padding:14px 15px;animation:ebf-nousu .55s cubic-bezier(.2,.8,.2,1) both}
.ebf-etusivu .s2 .hd{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}
.ebf-etusivu .s2 .rw{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);animation:up .45s both}
.ebf-etusivu .s2 .rw img,.ebf-etusivu .s2 .rw .ic{width:38px;height:38px;border-radius:10px;object-fit:cover;flex:none}
.ebf-etusivu .s2 .rw .ic{background:rgba(10,157,255,.15);display:flex;align-items:center;justify-content:center;color:var(--acc);font-weight:800;font-size:16px}
.ebf-etusivu .s2 .rw div{flex:1;min-width:0}
.ebf-etusivu .s2 .rw div b{display:block;font-size:14px}
.ebf-etusivu .s2 .rw div small{font-size:11.5px;color:var(--muted)}
.ebf-etusivu .s2 .rw .v{font-size:14px;font-weight:700;white-space:nowrap}
.ebf-etusivu .s2 .rw .lt{font-size:10.5px;font-weight:600;color:var(--muted);padding:5px 8px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap}
.ebf-etusivu .s2 .r1{animation-delay:.3s}
.ebf-etusivu .s2 .r2{animation-delay:.6s}
.ebf-etusivu .s2 .tot{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0 10px;animation:up .45s .95s both}
.ebf-etusivu .s2 .tot span{font-size:14px;font-weight:600}
.ebf-etusivu .s2 .tot b{font-size:26px;letter-spacing:-.03em;color:var(--acc)}
.ebf-etusivu .s2 .pay2{position:relative;height:38px;border-radius:980px;background:var(--acc);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;animation:up .45s 1.2s both}
.ebf-etusivu .s2 .pay2 .a2{position:absolute;opacity:0;animation:fi .25s 3s both}
.ebf-etusivu .s2 .pay2 .a1{animation:fi .2s 2.95s reverse both}
.ebf-etusivu .s2 .pay2::after{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px;border-radius:50%;background:#fff;opacity:0;animation:tap .6s 2.7s ease-out}
.ebf-etusivu .s2 .r1>*:not(.lt){opacity:.55}
.ebf-etusivu .s2 .crd{padding-bottom:10px}
.ebf-etusivu .s2 .rw{padding:7px 0}
.ebf-etusivu .s2 .hd{margin-bottom:2px}
.ebf-etusivu .s2 .rfd{margin-top:8px;text-align:center;font-size:11.5px;font-weight:600;color:var(--gr,#30d158);animation:fi .5s 3.4s both}
.ebf-etusivu .fee .rf{display:flex;gap:10px;align-items:center;margin-top:8px;padding:13px 15px;border-radius:16px;background:rgba(48,209,88,.1);font-size:14.5px;font-weight:600;line-height:1.35}
.ebf-etusivu .fee .rf i{flex:none;width:24px;height:24px;border-radius:50%;background:#30d158;color:#000;font-style:normal;font-size:13px;display:flex;align-items:center;justify-content:center}
.ebf-etusivu .nt{position:absolute;left:12px;right:12px;top:12px;display:flex;gap:11px;align-items:center;padding:11px 12px;border-radius:18px;background:rgba(40,46,60,.82);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px rgba(0,0,0,.35);color:#f5f5f7;animation:drop .6s cubic-bezier(.2,.9,.25,1.1) .2s both;z-index:2}
.ebf-etusivu .nt .ni{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#0a84ff,#5ac8fa);display:flex;align-items:center;justify-content:center;flex:none}
.ebf-etusivu .nt .ni svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .nt div{flex:1;min-width:0;font-size:12.5px;line-height:1.3;color:#c9d1de}
.ebf-etusivu .nt div b{display:block;color:#fff;font-size:14px}
.ebf-etusivu .nt time{align-self:flex-start;font-size:11px;color:#9aa6ba}
.ebf-etusivu .s3 .chat{position:absolute;left:12px;right:12px;bottom:12px;top:88px;padding:11px 12px;display:flex;flex-direction:column;gap:8px;animation:rise .5s .9s both}
.ebf-etusivu .s3 .ch{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.ebf-etusivu .s3 .ch i{width:8px;height:8px;border-radius:50%;background:#30d158;box-shadow:0 0 8px #30d158}
.ebf-etusivu .s3 .ch em{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;color:var(--acc);padding:4px 8px;border-radius:8px;background:rgba(10,157,255,.14)}
.ebf-etusivu .bu{max-width:78%;padding:9px 12px;border-radius:16px;font-size:13px;line-height:1.3}
.ebf-etusivu .bu.l{background:rgba(127,127,127,.16);border-bottom-left-radius:5px;animation:up .4s 1.5s both}
.ebf-etusivu .bu.r{align-self:flex-end;background:var(--acc);color:#fff;border-bottom-right-radius:5px;animation:up .4s 2.9s both}
.ebf-etusivu .dots{display:flex;gap:4px;align-self:flex-end;padding:11px 13px;border-radius:16px;background:var(--acc);animation:dt 1.4s 2.2s both}
@keyframes dt{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:none}85%{opacity:1;height:auto}100%{opacity:0;height:0;padding:0 13px;margin-top:-8px}}
.ebf-etusivu .dots s{width:6px;height:6px;border-radius:50%;background:#fff;animation:bl 1s infinite}
.ebf-etusivu .dots s:nth-child(2){animation-delay:.15s}
.ebf-etusivu .dots s:nth-child(3){animation-delay:.3s}
.ebf-etusivu .s4 .lgw{position:absolute;left:12px;right:12px;top:92px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.ebf-etusivu .s4 .lgw img{width:100%;height:auto;display:block;animation:pop .4s both}
.ebf-etusivu .s4 .tip{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);white-space:nowrap;font-size:12px;font-weight:600;color:var(--muted);padding:7px 12px;border-radius:980px;box-shadow:inset 0 0 0 1px var(--line);animation:fi .5s 2.2s both}
.ebf-etusivu .s5 .crd{width:min(320px,90%);padding:15px;animation:ebf-nousu .55s both}
.ebf-etusivu .s5 .tc{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}
.ebf-etusivu .s5 .tc code{font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);letter-spacing:.04em}
.ebf-etusivu .s5 .rt{position:relative;margin:26px 10px 8px;height:4px;border-radius:2px;background:var(--line)}
.ebf-etusivu .s5 .rt>i{position:absolute;left:0;top:0;height:100%;border-radius:2px;background:linear-gradient(90deg,#0a84ff,#5ac8fa);animation:rtf 2.6s .5s cubic-bezier(.45,0,.2,1) both}
@keyframes rtf{from{width:0}to{width:100%}}
.ebf-etusivu .s5 .tk{position:absolute;top:-30px;width:30px;height:24px;margin-left:-15px;animation:tkm 2.6s .5s cubic-bezier(.45,0,.2,1) both}
@keyframes tkm{from{left:0}to{left:100%}}
.ebf-etusivu .s5 .tk svg{width:30px;height:24px;stroke:var(--acc);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .s5 .pt{position:absolute;top:-6px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--tile);box-shadow:0 0 0 2px var(--line)}
.ebf-etusivu .s5 .pt.on{background:var(--acc);box-shadow:0 0 0 4px rgba(10,157,255,.25);animation:pop .4s both}
.ebf-etusivu .s5 .lb{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin:14px 0 0}
.ebf-etusivu .s5 .lb span:last-child{color:var(--text);font-weight:600}
.ebf-etusivu .s5 .fr{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;font-weight:600;animation:fi .5s 3.1s both}
.ebf-etusivu .s5 .fr i{width:20px;height:20px;border-radius:50%;background:#30d158;color:#000;font-style:normal;font-size:12px;display:flex;align-items:center;justify-content:center}
.ebf-etusivu .s5 .crr{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;animation:fi .5s 3.3s both}
.ebf-etusivu .s5 .crr img{width:100%;height:auto;display:block}
.ebf-etusivu .how.rm .stg *,.ebf-etusivu .how.rm .tx>*{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important}
.ebf-etusivu .how.paused .stg *{animation-play-state:running}
.ebf-etusivu .fee{margin:12px 0 0;border-radius:28px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--line);padding:30px 16px 18px}
.ebf-etusivu .fee h2{text-align:center;font-size:clamp(26px,7vw,38px);letter-spacing:-.035em;font-weight:700;line-height:1.1}
.ebf-etusivu .fee h2 span{background:linear-gradient(90deg,#0a84ff,#5ac8fa);-webkit-background-clip:text;background-clip:text;color:transparent}
.ebf-etusivu .fl{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:8px}
.ebf-etusivu .fl li{display:flex;gap:14px;align-items:flex-start;padding:15px;border-radius:18px;background:rgba(127,127,127,.07)}
.ebf-etusivu .fl li i{flex:none;width:40px;height:40px;border-radius:12px;background:rgba(10,157,255,.14);display:flex;align-items:center;justify-content:center}
.ebf-etusivu .fl li i svg{width:22px;height:22px;stroke:var(--acc);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .fl b{display:block;font-size:16.5px;letter-spacing:-.015em;line-height:1.25}
.ebf-etusivu .fl span{display:block;margin-top:4px;font-size:14.5px;color:var(--muted);line-height:1.38}
.ebf-etusivu .ship{margin-top:14px;padding:16px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line)}
.ebf-etusivu .sh b{display:block;font-size:16.5px;letter-spacing:-.015em}
.ebf-etusivu .sh span{display:block;font-size:14.5px;color:var(--muted);margin-top:3px}
.ebf-etusivu .crl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.ebf-etusivu .crl img{width:100%;height:auto;display:block}
.ebf-etusivu .help{display:flex;gap:10px;align-items:flex-start;margin:18px 2px 0;padding:13px 14px;border-radius:16px;background:rgba(127,127,127,.07);font-size:14px;line-height:1.4;color:var(--muted);text-align:left}
.ebf-etusivu .help svg{flex:none;width:20px;height:20px;stroke:var(--acc);fill:none;stroke-width:1.8;stroke-linejoin:round;margin-top:1px}
.ebf-etusivu .gi .help{margin:14px 0 0}
@media(prefers-color-scheme:light){.ebf-etusivu:not([data-theme="dark"]) .crd{box-shadow:0 0 0 1px var(--line),0 14px 30px rgba(0,0,0,.08)}}
.ebf-etusivu .how{padding:20px 14px 16px}
.ebf-etusivu .how .eb{margin-bottom:4px;font-size:13px}
.ebf-etusivu .how h2{font-size:clamp(26px,7vw,36px)}
.ebf-etusivu .how .sub{font-size:15px;margin:6px 0 18px;line-height:1.35}
.ebf-etusivu .nd{width:42px;height:42px}
.ebf-etusivu .nd svg{width:21px;height:21px}
.ebf-etusivu .trk::before,.ebf-etusivu .fill{top:19px}
.ebf-etusivu .st{gap:6px}
.ebf-etusivu .pp{top:14px;right:14px;width:30px;height:30px}
.ebf-etusivu .pb{margin:14px 4px 0}
.ebf-etusivu .cap{margin-top:12px}
.ebf-etusivu .stg{height:196px;border-radius:20px}
.ebf-etusivu .tx{padding:14px 2px 0;min-height:126px}
.ebf-etusivu .tx .kk{font-size:12.5px;margin-bottom:5px}
.ebf-etusivu .tx h3{font-size:clamp(23px,6.4vw,30px)}
.ebf-etusivu .tx p{font-size:15px;margin-top:7px;line-height:1.38}
.ebf-etusivu .s1{align-items:flex-end;padding-bottom:16px}
.ebf-etusivu .s1 .crd{width:min(300px,88%);display:grid;grid-template-columns:118px 1fr;grid-template-rows:1fr auto;align-items:center}
.ebf-etusivu .s1 img{grid-row:1/3;height:112px}
.ebf-etusivu .s1 .nm{padding:0 12px;align-self:end}
.ebf-etusivu .s1 .ab{margin:9px 12px 0;height:34px;font-size:13px;align-self:start}
.ebf-etusivu .cartx{top:10px;right:10px;width:38px;height:38px;border-radius:12px}
.ebf-etusivu .cartx svg{width:20px;height:20px}
.ebf-etusivu .fly{animation-name:fly2}
@keyframes fly2{0%{opacity:1;left:64%;top:70%;transform:scale(1)}100%{opacity:1;left:calc(100% - 37px);top:21px;transform:scale(.4)}}
.ebf-etusivu .s2 .crd{width:min(310px,90%);padding:6px 13px 8px}
.ebf-etusivu .s2 .hd{display:none}
.ebf-etusivu .s2 .rw{padding:6px 0}
.ebf-etusivu .s2 .rw img,.ebf-etusivu .s2 .rw .ic{width:32px;height:32px}
.ebf-etusivu .s2 .rw .ic{font-size:14px}
.ebf-etusivu .s2 .rw div b{font-size:13.5px}
.ebf-etusivu .s2 .rw div small{font-size:11px}
.ebf-etusivu .s2 .tot{align-items:center;padding:8px 0 2px}
.ebf-etusivu .s2 .tot>span{font-size:12px;font-weight:600;color:var(--muted)}
.ebf-etusivu .s2 .tot>span b{display:block;font-size:22px;color:var(--acc);letter-spacing:-.03em;line-height:1.1}
.ebf-etusivu .s2 .pay2{width:116px;height:34px;font-size:13px}
.ebf-etusivu .s2 .rfd{margin-top:5px}
.ebf-etusivu .nt{top:10px;left:10px;right:10px;padding:9px 11px;border-radius:16px}
.ebf-etusivu .nt .ni{width:32px;height:32px;border-radius:9px}
.ebf-etusivu .nt .ni svg{width:18px;height:18px}
.ebf-etusivu .nt div{font-size:12px}
.ebf-etusivu .nt div b{font-size:13.5px}
.ebf-etusivu .s3 .chat{top:76px;bottom:10px;left:10px;right:10px;padding:8px 11px;gap:6px}
.ebf-etusivu .s3 .ch{font-size:12.5px}
.ebf-etusivu .bu{padding:7px 11px;font-size:12.5px}
.ebf-etusivu .dots{padding:9px 11px}
.ebf-etusivu .s4 .lgw{top:72px;left:10px;right:10px;gap:5px}
.ebf-etusivu .s4 .tip{bottom:10px;padding:5px 11px;font-size:11.5px}
.ebf-etusivu .s5 .crd{padding:11px 13px;width:min(320px,92%)}
.ebf-etusivu .s5 .rt{margin:24px 10px 6px}
.ebf-etusivu .s5 .lb{margin-top:10px}
.ebf-etusivu .s5 .fr{margin-top:9px;padding-top:8px;font-size:12.5px}
.ebf-etusivu .s5 .crr{margin-top:7px}
.ebf-etusivu .s1n{align-items:flex-end;justify-content:flex-start;padding:0 0 14px 12px}
.ebf-etusivu .s1n .crd{width:min(290px,calc(100% - 66px));display:flex;gap:11px;padding:8px;animation:ebf-nousu .6s both}
.ebf-etusivu .s1n .im{position:relative;flex:none;width:122px;height:122px;border-radius:12px;overflow:hidden;background:#111}
.ebf-etusivu .s1n .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ebf-etusivu .s1n .im img.in{animation:fi .45s both}
.ebf-etusivu .s1n .in2{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:3px 1px 0}
.ebf-etusivu .s1n .pn{font-size:13.5px;font-weight:600;line-height:1.2;letter-spacing:-.01em;hyphens:manual;overflow-wrap:break-word}
.ebf-etusivu .s1n .pr2{font-size:11.5px;color:var(--muted);margin-top:5px}
.ebf-etusivu .s1n .pr2 b{display:block;font-size:24px;color:var(--acc);letter-spacing:-.03em;line-height:1.05}
.ebf-etusivu .s1n .sw{animation:ebf-nousu .4s both} /* ilman häivytystä: Lighthouse 28.10. mittasi .pr2-tekstin kesken häivytyksen (2,57:1) */
.ebf-etusivu .s1n .ab2{position:relative;height:32px;border-radius:980px;background:var(--acc);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center} /* tila vaihtuu ilman värisiirtymää: välivärit jäivät alle 4,5:1 (Lighthouse 28.10.) */
.ebf-etusivu .s1n .ab2.ok{background:#30d158;color:#04210d;animation:press .3s}
.ebf-etusivu .s1n .ab2 .rg{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px;border-radius:50%;background:#fff;opacity:0;pointer-events:none}
.ebf-etusivu .s1n .ab2.ok .rg{animation:tap .6s ease-out}
.ebf-etusivu .s1n .cartx b{animation:none;transform:scale(0);transition:transform .2s}
.ebf-etusivu .s1n .cartx b.on{transform:scale(1)}
.ebf-etusivu .s1n .cartx b.bump{animation:pop .45s both}
.ebf-etusivu .fly2{position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:var(--acc);box-shadow:0 0 18px rgba(10,157,255,.9);pointer-events:none;z-index:3}
.ebf-etusivu .fee h2{margin-bottom:4px}
.ebf-etusivu .fcar{margin-top:20px}
.ebf-etusivu .fk{list-style:none;margin:0 -16px;padding:0 16px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.ebf-etusivu .fk::-webkit-scrollbar{display:none}
.ebf-etusivu .fc{flex:0 0 86%;scroll-snap-align:center;min-height:212px;padding:20px 18px;border-radius:22px;background:linear-gradient(160deg,rgba(10,157,255,.14),rgba(127,127,127,.06) 60%);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;transition:transform .4s,opacity .4s}
.ebf-etusivu .fc .ft{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.ebf-etusivu .fc .ft i{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#0a84ff,#5ac8fa);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(10,157,255,.35)}
.ebf-etusivu .fc .ft i svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .fc .ft span{font-size:13px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.ebf-etusivu .fc b{font-size:21px;letter-spacing:-.025em;line-height:1.18}
.ebf-etusivu .fc p{margin-top:8px;font-size:15px;color:var(--muted);line-height:1.4}
.ebf-etusivu .fc em{font-style:normal;color:var(--acc)}
.ebf-etusivu .fc .crl{margin-top:auto;padding-top:14px}
.ebf-etusivu .fn{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.ebf-etusivu .fb{width:36px;height:36px;border-radius:50%;border:0;background:rgba(127,127,127,.14);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer}
.ebf-etusivu .fb svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .fd{display:flex;gap:6px;align-items:center}
.ebf-etusivu .fd button{position:relative;display:block;width:7px;height:7px;padding:0;border:0;border-radius:4px;background:var(--line);transition:width .35s,background .35s;cursor:pointer}
.ebf-etusivu .fd button::before{content:"";position:absolute;inset:-9px -3px}
.ebf-etusivu .fd button.on{width:22px;background:var(--acc)}
.ebf-etusivu .fd button:focus-visible,.ebf-etusivu .fk:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.ebf-etusivu .fee .rf{margin-top:14px}
@media(min-width:760px){.ebf-etusivu .fc{flex-basis:44%}}
.ebf-etusivu .fc{min-height:0;padding:16px 16px 18px}
.ebf-etusivu .fc .ft{justify-content:flex-end;margin:0 0 8px}
.ebf-etusivu .fv{position:relative;height:118px;border-radius:16px;margin-bottom:16px;background:rgba(127,127,127,.07);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center}
.ebf-etusivu .fc:not(.act) .fv *{animation-play-state:paused!important}
.ebf-etusivu .fc:not(.act) .lg2 span{animation:none}
.ebf-etusivu .fc.act .fv *{animation-play-state:running}
.ebf-etusivu .fc .fv *{animation-play-state:paused}
.ebf-etusivu .fx1{flex-direction:column;gap:7px;align-items:stretch;padding:10px 14px}
.ebf-etusivu .lg2{display:flex;gap:5px;justify-content:center}
.ebf-etusivu .lg2 span{font-size:10.5px;font-weight:700;padding:3px 7px;border-radius:6px;background:rgba(127,127,127,.14);color:var(--text);animation:lgp 4s infinite}
.ebf-etusivu .lg2 span:nth-child(1){animation-delay:0s}
.ebf-etusivu .lg2 span:nth-child(2){animation-delay:.8s}
.ebf-etusivu .lg2 span:nth-child(3){animation-delay:1.6s}
.ebf-etusivu .lg2 span:nth-child(4){animation-delay:2.4s}
.ebf-etusivu .lg2 span:nth-child(5){animation-delay:3.2s}
@keyframes lgp{0%,20%{background:var(--acc);color:#fff}25%,100%{background:rgba(127,127,127,.14);color:var(--text)}}
.ebf-etusivu .fx1 .b1,.ebf-etusivu .fx1 .b2{max-width:75%;padding:7px 11px;border-radius:14px;font-size:12.5px;line-height:1.25}
.ebf-etusivu .fx1 .b1{background:rgba(127,127,127,.16);border-bottom-left-radius:4px;animation:up .45s .3s both}
.ebf-etusivu .fx1 .b2{align-self:flex-end;background:var(--acc);color:#fff;border-bottom-right-radius:4px;animation:up .45s 1.2s both}
.ebf-etusivu .fx2{flex-direction:column;gap:7px;padding:0 12px;align-items:stretch}
.ebf-etusivu .nt2{display:flex;gap:9px;align-items:center;padding:7px 10px;border-radius:13px;background:rgba(40,46,60,.85);color:#c9d1de;font-size:11px;line-height:1.25;animation:drop .6s cubic-bezier(.2,.9,.25,1.1) .2s both}
.ebf-etusivu .nt2 b{display:block;color:#fff;font-size:12.5px}
.ebf-etusivu .n2b{animation-delay:1s}
.ebf-etusivu .ni2{width:28px;height:28px;flex:none;border-radius:8px;background:linear-gradient(135deg,#0a84ff,#5ac8fa);display:flex;align-items:center;justify-content:center}
.ebf-etusivu .ni2 svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .ni2.pl2{background:linear-gradient(135deg,#30d158,#0fb5ae)}
.ebf-etusivu .ni2.pl2 svg{fill:#fff;stroke:none}
.ebf-etusivu .rl{display:flex;align-items:center;width:100%;padding:0 14px}
.ebf-etusivu .nd3{flex:none;width:44px;height:44px;border-radius:14px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--line);display:flex;align-items:center;justify-content:center;position:relative}
.ebf-etusivu .nd3 svg{width:22px;height:22px;stroke:var(--text);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .nd3.mid{background:linear-gradient(135deg,#0a84ff,#5ac8fa);box-shadow:0 6px 18px rgba(10,157,255,.4)}
.ebf-etusivu .nd3.mid b{color:#fff;font-size:14px;letter-spacing:-.02em}
.ebf-etusivu .nd3 em{position:absolute;top:50px;font-style:normal;font-size:10.5px;color:var(--muted);white-space:nowrap}
.ebf-etusivu .ln3{flex:1;height:3px;margin:0 6px;border-radius:2px;background:var(--line);position:relative;overflow:hidden}
.ebf-etusivu .ln3 i{position:absolute;inset:0;background:linear-gradient(90deg,#0a84ff,#5ac8fa);transform:scaleX(0);transform-origin:left;animation:ln3 3s .3s infinite}
.ebf-etusivu .ln3.l2 i{animation-delay:1.3s}
@keyframes ln3{0%{transform:scaleX(0);transform-origin:left}35%{transform:scaleX(1);transform-origin:left}36%{transform-origin:right}70%,100%{transform:scaleX(0);transform-origin:right}}
.ebf-etusivu .fx4{gap:16px}
.ebf-etusivu .sh4{width:62px;height:62px;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .sh4 .s1p{stroke:var(--acc);stroke-width:2.6;stroke-dasharray:120;stroke-dashoffset:120;animation:dr4 1s .2s ease forwards}
.ebf-etusivu .sh4 .s2p{stroke:#30d158;stroke-width:3.4;stroke-dasharray:30;stroke-dashoffset:30;animation:dr4 .5s 1.1s ease forwards}
@keyframes dr4{to{stroke-dashoffset:0}}
.ebf-etusivu .tg4{display:flex;flex-direction:column;gap:5px}
.ebf-etusivu .tg4 span{font-size:12px;font-weight:600;padding:4px 10px;border-radius:8px;background:rgba(48,209,88,.12);color:var(--gr,#30d158);animation:up .4s both}
.ebf-etusivu .tg4 span:nth-child(1){animation-delay:1.3s}
.ebf-etusivu .tg4 span:nth-child(2){animation-delay:1.5s}
.ebf-etusivu .tg4 span:nth-child(3){animation-delay:1.7s}
.ebf-etusivu .vf{position:relative;width:78%;height:88px;border-radius:12px;background:linear-gradient(135deg,#0b2240,#071222);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;animation:rise .5s both}
.ebf-etusivu .pb5{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:press 2s .6s infinite}
.ebf-etusivu .pb5 svg{width:18px;height:18px;fill:#fff;margin-left:2px}
.ebf-etusivu .bar5{position:absolute;left:10px;right:10px;bottom:9px;height:3px;border-radius:2px;background:rgba(255,255,255,.18);overflow:hidden}
.ebf-etusivu .bar5 i{display:block;height:100%;width:0;background:#fff;animation:pbf 3.2s .6s linear infinite}
.ebf-etusivu .ch5{position:absolute;top:8px;left:10px;display:flex;gap:4px}
.ebf-etusivu .ch5 span{font-size:9.5px;font-weight:600;color:#fff;padding:2px 6px;border-radius:5px;background:rgba(255,255,255,.14)}
.ebf-etusivu .fx6{gap:16px}
.ebf-etusivu .bt6{position:relative;width:96px;height:46px;border-radius:11px;box-shadow:inset 0 0 0 2.5px var(--text);padding:5px}
.ebf-etusivu .tip6{position:absolute;right:-8px;top:15px;width:5px;height:16px;border-radius:0 3px 3px 0;background:var(--text)}
.ebf-etusivu .bf6{height:100%;border-radius:6px;overflow:hidden}
.ebf-etusivu .bf6 i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#30d158,#a3f26b);animation:bf6 2.4s .3s cubic-bezier(.4,0,.2,1) forwards}
@keyframes bf6{to{width:100%}}
.ebf-etusivu .pr6{font-size:12px;color:var(--muted);animation:pop .5s 1.9s both}
.ebf-etusivu .pr6 b{display:block;font-size:24px;color:var(--acc);letter-spacing:-.03em}
.ebf-etusivu .fx7{align-items:flex-end;gap:22px;padding-bottom:12px}
.ebf-etusivu .col7{height:92px;display:flex;align-items:flex-end}
.ebf-etusivu .br7{width:56px;border-radius:9px 9px 4px 4px;position:relative;transform-origin:bottom;animation:gr7 .9s cubic-bezier(.2,.8,.2,1) both}
.ebf-etusivu .br7.g{height:90px;background:rgba(127,127,127,.35);animation-delay:.2s}
.ebf-etusivu .br7.b{height:22px;background:linear-gradient(180deg,#5ac8fa,#0a84ff);animation-delay:.7s}
.ebf-etusivu .br7 span{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 4px);font-size:10.5px;font-weight:600;color:var(--muted);white-space:nowrap}
.ebf-etusivu .br7.g span{bottom:auto;top:8px;color:var(--text)}
@keyframes gr7{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.ebf-etusivu .lbl7{position:absolute;right:14px;top:12px;font-size:15px;font-weight:800;color:var(--gr,#30d158);letter-spacing:-.02em;animation:pop .5s 1.5s both}
.ebf-etusivu .rd8{position:absolute;left:14px;right:14px;bottom:30px;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 12px,transparent 12px 22px)}
.ebf-etusivu .tk8,.ebf-etusivu .hs8{position:absolute;bottom:34px}
.ebf-etusivu .tk8 svg,.ebf-etusivu .hs8 svg{width:44px;height:44px;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .tk8 svg{stroke:var(--acc)}
.ebf-etusivu .hs8{right:14px}
.ebf-etusivu .hs8 svg{stroke:var(--text)}
.ebf-etusivu .tk8{left:14px;animation:tk8 2.6s .3s cubic-bezier(.45,0,.2,1) forwards}
@keyframes tk8{to{left:calc(100% - 112px)}}
.ebf-etusivu .fr8{position:absolute;left:16px;top:12px;font-size:20px;font-weight:800;color:var(--gr,#30d158);letter-spacing:-.02em;animation:pop .5s 2.6s both}
.ebf-etusivu .fx9{gap:16px}
.ebf-etusivu .ph9{width:48px;height:48px;border-radius:50%;background:#30d158;display:flex;align-items:center;justify-content:center;animation:rg9 1.2s .2s 2 both}
.ebf-etusivu .ph9 svg{width:24px;height:24px;stroke:#04210d;fill:none;stroke-width:1.8;stroke-linejoin:round}
@keyframes rg9{0%,100%{transform:rotate(0)}10%,30%,50%{transform:rotate(-14deg)}20%,40%,60%{transform:rotate(14deg)}70%{transform:rotate(0)}}
.ebf-etusivu .sl9{display:flex;flex-direction:column;gap:5px}
.ebf-etusivu .sl9 span{font-size:12px;font-weight:600;padding:5px 11px;border-radius:9px;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);animation:up .4s both}
.ebf-etusivu .sl9 span:nth-child(1){animation-delay:.6s}
.ebf-etusivu .sl9 span:nth-child(2){animation-delay:.75s}
.ebf-etusivu .sl9 span:nth-child(3){animation-delay:.9s}
.ebf-etusivu .sl9 .pk{animation:up .4s .75s both,pk9 .4s 2s forwards}
@keyframes pk9{to{background:var(--acc);color:#fff;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.ebf-etusivu .fv *{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important}}
.ebf-etusivu #how,.ebf-etusivu #tehtaat,.ebf-etusivu #palvelumaksu,.ebf-etusivu .fr2{scroll-margin-top:104px}
.ebf-etusivu .hero .cta{padding-top:34px}
.ebf-etusivu .hero .btn.p{padding:15px 24px;font-size:17px;font-weight:600;box-shadow:0 10px 30px rgba(10,157,255,.45)}
.ebf-etusivu .hero .btn.p svg{width:15px;height:15px}
.ebf-etusivu .dur{margin-left:4px;font-size:12px;font-weight:600;padding:3px 7px;border-radius:980px;background:rgba(255,255,255,.22)}
.ebf-etusivu .skip{display:block;margin-top:14px;font-size:14.5px;color:#d7deea;text-decoration:none;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.ebf-etusivu .kl2{display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:7px 12px 7px 7px;border-radius:980px;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13.5px;color:#e8ecf4}
.ebf-etusivu .kl2 b{color:#fff}
.ebf-etusivu .kk2{background:#ffb3c7;color:#000;font-weight:800;font-size:12px;padding:4px 8px;border-radius:980px;letter-spacing:-.02em}
.ebf-etusivu .rail{margin:6px 0 0}
.ebf-etusivu .rh{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px;margin-bottom:10px}
.ebf-etusivu .rh b{font-size:19px;letter-spacing:-.02em}
.ebf-etusivu .rh a{font-size:13.5px;font-weight:600;color:var(--acc);text-decoration:none}
.ebf-etusivu .rk{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -14px;padding:0 14px 4px;scrollbar-width:none}
.ebf-etusivu .rk::-webkit-scrollbar{display:none}
.ebf-etusivu .rc{flex:0 0 150px;scroll-snap-align:start;display:flex;flex-direction:column;border-radius:18px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;text-decoration:none;color:var(--text)}
.ebf-etusivu .ri{width:100%;height:104px;object-fit:cover;display:block}
.ebf-etusivu .ri.bt,.ebf-etusivu .fi2.bt{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b2a52,#0a84ff)}
.ebf-etusivu .ri.bt svg{width:44px;height:44px;stroke:#fff;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .rn{padding:10px 11px 0;font-size:13px;font-weight:600;letter-spacing:-.01em;line-height:1.2;hyphens:auto}
.ebf-etusivu .rp{padding:3px 11px 11px;font-size:11.5px;color:var(--muted)}
.ebf-etusivu .rp b{color:var(--acc);font-size:15px}
.ebf-etusivu .go{margin:12px 0 0;border-radius:28px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--line);padding:30px 14px 14px}
.ebf-etusivu .go h2{margin:0 0 22px;text-align:center;font-size:clamp(28px,7.5vw,40px);letter-spacing:-.035em;font-weight:700}
@media(min-width:760px){.ebf-etusivu .go h2{margin-bottom:32px}}
.ebf-etusivu .fl2{display:grid;gap:8px}
.ebf-etusivu .fr2{min-width:0;display:flex;align-items:center;gap:10px;padding:9px 10px 9px 9px;border-radius:18px;background:rgba(127,127,127,.07);text-decoration:none;color:var(--text);transition:background .2s,transform .2s}
.ebf-etusivu .fr2:active{transform:scale(.98)}
.ebf-etusivu .fi2{flex:none;width:56px;height:48px;border-radius:12px;object-fit:cover}
.ebf-etusivu .fi2.bt svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .ft2{flex:1;min-width:0;overflow-wrap:anywhere}
.ebf-etusivu .ft2 b{display:block;font-size:15px;letter-spacing:-.015em;line-height:1.2}
.ebf-etusivu .ft2 small{display:block;margin-top:3px;font-size:12px;color:var(--muted);line-height:1.3}
.ebf-etusivu .fp2{text-align:right;font-size:11px;color:var(--muted);white-space:nowrap}
.ebf-etusivu .fp2 b{display:block;font-size:16px;color:var(--acc);letter-spacing:-.02em}
.ebf-etusivu .ch2{flex:none;width:16px;height:16px;stroke:var(--muted);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:760px){.ebf-etusivu .rk{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0}
.ebf-etusivu .rc{flex:auto}
.ebf-etusivu .ri{height:130px}}
@media (prefers-color-scheme:light){.ebf-etusivu:not([data-theme="dark"]) .skip{color:var(--acc);text-shadow:none}
.ebf-etusivu:not([data-theme="dark"]) .kl2{background:var(--tile);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.ebf-etusivu:not([data-theme="dark"]) .kl2 b{color:var(--text)}}
.ebf-etusivu .heb{font-size:14px;font-weight:600;color:#d7deea;letter-spacing:.01em;margin-bottom:10px;text-shadow:0 1px 12px rgba(0,0,0,.7)}
.ebf-etusivu .midx{margin:12px 0 0;border-radius:28px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--line);padding:30px 18px 20px;text-align:center;scroll-margin-top:104px}
.ebf-etusivu .midx .eb{color:var(--acc);font-size:14px;font-weight:600;margin-bottom:8px}
.ebf-etusivu .midx h2{font-size:clamp(25px,6.8vw,38px);letter-spacing:-.035em;line-height:1.1;font-weight:700}
.ebf-etusivu .midx h2 span{background:linear-gradient(90deg,#ff9f0a,#ff375f);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.ebf-etusivu .midx .sub{margin:12px auto 0;max-width:460px;color:var(--muted);font-size:15.5px;line-height:1.42}
.ebf-etusivu .cmp{margin:24px 0 0;text-align:left}
.ebf-etusivu .cr{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ebf-etusivu .cl3{flex:none;width:66px;font-size:13px;font-weight:600;color:var(--muted)}
.ebf-etusivu .sb{position:relative;flex:1;height:30px;border-radius:9px;background:rgba(127,127,127,.08);display:flex;overflow:visible}
.ebf-etusivu .pz{display:block;height:100%;transform:scaleX(0);transform-origin:left;transition:opacity .5s,filter .5s}
.ebf-etusivu .sb .pz:first-child{border-radius:9px 0 0 9px}
.ebf-etusivu .sb .pz:last-of-type{border-radius:0 9px 9px 0}
.ebf-etusivu .pzf{background:linear-gradient(180deg,#5ac8fa,#0a84ff);width:36%}
.ebf-etusivu .pz1{background:#ff9f0a;width:15%}
.ebf-etusivu .pz2{background:#ff7a3d;width:12%}
.ebf-etusivu .pz3{background:#ff375f;width:20%}
.ebf-etusivu .pz4{background:#bf5af2;width:17%}
.ebf-etusivu .pzg{background:#30d158;width:3%}
.ebf-etusivu .sb2 .pzf{border-radius:9px 0 0 9px}
.ebf-etusivu .sv{position:absolute;left:41%;right:0;top:0;bottom:0;border-radius:9px;border:1.5px dashed rgba(48,209,88,.6);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12.5px;font-weight:700;color:var(--gr,#30d158);opacity:0}
.ebf-etusivu .cmp.play .cr:first-child .pz{animation:gx .45s cubic-bezier(.2,.8,.2,1) forwards}
.ebf-etusivu .cmp.play .cr:first-child .pzf{animation-delay:.1s}
.ebf-etusivu .cmp.play .pz1{animation-delay:.45s}
.ebf-etusivu .cmp.play .pz2{animation-delay:.75s}
.ebf-etusivu .cmp.play .pz3{animation-delay:1.05s}
.ebf-etusivu .cmp.play .pz4{animation-delay:1.35s}
@keyframes gx{to{transform:scaleX(1)}}
.ebf-etusivu .cmp.play .cr:first-child .pzx{animation:gx .45s cubic-bezier(.2,.8,.2,1) forwards,dim .6s 2.3s forwards}
.ebf-etusivu .cmp.play .cr:first-child .pz1{animation-delay:.45s,2.3s}
.ebf-etusivu .cmp.play .cr:first-child .pz2{animation-delay:.75s,2.4s}
.ebf-etusivu .cmp.play .cr:first-child .pz3{animation-delay:1.05s,2.5s}
.ebf-etusivu .cmp.play .cr:first-child .pz4{animation-delay:1.35s,2.6s}
@keyframes dim{to{opacity:.22;filter:grayscale(1)}}
.ebf-etusivu .cmp.play .sb2 .pz{animation:gx .5s cubic-bezier(.2,.8,.2,1) forwards}
.ebf-etusivu .cmp.play .sb2 .pzf{animation-delay:2.9s}
.ebf-etusivu .cmp.play .sb2 .pzg{animation-delay:3.3s}
.ebf-etusivu .cmp.play .sv{animation:fi .5s 3.7s forwards}
.ebf-etusivu .lgd{display:flex;flex-wrap:wrap;gap:6px 12px;margin:14px 0 0 76px;font-size:11.5px;color:var(--muted)}
.ebf-etusivu .lgd span{display:inline-flex;align-items:center;gap:5px}
.ebf-etusivu .lgd .pzd{width:9px;height:9px;border-radius:3px;display:inline-block;transform:none}
.ebf-etusivu .lgd .pzd.pzf{width:9px}
.ebf-etusivu .lgd .pzd.pzg{width:9px}
.ebf-etusivu .ex{display:block;margin:10px 0 0 76px;font-size:11px;color:var(--muted)}
.ebf-etusivu .tst{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;padding:14px 0;border-radius:18px;background:rgba(127,127,127,.07)}
.ebf-etusivu .tst div{display:flex;flex-direction:column;gap:3px;padding:0 4px}
.ebf-etusivu .tst div+div{border-left:1px solid var(--line)}
.ebf-etusivu .tst b{font-size:20px;letter-spacing:-.02em;line-height:1.1}
.ebf-etusivu .tst .st5{font-size:14px;color:#ffd60a;letter-spacing:1px;line-height:1.55}
.ebf-etusivu .tst b i{font-style:normal;color:#ffd60a}
.ebf-etusivu .tst .ebf-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ebf-etusivu .tst span{font-size:11.5px;color:var(--muted)}
.ebf-etusivu .ebf-arv-huom{margin:10px 0 0;font-size:12px;line-height:1.45;text-align:center;color:var(--muted)}
.ebf-etusivu .tag{margin-top:16px;font-size:15px}
.ebf-etusivu .tag b{background:linear-gradient(90deg,#0a84ff,#5ac8fa);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(prefers-reduced-motion:reduce){.ebf-etusivu .cmp .pz{transform:none!important;animation:none!important}
.ebf-etusivu .cmp .pzx{opacity:.22}
.ebf-etusivu .cmp .sv{opacity:1}}
.ebf-etusivu .qt{margin:20px auto 0;padding:16px 14px;border-radius:18px;background:rgba(127,127,127,.07);font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.25;max-width:420px}
.ebf-etusivu .qt span{display:block;font-size:21px;background:linear-gradient(90deg,#ff9f0a,#ff375f);-webkit-background-clip:text;background-clip:text;color:transparent}
.ebf-etusivu .cmp .pzf{width:15%}
.ebf-etusivu .cmp .pz1{width:20%}
.ebf-etusivu .cmp .pz2{width:17%}
.ebf-etusivu .cmp .pz3{width:26%}
.ebf-etusivu .cmp .pz4{width:22%}
.ebf-etusivu .cmp .pzg{width:2%}
.ebf-etusivu .lgd .pzd{width:9px!important}
.ebf-etusivu .sv{left:19%;font-size:12px}
/* Summa paljastuu pyyhkäisynä (clip-path), ei läpinäkyvyydellä: teksti on aina täysvärinen, joten kontrasti ei putoa animaation aikana (axe 27.10.2026) */
.ebf-etusivu .am{flex:none;width:62px;clip-path:inset(0 100% 0 0);text-align:right;font-size:14px;letter-spacing:-.02em;color:var(--text)}
.ebf-etusivu .am.g{color:var(--gr,#30d158)}
.ebf-etusivu .cmp.play .cr:first-child .am{animation:ebf-am .4s 1.8s forwards}
.ebf-etusivu .cmp.play .am.g{animation:ebf-am .4s 3.5s forwards}
@keyframes ebf-am{to{clip-path:inset(0)}}
.ebf-etusivu .lgd,.ebf-etusivu .ex{margin-left:76px;margin-right:72px}
@media(prefers-reduced-motion:reduce){.ebf-etusivu .am{clip-path:none}}
.ebf-etusivu .cmp .pz1{background:#8e8e93}
.ebf-etusivu .cmp .pz2{background:#7a7a80}
.ebf-etusivu .cmp .pz3{background:#68686e}
.ebf-etusivu .cmp .pz4{background:#56565c}
.ebf-etusivu .lgd .pz2{background:#7a7a80}
.ebf-etusivu .hero .cta{margin-top:auto}
.ebf-etusivu .s1n .im{background:#0b1424}
.ebf-etusivu .ftr{text-align:left;padding:28px 18px 44px;max-width:980px;margin:auto}
.ebf-etusivu .ftr nav{position:static;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:auto;display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:16px}
.ebf-etusivu .ftr a{color:var(--muted);text-decoration:none;font-size:13px}
.ebf-etusivu .ftr p{font-size:12px;color:var(--muted);opacity:.8}
.ebf-etusivu .ri.cut,.ebf-etusivu .fi2.cut,.ebf-etusivu .s1n .im img.cut{object-fit:contain;background:#fff}
.ebf-etusivu .s1n .im img.cut{padding:6px}
.ebf-etusivu .logo{display:flex;align-items:center;text-decoration:none}
.ebf-etusivu .logo img{height:23px;width:auto;display:block}
.ebf-etusivu .flg{margin-bottom:12px}
.ebf-etusivu .flg img{height:34px;width:auto;display:block}
.ebf-etusivu .lgl2{display:none!important}
@media (prefers-color-scheme:light){.ebf-etusivu:not([data-theme="dark"]) .lgd2{display:none!important}
.ebf-etusivu:not([data-theme="dark"]) .lgl2{display:block!important}}
.ebf-etusivu[data-theme="light"] .lgd2{display:none!important}
.ebf-etusivu[data-theme="light"] .lgl2{display:block!important}
.ebf-etusivu @media(max-width:759px){.hero .bg img{object-position:50% 50%;transform:translateY(-12%);-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 99%);mask-image:linear-gradient(180deg,#000 78%,transparent 99%)}}
@media(min-width:760px){.ebf-etusivu .hero .bg img{object-position:50% 58%}}
.ebf-etusivu .hero .btn.p{white-space:nowrap;padding:15px 20px;font-size:16.5px}
@media(max-width:370px){.ebf-etusivu .hero .btn.p{font-size:15.5px;padding:14px 16px}
.ebf-etusivu .hero .btn.p .dur{display:none}}
.ebf-etusivu .brs{margin:22px 0 4px;text-align:center}
.ebf-etusivu .brs p{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.ebf-etusivu .bm{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.ebf-etusivu .bt2{display:flex;width:max-content;animation:brm 26s linear infinite}
.ebf-etusivu .bt2 span{flex:none;padding:0 20px;font-size:16px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text);opacity:.55;white-space:nowrap}
.ebf-etusivu .bt2 span:nth-child(3n+2){font-weight:700;letter-spacing:.12em}
.ebf-etusivu .bt2 span:nth-child(3n){font-style:italic;letter-spacing:.02em}
.ebf-etusivu .bm:hover .bt2{animation-play-state:paused}
@keyframes brm{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ebf-etusivu .bt2{animation:none;flex-wrap:wrap;justify-content:center;width:auto}
.ebf-etusivu .bt2 span[aria-hidden]{display:none}}
.ebf-etusivu .chw{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.ebf-etusivu .chw .kl2{margin-top:0}
.ebf-etusivu .kl2.eu{padding-left:6px}
.ebf-etusivu .euf{width:22px;height:22px;flex:none;display:block}
.ebf-etusivu .midx .sub b{color:var(--text);font-weight:600}
.ebf-etusivu .kl2.sh{padding-left:9px}
.ebf-etusivu .shg{width:18px;height:18px;flex:none;fill:none;stroke:#5ac8fa;stroke-width:1.8;stroke-linejoin:round}
.ebf-etusivu .brs p b{color:var(--text)}
.ebf-etusivu .shc{display:flex;gap:13px;align-items:center;text-align:left;margin:14px auto 0;max-width:420px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(10,132,255,.16),rgba(90,200,250,.06));box-shadow:inset 0 0 0 1px rgba(10,157,255,.3)}
.ebf-etusivu .shi{flex:none;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#0a84ff,#5ac8fa);display:flex;align-items:center;justify-content:center}
.ebf-etusivu .shi .shg{width:24px;height:24px;stroke:#fff}
.ebf-etusivu .shc b{display:block;font-size:15.5px;letter-spacing:-.015em}
.ebf-etusivu .shc span{display:block;font-size:14px;color:var(--muted);margin-top:2px;line-height:1.35}
.ebf-etusivu .shc em{font-style:normal;font-weight:700;color:var(--acc)}
.ebf-etusivu .trow{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin-top:16px;padding:8px 12px;border-radius:16px;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;color:#e8ecf4}
.ebf-etusivu .ti{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.ebf-etusivu .ti b{color:#fff;font-weight:600}
.ebf-etusivu .ti .euf{width:18px;height:18px}
.ebf-etusivu .ti .shg{width:17px;height:17px}
.ebf-etusivu .s2 .rw img{object-fit:contain;background:#fff}
@media(max-width:759px){.ebf-etusivu .hero{min-height:640px}}
@media (prefers-color-scheme:light){.ebf-etusivu:not([data-theme="dark"]) .trow{background:var(--tile);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.ebf-etusivu:not([data-theme="dark"]) .ti b{color:var(--text)}
/* auditointi 21.10.: vaalean teeman poikkeus poistettu, hero on aina kuvan päällä */}
.ebf-etusivu .hero{padding:34px 12px 26px}
.ebf-etusivu .hero .heb{margin-bottom:6px}
.ebf-etusivu .hero .cta{margin-top:20px!important;padding-top:0!important}
.ebf-etusivu .hero .skip{margin-top:auto;padding-top:18px}
.ebf-etusivu .hero .bg::after{background:linear-gradient(180deg,rgba(0,0,0,.6) 0,rgba(0,0,0,.25) 24%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 74%,rgba(0,0,0,.75) 90%,#000 100%)}
@media(max-width:759px){.ebf-etusivu .hero{min-height:640px}
.ebf-etusivu .hero .bg img{transform:none;object-position:50% 0}}
@media(min-width:760px){.ebf-etusivu .hero{min-height:880px;padding-top:56px}
.ebf-etusivu .hero .bg img{object-position:50% 58%}}
@media(max-width:370px){.ebf-etusivu .hero{min-height:600px}}
.ebf-etusivu .kla{margin:14px 0 6px;padding:24px 18px 18px;border-radius:28px;text-align:center;background:radial-gradient(90% 80% at 50% 0%,rgba(255,179,199,.16),transparent 70%),var(--tile);box-shadow:inset 0 0 0 1px rgba(255,179,199,.28)}
.ebf-etusivu .klh{display:flex;align-items:center;justify-content:center;gap:12px}
.ebf-etusivu .kbig{background:#ffb3c7;color:#000;font-weight:800;font-size:30px;letter-spacing:-.04em;padding:8px 16px;border-radius:14px;line-height:1}
.ebf-etusivu .kfrom{font-size:15px;color:var(--muted)}
.ebf-etusivu .kfrom b{display:block;font-size:24px;color:var(--text);letter-spacing:-.02em}
.ebf-etusivu .kla h2{margin-top:16px;font-size:clamp(23px,6.4vw,32px);letter-spacing:-.03em;line-height:1.15;font-weight:700}
.ebf-etusivu .kla h2 span{color:#ffb3c7}
.ebf-etusivu .seg{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:18px auto 0;max-width:340px;padding:4px;border-radius:12px;background:rgba(127,127,127,.14)}
.ebf-etusivu .seg i{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/4);border-radius:9px;background:rgba(255,179,199,.28);box-shadow:inset 0 0 0 1.5px #ffb3c7;animation:segm 8s cubic-bezier(.6,0,.2,1) infinite}
@keyframes segm{0%,20%{transform:translateX(0)}25%,45%{transform:translateX(100%)}50%,70%{transform:translateX(200%)}75%,95%{transform:translateX(300%)}100%{transform:translateX(0)}}
.ebf-etusivu .seg button{position:relative;z-index:1;padding:8px 0;font:inherit;font-size:13.5px;font-weight:600;color:var(--text);background:none;border:0;cursor:pointer}
.ebf-etusivu .kla h2 span{white-space:nowrap}
.ebf-etusivu .kla h2{text-wrap:balance}
.ebf-etusivu .seg.man i{animation:none;transition:transform .35s cubic-bezier(.4,0,.2,1)}
.ebf-etusivu .kopts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.ebf-etusivu .kopts span{display:flex;flex-direction:column;gap:2px;padding:11px 6px;border-radius:14px;background:rgba(127,127,127,.08);font-size:12px;color:var(--muted)}
.ebf-etusivu .kopts b{font-size:15px;color:var(--text)}
.ebf-etusivu .kfine{margin-top:12px;font-size:11.5px;line-height:1.4;color:var(--muted);opacity:.85}
.ebf-etusivu .klt{margin-top:16px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.ebf-etusivu .klg{margin-top:10px;gap:6px}
@media(prefers-reduced-motion:reduce){.ebf-etusivu .seg i{animation:none}}
@media (prefers-color-scheme:light){.ebf-etusivu:not([data-theme="dark"]) .kla h2 span{color:#d6336c}
.ebf-etusivu:not([data-theme="dark"]) .seg i{background:rgba(214,51,108,.12);box-shadow:inset 0 0 0 1.5px #d6336c}}
.ebf-etusivu .hpr{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:440px}
.ebf-etusivu .hpr a{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;border-radius:14px;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);text-decoration:none;color:#fff}
.ebf-etusivu .hpr span{font-size:11.5px;color:#c9d1de;font-weight:500}
.ebf-etusivu .hpr b{font-size:18px;letter-spacing:-.02em}
.ebf-etusivu .hpr small{font-size:11px;font-weight:500;color:#c9d1de}
.ebf-etusivu .hero .trow{margin-top:10px;gap:6px 10px;font-size:12.5px}
@media(max-width:759px){.ebf-etusivu .hero{min-height:668px}}
@media(max-width:370px){.ebf-etusivu .hero{min-height:650px}
.ebf-etusivu .hpr b{font-size:16px}
.ebf-etusivu .hpr span{font-size:10.5px}}
@media(min-width:760px){.ebf-etusivu .hero{min-height:900px}}
@media (prefers-color-scheme:light){.ebf-etusivu:not([data-theme="dark"]) .hpr a{background:var(--tile);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.ebf-etusivu:not([data-theme="dark"]) .hpr span,.ebf-etusivu:not([data-theme="dark"]) .hpr small{color:var(--muted)}}
.ebf-etusivu .seg.man i{transition:transform .45s cubic-bezier(.3,.7,.2,1)}
.ebf-etusivu .seg button[aria-pressed="true"]{color:#fff}
.ebf-etusivu .kla{margin-top:6px}
.ebf-etusivu .midx h2{text-wrap:balance}
@media(max-width:759px){.ebf-etusivu .hero{min-height:calc(113vw + 140px)}
.ebf-etusivu .hero .bg img{transform:translateY(-15vw)}}
.ebf-etusivu .hpr{max-width:480px;gap:7px}
.ebf-etusivu .hpr a{padding:10px 4px 9px;border-radius:16px}
.ebf-etusivu .hpr span{font-size:13px;font-weight:600;color:#e3e8f0;hyphens:manual;text-align:center;line-height:1.15}
.ebf-etusivu .hpr b{font-size:21px;margin-top:2px}
.ebf-etusivu .hpr small{font-size:12px}
.ebf-etusivu .dlv{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 16px 10px 12px;border-radius:16px;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);text-align:left;color:#fff}
.ebf-etusivu .dlv .euf{width:34px;height:34px;flex:none}
.ebf-etusivu .dlv b{display:block;font-size:15.5px;letter-spacing:-.015em;line-height:1.2}
.ebf-etusivu .dlv span{display:block;font-size:13px;color:#c9d1de;margin-top:2px}
.ebf-etusivu .hpr{grid-template-columns:1fr 1fr 1.24fr}
.ebf-etusivu .hpr span{white-space:nowrap;letter-spacing:-.01em}
@media(max-width:759px){.ebf-etusivu .hero{min-height:calc(113vw + 166px)}}
@media(max-width:370px){.ebf-etusivu .hpr span{font-size:12px}
.ebf-etusivu .hpr b{font-size:18px}
.ebf-etusivu .dlv b{font-size:14.5px}
.ebf-etusivu .dlv span{font-size:12px}}
@media (prefers-color-scheme:light){.ebf-etusivu:not([data-theme="dark"]) .dlv{background:var(--tile);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.ebf-etusivu:not([data-theme="dark"]) .dlv span{color:var(--muted)}
.ebf-etusivu:not([data-theme="dark"]) .hpr span{color:var(--muted)}}
.ebf-etusivu .wa{position:fixed;left:14px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;gap:0;text-decoration:none;color:#fff;transform:translateX(-140%);opacity:0;pointer-events:none}
.ebf-etusivu .wa.in{animation:wain .7s cubic-bezier(.2,1.3,.4,1) forwards;pointer-events:auto}
@keyframes wain{0%{transform:translateX(-140%);opacity:0}100%{transform:none;opacity:1}}
.ebf-etusivu .wab{position:relative;flex:none;width:56px;height:56px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 3px rgba(37,211,102,.25)}
.ebf-etusivu .wa.in .wab{animation:wapulse 2.4s 1.2s ease-out 2}
@keyframes wapulse{0%{box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 0 rgba(37,211,102,.55)}100%{box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 16px rgba(37,211,102,0)}}
.ebf-etusivu .wab svg{width:30px;height:30px}
.ebf-etusivu .wan{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;border-radius:10px;background:#ff3b30;color:#fff;font-style:normal;font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #000;transform:scale(0)}
.ebf-etusivu .wa.in .wan{animation:pop .45s 1s cubic-bezier(.2,1.4,.4,1) forwards}
/* 1-merkki näkyy aina, myös kun Sofian ikkuna on avattu */
.ebf-etusivu .wat{display:flex;flex-direction:column;margin-left:10px;padding:9px 14px;border-radius:16px 16px 16px 6px;background:#1c212c;box-shadow:0 10px 28px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.12);font-size:12px;color:#c9d1de;line-height:1.3;white-space:nowrap;max-width:240px;overflow:hidden;transition:max-width .45s ease,opacity .35s ease,padding .45s ease,margin .45s ease}
.ebf-etusivu .wat b{font-size:14px;color:#fff}
.ebf-etusivu .wa.mini .wat{max-width:0;opacity:0;padding-left:0;padding-right:0;margin-left:0}
@media(hover:hover){.ebf-etusivu .wa.mini:hover .wat{max-width:240px;opacity:1;padding:9px 14px;margin-left:10px}}
@media(prefers-reduced-motion:reduce){.ebf-etusivu .wa.in,.ebf-etusivu .wa.in .wab,.ebf-etusivu .wa.in .wan{animation:none;transform:none;opacity:1}}
@media (prefers-color-scheme:light){.ebf-etusivu:not([data-theme="dark"]) .wan{box-shadow:0 0 0 2px #fff}}
.ebf-etusivu .rc{flex-basis:178px}
.ebf-etusivu .rn{font-size:14px;padding:12px 12px 0}
.ebf-etusivu .rp{padding:6px 12px 0;font-size:12px}
.ebf-etusivu .rlb{display:block;font-size:12px;color:var(--muted);margin-bottom:1px}
.ebf-etusivu .rp b{font-size:19px;letter-spacing:-.02em}
.ebf-etusivu .rf{display:flex;gap:8px;align-items:flex-start;margin:10px 12px 12px;padding-top:10px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.3}
.ebf-etusivu .rf svg{flex:none;width:18px;height:18px;margin-top:1px;fill:none;stroke:#30d158;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .rf .nw{font-style:normal;white-space:nowrap}
.ebf-etusivu .rf b{display:block;font-size:12px;color:var(--gr,#30d158);font-weight:600}
.ebf-etusivu .rc{justify-content:flex-start}
.ebf-etusivu .rc .rf{margin-top:auto}
.ebf-etusivu .eum{width:16px!important;height:16px!important;flex:none;border-radius:4px}
.ebf-etusivu .dl2{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);line-height:1.25}
.ebf-etusivu .dl2 b{color:var(--gr,#30d158);font-weight:600}
.ebf-etusivu .fr2{flex-wrap:wrap;row-gap:0}
.ebf-etusivu .fr2 .dl2{flex:0 0 100%;margin-top:9px;padding:9px 0 2px;border-top:1px solid var(--line)}
.ebf-etusivu .rf svg.eum{margin-top:1px;stroke:none!important}
.ebf-etusivu .s1n .crd{flex-wrap:wrap}
.ebf-etusivu .s1n .crd .dl2{flex:0 0 100%;margin-top:2px;padding:8px 2px 0;border-top:1px solid var(--line);font-size:11px}
.ebf-etusivu .s1n .crd .dl2 .eum{width:14px!important;height:14px!important}
.ebf-etusivu .s1n{padding-bottom:12px}
.ebf-etusivu .s1n .im{width:108px;height:108px}
@media (prefers-color-scheme:light){.ebf-etusivu:not([data-theme="dark"]) .dl2 b,.ebf-etusivu:not([data-theme="dark"]) .rf b{color:#1e7a34}}
.ebf-etusivu button.wa{background:none;border:0;padding:0;font:inherit;text-align:left;cursor:pointer}
.ebf-etusivu .wa.hid{visibility:hidden}
.ebf-etusivu .was{position:fixed;inset:0;z-index:60}
.ebf-etusivu .wbk{position:absolute;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}
.ebf-etusivu .wsh{position:absolute;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));max-width:380px;padding:18px 16px 16px;border-radius:24px;background:var(--tile);color:var(--text);box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 0 0 1px var(--line);transform:translateY(24px) scale(.96);transform-origin:bottom left;opacity:0;transition:transform .32s cubic-bezier(.2,1,.3,1),opacity .2s}
.ebf-etusivu .was.on .wbk{opacity:1}
.ebf-etusivu .was.on .wsh{transform:none;opacity:1}
.ebf-etusivu .wsx{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;border:0;background:rgba(127,127,127,.16);color:var(--text);font-size:20px;line-height:1;cursor:pointer}
.ebf-etusivu .wsh1{display:flex;align-items:center;gap:12px;padding-right:36px}
.ebf-etusivu .wav{flex:none;width:46px;height:46px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center}
.ebf-etusivu .wav svg{width:26px;height:26px}
.ebf-etusivu .wsh1 b{display:block;font-size:18px;letter-spacing:-.02em}
.ebf-etusivu .wsh1 span{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);margin-top:1px}
.ebf-etusivu .wdot{width:8px;height:8px;border-radius:50%;background:#30d158;box-shadow:0 0 8px #30d158}
.ebf-etusivu .wlead{margin:12px 0 14px;font-size:14.5px;line-height:1.4;color:var(--muted)}
.ebf-etusivu .wbtn{display:flex;align-items:center;justify-content:center;gap:10px;height:50px;border-radius:14px;background:#25d366;color:#04210d;font-weight:700;font-size:16px;text-decoration:none}
.ebf-etusivu .wbtn svg{width:22px;height:22px}
.ebf-etusivu .wbtn svg path{fill:#04210d}
.ebf-etusivu .wsep{display:flex;align-items:center;gap:10px;margin:18px 0 4px;font-size:13px;font-weight:600;color:var(--text)}
.ebf-etusivu .wsep::before,.ebf-etusivu .wsep::after{content:"";flex:1;height:1px;background:var(--line)}
.ebf-etusivu .wsub{text-align:center;font-size:13px;color:var(--muted);margin-bottom:12px}
.ebf-etusivu .wsub b{color:var(--text)}
.ebf-etusivu .wopts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ebf-etusivu .wopts a{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:14px;background:rgba(127,127,127,.09);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--text)}
.ebf-etusivu .wopts svg{width:22px;height:22px;fill:none;stroke:var(--acc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.ebf-etusivu .wopts b{font-size:14px;letter-spacing:-.01em;hyphens:manual}
.ebf-etusivu .wopts span{font-size:12px;color:var(--muted)}
@media(min-width:760px){.ebf-etusivu .wsh{left:20px;right:auto;bottom:20px;width:360px}}
@media(prefers-reduced-motion:reduce){.ebf-etusivu .wsh,.ebf-etusivu .wbk{transition:none}}
.ebf-etusivu .whp{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.ebf-etusivu .wht2{display:block;font-size:16.5px;letter-spacing:-.02em}
.ebf-etusivu .whp p{margin-top:4px;font-size:13.5px;line-height:1.4;color:var(--muted)}
.ebf-etusivu .wl{margin-top:12px;border-radius:16px;background:rgba(127,127,127,.08);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.ebf-etusivu .wl a{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 12px;text-decoration:none;color:var(--text)}
.ebf-etusivu .wl a+a{border-top:1px solid var(--line)}
.ebf-etusivu .wli{flex:none;width:36px;height:36px;border-radius:10px;background:rgba(10,157,255,.14);display:flex;align-items:center;justify-content:center}
.ebf-etusivu .wli svg{width:19px;height:19px;fill:none;stroke:var(--acc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .wlt{flex:1;min-width:0;font-size:12.5px;line-height:1.35;color:var(--muted)}
.ebf-etusivu .wlt b{display:block;font-size:15px;color:var(--text);letter-spacing:-.01em;margin-bottom:1px}
.ebf-etusivu .wch{flex:none;width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .wft{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font-size:12.5px;font-weight:600;color:var(--muted)}
.ebf-etusivu .wht{width:14px;height:14px;fill:#ff375f}
.ebf-etusivu .wsh{overflow:visible}
.ebf-etusivu .wsimg{position:absolute;right:4px;top:-62px;width:46%;max-width:180px;height:auto;pointer-events:none;z-index:0;filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))}
.ebf-etusivu .wsh>*:not(.wsimg){position:relative;z-index:1}
.ebf-etusivu .wsh>.wsx{position:absolute;z-index:2;background:rgba(20,24,34,.7);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ebf-etusivu .wsh1{padding-right:46%}
.ebf-etusivu .wsh1 span{white-space:nowrap}
.ebf-etusivu .wlead{max-width:56%;min-height:96px}
.ebf-etusivu .wsh::before{content:"";position:absolute;inset:0;border-radius:24px;background:radial-gradient(60% 45% at 85% 12%,rgba(10,132,255,.28),transparent 70%);pointer-events:none}
@media(max-width:370px){.ebf-etusivu .wlead{font-size:13.5px}
.ebf-etusivu .wsimg{top:-50px}}
.ebf-etusivu .shc{flex-direction:column;text-align:center;gap:10px;padding:18px 16px 16px}
.ebf-etusivu .shl{height:34px;width:auto;display:block;border-radius:8px;box-shadow:0 6px 18px rgba(0,160,233,.35)}
.ebf-etusivu .shc b{font-size:17px}
.ebf-etusivu .nwr{font-style:normal;white-space:nowrap}
.ebf-etusivu .vfs{margin:0}
.ebf-etusivu .vfs+.kla{margin-top:24px}
@media(min-width:760px){.ebf-etusivu .vfs{margin-top:8px}
.ebf-etusivu .vfs+.kla{margin-top:32px}}
.ebf-etusivu .vfc{display:flex;align-items:center;gap:16px;width:100%;padding:12px 16px 12px 12px;border:0;border-radius:28px;text-align:left;cursor:pointer;color:var(--text);font:inherit;background:radial-gradient(110% 90% at 0% 0%,rgba(255,90,54,.2),transparent 62%),radial-gradient(90% 90% at 100% 100%,rgba(10,132,255,.14),transparent 60%),var(--tile);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);-webkit-tap-highlight-color:transparent;transition:transform .25s}
.ebf-etusivu .vfc:active{transform:scale(.985)}
.ebf-etusivu .vft{position:relative;flex:none;width:clamp(116px,33vw,190px);aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 12px 30px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.12)}
.ebf-etusivu .vft img,.ebf-etusivu .vft video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ebf-etusivu .vft .vfp{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:5px 10px 5px 8px;border-radius:999px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:12px;font-weight:600;white-space:nowrap}
.ebf-etusivu .vft .vfp svg{width:12px;height:12px;fill:#fff}
.ebf-etusivu .vfx{min-width:0}
.ebf-etusivu .vfx small{display:block;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:#ff9f6b}
.ebf-etusivu .vfx b{display:block;font-size:clamp(21px,6vw,34px);font-weight:700;letter-spacing:-.028em;line-height:1.08;margin:6px 0 8px}
.ebf-etusivu .vfx b span{background:linear-gradient(90deg,#ff9f0a,#ff375f);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.ebf-etusivu .vfx>span{display:block;font-size:14px;line-height:1.38;color:var(--muted)}
.ebf-etusivu .vfx em{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:10px 16px 10px 13px;border-radius:999px;background:var(--acc);color:#fff;font-style:normal;font-size:15px;font-weight:600;white-space:nowrap}
.ebf-etusivu .vfx em svg{width:14px;height:14px;fill:#fff}
@media(min-width:760px){.ebf-etusivu .vfc{gap:30px;padding:16px 34px 16px 16px}
.ebf-etusivu .vfx>span{font-size:17px}
.ebf-etusivu .vfx small{font-size:14px}}
@media(max-width:370px){.ebf-etusivu .vfc{gap:12px}
.ebf-etusivu .vfx>span{font-size:13px}
.ebf-etusivu .vfx em{font-size:14px;padding:9px 13px 9px 11px}}
.ebf-etusivu .vfo{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.ebf-etusivu .vfo.on{opacity:1;visibility:visible}
.ebf-etusivu .vfo video{height:min(calc(100svh - 28px),calc((100vw - 20px)*16/9));aspect-ratio:9/16;max-width:calc(100vw - 20px);border-radius:22px;background:#000;transform:scale(.94);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.ebf-etusivu .vfo.on video{transform:none}
.ebf-etusivu .vfo .vfz{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:12px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:24px;line-height:42px;cursor:pointer;z-index:2}
@media (prefers-color-scheme:light){.ebf-etusivu:not([data-theme="dark"]) .vfc{box-shadow:inset 0 0 0 1px var(--line),0 8px 30px rgba(0,0,0,.06)}
.ebf-etusivu:not([data-theme="dark"]) .vfx small{color:#e8590c}
.ebf-etusivu:not([data-theme="dark"]) .seg button[aria-pressed="true"]{color:#d6336c}}
@media (prefers-color-scheme:light){.ebf-etusivu:not([data-theme="dark"]) .heb{color:var(--muted);text-shadow:none}}
@media(prefers-reduced-motion:reduce){.ebf-etusivu .mq,.ebf-etusivu .v5 .tr,.ebf-etusivu .bb s{animation:none}
.ebf-etusivu .vm{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){.ebf-etusivu .st.on .nd::after,.ebf-etusivu .gp::after,.ebf-etusivu .cap .in{animation:none}}
@media(min-width:760px){.ebf-etusivu .cg{grid-template-columns:repeat(3,1fr)}
.ebf-etusivu .feat{grid-template-columns:repeat(4,1fr)}
.ebf-etusivu .hero{padding-top:100px}}
.ebf-etusivu .hero .skip2{margin-top:12px;font-size:15px;font-weight:600;color:#fff;padding:8px 14px;border-radius:980px;background:rgba(0,0,0,.42);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ebf-etusivu .hero .skip2 span{color:#5ac8fa}
@media (prefers-color-scheme:light){/* auditointi 21.10.: vaalean teeman poikkeus poistettu, hero on aina kuvan päällä */}
.ebf-etusivu[data-theme="light"] .hero .skip2{color:var(--acc);background:none;text-shadow:none}
.ebf-etusivu .gcg{display:grid;gap:12px;margin-bottom:12px}
@media(min-width:760px){.ebf-etusivu .gcg{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ebf-etusivu .gcc{position:relative;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:var(--tile);text-decoration:none;color:var(--text);box-shadow:inset 0 0 0 1px var(--line);transition:transform .2s}
.ebf-etusivu .gcc:active{transform:scale(.985)}
.ebf-etusivu .gcc:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.ebf-etusivu .gci{position:relative;display:block;aspect-ratio:1/1;max-width:100%;overflow:hidden;background:#05080f}
.ebf-etusivu .gci img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
@media(hover:hover){.ebf-etusivu .gcc:hover .gci img{transform:scale(1.04)}}
.ebf-etusivu .gcb{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:14px 16px 12px}
.ebf-etusivu .gcp{min-width:0}
.ebf-etusivu .gct{display:block;font-size:clamp(24px,6.6vw,30px);font-weight:700;letter-spacing:-.035em;line-height:1.05}
@media(min-width:760px){.ebf-etusivu .gct{font-size:clamp(20px,2.4vw,26px)}}
.ebf-etusivu .gct span{color:var(--acc)}
.ebf-etusivu .gcp small{display:block;margin-top:5px;font-size:13px;color:var(--muted)}
.ebf-etusivu .gcp small b{color:var(--text);font-size:15px}
.ebf-etusivu .gcb em{flex:none;font-style:normal;font-size:14px;font-weight:600;padding:9px 14px;border-radius:980px;background:var(--acc);color:#fff;white-space:nowrap}
.ebf-etusivu .gcb em i{font-style:normal}
.ebf-etusivu .gcd{display:flex;align-items:center;gap:7px;padding:10px 16px 13px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}
.ebf-etusivu .gcd b{color:var(--gr,#30d158);font-weight:600}
.ebf-etusivu .ftr{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
@media(min-width:760px) and (max-width:979px){.ebf-etusivu .gcb{flex-direction:column;align-items:flex-start}}
body.ebf-etusivu-malli-body{margin:0;background:var(--ebf-etusivu-tausta,#000)}
body.ebf-etusivu-malli-body main#main.ebf-etusivu-malli{display:block;width:100%;max-width:none;padding:0;margin:0}
.ebf-etusivu .go h2{line-height:1.1}
.ebf-etusivu .how h2{line-height:1.1}
/* Mallin yläpalkin ostoskori ja valikko oikeina linkkeinä */
.ebf-etusivu a.ib{position:relative;display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none}
.ebf-etusivu button#ebf-valikko{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.ebf-etusivu .ebf-kori-maara{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:980px;background:var(--acc);color:#fff;font-size:10.5px;font-weight:700;line-height:16px;text-align:center}
.ebf-etusivu .ebf-haku{display:contents}
.ebf-etusivu .srf input{border-radius:0}
/* Animaation tekstit sivulla valmiina, jotta GTranslate kääntää ne. Piilotettu, mutta ei display:none. */
#ebf-tekstit.ebf-tekstit{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ebf-etusivu #trk .st span,.ebf-etusivu #trk .st small{white-space:normal;overflow-wrap:anywhere;line-height:1.15}

/* 19.10.: tummempi yläosa tekstin taakse, WhatsApp oikeaan alakulmaan */
.ebf-etusivu .hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,26,.62) 0%,rgba(4,10,26,.38) 30%,rgba(4,10,26,0) 55%);pointer-events:none}
.ebf-etusivu .wa{right:14px;left:auto;flex-direction:row-reverse}
.ebf-etusivu .wa:not(.in){transform:translateX(140%)}
.ebf-etusivu .wa .wat{margin-left:0;margin-right:10px;border-radius:16px 16px 6px 16px}
.ebf-etusivu .wa.mini .wat{margin-right:0}
.ebf-etusivu .wa.mini:hover .wat{margin-left:0;margin-right:10px}
@keyframes ebfwain{0%{transform:translateX(140%);opacity:0}100%{transform:none;opacity:1}}
.ebf-etusivu .wa.in{animation-name:ebfwain}
.ebf-etusivu .ebf-how-cta{display:flex;justify-content:center;margin:18px 0 6px}
.ebf-etusivu .ebf-how-cta{flex-wrap:wrap;gap:10px}.ebf-etusivu .ebf-vid-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;cursor:pointer}.ebf-etusivu .ebf-vid-btn svg{width:16px;height:16px;fill:currentColor}
.ebf-etusivu .ebf-vid-btn{background:none}
/* Suosittuja nyt -tuotekaista (korvaa Factory prices -kaistan) */
.ebf-etusivu .pop .rc{padding-bottom:12px}
.ebf-etusivu .pop .ri{background:#fff;object-fit:contain}
.ebf-etusivu .pop .rp{padding-bottom:0}
.ebf-etusivu .pop .rp .amount,.ebf-etusivu .pop .rp bdi{color:inherit;font-size:inherit;font-weight:inherit}
.ebf-etusivu .pop .rp.pfee{padding-top:2px;font-size:11px}
.ebf-etusivu .pop .rp.pfee del{opacity:.6}
/* Teeman/lisäosan yleinen .hero h1 -sääntö kutisti otsikon – vahvempi valitsin palauttaa mallin koon */
.ebf-etusivu .hero h1{font-size:clamp(44px,13vw,88px)}
/* Videonappi Näin tilaat -osion yläosassa: näkyy heti hero-napin jälkeen, sykkii */
.ebf-etusivu .ebf-vid-top{display:flex;justify-content:center;margin:0 0 20px}
.ebf-etusivu .ebf-vid-iso{position:relative;display:flex;align-items:center;gap:14px;width:100%;max-width:420px;padding:12px 18px 12px 14px;border:0;border-radius:20px;background:linear-gradient(100deg,#0a84ff,#2cb4ff);color:#fff;font:inherit;text-align:left;cursor:pointer;animation:ebfvglow 1.6s ease-in-out infinite}
.ebf-etusivu .ebf-vid-pp{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:3px solid #fff;border-radius:50%}
.ebf-etusivu .ebf-vid-pp::after{content:"";position:absolute;inset:-9px;border:2px solid rgba(255,255,255,.65);border-radius:50%;animation:ebfvpl 1.6s ease-out infinite}
.ebf-etusivu .ebf-vid-pp svg{width:20px;height:20px;margin-left:3px;fill:#fff}
.ebf-etusivu .ebf-vid-tx small{display:block;margin-bottom:3px;font-size:13px;font-weight:600;opacity:.9}
.ebf-etusivu .ebf-vid-tx b{display:block;font-size:19px;letter-spacing:-.02em;line-height:1.15}
@keyframes ebfvglow{0%,100%{transform:scale(1);box-shadow:0 10px 30px rgba(10,157,255,.45),0 0 0 0 rgba(44,180,255,.6)}50%{transform:scale(1.025);box-shadow:0 12px 42px rgba(10,157,255,.8),0 0 0 10px rgba(44,180,255,0)}}
@keyframes ebfvpl{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.3);opacity:0}}
@media(prefers-reduced-motion:reduce){.ebf-etusivu .ebf-vid-iso,.ebf-etusivu .ebf-vid-pp::after{animation:none}}
/* Suomenkieliset selitteet ovat pidempiä: ei katkea kesken sanan */
.ebf-etusivu .cl3{width:auto;min-width:66px;max-width:96px;overflow-wrap:normal;hyphens:auto}
.ebf-etusivu #trk .st span{white-space:nowrap;overflow-wrap:normal}
/* Ulkoinen yleinen .hero-sääntö antoi tummansinisen taustan heron alaosaan */
.ebf-etusivu .hero{background:none}
/* --- Tietokonenäkymä (≥1000 px): heron kuva leveämmäksi, demot ja listat keskelle --- */
.ebf-etusivu{overflow-x:clip}
@media(min-width:1000px){
.ebf-etusivu .hero .bg{right:calc(50% - min(50vw,800px));left:calc(50% - min(50vw,800px));border-radius:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)}
.ebf-etusivu .stg{height:250px}
.ebf-etusivu .s1n{justify-content:center;padding:0 0 18px}
.ebf-etusivu .s1n .crd{width:340px}
.ebf-etusivu .pop .rk{grid-template-columns:repeat(auto-fit,minmax(200px,240px));justify-content:center}
.ebf-etusivu .klg{max-width:640px;margin-right:auto;margin-left:auto}
.ebf-etusivu .fc{flex-basis:31.5%}
}
/* Heron EU-merkki: toinen rivi Klarna-osamaksulle */
.ebf-etusivu .dlv.dlv2{flex-direction:column;align-items:stretch;gap:9px}
.ebf-etusivu .dlr{display:flex;align-items:center;gap:12px}
.ebf-etusivu .dlr+.dlr{padding-top:9px;border-top:1px solid rgba(255,255,255,.14)}
.ebf-etusivu .dlk{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#ffb3c7;border-radius:8px;font-size:15px;font-style:normal;font-weight:800;letter-spacing:-.03em;color:#000}
.ebf-etusivu .dlv b em{font-style:normal}
/* Sofia: pitkä suomenkielinen alaotsikko rivittyy kuvan vasemmalle puolelle (ei jää kuvan alle) */
.ebf-etusivu .wsh1 span{white-space:normal}
.ebf-etusivu .wvid{margin-top:16px}
.ebf-etusivu .wvid .wl{margin-top:10px}
/* Kelluva WhatsApp-painike pienempänä mobiilissa, eikä peitä sivun alimpia elementtejä */
@media(max-width:759px){.ebf-etusivu .wab{width:50px;height:50px}
.ebf-etusivu .wab svg{width:27px;height:27px}
.ebf-etusivu{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
}
/* Hintavertailu: "Hintaamme"-palkki täyttyy heti ensimmäisen jälkeen, ei jää tyhjäksi vierittäessä */
.ebf-etusivu .cmp.play .sb2 .pzf{animation-delay:1.9s}
.ebf-etusivu .cmp.play .sb2 .pzg{animation-delay:2.2s}
.ebf-etusivu .cmp.play .sv{animation-delay:2.5s}
/* --- Ulkoasun viimeistely 20.10.2026: vähemmän toistoa ja laatikoita, yksi fontti, kortit karusellina --- */
/* Sama fontti yläpalkkiin ja alapalkkiin kuin sivulle (koskee vain tätä sivua) */
body.ebf-etusivu-malli-body :is(.vf-header-top-row,.vf-header-main-row,.vf-header-nav-row,.ebf-kategoriat,.footer,.vf-mobiili-nav-wrap),body.ebf-etusivu-malli-body :is(.vf-header-main-row,.footer) :is(input,button,a){font-family:'League Spartan',sans-serif}
/* Toimitusrivi kerran: heron merkissä ja Valitse tehdas -osiossa, ei jokaisessa kortissa */
.ebf-etusivu .rc .rf,.ebf-etusivu .gcd,.ebf-etusivu .fl2 .dl2{display:none}
.ebf-etusivu .rc{padding-bottom:12px}
/* Sisältöosiot ilman laatikkoa: tilaa ja ohut erotinviiva (Näin tilaat, video ja Klarna säilyvät kortteina) */
.ebf-etusivu :is(.midx,.fee,.go){margin-top:28px;padding:44px 4px 8px;background:none;border-radius:0;box-shadow:none;border-top:1px solid var(--line)}
@media(min-width:760px){.ebf-etusivu :is(.midx,.fee,.go){margin-top:40px;padding-top:64px}}
/* Valitse tehdas: mobiilissa vaakasuuntainen karuselli, ei kolmea koko ruudun kuvaa peräkkäin */
@media(max-width:759px){
.ebf-etusivu .gcg{display:flex;gap:12px;margin:0 -18px 12px;padding:0 18px 6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ebf-etusivu .gcg::-webkit-scrollbar{display:none}
.ebf-etusivu .gcc{flex:0 0 82%;scroll-snap-align:center}
.ebf-etusivu .gci{aspect-ratio:1/1} /* koko kuva näkyviin: esittelijä ja ajoneuvo eivät rajaudu */
}
/* Mobiili mallin mukaan (20.10.2026): heron kuva ei siirry ylös, vaikka EU-merkissä on Klarna-rivi */
@media(max-width:759px){
.ebf-etusivu .hero{min-height:calc(113vw + 232px)}
.ebf-etusivu .hero .bg img{bottom:auto;height:calc(113vw + 166px)}
}
@media(max-width:759px){.ebf-etusivu .hero .bg img{-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}}
/* --- Sofian ikkuna (20.10.2026): mahtuu näyttöön, sisäinen vieritys, videot avattavana, asiakaspalvelun aukioloajat --- */
html:has(#was.on){overflow:hidden}
.ebf-etusivu .wsh.sf{display:flex;flex-direction:column;max-width:none;max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:0;overflow:hidden;background:linear-gradient(180deg,#0e1c34 0%,#091121 48%,#060a14 100%);border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 0 0 1px rgba(120,170,255,.16);transform-origin:bottom right;color:#f5f5f7}
.ebf-etusivu .wsh.sf::before{content:"";position:absolute;inset:0 0 auto auto;width:70%;height:200px;background:radial-gradient(60% 70% at 70% 40%,rgba(10,132,255,.32),transparent 70%);border-radius:28px;pointer-events:none}
.ebf-etusivu .wsh.sf>*{position:relative;z-index:1}
.ebf-etusivu .sf-yla{flex:none;min-height:164px;padding:24px 44% 14px 20px}
.ebf-etusivu .sf-kuva{position:absolute;right:6px;bottom:0;width:42%;max-width:180px;height:auto;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%);filter:drop-shadow(0 10px 24px rgba(0,0,0,.35));pointer-events:none;z-index:0}
.ebf-etusivu .sf-x{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:rgba(8,14,27,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);cursor:pointer;z-index:3}
.ebf-etusivu .sf-x svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}
.ebf-etusivu .sf-nimi{position:relative;z-index:2}
.ebf-etusivu .sf-nimi b{display:block;font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.1;color:#fff}
.ebf-etusivu .sf-tila{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:13px;line-height:1.3;color:#9fb0c8}
.ebf-etusivu .sf-tila i{flex:none;width:8px;height:8px;background:#7d8696;border-radius:50%}
.ebf-etusivu .sf-tila.auki i{background:#30d158;box-shadow:0 0 8px rgba(48,209,88,.8)}
.ebf-etusivu .sf-lead{position:relative;margin:14px 0 0;font-size:15px;line-height:1.45;color:#c4cfdf;z-index:2}
.ebf-etusivu .sf-runko{flex:1 1 auto;min-height:0;padding:6px 16px calc(16px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.ebf-etusivu .sf-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:54px;margin:0;padding:0 16px;background:#25d366;border-radius:16px;box-shadow:0 10px 30px rgba(37,211,102,.28);font-size:17px;font-weight:700;letter-spacing:-.01em;text-decoration:none;color:#04140a}
.ebf-etusivu .sf-cta svg{width:22px;height:22px}
.ebf-etusivu .sf-cta svg path{fill:#04140a}
.ebf-etusivu .sf-nro{margin:8px 0 0;font-size:12.5px;text-align:center;color:#7d8aa0}
.ebf-etusivu .sf-vid{margin-top:14px;overflow:hidden;background:rgba(255,255,255,.04);border-radius:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.ebf-etusivu .sf-vid summary{display:flex;align-items:center;gap:12px;padding:12px 14px;list-style:none;cursor:pointer}
.ebf-etusivu .sf-vid summary::-webkit-details-marker{display:none}
.ebf-etusivu .sf-ik{display:flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(10,132,255,.16);border-radius:12px}
.ebf-etusivu .sf-ik svg{width:20px;height:20px;fill:none;stroke:#0ea5ff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .sf-vid summary .sf-ik svg{fill:#0ea5ff;stroke:none}
.ebf-etusivu .sf-st{flex:1;min-width:0}
.ebf-etusivu .sf-st b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:#fff}
.ebf-etusivu .sf-st small{display:block;margin-top:2px;font-size:12.5px;color:#8d9bb3}
.ebf-etusivu .sf-auki,.ebf-etusivu .sf-nuoli{flex:none;width:18px;height:18px;fill:none;stroke:#8d9bb3;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.ebf-etusivu .sf-vid[open] .sf-auki{transform:rotate(180deg)}
.ebf-etusivu .sf-vlist a{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 66px;border-top:1px solid rgba(255,255,255,.07);text-decoration:none;color:inherit}
.ebf-etusivu .sf-apu{margin-top:12px;padding:16px;background:linear-gradient(180deg,rgba(10,132,255,.11),rgba(10,132,255,.03));border-radius:18px;box-shadow:inset 0 0 0 1px rgba(10,157,255,.25)}
.ebf-etusivu .sf-apu-yla{display:flex;align-items:center;gap:12px}
.ebf-etusivu .sf-apu-yla b{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em;color:#fff}
.ebf-etusivu .sf-apu-yla small{display:block;margin-top:2px;font-size:13px;font-weight:600;color:#7fc4ff}
.ebf-etusivu .sf-apu p{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:#b4c0d3}
.ebf-etusivu .sf-apu p+p{margin-top:6px}
.ebf-etusivu .sf-viesti{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;margin-top:14px;background:rgba(255,255,255,.08);border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:15px;font-weight:600;text-decoration:none;color:#fff}
.ebf-etusivu .sf-viesti svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linejoin:round}
@media(max-width:380px){.ebf-etusivu .sf-yla{min-height:150px;padding-right:40%}.ebf-etusivu .sf-nimi b{font-size:23px}.ebf-etusivu .sf-lead{font-size:14px}}
@media(min-width:760px){.ebf-etusivu .wsh.sf{right:20px;left:auto;bottom:20px;width:384px;max-height:calc(100dvh - 40px)}}
@media(max-width:400px){.ebf-etusivu .sf-yla{padding-right:43%}.ebf-etusivu .sf-kuva{width:38%}.ebf-etusivu .sf-viesti{font-size:14px;white-space:nowrap}}
/* Sofia-kupla: teksti näkyy aina kokonaan (ei piiloudu, rivittyy) */
.ebf-etusivu .wa .wat,.ebf-etusivu .wa.mini .wat{max-width:min(250px,calc(100vw - 96px));margin-right:10px;padding:9px 14px;font-size:13px;line-height:1.3;white-space:normal;opacity:1}
.ebf-etusivu .wa .wat b{font-size:15px}
/* Sofia, viimeistely: AI- ja ihminen-merkit, tila aukioloajan mukaan, videoiden esikatselukuvat, piilotettu vierityspalkki */
.ebf-etusivu .sf-nimi .sf-ala{display:block;margin-top:4px;font-size:13px;line-height:1.3;color:#9fb0c8}
.ebf-etusivu .sf-lead{margin-top:10px}
.ebf-etusivu .sf-chipit{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:12px;z-index:2}
.ebf-etusivu .sf-chip{display:inline-flex;align-items:center;gap:6px;margin:0;padding:5px 10px 5px 8px;background:rgba(255,255,255,.07);border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;color:#dbe4f1}
.ebf-etusivu .sf-chip svg{flex:none;width:13px;height:13px}
.ebf-etusivu .sf-chip-ai{background:rgba(10,132,255,.16);box-shadow:inset 0 0 0 1px rgba(10,157,255,.35);color:#bfe3ff}
.ebf-etusivu .sf-chip-ai svg path{fill:#4cc3ff}
.ebf-etusivu .sf-tila i{display:none;margin:0 1px 0 2px;box-shadow:none}
.ebf-etusivu .sf-tila .sf-kuu path{fill:#9fb0c8}
.ebf-etusivu .sf-tila .sf-h-on,.ebf-etusivu .sf-tila .sf-h-aamu{display:none}
.ebf-etusivu .sf-tila.auki{background:rgba(48,209,88,.12);box-shadow:inset 0 0 0 1px rgba(48,209,88,.35);color:#b8f3c8}
.ebf-etusivu .sf-tila.auki i{display:block}
.ebf-etusivu .sf-tila.auki .sf-kuu,.ebf-etusivu .sf-tila.auki .sf-h-pois,.ebf-etusivu .sf-tila.aamu .sf-h-pois{display:none}
.ebf-etusivu .sf-tila.auki .sf-h-on,.ebf-etusivu .sf-tila.aamu .sf-h-aamu{display:inline}
.ebf-etusivu .sf-runko{padding-bottom:calc(30px + env(safe-area-inset-bottom,0px));scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 28px),transparent)}
.ebf-etusivu .sf-runko::-webkit-scrollbar{display:none}
.ebf-etusivu .sf-vlist a{padding-left:14px}
.ebf-etusivu .sf-pk{position:relative;display:block;flex:none;width:40px;height:53px;overflow:hidden;border-radius:9px;box-shadow:0 4px 12px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.12)}
.ebf-etusivu .sf-pk img{display:block;width:100%;height:100%;object-fit:cover}
.ebf-etusivu .sf-pk svg{position:absolute;top:50%;left:50%;width:22px;height:22px;margin:-11px 0 0 -11px;padding:5px 4px 5px 6px;background:rgba(0,0,0,.55);border-radius:50%;fill:#fff}
.ebf-etusivu .sf-viesti{display:inline-flex;gap:4px;height:auto;margin-top:12px;padding:0;background:none;box-shadow:none;font-size:14.5px;color:#4cc3ff}
.ebf-etusivu .sf-viesti svg{width:16px;height:16px;stroke:#4cc3ff;stroke-width:2.2;stroke-linecap:round}
@media(max-width:400px){.ebf-etusivu .sf-viesti{font-size:14px}.ebf-etusivu .sf-chip{font-size:11.5px}}
/* Sofia: tilarivi saa rivittyä kapealla */
.ebf-etusivu .sf-tila{white-space:nowrap}
/* Yläosa: tasaleveät hintalaatikot, ostoturvarivi */
.ebf-etusivu .hpr{grid-template-columns:repeat(3,minmax(0,1fr))}
.ebf-etusivu .hpr a{padding-left:3px;padding-right:3px}
.ebf-etusivu .hpr span{font-size:clamp(10.5px,2.95vw,13px);letter-spacing:-.02em}
.ebf-etusivu .hpr b{font-size:clamp(16px,4.6vw,21px);white-space:nowrap}
.ebf-etusivu .hpr small{font-size:clamp(10.5px,2.8vw,12px)}
.ebf-etusivu .dlt{display:flex;flex:none;align-items:center;justify-content:center;width:34px;height:34px;background:linear-gradient(180deg,#30d158,#1fa84a);border-radius:8px}
.ebf-etusivu .dlt svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ebf-etusivu .hero .skip2 .ebf-omakaannos{color:inherit}
/* Yläosan tietolaatikon kuvakkeet: yhtenäinen sovelluskuvaketyyli (liukuväri, kiilto, varjo) */
.ebf-etusivu .dlv .euf{filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.ebf-etusivu .dlk{background:linear-gradient(180deg,#ffc8d8 0%,#ffa3bf 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 0 0 1px rgba(255,255,255,.18),0 4px 10px rgba(0,0,0,.35)}
.ebf-etusivu .dlt{background:linear-gradient(180deg,#43e06f 0%,#16a046 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 0 0 1px rgba(255,255,255,.18),0 4px 10px rgba(0,0,0,.35)}
.ebf-etusivu .dlv .dlt{display:flex;margin-top:0}
/* Sofia-kupla: sulkemisruksi */
.ebf-etusivu .wa .wat{position:relative;overflow:visible}
.ebf-etusivu .wa .wat-x{position:absolute;top:-9px;left:-9px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#2a3140;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.2);cursor:pointer}
.ebf-etusivu .wa .wat-x::before{position:absolute;inset:-10px;content:""}
.ebf-etusivu .wa .wat-x svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round}
.ebf-etusivu .wa.kupla-pois .wat{display:none}
/* Mobiili: pienempi tyhjä väli yläosan tietolaatikon ja Näin tilaaminen toimii -osion välissä */
@media(max-width:759px){.ebf-etusivu .hero{padding-bottom:10px}.ebf-etusivu .how{margin-top:18px}}
/* Katselmointi 20.10.: Valitse tehdas -kortin otsikko ei mene napin päälle (mobiilissa pyöreä nuolinappi), Tehtaan hinnat -rivin reunaväli, pienempi tyhjä väli ennen alapalkkia */
.ebf-etusivu .gcp{flex:1 1 auto;min-width:0}
.ebf-etusivu .rk{scroll-padding-inline:14px}
@media(max-width:759px){
.ebf-etusivu .gct{font-size:clamp(23px,6.4vw,30px)}
.ebf-etusivu .gcb em{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;font-size:0}
.ebf-etusivu .gcb em i{font-size:24px;line-height:1;transform:translate(1px,-1px)}
.ebf-etusivu{padding-bottom:28px}
body:has(.ebf-etusivu) footer.footer.ebf-ap{padding-top:24px;border-top:0}
}
/* Kupla piiloon alapalkissa */
.ebf-etusivu .wa.kupla-alapalkki .wat{display:none}
/* Palvelumaksun video-nappi 9,90 € -osiossa */
.ebf-etusivu .fee .ebf-vid-pm{margin:18px 0 22px}
/* Viilaus 20.10.: oranssi (vari-7) vain ostopolun napeissa, League Spartan otsikoihin (leipäteksti ennallaan) */
.ebf-etusivu .ebf-how-cta .btn.p{background:#C94300;box-shadow:0 10px 26px rgba(213,70,0,.35);font-size:18px;font-weight:700}
.ebf-etusivu .gcb em{background:#C94300;box-shadow:0 6px 18px rgba(213,70,0,.35)}
.ebf-etusivu .hero .skip2{box-shadow:inset 0 0 0 2px #C94300}
.ebf-etusivu .hero .skip2 span[aria-hidden]{color:#fff}
.ebf-etusivu :is(h1,h2,h3,.gct){font-family:'League Spartan',-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",sans-serif;font-weight:700;letter-spacing:-.015em}
.ebf-etusivu .hero h1{letter-spacing:-.025em}
/* Viilaus 2: selaa tuotteita -nappi hillitymmäksi (ohut valkoinen reunus, oranssi nuoli); tasaisempi osioväli mobiilissa */
.ebf-etusivu .hero .skip2{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.ebf-etusivu .hero .skip2 span[aria-hidden]{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:4px;background:#C94300;border-radius:50%;font-size:14px;font-weight:800;line-height:1;color:#fff}
@media(max-width:759px){.ebf-etusivu :is(.midx,.fee,.go){margin-top:18px;padding-top:32px}}
@media(max-width:400px){.ebf-etusivu .hero .skip2{white-space:nowrap;padding-left:12px;padding-right:10px;font-size:14px}.ebf-etusivu .hero .skip2 span[aria-hidden]{width:20px;height:20px;margin-left:2px;font-size:12px}}
/* Viilaus 3: League Spartan myös muihin otsikoihin (Suositut nyt, korttien nimet, hintavideon otsikko, brändäyslainaus) */
.ebf-etusivu :is(.rh b,.rn,.vfx b,.qt){font-family:'League Spartan',-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",sans-serif;font-weight:700;letter-spacing:-.015em}
/* Viilaus 3: väli Näin tilaat -osion ja hintavideon välissä, Shimano-otsikko samaan fonttiin */
.ebf-etusivu :is(.how,.rail)+.vfs{margin-top:22px}
.ebf-etusivu .shc b{font-family:'League Spartan',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;letter-spacing:-.01em}

/* Palvelumaksu 7/9: palkit samassa suhteessa kuin väite "muualla 70–90 % enemmän" */
.ebf-etusivu .br7.b{height:18px} /* jopa 80 % edullisempi: 18 / 90 (Kim 28.10.2026) */
.ebf-etusivu .lbl7{color:var(--text)}

/* Sofia: "Katso ennen tilaamista" erottuvammaksi – sininen korostus ja rauhallinen pulssi play-ikonissa */
.ebf-etusivu .sf-vid{background:linear-gradient(180deg,rgba(14,165,255,.18),rgba(14,165,255,.06));box-shadow:inset 0 0 0 1.5px rgba(14,165,255,.6),0 0 26px rgba(14,165,255,.2)}
.ebf-etusivu .sf-vid summary .sf-ik{position:relative;background:#0ea5ff;border-radius:50%;box-shadow:0 0 18px rgba(14,165,255,.55)}
.ebf-etusivu .sf-vid summary .sf-ik svg{margin-left:2px;fill:#fff}
.ebf-etusivu .sf-vid summary .sf-ik::after{content:"";position:absolute;inset:0;border-radius:50%;animation:ebfSfPulssi 1.8s ease-out infinite}
.ebf-etusivu .sf-vid summary .sf-st b{color:#fff}
.ebf-etusivu .sf-vid[open] summary .sf-ik::after{animation:none}
@keyframes ebfSfPulssi{0%{box-shadow:0 0 0 0 rgba(14,165,255,.7)}100%{box-shadow:0 0 0 14px rgba(14,165,255,0)}}
@media (prefers-reduced-motion:reduce){.ebf-etusivu .sf-vid summary .sf-ik::after{animation:none}}

/* Mobiilihero (20.10.2026): sähköpyörä, sähkömopo ja potkulauta kokonaan näkyviin.
   Mobiilikuvassa on pehmeästi jatketut reunat (908 × 1385), kuva skaalautuu leveyden mukaan
   ja ajoneuvot asettuvat napin ja hintalaattojen väliin. Hintalaatat siirtyvät kapeilla näytöillä alemmas. */
@media(max-width:759px){
.ebf-etusivu .hero{min-height:calc(113vw + 243px + max(0px, 365px - 81vw))}
.ebf-etusivu .hero .bg img{top:calc(339px - 78.17vw);bottom:auto;width:100%;height:auto;aspect-ratio:908/1385;object-fit:cover;transform:none;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 80%,transparent 100%)}
}

/* Sofia-kupla (20.10.2026): teksti näkyy 8 s, sitten vain vihreä pallo ja 1-merkki – ei peitä tilausnappeja */
.ebf-etusivu .wa .wat{transition:max-width .45s ease,opacity .3s ease,padding .45s ease,margin .45s ease}
.ebf-etusivu .wa.kupla-ohi .wat{max-width:0;margin-right:0;padding-right:0;padding-left:0;overflow:hidden;white-space:nowrap;opacity:0;pointer-events:none}
@media(hover:hover){.ebf-etusivu .wa.kupla-ohi:hover .wat{max-width:min(250px,calc(100vw - 96px));margin-right:10px;padding:9px 14px;white-space:normal;opacity:1}}
/* Hintavertailu: "Säästät" näkyy selvästi ja nopeammin */
.ebf-etusivu .sv{background:rgba(48,209,88,.14);font-size:13px;color:#5ee08a}
.ebf-etusivu .cmp.play .sv{animation-delay:1.4s}
/* Näin tilaat 5/5: kuljetusyhtiöiden logot näkyvät heti, ettei kortissa ole tyhjää tilaa */
.ebf-etusivu .s5 .crr{animation-delay:.6s}

/* Hero: hintarivi otsikon alle (20.10.2026) – viiden sekunnin testi: mitä palvelu maksaa. Mobiilissa kuva ja hintalaatat siirtyvät 56 px alemmas. */
.ebf-etusivu .hero .hsub{max-width:340px;min-height:2.7em;margin:12px auto 0;font-size:16px;font-weight:500;line-height:1.35;text-align:center;color:#e3e8f0;text-shadow:0 1px 12px rgba(0,0,0,.75)}
@media(max-width:400px){.ebf-etusivu .hero .hsub{max-width:320px;font-size:15px}}
@media(min-width:760px){.ebf-etusivu .hero .hsub{max-width:520px;min-height:0;font-size:19px}}
/* Palvelumaksukaruselli 8/9: toimitusaika kalenterina, 4.–8. arkipäivä korostettuna */
.ebf-etusivu .fx8k{align-items:center;justify-content:center}
.ebf-etusivu .kal8{display:grid;grid-template-columns:repeat(5,30px);gap:6px}
.ebf-etusivu .kal8 span{display:flex;align-items:center;justify-content:center;height:30px;border-radius:8px;background:rgba(127,127,127,.12);font-size:12px;font-weight:700;color:var(--muted)}
.ebf-etusivu .kal8 span:nth-child(n+4):nth-child(-n+8){background:var(--acc);color:#fff;animation:pop .4s both}
.ebf-etusivu .kal8 span:nth-child(5){animation-delay:.12s}
.ebf-etusivu .kal8 span:nth-child(6){animation-delay:.24s}
.ebf-etusivu .kal8 span:nth-child(7){animation-delay:.36s}
.ebf-etusivu .kal8 span:nth-child(8){animation-delay:.48s}

/* Mobiilihero (Kimin valinta 20.10.2026): aito kuva tasan näytön levyisenä, ei keinotekoista reunajatketta.
   Ajoneuvot näkyvät kokonaan; ohjaustangot napin alla, renkaat hintalaattojen yläpuolella. */
@media(max-width:759px){
.ebf-etusivu .hero{min-height:calc(113vw + 255px + max(0px, 365px - 81vw))}
.ebf-etusivu .hero .bg img{top:calc(361px - 91.03vw);left:50%;width:100vw;max-width:none;aspect-ratio:780/1385;transform:translateX(-50%)}
}

/* Mobiilihero: kuvassa 120 px peilattua taivasta yläpuolella, ettei kapeilla puhelimilla jää tummaa väliä yläreunaan */
@media(max-width:759px){.ebf-etusivu .hero .bg img{top:calc(361px - 106.41vw);aspect-ratio:780/1505}}

/* Popular now: EbikeFactoryn myymäläkuva täyttää kuva-alueen */
.ebf-etusivu .pop .ri.ri-sr{object-fit:cover;background:#05080f}

/* Auditointi 21.10.2026: hero on aina tumma kuvan päällä myös vaalealla teemalla (puhelimet päivällä).
   Ennen vaalealla teemalla taustakuva piilotettiin ja valkoiset otsikot ja pikalinkit jäivät näkymättömiksi. */
.ebf-etusivu .hero{--bg:#000;--bg2:#0a1424;--tile:#0b1220;--text:#f5f5f7;--muted:#a1a9b8;--line:rgba(255,255,255,.1);--pill:#fff;--pillt:#000;color-scheme:dark;color:var(--text)}

/* Leveällä näytöllä herokuvan reunat häivytetään. Vaalealla teemalla häivytys meni valkoiseen ja hero näytti
   kapealta palstalta (2560/1920 px); tumma tausta koko leveydelle kuten tummalla teemalla. */
@media(min-width:760px){.ebf-etusivu .hero::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);z-index:0;background:#000;pointer-events:none}}
/* Heron pääpainike oranssi (ostopolku), video toissijainen ääriviiva (23.10.2026) */
.ebf-etusivu .btn.o{background:#C94300;color:#fff;font-weight:700}
.ebf-etusivu .btn.o:hover{filter:brightness(.92)}
.ebf-etusivu .btn.s2{background:rgba(0,0,0,.28);color:#fff;border-color:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ebf-etusivu .btn.s2 small{margin-left:4px;padding:2px 7px;border-radius:980px;background:rgba(255,255,255,.18);font-size:12px}
.ebf-etusivu .hero .cta{display:flex;flex-wrap:wrap;gap:10px}
.ebf-etusivu .hero .btn.o,.ebf-etusivu .hero .btn.s2{white-space:nowrap;padding:15px 22px;font-size:16.5px}
.ebf-etusivu .hero .btn.o{box-shadow:0 10px 30px rgba(201,67,0,.4)}
.ebf-etusivu .hero .btn.s2 svg{width:15px;height:15px}
@media(max-width:400px){.ebf-etusivu .hero .btn.o,.ebf-etusivu .hero .btn.s2{flex:1 1 100%;justify-content:center}}
/* Vaalea teema: korostusvärit WCAG AA -tasolle (paletti vari-18, vari-19; 23.10.2026) */
@media (prefers-color-scheme:light){.ebf-etusivu:not([data-theme="dark"]){--acc:#0071e3;--gr:#1e7a34}}
/* Leveä näyttö: sisältö 1200 px eikä 980 px kapea palsta (AGENTS.md leveä asettelu; theme.json wideSize 1200) */
@media (min-width:1280px){.ebf-etusivu .wrap{max-width:1200px}}
/* 10/10-arvio 23.10.2026: heron osastoruudut pois (2/3 oli "Coming soon"); luottamuskortti heron alareunaan; desktopissa matalampi hero ja luottamusrivi vaakana, jotta tuotteet näkyvät ensinäkymässä */
.ebf-etusivu .hero .dlv.dlv2{margin-top:auto}
@media(min-width:760px){.ebf-etusivu .hero{min-height:min(64vh,680px)}.ebf-etusivu .hero .dlv.dlv2{flex-direction:row;align-items:center;gap:0;padding:12px 6px;max-width:980px}.ebf-etusivu .hero .dlv2 .dlr{padding:0 18px}.ebf-etusivu .hero .dlv2 .dlr+.dlr{padding-top:0;border-top:0;border-left:1px solid var(--line,rgba(255,255,255,.14))}}
/* Suosittu nyt: desktopissa neljän sarakkeen rivi otsikon linjassa (oli keskitetyt 240 px:n kortit) */
@media(min-width:760px){.ebf-etusivu .pop .rk{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch}}
/* Tulossa-osastojen nuolinappi neutraali: oranssi on varattu ostopolulle */
.ebf-etusivu .gcc:has(.gcp small:not(:has(b))) .gcb em{background:rgba(127,127,127,.3);box-shadow:none}
/* Leveä näyttö (AGENTS.md wideSize 1800 px) */
@media(min-width:1600px){.ebf-etusivu .wrap{max-width:1480px}}@media(min-width:1900px){.ebf-etusivu .wrap{max-width:1760px}}
/* 10/10-arvio 2 (23.10.2026): videonapit toissijaisiksi – sininen täyte ja hehku olivat näkymän painavimpia ja kilpailivat oranssin
   ostopolun napin kanssa. Sininen jää vain play-ympyrään. Heron alaotsikko tasapainoon, Suosittu nyt -rivin väli sama kuin muilla osioilla. */
.ebf-etusivu .ebf-vid-iso{background:var(--tile);color:var(--text);box-shadow:inset 0 0 0 1px var(--line);animation:none}
.ebf-etusivu .ebf-vid-pp{border:0;background:var(--acc,#0a84ff)}
.ebf-etusivu .ebf-vid-pp::after{border-color:rgba(10,132,255,.45)}
.ebf-etusivu .ebf-vid-tx small{color:var(--muted);opacity:1}
.ebf-etusivu .hsub{text-wrap:balance}
.ebf-etusivu .rail.pop{margin-top:36px}@media(min-width:760px){.ebf-etusivu .rail.pop{margin-top:56px}}
/* 10/10-arvio 2: tuotteet ensinäkymään – mobiilissa luottamuskortti tiiviiksi (vain otsikot), desktopissa hero matalammaksi */
@media(max-width:759px){.ebf-etusivu .hero .dlv.dlv2{gap:6px;padding:9px 14px}.ebf-etusivu .hero .dlv2 .dlr>div>span{display:none}.ebf-etusivu .hero .dlv2 .dlr+.dlr{padding-top:6px}.ebf-etusivu .hero .dlv2 .euf,.ebf-etusivu .hero .dlv2 .dlr>i,.ebf-etusivu .hero .dlv2 .dlr>svg,.ebf-etusivu .hero .dlv2 .dlr>.dlt{width:24px;height:24px}.ebf-etusivu .hero .dlv2 .dlt svg{width:15px;height:15px}.ebf-etusivu .hero{min-height:0}}
@media(min-width:760px){.ebf-etusivu .hero{min-height:min(56vh,600px)}}
/* 10/10-arvio 3: valmistajanauhan nimet linkkeinä myyjän sivulle (sama ulkoasu kuin ennen) */
.ebf-etusivu .bt2 a{flex:none;padding:0 20px;font-size:16px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text);opacity:.55;text-decoration:none;white-space:nowrap;transition:opacity .2s}
.ebf-etusivu .bt2 a:hover,.ebf-etusivu .bt2 a:focus-visible{opacity:1}
/* 10/10-arvio 3: tyhjän osaston (Coming soon) nuolinappi ei ole ostopolun oranssi; desktopissa hero matalammaksi ja otsikko
   yhdelle riville, jotta Popular now -tuotteet näkyvät ensinäkymässä; Popular now -otsikko samaan kokoluokkaan kuin muut */
.ebf-etusivu a.ebf-tulossa .gcb em{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(127,127,127,.45);color:var(--text)}
.ebf-etusivu a.ebf-tulossa .gcb em i{color:var(--muted)}
@media(min-width:1280px){.ebf-etusivu .hero{min-height:min(46vh,430px)!important;padding-top:34px!important;padding-bottom:20px!important}}
@media(min-width:1024px){.ebf-etusivu .hero h1{font-size:clamp(56px,5.2vw,80px)!important}.ebf-etusivu .hero h1 br{display:none}.ebf-etusivu .hero h1>span::before{content:" "}}
@media(min-width:760px){.ebf-etusivu .pop .rh b{font-size:clamp(26px,2.4vw,34px);font-weight:700;letter-spacing:-.02em}}
/* 10/10-arvio 3: sisältö samaan linjaan yläpalkin kanssa (yläpalkin sisäreuna 43 px) */
@media(min-width:1280px){.ebf-etusivu .wrap{max-width:min(calc(100% - 58px),1788px)}}
/* Mobiilikorjaus 23.10.2026: luettavan sisällön vähimmäiskoko 12 px (askelmerkit, korttien hintarivi, legenda, arvostelurivi, Klarna-tarkenne,
   takuurivi) ja kosketusalueet vähintään 44 px ("See all", tauko-, edellinen/seuraava-napit, Klarna-jaksot 40 px). Askelmerkit saavat rivittyä
   kahdelle riville 56 px laatikossaan, jotta "Login details" ja "Payment link" eivät osu toisiinsa 380 px:llä. */
.ebf-etusivu .st span{font-size:12px;white-space:normal;text-align:center;line-height:1.15}
.ebf-etusivu .rp,.ebf-etusivu .lgd,.ebf-etusivu .tst span,.ebf-etusivu .kfine,.ebf-etusivu .s1n .pr2,.ebf-etusivu .ex,.ebf-etusivu .rf,.ebf-etusivu .fp2{font-size:12px}
.ebf-etusivu .rh a{display:inline-flex;align-items:center;min-height:44px;margin:-14px 0;padding:0 4px}
.ebf-etusivu .pp::after{content:"";position:absolute;inset:-7px;border-radius:50%}
.ebf-etusivu .fb{position:relative}
.ebf-etusivu .fb::after{content:"";position:absolute;inset:-4px;border-radius:50%}
.ebf-etusivu .seg button{min-height:40px}
@media(max-width:420px){.ebf-etusivu #trk .st span{white-space:normal;overflow-wrap:normal;hyphens:auto}}
/* === Etusivun 10/10-viimeistely 27.10.2026 (mobiili ensin; mitattu stagingissa 380/430/1280/2560 px) === */
/* Hero: otsikko kahdelle riville ("Order direct" / "from the factory.") 340–1023 px, ettei "factory." jää yksin;
   toimituslaatikko ei enää kosketa toissijaista nappia. Ensinäkymään mahtuu enemmän Suositut-kaistaa. */
@media(max-width:759px){.ebf-etusivu .hero h1{font-size:clamp(36px,12vw,64px)}}
@media(min-width:340px) and (max-width:1023px){.ebf-etusivu .hero h1>span{white-space:nowrap}}
@media(max-width:759px){.ebf-etusivu .hero .dlv.dlv2{margin-top:14px}}
/* Luettava vähimmäiskoko 12 px: palvelumaksurivi korteissa, tilausdemon toimitusrivi, palvelumaksukorttien kuvitusten tekstit */
.ebf-etusivu .pop .rp.pfee{font-size:12px}
.ebf-etusivu .s1n .dl2,.ebf-etusivu .s1n .dl2 b{font-size:12px}
.ebf-etusivu .lg2 span{font-size:12px;padding:3px 6px}
.ebf-etusivu .ch5 span{font-size:12px}
/* Kosketusalueet 44 px: tilausvaiheiden napit, palvelumaksukaruselli (pisteet 24 × 44 px), valmistajalinkit */
.ebf-etusivu .nd{width:44px;height:44px}
.ebf-etusivu .trk::before,.ebf-etusivu .fill{top:20px}
.ebf-etusivu .fd{gap:17px}
.ebf-etusivu .fd button::before{inset:-18px -8.5px}
.ebf-etusivu .bt2 a,.ebf-etusivu .bt2 span{display:inline-flex;align-items:center;min-height:44px;opacity:.72}
.ebf-etusivu .bm:focus-within .bt2{animation-play-state:paused}
/* Mobiilissa valmistajarivi pyyhkäistään itse (ei jatkuvaa liikettä, WCAG 2.2.2), tietokoneella nauha pysähtyy hiirellä ja näppäimistöllä */
@media(max-width:759px){.ebf-etusivu .bm{overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);scrollbar-width:none;scroll-snap-type:x proximity}
.ebf-etusivu .bm::-webkit-scrollbar{display:none}
.ebf-etusivu .bt2{animation:none;padding:0 4px}
.ebf-etusivu .bt2 span[aria-hidden]{display:none}
.ebf-etusivu .bt2 a{scroll-snap-align:start;padding:0 14px}}
/* Klarna-jaksot: staattiset tunnisteet (ennen napit, jotka eivät muuttaneet mitään) */
.ebf-etusivu .segs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:18px auto 0;max-width:340px;padding:0;list-style:none}
.ebf-etusivu .segs li{padding:10px 0;border-radius:10px;background:rgba(127,127,127,.1);font-size:13.5px;font-weight:600;color:var(--text)}
/* Kontrasti (axe): säästö-merkintä ja lisävarusteiden hinta vaalealla teemalla */
@media (prefers-color-scheme:light){.ebf-etusivu:not([data-theme="dark"]) .sv{color:var(--gr)}
.ebf-etusivu:not([data-theme="dark"]) .fl2 .fr2{background:var(--tile);box-shadow:inset 0 0 0 1px var(--line)}}
/* Haku etusivulla mobiilissa: vanha etusivun showroom-v7.css (uploads, 14.10.) piilotti hakukentän !important-säännöllä
   body.home-sivulla alle 650 px, joten hakukuvake ei avannut mitään (mitattu 27.10.2026). */
body.home.ebf-haku-auki .vf-header-main-row>.vf-header-main-row-col:nth-of-type(2){display:block!important}
/* Tilausdemon toimitusrivi 12 px (span-lapsi peri 11 px) */
.ebf-etusivu .s1n .dl2 span{font-size:12px}
/* Kontrasti vaalealla teemalla: "You save" -tausta vaaleammaksi (4,37 -> ~4,8:1) ja tehdashinta tummanvihreäksi */
@media (prefers-color-scheme:light){.ebf-etusivu:not([data-theme="dark"]) .sv{background:rgba(48,209,88,.07)}
.ebf-etusivu:not([data-theme="dark"]) .am.g{color:var(--gr)}}
/* Vanhan etusivun showroom-v7.css ei enää lataudu (27.10.2026): siitä uudella etusivulla vaikuttaneet säännöt */
.ebf-etusivu .hero{line-height:1.4}
.ebf-etusivu .hero img{max-width:100%}
body.home .gtranslate_wrapper .gt_switcher_wrapper{display:none!important}
/* Kosketusalueet ja 12 px vähimmäisteksti (QA 27.10.2026): "See all" jäi 41 px:iin kaistan korttien alle,
   lyhyet valmistajanimet (OOTD) olivat 39–41 px leveitä, tilausdemon korimerkki 11 px */
.ebf-etusivu .rh a{position:relative;z-index:1}
.ebf-etusivu .bt2 a{min-width:44px;justify-content:center}
.ebf-etusivu .cartx b{font-size:12px}
/* Karusellin pisteet kosketusnäytöllä vain sijainnin ilmaisimia (js/etusivu-malli.js): selaus nuolilla ja pyyhkäisyllä */
.ebf-etusivu .fd span{position:relative;display:block;width:7px;height:7px;border-radius:4px;background:var(--line);transition:width .35s,background .35s}
.ebf-etusivu .fd span.on{width:22px;background:var(--acc)}
/* Suositut nyt desktopilla (27.10.2026): 130 px:n kuva-alueella tehtaiden tuotekuvat jäivät pieniksi neliöiksi leveiden
   korttien keskelle (2560 px: 430 px leveä kortti, 130 px kuva). Kuva-alue kasvaa leveyden mukana; sivun rakenne ennallaan. */
@media(min-width:760px){.ebf-etusivu .pop .ri{height:clamp(150px,11vw,240px)}}
/* ===== Uusi hero (Kim 27.10.2026): talvinen auringonlasku taustana, vaihtuvat tehdaskortit (WAI-ARIA-karuselli) =====
   Mobiili: otsikot ylhäällä, karuselli niiden alla, napit ja edut alimpana. Tietokone (≥1024 px): tekstit vasemmalla,
   karuselli oikealla. Tumma liukuvärivarjostus takaa tekstien kontrastin kirkkaan taivaan päällä. */
.ebf-etusivu .hero2{position:relative;padding:10px 0 18px;line-height:1.4;text-align:center;color:#fff;color-scheme:dark}
.ebf-etusivu .hero2 .h2bg{position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);z-index:0;overflow:hidden;pointer-events:none}
.ebf-etusivu .hero2 .h2bg img{display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% 35%}
.ebf-etusivu .hero2 .h2bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,22,.62) 0,rgba(3,8,22,.42) 26%,rgba(3,8,22,.18) 48%,rgba(3,8,22,.28) 72%,rgba(3,8,22,.62) 100%)}
.ebf-etusivu .hero2 .h2in{position:relative;z-index:1;display:grid;grid-template-areas:"t" "k" "a";gap:12px;max-width:640px;margin:0 auto}
.ebf-etusivu .hero2 .h2tx{grid-area:t}
.ebf-etusivu .hero2 .h2ala{grid-area:a;display:grid;gap:14px}
.ebf-etusivu .hero2 .heb{margin:0 0 6px;font-size:15px;font-weight:600;color:#dfe6f1;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.ebf-etusivu .hero2 h1{margin:0;font-size:clamp(36px,10.6vw,60px);font-weight:700;letter-spacing:-.03em;line-height:1.02;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.ebf-etusivu .hero2 h1>span{display:inline-block;white-space:nowrap;color:#2aa9ff}
.ebf-etusivu .hero2 .hsub{max-width:352px;margin:8px auto 0;font-size:15.5px;font-weight:500;line-height:1.38;color:#eef2f8;text-shadow:0 1px 12px rgba(0,0,0,.75)}
.ebf-etusivu .hero2 .cta{display:grid;gap:10px}
.ebf-etusivu .hero2 .btn.o,.ebf-etusivu .hero2 .btn.s2{justify-content:center;min-height:54px;padding:14px 20px;font-size:17px;white-space:nowrap}
.ebf-etusivu .hero2 .btn.o{box-shadow:0 10px 28px rgba(201,67,0,.45)}
.ebf-etusivu .hero2 .btn.s2{background:rgba(6,12,26,.55);border-color:rgba(255,255,255,.45)}
.ebf-etusivu .hero2 .btn.s2 svg{width:15px;height:15px}
.ebf-etusivu .hero2 .btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* Edut: kolme saraketta, ikoni ylhäällä (pitkät käännökset mahtuvat kahdelle riville) */
.ebf-etusivu .hero2 .dlv.dlv2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:12px 4px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(6,12,26,.74);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center}
.ebf-etusivu .hero2 .dlv2 .dlr{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;margin:0;padding:0 6px;border:0}
.ebf-etusivu .hero2 .dlv2 .dlr+.dlr{border-left:1px solid rgba(255,255,255,.14)}
.ebf-etusivu .hero2 .dlv2 .euf,.ebf-etusivu .hero2 .dlv2 .dlr>i,.ebf-etusivu .hero2 .dlv2 .dlr>.dlt{flex:none;width:28px;height:28px;margin:0}
.ebf-etusivu .hero2 .dlv2 .dlr>div b{display:block;font-size:12.5px;font-weight:600;line-height:1.25;color:#fff}
.ebf-etusivu .hero2 .dlv2 .dlr>div>span{display:none}
.ebf-etusivu .screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);border:0;white-space:nowrap;word-wrap:normal!important}
@media(max-width:759px){
.ebf-etusivu .hero2 .cta{grid-template-columns:minmax(0,1fr)}
.ebf-etusivu .hero2 .cta .btn{width:100%}
}
@media(min-width:760px) and (max-width:1023px){.ebf-etusivu .hero2{padding:40px 0 30px}.ebf-etusivu .hero2 .hsub{max-width:520px;font-size:18px}}
@media(min-width:1024px){
.ebf-etusivu .hero2{padding:44px 0 48px;text-align:left}
.ebf-etusivu .hero2 .h2in{grid-template-areas:"t k" "a k";grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:28px 56px;max-width:none}
.ebf-etusivu .hero2 .h2tx{align-self:end}
.ebf-etusivu .hero2 .h2ala{align-self:start}
.ebf-etusivu .hero2 h1{font-size:clamp(48px,4.6vw,78px)}
.ebf-etusivu .hero2 .hsub{max-width:540px;margin:14px 0 0;font-size:19px}
.ebf-etusivu .hero2 .cta{display:flex;flex-wrap:wrap;gap:12px}
.ebf-etusivu .hero2 .dlv.dlv2{padding:14px 6px;text-align:left}
.ebf-etusivu .hero2 .dlv2 .dlr{flex-direction:row;align-items:center;gap:10px;padding:0 14px}
.ebf-etusivu .hero2 .dlv2 .dlr>div b{font-size:14px}
.ebf-etusivu .hero2 .h2bg img{object-position:50% 45%}
}
/* TikTok-tiedote poistettu heron yläreunasta (Kim 27.10.2026 klo 17.48: vie tilaa). */
/* Hero 3 (Kim 27.10.2026, ChatGPT:n malli): koko heron kokoinen talvikuva, teksti ja napit vasemmalla, TOP-tehtaat
   ja edut listana (rivit ovat linkkejä). Mobiilissa pystykuva (h3-pysty), kun se on olemassa; muuten vaakakuva
   rajattuna pyörän puolelle. Tummat liukuvärit takaavat valkoisen tekstin kontrastin. */
.ebf-etusivu .hero3{padding:16px 0 22px;text-align:left}
.ebf-etusivu .hero3 .h2in{grid-template-areas:"t" "a";gap:18px;max-width:none}
.ebf-etusivu .hero3 .h2bg img{object-position:66% 55%}
.ebf-etusivu .hero3.h3-pysty .h2bg img{object-position:50% 50%}
.ebf-etusivu .hero3 .h2bg::after{background:linear-gradient(90deg,rgba(3,8,22,.72) 0,rgba(3,8,22,.42) 55%,rgba(3,8,22,.12) 100%),linear-gradient(180deg,rgba(3,8,22,.35) 0,rgba(3,8,22,0) 30%,rgba(3,8,22,0) 52%,rgba(3,8,22,.82) 100%)}
.ebf-etusivu .hero3 .heb{margin:0 0 14px}
.ebf-etusivu .hero3 h1{font-size:clamp(38px,11vw,60px)}
.ebf-etusivu .hero3 .hsub{max-width:min(66%,340px);margin:12px 0 0;text-align:left}
.ebf-etusivu .hero3 .cta{justify-content:flex-start;max-width:min(74%,320px);margin:0}
.ebf-etusivu .hero3 .h3-nro{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#fff;font-size:12.5px;font-weight:800;letter-spacing:0;color:#0b1220}
.ebf-etusivu .hero3 .dlv.dlv2{grid-template-columns:minmax(0,1fr);padding:4px 16px;text-align:left}
.ebf-etusivu .hero3 .dlv2 .dlr{flex-direction:row;align-items:center;gap:14px;min-height:54px;padding:8px 0;text-decoration:none;color:#fff}
.ebf-etusivu .hero3 .dlv2 .dlr+.dlr{border-top:1px solid rgba(255,255,255,.12);border-left:0}
.ebf-etusivu .hero3 .dlv2 .euf,.ebf-etusivu .hero3 .dlv2 .dlr>i,.ebf-etusivu .hero3 .dlv2 .dlr>.dlt{width:32px;height:32px}
.ebf-etusivu .hero3 .dlv2 .dlr>div{flex:1;min-width:0}
.ebf-etusivu .hero3 .dlv2 .dlr>div b{font-size:15px;font-weight:600;line-height:1.3}
.ebf-etusivu .hero3 .dlv2 .dlr:hover b{text-decoration:underline;text-underline-offset:3px}
.ebf-etusivu .hero3 .dlv2 .dlr:focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:12px}
.ebf-etusivu .hero3 .dln{flex:none;width:18px;height:18px;fill:none;stroke:rgba(255,255,255,.7);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:1024px){
.ebf-etusivu .hero3{display:flex;align-items:center;min-height:clamp(560px,44vw,780px);padding:48px 0}
.ebf-etusivu .hero3 .h2in{grid-template-areas:"t" "a";grid-template-columns:minmax(0,680px);gap:26px;width:100%}
.ebf-etusivu .hero3 .h2tx,.ebf-etusivu .hero3 .h2ala{align-self:auto}
.ebf-etusivu .hero3 .h2ala{gap:22px}
.ebf-etusivu .hero3 .hsub{max-width:540px;margin-top:16px}
.ebf-etusivu .hero3 .cta{max-width:none}
.ebf-etusivu .hero3 .h2bg img{object-position:60% 50%}
.ebf-etusivu .hero3 .h2bg::after{background:linear-gradient(90deg,rgba(3,8,22,.8) 0,rgba(3,8,22,.55) 30%,rgba(3,8,22,.1) 58%,rgba(3,8,22,0) 100%),linear-gradient(180deg,rgba(3,8,22,.3) 0,rgba(3,8,22,0) 25%,rgba(3,8,22,0) 72%,rgba(3,8,22,.6) 100%)}
.ebf-etusivu .hero3 .dlv.dlv2{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;padding:8px 4px}
.ebf-etusivu .hero3 .dlv2 .dlr{gap:10px;min-height:56px;padding:6px 14px}
.ebf-etusivu .hero3 .dlv2 .dlr+.dlr{border-top:0;border-left:1px solid rgba(255,255,255,.14)}
.ebf-etusivu .hero3 .dlv2 .dlr>div b{font-size:14px}
.ebf-etusivu .hero3 .dln{display:none}
}
@media(min-width:1921px){
.ebf-etusivu .hero3 .h2bg{left:calc(50% - 960px);right:calc(50% - 960px)}
.ebf-etusivu .hero3 .h2bg img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent)}
}
/* Mobiilin pystykuva (Kim 27.10.2026, RANDRIDE YX90M): kuva luonnollisessa koossa koko leveydellä, otsikko taivaan päällä,
   pyörä ja kuski näkyvät kokonaan keskellä, napit alkavat pyörän alta (81 % kuvan korkeudesta, kuvasuhde 941×1672).
   Kuvan yläreunasta rajataan 9 % taivasta, jotta pääpainike mahtuu puhelimen ruudulle myös selaimen palkkien kanssa;
   kuvan alareuna häivytetään tummaan, jolla TOP-tehtaat ja edut ovat. */
@media(max-width:759px){
.ebf-etusivu .hero3.h3-pysty .h2bg{background:#030a1c}
.ebf-etusivu .hero3.h3-pysty .h2bg::after{content:none}
.ebf-etusivu .hero3.h3-pysty .h2bg picture{position:relative;display:block;margin-top:calc(100vw * -1.7768 * .09)}
.ebf-etusivu .hero3.h3-pysty .h2bg picture::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,22,.62) 0,rgba(3,8,22,.5) 34%,rgba(3,8,22,0) 47%,rgba(3,8,22,0) 76%,rgba(3,8,22,.72) 90%,#030a1c 100%)}
.ebf-etusivu .hero3.h3-pysty .h2bg img{height:auto;aspect-ratio:941/1672;object-fit:cover;object-position:50% 50%}
.ebf-etusivu .hero3.h3-pysty .h2in{display:block}
.ebf-etusivu .hero3.h3-pysty .h2tx{min-height:calc(100vw * 1.7768 * .72 - 16px)}
.ebf-etusivu .hero3.h3-pysty .hsub{max-width:none}
.ebf-etusivu .hero3.h3-pysty .cta{max-width:none}
}
/* Suosittu nyt: tuotteen oma kuva kokonaan näkyvissä, tyhjä tila saman kuvan sumennetulla versiolla (ei valkoisia reunoja
   tummassa kortissa). Valkopohjaisilla irtokuvilla sumennettu tausta on valkoinen kuten ennenkin. */
.ebf-etusivu .pop .ri-k{position:relative;display:block;overflow:hidden}
.ebf-etusivu .pop .ri-k[style]{background:#fff}
.ebf-etusivu .pop .ri-k[style]::before{content:"";position:absolute;inset:-12%;background:var(--ri) 50% 50%/cover no-repeat;filter:blur(16px);opacity:.92}
.ebf-etusivu .pop .ri-k .ri{position:relative}
.ebf-etusivu .pop .ri-k[style] .ri{background:transparent}

/* Mobiilin edut yhtenä kolmen sarakkeen rivinä (Kimin mockup 27.10.2026): ikoni ylhäällä, otsikko alla, 172 -> ~90 px */
@media(max-width:759px){
.ebf-etusivu .hero3 .dlv.dlv2{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 2px;text-align:center}
.ebf-etusivu .hero3 .dlv2 .dlr{flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-height:0;padding:2px 6px}
.ebf-etusivu .hero3 .dlv2 .dlr+.dlr{border-top:0;border-left:1px solid rgba(255,255,255,.12)}
.ebf-etusivu .hero3 .dlv2 .euf,.ebf-etusivu .hero3 .dlv2 .dlr>i,.ebf-etusivu .hero3 .dlv2 .dlr>.dlt{width:30px;height:30px}
.ebf-etusivu .hero3 .dlv2 .dlr>div{flex:none;max-width:100%}
.ebf-etusivu .hero3 .dlv2 .dlr>div b{font-size:12.5px;line-height:1.25;overflow-wrap:break-word;text-wrap:balance}
.ebf-etusivu .hero3 .dlv2 .dln{display:none}}
/* Hintavideon pitkä otsikko (Kim 27.10.2026 klo 19.17): "jopa 5 000 €" oranssilla, tehtaan alkaen-hinta sinisellä.
   Pidempi otsikko pienemmällä koolla; mobiilissa selitysrivi pois, ettei kortti veny. */
.ebf-etusivu .vfx b.vfl{font-size:clamp(18px,4.7vw,30px);line-height:1.12}
.ebf-etusivu .vfx b.vfl i{font-style:normal;color:var(--acc);white-space:nowrap}
@media(max-width:759px){.ebf-etusivu .vfx b.vfl~span{display:none}}
/* Mobiilin osastot kolmena rinnakkain (27.10.2026, Baymard: pääosastot näkyviin kerralla, ei pyyhkäisyä). Kortti on itse
   linkki, joten erillinen nuolinappi piilotetaan; otsikot omakäännöksenä tavutusvihjeillä (Sähkö­potku­laudat). */
@media(max-width:759px){
.ebf-etusivu .gcg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px;padding:0;overflow:visible;scroll-snap-type:none}
.ebf-etusivu .gcc{flex:none;border-radius:18px}
.ebf-etusivu .gcb{flex-direction:column;align-items:flex-start;gap:0;padding:9px 9px 11px}
.ebf-etusivu .gct{font-size:clamp(15px,4.3vw,18px);letter-spacing:-.02em;line-height:1.1;overflow-wrap:break-word;hyphens:manual}
.ebf-etusivu .gcp small{margin-top:4px;font-size:12px;line-height:1.25}
.ebf-etusivu .gcp small b{display:block;margin-top:1px;font-size:16px}
.ebf-etusivu .gcb em{display:none}
}
/* Mobiilin osastokortit: hinta korttien alareunaan samalle tasolle, vaikka otsikko rivittyisi (Sähkö-potku-laudat). */
@media(max-width:759px){
.ebf-etusivu .gcb{flex:1 1 auto}
.ebf-etusivu .gcp{display:flex;flex-direction:column;height:100%}
.ebf-etusivu .gcp small{margin-top:auto;padding-top:4px}
}
/* Nopeus (Lighthouse 27.10.2026: pääsäikeen työ 9,4 s, josta tyyli ja asettelu 2,4 s ja piirto 1,4 s): näkymän alapuoliset osiot
   piirretään vasta lähellä näkymää. Arviokoko on vain ensimmäiseen piirtoon; "auto" muistaa todellisen koon sen jälkeen.
   Valmistajanauha (matala) jätetään pois, ettei arvio venytä sivua. */
.ebf-etusivu :is(.go,.rail,.vfs,.how,.midx,.kla,.fee){content-visibility:auto;contain-intrinsic-size:auto 640px}
/* Heron osastohinnat poistettu 28.10.2026 (Kim, ChatGPT:n malli): hinnat ovat heron alla kuvallisissa osastokorteissa. */
/* Arviot (Kimin malli 23.13): kultaiset tähdet ja luku yhdellä rivillä, alkuperä pienellä alla; mobiilissa keskellä. */
.ebf-etusivu .hero3 .h3-arv{display:flex;flex-direction:column;align-items:center;gap:3px;justify-self:stretch;text-align:center;color:#fff;text-decoration:none}
.ebf-etusivu .hero3 .h3-arv-r{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600;line-height:1.2}
.ebf-etusivu .hero3 .h3-tahdet{font-size:18px;letter-spacing:1px;background-image:linear-gradient(90deg,var(--wp--preset--color--vari-14,#D4AB55) calc(var(--r) / 5 * 100%),rgba(255,255,255,.35) 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.ebf-etusivu .hero3 .h3-arv small{font-size:12px;font-weight:500;line-height:1.3;color:#a9b4c6}
.ebf-etusivu .hero3 .h3-arv:hover .h3-arv-l{text-decoration:underline;text-underline-offset:3px}
.ebf-etusivu .hero3 .h3-arv:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:6px}
.ebf-etusivu #arvostelut{scroll-margin-top:110px}
/* Säästölupaus otsikon alla (Kim 28.10.2026): sama fontti, valkoinen teksti, vain luku vihreänä (luottamus ja hyöty,
   ei alennustarran keltaista/punaista). Luku laskee 0 → 80 kerran; liikkeen vähennys: suoraan 80. Oikea luku on tekstinä
   (läpinäkyvä, pitää leveyden), animoitu luku ::after-sisältönä ilman ruudunlukijan tekstiä. */
@property --ebf-n{syntax:'<integer>';inherits:false;initial-value:0}
.ebf-etusivu .hero3 .h3-saasto{margin:12px 0 0;font-size:24px;font-weight:700;line-height:1.05;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.ebf-etusivu .hero3 .h3-sl{font-size:44px;font-weight:700;letter-spacing:-.03em;white-space:nowrap;color:var(--wp--preset--color--vari-15,#08D300)}
.ebf-etusivu .hero3 .h3-tahti{font-size:20px;line-height:0;color:#fff;vertical-align:super}
/* "Osta kuin kauppias itse!" nousee esiin laskurin jälkeen; vertailukohta ja hehkuva "Katso video" -nappi (hintavideo) */
.ebf-etusivu .hero3 .h3-kauppias{margin:2px 0 0;font-size:20px;font-weight:700;line-height:1.2;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.5);animation:ebf-kn .5s ease-out 1.35s both}
.ebf-etusivu .hero3 .h3-vert{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0 10px}
.ebf-etusivu .hero3 .h3-vt{font-size:12.5px;font-weight:500;line-height:1.3;color:#b9c3d2}
.ebf-etusivu .hero3 .h3-vv{display:inline-flex;flex:none;align-items:center;gap:7px;height:30px;padding:0 13px 0 4px;border:1px solid rgba(42,169,255,.55);border-radius:999px;background:rgba(10,40,80,.55);font-size:13.5px;font-weight:700;white-space:nowrap;color:#fff;text-decoration:none;animation:ebf-hehku 2.4s ease-out 2s infinite}
.ebf-etusivu .hero3 .h3-vv i{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#2aa9ff}
.ebf-etusivu .hero3 .h3-vv svg{width:12px;height:12px;margin-left:1px;fill:#fff}
.ebf-etusivu .hero3 .h3-vv:hover{border-color:#2aa9ff;background-color:rgba(10,40,80,.8)}
.ebf-etusivu .hero3 .h3-vv:focus-visible{outline:2px solid #fff;outline-offset:3px}
@keyframes ebf-hehku{0%{box-shadow:0 0 0 0 rgba(42,169,255,.65)}70%{box-shadow:0 0 0 9px rgba(42,169,255,0)}100%{box-shadow:0 0 0 0 rgba(42,169,255,0)}}
@keyframes ebf-kn{from{color:rgba(255,255,255,0);text-shadow:none}to{color:#fff}} /* vain teksti häivytetään: läpinäkyvyys häivyttäisi myös rivin tumman taustan (::before) */
@media(prefers-reduced-motion:reduce){.ebf-etusivu .hero3 :is(.h3-kauppias,.h3-vv){animation:none}}
.ebf-etusivu .hero3 .hsub{display:none} /* Kim 28.10.: "Osta kuin kauppias itse!" ja "Näin tilaat · 30 s" kertovat tilaamisen, alaotsikko pois kaikilla leveyksillä */
.ebf-etusivu .hero3 .h3-sn{position:relative;display:inline-block;min-width:2ch;font-variant-numeric:tabular-nums;text-align:right;color:transparent}
.ebf-etusivu .hero3 .h3-sn::after{content:counter(ebfn);content:counter(ebfn) / "";position:absolute;top:0;right:0;color:var(--wp--preset--color--vari-15,#08D300);counter-reset:ebfn var(--ebf-n);animation:ebf-laske 1.1s cubic-bezier(.2,.7,.2,1) .35s both}
@keyframes ebf-laske{from{--ebf-n:0}to{--ebf-n:80}}
@media(prefers-reduced-motion:reduce){.ebf-etusivu .hero3 .h3-sn::after{--ebf-n:80;animation:none}}
@media(min-width:1024px){.ebf-etusivu .hero3 .h3-saasto{margin-top:18px;font-size:30px}
.ebf-etusivu .hero3 .h3-sl{font-size:56px}
.ebf-etusivu .hero3 .h3-kauppias{margin-top:6px;font-size:26px}
.ebf-etusivu .hero3 .h3-vert{justify-content:flex-start;gap:16px;padding:12px 0 0}
.ebf-etusivu .hero3 .h3-vt{font-size:14px}
.ebf-etusivu .hero3 .h3-vv{height:34px;font-size:14.5px}}
@media(min-width:1024px){.ebf-etusivu .hero3 .h3-arv{align-items:flex-start;justify-self:start;text-align:left}}
/* Mobiili yhdelle ruudulle (Kim 23.16, 412×742): alaotsikko pois ("Näin tilaat · 30 s" kertoo tilaamisen), kuvasta
   rajataan taivasta, napit ja edut tiiviimmin.
   Otsikko mustaan laatikkoon (Kim 28.10.2026 klo 0.03): otsikko on ylärivin jatkona mustalla pohjalla eikä kuvan päällä,
   joten kuva jää puhtaaksi ja pyöräilijä näkyy kokonaan hintaruutujen alla. Etusivulla ylärivin osastolinkit
   (.ebf-kategoriat) piiloon, koska hintaruudut ovat samat kolme linkkiä; muilla sivuilla rivi säilyy. */
@media(max-width:759px){
body.home .ebf-kategoriat{display:none}
.ebf-etusivu .hero3{padding-top:0}
.ebf-etusivu .hero3 .hsub{display:none}
.ebf-etusivu .hero3 h1{position:relative;isolation:isolate;padding:2px 0 0;font-size:clamp(26px,7.5vw,38px);line-height:1.08} /* englanti ("Order direct from the factory.") yhdelle riville 360 px:stä alkaen, ettei hintaruudut osu kypärään */
.ebf-etusivu .hero3 h1 br{display:none}
/* Välilyönti rivinvaihdon tilalle: GTranslate pudottaa välin ennen <br>:ää ("suoraantehtaalta", Kim 28.10. klo 0.35).
   ::before-väli sulautuu mahdolliseen olemassa olevaan väliin (englanti), joten välejä ei tule kahta. */
.ebf-etusivu .hero3 h1>span{display:inline;white-space:normal}
.ebf-etusivu .hero3 h1>span::before{content:" "}
.ebf-etusivu .hero3 :is(.h3-saasto,.h3-kauppias,.h3-vert){position:relative;isolation:isolate;margin:0}
.ebf-etusivu .hero3 .h3-saasto{padding:0}
.ebf-etusivu .hero3 .h3-kauppias{padding:2px 0 0}
/* Tumma liukuma mustasta kuvaan tekstirivien alla (28.10. klo 2.09) */
.ebf-etusivu .hero3 :is(h1,.h3-saasto,.h3-kauppias,.h3-vert)::before{content:"";position:absolute;top:0;right:calc(50% - 50vw);bottom:0;left:calc(50% - 50vw);z-index:-1}
.ebf-etusivu .hero3 h1::before{background:#000}
.ebf-etusivu .hero3 .h3-saasto::before{background:linear-gradient(180deg,#000 0,rgba(0,0,0,.82) 100%)}
.ebf-etusivu .hero3 .h3-kauppias::before{background:linear-gradient(180deg,rgba(0,0,0,.82) 0,rgba(0,0,0,.66) 100%)}
.ebf-etusivu .hero3 .h3-vert::before{bottom:-44px;background:linear-gradient(180deg,rgba(0,0,0,.66) 0,rgba(0,0,0,.4) 40%,rgba(0,0,0,0) 100%)}
.ebf-etusivu .hero3.h3-pysty .h2bg picture{margin-top:calc(100vw * -1.7768 * .287 + 75px - (100vw - 380px) * .2239)} /* tekstirivit vievät ~75 px (380 px); leveämmällä kuva on isompi, joten siirtoa tarvitaan vähemmän -> kypärä ~14–18 px tekstin alla */
.ebf-etusivu .hero3.h3-pysty .h2tx{min-height:calc(100vw * 1.7768 * .511 + 65px - (100vw - 380px) * .2239)} /* pyörä kokonaan napin yläpuolella (Kim 28.10. klo 1.59) */
.ebf-etusivu .hero3{padding-bottom:8px}
/* Osastokortit nousevat ensimmäisen ruudun alareunaan: ei erotinviivaa, tiiviimpi yläväli */
.ebf-etusivu .go{margin-top:6px;padding-top:12px;border-top:0}
.ebf-etusivu .go h2{margin-bottom:16px}
.ebf-etusivu .hero3 .h2ala{gap:8px}
.ebf-etusivu .hero2 .cta{gap:8px}
.ebf-etusivu .hero2 .cta .btn{min-height:44px;padding-top:10px;padding-bottom:10px}
.ebf-etusivu .hero2 .cta .btn.s2{min-height:40px;padding-top:7px;padding-bottom:7px}
.ebf-etusivu .hero3 .dlv.dlv2{padding:6px 2px}
.ebf-etusivu .hero3 .dlv2 .euf,.ebf-etusivu .hero3 .dlv2 .dlr>i,.ebf-etusivu .hero3 .dlv2 .dlr>.dlt{width:24px;height:24px}
.ebf-etusivu .hero3 .dlv2 .dlr{gap:5px}
}
/* Tietokoneen hero-kuva (Kim 28.10.2026 klo 1.10, DUOTTS-kuva väliaikaisesti, rengasteksti poistettu): kuvassa kypärä on
   14 % ja renkaiden alareuna 93 % korkeudesta, joten leveällä näytöllä kansikuvana pyöräilijä tai renkaat leikkautuisivat.
   1280 px:stä alkaen kuva sovitetaan heron korkeuteen oikeaan reunaan ja vasen reuna häivytetään tummaan tekstin alle;
   1024–1279 px kuva täyttää heron (rajaus 55 % ylhäältä; 28.10. klo 1.55 uusi kuva: kypärä 20 %, renkaat 88 %). */
@media(min-width:1024px){.ebf-etusivu :is(.hero3.h3-pysty,.hero3) .h2bg img{object-position:60% 55%}}
@media(min-width:1280px){
.ebf-etusivu .hero3 .h2bg{background:#030a1c}
.ebf-etusivu .hero3 .h2bg picture{position:absolute;top:0;right:0;bottom:0;display:block;height:100%;aspect-ratio:1672/941}
.ebf-etusivu :is(.hero3.h3-pysty,.hero3) .h2bg img{object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%);mask-image:linear-gradient(90deg,transparent 0,#000 24%)}
}
@media(min-width:1921px){.ebf-etusivu :is(.hero3.h3-pysty,.hero3) .h2bg img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 93%,transparent)}}
/* Palvelumaksu osastokorttien alla (Kim 28.10.2026: hinnat siirtyivät herosta kortteihin) */
.ebf-etusivu .gofee{margin:-2px 0 14px;font-size:12.5px;font-weight:500;color:var(--muted)}