/* DappWeb business entry. Homepage only; shared navigation contracts stay intact. */
body.studio-redesign {
  --dw-paper:var(--color-bg); --dw-ink:var(--color-ink); --dw-muted:var(--color-muted); --dw-gold:var(--color-signal);
  --dw-rule:var(--color-rule); --dw-panel:var(--color-panel);
  background:var(--dw-paper); color:var(--dw-ink);
}
.studio-redesign::before { display:none; }
.studio-redesign ::selection { background:var(--dw-gold); color:#16120c; }
.studio-redesign main { width:100%; margin:0; }
.studio-redesign :where(h1,h2,h3,h4,h5,h6) { color:var(--dw-ink); }
.studio-redesign :where(p,li,dt,dd) { color:var(--dw-muted); }
.studio-redesign .studio-footer :where(strong,.brand-wordmark) { color:var(--dw-ink); }
.studio-redesign .studio-footer small { color:var(--dw-muted); }
.studio-redesign .studio-footer-contact { background:transparent; border-color:var(--dw-rule); }
body.studio-redesign .studio-topbar .brand-symbol { color:var(--dw-gold); }
.studio-redesign .dw-wrap { width:min(100% - 2.5rem,82rem); margin-inline:auto; }
.studio-redesign .dw-eyebrow { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem; color:var(--dw-gold); font-family:var(--font-mono); font-size:.875rem; font-weight:500; letter-spacing:.07em; text-transform:uppercase; line-height:1.65; }
.studio-redesign .dw-dot { width:.45rem; height:.45rem; border-radius:50%; background:var(--dw-gold); flex-shrink:0; box-shadow:0 0 .7rem #f6bc6260; }
.studio-redesign .dw-hero { position:relative; padding:2.5rem 0 0; background:radial-gradient(ellipse at 90% 35%,#52391a30,transparent 48%); }
.studio-redesign .dw-hero-grid { display:grid; gap:2.5rem; align-items:center; }
.studio-redesign .dw-hero-copy { min-width:0; }
.studio-redesign .dw-hero h1 { margin:1.6rem 0 1.5rem; font-family:Manrope,var(--font-body); font-size:clamp(2.65rem,6.6vw,6rem); font-weight:650; line-height:1.08; letter-spacing:-.055em; text-wrap:balance; }
.studio-redesign .dw-hero h1 em { font-style:normal; font-weight:650; color:var(--dw-gold); }
.studio-redesign .dw-hero-description { max-width:34rem; font-size:1.0625rem; line-height:1.85; color:var(--dw-muted); }
.studio-redesign .dw-exchange-links { display:flex; flex-wrap:wrap; gap:.35rem 1.2rem; margin-top:1.3rem; }
.studio-redesign .dw-exchange-links a { display:inline-flex; align-items:center; gap:.5rem; min-height:2.75rem; color:var(--dw-gold); font-size:.9375rem; line-height:1.6; text-decoration:underline; text-underline-offset:.3rem; }
.studio-redesign .dw-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem 1.6rem; margin-top:2rem; }
.studio-redesign .dw-button { display:inline-flex; align-items:center; justify-content:space-between; gap:1.5rem; min-height:3.25rem; padding:.9rem 1.25rem; background:var(--dw-gold); color:#16120c; border:1px solid var(--dw-gold); border-radius:.25rem; font-size:1rem; font-weight:700; line-height:1.4; transition:background .18s,border-color .18s; }
.studio-redesign .dw-button:hover { color:#16120c; background:#ffcf85; border-color:#ffcf85; }
.studio-redesign .dw-text-link { display:inline-flex; align-items:center; gap:.65rem; min-height:2.75rem; font-size:1rem; font-weight:600; color:var(--dw-ink); text-decoration:underline; text-underline-offset:.5rem; text-decoration-thickness:1px; text-decoration-color:#858178; line-height:1.5; }
.studio-redesign .dw-text-link:hover { color:var(--dw-gold); text-decoration-color:var(--dw-gold); }
.studio-redesign .dw-hero-note { margin-top:1.6rem; color:var(--dw-muted); font-family:var(--font-mono); font-size:.875rem; letter-spacing:.03em; line-height:1.8; }
.studio-redesign .dw-hero-art { min-width:0; margin:0; position:relative; padding:1.1rem 1.1rem 0; border:1px solid #5b4731; background:linear-gradient(150deg,#201a1390,#101113 70%); }
.studio-redesign .dw-art-top { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.5rem; padding-bottom:.8rem; border-bottom:1px solid #564431; font-family:var(--font-mono); font-size:.875rem; color:var(--dw-gold); letter-spacing:.06em; }
.studio-redesign .dw-hero-art img { display:block; width:100%; height:auto; aspect-ratio:1.25; }
.studio-redesign .dw-art-signals { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.5rem; padding:.7rem 0; border-top:1px solid #564431; font-family:var(--font-mono); font-size:.875rem; color:#d8c8b0; letter-spacing:.03em; text-align:center; }
.studio-redesign .dw-art-caption { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.5rem 1rem; margin-inline:-1.1rem; padding:.85rem 1.1rem; border-top:1px solid #564431; font-family:var(--font-mono); color:var(--dw-muted); font-size:.875rem; line-height:1.65; }
.studio-redesign .dw-foundation { display:flex; flex-wrap:wrap; gap:1rem 3rem; align-items:center; padding:1.6rem 0; margin-top:2.5rem; border-block:1px solid var(--dw-rule); }
.studio-redesign .dw-foundation-label { color:var(--dw-muted); font-size:.875rem; line-height:1.7; }
.studio-redesign .dw-tech-list { display:flex; flex-wrap:wrap; align-items:center; gap:.7rem 1.3rem; }
.studio-redesign .dw-tech-list span { font-size:.875rem; font-weight:600; color:#dcd8ce; line-height:1.65; }
.studio-redesign .dw-section { padding-block:3.5rem; }
.studio-redesign .dw-section-heading { display:grid; gap:1.25rem; margin-top:1rem; margin-bottom:2.4rem; }
.studio-redesign .dw-section-heading h2 { max-width:46rem; font-family:Manrope,var(--font-body); font-size:clamp(2rem,4vw,3.5rem); line-height:1.2; font-weight:600; letter-spacing:-.045em; text-wrap:balance; }
.studio-redesign .dw-section-heading h2 em { color:var(--dw-gold); font-style:normal; }
.studio-redesign .dw-section-heading p { max-width:28rem; font-size:1rem; line-height:1.85; color:var(--dw-muted); }
.studio-redesign .dw-needs { display:grid; grid-template-columns:1fr; gap:1rem; }
.studio-redesign .dw-need { display:flex; flex-direction:column; min-width:0; padding:1.5rem; border:1px solid var(--dw-rule); background:var(--dw-panel); scroll-margin-top:7rem; }
.studio-redesign .dw-need-head { display:flex; justify-content:space-between; align-items:center; gap:.5rem; font-family:var(--font-mono); color:var(--dw-gold); font-size:.875rem; }
.studio-redesign .dw-need-code { display:inline-flex; align-items:center; justify-content:center; min-width:3.5rem; height:2rem; padding:.25rem .5rem; border:1px solid #6b5537; font-size:.875rem; }
.studio-redesign .dw-need h3 { margin:1.8rem 0 .85rem; font-size:1.4rem; font-weight:650; line-height:1.4; letter-spacing:-.025em; }
.studio-redesign .dw-need > p { font-size:1rem; line-height:1.85; color:var(--dw-muted); }
.studio-redesign .dw-need-scope { margin-top:1.5rem; padding-block:1rem 1.5rem; border-top:1px solid var(--dw-rule); }
.studio-redesign .dw-need-scope > span { font-size:.875rem; color:var(--dw-gold); }
.studio-redesign .dw-need-scope p { font-size:1rem; line-height:1.8; color:#d5d2c8; margin-top:.45rem; }
.studio-redesign .dw-need > a { align-self:flex-start; margin-top:auto; }
.studio-redesign .dw-work-section { border-top:1px solid var(--dw-rule); background:#141518; }
.studio-redesign .dw-projects { display:grid; gap:1.5rem; }
.studio-redesign .dw-project { display:flex; flex-direction:column; min-width:0; padding:1.5rem; border:1px solid #484137; background:linear-gradient(145deg,#30251855,transparent 60%); }
.studio-redesign .dw-project-type { display:block; font-family:var(--font-mono); font-size:.875rem; line-height:1.8; letter-spacing:.025em; color:var(--dw-muted); }
.studio-redesign .dw-project-title h3 { display:flex; justify-content:space-between; gap:1rem; margin:1.2rem 0 1rem; font-family:Manrope,var(--font-body); font-size:clamp(2rem,4vw,3rem); font-weight:700; letter-spacing:-.045em; line-height:1.2; }
.studio-redesign .dw-project-title h3 span { color:var(--dw-gold); font-weight:400; }
.studio-redesign .dw-project-description { max-width:36rem; color:var(--dw-muted); font-size:1rem; line-height:1.85; }
.studio-redesign .dw-project-scope { padding-top:1.3rem; margin-top:1.6rem; border-top:1px solid #484137; }
.studio-redesign .dw-project-scope h4 { color:var(--dw-gold); font-size:.875rem; font-weight:600; line-height:1.6; }
.studio-redesign .dw-project-scope ul { list-style:none; margin:.8rem 0 1.5rem; padding:0; display:grid; gap:.7rem; }
.studio-redesign .dw-project-scope li { display:flex; align-items:baseline; gap:.7rem; font-size:1rem; line-height:1.6; color:var(--dw-ink); }
.studio-redesign .dw-project-scope li::before { content:'↳'; color:var(--dw-gold); }
.studio-redesign .dw-project-actions { display:flex; flex-wrap:wrap; gap:.6rem 1.5rem; margin-top:auto; padding-top:.5rem; }
.studio-redesign .dw-demo-link { display:inline-flex; align-items:center; gap:.6rem; min-height:2.75rem; color:var(--dw-muted); font-size:.875rem; line-height:1.6; }
.studio-redesign .dw-demo-link:hover { color:var(--dw-gold); }
.studio-redesign .dw-work-note { color:var(--dw-muted); font-size:.875rem; line-height:1.8; margin-top:1.6rem; max-width:62rem; }
.studio-redesign .dw-process-section { background:#0d0e10; border-bottom:1px solid var(--dw-rule); }
.studio-redesign .dw-steps { display:grid; gap:2.2rem; margin-top:3rem; }
.studio-redesign .dw-step { min-width:0; border-top:1px solid #8a6840; padding-top:1.3rem; }
.studio-redesign .dw-step-num { display:block; color:var(--dw-gold); font-family:var(--font-mono); font-size:.875rem; margin-bottom:1.8rem; }
.studio-redesign .dw-step h3 { font-size:1.35rem; font-weight:650; margin-bottom:.85rem; line-height:1.45; letter-spacing:-.025em; }
.studio-redesign .dw-step > p { color:var(--dw-muted); font-size:1rem; line-height:1.85; }
.studio-redesign .dw-step-output { margin-top:1.3rem; padding-top:1rem; border-top:1px solid var(--dw-rule); }
.studio-redesign .dw-step-output > span { font-size:.875rem; color:var(--dw-gold); }
.studio-redesign .dw-step-output ul { padding-left:1.1rem; margin:.7rem 0 0; display:grid; gap:.5rem; }
.studio-redesign .dw-step-output li { font-size:1rem; line-height:1.65; color:#d5d2c8; }
.studio-redesign .dw-process-action { margin-top:2.5rem; }
.studio-redesign .dw-services-directory { display:flex; justify-content:flex-start; margin:-.5rem 0 2rem; }
.studio-redesign .dw-service-grid { display:grid; grid-template-columns:1fr; border-top:1px solid var(--dw-rule); }
.studio-redesign .dw-service { display:flex; flex-direction:column; min-width:0; padding:2rem 0; border-bottom:1px solid var(--dw-rule); scroll-margin-top:7rem; }
.studio-redesign .dw-service-number { font-family:var(--font-mono); font-size:.875rem; color:var(--dw-gold); }
.studio-redesign .dw-service h3 { font-size:1.35rem; font-weight:600; line-height:1.45; letter-spacing:-.025em; margin:1.1rem 0 .85rem; }
.studio-redesign .dw-service p { color:var(--dw-muted); font-size:1rem; line-height:1.85; max-width:26rem; }
.studio-redesign .dw-service ul { display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:1.25rem 0 1.2rem; gap:.55rem; }
.studio-redesign .dw-service li { font-size:.875rem; border:1px solid var(--dw-rule); padding:.35rem .55rem; border-radius:.2rem; color:var(--dw-muted); line-height:1.5; }
.studio-redesign .dw-service > a { align-self:flex-start; margin-top:auto; }
.studio-redesign .dw-more-services { display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; padding-top:1.5rem; font-size:.875rem; align-items:center; }
.studio-redesign .dw-more-services > span { color:var(--dw-muted); }
.studio-redesign .dw-more-services a { display:inline-flex; align-items:center; min-height:2.75rem; gap:.5rem; }
.studio-redesign .dw-more-services a:hover { color:var(--dw-gold); }
.studio-redesign .dw-integrations { margin-top:3rem; padding:2rem 1.25rem; background:var(--dw-panel); border:1px solid var(--dw-rule); }
.studio-redesign .dw-integration-heading h3 { font-size:clamp(1.65rem,2.8vw,2.3rem); line-height:1.35; letter-spacing:-.035em; font-weight:600; margin:1rem 0 2rem; }
.studio-redesign .dw-integration-heading h3 em { color:var(--dw-gold); font-style:normal; }
.studio-redesign .dw-integration-grid { display:grid; gap:1.5rem; }
.studio-redesign .dw-integration { display:flex; flex-direction:column; min-width:0; padding-top:1.5rem; border-top:1px solid var(--dw-rule); }
.studio-redesign .dw-integration h4 { font-size:1.1rem; line-height:1.5; font-weight:600; margin-bottom:.8rem; }
.studio-redesign .dw-integration p { font-size:1rem; line-height:1.85; color:var(--dw-muted); margin-bottom:1rem; }
.studio-redesign .dw-integration a { margin-top:auto; align-self:flex-start; }
.studio-redesign .dw-insights { display:grid; gap:1.5rem; }
.studio-redesign .dw-insight { display:flex; flex-direction:column; padding:1.5rem 0; border-top:1px solid var(--dw-rule); }
.studio-redesign .dw-insight-category { font-family:var(--font-mono); font-size:.875rem; letter-spacing:.05em; color:var(--dw-gold); }
.studio-redesign .dw-insight h3 { font-size:1.25rem; font-weight:550; line-height:1.6; margin:1.25rem 0 1.5rem; }
.studio-redesign .dw-insight .dw-text-link { align-self:flex-start; margin-top:auto; }
.studio-redesign .dw-faq { display:grid; gap:2rem; padding-top:2.5rem; margin-top:3rem; border-top:1px solid var(--dw-rule); }
.studio-redesign .dw-faq > h3 { font-weight:500; font-size:1.8rem; line-height:1.4; letter-spacing:-.035em; }
.studio-redesign .dw-faq details { border-bottom:1px solid var(--dw-rule); }
.studio-redesign .dw-faq summary { position:relative; min-height:2.75rem; padding:1.3rem 2rem 1.3rem 0; cursor:pointer; list-style:none; font-weight:550; font-size:1rem; line-height:1.7; }
.studio-redesign .dw-faq summary::-webkit-details-marker { display:none; }
.studio-redesign .dw-faq summary::after { content:'+'; position:absolute; right:0; font-size:1.3rem; top:1rem; color:var(--dw-gold); }
.studio-redesign .dw-faq details[open] summary::after { content:'−'; }
.studio-redesign .dw-faq details p { color:var(--dw-muted); font-size:1rem; line-height:1.85; padding:0 1rem 1.4rem 0; }
.studio-redesign .dw-contact { padding-block:3.5rem; background:linear-gradient(125deg,#332719,#1b1b1c 70%); border-top:1px solid #604a30; }
.studio-redesign .dw-contact .dw-wrap { display:grid; gap:2rem; }
.studio-redesign .dw-contact h2 { font-size:clamp(2.4rem,5.5vw,5rem); font-weight:600; letter-spacing:-.05em; line-height:1.18; margin-top:1.5rem; }
.studio-redesign .dw-contact h2 em { color:var(--dw-gold); font-style:normal; }
.studio-redesign .dw-contact-right { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:1.4rem; }
.studio-redesign .dw-contact-right p { color:var(--dw-muted); font-size:1rem; line-height:1.85; max-width:28rem; }
.studio-redesign a:focus-visible,.studio-redesign summary:focus-visible { outline:2px solid var(--dw-gold); outline-offset:5px; }
html[lang^='zh'] .studio-redesign .dw-hero h1 { font-size:clamp(2.3rem,4.8vw,4.8rem); line-height:1.3; letter-spacing:-.04em; }
html[lang^='zh'] .studio-redesign .dw-section-heading h2 { line-height:1.35; letter-spacing:-.03em; }
html[lang^='zh'] .studio-redesign .dw-contact h2 { line-height:1.35; letter-spacing:-.03em; }
@media(min-width:40rem) {
  .studio-redesign .dw-wrap { width:min(100% - 4rem,82rem); }
  .studio-redesign .dw-needs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
  .studio-redesign .dw-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .studio-redesign .dw-service { padding:2rem 1.5rem; border-right:1px solid var(--dw-rule); }
  .studio-redesign .dw-service:nth-child(odd) { padding-left:0; }
  .studio-redesign .dw-service:nth-child(even) { padding-right:0; border-right:0; }
  .studio-redesign .dw-integrations { padding:2.5rem; }
  .studio-redesign .dw-integration-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; }
  .studio-redesign .dw-projects { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .studio-redesign .dw-project { padding:2rem; }
  .studio-redesign .dw-art-signals { font-size:.875rem; }
}
@media(min-width:60rem) {
  .studio-redesign .dw-wrap { width:min(100% - 7rem,82rem); }
  .studio-redesign .dw-hero { padding-top:3.5rem; }
  .studio-redesign .dw-hero-grid { grid-template-columns:1.12fr 1fr; gap:3rem; }
  .studio-redesign .dw-hero-copy { padding:1rem 0; }
  .studio-redesign .dw-foundation { margin-top:3.5rem; justify-content:space-between; }
  .studio-redesign .dw-section { padding-block:5.5rem; }
  .studio-redesign .dw-section-heading { grid-template-columns:1.6fr 1fr; gap:2rem; align-items:end; }
  .studio-redesign .dw-services-directory { justify-content:flex-end; }
  .studio-redesign .dw-integrations { display:grid; grid-template-columns:1fr 1.6fr; gap:3rem; margin-top:4rem; }
  .studio-redesign .dw-integration-heading h3 { margin-bottom:0; }
  .studio-redesign .dw-steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:2.5rem; }
  .studio-redesign .dw-faq { grid-template-columns:1fr 1.65fr; gap:5rem; }
  .studio-redesign .dw-insights { grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; }
  .studio-redesign .dw-contact { padding-block:5rem; }
  .studio-redesign .dw-contact .dw-wrap { grid-template-columns:1.5fr 1fr; gap:4rem; }
}
@media(min-width:80rem) {
  .studio-redesign .dw-needs { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .studio-redesign .dw-need { padding:1.5rem; }
  .studio-redesign .dw-service-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .studio-redesign .dw-service,.studio-redesign .dw-service:nth-child(odd),.studio-redesign .dw-service:nth-child(even) { padding:2rem 1.5rem; border-right:1px solid var(--dw-rule); }
  .studio-redesign .dw-service:nth-child(4n + 1) { padding-left:0; }
  .studio-redesign .dw-service:nth-child(4n) { padding-right:0; border-right:0; }
}
@media(prefers-reduced-motion:reduce) { .studio-redesign * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }