@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600;700&display=swap');
:root{font-family:'Noto Sans JP',sans-serif;color:#202321;background:#fff;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;object-fit:cover}.serif{font-family:'Noto Serif JP',serif}.en{font-family:'DM Sans',sans-serif}.sample-bar{position:relative;z-index:20;padding:.65rem 5vw;background:#171a1b;color:#fff;font-size:.78rem;display:flex;gap:1rem;justify-content:space-between;align-items:center}.sample-bar a{text-decoration:underline;text-underline-offset:3px}.nav{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 5vw;gap:1rem}.nav .brand{font-size:1.3rem;font-weight:700;letter-spacing:.04em}.nav .links{display:flex;gap:2rem;align-items:center;font-size:.82rem}.nav a:hover,.sample-bar a:hover{opacity:.65}.pill{padding:.85rem 1.45rem;border:1px solid currentColor;border-radius:99px;display:inline-block;font-size:.83rem;font-weight:600}.pill.solid{background:currentColor}.pill.solid span{color:#fff}.eyebrow{font-size:.77rem;letter-spacing:.2em;font-weight:700;text-transform:uppercase}.section{padding:7rem 7vw}.section h2{font-size:clamp(2rem,4.5vw,4.8rem);line-height:1.35;letter-spacing:-.04em;margin:.7rem 0 2rem}.section p{line-height:2;max-width:38rem}.footer{padding:3rem 7vw;display:flex;justify-content:space-between;gap:2rem;border-top:1px solid #aaa6;font-size:.85rem}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center}.note{font-size:.75rem;opacity:.7}.tag{display:inline-block;border:1px solid currentColor;border-radius:50px;padding:.3rem .8rem;font-size:.75rem;margin:.2rem}.back{text-decoration:underline;text-underline-offset:5px}.index{background:#101619;color:#e9f1f1;min-height:100vh}.index .nav{border-bottom:1px solid #ffffff30}.index .hero{padding:8vw 7vw 5vw;max-width:1100px}.index h1{font-size:clamp(3rem,8vw,7rem);line-height:1.12;letter-spacing:-.06em;margin:1.5rem 0}.index .hero p{color:#bdcecc;line-height:1.9}.index .cards{padding:2vw 7vw 8vw;display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.index .card{border:1px solid #455558;background:#1b2528;min-height:290px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .25s,border-color .25s}.index .card:hover{transform:translateY(-6px);border-color:#a9d8ce}.index .card .thumb{height:190px;background-size:cover;background-position:center;position:relative}.index .card .thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0003)}.index .card .info{padding:1.2rem 1.5rem 1.5rem;display:flex;align-items:end;justify-content:space-between}.index .card h2{font-size:1.45rem;margin:.5rem 0 0}.index .card small{color:#9fb1b2}.index .card:last-child{grid-column:span 1}.restaurant{background:#171c19;color:#f7f3e7}.restaurant .nav{border-bottom:1px solid #ffffff20}.restaurant .brand{font-family:'Noto Serif JP',serif}.restaurant-hero{position:relative;min-height:740px;display:flex;align-items:end;background:linear-gradient(90deg,#0b0e0d 0%,#0b0e0dbb 36%,transparent 75%),url('web-samples__assets__restaurant.png') center/cover}.restaurant-hero .copy{padding:4vw 7vw 7vw;max-width:850px}.restaurant-hero h1{font-family:'Noto Serif JP',serif;font-size:clamp(3.6rem,7vw,7.6rem);font-weight:500;line-height:1.35;letter-spacing:-.07em;margin:1rem 0}.restaurant .accent{color:#d6b582}.restaurant .section{background:#f2ede1;color:#23251f}.restaurant .menu-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.restaurant .menu-cards article{border-top:1px solid #8a826e;padding:1.2rem 0}.restaurant .menu-cards b{font-family:'Noto Serif JP',serif;font-size:1.3rem}.salon{background:#ede8de;color:#2e302a}.salon .nav{background:#f8f6f1}.salon .brand{letter-spacing:.3em;font-family:'DM Sans',sans-serif}.salon-hero{display:grid;grid-template-columns:43% 57%;min-height:720px}.salon-hero .copy{display:flex;flex-direction:column;justify-content:center;padding:5vw}.salon-hero h1{font-family:'Noto Serif JP',serif;font-weight:400;font-size:clamp(3rem,5.5vw,6.5rem);line-height:1.5;letter-spacing:-.08em}.salon-hero img{height:100%;min-height:650px}.salon .section{background:#f8f6f1}.salon .pricing{border-top:1px solid #96988d;max-width:750px;margin-top:3rem}.salon .pricing div{display:flex;justify-content:space-between;border-bottom:1px solid #96988d;padding:1.3rem 0}.artist{background:#ecebe6;color:#202627}.artist .nav{border-bottom:1px solid #121a1a30}.artist .brand{font-size:1.05rem;letter-spacing:.16em}.artist-hero{min-height:700px;display:grid;grid-template-columns:45% 55%}.artist-hero .copy{padding:7vw 5vw;display:flex;flex-direction:column;justify-content:space-between}.artist-hero h1{font-size:clamp(3.8rem,7vw,8rem);line-height:1.12;letter-spacing:-.075em;font-weight:500;margin:0}.artist-hero .art{background:url("web-samples__assets__artist.png") center 45%/cover no-repeat;min-height:550px}
.artist .section{background:#fff}.artist .workrow{border-top:1px solid #bbb;padding:2rem 0;display:flex;justify-content:space-between}.automation{background:#071721;color:#edfafa}.automation .nav{border-bottom:1px solid #ffffff22}.automation .brand{color:#83eee0}.automation-hero{position:relative;min-height:740px;overflow:hidden;display:grid;grid-template-columns:54% 46%;align-items:center;padding:4vw 7vw}.automation-hero h1{font-size:clamp(3.3rem,6.5vw,7.5rem);line-height:1.22;letter-spacing:-.07em;margin:1rem 0 2rem}.automation-hero h1 em{font-style:normal;color:#69e6d7}.automation-hero p{line-height:2;color:#b4c7cb}.orbit{height:520px;position:relative;display:grid;place-items:center}.orbit:before,.orbit:after{content:'';position:absolute;border:1px solid #49dbc755;border-radius:50%;width:450px;height:450px}.orbit:after{width:330px;height:330px}.orbit .core{width:230px;height:230px;background:radial-gradient(circle at 32% 28%,#b5ffed,#27a99e 42%,#0d3b50 80%);border-radius:50%;box-shadow:0 0 100px #29cbb977;z-index:2}.orbit .chip{position:absolute;z-index:3;background:#11303c;border:1px solid #71e5d0;padding:.8rem 1rem;border-radius:8px;font-size:.8rem}.orbit .chip:nth-child(2){top:11%;left:3%}.orbit .chip:nth-child(3){right:0;top:29%}.orbit .chip:nth-child(4){bottom:12%;left:8%}.automation .section{background:#0d2630}.automation .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.automation .steps article{background:#173b45;padding:2rem}.automation .steps b{color:#83eee0}.facility{background:#fffdf8;color:#263f3d}.facility .nav{border-bottom:1px solid #bcc8c0}.facility .brand{font-family:'Noto Serif JP',serif}.facility-hero{display:grid;grid-template-columns:45% 55%;min-height:690px;background:#ecf4ef}.facility-hero .copy{padding:5vw 6vw;display:flex;flex-direction:column;justify-content:center}.facility-hero h1{font-family:'Noto Serif JP',serif;font-size:clamp(2.8rem,4.4vw,5.4rem);font-weight:500;line-height:1.5;letter-spacing:-.06em}.facility-hero p{line-height:2}.facility-hero img{height:100%;min-height:620px}.facility .section{background:#fffdf8}.facility .boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem}.facility .boxes article{padding:2rem;background:#eaf1eb}.facility .boxes h3{font-size:1.25rem}.facility .boxes p{font-size:.88rem}.demo-button{cursor:pointer}.demo-message{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,130%);background:#171a1b;color:#fff;padding:1rem 1.5rem;border-radius:8px;z-index:40;box-shadow:0 12px 30px #0003;transition:transform .3s;max-width:90vw;text-align:center}.demo-message.show{transform:translate(-50%,0)}@media(max-width:800px){.nav .links{gap:.8rem}.nav .links a:not(.pill){display:none}.index .cards{grid-template-columns:1fr}.index .card:last-child{grid-column:span 1}.restaurant-hero{min-height:600px;background-position:58% center}.salon-hero,.artist-hero,.facility-hero,.automation-hero{grid-template-columns:1fr}.salon-hero img,.facility-hero img{height:380px;min-height:0}.artist-hero .art{height:430px}.artist-hero .copy{min-height:430px}.automation-hero{padding:5rem 7vw}.orbit{height:380px}.orbit:before{width:340px;height:340px}.orbit:after{width:250px;height:250px}.orbit .core{width:180px;height:180px}.grid2,.restaurant .menu-cards,.automation .steps,.facility .boxes{grid-template-columns:1fr}.section{padding:5rem 7vw}.footer{flex-direction:column}.sample-bar{font-size:.68rem}}@media(max-width:480px){.nav{padding:1rem 5vw}.nav .brand{font-size:1rem}.pill{padding:.7rem .9rem}.restaurant-hero{min-height:600px}.restaurant-hero h1{font-size:3.1rem}.salon-hero .copy{padding:5rem 7vw}.salon-hero h1{font-size:3.2rem}.facility-hero .copy{padding:5rem 7vw}.index .hero{padding-top:5rem}}

.sample-return{position:sticky;top:0;z-index:50;display:flex;gap:.75rem;flex-wrap:wrap;padding:.75rem 5vw;background:#101619;color:#eef5f3;border-bottom:1px solid #ffffff30;box-shadow:0 2px 12px #0002}
.sample-return a{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.65rem 1rem;border:1px solid #eef5f3;border-radius:4px;font-size:.9rem;font-weight:600;line-height:1.5;text-align:center}
.sample-return a:first-child{background:#eef5f3;color:#101619}
.sample-return a:hover{background:#d4eee7;color:#101619;border-color:#d4eee7}
.sample-return a:focus-visible{outline:3px solid #79dbc8;outline-offset:3px}
@media(max-width:480px){.sample-return{gap:.5rem;padding:.65rem 4vw}.sample-return a{padding:.6rem .75rem;font-size:.82rem;flex:1 1 auto}}.sample-bar{flex-wrap:wrap}.sample-bar a{min-height:32px;display:inline-flex;align-items:center}.nav{flex-wrap:wrap}.artist .workrow{gap:1rem;flex-wrap:wrap}h1,h2{overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}