/**
 * Magify Story v1.1.0 — Public Brand & SEO/AIEO Super Site Styles
 * Release: SEO/AIEO Super Site Foundation
 * Date: 2026-05-31
 * Change Log:
 * - Preserved the confirmed v1.0.3 Editorial Micro-Wedding Palette as the visual baseline.
 * - Added expanded public-page layout components, SVG icon system, signal strips, comparison cards, CTA panels, FAQ grids, and stronger pricing/page structures.
 * - No database, upload, storage, admin, client dashboard, systemd, or nginx logic changes.
 * Prepared by: Nova, Senior Developer
 */
:root{
  --midnight:#111f32;
  --navy:#1d324a;
  --blue:#385d78;
  --plum:#3a2035;
  --wine:#773245;
  --berry:#9a4c64;
  --forest:#263f35;
  --sage:#7f9475;
  --sage-soft:#dfe8d5;
  --pistachio:#c6d892;
  --champagne:#ead8b7;
  --gold:#c7a45d;
  --cappuccino:#b99d82;
  --clay:#b9674b;
  --butter:#f3d978;
  --lilac:#c8b4dc;
  --cream:#fff8ea;
  --ivory:#fffdf7;
  --mist:#f5f1e7;
  --ink:#17212d;
  --muted:#6d665d;
  --line:#dccbac;
  --shadow:0 26px 74px rgba(17,31,50,.20);
  --shadow-soft:0 14px 36px rgba(17,31,50,.10);
  --radius:30px;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 8% -8%,rgba(154,76,100,.18),transparent 30%),
    radial-gradient(circle at 95% 4%,rgba(198,216,146,.22),transparent 24%),
    linear-gradient(180deg,var(--mist),var(--ivory) 48%,#fff);
  color:var(--ink);
  line-height:1.6;
}
a{color:var(--wine);text-decoration:none}
main{max-width:1120px;margin:0 auto;padding:24px}
.site-header{
  max-width:1180px;
  margin:0 auto;
  padding:22px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.brand{display:flex;align-items:center;gap:10px;color:var(--midnight);font-weight:900;font-size:1.1rem;letter-spacing:-.02em}
.brand-mark{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:17px;
  background:linear-gradient(135deg,var(--midnight),var(--plum) 42%,var(--wine) 74%,var(--champagne));
  color:#fff;
  box-shadow:0 16px 36px rgba(58,32,53,.28);
}
nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
nav a{color:var(--ink);font-weight:700}
.nav-cta,.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:12px 18px;
  border:1px solid rgba(220,203,172,.88);
  font-weight:900;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;
}
.nav-cta:hover,.button:hover{transform:translateY(-1px)}
.button.primary,.nav-cta{
  background:linear-gradient(135deg,var(--midnight),var(--plum) 38%,var(--wine) 76%,var(--clay));
  color:#fff;
  border-color:transparent;
  box-shadow:0 16px 38px rgba(119,50,69,.30);
}
.button.ghost{
  background:rgba(255,248,234,.86);
  color:var(--midnight);
  border-color:rgba(199,164,93,.45);
}
.hero,.page-hero,.upload-hero{
  position:relative;
  overflow:hidden;
  padding:82px 24px;
  text-align:center;
  background:
    radial-gradient(circle at 16% 16%,rgba(200,180,220,.28),transparent 25%),
    radial-gradient(circle at 86% 12%,rgba(243,217,120,.36),transparent 23%),
    radial-gradient(circle at 85% 90%,rgba(127,148,117,.34),transparent 32%),
    linear-gradient(135deg,var(--midnight),var(--plum) 42%,var(--wine));
  border:1px solid rgba(234,216,183,.42);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  margin:12px 0 28px;
  color:#fff;
}
.hero::after,.page-hero::after,.upload-hero::after{
  content:"";
  position:absolute;
  inset:auto -8% -26% 38%;
  height:52%;
  background:radial-gradient(ellipse,rgba(234,216,183,.34),transparent 68%);
  pointer-events:none;
}
.hero h1,.page-hero h1,.upload-hero h1{
  position:relative;
  z-index:1;
  font-size:clamp(2.35rem,7vw,5.1rem);
  line-height:1.01;
  margin:10px auto;
  max-width:900px;
  letter-spacing:-.055em;
  color:#fff7e8;
}
.lead,.page-hero p,.upload-hero p{
  position:relative;
  z-index:1;
  font-size:1.18rem;
  color:rgba(255,248,234,.86);
  max-width:780px;
  margin:0 auto 24px;
}
.eyebrow{
  position:relative;
  z-index:1;
  display:inline-flex;
  gap:8px;
  align-items:center;
  justify-content:center;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.76rem;
  font-weight:950;
  color:var(--butter);
}
.eyebrow::before,.eyebrow::after{content:"";width:22px;height:1px;background:rgba(243,217,120,.68)}
.hero-actions{position:relative;z-index:1;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hero .button.ghost,.page-hero .button.ghost,.upload-hero .button.ghost{
  background:rgba(255,248,234,.13);
  color:#fff8ea;
  border-color:rgba(255,248,234,.34);
  backdrop-filter:blur(8px);
}
.cards,.cards.three,.pricing-grid,.split,.steps{display:grid;gap:18px;margin:28px 0}
.cards.three{grid-template-columns:repeat(3,1fr)}
.pricing-grid{grid-template-columns:repeat(4,1fr)}
.split{grid-template-columns:1.5fr 1fr;align-items:stretch}
.steps{grid-template-columns:repeat(4,1fr)}
article,.soft-card,.steps div,.form-card{
  background:
    linear-gradient(180deg,rgba(255,253,247,.96),rgba(255,248,234,.92)),
    radial-gradient(circle at 100% 0,rgba(198,216,146,.18),transparent 32%);
  border:1px solid rgba(220,203,172,.88);
  border-radius:var(--radius);
  padding:24px;
  box-shadow:var(--shadow-soft);
}
article h2,.soft-card h2,.steps h2{margin-top:0;color:var(--midnight);letter-spacing:-.025em}
article strong,.soft-card strong{color:var(--wine)}
.steps span{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:17px;
  background:linear-gradient(135deg,var(--forest),var(--sage) 62%,var(--champagne));
  color:#fff;
  font-weight:950;
  box-shadow:0 12px 24px rgba(38,63,53,.20);
}
.price-card .price{font-size:2.25rem;font-weight:950;margin:.25rem 0;color:var(--plum);letter-spacing:-.04em}
.price-card.featured{
  position:relative;
  overflow:hidden;
  border:2px solid var(--wine);
  transform:translateY(-6px);
  box-shadow:0 24px 54px rgba(119,50,69,.20);
}
.price-card.featured::before{
  content:"Editorial Favorite";
  display:inline-flex;
  margin-bottom:10px;
  padding:7px 11px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--butter),var(--champagne));
  color:var(--plum);
  font-size:.74rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
