/* A persistent document gives the scroll story one continuous point of reference. */
.home-page main{max-width:1440px;padding-top:24px}
.conversion-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:clamp(32px,4.4vw,80px);position:relative;align-items:start;padding:24px 0 96px}
.story-copy{grid-column:1;padding:40px 0;min-width:0}
.story-intro{grid-row:1;min-height:calc(100svh - 100px)}
.story-intro .eyebrow{display:flex;align-items:center;gap:12px;font-size:.75rem}
.accent-dot{height:6px;width:6px;background:var(--accent);border-radius:50%}
.story-intro h1{font-size:clamp(4rem,6.8vw,6.125rem);font-weight:400;line-height:.99;letter-spacing:-.04em;margin:32px 0 24px}
.story-intro h1 span{color:var(--accent)}
.hero-description{font-size:1.0625rem;max-width:32ch}
.hero-privacy{display:inline-flex;gap:12px;align-items:center;color:var(--muted);font-size:.75rem;min-height:44px;margin-top:16px}
.hero-privacy svg{width:16px;height:16px;flex-shrink:0}
.sample-trigger,.chapter-link{padding:12px 4px;background:none;color:var(--ink);border-color:transparent;font-size:.875rem}
.scroll-cue{display:flex;align-items:center;gap:24px;font-size:.75rem;margin-top:48px}
.scroll-cue span{font-size:1.1875rem;color:var(--accent)}
.story-chapter{min-height:72svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:80px}
.story-chapter h2{font-size:clamp(2.25rem,4.1vw,3.6875rem);line-height:1.07;letter-spacing:-.04em;margin:24px 0}
.story-chapter h2 span{color:var(--muted)}
.story-chapter>p:not(.eyebrow){max-width:31ch;font-size:1.0625rem}
.story-chapter>p.chapter-detail{font-size:.8125rem;margin-top:24px;max-width:37ch}
.chapter-link{margin-top:24px}
.conversion-stage{grid-column:2;grid-row:1 / 4;position:sticky;top:calc(var(--header-clearance) + 16px);min-width:0;align-self:start;isolation:isolate}
.demo-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:0 4px 16px}
.demo-kicker{font-size:.75rem;letter-spacing:.08em;color:var(--muted)}
.demo-formats{display:flex;gap:4px}
.demo-formats button{min-height:40px;padding:8px 12px;font-size:.75rem;background:transparent;color:var(--muted);border-color:transparent;gap:8px}
.demo-formats button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.demo-canvas{--scene-ink:#d5c8bb;position:relative;aspect-ratio:620/540;border:1px solid #4e433c;border-radius:40px;isolation:isolate;background:radial-gradient(ellipse at 74% 15%,#96735c55,transparent 65%),linear-gradient(140deg,#35302d,#211e1b 75%);color:var(--scene-ink);box-shadow:0 26px 60px -38px #35241588}
.canvas-grid{position:absolute;inset:1px;z-index:-1;border-radius:inherit;opacity:.25;background-image:linear-gradient(#b79c811f 1px,transparent 1px),linear-gradient(90deg,#b79c811f 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}
.canvas-coordinate{position:absolute;left:26px;right:26px;display:flex;justify-content:space-between;font:.5rem/1.5 ui-monospace,monospace;letter-spacing:.08em;color:#b8aa9e;z-index:2;pointer-events:none}
.coordinate-top{top:19px}.coordinate-bottom{bottom:18px}
.document-scene{position:absolute;left:4%;top:4%;width:92%;height:auto;aspect-ratio:620/520;overflow:visible}
.scene-body{transform-origin:center;transform-box:fill-box}
.paper-overline{font-size:9px;letter-spacing:.4px;fill:#6f6157}
.paper-title{font-size:24px;fill:#302824;letter-spacing:-.65px}
.paper-subtitle{font-size:10px;fill:#70665d}
.paper-footnote{font-size:9px;fill:#70665d}
.sheet-filename{font-size:16px;fill:#302824;letter-spacing:-.3px}
.column-letters{font:10px ui-monospace,monospace;fill:#817062}
.scene-cell{font-size:12px;fill:#302824}
.scene-row[data-row="0"] .scene-cell{font-size:10px;fill:#796a5e}
.scene-caption{position:absolute;bottom:42px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:8px;font-size:.75rem;color:#e3d8cb;pointer-events:none}
.caption-mark{color:#adbfff;font-size:.9375rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tool-directory{padding-top:80px}
.tool-directory .section-heading{margin-bottom:64px}
.tool-directory h2{font-size:clamp(2.125rem,4.5vw,3.875rem);max-width:14ch;line-height:1.05}
.directory-documents{display:grid;grid-template-columns:.65fr 1.35fr;gap:48px;padding-bottom:64px}
.directory-documents h3{font-size:1.5rem;margin-bottom:16px}
.directory-documents>div>p{font-size:.9375rem}
.directory-documents .conversion-links{grid-template-columns:1fr 1fr;column-gap:32px}
.visual-tools{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid var(--divider);padding-top:48px}
.visual-tool{min-width:0}
.visual-tool h3{font-size:1.6875rem;margin-top:16px}
.visual-tool>p{font-size:.875rem;max-width:48ch}
.visual-tool>.text-link{margin-top:16px}
.visual-tool .service-study{margin:0 0 24px}
.tool-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--divider);border-radius:50%;font-size:1.3125rem}
.handling-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:96px}
.handling-heading h2{font-size:clamp(2.25rem,4vw,3.4375rem);line-height:1.1;margin:24px 0}
.handling-heading h2 span{color:var(--muted)}
.handling-heading>p:not(.eyebrow){max-width:35ch;font-size:.9375rem}
.handling-heading .action{margin-top:24px}
.handling-facts details{margin:0;padding:16px 0;border-top:1px solid var(--divider)}
.handling-facts summary{font-size:1rem;list-style:none;display:flex;gap:16px;align-items:center}
.handling-facts summary::-webkit-details-marker{display:none}
.handling-facts summary:after{content:'+';margin-left:auto;color:var(--muted)}
.handling-facts details[open] summary:after{content:'−'}
.handling-facts summary>span{font:.75rem ui-monospace,monospace;color:var(--accent)}
.handling-facts p{font-size:.8125rem;padding-left:32px;max-width:53ch}
.home-page .payment-intro{gap:80px;padding-block:80px}
@supports(corner-shape:superellipse(1.5)){.demo-canvas,.canvas-grid{corner-shape:superellipse(1.5)}}
/* Static content remains usable when script is blocked. */
.conversion-stage:not([data-ready]) .demo-formats{display:none}
@media(min-width:901px){.conversion-stage{max-width:min(100%,calc((100svh - 420px)*1.148));justify-self:center;width:100%}}
@media(min-width:901px) and (max-height:820px){.conversion-stage{max-width:min(100%,calc((100svh - 350px)*1.148))}.demo-toolbar{padding-bottom:12px}}
@media(max-width:1100px){.demo-kicker{display:none}.demo-toolbar{justify-content:flex-end}.story-intro h1{font-size:clamp(3.75rem,6.8vw,4.75rem)}.directory-documents{gap:32px}.visual-tools{gap:40px}.handling-section{gap:40px}}
@media(max-width:900px){.conversion-story{grid-template-columns:1fr;padding-top:16px;padding-bottom:64px}.story-intro{min-height:0;padding-top:12px;padding-bottom:40px}.story-intro h1{font-size:clamp(3.75rem,10vw,5.125rem)}.hero-description{max-width:42ch}.scroll-cue{display:none}.conversion-stage{position:relative;top:auto;grid-column:1;grid-row:2;max-width:620px;width:100%;margin:0 auto}.demo-kicker{display:block}.demo-toolbar{justify-content:space-between}.story-chapter{min-height:0;padding:48px 0 0}.story-chapter h2{font-size:2.5rem;margin:16px 0}.story-chapter>p:not(.eyebrow){max-width:48ch;font-size:1rem}.chapter-link{margin-top:12px}.story-chapter>p.chapter-detail{margin-top:12px}.directory-documents{grid-template-columns:1fr;gap:24px}.directory-documents>div>p br{display:none}.handling-section{grid-template-columns:1fr;gap:40px}.handling-heading>p:not(.eyebrow){max-width:46ch}.home-page .payment-intro{gap:32px}}
@media(max-width:600px){.home-page main{padding-top:16px}.story-intro h1{font-size:4rem;letter-spacing:-.04em}.hero-description{font-size:1rem}.hero-actions{margin-top:24px}.hero-privacy{font-size:.75rem;margin-top:12px}.demo-toolbar{padding-bottom:12px}.demo-formats button{min-height:44px;font-size:.75rem;padding:8px 12px}.demo-kicker{font-size:.75rem;letter-spacing:0}.canvas-coordinate{left:18px;right:18px;font-size:.375rem}.coordinate-top{top:15px}.coordinate-bottom{bottom:15px}.scene-caption{font-size:.75rem;bottom:30px;gap:4px}.caption-mark{font-size:.75rem}.demo-canvas{border-radius:30px}.story-chapter h2{font-size:2.25rem}.tool-directory{padding-top:48px}.tool-directory .section-heading{margin-bottom:32px}.tool-directory h2{font-size:2.4375rem}.directory-documents{padding-bottom:40px}.directory-documents .conversion-links{gap:0 20px}.directory-documents .conversion-links a{min-height:60px;font-size:.75rem}.visual-tools{grid-template-columns:1fr;gap:40px;padding-top:40px}.visual-tool h3{font-size:1.625rem}.handling-section{padding-block:48px}.handling-heading h2{font-size:2.4375rem}.home-page .payment-intro{padding-block:48px}.home-page .payment-intro h2{font-size:2.125rem}}
@media(max-width:350px){.story-intro h1{font-size:3.5rem}.demo-kicker{display:none}.demo-toolbar{justify-content:flex-start}.scene-caption{font-size:.4375rem}.directory-documents .conversion-links{grid-template-columns:1fr}}
@media(max-width:600px){.demo-canvas{--corner-size:30px}}
@media(min-width:901px) and (max-height:600px){.conversion-stage{position:relative;top:0;max-width:100%}.story-intro{min-height:720px}}
@media(prefers-reduced-motion:reduce){.story-intro,.story-chapter{min-height:0}.conversion-story{row-gap:40px}.story-chapter{padding-block:24px}.scroll-cue{display:none}}
@media(forced-colors:active){.demo-canvas{border-color:CanvasText}.demo-formats button[aria-pressed=true]{outline:2px solid Highlight}}
/* The demonstration is an open, floating composition rather than a framed viewer. */
.home-page main{max-width:1600px}
.conversion-story{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);column-gap:12px;padding-top:4px}
.story-intro{padding-top:112px;min-height:calc(100svh - 110px)}
.story-intro h1{font-size:clamp(4.375rem,7.4vw,7rem);line-height:1;letter-spacing:-.04em;margin-block:24px}
.story-intro h1 span{display:inline-block;color:var(--accent)}
.hero-description{max-width:30ch;font-size:1.0625rem;line-height:1.65}
.story-intro .hero-actions{gap:24px}
.story-intro .action{padding:16px 24px;box-shadow:0 9px 24px -13px #243357aa}
.scroll-cue{margin-top:48px;letter-spacing:0}
.conversion-stage{width:100%;max-width:760px;top:calc(var(--header-clearance) + 8px);justify-self:center;padding-top:0}
.demo-toolbar{padding:0 24px 0;min-height:44px}
.demo-kicker{font-size:.75rem;letter-spacing:.08em}
.demo-formats button{min-height:40px;padding-inline:12px}
.demo-canvas{--scene-ink:var(--muted);--corner-scene:transparent;aspect-ratio:620/510;background:transparent;border-color:transparent;box-shadow:none;color:var(--ink);border-image:none!important;isolation:isolate}
.demo-canvas:before,.demo-canvas:after{display:none!important}
.scene-aura{position:absolute;inset:-6% -7%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 60% 53%,#9fb5ef48 0%,#c1cee929 38%,transparent 67%);transform:rotate(var(--turn,0deg));opacity:calc(.7 + var(--lift,0)*.3)}
.canvas-grid{inset:8%;background-size:32px 32px;opacity:.3;background-image:radial-gradient(#829ac6 1px,transparent 1px);mask-image:radial-gradient(ellipse,#000,transparent 65%)}
.scene-orbits{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.orbit-lines{stroke:url(#orbit-accent);stroke-width:.6}
.orbit-motes{fill:#607bbd}
.document-scene{top:1%;left:4%;width:92%;filter:none;pointer-events:none}
.scene-body{transform-origin:0 0;transform-box:view-box}
.floating-format{display:flex;gap:12px;align-items:center;position:absolute;z-index:2;padding:16px 20px;border:1px solid #bac8e288;border-radius:20px;background:linear-gradient(130deg,#fffdf9f5,#edf1fad9);box-shadow:0 16px 32px -18px #344a7777,inset 0 1px 0 #fff;color:#465d8c;pointer-events:none;font-size:.8125rem;line-height:1.3;letter-spacing:.08em}
.floating-format small{display:block;color:#63779a;font-size:.75rem;font-weight:400;letter-spacing:0;margin-top:3px}
.floating-format svg{width:25px;height:30px;stroke:currentColor;stroke-width:1.1}
.source-format{left:1%;top:12%;transform:translateY(calc(var(--lift,0)*-18px)) rotate(-8deg);opacity:var(--source-opacity,1)}
.output-format{right:0;bottom:13%;transform:translateY(calc(var(--lift,0)*-28px)) rotate(7deg);opacity:var(--output-opacity,.45)}
.canvas-coordinate{left:18px;right:18px;color:var(--muted);font-size:.75rem;letter-spacing:.08em}
.coordinate-bottom{bottom:5px}
.scene-caption{bottom:31px;font-size:.75rem;gap:8px;color:var(--ink)}
.caption-mark{color:var(--accent)}
.transform-scrubber{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;z-index:1}
.demo-canvas:has(.transform-scrubber:focus-visible){outline:2px solid var(--accent);outline-offset:5px}
.conversion-stage:not([data-ready]) .transform-scrubber{display:none}
@supports(corner-shape:superellipse(1.5)){.floating-format{corner-shape:superellipse(1.5)}}
[data-theme=dark] .scene-aura{background:radial-gradient(ellipse at 60% 53%,#6f8bda38 0%,#647ba912 38%,transparent 67%)}
[data-theme=dark] .orbit-lines{stroke-width:1;opacity:.7}
[data-theme=dark] .floating-format{box-shadow:0 16px 32px -18px #0009}
@media(min-width:901px) and (max-height:820px){.conversion-stage{max-width:min(100%,calc((100svh - 280px)*1.216))}.demo-toolbar{padding-bottom:0}.story-intro{padding-top:64px}}
@media(min-width:901px) and (max-height:600px){.conversion-stage{position:relative;top:0;max-width:100%}}
@media(max-width:1100px){.story-intro h1{font-size:clamp(4.125rem,7.4vw,5.125rem)}.demo-toolbar{padding-inline:8px}.demo-kicker{display:none}}
@media(max-width:900px){.conversion-story{grid-template-columns:1fr;padding-top:24px}.story-intro{padding:12px 0 8px;min-height:0;text-align:center}.story-intro .eyebrow,.hero-actions{justify-content:center}.story-intro h1{font-size:clamp(4.5rem,12vw,6.25rem);margin:24px 0 24px}.hero-description{max-width:40ch;margin-inline:auto}.story-intro .hero-actions{margin-top:24px}.hero-privacy{margin-top:8px}.conversion-stage{position:relative;top:auto;max-width:660px;margin-top:40px}.demo-toolbar{padding-inline:20px}.demo-kicker{display:block}.story-chapter{text-align:left}.story-chapter .hero-actions{justify-content:flex-start}}
@media(max-width:600px){.conversion-story{padding-top:16px}.story-intro .eyebrow{font-size:.75rem}.story-intro h1{font-size:4.75rem;letter-spacing:-.04em}.hero-description{font-size:.9375rem;max-width:34ch;line-height:1.6}.story-intro .hero-actions{gap:16px}.story-intro .action{padding:16px 16px}.conversion-stage{margin-top:24px}.demo-toolbar{padding-inline:0}.demo-kicker{font-size:.4375rem}.demo-canvas{margin-top:8px}.floating-format{padding:8px 12px;gap:8px;font-size:.75rem;border-radius:14px}.floating-format svg{width:18px;height:22px}.floating-format small{font-size:.4375rem}.source-format{left:0;top:7%}.output-format{right:-1%;bottom:17%}.scene-caption{font-size:.75rem;bottom:23px}.coordinate-bottom{bottom:0}.canvas-coordinate{font-size:.375rem;left:8px;right:8px}.scene-aura{inset:-5% 0}.scene-orbits{overflow:hidden}}
@media(max-width:350px){.story-intro h1{font-size:4rem}.story-intro .hero-actions{gap:12px}.story-intro .action{padding-inline:16px}.sample-trigger{font-size:.75rem}.demo-kicker{display:none}.demo-toolbar{justify-content:center}.scene-caption{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.scene-orbits,.source-format{display:none}.source-format,.output-format{transform:none}.scene-aura{transform:none}.story-intro{min-height:0}.transform-scrubber{cursor:default}}
@media(forced-colors:active){.demo-canvas{border:1px solid CanvasText}.floating-format{border-color:CanvasText}.scene-aura,.scene-orbits{display:none}}
.scene-aura{background:radial-gradient(ellipse at 60% 53%,#9aafe655 0%,#c5d0ef36 38%,transparent 68%)}
.source-format{transform:translate(calc(var(--pointer-x,0px)*-.6),calc(var(--lift,0)*-18px + var(--pointer-y,0px)*-.6)) rotate(-8deg)}
.output-format{transform:translate(var(--pointer-x,0px),calc(var(--lift,0)*-28px + var(--pointer-y,0px))) rotate(7deg)}
@media(prefers-reduced-motion:reduce){.source-format,.output-format{transform:none}}
@media(min-width:901px) and (min-height:601px){.conversion-stage{max-width:min(100%,calc((100svh - 350px)*1.216))}.story-chapter:last-child{min-height:100svh}}
@media(prefers-reduced-motion:reduce){.story-chapter:last-child{min-height:0}}

.conversion-stage:not([data-ready]) .orbit-motes{display:none}
/* Fine paper, restrained extraction and inline file labels. */
.demo-canvas .canvas-grid{display:none}
.demo-canvas .scene-aura{inset:8% 0;background:radial-gradient(ellipse closest-side,color-mix(in srgb,var(--accent) 7%,transparent),transparent 100%);transform:none;opacity:1}
.demo-canvas .floating-format{border:0;border-image:none!important;border-radius:0;background:none;padding:0;box-shadow:none;font-size:.75rem;letter-spacing:.08em;gap:8px;color:var(--muted);transform:none}
.demo-canvas .floating-format svg{width:16px;height:20px;stroke-width:1}
.demo-canvas .floating-format small{display:none}
.demo-canvas .source-format{top:0;left:7%;bottom:auto}
.demo-canvas .output-format{top:0;right:7%;bottom:auto}
.demo-canvas .scene-caption{font-size:.75rem;color:var(--muted);letter-spacing:0}
.demo-canvas .caption-mark{display:none}
.document-scene .table-grid{stroke:#ccd4e2;stroke-width:.65}
.document-scene .scene-cell{font-variant-numeric:tabular-nums;fill:#2b3447}
.document-scene .scene-row[data-row="0"] .scene-cell{fill:#68758b;font-size:9px;letter-spacing:.25px}
.document-scene .column-letters{fill:#8a97ac;font-size:8px}
.document-scene .paper-overline{fill:#74839d;font-size:8px;letter-spacing:1.1px}
.document-scene .paper-title{fill:#2b3447;font-weight:400;letter-spacing:-.7px}
.document-scene .sheet-filename{fill:#2b3447;font-size:15px;letter-spacing:-.35px}
.document-scene .paper-subtitle,.document-scene .paper-footnote{fill:#748096}
/* A viewport-sized opening; the content field reaches both edges of the window. */
.home-page main{max-width:none;padding:0}
.home-page main>section:not(.kinetic-hero){max-width:1328px;margin-inline:auto;padding-inline:var(--gutter)}
.kinetic-hero{position:relative;display:block;height:100svh;min-height:680px;margin-top:calc(-1 * var(--header-height));padding-top:var(--header-height);isolation:isolate;overflow:clip}
.kinetic-copy{position:absolute;z-index:2;text-align:center;left:50%;top:51%;transform:translate(-50%,-50%);width:min(60%,760px);padding:20px 0;pointer-events:auto;isolation:isolate}
/* An elliptical falloff reaches zero inside every edge: no rectangular haze. */
.kinetic-copy:before,.kinetic-copy:after{content:"";position:absolute;inset:-120px -170px;z-index:-1;pointer-events:none}
.kinetic-copy:before{background:radial-gradient(ellipse closest-side,var(--paper) 28%,color-mix(in srgb,var(--paper) 97%,transparent) 45%,color-mix(in srgb,var(--paper) 78%,transparent) 61%,color-mix(in srgb,var(--paper) 34%,transparent) 77%,color-mix(in srgb,var(--paper) 8%,transparent) 90%,transparent 100%);filter:blur(16px)}
.kinetic-copy:after{z-index:-2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask-image:radial-gradient(ellipse closest-side,#000 25%,#000c 45%,#0005 68%,transparent 94%);mask-image:radial-gradient(ellipse closest-side,#000 25%,#000c 45%,#0005 68%,transparent 94%)}
.kinetic-copy :is(a,button){pointer-events:auto}
.kinetic-copy .eyebrow{font-size:.75rem;letter-spacing:.08em;margin:0 0 20px}
.kinetic-copy h1{font-size:clamp(4.25rem,6.7vw,6.375rem);line-height:1.04;letter-spacing:-.04em;font-weight:400;margin:0 0 24px}
.kinetic-copy h1 br{display:block}
.kinetic-copy h1 span{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.04em;color:var(--accent)}
.kinetic-description{max-width:48ch;font-size:1rem;line-height:1.55;margin-inline:auto}
.kinetic-copy .hero-actions{justify-content:center;margin-top:24px;gap:24px}
.kinetic-copy .action{padding:16px 24px}
.kinetic-copy .hero-privacy{font-size:.75rem;margin-top:8px}
.form-sculpture{position:absolute;inset:0;width:100%;height:100%;margin:0;isolation:isolate}
.sculpture-art{position:absolute;inset:0;mask-image:linear-gradient(transparent,#000 10%,#000 92%,transparent)}
.sculpture-art canvas,.sculpture-poster{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sculpture-art canvas{opacity:0}
.sculpture-poster svg{width:100%;height:100%}
.form-sculpture[data-ready] canvas{opacity:1}
.form-sculpture[data-ready] .sculpture-poster{visibility:hidden}
.motion-surface{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;border-radius:0;padding:0;background:transparent!important;color:inherit;box-shadow:none!important;cursor:grab;scroll-margin-top:0;touch-action:pan-y;pointer-events:auto;-webkit-tap-highlight-color:transparent}
.motion-surface:not(:disabled):active{transform:none}
.motion-surface:disabled{opacity:1;cursor:default}
.motion-surface:focus-visible{outline:1px solid var(--accent);outline-offset:-12px}
.form-sculpture[data-dragging] .motion-surface{cursor:grabbing}
.sculpture-light{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 65%,#a7b7e41c,transparent 65%)}
.sculpture-shadow{display:none}
.kinetic-footnote{position:absolute;bottom:0;left:var(--gutter);right:max(var(--gutter),calc(var(--theme-inset) + env(safe-area-inset-right,0px) + 60px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:.75rem;color:var(--muted)}
.kinetic-footnote a{display:flex;align-items:center;gap:16px;min-height:44px;color:var(--ink)}
.kinetic-footnote a span{font-size:1.125rem;color:var(--accent)}
.home-page .conversion-story{margin-top:96px;padding-top:20px}
.conversion-story .story-intro{min-height:65svh;padding-top:64px;text-align:left}
.conversion-story .story-intro h2{font-size:clamp(2.5rem,4.5vw,4.25rem);font-weight:400;line-height:1.05;letter-spacing:-.04em;margin:24px 0}
.conversion-story .story-intro h2 span{color:var(--muted)}
.conversion-story .story-intro .hero-description{font-size:1rem;max-width:29ch}
.story-intro .eyebrow{justify-content:flex-start}
[data-theme=dark] .sculpture-light{background:radial-gradient(ellipse at 50% 65%,#829deb12,transparent 66%)}
@media(min-width:761px) and (max-height:760px){.kinetic-copy{padding-top:0}.kinetic-copy .eyebrow{margin-bottom:12px}.kinetic-copy h1{font-size:clamp(3.875rem,6vw,5.25rem);margin-bottom:16px}.kinetic-copy .hero-actions{margin-top:16px}}
@media(max-width:900px){.kinetic-copy h1{font-size:clamp(3.25rem,8.2vw,4.75rem)}.kinetic-description{font-size:.9375rem}.home-page .conversion-story{margin-top:64px}.conversion-story .story-intro{min-height:0;padding-top:0}.conversion-story .story-intro h2{font-size:3rem}.conversion-story .story-intro .hero-description{margin:0;max-width:44ch}.conversion-story .conversion-stage{margin-top:20px}}
@media(max-width:650px){.kinetic-hero{min-height:740px}.kinetic-copy{top:43%;width:calc(100% - 40px);padding:12px 0}.kinetic-copy:before,.kinetic-copy:after{inset:-100px -110px}.kinetic-copy h1{font-size:clamp(3.25rem,14vw,4.875rem);margin-bottom:16px}.kinetic-copy h1 br{display:block}.kinetic-copy .eyebrow{display:none}.kinetic-description{font-size:.875rem;max-width:32ch}.kinetic-copy .hero-actions{gap:16px;margin-top:16px}.kinetic-copy .action{padding:12px 16px}.kinetic-copy .hero-privacy{font-size:.75rem;margin-top:2px}.kinetic-footnote{font-size:.75rem}.kinetic-footnote a{gap:12px}.conversion-story .story-intro h2{font-size:2.625rem}.conversion-story .story-intro .hero-description{font-size:.9375rem}}
@media(max-width:350px){.kinetic-copy .action{padding-inline:16px}.kinetic-copy .hero-actions{gap:12px}.kinetic-copy h1{font-size:3.125rem}}
@media(prefers-reduced-motion:reduce){.conversion-story .story-intro{min-height:0}}
@media(forced-colors:active){.sculpture-light{display:none}.motion-surface:focus-visible{outline:2px solid Highlight}}

/* Quick conversion selection beside the primary action. */
.hero-conversion-picker{display:inline-flex;min-width:0;max-width:100%}
.hero-conversion-picker select{width:clamp(190px,23vw,300px);max-width:100%;min-height:48px;border:1px solid var(--divider);border-radius:999px;corner-shape:round;padding:12px 32px 12px 24px;background-color:var(--paper);color:var(--ink);font:inherit;font-size:.875rem;cursor:pointer;text-overflow:ellipsis}
@media(max-width:650px){.hero-actions{flex-wrap:wrap}.hero-conversion-picker select{width:220px;font-size:.8125rem}}
/* Below the opening: one comparison, an open directory and quiet service facts. */
.home-page main>section.result-showcase,.home-page main>section.new-directory,.home-page main>section.care-section,.home-page main>section.new-payments,.home-page main>section.closing-convert{max-width:1280px;margin-inline:auto;padding:112px var(--gutter)}
.new-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}
.new-section-heading h2,.care-copy h2,.closing-convert h2{font-size:clamp(2.625rem,5.2vw,4.75rem);font-weight:500;line-height:1.04;letter-spacing:-.04em;margin:0}
.new-section-heading h2 span,.care-copy h2 span,.closing-convert h2 span{color:var(--muted)}
.new-section-heading>p{font-size:1rem;line-height:1.65;color:var(--muted);max-width:32ch;margin:0 0 4px}
.showcase-tabs{display:flex;justify-content:center;gap:8px;margin:0 auto 40px;padding:4px;width:fit-content;border:1px solid var(--divider);border-radius:999px;background:var(--surface)}
.showcase-tabs button{border:0;box-shadow:none;background:transparent;color:var(--muted);font-size:.875rem;padding:12px 24px;min-height:44px;border-radius:999px}
.showcase-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}
.showcase-panel[hidden]{display:none}.showcase-panel{animation:showcase-enter .4s var(--ease)}
@keyframes showcase-enter{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}
.comparison-meta{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;color:var(--muted);padding:0 8px 20px}
.reveal-comparison{height:530px;position:relative;overflow:hidden;border-radius:36px;background:var(--surface);isolation:isolate}
.comparison-side{position:absolute;inset:0;display:grid;place-items:center;padding:32px;background:var(--surface)}
.result-side{clip-path:inset(0 calc(100% - var(--reveal)) 0 0);background:color-mix(in srgb,var(--accent) 6%,var(--paper))}
.show-document{width:440px;max-width:100%;padding:24px 32px;background:var(--paper);border:1px solid var(--divider);border-radius:16px;box-shadow:0 20px 45px -25px #1114;transform:rotate(-3deg);color:var(--ink)}
.file-top{display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.08em;color:var(--muted);margin-bottom:32px}
.show-document h3{font-size:1.4375rem;letter-spacing:-.04em;font-weight:500;margin:0 0 12px}.show-document>p{font-size:.75rem;color:var(--muted);margin:0 0 24px}
.show-document table{width:100%;border-collapse:collapse;font-size:.75rem;text-align:left}.show-document th{font-weight:400;color:var(--muted)}.show-document :is(td,th){padding:16px 8px;border-bottom:1px solid var(--divider)}.show-document :is(td,th):last-child{text-align:right}.document-end{font-size:.75rem;margin-top:40px;color:var(--muted)}
.show-document.is-sheet{transform:rotate(2deg);width:500px;border-color:color-mix(in srgb,var(--accent) 25%,var(--divider))}.is-sheet :is(td,th){border:1px solid color-mix(in srgb,var(--accent) 20%,var(--divider))}.is-sheet th{background:color-mix(in srgb,var(--accent) 8%,var(--paper))}.is-sheet td:first-child{color:var(--accent)}
.comparison-line{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;margin-left:-1px;background:var(--accent);box-shadow:0 0 14px 1px color-mix(in srgb,var(--accent) 55%,transparent);pointer-events:none}.comparison-line>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:32px;border-radius:999px;background:var(--paper);box-shadow:0 0 0 1.5px var(--accent),0 4px 12px -4px #0006;font-size:0;color:transparent;transition:scale var(--spring-duration) var(--spring)}.reveal-comparison:active .comparison-line>span{scale:1.15 1.1}
.comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.reveal-comparison:focus-within{outline:2px solid var(--accent);outline-offset:5px}
.showcase-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0 0}.showcase-caption p{margin:0;font-size:1rem;color:var(--muted)}.showcase-caption a{font-size:.875rem;white-space:nowrap}.example-note{font-size:.75rem;color:var(--muted);margin:24px 0 0;text-align:center}
.art-sample{width:100%;max-width:800px;text-align:center}.art-sample svg{width:100%;display:block}.art-sample>span{font-size:.75rem;color:var(--muted);letter-spacing:0}.cad-showcase{height:530px;background:var(--surface);border-radius:36px;display:grid;place-items:center;overflow:hidden}.cad-showcase>svg{width:85%;height:90%;max-width:850px}
.new-directory{border-top:1px solid var(--divider)}.directory-row{display:grid;grid-template-columns:1fr 2fr;gap:64px;padding:48px 0;border-bottom:1px solid var(--divider)}.category-number{font:.75rem monospace;letter-spacing:.08em;color:var(--accent)}.directory-category h3{font-size:2rem;font-weight:500;letter-spacing:-.04em;margin:16px 0}.directory-category p{font-size:.875rem;max-width:25ch;color:var(--muted);margin-bottom:16px}.new-directory .conversion-links{grid-template-columns:1fr 1fr;gap:0 40px}.new-directory .conversion-links a{font-size:.875rem;min-height:60px;transition:color .2s,transform .2s}.new-directory .conversion-links a:hover{color:var(--accent);transform:translateX(3px)}
.compact-row{grid-template-columns:1fr 1fr auto;align-items:center}.directory-art{max-width:290px}.directory-art svg{width:100%;height:130px}.cad-file-mark{display:flex;gap:12px}.cad-file-mark span{font:.75rem monospace;letter-spacing:.08em;padding:24px 16px;border:1px solid var(--divider);border-radius:14px;transform:rotate(-7deg)}.cad-file-mark span+span{transform:rotate(8deg)}
.home-page main>section.care-section{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center;padding-block:128px}.care-illustration{position:relative;min-height:470px;display:grid;place-items:center;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 7%,transparent),transparent 68%)}.care-sheet{width:235px;height:320px;padding:32px;border:1px solid var(--divider);background:var(--paper);border-radius:24px;transform:rotate(7deg);box-shadow:0 22px 50px -30px #0004;position:relative}.care-sheet>span{font:.75rem monospace;letter-spacing:.08em;color:var(--muted)}.care-sheet i{height:2px;background:var(--divider);display:block;margin-top:20px}.care-sheet i:nth-of-type(2){width:70%}.care-sheet svg{width:45px;height:45px;stroke:var(--accent);stroke-width:1.2;position:absolute;bottom:36px;right:32px}.back-sheet{position:absolute;transform:translate(-22px,12px) rotate(-9deg);background:var(--surface)}.care-copy h2{margin-bottom:40px}.care-fact{padding:16px 0;border-bottom:1px solid var(--divider)}.care-fact h3{font-size:.9375rem;font-weight:500;margin:0 0 8px}.care-fact p,.care-details p{font-size:.8125rem;line-height:1.7;color:var(--muted);margin:0;max-width:45ch}.care-details{border:0;margin-top:24px;padding:0}.care-details summary{font-size:.75rem}.care-details p{margin-top:16px}
.new-payments{border-top:1px solid var(--divider)}.payment-pair{display:grid;grid-template-columns:1fr 1fr;gap:64px}.payment-pair>a{display:block;padding:32px 0;border-top:1px solid var(--divider);text-decoration:none}.payment-pair>a>span:first-child{font-size:.75rem;letter-spacing:.08em;color:var(--muted)}.payment-pair h3{font-size:2rem;font-weight:500;letter-spacing:-.04em;margin:24px 0 16px}.payment-pair p{font-size:.9375rem;color:var(--muted);margin-bottom:24px}.payment-link{font-size:.8125rem;color:var(--accent)}
.home-page main>section.closing-convert{text-align:center;padding-block:96px 120px}.closing-convert h2 span{font-family:Georgia,serif;font-style:italic;color:var(--accent)}.closing-actions{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:40px}
@media(max-width:760px){.home-page main>section.result-showcase,.home-page main>section.new-directory,.home-page main>section.care-section,.home-page main>section.new-payments,.home-page main>section.closing-convert{padding:64px 24px}.new-section-heading{display:block;margin-bottom:32px}.new-section-heading>p{margin-top:24px;font-size:.875rem}.new-section-heading h2,.care-copy h2,.closing-convert h2{font-size:2.8125rem}.showcase-tabs{gap:0;margin-bottom:24px}.showcase-tabs button{font-size:.75rem;padding:8px 20px}.reveal-comparison,.cad-showcase{height:390px;border-radius:24px}.comparison-side{padding:16px}.show-document{padding:20px 16px;border-radius:12px}.show-document h3{font-size:1.125rem}.file-top{margin-bottom:24px}.show-document>p{font-size:.75rem}.show-document table{font-size:.75rem}.show-document :is(td,th){padding:12px 4px}.document-end{margin-top:24px;font-size:.75rem}.showcase-caption{align-items:flex-start;flex-direction:column;gap:8px}.showcase-caption p{font-size:.875rem}.comparison-meta{font-size:.75rem;padding-inline:0}.directory-row{grid-template-columns:1fr;gap:16px;padding:32px 0}.directory-category h3{font-size:1.75rem}.directory-category p{max-width:none}.new-directory .conversion-links{gap:0 20px}.new-directory .conversion-links a{font-size:.75rem;min-height:56px}.compact-row{grid-template-columns:1fr auto}.compact-row .directory-category{grid-column:1/-1}.directory-art{max-width:180px}.directory-art svg{height:95px}.compact-row>.text-link{font-size:.75rem}.home-page main>section.care-section{grid-template-columns:1fr;gap:32px}.care-illustration{min-height:340px;grid-row:2}.care-sheet{width:190px;height:260px;padding:24px}.care-copy h2{margin-bottom:24px}.payment-pair{grid-template-columns:1fr;gap:8px}.payment-pair h3{font-size:1.8125rem}.closing-actions{flex-direction:column}.closing-actions .hero-conversion-picker select{width:260px}.care-fact p{max-width:none}}
@media(prefers-reduced-motion:reduce){.showcase-panel{animation:none}.new-directory .conversion-links a{transition:none}}
/* Keep source and result aligned so the divider tracks the same rows. */
.show-document,.show-document.is-sheet{width:480px;transform:none}
@media(max-width:760px){.show-document,.show-document.is-sheet{width:100%}.show-document h3{font-size:1.0625rem}}
.cad-showcase.real-cad{display:block;position:relative;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--paper) 75%,var(--surface)),var(--surface));height:560px}
#cad-model{position:absolute;inset:0}#cad-model canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y;outline-offset:-5px}.cad-loading{position:absolute;inset:45% 0 auto;text-align:center;color:var(--muted);font-size:.8125rem}#cad-model[data-state=ready] .cad-loading{display:none}#cad-model[data-state=unavailable] .cad-loading{font-size:0}#cad-model[data-state=unavailable] .cad-loading:after{content:'3D preview unavailable. Download the sample STEP below.';font-size:.8125rem}
.cad-model-label{position:absolute;top:28px;left:30px;right:30px;display:flex;justify-content:space-between;gap:16px;pointer-events:none;font-size:.75rem;color:var(--muted)}.cad-model-label>span:first-child{color:var(--ink)}.cad-model-tools{position:absolute;bottom:20px;left:30px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}.cad-model-tools>span{font-size:.75rem;color:var(--muted)}.cad-model-tools button{pointer-events:auto;background:var(--paper);min-height:44px;font-size:.75rem;padding:8px 16px}
@media(max-width:760px){.cad-showcase.real-cad{height:430px}.cad-model-label{top:20px;left:20px;right:20px;flex-direction:column;gap:8px;font-size:.75rem}.cad-model-tools{left:20px;right:16px;bottom:14px}.cad-model-tools>span{font-size:.75rem;max-width:17ch}.cad-model-tools button{font-size:.75rem}}

/* Conversion controls share a readable order and a single size rhythm. */
.kinetic-copy .hero-actions,.closing-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;flex-wrap:nowrap}
.hero-conversion-picker{position:relative;display:flex;flex:0 1 248px;margin:0;min-width:0}
.hero-conversion-picker:after{content:"";position:absolute;right:21px;top:50%;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.hero-conversion-picker select{appearance:none;-webkit-appearance:none;width:100%;height:52px;min-height:52px;padding:12px 48px 12px 24px;font-size:.875rem;line-height:1.4;border-color:var(--divider);background:var(--paper)}
.kinetic-copy .hero-actions>.action,.closing-actions>.action{height:52px;min-height:52px;padding:12px 24px;white-space:nowrap;flex:0 0 auto;margin:0;font-size:.875rem}
@media(max-width:520px){.kinetic-copy .hero-actions,.closing-actions{flex-direction:column;gap:12px;width:min(100%,340px);margin-inline:auto}.hero-conversion-picker{width:100%;flex-basis:auto}.kinetic-copy .hero-actions>.action,.closing-actions>.action{width:100%}.hero-conversion-picker select{font-size:.875rem}.closing-actions{margin-top:24px}}

.cad-file-mark{flex-wrap:wrap;gap:8px;max-width:330px}.cad-file-mark span{padding:16px 12px;font-size:.75rem}.cad-supported{font-size:.75rem!important;max-width:36ch;margin-top:12px;color:var(--muted)}
/* Leave more breathing room around the task on phones. */
@media(max-width:760px){.sculpture-art{opacity:.55}}
/* On phones the comparison takes the height of its sample page, so the page is never cut off. */
@media(max-width:760px){.reveal-comparison{height:auto;min-height:390px}.reveal-comparison .source-side{position:relative;min-height:390px}}
.kinetic-footnote>a{margin-left:auto}
/* The divider glides in slowly from the right: a gentle start, an unhurried settle in the middle. */
@property --reveal{syntax:"<percentage>";inherits:true;initial-value:50%}
.reveal-comparison.is-gliding{transition:--reveal 2200ms cubic-bezier(.5,0,.15,1)}
/* The glow behind the hero fades out before the section ends, so no edge shows. */
.sculpture-light{-webkit-mask-image:linear-gradient(#000 45%,transparent 92%);mask-image:linear-gradient(#000 45%,transparent 92%)}
/* Cards may drift below the hero into the next section's open space; only the far end fades. */
.kinetic-hero{--spill:240px;overflow-x:clip;overflow-y:visible}
.sculpture-art{-webkit-mask-image:none;mask-image:none}
.sculpture-art canvas{bottom:auto;height:calc(100% + var(--spill));-webkit-mask-image:linear-gradient(transparent,#000 72px,#000 calc(100% - 150px),transparent);mask-image:linear-gradient(transparent,#000 72px,#000 calc(100% - 150px),transparent)}
/* On phones the file cards show at full strength. */
@media(max-width:760px){.sculpture-art{opacity:1}}
/* File care: one file, one quiet 9-second loop matching "processed on our server and not kept
   afterwards". The file arrives, is scanned, the lock closes, thin slits cut down it, and it falls
   away in strips like paper. Each strip is the same sheet clipped to one eighth of its width. */
.care-illustration{gap:40px;align-content:center;background:none;isolation:isolate;perspective:1100px}
.care-illustration::before{content:"";position:absolute;inset:8% 4%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 16%,transparent),transparent);filter:blur(12px)}
.care-stack{position:relative;display:grid;place-items:center;transform:rotateX(var(--care-ty,0deg)) rotateY(var(--care-tx,0deg));transition:transform 900ms cubic-bezier(.22,1,.36,1)}
.care-sheet{overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,#fff 70%,var(--paper)),var(--paper) 60%);border-color:color-mix(in srgb,var(--ink) 10%,transparent);box-shadow:inset 0 1px 0 #ffffffd0,0 1px 2px #221c1b10,0 24px 48px -24px #221c1b40,0 48px 90px -40px color-mix(in srgb,var(--accent) 30%,transparent)}
:root[data-theme=dark] .care-sheet{background:linear-gradient(160deg,#36332f,#252220 65%);border-color:#ffffff1a;box-shadow:inset 0 1px 0 #ffffff1f,0 24px 48px -20px #000c,0 48px 90px -40px color-mix(in srgb,var(--accent) 22%,transparent)}
@supports(corner-shape:superellipse(1.5)){.care-sheet{corner-shape:superellipse(1.5);border-radius:32px}}
.care-sheet>span{display:block;margin-bottom:8px;font:500 .6875rem/1.4 inherit;font-family:inherit;letter-spacing:.08em;color:var(--muted)}
.care-sheet i{height:3px;border-radius:2px;background:color-mix(in srgb,var(--ink) 13%,transparent)}
.care-sheet i:nth-of-type(1){width:82%}.care-sheet i:nth-of-type(2){width:58%}.care-sheet i:nth-of-type(3){width:90%}.care-sheet i:nth-of-type(4){width:74%}.care-sheet i:nth-of-type(5){width:46%}
.care-sheet svg{overflow:visible;transform-origin:50% 60%}
.care-shackle,.care-lock-body{transform-box:fill-box}
.care-lock-body{fill:color-mix(in srgb,var(--accent) 14%,transparent)}
.care-scan{position:absolute;left:0;right:0;top:0;height:56px;opacity:0;pointer-events:none;background:linear-gradient(transparent,color-mix(in srgb,var(--accent) 9%,transparent) 70%,color-mix(in srgb,var(--accent) 70%,transparent) 70%,color-mix(in srgb,var(--accent) 70%,transparent) calc(70% + 1.5px),transparent calc(70% + 1.5px))}
.care-blade{position:absolute;left:0;right:0;top:0;height:2px;margin-top:-1px;opacity:0;background:color-mix(in srgb,var(--ink) 30%,transparent);box-shadow:0 1px 4px #221c1b26}
.care-shred::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,#221c1b14 0,transparent 3px,transparent calc(12.5% - 3px),#221c1b14 12.5%)}
.care-shreds{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;perspective:700px;filter:drop-shadow(0 6px 8px #221c1b1f)}
:root[data-theme=dark] .care-shreds{filter:drop-shadow(0 6px 10px #0008)}
.care-shred{position:absolute;opacity:0;box-shadow:none;transform:none;rotate:7deg;clip-path:inset(0 calc((7 - var(--i)) * 12.5%) 0 calc(var(--i) * 12.5%))}
.care-status{position:relative;z-index:3;width:100%;height:1.5em;margin:0;font-size:.8125rem;color:var(--muted);text-align:center}
.care-status span{position:absolute;inset:0;white-space:nowrap}
.care-status span+span{opacity:0}
@media(prefers-reduced-motion:no-preference){
  .care-stack{animation:care-float 7s ease-in-out infinite alternate}
  .care-illustration::before{animation:care-glow 9s ease-in-out infinite}
  .care-illustration .front-sheet{animation:care-file 9s cubic-bezier(.22,1,.36,1) infinite}
  .care-illustration .care-scan{animation:care-scan 9s cubic-bezier(.45,0,.35,1) infinite}
  .care-illustration .front-sheet i{animation:care-line 9s ease infinite}
  .care-illustration .front-sheet i:nth-of-type(2){animation-delay:.25s}.care-illustration .front-sheet i:nth-of-type(3){animation-delay:.5s}
  .care-illustration .front-sheet i:nth-of-type(4){animation-delay:.75s}.care-illustration .front-sheet i:nth-of-type(5){animation-delay:1s}
  .care-illustration .care-blade{animation:care-blade 9s infinite}
  .care-illustration .care-shred{animation:care-shred 9s infinite;animation-delay:var(--lead)}
  .care-illustration .care-status span:first-child{animation:care-say-first 9s ease infinite}
  .care-illustration .care-status span+span{animation:care-say-second 9s ease infinite}
}
@keyframes care-float{from{translate:0 -6px;rotate:-.6deg}to{translate:0 6px;rotate:.6deg}}
@keyframes care-glow{0%,100%{opacity:.7}30%{opacity:1}}
@keyframes care-file{0%{opacity:0;scale:.96;translate:0 -12px;clip-path:inset(0 0 0 0)}6%,53%{opacity:1;scale:1;translate:0 0;clip-path:inset(0 0 0 0);animation-timing-function:cubic-bezier(.45,0,.55,1)}63%{opacity:1;clip-path:inset(100% 0 0 0)}63.1%,100%{opacity:0;clip-path:inset(0 0 0 0)}}
@keyframes care-scan{0%,9%{opacity:0;translate:0 -56px}12%{opacity:1}38%{opacity:1;translate:0 300px}42%,100%{opacity:0;translate:0 300px}}
@keyframes care-line{0%,13%{background:color-mix(in srgb,var(--ink) 13%,transparent)}20%,36%{background:color-mix(in srgb,var(--accent) 32%,transparent)}48%,100%{background:color-mix(in srgb,var(--ink) 13%,transparent)}}
@keyframes care-blade{0%,52.9%{opacity:0;top:0}53%{opacity:1;top:0;animation-timing-function:cubic-bezier(.45,0,.55,1)}63%{opacity:1;top:100%}63.5%,100%{opacity:0;top:100%}}
/* While the cut travels down, the freed top of each strip fans out a little from the cut line.
   Then each strip drops with gravity, swaying and twisting slightly, and fades near the end. */
@keyframes care-shred{
  0%,52.9%{opacity:0;clip-path:inset(0 calc((7 - var(--i)) * 12.5%) 100% calc(var(--i) * 12.5%));translate:0 0;rotate:7deg;transform:rotateY(0deg)}
  53%{opacity:1;clip-path:inset(0 calc((7 - var(--i)) * 12.5%) 100% calc(var(--i) * 12.5%));translate:0 0;rotate:7deg;animation-timing-function:cubic-bezier(.45,0,.55,1)}
  63%{opacity:1;clip-path:inset(0 calc((7 - var(--i)) * 12.5%) 0 calc(var(--i) * 12.5%));translate:var(--sep) 2px;rotate:calc(7deg + var(--splay));transform:rotateY(0deg);animation-timing-function:cubic-bezier(.5,0,.85,.55)}
  70%{opacity:1;clip-path:inset(0 calc((7 - var(--i)) * 12.5%) 0 calc(var(--i) * 12.5%));translate:calc(var(--sep) + var(--fx) * .2 + var(--sway) * .6) calc(var(--fy) * .12);rotate:calc(7deg + var(--splay) + var(--r) * .3);transform:rotateY(calc(var(--tw) * .45));animation-timing-function:linear}
  78%{opacity:1;clip-path:inset(0 calc((7 - var(--i)) * 12.5%) 0 calc(var(--i) * 12.5%));translate:calc(var(--sep) + var(--fx) * .5 - var(--sway)) calc(var(--fy) * .38);rotate:calc(7deg + var(--r) * .65);transform:rotateY(calc(var(--tw) * -.4));animation-timing-function:linear}
  86%{opacity:1;clip-path:inset(0 calc((7 - var(--i)) * 12.5%) 0 calc(var(--i) * 12.5%));translate:calc(var(--sep) + var(--fx) * .8 + var(--sway) * .5) calc(var(--fy) * .7);rotate:calc(7deg + var(--r) * .9);transform:rotateY(calc(var(--tw) * .3))}
  96%{opacity:1;clip-path:inset(0 calc((7 - var(--i)) * 12.5%) 0 calc(var(--i) * 12.5%));translate:calc(var(--sep) + var(--fx)) var(--fy);rotate:calc(7deg + var(--r));transform:rotateY(calc(var(--tw) * -.2))}
  97%,100%{opacity:0;translate:calc(var(--sep) + var(--fx)) var(--fy)}
}
@keyframes care-say-first{0%,4%{opacity:0;translate:0 4px}10%,54%{opacity:1;translate:0 0}59%,100%{opacity:0;translate:0 -4px}}
@keyframes care-say-second{0%,59%{opacity:0;translate:0 4px}64%,94%{opacity:1;translate:0 0}99%,100%{opacity:0;translate:0 -4px}}
/* The shadow lives on the stack, so it follows the file's real outline even while it is clipped by the cut. */
.care-sheet{box-shadow:inset 0 1px 0 #ffffffd0}
:root[data-theme=dark] .care-sheet{box-shadow:inset 0 1px 0 #ffffff1f}
.care-stack{filter:drop-shadow(0 1px 1px #221c1b14) drop-shadow(0 20px 22px #221c1b26) drop-shadow(0 34px 40px color-mix(in srgb,var(--accent) 20%,transparent))}
:root[data-theme=dark] .care-stack{filter:drop-shadow(0 20px 24px #000b) drop-shadow(0 34px 40px color-mix(in srgb,var(--accent) 16%,transparent))}
.care-shreds,:root[data-theme=dark] .care-shreds{filter:none}
/* The lock stays closed: files are protected throughout. */
.care-lock-body{fill:color-mix(in srgb,var(--accent) 22%,transparent)}
/* Strips fall out of view through the bottom of the section instead of fading. */
.home-page main>section.care-section{overflow-y:clip;overflow-x:visible}
/* Directory: a reshapeable curve over its pixels, and a turning CAD part */
.trace-toy{margin:0;max-width:320px}.trace-toy svg{display:block;width:100%;height:auto;overflow:visible;touch-action:none}
.trace-toy figcaption,.cad-toy figcaption{margin-top:10px;font-size:.75rem;color:var(--muted)}
.toy-pixels path{fill:color-mix(in srgb,var(--accent) 16%,transparent)}
.toy-curve{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.toy-arm{stroke:var(--accent);stroke-width:1;opacity:.55}
.toy-anchor{fill:var(--paper);stroke:var(--accent);stroke-width:1.5}
.toy-handle{fill:var(--paper);stroke:var(--accent);stroke-width:1.5;pointer-events:none;transform-box:fill-box;transform-origin:center;transition:transform 160ms var(--ease-out,cubic-bezier(.23,1,.32,1)),stroke-width 160ms ease}
.toy-handle:focus{outline:none}.toy-handle:focus-visible{stroke-width:3}
.toy-hit{fill:transparent;cursor:grab}.trace-toy.is-dragging .toy-hit{cursor:grabbing}
.trace-toy.is-dragging .toy-handle:focus{transform:scale(1.2)}
.trace-toy:not(.is-drawn) .toy-pixels path{opacity:0}.trace-toy:not(.is-drawn) .toy-curve{stroke-dashoffset:1}.trace-toy:not(.is-drawn) :is(.toy-guides,.toy-points){opacity:0}
.trace-toy.is-drawn .toy-pixels path{transition:opacity 420ms ease-out}
.trace-toy.is-drawn .toy-curve{transition:stroke-dashoffset 900ms cubic-bezier(.65,0,.35,1) 300ms}
.trace-toy.is-drawn :is(.toy-guides,.toy-points){transition:opacity 300ms ease-out 1100ms}
.cad-toy{margin:0;display:grid;justify-items:start;gap:12px}.cad-toy svg{display:block;width:220px;max-width:100%;height:auto;cursor:grab;touch-action:pan-y}
.cad-toy.is-dragging svg{cursor:grabbing}.cad-toy-edges line{stroke:var(--ink);stroke-width:1.2;stroke-linecap:round;vector-effect:non-scaling-stroke}
.cad-toy-size{font-variant-numeric:tabular-nums;color:var(--ink)}
.cad-toy .cad-file-mark span{transition:transform 420ms cubic-bezier(.34,1.56,.64,1)}
.cad-toy:hover .cad-file-mark span,.cad-toy.is-dragging .cad-file-mark span{transform:rotate(0) translateY(-2px)}
@media(prefers-reduced-motion:reduce){.trace-toy :is(.toy-pixels path,.toy-curve,.toy-guides,.toy-points){transition:none!important}.toy-handle{transition:none}.cad-toy .cad-file-mark span{transition:none}}