:root{--ink:#171717;--cream:#f7f5ef;--orange:#ff5b32;--purple:#b49aff;--blue:#90d9ee;--green:#b6e84d;--yellow:#ffd85c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans SC',sans-serif}.container{max-width:1180px;margin:0 auto;padding:0 28px}.site-header{position:sticky;top:0;background:rgba(247,245,239,.9);backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid #e7e3d9}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);text-decoration:none;font-weight:900;display:flex;align-items:center;gap:10px;font-size:17px}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--cream);width:30px;height:30px;border-radius:50%;font-family:'DM Sans';font-style:italic}.nav-links{display:flex;gap:34px;margin-left:auto;margin-right:36px}.nav-links a,.socials a{color:#5f5d58;text-decoration:none;font-size:13px}.nav-links a:hover,.socials a:hover{color:var(--orange)}.nav-cta{color:var(--ink);text-decoration:none;border:1px solid #cac7be;border-radius:30px;padding:11px 17px;font-size:13px}.nav-cta span,.text-link span,a span{margin-left:6px}.menu-btn{display:none;background:none;border:0;font-size:24px}.hero{display:grid;grid-template-columns:1.03fr .97fr;gap:50px;min-height:650px;align-items:center;padding-top:50px;padding-bottom:70px}.eyebrow{font:600 11px 'DM Sans';letter-spacing:2px;color:#85817a}.pulse{display:inline-block;width:8px;height:8px;background:var(--orange);border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(48px,6vw,78px);line-height:1.09;letter-spacing:-4px;margin:21px 0;color:var(--ink);font-weight:900}.hero h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-desc{font-size:16px;line-height:1.9;color:#67645e;max-width:480px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.btn{display:inline-flex;align-items:center;padding:15px 23px;border-radius:30px;text-decoration:none;font-size:13px;font-weight:700}.btn-primary{background:var(--ink);color:white}.btn-primary:hover{background:var(--orange)}.text-link{color:var(--ink);text-decoration:none;font-weight:700;font-size:13px}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:55px;color:#85817a;font-size:12px}.avatars{display:flex}.avatars span,.avatars b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--yellow);border:2px solid var(--cream);font-size:11px;margin-left:-6px}.avatars span:first-child{margin-left:0;background:var(--purple)}.avatars span:nth-child(3){background:var(--blue)}.avatars b{background:var(--ink);color:white;font-weight:500;width:37px;border-radius:20px}.hero-art{min-height:490px;position:relative}.shape{position:absolute;filter:drop-shadow(0 12px 24px rgba(0,0,0,.07))}.shape-yellow{width:260px;height:260px;right:18px;top:5px;background:var(--yellow);border-radius:58% 42% 46% 54%/50% 46% 54% 50%;transform:rotate(20deg)}.shape-purple{width:210px;height:260px;left:28px;bottom:15px;background:var(--purple);border-radius:56% 44% 57% 43%/39% 57% 43% 61%;transform:rotate(-17deg)}.shape-green{width:130px;height:175px;right:14px;bottom:35px;background:var(--green);border-radius:53% 47% 58% 42%/60% 53% 47% 40%;transform:rotate(23deg)}.art-card{position:absolute}.art-card-main{z-index:2;left:81px;top:87px;width:275px;height:323px;background:var(--orange);padding:28px;transform:rotate(-7deg);box-shadow:8px 14px 0 rgba(23,23,23,.12)}.card-label{font:700 9px 'DM Sans';letter-spacing:1.2px}.art-title{font-size:35px;line-height:1.12;margin-top:77px;letter-spacing:-2px}.art-title strong{font-size:40px}.art-line{height:1px;background:rgba(23,23,23,.5);margin-top:45px}.art-foot{display:flex;justify-content:space-between;margin-top:10px;font:600 9px 'DM Sans'}.art-sticker{z-index:3;position:absolute;right:6px;top:61px;background:var(--ink);color:white;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;text-align:center;line-height:1.12;font:700 13px 'DM Sans';transform:rotate(13deg)}.art-note{position:absolute;z-index:3;bottom:23px;left:10px;font-weight:700;font-size:14px;transform:rotate(-14deg)}.ticker{overflow:hidden;border-top:1px solid #dfdcd4;border-bottom:1px solid #dfdcd4;padding:16px 0}.ticker-track{display:flex;width:max-content;gap:30px;align-items:center;animation:scroll 22s linear infinite;font:700 12px 'DM Sans';letter-spacing:2px}.ticker i{font-style:normal;color:var(--orange);font-size:18px}@keyframes scroll{to{transform:translateX(-30%)}}.section{padding-top:125px;padding-bottom:125px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:53px}.section-head h2{font-size:52px;line-height:1.1;letter-spacing:-2px;margin:16px 0 0}.section-head>p{width:300px;line-height:1.8;color:#77736b;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fff;border:1px solid #ebe7de;min-height:300px;padding:26px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px rgba(23,23,23,.08)}.service-feature{background:var(--orange);color:var(--ink)}.service-num{font:700 11px 'DM Sans';opacity:.55}.service-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:21px;margin-top:23px;margin-bottom:27px}.icon-orange{background:#ffb09b}.icon-blue{background:var(--blue)}.icon-pink{background:#f7a7c8}.icon-green{background:var(--green)}.icon-purple{background:var(--purple)}.icon-yellow{background:var(--yellow)}.service-card h3{font-size:23px;margin:0 0 12px;letter-spacing:-1px}.service-card p{font-size:13px;color:#76726c;line-height:1.7;max-width:220px}.service-feature p{color:#503329}.service-card a{position:absolute;left:26px;bottom:25px;color:var(--ink);font-size:12px;font-weight:700;text-decoration:none}.service-art{position:absolute;font-size:130px;right:-8px;bottom:-45px;opacity:.17}.mini-shape{position:absolute;width:110px;height:110px;border-radius:50%;right:-25px;bottom:-25px;opacity:.35}.mini-shape.blue{background:var(--blue)}.mini-shape.pink{background:#f7a7c8}.mini-shape.green{background:var(--green)}.service-wide{grid-column:span 2;background:var(--purple);min-height:260px}.service-wide p{color:#51495f}.wide-word{position:absolute;right:17px;bottom:-25px;font:900 100px 'DM Sans';letter-spacing:-8px;opacity:.12}.about-band{background:var(--ink);color:var(--cream);padding:110px 0}.about-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:50px}.about-label{font:700 11px 'DM Sans';letter-spacing:2px;line-height:1.8;color:#b0aca4}.about-label span{color:#77736c;letter-spacing:0}.about-copy h2{font-size:48px;line-height:1.16;letter-spacing:-2px;margin:0}.about-copy h2 em{color:var(--yellow)}.about-copy p{max-width:520px;color:#aba8a1;font-size:14px;line-height:1.9;margin:28px 0 44px}.stats{display:flex;gap:66px}.stats div{display:flex;flex-direction:column}.stats b{font:700 37px 'DM Sans'}.stats b span{color:var(--orange)}.stats small{font-size:11px;color:#8f8c86;margin-top:6px}.about-scribble{color:var(--green);font:900 28px 'DM Sans';line-height:.9;transform:rotate(11deg);margin-top:10px}.about-scribble span{font-size:56px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.case{height:360px;padding:30px;position:relative;overflow:hidden}.case-orange{background:var(--yellow)}.case-dark{background:var(--blue)}.case-content span{font:700 10px 'DM Sans';letter-spacing:1px}.case h3{font-size:30px;line-height:1.25;letter-spacing:-1px;margin:75px 0 28px}.case b{font-size:11px}.case-symbol{position:absolute;font-size:240px;right:-15px;bottom:-62px;opacity:.17}.contact-section{background:var(--orange);padding:105px 0}.contact-inner{display:flex;justify-content:space-between;align-items:end}.contact-section h2{font-size:65px;line-height:1.05;letter-spacing:-3px;margin:18px 0 0}.contact-section h2 em{color:var(--ink)}.contact-right{max-width:310px}.contact-right p{font-size:14px;line-height:1.8;margin-bottom:27px}.btn-light{background:var(--ink);color:white}.btn-light:hover{background:white;color:var(--ink)}footer{background:var(--cream);padding:32px 0 25px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between}.footer-top>span{font-size:12px;color:#85817a}.socials{display:flex;gap:19px}.footer-bottom{border-top:1px solid #dedad1;margin-top:25px;padding-top:18px;color:#aaa69e;font-size:10px}
@media(max-width:760px){.container{padding:0 20px}.nav-links,.nav-cta{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding-top:60px}.hero h1{font-size:54px;letter-spacing:-3px}.hero-art{min-height:410px;margin-top:10px}.art-card-main{left:50%;transform:translateX(-50%) rotate(-7deg)}.shape-yellow{right:0}.shape-purple{left:0}.section{padding-top:80px;padding-bottom:80px}.section-head{display:block}.section-head>p{width:auto;margin-top:25px}.section-head h2{font-size:42px}.service-grid{grid-template-columns:1fr 1fr}.service-wide{grid-column:span 2}.service-card{min-height:280px;padding:20px}.service-card a{left:20px}.about-grid{grid-template-columns:1fr;gap:25px}.about-band{padding:75px 0}.about-copy h2{font-size:38px}.about-scribble{display:none}.stats{gap:28px}.stats b{font-size:28px}.case-grid{grid-template-columns:1fr}.case{height:300px}.case h3{margin-top:55px;font-size:26px}.contact-inner{display:block}.contact-section h2{font-size:52px}.contact-right{margin-top:45px}.footer-top{display:grid;gap:18px}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}}

