:root{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#e8edf7;background:radial-gradient(circle at top left,rgba(94,126,255,.24),transparent 32%),radial-gradient(circle at 82% 14%,rgba(93,211,188,.18),transparent 22%),linear-gradient(180deg,#09101d,#0d1525 42%,#0b1220);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}body,button,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0}#app{min-height:100vh}.page-shell{position:relative;overflow:hidden}.page-shell:before,.page-shell:after{position:absolute;content:"";pointer-events:none;filter:blur(26px)}.page-shell:before{top:110px;left:-90px;width:280px;height:280px;background:#687cff33}.page-shell:after{right:-110px;top:500px;width:360px;height:360px;background:#48bead29}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.topbar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080e18b8;border-bottom:1px solid rgba(255,255,255,.07)}.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{display:inline-flex;align-items:center;gap:14px}.brand__mark{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:#f5f8ff;background:linear-gradient(135deg,#7c8cff,#4ed6c7);box-shadow:0 18px 40px #4e7cff47,inset 0 1px #ffffff59;font-weight:700;letter-spacing:.08em}.brand__text{display:flex;flex-direction:column}.brand__text strong{font-size:18px;font-weight:700;color:#f5f7fc}.brand__text small{font-size:11px;letter-spacing:.18em;color:#e2e8f7ad}.nav{display:inline-flex;align-items:center;gap:10px;padding:8px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:#ffffff08;box-shadow:inset 0 1px #ffffff0a}.nav__link{padding:10px 14px;border-radius:999px;color:#e8edf7c2;transition:background-color .25s ease,color .25s ease,transform .25s ease}.nav__link:hover{color:#fff;background:#ffffff17;transform:translateY(-1px)}.hero{padding:76px 0 64px}.hero__grid,.about-grid,.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;align-items:center}.hero__content{padding:40px 0 30px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#8ae0d3;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor;opacity:.75}.hero h1,.section-heading h2{margin:0;color:#f7f9fd;letter-spacing:-.03em}.hero h1{font-size:clamp(38px,5.6vw,66px);line-height:1.06}.hero__description,.section-heading p,.service-card p,.process-card p,.case-card p,.about-card__item span,.contact-item p,.panel-card p,.highlight-card p,.footer p{color:#e1e8f5b8}.hero__description{max-width:640px;margin:24px 0 0;font-size:17px}.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background-color .25s ease}.button:hover{transform:translateY(-2px)}.button--primary{color:#0c1524;background:linear-gradient(135deg,#d7e2ff,#8ef0e4);box-shadow:0 20px 36px #6fa2ff38}.button--secondary,.button--ghost{color:#edf2fb;border:1px solid rgba(255,255,255,.14);background:#ffffff0a}.button--secondary:hover,.button--ghost:hover{border-color:#ffffff3d;background:#ffffff14}.metric-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}.metric-card,.panel-card,.service-card,.process-card,.case-card,.about-card,.contact-card{border:1px solid rgba(255,255,255,.08);background:#ffffff0b;box-shadow:0 18px 40px #0000002e,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.metric-card{padding:22px;border-radius:24px}.metric-card strong{display:block;margin-bottom:8px;font-size:28px;color:#fff}.metric-card span{color:#e2e8f7b8;font-size:14px}.hero__panel{display:flex;justify-content:flex-end}.panel-card{position:relative;width:min(100%,490px);padding:32px;border-radius:32px;overflow:hidden}.panel-card:before{position:absolute;top:-40px;right:-20px;width:200px;height:200px;content:"";border-radius:50%;background:radial-gradient(circle,rgba(118,144,255,.28),transparent 66%)}.panel-card:after{position:absolute;top:18px;right:18px;bottom:18px;left:18px;content:"";border-radius:24px;border:1px solid rgba(255,255,255,.05);pointer-events:none}.panel-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.panel-card__tag,.case-card__category,.panel-card__badge{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:999px;font-size:13px}.panel-card__tag,.case-card__category{background:#7690ff29;color:#cbd8ff}.panel-card__badge{color:#95f1e4;background:#4bcbb71f}.panel-card h2{position:relative;margin:20px 0 14px;font-size:30px;line-height:1.2;z-index:1}.highlight-list{position:relative;display:grid;gap:14px;margin-top:24px;z-index:1}.highlight-card{padding:18px 18px 16px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.highlight-card strong{display:block;color:#f8fbff;font-size:17px}.highlight-card p{margin:10px 0 0}.section{position:relative;padding:60px 0}.section--detail:before,.section--muted:before,.section--about:before,.section--inquiry:before,.section--contact:before{position:absolute;top:14px;right:0;bottom:14px;left:0;content:"";background:#ffffff05;z-index:-1}.section-heading{max-width:780px;margin:0 auto 30px;text-align:center}.section-heading--left{margin:0;text-align:left}.section-heading h2{font-size:clamp(30px,4vw,46px)}.section-heading p{margin:16px auto 0;font-size:16px}.service-grid,.process-grid,.case-grid,.detail-grid,.case-detail-grid{display:grid;gap:22px}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-grid,.case-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.process-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card,.process-card,.case-card,.detail-card,.case-detail-card{position:relative;padding:26px;border-radius:28px;overflow:hidden}.service-card:before,.case-card:before{position:absolute;inset:auto auto 0 -40px;width:140px;height:140px;content:"";border-radius:50%;background:radial-gradient(circle,rgba(121,144,255,.15),transparent 70%)}.service-card__icon{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:16px;color:#eff5ff;background:linear-gradient(135deg,#7c8cff94,#4ed6c766);box-shadow:inset 0 1px #ffffff40;font-size:15px;font-weight:700}.service-card h3,.process-card h3,.case-card h3,.detail-card h3,.case-detail-card h3,.cta-card h3{position:relative;margin:0;color:#f5f7fc;font-size:22px;z-index:1}.service-card p,.process-card p,.case-card p,.detail-card p,.case-detail-card p,.cta-card p,.inquiry-card__footer p{position:relative;margin:14px 0 0;z-index:1}.detail-card,.case-detail-card,.cta-card,.inquiry-card{border:1px solid rgba(255,255,255,.08);background:#ffffff0b;box-shadow:0 18px 40px #0000002e,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.detail-card__eyebrow,.cta-card__eyebrow{display:inline-flex;margin-bottom:16px;color:#8eeadf;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.detail-card__list{position:relative;margin:20px 0 0;padding:0;list-style:none;z-index:1}.detail-card__list li{position:relative;padding-left:18px;color:#ecf2fbc7}.detail-card__list li+li{margin-top:12px}.detail-card__list li:before{position:absolute;left:0;top:10px;width:6px;height:6px;content:"";border-radius:50%;background:#8de7da}.detail-card__list--compact{margin-top:18px}.tag-list{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;z-index:1}.tag{padding:8px 12px;border-radius:999px;color:#d8e3fb;background:#ffffff0f;font-size:13px}.process-card{min-height:236px}.process-card__step{display:inline-flex;margin-bottom:18px;color:#8eeadf;font-size:28px;font-weight:700}.case-card{background:linear-gradient(180deg,#ffffff14,#ffffff09),#ffffff0a}.case-card__link{position:relative;display:inline-flex;margin-top:18px;color:#99f0e3;z-index:1}.case-card__link:hover{color:#d7fff8}.case-detail-card__metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.case-metric{padding:8px 12px;border-radius:999px;color:#dfe8fb;background:#ffffff0f;font-size:13px}.about-card{display:grid;gap:18px;padding:28px;border-radius:30px}.about-card__item{padding:22px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.about-card__item strong,.contact-item strong{display:block;margin-bottom:10px;color:#f8fbff;font-size:20px}.contact-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:28px;border-radius:30px}.contact-stack{display:grid;gap:18px}.cta-card{padding:28px;border-radius:30px}.cta-card__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.contact-item{padding:22px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.contact-item span{display:inline-flex;margin-bottom:12px;color:#8de7da;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.contact-item p{margin:0}.inquiry-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:32px;align-items:start}.inquiry-card{padding:30px;border-radius:30px}.inquiry-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:10px}.field--full{margin-top:18px}.field span{color:#eef4ff;font-size:14px}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:14px 16px;color:#eef4ff;background:#ffffff0a;outline:none;transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease}.field textarea{resize:vertical;min-height:136px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8ef0e48c;background:#ffffff0f;box-shadow:0 0 0 4px #68e2d214}.inquiry-card__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}.footer{padding:28px 0 40px}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:26px;border-top:1px solid rgba(255,255,255,.08)}.footer__inner strong{display:block;color:#f7f9fd}.footer__inner p{margin:8px 0 0}.footer__meta{display:flex;flex-wrap:wrap;gap:12px 18px;color:#e1e8f5bd}@media (max-width: 1080px){.topbar__inner,.hero__grid,.about-grid,.contact-grid,.footer__inner{flex-direction:column;align-items:flex-start}.hero__grid,.about-grid,.contact-grid,.service-grid,.case-grid,.detail-grid,.case-detail-grid,.process-grid--four,.metric-list,.contact-card,.inquiry-grid,.inquiry-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{flex-wrap:wrap;border-radius:24px}.hero__panel{justify-content:stretch}}@media (max-width: 720px){.container{width:min(100% - 28px,100%)}.topbar__inner{min-height:auto;padding:16px 0}.nav,.button--ghost{display:none}.hero{padding-top:42px}.hero__grid,.about-grid,.contact-grid,.hero__actions,.metric-list,.service-grid,.case-grid,.detail-grid,.case-detail-grid,.process-grid--four,.contact-card,.inquiry-grid,.inquiry-form__grid{grid-template-columns:1fr}.hero__content{padding:12px 0 0}.hero__description,.section-heading p{font-size:15px}.button{width:100%}.cta-card__actions,.inquiry-card__footer{flex-direction:column;align-items:stretch}.panel-card,.service-card,.process-card,.case-card,.detail-card,.case-detail-card,.about-card,.contact-card,.cta-card,.inquiry-card,.metric-card{border-radius:22px}.section{padding:44px 0}}