/* Presença palette: approved application tokens, mirrored for an independent static site. */
:root{--background:#fff;--foreground:#24354c;--canvas:#f3f6fa;--primary:#3868a8;--primary-foreground:#fff;--secondary:#edf3fc;--secondary-foreground:#315f99;--muted-foreground:#60718a;--border:#dde5ef;--ring:#3868a8;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:auto;scroll-padding-top:2rem}
body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:.25em}
a:hover{color:var(--primary)}
a:focus-visible{outline:3px solid var(--ring);outline-offset:5px;border-radius:4px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.16;letter-spacing:-.04em;font-weight:600;text-wrap:balance;overflow-wrap:anywhere}
p{overflow-wrap:anywhere}
.wrapper{width:min(100% - 3rem,76rem);margin-inline:auto}
.skip-link{position:fixed;left:1rem;top:1rem;transform:translateY(-200%);z-index:10;background:var(--background);padding:.75rem 1rem;border:2px solid var(--primary)}
.skip-link:focus{transform:none}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:6rem;border-bottom:1px solid var(--border)}
.brand{display:inline-flex;align-items:center;gap:.65rem;font-size:1.25rem;font-weight:650;letter-spacing:-.04em;text-decoration:none;min-height:44px;white-space:nowrap}
.brand-mark{display:block;width:2rem;height:2rem;flex:none;background:var(--primary);mask:url('/assets/brand.svg') center/contain no-repeat}
.header-nav{display:flex;align-items:center;gap:2rem;font-size:.875rem}
.header-nav a,.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.35rem;border:1px solid var(--primary);border-radius:.625rem;background:var(--primary);color:var(--primary-foreground);font-size:.875rem;font-weight:600;line-height:1.4;text-align:center;text-decoration:none}
.button:hover{background:var(--secondary-foreground);border-color:var(--secondary-foreground);color:var(--primary-foreground)}
.button-outline{background:transparent;color:var(--foreground);border-color:var(--border)}
.button-outline:hover{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--border)}
.eyebrow{font-size:.75rem;font-weight:650;letter-spacing:.13em;line-height:1.5;color:var(--muted-foreground)}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:2rem;align-items:center;padding-block:6.5rem 7rem}
.hero-copy{position:relative;z-index:1}
.hero h1{font-size:clamp(2.9rem,4.5vw,4.3rem);margin-top:1.5rem;line-height:1.12}
.hero h1 span{color:var(--primary)}
.hero-description{font-size:1.125rem;color:var(--muted-foreground);max-width:31rem;margin-top:1.75rem}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:2rem}
.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;font-weight:600;color:var(--primary)}
.hero-note{margin-top:1.1rem;color:var(--muted-foreground);font-size:.875rem}
.hero-art{background:var(--canvas);border-radius:1.5rem;overflow:hidden;aspect-ratio:1.2;min-width:0}
.hero-art img{width:100%;height:100%;object-fit:cover}
/* Static agent configuration illustration and product storytelling. */
.agent-preview{min-width:0;background:var(--canvas);border:1px solid var(--border);border-radius:1.25rem;padding:2rem;box-shadow:0 1.5rem 4rem -3rem var(--primary)}
.preview-label{font-size:.6875rem;font-weight:650;letter-spacing:.1em;color:var(--muted-foreground)}
.preview-identity{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}
.agent-monogram{display:grid;place-items:center;width:3.5rem;height:3.5rem;flex:none;border-radius:1rem;background:var(--primary);color:var(--primary-foreground);font-weight:600}
.preview-name{font-size:1.125rem;font-weight:600;line-height:1.4}
.preview-role{font-size:.875rem;color:var(--muted-foreground);margin-top:.3rem}
.preview-instruction{margin-top:1.75rem;padding:1.25rem;background:var(--background);border:1px solid var(--border);border-radius:.75rem}
.preview-instruction>p:last-child{font-size:.9375rem;margin-top:.75rem}
.preview-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}
.preview-capabilities div{min-width:0;overflow-wrap:anywhere}
.preview-capabilities span{display:block;font-size:.75rem;color:var(--muted-foreground)}
.preview-capabilities strong{display:block;font-size:.875rem;font-weight:600;line-height:1.5;margin-top:.25rem}
.preview-caption{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--muted-foreground)}
.positioning{padding:2.5rem 3rem;background:var(--secondary);border-radius:1rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem 3rem;align-items:center}
.positioning>.eyebrow{grid-column:1/-1}
.positioning h2{font-size:clamp(1.65rem,2.4vw,2.1rem)}
.positioning>p:last-child{color:var(--muted-foreground)}
.home .possibilities{border-top:0}
.teaching,.integrations,.future{padding-block:5rem;border-top:1px solid var(--border)}
.teaching-steps{list-style:none;padding:0;margin:2.5rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.teaching-steps li{display:flex;align-items:flex-start;gap:1rem}
.teaching-steps li>span{color:var(--primary);font-size:.875rem;padding-top:.15rem}
.teaching-steps h3{font-size:1.15rem;letter-spacing:-.025em}
.teaching-steps p{margin-top:.75rem;color:var(--muted-foreground)}
.section-note{font-size:.875rem;line-height:1.6;color:var(--muted-foreground);margin-top:2rem;max-width:55rem}
.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2.5rem}
.integration-card{min-width:0;padding:1.75rem;border:1px solid var(--border);border-radius:1rem}
.integration-card.current{grid-column:1/-1;background:var(--canvas)}
.integration-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}
.integration-heading h3{font-size:1.25rem;letter-spacing:-.025em}
.status-label{padding:.25rem .6rem;background:var(--secondary);color:var(--secondary-foreground);border-radius:.375rem;font-size:.75rem;white-space:nowrap}
.status-label.planned{background:var(--canvas);color:var(--muted-foreground)}
.integration-card>p{margin-top:1rem;max-width:52rem;color:var(--muted-foreground)}
.integration-card .integration-note{font-size:.875rem;color:var(--foreground)}
.future-example{display:grid;grid-template-columns:1.25fr 1fr;gap:3rem;align-items:center;padding:2rem;margin-top:2.5rem;border:1px solid var(--border);border-radius:1rem;background:var(--canvas)}
.future-example h3{font-size:1.4rem;margin-top:.75rem}
.future-example div>p:last-child{margin-top:1rem;color:var(--muted-foreground)}
.future-example>.section-note{margin-top:0}
.possibilities{border-top:1px solid var(--border);padding-block:5rem 5.5rem}
.section-heading{max-width:47rem}
.section-heading h2,.working-together h2,.closing h2{font-size:clamp(1.85rem,3vw,2.6rem);margin-top:1.1rem}
.section-heading>p:last-child{color:var(--muted-foreground);max-width:41rem;margin-top:1.3rem}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3.5rem}
.feature-number{display:block;color:var(--primary);font-size:.875rem;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.feature-grid h3{font-size:1.25rem;letter-spacing:-.025em;margin-top:1rem}
.feature-grid p{color:var(--muted-foreground);margin-top:1rem}
.working-together{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding:3.5rem 4rem;background:var(--canvas);border-radius:1rem}
.working-description p+p{margin-top:1rem}
.working-description .text-link{margin-top:1rem}
.closing{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding-block:6rem}
.closing h2{font-size:clamp(1.8rem,2.5vw,2.25rem)}
.closing .button{flex-shrink:0}
.site-footer{padding-block:2rem 2.5rem;border-top:1px solid var(--border)}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}
.site-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;min-width:0;gap:.25rem 1.75rem;font-size:.875rem}
.document{background:var(--canvas)}
.document .site-header{border-bottom:0}
.document-shell{width:min(100% - 3rem,52rem);margin:2.5rem auto 4rem;padding:3rem;background:var(--background);border:1px solid var(--border);border-radius:1rem}
.document-shell h1{font-size:clamp(2rem,4vw,2.75rem)}
.document-description{color:var(--muted-foreground);margin-top:1rem}
.document-version{color:var(--muted-foreground);font-size:.75rem;margin-top:.75rem}
.document-body{margin-top:2.5rem}
.document-body section+section{margin-top:2rem}
.document-body h2{font-size:1.25rem;letter-spacing:-.02em;line-height:1.4;margin-bottom:.75rem}
.document-body p+p{margin-top:.85rem}
.document-body a{color:var(--primary)}
.document .site-footer{max-width:52rem}
.not-found{min-height:55vh;padding-block:5rem}
.not-found h1{font-size:2.5rem;margin-top:1rem}
.not-found p{margin-top:1rem}
.not-found .button{margin-top:2rem}
@media(max-width:1000px){.header-nav{gap:1rem}.hero{gap:1.5rem;padding-block:4rem}.hero h1{font-size:clamp(2.75rem,5.2vw,3.7rem)}.feature-grid{gap:1.75rem}.working-together{padding:2.5rem;gap:2.5rem}}
@media(max-width:767px){.wrapper{width:calc(100% - 2rem)}.site-header{min-height:5.5rem;gap:1rem;flex-wrap:wrap;padding-block:1rem}.brand{font-size:1.1rem;gap:.5rem}.brand-mark{width:1.6rem;height:1.6rem}.site-header>.button{font-size:.8125rem;padding:.65rem .8rem;min-height:44px}.header-nav{display:none}.hero{grid-template-columns:1fr;padding-block:3rem;gap:2.5rem}.hero h1{font-size:clamp(2.7rem,8vw,3.5rem);margin-top:1.2rem}.hero-description{font-size:1rem;margin-top:1.25rem}.hero-actions{margin-top:1.5rem;gap:.75rem}.hero-art{max-width:32rem;width:100%;margin-inline:auto}.possibilities{padding-block:3rem}.feature-grid{grid-template-columns:1fr;gap:2rem;margin-top:2.5rem}.feature-grid article{border-top:1px solid var(--border);padding-top:1.5rem}.feature-grid h3{margin-top:.75rem}.feature-grid p{margin-top:.75rem}.working-together{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1.5rem}.closing{flex-direction:column;align-items:flex-start;padding-block:3rem;gap:1.5rem}.footer-top{gap:1rem}.site-footer .brand>span:last-child{display:none}.site-footer nav{gap:.25rem .75rem}.document-shell{width:calc(100% - 2rem);margin-top:1rem;margin-bottom:2rem;padding:1.5rem}.document-body{margin-top:2rem}.document-body h2{overflow-wrap:anywhere}.document .header-nav{display:none}}
@media(max-width:767px){.agent-preview{padding:1.25rem}.positioning{grid-template-columns:1fr;padding:2rem 1.5rem;gap:1rem}.teaching,.integrations,.future{padding-block:3rem}.teaching-steps{grid-template-columns:1fr;gap:1.75rem}.integration-grid{grid-template-columns:1fr}.integration-card{padding:1.5rem}.future-example{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.preview-identity{gap:.75rem}.preview-capabilities{gap:.75rem}.header-nav{gap:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}