:root{
  --navy:#071a33;
  --navy-2:#0b2344;
  --navy-3:#12345e;
  --orange:#ff7a00;
  --orange-2:#ff9b2f;
  --amber:#ffc65b;
  --ink:#0b1729;
  --muted:#637083;
  --soft:#f5f5f7;
  --soft-2:#eef1f5;
  --white:#ffffff;
  --line:#e6e8ec;
  --glass:rgba(255,255,255,.76);
  --shadow:0 18px 50px rgba(7,26,51,.10);
  --shadow-strong:0 28px 90px rgba(7,26,51,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.04em}
p{color:var(--muted)}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
.eyebrow,.smallcaps{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}
.eyebrow.light{color:#ffb15a}

/* Premium utility */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:14px 22px;font-weight:800;letter-spacing:-.01em;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(180deg,#ff8b1b,#ff7600);color:#fff;box-shadow:0 10px 28px rgba(255,122,0,.25)}
.btn-primary:hover{box-shadow:0 16px 34px rgba(255,122,0,.30)}
.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 6px 18px rgba(7,26,51,.05)}
.btn-xl{padding:17px 26px;font-size:16px}
.full{width:100%}
.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:750;color:#fff;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.4)}
.dark-link{color:var(--ink);border-color:#c9ced6}

/* Announcement */
.launch-bar{background:#071a33;color:#fff;font-size:13px}
.launch-bar-inner{min-height:36px;display:flex;align-items:center;justify-content:center;gap:14px;text-align:center}
.launch-pill{font-size:10px;font-weight:900;letter-spacing:.14em;color:#071a33;background:#ffbc63;border-radius:999px;padding:5px 8px}
.launch-bar a{font-weight:800;color:#ffb35d}

/* Header: glass, quiet, premium */
.site-header,.flow-header{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border-bottom:1px solid rgba(10,25,48,.08)}
.nav,.flow-header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.flow-header-inner{width:min(1180px,calc(100% - 48px));margin:auto}
.brand-lockup{display:inline-flex;align-items:center;gap:11px;color:var(--navy)}
.brand-mark{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(7,26,51,.09)}
.brand-word{display:flex;flex-direction:column;line-height:1}
.brand-word strong{font-size:17px;letter-spacing:.14em}
.brand-word small{font-size:8px;letter-spacing:.38em;color:var(--orange);margin-top:5px}
.navlinks{display:flex;align-items:center;gap:30px;margin-left:auto}
.navlinks a{font-size:14px;font-weight:700;color:#3e4b5f;transition:color .2s ease}
.navlinks a:hover{color:var(--navy)}
.nav-actions,.flow-head-actions{display:flex;align-items:center;gap:12px}
.btn-nav{padding:12px 18px;font-size:14px}
.cta-mobile{display:none}
.currency-switch{display:flex;align-items:center;padding:3px;background:#f1f3f6;border:1px solid #e5e8ed;border-radius:999px}
.currency-btn{min-width:46px;border:0;background:transparent;border-radius:999px;padding:8px 10px;color:#687487;font-size:11px;font-weight:850;letter-spacing:.04em}
.currency-btn.active{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(7,26,51,.10)}
.currency-switch-light{background:#eef1f4}

/* Home hero */
.hero-v2{position:relative;overflow:hidden;background:linear-gradient(180deg,#fbfbfc 0%,#f5f6f8 100%);padding:86px 0 76px}
.hero-noise,.hero-angle{display:none}
.hero-v2:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,139,27,.14),rgba(255,139,27,0) 68%);right:-160px;top:-240px;pointer-events:none}
.hero-v2-grid{display:grid;grid-template-columns:1fr;gap:46px}
.hero-copy{max-width:960px;margin:0 auto;text-align:center;position:relative;z-index:2}
.hero-copy .eyebrow{margin-bottom:20px;color:#9a5908}
.hero-copy h1{font-size:clamp(50px,7vw,88px);line-height:.98;margin:0 auto 24px;max-width:1000px;font-weight:850;color:#071a33}
.hero-copy h1 span{display:block;background:linear-gradient(90deg,#ff7a00,#ffad4e);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{font-size:20px;line-height:1.6;max-width:760px;margin:0 auto 30px;color:#5d6979}
.cta-row{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:24px}
.hero-copy .text-link{color:#263750;border-color:#aeb7c4}
.hero-offer{display:flex;align-items:center;justify-content:center;gap:18px;color:#526074;font-size:13px;margin:0 auto 28px}
.hero-offer div{display:flex;align-items:baseline;gap:10px}
.hero-offer small{font-size:10px;letter-spacing:.12em;font-weight:850;color:#9c5d13}
.hero-offer strong{font-size:17px;color:var(--navy)}
.hero-offer>span{border-left:1px solid #d9dde3;padding-left:18px}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:760px;margin:0 auto;background:#e2e6eb;border-radius:18px;overflow:hidden;border:1px solid #e1e5ea}
.hero-proof>div{background:rgba(255,255,255,.84);padding:16px 18px;display:flex;align-items:center;justify-content:center;gap:9px}
.hero-proof strong{font-size:11px;color:var(--orange);letter-spacing:.1em}
.hero-proof span{font-size:13px;font-weight:720;color:#3f4d61}

.hero-media{position:relative;width:min(1120px,100%);margin:0 auto;border-radius:34px;overflow:hidden;min-height:560px;box-shadow:0 34px 100px rgba(7,26,51,.20);background:#061528;border:1px solid rgba(7,26,51,.08)}
.hero-media:after{content:"";position:absolute;inset:0;border-radius:34px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);pointer-events:none}
.studio-crop{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:58% 50%;transform:scale(1.015)}
.studio-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,12,25,.04),rgba(3,12,25,.30))}
.media-topline{position:absolute;top:26px;left:28px;display:flex;align-items:center;gap:9px;color:#fff;font-size:10px;font-weight:850;letter-spacing:.16em;background:rgba(8,25,48,.42);border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(18px);padding:9px 12px;border-radius:999px}
.media-topline span{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px rgba(255,122,0,.15)}
.media-card{position:absolute;left:28px;bottom:26px;display:flex;align-items:center;gap:13px;padding:14px 16px;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:20px;box-shadow:0 16px 46px rgba(0,0,0,.22);color:var(--navy)}
.media-mark{width:42px;height:42px;border-radius:50%}
.media-card div{display:flex;flex-direction:column;gap:2px}
.media-card small{font-size:9px;letter-spacing:.16em;color:#738095}
.media-card strong{font-size:14px;letter-spacing:-.01em}
.wave-bars{position:absolute;right:30px;bottom:30px;display:flex;align-items:center;gap:4px;height:48px;padding:0 2px}
.wave-bars i{display:block;width:3px;border-radius:99px;background:#ff8a16;box-shadow:0 0 10px rgba(255,122,0,.18)}
.wave-bars i:nth-child(1){height:12px}.wave-bars i:nth-child(2){height:24px}.wave-bars i:nth-child(3){height:38px}.wave-bars i:nth-child(4){height:28px}.wave-bars i:nth-child(5){height:44px}.wave-bars i:nth-child(6){height:19px}.wave-bars i:nth-child(7){height:35px}.wave-bars i:nth-child(8){height:25px}.wave-bars i:nth-child(9){height:45px}.wave-bars i:nth-child(10){height:20px}.wave-bars i:nth-child(11){height:32px}.wave-bars i:nth-child(12){height:15px}

/* Trust strip */
.trust-strip{background:#fff;border-bottom:1px solid #eceef1}
.trust-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:26px 0}
.trust-strip-grid>div{padding:0 24px;border-right:1px solid #e9ecf0}
.trust-strip-grid>div:first-child{padding-left:0}.trust-strip-grid>div:last-child{border:0;padding-right:0}
.trust-strip strong{display:block;font-size:14px;color:var(--navy);margin-bottom:3px}.trust-strip span{font-size:12px;color:#768296}

/* Editorial sections */
.manifest{padding:120px 0;background:#fff}
.manifest-grid{display:grid;grid-template-columns:.7fr 1.55fr 1fr;gap:62px;align-items:start}
.manifest-kicker{padding-top:9px}.orange-line{display:block;width:36px;height:3px;background:var(--orange);border-radius:99px;margin-bottom:14px}
.manifest-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.03;margin-bottom:24px;color:var(--navy)}
.manifest-copy h2 span{color:#9f5f16}.manifest-copy p{font-size:18px;line-height:1.72;max-width:660px}
.manifest-points{display:grid;gap:24px}.manifest-points article{padding-bottom:22px;border-bottom:1px solid #e6e9ee}.manifest-points article:last-child{border-bottom:0}.manifest-points b{display:block;font-size:15px;color:var(--navy);margin-bottom:7px}.manifest-points p{font-size:14px;line-height:1.65;margin:0}

.latin-signature{position:relative;background:var(--navy);color:#fff;padding:115px 0;overflow:hidden}
.latin-signature:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-200px;top:-250px;background:radial-gradient(circle,rgba(255,122,0,.22),rgba(255,122,0,0) 68%)}
.latin-pattern{position:absolute;inset:0;opacity:.05;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}
.latin-signature-grid{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:end}
.latin-copy h2{font-size:clamp(42px,5vw,66px);line-height:1.02;margin:14px 0 24px;max-width:720px}.latin-copy p{color:#c7d0dc;font-size:18px;max-width:650px;line-height:1.7}
.latin-values{display:grid;gap:12px}.latin-values article{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}
.latin-values span{display:block;font-size:10px;letter-spacing:.16em;color:#ffb460;font-weight:850;margin-bottom:8px}.latin-values strong{display:block;font-size:17px;margin-bottom:4px}.latin-values p{margin:0;color:#aeb9c7;font-size:13px;line-height:1.6}

.genres-v2,.services-v2,.process-v2{padding:120px 0}
.genres-v2{background:#f5f5f7}.services-v2{background:#fff}.process-v2{background:#f7f8fa}
.section-title-row{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:54px}.section-title-row h2{font-size:clamp(38px,4vw,58px);line-height:1.04;margin:10px 0 0;color:var(--navy)}.section-title-row>p{font-size:16px;line-height:1.7;margin:0}
.section-title-row.inverse{color:var(--navy)}

.genre-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.genre-tile{min-height:250px;border-radius:28px;background:#fff;padding:28px;border:1px solid #e5e8ed;position:relative;overflow:hidden;box-shadow:0 10px 32px rgba(7,26,51,.04);transition:transform .22s ease,box-shadow .22s ease}
.genre-tile:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(7,26,51,.09)}
.genre-featured{background:linear-gradient(145deg,#071a33,#0b2d58);color:#fff;border:0;box-shadow:0 22px 58px rgba(7,26,51,.22)}
.genre-featured:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-60px;bottom:-70px;background:radial-gradient(circle,#ff8618,rgba(255,134,24,0) 66%);opacity:.55}
.genre-index{font-size:10px;letter-spacing:.16em;font-weight:850;color:#9ca7b5;margin-bottom:52px}.genre-featured .genre-index{color:#ffb461}.genre-icon{position:absolute;right:24px;top:22px;font-size:20px;color:#ff9a30}.genre-tile h3{font-size:28px;margin:0 0 10px}.genre-tile p{font-size:14px;line-height:1.6;margin:0 0 22px}.genre-featured p{color:#c3cddd}.genre-tile>span{position:absolute;left:28px;bottom:24px;font-size:9px;letter-spacing:.14em;font-weight:850;color:#9c5f16}.genre-featured>span{color:#ffb461}

.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.service-card{border:1px solid #e4e7ec;border-radius:30px;padding:30px;background:#fff;display:flex;flex-direction:column;box-shadow:0 14px 42px rgba(7,26,51,.05)}
.primary-service{border-color:#ffd2a1;box-shadow:0 20px 60px rgba(255,122,0,.10)}
.service-tag{font-size:10px;font-weight:900;letter-spacing:.15em;color:#9e5b0d;margin-bottom:18px}.service-card h3{font-size:29px;margin-bottom:10px}.service-desc{min-height:72px;font-size:14px;line-height:1.65}.promo-ribbon{align-self:flex-start;background:#fff3e5;color:#9f5908;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:900;letter-spacing:.08em;margin:8px 0 18px}
.service-price{display:flex;align-items:flex-end;gap:10px;margin-bottom:8px}.service-price small{display:none}.price-stack{display:flex;align-items:baseline;gap:10px}.compare-price{font-size:15px;color:#9aa3af;text-decoration-thickness:1px}.service-price strong{font-size:42px;line-height:1;color:var(--navy)}.price-code{font-size:11px;font-weight:850;color:#778397;padding-bottom:4px}
.savings-line{display:flex;align-items:center;gap:8px;font-size:11px;color:#768195;margin-bottom:22px}.savings-line strong{color:#0c7b4b}.savings-line b{margin-left:auto;background:#eaf8f1;color:#087347;border-radius:999px;padding:5px 8px;font-size:9px}
.service-card ul{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:11px;flex:1}.service-card li{position:relative;padding-left:22px;font-size:13px;color:#4f5d70}.service-card li:before{content:"✓";position:absolute;left:0;color:#0b8c58;font-weight:900}
.pricing-tools{margin-top:22px;border-radius:24px;padding:18px 22px;background:#f4f6f8;display:flex;align-items:center;justify-content:space-between;gap:22px}.pricing-tools strong{display:block;font-size:14px;margin-bottom:2px}.pricing-tools span{font-size:12px;color:#758196}.price-note{font-size:11px;line-height:1.6;color:#8a94a2;margin:14px 0 0}

.process-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.process-intro h2{font-size:clamp(38px,4vw,58px);line-height:1.04;margin:12px 0 20px}.process-intro p{font-size:17px;line-height:1.7;max-width:480px}.process-list{display:grid;gap:1px;background:#e2e6eb;border-radius:28px;overflow:hidden;border:1px solid #e1e5ea}.process-list article{display:grid;grid-template-columns:62px 1fr;gap:18px;background:#fff;padding:26px}.process-list article>span{font-size:11px;letter-spacing:.14em;font-weight:850;color:var(--orange);padding-top:4px}.process-list h3{font-size:19px;margin:0 0 5px}.process-list p{font-size:13px;line-height:1.6;margin:0}

.delivery-v2{background:#fff;padding:0 0 110px}.delivery-card{background:linear-gradient(145deg,#071a33,#0c2b53);border-radius:34px;color:#fff;padding:38px 42px;display:grid;grid-template-columns:.8fr 1.5fr .7fr;align-items:center;gap:40px;box-shadow:0 24px 68px rgba(7,26,51,.18)}.delivery-logo img{max-height:70px;width:auto;filter:brightness(0) invert(1)}.delivery-copy h2{font-size:32px;margin-bottom:8px}.delivery-copy p{color:#bac5d2;margin:0}.delivery-actions{text-align:right}.delivery-actions .btn{white-space:nowrap}

.site-footer{background:#061629;color:#fff;padding:44px 0}.footer-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.footer-grid p{color:#93a1b3;font-size:12px;margin:5px 0 0}.footer-links{display:flex;gap:18px;color:#b4c0cd;font-size:12px}

/* Mobile action bar */
.mobile-cta{display:none;position:fixed!important;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:9999;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid rgba(7,26,51,.10);border-radius:22px;padding:10px;box-shadow:0 18px 50px rgba(7,26,51,.18);transform:none!important;isolation:isolate}
.mobile-cta-inner{display:flex;align-items:center;gap:12px}.mobile-cta-copy{flex:1;min-width:0}.mobile-cta-copy small{display:block;font-size:9px;letter-spacing:.1em;color:#8b610f;font-weight:850}.mobile-cta-copy strong{font-size:15px;color:var(--navy)}.mobile-cta .btn{padding:12px 17px;font-size:13px}

/* ===== Create flow ===== */
.flow{background:#f5f5f7;min-height:100vh}.flow-exit{font-size:13px;font-weight:700;color:#5f6c7f}.flow-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:34px 0 70px}.progress-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#768397;margin-bottom:9px}.progress-meta strong{color:#8b5e1c}.progress{height:6px;border-radius:999px;background:#e2e5e9;overflow:hidden}.progress>div{height:100%;width:13%;background:linear-gradient(90deg,#ff7a00,#ffae51);border-radius:999px;transition:width .35s ease}.flow-stage{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;margin-top:26px;align-items:stretch}.creative-rail{position:relative;overflow:hidden;background:linear-gradient(160deg,#071a33,#0b2c55);color:#fff;border-radius:30px;padding:38px;min-height:620px;box-shadow:0 24px 70px rgba(7,26,51,.16)}.creative-rail:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-130px;bottom:-120px;background:radial-gradient(circle,rgba(255,126,0,.32),rgba(255,126,0,0) 68%)}.rail-label{font-size:10px;letter-spacing:.18em;font-weight:900;color:#ffb45c;margin-bottom:24px}.creative-rail h2{font-size:38px;line-height:1.05;max-width:430px}.rail-rule{width:38px;height:3px;border-radius:99px;background:var(--orange);margin:24px 0}.creative-rail p{color:#b9c5d3;line-height:1.7;font-size:15px;max-width:410px}.rail-studio{position:absolute;left:0;right:0;bottom:0;height:210px;background:linear-gradient(180deg,rgba(7,26,51,0),rgba(7,26,51,.85)),url('assets/studio-hero.png') center 52%/cover no-repeat;opacity:.52}.rail-signature{position:absolute;bottom:24px;left:38px;z-index:2;font-size:10px;letter-spacing:.16em;color:#aeb9c6}.rail-signature span{color:#fff;font-weight:850}.question-shell{background:#fff;border:1px solid #e6e8ec;border-radius:30px;padding:42px;display:flex;flex-direction:column;box-shadow:0 14px 48px rgba(7,26,51,.06);min-height:620px}.question{flex:1}.question .smallcaps{margin-bottom:12px}.question h1,.question h2{font-size:clamp(34px,4vw,52px);line-height:1.05;margin-bottom:12px}.question .sub{font-size:16px;color:#748094;margin-bottom:28px}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.option{border:1px solid #e1e5ea;background:#fff;border-radius:18px;padding:17px 16px;text-align:left;font-weight:740;color:#24334a;min-height:58px;transition:.18s ease;box-shadow:0 3px 10px rgba(7,26,51,.02)}.option:hover{border-color:#c9d0d9;background:#fbfcfd}.option.selected{border-color:#ff9a38;background:#fff7ee;color:#7a4300;box-shadow:0 0 0 3px rgba(255,122,0,.10)}.form-box{width:100%;border:1px solid #dce1e7;background:#fff;border-radius:18px;padding:17px 18px;font-size:16px;color:var(--ink);outline:none;transition:border .18s,box-shadow .18s}.form-box:focus{border-color:#ff9b38;box-shadow:0 0 0 4px rgba(255,122,0,.10)}textarea.form-box{min-height:160px;resize:vertical}.dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.helper{font-size:11px;color:#8a95a4;margin-top:7px}.flow-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:28px;margin-top:24px;border-top:1px solid #eceef1}.flow-actions .btn{min-width:130px}.flow-actions #nextBtn{margin-left:auto}

/* ===== Order ===== */
.order-page{background:#f5f5f7}.order-wrap{padding-top:52px}.order-hero{text-align:center;max-width:760px;margin:0 auto 38px}.order-hero h1{font-size:clamp(42px,5vw,66px);line-height:1.02;margin:10px 0 16px}.order-hero p{font-size:17px}.summary-shell{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:24px;align-items:start;max-width:1120px;margin:0 auto;justify-content:center}.summary-card{background:#fff;border:1px solid #e4e7ec;border-radius:30px;padding:32px;box-shadow:0 14px 44px rgba(7,26,51,.06);height:fit-content}.card-cap{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.14em;font-weight:900;color:#8a95a4;margin-bottom:22px}.summary-card h2{font-size:32px;margin-bottom:22px}.brief-row{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid #eceef1;font-size:13px}.brief-row span:first-child{color:#8a95a4}.brief-row strong{font-weight:750;color:#2a394f}.promise{margin-top:24px;padding:18px;border-radius:18px;background:#f7f8fa}.promise strong{font-size:13px}.promise p{font-size:12px;margin:5px 0 0;line-height:1.6}.order-promo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;background:#fff4e8;border-radius:14px;margin-bottom:15px;color:#8a5009}.order-promo span,.order-promo strong{font-size:9px;letter-spacing:.1em}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid #e9ecf0}.summary-row>span{font-size:13px}.summary-row small{display:block;font-size:10px;color:#8e99a6;margin-top:3px}.order-base-prices{display:flex;align-items:baseline;gap:8px}.order-base-prices del{font-size:12px;color:#9aa3af}.order-base-prices strong{font-size:20px}.discount-row{color:#0a7c4c}.discount-row strong{font-size:13px}.upsell{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid #e9ecf0;cursor:pointer}.upsell input{width:19px;height:19px;margin:2px 0 0;accent-color:#ff7a00}.upsell span{flex:1}.upsell strong{display:flex;justify-content:space-between;gap:16px;font-size:13px}.upsell em{font-style:normal;color:#9b5a0d}.upsell small{display:block;font-size:11px;color:#8793a2;margin-top:4px;line-height:1.5}.total-row{border-bottom:0;padding-top:24px}.total-row span{font-size:15px;font-weight:800}.total-row strong{font-size:30px}.currency-order-note{display:flex;justify-content:space-between;padding:12px 0;font-size:11px;color:#8893a1}.notice{margin:14px 0 18px;padding:15px;border-radius:16px;background:#f7f8fa;font-size:11px;color:#778392;line-height:1.55}.notice strong{display:block;color:#4a586b;margin-bottom:3px}

/* Modal */
.modal{position:fixed;inset:0;z-index:100;background:rgba(7,18,34,.55);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{width:min(720px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:28px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.26)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.modal-head h2{font-size:32px;margin:7px 0 0}.close{width:42px;height:42px;border:1px solid #e1e5ea;border-radius:50%;background:#fff;font-size:26px;line-height:1;color:#5f6b7b}.modal-card>p{font-size:13px}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reason{border:1px solid #e2e6eb;border-radius:16px;background:#fff;padding:15px;text-align:left;color:var(--ink)}.reason strong,.reason span{display:block}.reason strong{font-size:13px;margin-bottom:3px}.reason span{font-size:11px;color:#7d8998}.reason:hover{border-color:#ffc17e;background:#fffaf4}.reason-wide{width:100%;margin-top:10px}.modal-card>.helper{margin-top:12px}

/* Responsive */
@media (max-width:980px){
  .navlinks{display:none}.container{width:min(100% - 36px,1180px)}
  .hero-v2{padding:66px 0 58px}.hero-media{min-height:480px;border-radius:28px}.hero-media:after{border-radius:28px}
  .trust-strip-grid{grid-template-columns:1fr 1fr;row-gap:22px}.trust-strip-grid>div{border-right:0;padding:0}.trust-strip-grid>div:nth-child(odd){padding-right:20px;border-right:1px solid #e8ebef}.trust-strip-grid>div:nth-child(even){padding-left:20px}
  .manifest-grid{grid-template-columns:1fr 1.4fr}.manifest-points{grid-column:2}.latin-signature-grid,.process-grid{grid-template-columns:1fr;gap:45px}.genre-showcase,.service-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:1/-1}.section-title-row{grid-template-columns:1fr;gap:22px}.delivery-card{grid-template-columns:1fr;gap:20px}.delivery-actions{text-align:left}
  .flow-stage{grid-template-columns:1fr}.creative-rail{min-height:300px}.rail-studio{height:150px}.question-shell{min-height:560px}.summary-shell{grid-template-columns:1fr}
}
@media (max-width:680px){
  .container,.flow-wrap,.flow-header-inner{width:calc(100% - 28px)}
  .launch-bar-inner{min-height:34px;gap:8px;font-size:11px}.launch-pill{display:none}.launch-bar a{display:none}
  .nav,.flow-header-inner{min-height:64px;gap:10px}.brand-mark{width:34px;height:34px}.brand-word strong{font-size:14px}.brand-word small{font-size:7px}.currency-switch{display:none}.flow-head-actions .currency-switch{display:flex}.btn-nav{padding:10px 14px}.cta-desktop{display:none}.cta-mobile{display:inline}
  .hero-v2{padding:54px 0 42px}.hero-copy{text-align:left}.hero-copy .eyebrow{margin-bottom:15px}.hero-copy h1{font-size:clamp(42px,13vw,58px);line-height:.96;margin-bottom:20px}.hero-copy h1 span{display:inline}.hero-copy>p{font-size:17px;line-height:1.55;margin-bottom:24px}.cta-row{justify-content:flex-start;flex-wrap:wrap;gap:12px}.hero-copy .text-link{font-size:13px}.hero-offer{justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:7px;margin-bottom:22px}.hero-offer>span{border-left:0;padding-left:0}.hero-proof{grid-template-columns:1fr;margin-top:14px}.hero-proof>div{justify-content:flex-start;padding:13px 15px}.hero-media{min-height:420px;border-radius:24px}.hero-media:after{border-radius:24px}.studio-crop{object-position:64% 50%;transform:scale(1.03)}.media-topline{top:16px;left:16px}.media-card{left:14px;right:14px;bottom:14px;padding:11px 12px;border-radius:18px}.media-card strong{font-size:12px}.media-mark{width:34px;height:34px}.wave-bars{display:none}
  .trust-strip-grid{grid-template-columns:1fr;padding:18px 0;gap:0}.trust-strip-grid>div,.trust-strip-grid>div:nth-child(odd),.trust-strip-grid>div:nth-child(even){padding:13px 0;border-right:0;border-bottom:1px solid #edf0f3}.trust-strip-grid>div:last-child{border-bottom:0}
  .manifest,.genres-v2,.services-v2,.process-v2,.latin-signature{padding:78px 0}.manifest-grid{grid-template-columns:1fr;gap:26px}.manifest-points{grid-column:auto}.manifest-copy h2,.section-title-row h2,.latin-copy h2,.process-intro h2{font-size:39px}.manifest-copy p,.latin-copy p{font-size:16px}.latin-signature-grid{gap:34px}.latin-values article{padding:20px}
  .section-title-row{margin-bottom:34px}.genre-showcase,.service-grid{grid-template-columns:1fr}.service-card:last-child{grid-column:auto}.genre-tile{min-height:220px}.service-card{border-radius:24px;padding:24px}.service-desc{min-height:0}.service-price strong{font-size:38px}.pricing-tools{align-items:flex-start;flex-direction:column}.pricing-tools .currency-switch{display:flex}.process-list article{grid-template-columns:44px 1fr;padding:20px}.delivery-v2{padding-bottom:76px}.delivery-card{border-radius:26px;padding:28px}.delivery-logo img{max-height:50px}.delivery-copy h2{font-size:28px}.footer-grid{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}
  .mobile-cta{display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease}.mobile-cta.visible{opacity:1;visibility:visible;pointer-events:auto;transform:none!important}
  .flow-wrap{padding-top:22px}.flow-exit{font-size:11px}.flow-head-actions{gap:8px}.flow-head-actions .currency-btn{min-width:38px;padding:7px 8px}.flow-stage{margin-top:18px}.creative-rail{min-height:210px;border-radius:24px;padding:24px}.creative-rail h2{font-size:27px;max-width:320px}.creative-rail p{font-size:13px;max-width:320px}.rail-rule{margin:18px 0}.rail-studio{height:110px}.rail-signature{left:24px;bottom:18px}.question-shell{border-radius:24px;padding:24px;min-height:520px}.question h1,.question h2{font-size:34px}.question .sub{font-size:14px;margin-bottom:20px}.option-grid{grid-template-columns:1fr 1fr;gap:9px}.option{min-height:52px;border-radius:15px;padding:14px 12px;font-size:13px}.dual-grid{grid-template-columns:1fr;gap:12px}.contact-grid{gap:10px}.compact-field{padding:13px 14px}.flow-actions{padding-top:20px}.flow-actions .btn{min-width:0;padding:13px 17px}.summary-card{border-radius:24px;padding:24px}.order-wrap{padding-top:34px}.order-hero{text-align:left}.order-hero h1{font-size:42px}.summary-shell{max-width:none}.brief-row{grid-template-columns:1fr;gap:3px}.upsell strong{font-size:12px}.modal-card{padding:22px;border-radius:24px}.reason-grid{grid-template-columns:1fr}.modal-head h2{font-size:28px}
}
@media (max-width:380px){
  .brand-word{display:none}.nav-actions{gap:6px}.hero-copy h1{font-size:41px}.hero-copy>p{font-size:16px}.hero-media{min-height:380px}.option-grid{grid-template-columns:1fr}.question-shell{padding:20px}.creative-rail h2{font-size:24px}.flow-actions{gap:8px}.flow-actions .btn{font-size:12px}.mobile-cta-copy small{display:none}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* ===== V7: alignment, interaction, real forms ===== */
.hero-media{width:min(820px,100%);min-height:0;aspect-ratio:4/3;margin-inline:auto}
.studio-crop{object-position:50% 50%;transform:none}
.genre-tile{cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.genre-tile:hover{transform:translateY(-4px);box-shadow:0 20px 55px rgba(7,26,51,.12);border-color:#d7dce4}
.genre-tile:focus-visible,.btn:focus-visible,.currency-btn:focus-visible,.option:focus-visible,a:focus-visible{outline:3px solid rgba(255,122,0,.35);outline-offset:3px}

/* Actual controls inside form containers */
.form-box{display:flex;flex-direction:column;gap:9px}
.form-box label{font-size:12px;font-weight:800;color:#334156}
.form-box input,.form-box textarea,.business-form input,.business-form textarea,.business-form select{
  width:100%;border:0;background:transparent;color:var(--ink);outline:none;font-size:16px;line-height:1.5;padding:0;min-width:0
}
.form-box textarea{min-height:150px;resize:vertical}
.form-box:focus-within{border-color:#ff9b38;box-shadow:0 0 0 4px rgba(255,122,0,.10)}
.contact-grid{align-items:start}
.compact-field{padding:14px 16px;min-height:auto}
.compact-field input{min-height:32px;font-size:17px;line-height:1.35}
.compact-field .helper{margin-top:4px;line-height:1.45}
.form-box.invalid{border-color:#e25b4d;background:#fff7f5;box-shadow:0 0 0 4px rgba(226,91,77,.10)}
.field-validation{font-size:11px;line-height:1.45;color:#b23b2f;margin-top:2px}
.email-suggestion{display:inline-flex;align-items:center;gap:6px;margin-left:6px;padding:2px 8px;border-radius:999px;border:1px solid #f0b4ad;background:#fff;color:#8e2f25;font-size:11px;font-weight:800}
.email-suggestion:hover{background:#fff7f5}
.submit-status{min-height:22px;margin:8px 0 12px;font-size:12px;color:#52705f}
.error-status{color:#a13d24;background:#fff2ee;border:1px solid #ffd8ce;border-radius:12px;padding:10px 12px}
button:disabled{opacity:.58;cursor:not-allowed;transform:none!important}

.business-wrap{padding-top:56px;padding-bottom:90px}
.business-intro{max-width:820px;text-align:center;margin:0 auto 40px}
.business-intro h1{font-size:clamp(46px,7vw,78px);line-height:.98;margin:10px 0 20px}
.business-intro p{font-size:18px;max-width:720px;margin:0 auto}
.business-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:stretch}
.business-panel{border-radius:30px;padding:38px;background:linear-gradient(160deg,#071a33,#0b2c55);color:#fff;box-shadow:var(--shadow-strong)}
.business-panel h2{font-size:38px;line-height:1.05;margin:12px 0 18px}
.business-panel p{color:#c2cbd7;line-height:1.7}
.business-panel ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}
.business-panel li{padding-left:24px;position:relative;color:#e9eef5;font-size:14px}
.business-panel li:before{content:'✓';position:absolute;left:0;color:#ff9a38;font-weight:900}
.business-form{background:#fff;border:1px solid #e4e7ec;border-radius:30px;padding:34px;box-shadow:0 14px 44px rgba(7,26,51,.06)}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.business-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800;color:#354359;margin-bottom:16px}
.business-form input,.business-form textarea,.business-form select{border:1px solid #dce1e7;border-radius:14px;padding:14px 15px;background:#fff}
.business-form textarea{min-height:160px;resize:vertical}
.business-form input:focus,.business-form textarea:focus,.business-form select:focus{border-color:#ff9b38;box-shadow:0 0 0 4px rgba(255,122,0,.10)}
.business-success{text-align:center;padding:50px 18px}
.business-success h2{font-size:40px;margin:10px 0}

.thanks-wrap{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:60px 20px;background:radial-gradient(circle at 50% 20%,#fff7ed 0,#f5f5f7 42%,#eef1f5 100%)}
.thanks-card{width:min(720px,100%);background:#fff;border:1px solid #e4e7ec;border-radius:34px;padding:48px;text-align:center;box-shadow:0 28px 90px rgba(7,26,51,.12)}
.thanks-mark{width:72px;height:72px;border-radius:22px;margin:0 auto 20px;overflow:hidden;box-shadow:0 12px 30px rgba(7,26,51,.16)}
.thanks-mark img{width:100%;height:100%;object-fit:cover}
.thanks-card h1{font-size:clamp(42px,6vw,66px);line-height:1;margin:12px 0 18px}
.order-code{display:inline-block;margin:16px 0 20px;padding:13px 18px;border-radius:14px;background:#071a33;color:#fff;font-weight:900;letter-spacing:.08em}
.thanks-note{font-size:13px;max-width:560px;margin:0 auto 24px}

@media (max-width:680px){
  .hero-media{width:100%;aspect-ratio:4/5;min-height:0}
  .studio-crop{object-position:50% 50%;transform:none}
  .business-wrap{padding-top:32px}.business-intro{text-align:left}.business-intro h1{font-size:44px}
  .business-shell{grid-template-columns:1fr}.business-panel,.business-form{border-radius:24px;padding:24px}.business-panel h2{font-size:30px}
  .form-grid-2{grid-template-columns:1fr}.thanks-card{padding:30px 22px;border-radius:26px}.thanks-card h1{font-size:42px}
}

/* ===== V8 · SONALZA Latino Premium / UX polish ===== */
:root{
  --cream:#fffaf4;
  --sand:#f5eadf;
  --terracotta:#c85d22;
  --gold:#e7a33c;
  --mint:#eaf6ef;
}

/* Header navigation */
.menu-toggle{display:none;width:42px;height:42px;border:1px solid #e2e7ed;background:#fff;border-radius:50%;align-items:center;justify-content:center;flex-direction:column;gap:5px;box-shadow:0 5px 16px rgba(7,26,51,.05)}
.menu-toggle span{width:16px;height:1.5px;background:var(--navy);border-radius:4px;transition:.2s ease}
.menu-toggle.open span:first-child{transform:translateY(3.25px) rotate(45deg)}
.menu-toggle.open span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.mobile-nav{display:none;background:rgba(255,255,255,.96);border-top:1px solid #edf0f3;box-shadow:0 18px 40px rgba(7,26,51,.08)}
.mobile-nav-inner{display:grid;padding:12px 0 18px}
.mobile-nav a{padding:13px 2px;border-bottom:1px solid #edf0f3;font-size:15px;font-weight:760;color:#24354d}
.mobile-nav a:last-child{border-bottom:0}

/* Hero feels crafted rather than generic */
.hero-v2{background:
  radial-gradient(circle at 12% 8%,rgba(255,180,91,.15),transparent 28%),
  linear-gradient(180deg,#fffdfa 0%,#f6f7f9 100%)}
.hero-copy{max-width:1020px}
.hero-copy h1{max-width:980px;letter-spacing:-.055em}
.hero-copy h1 span{background:linear-gradient(90deg,#e96e0d,#f2a348 65%,#cf651d);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-media{width:min(900px,100%);aspect-ratio:16/10;min-height:0;border-radius:32px;background:#071a33}
.studio-crop{object-position:50% 50%;transform:none}
.media-card{max-width:470px}

/* New quick-start section */
.quick-start{padding:104px 0;background:var(--cream);border-top:1px solid #f1e6dc;border-bottom:1px solid #f1e6dc}
.quick-head{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:end;margin-bottom:36px}
.quick-head h2{font-size:clamp(38px,4.3vw,62px);line-height:1.02;margin:8px 0 0;color:var(--navy);max-width:780px}
.quick-head p{font-size:16px;line-height:1.7;margin:0}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.quick-card{position:relative;min-height:310px;background:#fff;border:1px solid #eadfd4;border-radius:28px;padding:24px;display:flex;flex-direction:column;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.quick-card:before{content:"";position:absolute;inset:auto -80px -90px auto;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(231,163,60,.18),transparent 68%)}
.quick-card:hover{transform:translateY(-4px);border-color:#dfc8b0;box-shadow:0 20px 55px rgba(73,41,17,.10)}
.quick-num{font-size:10px;letter-spacing:.16em;font-weight:900;color:#a38163}
.quick-icon{width:54px;height:54px;margin:26px 0 28px;border-radius:17px;display:grid;place-items:center;background:#fff3e5;color:#9b5216;font-size:12px;font-weight:900;letter-spacing:.08em;border:1px solid #f2d7ba}
.quick-card-love .quick-icon{font-size:24px;letter-spacing:0}
.quick-card-corrido{background:linear-gradient(155deg,#071a33,#0d2c52);border-color:#17385e;color:#fff}
.quick-card-corrido p{color:#bdc8d4}.quick-card-corrido .quick-num{color:#f0b56a}.quick-card-corrido .quick-icon{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.13);color:#ffc171}
.quick-card h3{font-size:23px;line-height:1.06;margin:0 0 10px;letter-spacing:-.035em}
.quick-card p{font-size:13px;line-height:1.62;flex:1;margin-bottom:22px}
.quick-card b{font-size:12px;color:#ab5d1a}.quick-card-corrido b{color:#ffc171}

/* Latin section: more crafted, less decorative */
.latin-signature{background:linear-gradient(145deg,#06162c 0%,#0a2749 55%,#071a33 100%)}
.latin-signature:after{content:"";position:absolute;left:-8%;bottom:-180px;width:520px;height:520px;border:1px solid rgba(255,177,89,.16);border-radius:50%;box-shadow:0 0 0 36px rgba(255,177,89,.025),0 0 0 72px rgba(255,177,89,.02)}
.latin-values article{border-color:rgba(255,197,117,.17);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.045))}
.latin-values article span{color:#ffc174}

/* Service cards: clearer hierarchy */
.service-card{position:relative;overflow:hidden}
.primary-service:before{content:"MÁS ELEGIDA";position:absolute;right:18px;top:18px;background:var(--navy);color:#fff;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:900;letter-spacing:.12em}
.service-card .btn{margin-top:auto}

/* Create flow */
.flow{background:linear-gradient(180deg,#f8f8f9,#f2f4f7)}
.progress{height:7px;background:#e6e9ed}
.flow-stage{grid-template-columns:.82fr 1.18fr;gap:24px}
.creative-rail{background:linear-gradient(155deg,#071a33 0%,#0c2a50 67%,#112f54 100%);padding:34px;min-height:650px}
.creative-rail h2{font-size:36px;max-width:400px;margin-bottom:12px}
.rail-intro{max-width:390px!important;margin-bottom:25px}
.rail-checks{position:relative;z-index:3;display:grid;gap:10px;margin:24px 0}
.rail-checks>div{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(255,255,255,.055)}
.rail-checks>div>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(255,171,73,.15);color:#ffc071;font-weight:900;font-size:11px;flex:0 0 auto}
.rail-checks p{margin:0!important;display:flex;flex-direction:column;line-height:1.2!important}
.rail-checks strong{font-size:12px;color:#fff}.rail-checks small{font-size:10px;color:#9fadc0;margin-top:4px}
.rail-tip{position:relative;z-index:3;margin-top:20px;padding:18px;border-radius:18px;background:#fff;color:var(--navy);box-shadow:0 18px 50px rgba(0,0,0,.16)}
.rail-tip small{display:block;font-size:8px;font-weight:900;letter-spacing:.14em;color:#aa6416;margin-bottom:5px}
.rail-tip strong{display:block;font-size:14px;margin-bottom:4px}.rail-tip p{font-size:11px!important;line-height:1.55!important;color:#68758a!important;margin:0!important}
.rail-studio{opacity:.25;height:180px;background-position:center 50%}
.question-shell{padding:34px 38px;min-height:650px}
.question-topline{display:flex;justify-content:space-between;gap:18px;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid #eef0f2;color:#8a95a4;font-size:10px;font-weight:760;letter-spacing:.02em}
.question .smallcaps{color:#a35e12}
.question h1,.question h2{font-size:clamp(32px,3.7vw,48px);max-width:760px}
.question .sub{max-width:720px;line-height:1.6}
.why-box{display:flex;align-items:flex-start;gap:10px;background:#fff8ef;border:1px solid #f1dcc5;border-radius:16px;padding:13px 15px;margin:-12px 0 20px;color:#70471f}
.why-box strong{font-size:11px;white-space:nowrap}.why-box span{font-size:11px;line-height:1.55;color:#8a6848}
.prompt-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}
.prompt-chips span{font-size:10px;color:#6f5232;background:#fff7ee;border:1px solid #efddc8;border-radius:999px;padding:6px 9px;font-weight:750}
.option-grid{gap:10px}
.option{border-radius:16px;min-height:56px;padding:15px 14px;background:#fff;position:relative}
.option.selected:after{content:"✓";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:900;color:#b15f09}
.form-box{background:#fbfcfd;border-color:#dfe4e9}
.form-box input,.form-box textarea{font-size:16px!important}
.field-meta{display:flex;justify-content:space-between;gap:14px;color:#8b95a3;font-size:10px;padding-top:8px;border-top:1px solid #edf0f2}
.field-meta span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.privacy-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:17px;background:var(--mint);border:1px solid #d7eadd;margin:-10px 0 18px}
.privacy-note>span{font-size:17px}.privacy-note strong{display:block;font-size:12px;color:#22563b}.privacy-note p{font-size:10px;margin:3px 0 0;color:#668071}
.error{margin-top:14px;padding:11px 13px;border-radius:12px;background:#fff0ec;color:#9a3a23;border:1px solid #ffd5ca;font-size:12px;font-weight:700}

/* Order clarity */
.order-hero{max-width:830px}.order-trust{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:18px}.order-trust span{font-size:10px;font-weight:800;color:#4b6657;background:#edf8f1;border:1px solid #dcefe3;padding:7px 9px;border-radius:999px}
.next-steps-mini{display:grid;gap:8px;margin:12px 0 18px}
.next-steps-mini>div{display:flex;gap:11px;align-items:flex-start;padding:11px 12px;border-radius:14px;background:#fafbfc;border:1px solid #eceff2}
.next-steps-mini>div>span{width:24px;height:24px;border-radius:50%;background:#fff2e3;color:#a75b0e;display:grid;place-items:center;font-size:10px;font-weight:900;flex:0 0 auto}
.next-steps-mini p{margin:0;display:flex;flex-direction:column}.next-steps-mini strong{font-size:11px;color:#34435a}.next-steps-mini small{font-size:9px;color:#85909e;margin-top:2px}

@media (max-width:980px){
  .menu-toggle{display:flex}.mobile-nav.open{display:block}.nav-actions{gap:8px}
  .quick-head{grid-template-columns:1fr;gap:15px}.quick-grid{grid-template-columns:1fr 1fr}
  .hero-media{width:min(760px,100%)}
}

@media (max-width:680px){
  .site-header{top:0}.nav{min-height:62px}.menu-toggle{width:38px;height:38px}.btn-nav{display:none}.currency-switch{display:flex}.nav-actions .currency-switch{padding:2px}.nav-actions .currency-btn{min-width:39px;padding:7px 7px;font-size:10px}
  .mobile-nav.open{display:block}.mobile-nav-inner{width:calc(100% - 28px)}
  .hero-v2{padding-top:44px}.hero-copy h1{font-size:clamp(41px,12vw,54px);line-height:.96}.hero-copy>p{font-size:16px}.cta-row .btn-xl{width:100%}.cta-row{gap:8px}.hero-copy .text-link{margin:0 auto}
  .hero-media{aspect-ratio:4/4.8;border-radius:22px}.studio-crop{object-position:57% 50%}
  .quick-start{padding:70px 0}.quick-head h2{font-size:38px}.quick-head p{font-size:14px}.quick-grid{grid-template-columns:1fr}.quick-card{min-height:250px;border-radius:23px}.quick-icon{margin:18px 0 20px}
  .latin-signature{padding:76px 0}
  .flow-head-actions .currency-switch{display:flex}.flow-stage{grid-template-columns:1fr}.creative-rail{min-height:auto;padding:22px;border-radius:22px}.creative-rail h2{font-size:25px}.rail-intro{font-size:12px!important;margin-bottom:15px}.rail-checks{grid-template-columns:1fr 1fr;margin:15px 0;gap:7px}.rail-checks>div{padding:9px}.rail-checks>div:nth-child(3){grid-column:1/-1}.rail-checks small{display:none}.rail-tip{padding:13px;margin-top:12px}.rail-tip p{font-size:10px!important}.rail-studio,.rail-signature{display:none}
  .question-shell{padding:22px;min-height:0}.question-topline{font-size:9px;align-items:flex-start}.question-topline span:last-child{display:none}.question h1,.question h2{font-size:31px}.why-box{flex-direction:column;gap:3px;margin-top:-8px}.why-box strong{white-space:normal}.option-grid{grid-template-columns:1fr 1fr}.option{font-size:13px}.flow-actions{position:sticky;bottom:0;background:#fff;margin-left:-22px;margin-right:-22px;margin-bottom:-22px;padding:14px 22px 16px;border-radius:0 0 22px 22px;z-index:4;box-shadow:0 -14px 30px rgba(7,26,51,.05);align-items:center}
  .order-hero{text-align:left}.order-trust{justify-content:flex-start}
}

@media (max-width:390px){
  .brand-word{display:flex}.brand-word strong{font-size:12px}.brand-word small{font-size:6px}.brand-mark{width:31px;height:31px}.menu-toggle{width:34px;height:34px}.nav-actions .currency-btn{min-width:35px;font-size:9px}
  .hero-copy h1{font-size:39px}.hero-copy>p{font-size:15px}.hero-media{aspect-ratio:4/5.1}.media-card{right:12px;left:12px}.media-card strong{font-size:11px}
  .rail-checks{grid-template-columns:1fr}.rail-checks>div:nth-child(3){grid-column:auto}.creative-rail h2{font-size:23px}.question h1,.question h2{font-size:28px}.option-grid{grid-template-columns:1fr}.field-meta{flex-direction:column;gap:2px}
}

/* V8.1 hero alignment: portrait asset shown intentionally, never awkwardly cropped */
@media (min-width:981px){
  .hero-v2-grid{grid-template-columns:1.04fr .96fr;gap:64px;align-items:center}
  .hero-copy{max-width:610px;margin:0;text-align:left}
  .hero-copy h1{font-size:clamp(58px,5.25vw,76px);max-width:610px;margin-left:0;margin-right:0}
  .hero-copy>p{max-width:590px;margin-left:0;margin-right:0}
  .cta-row,.hero-offer{justify-content:flex-start}
  .hero-proof{max-width:610px;margin-left:0}
  .hero-proof>div{padding:15px 13px}
  .hero-proof span{font-size:11px}
  .hero-media{width:100%;aspect-ratio:4/5;max-width:500px;justify-self:end}
  .studio-crop{object-fit:cover;object-position:50% 50%;transform:none}
}
@media (max-width:980px){
  .hero-v2-grid{grid-template-columns:1fr}.hero-copy{margin:auto;text-align:center}.cta-row,.hero-offer{justify-content:center}.hero-proof{margin-inline:auto}
  .hero-media{aspect-ratio:4/5;max-width:600px}
  .studio-crop{object-position:50% 50%;transform:none}
}
@media (max-width:680px){
  .hero-copy{text-align:left;margin:0}.cta-row,.hero-offer{justify-content:flex-start}.hero-proof{margin-left:0}
  .hero-media{aspect-ratio:4/5}.studio-crop{object-position:50% 50%;transform:none}
}

/* V9 · Genre visual identity */
.genre-tile{isolation:isolate}
.genre-copy{position:relative;z-index:3;max-width:72%}
.genre-tile .genre-index,.genre-tile>span,.genre-tile .genre-icon{position:relative;z-index:4}
.genre-art{position:absolute;z-index:1;right:-6%;top:4%;width:58%;height:90%;object-fit:contain;object-position:center right;opacity:.20;pointer-events:none;transform:translate3d(8px,0,0) scale(.98);transition:opacity .28s ease,transform .35s cubic-bezier(.2,.8,.2,1);filter:saturate(.92)}
.genre-featured .genre-art{opacity:.42;right:-4%;width:60%;filter:saturate(1.08) brightness(1.08)}
.genre-tile:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 48%,rgba(255,255,255,.70) 74%,rgba(255,255,255,.34) 100%);pointer-events:none}
.genre-featured:before{background:linear-gradient(90deg,rgba(7,26,51,.99) 0%,rgba(7,26,51,.96) 50%,rgba(7,26,51,.70) 76%,rgba(7,26,51,.18) 100%)}
.genre-tile:hover .genre-art{opacity:.31;transform:translate3d(0,-2px,0) scale(1.03)}
.genre-featured:hover .genre-art{opacity:.56}
.genre-tile h3{position:relative;z-index:3}
.genre-tile p{position:relative;z-index:3}

@media (max-width:760px){
  .genre-copy{max-width:76%}
  .genre-art{width:54%;right:-10%;top:7%;height:84%;opacity:.17}
  .genre-featured .genre-art{width:56%;right:-8%;opacity:.34}
  .genre-tile:before{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 58%,rgba(255,255,255,.58) 100%)}
  .genre-featured:before{background:linear-gradient(90deg,rgba(7,26,51,.99) 0%,rgba(7,26,51,.96) 58%,rgba(7,26,51,.48) 100%)}
}

@media (prefers-reduced-motion:reduce){
  .genre-art{transition:none}
}

/* V10 — richer editorial genre artwork */
.genre-tile{background:linear-gradient(145deg,#ffffff 0%,#fbfcfe 72%,#f6f8fb 100%)}
.genre-tile:not(.genre-featured){border-color:#e3e7ec}
.genre-tile:nth-child(2){background:linear-gradient(145deg,#fff 0%,#fffaf2 100%)}
.genre-tile:nth-child(3){background:linear-gradient(145deg,#fff 0%,#f6f9fc 100%)}
.genre-tile:nth-child(4){background:linear-gradient(145deg,#fff 0%,#fff8ef 100%)}
.genre-tile:nth-child(5){background:linear-gradient(145deg,#fff 0%,#fbf7f2 100%)}
.genre-tile:nth-child(6){background:linear-gradient(145deg,#fff 0%,#f7f9fc 100%)}
.genre-copy{max-width:66%}
.genre-art{right:-7%;top:2%;width:57%;height:96%;opacity:.62;filter:saturate(1.05) contrast(1.02);transform:translate3d(0,0,0) scale(1);}
.genre-featured .genre-art{opacity:.64;right:-8%;width:62%;filter:saturate(1.18) brightness(1.08)}
.genre-tile:before{background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.98) 46%,rgba(255,255,255,.78) 67%,rgba(255,255,255,.18) 100%)}
.genre-featured:before{background:linear-gradient(90deg,rgba(7,26,51,1) 0%,rgba(7,26,51,.98) 48%,rgba(7,26,51,.72) 70%,rgba(7,26,51,.12) 100%)}
.genre-tile:hover .genre-art{opacity:.76;transform:translate3d(-4px,-2px,0) scale(1.035)}
.genre-featured:hover .genre-art{opacity:.82}
.genre-tile h3{font-size:30px;letter-spacing:-.02em}
.genre-tile p{font-size:15px;line-height:1.55;max-width:100%}
@media(max-width:720px){
  .genre-copy{max-width:68%}
  .genre-art{width:58%;right:-10%;top:5%;height:90%;opacity:.52}
  .genre-featured .genre-art{width:62%;right:-12%;opacity:.58}
  .genre-tile:before{background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.98) 56%,rgba(255,255,255,.54) 100%)}
  .genre-featured:before{background:linear-gradient(90deg,rgba(7,26,51,1) 0%,rgba(7,26,51,.98) 58%,rgba(7,26,51,.45) 100%)}
}

/* ===== V11 · Editorial photo genre cards ===== */
.genres-v2{
  position:relative;
  background:
    radial-gradient(circle at 96% 12%,rgba(255,122,0,.075),transparent 18%),
    radial-gradient(circle at 3% 88%,rgba(14,61,113,.055),transparent 22%),
    #f7f8fa;
  overflow:hidden;
}
.genres-v2:before,.genres-v2:after{
  content:"";position:absolute;pointer-events:none;width:330px;height:330px;border-radius:50%;
  border:1px solid rgba(255,122,0,.11);opacity:.52
}
.genres-v2:before{left:-265px;bottom:-125px;box-shadow:0 0 0 18px rgba(255,122,0,.028),0 0 0 38px rgba(255,122,0,.018)}
.genres-v2:after{right:-275px;top:130px;box-shadow:0 0 0 18px rgba(255,122,0,.025),0 0 0 38px rgba(255,122,0,.015)}
.genres-v2 .container{position:relative;z-index:1}
.genre-heading{align-items:start;margin-bottom:46px}
.genre-brandline{color:#8394ab;letter-spacing:.30em;margin-bottom:16px}
.genre-brandline:after{content:"";display:inline-block;width:84px;height:1px;background:#aab6c6;margin:0 0 4px 18px;opacity:.8}
.genre-heading-main h2{max-width:760px;font-size:clamp(45px,4.7vw,70px);letter-spacing:-.045em}
.genre-heading-accent{width:76px;height:3px;border-radius:999px;background:var(--orange);margin-top:18px}
.genre-heading-side{padding-top:4px}
.genre-side-label{font-size:9px;letter-spacing:.30em;font-weight:850;color:#9aa8ba;text-align:right;margin-bottom:40px}
.genre-heading-side p{font-size:17px;line-height:1.75;color:#68768b;margin:0;max-width:520px}

.genre-showcase{gap:20px}
.genre-tile{
  min-height:278px;
  border-radius:30px;
  padding:30px 32px;
  border:1px solid rgba(219,224,231,.92);
  background:#fff;
  box-shadow:0 18px 44px rgba(7,26,51,.055);
  isolation:isolate;
  transform:translateZ(0);
}
.genre-tile:not(.genre-featured){background:#fffdfb}
.genre-featured{
  background:#071c37;
  box-shadow:0 23px 60px rgba(7,26,51,.18);
}
.genre-featured:after{display:none}
.genre-art{
  position:absolute;
  z-index:1;
  right:0;
  top:0;
  width:62%;
  height:100%;
  object-fit:cover;
  object-position:center right;
  opacity:1;
  pointer-events:none;
  filter:none;
  transform:none;
  transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .3s ease;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 12%,rgba(0,0,0,.78) 38%,#000 58%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 12%,rgba(0,0,0,.78) 38%,#000 58%,#000 100%);
}
.genre-featured .genre-art{width:66%;right:0;opacity:1;filter:none}
.genre-tile:before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,#fffdfb 0%,rgba(255,253,251,.995) 43%,rgba(255,253,251,.92) 54%,rgba(255,253,251,.38) 73%,rgba(255,253,251,.02) 100%);
}
.genre-featured:before{
  background:linear-gradient(90deg,#071c37 0%,rgba(7,28,55,.995) 45%,rgba(7,28,55,.91) 57%,rgba(7,28,55,.32) 77%,rgba(7,28,55,.03) 100%);
}
.genre-copy{position:relative;z-index:3;max-width:64%}
.genre-tile .genre-index,.genre-tile>span,.genre-tile .genre-icon{position:relative;z-index:4}
.genre-index{margin-bottom:54px;color:#8fa0b6;font-size:10px;letter-spacing:.18em}
.genre-featured .genre-index{color:#ffad52}
.genre-icon{right:28px;top:25px;font-size:24px}
.genre-tile h3{font-size:31px;letter-spacing:-.035em;margin-bottom:12px}
.genre-tile p{font-size:15px;line-height:1.55;color:#68768b;margin-bottom:24px}
.genre-featured p{color:#c4cfdd}
.genre-tile>span{left:32px;bottom:27px;color:#a45e0c;font-size:9px;letter-spacing:.19em}
.genre-featured>span{color:#ffb15c}
.genre-tile:hover{transform:translateY(-5px);box-shadow:0 24px 58px rgba(7,26,51,.11)}
.genre-tile:hover .genre-art{transform:scale(1.025);filter:saturate(1.04)}
.genre-featured:hover .genre-art{opacity:1}

@media (max-width:1000px){
  .genre-heading{grid-template-columns:1fr;gap:20px}
  .genre-heading-side{padding-top:0;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}
  .genre-side-label{text-align:left;margin:7px 0 0}
  .genre-heading-side p{max-width:680px}
}
@media (max-width:760px){
  .genre-heading-main h2{font-size:40px}
  .genre-brandline:after{width:50px}
  .genre-heading-side{display:block}
  .genre-side-label{margin:0 0 14px}
  .genre-heading-side p{font-size:15px;line-height:1.65}
  .genre-tile{min-height:232px;padding:24px;border-radius:25px}
  .genre-copy{max-width:72%}
  .genre-art,.genre-featured .genre-art{width:64%;right:0;top:0;height:100%;opacity:1}
  .genre-tile:before{background:linear-gradient(90deg,#fffdfb 0%,#fffdfb 54%,rgba(255,253,251,.86) 68%,rgba(255,253,251,.18) 100%)}
  .genre-featured:before{background:linear-gradient(90deg,#071c37 0%,#071c37 55%,rgba(7,28,55,.82) 70%,rgba(7,28,55,.15) 100%)}
  .genre-index{margin-bottom:36px}
  .genre-tile h3{font-size:27px}
  .genre-tile p{font-size:14px;line-height:1.5}
  .genre-tile>span{left:24px;bottom:21px}
}
@media (max-width:420px){
  .genre-copy{max-width:78%}
  .genre-art,.genre-featured .genre-art{width:60%}
  .genre-tile:before{background:linear-gradient(90deg,#fffdfb 0%,#fffdfb 62%,rgba(255,253,251,.78) 78%,rgba(255,253,251,.12) 100%)}
  .genre-featured:before{background:linear-gradient(90deg,#071c37 0%,#071c37 62%,rgba(7,28,55,.78) 78%,rgba(7,28,55,.10) 100%)}
}


/* V12 · Region + language selector */
.locale-picker{position:relative;z-index:80;display:inline-flex}.locale-trigger{height:42px;display:flex;align-items:center;gap:7px;border:1px solid #e3e7ec;background:rgba(255,255,255,.9);color:var(--navy);border-radius:999px;padding:5px 12px 5px 7px;box-shadow:0 4px 18px rgba(7,26,51,.07);font:inherit;font-size:11px;font-weight:850;letter-spacing:.035em;cursor:pointer;white-space:nowrap}.locale-trigger:hover{border-color:#cfd6df;box-shadow:0 7px 22px rgba(7,26,51,.10)}.locale-flag{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f3f5f7;font-size:16px}.locale-chevron{font-size:15px;color:#8a96a6;transform:translateY(-1px)}.locale-popover{position:absolute;right:0;top:calc(100% + 10px);width:350px;padding:18px;background:rgba(255,255,255,.985);border:1px solid #e5e8ed;border-radius:22px;box-shadow:0 24px 70px rgba(7,26,51,.18);opacity:0;visibility:hidden;transform:translateY(-7px) scale(.985);transform-origin:top right;transition:.18s ease;z-index:500}.locale-picker.open .locale-popover{opacity:1;visibility:visible;transform:none}.locale-pop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.locale-pop-head strong{font-size:15px}.locale-close{width:32px;height:32px;border:0;border-radius:50%;background:#f3f5f7;color:#667487;font-size:20px;line-height:1;cursor:pointer}.locale-group{padding:12px 0;border-top:1px solid #eef0f3}.locale-group-label{display:block;margin-bottom:8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:#8a96a6}.locale-choice{width:100%;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;text-align:left;padding:10px;border:1px solid transparent;background:transparent;border-radius:14px;color:var(--navy);cursor:pointer}.locale-choice:hover{background:#f7f8fa}.locale-choice.active{background:#fff7ef;border-color:#ffd9b4}.locale-choice>span{font-size:21px}.locale-choice div{display:flex;flex-direction:column;gap:2px}.locale-choice strong{font-size:13px}.locale-choice small{font-size:10px;color:#8792a1}.locale-choice i{font-style:normal;color:var(--orange);opacity:0}.locale-choice.active i{opacity:1}.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.language-choice{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid #e6e9ee;background:#fff;border-radius:13px;color:var(--navy);cursor:pointer}.language-choice strong{font-size:12px}.language-choice small{font-size:9px;color:#8c97a6}.language-choice.active{border-color:#ffb468;background:#fff7ef;box-shadow:inset 0 0 0 1px rgba(255,122,0,.18)}.locale-market-note{display:flex;gap:9px;align-items:flex-start;margin-top:11px;padding:11px 12px;border-radius:14px;background:#f7f8fa}.locale-market-note>span{color:#2dac6f;font-size:9px;margin-top:5px}.locale-market-note p{margin:0;display:flex;flex-direction:column;gap:2px}.locale-market-note strong{font-size:11px}.locale-market-note small{font-size:10px;line-height:1.35;color:#778394}.locale-picker-compact .locale-trigger{height:38px}.business-starting-price{display:inline-flex;align-items:center;gap:12px;margin-top:18px;padding:10px 14px;border-radius:999px;background:#fff7ef;border:1px solid #ffd7b1}.business-starting-price span{font-size:9px;letter-spacing:.12em;font-weight:900;color:#ad5e00}.business-starting-price strong{font-size:14px;color:var(--navy)}
@media(max-width:980px){.locale-trigger{height:38px;padding-right:9px}.locale-summary{font-size:10px}.locale-popover{position:fixed;left:12px;right:12px;top:74px;width:auto;max-width:420px;margin-left:auto}.nav-actions .locale-picker{display:inline-flex}.flow-head-actions .locale-picker{display:inline-flex}}
@media(max-width:560px){.locale-trigger{gap:5px;padding:4px 8px 4px 5px}.locale-flag{width:27px;height:27px;font-size:14px}.locale-summary{font-size:9px}.locale-chevron{display:none}.locale-popover{top:66px;padding:15px;border-radius:20px}.locale-picker-compact .locale-summary{display:none}.flow-header-inner>.locale-picker{margin-left:auto}.business-starting-price{border-radius:16px;align-items:flex-start;flex-direction:column;gap:3px}}

/* V13 · Verified regional pricing */
.geo-detected{display:flex;gap:10px;align-items:flex-start;margin:2px 0 12px;padding:11px 12px;border-radius:14px;background:#f4f8f6;border:1px solid #deebe4}.geo-detected.warn{background:#fff8ef;border-color:#f6dcc0}.geo-dot{width:8px;height:8px;border-radius:50%;background:#28a66a;margin-top:5px;box-shadow:0 0 0 4px rgba(40,166,106,.10);flex:0 0 auto}.geo-detected.warn .geo-dot{background:#e58a21;box-shadow:0 0 0 4px rgba(229,138,33,.10)}.geo-detected div{display:flex;flex-direction:column;gap:3px}.geo-detected strong{font-size:11px;color:var(--navy)}.geo-detected small{font-size:9.5px;line-height:1.4;color:#748193}.locale-market-note.warning{background:#fff5e8;border:1px solid #f4d4ad}.locale-market-note.warning>span{color:#bf6b08;font-weight:900;margin-top:1px}.region-confirm-panel{position:absolute;inset:12px;z-index:30;padding:18px;border-radius:18px;background:#fff;box-shadow:0 20px 55px rgba(7,26,51,.22);border:1px solid #e7ebf0;display:grid;grid-template-columns:38px 1fr;gap:12px;align-content:start}.region-confirm-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff4e8;color:#d76f00;font-size:21px;font-weight:800}.region-confirm-copy strong{display:block;font-size:14px;color:var(--navy);margin-bottom:5px}.region-confirm-copy p{margin:0;font-size:10.5px;line-height:1.5;color:#6d7887}.region-confirm-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.region-confirm-actions button{border-radius:999px;padding:9px 13px;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.region-confirm-cancel{border:1px solid #dfe4ea;background:#fff;color:#667384}.region-confirm-ok{border:1px solid var(--orange);background:var(--orange);color:#071a33}.region-verification-note{margin-top:10px;padding:11px 12px;border-radius:13px;border:1px solid #f2d4ad;background:#fff7ec;color:#6e4a1e;font-size:11px;line-height:1.45}.region-verification-note strong{color:#9d5e10}.locale-picker.region-mismatch .locale-trigger{border-color:#f0c896;background:#fffaf4}
@media(max-width:560px){.region-confirm-panel{inset:8px;padding:15px}.region-confirm-actions{flex-direction:column-reverse}.region-confirm-actions button{width:100%;min-height:42px}.geo-detected{padding:10px}}

/* ===== V15 · Contact-field polish ===== */
.email-suggestion{margin-top:7px;margin-left:0;padding:6px 10px;border-radius:10px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.email-suggestion:hover{transform:translateY(-1px);background:#fff0ed;border-color:#e69a91}
.compact-field input::placeholder{color:#9aa4b1}
@media (max-width:680px){.compact-field input{font-size:16px;min-height:30px}.field-validation{font-size:10.5px}.email-suggestion{width:100%;justify-content:center}}


/* ===== V16: custom cover addon ===== */
.upsell-block{border-bottom:1px solid #e9ecf0}
.upsell-block .upsell{border-bottom:0;padding-bottom:12px}
.addon-detail{display:grid;gap:12px;padding:0 0 18px 32px}
.addon-detail[hidden]{display:none!important}
.addon-form-box{background:#fbfcfe;border-color:#e5e9ef;box-shadow:none}
.compact-area{padding:14px 15px}
.compact-area textarea{min-height:96px}
.compact-area input[type="file"]{font-size:13px;line-height:1.4;padding:2px 0}
.upload-file-name{font-size:12px;font-weight:700;color:#42526a}
.cover-preview{width:100%;max-width:190px;aspect-ratio:1/1;border:1px solid #e3e8ef;border-radius:18px;overflow:hidden;background:#f4f6f9}
.cover-preview img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:680px){
  .addon-detail{padding:0 0 16px 0}
  .cover-preview{max-width:160px}
}

/* ===== V17 · Silicon Valley minimal + Latino warmth ===== */
:root{
  --footer-line:rgba(255,255,255,.10);
  --footer-soft:rgba(255,255,255,.72);
}

/* Scroll reveal system */
.reveal{
  opacity:0;
  transform:translateY(28px) scale(.985);
  transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1);
  transition-delay:var(--reveal-delay,0ms);
  will-change:transform,opacity;
}
.reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}

/* Slightly cleaner premium spacing */
.hero-v2{padding-top:92px;padding-bottom:86px}
.trust-strip-grid>div strong{font-size:14px;letter-spacing:-.01em}
.quick-start,.manifest,.genres-v2,.services-v2,.process-v2,.latin-signature{scroll-margin-top:92px}

/* Delivery section upgrade */
.delivery-v2{padding:0 0 118px;background:linear-gradient(180deg,#ffffff 0%,#f7f8fa 100%)}
.delivery-card-pro{
  grid-template-columns:minmax(240px,320px) 1fr;
  gap:36px;
  padding:34px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 88% 18%, rgba(255,171,73,.16), transparent 18%),
    linear-gradient(145deg,#071a33 0%,#0b2445 56%,#0f315a 100%);
}
.delivery-brand-badge{display:flex;flex-direction:column;gap:18px;align-self:stretch;justify-content:center}
.delivery-logo-surface{
  background:rgba(255,255,255,.98);
  border:1px solid rgba(255,255,255,.35);
  border-radius:28px;
  min-height:184px;
  display:grid;
  place-items:center;
  padding:24px;
  box-shadow:0 18px 46px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.55);
}
.delivery-logo-surface img{width:min(100%,240px);height:auto;filter:none}
.delivery-brand-meta strong{display:block;font-size:24px;line-height:1.08;color:#fff;margin:6px 0 6px;letter-spacing:-.03em}
.delivery-brand-meta span{display:block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#ffc174}
.delivery-copy h2{font-size:clamp(34px,4vw,46px);line-height:1.02;margin-bottom:14px;max-width:620px}
.delivery-copy p{font-size:17px;line-height:1.72;color:#c7d1dc;max-width:720px}
.delivery-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.delivery-points>div{
  padding:18px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
}
.delivery-points b{display:block;color:#fff;font-size:14px;margin-bottom:5px}
.delivery-points span{display:block;color:#bcc7d5;font-size:12px;line-height:1.55}

/* Final CTA tighter */
.final-cta-inner p{max-width:560px;color:#6b7685;margin:10px 0 0;font-size:16px;line-height:1.65}

/* Footer redesign */
.site-footer{
  background:linear-gradient(180deg,#061629 0%,#05111f 100%);
  color:#fff;
  padding:34px 0 46px;
  position:relative;
  overflow:hidden;
}
.site-footer:before{
  content:"";
  position:absolute;
  inset:auto -120px -160px auto;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,122,0,.10),rgba(255,122,0,0) 68%);
  pointer-events:none;
}
.footer-panel{
  position:relative;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.08);
  border-radius:32px;
  padding:34px 36px 22px;
  box-shadow:0 24px 64px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
}
.footer-top{display:grid;grid-template-columns:1.12fr .88fr;gap:46px;align-items:start}
.footer-lockup{margin-bottom:16px}
.footer-brand-block p{max-width:470px;color:var(--footer-soft);font-size:15px;line-height:1.75;margin:0 0 22px}
.footer-socials{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.footer-socials span,.footer-socials a{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--footer-line);
  color:#fff;
  font-size:13px;
  font-weight:700;
  background:rgba(255,255,255,.03);
}
.footer-socials a{background:rgba(255,122,0,.12);border-color:rgba(255,171,73,.24)}
.footer-link-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.footer-link-columns h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#ffc174;margin:2px 0 14px}
.footer-link-columns a,.footer-link-columns span{display:block;color:var(--footer-soft);font-size:14px;line-height:1.6;margin:0 0 10px}
.footer-link-columns a:hover{color:#fff}
.footer-bottom{
  display:flex;
  justify-content:space-between;
  gap:14px;
  margin-top:26px;
  padding-top:18px;
  border-top:1px solid var(--footer-line);
  color:#9daabd;
  font-size:12px;
}

@media (max-width:980px){
  .delivery-card-pro{grid-template-columns:1fr;gap:22px}
  .delivery-points{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr;gap:28px}
  .footer-link-columns{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:680px){
  .hero-v2{padding-top:54px;padding-bottom:48px}
  .delivery-v2{padding-bottom:84px}
  .delivery-card-pro{padding:24px;border-radius:26px}
  .delivery-logo-surface{min-height:132px;border-radius:22px}
  .delivery-brand-meta strong{font-size:22px}
  .delivery-copy h2{font-size:31px}
  .delivery-copy p{font-size:15px}
  .final-cta-inner p{font-size:14px}
  .footer-panel{padding:24px 22px 18px;border-radius:26px}
  .footer-link-columns{grid-template-columns:1fr;gap:10px}
  .footer-bottom{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
}

/* ===== V18 · Unified premium product system ===== */
:root{
  --surface:#ffffff;
  --surface-warm:#fffdf9;
  --surface-muted:#f6f7f9;
  --ink-strong:#071a33;
  --shadow-soft:0 18px 55px rgba(7,26,51,.08);
  --shadow-premium:0 30px 90px rgba(7,26,51,.13);
}

/* Global finish */
body{background:linear-gradient(180deg,#fff 0%,#fbfbfc 62%,#f5f6f8 100%)}
.site-header,.flow-header{box-shadow:0 1px 0 rgba(7,26,51,.04)}
.btn{min-height:46px}
.btn-primary{background:linear-gradient(180deg,#ff8d1d 0%,#ff7600 100%);box-shadow:0 10px 28px rgba(255,122,0,.24)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(255,122,0,.31)}

/* Home: additional restraint + premium movement */
.quick-card,.genre-tile,.service-card,.process-list article,.delivery-card-pro,.footer-panel{transform-origin:center center}
.quick-card:hover,.genre-tile:hover,.service-card:hover{transform:translateY(-5px)}
.service-card{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}
.service-card:hover{box-shadow:0 28px 70px rgba(7,26,51,.11)}
.final-cta{background:linear-gradient(180deg,#fffdfa 0%,#fff 100%)}

/* Standard SONALZA card gets cinematic visual depth */
.delivery-card-pro{position:relative;overflow:hidden;isolation:isolate}
.delivery-card-pro:after{
  content:"";
  position:absolute;
  z-index:-1;
  right:0;
  top:0;
  width:44%;
  height:100%;
  background:
    linear-gradient(90deg,rgba(9,30,58,1) 0%,rgba(9,30,58,.72) 24%,rgba(9,30,58,.14) 100%),
    url('assets/studio-hero.png') 64% 48%/cover no-repeat;
  opacity:.56;
  filter:saturate(.9) contrast(1.05);
}
.delivery-card-pro:before{content:"";position:absolute;z-index:-1;inset:auto auto -180px -150px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,142,28,.15),transparent 68%)}
.delivery-logo-surface{position:relative;overflow:hidden}
.delivery-logo-surface:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.0),rgba(255,122,0,.05));pointer-events:none}

/* Create flow */
.flow{background:
  radial-gradient(circle at 9% 0%,rgba(255,158,60,.10),transparent 24%),
  linear-gradient(180deg,#f8f9fb 0%,#f1f3f6 100%)}
.flow-wrap{padding-top:28px}
.flow-intro-bar{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-bottom:18px;padding:16px 18px;border:1px solid #e5e8ed;border-radius:18px;
  background:rgba(255,255,255,.78);backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(7,26,51,.045)
}
.flow-intro-bar>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.flow-intro-kicker{font-size:9px;font-weight:900;letter-spacing:.16em;color:#a45b0d}
.flow-intro-bar strong{font-size:14px;color:#1a2b42;letter-spacing:-.01em}
.flow-intro-meta{font-size:11px;font-weight:760;color:#7a8798;white-space:nowrap}
.progress{position:relative;overflow:hidden;box-shadow:inset 0 1px 2px rgba(7,26,51,.06)}
.progress>div{position:relative;overflow:hidden}
.progress>div:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translateX(-100%);animation:sonalzaProgressShine 2.7s ease-in-out infinite}
@keyframes sonalzaProgressShine{0%,45%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
.flow-stage{align-items:start}
.creative-rail{position:sticky;top:104px;min-height:620px;border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 80px rgba(7,26,51,.18)}
.creative-rail:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0));pointer-events:none}
.question-shell{border:1px solid rgba(7,26,51,.08);box-shadow:var(--shadow-premium);background:rgba(255,255,255,.96)}
.question-topline{color:#7b8796}
.question h1,.question h2{color:var(--ink-strong)}
.option{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.option:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(7,26,51,.055)}
.option.selected{box-shadow:0 0 0 3px rgba(255,122,0,.08),0 8px 20px rgba(255,122,0,.08)}
.form-box{background:#fff;border-color:#dfe4ea;box-shadow:0 4px 14px rgba(7,26,51,.025)}
.form-box:focus-within{box-shadow:0 0 0 4px rgba(255,122,0,.085),0 10px 28px rgba(7,26,51,.05)}
.flow-actions .btn{min-width:142px}

/* Order / checkout */
.order-page{background:
  radial-gradient(circle at 85% 4%,rgba(255,156,55,.10),transparent 24%),
  linear-gradient(180deg,#f8f9fb 0%,#f2f4f7 100%)}
.order-wrap{padding-top:42px;padding-bottom:84px}
.order-stage-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff7ed;border:1px solid #f4dcc3;color:#8a4f12;font-size:9px;font-weight:900;letter-spacing:.11em;margin-bottom:18px}
.order-stage-pill span{width:7px;height:7px;border-radius:50%;background:#ff8b1b;box-shadow:0 0 0 5px rgba(255,139,27,.10)}
.order-hero h1{letter-spacing:-.055em}
.premium-surface{background:rgba(255,255,255,.96);border-color:rgba(7,26,51,.08);box-shadow:var(--shadow-premium)}
.brief-card{position:sticky;top:106px}
.checkout-card{position:relative;overflow:hidden}
.checkout-card:before{content:"";position:absolute;right:-110px;top:-120px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,151,47,.12),transparent 68%);pointer-events:none}
.order-promo{border:1px solid #f4dcc3}
.upsell{transition:background .18s ease,padding .18s ease;border-color .18s ease}
.upsell:hover{background:#fffaf5}
.upsell input{transform:translateY(1px)}
.total-row{margin-top:3px}
.total-row strong{letter-spacing:-.045em}
.next-steps-mini>div{background:#fff;border-color:#e9edf1}
.notice{background:#f8fafb;border:1px solid #edf0f3}
.region-verification-note{box-shadow:0 8px 18px rgba(130,85,25,.06)}

/* Business */
.business-page{background:
  radial-gradient(circle at 50% -8%,rgba(255,143,33,.11),transparent 26%),
  linear-gradient(180deg,#fafbfc,#f2f4f7)}
.business-intro{position:relative}
.business-hero-chip{display:inline-flex;padding:7px 10px;margin-bottom:14px;border-radius:999px;background:#071a33;color:#fff;font-size:9px;font-weight:900;letter-spacing:.14em}
.business-proof-row{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:18px 0 4px}
.business-proof-row span{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #e5e9ee;color:#617084;font-size:10px;font-weight:800}
.premium-surface-dark{box-shadow:0 30px 90px rgba(7,26,51,.18)}
.business-panel{position:relative;overflow:hidden}
.business-panel:after{content:"";position:absolute;inset:auto -90px -100px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,139,27,.25),transparent 68%)}
.business-form{box-shadow:var(--shadow-premium)}
.business-form input,.business-form textarea,.business-form select{background:#fbfcfd;transition:border .18s ease,box-shadow .18s ease,background .18s ease}
.business-form input:focus,.business-form textarea:focus,.business-form select:focus{background:#fff}

/* Thank-you */
.thanks-wrap{background:
  radial-gradient(circle at 50% 10%,rgba(255,164,70,.15),transparent 28%),
  linear-gradient(180deg,#f8f9fb 0%,#eef1f5 100%)}
.thanks-card-pro{position:relative;overflow:hidden;box-shadow:0 34px 100px rgba(7,26,51,.14);border-color:rgba(7,26,51,.08)}
.thanks-glow{position:absolute;inset:-180px -120px auto auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,129,13,.14),transparent 68%);pointer-events:none}
.thanks-steps{display:grid;gap:9px;margin:24px 0;text-align:left}
.thanks-steps>div{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border-radius:15px;background:#fafbfc;border:1px solid #eaedf1}
.thanks-steps>div>span{width:28px;height:28px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#fff3e7;color:#a85e11;font-weight:900;font-size:11px}
.thanks-steps p{margin:0;display:flex;flex-direction:column;gap:2px}
.thanks-steps strong{font-size:12px;color:#304158}.thanks-steps small{font-size:10px;color:#7b8796;line-height:1.45}

/* Shared page reveal */
.page-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.page-reveal.visible{opacity:1;transform:none}

@media (max-width:980px){
  .creative-rail,.brief-card{position:relative;top:auto}
  .business-proof-row{justify-content:flex-start}
}
@media (max-width:680px){
  .flow-intro-bar{align-items:flex-start;flex-direction:column;gap:7px;padding:13px 14px}
  .flow-intro-bar>div{gap:7px}.flow-intro-meta{font-size:10px}
  .creative-rail{box-shadow:0 18px 50px rgba(7,26,51,.12)}
  .question-shell,.premium-surface,.business-form{box-shadow:0 18px 50px rgba(7,26,51,.08)}
  .brief-card{position:relative}
  .order-stage-pill{font-size:8px}
  .business-proof-row{justify-content:flex-start}
  .thanks-card-pro{box-shadow:0 22px 70px rgba(7,26,51,.10)}
  .delivery-card-pro:after{width:72%;opacity:.32}
}
@media (prefers-reduced-motion:reduce){
  .progress>div:after{animation:none}
  .page-reveal{opacity:1;transform:none;transition:none}
}

/* ===== V19 · Approved visual direction: Silicon Valley restraint + Latino warmth ===== */
:root{
  --latino-warm:#ff8a1f;
  --latino-gold:#f3ad55;
  --latino-cream:#fffaf4;
  --pro-navy:#071a33;
  --pro-navy-2:#0a2548;
  --pro-navy-3:#0f315b;
}

/* Header gets a little more editorial confidence */
@media (min-width:981px){
  .navlinks{gap:25px}
  .navlinks a{position:relative}
  .navlinks a:after{content:"";position:absolute;left:50%;right:50%;bottom:-8px;height:1.5px;background:var(--orange);transition:left .22s ease,right .22s ease}
  .navlinks a:hover:after{left:0;right:0}
}

/* === EL ESTÁNDAR SONALZA === */
.standard-section{
  position:relative;
  padding:12px 0 92px;
  background:linear-gradient(180deg,#f7f8fa 0%,#ffffff 75%);
  overflow:hidden;
}
.standard-card{
  position:relative;
  min-height:330px;
  display:grid;
  grid-template-columns:280px minmax(360px,1fr) minmax(300px,390px);
  overflow:hidden;
  border-radius:34px;
  background:linear-gradient(135deg,#071a33 0%,#0b274b 58%,#0f315a 100%);
  box-shadow:0 28px 80px rgba(7,26,51,.16);
  border:1px solid rgba(255,255,255,.08);
  isolation:isolate;
}
.standard-card:before{
  content:"";
  position:absolute;
  inset:-160px auto auto -110px;
  width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,138,31,.13),transparent 68%);
  pointer-events:none;
}
.standard-logo-zone{
  position:relative;
  z-index:3;
  display:grid;
  place-items:center;
  padding:34px 28px;
}
.standard-logo{width:224px;height:auto;max-height:238px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.12))}
.standard-divider{position:absolute;right:0;top:54px;bottom:54px;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.23),transparent)}
.standard-copy{
  position:relative;
  z-index:4;
  padding:54px 44px 48px 46px;
  align-self:center;
}
.standard-copy h2{font-size:clamp(36px,3.7vw,52px);line-height:1.01;color:#fff;margin:10px 0 16px;max-width:620px;letter-spacing:-.055em}
.standard-copy p{font-size:16px;line-height:1.72;color:#c6d0dc;max-width:650px;margin:0}
.standard-signals{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:24px;color:#e8eef5;font-size:11px;font-weight:760;letter-spacing:.025em}
.standard-signals i{width:3px;height:3px;border-radius:50%;background:#ff9b38}
.standard-media{position:relative;min-height:330px;overflow:hidden}
.standard-media>img{position:absolute;inset:-8% -4%;width:108%;height:116%;object-fit:cover;object-position:58% 48%;transform:translate3d(0,var(--parallax-y,0px),0) scale(1.04);will-change:transform;filter:saturate(.86) contrast(1.08) brightness(.84)}
.standard-media-fade{position:absolute;inset:0;background:linear-gradient(90deg,#0b274b 0%,rgba(11,39,75,.73) 18%,rgba(7,26,51,.18) 58%,rgba(7,26,51,.22) 100%)}
.standard-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.22))}
.standard-media-words{position:absolute;z-index:3;right:26px;top:72px;display:grid;gap:6px;text-align:left;color:rgba(255,255,255,.78);font-size:8px;font-weight:850;letter-spacing:.25em}
.standard-media-words b{width:30px;height:2px;background:#ff8a1f;margin-top:8px}
.standard-script{position:absolute;z-index:3;right:44px;bottom:36px;color:#f3c18d;font-family:"Segoe Script","Brush Script MT",cursive;font-size:27px;line-height:1.05;transform:rotate(-4deg);text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.18)}

/* === CTA with subtle moving musical linework === */
.story-cta{
  position:relative;
  overflow:hidden;
  min-height:300px;
  display:flex;
  align-items:center;
  background:linear-gradient(180deg,#fffdfa 0%,#fff 100%);
  border-top:1px solid #f3eee8;
}
.story-wave{position:absolute;inset:auto -8% -25px -8%;height:245px;background:url('assets/sonalza-wave.svg') center bottom/1700px 270px repeat-x;opacity:.78;animation:sonalzaWaveDrift 22s linear infinite;pointer-events:none}
@keyframes sonalzaWaveDrift{from{background-position-x:0}to{background-position-x:1700px}}
.story-cta-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding:66px 0 62px}
.story-cta-copy{max-width:720px}
.story-cta-copy .eyebrow{margin-bottom:8px}
.story-cta-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.02;margin-bottom:12px;color:var(--navy);letter-spacing:-.055em}
.story-cta-copy p{font-size:16px;line-height:1.7;max-width:620px;margin-bottom:24px;color:#687486}
.story-quote{justify-self:end;display:flex;flex-direction:column;align-items:flex-start;color:#ac6b31;font-family:"Segoe Script","Brush Script MT",cursive;font-size:31px;line-height:1.12;transform:rotate(-4deg);opacity:.92;text-shadow:0 1px 0 rgba(255,255,255,.8)}
.story-quote span:nth-child(2){margin-left:18px}.story-quote span:nth-child(3){margin-left:4px}
.story-quote i{width:42px;height:2px;background:#ff8a1f;margin:14px 0 0 78px}

/* === Full-width professional footer === */
.footer-pro{padding:0;background:linear-gradient(180deg,#06182d 0%,#04111f 100%);border-top:1px solid rgba(255,255,255,.04)}
.footer-pro:before{display:none}
.footer-pro-inner{padding:58px 0 26px}
.footer-pro-grid{display:grid;grid-template-columns:minmax(250px,1.35fr) .7fr .82fr .82fr .8fr;gap:46px;align-items:start}
.footer-pro-brand{padding-right:22px}
.footer-pro-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;margin-bottom:18px}
.footer-pro-logo .brand-word strong{color:#fff}.footer-pro-logo .brand-word small{color:#ff9a38}
.footer-pro-brand h3{font-size:17px;color:#fff;margin:0 0 9px;letter-spacing:-.02em}
.footer-pro-brand p{font-size:13px;line-height:1.7;color:#a8b4c4;max-width:380px;margin:0 0 20px}
.footer-social-icons{display:flex;gap:9px}
.footer-social-icons a{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);transition:transform .2s ease,background .2s ease,border-color .2s ease}
.footer-social-icons a:hover{transform:translateY(-2px);background:rgba(255,138,31,.12);border-color:rgba(255,171,73,.35)}
.footer-social-icons svg{width:17px;height:17px;fill:none;stroke:#d8e0ea;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.footer-social-icons .fill-dot,.footer-social-icons .fill-play{fill:#d8e0ea;stroke:none}
.footer-pro-col h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#ffb261;margin:1px 0 17px}
.footer-pro-col a,.footer-pro-col span{display:block;font-size:12px;line-height:1.65;color:#aeb9c8;margin-bottom:9px;transition:color .18s ease,transform .18s ease}
.footer-pro-col a:hover{color:#fff;transform:translateX(2px)}
.footer-pro-signature{border-left:1px solid rgba(255,255,255,.10);padding-left:32px;min-height:165px;display:flex;flex-direction:column;justify-content:center;gap:5px;color:#9baabd;font-size:9px;font-weight:800;letter-spacing:.28em}
.footer-pro-signature b{display:block;width:36px;height:2px;background:#ff8a1f;margin-top:10px}
.footer-mini-wave{height:44px;margin-top:11px;background:url('assets/sonalza-wave.svg') center/300px 58px no-repeat;opacity:.18}
.footer-pro-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10);color:#7f8da0;font-size:10px}

/* Reveal feels softer and more expensive */
.reveal{transform:translateY(22px);filter:blur(2px);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1),filter .72s cubic-bezier(.16,1,.3,1)}
.reveal.is-visible{filter:blur(0)}

@media (max-width:1120px){
  .standard-card{grid-template-columns:230px minmax(330px,1fr) 300px}
  .standard-logo{width:190px}.standard-copy{padding-left:34px;padding-right:30px}
  .footer-pro-grid{grid-template-columns:1.25fr .7fr .8fr .8fr;gap:34px}
  .footer-pro-signature{display:none}
}
@media (max-width:900px){
  .standard-card{grid-template-columns:190px 1fr;min-height:360px}
  .standard-media{position:absolute;right:0;top:0;bottom:0;width:46%;opacity:.68}
  .standard-copy{padding-right:28%}
  .standard-logo{width:160px}.standard-divider{top:44px;bottom:44px}
  .story-cta-inner{grid-template-columns:1fr auto;gap:28px}
  .story-quote{font-size:25px}
  .footer-pro-grid{grid-template-columns:1.3fr 1fr 1fr;gap:32px}.footer-pro-col:nth-of-type(3){display:none}
}
@media (max-width:680px){
  .standard-section{padding:0 0 72px}
  .standard-card{display:block;min-height:0;border-radius:26px;padding:24px;overflow:hidden}
  .standard-logo-zone{display:flex;align-items:center;justify-content:flex-start;padding:0 0 18px;border-bottom:1px solid rgba(255,255,255,.11)}
  .standard-logo{width:126px;max-height:105px}.standard-divider{display:none}
  .standard-copy{padding:24px 0 8px;max-width:86%;position:relative;z-index:4}
  .standard-copy h2{font-size:32px}.standard-copy p{font-size:14px;line-height:1.62}
  .standard-signals{font-size:10px;gap:7px}
  .standard-media{position:absolute;right:-18%;top:0;bottom:0;width:68%;min-height:100%;opacity:.44}
  .standard-media-fade{background:linear-gradient(90deg,#0b274b 0%,rgba(11,39,75,.88) 22%,rgba(7,26,51,.16) 100%)}
  .standard-media-words,.standard-script{display:none}
  .story-cta{min-height:0}.story-wave{opacity:.5;height:190px}
  .story-cta-inner{grid-template-columns:1fr;padding:58px 0 62px;gap:18px}.story-cta-copy h2{font-size:38px}.story-cta-copy p{font-size:14px}.story-quote{display:none}
  .footer-pro-inner{padding:44px 0 24px}.footer-pro-grid{grid-template-columns:1fr 1fr;gap:30px 22px}.footer-pro-brand{grid-column:1/-1;padding-right:0}.footer-pro-col:nth-of-type(3){display:block}.footer-pro-signature{display:none}.footer-pro-bottom{flex-direction:column;align-items:flex-start}
}
@media (max-width:430px){
  .footer-pro-grid{grid-template-columns:1fr}.footer-pro-brand{grid-column:auto}
  .standard-copy{max-width:100%}
}
@media (prefers-reduced-motion:reduce){
  .story-wave{animation:none}
  .standard-media>img{transform:scale(1.04)}
}

/* Simple support/legal pages, intentionally restrained */
.legal-page{min-height:calc(100vh - 72px);padding:80px 0 110px;background:linear-gradient(180deg,#fafbfc,#fff)}
.legal-shell{max-width:860px}.legal-shell h1{font-size:clamp(44px,6vw,72px);line-height:.98;color:var(--navy);margin:10px 0 24px}
.legal-intro{font-size:17px;line-height:1.7;padding:18px 20px;border-radius:18px;background:#fff7ee;border:1px solid #f2ddc5}
.legal-shell section{padding:26px 0;border-bottom:1px solid #e9edf1}.legal-shell section:last-child{border-bottom:0}
.legal-shell h2{font-size:22px;color:var(--navy);margin-bottom:8px}.legal-shell section p{font-size:15px;line-height:1.75;margin:0}.legal-shell section a{color:#b95f08;font-weight:750}

/* ===== V20 · Latin premium layer: warm, minimal, unmistakably SONALZA ===== */
:root{
  --sonalza-cream:#fff9f1;
  --sonalza-sand:#f5eadf;
  --sonalza-copper:#b8662d;
  --sonalza-amber:#f0a24a;
}

/* A quiet cultural pulse early in the page */
.identity-ribbon{
  position:relative;
  overflow:hidden;
  border-top:1px solid #f1e8df;
  border-bottom:1px solid #f1e8df;
  background:linear-gradient(90deg,#fffaf4,#fff,#fffaf4);
  color:#8a5b30;
}
.identity-ribbon:before,.identity-ribbon:after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}
.identity-ribbon:before{left:0;background:linear-gradient(90deg,#fffaf4,transparent)}
.identity-ribbon:after{right:0;background:linear-gradient(270deg,#fffaf4,transparent)}
.identity-ribbon-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:18px;
  min-height:44px;
  animation:sonalzaCultureDrift 34s linear infinite;
  padding-left:18px;
  font-size:10px;
  font-weight:850;
  letter-spacing:.20em;
  white-space:nowrap;
}
.identity-ribbon-track i{font-style:normal;color:#f29a43;opacity:.8}
@keyframes sonalzaCultureDrift{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Warm the white sections slightly without losing the Apple/Tesla restraint */
.quick-start{background:linear-gradient(180deg,#fffaf4 0%,#fffdf9 100%)}
.manifest{background:linear-gradient(180deg,#fff 0%,#fffdf9 100%)}
.genres-v2{background:linear-gradient(180deg,#f8f9fb 0%,#fffaf4 100%)}

/* Main Latin editorial section */
.latin-premium{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 18%,rgba(255,137,28,.20),transparent 23%),
    radial-gradient(circle at 8% 90%,rgba(216,119,47,.13),transparent 27%),
    linear-gradient(145deg,#06162c 0%,#0a2749 52%,#071a33 100%);
  padding:118px 0 108px;
}
.latin-premium:after{content:"";position:absolute;left:-140px;bottom:-280px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,184,102,.15);box-shadow:0 0 0 40px rgba(255,184,102,.022),0 0 0 80px rgba(255,184,102,.018)}
.latin-glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
.latin-glow-one{width:240px;height:240px;right:6%;top:5%;background:radial-gradient(circle,rgba(255,149,48,.16),transparent 70%)}
.latin-glow-two{width:180px;height:180px;left:4%;bottom:12%;background:radial-gradient(circle,rgba(189,92,35,.12),transparent 72%)}
.latin-premium-wrap{position:relative;z-index:2}
.latin-premium-head{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:70px;align-items:end;margin-bottom:46px}
.latin-premium .latin-copy h2{font-size:clamp(44px,5.2vw,72px);line-height:.99;letter-spacing:-.055em;max-width:840px;margin:12px 0 22px;color:#fff}
.latin-premium .latin-copy p{font-size:18px;line-height:1.72;max-width:760px;color:#c5d0dd;margin:0}
.latin-side-note{justify-self:end;text-align:right;padding-bottom:7px}
.latin-side-note span{display:block;font-size:9px;font-weight:850;letter-spacing:.24em;color:#ffb361;margin-bottom:12px}
.latin-side-note strong{display:block;font-size:29px;line-height:1.08;color:#f2d6b4;font-family:"Segoe Script","Brush Script MT",cursive;font-weight:500;transform:rotate(-3deg)}

.latin-editorial-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:16px;margin-bottom:18px}
.latin-editorial-card{position:relative;min-height:330px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0a213f;box-shadow:0 22px 58px rgba(0,0,0,.18);isolation:isolate}
.latin-editorial-main{min-height:420px}
.latin-editorial-card img{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;object-position:center;transform:translate3d(0,var(--parallax-y,0px),0) scale(1.04);filter:saturate(.88) contrast(1.08) brightness(.82);transition:transform .65s cubic-bezier(.16,1,.3,1),filter .4s ease}
.latin-editorial-card:hover img{transform:translate3d(0,var(--parallax-y,0px),0) scale(1.075);filter:saturate(.98) contrast(1.08) brightness(.88)}
.latin-card-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,16,31,.05) 12%,rgba(4,16,31,.32) 55%,rgba(4,16,31,.92) 100%)}
.latin-editorial-main .latin-card-shade{background:linear-gradient(90deg,rgba(4,16,31,.84) 0%,rgba(4,16,31,.34) 62%,rgba(4,16,31,.18) 100%),linear-gradient(180deg,transparent 35%,rgba(4,16,31,.78) 100%)}
.latin-card-copy{position:absolute;z-index:3;left:26px;right:24px;bottom:24px}
.latin-card-copy span{display:block;font-size:9px;font-weight:850;letter-spacing:.22em;color:#ffb15c;margin-bottom:9px}
.latin-card-copy h3{font-size:27px;line-height:1.04;color:#fff;margin:0;letter-spacing:-.035em}
.latin-editorial-main .latin-card-copy{max-width:430px;left:32px;bottom:30px}
.latin-editorial-main .latin-card-copy h3{font-size:38px}
.latin-card-copy p{font-size:13px;line-height:1.6;color:#c8d3df;margin:11px 0 0;max-width:400px}

.latin-values-pro{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.latin-values-pro article{min-height:150px;padding:20px 20px 18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(12px)}
.latin-values-pro article span{display:block;font-size:9px;font-weight:850;letter-spacing:.16em;color:#ffb15c;margin-bottom:10px}
.latin-values-pro article strong{display:block;font-size:16px;line-height:1.25;color:#fff;margin-bottom:8px}
.latin-values-pro article p{font-size:12px;line-height:1.58;color:#aebccd;margin:0}

/* Make the approved lower visual continue the same warm language */
.story-cta{background:linear-gradient(180deg,#fffaf4 0%,#fff 100%)}
.standard-section{background:linear-gradient(180deg,#f7f8fa 0%,#fffdf9 75%)}

@media (max-width:980px){
  .latin-premium-head{grid-template-columns:1fr;gap:24px}.latin-side-note{justify-self:start;text-align:left}.latin-side-note strong{font-size:26px}
  .latin-editorial-grid{grid-template-columns:1fr 1fr}.latin-editorial-main{grid-column:1/-1;min-height:360px}.latin-editorial-card{min-height:270px}
}
@media (max-width:680px){
  .identity-ribbon-track{min-height:40px;font-size:9px;gap:14px;animation-duration:30s}
  .latin-premium{padding:76px 0 70px}
  .latin-premium .latin-copy h2{font-size:39px}.latin-premium .latin-copy p{font-size:15px}
  .latin-side-note{display:none}
  .latin-editorial-grid{grid-template-columns:1fr;gap:12px}.latin-editorial-main{grid-column:auto;min-height:340px}.latin-editorial-card{min-height:235px;border-radius:23px}
  .latin-editorial-main .latin-card-copy{left:22px;bottom:22px;max-width:82%}.latin-editorial-main .latin-card-copy h3{font-size:31px}
  .latin-card-copy{left:20px;bottom:20px}.latin-card-copy h3{font-size:24px}
  .latin-values-pro{grid-template-columns:1fr}.latin-values-pro article{min-height:0}
}
@media (prefers-reduced-motion:reduce){
  .identity-ribbon-track{animation:none}
  .latin-editorial-card img{transform:scale(1.04)}
}


/* ===== V21 · clearer product choice + mobile-first form ===== */
[hidden]{display:none!important}
.product-chooser{padding:34px 0 76px;max-width:1040px;margin:0 auto}
.product-choice-head{text-align:center;max-width:760px;margin:0 auto 30px}
.product-choice-head h1{font-size:clamp(42px,5vw,64px);line-height:.98;margin:9px 0 15px;color:var(--navy)}
.product-choice-head p{font-size:17px;line-height:1.6;margin:0 auto;max-width:640px}
.product-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.product-choice-card{position:relative;text-align:left;border:1px solid #dde3ea;border-radius:28px;background:#fff;padding:28px;color:var(--ink);box-shadow:0 14px 44px rgba(7,26,51,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden}
.product-choice-card:hover{transform:translateY(-3px);box-shadow:0 24px 62px rgba(7,26,51,.11);border-color:#ccd4de}
.product-choice-card.selected{border-color:#ff8a16;box-shadow:0 0 0 3px rgba(255,122,0,.10),0 22px 60px rgba(7,26,51,.10)}
.product-choice-featured{background:linear-gradient(150deg,#071a33 0%,#0b2c55 100%);border-color:#16385d;color:#fff}
.product-choice-featured p,.product-choice-featured li{color:#c7d0dd}
.product-choice-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.product-choice-tag{font-size:10px;font-weight:900;letter-spacing:.15em;color:#a35d10}
.product-choice-featured .product-choice-tag{color:#ffc174}
.product-choice-check{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid #dce2e8;color:transparent;font-weight:900}
.product-choice-card.selected .product-choice-check{background:#ff7a00;border-color:#ff7a00;color:#fff}
.product-choice-card h2{font-size:31px;line-height:1.04;margin:0 0 12px}
.product-choice-card>p{font-size:14px;line-height:1.7;min-height:96px;margin-bottom:20px}
.product-choice-card>p strong{color:inherit}
.product-choice-price{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid #e8ebef;border-bottom:1px solid #e8ebef;margin-bottom:18px}
.product-choice-featured .product-choice-price{border-color:rgba(255,255,255,.13)}
.product-choice-price span{font-size:11px;color:#7d8998;font-weight:700}
.product-choice-featured .product-choice-price span{color:#aeb9c8}
.product-choice-price strong{font-size:31px;letter-spacing:-.04em;color:var(--navy)}
.product-choice-featured .product-choice-price strong{color:#fff}
.product-choice-card ul{margin:0 0 24px;padding:0;list-style:none;display:grid;gap:9px}
.product-choice-card li{position:relative;padding-left:22px;font-size:13px;color:#596779}
.product-choice-card li:before{content:'✓';position:absolute;left:0;color:#ff7a00;font-weight:900}
.product-choice-cta{display:inline-flex;align-items:center;font-size:13px;font-weight:850;color:#b3600c}
.product-choice-featured .product-choice-cta{color:#ffc174}
.product-choice-note{text-align:center;max-width:800px;margin:20px auto 0;font-size:12px;color:#7d8897}
.song-flow{display:block}
.flow-intro-actions{display:flex;align-items:center;gap:10px}
.change-product-btn{border:0;background:transparent;color:#a45c0c;font-size:11px;font-weight:850;padding:6px 8px;border-radius:999px}
.change-product-btn:hover{background:#fff4e8}

@media(max-width:680px){
  .product-chooser{padding:18px 0 52px}
  .product-choice-head{text-align:left;margin-bottom:22px}
  .product-choice-head h1{font-size:39px}
  .product-choice-head p{font-size:15px}
  .product-choice-grid{grid-template-columns:1fr;gap:12px}
  .product-choice-card{padding:22px;border-radius:23px}
  .product-choice-card h2{font-size:27px}
  .product-choice-card>p{min-height:0;font-size:13px}
  .product-choice-price strong{font-size:28px}
  .product-choice-note{text-align:left}
  /* The form is the hero on mobile: remove the desktop support rail entirely. */
  .flow-stage{display:block!important}
  .creative-rail{display:none!important}
  .question-shell{width:100%;margin:0;padding:20px;border-radius:22px}
  .flow-intro-bar{padding:12px 14px;gap:10px;align-items:flex-start}
  .flow-intro-bar>div:first-child{display:flex;flex-direction:column;gap:3px}
  .flow-intro-actions{flex-direction:column;align-items:flex-end;gap:2px}
  .change-product-btn{font-size:10px;padding:4px 0}
  .question-topline{margin-bottom:18px;padding-bottom:12px}
  .question h1,.question h2{font-size:31px;line-height:1.02}
  .why-box{margin-top:0}
}

/* ===== V22 · conversion + product clarity + mobile focus ===== */
/* Avoid a flash of the wrong regional price while location is resolving. */
body:not(.locale-ready) .price-value,
body:not(.locale-ready) .compare-price,
body:not(.locale-ready) .savings-value,
body:not(.locale-ready) .product-choice-price strong{opacity:0}
.price-value,.compare-price,.savings-value,.product-choice-price strong{transition:opacity .18s ease}

/* Product chooser: a decision, not another long landing page. */
.product-choice-highlights{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px}
.product-choice-highlights span{font-size:10px;font-weight:800;color:#56657a;background:#f5f7f9;border:1px solid #e7ebef;border-radius:999px;padding:7px 10px}
.product-choice-featured .product-choice-highlights span{color:#d5deea;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}
.product-difference{max-width:820px;margin:20px auto 0;border:1px solid #e3e7ec;border-radius:18px;background:#fff;overflow:hidden}
.product-difference summary{list-style:none;cursor:pointer;padding:15px 18px;font-size:12px;font-weight:850;color:#304058;display:flex;align-items:center;justify-content:space-between}
.product-difference summary::-webkit-details-marker{display:none}
.product-difference summary:after{content:'+';font-size:18px;color:#a35d10;font-weight:500}
.product-difference[open] summary:after{content:'−'}
.product-difference>div{padding:0 18px 17px;color:#6d798a;font-size:12px;line-height:1.65}
.product-difference strong{color:#25364d}

/* YouTube sample gateway: real proof, no fabricated reviews. */
.listen-v22{padding:96px 0;background:linear-gradient(180deg,#fffdfa 0%,#f7f8fa 100%);border-top:1px solid #f0ece6;border-bottom:1px solid #edf0f3}
.listen-head{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:32px}
.listen-head h2{font-size:clamp(40px,4.5vw,62px);line-height:1;margin:7px 0 0;color:var(--navy)}
.listen-head p{margin:0;font-size:16px;line-height:1.7}
.listen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.listen-card{position:relative;min-height:330px;border-radius:28px;overflow:hidden;background:#071a33;isolation:isolate;box-shadow:0 18px 48px rgba(7,26,51,.10);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease}
.listen-card:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,14,29,.06) 22%,rgba(4,14,29,.88) 100%)}
.listen-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1);filter:saturate(.92)}
.listen-card:hover{transform:translateY(-4px);box-shadow:0 28px 68px rgba(7,26,51,.16)}
.listen-card:hover img{transform:scale(1.04)}
.listen-card>div{position:absolute;z-index:3;left:24px;right:24px;bottom:22px;color:#fff}
.listen-card small{display:block;color:#ffc174;font-size:9px;font-weight:900;letter-spacing:.16em;margin-bottom:6px}
.listen-card strong{display:block;font-size:27px;letter-spacing:-.035em}
.listen-card p{color:#cbd4df;font-size:12px;margin:4px 0 0}
.listen-play{position:absolute;z-index:4;top:20px;right:20px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#071a33;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);font-size:12px;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.listen-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px}
.listen-cta span{font-size:11px;color:#8a95a4}

/* Discount restraint: premium, not infomercial. */
.service-launch-label{align-self:flex-start;margin:6px 0 14px;font-size:9px;font-weight:900;letter-spacing:.12em;color:#a45d0b}
.pricing-tools-v22{justify-content:flex-start}

/* Corrido premium review details. */
.story-details{margin-top:18px;border:1px solid #e6eaf0;border-radius:17px;background:#fbfcfd;overflow:hidden}
.story-details summary{cursor:pointer;list-style:none;padding:14px 16px;font-size:12px;font-weight:850;color:#35445a;display:flex;justify-content:space-between}
.story-details summary::-webkit-details-marker{display:none}
.story-details summary:after{content:'+';font-size:17px;color:#a35e12}
.story-details[open] summary:after{content:'−'}
.story-details-body{padding:0 16px 8px}
.story-details-body>div{padding:11px 0;border-top:1px solid #edf0f3}
.story-details-body span{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#a35e12;margin-bottom:4px}
.story-details-body p{font-size:12px;line-height:1.6;margin:0;color:#667487;white-space:pre-wrap}

/* A more focused writing surface for the longer life-story flow. */
.setting-label{text-align:center;margin-bottom:10px}
.question-shell textarea{scroll-margin-top:130px}
.option-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:980px){
  .listen-head{grid-template-columns:1fr;gap:14px}
  .listen-grid{grid-template-columns:1fr 1fr}.listen-card:last-child{grid-column:1/-1;min-height:280px}
}

@media(max-width:680px){
  /* Product cards must fit the decision into the first few phone screens. */
  .product-chooser{padding:12px 0 44px}
  .product-choice-head{margin-bottom:16px}
  .product-choice-head .eyebrow{font-size:9px}
  .product-choice-head h1{font-size:36px;margin:6px 0 10px}
  .product-choice-head p{font-size:13px;line-height:1.5}
  .product-choice-card{padding:18px;border-radius:21px}
  .product-choice-top{margin-bottom:14px}.product-choice-tag{font-size:8px}
  .product-choice-check{width:24px;height:24px}
  .product-choice-card h2{font-size:24px;margin-bottom:8px}
  .product-choice-card>p{font-size:12px;line-height:1.55;margin-bottom:13px}
  .product-choice-price{padding:12px 0;margin-bottom:12px}
  .product-choice-price span{font-size:9px}.product-choice-price strong{font-size:25px}
  .product-choice-highlights{margin-bottom:14px;gap:5px}
  .product-choice-highlights span{font-size:9px;padding:5px 8px}
  .product-choice-cta{font-size:11px}
  .product-choice-note{font-size:10px;line-height:1.5;margin-top:12px}
  .product-difference{margin-top:12px;border-radius:15px}.product-difference summary{padding:12px 14px;font-size:11px}.product-difference>div{font-size:11px;padding:0 14px 14px}

  /* The form is the only hero on mobile. */
  .creative-rail{display:none!important}
  .flow-stage{display:block!important;margin-top:12px}
  .question-topline{display:none!important}
  .question-shell{padding:18px!important;border-radius:20px!important;min-height:0!important;box-shadow:0 10px 34px rgba(7,26,51,.06)}
  .flow-intro-bar{position:sticky;top:63px;z-index:20;padding:9px 12px!important;border-radius:15px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(16px);box-shadow:0 8px 24px rgba(7,26,51,.06)}
  .flow-intro-kicker{display:none}.flow-intro-bar strong{font-size:12px}.flow-intro-meta{font-size:8px!important}.change-product-btn{font-size:9px!important}
  .progress-meta{margin-top:12px;margin-bottom:6px;font-size:10px}.progress{height:5px}
  .question .smallcaps{font-size:9px;margin-bottom:8px}.question h1,.question h2{font-size:29px!important;line-height:1.02;margin-bottom:9px}.question .sub{font-size:13px!important;line-height:1.5;margin-bottom:15px!important}
  .why-box{padding:10px 11px!important;border-radius:13px!important;margin:0 0 13px!important}.why-box strong,.why-box span{font-size:10px!important}
  .option-grid{grid-template-columns:1fr 1fr;gap:7px!important}.option-grid-2{grid-template-columns:1fr}
  .option{min-height:47px!important;padding:12px 11px!important;border-radius:13px!important;font-size:12px!important}
  .dual-grid{grid-template-columns:1fr!important;gap:10px!important}.form-box{padding:14px!important;border-radius:15px!important}.form-box textarea{min-height:118px!important;font-size:14px!important}.form-box input{font-size:15px!important}
  .prompt-chips{gap:5px;margin-bottom:9px}.prompt-chips span{font-size:9px;padding:5px 7px}
  .field-meta{font-size:9px!important}.privacy-note{padding:11px 12px!important;margin-bottom:12px!important}
  .flow-actions{padding:11px 18px 13px!important;margin-top:14px!important}.flow-actions .btn{font-size:12px!important;padding:11px 14px!important}

  .listen-v22{padding:68px 0}.listen-head h2{font-size:36px}.listen-head p{font-size:13px}.listen-grid{grid-template-columns:1fr;gap:10px}.listen-card,.listen-card:last-child{grid-column:auto;min-height:240px;border-radius:22px}.listen-card>div{left:19px;right:19px;bottom:18px}.listen-card strong{font-size:24px}.listen-play{width:38px;height:38px;top:15px;right:15px}.listen-cta{align-items:flex-start;flex-direction:column;gap:8px}.listen-cta span{font-size:10px}
  .story-details{border-radius:14px}.story-details summary{font-size:11px;padding:12px 13px}.story-details-body{padding:0 13px 6px}
}

@media(max-width:390px){
  .option-grid{grid-template-columns:1fr!important}
  .product-choice-card h2{font-size:22px}
}
.business-form label.invalid input{border-color:#e25b4d;background:#fff7f5;box-shadow:0 0 0 4px rgba(226,91,77,.10)}
.business-form .field-validation{margin-top:2px}
.business-form-note{margin:10px 0 0;text-align:center;font-size:10px;color:#8a95a4}
.product-preselected #productChooser{display:none!important}
.faq-list{margin-top:30px;border-top:1px solid #e9edf1}
.faq-list details{border-bottom:1px solid #e9edf1}
.faq-list summary{cursor:pointer;list-style:none;padding:22px 0;font-size:18px;font-weight:800;color:var(--navy);display:flex;justify-content:space-between;gap:20px}
.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:24px;color:#a35d10;font-weight:400}.faq-list details[open] summary:after{content:'−'}
.faq-list details p{padding:0 0 22px;margin:0;max-width:760px;font-size:15px;line-height:1.75;color:#667487}
.legal-footer{background:#071a33;color:#fff;padding:22px 0}.legal-footer-inner{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:11px;color:#aeb8c6}.legal-footer-inner div{display:flex;gap:16px}.legal-footer a{color:#d6dde6}
@media(max-width:680px){.legal-page{padding:52px 0 72px}.legal-shell h1{font-size:42px}.faq-list summary{font-size:16px}.legal-footer-inner{flex-direction:column;align-items:flex-start}}


/* ===== V23 · legal + consent hardening ===== */
.legal-shell-wide{max-width:980px}
.legal-hero{display:grid;grid-template-columns:1fr 280px;gap:44px;align-items:end;margin-bottom:24px}
.legal-status{padding:18px 20px;border:1px solid #e7ebef;border-radius:20px;background:#fbfcfd;display:flex;flex-direction:column;gap:4px}
.legal-status strong{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a45b10}.legal-status span{font-size:15px;font-weight:800;color:var(--navy)}.legal-status small{font-size:11px;line-height:1.5;color:#7b8797}
.legal-summary-card{margin:0 0 16px;padding:20px 22px;border-radius:22px;background:linear-gradient(145deg,#071a33,#0d2d54);color:#fff;border:1px solid #17375c;box-shadow:0 18px 50px rgba(7,26,51,.12)}
.legal-summary-card strong{display:block;font-size:13px;color:#ffc174;margin-bottom:7px}.legal-summary-card p{color:#d3dce7;font-size:13px;line-height:1.65;margin:0}
.terms-lang section{padding:28px 0}.terms-lang section p+p{margin-top:12px}.terms-lang strong{color:#172943}.terms-lang[hidden]{display:none!important}
.legal-consents{margin:18px 0 10px;padding:16px;border:1px solid #e3e8ee;background:#fafbfc;border-radius:18px;display:grid;gap:12px}
.legal-consent-row{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:flex-start;font-size:11px;line-height:1.55;color:#536174;cursor:pointer}
.legal-consent-row input{width:18px;height:18px;margin-top:1px;accent-color:#ff7a00}.legal-consent-row a{color:#9e560d;text-decoration:underline;text-underline-offset:2px;font-weight:800}.legal-consents>small{font-size:9px;color:#8a95a4;padding-left:30px}
#checkoutBtn.legal-pending{box-shadow:0 8px 20px rgba(255,122,0,.14)}
.business-consent{display:grid!important;grid-template-columns:20px 1fr;gap:10px!important;align-items:start;margin:4px 0 14px!important;padding:13px 14px;border:1px solid #e4e9ef;border-radius:14px;background:#fafbfc}
.business-consent input{width:18px;height:18px;margin:1px 0 0;accent-color:#ff7a00}.business-consent span{font-size:11px;line-height:1.55;font-weight:600;color:#5d697a}.business-consent a{color:#9f590f;text-decoration:underline;font-weight:800}
@media(max-width:680px){.legal-hero{grid-template-columns:1fr;gap:14px}.legal-status{padding:15px 16px}.legal-summary-card{padding:17px 18px}.terms-lang section{padding:23px 0}.legal-consent-row{font-size:10px}.legal-consents>small{padding-left:0}}

/* ===== V24 · product clarity, revision scope, coupon readiness ===== */
.revision-explainer{
  margin:18px 0 0;
  border:1px solid #e5e9ef;
  border-radius:18px;
  background:#fff;
  overflow:hidden;
}
.revision-explainer summary{
  list-style:none;
  cursor:pointer;
  padding:15px 17px;
  font-size:12px;
  font-weight:850;
  color:#24334a;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.revision-explainer summary::-webkit-details-marker{display:none}
.revision-explainer summary:after{content:'+';font-size:18px;color:#a15a0c}
.revision-explainer[open] summary:after{content:'−'}
.revision-explainer p{margin:0;padding:0 17px 17px;font-size:12px;line-height:1.65;color:#6b7787}
.revision-explainer-dark{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.12)}
.revision-explainer-dark summary{color:#fff}
.revision-explainer-dark p{color:#c5cfda}
.product-revision-help{max-width:820px;margin:16px auto 0}

.revision-promise{
  margin-top:22px;
  border:1px solid #e5e9ef;
  border-radius:18px;
  background:#f8fafc;
  padding:0;
}
.revision-promise summary{cursor:pointer;list-style:none;padding:15px 16px;color:#26364d}
.revision-promise summary::-webkit-details-marker{display:none}
.revision-promise p{padding:0 16px 16px;margin:0;font-size:12px;line-height:1.65;color:#697688}

.duration-selector{margin-top:22px;padding-top:20px;border-top:1px solid #edf0f3}
.duration-note{font-size:11px;line-height:1.55;color:#7e8998;margin:0 0 12px}
.duration-selector .option-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

.coupon-box{border-top:1px solid #e9edf1;border-bottom:1px solid #e9edf1;padding:14px 0;margin-top:2px}
.coupon-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;padding:0;color:#23344c;font-size:12px;font-weight:850;text-align:left}
.coupon-toggle span{font-size:18px;color:#a15a0c}
.coupon-panel{padding-top:12px}
.coupon-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.coupon-row input{border:1px solid #dfe4ea;border-radius:12px;padding:11px 12px;outline:none;background:#fff;color:#0b1729;font-size:13px}
.coupon-row input:focus{border-color:#ff9b38;box-shadow:0 0 0 3px rgba(255,122,0,.09)}
.coupon-row button{border:1px solid #e0a261;background:#fff7ed;color:#8b4c08;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:850}
.coupon-status{min-height:18px;margin-top:8px;font-size:11px;color:#6c7989}
.coupon-status.success{color:#177245}
.coupon-status.error{color:#b43e30}
.coupon-discount-row strong{color:#188452}

@media(max-width:680px){
  .product-revision-help{margin-top:12px}
  .revision-explainer summary{font-size:11px;padding:13px 14px}
  .revision-explainer p{padding:0 14px 14px;font-size:11px}
  .duration-selector .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .coupon-row{grid-template-columns:1fr}
  .coupon-row button{width:100%}
}


/* ===== V25 · voice/language layout + privacy notice ===== */
.music-settings{grid-template-columns:1fr!important;gap:18px!important;margin-top:16px}
.music-setting{min-width:0}
.music-setting .setting-label{text-align:left;margin:0 0 8px}
.music-setting .option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.music-setting .option{display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;overflow-wrap:anywhere;line-height:1.2;min-height:56px;padding:13px 12px;font-size:14px}
.music-setting .option.selected:after{right:10px}
.notice-at-collection{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:8px 12px;margin:14px 0 16px;padding:12px 14px;border-radius:14px;background:#f7f9fc;border:1px solid #e4e9ef;color:#5f6c7f;font-size:11px;line-height:1.5}
.notice-at-collection strong{color:#22324a;font-size:11px}
.notice-at-collection a{font-weight:800;color:#9a5200;white-space:nowrap}
@media(max-width:680px){
  .music-setting .option-grid{grid-template-columns:1fr 1fr}
  .music-setting .option:last-child:nth-child(odd){grid-column:1/-1}
  .music-setting .option{font-size:13px;min-height:50px}
  .notice-at-collection{grid-template-columns:1fr;gap:5px}
}

/* ===== V26 · SONALZA artist voice selector + animated audio waveform ===== */
.voice-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}
.voice-section-head>div{min-width:0}
.voice-section-head .setting-label{margin:0 0 4px!important;text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:#8c96a6}
.voice-section-head strong{display:block;font-size:17px;line-height:1.25;color:#102139;letter-spacing:-.015em}
.voice-section-head>span{max-width:210px;text-align:right;font-size:10px;line-height:1.45;color:#8a95a4}
.voice-artist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.voice-artist-card{min-width:0;border:1px solid #e1e5ea;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 3px 12px rgba(7,26,51,.025);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}
.voice-artist-card:hover{transform:translateY(-1px);border-color:#d2d9e2;box-shadow:0 10px 24px rgba(7,26,51,.06)}
.voice-artist-card.selected{border-color:#ff982f;background:#fff8f0;box-shadow:0 0 0 3px rgba(255,122,0,.09),0 10px 24px rgba(255,122,0,.07)}
.voice-select{display:block;width:100%;border:0;background:transparent;text-align:left;color:inherit;padding:14px 14px 10px;cursor:pointer;min-height:86px}
.voice-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.voice-card-top strong{font-size:15px;letter-spacing:.06em;color:#172941}
.voice-check{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#eef1f5;color:transparent;font-size:10px;font-weight:900;flex:0 0 auto;transition:.18s ease}
.voice-artist-card.selected .voice-check{background:#ff7a00;color:#fff}
.voice-role{display:block;margin-top:7px;font-size:11px;line-height:1.45;color:#738095;font-weight:650}
.voice-sample{display:flex;align-items:center;gap:7px;margin:0 10px 10px;padding:9px 10px;border-radius:11px;background:#f4f7fa;color:#24364f;font-size:10px;font-weight:820;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease}
.voice-sample:hover{background:#eaf0f6;color:#102139;transform:translateY(-1px)}
.voice-sample-play{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#071a33;color:#fff;font-size:9px;flex:0 0 auto;padding-left:1px}
.voice-sample-muted{color:#7d8898;background:#f7f8fa;cursor:default}
.voice-sample-muted:hover{transform:none;background:#f7f8fa;color:#7d8898}
.voice-sample-spark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff1e2;color:#e26d00;font-size:12px;flex:0 0 auto}
.voice-disclaimer{font-size:10px;line-height:1.55;color:#7d8999;margin:9px 1px 0}

/* The orange bars at the lower right are an audio waveform/equalizer. Animate them independently. */
.wave-bars{transform-origin:center;filter:drop-shadow(0 0 7px rgba(255,122,0,.16))}
.wave-bars i{transform-origin:center;animation:sonalzaEqualizer 1.05s ease-in-out infinite alternate;will-change:transform,opacity}
.wave-bars i:nth-child(2n){animation-duration:.82s}
.wave-bars i:nth-child(3n){animation-duration:1.22s}
.wave-bars i:nth-child(4n){animation-duration:.96s}
.wave-bars i:nth-child(1){animation-delay:-.18s}.wave-bars i:nth-child(2){animation-delay:-.62s}.wave-bars i:nth-child(3){animation-delay:-.31s}.wave-bars i:nth-child(4){animation-delay:-.78s}.wave-bars i:nth-child(5){animation-delay:-.42s}.wave-bars i:nth-child(6){animation-delay:-.13s}.wave-bars i:nth-child(7){animation-delay:-.69s}.wave-bars i:nth-child(8){animation-delay:-.37s}.wave-bars i:nth-child(9){animation-delay:-.88s}.wave-bars i:nth-child(10){animation-delay:-.22s}.wave-bars i:nth-child(11){animation-delay:-.56s}.wave-bars i:nth-child(12){animation-delay:-.08s}
@keyframes sonalzaEqualizer{
  0%{transform:scaleY(.36);opacity:.62}
  45%{transform:scaleY(.78);opacity:.88}
  100%{transform:scaleY(1.18);opacity:1}
}

@media(max-width:760px){
  .voice-section-head{align-items:flex-start;flex-direction:column;gap:5px}
  .voice-section-head>span{text-align:left;max-width:none}
  .voice-artist-grid{grid-template-columns:1fr 1fr}
  .voice-artist-card:last-child{grid-column:1/-1}
}
@media(max-width:480px){
  .voice-artist-grid{grid-template-columns:1fr}
  .voice-artist-card:last-child{grid-column:auto}
  .voice-select{min-height:76px;padding:12px 13px 8px}
  .voice-sample{margin:0 9px 9px}
  .wave-bars{display:flex!important;right:14px!important;bottom:13px!important;height:34px!important;gap:3px!important;z-index:4}
  .wave-bars i{width:2px!important}
  .media-card{padding-right:72px!important}
}
@media(prefers-reduced-motion:reduce){
  .wave-bars i{animation:none!important}
}

/* ===== V28 · Inline SONALZA voice samples ===== */
button.voice-sample{border:0;width:calc(100% - 20px);cursor:pointer;font-family:inherit;text-align:left;position:relative;overflow:hidden}
.voice-sample-copy{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;flex:1;position:relative;z-index:2}
.voice-sample-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.voice-sample-time{font-size:9px;color:#8793a3;font-weight:750;white-space:nowrap;transition:color .18s ease}
.voice-mini-wave{height:24px;display:flex;align-items:center;gap:2px;margin-left:auto;position:relative;z-index:2;opacity:.42;transition:opacity .18s ease}
.voice-mini-wave i{display:block;width:2px;height:12px;border-radius:99px;background:#ff7a00;transform:scaleY(.35);transform-origin:center;transition:transform .18s ease}
.voice-sample.is-playing{background:#eef4fa;color:#102139}
.voice-sample.is-playing .voice-sample-play{background:#ff7a00}
.voice-sample.is-playing .voice-sample-time{color:#6f7d90}
.voice-sample.is-playing .voice-mini-wave{opacity:1}
.voice-sample.is-playing .voice-mini-wave i{animation:voiceMiniEqualizer .68s ease-in-out infinite alternate}
.voice-sample.is-playing .voice-mini-wave i:nth-child(2){animation-duration:.48s;animation-delay:-.21s}
.voice-sample.is-playing .voice-mini-wave i:nth-child(3){animation-duration:.79s;animation-delay:-.34s}
.voice-sample.is-playing .voice-mini-wave i:nth-child(4){animation-duration:.55s;animation-delay:-.11s}
.voice-sample.is-playing .voice-mini-wave i:nth-child(5){animation-duration:.86s;animation-delay:-.43s}
.voice-sample.is-playing .voice-mini-wave i:nth-child(6){animation-duration:.61s;animation-delay:-.27s}
.voice-sample.is-playing .voice-mini-wave i:nth-child(7){animation-duration:.74s;animation-delay:-.17s}
.voice-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(7,26,51,.06)}
.voice-progress-fill{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff7a00,#ffb057);transition:width .08s linear}
@keyframes voiceMiniEqualizer{0%{transform:scaleY(.28)}45%{transform:scaleY(.72)}100%{transform:scaleY(1.15)}}

@media(max-width:760px){
  button.voice-sample{width:calc(100% - 18px)}
  .voice-mini-wave{display:none}
  .voice-sample-label{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .voice-sample.is-playing .voice-mini-wave i{animation:none!important;transform:scaleY(.7)}
}


/* ===== V29 · Full-song links + corrido tumbado ===== */
.voice-audio-block{margin:0 10px 10px}
.voice-audio-block .voice-sample{margin:0;width:100%}
.voice-full-song{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-top:7px;
  min-height:31px;
  padding:6px 9px;
  border-radius:9px;
  border:1px solid #e7ebf0;
  background:#fff;
  color:#68778b;
  font-size:9px;
  font-weight:780;
  line-height:1.3;
  text-align:center;
  text-decoration:none;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.voice-full-song:hover{background:#fff8f0;border-color:#ffd0a6;color:#9a5200;transform:translateY(-1px)}
.voice-full-song span{font-size:11px;color:#ff7a00;font-weight:900}
@media(max-width:760px){
  .voice-audio-block{margin:0 9px 9px}
  .voice-full-song{font-size:9px;padding-inline:7px}
}

/* ===== V30 · production hardening + UX fixes ===== */
:root{--muted:#59697d}
.helper,.question-topline,.card-cap,.brief-row span:first-child,.legal-consents>small,.voice-section-head>span,.business-form-note{color:#5f6f82!important}
.btn-primary{color:#071a33!important;font-weight:850}
.launch-bar .btn-primary,.premium-surface-dark .btn-primary{color:#071a33!important}
.flow-clear-data{border:0;background:transparent;color:#5d6b7d;font-size:11px;font-weight:760;padding:8px 4px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.flow-clear-data:hover{color:#071a33}
.chooser-voices{margin-top:18px;padding:18px;border:1px solid #e2e7ed;background:#fff;border-radius:22px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;box-shadow:0 8px 28px rgba(7,26,51,.04)}
.chooser-voices>div:first-child{display:flex;flex-direction:column;gap:3px}.chooser-voices-kicker{font-size:9px;font-weight:900;letter-spacing:.15em;color:#a65e0c}.chooser-voices strong{font-size:16px;color:#15263e}.chooser-voices small{font-size:11px;color:#647286}
.chooser-voice-actions{display:flex;gap:8px}.chooser-voice-btn{min-width:142px;border:1px solid #e0e5eb;background:#f8fafc;border-radius:16px;padding:10px 12px;display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;column-gap:8px;color:#17283f;transition:.18s ease}.chooser-voice-btn>span{grid-row:1/3;width:22px;height:22px;border-radius:50%;background:#071a33;color:#fff;display:grid;place-items:center;font-size:9px}.chooser-voice-btn b{font-size:12px;letter-spacing:.06em}.chooser-voice-btn small{font-size:9px}.chooser-voice-btn:hover,.chooser-voice-btn.is-playing{border-color:#ff9a38;background:#fff7ee}.chooser-voice-btn.is-playing>span{background:#ff7a00}
.legal-consent-details{margin:2px 0 2px 30px}.legal-consent-details summary{cursor:pointer;font-size:10px;font-weight:800;color:#5d6b7d}.legal-consent-details p{font-size:10px;line-height:1.55;margin:8px 0 0;color:#657386}
.turnstile-slot{margin:14px 0 4px;padding:12px;border:1px solid #e4e8ed;border-radius:16px;background:#fafbfc}.turnstile-slot[hidden]{display:none!important}.turnstile-label{font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#667589;margin-bottom:8px}
@media(max-width:680px){
  .flow-head-actions{gap:8px}.flow-clear-data{font-size:9px;padding:6px 2px}
  .chooser-voices{grid-template-columns:1fr;padding:15px}.chooser-voice-actions{display:grid;grid-template-columns:1fr 1fr}.chooser-voice-btn{min-width:0;width:100%}
  .question-topline span:last-child{display:none}
}
/* SONALZA audio showcase */
.audio-showcase {
  padding: 72px 0 76px;
  background: #ffffff;
}

.audio-showcase-head {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
  gap: 48px;
  align-items: end;
  margin-bottom: 34px;
}

.audio-showcase-head h2 {
  margin: 8px 0 0;
  max-width: 760px;
  font-size: clamp(2rem, 4vw, 3.6rem);
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.audio-showcase-head > p {
  margin: 0;
  max-width: 430px;
  color: #5c6470;
  font-size: 1.02rem;
  line-height: 1.65;
}

.audio-showcase-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid rgba(14, 28, 48, 0.12);
  border-radius: 28px;
  overflow: hidden;
  background: #f7f8fa;
  box-shadow: 0 24px 70px rgba(12, 25, 45, 0.08);
}

.audio-sample-card {
  min-height: 220px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 28px;
  background: #ffffff;
  position: relative;
}

.audio-sample-card + .audio-sample-card {
  border-left: 1px solid rgba(14, 28, 48, 0.1);
}

.audio-play-btn {
  width: 58px;
  height: 58px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #0d1d32;
  color: #ffffff;
  cursor: pointer;
  transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease;
  box-shadow: 0 12px 26px rgba(13, 29, 50, 0.18);
}

.audio-play-btn:hover {
  transform: translateY(-2px) scale(1.03);
  background: #f28c28;
  box-shadow: 0 16px 32px rgba(13, 29, 50, 0.2);
}

.audio-play-btn.is-playing {
  background: #f28c28;
}

.audio-play-icon {
  font-size: 1.05rem;
  line-height: 1;
  transform: translateX(2px);
}

.audio-play-btn.is-playing .audio-play-icon {
  transform: none;
}

.audio-sample-copy small {
  display: block;
  margin-bottom: 8px;
  color: #f28c28;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
}

.audio-sample-copy h3 {
  margin: 0 0 7px;
  color: #0d1d32;
  font-size: 1.18rem;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.audio-sample-copy > span {
  color: #6b7280;
  font-size: 0.9rem;
}

@media (max-width: 980px) {
  .audio-showcase-head {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .audio-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .audio-sample-card + .audio-sample-card {
    border-left: 0;
  }

  .audio-sample-card:nth-child(even) {
    border-left: 1px solid rgba(14, 28, 48, 0.1);
  }

  .audio-sample-card:nth-child(n + 3) {
    border-top: 1px solid rgba(14, 28, 48, 0.1);
  }
}

@media (max-width: 620px) {
  .audio-showcase {
    padding: 52px 0 56px;
  }

  .audio-showcase-grid {
    grid-template-columns: 1fr;
    border-radius: 22px;
  }

  .audio-sample-card {
    min-height: 0;
    padding: 22px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
  }

  .audio-sample-card:nth-child(even),
  .audio-sample-card:nth-child(n + 3) {
    border-left: 0;
  }

  .audio-sample-card + .audio-sample-card {
    border-top: 1px solid rgba(14, 28, 48, 0.1);
  }

  .audio-play-btn {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
  }

  .audio-showcase-head h2 {
    font-size: clamp(2rem, 10vw, 2.8rem);
  }
}