:root{--ink:#080a10;--panel:#10121b;--panel-high:#161925;--paper:#f7f3f1;--muted:#979aa9;--line:rgba(255,255,255,.12);--accent:#ed9588;--accent-soft:rgba(237,149,136,.12);--site-background:linear-gradient(90deg,rgba(114,230,210,.026) 1px,transparent 1px) 0 0/112px 112px,linear-gradient(0deg,rgba(255,255,255,.018) 1px,transparent 1px) 0 0/112px 112px,linear-gradient(155deg,#0e1415 0%,#090c0e 34%,#11181a 68%,#0a0d0f 100%);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--site-background);color:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.page-shell{width:min(100% - 72px,1280px);margin:auto}.skip-link{position:fixed;z-index:20;top:-60px;left:20px;padding:10px 14px;background:#fff;color:#111}.skip-link:focus{top:14px}
.site-head{position:sticky;z-index:10;top:0;border-bottom:1px solid var(--line);background:rgba(8,10,16,.82);backdrop-filter:blur(18px)}.head-inner{width:min(100% - 72px,1280px);height:70px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:16px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.brand i{font-style:normal;color:var(--accent);font-size:19px;margin-right:5px}.brand b{color:#656978;font-weight:400;margin:0 5px}.main-nav{display:flex;align-items:center;gap:22px;font-size:11px;letter-spacing:.09em;color:#9b9eac}.main-nav a{padding:8px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.main-nav a:hover,.main-nav a[aria-current="page"]{color:#fff;border-color:var(--accent)}.head-contact{border:1px solid rgba(237,149,136,.42);padding:9px 12px;color:#eee;font-size:10px;white-space:nowrap;transition:background .2s}.head-contact:hover{background:var(--accent-soft)}
.page-intro{position:relative;padding:86px 0 58px;overflow:hidden}.page-intro::after{content:"✦";position:absolute;right:6%;top:57px;color:rgba(237,149,136,.28);font-size:150px;line-height:1}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.22em;margin:0 0 20px}.eyebrow::before{content:"";display:block;width:24px;height:1px;background:currentColor}.page-intro h1{position:relative;z-index:1;max-width:830px;margin:0;font-size:clamp(44px,6vw,84px);line-height:1.1;letter-spacing:-.085em}.page-intro h1 em{font-family:"Songti SC","SimSun",serif;font-style:normal;color:var(--accent);font-weight:600}.page-intro p{position:relative;z-index:1;max-width:510px;margin:24px 0 0;color:#a4a6b4;font-size:13px;line-height:2}.intro-meta{position:relative;z-index:1;display:flex;gap:24px;margin-top:33px;color:#777a88;font-size:9px;letter-spacing:.14em}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:18px 0 23px;border-top:1px solid var(--line)}.section-head h2{margin:0;font-size:22px;letter-spacing:-.05em}.section-head span{font-size:9px;letter-spacing:.15em;color:#777b89}
.page-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0 45px;color:#737684;font-size:10px}.page-foot a{color:var(--accent)}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-bottom:80px}.about-statement{position:relative;min-height:430px;padding:45px;overflow:hidden;background:linear-gradient(145deg,#151414,#21181a);border:1px solid var(--line)}.about-statement::after{content:"";position:absolute;width:460px;height:460px;right:-120px;bottom:-160px;border:1px solid rgba(237,149,136,.25);border-radius:50%;box-shadow:0 0 0 48px rgba(237,149,136,.035),0 0 0 96px rgba(237,149,136,.02)}.about-statement p{position:relative;z-index:1;max-width:560px;margin:0;font:clamp(29px,3.65vw,49px)/1.42 "Songti SC","SimSun",serif;letter-spacing:-.065em}.about-statement p em{color:var(--accent);font-style:normal}.about-statement small{position:absolute;z-index:1;left:45px;bottom:40px;color:#99939a;font-size:10px;letter-spacing:.16em}.about-profile{display:flex;flex-direction:column;justify-content:space-between;min-height:430px;padding:38px;background:var(--panel);border:1px solid var(--line)}.profile-mark{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;border:1px solid rgba(237,149,136,.45);color:var(--accent);font-size:29px;box-shadow:0 0 30px rgba(237,149,136,.12)}.about-profile h2{margin:0 0 15px;font-size:27px;letter-spacing:-.05em}.about-profile p{margin:0;color:#9fa2af;font-size:12px;line-height:1.95}.profile-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.profile-facts span{display:block;color:#737684;font-size:8px;letter-spacing:.13em}.profile-facts strong{display:block;margin-top:7px;font-size:11px;font-weight:600}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 86px}.principle{min-height:215px;padding:27px;border:1px solid var(--line);background:rgba(255,255,255,.022)}.principle span{display:block;color:var(--accent);font-size:10px;letter-spacing:.14em}.principle h3{margin:34px 0 11px;font-size:19px;letter-spacing:-.04em}.principle p{margin:0;color:#9497a6;font-size:11px;line-height:1.85}.availability{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:35px 39px;margin-bottom:58px;border:1px solid rgba(237,149,136,.35);background:linear-gradient(90deg,rgba(237,149,136,.12),rgba(142,112,210,.09))}.availability h2{margin:0;font-size:23px;letter-spacing:-.05em}.availability p{margin:7px 0 0;color:#a9a7b4;font-size:11px}.availability a{display:inline-flex;align-items:center;gap:28px;padding:13px 18px;border-radius:30px;background:#f7edf0;color:#251b26;font-size:11px;font-weight:700;white-space:nowrap;transition:transform .2s}.availability a:hover{transform:translateY(-3px)}
@media(max-width:860px){.page-shell,.head-inner{width:calc(100% - 44px)}.main-nav{gap:14px}.page-foot{display:block;line-height:2}.page-foot a{display:inline-block;margin-top:7px}.about-statement{min-height:360px;padding:27px}.about-statement p{font-size:30px}.about-statement small{left:27px;bottom:27px;font-size:8px}.about-profile{padding:27px;min-height:355px}.principles{grid-template-columns:1fr;margin-bottom:58px}.principle{min-height:180px}.availability{margin-bottom:42px;padding:27px}.availability h2{font-size:22px}.availability a{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Reading-size pass */
.main-nav{font-size:12px}.head-contact{font-size:11px}.eyebrow{font-size:10px}.page-intro p{font-size:15px;line-height:1.9}.intro-meta{font-size:10px}.section-head span{font-size:10px}.card-top{font-size:10px}.card-bottom p{font-size:13px}.page-foot{font-size:11px}.about-statement small{font-size:11px}.about-profile p{font-size:14px;line-height:1.85}.profile-facts span{font-size:9px}.profile-facts strong{font-size:12px}.principle span{font-size:11px}.principle p{font-size:13px;line-height:1.8}.availability p{font-size:13px}.availability a{font-size:12px}
@media(max-width:590px){.page-intro p{font-size:13px}.intro-meta{font-size:9px}.card-bottom p{font-size:12px}.about-statement small{font-size:9px}.about-profile p{font-size:13px}.principle p{font-size:12px}.availability p{font-size:12px}}

/* Accessibility-size pass */
.brand{font-size:18px}.main-nav{font-size:14px}.head-contact{font-size:13px}.eyebrow{font-size:12px}.page-intro p{font-size:17px;max-width:580px}.intro-meta{font-size:12px}.section-head h2{font-size:27px}.section-head span{font-size:12px}.card-top{font-size:12px}.card-bottom p{font-size:15px}.page-foot{font-size:13px}.about-statement small{font-size:12px}.about-profile h2{font-size:31px}.about-profile p{font-size:16px}.profile-facts span{font-size:11px}.profile-facts strong{font-size:14px}.principle span{font-size:12px}.principle h3{font-size:22px}.principle p{font-size:15px}.availability h2{font-size:27px}.availability p{font-size:15px}.availability a{font-size:14px}
@media(max-width:590px){.brand{font-size:15px}.head-contact{font-size:11px}.eyebrow{font-size:10px}.page-intro p{font-size:15px}.intro-meta{font-size:10px}.section-head h2{font-size:23px}.section-head span{font-size:10px}.card-top{font-size:10px}.card-bottom p{font-size:14px}.about-statement small{font-size:10px}.about-profile h2{font-size:27px}.about-profile p{font-size:14px}.profile-facts span{font-size:9px}.profile-facts strong{font-size:12px}.principle span{font-size:11px}.principle p{font-size:14px}.availability p{font-size:14px}.availability a{font-size:13px}}

/* Keep navigation consistent with the homepage on small screens */
@media(max-width:590px){.main-nav{display:flex;gap:10px;margin-left:auto}.main-nav a{font-size:11px}.main-nav a:first-child{display:none}.head-inner{gap:10px}.head-contact{padding:8px 9px;font-size:11px}}

/* Service detail and project flow */
.service-detail{margin-top:82px}.service-detail-list{border-top:1px solid var(--line)}.service-detail-item{display:grid;grid-template-columns:120px minmax(220px,1fr) minmax(250px,.82fr);gap:30px;padding:29px 0;border-bottom:1px solid var(--line)}.service-detail-item>span{color:var(--accent);font-size:12px;letter-spacing:.13em}.service-detail-item h3{margin:0 0 11px;font-size:24px;letter-spacing:-.05em}.service-detail-item p{max-width:520px;margin:0;color:#a6a8b6;font-size:15px;line-height:1.9}.service-detail-item ul{display:grid;gap:9px;align-content:start;margin:0;padding:0;list-style:none;color:#d5d3da;font-size:14px;line-height:1.5}.service-detail-item li{padding-left:16px;position:relative}.service-detail-item li::before{content:"✦";position:absolute;left:0;color:var(--accent);font-size:9px;top:1px}.cooperation-flow{margin:0 0 80px}.flow-list{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;border:1px solid var(--line);list-style:none}.flow-list li{min-height:228px;padding:27px 24px;border-right:1px solid var(--line)}.flow-list li:last-child{border-right:0}.flow-list span{display:block;color:var(--accent);font-size:12px;letter-spacing:.13em}.flow-list h3{margin:42px 0 11px;font-size:21px;letter-spacing:-.04em}.flow-list p{margin:0;color:#9b9eac;font-size:14px;line-height:1.8}
@media(max-width:860px){.service-detail-item{grid-template-columns:100px 1fr}.service-detail-item ul{grid-column:2}.flow-list{grid-template-columns:1fr 1fr}.flow-list li:nth-child(2){border-right:0}.flow-list li:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:590px){.service-detail{margin-top:58px}.service-detail-item{display:block;padding:24px 0}.service-detail-item>span{font-size:11px}.service-detail-item h3{margin-top:20px;font-size:23px}.service-detail-item p{font-size:14px}.service-detail-item ul{margin-top:18px;font-size:13px}.cooperation-flow{margin-bottom:58px}.flow-list{grid-template-columns:1fr}.flow-list li,.flow-list li:nth-child(2){min-height:165px;border-right:0;border-bottom:1px solid var(--line)}.flow-list li:last-child{border-bottom:0}.flow-list h3{margin-top:25px;font-size:20px}.flow-list p{font-size:13px}}

.project-brief{position:relative;margin:76px 0 62px;padding:42px;border:1px solid rgba(237,149,136,.35);overflow:hidden;background:linear-gradient(115deg,rgba(237,149,136,.11),rgba(93,104,203,.11))}.project-brief::after{content:"✦";position:absolute;right:4%;top:-42px;color:rgba(237,149,136,.15);font-size:180px}.project-brief h2{position:relative;z-index:1;margin:0;font-size:clamp(30px,3.5vw,47px);line-height:1.14;letter-spacing:-.07em}.brief-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:37px}.brief-list div{padding-top:15px;border-top:1px solid rgba(255,255,255,.17)}.brief-list span{display:block;color:var(--accent);font-size:12px}.brief-list strong{display:block;margin-top:12px;font-size:17px}.brief-list p{margin:8px 0 0;color:#abaaba;font-size:14px;line-height:1.75}.brief-action{position:relative;z-index:1;display:inline-flex;align-items:center;gap:34px;margin-top:32px;padding:13px 18px;border-radius:28px;background:#f7edf0;color:#251b26;font-size:14px;font-weight:700;transition:transform .2s}.brief-action:hover{transform:translateY(-3px)}
@media(max-width:700px){.project-brief{margin-top:58px;padding:28px}.brief-list{grid-template-columns:1fr;gap:18px;margin-top:28px}.brief-list strong{font-size:16px}.brief-list p{font-size:13px}.brief-action{font-size:13px}}

/* Project consultation page */
.contact-intro-page{padding-bottom:45px}.contact-page-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.contact-email-card,.contact-service-card{min-height:368px;padding:36px;border:1px solid var(--line);background:var(--panel)}.contact-email-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#231719,#17121a)}.contact-email-card::after{content:"✦";position:absolute;right:-12px;bottom:-76px;color:rgba(237,149,136,.14);font-size:260px}.contact-email-card>span,.contact-service-card>span{position:relative;z-index:1;display:block;color:var(--accent);font-size:12px;letter-spacing:.16em}.contact-email-card h2{position:relative;z-index:1;margin:62px 0 12px;font-size:clamp(29px,3vw,45px);letter-spacing:-.065em}.contact-email-card p{position:relative;z-index:1;max-width:450px;margin:0;color:#b1abb2;font-size:15px;line-height:1.85}.contact-email-card a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:26px;margin-top:28px;padding:13px 17px;border-radius:28px;background:#f7edf0;color:#251b26;font-size:14px;font-weight:700;transition:transform .2s}.contact-email-card a:hover{transform:translateY(-3px)}.contact-email-card a b{font-size:18px;font-weight:400}.contact-service-list{display:grid;gap:0;margin-top:29px}.contact-service-list div{display:grid;grid-template-columns:42px 1fr;column-gap:13px;row-gap:5px;padding:13px 0;border-top:1px solid rgba(255,255,255,.1)}.contact-service-list b{grid-row:span 2;color:var(--accent);font-size:12px}.contact-service-list strong{font-size:17px}.contact-service-list small{color:#999da9;font-size:13px}.consultation-guide{margin-top:78px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.guide-grid article{min-height:220px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.guide-grid span{display:block;color:var(--accent);font-size:12px}.guide-grid h3{margin:37px 0 11px;font-size:19px;letter-spacing:-.04em}.guide-grid p{margin:0;color:#9da0af;font-size:14px;line-height:1.8}.consultation-note{display:flex;align-items:flex-start;gap:13px;margin:58px 0 63px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.consultation-note i{flex:0 0 auto;width:8px;height:8px;margin-top:8px;border-radius:50%;background:#70dcb2;box-shadow:0 0 13px #70dcb2}.consultation-note p{max-width:760px;margin:0;color:#b5b4c0;font-size:16px;line-height:1.8}
@media(max-width:860px){.contact-page-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr 1fr}.guide-grid article:nth-child(2){border-right:0}.guide-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:590px){.contact-email-card,.contact-service-card{min-height:0;padding:27px}.contact-email-card h2{margin-top:43px;font-size:29px}.contact-email-card p{font-size:14px}.contact-service-list strong{font-size:16px}.contact-service-list small{font-size:12px}.consultation-guide{margin-top:58px}.guide-grid{grid-template-columns:1fr}.guide-grid article,.guide-grid article:nth-child(2){min-height:164px;border-right:0;border-bottom:1px solid var(--line)}.guide-grid article:last-child{border-bottom:0}.guide-grid h3{margin-top:24px;font-size:18px}.guide-grid p{font-size:13px}.consultation-note{margin:42px 0 52px}.consultation-note p{font-size:14px}}

/* Individual service pages */
.service-page{--service-accent:#e9a06d;--service-rgb:233,160,109;--service-deep:#311d19;background:radial-gradient(circle at 79% 11%,rgba(var(--service-rgb),.17),transparent 25%),radial-gradient(circle at 8% 68%,rgba(var(--service-rgb),.08),transparent 31%),var(--ink)}
.service-page .brand i,.service-page .eyebrow,.service-page .intro-kicker,.service-page .detail-label,.service-page .step-number,.service-page .service-chip{color:var(--service-accent)}
.service-page .main-nav a:hover,.service-page .main-nav a[aria-current="page"]{border-color:var(--service-accent)}
.service-page a:focus-visible{outline-color:var(--service-accent)}
.service-page .head-contact{border-color:rgba(var(--service-rgb),.46)}
.service-page .head-contact:hover{background:rgba(var(--service-rgb),.13)}
.service-page .page-intro::after{color:rgba(var(--service-rgb),.22)}
.service-page .eyebrow::before{background:var(--service-accent)}
.service-page .page-intro h1 em{color:var(--service-accent)}
.service-page .intro-meta{color:rgba(var(--service-rgb),.8)}
.service-page.website-service{--service-accent:#eda06d;--service-rgb:237,160,109;--service-deep:#2a1714}
.service-page.brand-service{--service-accent:#61d8cf;--service-rgb:97,216,207;--service-deep:#082023}
.service-page.cloud-service{--service-accent:#91a8ff;--service-rgb:145,168,255;--service-deep:#111d42}
.service-page.game-service{--service-accent:#cd9bff;--service-rgb:205,155,255;--service-deep:#26153e}
.service-hero{padding-bottom:49px}.service-hero::before{content:"";position:absolute;z-index:0;right:3%;top:74px;width:min(29vw,340px);height:min(29vw,340px);border:1px solid rgba(var(--service-rgb),.3);border-radius:50%;box-shadow:0 0 0 28px rgba(var(--service-rgb),.035),0 0 0 58px rgba(var(--service-rgb),.02)}
.intro-kicker{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-top:29px;font-size:12px;letter-spacing:.12em}.intro-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 15px currentColor}.intro-kicker span{color:#9fa3b1;font-size:13px;letter-spacing:0}
.service-overview{display:grid;grid-template-columns:1.12fr .88fr;gap:16px;margin:0 0 76px}.service-overview-copy,.service-overview-side{border:1px solid var(--line);background:rgba(255,255,255,.022)}.service-overview-copy{min-height:306px;padding:35px 38px;background:linear-gradient(135deg,rgba(var(--service-rgb),.13),rgba(255,255,255,.015))}.service-overview-copy h2{max-width:680px;margin:22px 0 15px;font-size:clamp(29px,3vw,42px);line-height:1.24;letter-spacing:-.065em}.service-overview-copy p{max-width:650px;margin:0;color:#b5b5c1;font-size:16px;line-height:1.9}.detail-label{display:block;font-size:12px;font-weight:700;letter-spacing:.14em}.service-overview-side{display:flex;flex-direction:column;justify-content:space-between;padding:31px}.service-overview-side h2{margin:0;color:#a7aab8;font-size:12px;font-weight:600;letter-spacing:.14em}.service-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.service-chip{padding:9px 11px;border:1px solid rgba(var(--service-rgb),.34);background:rgba(var(--service-rgb),.06);font-size:13px}.service-overview-side p{margin:27px 0 0;color:#b9bac4;font-size:15px;line-height:1.85}
.service-section{margin:0 0 77px}.service-section .section-head{border-top:1px solid var(--line)}.service-section .section-head span{color:rgba(var(--service-rgb),.76)}.detail-rows{border-top:1px solid var(--line)}.detail-row{display:grid;grid-template-columns:105px minmax(230px,.8fr) 1.2fr;gap:26px;padding:27px 0;border-bottom:1px solid var(--line)}.detail-row>span{padding-top:5px;color:var(--service-accent);font-size:12px;font-weight:700;letter-spacing:.15em}.detail-row h3{margin:0;font-size:24px;letter-spacing:-.055em}.detail-row p{max-width:540px;margin:0;color:#a6a9b7;font-size:15px;line-height:1.86}.deliverable-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 15px;margin:0;padding:0;list-style:none}.deliverable-list li{position:relative;padding:2px 0 2px 17px;color:#dad9df;font-size:15px;line-height:1.55}.deliverable-list li::before{content:"✦";position:absolute;left:0;top:4px;color:var(--service-accent);font-size:9px}
.service-flow{margin-bottom:84px}.service-flow .section-head{border-top:1px solid var(--line)}.service-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-step{min-height:234px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.step-number{display:block;font-size:12px;font-weight:700;letter-spacing:.15em}.service-step h3{margin:48px 0 10px;font-size:22px;letter-spacing:-.05em}.service-step p{margin:0;color:#a3a6b5;font-size:15px;line-height:1.8}
.service-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 0 70px;padding:33px 38px;border:1px solid rgba(var(--service-rgb),.4);background:linear-gradient(100deg,rgba(var(--service-rgb),.14),rgba(255,255,255,.025))}.service-cta h2{margin:0;font-size:27px;letter-spacing:-.06em}.service-cta p{margin:7px 0 0;color:#b6b8c4;font-size:15px}.service-cta a{display:inline-flex;align-items:center;gap:28px;padding:14px 18px;background:var(--service-accent);color:#101018;font-size:14px;font-weight:800;white-space:nowrap;transition:transform .2s,box-shadow .2s}.service-cta a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(var(--service-rgb),.22)}
@media(max-width:860px){.service-overview{grid-template-columns:1fr}.service-overview-side{min-height:225px}.detail-row{grid-template-columns:90px 1fr}.detail-row p{grid-column:2}.deliverable-list{grid-column:2}.service-flow-grid{grid-template-columns:1fr}.service-step{min-height:180px;border-right:1px solid var(--line)}.service-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:590px){.service-hero::before{right:-92px;top:78px;width:250px;height:250px}.intro-kicker{font-size:10px}.intro-kicker span{font-size:12px}.service-overview{margin-bottom:58px}.service-overview-copy,.service-overview-side{padding:27px}.service-overview-copy{min-height:auto}.service-overview-copy h2{font-size:29px}.service-overview-copy p,.service-overview-side p{font-size:14px}.service-tags{margin-top:22px}.service-chip{font-size:12px}.service-section{margin-bottom:58px}.detail-row{display:block;padding:23px 0}.detail-row h3{margin:18px 0 11px;font-size:23px}.detail-row p{font-size:14px}.deliverable-list{margin-top:18px;grid-template-columns:1fr;gap:8px}.deliverable-list li{font-size:14px}.service-flow{margin-bottom:58px}.service-step{min-height:164px;padding:24px}.service-step h3{margin-top:29px;font-size:20px}.service-step p{font-size:14px}.service-cta{margin-bottom:52px;padding:27px}.service-cta h2{font-size:24px}.service-cta p{font-size:14px}.service-cta a{width:100%;justify-content:space-between;font-size:13px}}

/* Compatibility and small-screen safety layer */
.site-head{-webkit-backdrop-filter:blur(18px)}
.page-intro>*,.service-overview>*,.detail-row>*,.contact-page-grid>*,.service-cta>*,.contact-service-list a{min-width:0}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-head{background:rgba(8,10,16,.97)}}
@media(max-width:420px){.page-shell,.head-inner{width:calc(100% - 28px)}.head-inner{gap:8px}.brand{font-size:14px}.brand b{margin:0 3px}.main-nav{gap:8px}.main-nav a{font-size:10px}.main-nav a:nth-child(3){display:none}.head-contact{font-size:0;padding:8px 8px}.head-contact::after{content:"咨询 ↗";font-size:10px}.page-intro h1{font-size:clamp(36px,11.5vw,45px)}.page-intro p{font-size:14px}.intro-kicker span{display:block;margin-top:8px}.service-overview-copy,.service-overview-side{padding:23px}.service-overview-copy h2{font-size:27px}.service-cta{padding:24px}.service-cta h2{font-size:22px}.contact-email-card h2{font-size:25px;overflow-wrap:anywhere}.contact-service-list div{grid-template-columns:34px minmax(0,1fr);column-gap:10px}.contact-service-list strong,.contact-service-list small{overflow-wrap:anywhere}}

/* Navigation labels are supplied by brand-copy.js. */
.head-contact{display:inline-flex;align-items:baseline;gap:8px}
@media(max-width:420px){
  .head-contact{font-size:0}
  .head-contact::after{display:inline-block;content:"咨询 ↗";font-size:10px;letter-spacing:0;color:inherit}
}
@media(max-width:700px){
  .main-nav a:first-child,
  .main-nav a:last-child{display:inline-flex}
}
@media(max-width:420px){
  .main-nav{flex:0 0 auto;gap:7px}
  .main-nav>a,
  .nav-dropdown>summary{white-space:nowrap}
  .head-contact{flex:0 0 auto}
}

/* Service detail content layout and legal footer */
.service-page .detail-row{grid-template-columns:108px minmax(230px,.72fr) minmax(340px,1.28fr);gap:22px 30px;align-items:start}.service-page .detail-row>span{grid-row:span 2;padding-top:5px}.service-page .detail-row h3{padding-top:1px}.service-page .detail-row p{max-width:none}.service-page .deliverable-list{grid-column:2/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px;margin-top:2px;padding-top:3px}.service-page .deliverable-list li{display:flex;align-items:center;min-height:50px;padding:10px 11px 10px 24px;border:1px solid rgba(var(--service-rgb),.22);background:rgba(var(--service-rgb),.045);font-size:14px;line-height:1.5}.service-page .deliverable-list li::before{left:10px;top:50%;transform:translateY(-50%)}
.page-foot{display:block;padding:31px 0 38px}.page-foot-main{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-foot-legal{display:flex;flex-wrap:wrap;gap:7px 19px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);color:#626675;font-size:11px;line-height:1.6}.page-foot-legal span+span::before{content:"·";margin-right:19px;color:#454957}
@media(max-width:860px){.service-page .detail-row{grid-template-columns:90px minmax(0,1fr);gap:17px 20px}.service-page .deliverable-list{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-page .detail-row>span{grid-row:span 3}.page-foot-legal{gap:7px 14px}}
@media(max-width:590px){.service-page .detail-row{display:block}.service-page .detail-row>span{display:block}.service-page .deliverable-list{grid-template-columns:1fr;margin-top:17px;padding-top:0}.service-page .deliverable-list li{min-height:46px;font-size:14px}.page-foot-main{display:block;line-height:2}.page-foot-main a{display:inline-block;margin-top:7px}.page-foot-legal{display:block;margin-top:15px;padding-top:14px;font-size:10px}.page-foot-legal span{display:block}.page-foot-legal span+span{margin-top:4px}.page-foot-legal span+span::before{display:none}}

/* Legal footer details: keep copyright and regulatory records readable at every size. */
.page-foot-legal{align-items:center;row-gap:5px;color:#71817c}
.page-foot-legal span{white-space:nowrap}
.page-foot-legal span:not(:first-child){color:#82938d}
.page-foot-legal span:not(:first-child)::before{content:"";display:inline-block;width:4px;height:4px;margin:0 12px 2px 0;border-radius:50%;background:#72e6d2;opacity:.7}
.page-foot-legal span:not(:first-child){display:inline-flex;align-items:center}
.page-foot-legal a{color:inherit;text-decoration:none;text-underline-offset:3px}
.page-foot-legal a:hover,.page-foot-legal a:focus-visible{color:#72e6d2;text-decoration:underline}
@media(max-width:590px){
  .page-foot-legal{gap:4px 0;line-height:1.7}
  .page-foot-legal span{white-space:normal}
  .page-foot-legal span:not(:first-child)::before{margin-right:8px}
}

/* Shared header navigation and service dropdown */
.main-nav{margin-left:auto}.nav-dropdown{position:relative}.nav-dropdown summary{display:flex;align-items:center;gap:5px;padding:8px 0;list-style:none;cursor:pointer;border-bottom:1px solid transparent;color:#9b9eac;font-size:14px;letter-spacing:.08em;transition:color .2s,border-color .2s}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary i{display:grid;place-items:center;width:13px;height:17px;margin-left:1px;color:#7f858e;font-size:0;line-height:1;transition:color .2s,transform .2s}.nav-dropdown summary i::before{content:"";width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}.nav-dropdown[open] summary i::before{transform:translateY(2px) rotate(225deg)}.nav-dropdown summary:hover i,.nav-dropdown.is-current summary i{color:var(--accent)}.nav-dropdown summary:hover,.nav-dropdown.is-current summary{color:#fff;border-color:var(--accent)}.nav-dropdown-menu{position:absolute;z-index:50;top:calc(100% + 13px);right:0;width:292px;padding:8px;border:1px solid rgba(255,255,255,.14);background:rgba(13,15,23,.98);box-shadow:0 20px 48px rgba(0,0,0,.32)}.nav-dropdown-menu a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 9px;border-top:1px solid rgba(255,255,255,.08);transition:background .2s}.nav-dropdown-menu a:first-child{border-top:0}.nav-dropdown-menu a:hover{background:var(--accent-soft)}.nav-dropdown-menu b{color:var(--accent);font-size:10px;letter-spacing:.08em}.nav-dropdown-menu span{min-width:0}.nav-dropdown-menu strong,.nav-dropdown-menu small{display:block}.nav-dropdown-menu strong{color:#f0eff3;font-size:13px;font-weight:700}.nav-dropdown-menu small{margin-top:2px;color:#858997;font-size:10px;line-height:1.35}.nav-dropdown-menu i{color:var(--accent);font-style:normal;font-size:15px}.nav-dropdown-menu .nav-solution{margin-top:5px;border:1px solid rgba(237,149,136,.26);background:rgba(237,149,136,.06)}
@media(max-width:590px){.nav-dropdown summary{font-size:11px}.nav-dropdown-menu{top:calc(100% + 10px);width:min(292px,calc(100vw - 34px))}.nav-dropdown-menu strong{font-size:12px}.nav-dropdown-menu small{font-size:9px}.nav-dropdown-menu a{padding:9px 8px}}
@media(max-width:420px){.nav-dropdown summary{font-size:10px}.nav-dropdown-menu{width:min(286px,calc(100vw - 28px))}}

/* Service bundles */
.solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 78px}.solution-card{position:relative;min-height:330px;padding:30px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.solution-card::after{content:"";position:absolute;right:-85px;bottom:-105px;width:240px;height:240px;border:1px solid rgba(237,149,136,.2);border-radius:50%;box-shadow:0 0 0 26px rgba(237,149,136,.025),0 0 0 56px rgba(237,149,136,.016)}.solution-card:nth-child(2)::after{border-color:rgba(101,207,190,.22);box-shadow:0 0 0 26px rgba(101,207,190,.025),0 0 0 56px rgba(101,207,190,.016)}.solution-card:nth-child(3)::after{border-color:rgba(145,169,233,.22);box-shadow:0 0 0 26px rgba(145,169,233,.025),0 0 0 56px rgba(145,169,233,.016)}.solution-card:nth-child(4)::after{border-color:rgba(184,155,234,.22);box-shadow:0 0 0 26px rgba(184,155,234,.025),0 0 0 56px rgba(184,155,234,.016)}.solution-card>*{position:relative;z-index:1}.solution-card>span{display:block;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.14em}.solution-card h2{max-width:440px;margin:36px 0 12px;font-size:clamp(25px,2.6vw,36px);line-height:1.18;letter-spacing:-.065em}.solution-card p{max-width:520px;margin:0;color:#a9acba;font-size:15px;line-height:1.85}.solution-services{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.solution-services span{padding:8px 10px;border:1px solid rgba(237,149,136,.28);background:rgba(237,149,136,.06);color:#e9d9db;font-size:12px}.solution-card:nth-child(2) .solution-services span{border-color:rgba(101,207,190,.28);background:rgba(101,207,190,.06)}.solution-card:nth-child(3) .solution-services span{border-color:rgba(145,169,233,.28);background:rgba(145,169,233,.06)}.solution-card:nth-child(4) .solution-services span{border-color:rgba(184,155,234,.28);background:rgba(184,155,234,.06)}.solution-note{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 0 68px;padding:28px 32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.solution-note h2{margin:0;font-size:25px;letter-spacing:-.05em}.solution-note p{margin:8px 0 0;color:#a8abb7;font-size:15px;line-height:1.8}.solution-note a{display:inline-flex;align-items:center;gap:24px;padding:13px 17px;background:#f7edf0;color:#251b26;font-size:14px;font-weight:800;white-space:nowrap}
@media(max-width:700px){.solution-grid{grid-template-columns:1fr;margin-bottom:58px}.solution-card{min-height:280px;padding:27px}.solution-card h2{margin-top:28px;font-size:29px}.solution-card p{font-size:14px}.solution-note{align-items:flex-start;flex-direction:column;margin-bottom:52px;padding:25px}.solution-note h2{font-size:23px}.solution-note p{font-size:14px}.solution-note a{width:100%;justify-content:space-between;font-size:13px}}

/* Service hub and project intake redesign */
.service-hub,.contact-command{padding-top:32px}.hub-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:35px;align-items:end;min-height:500px;padding:75px 55px 56px;margin-bottom:18px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 82% 31%,rgba(145,169,233,.16),transparent 25%),radial-gradient(circle at 71% 78%,rgba(237,149,136,.12),transparent 30%),linear-gradient(128deg,#11121b,#151327 58%,#0d1422)}.hub-hero::after,.contact-command-hero::after{content:"✦";position:absolute;right:8%;top:48px;color:rgba(237,149,136,.24);font-size:168px;line-height:1}.hub-hero-copy{position:relative;z-index:1}.hub-hero h1,.contact-command-hero h1{max-width:900px;margin:0;font-size:clamp(46px,5.5vw,80px);line-height:1.1;letter-spacing:-.085em}.hub-hero h1 em,.contact-command-hero h1 em{font-family:"Songti SC","SimSun",serif;font-style:normal;color:var(--accent);font-weight:600}.hub-hero p{max-width:590px;margin:25px 0 0;color:#aaadbb;font-size:16px;line-height:1.9}.hub-hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.hub-hero-tags span{padding:8px 10px;border:1px solid rgba(237,149,136,.25);background:rgba(237,149,136,.06);color:#d7d2d7;font-size:12px}.hub-hero-action{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 15px;border:1px solid rgba(237,149,136,.42);background:rgba(14,15,26,.44);font-size:14px;font-weight:800}.hub-hero-action b{color:var(--accent);font-size:21px;font-weight:400}.hub-hero-action:hover{background:rgba(237,149,136,.12)}.hub-services{margin:0 0 82px}.hub-service-list{border-top:1px solid var(--line)}.hub-service{position:relative;display:grid;grid-template-columns:78px minmax(180px,.85fr) minmax(300px,1.35fr) minmax(250px,.9fr) 34px;gap:22px;align-items:center;min-height:188px;padding:25px 27px;border-bottom:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.012);transition:background .25s ease,padding .25s ease}.hub-service::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent);opacity:0;transition:opacity .25s}.hub-service:hover{padding-left:33px;background:rgba(237,149,136,.055)}.hub-service:hover::before{opacity:1}.hub-service-number{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.14em}.hub-service-title small{display:block;margin-bottom:8px;color:#9397a6;font-size:10px;letter-spacing:.15em}.hub-service-title h3{margin:0;font-size:28px;letter-spacing:-.06em}.hub-service>p{margin:0;color:#a9acb9;font-size:14px;line-height:1.85}.hub-service-tags{display:flex;flex-wrap:wrap;gap:7px}.hub-service-tags span{padding:7px 9px;border:1px solid rgba(255,255,255,.12);color:#cdcbd3;font-size:11px}.hub-service-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.24);border-radius:50%;color:var(--accent);font-size:18px;font-weight:400}.hub-service-brand::before,.hub-service-brand .hub-service-number,.hub-service-brand .hub-service-arrow{color:#65cfbe}.hub-service-brand::before{background:#65cfbe}.hub-service-brand:hover{background:rgba(101,207,190,.055)}.hub-service-cloud::before{background:#91a9e9}.hub-service-cloud .hub-service-number,.hub-service-cloud .hub-service-arrow{color:#91a9e9}.hub-service-cloud:hover{background:rgba(145,169,233,.055)}.hub-service-game::before{background:#b89bea}.hub-service-game .hub-service-number,.hub-service-game .hub-service-arrow{color:#b89bea}.hub-service-game:hover{background:rgba(184,155,234,.055)}.hub-combination{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:0 0 72px;padding:37px 40px;border:1px solid rgba(237,149,136,.35);background:linear-gradient(102deg,rgba(237,149,136,.12),rgba(145,169,233,.09))}.hub-combination h2{margin:0;font-size:clamp(27px,3vw,41px);line-height:1.22;letter-spacing:-.065em}.hub-combination h2 em{font-family:"Songti SC","SimSun",serif;font-style:normal;color:var(--accent);font-weight:600}.hub-combination p{max-width:670px;margin:13px 0 0;color:#aeb0bd;font-size:15px;line-height:1.85}.hub-combination a{display:inline-flex;align-items:center;gap:28px;padding:14px 18px;background:#f7edf0;color:#251b26;font-size:14px;font-weight:800;white-space:nowrap}
.contact-command-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px;align-items:stretch;margin-bottom:82px;overflow:hidden}.contact-command-copy,.contact-command-channel{position:relative;min-height:455px;padding:54px 52px;border:1px solid var(--line)}.contact-command-copy{overflow:hidden;background:radial-gradient(circle at 88% 15%,rgba(145,169,233,.15),transparent 27%),linear-gradient(140deg,#12131d,#111827)}.contact-command-copy>*{position:relative;z-index:1}.contact-command-copy p:not(.eyebrow){max-width:630px;margin:24px 0 0;color:#afb2bf;font-size:16px;line-height:1.9}.contact-command-channel{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#25191c,#17121b)}.contact-command-channel>span{display:block;color:var(--accent);font-size:12px;letter-spacing:.16em}.contact-command-channel h2{margin:74px 0 13px;font-size:clamp(30px,3vw,45px);letter-spacing:-.065em}.contact-command-channel p{max-width:400px;margin:0;color:#b9afb6;font-size:15px;line-height:1.85}.contact-command-channel a{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;margin-top:29px;padding:14px 17px;background:#f7edf0;color:#251b26;font-size:14px;font-weight:800}.contact-command-channel a b{font-size:19px;font-weight:400}.contact-command-channel small{margin-top:33px;color:#827982;font-size:10px;letter-spacing:.13em}.contact-service-select{display:grid;grid-template-columns:.72fr 1.28fr;gap:54px;align-items:start;margin:0 0 67px;padding-top:24px;border-top:1px solid var(--line)}.contact-service-select h2{margin:0;font-size:clamp(30px,3.4vw,48px);line-height:1.18;letter-spacing:-.07em}.contact-service-select h2 em{font-family:"Songti SC","SimSun",serif;color:var(--accent);font-style:normal;font-weight:600}.contact-service-select-list{border-top:1px solid var(--line)}.contact-service-select-list a{display:grid;grid-template-columns:48px 1fr minmax(190px,.85fr) 26px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);transition:padding .2s}.contact-service-select-list a:hover{padding-inline:10px;background:rgba(237,149,136,.045)}.contact-service-select-list span{color:var(--accent);font-size:12px;font-weight:800}.contact-service-select-list strong{font-size:18px}.contact-service-select-list small{color:#989ba8;font-size:13px}.contact-service-select-list b{color:var(--accent);font-size:18px;font-weight:400;text-align:right}
@media(max-width:980px){.hub-service{grid-template-columns:62px minmax(190px,.8fr) minmax(260px,1.2fr) 30px}.hub-service-tags{grid-column:2/-2}.contact-command-hero{grid-template-columns:1fr}.contact-command-channel{min-height:335px}.contact-service-select{grid-template-columns:1fr;gap:35px}}
@media(max-width:700px){.service-hub,.contact-command{padding-top:18px}.hub-hero{display:block;min-height:0;padding:44px 27px 28px}.hub-hero h1,.contact-command-hero h1{font-size:clamp(38px,11vw,54px)}.hub-hero p{font-size:14px}.hub-hero-action{margin-top:28px}.hub-services{margin-bottom:58px}.hub-service{grid-template-columns:48px 1fr 28px;gap:13px;min-height:0;padding:23px 18px}.hub-service:hover{padding-left:22px}.hub-service-title small{font-size:9px}.hub-service-title h3{font-size:25px}.hub-service>p,.hub-service-tags{grid-column:2}.hub-service>p{font-size:14px}.hub-service-tags span{font-size:10px}.hub-combination{align-items:flex-start;flex-direction:column;margin-bottom:52px;padding:27px}.hub-combination h2{font-size:27px}.hub-combination p{font-size:14px}.hub-combination a{width:100%;justify-content:space-between;font-size:13px}.contact-command-hero{margin-bottom:58px}.contact-command-copy,.contact-command-channel{min-height:0;padding:34px 27px}.contact-command-copy p:not(.eyebrow){font-size:14px}.contact-command-channel h2{margin-top:42px;font-size:30px}.contact-command-channel p{font-size:14px}.contact-command-channel small{margin-top:24px;font-size:9px}.contact-service-select{margin-bottom:52px}.contact-service-select h2{font-size:31px}.contact-service-select-list a{grid-template-columns:36px minmax(0,1fr) 22px;gap:10px}.contact-service-select-list small{grid-column:2;font-size:12px}.contact-service-select-list b{grid-column:3;grid-row:1/3}}

/* Refine desktop headline rhythm on the service and contact landing sections */
@media (min-width:981px){.contact-command-hero{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)}.contact-command-hero h1{font-size:clamp(46px,4.65vw,62px)}}


/* Global brand lockup */
.site-head .head-inner{height:78px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:0;letter-spacing:0;line-height:1;isolation:isolate}
.brand-mark{position:relative;display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border:1px solid rgba(237,149,136,.48);border-radius:50%;background:radial-gradient(circle at 28% 25%,rgba(255,235,231,.2),transparent 31%),rgba(237,149,136,.06);box-shadow:0 0 0 4px rgba(237,149,136,.035),0 0 22px rgba(237,149,136,.14);transition:transform .28s ease,box-shadow .28s ease}
.brand-mark i{position:absolute;margin:0;font-style:normal;color:var(--accent);line-height:1}.brand-mark i:first-child{font-size:17px}.brand-mark i:last-child{right:3px;bottom:4px;font-size:7px;color:#f8d9d3}
.brand-name{color:#f8f5f3;font-size:21px;font-weight:900;letter-spacing:-.08em}.brand-divider{color:rgba(237,149,136,.68);font-size:16px;font-weight:300}.brand-theme{padding-top:1px;color:#b8b3bd;font-size:10px;font-weight:800;letter-spacing:.16em;white-space:nowrap}.brand:hover .brand-mark{transform:rotate(14deg) scale(1.05);box-shadow:0 0 0 5px rgba(237,149,136,.055),0 0 30px rgba(237,149,136,.24)}.brand:hover .brand-theme{color:#f1d7d2}
@media(max-width:590px){.site-head .head-inner{height:66px}.brand{gap:7px}.brand-mark{width:27px;height:27px}.brand-mark i:first-child{font-size:15px}.brand-name{font-size:18px}.brand-divider{font-size:13px}.brand-theme{font-size:8px;letter-spacing:.12em}}
@media(max-width:420px){.brand-theme{font-size:0;letter-spacing:0}.brand-theme::after{content:"创意所";font-size:9px;letter-spacing:.12em}.brand{gap:6px}}

/* Editorial brand signature refinement */
.site-head{background:linear-gradient(90deg,rgba(8,10,16,.95),rgba(12,13,24,.9));border-bottom-color:rgba(255,255,255,.1)}
.site-head .head-inner{height:80px}
.brand{gap:9px;min-width:max-content}
.brand-mark{width:36px;height:36px;border-color:rgba(237,149,136,.58);background:radial-gradient(circle at 30% 26%,rgba(255,246,242,.25),transparent 25%),linear-gradient(145deg,rgba(237,149,136,.18),rgba(117,118,210,.09));box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 0 5px rgba(237,149,136,.04),0 0 28px rgba(237,149,136,.18)}
.brand-mark::before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.14);border-radius:50%}.brand-mark i:first-child{font-size:18px;text-shadow:0 0 13px rgba(255,205,195,.45)}.brand-mark i:last-child{right:4px;bottom:5px;font-size:7px}
.brand-wordmark{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:42px;line-height:1}.brand-latin{margin-bottom:3px;color:#e9a296;font-size:7px;font-weight:800;letter-spacing:.24em}.brand-name{font-size:22px;line-height:.9;letter-spacing:-.1em}.brand-divider{width:1px;height:31px;background:linear-gradient(transparent,rgba(237,149,136,.7),transparent)}.brand-theme{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-top:0}.brand-theme strong{color:#dedbe1;font-size:11px;font-weight:800;letter-spacing:.08em;line-height:1}.brand-theme small{color:#8e909d;font-size:7px;font-weight:700;letter-spacing:.18em;line-height:1}.brand:hover .brand-latin,.brand:hover .brand-theme small{color:#f5b7ac}
@media(max-width:590px){.site-head .head-inner{height:68px}.brand{gap:7px}.brand-mark{width:30px;height:30px}.brand-mark i:first-child{font-size:16px}.brand-wordmark{min-width:37px}.brand-latin{font-size:6px;margin-bottom:2px}.brand-name{font-size:19px}.brand-divider{height:27px}.brand-theme strong{font-size:9px}.brand-theme small{font-size:6px}}
@media(max-width:420px){.brand{gap:6px}.brand-latin{display:none}.brand-theme{padding-top:0}.brand-theme strong{font-size:8px}.brand-theme small{display:none}.brand-theme::after{display:none}}

/* Final compact animated brand lockup */
.site-head{background:linear-gradient(90deg,rgba(8,10,16,.97),rgba(17,13,26,.92));border-bottom-color:rgba(255,255,255,.12)}
.site-head .head-inner{height:76px}
.brand{position:relative;display:inline-flex;align-items:center;gap:11px;min-width:max-content;font-size:0;line-height:1}
.brand-mark{position:relative;display:grid;place-items:center;isolation:isolate;flex:0 0 auto;width:40px;height:40px;overflow:visible;border:1px solid rgba(255,183,169,.86);border-radius:12px;background:linear-gradient(135deg,#ff876e 0%,#e76492 50%,#9b8cff 100%);box-shadow:0 0 0 4px rgba(255,123,103,.08),0 0 26px rgba(238,105,129,.42);transition:transform .25s ease,box-shadow .25s ease}
.brand-mark::before{content:"";position:absolute;inset:-5px;border:1px solid transparent;border-top-color:rgba(255,226,218,.86);border-right-color:rgba(180,171,255,.7);border-radius:15px;animation:brand-orbit 5.5s linear infinite}.brand-mark::after{content:"";position:absolute;z-index:-1;inset:-11px;border-radius:18px;background:radial-gradient(circle,rgba(255,129,108,.32),transparent 66%);animation:brand-glow 2.8s ease-in-out infinite}
.brand-mark i{position:relative;z-index:1;margin:0;color:#fff9f4;font-size:22px;font-style:normal;line-height:1;text-shadow:0 0 14px rgba(255,255,255,.74);animation:brand-star 3.2s ease-in-out infinite}.service-page .brand-mark i{color:#fff9f4}
.brand-name{color:#fffaf7;font-size:25px;font-weight:900;letter-spacing:-.11em;line-height:1;text-shadow:0 0 18px rgba(255,255,255,.08)}.brand-tag{padding:7px 9px;border:1px solid rgba(255,151,134,.48);border-radius:999px;background:linear-gradient(90deg,rgba(255,128,105,.15),rgba(155,140,255,.13));color:#ffd1c8;font-size:8px;font-weight:800;letter-spacing:.13em;white-space:nowrap;box-shadow:inset 0 0 14px rgba(255,255,255,.025)}
.brand:hover .brand-mark{transform:translateY(-1px) rotate(-6deg) scale(1.06);box-shadow:0 0 0 5px rgba(255,123,103,.12),0 0 34px rgba(238,105,129,.58)}.brand:hover .brand-tag{border-color:#ffd1c8;color:#fff4f0}
@keyframes brand-orbit{to{transform:rotate(360deg)}}@keyframes brand-glow{0%,100%{transform:scale(.86);opacity:.52}50%{transform:scale(1.08);opacity:1}}@keyframes brand-star{0%,100%{transform:scale(.94) rotate(0deg)}50%{transform:scale(1.1) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){.brand-mark::before,.brand-mark::after,.brand-mark i{animation:none}}
@media(max-width:590px){.site-head .head-inner{height:66px}.brand{gap:8px}.brand-mark{width:33px;height:33px;border-radius:10px}.brand-mark::before{inset:-4px;border-radius:13px}.brand-mark i{font-size:18px}.brand-name{font-size:21px}.brand-tag{padding:6px 7px;font-size:7px;letter-spacing:.09em}}
@media(max-width:420px){.brand{gap:7px}.brand-tag{font-size:0;padding:6px 7px}.brand-tag::after{content:"MAPLE";font-size:7px;letter-spacing:.12em}}

/* Maple leaf + star animated brand signature */
.site-head{background:radial-gradient(circle at 13% 50%,rgba(255,112,93,.12),transparent 19%),linear-gradient(90deg,rgba(8,10,16,.98),rgba(17,13,28,.94));border-bottom-color:rgba(255,197,186,.16)}
.site-head .head-inner{height:82px}
.brand{display:inline-flex;align-items:center;gap:13px;min-width:max-content;font-size:0;line-height:1}.brand-emblem{position:relative;display:grid;place-items:center;isolation:isolate;flex:0 0 auto;width:48px;height:48px;animation:brand-emblem-float 5.2s ease-in-out infinite}.brand-emblem::before{content:"";position:absolute;z-index:-2;inset:1px;border:1px solid rgba(255,198,180,.88);border-radius:16px;background:linear-gradient(145deg,rgba(255,121,92,.25),rgba(135,112,255,.15));box-shadow:0 0 0 5px rgba(255,122,98,.08),0 0 31px rgba(255,103,112,.42)}.brand-emblem::after{content:"";position:absolute;z-index:-1;inset:-7px;border:1px solid transparent;border-top-color:rgba(255,232,212,.96);border-right-color:rgba(183,165,255,.85);border-radius:20px;animation:brand-ring-spin 6.6s linear infinite}.brand-leaf{position:absolute;z-index:1;width:32px;height:38px;fill:#ff866d;filter:drop-shadow(0 0 8px rgba(255,118,96,.65));transform-origin:50% 82%;animation:brand-leaf-sway 4.3s ease-in-out infinite}.brand-star{position:absolute;z-index:2;right:-5px;top:-8px;color:#fff5cf;font-size:22px;line-height:1;text-shadow:0 0 10px #ffd98e,0 0 22px rgba(255,183,104,.8);animation:brand-star-spark 2.45s ease-in-out infinite}.brand-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;animation:brand-copy-float 5.2s ease-in-out infinite}.brand-name{position:relative;color:#fff9f5;font-size:28px;font-weight:900;letter-spacing:-.12em;line-height:.88;background:linear-gradient(105deg,#fffdf9 0%,#fffdf9 34%,#ffaf9c 51%,#fffdf9 66%,#fffdf9 100%);background-size:230% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:brand-name-shine 5.6s ease-in-out infinite;text-shadow:none}.brand-name::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:linear-gradient(90deg,#ff927c,rgba(185,166,255,.85),transparent);transform-origin:left;animation:brand-name-line 4.2s ease-in-out infinite}.brand-tag{color:#ffcabd;font-size:8px;font-weight:900;letter-spacing:.19em;line-height:1;white-space:nowrap;text-shadow:0 0 14px rgba(255,137,112,.28);animation:brand-tag-pulse 3.4s ease-in-out infinite}.service-page .brand-name{color:#fff9f5}.brand:hover .brand-emblem{animation-duration:2.8s}.brand:hover .brand-leaf{filter:drop-shadow(0 0 12px rgba(255,143,113,.9))}.brand:hover .brand-copy{transform:translateX(2px)}
@keyframes brand-emblem-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(-2deg)}}@keyframes brand-ring-spin{to{transform:rotate(360deg)}}@keyframes brand-leaf-sway{0%,100%{transform:rotate(-6deg) scale(1)}50%{transform:rotate(8deg) scale(1.07)}}@keyframes brand-star-spark{0%,100%{transform:scale(.83) rotate(0deg);opacity:.76}50%{transform:scale(1.22) rotate(12deg);opacity:1}}@keyframes brand-copy-float{0%,100%{transform:translateY(0)}50%{transform:translateY(1px)}}@keyframes brand-name-shine{0%,37%,100%{background-position:100% 0}57%{background-position:0 0}}@keyframes brand-name-line{0%,100%{transform:scaleX(.72);opacity:.55}50%{transform:scaleX(1);opacity:1}}@keyframes brand-tag-pulse{0%,100%{opacity:.72;letter-spacing:.17em}50%{opacity:1;letter-spacing:.2em}}
@media(prefers-reduced-motion:reduce){.brand-emblem,.brand-emblem::after,.brand-leaf,.brand-star,.brand-copy,.brand-name,.brand-name::after,.brand-tag{animation:none!important}}
@media(max-width:590px){.site-head .head-inner{height:68px}.brand{gap:9px}.brand-emblem{width:38px;height:38px}.brand-emblem::before{border-radius:13px}.brand-emblem::after{inset:-5px;border-radius:17px}.brand-leaf{width:25px;height:30px}.brand-star{right:-5px;top:-7px;font-size:17px}.brand-copy{gap:4px}.brand-name{font-size:23px}.brand-tag{font-size:6px;letter-spacing:.15em}}
@media(max-width:420px){.brand{gap:8px}.brand-emblem{width:34px;height:34px}.brand-leaf{width:22px;height:27px}.brand-name{font-size:21px}.brand-tag{font-size:0}.brand-tag::after{content:"MAPLE + STAR";font-size:6px;letter-spacing:.14em}}

/* Service detail visual system */
.service-page {
  --service-line: rgba(var(--service-rgb), .28);
  background:
    linear-gradient(90deg, transparent 0 50%, rgba(255,255,255,.018) 50% 50.05%, transparent 50.05%),
    radial-gradient(circle at 78% 4%, rgba(var(--service-rgb), .2), transparent 26%),
    radial-gradient(circle at 4% 56%, rgba(var(--service-rgb), .08), transparent 29%),
    var(--ink);
  background-attachment: fixed;
}
.service-page .page-intro {
  min-height: 518px;
  padding-top: 112px;
  padding-bottom: 75px;
}
.service-page .page-intro::before {
  right: 3%;
  top: 85px;
  width: min(31vw, 390px);
  height: min(31vw, 390px);
  border: 1px solid var(--service-line);
  background:
    linear-gradient(90deg, transparent 49.7%, rgba(var(--service-rgb), .17) 50%, transparent 50.3%),
    linear-gradient(0deg, transparent 49.7%, rgba(var(--service-rgb), .17) 50%, transparent 50.3%),
    repeating-conic-gradient(from 8deg, transparent 0 14deg, rgba(var(--service-rgb), .11) 14.3deg 14.8deg, transparent 15deg 30deg),
    radial-gradient(circle at center, rgba(var(--service-rgb), .16) 0 2px, transparent 3px 34%, rgba(var(--service-rgb), .06) 34.2% 34.5%, transparent 34.8%);
  box-shadow: 0 0 0 22px rgba(var(--service-rgb), .035), 0 0 0 47px rgba(var(--service-rgb), .018), inset 0 0 44px rgba(var(--service-rgb), .05);
  transform: rotate(-8deg);
}
.service-page .page-intro::after {
  content: "SERVICE / SYSTEM";
  right: 7%;
  top: 118px;
  color: rgba(var(--service-rgb), .78);
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .2em;
  transform: rotate(-8deg);
}
.service-page .page-intro h1 {
  max-width: 760px;
  text-shadow: 0 12px 38px rgba(0,0,0,.2);
}
.service-page .page-intro > p:not(.eyebrow) {
  max-width: 570px;
}
.service-page .intro-kicker {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  margin-top: 35px;
  padding: 10px 13px;
  border: 1px solid var(--service-line);
  background: rgba(var(--service-rgb), .055);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
}
.service-page .intro-kicker::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 5px rgba(var(--service-rgb), .12), 0 0 17px currentColor;
}
.service-page .intro-kicker span {
  color: #bdc0cb;
  font-weight: 500;
  letter-spacing: .04em;
}
.service-overview {
  position: relative;
  margin-bottom: 94px;
  gap: 20px;
}
.service-overview-copy,
.service-overview-side {
  position: relative;
  overflow: hidden;
  border-color: rgba(255,255,255,.14);
  box-shadow: 0 18px 48px rgba(0,0,0,.13);
}
.service-overview-copy::before,
.service-overview-side::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(90deg, var(--service-accent), transparent 72%);
  opacity: .8;
}
.service-overview-copy h2 {
  max-width: 720px;
}
.service-overview-side {
  background: linear-gradient(155deg, rgba(var(--service-rgb), .075), rgba(255,255,255,.018));
}
.service-chip {
  transition: background .22s ease, border-color .22s ease, transform .22s ease;
}
.service-chip:hover {
  border-color: rgba(var(--service-rgb), .7);
  background: rgba(var(--service-rgb), .15);
  transform: translateY(-2px);
}
.service-section,
.service-flow {
  position: relative;
}
.service-section .section-head,
.service-flow .section-head {
  padding-top: 22px;
}
.detail-row {
  position: relative;
  transition: background .22s ease, padding-left .22s ease;
}
.detail-row::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--service-accent);
  opacity: 0;
  transition: opacity .22s ease;
}
.detail-row:hover {
  padding-left: 9px;
  background: linear-gradient(90deg, rgba(var(--service-rgb), .07), transparent 72%);
}
.detail-row:hover::before { opacity: 1; }
.service-page .deliverable-list li {
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.service-page .deliverable-list li:hover {
  border-color: rgba(var(--service-rgb), .52);
  background: rgba(var(--service-rgb), .1);
  transform: translateY(-2px);
}
.service-flow-grid {
  box-shadow: 0 20px 50px rgba(0,0,0,.12);
}
.service-step {
  position: relative;
  overflow: hidden;
  background: linear-gradient(150deg, rgba(var(--service-rgb), .045), rgba(255,255,255,.014));
  transition: background .24s ease, transform .24s ease;
}
.service-step::after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: -26px;
  width: 94px;
  height: 94px;
  border: 1px solid rgba(var(--service-rgb), .16);
  border-radius: 50%;
}
.service-step:hover {
  z-index: 1;
  background: linear-gradient(150deg, rgba(var(--service-rgb), .11), rgba(255,255,255,.026));
  transform: translateY(-3px);
}
.service-step h3,
.service-step p,
.service-step .step-number { position: relative; z-index: 1; }
.service-cta {
  position: relative;
  overflow: hidden;
  min-height: 146px;
  box-shadow: 0 18px 46px rgba(0,0,0,.15);
}
.service-cta::after {
  content: "✦";
  position: absolute;
  right: 24%;
  bottom: -65px;
  color: rgba(var(--service-rgb), .13);
  font-size: 170px;
  line-height: 1;
  pointer-events: none;
}
.service-cta > * { position: relative; z-index: 1; }

@media (max-width: 860px) {
  .service-page .page-intro { min-height: 0; padding-top: 88px; }
  .service-page .page-intro::before { right: -4%; top: 84px; width: 320px; height: 320px; }
  .service-page .page-intro::after { right: 7%; top: 104px; }
  .service-overview { margin-bottom: 76px; }
}
@media (max-width: 590px) {
  .service-page { background-attachment: scroll; }
  .service-page .page-intro { padding-top: 70px; padding-bottom: 53px; }
  .service-page .page-intro::before { right: -92px; top: 72px; width: 250px; height: 250px; }
  .service-page .page-intro::after { right: 15px; top: 89px; font-size: 8px; }
  .service-page .intro-kicker { align-items: flex-start; flex-direction: column; gap: 8px; font-size: 9px; }
  .service-page .intro-kicker::before { display: none; }
  .service-page .intro-kicker span { font-size: 12px; }
  .detail-row:hover { padding-left: 0; background: transparent; }
  .service-step:hover { transform: none; }
  .service-cta::after { right: -15px; bottom: -66px; }
}

/* Homepage option-tab scenes reused as the service hero background */
.service-background-scene {
  position: absolute !important;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  min-height: 0 !important;
  opacity: 1;
  pointer-events: none;
}
.service-background-scene .ed-art,
.service-background-scene .term-art,
.service-background-scene .neb-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.service-background-scene .ed-circle-1 { width: 445px; height: 445px; }
.service-background-scene .ed-circle-2 { width: 315px; height: 315px; }
.service-background-scene .term-radar { width: 440px; height: 440px; }
.service-background-scene .ring-a { width: 450px; height: 450px; }
.service-background-scene .ring-b { width: 335px; height: 335px; }
.service-background-scene .ring-c { width: 220px; height: 220px; }
.service-background-scene .ed-leaf { width: 255px; height: 292px; }
.service-background-scene .term-leaf { width: 210px; height: 240px; }
.service-background-scene .orbit-one { width: 430px; height: 430px; }
.service-background-scene .orbit-two { width: 335px; height: 335px; }
.service-background-scene .orbit-three { width: 515px; height: 275px; }
.service-background-scene .neb-glass { width: 302px; height: 355px; }
.service-background-scene .neb-glass svg { width: 204px; height: 218px; }
.service-background-scene .term-target,
.service-background-scene .ed-art-label,
.service-background-scene .neb-chip { opacity: .72; }
.service-background-scene .washi-moon { right: 18%; top: 19%; width: 375px; height: 375px; }
.service-background-scene .washi-vertical { right: 6%; top: 24%; }
.service-background-scene .washi-stamp { right: 11%; bottom: 17%; }
.service-background-scene .washi-leaves { inset: 0; }
.service-background-scene .neb-blob { opacity: .48; }
.service-background-scene .neb-body { min-height: 0; }
.service-background-scene .neb-art { opacity: .8; }
.service-hero > .service-scene-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.service-page .page-intro::before { opacity: .35; }

@media (max-width: 860px) {
  .service-background-scene .ed-circle-1,
  .service-background-scene .ring-a,
  .service-background-scene .term-radar,
  .service-background-scene .orbit-one { width: 350px; height: 350px; }
  .service-background-scene .ed-circle-2,
  .service-background-scene .ring-b,
  .service-background-scene .orbit-two { width: 260px; height: 260px; }
  .service-background-scene .ring-c { width: 175px; height: 175px; }
  .service-background-scene .washi-moon { width: 300px; height: 300px; right: 15%; top: 25%; }
}
@media (max-width: 590px) {
  .service-background-scene { opacity: .54; }
  .service-background-scene .ed-art,
  .service-background-scene .term-art,
  .service-background-scene .neb-art { right: -24%; left: auto; width: 82%; }
  .service-background-scene .ed-circle-1,
  .service-background-scene .ring-a,
  .service-background-scene .term-radar,
  .service-background-scene .orbit-one { width: 310px; height: 310px; }
  .service-background-scene .ed-circle-2,
  .service-background-scene .ring-b,
  .service-background-scene .orbit-two { width: 220px; height: 220px; }
  .service-background-scene .ring-c { width: 145px; height: 145px; }
  .service-background-scene .ed-leaf { width: 155px; height: 180px; }
  .service-background-scene .term-leaf { width: 145px; height: 180px; }
  .service-background-scene .neb-glass { width: 200px; height: 245px; }
  .service-background-scene .neb-glass svg { width: 145px; height: 150px; }
  .service-background-scene .term-target,
  .service-background-scene .ed-art-label,
  .service-background-scene .neb-chip { display: none; }
  .service-background-scene .washi-moon { right: -28%; top: 25%; width: 280px; height: 280px; opacity: .72; }
  .service-background-scene .washi-vertical { right: 5%; font-size: 10px; }
  .service-background-scene .washi-stamp { right: 12%; bottom: 13%; font-size: 14px; }
}

/* Quiet maple-and-star logo: aligned with the site system */
.site-head{background:rgba(8,10,16,.9);border-bottom-color:var(--line)}
.site-head .head-inner{height:72px}
.brand{gap:9px}.brand-emblem{width:35px;height:35px;animation:none}.brand-emblem::before,.brand-emblem::after{display:none}.brand-leaf{width:29px;height:34px;fill:var(--accent);filter:drop-shadow(0 0 7px rgba(237,149,136,.24));transform:none;animation:none}.brand-star{right:-3px;top:-4px;color:#f9e6df;font-size:14px;text-shadow:0 0 9px rgba(237,149,136,.38);animation:brand-quiet-star 4.8s ease-in-out infinite}.brand-copy{gap:3px;animation:none}.brand-name{color:var(--paper);font-size:24px;font-weight:900;letter-spacing:-.1em;line-height:.9;background:none;-webkit-text-fill-color:currentColor;text-shadow:none;animation:none}.brand-name::after{display:none}.brand-tag{color:var(--accent);font-size:7px;font-weight:800;letter-spacing:.2em;text-shadow:none;animation:none}.brand:hover .brand-emblem{animation:none;transform:none}.brand:hover .brand-leaf{transform:rotate(-5deg) translateY(-1px);filter:drop-shadow(0 0 9px rgba(237,149,136,.44))}.brand:hover .brand-star{transform:scale(1.15)}.brand:hover .brand-copy{transform:none}
@keyframes brand-quiet-star{0%,100%{transform:scale(.94);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@media(prefers-reduced-motion:reduce){.brand-star{animation:none!important}}
@media(max-width:590px){.site-head .head-inner{height:64px}.brand{gap:7px}.brand-emblem{width:30px;height:30px}.brand-leaf{width:25px;height:29px}.brand-star{right:-3px;top:-4px;font-size:12px}.brand-name{font-size:21px}.brand-tag{font-size:6px;letter-spacing:.17em}}
@media(max-width:420px){.brand-tag{font-size:0}.brand-tag::after{content:"MAPLE";font-size:6px;letter-spacing:.15em}}

/* Final logo direction: a clear maple silhouette with a restrained light signature */
.site-head .head-inner{height:76px}
.brand{gap:11px;align-items:center}
.brand-emblem{width:42px;height:42px;animation:brand-emblem-settle 5s ease-in-out infinite}
.brand-emblem::before{content:"";position:absolute;z-index:3;left:50%;top:47%;width:1px;height:22px;background:rgba(255,232,222,.52);transform:rotate(2deg);transform-origin:top;display:block}
.brand-emblem::after{content:"";position:absolute;inset:-4px;z-index:-1;border:1px solid rgba(237,149,136,.3);border-left-color:rgba(159,146,232,.7);border-radius:50%;transform:rotate(-22deg);animation:brand-emblem-ring 7s linear infinite}
.brand-leaf{width:34px;height:40px;fill:#df766d;filter:drop-shadow(0 5px 8px rgba(223,118,109,.28));transform-origin:50% 82%;animation:brand-leaf-breathe 4.8s ease-in-out infinite}
.brand-leaf path:first-child{d:path("M50 8 C47 18 46 25 44 32 L27 21 31 40 10 45 29 58 19 77 40 70 44 106 50 115 56 106 60 70 81 77 71 58 90 45 69 40 73 21 56 32 C54 25 53 18 50 8Z");fill:#df766d}
.brand-leaf path + path{fill:none;stroke:rgba(255,231,222,.54);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.brand-star{right:-3px;top:-5px;color:#ffe5b6;font-size:16px;text-shadow:0 0 10px rgba(255,198,122,.72);animation:brand-star-twinkle 3.2s ease-in-out infinite}
.brand-copy{gap:4px;animation:brand-copy-settle 5s ease-in-out infinite}
.brand-name{font-size:26px;letter-spacing:-.1em;color:#faf4f0;background:none;-webkit-text-fill-color:currentColor;line-height:.95}
.brand-tag{padding:0;border:0;border-radius:0;background-color:transparent;background-image:linear-gradient(100deg,#f18d7c 0%,#ffd4bb 22%,#a99be9 43%,#f18d7c 63%,#ffd4bb 82%,#a99be9 100%);background-size:240% 100%;font-size:7px;letter-spacing:.2em;color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;animation:brand-tag-shine 4.8s ease-in-out infinite}
.brand:hover .brand-leaf{filter:drop-shadow(0 5px 11px rgba(237,149,136,.48));transform:rotate(-4deg) scale(1.04)}
.brand:hover .brand-star{transform:scale(1.18)}
@keyframes brand-emblem-settle{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes brand-emblem-ring{to{transform:rotate(338deg)}}
@keyframes brand-leaf-breathe{0%,100%{transform:rotate(-2deg) scale(.98)}50%{transform:rotate(3deg) scale(1.03)}}
@keyframes brand-star-twinkle{0%,100%{opacity:.7;transform:scale(.9) rotate(0deg)}50%{opacity:1;transform:scale(1.13) rotate(9deg)}}
@keyframes brand-copy-settle{0%,100%{transform:translateY(0)}50%{transform:translateY(1px)}}
@keyframes brand-tag-shine{0%,25%{background-position:100% 0}58%,100%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.brand-emblem,.brand-emblem::after,.brand-leaf,.brand-star,.brand-copy,.brand-tag{animation:none!important}}
@media(max-width:590px){.site-head .head-inner{height:65px}.brand{gap:8px}.brand-emblem{width:34px;height:34px}.brand-emblem::after{inset:-3px}.brand-leaf{width:28px;height:33px}.brand-star{right:-3px;top:-4px;font-size:13px}.brand-name{font-size:22px}.brand-tag{font-size:6px;letter-spacing:.16em}}
@media(max-width:420px){.brand-tag{font-size:0}.brand-tag::after{content:"MAPLE";font-size:6px;letter-spacing:.14em;background:linear-gradient(100deg,#f18d7c,#a99be9,#f18d7c);background-size:220%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:brand-tag-shine 4.8s ease-in-out infinite}}

/* Full-bleed service openings with a readable content rail. */
.service-page main.page-shell {
  width: 100%;
  max-width: none;
}
.service-page .service-hero {
  min-height: calc(100svh - 76px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(76px, 9vh, 120px) max(24px, calc((100vw - 1280px) / 2)) clamp(52px, 7vh, 88px);
}
.service-page .service-hero h1 {
  max-width: min(800px, 64vw);
}
.service-page .service-overview,
.service-page .service-section,
.service-page .service-flow,
.service-page .service-cta {
  width: min(calc(100% - 48px), 1280px);
  margin-left: auto;
  margin-right: auto;
}
.service-page .service-overview {
  margin-top: clamp(48px, 6vw, 88px);
}

@media (max-width: 860px) {
  .service-page .service-hero {
    min-height: calc(100svh - 68px);
    padding-left: 22px;
    padding-right: 22px;
  }
  .service-page .service-hero h1 {
    max-width: 760px;
  }
  .service-page .service-overview,
  .service-page .service-section,
  .service-page .service-flow,
  .service-page .service-cta {
    width: calc(100% - 44px);
  }
}

@media (max-width: 590px) {
  .service-page .service-hero {
    min-height: max(620px, calc(100svh - 65px));
    justify-content: flex-start;
    padding: 70px 17px 53px;
  }
  .service-page .service-hero h1 {
    max-width: none;
  }
  .service-page .service-overview,
  .service-page .service-section,
  .service-page .service-flow,
  .service-page .service-cta {
    width: calc(100% - 34px);
  }
}

/* Image based logo lockup */
.brand-emblem{width:50px;height:50px;animation:brand-image-float 4.8s ease-in-out infinite;background-image:url("../img/logo-mono-flow.svg");background-repeat:no-repeat;background-position:center;background-size:contain}
.brand-emblem::before,.brand-emblem::after{display:none}
.brand-leaf,.brand-star{display:none}
.brand-copy{gap:5px}.brand-name{font-size:30px;font-weight:900;letter-spacing:-.12em;color:transparent;background:linear-gradient(105deg,#fffdf9 0%,#fff5ed 22%,#ff9f8f 43%,#c2b3ff 61%,#fffdf9 80%,#ff9f8f 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:brand-name-shine 4.4s ease-in-out infinite}
.brand-tag{font-size:8px;letter-spacing:.22em;background-image:linear-gradient(100deg,#ff9c89 0%,#ffe3c9 24%,#aa9cf3 48%,#ff9c89 73%,#ffe3c9 100%);background-size:260% 100%;animation:brand-tag-shine 3.8s ease-in-out infinite}
.brand:hover .brand-emblem{transform:translateY(-2px) scale(1.05)}.brand:hover .brand-name{animation-duration:2.2s}.brand:hover .brand-tag{animation-duration:2s}
@keyframes brand-image-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.brand-emblem,.brand-name,.brand-tag{animation:none!important}}
@media(max-width:590px){.brand-emblem{width:38px;height:38px}.brand-star{right:-4px;top:-3px;font-size:14px}.brand-name{font-size:24px}.brand-tag{font-size:6px;letter-spacing:.18em}}

/* Selected direction 27: compact spacing and a clear flowing line mark */
.brand{gap:12px}.brand-copy{gap:6px}.brand-name{font-size:29px;letter-spacing:-.115em}.brand-tag{font-size:8px;letter-spacing:.23em;line-height:1.1}
.brand:hover .brand-emblem{transform:translateY(-2px) scale(1.04)}
@media(max-width:590px){.brand{gap:9px}.brand-emblem{width:39px;height:39px}.brand-copy{gap:5px}.brand-name{font-size:24px}.brand-tag{font-size:6px;letter-spacing:.18em}}

/* Refined brand typography */
.brand-name{font-family:"Songti SC","SimSun","STKaiti","KaiTi","Songti SC","SimSun",serif;font-weight:400;letter-spacing:.02em;line-height:1}
.brand-tag{font-family:Arial,"Arial",sans-serif;font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:none}
@media(max-width:590px){.brand-name{font-size:24px}.brand-tag{font-size:6px;letter-spacing:.13em}}

/* Align the full-bleed service frame across navigation, hero, content, and footer. */
.service-page .head-inner,
.service-page > .page-foot {
  width: min(calc(100% - 48px), 1280px);
}
.service-page .service-hero h1 {
  max-width: min(760px, 58vw);
}
.service-page .service-hero .intro-kicker,
.service-page .service-hero .hero-proof {
  align-self: flex-start;
  position: relative;
  z-index: 2;
}

@media (min-width: 861px) {
  .service-background-scene .ed-art,
  .service-background-scene .term-art,
  .service-background-scene .neb-art {
    inset: 0 0 0 48%;
    width: 52%;
  }
}

@media (max-width: 860px) {
  .service-page .head-inner,
  .service-page > .page-foot {
    width: calc(100% - 44px);
  }
}

@media (max-width: 590px) {
  .service-page .head-inner,
  .service-page > .page-foot {
    width: calc(100% - 34px);
  }
  .service-page .service-hero h1 {
    max-width: none;
  }
}

/* Shared full-screen openings for the site pages. */
body:not(.service-page) main.page-shell {
  width: 100%;
  max-width: none;
}
body:not(.service-page) main.page-shell > .page-intro {
  width: 100%;
  min-height: calc(100svh - 76px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(82px, 10vh, 132px) max(24px, calc((100vw - 1280px) / 2)) clamp(58px, 8vh, 100px);
  background:
    radial-gradient(circle at 78% 27%, rgba(145,169,233,.15), transparent 27%),
    radial-gradient(circle at 13% 76%, rgba(237,149,136,.1), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.025), transparent 58%);
  border-bottom: 1px solid var(--line);
}
body:not(.service-page) main.page-shell > .page-intro h1 {
  max-width: 900px;
}
body:not(.service-page) main.page-shell > .page-intro p:not(.eyebrow) {
  max-width: 650px;
}
#solutions > section:not(.page-intro),
#about > section:not(.page-intro),
.service-hub > section:not(.hub-hero),
.contact-command > section:not(.contact-command-hero) {
  width: min(calc(100% - 48px), 1280px);
  margin-left: auto;
  margin-right: auto;
}
.service-hub > .hub-hero,
.contact-command > .contact-command-hero {
  width: 100%;
  min-height: calc(100svh - 76px);
  margin: 0 0 82px;
  padding: clamp(78px, 10vh, 130px) max(24px, calc((100vw - 1280px) / 2));
  border-left: 0;
  border-right: 0;
}
.service-hub > .hub-hero {
  align-items: center;
}
.contact-command > .contact-command-hero {
  padding-top: clamp(78px, 9vh, 115px);
  padding-bottom: clamp(58px, 8vh, 94px);
}
.page-intro .intro-proof,
.hub-hero-proof,
.contact-command-proof,
.service-page .hero-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 760px;
  margin-top: 34px;
}
.intro-proof span,
.hub-hero-proof span,
.contact-command-proof span,
.service-page .hero-proof span {
  display: block;
  padding-top: 11px;
  border-top: 1px solid rgba(255,255,255,.17);
  color: #c8c2ca;
  font-size: 12px;
  line-height: 1.7;
}
.intro-proof b,
.hub-hero-proof b,
.contact-command-proof b,
.service-page .hero-proof b {
  display: block;
  margin-bottom: 4px;
  color: var(--accent);
  font-size: 10px;
  letter-spacing: .14em;
}
.hub-hero-proof,
.contact-command-proof {
  max-width: 670px;
}
.service-page .hero-proof {
  max-width: 690px;
}

@media (max-width: 860px) {
  body:not(.service-page) main.page-shell > .page-intro {
    min-height: calc(100svh - 68px);
    padding-left: 22px;
    padding-right: 22px;
  }
  #solutions > section:not(.page-intro),
  #about > section:not(.page-intro),
  .service-hub > section:not(.hub-hero),
  .contact-command > section:not(.contact-command-hero) {
    width: calc(100% - 44px);
  }
  .service-hub > .hub-hero,
  .contact-command > .contact-command-hero {
    min-height: calc(100svh - 68px);
    padding-left: 22px;
    padding-right: 22px;
  }
}
@media (max-width: 590px) {
  body:not(.service-page) main.page-shell > .page-intro {
    min-height: max(590px, calc(100svh - 65px));
    justify-content: flex-start;
    padding: 70px 17px 53px;
  }
  #solutions > section:not(.page-intro),
  #about > section:not(.page-intro),
  .service-hub > section:not(.hub-hero),
  .contact-command > section:not(.contact-command-hero) {
    width: calc(100% - 34px);
  }
  .service-hub > .hub-hero,
  .contact-command > .contact-command-hero {
    min-height: max(620px, calc(100svh - 65px));
    margin-bottom: 58px;
    padding: 70px 17px 53px;
  }
  .page-intro .intro-proof,
  .hub-hero-proof,
  .contact-command-proof,
  .service-page .hero-proof {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 27px;
  }
  .intro-proof span,
  .hub-hero-proof span,
  .contact-command-proof span,
  .service-page .hero-proof span {
    padding-top: 9px;
    font-size: 12px;
  }
}

/* Final opening scale: keep the first screen focused instead of overly tall. */
body:not(.service-page) main.page-shell > .page-intro{min-height:clamp(500px,calc(100svh - 190px),690px);padding-top:clamp(56px,7vh,82px);padding-bottom:clamp(42px,5vh,64px)}
.service-hub>.hub-hero,.contact-command>.contact-command-hero{min-height:clamp(500px,calc(100svh - 190px),690px);padding-top:clamp(56px,7vh,82px);padding-bottom:clamp(42px,5vh,64px)}
.service-page .service-hero{min-height:clamp(500px,calc(100svh - 190px),690px);padding-top:clamp(56px,7vh,86px);padding-bottom:clamp(42px,5vh,64px)}
@media(max-width:590px){body:not(.service-page) main.page-shell > .page-intro,.service-hub>.hub-hero,.contact-command>.contact-command-hero,.service-page .service-hero{min-height:500px;padding-top:50px;padding-bottom:36px}}

#about > .page-intro{min-height:530px}
.contact-command > .contact-command-hero{min-height:600px;margin-bottom:58px}
.about-statement,.about-profile{min-height:340px}
.contact-command-channel h2{overflow-wrap:anywhere}
@media(max-width:700px){.contact-command > .contact-command-hero{margin-bottom:40px}.contact-command-channel h2{font-size:clamp(23px,7vw,30px)}}
@media(max-width:590px){#about > .page-intro{min-height:460px}.about-statement,.about-profile{min-height:300px}}

/* Final visual polish: give every opening a quiet visual anchor and a denser rail. */
body:not(.service-page) main.page-shell > .page-intro{
  isolation:isolate;
  background:
    radial-gradient(circle at 76% 30%,rgba(145,169,233,.13),transparent 24%),
    radial-gradient(circle at 13% 78%,rgba(237,149,136,.09),transparent 26%),
    linear-gradient(135deg,rgba(255,255,255,.026),transparent 58%);
}
body:not(.service-page) main.page-shell > .page-intro::before{
  content:"";
  position:absolute;
  z-index:0;
  right:max(24px,calc((100vw - 1280px) / 2));
  top:18%;
  width:min(27vw,360px);
  aspect-ratio:1;
  border:1px solid rgba(237,149,136,.17);
  border-radius:50%;
  background:
    linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.08) 50%,transparent 50.3%),
    linear-gradient(0deg,transparent 49.7%,rgba(255,255,255,.08) 50%,transparent 50.3%),
    radial-gradient(circle at 50% 50%,rgba(237,149,136,.13) 0 2px,transparent 3px 36%,rgba(145,169,233,.08) 36.2% 36.6%,transparent 36.8%);
  box-shadow:0 0 0 18px rgba(237,149,136,.025),0 0 0 42px rgba(145,169,233,.018),inset 0 0 44px rgba(255,255,255,.025);
  transform:rotate(-12deg);
  pointer-events:none;
}
body:not(.service-page) main.page-shell > .page-intro::after{
  z-index:1;
  right:max(54px,calc((100vw - 1215px) / 2));
  top:13%;
  color:rgba(237,149,136,.24);
  font-size:108px;
}
body:not(.service-page) main.page-shell > .page-intro > *{position:relative;z-index:2}
body:not(.service-page) main.page-shell > .page-intro h1{max-width:min(820px,67vw)}
body:not(.service-page) main.page-shell > .page-intro p:not(.eyebrow){max-width:610px}

.service-hub > .hub-hero{isolation:isolate;background:
  radial-gradient(circle at 82% 31%,rgba(145,169,233,.17),transparent 25%),
  radial-gradient(circle at 71% 78%,rgba(237,149,136,.12),transparent 30%),
  linear-gradient(128deg,#11121b,#151327 58%,#0d1422)}
.service-hub > .hub-hero::before{
  content:"";
  position:absolute;
  z-index:0;
  right:8%;
  top:17%;
  width:min(28vw,370px);
  aspect-ratio:1;
  border:1px solid rgba(145,169,233,.16);
  border-radius:50%;
  background:linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.07) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,rgba(255,255,255,.07) 50%,transparent 50.3%),radial-gradient(circle at center,rgba(237,149,136,.12) 0 2px,transparent 3px 37%,rgba(145,169,233,.08) 37.2% 37.6%,transparent 37.8%);
  box-shadow:0 0 0 20px rgba(145,169,233,.025),0 0 0 46px rgba(237,149,136,.017),inset 0 0 48px rgba(145,169,233,.03);
  transform:rotate(13deg);
  pointer-events:none;
}
.service-hub > .hub-hero > *{position:relative;z-index:2}

.section-head{position:relative;padding-top:21px}
.section-head::before{content:"";position:absolute;left:0;top:-1px;width:68px;height:2px;background:var(--accent);opacity:.8}
.service-page .section-head::before{background:var(--service-accent)}
.solution-card,.about-statement,.about-profile,.contact-command-copy,.contact-command-channel,.guide-grid article{
  border-color:rgba(255,255,255,.14);
  box-shadow:0 18px 45px rgba(0,0,0,.1);
}
.solution-card,.about-statement,.about-profile,.contact-command-copy,.contact-command-channel{transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.solution-card:hover,.about-statement:hover,.about-profile:hover,.contact-command-copy:hover,.contact-command-channel:hover{border-color:rgba(237,149,136,.28);box-shadow:0 22px 54px rgba(0,0,0,.17)}
.page-foot{margin-top:12px}
.mobile-title-break{display:none}

@media(max-width:860px){
  body:not(.service-page) main.page-shell > .page-intro h1{max-width:760px}
  body:not(.service-page) main.page-shell > .page-intro::before{right:22px;width:300px}
  .service-hub > .hub-hero::before{right:4%;width:300px}
}
@media(max-width:590px){
  body:not(.service-page) main.page-shell > .page-intro::before{right:-84px;top:17%;width:265px;opacity:.72}
  body:not(.service-page) main.page-shell > .page-intro::after{right:13px;top:11%;font-size:86px}
  body:not(.service-page) main.page-shell > .page-intro h1{max-width:none}
  .service-hub > .hub-hero::before{right:-90px;top:15%;width:260px;opacity:.72}
  .section-head::before{width:44px}
  .solution-card:hover,.about-statement:hover,.about-profile:hover,.contact-command-copy:hover,.contact-command-channel:hover{transform:none}
  .service-page .service-hero h1,
  .hub-hero h1,
  .contact-command-hero h1{text-wrap:balance}
  .contact-command>.contact-command-hero{padding-top:38px}
  .contact-command-hero h1{font-size:clamp(35px,10vw,46px)}
  .mobile-title-break{display:inline}
  .cloud-service .service-background-scene .washi-moon{right:-54%;top:31%;opacity:.34}
  .cloud-service .service-background-scene .washi-vertical{opacity:.45}
  .game-service .service-background-scene .neb-art{bottom:-5%;opacity:.42}
}

/* Final wordmark copy */
.brand-name{font-family:"Songti SC","SimSun","STKaiti","KaiTi","Songti SC","SimSun",serif;font-size:26px;letter-spacing:.02em;color:#fffaf7!important;background-image:none!important;-webkit-text-fill-color:#fffaf7}
.brand-name::before{content:none!important}
.brand-tag{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#ffd1c8!important;background-image:none!important;-webkit-text-fill-color:#ffd1c8}
.brand-tag::before,.brand-tag::after{content:none!important}
@media(max-width:590px){.brand-name{font-size:22px}.brand-tag{font-size:7px;letter-spacing:.04em}}
@media(max-width:590px){.main-nav>a{display:none!important}.main-nav .nav-dropdown{display:none}.main-nav>a[href="portfolio.html"],.main-nav>a[href="insights.html"]{display:inline-flex!important}.main-nav{gap:9px}}

/* Shared navigation for the formal site pages. */
.site-head .main-nav.nav-enhanced{display:flex;align-items:center;flex:0 1 auto;gap:18px;min-width:0;margin-left:auto}
.site-head .main-nav.nav-enhanced>a,.site-head .main-nav.nav-enhanced .nav-dropdown>summary{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:58px;padding:0 3px;border:0;color:#b6c0be;white-space:nowrap;font-size:13px;font-weight:600;letter-spacing:0;transition:color .2s}
.site-head .main-nav.nav-enhanced>a::after,.site-head .main-nav.nav-enhanced .nav-dropdown>summary::before{content:none!important}
.site-head .main-nav.nav-enhanced>a::before,.site-head .main-nav.nav-enhanced .nav-dropdown>summary::after{content:"";position:absolute;left:3px;right:3px;bottom:6px;height:2px;background:linear-gradient(90deg,#ff9e8b,#72e6d2);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.site-head .main-nav.nav-enhanced>a:hover,.site-head .main-nav.nav-enhanced>a[aria-current="page"],.site-head .main-nav.nav-enhanced .nav-dropdown>summary:hover,.site-head .main-nav.nav-enhanced .nav-dropdown.is-current>summary,.site-head .main-nav.nav-enhanced .nav-dropdown[open]>summary{color:#f5f7f5}
.site-head .main-nav.nav-enhanced>a:hover::before,.site-head .main-nav.nav-enhanced>a[aria-current="page"]::before,.site-head .main-nav.nav-enhanced .nav-dropdown>summary:hover::after,.site-head .main-nav.nav-enhanced .nav-dropdown.is-current>summary::after,.site-head .main-nav.nav-enhanced .nav-dropdown[open]>summary::after{transform:scaleX(1)}
.site-head .main-nav.nav-enhanced .nav-dropdown>summary i{order:3;width:15px;height:18px;margin-left:1px;color:#8da39d}.site-head .main-nav.nav-enhanced .nav-dropdown>summary i::before{width:6px;height:6px}.site-head .main-nav.nav-enhanced .nav-dropdown[open]>summary i{color:#72e6d2}
.site-head .main-nav.nav-enhanced .nav-dropdown-menu{top:calc(100% + 9px);left:50%;right:auto;transform:translateX(-50%);width:322px;max-height:calc(100svh - 100px);overflow:auto;padding:7px;border:1px solid #42534e;background:#11191a;box-shadow:0 24px 55px rgba(0,0,0,.45)}
.site-head .main-nav.nav-enhanced .nav-dropdown-menu a{display:grid;width:100%;min-height:54px;padding:9px 11px;border-top-color:#293a36}.site-head .main-nav.nav-enhanced .nav-dropdown-menu a:hover,.site-head .main-nav.nav-enhanced .nav-dropdown-menu a[aria-current="page"]{background:#1c2b29}.site-head .main-nav.nav-enhanced .nav-dropdown-menu a[aria-current="page"]{box-shadow:inset 2px 0 #72e6d2}.site-head .main-nav.nav-enhanced .nav-dropdown-menu b{color:#72e6d2}.site-head .main-nav.nav-enhanced .nav-dropdown-menu strong{font-size:13px}.site-head .main-nav.nav-enhanced .nav-dropdown-menu small{font-size:10px;color:#9aaca7}.site-head .main-nav.nav-enhanced .nav-dropdown-menu i{color:#ff9e8b}
.site-head .nav-menu-toggle{display:none;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:0 12px;border:1px solid #465b55;background:#111c1b;color:#e8f0ed;font:600 11px/1 Arial,"Microsoft YaHei","PingFang SC",sans-serif;cursor:pointer}.site-head .nav-menu-toggle:focus-visible{outline:2px solid #ff9e8b;outline-offset:3px}.site-head .nav-menu-icon{position:relative;width:15px;height:11px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.site-head .nav-menu-icon::after{content:"";position:absolute;left:0;top:4px;width:15px;height:1px;background:currentColor}.site-head.nav-open .nav-menu-toggle{border-color:#72e6d2;color:#72e6d2}
@media(max-width:1100px){.site-head .main-nav.nav-enhanced{gap:12px}.site-head .main-nav.nav-enhanced>a,.site-head .main-nav.nav-enhanced .nav-dropdown>summary{gap:4px;font-size:12px}}
@media(max-width:980px){.site-head .head-inner{gap:12px}.site-head .nav-menu-toggle{display:inline-flex;flex:0 0 auto;margin-left:auto}.site-head .main-nav.nav-enhanced{display:none!important;position:absolute;z-index:60;top:100%;left:0;right:0;max-height:calc(100svh - 68px);overflow:auto;margin:0;padding:12px max(22px,calc((100vw - 1280px)/2)) 22px;border-bottom:1px solid #4b615a;background:rgba(13,20,21,.99);box-shadow:0 22px 35px rgba(0,0,0,.36)}.site-head.nav-open .main-nav.nav-enhanced{display:flex!important;flex-direction:column;align-items:stretch;gap:0}.site-head .main-nav.nav-enhanced>a,.site-head .main-nav.nav-enhanced .nav-dropdown>summary{display:flex!important;width:100%;min-height:50px;justify-content:flex-start;gap:9px;padding:0 8px;border-bottom:1px solid #2a3b37;font-size:15px}.site-head .main-nav.nav-enhanced .nav-dropdown{display:block!important;width:100%}.site-head .main-nav.nav-enhanced .nav-dropdown>summary i{margin-left:auto}.site-head .main-nav.nav-enhanced>a::before,.site-head .main-nav.nav-enhanced .nav-dropdown>summary::after{bottom:-1px}.site-head .main-nav.nav-enhanced .nav-dropdown-menu{position:static;width:100%;max-height:none;overflow:visible;transform:none;margin:0;padding:4px 0 9px 14px;border:0;border-bottom:1px solid #2a3b37;background:transparent;box-shadow:none}.site-head .main-nav.nav-enhanced .nav-dropdown:not([open]) .nav-dropdown-menu{display:none}.site-head .main-nav.nav-enhanced .nav-dropdown-menu a{min-height:50px;padding:8px}.site-head .main-nav.nav-enhanced .nav-dropdown-menu a:last-child{border-bottom:0}}
@media(max-width:420px){.site-head .head-inner{gap:8px}.site-head .nav-menu-toggle{width:36px;min-height:36px;padding:0}.site-head .nav-menu-text{display:none}.site-head .main-nav.nav-enhanced{padding:10px 14px 18px}.site-head .head-contact{flex:0 0 auto}.site-head .head-contact::after{display:inline-block;content:"咨询 ↗";font-size:10px;letter-spacing:0;color:inherit}}

/* Shared footer navigation */
.page-foot-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px}.page-foot-main .footer-friend-link{color:#b4c5c0}.page-foot-main .footer-friend-link:hover,.page-foot-links a:hover{color:#72e6d2}
@media(max-width:590px){.page-foot-links{margin-top:7px;gap:6px 18px}}
@media(max-width:420px){.site-head .head-contact{font-size:10px}.site-head .head-contact::after{content:none;display:none}}

/* Navigation surface */
.site-head{border-bottom:1px solid rgba(255,185,163,.2);box-shadow:0 10px 35px rgba(0,0,0,.12)}
.site-head .main-nav.nav-enhanced{gap:4px;margin-right:8px;padding:5px;border:1px solid rgba(188,214,207,.14);border-radius:7px;background:rgba(255,255,255,.035)}
.site-head .main-nav.nav-enhanced>a,.site-head .main-nav.nav-enhanced .nav-dropdown>summary{min-height:43px;gap:7px;padding:0 12px;border:1px solid transparent;border-radius:4px;color:#bdc8c4;font-size:13px;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.site-head .main-nav.nav-enhanced>a::before,.site-head .main-nav.nav-enhanced .nav-dropdown>summary::after{left:12px;right:12px;bottom:4px;height:1px;background:#ffab96}
.site-head .main-nav.nav-enhanced>a:hover,.site-head .main-nav.nav-enhanced>a:focus-visible,.site-head .main-nav.nav-enhanced>a[aria-current="page"],.site-head .main-nav.nav-enhanced .nav-dropdown>summary:hover,.site-head .main-nav.nav-enhanced .nav-dropdown>summary:focus-visible,.site-head .main-nav.nav-enhanced .nav-dropdown.is-current>summary,.site-head .main-nav.nav-enhanced .nav-dropdown[open]>summary{border-color:rgba(255,171,150,.24);background:rgba(255,171,150,.095);color:#fff6f1;box-shadow:inset 0 1px rgba(255,255,255,.055)}
.site-head .main-nav.nav-enhanced>a:focus-visible,.site-head .main-nav.nav-enhanced .nav-dropdown>summary:focus-visible,.site-head .main-nav.nav-enhanced .nav-dropdown-menu a:focus-visible{outline:2px solid #ffab96;outline-offset:2px}
.site-head .main-nav.nav-enhanced .nav-index{color:#829d97;font:700 9px/1 Arial,sans-serif;letter-spacing:0}
.site-head .main-nav.nav-enhanced>a:hover .nav-index,.site-head .main-nav.nav-enhanced>a[aria-current="page"] .nav-index,.site-head .main-nav.nav-enhanced .nav-dropdown:is(.is-current,[open]) .nav-index{color:#ffad99}
.site-head .main-nav.nav-enhanced .nav-dropdown>summary i{width:12px;margin-left:0;color:#91aaa3}
.site-head .main-nav.nav-enhanced .nav-dropdown-menu{top:calc(100% + 16px);width:336px;padding:8px;border:1px solid rgba(255,171,150,.27);border-radius:6px;background:#111a19;box-shadow:0 25px 55px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.07)}
@media(min-width:981px) and (hover:hover) and (pointer:fine){.site-head .main-nav.nav-enhanced .nav-dropdown[open]::after{content:"";position:absolute;z-index:49;top:100%;left:50%;width:336px;height:16px;transform:translateX(-50%)}}
.site-head .main-nav.nav-enhanced .nav-dropdown-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 12px 13px;border-bottom:1px solid #33413c}
.site-head .main-nav.nav-enhanced .nav-dropdown-head small{color:#80a69d;font:700 9px/1 Arial,sans-serif;letter-spacing:.1em}
.site-head .main-nav.nav-enhanced .nav-dropdown-head strong{color:#f8e1d9;font-size:14px;font-weight:600}
.site-head .main-nav.nav-enhanced .nav-dropdown-menu a{grid-template-columns:32px minmax(0,1fr) 18px;min-height:59px;border-top-color:#263733;border-radius:3px;transition:background .2s,padding-left .2s}
.site-head .main-nav.nav-enhanced .nav-dropdown-menu a:hover,.site-head .main-nav.nav-enhanced .nav-dropdown-menu a:focus-visible,.site-head .main-nav.nav-enhanced .nav-dropdown-menu a[aria-current="page"]{padding-left:16px;background:rgba(114,230,210,.09)}
.site-head .main-nav.nav-enhanced .nav-dropdown-menu b{color:#ffad99}.site-head .main-nav.nav-enhanced .nav-dropdown-menu i{color:#75d9c7}
.site-head .head-contact{min-height:45px;align-items:center;padding:0 17px;border:1px solid rgba(255,171,150,.55);border-radius:4px;background:rgba(255,158,139,.08);color:#ffe4db;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,transform .2s}
.site-head .head-contact:hover{transform:translateY(-2px);border-color:#ffad99;background:rgba(255,158,139,.18)}
.site-head .head-contact:focus-visible{outline:2px solid #ffad99;outline-offset:3px}
.site-head .nav-menu-toggle{min-height:42px;border-color:rgba(255,171,150,.4);border-radius:4px;background:rgba(255,171,150,.08);color:#ffe4db;font-size:12px}
.site-head.nav-open .nav-menu-toggle{border-color:#ffad99;background:rgba(255,171,150,.17);color:#fff4ef}
@media(max-width:1100px){.site-head .main-nav.nav-enhanced>a,.site-head .main-nav.nav-enhanced .nav-dropdown>summary{gap:5px;padding:0 9px;font-size:12px}.site-head .main-nav.nav-enhanced{gap:2px}}
@media(max-width:980px){.site-head .main-nav.nav-enhanced{margin:0;padding:14px max(22px,calc((100vw - 1280px)/2)) 20px;border:0;border-top:1px solid rgba(255,171,150,.2);border-bottom:1px solid rgba(255,171,150,.3);border-radius:0;background:#111a19}.site-head.nav-open .main-nav.nav-enhanced{gap:5px}.site-head .main-nav.nav-enhanced>a,.site-head .main-nav.nav-enhanced .nav-dropdown>summary{min-height:50px;gap:14px;padding:0 12px;border:1px solid transparent;border-bottom-color:#30403b;border-radius:3px;font-size:15px}.site-head .main-nav.nav-enhanced>a::before,.site-head .main-nav.nav-enhanced .nav-dropdown>summary::after{left:12px;right:12px;bottom:0}.site-head .main-nav.nav-enhanced .nav-index{width:18px;font-size:10px}.site-head .main-nav.nav-enhanced .nav-dropdown-menu{width:100%;padding:0 0 9px 24px;border:0;border-radius:0;background:transparent;box-shadow:none}.site-head .main-nav.nav-enhanced .nav-dropdown-head{padding:12px 8px 10px}.site-head .main-nav.nav-enhanced .nav-dropdown-menu a{min-height:56px}.site-head .head-contact{min-height:42px}}
@media(max-width:420px){.site-head .nav-menu-toggle{width:40px;min-height:40px}.site-head .head-contact{min-height:40px;padding:0 9px;font-size:10px}.site-head .main-nav.nav-enhanced{padding:10px 14px 18px}.site-head .main-nav.nav-enhanced .nav-dropdown-head strong{font-size:12px}}

/* Readable type steps for standard and high-resolution desktop screens. */
@media(min-width:981px){
  .site-head .main-nav.nav-enhanced>a,.site-head .main-nav.nav-enhanced .nav-dropdown>summary{font-size:15px;min-height:47px;padding-inline:10px}
  .site-head .main-nav.nav-enhanced .nav-index{font-size:10px}
  .site-head .main-nav.nav-enhanced .nav-dropdown-menu{width:368px}
  .site-head .main-nav.nav-enhanced .nav-dropdown-menu strong{font-size:15px}
  .site-head .main-nav.nav-enhanced .nav-dropdown-menu small{font-size:12px}
  .site-head .head-contact{font-size:14px}
  .eyebrow{font-size:11px}
  .section-head h2{font-size:27px}
  .page-intro>p,.hub-hero p,.contact-command-copy p:not(.eyebrow),.contact-command-channel p,.solution-card p,.hub-service>p,.service-overview-copy p,.service-overview-side p,.detail-row p,.service-step p,.flow-list p{font-size:16px}
  .page-foot{font-size:12px}
}
@media(min-width:2200px){
  .page-shell,.site-head .head-inner{width:min(calc(100% - 96px),1480px)}
  .service-page>.page-foot,.service-page .service-overview,.service-page .service-section,.service-page .service-flow,.service-page .service-cta{width:min(calc(100% - 96px),1480px)}
  .service-page .service-hero{padding-inline:max(48px,calc((100vw - 1480px)/2))}
  .site-head .brand-emblem{width:56px;height:56px}
  .site-head .brand-name{font-size:31px}
  .site-head .brand-tag{font-size:10px}
  .site-head .main-nav.nav-enhanced>a,.site-head .main-nav.nav-enhanced .nav-dropdown>summary{font-size:17px;min-height:52px;padding-inline:14px}
  .site-head .main-nav.nav-enhanced .nav-index{font-size:12px}
  .site-head .main-nav.nav-enhanced .nav-dropdown-menu{width:410px}
  .site-head .main-nav.nav-enhanced .nav-dropdown-menu strong{font-size:17px}
  .site-head .main-nav.nav-enhanced .nav-dropdown-menu small{font-size:13px}
  .site-head .head-contact{font-size:16px}
  .eyebrow{font-size:13px}
  .section-head h2{font-size:32px}
  .page-intro h1,.service-page .service-hero h1{font-size:90px}
  .hub-hero h1{font-size:88px}
  .contact-command-hero h1{font-size:68px}
  .page-intro>p,.hub-hero p,.contact-command-copy p:not(.eyebrow),.contact-command-channel p,.solution-card p,.hub-service>p,.service-overview-copy p,.service-overview-side p,.detail-row p,.service-step p,.flow-list p{font-size:18px}
  .hub-service-title h3{font-size:33px}
  .service-page .detail-row h3{font-size:29px}
  .service-page .deliverable-list li{font-size:17px}
  .page-foot{font-size:14px}
}
@media(max-width:980px){
  .site-head .main-nav.nav-enhanced>a,.site-head .main-nav.nav-enhanced .nav-dropdown>summary{font-size:16px}
  .site-head .main-nav.nav-enhanced .nav-dropdown-menu strong{font-size:15px}
  .site-head .main-nav.nav-enhanced .nav-dropdown-menu small{font-size:12px}
}

/* Mobile reading scale across service, about and contact pages. */
@media(max-width:700px){
  .eyebrow,.intro-kicker,.service-page .intro-kicker,.hub-service-title small{font-size:12px}
  .page-intro>p:not(.eyebrow),.hub-hero p,.service-page .service-hero>p,.service-overview-copy p,.service-overview-side p,.detail-row p,.service-step p,.service-cta p,.solution-card p,.solution-note p,.hub-service>p,.hub-combination p,.contact-command-copy p:not(.eyebrow),.contact-command-channel p,.guide-grid p,.about-profile p,.principle p,.availability p,.flow-list p,.service-detail-item p,.brief-list p,.contact-email-card p,.consultation-note p{font-size:15px;line-height:1.8}
  .intro-proof span,.hub-hero-proof span,.contact-command-proof span,.service-page .hero-proof span{font-size:13px;line-height:1.6}
  .service-page .deliverable-list li,.service-chip,.solution-services span,.hub-hero-tags span,.hub-service-tags span,.contact-service-select-list small,.contact-service-list small,.service-detail-item ul{font-size:13px;line-height:1.55}
  .service-cta a,.solution-note a,.hub-combination a,.contact-command-channel a,.hub-hero-action,.brief-action,.availability a,.contact-email-card a{font-size:14px}
  .page-foot,.page-foot-legal,.page-foot-links a{font-size:12px;line-height:1.75}
}
@media(max-width:420px){
  .site-head .head-contact{font-size:12px;padding-inline:10px}
  .site-head .nav-menu-toggle{width:42px;min-height:42px}
  .site-head .main-nav.nav-enhanced .nav-dropdown-head strong{font-size:14px}
  .site-head .main-nav.nav-enhanced .nav-dropdown-menu small{font-size:13px}
  .hub-service{grid-template-columns:35px minmax(0,1fr) 28px;gap:10px;padding-inline:12px}
  .hub-service:hover{padding-left:12px}
  .hub-service-tags{gap:6px}
}

/* Layout audit: readable cards and compact openings on smaller screens. */
@media(max-width:860px){
  .availability{flex-direction:column;align-items:stretch;gap:22px}
  .availability>div{min-width:0}
}
@media(max-width:980px){
  .contact-command>.contact-command-hero{min-height:0;padding-top:36px;padding-bottom:28px;gap:14px}
  .contact-command-copy,.contact-command-channel{min-height:0;padding:32px}
  .contact-command-channel h2{margin-top:26px}
}
@media(max-width:700px){
  .about-grid{grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:48px}
  .about-statement{min-height:0;padding:28px 24px}
  .about-statement p{font-size:clamp(28px,7.5vw,36px);line-height:1.5}
  .about-statement small{position:relative;display:block;left:auto;bottom:auto;margin-top:32px;line-height:1.6}
  .about-profile{min-height:0;padding:26px 24px;gap:24px}
  .about-profile h2{font-size:26px;line-height:1.4;text-wrap:pretty}
  .profile-mark{width:54px;height:54px}
  .profile-facts{margin-top:22px;padding-top:16px}
  .profile-facts span{font-size:11px}
  .profile-facts strong{font-size:13px}
  .availability{padding:25px 24px;gap:18px}
  .availability h2{font-size:24px;line-height:1.4}
  .service-hub>.hub-hero{min-height:0;padding-top:38px;padding-bottom:28px;margin-bottom:36px}
  .contact-command>.contact-command-hero{padding-top:26px;padding-bottom:22px;margin-bottom:30px;gap:12px}
  .contact-command-copy,.contact-command-channel{padding:26px 22px}
  .contact-command-hero h1{font-size:clamp(32px,9vw,46px);line-height:1.25}
  .contact-command-copy p:not(.eyebrow){margin-top:18px}
  .contact-command-proof{margin-top:22px}
  .contact-command-channel h2{margin-top:22px}
  .contact-command-channel a{margin-top:22px}
  .contact-command-channel small{margin-top:20px;font-size:10px;line-height:1.6;letter-spacing:.08em}
  .page-foot-main{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
  .page-foot-main .page-foot-links{margin-top:0;gap:10px 22px}
  .page-foot-main .page-foot-links a{margin-top:0;padding-block:6px}
}
@media(max-width:430px){
  .contact-command-proof span{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:baseline;gap:8px}
  .contact-command-proof b{margin-bottom:0;font-size:10px;letter-spacing:.06em}
}

/* Static HTML menus: desktop hover and keyboard focus are controlled by CSS. */
@media(min-width:981px){
  .site-head .nav-dropdown::details-content{display:contents;content-visibility:visible}
  .site-head .main-nav.nav-enhanced .nav-dropdown>.nav-dropdown-menu{display:block;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
  .site-head .main-nav.nav-enhanced .nav-dropdown:is([open],:focus-within):not(.is-dismissed)>.nav-dropdown-menu{visibility:visible;opacity:1;pointer-events:auto}
  .site-head .main-nav.nav-enhanced .nav-dropdown:is(:hover,:focus-within,[open])::after{content:"";position:absolute;z-index:50;top:100%;left:0;width:100%;height:17px;transform:none}
  .site-head .main-nav.nav-enhanced .nav-dropdown.is-dismissed>.nav-dropdown-menu{visibility:hidden;opacity:0;pointer-events:none}
}
@media(min-width:981px) and (hover:hover) and (pointer:fine){
  .site-head .main-nav.nav-enhanced .nav-dropdown:hover:not(.is-dismissed)>.nav-dropdown-menu{visibility:visible;opacity:1;pointer-events:auto}
  .site-head .main-nav.nav-enhanced .nav-dropdown:is(:hover,:focus-within):not(.is-dismissed)>summary{border-color:rgba(255,171,150,.24);background:rgba(255,171,150,.095);color:#fff6f1}
  .site-head .main-nav.nav-enhanced .nav-dropdown:is(:hover,:focus-within):not(.is-dismissed)>summary::after{transform:scaleX(1)}
  .site-head .main-nav.nav-enhanced .nav-dropdown:is(:hover,:focus-within):not(.is-dismissed)>summary i::before{transform:translateY(2px) rotate(225deg)}
}