/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
.design-jstudio{--coral:var(--tone-a9116bcc);--cream:var(--tone-e473539e);--ease:cubic-bezier(.2,.72,.25,1);--font-en:"Avenir Next",Inter,system-ui,sans-serif;--font-zh:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;--forest2:var(--tone-2d05016d);--forest:var(--tone-2867abb9);--ink:var(--tone-c799c2ce);--lilac:var(--tone-5ba8f87c);--line:var(--tone-0c119efa);--muted:var(--tone-e3862e0b);--paper:var(--tone-849ce789);--serif:Georgia,"Iowan Old Style",serif;--wash:var(--tone-ba5080a4);--wine2:var(--tone-e75d9641);--wine:var(--tone-21e9faed)}.design-jstudio *{box-sizing:border-box}.design-jstudio{scroll-behavior:smooth;font-family:var(--font-zh);color:var(--ink);-webkit-font-smoothing:antialiased;background:var(--cream);margin:0;scroll-padding-top:92px;overflow-x:clip}html[lang=en] .design-jstudio{font-family:var(--font-en)}.design-jstudio button,.design-jstudio input{font:inherit}.design-jstudio button{cursor:pointer}.design-jstudio a{color:inherit;text-decoration:none}.design-jstudio img,.design-jstudio svg{max-width:100%;display:block}.design-jstudio button:focus-visible,.design-jstudio a:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.design-jstudio ::selection{color:var(--tone-dd4e0967);background:var(--tone-4e73ea4d)}.design-jstudio .wrap{width:min(var(--site-content-max), calc(100% - 2 * var(--site-gutter)));max-width:none;margin-inline:auto;padding-inline:0}.design-jstudio .t-en{display:none}html[lang=en] .design-jstudio .t-en{display:initial}html[lang=en] .design-jstudio .t-zh{display:none}.design-jstudio .micro{letter-spacing:.16em;height:28px;color:var(--tone-87708968);background:var(--tone-0f90fb69);font:700 9px var(--font-en);align-items:center;display:flex}.design-jstudio .micro .wrap{justify-content:space-between;display:flex}.design-jstudio .micro em{color:var(--tone-06ebcd2f);font-style:normal}.design-jstudio .topbar{z-index:70;backdrop-filter:blur(14px);background:var(--tone-4f96e658);border-bottom:1px solid var(--tone-66a96906);height:82px;position:sticky;top:0}.design-jstudio .barinner{justify-content:space-between;align-items:center;gap:22px;height:100%;display:flex}.design-jstudio .brand{align-items:center;gap:8px;min-width:165px;display:flex}.design-jstudio .brand svg{width:116px;height:38px;fill:var(--ink)}.design-jstudio .brand small{letter-spacing:.12em;border-left:1px solid var(--tone-18489be1);font:800 8px/1.6 var(--font-en);padding-left:10px}.design-jstudio .nav{font:750 12px var(--font-en);align-items:center;gap:29px;margin-left:auto;display:flex}.design-jstudio .nav a:hover,.design-jstudio .nav a[aria-current]{color:var(--tone-e1f41359)}.design-jstudio .rightnav{align-items:center;gap:13px;display:flex}.design-jstudio .lang{border:1px solid var(--tone-0ef524c0);border-radius:40px;gap:2px;padding:3px;display:flex}.design-jstudio .lang button{width:34px;height:29px;color:var(--tone-2999c578);background:0 0;border:none;border-radius:30px;font-size:11px;font-weight:800}.design-jstudio .lang button[aria-pressed=true]{color:var(--tone-d14f9016);background:var(--ink)}.design-jstudio .pill{white-space:nowrap;color:#fff;background:var(--ink);border-radius:45px;justify-content:center;align-items:center;gap:20px;min-height:45px;padding:0 20px;font-size:12px;font-weight:850;transition:transform .2s,background .2s;display:inline-flex}.design-jstudio .pill:hover{background:var(--tone-32bb726e);transform:translateY(-2px)}.design-jstudio .burger{border:1px solid var(--tone-82e1a963);background:0 0;border-radius:50%;width:43px;height:43px;font-size:22px;display:none}.design-jstudio .progress{z-index:99;background:var(--coral);width:0;height:3px;position:fixed;top:0;left:0}.design-jstudio .eyebrow{letter-spacing:.16em;color:var(--tone-22334f95);text-transform:uppercase;font:850 10px var(--font-en);align-items:center;gap:12px;display:flex}.design-jstudio .eyebrow:before{content:"";background:var(--coral);border-radius:1px;flex:none;width:8px;height:8px;transform:rotate(45deg)}.design-jstudio .hero{isolation:isolate;color:var(--tone-5f7cd77f);background:radial-gradient(circle at 80% 39%,var(--tone-2fdb6746),var(--tone-00cafcab) 56%,var(--tone-b43d7ed1) 100%);position:relative;overflow:hidden}.design-jstudio .hero:after{pointer-events:none;z-index:-1;background-image:radial-gradient(var(--tone-95e64d7d) .65px,transparent 1px);opacity:.22;content:"";background-size:19px 19px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 25%,#000 100%);mask-image:linear-gradient(90deg,#0000 25%,#000 100%)}.design-jstudio .crumb{color:var(--tone-16518780);align-items:center;gap:10px;padding:31px 0 0;font-size:11px;display:flex}.design-jstudio .crumb a:hover{color:#fff}.design-jstudio .hero-main{grid-template-columns:minmax(0,49fr) minmax(0,51fr);align-items:center;gap:12px;min-height:700px;padding:15px 0 65px;display:grid}.design-jstudio .hero-copy{z-index:2;position:relative}.design-jstudio .hero-kicker{letter-spacing:.2em;color:var(--tone-e2705a5b);font:850 10px var(--font-en);margin-bottom:23px}.design-jstudio .client-wordmark{letter-spacing:-.05em;background:var(--tone-0ca092a4);border:1px solid var(--tone-899630f1);font:500 italic 24px var(--serif);margin-bottom:23px;padding:9px 16px 10px;display:inline-block;transform:rotate(-3deg)}.design-jstudio .hero h1{letter-spacing:-.07em;max-width:680px;margin:0 0 25px;font-size:clamp(49px,5.4vw,82px);font-weight:900;line-height:1.16}.design-jstudio .hero h1 .highlight{color:var(--tone-07d323cb)}.design-jstudio .hero h1 .serif{font-family:var(--serif);letter-spacing:-.07em;font-style:italic;font-weight:500}html[lang=zh] .design-jstudio .hero h1 .serif{font-family:var(--font-zh);font-style:normal;font-weight:900}.design-jstudio .hero .lead{max-width:515px;color:var(--tone-b2c60c5d);margin:0 0 30px;font-size:15px;line-height:1.95}.design-jstudio .hero-actions{flex-wrap:wrap;gap:12px;display:flex}.design-jstudio .button{min-height:50px;color:var(--ink);background:var(--tone-c7c24feb);border:1px solid #0000;border-radius:30px;align-items:center;gap:26px;padding:0 20px;font-size:12px;font-weight:850;transition:transform .22s,background .22s;display:inline-flex}.design-jstudio .button:hover{background:var(--tone-52bb6128);transform:translateY(-2px)}.design-jstudio .button.ghost{border-color:var(--tone-a6e805e9);color:#fff;background:0 0}.design-jstudio .button.ghost:hover{background:var(--tone-2bfb5db7)}.design-jstudio .hero-source{letter-spacing:.065em;color:var(--tone-9646be1e);font:700 9px/1.6 var(--font-en);margin:23px 0 0}.design-jstudio .illustration{isolation:isolate;perspective:1200px;height:610px;position:relative}.design-jstudio .illustration .blob{filter:drop-shadow(25px 31px 40px var(--tone-9c930730));background:radial-gradient(circle at 23% 18%,var(--tone-0f4d1fc0),var(--tone-2235e52f) 44%,var(--tone-7899538b) 75%);border-radius:45% 55% 40% 60%/55% 43% 57% 45%;position:absolute;inset:5% 0 4% 6%;transform:rotate(-20deg)}.design-jstudio .orbit{border:1px dashed var(--tone-4431c108);border-radius:50%;width:410px;height:410px;position:absolute;top:15%;left:16%;transform:rotateX(62deg)rotate(22deg)}.design-jstudio .wxmock{z-index:2;width:233px;height:435px;font-family:var(--font-zh);color:var(--tone-8fc3840f);box-shadow:12px 24px 0 var(--tone-eb8fbe8f),22px 42px 40px var(--tone-3800ee31);background:var(--tone-af20d8dd);border:8px solid var(--tone-b08f98cd);border-radius:28px;position:absolute;top:12%;left:6%;overflow:hidden;transform:rotate(-9deg)}.design-jstudio .wxstatus{background:var(--tone-fd9323d0);height:31px;font:bold 10px var(--font-en);justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.design-jstudio .wxhead{border-bottom:1px solid var(--tone-5dda86cb);align-items:center;gap:8px;height:46px;padding:0 12px;font-size:13px;font-weight:800;display:flex}.design-jstudio .wxhead span{color:var(--tone-a98ce801);font-size:9px;font-weight:600}.design-jstudio .chat-body{background:var(--tone-0069cf03);flex-direction:column;gap:15px;height:calc(100% - 134px);padding:18px 9px;display:flex}.design-jstudio .chat-time{text-align:center;color:var(--tone-58dfa48e);font-size:8px}.design-jstudio .bubble{align-items:start;gap:5px;display:flex}.design-jstudio .bubble .avatar{background:var(--tone-5af462c6);border-radius:5px;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.design-jstudio .bubble:nth-of-type(3) .avatar{background:var(--tone-0019bc99)}.design-jstudio .bubble p{max-width:154px;box-shadow:0 1px 2px var(--tone-dd468579);background:#fff;border-radius:3px;margin:0;padding:7px 9px;font-size:10px;line-height:1.5}.design-jstudio .bubble.self{flex-direction:row-reverse}.design-jstudio .bubble.self p{background:var(--tone-a73c33dc)}.design-jstudio .wxinput{height:57px;color:var(--tone-44ca7d7a);background:var(--tone-e50e19e1);border-top:1px solid var(--tone-b204248b);align-items:center;gap:7px;padding:0 10px;font-size:9px;display:flex}.design-jstudio .wxinput b{border:1px solid var(--tone-62071f71);background:#fff;border-radius:4px;flex:1;height:27px}.design-jstudio .sys-panel{z-index:3;width:375px;color:var(--tone-5ee2f240);box-shadow:12px 16px 0 var(--tone-90bd98ae),25px 34px 42px var(--tone-9d5583a4);background:var(--tone-7f2d94b8);border-radius:9px;position:absolute;top:16%;right:-3%;overflow:hidden;transform:rotate(6deg)}.design-jstudio .sys-top{letter-spacing:.08em;height:42px;color:var(--tone-d14f9016);background:var(--tone-ea063f04);font:800 9px var(--font-en);justify-content:space-between;align-items:center;padding:0 18px;display:flex}.design-jstudio .sys-top b{color:var(--tone-eb4987de)}.design-jstudio .sys-content{padding:20px}.design-jstudio .sys-menu{letter-spacing:.12em;color:var(--tone-942a6526);font:850 9px var(--font-en);margin-bottom:12px}.design-jstudio .sys-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:15px;display:grid}.design-jstudio .sys-numbers div{background:var(--tone-f561ce9d);border-radius:5px;padding:11px 9px}.design-jstudio .sys-numbers small{color:var(--tone-3efa606e);font:700 8px var(--font-en);margin-bottom:6px;display:block}.design-jstudio .sys-numbers b{font:900 19px var(--font-en)}.design-jstudio .sys-line{border-top:1px solid var(--tone-8e9a1a2c);font:700 10px var(--font-en);grid-template-columns:28px minmax(0,1fr) 51px;align-items:center;gap:9px;padding:11px 0;display:grid}.design-jstudio .sys-line span:first-child{color:var(--tone-69379dd4)}.design-jstudio .sys-line b{text-align:center;color:var(--tone-62a185a8);background:var(--tone-38a5a29a);border-radius:12px;padding:5px 2px;font-size:9px}.design-jstudio .art-tape{z-index:4;background:var(--tone-547f008d);width:77px;height:17px;position:absolute;top:12%;right:21%;transform:rotate(5deg)}.design-jstudio .note{z-index:5;width:255px;color:var(--tone-c5743e5c);box-shadow:10px 16px 28px var(--tone-5c1a113e);background:var(--tone-a184a217);padding:22px 18px 19px;font-size:12px;position:absolute;bottom:6%;right:2%;transform:rotate(-6deg)}.design-jstudio .note:before{content:"";background:var(--tone-726199f5);width:67px;height:17px;position:absolute;top:-9px;left:34%;transform:rotate(-5deg)}.design-jstudio .note small{letter-spacing:.1em;color:var(--tone-9ec8381c);font:850 9px var(--font-en);margin-bottom:8px;display:block}.design-jstudio .note strong{font-size:16px;line-height:1.4;display:block}.design-jstudio .note .arrow{color:var(--wine);font:900 22px var(--font-en);margin-top:8px}.design-jstudio .art-note{letter-spacing:.09em;max-width:230px;color:var(--tone-17414b2f);font:750 10px/1.4 var(--font-en);position:absolute;bottom:1%;left:9%}.design-jstudio .statstrip{background:var(--tone-bee8666f);border-bottom:1px solid var(--tone-bb9fdb68)}.design-jstudio .stat-inner{grid-template-columns:repeat(4,minmax(0,1fr));padding:29px 0;display:grid}.design-jstudio .stat{border-left:1px solid var(--tone-73a065ae);padding:0 22px}.design-jstudio .stat:first-child{border-left:0;padding-left:0}.design-jstudio .stat small{letter-spacing:.12em;color:var(--tone-16fda0f6);text-transform:uppercase;font:850 9px var(--font-en);margin-bottom:9px;display:block}.design-jstudio .stat strong{letter-spacing:-.04em;font-size:20px}.design-jstudio .stat span{color:var(--tone-e4a6ff16);margin-top:5px;font-size:10px;line-height:1.5;display:block}.design-jstudio .section{padding:110px 0;position:relative}.design-jstudio .section-header{margin-bottom:44px}.design-jstudio .eyeline{letter-spacing:.16em;color:var(--tone-e71fe27e);text-transform:uppercase;font:850 10px var(--font-en);margin-bottom:18px}.design-jstudio .headline{letter-spacing:-.065em;margin:0;font-size:clamp(36px,4.5vw,66px);font-weight:900;line-height:1.21}.design-jstudio .intro{grid-template-columns:minmax(0,48fr) minmax(0,52fr);gap:65px;display:grid}.design-jstudio .intro .body{max-width:565px;color:var(--tone-1d9a3436);padding:55px 0 0;font-size:15px;line-height:2}.design-jstudio .intro .body strong{color:var(--ink)}.design-jstudio .mini-quote{color:var(--tone-83064647);border-left:3px solid var(--coral);font:500 italic clamp(20px, 2vw, 30px)/1.5 var(--serif);margin:34px 0;padding:4px 0 5px 20px}html[lang=zh] .design-jstudio .mini-quote{font:700 20px/1.6 var(--font-zh)}.design-jstudio .reality{background:var(--tone-35c2496a)}.design-jstudio .reality-inner{grid-template-columns:minmax(0,36fr) minmax(0,64fr);align-items:center;gap:55px;display:grid}.design-jstudio .reality .eyeline{color:var(--tone-e8a60c30)}.design-jstudio .reality .deck{max-width:380px;color:var(--tone-f25d806a);margin:19px 0 0;font-size:14px;line-height:1.85}.design-jstudio .mess{min-height:510px;position:relative}.design-jstudio .mess .paper{width:48%;min-height:230px;box-shadow:10px 20px 35px var(--tone-8c849f33);background:var(--tone-6e8ef764);border:1px solid var(--tone-33ef8c0e);border-radius:3px;padding:19px 17px;position:absolute;top:13%;left:8%;transform:rotate(-7deg)}.design-jstudio .mess .paper:before{content:"";background:var(--tone-66ab6dca);width:65px;height:19px;position:absolute;top:-10px;left:27%;transform:rotate(-4deg)}.design-jstudio .mess .paper b{font-size:12px}.design-jstudio .receipt-row{color:var(--tone-a81da950);border-bottom:1px dashed var(--tone-5052c653);justify-content:space-between;align-items:center;padding:12px 0;font-size:10px;display:flex}.design-jstudio .receipt-row strong{color:var(--wine)}.design-jstudio .mess .phone-chat{width:53%;box-shadow:13px 25px 34px var(--tone-36270339);background:var(--tone-4c58cd21);border:8px solid var(--tone-06a53ea6);border-radius:24px;padding:15px 17px 21px;position:absolute;top:6%;left:43%;transform:rotate(9deg)}.design-jstudio .phone-chat .smalltitle{padding:0 0 11px;font-size:11px;font-weight:850}.design-jstudio .phone-chat .sms{background:#fff;border-radius:5px;margin-bottom:10px;padding:10px 9px;font-size:11px}.design-jstudio .phone-chat .sms:nth-child(odd){background:var(--tone-11a61a8f);margin-left:14%}.design-jstudio .mess .recon{max-width:310px;color:var(--tone-3876381d);box-shadow:8px 16px 22px var(--tone-c7ec5bcd);background:var(--tone-a5dccf92);padding:19px 22px;position:absolute;bottom:0;right:4%;transform:rotate(-4deg)}.design-jstudio .recon small{color:var(--tone-47304055);font:750 10px var(--font-en);margin-bottom:6px;display:block}.design-jstudio .recon strong{font-size:24px}.design-jstudio .journey{color:var(--tone-56c7e240);background:var(--forest);overflow:hidden}.design-jstudio .journey .eyeline{color:var(--tone-8f505171)}.design-jstudio .journey .desc{max-width:700px;color:var(--tone-db960ab0);margin:19px 0 35px;font-size:14px;line-height:1.9}.design-jstudio .journey-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.design-jstudio .journey-step{border-top:1px solid var(--tone-8fc95334);padding:21px 15px 12px 0;position:relative}.design-jstudio .journey-step:before{content:"";background:var(--coral);width:9px;height:9px;position:absolute;top:-5px;left:0;transform:rotate(45deg)}.design-jstudio .journey-step small{letter-spacing:.09em;color:var(--tone-f5292986);font:850 10px var(--font-en)}.design-jstudio .journey-step h3{margin:15px 0 12px;font-size:clamp(17px,1.65vw,24px);line-height:1.4}.design-jstudio .journey-step p{max-width:200px;color:var(--tone-c961fcc0);font-size:12px;line-height:1.85}.design-jstudio .journey-band{color:var(--tone-c961fcc0);border-top:1px solid var(--tone-8fc95334);font:700 12px var(--font-en);justify-content:space-between;align-items:center;gap:12px;margin-top:53px;padding-top:25px;display:flex}.design-jstudio .journey-band strong{color:var(--tone-d14f9016);font-size:13px}.design-jstudio .modules{background:var(--tone-60506e5f)}.design-jstudio .mod-layout{grid-template-columns:minmax(0,39fr) minmax(0,61fr);align-items:start;gap:45px;display:grid}.design-jstudio .mod-aside{position:sticky;top:115px}.design-jstudio .mod-aside p{max-width:410px;color:var(--tone-c593076c);margin:25px 0 38px;font-size:14px;line-height:1.9}.design-jstudio .mod-tabs{border-top:1px solid var(--tone-c4c78c1f)}.design-jstudio .mod-tab{text-align:left;width:100%;color:var(--tone-fafe8087);border-bottom:1px solid var(--tone-c4c78c1f);background:0 0;border:0;align-items:center;gap:17px;padding:19px 9px 19px 0;transition:color .2s,padding .2s;display:flex}.design-jstudio .mod-tab .count{width:25px;font:850 11px var(--font-en)}.design-jstudio .mod-tab .label{flex:1;font-size:15px;font-weight:800}.design-jstudio .mod-tab .arr{font-size:16px}.design-jstudio .mod-tab[aria-selected=true]{color:var(--ink);background:var(--tone-76df88c8);padding-left:12px}.design-jstudio .mod-tab[aria-selected=true] .count{color:var(--wine)}.design-jstudio .mod-tab:hover{color:var(--ink)}.design-jstudio .mod-display{min-height:600px;box-shadow:12px 16px 0 var(--tone-2b00d2da);background:var(--tone-7f4873e3);border:1px solid var(--tone-fc7d8379);border-radius:13px;overflow:hidden}.design-jstudio .mod-top{letter-spacing:.1em;height:50px;color:var(--tone-072e4fc7);background:var(--tone-5985195f);font:850 10px var(--font-en);justify-content:space-between;align-items:center;padding:0 22px;display:flex}.design-jstudio .mod-top .three-dots{gap:5px;display:flex}.design-jstudio .mod-top .three-dots span{background:var(--tone-efc46723);border-radius:50%;width:6px;height:6px}.design-jstudio .mod-body{padding:35px 31px 34px}.design-jstudio .mod-headline{border-bottom:1px solid var(--tone-42b0d9de);justify-content:space-between;align-items:start;gap:22px;padding-bottom:25px;display:flex}.design-jstudio .mod-headline h3{letter-spacing:-.035em;margin:0 0 12px;font-size:26px;line-height:1.3}.design-jstudio .mod-headline p{max-width:440px;color:var(--tone-388e748a);margin:0;font-size:13px;line-height:1.8}.design-jstudio .mod-flag{letter-spacing:.08em;white-space:nowrap;color:var(--tone-5b04def3);background:var(--tone-d046de60);font:750 9px var(--font-en);border-radius:14px;padding:7px 10px}.design-jstudio .demo-view{min-height:294px;margin-top:28px}.design-jstudio .demo-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.design-jstudio .demo-col{background:var(--tone-f2e39f8a);border:1px solid var(--tone-65afc2dd);border-radius:8px;overflow:hidden}.design-jstudio .demo-col>header{letter-spacing:.08em;color:var(--tone-a5b58240);background:var(--tone-f70df62f);font:850 10px var(--font-en);padding:12px 15px}.design-jstudio .demo-col>div{padding:15px}.design-jstudio .demo-list{border-bottom:1px solid var(--tone-20b135c4);justify-content:space-between;align-items:center;gap:6px;padding:12px 0;font-size:11px;display:flex}.design-jstudio .demo-list:last-child{border:0}.design-jstudio .demo-list b{font-size:11px}.design-jstudio .demo-list small{color:var(--tone-bccb746c);font-size:10px}.design-jstudio .badge{color:var(--tone-47cb7c94);background:var(--tone-4d99aca4);font:800 9px var(--font-en);border-radius:50px;padding:5px 9px}.design-jstudio .badge.amber{color:var(--tone-c7db9103);background:var(--tone-833e6832)}.design-jstudio .demo-total{border-top:1px solid var(--tone-612036a4);font:850 12px var(--font-en);justify-content:space-between;align-items:center;margin-top:8px;padding-top:14px;display:flex}.design-jstudio .demo-notice{color:var(--tone-ea45cbbe);background:var(--tone-64509df0);border-left:3px solid var(--tone-dd4d39ce);margin-top:16px;padding:12px 14px;font-size:11px;line-height:1.7}.design-jstudio .demo-caption{letter-spacing:.04em;color:var(--tone-1e31bd52);border-top:1px solid var(--tone-42b0d9de);font:750 10px var(--font-en);justify-content:space-between;align-items:center;gap:15px;margin-top:24px;padding-top:18px;display:flex}.design-jstudio .demo-caption span:last-child{white-space:nowrap;color:var(--tone-f9973cd2)}.design-jstudio .bulletnote{color:var(--tone-b25c822e);margin:25px 0 0;font-size:12px;line-height:1.8}.design-jstudio .bulletnote b{color:var(--tone-e7588d03)}.design-jstudio .outcome{background:var(--tone-8c8fba24)}.design-jstudio .outcome-grid{grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:60px;display:grid}.design-jstudio .outcome .eyeline{color:var(--tone-015f5977)}.design-jstudio .outcome .sub{max-width:475px;color:var(--tone-39e67572);margin-top:23px;font-size:14px;line-height:1.9}.design-jstudio .metrics{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:18px;display:grid}.design-jstudio .metric{background:var(--tone-c3e9ca19);border:1px solid var(--tone-e4219edd);min-height:240px;padding:33px 28px;position:relative;overflow:hidden}.design-jstudio .metric:first-child:after{pointer-events:none;color:var(--tone-2f42d660);content:"10×";font:900 150px var(--font-en);position:absolute;bottom:-48px;right:-20px}.design-jstudio .metric strong{z-index:1;letter-spacing:-.075em;font:850 clamp(55px, 6vw, 92px)/1 var(--font-en);position:relative}.design-jstudio .metric strong em{color:var(--tone-cba6593b);font-style:normal}.design-jstudio .metric small{z-index:1;color:var(--tone-431ff2ef);font:800 12px/1.5 var(--font-en);margin-top:20px;display:block;position:relative}.design-jstudio .metric .previous{z-index:1;color:var(--tone-a5a77601);font:750 10px/1.6 var(--font-en);margin-top:22px;position:relative}.design-jstudio .metric .previous i{-webkit-text-decoration-color:var(--coral);-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);font-style:normal;text-decoration:line-through}.design-jstudio .source-foot{color:var(--tone-720b8416);border-top:1px solid var(--tone-3d9d9964);margin-top:34px;padding-top:20px;font-size:11px;line-height:1.75}.design-jstudio .source-foot a{text-underline-offset:3px;text-decoration:underline}.design-jstudio .historical{background:var(--tone-450a6c33)}.design-jstudio .history-grid{grid-template-columns:minmax(0,55fr) minmax(0,45fr);align-items:center;gap:45px;display:grid}.design-jstudio .history-panel{box-shadow:9px 12px 0 var(--tone-9ecc89d8);background:var(--tone-e5fd5d1f);border-left:4px solid var(--wine);padding:35px}.design-jstudio .history-year{letter-spacing:.1em;color:var(--wine);font:850 13px var(--font-en);margin-bottom:18px}.design-jstudio .history-panel h3{margin:0 0 13px;font-size:26px}.design-jstudio .history-panel p{color:var(--tone-5c676aeb);margin:0;font-size:14px;line-height:1.9}.design-jstudio .history .history-notes{max-width:410px;color:var(--tone-c8e59fe1);font-size:14px;line-height:1.9}.design-jstudio .services-line{background:var(--tone-3374386b);border-bottom:1px solid var(--tone-65ce30cd);border-top:1px solid var(--tone-65ce30cd);padding:52px 0}.design-jstudio .services-line .wrap{grid-template-columns:minmax(0,28fr) minmax(0,72fr);gap:20px;display:grid}.design-jstudio .services-line h2{letter-spacing:-.05em;margin:14px 0 0;font-size:26px}.design-jstudio .service-links{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.design-jstudio .service-links a{background:var(--tone-71d6b5cb);border:1px solid var(--tone-94548200);border-radius:30px;padding:13px 17px;font-size:11px;font-weight:800;transition:background .2s,border-color .2s}.design-jstudio .service-links a:hover{border-color:var(--tone-46ddfed3);background:var(--tone-7cf0ce98)}.design-jstudio .cta{color:var(--tone-9a19e53b);background:var(--tone-d4c9446c);padding:105px 0;position:relative;overflow:hidden}.design-jstudio .cta:after{width:430px;height:430px;box-shadow:0 0 0 65px var(--tone-ef7dcb16),0 0 0 130px var(--tone-ef7dcb16);content:"";border:1px solid var(--tone-13fb3bd6);border-radius:50%;position:absolute;top:-180px;right:-180px}.design-jstudio .cta-inner{z-index:1;justify-content:space-between;align-items:center;gap:45px;display:flex;position:relative}.design-jstudio .cta h2{letter-spacing:-.06em;margin:20px 0;font-size:clamp(37px,4.4vw,62px);line-height:1.3}.design-jstudio .cta p{max-width:650px;color:var(--tone-190eee9d);font-size:14px;line-height:1.9}.design-jstudio .footer{color:var(--tone-9b9af91a);background:var(--tone-338e2f69);font:650 10px/1.8 var(--font-en);padding:25px 0}.design-jstudio .footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:22px;display:flex}.design-jstudio .footer a:hover{color:#fff}@media (width<=1100px){.design-jstudio .hero-main{grid-template-columns:minmax(0,52fr) minmax(0,48fr)}.design-jstudio .illustration{transform-origin:50%;min-width:570px;left:-50px;transform:scale(.82)}.design-jstudio .hero h1{font-size:clamp(45px,5.5vw,70px)}.design-jstudio .nav{gap:17px}.design-jstudio .intro,.design-jstudio .outcome-grid{gap:35px}.design-jstudio .reality-inner{gap:25px}.design-jstudio .mod-layout{gap:30px}.design-jstudio .sys-panel{right:6%}}@media (width<=760px){.design-jstudio .micro{height:24px}.design-jstudio .micro .wrap>span:nth-child(2){display:none}.design-jstudio .topbar{height:68px}.design-jstudio .brand{min-width:0}.design-jstudio .brand svg{width:102px}.design-jstudio .brand small{font-size:7px}.design-jstudio .nav{box-shadow:0 23px 30px var(--tone-d856585a);background:var(--cream);flex-direction:column;align-items:stretch;gap:21px;padding:22px 20px 28px;display:none;position:absolute;top:67px;left:0;right:0}.design-jstudio .nav.open{display:flex}.design-jstudio .burger{display:block}.design-jstudio .rightnav .pill{display:none}.design-jstudio .lang button{width:30px;min-width:30px;height:27px}.design-jstudio .crumb{padding-top:21px;font-size:10px}.design-jstudio .hero-main{min-height:0;padding:50px 0 39px;display:block}.design-jstudio .hero-copy{max-width:640px}.design-jstudio .client-wordmark{margin-bottom:22px;font-size:20px}.design-jstudio .hero h1{font-size:clamp(43px,10.3vw,70px)}.design-jstudio .hero .lead{max-width:540px;font-size:13px;line-height:1.85}.design-jstudio .hero-actions{margin-bottom:17px}.design-jstudio .illustration{width:min(100%,520px);min-width:0;height:450px;margin:30px auto 0;left:0;transform:none}.design-jstudio .illustration .blob{left:3%;right:0}.design-jstudio .orbit{width:270px;height:270px;top:21%;left:13%}.design-jstudio .wxmock{border-width:6px;border-radius:22px;width:174px;height:324px;top:12%;left:7%}.design-jstudio .wxstatus{height:25px}.design-jstudio .wxhead{height:35px;font-size:10px}.design-jstudio .chat-body{gap:9px;height:calc(100% - 103px);padding:12px 7px}.design-jstudio .bubble .avatar{width:19px;height:19px}.design-jstudio .bubble p{max-width:110px;font-size:8px}.design-jstudio .wxinput{height:43px}.design-jstudio .sys-panel{width:240px;top:22%;right:0%}.design-jstudio .sys-top{height:32px;padding:0 10px;font-size:7px}.design-jstudio .sys-content{padding:13px}.design-jstudio .sys-menu{font-size:7px}.design-jstudio .sys-numbers{gap:4px}.design-jstudio .sys-numbers div{padding:7px}.design-jstudio .sys-numbers small{font-size:6px}.design-jstudio .sys-numbers b{font-size:14px}.design-jstudio .sys-line{grid-template-columns:16px minmax(0,1fr) 39px;gap:4px;padding:8px 0;font-size:8px}.design-jstudio .sys-line b{font-size:7px}.design-jstudio .note{width:186px;padding:13px;bottom:1%;right:0}.design-jstudio .note small{font-size:7px}.design-jstudio .note strong{font-size:12px}.design-jstudio .note .arrow{font-size:13px}.design-jstudio .art-note{font-size:8px;bottom:-2%;left:0}.design-jstudio .art-tape{top:20%;right:12%}.design-jstudio .stat-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 0}.design-jstudio .stat{padding:0 18px}.design-jstudio .stat:nth-child(3){border-left:0;padding-left:0}.design-jstudio .stat strong{font-size:16px}.design-jstudio .section{padding:78px 0}.design-jstudio .headline{font-size:clamp(34px,7.7vw,55px)}.design-jstudio .intro,.design-jstudio .reality-inner,.design-jstudio .mod-layout,.design-jstudio .outcome-grid,.design-jstudio .history-grid{display:block}.design-jstudio .intro .body{padding:24px 0 0;font-size:14px}.design-jstudio .reality .deck{max-width:580px}.design-jstudio .mess{min-height:390px;margin-top:20px}.design-jstudio .mess .paper{width:52%;min-height:0;top:16%;left:0}.design-jstudio .mess .phone-chat{width:50%;top:9%;left:43%}.design-jstudio .mess .recon{bottom:0;right:0}.design-jstudio .journey-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.design-jstudio .journey-band{font-size:10px}.design-jstudio .mod-aside{position:static}.design-jstudio .mod-aside p{margin:17px 0 23px}.design-jstudio .mod-tabs{scroll-snap-type:x proximity;scrollbar-width:thin;border:0;gap:7px;padding:0 0 15px;display:flex;overflow-x:auto}.design-jstudio .mod-tab{scroll-snap-align:start;border:1px solid var(--tone-c4c78c1f);border-radius:8px;flex:none;gap:6px;width:auto;min-width:145px;max-width:200px;min-height:61px;padding:10px}.design-jstudio .mod-tab[aria-selected=true]{padding:10px}.design-jstudio .mod-tab .label{font-size:11px}.design-jstudio .mod-tab .count{width:auto;font-size:9px}.design-jstudio .mod-tab .arr{display:none}.design-jstudio .mod-display{min-height:0;box-shadow:6px 8px 0 var(--tone-2b00d2da)}.design-jstudio .mod-body{padding:20px 15px}.design-jstudio .mod-headline h3{font-size:22px}.design-jstudio .mod-headline p{font-size:12px}.design-jstudio .demo-view{min-height:0}.design-jstudio .outcome .sub{margin-bottom:25px}.design-jstudio .metrics{gap:9px}.design-jstudio .metric{min-height:190px;padding:20px 13px}.design-jstudio .metric strong{font-size:clamp(43px,9vw,75px)}.design-jstudio .metric small{font-size:11px}.design-jstudio .history-panel{margin-top:25px}.design-jstudio .services-line .wrap{display:block}.design-jstudio .services-line{padding:36px 0}.design-jstudio .services-line h2{margin-bottom:20px}.design-jstudio .cta{padding:76px 0}.design-jstudio .cta-inner{display:block}.design-jstudio .cta h2{font-size:clamp(35px,8vw,57px)}.design-jstudio .cta .button{margin-top:17px}}@media (width<=370px){.design-jstudio .brand small{display:none}.design-jstudio .hero h1{font-size:clamp(39px,11vw,49px)}.design-jstudio .illustration{height:390px;margin-top:12px}.design-jstudio .illustration .blob{width:95%;height:86%;top:7%}.design-jstudio .wxmock{width:151px;height:295px;top:10%;left:2%}.design-jstudio .sys-panel{width:207px;top:25%;right:0}.design-jstudio .sys-line{font-size:7px}.design-jstudio .note{width:161px;bottom:0}.design-jstudio .note strong{font-size:11px}.design-jstudio .stat small{font-size:8px}.design-jstudio .stat strong{font-size:14px}.design-jstudio .mess{min-height:355px}.design-jstudio .mess .paper{padding:12px 9px}.design-jstudio .receipt-row{font-size:8px}.design-jstudio .mess .phone-chat{padding:8px 9px}.design-jstudio .phone-chat .sms{font-size:9px}.design-jstudio .mess .recon{padding:11px 14px}.design-jstudio .demo-split{grid-template-columns:minmax(0,1fr)}.design-jstudio .demo-col{min-height:0}.design-jstudio .mod-headline{display:block}.design-jstudio .mod-flag{margin-top:13px;display:inline-block}.design-jstudio .metric strong{font-size:43px}}@media (prefers-reduced-motion:reduce){.design-jstudio{scroll-behavior:auto}.design-jstudio *,.design-jstudio :before,.design-jstudio :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.design-jstudio .js-operations{background:linear-gradient(140deg,var(--tone-a70309ef) 0%,var(--tone-292bd105) 62%,var(--tone-72313e4d) 100%);border-top:1px solid var(--tone-d2c1a271)}.design-jstudio .js-op-head{grid-template-columns:minmax(0,1.12fr) .88fr;align-items:end;gap:48px;margin-bottom:46px;display:grid}.design-jstudio .js-op-head p{max-width:470px;color:var(--tone-c8747ebc);margin:0;font-size:15px;line-height:1.9}.design-jstudio .js-accent{color:var(--tone-ee9b7be6)}.design-jstudio .js-op-visual{grid-template-columns:.84fr 70px minmax(0,1.2fr);align-items:stretch;gap:0;display:grid}.design-jstudio .js-op-before,.design-jstudio .js-op-after{border:1px solid var(--tone-4d4e17ad);min-height:400px;position:relative;overflow:hidden}.design-jstudio .js-op-before{box-shadow:10px 12px 0 var(--tone-f9394181);background:var(--tone-e28c850d);padding:29px}.design-jstudio .js-op-after{box-shadow:10px 12px 0 var(--tone-bd329ef9);background:var(--tone-7cb2d51c);padding:29px}.design-jstudio .js-op-eyebrow{letter-spacing:.12em;color:var(--tone-65953282);font:900 10px var(--font-en)}.design-jstudio .js-founder{color:#fff;width:105px;height:105px;box-shadow:0 17px 32px var(--tone-1c160730);background:var(--tone-90188f1d);border:5px solid var(--tone-a3e1a986);font:600 65px var(--serif);border-radius:50%;justify-content:center;align-items:center;margin:35px auto 32px;display:flex}.design-jstudio .js-founder i{color:var(--tone-c14580d2);font-size:18px;position:absolute;top:90px;right:28%}.design-jstudio .js-op-callouts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.design-jstudio .js-op-callouts>span{text-align:center;background:var(--tone-c7c24feb);border:1px solid var(--tone-d83eb054);padding:11px;font-size:12px;font-weight:750}.design-jstudio .js-op-before p{text-align:center;color:var(--tone-6d2e7dec);margin:23px 0 0;font-size:12px}.design-jstudio .js-op-transition{color:var(--tone-302eb6d9);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.design-jstudio .js-op-transition>span{font-size:49px;transform:rotate(0)}.design-jstudio .js-op-transition small{text-align:center;letter-spacing:.08em;font:900 9px/1.6 var(--font-en)}.design-jstudio .js-op-center{background:var(--tone-086eaf77);border:1px solid var(--tone-cbf74cf5);align-items:center;gap:15px;margin:24px 0;padding:17px 19px;display:flex}.design-jstudio .js-center-mark{color:#fff;background:var(--tone-eae17c33);width:60px;height:60px;font:800 25px var(--font-en);flex:none;justify-content:center;align-items:center;display:flex}.design-jstudio .js-center-mark span{color:var(--tone-7733e9ce);font-size:17px}.design-jstudio .js-op-center b{color:var(--tone-a98b2415);font-size:14px;line-height:1.5}.design-jstudio .js-op-roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.design-jstudio .js-op-roles>div{border-top:3px solid var(--tone-35e69c79);background:#fff;min-height:152px;padding:18px 12px}.design-jstudio .js-op-roles small{letter-spacing:.03em;color:var(--tone-72076055);font:900 9px var(--font-en)}.design-jstudio .js-op-roles strong{color:var(--tone-f681dd4d);margin:15px 0 9px;font-size:15px;display:block}.design-jstudio .js-op-roles span{color:var(--tone-a4bd0ee3);font-size:11px;line-height:1.6}.design-jstudio .js-op-foot,.design-jstudio .js-scale-note{color:var(--tone-861a574f);margin:25px 0 0;font-size:11px;line-height:1.8}.design-jstudio .js-scale-wrap{margin-top:40px}.design-jstudio .js-scale{border-bottom:1px solid var(--tone-5c475c5b);border-top:1px solid var(--tone-5c475c5b);grid-template-columns:minmax(0,1.6fr) .7fr;display:grid}.design-jstudio .js-scale>div{border-right:1px solid var(--tone-5c475c5b);padding:27px 29px}.design-jstudio .js-scale>div:last-child{border-right:0}.design-jstudio .js-scale small{letter-spacing:.12em;color:var(--tone-ab87ecb6);font:900 10px var(--font-en);margin-bottom:13px;display:block}.design-jstudio .js-scale strong{color:var(--tone-d48c2f9d);font-size:clamp(17px,2.1vw,25px);line-height:1.3}.design-jstudio .js-scale-note{margin-bottom:0}@media (width<=960px){.design-jstudio .js-op-head{grid-template-columns:minmax(0,1fr);gap:15px}.design-jstudio .js-op-visual{grid-template-columns:minmax(0,1fr);gap:0}.design-jstudio .js-op-before,.design-jstudio .js-op-after{min-height:unset}.design-jstudio .js-op-transition{flex-direction:row;gap:14px;height:68px}.design-jstudio .js-op-transition>span{font-size:41px}.design-jstudio .js-op-roles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=580px){.design-jstudio .js-op-head{margin-bottom:28px}.design-jstudio .js-op-before,.design-jstudio .js-op-after{padding:22px}.design-jstudio .js-op-roles{grid-template-columns:minmax(0,1fr);gap:6px}.design-jstudio .js-op-roles>div{min-height:unset;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:5px;padding:15px;display:grid}.design-jstudio .js-op-roles strong{margin:0}.design-jstudio .js-op-roles>div>span{grid-column:2}.design-jstudio .js-op-center{gap:10px;padding:13px}.design-jstudio .js-center-mark{width:46px;height:46px}.design-jstudio .js-scale{grid-template-columns:minmax(0,1fr)}.design-jstudio .js-scale>div{border-bottom:1px solid var(--tone-5c475c5b);border-right:none;padding:22px 0}.design-jstudio .js-scale>div:last-child{border-bottom:0}.design-jstudio .js-op-head p{font-size:13px}}