#sinof-auto-root{--navy:#102c46;--blue:#195b84;--sky:#eaf5fb;--gold:#f6b94e;--ink:#173149;--muted:#5e7081}
#sinof-auto-root *{box-sizing:border-box}
#sinof-auto-root{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff}
#sinof-auto-root a{color:inherit;text-decoration:none}
#sinof-auto-root button,#sinof-auto-root a{touch-action:manipulation}
#sinof-auto-root .container{max-width:1160px;margin:auto;padding:0 24px}
#sinof-auto-root .skip{position:absolute;left:-9999px}
#sinof-auto-root .skip:focus{left:16px;top:12px;background:white;z-index:99;padding:8px}
#sinof-auto-root header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 2px 20px #102c4617}
#sinof-auto-root .nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px}
#sinof-auto-root .brand{display:flex;align-items:center;gap:13px}
#sinof-auto-root .mark{width:51px;height:51px;border-radius:15px;background:var(--navy);display:grid;place-items:center;color:white;font-weight:900;letter-spacing:-2px;font-size:22px}
#sinof-auto-root .brand strong{display:block;line-height:1.2;font-size:19px}
#sinof-auto-root .brand small{display:block;font-size:11px;color:var(--muted);letter-spacing:.3px}
#sinof-auto-root .links{display:flex;align-items:center;gap:23px;font-size:14px;font-weight:650}
#sinof-auto-root .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:10px;font-weight:750;background:var(--gold);color:#182c3b;box-shadow:0 5px 12px #0000000b}
#sinof-auto-root .btn.secondary{background:white;color:var(--navy);border:1px solid #ccdce6}
#sinof-auto-root .btn.dark{background:var(--navy);color:white}
#sinof-auto-root .hero{background:linear-gradient(125deg,#102c46 5%,#1b5276 65%,#267da2);color:#fff;overflow:hidden}
#sinof-auto-root .hero .container{display:grid;grid-template-columns:1.3fr .7fr;gap:42px;align-items:center;padding-top:92px;padding-bottom:92px}
#sinof-auto-root .eyebrow{display:inline-block;border:1px solid #ffffff60;border-radius:100px;padding:6px 14px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:750}
#sinof-auto-root h1{font-size:clamp(38px,5vw,66px);line-height:1.09;letter-spacing:-2px;margin:24px 0}
#sinof-auto-root h1 em{font-style:normal;color:#ffcf78}
#sinof-auto-root .hero p{font-size:18px;color:#dcecf5;max-width:650px}
#sinof-auto-root .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
#sinof-auto-root .hero-panel{background:#ffffff14;border:1px solid #ffffff40;backdrop-filter:blur(12px);border-radius:26px;padding:30px}
#sinof-auto-root .hero-panel h2{font-size:24px;margin:0 0 14px}
#sinof-auto-root .hero-panel p{font-size:15px}
#sinof-auto-root .hero-panel ul{list-style:none;padding:0;margin:18px 0 0}
#sinof-auto-root .hero-panel li{padding:10px 0;border-bottom:1px solid #ffffff25}
#sinof-auto-root .hero-panel li:before{content:"✓";color:#ffcf78;margin-right:10px}
#sinof-auto-root .section{padding:78px 0}
#sinof-auto-root .section.alt{background:#f3f8fb}
#sinof-auto-root .kicker{text-transform:uppercase;letter-spacing:2px;color:#2b7197;font-size:12px;font-weight:850}
#sinof-auto-root .section h2{font-size:clamp(27px,3vw,42px);line-height:1.2;margin:12px 0 18px;letter-spacing:-.8px}
#sinof-auto-root .lead{color:var(--muted);max-width:750px;font-size:17px}
#sinof-auto-root .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
#sinof-auto-root .card{border:1px solid #dfe9ef;border-radius:18px;padding:27px;background:white;box-shadow:0 8px 22px #102c4608}
#sinof-auto-root .symbol{font-size:26px;display:grid;place-items:center;width:54px;height:54px;background:var(--sky);border-radius:14px}
#sinof-auto-root .card h3{font-size:19px;margin:18px 0 8px}
#sinof-auto-root .card p{color:var(--muted);font-size:14px;margin:0}
#sinof-auto-root .split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
#sinof-auto-root .info{background:var(--navy);border-radius:24px;color:white;padding:36px}
#sinof-auto-root .info p{color:#dcecf5}
#sinof-auto-root .info a{text-decoration:underline}
#sinof-auto-root .note{background:#fff7e8;border-left:4px solid var(--gold);padding:16px 20px;border-radius:8px;font-size:14px}
#sinof-auto-root .callout{background:var(--sky);border-radius:22px;padding:35px;display:flex;justify-content:space-between;align-items:center;gap:24px}
#sinof-auto-root .sources{font-size:13px;color:var(--muted)}
#sinof-auto-root .sources a{text-decoration:underline;color:#195b84}
#sinof-auto-root footer{background:#0b243a;color:#d5e6f0;padding:38px 0}
#sinof-auto-root footer .container{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
#sinof-auto-root footer p{margin:5px 0;font-size:13px}
#sinof-auto-root #menuToggle{display:none}
@media (max-width:880px){#sinof-auto-root .hero .container,#sinof-auto-root .split{grid-template-columns:1fr} #sinof-auto-root .hero .container{padding-top:64px;padding-bottom:64px} #sinof-auto-root .cards{grid-template-columns:repeat(2,1fr)} #sinof-auto-root .links{display:none;position:absolute;left:0;right:0;top:82px;background:white;padding:24px;box-shadow:0 10px 18px #0002;flex-direction:column;align-items:stretch} #sinof-auto-root .links.open{display:flex} #sinof-auto-root #menuToggle{display:block;background:transparent;border:1px solid #d5e3eb;border-radius:8px;padding:9px 13px;font-size:22px}}
@media (max-width:600px){#sinof-auto-root .cards{grid-template-columns:1fr} #sinof-auto-root .callout{flex-direction:column;align-items:flex-start} #sinof-auto-root .container{padding:0 18px} #sinof-auto-root .brand strong{font-size:17px} #sinof-auto-root .brand small{font-size:10px}}
#sinof-auto-root{width:100%;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;color:#173149}#sinof-auto-root a{text-decoration:none}#sinof-auto-root .links a:focus-visible{outline:3px solid #f6b94e;outline-offset:3px}