@font-face{font-family:Paperlogy;src:url('assets/Paperlogy-4Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Paperlogy;src:url('assets/Paperlogy-7Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#f5f3ea;--ink:#252721;--muted:#62655b;--yellow:#f1dc7b;--line:#d9d9cb;--orange:#d85b39}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Paperlogy,'Apple SD Gothic Neo',sans-serif;font-size:15px;line-height:1.7;word-break:keep-all}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:var(--yellow)}.wrap{max-width:1320px;width:calc(100% - 112px);margin:auto}.header{height:100px;margin:auto;max-width:1440px;padding:0 56px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.logo{font-size:29px;letter-spacing:-1.8px;font-weight:700;display:inline-flex;gap:6px;align-items:center}.logo-dot{display:inline-grid;place-items:center;font-size:20px;background:var(--yellow);border-radius:50%;width:28px;height:28px;letter-spacing:0;margin-left:3px}.header nav{display:flex;align-items:center;gap:34px;font-size:13px}.header nav>a{transition:color .2s}.header nav>a:hover{color:var(--orange)}.nav-contact{border:1px solid var(--ink);border-radius:30px;padding:8px 19px}.nav-contact span{margin-left:15px}.hero{padding-top:38px}.hero-top,.hero-bottom,.section-label{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow,.mini,.section-label,.hero-bottom,.art-caption{font-size:11px;letter-spacing:1.1px}.eyebrow{display:flex;align-items:center;gap:9px;font-weight:700}.eyebrow i,.pill i{width:6px;height:6px;border-radius:50%;background:var(--orange);display:inline-block}.mini{color:var(--muted);letter-spacing:0}.hero-grid{display:grid;grid-template-columns:1.13fr 1fr;min-height:570px;align-items:center;gap:30px}.hero-copy{padding:24px 0 46px;z-index:1}h1{font-size:clamp(40px,4.5vw,67px);line-height:1.32;letter-spacing:-3.5px;margin:0 0 28px;font-weight:700}.underlined{position:relative;white-space:nowrap}.underlined:after{content:'';position:absolute;bottom:1px;left:0;right:0;height:13px;background:var(--yellow);z-index:-1;transform:rotate(-1deg)}.hero-copy>p{color:var(--muted);font-size:15px;line-height:1.9;margin-bottom:32px}.button{padding:15px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border-radius:5px;font-size:13px;font-weight:700;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:#43473c}.dark{background:var(--ink);color:var(--paper)}.button span{font-size:22px;line-height:1}.hero-art{position:relative;height:470px;isolation:isolate}.sun{position:absolute;width:380px;height:380px;border-radius:50%;background:var(--yellow);left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}.cat{width:105%;max-width:520px;height:390px;object-fit:contain;position:absolute;left:-2%;top:52px;filter:drop-shadow(0 20px 16px #8f6b3614);animation:float 6s ease-in-out infinite}.orbit-text{position:absolute;right:0;top:28px;transform:rotate(13deg);font-size:11px;letter-spacing:2px}.art-note{position:absolute;padding:9px 16px;background:#faf9f3;box-shadow:0 5px 20px #2527210b;font-size:13px;z-index:2;border:1px solid #e4dfca}.note-a{top:100px;left:0;transform:rotate(-9deg)}.note-b{bottom:81px;right:-3px;transform:rotate(6deg)}.cat-paw{border:0;position:absolute;bottom:86px;left:20px;background:var(--ink);color:var(--yellow);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;transform:rotate(-15deg);transition:transform .3s}.cat-paw:hover{transform:rotate(35deg)}.cat-paw span{font-size:34px;line-height:1}.cat-hello{opacity:0;position:absolute;bottom:152px;left:0;font-size:13px;background:var(--ink);color:var(--paper);padding:8px 14px;border-radius:20px;transition:opacity .2s}.cat-hello.visible{opacity:1}.art-caption{position:absolute;bottom:5px;left:30px;right:20px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.hero-bottom{padding:21px 0 26px;border-top:1px solid var(--line);letter-spacing:0;color:var(--muted)}.hero-bottom a{color:var(--ink)}.hero-bottom a span{margin-left:14px}.studio{padding:103px 0 108px}.section-label{font-size:10px;letter-spacing:1.2px;font-weight:700}.section-label>span:last-child{font-weight:400;letter-spacing:0}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:57px}h2{font-size:clamp(29px,3vw,43px);line-height:1.45;letter-spacing:-1.8px;margin:0}.lead{font-size:18px;letter-spacing:-.6px;margin:0 0 19px}.muted{color:var(--muted);font-size:14px;line-height:1.9;margin:0}.principles{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px;font-size:10px}.principles span{display:flex;gap:8px}.principles b{font-size:11px;font-weight:400}.product{padding:52px 0 80px;background:var(--yellow);overflow:hidden}.pill{border:1px solid #25272145;padding:5px 12px;border-radius:30px;display:flex;gap:7px;align-items:center;font-size:11px}.pill i{background:var(--ink)}.product-heading{display:flex;justify-content:space-between;align-items:center;padding:36px 0 42px;border-bottom:1px solid #25272130}.product-heading h2{font-size:clamp(42px,7vw,93px);line-height:1.2;letter-spacing:-4px}.product-heading h2 span{font-size:17px;letter-spacing:-1px;vertical-align:middle;margin-left:21px;font-weight:400}.product-heading p{font-size:14px;margin:12px 0 0}.product-arrow{font-size:85px;line-height:1;font-family:sans-serif}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding:56px 60px 18px 0;align-items:center}.product-copy h3{font-size:32px;letter-spacing:-1.5px;line-height:1.5;margin:0 0 25px}.product-copy>p{font-size:14px;line-height:1.9;color:#4e4b37}.feature-list{list-style:none;padding:0;margin:33px 0}.feature-list li{display:flex;gap:20px;margin:20px 0}.feature-list li>span{font-size:10px;padding-top:4px}.feature-list strong{font-size:14px}.feature-list p{font-size:12px;margin:4px 0;color:#55513e}.text-link{display:inline-flex;gap:35px;font-size:12px;padding-bottom:6px;border-bottom:1px solid var(--ink)}.app-preview{max-width:376px;position:relative;background:var(--paper);padding:28px 25px 14px;border-radius:24px;transform:rotate(3deg);box-shadow:15px 20px 0 #25272112;justify-self:end;width:100%;border:1px solid #25272118}.preview-top{display:flex;justify-content:space-between;margin-bottom:35px}.preview-top>strong{font-size:22px;letter-spacing:-1px}.preview-top>span{background:var(--yellow);border-radius:50%;width:32px;text-align:center}.preview-label{font-size:11px}.preview-amount{font-size:40px;font-weight:700;letter-spacing:-2px;line-height:1.6;margin-bottom:25px}.preview-amount span{font-size:21px}.preview-cat{position:absolute;right:12px;top:94px;width:100px;height:94px;object-fit:contain}.next-bill{background:var(--yellow);padding:15px;border-radius:12px;display:grid;gap:5px;margin-bottom:11px}.next-bill>span,.next-bill small{font-size:10px}.next-bill>strong{font-size:12px;display:flex;justify-content:space-between}.preview-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;font-size:12px}.preview-row small{display:block;color:var(--muted);font-size:9px}.preview-row strong{margin-left:auto;font-size:11px}.service-icon{flex-shrink:0;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:17px}.coral{background:#efd3c5;color:#983d27}.green{background:#dce3c5;color:#41502c}.blue{background:#d9e0e7;color:#42536d}.preview-bottom{display:flex;justify-content:space-between;background:var(--ink);color:var(--paper);padding:12px 16px;border-radius:10px;font-size:10px;margin-top:18px}.preview-caption{font-size:8px;text-align:center;margin:13px -8px 0;color:var(--muted)}.demo{padding:100px 0 110px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:58px;align-items:start}.demo h2{margin-bottom:25px}.savings-cat{width:235px;height:210px;object-fit:contain;object-position:left;margin-top:22px}.calculator{border-top:2px solid var(--ink);padding-top:22px}.calc-head{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:14px;gap:15px}.segmented{display:flex;border:1px solid var(--line);padding:3px;border-radius:25px}.segmented button{font-size:11px;padding:6px 15px;border:0;background:transparent;color:var(--muted);border-radius:20px}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.calc-items{margin:20px 0 0}.calc-items label{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px;cursor:pointer;position:relative}.calc-items small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.calc-items input{position:absolute;right:0;opacity:0;width:44px;height:44px;cursor:pointer;z-index:1}.switch{margin-left:auto;display:block;width:39px;height:23px;border-radius:30px;background:#c6c8bd;padding:3px;transition:background .2s}.switch:after{content:'';display:block;width:17px;height:17px;border-radius:50%;background:var(--paper);transition:transform .2s}.calc-items input:checked+.switch{background:var(--ink)}.calc-items input:checked+.switch:after{transform:translateX(16px);background:var(--yellow)}.calc-items input:focus-visible+.switch{outline:3px solid var(--orange);outline-offset:4px}.calc-result{padding:24px 0 22px;display:grid}.calc-result>span{font-size:12px}.calc-result>strong{font-size:48px;line-height:1.5;letter-spacing:-2px}.calc-result strong small{font-size:20px;margin-left:5px}.calc-result p{font-size:11px;margin:0;color:var(--muted)}.calc-footnote{margin:0;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}.philosophy{background:var(--ink);color:var(--paper);padding:72px 0 45px}.philosophy .eyebrow{font-size:10px;font-weight:400;color:#d1d3c4}.philosophy h2{font-size:clamp(40px,6vw,78px);line-height:1.35;letter-spacing:-3px;margin:35px 0}.philosophy h2 span{color:var(--yellow)}.philosophy-bottom{display:flex;justify-content:space-between;align-items:center}.philosophy-bottom p{font-size:13px;color:#c1c4b6}.philosophy-bottom>span{font-size:110px;color:var(--yellow);line-height:1}.faq{padding:100px 0}.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:100px;margin-top:55px}details{border-bottom:1px solid var(--line)}details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:24px 0;gap:18px}summary::-webkit-details-marker{display:none}summary span{font-size:23px;font-family:sans-serif;font-weight:400;line-height:1;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:13px;line-height:1.9;margin:0;padding:0 30px 24px 0}details a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.contact{border-top:1px solid var(--line);padding:75px 0 85px;display:flex;justify-content:space-between;align-items:center;gap:35px}.contact .eyebrow{font-size:9px;margin-bottom:23px}.contact h2{font-size:40px}.contact p{font-size:13px;color:var(--muted);margin-top:23px}.contact-circle{border:1px solid var(--ink);border-radius:50%;width:170px;height:170px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background .25s,transform .25s;font-size:12px}.contact-circle b{font-size:53px;font-family:sans-serif;line-height:1.2;font-weight:400}.contact-circle:hover{background:var(--yellow);transform:rotate(-7deg)}footer{padding:30px 0;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-top>a:last-child{font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:30px;font-size:10px;line-height:1.9;color:var(--muted)}.footer-bottom>a{align-self:end}.skip{position:fixed;left:15px;top:-100px;padding:8px;background:var(--ink);color:var(--paper);z-index:10}.skip:focus{top:15px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}@keyframes float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@media(min-width:1500px){.hero-grid{min-height:610px}.hero-art{height:490px}.sun{width:420px;height:420px}.cat{top:45px;height:420px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header{padding:0 32px}.hero-grid{gap:12px;min-height:510px}h1{font-size:45px;letter-spacing:-2.7px}.hero-art{height:400px}.sun{width:310px;height:310px}.cat{height:320px;top:38px}.note-a{top:80px;font-size:11px}.note-b{bottom:60px;font-size:11px}.cat-paw{bottom:60px;left:6px;width:46px;height:46px}.orbit-text{top:28px;font-size:9px}.studio-grid,.demo-grid,.faq-grid{gap:45px}.product-grid{gap:55px;padding-right:10px}.product-copy h3{font-size:28px}.preview-amount{font-size:35px}.preview-cat{width:75px;right:7px}.app-preview{padding:25px 20px 15px}.principles{gap:11px}.product-copy>p{font-size:13px}}
@media(max-width:760px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.header{padding:0 20px;height:78px}.logo{font-size:25px}.logo-dot{font-size:16px;width:24px;height:24px}.header nav{gap:18px;font-size:10px}.nav-contact{padding:0;border:0}.nav-contact span{margin-left:2px}.header nav>a:first-child{display:none}.hero{padding-top:24px}.mini{display:none}.eyebrow{font-size:9px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:43px 0 3px}h1{font-size:clamp(36px,8.5vw,58px);letter-spacing:-2.7px;margin-bottom:22px}.hero-copy>p{font-size:12px;line-height:1.95;margin-bottom:25px}.button{font-size:11px;padding:12px 17px;gap:35px}.hero-art{height:360px;max-width:410px;width:100%;margin:0 auto}.sun{width:280px;height:280px}.cat{width:100%;height:305px;top:22px;left:0}.note-a{top:65px;left:10px}.note-b{bottom:55px;right:8px}.orbit-text{right:12px;top:20px}.cat-paw{left:20px;bottom:47px}.cat-hello{bottom:100px;left:12px}.art-caption{bottom:13px;left:20px;right:15px;font-size:8px}.hero-bottom{font-size:9px;padding:16px 0;gap:15px}.hero-bottom>span{max-width:170px}.hero-bottom>a{white-space:nowrap}.studio{padding:64px 0}.section-label{font-size:9px}.studio-grid{grid-template-columns:1fr;gap:26px;margin-top:30px}h2{font-size:31px;letter-spacing:-1.5px}.lead{font-size:16px}.muted{font-size:12px}.principles{gap:20px;margin-top:23px}.principles span{flex-direction:column;gap:5px;font-size:9px}.principles b{font-size:10px}.product{padding:30px 0 48px}.product-heading{padding:25px 0}.product-heading h2{font-size:clamp(37px,10vw,60px);letter-spacing:-2.8px}.product-heading h2 span{font-size:13px;margin-left:12px}.product-heading p{font-size:11px}.product-arrow{display:none}.pill{font-size:9px;padding:3px 9px}.product-grid{grid-template-columns:1fr;gap:45px;padding:30px 0 0}.product-copy h3{font-size:27px}.product-copy>p{font-size:12px}.feature-list{margin:24px 0}.feature-list li{margin:15px 0}.feature-list strong{font-size:13px}.feature-list p{font-size:11px}.app-preview{max-width:330px;justify-self:center;transform:rotate(2deg);padding:25px}.preview-cat{width:90px;right:12px}.preview-amount{font-size:39px}.demo{padding:65px 0}.demo-grid{grid-template-columns:1fr;gap:10px;margin-top:30px}.demo h2{margin-bottom:19px}.savings-cat{height:140px;width:165px;display:block;margin:15px 0 15px auto}.calculator{padding-top:16px}.calc-result>strong{font-size:45px}.philosophy{padding:45px 0 30px}.philosophy h2{font-size:43px;letter-spacing:-2px;margin:28px 0}.philosophy .eyebrow{font-size:8px}.philosophy-bottom p{font-size:11px}.philosophy-bottom>span{font-size:80px}.faq{padding:65px 0}.faq-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.faq h2 br{display:none}summary{font-size:12px;padding:21px 0}details p{font-size:12px}.contact{padding:45px 0 50px;gap:20px}.contact h2{font-size:28px}.contact p{font-size:11px;max-width:210px}.contact-circle{width:105px;height:105px;font-size:10px}.contact-circle b{font-size:36px}.contact .eyebrow{font-size:7px;letter-spacing:.7px;margin-bottom:18px}.footer-top{align-items:start;gap:20px}.footer-top>a:last-child{font-size:9px;padding-top:8px;overflow-wrap:anywhere}.footer-bottom{flex-wrap:wrap;gap:18px;font-size:8px}.footer-bottom>a{margin-left:auto}footer{padding:25px 0}.footer-top .logo{font-size:23px}.calc-footnote{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
