:root{--ink:#111511;--ink-soft:#1b211b;--paper:#f1f4ed;--paper-strong:#f8faf6;--line:#dbe2d7;--muted:#6b756b;--lime:#c7f36b;--lime-dark:#8eb73d;--red:#e7685d;--radius:18px;--shadow:0 18px 50px rgba(20,32,20,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer;border:0}.shell-width{width:min(1180px,calc(100% - 64px));margin:0 auto}.marketing-view{overflow:hidden}.site-nav{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em;color:inherit;background:transparent;font-size:18px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--ink);color:var(--lime);font-size:16px;letter-spacing:-.08em}.nav-links{display:flex;gap:30px;margin-left:100px}.nav-links a,.text-link{color:var(--muted);font-size:13px;font-weight:700;text-decoration:none;transition:color .2s}.nav-links a:hover,.text-link:hover{color:var(--ink)}.nav-actions,.hero-actions,.top-actions{display:flex;align-items:center;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:12px 17px;font-weight:700;font-size:13px;transition:transform .18s,background .18s,box-shadow .18s}.button:active{transform:translateY(1px) scale(.98)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{box-shadow:0 8px 22px rgba(17,21,17,.18)}.button-accent{background:var(--lime);color:var(--ink);box-shadow:0 6px 0 #a8d553}.button-accent:hover{background:#d7ff87;box-shadow:0 8px 18px rgba(142,183,61,.28);transform:translateY(-2px)}.button-ghost{color:var(--ink);padding-left:7px;padding-right:7px}.language-toggle{background:none;color:var(--muted);font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.04em;padding:8px}.language-toggle .lang-cs{opacity:.42}.language-divider{opacity:.32;margin:0 3px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:70px;padding:54px 0 84px}.hero-copy{padding-bottom:25px}.eyebrow,.eyebrow-text{font-family:'DM Mono',monospace;font-size:10px;font-weight:500;letter-spacing:.12em;color:var(--muted)}.eyebrow{display:flex;gap:11px;align-items:center;margin-bottom:22px}.eyebrow-line{width:28px;height:1px;background:var(--lime-dark)}h1,h2,h3,p{margin-top:0}.hero h1{max-width:570px;margin-bottom:24px;font-size:clamp(3.5rem,6vw,6rem);line-height:.98;letter-spacing:-.075em;font-weight:700}.hero h1 em{font-style:normal;color:#769d31}.hero-lede{max-width:470px;color:var(--muted);font-size:17px;line-height:1.6;margin-bottom:30px}.text-link{background:none;padding:10px 2px}.text-link span{color:var(--lime-dark);font-size:16px;margin-left:4px}.privacy-note{display:flex;align-items:center;gap:9px;color:#8a9488;font-size:11px;margin-top:27px}.privacy-dot{width:6px;height:6px;border-radius:50%;background:var(--lime-dark);display:inline-block}.hero-visual{position:relative;min-height:490px;display:flex;align-items:center;justify-content:center}.hero-visual:before{content:"";position:absolute;width:470px;height:470px;border-radius:50%;background:#e3eadb;filter:blur(1px);z-index:-1}.preview-window{width:min(520px,100%);background:var(--paper-strong);border:1px solid #d6ded2;border-radius:21px;box-shadow:var(--shadow);transform:rotate(2.5deg);overflow:hidden}.preview-top{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:12px;font-family:'DM Mono',monospace;font-size:9px;color:#929c90}.preview-dots{display:flex;gap:4px}.preview-dots span{width:6px;height:6px;border-radius:50%;background:#d2dbcd}.preview-dots span:first-child{background:#9bbc68}.preview-label{margin-right:auto}.preview-content{padding:26px}.preview-intro{display:flex;justify-content:space-between;align-items:flex-start}.mini-label,.preview-list-head{font:500 9px 'DM Mono',monospace;letter-spacing:.1em;color:#9aa395;margin:0 0 7px}.preview-total{font-size:30px;letter-spacing:-.05em;font-weight:700;margin:0}.save-tag{background:#eff7db;color:#6b8e2f;padding:5px 8px;border-radius:7px;font:500 9px 'DM Mono',monospace}.preview-chart{height:120px;margin:25px 0 25px;position:relative}.chart-grid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.chart-grid span{height:1px;background:#e6ebe2}.chart-bars{height:100%;display:flex;align-items:end;justify-content:space-around;gap:7px;padding:0 7px;position:relative}.chart-bars i{display:block;width:18px;border-radius:4px 4px 1px 1px;background:#dce6d6}.chart-bars i.active{background:var(--lime-dark)}.preview-list-head{display:flex;justify-content:space-between;padding-bottom:11px;border-bottom:1px solid var(--line)}.preview-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0eb;font-size:11px}.preview-row strong{font-size:11px}.preview-row b{display:none}.preview-row.flagged{grid-template-columns:30px 1fr auto auto;background:#fbfceb;margin:0 -9px;padding-left:9px;padding-right:9px}.preview-row.flagged b{display:block;font:500 9px 'DM Mono',monospace;color:#8fae4b}.service-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;color:#fff;font-weight:800}.streaming{background:#c33c34}.design{background:#f09b27}.music{background:#5d83c2}.service-name{font-weight:700}.service-name small{display:block;font-size:9px;color:#a0a99c;font-weight:500;margin-top:2px}.floating-save{position:absolute;right:-8px;bottom:42px;background:var(--ink);color:#fff;border-radius:15px;padding:14px 17px;display:flex;align-items:center;gap:11px;box-shadow:0 15px 30px rgba(17,21,17,.2);transform:rotate(-4deg)}.floating-icon{width:28px;height:28px;display:grid;place-items:center;background:var(--lime);color:var(--ink);border-radius:8px;font-weight:800}.floating-save strong,.floating-save small{display:block}.floating-save strong{font-size:17px;letter-spacing:-.04em}.floating-save small{font:10px 'DM Mono',monospace;color:#aab5a4}.proof-strip{display:flex;align-items:center;gap:18px;padding:20px 0 72px;color:#98a194;font:500 10px 'DM Mono',monospace;letter-spacing:.1em}.proof-rule{height:1px;background:var(--line);flex:1}.how-section{padding:70px 0 110px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading h2,.pricing-section h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1;letter-spacing:-.065em;margin:7px 0 0}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.process-step{position:relative;padding:23px 24px 28px 0;border-bottom:1px solid var(--line);min-height:235px}.process-step+.process-step{border-left:1px solid var(--line);padding-left:25px}.step-number{font:500 11px 'DM Mono',monospace;color:var(--lime-dark)}.process-step h3{font-size:19px;letter-spacing:-.04em;margin:51px 0 10px}.process-step p{max-width:250px;color:var(--muted);font-size:13px}.step-arrow{position:absolute;bottom:28px;right:24px;font-size:22px;color:var(--lime-dark)}.pricing-section{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;padding:75px 0 120px;background:var(--ink);color:#fff;width:100%;max-width:none;padding-left:max(32px,calc((100vw - 1180px)/2));padding-right:max(32px,calc((100vw - 1180px)/2))}.pricing-section .eyebrow-text{color:#8d9989}.price-card{background:#1c231b;border:1px solid #35402f;border-radius:18px;padding:26px}.price-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:37px}.price-name,.price-badge,.price-foot{font:500 10px 'DM Mono',monospace;letter-spacing:.08em;color:#aab6a4}.price-badge{color:var(--lime);background:#2d3b24;border-radius:6px;padding:5px 7px}.price-value{font-size:58px;letter-spacing:-.07em;font-weight:700;margin-bottom:5px}.price-value span{font-size:12px;color:#aab6a4;letter-spacing:0;font-weight:500}.price-card p{color:#aab6a4;font-size:13px;margin-bottom:26px}.full-button{width:100%}.price-foot{display:block;text-align:center;margin-top:17px;letter-spacing:0;color:#74806f}.site-footer{display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;padding:27px 0;color:#98a194;font:500 10px 'DM Mono',monospace}.site-footer .brand{color:var(--ink);font-family:Manrope;font-size:16px}.site-footer .brand-mark{background:var(--ink)}.hidden-view{display:none!important}.auth-view{min-height:100dvh;background:var(--ink);color:#fff;padding:24px}.auth-shell{width:min(1100px,100%);margin:auto}.auth-brand{color:#fff}.auth-brand .brand-mark{background:var(--lime);color:var(--ink)}.auth-layout{min-height:calc(100dvh - 95px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.auth-story h1{font-size:clamp(3rem,5vw,5rem);line-height:1;letter-spacing:-.07em;max-width:470px;margin:16px 0 22px}.auth-story>p:not(.eyebrow-text){color:#aab6a4;max-width:410px}.story-rule{width:55px;height:2px;background:var(--lime);margin:50px 0 16px}.auth-story>span{font:500 11px 'DM Mono',monospace;color:#70806b}.auth-card,.modal-card{background:var(--paper-strong);color:var(--ink);border-radius:20px;padding:30px;box-shadow:var(--shadow)}.auth-card-top,.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:28px}.auth-card h2,.modal-card h2{font-size:28px;letter-spacing:-.06em;margin:5px 0 0}.close-button{background:transparent;color:var(--muted);font-size:25px;line-height:1;padding:0 0 0 15px}.auth-card label,.modal-card label{display:block;font-size:12px;font-weight:700;margin:17px 0 7px}.auth-card input,.modal-card input,.modal-card select,.search-input{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 13px;color:var(--ink);outline:0;font-size:14px}.auth-card input:focus,.modal-card input:focus,.modal-card select:focus,.search-input:focus{border-color:var(--lime-dark);box-shadow:0 0 0 3px rgba(142,183,61,.18)}.auth-options{display:flex;justify-content:space-between;align-items:center;margin:15px 0 24px;font-size:12px}.check-label{display:flex!important;align-items:center;gap:5px;margin:0!important;font-weight:500!important}.check-label input{width:auto}.inline-button{background:transparent;color:var(--lime-dark);font-size:12px;font-weight:700;padding:0}.auth-switch{text-align:center;color:var(--muted);font-size:12px;margin:23px 0 0}.app-view{min-height:100dvh;background:var(--paper);display:flex}.app-sidebar{width:245px;flex-shrink:0;background:var(--ink);color:#fff;padding:26px 17px 20px;display:flex;flex-direction:column}.app-sidebar .brand{color:#fff;padding:0 11px}.app-sidebar .brand-mark{background:var(--lime);color:var(--ink)}.app-nav{margin-top:70px;display:grid;gap:5px}.app-nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:10px;background:transparent;color:#879486;text-align:left;font-size:13px;font-weight:600}.app-nav-item span:first-child{width:19px;text-align:center;font-size:17px}.app-nav-item:hover,.app-nav-item.active{background:#202a1e;color:#fff}.app-nav-item.active span:first-child{color:var(--lime)}.sidebar-bottom{margin-top:auto;display:grid;gap:18px}.plan-mini{display:flex;gap:10px;align-items:center;border-top:1px solid #35402f;padding:20px 12px 0}.plan-dot{width:7px;height:7px;border-radius:50%;background:var(--lime)}.plan-mini strong,.plan-mini small{display:block}.plan-mini strong{font-size:11px}.plan-mini small{font:9px 'DM Mono',monospace;color:#879486;margin-top:2px}.app-main{min-width:0;flex:1}.app-topbar{height:70px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px}.workspace-label{font:500 10px 'DM Mono',monospace;color:#98a194;letter-spacing:.07em}.mobile-brand{display:none}.top-actions{gap:18px}.avatar{width:32px;height:32px;border-radius:50%;background:#cadcbb;color:#47613a;font-weight:800;font-size:12px}.app-content{width:min(1130px,calc(100% - 84px));margin:0 auto;padding:52px 0 35px}.app-page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.app-page-head h1{font-size:36px;line-height:1.08;letter-spacing:-.06em;margin:8px 0 8px}.app-page-head p:not(.eyebrow-text){color:var(--muted);font-size:14px;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}.metric-card{background:var(--paper-strong);border:1px solid var(--line);border-radius:16px;padding:21px 22px}.metric-card span,.metric-card small{display:block}.metric-card span{font-size:12px;font-weight:700;color:var(--muted)}.metric-card strong{display:block;font-size:30px;letter-spacing:-.06em;margin:14px 0 5px}.metric-card small{font:500 10px 'DM Mono',monospace;color:#9aa493}.metric-positive{color:#739b39!important}.dark-metric{background:var(--ink);color:#fff;border-color:var(--ink)}.dark-metric span,.dark-metric small{color:#9eab9a}.dark-metric strong{color:var(--lime)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);gap:14px}.panel{background:var(--paper-strong);border:1px solid var(--line);border-radius:16px}.charges-panel{min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:22px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:18px;letter-spacing:-.04em;margin:0 0 3px}.panel-head p{font-size:12px;color:var(--muted);margin:0}.panel-tools{display:flex;gap:8px}.search-input{width:145px;padding:9px 11px;font-size:12px;background:var(--paper)}.filter-button{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:11px;font-weight:700;color:var(--muted)}.charges-list{padding:7px 22px 10px}.charge-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #edf0eb}.charge-row:last-child{border-bottom:0}.charge-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px}.charge-copy strong,.charge-copy small{display:block}.charge-copy strong{font-size:13px}.charge-copy small{font-size:10px;color:#9aa493;margin-top:2px}.charge-amount{font:500 13px 'DM Mono',monospace}.charge-status{font:500 9px 'DM Mono',monospace;color:#8ca546;background:#f0f7dd;padding:5px 7px;border-radius:5px}.charge-status.keep{background:#f2f3f0;color:#838c80}.delete-charge{background:transparent;color:#b4bbb0;font-size:17px;padding:3px}.delete-charge:hover{color:var(--red)}.insight-panel{padding:23px;display:flex;flex-direction:column;min-height:280px}.insight-accent{width:32px;height:3px;background:var(--lime-dark);margin-bottom:34px}.insight-panel h2{font-size:24px;line-height:1.12;letter-spacing:-.055em;margin:7px 0 14px}.insight-panel>p:not(.eyebrow-text){font-size:13px;color:var(--muted);margin-bottom:24px}.insight-panel .text-link{align-self:start}.insight-bottom{margin-top:auto;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#a1ab9e;font:500 9px 'DM Mono',monospace}.insight-bottom span:first-child{font-size:26px;letter-spacing:-.06em;color:var(--ink)}.app-footer-note{display:flex;align-items:center;gap:8px;padding:20px 3px;color:#9ba59a;font:500 10px 'DM Mono',monospace}.app-footer-note .text-link{margin-left:auto;font-size:10px}.modal-backdrop{position:fixed;inset:0;background:rgba(17,21,17,.5);display:grid;place-items:center;padding:20px;z-index:10}.modal-card{width:min(480px,100%)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal-card .full-button{margin-top:26px}.lang-cz .lang-en,.lang-cz .lang-cs{opacity:.42}.lang-cz .lang-cs{opacity:1}.lang-cz [data-i18n="navHow"]{}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:#fff;border-top:2px solid var(--lime);border-left:0;padding:13px 16px;border-radius:10px;font-size:12px;transform:translateY(20px);opacity:0;pointer-events:none;transition:all .22s;z-index:20}.toast.show{transform:translateY(0);opacity:1}@media(max-width:900px){.nav-links{margin-left:0}.hero{gap:35px}.app-sidebar{width:210px}.app-content{width:calc(100% - 48px)}.dashboard-grid{grid-template-columns:1fr}.insight-panel{min-height:240px}.pricing-section{gap:40px}}@media(max-width:700px){.shell-width{width:calc(100% - 40px)}.site-nav{height:72px}.nav-links,.nav-actions .button-ghost{display:none}.nav-actions{gap:3px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:45px 0 65px;min-height:auto}.hero h1{font-size:clamp(3.25rem,15vw,5rem)}.hero-visual{min-height:390px}.preview-window{transform:rotate(1.5deg)}.floating-save{right:0;bottom:14px}.proof-strip{padding-bottom:55px}.how-section{padding:60px 0 80px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:2.8rem}.process-grid{grid-template-columns:1fr}.process-step{min-height:185px;padding-right:30px}.process-step+.process-step{border-left:0;border-top:1px solid var(--line);padding-left:0}.process-step h3{margin-top:28px}.pricing-section{display:block;padding:65px 20px 75px}.pricing-section h2{font-size:3rem;margin-bottom:35px}.site-footer{grid-template-columns:1fr auto;gap:14px}.site-footer>span:nth-child(2){grid-column:1/-1;grid-row:2}.auth-view{padding:20px}.auth-layout{display:flex;flex-direction:column;align-items:stretch;gap:40px;padding:60px 0 30px;min-height:auto}.auth-story h1{font-size:3.5rem}.auth-story{padding-bottom:0}.story-rule{margin:30px 0 12px}.app-view{display:block}.app-sidebar{width:100%;height:auto;padding:17px 20px;display:block}.app-sidebar .brand{padding:0}.app-nav{display:flex;margin:19px 0 0;overflow:auto}.app-nav-item{width:auto;white-space:nowrap}.app-nav-item span:first-child{display:none}.sidebar-bottom{display:none}.app-topbar{padding:0 20px;height:60px}.workspace-label{display:none}.mobile-brand{display:inline;font-weight:800;font-size:14px}.app-content{width:calc(100% - 40px);padding:35px 0 25px}.app-page-head{display:block;margin-bottom:28px}.app-page-head h1{font-size:30px}.app-page-head .button{margin-top:22px;width:100%}.metric-grid{grid-template-columns:1fr 1fr}.metric-card:last-child{grid-column:1/-1}.metric-card strong{font-size:24px}.panel-head{display:block}.panel-tools{margin-top:16px}.search-input{width:100%;flex:1}.filter-button{flex-shrink:0}.charges-list{padding-left:16px;padding-right:16px}.charge-row{grid-template-columns:30px minmax(0,1fr) auto}.charge-status{display:none}.charge-amount{font-size:11px}.form-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* SubSentry signature polish: asymmetric process rhythm, quiet editorial framing, one accent. */
.site-nav{border-bottom:1px solid rgba(219,226,215,.72)}
.brand:focus-visible,.button:focus-visible,.text-link:focus-visible,.language-toggle:focus-visible,.app-nav-item:focus-visible,.close-button:focus-visible{outline:3px solid rgba(142,183,61,.34);outline-offset:3px}
.hero-copy{position:relative}
.hero-copy:after{content:"01 / FIND THE LEAK";position:absolute;left:-48px;top:6px;color:#a8b1a5;font:500 9px 'DM Mono',monospace;letter-spacing:.12em;writing-mode:vertical-rl;transform:rotate(180deg)}
@media(min-width:701px){.process-grid{grid-template-columns:.8fr 1.4fr .8fr;align-items:stretch}.process-step.active-step{background:var(--ink);color:#fff;border:0;border-radius:16px;margin:-18px 0 -18px;padding:41px 25px 46px}.process-step.active-step p{color:#aab6a4}.process-step.active-step .step-number,.process-step.active-step .step-arrow{color:var(--lime)}.process-step.active-step h3{margin-top:51px}}
@media(max-width:700px){.hero-copy:after{display:none}.process-step.active-step{background:var(--ink);color:#fff;border-radius:16px;padding:24px 24px 28px;margin:0 -1px}.process-step.active-step p{color:#aab6a4}.process-step.active-step .step-number,.process-step.active-step .step-arrow{color:var(--lime)}}
.hero-copy:after{display:none}

/* Brand mark: two protective arcs, a visual shorthand for watch + repeat. */
.brand-mark{position:relative;font-size:0;overflow:hidden;color:var(--lime)}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:11px;height:15px;border:2px solid currentColor;border-radius:50%}
.brand-mark:before{left:5px;top:3px;border-right-color:transparent;transform:rotate(-34deg)}
.brand-mark:after{right:5px;bottom:3px;border-left-color:transparent;transform:rotate(-34deg)}
.app-sidebar .brand-mark,.auth-brand .brand-mark{color:var(--ink)}
.eyebrow,.eyebrow-text,.workspace-label,.price-name,.price-badge,.price-foot,.app-footer-note,.site-footer{font-size:11px}
.preview-top,.mini-label,.preview-list-head,.save-tag,.floating-save small,.plan-mini small,.metric-card small,.charge-status{font-size:11px}
.preview-row,.charge-row{font-size:12px}
.service-name small,.charge-copy small{font-size:11px}
/* Motion language: short, purposeful, and quiet. */
@keyframes ss-rise-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes ss-preview-in{from{opacity:0;transform:rotate(2.5deg) translateY(22px)}to{opacity:1;transform:rotate(2.5deg) translateY(0)}}
@keyframes ss-save-in{from{opacity:0;transform:rotate(-4deg) translateY(14px) scale(.96)}to{opacity:1;transform:rotate(-4deg) translateY(0) scale(1)}}
@keyframes ss-bar-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.hero-copy>.eyebrow{animation:ss-rise-in .55s cubic-bezier(.2,.75,.25,1) both}
.hero-copy>h1{animation:ss-rise-in .65s .08s cubic-bezier(.2,.75,.25,1) both}
.hero-copy>.hero-lede{animation:ss-rise-in .6s .16s cubic-bezier(.2,.75,.25,1) both}
.hero-copy>.hero-actions{animation:ss-rise-in .6s .24s cubic-bezier(.2,.75,.25,1) both}
.hero-copy>.privacy-note{animation:ss-rise-in .55s .32s cubic-bezier(.2,.75,.25,1) both}
.preview-window{animation:ss-preview-in .85s .12s cubic-bezier(.2,.75,.25,1) both}
.floating-save{animation:ss-save-in .6s .65s cubic-bezier(.2,.75,.25,1) both}
.chart-bars i{transform-origin:bottom;animation:ss-bar-grow .55s cubic-bezier(.2,.75,.25,1) both}
.chart-bars i:nth-child(1){animation-delay:.22s}.chart-bars i:nth-child(2){animation-delay:.25s}.chart-bars i:nth-child(3){animation-delay:.28s}.chart-bars i:nth-child(4){animation-delay:.31s}.chart-bars i:nth-child(5){animation-delay:.34s}.chart-bars i:nth-child(6){animation-delay:.37s}.chart-bars i:nth-child(7){animation-delay:.40s}.chart-bars i:nth-child(8){animation-delay:.43s}.chart-bars i:nth-child(9){animation-delay:.46s}.chart-bars i:nth-child(10){animation-delay:.49s}.chart-bars i:nth-child(11){animation-delay:.52s}.chart-bars i:nth-child(12){animation-delay:.55s}
.button-accent{position:relative;overflow:hidden}.button-accent:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 48%,transparent 62%);transform:translateX(-120%);transition:transform .5s ease;pointer-events:none}.button-accent:hover:after{transform:translateX(120%)}
.process-step{transition:transform .22s ease,background .22s ease}.process-step:hover{transform:translateY(-3px)}.process-step.active-step:hover{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-lede,.hero-copy>.hero-actions,.hero-copy>.privacy-note,.preview-window,.floating-save,.chart-bars i{animation:none!important}.process-step,.button-accent:after{transition:none!important}}
/* Readability pass: no hairline microcopy across the product. */
:root{--muted:#59645a}
body{font-size:17px;font-weight:500}
.eyebrow,.eyebrow-text,.workspace-label,.price-name,.price-badge,.price-foot,.app-footer-note,.site-footer{font-family:"DM Sans",system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.07em;color:#647064}
.preview-top,.mini-label,.preview-list-head,.save-tag,.floating-save small,.plan-mini small,.metric-card small,.charge-status{font-family:"DM Sans",system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.04em}
.preview-row,.charge-row{font-size:14px;font-weight:600}
.service-name small,.charge-copy small{font-size:12px;font-weight:500;color:#758075}
.metric-card span{font-size:14px;font-weight:700}
.metric-card small{font-size:12px}
.hero-lede{font-size:18px;font-weight:500}
.privacy-note{font-size:12px;font-weight:600}
.proof-strip{font-family:"DM Sans",system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em}
.process-step p,.price-card p,.panel-head p,.insight-panel>p:not(.eyebrow-text),.app-page-head p:not(.eyebrow-text){font-size:14px;font-weight:500}
.auth-card label,.modal-card label{font-size:14px;font-weight:700}
.inline-button,.auth-options{font-size:13px}
.app-nav-item{font-size:14px}
@media(max-width:700px){body{font-size:16px}.hero-lede{font-size:17px}.proof-strip{font-size:11px}.metric-card span{font-size:13px}.process-step p{font-size:14px}.app-nav-item{font-size:13px}}
/* Scroll story: the page explains the product while the reader moves through it. */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1)}
[data-reveal].is-revealed{opacity:1;transform:none}
.audit-story{padding:120px 0 150px;background:var(--ink);color:#fff;overflow:hidden}
.audit-story-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}
.audit-copy .eyebrow-text{color:#aab6a4}.audit-copy h2{font-size:clamp(3rem,5vw,5.8rem);line-height:.94;letter-spacing:-.075em;margin:14px 0 24px}.audit-copy h2 span{color:var(--lime)}.audit-copy>p:not(.eyebrow-text){max-width:370px;color:#aab6a4;font-size:17px;line-height:1.55}
.audit-notes{display:grid;gap:0;margin-top:48px;border-top:1px solid #35402f}.audit-notes div{display:flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid #35402f;font-size:14px;color:#d9e1d6}.audit-notes strong{font-size:12px;color:var(--lime);min-width:22px}.audit-notes span{font-weight:600}
.audit-stage{position:relative;min-height:410px;padding:28px 30px;background:#f8faf6;color:var(--ink);border-radius:20px;box-shadow:0 28px 70px rgba(0,0,0,.22);transform:rotate(1.5deg);overflow:hidden}.audit-stage-head{display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.08em;color:#7f8a7d}.audit-live{display:flex;align-items:center;gap:7px;color:#799b39}.audit-live i{width:7px;height:7px;border-radius:50%;background:var(--lime-dark)}.audit-stage-total{display:flex;justify-content:space-between;align-items:end;margin:54px 0 24px}.audit-stage-total span{font-size:14px;font-weight:700;color:#748074}.audit-stage-total strong{font-size:40px;letter-spacing:-.07em}.audit-stage-line{height:1px;background:#dbe2d7;margin-bottom:5px}.audit-charge{display:grid;grid-template-columns:15px 1fr auto;gap:13px;align-items:center;padding:20px 0;border-bottom:1px solid #edf0eb}.audit-charge b,.audit-charge small{display:block}.audit-charge b{font-size:15px}.audit-charge small{font-size:12px;color:#879286;margin-top:3px}.audit-charge strong{font-size:14px}.audit-bullet{width:8px;height:8px;border-radius:50%;background:#c5cec1}.audit-bullet.red{background:#df7067}.audit-bullet.lime{background:var(--lime-dark)}.flagged-charge{margin:14px -12px 0;padding:17px 12px;background:#eff7db;border-radius:11px;border:0}.flagged-charge strong{color:#739735}.muted-charge{opacity:.72}.audit-scan{position:absolute;left:0;right:0;top:44%;height:1px;background:var(--lime-dark);opacity:.65;box-shadow:0 0 18px rgba(142,183,61,.5);animation:ss-scan 3.8s ease-in-out infinite alternate}
@keyframes ss-scan{from{transform:translateY(-76px)}to{transform:translateY(125px)}}
.step-arrow{width:12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);font-size:0}.process-step:nth-child(1) .step-arrow,.process-step:nth-child(2) .step-arrow{transform:rotate(45deg)}.delete-charge{font-size:0;width:22px;height:22px;position:relative}.delete-charge:before,.delete-charge:after{content:"";position:absolute;left:10px;top:4px;width:2px;height:14px;background:currentColor;border-radius:2px}.delete-charge:before{transform:rotate(45deg)}.delete-charge:after{transform:rotate(-45deg)}.filter-chevron{display:inline-block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:5px}
@media(max-width:700px){.audit-story{padding:85px 0 95px}.audit-story-inner{display:flex;flex-direction:column;gap:42px;align-items:stretch}.audit-copy h2{font-size:3.4rem}.audit-stage{min-height:370px;transform:none;padding:22px}.audit-stage-total{margin-top:40px}.audit-stage-total strong{font-size:32px}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none!important}.audit-scan{animation:none!important}}
/* Final mark: one sentinel arc + one signal point. No spiral, no generic monogram. */
.brand-mark{border:1px solid rgba(199,243,107,.24)}
.brand-mark:before{width:14px;height:14px;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;left:6px;top:6px;transform:rotate(-34deg)}
.brand-mark:after{width:4px;height:4px;border:0;border-radius:50%;background:currentColor;right:6px;bottom:6px;transform:none}/* Refined identity: soft sentinel shield + smooth editorial wordmark. */
.brand{font-family:"Outfit",system-ui,sans-serif;font-weight:600;letter-spacing:-.055em;font-size:19px}
.site-footer .brand{font-family:"Outfit",system-ui,sans-serif;font-weight:600}
.brand-mark{position:relative;display:block;overflow:hidden;border:0;border-radius:10px;background:var(--ink);color:var(--lime);font-size:0}
.brand-mark:before{content:"";position:absolute;left:7px;top:5px;width:16px;height:20px;border:0;background:currentColor;clip-path:polygon(50% 0,90% 19%,82% 75%,50% 100%,18% 75%,10% 19%);transform:none}
.brand-mark:after{content:"";position:absolute;left:12px;top:12px;width:7px;height:4px;border:0;border-radius:99px;background:var(--ink);box-shadow:none;transform:rotate(-28deg)}
.app-sidebar .brand-mark,.auth-brand .brand-mark{background:var(--lime);color:var(--ink)}
.app-sidebar .brand-mark:after,.auth-brand .brand-mark:after{background:var(--lime)}
/* Process arrows: deliberate sequence markers, never decorative random chevrons. */
.step-arrow{width:30px;height:12px;right:24px;bottom:31px;border:0;transform:none!important;color:var(--lime-dark)}
.step-arrow:before{content:"";position:absolute;left:0;top:5px;width:19px;height:2px;border-radius:2px;background:currentColor}
.step-arrow:after{content:"";position:absolute;right:1px;top:1px;width:9px;height:9px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
.process-step:nth-child(3) .step-arrow{display:none}
@media(max-width:700px){.step-arrow{width:12px;height:30px;right:24px;bottom:24px}.step-arrow:before{left:5px;top:0;width:2px;height:19px}.step-arrow:after{right:1px;top:17px;width:9px;height:9px;border-right:2px solid currentColor;border-top:0;border-bottom:2px solid currentColor;transform:rotate(45deg)}.process-step:nth-child(3) .step-arrow{display:none}}
/* Encoding-safe controls: CSS-drawn icons instead of fragile glyphs. */
.close-button{font-size:0;width:28px;height:28px;position:relative}
.close-button:before,.close-button:after{content:"";position:absolute;left:13px;top:5px;width:2px;height:18px;border-radius:2px;background:currentColor}
.close-button:before{transform:rotate(45deg)}.close-button:after{transform:rotate(-45deg)}
.app-nav-item .nav-icon{position:relative;display:block;width:19px;height:19px;flex:0 0 19px;color:currentColor}
.nav-icon-charges:before{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border:2px solid currentColor;border-radius:50%}.nav-icon-charges:after{content:"";position:absolute;left:8px;top:1px;width:2px;height:8px;background:currentColor;border-radius:2px;transform:rotate(35deg)}
.nav-icon-settings:before{content:"";position:absolute;inset:3px;border:2px solid currentColor;border-radius:50%}.nav-icon-settings:after{content:"";position:absolute;left:8px;top:8px;width:4px;height:4px;background:currentColor;border-radius:50%}
.nav-icon-signout:before{content:"";position:absolute;left:2px;top:4px;width:8px;height:11px;border:2px solid currentColor;border-right:0;border-radius:3px 0 0 3px}.nav-icon-signout:after{content:"→";position:absolute;right:0;top:-3px;font-size:18px;font-weight:700;line-height:20px}
/* Product UI refinement: softer type, calmer controls, functional filter menu. */
body{font-family:"Manrope",system-ui,sans-serif;color:var(--ink);font-size:16px;line-height:1.55}
h1,h2,h3,.metric-card strong,.price-value{font-family:"Manrope",system-ui,sans-serif;letter-spacing:-.045em}
button,input,select{font-family:"Manrope",system-ui,sans-serif}
.eyebrow,.eyebrow-text,.workspace-label,.price-name,.price-badge,.price-foot,.app-footer-note,.site-footer,.preview-top,.mini-label,.preview-list-head,.save-tag,.floating-save small,.plan-mini small,.metric-card small,.charge-status{font-family:"DM Sans",system-ui,sans-serif;letter-spacing:.035em}
.button{font-size:14px;font-weight:600}
.app-page-head h1{font-size:34px;letter-spacing:-.05em}
.metric-card span{font-size:13px;font-weight:600}
.metric-card strong{font-size:32px;font-weight:700}
.panel-head h2{font-size:19px;font-weight:600;letter-spacing:-.035em}
.panel-head p,.app-page-head p:not(.eyebrow-text),.insight-panel>p:not(.eyebrow-text){font-size:14px;line-height:1.55}
.charge-copy strong{font-size:14px;font-weight:600}.charge-copy small{font-size:12px;line-height:1.35}.charge-amount{font-size:13px;font-weight:600}.charge-status{font-size:11px;font-weight:600}
.panel-tools{align-items:center}.filter-wrap{position:relative}.filter-button{display:inline-flex;align-items:center;gap:5px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;color:var(--ink);transition:border-color .2s,background .2s}.filter-button:hover,.filter-button[aria-expanded="true"]{border-color:var(--lime-dark);background:#eef6df}.filter-chevron{margin-left:3px}
.filter-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:5;min-width:160px;padding:6px;background:var(--paper-strong);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 30px rgba(20,32,20,.14)}.filter-menu button{display:block;width:100%;padding:10px 11px;border-radius:8px;background:transparent;color:var(--ink);text-align:left;font-size:13px;font-weight:500}.filter-menu button:hover{background:#eef6df;color:var(--ink)}
.search-input{font-size:13px;padding:10px 12px}
.empty-state{padding:30px 8px;color:var(--muted);text-align:center}.empty-state strong,.empty-state small{display:block}.empty-state strong{font-size:14px;font-weight:600}.empty-state small{margin-top:5px;font-size:13px}
@media(max-width:700px){.app-page-head h1{font-size:30px}.panel-tools{align-items:stretch}.filter-button{white-space:nowrap}}
@keyframes ss-page-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.app-page.page-enter{animation:ss-page-in .32s cubic-bezier(.2,.75,.25,1) both}
.page-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}
.directory-panel{overflow:hidden}
.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.settings-card{padding:24px;min-height:230px;display:flex;flex-direction:column;align-items:flex-start}
.settings-card h2{font-size:22px;margin:9px 0 10px;font-weight:600;letter-spacing:-.04em}
.settings-card>p:not(.eyebrow-text){font-size:14px;color:var(--muted);line-height:1.55;margin-bottom:20px}
.setting-state{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#6f9637}.setting-state i{width:7px;height:7px;border-radius:50%;background:var(--lime-dark)}
.settings-actions{margin-top:auto}
@media(max-width:700px){.page-summary-row,.settings-grid{grid-template-columns:1fr}.settings-card{min-height:190px}.page-summary-row .metric-card:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.app-page.page-enter{animation:none!important}}
/* Non-interactive process arrows removed: no false affordances. */
.step-arrow{display:none!important}
/* Review guide: a useful decision surface, not a placeholder toast. */
.review-card{width:min(520px,100%);padding:28px}.review-summary{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:16px 0 20px;border-bottom:1px solid var(--line)}.review-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f09b27;color:#fff;font-weight:800}.review-summary strong,.review-summary small,.review-summary b,.review-summary b span{display:block}.review-summary strong{font-size:14px;font-weight:700}.review-summary small{font-size:12px;color:var(--muted);margin-top:3px}.review-summary b{text-align:right;font-size:19px;letter-spacing:-.04em}.review-summary b span{font-size:11px;color:var(--muted);font-weight:500;letter-spacing:0;margin-top:2px}.review-questions{display:grid;gap:0;margin:8px 0 20px}.review-questions div{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #edf0eb}.review-questions span{font:700 11px "DM Sans",sans-serif;color:var(--lime-dark)}.review-questions p{font-size:14px;margin:0;color:var(--ink)}.review-actions{display:flex;justify-content:flex-end;gap:10px}.review-actions .button{min-width:120px}.review-modal-open{overflow:hidden}@media(max-width:520px){.review-card{padding:22px}.review-summary{grid-template-columns:34px 1fr}.review-summary>b{grid-column:2;text-align:left;margin-top:3px}.review-actions{display:grid;grid-template-columns:1fr}.review-actions .button{width:100%}}
/* Charge editing: make the row feel actionable without adding visual noise. */
.charge-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;min-width:58px}.edit-charge{border:0;background:transparent;color:var(--muted);font:600 12px "Manrope",sans-serif;padding:7px 3px;cursor:pointer}.edit-charge:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.delete-charge{flex:0 0 22px}.modal-card select{appearance:auto}.modal-card input,.modal-card select{font-size:14px;font-weight:600}.modal-card h2{max-width:360px}@media(max-width:700px){.charge-actions{gap:5px}.edit-charge{padding:8px 2px}.charge-row{grid-template-columns:30px minmax(0,1fr) auto auto}.charge-status{display:none}.charge-actions{grid-column:4}.modal-card{max-height:calc(100vh - 32px);overflow:auto}}@media(prefers-reduced-motion:reduce){.edit-charge{transition:none}}
/* Tactile controls: the accent button has a firm lower edge that collapses on press. */
.button{position:relative;transition:transform .12s cubic-bezier(.25,1,.5,1),box-shadow .12s cubic-bezier(.25,1,.5,1),background-color .12s ease;will-change:transform}
.button-accent{overflow:visible;box-shadow:0 5px 0 #a8d553}
.button-accent:after{display:none!important}
.button-accent:hover{transform:none;box-shadow:0 5px 0 #a8d553}
.button:active,.button-accent:active{transform:translateY(4px);box-shadow:0 1px 0 #a8d553}
.button-dark{box-shadow:0 4px 0 #090d09}
.button-dark:hover{box-shadow:0 4px 0 #090d09}
.button-dark:active{box-shadow:0 1px 0 #090d09}
.filter-button,.edit-charge,.delete-charge,.inline-button,.close-button,.language-toggle,.avatar,.app-nav-item{transition:transform .12s cubic-bezier(.25,1,.5,1),background-color .12s ease,color .12s ease,box-shadow .12s cubic-bezier(.25,1,.5,1)}
.filter-button:active,.edit-charge:active,.delete-charge:active,.inline-button:active,.close-button:active,.language-toggle:active,.avatar:active,.app-nav-item:active{transform:translateY(2px)}
@media(prefers-reduced-motion:reduce){.button,.filter-button,.edit-charge,.delete-charge,.inline-button,.close-button,.language-toggle,.avatar,.app-nav-item{transition:none!important;transform:none!important;will-change:auto}.button-accent,.button-accent:hover,.button-accent:active{box-shadow:0 5px 0 #a8d553}.button-dark,.button-dark:hover,.button-dark:active{box-shadow:0 4px 0 #090d09}}
/* Process section rebuild: clear sequence, generous type, no overlapping hero card. */
.section-heading{display:grid;grid-template-columns:minmax(150px,.62fr) minmax(0,1.38fr);align-items:end;gap:40px;margin-bottom:56px}
.section-heading h2{max-width:720px;margin:0;font-size:clamp(2.75rem,5.2vw,5.2rem);line-height:.98;letter-spacing:-.035em;text-wrap:balance}
.process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0;align-items:stretch}
.process-step,.process-step+.process-step{min-height:270px;padding:28px 28px 34px;background:var(--paper-strong);border:1px solid var(--line);border-radius:16px}
.process-step+.process-step{border-left:1px solid var(--line);padding-left:28px}
.process-step.active-step{margin:0;padding:28px 28px 34px;background:#e7f3c8;color:var(--ink);border:1px solid #cfe0a6;border-radius:16px}
.process-step.active-step p{color:var(--muted)}
.process-step.active-step .step-number{color:#739735}
.process-step h3{margin:58px 0 12px;font-size:21px;line-height:1.1;letter-spacing:-.03em}
.process-step p{max-width:30ch;line-height:1.55}
.step-arrow{display:none!important}
.process-step:hover,.process-step.active-step:hover{transform:translateY(-2px)}
@media(max-width:700px){.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:clamp(2.7rem,13vw,4rem);letter-spacing:-.03em;line-height:1}.process-grid{grid-template-columns:1fr;gap:12px}.process-step,.process-step+.process-step,.process-step.active-step{min-height:0;padding:24px 24px 28px;border-left:1px solid var(--line);margin:0}.process-step h3{margin-top:38px;font-size:20px}.process-step p{max-width:36ch}}
/* Desktop typography guardrails: keep display type open, balanced and inside its column. */
h1,h2,h3{overflow-wrap:normal;word-break:normal;text-wrap:balance}
.hero h1,.auth-story h1,.audit-copy h2,.section-heading h2,.pricing-section h2,.app-page-head h1,.insight-panel h2,.auth-card h2,.modal-card h2,.settings-card h2{letter-spacing:-.03em;line-height:1.02}
.hero h1{font-size:clamp(3.35rem,5.8vw,5.65rem);max-width:11ch}
.audit-copy h2{font-size:clamp(3rem,5vw,5.35rem);max-width:9.5ch;line-height:1.01}
.audit-stage{transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1)}
.audit-stage:hover{transform:rotate(0deg) translateY(-6px);box-shadow:0 34px 80px rgba(0,0,0,.25)}
.audit-charge{transition:background-color .22s ease,transform .22s cubic-bezier(.22,1,.36,1)}
.audit-charge:hover{background:#f4f8ef;transform:translateX(5px)}
.price-card{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .25s ease,box-shadow .35s ease}
.price-card:hover{transform:translateY(-5px);border-color:#56694b;box-shadow:0 18px 42px rgba(0,0,0,.18)}
.preview-window{transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1)}
.preview-window:hover{transform:rotate(0deg) translateY(-7px);box-shadow:0 26px 62px rgba(20,32,20,.16)}
.motion-enabled [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s cubic-bezier(.22,1,.36,1)}
.motion-enabled [data-reveal].is-revealed{opacity:1;transform:none}
@media(max-width:980px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px}.hero h1{font-size:clamp(3.15rem,6vw,4.7rem)}.audit-story-inner{gap:54px}.audit-copy h2{font-size:clamp(3rem,5.4vw,4.6rem)}}
@media(max-width:700px){.hero h1{font-size:clamp(3rem,13vw,5rem);max-width:100%;line-height:1.02}.audit-copy h2{font-size:clamp(2.75rem,13vw,4rem);max-width:100%;letter-spacing:-.03em;line-height:1.02}.audit-stage:hover{transform:none}.preview-window:hover{transform:rotate(1.5deg) translateY(-3px)}.price-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.motion-enabled [data-reveal]{opacity:1;transform:none;transition:none!important}.audit-stage,.audit-charge,.price-card,.preview-window{transition:none!important}.audit-stage:hover,.price-card:hover,.preview-window:hover,.audit-charge:hover{transform:none}}
/* Motion layer: responsive feedback, navigation state and brand signal. */
.site-nav{position:sticky;top:0;z-index:8;background:rgba(241,244,237,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:height .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease,background-color .32s ease}
body.has-scrolled .site-nav{height:68px;background:rgba(241,244,237,.96);box-shadow:0 10px 26px rgba(17,21,17,.08)}
.view-enter{animation:ss-view-in .38s cubic-bezier(.22,1,.36,1) both}
@keyframes ss-view-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.button,.text-link,.filter-button,.edit-charge,.delete-charge,.inline-button,.language-toggle,.avatar,.app-nav-item{transition:transform .16s cubic-bezier(.22,1,.36,1),color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.button:focus-visible,input:focus-visible,select:focus-visible{transform:translateY(-1px)}
.auth-card input::placeholder,.modal-card input::placeholder,.search-input::placeholder{transition:opacity .2s ease,transform .2s ease}.auth-card input:focus::placeholder,.modal-card input:focus::placeholder,.search-input:focus::placeholder{opacity:.35;transform:translateX(4px)}
.button.is-success{background:#d9f49a;color:var(--ink)}.button.is-success:after{content:"✓";display:grid!important;place-items:center;position:absolute;inset:0;background:inherit;border-radius:inherit;font-size:18px;font-weight:800;animation:ss-success-pop .38s cubic-bezier(.22,1,.36,1) both}
@keyframes ss-success-pop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
.brand-mark{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.brand:hover .brand-mark,.brand:focus-visible .brand-mark{transform:rotate(-4deg) scale(1.08);box-shadow:0 7px 16px rgba(142,183,61,.25)}
.brand:hover .brand-mark:before,.brand:focus-visible .brand-mark:before{animation:ss-mark-draw .55s cubic-bezier(.22,1,.36,1) both}.brand:hover .brand-mark:after,.brand:focus-visible .brand-mark:after{animation:ss-mark-dot .55s cubic-bezier(.22,1,.36,1) both}
@keyframes ss-mark-draw{from{transform:scale(.72);opacity:.45}to{transform:scale(1);opacity:1}}@keyframes ss-mark-dot{from{transform:rotate(-28deg) translateX(-3px);opacity:.4}to{transform:rotate(-28deg) translateX(0);opacity:1}}
.app-nav-item:hover .nav-icon-charges:after{transform:rotate(70deg)}.app-nav-item:hover .nav-icon-settings:after{transform:scale(1.35)}.close-button:hover:before,.close-button:hover:after{transform:rotate(90deg)}.close-button:before,.close-button:after{transition:transform .25s cubic-bezier(.22,1,.36,1)}
.filter-chevron{transition:transform .2s cubic-bezier(.22,1,.36,1)}.filter-button[aria-expanded="true"] .filter-chevron{transform:rotate(225deg) translateY(-1px)}
@supports (animation-timeline: scroll()){
.hero-visual{animation:ss-hero-drift linear both;animation-timeline:scroll(root block);animation-range:0 560px}
@keyframes ss-hero-drift{to{transform:translateY(34px) scale(.985);opacity:.9}}
}
@media(prefers-reduced-motion:reduce){.site-nav,.button,.text-link,.filter-button,.edit-charge,.delete-charge,.inline-button,.language-toggle,.avatar,.app-nav-item,.brand-mark,.close-button:before,.close-button:after,.filter-chevron{transition:none!important}.view-enter,.button.is-success:after,.brand:hover .brand-mark:before,.brand:focus-visible .brand-mark:before,.brand:hover .brand-mark:after,.brand:focus-visible .brand-mark:after,.hero-visual{animation:none!important}.button:focus-visible,input:focus-visible,select:focus-visible{transform:none!important}}
/* Anchor polish: land below the sticky nav and make the destination feel intentional. */
#how-it-works,#support{scroll-margin-top:92px}
.anchor-focus{animation:ss-anchor-arrive .95s cubic-bezier(.22,1,.36,1) both}
.anchor-focus .process-step{animation:ss-step-arrive .62s cubic-bezier(.22,1,.36,1) both}
.anchor-focus .process-step:nth-child(2){animation-delay:.08s}.anchor-focus .process-step:nth-child(3){animation-delay:.16s}
@keyframes ss-anchor-arrive{0%{outline:0 solid rgba(199,243,107,0);outline-offset:0}38%{outline:1px solid rgba(142,183,61,.5);outline-offset:10px}100%{outline:1px solid rgba(142,183,61,0);outline-offset:16px}}
@keyframes ss-step-arrive{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.process-step:hover{background:#fbfcf9}.process-step.active-step:hover{background:#eaf6ce}
@media(prefers-reduced-motion:reduce){.anchor-focus,.anchor-focus .process-step{animation:none!important}.anchor-focus{outline:0!important}.process-step:hover,.process-step.active-step:hover{transform:none}}
/* Support section: a calm, non-commercial handoff for the personal QR code. */
.support-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:76px;align-items:center;padding:96px max(32px,calc((100vw - 1180px)/2)) 112px;background:var(--ink);color:#fff;width:100%;max-width:none}
.support-copy .eyebrow-text{color:#aab6a4}.support-copy h2{max-width:520px;margin:16px 0 22px;font-size:clamp(3rem,5vw,5.2rem);line-height:1.01;letter-spacing:-.03em}.support-copy>p:not(.eyebrow-text){max-width:430px;color:#c3cec0;font-size:17px;line-height:1.6}.support-note{display:block;max-width:360px;margin-top:34px;padding-top:18px;border-top:1px solid #35402f;color:#93a18e;font-size:13px;line-height:1.5}
.support-card{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center;padding:30px;background:#1b231b;border:1px solid #35402f;border-radius:18px}.support-qr{width:180px;aspect-ratio:1;background:#f7faf3;color:var(--ink);display:grid;place-items:center;align-content:center;gap:7px;border-radius:12px;border:1px solid #dce7d3}.support-qr span{font-size:24px;font-weight:800;letter-spacing:.08em}.support-qr small{font:700 10px "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#758371}.support-card-copy{min-width:0}.support-label{margin:0 0 13px;color:var(--lime);font:700 11px "DM Sans",sans-serif;letter-spacing:.09em}.support-card-copy h3{margin:0 0 12px;max-width:320px;font-size:25px;line-height:1.08;letter-spacing:-.03em}.support-card-copy>p:not(.support-label){margin:0 0 22px;color:#aab6a4;font-size:14px;line-height:1.55}.support-card .button{width:100%}
@media(max-width:700px){.support-section{display:block;padding:72px 20px 82px}.support-copy h2{font-size:clamp(2.8rem,12vw,4rem)}.support-note{margin-top:26px}.support-card{grid-template-columns:1fr;padding:22px;margin-top:42px}.support-qr{width:min(210px,100%);justify-self:center}.support-card-copy h3{font-size:23px}}