/* Dynamic UI */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.case{cursor:pointer;transition:transform .3s,box-shadow .3s}.case-active{transform:scale(.985);box-shadow:inset 0 0 0 4px var(--ink)}
/* Production layout and interaction overrides */
body{font-family:'Microsoft YaHei','PingFang SC',system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #184db0;outline-offset:4px}[hidden]{display:none!important}section{scroll-margin-top:100px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.3px;margin-top:2px}.brand-mark{font-style:normal}.skip-link{position:fixed;left:12px;top:-80px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}.reading-progress{height:3px;background:var(--orange);position:fixed;top:0;left:0;width:100%;transform:scaleX(0);transform-origin:left;z-index:30}.hero h1{font-size:clamp(42px,5.2vw,66px);letter-spacing:-2px}.hero-copy,.hero-art,.about-copy{min-width:0}.service-card{min-height:360px}.service-wide{grid-column:auto}.service-card p{max-width:100%;line-height:1.9}.service-tags{font-size:11px;line-height:1.8;opacity:.75;margin:18px 0 45px}.service-card a{z-index:2}.service-art,.wide-word{pointer-events:none}.wide-word{font-size:65px;bottom:-15px}.filters,.scenario-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 25px}.filters button,.scenario-tabs button{padding:11px 20px;border:1px solid #cac7be;border-radius:24px;background:transparent;color:var(--ink);font-size:13px}.filters .active,.scenario-tabs .active{background:var(--ink);color:white;border-color:var(--ink)}.about-grid{grid-template-columns:.8fr 2.5fr .7fr;gap:35px}.about-copy h2{font-size:40px}.stats{gap:30px;justify-content:space-between}.case{cursor:default;height:auto;min-height:340px}.case h3{margin:42px 0 24px;white-space:pre-line}.case p{font-size:14px;line-height:1.9;max-width:370px}.case-content{position:relative;z-index:1}.case-symbol{pointer-events:none}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:70px}.process-grid article{border-top:1px solid #ccc6bb;padding-top:22px}.process-grid b{color:var(--orange);font-size:22px}.process-grid h3{font-size:18px}.process-grid p{font-size:13px;color:#67645e;line-height:1.8}.contact-inner{gap:60px;align-items:start}.contact-intro{font-size:15px;line-height:1.9;margin-top:30px}.inquiry-form{width:440px;max-width:100%}.inquiry-form label{display:block;font-size:13px;font-weight:700;margin-bottom:10px}.inquiry-form select,.inquiry-form textarea{display:block;width:100%;padding:14px;border:1px solid #b94426;background:#fff9f0;border-radius:8px;color:#171717;margin-bottom:22px}.inquiry-form textarea{resize:vertical}.form-note,.form-status{font-size:12px;line-height:1.8}.inquiry-form .btn{border:0;margin-top:8px}.contact-section .eyebrow{color:#402317}.footer-bottom{color:#67645e}.shape-yellow{animation:float-a 8s ease-in-out infinite}.shape-purple{animation:float-b 9s ease-in-out infinite}.shape-green{animation:float-a 7s ease-in-out infinite reverse}.art-sticker{animation:sticker 8s ease-in-out infinite}@keyframes float-a{50%{translate:0 -18px}}@keyframes float-b{50%{translate:10px 13px}}@keyframes sticker{50%{transform:rotate(-8deg)}}
@media(max-width:1000px){.nav-links{gap:20px;margin-right:20px}.hero{gap:15px}.hero-art{scale:.88}.about-grid{grid-template-columns:1fr 3fr}.about-scribble{display:none}}
@media(max-width:760px){.nav-links.open{display:flex;position:absolute;top:78px;left:0;right:0;margin:0;padding:22px;background:var(--cream);flex-direction:column;border-bottom:1px solid #ccc}.nav-links a{padding:8px}.hero{padding-top:45px;gap:0}.hero h1{font-size:clamp(38px,8vw,54px);letter-spacing:-1px}.hero-art{scale:1}.about-grid{grid-template-columns:1fr}.about-copy h2{font-size:34px}.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:390px}.service-wide{grid-column:auto}.stats{gap:15px}.stats small{font-size:10px}.case{min-height:330px}.case h3{font-size:26px}.process-grid{grid-template-columns:1fr 1fr}.contact-inner{display:block}.inquiry-form{margin-top:35px;width:100%}.contact-section{padding:75px 0}.footer-top{gap:20px}.footer-top .brand{font-size:17px}.hero-proof{font-size:11px}.hero-actions{gap:18px}}
@media(max-width:430px){.service-grid{grid-template-columns:1fr}.service-card{min-height:340px}.hero-art{min-height:430px}.art-card-main{width:245px;left:48%;padding:24px}.art-title strong{font-size:35px}.art-sticker{right:0;top:45px}.stats b{font-size:30px}.filters button,.scenario-tabs button{font-size:12px;padding:10px 13px}.contact-section h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

@media(max-width:760px){.hero-art{overflow:hidden}}