/* Tietokoneita.fi Hyvinkää — main content only. Header/footer styles remain separate and unchanged. */
:root{--hy-blue:#0b5cab;--hy-blue-2:#126fc2;--hy-ink:#142233;--hy-muted:#58687a;--hy-line:#dbe6ef;--hy-soft:#f5f9fc;--hy-soft-blue:#eaf4fd;--hy-soft-green:#eef9f3;--hy-green:#177443;--hy-white:#fff;--hy-shadow:0 12px 34px rgba(23,52,79,.08)}
.hyvinkaa-page,.hyvinkaa-page *{box-sizing:border-box}.hyvinkaa-page{max-width:1180px;margin:0 auto;padding:24px 18px 54px;color:var(--hy-ink);font-family:Arial,Helvetica,sans-serif;background:#fff}.hyvinkaa-page a{scroll-margin-top:20px}.hyvinkaa-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 20px;padding:12px 0;color:#6b7785;font-size:13px;font-weight:700}.hyvinkaa-breadcrumbs a,.hyvinkaa-breadcrumbs a:visited{color:#3e5b72;text-decoration:none}.hyvinkaa-breadcrumbs a:hover,.hyvinkaa-breadcrumbs a:focus{color:var(--hy-green);text-decoration:underline;text-underline-offset:3px}
.hyvinkaa-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.78fr);gap:28px;align-items:stretch;padding:40px;border:1px solid #dbe8f2;border-radius:26px;background:linear-gradient(135deg,#f8fcff 0%,#fff 52%,#f1f9f4 100%);box-shadow:var(--hy-shadow)}.hyvinkaa-hero-copy{min-width:0}.hyvinkaa-eyebrow{margin:0 0 10px;color:var(--hy-green);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hyvinkaa-hero h1{max-width:780px;margin:0;color:#102437;font-size:clamp(36px,5.2vw,66px);line-height:1.02;letter-spacing:-.045em}.hyvinkaa-hero-lead{max-width:780px;margin:20px 0 0;color:#293d50;font-size:18px;line-height:1.72}.hyvinkaa-hero-support{max-width:780px;margin:12px 0 0;color:var(--hy-muted);font-size:15px;line-height:1.72}.hyvinkaa-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hyvinkaa-btn,.hyvinkaa-btn:visited{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 19px;border:1px solid transparent;border-radius:10px;font-size:15px;font-weight:900;line-height:1.2;text-decoration:none!important;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.hyvinkaa-btn-primary,.hyvinkaa-btn-primary:visited{background:var(--hy-green);border-color:var(--hy-green);color:#fff!important}.hyvinkaa-btn-primary:hover,.hyvinkaa-btn-primary:focus{background:#0f6034;border-color:#0f6034;color:#fff!important}.hyvinkaa-btn-ghost,.hyvinkaa-btn-ghost:visited{background:#fff;border-color:#bfd0de;color:#1d425f!important}.hyvinkaa-btn-ghost:hover,.hyvinkaa-btn-ghost:focus{background:var(--hy-soft-blue);border-color:#6ca5cf;color:#0b4e7d!important}.hyvinkaa-proof{display:flex;flex-wrap:wrap;gap:8px 16px;margin:22px 0 0;padding:0;list-style:none;color:#41576a;font-size:13px;font-weight:800}.hyvinkaa-proof li:before{content:'✓';margin-right:6px;color:var(--hy-green);font-weight:900}.hyvinkaa-quick{padding:26px;border:1px solid #cfe0ea;border-radius:18px;background:#fff}.hyvinkaa-quick-label{margin:0 0 8px;color:var(--hy-blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.hyvinkaa-quick h2{margin:0 0 16px;color:#152d40;font-size:24px;line-height:1.18}.hyvinkaa-quick dl{margin:0}.hyvinkaa-quick dl div{padding:13px 0;border-top:1px solid #e7eef4}.hyvinkaa-quick dt{margin:0 0 4px;color:#172b3c;font-size:14px;font-weight:900}.hyvinkaa-quick dd{margin:0;color:#5a6a78;font-size:14px;line-height:1.52}.hyvinkaa-quick-note{margin:14px 0 0;padding:13px 14px;border-radius:10px;background:var(--hy-soft-green);color:#3d5c49;font-size:13px;line-height:1.55}
.hyvinkaa-local,.hyvinkaa-brand-hub,.hyvinkaa-brand-guide,.hyvinkaa-os,.hyvinkaa-usecases,.hyvinkaa-check,.hyvinkaa-delivery,.hyvinkaa-faq{margin-top:34px}.hyvinkaa-section-heading{max-width:900px;margin:0 0 22px}.hyvinkaa-section-heading-center{margin-left:auto;margin-right:auto;text-align:center}.hyvinkaa-section-heading h2,.hyvinkaa-os h2,.hyvinkaa-delivery h2{margin:0;color:#132a3c;font-size:clamp(27px,3.8vw,42px);line-height:1.12;letter-spacing:-.025em}.hyvinkaa-section-heading>p:last-child{margin:12px 0 0;color:var(--hy-muted);font-size:16px;line-height:1.72}.hyvinkaa-local{padding:34px;border-top:1px solid var(--hy-line);border-bottom:1px solid var(--hy-line)}.hyvinkaa-local-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hyvinkaa-local-grid article{padding:22px;border-left:3px solid #9bc6e5;background:#fbfdff}.hyvinkaa-number{display:block;margin-bottom:14px;color:#86a3b9;font-size:12px;font-weight:900;letter-spacing:.1em}.hyvinkaa-local-grid h3{margin:0 0 8px;color:#163248;font-size:20px}.hyvinkaa-local-grid p{margin:0;color:#536677;font-size:15px;line-height:1.67}
.hyvinkaa-brand-hub{padding:36px 28px;border-radius:22px;background:var(--hy-soft)}.hyvinkaa-brand-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hyvinkaa-brand-tiles a,.hyvinkaa-brand-tiles a:visited{display:flex;min-height:96px;flex-direction:column;justify-content:center;padding:17px 18px;border:1px solid #d7e4ed;border-radius:12px;background:#fff;color:#16334a!important;text-decoration:none!important}.hyvinkaa-brand-tiles a:hover,.hyvinkaa-brand-tiles a:focus{background:#edf7ff;border-color:#84b6da;color:#0a4f7e!important}.hyvinkaa-brand-tiles strong{font-size:19px;line-height:1.2}.hyvinkaa-brand-tiles span{margin-top:5px;color:#687887;font-size:13px;font-weight:700;line-height:1.4}.hyvinkaa-table-wrap{margin-top:22px;overflow-x:auto;border:1px solid #d5e2ec;border-radius:14px;background:#fff}.hyvinkaa-compare-table{width:100%;min-width:800px;border-collapse:collapse}.hyvinkaa-compare-table th,.hyvinkaa-compare-table td{padding:14px 15px;border-bottom:1px solid #e4edf3;text-align:left;vertical-align:top}.hyvinkaa-compare-table th{background:#eaf4fb;color:#153650;font-size:13px;line-height:1.4}.hyvinkaa-compare-table td{color:#4c6071;font-size:14px;line-height:1.5}.hyvinkaa-compare-table td:first-child{color:#142f44;font-weight:900}.hyvinkaa-compare-table tr:last-child td{border-bottom:0}
.hyvinkaa-brand-guide{padding-top:8px}.hyvinkaa-brand-chapter{display:grid;grid-template-columns:210px minmax(0,1fr);gap:0;margin:0 0 16px;border:1px solid #dce7ef;border-radius:16px;background:#fff;overflow:hidden}.hyvinkaa-brand-side{display:flex;flex-direction:column;justify-content:flex-start;padding:24px 20px;background:#f3f8fb;border-right:1px solid #dce7ef}.hyvinkaa-brand-side span{color:#8aa3b6;font-size:12px;font-weight:900;letter-spacing:.12em}.hyvinkaa-brand-side strong{margin-top:28px;color:#15344c;font-size:24px;line-height:1.1}.hyvinkaa-brand-side small{margin-top:8px;color:#6c7e8c;font-size:12px;font-weight:800;line-height:1.45}.hyvinkaa-brand-body{padding:25px 28px}.hyvinkaa-brand-body h3{margin:0 0 13px;color:#142d42;font-size:24px;line-height:1.2}.hyvinkaa-brand-body>p{margin:0 0 12px;color:#4d6171;font-size:15px;line-height:1.77}.hyvinkaa-brand-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0 0}.hyvinkaa-brand-points p{margin:0;padding:13px 14px;border-radius:10px;background:#f7fafc;color:#465d6f;font-size:13px;line-height:1.55}.hyvinkaa-text-link,.hyvinkaa-text-link:visited{display:inline-block;margin-top:17px;color:#0a5c92!important;font-size:14px;font-weight:900;text-decoration:none!important;border-bottom:2px solid #b8d8ee}.hyvinkaa-text-link:hover,.hyvinkaa-text-link:focus{color:var(--hy-green)!important;border-bottom-color:#8bc5a4}
.hyvinkaa-os{padding:0}.hyvinkaa-os-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:30px;border:1px solid #bed8ea;border-radius:18px;background:linear-gradient(90deg,#edf7fe,#f9fcff)}.hyvinkaa-os-callout p:not(.hyvinkaa-eyebrow){margin:12px 0 0;color:#415c70;font-size:15px;line-height:1.72}.hyvinkaa-source-link,.hyvinkaa-source-link:visited{display:inline-flex;padding:11px 13px;border-radius:9px;background:#fff;border:1px solid #bad4e8;color:#0b5689!important;font-size:13px;font-weight:900;text-decoration:none!important;white-space:nowrap}.hyvinkaa-source-link:hover,.hyvinkaa-source-link:focus{background:#dff1fd;border-color:#83b9dd;color:#08456d!important}.hyvinkaa-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.hyvinkaa-spec-grid article{padding:20px;border:1px solid #dce7ee;border-radius:12px}.hyvinkaa-spec-grid h3{margin:0 0 8px;color:#153247;font-size:18px}.hyvinkaa-spec-grid p{margin:0;color:#546878;font-size:14px;line-height:1.65}
.hyvinkaa-usecases{padding:34px 28px;border-radius:22px;background:#fbfcfd;border:1px solid #e1e9ef}.hyvinkaa-usecase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hyvinkaa-usecase-grid article{padding:20px;border-top:3px solid #a7cbe3;background:#fff;box-shadow:0 4px 14px rgba(25,57,82,.04)}.hyvinkaa-usecase-grid h3{margin:0 0 9px;color:#142f45;font-size:19px}.hyvinkaa-usecase-grid p{margin:0;color:#506575;font-size:14px;line-height:1.65}.hyvinkaa-usecase-grid .hyvinkaa-micro{margin-top:10px;color:#5d7365;font-size:12px;font-weight:800}
.hyvinkaa-check{padding:34px;border:1px solid #dce8ef;border-radius:22px}.hyvinkaa-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:1px;list-style:none;background:#dce7ef;border-radius:14px;overflow:hidden}.hyvinkaa-check-grid li{display:flex;min-height:112px;flex-direction:column;gap:7px;padding:18px;background:#fff}.hyvinkaa-check-grid strong{color:#17344a;font-size:15px}.hyvinkaa-check-grid span{color:#5c6f7f;font-size:13px;line-height:1.55}
.hyvinkaa-delivery{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;padding:34px;border:1px solid #d8e6ee;border-radius:22px;background:#f8fbfd}.hyvinkaa-delivery-main p:not(.hyvinkaa-eyebrow){margin:13px 0 0;color:#506474;font-size:15px;line-height:1.72}.hyvinkaa-delivery-box{padding:24px;border-radius:14px;background:#fff;border:1px solid #d5e2eb}.hyvinkaa-delivery-box>span{color:var(--hy-green);font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.hyvinkaa-delivery-box h3{margin:11px 0 8px;color:#17354b;font-size:21px}.hyvinkaa-delivery-box p{margin:0;color:#5a6c7b;font-size:14px;line-height:1.62}
.hyvinkaa-faq{padding:34px 28px}.hyvinkaa-faq-list{max-width:940px;margin:0 auto}.hyvinkaa-faq-item{border-top:1px solid #d8e4ed}.hyvinkaa-faq-item:last-child{border-bottom:1px solid #d8e4ed}.hyvinkaa-faq-item summary{position:relative;padding:18px 42px 18px 0;cursor:pointer;list-style:none;color:#17344a;font-size:16px;font-weight:900;line-height:1.45}.hyvinkaa-faq-item summary::-webkit-details-marker{display:none}.hyvinkaa-faq-item summary:after{content:'+';position:absolute;right:4px;top:16px;color:#5a7b93;font-size:24px;font-weight:500}.hyvinkaa-faq-item[open] summary:after{content:'–'}.hyvinkaa-faq-item div{padding:0 42px 18px 0}.hyvinkaa-faq-item p{margin:0;color:#526777;font-size:14px;line-height:1.75}
.hyvinkaa-final{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;margin-top:24px;padding:34px;border-top:4px solid var(--hy-green);background:#f5faf7}.hyvinkaa-final h2{margin:0;color:#133046;font-size:clamp(25px,3.4vw,38px);line-height:1.13}.hyvinkaa-final p:not(.hyvinkaa-eyebrow){max-width:760px;margin:11px 0 0;color:#526878;font-size:15px;line-height:1.7}.hyvinkaa-final .hyvinkaa-actions{margin:0}
@media(max-width:980px){.hyvinkaa-hero{grid-template-columns:1fr}.hyvinkaa-local-grid,.hyvinkaa-usecase-grid,.hyvinkaa-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hyvinkaa-brand-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hyvinkaa-brand-chapter{grid-template-columns:160px minmax(0,1fr)}.hyvinkaa-os-callout,.hyvinkaa-delivery,.hyvinkaa-final{grid-template-columns:1fr}.hyvinkaa-spec-grid{grid-template-columns:1fr}.hyvinkaa-final .hyvinkaa-actions{margin-top:0}}
@media(max-width:680px){.hyvinkaa-page{padding:16px 12px 34px}.hyvinkaa-breadcrumbs{font-size:12px}.hyvinkaa-hero{padding:24px 18px;border-radius:18px}.hyvinkaa-hero h1{font-size:clamp(34px,11vw,48px)}.hyvinkaa-hero-lead{font-size:16px}.hyvinkaa-actions{align-items:stretch}.hyvinkaa-btn{width:100%}.hyvinkaa-local{padding:26px 8px}.hyvinkaa-local-grid,.hyvinkaa-brand-tiles,.hyvinkaa-usecase-grid,.hyvinkaa-check-grid{grid-template-columns:1fr}.hyvinkaa-brand-hub,.hyvinkaa-usecases,.hyvinkaa-check,.hyvinkaa-delivery,.hyvinkaa-faq{padding:24px 16px;border-radius:16px}.hyvinkaa-brand-chapter{grid-template-columns:1fr}.hyvinkaa-brand-side{padding:14px 18px;border-right:0;border-bottom:1px solid #dce7ef}.hyvinkaa-brand-side span{display:none}.hyvinkaa-brand-side strong{margin-top:0;font-size:20px}.hyvinkaa-brand-body{padding:20px 18px}.hyvinkaa-brand-body h3{font-size:21px}.hyvinkaa-brand-points{grid-template-columns:1fr}.hyvinkaa-os-callout{padding:22px 18px}.hyvinkaa-source-link{white-space:normal}.hyvinkaa-final{padding:24px 18px}.hyvinkaa-final .hyvinkaa-actions{width:100%}}