/* AQDERA Luxury Invitation Studio — public homepage */
:root{
  --ink:#141210;
  --ink-soft:#1c1814;
  --paper:#f7f3ec;
  --paper-soft:#efe8dc;
  --muted:#7a7167;
  --line:rgba(28,24,20,.12);
  --gold:#b8924a;
  --gold-soft:#e6d3a8;
  --gold-deep:#8a6a2f;
  --accent:#8a5a52;
  --shadow:0 28px 70px rgba(12,10,8,.18);
  --radius:22px;
  --font-display-en:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --font-display-ar:"Amiri","Noto Naskh Arabic",Georgia,serif;
  --font-body:"Cairo",Manrope,ui-sans-serif,system-ui,sans-serif;
  --font-ui:Manrope,Cairo,ui-sans-serif,system-ui,sans-serif;
  font-family:var(--font-body);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  line-height:1.65;
  font-weight:500;
}
button,input,textarea{font:inherit}
button,a{touch-action:manipulation}
[id]{scroll-margin-top:88px}

h1,h2,h3,.brand-hero,.paper-card strong,.pkg-shell h3,.exp-flow b{
  font-family:var(--font-display-en);
  font-weight:500;
  letter-spacing:-.01em;
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] .brand-hero,
html[lang="ar"] .paper-card strong,
html[lang="ar"] .pkg-shell h3,
html[lang="ar"] .exp-flow b{
  font-family:var(--font-display-ar);
  letter-spacing:0;
  line-height:1.25;
}
.eyebrow,.pkg-kicker,.mini-label,.brand-sub{
  font-family:var(--font-ui);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
}
html[lang="ar"] .eyebrow,
html[lang="ar"] .pkg-kicker,
html[lang="ar"] .mini-label{
  letter-spacing:.12em;
}

.site-header{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px max(16px,calc((100vw - 1160px)/2));
  background:rgba(20,18,16,.92);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(230,211,168,.14);
  color:#f5efe6;
}
.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;font-family:var(--font-ui);font-weight:700}
.brand-mark{
  display:grid;place-items:center;width:34px;height:34px;
  border:1px solid var(--gold-soft);border-radius:50%;
  font-family:var(--font-display-en);color:var(--gold-soft);font-size:1.05rem;
}
.brand b,.brand-text b{color:var(--gold-soft);font-weight:600}
.header-nav{display:flex;gap:4px;align-items:center}
.header-nav a{
  color:rgba(245,239,230,.78);text-decoration:none;font-family:var(--font-ui);
  font-size:.86rem;font-weight:600;padding:9px 12px;border-radius:999px;
}
.header-nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.header-actions{display:flex;gap:10px;align-items:center}
.text-button{
  border:0;background:none;color:#f5efe6;padding:10px 12px;
  font-family:var(--font-ui);font-weight:700;cursor:pointer;min-height:44px;
}
.text-button:focus-visible,.primary:focus-visible,.secondary:focus-visible,.pkg-shell:focus-visible,.package:focus-visible,.theme-card:focus-visible{
  outline:2px solid var(--gold-soft);outline-offset:3px;
}

