/* Zhongyu Website V2 — conversion-focused refinements */
.header .nav-cta{border:0;font:inherit;cursor:pointer}.hero{min-height:835px}.hero-copy{align-self:center;padding-bottom:28px}.hero h1{font-size:clamp(54px,4.7vw,76px);line-height:1.22;max-width:720px}.hero-description{max-width:660px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.secondary{background:transparent;border:1px solid #cfd6e3;color:#4d586c;box-shadow:none}.secondary:hover{background:#fff;border-color:#aeb9cc;color:var(--ink)}.hero-specialties{flex-wrap:wrap}.concept-nodes{position:absolute;inset:65px 35px 112px;pointer-events:none;z-index:2}.concept-node{position:absolute;font:500 9px/1 var(--font);letter-spacing:.12em;color:#687ca7;background:rgba(247,249,252,.88);border:1px solid #dae3f4;border-radius:999px;padding:6px 9px;backdrop-filter:blur(6px);box-shadow:0 6px 18px #345cf60a}.node-idea{left:8%;top:45%}.node-design{left:26%;top:15%}.node-code{right:19%;top:22%}.node-ai{right:7%;top:53%}.node-product{left:48%;bottom:6%}.link-button{border:0;background:none;cursor:pointer;padding-left:0;color:inherit}.link-button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}

.project-fit{background:#f7f9fc;padding-top:112px;padding-bottom:120px;border-top:1px solid var(--line)}.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:58px;border:1px solid var(--line);background:#fff}.fit-card{position:relative;padding:38px 34px 32px;min-height:330px;border-right:1px solid var(--line);transition:background .25s,transform .25s}.fit-card:last-child{border-right:0}.fit-card:hover{background:#f8faff}.fit-card.featured{background:#f6f8ff}.fit-card.featured:after{content:"";position:absolute;inset:-1px;border-top:2px solid var(--blue);pointer-events:none}.fit-index{position:absolute;right:27px;top:26px;color:#9aa4b5;font-size:11px;letter-spacing:.08em}.fit-en{display:block;color:#66779a;font-size:10px;letter-spacing:.12em;margin-bottom:52px}.fit-card h3{font-size:30px;line-height:1.3;letter-spacing:-.035em;font-weight:500;margin:0 0 16px}.fit-card p{color:#737b8c;font-size:15px;line-height:1.85;min-height:84px;max-width:355px}.fit-card .tags{margin:29px 0 0}

.work{background:white;padding-top:112px;padding-bottom:120px;border-top:1px solid var(--line)}.work-case{margin-top:58px;border:1px solid var(--line);display:grid;grid-template-columns:.78fr 1.22fr;min-height:590px;background:#fbfcfe}.work-copy{padding:52px 48px;display:flex;flex-direction:column;align-items:flex-start}.work-meta{display:flex;justify-content:space-between;width:100%;font-size:10px;letter-spacing:.11em;color:#7d8799;border-bottom:1px solid var(--line);padding-bottom:18px}.work-copy h3{font-size:50px;line-height:1.1;letter-spacing:-.05em;font-weight:500;margin:66px 0 6px}.work-en{font-size:11px;letter-spacing:.12em;color:#6b7ba0;margin:0 0 26px}.work-copy>p:not(.work-en){color:#727a8b;font-size:16px;line-height:1.9;max-width:440px}.work-copy .text-link{margin-top:auto}.work-visual{background:#111827;padding:52px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.work-visual:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#345cf62e 0,#345cf608 58%,transparent 70%);right:-80px;top:-90px}.case-browser{position:relative;width:min(100%,720px);background:#f8faff;border-radius:12px;box-shadow:0 30px 65px #0004;overflow:hidden;transform:rotate(-2deg)}.case-browser-bar{height:44px;background:#fff;border-bottom:1px solid #e1e7f0;display:flex;align-items:center;gap:16px;padding:0 16px;font-size:10px;color:#7f8899}.case-browser-bar>div{display:flex;gap:5px}.case-browser-bar i{width:7px;height:7px;border-radius:50%;background:#d5dbe6;display:block}.case-browser-bar span{flex:1}.case-browser-bar b{color:#345cf6}.case-ui{display:grid;grid-template-columns:128px 1fr;min-height:390px}.case-ui aside{background:#f1f4fa;border-right:1px solid #e0e5ef;padding:26px 18px;display:flex;flex-direction:column;gap:18px;color:#7e8798;font-size:11px}.case-ui aside span:not(.case-logo){padding:9px 8px;border-radius:5px}.case-ui aside .active{background:#e8eeff;color:#345cf6}.case-logo{font-size:22px;color:#1c2742;font-weight:600;margin-bottom:12px}.case-main{padding:48px 45px}.case-kicker{font-size:9px;letter-spacing:.13em;color:#7586ae}.case-main h4{font-size:34px;line-height:1.35;letter-spacing:-.04em;margin:18px 0 34px;font-weight:500}.case-vote{display:grid;grid-template-columns:1.6fr 1fr;gap:10px}.case-vote span{background:#fff;border:1px solid #dfe5f0;border-radius:8px;padding:18px 18px;display:flex;align-items:baseline;justify-content:space-between}.case-vote b{font-size:25px;color:#345cf6}.case-vote span:nth-child(2) b{color:#7c879c}.case-vote small{color:#768095}.case-comments{margin-top:36px;display:grid;gap:10px}.case-comments span{height:10px;border-radius:8px;background:#e6ebf3}.case-comments span:nth-child(2){width:78%}.case-comments span:nth-child(3){width:58%}

.about{padding-top:115px}.about-description{max-width:580px}.about-secondary{font-weight:500;color:#2e3a50!important;font-size:18px!important;margin-top:24px!important}.contact-details-v2{grid-template-columns:1.2fr .75fr .9fr}.contact-value{font-size:17px;color:#425474;line-height:1.9;margin:11px 0 0}.closing{margin-top:0}.footer-wordmark{letter-spacing:-.08em}

.inquiry-modal[hidden]{display:none}.modal-open{overflow:hidden}.inquiry-modal{position:fixed;inset:0;z-index:120;display:grid;grid-template-columns:1fr minmax(0,760px);opacity:0;pointer-events:none;transition:opacity .18s ease}.inquiry-modal.is-open{opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background:rgba(10,14,24,.58);backdrop-filter:blur(6px)}.modal-panel{position:relative;grid-column:2;background:#fbfcff;min-height:100vh;padding:58px clamp(30px,5vw,72px);overflow:auto;transform:translateX(35px);transition:transform .22s ease;box-shadow:-30px 0 80px #0002}.inquiry-modal.is-open .modal-panel{transform:none}.modal-close{position:absolute;right:28px;top:24px;border:1px solid #d8dfeb;border-radius:50%;width:42px;height:42px;background:white;color:#4d586c;font-size:25px;line-height:1}.modal-panel h2{font-size:46px;line-height:1.22;letter-spacing:-.05em;font-weight:500;margin:28px 0 14px}.modal-panel>p{font-size:15px;line-height:1.8;color:#727d91;max-width:560px;margin:0 0 38px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.modal-panel label{display:grid;gap:8px;font-size:12px;color:#68758c}.modal-panel input,.modal-panel select,.modal-panel textarea{width:100%;border:1px solid #d9e0eb;background:white;border-radius:6px;padding:13px 14px;color:#202a3c;font:14px/1.5 var(--font);outline:none;transition:border .2s,box-shadow .2s}.modal-panel input:focus,.modal-panel select:focus,.modal-panel textarea:focus{border-color:#8da7ff;box-shadow:0 0 0 3px #345cf610}.form-message{margin-top:22px}.modal-panel textarea{resize:vertical;min-height:130px}.form-actions{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:28px;border-top:1px solid #e1e6ef;padding-top:25px}.form-actions>span{font-size:11px;color:#8a93a2;max-width:280px;line-height:1.6}.form-actions .button{border:0;cursor:pointer;min-width:175px}

@media(max-width:1100px){.hero h1{font-size:56px}.work-case{grid-template-columns:.9fr 1.1fr}.work-visual{padding:35px}.case-ui{grid-template-columns:105px 1fr}.case-main{padding:40px 30px}.fit-card{padding:32px 26px}.fit-card h3{font-size:26px}.contact-details-v2{grid-template-columns:1.1fr .8fr .9fr}}
@media(max-width:760px){.hero{min-height:auto}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(40px,11.3vw,58px);line-height:1.22}.hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.hero-actions .button{gap:12px;padding:14px 15px}.concept-nodes{inset:45px 0 108px}.concept-node{font-size:7px;padding:5px 7px}.node-idea{left:0}.node-ai{right:0}.project-fit,.work{padding-top:70px;padding-bottom:74px}.fit-grid{grid-template-columns:1fr;margin-top:36px}.fit-card{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:29px 24px}.fit-card:last-child{border-bottom:0}.fit-card.featured:after{border-top:0;border-left:2px solid var(--blue)}.fit-en{margin-bottom:28px}.fit-card p{min-height:auto}.work-case{grid-template-columns:1fr;margin-top:36px;min-height:0}.work-copy{padding:34px 25px}.work-copy h3{font-size:39px;margin-top:42px}.work-copy .text-link{margin-top:28px}.work-visual{padding:28px 18px;min-height:390px}.case-browser{transform:rotate(-1deg)}.case-ui{grid-template-columns:85px 1fr;min-height:310px}.case-ui aside{padding:18px 10px;font-size:9px;gap:12px}.case-logo{font-size:18px}.case-main{padding:31px 17px}.case-main h4{font-size:24px;margin:15px 0 25px}.case-vote span{padding:13px 10px;display:block}.case-vote b{font-size:20px;display:block}.case-comments{margin-top:25px}.about{padding-top:73px}.contact-details-v2{grid-template-columns:1fr}.inquiry-modal{grid-template-columns:1fr}.modal-panel{grid-column:1;padding:48px 22px 34px}.modal-panel h2{font-size:34px}.form-grid{grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column}.form-actions>span{max-width:none}.form-actions .button{width:100%}}
@media(max-width:430px){.hero-actions{grid-template-columns:1fr}.case-ui{grid-template-columns:1fr}.case-ui aside{display:none}.case-main{padding:30px 20px}.work-visual{min-height:350px}.contact-email{font-size:21px}}

.footer-socials{display:flex;align-items:center;justify-content:center;gap:28px;padding:24px 0 30px;border-top:1px solid var(--line)}
.social-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:#05070b;transition:color .2s ease,transform .2s ease;cursor:default}
.social-icon svg{width:18px;height:18px;display:block;fill:currentColor}
.social-icon:hover{color:var(--blue);transform:translateY(-2px)}
@media(max-width:760px){.footer-socials{gap:22px;padding:22px 0 26px;flex-wrap:wrap}.social-icon,.social-icon svg{width:17px;height:17px}}

/* V2.4 — interactive selected-work cards */
.work{background:#fff;padding-top:112px;padding-bottom:120px;border-top:1px solid var(--line)}
.work-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:58px;align-items:start}
.work-card{border:1px solid var(--line);background:#fbfcfe;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease}
.work-card:hover{transform:translateY(-5px);border-color:#cbd5e6;box-shadow:0 22px 50px rgba(34,50,85,.09)}
.work-card.is-open{background:#fff;border-color:#b8c6e0;box-shadow:0 24px 58px rgba(34,50,85,.11)}
.work-card-head{appearance:none;-webkit-appearance:none;width:100%;border:0;background:transparent;padding:0;color:inherit;text-align:left;font:inherit;cursor:pointer;display:block}
.work-card-head:focus-visible{outline:3px solid #345cf6;outline-offset:-3px}
.work-card-meta{display:flex;justify-content:space-between;align-items:center;padding:23px 26px 18px;font-size:10px;line-height:1;letter-spacing:.12em;color:#74809a}
.work-card-visual{height:330px;margin:0 20px;background:#111827;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.work-card-visual:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(52,92,246,.18),rgba(52,92,246,.035) 56%,transparent 72%);right:-80px;top:-90px}
.work-card-body{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 26px 0}
.work-card-body h3{font-size:34px;line-height:1.15;letter-spacing:-.045em;font-weight:500;margin:0 0 7px}
.work-card-body .work-en{font-size:10px;letter-spacing:.12em;color:#6d7ea5;margin:0}
.work-card-plus{flex:0 0 37px;width:37px;height:37px;border:1px solid #d5ddeb;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:300;color:#52617a;transition:transform .28s ease,background .28s ease,color .28s ease,border-color .28s ease}
.work-card.is-open .work-card-plus{transform:rotate(45deg);background:#345cf6;color:white;border-color:#345cf6}
.work-card-summary{padding:19px 26px 0;margin:0;color:#737d90;font-size:14px;line-height:1.85;min-height:72px}
.work-card-tags{padding:22px 26px 0;margin:0!important}
.work-card-open{display:flex;justify-content:space-between;align-items:center;margin:28px 26px 25px;padding-top:18px;border-top:1px solid #e1e6ef;font-size:12px;color:#23324c}
.work-card-open>span:last-child{transition:transform .28s ease}
.work-card.is-open .work-card-open>span:last-child{transform:rotate(180deg)}
.work-card-details{max-height:0;overflow:hidden;opacity:0;border-top:1px solid transparent;padding:0 26px;transition:max-height .4s ease,opacity .25s ease,padding .35s ease,border-color .35s ease}
.work-card.is-open .work-card-details{max-height:420px;opacity:1;border-top-color:#e2e7ef;padding:28px 26px 30px}
.work-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.work-detail-grid small{display:block;font-size:9px;letter-spacing:.12em;color:#7986a2;margin-bottom:10px;text-transform:uppercase}
.work-detail-grid p{margin:0;color:#667287;font-size:13px;line-height:1.8}
.work-card-details .text-link{margin-top:24px}
.work-note{margin:18px 0 0;color:#939baa;font-size:11px;line-height:1.65}

/* mini product mock */
.mini-browser{position:relative;z-index:1;width:88%;background:#f7f9fd;border-radius:10px;overflow:hidden;box-shadow:0 24px 55px rgba(0,0,0,.28);transform:rotate(-1.5deg);transition:transform .35s ease}
.work-card:hover .mini-browser{transform:rotate(-.5deg) scale(1.018)}
.mini-browser-bar{height:34px;background:#fff;border-bottom:1px solid #e2e7ef;display:flex;align-items:center;gap:10px;padding:0 12px;color:#8791a3;font-size:8px}
.mini-browser-bar span{letter-spacing:.12em;color:#c8cfdb}.mini-browser-bar small{flex:1}.mini-browser-bar b{color:#345cf6}
.verdict-ui{display:grid;grid-template-columns:92px 1fr;min-height:220px}
.verdict-ui aside{background:#f0f3f9;border-right:1px solid #e1e6ef;padding:20px 11px;display:flex;flex-direction:column;gap:12px;font-size:8px;color:#7f8899}
.verdict-ui aside strong{font-size:18px;color:#19243a;margin-bottom:8px}
.verdict-ui aside span{padding:7px;border-radius:4px}.verdict-ui aside .active{background:#e7edff;color:#345cf6}
.verdict-ui main{padding:27px 23px}.verdict-ui main>small{font-size:7px;letter-spacing:.13em;color:#7889b0}.verdict-ui h4{font-size:24px;line-height:1.35;letter-spacing:-.04em;font-weight:500;margin:13px 0 22px}
.vote-row{display:grid;grid-template-columns:1.5fr 1fr;gap:8px}.vote-row span{background:white;border:1px solid #dfe5ef;border-radius:7px;padding:12px;display:flex;align-items:baseline;justify-content:space-between}.vote-row b{font-size:18px;color:#345cf6}.vote-row span:nth-child(2) b{color:#7e889a}.vote-row em{font-style:normal;font-size:8px;color:#7d8799}
.mock-lines{margin-top:22px;display:grid;gap:7px}.mock-lines i{display:block;height:7px;border-radius:6px;background:#e4e9f1}.mock-lines i:nth-child(2){width:78%}.mock-lines i:nth-child(3){width:57%}

/* CRM mock */
.crm-card-visual{background:#0f1728}
.crm-demo-window{position:relative;z-index:1;width:88%;background:#f7f9fd;border-radius:10px;overflow:hidden;box-shadow:0 24px 55px rgba(0,0,0,.28);transform:rotate(1.2deg);transition:transform .35s ease}
.work-card:hover .crm-demo-window{transform:rotate(.3deg) scale(1.018)}
.crm-demo-top{height:38px;background:#fff;border-bottom:1px solid #e1e7f0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#7d879b;font-size:8px;letter-spacing:.08em}.crm-demo-top b{color:#345cf6}
.crm-demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px 15px 11px}.crm-demo-metrics>span{background:#fff;border:1px solid #e0e6f0;border-radius:6px;padding:11px 10px;display:grid;gap:5px}.crm-demo-metrics small{font-size:7px;color:#8490a4}.crm-demo-metrics b{font-size:19px;color:#1d2941}.crm-demo-metrics em{font-size:6px;font-style:normal;color:#345cf6;letter-spacing:.08em}
.crm-demo-board{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:7px 15px 17px}.crm-demo-board>div{background:#eef2f8;border-radius:5px;padding:9px 7px;min-height:106px}.crm-demo-board small{display:block;font-size:6px;color:#71809d;margin-bottom:9px}.crm-demo-board i{display:block;height:24px;border-radius:4px;background:#fff;border:1px solid #dfe5ef;margin-top:6px}.crm-demo-board div:nth-child(2) i:first-of-type{border-left:2px solid #345cf6}.crm-demo-board div:nth-child(4) i{border-left:2px solid #36a36e}

@media(max-width:1100px){
  .work-card-visual{height:290px}.work-card-body h3{font-size:30px}.verdict-ui{grid-template-columns:75px 1fr}.verdict-ui main{padding:24px 18px}.verdict-ui h4{font-size:21px}.crm-demo-metrics b{font-size:16px}
}
@media(max-width:760px){
  .work-card-grid{grid-template-columns:1fr;gap:18px;margin-top:36px}.work-card:hover{transform:none}.work-card-visual{height:300px;margin:0 14px}.work-card-meta{padding:20px 20px 15px}.work-card-body{padding:24px 20px 0}.work-card-body h3{font-size:31px}.work-card-summary{padding:16px 20px 0;min-height:0}.work-card-tags{padding:19px 20px 0}.work-card-open{margin:24px 20px 22px}.work-card-details{padding-left:20px;padding-right:20px}.work-card.is-open .work-card-details{padding:24px 20px 26px;max-height:540px}.work-detail-grid{grid-template-columns:1fr;gap:20px}.mini-browser,.crm-demo-window{width:92%}.work-note{font-size:10px}
}
@media(max-width:430px){
  .work-card-visual{height:258px}.verdict-ui{grid-template-columns:1fr}.verdict-ui aside{display:none}.verdict-ui main{padding:22px 18px}.verdict-ui h4{font-size:21px}.crm-demo-metrics{grid-template-columns:repeat(3,1fr);gap:5px;padding:11px 10px 7px}.crm-demo-metrics>span{padding:8px 7px}.crm-demo-metrics b{font-size:14px}.crm-demo-board{grid-template-columns:repeat(2,1fr);padding:5px 10px 12px}.crm-demo-board>div{min-height:70px}.crm-demo-board i{height:17px}
}
.work-card-head{width:100%;color:inherit;text-align:left;display:block}
.work-card-open{width:calc(100% - 52px);border:0;background:transparent;color:#23324c;font:inherit;cursor:pointer}
.work-card-open:focus-visible{outline:3px solid #345cf6;outline-offset:5px}
@media(max-width:760px){.work-card-open{width:calc(100% - 40px)}}

/* Tighten transition from Selected Work to Why Zhongyu */
.work{padding-bottom:36px}
.about{padding-top:42px}
@media(max-width:760px){
  .work{padding-bottom:28px}
  .about{padding-top:38px}
}

/* Direct project inquiry submission */
.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.form-status{display:none;margin-top:14px;padding:12px 14px;border:1px solid transparent;border-radius:6px;font-size:13px;line-height:1.6}
.form-status.is-sending,.form-status.is-success,.form-status.is-error{display:block}
.form-status.is-sending{color:#56647a;background:#f4f6fa;border-color:#dce2ec}
.form-status.is-success{color:#245b3c;background:#f1faf5;border-color:#cfe8d8}
.form-status.is-error{color:#8a3b3b;background:#fff5f5;border-color:#efcece}
.form-actions .button:disabled{opacity:.65;cursor:wait;transform:none!important}