#main-content:after{display:none!important}.design-case-section{background-color:var(--color-bg);flex-direction:column;align-items:center;min-height:calc(100vh - 80px);padding:120px 5% 4rem;display:flex}.design-case-header{text-align:center;width:100%;max-width:800px;margin-bottom:2rem}.design-case-title-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.design-case-title{color:var(--color-heading);font-size:clamp(2rem,4vw,3rem);font-family:var(--font-primary);margin:0}.design-badge{background-color:rgba(var(--highlight-color-rgb), .1);color:var(--highlight-color);border:1px solid rgba(var(--highlight-color-rgb), .2);white-space:nowrap;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.9rem;font-weight:600;display:inline-flex}html.dark-theme .design-badge{background-color:rgba(var(--highlight-color-rgb), .1);color:var(--highlight-color);border-color:rgba(var(--highlight-color-rgb), .2)}.design-case-desc{color:var(--color-text);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.device-toggle{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:30px;justify-content:center;gap:.5rem;width:fit-content;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:.5rem;display:none}.device-toggle.show{display:flex}.device-btn{border:1px solid var(--highlight-color);cursor:pointer;color:var(--color-text);font-weight:500;font-family:var(--font-primary);background:0 0;border-radius:20px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s;display:flex}.device-btn:hover{background-color:var(--color-hover)}.device-btn.active{background-color:var(--color-primary);color:var(--color-bg)}.iframe-wrapper{justify-content:center;width:100%;margin:0 auto;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex}.iframe-wrapper.desktop{border:1px solid var(--highlight-color);border-radius:12px;max-width:1200px;height:800px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.iframe-wrapper.mobile{max-width:400px;height:800px;box-shadow:0 20px 40px #0000004d, inset 0 0 0 1px var(--highlight-color);border:12px solid #222;border-radius:40px;position:relative;overflow:hidden}html.dark-theme .iframe-wrapper.mobile{border-color:#111}.design-iframe{background-color:#fff;border:none;width:100%;height:100%;display:block}.design-case-cta-box{text-align:center;background-color:var(--container-bg-color);border:1px solid var(--border-color);max-width:800px;box-shadow:var(--card-shadow);border-radius:20px;margin-top:4rem;margin-left:auto;margin-right:auto;padding:3rem 2rem}.design-case-cta-box h3{color:var(--color-heading);font-size:clamp(1.5rem,3vw,2rem);font-family:var(--font-primary);margin-bottom:1rem}.design-case-cta-box .cta-description{color:var(--color-text);margin-bottom:2rem;font-size:1.1rem}.design-case-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.design-case-cta a{border-radius:30px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.cta-primary{background-color:var(--highlight-color);color:#fff}.cta-primary:hover{opacity:.9;transform:translateY(-2px)}.cta-secondary{border:1px solid var(--color-border);color:var(--color-text);background-color:#0000}.cta-secondary:hover{background-color:var(--color-hover);transform:translateY(-2px)}.btn-desktop-info{display:none}.inline-tip{font-size:.85rem;line-height:1.4;display:none}@media (width<=768px){.design-case-section{padding-left:10px;padding-right:10px;overflow-x:hidden}.iframe-wrapper.mobile,.iframe-wrapper.desktop{background-color:#222;margin:0 auto;overflow:hidden;container-type:inline-size;aspect-ratio:1/2!important;box-sizing:border-box!important;zoom:initial!important;border-width:8px!important;border-radius:28px!important;width:100%!important;max-width:390px!important;height:auto!important;display:block!important}html.dark-theme .iframe-wrapper.mobile,html.dark-theme .iframe-wrapper.desktop{background-color:#111}.iframe-wrapper.mobile .design-iframe,.iframe-wrapper.desktop .design-iframe{transform-origin:0 0;transform:scale(min(1, calc(100cqi / 374)));border:none!important;width:374px!important;height:765px!important}.device-toggle{flex-direction:column;gap:.8rem;width:100%;max-width:250px}.device-btn{justify-content:center;width:100%}#btn-desktop{display:none!important}.btn-desktop-info{border:1px dashed var(--color-border);color:var(--color-text);opacity:.8;background-color:#0000;display:flex}.btn-desktop-info:hover{background-color:var(--color-hover)}.btn-desktop-info.show-text{cursor:default;pointer-events:none;background-color:#0000;border-color:#0000}.btn-desktop-info.show-text .icon-tip{display:none}.btn-desktop-info.show-text .inline-tip{color:var(--highlight-color);font-weight:500;animation:.3s forwards fadeIn;display:block}}.mode-preview body{overflow:hidden!important}.mode-preview yan-header,.mode-preview yan-footer,.mode-preview .design-case-header,.mode-preview #deviceToggle{display:none!important}.mode-preview .design-case-section{justify-content:center;min-height:100vh!important;padding:0!important}.mode-preview .iframe-wrapper{max-width:100%!important;height:100vh!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important}.mode-preview .design-iframe{pointer-events:none}