.primary,.secondary,.ai-button,.pkg-cta{
  min-height:48px;border-radius:999px;border:1px solid transparent;
  padding:12px 22px;font-family:var(--font-ui);font-weight:700;
  text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;
}
.primary{background:var(--ink);color:#f7f3ec}
.primary:hover{background:#000}
.site-header .primary,
.hero .primary{
  background:linear-gradient(135deg,var(--gold-soft),var(--gold));
  color:#1a1510;border:0;
}
.site-header .primary:hover,
.hero .primary:hover{filter:brightness(1.05)}
.primary.compact{min-height:42px;padding:9px 16px}
.secondary{background:transparent;border-color:rgba(28,24,20,.18);color:var(--ink)}
.secondary.ghost{border-color:rgba(245,239,230,.45);color:#f5efe6;background:rgba(255,255,255,.04)}
.secondary.ghost:hover{background:rgba(255,255,255,.1)}
.hero .secondary.ghost{border-color:rgba(245,239,230,.5)}
.shell{width:min(1160px,calc(100% - 36px));margin-inline:auto}

.hero{
  position:relative;
  display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;
  min-height:min(92vh,860px);padding-block:72px 88px;color:#f5efe6;
  background:
    radial-gradient(ellipse 70% 55% at 78% 28%,rgba(184,146,74,.16),transparent 58%),
    radial-gradient(ellipse 50% 40% at 12% 85%,rgba(138,90,82,.12),transparent 55%),
    #12100e;
  width:100%;
  max-width:none;
  margin:0;
  padding-inline:max(18px,calc((100vw - 1160px)/2));
  box-sizing:border-box;
}
.hero.shell{width:100%}
.hero-atmosphere{display:none}
.hero-copy,.hero-preview{position:relative;z-index:1}
.brand-hero{
  margin:0;font-size:clamp(2.4rem,7vw,4.2rem);line-height:.95;color:var(--gold-soft);
}
.brand-hero.compact{font-size:clamp(1.8rem,4vw,2.6rem);color:var(--gold-deep)}
.brand-sub{margin:.35rem 0 1.4rem;color:rgba(230,211,168,.75)}
.hero h1{
  font-size:clamp(2.1rem,4.6vw,3.55rem);line-height:1.12;margin:0 0 .7em;max-width:16ch;color:#fffdf8;
}
html[lang="ar"] .hero h1{max-width:14ch;line-height:1.28}
.hero-copy>p:not(.brand-sub):not(.brand-hero){
  font-size:1.05rem;color:rgba(245,239,230,.72);max-width:38rem;margin:0;line-height:1.75;
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-actions .primary{min-width:min(100%,280px)}
.hero-preview{display:grid;place-items:center;min-height:480px}
.invite-stage{
  width:min(380px,100%);padding:36px 28px;border-radius:28px;
  background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid rgba(230,211,168,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.hero-product-stage{
  position:relative;padding:18px;overflow:hidden;
}
.hero-product-art{
  display:block;width:100%;aspect-ratio:3/4;border-radius:18px;overflow:hidden;
  border:1px solid rgba(230,211,168,.22);
}
.hero-product-art img{
  width:100%;height:100%;object-fit:cover;display:block;
  animation:heroArtRise .9s ease both;
}
.hero-product-card{
  position:absolute;inset-inline:12%;bottom:8%;
  aspect-ratio:auto;padding:22px 18px;width:auto;
  background:rgba(255,251,246,.94);backdrop-filter:blur(6px);
  box-shadow:0 18px 40px rgba(0,0,0,.28);
  animation:cardFloat 7s ease-in-out infinite;
}
.hero-product-card strong{font-size:clamp(1.25rem,3.4vw,1.7rem)}
.hero-product-card small{margin-top:6px;font-size:.78rem}
.hero-product-card .preview-date{margin-top:14px;letter-spacing:.16em;font-size:.72rem}
@media(prefers-reduced-motion:reduce){
  .hero-product-art img,.hero-product-card{animation:none}
}
@keyframes heroArtRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.paper-card{
  width:100%;aspect-ratio:3/4;background:var(--paper);
  box-shadow:var(--shadow);padding:52px 28px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
  border:1px solid rgba(138,90,82,.16);position:relative;color:var(--ink);
  animation:cardFloat 7s ease-in-out infinite;
}
@media(prefers-reduced-motion:reduce){.paper-card{animation:none}}
@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.paper-card:before,.paper-card:after{content:"";position:absolute;width:58px;height:1px;background:#c9a39a}
.paper-card:before{top:28px}.paper-card:after{bottom:28px}
.paper-card p{margin:8px 0;color:#8b6d67;font-size:.95rem}
.paper-card strong{font-size:clamp(1.7rem,4vw,2.15rem)}
.paper-card small{max-width:220px;margin-top:12px;color:var(--muted);line-height:1.55}
.preview-date{margin-top:26px;letter-spacing:.22em;font-family:var(--font-ui);font-size:.82rem;color:var(--muted)}
.mini-label{color:#987b73;margin-bottom:8px}

.how,.designs,.packages-section,.themes,.experience,.benefits,.faq,.creator{
  padding-block:88px;color:var(--ink);
}
.how-compact{padding-block:56px 40px}
.how-steps-3{grid-template-columns:repeat(3,1fr)}
.proof-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
}
.proof-card{display:grid;gap:10px;min-width:0}
.proof-visual{
  position:relative;display:block;border-radius:16px;overflow:hidden;
  aspect-ratio:3/4;text-decoration:none;color:inherit;
  border:1px solid var(--line);background:var(--sand);
}
.proof-visual img{width:100%;height:100%;object-fit:cover;display:block}
.proof-visual::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(18,14,10,.72));
}
.proof-name{
  position:absolute;inset-inline:12px;bottom:12px;z-index:1;
  color:#fffdf8;font-family:var(--font-display-en);font-size:1.05rem;font-weight:600;
}
.proof-actions{display:flex;gap:8px;flex-wrap:wrap}
.proof-actions .ghost,.proof-actions .btn{
  flex:1 1 120px;min-height:44px;padding:10px 12px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;font:inherit;font-weight:650;font-size:.88rem;cursor:pointer;
}
.proof-actions .ghost{
  border:1px solid var(--line);background:transparent;color:var(--ink);
}
.proof-actions .btn{
  background:var(--ink);color:#f7f3ec;border:1px solid var(--ink);
}
.proof-more{margin-top:28px;justify-content:center}
.header-nav .nav-create{
  font-weight:700;color:var(--gold-deep);
}
.nav-create-cta{
  white-space:nowrap;
}
.section-heading{max-width:720px;margin-bottom:40px}
.section-heading .eyebrow{display:inline-block;color:var(--gold-deep);margin-bottom:12px}
.section-heading h2{
  font-size:clamp(1.9rem,3.8vw,3.1rem);line-height:1.15;margin:0 0 .45em;
}
.section-heading p{margin:0;color:var(--muted);max-width:36rem;font-size:1.02rem;line-height:1.7}

.how-steps{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:28px;
  border-top:1px solid var(--line);padding-top:36px;
}
.how-steps li{display:grid;gap:10px;align-content:start}
.how-steps span{
  font-family:var(--font-ui);font-size:.78rem;font-weight:700;
  letter-spacing:.16em;color:var(--gold-deep);
}
.how-steps h3{margin:0;font-size:1.35rem}
.how-steps p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.65}

.package-showcase{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;
}
.pkg-shell{
  position:relative;border:0;padding:0;cursor:pointer;background:transparent;
  transition:transform .35s ease;
}
.pkg-shell:hover{transform:translateY(-4px)}
.pkg-frame{height:100%;padding:32px 28px 28px;display:flex;flex-direction:column;gap:10px}
.pkg-shell h3{margin:0;font-size:2.4rem;line-height:1}
.pkg-price{margin:4px 0 8px;font-family:var(--font-ui)}
.pkg-price strong{font-size:2rem;font-weight:700;letter-spacing:-.02em}
.pkg-price span{color:var(--muted);font-weight:600;margin-inline-start:4px}
.price-launch-offer{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.launch-offer-badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:none;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#f3e6c8,#e8d4a8);color:#5c4520;border:1px solid rgba(184,146,74,.35)}
.price-stack{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px}
.price-stack-compact{gap:4px 8px}
.price-was{font-size:.95rem;font-weight:600;color:var(--muted);text-decoration:line-through;text-decoration-thickness:2px;opacity:.85}
.price-now strong{font-size:2rem;font-weight:800;letter-spacing:-.02em;color:inherit}
.price-now span{font-weight:600;margin-inline-start:4px}
.price-now-only strong{font-size:2rem;font-weight:800}
.pkg-premium .price-now strong{color:#3a2a28}
.pkg-gold .launch-offer-badge{background:linear-gradient(135deg,rgba(212,175,55,.35),rgba(184,146,74,.25));color:#f5efe6;border-color:rgba(212,175,55,.45)}
.pkg-gold .price-was{color:rgba(245,239,230,.55)}
@media (max-width:640px){
  .price-now strong,.price-now-only strong{font-size:1.65rem}
  .launch-offer-badge{font-size:.68rem;max-width:100%;line-height:1.35}
}
.pkg-lead{margin:0 0 8px;color:var(--muted);line-height:1.6;max-width:28rem}
.pkg-shell ul{margin:0 0 22px;padding:0;list-style:none;display:grid;gap:10px;flex:1}
.pkg-shell li{
  position:relative;padding-inline-start:1.15em;font-size:.95rem;color:var(--ink-soft);
}
.pkg-shell li::before{
  content:"";position:absolute;inset-inline-start:0;top:.55em;
  width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.45;
}
.pkg-cta{margin-top:auto}

.pkg-premium .pkg-frame{
  background:linear-gradient(180deg,#fffdf9,#f6efe6);
  border:1px solid rgba(138,90,82,.2);
  box-shadow:0 18px 48px rgba(60,40,32,.08);
  border-radius:4px 4px 20px 20px;
  position:relative;
}
.pkg-premium .pkg-frame::before{
  content:"";position:absolute;inset:10px;border:1px solid rgba(138,90,82,.14);pointer-events:none;
  border-radius:2px 2px 14px 14px;
}
.pkg-premium .pkg-kicker{color:var(--accent)}
.pkg-premium h3{color:#3a2a28}
.pkg-premium.selected-package .pkg-frame,
.pkg-premium[aria-pressed="true"] .pkg-frame{
  box-shadow:0 22px 56px rgba(60,40,32,.12),0 0 0 2px rgba(138,90,82,.28);
}

.pkg-gold .pkg-frame{
  background:linear-gradient(165deg,#171411 0%,#221c16 55%,#1a1510 100%);
  color:#f5efe6;
  border:1px solid rgba(230,211,168,.35);
  border-radius:2px;
  box-shadow:0 24px 60px rgba(8,6,4,.35);
  position:relative;
}
.pkg-gold .pkg-kicker{color:var(--gold-soft)}
.pkg-gold h3{color:var(--gold-soft)}
.pkg-gold .pkg-price span,.pkg-gold .pkg-lead,.pkg-gold li{color:rgba(245,239,230,.72)}
.pkg-gold .pkg-price strong{color:#fff}
.pkg-gold .primary{
  background:linear-gradient(135deg,var(--gold-soft),var(--gold));color:#1a1510;
}
.pkg-gold.selected-package .pkg-frame,
.pkg-gold[aria-pressed="true"] .pkg-frame{
  box-shadow:0 28px 70px rgba(8,6,4,.45),0 0 0 1px rgba(230,211,168,.55);
}

/* Custom — request service card (not a fixed package / no price-tier) */
.pkg-custom{cursor:default}
.pkg-custom .pkg-frame{
  background:
    linear-gradient(145deg,rgba(255,252,247,.96),rgba(241,230,214,.92)),
    radial-gradient(ellipse at 80% 0%,rgba(196,163,90,.18),transparent 55%);
  border:1px solid rgba(138,90,82,.22);
  border-radius:22px;
  box-shadow:0 20px 52px rgba(48,34,24,.1);
  position:relative;
  overflow:hidden;
}
.pkg-custom .pkg-frame::after{
  content:"";position:absolute;inset:auto -20% -40% auto;width:180px;height:180px;
  background:radial-gradient(circle,rgba(196,163,90,.22),transparent 70%);
  pointer-events:none;
}
.pkg-custom .pkg-kicker{color:var(--accent)}
.pkg-custom h3{
  color:#2c221c;
  font-family:var(--font-display-en);
  letter-spacing:.02em;
}
.pkg-custom .pkg-subtitle{
  margin:-4px 0 0;color:var(--accent);font-weight:700;font-size:.95rem;
}
.pkg-custom-price{
  margin:8px 0 10px;font-weight:700;color:#5c4520;font-size:1.05rem;line-height:1.45;
  max-width:100%;
}
.pkg-custom .pkg-lead,.pkg-custom li{color:rgba(44,34,28,.72)}
.pkg-custom .primary{
  background:linear-gradient(135deg,#2a221a,#1c1712);color:#f5efe6;
}
.pkg-custom .pkg-cta{position:relative;z-index:1}

.occasion-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;
}
.occasion-card{
  position:relative;display:block;border-radius:18px;overflow:hidden;
  border:1px solid var(--line);background:#141210;aspect-ratio:4/5;
  text-decoration:none;color:#fff;isolation:isolate;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.occasion-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(28,24,20,.14);border-color:#d4c4ae}
.occasion-card picture,.occasion-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
}
.occasion-card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(20,18,16,.08) 20%,rgba(20,18,16,.72) 100%);
  z-index:1;
}
.occasion-label{
  position:absolute;inset-inline:16px;bottom:16px;z-index:2;
  font-family:var(--font-display-ar);font-size:1.35rem;font-weight:600;letter-spacing:.01em;
}
html[lang="en"] .occasion-label{font-family:var(--font-display-en)}
.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}
.theme-card{
  border:1px solid var(--line);background:#fffdf9;border-radius:18px;padding:12px;
  text-align:start;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
  font:inherit;color:inherit;display:block;width:100%;
}
.theme-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(28,24,20,.08);border-color:#d4c4ae}
.theme-card-preview{
  aspect-ratio:4/5;border-radius:12px;margin-bottom:12px;display:grid;place-items:center;
  font-family:var(--font-display-en);font-size:1.2rem;position:relative;overflow:hidden;
}
html[lang="ar"] .theme-card-preview{font-family:var(--font-display-ar)}
.theme-card strong{display:block;font-family:var(--font-ui);font-size:.95rem}
.theme-card small{color:var(--muted);font-size:.8rem}
.tone-rose{background:linear-gradient(145deg,#ead6d0,#fffaf7)}
.tone-pearl{background:linear-gradient(145deg,#f6f4ef,#fff)}
.tone-midnight{background:linear-gradient(145deg,#171717,#4b3e31);color:#e9d4a7}
.tone-olive{background:linear-gradient(145deg,#dfe3d3,#f9f4e9)}
.tone-birthday{background:linear-gradient(145deg,#2a1c30,#1a1424);color:#f5ebe3}

.exp-flow{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(6,1fr);gap:0;
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fffdf9;
}
.exp-flow li{
  padding:22px 16px;display:grid;gap:8px;border-inline-end:1px solid var(--line);
  min-height:140px;align-content:start;
}
.exp-flow li:last-child{border-inline-end:0}
.exp-flow b{font-size:1.2rem}
.exp-flow span{color:var(--muted);font-size:.88rem;line-height:1.55}

.benefit-list{
  display:grid;grid-template-columns:repeat(2,1fr);gap:32px 48px;
  border-top:1px solid var(--line);padding-top:36px;
}
.benefit-list h3{margin:0 0 8px;font-size:1.45rem}
.benefit-list p{margin:0;color:var(--muted);max-width:34rem;line-height:1.7}

.faq-list{display:grid;gap:10px;max-width:760px}
.faq-list details{
  background:#fffdf9;border:1px solid var(--line);border-radius:16px;padding:0 20px;
}
.faq-list summary{
  cursor:pointer;font-family:Cairo,Manrope,ui-sans-serif,system-ui,sans-serif;font-weight:700;padding:18px 0;list-style:none;
}
html[lang="en"] .faq-list summary{font-family:var(--font-ui)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list p{margin:0;padding:0 0 18px;color:var(--muted);line-height:1.7}

.creator{padding-top:64px;border-top:1px solid var(--line)}
.create-page .creator{border-top:0;padding-top:40px}
/* Creator already started — hide redundant Start CTAs on this page only. */
.create-page .nav-create,
.create-page .nav-create-cta{display:none!important}
.creator-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.invite-form{display:grid;gap:18px}
.step-block{
  display:grid;grid-template-columns:44px 1fr;gap:14px;
  background:#fffdf9;border:1px solid var(--line);border-radius:24px;padding:24px;
}
.step-no{
  width:36px;height:36px;border-radius:50%;background:var(--paper-soft);
  display:grid;place-items:center;font-family:var(--font-ui);font-weight:800;
}
.step-block h3{margin:3px 0 16px;font-size:1.35rem}
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.choice{
  border:1px solid var(--line);background:#fff;border-radius:14px;min-height:50px;
  padding:10px 12px;cursor:pointer;font-family:var(--font-ui);font-weight:600;
}
.choice.active,.theme-option.active{border-color:var(--gold);box-shadow:0 0 0 2px rgba(184,146,74,.18)}
.theme-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.theme-option{
  border:1px solid var(--line);background:#fff;border-radius:18px;padding:12px;
  text-align:start;cursor:pointer;font:inherit;
}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.form-grid label:not([hidden]),.draft-field:not([hidden]){display:grid;gap:7px}
.form-grid label[hidden],.draft-field[hidden]{display:none!important}
.form-grid .full{grid-column:1/-1}
.form-grid input,.form-grid textarea,.draft-field textarea{
  width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;
  padding:12px 14px;color:var(--ink);outline:none;
}
.form-grid input:focus,.form-grid textarea:focus,.draft-field textarea:focus{
  border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,146,74,.15);
}
.time-range-row{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
}
.time-range-row label{display:grid;gap:7px}
.field-hint{
  grid-column:1/-1;margin:0;padding:0 2px;
  color:#8a3b2f;font-size:.88rem;line-height:1.45;
}
.field-hint[hidden]{display:none!important}
.form-grid input.invalid{
  border-color:#c45c4a;box-shadow:0 0 0 3px rgba(196,92,74,.12);
}
.language-field{border:0;padding:0;margin:0;display:flex;gap:18px}
.language-field legend{margin-bottom:8px}
.language-field label{display:flex;align-items:center;gap:7px}
.helper{color:var(--muted);font-size:.92rem}
.ai-button{background:#efe6df;border-color:#dbc9be;color:#5d4038}
.ai-button svg{width:20px;height:20px}
.status{margin:12px 0;padding:10px 12px;border-radius:12px;background:var(--paper-soft);font-size:.9rem}
.draft-field{margin-top:12px}
.approval{display:flex;align-items:flex-start;gap:9px;margin-top:12px}
.publish-row{display:grid;gap:8px}
.wide{width:100%}
.publish-row p{margin:0;color:var(--muted);font-size:.85rem;text-align:center}
.package-card{
  position:sticky;top:90px;background:var(--ink);color:#f5efe6;
  border-radius:24px;padding:24px;border:1px solid rgba(230,211,168,.22);
}
.package{display:grid;gap:2px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.package span,.package-card small{color:#d6d0cb}
.package.featured b{color:#e6c6b9}

.site-footer{
  display:grid;gap:18px;justify-items:start;
  padding:40px max(18px,calc((100vw - 1160px)/2)) 56px;
  border-top:1px solid var(--line);background:#12100e;color:rgba(245,239,230,.7);
}
.footer-brand{display:flex;gap:12px;align-items:center;color:#f5efe6}
.footer-brand strong{display:block;font-family:var(--font-display-en);font-size:1.35rem;font-weight:500}
.footer-brand span{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft)}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}
.footer-links a{color:rgba(245,239,230,.75);text-decoration:none;font-family:var(--font-ui);font-weight:600}
.footer-links a:hover{color:#fff}

@media(prefers-reduced-motion:no-preference){
  .how-steps li,.pkg-shell,.theme-card,.proof-card,.exp-flow li,.benefit-list>div{
    animation:rise .7s ease both;
  }
  .how-steps li:nth-child(2),.pkg-shell:nth-child(2),.theme-card:nth-child(2),.proof-card:nth-child(2){animation-delay:.06s}
  .how-steps li:nth-child(3),.theme-card:nth-child(3),.proof-card:nth-child(3){animation-delay:.1s}
  .how-steps li:nth-child(4),.theme-card:nth-child(4),.proof-card:nth-child(4){animation-delay:.14s}
}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@media(max-width:980px){
  .header-nav{display:none}
  .hero{grid-template-columns:1fr;padding-block:48px 64px;gap:36px;min-height:auto}
  .hero-preview{min-height:auto}
  .hero-product-stage{max-width:320px;margin-inline:auto}
  .how-steps{grid-template-columns:1fr 1fr;gap:24px}
  .how-steps-3{grid-template-columns:1fr 1fr}
  .how-steps-3 li:last-child{grid-column:1/-1}
  .proof-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .package-showcase{grid-template-columns:1fr;overflow-x:hidden}
  .exp-flow{grid-template-columns:1fr 1fr 1fr}
  .exp-flow li:nth-child(3n){border-inline-end:0}
  .exp-flow li:nth-child(n+4){border-top:1px solid var(--line)}
  .theme-grid,.occasion-grid{grid-template-columns:repeat(2,1fr)}
  .creator-layout{grid-template-columns:1fr}
  .package-card{position:static}
  .header-actions .nav-create-cta{display:inline-flex}
}
@media(max-width:620px){
  .site-header{padding:10px 14px;gap:8px}
  .brand-text{font-size:.92rem}
  /* Keep “Create invitation” visible on mobile; hide only the account text if needed via layout. */
  .header-actions .nav-create-cta{
    display:inline-flex;padding:8px 12px;font-size:.82rem;min-height:40px;
  }
  .shell{width:min(100% - 24px,1160px)}
  .hero{padding-block:28px 36px;gap:24px}
  .hero h1{font-size:1.95rem;max-width:none}
  .hero-copy>p:not(.brand-sub):not(.brand-hero){font-size:.98rem;line-height:1.6}
  .hero-actions{margin-top:20px}
  .hero-actions .primary{width:100%;min-width:0}
  .brand-hero{font-size:2.35rem}
  .invite-stage{padding:14px;border-radius:22px}
  .hero-product-card{inset-inline:10%;bottom:6%;padding:16px 14px}
  .paper-card{padding:40px 22px}
  .how,.designs,.packages-section,.themes,.experience,.benefits,.faq,.creator{padding-block:48px}
  .how-compact{padding-block:36px 28px}
  .section-heading{margin-bottom:28px}
  .section-heading h2{font-size:1.85rem}
  .how-steps,.how-steps-3{grid-template-columns:1fr;gap:22px}
  .how-steps-3 li:last-child{grid-column:auto}
  .proof-grid{grid-template-columns:1fr 1fr;gap:10px}
  .proof-actions{flex-direction:column}
  .proof-actions .ghost,.proof-actions .btn{flex:1 1 auto;width:100%}
  .exp-flow{grid-template-columns:1fr 1fr}
  .exp-flow li{border-inline-end:1px solid var(--line);min-height:120px;padding:18px 14px}
  .exp-flow li:nth-child(2n){border-inline-end:0}
  .exp-flow li:nth-child(n+3){border-top:1px solid var(--line)}
  .benefit-list{grid-template-columns:1fr;gap:24px}
  .theme-grid,.occasion-grid{grid-template-columns:1fr 1fr;gap:10px}
  .theme-card,.occasion-card{padding:0}
  .occasion-label{font-size:1.1rem;inset-inline:12px;bottom:12px}
  .pkg-frame{padding:26px 20px 22px}
  .pkg-shell h3{font-size:2rem}
  .step-block{grid-template-columns:1fr;padding:18px}
  .choice-grid{grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr}
  .form-grid .full{grid-column:auto}
  .language-field{flex-wrap:wrap}
  .primary,.secondary,.ai-button{min-height:52px}
  .faq-list details{padding:16px 0}
  .hero-actions>*{flex:1 1 160px}
  .site-footer{padding:28px 16px 40px}
}
@media(max-width:380px){
  .theme-grid{grid-template-columns:1fr}
  .hero h1{font-size:1.95rem}
  .proof-grid{grid-template-columns:1fr}
}