@import url('/assets/fonts.css');
:root{--paper:#f6faff;--ink:#090d22;--muted:#4d5b70;--blue:#064eea;--yellow:#ffe529;--line:#cfe5fa;--white:#fff;--soft:#eaf5ff;font-family:'Inter',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #064eea;outline-offset:5px}p{color:var(--muted);line-height:1.75;margin:0 0 20px}h1,h2,h3{font-weight:500;letter-spacing:-.055em;margin:0;text-wrap:balance}h1{font-size:clamp(48px,5.1vw,76px);line-height:1.08}h2{font-size:clamp(33px,3.2vw,47px);line-height:1.16}h3{font-size:1.4375rem;line-height:1.3;letter-spacing:-.035em}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:14px;align-items:center;font-size:1rem;font-weight:600;line-height:1.5}.brand small{display:block;font-size:0.875rem;letter-spacing:1.6px;font-weight:500;margin-top:3px}.monogram{font-size:2.625rem;letter-spacing:-5px;line-height:1;font-weight:700;padding-right:5px}.monogram>span{color:#064eea}.header nav{display:flex;gap:30px;font-size:0.875rem}.header nav a{padding:8px 0;color:#4d5b70}.header nav a:hover{color:var(--blue)}.button{background:var(--blue);color:white;display:inline-flex;justify-content:center;align-items:center;gap:27px;padding:18px 23px;border-radius:5px;font-size:0.875rem;font-weight:500;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#033dc2;transform:translateY(-2px)}.button.small{padding:13px 18px;gap:25px}.button span{font-size:1.125rem}.text-link{font-size:0.875rem;display:inline-flex;align-items:center;gap:15px;font-weight:500;line-height:1.5}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.eyebrow{font-size:0.875rem;letter-spacing:1.6px;font-weight:600;display:block;line-height:1.7}.eyebrow i,.flow-bottom i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#064eea;margin-right:8px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;padding-top:66px;padding-bottom:76px;align-items:center}.hero h1{margin:22px 0}.hero h1>span{color:#064eea}.lead{font-size:1.125rem;line-height:1.75;max-width:500px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:29px}.hero-note{border-top:1px solid var(--line);padding-top:24px;margin-top:38px;display:flex;gap:13px;color:var(--muted);font-size:0.875rem;line-height:1.9}.hero-note strong{font-weight:500;color:var(--ink)}.mini-icon{font-size:1.625rem;line-height:1.5;color:#4d5b70}.hero-visual{padding-top:18px}.visual-label{display:flex;justify-content:space-between;font-size:0.875rem;letter-spacing:1.3px;margin-bottom:21px;color:#4d5b70;padding:0 7px}.visual-label>span:last-child{font-size:1.5rem;line-height:.6}.workflow{border:1px solid #cfe5fa;border-radius:10px;background:#eaf5ff;box-shadow:0 12px 35px #1858cc0d;overflow:hidden}.hero-workflow{transform:rotate(-2deg)}.workflow-head{padding:17px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cfe5fa;gap:8px;font-size:0.875rem;letter-spacing:1px}.window-dots{color:#cce6ff;letter-spacing:2px;font-size:0.875rem}.flow-label{font-size:0.875rem;padding:4px 6px;border:1px solid #cfe5fa;border-radius:3px}.flow-stage{display:flex;align-items:center;padding:48px 16px;justify-content:center;gap:7px;background-image:radial-gradient(#74b8ec50 .65px,transparent .65px);background-size:14px 14px}.flow-node{min-width:0;flex:1;text-align:center;padding:17px 5px;background:#f6faff;border:1px solid #cfe5fa;border-radius:7px;box-shadow:0 4px 12px #1858cc0d}.flow-node strong{font-size:0.875rem;display:block;font-weight:500;margin:13px 0 7px}.flow-node small{font-size:0.875rem;color:#4d5b70;white-space:nowrap}.node-icon{font-size:1.375rem;color:#064eea;display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;background:#eaf5ff;border-radius:9px}.central{background:var(--blue);border-color:var(--blue);color:white;transform:translateY(-9px)}.central .node-icon{color:var(--yellow);background:#ffffff12;font-family:monospace}.central small{color:#dfedff}.connector{color:#1aa6e5;font-size:1.125rem}.flow-bottom{display:flex;justify-content:space-between;padding:15px 17px;font-size:0.875rem;letter-spacing:.2px;background:#f6faff;border-top:1px solid #cfe5fa;color:#4d5b70}.flow-bottom i{width:5px;height:5px;margin-right:5px}.code-note{font-size:0.875rem;color:#4d5b70;text-align:center;margin-top:24px;line-height:1.6}.code-note>span{font-size:1.25rem;margin-right:6px}.visual-bottom{display:flex;justify-content:space-evenly;margin-top:37px;font-size:0.875rem;color:#4d5b70}.visual-bottom span+span{border-left:1px solid #cfe5fa;padding-left:22px}.tech-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tech-band>.wrap{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:92px}.tech-band .eyebrow{font-size:0.875rem;letter-spacing:1.1px;white-space:nowrap;color:#4d5b70}.tech-band .wrap>div{display:flex;justify-content:space-between;gap:40px;font-size:1.125rem;color:#4d5b70;flex:1;font-weight:500;letter-spacing:-.4px}.section{padding-top:88px;padding-bottom:88px}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:end;margin-bottom:38px}.section-heading h2{margin-top:17px}.section-heading>p{font-size:0.875rem;margin:0 0 4px;max-width:360px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#ffffff;border:1px solid var(--line);border-radius:7px;padding:27px 25px;position:relative;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.service-card:hover{border-color:#7bbbf2;box-shadow:0 9px 25px #1459d31a}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.service-icon{width:42px;height:42px;border-radius:9px;background:#eaf5ff;color:#064eea;display:flex;align-items:center;justify-content:center;font-size:1.3125rem;font-family:monospace}.number{color:#4d5b70;font-size:0.875rem;letter-spacing:1px}.service-card h3{font-size:1.3125rem;letter-spacing:-.6px;margin-bottom:13px}.service-card p{font-size:0.875rem;line-height:1.85;margin-bottom:20px;flex:1}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags>span{font-size:0.875rem;color:#4d5b70;background:#eaf5ff;padding:6px 8px;border-radius:3px;letter-spacing:.1px}.service-card .text-link{border-top:1px solid #cfe5fa;padding-top:20px;margin-top:25px;display:flex;justify-content:space-between;font-size:0.875rem}.about-section{background:#eaf5ff;border-top:1px solid #cfe5fa;border-bottom:1px solid #cfe5fa}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:105px;padding-top:82px;padding-bottom:77px}.about-grid h2{margin-top:20px}.signature{font-size:2.75rem;letter-spacing:-2px;font-style:italic;font-family:Georgia,serif;margin-top:53px}.signature span{color:#064eea}.location{font-size:0.875rem;letter-spacing:1.2px;margin-top:13px}.about-copy .large{font-size:1.1875rem;line-height:1.7;color:#263b59;letter-spacing:-.35px;margin-top:0}.about-copy p{font-size:0.875rem;line-height:1.9}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:17px;padding-bottom:28px}.about-points strong{font-size:0.875rem;display:block;font-weight:500;margin-bottom:7px}.about-points span{font-size:0.875rem;color:#4d5b70}.about-copy .text-link{font-size:0.875rem}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.process-grid article{border-top:1px solid var(--line);padding-top:25px}.process-grid article>span{font-size:0.875rem;color:#4d5b70}.process-grid h3{font-size:1.1875rem;margin:24px 0 13px}.process-grid p{font-size:0.875rem;line-height:1.85;max-width:290px}.contact{background:var(--blue);color:#ffffff;border-radius:8px;padding-top:56px;padding-bottom:50px;display:flex;justify-content:space-between;gap:45px;align-items:center;max-width:1160px}.contact .eyebrow{font-size:0.875rem;color:#dfedff}.contact h2{font-size:2.6875rem;margin-top:18px;letter-spacing:-1.8px}.contact p{color:#dfedff;font-size:0.875rem;line-height:1.8;margin:19px 0 0}.contact>div:last-child{max-width:315px}.contact>div:last-child p{font-size:0.875rem;text-align:center}.button.light{background:var(--yellow);color:#090d22;gap:30px}.button.light:hover{background:#ffed70}.footer{padding-top:45px;padding-bottom:40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer .brand{font-size:0.875rem}.footer .brand small{font-size:0.875rem;letter-spacing:1px}.footer .monogram{font-size:2.125rem}.footer>div{display:flex;gap:24px;font-size:0.875rem;color:#4d5b70}.footer>div>a:hover{color:var(--ink)}.skip{position:absolute;left:20px;top:-100px;background:var(--blue);color:white;padding:15px;z-index:10}.skip:focus{top:10px}.breadcrumb{display:flex;gap:13px;font-size:0.875rem;color:#4d5b70;padding-top:26px}.breadcrumb a:hover{text-decoration:underline}.service-hero{display:grid;grid-template-columns:1.55fr 1fr;gap:85px;padding-top:45px;padding-bottom:69px}.service-hero h1{font-size:clamp(45px,5vw,69px);margin:21px 0}.service-hero .tags{margin-top:26px}.scope-note{background:#eaf5ff;border:1px solid #cfe5fa;border-radius:8px;align-self:center;padding:29px}.scope-note .eyebrow{font-size:0.875rem}.scope-note>p{font-size:1.5625rem;letter-spacing:-.8px;line-height:1.6;color:#263b59;margin-top:28px}.scope-bottom{display:flex;justify-content:space-between;border-top:1px solid #cfe5fa;padding-top:23px;font-size:0.875rem;letter-spacing:.7px;color:#4d5b70}.service-content{border-top:1px solid var(--line)}.service-content .section-heading{grid-template-columns:1fr 1fr}.service-content .section-heading p{max-width:none}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.feature-grid article{border-top:1px solid var(--line);padding:27px 0 19px}.feature-grid h3{font-size:1.3125rem;margin:15px 0 12px}.feature-grid p{font-size:0.875rem}.example-section{padding:70px 0;background:#eaf5ff}.example-section h2{margin-top:16px;margin-bottom:32px}.example-section .workflow{max-width:810px;margin:auto}.example-section .flow-stage{padding:35px 45px;gap:18px}.example-section .flow-node{padding:24px 10px}.example-section .flow-node strong{font-size:1rem}.example-section .flow-node small{font-size:0.875rem}.example-section .workflow-head,.example-section .flow-bottom{font-size:0.875rem}.example-caption{font-size:0.875rem;max-width:720px;margin:23px auto 0;text-align:center}.deliverables{display:grid;grid-template-columns:1fr 1fr;gap:100px}.deliverables h2{margin:18px 0 23px}.deliverables p{font-size:0.875rem}.deliverables aside{padding:30px;background:#eaf5ff;border:1px solid var(--line);border-radius:6px}.deliverables aside h3{margin:15px 0}.deliverables ul{list-style:none;padding:0;margin:0 0 22px}.deliverables li{padding:11px 0 11px 20px;font-size:0.875rem;color:var(--muted);line-height:1.7;border-bottom:1px solid #cfe5fa;position:relative}.deliverables li:before{content:'↳';position:absolute;left:0;color:#064eea}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:75px;border-top:1px solid var(--line);padding-top:65px;padding-bottom:55px}.faq-section h2{margin-top:17px}.faq-section details{border-bottom:1px solid var(--line)}.faq-section summary{cursor:pointer;list-style:none;font-size:1rem;padding:21px 0;display:flex;justify-content:space-between;gap:25px;line-height:1.6}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary span{font-size:1.25rem;color:#4d5b70}.faq-section details[open] summary span{transform:rotate(45deg)}.faq-section details p{font-size:0.875rem;max-width:95%}.related .service-grid{grid-template-columns:repeat(2,1fr)}.not-found{padding-top:80px;padding-bottom:120px}.not-found h1{margin:20px 0}.not-found p{margin-top:30px}
@media(min-width:1450px){.hero{padding-top:90px;padding-bottom:100px}.header{height:125px}}
@media(max-width:1050px){.wrap{padding-left:30px;padding-right:30px}.header nav{gap:20px}.hero{gap:30px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:0.875rem}.flow-stage{padding-left:10px;padding-right:10px;gap:5px}.flow-node small{font-size:0.875rem}.flow-node strong{font-size:0.875rem}.tech-band .wrap>div{gap:20px;font-size:1rem}.section-heading{gap:35px}.service-card{padding:23px 19px}.service-card h3{font-size:1.1875rem}.about-grid{gap:60px}.contact{margin-left:30px;margin-right:30px}.service-hero{gap:45px}.deliverables{gap:55px}}
@media(max-width:760px){.header{height:90px;gap:16px}.brand{font-size:0.875rem;gap:10px}.brand small{font-size:0.875rem;letter-spacing:1px}.monogram{font-size:2.1875rem}.header nav{display:none}.header .button{font-size:0.875rem;padding:11px 13px;gap:12px}.hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:45px;gap:32px}.hero h1{font-size:clamp(43px,8.5vw,66px)}.lead{font-size:1.125rem}.hero-note{margin-top:28px;padding-top:20px}.hero-visual{max-width:530px;width:100%;margin:0 auto;padding-top:10px}.flow-node strong{font-size:0.875rem}.flow-node small{font-size:0.875rem}.flow-stage{padding:35px 18px;gap:9px}.visual-bottom{margin-top:25px}.tech-band>.wrap{align-items:start;flex-direction:column;gap:19px;padding-top:25px;padding-bottom:25px}.tech-band .wrap>div{flex-wrap:wrap;justify-content:flex-start;gap:15px 26px;font-size:1.125rem}.section{padding-top:55px;padding-bottom:55px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:27px}.section-heading>p{max-width:470px}.service-grid{grid-template-columns:1fr}.service-card{padding:25px}.card-top{margin-bottom:20px}.service-card h3{font-size:1.5rem}.service-card p{font-size:1rem}.tags>span{font-size:0.875rem}.service-card .text-link{font-size:0.875rem}.about-grid{grid-template-columns:1fr;gap:24px;padding-top:55px;padding-bottom:50px}.signature{margin-top:25px;font-size:2.25rem}.about-copy .large{font-size:1.1875rem}.about-copy p{font-size:1rem}.about-points strong{font-size:0.875rem}.about-points span{font-size:0.875rem}.process-grid{grid-template-columns:1fr;gap:18px}.process-grid article{display:grid;grid-template-columns:30px 1fr;gap:0 12px;padding-top:20px}.process-grid article>span{grid-row:span 2;padding-top:5px}.process-grid h3{margin:0 0 12px;font-size:1.3125rem}.process-grid p{max-width:none;font-size:1rem}.contact{flex-direction:column;align-items:start;padding:35px 27px;gap:25px}.contact h2{font-size:2.25rem}.contact p{font-size:0.875rem}.contact>div:last-child p{text-align:left;max-width:270px}.contact .button{font-size:0.875rem;padding:15px 17px;gap:15px}.footer{align-items:start;flex-direction:column;gap:26px;padding-top:35px;padding-bottom:30px}.footer>div{flex-wrap:wrap;gap:17px;font-size:0.875rem}.footer .brand{font-size:0.875rem}.service-hero{grid-template-columns:1fr;gap:30px;padding-top:30px;padding-bottom:45px}.service-hero h1{font-size:3rem}.scope-note{padding:23px}.scope-note>p{font-size:1.4375rem;margin-top:16px}.service-content .section-heading{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.feature-grid p{font-size:1rem}.example-section{padding:45px 0}.example-section .flow-stage{padding:27px 10px;gap:5px}.example-section .flow-node{padding:15px 3px}.example-section .flow-node strong{font-size:0.875rem}.example-section .flow-node small{font-size:0.875rem}.example-section .workflow-head,.example-section .flow-bottom{font-size:0.875rem}.example-caption{font-size:0.875rem}.deliverables{grid-template-columns:1fr;gap:25px}.deliverables p{font-size:1rem}.deliverables li{font-size:0.875rem}.faq-section{grid-template-columns:1fr;gap:20px}.faq-section details p{font-size:1rem}.related .service-grid{grid-template-columns:1fr}}
@media(max-width:390px){.wrap{padding-left:20px;padding-right:20px}.hero h1{font-size:2.625rem}.hero-actions{gap:17px}.hero-actions .button{padding:16px;gap:18px;font-size:0.875rem}.hero-actions .text-link{font-size:0.875rem;gap:6px}.contact{margin-left:20px;margin-right:20px}.flow-node strong{font-size:0.875rem}.flow-node small{font-size:0.875rem}.workflow-head{font-size:0.875rem;padding:13px 10px}.flow-label{font-size:0.875rem}.flow-bottom{font-size:0.875rem;padding:13px 10px}.service-hero h1{font-size:2.5625rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* Comfortable reading sizes across all pages, including supporting copy. */
body{font-size:1.125rem;line-height:1.7}
.lead{font-size:1.25rem;line-height:1.7}
.section-heading>p,.service-card p,.about-copy p,.process-grid p,
.feature-grid p,.deliverables p,.deliverables li,.faq-section details p,
.contact p,.not-found p{font-size:1.125rem;line-height:1.75}
.about-copy .large{font-size:1.375rem;line-height:1.65}
.header nav,.button,.header .button,.hero-actions .text-link,.text-link,
.service-card .text-link,.about-copy .text-link,.contact .button{font-size:1rem;line-height:1.6}
.brand,.footer .brand{font-size:1rem}
.brand small,.footer .brand small{font-size:.875rem;letter-spacing:.075em}
.eyebrow,.tech-band .eyebrow,.contact .eyebrow,.scope-note .eyebrow,
.visual-label,.workflow-head,.flow-label,.flow-bottom,.example-section .workflow-head,
.example-section .flow-bottom,.tags>span,.number,.location,.scope-bottom,
.code-note,.hero-note,.visual-bottom,.footer>div,.breadcrumb,
.example-caption,.contact>div:last-child p{font-size:.875rem;line-height:1.65}
.hero-note{font-size:1rem}
.about-points strong{font-size:1.0625rem;line-height:1.6}
.about-points span{font-size:1rem;line-height:1.6;display:block}
.faq-section summary{font-size:1.125rem;line-height:1.65;padding:24px 0}
.hero-actions{flex-wrap:wrap;gap:20px 26px}
.hero-visual{min-width:0}
.hero-workflow{transform:none}
.workflow-head{flex-wrap:wrap;letter-spacing:.04em;gap:12px;padding:18px}
.workflow-head>span:nth-child(2){flex:1;min-width:150px}
.flow-stage{gap:8px;padding:30px 16px;align-items:stretch}
.flow-node{padding:20px 10px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.flow-node strong,.example-section .flow-node strong{font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
.flow-node small,.example-section .flow-node small{font-size:.875rem;line-height:1.6;white-space:normal;color:#4d5b70}
.central{transform:none}
.central small,.example-section .central small{color:#dfedff}
.node-icon{width:46px;height:46px;flex-shrink:0;white-space:nowrap;font-size:1.5rem}
.connector{align-self:center;flex-shrink:0}
.flow-bottom{flex-wrap:wrap;gap:10px;padding:17px 18px}
.visual-bottom{flex-wrap:wrap;gap:14px;justify-content:space-between;color:var(--muted)}
.visual-bottom span+span{padding-left:14px}
.code-note,.number,.tech-band .eyebrow,.tech-band .wrap>div,.location,
.scope-bottom,.footer>div,.breadcrumb,.tags>span{color:#4d5b70}
.tech-band>.wrap{flex-wrap:wrap;padding-top:24px;padding-bottom:24px}
.tech-band .wrap>div{flex-wrap:wrap;gap:18px 30px;font-size:1.125rem;line-height:1.6}
.tags{gap:8px}.tags>span{padding:7px 10px}
.service-card{padding:30px 25px}
.service-card h3{font-size:1.5rem;line-height:1.35}
.service-card .text-link{gap:15px}
.process-grid h3,.feature-grid h3{font-size:1.5rem;line-height:1.4}
.process-grid p{max-width:none}
.contact>div:last-child{max-width:390px}
.contact .eyebrow{color:#dfedff}
.contact p,.contact>div:last-child p{color:#dfedff}
.footer{align-items:flex-start;flex-wrap:wrap;gap:32px}
.footer>div{flex-wrap:wrap;line-height:1.8;gap:16px 24px;max-width:440px}
.footer .brand small{max-width:280px;letter-spacing:.04em}
.scope-bottom{flex-wrap:wrap;gap:16px}
.scope-note>p{font-size:1.5rem}
@media(max-width:1100px){
 .hero{grid-template-columns:1fr;gap:38px}
 .hero-copy{max-width:760px}.lead{max-width:650px}
 .hero-visual{width:100%;max-width:760px;margin:auto}
 .hero-workflow .flow-stage{padding:32px 25px;gap:16px}
 .header nav{gap:18px}
 .brand small{letter-spacing:.03em}
 .section-heading{gap:35px}
 .contact{flex-wrap:wrap}
}
@media(max-width:900px){
 .service-grid{grid-template-columns:1fr}
 .service-card{padding:30px}
 .header nav{display:none}
 .about-grid,.deliverables,.service-hero,.faq-section{grid-template-columns:1fr;gap:32px}
 .process-grid{grid-template-columns:1fr;gap:25px}
 .section-heading{grid-template-columns:1fr;gap:22px}
 .service-content .section-heading{grid-template-columns:1fr}
 .section-heading>p{max-width:650px}
 .service-hero .lead{max-width:650px}
 .related .service-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
 .wrap{padding-left:24px;padding-right:24px}
 .header{height:auto;min-height:110px;padding-top:18px;padding-bottom:18px;gap:14px}
 .brand{gap:10px;line-height:1.4}
 .brand small{max-width:170px;font-size:.875rem;letter-spacing:0}
 .header .button{padding:12px;gap:10px;font-size:1rem;flex-shrink:0}
 .header .brand{min-width:0}
 .monogram{flex-shrink:0}
 .lead{font-size:1.125rem}
 .hero-actions{align-items:flex-start;flex-direction:column;gap:20px}
 .hero-actions .button,.hero-actions .text-link{font-size:1rem}
 .hero-note{font-size:1rem}
 .hero h1{font-size:clamp(2.5rem,9vw,3.75rem)}
 .service-hero h1{font-size:clamp(2.375rem,9vw,3rem)}
 .flow-stage,.example-section .flow-stage,.hero-workflow .flow-stage{flex-direction:column;align-items:center;padding:26px 20px;gap:14px}
 .flow-node,.example-section .flow-node{width:100%;padding:22px 16px}
 .flow-node strong,.example-section .flow-node strong{font-size:1.125rem}
 .flow-node small,.example-section .flow-node small{font-size:1rem}
 .connector{transform:rotate(90deg);font-size:1.5rem;line-height:1}
 .workflow-head{padding:17px 15px;gap:10px}
 .workflow-head>span:nth-child(2){min-width:160px}
 .flow-bottom{padding:17px 15px}
 .visual-bottom{justify-content:flex-start;gap:12px 18px}
 .visual-bottom span+span{border-left:0;padding-left:0}
 .example-caption{text-align:left;font-size:1rem}
 .feature-grid{grid-template-columns:1fr}
 .about-points{grid-template-columns:1fr;gap:24px}
 .tech-band .eyebrow{white-space:normal}
 .tech-band .wrap>div{font-size:1.125rem;gap:16px 24px}
 .contact{margin-left:24px;margin-right:24px;padding-left:24px;padding-right:24px}
 .contact .button{gap:14px;padding:16px;font-size:1rem;max-width:100%}
 .contact>div:last-child p{font-size:1rem;text-align:left}
 .footer .brand small{max-width:240px}
 .footer>div{font-size:.875rem}
 .breadcrumb{flex-wrap:wrap;gap:8px 12px}
}
@media(max-width:359px){
 .header{flex-wrap:wrap;gap:16px}
 .header .brand{width:100%}
 .contact .button{font-size:1rem}
}

/* Brand palette drawn from the API integration gig artwork. */
:root{--paper:#f6faff;--ink:#090d22;--muted:#4d5b70;--blue:#064eea;--yellow:#ffe529;--line:#cfe5fa;--soft:#eaf5ff}
body{background:linear-gradient(125deg,#fff 0%,#f2f9ff 48%,#e7f4ff 100%);background-attachment:fixed}
h1{font-weight:700;letter-spacing:-.045em}
h2,h3{font-weight:700;letter-spacing:-.035em}
.hero h1>span,.service-hero h1>span{color:var(--blue)}
.hero h1>span{background:linear-gradient(transparent 86%,var(--yellow) 86%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.header{border-bottom:1px solid #d8eaff}
.brand{font-weight:700}.brand small{font-weight:600}
.monogram{color:var(--blue)}.monogram>span{color:#e6b800}
.header nav a{font-weight:600;color:#263b59}
.header nav a:hover{color:var(--blue)}
.button{background:var(--blue);font-weight:700;border-radius:9px;box-shadow:0 5px 15px #0750ea18}
.button:hover{background:#033dc2}
.hero-actions>.button{background:var(--yellow);color:var(--ink);box-shadow:0 5px 14px #ddbc0018}
.hero-actions>.button:hover{background:#ffed70}
.text-link{color:#0645ce;font-weight:600}
.eyebrow{font-weight:700;letter-spacing:.09em;color:#263b59}
.eyebrow i{background:var(--yellow);box-shadow:0 0 0 3px #064eea14}
.hero-note strong{font-weight:700}
.visual-label{font-weight:600;color:#31547b}
.workflow{background:#eaf6ff;border:1px solid #bfddff;box-shadow:0 12px 35px #155ed510;border-radius:14px}
.workflow-head{background:#f8fcff;border-bottom-color:#cfe5fa;color:#304c70}
.flow-label{color:var(--blue);background:white;border:1px solid #cce2ff;font-weight:700;border-radius:6px}
.flow-stage{background-image:radial-gradient(#78c4ee66 1px,transparent 1px);background-size:18px 18px}
.flow-node{background:#fff;border-color:#c7e3ff;box-shadow:0 5px 13px #0750ea0c;border-radius:12px}
.flow-node strong{font-weight:700}
.node-icon,.service-icon{color:var(--blue);background:#e6f3ff;border-radius:11px;font-weight:700}
.central{background:var(--blue);border-color:var(--blue);box-shadow:0 8px 18px #064eea26}
.central .node-icon{background:var(--yellow);color:#0645ce}
.central strong{color:white}.central small,.example-section .central small{color:#e6f3ff}
.connector{color:#0989db;font-weight:700}
.flow-bottom{background:#fff;color:#4d5b70;border-top-color:#cfe5fa}
.flow-bottom i{background:#078ddf}
.tech-band{background:#ffffffb3;border-color:#d5e8ff}
.tech-band .wrap>div{font-weight:600;color:#304c70}
.service-card{border-color:#c7e3ff;background:#fff;border-radius:12px;box-shadow:0 5px 18px #0750ea06}
.service-card:hover{border-color:#73b9ff;box-shadow:0 10px 25px #0750ea14}
.service-card .card-top{border-top:4px solid var(--blue);padding-top:24px;margin-top:-5px}
.service-card h3 a:hover{color:var(--blue)}
.tags>span{color:#194d94;background:#eaf5ff;border:1px solid #d5eaff;border-radius:6px;font-weight:500}
.service-card .text-link{border-top-color:#d5e8ff}
.about-section{background:linear-gradient(115deg,#eef7ff,#e2f2ff);border-color:#cce3ff}
.signature{font-family:'Inter',Arial,sans-serif;font-style:normal;font-weight:700;color:var(--blue)}
.signature span{color:#d6a900}
.about-copy .large{color:#263b59}
.about-points strong{font-weight:700}
.process-grid article{border-top:3px solid #b3d8ff}
.process-grid article>span{color:#0645ce;font-weight:700}
.contact{background:linear-gradient(115deg,#064eea,#0637ad);box-shadow:0 12px 35px #064eea1a;border:1px solid #2768ef;border-radius:14px}
.contact h2{color:white}
.contact .eyebrow{color:var(--yellow)}
.contact p,.contact>div:last-child p{color:#e5f1ff}
.button.light{background:var(--yellow);color:var(--ink);box-shadow:none}
.button.light:hover{background:#ffed70}
.contact .text-link{color:var(--yellow)}
.scope-note{background:linear-gradient(125deg,#eaf6ff,#d7ecff);border-color:#bdddff;border-radius:12px;box-shadow:0 8px 24px #0750ea08}
.scope-note>p{color:#16345f;font-weight:600}
.scope-bottom{border-top-color:#b8d8fa;color:#31547b;font-weight:600}
.example-section{background:linear-gradient(125deg,#eaf6ff,#ddf0ff)}
.deliverables aside{background:#edf7ff;border-color:#c7e3ff;border-radius:12px}
.deliverables li{border-bottom-color:#cfe5fa}
.deliverables li:before{color:var(--blue)}
.faq-section summary{font-weight:600}.faq-section summary span{color:var(--blue)}
.footer>div{color:#4d5b70}
.footer .brand small{color:#304c70}
a:focus-visible,summary:focus-visible{outline:3px solid #064eea;outline-offset:5px}
.contact a:focus-visible{outline-color:var(--yellow)}
@media(max-width:600px){.hero h1>span{background:linear-gradient(transparent 88%,var(--yellow) 88%)}.service-card .card-top{padding-top:20px}}