@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#242821;--muted:#62685e;--paper:#f7f4ed;--white:#fffdf8;--green:#d8edb6;--deep-green:#294d3c;--line:#dedfd5;--peach:#f4d4c3;--lilac:#e4daf4;--yellow:#f4d46f;--radius:24px;--shadow:0 18px 45px rgba(39,48,37,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7b9c50;outline-offset:4px}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-60px;background:#fff;padding:10px 16px;z-index:20;border-radius:8px}.skip-link:focus{top:12px}.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}
.site-header{position:sticky;top:0;z-index:10;background:rgba(247,244,237,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(222,223,213,.75)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.brand img{width:42px;height:42px}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand strong{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.04em}.brand small{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-top:4px}.site-nav{display:flex;align-items:center;gap:30px}.site-nav>a{text-decoration:none;font-size:13px;font-weight:600;color:#4f554c}.site-nav>a:hover,.footer-links a:hover{color:#517b41}.site-nav .nav-contact{padding:11px 16px;border:1px solid #c9cfc0;border-radius:999px;color:var(--ink)}.menu-toggle{display:none;border:1px solid var(--line);background:var(--white);border-radius:12px;width:44px;height:44px;font-size:20px;color:var(--ink)}
.hero{position:relative;overflow:hidden;background:#f1eee4;padding:78px 0 26px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;min-height:485px;position:relative;z-index:1}.hero-copy{max-width:560px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#64745b;display:flex;align-items:center;gap:9px}.eyebrow-dot{width:8px;height:8px;background:#9bbd72;border-radius:50%;box-shadow:0 0 0 5px rgba(155,189,114,.18)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:1.12}h1{font-size:clamp(48px,6vw,78px);font-weight:800;margin:25px 0 20px}h1 span,h2 span{color:#668052}.hero-lede{font-size:18px;line-height:1.7;color:#5d6358;max-width:485px;margin-bottom:27px}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 20px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-outline{border:1px solid #c3cbb9;color:var(--ink)}.text-link{font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:9px}.text-link:hover,.card-site-link:hover{color:#527842}.hero-note{display:flex;align-items:center;gap:10px;margin-top:38px;font-size:12px;color:#73786e}.note-mark{font-size:21px;color:#819e61}.hero-art{height:430px;position:relative;max-width:530px;width:100%;justify-self:center}.orbit{position:absolute;border:1px solid rgba(101,126,83,.23);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-a{width:390px;height:390px}.orbit-b{width:295px;height:295px;border-style:dashed}.app-tile{position:absolute;width:168px;height:160px;border-radius:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:20px;font-size:13px;font-weight:700;line-height:1.35;box-shadow:0 15px 40px rgba(54,60,45,.11);transform:rotate(-7deg)}.tile-emoji{font-size:38px;filter:saturate(.9)}.tile-poop{background:#f5d4c2;left:7%;top:13%;transform:rotate(-8deg)}.tile-sender{background:#e1d8f1;right:5%;top:8%;transform:rotate(7deg)}.tile-move{background:#d9e9bd;left:18%;bottom:6%;transform:rotate(5deg)}.tile-games{background:#f2d36e;right:10%;bottom:8%;transform:rotate(-5deg)}.art-sticker{position:absolute;z-index:2;border-radius:999px;padding:11px 16px;background:var(--white);box-shadow:var(--shadow);font-size:10px;line-height:1.35;transform:rotate(-5deg)}.sticker-top{top:0;left:35%;display:flex;flex-direction:column}.sticker-top strong{font-size:12px}.sticker-bottom{right:2%;bottom:1%;font-weight:700;transform:rotate(5deg)}.sparkle{color:#7a995d;font-size:17px;margin-right:5px}.hero-shape{position:absolute;border-radius:50%;pointer-events:none}.shape-one{width:500px;height:500px;right:-240px;top:-260px;background:rgba(217,235,188,.38)}.shape-two{width:280px;height:280px;left:-200px;bottom:-190px;border:1px solid rgba(115,142,91,.24)}.hero-bottom{display:flex;align-items:center;gap:18px;padding-top:40px;font-size:9px;font-weight:700;letter-spacing:.16em;color:#83877d}.hero-bottom-line{height:1px;background:#d9d9ce;flex:1}
.section-pad{padding:104px 0}.apps-section{background:var(--white)}.section-heading{margin-bottom:38px}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:50px}.section-heading h2,.studio-copy h2,.faq-grid h2{font-size:clamp(36px,4vw,54px);margin:17px 0 0}.heading-row>p{max-width:385px;color:var(--muted);font-size:15px;margin-bottom:5px}.filter-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:34px 0 26px}.filter-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#777d71;font-weight:700;margin-right:7px}.filter-button{border:1px solid #dedfd5;background:transparent;color:#5f655b;padding:9px 14px;border-radius:999px;font:600 12px 'DM Sans',sans-serif;cursor:pointer;transition:all .18s}.filter-button:hover,.filter-button.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.app-card{border-radius:var(--radius);padding:28px 29px 24px;display:flex;flex-direction:column;min-height:435px;position:relative;overflow:hidden}.card-peach{background:#f5e0d4}.card-lilac{background:#e9e2f3}.card-green{background:#e0ebd1}.card-yellow{background:#f6e8b8}.app-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.app-icon{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;font-size:29px;box-shadow:0 7px 18px rgba(40,45,35,.08);background:rgba(255,255,255,.6)}.app-number{font-size:9px;font-weight:700;letter-spacing:.13em;color:rgba(36,40,33,.58);padding-top:7px}.app-card h3{font-size:29px;margin-bottom:7px}.app-tagline{font-size:14px;font-weight:700;margin-bottom:14px}.app-description{font-size:13px;line-height:1.7;color:#53594f;margin-bottom:17px;max-width:500px}.feature-list{list-style:none;padding:0;margin:0 0 23px;display:grid;gap:7px}.feature-list li{font-size:12px;color:#52584e;display:flex;gap:9px;align-items:flex-start}.feature-list li:before{content:'✓';font-weight:700;color:#507446}.app-card-bottom{margin-top:auto;border-top:1px solid rgba(44,49,39,.14);padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.card-site-link{font-size:12px;font-weight:700;text-decoration:none;display:flex;gap:7px}.store-links{display:flex;gap:7px}.store-links a{font-size:10px;font-weight:700;text-decoration:none;border:1px solid rgba(39,44,34,.28);border-radius:999px;padding:7px 10px;white-space:nowrap}.store-links a:hover{background:rgba(255,255,255,.5)}.store-note{margin-top:24px;padding:15px 18px;border:1px solid #e7e6de;border-radius:15px;display:flex;align-items:center;gap:13px}.store-note-icon{display:grid;place-items:center;width:28px;height:28px;background:#f0f0e6;border-radius:50%;font-weight:700}.store-note p{font-size:11px;color:#777c72;margin:0}.filter-empty{padding:30px;color:var(--muted)}
.studio-section{background:#e5edd9}.studio-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.studio-art{min-height:390px;position:relative;display:grid;place-items:center}.studio-circle{position:absolute;border-radius:50%}.circle-back{width:310px;height:310px;background:#f1d46f;left:6%;top:9%}.circle-front{width:250px;height:250px;background:#f8f5ed;right:3%;bottom:7%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow);transform:rotate(7deg)}.circle-front img{width:100px;height:100px}.circle-front span{font-size:10px;line-height:1.35;letter-spacing:.19em;text-align:center;font-weight:700}.studio-doodle{position:absolute;font-size:48px;color:#708b55}.doodle-one{left:7%;bottom:11%}.doodle-two{right:2%;top:5%;font-size:36px}.studio-caption{position:absolute;bottom:0;left:12%;font-size:11px;color:#6e7564;line-height:1.5;transform:rotate(-4deg)}.studio-copy>p{font-size:14px;line-height:1.8;color:#5c6556;margin:23px 0}.studio-copy .button{margin-top:6px}.approach-section{background:var(--paper)}.section-intro{max-width:550px;color:var(--muted);font-size:15px;margin:20px 0 0}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.principle{border-top:1px solid #d9dcd0;padding:25px 14px 0 0}.principle-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#e3ebd7;font-size:22px;color:#597448;margin-bottom:22px}.principle h3{font-size:20px;margin-bottom:12px;letter-spacing:-.035em}.principle p{font-size:13px;line-height:1.8;color:#697064;margin-bottom:0}.faq-section{background:var(--white)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-grid>div:first-child>p{font-size:14px;color:var(--muted);max-width:320px;margin:23px 0}.faq-list details{border-bottom:1px solid #e2e3da;padding:0 0 17px;margin-bottom:17px}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-family:Manrope,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.025em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;color:#6e8a57;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;color:#646a60;line-height:1.8;margin:14px 35px 0 0}.faq-list details a{color:#426d39}.contact-band{background:#2d4939;color:#fff;padding:54px 0;overflow:hidden}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative}.contact-band .eyebrow{color:#c5d6b6}.contact-band h2{font-size:clamp(34px,4vw,48px);margin:12px 0 0}.button-light{background:#f5f2e9;color:#283b2d;white-space:nowrap}.contact-spark{position:absolute;right:24%;top:-45px;color:rgba(213,231,191,.17);font-size:130px;line-height:1}.site-footer{background:#f0eee5;padding:42px 0 18px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:30px;padding-bottom:36px}.footer-main>p{font-size:12px;color:#777c72;line-height:1.7;margin:6px 0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.footer-links a{font-size:11px;font-weight:600;text-decoration:none;color:#5e6559}.footer-bottom{border-top:1px solid #dedfd5;padding-top:17px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#888c83}
/* Privacy page */
.legal-hero{padding:70px 0 35px;background:#f1eee4}.legal-hero h1{font-size:clamp(42px,5vw,64px);margin:16px 0}.legal-hero p{max-width:660px;color:var(--muted)}.legal-content{padding:45px 0 100px;background:var(--white)}.legal-copy{max-width:760px}.legal-copy h2{font-size:24px;margin:35px 0 12px}.legal-copy p,.legal-copy li{font-size:14px;color:#5d645a;line-height:1.85}.legal-copy a{color:#426d39}.updated{font-size:11px!important;color:#878b82!important}
@media(max-width:900px){.site-nav{gap:17px}.site-nav>a{font-size:12px}.hero-grid{gap:20px}.hero-art{transform:scale(.9);transform-origin:center}.app-card{padding:24px;min-height:460px}.studio-grid,.faq-grid{gap:50px}.studio-art{transform:scale(.9)}}
@media(max-width:700px){.container{width:min(100% - 34px,560px)}.nav-wrap{height:72px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:71px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:15px 20px 22px;align-items:stretch;gap:0;flex-direction:column;box-shadow:0 14px 24px rgba(30,35,25,.07)}.site-nav.is-open{display:flex}.site-nav>a{padding:13px 4px;font-size:14px}.site-nav .nav-contact{margin-top:7px;text-align:center;padding:12px}.hero{padding:54px 0 20px}.hero-grid{grid-template-columns:1fr;gap:10px}.hero-copy{max-width:none}.hero h1{font-size:clamp(48px,13vw,68px);margin-top:21px}.hero-lede{font-size:16px;max-width:470px}.hero-art{height:355px;transform:scale(.82);transform-origin:top center;margin:16px auto -45px;width:500px;max-width:100%}.app-tile{width:155px;height:145px}.tile-poop{left:8%}.tile-sender{right:7%}.tile-move{left:17%}.tile-games{right:12%}.orbit-a{width:340px;height:340px}.orbit-b{width:260px;height:260px}.hero-bottom{gap:9px;font-size:7px;letter-spacing:.1em;padding-top:24px}.section-pad{padding:72px 0}.heading-row{display:block}.heading-row>p{margin-top:22px;max-width:470px}.section-heading h2,.studio-copy h2,.faq-grid h2{font-size:clamp(36px,10vw,48px)}.filter-bar{gap:8px;margin-top:25px}.filter-label{width:100%;margin-bottom:2px}.filter-button{font-size:11px;padding:8px 12px}.app-grid{grid-template-columns:1fr;gap:14px}.app-card{min-height:0;padding:23px}.app-card h3{font-size:27px}.app-card-top{margin-bottom:18px}.app-card-bottom{align-items:flex-start}.store-links a{font-size:10px}.studio-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.studio-art{min-height:335px;transform:none;max-width:440px;width:100%;margin:auto}.circle-back{width:270px;height:270px;left:6%;top:5%}.circle-front{width:220px;height:220px;right:4%;bottom:6%}.circle-front img{width:88px;height:88px}.studio-caption{left:6%;bottom:0}.studio-copy>p{margin:19px 0}.principles-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}.principle{padding-top:20px}.principle-icon{margin-bottom:15px}.faq-grid{gap:32px}.faq-list summary{font-size:14px}.contact-band{padding:40px 0}.contact-inner{align-items:flex-start;flex-direction:column}.contact-spark{right:4%;top:-35px;font-size:90px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-main>p{grid-column:1/-1;grid-row:2}.footer-links{grid-column:1/-1;grid-row:3;max-width:360px}.footer-bottom{flex-direction:column;gap:7px}.legal-hero{padding:50px 0 25px}.legal-content{padding:30px 0 70px}}
@media(max-width:380px){.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-art{transform:scale(.7);margin:10px auto -90px}.hero-bottom{font-size:6px}.app-card-bottom{display:grid}.store-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
