/* COTNAS Ocean / shared visual layer. Loaded after page-owned layouts. */
html[data-cotnas-ui]{
 --ocean-bg:#20384f;--ocean-panel:#29465f;--ocean-raised:#33556e;
 --ocean-edge:#54758d;--ocean-text:#f0f7fc;--ocean-muted:#c4d5e2;
 --ocean-blue:#69baff;--ocean-teal:#53dece;--ocean-sky:#b6e6ff;
 --ocean-gradient:linear-gradient(115deg,#64b9ff,#72e6d8);
 --bg-primary:var(--ocean-bg);--bg-secondary:#0a172a;--surface:var(--ocean-panel);
 --border:var(--ocean-edge);--text-primary:var(--ocean-text);--text-secondary:var(--ocean-muted);
 --accent:var(--ocean-teal);--accent-glow:#53dece22;
 --cotnas-bg:var(--ocean-bg);--cotnas-surface:var(--ocean-panel);--cotnas-surface-raised:var(--ocean-raised);
 --cotnas-text:var(--ocean-text);--cotnas-muted:var(--ocean-muted);--cotnas-accent:var(--ocean-teal);
 --cotnas-line:var(--ocean-edge);--cotnas-radius:18px;
 --bg:var(--ocean-bg);--text:var(--ocean-text);--muted:var(--ocean-muted);--cp-accent:var(--ocean-teal);
 --cot-bg:var(--ocean-bg);--cot-panel:var(--ocean-panel);--cot-panel-2:var(--ocean-raised);
 --cot-border:#69baff30;--cot-border-strong:#69baff70;--cot-text:var(--ocean-text);--cot-muted:var(--ocean-muted);
 --cot-green:var(--ocean-teal);--cot-cyan:var(--ocean-blue);
 --bg0:var(--ocean-bg);--bg1:#0b1b32;--bg2:#102d46;--card:var(--ocean-panel);--card2:var(--ocean-raised);
 --cyan:var(--ocean-blue);--border2:#8ecaff20;--muted2:#8eaac2;
 --cotnas-title:clamp(1.65rem,2.7vw,2.35rem);--cotnas-section:clamp(1.4rem,2.2vw,1.95rem);
 background:var(--ocean-bg);scroll-padding-top:110px;color-scheme:dark;
}
@media screen{
 html[data-cotnas-ui] body{background:radial-gradient(ellipse at 85% 0,#193b634f,transparent 48%),radial-gradient(ellipse at 0 35%,#1260681f,transparent 46%),var(--ocean-bg);color:var(--ocean-text);font-family:var(--cotnas-font);line-height:1.65;-webkit-font-smoothing:antialiased}
 html[data-cotnas-ui] ::selection{background:#337fa2;color:#fff}
 html[data-cotnas-ui] body :is(h1,h2,h3,h4){color:var(--ocean-text);text-shadow:none;letter-spacing:-.035em}
 html[data-cotnas-ui] body h1{border:0;padding-inline-start:0;line-height:1.18}
 html[data-cotnas-ui] body :is(.desc,.section-desc,.subtitle,.lead,.help,.muted,.cp-lead,.meta){color:var(--ocean-muted);line-height:1.75}
 html[data-cotnas-ui] body :is(.eyebrow,.cp-eyebrow,.tag,.module-label,.terminal-prompt){color:var(--ocean-teal)}
 html[data-cotnas-ui] body :is(.main-nav,.topbar,.articles-header,.cp-header,.site-header,.navbar){background:#09192beb;border-color:#7fcaff29;box-shadow:0 8px 35px #02081725;backdrop-filter:blur(18px)}
 html[data-cotnas-ui] body :is(.card,.panel,.content-card,.article-card,.cp-card,.cp-panel,.legal-card,.legal-header,.hero-card,.hero-panel,.calculator-shell,.result-card,.kp-shell,.contact-public-card,.dashboard-card,.giveaway-card,.admin-form-card){background:linear-gradient(145deg,#132b41d9,#0b192ef5);border-color:var(--ocean-edge);border-radius:18px;box-shadow:0 16px 40px -24px #0009,inset 0 1px #b5e4ff0b}
 html[data-cotnas-ui] body :is(.cp-hero,.article-hero){background:radial-gradient(ellipse at 90% 20%,#26728b40,transparent 60%),linear-gradient(130deg,#102c47,#08152a);border-color:var(--ocean-edge)}
 html[data-cotnas-ui] body :is(.cp-hero,.article-hero,.legal-header) h1{max-width:850px}
 html[data-cotnas-ui] body :is(.cp-card,.article-card,.legal-card){padding:clamp(20px,2.3vw,30px)}
 html[data-cotnas-ui] body .article-card img{filter:none;border-radius:10px}
 html[data-cotnas-ui] body :is(.btn,.button,.btn-nav,.cp-button,.contact-submit,.small-btn,.page-btn){border-radius:10px;font-family:var(--cotnas-font);letter-spacing:0;transition:background .2s,border-color .2s,box-shadow .2s,translate .2s}
 html[data-cotnas-ui] body :is(.btn-primary,.btn-login,.btn-green,.cp-button,.contact-submit){background:var(--ocean-gradient);border:1px solid #8ce3f080;color:#06243c;box-shadow:0 6px 24px -9px #44b9fb80;font-weight:700}
 html[data-cotnas-ui] body :is(.btn-secondary,.btn-ghost,.cp-button-secondary){background:#112b43;color:var(--ocean-sky);border:1px solid #335773}
 html[data-cotnas-ui] body :is(.btn,.button,.cp-button,.contact-submit):not(:disabled):hover{filter:none;translate:0 -2px;box-shadow:0 12px 26px -15px #3ebae2a0}
 html[data-cotnas-ui] body :is(input,textarea,select){accent-color:var(--ocean-teal)}
 html[data-cotnas-ui] body :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=submit]),textarea,select){background-color:#08182c;color:var(--ocean-text);border-color:#35546f;border-radius:10px;box-shadow:inset 0 1px 3px #0003;font-family:var(--cotnas-font)}
 html[data-cotnas-ui] body :is(input,textarea)::placeholder{color:#8ca9c2;opacity:1}
 html[data-cotnas-ui] body :is(input,textarea,select):focus{border-color:var(--ocean-blue);box-shadow:0 0 0 3px #69baff1c}
 html[data-cotnas-ui] body :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--ocean-teal);outline-offset:4px}
 html[data-cotnas-ui] body :is(.field,.form-group,.contact-field) label{color:#c3d9e9;font-family:var(--cotnas-font);letter-spacing:0;font-size:.875rem}
 html[data-cotnas-ui] body :is(input.is-invalid,input.is-invalid:focus){border-color:#ff687c;box-shadow:0 0 0 2px #ff687c24}
 html[data-cotnas-ui] body :is(.shell-top,.shell-bar,.term-bar,.result-card-header){background:#122941;border-color:var(--ocean-edge);color:var(--ocean-muted)}
 html[data-cotnas-ui] body :is(.kpi,.stat-card,.check-item,.summary-card,.plan-card){background:#0d2238;border-color:var(--ocean-edge);border-radius:12px}
 html[data-cotnas-ui] body :is(.calc-form,.calc-output){background:#0b1c30;border-color:var(--ocean-edge)}
 html[data-cotnas-ui] body th{background:#102940;color:#b9d6ec;border-color:var(--ocean-edge)}
 html[data-cotnas-ui] body td{border-color:#27445d80}
 html[data-cotnas-ui] body :is(pre,code,.mono){font-family:var(--cotnas-mono)}
 html[data-cotnas-ui] body :is(.scramble-visual,.context-halo,.data-assembly,.assembly-skip){display:none!important}
 html[data-cotnas-ui] body .scramble-real{opacity:1!important}
 html[data-cotnas-ui] body .cotnas-title-motion{animation:ocean-title-in .6s ease both;border:0!important;padding-inline-start:0!important}
 html[data-cotnas-ui] body :is(.logo,.logo-text strong,.brand-link){color:var(--ocean-text);text-shadow:none}
 html[data-cotnas-ui] body :is(.footer,.security-footer,.site-footer){background:#071326;border-color:#27445d;color:var(--ocean-muted)}
}

/* Homepage: editorial rhythm, a glass shield and a working demonstration terminal. */
html[data-cotnas-ui] body.cotnas-premium{--section-gap:clamp(64px,7vw,104px);background:var(--ocean-bg)}
html[data-cotnas-ui] .cotnas-premium .container{width:min(1300px,calc(100% - 80px))}
html[data-cotnas-ui] .cotnas-premium .main-nav{width:calc(100% - 40px);top:16px;border-radius:16px;margin:16px auto 0;background:#0b1a2de8;box-shadow:0 16px 45px -25px #0009;border-color:#6ab6e32e}
html[data-cotnas-ui] .cotnas-premium .nav-inner{width:calc(100% - 44px);min-height:68px;padding:10px 0;gap:22px}
html[data-cotnas-ui] .cotnas-premium .logo{font:700 21px var(--cotnas-font);letter-spacing:.16em;color:#e5f6ff}
html[data-cotnas-ui] .cotnas-premium .logo::before{content:'◈';color:var(--ocean-teal);letter-spacing:0;font-size:26px;vertical-align:-2px;margin-right:10px}
html[data-cotnas-ui] .cotnas-premium .nav-status{display:none}
html[data-cotnas-ui] .cotnas-premium .menu{margin-left:auto;gap:19px}
html[data-cotnas-ui] .cotnas-premium .menu>a{color:#b8cce0;font-size:13px;position:relative}
html[data-cotnas-ui] .cotnas-premium .menu>a:hover{color:#8bdcff}
html[data-cotnas-ui] .cotnas-premium .menu .nav-audit{background:#122f49;color:#b1e6fa;border-color:#3b718a;border-radius:9px}
html[data-cotnas-ui] .cotnas-premium .menu .btn-login{background:var(--ocean-gradient);color:#07223b!important;border-color:transparent}
html[data-cotnas-ui] .cotnas-premium .btn-nav{font-family:var(--cotnas-font);font-size:12px;border-radius:9px}
html[data-cotnas-ui] .cotnas-premium #inicio{position:relative;isolation:isolate;background:transparent;min-height:0;padding:64px 0 0;overflow:hidden}
html[data-cotnas-ui] .cotnas-premium #inicio::before{background:radial-gradient(ellipse at 80% 36%,#17517b55,transparent 45%),radial-gradient(ellipse at 12% 0,#0c3d5a22,transparent 55%);inset:0;z-index:-1;pointer-events:none}
html[data-cotnas-ui] .cotnas-premium #inicio::after{background-image:radial-gradient(#90d7ff26 .7px,transparent .7px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent,#0009);z-index:-1}
html[data-cotnas-ui] .cotnas-premium #signal-field{display:none}
html[data-cotnas-ui] .cotnas-premium .hero{grid-template-columns:1.1fr 1fr;gap:6%;align-items:center}
html[data-cotnas-ui] .cotnas-premium .tag{font:500 11px/1.7 var(--cotnas-font);letter-spacing:.02em;color:#9ab9d1;margin-bottom:24px}
html[data-cotnas-ui] .cotnas-premium .tag::before{background:#68dccc;box-shadow:0 0 13px #68dccc80}
html[data-cotnas-ui] body.cotnas-premium .hero h1{font:700 clamp(42px,4.8vw,70px)/1.08 var(--cotnas-font);letter-spacing:-.055em;margin:0 0 26px;color:var(--ocean-text);text-wrap:balance}
html[data-cotnas-ui] .cotnas-premium .hero h1 .ethical-word{color:var(--ocean-teal);background:linear-gradient(105deg,#71baff 5%,#8ad9fa 40%,#54dfca 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:inherit;margin-top:4px}
html[data-cotnas-ui] .cotnas-premium .hero-text>p{font-size:16px;line-height:1.85;max-width:505px;color:#aac0d4;margin-bottom:28px}
html[data-cotnas-ui] .cotnas-premium .hero-primary{display:flex;flex-wrap:wrap;gap:12px}
html[data-cotnas-ui] .cotnas-premium .hero-primary a{display:inline-flex;align-items:center;gap:22px;justify-content:space-between;font:700 13px/1.4 var(--cotnas-font);letter-spacing:0;padding:16px 20px;min-height:50px;border-radius:11px;border:1px solid #395775;color:#c9e5f6;background:#10223b}
html[data-cotnas-ui] .cotnas-premium .hero-primary a:first-child{background:var(--ocean-gradient);color:#06233b;border-color:#b1f4ef70;box-shadow:0 8px 34px -14px #4cbeffa0}
html[data-cotnas-ui] .cotnas-premium .hero-primary a:hover{translate:0 -3px;filter:brightness(1.08)}
html[data-cotnas-ui] .cotnas-premium .hero-lab-link{font:13px var(--cotnas-font);color:#b4cfe3;align-items:center;gap:10px;margin-top:24px}
.ocean-link-dot{width:6px;height:6px;border-radius:50%;background:#61ddcc;box-shadow:0 0 14px #61ddcc60}
.ocean-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.ocean-hero-tags span{font:11px var(--cotnas-font);color:#829fbc;padding:6px 10px;border:1px solid #31516c66;border-radius:6px}
html[data-cotnas-ui] .cotnas-premium .security-workstation{perspective:1000px;position:relative;padding-top:0}
html[data-cotnas-ui] .cotnas-premium .network-display{display:none}
.ocean-scene{height:340px;position:relative;display:grid;place-items:center;isolation:isolate;perspective:900px;transform-style:preserve-3d}
.ocean-scene-halo{position:absolute;width:300px;height:240px;border-radius:50%;background:radial-gradient(ellipse,#37c8e537,transparent 65%);filter:blur(22px);transform:translateY(32px);pointer-events:none}
.ocean-shield{width:206px;z-index:2;filter:drop-shadow(6px 22px 14px #010e2690) drop-shadow(-4px -3px 16px #69d8ff40);animation:ocean-shield-float 7s ease-in-out infinite;will-change:transform}
.ocean-shield svg{display:block;width:100%;height:auto}
.ocean-orbit{position:absolute;width:370px;height:275px;border:1px solid #79d9ff5c;border-radius:50%;box-shadow:inset 0 0 18px #429bea0d,0 0 15px #429bea0d;transform:rotateX(65deg) rotateZ(-23deg);pointer-events:none}
.ocean-orbit::before{content:'';position:absolute;inset:13px;border:1px dashed #7cd5fc35;border-radius:50%}
.ocean-orbit::after{content:'';position:absolute;top:20%;left:8%;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f1ffff,#54d4e5 40%,#1c6dbb);box-shadow:0 0 22px #61daff80}
.ocean-orbit-two{width:298px;height:315px;transform:rotateY(58deg) rotateZ(35deg);border-color:#6ae4d354}
.ocean-orbit-two::after{left:auto;right:12%;top:74%;width:8px;height:8px}
.ocean-orbit-three{width:440px;height:280px;transform:rotateX(63deg) rotateZ(20deg);opacity:.45}
.ocean-orbit-three::after{left:88%;top:65%;width:7px;height:7px}
.ocean-float-label{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:9px;font:11px/1.2 var(--cotnas-font);padding:13px 16px;border:1px solid #7ac8ec40;border-radius:10px;background:linear-gradient(135deg,#163b53e0,#0b1d32de);box-shadow:0 16px 30px -15px #0009,inset 0 1px #d0f6ff10;backdrop-filter:blur(10px);color:#c5e8f9;animation:ocean-label-float 7s ease-in-out infinite}
.ocean-label-top{top:46px;right:0;animation-delay:-3s}
.ocean-label-bottom{bottom:69px;left:-6px}
.ocean-float-label i{width:6px;height:6px;border-radius:50%;background:#73dccc;box-shadow:0 0 12px #52d7c780}
.ocean-scene-caption{position:absolute;bottom:19px;font:9px var(--cotnas-mono);letter-spacing:.18em;color:#6a9cb9}
html[data-cotnas-ui] .cotnas-premium .workstation-terminal{transform:rotateY(-5deg) rotateX(3deg);transform-origin:center;transition:transform .5s;background:#08182b!important;border-color:#356084!important;border-radius:15px;box-shadow:12px 22px 44px -15px #0107129e,inset 0 1px #a9ddff13}
html[data-cotnas-ui] .cotnas-premium .workstation-terminal:focus-within{transform:none}
html[data-cotnas-ui] .cotnas-premium .terminal-chrome{background:#112b43;border-color:#294760;color:#b5d4e8;padding:11px 15px}
html[data-cotnas-ui] .cotnas-premium .terminal-screen{height:128px;padding:14px 17px;font-size:10.5px;scrollbar-color:#375d7a #08182b}
html[data-cotnas-ui] .cotnas-premium .terminal-screen p{color:#94b9d0}
html[data-cotnas-ui] .cotnas-premium .terminal-screen :is(.term-command,.term-cmd){color:#d0eaff}
html[data-cotnas-ui] .cotnas-premium .terminal-screen .term-ok{color:#69e2d0}
html[data-cotnas-ui] .cotnas-premium .terminal-screen .term-event{color:#8cbbdf}
html[data-cotnas-ui] .cotnas-premium .terminal-input-row{border-color:#274760;padding:6px 14px}
html[data-cotnas-ui] .cotnas-premium .terminal-input-row input{background:transparent;border:0;box-shadow:none;font-size:12px}
html[data-cotnas-ui] .cotnas-premium .terminal-run{color:#a2e6f8;background:#15364e;border-color:#3c687f;border-radius:6px}
html[data-cotnas-ui] .cotnas-premium .terminal-state{background:#0c243a;color:#8cb1c9}
html[data-cotnas-ui] .cotnas-premium .terminal-state button{color:#b2d6ed}
html[data-cotnas-ui] .cotnas-premium .terminal-sim-label{color:#85acc7}
html[data-cotnas-ui] .cotnas-premium .hero-foot{display:flex;margin-top:46px;border-color:#26425c;padding-block:22px;color:#8da9c3;font:12px var(--cotnas-font);letter-spacing:0;gap:20px}
html[data-cotnas-ui] .cotnas-premium .system-checkpoints{margin-left:auto}
html[data-cotnas-ui] .cotnas-premium .system-checkpoints a{color:#8eb3d0;font:11px var(--cotnas-font)}
.ocean-motion-control{background:transparent;border:1px solid #35536e;border-radius:7px;padding:8px 10px;cursor:pointer;color:#adccdf;font:11px var(--cotnas-font);white-space:nowrap}
.ocean-motion-control:hover{border-color:#71bfdb}
html[data-cotnas-ui] .cotnas-premium section{border-color:#213e575c}
html[data-cotnas-ui] .cotnas-premium .section-heading{grid-template-columns:1fr 1fr;column-gap:70px;margin-bottom:35px}
html[data-cotnas-ui] .cotnas-premium .module-label{font:11px var(--cotnas-font);letter-spacing:.12em;color:#73cfe0;margin-bottom:18px}
html[data-cotnas-ui] body.cotnas-premium .section-title{font:700 clamp(28px,3vw,41px)/1.18 var(--cotnas-font);letter-spacing:-.04em;max-width:620px}
html[data-cotnas-ui] .cotnas-premium .section-desc{font-size:15px;line-height:1.85;color:#9fb8ce}
html[data-cotnas-ui] .cotnas-premium .service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
html[data-cotnas-ui] .cotnas-premium .service-card{display:flex;flex-direction:column;border:1px solid #31516c;border-radius:20px;background:linear-gradient(155deg,#142b44,#0b1b30);overflow:hidden;grid-row:auto;transform-style:preserve-3d;box-shadow:0 18px 45px -26px #000b,inset 0 1px #b6e8ff13;transition:border-color .3s,box-shadow .3s}
html[data-cotnas-ui] .cotnas-premium .service-content{padding:26px;display:flex;flex-direction:column;flex:1;min-width:0}
html[data-cotnas-ui] body.cotnas-premium .service-content h3{font-size:23px;color:#e2f4ff;line-height:1.25;letter-spacing:-.035em}
html[data-cotnas-ui] .cotnas-premium .service-content p{font-size:14px;color:#9fb9d0;line-height:1.85}
html[data-cotnas-ui] .cotnas-premium .capability-diagram{background:radial-gradient(ellipse at 85% 0,#36b0c22f,transparent 70%),#0c2239;border-color:#2c4d68;color:#8dcde9;min-height:164px;padding:25px;font-size:10px}
html[data-cotnas-ui] .cotnas-premium .capability-small{width:100%;border-right:0;border-bottom:1px solid #2c4d68;flex-direction:row;gap:12px;font-size:12px;align-items:center}
html[data-cotnas-ui] .cotnas-premium .capability-small span{border-color:#456e8b;color:#a3e8ed;border-radius:12px;background:linear-gradient(145deg,#20537166,#0c1f34);padding:16px 10px;min-width:58px;box-shadow:5px 10px 18px #0003;transform:perspective(300px) rotateY(-12deg) rotateX(6deg)}
html[data-cotnas-ui] .cotnas-premium .capability-small i{width:15px;height:1px;background:#4588a0}
html[data-cotnas-ui] .cotnas-premium .http-response{border-color:#31516b;color:#8ddccf;font-size:9px}
html[data-cotnas-ui] .cotnas-premium .capability-id{color:#70b6d4;font-size:10px;margin-bottom:14px}
html[data-cotnas-ui] .cotnas-premium .service-tags{margin-top:auto;padding-top:20px}
html[data-cotnas-ui] .cotnas-premium .service-tags span{border-color:#365773;background:#102940;border-radius:5px;color:#92bad7}
html[data-cotnas-ui] .cotnas-premium .card-more{border-color:#2e4d67;color:#87dce8;padding-top:16px;margin-top:24px;font:12px var(--cotnas-font)}
html[data-cotnas-ui] .cotnas-premium .cotnas-card-link:hover{border-color:#6cd9df;box-shadow:0 28px 55px -25px #1577a348;transform:none}
html[data-cotnas-ui] .cotnas-premium #empresa{background:radial-gradient(ellipse at 10% 60%,#134f6926,transparent 50%),#09172a}
html[data-cotnas-ui] .cotnas-premium .method-index strong{background:linear-gradient(160deg,#8ad0f2,#184c69);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(5px 8px 1px #05152c);font-size:clamp(100px,11vw,160px)}
html[data-cotnas-ui] .cotnas-premium .method-index p{color:#d1e9f8;font-size:22px}
html[data-cotnas-ui] .cotnas-premium :is(.method-index .instrument-caption,.method-index>span:last-child,.phase-id){color:#88aac7}
html[data-cotnas-ui] .cotnas-premium .audit-timeline li{border-color:#315774;padding-bottom:36px}
html[data-cotnas-ui] .cotnas-premium .audit-timeline li::before{background:linear-gradient(#65baff,#5be0cb)}
html[data-cotnas-ui] .cotnas-premium .audit-timeline li::after{background:#16384e;border-color:#5d94ae}
html[data-cotnas-ui] .cotnas-premium .audit-timeline li.phase-active::after{background:#6cdfd4;box-shadow:0 0 15px #53dccb50}
html[data-cotnas-ui] .cotnas-premium .audit-timeline h3{color:#d5eafa}
html[data-cotnas-ui] .cotnas-premium .audit-timeline p{color:#96b4cc;font-size:14px}
html[data-cotnas-ui] .cotnas-premium .image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
html[data-cotnas-ui] .cotnas-premium .image-card{background:#102139;border-color:#31516b;border-radius:18px;overflow:hidden}
html[data-cotnas-ui] .cotnas-premium .image-card img{filter:saturate(.8);height:185px;transition:scale .7s}
html[data-cotnas-ui] .cotnas-premium .image-card:hover img{scale:1.035}
html[data-cotnas-ui] .cotnas-premium .image-content{padding:26px}
html[data-cotnas-ui] .cotnas-premium .image-content h4{color:#d8f0fc}
html[data-cotnas-ui] .cotnas-premium .image-content p{color:#9cb8ce}
html[data-cotnas-ui] .cotnas-premium .lab-feature{background:radial-gradient(ellipse at 85% 25%,#278b9e30,transparent 60%),linear-gradient(145deg,#122f4a,#0b1b30);border-color:#467990;border-radius:20px;box-shadow:0 15px 35px -20px #0009}
html[data-cotnas-ui] .cotnas-premium .lab-feature .lab-code{color:#75cad7;text-shadow:5px 7px #0a1c32;font-size:clamp(25px,3.7vw,47px)}
html[data-cotnas-ui] .cotnas-premium .lab-feature h3{color:#dcf3ff}
html[data-cotnas-ui] .cotnas-premium .lab-feature p{color:#a0bed2}
html[data-cotnas-ui] .cotnas-premium .lab-feature .lab-link{color:#6fe0d6}
html[data-cotnas-ui] .cotnas-premium #herramientas .hero-actions .btn{background:#10263d;border-color:#30516b;color:#b5d9ec;border-radius:10px;font:13px var(--cotnas-font);min-height:53px;padding:15px}
html[data-cotnas-ui] .cotnas-premium #herramientas .hero-actions .btn:hover{background:#193b54;border-color:#58bacc;color:#e1f7ff}
html[data-cotnas-ui] .cotnas-premium #herramientas .hero-actions .btn::after{color:#78cfde}
html[data-cotnas-ui] .cotnas-premium .trust-grid{border:0;gap:22px}
html[data-cotnas-ui] .cotnas-premium .trust-grid>div{border-color:#31516b;padding:23px 18px 23px 0}
html[data-cotnas-ui] .cotnas-premium .trust-grid span{color:#6ccbe0;font:12px var(--cotnas-mono)}
html[data-cotnas-ui] .cotnas-premium .trust-grid h3{color:#d9eef9}
html[data-cotnas-ui] .cotnas-premium .trust-grid p{color:#a0bbcf;font-size:14px}
html[data-cotnas-ui] .cotnas-premium .text-link{color:#8dd9ed;font-family:var(--cotnas-font)}
html[data-cotnas-ui] .cotnas-premium #contacto{background:radial-gradient(ellipse at 15% 90%,#0b6a7724,transparent 50%),#09182b}
html[data-cotnas-ui] .cotnas-premium .contact-public-card{background:linear-gradient(140deg,#142e46,#0d1e33);border:1px solid #3c617d;border-radius:22px;box-shadow:0 22px 60px -30px #000a;padding:32px}
html[data-cotnas-ui] .cotnas-premium .contact-field input,html[data-cotnas-ui] .cotnas-premium .contact-field textarea{background:#0b1c30;border-color:#395a77;border-radius:9px;color:#def3ff}
html[data-cotnas-ui] .cotnas-premium .contact-field label{color:#b6cfe1;font:13px var(--cotnas-font)}
html[data-cotnas-ui] .cotnas-premium .contact-note{color:#98b9d0;border-color:#35546a;font:14px/1.9 var(--cotnas-font)}
html[data-cotnas-ui] .cotnas-premium .contact-submit{background:var(--ocean-gradient);color:#06253a;border-radius:10px;font:700 14px var(--cotnas-font)}
html[data-cotnas-ui] .cotnas-premium .security-footer{background:#050e1e;border-color:#24455f}
html[data-cotnas-ui] .cotnas-premium .footer-grid>div>a,html[data-cotnas-ui] .cotnas-premium .footer-brand p{color:#97b4ca}
html[data-cotnas-ui] .cotnas-premium .footer-grid .footer-brand>a{color:#d7f2ff}
html[data-cotnas-ui] .cotnas-premium .footer-brand>span{color:#709ab7}
html[data-cotnas-ui] .cotnas-premium .footer-grid{align-items:start}
html[data-cotnas-ui] .cotnas-premium .footer-brand{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}
html[data-cotnas-ui] .cotnas-premium .footer-brand>a{align-self:stretch;text-align:center}
html[data-cotnas-ui] .cotnas-premium .footer-brand p{width:100%;max-width:30ch;margin:0 auto 12px;text-align:center;text-wrap:balance}
html[data-cotnas-ui] .cotnas-premium .footer-brand>span{display:block;text-align:center}
html[data-cotnas-ui] body.cotnas-premium .footer-grid h2{color:#75bdce;font-family:var(--cotnas-font)}
html[data-cotnas-ui] .cotnas-premium .footer-baseline{border-color:#233f59;color:#7b9fb9}
html[data-cotnas-ui] .cotnas-premium .footer-baseline a{color:#a5c8df}
html[data-cotnas-ui] .cotnas-premium .reading-progress{background:var(--ocean-gradient);height:3px}

/* Account screens and the existing role-aware control panel. */
html[data-cotnas-ui] body:is(#cotnas-control,#control-login){--admin-bg:var(--ocean-bg);--admin-surface:var(--ocean-panel);--admin-surface-2:var(--ocean-raised);--admin-border:#6abde335;--admin-green:var(--ocean-teal);--admin-cyan:var(--ocean-blue);--admin-text:var(--ocean-text);--admin-muted:var(--ocean-muted);background:radial-gradient(ellipse at 80% 5%,#153a6160,transparent 60%),var(--ocean-bg)!important}
html[data-cotnas-ui] body#cotnas-control::before,html[data-cotnas-ui] body#control-login::before{background:radial-gradient(#75caff25 1px,transparent 1px);background-size:32px 32px;opacity:.3}
html[data-cotnas-ui] body#control-login #control-network{opacity:.1;filter:hue-rotate(65deg)}
html[data-cotnas-ui] body#control-login .terminal{border:1px solid #467796!important;background:var(--ocean-panel)!important;border-radius:22px!important;box-shadow:0 35px 110px -35px #000b,0 0 70px -40px #47bfe980!important}
html[data-cotnas-ui] body#control-login .console{background:linear-gradient(150deg,#112b43,#0a1a30)!important;padding:32px!important}
html[data-cotnas-ui] body#control-login .term-bar{background:#19344b!important;border-color:#315673!important}
html[data-cotnas-ui] body#control-login :is(.prompt,.desc,.control-login-ready,.term-title){color:#9dc8e1!important}
html[data-cotnas-ui] body#control-login h1{font-size:30px!important;color:#e0f5ff!important}
html[data-cotnas-ui] body#control-login label{color:#b9d6e8!important;font-family:var(--cotnas-font)!important}
html[data-cotnas-ui] body#control-login input{background:#091c30!important;border:1px solid #3f6380!important;color:#e2f6ff!important;border-radius:10px!important}
html[data-cotnas-ui] body#control-login input:focus{border-color:#71cbf0!important;box-shadow:0 0 0 3px #63bffa1a!important}
html[data-cotnas-ui] body#control-login input.is-invalid{border-color:#ff7189!important}
html[data-cotnas-ui] body#control-login .input-line::before{top:24.5px;line-height:1;color:#83dcd9!important;pointer-events:none}
html[data-cotnas-ui] body#control-login .forgot-password-link{color:#a0d9f4!important;border-color:#42647a!important}
html[data-cotnas-ui] body#control-login :is(.btn-primary,button[type=submit],.btn-login){background:var(--ocean-gradient)!important;color:#07233b!important;border-color:#69becd!important;border-radius:10px!important}
html[data-cotnas-ui] body#control-login :is(.btn-secondary,.switch-btn){background:#18374f!important;color:#c4e4f7!important;border-color:#426882!important;border-radius:10px!important}
html[data-cotnas-ui] body#control-login .switch-buttons button{background:#18374f!important;color:#c4e4f7!important;border-color:#426882!important;border-radius:10px!important;box-shadow:none!important}
html[data-cotnas-ui] body#control-login .switch-buttons button.is-active{background:var(--ocean-gradient)!important;color:#07233b!important;border-color:#86d7e1!important;box-shadow:0 6px 22px -12px #51bed5a0!important}
html[data-cotnas-ui] body#cotnas-control :is(#control-sidebar,#control-topbar,#control-statusbar){background:#0a1b30f5!important;border-color:#31506b!important}
html[data-cotnas-ui] body#cotnas-control #control-sidebar a:not(.control-brand){color:#a8c5da;border-radius:8px}
html[data-cotnas-ui] body#cotnas-control #control-sidebar a[aria-current]{background:#1b4b6245;color:#80ded9}
html[data-cotnas-ui] body#cotnas-control #control-content :is(.shell-window,.admin-panel,.panel,.card,.admin-card),html[data-cotnas-ui] body#cotnas-control .control-widget{background:linear-gradient(145deg,#142c44,#0b1d33)!important;border-color:#355873!important;border-radius:16px!important;box-shadow:0 14px 32px -24px #000c!important}
html[data-cotnas-ui] body#cotnas-control :is(.shell-bar,th,.control-widget-head){background:#142e46!important;border-color:#315672!important;color:#a8ccdf!important}
html[data-cotnas-ui] body#cotnas-control td{border-color:#29445e!important;color:#cfe4f3!important}
html[data-cotnas-ui] body#cotnas-control #control-content :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea){background:#0a1c30!important;border-color:#3c607a!important;border-radius:9px!important}
html[data-cotnas-ui] body#cotnas-control #control-content :is(.btn,.button,button,.small-btn,.page-btn):not(.btn-danger):not(.btn-red):not(.button-danger):not(.red):not(.btn-warn){background:#16394f!important;border-color:#3b7289!important;color:#c4eef2!important;border-radius:9px!important}
html[data-cotnas-ui] body#cotnas-control #control-content :is(.btn-primary,.btn-green,button[type=submit]):not(.btn-danger):not(.button-danger){background:linear-gradient(110deg,#246286,#206965)!important;border-color:#4eaeb6!important}
html[data-cotnas-ui] body#cotnas-control :is(#control-topbar button,dialog,dialog input,dialog button){background:#112c44!important;color:#d1eefa!important;border-color:#3a6b84!important}
html[data-cotnas-ui] body#cotnas-control :is(.control-map-footer,.control-widget-head,#control-terminal-form,.control-session-monitor,.control-content-summary){border-color:#31516d!important}
html[data-cotnas-ui] body#cotnas-control #control-mini-map path{fill:#1a455d;stroke:#80c1e040}
html[data-cotnas-ui] body#cotnas-control #control-mini-map circle{fill:#67dbd3;stroke:#8be2ff33}

/* Editorial chrome retains the original content images and category semantics. */
html[data-cotnas-ui] .articles-brand{color:#b6e6ff}
html[data-cotnas-ui] .hero-card>strong{color:#88dded}
html[data-cotnas-ui] .category-row .category-chip{background:#10273d;border-color:#315671;color:#b7d6e9}
html[data-cotnas-ui] .category-row .category-chip.active{background:#1b4c60;border-color:#67c7d1;color:#e1f9ff}
html[data-cotnas-ui] .filters button{background:var(--ocean-gradient);color:#07233b;border:1px solid #82d5e1;border-radius:10px;font-weight:700}
/* Gaming uses the shared ocean palette while retaining Twitch's brand button. */
html[data-cotnas-ui] body.sorteos-neon{--twitch:#689dff;--twitch2:#91d4ff;--purple:#326f9e;--pink:#66dfcf;--cyan:#77d8ed;--ng:#64d9cb;--nc:#81caff;--np:#4095d7;--shadow-purple:0 0 40px #4fa6d525;background:radial-gradient(ellipse at 15% 0,#20558f44,transparent 55%),var(--ocean-bg)!important}
html[data-cotnas-ui] body.sorteos-neon :is(.hero,.hero-twitch,.crear-hero,.admin-detail-hero){background:radial-gradient(ellipse at 100% 0,#24668b33,transparent 60%),linear-gradient(115deg,#10283f,#0b1a30);border-color:#3a617f}
html[data-cotnas-ui] body.sorteos-neon :is(.eyebrow,.kicker,.hero-kicker,.crear-kicker,.section-kicker){color:#84d6e7!important}
html[data-cotnas-ui] body.sorteos-neon .hero-home h1 span{color:#8bdbf1}
html[data-cotnas-ui] body.sorteos-neon .hero-home .hero-text{color:#aac6d9}
html[data-cotnas-ui] body.sorteos-neon .hero-home :is(.hero-actions,.twitch-account-panel){background:#0a1a2cb0;border-color:#416481}
html[data-cotnas-ui] body.sorteos-neon :is(.brand-mark,.brand-icon){background:var(--ocean-gradient);color:#082b44;box-shadow:0 0 30px #489acf25}
html[data-cotnas-ui] body.sorteos-neon :is(.btn-ghost,.btn-secondary,.nav-link){background:#132a41!important;color:#c5dfef!important;border-color:#45657d!important}
html[data-cotnas-ui] body.sorteos-neon .sorteos-main .giveaway-grid>article.giveaway-card{background:#10253b!important;border-color:#355775!important}
html[data-cotnas-ui] body.sorteos-neon .sorteos-main .giveaway-grid>article.giveaway-card .giveaway-card-inner{background:linear-gradient(145deg,#152d45,#0b1c30)!important}
html[data-cotnas-ui] body.sorteos-neon .giveaway-count strong{color:#8bd5ec!important}
html[data-cotnas-ui] body.sorteos-neon :is(.giveaway-card,.content-card,.hero-panel,.dashboard-card,.form-card,.admin-edit-card){background:linear-gradient(145deg,#122d49,#0b1b31);border-color:#396586;border-radius:18px}
html[data-cotnas-ui] body.sorteos-neon .btn-twitch{background:#9146ff;color:#fff;border-color:#b58bff}
html[data-cotnas-ui] body.sorteos-neon .hero-actions a[href*="api/twitch_connect.php"]{background:#9146ff;color:#fff;border-color:#b58bff}
html[data-cotnas-ui] body.sorteos-neon :is(.retro-grid,.retro-glow){opacity:.2;filter:hue-rotate(110deg)}
/* Map chrome only: no filters or transforms on tiles, markers or coordinates. */
html[data-cotnas-ui] body.command-map{--bg:var(--ocean-bg);--panel:var(--ocean-panel);--edge:var(--ocean-edge);--green:var(--ocean-teal);--muted:var(--ocean-muted);--ink:var(--ocean-text)}
html[data-cotnas-ui] body.command-map :is(.command-header,.command-hud,.command-stats,.history-bar,.intel-panel,.detail-panel){background:#0a1e33;border-color:#2d4c68}
html[data-cotnas-ui] body.command-map :is(button,select){background:#132f47;color:#c8e7f4;border-color:#355b76;border-radius:8px}
html[data-cotnas-ui] body.command-map button[aria-pressed=true]{background:#1b4d5e;color:#8febdf;border-color:#479d9f}

/* Motion is optional and never hides useful content or modifies application state. */
@keyframes ocean-shield-float{0%,100%{transform:translateY(0) rotateY(-16deg) rotateX(7deg) rotateZ(-4deg)}50%{transform:translateY(-12px) rotateY(9deg) rotateX(-3deg) rotateZ(3deg)}}
@keyframes ocean-label-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes ocean-title-in{from{opacity:.55;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes ocean-reveal{from{opacity:.65;translate:0 18px}to{opacity:1;translate:0 0}}
.ocean-arrived{animation:ocean-reveal .7s cubic-bezier(.16,1,.3,1) both}
@media(hover:hover) and (pointer:fine){html[data-cotnas-ui] .ocean-tilt{transform:perspective(900px) rotateX(var(--ocean-rx,0deg)) rotateY(var(--ocean-ry,0deg)) translateY(var(--ocean-lift,0px))!important;transition:transform .28s ease-out,box-shadow .28s,border-color .28s!important}.ocean-tilt:hover{--ocean-lift:-4px}}
html[data-cotnas-ui][data-ocean-motion=off] :is(.ocean-shield,.ocean-float-label,.ocean-arrived,.cotnas-title-motion){animation:none!important}
html[data-cotnas-ui][data-ocean-motion=off] .ocean-tilt{transform:none!important}
html[data-cotnas-ui][data-ocean-motion=off] .workstation-terminal{transform:none!important}
@media(min-width:1450px){html[data-cotnas-ui] .cotnas-premium .main-nav{max-width:1450px}html[data-cotnas-ui] .cotnas-premium #inicio{padding-top:62px}}
@media(max-width:1350px){html[data-cotnas-ui] .cotnas-premium .menu{background:#0b1d32f7;border-color:#3b5b74;border-radius:0 0 16px 16px;padding:24px}html[data-cotnas-ui] .cotnas-premium .menu-toggle{margin-left:auto;color:#b4e0f3;border-color:#365b75;background:#102c43;border-radius:8px}}
@media(max-width:1000px){html[data-cotnas-ui] .cotnas-premium .container{width:calc(100% - 48px)}html[data-cotnas-ui] .cotnas-premium .hero{gap:30px;grid-template-columns:1fr 1fr}html[data-cotnas-ui] .cotnas-premium .hero h1{font-size:48px}.ocean-scene{height:300px}.ocean-shield{width:168px}.ocean-orbit{width:290px;height:225px}.ocean-orbit-three{width:330px}.ocean-label-top{right:0;font-size:10px}.ocean-label-bottom{left:0;font-size:10px}html[data-cotnas-ui] .cotnas-premium .service-grid{gap:14px}html[data-cotnas-ui] .cotnas-premium .service-content{padding:21px}html[data-cotnas-ui] .cotnas-premium .capability-small{display:flex;gap:7px;padding:14px}html[data-cotnas-ui] .cotnas-premium .capability-diagram{font-size:9px}html[data-cotnas-ui] .cotnas-premium .service-content h3{font-size:21px}}
@media(max-width:767px){
 html[data-cotnas-ui]{scroll-padding-top:94px}
 html[data-cotnas-ui] .cotnas-premium .main-nav{top:8px;margin-top:8px;width:calc(100% - 24px);border-radius:13px}
 html[data-cotnas-ui] .cotnas-premium .nav-inner{width:calc(100% - 28px);min-height:58px}
 html[data-cotnas-ui] .cotnas-premium .container{width:calc(100% - 40px)}
 html[data-cotnas-ui] .cotnas-premium #inicio{padding-top:40px}
 html[data-cotnas-ui] .cotnas-premium .hero{grid-template-columns:1fr;gap:24px}
 html[data-cotnas-ui] body.cotnas-premium .hero h1{font-size:clamp(40px,10.5vw,64px);line-height:1.09;margin-bottom:22px}
 html[data-cotnas-ui] .cotnas-premium .tag{font-size:10px;line-height:1.8;margin-bottom:18px}
 html[data-cotnas-ui] .cotnas-premium .hero-text>p{font-size:15px;line-height:1.8;margin-bottom:23px}
 html[data-cotnas-ui] .cotnas-premium .hero-primary a{font-size:12px;padding:15px 16px;gap:12px}
 .ocean-hero-tags{margin-top:22px;gap:6px}.ocean-hero-tags span{font-size:10px;padding:6px 8px}
 .ocean-scene{height:290px;max-width:460px;margin:auto}.ocean-shield{width:178px}.ocean-orbit{width:300px;height:230px}.ocean-orbit-three{width:330px}
 .ocean-float-label{padding:11px 12px}.ocean-label-top{top:42px;right:0}.ocean-label-bottom{bottom:49px;left:0}.ocean-scene-caption{bottom:8px;font-size:8px}
 html[data-cotnas-ui] .cotnas-premium .workstation-terminal{transform:none;margin:10px 0 0;border-radius:13px}
 html[data-cotnas-ui] .cotnas-premium .terminal-screen{height:120px;font-size:10px}
 html[data-cotnas-ui] .cotnas-premium .hero-foot{margin-top:30px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:16px;font-size:11px}
 html[data-cotnas-ui] .cotnas-premium .system-checkpoints{display:none}.ocean-motion-control{margin-left:auto;font-size:10px}
 html[data-cotnas-ui] .cotnas-premium .section-heading{grid-template-columns:1fr;gap:17px;margin-bottom:28px}
 html[data-cotnas-ui] .cotnas-premium .module-label{margin-bottom:0;font-size:10px}
 html[data-cotnas-ui] body.cotnas-premium .section-title{font-size:30px}
 html[data-cotnas-ui] .cotnas-premium .service-grid,html[data-cotnas-ui] .cotnas-premium .image-grid{grid-template-columns:1fr;gap:18px}
 html[data-cotnas-ui] .cotnas-premium .service-content{padding:25px}
 html[data-cotnas-ui] .cotnas-premium .capability-diagram{min-height:130px;font-size:10px}
 html[data-cotnas-ui] .cotnas-premium .image-card{display:block}
 html[data-cotnas-ui] .cotnas-premium .image-card img{height:185px;min-height:0}
 html[data-cotnas-ui] .cotnas-premium .method-index strong{font-size:90px}
 html[data-cotnas-ui] .cotnas-premium .trust-grid{gap:10px}
 html[data-cotnas-ui] .cotnas-premium .contact-public-card{padding:23px;border-radius:17px}
 html[data-cotnas-ui] body#control-login .console{padding:23px!important}
 html[data-cotnas-ui] body#control-login h1{font-size:25px!important}
 html[data-cotnas-ui] .cotnas-premium .footer-baseline{flex-direction:column;align-items:center;text-align:center;gap:10px}
 html[data-cotnas-ui] .cotnas-premium .footer-grid>div:last-child{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;column-gap:20px;row-gap:4px}
 html[data-cotnas-ui] .cotnas-premium .footer-grid>div:last-child h2{flex-basis:100%;margin-bottom:12px}
}
@media(max-width:374px){html[data-cotnas-ui] .cotnas-premium .container{width:calc(100% - 32px)}html[data-cotnas-ui] .cotnas-premium .hero-primary{flex-direction:column}.ocean-orbit-three{width:290px}.ocean-orbit{width:270px}.ocean-float-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){html[data-cotnas-ui]{scroll-behavior:auto}html[data-cotnas-ui] :is(.ocean-shield,.ocean-float-label,.ocean-arrived,.cotnas-title-motion){animation:none!important}html[data-cotnas-ui] .ocean-tilt{transform:none!important;transition:none!important}html[data-cotnas-ui] .workstation-terminal{transform:none!important}}
@media screen{
 html[data-cotnas-ui] body{background:radial-gradient(ellipse at 85% 0,#4c819b40,transparent 55%),var(--ocean-bg)}
 html[data-cotnas-ui] body :is(.main-nav,.topbar,.articles-header,.cp-header,.site-header,.navbar){background:#263f55f2}
 html[data-cotnas-ui] body :is(.card,.panel,.content-card,.article-card,.cp-card,.cp-panel,.legal-card,.legal-header,.hero-card,.hero-panel,.calculator-shell,.result-card,.kp-shell,.contact-public-card,.dashboard-card,.giveaway-card,.admin-form-card){background:linear-gradient(145deg,#304e67,#263f57)}
 html[data-cotnas-ui] body :is(.footer,.security-footer,.site-footer){background:#1b3349}
 html[data-cotnas-ui] .cotnas-premium .main-nav{background:#263f55f2}
 html[data-cotnas-ui] .cotnas-premium :is(#empresa,#contacto){background:radial-gradient(ellipse at 15% 60%,#438c9a24,transparent 55%),#243e54}
 html[data-cotnas-ui] .cotnas-premium :is(.service-card,.image-card,.lab-feature,.contact-public-card){background:linear-gradient(145deg,#304e67,#263f57);border-color:#59778e}
 html[data-cotnas-ui] .cotnas-premium .security-footer{background:#1b3349}
 html[data-cotnas-ui] .cotnas-premium #inicio::after{opacity:.25}
 html[data-cotnas-ui] .cotnas-premium #signal-field{display:block;opacity:1;z-index:0;pointer-events:none}
 html[data-cotnas-ui] .cotnas-premium #inicio>.container{position:relative;z-index:1}
 html[data-cotnas-ui] body#cotnas-control :is(#control-sidebar,#control-topbar,#control-statusbar){background:#243e54f7!important}
 html[data-cotnas-ui] body#cotnas-control #control-content :is(.shell-window,.admin-panel,.panel,.card,.admin-card),html[data-cotnas-ui] body#cotnas-control .control-widget{background:linear-gradient(145deg,#304e67,#263f57)!important}
 html[data-cotnas-ui] body#control-login .console{background:linear-gradient(145deg,#304e67,#263f57)!important}
}
/* Contrast pass shared by COTNAS pages using the ocean design. */
html[data-cotnas-ui]{
 --ocean-muted:#d4e4ef;
 --ocean-edge:#7291a8;
 --cotnas-muted:var(--ocean-muted);
 --cotnas-line:var(--ocean-edge);
 --text-secondary:var(--ocean-muted);
 --cot-muted:var(--ocean-muted);
 --muted:var(--ocean-muted);
 --muted2:#c3d9e9;
 --cp-muted:#d1e3ec;
}
@media screen{
 html[data-cotnas-ui] body :is(.desc,.section-desc,.subtitle,.lead,.help,.muted,.cp-lead,.meta){color:var(--ocean-muted)}
 html[data-cotnas-ui] body :is(input,textarea)::placeholder{color:#bdd3e4}
 html[data-cotnas-ui] body :is(.btn-secondary,.btn-ghost,.cp-button-secondary){color:#e2f2fc;border-color:#7291a8}
 html[data-cotnas-ui] body :is(.card,.panel,.content-card,.article-card,.cp-card,.cp-panel,.legal-card,.legal-header,.hero-card,.hero-panel,.calculator-shell,.result-card,.kp-shell,.contact-public-card,.dashboard-card,.giveaway-card,.admin-form-card){border-color:var(--ocean-edge)}
 html[data-cotnas-ui] body .cp-header nav a{color:#e2edf5}
 html[data-cotnas-ui] body .cp-breadcrumb{color:#d1e3ec}
 html[data-cotnas-ui] .cotnas-premium .tag{color:#d0e2ee}
 html[data-cotnas-ui] .cotnas-premium .hero-text>p{color:#d8e8f2}
 html[data-cotnas-ui] .cotnas-premium .hero-lab-link{color:#d5e9f6}
 html[data-cotnas-ui] .cotnas-premium .hero-primary a:not(:first-child){color:#e1f2fc;border-color:#7291a8}
 html[data-cotnas-ui] .cotnas-premium .section-desc,
 html[data-cotnas-ui] .cotnas-premium .service-content p,
 html[data-cotnas-ui] .cotnas-premium .audit-timeline p,
 html[data-cotnas-ui] .cotnas-premium .image-content p,
 html[data-cotnas-ui] .cotnas-premium .lab-feature p,
 html[data-cotnas-ui] .cotnas-premium .trust-grid p{color:#d3e5f1}
 html[data-cotnas-ui] .cotnas-premium :is(.ocean-hero-tags span,.service-tags span,.phase-id,.capability-id,.method-index .instrument-caption,.method-index>span:last-child){color:#d1e5f2}
 html[data-cotnas-ui] .cotnas-premium .ocean-hero-tags span{border-color:#7896aa;background:#263f57}
 html[data-cotnas-ui] .cotnas-premium .ocean-scene-caption{color:#c1dbea}
 html[data-cotnas-ui] .cotnas-premium .terminal-screen p,
 html[data-cotnas-ui] .cotnas-premium :is(.terminal-state,.terminal-sim-label,.hero-foot,.system-checkpoints a){color:#c9dfed}
 html[data-cotnas-ui] .cotnas-premium .contact-note,
 html[data-cotnas-ui] .cotnas-premium .footer-grid>div>a,
 html[data-cotnas-ui] .cotnas-premium .footer-brand p,
 html[data-cotnas-ui] .cotnas-premium .footer-brand>span{color:#d0e3ef}
 html[data-cotnas-ui] body#control-login :is(.help,.google-login-divider,.google-login-status){color:#d1e3ec}
 html[data-cotnas-ui] body#control-login label{color:#e0edf6!important}
}
@media print{#signal-field,.ocean-scene,.ocean-motion-control{display:none!important}.ocean-tilt,.ocean-arrived{transform:none!important;animation:none!important}html[data-cotnas-ui] body{background:white!important;color:black!important}}