:root{--bg:#081321;--bg-2:#0b1928;--panel:#101f31;--line:#253448;--white:#f8fbff;--muted:#a4b2c4;--mint:#74f2ca;--mint-soft:#bdffdf;--violet:#aea7ff;--ink:#152235;--darktext:#152236;--lightmuted:#627287;--border:#e1e7ed;--light:#f6f8fa;--max:1200px;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #78f6ce;outline-offset:4px}.container{width:min(calc(100% - 72px),var(--max));margin:auto}.skip-link{position:absolute;top:-100px;left:20px;padding:12px 20px;background:#fff;z-index:999}.skip-link:focus{top:10px}.site-header{height:82px;position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid rgba(225,237,250,.1);color:white}.nav-wrap{height:100%;display:flex;align-items:center;gap:36px}.brand{font-size:26px;letter-spacing:-1.45px;font-weight:790;display:inline-flex;align-items:center;gap:11px;color:#f4f9ff;white-space:nowrap;line-height:1}.brand-period{color:var(--mint)}.brand-symbol{width:32px;height:32px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;transform:rotate(-13deg)}.brand-symbol i{display:block;border-radius:5px 2px 5px 2px;background:var(--mint)}.brand-symbol i:nth-child(2){opacity:.46}.brand-symbol i:nth-child(3){opacity:.76}.brand-symbol i:nth-child(4){opacity:.21}.site-nav{display:flex;align-items:center;gap:31px;margin:auto}.site-nav a,.nav-contact{font-size:13px;font-weight:650;color:#c7d4e4;transition:color .2s}.site-nav a:hover,.nav-contact:hover{color:var(--mint)}.nav-actions{display:flex;align-items:center;gap:23px;white-space:nowrap}.nav-contact span{margin-left:4px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-weight:750;font-size:13px;line-height:1.2;border-radius:9px;transition:transform .18s,background .18s,box-shadow .18s;padding:14px 18px}.btn:hover{transform:translateY(-2px)}.btn-nav{background:rgba(255,255,255,.08);border:1px solid #415068;color:#fff;font-size:13px}.btn-nav:hover{background:#24354b}.nav-lock{font-size:19px;color:var(--mint);line-height:0}.menu-toggle{display:none;border:1px solid #44566b;background:#15283e;padding:10px;border-radius:9px;height:41px;width:45px;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-toggle span{width:20px;height:2px;background:white;border-radius:2px}.hero-section{background:var(--bg);position:relative;color:var(--white);overflow:hidden;padding-top:80px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(115,149,188,.052) 1px,transparent 1px),linear-gradient(90deg,rgba(115,149,188,.052) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,transparent,#000 55%,#000);pointer-events:none}.hero-glow{position:absolute;right:-18%;top:4%;width:65%;aspect-ratio:1;background:radial-gradient(circle,rgba(42,148,160,.14),transparent 58%);pointer-events:none}.hero-layout{display:grid;grid-template-columns:1.06fr 1fr;gap:44px;align-items:center;min-height:650px;padding-top:74px;padding-bottom:71px;position:relative}.hero-copy{position:relative;z-index:2;padding-bottom:15px}.eyebrow,.section-kicker{font-size:11px;font-weight:820;letter-spacing:1.65px;color:#29867b;display:flex;align-items:center;gap:9px}.eyebrow{color:#8cebd2}.eyebrow-dot,.status-green{width:7px;height:7px;display:inline-block;border-radius:50%;background:#77f0c6;box-shadow:0 0 14px rgba(118,241,194,.5);flex-shrink:0}.hero-copy h1{font-size:clamp(48px,4.8vw,71px);line-height:1.09;letter-spacing:-3.8px;max-width:710px;margin:26px 0 24px;font-weight:780}.hero-copy h1 em,.auth-intro h1 em{font-style:normal;color:var(--mint)}.hero-lead{font-size:17px;line-height:1.85;color:#b2c2d4;max-width:535px;margin:0 0 32px}.hero-cta{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.btn-primary{background:var(--mint);color:#0a2828;box-shadow:0 7px 26px rgba(79,232,187,.1)}.btn-primary:hover{background:#9cffd9;box-shadow:0 8px 28px rgba(79,232,187,.23)}.btn-large{padding:18px 21px}.text-link{color:#eff9ff;font-size:13px;font-weight:650;border-bottom:1px solid #51677a;padding-bottom:6px}.text-link span{margin-left:6px}.hero-proof{display:flex;gap:16px 23px;flex-wrap:wrap;margin-top:48px}.proof-pill{font-size:11px;color:#b5c5d6;display:flex;gap:8px;align-items:center}.proof-check{width:18px;height:18px;border:1px solid #2e796f;color:var(--mint);display:grid;place-items:center;border-radius:50%;font-size:11px}.hero-visual{position:relative;margin-left:10px}.visual-top-tag{font-size:9px;letter-spacing:1.65px;color:#99dccd;font-weight:750;display:flex;align-items:center;gap:10px;margin:0 0 15px 20px}.system-window{background:#0e1c2d;border:1px solid #38506a;box-shadow:0 33px 90px rgba(0,0,0,.32),inset 0 1px 0 #395069;border-radius:14px;padding:0;overflow:hidden;transform:perspective(1300px) rotateY(-4deg) rotateX(2deg);transition:transform .3s}.system-window:hover{transform:none}.window-top{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#15263a;border-bottom:1px solid #2c4055}.window-brand{display:flex;align-items:center;gap:11px}.window-brand-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;color:var(--mint);background:#143d3e;font-size:22px}.window-brand b,.window-brand small{display:block}.window-brand b{font-size:12px;color:#f2f6fe}.window-brand small{font-size:10px;color:#90a6bb;margin-top:3px}.window-actions{display:flex;gap:5px}.window-actions span{width:7px;height:7px;border:1px solid #637386;border-radius:50%}.window-body{padding:23px 21px 18px}.window-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:12px}.summary-title{font-size:14px;font-weight:720}.mini-badge{background:#13352f;color:#96e9c4;font-size:9px;font-weight:750;letter-spacing:.2px;display:inline-flex;align-items:center;gap:7px;padding:6px 8px;border-radius:6px}.mini-badge .status-green{width:5px;height:5px}.flow-diagram{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:29px}.flow-card{border:1px solid #35485d;border-radius:9px;background:#15273c;min-height:127px;width:29%;padding:16px 10px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.flow-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;font-size:17px;margin-bottom:6px}.flow-icon-blue{background:#1f3e5d;color:#9eccff}.flow-icon-purple{background:#353057;color:#c7b7ff}.flow-icon-green{background:#1c4842;color:#a7ffda}.flow-card b{font-size:10px;color:#f4f8fc}.flow-card small{font-size:9px;color:#8ca1b4}.flow-link{width:5%;position:relative;color:#74eac4;font-size:16px}.event-title{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#7f94a9;font-weight:800;letter-spacing:1.15px;margin-bottom:9px}.event-title span{color:#5f877e}.event-line{height:42px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #24364b;font-size:10px;color:#bdd0df}.event-line small{margin-left:auto;color:#647d93}.event-check{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#164338;color:var(--mint);font-size:10px}.window-foot{display:flex;justify-content:space-between;gap:5px;margin-top:19px;font-size:9px;color:#8da7b9}.window-foot span{display:flex;align-items:center;gap:7px}.window-foot i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#67e6bf}.visual-aside{text-align:right;font-weight:750;letter-spacing:1.4px;font-size:9px;color:#8095ac;margin:18px 8px 0 0}.visual-aside span{color:var(--mint);font-size:13px;padding:0 6px}.hero-footer{border-top:1px solid rgba(213,227,243,.15);padding:24px 0 27px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}.hero-footer span{color:#7d96ad;font-size:10px;letter-spacing:1.5px;font-weight:780}.hero-footer strong{color:#c6d9e9;font-size:13px;font-weight:530}.light-section{background:var(--light)}.statement-section,.method-section,.examples-section{padding:115px 0 120px}.section-intro{margin-bottom:44px}.split-intro{display:grid;grid-template-columns:1.2fr .7fr;align-items:end;gap:50px}.section-intro h2,.explain-copy h2,.capabilities-copy h2,.contact-copy h2{font-size:clamp(36px,4vw,54px);line-height:1.13;letter-spacing:-2.6px;margin:20px 0 0;font-weight:760}.section-intro h2 span{color:#659689}.section-intro p{margin:0 0 3px;max-width:400px;color:#66758a;line-height:1.85;font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.service-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:25px 23px 24px;min-height:421px;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s,border .2s}.service-card:hover{transform:translateY(-4px);border-color:#b6d6ce;box-shadow:0 21px 44px #25394814}.service-index{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px;color:#8999aa;font-weight:770}.service-index span{font-size:21px;font-weight:400;color:#9daab4}.service-glyph{height:52px;width:52px;border-radius:14px;display:grid;place-items:center;background:#e7f8f2;color:#187b69;font-size:29px;margin:28px 0 23px}.glyph-nodes{background:#eaf1ff;color:#4567b0}.glyph-bolt{background:#f0ecff;color:#7468ad}.glyph-chart{background:#fff4e6;color:#a87732}.service-card h3{font-size:19px;line-height:1.3;letter-spacing:-.65px;margin:0 0 11px}.service-card>p{font-size:13px;color:#647588;line-height:1.7;margin:0}.card-divider{height:1px;background:#e9edf0;margin:23px 0 16px}.micro-heading{font-size:9px;letter-spacing:1px;color:#608b80;font-weight:810}.service-card ul{padding:0;list-style:none;margin:12px 0 0;display:grid;gap:9px}.service-card li{font-size:11px;color:#5e6b7b;line-height:1.48;display:flex;gap:9px}.service-card li:before{content:'·';color:#4fb395;font-size:22px;line-height:13px}.explain-section{background:#112236;color:#fff;padding:109px 0;position:relative;overflow:hidden}.explain-section:after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(71,203,170,.075),transparent 65%);left:-280px;top:-150px;pointer-events:none}.explain-layout{display:grid;grid-template-columns:.97fr 1fr;gap:91px;align-items:center;position:relative;z-index:1}.kicker-bright{color:var(--mint)}.explain-copy h2,.capabilities-copy h2,.contact-copy h2{font-size:clamp(36px,4vw,52px);line-height:1.16;margin-top:20px}.explain-copy h2 span,.capabilities-copy h2 span,.contact-copy h2 span{color:var(--mint)}.explain-copy>p,.capabilities-copy>p,.contact-copy>p{color:#aabdd0;font-size:14px;line-height:1.85;margin:24px 0 0}.explain-copy>p+p{margin-top:12px}.explain-switch{display:inline-flex;gap:3px;padding:4px;background:#1b3449;border-radius:10px;margin-top:29px}.switch-btn{border:0;border-radius:7px;background:transparent;color:#a4bcce;padding:10px 15px;font-size:12px;font-weight:740}.switch-btn.active{background:var(--mint);color:#12342d}.explain-panel{background:#192f44;border:1px solid #365267;border-radius:10px;padding:17px;margin-top:12px;max-width:520px;color:#bfd0de;font-size:12px;line-height:1.75;min-height:106px}.explain-panel b{color:#fff}.explain-schematic{background:#0a1828;border:1px solid #3a5066;border-radius:16px;padding:28px 29px;box-shadow:0 25px 70px #0002}.diagram-header,.capabilities-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:27px;font-size:10px;color:#91a8ba;font-weight:800;letter-spacing:1px}.diagram-badge{color:#a3c9c2;border:1px solid #34574f;background:#142f30;padding:5px 8px;border-radius:5px;font-size:8px;letter-spacing:.5px}.diagram-node{border:1px solid #294356;border-radius:10px;background:#12283b;display:flex;align-items:center;gap:13px;padding:15px 14px}.diagram-node.focus{border-color:#52a993;background:#193d44}.diagram-step{color:#72edc1;font-weight:810;font-size:11px}.diagram-node>div{flex:1;min-width:0}.diagram-node strong,.diagram-node small{display:block}.diagram-node strong{font-size:12px;white-space:nowrap}.diagram-node small{color:#90adbe;font-size:10px;line-height:1.4;margin-top:3px}.diagram-tag{font-size:8px;letter-spacing:.8px;font-weight:780;color:#8fb5b4}.diagram-connector{height:50px;display:flex;align-items:center;justify-content:center;gap:12px;color:#7892a4;font-size:10px;letter-spacing:.2px}.diagram-connector span{color:#77ecca;font-size:21px}.diagram-result{display:flex;align-items:center;gap:13px;background:#153a35;border:1px solid #387663;padding:16px 14px;border-radius:10px;margin-top:23px}.diagram-result>span{border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#25644e;color:#b1ffdc}.diagram-result b,.diagram-result small{display:block}.diagram-result b{font-size:12px;color:#e8fff8}.diagram-result small{font-size:10px;color:#9dd9c4;margin-top:3px}.method-section{background:#fff}.method-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.method-grid article{border-top:2px solid #d9e7e2;background:#f7f9fa;padding:22px 19px 20px;min-height:265px;display:flex;flex-direction:column}.method-no{display:flex;justify-content:space-between;color:#4e9f86;font-size:12px;font-weight:830;letter-spacing:1px}.method-no span{font-size:23px;font-weight:400}.method-grid h3{font-size:20px;letter-spacing:-.6px;margin:36px 0 10px}.method-grid p{font-size:12px;line-height:1.7;color:#657488;margin:0}.method-output{font-size:10px;color:#368b71;border-top:1px solid #dfebe6;margin-top:auto;padding-top:15px;font-weight:710}.capabilities-section{background:#081626;color:white;padding:112px 0}.capabilities-layout{display:grid;grid-template-columns:1fr 1fr;gap:86px;align-items:center}.capabilities-copy>p{max-width:460px}.stack-list{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0 15px}.stack-list span{padding:8px 12px;font-size:10px;color:#c9dce8;border:1px solid #355169;background:#14293d;border-radius:7px;font-weight:670}.cap-disclaimer{display:block;max-width:465px;color:#70899e;font-size:10px;line-height:1.55}.capabilities-panel{border:1px solid #304557;background:#0e1d2e;border-radius:15px;padding:25px 23px 14px}.capabilities-head{margin:0 0 19px}.capabilities-head span:last-child{color:#6c928c}.capabilities-panel details{border-top:1px solid #273a4a;padding:7px 0}.capabilities-panel summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:54px;font-size:13px;font-weight:700;color:#dceaf5}.capabilities-panel summary::-webkit-details-marker{display:none}.cap-number{font-size:10px;color:#73c7ac}.detail-symbol{margin-left:auto;font-size:19px;color:#77cdb4;font-weight:400}.capabilities-panel details[open] .detail-symbol{transform:rotate(45deg)}.capabilities-panel details p{color:#a0b5c7;font-size:12px;line-height:1.75;padding:0 24px 12px;margin:0}.examples-section{background:#f7f9fa}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.example-card{border:1px solid var(--border);border-radius:15px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.example-card:hover{transform:translateY(-3px);box-shadow:0 19px 30px #17354a12}.example-canvas{height:260px;margin:0;padding:22px;overflow:hidden}.canvas-one{background:#eaf1fa}.canvas-two{background:#e9f5ef}.canvas-three{background:#f1eefd}.canvas-top{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.8px;font-weight:850;color:#5c7290;margin-bottom:30px}.canvas-top>span:last-child{margin-left:auto;color:#60718e;font-size:20px;line-height:.6}.canvas-dot{width:7px;height:7px;border-radius:3px;background:#699ad0}.expense-row{display:flex;align-items:center;gap:9px;background:white;border:1px solid #d7e1ee;padding:13px 11px;margin-bottom:8px;border-radius:8px;box-shadow:0 4px 10px #132b3c09}.expense-mini-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#e2ebfa;color:#4b77a7}.expense-row>div{min-width:0;flex:1}.expense-row b,.expense-row small{display:block}.expense-row b{font-size:10px}.expense-row small{font-size:9px;color:#78899a;margin-top:1px}.expense-status{font-size:9px;color:#856b25;background:#fff3d5;padding:4px 5px;border-radius:5px;white-space:nowrap}.expense-status.neutral{color:#64728b;background:#edf1fa}.expense-tick{color:#248c62}.canvas-two .canvas-dot{background:#60ba9b}.kanban-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;height:158px}.kanban-column{background:#f9fdfa;border:1px solid #d1e8da;border-radius:8px;padding:10px 8px;display:flex;flex-direction:column;gap:8px}.kanban-column b{font-size:10px;color:#35594d}.kanban-column b small{color:#8da598;margin-left:4px}.kanban-column>span{background:white;border:1px solid #dfebe3;padding:12px 7px;border-radius:5px;color:#526c5e;font-size:9px;line-height:1.3;box-shadow:0 3px 8px #122d1b0a}.kanban-column>span.active-task{border-left:3px solid #47bd95;color:#266f55}.active-task em{display:block;color:#4fa989;font-style:normal;text-align:right;margin-top:8px}.canvas-three .canvas-dot{background:#8d81d2}.chart-head{display:flex;justify-content:space-between;align-items:center}.chart-head strong{font-size:11px;color:#4d417b}.chart-head small{font-size:9px;color:#8d86ab}.chart-bars{display:flex;align-items:flex-end;gap:10px;height:147px;border-bottom:1px solid #d9d3ef;margin:9px 6px 0;padding-bottom:0;background:repeating-linear-gradient(to top,transparent 0,transparent 35px,#dfd9ef 36px,#dfd9ef 37px)}.chart-bars i{width:calc(100% / 8);border-radius:4px 4px 0 0;background:linear-gradient(to top,#8570b9,#b2a6ed)}.chart-bars i:nth-child(4n+1){background:linear-gradient(to top,#5f9c9d,#8ccdc2)}.chart-bottom{display:flex;justify-content:space-between;margin:8px 5px;color:#8d84a8;font-size:8px;letter-spacing:1px}.example-body{padding:28px 24px 32px}.example-type{font-size:9px;letter-spacing:1.2px;font-weight:850;color:#5a9d85}.example-body h3{font-size:20px;line-height:1.3;letter-spacing:-.5px;margin:12px 0}.example-body p{font-size:13px;line-height:1.75;color:#6c7889;margin:0}.contact-section{background:#112237;color:white;padding:115px 0;position:relative}.contact-section:before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 0% 100%,#214f4d66,transparent 42%)}.contact-layout{display:grid;grid-template-columns:1fr .91fr;gap:105px;position:relative;align-items:start}.contact-copy>p{max-width:460px}.contact-points{display:flex;flex-direction:column;gap:20px;margin-top:52px}.contact-points span{font-size:13px;color:#b8cfdd;display:flex;align-items:center;gap:18px}.contact-points b{color:var(--mint);font-size:12px;font-weight:700}.contact-form{background:#f8fbfc;color:#152335;border-radius:15px;padding:31px;border:1px solid #a0b5c2;box-shadow:0 25px 75px #030b1347}.form-label-top{display:block;color:#458572;font-size:10px;font-weight:820;letter-spacing:1.2px;margin-bottom:30px}.contact-form label{display:block;font-size:12px;font-weight:750;margin-bottom:8px}.contact-form select,.contact-form textarea{display:block;width:100%;border:1px solid #d6e1e8;color:#233247;background:#fff;padding:14px 13px;font-size:13px;border-radius:7px;outline:0;margin-bottom:21px}.contact-form textarea{resize:vertical;min-height:117px}.contact-form select:focus,.contact-form textarea:focus{border-color:#55bda0;box-shadow:0 0 0 3px #55bda01c}.contact-form .btn{width:100%}.form-note{color:#718297;font-size:10px;line-height:1.65;margin:14px 0 0}.brief-result{margin-top:17px;background:#e6f8ee;border:1px solid #b4e1c9;color:#285c42;border-radius:9px;padding:13px;font-size:12px}.brief-result p{white-space:pre-wrap;margin:8px 0 11px}.copy-btn{background:#225c49;border:0;border-radius:6px;color:#fff;padding:9px 13px;font-size:12px;font-weight:750}.brief-result span{font-size:11px;margin-left:7px}.site-footer{background:#07111f;color:#e4edf4;padding:68px 0 0}.footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:42px;padding-bottom:64px}.footer-top p{font-size:12px;color:#8297ac;line-height:1.75;margin-top:20px}.footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:13px}.footer-top b{font-size:12px;color:white;margin-bottom:7px}.footer-top a:not(.brand),.footer-top span:not(.brand-period):not(.brand-symbol){font-size:12px;color:#94a9bb}.footer-top a:not(.brand):hover{color:var(--mint)}.footer-bottom{border-top:1px solid #203348;padding:23px 0;display:flex;justify-content:space-between;gap:15px;color:#768da2;font-size:11px}
/* AUTH */
.auth-page{background:#081321;color:white;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.auth-page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to right,transparent,#000);pointer-events:none}.auth-header{width:min(calc(100% - 80px),1200px);margin:auto;display:flex;align-items:center;justify-content:space-between;min-height:96px;position:relative}.auth-back{color:#afc3d7;font-size:13px}.auth-back:hover{color:var(--mint)}.auth-main{width:min(calc(100% - 80px),1120px);margin:auto;display:grid;grid-template-columns:1fr 420px;gap:90px;align-items:center;padding:70px 0 110px;flex:1;position:relative}.auth-intro h1{font-size:clamp(44px,4.6vw,65px);line-height:1.12;letter-spacing:-3px;margin:23px 0}.auth-intro p{color:#b0c1d0;max-width:470px;font-size:16px;line-height:1.8}.auth-benefits{display:flex;flex-direction:column;gap:21px;margin-top:45px;color:#c6d6e3;font-size:13px}.auth-benefits div{display:flex;align-items:center;gap:14px}.auth-benefits span{color:#79f3ca;font-size:16px}.login-card{background:#fff;border-radius:19px;color:#172638;padding:32px;box-shadow:0 25px 90px #0007}.demo-notice{font-size:10px;text-align:center;letter-spacing:.6px;font-weight:780;color:#90691e;background:#fff4d7;border:1px solid #fae4ae;border-radius:6px;padding:8px 5px}.demo-notice span{color:#eab44f}.login-brand-mark{background:#e5f9f2;color:#228f71;width:49px;height:49px;border-radius:12px;display:grid;place-items:center;font-size:29px;margin:31px 0 17px}.login-card h2{font-size:25px;letter-spacing:-.7px;margin:0 0 5px}.login-card>p{font-size:13px;color:#7b8999;margin:0 0 26px}.login-card label{font-size:12px;font-weight:710;display:block;margin-bottom:7px}.login-card input{width:100%;height:45px;background:#f9fbfd;border:1px solid #d9e2ec;border-radius:7px;margin-bottom:18px;padding:0 12px;outline:0}.login-card input:focus{border-color:#6ac4a1;box-shadow:0 0 0 3px #6ac4a129}.login-submit{width:100%;margin-top:4px;justify-content:space-between}.login-warning{font-size:10px;color:#8d6c25;line-height:1.5;margin:11px 0 0}.login-demo-message{background:#fff8e5;border:1px solid #e7d5a6;border-radius:7px;padding:12px;font-size:11px;color:#806327;margin-top:12px}.login-separator{height:1px;background:#e6ecf2;position:relative;margin:31px 0 25px}.login-separator span{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:white;white-space:nowrap;padding:0 9px;color:#9ba8b8;font-size:10px;letter-spacing:1px;font-weight:800}.btn-demo{border:1px solid #b7d3cc;color:#22705d;background:#effbf6;width:100%;justify-content:space-between}.auth-footer{border-top:1px solid #2c3b4e;max-width:1200px;width:calc(100% - 80px);margin:auto;padding:22px 0;color:#7e96a9;font-size:11px;display:flex;justify-content:space-between;gap:12px}
/* PORTAL DEMO */
.portal-page{background:#f4f7fa;color:#172638}.portal-shell{min-height:100vh;display:flex}.portal-sidebar{width:260px;flex:0 0 260px;background:#0a192a;color:#e7f1f8;display:flex;flex-direction:column;padding:29px 18px 23px;position:sticky;top:0;height:100vh;z-index:40}.portal-sidebar .brand{font-size:25px;margin-left:7px}.portal-sidebar .brand-symbol{width:29px;height:29px}.workspace-label{font-size:9px;letter-spacing:1.25px;color:#6d889c;font-weight:800;margin:47px 12px 12px}.workspace-select{display:flex;align-items:center;gap:9px;border:1px solid #2d4258;padding:9px 10px;border-radius:9px}.workspace-avatar{background:#1e6557;border-radius:7px;display:grid;place-items:center;width:34px;height:34px;color:#adffe0;font-size:17px;font-weight:820}.workspace-select b,.workspace-select small{display:block}.workspace-select b{font-size:11px}.workspace-select small{font-size:10px;color:#86a0b5;margin-top:3px}.workspace-select>span{margin-left:auto;font-size:18px;color:#879fb4}.portal-nav{display:flex;flex-direction:column;gap:5px;margin-top:28px}.portal-nav-link{background:transparent;color:#a8bdce;border:0;text-align:left;font-size:12px;font-weight:660;display:flex;align-items:center;gap:14px;height:45px;padding:0 13px;border-radius:8px}.portal-nav-link span{font-size:19px;font-weight:400;width:21px;text-align:center}.portal-nav-link.active,.portal-nav-link:hover{background:#173649;color:#8bffcf}.portal-sidebar-bottom{margin-top:auto}.sidebar-demo{border:1px solid #3a5f5b;border-radius:8px;background:#193333;color:#a9e9cd;font-size:10px;font-weight:800;letter-spacing:.6px;padding:12px 13px;margin-bottom:20px}.sidebar-demo>span{color:#71e7b7}.sidebar-demo small{font-weight:400;color:#8cb7ab;font-size:10px}.portal-sidebar-bottom>a{font-size:11px;color:#96aebd;margin-left:12px}.portal-content{min-width:0;flex:1}.portal-topbar{height:77px;background:#fff;border-bottom:1px solid #e1e7ed;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{font-size:12px;color:#758498}.breadcrumb span{padding:0 11px;color:#b7c1ce}.breadcrumb b{color:#263951}.portal-user{display:flex;gap:10px;align-items:center}.portal-user b{font-size:11px}.demo-tag{font-size:9px;letter-spacing:1px;color:#3b8e73;border:1px solid #c8eadd;background:#ecfbf3;padding:6px 9px;border-radius:5px;font-weight:840}.user-avatar{border-radius:50%;height:30px;width:30px;background:#dbedf4;color:#326278;display:grid;place-items:center;font-size:11px;font-weight:820}.portal-main{width:min(100%,1300px);padding:45px 42px 75px;margin:auto}.portal-page-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.portal-kicker{letter-spacing:1.1px;color:#359276;font-size:10px;font-weight:850}.portal-page-header h1{font-size:32px;letter-spacing:-1.1px;margin:8px 0 2px}.portal-page-header p{font-size:13px;color:#75869a;margin:0}.portal-date{font-size:12px;color:#9ba9b9}.portal-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.portal-metric{background:#fff;border:1px solid #e1e7ef;border-radius:11px;padding:22px 21px;min-height:151px}.portal-metric>div{font-size:12px;color:#728396;display:flex;justify-content:space-between;align-items:center}.portal-metric>div span{font-size:16px;color:#8ba69d}.portal-metric strong{display:block;font-size:36px;letter-spacing:-1px;margin-top:15px;line-height:1}.portal-metric small{color:#8e9eaf;font-size:10px}.portal-columns{display:grid;grid-template-columns:1.25fr .9fr;gap:18px}.portal-panel{background:#fff;border:1px solid #e0e7ee;border-radius:11px;padding:25px}.portal-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.portal-panel-head b,.portal-panel-head small{display:block}.portal-panel-head b{font-size:15px}.portal-panel-head small{font-size:11px;color:#9aa8b7;margin-top:3px}.portal-panel-head>span{font-size:18px;color:#9eafbb}.small-text-btn{background:transparent;border:0;color:#379577;font-size:11px;font-weight:760}.portal-project-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-top:1px solid #edf1f5}.project-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;font-size:19px}.project-icon.purple{background:#efecff;color:#7868b3}.project-icon.green{background:#e4f8ee;color:#43a17c}.project-icon.blue{background:#eaf2fc;color:#5d8caf}.project-icon.orange{background:#fff0e5;color:#c4874a}.portal-project-row>div{min-width:0;flex:1}.portal-project-row b,.portal-project-row small{display:block}.portal-project-row b{font-size:11px}.portal-project-row small{color:#94a3b4;font-size:10px}.project-status{display:inline-block;padding:6px 8px;border-radius:5px;font-size:9px;font-weight:770;white-space:nowrap}.status-progress{background:#eae9fb;color:#7367aa}.status-review{background:#fff1dd;color:#ab7a31}.status-done{background:#e5f8ed;color:#3c946f}.status-planned{background:#edf1f6;color:#7e8ea2}.activity-item{display:flex;gap:11px;padding:15px 0;border-top:1px solid #edf1f5;align-items:flex-start}.activity-point{width:9px;height:9px;border-radius:50%;margin-top:5px;flex-shrink:0}.activity-point.green{background:#71ca9e}.activity-point.purple{background:#a99be2}.activity-point.blue{background:#8fb3e6}.activity-point.orange{background:#dfb277}.activity-item>div{min-width:0;flex:1}.activity-item b,.activity-item small{display:block}.activity-item b{font-size:11px}.activity-item small{font-size:10px;color:#9eacba;margin-top:3px}.activity-item time{font-size:10px;color:#a8b7c5}.wide-panel{margin-top:18px}.portal-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.portal-feature-grid>div{border-left:2px solid #a6d8c7;padding:0 13px}.portal-feature-grid span{font-size:10px;font-weight:850;color:#58a68a}.portal-feature-grid b{font-size:12px;display:block;margin:6px 0}.portal-feature-grid p{font-size:11px;color:#91a0b0;line-height:1.5;margin:0}.portal-tab[hidden]{display:none!important}.portal-list-head,.portal-table-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:13px;align-items:center}.portal-list-head{color:#8ba1b1;font-size:10px;font-weight:800;letter-spacing:.7px;padding:14px 0;background:#f8fafc}.portal-table-row{border-top:1px solid #edf1f5;padding:20px 5px;font-size:12px}.portal-table-row>div b,.portal-table-row>div small{display:block}.portal-table-row>div small{font-size:10px;color:#9facbb;margin-top:4px}.portal-table-row>span:nth-child(2){color:#748499;font-size:11px}.portal-table-row .project-status{justify-self:start}.request-card{border-top:1px solid #e7edf2;padding:23px 0;position:relative}.request-card>b{font-size:13px}.request-card>.project-status{float:right}.request-card p{font-size:12px;color:#718299;margin:8px 0}.request-card small{font-size:10px;color:#9baabb}.integration-example{border-top:1px solid #e6eef2;padding:22px 0}.integration-line{display:flex;align-items:center;gap:12px}.integration-platform{background:#edf7f3;padding:9px 15px;border:1px solid #d3e7df;border-radius:6px;font-size:12px;font-weight:790;color:#357661}.integration-line .project-status{margin-left:auto}.integration-example p{font-size:12px;color:#91a1b2;margin:10px 0 0}.doc-row{display:flex;align-items:center;gap:18px;border-top:1px solid #e7edf2;padding:19px 0}.doc-row>span{background:#edf3f9;border-radius:8px;width:42px;height:42px;display:grid;place-items:center;color:#5184b0;font-size:21px}.doc-row>div{flex:1}.doc-row>div b,.doc-row>div small{display:block}.doc-row>div b{font-size:13px}.doc-row>div small{font-size:11px;color:#94a1b3;margin-top:4px}.doc-row em{font-style:normal;color:#9ba9b7;font-size:11px}.portal-menu-toggle{display:none;border:0;background:none;color:#213a53;font-size:22px}.portal-mobile-shade{display:none}
@media(max-width:1150px){.site-nav{gap:18px}.nav-wrap{gap:20px}.hero-layout{grid-template-columns:1fr 1fr;gap:20px}.hero-copy h1{letter-spacing:-2.6px;font-size:55px}.hero-lead{font-size:15px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:380px}.explain-layout,.capabilities-layout{gap:45px}.contact-layout{gap:50px}.method-grid article{padding:18px 12px}.method-grid h3{font-size:18px}.portal-metrics{gap:10px}.portal-main{padding:35px 24px}.portal-topbar{padding:0 26px}}
@media(max-width:860px){.container{width:min(calc(100% - 42px),var(--max))}.site-header{height:72px}.nav-wrap{justify-content:space-between}.brand{font-size:24px}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0c1c2e;padding:23px;border-bottom:1px solid #304659;flex-direction:column;align-items:flex-start;gap:20px}.site-nav.open{display:flex}.nav-actions{margin-left:auto}.nav-contact{display:none}.menu-toggle{display:flex}.hero-section{padding-top:72px}.hero-layout{display:flex;flex-direction:column;align-items:stretch;min-height:unset;padding-top:76px;padding-bottom:45px}.hero-copy h1{max-width:790px;font-size:clamp(48px,8vw,71px)}.hero-lead{max-width:700px}.hero-visual{width:min(100%,610px);margin:45px auto 0}.hero-footer{flex-direction:column;align-items:flex-start;gap:9px}.split-intro{grid-template-columns:1fr;gap:22px}.section-intro p{max-width:690px}.explain-layout,.capabilities-layout,.contact-layout{grid-template-columns:1fr;gap:40px}.explain-copy>p,.capabilities-copy>p,.contact-copy>p{max-width:720px}.explain-schematic{max-width:670px}.method-grid{grid-template-columns:repeat(3,1fr)}.method-grid article{min-height:250px}.example-grid{grid-template-columns:1fr 1fr}.example-card:last-child{grid-column:1/-1;max-width:430px}.footer-top{grid-template-columns:repeat(2,1fr)}.auth-main{grid-template-columns:1fr;gap:60px;max-width:680px;padding:42px 0 70px}.auth-intro h1{max-width:600px}.login-card{max-width:480px;width:100%}.portal-sidebar{width:225px;flex-basis:225px}.portal-metrics{grid-template-columns:repeat(2,1fr)}.portal-columns{grid-template-columns:1fr}}
@media(max-width:590px){.container{width:min(calc(100% - 34px),var(--max))}.site-header{height:68px}.site-nav{top:68px}.brand{font-size:22px}.brand-symbol{width:28px;height:28px}.btn-nav{font-size:12px;padding:11px 13px}.nav-actions{gap:7px}.hero-section{padding-top:68px}.hero-layout{padding-top:66px}.eyebrow{font-size:9px;letter-spacing:1.2px}.hero-copy h1{font-size:clamp(42px,11vw,58px);letter-spacing:-2.2px;line-height:1.1;margin:24px 0 18px}.hero-lead{font-size:14px;line-height:1.75}.hero-cta{gap:20px}.hero-cta .btn{width:100%}.hero-proof{margin-top:32px;display:grid;gap:12px}.hero-visual{margin-top:40px}.system-window{transform:none}.window-top{height:60px;padding:0 12px}.window-body{padding:17px 11px}.flow-card{min-height:110px;padding:11px 7px}.flow-card b{font-size:9px}.flow-card small{font-size:8px}.window-summary{margin-bottom:15px}.summary-title{font-size:11px}.mini-badge{font-size:8px}.window-foot{font-size:8px}.visual-aside{line-height:1.5}.statement-section,.method-section,.examples-section,.explain-section,.capabilities-section,.contact-section{padding:78px 0}.section-intro h2,.explain-copy h2,.capabilities-copy h2,.contact-copy h2{font-size:clamp(35px,8.9vw,48px);letter-spacing:-1.8px}.section-intro p{font-size:13px}.service-grid{grid-template-columns:1fr}.service-card{min-height:unset;padding:25px}.service-glyph{margin:25px 0 20px}.method-grid{grid-template-columns:1fr 1fr;gap:9px}.method-grid article{min-height:225px}.method-grid article:last-child{grid-column:1/-1;min-height:160px}.method-grid h3{margin-top:27px}.method-output{margin-top:30px}.explain-schematic{padding:23px 14px}.diagram-node{padding:13px 9px;gap:8px}.diagram-node strong{font-size:11px}.diagram-node small{font-size:9px}.diagram-tag{font-size:7px}.diagram-header{font-size:9px}.diagram-badge{font-size:7px}.capabilities-panel{padding:19px 15px 10px}.capabilities-panel summary{font-size:12px}.example-grid{grid-template-columns:1fr}.example-card:last-child{grid-column:auto;max-width:unset}.contact-form{padding:23px}.contact-points{margin-top:29px}.footer-top{gap:26px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:6px}.auth-header{width:calc(100% - 34px);min-height:74px}.auth-header .brand{font-size:23px}.auth-back{font-size:11px}.auth-main{width:calc(100% - 34px);padding:44px 0 75px}.auth-intro h1{font-size:42px;letter-spacing:-2px}.auth-intro p{font-size:14px}.auth-benefits{margin-top:26px;font-size:12px}.login-card{padding:22px}.auth-footer{width:calc(100% - 34px);flex-direction:column;gap:5px}.portal-sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-101%);transition:transform .25s;box-shadow:12px 0 35px #1c304433}.portal-sidebar.mobile-open{transform:translateX(0)}.portal-mobile-shade.visible{display:block;position:fixed;inset:0;background:#071522b3;z-index:35}.portal-menu-toggle{display:block}.portal-topbar{height:69px;padding:0 18px;justify-content:flex-start;gap:14px}.portal-user{margin-left:auto}.portal-user b{display:none}.portal-main{padding:27px 16px 60px}.portal-page-header{gap:12px}.portal-page-header h1{font-size:27px}.portal-date{display:none}.portal-metrics{gap:10px}.portal-metric{min-height:120px;padding:16px 12px}.portal-metric>div{font-size:10px}.portal-metric strong{font-size:29px}.portal-metric small{font-size:9px}.portal-panel{padding:17px 14px}.portal-project-row{gap:7px}.project-icon{height:30px;width:30px}.project-status{font-size:8px;padding:5px}.portal-feature-grid{grid-template-columns:repeat(2,1fr)}.portal-table-row,.portal-list-head{grid-template-columns:1.4fr .7fr .9fr;gap:4px}.portal-table-row>div b{font-size:10px}.portal-table-row>span:nth-child(2){font-size:9px}.request-card>.project-status{float:none;display:table;margin:8px 0}.integration-line{gap:5px}.integration-platform{padding:8px 9px;font-size:10px}.portal-list-head{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}



/* ==============================================================
   IDENTIDAD CAMTECHY 2026 — Adaptación al Brochure Corporativo
   Azul petróleo · Grafito · Blanco · Azul grisáceo
   Logotipo extraído del documento corporativo aportado.
   ============================================================== */
:root {
  --brand: #3c7587;
  --brand-deep: #2c5b6c;
  --brand-muted: #71939e;
  --brand-wash: #e8f0f3;
  --graphite: #36383a;
  --bg: #ffffff;
  --bg-2: #f7fafa;
  --panel: #ffffff;
  --white: #ffffff;
  --ink: #36383a;
  --darktext: #36383a;
  --muted: #627680;
  --lightmuted: #68767c;
  --mint: #3c7587;
  --mint-soft: #dae9ed;
  --violet: #527f90;
  --border: #dbe5e8;
  --light: #f7f9fa;
  --radius: 13px;
}
body { color:var(--graphite); }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible {outline-color:#39758a;}
.brand { color:var(--graphite); gap:0; }
.brand-logo {display:block;width:205px;height:auto;max-width:100%;object-fit:contain;}
.site-header {background:rgba(255,255,255,.97);color:var(--graphite);border-bottom:1px solid #e4eaec;position:absolute;}
.site-nav a,.nav-contact {color:#515c61;}
.site-nav a:hover,.nav-contact:hover {color:var(--brand);}
.btn {border-radius:7px;}
.btn-nav {background:#fff;color:var(--brand-deep);border:1px solid #c4d4da;}
.btn-nav:hover {background:#edf5f7;color:var(--brand-deep);}
.nav-lock {color:var(--brand);}
.btn-primary {background:var(--brand);color:white;box-shadow:0 8px 25px #3c758717;}
.btn-primary:hover {background:#2c5b6c;box-shadow:0 10px 26px #3c75872b;}
.menu-toggle {background:white;border-color:#d3e0e4;}
.menu-toggle span {background:var(--brand-deep);}
.hero-section {background:#fff;color:var(--graphite);}
.hero-grid {background-image:linear-gradient(#d9e5e922 1px,transparent 1px),linear-gradient(90deg,#d9e5e922 1px,transparent 1px);mask-image:linear-gradient(to right,transparent,#000 65%);}
.hero-glow {background:radial-gradient(circle,#ddebf080,transparent 59%);}
.hero-layout {min-height:630px;padding-top:75px;padding-bottom:62px;gap:50px;}
.eyebrow,.section-kicker,.kicker-bright {color:var(--brand-deep);}
.eyebrow-dot,.status-green {background:var(--brand);box-shadow:none;}
.hero-copy h1 {color:var(--graphite);font-size:clamp(45px,4.35vw,65px);line-height:1.12;letter-spacing:-2.9px;}
.hero-copy h1 em,.auth-intro h1 em {color:var(--brand-deep);}
.hero-lead {color:#647179;max-width:530px;font-size:16px;line-height:1.8;}
.text-link {color:var(--brand-deep);border-color:#aac4cc;}
.proof-pill {color:#606f77;}
.proof-check {color:var(--brand);border-color:#8badb9;}
.visual-top-tag {color:var(--brand-deep);}
.system-window {background:#fff;border:1px solid #d4e1e5;box-shadow:0 24px 70px #29414f19, inset 0 1px 0 white;transform:perspective(1300px) rotateY(-2deg) rotateX(1deg);}
.window-top {background:#f4f8f9;border-bottom-color:#dee9ec;}
.window-brand-icon {background:#e4eef1;color:var(--brand-deep);}
.window-brand b {color:#313d41;}
.window-brand small {color:#73858a;}
.window-actions span {border-color:#b6c7cc;}
.summary-title {color:#34454b;}
.mini-badge {background:#e8f1f4;color:#366f80;}
.flow-card {background:#f7fafb;border-color:#dae5e9;}
.flow-card b {color:#42545c;}
.flow-card small {color:#75878e;}
.flow-icon-blue,.flow-icon-purple,.flow-icon-green {background:#e5eff2;color:#3c7587;}
.flow-link {color:var(--brand);}
.event-title,.event-title span {color:#667d86;}
.event-line {color:#4c6068;border-bottom-color:#e6edef;}
.event-line small {color:#92a3aa;}
.event-check {color:var(--brand);background:#e8f0f3;}
.window-foot {color:#637d86;}
.window-foot i {background:#4e8494;}
.visual-aside {color:#738b95;}
.visual-aside span {color:var(--brand);}
.hero-footer {border-top-color:#e7ecee;}
.hero-footer span {color:var(--brand-deep);}
.hero-footer strong {color:#56646a;}
.section-intro h2 span {color:var(--brand);}
.section-intro p {color:#67777e;}
.service-card {border-color:#dce6e9;border-radius:13px;}
.service-card:hover {border-color:#87a9b3;box-shadow:0 20px 35px #3c758715;}
.service-glyph,.glyph-nodes,.glyph-bolt,.glyph-chart {background:#e8f0f3;color:var(--brand);}
.micro-heading {color:var(--brand-deep);}
.service-card li:before {color:var(--brand);}
.explain-section {background:#e8f0f3;color:var(--graphite);}
.explain-section:after {background:radial-gradient(circle,#c4dce359,transparent 65%);}
.explain-copy h2 span,.capabilities-copy h2 span {color:var(--brand);}
.explain-copy>p,.capabilities-copy>p {color:#586c75;}
.explain-switch {background:#d6e4e9;}
.switch-btn {color:#607a84;}
.switch-btn.active {background:var(--brand);color:white;}
.explain-panel {background:#fff;border-color:#cedee3;color:#536a74;}
.explain-panel b {color:#345769;}
.explain-schematic {background:white;border-color:#d5e3e6;box-shadow:0 22px 58px #36556212;}
.diagram-header {color:#6e8791;}
.diagram-badge {color:#3c7587;background:#eaf1f4;border-color:#bfd3da;}
.diagram-node {background:#f7fafb;border-color:#d7e5e9;}
.diagram-node.focus {background:#eaf3f6;border-color:#89adba;}
.diagram-step,.diagram-tag,.diagram-connector span {color:var(--brand);}
.diagram-node strong,.diagram-result b {color:#3a525b;}
.diagram-node small,.diagram-result small {color:#738c95;}
.diagram-connector {color:#6a8490;}
.diagram-result {background:#e8f1f4;border-color:#c3dbe2;}
.diagram-result>span {background:#d1e6eb;color:var(--brand);}
.method-grid article {background:#f7fafb;border-top-color:#6e98a5;}
.method-no,.method-output {color:var(--brand);}
.capabilities-section {background:#fff;color:var(--graphite);}
.stack-list span {color:#315f6e;background:#eaf1f4;border-color:#cbdee4;}
.cap-disclaimer {color:#7c9099;}
.capabilities-panel {background:#f7fafb;border-color:#dce7ea;}
.capabilities-head,.capabilities-head span:last-child {color:#69828b;}
.capabilities-panel details {border-top-color:#dce6e9;}
.capabilities-panel summary {color:#35484f;}
.cap-number,.detail-symbol {color:var(--brand);}
.capabilities-panel details p {color:#667b84;}
.example-canvas,.canvas-one,.canvas-two,.canvas-three {background:#e8f0f3;}
.canvas-one .canvas-dot,.canvas-two .canvas-dot,.canvas-three .canvas-dot {background:var(--brand);}
.chart-bars i,.chart-bars i:nth-child(4n+1) {background:linear-gradient(to top,#3d7182,#8fb5bf);}
.example-type {color:var(--brand);}
.example-card:hover {box-shadow:0 15px 36px #345e6b16;}
.contact-section {background:#346f82;color:#fff;}
.contact-section:before {background:radial-gradient(circle at 5% 105%,#ffffff16,transparent 47%);}
.contact-section .section-kicker {color:#d7edf3;}
.contact-copy h2 span {color:#deeff4;}
.contact-copy>p {color:#e1edf1;}
.contact-points span {color:#e6eff2;}
.contact-points b {color:#d9ecf3;}
.contact-direct {margin-top:29px;display:flex;flex-wrap:wrap;gap:8px 24px;}
.contact-direct a {color:#fff;font-size:13px;font-weight:680;border-bottom:1px solid #b7d1da;padding-bottom:4px;}
.contact-form {background:white;border-color:#bbd2d9;box-shadow:0 19px 45px #17333e33;}
.form-label-top {color:var(--brand);}
.contact-form select:focus,.contact-form textarea:focus {border-color:#3c7587;box-shadow:0 0 0 3px #3c758725;}
.brief-result {background:#eaf3f6;border-color:#b9d3dc;color:#315c6c;}
.copy-btn {background:var(--brand);}
.site-footer {background:#fff;color:var(--graphite);border-top:1px solid #e1eaed;}
.footer-top p,.footer-top a:not(.brand),.footer-top span:not(.brand-period):not(.brand-symbol) {color:#66777d;}
.footer-top b {color:#39464b;}
.footer-top a:not(.brand):hover {color:var(--brand);}
.footer-bottom {border-top-color:#e0e9ec;color:#71838b;}
.footer-bottom a {color:var(--brand-deep);}
/* LOGIN · Clarity consistent with the public brochure */
.auth-page {background:#f7fafb;color:var(--graphite);}
.auth-page:before {background-image:linear-gradient(#d9e5e944 1px,transparent 1px),linear-gradient(90deg,#d9e5e944 1px,transparent 1px);}
.auth-back {color:var(--brand-deep);}
.auth-intro h1 {color:var(--graphite);}
.auth-intro p,.auth-benefits {color:#63757e;}
.auth-benefits span {color:var(--brand);}
.login-card {box-shadow:0 25px 65px #24455216;border:1px solid #d9e5e8;}
.login-brand-mark {width:100%;height:auto;background:transparent;margin:20px 0 23px;display:flex;justify-content:flex-start;padding:0;}
.login-brand-mark img {display:block;width:195px;height:auto;}
.login-card input:focus {border-color:var(--brand);box-shadow:0 0 0 3px #3c758721;}
.btn-demo {color:var(--brand);background:#edf4f6;border-color:#bfd3d9;}
.auth-footer {border-top-color:#dae5e9;color:#72878e;}
/* PORTAL · demo only; neutral interface, teal blue identity */
.portal-page {background:#f7fafb;color:var(--graphite);}
.portal-sidebar {background:#fff;color:var(--graphite);border-right:1px solid #dce7ea;}
.portal-sidebar .brand-logo {width:188px;}
.workspace-label {color:#79909b;}
.workspace-select {border-color:#d7e5e9;background:#f7fafb;}
.workspace-avatar {color:#fff;background:#3c7587;}
.workspace-select small {color:#80969f;}
.workspace-select>span {color:#81969d;}
.portal-nav-link {color:#5e727b;}
.portal-nav-link.active,.portal-nav-link:hover {background:#e8f1f4;color:#2c6172;}
.sidebar-demo {background:#e8f1f4;border-color:#c1d5dc;color:#376f81;}
.sidebar-demo>span,.sidebar-demo small {color:#426d7b;}
.portal-sidebar-bottom>a {color:#517481;}
.demo-tag {color:var(--brand);background:#edf5f7;border-color:#cadee4;}
.portal-kicker {color:var(--brand);}
.portal-feature-grid>div {border-left-color:#8bafb9;}
.portal-feature-grid span {color:var(--brand);}
.integration-platform {color:var(--brand);background:#e8f0f3;border-color:#cadee4;}
.small-text-btn {color:var(--brand);}
@media (max-width:860px) {
 .site-nav {background:#fff;border-color:#dce6ea;box-shadow:0 15px 20px #203a4412;}
 .site-nav a {color:#4a6069;}
 .hero-layout {padding-top:63px;}
 .hero-copy h1 {font-size:clamp(44px,7vw,62px);}
}
@media (max-width:590px) {
 .brand-logo {width:164px;}
 .portal-sidebar .brand-logo {width:178px;}
 .hero-copy h1 {font-size:clamp(39px,9.7vw,50px);letter-spacing:-1.8px;}
 .hero-layout {padding-top:46px;}
 .auth-header .brand-logo {width:166px;}
 .contact-direct {flex-direction:column;align-items:flex-start;}
}
/* ===========================================================
   CAMTECHY · AJUSTE DE LEGIBILIDAD V2 (21/10/2026)
   Tamaños tipográficos consistentes y optimizados para lectura.
   La identidad cromática y el logo del brochure se conservan.
   =========================================================== */
:root {
  --type-body: 16px;
  --type-small: 14px;
  --type-label: 12px;
  --type-muted: #53646c;
}
body {font-size: var(--type-body); line-height: 1.65;}
/* Navegación y acciones */
.site-nav a,.nav-contact {font-size:15px;}
.btn,.btn-nav,.text-link {font-size:15px;}
.btn {min-height:44px;}
.nav-wrap {gap:23px;}
.site-nav {gap:22px;}
.nav-actions {gap:17px;}
/* Títulos, contexto y textos descriptivos */
.eyebrow,.section-kicker {font-size:12px;letter-spacing:1.25px;line-height:1.5;}
.hero-lead {font-size:18px;line-height:1.75;color:#495d65;}
.hero-copy h1 {letter-spacing:-2.2px;}
.proof-pill {font-size:13px;line-height:1.5;color:#4b626a;}
.hero-proof {gap:12px 21px;margin-top:35px;}
.hero-footer span {font-size:12px;color:#2c5b6c;}
.hero-footer strong {font-size:15px;color:#47595f;}
.section-intro p {font-size:17px;line-height:1.7;color:#52636b;}
.section-intro h2,.explain-copy h2,.capabilities-copy h2,.contact-copy h2 {letter-spacing:-1.6px;}
/* Tarjetas: servicios */
.service-grid {gap:18px;}
.service-card {padding:27px 24px 28px;min-height:470px;}
.service-index {font-size:13px;color:#526872;}
.service-card h3 {font-size:21px;line-height:1.3;letter-spacing:-.5px;}
.service-card > p {font-size:15px;line-height:1.75;color:#52656d;}
.micro-heading {font-size:12px;letter-spacing:.75px;line-height:1.45;}
.service-card li {font-size:14px;line-height:1.6;color:#52636a;}
/* Vista gráfica del primer pantallazo; mayor escala y peso */
.visual-top-tag {font-size:12px;letter-spacing:.8px;}
.window-brand b {font-size:14px;}
.window-brand small {font-size:12px;color:#526c74;}
.summary-title {font-size:16px;line-height:1.3;}
.mini-badge {font-size:12px;line-height:1.2;}
.flow-card {min-height:137px;padding:15px 10px;gap:5px;}
.flow-card b {font-size:12px;line-height:1.3;overflow-wrap:anywhere;}
.flow-card small {font-size:11px;line-height:1.3;color:#526970;}
.event-title {font-size:11px;letter-spacing:.5px;}
.event-line {font-size:12px;height:auto;min-height:43px;line-height:1.4;padding:6px 0;}
.event-line small {font-size:11px;color:#5b727c;}
.window-foot {font-size:11px;line-height:1.35;color:#506872;}
.visual-aside {font-size:11px;line-height:1.5;letter-spacing:.8px;}
/* Explicación comercial / técnica */
.explain-copy > p,.capabilities-copy > p,.contact-copy > p {font-size:16px;line-height:1.75;color:#4d626b;}
.switch-btn {font-size:14px;min-height:42px;}
.explain-panel {font-size:15px;line-height:1.7;color:#415963;}
.diagram-header,.capabilities-head {font-size:12px;line-height:1.5;}
.diagram-badge,.diagram-tag {font-size:11px;line-height:1.3;}
.diagram-step {font-size:13px;}
.diagram-node strong,.diagram-result b {font-size:15px;}
.diagram-node small,.diagram-result small {font-size:13px;line-height:1.4;color:#52666f;}
.diagram-connector {font-size:12px;line-height:1.5;}
/* Método */
.method-no {font-size:14px;}
.method-grid h3 {font-size:22px;}
.method-grid p {font-size:15px;line-height:1.65;color:#52656d;}
.method-output {font-size:12px;line-height:1.5;}
/* Alcance técnico */
.stack-list span {font-size:13px;line-height:1.4;}
.cap-disclaimer {font-size:13px;line-height:1.6;color:#526873;}
.capabilities-panel summary {font-size:16px;line-height:1.5;}
.cap-number {font-size:12px;}
.capabilities-panel details p {font-size:14px;line-height:1.75;color:#50636b;}
/* Mini interfaces de ejemplos, con microtexto legible */
.canvas-top {font-size:11px;letter-spacing:.65px;}
.expense-row b,.kanban-column b,.chart-head strong {font-size:13px;line-height:1.4;}
.expense-row small,.kanban-column > span,.chart-head small {font-size:11px;line-height:1.4;}
.expense-status {font-size:11px;line-height:1.3;}
.chart-bottom {font-size:10px;}
.example-type {font-size:12px;letter-spacing:.65px;}
.example-body h3 {font-size:22px;}
.example-body p {font-size:15px;line-height:1.7;color:#52656d;}
/* Formulario y pie */
.contact-points span {font-size:15px;}
.contact-points b {font-size:13px;}
.contact-direct a {font-size:15px;}
.form-label-top {font-size:12px;}
.contact-form label {font-size:15px;}
.contact-form select,.contact-form textarea {font-size:16px;line-height:1.5;}
.form-note,.login-warning {font-size:13px;line-height:1.55;}
.brief-result,.copy-btn {font-size:14px;}
.brief-result span {font-size:12px;}
.footer-top p,.footer-top b,.footer-top a:not(.brand),.footer-top span:not(.brand-period):not(.brand-symbol) {font-size:14px;line-height:1.65;color:#53646b;}
.footer-top b {color:#36454b;}
.footer-bottom {font-size:13px;line-height:1.6;color:#52656e;}
/* Ingreso */
.auth-back {font-size:15px;}
.auth-intro p {font-size:18px;line-height:1.75;color:#526670;}
.auth-benefits {font-size:15px;line-height:1.6;color:#50636a;}
.demo-notice {font-size:12px;line-height:1.45;}
.login-card h2 {font-size:28px;}
.login-card > p {font-size:15px;line-height:1.6;}
.login-card label {font-size:15px;}
.login-card input {font-size:16px;min-height:46px;}
.login-demo-message {font-size:14px;line-height:1.6;}
.login-separator span {font-size:12px;}
.auth-footer {font-size:13px;line-height:1.5;color:#536871;}
/* Portal: navegación, tablas, tarjetas y mensajes */
.workspace-label,.portal-kicker {font-size:12px;letter-spacing:.75px;}
.workspace-select b {font-size:14px;}
.workspace-select small {font-size:12px;color:#516b75;}
.portal-nav-link {font-size:15px;line-height:1.45;min-height:42px;}
.sidebar-demo,.sidebar-demo small {font-size:12px;line-height:1.5;}
.portal-sidebar-bottom > a {font-size:14px;}
.breadcrumb {font-size:14px;}
.portal-user b {font-size:13px;}
.demo-tag {font-size:11px;}
.portal-page-header p {font-size:15px;line-height:1.6;}
.portal-date {font-size:14px;}
.portal-metric > div {font-size:14px;line-height:1.45;}
.portal-metric small {font-size:12px;line-height:1.5;color:#53666f;}
.portal-panel-head b {font-size:17px;}
.portal-panel-head small {font-size:13px;line-height:1.5;color:#52656d;}
.small-text-btn {font-size:14px;}
.portal-project-row b,.activity-item b {font-size:14px;line-height:1.45;}
.portal-project-row small,.activity-item small {font-size:12px;line-height:1.5;color:#54656d;}
.project-status {font-size:11px;line-height:1.4;}
.activity-item time {font-size:12px;}
.portal-feature-grid span {font-size:12px;}
.portal-feature-grid b {font-size:15px;}
.portal-feature-grid p {font-size:13px;line-height:1.55;}
.portal-list-head {font-size:12px;}
.portal-table-row {font-size:14px;line-height:1.5;}
.portal-table-row > div b {font-size:14px;}
.portal-table-row > div small {font-size:12px;line-height:1.5;}
.portal-table-row > span:nth-child(2) {font-size:13px;}
.request-card > b,.doc-row > div b {font-size:15px;}
.request-card p,.integration-example p {font-size:14px;line-height:1.6;}
.request-card small,.doc-row > div small {font-size:12px;line-height:1.5;}
.integration-platform {font-size:13px;}
.doc-row em {font-size:12px;}
/* Ajustes en puntos de ruptura para evitar comprimidos */
@media (max-width: 1150px) {
  .site-nav {gap:15px;}
  .site-nav a,.nav-contact {font-size:14px;}
  .hero-layout {gap:30px;}
  .service-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .service-card {min-height:360px;}
}
@media (max-width:860px) {
  .site-nav a {font-size:16px;}
  .hero-lead {font-size:17px;}
  .service-card {min-height:0;}
  .section-intro p {font-size:16px;}
  .portal-project-row b,.activity-item b {font-size:14px;}
}
@media (max-width:590px) {
  .container {width:min(calc(100% - 38px),var(--max));}
  .eyebrow,.section-kicker {font-size:11px;letter-spacing:.85px;}
  .hero-copy h1 {font-size:clamp(38px,9.5vw,48px);letter-spacing:-1.55px;}
  .hero-lead {font-size:17px;line-height:1.72;}
  .hero-proof {margin-top:24px;}
  .proof-pill {font-size:13px;}
  .hero-cta {gap:19px;}
  .hero-cta .btn {text-align:center;}
  .visual-top-tag {font-size:11px;}
  .system-window {transform:none;}
  .window-body {padding:17px 13px 16px;}
  .window-summary {align-items:flex-start;flex-wrap:wrap;gap:8px;}
  .summary-title {font-size:15px;}
  .mini-badge {font-size:11px;}
  .flow-diagram {gap:4px;}
  .flow-card {padding:11px 7px;min-height:126px;}
  .flow-card b {font-size:11px;}
  .flow-card small {font-size:10px;}
  .flow-icon {width:26px;height:26px;}
  .event-title {font-size:10px;}
  .event-line {font-size:11px;}
  .window-foot {font-size:10px;}
  .visual-aside {font-size:10px;}
  .hero-footer {align-items:flex-start;gap:9px;}
  .hero-footer strong {font-size:14px;}
  .section-intro h2,.explain-copy h2,.capabilities-copy h2,.contact-copy h2 {font-size:clamp(32px,8.9vw,42px);letter-spacing:-1.35px;}
  .section-intro p {font-size:16px;line-height:1.65;}
  .service-grid {grid-template-columns:1fr;}
  .service-card {min-height:0;}
  .service-card > p,.service-card li {font-size:15px;}
  .explain-copy > p,.capabilities-copy > p,.contact-copy > p {font-size:16px;}
  .explain-panel {font-size:15px;}
  .diagram-header,.capabilities-head {font-size:11px;}
  .diagram-badge,.diagram-tag {font-size:10px;}
  .diagram-node strong {font-size:14px;}
  .diagram-node small {font-size:12px;}
  .diagram-result b {font-size:14px;}
  .diagram-result small {font-size:12px;}
  .method-grid p {font-size:15px;}
  .capabilities-panel summary {font-size:15px;}
  .capabilities-panel details p {font-size:14px;}
  .example-body p {font-size:15px;}
  .contact-direct a {font-size:16px;overflow-wrap:anywhere;}
  .form-note {font-size:13px;}
  .auth-back {font-size:13px;}
  .auth-intro p {font-size:16px;}
  .auth-benefits {font-size:14px;}
  .login-warning {font-size:13px;}
  .portal-page-header p {font-size:15px;}
  .portal-metric > div {font-size:13px;}
  .portal-metric small {font-size:12px;}
  .portal-table-row > div b {font-size:13px;}
  .portal-table-row > span:nth-child(2) {font-size:12px;}
  .project-status {font-size:11px;}
  .portal-list-head {font-size:11px;}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto;}
}
@media(max-width:420px) {
  /* La etiqueta del paso es secundaria: damos prioridad al contenido del flujo. */
  .diagram-tag {display:none;}
  .diagram-node {gap:10px;}
  .diagram-node>div {min-width:0;}
  .diagram-header {gap:6px;flex-wrap:wrap;}
  .window-foot {flex-wrap:wrap;gap:9px;}
  .flow-card {width:30%;}
}

/* V4 — Legibilidad en contacto, prevalece sobre reglas generales anteriores */
.contact-section .contact-copy > p { color:#f2f8fa; font-size:17px; line-height:1.72; }
.contact-section .contact-copy .contact-points span { color:#f2f8fa; }
.contact-section .contact-direct a { color:#ffffff; font-size:17px; font-weight:700; text-decoration-thickness:1px; text-underline-offset:5px; }
@media (max-width:590px) {
  .contact-section .contact-copy > p { font-size:16px; }
}