@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');
@font-face{font-family:Bergamasco;src:url('/fonts/bergamasco.woff2') format('woff2');font-display:swap}
:root{font-family:Onest,Arial,Helvetica,sans-serif;color:#f5f5f5;background:#121212;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#121212}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(1260px,calc(100% - 48px));margin-inline:auto}.center{text-align:center}.narrow{max-width:860px}.section{padding:100px 0}.display{font-family:Bergamasco,Georgia,serif;font-size:clamp(42px,6vw,86px);font-weight:400;line-height:1.02;margin:0 0 46px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#c92929;font-size:12px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:12px 27px;font-size:16px;font-weight:700;border-radius:3px;border:1px solid transparent}.button-red{background:#c92929;color:white}.button-red:hover{background:#e23535}.button-outline{border-color:#bdbdbd;color:white;background:transparent}.button-outline:hover{background:#333}.site-header{height:76px;background:#191919;position:relative;z-index:5}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:700}.brand img{width:57px;max-height:58px;object-fit:contain}.site-header nav{display:flex;gap:50px;font-weight:600}.site-header nav a:hover,.site-footer a:hover{color:#d83a3a}.header-cta{border:1px solid #aaa;border-radius:4px;padding:16px 23px;font-weight:700}.header-cta:hover{border-color:white;background:#252525}.hero{position:relative;min-height:670px;display:flex;align-items:center;overflow:hidden;background:#212121}.hero-background,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-background{object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.12))}.hero-content{position:relative;z-index:1;padding:80px 0}.hero h1{max-width:850px;font-family:Bergamasco,Georgia,serif;font-size:clamp(52px,7.5vw,110px);font-weight:400;line-height:1.04;margin:16px 0 35px}.hero h1 br{display:block}.intro{background:#1a1a1a}.intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.intro-grid .display{margin:0}.intro-grid p{font-size:20px;line-height:1.55;color:#ddd;white-space:pre-line}.salons-section{background:#121212}.salon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:23px}.salon-card{position:relative;display:block;aspect-ratio:.7;overflow:hidden;background:#222;border-radius:32px;border:2px solid #333;transition:border-color .2s,transform .2s}.salon-card:hover,.salon-card.selected{border-color:#c92929;transform:translateY(-4px)}.salon-photo{width:100%;height:100%;object-fit:cover}.salon-gradient{position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}.salon-logo{position:absolute;left:12%;bottom:7%;width:76%;max-height:70px;object-fit:contain}.salon-name{position:absolute;left:8%;right:8%;bottom:8%;text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:19px}.programs-section{background:#191919}.salon-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:45px}.salon-tab{padding:12px 21px;border-radius:50px;background:#2c2c2c;border:1px solid #454545}.salon-tab.active,.salon-tab:hover{background:#c92929;border-color:#c92929}.program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.program-card{overflow:hidden;background:#252525;border-radius:14px;border:1px solid #393939}.program-card>img{width:100%;aspect-ratio:1.5;object-fit:cover}.program-content{padding:25px}.program-content h3{margin:0 0 14px;font-size:24px}.program-description{line-height:1.5;color:#bdbdbd;white-space:pre-line;max-height:9em;overflow:hidden}.program-facts{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}.program-facts strong{color:#fff;font-size:22px}.text-link{display:inline-block;color:#e54343;font-weight:700;margin-top:20px}.empty-programs{font-size:20px;text-align:center;color:#ccc}.certificates-section{background:#151515}.section-subtitle{font-size:19px;line-height:1.5;color:#c9c9c9;max-width:760px;margin:-12px auto 45px}.certificate-types{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.certificate-type{border:1px solid #555;background:#222;border-radius:18px;padding:32px;min-height:205px}.certificate-type h3{font-size:27px;margin:0 0 17px}.certificate-type p{line-height:1.5;color:#ccc}.quiz-teaser{background:#2a1b1b}.quiz-teaser p{font-size:20px;color:#ddd;margin:-15px 0 30px}.site-footer{background:#0d0d0d;padding:36px 0;color:#aaa}.footer-inner{display:flex;justify-content:space-between;gap:25px}.legal-page{min-height:70vh}.legal-page h1{font-family:Bergamasco,Georgia,serif;font-size:60px}.legal-page p{line-height:1.7;color:#ddd}.quiz-page{position:relative;min-height:calc(100vh - 76px);display:flex;align-items:center;justify-content:center;padding:60px 24px;background:#35251f;overflow:hidden}.quiz-background,.quiz-overlay{position:absolute;inset:0;width:100%;height:100%}.quiz-background{object-fit:cover}.quiz-overlay{background:rgba(0,0,0,.23)}.quiz-panel{position:relative;z-index:1;width:min(625px,100%);background:#222;border-radius:38px;padding:57px 60px 60px;box-shadow:0 30px 80px #0007}.quiz-panel h1{font-size:clamp(35px,4vw,56px);line-height:1.06;margin:0 0 30px;font-weight:600}.step-label{display:block;color:#e6e6e6;font-size:24px;margin:20px 0 29px}.option-row{display:flex;flex-wrap:wrap;gap:14px}.chip{position:relative;cursor:pointer}.chip input{position:absolute;opacity:0;pointer-events:none}.chip span{display:inline-flex;padding:13px 20px;border-radius:50px;background:#393939;font-weight:600}.chip input:checked+span{background:#c92929}.chip input:focus-visible+span{outline:3px solid white}.choice-list{display:flex;flex-direction:column;gap:13px;max-height:285px;overflow:auto}.choice-list label{display:flex;align-items:center;gap:12px;background:#373737;padding:13px 16px;border-radius:8px;cursor:pointer}.choice-list input[type=radio]{accent-color:#c92929}.quiz-panel input[type=text],.quiz-panel input[type=email],.quiz-panel input[type=tel]{display:block;width:100%;padding:16px 18px;border:1px solid #777;border-radius:4px;background:#333;color:white;outline:none}.quiz-panel input:focus{border-color:#e33}.choice-list input[type=text]{margin:0 0 12px}.form-error{color:#ff8585;font-weight:700}.progress{height:9px;border-radius:30px;background:#424242;overflow:hidden;margin:78px 0 44px}.progress span{display:block;height:100%;background:#c92929}.quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.quiz-actions span{color:#aaa}.quiz-actions .button{min-width:107px}.quiz-panel>p{line-height:1.55;color:#ccc}
@media(max-width:900px){.site-header nav{gap:18px}.header-cta{padding:12px}.salon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-grid{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.container{width:min(100% - 30px,1260px)}.section{padding:68px 0}.site-header{height:66px}.header-inner{gap:12px}.brand span,.site-header nav{display:none}.brand img{width:45px}.header-cta{font-size:12px;padding:10px}.hero{min-height:620px}.hero-shade{background:linear-gradient(0deg,#000c,#0003)}.hero-content{align-self:end}.intro-grid p{font-size:17px}.salon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.salon-card{border-radius:17px}.salon-logo{max-height:48px}.program-grid,.certificate-types{grid-template-columns:1fr}.quiz-panel{padding:36px 22px;border-radius:25px}.quiz-page{padding:25px 15px}.step-label{font-size:20px}.option-row{gap:9px}.chip span{padding:10px 13px;font-size:14px}.progress{margin:55px 0 28px}.quiz-actions .button{min-width:0;padding:10px 14px}.footer-inner{flex-direction:column}}
.certificate-type>img{width:100%;aspect-ratio:1.45;object-fit:cover;border-radius:10px;margin-bottom:20px}.certificate-thumbs{display:flex;gap:8px;margin-top:20px;overflow:auto}.certificate-thumbs a{flex:0 0 50px}.certificate-thumbs img{width:50px;height:50px;object-fit:cover;border-radius:4px;border:1px solid #555}.certificate-thumbs a:hover img{border-color:#c92929}
.certificate-preview-page{padding:80px 0;min-height:75vh}.print-note{color:#aaa;margin:0 0 25px}.certificate-sheet{width:min(100%,860px);min-height:610px;margin:auto;padding:58px 72px;background:linear-gradient(140deg,#302627,#161616 55%,#332324);border:6px double #b7a68f;box-shadow:0 30px 70px #0009;text-align:center}.certificate-brand{height:70px;max-width:230px;object-fit:contain;margin:0 auto 50px}.certificate-kicker{font-family:Bergamasco,Georgia,serif;font-size:30px;color:#c9b79b;margin:0}.certificate-sheet h1{font-family:Bergamasco,Georgia,serif;font-size:70px;font-weight:400;margin:15px 0 45px}.certificate-details{max-width:520px;margin:auto;text-align:left}.certificate-details p{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #746c67;padding:15px 0;margin:0;color:#bdb7b2}.certificate-details strong{color:#fff;text-align:right}@media print{.site-header,.site-footer,.print-note{display:none}.certificate-preview-page{padding:0}.certificate-sheet{box-shadow:none;border-color:#8b745a;color:#161616;print-color-adjust:exact}}

/* First screen follows the source theme's FirstScreen.vue and desktop spacing. */
.site-header{position:sticky;top:0;height:72px;background:rgba(255,255,255,.02);backdrop-filter:blur(11px);z-index:10}
.brand img{width:148px;max-height:none}
.hero{display:block;min-height:0;margin-top:-72px;overflow:hidden}
.hero-background{object-fit:cover;object-position:center top}
.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.43),rgba(0,0,0,0) 62%),linear-gradient(0deg,#121212 0%,rgba(18,18,18,0) 30%)}
.hero-content{padding:184px 0 220px}
.hero h1{width:494px;max-width:100%;font-size:70px;font-weight:500;line-height:1;letter-spacing:-2.8px;margin:0;color:rgba(255,255,255,.9)}
.hero-subtitle{font-size:24px;font-weight:500;line-height:1;letter-spacing:-.48px;color:rgba(255,255,255,.9);margin:16px 0 32px}
.hero-benefits{display:flex;flex-direction:column;gap:24px;width:411px;max-width:100%;padding:0;margin:48px 0 0;list-style:none}
.hero-benefits li{position:relative;padding-left:30px;font-size:20px;line-height:1.3;color:rgba(255,255,255,.9)}
.hero-benefits li::before{content:"";position:absolute;left:2px;top:2px;width:15px;height:15px;border:2px solid currentColor;border-radius:50%}
@media(max-width:768px){.site-header{height:56px;background:#222}.brand img{width:119px}.hero{margin-top:0}.hero-content{padding:92px 0}.hero h1{font-size:56px;letter-spacing:-2.8px}.hero-subtitle{font-size:20px}.hero-benefits{margin-top:48px}.hero-benefits li{font-size:18px}}
@media(max-width:480px){.hero-content{padding:48px 0 75px}.hero h1{font-size:clamp(36px,11vw,48px);letter-spacing:-1.9px}.hero-subtitle{font-size:18px;margin:8px 0 32px}.hero-benefits{margin-top:32px;gap:24px}.hero-benefits li{font-size:16px}.hero-shade{background:linear-gradient(0deg,#121212 0%,rgba(0,0,0,.12) 100%)}}

/* The certificate quiz is part of the landing page. */
.quiz-page{min-height:844px;scroll-margin-top:72px}
.quiz-panel{width:min(720px,100%)}
.quiz-panel h1{font-size:48px;font-weight:500;letter-spacing:-1.4px}
.salon-choice-row{flex-wrap:nowrap;gap:10px}
.salon-choice-row .chip{flex:0 0 auto;white-space:nowrap}
.salon-choice-row .chip span{padding:11px 14px}
.quiz-mode-toggle{margin-top:24px}
.quiz-mode-field{display:flex;flex-direction:column;gap:8px;margin-top:32px}
.quiz-mode-field[hidden]{display:none}
.quiz-mode-field label{font-size:14px;color:#cbcfd2}
.quiz-mode-field select{width:100%;min-height:54px;padding:14px 16px;border:1px solid #5a6272;border-radius:4px;background:#121212;color:#f5f5f5;font:inherit}
.quiz-field-note{margin:0;color:#8b92a0;font-size:13px;line-height:1.4}
.quiz-consent{margin:20px 0 0;text-align:center;color:#cbcfd2;font-size:14px;line-height:1.5}
@media(max-width:760px){.quiz-panel{width:100%;padding:38px 22px}.salon-choice-row{gap:clamp(2px,.7vw,8px)}.salon-choice-row .chip span{font-size:clamp(10px,2.8vw,14px);padding:10px clamp(4px,1vw,8px)}.quiz-page{scroll-margin-top:56px}}
@media(max-width:420px){.quiz-panel h1{font-size:clamp(33px,9vw,42px)}}

/* Five partner cards and four program cards per desktop row. */
.program-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.salon-card:last-child .salon-photo{object-position:center top}
.site-footer nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 25px}
@media(max-width:1100px){.program-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.program-grid{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}}
.program-more{margin-top:12px;color:#c8c8c8;line-height:1.5}
.program-more summary{cursor:pointer;color:#e54343;font-weight:700}
.program-more p{margin:12px 0 0;white-space:pre-line}
.legal-page h2,.legal-page h3{margin:38px 0 12px}
.legal-list-item{position:relative;padding-left:22px}
.legal-list-item::before{content:"•";position:absolute;left:0;color:#c92929}
