:root{
 --navy:#031b2b;
 --navy2:#062a40;
 --navy3:#073952;
 --cyan:#16e0ef;
 --cyan2:#0dc4e7;
 --white:#f6f9fc;
 --muted:#9db6c5;
 --line:rgba(22,224,239,.18);
}

*{
 box-sizing:border-box;
}

html{
 scroll-behavior:smooth;
}

body{
 margin:0;
 background:linear-gradient(180deg,var(--navy2),var(--navy));
 color:var(--white);
 font-family:"Manrope",sans-serif;
 overflow-x:hidden;
}

a{
 text-decoration:none;
}

.navbar{
 background:rgba(3,27,43,.92);
 backdrop-filter:blur(16px);
 border-bottom:1px solid var(--line);
 padding:12px 0;
}

.logo{
 height:58px;
 width:auto;
 object-fit:contain;
}

.nav-link{
 color:#c4d4dc!important;
 font-size:12px;
 font-weight:800;
 letter-spacing:.5px;
 margin:0 8px;
}

.nav-link:hover{
 color:var(--cyan)!important;
}

.navbar-toggler{
 border:1px solid var(--line)!important;
}

.btn-cyan{
 background:linear-gradient(135deg,var(--cyan),var(--cyan2));
 border:0;
 color:#03283a;
 font-weight:800;
 border-radius:50px;
 padding:13px 24px;
 transition:.25s;
 box-shadow:0 10px 30px rgba(22,224,239,.18);
}

.btn-cyan:hover{
 color:#03283a;
 transform:translateY(-2px);
}

.btn-outline{
 border:1px solid rgba(22,224,239,.4);
 color:var(--cyan);
 border-radius:50px;
 padding:12px 23px;
 font-weight:800;
 background:rgba(22,224,239,.02);
}

.btn-outline:hover{
 background:rgba(22,224,239,.08);
 color:white;
 border-color:var(--cyan);
}

