@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f8f7fa;--white:#fff;--ink:#16121c;--muted:#6e6879;--line:#eae7ee;--purple:#7844d2;--purple2:#9b6bf0;--pale:#f1eafb;--dark:#17111f;--shadow:0 18px 50px #23123b0d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 'DM Sans',Arial,sans-serif}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;line-height:1.18;letter-spacing:-.045em;text-wrap:balance}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bda1f4;outline-offset:3px}.skip-link{position:fixed;left:18px;top:12px;z-index:1000;padding:10px 14px;border-radius:10px;background:#21152e;color:#fff;font-weight:800;transform:translateY(-160%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}main[id],[id]{scroll-margin-top:100px}.container{max-width:1160px;margin:auto;padding:0 24px}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffffff0;backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.header-inner{width:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.05em;font-weight:800}.brand-mark{width:38px;height:38px;border-radius:12px;background:#21152e;display:grid;place-items:center;color:#fff;font-size:17px;letter-spacing:-.12em;box-shadow:inset -9px -7px 0 #6035a4}.brand b{color:var(--purple)}.nav{display:flex;align-items:center;gap:29px}.nav a{font-size:13px;font-weight:700;color:#615b69;transition:color .2s ease}.nav a:hover,.nav a.active{color:var(--purple)}.btn{border:none;border-radius:12px;padding:13px 19px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:800;line-height:1.3;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease;background:#ebe8ef;color:#221a2c}.btn:hover{transform:translateY(-1px);box-shadow:0 9px 22px #22123518}.btn-primary{background:var(--purple);color:#fff}.btn-dark{background:#1d1625;color:white}.btn-outline{background:#fff;border:1px solid #e4deeb}.btn-sm{padding:10px 14px}.btn-block{width:100%}.mobile-nav-toggle{display:none;background:none;border:0;font-size:26px}.eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--purple);font-weight:800}.hero{padding:90px 0 78px;display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center}.hero h1{font-size:clamp(40px,5.4vw,70px);max-width:730px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--purple)}.hero p{max-width:530px;font-size:17px;color:var(--muted);line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.tinyproof{display:flex;gap:25px;margin-top:34px;color:var(--muted);font-size:12px;font-weight:700}.tinyproof span:before{content:'✓';font-weight:900;color:var(--purple);margin-right:6px}.hero-art{height:420px;position:relative;border-radius:29px;background:linear-gradient(145deg,#2b193a,#130f1b 70%);overflow:hidden;box-shadow:var(--shadow)}.hero-art:before{content:'';position:absolute;inset:-35% -40% 20% 20%;background:radial-gradient(circle,#9355f8a6,transparent 62%)}.art-window{position:absolute;left:10%;top:15%;width:72%;height:72%;border-radius:15px;background:#fdfcff;transform:rotate(-7deg);box-shadow:0 22px 70px #0008;overflow:hidden}.art-browser{height:37px;background:#eeeaf3;display:flex;align-items:center;gap:5px;padding-left:15px}.art-browser i{width:7px;height:7px;border-radius:50%;background:#c6bacf}.art-body{padding:25px}.art-pill{width:28%;height:10px;border-radius:20px;background:#a679e8}.art-heading{height:20px;width:68%;margin-top:20px;background:#271633;border-radius:4px}.art-heading.small{width:52%;margin-top:9px}.art-text{height:7px;width:78%;background:#ded7e6;border-radius:8px;margin-top:20px}.art-text.short{width:57%;margin-top:7px}.art-button{width:35%;height:25px;background:#8451d6;border-radius:5px;margin-top:21px}.art-media{height:100px;width:81%;background:linear-gradient(135deg,#d2bdff,#7751bd);margin-top:20px;border-radius:8px}.float-card{position:absolute;right:4%;bottom:12%;width:47%;background:white;padding:17px;border-radius:15px;box-shadow:0 18px 35px #09040d55;transform:rotate(6deg)}.float-card strong{display:block;font-size:12px}.float-card small{color:var(--muted);font-size:10px}.float-card .spark{height:40px;margin-top:8px;border-radius:7px;background:linear-gradient(130deg,#eee4ff 20%,#aa80ef 20% 30%,#eee4ff 30% 50%,#aa80ef 50% 70%,#eee4ff 70%)}.section{padding:68px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head h2,.page-head h1{font-size:clamp(32px,4vw,46px);margin-top:10px}.section-head p,.page-head p{color:var(--muted);max-width:570px;margin-top:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{grid-template-columns:repeat(2,1fr)}.panel,.service-card,.demo-card{background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:0 4px 22px #1e132606;overflow:hidden}.service-card{padding:25px}.iconbox{height:49px;width:49px;border-radius:14px;background:var(--pale);color:var(--purple);display:grid;place-items:center;font-size:23px;margin-bottom:21px}.service-card h3{font-size:19px;margin-bottom:9px}.service-card p,.demo-card p{font-size:13px;color:var(--muted)}.service-card .price{margin-top:22px;display:block;font-size:13px;font-weight:800;color:var(--purple)}.demo-card{transition:transform .2s ease,box-shadow .2s ease}.demo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.demo-thumb{height:204px;padding:23px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.demo-card .details{padding:23px}.demo-card .details h3{font-size:20px;margin-bottom:7px}.demo-card .details .go{display:flex;justify-content:space-between;align-items:center;margin-top:19px;color:var(--purple);font-weight:800;font-size:12px}.demo-thumb .mini-site{width:83%;height:160px;border-radius:10px;box-shadow:0 12px 33px #0003;padding:19px;transform:rotate(-4deg)}.mini-site .mini-overline{width:45%;height:7px;border-radius:9px;background:currentColor;opacity:.35;margin-bottom:19px}.mini-site .mini-h{width:78%;height:15px;background:currentColor;border-radius:5px;opacity:.8}.mini-site .mini-h.h2{width:55%;height:15px;margin-top:6px}.mini-site .mini-line{width:85%;height:6px;margin-top:15px;background:currentColor;opacity:.2;border-radius:9px}.mini-site .mini-cta{width:35%;height:20px;margin-top:15px;background:var(--purple);border-radius:5px}.demo-thumb.auto{background:#e9e8ec}.demo-thumb.auto .mini-site{color:#fff;background:#20202a}.demo-thumb.shop{background:#f1e5e8}.demo-thumb.shop .mini-site{color:#31262b;background:#fff5f5}.demo-thumb.barber{background:#e8e0d5}.demo-thumb.barber .mini-site{color:#eddac0;background:#22201c}.demo-thumb.admin{background:#ebe8fa}.demo-thumb.admin .mini-site{color:#271a3f;background:white}.demo-thumb.admin .mini-site .mini-cta{width:70%;background:repeating-linear-gradient(90deg,#ab8be9 0 15px,#eee6ff 15px 24px)}.cta-band{background:#21162d;border-radius:25px;padding:53px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:white;position:relative;overflow:hidden}.cta-band:after{content:'';position:absolute;width:290px;height:290px;border-radius:50%;background:#7844d255;right:10%;top:-160px}.cta-band h2{font-size:32px;max-width:490px;position:relative;z-index:1}.cta-band p{color:#cfc4d7;max-width:500px;margin-top:11px;font-size:14px;position:relative;z-index:1}.cta-band .btn{position:relative;z-index:1;white-space:nowrap}.footer{margin-top:68px;padding:32px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer a{margin-left:17px}.page-head{padding:66px 0 35px}.demo-label{font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:800;color:#7844d2}.demo-shell{margin:30px auto 80px;background:#fff;overflow:hidden;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.demo-topbar{display:flex;align-items:center;justify-content:space-between;padding:13px 23px;gap:14px;background:#f2ecfa;color:#4f2f77;font-size:12px;font-weight:700}.demo-topbar button{font-size:12px}.demo-inside{min-height:560px}.demo-inside .demo-nav{display:flex;justify-content:space-between;align-items:center;padding:25px 7%;border-bottom:1px solid #ffffff26}.demo-inside .demo-nav strong{font-family:Manrope;font-size:22px;letter-spacing:-.06em}.demo-inside .demo-nav span{font-size:12px;opacity:.7}.demo-hero{padding:70px 7%;min-height:310px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.demo-hero h2{font-size:clamp(32px,5vw,62px);max-width:760px;margin:14px 0}.demo-hero p{max-width:530px;opacity:.8}.demo-body{padding:36px 7% 62px}.demo-body h3{font-size:27px;margin-bottom:17px}.demo-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.demo-product{border:1px solid #e6e3eb;border-radius:14px;padding:17px;background:white;color:#251e30}.demo-product .visual{height:100px;border-radius:9px;margin-bottom:13px;display:flex;align-items:center;justify-content:center;font-size:42px}.demo-product strong{display:block;font-size:14px}.demo-product small{display:block;color:#777;margin:6px 0 14px}.demo-product .btn{padding:10px 12px}.auto-demo{background:#1e2026;color:white}.auto-demo .demo-hero{background:linear-gradient(120deg,#1d2026,#303447)}.auto-demo .demo-body{background:#f4f5f7;color:#22252b}.auto-demo .demo-product{background:white}.shop-demo{background:#fcf9f7;color:#362731}.shop-demo .demo-hero{background:#eee2e3}.shop-demo .demo-product .visual{background:#f3e6e6}.barber-demo{background:#191715;color:#fff}.barber-demo .demo-hero{background:linear-gradient(120deg,#29231e,#53412c)}.barber-demo .demo-body{background:#f8f4ee;color:#29231d}.management-demo{background:#faf9fd;color:#241d31}.management-demo .demo-hero{background:#efeafa}.mini-tab-row{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 24px}.chip{border:1px solid #ded8e7;border-radius:999px;background:white;padding:8px 13px;font-size:12px;font-weight:700}.chip.selected{background:#21162d;color:white;border-color:#21162d}.input,.field input,.field textarea,.field select{border:1px solid #ded9e4;background:white;border-radius:11px;padding:12px 14px;width:100%;color:var(--ink)}.field{display:grid;gap:6px;font-weight:700;font-size:12px}.field textarea{min-height:100px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.contact-panel{padding:35px;display:grid;gap:20px;max-width:790px}.contact-panel h2{font-size:28px}.note{font-size:12px;color:var(--muted)}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 20px;border-radius:11px;background:#24182f;color:white;z-index:999;box-shadow:0 10px 30px #0004;max-width:calc(100vw - 25px);text-align:center}.admin-wrap{max-width:950px;margin:50px auto 80px}.admin-login{padding:36px;max-width:440px;margin:0 auto}.admin-login h1{font-size:30px;margin:10px 0}.admin-login .field{margin-top:14px}.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.admin-card{padding:30px}.admin-card h2{font-size:22px;margin-bottom:15px}.admin-form{display:grid;gap:18px}.checkrow{display:flex;align-items:center;gap:9px;margin-top:6px}.checkrow input{width:18px;height:18px;accent-color:var(--purple)}.admin-status{background:#f5f0ff;border:1px solid #e7dcfa;border-radius:12px;padding:14px;color:#543a78;font-size:12px;margin:15px 0}.table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-size:11px;text-transform:uppercase}.table td:nth-child(2),.table td:nth-child(3),.stat strong{font-variant-numeric:tabular-nums}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.stat{border:1px solid var(--line);border-radius:12px;padding:16px;background:white}.stat strong{display:block;font-size:23px}.stat small{color:var(--muted)}.empty{border:1px dashed #d8cfde;border-radius:12px;padding:28px;color:var(--muted);text-align:center}.demo-card .details .price{color:var(--purple);font-weight:800;margin-top:10px;font-size:12px}.hide{display:none!important}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:35px;padding:55px 0}.hero-art{height:330px}.grid{grid-template-columns:repeat(2,1fr)}.nav{display:none;position:absolute;top:81px;left:0;right:0;background:white;padding:20px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:16px}.nav.open{display:flex}.mobile-nav-toggle{display:block}.demo-columns{grid-template-columns:repeat(2,1fr)}}@media(max-width:570px){.container{padding:0 18px}.site-header{height:70px}.nav{top:69px}.hero h1{font-size:43px}.hero p{font-size:15px}.hero-art{height:280px}.section{padding:40px 0}.section-head{align-items:start;flex-direction:column}.grid,.grid2,.demo-columns,.form-grid,.stat-row{grid-template-columns:1fr}.demo-thumb{height:175px}.cta-band{padding:30px;align-items:start;flex-direction:column}.cta-band h2{font-size:26px}.footer-inner{flex-direction:column;align-items:flex-start}.footer a{margin:0 15px 0 0}.tinyproof{gap:12px;flex-wrap:wrap}.demo-topbar{align-items:start;flex-direction:column}.demo-hero{min-height:280px;padding:45px 6%}.demo-body{padding:28px 6%}.contact-panel,.admin-card,.admin-login{padding:22px}.page-head{padding:45px 0 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skip-link,.nav a,.btn,.demo-card{transition:none}.btn:hover,.demo-card:hover{transform:none}}
