/* CinEstate — unified Apple-inspired design system */
:root{
  --ce-ink:#0b0b0d;--ce-muted:#6e6e73;--ce-soft:#f5f5f7;--ce-line:rgba(0,0,0,.08);
  --ce-white:#fff;--ce-radius:24px;--ce-shadow:0 24px 70px rgba(0,0,0,.10);
  --ce-ease:cubic-bezier(.22,1,.36,1)
}
html{scroll-behavior:smooth}
body.cinestate-unified{background:#fff;color:var(--ce-ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.cinestate-unified *{box-sizing:border-box}
body.cinestate-unified a{transition:opacity .25s ease,transform .25s var(--ce-ease)}
body.cinestate-unified img{max-width:100%}
/* Shared nav/header */
body.cinestate-unified header,body.cinestate-unified .site-header,body.cinestate-unified nav:not(.apple-nav){background:rgba(255,255,255,.78)!important;color:#111!important;border-color:rgba(0,0,0,.07)!important;backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);box-shadow:0 1px 0 rgba(0,0,0,.03)!important}
body.cinestate-unified .logo,body.cinestate-unified .brand{color:#0b0b0d!important;letter-spacing:-.045em!important}
body.cinestate-unified button{transition:transform .25s var(--ce-ease),box-shadow .25s ease,background .25s ease,border-color .25s ease}
body.cinestate-unified button:hover{transform:translateY(-1px)}
body.cinestate-unified input,body.cinestate-unified textarea,body.cinestate-unified select{border-radius:12px!important}
/* Content cards */
body.cinestate-unified .card,body.cinestate-unified .panel,body.cinestate-unified .modal,body.cinestate-unified .settings-panel,body.cinestate-unified .upgrade-modal,body.cinestate-unified .up-card{
  border-color:rgba(0,0,0,.08)!important;border-radius:22px!important;box-shadow:0 18px 50px rgba(0,0,0,.07)!important
}
/* Editor: make the working environment feel like the same product */
body.cinestate-unified.editor-page{background:#f5f5f7!important;color:#111!important}
body.cinestate-unified.editor-page header{height:72px!important;padding:0 28px!important}
body.cinestate-unified.editor-page .logo{font-size:24px!important;font-weight:700!important}
body.cinestate-unified.editor-page .logo-sub{color:#8a8a8e!important}
body.cinestate-unified.editor-page .step-trail .step-dot{background:#d2d2d7!important}
body.cinestate-unified.editor-page .step-trail .step-dot.active{background:#111!important;box-shadow:0 0 0 5px rgba(0,0,0,.06)!important}
body.cinestate-unified.editor-page .credits-badge,body.cinestate-unified.editor-page .tier-badge{background:#fff!important;color:#555!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:999px!important}
body.cinestate-unified.editor-page .hdr-upgrade-btn{background:#111!important;color:#fff!important;border-radius:999px!important;padding:9px 17px!important}
body.cinestate-unified.editor-page .hdr-logout-btn,body.cinestate-unified.editor-page .hdr-manage-btn{background:#fff!important;color:#555!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:999px!important}
body.cinestate-unified.editor-page main{max-width:1180px!important;margin:0 auto!important;padding:110px 24px 70px!important}
body.cinestate-unified.editor-page #upload-zone{background:rgba(255,255,255,.88)!important;border:1px dashed #c7c7cc!important;border-radius:30px!important;box-shadow:0 30px 80px rgba(0,0,0,.07)!important;min-height:430px!important;transition:transform .5s var(--ce-ease),box-shadow .5s ease,border-color .3s ease!important}
body.cinestate-unified.editor-page #upload-zone:hover{transform:translateY(-5px)!important;box-shadow:0 38px 90px rgba(0,0,0,.11)!important;border-color:#111!important}
body.cinestate-unified.editor-page #upload-zone h2{font-size:clamp(34px,5vw,58px)!important;letter-spacing:-.055em!important;color:#111!important}
body.cinestate-unified.editor-page #upload-zone p{color:#6e6e73!important}
body.cinestate-unified.editor-page .btn,.body.cinestate-unified.editor-page button{border-radius:999px!important}
body.cinestate-unified.editor-page .btn-primary{background:#111!important;color:#fff!important}
body.cinestate-unified.editor-page .btn-primary:hover{background:#000!important}
body.cinestate-unified.editor-page .btn-ghost{background:#fff!important;color:#111!important;border:1px solid #d2d2d7!important}
body.cinestate-unified.editor-page .settings-panel,body.cinestate-unified.editor-page .mode-card,body.cinestate-unified.editor-page .mode-panel{background:#fff!important;color:#111!important}
body.cinestate-unified.editor-page .card,body.cinestate-unified.editor-page .photo-card,body.cinestate-unified.editor-page .mode-option{background:#fff!important;border-color:#e2e2e5!important}
body.cinestate-unified.editor-page .upgrade-overlay{background:rgba(255,255,255,.58)!important;backdrop-filter:blur(20px)!important}
body.cinestate-unified.editor-page .upgrade-modal{background:#fff!important;color:#111!important}
/* Login / ambassador / blog shared surfaces */
body.cinestate-unified .login-card,body.cinestate-unified .auth-card,body.cinestate-unified .ambassador-card,body.cinestate-unified .article-card,body.cinestate-unified .blog-card{
  background:rgba(255,255,255,.9)!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:28px!important;box-shadow:var(--ce-shadow)!important
}
body.cinestate-unified .login-card h1,body.cinestate-unified .auth-card h1,body.cinestate-unified .ambassador-card h1{letter-spacing:-.055em!important}
body.cinestate-unified .btn-primary,body.cinestate-unified .primary,body.cinestate-unified [type=submit]{background:#111!important;color:#fff!important;border-radius:999px!important}
body.cinestate-unified .btn-primary:hover,body.cinestate-unified .primary:hover{background:#000!important}
/* Reveal motion for pages that do not already have it */
body.cinestate-unified .ce-reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .9s var(--ce-ease)}
body.cinestate-unified .ce-reveal.ce-visible{opacity:1;transform:none}
@media(max-width:800px){
 body.cinestate-unified.editor-page main{padding:96px 16px 50px!important}
 body.cinestate-unified.editor-page header{padding:0 16px!important}
 body.cinestate-unified.editor-page .logo-sub,body.cinestate-unified.editor-page .step-trail{display:none!important}
}
@media(prefers-reduced-motion:reduce){body.cinestate-unified *,body.cinestate-unified *::before,body.cinestate-unified *::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* Final visual pass */
.demo-shell{background:#fff!important;padding:7px!important;border:1px solid rgba(0,0,0,.08);box-shadow:0 36px 90px rgba(0,0,0,.14),0 3px 12px rgba(0,0,0,.08)!important;border-radius:32px!important}
.demo-shell iframe{background:#f5f5f7!important;border-radius:25px!important}
.demo-chrome{height:24px;position:absolute;z-index:4;left:16px;right:16px;top:7px;display:flex;align-items:center;gap:5px;pointer-events:none;color:#8a8a8e;font-size:9px;letter-spacing:.04em}
.demo-chrome span{width:6px;height:6px;border-radius:50%;background:#d7d7da}
.demo-chrome b{font-weight:500;margin-left:7px;opacity:.7}
.cinematic-shot{overflow:hidden!important}
.cinematic-shot img{transform:scale(1.03);animation:cinematicPush 12s cubic-bezier(.2,.7,.2,1) infinite alternate;will-change:transform}
@keyframes cinematicPush{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.12) translate3d(-1.5%,-1%,0)}}
@media (prefers-reduced-motion:reduce){.cinematic-shot img{animation:none;transform:none}}


/* FINAL HOMEPAGE LAYOUT PASS */
body.cinestate-unified main#top{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
body.cinestate-unified main#top .site-wrap{
  width:min(calc(100% - 48px),1240px)!important;
  max-width:1240px!important;
  margin-inline:auto!important;
}
body.cinestate-unified main#top .hero-grid{
  width:100%!important;
  max-width:1240px!important;
}
body.cinestate-unified main#top .hero-copy{
  text-align:left!important;
}
body.cinestate-unified main#top .hero-copy h1,
body.cinestate-unified main#top .hero-copy p{margin-left:0!important;margin-right:0!important}
body.cinestate-unified main#top .hero-actions,
body.cinestate-unified main#top .hero-proof{justify-content:flex-start!important}

body.cinestate-unified main#top .metrics{
  padding-top:0!important;
  padding-bottom:46px!important;
}
body.cinestate-unified main#top .features-apple{
  padding-top:46px!important;
  padding-bottom:88px!important;
}
body.cinestate-unified main#top .metrics-card{
  max-width:1240px!important;
  margin-inline:auto!important;
}
@media(max-width:1060px){
  body.cinestate-unified main#top .hero-copy{text-align:center!important}
  body.cinestate-unified main#top .hero-copy h1,
  body.cinestate-unified main#top .hero-copy p{margin-left:auto!important;margin-right:auto!important}
  body.cinestate-unified main#top .hero-actions,
  body.cinestate-unified main#top .hero-proof{justify-content:center!important}
}
@media(max-width:760px){
  body.cinestate-unified main#top .site-wrap{width:min(calc(100% - 28px),1240px)!important}
  body.cinestate-unified main#top .metrics{padding-bottom:30px!important}
  body.cinestate-unified main#top .features-apple{padding-top:30px!important}
}

/* Product preview: premium still-image motion rather than low-quality static imagery */
.cinematic-shot img{content:url("img/cinematic-kitchen-premium.png")!important;object-fit:cover!important}