ul{padding-left:1.2rem}
li::marker{color:var(--wine)}
.center{text-align:center}
.form-card{max-width:720px;margin:24px auto;display:grid;gap:16px}
label{display:grid;gap:7px;font-weight:850;color:var(--midnight)}
input,select,textarea{
  width:100%;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fffefb;
  font:inherit;
  color:var(--ink);
}
input:focus,select:focus,textarea:focus{
  outline:3px solid rgba(119,50,69,.18);
  border-color:var(--wine);
  box-shadow:0 0 0 6px rgba(234,216,183,.26);
}
textarea{resize:vertical}
.checkbox{display:flex;align-items:flex-start;gap:10px;font-weight:650;color:var(--ink)}
.checkbox input{width:auto;margin-top:7px}
.error,.flash{
  padding:14px 18px;
  border-radius:18px;
  background:linear-gradient(135deg,#fff5ea,#f7e6ec);
  border:1px solid rgba(154,76,100,.34);
  color:var(--plum);
}
.table-wrap{overflow:auto;background:#fffefb;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-soft)}
table{border-collapse:collapse;width:100%;min-width:700px}
th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{background:linear-gradient(135deg,var(--midnight),var(--plum));color:#fff8ea}
.video-player{width:100%;border-radius:18px;background:#111;box-shadow:var(--shadow-soft)}
.site-footer{
  max-width:1180px;
  margin:40px auto 0;
  padding:32px 24px;
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  gap:18px;
  color:var(--muted);
}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}
.footer-links a{color:var(--midnight);font-weight:700}
@media(max-width:900px){
  .cards.three,.pricing-grid,.split,.steps{grid-template-columns:1fr}
  .site-header{align-items:flex-start;flex-direction:column}
  nav{gap:12px}
  .hero,.page-hero,.upload-hero{padding:56px 20px}
  .site-footer{flex-direction:column}
  .price-card.featured{transform:none}
}


/* v1.1.0 Super Site Components */
.section-intro{max-width:860px;margin:54px auto 24px;text-align:center}.section-intro h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.05;margin:.25rem 0;color:var(--midnight);letter-spacing:-.045em}.section-intro p{font-size:1.08rem;color:var(--muted)}
.signal-strip{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:26px 0 38px}.signal-strip span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,253,247,.92);border:1px solid rgba(220,203,172,.86);box-shadow:var(--shadow-soft);font-weight:850;color:var(--midnight)}.signal-strip span::before{content:"";width:9px;height:9px;border-radius:999px;background:linear-gradient(135deg,var(--pistachio),var(--gold))}
.cards.four{grid-template-columns:repeat(4,1fr)}.steps.six{grid-template-columns:repeat(3,1fr)}.icon-cards article{position:relative;overflow:hidden}.icon-cards article::after,.price-card::after{content:"";position:absolute;right:-42px;top:-42px;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle,rgba(199,164,93,.18),transparent 64%);pointer-events:none}
.svg-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:20px;margin-bottom:12px;background:linear-gradient(135deg,rgba(17,31,50,.96),rgba(58,32,53,.94) 50%,rgba(119,50,69,.88));box-shadow:0 14px 30px rgba(17,31,50,.18);position:relative;overflow:hidden}.svg-icon::before,.svg-icon::after{content:"";position:absolute;background:#fff8ea}.svg-icon.video::before{width:23px;height:15px;border-radius:5px;left:13px;top:18px}.svg-icon.video::after{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #fff8ea;background:transparent;right:10px;top:18px}.svg-icon.photo::before{width:26px;height:20px;border-radius:6px;left:13px;top:16px}.svg-icon.photo::after{width:8px;height:8px;border-radius:999px;right:14px;top:19px;background:var(--butter)}.svg-icon.audio::before{width:5px;height:24px;border-radius:5px;left:23px;top:14px;box-shadow:-9px 5px 0 rgba(255,248,234,.75),9px -3px 0 rgba(255,248,234,.75)}.svg-icon.audio::after{width:32px;height:2px;left:10px;top:26px;background:rgba(255,248,234,.45)}.svg-icon.qr::before{width:9px;height:9px;left:12px;top:12px;box-shadow:18px 0 0 #fff8ea,0 18px 0 #fff8ea,18px 18px 0 var(--butter)}.svg-icon.qr::after{width:5px;height:5px;right:11px;bottom:11px;box-shadow:-8px 0 0 #fff8ea,0 -8px 0 #fff8ea,-14px -12px 0 var(--pistachio)}.svg-icon.phone::before{width:19px;height:30px;border-radius:7px;left:17px;top:10px}.svg-icon.phone::after{width:7px;height:2px;border-radius:999px;left:23px;bottom:16px;background:var(--midnight)}.svg-icon.edit::before,.svg-icon.sparkle::before{width:25px;height:5px;border-radius:999px;transform:rotate(-35deg);left:14px;top:23px;background:var(--butter)}.svg-icon.edit::after,.svg-icon.sparkle::after{width:8px;height:8px;border-radius:2px;right:12px;top:12px;background:#fff8ea;transform:rotate(45deg)}.svg-icon.calendar::before{width:28px;height:25px;border-radius:7px;left:12px;top:15px}.svg-icon.calendar::after{width:28px;height:5px;left:12px;top:20px;background:var(--wine)}.svg-icon.prompt::before{width:30px;height:22px;border-radius:8px;left:11px;top:13px}.svg-icon.prompt::after{width:10px;height:10px;left:17px;bottom:10px;clip-path:polygon(0 0,100% 0,0 100%);background:#fff8ea}.svg-icon.review::before{width:26px;height:19px;border-radius:6px;left:13px;top:16px}.svg-icon.review::after{width:16px;height:8px;border-left:4px solid var(--pistachio);border-bottom:4px solid var(--pistachio);background:transparent;transform:rotate(-45deg);left:18px;top:20px}.svg-icon.film::before{width:30px;height:21px;border-radius:6px;left:11px;top:15px;background:#fff8ea}.svg-icon.film::after{width:4px;height:21px;left:16px;top:15px;box-shadow:7px 0 0 rgba(17,31,50,.55),14px 0 0 rgba(17,31,50,.55);background:rgba(17,31,50,.55)}.svg-icon.heart::before{width:22px;height:22px;left:15px;top:16px;background:var(--butter);transform:rotate(45deg);border-radius:3px}.svg-icon.heart::after{width:16px;height:16px;border-radius:999px;left:12px;top:12px;box-shadow:12px 0 0 var(--butter);background:var(--butter)}.svg-icon.lock::before{width:26px;height:18px;border-radius:6px;left:13px;top:21px}.svg-icon.lock::after{width:18px;height:16px;border:4px solid #fff8ea;border-bottom:0;border-radius:13px 13px 0 0;background:transparent;left:17px;top:10px}.svg-icon.upload::before{width:22px;height:16px;border-radius:0 0 6px 6px;left:15px;top:24px}.svg-icon.upload::after{width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:13px solid var(--butter);background:transparent;left:17px;top:10px}.svg-icon.archive::before{width:30px;height:22px;border-radius:5px;left:11px;top:18px}.svg-icon.archive::after{width:22px;height:5px;border-radius:3px;left:15px;top:13px;background:var(--champagne)}
.check-list{list-style:none;padding-left:0}.check-list li{position:relative;padding-left:28px;margin:9px 0}.check-list li::before{content:"";position:absolute;left:0;top:.55em;width:14px;height:8px;border-left:3px solid var(--sage);border-bottom:3px solid var(--sage);transform:rotate(-45deg)}
.feature-split{grid-template-columns:1.35fr .9fr}.standout-card{background:linear-gradient(145deg,rgba(255,253,247,.96),rgba(234,216,183,.38));border-color:rgba(199,164,93,.58)}.standout-card h3{font-size:1.65rem;line-height:1.08;color:var(--plum)}
.comparison-card,.cta-panel{margin:38px 0;padding:32px;border-radius:var(--radius);border:1px solid rgba(220,203,172,.88);box-shadow:var(--shadow-soft)}.comparison-card{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;align-items:center;background:linear-gradient(135deg,rgba(255,253,247,.94),rgba(223,232,213,.48))}.comparison-card h2,.cta-panel h2{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.08;margin:.2rem 0;color:var(--midnight);letter-spacing:-.04em}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-grid div{padding:18px;border-radius:22px;background:rgba(255,255,255,.66);border:1px solid rgba(220,203,172,.72)}
.cta-panel{text-align:center;background:radial-gradient(circle at 15% 15%,rgba(243,217,120,.28),transparent 28%),linear-gradient(135deg,var(--midnight),var(--plum) 50%,var(--wine));color:#fff8ea}.cta-panel h2{color:#fff8ea}.cta-panel p{color:rgba(255,248,234,.82);max-width:720px;margin:0 auto 20px}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.faq-list{display:grid;gap:16px;margin:28px 0}.faq-list article{padding:26px}.contact-panel{text-align:center}.start-assurance{margin-top:0}.best-for{color:var(--muted);font-weight:700}.super-pricing .price-card{position:relative;display:flex;flex-direction:column}.super-pricing .price-card .button{margin-top:auto}.super-pricing{align-items:stretch}
@media(max-width:1000px){.cards.four,.steps.six,.faq-grid,.comparison-card,.compare-grid{grid-template-columns:1fr}.feature-split{grid-template-columns:1fr}}