/* Additive layout safeguards; keep the existing premium.css brand design. */
*{box-sizing:border-box}html{scroll-padding-top:88px}body{margin:0;min-width:0}main,section,article,header,footer,nav{min-width:0}img{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7de4ee;outline-offset:4px}[hidden]{display:none!important}
.header,.hero,.section,footer{width:min(1240px,calc(100% - 48px));margin-left:auto;margin-right:auto}.header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;position:relative}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.logo{object-fit:contain}.desktop-nav{display:flex;gap:20px;flex:1;justify-content:center}.nav-cta{margin-left:auto;white-space:normal}.menu-button{display:none;min-width:44px;min-height:44px}#mobile-nav{width:100%;padding:16px;border:1px solid #393653;border-radius:16px;background:#10182a}#mobile-nav a{display:block;padding:12px;min-height:44px}
.hero{display:block}.hero-copy{max-width:880px;padding:36px 0}.hero-copy h1{font-size:clamp(38px,6vw,86px);line-height:1.06;overflow-wrap:break-word}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button,.nav-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-align:center;max-width:100%}.hero-gallery.dynamic-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;height:auto;min-height:0;width:100%;position:relative;margin:28px 0}.dynamic-gallery .hero-look{position:relative;inset:auto;transform:none;rotate:none;width:auto;max-width:none;height:auto;margin:0;aspect-ratio:2/3;border-radius:22px;overflow:hidden;background:#17223b}.dynamic-gallery .hero-look>img{display:block;width:100%;height:100%;object-fit:cover}.dynamic-gallery .hero-look>div{position:absolute;inset:auto 0 0;padding:32px 16px 16px;background:linear-gradient(transparent,#090e23ed);color:#fff}.dynamic-gallery .hero-look span,.dynamic-gallery .hero-look strong{display:block;overflow-wrap:anywhere}.dynamic-gallery .hero-look span{font-size:11px}.dynamic-gallery .hero-look strong{font-size:16px;line-height:1.3}.gallery-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px}.marquee{max-width:100%;overflow:hidden;white-space:nowrap}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:28px}.section-title>*{min-width:0}h2{font-size:clamp(30px,4.5vw,58px);line-height:1.1;overflow-wrap:break-word}.filters,.app-preview-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.filters button,.app-preview-tabs button{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:10px 16px}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.gallery-card{display:block;width:100%;min-width:0;height:auto;position:relative;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer}.gallery-card>img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:20px;background:#17223b}.card-info{display:block;padding:14px 0}.card-info small,.card-info strong{display:block;overflow-wrap:anywhere}.card-info strong{line-height:1.35;margin-top:6px}.card-arrow{position:absolute;top:12px;right:12px}.collection-note,#gallery-empty{line-height:1.6}
.phone-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.app-preview-item{min-width:0}.phone{width:100%;max-width:360px;margin:auto;overflow:hidden}.phone-body{min-width:0}.phone img{max-width:100%;object-fit:cover}.mini-strip,.mini-looks,.mini-tools,.mini-shortcuts{min-width:0}.mini-strip img,.mini-looks img{min-width:0;max-width:100%}.mini-header,.mini-nav{flex-wrap:wrap}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tool{min-width:0;overflow-wrap:anywhere}.tool-icon img{width:44px;height:44px;object-fit:contain}.workflow,.closing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:100%}.workflow>*{min-width:0}.flow-step{display:flex;align-items:center;gap:12px;min-width:0}.flow-step b{flex:1;min-width:0;overflow-wrap:anywhere}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:36px}.faq summary{min-height:44px;cursor:pointer;overflow-wrap:anywhere}.closing{padding:clamp(24px,5vw,64px)}footer{display:flex;flex-wrap:wrap;gap:24px;align-items:center}footer>div{display:flex;flex-wrap:wrap;gap:20px}footer a{overflow-wrap:anywhere}
#preview{width:min(860px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #484362;border-radius:24px;background:#11192b;color:#fff;padding:24px}#preview::backdrop{background:#030713cf}#preview>img{display:block;max-height:65vh;width:auto;height:auto;margin:auto;object-fit:contain}.close-preview{position:sticky;top:0;display:block;margin-left:auto;z-index:2;width:44px;height:44px;border-radius:50%;cursor:pointer}.preview-caption h3{overflow-wrap:anywhere}.preview-caption{padding-top:16px}
@media(max-width:1000px){.desktop-nav{display:none}.menu-button{display:block}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dynamic-gallery .hero-look strong{font-size:14px}.phone-gallery{gap:12px}}
@media(max-width:760px){.header,.hero,.section,footer{width:calc(100% - 32px)}.header{gap:10px}.nav-cta{font-size:12px;padding:10px 12px}.brand{font-size:22px}.brand .logo{width:30px;height:30px}.hero-copy{padding-top:24px}.hero-copy p br,.section-title p br{display:none}.section-title{display:block}.hero-gallery.dynamic-gallery{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(70vw,300px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.dynamic-gallery .hero-look{scroll-snap-align:start;aspect-ratio:3/4}.dynamic-gallery .hero-look strong{font-size:18px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.gallery-card>img{border-radius:14px}.phone-gallery{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(82vw,340px);overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding-bottom:16px}.app-preview-item{scroll-snap-align:center}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow,.closing,.faq{grid-template-columns:1fr;gap:24px}.steps{grid-template-columns:1fr;gap:28px}.closing{padding:30px 20px}.download-art{max-width:100%}.download-tags{display:flex;flex-wrap:wrap;gap:10px}footer{align-items:flex-start}.header .nav-cta{display:none}.menu-button{margin-left:auto}.hero-actions .button{flex:1 1 220px}.flow-visual{width:100%}}
@media(max-width:359px){.gallery,.tool-grid{grid-template-columns:1fr}.hero-copy h1{font-size:36px}.filters{gap:6px}.filters button{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
