*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#10233f;background:#f6f8fb;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.nav{position:absolute;z-index:20;top:0;left:0;right:0;padding:20px 0;color:#fff}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-width:0}.brand{display:flex;align-items:center;min-width:0}.brand img{width:auto;height:38px;max-width:180px;object-fit:contain}.brand-text{font-weight:900;letter-spacing:.16em;font-size:18px;white-space:nowrap}.brand-text span{color:#83b1f2;margin-left:4px}.nav nav{display:flex;gap:16px;align-items:center;font-size:11px;font-weight:700;white-space:nowrap}.nav nav a{opacity:.82}.nav nav a:hover{opacity:1}.nav-cta{padding:10px 13px;border:1px solid rgba(255,255,255,.28);border-radius:7px}.menu{display:none;background:none;border:0;color:#fff;font-size:22px}.hero{min-height:720px;background:#06152f;position:relative;overflow:hidden;color:#fff;padding:140px 0 80px}.hero-grid{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:55px;align-items:center;position:relative;z-index:3}.hero h1{font-size:clamp(3rem,5.6vw,5.5rem);line-height:.98;letter-spacing:-.07em;margin:28px 0 24px;max-width:720px}.hero p{font-size:18px;line-height:1.8;color:rgba(255,255,255,.62);max-width:620px}.pill{display:inline-flex;border:1px solid #294d78;background:#102d52;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#a9ccff}.actions{display:flex;gap:12px;margin:30px 0;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 17px;border-radius:8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;border:1px solid transparent;cursor:pointer}.btn.primary{color:#06152f;background:#fff;box-shadow:0 8px 18px rgba(4,18,48,.16)}.btn.ghost{color:#153e73;border-color:#c7d4e3;background:#fff}.hero .btn.ghost{color:#fff;background:transparent;border-color:rgba(160,202,255,.42)}.explore{color:#9fc4f6;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.hero-visual{height:500px;border-radius:18px;border:1px solid rgba(255,255,255,.15);overflow:hidden;background:#0b2348;box-shadow:0 32px 90px rgba(0,0,0,.36);position:relative;isolation:isolate}.visual-card{position:absolute;inset:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(3px)}.orb1{width:350px;height:350px;left:10%;top:10%;background:radial-gradient(circle,#3b7ed0,transparent 66%);opacity:.7;animation:floatOrb 8s ease-in-out infinite}.orb2{width:450px;height:450px;right:-15%;bottom:-20%;background:radial-gradient(circle,#164b99,transparent 67%);opacity:.8;animation:floatOrb 10s ease-in-out infinite reverse}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(110,160,220,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(110,160,220,.08) 1px,transparent 1px);background-size:46px 46px;transform:perspective(600px) rotateX(55deg) scale(1.6);transform-origin:center bottom;opacity:.7}.visual-label{position:absolute;left:28px;right:28px;bottom:28px;z-index:4}.visual-label small,.section-head small,.page-hero small,.cta small,.contact-note small,.admin-top small{font-size:10px;font-weight:800;letter-spacing:.16em;color:#6a9ddd}.visual-label strong{display:block;margin-top:8px;font-size:25px;letter-spacing:-.04em;max-width:420px}.hero-3d{position:absolute;right:-80px;top:40px;width:560px;height:560px;z-index:1;perspective:1000px;pointer-events:none;opacity:.8}.cube{position:absolute;left:110px;top:100px;width:250px;height:250px;transform-style:preserve-3d;animation:spin3d 16s linear infinite}.cube i{position:absolute;inset:0;border:1px solid rgba(112,177,255,.35);background:linear-gradient(135deg,rgba(50,126,224,.08),rgba(255,255,255,.01));box-shadow:0 0 45px rgba(40,117,220,.13) inset}.cube i:nth-child(1){transform:translateZ(125px)}.cube i:nth-child(2){transform:rotateY(180deg) translateZ(125px)}.cube i:nth-child(3){transform:rotateY(90deg) translateZ(125px)}.cube i:nth-child(4){transform:rotateY(-90deg) translateZ(125px)}.cube i:nth-child(5){transform:rotateX(90deg) translateZ(125px)}.cube i:nth-child(6){transform:rotateX(-90deg) translateZ(125px)}.hero-particle{position:absolute;width:7px;height:7px;border-radius:50%;background:#8ebeff;box-shadow:0 0 25px #5c9bf4;animation:particle 5s ease-in-out infinite}.p1{left:50px;top:80px}.p2{right:40px;top:240px;animation-delay:1.2s}.p3{left:180px;bottom:70px;animation-delay:2.4s}@keyframes spin3d{to{transform:rotateX(360deg) rotateY(360deg) rotateZ(20deg)}}@keyframes floatOrb{50%{transform:translate3d(20px,-18px,0) scale(1.04)}}@keyframes particle{50%{transform:translate3d(35px,-25px,0);opacity:.35}}
.strip{background:#fff;border-bottom:1px solid #dce5ee}.strip-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:18px;padding:24px 0;color:#304966;font-size:13px}.strip-grid strong{display:block;margin-top:4px}.strip-grid em{font-style:normal;color:#6a9ddd;font-weight:800;margin-right:8px}.section{padding:92px 0}.section.pale{background:#edf3f8}.section.dark,.dark{background:#06152f;color:#fff}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.section-head>div{max-width:760px}.section-head h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1;letter-spacing:-.06em;margin:10px 0 12px}.section-head p{color:#63738a;line-height:1.8;max-width:680px}.section-head.light p{color:rgba(255,255,255,.58)}.section-head.light h2{color:#fff}.cards{display:grid;gap:18px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.mini-card,.dark-card{border:1px solid #d6e1ec;border-radius:16px;background:#fff;padding:22px;min-width:0}.card .media-thumb{margin:-22px -22px 22px}.media-thumb{height:220px;border-radius:13px;overflow:hidden;background:#0b2348}.media-thumb img{width:100%;height:100%;object-fit:cover}.card small,.mini-card small,.dark-card small{color:#6a9ddd;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.card h3,.mini-card h3,.dark-card h3{font-size:24px;letter-spacing:-.04em;margin:9px 0}.card p,.mini-card p,.dark-card p{color:#63738a;line-height:1.7;margin-bottom:0}.lift{transition:transform .25s ease,box-shadow .25s ease}.lift:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(10,35,70,.1)}.dark-card{background:#0b2348;border-color:rgba(255,255,255,.1);color:#fff}.dark-card p{color:rgba(255,255,255,.58)}.dark-card b{display:block;margin-top:20px;color:#8fb8ee;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.project-card{padding:0;overflow:hidden}.project-card img{width:100%;height:210px;object-fit:cover}.project-card>div{padding:22px}.feature{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background:#0b2348}.feature-art{min-height:390px;position:relative;background:radial-gradient(circle at 50% 50%,#1c61b9 0,rgba(28,97,185,.2) 26%,transparent 52%),#081d3b}.face-ring{position:absolute;left:50%;top:50%;width:230px;height:230px;transform:translate(-50%,-50%);border:1px solid rgba(141,193,255,.7);border-radius:50%;box-shadow:0 0 80px rgba(62,139,234,.35),inset 0 0 50px rgba(62,139,234,.15);animation:spin3d 12s linear infinite}.signal{position:absolute;left:50%;top:50%;width:8px;height:8px;background:#9cc8ff;border-radius:50%;box-shadow:0 0 30px #77b2ff;animation:particle 4s infinite}.feature>div:last-child{padding:55px}.feature h3{font-size:38px;letter-spacing:-.05em;margin:10px 0 24px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;color:rgba(255,255,255,.68);font-size:14px}.marquee{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.marquee div{min-height:100px;padding:20px;border:1px solid #d5e2ef;background:#fff;border-radius:12px;display:flex;flex-direction:column;justify-content:center}.marquee img{height:30px;width:auto;max-width:140px;object-fit:contain;margin-bottom:10px}.marquee small{display:block;color:#6a9ddd;margin-top:6px}.cta{padding:90px 0;background:#0b2348;color:#fff;text-align:center}.cta h2{font-size:clamp(3rem,6vw,5rem);letter-spacing:-.06em}.page-hero{padding:150px 0 80px;background:#06152f;color:#fff}.page-hero h1{font-size:clamp(3rem,6vw,5rem);max-width:800px;letter-spacing:-.06em}.page-hero p{max-width:680px;color:rgba(255,255,255,.62);font-size:18px;line-height:1.8}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.detail-art{min-height:450px;border-radius:18px;overflow:hidden}.detail-art img{width:100%;height:100%;object-fit:cover}.detail-grid h2{font-size:44px;letter-spacing:-.05em}.detail-grid p{color:#63738a;line-height:1.9;margin-bottom:30px}.form-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:60px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:12px;font-weight:700;color:#304966;margin-bottom:16px}input,textarea,select{width:100%;border:1px solid #cbd7e4;border-radius:7px;background:#fff;padding:13px 14px;color:#10233f;outline:none;margin-top:7px;font:inherit}textarea{min-height:130px;resize:vertical}.contact-note{padding:30px;background:#071a35;color:#fff;border-radius:16px;height:max-content}.contact-note h2{font-size:36px;letter-spacing:-.04em}.contact-note p{color:rgba(255,255,255,.6);line-height:1.8}.footer{background:#06152f;color:#fff;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-grid p,.footer-grid span,.footer-grid a{display:block;color:rgba(255,255,255,.55);margin-top:12px;font-size:14px}.footer .brand img{height:36px}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding-top:20px;color:rgba(255,255,255,.35);font-size:12px}.flash-wrap{position:fixed;right:20px;top:20px;z-index:99;max-width:min(420px,calc(100% - 40px))}.flash{padding:14px 18px;background:#071a35;color:#fff;border-radius:8px;margin-bottom:8px;box-shadow:0 10px 30px #0002}.flash.error{background:#7f1d1d}
/* Admin */.admin-body{background:#f6f8fb}.admin-sidebar{position:fixed;z-index:50;left:0;top:0;bottom:0;width:258px;background:#06152f;color:#fff;padding:24px 16px;display:flex;flex-direction:column;overflow-y:auto}.admin-brand{height:58px;padding:8px 10px 20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.admin-brand img{height:34px;max-width:190px;object-fit:contain}.admin-brand span{font-weight:900;letter-spacing:.14em}.admin-brand small{display:block;color:#82b1f2;font-size:9px;letter-spacing:.15em;margin-top:4px}.admin-home,.admin-nav-group a,.admin-sidebar-bottom a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:7px;color:#d9e7f7;font-size:13px}.admin-home:hover,.admin-nav-group a:hover,.admin-sidebar-bottom a:hover{background:#0b2348}.admin-nav-group{margin-top:15px}.admin-nav-group b{display:block;color:#83b1f2;font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding:10px 12px 6px}.admin-sidebar-bottom{margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.admin-main{margin-left:258px;min-height:100vh}.admin-page{padding:60px 0}.admin-container{width:min(1180px,calc(100% - 48px));margin:auto}.admin-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.admin-top h1{font-size:42px;letter-spacing:-.05em;margin:7px 0}.admin-top p{color:#63738a;margin:0}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:24px}.stats div,.admin-panel,table,.inquiry{background:#fff;border:1px solid #dce5ee;border-radius:12px}.stats div{padding:20px}.stats small{display:block;color:#6a9ddd;text-transform:uppercase;font-size:10px;letter-spacing:.12em}.stats strong{font-size:30px}.admin-panel{padding:25px;margin-bottom:22px}.panel-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.panel-heading h2,.admin-panel>h2{margin:5px 0 0;font-size:24px;letter-spacing:-.04em}.admin-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-link-grid a{border:1px solid #dce5ee;border-radius:10px;padding:18px;background:#f9fbfd}.admin-link-grid a:hover{border-color:#8fb8ee;transform:translateY(-2px)}.admin-link-grid strong,.admin-link-grid span{display:block}.admin-link-grid span{font-size:11px;color:#63738a;margin-top:7px}.admin-mobile-toggle{display:none}table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden}th,td{text-align:left;padding:15px;border-bottom:1px solid #edf1f5;font-size:13px}.status{padding:5px 8px;border-radius:999px;background:#eaf1f8;font-size:10px;font-weight:800}.cms-layout{display:grid;grid-template-columns:minmax(320px,360px) minmax(0,1fr);gap:22px}.cms-item{border-top:1px solid #e8edf3;padding:14px 0}.cms-item summary{cursor:pointer;display:flex;justify-content:space-between;gap:15px}.cms-item summary span{font-size:10px;color:#6a9ddd}.danger{background:#fff;border:1px solid #efb5b5;color:#b91c1c}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}.row-item,.inquiry{padding:18px;margin-bottom:10px;display:flex;justify-content:space-between;gap:20px}.row-item span{display:block;color:#63738a;font-size:12px;margin-top:5px}.inquiry{display:block}.inquiry span,.inquiry small{display:block;color:#63738a;margin-top:4px}.inquiry p{line-height:1.7;color:#304966}.inquiry form{display:flex;gap:8px}.inline-form{display:flex;gap:10px;background:#fff;border:1px solid #dce5ee;padding:18px;border-radius:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings{max-width:none}.logo-preview{max-height:90px;max-width:240px;object-fit:contain;background:#06152f;border-radius:10px;padding:12px;margin:5px 0 20px}.logo-placeholder{height:90px;display:grid;place-items:center;border:1px dashed #cbd7e4;border-radius:10px;color:#63738a;margin:5px 0 20px}.help-text{font-size:12px;color:#63738a;line-height:1.6}.media-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.media-card{background:#fff;border:1px solid #dce5ee;border-radius:12px;overflow:hidden}.media-card>img{width:100%;height:180px;object-fit:cover;background:#06152f}.media-card>div{padding:14px}.media-card strong,.media-card small{display:block}.media-card small{color:#63738a;font-size:11px;margin:5px 0 12px}.empty{padding:40px;background:#fff;border:1px dashed #cbd7e4;border-radius:12px;color:#63738a}.login{min-height:100vh;display:grid;place-items:center;background:#06152f}.login-card{width:min(420px,calc(100% - 40px));background:#fff;padding:35px;border-radius:16px}.login-card h1{font-size:36px;letter-spacing:-.05em}.login-card p{color:#63738a}.login-card .btn{width:100%;margin-top:10px}
@media(max-width:1100px){.nav nav{display:none}.menu{display:block}.nav-open .nav nav{display:flex;position:absolute;top:70px;left:20px;right:20px;background:#071a35;padding:20px;border-radius:12px;flex-direction:column;align-items:stretch;box-shadow:0 20px 50px #0005}.nav-open .nav nav a{padding:7px}.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.hero{min-height:auto;padding-top:125px}.hero-grid,.detail-grid,.form-wrap,.cms-layout,.settings-grid{grid-template-columns:1fr}.hero-visual{height:380px}.hero-3d{right:-180px;top:50px;opacity:.45}.strip-grid{grid-template-columns:1fr 1fr}.cards.three{grid-template-columns:1fr}.section-head{display:block}.section-head .btn{margin-top:18px}.feature{grid-template-columns:1fr}.feature>div:last-child{padding:30px}.admin-sidebar{transform:translateX(-100%);transition:transform .25s ease}.admin-sidebar-open .admin-sidebar{transform:translateX(0)}.admin-main{margin-left:0}.admin-mobile-toggle{display:block;position:fixed;z-index:60;top:14px;left:14px;width:42px;height:42px;border:0;border-radius:8px;background:#06152f;color:#fff;font-size:20px}.admin-page{padding-top:75px}.admin-container{width:min(100% - 28px,1180px)}}
@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.hero h1{font-size:3rem}.cards.four,.strip-grid,.footer-grid,.stats,.admin-link-grid{grid-template-columns:1fr}.feature-list{grid-template-columns:1fr}.page-hero{padding-top:125px}.admin-top{display:block}.form-grid{grid-template-columns:1fr}.media-library-grid{grid-template-columns:1fr}.marquee{grid-template-columns:1fr}.hero-3d{display:none}}
/* V3 responsive hero, neuron animation, public people/reviews */
.hero{min-height:100svh;height:auto;padding:108px 0 42px;display:flex;align-items:center}
.hero-grid{width:100%;min-height:calc(100svh - 150px);align-items:center}
.hero h1{font-size:clamp(2.75rem,5vw,5rem)}
.hero-visual{height:min(500px,calc(100svh - 190px));min-height:360px}
.hero-word-cloud{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.13}
.hero-word-cloud span{position:absolute;color:#8ebeff;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;filter:blur(.1px);animation:wordFloat 14s ease-in-out infinite}
.hero-word-cloud span:nth-child(1){left:7%;top:18%;font-size:30px}.hero-word-cloud span:nth-child(2){left:45%;top:11%;font-size:14px;animation-delay:1s}.hero-word-cloud span:nth-child(3){left:73%;top:30%;font-size:18px;animation-delay:2s}.hero-word-cloud span:nth-child(4){left:20%;top:72%;font-size:22px;animation-delay:3s}.hero-word-cloud span:nth-child(5){left:56%;top:68%;font-size:15px;animation-delay:4s}.hero-word-cloud span:nth-child(6){left:82%;top:75%;font-size:13px;animation-delay:5s}.hero-word-cloud span:nth-child(7){left:35%;top:45%;font-size:12px;animation-delay:6s}.hero-word-cloud span:nth-child(8){left:4%;top:48%;font-size:16px;animation-delay:7s}.hero-word-cloud span:nth-child(9){left:64%;top:51%;font-size:12px;animation-delay:8s}.hero-word-cloud span:nth-child(10){left:87%;top:13%;font-size:11px;animation-delay:9s}
@keyframes wordFloat{0%,100%{transform:translate3d(0,0,0) rotate(-2deg);opacity:.45}50%{transform:translate3d(20px,-16px,0) rotate(2deg);opacity:1}}
.neuron-scene{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.48;mix-blend-mode:screen}.neuron-scene svg{width:100%;height:100%}.neuron-lines path{fill:none;stroke:#4f8fe8;stroke-width:1.2;stroke-opacity:.32}.neuron-nodes circle{fill:#7eb5ff;opacity:.55;filter:drop-shadow(0 0 8px #4f91ef)}.data-pulses circle{fill:#d9edff;filter:drop-shadow(0 0 10px #5fa8ff)}
.hero-3d{z-index:2}.hero-grid{z-index:4}
.team-card>img{width:100%;height:220px;object-fit:cover;border-radius:11px;margin-bottom:18px;background:#e9f1f8}.partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.partner-card{padding:24px;border:1px solid #d6e1ec;border-radius:14px;background:#fff;display:flex;flex-direction:column;justify-content:center;min-height:150px}.partner-card img{max-height:52px;max-width:180px;object-fit:contain;margin-bottom:16px}.partner-card strong{font-size:18px}.partner-card small{color:#6a9ddd;margin-top:6px}.partner-logo-wrap{height:180px;border-radius:12px;background:#f2f6fa;display:grid;place-items:center;margin-bottom:20px}.partner-logo-wrap img{max-height:100px;max-width:220px;object-fit:contain}.partner-logo-wrap span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#0b2348;color:#fff;font-size:25px;font-weight:900}.text-link{display:inline-block;margin-top:16px;color:#285e9f;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.review-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:22px;align-items:start}.review-card{padding:25px;border:1px solid #d6e1ec;border-radius:14px;background:#fff}.review-card p{font-size:16px;line-height:1.8;color:#304966}.review-card strong,.review-card small{display:block}.review-card small{color:#63738a;margin-top:5px}.stars{color:#3f82d6;letter-spacing:2px}.review-form{padding:25px;border-radius:14px;background:#06152f;color:#fff}.review-form h3{font-size:24px;margin-top:0}.review-form label{color:#cfe0f4}.review-form input,.review-form textarea,.review-form select{background:#fff}.row-actions{display:flex;gap:8px;align-items:center}.empty{grid-column:1/-1}
@media(max-width:1100px){.hero{padding-top:96px}.hero-grid{min-height:auto}.hero-visual{height:430px}.partner-grid{grid-template-columns:1fr 1fr}.review-layout{grid-template-columns:1fr}.hero-word-cloud span:nth-child(n+7){display:none}}
@media(max-width:850px){.hero{min-height:auto;padding:112px 0 50px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(3rem,11vw,4.5rem)}.hero-visual{height:360px;min-height:0}.neuron-scene{opacity:.28}.hero-word-cloud{opacity:.1}.partner-grid{grid-template-columns:1fr}.hero-3d{right:-180px;top:20px;opacity:.35}}
@media(max-width:560px){.hero{padding-top:96px}.hero h1{font-size:3rem}.hero-visual{height:300px}.hero-word-cloud span{font-size:10px!important}.team-card>img{height:200px}}
/* V4 visual/layout refinements */
.nav{padding:16px 0}
.brand img{display:block;width:auto;height:34px;max-width:190px;object-fit:contain}
.nav nav{gap:14px}
.nav nav>a,.nav-drop-toggle{position:relative;color:#dce9f8;transition:color .2s ease,opacity .2s ease}
.nav nav>a.active,.nav nav>a:hover,.nav-drop-toggle.active,.nav-drop-toggle:hover{color:#7fb6ff;opacity:1}
.nav-dropdown{position:relative}
.nav-drop-toggle{border:0;background:transparent;padding:10px 0;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.nav-dropdown-menu{position:absolute;right:0;top:38px;min-width:170px;padding:8px;background:#071a35;border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:0 18px 45px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s ease}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown-menu a{display:block!important;padding:10px 12px!important;border-radius:7px;color:#dce9f8!important;font-size:12px!important}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{background:#0b315e;color:#8fc0ff!important}
.hero{min-height:100svh;height:auto;padding:88px 0 34px;display:flex;align-items:center}
.hero-grid{width:100%;min-height:calc(100svh - 122px);grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:28px}
.hero h1{font-size:clamp(2.7rem,5.1vw,5rem);max-width:700px}
.hero .reveal:first-child{padding-left:14px}
.hero-neuron{height:min(520px,calc(100svh - 180px));min-height:330px;position:relative;display:grid;place-items:center;z-index:4}
.hero-neuron svg{width:100%;height:100%;overflow:visible}
.neuron-glow{position:absolute;width:55%;height:55%;border-radius:50%;background:radial-gradient(circle,rgba(90,157,242,.23),transparent 68%);filter:blur(12px);animation:neuronGlow 5s ease-in-out infinite}
.hero-neuron-lines path{fill:none;stroke:#74adf5;stroke-width:2;stroke-opacity:.62;filter:drop-shadow(0 0 5px rgba(103,168,255,.38));stroke-dasharray:7 9;animation:neuronFlow 7s linear infinite}
.hero-neuron-nodes circle{fill:#b9dcff;opacity:.78;filter:drop-shadow(0 0 9px rgba(99,170,255,.9));animation:nodePulse 2.7s ease-in-out infinite}
.hero-data circle{fill:#f1f9ff;filter:drop-shadow(0 0 10px #68aaff);}
@keyframes neuronFlow{to{stroke-dashoffset:-160}}
@keyframes nodePulse{0%,100%{opacity:.5;transform:scale(.9);transform-origin:center}50%{opacity:1;transform:scale(1.18)}}
@keyframes neuronGlow{50%{transform:scale(1.12);opacity:.72}}
.hero-word-cloud{opacity:.12}
.hero-word-cloud span{animation:wordData 7s ease-in-out infinite}
@keyframes wordData{0%,100%{opacity:.22;transform:translate3d(0,0,0)}50%{opacity:.72;transform:translate3d(10px,-8px,0);text-shadow:0 0 18px rgba(102,170,255,.35)}}
/* Hide the old framed visual/cube completely */
.hero-visual,.hero-3d{display:none!important}
.review-section{background:#edf3f8;padding-top:76px;padding-bottom:76px}
.review-section .section-head{align-items:center}
.review-section .section-head h2{max-width:760px}
.review-count{min-width:190px;padding:18px 22px;background:#fff;border:1px solid #d6e1ec;border-radius:14px;text-align:center}
.review-count strong{display:block;font-size:34px;color:#2e73c6;line-height:1}
.review-count span{display:block;margin-top:7px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#63738a}
.review-layout{grid-template-columns:minmax(0,1.75fr) minmax(290px,.75fr);gap:18px}
.review-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.review-card{padding:20px;min-height:220px}
.review-card p{margin:15px 0 22px}
.review-form{padding:22px}
.review-form textarea{min-height:90px}
/* Admin navigation */
.admin-sidebar{width:270px;padding:20px 14px}
.admin-main{margin-left:270px}
.admin-nav-group a.active,.admin-home.active{background:#0b315e;color:#8fc0ff}
.admin-nav-group a{transition:.18s ease}
@media(max-width:1100px){.hero{padding-top:88px}.hero-grid{min-height:calc(100svh - 115px);gap:18px}.hero .reveal:first-child{padding-left:10px}.hero-neuron{height:440px}.review-list{grid-template-columns:1fr 1fr}.review-layout{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:850px){.nav nav{display:none}.hero{min-height:auto;padding:110px 0 55px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero .reveal:first-child{padding-left:0}.hero-neuron{height:380px;min-height:0}.review-layout{grid-template-columns:1fr}.review-list{grid-template-columns:1fr}.review-count{margin-top:18px}.review-section .section-head{display:block}}
@media(max-width:560px){.hero{padding-top:96px}.hero h1{font-size:clamp(2.55rem,12vw,3.4rem)}.hero p{font-size:16px}.hero-neuron{height:300px}.hero-word-cloud{opacity:.08}.review-section{padding-top:58px;padding-bottom:58px}.review-card{min-height:0}.review-form{padding:18px}.review-count{width:100%}}
.nav nav>a.clicked,.nav-dropdown-menu a.clicked{color:#7fb6ff!important}
.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
@media(max-width:1100px){.hero-grid{padding-left:20px;padding-right:20px}.nav-inner{padding-left:10px;padding-right:10px}}
@media(max-width:850px){.hero-grid{padding-left:0;padding-right:0}}
/* V6 — preserve the V4 color system; only refine visibility, spacing and shared motion. */
.nav{background:#06152f;color:#fff;}
.nav-inner{padding-left:18px;padding-right:18px;}
.brand-text{display:inline-block;white-space:nowrap;color:#fff;}
.brand-text span{display:inline;color:#83b1f2;margin-left:4px;}
.footer .brand-text{display:inline-block;white-space:nowrap;}
.footer .brand-text span{display:inline;}
/* One shared neuron network is visible across every public page. */
.global-neuron{position:fixed;inset:0;z-index:2;opacity:.28;mix-blend-mode:screen;pointer-events:none;}
.global-neuron-lines path{stroke:#6fa9ee;stroke-width:1.5;stroke-opacity:.62;stroke-dasharray:4 8;animation:globalNeuronFlow 8s linear infinite;}
.global-neuron-nodes circle{fill:#b8dcff;opacity:.78;filter:drop-shadow(0 0 10px rgba(102,170,255,.95));animation:globalNodePulse 2.8s ease-in-out infinite;}
.global-data-pulses circle{fill:#ffffff;filter:drop-shadow(0 0 13px #65aaff);opacity:1;}
@keyframes globalNeuronFlow{to{stroke-dashoffset:-150}}
@keyframes globalNodePulse{0%,100%{opacity:.58}50%{opacity:1;transform:scale(1.18);transform-origin:center}}
/* Technology words travel with the same data-network visual on every public page. */
.global-tech-words{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;}
.global-tech-words span{position:absolute;color:#5d91d0;opacity:.34;font-size:clamp(15px,1.4vw,25px);font-weight:900;letter-spacing:.08em;text-transform:uppercase;animation:techWordFlow 8s ease-in-out infinite;}
.global-tech-words span:nth-child(1){left:9%;top:24%;animation-delay:-1s}.global-tech-words span:nth-child(2){left:43%;top:12%;animation-delay:-3s}.global-tech-words span:nth-child(3){left:74%;top:28%;animation-delay:-5s}.global-tech-words span:nth-child(4){left:28%;top:68%;animation-delay:-2s}.global-tech-words span:nth-child(5){left:67%;top:57%;animation-delay:-6s}.global-tech-words span:nth-child(6){left:82%;top:76%;animation-delay:-4s}.global-tech-words span:nth-child(7){left:8%;top:78%;animation-delay:-7s}.global-tech-words span:nth-child(8){left:56%;top:84%;animation-delay:-1.5s}.global-tech-words span:nth-child(9){left:36%;top:39%;animation-delay:-4.5s}.global-tech-words span:nth-child(10){left:86%;top:12%;animation-delay:-2.5s}
@keyframes techWordFlow{0%,100%{opacity:.24;transform:translate3d(0,0,0)}50%{opacity:.72;transform:translate3d(10px,-8px,0);text-shadow:0 0 20px rgba(92,158,240,.5)}}
/* Keep public content above the shared animation without changing the V4 backgrounds. */
.nav,.strip,.section,.page-hero,.cta,.footer{position:relative;z-index:3;}
.nav{z-index:20;}
.nav > .container,.strip > .container,.section > .container,.page-hero > .container,.cta > .container,.footer > .container{position:relative;z-index:4;}
/* Slightly darker review area, keeping the V4 navy/blue palette. */
.review-section{background:#dfe8f2;}
@media(max-width:850px){.global-neuron{opacity:.23}.global-tech-words span{opacity:.27;font-size:12px}.brand-text{font-size:14px;letter-spacing:.1em}.nav{background:#06152f;}}
@media(max-width:560px){.brand-text{font-size:12px;letter-spacing:.08em}.brand img{height:32px}}
/* V7 fixes: public shared neuron is fixed; admin stays completely separate. */
.global-neuron{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:.30;mix-blend-mode:screen}
.global-neuron svg{width:100%;height:100%}
.global-neuron-lines path{stroke:#78b0f2;stroke-width:1.5;stroke-opacity:.58;stroke-dasharray:5 9;animation:globalNeuronFlow 8s linear infinite}
.global-neuron-nodes circle{fill:#c7e3ff;opacity:.72;filter:drop-shadow(0 0 9px rgba(105,174,255,.9));animation:globalNodePulse 2.7s ease-in-out infinite}
.global-data-pulses circle{fill:#ffffff;filter:drop-shadow(0 0 12px #67adff);opacity:1}
.global-tech-words{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.global-tech-words span{color:#73a9e8;opacity:.42}
.nav,.section,.page-hero,.cta,.footer{position:relative;z-index:3}
.nav{z-index:20}
.brand{gap:10px}
.brand-text{display:inline-block;white-space:nowrap;color:#fff;font-weight:900;letter-spacing:.12em;font-size:18px;line-height:1}
.brand-text span{display:inline;color:#83b1f2;margin-left:4px}
.footer .brand-text{font-size:18px}
.admin-brand-line{gap:10px}
.admin-brand-line .brand-text{font-size:15px;letter-spacing:.08em}
.admin-body .global-neuron,.admin-body .global-tech-words{display:none}
.admin-body{background:#f6f8fb}
.admin-body .admin-main{position:relative;z-index:3}
.admin-body .admin-sidebar{z-index:50}
.admin-top,.admin-shell,.admin-container{padding-left:12px;padding-right:12px}
@media(max-width:850px){.brand-text{font-size:14px}.footer .brand-text{font-size:15px}.global-neuron{opacity:.24}.global-tech-words span{opacity:.32}}
@media(max-width:560px){.brand-text{font-size:12px}.brand{gap:7px}.brand img{height:30px}}
/* V8 visual consistency: keep the V4 theme and make the shared data network truly viewport-fixed. */
.global-neuron{z-index:2!important;opacity:.34!important;mix-blend-mode:screen!important;position:fixed!important;inset:0!important;pointer-events:none!important}
.global-tech-words{z-index:2!important;position:fixed!important;inset:0!important;pointer-events:none!important}
.global-tech-words span{color:#82b7f3!important;opacity:.46!important;text-shadow:0 0 14px rgba(91,157,235,.18);}
.global-neuron-lines path{stroke:#78b0f2!important;stroke-width:1.8!important;stroke-opacity:.68!important}
.global-neuron-nodes circle{fill:#d2e9ff!important;opacity:.82!important}
.global-data-pulses circle{fill:#fff!important;filter:drop-shadow(0 0 16px #68adff)!important}
/* Let the fixed network remain visible while preserving the V4 backgrounds. */
.strip{background:rgba(255,255,255,.94)!important}
.section:not(.dark):not(.pale){background:rgba(246,248,251,.94)!important}
.section.pale{background:rgba(237,243,248,.94)!important}
.section.dark,.dark{background:rgba(6,21,47,.94)!important}
.page-hero{background:rgba(6,21,47,.94)!important}
.cta{background:rgba(11,35,72,.94)!important}
.footer{background:rgba(6,21,47,.97)!important}
/* Homepage content gets the same comfortable side spacing used by the inner pages. */
.hero>.container{width:min(1180px,calc(100% - 80px));padding-left:20px;padding-right:20px}
.hero-grid{gap:42px}
.hero-grid>.reveal:first-child{padding-left:18px}
.hero h1{max-width:700px}
.hero p{max-width:650px}
/* Services/projects/etc. share the same fixed network without letting it scroll with content. */
.page-hero,.section,.strip,.cta,.footer{isolation:isolate}
@media(max-width:850px){
.hero>.container{width:min(100% - 32px,1180px);padding-left:8px;padding-right:8px}
.hero-grid>.reveal:first-child{padding-left:8px}
.global-neuron{opacity:.27!important}
.global-tech-words span{opacity:.36!important}
}
@media(max-width:560px){
.hero>.container{width:calc(100% - 24px);padding:0}
.hero-grid>.reveal:first-child{padding-left:4px}
.global-tech-words span{font-size:11px!important}
}
/* V9 — polished V4 visual direction: calmer network, stronger typography, consistent page hero copy. */
.global-neuron{opacity:.20!important;mix-blend-mode:screen!important;filter:saturate(.82)!important}
.global-neuron-lines path{stroke:#2f5f99!important;stroke-width:1.35!important;stroke-opacity:.48!important;stroke-dasharray:4 10!important}
.global-neuron-nodes circle{fill:#5e82ad!important;opacity:.42!important;filter:drop-shadow(0 0 7px rgba(72,125,190,.42))!important}
.global-data-pulses circle{fill:#9cc8ff!important;filter:drop-shadow(0 0 12px rgba(70,150,255,.82))!important}
.global-tech-words span{color:#6f9fd5!important;opacity:.34!important;text-shadow:0 0 12px rgba(70,125,190,.14)!important}
/* Clean, spacious homepage hero. The shared fixed neuron supplies the visual system; no framed hero card. */
.hero{min-height:760px;padding:160px 0 88px}
.hero>.container{width:min(1220px,calc(100% - 96px));padding:0 24px}
.hero-grid{display:block;min-height:0}
.hero-grid>.reveal:first-child{padding-left:0;max-width:1040px}
.hero h1{font-size:clamp(4rem,6.7vw,6.6rem);line-height:.94;max-width:980px;margin:30px 0 24px;letter-spacing:-.075em}
.hero-tagline{font-size:clamp(18px,1.7vw,25px);font-weight:650;color:#7faee6;letter-spacing:-.025em;margin:0 0 14px;max-width:760px}
.hero p{font-size:18px;line-height:1.75;max-width:760px;color:rgba(255,255,255,.64)}
.hero-neuron,.hero-visual,.hero-3d,.hero-word-cloud,.neuron-scene{display:none!important}
.actions{margin-top:32px}
/* Every inner page gets a calm, editorial top section with a motivational line under its title. */
.page-hero{padding:170px 0 88px;min-height:510px}
.page-hero>.container{width:min(1180px,calc(100% - 96px));padding:0 24px}
.page-hero h1{font-size:clamp(4rem,6.4vw,6rem);line-height:.94;margin:22px 0 18px;max-width:900px}
.page-hero-tagline{font-size:clamp(18px,1.7vw,25px);line-height:1.35;font-weight:650;color:#7faee6;letter-spacing:-.025em;max-width:760px;margin:0 0 16px}
.page-hero p{font-size:18px;line-height:1.8;max-width:720px}
/* Let the fixed network read subtly through public page backgrounds without making the page look noisy. */
.page-hero{background:rgba(6,21,47,.965)!important}
.section:not(.dark):not(.pale){background:rgba(246,248,251,.975)!important}
.section.pale{background:rgba(237,243,248,.975)!important}
.section.dark,.dark{background:rgba(6,21,47,.975)!important}
.cta{background:rgba(11,35,72,.975)!important}
.footer{background:#06152f!important}
/* Consistent brand lockup: logo + SYNRA AI Technologies stays on one line. */
.brand{gap:10px}
.brand-text{font-size:18px!important;letter-spacing:.12em!important;white-space:nowrap!important}
.brand-text span{display:inline!important;margin-left:4px!important}
@media(max-width:1100px){
.hero>.container,.page-hero>.container{width:min(100% - 64px,1180px);padding:0 12px}
.hero h1{max-width:900px}
}
@media(max-width:850px){
.hero{min-height:auto;padding:138px 0 70px}
.hero>.container,.page-hero>.container{width:calc(100% - 40px);padding:0}
.hero h1,.page-hero h1{font-size:clamp(3.2rem,10vw,5rem);max-width:850px}
.page-hero{min-height:auto;padding:140px 0 70px}
.global-neuron{opacity:.15!important}
.global-tech-words span{opacity:.28!important}
}
@media(max-width:560px){
.hero{padding:120px 0 58px}
.hero>.container,.page-hero>.container{width:calc(100% - 28px)}
.hero h1,.page-hero h1{font-size:clamp(2.8rem,13vw,4rem);line-height:.96}
.hero-tagline,.page-hero-tagline{font-size:17px}
.hero p,.page-hero p{font-size:16px}
.global-neuron{opacity:.12!important}
.global-tech-words span{font-size:11px!important;opacity:.24!important}
}
/* V10 — visible shared neuron network on every PUBLIC page.
Keep the V4 navy/blue palette unchanged; only increase network visibility. */
.global-neuron{
position:fixed!important;
inset:0!important;
z-index:2!important;
opacity:.46!important;
mix-blend-mode:screen!important;
filter:none!important;
pointer-events:none!important;
}
.global-neuron svg{width:100%;height:100%;display:block;overflow:visible}
.global-neuron-lines path{
stroke:#5f9ee8!important;
stroke-width:1.65!important;
stroke-opacity:.72!important;
stroke-dasharray:5 9!important;
animation:globalNeuronFlow 7s linear infinite!important;
}
.global-neuron-nodes circle{
fill:#a9d3ff!important;
opacity:.76!important;
filter:drop-shadow(0 0 10px rgba(91,166,247,.78))!important;
animation:globalNodePulse 2.7s ease-in-out infinite!important;
}
.global-data-pulses circle{
fill:#e7f4ff!important;
opacity:1!important;
filter:drop-shadow(0 0 14px rgba(82,170,255,.95))!important;
}
.global-tech-words span{
color:#73aaf0!important;
opacity:.48!important;
text-shadow:0 0 16px rgba(83,153,235,.22)!important;
}
/* Do not let page-level opaque backgrounds hide the fixed network. */
.page-hero{background:rgba(6,21,47,.91)!important}
.section:not(.dark):not(.pale){background:rgba(246,248,251,.91)!important}
.section.pale{background:rgba(237,243,248,.91)!important}
.section.dark,.dark{background:rgba(6,21,47,.91)!important}
.cta{background:rgba(11,35,72,.91)!important}
.strip{background:rgba(255,255,255,.91)!important}
/* Keep text/content above the animated network. */
.nav{z-index:20!important}
.page-hero>.container,
.section>.container,
.strip>.container,
.cta>.container,
.footer>.container{position:relative;z-index:5}
@media(max-width:850px){
.global-neuron{opacity:.34!important}
.global-neuron-lines path{stroke-opacity:.64!important}
.global-tech-words span{opacity:.38!important}
}
@media(max-width:560px){
.global-neuron{opacity:.27!important}
.global-neuron-lines path{stroke-width:1.4!important}
.global-tech-words span{font-size:11px!important;opacity:.30!important}
}
/* V11 cleanup: remove floating technology words, simplify login, improve logo visibility and hero positioning. */
.global-tech-words,.hero-word-cloud{display:none!important}
.global-neuron{opacity:.24!important}
.global-data-pulses{display:none!important}
.brand img{width:36px!important;height:36px!important;max-width:36px!important;object-fit:contain!important;background:#fff;border-radius:7px;padding:4px;flex:0 0 36px}
.footer .brand img{width:36px!important;height:36px!important;max-width:36px!important}
.nav nav{font-size:13px!important;gap:18px!important}
.nav-drop-toggle{font-size:13px!important}
.hero{min-height:100svh!important;height:auto!important;padding:104px 0 36px!important;align-items:flex-start!important}
.hero-grid{min-height:0!important;display:block!important}
.hero-grid>.reveal:first-child{padding-left:0!important;max-width:980px!important;padding-top:28px!important}
.hero h1{margin-top:18px!important;max-width:920px!important}
.hero p{max-width:720px!important}
.hero-tagline{margin-bottom:12px!important}
.login-page{min-height:100vh;margin:0;background:#06152f;display:grid;place-items:center;overflow:auto;color:#10233f}
.login-shell{width:100%;min-height:100vh;display:grid;place-items:center;padding:28px}
.login-card{width:min(440px,100%);background:#fff;border:1px solid rgba(255,255,255,.25);border-radius:18px;padding:34px 36px;box-shadow:0 25px 70px rgba(0,0,0,.28)}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.login-logo-box{width:54px;height:54px;border-radius:11px;background:#fff;border:1px solid #dbe4ee;display:grid;place-items:center;box-shadow:0 8px 22px rgba(7,26,53,.12)}
.login-logo-box img{width:44px;height:44px;object-fit:contain}
.login-company{font-size:20px;font-weight:900;letter-spacing:.12em;color:#10233f;white-space:nowrap}
.login-company span{color:#3f82d6}
.login-card h1{margin:0 0 8px;font-size:34px;letter-spacing:-.05em}
.login-subtitle{margin:0 0 22px;color:#63738a}
.login-card label{display:block;color:#193553;font-size:13px;font-weight:700;margin:0 0 16px}
.login-card input{width:100%;height:50px;margin-top:7px;border:1px solid #cbd8e6;border-radius:9px;padding:0 14px;font:inherit;outline:none}
.login-card input:focus{border-color:#5b96dc;box-shadow:0 0 0 3px rgba(91,150,220,.12)}
.login-card .btn{width:100%;margin-top:4px}
.login-alert{padding:11px 13px;border-radius:9px;margin:0 0 18px;font-size:13px}
.login-alert.error{background:#fff0f0;color:#a22b2b;border:1px solid #f2caca}
.login-alert.success{background:#eef9f1;color:#22713b;border:1px solid #c8e7d1}
.back-website{display:block;text-align:center;margin-top:20px;color:#285e9f;font-weight:700;font-size:14px}
.back-website:hover{text-decoration:underline}
@media(max-width:850px){.nav nav{font-size:13px!important}.hero{padding-top:98px!important}.hero-grid>.reveal:first-child{padding-top:18px!important}.brand img{width:34px!important;height:34px!important;max-width:34px!important;flex-basis:34px}}
@media(max-width:560px){.nav nav{font-size:13px!important}.brand img{width:32px!important;height:32px!important;max-width:32px!important;flex-basis:32px}.brand-text{font-size:13px!important}.hero{padding-top:92px!important}.hero h1{margin-top:14px!important}.login-shell{padding:18px}.login-card{padding:28px 22px}.login-company{font-size:16px}}