@font-face{font-family:Case Manrope;src:url(/fonts/cases/manrope-latin-wght-normal.woff2)format("woff2");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Case JetBrains Mono;src:url(/fonts/cases/jetbrains-mono-latin-wght-normal.woff2)format("woff2");font-style:normal;font-weight:100 800;font-display:swap}[data-project=liulian]{--blue:#3f77e4;--blue-bright:#4680ff;--blue-deep:#173c88;--navy:#0d2045;--ink:#253047;--muted:#707a8f;--paper:#f7f9fd;--white:#fff;--line:#25304724;--pink:#fb617f;--yellow:#feb64d;--green:#a8d269;--purple:#8b7fc7;--aqua:#0abbb5;--display:"Case Manrope", "Helvetica Neue", Arial, sans-serif;--mono:"Case JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--shell:min(1440px, calc(100vw - 80px));--narrow:min(1160px, calc(100vw - 80px))}[data-project=liulian] *{box-sizing:border-box}[data-project=liulian]{scroll-behavior:smooth;background:var(--paper);color:var(--ink);font-family:var(--display);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;scroll-padding-top:72px;font-size:16px;line-height:1.6}[data-project=liulian]::selection{color:var(--navy);background:#cfe0ff}[data-project=liulian] a{color:inherit;text-decoration:none}[data-project=liulian] img{display:block}[data-project=liulian] h1,[data-project=liulian] h2,[data-project=liulian] h3,[data-project=liulian] p,[data-project=liulian] figure,[data-project=liulian] blockquote,[data-project=liulian] dl,[data-project=liulian] dd{margin:0}[data-project=liulian] ul,[data-project=liulian] ol{margin:0;padding:0}[data-project=liulian] :focus-visible{outline:3px solid var(--pink);outline-offset:4px}[data-project=liulian] .skip-link{z-index:100;background:var(--navy);color:#fff;font-family:var(--mono);border-radius:8px;padding:10px 14px;font-size:.72rem;transition:transform .18s;position:fixed;top:10px;left:10px;transform:translateY(-160%)}[data-project=liulian] .skip-link:focus{transform:translateY(0)}[data-project=liulian] .case-nav{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid #25304721;grid-template-columns:1fr auto 1fr;align-items:center;min-height:68px;padding:10px 32px;display:grid;position:fixed;top:0;left:0;right:0}[data-project=liulian] .case-nav__brand{letter-spacing:.12em;justify-self:start;align-items:center;gap:10px;font-size:.74rem;font-weight:800;display:inline-flex}[data-project=liulian] .case-nav__brand img{border-radius:9px;box-shadow:0 5px 12px #fb617f3d}[data-project=liulian] .case-nav__links{align-items:center;gap:25px;display:flex}[data-project=liulian] .case-nav__links a,[data-project=liulian] .case-nav__index{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:650}[data-project=liulian] .case-nav__links a{transition:color .16s}[data-project=liulian] .case-nav__links a:hover{color:var(--blue)}[data-project=liulian] .case-nav__index{color:var(--muted);justify-self:end}[data-project=liulian] .hero{background:#fff;grid-template-columns:minmax(380px,.86fr) minmax(600px,1.14fr);min-height:900px;padding-top:68px;display:grid;position:relative;overflow:hidden}[data-project=liulian] .hero__grid{pointer-events:none;opacity:.48;background-image:linear-gradient(#3f77e412 1px,#0000 1px),linear-gradient(90deg,#3f77e412 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:68px 0 0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 58%);mask-image:linear-gradient(90deg,#000,#0000 58%)}[data-project=liulian] .hero__copy{z-index:3;flex-direction:column;justify-content:center;padding:100px 4vw 82px max(40px,50vw - 720px);display:flex;position:relative}[data-project=liulian] .kicker,[data-project=liulian] .eyebrow{color:var(--blue);font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:700}[data-project=liulian] .hero h1{color:var(--navy);letter-spacing:-.075em;margin-top:28px;font-size:clamp(4.5rem,8vw,9rem);font-weight:850;line-height:.78}[data-project=liulian] .hero h1 span{color:var(--blue);display:block}[data-project=liulian] .hero__subtitle{color:var(--navy);letter-spacing:-.035em;margin-top:42px;font-size:clamp(1.4rem,2.1vw,2.5rem);font-weight:700;line-height:1.1}[data-project=liulian] .hero__summary{color:#566078;max-width:590px;margin-top:22px;font-size:clamp(.98rem,1.25vw,1.15rem);line-height:1.72}[data-project=liulian] .text-link{border-bottom:1px solid var(--blue);width:fit-content;color:var(--blue-deep);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:18px;margin-top:40px;padding-bottom:7px;font-size:.7rem;font-weight:700;display:inline-flex}[data-project=liulian] .hero__visual{z-index:2;background:linear-gradient(145deg,#315fca 0%,#3f77e4 52%,#5c8fff 100%);min-width:0;position:relative;overflow:hidden}[data-project=liulian] .hero__visual:before,[data-project=liulian] .hero__visual:after{z-index:0;content:"";border:1px solid #ffffff3d;border-radius:50%;position:absolute}[data-project=liulian] .hero__visual:before{width:740px;height:740px;top:-14%;right:-18%;box-shadow:0 0 0 100px #ffffff09,0 0 0 210px #ffffff07}[data-project=liulian] .hero__visual:after{width:560px;height:560px;bottom:-28%;left:-24%;box-shadow:0 0 0 76px #ffffff07}[data-project=liulian] .hero__web{z-index:1;aspect-ratio:1.33;background:#fff;border:1px solid #ffffff6b;border-radius:18px;width:91%;position:absolute;top:18%;right:-9%;overflow:hidden;transform:perspective(1400px)rotateY(-9deg)rotate(-1.5deg);box-shadow:-24px 40px 70px #09276b59}[data-project=liulian] .hero__web img{object-fit:cover}[data-project=liulian] .hero__phone{z-index:3;background:#fff;border:7px solid #fff;border-radius:26px;position:absolute;overflow:hidden;box-shadow:0 28px 50px #08225761}[data-project=liulian] .hero__phone img{object-fit:cover;object-position:top}[data-project=liulian] .hero__phone--home{aspect-ratio:.49;width:25%;bottom:7%;left:10%;transform:rotate(-5deg)}[data-project=liulian] .hero__phone--schedule{aspect-ratio:.49;width:22%;bottom:-9%;right:7%;transform:rotate(5deg)}[data-project=liulian] .hero__visual-note{z-index:4;color:#ffffffd9;font-family:var(--mono);letter-spacing:.12em;font-size:.62rem;position:absolute;top:95px;left:7%}[data-project=liulian] .project-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1.18fr .62fr 1fr 1.08fr;width:100%;display:grid}[data-project=liulian] .project-facts>div{border-right:1px solid var(--line);min-height:120px;padding:28px 3vw}[data-project=liulian] .project-facts>div:last-child{border-right:0}[data-project=liulian] .project-facts span,[data-project=liulian] .overview-grid span,[data-project=liulian] .scope-card>span,[data-project=liulian] .input-map span,[data-project=liulian] .web-feature__caption span,[data-project=liulian] .reflection-grid article>span,[data-project=liulian] .team-shift>span,[data-project=liulian] .mobile-principles span{color:var(--blue);font-family:var(--mono);letter-spacing:.11em;font-size:.62rem;font-weight:700}[data-project=liulian] .project-facts p{max-width:320px;color:var(--ink);margin-top:8px;font-size:.85rem;font-weight:650;line-height:1.45}[data-project=liulian] .section{padding:138px 0}[data-project=liulian] .section>*{width:var(--shell);margin-inline:auto}[data-project=liulian] .section-head{grid-template-columns:260px minmax(0,1fr);align-items:start;margin-bottom:82px;display:grid}[data-project=liulian] .section-head__marker{color:var(--blue);font-family:var(--mono);grid-template-columns:auto 52px 1fr;align-items:center;gap:13px;padding-top:10px;display:grid}[data-project=liulian] .section-head__marker>span{font-size:.72rem;font-weight:700}[data-project=liulian] .section-head__marker i{background:currentColor;height:1px}[data-project=liulian] .section-head__marker small{letter-spacing:.1em;font-size:.62rem;font-weight:700}[data-project=liulian] .section-head__copy h2{max-width:980px;color:var(--navy);letter-spacing:-.06em;font-size:clamp(2.7rem,5vw,5.7rem);font-weight:760;line-height:.98}[data-project=liulian] .section-head__copy>p{color:#647088;max-width:760px;margin-top:30px;font-size:1.05rem;line-height:1.75}[data-project=liulian] .section-head--inverse .section-head__marker,[data-project=liulian] .section-head--inverse .section-head__copy h2{color:#fff}[data-project=liulian] .section-head--inverse .section-head__copy>p{color:#ffffffad}[data-project=liulian] .section--overview{background:var(--paper)}[data-project=liulian] .overview-grid{border:1px solid var(--line);background:var(--line);border-radius:18px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}[data-project=liulian] .overview-grid article{background:#fff;min-height:330px;padding:40px}[data-project=liulian] .overview-grid h3{color:var(--navy);letter-spacing:-.035em;margin-top:54px;font-size:clamp(1.35rem,2vw,2rem);line-height:1.18}[data-project=liulian] .overview-grid p{color:var(--muted);margin-top:20px}[data-project=liulian] .overview-thesis{border-top:1px solid var(--line);grid-template-columns:1.3fr .7fr;align-items:end;gap:80px;margin-top:90px;padding-top:56px;display:grid}[data-project=liulian] .overview-thesis>p{max-width:900px;color:var(--navy);letter-spacing:-.055em;font-size:clamp(2rem,4vw,4.35rem);font-weight:650;line-height:1.04}[data-project=liulian] .overview-thesis em{color:var(--blue);font-style:normal}[data-project=liulian] .overview-thesis small{color:var(--muted);font-size:.72rem;line-height:1.7}[data-project=liulian] .overview-thesis small a{color:var(--blue);font-family:var(--mono);letter-spacing:.08em;margin-top:12px;font-size:.62rem;font-weight:700;display:inline-block}[data-project=liulian] .section--challenge{background:var(--navy);color:#fff;position:relative;overflow:hidden}[data-project=liulian] .section--challenge:before{opacity:.3;content:"";background-image:radial-gradient(circle at 74% 20%,#4680ffb3,#0000 33%),linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:auto,64px 64px,64px 64px;position:absolute;inset:0}[data-project=liulian] .section--challenge>*{position:relative}[data-project=liulian] .before-after{border:1px solid #ffffff2b;border-radius:20px;grid-template-columns:1fr 250px 1fr;display:grid}[data-project=liulian] .before-after article{min-height:470px;padding:52px}[data-project=liulian] .before-after article>span{font-family:var(--mono);letter-spacing:.12em;font-size:.65rem;font-weight:700}[data-project=liulian] .before-after__legacy{background:#ffffff09}[data-project=liulian] .before-after__legacy>span{color:#aebbd3}[data-project=liulian] .before-after__target{background:var(--blue)}[data-project=liulian] .before-after__target>span{color:#fff}[data-project=liulian] .before-after h3{letter-spacing:-.045em;max-width:500px;margin-top:60px;font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.05}[data-project=liulian] .before-after ul{color:#ffffffb3;gap:12px;margin-top:40px;font-size:.9rem;list-style:none;display:grid}[data-project=liulian] .before-after li:before{color:var(--green);content:"↳";margin-right:12px}[data-project=liulian] .before-after__signal{color:#96b7ff;font-family:var(--mono);letter-spacing:.1em;border-left:1px solid #ffffff2b;border-right:1px solid #ffffff2b;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:.62rem;display:flex}[data-project=liulian] .before-after__signal i{color:#fff;font-family:var(--display);font-size:3.2rem;font-style:normal}[data-project=liulian] .challenge-question{color:#ffffffed;letter-spacing:-.05em;max-width:1080px;margin-top:90px;font-size:clamp(2rem,4vw,4.1rem);font-weight:580;line-height:1.08}[data-project=liulian] .challenge-question span{color:#8fb2ff;font-family:var(--mono);letter-spacing:.12em;margin-bottom:24px;font-size:.62rem;display:block}[data-project=liulian] .section--role{background:#fff}[data-project=liulian] .role-flow{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}[data-project=liulian] .role-flow article{border-right:1px solid var(--line);min-height:275px;padding:34px}[data-project=liulian] .role-flow article:last-child{border-right:0}[data-project=liulian] .role-flow article>span,[data-project=liulian] .insight-grid article>span,[data-project=liulian] .domain-card>span{color:var(--blue);font-family:var(--mono);font-size:.65rem;font-weight:700}[data-project=liulian] .role-flow h3{color:var(--navy);letter-spacing:-.035em;margin-top:58px;font-size:1.7rem}[data-project=liulian] .role-flow p{color:var(--muted);margin-top:12px;font-size:.86rem}[data-project=liulian] .scope-grid{grid-template-columns:1.2fr 1fr 1fr;gap:18px;margin-top:76px;display:grid}[data-project=liulian] .scope-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;min-height:350px;padding:38px}[data-project=liulian] .scope-card--owned{box-shadow:inset 5px 0 var(--blue);background:#edf3ff}[data-project=liulian] .scope-card--collaborated{box-shadow:inset 5px 0 var(--green)}[data-project=liulian] .scope-card--not-owned{box-shadow:inset 5px 0 #bdc3ce}[data-project=liulian] .scope-card ul,[data-project=liulian] .reflection-grid ul{color:#566178;gap:17px;margin-top:48px;list-style:none;display:grid}[data-project=liulian] .scope-card li,[data-project=liulian] .reflection-grid li{padding-left:20px;position:relative}[data-project=liulian] .scope-card li:before,[data-project=liulian] .reflection-grid li:before{color:var(--blue);content:"·";position:absolute;left:0}[data-project=liulian] .team-shift{background:var(--navy);color:#fff;border-radius:20px;grid-template-columns:180px 1fr 270px;align-items:start;gap:40px;margin-top:90px;padding:52px;display:grid}[data-project=liulian] .team-shift__year{color:#8eb1ff;font-family:var(--mono);font-size:3rem;font-weight:700}[data-project=liulian] .team-shift p{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.5}[data-project=liulian] .team-shift>span{color:#8eb1ff;line-height:1.8}[data-project=liulian] .section--thinking{background:#eef3fc}[data-project=liulian] .input-map{grid-template-columns:1fr .7fr;gap:20px;display:grid}[data-project=liulian] .input-map__sources{border:1px solid var(--line);background:var(--line);border-radius:18px;grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}[data-project=liulian] .input-map__sources article{background:#fff;min-height:210px;padding:34px}[data-project=liulian] .input-map__sources p{color:var(--navy);margin-top:52px;font-weight:650}[data-project=liulian] .input-map__core{background:var(--blue);color:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:421px;padding:42px;display:flex;position:relative;overflow:hidden}[data-project=liulian] .input-map__core:after{content:"";border:1px solid #ffffff40;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-170px;right:-120px;box-shadow:0 0 0 60px #ffffff0a,0 0 0 120px #ffffff08}[data-project=liulian] .input-map__core span{color:#fff}[data-project=liulian] .input-map__core strong{z-index:1;letter-spacing:-.055em;max-width:560px;font-size:clamp(2rem,3.4vw,4rem);line-height:1.05;position:relative}[data-project=liulian] .insight-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:100px;display:grid}[data-project=liulian] .insight-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#eef3fc;min-height:340px;padding:42px}[data-project=liulian] .insight-grid h3{max-width:520px;color:var(--navy);letter-spacing:-.045em;margin-top:72px;font-size:clamp(1.7rem,2.8vw,2.8rem);line-height:1.1}[data-project=liulian] .insight-grid p{max-width:560px;color:var(--muted);margin-top:20px}[data-project=liulian] .section--system{background:#fff}[data-project=liulian] .feature-map{grid-template-columns:.62fr 1.38fr;gap:20px;display:grid}[data-project=liulian] .feature-map__core{background:var(--navy);color:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:610px;display:flex;position:relative;overflow:hidden}[data-project=liulian] .feature-map__core:before,[data-project=liulian] .feature-map__core:after{content:"";border:1px solid #ffffff24;border-radius:50%;position:absolute}[data-project=liulian] .feature-map__core:before{width:380px;height:380px}[data-project=liulian] .feature-map__core:after{width:520px;height:520px}[data-project=liulian] .feature-map__core img{z-index:1;border-radius:26px;position:relative;box-shadow:0 24px 48px #00000052}[data-project=liulian] .feature-map__core>span,[data-project=liulian] .feature-map__core>small{z-index:1;font-family:var(--mono);letter-spacing:.12em;position:relative}[data-project=liulian] .feature-map__core>span{margin-top:32px;font-size:.76rem;font-weight:700}[data-project=liulian] .feature-map__core>small{color:#91b2f7;margin-top:8px;font-size:.56rem}[data-project=liulian] .feature-map__domains{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}[data-project=liulian] .domain-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;min-height:295px;padding:34px;position:relative;overflow:hidden}[data-project=liulian] .domain-card:after{background:var(--card-accent);opacity:.2;content:"";border-radius:50%;width:150px;height:150px;position:absolute;top:-52px;right:-52px}[data-project=liulian] .domain-card--pink{--card-accent:var(--pink)}[data-project=liulian] .domain-card--yellow{--card-accent:var(--yellow)}[data-project=liulian] .domain-card--green{--card-accent:var(--green)}[data-project=liulian] .domain-card--blue{--card-accent:var(--blue)}[data-project=liulian] .domain-card h3{color:var(--navy);letter-spacing:-.04em;margin-top:54px;font-size:clamp(1.45rem,2.2vw,2.2rem)}[data-project=liulian] .domain-card p{color:var(--muted);margin-top:18px}[data-project=liulian] .role-platform{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center;margin-top:86px;padding:50px 0;display:grid}[data-project=liulian] .role-platform>div{text-align:center}[data-project=liulian] .role-platform span{color:var(--blue);font-family:var(--mono);letter-spacing:.1em;font-size:.62rem}[data-project=liulian] .role-platform strong{color:var(--navy);margin-top:20px;font-size:1.55rem;display:block}[data-project=liulian] .role-platform p{max-width:320px;color:var(--muted);margin:12px auto 0;font-size:.85rem}[data-project=liulian] .role-platform>i{color:var(--blue);text-align:center;font-size:2rem;font-style:normal}[data-project=liulian] .visual-logic{isolation:isolate;background:radial-gradient(circle at 92% 4%,#4680ff21,#0000 25%),linear-gradient(135deg,#f8faff 0%,#eef4ff 100%);border-radius:32px;margin-top:110px;padding:64px;position:relative;overflow:hidden}[data-project=liulian] .visual-logic:before,[data-project=liulian] .visual-logic:after{z-index:-1;content:"";border:1px solid #3f77e41f;border-radius:50%;position:absolute}[data-project=liulian] .visual-logic:before{width:660px;height:660px;top:-360px;right:-250px;box-shadow:0 0 0 82px #3f77e405}[data-project=liulian] .visual-logic:after{width:600px;height:600px;bottom:-390px;left:20%}[data-project=liulian] .visual-logic__copy{z-index:3;border-bottom:1px solid #3f77e424;grid-template-columns:minmax(300px,.82fr) minmax(360px,1.18fr);align-items:end;gap:8vw;padding-bottom:42px;display:grid;position:relative}[data-project=liulian] .visual-logic__headline h3{max-width:440px;color:var(--navy);letter-spacing:-.06em;margin-top:24px;font-size:clamp(2.7rem,4vw,4.6rem);line-height:.94}[data-project=liulian] .visual-logic__summary>p{max-width:610px;color:var(--muted);font-size:.94rem;line-height:1.65}[data-project=liulian] .visual-logic__palette{color:var(--ink);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:auto minmax(180px,280px);align-items:center;gap:18px;margin-top:24px;font-size:.58rem;font-weight:700;display:grid}[data-project=liulian] .visual-logic__palette>span{color:var(--blue)}[data-project=liulian] .visual-logic__palette>div{gap:6px;width:100%;display:flex}[data-project=liulian] .visual-logic__palette i{background:var(--swatch);border-radius:999px;flex:1;height:10px;box-shadow:inset 0 0 0 1px #ffffff6b}[data-project=liulian] .visual-logic__palette i:nth-child(2),[data-project=liulian] .visual-logic__palette i:nth-child(5){flex:.72}[data-project=liulian] .visual-logic__ecosystem{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px;display:grid;position:relative}[data-project=liulian] .visual-logic__ecosystem:before{z-index:-1;opacity:.18;content:"";background-image:radial-gradient(#3f77e457 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:8% 2%;-webkit-mask-image:linear-gradient(90deg,#0000 2%,#000 24% 76%,#0000 98%);mask-image:linear-gradient(90deg,#0000 2%,#000 24% 76%,#0000 98%)}[data-project=liulian] .visual-logic__orbit{border:1px solid #3f77e41a;border-radius:24px;width:100%;padding:30px;position:relative;overflow:hidden;box-shadow:0 18px 50px #2a4b880f}[data-project=liulian] .visual-logic__orbit--product{background:#fff9}[data-project=liulian] .visual-logic__orbit--website{background:linear-gradient(145deg,#ffffffe6,#f3f8ffd1)}[data-project=liulian] .visual-logic__orbit>header{min-height:112px}[data-project=liulian] .visual-logic__orbit>header span{color:var(--blue);font-family:var(--mono);letter-spacing:.1em;font-size:.55rem;font-weight:700}[data-project=liulian] .visual-logic__orbit>header h4{color:var(--navy);letter-spacing:-.03em;margin:10px 0 0;font-size:1.3rem}[data-project=liulian] .visual-logic__orbit>header p{max-width:330px;color:var(--muted);margin-top:8px;font-size:.7rem;line-height:1.5}[data-project=liulian] .visual-logic__icons{border-top:1px solid #3f77e41a;grid-template-columns:repeat(4,1fr);gap:14px 8px;margin-top:18px;padding-top:22px;display:grid}[data-project=liulian] .visual-logic__icon{min-width:0;min-height:96px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:.53rem;line-height:1.3;transition:transform .22s,filter .22s;display:flex}[data-project=liulian] .visual-logic__icon:hover{filter:saturate(1.08);transform:translateY(-4px)scale(1.025)}[data-project=liulian] .visual-logic__icon--product img{border-radius:14px;box-shadow:0 13px 26px #1e438724}[data-project=liulian] .visual-logic__icon-disc{background:#fffc;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 16px 30px #1e43871a}[data-project=liulian] .visual-logic__icon-disc img{object-fit:contain}[data-project=liulian] .visual-logic--enhanced .visual-logic__copy>*,[data-project=liulian] .visual-logic--enhanced .visual-logic__orbit>header,[data-project=liulian] .visual-logic--enhanced .visual-logic__icon{opacity:0}[data-project=liulian] .visual-logic--enhanced .visual-logic__copy>*{transform:translateY(14px)}[data-project=liulian] .visual-logic--enhanced .visual-logic__orbit>header{transform:translateY(10px)}[data-project=liulian] .visual-logic--enhanced .visual-logic__icon{transform:translateY(16px)}[data-project=liulian] .visual-logic--enhanced.is-visible .visual-logic__copy>*,[data-project=liulian] .visual-logic--enhanced.is-visible .visual-logic__orbit>header,[data-project=liulian] .visual-logic--enhanced.is-visible .visual-logic__icon{opacity:1;transition:opacity .48s,transform .48s cubic-bezier(.2,.72,.24,1)}[data-project=liulian] .visual-logic--enhanced.is-visible .visual-logic__copy>*,[data-project=liulian] .visual-logic--enhanced.is-visible .visual-logic__orbit>header{transform:translateY(0)}[data-project=liulian] .visual-logic--enhanced.is-visible .visual-logic__icon{transition-delay:calc(.23s + var(--order) * 42ms);transform:translateY(0)}[data-project=liulian] .visual-logic--enhanced.is-visible .visual-logic__icon:hover{transition-delay:0s;transform:translateY(-4px)scale(1.025)}[data-project=liulian] .section--output{background:linear-gradient(#edf3ff 0%,#f7f9fd 68%);overflow:hidden}[data-project=liulian] .mobile-showcase{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:6vw;padding:40px 7vw 0;display:grid}[data-project=liulian] .mobile-screen{min-width:0}[data-project=liulian] .mobile-screen>div{aspect-ratio:.49;background:#fff;border:9px solid #fff;border-radius:36px;width:100%;position:relative;overflow:hidden;box-shadow:0 35px 70px #1a3d7f33}[data-project=liulian] .mobile-screen img{object-fit:cover;object-position:top}[data-project=liulian] .mobile-screen--grade{margin-top:145px}[data-project=liulian] .mobile-screen--schedule{margin-top:40px}[data-project=liulian] .mobile-screen figcaption{color:var(--navy);align-items:center;gap:14px;margin-top:24px;font-size:.86rem;font-weight:700;display:flex}[data-project=liulian] .mobile-screen figcaption span{color:var(--blue);font-family:var(--mono);font-size:.62rem}[data-project=liulian] .mobile-principles{border:1px solid var(--line);background:var(--line);border-radius:18px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:110px;display:grid;overflow:hidden}[data-project=liulian] .mobile-principles article{background:#fff;min-height:190px;padding:36px}[data-project=liulian] .mobile-principles p{max-width:330px;color:var(--muted);margin-top:45px}[data-project=liulian] .section--web-output{background:var(--navy);color:#fff;overflow:hidden}[data-project=liulian] .web-feature{grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);align-items:end;gap:50px;display:grid}[data-project=liulian] .web-feature__browser{background:#fff;border:1px solid #fff3;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #00000052}[data-project=liulian] .browser-bar{background:#f7f8fb;border-bottom:1px solid #e7ebf2;align-items:center;gap:7px;height:42px;padding:0 16px;display:flex}[data-project=liulian] .browser-bar i{background:#d4d9e3;border-radius:50%;width:8px;height:8px}[data-project=liulian] .browser-bar span{color:#8992a4;font-family:var(--mono);margin-left:10px;font-size:.55rem}[data-project=liulian] .web-feature__image{aspect-ratio:1.88;position:relative}[data-project=liulian] .web-feature__image img,[data-project=liulian] .web-gallery figure>div img{object-fit:cover;object-position:top}[data-project=liulian] .web-feature__caption{padding-bottom:16px}[data-project=liulian] .web-feature__caption span{color:#8fb2ff}[data-project=liulian] .web-feature__caption p{color:#ffffffc2;margin-top:28px;font-size:1.05rem}[data-project=liulian] .web-gallery{grid-template-columns:repeat(2,1fr);gap:70px 24px;margin-top:110px;display:grid}[data-project=liulian] .web-gallery figure:last-child{grid-column:1/-1;width:72%;margin-inline:auto}[data-project=liulian] .web-gallery figure>div{aspect-ratio:1.88;background:#fff;border:1px solid #ffffff29;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 25px 60px #0000003d}[data-project=liulian] .web-gallery figcaption{margin-top:20px;font-size:.85rem;font-weight:650}[data-project=liulian] .web-gallery figcaption span{color:#8fb2ff;font-family:var(--mono);letter-spacing:.08em;margin-bottom:6px;font-size:.58rem;display:block}[data-project=liulian] .section--touchpoints{background:#fff}[data-project=liulian] .touchpoint-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}[data-project=liulian] .touchpoint-grid figure{aspect-ratio:1.414;border:1px solid var(--line);background:#f1f4f8;border-radius:16px;position:relative;overflow:hidden}[data-project=liulian] .touchpoint-grid__wide{grid-column:1/-1}[data-project=liulian] .touchpoint-grid img{object-fit:cover}[data-project=liulian] .section--reflection{color:#fff;background:#10264f;padding-bottom:70px}[data-project=liulian] .reflection-grid{border-top:1px solid #ffffff29;grid-template-columns:1.15fr .85fr .85fr;gap:54px;padding-top:60px;display:grid}[data-project=liulian] .reflection-grid__lead p{color:#fff;letter-spacing:-.055em;font-size:clamp(2rem,3.6vw,4rem);font-weight:600;line-height:1.08}[data-project=liulian] .reflection-grid article>span{color:#8fb2ff}[data-project=liulian] .reflection-grid ul{color:#ffffffb3}[data-project=liulian] .reflection-grid li:before{color:#8fb2ff}[data-project=liulian] .closing-mark{border-top:1px solid #ffffff29;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-top:130px;padding-top:38px;display:grid}[data-project=liulian] .closing-mark img{border-radius:22px}[data-project=liulian] .closing-mark span{color:#8fb2ff;font-family:var(--mono);letter-spacing:.1em;font-size:.62rem}[data-project=liulian] .closing-mark p{margin-top:5px;font-weight:650}[data-project=liulian] .closing-mark a{color:#8fb2ff;font-family:var(--mono);letter-spacing:.08em;font-size:.66rem}@media (max-width:1180px){[data-project=liulian]{--shell:min(100% - 48px, 1120px);--narrow:min(100% - 48px, 1000px)}[data-project=liulian] .case-nav__links{gap:16px}[data-project=liulian] .hero{grid-template-columns:.8fr 1.2fr;min-height:790px}[data-project=liulian] .hero__copy{padding-left:40px}[data-project=liulian] .hero h1{font-size:clamp(4.1rem,7.8vw,7rem)}[data-project=liulian] .section-head{grid-template-columns:200px 1fr}[data-project=liulian] .before-after{grid-template-columns:1fr 120px 1fr}[data-project=liulian] .before-after article{padding:40px}[data-project=liulian] .team-shift{grid-template-columns:130px 1fr}[data-project=liulian] .team-shift>span{grid-column:2}[data-project=liulian] .visual-logic{padding:52px 42px}[data-project=liulian] .visual-logic__copy{grid-template-columns:minmax(260px,.78fr) minmax(340px,1.22fr);gap:5vw}[data-project=liulian] .visual-logic__ecosystem{gap:14px}[data-project=liulian] .visual-logic__orbit{padding:24px}}@media (max-width:900px){[data-project=liulian] .case-nav{grid-template-columns:1fr auto}[data-project=liulian] .case-nav__links{display:none}[data-project=liulian] .hero{grid-template-columns:1fr;min-height:auto;padding-top:68px}[data-project=liulian] .hero__copy{min-height:660px;padding:110px 40px 80px}[data-project=liulian] .hero__visual{min-height:720px}[data-project=liulian] .hero__web{top:14%;right:-3%}[data-project=liulian] .hero__phone--home{width:24%;left:12%}[data-project=liulian] .hero__phone--schedule{width:22%;right:11%}[data-project=liulian] .project-facts{grid-template-columns:repeat(2,1fr)}[data-project=liulian] .project-facts>div:nth-child(2){border-right:0}[data-project=liulian] .project-facts>div:nth-child(-n+2){border-bottom:1px solid var(--line)}[data-project=liulian] .section{padding:110px 0}[data-project=liulian] .section-head{grid-template-columns:1fr;gap:34px}[data-project=liulian] .section-head__marker{max-width:250px}[data-project=liulian] .overview-grid{grid-template-columns:1fr}[data-project=liulian] .overview-grid article{min-height:250px}[data-project=liulian] .overview-grid h3{margin-top:36px}[data-project=liulian] .overview-thesis{grid-template-columns:1fr;gap:38px}[data-project=liulian] .before-after{grid-template-columns:1fr}[data-project=liulian] .before-after__signal{border:1px solid #ffffff2b;border-left:0;border-right:0;flex-direction:row;min-height:110px}[data-project=liulian] .role-flow{grid-template-columns:repeat(2,1fr)}[data-project=liulian] .role-flow article:nth-child(2){border-right:0}[data-project=liulian] .role-flow article:nth-child(-n+2){border-bottom:1px solid var(--line)}[data-project=liulian] .scope-grid{grid-template-columns:1fr}[data-project=liulian] .scope-card{min-height:0}[data-project=liulian] .input-map,[data-project=liulian] .feature-map,[data-project=liulian] .web-feature,[data-project=liulian] .reflection-grid{grid-template-columns:1fr}[data-project=liulian] .input-map__core,[data-project=liulian] .feature-map__core{min-height:500px}[data-project=liulian] .role-platform{grid-template-columns:1fr;gap:30px}[data-project=liulian] .role-platform>i{transform:rotate(90deg)}[data-project=liulian] .visual-logic{padding:52px 42px}[data-project=liulian] .visual-logic__copy{grid-template-columns:1fr;gap:28px}[data-project=liulian] .visual-logic__headline h3,[data-project=liulian] .visual-logic__summary>p{max-width:620px}[data-project=liulian] .visual-logic__ecosystem{grid-template-columns:1fr;gap:16px}[data-project=liulian] .visual-logic__orbit{padding:28px}[data-project=liulian] .visual-logic__orbit>header{min-height:0}[data-project=liulian] .web-feature__caption{max-width:600px}[data-project=liulian] .reflection-grid{gap:60px}}@media (max-width:620px){[data-project=liulian]{--shell:calc(100vw - 32px);--narrow:calc(100vw - 32px)}[data-project=liulian] .case-nav{min-height:62px;padding:8px 16px}[data-project=liulian] .case-nav__brand{font-size:.62rem}[data-project=liulian] .case-nav__brand img{width:28px;height:28px}[data-project=liulian] .hero{padding-top:62px}[data-project=liulian] .hero__copy{min-height:590px;padding:88px 20px 64px}[data-project=liulian] .hero h1{margin-top:24px;font-size:clamp(3.8rem,20vw,5.6rem)}[data-project=liulian] .hero__subtitle{margin-top:32px;font-size:1.35rem}[data-project=liulian] .hero__summary{font-size:.92rem}[data-project=liulian] .hero__visual{min-height:520px}[data-project=liulian] .hero__visual-note{font-size:.52rem;top:36px;left:20px}[data-project=liulian] .hero__web{width:120%;top:20%;right:-25%}[data-project=liulian] .hero__phone{border-width:4px;border-radius:18px}[data-project=liulian] .hero__phone--home{width:33%;bottom:5%;left:8%}[data-project=liulian] .hero__phone--schedule{width:28%;bottom:-8%;right:7%}[data-project=liulian] .project-facts{grid-template-columns:1fr}[data-project=liulian] .project-facts>div{border-right:0;border-bottom:1px solid var(--line);min-height:100px}[data-project=liulian] .project-facts>div:last-child{border-bottom:0}[data-project=liulian] .section{padding:88px 0}[data-project=liulian] .section-head{margin-bottom:58px}[data-project=liulian] .section-head__copy h2{font-size:clamp(2.45rem,12vw,3.8rem)}[data-project=liulian] .section-head__copy>p{font-size:.96rem}[data-project=liulian] .overview-grid article{padding:28px}[data-project=liulian] .overview-thesis{margin-top:70px}[data-project=liulian] .before-after article{min-height:430px;padding:30px}[data-project=liulian] .before-after h3{margin-top:46px}[data-project=liulian] .before-after__signal{min-height:84px}[data-project=liulian] .challenge-question{margin-top:72px}[data-project=liulian] .role-flow{grid-template-columns:1fr}[data-project=liulian] .role-flow article{border-right:0;border-bottom:1px solid var(--line);min-height:235px}[data-project=liulian] .scope-card{padding:30px}[data-project=liulian] .team-shift{grid-template-columns:1fr;padding:34px}[data-project=liulian] .team-shift>span{grid-column:auto}[data-project=liulian] .input-map__sources,[data-project=liulian] .insight-grid,[data-project=liulian] .feature-map__domains,[data-project=liulian] .web-gallery,[data-project=liulian] .touchpoint-grid{grid-template-columns:1fr}[data-project=liulian] .input-map__sources article{min-height:180px}[data-project=liulian] .input-map__core{min-height:380px;padding:30px}[data-project=liulian] .insight-grid{margin-top:70px}[data-project=liulian] .insight-grid article{min-height:310px;padding:30px}[data-project=liulian] .insight-grid h3{margin-top:52px}[data-project=liulian] .feature-map__core{min-height:430px}[data-project=liulian] .domain-card{min-height:260px;padding:28px}[data-project=liulian] .visual-logic{border-radius:24px;margin-top:80px;padding:34px 16px 16px}[data-project=liulian] .visual-logic__copy{gap:24px;padding:0 8px 30px}[data-project=liulian] .visual-logic__headline h3{margin-top:24px;font-size:clamp(2.2rem,11vw,2.8rem)}[data-project=liulian] .visual-logic__summary>p{font-size:.9rem}[data-project=liulian] .visual-logic__palette{grid-template-columns:1fr;gap:12px;margin-top:22px}[data-project=liulian] .visual-logic__ecosystem{grid-template-columns:1fr;gap:12px;width:100%;min-width:0;margin-top:16px;display:grid}[data-project=liulian] .visual-logic__orbit{border-radius:18px;width:100%;min-width:0;max-width:100%;padding:22px 16px;position:relative;inset:auto}[data-project=liulian] .visual-logic__orbit>header{padding:0 4px;display:block}[data-project=liulian] .visual-logic__orbit>header h4{margin-top:8px}[data-project=liulian] .visual-logic__icons{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 4px;width:100%;min-width:0;margin-top:18px;padding:18px 0 0;display:grid}[data-project=liulian] .visual-logic__icon{min-height:98px;font-size:.47rem}[data-project=liulian] .visual-logic__icon--product img{width:50px;height:50px}[data-project=liulian] .visual-logic__icon-disc{width:58px;height:58px}[data-project=liulian] .visual-logic__icon-disc img{width:50px;height:50px}[data-project=liulian] .mobile-showcase{width:100vw;margin-left:calc((100vw - var(--shell)) / -2);scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;padding:20px 16px 50px;display:flex;overflow-x:auto}[data-project=liulian] .mobile-showcase::-webkit-scrollbar{display:none}[data-project=liulian] .mobile-screen{scroll-snap-align:center;flex:0 0 74vw;margin-top:0}[data-project=liulian] .mobile-screen>div{border-width:7px;border-radius:28px}[data-project=liulian] .mobile-principles{grid-template-columns:1fr;margin-top:60px}[data-project=liulian] .mobile-principles article{min-height:160px}[data-project=liulian] .web-feature{gap:34px}[data-project=liulian] .web-feature__browser{border-radius:10px}[data-project=liulian] .web-gallery{margin-top:80px}[data-project=liulian] .web-gallery figure:last-child,[data-project=liulian] .touchpoint-grid__wide{grid-column:auto;width:100%}[data-project=liulian] .touchpoint-grid figure{border-radius:10px}[data-project=liulian] .closing-mark{grid-template-columns:auto 1fr}[data-project=liulian] .closing-mark img{border-radius:16px;width:64px;height:64px}[data-project=liulian] .closing-mark a{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){[data-project=liulian]{scroll-behavior:auto}[data-project=liulian] *,[data-project=liulian] :before,[data-project=liulian] :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}[data-project=liulian] a.case-nav__index{white-space:nowrap;text-decoration:none}[data-project=liulian] a.case-nav__index:hover,[data-project=liulian] a.case-nav__index:focus-visible{color:var(--ink,#1c2b52);opacity:.75}