/* NEXUS ORIGIN V2 | faithful brand artwork, responsive refinement */
:root{--accent:#9ed4ff;--accent-hi:#e8f4ff}
body{overflow-x:clip}
.site-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{width:169px;min-width:0;display:flex;align-items:center;justify-content:flex-start}
.brand img{width:100%;height:auto;aspect-ratio:auto;display:block}
.hero-logo{width:100%;height:auto;aspect-ratio:2048 / 1152;object-fit:contain;display:block;transition:opacity .18s ease;}
.brand-panel{transition:border-color .25s ease,box-shadow .25s ease;isolation:isolate}
.brand-panel:hover{border-color:#4d6683;box-shadow:0 25px 95px #000a,0 0 75px rgba(82,160,224,.15)}
.hero-control-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0 0;flex-wrap:wrap}
.brand-variant-hint{display:flex;align-items:center;gap:7px;color:#91a6c1;font-size:11px;font-weight:600;white-space:nowrap}
.brand-variant-hint .icon{width:15px;height:15px;color:#acd7fb}
.brand-mode-switch{display:flex;align-items:center;padding:4px;gap:3px;background:#0e1722;border:1px solid #2c4156;border-radius:10px}
.mode-button{font:600 11px var(--display);border:0;border-radius:7px;background:transparent;color:#94a9c3;padding:8px 12px;white-space:nowrap;transition:background .2s,color .2s}
.mode-button:hover{color:#fff}
.mode-button.active{background:linear-gradient(125deg,#dceaf7,#a0bad2);color:#0c1420;box-shadow:0 2px 8px #0005}
.about-visual-inner{min-height:290px;gap:6px;overflow:hidden}
.about-visual-inner img{width:100%;max-width:100%;height:auto;aspect-ratio:2048 / 1153;object-fit:contain;flex:0 0 auto;filter:none}
.about-overline{align-self:flex-start;margin:0 0 4px 10px!important}
.contact-signature{max-width:410px;margin-top:35px}
.contact-symbol{width:100%;max-width:400px;height:auto;aspect-ratio:2048/1152;object-fit:contain;object-position:center;display:block;mix-blend-mode:screen}
.contact-signature small{margin-top:-8px}
.footer-brand{max-width:208px;margin:0 0 5px!important}
.footer-brand img{width:100%;height:auto;object-fit:contain;mix-blend-mode:screen}
.service-card,.showcase-card,.price-card{transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.service-card:hover,.showcase-card:hover,.price-card:hover{border-color:#5a7796;transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.13)}
.faq-section{border-top:1px solid #1e2d3f;background:radial-gradient(circle at 18% 42%,rgba(49,88,128,.13),transparent 40%),#080c12}
.faq-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}
.faq-aside h2{font:600 clamp(34px,3.8vw,52px)/1.14 var(--display);letter-spacing:-.055em;margin:0 0 25px}
.faq-aside>p:not(.section-kicker){color:#a6b7c9;font-size:14px;line-height:1.85;margin:0 0 22px;max-width:380px}
.faq-mini-brand{margin-top:35px;border-top:1px solid #263448;opacity:.55;overflow:hidden;max-width:335px}
.faq-mini-brand img{width:100%;height:auto;object-fit:contain;display:block}
.faq-list{border-top:1px solid #304258}
.faq-list details{border-bottom:1px solid #304258;padding:0}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:24px 4px;list-style:none;color:#e4ebf6;font:600 16px/1.5 var(--display)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary .icon{width:17px;height:17px;color:#9bc4e9;transition:transform .22s ease;transform:rotate(45deg)}
.faq-list details[open] summary .icon{transform:rotate(0)}
.faq-list details p{margin:-3px 40px 24px 4px;color:#a4b1c4;font-size:13px;line-height:1.8}
.faq-list details[open] summary{color:#f5faff}
@media(max-width:1090px){.brand{width:147px}.faq-layout{gap:42px}}
@media(max-width:820px){.faq-layout{grid-template-columns:1fr;gap:28px}.faq-mini-brand{display:none}.brand{width:146px}}
@media(max-width:580px){.brand{width:130px}.brand-variant-hint{font-size:10px}.brand-mode-switch{width:100%;justify-content:stretch}.mode-button{flex:1}.hero-control-bar{margin-top:16px;gap:8px}.faq-list summary{font-size:15px;padding:19px 2px}.faq-list details p{margin-right:8px}.contact-symbol{max-width:290px}.about-visual-inner{min-height:0;padding:12px 6px}.about-overline{margin-left:4px!important;font-size:8px}.service-card:hover,.showcase-card:hover,.price-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-logo,.mode-button,.service-card,.showcase-card,.price-card{transition:none!important}}

/* V3 — fluid illumination and deliberately restrained branding */
.hero{isolation:isolate;background:linear-gradient(140deg,#04070c 0%,#070e19 55%,#03060a 100%);}
.liquid-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.92;mix-blend-mode:screen;display:block;}
.hero::before{z-index:1;opacity:.6;}
.hero-aura{z-index:1;opacity:.32;}
.hero-grid{z-index:2;}
.hero .trust-strip{position:relative;z-index:2;}
.hero-visual-wrap{filter:drop-shadow(0 12px 45px rgba(0,0,0,.20));}
.brand-panel{box-shadow:0 25px 90px rgba(0,0,0,.65),0 0 44px rgba(39,125,220,.12)}
.brand-panel:hover{box-shadow:0 22px 82px rgba(0,0,0,.65),0 0 48px rgba(32,141,231,.16)}
.about-visual-inner.concept-panel{position:relative;overflow:hidden;min-height:355px;gap:0;justify-content:space-between;align-items:stretch;padding:24px 25px 27px;background:radial-gradient(ellipse at 50% 50%,rgba(20,57,92,.16),transparent 66%),#05090e;}
.concept-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(93,147,188,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(93,147,188,.045) 1px,transparent 1px);background-size:29px 29px;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 70%,transparent)}
.concept-header{display:flex;justify-content:space-between;font:600 10px var(--display);letter-spacing:.16em;color:#8da9c9;position:relative;z-index:1}
.concept-graphic{position:relative;min-height:184px;margin:12px 15px 0;display:flex;align-items:center;justify-content:center}
.concept-path{height:1px;background:linear-gradient(90deg,transparent,#6e9fcc 18%,#d6e9fc 48%,#6e9fcc 82%,transparent);position:absolute;left:1%;right:1%;top:50%;box-shadow:0 0 22px rgba(39,135,226,.45)}
.concept-path i{position:absolute;top:-3px;display:block;width:6px;height:6px;background:#98cfff;border-radius:50%;box-shadow:0 0 14px #51a7fa}
.concept-path i:nth-child(1){left:17%}.concept-path i:nth-child(2){left:49%}.concept-path i:nth-child(3){left:82%}
.concept-nodes{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;z-index:2}
.concept-node{width:86px;height:86px;border-radius:50%;border:1px solid #557b9f;background:radial-gradient(circle at 48% 43%,#122e49 0%,#08121f 52%,#080c13 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 7px rgba(50,90,125,.055),0 12px 40px #0008}
.concept-node.central{width:114px;height:114px;border-color:#aacfe9;box-shadow:0 0 0 8px rgba(51,128,200,.1),0 0 50px rgba(44,133,220,.2);background:radial-gradient(circle at 45% 34%,#1c4267 0%,#0a1930 48%,#080d17 85%)}
.concept-node b{font:500 23px var(--display);color:#dceeff;letter-spacing:-.05em}
.concept-node.central b{font-size:33px;color:#fff}
.concept-captions{display:flex;justify-content:space-between;gap:8px;text-align:center;margin:0 9px 17px;position:relative;z-index:2}
.concept-captions span{width:33.3%;color:#c4d7e9;font:600 10px var(--display);letter-spacing:.17em}
.concept-panel .concept-footer{font:400 12px var(--font);color:#7b93aa;margin:0!important;padding-top:14px;border-top:1px solid #1d2b3a;text-align:center;letter-spacing:.01em;position:relative;z-index:2}
.contact-signature{max-width:none;margin-top:44px;gap:12px}
.contact-quiet{font:600 13px var(--display);letter-spacing:.19em;color:#b9d6f1;}
.contact-signature small{color:#6f8dad;letter-spacing:.16em;}
.footer-wordmark{font:700 22px var(--display);letter-spacing:.1em;color:#f1f5fc}
.footer-wordmark span{color:#8da9c7}
.faq-aside .text-link{margin-top:5px}
/* No repeated emblem decorations throughout the page. */
@media(max-width:580px){.concept-panel{padding:15px!important}.concept-graphic{min-height:160px;margin-inline:8px}.concept-node{width:65px;height:65px}.concept-node.central{width:89px;height:89px}.concept-captions span{font-size:8px;letter-spacing:.1em}.contact-quiet{font-size:12px;letter-spacing:.11em}.hero::before{opacity:.25}.liquid-canvas{opacity:.65}}
@media(prefers-reduced-motion:reduce){.liquid-canvas{display:none}.hero{background:radial-gradient(ellipse at 65% 32%,rgba(14,81,156,.24),transparent 55%),#060a10;}}
@media(hover:none),(pointer:coarse){.hero{background:radial-gradient(ellipse at 70% 55%,rgba(15,91,164,.20),transparent 57%),linear-gradient(#05070b,#070e19)} }

/* Official business contact address and submission setup */
.contact-email-link{display:inline-flex;align-items:center;gap:12px;max-width:100%;margin-top:22px;min-height:44px;font:600 clamp(12px,1.3vw,15px) var(--font);color:#c5e4ff;text-decoration:none;letter-spacing:.01em;overflow-wrap:anywhere;transition:color .2s ease}
.contact-email-link .icon{width:17px;height:17px;flex:none;color:#72bfff}
.contact-email-link:hover,.contact-email-link:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:5px}
.footer-email-link{display:inline-block;margin-top:14px;font:500 12px var(--font);color:#a6d3ff;text-decoration:none;overflow-wrap:anywhere}
.footer-email-link:hover,.footer-email-link:focus-visible{text-decoration:underline;text-underline-offset:4px;color:#fff}
.hidden-bot-field{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.about-visual-inner.about-logo-panel{background:#000;display:flex;align-items:center;justify-content:center;min-height:340px;padding:18px 12px}
.about-visual-inner.about-logo-panel img{max-width:100%;width:100%;height:auto;aspect-ratio:1649 / 928;object-fit:contain;filter:none}
@media(max-width:580px){.about-visual-inner.about-logo-panel{min-height:0;padding:5px}.contact-email-link{margin-top:18px}}

/* Soft global blue liquid follow-through across every site section. Hero keeps its original WebGL effect. */
.sitewide-fluid{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.7;mix-blend-mode:screen;filter:blur(11px);background:radial-gradient(ellipse 260px 205px at var(--nx-px,68%) var(--nx-py,49%),rgba(11,106,225,.13),rgba(5,64,154,.052) 58%,transparent 82%),radial-gradient(ellipse 210px 185px at var(--nx-tx,74%) var(--nx-ty,57%),rgba(27,145,245,.075),transparent 75%);transition:opacity .3s ease;}
@media(max-width:820px){.sitewide-fluid{opacity:.4}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.sitewide-fluid{display:none!important}}
