@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--bg:#0e242e;--panel:#17343d;--line:#34515a;--muted:#b2c2c5;--cyan:#8cd6ce}
body{font-size:17px}.header{background:#0e242ef5}.nav{height:88px}.nav nav{color:#d0dcdd}.hero{padding-block:90px 105px;gap:60px;min-height:740px}.hero h1{font-size:clamp(48px,4.6vw,70px);line-height:1.12;font-weight:600;letter-spacing:-2.8px}.hero h1 em,h2 em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-style:italic;font-size:1.15em;letter-spacing:-1px;color:var(--cyan)}.lead{font-size:17px;color:#becdce;line-height:1.85;max-width:465px}.button{border-radius:3px;background:var(--cyan);border-color:var(--cyan);padding:17px 24px}.button:hover{background:#b8e8e1}.hero-note{font-size:12px;line-height:1.9}.hero-art:before,.orbit{display:none}.browser-mock{transform:rotate(-2deg);border-radius:7px;box-shadow:0 25px 70px #0004}.phone-mock{transform:rotate(4deg);right:-8px;bottom:-4px}.art-label{letter-spacing:1.5px;color:#a3c3c8}.art-caption{color:#b3c9cd}.sector-strip{background:#18333d}.sector-strip .container{padding-block:25px}.brand-intro{padding-block:34px}.brand-intro h2{font-size:19px}.brand-intro p{font-size:13px}.intro{padding-top:110px}.intro h2{font-size:clamp(32px,3.5vw,48px)}.feature-grid p,.steps p{font-size:14px;line-height:1.8}.feature-grid h3{font-size:20px}.feature-icon{margin-bottom:22px}.examples{color:#14333a;background:#f4f2e9;border-radius:8px;padding:65px 40px;margin-block:50px 80px;width:min(1320px,calc(100% - 48px))}.examples .eyebrow{color:#386e6c}.examples h2{font-size:43px}.examples h2 span{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.2em;font-style:italic;color:#47716c}.examples .section-heading>p,.examples-note,.example-title p{color:#596e6c}.examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.example-preview{height:340px;border-radius:4px;border:0}.example:hover .example-preview{transform:translateY(-5px)}.example-title{align-items:flex-start}.example-title h3{font-size:17px;line-height:1.4}.example-title p{font-size:12px}.round-arrow{border-color:#9aadaa}.barber-preview{background:linear-gradient(0deg,#101d19ed,#101d1910),url('assets/barberia-nueva.webp') center/cover}.barber-preview>div{padding:115px 24px 25px}.barber-preview strong{font-size:38px;font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:-1px}.preview-label{background:#f4f2e9ec;color:#1d3c3c!important;padding:6px 10px;left:18px;top:18px;font-size:9px;letter-spacing:1px}.consult-preview{background:linear-gradient(0deg,#283d32f0,#233c3110),url('assets/consultorio.webp') center 56%/cover;color:#fff8e7}.consult-inner{padding:115px 24px 20px}.consult-inner .mini-brand i,.consult-orb{display:none}.consult-inner strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:38px;letter-spacing:-1px}.consult-inner p{font-size:12px}.consult-inner .mini-cta{background:#ece7d6;color:#283e32;border-radius:3px}.salon-preview{background:linear-gradient(0deg,#4b282ddd,#4b282d00),url('assets/salon.webp') center/cover;color:#fff4eb}.salon-preview>div{padding:115px 24px 20px}.salon-preview strong{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:40px;line-height:1.08;display:block;margin-bottom:24px}.salon-preview .mini-cta{background:#f4d5c8;color:#542e34}.pricing-band{background:#102a33}.main-plan{background:#f4f2e9;color:#17363c;border:0;border-radius:5px}.main-plan>p,.main-plan .plan-footnote,.main-plan .price>span{color:#546b6d}.main-plan .check-list{color:#29474c}.main-plan .check-list li:before{color:#347269}.main-plan .pill{color:#365b59;border-color:#abc0ba}.main-plan .button{background:#183b40;color:#f4f2e9;border-color:#183b40}.addons article{background:transparent;border-radius:5px;border-color:#426069}.addons p{font-size:13px}.main-plan h3{font-size:26px}.booking-addon{background:#17343d;border-radius:5px}.final-cta{background:#203e46;border-radius:5px}.final-cta:before{display:none}.final-symbol img{transform:none}.footer p{font-size:12px}
@media(max-width:1100px){.hero{gap:30px}.hero h1{font-size:52px}.examples{padding:50px 28px}.examples-grid{gap:17px}.example-preview{height:315px}.barber-preview strong,.consult-inner strong,.salon-preview strong{font-size:32px}.mini-brand{font-size:9px}.barber-preview>div,.consult-inner,.salon-preview>div{padding-left:20px;padding-right:20px}}
@media(max-width:800px){.hero{padding-block:65px 80px;gap:55px}.hero h1{font-size:clamp(47px,7.5vw,65px)}.hero-art{margin-bottom:20px}.examples-grid{grid-template-columns:1fr}.example-preview{height:365px}.examples{padding:42px 24px}.examples .section-heading{display:block}.examples .section-heading>p{max-width:500px;margin-top:22px;font-size:13px}.barber-preview strong,.consult-inner strong,.salon-preview strong{font-size:49px}.barber-preview>div,.consult-inner,.salon-preview>div{padding:115px 30px 25px}.example-title h3{font-size:19px}.example-title p{font-size:13px}.example-title{padding-block:22px 32px}.examples h2{font-size:38px}.nav nav{background:#102b35}.intro{padding-top:75px}}
@media(max-width:520px){.hero h1{font-size:43px;letter-spacing:-1.8px}.hero h1 em{font-size:1.16em;letter-spacing:-.7px}.hero{padding-top:45px}.hero-note{font-size:11px}.hero-art{width:calc(100% - 10px);min-height:340px}.hero .lead{font-size:16px}.examples{width:calc(100% - 24px);padding:35px 16px;margin-block:25px 55px}.example-preview{height:335px}.examples h2{font-size:34px}.barber-preview strong,.consult-inner strong,.salon-preview strong{font-size:43px}.feature-grid p{font-size:14px}.feature-grid h3{font-size:20px}.brand-intro p{font-size:12px}.brand-intro h2{font-size:17px}.main-plan .check-list{font-size:13px}.main-plan .plan-footnote{font-size:11px}.final-cta h2{font-size:32px}}