:root{color-scheme:light;--bg:#f8fafb;--surface:#ffffff;--surface-soft:#f2f6f7;--ink:#0f172a;--ink-2:#465668;--muted:#64748b;--line:#d5dee5;--line-soft:#e8eef2;--accent:#2f7187;--accent-deep:#1f5c72;--accent-soft:#e5f1f4;--success-soft:#eef7f5;--shadow-low:0 8px 18px rgba(15,23,42,0.06);--shadow-focus:0 0 0 4px rgba(47,113,135,0.18);--radius-sm:6px;--radius-md:10px;--space-page:clamp(20px,5vw,96px);--ease-out:cubic-bezier(0.22,1,0.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 76% 18%,rgba(47,113,135,.08),transparent 28rem),linear-gradient(180deg,#ffffff 0,var(--bg) 54%,#ffffff 100%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif;font-size:16px;line-height:1.6;font-feature-settings:"kern";font-kerning:normal;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible{border-radius:var(--radius-sm);outline:none;box-shadow:var(--shadow-focus)}main{min-height:100vh;overflow:hidden}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(132px,auto);align-items:center;grid-gap:32px;gap:32px;padding:26px var(--space-page) 18px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(213,222,229,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:inline-flex;align-items:center;gap:14px;min-width:0;font-size:clamp(.94rem,1.4vw,1.18rem);font-weight:760;letter-spacing:0;white-space:nowrap}.logo-mark{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center}.logo-mark svg{width:100%;height:100%;fill:none;stroke:var(--ink);stroke-linejoin:round;stroke-width:4}.logo-mark path:nth-child(2){stroke:var(--accent)}.site-header nav{display:flex;align-items:center;gap:clamp(22px,3vw,52px);font-size:.95rem;color:var(--ink-2)}.site-header nav a{position:relative;padding:8px 0}.site-header nav a:after{position:absolute;right:0;bottom:0;left:0;height:2px;content:"";background:var(--accent);opacity:0;transform:scaleX(.35);transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}.site-header nav a:focus-visible:after,.site-header nav a:hover:after{opacity:1;transform:scaleX(1)}.button,.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--radius-sm);font-weight:680;transition:background-color .18s var(--ease-out),border-color .18s var(--ease-out),color .18s var(--ease-out),transform .18s var(--ease-out),box-shadow .18s var(--ease-out)}.header-cta{min-width:132px;padding:10px 18px;color:#ffffff;background:var(--accent)}.button.primary:hover,.header-cta:hover{background:var(--accent-deep);transform:translateY(-1px)}.hero{display:grid;grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr);align-items:center;grid-gap:clamp(48px,7vw,104px);gap:clamp(48px,7vw,104px);min-height:calc(100vh - 86px);padding:clamp(62px,9vw,118px) var(--space-page) clamp(48px,7vw,88px)}.hero-copy{max-width:760px}.hero h1{max-width:10.5em;margin:0 0 18px;font-size:clamp(3rem,7vw,5.9rem);font-weight:820;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.hero-lead{margin:0;color:var(--ink);font-size:clamp(1.18rem,2.1vw,1.65rem);font-weight:560;line-height:1.45}.hero-sub{max-width:56ch;margin:18px 0 0;color:var(--ink-2);font-size:1.05rem}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:42px}.button{min-width:184px;gap:28px;padding:14px 24px;border:1px solid var(--accent);font-size:1rem}.button.primary{color:#ffffff;background:var(--accent)}.button.secondary{color:var(--accent-deep);background:transparent}.button.secondary:hover{background:var(--accent-soft);transform:translateY(-1px)}.proof-list{display:flex;flex-wrap:wrap;gap:18px clamp(28px,4vw,54px);padding:0;margin:48px 0 0;color:var(--ink-2);list-style:none}.proof-list li{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.proof-list li:before{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border:1px solid rgba(47,113,135,.55);border-radius:50%;color:var(--accent);content:"✓";font-size:.78rem;line-height:1}.hero-visual{position:relative;display:grid;width:min(100%,900px);min-height:600px;place-items:center;justify-self:center;isolation:isolate}.hero-visual>.delivery-console{z-index:1;transform:scale(1.08);transition:transform .24s var(--ease-out)}.delivery-console{position:relative;--pointer-active:0;--pointer-opacity:0.2;--pointer-x:50%;--pointer-y:50%;--field-shift:0px;width:min(100%,760px);height:520px;min-height:520px;margin-inline:auto;isolation:isolate}.console-field{position:absolute;inset:20px 6px 2px;z-index:0;overflow:hidden;pointer-events:none;border-radius:18px;opacity:.84}.console-field:after,.console-field:before{position:absolute;inset:0;content:""}.console-field:before{background:linear-gradient(rgba(47,113,135,.07) 1px,transparent 0),linear-gradient(90deg,rgba(47,113,135,.06) 1px,transparent 0);background-size:76px 76px;-webkit-mask-image:radial-gradient(ellipse at 56% 52%,#000 0,transparent 70%);mask-image:radial-gradient(ellipse at 56% 52%,#000 0,transparent 70%)}.console-field:after{background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(47,113,135,.17),rgba(47,113,135,.06) 18%,transparent 39%),linear-gradient(110deg,transparent 8%,rgba(255,255,255,.7) 48%,transparent 78%);opacity:var(--pointer-opacity);transform:translateX(var(--field-shift));transition:opacity .24s var(--ease-out),transform .24s var(--ease-out)}@media (min-width:1600px){.hero{grid-template-columns:minmax(520px,1fr) minmax(760px,1fr);gap:clamp(56px,5.6vw,96px)}.hero-visual{width:min(100%,940px);min-height:636px}.hero-visual>.delivery-console{transform:scale(1.12)}}@media (min-width:1900px){.hero-visual{width:min(100%,980px);min-height:660px}.hero-visual>.delivery-console{transform:scale(1.16)}}.route-lines{position:absolute;inset:0;z-index:1;width:100%;height:100%;color:rgba(47,113,135,.78)}.route{fill:none;stroke:currentColor;stroke-dasharray:1;stroke-dashoffset:0;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;transition:opacity .22s var(--ease-out),stroke-width .22s var(--ease-out)}.route.dash{stroke-dasharray:.035 .035;opacity:.72}.route-lines circle{fill:var(--accent)}.node{position:absolute;z-index:3;width:clamp(142px,22.4%,170px);min-height:126px;padding:16px 16px 14px;background:rgba(255,255,255,.94);border:1px solid rgba(126,148,166,.56);border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(15,23,42,.04);translate:0 0;transition:background-color .22s var(--ease-out),border-color .22s var(--ease-out),box-shadow .22s var(--ease-out),translate .22s var(--ease-out)}.node-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--ink);font-weight:720}.node-header i{width:14px;height:2px;background:#9aaabb}.node ul{padding:0;margin:0;color:var(--ink-2);font-size:.82rem;line-height:1.9;list-style:none}.node li:before{margin-right:8px;color:var(--accent);content:"·"}.node-plan{top:3.5%;left:15.5%}.node-design{top:2.7%;left:48%}.node-build{top:7.3%;right:.8%}.node-test{bottom:5%;left:19%}.node-ship{bottom:.8%;left:48%}.node-care{right:3.2%;bottom:5.8%}.handoff-core{position:absolute;top:227px;left:50%;z-index:4;display:grid;width:172px;min-height:84px;place-items:center;padding:16px;color:#ffffff;text-align:center;background:linear-gradient(145deg,var(--accent),#245f76);border:1px solid rgba(255,255,255,.7);border-radius:14px;box-shadow:0 0 0 8px rgba(47,113,135,.08),0 0 0 17px rgba(47,113,135,.045);transform:translateX(-50%) rotateX(0deg) rotate(-.5deg);transition:box-shadow .26s var(--ease-out),filter .26s var(--ease-out)}.handoff-core span{font-weight:760}.handoff-core strong{font-size:.76rem;font-weight:680;opacity:.94}.console-chip{position:absolute;z-index:3;display:grid;width:54px;height:38px;place-items:center;color:var(--accent);background:#ffffff;border:1px solid var(--line);border-radius:var(--radius-sm);font-weight:720}.delivery-console[data-ready=true] .route{animation:route-draw .82s var(--ease-out) both;animation-delay:calc(.11s + (var(--route-index) * 96ms))}.delivery-console[data-ready=true] .node{animation:node-dock .62s var(--ease-out) both;animation-delay:calc(.25s + (var(--node-index) * 70ms))}.delivery-console[data-ready=true] .handoff-core{animation:core-wake .92s var(--ease-out) .54s}.delivery-console[data-ready=true] .console-chip{animation:chip-resolve .52s var(--ease-out) .76s both}.delivery-console:is(:hover,:focus-within) .route,.delivery-console[data-active=true] .route{opacity:.92;stroke-width:1.85}.delivery-console:is(:hover,:focus-within) .node,.delivery-console[data-active=true] .node{background:rgba(255,255,255,.98);border-color:rgba(47,113,135,.38);box-shadow:0 6px 14px rgba(15,23,42,.07);translate:0 -2px}.delivery-console:is(:hover,:focus-within) .handoff-core,.delivery-console[data-active=true] .handoff-core{filter:saturate(1.04);box-shadow:0 0 0 10px rgba(47,113,135,.11),0 0 0 26px rgba(47,113,135,.055),0 14px 34px rgba(31,92,114,.18)}@keyframes route-draw{0%{opacity:0;stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes node-dock{0%{opacity:.35;filter:blur(2px);translate:0 12px}to{opacity:1;filter:blur(0);translate:0 0}}@keyframes core-wake{0%{filter:saturate(.86);box-shadow:0 0 0 0 rgba(47,113,135,0),0 0 0 0 rgba(47,113,135,0)}58%{box-shadow:0 0 0 10px rgba(47,113,135,.12),0 0 0 24px rgba(47,113,135,.06)}to{filter:saturate(1)}}@keyframes chip-resolve{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}.chip-left{top:278px;left:60px}.chip-right{top:228px;right:194px}.section{padding:clamp(64px,9vw,116px) var(--space-page);border-top:1px solid var(--line-soft)}.section-services{background:linear-gradient(180deg,rgba(242,246,247,.62),rgba(255,255,255,.86))}.section-heading{max-width:760px;margin-bottom:clamp(40px,6vw,70px)}.contact-copy h2,.section-heading h2,.split-section h2{margin:0;font-size:clamp(2rem,4vw,3.15rem);font-weight:800;line-height:1.18;letter-spacing:-.025em;text-wrap:balance}.contact-copy p,.section-heading p,.split-section p{max-width:66ch;margin:14px 0 0;color:var(--ink-2)}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-item{min-height:250px;padding:34px clamp(20px,2vw,34px);border-right:1px solid var(--line)}.service-item:last-child{border-right:0}.service-icon{display:grid;width:52px;height:52px;margin-bottom:24px;place-items:center;border:2px solid var(--accent);border-radius:var(--radius-sm)}.service-icon span{width:22px;height:16px;border-top:2px solid;border-bottom:2px solid;color:var(--accent)}.service-item h3{margin:0 0 10px;font-size:1.32rem;line-height:1.3}.service-item p{margin:0;color:var(--ink-2)}.service-item ul{padding:0;margin:20px 0 0;color:var(--muted);font-size:.92rem;list-style:none}.service-item li+li{margin-top:5px}.service-item li:before{margin-right:8px;color:var(--accent);content:"·"}.split-section{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(420px,1fr);grid-gap:clamp(40px,8vw,120px);gap:clamp(40px,8vw,120px);align-items:start;background:#ffffff}.fit-list{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.fit-list li{display:flex;gap:18px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:1.08rem;font-weight:620}.fit-list li:before{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;margin-top:2px;color:var(--accent);background:var(--accent-soft);border-radius:50%;content:"✓";font-size:.78rem}.process-section{background:linear-gradient(180deg,#ffffff 0,var(--bg) 100%)}.process-list{border-top:1px solid var(--line)}.process-row{display:grid;grid-template-columns:110px minmax(320px,1fr) minmax(260px,.55fr);grid-gap:clamp(20px,5vw,64px);gap:clamp(20px,5vw,64px);align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.process-step{color:var(--accent);font-size:clamp(2rem,4vw,3rem);font-weight:500;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.process-main h3{margin:0 0 6px;font-size:1.32rem}.process-main p,.process-output p{margin:0;color:var(--ink-2)}.process-output{padding-left:clamp(20px,3vw,36px);border-left:1px solid var(--line)}.process-output span{display:block;margin-bottom:6px;color:var(--muted);font-size:.88rem}.contact-section{grid-template-columns:minmax(300px,.7fr) minmax(520px,1fr);grid-gap:clamp(32px,5vw,72px);gap:clamp(32px,5vw,72px);padding:clamp(58px,8vw,96px) var(--space-page);background:#ffffff}.contact-panel,.contact-section{display:grid;align-items:center;border-top:1px solid var(--line)}.contact-panel{grid-template-columns:minmax(280px,1fr) 164px;grid-gap:clamp(24px,4vw,44px);gap:clamp(24px,4vw,44px);padding:28px 0;border-bottom:1px solid var(--line)}.contact-methods{display:grid;grid-gap:20px;gap:20px}.contact-method+.contact-method{padding-top:20px;border-top:1px solid var(--line-soft)}.contact-qr{justify-self:end;width:148px}.contact-panel span{display:block;margin-bottom:8px;color:var(--muted);font-size:.9rem}.contact-panel strong{display:block;color:var(--ink);font-size:1.1rem}.contact-panel strong a{color:var(--accent-deep);-webkit-text-decoration-color:rgba(47,113,135,.32);text-decoration-color:rgba(47,113,135,.32);-webkit-text-decoration-line:underline;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:5px;overflow-wrap:anywhere}.contact-panel strong a:hover{color:var(--accent)}.contact-panel p{margin:6px 0 0;color:var(--ink-2)}.contact-qr img{display:block;width:132px;height:auto;margin:6px 0 10px;border:1px solid var(--line);border-radius:var(--radius-sm)}.contact-qr p{max-width:16ch;font-size:.94rem}.site-footer{padding:24px var(--space-page) 30px;color:var(--muted);background:#ffffff;border-top:1px solid var(--line-soft);font-size:.9rem;text-align:center}.site-footer a{-webkit-text-decoration-color:rgba(100,116,139,.35);text-decoration-color:rgba(100,116,139,.35);-webkit-text-decoration-line:underline;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:5px}.site-footer a:hover{color:var(--accent-deep)}@media (max-width:1180px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{width:min(100%,860px);min-height:580px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-item:nth-child(2){border-right:0}.service-item:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (max-width:820px){.site-header{padding-top:18px}.brand{gap:10px;white-space:normal}.logo-mark{width:32px;height:32px}.header-cta{min-width:104px;padding-inline:14px}.hero h1{max-width:8.8em;font-size:clamp(2.55rem,13vw,4.2rem)}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.delivery-console{min-height:650px;height:650px;transform-origin:top center}.hero-visual{min-height:620px}.hero-visual>.delivery-console{transform:scale(.92)}.node{width:164px}.node-plan{left:0}.node-design{left:auto;right:0}.node-build{top:178px;right:0}.node-test{bottom:178px;left:0}.node-ship{bottom:28px;left:50%;transform:translateX(-50%)}.node-care{right:0;bottom:178px}.handoff-core{top:278px}.console-chip,.route-lines{display:none}.contact-section,.split-section{grid-template-columns:1fr}.process-row{grid-template-columns:72px 1fr}.process-output{grid-column:2;padding-left:0;border-left:0}.contact-panel{grid-template-columns:1fr;gap:22px;padding:24px 0}.contact-qr{justify-self:start}.contact-qr img{width:132px}}@media (max-width:560px){:root{--space-page:20px}.site-header{grid-template-columns:1fr;gap:14px}.header-cta{width:100%}.hero{padding-top:52px}.proof-list{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.delivery-console,.hero-visual{display:none}.service-grid{grid-template-columns:1fr}.service-item,.service-item:nth-child(2){border-right:0}.service-item:not(:last-child){border-bottom:1px solid var(--line)}.process-row{grid-template-columns:1fr;gap:14px}.process-output{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}