/* ARGUS · Carta náutica. Shared tokens and component rules. */
@import url("https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,300..600&family=Instrument+Sans:wght@400..600&family=IBM+Plex+Mono:wght@400;500&display=swap");
:root{color-scheme:dark;--bg:#0B1118;--s1:#121B25;--s2:#18232F;--tx:#EDE7DB;--tx2:#9CA8B5;--tx3:#85919F;--ln:rgba(237,231,219,.09);--ln2:rgba(237,231,219,.16);--br:#D6A85C;--on-br:#0B1118;--ac:#6FC0D0;--or:#F0914F;--lv:#ADA5EC;--gr:#8CC08A;--rd:#F2685C;--on-rd:#0B1118;--gy:#8A96A3;--c1:#16A0B0;--c2:#8E72DD;--c3:#D07B34;--font-display:'Newsreader',Georgia,serif;--font-sans:'Instrument Sans',system-ui,sans-serif;--font-mono:'IBM Plex Mono',ui-monospace,monospace;--ease:cubic-bezier(.19,1,.22,1)}
[data-theme="light"]{color-scheme:light;--bg:#F3EEE3;--s1:#FBF8F1;--s2:#E8E1D2;--tx:#0E1A26;--tx2:#4C5967;--tx3:#56616E;--ln:rgba(14,26,38,.10);--ln2:rgba(14,26,38,.18);--br:#85591A;--on-br:#FFFFFF;--ac:#1C6676;--or:#A4460C;--lv:#5747B0;--gr:#2D6A33;--rd:#B3261E;--on-rd:#FFFFFF;--gy:#556170;--c1:#008C9E;--c2:#7A5CC7;--c3:#C8742A}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="light"]){color-scheme:light;--bg:#F3EEE3;--s1:#FBF8F1;--s2:#E8E1D2;--tx:#0E1A26;--tx2:#4C5967;--tx3:#56616E;--ln:rgba(14,26,38,.10);--ln2:rgba(14,26,38,.18);--br:#85591A;--on-br:#FFFFFF;--ac:#1C6676;--or:#A4460C;--lv:#5747B0;--gr:#2D6A33;--rd:#B3261E;--on-rd:#FFFFFF;--gy:#556170;--c1:#008C9E;--c2:#7A5CC7;--c3:#C8742A}}
:root{--ink:var(--bg);--surface:var(--s1);--surface2:var(--s2);--paper:var(--tx);--muted:var(--tx2);--gold:var(--br);--line:var(--ln);--line-s:var(--ln);--ob:var(--bg);--gr2:var(--s2);--panel:var(--s1);--brass:var(--br);--brass-d:var(--br);--brass-a:color-mix(in srgb,var(--br) 12%,transparent);--bone:var(--tx);--mid:var(--tx2);--faint:var(--tx3);--alert:var(--or);--alert-a:color-mix(in srgb,var(--or) 8%,transparent);--serif:var(--font-display);--sans:var(--font-sans);--fd:var(--font-display);--fb:var(--font-sans);--fm:var(--font-mono)}
body,body.demo-page{background:var(--bg);color:var(--tx);font:400 15px/1.6 var(--font-sans)}
body *{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-sans)}
h1,h2,h3,.h2,.demo-page .h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;color:var(--tx)}
h1,.page-hero h1,.hero-copy h1,.demo-intro h1{font-size:clamp(48px,4.8vw,64px);line-height:1}
h2,.section-heading h2{font-size:clamp(34px,3.4vw,46px);line-height:1.1}h3,.card h3,.service-grid h3{font-size:28px;line-height:1.1}
em,.offer h2 em{color:var(--tx)}p{color:var(--tx2)}
.container,.demo-page .blk .wrap{width:min(1360px,calc(100% - 80px))}
.eyebrow,.card-index,.proof-strip span{font:600 11px/1.5 var(--font-sans);letter-spacing:.07em;color:var(--tx2);text-transform:uppercase}
.masthead,.demo-page .masthead,nav.top{background:var(--bg);border-bottom:1px solid var(--ln);backdrop-filter:none}
.brand,.brand>span,.wordmark{color:var(--tx)}.brand>span,.demo-page .masthead .brand>span,.demo-page .footer .brand>span,.wordmark{font-family:var(--font-display);font-weight:300;letter-spacing:.3em}
.brand svg{color:var(--br)}.brand svg path[stroke-dasharray]{stroke:var(--gy)}.brand small,.demo-page .brand small{font:600 7px/1.5 var(--font-sans);letter-spacing:.08em;color:var(--tx2)}
.nav-inner{gap:20px}.masthead nav{gap:24px}.masthead nav>a:not(.button){font-size:14px}.masthead nav>[aria-current=page]{text-decoration-thickness:2px}
.button,.demo-page .masthead .button{min-height:44px;padding:10px 20px;border-radius:2px;background:var(--br);border:1px solid var(--br);color:var(--on-br);font:600 14px/1.5 var(--font-sans);transform:none;transition:background 200ms var(--ease),border-color 200ms var(--ease)}
.button:hover{background:color-mix(in srgb,var(--br) 88%,var(--tx));transform:none}.button.secondary{background:transparent;color:var(--br);border-color:color-mix(in srgb,var(--br) 60%,transparent)}.button.secondary:hover{background:color-mix(in srgb,var(--br) 12%,transparent)}
.menu-toggle{min-height:44px;border:1px solid var(--ln2);border-radius:2px;color:var(--tx2);background:transparent}
:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid color-mix(in srgb,var(--br) 60%,transparent);outline-offset:4px}
input,textarea,select{background:var(--bg);color:var(--tx);border:1px solid var(--ln2);border-radius:2px}input:focus,select:focus,textarea:focus{border-color:var(--br)}
.hero{padding-block:80px;background-image:linear-gradient(var(--ln) 1px,transparent 1px),linear-gradient(90deg,var(--ln) 1px,transparent 1px);background-size:112px 112px}.hero-layout{gap:56px}.hero-copy>p{font-size:16px;line-height:1.6}.hero-copy .hero-note{font-size:13px;color:var(--tx2)}
.live-dot{background:var(--ac);box-shadow:none}.product-scene{background:var(--s1);border:1px solid var(--ln);border-radius:2px;box-shadow:none;padding:24px;margin:0}
.orbit,.orbit:after{border-color:var(--ln);z-index:0;pointer-events:none}.product-scene>:not(.orbit){position:relative}.scene-top>span:first-child{color:var(--tx2);letter-spacing:.07em;font:600 11px var(--font-sans)}.scene-top svg{color:var(--ac)}.scene-top svg path[stroke-dasharray]{stroke:var(--gy)}
.status{font-size:11px;color:var(--tx2)}.status i{background:var(--gy)}.scene-calendar{background:var(--bg);border:1px solid var(--ln2);border-radius:2px;padding:24px}.scene-title span{font-size:14px}.scene-title b,.calendar-row>span{font:400 12px var(--font-mono);color:var(--tx2)}
.calendar-row>div{background:color-mix(in srgb,var(--gr) 12%,transparent);border-color:var(--gr);color:var(--tx);font-size:12px}.calendar-row i{background:var(--gr)}.calendar-row>div.freed{background:color-mix(in srgb,var(--gy) 12%,transparent);border-color:var(--gy);color:var(--tx)}.freed span{font-size:11px;opacity:1;color:var(--tx2)}
.scene-chat{background:var(--s2);color:var(--tx);border:1px solid var(--ln);border-radius:2px;box-shadow:none}.scene-chat .eyebrow{color:var(--tx2);font-size:11px}.scene-chat p{color:var(--tx);font-size:15px}.reply{background:transparent;border:1px solid var(--ln2);color:var(--tx);font-size:13px;border-radius:2px}.reply span{color:var(--gr)}
.result-icon{color:var(--gr);background:transparent;border:1px solid color-mix(in srgb,var(--gr) 60%,transparent);border-radius:2px}.scene-result b{font-size:13px}.scene-result div>span,.scene-disclaimer{font-size:13px;color:var(--tx2)}
.proof-strip span:before{content:'+';color:var(--tx3)}.section{border-color:var(--ln);padding-block:80px}.cards{gap:16px}.card,.plan,.founders article,.callout,.contact-card{padding:24px;border:1px solid var(--ln);border-radius:2px;background:var(--s1);box-shadow:none}.card p,.service-grid p{font-size:15px;line-height:1.6}.card-index,.flow li>span,.timeline li>span,.allowance b{color:var(--tx)}
.flow li{border-color:var(--ln)}.flow li>span,.timeline li>span{font-family:var(--font-mono);font-size:20px}.text-link,.legal-copy a{color:var(--br);border-color:color-mix(in srgb,var(--br) 60%,transparent)}
.contact-section,.feature-section,.closing,.offer{background:var(--s1);color:var(--tx)}.offer p,.offer caption,.offer .eyebrow{color:var(--tx2)}.offer th,.offer td{border-color:var(--ln2)}.plan.featured{background:var(--s1);border-color:var(--ln2)}.plan h2{font:400 40px/1 var(--font-display);letter-spacing:-.02em}.plan .button{font-size:14px}.plan .check-list{font-size:13px}.check-list li:before{color:var(--tx2)}.monogram{background:var(--s2);border-color:var(--ln2);color:var(--tx)}
.footer-grid .small,.footer-bottom{font-size:13px}.footer-grid .eyebrow{font-size:11px}.footer-grid>div>a:not(.brand){font-size:14px}.footer-grid>div>a:hover{color:var(--br)}
.theme-control{display:flex;align-items:center;gap:8px;margin-top:24px;font:400 13px var(--font-sans);color:var(--tx2)}.theme-control select{min-height:40px;padding:8px 12px;font-size:14px;border-color:var(--ln2);cursor:pointer}
/* Demo: actor, outcome and action colors never share the brass accent. */
.demo-page .adm,.demo-page .phone,.demo-page .site{box-shadow:none;border-radius:2px}.demo-page .adm{height:720px}.demo-page .wa-top,.demo-page .wa-input,.demo-page .wa-body{background:var(--bg)}.demo-page .wa-name,.demo-page .wa-name b{color:var(--tx)}
.demo-page .msg{border-radius:2px;color:var(--tx);font:400 15px/1.6 var(--font-sans)}.demo-page .msg.a,.demo-page .typing{background:var(--s2);border:1px solid var(--ln)}.demo-page .msg.p{background:transparent;border:1px solid var(--ln2)}.demo-page .msg .t{color:var(--tx2);font:400 12px var(--font-mono)}.demo-page .msg .ck{color:var(--ac)}
.demo-page .msg.sys{background:transparent;color:var(--tx2);font:400 13px/1.5 var(--font-sans);text-transform:none;letter-spacing:0;border:0;border-block:1px solid var(--ln)}.demo-page .msg.sys.al{border-color:color-mix(in srgb,var(--or) 55%,transparent)}
.demo-page :is(.wa-empty,.wa-day,.wa-state,.cap,.adm-org span,.adm-live,.adm-side .foot,.v-head .k,.v-note,.chip,.kpi .l,.card h5,.demo-note,.cal-leg,.tbl th,.pill,.flag,.rule,.pro dt,.c-det .meta,.c-det .k,.toast .k){font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--tx2)}
.demo-page :is(.rule,.demo-note,.cap,.wa-empty){font-size:13px;letter-spacing:0;text-transform:none;font-weight:400}.demo-page .adm .kpi .n,.demo-page .adm .kpi.hl .n{color:var(--tx);font:400 40px/1 var(--font-display)}.demo-page .v-head h4{font:400 30px/1.1 var(--font-display)}
.demo-page .adm .dot{background:var(--gr);box-shadow:none}.demo-page .adm-nav{font:500 14px var(--font-sans);min-height:44px}.demo-page .adm-nav.on{background:var(--s2)}.demo-page .adm-nav.on:before,.demo-page .c-item.on:before{width:2px}.demo-page .adm-nav .bd{background:transparent;color:var(--tx);font:400 12px var(--font-mono)}.demo-page .adm-nav .bd.al{background:transparent;color:var(--or)}
.demo-page :is(.sc,.chip,.reset,.speed){font:500 14px var(--font-sans);border-radius:2px;letter-spacing:0;text-transform:none;min-height:40px}.demo-page .sc{border:1px solid var(--ln2);background:transparent;color:var(--tx2)}.demo-page .sc.on,.demo-page .sc.tour{background:var(--br);color:var(--on-br);border-color:var(--br)}
.demo-page .bar,.demo-page .bar.hl{background:var(--c1);border-radius:3px 3px 0 0}.demo-page .bar:hover,.demo-page .bar:focus-visible{background:var(--c1);outline:2px solid var(--br);outline-offset:2px}.demo-page .bars{background-image:linear-gradient(var(--ln) 1px,transparent 1px);background-size:100% 25%;border:0}.demo-page .meter i{background:var(--c1)}
.demo-page .pill{min-height:24px;font:600 11px/1.5 var(--font-sans);color:var(--tx);letter-spacing:.06em;border:1px solid color-mix(in srgb,var(--gy) 55%,transparent);border-radius:2px;background:transparent;white-space:normal}.demo-page .pill.br{border-color:color-mix(in srgb,var(--ac) 55%,transparent);background:color-mix(in srgb,var(--ac) 12%,transparent);color:var(--tx)}.demo-page .pill.ok{border-color:color-mix(in srgb,var(--gr) 55%,transparent);background:transparent;color:var(--tx)}.demo-page .pill.ok:before{content:'✓ ';color:var(--gr)}.demo-page .pill.al{border-color:color-mix(in srgb,var(--or) 55%,transparent);background:color-mix(in srgb,var(--or) 12%,transparent);color:var(--tx)}
.demo-page .flag,.demo-page .c-det .esc{color:var(--tx);border-color:color-mix(in srgb,var(--or) 50%,transparent);background:color-mix(in srgb,var(--or) 8%,transparent);font:400 13px/1.5 var(--font-sans);letter-spacing:0;text-transform:none}.demo-page .flag.ok{color:var(--tx);border-color:color-mix(in srgb,var(--gr) 50%,transparent);background:color-mix(in srgb,var(--gr) 8%,transparent)}
.demo-page .slot.ag{background:color-mix(in srgb,var(--gr) 12%,transparent);border-color:var(--gr);box-shadow:none;color:var(--tx)}.demo-page .slot.cx{background:color-mix(in srgb,var(--gy) 12%,transparent);border-color:var(--gy);color:var(--tx2)}.demo-page .slot .tg,.demo-page .slot.cx b,.demo-page .slot.cx .tg{color:var(--tx2)}.demo-page .cal-h.today b{color:var(--tx)}
.demo-page .toast{border-color:var(--ln2);box-shadow:0 12px 30px color-mix(in srgb,var(--bg) 45%,transparent)}.demo-page .toast .k,.demo-page .c-det .k{color:var(--tx2)}.demo-page .pro .av{color:var(--lv);font-family:var(--font-sans)}
.demo-page .site{--s-bg:var(--s1);--s-ink:var(--tx);--s-mut:var(--tx2);--s-acc:var(--br);--s-soft:var(--s2);--s-line:var(--ln)}.demo-page .s-hero p,.demo-page .s-card b,.demo-page .s-doc b{color:var(--tx)}
.demo-page .adm .tbl{min-width:480px}.demo-page .adm .tbl td{font-size:13px}.demo-page .adm-content{overflow:auto}.chart-table{margin-top:12px}.chart-table summary{cursor:pointer;font:500 13px var(--font-sans);color:var(--br)}.chart-table table{width:100%;border-collapse:collapse;font-size:13px}.chart-table td,.chart-table th{padding:4px 8px;text-align:left;border-bottom:1px solid var(--ln)}.chart-reading{font:400 13px/1.5 var(--font-sans);margin-top:12px}
@media(max-width:1100px){.masthead nav{gap:16px}.container,.demo-page .blk .wrap{width:calc(100% - 56px)}}
@media(max-width:850px){.hero-layout{grid-template-columns:1fr}.hero-copy h1{font-size:56px}.product-scene{width:100%;max-width:560px;margin:auto}.hero{padding-block:56px}}
@media(max-width:680px){.container,.demo-page .blk .wrap{width:calc(100% - 40px)}.hero-copy h1,.page-hero h1,.demo-intro h1{font-size:48px}.hero{padding-block:40px}.hero-copy h1 br{display:none}.hero-layout{gap:40px}.section{padding-block:56px}.masthead nav,.demo-page .masthead nav{background:var(--bg);border-color:var(--ln2)}.cards,.plans,.split,.founders{grid-template-columns:1fr;gap:16px}.product-scene{padding:20px;min-width:0}.scene-calendar{padding:16px}.scene-chat{width:94%;padding:16px}.scene-top{flex-wrap:wrap}.scene-title{flex-wrap:wrap}.calendar-row{gap:8px}.calendar-row>div{flex-wrap:wrap;gap:4px}.scene-disclaimer{font-size:13px}.footer-bottom{flex-direction:column}.demo-page .adm{height:760px}.demo-page .adm .tbl{font-size:13px}.demo-page .adm .tbl td{font-size:13px}.demo-page .adm-nav{font-size:13px}.demo-page .sc{font-size:13px}.theme-control{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.hero{background-image:linear-gradient(color-mix(in srgb,var(--tx) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--tx) 6%,transparent) 1px,transparent 1px)}
.demo-page .bar:focus-visible:after{content:attr(data-v);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font:500 12px var(--font-mono);color:var(--tx)}
.demo-page .slot.p-rojas{border-color:var(--c1);background:color-mix(in srgb,var(--c1) 12%,transparent)}.demo-page .slot.p-mendez{border-color:var(--c2);background:color-mix(in srgb,var(--c2) 12%,transparent)}.demo-page .slot.p-vera{border-color:var(--c3);background:color-mix(in srgb,var(--c3) 12%,transparent)}
.demo-page .slot.ag{border-color:var(--gr);background:color-mix(in srgb,var(--gr) 12%,transparent)}.demo-page .slot.cx{border-color:var(--gy);background:color-mix(in srgb,var(--gy) 12%,transparent)}
.demo-page .wa-top .wa-av,.demo-page .wa-top svg{color:var(--ac)}

.demo-page em,.demo-page .h2 em{color:var(--tx)}.demo-page .phone,.demo-page .wa-screen,.demo-page .wa-top,.demo-page .wa-day,.demo-page .wa-input .field{border-radius:2px}.demo-page .wa-input .mic{background:var(--br);color:var(--on-br)}.demo-page .adm .feed li.al{color:var(--tx)}.demo-page .bar:after{font-size:12px}

/* Keep the shared ARGUS header identical on commercial and demo pages. */
.masthead .brand svg,.demo-page .masthead .brand svg{width:43px;height:43px;flex:0 0 43px}
.masthead .brand>span,.demo-page .masthead .brand>span{font-family:var(--font-display);font-size:29px;font-weight:300;line-height:1;letter-spacing:.3em}
.masthead .brand small,.demo-page .masthead .brand small{display:block;font:600 7px/1.5 var(--font-sans);letter-spacing:.08em;margin-top:8px;color:var(--tx2)}
@media(max-width:850px) and (min-width:681px){
 .masthead .brand>span,.demo-page .masthead .brand>span{font-size:24px}
 .masthead .brand svg,.demo-page .masthead .brand svg{width:35px;height:35px;flex-basis:35px}
}
/* Compact mobile rhythm: preserve readable text and 44px touch targets. */
@media(max-width:680px){
 html{scroll-padding-top:76px}
 body,body.demo-page{font-size:14px;line-height:1.5}
 .container,.demo-page .blk .wrap{width:calc(100% - 32px)}
 .nav-inner,.demo-page .masthead .nav-inner{min-height:64px;gap:12px}
 .masthead .brand,.demo-page .masthead .brand{gap:10px}
 .masthead .brand svg,.demo-page .masthead .brand svg{width:32px;height:32px;flex-basis:32px}
 .masthead .brand>span,.demo-page .masthead .brand>span{font-size:24px}
 .masthead .brand small,.demo-page .masthead .brand small{font-size:6px;margin-top:6px}
 .masthead nav,.demo-page .masthead nav{top:64px;padding:16px}
 .hero,.page-hero{padding-block:28px}
 .hero-copy h1,.page-hero h1,.demo-intro h1,.legal-copy h1{font-size:38px;line-height:1.04}
 .hero-copy>p,.page-hero .lead,.demo-intro>p{font-size:14px;line-height:1.55;margin-block:16px}
 .hero-copy .hero-note{font-size:13px;line-height:1.5;margin-top:16px}
 .hero-layout{gap:24px}
 .eyebrow{font-size:11px;margin-bottom:12px}
 .actions{gap:8px}.actions>.button,.button,.plan .button{min-height:44px;padding:10px 14px;font-size:14px;gap:12px}
 .section{padding-block:36px}.section-heading{margin-bottom:20px}
 h2,.section-heading h2,.closing h2,.offer h2,.demo-page .blk .h2{font-size:30px;line-height:1.1}
 h3,.card h3,.service-grid h3,.flow h3,.timeline h2{font-size:25px;line-height:1.12}
 .cards,.plans,.split,.founders{gap:12px}
 .card,.plan,.founders article,.callout,.contact-card{padding:18px}
 .card h3{margin-block:14px 10px}.card p,.service-grid p,.timeline p,.faq details>p{font-size:14px;line-height:1.55}
 .section-heading>p{margin-top:16px}.text-link{margin-top:16px}
 .product-scene{padding:16px}.scene-top{margin-bottom:16px}.scene-calendar{padding:12px}.scene-title{margin-bottom:12px}
 .calendar-row{margin-block:8px}.calendar-row>div{padding:8px}
 .scene-chat{padding:12px}.scene-chat p{font-size:14px;margin-bottom:12px}
 .scene-chat .eyebrow{margin-bottom:8px}.scene-result{margin-block:16px 12px}.scene-disclaimer{line-height:1.45}
 .proof-strip{padding-block:16px}.proof-strip>.container{gap:12px}
 .flow li{padding-block:16px}.service-grid>a{padding:20px}.service-grid h3{margin-top:16px}
 .plan h2{font-size:34px}.plan .eyebrow{margin-bottom:16px}.plan>p{margin-block:14px;font-size:14px}
 .allowance{padding-block:12px}.allowance b{font-size:32px}.plan .check-list{margin-block:12px}.check-list li{padding-block:6px}
 .offer-head{margin-bottom:20px}.offer th,.offer td{padding:12px 10px}
 .faq summary{padding-block:16px;font-size:14px}.faq details>p{margin-bottom:16px}
 .timeline li{padding-block:20px}.timeline p{margin-top:10px}
 .contact-card .email{font-size:27px}.contact-card dl{margin-block:16px}
 .footer{padding-block:32px 20px}.footer-grid{gap:20px}.footer-grid p{margin-top:16px}.footer-bottom{margin-top:20px;padding-top:16px}
 .demo-intro{padding-block:28px 20px}.demo-page .blk{padding-top:24px}.demo-page #demo{padding-block:20px 36px}.demo-page #sitio{padding-top:36px!important}
 .demo-page .demo{gap:20px}.demo-page .phone{height:460px}.demo-page .adm{height:600px}
 .demo-page .side-card{padding:18px}.demo-page .site-row{gap:16px}
 .legal-copy{padding-block:32px}.legal-copy h1{margin-bottom:24px}.legal-copy h2{margin-top:28px}.legal-copy p{font-size:14px;line-height:1.65}
}
@media(max-width:680px){.demo-page .phone{height:auto}.demo-page .phone .screen{height:440px;border-radius:2px}.demo-page section.blk{padding-block:24px 36px}.demo-page .blk .wrap{padding-inline:0}}
.masthead .brand,.demo-page .masthead .brand{display:inline-flex;align-items:center;gap:13px}@media(max-width:680px){.masthead .brand,.demo-page .masthead .brand{gap:10px}}