:root{--o:#ff5a1f;--od:#bb4217;--p:#f0ede6;--i:#1a1714;--g1:#ddd9d3;--g2:#c5c2bb;--g4:#8e8a85;--g6:#5a5753;--w:#fff;--sans:"Instrument Sans",-apple-system,"Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--ease:cubic-bezier(.16,1,.3,1);--sh:0 1px 2px #1a17140f,0 8px 24px #1a171414,0 24px 60px #1a171412}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--p);color:var(--i);font-family:var(--sans);-webkit-font-smoothing:antialiased}body{flex-direction:column;min-height:100svh;display:flex}button,input{font:inherit;color:inherit}.top{justify-content:space-between;align-items:center;padding:22px clamp(20px,5vw,56px);display:flex}.brand{color:var(--i);letter-spacing:-.035em;align-items:center;gap:10px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.brand svg{width:26px;height:auto}.top nav{align-items:center;gap:22px;display:flex}.top nav a{font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--g6);text-decoration:none}.top nav a:hover{color:var(--od)}.top nav .loc{font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--g4)}main{flex:1;grid-template-columns:minmax(320px,440px) 1fr;align-items:center;gap:clamp(24px,4vw,64px);width:100%;max-width:1440px;margin:0 auto;padding:12px clamp(20px,5vw,56px) 48px;display:grid}.left h1{letter-spacing:-.05em;font-size:clamp(38px,4.6vw,64px);font-weight:600;line-height:.98}.left h1 span{background:var(--o);width:72px;height:7px;margin-bottom:26px;display:block}.left .lede{color:var(--g6);max-width:36ch;margin-top:16px;font-size:17px;line-height:1.5}.name{margin-top:30px}.name label{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--g6);margin-bottom:8px;display:block}.name input{background:var(--w);letter-spacing:-.01em;width:100%;box-shadow:inset 0 0 0 1px var(--g1);border:0;border-radius:12px;outline:none;padding:14px 16px;font-size:17px;transition:box-shadow .2s}.name input:focus{box-shadow:inset 0 0 0 2px var(--i)}.name input::placeholder{color:var(--g4)}.picks{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.pick{cursor:pointer;background:var(--w);letter-spacing:-.01em;box-shadow:inset 0 0 0 1px var(--g1);transition:background-color .4s var(--ease),color .4s var(--ease),box-shadow .4s var(--ease),transform .25s var(--ease);border:0;border-radius:999px;align-items:center;gap:8px;padding:11px 16px 11px 13px;font-size:15.5px;font-weight:500;display:inline-flex}.pick:active{transform:scale(.97)}.pick i{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--g2);transition:all .25s var(--ease);border-radius:50%;place-items:center;display:grid}.pick i:before{content:"";background:var(--o);width:8px;height:8px;transition:transform .6s var(--drop);border-radius:50%;transform:scale(0)}.pick[aria-pressed=true]{background:var(--i);color:var(--p);box-shadow:none}.pick[aria-pressed=true] i{box-shadow:inset 0 0 0 1.5px var(--o)}.pick[aria-pressed=true] i:before{transform:scale(1)}.pick:focus-visible{outline:2px solid var(--o);outline-offset:3px}.summary{letter-spacing:-.02em;min-height:3.2em;margin-top:26px;font-size:19px;font-weight:500;line-height:1.4}.summary em{color:var(--od);font-style:normal}.summary.empty{color:var(--g4);font-weight:400}.cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.send{background:var(--o);color:var(--i);letter-spacing:-.01em;border-radius:999px;align-items:center;gap:10px;padding:15px 24px;font-size:16.5px;font-weight:600;text-decoration:none;transition:transform .12s,opacity .3s,filter .2s;display:inline-flex}.send:hover{filter:brightness(1.05)}.send:active{transform:scale(.97)}.send svg{width:16px;height:16px}.send[aria-disabled=true]{opacity:.35;pointer-events:none}.alt{color:var(--g6);font-size:14.5px}.alt a{color:var(--od);font-weight:500;text-decoration:none}.stage{aspect-ratio:16/11;width:100%;position:relative}.empty-hint{border:1.5px dashed var(--g2);text-align:center;color:var(--g4);font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;transition:opacity .4s var(--ease);border-radius:22px;place-items:center;display:grid;position:absolute;inset:6%}.empty-hint b{font:600 22px var(--sans);letter-spacing:-.03em;text-transform:none;color:var(--g6);margin-bottom:6px;display:block}.stage.has .empty-hint{opacity:0}:root{--drop:cubic-bezier(.22,1.25,.36,1);--glide:cubic-bezier(.16,1,.3,1)}@supports (transition-timing-function:linear(0,1)){:root{--drop:linear(0, .042, .135, .259, .399, .541, .675, .795, .897, .978, 1.039, 1.082, 1.108, 1.12, 1.121, 1.114, 1.101, 1.086, 1.068, 1.051, 1.035, 1.021, 1.01, 1, .994, .989, .986, .985, .985, .986, .988, .99, .992, .994, .996, .998, .999, 1, 1.001, 1.001, 1.002, 1.002, 1.002, 1.002, 1.001, 1.001, 1.001, 1.001, 1, 1, 1, 1);--glide:linear(0, .02, .063, .123, .194, .271, .35, .428, .503, .575, .641, .7, .754, .802, .843, .879, .909, .935, .956, .973, .986, .997, 1.005, 1.011, 1.015, 1.018, 1.019, 1.02, 1.019, 1.019, 1.018, 1.016, 1.015, 1.013, 1.012, 1.01, 1.009, 1.008, 1.006, 1.005, 1.004, 1.003, 1.003, 1.002, 1.001, 1.001, 1.001, 1, 1, 1, 1, 1)}}.part{opacity:0;pointer-events:none;will-change:transform,opacity;transform:translateY(-28px) scale(.95) rotate(var(--r,0deg));transition:opacity .2s ease-in,transform 10ms linear .2s;position:absolute}.part.on{opacity:1;pointer-events:auto;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform 1.1s var(--drop);transform:none}.part.leaving{opacity:0;transition:opacity .38s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1);transform:translateY(12px)scale(.97)}.p-web{--r:-1.5deg}.p-app{--r:5deg}.p-post{--r:-5deg}.p-grow{--r:4deg}.p-book{--r:-4deg}.p-sys{--r:3deg}.p-brand{--r:-6deg}.pick.demo-press{transform:scale(.95)}.name input.typing{box-shadow:inset 0 0 0 2px var(--g2)}.card{background:var(--w);box-shadow:var(--sh);border-radius:14px;overflow:hidden}.p-web{z-index:1;width:68%;height:74%;top:6%;left:3%}.p-web .bar{background:#f6f4f0;border-bottom:1px solid #ece9e3;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.p-web .bar u{background:var(--g1);border-radius:50%;width:9px;height:9px}.p-web .bar span{max-width:58%;height:16px;font:400 9.5px/16px var(--mono);color:var(--g4);white-space:nowrap;background:#ece9e3;border-radius:6px;flex:1;margin-left:12px;padding-left:8px;overflow:hidden}.p-web .nav{justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.mono{background:var(--i);width:20px;height:20px;color:var(--p);border-radius:6px;place-items:center;font-size:11px;font-weight:600;transition:background-color .4s;display:grid}.brand-on .mono{background:var(--o);color:var(--i)}.p-web .nav nav{color:var(--g6);gap:12px;font-size:10.5px;display:flex}.p-web .hero{padding:6% 22px 0}.p-web .hero h3{letter-spacing:-.045em;max-width:12ch;font-size:clamp(18px,2.4vw,34px);font-weight:600;line-height:1.02}.p-web .hero p{color:var(--g6);max-width:34ch;margin-top:10px;font-size:11.5px;line-height:1.5}.p-web .hero .btn{background:var(--i);color:var(--p);border-radius:999px;margin-top:14px;padding:7px 13px;font-size:11px;font-weight:600;display:inline-block}.p-web .tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:absolute;bottom:18px;left:22px;right:22px}.p-web .tiles div{background:#f3f1ec;border-radius:9px;height:44px}.p-app{aspect-ratio:9/19;z-index:5;background:var(--i);width:21%;box-shadow:var(--sh);border-radius:26px;padding:6px;top:10%;right:3%}.p-app .scr{background:var(--p);border-radius:21px;height:100%;padding:28px 10px 0;position:relative;overflow:hidden}.p-app .scr:before{content:"";background:var(--i);border-radius:999px;width:34%;height:11px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.p-app h4{letter-spacing:-.03em;align-items:center;gap:6px;font-size:clamp(11px,1.15vw,15px);font-weight:600;display:flex}.p-app h4 .mono{border-radius:5px;width:16px;height:16px;font-size:9px}.p-app .big{background:var(--w);border-radius:12px;margin-top:10px;padding:10px;box-shadow:0 1px 2px #1a17140f}.p-app .big small{font:500 7.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--g6)}.p-app .big b{letter-spacing:-.04em;margin-top:2px;font-size:clamp(14px,1.6vw,22px);display:block}.p-app .row{background:var(--w);border-radius:10px;align-items:center;gap:7px;height:30px;margin-top:7px;padding:0 8px;display:flex}.p-app .row i{background:var(--g1);border-radius:5px;width:14px;height:14px}.p-app .row s{background:var(--g1);border-radius:3px;flex:1;height:6px;text-decoration:none}.p-app .tab{background:var(--w);border-radius:999px;justify-content:space-around;align-items:center;height:30px;display:flex;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 1px 2px #1a171414}.p-app .tab i{background:var(--g2);border-radius:4px;width:12px;height:12px}.p-app .tab i:first-child{background:var(--o)}.p-post{z-index:4;width:24%;padding:10px;top:0;right:20%}.p-post .who{letter-spacing:-.01em;align-items:center;gap:6px;font-size:10.5px;font-weight:600;display:flex}.p-post .who .mono{border-radius:50%;width:18px;height:18px;font-size:9px}.p-post .img{aspect-ratio:1.25;background:var(--i);color:var(--p);letter-spacing:-.035em;text-align:center;border-radius:9px;place-items:center;margin-top:8px;padding:10px;font-size:clamp(11px,1.2vw,16px);font-weight:600;line-height:1.1;display:grid}.p-post .img em{color:var(--o);font-style:normal}.p-post .meta{font:500 9px var(--mono);color:var(--g6);justify-content:space-between;margin-top:8px;display:flex}.p-grow{z-index:6;width:23%;padding:11px 12px;bottom:2%;left:0}.p-grow small,.p-book small,.p-sys small{font:500 8px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--g6)}.p-grow b{letter-spacing:-.04em;margin-top:2px;font-size:clamp(16px,1.9vw,26px);display:block}.p-grow b span{color:var(--od);vertical-align:middle;margin-left:4px;font-size:.55em}.p-grow svg{width:100%;height:30px;margin-top:4px;display:block}.p-book{z-index:3;width:27%;padding:12px;top:44%;left:38%}.p-book .days{grid-template-columns:repeat(5,1fr);gap:5px;margin-top:8px;display:grid}.p-book .days div{text-align:center;color:var(--g6);background:#f3f1ec;border-radius:8px;padding:5px 0;font-size:9px;line-height:1.3}.p-book .days div b{color:var(--i);letter-spacing:-.02em;font-size:13px;display:block}.p-book .days div.sel{background:var(--i);color:var(--p)}.p-book .days div.sel b{color:var(--p)}.p-book .slots{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.p-book .slots span{font:500 9px var(--mono);box-shadow:inset 0 0 0 1px var(--g1);border-radius:999px;padding:4px 7px}.p-book .slots span.sel{background:var(--o);box-shadow:none;color:var(--i)}.p-sys{z-index:2;width:34%;padding:12px;top:56%;left:10%}.p-sys .bars{align-items:flex-end;gap:5px;height:44px;margin-top:8px;display:flex}.p-sys .bars i{background:var(--g1);border-radius:4px 4px 2px 2px;flex:1}.p-sys .bars i:nth-child(6){background:var(--i)}.p-sys .rows{gap:5px;margin-top:8px;display:grid}.p-sys .rows div{color:var(--g6);border-top:1px solid #f0ede8;justify-content:space-between;padding-top:5px;font-size:9.5px;display:flex}.p-sys .rows b{color:var(--i);font-weight:600}.p-brand{z-index:6;text-align:center;width:16%;padding:12px;top:0;left:-1%}.p-brand .big{aspect-ratio:1;background:var(--o);width:62%;color:var(--i);letter-spacing:-.04em;border-radius:24%;place-items:center;margin:4px auto 0;font-size:clamp(20px,2.6vw,38px);font-weight:600;display:grid}.p-brand .sw{justify-content:center;gap:4px;margin-top:9px;display:flex}.p-brand .sw i{border-radius:50%;width:13px;height:13px}.p-brand small{font:500 8px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--g6);margin-top:7px;display:block}.stage.no-web .p-app{top:6%;right:30%}.stage.no-web .p-post{top:2%;right:54%}.stage.no-web .p-sys{top:38%;left:12%}.stage.no-web .p-book{top:62%;left:20%}.stage.no-web .p-grow{bottom:8%;left:72%}.stage.no-web .p-brand{top:8%;left:74%}@media (width<=900px){main{grid-template-columns:1fr}.right{order:-1}.stage{aspect-ratio:1/.95}.p-web{width:78%;height:70%;top:4%;left:0}.p-app{width:30%;top:14%;right:0}.p-post{width:34%;top:0;right:24%}.p-grow{width:36%;bottom:0;left:0}.p-book{width:36%;padding:9px;top:60%;left:36%}.p-book .slots,.p-web .tiles{display:none}.p-book .days{grid-template-columns:repeat(3,1fr)}.p-book .days div:nth-child(n+4){display:none}.p-sys{width:50%;top:58%;left:4%}.p-brand{width:26%;top:14%;left:0}.top nav .hide-sm{display:none}.stage.no-web .p-app{top:6%;right:34%}.stage.no-web .p-post{top:2%;right:64%}.stage.no-web .p-sys{top:36%;left:2%}.stage.no-web .p-book{top:62%;left:6%}.stage.no-web .p-grow{bottom:6%;left:68%}.stage.no-web .p-brand{top:4%;left:70%}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.part,.part.leaving{transform:translate(0,0)}}
