:root{
    --blue:#006DCC;
    --blue-2:#00A2FF;
    --blue-dark:#031A33;
    --blue-soft:#EAF6FF;
    --ink:#050B12;
    --muted:#5A6A7E;
    --line:#DDEAF5;
    --white:#fff;
    --shadow:0 24px 70px rgba(3,26,51,.14);
    --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:Inter,Arial,Helvetica,sans-serif;
    color:var(--ink);
    background:#fff;
    font-weight:400;
    line-height:1.6;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
code{background:#edf7ff;padding:2px 6px;border-radius:8px;color:#003b70}
.skip-link{position:absolute;left:-999px;top:auto;background:#fff;color:#000;padding:10px;z-index:999}
.skip-link:focus{left:12px;top:12px}
.container{width:min(1180px,calc(100% - 34px));margin-inline:auto}
.narrow{max-width:880px}
.site-shell{overflow:hidden}
.top-strip{background:var(--blue-dark);color:#fff;font-size:13px}
.top-strip__inner{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-height:38px}
.top-strip__inner span{margin-right:auto;color:#d8efff}
.site-header{
    position:sticky;top:0;z-index:50;
    background:rgba(255,255,255,.92);
    border-bottom:1px solid rgba(221,234,245,.8);
    backdrop-filter:blur(16px);
}
.nav-wrap{min-height:86px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;min-width:220px}
.brand img{width:250px;max-width:46vw}
.main-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
.main-nav a{
    padding:11px 13px;
    border-radius:999px;
    color:#26394e;
    font-size:15px;
    font-weight:500;
    transition:.25s ease;
}
.main-nav a:hover,.main-nav a.is-active{background:var(--blue-soft);color:var(--blue)}
.header-cta{
    background:var(--blue);
    color:#fff;
    padding:13px 18px;
    border-radius:999px;
    font-size:15px;
    font-weight:600;
    box-shadow:0 12px 28px rgba(0,109,204,.22);
}
.nav-toggle{display:none;background:none;border:0;width:46px;height:46px;margin-left:auto}
.nav-toggle span{display:block;width:26px;height:2px;background:var(--blue-dark);margin:6px auto;transition:.2s}
.eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--blue);
    text-transform:uppercase;
    letter-spacing:.12em;
    font-size:13px;
    font-weight:600;
    margin-bottom:13px;
}
.eyebrow:before{content:"";width:34px;height:2px;background:var(--blue)}
h1,h2,h3{font-weight:600;line-height:1.05;margin:0 0 18px;color:var(--ink);letter-spacing:-.04em}
h1{font-size:clamp(43px,6.2vw,82px)}
h2{font-size:clamp(32px,4vw,54px)}
h3{font-size:24px}
p{margin:0 0 18px;color:#27384a}
.lead{font-size:clamp(18px,2.3vw,23px);color:#dceeff;max-width:720px}
.btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    min-height:52px;
    padding:15px 23px;
    border-radius:999px;
    font-weight:600;
    border:1px solid transparent;
    cursor:pointer;
    transition:.22s ease;
}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 18px 38px rgba(0,109,204,.26)}
.btn-primary:hover{transform:translateY(-2px);background:#005fba}
.btn-secondary{background:#fff;color:var(--blue-dark);border-color:rgba(255,255,255,.35)}
.btn-wide{width:100%;border-radius:16px}
.hero{
    position:relative;
    min-height:760px;
    display:flex;
    align-items:center;
    background:var(--blue-dark);
}
.hero-bg{
    position:absolute;inset:0;
    background:
      linear-gradient(90deg,rgba(3,26,51,.92),rgba(3,26,51,.75),rgba(3,26,51,.25)),
      url('../img/hero-motori.svg') center/cover no-repeat;
}
.hero-grid{
    position:relative;z-index:1;
    display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.75fr);
    gap:42px;align-items:center;
    padding:80px 0;
}
.hero-copy h1,.hero-copy .eyebrow{color:#fff}
.hero-copy .eyebrow:before{background:#fff}
.hero-copy h1{color:#fff;text-shadow:0 12px 34px rgba(0,0,0,.18)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}
.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.trust-row span{
    color:#fff;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    padding:10px 14px;
    font-size:14px;
}
.section{padding:92px 0}
.section-light{background:linear-gradient(180deg,#F6FBFF,#EAF6FF)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.before-after{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.before-after figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}
.before-after figcaption{padding:15px 18px;color:var(--blue-dark);font-weight:600}
.arrow-swap{width:50px;height:50px;border-radius:999px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:26px}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.info-card{
    padding:30px;
    border:1px solid var(--line);
    border-radius:var(--radius);
    background:#fff;
    box-shadow:0 18px 46px rgba(3,26,51,.08);
    min-height:255px;
}
.info-card span{
    width:48px;height:48px;border-radius:16px;
    background:var(--blue-soft);color:var(--blue);
    display:grid;place-items:center;
    font-weight:600;margin-bottom:25px;
}
.info-card p{color:var(--muted)}
.cta-panel{
    background:var(--blue-dark);
    color:#fff;
    border-radius:34px;
    padding:44px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:25px;
    box-shadow:var(--shadow);
}
.cta-panel h2,.cta-panel p{color:#fff}
.cta-panel p{opacity:.86}
.page-hero{
    padding:105px 0 75px;
    background:linear-gradient(135deg,#F6FBFF,#EAF6FF 62%,#D8F0FF);
    position:relative;
}
.page-hero:after,.search-hero:after{
    content:"MOTORI";
    position:absolute;
    right:-30px;
    top:34px;
    font-size:clamp(82px,14vw,190px);
    color:#fff;
    opacity:.75;
    letter-spacing:-.08em;
    font-weight:600;
    pointer-events:none;
}
.page-hero .container{position:relative;z-index:1}
.page-hero p{font-size:21px;max-width:780px}
.media-card{background:#fff;border-radius:32px;padding:18px;border:1px solid var(--line);box-shadow:var(--shadow)}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.stats-grid div{background:var(--blue-soft);border-radius:22px;padding:18px}
.stats-grid span{display:block;color:var(--blue);font-size:30px;font-weight:600;line-height:1}
.stats-grid small{color:#526579}
.check-list{list-style:none;padding:0;margin:26px 0}
.check-list li{position:relative;padding-left:40px;margin:13px 0;color:#27384a}
.check-list li:before{
    content:"✓";
    position:absolute;left:0;top:-1px;
    width:26px;height:26px;border-radius:999px;
    display:grid;place-items:center;
    background:var(--blue);color:#fff;
    font-weight:600;font-size:15px;
}
.text-columns{max-width:980px}
.process{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.process div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}
.process span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;font-weight:600;margin-bottom:20px}
.search-hero{
    background:#F7FBFF;
    padding:76px 0 96px;
    position:relative;
}
.search-grid{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(420px,1fr);
    gap:56px;
    align-items:start;
    position:relative;
    z-index:1;
}
.search-copy{padding-top:32px}
.search-copy h1{color:#000}
.direct-box{
    margin-top:34px;
    background:#fff;
    border:1px solid var(--line);
    box-shadow:0 20px 48px rgba(3,26,51,.08);
    border-radius:24px;
    padding:28px;
}
.direct-box h2{font-size:23px;letter-spacing:0;margin-bottom:8px}
.direct-box a{display:block;color:var(--blue);font-weight:600;margin-top:8px}
.contact-grid{display:grid;grid-template-columns:.7fr 1fr;gap:40px;align-items:start}
.contact-card{background:var(--blue-dark);color:#fff;border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}
.contact-card h2,.contact-card p,.contact-card a{color:#fff}
.contact-card p{border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:16px}
.contact-card p span{display:block;color:#a7d9ff;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.quote-card{
    position:relative;
    isolation:isolate;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(221,234,245,.95);
    border-radius:32px;
    padding:32px;
    box-shadow:0 28px 90px rgba(3,26,51,.22);
    overflow:hidden;
}
.quote-card--compact{padding:28px}
.quote-card__shine{
    position:absolute;inset:-140px -160px auto auto;width:320px;height:320px;
    background:radial-gradient(circle,rgba(0,162,255,.24),rgba(0,162,255,0) 68%);
    z-index:-1;
}
.quote-card__head h2{font-size:clamp(31px,3.3vw,44px);margin-bottom:8px}
.quote-card__head p{color:var(--muted);margin-bottom:24px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.engine-form label{display:block}
.engine-form label span{
    display:block;
    font-size:14px;
    font-weight:600;
    color:#24364b;
    margin-bottom:7px;
}
.engine-form input,.engine-form select,.engine-form textarea{
    width:100%;
    border:1px solid #C9D6E2;
    background:#fff;
    color:#142438;
    border-radius:16px;
    min-height:52px;
    padding:13px 15px;
    outline:none;
    transition:.2s ease;
}
.engine-form textarea{resize:vertical;min-height:112px}
.engine-form input:focus,.engine-form select:focus,.engine-form textarea:focus{
    border-color:var(--blue);
    box-shadow:0 0 0 4px rgba(0,109,204,.13);
}
.span-full{grid-column:1/-1;margin-top:15px}
.privacy-row{display:flex!important;gap:12px;align-items:flex-start}
.privacy-row input{width:18px;height:18px;min-height:auto;margin-top:3px;accent-color:var(--blue)}
.privacy-row span{font-weight:400!important;color:#607187!important;margin:0!important}
.btn-loader{
    width:20px;height:20px;border-radius:50%;
    border:2px solid rgba(255,255,255,.5);
    border-top-color:#fff;
    display:none;
    animation:spin .75s linear infinite;
}
.engine-form.is-loading .btn-loader{display:inline-block}
.engine-form.is-loading .btn-text{opacity:.9}
.engine-form.is-loading button{pointer-events:none;opacity:.92}
.form-response{
    display:none;
    margin-top:16px;
    border-radius:16px;
    padding:14px 16px;
    font-size:15px;
}
.form-response.is-success{display:block;background:#EAFBF2;color:#09633A;border:1px solid #BDEED4}
.form-response.is-error{display:block;background:#FFF0F0;color:#A21313;border:1px solid #FFD0D0}
.microcopy{font-size:13px;color:#738298;text-align:center;margin:14px 0 0}
.site-footer{background:#020B16;color:#d9e7f5;padding:70px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.25fr .7fr .8fr 1fr;gap:34px}
.footer-logo{background:#fff;border-radius:14px;padding:6px;margin-bottom:18px}
.site-footer h3{font-size:18px;letter-spacing:0;color:#fff;margin-bottom:18px}
.site-footer p,.site-footer a{color:#d9e7f5}
.footer-link{display:block;margin:10px 0;color:#d9e7f5}
.footer-social{display:flex;gap:10px;flex-wrap:wrap}
.footer-social a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 13px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:20px;display:flex;gap:18px;justify-content:space-between;color:#90a7bd;font-size:13px}
.floating-actions{position:fixed;right:18px;bottom:18px;z-index:55;display:flex;gap:10px}
.floating-actions a{background:var(--blue);color:#fff;border-radius:999px;padding:12px 15px;font-size:14px;font-weight:600;box-shadow:0 16px 34px rgba(0,0,0,.22)}
.floating-actions a:first-child{background:var(--blue-dark)}
.reveal{opacity:0;transform:translateY(26px);transition:.7s ease}
.reveal.is-visible{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:1040px){
    .header-cta{display:none}
    .main-nav{position:fixed;inset:124px 17px auto 17px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}
    .main-nav.is-open{display:flex}
    .main-nav a{padding:13px 16px}
    .nav-toggle{display:block}
    .nav-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
    .nav-toggle.is-open span:nth-child(2){opacity:0}
    .nav-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
    .hero-grid,.search-grid,.split,.contact-grid{grid-template-columns:1fr}
    .hero{min-height:auto}
    .hero-grid{padding:54px 0}
    .cards-3,.process,.footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
    .top-strip__inner{justify-content:center;flex-wrap:wrap;gap:8px;padding:8px 0}
    .top-strip__inner span{display:none}
    .nav-wrap{min-height:74px}
    .brand img{width:210px}
    h1{font-size:43px}
    .section{padding:64px 0}
    .quote-card{border-radius:24px;padding:22px}
    .form-grid,.cards-3,.process,.footer-grid,.stats-grid{grid-template-columns:1fr}
    .before-after{grid-template-columns:1fr}
    .arrow-swap{transform:rotate(90deg);margin:auto}
    .cta-panel{display:block;padding:28px}
    .cta-panel .btn{margin-top:12px;width:100%}
    .footer-bottom{display:block}
    .floating-actions{left:12px;right:12px}
    .floating-actions a{flex:1;text-align:center}
}
@media (max-width:420px){
    .container{width:min(100% - 24px,1180px)}
    .brand img{width:185px}
    h1{font-size:38px}
    .hero-actions .btn{width:100%}
}