:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}section{scroll-margin-top:90px}.sample-banner{background:#c6ffb9;color:#173028;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;text-align:center;padding:10px 20px;font-size:12px;font-weight:700;position:relative;z-index:5}.sample-banner a{text-decoration:underline;text-underline-offset:3px}.sample-banner strong{letter-spacing:.02em}.demo-container{width:min(1180px,calc(100% - 60px));margin:0 auto}.demo-top{height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:4}.demo-nav{display:flex;gap:25px;align-items:center;font-size:12px;font-weight:700}.demo-nav a:hover{text-decoration:underline;text-underline-offset:5px}.demo-book{padding:12px 21px;border:1px solid;border-radius:50px;font-size:12px;font-weight:800}.demo-section{padding:105px 0}.demo-label{font-size:11px;font-weight:800;letter-spacing:.2em}.demo-footer{padding:25px 0;border-top:1px solid currentColor;font-size:12px;display:flex;justify-content:space-between;gap:15px}.demo-footer a{text-decoration:underline}.demo-disclaimer{font-size:12px;line-height:1.8;opacity:.73;max-width:670px}.sample-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:min(460px,calc(100% - 38px));border-radius:12px;background:#153027;color:white;padding:15px 21px;box-shadow:0 10px 50px #0004;z-index:8;font-size:13px;line-height:1.5;opacity:0;pointer-events:none;transition:opacity .2s}.sample-toast.visible{opacity:1}.demo-button{display:inline-flex;align-items:center;gap:27px;padding:17px 24px;font-size:12px;font-weight:800;border:0;transition:transform .2s}.demo-button:hover{transform:translateY(-3px)}
/* Beauty */
.beauty{background:#efe9e2;color:#54463f;font-family:Georgia,"Times New Roman",serif}.beauty .demo-top{border-bottom:1px solid #d8c9bf}.beauty-brand{font-size:37px;letter-spacing:-.065em}.beauty-brand span{color:#bd8f7b}.beauty .demo-nav{font-family:Inter,Arial,sans-serif;color:#685b53}.beauty .demo-book{font-family:Inter,Arial,sans-serif;border-color:#76635a}.beauty-hero{min-height:630px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.beauty-hero h1{font:normal clamp(65px,6.7vw,105px)/1.02 Georgia,serif;letter-spacing:-.072em;margin:22px 0}.beauty-hero h1 i{color:#ad8270}.beauty .demo-label{font-family:Inter,Arial,sans-serif;color:#9b7869}.beauty-hero p{font:15px/1.9 Inter,Arial,sans-serif;max-width:410px;color:#7e6d62}.beauty-hero .demo-button{background:#78665b;color:white;margin-top:19px;font-family:Inter,Arial,sans-serif}.beauty-stage{min-height:525px;position:relative;background:radial-gradient(circle at 80% 30%,#f7ede3,#d9bdad);border-radius:170px 170px 6px 6px;overflow:hidden}.beauty-stage:before{content:'';position:absolute;width:260px;height:470px;right:70px;bottom:-110px;border-radius:160px 120px 100px 90px;background:radial-gradient(at 28% 21%,#fbe8d4,#a96f5b 75%);transform:rotate(-19deg);box-shadow:inset -32px -12px 40px #8c5b4b66}.beauty-stage:after{content:'';position:absolute;bottom:-95px;left:110px;width:130px;height:325px;transform:rotate(25deg);background:linear-gradient(90deg,#d1a18e,#eecfbc,#bc8670);border-radius:80px}.beauty-circle{position:absolute;top:45px;left:50px;height:155px;width:155px;border:31px solid #e9d6c2;border-radius:50%;z-index:1}.beauty-stamp{position:absolute;right:18px;top:16px;width:90px;height:90px;display:grid;place-items:center;border-radius:50%;background:#f9efe6;transform:rotate(20deg);font:12px/1.5 Inter,Arial,sans-serif;text-align:center;z-index:2}.beauty-intro{background:#d9c6bb;padding:54px 0;text-align:center}.beauty-intro p{max-width:730px;font-size:clamp(24px,3vw,39px);letter-spacing:-.04em;line-height:1.3;margin:0 auto}.beauty h2{font-weight:400;font-size:clamp(46px,5vw,70px);letter-spacing:-.06em;line-height:1.07;margin:15px 0 42px}.beauty h2 i{color:#a67c6d}.beauty-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.beauty-card{padding:35px;background:#f8f4ee;min-height:210px;display:flex;flex-direction:column;justify-content:space-between}.beauty-card strong{font-size:29px;font-weight:400}.beauty-card p{font:13px/1.7 Inter,Arial,sans-serif;color:#79685c}.beauty-card>span{font:12px Inter,Arial,sans-serif;color:#a27662}.beauty-end{background:#c4a997;text-align:center;padding:105px 25px}.beauty-end h2{max-width:700px;margin:15px auto 30px}.beauty-end .demo-button{background:#534036;color:white}.beauty .demo-footer{font-family:Inter,Arial,sans-serif;color:#75665b}
/* Barber */
.barber{background:#171d1a;color:#e7e3d7}.barber .demo-top{border-bottom:1px solid #fff2}.barber-brand{font-size:31px;font-weight:950;letter-spacing:-.09em}.barber-brand span{color:#cdb786}.barber .demo-book{background:#cdb786;color:#171d1a;border-color:#cdb786}.barber-hero{min-height:680px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px}.barber-hero h1{font-size:clamp(65px,7.2vw,110px);font-weight:950;letter-spacing:-.096em;line-height:.94;margin:23px 0 35px}.barber-hero h1 i{font:italic normal clamp(55px,6.6vw,95px)/.95 Georgia,serif;color:#d1b987;letter-spacing:-.08em}.barber .demo-label{color:#d1b987}.barber-hero p{font-size:15px;line-height:1.85;max-width:400px;color:#a8b0a8}.barber .demo-button{background:#cfbc8f;color:#17221b;margin-top:19px}.barber-stage{height:520px;background:#34413a;position:relative;overflow:hidden;display:grid;place-items:center;border-radius:6px}.barber-stage:before{content:'';height:440px;width:440px;border:52px solid #d1b987;border-radius:50%;position:absolute;right:-150px;top:25px;box-shadow:0 0 0 72px #5a6657,0 0 0 150px #46544a}.barber-stage:after{content:'N';color:#f1e8cb;font:italic 330px/.7 Georgia,serif;z-index:2;transform:rotate(-8deg)}.barber-vertical{position:absolute;left:24px;bottom:20px;writing-mode:vertical-rl;color:#e2d3a6;font-size:11px;letter-spacing:.3em}.barber-scroll{display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid #fff3;color:#a7b5a7;font-size:11px;letter-spacing:.15em}.barber-services{background:#212b26}.barber h2{font-size:clamp(43px,5vw,67px);line-height:1.08;letter-spacing:-.07em;margin:10px 0 40px}.barber h2 em{color:#cfbc8f;font-family:Georgia,serif;font-weight:400}.barber-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.barber-list article{padding:34px;border:1px solid #64756870}.barber-list article span{color:#cdb786;font-size:11px;font-weight:900;letter-spacing:.13em}.barber-list h3{font-size:24px;letter-spacing:-.04em;margin:27px 0 12px}.barber-list p{line-height:1.7;color:#aebbb0;font-size:13px}.barber-end{padding:105px 0;text-align:center;background:#cdb786;color:#19251d}.barber-end h2{margin:16px auto 28px;max-width:700px}.barber-end .demo-button{background:#17221b;color:#fff}.barber .demo-footer{color:#a2b0a3}
/* Cafe */
.cafe{background:#f2efde;color:#314737}.cafe .demo-top{border-bottom:1px solid #acbaa8}.cafe-brand{font:normal 39px/.9 Georgia,serif;letter-spacing:-.075em}.cafe-brand span{color:#95ae84}.cafe .demo-book{background:#385b42;border-color:#385b42;color:#fff}.cafe-hero{min-height:630px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.cafe-hero h1{font:normal clamp(69px,7.3vw,112px)/1.01 Georgia,serif;letter-spacing:-.075em;margin:23px 0}.cafe-hero h1 i{color:#8b9f7c}.cafe .demo-label{color:#728773}.cafe-hero p{max-width:385px;font-size:15px;line-height:1.85;color:#738375}.cafe .demo-button{background:#385b42;color:#fff;margin-top:18px}.cafe-stage{height:510px;background:#c4d2b8;overflow:hidden;border-radius:250px 250px 14px 14px;position:relative}.cafe-stage:before{content:'';position:absolute;width:330px;height:260px;border-radius:50%;background:#b3c4a4;top:-100px;right:-100px;box-shadow:0 0 0 140px #bacbb0,0 0 0 210px #bfd1b6}.cafe-stage:after{content:'';position:absolute;left:12%;right:12%;bottom:-20px;height:45px;border-radius:50%;background:#79927644;filter:blur(10px)}.large-cup{position:absolute;width:235px;height:285px;background:linear-gradient(90deg,#e7d8ba,#f7e9cd 30%,#ead8b6 87%);bottom:34px;left:22%;z-index:2;border-radius:28px 25px 95px 95px;transform:rotate(-8deg);box-shadow:-20px 20px 31px #34473035}.large-cup:before{content:'';position:absolute;left:5px;top:-18px;width:222px;height:87px;border-radius:50%;background:radial-gradient(ellipse,#74563a 10%,#ac8964 58%,#e2cda7 61%,#f5e6c9 76%)}.large-cup:after{content:'';position:absolute;width:95px;height:140px;border:30px solid #f2e4c8;border-radius:50%;right:-71px;top:61px;z-index:-1}.cup-asterisk{position:absolute;z-index:3;color:#476348;font-size:75px;bottom:110px;left:46%;transform:rotate(12deg)}.cafe-tape{background:#4f7451;color:#e4f0d8;font-size:11px;font-weight:800;letter-spacing:.15em;padding:23px;text-align:center}.cafe h2{font:normal clamp(47px,5.4vw,75px)/1.1 Georgia,serif;letter-spacing:-.063em;margin:14px 0 42px}.cafe h2 i{color:#8aab83}.cafe-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cafe-menu article{background:#e4e9d7;min-height:225px;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.cafe-menu span{font-size:43px}.cafe-menu strong{font:30px Georgia,serif;letter-spacing:-.05em}.cafe-menu p{font-size:13px;line-height:1.7;color:#6f806d}.cafe-end{background:#b6cba9;padding:110px 0;text-align:center}.cafe-end h2{max-width:680px;margin:15px auto 30px}.cafe-end .demo-button{background:#355642;color:#fff}.cafe .demo-footer{color:#758a75}
@media(max-width:750px){.demo-container{width:calc(100% - 36px)}.sample-banner{font-size:10px}.demo-top{height:70px}.demo-nav{display:none}.beauty-hero,.barber-hero,.cafe-hero{grid-template-columns:1fr;min-height:0;padding-top:55px;padding-bottom:50px;gap:35px}.beauty-hero h1,.barber-hero h1,.cafe-hero h1{font-size:65px}.beauty-stage,.barber-stage,.cafe-stage{height:370px;min-height:0}.beauty-stage{border-radius:130px 130px 5px 5px}.barber-stage:after{font-size:265px}.cafe-stage{border-radius:170px 170px 12px 12px}.large-cup{transform:rotate(-8deg) scale(.77);transform-origin:bottom center;left:14%}.cup-asterisk{left:52%}.demo-section{padding:75px 0}.beauty-cards,.cafe-menu{grid-template-columns:1fr}.barber-list{grid-template-columns:1fr}.beauty-intro p{font-size:25px}.beauty .demo-footer,.barber .demo-footer,.cafe .demo-footer{flex-direction:column}.beauty h2,.barber h2,.cafe h2{font-size:48px}.demo-book{padding:10px 14px;font-size:10px}.sample-banner{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}