:root{--paper:#faf8f3;--ink:#30312f;--muted:#74736c;--line:#e6e2d9;--orange:#b46736;--blue:#61788c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft Yahei',sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}img{max-width:100%;height:auto}figure{margin:0}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:23px;font-weight:750}.brand img{border-radius:50%}.brand-dot{color:var(--orange);margin-left:-7px}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a{text-decoration:none}.site-header nav a:hover,.text-link:hover{color:var(--orange)}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:12px;padding:100px 0 90px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.12em;color:var(--muted);margin:0 0 22px}.eyebrow>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin:0 8px 2px 0}h1{font-size:clamp(32px,3.6vw,46px);line-height:1.45;letter-spacing:-.04em;margin:0 0 23px;font-weight:750}.warm{color:var(--orange)}.intro{font-size:15px;line-height:1.95;color:var(--muted);margin:0}.actions{display:flex;gap:24px;align-items:center;margin-top:30px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:600;transition:background .2s}.primary{background:var(--ink);color:white}.primary:hover{background:#55564e}.text-link{font-size:13px;text-decoration:none;border-bottom:1px solid #bbb7ae;padding-bottom:3px}.hero-art{padding-top:20px}.hero-art img{width:100%;display:block}.hero-art figcaption{font-size:11px;color:#918b80;text-align:center;margin-top:10px}.works{padding:40px 0 80px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:9px}h2{font-size:30px;line-height:1.4;letter-spacing:-.03em;margin:0 0 18px}.section-heading h2{margin:0}.section-heading>p{font-size:13px;color:var(--muted);margin:0}.featured{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid #dce3e8;border-radius:20px;background:#f0f4f6;overflow:hidden}.featured-copy{padding:44px}.featured-copy .eyebrow{font-size:10px;color:#61788c}.featured h3{font-size:32px;line-height:1.3;margin:0 0 18px;letter-spacing:-.02em}.featured h3 span{display:block;font-weight:400;font-size:17px;margin-top:7px;color:#667783}.featured-copy>p:not(.eyebrow){color:#6b757b;font-size:14px;max-width:330px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 28px}.tags span{font-size:10px;border:1px solid #d4dde3;padding:2px 7px;border-radius:5px;color:#687780}.product-art{display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;padding:35px;background:radial-gradient(ellipse at center,#e0ebf5,transparent 65%)}.app-orbit{padding:28px}.app-orbit img{filter:drop-shadow(0 16px 18px #93a8bc33)}.product-caption{text-align:center;font-size:15px;color:#4d667c}.product-caption span{display:block;font-size:10px;letter-spacing:.12em;color:#8695a2;margin-top:5px}.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.work-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fffefa}.card-visual{height:240px;display:flex;align-items:center;justify-content:center;position:relative}.kudos .card-visual{background:#f2e9d8}.health .card-visual{background:#e6eeea}.thanks-note,.health-note{width:230px;transform:rotate(-4deg);background:#fffaf0;padding:25px 30px;box-shadow:0 9px 20px #74634212}.tiny{font-size:8px;letter-spacing:.12em;display:block;color:#8d866f}.thanks-note b,.health-note b{display:block;font-size:23px;line-height:1.5;letter-spacing:-.02em;margin:12px 0;color:#705d44}.thanks-point{font-size:20px;font-weight:700;color:#b57c43}.thanks-point small{font-size:10px;font-weight:400}.health-note{transform:rotate(3deg);background:#f8fcfa}.health-note b{color:#48685d}.record-dots{display:flex;gap:8px;margin:15px 0}.record-dots i{width:14px;height:14px;border-radius:50%;background:#a8c5b8}.record-dots i:nth-last-child(-n+2){background:#e1ebe6}.visual-label{position:absolute;bottom:12px;right:15px;font-size:9px;color:#77786b}.card-copy{padding:28px 32px 32px}.card-copy .eyebrow{margin-bottom:10px;font-size:10px}.card-copy h3{font-size:23px;line-height:1.4;margin:0 0 13px}.card-copy h3 span{font-size:16px;font-weight:400;margin-left:6px}.card-copy p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:25px}.about{display:grid;grid-template-columns:230px 1fr;gap:65px;padding:70px 70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about .eyebrow{margin-bottom:12px}.about h2{font-size:27px}.about p:not(.eyebrow){font-size:14px;color:var(--muted)}.about-portrait{align-self:center;text-align:center}.about-portrait img{width:160px;display:block;margin:auto}.about-portrait span{font-size:12px;display:block;margin-top:12px;color:#8b8070}.contact{display:grid;grid-template-columns:1fr 330px;gap:60px;align-items:center;padding:75px 50px}.contact h2{font-size:30px}.contact p:not(.eyebrow){font-size:14px;color:var(--muted)}.contact .eyebrow{margin-bottom:10px}.contact .button{margin-top:12px}.contact-github{display:block;font-size:11px;color:var(--muted);margin-top:16px;text-decoration:none}.contact figcaption{font-size:10px;color:#918b80;text-align:center}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0;font-size:10px;color:#85847c}.footer div{display:flex;gap:20px}.footer a{text-decoration:none}.skip{position:absolute;left:12px;top:-80px;background:white;padding:10px;z-index:100}.skip:focus{top:12px}a:focus-visible{outline:3px solid #b46736;outline-offset:5px}.case-back{padding-top:30px;font-size:14px}.case-main .section-head .num{line-height:1.5} @media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{height:82px}.site-header nav{gap:20px;font-size:12px}.hero{grid-template-columns:1fr;padding:52px 0 50px;gap:15px}.hero-art{max-width:500px;margin:auto}.hero h1{font-size:clamp(28px,6.5vw,44px)}.hero .intro{font-size:14px}.hero-art img{max-height:300px;object-fit:contain}.section-heading>p{display:none}.section-heading h2{font-size:26px}.featured{grid-template-columns:1fr}.featured-copy{padding:28px}.featured-copy>p:not(.eyebrow){max-width:none}.product-art{padding:20px}.app-orbit{padding:4px 20px 15px}.app-orbit img{width:135px}.product-caption{font-size:13px}.work-pair{grid-template-columns:1fr}.card-copy{padding:25px}.about{grid-template-columns:1fr;gap:30px;padding:45px 0}.about-portrait{display:none}.contact{grid-template-columns:1fr;gap:30px;padding:50px 0}.contact figure{max-width:280px;margin:auto}.footer{flex-direction:column;align-items:start;gap:8px}.works{padding-bottom:45px}.case-main .product-ui,.case-main .health-ui,.case-main .chart-box{grid-template-columns:1fr!important}.case-main .module-grid,.case-main .privacy-grid{grid-template-columns:1fr}.case-main .flow{grid-template-columns:1fr 1fr}.case-main .product-metrics{grid-template-columns:1fr 1fr}.case-main .case-foot{flex-direction:column}.case-main .panel-head{flex-wrap:wrap}.case-main .product-study{padding:20px}.case-main .shell{padding:0 10px}.case-main .phone-mock{max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}