.web-design-redesign #performance .diagnosis-copy>p{margin-bottom:26px}.web-design-redesign .wd-performance-details{margin-top:30px}.web-design-redesign .wd-performance-details details{border-top:1px solid #0b265230}.web-design-redesign .wd-performance-details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;padding:19px 0}.web-design-redesign .wd-performance-details summary::-webkit-details-marker{display:none}.web-design-redesign .wd-performance-details h3{font-size:19px;line-height:1.6}.web-design-redesign .wd-performance-details details p{font-size:16px;margin:0 0 18px;line-height:1.85}.web-design-redesign .wd-platform-entries{margin-top:30px}.web-design-redesign .wd-platform-entries details{border-color:currentcolor color-mix(in srgb,currentColor 25%,transparent) color-mix(in srgb,currentColor 25%,transparent);border-top:1px solid color-mix(in srgb,currentColor 25%,transparent)}.web-design-redesign .wd-platform-entries summary{display:flex;gap:14px;justify-content:space-between;align-items:center;list-style:none;padding-block:17px}.web-design-redesign .wd-platform-entries summary::-webkit-details-marker{display:none}.web-design-redesign .wd-platform-entries h4{color:inherit;font-size:19px;line-height:1.6}.web-design-redesign .wd-platform-entries details p{margin:0 0 18px}.web-design-redesign #platform .advantage-card:nth-child(-n+2) summary:focus-visible{outline-color:#fff}.web-design-redesign #platform .sec-head{width:min(1180px,calc(100% - 2 * var(--panel-inset)));margin-inline:auto}.web-design-redesign .wd-platform-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:340px}.web-design-redesign .wd-platform-tags span{border:1px solid;border-radius:30px;padding:9px 16px;font-size:13px;letter-spacing:.04em}.web-design-redesign .wd-performance-scene{position:relative;width:100%;min-width:0;aspect-ratio:1/1;container-type:inline-size;perspective:1200px}.web-design-redesign .performance-world{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(9deg) rotateY(-12deg);animation:performance-world-drift 12s ease-in-out infinite}.web-design-redesign .performance-orbit{position:absolute;inset:12% 4%;border:1px solid #0051c31c;border-radius:50%;transform:rotate(-25deg)}.web-design-redesign .performance-orbit i{position:absolute;inset:12%;border:1px solid #0051c312;border-radius:50%}.web-design-redesign .performance-orbit i:last-child{inset:24%}.web-design-redesign .performance-base{position:absolute;width:72%;height:52%;left:14%;top:29%;border-radius:22px;background:#83cbd8;box-shadow:0 10px 0 #5aabbf;transform:translateZ(-48px) rotate(-8deg)}.web-design-redesign .performance-browser{position:absolute;width:70%;height:50%;left:15%;top:25%;background:#fff;border:1px solid #c1dbe4;border-radius:14px;box-shadow:7px 12px 0 #a1c5d9,18px 28px 42px #07539b20;overflow:hidden}.web-design-redesign .performance-browser-bar{display:flex;align-items:center;gap:5px;padding:5% 6%;border-bottom:1px solid #dae6ed}.web-design-redesign .performance-browser-bar i{width:5px;height:5px;border-radius:50%;background:#b9cad5}.web-design-redesign .performance-browser-bar span{margin-left:auto;font-size:2cqw;letter-spacing:.12em;color:#698295}.web-design-redesign .performance-browser-body{padding:7%;position:relative}.web-design-redesign .performance-page-heading{width:48%;padding-top:6%}.web-design-redesign .performance-page-heading span{display:block;height:2cqw;background:#164a84;margin-bottom:10%;border-radius:3px}.web-design-redesign .performance-page-heading span:last-child{width:68%}.web-design-redesign .performance-page-art{position:absolute;right:7%;top:13%;width:29%;height:45%;background:#daf4f3;border-radius:10px;display:grid;place-items:center;color:#0051c3}.web-design-redesign .performance-page-art svg{width:6cqw;height:6cqw;stroke-width:1.2}.web-design-redesign .performance-page-columns{display:flex;gap:7%;margin-top:13%}.web-design-redesign .performance-page-columns i{height:6cqw;flex:1;border-radius:4px;background:#edf3f9}.web-design-redesign .performance-load-track{height:4px;background:#e5eef7;border-radius:4px;margin-top:7%;overflow:hidden}.web-design-redesign .performance-load-track i{display:block;width:100%;height:100%;background:#08b7bd;transform-origin:left;animation:performance-load 12s ease-in-out infinite}.web-design-redesign .performance-float{position:absolute;border:1px solid #bedbe5;border-radius:14px;background:#fff;box-shadow:5px 8px 0 #a0c7dc,10px 20px 30px #07539b16;padding:4%}.web-design-redesign .performance-label{display:block;color:#28547e;font-size:2.1cqw;font-weight:600;letter-spacing:.12em}.web-design-redesign .performance-speed{top:7%;left:1%;width:30%;transform:translateZ(50px) rotate(-7deg);animation:performance-speed-float 12s ease-in-out infinite}.web-design-redesign .performance-dial svg{width:100%;margin-top:6%;overflow:visible}.web-design-redesign .performance-dial path{fill:none;stroke-width:10;stroke-linecap:round}.web-design-redesign .performance-dial .dial-track{stroke:#e8f0f9}.web-design-redesign .performance-dial .dial-progress{stroke:#0bbabc;stroke-dasharray:142;animation:performance-gauge 12s ease-in-out infinite}.web-design-redesign .performance-dial .dial-needle{stroke:#0051c3;stroke-width:4;transform-origin:60px 64px;animation:performance-needle 12s ease-in-out infinite}.web-design-redesign .performance-dial circle{fill:#0051c3}.web-design-redesign .performance-speed-bars{display:flex;gap:8%;margin-top:12%}.web-design-redesign .performance-speed-bars i{height:4px;background:#d5e7ef;border-radius:3px;flex:1}.web-design-redesign .performance-search{top:15%;right:0;width:37%;transform:translateZ(75px) rotate(7deg);animation:performance-search-float 12s ease-in-out infinite}.web-design-redesign .performance-search-field{display:flex;align-items:center;gap:8px;border-radius:20px;background:#e9f3f9;margin:15% 0;padding:8%;color:#0051c3}.web-design-redesign .performance-search-field i{height:3px;background:#a9c6dc;width:65%}.web-design-redesign .performance-result{display:flex;gap:9%;margin-top:13%}.web-design-redesign .performance-result>span{width:3cqw;height:3cqw;background:#a9dfe6;border-radius:50%}.web-design-redesign .performance-result>div{flex:1}.web-design-redesign .performance-result i{display:block;height:3px;width:90%;margin-block:2px 6px;border-radius:3px;background:#5086bb}.web-design-redesign .performance-result i:last-child{width:65%;background:#ccdeeb}.web-design-redesign .performance-result:nth-last-child(3){animation:performance-result-focus 12s ease-in-out infinite}.web-design-redesign .performance-enquiry{display:flex;gap:6%;align-items:center;left:23%;bottom:9%;width:65%;transform:translateZ(100px) rotate(-4deg);animation:performance-enquiry-float 12s ease-in-out infinite}.web-design-redesign .performance-message-icon{display:grid;place-items:center;width:9cqw;height:9cqw;background:#0051c3;color:white;border-radius:9px}.web-design-redesign .performance-message-icon svg{width:5cqw;height:5cqw;stroke-width:1.4}.web-design-redesign .performance-enquiry>div{flex:1}.web-design-redesign .performance-message-line{height:3px;background:#bdd2e4;margin-top:10%;border-radius:3px}.web-design-redesign .performance-message-line.short{width:60%;margin-top:7%}.web-design-redesign .performance-sent{display:grid;place-items:center;color:#009a91;width:7cqw;height:7cqw;border-radius:50%;background:#dcf6ee;animation:performance-sent 12s ease-in-out infinite}.web-design-redesign .performance-pointer{position:absolute;bottom:-18%;right:5%;width:5cqw;height:5cqw;color:#0051c3;fill:#fff;animation:performance-pointer 12s ease-in-out infinite}.web-design-redesign .performance-flow{display:flex;gap:9px;position:absolute;left:3%;bottom:20%;color:#26a4b9;transform:rotate(35deg)}.web-design-redesign .performance-flow svg{width:3cqw;animation:performance-flow 2s ease-in-out infinite}.web-design-redesign .performance-flow svg:nth-child(2){animation-delay:.25s}.web-design-redesign .performance-flow svg:nth-child(3){animation-delay:.5s}.web-design-redesign .wd-performance-scene[data-playing=false] *{animation-play-state:paused}@keyframes performance-world-drift{0%,to{transform:rotateX(9deg) rotateY(-12deg)}50%{transform:rotateX(5deg) rotateY(-5deg)}}@keyframes performance-load{0%,to{transform:scaleX(.1)}28%,90%{transform:scaleX(1)}}@keyframes performance-gauge{0%,to{stroke-dashoffset:120}28%,90%{stroke-dashoffset:18}}@keyframes performance-needle{0%,to{transform:rotate(-100deg)}28%,90%{transform:rotate(5deg)}}@keyframes performance-speed-float{0%,to{transform:translateZ(50px) rotate(-7deg)}25%{transform:translateY(-12px) translateZ(65px) rotate(-7deg)}}@keyframes performance-search-float{0%,to{transform:translateZ(75px) rotate(7deg)}50%{transform:translateY(-12px) translateZ(90px) rotate(4deg)}}@keyframes performance-enquiry-float{0%,to{transform:translateZ(100px) rotate(-4deg)}75%{transform:translateY(-12px) translateZ(110px) rotate(-2deg)}}@keyframes performance-result-focus{0%,30%,to{opacity:.4}45%,90%{opacity:1}}@keyframes performance-pointer{0%,55%,to{transform:translate(10px,12px);opacity:0}65%,85%{transform:translate(-5px,-5px);opacity:1}}@keyframes performance-sent{0%,65%,to{transform:scale(.8);opacity:.35}75%,90%{transform:scale(1);opacity:1}}@keyframes performance-flow{0%,to{opacity:.15}50%{opacity:1}}@media (max-width:760px){.web-design-redesign .wd-performance-scene{max-width:470px;margin-inline:auto}.web-design-redesign .wd-platform-tags{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.web-design-redesign .wd-performance-scene *{animation:none!important}}.web-design-redesign #performance h2{max-width:none;text-wrap:balance}.web-design-redesign .wd-heading-phrase{display:inline-block}.web-design-redesign{padding-top:72px}.web-design-redesign .wd-hero{position:relative;overflow:hidden;padding:72px 0 90px;background:linear-gradient(120deg,#fff 40%,#f0fafc)}.web-design-redesign .wd-hero-grid{display:grid;grid-template-columns:.95fr 1.1fr;gap:60px;align-items:center}.web-design-redesign .wd-hero h1>span{display:block;font-size:18px;letter-spacing:0;margin-bottom:18px;color:var(--blue)}.web-design-redesign .wd-hero h1>strong{font-weight:500}.web-design-redesign .wd-title-line{display:block;white-space:nowrap}.web-design-redesign .wd-hero-copy>p>strong{font-weight:400}.web-design-redesign .wd-hero-copy>p{margin:26px 0;max-width:32em}.web-design-redesign .wd-hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.web-design-redesign .wd-hero-caption{display:flex;justify-content:space-between;margin-top:20px;font-size:13px;color:var(--muted)}.web-design-redesign .wd-price-note{margin-top:24px;max-width:60em;font-size:14px}.web-design-redesign .wd-devices{position:relative;padding:32px 15% 48px 22px;min-width:0;border-radius:22px;background:#eff1f6}.web-design-redesign .wd-device-sakura{background:#f2eef2}.web-design-redesign .wd-device-libra{background:#f2eee6}.web-design-redesign .wd-device-spacestem{background:#edf3f8}.web-design-redesign .wd-device-mutu{background:#eef1ea}.web-design-redesign .wd-browser{border:1px solid #cad3dd;border-radius:8px;overflow:hidden;background:white;box-shadow:0 12px 28px #0b265210}.web-design-redesign .wd-browser-bar{display:flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-bottom:1px solid #e6eaf0;background:#fbfcfd}.web-design-redesign .wd-browser-bar i{width:4px;height:4px;border-radius:50%;background:#c5cbd3}.web-design-redesign .wd-browser-bar span{margin-left:10px;font-size:8px;color:#6e7886;white-space:nowrap}.web-design-redesign .wd-browser>img{width:100%;height:auto;display:block}.web-design-redesign .wd-phone{position:absolute;right:16px;bottom:19px;width:25%;border:4px solid #253347;border-radius:15px;background:white;overflow:hidden;box-shadow:0 10px 26px #0b265224}.web-design-redesign .wd-phone>img{display:block;width:100%;height:auto}.web-design-redesign .wd-phone-camera{width:22%;height:5px;background:#253347;position:absolute;top:0;left:39%;border-radius:0 0 5px 5px}.web-design-redesign .wd-portfolio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 32px}.web-design-redesign .wd-work-meta{margin-top:18px;display:flex;align-items:baseline;justify-content:space-between;gap:16px}.web-design-redesign .wd-work-meta h3{font-size:23px}.web-design-redesign .wd-work-meta span{font-size:14px;color:var(--muted)}.web-design-redesign .wd-work-link{display:block;transition:transform .2s}.web-design-redesign .wd-work-link:hover{transform:translateY(-4px)}.web-design-redesign .wd-text-link{display:inline-flex;align-items:center;gap:12px;font-size:15px;color:var(--blue);text-underline-offset:5px}.web-design-redesign .wd-text-link:hover{text-decoration:underline}.web-design-redesign .wd-more-works{margin-top:40px;border-top:1px solid var(--line);padding-top:22px}.web-design-redesign .wd-more-works>summary{display:flex;justify-content:space-between;list-style:none}.web-design-redesign .wd-archive{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.web-design-redesign .wd-archive img{width:100%;height:auto;border-radius:12px}.web-design-redesign .wd-archive figcaption{font-size:13px;color:var(--muted);margin-top:8px}.web-design-redesign .wd-section-intro{max-width:46em;margin-bottom:36px}.web-design-redesign .wd-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.web-design-redesign .wd-card{min-width:0;border-top:2px solid var(--cyan);padding-top:22px}.web-design-redesign .wd-card>.wd-number{display:block;font-size:13px;color:var(--blue);margin-bottom:20px}.web-design-redesign .wd-card>h3{font-size:24px;margin-bottom:16px}.web-design-redesign .wd-card>p{font-size:16px}.web-design-redesign .wd-detail{margin-top:22px}.web-design-redesign .wd-detail>summary{color:var(--blue);font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:16px;padding-block:12px}.web-design-redesign .wd-detail>summary::-webkit-details-marker{display:none}.web-design-redesign .wd-detail>summary:after{content:"+"}.web-design-redesign .wd-detail[open]>summary:after{content:"−"}.web-design-redesign .wd-detail p{margin:16px 0;font-size:16px}.web-design-redesign .wd-soft{background:#f3f9fc}.web-design-redesign .wd-reader .reading-room{margin-top:32px}.web-design-redesign .wd-reader h3{margin-bottom:20px}.web-design-redesign .wd-reader .reading-article p{margin:0 0 20px}.web-design-redesign .wd-reader .reading-article{max-width:48em}.web-design-redesign .wd-links{display:flex;flex-wrap:wrap;gap:26px;margin-top:32px}.web-design-redesign .wd-foundations{padding-bottom:20px}.web-design-redesign .wd-foundations .advantage-card{display:grid;grid-template-columns:1fr .7fr;gap:54px;align-content:center}.web-design-redesign .wd-foundations .advantage-card h3{font-size:clamp(28px,3vw,42px);color:inherit}.web-design-redesign .wd-foundations .advantage-card p{color:inherit;opacity:.88;margin-top:16px;font-size:16px}.web-design-redesign .wd-foundations .advantage-card .wd-foundation-summary{font-size:21px}.web-design-redesign .wd-foundations .advantage-no{display:block;font-size:15px;margin-bottom:26px}.web-design-redesign .wd-foundations .advantage-card:first-child{background:#0b2652;color:white}.web-design-redesign .wd-foundations .advantage-card:nth-child(2){background:#0051c3;color:white}.web-design-redesign .wd-foundations .advantage-card:nth-child(3){background:#bceff2;color:#0b2652}.web-design-redesign .wd-foundation-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:190px}.web-design-redesign .wd-foundation-visual>svg{width:118px;height:118px;stroke-width:.8}.web-design-redesign .wd-foundation-visual span{font-size:13px;letter-spacing:.16em}.web-design-redesign .wd-cta{margin:24px var(--gutter);border-radius:32px;padding:64px 0;background:#dff8fa}.web-design-redesign .wd-cta .wrap{display:flex;gap:42px;justify-content:space-between;align-items:center}.web-design-redesign .wd-cta h2{max-width:20em}.web-design-redesign .wd-cta p{margin-top:18px;max-width:44em}.web-design-redesign .wd-cta .btn{flex-shrink:0}.web-design-redesign .wd-dossier{grid-template-columns:1.14fr 1fr}.web-design-redesign .wd-case-figure{min-width:0}.web-design-redesign .wd-case-figure>figcaption{margin-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:12px}.web-design-redesign .wd-case-figure>figcaption button{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--blue)}.web-design-redesign .wd-dossier .case-copy h3{font-size:clamp(25px,2.3vw,34px)}.web-design-redesign .wd-dossier .case-copy h4{font-size:19px;margin-top:28px}.web-design-redesign .wd-dossier .case-full p{font-size:16px}.web-design-redesign .wd-case-stage .client-cases-heading{max-width:none}.web-design-redesign .wd-case-stage .case-tabs button{white-space:nowrap;width:auto;min-width:144px;flex:0 0 auto}.web-design-redesign .wd-foundations .advantage-no{color:inherit;opacity:.7}.web-design-redesign .wd-case-stage .client-cases-heading p{margin-top:22px;max-width:42em}.web-design-redesign .wd-image-dialog{padding:24px;position:fixed;inset:0;margin:auto;width:min(1180px,94vw);max-height:92dvh;overflow:auto;border:0;border-radius:20px;background:#fff;color:var(--ink)}.web-design-redesign .wd-image-dialog::backdrop{background:#0b2652c9}.web-design-redesign .wd-dialog-heading{position:sticky;top:-24px;display:flex;align-items:center;justify-content:space-between;background:white;padding:16px 0;z-index:2}.web-design-redesign .wd-dialog-heading button{padding:12px}.web-design-redesign .wd-dialog-images{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:start}.web-design-redesign .wd-dialog-images img{width:100%;height:auto}.web-design-redesign .wd-dialog-images figcaption{margin-bottom:12px;font-size:14px}.web-design-redesign .wd-ai-questions{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}.web-design-redesign .wd-ai-questions .wd-detail{border-top:1px solid var(--line);margin:0;padding:12px 0}.web-design-redesign .wd-ai-questions summary{color:var(--ink)}.web-design-redesign .wd-ai-questions h3{font-size:18px}@media (max-width:1050px){.web-design-redesign .wd-hero-grid{gap:30px}.web-design-redesign .wd-cards{gap:22px}.web-design-redesign .wd-foundations .advantage-card{gap:26px}.web-design-redesign .wd-cta .wrap{flex-direction:column;align-items:flex-start}}@media (max-width:760px){.web-design-redesign{padding-top:72px}.web-design-redesign .wd-hero{padding:36px 0 46px}.web-design-redesign .wd-hero-grid{grid-template-columns:1fr;gap:40px}.web-design-redesign .wd-hero h1{font-size:36px}.web-design-redesign .wd-hero h1>span{font-size:15px}.web-design-redesign .wd-ai-questions,.web-design-redesign .wd-cards,.web-design-redesign .wd-dossier,.web-design-redesign .wd-portfolio{grid-template-columns:1fr}.web-design-redesign .wd-portfolio{gap:32px}.web-design-redesign .wd-archive{grid-template-columns:1fr 1fr}.web-design-redesign .wd-devices{padding:22px 16% 40px 14px}.web-design-redesign .wd-phone{right:10px;bottom:12px;width:26%;border-width:3px;border-radius:10px}.web-design-redesign .wd-card{padding-top:18px}.web-design-redesign .wd-foundations .advantage-card{grid-template-columns:1fr}.web-design-redesign .wd-foundation-visual{min-height:80px;flex-direction:row;justify-content:flex-start}.web-design-redesign .wd-foundation-visual>svg{width:54px;height:54px}.web-design-redesign .wd-foundations .advantage-card .wd-foundation-summary{font-size:18px}.web-design-redesign .wd-cta{padding-block:44px;border-radius:24px}.web-design-redesign .wd-cta .wrap{width:calc(100% - 40px)}.web-design-redesign .wd-dialog-images{grid-template-columns:1fr}.web-design-redesign .wd-dialog-images figure:last-child{max-width:390px}.web-design-redesign .wd-image-dialog{padding:16px}.web-design-redesign .wd-work-meta h3{font-size:21px}}@media (prefers-reduced-motion:reduce){.web-design-redesign *,.web-design-redesign :after,.web-design-redesign :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.web-design-redesign .wd-work-link{text-align:left;cursor:pointer}.web-design-redesign .wd-work-meta>strong{font-size:25px;font-weight:500}.web-design-redesign .wd-work-back{margin:0 0 32px}.web-design-redesign .wd-work-back button{display:inline-flex;gap:12px;align-items:center;color:var(--blue);padding-block:12px}.web-design-redesign .wd-dossier{scroll-margin-top:120px}.web-design-redesign .wd-dossier .case-copy>p:not(.case-industry){margin-block:20px}.web-design-redesign .wd-case-explanation p{margin-top:12px;font-size:16px}.web-design-redesign .wd-case-explanation+a{margin-top:32px}.web-design-redesign .wd-case-figure{align-self:start;position:sticky;top:120px}.web-design-redesign .wd-foundations .wd-detail>summary{color:inherit}.web-design-redesign .wd-foundations .wd-text-link{color:white}.web-design-redesign #foundations .sec-head{width:min(1180px,calc(100% - 2 * var(--panel-inset)));margin-inline:auto}.web-design-redesign #responsive{background:#0051c3}.web-design-redesign #responsive .gsc-proof-heading p{color:#edf4ff}.web-design-redesign #responsive summary:focus-visible{outline-color:#fff}.web-design-redesign .wd-responsive-details{margin-top:30px}.web-design-redesign .wd-responsive-details details{border-top:1px solid #ffffff35}.web-design-redesign .wd-responsive-details summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding-block:20px;cursor:pointer}.web-design-redesign .wd-responsive-details summary::-webkit-details-marker{display:none}.web-design-redesign .wd-responsive-details summary h3{font-size:18px;color:#fff}.web-design-redesign .wd-responsive-details details p{font-size:16px;margin:0 0 20px}.web-design-redesign .chapter-panel>div>h3,.web-design-redesign .wd-reader>h3{font-size:27px;margin-bottom:24px}.web-design-redesign .wd-guide-intro{margin-bottom:32px}.web-design-redesign .wd-reader .reading-article h4{font-size:23px;margin-bottom:20px}.web-design-redesign .wd-ai-questions h4{font-size:18px}.web-design-redesign .wd-industry-copy{max-width:48em}.web-design-redesign .wd-industry-copy h4{font-size:25px;margin-bottom:20px}.web-design-redesign .wd-industry-copy p{margin-bottom:20px}.web-design-redesign .device-demo{min-width:0}.web-design-redesign .device-stage{height:430px;display:grid;place-items:center;perspective:1200px;container-type:inline-size}.web-design-redesign .device-object{--device-width:470px;--device-height:320px;width:min(var(--device-width),90cqw);height:var(--device-height);position:relative;transform:rotateX(9deg) rotateY(-15deg);transform-style:preserve-3d;transition:width 1.1s ease,height 1.1s ease,transform 1.1s ease}.web-design-redesign .device-screen{height:100%;border:7px solid #2b3d53;border-radius:15px;background:white;box-shadow:10px 16px 0 #0645a5,22px 28px 42px #003b9240,inset 0 0 0 1px #fff4;overflow:hidden;container:device-screen/inline-size;transition:border-radius 1.1s}.web-design-redesign .device-foot{position:absolute;left:36%;bottom:-37px;width:28%;height:37px;background:linear-gradient(90deg,#486179,#aac3d7,#486179);clip-path:polygon(30% 0,70% 0,76% 84%,100% 92%,100% 100%,0 100%,0 92%,24% 84%);transition:opacity .4s}.web-design-redesign [data-device=tablet] .device-object{--device-width:265px;--device-height:345px;transform:rotateX(5deg) rotateY(14deg)}.web-design-redesign [data-device=mobile] .device-object{--device-width:170px;--device-height:340px;transform:rotateX(5deg) rotateY(-12deg)}.web-design-redesign [data-device=tablet] .device-screen{border-radius:20px}.web-design-redesign [data-device=mobile] .device-screen{border-radius:24px}.web-design-redesign :is([data-device=tablet],[data-device=mobile]) .device-foot{opacity:0}.web-design-redesign .device-site{color:#0b2652;padding:20px;height:100%;background:#f5fafa}.web-design-redesign .device-site-nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bdd4da;padding-bottom:12px;font-size:9px}.web-design-redesign .device-site-nav b{font-size:12px;letter-spacing:.08em}.web-design-redesign .device-site-nav b span{font-weight:400;font-size:8px}.web-design-redesign .device-menu{display:none}.web-design-redesign .device-site-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;align-items:center;padding-block:22px}.web-design-redesign .device-site-hero small{font-size:7px;letter-spacing:.15em;color:#38798c}.web-design-redesign .device-site-hero strong{display:block;font-size:25px;line-height:1.5;font-weight:500;margin-block:9px}.web-design-redesign .device-site-cta{display:inline-flex;align-items:center;gap:14px;font-size:8px;background:#0051c3;border-radius:20px;color:white;padding:6px 10px}.web-design-redesign .device-site-art{height:114px;background:#c2f1ef;position:relative;overflow:hidden;border-radius:60px 60px 12px 12px}.web-design-redesign .device-site-art i{display:block;position:absolute;width:58%;height:72%;border:11px solid #fff;border-radius:50%;left:20%;top:16%;transform:rotate(-25deg);box-shadow:8px 9px 0 #73c6cc}.web-design-redesign .device-site-art i:nth-child(2){width:25%;height:32%;left:0;top:70%;border-width:6px}.web-design-redesign .device-site-art i:nth-child(3){width:20%;height:26%;left:84%;top:0;border-color:#0051c3;border-width:5px}.web-design-redesign .device-site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.web-design-redesign .device-site-grid>div{background:#fff;padding:10px;border-radius:4px;border-top:2px solid #8ed8df}.web-design-redesign .device-site-grid span{font-size:8px;color:#23769b}.web-design-redesign .device-site-grid i{display:block;height:3px;background:#c3d5e1;margin-top:6px}.web-design-redesign .device-site-grid i:last-child{width:60%}@container device-screen (max-width: 275px){.web-design-redesign .device-site{padding:16px}.web-design-redesign .device-site-nav{padding-bottom:10px}.web-design-redesign .device-site-links{display:none}.web-design-redesign .device-menu{display:block}.web-design-redesign .device-site-hero{grid-template-columns:1fr;padding-block:16px;gap:12px}.web-design-redesign .device-site-hero strong{font-size:21px}.web-design-redesign .device-site-art{height:60px;border-radius:5px}.web-design-redesign .device-site-art i{width:38%;height:135%;left:30%;top:-20%}.web-design-redesign .device-site-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@container device-screen (max-width: 190px){.web-design-redesign .device-site{padding:12px}.web-design-redesign .device-site-nav b span{display:none}.web-design-redesign .device-site-hero{padding-block:14px}.web-design-redesign .device-site-hero strong{font-size:17px;line-height:1.55}.web-design-redesign .device-site-art{height:45px}.web-design-redesign .device-site-grid{grid-template-columns:1fr;gap:6px}.web-design-redesign .device-site-grid>div{padding:5px 8px}.web-design-redesign .device-site-grid i{display:inline-block;width:40%;margin:0 0 2px 6px}.web-design-redesign .device-site-grid i:last-child{width:18%}}@media (max-width:760px){.web-design-redesign .device-demo{margin-top:25px}.web-design-redesign .device-stage{height:380px}.web-design-redesign .device-object{--device-height:320px}.web-design-redesign .wd-case-figure{position:static}.web-design-redesign .wd-work-meta>strong{font-size:21px}}