.hero{
 min-height:760px;
 padding:145px 0 90px;
 position:relative;
 background:
 radial-gradient(circle at 75% 28%,rgba(22,224,239,.15),transparent 27%),
 linear-gradient(180deg,#073b56,#04263a 72%,#031b2b);
 overflow:hidden;
}

.hero:before,
.section-grid:before{
 content:"";
 position:absolute;
 inset:0;
 pointer-events:none;
 opacity:.45;
 background-image:
 linear-gradient(rgba(22,224,239,.045) 1px,transparent 1px),
 linear-gradient(90deg,rgba(22,224,239,.045) 1px,transparent 1px);
 background-size:55px 55px;
}

.hero-content{
 position:relative;
 z-index:2;
}

.eyebrow{
 color:var(--cyan);
 font-size:12px;
 letter-spacing:3px;
 font-weight:800;
 text-transform:uppercase;
}

.eyebrow .dot{
 width:8px;
 height:8px;
 background:var(--cyan);
 display:inline-block;
 border-radius:50%;
 box-shadow:0 0 15px var(--cyan);
 margin-right:8px;
}

.hero h1{
 font-size:clamp(43px,6vw,76px);
 line-height:1.02;
 font-weight:800;
 letter-spacing:-3px;
 margin:24px 0;
}

.hero h1 span{
 color:var(--cyan);
}

.hero p{
 color:#b5c9d4;
 line-height:1.85;
 font-size:16px;
 max-width:680px;
}

.hero-art{
 position:relative;
 min-height:400px;
}

.laptop{
 position:absolute;
 left:8%;
 right:3%;
 top:45px;
 height:300px;
 border:1px solid rgba(22,224,239,.38);
 border-radius:22px;
 background:linear-gradient(145deg,rgba(10,66,91,.9),rgba(2,29,45,.92));
 box-shadow:0 35px 90px rgba(0,0,0,.4);
 transform:perspective(900px) rotateY(-7deg);
}

.laptop-top{
 height:45px;
 border-bottom:1px solid var(--line);
 padding:15px 18px;
}

.laptop-dot{
 display:inline-block;
 width:8px;
 height:8px;
 border-radius:50%;
 background:#517080;
 margin-right:5px;
}

.laptop-dot:first-child{
 background:var(--cyan);
 box-shadow:0 0 10px var(--cyan);
}

.chart{
 height:225px;
 display:flex;
 align-items:end;
 gap:13px;
 padding:30px 45px;
}

.bar{
 flex:1;
 border-radius:9px 9px 2px 2px;
 background:linear-gradient(180deg,#1ce1ef,#08738c);
 box-shadow:0 0 20px rgba(22,224,239,.08);
}

.b1{height:30%}
.b2{height:55%}
.b3{height:43%}
.b4{height:78%}
.b5{height:61%}
.b6{height:90%}

.floating{
 position:absolute;
 z-index:3;
 background:rgba(4,37,55,.96);
 border:1px solid rgba(22,224,239,.35);
 padding:14px 18px;
 border-radius:17px;
 box-shadow:0 18px 45px rgba(0,0,0,.3);
 font-size:12px;
 font-weight:800;
}

.floating i{
 color:var(--cyan);
 font-size:20px;
 margin-right:8px;
}

.f1{
 top:20px;
 left:0;
}

.f2{
 right:-5px;
 bottom:50px;
}

.section{
 padding:95px 0;
 position:relative;
}

.section-grid{
 background:#041f32;
}

.title{
 text-align:center;
 max-width:800px;
 margin:0 auto 55px;
 position:relative;
 z-index:2;
}

.title h2{
 font-size:clamp(33px,4vw,52px);
 font-weight:800;
 letter-spacing:-1.5px;
}

.title h2 span{
 color:var(--cyan);
}

.title p{
 color:var(--muted);
 line-height:1.8;
}

/* SERVICES */

.service{
 height:100%;
 padding:28px;
 border-radius:20px;
 border:1px solid var(--line);
 background:linear-gradient(
   145deg,
   rgba(7,53,75,.75),
   rgba(2,27,42,.75)
 );
 transition:.3s;
 position:relative;
 overflow:hidden;
}

.service:before{
 content:"";
 position:absolute;
 width:100px;
 height:100px;
 right:-45px;
 top:-45px;
 border-radius:50%;
 background:rgba(22,224,239,.05);
 transition:.3s;
}

.service:hover{
 transform:translateY(-7px);
 border-color:rgba(22,224,239,.5);
 box-shadow:0 22px 55px rgba(0,0,0,.22);
}

.service:hover:before{
 transform:scale(2);
}

.icon{
 width:56px;
 height:56px;
 border:1px solid rgba(22,224,239,.35);
 border-radius:15px;
 display:flex;
 align-items:center;
 justify-content:center;
 color:var(--cyan);
 background:rgba(22,224,239,.07);
 font-size:25px;
 margin-bottom:20px;
}

.service h4{
 font-size:18px;
 font-weight:800;
 margin-bottom:10px;
}

.service p{
 color:var(--muted);
 font-size:13px;
 line-height:1.75;
 margin:0;
}

/* SERVICE NUMBER */

.service-number{
 position:absolute;
 right:18px;
 top:15px;
 color:rgba(22,224,239,.18);
 font-size:30px;
 font-weight:800;
}

/* ABOUT */

.about-box{
 border:1px solid var(--line);
 border-radius:28px;
 padding:48px;
 background:linear-gradient(
   135deg,
   rgba(7,57,80,.75),
   rgba(2,29,44,.82)
 );
}

.about-box h2{
 font-size:clamp(34px,4vw,52px);
 font-weight:800;
}

.about-box p{
 color:var(--muted);
 line-height:1.85;
}

.check{
 list-style:none;
 padding:0;
}

.check li{
 margin:14px 0;
 color:#d7e6ec;
 font-weight:600;
 font-size:14px;
}

.check i{
 color:var(--cyan);
 margin-right:9px;
}

/* PROCESS */

.process{
 height:100%;
 padding:27px;
 border:1px solid var(--line);
 border-radius:20px;
 background:rgba(5,42,61,.65);
}

.num{
 font-size:42px;
 font-weight:800;
 color:rgba(22,224,239,.35);
}

.process h4{
 font-weight:800;
}

.process p{
 color:var(--muted);
 font-size:13px;
 line-height:1.7;
}

/* TECHNOLOGY */

.pill{
 display:inline-flex;
 align-items:center;
 gap:8px;
 padding:11px 17px;
 margin:5px;
 border:1px solid var(--line);
 border-radius:50px;
 background:rgba(7,53,75,.55);
 color:#c5d9e2;
 font-size:13px;
 font-weight:700;
}

.pill i{
 color:var(--cyan);
}

/* CONTACT */

.contact{
 border:1px solid rgba(22,224,239,.28);
 border-radius:28px;
 padding:45px;
 background:
 radial-gradient(
   circle at 85% 20%,
   rgba(22,224,239,.13),
   transparent 30%
 ),
 rgba(5,43,62,.72);
}

.form-control,
.form-select{
 background:rgba(1,23,36,.7)!important;
 color:white!important;
 border:1px solid var(--line)!important;
 border-radius:11px;
 padding:13px 14px;
}

.form-control::placeholder{
 color:#67818f;
}

.form-control:focus,
.form-select:focus{
 box-shadow:0 0 0 .2rem rgba(22,224,239,.08)!important;
 border-color:var(--cyan)!important;
}

.form-label{
 font-size:11px;
 font-weight:800;
 color:#abc1cb;
}

/* FOOTER */

footer{
 border-top:1px solid var(--line);
 padding:35px 0;
 color:#76909d;
 font-size:12px;
}

footer a{
 color:#9fb7c1;
}

.social{
 width:34px;
 height:34px;
 border:1px solid var(--line);
 display:inline-flex;
 align-items:center;
 justify-content:center;
 border-radius:50%;
 margin-left:5px;
}

.social:hover{
 color:var(--cyan);
 border-color:var(--cyan);
}

/* FLOATING BUTTONS */

.floating-contact{
 position:fixed;
 right:22px;
 bottom:22px;
 z-index:999;
 display:flex;
 flex-direction:column;
 gap:10px;
}

.float-btn{
 width:55px;
 height:55px;
 border-radius:50%;
 display:flex;
 align-items:center;
 justify-content:center;
 color:white;
 font-size:24px;
 box-shadow:0 8px 25px rgba(0,0,0,.35);
 transition:.25s;
}

.float-btn:hover{
 transform:scale(1.08);
 color:white;
}

.call{
 background:#10cfe4;
}

.whatsapp{
 background:#20c76a;
}

/* RESPONSIVE */

@media(max-width:991px){

 .navbar-collapse{
   padding:15px 0;
 }

 .nav-link{
   margin:5px 0;
 }

 .hero{
   padding-top:125px;
 }

 .hero-art{
   margin-top:55px;
   min-height:350px;
 }

 .laptop{
   left:4%;
   right:4%;
 }

 .f1{
   left:0;
 }

 .f2{
   right:0;
 }

}

@media(max-width:576px){

 .logo{
   height:45px;
 }

 .hero{
   padding:115px 0 60px;
 }

 .hero h1{
   letter-spacing:-2px;
 }

 .hero p{
   font-size:14px;
 }

 .hero-art{
   min-height:300px;
 }

 .laptop{
   height:235px;
   top:40px;
 }

 .chart{
   height:175px;
   padding:25px 25px;
   gap:7px;
 }

 .floating{
   font-size:10px;
   padding:10px 12px;
 }

 .floating i{
   font-size:17px;
 }

 .section{
   padding:70px 0;
 }

 .about-box,
 .contact{
   padding:28px 20px;
 }

 .floating-contact{
   right:15px;
   bottom:15px;
 }

 .float-btn{
   width:50px;
   height:50px;
   font-size:21px;
 }

}



/* TESTIMONIALS */
#testimonials { scroll-margin-top:100px; }
.testimonial-card { height:100%; margin:0; padding:30px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,rgba(7,53,75,.75),rgba(2,27,42,.75)); display:flex; flex-direction:column; transition:transform .3s,border-color .3s; }
.testimonial-card:hover { transform:translateY(-5px); border-color:var(--cyan); }
.testimonial-quote { font-size:38px; color:var(--cyan); line-height:1; }
.testimonial-card blockquote { margin:20px 0 26px; color:#d5e3eb; font-size:15px; line-height:1.9; flex:1; }
.testimonial-card figcaption { border-top:1px solid var(--line); padding-top:20px; display:flex; gap:14px; align-items:center; }
.testimonial-avatar { width:46px; height:46px; flex-shrink:0; border-radius:50%; background:rgba(22,224,239,.1); color:var(--cyan); display:flex; align-items:center; justify-content:center; font-size:21px; }
.testimonial-card strong { display:block; font-size:14px; }
.testimonial-card small { color:var(--muted); font-size:12px; }
.testimonial-note { display:inline-block; color:var(--muted); font-size:12px; border:1px solid var(--line); padding:8px 14px; border-radius:30px; }
@media(max-width:575.98px) { .testimonial-card { padding:24px; } }
@media(prefers-reduced-motion:reduce) { .testimonial-card { transition:none; } .testimonial-card:hover { transform:none; } }


.client-project-description { margin:20px 0 26px; color:#d5e3eb; font-size:15px; line-height:1.9; flex:1; }
.client-project-link { color:inherit; }
.client-project-link:hover, .client-project-link:focus-visible { color:var(--cyan); text-decoration:underline; }
.client-project-link i { font-size:11px; }



.service {
    position: relative;
}

.demo-btn {
    width: 42px;
    height: 42px;

    border: none;
    border-radius: 50%;

    background: #19E3F4;
    color: #123C5A;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    margin-top: 10px;

    transition: all 0.3s ease;
}

.demo-btn i {
    font-size: 18px;
}

.demo-btn:hover {
    background: #123C5A;
    color: #ffffff;

    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.demo-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(25, 227, 244, 0.25);
}

/* =========================================
   FLOATING CALL BUTTON
========================================= */

.floating-call {
    position: fixed;
    right: 25px;
    bottom: 140px;

    width: 55px;
    height: 55px;

    border-radius: 50%;

    background: #19E3F4;
    color: #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 28px;

    text-decoration: none;

    z-index: 9998;

    box-shadow: 0 5px 20px rgba(0,0,0,0.20);

    transition: all 0.3s ease;
}

.floating-call:hover {
    background: #123C5A;
    color: #19E3F4;

    transform: translateY(-4px);
}


/* =========================================
   WHATSAPP BUTTON
========================================= */

.floating-whatsapp {
    position: fixed;
    right: 25px;
    bottom: 75px;

    width: 55px;
    height: 55px;

    border-radius: 50%;

    background: #25D366;
    color: #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 27px;

    text-decoration: none;

    z-index: 9998;

    box-shadow: 0 5px 20px rgba(0,0,0,0.20);

    transition: all 0.3s ease;
}

.floating-whatsapp:hover {
    transform: translateY(-4px);
    color: #ffffff;
}


/* =========================================
   BACK TO TOP
========================================= */

.back-to-top {
    position: fixed;

    right: 25px;
    bottom: 15px;

    width: 55px;
    height: 55px;

    border: 3px solid #19E3F4;
    border-radius: 50%;

    background: #123C5A;
    color: #19E3F4;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 24px;

    cursor: pointer;

    z-index: 9999;

    opacity: 0;
    visibility: hidden;

    transform: translateY(20px);

    transition: all 0.3s ease;
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top:hover {
    background: #19E3F4;
    color: #123C5A;

    transform: translateY(-4px);
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 576px) {

    .floating-call {
        right: 15px;
        bottom: 135px;

        width: 60px;
        height: 60px;

        font-size: 25px;
    }

    .floating-whatsapp {
        right: 15px;
        bottom: 70px;

        width: 50px;
        height: 50px;

        font-size: 24px;
    }

    .back-to-top {
        right: 15px;
        bottom: 12px;

        width: 50px;
        height: 50px;

        font-size: 21px;
    }

}
	

.page-hero{padding:150px 0 70px;background:radial-gradient(circle at 75% 20%,rgba(22,224,239,.15),transparent 30%),linear-gradient(180deg,#073b56,#04263a);position:relative}
.page-hero h1{font-size:clamp(34px,5vw,58px);font-weight:800;letter-spacing:-2px}.page-hero h1 span{color:var(--cyan)}
.page-hero p{color:#b5c9d4;max-width:720px;line-height:1.8}
.crumbs{font-size:12px;color:var(--muted);margin-bottom:14px}.crumbs a{color:var(--cyan)}
.post-card{display:block;height:100%;padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(7,53,75,.75),rgba(2,27,42,.75));color:var(--white);transition:.3s}
.post-card:hover{transform:translateY(-6px);border-color:rgba(22,224,239,.5);color:var(--white)}
.post-card h3{font-size:19px;font-weight:800;margin:12px 0}.post-card p{color:var(--muted);font-size:13px;line-height:1.75}
.tag{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--cyan);text-transform:uppercase}
.article{max-width:800px;margin:auto}.article h2{font-size:26px;font-weight:800;margin:38px 0 12px}
.article p,.article li{color:#c7d8e0;line-height:1.95;font-size:16px}.article ul{padding-left:20px}
.cta-box{border:1px solid rgba(22,224,239,.3);border-radius:24px;padding:36px;text-align:center;background:rgba(7,57,80,.6);margin-top:50px}
footer{border-top:1px solid var(--line);padding:50px 0 30px;background:#021623;color:var(--muted);font-size:13px}
footer a{color:#c4d4dc}footer a:hover{color:var(--cyan)}footer h6{color:var(--white);font-weight:800}
.nav-link.active{color:var(--cyan)!important}

/* footer compact */
footer{padding:26px 0 14px!important}
footer .f-logo{height:42px}
footer p{margin:6px 0 0;font-size:12.5px;line-height:1.6}
footer .f-links{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;margin:0;padding:0;list-style:none}
footer .f-contact{font-size:12.5px;line-height:1.9}
footer .f-contact i{color:var(--cyan);margin-right:6px}
footer .f-bottom{border-top:1px solid var(--line);margin-top:18px;padding-top:12px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:12px}
.soc{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}
.soc a{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--cyan);background:rgba(22,224,239,.06);transition:.25s;font-size:15px}
.soc a:hover{background:var(--cyan);color:#03283a;transform:translateY(-3px)}
.social-bar{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:9990;display:flex;flex-direction:column;background:rgba(3,27,43,.9);border:1px solid var(--line);border-left:0;border-radius:0 14px 14px 0;overflow:hidden}
.social-bar a{width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--cyan);transition:.25s}
.social-bar a:hover{background:var(--cyan);color:#03283a}
@media(max-width:991px){.social-bar{display:none}}
/* contact */
.contact a{color:var(--cyan)}.contact a:hover{color:#fff}
.c-item{display:flex;gap:14px;align-items:center;margin-bottom:18px;font-weight:600}
.c-item i{width:42px;height:42px;border-radius:12px;border:1px solid rgba(22,224,239,.35);background:rgba(22,224,239,.07);color:var(--cyan);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.map-wrap{border:1px solid rgba(22,224,239,.28);border-radius:24px;overflow:hidden;margin-top:28px}
.map-wrap iframe{display:block;width:100%;height:380px;border:0;filter:invert(92%) hue-rotate(180deg) saturate(.8)}
/* AI hero */
.ai-hero{min-height:780px}
#neural{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.ai-hero h1{font-size:clamp(38px,5vw,66px);letter-spacing:-2.5px}
.typed{color:var(--cyan);border-right:3px solid var(--cyan);padding-right:4px;animation:blink .8s steps(1) infinite}
@keyframes blink{50%{border-color:transparent}}
.ai-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(22,224,239,.35);background:rgba(22,224,239,.08);color:var(--cyan);border-radius:50px;padding:7px 16px;font-size:12px;font-weight:800;letter-spacing:1px;margin-bottom:18px}
.ai-badge .pulse{width:8px;height:8px;border-radius:50%;background:var(--cyan);animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(22,224,239,.7)}100%{box-shadow:0 0 0 12px rgba(22,224,239,0)}}
.console{position:relative;border:1px solid rgba(22,224,239,.4);border-radius:22px;background:linear-gradient(145deg,rgba(10,66,91,.88),rgba(2,29,45,.92));box-shadow:0 35px 90px rgba(0,0,0,.45);padding:0;overflow:hidden;animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-12px)}}
.console-top{padding:13px 18px;border-bottom:1px solid var(--line);font-size:11px;color:#688492;display:flex;align-items:center;gap:6px}
.console-body{padding:20px 22px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;min-height:150px;color:#bfe9f0;line-height:1.9}
.console-body .ok{color:#3de39a}.console-body .cy{color:var(--cyan)}
.scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:scan 3.5s linear infinite;opacity:.6}
@keyframes scan{0%{top:0}100%{top:100%}}
.mini-chart{display:flex;align-items:end;gap:8px;height:90px;padding:0 22px 20px}
.mini-chart span{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#1ce1ef,#08738c);animation:grow 2.4s ease-in-out infinite alternate}
@keyframes grow{from{height:25%}to{height:var(--h)}}
.chip{position:absolute;z-index:3;background:rgba(4,37,55,.96);border:1px solid rgba(22,224,239,.35);padding:11px 15px;border-radius:15px;font-size:12px;font-weight:800;box-shadow:0 18px 45px rgba(0,0,0,.3);animation:float 5s ease-in-out infinite}
.chip i{color:var(--cyan);margin-right:6px}
.stats{margin-top:-50px;position:relative;z-index:5}
.stat{text-align:center;padding:24px 10px;border:1px solid var(--line);border-radius:18px;background:rgba(4,31,50,.95);backdrop-filter:blur(10px)}
.stat b{display:block;font-size:34px;font-weight:800;color:var(--cyan)}.stat small{color:var(--muted);font-weight:700;font-size:12px;letter-spacing:1px}
.ai-card{height:100%;padding:26px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(7,53,75,.75),rgba(2,27,42,.75));transition:.3s}
.ai-card:hover{transform:translateY(-6px);border-color:rgba(22,224,239,.55)}
.ai-card h5{font-weight:800;font-size:17px}.ai-card p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}
.assistant{border:1px solid rgba(22,224,239,.3);border-radius:24px;background:rgba(3,27,43,.8);overflow:hidden}
.a-head{padding:14px 20px;border-bottom:1px solid var(--line);font-weight:800;font-size:14px;display:flex;gap:10px;align-items:center}
.a-head i{color:var(--cyan);font-size:20px}
#chatlog{height:250px;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:85%;padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.6}
.msg.bot{background:rgba(22,224,239,.1);border:1px solid var(--line);align-self:flex-start}
.msg.me{background:linear-gradient(135deg,var(--cyan),var(--cyan2));color:#03283a;font-weight:700;align-self:flex-end}
.msg a{color:var(--cyan);font-weight:800}
.a-chips{padding:0 20px 12px;display:flex;flex-wrap:wrap;gap:8px}
.a-chips button{background:rgba(22,224,239,.07);border:1px solid var(--line);color:#c5d9e2;border-radius:50px;padding:6px 13px;font-size:12px;font-weight:700}
.a-chips button:hover{border-color:var(--cyan);color:var(--cyan)}
.a-form{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--line)}
.a-form input{flex:1;background:#041a29;border:1px solid var(--line);color:#fff;border-radius:50px;padding:10px 18px;font-size:14px}
.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.console,.chip,.mini-chart span,.scan,.reveal{animation:none!important;transition:none!important;opacity:1;transform:none}}