.up{opacity:0;animation:.7s cubic-bezier(.2,.8,.2,1) forwards up;transform:translateY(22px)}.up.d1{animation-delay:.1s}.up.d2{animation-delay:.2s}.up.d3{animation-delay:.3s}@keyframes up{to{opacity:1;transform:none}}.hero{background:var(--accent);color:#fff;padding:92px 0 96px;position:relative;overflow:hidden}.hero-rings{pointer-events:none;position:absolute;inset:0}.hero-rings span{border:1.5px solid #ffffff0f;border-radius:50%;position:absolute;top:50%;left:72%;transform:translate(-50%,-50%)}.hero-rings span:first-child{width:260px;height:260px}.hero-rings span:nth-child(2){width:460px;height:460px}.hero-rings span:nth-child(3){width:680px;height:680px}.hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid;position:relative}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--good);margin-bottom:18px;font-size:13px;font-weight:700;display:inline-block}.hero h1{font-size:clamp(38px,6vw,68px)}.grad{background:linear-gradient(90deg,#16a34a,#4ade80);color:#0000;background-clip:text}.hero-sub{color:#ffffffb8;max-width:440px;margin-top:20px;font-size:18px}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero .btn-ghost{color:#fff;border-color:#ffffff40}.hero .btn-ghost:hover{border-color:#fff}.hero-visual{height:320px;position:relative}.hero-card{width:240px;box-shadow:var(--shadow-lg);background:#fff;border-radius:22px;animation:6s ease-in-out infinite floaty;position:absolute;top:30px;left:50%;overflow:hidden;transform:translate(-50%)rotate(-4deg)}.hc-head{background:linear-gradient(135deg,#14532d,#16a34a);height:120px}.hc-body{padding:16px}.hc-line{background:#e7e6e6;border-radius:6px;height:10px;margin-bottom:10px}.hc-line.w70{width:70%}.hc-line.w40{width:40%}.hc-pill{background:var(--accent);color:#fff;text-align:center;border-radius:10px;margin-top:6px;padding:9px;font-size:13px;font-weight:700}.float-pill{color:var(--text);box-shadow:var(--shadow-lg);background:#fff;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700;position:absolute}.float-pill.p1{color:var(--good);animation:5s ease-in-out infinite floaty;top:8px;right:6%}.float-pill.p2{animation:5.5s ease-in-out .4s infinite floaty;bottom:18px;left:2%}@keyframes floaty{50%{transform:translateY(-12px)rotate(-4deg)}}@media (width<=860px){.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}}.section{padding:64px 0}.section-title{font-size:clamp(26px,4vw,40px)}.section-sub{color:var(--dim);margin-top:8px}.catalog-head{margin-bottom:22px}.steps{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;display:grid}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px}.step-n{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:16px;font-size:18px;font-weight:800;display:grid}.step h3{margin-bottom:8px;font-size:19px}.step p{color:var(--dim);font-size:15px}@media (width<=780px){.steps{grid-template-columns:1fr}}.search-box{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);max-width:520px;color:var(--dim);border-radius:999px;align-items:center;gap:10px;padding:12px 18px;display:flex}.search-box input{font:inherit;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:16px}.chips{flex-wrap:wrap;gap:10px;margin:20px 0 26px;display:flex}.chip{font:inherit;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;padding:9px 15px;font-size:14px;font-weight:600;transition:all .15s}.chip:hover{border-color:var(--text)}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.shop{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);opacity:0;transition:transform .2s,box-shadow .2s;animation:.5s cubic-bezier(.2,.8,.2,1) forwards up;overflow:hidden}.shop:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.shop-head{place-items:center;height:128px;display:grid;position:relative}.shop-initials{color:#fffffff2;letter-spacing:1px;font-size:42px;font-weight:900}.rate{color:var(--text);background:#fffffff2;border-radius:999px;padding:4px 9px;font-size:12.5px;font-weight:700;position:absolute;top:10px;right:10px}.rate em{color:var(--dim);font-style:normal;font-weight:500}.rate.new{color:var(--good)}.shop-body{padding:16px}.shop-name{letter-spacing:-.02em;font-size:17px;font-weight:800}.shop-cats{color:var(--dim);margin-top:3px;font-size:13px}.shop-foot{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.shop-price{font-size:14px;font-weight:600}.shop-book{color:var(--good);font-size:13.5px;font-weight:800}.cat-state{text-align:center;color:var(--dim);padding:40px 0}.barbers{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:44px;display:grid}.eyebrow.dark{color:var(--good)}.barbers h2{margin-bottom:12px;font-size:clamp(26px,4vw,38px)}.barbers p{color:var(--dim);max-width:420px;margin-bottom:22px}.barbers-art{place-items:center;display:grid}.qr-mock{background:var(--accent);box-shadow:var(--shadow-lg);border-radius:22px;place-items:center;gap:14px;padding:24px;display:grid}.qr-grid{background:conic-gradient(from 0deg, #fff 25%, #171717 0 50%, #fff 0 75%, #171717 0) 0 0 / 26px 26px;background-color:#fff;border-radius:12px;width:130px;height:130px}.qr-mock span{color:#ffffffb3;font-family:ui-monospace,monospace;font-size:13px}@media (width<=780px){.barbers{grid-template-columns:1fr;padding:30px}.barbers-art{display:none}}