/* Hallmark · shape: Product stage · genre: editorial · theme: brand · hero: Stage by user reference · signature: layered real Kaasi screens · nav: quiet masthead · footer: existing · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V4 · weakest: S, use the real dashboard and budget screens rather than generic finance illustration */
/* Hallmark · waive 6b · user supplied centred product-stage references · retain their requested hero composition */
/* Hallmark · waive 29 · user reference 2 uses lighting to establish depth · restrained stationary orange light under product, no animated glow */
/* Hallmark · waive 25 · short single-sentence leads use the 28ch exception · longer article prose remains in its existing reading measure */
/* Hallmark · waive 59 · the first feature and tools share a continuous surface · padding and a rule establish hierarchy without another colour stripe */
:root{--scene-light:#f0f0ee;--scene-ink:#121212;--scene-muted:#565653;--scene-rule:#d4d4d0;--scene-subtle:#1a1a1a;--scene-haze:rgba(230,126,38,.13);--scene-shadow:rgba(0,0,0,.48);--scene-edge:rgba(224,224,224,.14);--scene-surface:#1e1e1e;--scene-radius:14px;--scene-head:clamp(64px,6.3vw,88px);--scene-shift:0px;--scene-angle:7deg;--scene-turn:-4deg;--scene-light-ink:#fcfcfb;--scene-stage-gap:56px;--scene-float-offset:-46px}
body:has(.reference-slice) .mast{max-width:1160px;height:88px;border:0;position:relative;z-index:2}.reference-slice{isolation:isolate}.scene-hero{padding-top:var(--space-xl);overflow:clip;position:relative}.scene-intro{position:relative;z-index:2;text-align:center}.scene-intro h1{font-family:var(--font-body);font-size:var(--scene-head);font-weight:500;line-height:1.03;letter-spacing:-.065em;max-width:none;overflow-wrap:break-word;min-width:0}.scene-intro p{margin:var(--space-lg) auto var(--space-0);font-size:17px;max-width:44ch;color:var(--color-muted)}.scene-actions{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);margin-top:var(--space-lg)}.scene-actions .primary{border-radius:var(--radius);padding-inline:var(--space-xl);font-size:15px;min-height:50px}.scene-secondary{display:flex;align-items:center;gap:var(--space-sm);font-size:15px;padding:var(--space-md);border:1px solid var(--color-line);border-radius:var(--radius);min-height:50px}.reference-slice svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.screen-stage{position:relative;margin-top:var(--scene-stage-gap);max-width:1140px;perspective:1600px}.screen-stage::before{content:'';position:absolute;inset:15% -10% -10%;background:radial-gradient(ellipse at 50% 80%,var(--scene-haze),transparent 65%);z-index:-1;pointer-events:none}.screen-composition{position:relative;transform:translateY(var(--scene-shift)) rotateX(var(--scene-angle)) rotateY(var(--scene-turn));transform-style:preserve-3d;transform-origin:50% 60%;max-width:960px;margin-inline:auto}.main-screen{height:390px;overflow:clip;border-radius:var(--scene-radius);background:var(--scene-surface);box-shadow:0 25px 70px var(--scene-shadow);outline:1px solid var(--scene-edge)}.main-screen>img{width:100%;height:auto;object-position:top}.budget-float{position:absolute;width:244px;right:var(--scene-float-offset);top:var(--space-xl);margin:var(--space-0);transform:translateZ(50px) rotate(5deg);filter:drop-shadow(0 15px 25px var(--scene-shadow))}.budget-float>img{width:244px;height:280px;object-fit:cover;object-position:50% 50%;border-radius:var(--scene-radius);outline:1px solid var(--scene-edge)}.budget-float figcaption{font-size:12px;color:var(--color-muted);padding:var(--space-sm);text-align:center}.offline-note{position:absolute;left:var(--space-xl);bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--scene-radius);background:var(--scene-surface);box-shadow:0 12px 35px var(--scene-shadow);outline:1px solid var(--scene-edge);transform:translateZ(35px) rotate(-3deg)}.offline-note strong{display:block;font-size:15px;font-weight:500}.offline-note span{display:block;font-size:12px;color:var(--color-muted);margin-top:var(--space-2xs)}.scene-foot{display:flex;justify-content:space-between;font-size:13px;color:var(--color-muted);padding-block:var(--space-xl) var(--space-2xl);max-width:960px}.first-feature{position:relative;background:var(--scene-light);color:var(--scene-ink);padding-block:var(--space-4xl) var(--space-5xl);border-radius:var(--space-xl) var(--space-xl) 0 0}.first-feature .container{max-width:1200px}.first-feature-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-2xl);margin-bottom:var(--space-3xl)}.first-feature h2{font-family:var(--font-body);font-size:clamp(38px,4vw,54px);font-weight:500;line-height:1.08;letter-spacing:-.05em}.first-feature-head p{font-size:16px;color:var(--scene-muted);max-width:28ch}.feature-theatre{display:grid;grid-template-columns:minmax(0, .65fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center}.feature-controls{display:flex;flex-direction:column}.feature-step{position:relative;display:block;padding:var(--space-lg) var(--space-xl) var(--space-lg) var(--space-lg);border-top:1px solid var(--scene-rule);color:var(--scene-muted);border-radius:0;transition:background-color var(--duration),color var(--duration)}.feature-step[aria-current=true]{background:var(--scene-light-ink);border-radius:var(--radius);border-color:transparent;color:var(--scene-ink)}.feature-step:hover{color:var(--scene-ink)!important;background:var(--scene-light-ink)}.feature-step span{display:block;font-size:21px;font-weight:500;letter-spacing:-.02em}.feature-step small{display:block;margin-top:var(--space-xs);font-size:14px;color:var(--scene-muted)}.feature-step svg{position:absolute;right:var(--space-md);top:var(--space-lg)}.feature-scenes{min-width:0}.feature-scenes figure{margin:var(--space-0)}.feature-scenes figure+figure{margin-top:var(--space-2xl)}.feature-scenes img{width:100%;height:440px;object-fit:cover;object-position:top left;border-radius:var(--scene-radius);background:var(--scene-surface);box-shadow:0 20px 40px var(--scene-shadow)}.feature-scenes figcaption{font-size:12px;color:var(--scene-muted);margin-top:var(--space-md)}.feature-scenes [data-scene-panel=budget] img{object-position:46% 50%;object-fit:cover}.feature-scenes figure.is-entering{animation:feature-enter 350ms ease-out}@keyframes feature-enter{from{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:none}}.feature-step:focus-visible{outline-color:var(--scene-ink)}
@media(min-width:1600px){.scene-hero{padding-top:var(--space-2xl)}.main-screen{height:430px}.screen-stage{margin-top:var(--space-3xl)}}
@media(max-width:1000px){:root{--scene-float-offset:-12px}.screen-composition{max-width:850px}.budget-float{width:205px}.budget-float>img{width:205px;height:245px}.scene-foot{width:calc(100% - var(--gutter)*2)}.first-feature-head{gap:var(--space-xl)}.feature-theatre{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.feature-controls{flex-direction:row}.feature-step{flex:1;padding:var(--space-md)}.feature-step svg{display:none}.feature-step span{font-size:18px}.feature-step small{font-size:13px}}
@media(max-width:600px){:root{--scene-head:60px;--scene-angle:0deg;--scene-turn:0deg;--scene-stage-gap:40px}.scene-hero{padding-top:var(--space-lg)}.scene-intro{padding-inline:var(--space-lg)}.scene-intro p{font-size:16px;max-width:29ch;margin-top:var(--space-lg)}.scene-actions{gap:var(--space-sm)}.scene-actions .primary{font-size:14px;padding-inline:var(--space-lg)}.scene-secondary{font-size:14px;padding:var(--space-sm) var(--space-md)}.screen-stage{width:calc(100% - 32px)}.main-screen{height:270px}.main-screen>img{width:680px;max-width:none;transform:translateX(-45px)}.budget-float{width:150px;right:var(--space-2xs);top:var(--space-xl);transform:rotate(5deg)}.budget-float>img{width:150px;height:182px}.budget-float figcaption{display:none}.offline-note{left:var(--space-sm);bottom:var(--space-md);padding:var(--space-sm);gap:var(--space-xs);transform:rotate(-2deg)}.offline-note img{width:22px}.offline-note strong{font-size:12px}.offline-note span{font-size:10px}.scene-foot{font-size:11px;padding-block:var(--space-lg) var(--space-xl)}.first-feature{border-radius:var(--space-lg) var(--space-lg) 0 0;padding-block:var(--space-3xl)}.first-feature-head{flex-direction:column;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-xl)}.first-feature h2{font-size:38px}.first-feature-head p{font-size:15px}.feature-controls{flex-direction:column}.feature-step{padding:var(--space-md)}.feature-step span{font-size:18px}.feature-step small{font-size:13px}.feature-step svg{display:block}.feature-scenes img{height:330px}.feature-scenes figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.screen-composition{transform:none}.feature-scenes figure.is-entering{animation:none}.scene-secondary,.feature-step{transition:none}}
.scene-intro h1,.first-feature h2{text-wrap:balance}
/* The brand's display face leads; supporting controls remain Satoshi. */
:root{--scene-head:clamp(76px,7.3vw,104px)}
.scene-intro h1{font-family:var(--font-display);font-weight:400;line-height:.97;letter-spacing:-.025em}
.first-feature h2{font-family:var(--font-display);font-size:clamp(48px,4.8vw,68px);font-weight:400;line-height:1.02;letter-spacing:-.025em}
.main-screen picture{display:block}.main-screen picture img{width:100%;height:auto}
.budget-float{width:284px}.budget-float>img{width:100%;height:auto;object-fit:contain}
.feature-scenes{min-height:610px;display:flex;align-items:center;justify-content:center}
.feature-scenes figure{width:100%}.feature-scenes figure+figure{margin-top:var(--space-0)}
.feature-scenes img{height:auto;object-fit:contain;box-shadow:0 16px 36px var(--scene-shadow)}
.daily-screens{display:grid;gap:var(--space-md)}
.feature-scenes [data-scene-panel=budget]{max-width:480px}
.feature-scenes [data-scene-panel=month]{max-width:560px}
.feature-step:active,.scene-secondary:active{transform:translateY(1px)}
.screen-preview,.screen-preview picture{display:block}
.scene-hero{padding-bottom:var(--space-3xl)}
.screen-stage::before{display:none}
.scene-hero::before{content:'';position:absolute;inset:auto 0 0;height:480px;background:radial-gradient(ellipse at 50% 100%,var(--scene-haze),transparent 70%);pointer-events:none;z-index:-1}
.scene-intro h1{font-size:clamp(60px,6.4vw,88px)}
@media(max-width:600px){.scene-intro h1{font-size:48px;line-height:1.03}.scene-hero{padding-bottom:var(--space-xl)}}
.screen-preview img{width:100%}
/* Continue the approved roomy product story through the rest of the homepage. */
body:has(.reference-slice){--container:1200px}
body:has(.reference-slice) .toolkit{padding-block:var(--space-5xl);background:var(--color-paper)}
.toolkit-intro p{margin-top:var(--space-xl);max-width:32ch;font-size:17px}
body:has(.reference-slice) .toolkit-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:var(--space-4xl)}
body:has(.reference-slice) .toolkit-intro{align-self:start;position:sticky;top:var(--space-2xl)}
body:has(.reference-slice) summary{padding-block:var(--space-xl);font-size:21px}
body:has(.reference-slice) details p{line-height:1.8;max-width:55ch;padding-right:var(--space-xl)}
body:has(.reference-slice) summary span{transition:transform var(--duration);font-weight:400}
body:has(.reference-slice) details[open]>p{animation:disclosure-enter 240ms ease-out}
@keyframes disclosure-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
body:has(.reference-slice) .ownership{border-block:1px solid var(--color-line);padding-block:var(--space-5xl);gap:var(--space-4xl)}
body:has(.reference-slice) .ownership h2{font-size:clamp(64px,7vw,96px)}
body:has(.reference-slice) .ownership>div{max-width:48ch}
body:has(.reference-slice) .future{background:var(--scene-light);color:var(--scene-ink);padding-block:var(--space-5xl)}
body:has(.reference-slice) .future p,body:has(.reference-slice) .future h3{color:var(--scene-muted)}
body:has(.reference-slice) .future details{border-color:var(--scene-rule)}
body:has(.reference-slice) .future summary span{color:var(--scene-ink)}
body:has(.reference-slice) .future summary:focus-visible{outline-color:var(--scene-ink)}
body:has(.reference-slice) .future .section-head{margin-bottom:var(--space-3xl)}
body:has(.reference-slice) .future-columns{gap:var(--space-4xl);align-items:start}
body:has(.reference-slice) .future h3{font-size:18px;margin-bottom:var(--space-lg)}
body:has(.reference-slice) .future summary{font-size:19px;padding-block:var(--space-lg)}
body:has(.reference-slice) .small-note{margin-top:var(--space-3xl)}
body:has(.reference-slice) .stories{padding-block:var(--space-5xl)}
body:has(.reference-slice) .stories .article-grid{gap:var(--space-xl)}
body:has(.reference-slice) .stories .section-head{margin-bottom:var(--space-3xl)}
body:has(.reference-slice) .maker{padding-block:var(--space-5xl);gap:var(--space-4xl)}
body:has(.reference-slice) .maker p{max-width:46ch;font-size:18px}
body:has(.reference-slice) .support{padding-block:var(--space-5xl);gap:var(--space-4xl);align-items:center}
body:has(.reference-slice) .support h2{font-size:clamp(64px,7vw,96px)}
body:has(.reference-slice) .support .primary{border-radius:var(--radius);padding-inline:var(--space-xl);border:0}
body:has(.reference-slice) footer{margin-top:var(--space-0)}
@media(max-width:1000px){body:has(.reference-slice) .toolkit-grid,body:has(.reference-slice) .ownership,body:has(.reference-slice) .maker,body:has(.reference-slice) .support{gap:var(--space-2xl)}body:has(.reference-slice) .future-columns{gap:var(--space-2xl)}}
@media(max-width:700px){.feature-scenes{min-height:0;display:block;margin-top:var(--space-sm)}.feature-scenes figure{margin-inline:auto}.first-feature{padding-bottom:var(--space-3xl)}body:has(.reference-slice) .toolkit-grid{grid-template-columns:minmax(0,1fr)}body:has(.reference-slice) .toolkit-intro{position:static}body:has(.reference-slice) .toolkit,body:has(.reference-slice) .ownership,body:has(.reference-slice) .future,body:has(.reference-slice) .stories,body:has(.reference-slice) .maker,body:has(.reference-slice) .support{padding-block:var(--space-3xl)}body:has(.reference-slice) .future-columns{gap:var(--space-3xl)}body:has(.reference-slice) .ownership h2,body:has(.reference-slice) .support h2{font-size:60px}body:has(.reference-slice) summary{font-size:19px;padding-block:var(--space-lg)}}
@media(prefers-reduced-motion:reduce){body:has(.reference-slice) details[open]>p{animation:none}body:has(.reference-slice) summary span{transition:none}}
@media(max-width:1000px){.budget-float{width:240px}.budget-float>img{width:100%;height:auto}.feature-scenes{min-height:0;max-width:680px;width:100%;margin-inline:auto}}
@media(max-width:600px){:root{--scene-head:68px}.first-feature h2{font-size:44px}.screen-stage{max-width:380px}.main-screen{width:250px;height:auto;margin-inline:auto}.main-screen picture img{width:100%;max-width:100%;transform:none}.budget-float{width:176px;top:180px;right:var(--space-0)}.budget-float>img{width:100%;height:auto}.offline-note{left:var(--space-0);bottom:var(--space-lg)}.feature-scenes{min-height:560px}.feature-scenes img{height:auto}.daily-history{display:none}.feature-scenes [data-scene-panel=daily]{max-width:330px}.feature-scenes [data-scene-panel=budget]{align-self:center}}
@media(max-width:700px){.feature-scenes{min-height:0;display:block}.feature-scenes figure{margin-inline:auto}}
/* V7 launch story: visual tools, ownership, a compact roadmap, then the maker's journal. */
.below-fold .power-tools{background:var(--scene-light);color:var(--scene-ink);padding-block:var(--space-xl) var(--space-4xl)}
.below-fold .power-tools .section-head{padding-top:var(--space-3xl);border-top:1px solid var(--scene-rule);margin-bottom:var(--space-3xl)}
.below-fold .power-tools p{color:var(--scene-muted)}
.tool-spread{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-lg)}
.tool-panel{position:relative;padding:var(--space-2xl);background:var(--scene-light-ink);border-radius:var(--scene-radius);min-width:0;overflow:clip}
.tool-panel h3{font-family:var(--font-display);font-size:46px;line-height:1.05;font-weight:400;letter-spacing:-.02em;margin-block:var(--space-xl) var(--space-lg)}
.tool-panel p{font-size:16px;max-width:43ch}
.tool-symbol{width:64px;height:64px;fill:none;stroke:var(--color-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tool-pair{display:flex;gap:var(--space-lg);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--scene-rule);font-size:14px}
.below-fold .recurring-panel{background:var(--color-accent);color:var(--scene-ink)}
.below-fold .recurring-panel p{color:var(--scene-ink)}.recurring-panel .tool-symbol{stroke:var(--scene-ink)}.recurring-panel .tool-pair{border-color:var(--scene-ink)}
.milestone-panel{background:var(--scene-rule)}
.below-fold .all-tools{margin-top:var(--space-xl);border-color:var(--scene-rule)}
.below-fold .all-tools summary{font-size:18px}.below-fold .all-tools summary span{color:var(--scene-ink)}
.tool-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl);padding-block:var(--space-lg) var(--space-2xl)}
.tool-directory h3{font-family:var(--font-body);font-size:17px;margin-bottom:var(--space-sm)}.tool-directory p{font-size:15px}
.below-fold details:not([open])>div{display:none}
.own-records{padding-block:var(--space-5xl)}.ownership-spread{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:var(--space-4xl);align-items:center}
.ownership-art{display:grid;place-items:center;min-height:320px}.ownership-art img{width:220px;height:220px;opacity:.9}
.ownership-spread h2{font-size:clamp(56px,5.5vw,80px);margin-bottom:var(--space-xl)}.ownership-spread p+p{margin-top:var(--space-lg)}.ownership-spread a{display:inline-block;margin-top:var(--space-xl);border-bottom:1px solid var(--color-line);padding-bottom:var(--space-xs)}
.roadmap{padding-bottom:var(--space-4xl)}.roadmap>.container{border-top:1px solid var(--color-line);padding-top:var(--space-3xl)}
.roadmap-head{display:flex;justify-content:space-between;align-items:end;gap:var(--space-xl);margin-bottom:var(--space-xl)}.roadmap-head h2{font-size:clamp(44px,4vw,60px)}
.roadmap-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-3xl);align-items:start}
.roadmap-list details:last-child{grid-column:1/-1}
.below-fold .roadmap summary{font-size:18px;padding-block:var(--space-lg)}.below-fold .roadmap details p{font-size:15px}.roadmap-note{font-size:13px;margin-top:var(--space-xl)}
.journal-band{background:var(--scene-light);color:var(--scene-ink)}
body:has(.reference-slice) .below-fold .stories{padding-block:var(--space-4xl)}
.journal-band .article-meta,.journal-band p{color:var(--scene-muted)}
.maker-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3xl);border-top:1px solid var(--scene-rule);padding-block:var(--space-4xl)}
.maker-note h2{font-size:clamp(46px,4.5vw,64px)}.maker-copy>p+p{margin-top:var(--space-lg)}.maker-links{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-block:var(--space-xl)}
.maker-links a{font-size:14px;border-bottom:1px solid var(--scene-rule);padding-bottom:var(--space-xs)}
.maker-note .signature img{filter:brightness(0)}
.bank-support{border-color:var(--scene-rule)}.below-fold .bank-support summary{font-size:17px;padding-block:var(--space-lg)}.bank-support summary span{color:var(--scene-ink)}
.bank-account{display:flex;justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-lg);border-top:1px solid var(--scene-rule)}.bank-account h3{font-family:var(--font-body);font-size:17px;margin-bottom:var(--space-xs)}
.below-fold .bank-account p{font-size:13px;padding:0;line-height:1.6}.account-copy{display:flex;flex-direction:column;align-items:end;gap:var(--space-sm)}.account-copy strong{font-weight:500;font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}
.account-copy button{min-height:44px;min-width:76px;padding:var(--space-xs) var(--space-md);border:1px solid var(--scene-rule);border-radius:var(--radius);background:var(--scene-light-ink);color:var(--scene-ink);font-size:14px}
.account-copy button:hover{background:var(--scene-rule)}.account-copy button:active{transform:translateY(1px)}.account-copy button:focus-visible,.journal-band a:focus-visible,.below-fold .all-tools summary:focus-visible,.bank-support summary:focus-visible{outline-color:var(--scene-ink)}
.copy-status{font-size:13px;min-height:1.6em}
.closing-invitation{padding-block:var(--space-5xl);text-align:center}.closing-invitation h2{font-size:clamp(64px,7vw,96px)}.closing-invitation p{margin:var(--space-xl) auto;max-width:48ch}.closing-invitation .primary{border-radius:var(--radius);padding-inline:var(--space-xl)}
@media(max-width:700px){.below-fold .power-tools{padding-bottom:var(--space-3xl)}.below-fold .power-tools .section-head{padding-top:var(--space-2xl);margin-bottom:var(--space-xl)}.tool-spread,.tool-directory,.ownership-spread,.maker-note,.roadmap-list{grid-template-columns:minmax(0,1fr)}.tool-panel{padding:var(--space-xl)}.tool-panel h3{font-size:38px}.tool-pair{flex-wrap:wrap;gap:var(--space-sm)}.own-records{padding-block:var(--space-3xl)}.ownership-spread{gap:var(--space-xl)}.ownership-art{min-height:140px;justify-items:start}.ownership-art img{width:120px;height:120px}.roadmap{padding-bottom:var(--space-3xl)}.roadmap-head{flex-direction:column;align-items:start;gap:var(--space-md)}body:has(.reference-slice) .below-fold .stories,.maker-note{padding-block:var(--space-3xl)}.maker-note{gap:var(--space-xl)}.closing-invitation{padding-block:var(--space-3xl)}.bank-account{flex-direction:column}.account-copy{flex-direction:row;align-items:center;justify-content:space-between}}
.below-fold .power-tools{background:var(--color-paper);color:var(--color-ink);padding-top:var(--space-3xl)}
.below-fold .power-tools p{color:var(--color-muted)}.below-fold .power-tools .section-head{border-color:var(--color-line)}
.below-fold .tool-panel,.below-fold .recurring-panel,.below-fold .milestone-panel{background:var(--color-paper-2);color:var(--color-ink);border:1px solid var(--color-line)}
.below-fold .recurring-panel p{color:var(--color-muted)}.tool-panel h3{font-size:38px}.tool-panel img{margin-top:var(--space-xl);border-radius:var(--radius);width:100%;max-height:330px;object-fit:cover;object-position:top}
.recurring-panel{grid-row:span 2}.recurring-panel img{max-height:none}.milestone-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--space-2xl)}.milestone-panel img{grid-column:2;grid-row:1/3;margin:0}.milestone-panel p{grid-column:1}.tool-directory{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:var(--space-2xl)}.below-fold .all-tools{border-color:var(--color-line)}
.free-price{font-size:48px;color:var(--color-ink)}.free-price span{font-size:16px;color:var(--color-muted)}.legal-links{display:flex;justify-content:center;gap:var(--space-lg);font-size:13px}
.footer-main{align-items:center}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}.footer-links span{grid-column:1/-1;margin:0}
.main-screen{position:relative;z-index:1;transform:translate3d(var(--main-x,0px),var(--main-y,0px),20px)}.budget-float{transform:translate3d(var(--budget-x,0px),var(--budget-y,0px),70px) rotate(5deg)}.offline-note{transform:translate3d(var(--note-x,0px),var(--note-y,0px),100px) rotate(-3deg)}.screen-stage{margin-bottom:-24px;z-index:2}.scene-hero{padding-bottom:24px}
@media(max-width:700px){.recurring-panel{grid-row:auto}.milestone-panel{display:block;grid-column:auto}.milestone-panel img{margin-top:var(--space-xl)}.tool-directory{grid-template-columns:minmax(0,1fr)}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.main-screen,.budget-float,.offline-note{transform:none}}
.offline-note{z-index:4}.budget-float{z-index:3}.free-price{font-variant-numeric:tabular-nums}.tool-directory>div{min-height:170px}.tool-directory{row-gap:var(--space-2xl)}
@media(max-width:700px){.tool-directory>div{min-height:0}}
/* Hero layers rotate independently across the full desktop viewport. */
.scene-hero{overflow:visible;padding-bottom:0;z-index:1}.screen-stage{margin-bottom:-172px}.main-screen{height:600px;transform:translate3d(var(--main-x,0px),var(--main-y,0px),20px) rotateX(var(--main-rx,0deg)) rotateY(var(--main-ry,0deg))}.main-screen picture img{min-height:600px;object-fit:cover;object-position:top}.first-feature{z-index:5}
.budget-float{transform:translate3d(var(--budget-x,0px),var(--budget-y,0px),70px) rotateX(var(--budget-rx,0deg)) rotateY(var(--budget-ry,0deg)) rotate(5deg)}.offline-note{bottom:220px;transform:translate3d(var(--note-x,0px),var(--note-y,0px),100px) rotateX(var(--note-rx,0deg)) rotateY(var(--note-ry,0deg)) rotate(-3deg)}
.recurring-panel{grid-row:auto}.milestone-panel{grid-column:auto;display:block}.tool-spread{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-panel p+p{margin-top:var(--space-xl)}.roadmap-list details:last-child{grid-column:auto}
.maker-band{background:var(--color-paper-2);color:var(--color-ink)}.maker-band .maker-note{border:0}.maker-band p{color:var(--color-muted)}.maker-band .signature img{filter:none}.maker-band .bank-support,.maker-band .bank-account,.maker-band .maker-links a{border-color:var(--color-line)}.maker-band .bank-support summary span{color:var(--color-accent)}
.closing-invitation{text-align:left;background:var(--color-paper)}.closing-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-4xl);align-items:center}.closing-invitation h2{font-size:clamp(56px,5.5vw,80px)}.closing-invitation p{margin:var(--space-xl) 0}.price-note{border-left:1px solid var(--color-line);padding-left:var(--space-3xl)}.price-note .free-price{font-size:64px;margin-top:0}.price-note ul{padding-left:20px;color:var(--color-muted);line-height:2}.price-note .legal-links{justify-content:start;margin-top:var(--space-xl)}
body:has(.reference-slice) .site-footer{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:var(--space-2xl);padding-block:var(--space-3xl);align-items:start}.site-footer nav{display:flex;flex-direction:column;gap:var(--space-md);font-size:14px}.footer-brand p{font-size:14px;margin-block:var(--space-lg)}.footer-brand span{font-size:12px;color:var(--color-muted)}
@media(max-width:700px){.main-screen{height:480px}.main-screen picture img{min-height:480px}.screen-stage{margin-bottom:-72px}.offline-note{bottom:110px}.tool-spread,.closing-layout{grid-template-columns:minmax(0,1fr)}.price-note{border-left:0;border-top:1px solid var(--color-line);padding:var(--space-xl) 0 0}.closing-layout{gap:var(--space-xl)}body:has(.reference-slice) .site-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}.footer-brand{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.main-screen,.budget-float,.offline-note{transform:none}}
.main-screen{height:560px}.screen-stage{margin-bottom:-172px}.tool-panel{min-height:420px}.price-note .free-price{font-variant-numeric:tabular-nums}
@media(max-width:700px){.screen-stage{margin-bottom:-72px}.main-screen{height:480px}.tool-panel{min-height:0}}

