.theme-showcase-page{font-family:var(--font_family_c);color:var(--black_color);background:var(--body_color)}.theme-showcase-page .page-banner-title{text-align:start;color:var(--black_color)}.hero-section{background:var(--body_color);display:flex;flex-direction:column;align-items:center;border-bottom:1px solid rgba(var(--pure_black_rgb),.05);text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:clamp(40px,8vw,56px);font-weight:700;margin:0;line-height:1.1;color:var(--black_color);font-family:var(--font_family_n);letter-spacing:-1.5px}.hero-sub{font-size:18px;font-weight:600;color:var(--dark_gray_color);margin:24px 0 0;line-height:1.4}.hero-badge{color:var(--primary_color);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;display:block}.hero-header-top{display:flex;justify-content:space-between;align-items:flex-start}.hero-cta-row{display:flex;gap:12px;margin-top:4px}.stars-wrap{color:#ffb800;font-size:13px;letter-spacing:1px}.star-icon.filled{opacity:1}.star-icon.empty{opacity:.25}.sticky-nav-wrap{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--white_color);border-top:1px solid #e8e8e4;box-shadow:0 -4px 12px rgba(var(--pure_black_rgb),.05);transition:transform .3s ease-in-out}.sticky-nav-inner{max-width:1240px;margin:0 auto;height:64px;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.sticky-nav-tabs{display:flex;gap:4px;align-items:center}.sticky-nav-cta{display:flex;gap:12px}.tab-btn{background:none;border:none;padding:0 16px;height:40px;cursor:pointer;font-size:12px;color:#777;font-family:var(--font_family_n);text-transform:uppercase;letter-spacing:.08em;position:relative;display:flex;align-items:center;border-radius:4px;transition:color .2s ease,background .2s ease}.tab-btn:after{display:none}.tab-btn:hover{color:var(--black_color);background:rgba(var(--pure_black_rgb),.05)}.tab-btn.active{color:var(--btn_primary_color);font-weight:700;background:var(--btn_primary_bg);letter-spacing:.08em}.showcase-section{border-bottom:1px solid rgba(var(--pure_black_rgb),.05);font-family:var(--font_family_c)}.section-container{max-width:1240px;margin:0 auto;padding:0 40px}.section-title.no-margin{margin-bottom:0}.section-title.showcase-mb-4{margin-bottom:4px}.section-subtitle-small{font-size:14px;color:#666;margin:0}.section-header-row{display:flex;align-items:center;gap:16px;margin-bottom:30px}.section-icon{font-size:28px}.section-icon.primary-color{color:var(--primary_color)}.showcase-section.bg-gray{background:var(--gray_color)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-column{display:flex;flex-direction:column}.feature-category{font-size:var(--min_font_size);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-family:var(--font_family_n)}.feature-item{font-size:15px;color:var(--black_color);margin-bottom:8px;display:flex;align-items:center;gap:8px}.check-icon{font-weight:700}.feature-grid.five-cols{grid-template-columns:repeat(5,1fr)}.feature-img-mb{margin-bottom:16px}.feature-highlight-title{font-size:18px;font-weight:700;margin-bottom:8px;font-family:var(--font_family_n)}.feature-highlight-desc{font-size:14px;color:#666;line-height:1.5}.performance-stat{font-size:42px;font-weight:700;font-family:var(--font_family_n)}.performance-label{color:#666;font-weight:600}.presets-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card-img-wrap{width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#f1f1f1;cursor:pointer}.card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card-img-wrap:hover img{transform:scale(1.05)}.preset-label{font-size:14px;font-weight:600;margin-top:12px;text-align:center;font-family:var(--font_family_n);color:var(--black_color)}.feature-column.no-underline{text-decoration:none}@media(max-width:768px){.feature-column .sb-description{margin-bottom:0}}── Modal ───────────────────────────────────────────────────── .lightbox-overlay{padding:60px}.lightbox-overlay{padding:60px 0}.lightbox-content{position:relative;max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;animation:scaleUp .5s cubic-bezier(.19,1,.22,1)}.lightbox-image{max-width:100%;max-height:-webkit-fill-available;max-height:stretch;border-radius:4px;box-shadow:0 30px 60px rgba(var(--pure_black_rgb),.5);object-fit:cover;background:var(--white_color);padding:8px}.lightbox-close{position:absolute;top:10px;right:10px;background:var(--deep_sapphire);border:1px solid rgba(var(--white_rgb),.2);color:var(--white_color);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2001}.lightbox-close:hover{background:var(--white_color);color:var(--pure_black_color);transform:rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:1024px){.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-grid.five-cols{grid-template-columns:repeat(3,1fr)}.presets-row{grid-template-columns:repeat(2,1fr)}.section-container{padding:0 24px}}@media(max-width:768px){.hero-section>div{text-align:left}.hero-header-top{flex-direction:column;gap:20px;align-items:flex-start;margin-bottom:30px}.hero-title{font-size:clamp(32px,9vw,44px);letter-spacing:-1px}.hero-sub{font-size:15px;margin-top:12px}.hero-cta-row{flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:0}.feature-grid{grid-template-columns:1fr;gap:24px}.feature-grid.five-cols{grid-template-columns:repeat(2,1fr)}.presets-row{grid-template-columns:repeat(2,1fr);gap:16px}.section-container{padding:0 20px}.sticky-nav-inner{padding:0 16px;height:56px;gap:8px}.sticky-nav-tabs{gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:1;min-width:0}.sticky-nav-tabs::-webkit-scrollbar{display:none}.tab-btn{font-size:10px;padding:0 10px;height:36px;white-space:nowrap;flex-shrink:0;letter-spacing:.06em}.sticky-nav-cta{flex-shrink:0;gap:8px}.btn-solid,.btn-outline{padding:9px 14px;font-size:12px;white-space:nowrap}.modal-container{max-width:92vw;border-radius:12px}.modal-body{padding:24px}.modal-title{font-size:20px}.section-header-row{margin:0}}@media(max-width:480px){.hero-title{font-size:clamp(28px,10vw,38px)}.feature-grid.five-cols,.presets-row{grid-template-columns:1fr}.sticky-nav-view-demo{display:none}.sticky-nav-inner{padding:0 12px}.tab-btn{font-size:9px;padding:0 8px;letter-spacing:.04em}.lightbox-overlay{padding:20px 12px}.modal-container{max-width:90vw}}