Files
konesaliturku.fi/konesali.html
Jukka Lampikoski cb02d521e5 Expand konesali page content and add illustrations across all pages
- Konesali: add descriptive paragraphs to all 6 sections (sähkö, jäähdytys,
  tietoliikenne, turvallisuus, tilat, ympäristö) with detailed explanations
- Konesali: add decorative SVG illustrations to all sections
- Yhteydet: add illustrations to yhteyspaketit and operaattorit sections
- Index: add illustrations to hinnat and miksi sections
- CSS: add .spec-intro style for descriptive text blocks

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-09 19:42:21 +02:00

542 lines
34 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="fi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Konesali — Tekniset tiedot | Konesali Turku</title>
<meta name="description" content="Konesali Turun tekniset tiedot: sähköjärjestelmät, jäähdytys, tietoliikenneyhteydet, turvallisuus ja tilat.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Header -->
<header class="header" id="header">
<div class="container header-inner">
<a href="/" class="logo">
<svg class="logo-icon" viewBox="0 0 32 38" width="28" height="33" fill="none">
<path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/>
<path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/>
<rect x="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/>
<rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
<rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
<rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
<circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/>
<circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/>
<circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/>
<line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
<line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
<line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
</svg>
<span>Konesali<strong>Turku</strong></span>
</a>
<nav class="nav" id="nav">
<a href="index.html#palvelut">Palvelut</a>
<a href="index.html#hinnat">Hinnat</a>
<a href="konesali.html" class="active">Konesali</a>
<a href="yhteydet.html">Yhteydet</a>
<a href="index.html#yhteystiedot" class="nav-cta">Jätä tarjouspyyntö</a>
</nav>
<button class="nav-toggle" id="nav-toggle" aria-label="Avaa valikko">
<span></span>
<span></span>
<span></span>
</button>
</div>
</header>
<!-- Page Hero -->
<section class="page-hero">
<div class="container">
<h1>Konesalin tekniset tiedot</h1>
<p>Ammattitason laitetila Turussa &mdash; suunniteltu jatkuvaan, katkeamattomaan toimintaan. Redundantit järjestelmät, tehokas jäähdytys ja monikerroksiset turvallisuusratkaisut varmistavat, että laitteesi toimivat luotettavasti ympäri vuorokauden.</p>
</div>
</section>
<!-- Overview -->
<section class="section">
<div class="container">
<div class="specs-overview">
<div class="spec-highlight">
<div class="spec-highlight-value">99,9%</div>
<div class="spec-highlight-label">Käytettävyys (SLA)</div>
</div>
<div class="spec-highlight">
<div class="spec-highlight-value">N+1</div>
<div class="spec-highlight-label">Redundanssi</div>
</div>
<div class="spec-highlight">
<div class="spec-highlight-value">24/7</div>
<div class="spec-highlight-label">Valvonta</div>
</div>
<div class="spec-highlight">
<div class="spec-highlight-value">100 Gbit/s</div>
<div class="spec-highlight-label">Saatavilla jopa</div>
</div>
</div>
</div>
</section>
<!-- Sähkö -->
<section class="section section-dark section-with-illustration" id="sahko">
<!-- Lightning bolt / power illustration -->
<div class="illustration-right" aria-hidden="true">
<svg viewBox="0 0 200 400" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:100%;" preserveAspectRatio="xMidYMid slice">
<path d="M120 40L60 200h50L80 360l100-200h-60l40-120z" stroke="rgba(240,112,96,0.08)" stroke-width="1.5" fill="rgba(240,112,96,0.03)"/>
<path d="M100 80L55 220h40L70 340l80-160h-50l30-100z" stroke="rgba(240,112,96,0.06)" stroke-width="1" fill="none"/>
<circle cx="90" cy="120" r="3" fill="rgba(240,112,96,0.12)"/>
<circle cx="110" cy="200" r="2" fill="rgba(240,112,96,0.10)"/>
<circle cx="80" cy="280" r="4" fill="rgba(240,112,96,0.08)"/>
</svg>
</div>
<div class="container">
<div class="spec-section">
<div class="spec-section-header">
<div class="spec-section-icon">
<svg viewBox="0 0 24 24" width="48" height="48" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M13 10V3L4 14h7v7l9-11h-7z"/>
</svg>
</div>
<div>
<h2>Sähköjärjestelmät</h2>
<p>Kahdennettu sähkönsyöttö varmistaa katkeamattoman toiminnan</p>
</div>
</div>
<p class="spec-intro">Konesalimme sähköinfra on rakennettu täysin kahdennetulla A/B-syötöllä kahdelta erilliseltä muuntajalta. Sähkökatkon sattuessa online double-conversion UPS-järjestelmä pitää laitteet käynnissä välittömästi, ja dieselgeneraattori käynnistyy automaattisesti sekuntien sisällä. Jokaisen kaapin tehonkulutusta seurataan reaaliajassa monitoroiduilla PDU-yksiköillä, ja asiakkaat voivat seurata omaa kulutustaan hallintapaneelista.</p>
<div class="spec-table">
<table>
<tbody>
<tr>
<td class="spec-label">Sähkönsyöttö</td>
<td>Kahdennettu A/B-syöttö kahdelta eri muuntajalta</td>
</tr>
<tr>
<td class="spec-label">UPS-järjestelmä</td>
<td>Online double-conversion UPS, N+1 redundantti</td>
</tr>
<tr>
<td class="spec-label">Akuston kapasiteetti</td>
<td>Vähintään 15 minuuttia täydellä kuormalla</td>
</tr>
<tr>
<td class="spec-label">Varavoimageneraattori</td>
<td>Dieselgeneraattori, automaattinen käynnistys sähkökatkossa</td>
</tr>
<tr>
<td class="spec-label">Teho per kaappi</td>
<td>28 kW (räätälöitävissä tarpeen mukaan)</td>
</tr>
<tr>
<td class="spec-label">Liitännät</td>
<td>230V / 16A, C13 -pistokkeet</td>
</tr>
<tr>
<td class="spec-label">PDU</td>
<td>Monitoroidut PDU:t (virrankulutuksen seuranta)</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- Jäähdytys -->
<section class="section section-with-illustration" id="jaahdytys">
<!-- Snowflake / cooling illustration -->
<div class="illustration-left" aria-hidden="true">
<svg viewBox="0 0 200 400" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:100%;" preserveAspectRatio="xMidYMid slice">
<g stroke="rgba(100,160,220,0.10)" stroke-width="1">
<line x1="100" y1="60" x2="100" y2="340"/>
<line x1="40" y1="130" x2="160" y2="270"/>
<line x1="40" y1="270" x2="160" y2="130"/>
<line x1="100" y1="60" x2="85" y2="80"/>
<line x1="100" y1="60" x2="115" y2="80"/>
<line x1="100" y1="340" x2="85" y2="320"/>
<line x1="100" y1="340" x2="115" y2="320"/>
<line x1="40" y1="130" x2="60" y2="125"/>
<line x1="40" y1="130" x2="50" y2="145"/>
<line x1="160" y1="270" x2="140" y2="275"/>
<line x1="160" y1="270" x2="150" y2="255"/>
</g>
<circle cx="100" cy="200" r="20" stroke="rgba(100,160,220,0.12)" stroke-width="1" fill="rgba(100,160,220,0.03)"/>
<circle cx="60" cy="100" r="6" fill="rgba(100,160,220,0.06)"/>
<circle cx="140" cy="300" r="8" fill="rgba(100,160,220,0.06)"/>
<circle cx="50" cy="240" r="4" fill="rgba(100,160,220,0.08)"/>
</svg>
</div>
<div class="container">
<div class="spec-section">
<div class="spec-section-header">
<div class="spec-section-icon">
<svg viewBox="0 0 24 24" width="48" height="48" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M12 3v18m0-18l-3 3m3-3l3 3m-3 15l-3-3m3 3l3-3M3 12h18M3 12l3-3M3 12l3 3m15-3l-3-3m3 3l-3 3"/>
</svg>
</div>
<div>
<h2>Jäähdytys</h2>
<p>Tehokas ja energiaoptimoitu jäähdytysjärjestelmä</p>
</div>
</div>
<p class="spec-intro">Konesali käyttää Cold Aisle Containment -rakennetta, jossa kylmä ilma ohjataan suljetun käytävän kautta suoraan laitteiden etuosaan. Tämä estää kylmän ja lämpimän ilman sekoittumisen ja parantaa jäähdytyksen tehokkuutta merkittävästi. Suomen viileä ilmasto on merkittävä etu &mdash; suurimman osan vuodesta voimme hyödyntää ulkoilmaa jäähdytykseen (free cooling), mikä vähentää energiankulutusta ja laskee asiakkaidemme hiilijalanjälkeä.</p>
<div class="spec-table">
<table>
<tbody>
<tr>
<td class="spec-label">Jäähdytystyyppi</td>
<td>Precision air cooling, Cold Aisle Containment</td>
</tr>
<tr>
<td class="spec-label">Redundanssi</td>
<td>N+1 jäähdytyskapasiteetti</td>
</tr>
<tr>
<td class="spec-label">Lämpötila</td>
<td>Tavoite 2024 °C (ASHRAE A1 -suositus)</td>
</tr>
<tr>
<td class="spec-label">Ilmankosteus</td>
<td>4060% suhteellinen kosteus</td>
</tr>
<tr>
<td class="spec-label">Valvonta</td>
<td>Jatkuva lämpötila- ja kosteusseuranta, hälytykset</td>
</tr>
<tr>
<td class="spec-label">Free cooling</td>
<td>Ulkoilman hyödyntäminen Suomen ilmaston ansiosta</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- Tietoliikenne -->
<section class="section section-dark section-with-illustration" id="tietoliikenne">
<!-- Network nodes illustration -->
<div class="illustration-left" aria-hidden="true">
<svg viewBox="0 0 200 400" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:100%;" preserveAspectRatio="xMidYMid slice">
<circle cx="80" cy="120" r="10" stroke="rgba(240,112,96,0.10)" stroke-width="1" fill="rgba(240,112,96,0.03)"/>
<circle cx="140" cy="180" r="8" stroke="rgba(240,112,96,0.10)" stroke-width="1" fill="rgba(240,112,96,0.03)"/>
<circle cx="60" cy="250" r="12" stroke="rgba(240,112,96,0.10)" stroke-width="1" fill="rgba(240,112,96,0.03)"/>
<circle cx="130" cy="310" r="7" stroke="rgba(240,112,96,0.10)" stroke-width="1" fill="rgba(240,112,96,0.03)"/>
<circle cx="100" cy="80" r="5" stroke="rgba(240,112,96,0.08)" stroke-width="1" fill="none"/>
<line x1="80" y1="120" x2="140" y2="180" stroke="rgba(240,112,96,0.08)" stroke-width="1"/>
<line x1="140" y1="180" x2="60" y2="250" stroke="rgba(240,112,96,0.08)" stroke-width="1"/>
<line x1="60" y1="250" x2="130" y2="310" stroke="rgba(240,112,96,0.08)" stroke-width="1"/>
<line x1="80" y1="120" x2="60" y2="250" stroke="rgba(240,112,96,0.06)" stroke-width="1" stroke-dasharray="4 4"/>
<line x1="140" y1="180" x2="130" y2="310" stroke="rgba(240,112,96,0.06)" stroke-width="1" stroke-dasharray="4 4"/>
</svg>
</div>
<div class="container">
<div class="spec-section">
<div class="spec-section-header">
<div class="spec-section-icon">
<svg viewBox="0 0 24 24" width="48" height="48" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/>
</svg>
</div>
<div>
<h2>Tietoliikenne</h2>
<p>Moniliittymäinen verkko usealta operaattorilta</p>
</div>
</div>
<p class="spec-intro">Konesalimme on carrier-neutral &mdash; et ole sidottu yhteen operaattoriin. Tarjoamme yhteydet useilta eri operaattoreilta, ja voit valita tai kilpailuttaa parhaan vaihtoehdon tarpeisiisi. Oletusnopeus on 1 Gbit/s, mutta yhteys on päivitettävissä aina 100 Gbit/s asti. BGP-reititys ja oma AS-numero mahdollistavat monimutkaisten verkkoympäristöjen rakentamisen. Cross-connect-yhteyksillä voit yhdistää laitteesi suoraan muihin operaattoreihin tai asiakkaisiin samassa tilassa.</p>
<div class="spec-table">
<table>
<tbody>
<tr>
<td class="spec-label">Porttinopeudet</td>
<td>Oletus 1 Gbit/s, päivitettävissä 10 / 25 / 40 / 100 Gbit/s</td>
</tr>
<tr>
<td class="spec-label">Operaattorit</td>
<td>Moniliittymäinen (useampi operaattori redundanssia varten)</td>
</tr>
<tr>
<td class="spec-label">Liikenne</td>
<td>Rajoittamaton sisäänpäin/ulospäin</td>
</tr>
<tr>
<td class="spec-label">IPv4</td>
<td>18 osoitetta paketista riippuen (lisäosoitteet saatavilla)</td>
</tr>
<tr>
<td class="spec-label">IPv6</td>
<td>/64 /48 -verkot saatavilla</td>
</tr>
<tr>
<td class="spec-label">Reititys</td>
<td>BGP-reititys, oma AS-numero saatavilla</td>
</tr>
<tr>
<td class="spec-label">Cross-connect</td>
<td>Suorat yhteydet muihin operaattoreihin ja asiakkaisiin</td>
</tr>
<tr>
<td class="spec-label">SLA</td>
<td>99,9% verkon käytettävyys</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- Turvallisuus -->
<section class="section section-with-illustration" id="turvallisuus">
<!-- Shield / lock illustration -->
<div class="illustration-right" aria-hidden="true">
<svg viewBox="0 0 200 400" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:100%;" preserveAspectRatio="xMidYMid slice">
<path d="M100 80L50 110v60c0 55 20 100 50 120 30-20 50-65 50-120v-60L100 80z" stroke="rgba(240,112,96,0.10)" stroke-width="1.5" fill="rgba(240,112,96,0.02)"/>
<path d="M100 120L70 138v35c0 32 12 58 30 70 18-12 30-38 30-70v-35L100 120z" stroke="rgba(240,112,96,0.07)" stroke-width="1" fill="none"/>
<path d="M88 185l8 8 20-20" stroke="rgba(240,112,96,0.12)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="60" cy="280" r="12" stroke="rgba(240,112,96,0.06)" stroke-width="1" fill="none"/>
<rect x="54" y="274" width="12" height="10" rx="2" stroke="rgba(240,112,96,0.08)" stroke-width="1"/>
<path d="M57 274v-4a3 3 0 016 0v4" stroke="rgba(240,112,96,0.08)" stroke-width="1"/>
</svg>
</div>
<div class="container">
<div class="spec-section">
<div class="spec-section-header">
<div class="spec-section-icon">
<svg viewBox="0 0 24 24" width="48" height="48" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/>
</svg>
</div>
<div>
<h2>Turvallisuus</h2>
<p>Monikerroksiset turvallisuusjärjestelmät suojaavat laitteita</p>
</div>
</div>
<p class="spec-intro">Laitteesi ovat turvassa usean kerroksen suojauksen takana. Konesaliin pääsy edellyttää sähköistä kulunvalvontaa avainkortilla ja henkilökohtaisella PIN-koodilla. Jokainen käynti kirjataan ja aikaleimataan. Kameravalvonta kattaa kaikki sisä- ja ulkotilat ympäri vuorokauden. Palontorjunnassa käytämme automaattista palonilmaisinjärjestelmää yhdistettynä inerttikaasu-sammutusjärjestelmään, joka sammuttaa tulipalon vahingoittamatta elektroniikkaa. Kaapit ovat aina lukittuja ja asiakaskohtaisilla avaimilla varustettuja.</p>
<div class="spec-table">
<table>
<tbody>
<tr>
<td class="spec-label">Kulunvalvonta</td>
<td>Sähköinen kulunvalvonta, avainkortti + PIN-koodi</td>
</tr>
<tr>
<td class="spec-label">Kameravalvonta</td>
<td>24/7 kameravalvonta sisä- ja ulkotiloissa, tallentava</td>
</tr>
<tr>
<td class="spec-label">Palontorjunta</td>
<td>Automaattinen palonilmaisinjärjestelmä, inerttikaasu-sammutusjärjestelmä</td>
</tr>
<tr>
<td class="spec-label">Kaappien lukitus</td>
<td>Lukittavat 42U-kaapit, asiakaskohtaiset avaimet</td>
</tr>
<tr>
<td class="spec-label">Hälytysjärjestelmä</td>
<td>Reaaliaikaiset hälytykset: lämpötila, kosteus, sähkö, murto</td>
</tr>
<tr>
<td class="spec-label">Pääsyloki</td>
<td>Kaikki käynnit kirjataan ja aikaleimotaan</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- Tilat -->
<section class="section section-dark section-with-illustration" id="tilat">
<!-- Server cabinet illustration -->
<div class="illustration-left" aria-hidden="true">
<svg viewBox="0 0 200 400" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:100%;" preserveAspectRatio="xMidYMid slice">
<rect x="55" y="80" width="90" height="240" rx="4" stroke="rgba(240,112,96,0.10)" stroke-width="1.5" fill="rgba(240,112,96,0.02)"/>
<rect x="65" y="95" width="70" height="18" rx="2" stroke="rgba(240,112,96,0.08)" stroke-width="0.8" fill="rgba(240,112,96,0.02)"/>
<rect x="65" y="120" width="70" height="18" rx="2" stroke="rgba(240,112,96,0.08)" stroke-width="0.8" fill="rgba(240,112,96,0.02)"/>
<rect x="65" y="145" width="70" height="18" rx="2" stroke="rgba(240,112,96,0.08)" stroke-width="0.8" fill="rgba(240,112,96,0.02)"/>
<rect x="65" y="170" width="70" height="18" rx="2" stroke="rgba(240,112,96,0.08)" stroke-width="0.8" fill="rgba(240,112,96,0.02)"/>
<rect x="65" y="195" width="70" height="18" rx="2" stroke="rgba(240,112,96,0.06)" stroke-width="0.8" fill="none"/>
<rect x="65" y="220" width="70" height="18" rx="2" stroke="rgba(240,112,96,0.06)" stroke-width="0.8" fill="none"/>
<circle cx="72" cy="104" r="2" fill="rgba(240,112,96,0.15)"/>
<circle cx="72" cy="129" r="2" fill="rgba(240,112,96,0.15)"/>
<circle cx="72" cy="154" r="2" fill="rgba(240,112,96,0.12)"/>
<circle cx="72" cy="179" r="2" fill="rgba(240,112,96,0.10)"/>
</svg>
</div>
<div class="container">
<div class="spec-section">
<div class="spec-section-header">
<div class="spec-section-icon">
<svg viewBox="0 0 24 24" width="48" height="48" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
</svg>
</div>
<div>
<h2>Tilat ja kaapit</h2>
<p>Ammattitason laitetila suunniteltu vaativaan käyttöön</p>
</div>
</div>
<p class="spec-intro">Konesalitilat on suunniteltu vaativaan palvelinympäristöön. Käytössä ovat standardikokoiset 42U-kaapit (600mm x 1000mm), jotka sopivat käytännössä kaikille palvelimille ja verkkolaitteille. Korotettu lattia mahdollistaa siistin kaapeloinnin ja tehokkaan ilmavirtauksen. Hot Aisle / Cold Aisle -erottelu varmistaa, ettei lämmin poistoilma sekoitu kylmään tuloilmaan. Asiakkailla on 24/7 pääsy omille laitteilleen etukäteisilmoituksella &mdash; tarvittaessa Remote Hands -palvelumme hoitaa fyysisen työn puolestasi.</p>
<div class="spec-table">
<table>
<tbody>
<tr>
<td class="spec-label">Sijainti</td>
<td>Turku, Suomi</td>
</tr>
<tr>
<td class="spec-label">Kaapit</td>
<td>Standardi 42U / 600mm x 1000mm serverikaapit</td>
</tr>
<tr>
<td class="spec-label">Ilmavirtaus</td>
<td>Hot Aisle / Cold Aisle -erottelu</td>
</tr>
<tr>
<td class="spec-label">Korotettu lattia</td>
<td>Korotettu lattia kaapelointia ja ilmavirtausta varten</td>
</tr>
<tr>
<td class="spec-label">Kantavuus</td>
<td>Riittävä raskaimmillekin palvelinratkaisuille</td>
</tr>
<tr>
<td class="spec-label">Pääsy</td>
<td>24/7 pääsy konesalille etukäteisilmoituksella</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- Ympäristö -->
<section class="section section-green section-with-illustration" id="ymparisto">
<!-- Sun / leaf illustration -->
<div class="illustration-right" aria-hidden="true">
<svg viewBox="0 0 200 400" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:100%;" preserveAspectRatio="xMidYMid slice">
<circle cx="110" cy="130" r="30" stroke="rgba(76,175,80,0.12)" stroke-width="1.5" fill="rgba(76,175,80,0.03)"/>
<g stroke="rgba(76,175,80,0.10)" stroke-width="1" stroke-linecap="round">
<line x1="110" y1="85" x2="110" y2="70"/>
<line x1="110" y1="175" x2="110" y2="190"/>
<line x1="65" y1="130" x2="50" y2="130"/>
<line x1="155" y1="130" x2="170" y2="130"/>
<line x1="78" y1="98" x2="68" y2="88"/>
<line x1="142" y1="162" x2="152" y2="172"/>
<line x1="78" y1="162" x2="68" y2="172"/>
<line x1="142" y1="98" x2="152" y2="88"/>
</g>
<path d="M80 260c0-30 25-50 50-40 5-20 30-25 40-10 15 0 25 12 20 25" stroke="rgba(76,175,80,0.10)" stroke-width="1" fill="none"/>
<path d="M100 300l-15-30c10-5 25-3 30 8 8-8 22-5 25 6" stroke="rgba(76,175,80,0.08)" stroke-width="1" fill="rgba(76,175,80,0.03)"/>
<line x1="100" y1="270" x2="100" y2="340" stroke="rgba(76,175,80,0.08)" stroke-width="1"/>
</svg>
</div>
<div class="container">
<div class="spec-section">
<div class="spec-section-header">
<div class="spec-section-icon" style="color: var(--color-accent);">
<svg viewBox="0 0 24 24" width="48" height="48" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"/>
</svg>
</div>
<div>
<h2>Ympäristö ja kestävyys</h2>
<p>100% uusiutuvaa energiaa &mdash; tuuli- ja aurinkovoima</p>
</div>
</div>
<p class="spec-intro">Vastuullisuus on meille tärkeää. Konesalimme käyttää 100-prosenttisesti uusiutuvilla energialähteillä tuotettua sähköä, joka on varmennettu alkuperätakuilla. Suomen viileä ilmasto on luonnollinen etu &mdash; free cooling mahdollistaa ulkoilmajäähdytyksen suurimman osan vuodesta, mikä laskee energiankulutusta merkittävästi. Konesalin tuottama hukkalämpö ei mene hukkaan, vaan se ohjataan lähialueen kaukolämpöverkkoon. PUE-tavoitteemme on alle 1,3, kun toimialan keskiarvo on 1,5&ndash;1,7.</p>
<div class="spec-table">
<table>
<tbody>
<tr>
<td class="spec-label">Energianlähde</td>
<td>100% tuuli- ja aurinkovoimalla tuotettua sähköä, alkuperätakuilla varmennettuna</td>
</tr>
<tr>
<td class="spec-label">Free cooling</td>
<td>Suomen viileä ilmasto mahdollistaa ulkoilmajäähdytyksen suurimman osan vuodesta, mikä vähentää energiankulutusta jopa 40%</td>
</tr>
<tr>
<td class="spec-label">Hukkalämpö</td>
<td>Konesalin tuottama hukkalämpö ohjataan lähialueen kaukolämpöverkkoon</td>
</tr>
<tr>
<td class="spec-label">PUE</td>
<td>Power Usage Effectiveness tavoitetaso alle 1,3 (toimialan keskiarvo 1,51,7)</td>
</tr>
<tr>
<td class="spec-label">Energiatehokkuus</td>
<td>EC-puhaltimet, taajuusmuuttajaohjatut kompressorit, LED-valaistus liiketunnistimilla</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- CTA -->
<section class="section">
<div class="container" style="text-align: center;">
<h2 class="section-title">Kiinnostuitko?</h2>
<p class="section-subtitle">Kerro tarpeistasi ja teemme sinulle räätälöidyn tarjouksen</p>
<div style="display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;">
<a href="index.html#yhteystiedot" class="btn btn-primary">Pyydä tarjous</a>
<a href="index.html#hinnat" class="btn btn-secondary">Katso hinnat</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container footer-inner">
<div class="footer-brand">
<a href="/" class="logo">
<svg class="logo-icon" viewBox="0 0 32 38" width="22" height="26" fill="none">
<path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/>
<path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/>
<rect x="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/>
<rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
<rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
<rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
<circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/>
<circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/>
<circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/>
<line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
<line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
<line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
</svg>
<span>Konesali<strong>Turku</strong></span>
</a>
<p>Luotettavat konesalipalvelut Turussa.</p>
</div>
<div class="footer-links">
<h4>Sivusto</h4>
<a href="index.html#palvelut">Palvelut</a>
<a href="konesali.html">Konesali</a>
<a href="yhteydet.html">Yhteydet</a>
<a href="index.html#hinnat">Hinnat</a>
<a href="index.html#yhteystiedot">Yhteystiedot</a>
</div>
<div class="footer-links">
<h4>Palvelut</h4>
<a href="index.html#hinnat">1U Laitepaikka</a>
<a href="index.html#hinnat">2U Laitepaikka</a>
<a href="yhteydet.html">Yhteydet</a>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p>&copy; 2026 Konesali Turku. Kaikki oikeudet pidätetään.</p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>