/* BNB Site — Shared Styles */
/* Colors: background #060f1f, surface #0f1f3a, border #1e3354, gold #d79921, text #ebdbb2, muted #928374, green #b8bb26, terminal #8ec07c */

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
::selection{background:#d79921;color:#0f1f3a}
body{background:#060f1f;color:#ebdbb2;font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#d79921;text-decoration:none}
a:hover{text-decoration:underline}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 24px;transition:all .3s;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(6,15,31,.95);backdrop-filter:blur(12px);border-bottom-color:#1e3354}
.nav-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:700;color:#d79921;letter-spacing:1px;cursor:pointer;text-decoration:none}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{color:#928374;font-size:14px;font-weight:500;transition:color .25s ease;position:relative;padding:4px 0;text-decoration:none}
.nav-links a:not(.cta-btn)::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#d79921;transform:scaleX(0);transform-origin:center;transition:transform .35s cubic-bezier(.4,0,.2,1);border-radius:1px}
.nav-links a:not(.cta-btn).active{color:#fbf1c7}
.nav-links a:not(.cta-btn).active::after{transform:scaleX(1)}
.nav-links a:hover{color:#ebdbb2;text-decoration:none}
.nav-links .cta-btn{background:#d79921;color:#0f1f3a;padding:8px 20px;border-radius:4px;font-weight:600}
.nav-links .cta-btn:hover{opacity:.9;text-decoration:none}
.menu-toggle{display:none;background:none;border:none;color:#ebdbb2;font-size:24px;cursor:pointer}
@media(max-width:768px){
  .nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#060f1f;flex-direction:column;padding:24px;gap:20px;border-bottom:1px solid #1e3354}
  .nav-links.open{display:flex}
  .menu-toggle{display:block}
  .nav-links a:not(.cta-btn)::after{display:none}
}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;padding:120px 24px 80px;position:relative;overflow:hidden}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(30,51,84,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(30,51,84,.2) 1px,transparent 1px);background-size:60px 60px;opacity:.4;animation:gridDrift 60s linear infinite}
.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(215,153,33,.06) 0%,transparent 60%)}
.hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;width:100%;display:flex;align-items:center;gap:32px}
.hero-content{flex:1;max-width:600px}
.hero-agents{flex:1;max-width:560px;min-width:260px}
.hero-agents svg{width:100%;height:auto}
@media(max-width:900px){.hero-agents{display:none}.hero-inner{justify-content:center}}

/* SUBPAGE AGENTS — Large, centered, prominent */
.page-agents{width:100%;max-width:500px;margin:32px auto 0;opacity:1;line-height:0}
.page-agents svg{width:100%;height:auto}
@media(max-width:600px){.page-agents{max-width:320px}}

/* DEPLOYMENTS ACCORDION */


/* PAGE HEADER (for subpages) */
.page-header{padding:140px 24px 24px;text-align:center;position:relative;overflow:hidden}
.page-header::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(30,51,84,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(30,51,84,.2) 1px,transparent 1px);background-size:60px 60px;opacity:.25}
.page-header .tag{position:relative;z-index:1}
.page-header h1{position:relative;z-index:1;font-family:'Playfair Display',serif;font-size:clamp(28px,4vw,44px);font-weight:700;color:#fbf1c7;margin-bottom:16px;line-height:1.15}
.page-header .desc{position:relative;z-index:1;font-size:18px;line-height:1.7;color:#a89984;max-width:600px;margin:0 auto}

/* TYPOGRAPHY */
.tag{font-family:'JetBrains Mono',monospace;font-size:13px;color:#928374;letter-spacing:3px;text-transform:uppercase;margin-bottom:24px}
h1{font-family:'Playfair Display',serif;font-size:clamp(36px,5.5vw,64px);font-weight:800;line-height:1.08;margin-bottom:28px;color:#fbf1c7}
h1 em{font-style:italic;color:#d79921}
.subtitle{font-size:20px;line-height:1.7;color:#a89984;max-width:600px;margin-bottom:40px}

/* BUTTONS */
.btn-primary{display:inline-block;background:#d79921;color:#0f1f3a;padding:14px 32px;font-size:16px;font-weight:600;border-radius:4px;font-family:'DM Sans',sans-serif;transition:transform .2s,box-shadow .2s;border:none;cursor:pointer;animation:btnPulse 2.4s ease-in-out infinite;position:relative;text-decoration:none}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(215,153,33,.45);text-decoration:none;animation:none}
@keyframes btnPulse{0%,100%{box-shadow:0 0 0 0 rgba(215,153,33,.35),0 0 0 0 rgba(215,153,33,0)}50%{box-shadow:0 0 24px 4px rgba(215,153,33,.4),0 0 48px 8px rgba(215,153,33,.15)}}

/* TERMINAL */
.terminal{margin-top:56px;background:#0f1f3a;border:1px solid #1e3354;border-radius:8px;padding:20px 24px;max-width:480px}
.dots{display:flex;gap:6px;margin-bottom:14px}
.dot{width:10px;height:10px;border-radius:50%}
.tline{font-family:'JetBrains Mono',monospace;font-size:13px;color:#8ec07c;margin-bottom:6px;min-height:20px}
.tline .pr{color:#665c54}
.tline.typing::after{content:'';display:inline-block;width:7px;height:13px;background:#8ec07c;margin-left:2px;vertical-align:middle;animation:blink 1s infinite}

/* STATS BAR */
.stats-bar{border-top:1px solid #1e3354;border-bottom:1px solid #1e3354;padding:48px 24px;background:#0f1f3a}
.stats-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
@media(max-width:600px){.stats-inner{grid-template-columns:repeat(2,1fr)}}
.stat-num{font-family:'JetBrains Mono',monospace;font-size:36px;font-weight:700;color:#d79921;text-align:center;line-height:1;margin-bottom:8px;opacity:0;transition:opacity .4s ease}
.stat-num.revealed{opacity:1}
.stat-label{font-size:13px;color:#928374;text-transform:uppercase;letter-spacing:2px;font-weight:500;text-align:center}

/* SECTIONS */
.section{padding:100px 24px}
.section-inner{max-width:1100px;margin:0 auto}
.section-narrow{max-width:750px;margin:0 auto}
.section-tag{font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px}
.section h2{font-family:'Playfair Display',serif;font-size:clamp(28px,4vw,42px);font-weight:700;color:#fbf1c7;margin-bottom:24px;line-height:1.15}
.section .desc{font-size:18px;line-height:1.75;color:#a89984;max-width:660px;margin-bottom:52px}
.dark-bg{background:#0f1f3a;border-top:1px solid #1e3354;border-bottom:1px solid #1e3354}

/* COMPARE */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:60px}
@media(max-width:700px){.compare{grid-template-columns:1fr}}
.compare-card{background:#0f1f3a;border:1px solid #1e3354;border-radius:10px;padding:28px}
.compare-card.bad{border-color:#cc241d33}
.compare-card.good{border-color:#b8bb2633}
.compare-title{font-size:16px;font-weight:600;margin-bottom:16px}
.compare-item{font-size:16px;color:#a89984;margin-bottom:12px;display:flex;align-items:flex-start;gap:10px;line-height:1.5}
.compare-item .x{color:#cc241d;font-weight:700;flex-shrink:0}
.compare-item .check{color:#b8bb26;font-weight:700;flex-shrink:0}

/* PROCESS */
.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:700px){.process-grid{grid-template-columns:1fr}}
.process-card{background:#060f1f;border:1px solid #1e3354;border-radius:10px;padding:28px;position:relative;overflow:hidden;transition:border-color .4s ease,transform .4s ease,background .4s ease}
.process-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:#d79921;transform:scaleY(0);transform-origin:top;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.process-card:hover{border-color:#d7992166;transform:translateY(-4px);background:#081530}
.process-card:hover::before{transform:scaleY(1)}
.process-card:hover .process-num{transform:scale(1.15);letter-spacing:2px}
.process-card:hover .process-title{color:#fff}
.process-num{font-family:'JetBrains Mono',monospace;font-size:12px;color:#d79921;letter-spacing:1px;margin-bottom:8px;display:inline-block;transition:transform .4s ease,letter-spacing .4s ease;transform-origin:left}
.process-week{font-family:'JetBrains Mono',monospace;font-size:11px;color:#665c54;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}
.process-title{font-size:20px;font-weight:700;color:#fbf1c7;margin-bottom:10px;transition:color .3s ease}
.process-desc{font-size:16px;line-height:1.65;color:#928374}

/* ARCHITECTURE */
.arch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}
.arch-bar{width:40px;height:3px;border-radius:2px;margin-bottom:20px}
.arch-title{font-size:21px;font-weight:700;color:#fbf1c7;margin-bottom:12px}
.arch-desc{font-size:16px;line-height:1.7;color:#928374}

/* CAPABILITIES */
.cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.cap-card{background:#060f1f;border:1px solid #1e335466;border-radius:8px;padding:24px;transition:border-color .3s,transform .3s}
.cap-card:hover{border-color:#d7992155;transform:translateY(-3px)}
.cap-name{font-size:19px;font-weight:700;color:#fbf1c7;margin-bottom:10px}
.cap-desc{font-size:16px;line-height:1.65;color:#928374}

/* SECURITY CALLOUT */
.security-callout{background:#060f1f;border:1px solid #fb493422;border-radius:10px;padding:32px;margin-top:48px}
.security-tag{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:#fb4934;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}
.security-title{font-size:22px;font-weight:700;color:#fbf1c7;margin-bottom:12px}
.security-desc{font-size:16px;line-height:1.7;color:#a89984;margin-bottom:16px}
.security-points{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:600px){.security-points{grid-template-columns:1fr}}
.sec-point{font-size:15px;color:#928374;display:flex;gap:8px;align-items:flex-start}
.sec-point .icon{color:#fb4934;flex-shrink:0;font-family:'JetBrains Mono',monospace;font-size:13px}

/* SERVICES */
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.svc-card{background:#060f1f;border:1px solid #1e3354;border-radius:12px;padding:32px;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.4,0,.2,1),border-color .4s ease,box-shadow .4s ease;position:relative}
.svc-card:hover{transform:translateY(-6px);border-color:#d79921aa;box-shadow:0 12px 32px rgba(0,0,0,.35)}
.svc-card:hover .svc-tier{letter-spacing:3px}
.svc-card:hover .svc-price{transform:scale(1.05)}
.svc-card.featured{border-color:#d79921;animation:subtleGlow 3s ease-in-out infinite}
.svc-card.featured:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(215,153,33,.25);animation:none}
@keyframes subtleGlow{0%,100%{box-shadow:0 0 0 0 rgba(215,153,33,.15)}50%{box-shadow:0 0 24px 2px rgba(215,153,33,.12)}}
.svc-badge{position:absolute;top:14px;right:14px;background:#d79921;color:#0f1f3a;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:4px 10px;border-radius:3px}
.svc-tier{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;transition:letter-spacing .4s ease}
.svc-name{font-size:21px;font-weight:700;color:#fbf1c7;margin-bottom:6px}
.svc-price-row{margin-bottom:14px}
.svc-price{font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:700;color:#d79921;display:inline-block;transition:transform .4s cubic-bezier(.4,0,.2,1),color .4s ease;transform-origin:left}
.svc-unit{font-size:14px;color:#665c54;margin-left:6px}
.svc-desc{font-size:15px;line-height:1.65;color:#928374;margin-bottom:20px}
.svc-features{flex:1;margin-bottom:20px}
.svc-feat{font-size:15px;color:#a89984;margin-bottom:10px;display:flex;align-items:flex-start;gap:8px}
.svc-feat .arrow{flex-shrink:0;margin-top:2px}
.svc-btn{display:block;text-align:center;padding:12px 24px;font-size:15px;font-weight:600;border-radius:4px;font-family:'DM Sans',sans-serif;transition:opacity .2s,transform .2s;text-decoration:none}
.svc-btn:hover{text-decoration:none;opacity:.9;transform:translateY(-1px)}
.svc-btn-primary{background:#d79921;color:#0f1f3a}
.svc-btn-ghost{color:#ebdbb2;border:1px solid #504945}

/* RESULTS */
.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.result-card{background:#0f1f3a;border:1px solid #1e3354;border-radius:10px;padding:28px;position:relative;overflow:hidden;opacity:0;transform:translateY(24px);transition:border-color .4s ease,transform .4s ease,opacity .6s ease,background .4s ease}
.result-card.revealed{opacity:1;transform:translateY(0)}
.result-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:#b8bb26;transform:scaleY(0);transform-origin:top;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.result-card:hover{border-color:#b8bb2666;background:#112345;transform:translateY(-4px)}
.result-card:hover::before{transform:scaleY(1)}
.result-card:hover .result-title{color:#fff}
.result-category{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;color:#d79921}
.result-title{font-size:19px;font-weight:700;color:#fbf1c7;margin-bottom:10px;transition:color .3s ease}
.result-desc{font-size:15px;line-height:1.65;color:#928374;margin-bottom:16px}
.result-stat{display:flex;align-items:baseline;gap:8px;padding-top:14px;border-top:1px solid #1e3354}
.result-stat .num{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:700;color:#b8bb26}
.result-stat .label{font-size:14px;color:#665c54}

/* ABOUT */
.about-quote{font-size:19px;color:#ebdbb2;font-style:italic;border-left:3px solid #d79921;padding-left:20px;margin:0 0 32px;line-height:1.65}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:40px 0;padding:24px;background:#060f1f;border-radius:8px;border:1px solid #1e3354}
@media(max-width:600px){.about-stats{grid-template-columns:repeat(2,1fr)}}
.about-stat-num{font-family:'JetBrains Mono',monospace;font-size:24px;font-weight:700;color:#d79921;text-align:center}
.about-stat-label{font-size:11px;color:#928374;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-top:4px}
.about-text{font-size:17px;line-height:1.8;color:#a89984}
.about-text p{margin-bottom:20px}
.about-text strong{color:#ebdbb2;font-weight:600}
.founder-box{display:flex;align-items:center;gap:20px;margin-top:32px;padding:20px;background:#060f1f;border-radius:8px;border:1px solid #1e3354}
.avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#d79921,#b8bb26);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:#0f1f3a;flex-shrink:0}
.founder-name{font-weight:600;color:#ebdbb2;font-size:16px}
.founder-title{font-size:14px;color:#928374;margin-top:2px}

/* CTA SECTION */
.cta-section{text-align:center;padding:100px 24px}
.cta-section .section-tag{margin-bottom:16px}
.cta-section h2{font-family:'Playfair Display',serif;font-size:clamp(28px,4vw,42px);font-weight:700;color:#fbf1c7;margin-bottom:24px}
.cta-section .desc{font-size:18px;line-height:1.75;color:#a89984;max-width:500px;margin:0 auto 40px}
.cta-email{font-family:'JetBrains Mono',monospace;font-size:14px;color:#665c54;margin-top:14px}
.cta-locs{margin-top:32px;font-size:14px;color:#504945}

/* FOOTER */
.footer{border-top:1px solid #1e3354;padding:32px 24px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:11px;color:#504945;letter-spacing:.5px}

/* KEYFRAMES */
@keyframes gridDrift{from{background-position:0 0}to{background-position:60px 60px}}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
.pulse{animation:pulse 2s infinite}

/* HERO ANIMATIONS */
.hero .tag{opacity:0;animation:fadeUp .7s ease forwards .1s}
.hero h1 .line-a{opacity:0;animation:fadeUp .8s ease forwards .3s;display:inline-block}
.hero h1 .line-b{opacity:0;animation:fadeUp .8s ease forwards .6s;display:inline-block}
.hero h1 .line-c{opacity:0;animation:fadeUp .8s ease forwards .9s;display:inline-block}
.hero .subtitle{opacity:0;animation:fadeUp .7s ease forwards 1.2s}
.hero .btn-row-wrap{opacity:0;animation:fadeUp .7s ease forwards 1.4s}
.hero .terminal{opacity:0;animation:fadeUp .7s ease forwards 1.6s}
.hero .hero-agents{opacity:0;animation:fadeUp .8s ease forwards 1.8s}

/* AGENT ANIMATIONS */
@keyframes float1{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes float2{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes float3{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes blinkcursor{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes checkpop{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}100%{opacity:1;transform:scale(1)}}
@keyframes docpulse{0%,100%{opacity:.55}50%{opacity:.95}}
@keyframes dotflow{0%{stroke-dashoffset:16}100%{stroke-dashoffset:0}}
@keyframes screenflicker{0%,92%,100%{opacity:.12}94%{opacity:.22}}
.px{fill:#8ec07c}
.agent-label{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase}

/* Inquiry form — /eric-style design, gold-branded for BNB */
.cta-divider{display:flex;align-items:center;max-width:420px;margin:56px auto 32px;color:#d5c4a1;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:600}
.cta-divider::before,.cta-divider::after{content:'';flex:1;height:1px;background:#3c5378}
.cta-divider span{padding:0 16px;white-space:nowrap}
.bnb-inquiry-container{max-width:680px;margin:0 auto;text-align:left}
.bnb-inquiry-form{margin:0;background:#060f1f;border:1px solid #1e3354;border-radius:12px;padding:2.25rem;transition:border-color .4s ease}
.bnb-inquiry-form:hover{border-color:#d7992144}
.bnb-form-field{margin-bottom:1.5rem}
.bnb-form-field label{display:block;font-family:'JetBrains Mono',monospace;font-size:.85rem;color:#d5c4a1;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.6rem;font-weight:600}
.bnb-form-field input,.bnb-form-field textarea{width:100%;background:#0f1f3a;border:1px solid #3c5378;border-radius:6px;padding:.95rem 1.15rem;color:#fbf1c7;font-family:'DM Sans',sans-serif;font-size:1.05rem;transition:border-color .2s}
.bnb-form-field input:focus,.bnb-form-field textarea:focus{outline:none;border-color:#d79921}
.bnb-form-field input::placeholder,.bnb-form-field textarea::placeholder{color:#928374;font-style:italic}
.bnb-form-field textarea{min-height:135px;resize:vertical;font-family:'DM Sans',sans-serif;line-height:1.55}
.bnb-form-hint{font-size:.9rem;color:#a89984;margin-top:.5rem;font-style:italic}
.bnb-form-submit{display:inline-block;padding:1rem 2.25rem;background:#d79921;color:#0f1f3a;border:none;border-radius:6px;font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s}
.bnb-form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(215,153,33,.45)}
.bnb-form-submit:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.bnb-form-footer{margin-top:1rem;text-align:center;color:#a89984;font-family:'JetBrains Mono',monospace;font-size:.8rem;letter-spacing:.5px}
.bnb-form-success{display:none;background:rgba(215,153,33,.08);border:1px solid #d79921;border-radius:12px;padding:2.5rem 1.5rem;color:#fbf1c7;text-align:center;font-size:1rem;max-width:680px;margin:0 auto}
.bnb-form-success.visible{display:block}
.bnb-form-success strong{font-family:'Playfair Display',serif;font-size:1.75rem;color:#b8bb26;display:block;margin-bottom:.5rem;font-weight:700}
.bnb-form-success p{color:#d5c4a1;margin:0;line-height:1.55;font-size:1.05rem}
@media(max-width:600px){.bnb-inquiry-form{padding:1.75rem 1.5rem}.cta-divider{margin:44px auto 28px}}

/* Deployments header (no longer a dropdown - always visible) */
.deployments-header{text-align:center;max-width:720px;margin:0 auto}

/* Clickable case study card on Deployments section */
.result-card-link{display:block;text-decoration:none;color:inherit}
.result-card-clickable{position:relative;cursor:pointer;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.result-card-clickable:hover{transform:translateY(-4px);border-color:#d79921;box-shadow:0 12px 32px rgba(215,153,33,.15)}
.result-card-cta{margin-top:18px;padding-top:18px;border-top:1px solid #1e3354;font-family:'JetBrains Mono',monospace;font-size:12px;color:#d79921;letter-spacing:.5px;font-weight:600;transition:color .3s ease,letter-spacing .3s ease}
.result-card-clickable:hover .result-card-cta{letter-spacing:1.2px}

/* About page additions */
.about-stats-header{margin:60px 0 32px;padding-bottom:0}
.about-stats-callout{text-align:center;margin:24px 0 60px;font-family:'JetBrains Mono',monospace;font-size:14px;color:#d5c4a1;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.about-stats-callout .dot{color:#d79921;font-weight:700}

/* About page header with floating agent characters */
.about-header-with-agents{position:relative;overflow:hidden;min-height:340px;padding:140px 24px 56px}
.agent-floats{position:absolute;inset:0;pointer-events:none;z-index:0}
.agent-float{position:absolute;width:60px;height:70px;opacity:.5;animation:agentFloat 5s ease-in-out infinite}
.agent-float.teal{filter:drop-shadow(0 0 12px rgba(93,202,165,.3))}
.agent-float.gold{filter:drop-shadow(0 0 12px rgba(215,153,33,.3))}
.agent-float.red{filter:drop-shadow(0 0 12px rgba(251,73,52,.3))}
.agent-float.purple{filter:drop-shadow(0 0 12px rgba(141,133,230,.3))}
@keyframes agentFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:780px){
  .agent-float{width:40px;height:48px;opacity:.35}
  .agent-float.teal{top:6%!important;left:4%!important}
  .agent-float.gold{top:6%!important;right:4%!important}
  .agent-float.red{bottom:6%!important;left:4%!important}
  .agent-float.purple{bottom:6%!important;right:4%!important}
}

/* About page: 'or send a quick inquiry' link below Book a Discovery Call */
.about-inquiry-link{margin-top:18px;text-align:center}
.about-inquiry-link a{color:#a89984;text-decoration:none;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.5px;border-bottom:1px solid #3c5378;padding-bottom:2px;transition:color .2s,border-color .2s}
.about-inquiry-link a:hover{color:#d79921;border-bottom-color:#d79921}

/* /security page typography */
.security-intro{margin:24px 0 48px;color:#a89984;font-size:17px;line-height:1.7}
.security-intro p{margin-bottom:18px}
.security-h2{font-family:'Playfair Display',serif;font-size:28px;color:#fbf1c7;margin:48px 0 18px;font-weight:700;border-bottom:1px solid #1e3354;padding-bottom:14px}
.security-p{color:#a89984;line-height:1.7;margin-bottom:20px;font-size:16px}