/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
.design-website-design{--coral:var(--tone-be2ad7b7);--corald:var(--tone-b6c43f2c);--dark:var(--tone-4c6e70ad);--ease:cubic-bezier(.2,.84,.2,1);--en:"Avenir Next",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ink:var(--tone-61533c70);--ivory:var(--tone-e9a67098);--leaf:var(--tone-909afafe);--line:var(--tone-fd189e72);--mist:var(--tone-ea224bba);--muted:var(--tone-bac75d57);--paper:var(--tone-849ce789);--peach:var(--tone-94f4ad50);--pine:var(--tone-c66d0995);--sand:var(--tone-9586ad58);--serif:Georgia,"Iowan Old Style",serif;--zh:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif}.design-website-design *{box-sizing:border-box}.design-website-design{scroll-behavior:smooth;font-family:var(--zh);color:var(--ink);-webkit-font-smoothing:antialiased;background:var(--ivory);margin:0;scroll-padding-top:100px;overflow-x:clip}html[lang=en] .design-website-design{font-family:var(--en)}html[lang=zh] .design-website-design .en,html[lang=en] .design-website-design .zh{display:none!important}.design-website-design a{color:inherit;text-decoration:none}.design-website-design p{line-height:1.85}.design-website-design button,.design-website-design input{font:inherit}.design-website-design button{cursor:pointer}.design-website-design a:focus-visible,.design-website-design button:focus-visible,.design-website-design summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.design-website-design ::selection{color:var(--dark);background:var(--tone-9b18d8ad)}.design-website-design .wrap{width:min(var(--site-content-max), calc(100% - 2 * var(--site-gutter)));max-width:none;margin-inline:auto;padding-inline:0}.design-website-design .eyebrow{letter-spacing:.16em;color:var(--tone-64a71393);text-transform:uppercase;font:850 10px/1.5 var(--en);align-items:center;gap:10px;display:inline-flex}.design-website-design .eyebrow:before{content:"";background:var(--coral);width:8px;height:8px;transform:rotate(45deg)}.design-website-design .section{padding:116px 0}.design-website-design .split-head{grid-template-columns:minmax(0,1.35fr) .65fr;align-items:end;gap:45px;margin-bottom:53px;display:grid}.design-website-design .split-head h2,.design-website-design .section h2{letter-spacing:-.075em;margin:20px 0 0;font-size:clamp(39px,4.4vw,67px);font-weight:900;line-height:1.2}.design-website-design .split-head p{max-width:420px;color:var(--muted);margin:0 0 8px;font-size:14px;line-height:1.95}.design-website-design .section h2 em{color:var(--corald);font-style:normal}.design-website-design .btn{letter-spacing:.005em;border:1px solid var(--ink);min-height:54px;transition:transform .24s var(--ease);background:0 0;border-radius:99px;justify-content:space-between;align-items:center;gap:30px;padding:16px 24px;font-size:12px;font-weight:850;display:inline-flex}.design-website-design .btn:hover{transform:translateY(-3px)}.design-website-design .btn.dark{border-color:var(--dark);color:var(--tone-d14f9016);background:var(--dark)}.design-website-design .btn.light{border-color:var(--tone-d14f9016);color:var(--ink);background:var(--paper)}.design-website-design .btn.light-ghost{border-color:var(--tone-7eaccc63);color:var(--tone-f18b8b85)}.design-website-design .btn i{font-size:18px;font-style:normal;font-weight:500}.design-website-design .mono{letter-spacing:.12em;text-transform:uppercase;font:800 10px var(--en)}.design-website-design .trademark{letter-spacing:-.095em;font:950 30px var(--en)}.design-website-design .trademark .dot{color:var(--coral)}.design-website-design .strip{letter-spacing:.105em;height:30px;color:var(--tone-545784fe);background:var(--tone-ba7047ac);font:800 9px var(--en);align-items:center;display:flex}.design-website-design .strip .wrap{justify-content:space-between;gap:15px;display:flex}.design-website-design .strip b{color:var(--peach)}.design-website-design .header{z-index:80;backdrop-filter:blur(14px);background:var(--tone-fecb3d21);border-bottom:1px solid var(--tone-fd189e72);height:79px;position:sticky;top:0}.design-website-design .header>.wrap{align-items:center;gap:22px;height:100%;display:flex}.design-website-design .brand{white-space:nowrap;align-items:center;gap:12px;display:flex}.design-website-design .brand .studio{letter-spacing:.13em;border-left:1px solid var(--tone-a32af1f7);font:850 8px/1.45 var(--en);padding-left:11px}.design-website-design .nav{font:780 12px var(--en);align-items:center;gap:24px;margin-left:auto;display:flex}.design-website-design .nav a:hover{color:var(--corald)}.design-website-design .lang{border:1px solid var(--tone-bc3e7838);border-radius:99px;gap:3px;padding:3px;display:flex}.design-website-design .lang button{min-width:32px;height:31px;color:var(--tone-82e97ed6);font:800 11px var(--en);background:0 0;border:0;border-radius:99px}.design-website-design .lang button[aria-pressed=true]{color:var(--tone-d14f9016);background:var(--leaf)}.design-website-design .nav-cta{letter-spacing:.01em;white-space:nowrap;color:var(--tone-26d779f9);background:var(--dark);font:850 11px var(--en);border-radius:99px;padding:14px 20px}.design-website-design .mobile-menu{width:41px;height:41px;color:var(--ink);border:1px solid var(--tone-6cfffab1);background:0 0;border-radius:50%;font-size:21px;display:none}.design-website-design .hero{background:radial-gradient(ellipse 57% 80% at 74% 48%,var(--tone-3347a4dc),var(--tone-e9a67098) 82%),var(--ivory);position:relative;overflow:hidden}.design-website-design .hero:before{background-image:radial-gradient(var(--tone-70dc4907) .7px,transparent .7px);content:"";background-size:21px 21px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 28%,#000);mask-image:linear-gradient(90deg,#0000 28%,#000)}.design-website-design .hero .wrap{position:relative}.design-website-design .crumb{letter-spacing:.08em;color:var(--tone-33571ee6);font:800 10px var(--en);padding-top:25px}.design-website-design .crumb a:hover{color:var(--corald)}.design-website-design .hero-grid{grid-template-columns:minmax(0,51fr) minmax(0,49fr);align-items:center;gap:1.5%;min-height:665px;padding:50px 0 70px;display:grid}.design-website-design .hero-copy{z-index:4;position:relative}.design-website-design .hero h1{letter-spacing:-.084em;max-width:680px;margin:26px 0 22px;font-size:clamp(56px,5.5vw,87px);font-weight:900;line-height:1.16}.design-website-design .hero h1 em{white-space:nowrap;color:var(--coral);font-style:normal;position:relative}.design-website-design .hero h1 em:after{content:"";background:var(--coral);border-radius:80%;height:6px;position:absolute;bottom:-8px;left:0;right:0;transform:rotate(-2deg)}html[lang=en] .design-website-design .hero h1{letter-spacing:-.075em;font-size:clamp(52px,5.6vw,85px);line-height:1.1}.design-website-design .hero-summary{max-width:520px;color:var(--tone-6e57ab5b);margin:27px 0 30px;font-size:15px;line-height:2}.design-website-design .hero-actions{flex-wrap:wrap;gap:12px;display:flex}.design-website-design .hero-meta{color:var(--tone-42f2da08);font:750 11px/1.6 var(--en);align-items:center;gap:10px;margin-top:31px;display:flex}.design-website-design .hero-meta:before{color:var(--coral);content:"✳";font-size:17px}.design-website-design .hero-art{isolation:isolate;perspective:1200px;height:555px;position:relative}.design-website-design .hero-art:before{content:"";border:1px solid var(--tone-79e9eadd);border-radius:52% 48% 50% 50%;width:78%;height:500px;position:absolute;top:22px;left:14%;transform:rotate(-15deg)}.design-website-design .web-preview{color:var(--tone-84fa678c);box-shadow:12px 17px 0 var(--tone-f5960984),25px 34px 0 var(--tone-8bbcc8b2),40px 57px 76px var(--tone-37cab210);background:var(--tone-3b91d8e1);border:1px solid var(--tone-9b014afa);transition:transform .4s var(--ease);border-radius:10px;position:absolute;top:56px;left:5%;right:2%;overflow:hidden;transform:rotate(3deg)rotateY(-5deg)}.design-website-design .hero-art:hover .web-preview{transform:rotate(1deg)rotateY(-3deg)translateY(-4px)}.design-website-design .web-top{letter-spacing:.1em;height:35px;color:var(--tone-b2cf9d85);background:var(--tone-d961eccc);border-bottom:1px solid var(--tone-a7c428ce);font:850 9px var(--en);justify-content:space-between;align-items:center;padding:0 15px;display:flex}.design-website-design .dots{gap:5px;display:flex}.design-website-design .dots i{background:var(--tone-656f8b5a);border-radius:50%;width:6px;height:6px;display:block}.design-website-design .web-nav{justify-content:space-between;align-items:center;height:50px;padding:0 22px;display:flex}.design-website-design .web-nav b{letter-spacing:-.05em;font:500 22px var(--serif)}.design-website-design .web-nav span{letter-spacing:.12em;font:750 9px var(--en)}.design-website-design .web-front{background:var(--tone-d40a0985);min-height:208px;padding:25px 29px;position:relative;overflow:hidden}.design-website-design .web-front:before{content:"";background:var(--tone-b4c36301);border-radius:50%;width:210px;height:210px;position:absolute;top:-29px;right:9%}.design-website-design .web-front:after{color:var(--tone-e18b6e58);content:"✴";font:130px var(--serif);position:absolute;top:20px;right:15%;transform:rotate(-17deg)}.design-website-design .web-front .mini-label{z-index:1;letter-spacing:.12em;color:var(--tone-08764b08);font:900 9px var(--en);position:relative}.design-website-design .web-front h3{z-index:1;letter-spacing:-.055em;max-width:325px;font:700 38px/1.05 var(--serif);margin:20px 0;position:relative}.design-website-design .web-front .mini-cta{z-index:1;color:var(--tone-d14f9016);background:var(--dark);font:800 9px var(--en);border-radius:30px;padding:10px 13px;position:relative}.design-website-design .web-bottom{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;height:86px;padding:18px 19px;display:grid}.design-website-design .web-bottom div{letter-spacing:.04em;border-left:2px solid var(--tone-602e7692);font:850 9px var(--en);padding-left:12px}.design-website-design .web-bottom small{color:var(--tone-9b8e489f);line-height:1.45;font:600 8px var(--en);margin-top:7px;display:block}.design-website-design .phone{z-index:3;width:161px;height:241px;box-shadow:11px 16px 23px var(--tone-23faea2e);background:var(--tone-bbd0d4c5);border:7px solid var(--tone-23ca521a);border-radius:24px;position:absolute;top:313px;right:-2%;overflow:hidden;transform:rotate(-9deg)}.design-website-design .phone:before{z-index:3;content:"";background:var(--tone-23ca521a);border-radius:5px;width:26%;height:7px;position:absolute;top:5px;left:37%}.design-website-design .phone-bar{text-align:center;background:var(--tone-d14f9016);font:800 11px var(--serif);padding:20px 0 11px}.design-website-design .phone-panel{background:var(--tone-0ce2e29c);flex-direction:column;justify-content:center;gap:12px;height:116px;padding:15px;display:flex}.design-website-design .phone-panel b{letter-spacing:-.03em;font:700 21px/1 var(--serif)}.design-website-design .phone-panel span{max-width:max-content;color:var(--tone-d14f9016);background:var(--tone-bc5eacbf);font:800 8px var(--en);border-radius:30px;padding:6px 9px}.design-website-design .phone-lines{padding:12px}.design-website-design .phone-lines i{background:var(--tone-e9b4d0ac);border-radius:5px;height:5px;margin-bottom:8px;display:block}.design-website-design .phone-lines i:nth-child(2){width:75%}.design-website-design .sticky-note{z-index:4;width:205px;box-shadow:10px 13px 0 var(--tone-c313721b);background:var(--tone-977b89b7);border:1px solid var(--tone-145d31cb);padding:16px 18px;position:absolute;top:5px;right:-1%;transform:rotate(8deg)}.design-website-design .sticky-note span{letter-spacing:.11em;color:var(--tone-531ee0c2);font:850 9px var(--en)}.design-website-design .sticky-note strong{margin:8px 0;font-size:15px;line-height:1.45;display:block}.design-website-design .sticky-note small{color:var(--tone-9cdd5f20);font-size:10px;line-height:1.5;display:block}.design-website-design .hero-bottom{background:var(--tone-64ac7c4d);border-bottom:1px solid var(--tone-1dc20fbc);border-top:1px solid var(--tone-1dc20fbc)}.design-website-design .hero-bottom .wrap{letter-spacing:.1em;min-height:58px;color:var(--tone-5e744636);font:850 10px var(--en);justify-content:space-between;align-items:center;gap:20px;display:flex}.design-website-design .hero-bottom .right{color:var(--tone-9c71fcf7)}.design-website-design .why{background:var(--tone-de5a28c5)}.design-website-design .question-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.design-website-design .question{background:var(--tone-ad9a94c3);border-top:1px solid var(--tone-3c05c577);flex-direction:column;min-height:300px;padding:29px;display:flex;position:relative}.design-website-design .question .number{letter-spacing:.13em;color:var(--tone-1dfb64b3);font:900 10px var(--en)}.design-website-design .question .quote{letter-spacing:-.04em;max-width:350px;font:600 28px/1.42 var(--serif);margin:39px 0 15px}.design-website-design .question .explain{color:var(--tone-3d176993);margin-top:auto;font-size:13px}.design-website-design .thought{letter-spacing:.1em;color:var(--tone-565f4cc3);border-top:1px solid var(--tone-e1134a3f);font:800 10px var(--en);margin-top:25px;padding-top:18px}.design-website-design .thesis{letter-spacing:-.055em;border-left:4px solid var(--coral);max-width:925px;margin:64px 0 0;padding-left:33px;font-size:clamp(22px,2.3vw,35px);font-weight:750;line-height:1.58}.design-website-design .audience{background:var(--tone-40a114ca)}.design-website-design .audience-intro{margin-bottom:34px}.design-website-design .audience-intro h2{max-width:950px}.design-website-design .audience-intro p{max-width:750px;color:var(--tone-afd11fe5);font-size:14px}.design-website-design .audience-grid{grid-template-columns:29% minmax(0,1fr);gap:25px;display:grid}.design-website-design .audience-tabs{flex-direction:column;gap:10px;display:flex}.design-website-design .audience-tab{text-align:left;color:var(--ink);background:var(--tone-2e53d9c5);border:1px solid var(--tone-20e31a50);border-radius:8px;align-items:center;gap:15px;padding:22px;transition:all .2s;display:flex}.design-website-design .audience-tab b{color:var(--tone-456b3c3c);font:900 11px var(--en)}.design-website-design .audience-tab strong{flex:1;font-size:17px;line-height:1.3}.design-website-design .audience-tab>span:last-child{color:var(--tone-d712d11a);font-size:19px}.design-website-design .audience-tab[aria-selected=true]{border-color:var(--leaf);color:var(--tone-d14f9016);box-shadow:5px 7px 0 var(--tone-c2450bb9);background:var(--leaf)}.design-website-design .audience-tab[aria-selected=true] b{color:var(--tone-8d847113)}.design-website-design .audience-tab[aria-selected=true]>span:last-child{color:var(--tone-85cddae6)}.design-website-design .audience-panel{min-height:498px;box-shadow:14px 19px 35px var(--tone-8a493268);background:var(--tone-de5a28c5);border:1px solid var(--tone-1da67e68);border-radius:9px;grid-template-columns:.9fr minmax(0,1.1fr);gap:0;display:grid;overflow:hidden}.design-website-design .panel-story{flex-direction:column;padding:45px 32px;display:flex}.design-website-design .panel-story .label{letter-spacing:.13em;color:var(--tone-df1e8b8d);font:850 10px var(--en)}.design-website-design .panel-story h3{letter-spacing:-.065em;margin:20px 0 19px;font-size:clamp(28px,2.7vw,39px);line-height:1.24}.design-website-design .panel-story p{color:var(--tone-8d1fca7c);margin:0;font-size:13px}.design-website-design .panel-story ul{margin:25px 0 16px;padding:0;list-style:none}.design-website-design .panel-story li{border-bottom:1px solid var(--tone-79037e88);padding:9px 0;font-size:12px;font-weight:750}.design-website-design .panel-story li:before{color:var(--tone-fde96929);content:"✓";margin-right:10px}.design-website-design .panel-story .bottom{color:var(--tone-7ffd54b3);border-top:1px solid var(--tone-f847c489);margin-top:auto;padding-top:22px;font-size:12px;font-weight:800}.design-website-design .panel-story .bottom small{letter-spacing:.1em;color:var(--tone-f97c4c43);font:800 9px var(--en);margin-bottom:8px;display:block}.design-website-design .panel-art{background:var(--tone-7f039a12);place-items:center;min-width:0;padding:37px 23px;display:grid}.design-website-design .art-card{width:min(100%,355px);box-shadow:10px 15px 0 var(--tone-cef110f1),17px 26px 35px var(--tone-8b0197c9);background:var(--tone-6a183968);border:1px solid var(--tone-980a08e0);border-radius:8px;overflow:hidden;transform:rotate(3deg)}.design-website-design .art-card-top{letter-spacing:.03em;color:var(--tone-e2bf6652);border-bottom:1px solid var(--tone-d9599050);font:800 9px var(--en);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.design-website-design .art-card-hero{background:var(--tone-6c25914d);padding:30px 23px}.design-website-design .art-card-hero strong{letter-spacing:-.05em;color:var(--tone-e25a8082);font:650 32px/1.1 var(--serif);margin:7px 0 12px;display:block}.design-website-design .art-card-hero span{color:var(--tone-d14f9016);background:var(--tone-5f7d0267);font:800 9px var(--en);border-radius:30px;padding:9px 13px;display:inline-flex}.design-website-design .art-card-data{gap:9px;padding:15px 20px;display:flex}.design-website-design .art-card-data div{text-align:center;height:57px;color:var(--tone-6f35e877);border:1px solid var(--tone-8fd5ea0f);font:850 10px var(--en);flex:1;padding:10px 6px}.design-website-design .art-card-data small{color:var(--tone-f056e60d);margin-top:7px;font-size:8px;line-height:1.4;display:block}.design-website-design .art-card-foot{text-align:center;letter-spacing:.06em;color:var(--tone-f1c68391);border-top:1px solid var(--tone-8fd5ea0f);font:800 9px var(--en);padding:14px 18px}.design-website-design .art-caption{text-align:center;color:var(--tone-f59ff6e5);font:700 10px var(--en);margin-top:30px}.design-website-design .build{background:var(--tone-de5a28c5)}.design-website-design .build-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.design-website-design .build-card{background:var(--tone-d3e16550);border:1px solid var(--tone-452f7e2e);flex-direction:column;min-height:270px;padding:28px 24px;display:flex}.design-website-design .build-card:nth-child(2){background:var(--tone-a0c9df5b)}.design-website-design .build-card:nth-child(3){background:var(--tone-33bf6437)}.design-website-design .build-card:nth-child(4){background:var(--tone-fe1b41e7)}.design-website-design .build-card .symbol{min-height:71px;color:var(--tone-06da6214);font:500 43px var(--serif);align-self:flex-end}.design-website-design .build-card small{letter-spacing:.1em;color:var(--tone-14037bb3);font:850 10px var(--en)}.design-website-design .build-card h3{letter-spacing:-.045em;margin:13px 0;font-size:20px;line-height:1.35}.design-website-design .build-card p{color:var(--tone-35ffc53b);margin:auto 0 0;font-size:12px}.design-website-design .guardrails{border-bottom:1px solid var(--tone-56f15b4c);border-top:1px solid var(--tone-56f15b4c);grid-template-columns:.85fr minmax(0,1.15fr);gap:40px;margin-top:45px;padding:27px 30px;display:grid}.design-website-design .guardrails strong{letter-spacing:-.045em;font-size:23px;line-height:1.4}.design-website-design .guardrails p{color:var(--tone-2b0129fe);margin:0;font-size:13px}.design-website-design .guardrails a{border-bottom:1px solid var(--tone-4aa73afc);font-weight:850}.design-website-design .evidence{background:var(--sand)}.design-website-design .case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.design-website-design .case{background:var(--tone-849ce789);border:1px solid var(--tone-eb288d27);flex-direction:column;min-height:470px;display:flex;overflow:hidden}.design-website-design .case-head{height:188px;padding:22px;position:relative}.design-website-design .case-head.j{background:var(--tone-e784d4b2)}.design-website-design .case-head.h{background:var(--tone-31502273)}.design-website-design .case-head.v{background:var(--tone-307ee96f)}.design-website-design .case-head:after{color:var(--tone-169c670c);opacity:.18;content:"✳";font:170px/.9 var(--serif);position:absolute;top:-20px;right:15px}.design-website-design .case-head .case-index{letter-spacing:.13em;color:var(--tone-d6cc01e2);font:850 10px var(--en)}.design-website-design .case-head .mini-site{z-index:2;width:80%;min-height:100px;box-shadow:8px 10px 0 var(--tone-65f12841);background:var(--tone-6a183968);border-radius:4px;padding:14px;position:absolute;bottom:-30px;left:24px;transform:rotate(-4deg)}.design-website-design .case-head.h .mini-site{transform:rotate(3deg)}.design-website-design .mini-site small{letter-spacing:.1em;color:var(--tone-349954bc);font:850 9px var(--en)}.design-website-design .mini-site strong{letter-spacing:-.05em;margin:9px 0 11px;font-size:19px;display:block}.design-website-design .mini-site i{background:var(--tone-0ef6b23a);border-radius:3px;width:75%;height:5px;margin-bottom:6px;display:block}.design-website-design .mini-site i:last-child{width:44%}.design-website-design .case-body{flex-direction:column;flex:1;padding:56px 27px 29px;display:flex}.design-website-design .case-body small{letter-spacing:.1em;color:var(--tone-aa208aa5);font:850 10px var(--en)}.design-website-design .case-body h3{letter-spacing:-.06em;margin:10px 0;font-size:28px}.design-website-design .case-body p{color:var(--tone-88991ff0);margin:0 0 24px;font-size:12.5px}.design-website-design .case-body a{border-top:1px solid var(--tone-81e75039);justify-content:space-between;margin-top:auto;padding-top:17px;font-size:12px;font-weight:850;display:flex}.design-website-design .case-body a:hover{color:var(--tone-482fe7cc)}.design-website-design .proof-note{color:var(--tone-392c03dd);margin-top:21px;font-size:11px;line-height:1.75}.design-website-design .fit{color:var(--tone-56c7e240);background:var(--dark)}.design-website-design .fit h2 em{color:var(--tone-3cfd2307)}.design-website-design .fit .eyebrow{color:var(--tone-79aeccac)}.design-website-design .fit .split-head p{color:var(--tone-6af488cc)}.design-website-design .fit-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.design-website-design .fit-column{background:var(--tone-31dab6a3);border:1px solid var(--tone-8fc95334);min-height:310px;padding:38px}.design-website-design .fit-column.soft{background:var(--tone-de30c6f6)}.design-website-design .fit-column .tiny{letter-spacing:.14em;color:var(--tone-8a4f1b0c);font:900 10px var(--en)}.design-website-design .fit-column h3{letter-spacing:-.05em;margin:16px 0 24px;font-size:27px;line-height:1.3}.design-website-design .fit-column ul{margin:0;padding:0;list-style:none}.design-website-design .fit-column li{color:var(--tone-6b2c810d);border-top:1px solid var(--tone-ec17c9e2);padding:13px 0;font-size:13px;line-height:1.6}.design-website-design .fit-column li:before{vertical-align:middle;width:1em;height:1em;color:var(--tone-aadd1875);content:"";background-color:currentColor;padding-right:12px;display:inline-block;-webkit-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20transform%3D%22rotate%28-45%2012%2012%29%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22m12%205%207%207-7%207%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) 50%/contain no-repeat;mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20transform%3D%22rotate%28-45%2012%2012%29%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22m12%205%207%207-7%207%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) 50%/contain no-repeat}.design-website-design .fit-sum{letter-spacing:-.05em;border-left:4px solid var(--coral);max-width:925px;margin:48px 0 0;padding-left:24px;font-size:clamp(21px,2.2vw,29px);line-height:1.6}.design-website-design .process{background:var(--tone-f2e39f8a)}.design-website-design .steps{border-top:1px solid var(--tone-8182057f);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.design-website-design .step{border-right:1px solid var(--tone-7f2c2ce0);min-height:259px;margin-right:25px;padding:32px 25px 20px 0;position:relative}.design-website-design .step:last-child{border:0;margin:0}.design-website-design .step b{letter-spacing:.1em;color:var(--tone-34f73326);font:900 10px var(--en)}.design-website-design .step h3{letter-spacing:-.045em;margin:32px 0 14px;font-size:22px;line-height:1.3}.design-website-design .step p{color:var(--tone-7df0e3b2);font-size:12.5px}.design-website-design .step:after{vertical-align:middle;width:1em;height:1em;color:var(--tone-c4354e0b);content:"";background-color:currentColor;font-size:20px;display:inline-block;position:absolute;top:28px;right:24px;-webkit-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20transform%3D%22rotate%28-45%2012%2012%29%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22m12%205%207%207-7%207%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) 50%/contain no-repeat;mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20transform%3D%22rotate%28-45%2012%2012%29%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22m12%205%207%207-7%207%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) 50%/contain no-repeat}.design-website-design .step:last-child:after{display:none}.design-website-design .faq{background:var(--tone-7f6ce0d8)}.design-website-design .faq-grid{grid-template-columns:.8fr minmax(0,1.2fr);gap:65px;display:grid}.design-website-design .faq .intro{color:var(--tone-00f8bc3c);font-size:14px}.design-website-design .faq-list{border-top:1px solid var(--tone-d40ba4d5)}.design-website-design .faq details{border-bottom:1px solid var(--tone-d40ba4d5)}.design-website-design .faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;font-size:15px;font-weight:800;line-height:1.5;list-style:none;display:flex}.design-website-design .faq summary::-webkit-details-marker{display:none}.design-website-design .faq summary:after{color:var(--tone-f52269f1);content:"+";font:500 27px var(--en)}.design-website-design .faq details[open] summary:after{content:"−"}.design-website-design .faq details p{max-width:630px;color:var(--tone-47f6b7b4);margin:0 0 23px;font-size:13px}.design-website-design .close{color:var(--tone-66a16a3a);background:var(--coral);padding:86px 0}.design-website-design .close-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:55px;display:grid}.design-website-design .close h2{letter-spacing:-.07em;margin:22px 0;font-size:clamp(45px,5vw,76px);line-height:1.13}.design-website-design .close p{max-width:600px;font-size:14px}.design-website-design .close .btn{white-space:nowrap}.design-website-design .footer{color:var(--tone-ab781c48);background:var(--tone-83319cca);font:750 10px/1.7 var(--en);padding:28px 0}.design-website-design .footer .wrap{justify-content:space-between;gap:20px;display:flex}.design-website-design .footer a{color:var(--tone-24914787)}.design-website-design .footer a:hover{color:var(--tone-7d3a061a)}@media (width<=1100px){.design-website-design .nav{gap:15px}.design-website-design .hero-grid{grid-template-columns:minmax(0,51fr) minmax(0,49fr);min-height:625px}.design-website-design .hero h1{font-size:58px}.design-website-design .hero-art{transform-origin:50%;transform:scale(.9)}.design-website-design .sticky-note{right:-6%}.design-website-design .hero-summary{font-size:14px}.design-website-design .build-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-website-design .build-card{min-height:220px}.design-website-design .case-body{padding-inline:21px}.design-website-design .split-head{gap:25px}}@media (width>=761px) and (width<=900px){.design-website-design .nav-cta{display:none}.design-website-design .nav{gap:12px}.design-website-design .nav a{font-size:11px}.design-website-design .header>.wrap{gap:14px}}@media (width<=760px){.design-website-design .strip{height:26px}.design-website-design .strip .wrap span:last-child{display:none}.design-website-design .header{height:66px}.design-website-design .trademark{font-size:27px}.design-website-design .brand .studio{font-size:7px}.design-website-design .nav{box-shadow:0 18px 30px var(--tone-fae51835);background:var(--ivory);border-bottom:1px solid var(--tone-a242609e);flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px 19px 22px;display:none;position:absolute;top:66px;left:0;right:0}.design-website-design .nav.open{display:flex}.design-website-design .nav a{border-bottom:1px solid var(--tone-a09e6eef);padding:14px 5px}.design-website-design .nav-cta{display:none}.design-website-design .lang{margin-left:auto}.design-website-design .mobile-menu{display:block}.design-website-design .crumb{padding-top:14px}.design-website-design .hero-grid{grid-template-columns:minmax(0,1fr);gap:5px;min-height:0;padding:36px 0 48px}.design-website-design .hero h1{font-size:clamp(47px,10.1vw,69px);line-height:1.16}.design-website-design .hero h1 em:after{height:4px;bottom:-4px}.design-website-design .hero-summary{max-width:620px;font-size:14px}.design-website-design .hero-actions{grid-template-columns:minmax(0,1fr);max-width:390px;display:grid}.design-website-design .hero-art{width:100%;max-width:530px;height:395px;margin:32px auto 0;transform:none}.design-website-design .hero-art:before{height:300px;top:10px}.design-website-design .web-preview{top:25px;left:0;right:9%}.design-website-design .web-front{min-height:151px;padding:20px}.design-website-design .web-front h3{font-size:28px}.design-website-design .web-front:after{font-size:100px}.design-website-design .web-nav{height:37px}.design-website-design .web-bottom{height:65px;padding:11px}.design-website-design .phone{border-width:5px;border-radius:18px;width:111px;height:170px;top:210px;right:-1%}.design-website-design .phone-bar{padding:14px 0 7px;font-size:8px}.design-website-design .phone-panel{height:91px;padding:9px}.design-website-design .phone-panel b{font-size:15px}.design-website-design .phone-panel span{font-size:6px}.design-website-design .phone-lines{padding:8px}.design-website-design .sticky-note{width:145px;padding:11px;top:0;right:-2%;transform:rotate(6deg)}.design-website-design .sticky-note strong{margin:5px 0;font-size:12px}.design-website-design .sticky-note small{font-size:8px}.design-website-design .hero-bottom .wrap{flex-wrap:wrap;min-height:48px;font-size:9px}.design-website-design .hero-bottom .right{display:none}.design-website-design .section{padding:73px 0}.design-website-design .split-head{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:32px}.design-website-design .split-head h2,.design-website-design .section h2{font-size:clamp(36px,8.4vw,53px)}.design-website-design .split-head p{max-width:620px;font-size:13px}.design-website-design .question-strip,.design-website-design .case-grid{grid-template-columns:minmax(0,1fr)}.design-website-design .question{min-height:216px}.design-website-design .question .quote{margin:19px 0;font-size:25px}.design-website-design .question .explain{margin-top:9px}.design-website-design .thesis{margin-top:43px;padding-left:22px;font-size:23px}.design-website-design .audience-grid{grid-template-columns:minmax(0,1fr)}.design-website-design .audience-tabs{flex-direction:row;gap:8px;padding-bottom:10px;overflow-x:auto}.design-website-design .audience-tab{flex:none;gap:8px;min-width:181px;padding:15px}.design-website-design .audience-tab strong{font-size:13px}.design-website-design .audience-tab b{font-size:10px}.design-website-design .audience-tab>span:last-child{display:none}.design-website-design .audience-panel{grid-template-columns:minmax(0,1fr)}.design-website-design .panel-story{padding:29px 24px}.design-website-design .panel-story h3{font-size:29px}.design-website-design .panel-story ul{margin:15px 0}.design-website-design .panel-story .bottom{margin-top:19px}.design-website-design .panel-art{padding:30px 19px}.design-website-design .art-card{max-width:355px}.design-website-design .guardrails{grid-template-columns:minmax(0,1fr);gap:14px;padding:22px 0}.design-website-design .case{min-height:0}.design-website-design .case-head{height:155px}.design-website-design .case-head .mini-site{width:70%;min-height:89px}.design-website-design .case-body{padding:48px 23px 24px}.design-website-design .fit-grid{grid-template-columns:minmax(0,1fr)}.design-website-design .fit-column{min-height:0;padding:27px}.design-website-design .fit-column h3{font-size:25px}.design-website-design .steps{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.design-website-design .step{min-height:215px}.design-website-design .step:nth-child(2){border-right:0}.design-website-design .faq-grid{grid-template-columns:minmax(0,1fr);gap:29px}.design-website-design .close-grid{grid-template-columns:minmax(0,1fr);gap:20px}.design-website-design .close h2{font-size:clamp(43px,9.2vw,59px)}.design-website-design .close .btn{width:max-content;max-width:100%}.design-website-design .footer .wrap{flex-direction:column}}@media (width<=390px){.design-website-design .hero h1{font-size:clamp(40px,10.7vw,46px)}html[lang=en] .design-website-design .hero h1{font-size:40px}.design-website-design .hero-art{height:328px}.design-website-design .web-preview{top:35px;left:0;right:1%}.design-website-design .web-front{min-height:140px;padding:15px}.design-website-design .web-front h3{font-size:24px}.design-website-design .web-front:after{font-size:75px}.design-website-design .web-nav{height:37px;padding:0 12px}.design-website-design .web-nav b{font-size:18px}.design-website-design .web-nav span{font-size:7px}.design-website-design .web-bottom{gap:5px;padding:10px}.design-website-design .web-bottom div{padding-left:5px;font-size:7px}.design-website-design .web-bottom small{font-size:7px}.design-website-design .phone{width:99px;height:145px;top:214px;right:-1%}.design-website-design .phone-panel{height:73px}.design-website-design .phone-panel b{font-size:12px}.design-website-design .sticky-note{width:120px;top:5px;right:0}.design-website-design .sticky-note strong{font-size:10px}.design-website-design .sticky-note small{font-size:8px}.design-website-design .section h2,.design-website-design .split-head h2{font-size:36px}.design-website-design .question{padding:23px}.design-website-design .build-grid{grid-template-columns:minmax(0,1fr)}.design-website-design .build-card{min-height:182px}.design-website-design .case-head .mini-site{width:80%}.design-website-design .fit-sum{font-size:21px}.design-website-design .steps{grid-template-columns:minmax(0,1fr)}.design-website-design .step{border-bottom:1px solid var(--tone-0458d513);border-right:0;min-height:0;padding-bottom:27px}.design-website-design .step h3{margin-top:20px}}@media (prefers-reduced-motion:reduce){.design-website-design{scroll-behavior:auto}.design-website-design *,.design-website-design :before,.design-website-design :after{transition:none!important;animation:none!important}}.design-website-design .co-series-link{z-index:100;box-shadow:0 8px 24px var(--tone-b8f180cc);background:var(--tone-371e01aa);border-radius:90px;padding:11px 17px;font:800 11px/1.4 Arial,sans-serif;text-decoration:none;position:fixed;bottom:17px;right:17px;color:var(--tone-d14f9016)!important}.design-website-design .co-series-link:hover{background:var(--tone-4d59f8f2)}.design-website-design .co-series-link:focus-visible{outline:3px solid var(--tone-6b82c61b);outline-offset:3px}@media (width<=600px){.design-website-design .co-series-link{padding:9px 11px;font-size:10px;bottom:10px;right:10px}}