@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p{margin:0}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}}@layer base{:root{color-scheme:light dark;--bg:#07110f;--bg-soft:#0b1714;--panel:#0e1d19;--panel-strong:#13251f;--text:#eef7f1;--muted:#9eb1a8;--line:#daf6e821;--line-strong:#daf6e838;--accent:#77f2b4;--accent-strong:#b8ffd9;--accent-dim:#77f2b41f;--blue:#80b9ff;--amber:#ffc978;--max:1180px;--radius:22px;--shadow:0 30px 80px #00000047;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 85% 8%, #77f2b417, transparent 32rem), radial-gradient(circle at 10% 30%, #80b9ff0e, transparent 28rem), var(--bg);min-width:320px;min-height:100vh;color:var(--text);font-size:16px;line-height:1.55;overflow-x:hidden}body:before{z-index:-1;content:"";opacity:.24;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);pointer-events:none;background-size:72px 72px;position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 75%)}h1,h2,h3{text-wrap:balance;letter-spacing:-.045em;line-height:1.02}h1{max-width:12ch;font-size:clamp(3.4rem,7vw,6.9rem);font-weight:650}h2{font-size:clamp(2.35rem,4.4vw,4.4rem);font-weight:620}h3{font-size:1.35rem;font-weight:620;line-height:1.15}em{color:var(--accent);font-style:normal}::selection{background:var(--accent);color:#04100c}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:700}.section{width:min(calc(100% - 48px), var(--max));margin-inline:auto;padding-block:8rem}.section-heading{grid-template-columns:minmax(0,1.4fr) minmax(280px,.72fr);align-items:end;gap:4rem;margin-bottom:4rem;display:grid}.section-heading>p{color:var(--muted);font-size:1.05rem}}@layer components{.site-header{width:min(calc(100% - 48px), var(--max));border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-inline:auto;padding-block:1.6rem;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:.75rem;font-size:1.05rem;display:inline-flex}.brand strong{color:var(--accent);font-weight:650}.brand-mark{border:1px solid var(--line-strong);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:4px;width:28px;height:28px;padding:4px;display:grid;position:relative}.brand-mark:before,.brand-mark:after{content:"";background:var(--line-strong);position:absolute}.brand-mark:before{height:1px;top:50%;left:4px;right:4px}.brand-mark:after{width:1px;top:4px;bottom:4px;left:50%}.brand-mark i{z-index:1;background:var(--accent);border-radius:50%;width:5px;height:5px;margin:auto;box-shadow:0 0 12px #77f2b4b8}nav{color:var(--muted);align-items:center;gap:1.6rem;font-size:.86rem;display:flex}nav a:hover{color:var(--text)}.nav-cta{border:1px solid var(--line-strong);color:var(--text);border-radius:999px;padding:.7rem 1rem}.hero{width:min(calc(100% - 48px), var(--max));grid-template-columns:minmax(0,1.03fr) minmax(380px,.82fr);align-items:center;gap:6rem;min-height:760px;margin-inline:auto;padding-block:7.8rem 8.5rem;display:grid}.hero-lead{max-width:650px;color:var(--muted);margin-top:2rem;font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2.4rem;display:flex}.button{border-radius:10px;justify-content:center;align-items:center;gap:.7rem;min-height:48px;padding:.85rem 1.15rem;font-weight:650;line-height:1.2;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{border:1px solid var(--accent);background:var(--accent);color:#04100c}.button-primary:hover{background:var(--accent-strong)}.button-quiet{border:1px solid var(--line-strong);color:var(--text)}.button-quiet:hover{background:var(--accent-dim);border-color:#77f2b480}.button-large{min-width:250px;min-height:58px}.hero-proof{color:var(--muted);flex-wrap:wrap;gap:1.2rem 1.8rem;margin-top:2.6rem;font-size:.78rem;display:flex}.hero-proof span{align-items:center;gap:.5rem;display:inline-flex}.hero-proof i{background:var(--accent);border-radius:50%;width:5px;height:5px}.hero-console{border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(180deg, #ffffff06, transparent 35%), var(--panel);box-shadow:var(--shadow);overflow:hidden;transform:rotate(1.2deg)}.console-bar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:.85rem 1rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;display:flex}.console-bar div{gap:5px;display:flex}.console-bar i{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.console-body{padding:1.35rem}.console-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.7rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.64rem}.source-row{border:1px solid var(--line);background:#ffffff04;border-bottom:0;justify-content:space-between;align-items:center;padding:.85rem .95rem;font-size:.78rem;display:flex}.source-row:first-of-type{border-radius:11px 11px 0 0}.source-row:nth-of-type(4){border-bottom:1px solid var(--line);border-radius:0 0 11px 11px}.source-chip{align-items:center;gap:.7rem;display:inline-flex}.source-chip b{background:var(--accent-dim);min-width:36px;height:23px;color:var(--accent);letter-spacing:.08em;border-radius:5px;place-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.58rem;display:inline-grid}.source-state{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.62rem}.console-join{justify-content:space-around;height:56px;margin-inline:14%;display:flex;position:relative}.console-join:after{content:"";background:var(--line-strong);height:1px;position:absolute;top:50%;left:20%;right:20%}.console-join span{background:linear-gradient(var(--line-strong), var(--accent));width:1px}.warehouse-card{background:#77f2b413;border:1px solid #77f2b466;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:1rem;display:grid}.warehouse-card small,.warehouse-card span{display:block}.warehouse-card small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.58rem}.warehouse-card strong{margin-block:.12rem;font-size:1.1rem;display:block}.warehouse-card div>span{color:var(--muted);font-size:.68rem}.warehouse-icon{border:2px solid var(--accent);border-radius:50%;width:38px;height:38px;box-shadow:inset 0 0 0 8px #77f2b412,0 0 24px #77f2b41f}.live-pill{background:var(--accent);color:#04100c;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.35rem .5rem;font-weight:800;font-size:.58rem!important}.console-output{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.8rem;display:grid}.console-output span{border:1px solid var(--line);color:var(--muted);text-align:center;border-radius:7px;padding:.55rem .25rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.58rem}.problem-strip{width:min(calc(100% - 48px), var(--max));border-block:1px solid var(--line);margin-inline:auto;padding-block:5.5rem}.strip-intro{grid-template-columns:.75fr 1.4fr;align-items:end;gap:3rem;margin-bottom:2.6rem;display:grid}.strip-intro h2{max-width:15ch;font-size:clamp(2rem,3vw,3.1rem)}.problem-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.problem-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:240px;padding:1.4rem}.problem-grid article>span,.use-case-card>span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem}.problem-grid h3{margin-top:3.5rem}.problem-grid p,.use-case-card p{color:var(--muted);margin-top:.8rem;font-size:.92rem}.flow-section{padding-bottom:9rem}.flow-map{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:1.4rem;overflow:hidden}.flow-sources{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.flow-node{border:1px solid var(--line);background:#ffffff04;border-radius:12px;padding:1rem}.flow-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.58rem;display:block}.flow-node strong,.warehouse-core strong{display:block}.flow-node small,.warehouse-core small{color:var(--muted);margin-top:.2rem;font-size:.7rem;display:block}.flow-spine{justify-content:space-around;height:52px;margin-inline:12%;display:flex}.flow-spine span{background:linear-gradient(var(--line-strong), #77f2b4cc);width:1px}.flow-process{border:1px solid var(--line);background:var(--line);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.flow-stage{background:var(--bg-soft);padding:1rem}.flow-stage span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.58rem}.flow-stage strong{margin-block:1.8rem .25rem;display:block}.flow-stage small{color:var(--muted);font-size:.68rem}.flow-warehouse{justify-content:center;padding-block:2.4rem 1.4rem;display:flex}.warehouse-core{background:var(--accent-dim);border:1px solid #77f2b473;border-radius:15px;align-items:center;gap:1rem;min-width:min(440px,100%);padding:1.2rem 1.4rem;display:flex}.warehouse-mark{border:2px solid var(--accent);border-radius:50%;flex:none;width:42px;height:42px;box-shadow:inset 0 0 0 9px #77f2b414}.flow-outputs{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.flow-outputs span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.5rem .8rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem}.split-section{border-top:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(420px,1fr);align-items:center;gap:6rem;display:grid}.architecture-copy>p:not(.eyebrow){max-width:620px;color:var(--muted);margin-top:1.5rem;font-size:1.05rem}.check-list{border-top:1px solid var(--line);gap:0;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.check-list li{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr;gap:.8rem;padding-block:1.1rem;display:grid}.check-list li>span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.62rem}.check-list strong,.check-list small{display:block}.check-list small{color:var(--muted);margin-top:.2rem}.layer-stack{perspective:900px;gap:.7rem;display:grid}.layer{border:1px solid var(--line-strong);background:var(--panel);border-radius:14px;padding:1.3rem 1.4rem;transform:rotateX(1deg)rotateY(-2deg);box-shadow:0 20px 30px #0000001f}.layer:nth-child(2){margin-inline:3%}.layer:nth-child(3){background:#77f2b412;border-color:#77f2b466;margin-inline:6%}.layer:nth-child(4){margin-inline:9%}.layer>span{color:var(--accent);letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.58rem}.layer strong{margin-top:.55rem;display:block}.layer small{color:var(--muted);margin-top:.25rem;display:block}.use-case-section{border-top:1px solid var(--line)}.use-case-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.use-case-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(135deg,#ffffff04,#0000);min-height:300px;padding:1.7rem}.use-case-card h3{max-width:19ch;margin-top:5rem;font-size:1.7rem}.use-case-card p{max-width:56ch;font-size:.98rem}.rough-data{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);align-items:center;gap:6rem;display:grid}.rough-data>div:first-child>p:last-child{max-width:650px;color:var(--muted);margin-top:1.4rem}.format-cloud{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid;transform:rotate(-2deg)}.format-cloud span{border:1px solid var(--line-strong);background:var(--panel);min-height:76px;color:var(--accent);transform:translateY(calc(var(--offset) * 6px));border-radius:12px;place-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem;display:grid}.not-dashboard{border-top:1px solid var(--line);grid-template-columns:.65fr 1.35fr;align-items:center;gap:5rem;display:grid}.not-dashboard-label{border:1px solid var(--line-strong);background:radial-gradient(circle, #77f2b426, transparent 55%), var(--panel);text-align:center;aspect-ratio:1;border-radius:50%;place-content:center;min-height:270px;padding:1.5rem;display:grid}.not-dashboard-label span{color:var(--accent);letter-spacing:-.06em;font-size:clamp(2rem,4vw,3.7rem);font-weight:650}.not-dashboard-label small{color:var(--muted)}.not-dashboard>div:last-child>p:last-child{max-width:680px;color:var(--muted);margin-top:1.4rem;font-size:1.05rem}.closing{width:min(calc(100% - 48px), var(--max));border-radius:var(--radius);background:radial-gradient(circle at 90% 20%, #77f2b424, transparent 22rem), var(--panel);border:1px solid #77f2b466;justify-content:space-between;align-items:center;gap:4rem;margin:2rem auto 7rem;padding:3rem;display:flex}.closing h2{max-width:14ch;font-size:clamp(2.4rem,4vw,4rem)}.closing-copy>p:last-child{max-width:700px;color:var(--muted);margin-top:1.2rem}.site-footer{width:min(calc(100% - 48px), var(--max));border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr auto auto;align-items:center;gap:2rem;margin-inline:auto;padding-block:2rem 3rem;font-size:.78rem;display:grid}.brand-small,.site-footer>a:last-child:hover{color:var(--text)}@media (width<=1000px){nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;gap:4rem;min-height:auto;padding-block:6rem}.hero-copy{max-width:820px}.hero-console{max-width:620px;transform:none}.problem-grid{grid-template-columns:repeat(2,1fr)}.split-section,.rough-data,.not-dashboard{grid-template-columns:1fr;gap:4rem}.layer-stack,.format-cloud{max-width:680px}.not-dashboard-label{max-width:360px}}@media (width<=720px){.site-header,.hero,.problem-strip,.section,.closing,.site-footer{width:min(calc(100% - 28px), var(--max))}.site-header{padding-block:1.1rem}nav{gap:.5rem}.nav-cta{padding:.6rem .75rem;font-size:.75rem}.hero{padding-block:4.8rem 5.5rem}h1{font-size:clamp(3rem,15vw,4.8rem)}.section{padding-block:5.5rem}.section-heading,.strip-intro{grid-template-columns:1fr;gap:1.5rem}.problem-grid,.use-case-grid,.flow-sources,.flow-process{grid-template-columns:1fr}.problem-grid article{min-height:210px}.flow-spine{display:none}.flow-process{margin-top:.8rem}.flow-stage strong{margin-top:.7rem}.flow-warehouse{padding-top:1rem}.console-output{grid-template-columns:repeat(2,1fr)}.use-case-card{min-height:260px}.use-case-card h3{margin-top:3.5rem}.format-cloud{grid-template-columns:repeat(3,1fr);gap:.45rem}.format-cloud span{min-height:62px}.closing{flex-direction:column;align-items:flex-start;padding:1.6rem}.button-large{width:100%}.site-footer{grid-template-columns:1fr;gap:.7rem}}@media (prefers-color-scheme:light){:root{--bg:#f4f8f5;--bg-soft:#edf4ef;--panel:#fff;--panel-strong:#e6efe9;--text:#0b1713;--muted:#5f7168;--line:#0c251d1a;--line-strong:#0c251d2e;--accent:#087a4f;--accent-strong:#076943;--accent-dim:#087a4f14;--blue:#255ba8;--amber:#9c6010;--shadow:0 30px 80px #18372b1a}body{background:radial-gradient(circle at 85% 8%, #087a4f14, transparent 32rem), radial-gradient(circle at 10% 30%, #255ba80a, transparent 28rem), var(--bg)}.button-primary{color:#fff}.warehouse-card,.layer:nth-child(3){background:#087a4f0f}.live-pill{color:#fff}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}}:root[data-theme=dark]{color-scheme:dark;--bg:#07110f;--bg-soft:#0b1714;--panel:#0e1d19;--panel-strong:#13251f;--text:#eef7f1;--muted:#9eb1a8;--line:#daf6e821;--line-strong:#daf6e838;--accent:#77f2b4;--accent-strong:#b8ffd9;--accent-dim:#77f2b41f;--blue:#80b9ff;--amber:#ffc978;--shadow:0 30px 80px #00000047}:root[data-theme=light]{color-scheme:light;--bg:#f4f8f5;--bg-soft:#edf4ef;--panel:#fff;--panel-strong:#e6efe9;--text:#0b1713;--muted:#5f7168;--line:#0c251d1a;--line-strong:#0c251d2e;--accent:#087a4f;--accent-strong:#076943;--accent-dim:#087a4f14;--blue:#255ba8;--amber:#9c6010;--shadow:0 30px 80px #18372b1a}:root[data-theme=dark] body{background:radial-gradient(circle at 85% 8%, #77f2b417, transparent 32rem), radial-gradient(circle at 10% 30%, #80b9ff0e, transparent 28rem), var(--bg)}:root[data-theme=light] body{background:radial-gradient(circle at 85% 8%, #087a4f14, transparent 32rem), radial-gradient(circle at 10% 30%, #255ba80a, transparent 28rem), var(--bg)}:root[data-theme=dark] .button-primary,:root[data-theme=dark] .live-pill{color:#04100c}:root[data-theme=light] .button-primary,:root[data-theme=light] .live-pill{color:#fff}:root[data-theme=dark] .warehouse-card,:root[data-theme=dark] .layer:nth-child(3){background:#77f2b413}:root[data-theme=light] .warehouse-card,:root[data-theme=light] .layer:nth-child(3){background:#087a4f0f}.hero{gap:4.5rem;min-height:auto;padding-block:3.8rem 6.5rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.theme-toggle{border:1px solid var(--line-strong);width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:0;transition:transform .15s,border-color .15s,background .15s;display:grid;position:relative}.theme-toggle:hover{border-color:var(--accent);background:var(--accent-dim);transform:translateY(-1px)}.theme-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.theme-icon-moon,:root[data-theme=light] .theme-icon-sun{display:none}:root[data-theme=light] .theme-icon-moon{display:block}.hero-art{border-bottom:1px solid var(--line);background:radial-gradient(circle at 62% 55%, var(--accent-dim), transparent 12rem), linear-gradient(180deg, #ffffff05, transparent);padding:1rem 1.3rem 0}:root[data-theme=light] .hero-art{background:radial-gradient(circle at 62% 55%, var(--accent-dim), transparent 12rem), linear-gradient(180deg, #087a4f06, transparent)}.hero-pipeline-art{width:100%;height:auto;max-height:155px}.use-case-icon{width:64px;height:64px;color:var(--text);margin-top:1.8rem}.use-case-card h3{margin-top:1.35rem}.use-case-card{background:radial-gradient(circle at 86% 16%, var(--accent-dim), transparent 8rem), linear-gradient(135deg, #ffffff04, transparent)}:root[data-theme=light] .use-case-card{background:radial-gradient(circle at 86% 16%, var(--accent-dim), transparent 8rem), linear-gradient(135deg, #087a4f06, transparent)}@media (width<=1000px){.hero{gap:3.2rem;min-height:auto;padding-block:3.4rem 5rem}}@media (width<=720px){.hero{padding-block:2.7rem 4rem}.theme-toggle{width:36px;height:36px}.hero-art{padding-inline:.8rem}}@media (width<=520px){.nav-cta{display:none}}.story-shell .old-way{isolation:isolate;transition:transform .6s,box-shadow .6s,border-color .6s;position:relative}.story-shell .old-way .visual,.story-shell .old-way .comparison-copy{z-index:2;position:relative}.story-shell [data-chapter=files] .old-way{transform:rotate(-.35deg)translate(-4px)}.story-shell [data-chapter=clean] .old-way{transform:rotate(.5deg)translate(5px)}.story-shell [data-chapter=join] .old-way{transform:rotate(-.75deg)translate(-8px);box-shadow:-18px 24px 50px #9333461f}.story-shell [data-chapter=repeat] .old-way{transform:rotate(.9deg)translate(9px);box-shadow:20px 28px 54px #93334626}.story-shell [data-chapter=use] .old-way{transform:rotate(-1.15deg)translate(-12px);box-shadow:-24px 34px 64px #9333462e}.story-shell [data-chapter=files] .file-pile .file:first-child{transform:rotate(-8deg)translate(-16px,8px)}.story-shell [data-chapter=files] .file-pile .file:nth-child(2){transform:rotate(6deg)translate(8px,-10px)}.story-shell [data-chapter=files] .file-pile .file:nth-child(3){transform:rotate(-3deg)translate(18px,16px)}.story-shell [data-chapter=files] .file-pile .file:nth-child(4){transform:rotate(9deg)translate(-8px,20px)}.story-shell [data-chapter=files] .file-pile .file:nth-child(5){z-index:4;transform:rotate(-11deg)translate(14px,-4px)}.story-shell [data-chapter=files] .old-way:after{content:"report-final-final-USE-THIS.csv";z-index:3;background:color-mix(in srgb, var(--panel) 88%, #7c2432 12%);max-width:12rem;color:var(--muted);opacity:.9;border:1px solid #f16b7e47;border-radius:.7rem;padding:.45rem .7rem;font:700 .68rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:3.5rem;right:-4rem;transform:rotate(8deg)}.story-shell [data-chapter=clean] .sheet-visual{transform:rotate(-1.7deg)translate(-7px)}.story-shell [data-chapter=clean] .old-way:before{content:"copied from old spreadsheet";z-index:4;color:#35230a;background:#f2c76d;border:1px solid #ffc15c4d;border-radius:.45rem;padding:.5rem .65rem;font:800 .67rem/1.15 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:2.2rem;left:-3rem;transform:rotate(-10deg);box-shadow:0 10px 24px #00000029}.story-shell [data-chapter=join] .spaghetti{overflow:visible;transform:scale(1.04)rotate(.8deg)}.story-shell [data-chapter=join] .spaghetti .n1{transform:rotate(-8deg)translate(-16px,-8px)}.story-shell [data-chapter=join] .spaghetti .n2{transform:rotate(7deg)translate(20px,12px)}.story-shell [data-chapter=join] .spaghetti .n3{transform:rotate(-5deg)translate(-18px,18px)}.story-shell [data-chapter=join] .spaghetti .n4{transform:rotate(10deg)translate(14px,-18px)}.story-shell [data-chapter=join] .spaghetti .n5{transform:rotate(-7deg)translate(22px,8px)}.story-shell [data-chapter=join] .spaghetti svg{transform-origin:50%;transform:scale(1.12)rotate(-2deg)}.story-shell [data-chapter=join] .old-way:after{content:"???";z-index:5;color:#ff8d9f;font:900 1.4rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:46%;right:-2.2rem;transform:rotate(14deg)}.story-shell [data-chapter=repeat] .calendar-visual{transform:rotate(-2deg)translate(-6px)}.story-shell [data-chapter=repeat] .loop-arrow{animation:2.4s linear infinite chaos-spin}.story-shell [data-chapter=repeat] .old-way:before,.story-shell [data-chapter=repeat] .old-way:after{z-index:4;background:color-mix(in srgb, var(--panel) 90%, #7b2634 10%);color:var(--muted);border:1px solid #f16b7e42;border-radius:.55rem;padding:.4rem .6rem;font:700 .64rem/1.15 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute}.story-shell [data-chapter=repeat] .old-way:before{content:"where did last month go?";top:58%;left:-3.8rem;transform:rotate(-12deg)}.story-shell [data-chapter=repeat] .old-way:after{content:"final_v2_revised.xlsx";bottom:3rem;right:-4.4rem;transform:rotate(9deg)}.story-shell [data-chapter=use] .trust-visual>div:first-child{transform:rotate(-5deg)translate(-12px,4px)}.story-shell [data-chapter=use] .trust-visual>div:nth-child(2){transform:rotate(6deg)translate(15px,-8px)}.story-shell [data-chapter=use] .trust-visual>div:nth-child(3){transform:rotate(-9deg)translate(-6px,14px)}.story-shell [data-chapter=use] .old-way:before{content:"1,281,443";z-index:5;background:color-mix(in srgb, var(--panel) 84%, #5b2732 16%);color:#ff9baa;border-radius:.6rem;padding:.5rem .7rem;font:800 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:7rem;left:-2.8rem;transform:rotate(13deg)}.story-shell [data-chapter=use] .old-way:after{content:"“pretty sure this is right”";z-index:5;background:color-mix(in srgb, var(--panel) 88%, #7a2d3b 12%);max-width:10rem;color:var(--muted);border:1px dashed #f16b7e5c;border-radius:.65rem;padding:.55rem .7rem;font-size:.72rem;position:absolute;top:54%;right:-5rem;transform:rotate(-8deg)}.story-shell [data-chapter=files][data-active=true] .file-pile .file,.story-shell [data-chapter=clean][data-active=true] .sheet-visual,.story-shell [data-chapter=join][data-active=true] .spaghetti .node,.story-shell [data-chapter=use][data-active=true] .trust-visual>div{transition:transform .9s cubic-bezier(.2,.8,.2,1)}@keyframes chaos-spin{to{transform:rotate(360deg)}}@media (width<=900px){.story-shell .old-way,.story-shell [data-chapter] .old-way{transform:none}.story-shell [data-chapter] .old-way:before,.story-shell [data-chapter] .old-way:after{display:none}}@media (prefers-reduced-motion:reduce){.story-shell [data-chapter] .old-way,.story-shell [data-chapter] .old-way *,.story-shell .loop-arrow{transition:none!important;animation:none!important}}