/* Shared Beauty Editorial identity for the landing page and all public guides. */
:root{--ink:#431c25;--ink-soft:#59464b;--muted:#756168;--line:#e6d4d4;--surface:#fffaf6;--surface-soft:#f8eeeb;--soft:#f8eeeb;--navy:#631e2e;--navy-2:#4f1825;--blue:#762438;--blue-dark:#591b2a;--cyan:#f2d4cb;--green:#762438;--violet:#a76a73;--radius:12px;--shadow:0 16px 44px #5724330d}
body{background:var(--surface);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-weight:400}
h1,h2,h3,.brand,.price strong,.price-panel strong{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em}
h1,h2{line-height:1.06}h3{letter-spacing:-.025em}
.site-header{background:#fffaf6f5;border-color:var(--line);backdrop-filter:blur(12px)}
.brand{font-size:27px;gap:0;white-space:nowrap}.brand-mark{display:none}
.nav{gap:20px;min-height:88px}.nav-links{gap:18px}.nav-links>a:not(.btn){font-size:12px;font-weight:500}
.btn,.button{border-radius:7px;font-weight:600;box-shadow:none;transition:background .2s}
.btn:hover,.button:hover{transform:none;box-shadow:none}.btn-primary,.button{background:var(--blue);color:#fffaf6;box-shadow:none}
.btn-primary:hover,.button:hover{background:var(--blue-dark);box-shadow:none}
.btn-secondary{border:0;background:transparent;box-shadow:none;text-decoration:underline;text-underline-offset:5px;padding-inline:0}
.btn-dark,.button-light{color:var(--ink);background:#fffaf6}.btn-dark:hover,.button-light:hover{background:#f2d4cb}
:focus-visible{outline:3px solid #a76a73;outline-offset:4px}
.eyebrow,.hero-pill{color:#91505c;font-size:11px;font-weight:650;letter-spacing:.16em}.eyebrow::before{display:none}
.hero{background:var(--surface-soft);padding:38px 0 76px}.hero::before{display:none}
.editorial-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px 48px;align-items:center}
.hero-copy{text-align:left}.hero-copy h1{font-size:clamp(48px,5.1vw,76px);margin-inline:0}.hero-copy .lead{margin-inline:0;font-size:21px;max-width:440px}
.hero-pill{padding:0;border:0;border-radius:0;box-shadow:none;background:none;text-transform:uppercase;margin-bottom:24px}
.hero-description{max-width:440px;color:var(--muted);margin-top:18px;font-size:15px}
.hero-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:25px;gap:14px 22px}
.hero-price{margin:18px 0 0;font-size:15px;font-weight:600}.hero-note{justify-content:flex-start;gap:6px 14px;font-size:12px;margin-top:12px}
.salon-photo{margin:0;position:relative;align-self:stretch;min-width:0}.salon-photo img{width:100%;height:100%;max-height:660px;min-height:570px;object-fit:cover;object-position:50% 65%}
.salon-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:#fffaf6ed;padding:17px 22px;font-family:Georgia,serif;font-style:italic;font-size:21px;color:var(--ink)}
.product-intro{max-width:350px}.product-intro h2{font-size:50px}.product-intro p{color:var(--ink-soft);font-size:18px}
.product-stage{margin-top:0;min-width:0;scroll-margin-top:110px}.product-window{border:1px solid var(--line);border-radius:10px;background:#fffaf6;box-shadow:var(--shadow)}
.window-bar{background:#f0e2de;border-color:var(--line);height:30px}.window-bar i{background:#c5a4a8}.window-label{color:#70585e}
.product-window img{width:100%;max-width:100%;aspect-ratio:16/10;object-fit:contain;height:auto}.product-proof{gap:6px}.product-proof span{box-shadow:none;background:none;border:0;padding:3px 6px;font-weight:500}.product-proof span::before{display:none}.product-caption{font-size:12px}
.section{padding:84px 0}.section-head{max-width:760px;margin-bottom:36px}.section-head h2{font-size:clamp(36px,4vw,55px)}
.trust{background:var(--surface)}.trust-item{padding:22px 16px}.trust-icon,.feature-icon{background:#f4e3df;color:var(--blue-dark);border-radius:50%;font-weight:400}
.pain-grid{gap:32px;grid-template-columns:repeat(3,1fr)}.pain-card,.feature-card{border:0;border-radius:0;background:none;box-shadow:none;border-top:1px solid var(--line)}
.pain-card{padding:24px 16px;min-height:0}.pain-card:hover,.seo-link-card:hover{transform:none;box-shadow:none;border-color:var(--blue)}.pain-icon{margin-bottom:12px;color:#91505c}
.features{gap:20px 32px}.feature-card{min-height:180px;padding:24px 0}.feature-icon{margin-bottom:20px;width:38px;height:38px}.feature-card.feature-wide{background:none;color:var(--ink);border-color:var(--line)}.feature-wide p{color:var(--muted)}.feature-wide .feature-icon{color:var(--blue);background:#f4e3df}
.relationship-section{background:#f1ddda}.relationship-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:76px;align-items:center}.relationship-grid>div>p:not(.lead){margin:20px 0 28px;color:var(--muted);font-size:14px;max-width:480px}
.birthday-letter{background:#fffaf6;padding:42px;border:1px solid #e2c8c7;box-shadow:0 10px 25px #57243308;transform:rotate(1deg)}
.birthday-letter .letter-greeting{font-family:Georgia,serif;font-style:italic;font-size:37px;color:var(--ink);line-height:1.15;margin:16px 0 26px}.birthday-letter blockquote{margin:0;padding-top:25px;border-top:1px solid var(--line);font-size:19px;color:var(--ink-soft);line-height:1.7}.birthday-letter .letter-caption{font-size:12px;margin-bottom:0}
.day-card{background:#f4e3df;color:var(--ink);border-radius:12px;box-shadow:none}.day-card::after{display:none}.day-top{border-color:var(--line)}.day-top small,.day-row small{color:var(--muted)}.day-row{background:#fffaf6;border-color:var(--line)}.day-status,.status{color:#633344}.status{background:#f1dcd8}
.switch-row{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding-inline:0}.switch-before{text-decoration:none}
.import-panel{background:#632436;border-radius:12px;box-shadow:none}.import-panel::before{display:none}.import-panel p,.import-file small,.import-stat span{color:#f2dbdd}.eyebrow-on-dark{color:#f2c9c7}.import-preview{background:#4e1c2a;border-color:#a46a78}.import-points span{color:#faeaec}.import-ready{color:#fff;background:#783849}.file-icon{background:#f2d4cb;color:var(--ink)}
.price-card{border-color:var(--line);border-radius:12px;box-shadow:var(--shadow);background:#fffaf6}.price-card::before{display:none}.founder-callout{background:#f1ddda;border-color:#d9b9bd;box-shadow:none;border-radius:8px}.founder-callout strong{color:var(--ink)}.founder-badge{background:#f1ddda;color:var(--blue-dark)}.local-currency-note,.local-currency-note strong{color:var(--ink);background:#f8eeeb}
.support-intro{background:#632436}.support-intro p{color:#f2dbdd}.support-card{background:#fffaf6;border-color:var(--line);box-shadow:none}.support-card-icon{color:var(--blue);background:#f4e3df}
.final-panel{background:#632436;border-radius:12px}.final-panel::before,.final-panel::after{display:none}.final-panel p{color:#f2dbdd}footer{background:#fffaf6}
.reveal{opacity:1;transform:none}
/* The same identity continues through generated commercial, comparison and guide pages. */
.hero-grid{gap:50px}.price-panel{background:#fffaf6;border-color:var(--line);box-shadow:var(--shadow);border-radius:10px}.price-panel>span{background:#f1ddda;color:var(--blue-dark)}
.note,.side-card,.related-grid a{background:#f8eeeb;border-color:var(--line);box-shadow:none;border-radius:8px}.side-card .button{color:#fffaf6}.note{border-left-color:var(--blue)}
.table-wrap{border-color:var(--line)}th{background:#f4e3df}.content-section a{color:var(--blue-dark)}
body:has(.article-layout) .final-cta{background:#632436;color:#fffaf6}body:has(.article-layout) .final-cta p{color:#f2dbdd}body:has(.article-layout) .final-cta .eyebrow{color:#f2dbdd}
.side-card img{width:100%;height:auto;border:1px solid var(--line);border-radius:5px;margin:12px 0 20px}
.client-story-copy>p{color:var(--ink-soft)}.client-benefits{list-style:none;padding:0;margin:28px 0;display:grid;gap:17px;color:var(--ink-soft);font-size:15px}.client-benefits li{padding-left:18px;border-left:2px solid #d9b9bd}.client-benefits strong{color:var(--ink);display:block;margin-bottom:3px}
.client-profile-example{margin:0;background:#fffdfb;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:28px;min-width:0;font-size:14px}.profile-toolbar{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);padding-bottom:20px;border-bottom:1px solid var(--line)}.profile-person{display:flex;align-items:center;gap:14px;margin:24px 0 18px}.profile-avatar{width:48px;height:48px;display:grid;place-items:center;background:#eed9d7;border-radius:50%;font-weight:600;color:var(--blue)}.profile-person h3{font:600 21px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.02em;margin:0 0 5px}.profile-person p{margin:0;color:var(--muted);font-size:13px}.profile-vip{margin-left:auto;background:#f4ebd9;color:#6d5427;border-radius:5px;padding:4px 7px;font-size:11px}.profile-actions{display:flex;gap:8px}.profile-actions span{border:1px solid var(--line);border-radius:6px;padding:6px 13px;color:var(--ink-soft);font-size:12px}.profile-section{margin-top:24px}.profile-section h4{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.profile-section dl{margin:0}.profile-section dl>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid #efe5e2}.profile-section dt{color:var(--muted)}.profile-section dd{margin:0;font-weight:600}.profile-note{padding:16px;background:#f8eeeb;border-radius:6px;line-height:1.6;color:var(--ink-soft)}.profile-event{border-left:2px solid #d9b9bd;padding:0 0 15px 15px;margin-left:4px}.profile-event strong,.profile-event span{display:block;font-size:13px}.profile-event span{color:var(--muted);font-size:12px;margin-top:4px}.profile-service{background:#f4e3df;padding:6px 10px;border-radius:5px;font-size:12px}.client-profile-example figcaption{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.6}.feature-card .text-link{display:inline-block;margin-top:15px;color:var(--blue)}
@media(max-width:680px){.client-profile-example{padding:22px}.client-story-copy h2{font-size:39px}}
.relationship-grid .birthday-letter .letter-greeting{font-size:37px;color:var(--ink);line-height:1.15;margin:16px 0 26px}.relationship-grid .birthday-letter .letter-caption{font-size:12px;margin-bottom:0}
@media(max-width:980px){body:has(.article-layout) .nav{flex-wrap:wrap;padding-block:16px}body:has(.article-layout) .nav nav{display:flex;order:3;width:100%;flex-wrap:wrap;gap:12px 20px}body:has(.article-layout) .nav nav a{font-size:12px}}
@media(min-width:981px) and (max-width:1200px){.nav-links{gap:11px}.nav{gap:12px}.brand{font-size:24px}.nav-actions .btn{padding:12px}.nav-actions{gap:9px}}
@media(max-width:980px){.editorial-hero{gap:44px 28px}.hero-copy h1{font-size:52px}.salon-photo img{min-height:560px}.relationship-grid{gap:35px}.nav-links{background:#fffaf6;inset:89px 20px auto}.product-intro h2{font-size:42px}.brand{font-size:25px}}
@media(max-width:680px){.nav{min-height:70px;gap:10px}.brand span:last-child{font-size:22px}.nav-actions .btn{display:none}.nav-links{inset:71px 14px auto}.hero{padding:32px 0 48px}.editorial-hero{grid-template-columns:1fr;gap:30px}.hero-copy h1{font-size:clamp(42px,12vw,60px);margin-bottom:20px}.hero-copy .lead{font-size:19px}.hero-pill{margin-bottom:18px;font-size:10px}.hero-description{font-size:14px}.hero-actions{margin-top:22px;gap:10px}.hero-price{margin-top:14px}.salon-photo img{min-height:0;height:390px;object-position:50% 62%}.salon-photo figcaption{font-size:19px;padding:15px}.product-intro{max-width:none;margin-top:20px}.product-intro h2{font-size:40px}.product-stage{margin-top:0}.product-window img{width:100%;max-width:100%;aspect-ratio:16/10}.section{padding:56px 0}.relationship-grid{grid-template-columns:1fr;gap:30px}.birthday-letter{padding:28px;transform:none}.birthday-letter .letter-greeting{font-size:32px}.pain-grid{grid-template-columns:1fr}.pain-card{padding:20px 0}.features{gap:16px}.final-cta{padding-bottom:56px}.nav nav{flex-wrap:wrap}.price-panel strong{font-size:44px}}
.salon-moments { background: #f3e3df; }
.salon-moments h2 { max-width: 850px; }
.salon-moments .lead { max-width: 740px; }
.moment-choices { display: flex; flex-wrap: wrap; gap: 10px; margin: 30px 0 24px; }
.moment-choices button { font: inherit; padding: 13px 20px; min-height: 48px; border: 1px solid #b99199; border-radius: 30px; background: transparent; color: #631e2e; cursor: pointer; transition: background .18s, color .18s; }
.moment-choices button[aria-pressed="true"] { color: #fffaf6; background: #631e2e; border-color: #631e2e; }
.moment-choices button:focus-visible, .moment-demo button:focus-visible { outline: 3px solid #631e2e; outline-offset: 4px; }
.moment-stage { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; padding: 34px; background: #fffaf6; border: 1px solid #e6d4d4; border-radius: 18px; }
.moment-stage h3 { font: 400 clamp(28px, 3vw, 40px)/1.15 Georgia, serif; margin: 14px 0; color: #431c25; }
.moment-stage p { line-height: 1.7; }
.moment-boundary, .moment-demo-label { font-size: 13px; color: #756168; }
.moment-demo { padding: 26px; background: #f8eeeb; border-radius: 12px; min-width: 0; }
.moment-record { display: grid; gap: 5px; border-left: 3px solid #762438; padding: 16px; margin: 18px 0; background: #fffaf6; }
.moment-record strong { font-size: 23px; }
.moment-demo .btn { white-space: normal; width: 100%; }
#moment-result { min-height: 112px; font-size: 14px; margin-bottom: 0; }
.moment-next { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; margin-top: 28px; }
.moment-next p { margin: 0; font-weight: 600; }
.moment-next span { font-size: 14px; }
@media (max-width: 700px) { .moment-stage { grid-template-columns: 1fr; gap: 20px; padding: 22px; } .moment-demo { padding: 18px; } .moment-choices { gap: 8px; } .moment-choices button { flex: 1 1 100%; } .moment-next { align-items: stretch; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .moment-choices button { transition: none; } }
.workflow-preview img { max-width: 100%; height: auto; border-radius: 16px; }
.workflow-preview a.button { color: #fffaf6; }
.client-example { padding: 24px; border: 1px solid #dec7c3; border-radius: 16px; background: #fffaf6; }
.client-example > span { font-size: 13px; }
.client-example dt { font-weight: 700; margin-top: 16px; }
.client-example dd { margin: 4px 0 0; }