:root{--paper:#f7f5ef;--ink:#272b27;--muted:#63675e;--line:#dedfd5;--accent:#b74223;--sage:#e6e9db;--white:#fffefa;--radius:24px;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;display:block}p{line-height:1.7}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;padding:15px;background:var(--ink);color:white;z-index:100}.skip:focus{top:12px}.site-header{position:relative;z-index:20}.header-row{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px}.brand img{width:36px;height:36px}.wordmark{font-size:28px;font-weight:650;letter-spacing:-1.3px;line-height:1}.wordmark small{display:block;font-size:8px;letter-spacing:3.4px;font-weight:600;margin-top:7px}.main-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:500}.main-nav a{padding:10px 0}.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--accent)}.main-nav .nav-contact{border:1px solid #c7cabf;border-radius:50px;padding:12px 20px;display:flex;gap:22px;align-items:center}.menu-toggle{display:none}.arrow{font-size:20px;line-height:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:48px;padding-block:78px 65px;align-items:center}.hero h1{font-size:clamp(54px,5.4vw,78px);letter-spacing:-4.7px;line-height:1.07;margin:27px 0 25px}.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-4px;color:var(--accent)}.hero-copy>p{font-size:16px;max-width:410px;color:var(--muted);line-height:1.8}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:16px 24px;background:var(--ink);color:var(--white);border-radius:50px;font-size:13px;border:1px solid var(--ink);transition:background .2s,transform .2s}.button:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:13px;padding-block:10px;border-bottom:1px solid #b7baaf}.text-link:hover{color:var(--accent);border-color:var(--accent)}.hero-art{position:relative;aspect-ratio:1/1.02;background:#e7eadf;border-radius:8px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.art-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1.8px;text-transform:uppercase;z-index:2;color:#565e50}.art-icon{width:64%;border-radius:25%;position:absolute;top:18%;left:20%;transform:rotate(-8deg);box-shadow:0 28px 48px #5f493528;transition:transform .55s}.hero-art:hover .art-icon{transform:rotate(-4deg) translateY(-5px)}.letter-tile{position:absolute;left:7%;top:57%;background:#fffdf5;width:23%;aspect-ratio:1;transform:rotate(9deg);border-radius:21%;display:grid;place-items:center;font-family:Georgia,serif;font-size:clamp(30px,4vw,58px);color:#3b5946;box-shadow:0 12px 20px #49533110}.sun-note{position:absolute;right:4%;top:61%;background:#eed49a;border-radius:50%;width:27%;aspect-ratio:1;display:grid;place-content:center;text-align:center;font-size:13px;line-height:1.5;transform:rotate(8deg)}.art-caption{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:79%;font-size:13px}.art-caption span:first-child{font-weight:600}.art-caption .arrow{background:#fffefa75;border-radius:50%;width:32px;height:32px;display:grid;place-content:center}.hero-foot{display:flex;align-items:center;justify-content:space-between;padding:19px 0 34px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted);letter-spacing:.5px}.dot-status{display:flex;align-items:center;gap:8px}.dot-status:before{content:"";width:6px;height:6px;border-radius:100%;background:#65745b}.section{padding-block:94px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:24px 0 38px}.section-heading h2,.large-title{font-size:clamp(35px,4.2vw,54px);line-height:1.12;letter-spacing:-2.3px}.section-heading>p{max-width:340px;font-size:14px;color:var(--muted)}.product-feature{background:#e9e9dc;border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:1fr 1.4fr;align-items:center;min-height:440px}.product-intro{padding:44px 34px 44px 42px}.app-icon{width:64px;height:64px;border-radius:17px;margin-bottom:26px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:9px;text-transform:uppercase;letter-spacing:1.4px;border:1px solid #babfae;border-radius:30px;padding:8px 12px}.product-intro h3{font-size:34px;letter-spacing:-1.5px;line-height:1.1;margin:20px 0 16px}.product-intro p{color:#545d4e;font-size:14px;max-width:290px}.product-intro .text-link{margin-top:20px}.device-stage{padding:42px 0 42px 15px;overflow:hidden}.device{background:#252724;padding:12px 16px;border-radius:24px;box-shadow:0 22px 42px #333b272a;transform:rotate(-5deg);width:110%;max-width:none}.device img{width:100%;border-radius:13px;aspect-ratio:1.44;object-fit:cover}.under-feature{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.under-feature p{max-width:620px}.studio-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;padding-top:82px}.studio-intro h2{font-size:45px;line-height:1.15;letter-spacing:-2px;margin-top:23px}.studio-intro .lead{font-size:20px;line-height:1.65;letter-spacing:-.3px}.studio-intro .body-copy{font-size:14px;color:var(--muted);margin-top:19px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:65px}.principle{border-top:1px solid var(--line);padding-top:22px}.number{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;color:var(--accent)}.principle h3{font-size:21px;letter-spacing:-.5px;margin:27px 0 13px}.principle p{font-size:13px;color:var(--muted)}.contact-band{background:#e9e9df;border-radius:var(--radius);padding:54px 58px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:8px;margin-bottom:88px}.contact-band h2{font-size:42px;letter-spacing:-1.8px;line-height:1.13;margin-top:20px}.contact-band p{font-size:13px;color:var(--muted);margin-top:16px}.site-footer{border-top:1px solid var(--line);padding:45px 0 25px}.footer-main{display:flex;justify-content:space-between;gap:30px}.footer-tagline{font-size:12px;color:var(--muted);margin-top:18px;max-width:240px}.footer-links{display:flex;gap:65px}.footer-links div{display:grid;gap:12px;align-content:start;font-size:12px}.footer-links span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:5px}.footer-links a:hover{color:var(--accent)}.footer-legal{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:24px;margin-top:42px;font-size:10px;color:#62675d;line-height:1.85}.footer-legal p{max-width:710px}.page-hero{padding-block:76px 58px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(46px,6vw,76px);line-height:1.07;letter-spacing:-3.9px;margin:27px 0 24px;max-width:900px}.page-hero>p{max-width:630px;color:var(--muted);font-size:17px;line-height:1.8}.page-hero .serif{letter-spacing:-3px}.studio-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.studio-layout h2{font-size:38px;letter-spacing:-1.7px;line-height:1.2}.prose p{margin-bottom:20px;color:var(--muted);font-size:15px}.prose h2{font-size:27px;letter-spacing:-.9px;margin:36px 0 14px}.prose h3{font-size:20px;margin:27px 0 12px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose ul{padding-left:22px;font-size:15px;line-height:1.9;color:var(--muted)}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:45px}.focus{background:#e7e9dd;padding:35px;border-radius:18px}.focus:nth-child(2){background:#eee5dc}.focus h3{font-size:26px;letter-spacing:-1px;margin:20px 0 13px}.focus p{font-size:14px;color:var(--muted)}.inline-note{padding:18px 22px;border-left:2px solid var(--accent);background:#eeeee5;font-size:13px;color:var(--muted);line-height:1.8;margin:28px 0}.app-hero{padding-block:65px 60px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.app-hero h1{font-size:clamp(50px,5.8vw,74px);line-height:1.04;letter-spacing:-3.5px;margin:24px 0}.app-hero p{color:var(--muted);max-width:450px;font-size:16px}.app-hero .hero-art{aspect-ratio:1}.app-meta{display:flex;gap:22px;margin-top:28px;color:var(--muted);font-size:11px}.wide-screen{background:#e9e9de;padding:38px 7%;border-radius:var(--radius);margin-bottom:25px}.wide-screen .device{transform:none;width:100%;padding:15px 21px;border-radius:30px}.wide-screen figcaption{font-size:10px;text-align:center;color:var(--muted);margin-top:22px}.wide-screen figure{margin:0}.activity-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:20px;margin:32px 0}.activity-tabs button{cursor:pointer;padding:12px 23px;border:1px solid transparent;background:transparent;border-radius:30px;font-size:12px;color:var(--muted)}.activity-tabs button[aria-selected="true"]{color:var(--white);background:var(--ink)}.activity-tabs button:hover{border-color:#bfc4b5}.activity-panel{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:50px}.activity-panel img{border-radius:18px;box-shadow:0 12px 28px #252b2210}.activity-panel h3{font-size:34px;line-height:1.2;letter-spacing:-1.2px;margin:22px 0 15px}.activity-panel p{font-size:14px;color:var(--muted)}.quiet-feature{background:var(--ink);color:var(--paper);padding:65px;border-radius:var(--radius);display:grid;grid-template-columns:1.1fr 1fr;gap:75px;margin-top:80px}.quiet-feature h2{font-size:43px;letter-spacing:-1.8px;line-height:1.15;margin-top:22px}.quiet-feature .eyebrow{color:#dbd9cc}.quiet-feature p{color:#c9cec1;font-size:14px}.quiet-feature .text-link{margin-top:22px}.quiet-list{display:grid;gap:23px}.quiet-list div{border-top:1px solid #5b6156;padding-top:15px}.quiet-list h3{font-size:16px;margin-bottom:7px}.quiet-list p{font-size:12px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-card{min-width:0;padding:38px;background:var(--white);border:1px solid var(--line);border-radius:18px}.contact-card h2{font-size:30px;letter-spacing:-1px;margin:24px 0 16px}.contact-card p{font-size:14px;color:var(--muted);margin-bottom:24px}.contact-card .email{font-size:clamp(15px,2vw,24px);letter-spacing:-.5px;color:var(--accent);border-bottom:1px solid #d7ac9f;padding-bottom:5px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;margin-top:80px}.faq-layout h2{font-size:40px;letter-spacing:-1.5px;line-height:1.2}.faq-list details{border-bottom:1px solid var(--line);padding:23px 0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:20px;line-height:1.5}.faq-list summary:after{content:"+";color:var(--accent);font-size:20px}.faq-list details[open] summary:after{content:"−"}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{font-size:14px;color:var(--muted);margin-top:15px;max-width:520px}.faq-list a{text-decoration:underline}.company-address{margin-top:65px;padding-top:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;font-size:13px;color:var(--muted)}address{font-style:normal;line-height:1.85}.legal-layout{display:grid;grid-template-columns:240px 1fr;gap:80px;padding-block:55px 90px}.legal-nav{position:sticky;top:35px;align-self:start;display:grid;gap:13px;font-size:12px;color:var(--muted)}.legal-nav a:hover{color:var(--accent)}.legal-layout .prose{max-width:720px}.legal-layout .prose h2:first-child{margin-top:0}.legal-meta{font-size:11px;color:var(--muted);margin-top:25px}.policy-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.policy-links .pill:hover{border-color:var(--accent)}.notfound{padding-block:100px 140px}.notfound h1{font-size:65px;letter-spacing:-3px;margin:20px 0}.notfound p{color:var(--muted)}
@media(min-width:1600px){.hero h1{font-size:82px}.hero{padding-block:100px 80px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:30px;padding-top:55px}.hero h1{font-size:59px;letter-spacing:-3.6px}.main-nav{gap:22px}.studio-intro,.studio-layout{gap:55px}.product-intro{padding:30px}.product-intro h3{font-size:30px}.product-feature{grid-template-columns:1fr 1.2fr;min-height:390px}.principles{gap:26px}.contact-band{padding:42px}.activity-panel{gap:30px}.quiet-feature{padding:40px;gap:40px}.legal-layout{grid-template-columns:180px 1fr;gap:40px}.footer-links{gap:38px}.faq-layout{gap:45px}.hero-art .sun-note{font-size:11px}.app-hero{gap:35px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header-row{height:86px}.brand img{width:30px;height:30px}.wordmark{font-size:25px}.wordmark small{font-size:7px}.menu-toggle{display:block;border:1px solid #c7cabf;background:transparent;padding:10px 14px;border-radius:30px;font-size:12px}.main-nav{display:none;position:absolute;left:20px;right:20px;top:78px;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 20px 40px #272b2712}.main-nav.is-open{display:grid;gap:8px}.main-nav a{padding:12px}.main-nav .nav-contact{margin-top:5px;justify-content:space-between}.hero{grid-template-columns:1fr;gap:40px;padding:45px 0 30px}.hero h1{font-size:clamp(51px,9.8vw,72px);letter-spacing:-3.6px;margin:22px 0}.hero-copy>p{font-size:15px;max-width:440px}.hero-art{max-width:540px;width:100%;aspect-ratio:1.08;margin:0 auto}.art-icon{width:61%;left:22%;top:17%}.art-caption{padding-top:68%}.letter-tile{font-size:48px}.hero-art .sun-note{font-size:13px}.hero-foot{font-size:9px;padding:15px 0 25px;gap:18px;line-height:1.6}.section{padding-block:62px}.section-heading{display:block;margin:21px 0 28px}.section-heading h2{font-size:39px}.section-heading>p{margin-top:20px}.product-feature{grid-template-columns:1fr}.product-intro{padding:30px}.product-intro p{max-width:100%}.product-intro h3{font-size:35px}.app-icon{width:52px;height:52px;margin-bottom:20px}.device-stage{padding:12px 27px 35px 40px}.device{width:103%;padding:8px 11px;border-radius:18px;transform:rotate(-3deg)}.device img{border-radius:9px}.under-feature{align-items:start;font-size:11px;gap:20px}.under-feature p{max-width:75%}.studio-intro{grid-template-columns:1fr;gap:27px;padding-top:60px}.studio-intro h2{font-size:39px}.studio-intro .lead{font-size:19px}.principles{grid-template-columns:1fr;gap:28px;margin-top:40px}.principle h3{margin-top:16px}.principle p{max-width:500px;font-size:14px}.contact-band{display:block;padding:33px 28px;margin-bottom:55px;border-radius:18px}.contact-band h2{font-size:36px}.contact-band .button{margin-top:27px}.footer-main{display:block}.footer-links{margin-top:35px;justify-content:space-between;gap:25px}.footer-links div{font-size:12px}.footer-legal{display:block;margin-top:32px}.footer-legal>span{display:block;margin-top:15px}.page-hero{padding-block:45px 38px}.page-hero h1{font-size:52px;letter-spacing:-2.8px}.page-hero>p{font-size:15px}.studio-layout{grid-template-columns:1fr;gap:28px}.studio-layout h2{font-size:34px}.focus-grid{grid-template-columns:1fr;margin-top:30px}.focus{padding:28px}.app-hero{grid-template-columns:1fr;padding-top:42px;gap:35px}.app-hero h1{font-size:59px;letter-spacing:-3px}.app-hero .hero-art{max-width:440px}.wide-screen{padding:20px 13px;border-radius:15px}.wide-screen .device{padding:7px 10px;border-radius:17px}.wide-screen figcaption{font-size:9px;margin-top:14px}.activity-tabs{gap:0;justify-content:space-between;margin-top:25px}.activity-tabs button{padding:11px 14px;font-size:11px}.activity-panel{grid-template-columns:1fr;gap:10px}.activity-panel h3{font-size:29px}.activity-panel>div{padding:10px 3px}.quiet-feature{grid-template-columns:1fr;gap:30px;padding:33px 27px;margin-top:55px}.quiet-feature h2{font-size:36px}.support-grid{grid-template-columns:1fr;gap:18px}.contact-card{min-width:0;padding:28px}.contact-card .email{font-size:clamp(16px,5vw,22px);overflow-wrap:anywhere}.faq-layout{grid-template-columns:1fr;gap:25px;margin-top:55px}.faq-layout h2{font-size:34px}.company-address{display:block;margin-top:45px}.company-address address{margin-top:20px}.legal-layout{grid-template-columns:1fr;gap:30px;padding:33px 0 60px}.legal-nav{position:static;display:flex;gap:12px 20px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:23px}.legal-layout .prose h2{font-size:25px;scroll-margin-top:20px}.prose p,.prose ul{font-size:14px}.policy-links{gap:8px}.actions{gap:20px}.serif{letter-spacing:-3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:370px){.hero h1{font-size:44px;letter-spacing:-2.8px}.hero .serif{letter-spacing:-2.8px}.contact-band .button{font-size:12px;padding:15px 17px;gap:12px;max-width:100%;overflow-wrap:anywhere}.hero-art .sun-note{font-size:10px}.art-meta{font-size:8px;letter-spacing:1px}}

/* Leo’s purpose: specific choices, offline play and local app data. */
.leo-purpose-summary{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding:48px 0;border-bottom:1px solid var(--line)}.leo-purpose-summary h2{font-size:32px;letter-spacing:-1.2px;line-height:1.2;margin-top:19px}.leo-purpose-summary p{font-size:14px;color:var(--muted)}.leo-purpose-summary .text-link{margin-top:14px}.leo-motivation{display:grid;grid-template-columns:1.1fr 1fr;gap:95px;padding:65px 0 22px}.motivation-story h2{font-size:clamp(37px,4.2vw,54px);letter-spacing:-2.3px;line-height:1.14;margin:25px 0}.motivation-story h2 .serif{letter-spacing:-2.3px}.motivation-story p{font-size:14px;color:var(--muted);margin-top:20px}.motivation-story .motivation-lead{font-size:19px;color:var(--ink);line-height:1.65;letter-spacing:-.2px}.motivation-details{display:grid;gap:30px;padding-top:5px}.motivation-details article{padding-top:20px;border-top:1px solid var(--line)}.motivation-details h3{font-size:22px;letter-spacing:-.65px;line-height:1.25;margin:16px 0 11px}.motivation-details p{font-size:13px;color:var(--muted)}.motivation-details .text-link{margin-top:12px;font-size:12px}
@media(max-width:1000px){.leo-motivation{gap:45px}.leo-purpose-summary{gap:45px}}
@media(max-width:720px){.leo-purpose-summary{grid-template-columns:1fr;gap:22px;padding:34px 0}.leo-purpose-summary h2{font-size:30px}.leo-motivation{grid-template-columns:1fr;gap:35px;padding:42px 0 0}.motivation-story h2{font-size:39px;letter-spacing:-1.8px}.motivation-story .motivation-lead{font-size:18px}.motivation-story p{font-size:14px}.motivation-details h3{font-size:23px}.motivation-details p{font-size:14px}}
