:root{--bg:#e9e4dd;--ink:#3f3a33;--muted:#746b60;--accent:#587767;--card:#f0ebe4;--shadow:#b7ab9b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}a{color:inherit;text-decoration:none}header,main{max-width:1240px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 44px}.brand{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:650}.brand img{width:39px;height:39px}nav{display:flex;align-items:center;gap:32px;font-size:14px}.button{display:inline-flex;border:1px solid #698775;background:linear-gradient(145deg,#698b73,#47654f);border-radius:15px;color:white;padding:17px 25px;font-weight:600;box-shadow:4px 5px 10px #b6b0a4,-3px -3px 9px #f7f3ee}.button.small{padding:11px 18px;font-size:14px;border-radius:12px}.hero{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding:76px 44px 115px;align-items:center}.eyebrow{font-size:12px;font-weight:650;letter-spacing:1.8px;color:var(--muted)}h1{font-size:clamp(68px,7.5vw,102px);letter-spacing:-6px;line-height:1.03;margin:25px 0 28px;font-weight:650}h1 em{font-style:normal;color:var(--accent)}.lede{font-size:21px;line-height:1.55;margin-bottom:30px;color:#675f55}.micro{font-size:12px;color:var(--muted);margin-top:19px}.demo{position:relative;min-height:570px;background:#ded8ce;border-radius:32px;padding:24px;box-shadow:inset 2px 2px 7px #c6beb1,inset -2px -2px 6px #f5f0e8}.desk-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;color:#8b8173}.destination{padding:27px 24px 90px;background:#f2eee8;border-radius:16px;margin-top:20px;box-shadow:2px 3px 10px #c6bdaf}.prompt-label{font-size:10px;letter-spacing:1.1px;color:#948979}.destination p{font-size:18px;line-height:1.6;max-width:350px;min-height:85px;margin-bottom:0}.caret{display:inline-block;height:18px;border-left:2px solid var(--accent)}.picker{position:relative;margin:-60px 0 0 68px;z-index:1;padding:13px;width:calc(100% - 50px);border-radius:23px;background:var(--bg);box-shadow:9px 12px 26px #a99d8bb0,-2px -2px 3px #fff9;border:1px solid #fff9}.picker-title{display:flex;align-items:center;gap:7px;font-size:14px;margin-bottom:12px}.picker-title img{width:32px;height:32px}.picker-title span{margin-left:auto;font-size:11px;color:var(--muted)}.clip{border:1px solid transparent;display:flex;align-items:center;gap:11px;width:100%;padding:10px;text-align:left;color:var(--ink);background:#efeae3;border-radius:12px;margin:6px 0;cursor:pointer;min-height:79px;font:14px inherit;box-shadow:2px 3px 5px #cec4b6,-2px -2px 4px #fff9}.clip:hover,.clip:focus-visible{background:#dce5d8;border-color:#779479;outline:none}.clip>span:nth-child(2){flex:1;font-size:13px;line-height:1.4}.clip small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.clip b{font-size:11px;color:#9b9184}.thumb{display:flex;align-items:center;justify-content:center;width:45px;height:48px;flex-shrink:0;border-radius:9px;background:#dfd8cc;font-size:20px;color:#83745c}.thumb.asset{background:#647b5e;color:#f8f1d9;font-size:36px}.code{font-family:ui-monospace,monospace}.picker-foot{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:9px 3px 1px}.gesture{display:flex;align-items:center;gap:15px;margin:28px 0 0 13px}.gesture p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}.gesture strong{color:var(--ink);font-weight:500}.wheel-mini{display:flex;width:54px;height:54px;border-radius:50%;background:var(--bg);box-shadow:4px 4px 8px #baafa0,-4px -4px 8px #f4ede4;align-items:center;justify-content:center;color:var(--accent);font-size:28px}.demo-note{display:block;font-size:11px;color:#81786d;text-align:right;margin-top:18px}section.how,.family,.details,.download{padding:80px 44px;border-top:1px solid #d2cabc}h2{font-size:46px;letter-spacing:-1.8px;line-height:1.12;margin:20px 0 30px;font-weight:600}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;margin-top:50px}.steps article>span{font-size:13px;color:var(--accent)}h3{font-size:20px;letter-spacing:-.5px;margin:16px 0 12px}p{line-height:1.65}.steps p,.family p,.details p{color:#73695b;font-size:16px;max-width:440px}.family{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.family-links{display:flex;gap:24px;justify-content:space-between}.family-links a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.family-links img,.family-icon{height:78px;width:78px}.family-icon{display:flex;align-items:center;justify-content:center;color:white;border-radius:20px;font-size:38px;box-shadow:5px 6px 10px #b9ae9d,-4px -4px 7px #fff8}.flow{background:#d9643f}.shot{background:#5468d4}.family-links small{font-size:12px;color:var(--muted)}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.download{text-align:center;padding-bottom:100px!important}.download h2{font-size:42px}.download>p{color:var(--muted)}footer{padding:28px 44px;border-top:1px solid #d2cabc;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}@media(max-width:800px){header{padding:20px 24px}nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding:40px 24px 60px;gap:48px}h1{font-size:78px;letter-spacing:-4px}.demo{max-width:560px;width:100%;margin:auto}.steps,.family,.details{grid-template-columns:1fr;gap:28px}section.how,.family,.details,.download{padding:50px 24px}h2{font-size:36px}.steps{margin-top:30px}.family-links{justify-content:flex-start;gap:35px}.family-links small{max-width:80px}footer{padding:25px 24px;gap:20px;flex-wrap:wrap}}@media(max-width:430px){.demo{padding:15px;min-height:560px}.picker{margin-left:16px;width:calc(100% - 8px)}.destination{padding:22px 18px 85px}.desk-head{font-size:9px}.family-links{gap:23px}.family-links img,.family-icon{width:66px;height:66px}.download h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.wheel-diagram{width:108px;height:108px;filter:drop-shadow(4px 6px 6px #aa9d8b70)}