:root{--paper:#f3efe5;--warm:#e8dfcf;--ink:#17201c;--jade:#29483c;--red:#a92f27;--muted:#667069;--line:#17201c29;--serif:"Prata",Georgia,serif;--sans:"Manrope",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--sans);margin:0;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12}h2{letter-spacing:-.035em;font-size:clamp(2.4rem,5vw,5.5rem)}.kicker,.micro{letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:600}.section-number{font-family:var(--serif);color:var(--red);letter-spacing:.12em;font-size:.8rem}.paper{background:#faf8f2}.header{z-index:10;border-bottom:1px solid #17201c1f;justify-content:space-between;align-items:center;height:96px;padding:0 clamp(24px,5vw,80px);display:flex;position:absolute;inset:0 0 auto}.wordmark{font-family:var(--serif);align-items:center;gap:13px;display:flex}.brand-logo{object-fit:cover;border-radius:18px;width:66px;height:66px}.brand-title{line-height:1.1;display:grid}.brand-title strong{font-family:var(--serif);white-space:nowrap;font-size:1.02rem;font-weight:400}.brand-title small{color:var(--red);font-family:var(--serif);letter-spacing:.12em;margin-top:6px;font-size:.82rem}.seal{display:none}.header nav{gap:32px;font-size:.82rem;display:flex}.header nav a,.header-link{transition:opacity .2s}.header nav a:hover,.header-link:hover{opacity:.55}.header-link{border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:.78rem;font-weight:600}.hero{align-items:center;min-height:100vh;padding:130px clamp(24px,8vw,140px) 80px;display:grid;position:relative;overflow:hidden}.hero-art{background:linear-gradient(90deg,#f3efe5fa 0%,#f3efe5c7 37%,#f3efe505 73%),url(/images/shanghai-ink-hero.webp) 50%/cover no-repeat;position:absolute;inset:0}.hero-copy{z-index:1;max-width:810px;position:relative}.hero h1{letter-spacing:-.045em;margin:18px 0 34px;font-size:clamp(3.5rem,7.6vw,8.5rem)}.hero h1 em{color:var(--red);font-style:normal}.hero-lead{color:#3d4842;max-width:680px;font-size:clamp(1rem,1.55vw,1.35rem)}.hero-actions{gap:12px;margin:38px 0 56px;display:flex}.button{border:1px solid var(--ink);letter-spacing:.04em;justify-content:center;align-items:center;min-height:52px;padding:0 26px;font-size:.78rem;font-weight:600;transition:transform .2s,background .2s,color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--ink);color:#fff}.button.ghost{background:#faf8f266}.hero-meta{border-top:1px solid var(--line);letter-spacing:.05em;gap:42px;padding-top:22px;font-size:.72rem;display:flex}.hero-meta span{align-items:center;gap:10px;display:flex}.hero-meta b{font-family:var(--serif);color:var(--red);font-size:1.6rem}.scroll-note{writing-mode:vertical-rl;letter-spacing:.18em;text-transform:uppercase;font-size:.6rem;position:absolute;bottom:48px;right:34px}.intro{grid-template-columns:80px minmax(320px,1.2fr) 1fr;gap:clamp(30px,5vw,90px);padding:120px clamp(24px,8vw,140px);display:grid}.intro h2{margin:18px 0;font-size:clamp(2.6rem,4.8vw,5.5rem)}.intro-text{color:#49534e;padding-top:35px;font-size:1.08rem}.intro-text p+p{margin-top:28px}.strategy{background:var(--jade);color:#f7f3e9;padding:130px clamp(24px,6vw,110px)}.section-heading{text-align:center;max-width:920px;margin:0 auto 80px}.section-heading .section-number{color:#d86a5d}.section-heading h2{margin:18px 0}.section-heading>p:last-child{color:#bdc8c1}.strategy-grid{border-top:1px solid #ffffff2e;border-left:1px solid #ffffff2e;grid-template-columns:repeat(3,1fr);max-width:1500px;margin:auto;display:grid}.feature{border-bottom:1px solid #ffffff2e;border-right:1px solid #ffffff2e;min-height:390px;padding:38px;position:relative}.feature-large{min-height:780px;color:var(--ink);background:#f7f3e9;flex-direction:column;grid-row:span 2;display:flex}.feature-large ul{border-top:1px solid var(--line);margin:auto 0 0;padding:0;list-style:none}.feature-large li{border-bottom:1px solid var(--line);padding:13px 0;font-size:.8rem}.feature h3{margin:16px 0 22px;font-size:clamp(1.65rem,2.3vw,2.8rem)}.feature p{color:#ccd4cf}.feature-large p{color:#59635e}.feature-index{color:#d36d62;font-family:var(--serif);position:absolute;top:22px;right:24px}.feature blockquote{color:#fff;font-family:var(--serif);border-left:2px solid #d36d62;margin:28px 0 0;padding-left:18px;font-size:1.1rem}.ink-card{background:#1b2923}.partnership{background:var(--red)}.maps{padding:130px clamp(24px,8vw,140px)}.maps-copy{max-width:980px}.maps h2{margin:18px 0 30px}.maps-copy>p:last-child{max-width:680px;color:var(--muted);font-size:1.05rem}.map-logic{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:28px;margin:80px 0 48px;display:grid}.map-logic div{border:1px solid var(--line);align-content:start;min-height:180px;padding:28px;display:grid}.map-logic span{color:var(--red);font-family:var(--serif)}.map-logic strong{font-family:var(--serif);margin:14px 0 8px;font-size:1.8rem}.map-logic small{color:var(--muted)}.map-logic i{color:var(--red);font-size:2rem;font-style:normal}.note{border-left:3px solid var(--red);background:var(--paper);padding:24px 28px}.roadmap{padding:130px clamp(24px,6vw,110px)}.compact{max-width:900px;margin-bottom:70px}.timeline{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);max-width:1500px;margin:auto;display:grid}.timeline article{border-right:1px solid var(--line);min-height:280px;padding:42px 30px;position:relative}.timeline article:before{content:"";background:var(--paper);border:2px solid var(--red);border-radius:50%;width:10px;height:10px;position:absolute;top:-7px;left:30px}.timeline article.active{background:#faf8f2}.timeline time{letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-size:.7rem}.timeline h3{margin:30px 0 16px;font-size:1.8rem}.timeline p{color:var(--muted);font-size:.9rem}.content-showcase{background:var(--warm);grid-template-columns:.7fr 1.3fr;min-height:650px;display:grid;overflow:hidden}.big-character{color:#a92f27d6;font-family:var(--serif);place-items:center;font-size:min(35vw,520px);line-height:1;display:grid}.showcase-copy{flex-direction:column;justify-content:center;padding:100px clamp(24px,7vw,110px);display:flex}.showcase-copy h2{max-width:800px;font-size:clamp(2.8rem,5vw,5.2rem)}.tags{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.tags span{border:1px solid #17201c3d;padding:9px 14px;font-size:.72rem}.terms{padding:130px clamp(24px,7vw,130px)}.terms-grid{grid-template-columns:repeat(3,1fr);max-width:1400px;margin:0 auto 70px;display:grid}.terms-grid article{border-left:1px solid var(--line);padding:35px}.terms-grid span{color:var(--red);font-family:var(--serif)}.terms-grid h3{margin:25px 0 14px;font-size:1.7rem}.terms-grid p{color:var(--muted)}.price-panel{background:var(--ink);color:#fff;grid-template-columns:1fr auto;align-items:center;gap:60px;max-width:1400px;margin:auto;padding:55px;display:grid}.price-panel>div:first-child{max-width:650px}.price-panel p:last-child{color:#bfc7c2}.price{text-align:right}.price strong,.price span,.price small{display:block}.price strong{font-family:var(--serif);font-size:clamp(2.3rem,4vw,4.8rem);font-weight:400}.price span{color:#e6877b}.price small{color:#aab4ae;margin-top:10px}.contact{text-align:center;background:var(--red);color:#fff;padding:150px 24px;position:relative;overflow:hidden}.contact-mark{font-family:var(--serif);color:#ffffff09;white-space:nowrap;font-size:38vw;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.contact>:not(.contact-mark){position:relative}.contact h2{max-width:1200px;margin:22px auto 28px;font-size:clamp(2.8rem,6vw,6.7rem)}.contact>p:not(.kicker){color:#f0cbc7}.contact-actions{justify-content:center;gap:12px;margin:42px 0 25px;display:flex}.contact .primary{color:var(--ink);background:#fff;border-color:#fff}.button.light{border-color:#fff9}.email{border-bottom:1px solid #ffffff80;font-size:.75rem}footer{color:#aab1ad;letter-spacing:.07em;background:#111815;justify-content:space-between;padding:28px clamp(24px,5vw,80px);font-size:.68rem;display:flex}@media (width<=980px){.header nav{display:none}.intro{grid-template-columns:50px 1fr}.intro-text{grid-column:2}.strategy-grid{grid-template-columns:repeat(2,1fr)}.feature-large{grid-row:auto;min-height:450px}.timeline{grid-template-columns:repeat(2,1fr)}.content-showcase{grid-template-columns:1fr}.big-character{height:310px;font-size:260px}.terms-grid,.price-panel{grid-template-columns:1fr}.price{text-align:left}.map-logic{grid-template-columns:1fr}.map-logic i{text-align:center;transform:rotate(90deg)}}@media (width<=640px){.header{height:70px}.header-link{display:none}.hero{align-items:start;min-height:900px;padding-top:110px}.hero-art{background:linear-gradient(#f3efe5f5 0%,#f3efe5e0 52%,#f3efe526 100%),url(/images/shanghai-ink-hero.webp) 65% bottom/auto 58% no-repeat}.hero h1{font-size:3.4rem}.hero-actions,.contact-actions{display:grid}.button{width:100%}.hero-meta{gap:10px;display:grid}.scroll-note{display:none}.intro{padding:85px 22px;display:block}.intro .section-number{margin-bottom:28px}.strategy,.maps,.roadmap,.terms{padding:90px 20px}.strategy-grid{grid-template-columns:1fr}.feature{min-height:auto;padding:34px 25px}.feature-large{min-height:540px}.section-heading{text-align:left;margin-bottom:50px}.timeline{grid-template-columns:1fr}.timeline article{min-height:auto}.showcase-copy{padding:70px 22px}.price-panel{padding:32px 24px}.price strong{font-size:2.5rem}.contact{padding:100px 20px}footer{text-align:center;gap:8px;display:grid}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.reveal{opacity:1;transition:none;transform:none}}.text-link{border-bottom:1px solid;margin-top:22px;padding-bottom:4px;font-size:.75rem;font-weight:600;display:inline-block}.gantt{grid-template-columns:.7fr 1.3fr;align-items:center;gap:70px;padding:120px clamp(24px,7vw,130px);display:grid}.gantt-copy h2{margin:18px 0 28px;font-size:clamp(2.5rem,4vw,4.8rem)}.gantt-copy>p:last-child{color:var(--muted)}.document-figure{border:1px solid var(--line);background:#fff;margin:0;padding:14px;box-shadow:0 18px 60px #17201c14}.document-figure img{width:100%;height:auto;display:block}.document-figure figcaption{color:var(--muted);padding:12px 4px 2px;font-size:.72rem}.document-figure.wide img{object-fit:contain;min-height:240px}.map-details,.seo-maps{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:70px;margin-top:100px;padding-top:90px;display:grid}.detail-copy h3,.seo-maps h3{margin:16px 0 25px;font-size:clamp(2rem,3vw,3.8rem)}.marker-list{gap:16px;margin-top:30px;display:grid}.marker-list>div{gap:14px;display:flex}.marker-list p{color:var(--muted);margin:0}.dot{background:#3386d8;border-radius:50%;flex:none;width:18px;height:18px;margin-top:5px}.dot.green{background:#50a230}.dot.brand{background:var(--red);box-shadow:0 0 0 4px #fff,0 0 0 6px var(--red)}.seo-maps ol{padding-left:22px}.seo-maps li{color:var(--muted);margin:15px 0}.phone-gallery{grid-template-columns:repeat(3,1fr);align-items:start;gap:12px;display:grid}.document-figure.phone{padding:7px}.document-figure.phone img{aspect-ratio:9/16;object-fit:cover;object-position:top}.document-figure.phone figcaption{font-size:.62rem}.crm{padding:130px clamp(24px,7vw,130px)}.crm-head{max-width:1000px}.crm-head h2{margin:18px 0 30px}.crm-head>p:last-child{max-width:760px;color:var(--muted)}.crm-target{align-items:center;gap:45px;margin:70px 0;display:flex}.crm-target>div{align-items:center;gap:18px;display:flex}.crm-target strong{font-family:var(--serif);color:var(--red);font-size:clamp(4rem,8vw,8rem);font-weight:400;line-height:1}.crm-target span{font-size:.8rem}.crm-target i{font-family:var(--serif);color:var(--line);font-size:4rem}.crm-steps{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.crm-steps article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px}.crm-steps span{color:var(--red);font-family:var(--serif)}.crm-steps h3{margin:18px 0 10px;font-size:1.55rem}.crm-steps p{color:var(--muted);font-size:.85rem}.channels{grid-template-columns:1fr 1fr;display:grid}.channel-card{background:var(--warm);min-height:460px;padding:90px clamp(24px,7vw,110px)}.channel-card.dark{background:var(--ink);color:#fff}.channel-card h2{margin:25px 0}.channel-card p:last-child{max-width:520px;color:var(--muted)}.channel-card.dark p:last-child{color:#b9c2bd}.video{grid-template-columns:1fr 1fr;gap:80px;padding:130px clamp(24px,7vw,130px);display:grid}.video h2{margin:18px 0 30px}.video>div:first-child>p:last-child{color:var(--muted)}.video-lists{grid-template-columns:1fr 1fr;gap:40px;display:grid}.video-lists h3{font-size:1.7rem}.video-lists ul{padding-left:18px}.video-lists li{color:var(--muted);margin:8px 0}.schools{background:var(--jade);color:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:130px clamp(24px,7vw,130px);display:grid}.schools h2{margin:18px 0 30px}.schools-copy>p:last-of-type{color:#c4cec8}.schools ul{columns:2;margin-top:30px;padding-left:18px}.schools li{color:#d7ded9;margin:10px 0}.schools .document-figure{transform:rotate(1deg)}.reporting-gallery{grid-template-columns:1.5fr 1fr;align-items:start;gap:24px;max-width:1400px;margin:0 auto 70px;display:grid}@media (width<=980px){.gantt,.map-details,.seo-maps,.video,.schools{grid-template-columns:1fr}.crm-steps{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.gantt,.crm,.video,.schools{padding:90px 20px}.crm-steps,.channels,.phone-gallery{grid-template-columns:1fr}.document-figure.phone img{aspect-ratio:auto}.crm-target{gap:12px}.crm-target>div{display:block}.crm-target strong{font-size:3.3rem}.crm-target i{font-size:2rem}.video-lists{grid-template-columns:1fr}.schools ul{columns:1}.reporting-gallery{grid-template-columns:1fr}}.site-plan{padding:130px clamp(24px,7vw,130px)}.site-plan-head{grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;max-width:1400px;margin:auto;display:grid}.site-plan h2{margin:18px 0 0}.ready-card{background:#fff7f2;border:1px solid #a92f274d;padding:32px;position:relative;box-shadow:0 18px 50px #a92f271a}.ready-dot{background:#3aa568;border-radius:50%;width:12px;height:12px;position:absolute;top:24px;right:24px;box-shadow:0 0 0 6px #3aa5681f}.ready-card strong{font-family:var(--serif);margin:12px 0 24px;font-size:1.35rem;display:block}.site-plan-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:1400px;margin:70px auto 0;display:grid}.site-plan-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px}.site-plan-grid span{color:var(--red);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem}.site-plan-grid h3{margin:24px 0 14px;font-size:1.9rem}.site-plan-grid p{color:var(--muted)}.site-plan-note{background:var(--warm);grid-template-columns:1fr auto;align-items:center;gap:50px;max-width:1400px;margin:auto;padding:30px 36px;display:grid}.site-plan-note p{margin:0}.site-plan-note strong{color:var(--red)}.channels.single{grid-template-columns:1fr}.channels.single .channel-card{min-height:340px}.direct{color:#f7f3e9;background:#19211e;padding:130px clamp(24px,7vw,130px)}.direct-head{max-width:1050px}.direct-head h2{margin:18px 0 30px}.direct-head>p:last-child{color:#bfc9c3;max-width:850px}.direct-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:1500px;margin:70px auto;display:grid}.direct-card{color:var(--ink);background:#f7f3e9;padding:42px}.direct-card.b2b{color:#fff;background:#a92f27}.direct-card h3{margin:16px 0 22px;font-size:clamp(2rem,3vw,3.3rem)}.direct-card>p:nth-of-type(2){min-height:78px;color:var(--muted)}.direct-card.b2b>p:nth-of-type(2){color:#f0cbc7}.direct-columns{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:28px;margin-top:35px;padding-top:28px;display:grid}.direct-card.b2b .direct-columns{border-color:#ffffff40}.direct-columns h4{letter-spacing:.14em;text-transform:uppercase;margin:0 0 15px;font-size:.7rem}.direct-columns ul{margin:0;padding-left:18px}.direct-columns li{margin:7px 0;font-size:.88rem}.direct-improve{border-top:1px solid #ffffff2e;border-left:1px solid #ffffff2e;grid-template-columns:1.2fr repeat(5,1fr);max-width:1500px;margin:auto;display:grid}.direct-improve>*{border-bottom:1px solid #ffffff2e;border-right:1px solid #ffffff2e;margin:0;padding:28px}.direct-improve span{color:#df7468;font-family:var(--serif)}.direct-improve p{color:#bfc9c3;font-size:.78rem}.direct-improve b{color:#fff}.schools-link{background:var(--red);color:#fff;justify-content:center;align-items:center;min-height:50px;margin-top:12px;font-size:.75rem;font-weight:600;display:flex}@media (width<=1100px){.direct-improve{grid-template-columns:repeat(3,1fr)}.direct-improve>.kicker{grid-column:1/-1}.site-plan-head{grid-template-columns:1fr}}@media (width<=760px){.site-plan,.direct{padding:90px 20px}.site-plan-grid,.direct-grid,.site-plan-note,.direct-columns{grid-template-columns:1fr}.direct-card>p:nth-of-type(2){min-height:auto}.direct-improve{grid-template-columns:1fr}.direct-improve>.kicker{grid-column:auto}}.header-actions{align-items:center;gap:28px;display:flex}.lang-switch{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf8f2b8;border-radius:20px;align-items:center;gap:2px;padding:3px;display:flex}.lang-option{letter-spacing:.02em;text-transform:uppercase;color:var(--ink);border-radius:20px;padding:5px 11px;font-size:.68rem;font-weight:600;transition:all .2s}.lang-option:hover{color:var(--red)}.lang-option[aria-current]{background:var(--ink);color:#fff;cursor:default}@media (width<=640px){.header{height:82px;padding-left:14px;padding-right:14px}.header-actions{gap:10px}.lang-option{padding:4px 8px;font-size:.62rem}.brand-logo{border-radius:14px;width:54px;height:54px}.brand-title strong{font-size:.78rem}.brand-title small{font-size:.66rem}.header-link{display:none}}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(25px)}.reveal.visible{opacity:1;transform:none}.gantt{grid-template-columns:.42fr 1.58fr}.gantt-figure{min-width:0}.gantt-scroll{background:#fff;border:1px solid #1f2a25;overflow-x:auto;box-shadow:0 18px 60px #17201c14}.gantt-table{grid-template-rows:58px 66px 54px 54px 54px 118px 54px 54px 74px;grid-template-columns:245px repeat(10,1fr);min-width:1500px;display:grid}.gantt-table>div{border-bottom:1px solid #17201c40;border-right:1px solid #17201c40;padding:6px;font-size:12px;line-height:1.25;overflow:hidden}.gantt-corner{grid-area:1/1}.gantt-month{grid-row:1;font-weight:600}.gantt-label{align-items:center;font-weight:600;display:flex;font-size:13px!important}.gantt-task{align-self:stretch}.site-one{background:#fff2c7;grid-area:2/2}.site-three{background:#fff2c7;grid-area:2/4}.site-four{background:#fff2c7;grid-area:2/5}.gantt-label:nth-of-type(12){grid-row:2}.maps-bar{background:#d9ead3;grid-area:3/3/auto/12}.crm-bar{background:#fce5cd;grid-area:4/4/auto/12}.eats-bar{background:#d9d2e9;grid-area:5/6/auto/12}.b2b-bar{background:#f4dce6;grid-area:6/6/auto/12}.direct-bar{background:#d9e7f7;grid-area:7/7/auto/12}.reels-bar{background:#d9e2f3;grid-area:8/7/auto/12}.vk-bar{background:#fff;grid-area:9/8/auto/12}.gantt-caption{color:var(--muted);margin:12px 0 0;font-size:.72rem}.gantt-scroll:focus{outline-offset:3px;outline:2px solid #a92f2759}@media (width<=980px){.gantt{grid-template-columns:1fr}.gantt-scroll{margin-top:10px}}.gantt-label{grid-column:1}