.live-tail{font-family:var(--f);color:var(--ink)}
.live-tail .section-h2{margin-top:12px;font-size:var(--type-section-title);font-weight:700;letter-spacing:-.035em;line-height:1.1;color:var(--ink)}
.live-tail .section-sub{margin-top:16px;font-size:var(--type-body);color:var(--ink-3);line-height:1.7;max-width:590px}
.live-tail .tail-eyebrow{font-size:var(--type-label);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--moss)}

.live-tail .live-map-section{padding:clamp(64px,8vw,96px) var(--px);background:#fff;border-top:1px solid var(--border)}
.live-tail .story-map-bridge{max-width:var(--content-width);margin:0 auto 48px;text-align:center}
.live-tail .story-map-bridge p{font-size:var(--type-lead);font-weight:500;color:var(--ink-2);line-height:1.65;max-width:52ch;margin:0 auto}
.live-tail .story-map-bridge strong{color:var(--moss);font-weight:700}
.live-tail .story-map-grid{max-width:var(--content-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.live-tail .map-points{margin-top:24px;display:flex;flex-direction:column;gap:12px}
.live-tail .map-point{display:flex;align-items:flex-start;gap:10px;font-size:var(--type-small);color:var(--ink-2);line-height:1.6}
.live-tail .map-check{width:24px;height:24px;border-radius:50%;background:#EAF3DE;color:var(--moss);display:flex;align-items:center;justify-content:center;font-size:var(--type-label);font-weight:700;flex-shrink:0;margin-top:1px}
.live-tail .map-source{margin-top:12px;font-size:var(--type-label);color:var(--ink-4);line-height:1.55;max-width:440px}
.live-tail .hero-map-widget{display:block;position:relative;text-decoration:none;color:inherit;transition:transform .2s;width:100%;max-width:460px}
.live-tail .hero-map-widget:hover{transform:translateY(-2px)}
.live-tail .hero-map-card{background:var(--s2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.08)}
.live-tail .hero-map-header{background:#1C3829;padding:12px 16px;display:flex;align-items:center;gap:8px}
.live-tail .hero-map-header span:first-child{font-size:var(--type-label);font-weight:600;color:#fff}
.live-tail .hero-map-live{margin-left:auto;font-size:var(--type-label);color:var(--ink-4);font-weight:600}
.live-tail .hero-map-body{position:relative;padding:0;background:#E8EFE8}
.live-tail .hero-map-fallback{display:block;width:100%;height:auto;aspect-ratio:280/400;object-fit:contain}
.live-tail .hero-map-body svg{position:absolute;inset:0;display:block;width:100%;height:100%}
.live-tail .hero-map-body:has(svg[data-map-painted="1"]) .hero-map-fallback{visibility:hidden}
.live-tail .hero-map-stats{background:#fff;padding:10px 14px;display:flex;border-top:1px solid var(--border)}
.live-tail .hero-map-stats>div{flex:1;text-align:center;border-right:1px solid var(--border)}
.live-tail .hero-map-stats>div:last-child{border-right:0}
.live-tail .hero-map-stat-num{font-size:var(--type-small);font-weight:700;color:#1C3829}
.live-tail .hero-map-stat-num.green{color:var(--moss)}
.live-tail .hero-map-stat-num.clay{color:#BA7517}
.live-tail .hero-map-stat-lbl{font-size:var(--type-label);color:var(--ink-4);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}
.live-tail .hero-map-badge{position:absolute;top:-12px;right:-12px;background:#BA7517;color:#fff;font-size:var(--type-label);font-weight:700;padding:5px 11px;border-radius:999px;box-shadow:0 2px 8px rgba(186,117,23,.3)}

.live-tail .elava-section{padding:clamp(64px,8vw,96px) var(--px);background:var(--s1);border-top:1px solid var(--border)}
.live-tail .elava-grid{max-width:var(--content-width);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center}
.live-tail .elava-facts{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;font-size:var(--type-small);font-weight:600;color:var(--ink-3)}
.live-tail .elava-colors{display:inline-flex;gap:4px}
.live-tail .elava-colors i{display:block;width:10px;height:10px;border-radius:50%}
.live-tail .edc{width:100%;max-width:100%;min-width:0}
.live-tail .edc-stage{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(255,255,255,.7),transparent 55%),#efeae2;border-radius:22px;border:1px solid rgba(20,19,26,.06);box-shadow:0 1px 0 rgba(255,255,255,.75) inset,0 18px 40px rgba(40,32,24,.1),0 4px 12px rgba(40,32,24,.05)}
.live-tail .edc-loading{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;margin:0;font-size:.88rem;color:#6b6570;background:#efeae2}
.live-tail .edc-inner{position:absolute;top:0;left:0;width:1280px;height:900px;transform-origin:top left;pointer-events:none}
.live-tail .edc-frame{display:block;width:1280px;height:900px;border:0;background:#fff}
.live-tail .edc-fade{position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(to top,rgba(40,32,24,.34),rgba(40,32,24,.08) 55%,transparent);pointer-events:none}
.live-tail .edc-arrow{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:999px;background:rgba(255,255,255,.85);color:#3a342c;font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(40,32,24,.12)}
.live-tail .edc-arrow--prev{left:.4rem}
.live-tail .edc-arrow--next{right:.4rem}
.live-tail .edc-meta{position:absolute;left:.85rem;bottom:.85rem;z-index:2}
.live-tail .edc-name{font-size:.8rem;font-weight:600;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.live-tail .edc-dots{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:.85rem}
.live-tail .edc-dot{width:9px;height:9px;border-radius:999px;border:0;padding:0;background:rgba(20,19,26,.14);cursor:pointer}
.live-tail .edc-dot--on{width:22px;background:rgba(20,19,26,.45)}

.live-tail .pricing-section{background:var(--moss);padding:clamp(64px,8vw,104px) var(--px);color:#fff}
.live-tail .pricing-inner{max-width:var(--content-width);margin:0 auto;width:100%}
.live-tail .pricing-header{max-width:640px;margin-bottom:48px}
.live-tail .pricing-audience,.live-tail .pricing-ey{display:block;font-size:var(--type-label);font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.live-tail .pricing-audience{margin-bottom:10px;color:rgba(255,255,255,.72)}
.live-tail .pricing-ey{color:#F6C453}
.live-tail .pricing-h2{margin-top:12px;font-size:var(--type-section-title);font-weight:700;letter-spacing:-.035em;line-height:1.1;color:#fff}
.live-tail .pricing-sub{margin-top:16px;font-size:var(--type-body);color:rgba(255,255,255,.88);line-height:1.7}
.live-tail .pricing-vat{margin-top:12px;font-size:var(--type-label);font-weight:600;color:rgba(255,255,255,.8)}
.live-tail .pricing-grid{display:grid;gap:24px}
.live-tail .price-card{display:flex;flex-direction:column;border-radius:var(--radius);padding:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);min-width:0}
.live-tail .price-card.featured{background:var(--s1);color:var(--ink);border:1px solid var(--clay);box-shadow:0 25px 50px rgba(0,0,0,.3)}
.live-tail .pc-header{display:flex;align-items:flex-start;justify-content:space-between}
.live-tail .pc-label{font-size:var(--type-label);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.9)}
.live-tail .featured .pc-label{color:rgba(45,106,79,.75)}
.live-tail .pc-popular{border-radius:999px;background:var(--clay);padding:4px 10px;font-size:var(--type-label);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff}
.live-tail .pc-amount{margin-top:24px;display:flex;align-items:baseline;gap:4px}
.live-tail .pc-num{font-size:clamp(2rem,3vw,2.25rem);font-weight:700;color:#fff}
.live-tail .featured .pc-num{color:var(--ink)}
.live-tail .pc-period{font-size:var(--type-small);color:rgba(255,255,255,.9)}
.live-tail .featured .pc-period{color:rgba(17,24,39,.65)}
.live-tail .pc-alv{display:block;margin-top:8px;font-size:var(--type-label);font-weight:600;color:rgba(255,255,255,.88)}
.live-tail .featured .pc-alv{color:rgba(17,24,39,.7)}
.live-tail .pc-features{margin-top:24px;flex:1;list-style:none;display:flex;flex-direction:column;gap:12px;font-size:var(--type-small);color:rgba(255,255,255,.95)}
.live-tail .featured .pc-features{color:rgba(17,24,39,.88)}
.live-tail .pc-features li{display:flex;align-items:flex-start;gap:10px;line-height:1.5}
.live-tail .pc-check{color:#F6C453}
.live-tail .pc-btn-o,.live-tail .pc-btn-m{margin-top:32px;border-radius:999px;padding:12px 16px;min-height:44px;font-size:16px;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center}
.live-tail .pc-btn-o{border:1px solid rgba(255,255,255,.25);color:#fff}
.live-tail .pc-btn-m{background:var(--moss);color:#fff}
.live-tail .addon-box{margin-top:40px;display:grid;gap:24px;border-radius:var(--radius);background:rgba(255,255,255,.05);padding:24px;border:1px solid rgba(255,255,255,.1)}
.live-tail .addon-price{margin-top:8px;font-size:var(--type-card-title);font-weight:700}
.live-tail .addon-desc,.live-tail .addon-r{font-size:var(--type-small);line-height:1.65;color:rgba(255,255,255,.92)}
.live-tail .addon-r{border-radius:12px;background:rgba(255,255,255,.05);padding:20px}

.live-tail .faq-section{padding:clamp(48px,7vw,80px) var(--px);background:var(--s2)}
.live-tail .faq-inner{max-width:768px;margin:0 auto}
.live-tail .faq-header{margin-bottom:40px;text-align:center}
.live-tail .faq-list{border-radius:var(--radius);background:#fff;border:1px solid var(--border);overflow:hidden}
.live-tail .faq-item{border-bottom:1px solid var(--border)}
.live-tail .faq-item:last-child{border-bottom:0}
.live-tail .faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;min-height:56px;font-size:var(--type-body);font-weight:600;cursor:pointer;list-style:none}
.live-tail .faq-item summary::-webkit-details-marker{display:none}
.live-tail .faq-icon{width:24px;height:24px;border-radius:50%;background:var(--s2);color:var(--moss);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border);transition:transform .2s}
.live-tail details[open] .faq-icon{transform:rotate(45deg)}
.live-tail .faq-answer{padding:0 24px 20px;font-size:var(--type-small);color:var(--ink-3);line-height:1.7}

.live-tail .cta-section{padding:0 var(--px) clamp(64px,8vw,96px);background:var(--s1)}
.live-tail .cta-inner{max-width:var(--content-width);margin:0 auto;border-radius:var(--radius-feature);background:#fff;padding:clamp(48px,7vw,96px) clamp(20px,5vw,64px);border:1px solid var(--border);text-align:center}
.live-tail .cta-ey{font-size:var(--type-label);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--clay)}
.live-tail .cta-h2{margin-top:12px;font-size:var(--type-section-title);font-weight:700;letter-spacing:-.035em;line-height:1.1}
.live-tail .cta-sub{margin:20px auto 0;font-size:var(--type-body);color:var(--ink-3);line-height:1.7;max-width:46ch}
.live-tail .cta-btns{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}

.live-tail footer{background:var(--bg-dark);padding:clamp(56px,8vw,80px) var(--px) 40px;color:rgba(255,255,255,.8)}
.live-tail .footer-inner{max-width:var(--content-width);margin:0 auto}
.live-tail .footer-grid{display:grid;gap:48px;margin-bottom:64px}
.live-tail .footer-logo{font-size:clamp(28px,4vw,36px);font-weight:700;letter-spacing:-.02em}
.live-tail .footer-desc{margin-top:16px;max-width:320px;font-size:var(--type-small);color:rgba(255,255,255,.75);line-height:1.7}
.live-tail .footer-ytunnus{margin-top:12px;font-size:var(--type-label);color:rgba(255,255,255,.5)}
.live-tail .footer-trust{margin-top:20px}
.live-tail .footer-trust__img{width:auto;height:210px;max-width:360px;object-fit:contain;opacity:.9;border-radius:8px}
.live-tail .footer-col-label{margin-bottom:20px;font-size:var(--type-label);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.55)}
.live-tail .footer-col-links{list-style:none;display:flex;flex-direction:column;gap:12px;font-size:var(--type-small)}
.live-tail .footer-col-links a:hover{color:#fff}
.live-tail .footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:32px;font-size:var(--type-label);color:rgba(255,255,255,.4)}
.live-tail .footer-bottom-legal{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:center}
.live-tail .footer-cookie-btn{padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}

@media(min-width:768px){
  .live-tail .addon-box{grid-template-columns:1fr 1fr;align-items:center;padding:32px}
  .live-tail .footer-grid{grid-template-columns:2fr 1fr 1fr}
  .live-tail .footer-bottom{flex-direction:row}
  .live-tail .price-card{padding:32px}
}
@media(min-width:800px){
  .live-tail .partners-inner{grid-template-columns:minmax(16em,22em) minmax(0,1fr);gap:28px 48px;align-items:center}
}
@media(min-width:1024px){
  .live-tail .pricing-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .live-tail .story-map-grid,.live-tail .elava-grid{grid-template-columns:1fr;gap:32px}
  .live-tail .hero-map-widget{margin:0 auto}
}
@media(max-width:767px){
  .live-tail .faq-item summary{align-items:flex-start;line-height:1.35;padding:16px}
  .live-tail .faq-answer{padding:0 16px 16px}
  .live-tail .faq-header{margin-bottom:24px}
  .live-tail .hero-map-badge{top:8px;right:8px}
  .live-tail .cta-btns{margin-top:24px}
  .live-tail .cta-btns .btn-primary,.live-tail .cta-btns .btn-outline{width:100%}
  .live-tail .cta-inner{padding:32px 20px}
  .live-tail .live-map-section,.live-tail .elava-section{padding:clamp(40px,8vw,64px) var(--px)}
  .live-tail .story-map-bridge{margin-bottom:28px}
  .live-tail .pricing-section{padding:clamp(40px,8vw,72px) var(--px)}
  .live-tail .pricing-header{margin-bottom:28px}
  .live-tail .footer-grid{gap:28px;margin-bottom:36px}
  .live-tail .footer-trust__img{height:165px}
}
