/* BrainAI premium layer: loads AFTER brainai-design-system.css. Overrides only; no content changes. */
:root{--pr-ink:#070A12;--pr-ink2:#0B1220;--pr-sky:#7DD3FC;--pr-grad:linear-gradient(135deg,#4338CA 0%,#2563EB 55%,#0E7490 100%);--color-bg-secondary:#F3F5FB;--color-border:#E3E8F2}
::selection{background:rgba(79,70,229,.28)}
h1{letter-spacing:-.045em}h2{letter-spacing:-.04em}h3{letter-spacing:-.025em}

/* NAV */
.top{background:rgba(7,10,18,.72);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.08)}
.brand,.brand:hover{color:#fff}
.mark{background:var(--pr-grad);color:#fff;border-radius:10px;box-shadow:0 6px 18px -4px rgba(79,70,229,.7)}
.menu{color:#fff}.menu:hover,.menu:focus-visible{color:var(--pr-sky)}
.links{background:rgba(7,10,18,.97);border-bottom:1px solid rgba(255,255,255,.08)}
.links a{position:relative;color:#CBD5E1}
.links a:hover,.links a:focus-visible,.links a[aria-current="page"]{color:#fff}
.links a[aria-current="page"]::after{content:"";position:absolute;left:0;bottom:6px;width:22px;height:2px;border-radius:2px;background:var(--pr-grad)}

/* BUTTONS + EYEBROW */
.button{border:0;border-radius:999px;min-height:50px;padding:0 26px;background:var(--pr-grad);color:#fff;box-shadow:0 10px 28px -10px rgba(37,99,235,.65)}
.button:hover{background:var(--pr-grad);color:#fff;transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 16px 36px -12px rgba(37,99,235,.8)}
.button.alt{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-dark);box-shadow:none}
.button.alt:hover{background:rgba(37,99,235,.06);border-color:var(--color-brand);color:var(--color-brand);filter:none}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.18);letter-spacing:.14em}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pr-grad)}
:is(.hero,.statement,body:has(.image-slider) main>.section:last-child) .eyebrow{color:var(--pr-sky);background:rgba(125,211,252,.08);border-color:rgba(125,211,252,.25)}

/* SLIDER STAGE */
.image-slider{width:100%;height:auto;margin:0;padding:28px var(--pad) 0;background:var(--pr-ink)}
.slider-container{height:clamp(220px,38vw,500px);max-width:var(--max-width);margin:0 auto;border-radius:24px;overflow:hidden;background:var(--pr-ink2);border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 90px -40px rgba(79,70,229,.6)}

/* HERO */
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--pr-ink);color:#fff;padding:clamp(64px,10vw,128px) 0 clamp(72px,11vw,140px)}
.hero::before{content:"";position:absolute;inset:-25%;z-index:-2;background:radial-gradient(40% 40% at 20% 30%,rgba(99,102,241,.5),transparent 70%),radial-gradient(35% 35% at 80% 20%,rgba(6,182,212,.38),transparent 70%),radial-gradient(40% 40% at 60% 90%,rgba(37,99,235,.4),transparent 70%);filter:blur(30px);animation:pr-drift 20s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 35%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 35%,#000 20%,transparent 72%)}
.hero h1{color:#fff;font-size:clamp(2.8rem,8.4vw,6rem);line-height:1.02;margin:20px 0 24px}
@supports(-webkit-background-clip:text){.hero h1{background:linear-gradient(180deg,#fff 35%,#A5B4FC 135%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}
.hero-copy{color:#C5CEDF;font-size:clamp(1.05rem,1.6vw,1.25rem)}
.hero .button.alt{color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28);backdrop-filter:blur(8px)}
.hero .button.alt:hover{background:rgba(255,255,255,.14);border-color:#fff;color:#fff}
.hero-grid{align-items:center}
.hero-grid::after{content:"";display:none}
@media(min-width:900px){.hero-grid::after{display:block;width:min(100%,380px);aspect-ratio:1;justify-self:center;border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.4),rgba(99,102,241,.55) 34%,rgba(14,116,144,.28) 62%,transparent 72%);box-shadow:0 0 140px 10px rgba(79,70,229,.4),inset 0 0 70px rgba(255,255,255,.1);animation:pr-float 9s ease-in-out infinite}}
@keyframes pr-drift{to{transform:translate3d(4%,-3%,0) scale(1.12)}}
@keyframes pr-float{50%{transform:translateY(-18px)}}

/* SECTIONS + SERVICE CARDS */
.section{padding:clamp(72px,9vw,124px) 0}
.section h2{font-size:clamp(2rem,4.8vw,3.4rem);margin:16px 0 18px}
.section-copy{font-size:1.1rem;color:var(--color-text-secondary);max-width:560px}
.split:has(>.rail){grid-template-columns:1fr;gap:48px}
.rail:not(.rail-spaced){border:0;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.rail:not(.rail-spaced) article{position:relative;padding:28px;border:1px solid var(--color-border);border-radius:20px;background:#fff;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}
.rail:not(.rail-spaced) article:hover{transform:translateY(-6px);border-color:rgba(37,99,235,.35);box-shadow:0 28px 50px -28px rgba(37,99,235,.45)}
.rail article .number{color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(37,99,235,.5);text-shadow:none;opacity:1;font-size:2.6rem;line-height:1;letter-spacing:-.02em;margin-bottom:18px}
.rail h3{font-size:1.3rem;letter-spacing:-.02em}
.rail p+p{margin-top:14px}

/* PROCESS TIMELINE (dark) */
.statement{position:relative;overflow:hidden;background:var(--pr-ink2);padding:clamp(80px,10vw,132px) 0}
.statement::before{content:"";position:absolute;width:640px;height:640px;right:-200px;top:-220px;background:radial-gradient(closest-side,rgba(79,70,229,.35),transparent);pointer-events:none}
.statement .wrap{position:relative}
.statement h2{color:#fff}
.system-list{position:relative;border:0;margin-top:48px}
.system-list::before{content:"";position:absolute;left:7px;top:34px;bottom:34px;width:2px;background:linear-gradient(180deg,#6366F1,#06B6D4);opacity:.55}
.system-row{position:relative;flex-wrap:wrap;align-items:baseline;gap:6px 24px;padding:24px 0 24px 44px;border-bottom:1px solid rgba(255,255,255,.08);font-size:1rem}
.system-row::before{content:"";position:absolute;left:0;top:32px;width:16px;height:16px;border-radius:50%;background:var(--pr-ink2);border:2px solid var(--pr-sky);box-shadow:0 0 0 5px rgba(125,211,252,.12)}
.system-row span:first-child{font-family:var(--font-family-display);font-size:clamp(1.25rem,2.4vw,1.7rem);color:#fff;min-width:150px}
.system-row span:last-child{color:#B6C2D6;font-weight:500;text-align:left}

/* HOMEPAGE CLOSING CTA (dark) */
body:has(.image-slider) main>.section:last-child{background:radial-gradient(70% 120% at 10% 0%,rgba(99,102,241,.38),transparent 60%),radial-gradient(60% 100% at 100% 100%,rgba(6,182,212,.3),transparent 60%),var(--pr-ink)}
body:has(.image-slider) main>.section:last-child h2{color:#fff}
body:has(.image-slider) main>.section:last-child .section-copy{color:#C5CEDF}
body:has(.image-slider) main>.section:last-child .button{background:#fff;color:var(--pr-ink2);box-shadow:0 14px 34px -12px rgba(255,255,255,.35)}

/* FOOTER */
footer{position:relative;background:var(--pr-ink)}
footer::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.55),transparent)}
footer a:hover{color:var(--pr-sky)}
.social-links a{border-radius:50%;width:40px;height:40px;border:1px solid rgba(255,255,255,.14);transition:background .2s,color .2s,transform .25s var(--ease)}
.social-links a:hover{background:var(--pr-grad);border-color:transparent;color:#fff;transform:translateY(-2px)}

/* INNER PAGES (safe refinements) */
.page-head{background:linear-gradient(180deg,#EEF1FF 0%,#fff 100%)}
.eco-item{border-radius:20px}
.eco-item:hover{border-color:rgba(37,99,235,.35);box-shadow:0 24px 44px -26px rgba(37,99,235,.45)}
.form input,.form select,.form textarea{border-radius:12px}

/* SCROLL REVEAL (progressive: unsupported browsers show content normally) */
@supports(animation-timeline:view()){.section .wrap>*,.statement .wrap>*,.system-row{animation:pr-rise both linear;animation-timeline:view();animation-range:entry 0% cover 30%}@keyframes pr-rise{from{opacity:0;transform:translateY(28px)}}}

/* ===== BLOG INDEX ===== */
body .blog-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--pr-ink)!important;background-attachment:scroll!important;padding:clamp(72px,10vw,128px) var(--space-lg) clamp(64px,9vw,112px)}
body .blog-hero::before{content:"";position:absolute;inset:-25%;z-index:-2;background:radial-gradient(40% 40% at 20% 30%,rgba(99,102,241,.5),transparent 70%),radial-gradient(35% 35% at 80% 20%,rgba(6,182,212,.38),transparent 70%),radial-gradient(40% 40% at 60% 90%,rgba(37,99,235,.4),transparent 70%);filter:blur(30px);animation:pr-drift 20s ease-in-out infinite alternate}
body .blog-hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 72%)}
body .blog-hero h1{font-size:clamp(2.4rem,6vw,4.4rem);letter-spacing:-.04em;line-height:1.05}
@supports(-webkit-background-clip:text){body .blog-hero h1{background:linear-gradient(180deg,#fff 35%,#A5B4FC 135%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}
body .blog-hero p{color:#C5CEDF}
body .search-box{display:flex;max-width:560px;margin:28px auto 0;padding:6px;background:#fff;border-radius:999px;box-shadow:0 18px 44px -18px rgba(37,99,235,.6)}
body .search-box input{background:transparent;padding-left:20px;border-radius:999px;color:var(--color-text-primary)}
body .search-box button{background:var(--pr-grad);border-radius:999px;padding:0 24px}
body .search-box button:hover{background:var(--pr-grad);filter:brightness(1.1)}
body .category-btn{border-radius:999px;background:#fff;border-color:var(--color-border-dark)}
body .category-btn:hover,body .category-btn.active{background:var(--pr-grad);border-color:transparent;color:#fff}
body .featured-article{border:1px solid transparent;border-radius:24px;background:linear-gradient(#F7F8FF,#fff) padding-box,var(--pr-grad) border-box;box-shadow:0 30px 60px -36px rgba(79,70,229,.45)}
body .featured-cta,body .cta-button.primary{border-radius:999px;background:var(--pr-grad);color:#fff;padding-left:26px;padding-right:26px;box-shadow:0 10px 28px -10px rgba(37,99,235,.65)}
body .featured-cta:hover,body .cta-button.primary:hover{background:var(--pr-grad);filter:brightness(1.1);color:#fff}
body .article-card{border-radius:20px;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}
body .article-card:hover{border-color:rgba(37,99,235,.35);box-shadow:0 28px 50px -28px rgba(37,99,235,.45);transform:translateY(-6px)}
body .article-category{border-radius:999px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.18);padding:5px 12px}
body .cta-section{position:relative;isolation:isolate;overflow:hidden;margin-top:0;padding:clamp(72px,9vw,120px) var(--space-lg);background:radial-gradient(70% 120% at 10% 0%,rgba(99,102,241,.38),transparent 60%),radial-gradient(60% 100% at 100% 100%,rgba(6,182,212,.3),transparent 60%),var(--pr-ink)}
body .cta-section h2{color:#fff}
body .cta-section p{color:#C5CEDF}
body .cta-button{border-radius:999px;padding:14px 28px}
body .cta-button.primary{background:#fff;color:var(--pr-ink2);box-shadow:0 14px 34px -12px rgba(255,255,255,.35)}
body .cta-button.primary:hover{background:#fff;color:var(--pr-ink2)}
body .cta-button.secondary{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.3)}
body .cta-button.secondary:hover{background:rgba(255,255,255,.15);color:#fff}

/* ===== BLOG ARTICLE + CATEGORY ===== */
body .article-header,body .category-header{position:relative;isolation:isolate;overflow:hidden;background:var(--pr-ink)!important;background-attachment:scroll!important;color:#fff}
body .article-header::before,body .category-header::before{content:"";position:absolute;inset:-25%;z-index:-2;background:radial-gradient(40% 40% at 20% 30%,rgba(99,102,241,.5),transparent 70%),radial-gradient(35% 35% at 80% 20%,rgba(6,182,212,.38),transparent 70%),radial-gradient(40% 40% at 60% 90%,rgba(37,99,235,.4),transparent 70%);filter:blur(30px);animation:pr-drift 20s ease-in-out infinite alternate}
body .article-header::after,body .category-header::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 72%)}
body .article-header{padding:clamp(56px,8vw,104px) var(--space-lg) clamp(48px,7vw,88px)}
body .article-header>*{max-width:768px;margin-left:auto;margin-right:auto}
body .article-header h1,body .category-header h1{color:#fff;letter-spacing:-.035em;line-height:1.08}
body .article-header h1{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:var(--space-lg)}
@supports(-webkit-background-clip:text){body .article-header h1,body .category-header h1{background:linear-gradient(180deg,#fff 35%,#A5B4FC 135%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}
body .article-header .article-meta{gap:10px}
body .article-header .article-meta span{padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#DCE4F2}
body .category-header{width:min(calc(100% - 2*var(--pad)),1140px);margin-top:var(--space-md);margin-bottom:var(--space-2xl);padding:clamp(40px,6vw,84px) clamp(24px,5vw,64px);border-radius:28px;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 90px -40px rgba(79,70,229,.6)}
body .category-header h1{font-size:clamp(2.2rem,5.4vw,3.8rem);margin:0 0 18px}
body .category-header p{color:#C5CEDF;max-width:640px;font-size:clamp(1rem,1.5vw,1.15rem)}
body:has(.article-header) .breadcrumb{max-width:800px;margin-left:auto;margin-right:auto}
body:has(.category-header) .breadcrumb{max-width:var(--max-width);margin-left:auto;margin-right:auto}
body .article-content{font-size:1.08rem;line-height:1.85}
body .article-content h2{font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:-.03em}
body .article-content h2::before{content:"";display:block;width:36px;height:3px;border-radius:3px;background:var(--pr-grad);margin-bottom:14px}
body .article-content a{text-decoration:underline;text-decoration-color:rgba(37,99,235,.35);text-underline-offset:3px;transition:text-decoration-color .2s}
body .article-content a:hover{text-decoration-color:var(--color-brand)}
body .cta-section .cta-button:not(.secondary):not(.primary){background:#fff;color:var(--pr-ink2);border-radius:999px;padding:14px 28px;box-shadow:0 14px 34px -12px rgba(255,255,255,.35)}
body .cta-section .cta-button:not(.secondary):not(.primary):hover{background:#fff;color:var(--pr-ink2)}
@media(max-width:680px){body .category-header{border-radius:20px}}

/* ===== CONTACT FORM LABELS ===== */
body:has(.links a[aria-current="page"][href="/web/contactus.html"]) .form label{color:#E6ECF8}