/*
 * Magify Story — Public CSS
 * Version: v1.3.0
 * Release: Partner, Affiliate & White-Label Positioning Foundation
 * Updated: 2026-06-05
 * Signature: Nova, Senior Developer
 */
:root{
  --midnight:#171f35;--plum:#3a213f;--wine:#7a2e3c;--sage:#6e8065;--champagne:#f2dfbd;--sand:#e7d2b1;--clay:#b56f55;--butter:#f4d979;--lilac:#c7afd3;--pistachio:#c6d6a8;--ink:#1d2430;--muted:#68707a;--paper:#fffaf1;--soft:#f7efe2;--white:#fff;--line:rgba(23,31,53,.14);--shadow:0 24px 70px rgba(23,31,53,.14);--radius:26px;--radius-sm:16px;--max:1180px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,var(--paper),#fff 55%,#faf5ea);color:var(--ink);line-height:1.6}a{color:inherit}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;justify-content:space-between;padding:14px clamp(18px,4vw,48px);background:rgba(255,250,241,.91);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand-lockup{display:flex;align-items:center;min-width:190px}.brand-lockup-image{height:45px;width:auto;object-fit:contain}.site-nav{display:flex;align-items:center;gap:22px;font-weight:700;font-size:.94rem}.site-nav a,.link-soft{text-decoration:none;color:var(--midnight);opacity:.86}.site-nav a:hover,.link-soft:hover{opacity:1;color:var(--wine)}.header-actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 22px;text-decoration:none;font-weight:800;border:1px solid transparent;transition:.18s ease;cursor:pointer}.btn-small{padding:10px 16px;font-size:.9rem}.btn-primary{background:linear-gradient(135deg,var(--wine),var(--plum));color:white;box-shadow:0 12px 30px rgba(122,46,60,.22)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 38px rgba(122,46,60,.28)}.btn-secondary{background:rgba(255,255,255,.78);border-color:var(--line);color:var(--midnight)}.btn-secondary:hover{background:white;box-shadow:0 10px 28px rgba(23,31,53,.1)}.hero{max-width:var(--max);margin:0 auto;padding:88px clamp(18px,4vw,34px) 58px;display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}.compact-hero{display:block;text-align:center;padding-bottom:34px}.hero-copy.wide{max-width:920px;margin:0 auto}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:900;color:var(--wine);margin:0 0 12px}.hero h1,.section h2{font-family:Georgia,"Times New Roman",serif;color:var(--midnight);line-height:1.02}.hero h1{font-size:clamp(3rem,7vw,6.9rem);margin:0 0 20px;letter-spacing:-.05em}.compact-hero h1{font-size:clamp(2.7rem,6vw,5.3rem)}.lead{font-size:clamp(1.12rem,2vw,1.42rem);color:#3f4550;max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.hero-actions.centered{justify-content:center}.trust-line{font-weight:700;color:var(--muted)}.story-preview-card,.price-feature-card,.quote-card{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(242,223,189,.45));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.story-preview-card{position:relative;min-height:440px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.story-preview-card:before{content:"";position:absolute;inset:-40px -60px auto auto;width:240px;height:240px;background:radial-gradient(circle,var(--lilac),transparent 68%);opacity:.55}.preview-frame{position:relative;background:linear-gradient(145deg,var(--midnight),var(--plum));color:#fff;border-radius:22px;padding:34px;min-height:270px;display:flex;flex-direction:column;justify-content:flex-end}.preview-frame h2{color:#fff;margin:12px 0;font-size:2.1rem}.mini-moments{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-moments span{background:white;border:1px solid var(--line);border-radius:999px;padding:10px 13px;text-align:center;font-weight:800}.sizzle-strip{max-width:var(--max);margin:0 auto 24px;padding:0 clamp(18px,4vw,34px);display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sizzle-strip div{background:var(--midnight);color:#fff;border-radius:20px;padding:22px}.sizzle-strip strong{font-family:Georgia,serif;font-size:1.6rem;display:block;color:var(--champagne)}.sizzle-strip span{color:rgba(255,255,255,.82)}.section{max-width:var(--max);margin:0 auto;padding:66px clamp(18px,4vw,34px)}.section-heading{text-align:center;max-width:790px;margin:0 auto 34px}.section-heading h2,.section h2{font-size:clamp(2.1rem,4vw,4rem);margin:0 0 14px}.cards{display:grid;gap:18px}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-4{grid-template-columns:repeat(4,1fr)}.card,.price-card,.steps-grid article{background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:var(--radius-sm);padding:24px;box-shadow:0 10px 34px rgba(23,31,53,.07)}.card h3,.card h2,.price-card h2,.steps-grid h2{margin:8px 0 8px;color:var(--midnight);font-size:1.28rem}.link-card{text-decoration:none}.link-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.feature-slab{background:linear-gradient(135deg,rgba(23,31,53,.05),rgba(242,223,189,.45));border-radius:34px;margin-top:42px;margin-bottom:42px}.quote-card.dark{background:linear-gradient(135deg,var(--midnight),var(--plum));color:#fff}.quote-card p{font-size:1.26rem}.text-link{font-weight:900;color:var(--wine);text-decoration:none}.cta-panel{text-align:center;background:linear-gradient(135deg,var(--midnight),var(--plum));color:#fff;border-radius:34px;margin-top:56px;margin-bottom:56px}.cta-panel h2{color:#fff}.cta-panel p{max-width:780px;margin-left:auto;margin-right:auto;color:rgba(255,255,255,.84)}.pricing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.price-card{display:flex;flex-direction:column}.price-card.featured,.price-card.free{background:linear-gradient(145deg,#fff,var(--soft));border-color:rgba(122,46,60,.25);box-shadow:var(--shadow)}.price{display:block;font-size:2.2rem;font-weight:950;color:var(--wine);margin:6px 0 12px}.price-card ul,.check-list{padding-left:20px}.price-card li,.check-list li{margin:8px 0}.price-card .btn{margin-top:auto}.price-feature-card .price{font-size:5rem}.comparison-table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.comparison-table{width:100%;border-collapse:collapse;min-width:760px}.comparison-table th{background:var(--midnight);color:white;text-align:left}.comparison-table th,.comparison-table td{padding:16px;border-bottom:1px solid var(--line)}.comparison-table td:first-child{font-weight:900}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step-number{display:inline-flex;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;background:var(--wine);color:white;font-weight:950}.story-form{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);display:grid;gap:16px}.story-form label{font-weight:850}.story-form input,.story-form select{width:100%;margin-top:6px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;font:inherit}.form-note,.muted{color:var(--muted)}.faq-list{max-width:860px}.faq-list article{border-bottom:1px solid var(--line);padding:22px 0}.site-footer{background:var(--midnight);color:white;padding:54px clamp(18px,4vw,48px) 28px;margin-top:60px}.footer-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.footer-logo{width:70px}.site-footer h2{font-size:1rem;color:var(--champagne);margin:0 0 12px}.site-footer a{display:block;color:rgba(255,255,255,.78);text-decoration:none;margin:8px 0}.site-footer a:hover{color:white}.footer-bottom{max-width:var(--max);margin:32px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;color:rgba(255,255,255,.62);font-size:.92rem}.icon{display:inline-block;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--wine),var(--clay));position:relative}.icon:after{content:"";position:absolute;inset:12px;border:2px solid rgba(255,255,255,.85);border-radius:8px}.icon-qr:after{border-radius:2px}.icon-video:after{border-radius:5px}.icon-wave:after{border-left:0;border-right:0;border-radius:0}.icon-lock:after{border-radius:6px 6px 9px 9px}.icon-reel:after,.icon-film:after{border-radius:50%}.icon-spark:after{transform:rotate(45deg);border-radius:2px}@media(max-width:980px){.hero,.split,.footer-grid{grid-template-columns:1fr}.site-header{align-items:flex-start;flex-direction:column}.site-nav,.header-actions{flex-wrap:wrap}.cards-3,.cards-4,.pricing-grid,.steps-grid,.sizzle-strip{grid-template-columns:1fr 1fr}.story-preview-card{min-height:auto}.brand-lockup-image{height:40px}}@media(max-width:640px){.cards-3,.cards-4,.pricing-grid,.steps-grid,.sizzle-strip{grid-template-columns:1fr}.hero{padding-top:48px}.hero h1{font-size:3rem}.footer-bottom{display:block}.site-nav{gap:12px}.header-actions{width:100%}.header-actions .btn{flex:1}.brand-lockup-image{height:36px}}

/* v1.3.0 Partner, Affiliate & White-Label Positioning Foundation */
.partner-hero{background:radial-gradient(circle at 20% 15%,rgba(199,175,211,.35),transparent 30%),radial-gradient(circle at 82% 30%,rgba(244,217,121,.28),transparent 32%)}
.sizzle-panel{position:relative}.sizzle-panel:before{content:"";position:absolute;inset:40px clamp(18px,4vw,34px) auto auto;width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,var(--butter),var(--lilac));opacity:.25;z-index:-1}.partner-list{columns:2;column-gap:34px}.affiliate-stat{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:44px;border-radius:999px;background:linear-gradient(135deg,var(--midnight),var(--plum));color:#fff;font-weight:950;padding:0 14px;margin-bottom:6px}.swipe-grid .card p{font-size:1.04rem}.site-footer .footer-grid{grid-template-columns:1.7fr 1fr 1fr 1fr 1fr}.page-partners .hero h1,.page-affiliates .hero h1,.page-whiteLabel .hero h1,.page-creatorKit .hero h1{font-size:clamp(2.8rem,6.2vw,5.8rem)}@media(max-width:980px){.site-footer .footer-grid{grid-template-columns:1fr 1fr}.partner-list{columns:1}}@media(max-width:640px){.site-footer .footer-grid{grid-template-columns:1fr}.affiliate-stat{min-width:auto}}

/* v1.4.1 Client & Guest Page Styling Parity Hotfix */
.story-private-main{min-height:62vh}.private-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(199,175,211,.28),transparent 30%),radial-gradient(circle at 86% 18%,rgba(244,217,121,.22),transparent 32%)}.private-hero:after,.branded-upload-hero:after{content:"";display:block;width:min(420px,70vw);height:1px;margin:30px auto 0;background:linear-gradient(90deg,transparent,var(--sand),var(--wine),var(--sand),transparent);opacity:.8}.private-dashboard-section{padding-top:38px;padding-bottom:38px}.private-grid{display:grid;gap:20px}.private-grid-2{grid-template-columns:1.08fr .92fr}.private-card{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(247,239,226,.74));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.private-card h2{font-family:Georgia,"Times New Roman",serif;color:var(--midnight);font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.08;margin:10px 0 12px}.highlight-card{background:linear-gradient(145deg,#fff,rgba(242,223,189,.58))}.copy-box{background:rgba(23,31,53,.055);border:1px solid var(--line);border-radius:18px;padding:14px 16px;overflow-wrap:anywhere;margin:18px 0}.copy-box a{font-weight:900;color:var(--wine);text-decoration:none}.card-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.status-list{display:grid;gap:12px;margin:20px 0 0}.status-list div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:11px}.status-list dt{font-weight:900;color:var(--muted)}.status-list dd{margin:0;font-weight:950;color:var(--midnight);text-align:right}.compact-heading{margin-bottom:22px}.styled-table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.styled-table{width:100%;border-collapse:collapse;min-width:720px}.styled-table th{background:linear-gradient(135deg,var(--midnight),var(--plum));color:#fff;text-align:left}.styled-table th,.styled-table td{padding:16px;border-bottom:1px solid var(--line)}.styled-table td:first-child{font-weight:900}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(110,128,101,.13);color:var(--sage);font-weight:950;padding:5px 11px;text-transform:capitalize}.guest-upload-main .hero h1{font-size:clamp(2.55rem,6vw,5.2rem)}.upload-type-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:28px auto 0}.upload-type-row>span{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:950;box-shadow:0 10px 26px rgba(23,31,53,.07)}.upload-type-row .icon{width:28px;height:28px;border-radius:10px}.upload-type-row .icon:after{inset:8px;border-width:1px}.private-form-section{padding-top:26px}.upload-split{align-items:start;grid-template-columns:.88fr 1.12fr}.upload-guidance-card{position:sticky;top:110px}.upload-form-card textarea{width:100%;margin-top:6px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;font:inherit;resize:vertical}.upload-form-card input[type="file"]{background:rgba(247,239,226,.6);border-style:dashed}.story-checkbox{display:flex;align-items:flex-start;gap:12px;font-weight:750;line-height:1.45}.story-checkbox input{width:auto;margin-top:5px}.story-alert{border-radius:18px;padding:14px 16px;font-weight:850}.story-alert-error,.error{background:rgba(122,46,60,.11);border:1px solid rgba(122,46,60,.28);color:var(--wine);border-radius:18px;padding:14px 16px}.thank-you-hero{min-height:52vh;display:flex;align-items:center}.delivery-section{padding-top:30px}.delivery-cards{align-items:start}.delivery-card{display:flex;flex-direction:column;gap:14px}.video-player{display:block;width:100%;max-height:520px;background:var(--midnight);border-radius:20px;border:1px solid var(--line);box-shadow:0 16px 42px rgba(23,31,53,.16)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 22px;text-decoration:none;font-weight:800;border:1px solid transparent;transition:.18s ease;cursor:pointer}.button.primary{background:linear-gradient(135deg,var(--wine),var(--plum));color:white;box-shadow:0 12px 30px rgba(122,46,60,.22)}.button.ghost{background:rgba(255,255,255,.78);border-color:var(--line);color:var(--midnight)}.table-wrap{overflow:auto}.form-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);display:grid;gap:16px}.form-card label{font-weight:850}.form-card input,.form-card select,.form-card textarea{width:100%;margin-top:6px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;font:inherit}.form-card .checkbox{display:flex;align-items:flex-start;gap:12px}.form-card .checkbox input{width:auto;margin-top:5px}.page-private .site-footer{margin-top:30px}@media(max-width:980px){.private-grid-2,.upload-split{grid-template-columns:1fr}.upload-guidance-card{position:relative;top:auto}.private-card{padding:24px}.status-list div{display:block}.status-list dd{text-align:left;margin-top:3px}}@media(max-width:640px){.private-card{border-radius:20px;padding:20px}.upload-type-row{justify-content:flex-start}.card-actions .btn{width:100%}.styled-table{min-width:620px}.private-hero .lead{text-align:left}.guest-upload-main .hero-copy{text-align:left}.story-form.upload-form-card{padding:22px}}

/* Magify Story v1.4.2 — Smartphone Capture UX Alignment
   Baseline: v1.4.1 Client & Guest Page Styling Parity Hotfix
   Purpose: Make guest capture pages feel like live smartphone recording/photo/audio capture while preserving the shared editorial visual system.
   Signature: Nova, Senior Developer */
.live-capture-hero h1{max-width:960px;margin-left:auto;margin-right:auto}.live-capture-section{padding-top:36px}.live-capture-split{align-items:start}.live-type-row span{background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:0 8px 22px rgba(23,31,53,.07)}.capture-tip-panel{margin-top:22px;background:linear-gradient(135deg,rgba(23,31,53,.06),rgba(244,217,121,.22));border:1px solid var(--line);border-radius:18px;padding:16px 18px;color:var(--midnight)}.capture-tip-panel strong{color:var(--wine)}.visually-hidden-file{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.capture-choice-fieldset{border:0;margin:4px 0 0;padding:0}.capture-choice-fieldset legend{font-weight:950;color:var(--midnight);margin:0 0 12px}.capture-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.capture-choice-card{appearance:none;-webkit-appearance:none;text-align:left;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,239,226,.82));border:1px solid var(--line);border-radius:22px;padding:18px;display:grid;gap:8px;cursor:pointer;color:var(--ink);box-shadow:0 10px 28px rgba(23,31,53,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.capture-choice-card:hover,.capture-choice-card.is-active{transform:translateY(-2px);box-shadow:var(--shadow);border-color:rgba(122,46,60,.36);background:linear-gradient(145deg,#fff,rgba(242,223,189,.74))}.capture-choice-card strong{font-size:1.02rem;color:var(--midnight);line-height:1.2}.capture-choice-card small{color:var(--muted);font-weight:700;line-height:1.35}.capture-choice-card .icon{width:46px;height:46px}.capture-status-panel{background:rgba(23,31,53,.055);border:1px solid var(--line);border-radius:18px;padding:16px 18px;display:grid;gap:3px}.capture-status-panel strong{color:var(--midnight)}.capture-status-panel span{color:var(--muted);font-weight:700}.message-text-label textarea,.story-form textarea{width:100%;margin-top:6px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;font:inherit;min-height:130px;resize:vertical;background:#fff}.message-text-label textarea:focus,.story-form textarea:focus,.story-form input:focus,.story-form select:focus{outline:3px solid rgba(122,46,60,.16);border-color:rgba(122,46,60,.42)}.live-capture-form .btn-primary{width:100%;font-size:1.04rem}.live-guidance-card .check-list li{padding-right:8px}@media(max-width:760px){.capture-choice-grid{grid-template-columns:1fr}.capture-choice-card{padding:16px}.live-capture-form{padding:22px}.capture-status-panel{font-size:.95rem}}