:root{--text:#4a515b;--text-h:#101418;--bg:#f3f5f6;--border:#10141824;--border-strong:#10141833;--panel-bg:#ffffffb8;--accent-soft:#8be9f3;--accent-strong:linear-gradient(180deg, #8ad3cc 0%, #10b7d3 100%);--sans:"Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--heading:"Inter Tight", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;font:18px/1.55 var(--sans);letter-spacing:.02em;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#b1bac6;--text-h:#f7f9fb;--bg:#0f1418;--border:#f7f9fb26;--border-strong:#f7f9fb38;--panel-bg:#12181dd1;--accent-soft:#10b7d338;--accent-strong:linear-gradient(180deg, #8ad3cc 0%, #10b7d3 100%)}}#root{border-inline:1px solid var(--border);box-sizing:border-box;background:linear-gradient(180deg, #ffffff1a 0%, #fff0 20%), var(--bg);width:min(1240px,100% - 32px);max-width:100%;min-height:100svh;margin:0 auto;box-shadow:0 24px 70px #10141814}html{scroll-behavior:smooth}body{box-sizing:border-box;background:radial-gradient(circle at top,#10b7d32e,#0000 32%),#dfe8ea;min-width:320px;margin:0}*,:before,:after{box-sizing:inherit}h1,h2,h3,strong{font-family:var(--heading);color:var(--text-h);font-weight:800}h1{letter-spacing:-.08em;margin:18px 0 0;font-size:clamp(3.4rem,9vw,7rem);line-height:.96}h2{letter-spacing:-.06em;margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.02}h3{letter-spacing:-.05em;margin:0;font-size:1.7rem;line-height:1.05}p{margin:0}a,button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--text-h);outline-offset:3px}@media (width<=640px){#root{width:min(100%,100% - 16px)}body{background:linear-gradient(#10b7d324,#0000 20%),#dfe8ea}}.page-shell{gap:0;display:grid}.site-header,.content-section,.contact-section{border-top:1px solid var(--border)}.site-header,.hero-section,.content-section,.contact-section{padding:28px 40px}.site-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{color:var(--text-h);align-items:center;gap:14px;text-decoration:none;display:inline-flex}.brand-mark{border:2px solid var(--text-h);background:var(--bg);border-radius:18px;width:64px;height:64px;display:block;position:relative;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.brand-text{text-align:left;display:grid}.brand-text strong,.header-link,.primary-link,.secondary-link,.panel-contact a,.contact-card a{color:var(--text-h)}.brand-text strong{letter-spacing:.24em;font-size:1rem}.brand-text span,.header-link{text-transform:uppercase;letter-spacing:.14em;font-size:.88rem}.header-link,.primary-link,.secondary-link{border:1px solid var(--text-h);justify-content:center;align-items:center;min-height:48px;padding:0 18px;text-decoration:none;transition:transform .18s,background-color .18s,color .18s;display:inline-flex}.header-link:hover,.primary-link:hover,.secondary-link:hover,.panel-contact a:hover,.contact-card a:hover{transform:translate(-4px,-4px)}.header-link:hover,.primary-link:hover{background:var(--text-h);color:var(--bg)}.section-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);align-items:stretch;gap:24px;min-height:calc(100svh - 121px);display:grid}.hero-copy,.hero-panel,.content-section,.contact-card{position:relative;overflow:hidden}.hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:28px 0 12px;display:flex}.eyebrow,.panel-tag,.contact-card span{letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;font-weight:700}.hero-copy h1{max-width:11ch;margin-bottom:22px}.hero-copy h1 span{letter-spacing:-.04em;max-width:15ch;margin-top:14px;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.28;display:block}.hero-description,.about-text,.panel-heading p,.panel-contact p,.contact-card p{max-width:58ch;font-size:1rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.secondary-link{background:var(--panel-bg)}.hero-panel{border:1px solid var(--text-h);background:linear-gradient(160deg, transparent 0 72%, var(--accent-soft) 72% 100%), var(--panel-bg);align-content:space-between;gap:24px;padding:28px;display:grid;transform:translateY(14px)}.hero-panel:after,.content-section:after,.contact-card-strong:after{content:"";background:var(--text-h);width:18px;height:18px;position:absolute;inset:16px auto auto 16px}.panel-heading{gap:12px;display:grid}.panel-heading span{letter-spacing:-.08em;color:var(--text-h);font-size:clamp(3.5rem,7vw,5rem);font-weight:900;line-height:.9}.service-list,.about-cards{gap:12px;display:grid}.service-list{margin:0;padding:0;list-style:none}.service-list li,.about-cards article,.contact-card{border:1px solid var(--border-strong);background:var(--bg)}.service-list li{min-height:56px;color:var(--text-h);align-items:center;padding:0 16px;font-size:1rem;display:flex}.panel-contact{gap:20px;display:grid}.panel-contact div,.contact-card{gap:10px;display:grid}.panel-contact a,.contact-card a{width:fit-content;font-weight:700;text-decoration:none}.content-section,.contact-section{gap:28px;display:grid}.section-heading{gap:10px;display:grid}.about-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.about-cards article{gap:10px;padding:22px;display:grid}.about-cards strong,.contact-card h3{color:var(--text-h);font-size:1.35rem;line-height:1.2}.contact-layout{grid-template-columns:1.2fr 1fr .8fr;gap:16px;display:grid}.contact-card{align-content:start;min-height:220px;padding:24px}.contact-card-strong{border-color:var(--text-h);background:var(--accent-soft)}.reveal{opacity:0;animation:.7s forwards revealUp;transform:translateY(24px)}.reveal-delay-1{animation-delay:.12s}.reveal-delay-2{animation-delay:.24s}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@media (width<=960px){.site-header,.hero-section,.content-section,.contact-section{padding:24px 18px}.site-header{flex-direction:column;align-items:flex-start}.section-grid,.about-layout,.contact-layout{grid-template-columns:1fr}.section-grid{min-height:auto}.hero-copy{padding-top:0}.hero-copy h1{max-width:none}}@media (width<=640px){.brand-mark{border-radius:16px;width:56px;height:56px}.brand{align-items:flex-start}.hero-panel{padding:22px}.contact-card{min-height:auto}}