:root{--bg:#101416;--surface:#171d20;--surface2:#1d2529;--text:#f0f4f3;--muted:#adb9bd;--cyan:#7fe9d9;--line:#334045;--font:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:1.125rem/1.65 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}p{margin:0 0 1.2em;color:var(--muted)}h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.04em;line-height:1.12}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:1.5625rem}small{font-size:1rem}.wrap{max-width:1280px;width:calc(100% - 96px);margin-inline:auto}.header{max-width:1440px;margin:auto;padding:26px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:14px;font-size:1rem;font-weight:600;line-height:1.5;flex-shrink:0}.brand small{display:block;color:var(--muted);font-weight:400}.mark{font-size:2.375rem;letter-spacing:-4px;font-weight:700;line-height:1}.mark span{color:var(--cyan)}nav{display:flex;gap:27px;align-items:center;font-size:1rem;color:#c5cfd2}nav a:hover,.text-link:hover{color:var(--cyan)}.nav-contact{border:1px solid #52636b;padding:10px 16px;border-radius:5px}.nav-contact span{margin-left:16px}.skip{position:absolute;top:-100px;left:20px;background:var(--cyan);color:var(--bg);z-index:50;padding:12px}.skip:focus{top:12px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding-block:86px 72px}.eyebrow,.mono,.micro,.demo-tag{font:1rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.eyebrow{color:var(--cyan);margin-bottom:26px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);vertical-align:2px;margin-right:8px}h1{font-size:clamp(2.625rem,4.9vw,4.25rem);line-height:1.05;letter-spacing:-.053em}h1 span{color:var(--cyan)}.intro{font-size:1.0625rem;line-height:1.75;margin-top:26px;max-width:530px}.hero-note{font-size:1rem;max-width:470px}.actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:15px 22px;border-radius:5px;font-size:1rem;font-weight:600;transition:background .15s,transform .15s}.button:hover{background:#b1f8eb;transform:translateY(-2px)}.primary{color:#102321;background:var(--cyan)}.text-link{font-size:1rem;font-weight:500;display:inline-flex;gap:16px;align-items:center}.stack{display:flex;gap:8px;margin-top:32px}.stack span{font:1rem/1.5 ui-monospace,monospace;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:5px 10px}.blueprint{min-width:0;position:relative;padding:25px 0;background-image:radial-gradient(#334045 1px,transparent 1px);background-size:20px 20px}.blueprint-top{display:flex;align-items:center;justify-content:space-between;padding:0 5px 20px;gap:12px}.blueprint-top .mono{font-size:1rem;color:var(--muted)}.demo-tag{font-size:1rem;border:1px solid var(--line);border-radius:30px;padding:3px 9px;color:var(--cyan);background:var(--bg)}.app-window{background:var(--surface);border:1px solid #48565c;border-radius:10px;box-shadow:0 25px 70px #0005;transform:perspective(1200px) rotateY(-3deg)}.window-bar{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 17px;color:var(--muted);font-size:1rem}.window-bar .mono{font-size:1rem;letter-spacing:0}.window-dots{color:#67777e;font-size:1rem;letter-spacing:2px}.app-inner{padding:26px}.app-heading{display:flex;align-items:center;justify-content:space-between}.micro{color:var(--muted);font-size:1rem}.app-heading h2{font-size:1.5rem;letter-spacing:-.035em;margin-top:7px}.demo-icon{font-size:1.875rem;color:var(--cyan)}.demo-controls{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-top:23px;padding-bottom:13px}.demo-controls button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:4px;padding:6px 12px;font-size:1rem;min-height:36px}.demo-controls button.active{color:var(--cyan);border-color:#45655f;background:#7fe9d910}.demo-controls button:hover{background:#2b393b}.demo-screen{min-height:213px}.task-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid #2b363b;padding:16px 0;font-size:1rem}.task-row:last-child{border:0}.task-row small{display:block;color:var(--muted);font-size:1rem;margin-top:3px}.task-id{font:1rem ui-monospace,monospace;color:#8c9ba1;padding:7px 8px;background:#222c31;border-radius:4px}.status{font-size:1rem;color:var(--cyan);background:#7fe9d915;padding:4px 7px;border-radius:30px;margin-left:auto;white-space:nowrap}.status.muted{color:#ded4a1;background:#ded4a10e}.status.outline{color:var(--muted);background:transparent;border:1px solid var(--line)}.connection-line{width:1px;height:33px;background:var(--cyan);margin:auto}.system-nodes{display:flex;justify-content:center;align-items:center;gap:14px}.system-nodes>div{border:1px solid #3c5556;background:#171e21;display:flex;gap:12px;padding:12px 18px;border-radius:6px;flex:1}.system-nodes b{font-size:1rem;font-weight:500}.system-nodes small{display:block;font-size:1rem;color:var(--muted)}.node-icon{font:1.4375rem/1.8 ui-monospace,monospace;color:var(--cyan)}.node-arrow{color:var(--cyan)}.blueprint-caption{font-size:1rem;text-align:center;margin:20px 0 0;color:var(--muted)}.work-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;align-items:center;gap:30px}.work-line p{margin:0;font-size:1rem}.work-line p:first-child{color:var(--text)}.work-line p:first-child span{color:var(--cyan);margin-right:15px;font-size:1.25rem}.work-line p:last-child{font-size:1rem}.section{padding-block:100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:48px}.section-head>p{max-width:340px;font-size:1rem;margin-bottom:4px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.service{display:flex;flex-direction:column;border:1px solid transparent;border-radius:7px;padding:30px}.service-symbol{color:var(--cyan);font:2rem/1.2 ui-monospace,monospace;margin-bottom:32px}.service h3{margin:12px 0 20px}.service p{font-size:1rem}.scope{border-top:1px solid var(--line);margin-top:8px;padding-top:20px}.scope b{font-size:1rem;font-weight:500;color:var(--text)}.scope p{font-size:1rem;margin-top:8px}.service .text-link{margin-top:auto;padding-top:20px;color:var(--cyan);font-size:1rem;justify-content:space-between}.definition{display:grid;grid-template-columns:150px 1fr 180px;gap:26px;align-items:center;border-block:1px solid var(--line);padding:28px 0;margin-top:35px}.definition .mono{font-size:1rem;color:var(--cyan)}.definition h3{font-size:1.1875rem;letter-spacing:-.02em}.definition p{font-size:1rem;margin:9px 0 0}.definition .text-link{justify-self:end}.method{border-block:1px solid transparent}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding:0;margin:54px 0 0}.steps li{border-top:1px solid #46595c;padding-top:20px}.step-number{color:var(--cyan);font:1rem ui-monospace,monospace}.steps h3{font-size:1.5rem;margin:25px 0 17px}.steps p{font-size:1rem;margin:0}.deliverables{display:grid;grid-template-columns:.9fr 1fr;gap:110px}.section-intro{font-size:1rem;max-width:340px;margin-top:25px}.security-note{border-left:2px solid var(--cyan);padding-left:20px;margin-top:40px;max-width:380px}.security-note .micro{color:var(--cyan)}.security-note p{font-size:1rem;margin:12px 0}.security-note small{font-size:1rem;color:var(--muted);display:block}.delivery-list>div{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}.delivery-list>div:first-child{padding-top:0}.delivery-list>div>span{font:1rem/2 ui-monospace,monospace;color:var(--cyan)}.delivery-list h3{font-size:1.3125rem;letter-spacing:-.02em}.delivery-list p{font-size:1rem;margin:9px 0 0}.delivery-list .delivery-foot{border:0}.delivery-list .delivery-foot p{font-size:1rem}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1fr;gap:110px;padding-bottom:60px}.large{display:block;font-size:4.25rem;letter-spacing:-7px;margin-bottom:30px}.about .eyebrow{margin-bottom:16px}.about-copy{padding-top:10px}.about-copy .lead{font-size:1.4375rem;color:var(--text);line-height:1.5;letter-spacing:-.02em}.about-copy p{font-size:1rem}.about-copy .commercial{font-size:1rem}.about-copy .text-link{color:var(--cyan)}.resources{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:30px;border-block:1px solid var(--line);padding-block:35px}.resources h2{font-size:1.5625rem}.resources p{font-size:1rem;margin:10px 0 0}.resources .eyebrow{font-size:1rem;margin:0 0 12px}.resource{padding-left:25px;border-left:1px solid var(--line)}.resource .micro{color:var(--cyan)}.resource h3{font-size:1.3125rem;margin-top:13px}.resource:hover h3{text-decoration:underline;text-underline-offset:6px}.faq{display:grid;grid-template-columns:.9fr 1fr;gap:110px}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:20px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;font-size:1rem}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:1.5rem;font-weight:300;color:var(--cyan)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:1rem;padding-right:30px;margin-bottom:24px}.contact{display:grid;grid-template-columns:1fr .8fr;gap:95px;border:1px solid transparent;padding:56px;border-radius:9px}.contact h2{font-size:clamp(2.25rem,4vw,3.1875rem)}.contact>div>p:not(.eyebrow){font-size:1rem;margin-top:22px}.contact .button{margin-top:8px}.contact>div>.contact-help{font-size:1rem;max-width:380px;margin:18px 0}.email-line{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.email-line a{font-size:1rem;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.email-line button{font-size:1rem;background:transparent;border:1px solid #53676e;color:var(--text);border-radius:4px;padding:7px 11px}.email-line button:hover{background:#2b393b}.contact>div>.copy-status{min-height:18px;font-size:1rem;margin:10px 0 0;color:var(--cyan)}.brief{padding-top:8px}.brief .mono{color:var(--cyan);font-size:1rem}.brief h3{font-size:1.5625rem;margin:20px 0 25px}.brief ol{margin:0;padding-left:20px;font-size:1rem;color:var(--text)}.brief li{padding:0 0 12px 7px}.brief li::marker{color:var(--cyan);font-family:monospace}.brief>p{font-size:1rem;margin-top:15px}.privacy-note{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.privacy-note>span{color:var(--cyan)}.privacy-note p{font-size:1rem;margin:0}.footer{padding-block:42px;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer p{font-size:1rem;margin:0}.footer .brand{font-size:1rem}.footer .brand small{font-size:1rem}.footer .mark{font-size:2rem}
@media(min-width:1500px){.hero{padding-block:108px 88px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding-inline:32px}nav{gap:17px}.hero{gap:35px}.app-inner{padding:20px}.task-row{gap:7px}.service{padding:24px}.service h3{font-size:1.375rem}.deliverables,.about,.faq{gap:60px}.contact{gap:50px;padding:40px}.system-nodes>div{padding:10px;gap:8px}.definition{grid-template-columns:110px 1fr}.definition .text-link{grid-column:2;justify-self:start}}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:55px;gap:45px}.hero-copy{max-width:610px}h1{font-size:clamp(2.6875rem,7.8vw,4rem)}.blueprint{max-width:540px;width:100%;margin:auto}.section{padding-block:70px}.section-head{gap:30px;align-items:start}.section-head>p{max-width:270px}.service-grid{grid-template-columns:1fr}.service{display:grid;grid-template-columns:60px 1fr;column-gap:15px}.service-symbol{grid-column:1;grid-row:1/5;margin-top:5px}.service>.micro,.service>h3,.service>p,.service>.scope,.service>.text-link{grid-column:2}.service h3 br{display:none}.service h3{font-size:1.625rem;margin-bottom:14px}.service>.text-link{justify-content:start}.scope{max-width:550px}.steps{grid-template-columns:1fr 1fr;gap:35px}.deliverables,.about,.faq{gap:45px;grid-template-columns:1fr 1.1fr}.resources{grid-template-columns:1fr 1fr}.resources>div:first-child{grid-column:1/-1}.resource{padding-left:0;border:0}.contact{grid-template-columns:1fr;gap:40px}.brief{border-top:1px solid var(--line);padding-top:30px}}@media(max-width:560px){.wrap{width:calc(100% - 40px)}.header{padding:20px;gap:15px}.brand{font-size:1rem;gap:11px}.brand small{font-size:1rem}.mark{font-size:2.0625rem}.nav-contact{font-size:1rem;padding:9px 11px}.nav-contact span{display:none}.hero{padding-block:44px}.eyebrow{font-size:1rem;margin-bottom:22px}h1{font-size:2.75rem}.intro{font-size:1rem}.hero-note{font-size:1rem}.actions{gap:20px}.button{font-size:1rem;padding:14px 16px;gap:20px}.text-link{font-size:1rem}.app-inner{padding:18px}.app-window{transform:none}.app-heading h2{font-size:1.375rem}.blueprint-top .mono{font-size:1rem}.system-nodes{gap:8px}.system-nodes>div{padding:9px;gap:7px}.node-icon{font-size:1.1875rem}.system-nodes small{font-size:1rem}.task-row{font-size:1rem}.status{font-size:1rem}.work-line{display:block;padding-block:20px}.work-line p:first-child{font-size:1rem}.work-line p:last-child{margin:12px 0 0 30px}.section-head{display:block;margin-bottom:30px}.section-head>p{max-width:none;margin-top:22px}.section{padding-block:58px}h2{font-size:2.1875rem}.service{padding:23px 20px;grid-template-columns:30px 1fr;gap:0 12px}.service-symbol{font-size:1.4375rem}.service h3{font-size:1.4375rem}.service .text-link{font-size:1rem}.definition{display:block;padding-block:25px}.definition h3{margin-top:14px}.definition .text-link{margin-top:18px}.steps{gap:30px 22px;margin-top:30px}.steps h3{font-size:1.3125rem;margin-top:20px}.steps p{font-size:1rem}.deliverables,.about,.faq{grid-template-columns:1fr;gap:35px}.deliverables h2 br:last-child{display:none}.security-note{max-width:none;margin-top:25px}.section-intro{max-width:none}.delivery-list h3{font-size:1.1875rem}.about{padding-bottom:40px}.large{font-size:3.375rem;margin-bottom:25px}.about-copy{padding-top:0}.about-copy .lead{font-size:1.3125rem}.resources{grid-template-columns:1fr;gap:26px}.resources>div:first-child{grid-column:auto}.resource{padding-top:23px;border-top:1px solid var(--line)}.faq{gap:25px}.faq h2 br{display:none}.faq summary{font-size:1rem}.contact{padding:28px 23px;gap:28px}.contact h2{font-size:2.25rem}.contact .eyebrow{font-size:1rem}.contact>div>p:not(.eyebrow){font-size:1rem}.contact>div>.contact-help{font-size:1rem}.contact>div>.copy-status{font-size:1rem}.email-line{gap:10px}.email-line a{font-size:1rem}.footer{flex-wrap:wrap;padding-block:30px}.footer p{display:none}.footer .text-link{font-size:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Fixed, static architecture layer. It never intercepts input or enters the reading order. */
body{isolation:isolate}
.site-background{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background-color:#101416;background-image:linear-gradient(90deg,rgba(16,20,22,.18),rgba(16,20,22,.88) 24%,rgba(16,20,22,.94) 50%,rgba(16,20,22,.88) 76%,rgba(16,20,22,.18)),url("architecture-background.svg");background-size:100% 100%,100% 100%;background-position:center,center;background-repeat:no-repeat,no-repeat;contain:strict}
/* All sections remain reachable through navigation at every width. */
nav{flex-wrap:wrap;gap:8px 20px;justify-content:flex-end}
nav a{display:inline-flex;align-items:center;min-height:44px}
.header{align-items:center}
#contenido:focus{outline:none}
.demo-controls{flex-wrap:wrap}
.demo-controls button{min-height:44px;min-width:44px;font-size:1rem}
.app-heading .micro{font-size:1rem}
.task-row{font-size:1rem;gap:9px}
.task-row>span:nth-child(2){min-width:0;flex:1}
.task-row small{font-size:1rem;line-height:1.5}
.task-id{font-size:1rem}
.status{font-size:1rem;line-height:1.5;max-width:40%;white-space:normal;overflow-wrap:anywhere}
.system-nodes small{font-size:1rem;line-height:1.5}
.system-nodes>div{min-width:0}
.node-icon{flex-shrink:0}
.blueprint-caption{font-size:1rem}
.blueprint-top .mono,.demo-tag{font-size:1rem}
.service p,.scope p{font-size:1rem}
.scope b{font-size:1rem}
.service .micro{font-size:1rem}
.steps p,.delivery-list p,.faq details p{font-size:1rem}
.contact>div>.contact-help,.contact>div>.copy-status,.privacy-note p{font-size:1rem}
.email-line button{min-width:44px;min-height:44px;font-size:1rem}
.text-link{min-height:44px}
@media(max-width:1100px){.header{flex-wrap:wrap}nav{flex:1 1 470px;justify-content:flex-start;gap:6px 20px}.site-background{background-size:100% 100%,100% 100%}}
@media(max-width:800px){.header{align-items:flex-start}nav{flex-basis:100%;width:100%;gap:4px 18px;font-size:1rem}.nav-contact{padding:8px 12px}.site-background{background-image:linear-gradient(90deg,rgba(16,20,22,.7),rgba(16,20,22,.93) 25%,rgba(16,20,22,.96) 50%,rgba(16,20,22,.93) 75%,rgba(16,20,22,.7)),url("architecture-background-mobile.svg");background-size:100% 100%,100% 100%}}
@media(max-width:560px){.header{gap:14px}nav{gap:4px 16px}nav a{font-size:1rem}.nav-contact{font-size:1rem}.task-row{flex-wrap:wrap;font-size:1rem}.status{font-size:1rem}.task-row small{font-size:1rem}.system-nodes small{font-size:1rem}.system-nodes>div{padding:9px 7px;gap:6px}.node-icon{font-size:1rem}.blueprint-top{flex-wrap:wrap}.blueprint-top .mono,.demo-tag{font-size:1rem}.service{display:flex}.service-symbol{margin-bottom:18px}.service .micro{font-size:1rem}.service p,.scope p{font-size:1rem}.service .text-link{font-size:1rem}.steps{grid-template-columns:1fr}.steps h3 br{display:none}.steps p{font-size:1rem}}
@media(forced-colors:active){.site-background{display:none}.demo-controls button.active{border:2px solid ButtonText}}
/* Shared multipage navigation and editorial layouts. */
nav a[aria-current="page"]{color:var(--cyan);text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
.page-intro{padding-block:68px 42px;max-width:1280px}.page-intro h1{max-width:900px;font-size:clamp(2.5rem,5vw,4.125rem)}.page-intro h1 span{color:var(--cyan)}.page-intro .intro{max-width:700px}
.service-detail .service{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;padding:40px}
.service-detail .service>.service-symbol,.service-detail .service>.micro,.service-detail .service>h3,.service-detail .service>p,.service-detail .service>.text-link{grid-column:1/-1}
.service-detail .service>.scope{grid-column:auto}.service-detail .service h3{font-size:2rem}.service-detail .service h3 br{display:none}.service-detail .service>p{max-width:850px;font-size:1rem}.service-detail .service>.text-link{justify-content:flex-start}
.evidence{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.evidence>div>p:not(.eyebrow){margin-top:24px}.evidence ol{margin:0;padding-left:24px}.evidence li{padding:0 0 24px 12px}.evidence li::marker{color:var(--cyan);font-family:monospace}.evidence h3{font-size:1.4375rem;margin-bottom:12px}.evidence li p{font-size:1rem}
.notice{padding:32px;border:1px solid transparent;border-radius:8px;margin-bottom:56px}.notice h2{font-size:1.6875rem;margin-bottom:18px}.notice p{max-width:1000px;font-size:1rem}
.home-process{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-block:46px;border-top:1px solid var(--line)}.home-process h2{font-size:2.125rem;margin-bottom:20px}.home-process p{font-size:1rem}.home-process .eyebrow{font-size:1rem}.question-short{padding-block:44px;border-top:1px solid var(--line)}.question-short h2{font-size:1.8125rem;margin-bottom:15px}.compact-contact{margin-top:35px}
.flow-demo{margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.flow-demo h3{font-size:1.0625rem;letter-spacing:-.01em}.flow-demo p{font-size:1rem;margin:12px 0 0}.flow-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.flow-actions button{min-height:44px;padding:9px 12px;border:1px solid #728991;border-radius:5px;background:#172225;color:var(--text);font-size:1rem}.flow-actions button:hover{border-color:var(--cyan)}.flow-actions button[aria-disabled="true"]{color:#b4c2c6;background:#192024}.motion-choice{display:flex;align-items:center;gap:9px;min-height:44px;margin-top:10px;font-size:1rem;color:var(--text);cursor:pointer}.motion-choice input{width:20px;height:20px;accent-color:var(--cyan);flex-shrink:0}.motion-choice input:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}#flow-status{min-height:3.2em;color:var(--muted)}
@keyframes flow-glow{0%{box-shadow:0 0 0 1px #7fe9d9;border-color:#7fe9d9}45%{box-shadow:0 0 0 3px #7fe9d970,0 0 18px #7fe9d925;border-color:#b1f8eb}100%{box-shadow:0 0 0 1px #7fe9d960;border-color:#7fe9d9}}
.flow-highlight{animation:flow-glow 850ms ease-out 1 both}
@media(max-width:800px){.service-detail .service{padding:28px;gap:0 24px}.evidence{gap:40px}.home-process{gap:32px}}
@media(max-width:560px){.page-intro{padding-block:40px 24px}.page-intro h1{font-size:2.5rem}.service-detail .service{display:flex;padding:24px 20px}.service-detail .service h3{font-size:1.6875rem}.service-detail .service>p{font-size:1rem}.evidence,.home-process{grid-template-columns:1fr;gap:30px}.evidence li{padding-left:5px}.notice{padding:24px}.notice h2{font-size:1.5rem}.flow-demo{padding:15px}.flow-actions button{flex:1}.question-short h2{font-size:1.625rem}}
@media(prefers-reduced-motion:reduce){.flow-highlight{animation:none!important;box-shadow:none}}
@media(forced-colors:active){.flow-highlight{animation:none;outline:2px solid Highlight}.flow-actions button[aria-disabled="true"]{color:GrayText}}
/* One continuous reading guard belongs to .site-background, never to editorial sections.
   Its 90-degree gradient is horizontal and constant along the viewport height. */
.service,.notice,.contact,.method{background:none;border-color:transparent}
@media(forced-colors:active){.service,.notice,.contact,.method{background:none;border-color:CanvasText}}

/* Reading scale shared by every page and breakpoint; no mobile text reduction. */
p,.intro,.hero-note,.section-head>p,.section-intro,.service p,.scope p,.steps p,.delivery-list p,.about-copy p,.definition p,.resources p,.resource p,.faq details p,.contact>div>p:not(.eyebrow),.brief>p,.brief ol,.evidence li p,.notice p,.home-process p,.page-intro .intro,.service-detail .service>p{font-size:1.125rem;line-height:1.65}
nav,.nav-contact,nav a,.brand,.brand small,.footer .brand,.footer .brand small,.button,.text-link,.service .text-link,.footer .text-link,.faq summary,.email-line a,.email-line button,.flow-actions button,.motion-choice,.demo-controls button,.task-row,.task-row small,.task-id,.status,.system-nodes small,.system-nodes b,.blueprint-caption,.window-bar,.window-bar .mono,.micro,.app-heading .micro,.service .micro,.eyebrow,.contact .eyebrow,.resources .eyebrow,.home-process .eyebrow,.mono,.definition .mono,.brief .mono,.demo-tag,.blueprint-top .mono,.stack span,.scope b,.flow-demo p,.work-line p,.work-line p:last-child,.footer p,.about-copy .commercial,.delivery-list .delivery-foot p,.security-note small,.contact>div>.contact-help,.contact>div>.copy-status,.privacy-note p{font-size:1rem;line-height:1.6}
.flow-demo h3{font-size:1.25rem;line-height:1.3}
.security-note p{font-size:1.125rem;line-height:1.65}
.actions,.stack,.email-line{flex-wrap:wrap}
.button,.text-link,.nav-contact{max-width:100%;white-space:normal}
.service,.scope,.brief,.about-copy,.hero-copy,.service-detail .service>*,.contact>*,.evidence>*,.home-process>*,.resources>*{min-width:0}
.task-row{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:8px 12px;padding-block:18px}
.task-row>.status{grid-column:2;justify-self:start;margin-left:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.task-row>span:nth-child(2){overflow-wrap:anywhere}
.demo-screen{min-height:0}
.system-nodes>div{flex-direction:column;align-items:flex-start}
.flow-actions button{white-space:normal}
@media(max-width:800px){.section-head{flex-direction:column;align-items:flex-start;gap:22px}.section-head>p{max-width:none}.contact{padding-inline:28px}}
@media(max-width:560px){.actions{align-items:flex-start;gap:12px 20px}.flow-actions{flex-direction:column}.flow-actions button{width:100%}.app-inner{padding:16px}.flow-demo{padding:16px}.blueprint-top{align-items:flex-start}.system-nodes{flex-wrap:wrap}.system-nodes>div{flex:1 1 110px}.node-arrow{font-size:1rem}.service-detail .service{padding-inline:18px}.contact{padding-inline:20px}.window-bar{flex-wrap:wrap}.demo-controls button{flex:1 1 auto}.contact h2{overflow-wrap:anywhere}}

/* Paper has no decorative scene; preserve readable content and real controls. */
@media print{.site-background{display:none}body{background:#fff;color:#111}body *{color:#111!important;text-shadow:none!important}p,small,.intro,.hero-note,.mono,.micro,.eyebrow,.text-link,nav a,nav a[aria-current="page"],.brand small,.status,.task-id,.flow-demo p{color:#222!important}.app-window,.flow-demo,.system-nodes>div,.task-id,.status,.flow-actions button,.demo-controls button,.demo-controls button.active,.button,.email-line button{background:#fff!important;color:#111!important;border-color:#666!important;box-shadow:none!important}.flow-highlight{animation:none!important;box-shadow:none!important}.service,.notice,.contact,.method{background:none}h1 span,.mark span{color:#111}.blueprint{background:none}}
@media print{::marker{color:#111!important}}
/* Intro first; the detailed interactive demo has its own section and never sizes the hero. */
.hero{display:block;padding-block:clamp(2rem,5vh,3.5rem) clamp(2.5rem,5vh,4rem)}
.hero-copy{max-width:62rem;min-width:0}
.hero h1{max-width:58rem}
.hero .intro,.hero-note{max-width:48rem}
.hero .actions{margin-top:1.5rem}
.hero .stack{margin-top:1.5rem}
.page-intro{padding-block:clamp(2rem,5vh,3.5rem) 2rem}
.page-intro h1{max-width:60rem;overflow-wrap:break-word}
.brand>.mark{flex:0 0 auto;white-space:nowrap;display:block}
.brand-copy{min-width:0}
.brand-name{display:block;white-space:nowrap}
.brand-copy small{white-space:normal}
.demo-section{padding-block:2rem 4rem}
.demo-section .blueprint{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem 2.5rem;max-width:none;width:100%;padding-block:1rem;align-items:start}
.demo-section .blueprint-top{grid-column:1/-1;padding-bottom:0}
.demo-section .app-window{grid-column:1;grid-row:2/5;transform:none;min-width:0}
.demo-section .connection-line{display:none}
.demo-section .system-nodes{grid-column:2;grid-row:2;min-width:0;align-self:start}
.demo-section .blueprint-caption{grid-column:2;grid-row:3;text-align:left;margin:0}
.demo-section .flow-demo{grid-column:2;grid-row:4;margin:0;min-width:0}
@media(max-width:900px){.demo-section .blueprint{grid-template-columns:minmax(0,1fr);gap:1.5rem}.demo-section .app-window,.demo-section .system-nodes,.demo-section .blueprint-caption,.demo-section .flow-demo{grid-column:1;grid-row:auto}.demo-section .blueprint{max-width:42rem;margin-inline:auto}}
@media(max-height:760px) and (min-width:801px){.header{padding-block:1rem}.hero,.page-intro{padding-top:1.75rem}.hero{padding-bottom:2.5rem}.hero .eyebrow,.page-intro .eyebrow{margin-bottom:1.125rem}.hero .intro{margin-top:1.25rem}}
@media(max-width:560px){.hero{padding-block:2rem 2.5rem}.page-intro{padding-block:2rem 1.5rem}.demo-section{padding-block:1rem 2.5rem}.header{gap:1rem}.brand{max-width:100%;flex-shrink:1}.brand-name{white-space:nowrap}}
/* At extreme narrow widths, preserve text enlargement; only the monogram is indivisible. */
@media(max-width:380px){.brand-name{white-space:normal;overflow-wrap:normal}}
/* FAQ is one reading column, not a title column beside eight rows of empty space. */
.faq{display:block;max-width:60rem;padding-block:3rem}
.faq>div:first-child{margin-bottom:1.25rem}
.faq .eyebrow{margin-bottom:.75rem}
.faq h2 br{display:none}
.faq summary{min-height:3rem;padding-block:.75rem;gap:1rem;font-size:1rem;line-height:1.5}
.faq summary span{flex:none;font-size:1.5rem;line-height:1}
.faq details p{max-width:72ch;padding-right:0;margin-bottom:1.25rem;font-size:1.125rem;line-height:1.65}
@media(max-width:560px){.faq{padding-block:2.5rem}.faq>div:first-child{margin-bottom:1rem}}