@font-face{font-family:Satoshi;src:url(/fonts/satoshi-regular.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-medium.ttf)format("truetype");font-display:swap;font-weight:500}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-bold.ttf)format("truetype");font-display:swap;font-weight:700}:root{--ink:#171719;--muted:#626870;--mist:#f5f5f7;--white:#fff;--line:#e6e6e9;--green:#55c448;--cyan:#40a8dc;--purple:#a446ca;color:var(--ink);background:var(--white);font-synthesis:none;font-family:Satoshi,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--white);flex-direction:column;min-height:100dvh;margin:0;display:flex}body>main{flex:1}body>header,body>footer{flex-shrink:0}a{color:inherit}img{max-width:100%;display:block}.skip-link{z-index:20;background:var(--ink);color:#fff;border-radius:99px;padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header,.shell{width:min(1160px,100% - 40px);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:2rem;min-height:76px;display:flex}.wordmark{letter-spacing:-.04em;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.wordmark:before{content:"";background:url(/bloopie-app-icon.jpg) 50%/cover;border-radius:9px;width:30px;height:30px;box-shadow:0 4px 12px #17171918}.site-header nav{align-items:center;gap:clamp(1rem,3vw,2rem);display:flex}.site-header nav a,.footer-column a{color:var(--muted);font-size:.94rem;font-weight:500;text-decoration:none}.site-header nav a:hover,.site-header nav a:focus-visible,.site-footer a:hover,.site-footer a:focus-visible{color:var(--ink)}.nav-cta{background:var(--ink);border-radius:99px;padding:.65rem 1rem;color:#fff!important}.hero{text-align:center;padding:clamp(3.5rem,6vw,6rem) 0 0;overflow:hidden}.hero-copy{width:min(1000px,100% - 32px);margin-inline:auto}.eyebrow{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-.05em;margin-bottom:1.35rem;font-size:clamp(3.5rem,6.5vw,5.6rem);line-height:1.02}.hero-lede{max-width:660px;color:var(--muted);margin:0 auto 1.8rem;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.55}.actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.button{background:var(--ink);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-height:48px;padding:.75rem 1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.button.secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.button:hover{transform:translateY(-1px)}.product-stage{width:min(850px,100%);height:720px;margin:3.5rem auto 0;position:relative}.stage-halo{background:var(--mist);border-radius:50% 50% 0 0;position:absolute;inset:14% 8% 0}.phone{z-index:2;text-align:left;background:#08080a;border:2px solid #29292d;border-radius:60px;width:330px;height:680px;padding:10px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 40px 90px #17171930,inset 0 0 0 1px #fff2}.phone:before{z-index:4;content:"";background:#050506;border-radius:20px;width:102px;height:28px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.screen{color:#fff;background:#151518;border-radius:49px;height:100%;padding:58px 20px 20px;overflow:hidden}.screen-top{justify-content:space-between;align-items:center;display:flex}.screen-top h2{letter-spacing:-.04em;margin:0;font-size:1.5rem}.round-control{color:#a9aaae;background:#29292d;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.week{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;margin:26px 0 30px;display:grid}.day{color:#a0a0a6;font-size:.64rem}.day strong{color:#d4d4d7;border-radius:50%;place-items:center;width:30px;height:30px;margin:6px auto;font-size:.76rem;display:grid}.day.active strong{color:#171719;background:#fff}.dots{justify-content:center;gap:2px;min-height:5px;display:flex}.dots i{background:var(--green);border-radius:50%;width:4px;height:4px}.dots i:nth-child(2){background:var(--cyan)}.screen-label{color:#85858b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.68rem;font-weight:700}.habit{background:#202024;border:1px solid #ffffff0d;border-radius:20px;grid-template-columns:40px 1fr 42px;align-items:center;gap:12px;margin-bottom:10px;padding:14px;display:grid}.habit-icon{background:color-mix(in srgb, var(--accent) 20%, #202024);border-radius:14px;place-items:center;width:40px;height:40px;display:grid}.habit-icon:after{background:var(--accent);content:"";width:22px;height:22px;mask:var(--icon) center / contain no-repeat}.icon-book{--icon:url(/icons/open-book.svg)}.icon-water{--icon:url(/icons/water-drop.svg)}.icon-lotus{--icon:url(/icons/lotus-flower.svg)}.habit h3{margin:0;font-size:.9rem}.habit p{color:#a9a9af;margin:2px 0 0;font-size:.7rem}.ring{background:conic-gradient(var(--accent) var(--value), #38383e 0);border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.ring:after{content:"";background:#202024;border-radius:50%;width:31px;height:31px}.app-tabs{color:#a0a0a6;text-align:center;background:#202024;border-radius:18px;grid-template-columns:1fr 1fr;margin-top:18px;padding:5px;font-size:.66rem;display:grid}.app-tabs span{border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex}.app-tabs .active{color:#fff;background:#303035}.app-tabs i{width:13px;height:13px;mask:var(--tab-icon) center / contain no-repeat;background:currentColor}.tab-habits{--tab-icon:url(/icons/blobs.svg)}.tab-settings{--tab-icon:url(/icons/cog.svg)}.green{--accent:var(--green)}.cyan{--accent:var(--cyan)}.purple{--accent:var(--purple)}.float-card{z-index:3;text-align:left;backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #ffffffb3;border-radius:24px;width:238px;padding:18px;position:absolute;box-shadow:0 24px 60px #1717191c}.float-card.one{top:116px;left:0;transform:rotate(-3deg)}.float-card.two{top:360px;right:0;transform:rotate(3deg)}.float-card small{color:var(--muted);font-weight:700}.float-card h3{margin:.45rem 0 .25rem;font-size:1.12rem}.float-card p{color:var(--muted);margin:0;font-size:.85rem}.mini-line{background:#e8e8eb;border-radius:99px;height:7px;margin-top:14px;overflow:hidden}.mini-line i{border-radius:inherit;background:var(--accent);width:80%;height:100%;display:block}.section{padding:clamp(5rem,10vw,9rem) 0}.section-heading{max-width:720px;margin-bottom:3rem}.section h2,.page-hero h1{letter-spacing:-.06em;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4.8rem);line-height:1}.section-heading p:last-child,.page-hero .lede{color:var(--muted);font-size:1.15rem}.feature-grid{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.panel{background:var(--mist);border-radius:34px;min-height:360px;padding:clamp(1.6rem,4vw,3.5rem);overflow:hidden}.panel.dark{background:var(--ink);color:#fff}.panel h3{letter-spacing:-.05em;max-width:460px;margin-bottom:.75rem;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.05}.panel p{max-width:470px;color:var(--muted);font-size:1.04rem}.panel.dark p{color:#a6a6ac}.goal-control{background:#fff;border-radius:20px;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;max-width:280px;margin-top:2rem;padding:10px;display:grid;box-shadow:0 12px 30px #1717190d}.goal-control>span{background:var(--mist);width:44px;height:44px;color:var(--ink);border-radius:14px;place-items:center;font-size:1.3rem;display:grid}.goal-control strong,.progress-example strong{text-align:center}.goal-control small,.progress-example small{color:var(--muted);font-size:.7rem;font-weight:500;display:block}.progress-example{background:#252528;border:1px solid #ffffff14;border-radius:22px;align-items:center;gap:14px;width:fit-content;margin-top:2rem;padding:14px 18px;display:flex}.progress-example .ring{width:48px;height:48px}.progress-example .ring:after{background:#252528;width:38px;height:38px}.progress-example strong{text-align:left;font-size:1.2rem}.wide{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;min-height:320px;display:grid}.week-art{text-align:center;grid-template-columns:repeat(7,minmax(30px,1fr));align-items:center;gap:8px;min-height:180px;display:grid}.week-art span{min-width:0}.week-art small{color:var(--muted);font-size:.7rem}.week-art i{background:#fff;border-radius:50%;place-items:center;width:clamp(30px,4.3vw,48px);height:clamp(30px,4.3vw,48px);margin:8px auto;font-style:normal;font-weight:700;display:grid;box-shadow:0 6px 18px #1717190b}.week-art i.active{background:var(--ink);color:#fff}.week-art b{justify-content:center;gap:3px;min-height:6px;display:flex}.week-art em{background:var(--green);border-radius:50%;width:5px;height:5px}.week-art em:nth-child(2){background:var(--cyan)}.closing{background:var(--mist);text-align:center;border-radius:36px;margin-bottom:5rem;padding:clamp(3rem,7vw,5.5rem)}.closing h2{letter-spacing:-.06em;margin-bottom:.8rem;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1}.closing p{color:var(--muted);font-size:1.1rem}.page-hero{text-align:center;padding:clamp(5rem,10vw,9rem) 0 4rem}.page-hero .lede{max-width:650px;margin-inline:auto}.steps{gap:18px;display:grid}.step{background:var(--mist);border-radius:28px;grid-template-columns:70px 1fr;gap:1.5rem;padding:clamp(1.5rem,4vw,3rem);display:grid}.step-number{color:var(--muted);font-size:.8rem;font-weight:700}.step h2{letter-spacing:-.05em;margin-bottom:.6rem;font-size:clamp(1.7rem,4vw,2.8rem)}.step p{max-width:680px;color:var(--muted);margin:0}.content{width:min(760px,100% - 40px);margin:0 auto;padding:clamp(5rem,10vw,8rem) 0}.content h1{letter-spacing:-.065em;margin-bottom:1.2rem;font-size:clamp(2.8rem,7vw,5.5rem);line-height:.98}.content h2{letter-spacing:-.035em;margin:3.2rem 0 1rem;font-size:1.8rem}.content p,.content li{color:#414146;font-size:1.08rem;line-height:1.75}.content .lede{color:var(--muted);font-size:1.25rem}.content table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.content th,.content td{border:1px solid var(--line);text-align:left;vertical-align:top;min-width:10rem;padding:.75rem}.legal-navigation{flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:2rem;display:flex}.legal-navigation a{color:var(--muted);font-weight:500}.article-date{color:var(--muted)!important;font-size:.9rem!important}.post-list{margin:3rem 0 0;padding:0;list-style:none}.post-list li{border-top:1px solid var(--line);padding:1.6rem 0}.post-list a{justify-content:space-between;gap:1rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.post-list time{color:var(--muted);flex:none;font-size:.8rem;font-weight:500}.post-list p{margin:.5rem 0 0;font-size:.98rem}.faq{margin-top:3rem}.faq details{border-top:1px solid var(--line);padding:1.2rem 0}.faq summary{cursor:pointer;font-size:1.08rem;font-weight:700}.faq details p{margin:.8rem 0 0}.site-footer{background:var(--mist);padding:64px 0 30px}.footer-inner{grid-template-columns:1fr 2fr;align-items:start;gap:64px 48px;display:grid}.footer-inner>.wordmark{justify-self:start}.footer-navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.footer-column{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.footer-column h2{margin:0 0 6px;font-size:.9rem;font-weight:700}.footer-column a{padding-block:3px}.social-links{gap:4px;margin-left:-10px;display:flex}.footer-column .social-link{color:#000;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.social-link svg{flex-shrink:0;width:22px;height:22px}.footer-copyright{color:var(--muted);grid-column:2;margin:0;font-size:.8rem}@media (width<=760px){.site-footer{padding:40px 0 24px}.footer-inner{grid-template-columns:1fr;gap:36px}.footer-navigation{gap:20px}.footer-column a{align-items:center;min-height:40px;font-size:.85rem;display:inline-flex}.footer-copyright{grid-column:1}}@media (width<=420px){.footer-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}}:focus-visible{outline:3px solid color-mix(in srgb, var(--cyan) 50%, white);outline-offset:3px}@media (width<=760px){.site-header{align-items:flex-start;min-height:112px;padding-top:18px}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:.5rem 1rem;max-width:210px}.site-header nav a{font-size:.78rem}.nav-cta{order:-1;padding:.5rem .8rem}.hero{padding-top:2.5rem}.hero h1{font-size:clamp(3rem,15vw,3.5rem);line-height:1}.product-stage{height:660px;margin-top:3rem}.phone{width:min(315px,100% - 28px);height:640px}.float-card{display:none}.feature-grid,.wide{grid-template-columns:1fr}.wide{gap:2rem}.panel{min-height:300px}.week-art{gap:3px;min-height:120px}.step{grid-template-columns:1fr;gap:.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}