/* AVM Tuning Website v2.2.1 PHP7/UNDERPAGE FIX */
/* AVM Tuning Website v2.2.0 SEO COMPLETE */
/* AVM Tuning Website v2.1.2 LEGAL 2026 */
/* AVM Tuning Website v2.1.1 Cleanup */

:root{--bg:#f5f7fa;--paper:#fff;--soft:#eef2f5;--text:#18212b;--muted:#66727e;--red:#d92332;--red2:#b81724;--green:#1fa855;--line:#dce2e8;--dark:#202831;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.68}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
.topbar{background:#edf1f4;border-bottom:1px solid var(--line);font-size:.92rem;color:#4e5965}.topbar .wrap{display:flex;justify-content:space-between;padding:9px 0;gap:16px;flex-wrap:wrap}
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 5px 18px rgba(28,38,48,.05)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.04em}.brandmark{width:48px;height:48px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center}
.menu{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.menu a{font-weight:700;color:#303a44}.menu a:hover{color:var(--red)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:12px 18px;font-weight:850;border:1px solid var(--line);background:#fff;box-shadow:0 4px 12px rgba(20,30,40,.04)}.btn.red{background:var(--red);border-color:var(--red);color:#fff}.btn.green{background:var(--green);border-color:var(--green);color:#fff}.btn.dark{background:var(--dark);border-color:var(--dark);color:#fff}
.hero{padding:84px 0 65px;background:radial-gradient(circle at 85% 16%,rgba(217,35,50,.10),transparent 32%),linear-gradient(180deg,#fff,#f5f7fa);border-bottom:1px solid var(--line)}
.eyebrow{color:var(--red);text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:.78rem}.hero h1{font-size:clamp(2.7rem,6vw,5.1rem);line-height:1.01;max-width:980px;margin:14px 0 23px}.hero p{font-size:1.16rem;color:var(--muted);max-width:850px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}.stat{padding:20px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 25px rgba(27,39,52,.05)}.stat strong{display:block;font-size:1.22rem}.stat span{color:var(--muted);font-size:.93rem}
section{padding:72px 0}.section-head{max-width:850px;margin-bottom:32px}.section-head h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.09;margin:.35rem 0 1rem}.section-head p{color:var(--muted);font-size:1.06rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 28px rgba(26,36,46,.045)}.card h3{margin:0 0 9px;font-size:1.2rem}.card p{color:var(--muted);margin:0}.card .num{font-size:.8rem;color:var(--red);font-weight:900;margin-bottom:14px}
.alt{background:#eef2f5;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.content-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.content-box{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px}.content-box p{color:var(--muted);margin-bottom:0}
.contact-strip{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;box-shadow:0 8px 26px rgba(26,36,46,.05)}.contact-strip p{margin:0;color:var(--muted)}
.avmtw-original-config{width:100%;max-width:none;margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}
footer{padding:48px 0 90px;background:#202831;color:#fff}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.foot p,.foot a{color:#c8d0d7}.foot a{display:block;margin:7px 0}.notice{font-size:.86rem;color:#aeb8c1;margin-top:30px;border-top:1px solid #3b4651;padding-top:20px}
.contact-float{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;flex-direction:column;gap:10px}.contact-float a{display:flex;align-items:center;gap:8px;padding:13px 16px;border-radius:999px;color:#fff;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.18)}.contact-float .wa{background:var(--green)}.contact-float .call{background:var(--red)}
@media(max-width:950px){.menu{display:none}.stats,.grid,.foot,.content-sections{grid-template-columns:1fr 1fr}}@media(max-width:620px){.stats,.grid,.foot,.content-sections{grid-template-columns:1fr}.hero h1{font-size:2.65rem}.topbar .wrap{display:block}.contact-float{right:10px;bottom:10px}.contact-float a{padding:11px 13px;font-size:.9rem}}


/* v2.1 modern motion & richer content */
body{overflow-x:hidden}
.page-hero{padding:68px 0 48px}
.page-hero h1{font-size:clamp(2.6rem,5vw,4.9rem)}
.btn{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.btn span,.btn b{position:relative;z-index:2}.btn b{font-size:1.08em;transition:transform .25s ease}
.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28),transparent 70%);transform:translateX(-130%);transition:transform .55s ease}
.btn:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(30,40,50,.14)}
.btn:hover:before{transform:translateX(130%)}.btn:hover b{transform:translateX(4px)}
.card,.content-box,.knowledge-card,.service-card,.process{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}
.card:hover,.content-box:hover,.knowledge-card:hover,.service-card:hover,.process:hover{transform:translateY(-7px);box-shadow:0 18px 44px rgba(25,38,50,.11);border-color:#cbd3db}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.service-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px;min-height:220px;box-shadow:0 8px 28px rgba(26,36,46,.045);overflow:hidden}
.service-card:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-55px;top:-60px;background:rgba(217,35,50,.07);transition:transform .4s ease}
.service-card:hover:before{transform:scale(1.65)}
.service-card>span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#f8e8ea;color:var(--red);font-weight:900;font-size:.8rem}
.service-card h3{font-size:1.16rem;margin:20px 0 8px}.service-card p{color:var(--muted);margin:0 0 18px}.service-card b{position:absolute;left:23px;bottom:20px;color:var(--red);font-size:.88rem}
.knowledge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.knowledge-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 8px 28px rgba(26,36,46,.045)}
.knowledge-card .icon-dot{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--red);color:#fff;font-weight:900;margin-bottom:18px}
.knowledge-card h3{margin:0 0 8px}.knowledge-card p{color:var(--muted);margin:0}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px}.process>span{display:inline-block;color:var(--red);font-size:.82rem;font-weight:950;letter-spacing:.12em}.process h3{margin:13px 0 7px}.process p{margin:0;color:var(--muted)}
.faq-list{display:grid;gap:10px}.faq{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 19px;box-shadow:0 4px 18px rgba(25,35,45,.035)}.faq summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;font-weight:850;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--soft);color:var(--red);transition:transform .25s ease}.faq[open] summary span{transform:rotate(45deg)}.faq p{margin:0 0 20px;color:var(--muted);max-width:950px}
.crosslinks{background:linear-gradient(120deg,#fff,#f4f6f8);border:1px solid var(--line);border-radius:22px;padding:32px;display:flex;justify-content:space-between;align-items:end;gap:30px;box-shadow:0 10px 32px rgba(25,35,45,.06)}.crosslinks h2{margin:.3rem 0 .55rem}.crosslinks p{color:var(--muted);margin:0}.crosslink-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.legal-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(24px,4vw,48px);box-shadow:0 9px 32px rgba(24,34,44,.06)}.legal-card h2{font-size:2.4rem;margin-top:0}.legal-card h3{margin-top:1.8rem}.legal-card p{color:#4f5b67;max-width:920px}
.mini-num{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#f7e6e8;color:var(--red);font-size:.76rem;font-weight:900;margin-bottom:13px}
.contact-section{padding-top:40px}
.config-section{background:linear-gradient(180deg,#f7f9fb,#eef2f5)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .68s ease,transform .68s cubic-bezier(.2,.8,.2,1)}
.reveal.is-visible{opacity:1;transform:none}
.contact-float a{animation:avmFloat 3s ease-in-out infinite}.contact-float .call{animation-delay:.8s}
@keyframes avmFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:1100px){.service-grid,.knowledge-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.service-grid,.knowledge-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.crosslinks{align-items:flex-start;flex-direction:column}.crosslink-buttons{justify-content:flex-start}}
@media(max-width:560px){.service-grid,.knowledge-grid,.process-grid{grid-template-columns:1fr}.service-card{min-height:190px}.crosslinks{padding:24px}.btn{width:auto}.contact-float a{font-size:0;width:52px;height:52px;justify-content:center;padding:0}.contact-float a:before{font-size:22px}.contact-float .wa:before{content:"💬"}.contact-float .call:before{content:"☎"}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.contact-float a{animation:none}.btn,.card,.content-box,.knowledge-card,.service-card,.process{transition:none}}

.foot{grid-template-columns:1.6fr 1fr 1fr 1fr}@media(max-width:950px){.foot{grid-template-columns:1fr 1fr}}@media(max-width:620px){.foot{grid-template-columns:1fr}}

.legal-status{
  background:#f6f8fa;border-left:4px solid var(--red);padding:14px 16px;
  border-radius:10px;color:#4f5b67;max-width:980px
}
.legal-card a{text-decoration:underline;text-underline-offset:2px}

.seo-copy{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(26px,5vw,54px);box-shadow:0 10px 34px rgba(25,35,45,.055)}
.seo-copy h2{font-size:clamp(1.8rem,3.2vw,3rem);max-width:900px;margin:.35rem 0 1rem}
.seo-copy p{font-size:1.08rem;line-height:1.8;color:var(--muted);max-width:1000px}