:root {
  --ink:#071317; --ink-2:#10262c; --teal:#50e3ed; --teal-dark:#087b86;
  --paper:#f4f7f6; --text:#1b3035; --muted:#60777c; --line:#d1dfdc;
  --sans:'IBM Plex Sans',Arial,sans-serif; --display:'Archivo',Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font:16px/1.55 var(--sans);color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.2}
h1{font-size:clamp(2.4rem,3.7vw,3.6rem);letter-spacing:-.045em;line-height:1.08;max-width:580px}
h1 span{color:var(--teal)}
h2{font-size:clamp(1.7rem,2.5vw,2.35rem);letter-spacing:-.035em;max-width:680px}
h2 span{color:var(--teal-dark)}
h3{font-size:1.12rem;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid var(--teal-dark);outline-offset:5px}
img{display:block;max-width:100%}
::selection{background:var(--teal);color:var(--ink)}
[hidden]{display:none!important}
.shell{width:min(100% - 112px,1200px);margin-inline:auto}
.dark{background:var(--ink);color:#f2f8f7}
.light{background:var(--paper)}
.eyebrow{font-size:.69rem;font-weight:600;letter-spacing:.12em;color:var(--teal-dark)}
.dark .eyebrow{color:#99b6bb}
.dark h2 span{color:var(--teal)}
.skip{position:fixed;top:-90px;left:20px;z-index:50;background:var(--teal);padding:12px;color:var(--ink)}
.skip:focus{top:12px}
.header{position:sticky;top:0;z-index:20;background:#071317f5;color:#f2f8f7;border-bottom:1px solid #294149;backdrop-filter:blur(14px)}
.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;font:600 1.25rem var(--display);letter-spacing:.06em;white-space:nowrap}
nav{display:flex;align-items:center;gap:25px;font-size:.83rem}
nav a:not(.button):hover,.footer a:hover{color:var(--teal)}
.login{color:#adc4c8}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 22px;min-height:52px;background:var(--teal);color:var(--ink);font-size:.92rem;font-weight:600;border:1px solid var(--teal);border-radius:3px;transition:background .15s}
.button:hover{background:#a1f5f7}
.button span{font-size:1.2rem}
.button.compact{min-height:42px;padding:9px 15px;font-size:.8rem;gap:14px}
.text-link{display:inline-flex;align-items:center;gap:14px;font-size:.86rem;padding-block:8px;border-bottom:1px solid #6d9198}
.text-link:hover{color:var(--teal)}
.menu-toggle{display:none;color:#edf7f6;background:transparent;border:1px solid #456168;padding:9px 12px;border-radius:3px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding-block:54px}
.hero h1{margin:19px 0 24px}
.hero-description{font-size:1.1rem;max-width:500px;color:#e0eceb;line-height:1.65}
.hero-support{font-size:.94rem;max-width:490px;margin-top:15px;color:#a8c1c4}
.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:29px}
.comparison,.routine,.team,.intelligence{padding-block:62px}
.section-heading{margin-bottom:30px}
.section-heading .eyebrow{margin-bottom:13px}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.compare-card{padding:25px 28px;border:1px solid var(--line);border-radius:4px}
.compare-card h3{padding-bottom:16px;border-bottom:1px solid var(--line);font-size:1rem}
.compare-card ul,.role ul{list-style:none;padding:0;margin:15px 0 0;display:grid;gap:10px;font-size:.91rem}
.compare-card li,.role li{position:relative;padding-left:23px}
.compare-card li:before,.role li:before{position:absolute;left:0;content:'—';color:#8a9c9e}
.before{color:#64767c}
.after{background:#e9f2f0;border-color:#aecdc7}
.after h3{color:#076e78}
.after li:before{content:'✓';color:var(--teal-dark)}
.routine{border-top:1px solid var(--line)}
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:0;margin:0}
.steps li{border-top:2px solid #acd0cb;padding-top:17px}
.step-number{font:500 .82rem var(--display);color:var(--teal-dark)}
.steps h3{margin:13px 0 9px}
.steps p{font-size:.9rem;color:var(--muted);max-width:310px}
.starter-note{margin-top:30px;font-size:.86rem;color:var(--muted);border-left:2px solid var(--teal-dark);padding-left:17px;max-width:840px}
.starter-note strong{color:var(--text);font-weight:500}
.roles{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.role{border-top:1px solid #29484e;padding-top:23px}
.role-title{display:flex;gap:12px;align-items:center}
.role-icon{display:grid;place-items:center;border:1px solid #35545c;border-radius:4px;width:35px;height:35px;font-size:1.3rem;color:var(--teal)}
.role ul{color:#acc4c8;gap:12px;margin-top:20px}
.role li:before{content:'✓';color:var(--teal)}
.ai-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}
.ai-grid .eyebrow{margin-bottom:15px}
.ai-description{margin-top:18px;max-width:520px;font-size:.96rem;color:var(--muted)}
.memory-note{border-left:1px solid #a8cac5;padding:10px 0 10px 35px}
.memory-mark{font-size:1.65rem;color:var(--teal-dark)}
.memory-note p{font:400 1.12rem/1.65 var(--display);margin-top:10px}
.memory-note strong{font-weight:600;color:var(--teal-dark)}
.memory-note small{display:block;margin-top:15px;font-size:.75rem;color:var(--muted)}
.final-cta{margin-top:45px;padding-top:35px;text-align:center;border-top:1px solid var(--line)}
.final-cta h3{font-size:clamp(1.3rem,2vw,1.75rem);max-width:680px;margin:auto}
.final-cta .button{margin-top:22px;min-width:270px}
.final-cta p{font-size:.8rem;color:var(--muted);margin-top:13px}
.footer .shell{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px}
.footer .brand{font-size:1rem}
.footer span,.footer>a,.footer .shell>a:last-child{font-size:.75rem;color:#a0b9bd}
@media(max-width:1050px){
  nav{gap:17px}.hero-grid{gap:35px}
  .roles{gap:28px}.ai-grid{gap:35px}
}
@media(max-width:850px){
  .shell{width:calc(100% - 48px)}
  .menu-toggle{display:block}
  nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--ink);padding:18px 24px 24px;border-bottom:1px solid #35545c;flex-direction:column;align-items:stretch;gap:8px}
  nav.open{display:flex}nav>a{padding-block:10px}nav .button{margin-top:6px}
  .hero-grid{grid-template-columns:1fr 1fr;gap:25px}


  .actions{align-items:flex-start;flex-direction:column;gap:12px}
  .comparison,.routine,.team,.intelligence{padding-block:48px}
  .compare-card{padding:21px}.steps{gap:22px}
}
@media(max-width:600px){
  .shell{width:calc(100% - 40px)}
  .nav-wrap{min-height:68px}nav{top:68px}
  .hero-grid{grid-template-columns:1fr;gap:30px;padding-block:35px}
  h1{font-size:2.45rem;max-width:340px}
  h2{font-size:1.8rem;letter-spacing:-.035em}
  .hero h1{margin:16px 0 20px}
  .hero-description{font-size:1rem}
  .hero-support{font-size:.9rem;margin-top:12px}
  .actions{margin-top:22px}.actions .button{width:100%}



  .comparison-grid,.roles,.ai-grid{grid-template-columns:1fr;gap:20px}
  .section-heading{margin-bottom:25px}
  .compare-card{padding:20px}.compare-card ul{gap:9px;font-size:.875rem}
  .steps{grid-template-columns:1fr;gap:23px}
  .steps li{display:grid;grid-template-columns:32px 1fr;gap:8px 12px;padding-top:16px}
  .step-number{grid-row:1/3;padding-top:3px}
  .steps h3{margin:0}.steps p{grid-column:2;max-width:none}
  .starter-note{margin-top:26px}
  .role{padding-top:20px}.role ul{margin-top:15px;gap:10px;font-size:.9rem}
  .memory-note{padding:8px 0 8px 20px;margin-top:8px}
  .memory-mark{display:none}
  .memory-note p{margin-top:0;font-size:1rem}
  .ai-description{font-size:.91rem}
  .final-cta{margin-top:30px;padding-top:27px}
  .final-cta .button{width:100%;min-width:0}
  .footer .shell{flex-wrap:wrap;gap:15px;padding-block:25px}
  .footer span{order:3;flex-basis:100%}

}
.hero-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px}
.product-view{min-width:0;overflow:hidden;border:1px solid #bfd0cf;border-radius:5px;background:#eef3f3;color:var(--text);box-shadow:0 20px 50px #0002}
.product-top{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #d1dfe0;background:#fff}
.product-brand{font:600 .9rem var(--display);letter-spacing:.06em;white-space:nowrap}
.product-brand small{font:500 .6rem var(--sans);color:var(--teal-dark);margin-left:5px}
.mono{font-family:ui-monospace,Consolas,monospace;letter-spacing:.03em}
.product-top>.mono{margin-left:auto;font-size:.58rem;color:#647d85}
.product-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#dce9eb;color:#49727c;font-size:.6rem}
.product-body{display:grid;grid-template-columns:135px minmax(0,1fr);min-height:390px}
.module-tabs{display:flex;flex-direction:column;gap:5px;padding:15px 9px;background:#f8fafa;border-right:1px solid #d1dfe0}
.module-tabs button{display:flex;gap:7px;align-items:center;min-height:44px;padding:9px 7px;background:none;border:0;border-radius:3px;color:#597781;text-align:left;font-size:.72rem}
.module-tabs button:hover{background:#edf3f3}
.module-tabs button[aria-selected=true]{background:#dcecef;color:#007480}
.sidebar-caption{margin-top:auto;padding:20px 6px 0;color:#6d8790;font:400 .56rem/1.7 ui-monospace,Consolas,monospace;letter-spacing:.06em}
#module-panel{min-width:0;padding:18px 15px;background:#eef3f3}
.module-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.module-heading .mono{color:#617f89;font-size:.56rem}
.module-heading h3{margin-top:6px;font-size:1.12rem}
.sample-tag{padding:3px 5px;border:1px solid #bdcfd3;color:#567881;font:400 .53rem ui-monospace,Consolas,monospace;white-space:nowrap}
#module-summary{margin-top:8px;font-size:.73rem;color:#597680;line-height:1.5}
.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px}
.kanban-column{min-width:0}
.kanban-column h4{display:flex;align-items:center;gap:5px;margin:0 0 9px;font:500 .65rem var(--sans);white-space:nowrap}
.kanban-column h4 small{margin-left:auto;font-size:.56rem;color:#69858b}
.status-dot{width:5px;height:5px;border-radius:50%;flex:none;background:#1599a4}
.status-dot.amber{background:#c89036}.status-dot.green{background:#68a28b}
.order{padding:10px 9px;margin-bottom:9px;border:1px solid #d0dee0;border-radius:3px;background:#fff}
.order-category{display:block;margin-bottom:14px;font-size:.56rem;color:#007c88;line-height:1.4}
.order-category.urgent{color:#b12c35}.order-category.warning{color:#a26211}.order-category.complete{color:#357b70}
.order>.mono{display:block;font-size:.53rem;color:#67848e}
.order h5{margin:8px 0 5px;font:500 .75rem/1.4 var(--sans)}
.order p{font-size:.65rem;color:#647e88}
.order footer{display:flex;justify-content:space-between;gap:4px;margin-top:12px;padding-top:9px;border-top:1px solid #dfE8ea;font-size:.56rem;color:#6a858d}
.module-details{margin-top:18px;overflow-x:auto}
.module-table{width:100%;border-collapse:collapse;font-size:.72rem;line-height:1.5}
.module-table th,.module-table td{padding:11px 8px;text-align:left;border-bottom:1px solid #d5e1e1}
.module-table th{font-weight:500;background:#e1eded;color:#456970}.module-table td{background:#fff}
.metric-note{margin-top:15px;font-size:.68rem;line-height:1.6;color:#597680}
.preview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.preview-metrics article{padding:16px 12px;border:1px solid #d0dee0;border-radius:3px;background:white}
.preview-metrics span{display:block;color:#597680;font-size:.73rem}.preview-metrics strong{display:block;margin-top:10px;font:500 1.15rem/1.25 var(--display);color:#087b86}
.preview-metrics p{margin-top:9px;font-size:.72rem;line-height:1.5;color:#597680}
@media(max-width:1100px){
  .hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:25px}
  .product-body{grid-template-columns:1fr;min-height:440px}
  .module-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:8px;border-right:0;border-bottom:1px solid #d1dfe0}
  .sidebar-caption{display:none}.module-tabs button{padding:8px;min-height:40px}
}
@media(max-width:850px){
  .hero-grid{grid-template-columns:1fr;gap:30px}
  .hero-copy{max-width:620px}.hero .actions{flex-direction:row;align-items:center;gap:24px}
  .module-tabs{grid-template-columns:repeat(4,1fr)}
  .product-body{min-height:400px}.module-heading h3{font-size:1.25rem}
  #module-panel{padding:20px}.kanban{gap:12px}
  .module-tabs button,#module-summary,.order h5{font-size:.82rem}
  .order{padding:13px}.order p{font-size:.75rem}.order-category,.order>.mono,.order footer,.kanban-column h4{font-size:.65rem}
}
@media(max-width:600px){
  .product-top{padding:13px 12px;gap:8px}.product-top>.mono{font-size:.51rem}.product-avatar{display:none}
  .module-tabs{grid-template-columns:1fr 1fr}.module-tabs button{min-height:44px;font-size:.76rem}
  .product-body{min-height:460px}#module-panel{padding:15px 12px}
  .kanban{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:10px;gap:12px}
  .kanban-column{flex:0 0 85%;scroll-snap-align:start}
  .kanban-column h4{font-size:.8rem}.order h5{font-size:.9rem}
  .order-category,.order>.mono,.order footer{font-size:.65rem}
  .module-table{font-size:.7rem}.module-table th,.module-table td{padding:9px 6px}
  .hero .actions{align-items:flex-start;gap:12px}
}
.footer .footer-contact{display:grid;grid-template-columns:1fr auto;gap:22px;padding-block:38px}
.footer-description{margin-top:12px;color:#a0b9bd;font-size:.86rem}
.contact-details{font-style:normal;display:grid;gap:10px}
.contact-details>div{display:flex;align-items:center;gap:25px}
.contact-phone{font:600 1.2rem var(--display)}
.contact-whatsapp{font-size:.8rem;color:var(--teal)}
.contact-email{font-size:.86rem;color:#abc6cb}
.copyright{grid-column:1/-1;border-top:1px solid #294149;padding-top:20px;color:#a0b9bd;font-size:.73rem}
body.dialog-open{overflow:hidden}
#demo-dialog{width:min(920px,calc(100% - 40px));max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid #375259;border-radius:7px;background:var(--paper);color:var(--text);overflow:auto;box-shadow:0 30px 100px #0005}
#demo-dialog::backdrop{background:#020c11bb;backdrop-filter:blur(4px)}
.dialog-close{position:absolute;top:12px;right:12px;z-index:1;width:38px;height:38px;border:1px solid #49636b;border-radius:4px;background:#10262c;color:#e5f4f3;font-size:1.6rem;line-height:1}
.demo-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr)}
.demo-main{padding:32px}
#demo-title{font-size:1.7rem;margin:12px 0 10px}
#demo-description{max-width:470px;font-size:.89rem;color:var(--muted);line-height:1.6}
#demo-form{margin-top:23px}
.demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px}
.demo-fields label{display:block;font-size:.79rem;font-weight:500}
.demo-fields small{font-size:.68rem;font-weight:400;color:#637d82}
.demo-fields input,.demo-fields select,.demo-fields textarea{display:block;width:100%;min-width:0;margin-top:6px;padding:11px 12px;border:1px solid #b5cacb;border-radius:3px;background:white;color:var(--text);font:400 .87rem/1.4 var(--sans)}
.demo-fields input,.demo-fields select{min-height:44px}
.demo-fields textarea{resize:vertical;min-height:72px}
.demo-fields input:focus,.demo-fields select:focus,.demo-fields textarea:focus{outline:2px solid #087b86;outline-offset:1px}
.field-wide{grid-column:1/-1}
.demo-submit{width:100%;margin-top:20px;min-height:48px}
.demo-submit:disabled{cursor:wait;opacity:.65}
.demo-privacy{margin-top:11px;font-size:.7rem;color:#637d82;line-height:1.5}
.form-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#demo-result{margin-top:16px;padding:14px;border:1px solid #b0c9c7;border-radius:3px;background:#e7f1ef;font-size:.84rem}
#demo-result[data-state=error]{background:#fff7ed;border-color:#c8a67a}
.demo-followup{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.demo-followup a{font-size:.8rem;font-weight:500;text-decoration:underline;text-underline-offset:3px;color:#076e78}
.manual-note{margin-top:10px;font-size:.72rem;color:#637d82}
.demo-aside{display:flex;flex-direction:column;padding:52px 28px 30px;background:#10262c;color:#e8f4f2}
.demo-aside-brand{display:flex;align-items:center;gap:10px;font:600 1.15rem var(--display);letter-spacing:.04em}
.demo-aside h3{margin-top:44px;font-size:1.4rem;line-height:1.4}
.demo-aside ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:16px;font-size:.85rem;color:#b1c9ce}
.demo-aside li{border-top:1px solid #315159;padding-top:14px}
.demo-aside-contact{margin-top:auto;padding-top:40px;display:grid;gap:10px;font-size:.76rem;color:#b1c9ce}
.demo-aside-contact a{overflow-wrap:anywhere}.demo-aside-contact a:hover{color:var(--teal)}
@media(max-width:700px){
  #demo-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
  .demo-layout{grid-template-columns:1fr}.demo-main{padding:28px 22px}
  .demo-aside{display:none}#demo-title{font-size:1.5rem;padding-right:20px}
  .dialog-close{background:#e7f0ef;color:var(--text);border-color:#b5cacb;top:10px;right:10px}
  .demo-main>.eyebrow{padding-right:32px}
  .footer .footer-contact{grid-template-columns:1fr;gap:24px}
}
@media(max-width:450px){.demo-fields{grid-template-columns:1fr}.demo-main{padding:25px 18px}.contact-details>div{gap:18px}.contact-phone{font-size:1.12rem}.contact-email{font-size:.83rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}