:root{--paper:#faf9f6;--ink:#222522;--muted:#60645f;--line:#d8dbd3;--green:#1e5748;--mint:#dcead9;--yellow:#ffe283;--pink:#fce9eb;--purple:#ebe6ff;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.locked{overflow:hidden}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #127164;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(3rem,7.8vw,7rem)}h2{font-size:clamp(2.25rem,4.2vw,4rem)}h3{font-size:clamp(1.5rem,2.6vw,2.2rem)}p+p{margin-top:1rem}.wrap{max-width:var(--max);margin:auto;padding:0 32px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:15px}.skip:focus{top:15px}.site-header{border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(250,249,246,.97)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}.wordmark{text-decoration:none;font-size:20px;font-weight:650;letter-spacing:-.05em}.wordmark span{font-weight:400;color:var(--muted);margin-left:10px;font-size:15px;letter-spacing:0}.nav{display:flex;align-items:center;gap:30px;font-size:15px}.nav a{text-decoration:none;padding:8px 0}.nav a:hover,.nav a[aria-current]{border-bottom:1px solid var(--ink)}.menu-toggle{display:none;border:1px solid var(--line);border-radius:999px;background:transparent;padding:8px 16px}.eyebrow{font-size:14px;letter-spacing:.09em;text-transform:uppercase;font-weight:600}.muted{color:var(--muted)}.intro{padding:64px 0 56px;display:grid;grid-template-columns:1fr .64fr;gap:64px;align-items:end}.intro h1{font-size:clamp(3.2rem,6.5vw,6.2rem);margin:24px 0 32px;max-width:800px}.intro p{max-width:470px}.intro aside{padding-bottom:10px}.index-label{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px 0;border-top:1px solid var(--line)}.index-label h2{font-size:24px;letter-spacing:-.03em}.index-label span{font-size:14px;color:var(--muted)}.feature{display:grid;grid-template-columns:.72fr 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;min-height:540px;background:var(--mint)}.feature-copy{padding:46px;display:flex;flex-direction:column;align-items:start;gap:24px}.feature h2{font-size:clamp(3rem,5vw,5rem)}.feature-copy p{max-width:330px}.feature-copy .pill{margin-top:auto}.feature-art{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:#b4d9cf;min-height:520px;padding:38px 24px}.feature-art img{height:475px;width:auto;border-radius:24px;box-shadow:0 20px 36px #16393024;transform:rotate(6deg)}.feature-art .vertical-note{position:absolute;left:28px;bottom:25px;font-size:13px;font-weight:500}.pill{display:inline-flex;min-height:46px;align-items:center;padding:10px 22px;border:1px solid currentColor;border-radius:999px;text-decoration:none;font-size:15px;background:transparent;transition:background .15s}.pill:hover{background:var(--ink);color:white}.pill.dark{background:var(--ink);color:white}.pill.dark:hover{background:var(--green)}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px;padding:28px 0 64px}.project-card{text-decoration:none;display:block}.project-art{height:330px;border-radius:18px;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:24px;background:var(--pink)}.project-art img{height:100%;width:auto;object-fit:contain;transition:transform .2s}.project-card:hover img{transform:scale(1.025)}.project-art.fitness img{width:100%;height:auto}.project-art.checker{background:var(--yellow)}.project-art.sleep{background:#ddd8eb}.project-art.sleep img{transform:rotate(-5deg)}.project-card:hover .project-art.sleep img{transform:rotate(-5deg) scale(1.025)}.card-text{padding:20px 2px}.card-top{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.card-top h3{font-size:28px}.tag{font-size:13px;border:1px solid var(--line);border-radius:99px;padding:4px 11px;white-space:nowrap;background:var(--paper)}.card-text p{margin:10px 0 0;max-width:430px;font-size:16px}.about-band{background:var(--ink);color:var(--paper);padding:64px 0}.about-band .split{grid-template-columns:1fr 1fr;align-items:center}.about-band p{max-width:480px}.about-band .pill{margin-top:26px}.split{display:grid;grid-template-columns:.72fr 1fr;gap:64px}.section{padding:74px 0;border-bottom:1px solid var(--line)}.section h2{max-width:640px}.section .eyebrow{margin-bottom:20px}.section p{max-width:680px}.section h3+p{margin-top:16px}.section h2+p{margin-top:24px}.footer{padding:38px 0;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:14px;color:var(--muted)}.footer a{color:var(--ink)}.case-top{padding:34px 0 54px}.breadcrumb{font-size:14px}.case-heading{padding:50px 0 32px;display:grid;grid-template-columns:1fr .65fr;align-items:end;gap:48px}.case-heading h1{margin-top:20px}.case-heading p{max-width:440px}.case-title{font-size:clamp(3.3rem,7vw,6.5rem)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--line);padding-top:26px}.facts dt{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.facts dd{margin:8px 0 0;font-size:16px}.case-nav{display:flex;flex-wrap:wrap;gap:12px 26px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.case-nav a{text-decoration:none}.case-nav a:hover{text-decoration:underline}.case-hero{padding:40px 0 0}.image-button{display:block;border:0;background:transparent;padding:0;width:100%;text-align:left;color:inherit}.image-button img{width:100%;border-radius:16px}.image-button:hover img{filter:brightness(.98)}.image-button:after{content:'View image';display:block;font-size:13px;text-decoration:underline;text-underline-offset:4px;text-align:right;margin-top:8px}.caption{font-size:14px;color:var(--muted);margin-top:15px;max-width:850px}.statement{font-size:clamp(1.65rem,3vw,2.7rem);line-height:1.25;letter-spacing:-.035em}.research{background:var(--mint);padding:36px;border-radius:16px}.research-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:35px}.big-number{font-size:70px;line-height:1.05;letter-spacing:-.06em}.research h3{font-size:25px;margin:18px 0}.bars{list-style:none;padding:0;margin:22px 0}.bars li{font-size:14px;margin:12px 0}.bar{height:8px;width:100%;background:#ffffff99;margin-top:5px;border-radius:10px;overflow:hidden}.bar span{display:block;height:100%;background:var(--green);width:var(--value)}.design-note{padding-top:20px;border-top:1px solid #b1c7b2;font-size:16px}.evidence-note{font-size:14px;color:var(--muted);margin-top:25px}.step{display:flex;align-items:start;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.step b{font-size:15px;flex:none;width:28px}.step h3{font-size:23px;letter-spacing:-.025em}.step p{font-size:16px;margin-top:12px}.callout{border-left:3px solid var(--green);padding:8px 0 8px 22px;margin-top:25px}.visual-section{padding:50px 0 0}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:30px}.decision-grid article{padding:28px;background:#eeeae3;border-radius:16px}.decision-grid h3{font-size:25px}.decision-grid p{margin-top:18px}.quote{font-size:clamp(1.8rem,3.5vw,3.4rem);line-height:1.22;letter-spacing:-.04em;max-width:870px}.quote small{display:block;font-size:14px;line-height:1.6;letter-spacing:0;margin-top:25px}.test-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:34px}.test-list article{padding:24px;border:1px solid var(--line);border-radius:14px}.test-list h3{font-size:23px}.test-list p{margin-top:16px;font-size:16px}.next-work{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:48px 0}.next-work h2{font-size:32px}.phone-stage{display:flex;align-items:center;justify-content:center;background:var(--yellow);padding:42px;border-radius:18px;gap:42px}.phone-stage img{max-height:540px;width:auto;border-radius:24px}.phone-stage.sleep{background:#ddd8eb}.phone-stage .image-button{width:auto}.phone-stage .stage-caption{max-width:280px}.compact-heading{max-width:900px;padding:70px 0 45px}.compact-heading h1{margin:20px 0 30px}.archive{margin:30px 0 0;border-top:1px solid var(--line)}.archive-row{display:grid;grid-template-columns:1fr 1.3fr auto;gap:30px;padding:26px 0;border-bottom:1px solid var(--line);align-items:start}.archive-row h3{font-size:23px}.archive-row p{font-size:16px}.review-notice{padding:20px 24px;background:var(--yellow);border-radius:12px;margin:26px 0;font-size:16px}.checklist{padding-left:23px}.checklist li{padding:8px 0}.review-table{width:100%;border-collapse:collapse;margin-top:30px;font-size:16px}.review-table th,.review-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:18px 16px 18px 0}.review-table th{font-weight:600}.table-wrap{overflow-x:auto}.dialog{border:0;border-radius:14px;background:#f8f8f5;color:var(--ink);max-width:min(1200px,95vw);max-height:95vh;padding:18px}.dialog::backdrop{background:#101810bb}.dialog-head{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:16px}.dialog button{border:1px solid var(--line);background:white;border-radius:999px;padding:8px 20px;font-size:15px}.dialog img{max-height:78vh;max-width:90vw;width:auto;margin:auto;object-fit:contain}.dialog p{font-size:14px;margin-top:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}details{border-top:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:600}details p{margin-top:20px;font-size:16px}.full-width{width:100%}
@media(max-width:900px){.intro{gap:32px;grid-template-columns:1fr}.intro aside{max-width:630px}.feature{grid-template-columns:.85fr 1fr}.feature-copy{padding:32px}.split{gap:32px}.case-heading{grid-template-columns:1fr}.test-list{grid-template-columns:1fr}.archive-row{grid-template-columns:1fr 1fr}.archive-row a{grid-column:2}.project-art{height:280px}}
@media(max-width:600px){.wrap{padding:0 20px}.header-inner{min-height:70px}.wordmark{font-size:18px}.wordmark span{display:none}.menu-toggle{display:block;font-size:14px}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:20px;gap:18px;flex-direction:column;align-items:start}.nav.open{display:flex}.intro{padding:40px 0 36px}.intro h1{font-size:3.2rem;margin:20px 0}.index-label span{font-size:12px}.feature{grid-template-columns:1fr;min-height:0}.feature-copy{padding:28px;gap:18px}.feature-copy .pill{margin-top:4px}.feature-art{min-height:370px;padding:28px}.feature-art img{height:330px}.feature-art .vertical-note{left:20px;bottom:15px;font-size:12px}.work-grid{grid-template-columns:1fr;gap:24px;padding-bottom:40px}.project-art{height:290px}.card-top{align-items:start}.card-top h3{font-size:27px}.tag{font-size:12px}.split,.about-band .split{grid-template-columns:1fr;gap:28px}.about-band{padding:42px 0}.footer{align-items:start;flex-direction:column;gap:12px}.case-top{padding:24px 0 32px}.case-heading{padding:32px 0;gap:26px}.facts{grid-template-columns:1fr;gap:18px}.facts dl{margin:0}.case-nav{gap:14px 22px}.case-hero{padding-top:26px}.section{padding:44px 0}.research{padding:24px}.research-grid{grid-template-columns:1fr;gap:32px}.big-number{font-size:60px}.decision-grid{grid-template-columns:1fr;gap:20px}.decision-grid article{padding:22px}.next-work{align-items:start;flex-direction:column;padding:35px 0}.phone-stage{padding:28px 22px;gap:30px;flex-direction:column}.phone-stage img{max-height:450px}.phone-stage .stage-caption{max-width:100%}.archive-row{grid-template-columns:1fr;gap:12px}.archive-row a{grid-column:1}.compact-heading{padding:40px 0 30px}.compact-heading h1{font-size:3.3rem}.review-table{min-width:600px}.dialog{padding:12px}.dialog-head{gap:10px}.dialog-head span{font-size:14px}.dialog img{max-width:88vw}.image-button:after{font-size:13px}}
.fitness-cover{margin-top:38px;background:#fceeee;border-radius:18px;padding:42px;display:grid;grid-template-columns:.7fr 1fr;gap:40px;align-items:center;overflow:hidden}.fitness-cover h2{font-size:clamp(2.7rem,5vw,4.7rem);margin:22px 0}.fitness-cover p{margin-bottom:24px}.fitness-cover-art{display:flex;gap:18px;align-items:center;justify-content:center}.fitness-cover-art img{width:45%;border-radius:22px;box-shadow:0 16px 30px #182f3318}.fitness-cover-art img:nth-child(2){transform:translateY(28px)}.evidence-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:32px 0}.evidence-cards article{border-top:2px solid var(--green);padding-top:20px}.evidence-cards h3{font-size:24px}.evidence-cards p{font-size:16px;margin-top:14px}.journey{list-style:none;padding:0;margin:30px 0;counter-reset:journey}.journey li{display:grid;grid-template-columns:38px 1fr 1.3fr;gap:22px;padding:24px 0;border-bottom:1px solid var(--line);counter-increment:journey}.journey li:before{content:counter(journey,decimal-leading-zero);font-size:14px;color:var(--green);font-weight:600}.journey b{font-weight:500;font-size:20px;line-height:1.3}.journey span{font-size:16px}.screen-story{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:48px 0;border-bottom:1px solid var(--line)}.screen-story:nth-child(even){grid-template-columns:1fr 1fr}.screen-story h3{font-size:clamp(2rem,3vw,3rem)}.screen-copy p:not(.eyebrow){margin-top:24px;max-width:500px}.screen-visual{background:var(--pink);padding:32px;border-radius:18px}.screen-visual .image-button img{max-height:630px;width:auto;max-width:100%;margin:auto;border-radius:20px;box-shadow:0 16px 30px #182f3318}.screen-visual .caption{font-size:13px}.palette{list-style:none;margin:0;padding:0}.palette li{display:flex;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}.palette span{display:block;width:38px;height:38px;border-radius:50%;border:1px solid #22252222;flex:none}
@media(max-width:800px){.fitness-cover{grid-template-columns:1fr;padding:30px}.fitness-cover-art{padding-bottom:30px}.fitness-cover-art img{max-width:210px}.evidence-cards{grid-template-columns:1fr}.journey li{grid-template-columns:30px 1fr}.journey span{grid-column:2}.screen-story,.screen-story:nth-child(even){grid-template-columns:1fr;gap:30px}.screen-visual .image-button img{max-height:580px}.screen-story{padding:36px 0}}
[hidden]{display:none!important}.tips-cover{margin-top:38px;padding:48px;border-radius:18px;background:#ffd8c9}.tips-cover h2{margin:24px 0;max-width:950px}.tips-cover p{max-width:600px}.tip-demo{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;background:#ffdfd2;border-radius:18px;margin-top:32px}.tip-context,.tip-choice{background:white;border-radius:16px;padding:28px;min-width:0}.tip-demo h3{font-size:28px}.tip-demo p{font-size:16px;margin-top:18px}.demo-reference{display:flex;gap:18px;align-items:center;margin:26px 0;padding:22px;background:#fff0e8;border-radius:12px}.demo-reference b{font-size:36px;line-height:1}.demo-reference span{font-size:14px}.tip-demo label{display:flex;gap:20px;justify-content:space-between;margin-top:24px;font-size:16px}.tip-demo output{font-weight:600}.tip-demo input{width:100%;accent-color:#984725;height:32px;margin-top:16px}.tip-totals{margin:18px 0 28px}.tip-totals p{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;margin:0}.demo-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.demo-status{color:var(--green);min-height:26px;font-weight:600}
@media(max-width:700px){.tips-cover{padding:28px}.tip-demo{grid-template-columns:1fr;padding:16px}.tip-context,.tip-choice{padding:22px}.demo-reference{flex-direction:column;align-items:start}}
.offlo-cover{margin-top:38px;padding:48px;background:#302f45;color:#f7f4ee;border-radius:18px}.offlo-cover h2{margin:24px 0;color:#ff956d}.offlo-cover p{max-width:650px}.offlo-demo{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-top:32px;padding:36px;background:#e7e4f1;border-radius:18px}.offlo-demo aside{padding:12px 0}.offlo-app{background:#302f45;color:#f7f4ee;border-radius:26px;padding:24px;min-width:0;max-width:440px;width:100%;margin:auto;transition:background .25s,color .25s;box-shadow:0 12px 25px #302f4515}.offlo-app.morning{background:#f9f7f1;color:#302f45}.offlo-app-header{display:flex;justify-content:space-between;align-items:center}.offlo-app-header strong{font-size:28px;letter-spacing:-.06em}.offlo-app-header span{font-size:14px}.offlo-tabs{display:flex;gap:6px;margin:22px 0}.offlo-tabs button{flex:1;border:1px solid #bcb6d255;border-radius:99px;background:transparent;color:inherit;padding:9px 6px;font-size:14px}.offlo-tabs button[aria-pressed=true]{background:#e9e4ff;color:#302f45}.offlo-panel{animation:offlo-enter .2s ease-out}.offlo-panel h3{font-size:34px;margin:18px 0 24px;letter-spacing:-.04em}.offlo-small{font-size:12px!important;letter-spacing:.08em}.offlo-ring{height:76px;width:76px;border:1px solid #ff956d;border-radius:50%;box-shadow:0 0 0 12px #ff956d10;margin:34px auto 40px;animation:offlo-ring 5s ease-in-out infinite}.offlo-app label:not(.offlo-check){font-size:15px;display:block;margin:18px 0 10px}.offlo-app textarea,.offlo-app input[type=text]{display:block;width:100%;border:1px solid #bcb6d299;border-radius:12px;padding:15px;font:inherit;font-size:16px;line-height:1.5;background:#ffffff0d;color:inherit;resize:vertical}.offlo-app textarea::placeholder,.offlo-app input::placeholder{color:#bcb6d2}.offlo-app.morning input::placeholder{color:#696478}.offlo-primary,.offlo-secondary{border:0;border-radius:99px;font:inherit;font-size:15px;padding:12px 18px;min-height:46px}.offlo-primary{background:#ff956d;color:#262436;font-weight:600}.offlo-secondary{background:transparent;color:inherit;border:1px solid #bcb6d288}.offlo-panel>.offlo-primary,.offlo-panel>.offlo-secondary{display:block;width:100%;margin-top:15px}.offlo-panel p{font-size:16px;overflow-wrap:anywhere}.offlo-note-card{border:1px solid #bcb6d255;border-radius:14px;padding:18px;margin:22px 0;background:#ffffff0a}.offlo-note-card p+p{margin-top:14px}.offlo-help{font-size:13px!important;color:#696478;margin-top:12px}.offlo-status{font-size:14px!important;margin:20px 0 0!important;min-height:24px}.offlo-demo-note{font-size:12px!important;opacity:.7;border-top:1px solid #bcb6d244;padding-top:14px;margin-top:20px}.offlo-check{display:flex;gap:14px;align-items:start;font-size:16px}.offlo-check input{accent-color:#664e8e;width:20px;height:20px;flex:none;margin-top:3px}.complete{text-decoration:line-through}.offlo-app :focus-visible{outline-color:#ff956d}.offlo-panel h3:focus{outline:none}@keyframes offlo-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes offlo-ring{0%,100%{opacity:.6;transform:scale(.94)}50%{opacity:1;transform:scale(1.02)}}
@media(max-width:800px){.offlo-demo{grid-template-columns:1fr;padding:24px;gap:32px}.offlo-demo aside .step{padding:18px 0}.offlo-cover{padding:28px}.offlo-app{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}