@font-face{font-family:NotoHK;src:url('brand/fonts/NotoSansHK-site.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--canvas);color:var(--foreground);font:16px/1.8 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,dl{margin:0}h1,h2,h3{line-height:1.28}h2{font-size:clamp(32px,4.2vw,58px);letter-spacing:-.05em}h3{font-size:22px;letter-spacing:-.02em}a{color:inherit;text-underline-offset:5px}button,select{font:inherit;color:inherit;cursor:pointer}button,a,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--theme-accent);outline-offset:5px}img{display:block;max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--surface);padding:12px}.skip:focus{top:12px}.wrap{width:min(1240px,calc(100% - 104px));margin-inline:auto}.display{font-family:var(--font-display),sans-serif;font-weight:800;letter-spacing:-.045em}.amount{font-family:var(--font-body),sans-serif;font-variant-numeric:tabular-nums}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.07em;line-height:1.6}.fine{font-size:12px;line-height:1.8;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--jade);margin-right:7px}.button{display:inline-flex;justify-content:space-between;gap:32px;align-items:center;text-decoration:none;background:var(--ink);color:var(--paper);font-size:15px;font-weight:700;padding:18px 24px;border:1px solid transparent;transition:background .15s}.button:hover{background:var(--jade-dark)}:root[data-theme=dark] .button{background:var(--jade);color:var(--ink)}:root[data-theme=dark] .button:hover{background:#13C88C}.button span{font-size:24px;line-height:1}.text-link{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:5px;text-decoration:none;font-weight:700;font-size:14px}.text-link:hover{color:var(--theme-accent)}.mobile-only{display:none}
/* One quiet navigation rail, with the original icon and full wordmark. */
.nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:48px;height:84px;padding:0 36px;border-bottom:1px solid var(--rule);background:var(--canvas)}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.brand span{font:800 29px/1 var(--font-display),sans-serif;letter-spacing:-.045em}.nav nav{display:flex;gap:28px;margin-left:auto;font-size:13px}.nav nav a{text-decoration:none}.nav nav a:hover{color:var(--theme-accent)}.nav-actions{display:flex;gap:24px;align-items:center;font-size:12px}.theme-label select{border:0;background:var(--canvas);font-size:16px;min-height:44px;padding:6px 4px;border-radius:0}.nav-download{font-weight:700;text-decoration:none;border-bottom:1px solid;padding:4px 0}.nav-download span{margin-left:15px}
/* Native component study placed inside the approved brand composition. */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:52px;padding-block:56px 44px;align-items:center}.hero-copy{padding:20px 0}.hero h1{font-size:clamp(66px,7.9vw,112px);line-height:1.12;letter-spacing:-.055em;margin:24px 0 28px;font-weight:700}.hero h1 .display{letter-spacing:-.065em}.fullstop{color:var(--theme-accent)}.hero-description{font-size:20px;line-height:1.8;margin-bottom:28px}.hero .fine{margin-top:16px}.hero-figure{min-width:0}.hero-figure figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:13px;font-size:10px;color:var(--muted)}
.intro-strip{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:24px}.intro-strip p{font-size:20px;font-weight:700}.intro-strip a{font-size:12px;text-decoration:none}.intro-strip a span{margin-left:22px}.section{padding-block:100px}.section-heading{max-width:470px}.section-heading .eyebrow{color:var(--theme-accent);margin-bottom:22px}.section-heading>p:not(.eyebrow){margin-top:24px;color:var(--muted)}.section-heading>p.fine{font-size:12px}.feature-rows{margin-top:46px}.feature-rows article{display:grid;grid-template-columns:80px 1fr 1.15fr;gap:32px;align-items:center;border-top:1px solid var(--rule);padding:33px 0}.feature-rows article:last-child{border-bottom:1px solid var(--rule)}.feature-symbol{font:48px/1 var(--font-body),sans-serif;color:var(--theme-accent)}.feature-rows p{font-size:15px;color:var(--muted);max-width:44ch}.feature-rows h3{font-size:24px}
.story-section{background:var(--ink);color:var(--paper);padding-block:90px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.story-section .eyebrow{color:#91AD9F;margin-bottom:28px}.story-section h2{font-size:clamp(38px,4.7vw,65px);line-height:1.45}.story-section h2>span{color:var(--jade);border-bottom:2px solid var(--jade);padding-bottom:7px}.story-signature{font:18px/1.6 var(--serif);transform:rotate(-4deg);margin-top:32px}.story-letter{padding-top:8px;font-size:16px;line-height:2.1}.story-letter p+p{margin-top:23px}.story-letter .fine{color:#91AD9F;font-size:11px}.name-note{display:flex;gap:17px;align-items:center;flex-wrap:wrap;border-top:1px solid #344A3E;padding-top:24px;margin-top:28px;font-size:19px}.name-note .display{font-size:27px}.name-note>span:nth-child(2),.name-note>span:nth-child(4){color:#91AD9F;font-size:15px}.utility-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-bottom:1px solid var(--rule)}.utility-grid article{position:relative}.utility-grid .eyebrow{color:var(--theme-accent);margin-bottom:22px}.utility-grid h2{font-size:32px}.utility-grid p:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:24px;max-width:42ch}.utility-grid .text-link{margin-top:27px}.utility-arrow{font-size:52px;line-height:1;display:block;margin-top:20px;color:var(--theme-accent)}
.pricing-heading{display:flex;gap:60px;align-items:end;justify-content:space-between;margin-bottom:45px}.pricing-heading>p{max-width:370px;color:var(--muted);font-size:15px}.plan-table{overflow-x:auto}.plan-table table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.plan-table th,.plan-table td{padding:20px 24px;border-bottom:1px solid var(--rule);vertical-align:middle}.plan-table tbody th{font-weight:500;width:42%;padding-left:0}.plan-table thead th{vertical-align:bottom;font-size:22px}.plan-table thead .display{font-size:32px;line-height:1.2}.plan-table thead small{font-size:12px;font-weight:400;display:block;margin-top:8px}.plan-table :is(th,td):last-child{background:var(--surface-raised)}.plan-table thead .pro-label{display:block;color:var(--theme-accent);font-size:10px;letter-spacing:.15em;margin-bottom:8px}.pricing-notes{display:flex;gap:50px;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:22px}.pricing-notes p{max-width:54ch}.faq-section{padding-top:0;display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.faq details{border-top:1px solid var(--rule)}.faq details:last-child{border-bottom:1px solid var(--rule)}.faq summary{cursor:pointer;font-weight:700;font-size:15px;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:22px 0;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:20px;font-weight:400;flex-shrink:0}.faq details[open] summary>span{transform:rotate(45deg)}.faq details>p{font-size:14px;color:var(--muted);padding-bottom:24px;max-width:55ch}
.download-section{background:var(--jade);color:var(--ink);padding-block:65px}.download-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.download-inner .eyebrow{margin-bottom:18px}.download-inner h2{font-size:clamp(40px,5.5vw,72px);line-height:1.35}.download-inner>div:last-child{padding-top:35px}.download-inner p:not(.eyebrow){font-size:12px;margin-top:14px}.download-signoff{display:block;font-size:32px;margin-top:35px}:root[data-theme=dark] .download-section .button{background:var(--ink);color:var(--paper)}.footer{padding-block:40px 24px}.footer-top{display:flex;gap:25px;align-items:center}.footer-top p{margin-right:auto;font-size:12px;color:var(--muted)}.footer-top>a:not(.brand){font-size:12px}.legal{font-size:10px;color:var(--muted);line-height:1.9;margin:28px 0;max-width:100ch}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}
@media(min-width:1500px){.hero{gap:75px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{gap:24px;padding-inline:25px}.nav nav{gap:20px}.nav-actions{gap:15px}.hero{gap:30px}.hero h1{font-size:8vw}.hero-description{font-size:18px}.story-grid,.utility-grid{gap:50px}.section{padding-block:75px}.faq-section{padding-top:0;gap:40px}.plan-table th,.plan-table td{padding:17px}.story-letter{font-size:15px}.name-note{gap:10px}.name-note .display{font-size:23px}}
@media(max-width:800px){.nav nav{display:none}.nav-actions{margin-left:auto}.hero{grid-template-columns:1fr 1fr;gap:25px}.hero h1{font-size:8.8vw}.hero .button{font-size:12px;padding:16px;gap:12px}.hero-description{font-size:16px}.hero .fine{font-size:10px}.story-grid{gap:35px}.story-section h2{font-size:38px}.story-letter{font-size:14px}.feature-rows article{grid-template-columns:45px 1fr 1.25fr;gap:22px}.feature-rows h3{font-size:21px}.feature-rows p{font-size:13px}.utility-grid{gap:40px}.pricing-heading{gap:30px}.pricing-heading>p{max-width:280px}.plan-table table{font-size:12px}.plan-table thead th{font-size:18px}.plan-table tbody th{width:38%}.footer-top{flex-wrap:wrap;gap:18px}.footer-top p{flex-basis:calc(100% - 160px)}.hero-figure figcaption{font-size:11px;gap:8px}}
@media(max-width:600px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.nav{height:70px;padding-inline:20px;gap:15px}.nav .brand img{width:30px}.nav .brand span{font-size:25px}.nav-actions{gap:10px}.theme-label select{font-size:16px;max-width:100px}.nav-download{font-size:11px}.nav-download span{margin-left:5px}.hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:28px;gap:30px}.hero-copy{padding:0}.hero h1{font-size:clamp(76px,19.5vw,112px);margin:22px 0}.hero-description{font-size:18px;margin-bottom:24px}.hero .button{font-size:14px;padding:17px 22px;gap:28px}.hero .fine{font-size:11px;margin-top:14px}.hero-figure figcaption{font-size:11px;padding-top:11px}.intro-strip{padding-block:20px;gap:18px;align-items:end}.intro-strip p{font-size:17px;line-height:1.7}.intro-strip a{font-size:11px;white-space:nowrap}.intro-strip a span{margin-left:8px}.mobile-only{display:block}.section{padding-block:60px}h2{font-size:35px}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p:not(.eyebrow){margin-top:20px;font-size:14px}.feature-rows{margin-top:30px}.feature-rows article{grid-template-columns:40px 1fr;gap:16px;padding:25px 0;align-items:start}.feature-rows p{grid-column:2;font-size:14px}.feature-symbol{font-size:36px}.feature-rows h3{font-size:22px}.feature-rows h3 br{display:none}.story-section{padding-block:55px}.story-grid{grid-template-columns:1fr;gap:35px}.story-section h2{font-size:43px;line-height:1.42}.story-section .eyebrow{margin-bottom:18px}.story-signature{font-size:16px;margin-top:26px}.story-letter{font-size:15px}.story-letter p+p{margin-top:18px}.name-note{gap:13px}.name-note .display{font-size:25px}.utility-grid{grid-template-columns:1fr;gap:38px}.utility-grid article+article{border-top:1px solid var(--rule);padding-top:38px}.utility-grid h2{font-size:30px}.utility-grid p:not(.eyebrow){font-size:14px;margin-top:20px}.utility-arrow{font-size:42px}.pricing-heading{display:block;margin-bottom:28px}.pricing-heading>p{max-width:none;font-size:14px;margin-top:22px}.plan-table table{font-size:12px;line-height:1.6;table-layout:fixed}.plan-table th,.plan-table td{padding:15px 9px;overflow-wrap:anywhere}.plan-table tbody th{width:auto;padding-right:10px}.plan-table thead tr>td{width:35%}.plan-table thead .display{font-size:24px}.plan-table thead th{font-size:15px}.plan-table thead small{font-size:10px}.plan-table thead .pro-label{font-size:9px}.pricing-notes{display:block;font-size:10px}.pricing-notes p+p{margin-top:12px}.faq-section{padding-top:0;grid-template-columns:1fr;gap:28px}.faq summary{font-size:14px;padding:20px 0}.faq details>p{font-size:13px}.download-section{padding-block:45px}.download-inner{display:block}.download-inner h2{font-size:44px}.download-inner>div:last-child{padding-top:28px}.download-inner .button{font-size:14px}.download-signoff{font-size:26px;margin-top:28px}.footer{padding-top:30px}.footer-top{gap:18px 25px}.footer-top p{flex-basis:100%;order:2;font-size:11px}.footer-top .brand{margin-right:auto}.footer-top .brand img{width:30px}.footer-top .brand span{font-size:25px}.footer-top>a:not(.brand){font-size:10px}.legal{font-size:12px;margin:23px 0}.footer-bottom{font-size:9px;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.nav,.skip,.theme-label{display:none}.wrap{width:100%}.section,.story-section{padding-block:25px}.hero{padding-top:0}.hero h1{font-size:75px}.story-section,.download-section{print-color-adjust:exact;-webkit-print-color-adjust:exact}.faq details>p{display:block}.section-heading{break-after:avoid}.feature-rows article,.story-grid,.plan-table{break-inside:avoid}}
/* Leave the complete slip visible, including its rotated corners. */



.mobile-nav{display:none}
@media(max-width:800px){html{scroll-padding-top:145px}.mobile-nav{display:flex;position:sticky;top:84px;z-index:29;background:var(--canvas);border-bottom:1px solid var(--rule);justify-content:space-between;gap:16px;padding:10px 32px;font-size:12px}.mobile-nav a{text-decoration:none}}
@media(max-width:600px){html{scroll-padding-top:130px}.mobile-nav{top:70px;padding-inline:20px}.nav .brand img,.footer-top .brand img{width:32px}}
@media print{.mobile-nav{display:none}}

/* App demonstrations: copied component geometry and semantic colours from
   onboarding_shared_widgets.dart. Marketing type stays outside the devices. */
@font-face{font-family:AppNoto;src:url('brand/fonts/NotoSansTC-demo.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
.app-demo{--app-bg:#F5FAF7;--app-surface:#fff;--app-text:#0F2420;--app-muted:#4A6560;--app-rule:#D0E0D8;--app-expense:#D95058;--app-income:#18B86E;--app-transfer:#3D7ABF;width:min(100%,364px);margin-inline:auto;border:7px solid #172b24;border-radius:35px;background:var(--app-bg);color:var(--app-text);padding:10px 13px 12px;font-family:AppNoto,'Noto Sans TC',sans-serif;line-height:1.5;box-shadow:0 16px 35px #0f242018;position:relative;isolation:isolate}
:root[data-theme=dark] .app-demo{--app-bg:#0D1A16;--app-surface:#162018;--app-text:#fff;--app-muted:#7BA898;--app-rule:#1F3028;--app-expense:#E87880;--app-income:#38D28C;--app-transfer:#6699D4;border-color:#344A3E}
.app-demo .native-title{margin:0;letter-spacing:0}.app-demo button,.app-demo input{font-family:inherit}.device-status{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 8px;font-size:11px;font-weight:700}.device-status svg{width:40px;height:13px}.camera-dot{width:10px;height:10px;background:#172b24;border-radius:50%;position:absolute;left:calc(50% - 5px);top:16px}.device-content{padding-top:9px}.screen-label{font-size:11px;color:var(--app-muted);text-align:center;margin:0 0 8px}.native-source{padding:12px;border:1px solid var(--app-rule);border-radius:12px;display:flex;gap:12px;align-items:center;background:var(--app-surface)}.source-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;background:#F5FAF7;border-radius:10px}.source-icon img{max-width:32px;max-height:28px;object-fit:contain}.native-source>div:last-child{min-width:0}.source-heading{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.source-heading b{font-size:13px;font-weight:600}.source-heading small{font-size:11px;color:var(--app-muted)}.native-source p{font-size:12px;color:var(--app-muted);margin-top:3px;overflow-wrap:anywhere}.native-source [data-source-title]{font-size:12.5px;font-weight:600}.flow-arrow{text-align:center;font-size:22px;line-height:1;padding:9px;color:var(--jade)}.native-capture{background:var(--app-surface);border:1.5px solid #09b57a46;border-radius:14px;padding:10px 12px 8px;box-shadow:0 4px 12px #09b57a14}.capture-heading{display:flex;align-items:center;gap:6px;min-height:24px}.capture-heading img{width:24px;height:24px}.capture-heading b{font-size:11.5px;color:var(--jade);font-weight:700}.capture-heading small{font-size:11px;color:var(--app-muted)}.capture-heading strong{margin-left:auto;font-size:13px;white-space:nowrap}.native-capture .native-title{font-size:14px;font-weight:700;margin-top:7px;overflow-wrap:anywhere}.native-capture>[data-category-source]{font-size:12.5px;color:var(--app-muted);margin-top:2px}.capture-actions{border-top:1px solid var(--app-rule);padding-top:4px;margin-top:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;position:relative}.capture-actions>button,.capture-actions>span{font-size:11.5px;min-height:38px;text-align:center;padding:8px 2px;border:0;background:transparent;color:var(--app-muted);font-weight:600;border-radius:8px;display:grid;place-items:center}.capture-actions>:first-child{color:var(--jade);background:#09b57a1c;font-weight:700}.capture-actions button:hover{background:#09b57a30}.capture-actions button:disabled{opacity:.4;cursor:default}.tap-hand{position:absolute;width:30px;height:30px;color:var(--jade);left:21%;bottom:-7px;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 2px #0f242020)}[data-stage=pressing] .capture-actions .tap-hand{opacity:1;animation:tap-confirm .7s ease-in-out}.ledger-window{background:var(--app-bg);border:1px solid var(--app-rule);border-radius:14px;padding:11px 8px}.ledger-appbar{display:flex;align-items:center;gap:7px;margin:0 3px 12px;font-size:12px}.ledger-appbar img{width:20px;height:20px}.ledger-appbar span{font-size:11px;color:var(--jade);margin-left:auto;border-bottom:2px solid var(--jade);padding-bottom:2px}.native-ledger{--kind:var(--app-expense);display:flex;align-items:center;gap:10px;background:var(--app-surface);border:1px solid var(--app-rule);border-left:4px solid var(--kind);border-radius:12px;min-height:65px;padding:10px 10px;overflow:hidden}.native-ledger[data-kind=income]{--kind:var(--app-income)}.native-ledger[data-kind=transfer]{--kind:var(--app-transfer)}.native-ledger>div{min-width:0;flex:1}.native-ledger .native-title{font-size:15px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ledger-meta{display:flex;gap:6px;align-items:center;margin-top:4px;font-size:11px;color:var(--app-muted);min-width:0}.category-tag{color:var(--kind);background:color-mix(in srgb,var(--kind) 12%,transparent);border-radius:4px;font-size:10px;padding:2px 5px;white-space:nowrap}.ledger-meta>[data-account]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.native-ledger>strong{color:var(--kind);font-size:14px;font-weight:600;white-space:nowrap}.device-note{font-size:10px;text-align:center;color:var(--app-muted);margin:12px 0 5px;min-height:30px}.gesture-bar{width:85px;height:4px;border-radius:5px;background:var(--app-text);opacity:.65;margin:9px auto 0}.hero-stage{background:transparent;padding:28px 28px 25px;min-height:620px;display:flex;flex-direction:column;justify-content:center;gap:23px;color:var(--ink)}.hero-annotation{font:23px/1.5 var(--serif);transform:rotate(-3deg)}.hero-stage .app-demo{box-shadow:0 15px 30px #0f242030;max-width:350px}.hero-device .capture-actions>span{min-height:31px}.hero-device .device-note{min-height:0}.hero-device .device-content{padding-top:3px}.hero-device .flow-arrow{padding:7px}.hero-device .screen-label{margin-bottom:6px}:root[data-theme=dark] .hero-stage{background:transparent;color:var(--paper)}
.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start}.demo-explanation{padding-top:25px}.flow-steps{list-style:none;padding:0;margin:34px 0;display:grid}.flow-steps li{display:flex;gap:18px;padding:21px 0;border-top:1px solid var(--rule)}.flow-steps li>span{font-size:13px;line-height:28px;color:var(--theme-accent)}.flow-steps h3{font-size:19px}.flow-steps p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:9px;max-width:37ch}.demo-presentation{min-width:0;max-width:490px;width:100%;justify-self:end}.example-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:364px;margin:0 auto 23px}.example-picker button,.image-picker button{display:flex;gap:8px;align-items:center;justify-content:center;min-height:44px;font-size:12px;border:1px solid var(--rule);background:var(--canvas);padding:8px;color:var(--foreground)}.example-picker img{width:25px;height:25px;object-fit:contain;background:white;border-radius:4px;padding:2px}.example-picker button[aria-pressed=true],.image-picker button[aria-pressed=true]{border-color:var(--theme-accent);box-shadow:inset 0 -2px 0 var(--theme-accent);font-weight:700}.example-picker button:hover,.image-picker button:hover{background:var(--surface-raised)}.demo-controls{display:flex;justify-content:center;gap:12px;margin-top:20px}.demo-controls button{background:transparent;border:1px solid var(--rule);min-height:44px;padding:8px 18px;font-size:12px}.demo-controls button:hover{border-color:var(--theme-accent);color:var(--theme-accent)}.demo-status{font-size:12px;font-weight:700;color:var(--theme-accent);text-align:center;margin-top:14px;min-height:22px}.presentation-caption{font-size:11px;color:var(--muted);text-align:center;margin-top:8px;line-height:1.8}.capture-beat,.record-beat{transition:opacity .35s ease,transform .35s ease}.js-demo[data-stage=source] .capture-beat{opacity:.3;transform:translateY(7px)}.js-demo:not([data-stage=complete]) .record-beat{opacity:.18}.js-demo[data-stage=complete] .record-beat{animation:ledger-arrive .45s cubic-bezier(.16,1,.3,1)}.js-demo[data-stage=ignored] .record-beat{visibility:hidden}.demo-editor{border:1px solid var(--app-rule);padding:12px;border-radius:10px;background:var(--app-surface);font-size:12px;margin-top:12px}.demo-editor .native-title{font-size:15px;margin-bottom:12px}.demo-editor label{display:grid;gap:7px}.demo-editor input{width:100%;min-height:44px;border:1px solid var(--app-rule);border-radius:7px;background:var(--app-bg);color:var(--app-text);padding:8px;font-size:16px}.demo-editor p{font-size:11px;color:var(--app-muted);margin:9px 0}.demo-editor>div{display:flex;gap:10px}.demo-editor button{font-size:12px;padding:8px 15px;min-height:40px;background:#09b57a1c;color:var(--jade);border:0;border-radius:7px}
.supported{border-top:1px solid var(--rule);margin-top:65px;padding-top:28px}.supported h3{font-size:20px}.supported ul{list-style:none;display:flex;flex-wrap:wrap;gap:25px 30px;margin:28px 0 24px;padding:0}.supported li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}.provider-icon{display:grid;place-items:center;width:47px;height:47px;background:white;border:1px solid #D0E0D8;border-radius:12px}.provider-icon img{width:34px;height:31px;object-fit:contain}.supported small{font-size:10px;border:1px solid var(--rule);padding:1px 5px;margin-left:3px;font-weight:400}
.privacy-section{background:var(--ink);color:var(--paper);padding:80px 0}.privacy-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:end}.privacy-kicker{font-size:18px;color:#91AD9F;margin-bottom:18px}.privacy-intro h2{font-size:clamp(30px,3.7vw,49px);line-height:1.45}.privacy-intro>p{font-size:16px;line-height:2;color:#D5E3DB}.privacy-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:45px}.privacy-process article{border-top:1px solid #344A3E;padding-top:24px}.privacy-step{font-size:12px;color:#13C88C}.privacy-process h3{font-size:23px;line-height:1.5;margin:14px 0}.privacy-process p{font-size:14px;line-height:1.95;color:#D5E3DB}.privacy-detail{display:flex;gap:50px;align-items:center;border-top:1px solid #344A3E;padding-top:28px;margin-top:35px}.privacy-detail>div{max-width:76ch}.privacy-detail h3{font-size:17px;margin-bottom:12px}.privacy-detail p{font-size:12px;color:#B0C7BB;line-height:1.95}.privacy-detail a{flex-shrink:0;font-size:12px}.image-section{padding:90px 0;background:var(--surface-raised)}.image-section .image-picker{display:flex;justify-content:center;gap:8px;margin:0 auto 22px}.image-picker button{min-width:125px}.image-consent{border-top:1px solid var(--rule);padding-top:22px;margin-bottom:25px}.image-consent h3{font-size:17px}.image-consent p{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.9}.photo-view{background:transparent}.photo-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:2px 3px 12px}.photo-heading>span:last-child{color:var(--app-muted);font-size:10px}.receipt-photo{background:#c7c0b4;padding:17px 22px 22px;position:relative;border-radius:10px;overflow:hidden}.paper-receipt{background:#fffdf5;color:#252920;width:100%;max-width:250px;margin:auto;padding:16px 13px 18px;transform:rotate(-3deg);box-shadow:2px 7px 12px #30251b24;clip-path:polygon(0 0,100% 0,100% 98%,96% 100%,92% 98%,88% 100%,84% 98%,80% 100%,76% 98%,72% 100%,68% 98%,64% 100%,60% 98%,56% 100%,52% 98%,48% 100%,44% 98%,40% 100%,36% 98%,32% 100%,28% 98%,24% 100%,20% 98%,16% 100%,12% 98%,8% 100%,4% 98%,0 100%)}.paper-receipt .native-title{text-align:center;font-size:17px;font-weight:700;letter-spacing:.1em}.receipt-subtitle{text-align:center;font-size:10px;margin:5px 0 11px}.receipt-items{border-block:1px dashed #a6a99b;padding:10px 0;font-size:11px}.receipt-items>div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}.receipt-items dd{margin:0;white-space:nowrap}.receipt-total{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding-top:10px}.receipt-date{font-size:9px;text-align:center;margin-top:9px}.receipt-thanks{font-size:9px;text-align:center;margin-top:5px}.share-to-ching{display:flex;align-items:center;justify-content:center;gap:7px;position:relative;width:max-content;max-width:100%;margin:14px auto 0;border:0;border-radius:20px;background:#056B49;color:white;min-height:40px;padding:8px 12px;font-size:12.5px;font-weight:700}.share-to-ching img{background:#fff;border-radius:5px;padding:2px}.share-to-ching>svg:not(.tap-hand){width:17px;height:17px}.share-to-ching .tap-hand{left:auto;right:-8px}.share-to-ching:hover{background:#087e56}.scan-line{position:absolute;height:3px;left:10%;right:10%;top:10%;background:var(--jade);opacity:0;box-shadow:0 4px 10px #09b57a40}.js-demo[data-stage=reading] .scan-line{opacity:1;animation:read-image 1.3s ease-in-out}.js-demo[data-stage=reading] .share-to-ching .tap-hand{opacity:1;animation:tap-confirm .7s ease-in-out}.payment-screen{position:relative;border:1px solid var(--app-rule);border-radius:10px;background:var(--app-surface);text-align:center;padding:25px 15px;min-height:260px}.payment-screen>svg{width:35px;height:35px;margin:auto;display:block}.payment-screen>p{font-size:12px;color:var(--app-muted);margin:9px 0 18px}.payment-screen .native-title{font-size:16px}.payment-screen>strong{display:block;font-size:29px;margin:8px 0 18px}.payment-screen small{font-size:10px;color:var(--app-muted)}.image-device .device-note{min-height:0}.image-device .screen-label{font-size:10px}.image-device .flow-arrow{padding:7px}::selection{background:#09b57a4d;color:var(--foreground)}input{caret-color:var(--jade)}
@keyframes tap-confirm{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(4px) scale(.88)}}@keyframes ledger-arrive{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes read-image{from{top:7%}to{top:91%}}
@media(max-width:1100px){.hero-stage{padding:23px 18px}.hero-annotation{font-size:20px}.demo-layout{gap:45px}.privacy-intro{gap:38px}.privacy-process{gap:27px}.privacy-detail{gap:30px;align-items:start}.privacy-detail a{margin-top:3px}.native-ledger>strong{font-size:13px}}
@media(min-width:601px) and (max-width:800px){.hero{grid-template-columns:1fr;gap:30px}.hero-copy{max-width:600px}.hero h1{font-size:90px}.hero-stage{max-width:580px;width:100%;margin:auto}.hero-figure figcaption{max-width:580px;margin:auto}.demo-layout{gap:27px}.app-demo{padding-inline:10px;border-width:6px}.native-source{padding:9px;gap:8px}.native-capture{padding-inline:9px}.capture-heading{gap:4px}.capture-heading strong{font-size:11px}.native-ledger{display:block}.native-ledger>strong{display:block;text-align:right;margin-top:5px}.privacy-intro{grid-template-columns:1fr;gap:25px}.privacy-process{gap:25px}.privacy-process h3{font-size:19px}.privacy-process p{font-size:13px}.privacy-detail{display:block}.privacy-detail a{margin-top:22px}}
@media(max-width:600px){.hero-stage{padding:22px 12px;min-height:0;gap:23px}.hero-annotation{font-size:19px;text-align:center}.hero-stage .app-demo{max-width:340px;border-width:6px;padding-inline:10px}.demo-layout{grid-template-columns:1fr;gap:35px}.demo-explanation{padding-top:0}.flow-steps{margin:26px 0}.flow-steps li{padding:18px 0;gap:16px}.flow-steps h3{font-size:17px}.flow-steps p{font-size:13px;max-width:none}.demo-presentation{justify-self:center}.app-demo{width:100%;max-width:364px}.example-picker{margin-bottom:20px}.capture-actions>button{min-height:44px}.hero-device .native-source{padding:10px;gap:8px}.hero-device .source-icon{width:32px;height:34px}.hero-device .source-icon img{width:28px;height:24px}.hero-device .capture-heading strong{font-size:11px}.hero-device .native-ledger>strong{font-size:12px}.hero-device .native-ledger{padding:9px 7px;gap:7px}.hero-device .native-ledger .native-title{font-size:13px}.hero-device .ledger-meta{font-size:10px;gap:4px}.hero-device .category-tag{font-size:9px;padding-inline:3px}.hero-figure figcaption{flex-wrap:wrap;font-size:10px;gap:4px}.supported{margin-top:40px;padding-top:24px}.supported h3{font-size:19px;line-height:1.6}.supported ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 14px}.supported li{font-size:12px;gap:8px}.provider-icon{width:38px;height:38px;flex-shrink:0;border-radius:10px}.provider-icon img{width:28px;height:26px}.supported .fine{font-size:11px}.supported small{margin-left:0;display:inline-block;font-size:9px}.privacy-section{padding:55px 0}.privacy-intro{grid-template-columns:1fr;gap:23px}.privacy-kicker{font-size:16px;margin-bottom:13px}.privacy-intro h2{font-size:29px;letter-spacing:-.035em}.privacy-intro>p{font-size:14px}.privacy-process{grid-template-columns:1fr;gap:27px;margin-top:30px}.privacy-process article{padding-top:21px}.privacy-process h3{font-size:22px;margin:10px 0}.privacy-process h3 br{display:none}.privacy-process p{font-size:13px}.privacy-detail{display:block;padding-top:23px;margin-top:28px}.privacy-detail p{font-size:12px}.privacy-detail a{margin-top:23px}.image-section{padding:55px 0}.image-consent p{font-size:12px}.image-layout .demo-presentation{max-width:364px}.presentation-caption{font-size:10px}.mobile-nav{gap:9px;font-size:11px}.receipt-photo{padding-inline:22px}}
@media(max-width:360px){.app-demo{padding-inline:9px;border-width:5px}.native-source{padding:9px;gap:8px}.source-icon{width:32px;height:35px}.capture-heading{gap:4px}.capture-heading strong{font-size:11px}.native-capture{padding-inline:9px}.native-ledger{flex-wrap:wrap}.native-ledger>strong{margin-left:auto}.hero-device .capture-heading small{font-size:9px}.hero-device .native-ledger{display:block}.hero-device .native-ledger>strong{display:block;text-align:right;margin-top:5px}.hero-device .source-heading b{font-size:11px}.hero-device .native-source p{font-size:11px}.receipt-photo{padding-inline:15px}.receipt-date{font-size:8px}}
@media(prefers-reduced-motion:reduce){.tap-hand,.scan-line{display:none!important}.capture-beat,.record-beat{transition:none!important}}
@media print{.demo-controls,.example-picker,.image-picker{display:none}.demo-layout{gap:25px}.privacy-section{-webkit-print-color-adjust:exact;print-color-adjust:exact}.js-demo .capture-beat,.js-demo .record-beat{opacity:1!important;visibility:visible!important}.app-demo{break-inside:avoid}.privacy-process{break-inside:avoid}}
[hidden]{display:none!important}

/* Keep app geometry and hue families; deepen small light-theme text for reading. */
.app-demo{--app-accent:#08764F;--app-expense:#B63844;--app-income:#08764F;--app-transfer:#2D65A5}
:root[data-theme=dark] .app-demo{--app-accent:#38D28C;--app-expense:#E87880;--app-income:#38D28C;--app-transfer:#6699D4}
.capture-heading b,.capture-actions>:first-child,.ledger-appbar span,.demo-editor button{color:var(--app-accent)}

.app-demo .native-title{line-height:1.5}
.app-demo .category-tag,.app-demo .ledger-meta,.app-demo .device-note,.app-demo .capture-heading small,.app-demo .screen-label,.photo-heading>span:last-child{font-size:11px}
.receipt-subtitle,.receipt-date,.receipt-thanks,.payment-screen small,.presentation-caption,.hero-figure figcaption{font-size:11px}
.supported small{font-size:10px}
.js-demo[data-stage=reading] .capture-beat{opacity:.3}

/* Three independent app moments, without handset chrome. */
.app-demo{width:100%;max-width:430px;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}
.hero-stage{min-height:0;padding:32px;gap:24px}
.hero-stage .app-demo{max-width:430px;box-shadow:none}
.hero-flow .screen-label{color:var(--ink);font-weight:600;text-align:left;font-size:12px;margin-bottom:9px}
:root[data-theme=dark] .hero-flow .screen-label{color:#B0C7BB}
.app-demo .screen-label{text-align:left;font-size:12px;margin-bottom:10px}
.app-demo>.flow-arrow{padding:15px;text-align:center;color:var(--theme-accent)}
.hero-flow>.flow-arrow{color:var(--ink)}
.hero-flow .device-note{display:none}
.app-demo .native-source,.app-demo .native-capture{padding:16px}
.app-demo .ledger-window{padding:14px}
.app-demo .source-panel,.app-demo .capture-beat,.app-demo .record-beat{min-width:0}
.hero-privacy{display:block;font-size:12px;margin-top:20px;color:var(--muted);text-underline-offset:4px}
.intro-strip{padding-block:65px;align-items:center;gap:45px}
.intro-strip h2{font-size:clamp(28px,3.3vw,44px);line-height:1.5;letter-spacing:-.035em}
.intro-strip p{font-size:16px;color:var(--muted);font-weight:400;margin-top:18px}
.intro-strip .text-link{font-size:14px;flex-shrink:0}
.example-picker{grid-template-columns:repeat(3,minmax(0,1fr));max-width:430px}
.example-picker button{flex-direction:column;gap:7px;padding:12px 6px;line-height:1.5;font-size:12px}
.supported-intro{color:var(--muted);font-size:14px;margin-top:12px}
.supported ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 30px}
.supported li{min-height:74px;border-bottom:1px solid var(--rule);font-size:14px;padding:12px 0}
.feature-symbol svg{width:48px;height:48px;display:block}
.feature-rows article>div p+p{margin-top:12px;font-size:12px}
.plan-tick{font-size:24px;color:var(--theme-accent);font-weight:700;line-height:1}
.plan-no{font-size:20px;color:var(--muted)}
.plan-table .table-group th,.plan-table .table-group td{background:var(--canvas);padding-top:32px;padding-bottom:12px;font-size:12px;font-weight:700;color:var(--theme-accent)}
@media(max-width:800px){.supported ul{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-stage{padding:25px}.app-demo .native-source,.app-demo .native-capture{padding:12px}.app-demo .native-ledger{display:flex}.intro-strip{gap:30px}}
@media(max-width:600px){.intro-strip{display:block;padding-block:42px}.intro-strip h2{font-size:29px}.intro-strip p{font-size:14px}.intro-strip .text-link{margin-top:25px}.supported ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.supported li{font-size:12px;min-height:67px}.hero-stage{padding:23px 18px}.hero-stage .app-demo{padding:0;border:0;max-width:none}.app-demo .native-source,.app-demo .native-capture{padding:12px}.app-demo .capture-heading strong{font-size:12px}.app-demo .native-ledger{display:flex;padding:10px;gap:8px}.app-demo .native-ledger>strong{font-size:12px;margin-top:0}.app-demo .native-title{font-size:14px}.app-demo .ledger-meta{font-size:11px}.example-picker{gap:6px}.example-picker button{font-size:11px}.image-layout .demo-presentation{max-width:430px}}

:root[data-theme=dark] .hero-flow>.flow-arrow{color:var(--jade)}
.pricing-heading .section-heading{max-width:650px;flex:1}.pricing-heading h2{font-size:clamp(32px,4vw,52px)}

/* Approved language hierarchy: written HK Chinese; attributed founder quotes only. */
.privacy-promise{font-size:15px;line-height:1.95;color:#D5E3DB}.founder-quote{margin:0 0 26px}.founder-quote blockquote{margin:0;font-size:21px;line-height:1.8;color:var(--paper)}.founder-quote figcaption{margin-top:12px;font-size:13px;color:#B0C7BB}.story-quote{margin:0}.image-quota{font-size:13px;color:var(--muted);margin-bottom:10px}.hero .fine{max-width:48ch;line-height:1.85}.photo-view>.screen-label{margin-bottom:14px}
@media(max-width:600px){.founder-quote blockquote{font-size:19px}.privacy-promise{font-size:14px}.hero .fine{font-size:12px}.image-quota{font-size:12px}}

/* Keep complete phrases together at both two-column and mobile widths. */
.demo-explanation .section-heading{max-width:none}.demo-explanation h2{font-size:clamp(28px,3.3vw,46px);line-height:1.4;letter-spacing:-.035em}
@media(max-width:600px){.demo-explanation h2{font-size:clamp(26px,8vw,34px)}}

/* A continuous product journey: flexible columns, shared demonstrations. */
.hero{padding-block:48px 72px}
.hero h1{margin-top:0}
.hero-downloads{display:flex;flex-wrap:wrap;gap:12px}
.hero-stage{padding:28px 0}
.hero-annotation{margin-bottom:28px}
.hero-figure figcaption{font-size:12px}
.hero .fine{max-width:none}
.chapter-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:6%;align-items:end;margin-bottom:38px}
.chapter-heading h2{font-size:clamp(32px,4vw,54px);line-height:1.35;letter-spacing:-.035em}
.chapter-heading>p{font-size:17px;color:var(--muted);line-height:1.9}
.notification-section{border-top:1px solid var(--rule)}
.section-tabs{display:flex;gap:30px;border-bottom:1px solid var(--rule);margin-bottom:38px}
.section-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;font-size:19px;font-weight:500;padding:16px 4px;min-height:52px;text-align:left}
.section-tabs button[aria-selected=true]{border-bottom-color:var(--theme-accent);color:var(--theme-accent);font-weight:700}
.section-tabs button:hover{color:var(--theme-accent)}
.section-tabs button:focus-visible{outline-offset:3px}
.demo-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:6%}
.demo-explanation{padding-top:0}
.demo-explanation .section-heading{max-width:none}
.demo-title{font-size:30px;line-height:1.4;letter-spacing:-.025em}
.demo-explanation .section-heading>p{font-size:16px;line-height:1.9;margin-top:18px}
.flow-steps{margin:24px 0}
.flow-steps li{gap:16px;padding:20px 0}
.flow-steps li>div{flex:1;min-width:0}
.flow-steps p{max-width:none;width:100%;font-size:15px}
.demo-presentation{width:100%;max-width:none;justify-self:stretch}
.app-demo,.example-picker{max-width:none}
.hero-stage .app-demo{max-width:none}
.capture-switch .app-demo{max-width:none}
.capture-switch .example-picker button{font-size:13px}
.image-layout .demo-presentation{max-width:none}
.image-layout .image-picker{justify-content:flex-start;margin-bottom:23px}
.image-quota{font-size:14px}
.image-disclosure{border-top:1px solid var(--rule);margin-top:30px;padding-top:20px}
.image-disclosure summary{font-weight:700;cursor:pointer;font-size:16px}
.image-disclosure p{color:var(--muted);font-size:14px;line-height:1.9;margin-top:14px}
.capture-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6%;border-top:1px solid var(--rule);margin-top:44px;padding-top:28px}
.capture-notes h3{font-size:19px}
.capture-notes p{font-size:15px;line-height:1.9;color:var(--muted);margin-top:12px}
.capture-notes .text-link{margin-top:16px;font-size:14px}
.supported{margin-top:38px;padding-top:28px}
.supported h3{font-size:22px}
.support-star{font-size:11px;color:var(--theme-accent);margin-left:2px}
.support-note{font-size:14px;color:var(--muted);line-height:1.9;margin-top:22px}
#features{border-top:1px solid var(--rule)}
.feature-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.feature-tabs button{text-align:center;font-size:17px}
.feature-scene{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7%;align-items:center}
.feature-copy h3{font-size:clamp(29px,3.2vw,42px);line-height:1.45;letter-spacing:-.035em;margin-bottom:24px}
.feature-copy p{font-size:17px;color:var(--muted);line-height:1.95;margin-top:16px;width:100%;max-width:none}
.feature-copy .fine{font-size:14px}
.feature-copy .feature-connection{border-top:1px solid var(--rule);padding-top:24px;margin-top:28px;font-size:15px}
.scene-next{background:transparent;border:0;border-bottom:1px solid currentColor;border-radius:0;margin-top:20px;font-size:15px;padding-inline:0}
.feature-visual{min-width:0;background:var(--surface-raised);padding:30px 28px 20px}
.feature-visual figcaption{font-size:12px;text-align:center;color:var(--muted);line-height:1.7;margin-top:18px}
.product-preview{background:var(--app-bg);padding:20px;border:1px solid var(--app-rule);border-radius:14px;min-height:425px;width:100%;max-width:none}
.preview-appbar{display:flex;align-items:center;gap:10px;font-size:17px;margin-bottom:22px}
.preview-appbar>span{margin-left:auto;font-size:13px;color:var(--app-muted)}
.preview-appbar img{width:24px;height:24px}
.preview-app-tabs{display:flex;justify-content:space-around;border-bottom:1px solid var(--app-rule);margin-bottom:15px;font-size:14px;color:var(--app-muted)}
.preview-app-tabs>*{padding:6px 9px 10px}
.preview-app-tabs>b{color:var(--app-accent);border-bottom:2px solid var(--app-accent)}
.preview-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center;font-size:12px;border-bottom:1px solid var(--app-rule);padding-bottom:14px;color:var(--app-muted)}
.preview-summary strong{display:block;font-size:18px;color:var(--app-income);font-variant-numeric:tabular-nums;margin-top:4px}
.preview-summary .expense{color:var(--app-expense)}
.preview-date{font-size:24px;font-weight:700;margin:18px 0 10px}
.preview-date span{font-size:12px;font-weight:400;color:var(--app-muted);margin-left:8px}
.product-preview .native-ledger{margin-top:10px;padding:12px}
.product-preview .native-ledger>strong{white-space:nowrap;font-size:16px}
.product-preview .native-title{font-size:16px}
.preview-nav{display:flex;justify-content:space-around;border-top:1px solid var(--app-rule);padding-top:15px;margin-top:24px;font-size:12px;color:var(--app-muted)}
.preview-nav b{color:var(--app-accent)}
.budget-overall{padding:18px;background:var(--app-surface);border:1px solid var(--app-rule);border-radius:12px}
.budget-overall>div,.budget-category>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.budget-overall>strong{display:block;font-size:29px;margin:14px 0;color:var(--app-accent)}
.product-preview progress{display:block;width:100%;height:7px;border:0;border-radius:5px;overflow:hidden;appearance:none;background:var(--app-rule);margin:13px 0;color:var(--app-accent)}
.product-preview progress::-webkit-progress-bar{background:var(--app-rule)}
.product-preview progress::-webkit-progress-value{background:var(--app-accent);border-radius:5px}
.product-preview progress::-moz-progress-bar{background:var(--app-accent);border-radius:5px}
.preview-subheading{font-size:15px;font-weight:700;margin:22px 0 10px}
.budget-category{margin-top:16px}
.budget-category>div span{font-variant-numeric:tabular-nums;color:var(--app-muted)}
.insight-summary{background:var(--app-surface);border:1px solid var(--app-rule);padding:20px;border-radius:14px}
.insight-summary>div{display:flex;justify-content:space-between;gap:15px;font-size:17px}
.insight-summary>div span{font-size:12px;color:var(--app-muted)}
.insight-summary p{font-size:16px;color:var(--app-muted);line-height:1.9;margin-top:14px}
.insight-breakdown{margin-top:24px}
.insight-breakdown h4{font-size:15px;margin:0 0 12px}
.insight-breakdown>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--app-rule);padding:12px 0;font-size:14px}
.preview-footnote{font-size:12px;line-height:1.8;color:var(--app-muted);margin-top:18px}
.investment-total{text-align:center;background:color-mix(in srgb,var(--jade) 13%,var(--app-bg));border:1px solid var(--app-rule);border-radius:14px;padding:24px 16px}
.investment-total>span{font-size:14px;color:var(--app-muted)}
.investment-total>strong{display:block;font-size:32px;color:var(--app-accent);margin:10px 0 18px;font-variant-numeric:tabular-nums}
.investment-total>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;color:var(--app-muted)}
.investment-total b{display:block;font-size:16px;color:var(--app-accent);margin-top:4px}
.holdings-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;margin:24px 0 12px}
.holdings-heading button{border:1px solid var(--app-rule);border-radius:6px;background:var(--app-surface);color:var(--app-accent);font-size:12px;min-height:44px;padding:7px 10px}
.holdings-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
.holdings-table th,.holdings-table td{padding:12px 4px;border-bottom:1px solid var(--app-rule);text-align:right}
.holdings-table th:first-child{text-align:left}
.holdings-table thead th{color:var(--app-muted);font-weight:400}
.holdings-table tbody th{font-weight:600}
.start-section{border-top:1px solid var(--rule)}
.start-section .utility-grid{gap:6%;padding:0;border-bottom:0}
.utility-grid article{border-top:1px solid var(--rule);padding-top:25px}
.utility-grid h3{font-size:29px;line-height:1.45}
.utility-grid p:not(.eyebrow){max-width:none;font-size:16px;line-height:1.9}
.story-section{padding-top:42px}
.story-grid{padding-top:42px;border-top:1px solid #344A3E;gap:6%}
.story-letter{padding-top:0}
.story-section h2{font-size:clamp(32px,3.5vw,48px)}
.privacy-section{padding-bottom:20px}
.faq details>p,.pricing-notes p{max-width:none}
.faq details>p{line-height:1.9}
.pricing-heading h2{font-size:clamp(32px,3.5vw,48px)}
.feature-scene:not([role=tabpanel])+ .feature-scene{border-top:1px solid var(--rule);padding-top:40px;margin-top:40px}
.capture-switch>[data-tab-panel]:not([role=tabpanel])+[data-tab-panel]{border-top:1px solid var(--rule);padding-top:40px;margin-top:40px}
@media(max-width:1000px){
 .chapter-heading{gap:5%}.chapter-heading>p{font-size:15px}
 .demo-layout{gap:5%}.demo-title{font-size:26px}.flow-steps h3{font-size:17px}
 .feature-scene{gap:5%;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
 .feature-visual{padding:20px 15px 16px}.product-preview{padding:15px}
 .feature-copy p{font-size:15px}.preview-summary strong{font-size:15px}
 .product-preview .native-ledger>strong{font-size:13px}.holdings-table{font-size:11px}
 .investment-total>strong{font-size:28px}.investment-total b{font-size:13px}
}
@media(max-width:760px){
 .chapter-heading{grid-template-columns:1fr;gap:20px}.chapter-heading>p{font-size:16px}
 .section-tabs{gap:20px;margin-bottom:28px}.section-tabs button{font-size:17px}
 .demo-layout,.feature-scene{grid-template-columns:1fr;gap:30px}
 .demo-presentation,.image-layout .demo-presentation{max-width:none;width:100%}
 .capture-switch .app-demo,.capture-switch .example-picker{max-width:none}
 .capture-notes{grid-template-columns:1fr;gap:26px}.capture-notes p{font-size:15px}
 .feature-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
 .feature-tabs button{text-align:left;font-size:16px}
 .feature-copy h3 br{display:none}.feature-copy h3{font-size:30px;margin-bottom:16px}
 .feature-copy p{font-size:16px}.feature-copy .feature-connection{margin-top:20px;padding-top:18px}
 .feature-visual{padding:24px 20px 18px}.product-preview{padding:18px}
 .product-preview .native-ledger{display:flex}.product-preview .native-ledger>strong{font-size:15px}
 .preview-summary strong{font-size:18px}.holdings-table{font-size:12px}
 .investment-total>strong{font-size:30px}.investment-total b{font-size:15px}
 .hero-stage{padding:22px 0}.hero-annotation{margin-bottom:23px}
 .start-section .utility-grid{grid-template-columns:1fr;gap:28px}
 .utility-grid article+article{padding-top:25px}
 .story-grid{grid-template-columns:1fr;gap:28px}
 .story-signature{margin-top:22px}.story-section{padding-top:16px}
}
@media(max-width:400px){
 .capture-switch .example-picker button{font-size:11px}
 .chapter-heading h2{font-size:30px}.feature-copy h3{font-size:27px}
 .feature-visual{padding:20px 12px 15px}.product-preview{padding:13px}
 .preview-summary strong{font-size:15px}.product-preview .native-ledger>strong{font-size:13px}
 .budget-overall{padding:13px}.budget-overall>div,.budget-category>div{font-size:11px}
 .holdings-table{font-size:10px}.investment-total{padding-inline:10px}
 .investment-total>strong{font-size:27px}.investment-total b{font-size:13px}
 .holdings-heading{font-size:13px}.holdings-heading button{font-size:11px}
 .support-note{font-size:13px}
}
@media print{.section-tabs,.scene-next,[data-refresh-quotes]{display:none}[data-tab-panel][hidden]{display:block!important}.feature-scene{break-inside:avoid}}

/* Pair each instruction with its app moment, instead of empty parallel rails. */
.capture-switch .demo-layout{display:block}
.capture-switch .demo-explanation .section-heading{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:6%;align-items:start;margin-bottom:28px}
.capture-switch .demo-explanation .section-heading>p{margin-top:0}
.capture-switch .example-picker{width:64%;margin:0 0 30px}
.capture-switch .image-picker{justify-content:flex-start;margin:0 0 30px}
.capture-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3%;align-items:start}
.capture-steps>[role=listitem]{min-width:0}
.capture-steps .screen-label{min-height:48px;font-size:15px;line-height:1.6;color:var(--foreground);font-family:var(--sans);font-weight:700}
.capture-steps .step-description{font-family:var(--sans);font-size:14px;line-height:1.9;color:var(--muted);margin:18px 0 0;max-width:none;width:100%}
.capture-switch .device-note{text-align:center;font-size:12px;color:var(--muted);margin-top:26px}
.capture-switch .demo-controls{margin-top:20px}
.demo-allowance{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin:22px 0}
.demo-allowance .image-quota{margin:0}
.demo-allowance .text-link{font-size:13px}
.feature-copy h3 br{display:initial}
@media(min-width:761px) and (max-width:1000px){
 .capture-steps{gap:2%}
 .capture-steps .native-source{display:block}
 .capture-steps .source-icon{margin-bottom:10px}
 .capture-steps .capture-heading{flex-wrap:wrap}
 .capture-steps .capture-heading strong{margin-left:0;flex-basis:100%;padding-top:4px}
 .capture-steps .native-ledger{flex-wrap:wrap}
 .capture-steps .native-ledger>strong{margin-left:auto}
}
@media(max-width:760px){
 .capture-switch .demo-explanation .section-heading{grid-template-columns:1fr;gap:14px}
 .capture-switch .example-picker{width:100%;margin-bottom:26px}
 .capture-steps{grid-template-columns:1fr;gap:30px}
 .capture-steps .screen-label{min-height:0;font-size:16px}
 .capture-steps .step-description{font-size:15px;margin-top:14px}
 .capture-steps>[role=listitem]+[role=listitem]{border-top:1px solid var(--rule);padding-top:24px}
 .capture-switch .demo-title{font-size:26px}
 .capture-switch .device-note{margin-top:24px}
}

/* Capture steps share their visual centre and explanatory baseline. */
.image-picker{display:flex;flex-flow:row nowrap;gap:0;width:max-content;max-width:100%}
.image-picker button{min-width:0;padding:12px 24px}
.capture-steps{grid-template-rows:auto 1fr auto;align-items:stretch;column-gap:3%;row-gap:18px}
.capture-steps>[role=listitem]{display:grid;grid-row:span 3;grid-template-rows:subgrid}
.capture-steps .screen-label{min-height:0;margin:0}
.step-visual{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:14px}
.step-visual>.share-to-ching{align-self:center;margin:0}
.capture-steps .step-description{margin:0}
.capture-steps .receipt-photo{aspect-ratio:auto;min-height:300px;padding:24px 32px}
.capture-steps .paper-receipt{max-width:250px;margin:auto;padding:18px 16px 20px}
.capture-steps .receipt-items{margin:12px 0;padding-block:10px}
.capture-switch .device-note{display:none}
.demo-controls{gap:12px}
.capture-switch .demo-status{margin:16px auto 0;font-size:13px;max-width:100%}
.capture-notes{display:block;padding:0;margin-top:32px;border-top:1px solid var(--rule)}
.capture-notes details{border-bottom:1px solid var(--rule);padding:0}
.capture-notes summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:20px 0;font-weight:700;font-size:17px}
.capture-notes summary::-webkit-details-marker{display:none}
.capture-notes summary span{font-size:22px;font-weight:400;transition:transform .2s}
.capture-notes details[open] summary span{transform:rotate(45deg)}
.capture-notes p{margin:0;padding:0 0 22px;line-height:1.9;font-size:15px}
.feature-screenshot{background:transparent;padding:0;justify-self:center;width:min(100%,390px)}
.app-screenshot{width:100%;height:auto;border:1px solid var(--rule);border-radius:12px}
.screenshot-dark{display:none}
:root[data-theme=dark] .screenshot-light{display:none}
:root[data-theme=dark] .screenshot-dark{display:block}
.feature-copy p{font-size:16px}
.privacy-process h3{font-size:24px;line-height:1.55;margin:0 0 15px}
.privacy-process p{font-size:15px;line-height:1.9}
.privacy-detail summary{font-size:18px;font-weight:700;cursor:pointer}
.privacy-detail details p{margin-top:16px}
@media(max-width:760px){
 .capture-steps{display:block}.capture-steps>[role=listitem]{display:block}
 .capture-steps .step-visual{margin:18px 0}.capture-steps .step-description{margin:0}
 .capture-steps>[role=listitem]+[role=listitem]{margin-top:28px}
 .capture-steps .receipt-photo{max-width:390px;width:100%;align-self:center}
 .capture-notes summary{font-size:16px}.image-picker button{padding:12px 20px}
 .feature-screenshot{width:min(100%,350px)}
}

/* Match the full-width disclosure rows used by capture help. */
.privacy-detail.capture-notes{display:block;padding:0;text-align:left;margin-top:35px}
.privacy-detail.capture-notes details{width:100%;max-width:none}
.privacy-detail.capture-notes summary{font-size:17px;margin:0}
.privacy-detail.capture-notes details p{margin:0;padding:0 0 22px;font-size:15px;line-height:1.9;color:#B0C7BB}
.privacy-detail.capture-notes a{margin:0 0 22px;font-size:14px}
@media(max-width:760px){.privacy-detail.capture-notes summary{font-size:16px}}