/*
Theme Name: HML Creative – Divi Child Theme
Theme URI: https://example.com/
Description: Esteetön, Divi-yhteensopiva sivusto HML Creativelle.
Author: HML Creative
Template: Divi
Version: 1.1.0
Text Domain: hml-creative
*/

:root{--ink:#151829;--pine:#2450d9;--mint:#ecebfd;--coral:#f17b4c;--cream:#f8f8fc;--sun:#aa8cf0;--line:#d7d9ec;--muted:#51566d;--radius:22px;--shadow:0 18px 55px rgba(36,80,217,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.hml-page{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.55}.hml-page a{color:inherit}.hml-wrap{max-width:1180px;margin:auto;padding:0 28px}.hml-skip{position:absolute;left:-9999px}.hml-skip:focus{left:20px;top:20px;z-index:100;background:#fff;padding:10px 16px;border:3px solid var(--ink);border-radius:8px}.hml-header{background:rgba(255,250,241,.96);border-bottom:1px solid rgba(23,52,58,.12);position:sticky;top:0;z-index:20}.hml-head-in{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}.hml-logo{display:block;line-height:0;flex:0 0 auto}.hml-logo img{display:block;width:64px;height:64px;object-fit:contain;border-radius:50%;mix-blend-mode:multiply}.hml-footer .hml-logo img{width:110px;height:110px;background:#fff;border-radius:10px;mix-blend-mode:normal}.hml-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.hml-nav a{font-weight:700;font-size:15px;text-decoration:none;padding:8px 10px;border-radius:8px}.hml-nav a:hover,.hml-nav a:focus{background:var(--mint);outline:none}.hml-nav .hml-nav-cta{background:var(--coral);color:#231e1a}.hml-hero{padding:92px 0 72px;background:radial-gradient(circle at 86% 15%,#f8c75d 0 8%,transparent 8.2%),radial-gradient(circle at 81% 21%,#dceee9 0 17%,transparent 17.3%),var(--cream)}.hml-hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:62px;align-items:center}.hml-kicker{color:var(--pine);font-size:14px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.hml-hero h1,.hml-title{font-size:clamp(40px,6vw,74px);line-height:1.01;letter-spacing:-3px;margin:14px 0 22px}.hml-hero h1 em{font-style:normal;color:var(--pine)}.hml-lead{font-size:21px;max-width:650px;color:#365156}.hml-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.hml-button{display:inline-block;background:var(--pine);color:#fff!important;text-decoration:none;font-weight:800;padding:14px 20px;border-radius:12px;border:2px solid var(--pine)}.hml-button:hover,.hml-button:focus{background:#0a4345;border-color:#0a4345}.hml-button.alt{background:transparent;color:var(--pine)!important}.hml-button.alt:hover,.hml-button.alt:focus{background:var(--mint)}.hml-hero-card{background:var(--pine);color:#fff;padding:36px;border-radius:var(--radius);box-shadow:var(--shadow);transform:rotate(2deg)}.hml-hero-card h2{font-size:29px;line-height:1.15;margin:0 0 18px}.hml-checks{list-style:none;padding:0;margin:0}.hml-checks li{margin:12px 0;padding-left:31px;position:relative}.hml-checks li:before{content:'✓';position:absolute;left:0;color:var(--sun);font-weight:900}.hml-section{padding:82px 0}.hml-section.tint{background:var(--mint)}.hml-section.dark{background:var(--ink);color:#fff}.hml-eyebrow{color:var(--coral);font-size:14px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:7px}.hml-section h2{font-size:clamp(31px,4vw,50px);line-height:1.08;letter-spacing:-1.7px;margin:0 0 20px}.hml-section-intro{max-width:720px;font-size:20px;margin-bottom:35px}.hml-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.hml-card{background:#fff;border:1px solid rgba(23,52,58,.1);border-radius:16px;padding:28px;box-shadow:0 6px 18px rgba(23,52,58,.04)}.hml-card h3{font-size:23px;line-height:1.15;margin:0 0 10px}.hml-card p{color:var(--muted);margin:0}.hml-card .hml-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:var(--sun);font-size:22px;margin-bottom:20px}.hml-note{border-left:5px solid var(--coral);padding:18px 24px;background:#fff;border-radius:0 12px 12px 0;max-width:850px}.hml-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.hml-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.hml-stat{background:#fff;padding:23px;border-radius:14px}.hml-stat b{font-size:38px;line-height:1;display:block;color:var(--pine)}.hml-stat span{font-size:15px;color:var(--muted)}.hml-page-hero{padding:68px 0 44px;background:var(--mint)}.hml-page-hero .hml-title{max-width:830px;font-size:clamp(40px,5vw,65px)}.hml-page-hero p{max-width:740px;font-size:20px}.hml-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.hml-price{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;display:flex;flex-direction:column}.hml-price.featured{border:3px solid var(--coral);transform:translateY(-10px);box-shadow:var(--shadow)}.hml-price h3{font-size:25px;margin:0}.hml-price .amount{font-weight:900;font-size:42px;letter-spacing:-2px;margin:20px 0 2px}.hml-price .vat{font-size:14px;color:var(--muted);margin-bottom:19px}.hml-price .hml-button{margin-top:auto;text-align:center}.hml-price ul{padding-left:20px;margin:0 0 25px}.hml-price li{margin:8px 0}.hml-portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hml-work{min-height:280px;border-radius:18px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:var(--ink);background:linear-gradient(150deg,#f8c75d,#ffe9ad)}.hml-work:nth-child(2){background:linear-gradient(150deg,#95cdc3,#e7f7f1)}.hml-work:nth-child(3){background:linear-gradient(150deg,#ff967d,#ffe5d8)}.hml-work:nth-child(4){background:linear-gradient(150deg,#163f47,#5e9490);color:#fff}.hml-work:nth-child(5){background:linear-gradient(150deg,#cbc0ec,#f0ebff)}.hml-work:nth-child(6){background:linear-gradient(150deg,#9fceb5,#f6e7b2)}.hml-work span{font-size:14px;font-weight:bold;text-transform:uppercase;letter-spacing:1px}.hml-work h3{font-size:27px;line-height:1.05;margin:8px 0}.hml-work:hover,.hml-work:focus{outline:4px solid var(--ink);outline-offset:3px}.hml-cta{padding:68px 0;background:var(--coral)}.hml-cta h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-1.7px;margin:0 0 16px;max-width:720px}.hml-footer{background:var(--ink);color:#fff;padding:44px 0}.hml-footer-in{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.hml-footer p{font-size:15px;margin:0;color:#d5e2df}.hml-footer a{color:#fff}.hml-contact{font-size:20px}.hml-contact a{font-weight:800}.hml-audit{background:var(--cream);border-radius:18px;padding:28px}.hml-audit h3{margin-top:0}.hml-faq details{padding:18px 0;border-top:1px solid var(--line)}.hml-faq summary{font-weight:800;cursor:pointer}.hml-faq p{max-width:780px;color:var(--muted)}
@media(max-width:860px){.hml-head-in{padding:14px 0;align-items:flex-start}.hml-nav{gap:0}.hml-nav a{font-size:13px;padding:6px}.hml-hero{padding:65px 0}.hml-hero-grid,.hml-split{grid-template-columns:1fr;gap:33px}.hml-grid,.hml-price-grid,.hml-portfolio{grid-template-columns:1fr}.hml-price.featured{transform:none}.hml-footer-in{display:block}.hml-footer-in>*+*{margin-top:22px}.hml-wrap{padding:0 20px}}

/* 2026 visual refresh */
.hml-header{background:rgba(248,248,252,.96);border-bottom-color:rgba(21,24,41,.12)}
.hml-head-in{min-height:105px}.hml-logo img{width:88px;height:88px}.hml-footer .hml-logo img{width:140px;height:140px;border-radius:12px}
.hml-hero{background:radial-gradient(circle at 90% 8%,#b8a4f7 0 9%,transparent 9.2%),radial-gradient(circle at 84% 24%,#dce4ff 0 19%,transparent 19.3%),var(--cream)}
.hml-button:hover,.hml-button:focus{background:#182f91;border-color:#182f91}.hml-lead{color:var(--muted)}
.hml-hero-photo{width:100%;height:100%;min-height:385px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
.hml-service-photo{width:100%;min-height:340px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}
@media(max-width:860px){.hml-head-in{min-height:auto}.hml-logo img{width:70px;height:70px}.hml-footer .hml-logo img{width:120px;height:120px}.hml-hero-photo{min-height:280px}}