/* Preserve the approved orange light independently of the overlapping screenshot. */
:root{--hero-orange-light:rgba(230,126,38,.22)}
.scene-hero{background:radial-gradient(ellipse at 50% 100%,var(--hero-orange-light) 0%,var(--scene-haze) 32%,transparent 68%)}
.scene-hero::before{display:none}
/* Varied bento proportions: installation leads, supporting tools stay compact. */
.tool-spread{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}
.recurring-panel{grid-row:span 2;display:flex;flex-direction:column;justify-content:center;padding-block:var(--space-3xl);min-height:650px}
.recurring-panel .tool-symbol{width:112px;height:112px;stroke-width:1.4;margin-bottom:var(--space-xl)}
.recurring-panel h3{font-size:clamp(38px,4vw,54px)}
.tool-panel:not(.recurring-panel):not(.milestone-panel){min-height:300px}
.milestone-panel{grid-column:1/-1;display:grid;grid-template-columns:112px minmax(0,1fr) minmax(0,.85fr);gap:var(--space-xl);align-items:center;min-height:220px}
.milestone-panel .tool-symbol{width:80px;height:80px}.milestone-panel h3{margin:0}.milestone-panel p{grid-column:auto}
@media(max-width:700px){.tool-spread{grid-template-columns:minmax(0,1fr)}.recurring-panel{grid-row:auto;min-height:0;padding-block:var(--space-2xl)}.recurring-panel .tool-symbol{width:80px;height:80px}.tool-panel:not(.recurring-panel):not(.milestone-panel){min-height:0}.milestone-panel{grid-column:auto;display:block;min-height:0}.milestone-panel h3{margin-block:var(--space-xl) var(--space-lg)}}
.below-fold .all-tools{margin-top:var(--space-4xl)}
.below-fold .recurring-panel .tool-symbol{stroke:var(--color-accent)}