@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--display:"Space Grotesk", "Segoe UI", sans-serif;--body:Outfit, "Segoe UI", sans-serif;--bg:#eaf3ff;--bg-gradient:radial-gradient(circle at 18% 8%, #fff 0%, transparent 44%), radial-gradient(circle at 82% 14%, #c8e4ff 0%, transparent 36%), linear-gradient(180deg, #eff6ff 0%, #ddecff 100%);--surface-card:#ffffffd6;--surface-card-alt:#ffffffa8;--surface-frost:#ffffffb3;--text-strong:#0d1f38;--text-muted:#365072;--border-soft:#0d1f3824;--accent:#1f6feb;--accent-2:#0ea5e9;--badge-bg:#1f6feb1f;--button-ghost-bg:#ffffff85;--button-primary-text:#f4fbff;--halo:#0ea5e96b;--stripe:#1f6feb12;--elevation:0 10px 24px #12459240}body[data-theme=dark]{--bg:#0b0d17;--bg-gradient:radial-gradient(circle at 18% 8%, #7c3aed38 0%, transparent 44%), radial-gradient(circle at 82% 14%, #2563eb29 0%, transparent 34%), linear-gradient(180deg, #0e1020 0%, #0a0a12 100%);--surface-card:#101222c7;--surface-card-alt:#14182cd6;--surface-frost:#090b16a6;--text-strong:#f4efff;--text-muted:#bfb6d8;--border-soft:#efe3ff29;--accent:#8b5cf6;--accent-2:#4f46e5;--badge-bg:#8b5cf633;--button-ghost-bg:#8b5cf61f;--button-primary-text:#f5f1ff;--halo:#8b5cf657;--stripe:#8b5cf614;--elevation:0 12px 28px #0a091894}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--body);color:var(--text-strong);background:var(--bg-gradient);line-height:1.55}#root{max-width:1120px;min-height:100svh;margin:0 auto}h1,h2,h3{font-family:var(--display);color:var(--text-strong);margin:0;line-height:1.15}h1{max-width:18ch;margin:.8rem 0 1rem;font-size:clamp(2rem,5vw,3.6rem)}h2{font-size:clamp(1.35rem,3.2vw,2rem)}h3{font-size:1.05rem}p{margin:0}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-frost);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:22px 28px;display:flex;position:sticky;top:0}.brand{font-family:var(--display);letter-spacing:.04em;color:var(--text-strong);align-items:center;gap:.55rem;font-size:1.45rem;text-decoration:none;display:inline-flex}.brand-button{cursor:pointer;background:0 0;border:0;padding:0}.brand-logo{object-fit:contain;width:1.72rem;height:1.72rem;display:inline-block}.control-group{align-items:center;gap:.5rem;display:inline-flex}.language-toggle{border:1px solid var(--border-soft);background:var(--button-ghost-bg);border-radius:999px;gap:.25rem;padding:.2rem;display:inline-flex}.chip{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.35rem .62rem;font-weight:700}.chip.is-active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--button-primary-text)}.theme-toggle{border:1px solid var(--border-soft);background:var(--button-ghost-bg);color:var(--text-strong);cursor:pointer;border-radius:999px;padding:.52rem .95rem;font-weight:600}.theme-toggle,.chip{transition:transform .2s,opacity .2s}.theme-toggle:hover,.chip:hover{transform:translateY(-1px)}.nav{gap:1.25rem;display:inline-flex}.nav a,.nav button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:1rem;font-weight:600;text-decoration:none;transition:color .25s}.nav a:hover,.nav a:focus-visible,.nav button:hover,.nav button:focus-visible{color:var(--text-strong)}main{gap:1.35rem;padding:1.35rem;display:grid}.hero,.section,.footer{border:1px solid var(--border-soft);background:var(--surface-card);border-radius:24px}.hero{padding:clamp(2rem,5vw,4.2rem);animation:.65s ease-out both rise;position:relative;overflow:hidden}.hero:before{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--halo), transparent 70%);pointer-events:none;width:42%;position:absolute;inset:-20% auto auto -10%}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.09em;color:var(--accent);margin:0;font-size:.78rem;font-weight:700}.lead{max-width:64ch;color:var(--text-muted)}.hero-actions{flex-wrap:wrap;gap:.85rem;margin:1.4rem 0;display:flex}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.72rem 1.1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}button.btn{cursor:pointer;font-family:inherit}.btn:hover{transform:translateY(-1px)}.btn-primary{color:var(--button-primary-text);background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:var(--elevation)}.btn-ghost{color:var(--text-strong);background:var(--button-ghost-bg);border-color:var(--border-soft)}.highlights{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.highlights li{border:1px solid var(--border-soft);background:var(--badge-bg);color:var(--text-strong);border-radius:999px;padding:.4rem .8rem;font-size:.88rem}.section{padding:clamp(1.3rem,2.7vw,2rem);animation:.7s ease-out both rise}.section-heading h2{margin-top:.45rem}.solution-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.95rem;margin-top:1.1rem;display:grid}.card{border:1px solid var(--border-soft);background:var(--surface-card-alt);border-radius:16px;padding:1rem}.card p,.timeline p,.cta p,.impact p{color:var(--text-muted)}.timeline{counter-reset:step;gap:.85rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.timeline li{border-left:3px solid var(--accent);background:linear-gradient(90deg, var(--stripe), transparent 50%);border-radius:8px;padding:.25rem 0 .25rem .85rem}.impact{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.95rem;display:grid}.impact article{border:1px solid var(--border-soft);background:var(--surface-card-alt);border-radius:16px;padding:1rem}.metric{font-size:clamp(1.7rem,4vw,2.2rem);font-weight:800;font-family:var(--display);margin:0;color:var(--text-strong)!important}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.1rem;margin-top:1.1rem;display:grid}.portfolio-card,.post-card{border:1px solid var(--border-soft);background:var(--surface-card-alt);border-radius:16px;padding:1.2rem}.portfolio-card h3,.post-card h3{margin-bottom:.6rem}.content-cover{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border-soft);border-radius:12px;width:100%;margin-bottom:1rem}.portfolio-description{color:var(--text-muted);margin-bottom:1rem}.portfolio-results,.portfolio-stack{margin-bottom:.85rem}.portfolio-label{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.85rem;font-weight:700}.portfolio-results ul{margin:0;padding:0;list-style:none}.portfolio-results li{color:var(--text-muted);margin-bottom:.3rem;padding-left:1rem;font-size:.9rem;position:relative}.portfolio-results li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.stack-tags{flex-wrap:wrap;gap:.4rem;display:flex}.post-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.1rem;margin-top:1.1rem;display:grid}.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.1rem;margin-top:1.1rem;display:grid}.showcase-grid--compact{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.showcase-card{border:1px solid var(--border-soft);background:var(--surface-card-alt);border-radius:16px;gap:.7rem;padding:1.1rem;display:grid}.showcase-card--compact{align-content:start}.showcase-card-image{margin-bottom:0}.showcase-card-facts{flex-wrap:wrap;gap:.45rem;display:flex}.showcase-card-outcomes{gap:.45rem;margin-block:.15rem;display:grid}.showcase-card-outcomes span{color:var(--text-muted);padding-left:1rem;font-size:.9rem;position:relative}.showcase-card-outcomes span:before{content:"";background:var(--accent);border-radius:999px;width:.38rem;height:.38rem;position:absolute;top:.55rem;left:0}.solutions-gallery-view{gap:1.35rem}.solutions-gallery-view>h1{max-width:20ch}.solution-featured{border:1px solid var(--border-soft);background:radial-gradient(circle at 10% 20%, var(--halo), transparent 42%), var(--surface-card-alt);border-radius:22px;grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr);gap:1rem;display:grid;overflow:hidden}.solution-featured-copy{align-content:center;justify-items:start;gap:.85rem;padding:clamp(1.25rem,3vw,2.5rem);display:grid}.solution-featured-copy p{color:var(--text-muted)}.solution-featured-preview{background:linear-gradient(145deg, var(--badge-bg), transparent);min-height:540px;padding:1rem}.solution-featured-preview iframe{border:1px solid var(--border-soft);background:var(--surface-card);border-radius:16px;width:100%;height:100%;min-height:508px;display:block}.solution-filters{border:1px solid var(--border-soft);background:var(--surface-card-alt);border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:1rem;display:grid}.solution-filters label{color:var(--text-strong);gap:.42rem;font-size:.82rem;font-weight:700;display:grid}.solution-filters select{border:1px solid var(--border-soft);background:var(--surface-card);width:100%;color:var(--text-strong);font:inherit;border-radius:12px;padding:.72rem .8rem}.solution-grid-results .showcase-card{align-content:start}.solution-grid-results .showcase-card .btn{justify-self:start;margin-top:auto}.solution-gallery-cta{border:1px solid var(--border-soft);text-align:center;background:radial-gradient(circle at 50% 100%, var(--halo), transparent 55%), var(--surface-card-alt);border-radius:20px;justify-items:center;gap:.7rem;padding:clamp(1.5rem,4vw,3rem);display:grid}.solution-gallery-cta p{max-width:58ch;color:var(--text-muted)}.showcase-head{gap:.3rem;display:grid}.showcase-meta{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.84rem}.post-meta{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;gap:.65rem;margin-bottom:.8rem;font-size:.82rem;display:flex}.text-link{color:var(--accent);cursor:pointer;font-weight:700;font:inherit;background:0 0;border:0;padding:0}.text-link:hover,.text-link:focus-visible{text-decoration:underline}.detail-view{gap:1rem;display:grid}.state-view{align-content:center;min-height:40vh}.back-link{justify-self:start}.detail-grid{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:1rem;display:grid}.detail-cover{object-fit:cover;border:1px solid var(--border-soft);border-radius:18px;width:100%;max-height:420px}.detail-card{border:1px solid var(--border-soft);background:var(--surface-card-alt);border-radius:18px;padding:1.15rem}.detail-card h2{margin-bottom:.55rem}.detail-card p+h2{margin-top:1.15rem}.detail-card p,.article-section p{color:var(--text-muted)}.detail-sidebar{align-content:start;gap:1rem;display:grid}.detail-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.detail-list li{color:var(--text-muted);padding-left:1rem;position:relative}.detail-list li:before{content:"";background:var(--accent);border-radius:999px;width:.38rem;height:.38rem;position:absolute;top:.58rem;left:0}.detail-meta{margin-bottom:0}.article-sections{gap:1rem;display:grid}.showcases-view h1,.showcase-detail-view h1{max-width:24ch}.showcase-kicker-row{flex-wrap:wrap;gap:.45rem;display:flex}.showcase-overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,.9fr);gap:1rem;display:grid}.showcase-featured-media{margin:0}.showcase-featured-image,.showcase-gallery-main{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border-soft);border-radius:18px;width:100%}.showcase-overview-facts{gap:1rem;display:grid}.showcase-mini-card{align-content:start}.showcase-mini-card h2{margin-bottom:.35rem}.showcase-section-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;display:grid}.showcase-section-item{border:1px solid var(--border-soft);background:var(--surface-card);border-radius:14px;padding:.95rem}.showcase-section-item p{color:var(--text-muted);margin-top:.5rem}.showcase-preview{gap:.8rem;display:grid}.showcase-preview p{color:var(--text-muted)}.showcase-gallery-card{gap:1rem;display:grid}.showcase-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.8rem;display:grid}.showcase-gallery-thumb{border:1px solid var(--border-soft);cursor:pointer;background:0 0;border-radius:14px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.showcase-gallery-thumb:hover,.showcase-gallery-thumb:focus-visible,.showcase-gallery-thumb.is-active{border-color:var(--accent);box-shadow:var(--elevation);transform:translateY(-1px)}.showcase-gallery-thumb img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.showcase-info-grid{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:1rem;display:grid}.showcase-pricing-grid{gap:.85rem;display:grid}.showcase-price-card{border:1px solid var(--border-soft);background:var(--surface-card);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.95rem;display:flex}.showcase-price-card p{color:var(--text-muted);margin-top:.35rem}.showcase-price-card strong{font-size:1.1rem;font-family:var(--display);white-space:nowrap}.showcase-hours-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.showcase-hours-list li{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.65rem;display:flex}.showcase-hours-list li:last-child{border-bottom:0;padding-bottom:0}.showcase-hours-list span{color:var(--text-muted)}.showcase-contact-list{gap:.5rem;display:grid}.showcase-contact-list p{color:var(--text-muted)}.showcase-mockup{border:1px solid var(--border-soft);width:100%;box-shadow:var(--elevation);background:linear-gradient(#ffffffb8,#ffffff73);border-radius:18px;overflow:hidden}.showcase-mockup-toolbar{border-bottom:1px solid var(--border-soft);background:#ffffffa6;gap:.4rem;padding:.75rem .9rem;display:flex}.showcase-mockup-dot{background:#0d1f382e;border-radius:999px;width:.62rem;height:.62rem}.showcase-mockup-shell{gap:1rem;padding:1rem;display:grid}.showcase-mockup-topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.showcase-mockup-topbar strong{font-family:var(--display);font-size:.95rem}.showcase-mockup-nav{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.showcase-mockup-nav span,.showcase-mockup-copy p,.showcase-mockup-card p,.showcase-mockup-panel p{text-transform:uppercase;letter-spacing:.05em;font-size:.73rem;font-weight:700}.showcase-mockup-nav span{color:var(--text-muted)}.showcase-mockup-hero{grid-template-columns:minmax(0,1.5fr) minmax(220px,.85fr);gap:.9rem;display:grid}.showcase-mockup-copy,.showcase-mockup-panel,.showcase-mockup-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff8a;border:1px solid #ffffff52;border-radius:16px}.showcase-mockup-copy{gap:.7rem;padding:1.15rem;display:grid}.showcase-mockup-copy p,.showcase-mockup-panel p,.showcase-mockup-card p{color:inherit;margin:0}.showcase-mockup-copy h3{font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.08}.showcase-mockup-copy span,.showcase-mockup-panel li,.showcase-mockup-card span{color:var(--text-muted)}.showcase-mockup-stats{flex-wrap:wrap;gap:.45rem;display:flex}.showcase-mockup-stats span{color:inherit;background:#ffffff26;border-radius:999px;align-items:center;padding:.34rem .58rem;font-size:.78rem;font-weight:700;display:inline-flex}.showcase-mockup-actions{flex-wrap:wrap;gap:.55rem;margin-top:.3rem;display:flex}.showcase-mockup-button{color:var(--text-strong);background:#ffffff94;border:1px solid #0d1f381f;border-radius:999px;justify-content:center;align-items:center;padding:.58rem .8rem;font-size:.78rem;font-weight:700;display:inline-flex}.showcase-mockup-button--primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--button-primary-text);border-color:#0000}.showcase-mockup-panel{align-content:start;gap:.6rem;padding:1rem;display:grid}.showcase-mockup-photo{aspect-ratio:4/3;object-fit:cover;border-radius:12px;width:100%}.showcase-mockup-panel-copy{gap:.55rem;display:grid}.showcase-mockup-panel ul{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.showcase-mockup-panel li{padding-left:.9rem;font-size:.88rem;position:relative}.showcase-mockup-panel li:before{content:"";opacity:.65;background:currentColor;border-radius:999px;width:.38rem;height:.38rem;position:absolute;top:.48rem;left:0}.showcase-mockup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.showcase-mockup-card{gap:.45rem;padding:.95rem;display:grid}.showcase-mockup-card span{font-size:.88rem;line-height:1.55}.showcase-mockup--barbearia-premium{color:#fff1e6;background:linear-gradient(135deg,#2f231cf0,#976a45eb)}.showcase-mockup--barbearia-premium .showcase-mockup-dot,.showcase-mockup--barbearia-premium .showcase-mockup-nav span,.showcase-mockup--barbearia-premium .showcase-mockup-copy span,.showcase-mockup--barbearia-premium .showcase-mockup-panel li,.showcase-mockup--barbearia-premium .showcase-mockup-card span{color:#fff1e6d1}.showcase-mockup--barbearia-premium .showcase-mockup-copy,.showcase-mockup--barbearia-premium .showcase-mockup-panel,.showcase-mockup--barbearia-premium .showcase-mockup-card,.showcase-mockup--barbearia-premium .showcase-mockup-toolbar{background:#22181257}.showcase-mockup--clinica-base{color:#12344f;background:linear-gradient(135deg,#edf8fff2,#b4def6eb)}.showcase-mockup--clinica-base .showcase-mockup-copy,.showcase-mockup--clinica-base .showcase-mockup-panel,.showcase-mockup--clinica-base .showcase-mockup-card,.showcase-mockup--clinica-base .showcase-mockup-toolbar{background:#ffffff94}.showcase-mockup--estetica-studio{color:#5f2246;background:linear-gradient(135deg,#fff0f5f5,#f6d2e0e6)}.showcase-mockup--estetica-studio .showcase-mockup-copy,.showcase-mockup--estetica-studio .showcase-mockup-panel,.showcase-mockup--estetica-studio .showcase-mockup-card,.showcase-mockup--estetica-studio .showcase-mockup-toolbar{background:#ffffff80}.showcase-cta{margin:0}.showcase-request-card,.showcase-request-form{gap:1rem;display:grid}.showcase-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.showcase-field{gap:.45rem;display:grid}.showcase-field span{color:var(--text-strong);font-weight:700}.showcase-field input,.showcase-field select,.showcase-field textarea{border:1px solid var(--border-soft);background:var(--surface-card);width:100%;color:var(--text-strong);font:inherit;border-radius:14px;padding:.78rem .9rem}.showcase-field textarea{resize:vertical}.showcase-request-actions{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.showcase-request-status{color:var(--text-muted)}.article-section{gap:.8rem;display:grid}.empty-state{color:var(--text-muted);margin-top:1rem}.tag{background:var(--badge-bg);color:var(--text-strong);border-radius:999px;padding:.3rem .65rem;font-size:.8rem;font-weight:600;display:inline-block}.about-content{gap:1.5rem;margin-top:1.1rem;display:grid}.about-bio{gap:.85rem;display:grid}.about-bio p{color:var(--text-muted);max-width:65ch;line-height:1.7}.values-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.95rem;display:grid}.value-card{border:1px solid var(--border-soft);background:var(--surface-card-alt);border-radius:16px;padding:1rem}.value-card h3{margin-bottom:.5rem}.value-card p{color:var(--text-muted);font-size:.95rem}.expertise-text{color:var(--text-muted);max-width:70ch;line-height:1.7}.cta{text-align:center}.footer{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:.7rem;margin:0 1.35rem 1.35rem;padding:1rem 1.2rem;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=850px){.topbar{flex-wrap:wrap;gap:.8rem;padding:1rem}.nav{flex-wrap:wrap;order:3;justify-content:space-between;gap:.75rem 1rem;width:100%}.control-group{justify-content:flex-end;width:100%}.detail-grid,.showcase-overview-grid,.showcase-info-grid,.showcase-form-grid,.solution-featured,.solution-filters{grid-template-columns:1fr}.solution-featured-preview{min-height:440px}.solution-featured-preview iframe{min-height:408px}.showcase-price-card,.showcase-hours-list li{flex-direction:column;align-items:flex-start}.showcase-mockup-hero,.showcase-mockup-grid{grid-template-columns:1fr}.showcase-mockup-topbar{flex-direction:column;align-items:flex-start}.showcase-mockup-nav{justify-content:flex-start}.footer{margin-inline:1rem;margin-bottom:1rem}}.barber-story{padding:clamp(1.1rem,2vw,1.5rem);overflow:visible}.barber-story-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);align-items:start;gap:clamp(1.2rem,3vw,2.4rem);display:grid}.barber-story-copy{gap:1rem;display:grid}.barber-story-step{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-card) 78%, transparent);opacity:.52;border-radius:18px;align-content:center;gap:.85rem;min-height:78vh;padding:1.15rem;transition:opacity .55s,transform .65s cubic-bezier(.22,1,.36,1),border-color .55s,box-shadow .55s;display:grid;transform:translateY(28px)}.barber-story-step.is-active{opacity:1;border-color:color-mix(in srgb, var(--accent) 34%, var(--border-soft));box-shadow:var(--elevation);transform:translateY(0)}.barber-story-step h2{max-width:18ch}.barber-story-step p:not(.portfolio-label){color:var(--text-muted)}.barber-story-step-label{margin-bottom:0}.barber-story-step-list{margin-top:.2rem}.barber-story-preview-column{align-self:stretch;min-height:100%;position:relative}.barber-story-preview{align-content:center;gap:1rem;min-height:calc(100vh - 7.5rem);display:grid;position:sticky;top:6rem}.barber-story-watermark{opacity:0;pointer-events:none;z-index:0;justify-items:center;width:min(100%,28rem);transition:opacity .45s,transform .55s;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.72)}.barber-story-watermark span{aspect-ratio:1;width:clamp(10rem,25vw,16rem);font-family:var(--display);color:#060709db;background:radial-gradient(circle at 30% 30%,#18181814,#00000038);border:1px solid #06070924;border-radius:999px;place-items:center;font-size:clamp(5rem,14vw,8rem);display:inline-grid}.barber-story-watermark small{letter-spacing:.52em;color:#060709ad;margin-top:.45rem;font-size:.74rem}.barber-story-preview--transition .barber-story-watermark,.barber-story-preview--dashboard .barber-story-watermark{opacity:1;transform:translate(-50%,-50%)scale(1)}.barber-story-device-frame{z-index:1;transform-origin:50%;background:linear-gradient(160deg,#0f0c0af0,#37261ce0);border:1px solid #fff3;border-radius:28px;width:min(100%,32rem);margin:0 auto;transition:width .85s cubic-bezier(.22,1,.36,1),border-radius .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1),box-shadow .85s;position:relative;overflow:hidden;box-shadow:0 26px 60px #0a0b0d47,inset 0 1px #ffffff1f}.barber-story-toolbar{background:#ffffff0a;border-bottom:1px solid #ffffff14;gap:.38rem;padding:.8rem .95rem;display:flex}.barber-story-toolbar span{background:#fff0e6b3;border-radius:999px;width:.62rem;height:.62rem}.barber-story-viewport{min-height:min(72vh,42rem);padding:1rem;position:relative}.barber-story-site-screen,.barber-story-dashboard-screen{border-radius:22px;transition:opacity .7s,transform .95s cubic-bezier(.22,1,.36,1),filter .7s;position:absolute;inset:1rem;overflow:hidden}.barber-story-site-screen{opacity:1;background:linear-gradient(#2a1c16,#a06c44);transform:translateY(0)scale(1)}.barber-story-dashboard-screen{opacity:0;background:linear-gradient(#0f1722,#1d3147);transform:translate(105%)}.barber-story-site-document{gap:.85rem;height:100%;padding:1rem;transition:transform .7s;display:grid;transform:translateY(0)}.barber-story-live-frame{background:#120d0a;border:0;width:100%;height:100%;display:block}.barber-story-live-frame--dashboard{background:#0f1722}.barber-story-preview--conversion .barber-story-site-document{transform:translateY(-8%)}.barber-story-preview--confidence .barber-story-site-document{transform:translateY(-16%)}.barber-story-preview--dashboard .barber-story-site-document{transform:translateY(-24%)}.barber-story-site-header,.barber-story-dashboard-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.barber-story-site-header strong,.barber-story-dashboard-header strong{font-family:var(--display);color:#fff3e7}.barber-story-site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.barber-story-site-header nav span,.barber-story-dashboard-header p,.barber-story-site-copy p,.barber-story-site-card p,.barber-story-dashboard-card p,.barber-story-dashboard-panel p{letter-spacing:.08em;text-transform:uppercase;color:#fff1e6b8;font-size:.72rem;font-weight:700}.barber-story-site-hero{grid-template-columns:minmax(0,1.15fr) minmax(10rem,.9fr);gap:.8rem;display:grid}.barber-story-site-copy,.barber-story-site-card,.barber-story-dashboard-card,.barber-story-dashboard-list,.barber-story-dashboard-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#120c0947;border:1px solid #ffffff1f;border-radius:18px}.barber-story-site-copy{gap:.65rem;padding:1rem;display:grid}.barber-story-site-copy h3{color:#fff7ef;font-size:clamp(1.25rem,2.4vw,1.9rem);line-height:1.05}.barber-story-site-copy span,.barber-story-site-card span{color:#fff1e6c7}.barber-story-site-photo-panel{min-height:100%}.barber-story-site-photo{object-fit:cover;border-radius:18px;width:100%;height:100%;min-height:16rem}.barber-story-site-tags{flex-wrap:wrap;gap:.45rem;display:flex}.barber-story-site-tags span,.barber-story-dashboard-badge,.barber-story-dashboard-row em{border-radius:999px;align-items:center;padding:.35rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.barber-story-site-tags span{color:#fff7ef;background:#ffffff1f}.barber-story-site-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.barber-story-site-card{gap:.35rem;padding:.95rem;display:grid}.barber-story-site-card strong,.barber-story-dashboard-card strong,.barber-story-dashboard-panel strong,.barber-story-dashboard-row strong{font-family:var(--display);color:#fff7ef}.barber-story-gallery-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.barber-story-gallery-shot{aspect-ratio:1;object-fit:cover;border-radius:16px;width:100%}.barber-story-preview--transition .barber-story-device-frame{border-radius:30px;width:min(100%,35rem);transform:translate(0)}.barber-story-preview--dashboard .barber-story-device-frame{border-radius:32px;width:min(100%,38rem);transform:translate(0);box-shadow:0 32px 70px #0a0b0d52,inset 0 1px #ffffff1f}.barber-story-preview--transition .barber-story-site-screen{opacity:1;filter:none;transform:translateY(0)scale(1)}.barber-story-preview--transition .barber-story-dashboard-screen{opacity:0;transform:translate(105%)}.barber-story-preview--dashboard .barber-story-site-screen{opacity:.2;transform:translate(-105%)}.barber-story-preview--dashboard .barber-story-dashboard-screen{opacity:1;transform:translate(0)}.barber-story-dashboard-shell{gap:.9rem;min-height:100%;padding:1rem;display:grid}.barber-story-dashboard-badge{color:#b8f0c8;background:#5bc48329}.barber-story-dashboard-kpis{gap:.8rem;display:flex}.barber-story-dashboard-card{background:#ffffff0f;flex:1 1 0;gap:.35rem;padding:.85rem;display:grid}.barber-story-dashboard-main{flex:auto;grid-template-columns:minmax(0,1.3fr) minmax(11rem,.8fr);gap:.85rem;display:grid}.barber-story-dashboard-list{gap:.65rem;padding:.85rem;display:grid}.barber-story-dashboard-row{background:#ffffff0f;border-radius:14px;justify-content:space-between;align-items:center;gap:.8rem;padding:.8rem;display:flex}.barber-story-dashboard-row div{gap:.18rem;display:grid}.barber-story-dashboard-row span,.barber-story-dashboard-panel span{color:#dde6f2bf}.barber-story-dashboard-row em{color:#eff4fa;background:#ffffff14;font-style:normal}.barber-story-dashboard-panel{background:#ffffff14;align-content:start;gap:.45rem;padding:.95rem;display:grid}.barber-story-preview-caption{z-index:1;text-align:center;justify-items:center;gap:.2rem;display:grid;position:relative}.barber-story-preview-caption strong{font-family:var(--display)}.barber-story-preview-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex;position:relative}.barber-story-preview-actions .text-link{align-self:center;padding:.65rem .3rem}.barber-context-line{border-left:3px solid var(--accent);max-width:72ch;color:var(--text-muted);padding-left:1rem}.barber-commercial{gap:1rem;display:grid}.barber-commercial-section,.barber-commercial-cta{border:1px solid var(--border-soft);background:var(--surface-card-alt);border-radius:22px;padding:clamp(1.4rem,3vw,2.4rem)}.barber-commercial-section>p:not(.section-label),.barber-commercial-cta>p:not(.section-label){max-width:74ch;color:var(--text-muted);margin-top:.75rem}.barber-benefit-grid,.barber-technical-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1.25rem;display:grid}.barber-benefit-grid article,.barber-technical-grid span{border:1px solid var(--border-soft);background:var(--surface-card);color:var(--text-strong);border-radius:16px;padding:1rem;font-weight:600}.barber-technical{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 55%), var(--surface-card-alt)}.barber-technical-grid span:before{content:"✓";color:var(--accent);margin-right:.55rem}.barber-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.barber-comparison-grid article{border:1px solid var(--border-soft);background:var(--surface-card);border-radius:18px;padding:1.2rem}.barber-comparison-grid .is-after{border-color:color-mix(in srgb, var(--accent) 45%, var(--border-soft));background:color-mix(in srgb, var(--accent) 10%, var(--surface-card))}.barber-comparison-grid strong{font-family:var(--display);font-size:1.15rem}.barber-comparison-grid ul{color:var(--text-muted);gap:.55rem;margin:1rem 0 0;padding-left:1.2rem;display:grid}.barber-commercial-cta{text-align:center;background:radial-gradient(circle at top, color-mix(in srgb, var(--accent) 24%, transparent), transparent 58%), var(--surface-card)}.barber-commercial-cta>p:not(.section-label){margin-inline:auto}.barber-commercial-cta .hero-actions{justify-content:center}.barber-mockup-modal{z-index:10000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03050ce0;place-items:center;padding:clamp(.65rem,2vw,1.5rem);display:grid;position:fixed;inset:0}.barber-mockup-modal-panel{background:var(--surface-card);border:1px solid #ffffff2e;border-radius:24px;width:min(96vw,1500px);height:min(94vh,980px);overflow:hidden;box-shadow:0 32px 100px #0000007a}.barber-mockup-modal-header{border-bottom:1px solid var(--border-soft);background:var(--surface-frost);justify-content:space-between;align-items:center;gap:1rem;height:4.5rem;padding:.75rem 1rem .75rem 1.25rem;display:flex}.barber-mockup-modal-header strong{font-family:var(--display)}.barber-mockup-modal-close{border:1px solid var(--border-soft);background:var(--button-ghost-bg);width:2.7rem;height:2.7rem;color:var(--text-strong);cursor:pointer;border-radius:999px;font-size:1.7rem;line-height:1}.barber-mockup-modal-content{height:calc(100% - 4.5rem);overflow:auto}.barber-mockup-modal-frame{background:#0b0b0b;border:0;width:100%;height:100%;min-height:700px;display:block}.barber-demo-page{z-index:9000;background:#0b0b0b;position:fixed;inset:0}.barber-demo-page-frame{border:0;width:100%;height:100%;display:block}@media (width<=1040px){.barber-story-layout{grid-template-columns:1fr}.barber-story-preview{min-height:auto;position:relative;top:auto}.barber-story-step{min-height:auto}.barber-benefit-grid,.barber-technical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.barber-story-site-hero,.barber-story-site-grid,.barber-story-gallery-strip,.barber-story-dashboard-main{grid-template-columns:1fr}.barber-story-dashboard-kpis{flex-direction:column}.barber-story-preview--transition .barber-story-device-frame,.barber-story-preview--dashboard .barber-story-device-frame{width:100%;transform:none}.barber-story-viewport{min-height:34rem}.barber-story-watermark{transform:translate(-50%,-50%)scale(.66)}.barber-story-preview-actions{display:grid}.barber-story-preview-actions .btn,.barber-story-preview-actions .text-link{text-align:center;justify-content:center;width:100%}.barber-benefit-grid,.barber-technical-grid,.barber-comparison-grid{grid-template-columns:1fr}.barber-mockup-modal{padding:0}.barber-mockup-modal-panel{border-radius:0;width:100vw;height:100svh}}