:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{background:#fff;color:#111;font-family:Montserrat,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.line{border-color:rgba(0,0,0,.08)}
.bg1{background:#F9F9F9}.bg2{background:#F0F0F0}
a,button{cursor:pointer}
:focus-visible{outline:2px solid #111;outline-offset:3px}
.track{letter-spacing:.14em}
.btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 32px;font-size:13px;font-weight:500;letter-spacing:.12em;border:1px solid #111;transition:background .2s,color .2s}
.btn-d{background:#111;color:#fff}.btn-d:hover{background:#fff;color:#111}
.btn-l{background:transparent;color:#111}.btn-l:hover{background:#111;color:#fff}
.card{border:1px solid rgba(0,0,0,.08);background:#fff}
.ph{overflow:hidden}.ph svg,.ph img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.card:hover .ph svg,.card:hover .ph img{transform:scale(1.06)}
.add.done{background:#111;color:#fff}
input[type=range]{-webkit-appearance:none;appearance:none;height:1px;background:#111;width:100%}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:#fff;border:1px solid #111;border-radius:50%}
input[type=range]::-moz-range-thumb{width:22px;height:22px;background:#fff;border:1px solid #111;border-radius:50%}
.hero-in{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
#lb{display:none}#lb.open{display:flex}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}