:root{--ink:#0d1b2a;--muted:#607085;--blue:#009fc8;--blue-deep:#007caa;--ice:#edf9fc;--line:#dbe7ed;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 48px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);border-bottom:1px solid rgba(219,231,237,.85);backdrop-filter:blur(16px)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto}.brand-mark{width:48px;height:48px;display:grid;place-items:center;color:var(--white);background:#f04413;border-radius:9px;font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:700;font-style:italic;letter-spacing:-.12em;line-height:1;box-shadow:inset 0 -2px 0 rgba(134,29,0,.14)}.brand-name{display:grid;color:#20242a;line-height:1}.brand-name strong{font-size:25px;font-weight:700;letter-spacing:.02em}.brand-name small{margin-top:6px;font-family:Georgia,"Times New Roman",serif;font-size:11px;letter-spacing:.12em}nav{display:flex;align-items:center;gap:34px;font-size:15px}nav a{transition:color .2s ease}nav a:hover{color:var(--blue-deep)}.nav-contact{min-height:42px;display:inline-flex;align-items:center;padding:9px 20px;color:var(--white);background:var(--ink);border-radius:999px}.nav-contact:hover{color:var(--white);background:var(--blue-deep)}.hero{min-height:650px;display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 85% 35%,#d9f6fb 0,rgba(237,249,252,0) 32%),linear-gradient(135deg,#f7fcfd 0%,#fff 58%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;padding:88px 0}.eyebrow{margin:0 0 15px;color:var(--blue-deep);font-weight:700;font-size:13px;letter-spacing:.16em}h1{margin:0;font-size:clamp(46px,5.5vw,72px);line-height:1.16;letter-spacing:-.045em}h1 span{color:var(--blue-deep)}.hero-lead{max-width:580px;margin:28px 0 34px;color:var(--muted);font-size:19px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 24px;border-radius:8px;font-weight:650;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px)}.primary{color:var(--white);background:var(--blue-deep);box-shadow:0 12px 26px rgba(0,124,170,.2)}.secondary{border:1px solid var(--line);background:var(--white)}.hero-visual{position:relative;min-height:420px;display:grid;place-items:center}.hero-visual img{position:relative;z-index:2;width:min(76%,330px);filter:drop-shadow(0 30px 40px rgba(10,93,120,.14))}.visual-orbit{position:absolute;width:390px;aspect-ratio:1;border:1px solid rgba(0,159,200,.2);border-radius:50%;box-shadow:inset 0 0 0 48px rgba(255,255,255,.44)}.visual-label{position:absolute;z-index:3;right:0;bottom:34px;display:grid;padding:17px 23px;color:var(--white);background:var(--ink);border-radius:12px;box-shadow:0 18px 38px rgba(13,27,42,.2)}.visual-label b{font-size:27px;line-height:1.1}.visual-label span{font-size:13px;opacity:.72}.section{padding:104px 0}.section-heading{max-width:650px;margin-bottom:44px}h2{margin:0 0 16px;font-size:clamp(32px,4vw,46px);line-height:1.25;letter-spacing:-.025em}.section-heading>p:last-child,.about-copy p,.contact-panel p{color:var(--muted);font-size:17px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{min-height:280px;padding:34px;border:1px solid var(--line);border-radius:16px;background:var(--white)}.service-card.featured{color:var(--white);border-color:var(--blue-deep);background:var(--blue-deep);box-shadow:0 22px 50px rgba(0,124,170,.18);transform:translateY(-12px)}.service-no{color:var(--blue-deep);font-size:13px;font-weight:800;letter-spacing:.14em}.featured .service-no{color:rgba(255,255,255,.7)}.service-card h3{margin:60px 0 12px;font-size:24px}.service-card p{margin:0;color:var(--muted)}.featured p{color:rgba(255,255,255,.78)}.about{background:var(--ice)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.about-mark{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);background:linear-gradient(145deg,var(--ink),#123d58);border-radius:22px 80px 22px 22px}.about-mark span{font-size:86px;font-weight:800;letter-spacing:-.08em;line-height:1}.about-mark p{margin:18px 0 0;font-size:14px;letter-spacing:.18em;opacity:.65}.about-copy p{margin:0 0 16px}.contact{background:var(--white)}.contact-panel{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:54px 62px;color:var(--white);background:var(--ink);border-radius:22px}.contact-panel h2{margin-bottom:8px}.contact-panel p{margin:0;color:rgba(255,255,255,.62)}.contact-panel .eyebrow{color:#65d8ef}.phone-card{flex:0 0 auto;display:grid;min-width:290px;padding:20px 26px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.06)}.phone-card span{font-size:13px;opacity:.62}.phone-card strong{margin-top:2px;font-size:25px;letter-spacing:.04em}footer{padding:28px 0;color:#798796;border-top:1px solid var(--line);font-size:13px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-inner p{margin:0}.records{display:flex;gap:20px;flex-wrap:wrap}.records a:hover{color:var(--blue-deep)}@media (max-width:820px){.container{width:min(100% - 32px,680px)}.nav-wrap{height:68px}.brand{gap:9px}.brand-mark{width:40px;height:40px;border-radius:7px;font-size:18px}.brand-name strong{font-size:20px}.brand-name small{margin-top:5px;font-size:9px}nav{gap:18px}nav a:not(.nav-contact){display:none}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;gap:34px;padding:72px 0 54px}.hero-visual{min-height:330px}.visual-orbit{width:min(330px,90vw)}.visual-label{right:4px;bottom:18px}.section{padding:76px 0}.service-grid{grid-template-columns:1fr}.service-card,.service-card.featured{min-height:auto;transform:none}.service-card h3{margin-top:34px}.about-grid{grid-template-columns:1fr;gap:44px}.about-mark{min-height:260px}.contact-panel{align-items:stretch;flex-direction:column;padding:38px 28px}.phone-card{min-width:0}.footer-inner{align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms !important}}