
:root{--ink:#162b2a;--paper:#f6f5ef;--white:#fff;--muted:#52625e;--line:#cdd5cf;--pale:#e7ece5;--amber:#e4b253;--soft:#fbf0d8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'Segoe UI',Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #996314;outline-offset:5px}button,a,select{touch-action:manipulation}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.wrap{width:min(1180px,calc(100% - 88px));margin:auto}.draft{padding:7px 20px;text-align:center;background:var(--ink);color:#d8e6df;font:10px monospace;letter-spacing:1px}.header{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:5}.nav{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{text-decoration:none;font-size:25px;font-weight:650;letter-spacing:-1.3px}.brand:after{content:'';display:inline-block;width:7px;height:7px;background:var(--amber);border-radius:50%;margin-left:4px}.nav-links{display:flex;gap:26px;align-items:center;font-size:13px}.nav-links a{text-decoration:none}.nav-links a:hover{text-decoration:underline}.nav-action{border-bottom:1px solid var(--ink);padding-bottom:3px}.hero{padding:76px 0 52px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end}.eyebrow{font:11px/1.5 monospace;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);margin:0 0 22px}.hero h1{font-size:clamp(48px,5.8vw,78px);line-height:1.02;font-weight:500;letter-spacing:-3px;margin:0}.hero h1 em{font-style:normal;color:#667863}.hero p.lead{font-size:19px;line-height:1.65;margin:0 0 25px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:3px;padding:12px 18px;font-size:13px;text-decoration:none}.button:hover{background:#28423d}.button.light{background:transparent;color:var(--ink)}.small{font-size:12px;color:var(--muted)}.hero .small{margin:14px 0 0}.intro-line{display:flex;justify-content:space-between;gap:25px;margin:0 0 20px;font-size:12px;color:var(--muted)}.intro-line b{color:var(--ink);font-weight:500}.demo{border:1px solid #b8c5bc;background:#eef1ea;border-radius:7px;overflow:hidden;box-shadow:0 14px 50px #162b2a07;scroll-margin-top:100px}.demo-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 25px;border-bottom:1px solid var(--line)}.demo-header h2{font-size:16px;letter-spacing:-.2px;font-weight:600;margin:0}.demo-header span{font:10px monospace;color:var(--muted)}.demo-toolbar{padding:16px 25px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.toggle{display:flex;gap:5px;flex-wrap:wrap}.toggle button{background:transparent;border:1px solid transparent;border-radius:3px;padding:8px 12px;font-size:12px;min-height:38px}.toggle button[aria-pressed=true]{background:var(--ink);color:white}.scenario{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}select{background:var(--paper);border:1px solid #a7b5ab;border-radius:3px;padding:8px;font-size:12px;max-width:220px}.workspace{position:relative;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:22px;padding:27px 25px 24px;min-height:355px}.workspace:before{content:'';position:absolute;left:28%;right:27%;height:1px;top:160px;background:#a9bdb0}.workspace>div{min-width:0;position:relative;z-index:1}.panel-label{font:10px monospace;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);margin-bottom:13px;display:flex;justify-content:space-between;gap:8px}.panel-label span{font-size:9px;opacity:.8}.source-box{border:1px solid var(--line);background:#f6f7f1;padding:17px;border-radius:4px;min-height:252px}.source-title{font-size:13px;font-weight:600;margin-bottom:3px}.source-note{font-size:11px;color:var(--muted);margin-bottom:14px}.document{position:relative;padding:15px;background:white;border:1px solid #c1cdc3;border-radius:4px;box-shadow:0 7px 18px #162b2a07;transition:transform .6s,background .6s}.document:before{content:'PDF';position:absolute;top:12px;right:12px;font:8px monospace;color:var(--muted);border:1px solid var(--line);padding:2px 4px}.doc-symbol{height:26px;width:22px;border:1px solid #8aa092;border-radius:2px;margin-bottom:11px;position:relative}.doc-symbol:before,.doc-symbol:after{content:'';position:absolute;left:4px;right:4px;top:10px;border-top:1px solid #8aa092}.doc-symbol:after{top:16px}.document strong{font-size:12px;display:block;padding-right:32px;overflow-wrap:anywhere}.document .doc-type{font-size:10px;color:var(--muted);margin-top:5px}.path{font:10px/1.6 monospace;overflow-wrap:anywhere;margin-top:16px;color:var(--muted)}.path strong{font-weight:500;color:var(--ink)}.processor{background:var(--ink);color:white;min-height:252px;border-radius:4px;padding:18px 20px;position:relative;overflow:hidden}.processor:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#ffffff08,transparent);transform:translateY(-100%)}.demo[data-playing=true] .processor:before{animation:scan 3s linear infinite}.processor-head{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:550;margin-bottom:14px}.core-icon{width:23px;height:23px;border:1px solid #adcaaf;display:grid;place-items:center;border-radius:50%;font-size:11px;color:var(--amber)}.process-status{font:10px monospace;color:#c5d6c8;min-height:30px}.facts{margin:9px 0 10px}.fact{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:8px 0;border-bottom:1px solid #ffffff20}.fact span{color:#c3d2c8}.fact b{font-weight:500;transition:color .3s;min-width:0;text-align:right}.fact b.known{color:#ffe0a0}.privacy{font:9px monospace;color:#c3d2c8;margin-top:15px;display:flex;gap:6px;align-items:center}.privacy:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--amber)}.destination{min-height:252px;background:white;border:1px solid var(--line);border-radius:4px;padding:17px}.destination h3{font-size:13px;margin:0 0 3px;font-weight:600}.destination .small{font-size:10px;margin:0 0 14px}.form-label{font-size:10px;margin:13px 0 5px;color:var(--muted)}.form-value{font-size:12px;border:1px solid var(--line);border-radius:3px;padding:9px;background:#f9faf6;min-height:39px}.form-value.filled{background:#edf4e8;border-color:#8fa686;animation:field-in .7s ease}.result-note{font-size:10px;margin:12px 0 0;color:var(--muted);min-height:32px}.transfer{position:absolute!important;left:22%;top:164px;width:40px;height:25px;background:var(--amber);border:3px solid #eef1ea;border-radius:4px;z-index:2!important;display:grid;place-items:center;font:10px monospace;opacity:0;pointer-events:none}.demo[data-step="1"] .transfer,.demo[data-step="2"] .transfer{animation:to-engine 1.2s both}.demo[data-step="3"] .document{transform:translateY(5px);background:#f2f6ed}.demo[data-step="4"] .transfer,.demo[data-step="5"] .transfer{animation:to-form 1.3s both}.api-band{margin:0 25px 22px;padding:11px 15px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#ffffff8a;border:1px solid var(--line);border-radius:4px;font-size:11px;min-height:43px}.api-band .api-state{font-family:monospace;font-size:10px}.api-band.denied{border-color:#ba8643;background:#fff1d7}.narration{padding:22px 25px;background:var(--paper);border-top:1px solid var(--line);display:grid;grid-template-columns:42px 1fr auto;gap:16px;align-items:center}.stage-number{font:22px monospace;color:#80917f}.narration h3{font-size:18px;margin:0 0 5px;line-height:1.35;font-weight:550;letter-spacing:-.3px}.narration p{font-size:12px;color:var(--muted);margin:0;max-width:650px;min-height:40px}.transport{display:flex;gap:7px;flex-wrap:wrap;justify-content:end}.transport button{border:1px solid #aebbb1;background:transparent;min-width:36px;min-height:38px;padding:7px 11px;border-radius:3px;font-size:12px}.transport button.primary{background:var(--ink);color:white;border-color:var(--ink);min-width:76px}.steps{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);background:var(--paper)}.steps button{border:0;border-right:1px solid var(--line);padding:14px 4px 12px;background:transparent;font-size:11px;position:relative}.steps button:last-child{border-right:0}.steps button span{display:block;font:9px monospace;color:var(--muted);margin-bottom:3px}.steps button[aria-current=step]{background:var(--pale)}.steps button[aria-current=step]:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--ink)}.demo-caption{font-size:10px;color:var(--muted);margin:12px 0 0;line-height:1.6}.section{padding:88px 0;border-bottom:1px solid var(--line)}.section h2{font-size:clamp(33px,4vw,50px);line-height:1.1;font-weight:500;letter-spacing:-1.8px;margin:0 0 22px;max-width:800px}.section-intro{max-width:740px;font-size:17px;color:var(--muted);margin-bottom:32px}.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.outcome{border-top:1px solid #a9b8ad;padding-top:16px}.outcome .index{font:10px monospace;color:var(--muted)}.outcome h3{font-size:21px;line-height:1.3;font-weight:550;letter-spacing:-.5px;margin:12px 0}.outcome p{font-size:14px;color:var(--muted)}.scope-line{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;font-size:13px}.native-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.native-board{margin-top:35px;padding:30px;border:1px solid var(--line);background:#edf0e8;border-radius:5px}.people-title{font:10px monospace;letter-spacing:1px;color:var(--muted);min-height:22px}.mesh{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding-top:110px}.mesh:before{content:'';height:2px;position:absolute;top:167px;left:10%;right:10%;background:#b1c1b4}.mesh-node{position:relative;z-index:1}.human{position:absolute;top:-50px;left:0;right:0;text-align:center;font-size:10px;transition:transform .8s ease,color .8s}.human i{display:inline-grid;place-items:center;font-style:normal;background:#e9dbbe;width:24px;height:24px;border-radius:50%;margin-right:5px;font-size:11px}.task{border:1px solid #b0bfae;background:var(--paper);border-radius:4px;text-align:center;padding:22px 8px;font-size:12px;min-height:70px;transition:background .6s,color .6s}.task strong{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}.native-board[data-native=true] .human{transform:translateY(-54px);color:#435d48}.native-board[data-native=true] .human i{background:#d2dfcb}.native-board[data-native=true] .task{background:var(--ink);color:white;border-color:var(--ink)}.native-board[data-native=true] .task strong{color:#c5d6c8}.native-board[data-native=true] .mesh:before{background:repeating-linear-gradient(90deg,#789b7c 0 16px,transparent 16px 24px);background-size:48px 100%;animation:flow 2.2s linear infinite}.native-caption{font-size:13px;line-height:1.7;margin:22px 0 0;max-width:900px;color:var(--muted)}.offers{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.offer{padding:32px;border:1px solid #b9c5bc;border-radius:4px;background:#ffffff60}.offer h3{font-size:30px;line-height:1.15;letter-spacing:-1px;font-weight:500;margin:10px 0 20px}.offer p{font-size:15px;color:var(--muted)}.offer ul{list-style:none;padding:0;margin:22px 0 30px}.offer li{border-top:1px solid var(--line);padding:10px 0;font-size:13px}.offer li:before{content:'↗';color:#6d8369;margin-right:10px}.offer .eyebrow{margin-bottom:10px}.offer .small{font-size:11px}.conversation{padding:75px 0 85px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.conversation h2{font-size:46px;line-height:1.1;letter-spacing:-1.7px;font-weight:500;margin:0}.conversation p{margin-top:0;color:var(--muted);font-size:16px}details{border-top:1px solid #aebeb0;border-bottom:1px solid #aebeb0;padding:16px 0;font-size:14px}summary{cursor:pointer;font-weight:550}details ol{padding-left:22px;color:var(--muted);font-size:13px}.footer{border-top:1px solid var(--line);padding:25px 0;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:25px}.nojs{padding:25px;background:var(--soft)}.changed{animation:field-in .6s ease}@keyframes scan{to{transform:translateY(100%)}}@keyframes field-in{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes to-engine{0%{left:22%;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:43%;opacity:0}}@keyframes to-form{0%{left:57%;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:76%;opacity:0}}@keyframes flow{to{background-position:48px 0}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:35px;padding-top:55px}.hero h1{font-size:59px}.hero p.lead{font-size:17px}.workspace{gap:14px;padding:22px 18px}.processor{padding:16px 13px}.source-box,.destination{padding:14px}.narration{grid-template-columns:32px 1fr}.transport{grid-column:2;justify-content:start}.native-head{align-items:start;flex-direction:column}.outcomes{gap:24px}.nav-links{gap:18px}.offer{padding:25px}}
@media(max-width:720px){html{scroll-padding-top:115px}.wrap{width:calc(100% - 36px)}.nav{min-height:88px;gap:9px;flex-wrap:wrap;padding:13px 0}.brand{font-size:23px}.nav-links{font-size:11px;gap:14px;flex-wrap:wrap}.nav-action{display:none}.hero{grid-template-columns:1fr;gap:26px;padding:40px 0 35px}.hero h1{font-size:54px;letter-spacing:-2.3px}.hero p.lead{font-size:17px;max-width:520px}.intro-line{flex-direction:column;gap:5px}.demo-header{padding:16px;align-items:start;flex-direction:column;gap:5px}.demo-toolbar{padding:12px 15px;gap:12px}.scenario{flex-wrap:wrap}.workspace{grid-template-columns:1fr;padding:18px;gap:20px}.workspace:before{left:50%;right:auto;width:1px;top:60px;bottom:50px;height:auto}.panel-label{margin-bottom:8px}.source-box,.processor,.destination{min-height:0;padding:16px}.source-box{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.source-box .source-title,.source-box .source-note{grid-column:1}.source-box .document{grid-column:2;grid-row:1/4}.source-box .path{grid-column:1;margin-top:3px}.document{padding:11px}.doc-symbol{margin-bottom:7px}.document:before{top:9px;right:8px}.document strong{font-size:11px;padding-right:0}.source-note{margin-bottom:5px}.processor-head{margin-bottom:8px}.process-status{min-height:0}.facts{margin:5px 0}.fact{padding:6px 0}.privacy{margin-top:10px}.form-label{margin-top:10px}.destination .small{margin-bottom:7px}.result-note{min-height:0;margin-bottom:0}.transfer{display:none!important}.api-band{margin:0 18px 18px;align-items:start;flex-direction:column;gap:5px}.narration{padding:18px;gap:10px;grid-template-columns:29px 1fr}.narration p{min-height:0}.narration h3{font-size:17px}.steps{grid-template-columns:repeat(3,1fr)}.steps button{border-bottom:1px solid var(--line);font-size:11px}.section{padding:58px 0}.section h2{font-size:37px;letter-spacing:-1.3px}.outcomes,.offers{grid-template-columns:1fr;gap:20px;margin-top:25px}.outcome p{margin-bottom:5px}.section-intro{font-size:16px}.native-board{padding:20px 16px}.mesh{grid-template-columns:1fr 1fr;gap:80px 15px;padding-top:100px}.mesh:before{display:none}.human{font-size:9px;top:-43px;white-space:nowrap}.human i{width:19px;height:19px;margin-right:2px;font-size:9px}.native-board[data-native=true] .human{transform:translateY(-25px)}.task{font-size:11px;padding:15px 6px}.native-caption{margin-top:20px}.conversation{grid-template-columns:1fr;gap:24px;padding:55px 0}.conversation h2{font-size:37px}.footer{flex-direction:column;gap:8px}.demo-caption{font-size:10px}.draft{font-size:9px;letter-spacing:.5px}.offer h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.transfer{display:none!important}}
@media print{.header,.demo-toolbar,.transport,.steps,.toggle,.draft{display:none}.wrap{width:100%}.hero,.conversation{padding:20px 0}.section{padding:25px 0}.workspace{grid-template-columns:repeat(3,1fr)}.demo,.offer{break-inside:avoid}}
/* Version 3: visual product narrative */
.hero{padding:46px 0 36px;gap:45px}.hero h1{font-size:clamp(42px,4.7vw,64px);line-height:1.03}.hero h1 br:last-child{display:none}.hero p.lead{font-size:18px}.intro-line{display:none}.cinema{background:#101f22;border:1px solid #294044;color:#eff6eb;border-radius:16px;overflow:hidden;box-shadow:0 25px 75px #16312d16;scroll-margin-top:95px}.cinema-top{padding:20px 25px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #ffffff12}.cinema-top strong{font-size:14px;font-weight:500}.cinema-sub{font-size:12px;color:#a7bdb2;margin-left:17px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#caf18e;margin-right:10px;box-shadow:0 0 15px #c5ed8c70}.source-switch{display:flex;gap:4px;background:#ffffff08;border-radius:6px;padding:3px}.source-switch button{border:0;background:transparent;color:#bacbc3;padding:7px 13px;font-size:11px;border-radius:4px}.source-switch button[aria-pressed=true]{color:#112c24;background:#d7efa9}.visual-stage{display:grid;grid-template-columns:200px minmax(0,1fr) 270px;gap:8px;min-height:380px;padding:23px 22px 10px;background:radial-gradient(ellipse at 48% 40%,#28443990,transparent 60%);position:relative}.micro{font:9px/1.6 monospace;letter-spacing:1.3px;color:#a9bdb2}.inbox{text-align:center;padding-top:6px}.paper-stack{position:relative;height:241px;margin-top:24px}.paper{width:139px;height:183px;border-radius:8px;position:absolute;left:calc(50% - 70px);top:10px}.paper.back{transform:rotate(-10deg) translate(-8px,6px);background:#62787070;border:1px solid #a0b6a04d}.main-paper{background:#f6f4e9;color:#20372c;box-shadow:0 16px 35px #0005;padding:13px;text-align:left;overflow:hidden;animation:paper-arrive .65s both}.paper-top{display:flex;justify-content:space-between;align-items:center;font:7px monospace;color:#75806b}.pdf-mark{padding:2px 4px;background:#e8dfcc;border-radius:2px}.paper-person{position:relative;height:34px;width:29px;margin:14px 0 0}.paper-person i{position:absolute;width:12px;height:12px;background:#acc1a2;border-radius:50%;left:8px;top:0}.paper-person b{position:absolute;width:27px;height:15px;background:#acc1a2;border-radius:12px 12px 2px 2px;bottom:4px}.paper h3{font-size:12px;line-height:1.2;margin:5px 0 11px}.raw-lines{display:grid;gap:5px}.raw-lines i{display:block;background:#cfd6c7;height:3px;border-radius:2px}.raw-lines i:nth-child(2){width:65%}.raw-lines i:nth-child(4){width:78%}.scan-line{position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(transparent 45%,#bbe87b80 50%,transparent 55%);transform:translateY(-90%);animation:scan-paper 1s linear infinite}.doc-stamp{position:absolute;right:8px;top:69px;transform:rotate(-13deg);font:7px monospace;border:1px solid #598b4d;color:#416b36;padding:4px;opacity:0}.lifted{position:absolute;z-index:3;left:20px;background:#d5f7a4;color:#163d30;font-size:10px;padding:4px 8px;border-radius:4px;opacity:0;box-shadow:0 5px 22px #0004;pointer-events:none}.f-name{top:60px}.f-address{top:110px}.f-phone{top:159px}.visual-stage[data-stage="1"] .lifted{animation:lift-fact 1.2s both}.visual-stage[data-stage="1"] .f-address{animation-delay:.13s}.visual-stage[data-stage="1"] .f-phone{animation-delay:.26s}.visual-stage:not([data-stage="0"]) .doc-stamp{opacity:1}.file-trail{font:9px monospace;overflow-wrap:anywhere;color:#b5cabb;min-height:27px}.arrival-dots{display:flex;gap:4px;justify-content:center;margin:12px 0}.arrival-dots span{width:5px;height:5px;background:#d5efab;border-radius:50%;animation:arrival 1s infinite}.arrival-dots span:nth-child(2){animation-delay:.16s}.arrival-dots span:nth-child(3){animation-delay:.32s}.graph-zone{min-width:0;position:relative}.graph-label{display:flex;justify-content:space-between;padding:6px 16px 0}.graph-label span{color:#e1eccb;text-transform:none;letter-spacing:0}#customer-graph{display:block;width:100%;height:305px;overflow:visible}.graph-edge{stroke:#658677;stroke-width:1.2;fill:none;opacity:.8}.graph-edge.new-edge{stroke:#d7f8a0;stroke-width:2;stroke-dasharray:8 5;animation:graph-flow 2s linear infinite}.edge-label{font:9px 'Segoe UI',sans-serif;fill:#bacabf;text-anchor:middle;paint-order:stroke;stroke:#152a25;stroke-width:5px;stroke-linejoin:round}.graph-node{cursor:grab;outline:none;touch-action:none}.graph-node:active{cursor:grabbing}.graph-node circle{fill:#213c34;stroke:#789f80;stroke-width:1.3}.graph-node.person circle{fill:#d7efa9;stroke:#d7efa9}.graph-node.person .node-icon{fill:#1d3b29}.graph-node.document circle{fill:#253937;stroke:#7aaca4}.graph-node.current circle{fill:#c7e9c8;stroke:#dcf8a1}.graph-node.current .node-icon{fill:#244d3b}.node-icon{fill:#d3e6d6;font:19px 'Segoe UI',sans-serif;text-anchor:middle;pointer-events:none}.node-label{fill:#e6efdd;font:11px 'Segoe UI',sans-serif;text-anchor:middle;paint-order:stroke;stroke:#142925;stroke-width:4px;pointer-events:none}.node-type{fill:#a5baaa;font:8px monospace;text-anchor:middle;paint-order:stroke;stroke:#142925;stroke-width:3px;pointer-events:none}.node-birth{animation:node-birth .45s both;transform-box:fill-box;transform-origin:center}.graph-node:focus circle{stroke:#fff;stroke-width:4}.graph-inspect{text-align:center;font-size:10px;line-height:1.5;color:#b6c8bb;min-height:32px;max-width:400px;margin:-10px auto 0;padding:0 10px}.fact-form{padding:6px 0 0 9px}.form-sheet{margin-top:16px;background:#f6f6ed;color:#203629;border-radius:9px;padding:17px;box-shadow:0 14px 30px #0002}.form-sheet-top{display:flex;gap:9px;align-items:center;font-size:11px;line-height:1.3;margin-bottom:18px}.form-sheet-top small{font-size:8px;color:#71806d}.form-emblem{font-size:22px;color:#628155}.ready-dot{width:6px;height:6px;border-radius:50%;background:#bcc8b1;margin-left:auto}.ready-dot.ready{background:#54853d;box-shadow:0 0 0 4px #91bc6926}.smart-field{margin-top:11px}.smart-field label{font-size:8px;color:#72816e}.field-output{font-size:12px;min-height:27px;border-bottom:1px solid #c8d1bf;padding:2px 0 6px}.field-output.populated{animation:field-light .6s ease;background:#d7edb740}.fact-proof{border:0;background:transparent;font-size:9px;padding:12px 0 5px;text-align:left;color:#3d6432}.form-footer{font-size:8px;color:#738068;border-top:1px solid #d2dbc8;margin-top:6px;padding-top:9px;min-height:30px}.access-pill{font-size:8px;line-height:1.5;margin:13px 0;color:#aabeac}.cinema-controls{display:flex;justify-content:space-between;gap:20px;padding:17px 25px;border-top:1px solid #ffffff12;align-items:center}.stage-story{display:flex;align-items:center;gap:16px}.stage-story>span{font:11px monospace;color:#d3efa5}.stage-story h3{font-size:15px;font-weight:400;line-height:1.4;margin:0;color:#ebf4e3}.playback{display:flex;gap:7px;flex-shrink:0}.playback button,.flow-heading button{color:#dbeacb;background:#ffffff08;border:1px solid #8eaa784a;border-radius:4px;padding:6px 11px;font-size:10px}.scene-steps{display:flex;padding:0 25px 15px;gap:5px}.scene-steps button{height:5px;flex:1;padding:0;border:0;background:#4d655446;border-radius:4px;position:relative}.scene-steps button:after{content:'';position:absolute;inset:-7px 0}.scene-steps button[aria-current=step]{background:#d5efa8}.scene-steps button.done{background:#88ac72}.under-cinema{display:flex;align-items:start;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;margin:14px 0}.checks{border:0;padding:0;font-size:10px;text-align:right}.checks label{display:block;margin-top:10px}.checks select{margin-left:7px;font-size:10px}.checks summary{font-weight:400}.proof-panel{display:grid;grid-template-columns:.8fr 1fr;gap:55px;padding:35px;border:1px solid var(--line);border-radius:7px;background:white;margin:20px 0}.proof-panel[hidden]{display:none}.proof-panel h3{font-size:25px;font-weight:500;line-height:1.3;letter-spacing:-.6px}.evidence-row{padding:12px 0;border-top:1px solid var(--line)}.evidence-row>span{font:9px monospace;display:block;color:var(--muted)}.evidence-row strong{font-size:16px;font-weight:550}.evidence-row p,.evidence-note{font-size:11px;color:var(--muted);margin:6px 0}.evidence-row.current{border-top:3px solid #8fa874}.native-intro{display:flex;justify-content:space-between;gap:50px;align-items:end}.native-intro h2{font-size:clamp(32px,3.6vw,47px)}.native-intro>p{font-size:17px;color:var(--muted);max-width:260px;margin-bottom:25px}.flow-theatre{background:#11282a;border:1px solid #38544c;border-radius:13px;margin-top:30px;color:#e2edda;overflow:hidden}.flow-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 25px;border-bottom:1px solid #ffffff12}.flow-heading>span{font:10px monospace;letter-spacing:1px}.flow-heading>div{display:flex;gap:7px}#people-flow{width:100%;display:block}.flow-track{stroke:#708575;stroke-width:2;fill:none}.flow-stream{stroke:url(#flow-gradient);stroke-width:4;fill:none;stroke-dasharray:10 9;opacity:0;transition:opacity .5s;animation:graph-flow .8s linear infinite}.flow-machines{opacity:.12;transition:opacity .8s}.flow-machines rect{fill:#26493f;stroke:#99c989;stroke-width:1.4}.flow-machines text{fill:#dfefcf;font:13px 'Segoe UI',sans-serif;text-anchor:middle}.moving-person{transition:transform 1.2s cubic-bezier(.25,.8,.25,1)}.p1{transform:translate(255px,230px)}.p2{transform:translate(540px,230px)}.p3{transform:translate(825px,230px)}.person-halo{fill:#19332f;stroke:#d7bc8c;stroke-width:1.3}.moving-person use{fill:#dfc89d}.manual-label{fill:#d8d5bd;font:12px 'Segoe UI',sans-serif;text-anchor:middle;transition:opacity .4s}.destination-labels{opacity:.25;transition:opacity .9s}.destination-labels text{fill:#c9dda7;font:10px monospace;text-anchor:middle;letter-spacing:1px}.expert-route{opacity:0;transition:opacity .9s}.expert-route path{stroke:#d9be8a;stroke-width:1;stroke-dasharray:4 5;fill:none}.expert-route text{font:9px 'Segoe UI',sans-serif;fill:#cfc39e}.flow-end circle{fill:#233f35;stroke:#90a97b}.flow-end text{fill:#d3e6c0;font:23px sans-serif;text-anchor:middle}.flow-end .end-label{fill:#a9bba0;font:9px monospace}.flow-caption{padding:15px 25px 23px;display:flex;justify-content:space-between;gap:25px;font-size:12px}.flow-caption strong{font-weight:500}.flow-caption span{color:#a9bda9;font-size:11px}.flow-theatre[data-mode=auto] .p1{transform:translate(255px,92px)}.flow-theatre[data-mode=auto] .p2{transform:translate(540px,92px)}.flow-theatre[data-mode=auto] .p3{transform:translate(825px,92px)}.flow-theatre[data-mode=auto] .flow-stream,.flow-theatre[data-mode=auto] .flow-machines,.flow-theatre[data-mode=auto] .destination-labels,.flow-theatre[data-mode=auto] .expert-route{opacity:1}.flow-theatre[data-mode=auto] .manual-label{opacity:0}.flow-theatre[data-mode=auto] .person-halo{stroke:#acd28b}.flow-theatre[data-mode=auto] .moving-person use{fill:#c6e49c}.flow-theatre[data-paused=true] *{animation-play-state:paused!important}.cinema[data-paused=true] *{animation-play-state:paused!important}
@keyframes lift-fact{0%{opacity:0;transform:translate(-10px,10px) scale(.7)}20%{opacity:1;transform:translate(10px,-5px)}65%{opacity:1}100%{opacity:0;transform:translate(155px,-40px) scale(.7)}}@keyframes paper-arrive{from{transform:translate(-30px,25px) rotate(-12deg);opacity:0}to{transform:translate(0,0) rotate(2deg);opacity:1}}@keyframes scan-paper{to{transform:translateY(90%)}}@keyframes arrival{50%{opacity:.25;transform:translateX(4px)}}@keyframes graph-flow{to{stroke-dashoffset:-38}}@keyframes node-birth{from{opacity:0;scale:.2}to{opacity:1;scale:1}}@keyframes field-light{from{background:#cbf18d;transform:translateY(5px)}to{background:#d7edb740;transform:translateY(0)}}
@media(max-width:1050px){.visual-stage{grid-template-columns:160px minmax(0,1fr) 220px;padding:20px 13px 10px}.cinema-sub{display:none}.form-sheet{padding:13px}.paper{width:120px;left:calc(50% - 60px)}.native-intro{display:block}.native-intro>p{max-width:none}.cinema-top{padding:17px 20px}.graph-label{padding:6px 6px}.hero h1{font-size:53px}}
@media(max-width:720px){.hero{padding:32px 0 28px;gap:18px}.hero h1{font-size:47px}.hero p.lead{font-size:16px;margin-bottom:17px}.cinema-top{padding:14px;flex-wrap:wrap;gap:11px}.cinema-top strong{font-size:13px}.visual-stage{grid-template-columns:95px 1fr;gap:0;min-height:0;padding:16px 10px 0}.inbox{padding-top:6px}.paper-stack{height:168px;margin-top:20px}.paper{width:79px;height:122px;left:calc(50% - 40px);padding:8px}.paper h3{font-size:9px;margin:4px 0 7px}.paper-person{height:22px;scale:.7;transform-origin:top left;margin-top:8px}.paper-top{font-size:5px}.doc-stamp{font-size:5px;padding:2px;top:52px;right:3px}.raw-lines{gap:4px}.raw-lines i{height:2px}.lifted{font-size:7px;left:0;padding:3px}.f-name{top:43px}.f-address{top:70px}.f-phone{top:97px}.micro{font-size:7px;letter-spacing:.7px}.arrival-dots{margin:8px 0}.file-trail{font-size:7px;min-height:22px}.graph-label{font-size:7px;display:block;text-align:center}.graph-label span{display:block;font-size:8px;margin-top:5px}#customer-graph{height:216px}.graph-inspect{font-size:8px;margin-top:-6px;padding:0 3px;min-height:35px}.fact-form{grid-column:1/-1;padding:9px 5px 0}.fact-form>.micro{display:none}.form-sheet{margin:0;padding:13px;display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.form-sheet-top{grid-column:1/-1;margin-bottom:3px}.smart-field{margin-top:3px}.smart-field:nth-of-type(3){grid-column:1/-1}.smart-field label{font-size:8px}.field-output{font-size:11px;min-height:25px}.fact-proof{font-size:8px;grid-column:1/-1;padding-top:10px}.form-footer{grid-column:1/-1;min-height:0;font-size:7px}.access-pill{font-size:7px;margin:8px 0}.cinema-controls{padding:13px;gap:12px;align-items:start}.stage-story{gap:8px}.stage-story h3{font-size:12px}.stage-story>span{font-size:9px}.playback{gap:4px;flex-direction:column}.playback button{font-size:8px;padding:5px 8px}.scene-steps{padding:0 14px 15px}.under-cinema{font-size:8px;gap:12px}.checks{font-size:8px;flex-shrink:0}.checks label{max-width:155px}.checks select{width:145px;margin:3px 0}.proof-panel{grid-template-columns:1fr;gap:15px;padding:22px}.proof-panel h3{font-size:23px;margin:5px 0}.native-intro h2{font-size:35px}.flow-heading{padding:14px;flex-direction:column;align-items:start;gap:10px}.flow-heading>span{font-size:8px}.flow-heading button{font-size:9px}.flow-caption{padding:10px 14px 18px;flex-direction:column;gap:5px;font-size:11px}.flow-caption span{font-size:9px}#people-flow{min-height:210px}.destination-labels text{font-size:15px;letter-spacing:0}.manual-label{font-size:17px}.flow-machines text{font-size:17px}.flow-end .end-label{font-size:12px}.expert-route text{font-size:12px}}
@media(max-width:720px){.p1{transform:translate(350px,175px)}.p2{transform:translate(350px,335px)}.p3{transform:translate(350px,495px)}.flow-theatre[data-mode=auto] .p1{transform:translate(110px,175px)}.flow-theatre[data-mode=auto] .p2{transform:translate(110px,335px)}.flow-theatre[data-mode=auto] .p3{transform:translate(110px,495px)}.destination-labels text{font-size:12px}#people-flow{min-height:0}.flow-end .end-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.scan-line,.lifted{display:none}.moving-person{transition:none}.graph-node *{animation:none}.cinema *,.flow-theatre *{animation:none!important;transition:none!important}}

.mesh-data-edge{fill:none;stroke:#769778;stroke-width:1.4;opacity:.38;transition:opacity .8s,stroke .8s}.flow-theatre[data-mode=auto] .mesh-data-edge{opacity:.8;stroke:#97c691;stroke-dasharray:5 7;animation:graph-flow 1.5s linear infinite}.mesh-control-edge{fill:none;stroke:#d3ab70;stroke-width:1;stroke-dasharray:3 6;opacity:0;transition:opacity 1s}.flow-theatre[data-mode=auto] .mesh-control-edge{opacity:.35}.mesh-control-edge.signal-active{opacity:1!important;stroke-width:2}.mesh-cog{opacity:.1;transition:opacity .6s}.flow-theatre[data-mode=auto] .mesh-cog{opacity:1}.cog-disc{fill:#1a3a32;stroke:#7baf72;stroke-width:1.2}.rotating-gear{fill:#b9df97;stroke:#16382c;stroke-width:1;transform-origin:0 0;animation:gear-turn 16s linear infinite}.mesh-cog:nth-child(even) .rotating-gear{animation-direction:reverse}.mesh-cog text{font:13px 'Segoe UI',sans-serif;text-anchor:middle;fill:#dbe9cd;paint-order:stroke;stroke:#142b27;stroke-width:4px}.mesh-cog.command-active .cog-disc{stroke:#efbc74;stroke-width:3;fill:#435032}.mesh-cog.command-active .rotating-gear{fill:#f2c98d;animation-duration:3s}.mesh-person{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.mesh-person:nth-child(2){transition-delay:.07s}.mesh-person:nth-child(3){transition-delay:.14s}.mesh-person:nth-child(4){transition-delay:.21s}.mesh-person:nth-child(5){transition-delay:.28s}.mesh-person:nth-child(6){transition-delay:.35s}.mesh-person-halo{fill:#16352d;stroke:#ccbb90;stroke-width:1.5}.mesh-person use{fill:#dac595}.mesh-person-role{font:11px 'Segoe UI',sans-serif;fill:#dfd5b9;text-anchor:middle;opacity:0;transition:opacity .5s}.flow-theatre[data-mode=auto] .mesh-person-role{opacity:1}.flow-theatre[data-mode=auto] .mesh-person-halo{stroke:#c5d599}.flow-theatre[data-mode=auto] .mesh-person use{fill:#d1dda9}.mesh-actions{display:flex;justify-content:center;gap:9px;padding:0 20px 15px;flex-wrap:wrap}.mesh-actions button{border:1px solid #c4a37165;color:#e7d3aa;background:#e7c88e0b;padding:8px 13px;border-radius:5px;font-size:11px}.signal-dot{filter:drop-shadow(0 0 7px #f7c98b)}@keyframes gear-turn{to{transform:rotate(360deg)}}@media(max-width:720px){.mesh-cog text{font-size:17px}.mesh-person-role{font-size:16px}.mesh-actions{gap:6px;padding:0 12px 12px}.mesh-actions button{font-size:9px;padding:7px 9px}.mesh-data-edge{stroke-width:2}.mesh-control-edge{stroke-width:1.3}}@media(prefers-reduced-motion:reduce){.mesh-person{transition:none}.rotating-gear,.mesh-data-edge{animation:none!important}}
.mesh-cog{transition:opacity .7s,transform 1.1s cubic-bezier(.2,.8,.2,1)}.flow-theatre[data-mode=configure] .mesh-cog{opacity:1}.flow-theatre[data-mode=configure] .mesh-cog text{opacity:0}.flow-theatre[data-mode=configure] .mesh-control-edge{opacity:.9;stroke-width:2;stroke-dasharray:3 4;animation:graph-flow .8s linear infinite}.flow-theatre[data-mode=configure] .mesh-person-role{opacity:1}.flow-theatre[data-mode=manual] .mesh-cog{opacity:0}.flow-theatre[data-mode=configure] .rotating-gear{fill:#e1c68d;animation-duration:5s}
#mesh-in rect{fill:#e0e6cb;stroke:#bbcd9e}#mesh-in path{stroke:#416b46;stroke-width:2}#mesh-in text,#mesh-out text{font:10px monospace;fill:#d1dfbd;text-anchor:middle;letter-spacing:.5px}#mesh-out rect{fill:#294b35;stroke:#9ad17c;stroke-width:2}.output-tick{stroke:#d1f798;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:1}#mesh-out rect{animation:output-pulse 2.4s ease-in-out infinite}.flow-theatre[data-mode=auto] #mesh-out rect{animation-duration:.85s}.flow-theatre[data-paused=true] #mesh-out rect{animation-play-state:paused}.delivered-work{display:flex;gap:20px;align-items:center;padding:14px 25px 22px;border-top:1px solid #ffffff0c}.delivered-work>span{font:9px monospace;letter-spacing:1px;color:#afc89b;white-space:nowrap}.delivered-work b{font-size:19px;color:#d2f5a2;margin-left:8px}.delivered-work>div{display:flex;gap:8px;flex:1;min-width:0}.delivered-item{font-size:11px;padding:8px 12px;color:#d6eac0;background:#91bf6615;border:1px solid #9bbe6940;border-radius:5px;animation:delivered-in .25s ease}.await-output{font-size:11px;color:#91a986}@keyframes delivered-in{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes output-pulse{0%,100%{fill:#294b35;stroke-width:2}50%{fill:#527c43;stroke-width:3}}@media(prefers-reduced-motion:reduce){#mesh-out rect{animation:none}.delivered-item{animation:none}}@media(max-width:720px){.delivered-work{padding:12px;gap:10px;align-items:start}.delivered-work>div{flex-direction:column;gap:5px}.delivered-item{font-size:10px;padding:6px 8px}#mesh-in text,#mesh-out text{font-size:14px}}

