:root{--paper:#f5f3ed;--ink:#34392f;--muted:#697061;--green:#596e50;--orange:#a86443;--line:#d8d9cd;--white:#fffdf7;--serif:Georgia,'Times New Roman','Songti SC','STSong',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;--ease:cubic-bezier(.22,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}::selection{background:#d5dfc5;color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:6px}img{display:block;max-width:100%;height:auto}svg{display:block}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.02;letter-spacing:-.045em}h1{font-size:clamp(64px,6.75vw,104px)}h2{font-size:clamp(42px,4.65vw,72px)}h1 em,h2 em{font-weight:400;color:var(--green)}h3{font-weight:500}button[hidden],[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:24px;top:-100px;z-index:100;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:16px}.studio-mark{position:fixed;left:32px;top:25px;display:flex;align-items:center;gap:10px;z-index:20}.studio-mark img{width:34px}.studio-mark span{font-size:13px;letter-spacing:.02em;transition:opacity .3s}body.scrolled .studio-mark span{opacity:0;pointer-events:none}.topbar{position:absolute;top:30px;left:50%;transform:translateX(-50%);display:flex;gap:32px;z-index:10;font-size:13px}.topbar a{position:relative}.topbar a:after{content:'';position:absolute;height:1px;background:var(--ink);bottom:-3px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .3s}.topbar a:hover:after{transform:scaleX(1)}.edge-controls{position:fixed;right:26px;top:23px;display:flex;gap:6px;z-index:20}.edge-controls button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:12px;transition:background .25s}.edge-controls button:hover{background:#dfe3d480}.eyebrow,.paper-label,.platform,.exhibit-label{font-size:10px;letter-spacing:.19em;font-weight:500;text-transform:uppercase}.eyebrow{color:var(--green);margin-bottom:25px}.section{max-width:1320px;margin:auto;padding:130px 80px;position:relative}.body-copy{font-size:16px;line-height:1.9;color:#606855;max-width:440px}.quiet-note{font-size:12px;line-height:1.8;color:var(--muted);max-width:380px}.arrow-link{display:inline-flex;gap:36px;align-items:center;border-bottom:1px solid var(--green);padding:12px 0;color:var(--ink);font-size:14px;min-height:44px}.arrow-link>span:last-child{font-size:22px;transition:transform .4s var(--ease)}.arrow-link:hover>span:last-child{transform:translate(4px,4px)}.availability{font-size:11px;color:var(--muted);margin-top:20px;letter-spacing:.02em}
.hero{max-width:1540px;min-height:900px;height:min(100svh,1100px);margin:auto;padding:125px 8vw 75px;position:relative;display:grid;grid-template-columns:1fr 1.06fr;align-content:center;align-items:center;column-gap:10px}.hero-topline{position:absolute;left:8vw;right:8vw;top:110px;display:flex;align-items:center;justify-content:space-between}.product-sign{display:flex;align-items:center;font-size:30px;font-weight:500;letter-spacing:-1.5px}.product-sign img{width:46px;margin-right:6px}.wordmark-dot{color:var(--orange)}.platform{font-size:9px;color:var(--muted);letter-spacing:.18em}.hero-copy{position:relative;z-index:2;padding-top:88px}.hero .eyebrow{font-size:9px;margin-bottom:26px}.intro{font-size:15px;color:var(--muted);line-height:1.8;margin-top:32px}.hero .arrow-link{margin-top:26px}.hero-art{position:relative;height:630px;max-width:670px;margin-left:-10px;margin-right:-50px;margin-top:45px}.hero-paper{position:absolute;top:36px;right:8%;width:310px;background:var(--white);border:1px solid #e4e0d4;box-shadow:8px 15px 35px #484f3211;transform:rotate(8deg);padding:30px 24px 24px;z-index:1}.hero-paper:before{content:'';position:absolute;background:#cfb98e59;top:-12px;left:110px;width:78px;height:26px;transform:rotate(-5deg)}.hero-paper>p{font-family:var(--serif);font-size:27px;line-height:1.3;margin:20px 0}.hero-paper>div{display:flex;gap:20px;justify-content:space-between;font-size:10px;border-bottom:1px solid #deded2;padding:12px 0}.hero-paper b{font-weight:400;font-variant-numeric:tabular-nums}.hero-paper>small{display:block;font-size:10px;color:var(--muted);margin-top:24px}.paper-label{color:var(--muted);font-size:9px;letter-spacing:.13em}.paper-stamp{position:absolute;right:-20px;bottom:-15px;display:grid;place-content:center;border:1px solid #b97754;color:var(--orange);border-radius:50%;width:67px;height:67px;text-align:center;line-height:1.3;font-size:13px;transform:rotate(-22deg);background:#f5f3edc0}.hero-nico{position:absolute;width:540px;max-width:none;left:-8%;bottom:-1%;z-index:2;filter:drop-shadow(2px 10px 4px #6d513710)}.orbit{position:absolute;inset:-40px -10px 0 -40px;color:#aab39b;pointer-events:none}.orbit svg{width:100%;height:100%;overflow:visible}.orbit path{fill:none;stroke:currentColor;stroke-width:.65}.orbit .orbit-dash{stroke:var(--orange);stroke-width:1.6;stroke-dasharray:20 1800;animation:orbit-line 18s linear infinite}.tiny-star{position:absolute;left:12%;top:13%;font-size:55px;color:#afbea0;font-weight:300;font-style:normal;animation:flower-turn 40s linear infinite}.orbit-note{position:absolute;right:7%;bottom:12%;font-size:10px;transform:rotate(-22deg);color:var(--green)}.nico-whisper{position:absolute;bottom:0;left:2%;font-family:var(--serif);font-size:18px;font-style:italic;color:var(--green);z-index:3;transform:rotate(-5deg)}.pencil-stroke{display:block;width:70px;height:15px;border-bottom:1px solid #8fa57f;transform:rotate(-15deg);border-radius:50%;margin:0 0 18px 35px}.hero-bottom{position:absolute;bottom:29px;left:8vw;right:8vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:9px;letter-spacing:.16em;color:var(--muted)}.hero-bottom a{padding:7px 0}
.capture{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding-top:150px;padding-bottom:150px;align-items:center}.section-copy .body-copy{margin-top:30px}.section-copy .quiet-note{margin-top:26px;padding-left:17px;border-left:1px solid #aeb59f}.capture-exhibit{position:relative}.exhibit-label{font-size:9px;display:block;text-align:right;color:var(--muted)}.receipt-stage{height:620px;position:relative;display:flex;justify-content:center;align-items:flex-end;padding-bottom:50px}.peeking-nico{position:absolute;top:-3px;width:360px;z-index:1}.receipt-paper{position:relative;width:310px;min-height:360px;background:var(--white);padding:33px 29px 30px;box-shadow:0 12px 45px #34392f12;z-index:2;isolation:isolate}.receipt-paper:before,.receipt-paper:after{content:'';position:absolute;left:0;width:100%;height:8px;background:linear-gradient(135deg,var(--white) 25%,transparent 25%) -7px 0/14px 14px,linear-gradient(225deg,var(--white) 25%,transparent 25%) -7px 0/14px 14px;bottom:-8px}.receipt-step{min-height:300px;display:flex;flex-direction:column;align-items:stretch;text-align:center}.coffee-icon svg{width:40px;height:40px;stroke:var(--green);fill:none;stroke-width:1.7;margin:0 auto 13px}.receipt-step h3{font-size:13px;letter-spacing:.06em;line-height:1.5}.receipt-sub{font-size:10px;color:var(--muted);margin:10px 0 20px}.receipt-entry,.receipt-total{display:flex;justify-content:space-between;font-size:12px;padding:16px 0;border-top:1px dashed #b9bcae;gap:12px}.receipt-total b{font-size:18px;font-weight:500}.barcode{width:96px;height:18px;margin:7px auto 20px;background:repeating-linear-gradient(90deg,#848877 0 1px,transparent 1px 4px,#848877 4px 6px,transparent 6px 9px,#848877 9px 10px,transparent 10px 12px)}.solid-button{background:var(--green);color:#fffdf7;padding:12px 16px;font-size:12px;transition:background .3s,transform .3s;min-height:44px}.solid-button:hover{background:#405739;transform:translateY(-2px)}.receipt-stage-label{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:9px;color:var(--green);letter-spacing:.15em}.demo-note{font-size:10px;color:var(--muted);text-align:center;max-width:380px;margin:15px auto 0}.review-check{color:var(--green);font-size:25px;padding-bottom:20px}.review-field{display:flex;justify-content:space-between;text-align:left;font-size:12px;padding:20px 0;border-bottom:1px solid var(--line);gap:14px}.review-field b{font-size:24px;font-weight:400}.receipt-step[data-receipt-panel="1"] .solid-button{margin-top:auto}.receipt-step[data-receipt-panel="2"]{justify-content:center}.saved-stamp{color:var(--green);border:1px solid #8d9f7d;width:64px;height:64px;display:grid;place-items:center;font-size:34px;border-radius:50%;margin:0 auto 25px;transform:rotate(-12deg)}.saved-entry{padding:20px 0;margin:10px 0 20px;border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:11px;align-items:center}.saved-entry strong{font-size:22px;font-weight:400}.receipt-step>.paper-label{margin-top:25px}.text-button{font-size:11px;text-decoration:underline;text-underline-offset:5px;min-height:40px}.receipt-step.entering{animation:ink-appear .45s var(--ease) both}
.overview{padding-top:70px;padding-bottom:100px}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:65px}.heading-row .body-copy{max-width:330px}.ledger-view{margin-top:65px;border-block:1px solid #a8b397;padding:28px 0 20px;position:relative}.ledger-heading{display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line);padding-bottom:20px}.ledger-title{font-family:var(--serif);font-size:23px}.ledger-heading>.paper-label{margin-left:auto}.amount-toggle{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #cbd0bf}.eye-slash{display:none}.amount-toggle[aria-pressed="true"] .eye-slash{display:block}.ledger-content{display:grid;grid-template-columns:1fr 1.05fr;gap:85px;align-items:center;padding:40px 40px 36px}.chart-side{text-align:center}.spending-chart{position:relative;max-width:330px;margin:auto}.spending-chart>svg{width:100%}.chart-track{fill:none;stroke:#e2e5d8;stroke-width:21}.chart-arc{fill:none;stroke-width:21;transition:opacity .4s,stroke-width .4s;stroke-linecap:butt}.chart-arc.muted{opacity:.22}.chart-arc.selected{stroke-width:28}.chart-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.chart-center>span{font-size:11px;color:var(--muted)}.chart-center strong{font-family:var(--serif);font-size:48px;font-weight:400;line-height:1.4;font-variant-numeric:tabular-nums}.chart-center strong>span{font-size:24px;color:var(--muted)}.chart-center .text-button{font-size:10px;color:var(--green)}#chart-note{font-size:12px;color:var(--muted);margin:18px auto 0;max-width:285px;min-height:42px}.category-list button{display:grid;grid-template-columns:24px 1fr auto;gap:11px 14px;text-align:left;width:100%;border-bottom:1px solid var(--line);padding:24px 0 20px;align-items:center;transition:padding .4s,color .3s}.category-list button:hover,.category-list button[aria-pressed="true"]{padding-left:10px;color:var(--green)}.category-number{font-family:var(--serif);font-size:12px;color:var(--muted)}.category-name{font-size:14px}.category-amount{font-size:14px;font-weight:400;font-variant-numeric:tabular-nums}.category-bar{grid-column:2/3;display:block;width:90%;height:3px;background:#e8e8dd;overflow:hidden}.category-bar i{display:block;background:var(--color);width:var(--bar);height:100%;transform-origin:left;transition:transform 1s var(--ease)}.category-share{font-size:10px;color:var(--muted);text-align:right}.ledger-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;font-size:9px;color:var(--muted);letter-spacing:.13em}.ledger-signature{font-family:var(--serif);font-style:italic;font-size:16px;letter-spacing:0}
.books{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;padding-top:140px;padding-bottom:130px}.book-exhibit{position:relative;padding-bottom:95px}.notebook-tabs{display:flex;gap:0;margin:0 4px;position:relative;z-index:2}.notebook-tabs button{background:#d9decf;color:#4f6147;flex:1;position:relative;font-size:11px;min-height:74px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:12px 16px;border-radius:8px 8px 0 0;margin-top:10px;transition:margin .4s,background .4s;box-shadow:inset -1px 0 #bec9b3}.notebook-tabs button span:first-child{font-size:9px;opacity:.8}.notebook-tabs button:nth-child(2){background:#ebd7b8;color:#715b3f}.notebook-tabs button:nth-child(3){background:#d6dfdf;color:#4f6765}.notebook-tabs button.chosen{margin-top:0;box-shadow:inset 0 2px #64795b;background:var(--white);padding-bottom:22px}.open-notebook{background:var(--white);min-height:345px;position:relative;padding:32px 30px 28px 46px;border-left:7px solid #acb698;box-shadow:8px 14px 30px #34392f0a,2px 2px #e6e4da,4px 4px #fbfaf5,6px 6px #d7d8cb}.open-notebook:before{content:'';position:absolute;left:28px;top:0;bottom:0;border-left:1px solid #c7856933}.notebook-corner{position:absolute;right:0;bottom:0;width:30px;height:30px;background:linear-gradient(135deg,#eeeadd 50%,var(--paper) 51%);filter:drop-shadow(-2px -1px 2px #77777710)}.open-notebook h3{font-family:var(--serif);font-size:28px;line-height:1.2;margin-top:16px}.book-subtitle{font-size:11px;color:var(--muted);margin-top:8px;margin-bottom:24px}.open-notebook #book-entries>div{display:flex;justify-content:space-between;font-size:12px;line-height:2;gap:14px;padding:11px 0;border-bottom:1px solid #e0e3d7}.open-notebook b{font-weight:400;font-variant-numeric:tabular-nums}.notebook-total{display:flex;justify-content:space-between;gap:15px;margin-top:22px;align-items:center;font-size:11px}.notebook-total strong{font-family:var(--serif);font-size:27px;font-weight:400}#book-count{font-size:9px;color:var(--muted);display:block;margin-top:15px}.lounging-nico{position:absolute;width:270px;right:-38px;bottom:-18px;pointer-events:none;filter:drop-shadow(2px 8px 3px #6951330b);z-index:4}.thread-mark{display:flex;align-items:center;gap:14px;margin:35px 0 0;max-width:200px;color:#7f8e73;font-size:9px}.thread-mark i{flex:1;height:1px;background:#c6ceb9}.books .section-copy .quiet-note{border:0;padding:0}
.letter{padding-top:100px;padding-bottom:85px}.letter-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:65px}.letter-heading>.body-copy{max-width:360px}.letter-scene{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:80px;align-items:center;min-height:460px}.letter-nico{position:relative;align-self:center}.letter-nico>img{width:500px;max-width:105%;filter:drop-shadow(4px 12px 8px #8d6d3310)}.hello-doodle{position:absolute;left:10px;top:15px;font-family:var(--serif);font-size:24px;font-style:italic;color:var(--green);line-height:1.2;transform:rotate(-14deg);z-index:2}.hello-line{position:absolute;width:95px;height:65px;left:10px;top:75px;border-left:1px solid #9eab90;border-bottom:1px solid #9eab90;transform:rotate(-20deg);border-radius:0 0 0 65px}.correspondence{padding-left:20px}.nico-letter{background:var(--white);box-shadow:7px 14px 35px #34392f0c;position:relative;transform:rotate(2deg);border:1px solid #e6e4d8;transition:transform .7s var(--ease)}.nico-letter[open]{transform:rotate(0)}.nico-letter summary{list-style:none;padding:25px 32px 0;cursor:pointer;position:relative;min-height:255px;overflow:hidden}.nico-letter summary::-webkit-details-marker{display:none}.nico-letter summary:before,.nico-letter summary:after{content:'';position:absolute;pointer-events:none}.nico-letter summary:before{left:0;right:0;top:0;height:185px;clip-path:polygon(0 0,100% 0,50% 80%);background:#edf0e4;box-shadow:0 3px 0 #ccd4be}.nico-letter summary:after{left:0;right:0;top:0;height:189px;clip-path:polygon(0 0,50% 79%,100% 0,50% 80%);background:#b4c0a3}.envelope-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;color:#5b6d4e;font-size:9px;letter-spacing:.13em}.envelope-top>span:last-child{display:grid;place-items:center;font-family:var(--serif);font-size:24px;width:44px;height:49px;border:1px dashed #a9b495}.envelope-seal{position:relative;z-index:2;display:grid;place-items:center;background:#fffdf5;width:70px;height:70px;border-radius:50%;margin:21px auto 0;border:1px solid #e4d9bd;transform:rotate(-8deg);box-shadow:2px 3px 4px #34392f0c}.letter-prompt{margin-top:30px;border-top:1px solid #dfe0d3;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:15px 0 18px;font-size:12px}.letter-prompt>span:last-child{font-size:20px;transition:transform .4s}.nico-letter summary:hover .letter-prompt>span:last-child{transform:translate(3px,-3px)}.nico-letter[open] summary{min-height:0}.nico-letter[open] summary:before,.nico-letter[open] summary:after,.nico-letter[open] .envelope-seal{display:none}.nico-letter[open] .envelope-top{display:none}.nico-letter[open] .letter-prompt{margin-top:0;border-top:0;border-bottom:1px solid var(--line)}.letter-sheet{padding:15px 32px 32px;animation:ink-appear .6s var(--ease) both}.letter-sheet h3{font-family:var(--serif);font-size:26px;margin:17px 0}.letter-sheet>p:not(.letter-sign){font-family:var(--serif);font-size:19px;line-height:1.75;color:#58604e}.letter-sign{font-size:11px;margin-top:23px}.letter-sign em{display:block;font-family:var(--serif);font-size:32px;font-weight:400;color:var(--green)}.letter-sheet>small{display:block;font-size:9px;color:var(--muted);margin-top:22px}.correspondence>.quiet-note{margin-top:32px;max-width:none;font-size:11px}
.care{padding-top:80px;padding-bottom:120px}.care>h2{font-size:32px;letter-spacing:-.02em;padding-bottom:30px;border-bottom:1px solid var(--line)}.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:40px}.care-glyph{display:block;margin-bottom:22px}.care-glyph svg{width:35px;height:35px;fill:none;stroke:var(--green);stroke-width:1.5}.care-glyph circle{fill:var(--paper)}.care-grid h3{font-family:var(--serif);font-size:23px;line-height:1.25}.care-grid p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:15px}.closing{text-align:center;padding-top:80px;padding-bottom:130px;max-width:none;background:linear-gradient(0deg,#e7ecde00,#e7ecde99 45%,#e7ecde00)}.closing-flower{font-size:49px;color:#889777;display:block;line-height:1;margin-bottom:38px;animation:flower-turn 55s linear infinite}.closing .body-copy{margin:30px auto 20px;font-size:14px}.closing .arrow-link{margin:auto}.closing h2{font-size:clamp(45px,5.4vw,82px)}footer{margin:0 5vw;padding:28px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}footer>a:first-child{font-size:14px;color:var(--ink)}.reading-line{position:fixed;left:0;top:0;height:2px;width:100%;z-index:50;pointer-events:none}.reading-line i{display:block;background:#82916f;transform:scaleX(0);transform-origin:left;height:100%;width:100%}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform 1.2s var(--ease)}.js .reveal.is-visible{opacity:1;transform:none}.js .reveal:not(.is-visible) .category-bar i{transform:scaleX(0)}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;transition:none!important}body.motion-paused .reveal{opacity:1!important;transform:none!important}body.motion-paused .category-bar i{transform:none!important}body.motion-paused{scroll-behavior:auto}.nico-cel{transition:none!important}
@keyframes orbit-line{to{stroke-dashoffset:-1820}}@keyframes flower-turn{to{rotate:360deg}}@keyframes ink-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1550px){.hero{padding-left:125px;padding-right:125px}.hero-topline,.hero-bottom{left:125px;right:125px}.hero-art{margin-right:-10px}.hero-nico{width:610px}}
@media(max-width:1100px){.hero{min-height:800px;padding-inline:7vw;grid-template-columns:1fr 1fr}.hero-topline,.hero-bottom{left:7vw;right:7vw}.hero-art{height:550px;margin-right:-30px}.hero-nico{width:460px;left:-12%;bottom:0}.hero-paper{width:260px;right:1%;padding:25px 20px;top:45px}.hero-paper>p{font-size:23px}.hero-paper>div{font-size:9px;gap:8px}.hero-paper>small{font-size:9px}.hero h1{font-size:70px}.hero-copy{padding-top:85px}.hero .eyebrow{letter-spacing:.13em;font-size:8px}.hero .intro{font-size:13px}.section{padding-inline:65px}.capture{gap:35px}.ledger-content{gap:45px;padding-inline:10px}.books{gap:50px}.notebook-tabs button{font-size:10px;padding-inline:10px}.open-notebook{padding:28px 22px 24px 36px}.lounging-nico{width:230px}.heading-row,.letter-heading{gap:40px}.heading-row .body-copy{max-width:270px}.letter-heading .body-copy{max-width:320px}.correspondence{padding-left:0}.care-grid{gap:35px}}
@media(max-width:800px){.studio-mark{left:21px;top:19px}.studio-mark span{display:none}.topbar{top:28px;gap:20px;font-size:12px}.edge-controls{right:15px;top:15px}.edge-controls button{width:38px}.hero{min-height:0;height:auto;padding:175px 8vw 85px;display:block}.hero-topline{top:90px;left:8vw;right:8vw}.hero-copy{padding-top:0;max-width:600px}.hero h1{font-size:clamp(62px,10.3vw,82px)}.hero .eyebrow{font-size:9px}.hero h1 br:nth-of-type(2){display:none}.hero h1 em{white-space:normal}.hero .intro{font-size:15px;max-width:430px}.hero-art{height:620px;width:100%;max-width:640px;margin:-15px auto 0}.hero-nico{width:540px;left:-8%;bottom:4%}.hero-paper{right:4%;top:40px;width:290px;padding:28px 24px}.hero-paper>p{font-size:25px}.hero-paper>div{font-size:10px}.hero-paper>small{font-size:10px}.nico-whisper{left:12%;bottom:3%}.orbit{inset:0 -10px}.hero-bottom>span:last-child{display:none}.hero-bottom{bottom:22px}.hero .availability{margin-top:15px}.hero .arrow-link{margin-top:18px}.section{padding:80px 8vw}.capture{gap:20px;grid-template-columns:1fr 1fr;align-items:center}.capture h2{font-size:49px}.body-copy{font-size:14px}.quiet-note{font-size:11px}.receipt-stage{height:490px;padding-bottom:35px}.peeking-nico{width:285px;top:-5px;max-width:none}.receipt-paper{width:250px;padding:25px 22px}.receipt-step{min-height:270px}.receipt-step h3{font-size:12px}.receipt-sub{font-size:9px}.receipt-entry{padding:12px 0;font-size:11px}.receipt-total{padding:13px 0}.barcode{margin-bottom:15px}.receipt-stage-label{font-size:8px}.exhibit-label{font-size:8px}.overview .heading-row{display:block}.heading-row .body-copy{margin-top:27px;max-width:420px}.ledger-view{margin-top:40px}.ledger-content{gap:30px;padding-inline:0}.category-list button{gap:10px 8px;grid-template-columns:18px 1fr auto}.category-name,.category-amount{font-size:11px}.chart-center strong{font-size:36px}.chart-center strong span{font-size:18px}.chart-center>span{font-size:9px}#chart-note{font-size:10px}.ledger-title{font-size:20px}.books{gap:45px;grid-template-columns:1fr}.books .section-copy{grid-row:1}.books .section-copy .body-copy{max-width:520px}.books .quiet-note{max-width:470px}.books .thread-mark{display:none}.book-exhibit{max-width:540px;width:100%;margin:10px auto}.open-notebook{padding:35px 35px 30px 50px}.notebook-tabs button{font-size:12px;min-height:68px;padding-inline:20px}.lounging-nico{width:260px;right:-20px}.letter-heading{display:block}.letter-heading .body-copy{margin-top:30px;max-width:460px}.letter-scene{gap:10px;grid-template-columns:.8fr 1.2fr;margin-top:55px}.letter-nico>img{max-width:125%;width:350px;margin-left:-30px}.hello-doodle{font-size:20px;top:-5px;left:0}.hello-line{width:50px;left:0;top:50px;height:35px}.nico-letter summary{padding-inline:22px}.letter-sheet{padding-inline:22px}.letter-sheet>p:not(.letter-sign){font-size:17px}.care{padding-top:60px}.care-grid{gap:25px}.care-grid h3{font-size:21px}.care-grid p{font-size:11px}footer{flex-wrap:wrap;padding-bottom:25px}footer>span{order:3;width:100%}}
@media(max-width:540px){.topbar{gap:17px;left:43%;font-size:11px}.edge-controls{right:10px}.edge-controls button{width:34px}.hero{padding-top:165px}.hero-topline{top:87px}.product-sign{font-size:28px}.product-sign img{width:40px}.platform{font-size:7px;letter-spacing:.13em}.hero h1{font-size:clamp(52px,12vw,68px)}.hero h1 br:nth-of-type(2){display:initial}.hero .intro{font-size:13px;line-height:1.8;margin-top:26px}.hero .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:18px}.hero-art{height:450px;margin:16px -10px 0;width:calc(100% + 20px)}.hero-nico{width:360px;left:-11%;bottom:0}.hero-paper{width:215px;padding:23px 18px;top:18px;right:-1%}.hero-paper>p{font-size:21px;margin:15px 0}.hero-paper .paper-label{font-size:7px}.hero-paper>div{font-size:8px;padding:9px 0}.hero-paper>small{font-size:8px;margin-top:18px}.hero-paper:before{left:70px;width:66px;height:22px}.paper-stamp{width:50px;height:50px;font-size:10px;right:-4px}.nico-whisper{font-size:15px;left:11%;bottom:2%}.pencil-stroke{width:50px;margin-bottom:9px}.orbit{inset:-5px -7px}.tiny-star{font-size:37px;top:13%;left:9%}.orbit-note{font-size:8px;bottom:15%;right:1%}.hero-bottom{font-size:8px;letter-spacing:.1em}.section{padding:65px 8vw}h2{font-size:43px}.capture{display:block;padding-top:70px}.capture h2{font-size:49px}.capture .body-copy{max-width:380px;font-size:14px}.capture-exhibit{margin-top:40px}.exhibit-label{font-size:8px}.receipt-stage{height:555px;padding-bottom:47px}.peeking-nico{width:320px;top:-4px}.receipt-paper{width:280px;min-height:338px;padding:26px 25px}.receipt-step{min-height:286px}.receipt-step h3{font-size:13px}.receipt-sub{font-size:10px}.receipt-entry{font-size:12px;padding:15px 0}.receipt-stage-label{font-size:9px}.demo-note{font-size:10px;max-width:280px}.section .eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:20px}.overview{padding-top:40px}.ledger-heading{gap:10px;padding-bottom:16px}.ledger-heading .paper-label{font-size:7px;letter-spacing:.07em}.ledger-title{font-size:19px}.amount-toggle{width:33px;height:33px}.ledger-content{grid-template-columns:1fr;gap:15px;padding-top:24px;padding-bottom:25px}.spending-chart{width:265px}.chart-center strong{font-size:43px}.chart-center strong span{font-size:22px}.chart-center>span{font-size:10px}#chart-note{font-size:11px;margin-top:8px;min-height:36px}.category-list button{padding-block:19px;grid-template-columns:23px 1fr auto;gap:9px 12px}.category-name,.category-amount{font-size:13px}.category-number{font-size:11px}.ledger-bottom{font-size:8px;letter-spacing:.08em}.ledger-signature{font-size:12px;max-width:125px;text-align:right}.books{padding-top:70px;gap:30px}.notebook-tabs{margin:0}.notebook-tabs button{font-size:9px;padding:10px 9px;min-height:65px}.notebook-tabs button.chosen{padding-bottom:20px}.open-notebook{padding:28px 24px 24px 36px}.open-notebook:before{left:22px}.open-notebook h3{font-size:26px}.open-notebook #book-entries>div{font-size:11px}.lounging-nico{width:240px;right:-18px}.letter{padding-top:65px}.letter-heading>.body-copy{font-size:14px}.letter-scene{display:flex;flex-direction:column;gap:5px;margin-top:35px}.letter-nico{width:100%;max-width:355px}.letter-nico>img{width:335px;max-width:100%;margin:auto}.hello-doodle{font-size:22px;top:15px;left:5px}.hello-line{top:78px;left:7px;width:70px;height:40px}.correspondence{width:100%;margin-top:-15px;z-index:2}.nico-letter summary{min-height:230px;padding:20px 23px 0}.nico-letter summary:before{height:165px}.nico-letter summary:after{height:169px}.envelope-top{font-size:8px}.envelope-seal{width:62px;height:62px;margin-top:15px}.letter-prompt{margin-top:22px}.letter-sheet>p:not(.letter-sign){font-size:18px;line-height:1.75}.correspondence>.quiet-note{font-size:10px;margin-top:25px}.care>h2{font-size:29px;line-height:1.2}.care-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.care-grid article{display:grid;grid-template-columns:35px 1fr;column-gap:20px}.care-glyph{grid-row:1/3;margin-top:1px}.care-grid h3{font-size:23px}.care-grid p{grid-column:2;font-size:12px;margin-top:10px}.closing{padding-top:55px;padding-bottom:85px}.closing h2{font-size:47px}.closing-flower{font-size:42px;margin-bottom:30px}.closing .eyebrow{font-size:8px;letter-spacing:.08em}.closing .body-copy{font-size:13px}.availability{font-size:10px}footer{margin-inline:8vw;font-size:9px;gap:14px}footer>a:first-child{font-size:12px}}
@media(max-width:360px){.hero-art{height:410px}.hero-nico{width:315px;left:-13%}.hero-paper{width:200px}.hero-paper>p{font-size:19px}.hero h1{font-size:50px}.hero .intro{font-size:12px}.topbar{gap:12px;left:42%;font-size:10px}.studio-mark{left:13px}.studio-mark img{width:28px}.edge-controls{right:5px;gap:0}.edge-controls button{width:31px}.platform{max-width:90px;text-align:right}.capture h2{font-size:45px}.receipt-paper{width:255px;padding:25px 22px}.receipt-stage{height:530px}.peeking-nico{width:294px}.ledger-heading .paper-label{font-size:6px}.ledger-title{font-size:17px}.ledger-signature{display:none}.category-name,.category-amount{font-size:12px}.category-list button{gap:9px 9px}.notebook-tabs button{font-size:8px;padding-inline:7px}.open-notebook{padding-inline:28px 16px}.lounging-nico{right:-20px;width:220px}.closing h2{font-size:42px}}
html[lang="zh-CN"] h1,html[lang="zh-CN"] h2{letter-spacing:-.025em;line-height:1.22}html[lang="zh-CN"] h1 em,html[lang="zh-CN"] h2 em{font-style:normal}html[lang="zh-CN"] .hero-paper>p{font-size:22px}html[lang="zh-CN"] .letter-sheet>p:not(.letter-sign){font-size:17px;line-height:1.95}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.js .reveal .category-bar i{transform:none}.nico-letter{transform:none}.reading-line{display:none}}
/* Keep edge controls compact without splitting the bilingual label. */
.edge-controls button{padding:0}.language-code{white-space:nowrap}
.hero-nico{bottom:3%}.nico-whisper{bottom:-10px}
html:has(body.motion-paused){scroll-behavior:auto}
.hero:not(.motion-visible) .orbit-dash,.hero:not(.motion-visible) .tiny-star,.closing:not(.motion-visible) .closing-flower{animation-play-state:paused}
body.page-hidden *{animation-play-state:paused!important}
@media(max-width:800px){.hero-nico{bottom:4%}.nico-whisper{bottom:1%}}
@media(max-width:540px){.hero-nico{bottom:3%}.nico-whisper{bottom:-6px}}
/* The illustration bleeds at the edge; keep that bleed inside the hero. */
.hero{overflow:clip}
@media(max-width:540px){.hero-paper{right:4%}}
@media(max-width:360px){.hero-paper{width:190px;right:4%}}