@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{font-family:'DM Sans',Arial,sans-serif;color:#111815;background:#f4f5f0;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #b9ef27;outline-offset:4px}.site-header{height:84px;padding:0 clamp(24px,5vw,84px);display:flex;align-items:center;justify-content:space-between;background:#101513;color:white;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;background:#bcf029;color:#111815;font:800 26px Manrope,sans-serif;width:42px;height:42px;border-radius:5px;letter-spacing:-3px}.brand-mark span{color:#111815}.brand-name{font:800 19px Manrope,sans-serif;letter-spacing:.16em;line-height:1}.brand-name small{display:block;font:700 8px Manrope,sans-serif;letter-spacing:.36em;margin-top:5px;color:#aab3ac}.site-header nav{display:flex;align-items:center;gap:40px;font-size:13px;font-weight:700}.site-header nav>a:not(.nav-login):hover,.text-link:hover{color:#bcef2f}.nav-login{border:1px solid #66706a;padding:12px 16px;border-radius:4px}.nav-login span{margin-left:16px;color:#bcef2f}.hero{position:relative;min-height:680px;height:calc(100vh - 84px);max-height:860px;background:#101513;color:white;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url('hero-moto.png') center center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c110ff7 0%,#0c110fe8 32%,#0c110f6e 62%,#0c110f10 100%),linear-gradient(0deg,#0c110fb8,transparent 25%)}.hero-content{position:relative;z-index:2;padding:clamp(80px,10vh,125px) clamp(24px,8vw,140px) 90px;max-width:970px}.eyebrow,.section-label{font-size:11px;letter-spacing:.2em;font-weight:800}.eyebrow{color:#c3f43b;display:flex;align-items:center;gap:10px}.signal,.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#bced28;box-shadow:0 0 0 5px #bced2822}.qingqi-logo{font:italic 900 clamp(48px,7vw,100px) Manrope,Arial,sans-serif;letter-spacing:-.08em;margin:32px 0 19px;line-height:1;color:#fff;transform:skew(-7deg);width:max-content}.qingqi-logo span{font:normal 600 15px Arial;vertical-align:top;margin-left:7px;letter-spacing:0}.hero h1{font:800 clamp(35px,4.1vw,60px)/1.14 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 24px}.hero h1 em{font-style:normal;color:#bcef2f}.hero p{font-size:17px;line-height:1.65;color:#d2d9d4;max-width:550px;margin:0}.hero-actions{display:flex;gap:34px;align-items:center;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 21px;border-radius:3px;font-size:14px;font-weight:800;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:#bcef2f;color:#101513}.btn-primary:hover{background:#d2ff59}.btn span{font-size:20px;font-weight:400}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid #a6afa8;padding-bottom:7px}.text-link span{margin-left:14px}.hero-side{position:absolute;right:28px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-size:10px;font-weight:800;letter-spacing:.2em;color:#c4cdc7}.hero-side span{color:#bcef2f;margin:12px 0}.hero-bottom{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;max-width:100%;padding:20px clamp(24px,5vw,84px);border-top:1px solid #ffffff3d;color:#bcc6bf;font-size:10px;font-weight:700;letter-spacing:.18em}.intro{padding:100px clamp(24px,8vw,140px) 110px}.section-label{color:#71816b}.intro-main{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:end;margin:35px 0 80px}.intro h2,.contact h2{font:800 clamp(34px,4vw,58px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:0}.intro h2 span{color:#73836f}.intro-main p,.contact p{font-size:16px;line-height:1.7;color:#5a655f;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbd1c8}.feature-grid article{padding:32px 32px 5px 0;min-height:200px;border-right:1px solid #cbd1c8}.feature-grid article+article{padding-left:32px}.feature-grid article:last-child{border:0}.feature-no{color:#82947b;font-size:12px;font-weight:800}.feature-grid h3{font:800 19px Manrope,Arial,sans-serif;margin:32px 0 10px}.feature-grid p{color:#607068;font-size:14px;line-height:1.6;max-width:270px;margin:0}.contact{background:#bcef2f;padding:85px clamp(24px,8vw,140px);display:grid;grid-template-columns:1fr 360px;gap:80px;align-items:end}.contact .section-label{color:#3f5936}.contact h2{margin:30px 0 20px}.contact p{color:#354332;max-width:550px}.btn-dark{background:#101513;color:white;margin-top:30px}.btn-dark:hover{background:#2a382f}.construction{padding:28px;border:1px solid #536b3f;border-radius:4px}.construction strong{display:block;font:800 18px Manrope,Arial,sans-serif;margin:15px 0 8px}.construction p{font-size:14px;line-height:1.6}footer{background:#101513;color:white;padding:55px clamp(24px,8vw,140px) 30px;display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:start}footer .footer-brand{font:800 25px Manrope,Arial,sans-serif;letter-spacing:.13em}footer .footer-brand span{color:#bcef2f}footer strong{font-size:13px}footer p,footer small{font-size:12px;color:#9aa69d}footer a{font-size:13px;font-weight:700;border-bottom:1px solid #6c796e;padding-bottom:6px}footer a:hover{color:#bcef2f}footer small{grid-column:1/-1;border-top:1px solid #344039;padding-top:24px;margin-top:30px}
@media(max-width:800px){.site-header{height:72px}.site-header nav{gap:16px}.site-header nav>a:not(.nav-login){display:none}.hero{height:auto;min-height:690px}.hero-photo{background-position:60% center}.hero-shade{background:linear-gradient(90deg,#0c110ff0,#0c110fb5 58%,#0c110f40),linear-gradient(0deg,#0c110fd6,transparent 50%)}.hero-content{padding:85px 28px 110px}.hero-side{display:none}.intro{padding:80px 28px}.intro-main{grid-template-columns:1fr;gap:24px;margin-bottom:60px}.feature-grid{grid-template-columns:1fr}.feature-grid article,.feature-grid article+article{border-right:0;border-bottom:1px solid #cbd1c8;padding:28px 0;min-height:0}.contact{grid-template-columns:1fr;gap:50px;padding:70px 28px}.construction{max-width:500px}footer{grid-template-columns:1fr 1fr;padding:50px 28px 25px}footer a{width:max-content}}@media(max-width:520px){.brand-name{font-size:16px}.brand-mark{width:37px;height:37px}.nav-login{font-size:12px;padding:10px}.nav-login span{margin-left:5px}.hero{min-height:740px}.hero-photo{background-position:61% center}.hero-shade{background:linear-gradient(0deg,#0c110ff7 3%,#0c110fd9 45%,#0c110f83 100%)}.hero-content{padding-top:185px}.qingqi-logo{font-size:60px}.hero h1{font-size:38px}.hero p{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:25px}.hero-bottom span:nth-child(2){display:none}.intro h2,.contact h2{font-size:38px}footer{grid-template-columns:1fr;gap:22px}footer small{margin-top:10px}}