/*
Theme Name: RG-Kinetix
Theme URI: https://rg-kinetix.toimisto40.chatgpt.site/
Author: RG-Kinetix
Description: RG-Kinetixin sivuston teema. Sivut tuodaan erillisestä WordPress XML -tiedostosta. HTML-lohko säilyttää sivujen rakenteen.
Version: 2.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rg-kinetix
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#111923;--ink:#17212b;--muted:#5e6974;--paper:#f3f5f6;--red:#e92b39;--line:#d8dee2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:4px}.wrap{width:min(100% - 48px,1240px);margin:auto}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em;line-height:1.13;margin:0 0 20px}h1{font-size:clamp(43px,6.2vw,82px)}h2{font-size:clamp(31px,4vw,53px)}h3{font-size:25px}p{max-width:690px;margin:0 0 22px}small{display:block;color:#bb2531;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:.15em;margin-bottom:18px}header{background:var(--navy);color:white;position:relative;z-index:5}.top{min-height:90px;display:flex;align-items:center;gap:25px}.logo{width:190px;flex:none;background:white;padding:5px 7px;line-height:0;border-radius:2px}.logo img{width:100%;height:auto}.top nav{display:flex;justify-content:flex-end;gap:clamp(10px,1.2vw,22px);align-items:center;flex-wrap:wrap;margin-left:auto}.top nav a{font-size:13px;font-weight:700;white-space:nowrap;color:#d3dce4}.top nav a:hover,.top nav a[aria-current]{color:#ff6873}.menu{display:none}.hero{min-height:620px;background:linear-gradient(90deg,#111923 5%,rgba(17,25,35,.92) 38%,rgba(17,25,35,.25)),url('assets/hero.webp') center/cover;color:white;display:flex;align-items:center}.hero .wrap{padding-block:80px}.hero small,.intro small,.dark small,.map small{color:#ff6873}.hero h1{max-width:790px}.hero h1 em{color:#ff5b66;font-style:normal}.hero p{color:#dce4eb;font-size:20px;line-height:1.55;max-width:610px}.button{display:inline-flex;align-items:center;background:var(--red);color:white;padding:15px 22px;font-weight:800;border-radius:3px;min-height:54px;margin-top:8px}.button:hover{background:#bd1927}.section{padding-block:90px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.card,.panel{background:white;border:1px solid var(--line);padding:32px}.card{min-height:280px;display:flex;flex-direction:column}.card:hover{border-color:var(--red);transform:translateY(-3px)}.card small{margin-bottom:40px}.card p,.panel p{color:var(--muted)}.card b{color:var(--red);font-size:25px;margin-top:auto}.dark,.banner,.map{background:#1b2936;color:white}.dark p,.banner p{color:#cbd6df;font-size:18px}.split,.cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,5vw,75px)}.outline{display:inline-block;border:1px solid #8796a3;padding:13px 19px;font-weight:700}.intro{background:var(--navy);color:white;padding:80px 0 85px}.intro h1{max-width:1000px}.intro p{color:#cbd6df;font-size:20px}.cols{gap:18px}.panel h2{font-size:clamp(30px,3.5vw,44px)}.panel{min-height:320px}.panel.large{min-height:360px;padding:clamp(32px,6vw,70px)}.panel.large p{font-size:18px}.note{margin-top:30px}.note a,.link,dd a{text-decoration:underline;text-underline-offset:4px}.banner{padding:50px;margin-top:24px}.map{padding:45px;display:flex;flex-direction:column;justify-content:space-between;min-height:390px}.map a{text-decoration:underline;text-underline-offset:5px}dl{display:grid;grid-template-columns:120px 1fr;gap:16px;font-size:18px}dt{color:var(--muted)}dd{margin:0;font-weight:700}footer{background:#0e151d;color:#d6dfe5;padding-top:60px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}.footer-grid strong{font:800 24px Manrope,sans-serif;letter-spacing:-.06em}.footer-grid b{display:block;margin-bottom:14px}.footer-grid p{color:#aab6bf;margin-top:14px}.footer-grid address{font-style:normal}.copyright{border-top:1px solid #38434c;margin-top:55px;padding-block:20px;color:#aab6bf;font-size:14px}
@media(max-width:1120px){.top{min-height:76px;justify-content:space-between}.menu{display:block;background:none;border:0;color:white;font-size:29px;cursor:pointer}.top nav{display:none;position:absolute;top:76px;left:0;right:0;background:#172330;padding:20px 24px 30px;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 76px);overflow:auto}.top nav.open{display:flex}.top nav a{padding:10px 0;font-size:16px}}
@media(max-width:740px){.wrap{width:min(100% - 36px,1240px)}.logo{width:165px}.hero{min-height:560px;background:linear-gradient(90deg,rgba(17,25,35,.96),rgba(17,25,35,.7)),url('assets/hero.webp') 65% center/cover}.hero p,.intro p{font-size:18px}.section{padding-block:65px}.intro{padding-block:65px}.cards,.cols,.split,.footer-grid{grid-template-columns:1fr}.card{min-height:250px}.card small{margin-bottom:30px}.banner,.map{padding:30px}.footer-grid{gap:25px}}
/* RG-Kinetix: dark automotive typography with clear service and booking paths. */
:root{--navy:#0b0c0e;--ink:#15191d;--muted:#58616a;--paper:#f7f8f9;--red:#e32636;--line:#e0e3e6}body{background:var(--paper)}h1,h2,h3{font-family:'Barlow Condensed',Impact,Arial,sans-serif;letter-spacing:.005em;line-height:1.01}h1{font-size:clamp(58px,7.2vw,110px);font-weight:800}h2{font-size:clamp(42px,5vw,70px);font-weight:800}h3{font-size:32px;font-weight:700}small{color:#c91f2e;font-weight:800;letter-spacing:.14em}.contact-strip{background:#15191d;color:#cbd0d4;font-size:13px;font-weight:700}.contact-strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:9px}.contact-strip .wrap>div{display:flex;gap:28px}.contact-strip a:hover{text-decoration:underline}header{background:#0b0c0e;border-bottom:1px solid #2b3034}.top{min-height:94px}.logo{width:208px;background:#fff;padding:2px 7px}.top nav{gap:clamp(9px,.85vw,16px)}.top nav a{font-size:12px;text-transform:uppercase;letter-spacing:.035em;color:#e4e6e8}.top nav a:hover,.top nav a[aria-current]{color:#ff4b59}.header-cta{flex:none;background:var(--red);color:white;padding:12px 16px;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.05em}.header-cta:hover{background:#b91827}.hero{background:linear-gradient(90deg,rgba(6,8,10,.97) 0%,rgba(6,8,10,.82) 42%,rgba(6,8,10,.42) 100%),url('assets/hero.webp') center 47%/cover;min-height:680px}.hero .wrap{padding-block:86px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.58fr);gap:clamp(35px,6vw,90px);align-items:end}.hero-copy{max-width:760px}.hero h1{max-width:800px;text-transform:uppercase;margin:0 0 26px}.hero h1 em{color:#ff4655;font-style:italic}.hero p{font-size:19px;max-width:640px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-actions .outline{margin-top:8px;background:rgba(0,0,0,.22);border-color:#adb2b5;color:white}.hero-actions .outline:hover{background:white;color:#111}.button,.header-cta{border-radius:0;transition:background .2s}.button{font-size:14px;text-transform:uppercase;letter-spacing:.035em}.hero-contact{background:#101316;border-top:4px solid var(--red);padding:30px;box-shadow:0 18px 50px rgba(0,0,0,.25)}.hero-contact small{color:#ff5a67}.hero-contact a{display:block;font-weight:700}.hero-contact .hero-phone{font:800 clamp(28px,3vw,42px)/1.1 'Barlow Condensed',sans-serif;color:white;margin:0 0 8px}.hero-contact a:last-child{color:#ff7079;margin-top:20px}.hero-contact p{font-size:16px;color:#e2e5e8;margin:0}.hero-contact-line{height:1px;background:#41474b;margin:25px 0}.section{padding-block:105px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-heading p{max-width:340px;color:var(--muted);margin:0 0 7px}.cards{gap:18px}.card{min-height:330px;border:1px solid var(--line);border-top:4px solid #22282c;padding:32px;background:#fff;transition:transform .2s,border-color .2s}.card:hover{border-color:var(--red);border-top-color:var(--red)}.card small{margin-bottom:48px}.card h3{text-transform:uppercase}.card p{font-size:16px}.card b{font-family:'Barlow Condensed',sans-serif;font-size:30px}.dark{background:#13191e;border-top:6px solid var(--red)}.dark h2{text-transform:uppercase}.dark p{font-size:20px}.dark .outline{border-color:#c7cfd5;text-transform:uppercase;font-size:14px;letter-spacing:.04em}.closing-section{background:#fff}.closing{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px}.closing h2{margin:0}.closing p{color:var(--muted);font-size:18px}.intro{background:linear-gradient(115deg,#0b0c0e,#22282d);border-bottom:6px solid var(--red);padding-block:90px}.intro h1{text-transform:uppercase;font-size:clamp(56px,6.6vw,94px)}.intro p{font-size:20px}.panel{border-top:4px solid #252b30;padding:36px}.panel h2{text-transform:uppercase}.panel .button{margin-top:14px}.banner{background:#13191e;border-left:6px solid var(--red)}.map{background:#13191e;border-top:5px solid var(--red)}footer{background:#0a0c0e;border-top:5px solid var(--red)}.footer-grid strong{font-family:'Barlow Condensed',sans-serif;font-size:32px;letter-spacing:.02em}
@media(max-width:1350px){.header-cta{display:none}.top nav a{font-size:13px}}
@media(max-width:1120px){.top{min-height:78px}.top nav{top:78px}.contact-strip .wrap{padding-block:7px}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.hero-contact{max-width:470px}.hero{min-height:0}.hero .wrap{padding-block:72px}.section-heading{display:block}.section-heading p{margin-top:12px}.closing{grid-template-columns:1fr;gap:15px}}
@media(max-width:740px){.contact-strip .wrap>div{gap:0}.contact-strip .wrap>div a:last-child{display:none}.contact-strip{font-size:12px}.contact-strip .wrap{align-items:center}.hero{background:linear-gradient(90deg,rgba(6,8,10,.95),rgba(6,8,10,.74)),url('assets/hero.webp') 64% center/cover}.hero h1{font-size:clamp(54px,13vw,78px)}.hero p{font-size:18px}.hero-contact{padding:25px}.section{padding-block:72px}.card{min-height:250px}.card small{margin-bottom:26px}.intro{padding-block:66px}.intro h1{font-size:clamp(51px,11vw,74px)}.panel{padding:28px}}
.social-links{display:flex;flex-direction:column;gap:9px;margin-top:16px}.social-links a{font-weight:700;text-decoration:none}.social-links a:hover{text-decoration:underline;color:#ff6673}.panel .social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.panel .social-links a{color:#b91e2d}.hero-contact .whatsapp-inline{display:inline-block;color:#fff;background:#207e55;padding:9px 12px;font-size:14px;margin-top:16px}.hero-contact .whatsapp-inline:hover{background:#166341}.hero-contact a:last-child{margin-top:18px}@media(max-width:600px){.panel .social-links{grid-template-columns:1fr}}

/* Native WordPress blocks for editable RG-Kinetix pages */
main .rgk-intro,main .rgk-hero{background:#0b0c0e;color:#fff;padding:clamp(65px,8vw,120px) max(24px,calc((100vw - 1200px)/2));margin:0;max-width:none}main .rgk-hero{background:linear-gradient(90deg,rgba(6,8,10,.96),rgba(6,8,10,.7)),url('assets/hero.webp') center/cover;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(275px,.6fr);gap:clamp(25px,5vw,80px);align-items:end;min-height:630px}main .rgk-hero h1{font-size:clamp(55px,7vw,105px);text-transform:uppercase}main .rgk-intro{border-bottom:6px solid var(--red)}main .rgk-intro h1{text-transform:uppercase;font-size:clamp(52px,6vw,88px)}main .rgk-intro p,main .rgk-hero p{font-size:19px;color:#d9e0e5;max-width:700px}main .rgk-hero-panel{padding:28px;border-top:5px solid var(--red);background:#11171b}main .rgk-hero-panel h3{font-size:38px}main .rgk-hero-panel a{color:white}main .rgk-hero-panel p{font-size:16px}main .rgk-section{padding:90px max(24px,calc((100vw - 1200px)/2));margin:0;max-width:none}main .rgk-section h2{text-transform:uppercase}main .rgk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}main .rgk-grid>.rgk-card{background:#fff;border:1px solid #dfe3e6;border-top:4px solid #161e23;padding:30px;min-height:265px}main .rgk-card h3{text-transform:uppercase}main .rgk-card p{color:#59636c}main .rgk-card a{color:#b9202d;font-weight:700}main .rgk-dark{background:#151b20;color:white;border-top:5px solid var(--red)}main .rgk-dark p{color:#d0d8de}main .rgk-feature{background:#fff;border-left:5px solid var(--red);padding:clamp(30px,5vw,65px)}main .rgk-highlight{background:#171e24;color:white;padding:30px 40px;border-left:5px solid var(--red);max-width:760px}main .rgk-highlight h2{font-size:76px;margin:0;color:#fff}main .rgk-highlight p{color:#d6dce0}main .rgk-eyebrow p{font-size:13px!important;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#f0525d!important;margin-bottom:16px}main .rgk-section .rgk-eyebrow p{color:#b7202d!important}main .rgk-dark .rgk-eyebrow p{color:#ff6a75!important}main .wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}main .wp-block-button__link{display:inline-block;border-radius:0;padding:14px 20px;font:800 14px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.02em}main .rgk-primary .wp-block-button__link{background:var(--red);color:white}main .rgk-primary .wp-block-button__link:hover{background:#b91827}main .rgk-outline .wp-block-button__link{background:transparent;color:white;border:1px solid #aab1b7}main .rgk-section .rgk-outline .wp-block-button__link{color:var(--ink)}main .rgk-pricing-category{background:#fff;border-top:1px solid #dde2e5;padding-block:45px}main .rgk-pricing-category h2{font-size:43px}main .rgk-price-table{overflow-x:auto;margin:18px 0 0}main .rgk-price-table table{border-collapse:collapse;width:100%;min-width:580px}main .rgk-price-table th{text-align:left;background:#152029;color:white;padding:12px 15px}main .rgk-price-table td{padding:13px 15px;border-bottom:1px solid #dce2e5;vertical-align:top}main .rgk-price-table td:nth-child(2){font-weight:800;white-space:nowrap;color:#a91d2b}main .rgk-price-table tr:nth-child(even) td{background:#f5f7f8}main .rgk-home-prices{background:#edf1f3}main .rgk-b2b-prices{background:#fff}main .rgk-price-terms{background:#151b20;color:white}main .rgk-price-terms p{color:#d7dde2}main .rgk-privacy{background:#fff}main .rgk-privacy-item{padding-block:34px;border-top:1px solid #dde2e5;background:#fff}main .rgk-privacy-item h2{font-size:34px;text-transform:none}main .rgk-privacy-item p{max-width:920px}main .rgk-privacy-note{background:#eef1f3;font-size:15px;color:#4d5962}main .rgk-account-section{background:#eef1f3}main .rgk-account,main .rgk-request-form,main .rgk-account-notice{background:white;border-top:4px solid var(--red);padding:clamp(25px,4vw,50px);max-width:940px}main .rgk-account input,main .rgk-request-form input,main .rgk-request-form select,main .rgk-request-form textarea{display:block;width:100%;border:1px solid #b9c2c9;border-radius:0;padding:12px;font:inherit;background:white;color:var(--ink)}main .rgk-account label,main .rgk-request-form label{display:block;margin-bottom:18px;font-weight:700}main .rgk-request-form button{border:0;cursor:pointer}main .rgk-honey{position:absolute!important;left:-9999px!important}main .rgk-account-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}main .rgk-account-top{display:flex;justify-content:space-between;gap:20px}main .rgk-requests article{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid #dbe1e5}main .rgk-requests article span{display:block;color:#65717a;font-size:14px}main .rgk-requests article p{margin:8px 0}main .rgk-requests button{background:transparent;border:1px solid #b9c2c9;padding:8px 12px;cursor:pointer}main .rgk-success{background:#e5f4e8;padding:15px 18px;border-left:4px solid #287945}main .rgk-profile-link{margin-top:25px}main .rgk-request-form{margin-top:40px;box-shadow:0 8px 28px rgba(0,0,0,.06)}main .rgk-account-notice{max-width:760px}main .rgk-section a:not(.wp-block-button__link){text-decoration:underline;text-underline-offset:3px}@media(max-width:1100px){main .rgk-hero{grid-template-columns:1fr}main .rgk-hero-panel{max-width:450px}main .rgk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){main .rgk-hero,main .rgk-intro,main .rgk-section{padding:60px 20px}main .rgk-grid{grid-template-columns:1fr}main .rgk-hero h1{font-size:clamp(48px,12vw,72px)}main .rgk-account-top,main .rgk-requests article{display:block}main .rgk-price-table{margin-inline:-8px}}

@media(max-width:1450px){.top .menu{display:block;background:none;border:0;color:#fff;font-size:29px;cursor:pointer;margin-left:auto}.top nav{display:none;position:absolute;top:100%;left:0;right:0;background:#172330;padding:20px max(20px,calc((100vw - 1200px)/2));flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 80px);overflow:auto}.top nav.open{display:flex}.top nav a{padding:10px 0;font-size:16px}.header-cta{display:none}}