:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#101318;background:#fff;font-synthesis:none;--ink:#101318;--muted:#606b80;--line:#e3e9f1;--cyan:#009ecd;--surface:#fff;--wash:#f6f9fd}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 22%,#f5faff 0,transparent 43%),#fff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #007ca7}button{cursor:pointer}svg{display:block}.page{max-width:1320px;margin:auto;padding:0 48px}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;height:104px}.brand{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:750;letter-spacing:-1.2px}.brand svg{width:34px;height:34px}.nav-links{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:500}.nav-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:11px 14px;color:var(--muted);background:var(--wash);max-width:250px}.nav-search svg,.search svg{width:20px;height:20px;flex-shrink:0}.nav-search input{border:0;background:transparent;width:100%;min-width:0;color:var(--ink);outline-offset:3px;font-size:13px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;padding:68px 0 46px}.hero h1{font-size:clamp(52px,6.5vw,88px);line-height:1.02;letter-spacing:-5px;font-weight:760;margin:0 0 24px}.hero p{font-size:22px;line-height:1.5;letter-spacing:-.5px;color:#4b566b;max-width:560px;margin:0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:17px 25px;border-radius:11px;background:#00a9d5;color:white;font-size:18px;font-weight:600;min-height:58px;transition:background .2s,transform .2s}.primary:hover{background:#008dbb;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:12px;color:#007cb5;font-weight:600;font-size:17px;line-height:1.4}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero-art{position:relative;min-height:345px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:10% -3% 0;background:radial-gradient(ellipse,#e9f1fb,transparent 68%);z-index:-1}.art-tool{position:relative;width:33%;text-align:center;padding:75px 5px 0;transition:transform .25s}.art-tool:hover{transform:translateY(-8px)}.sheet{position:absolute;top:0;left:10%;width:135px;height:200px;border-radius:8px;background:linear-gradient(135deg,#fdfefe,#e8f0ff);border:1px solid #e1eaf5;box-shadow:6px 12px 18px #bacbe333;transform:rotate(12deg);z-index:-1;padding:20px 12px}.sheet i{display:block;height:6px;margin-bottom:13px;background:#cad8ef;border-radius:2px}.sheet i:nth-child(2n){width:60%}.art-tool:first-child .sheet{transform:rotate(-14deg);background:linear-gradient(135deg,#e4f8ee,#fafffc)}.art-tool:last-child .sheet{transform:rotate(18deg);background:linear-gradient(135deg,#edf7ff,#e1eefe)}.big-icon{width:142px;height:142px;margin:0 auto 21px;display:flex;align-items:center;justify-content:center;border-radius:30px;border:2px solid #ffffff80;box-shadow:inset 0 2px 3px #ffffff88,inset 0 -7px 14px #00000018,5px 12px 18px #3d568326;transform:rotate(-8deg)}.big-icon svg{width:76px;height:76px;stroke:white;stroke-width:1.8}.hygiene{background:linear-gradient(135deg,#08d596,#00a170);color:white}.sql{background:linear-gradient(140deg,#c28cff,#784cf4);color:white}.insights{background:linear-gradient(135deg,#68ccff,#009de7);color:white}.art-tool:nth-child(2){transform:translateY(-28px)}.art-tool:nth-child(2):hover{transform:translateY(-36px)}.art-tool:nth-child(2) .big-icon{transform:rotate(-5deg)}.art-tool:nth-child(3) .big-icon{transform:rotate(10deg)}.art-tool strong{font-size:16px;letter-spacing:-.3px;display:block}.art-tool p{font-size:12px;line-height:1.45;color:var(--muted);margin:8px auto 0;max-width:140px;letter-spacing:0}.search-row{display:flex;align-items:center;gap:34px;padding:0 0 40px;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:11px;padding:16px 20px;flex:1;background:var(--surface);color:#667491}.search input{font-size:17px;border:0;background:transparent;flex:1;min-width:0;color:var(--ink);outline-offset:4px}.search button{border:0;background:transparent;color:#007ca7;font-size:14px;font-weight:600;min-height:32px}.category{padding:45px 0 60px}.category-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;margin-bottom:28px}.category h2{font-size:clamp(42px,5.5vw,72px);letter-spacing:-3.5px;line-height:1.05;font-weight:740;margin:0}.category-heading p{font-size:21px;line-height:1.55;letter-spacing:-.4px;color:#4b566b;margin:0 0 20px}.product-stage{padding:28px;border-radius:18px;background:linear-gradient(130deg,#eaf8ff,#d9effe);border:1px solid #e2f2fd}.product-window{display:grid;grid-template-columns:180px minmax(0,1fr);background:white;border:1px solid #dce8f3;border-radius:13px;box-shadow:0 12px 28px #467aa519;overflow:hidden}.sample-schema{background:#fafcff;border-right:1px solid var(--line);padding:20px 15px}.window-dots{display:flex;gap:8px;margin-bottom:33px}.window-dots i{width:10px;height:10px;border-radius:50%;background:#ff6d65}.window-dots i:nth-child(2){background:#ffbd44}.window-dots i:nth-child(3){background:#2cc969}.sample-schema h3{font-size:13px;margin:0 0 12px;font-weight:600}.schema-row{padding:10px;border-radius:5px;display:flex;align-items:center;gap:9px;font-size:12px}.schema-row:first-of-type{background:#e3f3ff}.schema-row svg{width:15px;height:15px;color:#627089}.sample-content{min-width:0}.sample-toolbar{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px;font-size:12px}.sample-toolbar>span{display:flex;gap:9px;align-items:center}.mini-icon{display:inline-flex;width:24px;height:24px;border-radius:5px;align-items:center;justify-content:center}.mini-icon svg{width:16px;height:16px}.sample-toolbar a{background:#007dd5;color:white;padding:8px 13px;border-radius:6px;font-size:11px}.sample-code{padding:18px 22px;background:#fcfdff;border-bottom:1px solid var(--line);font:13px/1.7 Consolas,monospace;overflow:auto;color:#23334b;white-space:pre;margin:0}.kw{color:#005be9}.fn{color:#7850c2}.results-chart{display:grid;grid-template-columns:1fr 1.1fr;gap:16px;padding:18px}.sample-result,.sample-chart{border:1px solid var(--line);border-radius:8px;padding:16px;min-width:0}.sample-result h3,.sample-chart h3{font-size:13px;font-weight:600;margin:0 0 18px}table{border-collapse:collapse;width:100%;font-size:12px}td,th{padding:10px;text-align:left;border-bottom:1px solid var(--line)}th{background:#f7f9fe;font-weight:600}tr:last-child td{border:0}.chart-svg{width:100%;height:180px;display:block}.tool-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 20px 0}.tool-strip a{display:flex;align-items:center;gap:15px}.strip-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffffaa;border-radius:12px;box-shadow:inset 0 1px 3px #ffffff88;flex-shrink:0}.strip-icon svg{width:28px;height:28px;stroke:white}.tool-strip strong{font-size:13px}.tool-strip p{font-size:11px;line-height:1.5;color:#536278;margin:6px 0}.demo-note{font-size:11px;color:var(--muted);margin:16px 0 0}.pro-section{border-top:1px solid var(--line);padding:34px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.pro-section h2{font-size:25px;letter-spacing:-.8px;margin:0 0 10px}.pro-section p{font-size:15px;line-height:1.6;color:var(--muted);max-width:620px;margin:0}.footer{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.footer nav{display:flex;gap:22px}.directory-intro{padding:48px 0 25px}.directory-intro h1{font-size:48px;letter-spacing:-2px;margin:0 0 14px}.directory-intro p{color:var(--muted);font-size:17px}.directory-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:25px 0}.directory-controls select{border:1px solid var(--line);background:white;border-radius:7px;padding:12px;color:var(--ink)}.directory-controls .search{min-width:200px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:40px}.tool-card{border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;gap:15px;align-items:flex-start;background:white;transition:border-color .2s}.tool-card:hover{border-color:var(--cyan)}.tool-card h2{font-size:15px;margin:0 0 8px}.tool-card p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.tool-card small{display:block;color:var(--muted);font-size:10px;margin-top:12px}.category-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ddf2fc;color:#086787}.category-icon svg{width:23px;height:23px}.tone-documents{background:#ffebcf;color:#895206}.tone-images{background:#fce1ee;color:#9c2460}.tone-utilities{background:#e6e7ff;color:#47459c}.directory-status{font-size:13px;color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1150px){.big-icon{width:115px;height:115px;border-radius:25px}.big-icon svg{width:65px;height:65px}.sheet{width:110px}.hero-art{min-height:330px}.hero h1{letter-spacing:-3px}.hero-actions{gap:20px}.hero-actions .primary{font-size:16px;padding:15px 20px}.hero-actions .text-link{font-size:15px}.nav-links{gap:22px}.nav-search{max-width:200px}.product-window{grid-template-columns:145px minmax(0,1fr)}.category-heading{gap:35px}}
@media(max-width:900px){.page{padding:0 26px}.nav-search{display:none}.hero{gap:20px}.hero h1{font-size:60px}.hero p{font-size:18px}.big-icon{width:95px;height:95px;border-radius:20px}.big-icon svg{width:50px;height:50px}.sheet{width:90px;height:160px}.art-tool strong{font-size:12px}.art-tool p{font-size:10px}.category h2{font-size:48px;letter-spacing:-2px}.category-heading p{font-size:17px}.product-stage{padding:20px}.product-window{grid-template-columns:125px minmax(0,1fr)}.results-chart{gap:10px;padding:12px}.sample-result,.sample-chart{padding:10px}.tool-strip{margin-left:0;margin-right:0;gap:14px}.strip-icon{width:42px;height:42px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.page{padding:0 20px}.nav{height:80px;gap:12px}.brand{font-size:23px;gap:7px}.brand svg{width:28px;height:28px}.nav-links{gap:16px;font-size:12px}.nav-links .category-nav{display:none}.hero{grid-template-columns:1fr;padding:36px 0 20px;gap:28px}.hero h1{font-size:56px;letter-spacing:-3px}.hero p{font-size:18px;line-height:1.5}.hero-actions{gap:18px;flex-wrap:wrap;margin-top:24px}.hero-art{min-height:265px}.art-tool{padding-top:50px}.big-icon{width:100px;height:100px;border-radius:22px}.sheet{height:150px;width:100px}.art-tool strong{font-size:12px}.art-tool p{font-size:10px}.hero-actions .primary{font-size:16px;min-height:52px}.hero-actions .text-link{font-size:14px}.search-row{gap:14px;align-items:stretch;flex-direction:column;padding-bottom:30px}.search{padding:12px 14px;gap:10px}.search input{font-size:14px}.search-row>.text-link{font-size:14px;align-self:flex-end}.category{padding:32px 0}.category-heading{grid-template-columns:1fr;gap:22px}.category h2{font-size:48px;letter-spacing:-2px}.category-heading p{font-size:17px;margin-bottom:15px}.category-heading .text-link{font-size:15px}.product-stage{padding:12px;border-radius:12px}.product-window{grid-template-columns:minmax(0,1fr)}.sample-schema{display:none}.sample-toolbar{padding:12px;font-size:11px;gap:6px}.sample-toolbar a{font-size:10px;padding:8px}.sample-code{font-size:11px;padding:14px;line-height:1.7}.results-chart{grid-template-columns:1fr;gap:12px;padding:12px}.chart-svg{height:190px}.tool-strip{grid-template-columns:1fr;gap:17px;margin:20px 5px 5px}.tool-strip strong{font-size:13px}.tool-strip p{font-size:11px}.pro-section{flex-direction:column;align-items:flex-start;padding:28px 0}.pro-section p{font-size:14px}.footer{font-size:11px}.tool-grid{grid-template-columns:1fr}.directory-intro{padding:28px 0 15px}.directory-intro h1{font-size:40px}.directory-controls{align-items:stretch;flex-direction:column}.directory-controls .search{min-width:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.category+.category{border-top:1px solid var(--line)}.document-stage{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;padding:38px;border:1px solid #f1e6d5;border-radius:18px;background:linear-gradient(125deg,#fffbf4,#fbf1df);align-items:center}.stage-label{font-size:10px;letter-spacing:1.7px;font-weight:600;color:#8d6d4f}.document-overview h3{font-size:39px;letter-spacing:-1.7px;line-height:1.1;margin:20px 0}.document-overview p{font-size:16px;color:#806b59;line-height:1.6;max-width:280px}.document-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.document-chips span{font-size:11px;background:#fff9ef;padding:9px 12px;border-radius:20px;border:1px solid #eadcca;color:#796148}.paper-stack{position:relative;padding:8px 55px 48px 20px}.paper{position:relative;border:1px solid #e5ded4;background:#fff;border-radius:5px;box-shadow:6px 16px 26px #9573451a;padding:32px;transform:rotate(3deg);max-width:390px;margin:auto}.paper:before{content:'';position:absolute;inset:0;transform:rotate(-6deg);background:#fdf9f2;border:1px solid #e5ded4;z-index:-1;border-radius:5px}.paper-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;line-height:1.7;color:#8d8278;letter-spacing:.5px}.paper-mark{font-family:Georgia,serif;font-size:34px;color:#b38854}.paper h3{font-family:Georgia,serif;font-size:26px;font-weight:400;letter-spacing:-.5px;line-height:1.2;margin:28px 0 13px}.paper p{font-size:10px;color:#7b756b;line-height:1.8}.paper-rule{height:1px;background:#e8e1d8;margin:20px 0}.paper-kicker{display:block;font-size:8px;letter-spacing:1px;color:#9a866e;margin-top:18px}.paper-lines{margin-top:14px}.paper-lines i{display:block;height:3px;background:#e9e5df;margin-bottom:9px}.paper-lines i:nth-child(2){width:85%}.paper-lines i:nth-child(3){width:60%}.paper-signature{font:italic 26px Georgia,serif;margin-top:25px;color:#416b76}.signature-caption{font-size:8px;color:#9a9186}.extracted-note{position:absolute;left:0;right:15px;bottom:0;display:flex;gap:14px;align-items:center;background:white;border:1px solid #e8e0d5;box-shadow:0 10px 25px #7e633614;border-radius:9px;padding:18px;max-width:390px}.note-icon{color:#aa7531;background:#fff0d9;border-radius:8px;padding:12px}.note-icon svg{width:25px;height:25px}.extracted-note strong{font-size:13px}.extracted-note p{font-size:11px;color:#857561;margin:7px 0}.extracted-note a{font-size:11px;color:#8c601e;font-weight:600}.document-stage>.tool-strip,.media-stage>.tool-strip{grid-column:1/-1;margin-top:8px}.documents-icon{background:linear-gradient(140deg,#ecc081,#c18c3d)}.media-icon{background:linear-gradient(140deg,#de8dbe,#a94a94)}.media-stage{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;padding:32px;background:linear-gradient(130deg,#f4f0ff,#fbeef4);border:1px solid #e9e1f5;border-radius:18px;align-items:center}.code-art{min-width:0;padding:15px 0}.code-window{border:1px solid #595168;border-radius:10px;background:#252334;box-shadow:0 15px 27px #40325827;transform:rotate(-3deg);overflow:hidden;color:#e4e5f0}.code-window-bar{display:flex;gap:14px;padding:15px;font-size:10px;background:#2d2a3e;color:#b9b4c8}.code-dots{color:#ba90d0;letter-spacing:4px}.code-window pre{padding:24px 22px;font:14px/1.9 Consolas,monospace;margin:0;overflow:auto}.code-purple{color:#c6a3f9}.code-green{color:#92dbc2}.code-yellow{color:#efcf9d}.art-caption{margin-top:25px;display:flex;flex-direction:column;gap:9px}.art-caption strong{font-size:13px}.art-caption a{font-size:12px;color:#7554a0;font-weight:600}.image-art{padding:10px 15px;min-width:0}.image-preview{border:10px solid #fff;border-radius:7px;box-shadow:0 12px 25px #5a46641a;margin-top:18px;transform:rotate(4deg)}.image-preview svg{width:100%;height:auto}.image-art .stage-label{color:#8b6085}.browse-categories{border-top:1px solid var(--line);padding:38px 0 45px;display:grid;grid-template-columns:1fr 1.3fr;gap:50px}.browse-categories h2{font-size:29px;letter-spacing:-1px;margin:0 0 15px}.browse-categories p{font-size:15px;color:var(--muted);line-height:1.6;max-width:280px}.browse-categories nav{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.browse-categories nav a{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:13px}.browse-categories nav a span{color:var(--cyan)}@media(max-width:900px){.document-stage,.media-stage{padding:24px;gap:18px}.document-overview h3{font-size:32px}.paper-stack{padding:8px 20px 48px 10px}.paper{padding:25px}.code-window pre{font-size:12px;padding:20px 15px}.browse-categories{gap:25px}}@media(max-width:650px){.document-stage,.media-stage{grid-template-columns:1fr;padding:20px;gap:25px}.document-overview h3{font-size:35px}.document-overview p{font-size:15px}.paper-stack{padding:0 10px 55px}.paper{transform:rotate(2deg);padding:25px}.extracted-note{right:0;padding:14px}.document-stage>.tool-strip,.media-stage>.tool-strip{grid-column:auto}.code-window pre{font-size:12px;padding:20px 14px}.image-art{padding:10px 5px}.browse-categories{grid-template-columns:1fr;gap:20px;padding:30px 0}.browse-categories nav{gap:0 18px}.browse-categories nav a{font-size:12px;line-height:1.5}.category h2{overflow-wrap:normal}}
.skip-link{position:absolute;left:12px;top:-70px;background:#101318;color:white;padding:12px 18px;border-radius:6px;z-index:20}.skip-link:focus{top:12px}.pro-production{align-items:flex-start;display:grid;grid-template-columns:1fr 1fr;gap:50px}.pro-production h2{margin-top:16px}.pro-status{display:inline-block;background:#e5f6fb;color:#08779b;border-radius:20px;padding:7px 12px;font-size:11px}.pro-production .pro-availability{font-size:12px;margin-top:16px}.pro-details h3{font-size:15px;margin:0 0 8px}.pro-details p{font-size:13px;margin-bottom:18px}.pro-link{font-size:14px;color:#007cb5;font-weight:600}.privacy-section{border-top:1px solid var(--line);padding:38px 0;display:grid;grid-template-columns:1fr 1fr;gap:60px}.privacy-section h2{font-size:29px;letter-spacing:-1px;margin:14px 0 18px}.privacy-section p{font-size:13px;line-height:1.7;color:var(--muted)}.privacy-faq details{border-bottom:1px solid var(--line);padding:16px 0}.privacy-faq summary{font-size:14px;font-weight:600;cursor:pointer;line-height:1.5}.privacy-faq p{margin-bottom:0}@media(max-width:650px){.pro-production,.privacy-section{grid-template-columns:1fr;gap:24px}}
/* Remaining category stories: distinct compositions within one editorial system. */
.audio-stage{display:grid;grid-template-columns:1.1fr 1fr;gap:38px;padding:32px;border:1px solid #e5e4f4;border-radius:18px;background:linear-gradient(130deg,#f3f2ff,#f0f8ff)}.audio-stage .stage-label{color:#66799f}.screen-sample{margin-top:20px;border:1px solid #cfd9e9;border-radius:10px;background:white;overflow:hidden;box-shadow:0 12px 26px #6279951a}.screen-top{display:flex;gap:6px;padding:10px;background:#f8faff}.screen-top span{width:6px;height:6px;border-radius:50%;background:#afc3df}.screen-scene{position:relative;padding:20px;background:#dfeaf9}.screen-slide{border-radius:6px;background:#fff;padding:25px}.screen-slide>span{font-size:8px;letter-spacing:1.5px;color:#7990b0}.screen-slide h3{font-size:26px;line-height:1.1;letter-spacing:-1px;margin:14px 0}.slide-lines{height:4px;width:70%;background:#e0e9f5;box-shadow:0 12px #e9eff8;margin-bottom:15px}.screen-play{position:absolute;right:22px;bottom:22px;width:36px;height:36px;display:grid;place-items:center;background:#fff;border:1px solid #d2def0;border-radius:50%;color:#6885b3;font-size:11px}.story-tool{display:flex;align-items:center;gap:14px;padding:18px 0}.story-tool strong{font-size:14px;font-weight:600;display:block}.story-tool small{font-size:11px;color:var(--muted);line-height:1.5;display:block;margin-top:5px}.story-arrow{margin-left:auto;color:var(--muted);font-size:17px}.story-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.story-icon svg{width:24px;height:24px}.audio-tone{background:linear-gradient(135deg,#d0dbff,#9caef6);color:#40489b}.transcript-preview{display:flex;flex-direction:column;justify-content:center}.waveform{display:flex;align-items:center;justify-content:space-between;gap:4px;height:115px;margin-top:15px}.waveform i{display:block;width:5px;height:var(--bar);border-radius:5px;background:linear-gradient(#92b1e3,#596cba)}.transcript-text{background:#ffffffb8;border:1px solid #dce5f3;border-radius:8px;padding:18px}.transcript-text>span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#7b8daa}.transcript-text p{font-size:17px;line-height:1.6;letter-spacing:-.3px;color:#485a79;margin:12px 0 0}.security-stage{display:grid;grid-template-columns:.95fr 1.2fr;gap:60px;padding:38px 45px;border:1px solid #dbeee6;border-radius:18px;background:linear-gradient(130deg,#eff8f4,#f8fcfa)}.security-intro{position:relative;padding-left:85px;display:flex;flex-direction:column;justify-content:center}.security-lock{position:absolute;left:0;top:35%;width:62px;height:72px;background:linear-gradient(130deg,#a9dbc6,#d6eee3);display:grid;place-items:center;border-radius:15px;box-shadow:0 10px 20px #4c997120}.security-lock svg{width:35px;height:35px;color:#36785e}.security-stage .stage-label{color:#57806c}.security-intro h3{font-size:35px;line-height:1.15;letter-spacing:-1.5px;margin:14px 0}.security-tools .story-tool{border-bottom:1px solid #d8e8df}.security-tone{background:linear-gradient(135deg,#b0e1ce,#74bd9b);color:#255f45}.security-note{font-size:11px;line-height:1.6;color:#5c7868;margin:17px 0 0}.business-stage{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:30px 35px;background:linear-gradient(130deg,#fff5ef,#fffaf4);border:1px solid #f2e3d8;border-radius:18px}.business-card{min-width:0}.resume-sample,.invoice-sample{background:white;border:1px solid #e9dfd9;border-radius:6px;padding:30px;min-height:285px;box-shadow:0 8px 20px #9464440c}.resume-sample h3{font-size:27px;font-weight:650;letter-spacing:-.9px;margin:17px 0 5px}.resume-sample p,.invoice-sample p{font-size:11px;line-height:1.6;color:#7d726d}.resume-sample .resume-role{color:#aa7460;margin-top:0}.resume-line{width:45px;height:2px;background:#b88770;margin:22px 0}.resume-sample h4{font-size:10px;letter-spacing:.8px;text-transform:uppercase;margin:17px 0 9px;color:#996e5d}.resume-sample strong{font-size:11px;font-weight:600}.invoice-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px}.invoice-heading h3{font:30px Georgia,serif;margin:0}.invoice-heading>span{font-size:8px;letter-spacing:.8px;color:#9b867a}.invoice-sample table{margin-top:24px;font-size:11px}.invoice-sample table th{background:#faf7f3}.invoice-sample td:last-child,.invoice-sample th:last-child{text-align:right}.invoice-total{display:flex;align-items:center;justify-content:space-between;margin-top:28px;font-size:10px;color:#927e72}.invoice-total strong{font-size:21px;color:#573c2b;font-weight:500}.business-tone{background:linear-gradient(135deg,#efbf9d,#d1926e);color:#714524}.utilities-stage{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;padding:30px 40px;background:linear-gradient(130deg,#f8f9fb,#f2f5fa);border:1px solid #e4e9f1;border-radius:18px}.utility-card{min-width:0}.qr-art{height:155px;display:grid;place-items:center}.qr-art svg{width:108px;height:108px;background:white;padding:17px;border:1px solid #dce4ee;border-radius:13px;color:#354f7a;box-shadow:0 7px 18px #7a8ca914}.typing-art{height:155px;display:flex;flex-direction:column;justify-content:center}.typing-art .stage-label{color:#74829a}.typing-art p{font:20px/1.5 Consolas,monospace;color:#8896ad;margin:18px 0}.typing-art p span{color:#557198}.typing-art p strong{color:#364f73;border-bottom:2px solid #6b9ac8;font-weight:400}.key-row{display:flex;gap:7px}.key-row i{font:11px Segoe UI,Arial,sans-serif;border:1px solid #d4deea;border-bottom-width:3px;width:26px;height:27px;display:grid;place-items:center;border-radius:5px;background:#fff;color:#7c8da7}.utility-tone{background:linear-gradient(135deg,#d7e3f8,#a5bedf);color:#354f7a}@media(max-width:900px){.audio-stage,.business-stage{padding:25px;gap:22px}.security-stage{padding:30px;gap:30px}.security-intro{padding-left:0}.security-lock{position:static;margin-bottom:20px}.security-intro h3{font-size:32px}.utilities-stage{padding:25px;gap:25px}.resume-sample,.invoice-sample{padding:23px}.typing-art p{font-size:16px}}@media(max-width:650px){.audio-stage,.security-stage,.business-stage,.utilities-stage{grid-template-columns:1fr;padding:22px;gap:24px}.security-intro{flex-direction:row;flex-wrap:wrap;gap:15px;align-items:center;justify-content:flex-start}.security-intro .stage-label{flex:1}.security-lock{margin:0;width:52px;height:60px}.security-intro h3{width:100%;margin-top:10px;font-size:32px}.security-intro h3 br{display:none}.security-intro h3{line-height:1.3}.screen-slide h3{font-size:25px}.transcript-text p{font-size:16px}.waveform{gap:3px}.waveform i{width:4px}.resume-sample,.invoice-sample{min-height:0;padding:25px}.qr-art{height:130px}.typing-art{height:155px}.story-tool strong{font-size:13px}.story-tool small{font-size:11px}.story-tool{gap:12px}}
.data-story-stage{display:grid;grid-template-columns:.85fr 1.4fr;gap:30px;padding:38px;border:1px solid #dcebf3;border-radius:18px;background:linear-gradient(125deg,#f2faff,#e4f4fc);align-items:center}.data-story-intro .stage-label{color:#5c899c}.data-story-intro h3{font-size:39px;letter-spacing:-1.7px;line-height:1.12;margin:20px 0}.data-story-intro p{font-size:16px;line-height:1.65;color:#617c8e;max-width:300px}.data-story-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.data-story-tags span{font-size:11px;border:1px solid #c9e3ee;background:#f5fcff;padding:8px 12px;border-radius:20px;color:#47758b}.data-query-note{margin-top:30px;border-left:2px solid #a6d4e8;padding-left:13px}.data-query-note>span{display:block;font-size:10px;color:#6f8a9d;margin-bottom:8px}.data-query-note code{font:10px/1.7 Consolas,monospace;color:#658499}.data-story-scene{position:relative;min-width:0;padding:0 0 20px}.data-sheet{background:white;border:1px solid #dce8ef;border-radius:7px;padding:22px 24px;margin:0 12px 0 35px;box-shadow:0 12px 25px #5685a31a;transform:rotate(2deg)}.data-art-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.data-art-label{font-size:8px;letter-spacing:1px;font-weight:600;color:#7595a8}.data-status{font-size:8px;background:#e9f7ef;color:#478468;padding:5px 8px;border-radius:15px;white-space:nowrap}.data-sheet h3{font-size:18px;font-weight:600;letter-spacing:-.5px;margin:20px 0 18px}.data-sheet table{font-size:11px}.data-sheet th{font-size:9px;background:#f7fafc;color:#6f8b9e}.data-sheet td{padding:12px 10px}.source-value{color:#9e7f67;background:#fffbf4}.clean-value{color:#2c7e62;background:#f0faf5;font-weight:600}.data-sheet-footer{font-size:9px;color:#829bab;margin-top:17px}.data-chart-card,.data-relationship-card{background:#fff;border:1px solid #d7e7ee;border-radius:8px;padding:18px;box-shadow:0 10px 20px #487b9815;min-width:0}.data-chart-card{position:relative;width:51%;margin:0 0 0 -4px;transform:rotate(-3deg);z-index:1}.data-chart-card h3,.data-relationship-card h3{font-size:12px;font-weight:600;margin:9px 0 14px}.data-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:12px;height:148px;border-bottom:1px solid #e9f0f4;padding-bottom:6px}.data-bars>div{display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:7px;font-size:9px;color:#6c8495;height:100%}.data-bars strong{font-size:8px;font-weight:500}.data-bars i{width:35px;height:var(--height);display:block;background:linear-gradient(#6fd1de,#20a5c8);border-radius:3px 3px 0 0}.data-relationship-card{position:absolute;bottom:0;right:0;width:48%;transform:rotate(3deg)}.mini-matrix{display:grid;grid-template-columns:1fr repeat(3,1fr);gap:3px;align-items:center}.mini-matrix>span{font-size:7px;color:#738a9a;text-align:center;padding:6px 0}.mini-matrix>b{display:grid;place-items:center;min-height:31px;font-size:8px;font-weight:500;border-radius:2px}.matrix-neutral{background:#f3f7f8;color:#8097a3}.matrix-positive{background:#b3dfd2;color:#2b7157}.matrix-negative{background:#ecd2cc;color:#94554c}.matrix-negative-soft{background:#f3e2dd;color:#945f56}.data-category-tools{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px;border-top:1px solid #d1e6f0;padding-top:23px;margin-top:10px}.data-category-tools a{display:flex;gap:10px;align-items:center;font-size:11px;line-height:1.4}.data-link-icon{width:31px;height:31px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;background:#d4edf8;color:#407b9a}.data-link-icon svg{width:18px;height:18px}.data-link-icon.data-hygiene{background:#09a677;color:white}.data-link-icon.sql-studio{background:#dbccfa;color:#7656ac}.data-link-icon.csv-insights{background:#c2e5fb;color:#3584b1}@media(max-width:900px){.data-story-stage{padding:25px;gap:18px;grid-template-columns:.9fr 1.4fr}.data-story-intro h3{font-size:32px}.data-story-intro p{font-size:14px}.data-sheet{padding:16px;margin-left:15px;margin-right:0}.data-sheet h3{font-size:15px}.data-status{display:none}.data-chart-card,.data-relationship-card{padding:13px}.data-bars i{width:27px}.data-category-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.data-story-stage{grid-template-columns:1fr;padding:22px;gap:25px}.data-story-intro h3{font-size:35px}.data-story-intro p{font-size:15px}.data-query-note{margin-top:22px}.data-story-scene{padding-bottom:12px}.data-sheet{margin:0;padding:17px;transform:rotate(1deg)}.data-sheet td{padding:11px 7px}.data-chart-card{width:55%;margin-top:0;padding:12px;transform:rotate(-2deg)}.data-relationship-card{width:46%;right:-4px;padding:10px;bottom:0;transform:rotate(2deg)}.data-bars{gap:6px}.data-bars i{width:22px}.data-chart-card h3,.data-relationship-card h3{font-size:10px}.data-art-label{font-size:7px;letter-spacing:.6px}.mini-matrix>b{font-size:7px;min-height:25px}.mini-matrix>span{font-size:6px}.data-category-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.data-category-tools a{font-size:10px}.data-link-icon{width:29px;height:29px}}
@media(max-width:650px){.data-chart-card,.data-relationship-card{position:static;width:100%;margin:14px 0 0;transform:none;padding:17px}.data-chart-card h3,.data-relationship-card h3{font-size:13px}.data-art-label{font-size:9px}.mini-matrix>b{font-size:11px;min-height:36px}.mini-matrix>span{font-size:9px}.data-bars i{width:38px}.data-bars strong,.data-bars>div{font-size:10px}}
.theme-choice{font:12px Inter,Segoe UI,Arial,sans-serif;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:10px 9px;min-height:40px;cursor:pointer}.nav .theme-choice{flex-shrink:0}.nav-search{max-width:210px}.nav-links{gap:26px}:root{color-scheme:light}:root[data-theme="dark"]{color-scheme:dark;--ink:#edf1f7;--muted:#abb9cd;--line:#36404e;--surface:#202731;--wash:#202731;background:#151b23;color:var(--ink)}[data-theme="dark"] body{background:radial-gradient(ellipse at 85% 22%,#1b2a39,transparent 43%),#151b23}[data-theme="dark"] .hero p,[data-theme="dark"] .category-heading p{color:#bcc9db}[data-theme="dark"] .text-link,[data-theme="dark"] .pro-link{color:#7cd6f1}[data-theme="dark"] .primary{background:#62d0e9;color:#122932}[data-theme="dark"] .primary:hover{background:#8ddff0}[data-theme="dark"] .art-tool p{color:#adbed3}[data-theme="dark"] .hero-art:before{background:radial-gradient(ellipse,#24415a,transparent 68%)}[data-theme="dark"] .sheet{background:linear-gradient(135deg,#2b3c51,#20304a);border-color:#3c5069;box-shadow:6px 12px 18px #0003}[data-theme="dark"] .sheet i{background:#45607b}[data-theme="dark"] .art-tool:first-child .sheet{background:linear-gradient(135deg,#26483d,#213a35)}[data-theme="dark"] .art-tool:last-child .sheet{background:linear-gradient(135deg,#263e58,#213048)}[data-theme="dark"] .search{background:var(--surface)}[data-theme="dark"] .search button{color:#7cd6f1}[data-theme="dark"] .nav-search{background:#202731}[data-theme="dark"] .tool-card{background:var(--surface)}[data-theme="dark"] .directory-controls select{background:var(--surface);color:var(--ink)}[data-theme="dark"] .footer,[data-theme="dark"] .privacy-section p{color:var(--muted)}[data-theme="dark"] .pro-status{background:#253e4a;color:#9bdef1}
[data-theme="dark"] .data-story-stage{background:linear-gradient(125deg,#1d2e3a,#223b48);border-color:#385766}[data-theme="dark"] .data-story-intro .stage-label,[data-theme="dark"] .data-art-label{color:#a0bfd0}[data-theme="dark"] .data-story-intro p{color:#bdd2df}[data-theme="dark"] .data-story-tags span{background:#253c49;border-color:#507081;color:#beddea}[data-theme="dark"] .data-query-note{border-color:#658da3}[data-theme="dark"] .data-query-note>span,[data-theme="dark"] .data-query-note code{color:#acc7d7}[data-theme="dark"] .data-sheet,[data-theme="dark"] .data-chart-card,[data-theme="dark"] .data-relationship-card{background:#24333e;border-color:#466171;box-shadow:0 12px 25px #0002}[data-theme="dark"] .data-sheet th{background:#2c404e;color:#c2d6e2}[data-theme="dark"] .source-value{background:#423b31;color:#e7c9a0}[data-theme="dark"] .clean-value{background:#294539;color:#a2dec2}[data-theme="dark"] .data-sheet-footer{color:#a4bdce}[data-theme="dark"] .data-status{background:#2d4c3c;color:#a5debd}[data-theme="dark"] .data-bars>div,[data-theme="dark"] .mini-matrix>span{color:#c3d6e2}[data-theme="dark"] .data-category-tools{border-color:#426171}[data-theme="dark"] .data-bars{border-color:#426171}[data-theme="dark"] .data-link-icon{background:#36556b;color:#cae7f5}[data-theme="dark"] .data-link-icon.data-hygiene{background:#07956b;color:white}[data-theme="dark"] .data-link-icon.sql-studio{background:#655086;color:#f1e8ff}[data-theme="dark"] .data-link-icon.csv-insights{background:#366483;color:#d9f0fc}
[data-theme="dark"] .document-stage{background:linear-gradient(125deg,#302c27,#393228);border-color:#5b4c38}[data-theme="dark"] .document-overview p,[data-theme="dark"] .document-stage .stage-label{color:#d3bea0}[data-theme="dark"] .document-chips span{background:#423a2f;border-color:#655542;color:#e2ceb1}[data-theme="dark"] .paper,[data-theme="dark"] .extracted-note,[data-theme="dark"] .resume-sample,[data-theme="dark"] .invoice-sample{color:#17202b}[data-theme="dark"] .document-stage .tool-strip p,[data-theme="dark"] .media-stage .tool-strip p{color:#c6c4d5}[data-theme="dark"] .media-stage{background:linear-gradient(130deg,#2c273a,#362838);border-color:#514459}[data-theme="dark"] .art-caption a{color:#d4b9f1}[data-theme="dark"] .image-art .stage-label{color:#d0aec6}
[data-theme="dark"] .audio-stage{background:linear-gradient(130deg,#292b43,#203345);border-color:#404c6a}[data-theme="dark"] .audio-stage .stage-label{color:#b8c7e3}[data-theme="dark"] .transcript-text{background:#2a3b50;border-color:#4a5e78}[data-theme="dark"] .transcript-text>span{color:#b5c9e0}[data-theme="dark"] .transcript-text p{color:#dce7f6}[data-theme="dark"] .screen-sample{background:#fff;border-color:#60768f;color:#17202b}[data-theme="dark"] .security-stage{background:linear-gradient(130deg,#23372e,#2c4035);border-color:#456552}[data-theme="dark"] .security-stage .stage-label,[data-theme="dark"] .security-note{color:#b3d0bd}[data-theme="dark"] .security-tools .story-tool{border-color:#4e6b58}[data-theme="dark"] .business-stage{background:linear-gradient(130deg,#372b27,#40332b);border-color:#674c3d}[data-theme="dark"] .resume-sample .paper-kicker{color:#9a866e}[data-theme="dark"] .invoice-sample th{color:#17202b}[data-theme="dark"] .utilities-stage{background:linear-gradient(130deg,#26303c,#273547);border-color:#45576d}[data-theme="dark"] .typing-art .stage-label{color:#b0c1da}[data-theme="dark"] .typing-art p{color:#adbed6}[data-theme="dark"] .typing-art p span{color:#c1d3ed}[data-theme="dark"] .typing-art p strong{color:#edf4ff;border-color:#91bfe7}[data-theme="dark"] .key-row i{background:#35465c;border-color:#5b718f;color:#dde9fa}[data-theme="dark"] .qr-art svg{background:#fff;color:#354f7a}[data-theme="dark"] a:focus-visible,[data-theme="dark"] button:focus-visible,[data-theme="dark"] input:focus-visible,[data-theme="dark"] select:focus-visible{outline-color:#86dff5}
@media(max-width:650px){.nav{height:auto;min-height:90px;padding:18px 0;flex-wrap:wrap;gap:14px 12px}.nav-links{gap:14px}.nav .theme-choice{margin-left:auto;min-height:40px}}
.primary{background:#007ea4}.primary:hover{background:#006d91}.matrix-neutral{color:#4c6170}
/* Whole-suite hero and persistent navigation. */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.site-header .nav{height:78px}.skip-link{z-index:60}html{scroll-padding-top:100px}.category,.browse-categories,.pro-section,.privacy-section{scroll-margin-top:95px}.suite-art{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;padding:8px 25px;min-height:430px;max-width:520px;margin-left:auto}.suite-art .art-tool{width:100%;padding:34px 0 0}.suite-art .sheet{width:125px;height:155px;left:23%;top:0;transform:rotate(10deg)}.suite-art .big-icon{width:120px;height:120px;border-radius:26px;margin-bottom:16px}.suite-art .big-icon svg{width:63px;height:63px}.suite-art .art-tool:nth-child(2){transform:translateY(-14px)}.suite-art .art-tool:nth-child(2):hover{transform:translateY(-20px)}.suite-art .art-tool:nth-child(3){transform:translateX(-12px)}.suite-art .art-tool:nth-child(4){transform:translateY(-10px)}.suite-art .art-tool strong{font-size:14px}.suite-art .art-tool p{font-size:11px;max-width:170px}.hero-documents{background:linear-gradient(140deg,#f5c475,#d78b34);color:#fff}.hero-images{background:linear-gradient(135deg,#e79ccc,#be579f);color:#fff}.hero-media{background:linear-gradient(140deg,#a0b9ff,#6873dc);color:#fff}
/* File scene gives the Security story the same artifact depth as Documents. */
.security-intro{padding-left:0}.security-intro h3{font-size:33px;letter-spacing:-1.2px;max-width:360px}.security-file-scene{position:relative;min-height:240px;margin-top:17px;max-width:340px}.file-back{position:absolute;left:12px;top:10px;width:195px;height:185px;background:#fcfffd;border:1px solid #c7dfd1;border-radius:7px;transform:rotate(-8deg);padding:24px;box-shadow:0 10px 20px #4c997112}.file-back>span{font-size:8px;letter-spacing:1.2px;color:#7ba38d}.file-back i{display:block;height:4px;background:#dbece2;margin-top:19px}.file-back i:nth-child(3){width:65%}.file-front{position:absolute;left:65px;top:42px;width:225px;background:#fff;border:1px solid #c7dfd1;border-radius:8px;padding:25px;transform:rotate(4deg);box-shadow:0 15px 25px #3d77571a;color:#244b39}.file-front>span{font-size:8px;letter-spacing:1.2px;color:#699780}.file-front strong{display:block;font-size:21px;letter-spacing:-.7px;line-height:1.2;margin:17px 0}.file-labels{display:flex;flex-wrap:wrap;gap:7px}.file-labels span{font-size:9px;padding:6px 8px;border:1px solid #d7e7de;background:#f4fbf6;border-radius:4px;color:#6a8a79}.security-scene-lock{position:absolute;left:244px;top:166px;display:grid;place-items:center;width:63px;height:63px;border-radius:14px;background:linear-gradient(145deg,#81d6b2,#42956c);border:1px solid #acf0cd;box-shadow:0 10px 20px #48795c2b;color:white;transform:rotate(8deg)}.security-scene-lock svg{width:31px;height:31px}.mini-disclosure{font-size:10px;line-height:1.6;color:#6f907d;margin:8px 0 0;max-width:300px}
/* A composed paper desk, rather than two flat preview boxes. */
.business-caption{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:5px}.business-caption p{font-size:17px;line-height:1.4;color:#997360;letter-spacing:-.3px;margin:0}.business-stage{padding:35px 40px;gap:24px 40px}.business-card{padding:0 10px}.resume-sample{position:relative;transform:rotate(-3deg);box-shadow:0 14px 25px #94644418;padding:35px}.resume-accent{position:absolute;top:35px;right:27px;display:flex;gap:4px;transform:rotate(9deg)}.resume-accent span{width:24px;height:30px;display:grid;place-items:center;font:17px Georgia,serif;background:#f9eee4;color:#b58363;border:1px solid #eddccb;border-radius:3px}.invoice-sample{transform:rotate(3deg);box-shadow:0 14px 25px #94644418;padding:35px;margin-top:25px}.invoice-stamp{font-size:9px;font-style:italic;color:#a58b78;border-top:1px solid #ecdfd4;padding-top:13px;margin-top:20px}.business-card>.story-tool{margin-top:20px}
/* Utility illustrations have a real visual context, with static-demo disclosure. */
.utilities-stage{gap:50px;padding:35px 45px}.qr-art{height:255px;position:relative;display:block;padding:22px 10px}.qr-link-label{max-width:240px}.qr-link-label>span{font-size:8px;letter-spacing:1.2px;color:#7187a4}.qr-link-label strong{font-size:26px;letter-spacing:-1px;line-height:1.15;display:block;margin-top:16px;color:#415d7e}.qr-tile{position:absolute;right:0;top:98px;transform:rotate(8deg)}.qr-art .qr-tile svg{width:115px;height:115px;border-radius:12px;box-shadow:0 12px 25px #4b6a8e20}.qr-caption{position:absolute;bottom:8px;left:10px;font-size:10px;color:#7d92ad}.typing-art{height:255px}.typing-art h3{font-size:27px;letter-spacing:-1px;line-height:1.2;color:#415d7e;margin:18px 0 0}.typing-art p{font-size:16px}.key-row{margin-top:3px}.key-row i{width:32px;height:35px;font-size:13px;box-shadow:0 6px 7px #526b8b0e}.key-row i:nth-child(2n){transform:translateY(3px)}
/* Dark mode: a unified graphite base; color belongs to artifacts and accents. */
[data-theme="dark"] body{background:radial-gradient(ellipse at 85% 15%,#202936,transparent 48%),#171c23}[data-theme="dark"] .site-header{background:rgba(23,28,35,.96)}[data-theme="dark"] .data-story-stage,[data-theme="dark"] .document-stage,[data-theme="dark"] .media-stage,[data-theme="dark"] .audio-stage,[data-theme="dark"] .security-stage,[data-theme="dark"] .business-stage,[data-theme="dark"] .utilities-stage{background:linear-gradient(125deg,#222b35,#29333e);border-color:#414c59}[data-theme="dark"] .document-overview p,[data-theme="dark"] .document-stage .stage-label,[data-theme="dark"] .data-story-intro p,[data-theme="dark"] .audio-stage .stage-label,[data-theme="dark"] .security-stage .stage-label,[data-theme="dark"] .security-note,[data-theme="dark"] .business-caption p,[data-theme="dark"] .business-caption .stage-label,[data-theme="dark"] .mini-disclosure{color:#bfcbd8}[data-theme="dark"] .data-story-tags span,[data-theme="dark"] .document-chips span{background:#303d4a;border-color:#536171;color:#d0dce7}[data-theme="dark"] .data-sheet,[data-theme="dark"] .data-chart-card,[data-theme="dark"] .data-relationship-card,[data-theme="dark"] .transcript-text{background:#2a3541;border-color:#526170}[data-theme="dark"] .data-category-tools,[data-theme="dark"] .security-tools .story-tool{border-color:#495866}[data-theme="dark"] .security-tools .story-tool small{color:#b9c9d8}[data-theme="dark"] .qr-link-label>span,[data-theme="dark"] .qr-caption{color:#b1c4dc}[data-theme="dark"] .qr-link-label strong,[data-theme="dark"] .typing-art h3{color:#e0eafa}[data-theme="dark"] .file-back{background:#f7fcf9}[data-theme="dark"] .file-front{background:#fff;color:#244b39}
@media(max-width:1150px){.suite-art{padding:8px 0;gap:16px;min-height:400px}.suite-art .big-icon{width:105px;height:105px}.suite-art .sheet{width:105px;height:135px;left:22%}.suite-art .art-tool strong{font-size:12px}.suite-art .art-tool p{font-size:10px}.business-stage{padding:30px;gap:24px}.resume-sample,.invoice-sample{padding:27px}.resume-accent{right:17px;top:27px}.security-file-scene{transform:scale(.9);transform-origin:left center}.utilities-stage{gap:30px;padding:28px}.qr-link-label strong{font-size:23px}}
@media(max-width:900px){.site-header .nav{height:76px}.site-header .nav-search{display:none}.suite-art{gap:15px 8px}.suite-art .big-icon{width:95px;height:95px}.suite-art .big-icon svg{width:52px;height:52px}.suite-art .sheet{width:90px;height:130px}.security-stage{grid-template-columns:1fr 1.2fr;gap:20px}.security-file-scene{transform:scale(.8);min-height:220px;margin-right:-35px}.business-caption p{font-size:15px}.business-card{padding:0 5px}.resume-accent{display:none}.qr-art .qr-tile svg{width:95px;height:95px}.qr-link-label strong{font-size:21px}.typing-art h3{font-size:23px}}
@media(max-width:650px){html{scroll-padding-top:125px}.site-header .nav{height:auto;min-height:80px;padding:12px 0;gap:10px 12px}.category,.browse-categories,.pro-section,.privacy-section{scroll-margin-top:120px}.suite-art{margin:15px auto 0;max-width:340px;min-height:365px;gap:8px 20px;padding:0 5px}.suite-art .art-tool{padding-top:28px}.suite-art .sheet{left:15%;width:100px;height:120px}.suite-art .big-icon{width:100px;height:100px;margin-bottom:12px}.suite-art .art-tool p{font-size:10px}.hero{gap:15px}.security-stage{grid-template-columns:1fr}.security-intro{display:block}.security-intro h3{width:auto;font-size:31px}.security-file-scene{transform:none;min-height:250px;margin-right:0;max-width:300px}.file-front{left:40px;width:215px}.security-scene-lock{left:218px}.business-caption{display:block}.business-caption p{margin-top:14px}.business-stage{padding:24px 20px}.business-card{padding:0}.resume-sample,.invoice-sample{padding:27px;transform:rotate(-1deg)}.invoice-sample{margin-top:0;transform:rotate(1deg)}.business-card>.story-tool{margin-top:12px}.utilities-stage{padding:24px}.qr-art{height:240px;padding-left:0}.qr-caption{left:0}.typing-art{height:250px}.qr-link-label strong{font-size:25px}.qr-art .qr-tile svg{width:105px;height:105px}.typing-art h3{font-size:26px}}

/* Approved open-category atmosphere: shared lighting, natural artifact shapes. */

/* Isolated visual study: one cool family and one warm family, shared lighting. */
.data-story-stage,
[data-theme="dark"] .data-story-stage{
  background:
    radial-gradient(ellipse at 88% 14%,rgba(47,211,233,.66) 0,rgba(32,130,193,.25) 32%,transparent 62%),
    radial-gradient(ellipse at 56% 100%,rgba(69,82,199,.68) 0,transparent 62%),
    linear-gradient(125deg,#142c43 5%,#19517a 57%,#1b416a 100%);
  border-color:#407998;
  box-shadow:inset 0 1px 0 #a4eaff30,0 20px 45px #1b538e13;
  color:#eff8ff;
}
.data-story-intro .stage-label,
[data-theme="dark"] .data-story-intro .stage-label{color:#bdeaff}
.data-story-intro p,
[data-theme="dark"] .data-story-intro p{color:#d2e8f4}
.data-story-tags span,
[data-theme="dark"] .data-story-tags span{background:#17344c80;border-color:#86c0dc70;color:#e7f6ff}
.data-query-note{border-color:#87c8e585}
.data-query-note>span,.data-query-note code,
[data-theme="dark"] .data-query-note>span,[data-theme="dark"] .data-query-note code{color:#c5e4f5}
.data-category-tools,[data-theme="dark"] .data-category-tools{border-color:#9bc9e84d}
.data-sheet,.data-chart-card,.data-relationship-card{color:#17202b;box-shadow:0 18px 32px #091c3830}
[data-theme="dark"] .data-sheet,[data-theme="dark"] .data-chart-card,[data-theme="dark"] .data-relationship-card{color:#edf1f7;background:#253443eF;border-color:#769bb078}
.document-stage,
[data-theme="dark"] .document-stage{
  background:
    radial-gradient(ellipse at 89% 12%,rgba(247,185,76,.8) 0,rgba(212,132,62,.35) 34%,transparent 66%),
    radial-gradient(ellipse at 57% 100%,rgba(190,95,69,.66) 0,transparent 62%),
    linear-gradient(125deg,#49312a 5%,#815332 57%,#855239 100%);
  color:#fff6e9;
  border-color:#a07855;
  box-shadow:inset 0 1px 0 #ffe7b630,0 20px 45px #a66a2512;
}
.document-stage .stage-label,[data-theme="dark"] .document-stage .stage-label{color:#ffdfa9}
.document-overview p,[data-theme="dark"] .document-overview p{color:#f2dfc5}
.document-chips span,[data-theme="dark"] .document-chips span{background:#49342680;border-color:#f0ce9966;color:#ffe9c6}
.document-stage .tool-strip p,[data-theme="dark"] .document-stage .tool-strip p{color:#f3dfc2}
.paper,.extracted-note{color:#17202b}
.paper{box-shadow:7px 19px 32px #31201830}
.extracted-note{box-shadow:0 14px 28px #3d231f2b}
@media(prefers-reduced-motion:reduce){.data-story-stage,.document-stage{transition:none}}

/* Categories have atmosphere and layout, not outer containers. */
.category{position:relative;isolation:isolate;border-top:0!important;padding-top:80px;padding-bottom:95px}
.category:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:14% -24px -2%;background:radial-gradient(ellipse at 68% 50%,rgba(45,162,206,.16),transparent 68%)}
.category:nth-of-type(2n):before{background:radial-gradient(ellipse at 72% 54%,rgba(221,156,79,.15),transparent 68%)}
.data-story-stage,.document-stage,.media-stage,.audio-stage,.security-stage,.business-stage,.utilities-stage,
[data-theme="dark"] .data-story-stage,[data-theme="dark"] .document-stage,[data-theme="dark"] .media-stage,[data-theme="dark"] .audio-stage,[data-theme="dark"] .security-stage,[data-theme="dark"] .business-stage,[data-theme="dark"] .utilities-stage{
  background:none;border:0;border-radius:0;box-shadow:none;padding-left:0;padding-right:0;color:var(--ink)
}
#data:before{background:radial-gradient(ellipse at 78% 46%,rgba(20,176,210,.25) 0,rgba(57,93,180,.12) 34%,transparent 70%)}
#documents:before{background:radial-gradient(ellipse at 78% 49%,rgba(237,178,77,.29) 0,rgba(191,113,73,.12) 35%,transparent 70%)}
[data-theme="dark"] #data:before{background:radial-gradient(ellipse at 78% 48%,rgba(15,173,210,.4) 0,rgba(56,76,171,.25) 30%,transparent 68%)}
[data-theme="dark"] #documents:before{background:radial-gradient(ellipse at 79% 50%,rgba(218,151,48,.35) 0,rgba(177,87,55,.24) 34%,transparent 70%)}
[data-theme="dark"] .category:before{opacity:1}
.data-story-intro .stage-label{color:#447d99}.data-story-intro p{color:#536e81}.data-story-tags span{background:#eef7fb;border-color:#bfd9e5;color:#476d86}.data-query-note>span,.data-query-note code{color:#547891}
.document-stage .stage-label{color:#967041}.document-overview p{color:#7e6a51}.document-chips span{background:#fff8eb;border-color:#e7d4b7;color:#826137}.document-stage .tool-strip p{color:#756956}
.data-category-tools{border-color:var(--line)}
[data-theme="dark"] .data-story-intro .stage-label,[data-theme="dark"] .data-story-intro p,[data-theme="dark"] .data-query-note>span,[data-theme="dark"] .data-query-note code{color:#bfd4e3}
[data-theme="dark"] .document-stage .stage-label,[data-theme="dark"] .document-overview p,[data-theme="dark"] .document-stage .tool-strip p{color:#dfccb1}
.category-heading{margin-bottom:48px}.paper{box-shadow:8px 22px 42px #4a2c1730}.data-sheet{box-shadow:0 20px 40px #23486125}.data-chart-card,.data-relationship-card{box-shadow:0 15px 35px #2a496725}
@media(max-width:650px){.category{padding-top:45px;padding-bottom:55px}.category-heading{margin-bottom:28px}.category:before{inset:20% -20px 0}.data-story-stage,.document-stage,.media-stage,.audio-stage,.security-stage,.business-stage,.utilities-stage{padding-left:0;padding-right:0}.data-story-scene{padding-left:3px;padding-right:3px}.paper-stack{padding-left:10px;padding-right:10px}.category:before{opacity:.8}}
.category:before{mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 25%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 25%,transparent 100%)}
/* Dark preview uses one cool atmosphere; warm colors stay in the artwork. */
[data-theme="dark"] .category:before,
[data-theme="dark"] .category:nth-of-type(2n):before,
[data-theme="dark"] #documents:before{
  background:radial-gradient(ellipse at 78% 48%,rgba(15,173,210,.30) 0,rgba(56,76,171,.20) 30%,transparent 68%);
}

/* A shared graphite foundation, with rhythm instead of seven identical glows. */
[data-theme="dark"] #data:before{
 background:radial-gradient(ellipse at 78% 50%,rgba(20,163,196,.32),rgba(52,81,156,.18) 32%,transparent 70%);
}
[data-theme="dark"] #documents:before{
 background:radial-gradient(ellipse at 78% 52%,rgba(151,164,182,.12),rgba(83,96,112,.07) 36%,transparent 70%);
}
[data-theme="dark"] #media:before{
 background:radial-gradient(ellipse at 65% 52%,rgba(99,88,171,.26),rgba(69,80,123,.13) 35%,transparent 70%);
}
[data-theme="dark"] #audio:before{
 background:radial-gradient(ellipse at 79% 50%,rgba(74,106,152,.15),transparent 66%);
}
[data-theme="dark"] #security:before{
 background:radial-gradient(ellipse at 47% 54%,rgba(37,134,127,.23),rgba(33,91,98,.11) 36%,transparent 72%);
}
[data-theme="dark"] #business:before{
 background:radial-gradient(ellipse at 70% 52%,rgba(155,165,177,.10),transparent 70%);
}
[data-theme="dark"] #utilities:before{
 background:radial-gradient(ellipse at 67% 50%,rgba(78,108,147,.17),rgba(59,82,115,.08) 36%,transparent 70%);
}

/* Keep the longer RunTangent wordmark comfortable on small screens. */
@media(max-width:650px){.site-header .brand{font-size:22px;gap:8px;letter-spacing:-1px}.site-header .brand svg{width:28px;height:28px}.site-header .nav{column-gap:12px}}

/* Two-tone RunTangent wordmark. */
.brand .brand-run{color:#007fa3}
[data-theme="dark"] .brand .brand-run{color:#69d9ee}