:root{
  --bg:#03060c;--bg2:#07101d;--panel:#081525;--panel2:#0b1c31;--soft:#10243d;
  --text:#f5f9ff;--muted:#91a4bc;--blue:#149cff;--blue2:#0057ff;--cyan:#46d4ff;
  --line:rgba(86,170,255,.18);--line-strong:rgba(66,174,255,.42);--white:#fff;--max:1200px;
  --shadow:0 25px 80px rgba(0,77,179,.18);--glow:0 0 40px rgba(20,156,255,.22)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#02050a 0%,#06101c 48%,#02060c 100%);color:var(--text);line-height:1.65;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:radial-gradient(circle at var(--mx,78%) var(--my,16%),rgba(16,127,255,.12),transparent 28%),radial-gradient(circle at 10% 70%,rgba(0,73,255,.08),transparent 25%)}a{color:inherit;text-decoration:none}.container{width:min(92%,var(--max));margin:auto}.muted{color:var(--muted)}

/* HEADER */
.site-header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,rgba(2,6,12,.95),rgba(4,11,20,.88));backdrop-filter:blur(20px);border-bottom:1px solid var(--line);box-shadow:0 14px 50px rgba(0,0,0,.28);transition:.35s}.site-header.scrolled{background:rgba(2,7,14,.97);box-shadow:0 16px 55px rgba(0,80,190,.14)}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--blue),var(--cyan),transparent);background-size:200% 100%;animation:headerPulse 5s linear infinite}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-family:Oswald;font-size:1.5rem;letter-spacing:.05em;position:relative}.brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(20,156,255,.28));transition:.35s}.brand:hover img{transform:rotate(-3deg) scale(1.06)}.brand b{color:var(--blue)}.brand:after{content:"";position:absolute;left:70px;right:0;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--blue),transparent);transform:scaleX(.25);transform-origin:left;transition:.35s}.brand:hover:after{transform:scaleX(1)}.main-nav{display:flex;align-items:center;gap:24px;font-weight:700;font-size:.92rem}.main-nav a{opacity:.92;position:relative;transition:.25s}.main-nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transition:.25s}.main-nav a:hover{color:#fff}.main-nav a:not(.nav-cta):hover:after{transform:scaleX(1)}.nav-cta,.btn-primary{background:linear-gradient(135deg,var(--blue2),var(--blue),var(--cyan));background-size:180% 180%;color:#fff!important;padding:13px 20px;border-radius:10px;font-weight:900;display:inline-block;box-shadow:0 10px 30px rgba(0,108,255,.28);transition:.3s;animation:gradientShift 6s ease infinite}.nav-cta:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(0,132,255,.42)}.nav-toggle{display:none;background:rgba(20,156,255,.08);border:1px solid var(--line);color:#fff;font-size:1.55rem;border-radius:10px;padding:8px 12px}

/* HERO */
.hero{min-height:88vh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 22%,rgba(0,119,255,.26),transparent 28%),radial-gradient(circle at 18% 80%,rgba(0,77,255,.13),transparent 28%),linear-gradient(125deg,#010409 0%,#071322 52%,#02070d 100%)}.hero:before,.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(62,158,255,.035) 1px,transparent 1px),linear-gradient(rgba(62,158,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 88%);animation:gridDrift 20s linear infinite}.hero:after{content:"";position:absolute;width:620px;height:620px;right:-170px;top:-190px;border:1px solid rgba(36,165,255,.18);border-radius:50%;box-shadow:0 0 90px rgba(0,119,255,.08),inset 0 0 90px rgba(0,119,255,.05);animation:orb 8s ease-in-out infinite}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:55px;align-items:center}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.22em;font-weight:900;font-size:.76rem;text-shadow:0 0 18px rgba(70,212,255,.28)}.hero h1,.page-hero h1{font-family:Oswald;margin:.18em 0;font-size:clamp(3.5rem,7.8vw,7.1rem);line-height:.91;text-transform:uppercase;letter-spacing:-.025em;text-wrap:balance}.hero h1{background:linear-gradient(180deg,#fff 12%,#d7ebff 60%,#79c7ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 40px rgba(0,91,255,.18));animation:titleIn .85s ease both}.hero p{color:#9fb3ca;max-width:720px;font-size:1.08rem}.hero-actions{display:flex;gap:14px;margin-top:30px}.btn-secondary{border:1px solid var(--line-strong);padding:12px 19px;border-radius:10px;font-weight:800;background:linear-gradient(180deg,rgba(12,39,67,.8),rgba(4,15,27,.9));display:inline-block;transition:.3s;box-shadow:inset 0 1px rgba(255,255,255,.04)}.btn-secondary:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:var(--glow)}.hero-card{position:relative;background:linear-gradient(150deg,rgba(12,34,58,.92),rgba(4,13,24,.96));border:1px solid var(--line-strong);border-radius:24px;padding:32px;box-shadow:0 35px 100px rgba(0,0,0,.48),0 0 80px rgba(0,99,255,.12);overflow:hidden;animation:floatCard 6s ease-in-out infinite}.hero-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent 15%,rgba(61,190,255,.12),transparent 55%);transform:translateX(-100%);animation:sheen 7s ease-in-out infinite}.hero-card>*{position:relative}.hero-card h3{font-family:Oswald;font-size:1.9rem;margin-top:0;text-transform:uppercase}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.stat{background:linear-gradient(180deg,rgba(5,18,33,.95),rgba(4,11,20,.95));border:1px solid var(--line);padding:18px;border-radius:13px}.stat b{display:block;font-size:1.65rem;color:var(--cyan);text-shadow:0 0 20px rgba(0,157,255,.28)}

/* GENERAL CONTENT */
section{padding:92px 0;position:relative}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:36px}.section-head h2,.page-hero h2,.display-heading{font-family:Oswald;text-transform:uppercase;font-size:clamp(2.2rem,4vw,3.8rem);margin:0;line-height:1}.section-head p{max-width:630px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{position:relative;background:linear-gradient(155deg,rgba(12,31,52,.95),rgba(4,13,23,.98));border:1px solid var(--line);border-radius:18px;padding:28px;transition:.35s;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.16)}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(15,154,255,.15),transparent 35%);opacity:0;transition:.35s}.card:hover{transform:translateY(-9px) scale(1.01);border-color:rgba(61,193,255,.48);box-shadow:0 25px 70px rgba(0,80,180,.20)}.card:hover:before{opacity:1}.card>*{position:relative}.card .icon{font-size:2rem;filter:drop-shadow(0 0 12px rgba(20,156,255,.3))}.card h3{font-family:Oswald;text-transform:uppercase;font-size:1.48rem;margin:.55em 0}.card p{color:var(--muted)}.band{background:radial-gradient(circle at 80% 20%,rgba(0,111,255,.14),transparent 26%),linear-gradient(135deg,#081729,#030910);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{min-height:340px;border:1px solid var(--line);border-radius:18px;padding:26px;display:flex;align-items:flex-end;background:linear-gradient(to top,rgba(1,5,10,.94),rgba(4,18,33,.18)),linear-gradient(135deg,#112b47,#050f1b);background-size:cover;background-position:center;position:relative;overflow:hidden;transition:.38s;box-shadow:0 20px 60px rgba(0,0,0,.25)}.project:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(45,177,255,.16),transparent 65%);transform:translateX(-120%);transition:.65s}.project:hover{transform:translateY(-8px);border-color:rgba(70,212,255,.48);box-shadow:0 28px 70px rgba(0,102,220,.22)}.project:hover:before{transform:translateX(120%)}.project>div{position:relative}.project h3{font-family:Oswald;font-size:1.65rem;margin:0;text-transform:uppercase}.page-hero{position:relative;overflow:hidden;padding:112px 0 76px;background:radial-gradient(circle at 82% 8%,rgba(0,123,255,.22),transparent 26%),linear-gradient(135deg,#02060b,#091a2d 52%,#03080f)}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:clamp(3.2rem,6.8vw,6.2rem);background:linear-gradient(180deg,#fff,#8bcfff);-webkit-background-clip:text;background-clip:text;color:transparent}.display-heading{font-size:3rem}.big-icon{font-size:2rem}

/* FORMS */
.form-card{max-width:780px;margin:auto;background:linear-gradient(155deg,#0b1d31,#050d18);border:1px solid var(--line);padding:32px;border-radius:20px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:.9rem}.field input,.field textarea,.field select{width:100%;background:#030b14;color:#fff;border:1px solid rgba(91,166,235,.24);border-radius:10px;padding:13px 14px;outline:none;transition:.25s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,156,255,.09)}.field textarea{min-height:145px;resize:vertical}.btn{border:0;cursor:pointer;font-family:inherit}.auth-wrap{padding:82px 0}.flash{width:min(92%,900px);margin:18px auto;padding:14px 18px;border-radius:10px}.flash.success{background:#0d2a2b;border:1px solid #1a7370}.flash.error{background:#351419;border:1px solid #7d3035}

/* DASHBOARD / CMS */
.dashboard{display:grid;grid-template-columns:245px 1fr;min-height:70vh}.sidebar{background:#030a12;border-right:1px solid var(--line);padding:25px}.sidebar a{display:block;padding:12px;border-radius:9px;margin-bottom:6px;color:var(--muted);transition:.25s}.sidebar a:hover{background:#0b2036;color:#fff;transform:translateX(3px)}.dash-main{padding:32px}.admin-grid{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(0,1.3fr);gap:28px;align-items:start}.admin-form{margin:0;max-width:none;position:sticky;top:110px}.sidebar-title{font-family:Oswald;font-size:1.2rem;color:var(--cyan);padding:8px 12px 18px}.admin-list{display:grid;gap:12px}.admin-item{display:flex;gap:16px;align-items:center;background:linear-gradient(150deg,#0b1b2d,#06101b);border:1px solid var(--line);padding:15px;border-radius:14px}.admin-item img{width:92px;height:72px;object-fit:cover;border-radius:10px}.admin-item h3{margin:0 0 3px;font-family:Oswald;text-transform:uppercase}.admin-item p{margin:3px 0}.grow{flex:1;min-width:0}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.danger{background:#552126;color:#fff;padding:11px 14px;border-radius:8px}.check-row{display:flex!important;flex-direction:row!important;gap:22px!important}.check-row input{width:auto!important}.admin-gallery{margin-top:35px}.thumb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.thumb{background:var(--panel);border:1px solid var(--line);padding:10px;border-radius:12px}.thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;margin-bottom:8px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.admin-table{width:100%;border-collapse:collapse;background:var(--panel);min-width:760px}.admin-table th,.admin-table td{padding:15px;border-bottom:1px solid var(--line);text-align:left}.admin-table th{color:var(--cyan);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.badge{display:inline-block;padding:4px 9px;border-radius:99px;background:#10253d;text-transform:uppercase;font-size:.72rem}.settings-card{margin:0;max-width:900px}.security-note,.admin-welcome{margin-top:28px;padding:22px;background:#071421;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:12px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filter-chip{padding:8px 14px;border-radius:99px;border:1px solid var(--line);color:var(--muted);transition:.25s}.filter-chip.active,.filter-chip:hover{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;border-color:var(--blue)}.empty-state{grid-column:1/-1;padding:50px;text-align:center;border:1px dashed var(--line);border-radius:16px}

/* PROJECT DETAIL */
.project-detail-hero{min-height:64vh;background-color:#03101b;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:84px 0;position:relative}.project-detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#02070d 2%,rgba(2,7,13,.24) 65%,rgba(2,7,13,.15))}.project-detail-hero .container{position:relative;z-index:2}.project-detail-hero h1{font-family:Oswald;text-transform:uppercase;font-size:clamp(3rem,7vw,6rem);line-height:1;margin:.15em 0}.project-detail{display:grid;grid-template-columns:1fr 300px;gap:60px}.project-detail h2{font-family:Oswald;text-transform:uppercase;font-size:3rem;margin:.2em 0}.lead-copy{color:var(--muted);font-size:1.08rem}.project-meta{display:grid;grid-template-columns:1fr;gap:5px;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:24px;height:max-content}.project-meta b{color:var(--cyan);margin-top:10px}.project-meta span{color:var(--muted)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid var(--line);transition:.28s}.photo-grid img:hover{transform:scale(1.025);box-shadow:var(--glow)}

/* LEGAL DOCUMENTS */
.legal-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:42px;align-items:start}.legal-nav{position:sticky;top:115px;background:linear-gradient(150deg,#0a1a2c,#050d17);border:1px solid var(--line);border-radius:16px;padding:18px}.legal-nav strong{font-family:Oswald;text-transform:uppercase;color:var(--cyan);display:block;margin-bottom:10px}.legal-nav a{display:block;color:var(--muted);padding:8px 10px;border-radius:8px}.legal-nav a:hover{background:#0d2844;color:#fff}.legal-content{background:linear-gradient(150deg,rgba(8,24,41,.86),rgba(3,10,18,.92));border:1px solid var(--line);border-radius:20px;padding:clamp(24px,4vw,48px);box-shadow:var(--shadow)}.legal-content h2{font-family:Oswald;text-transform:uppercase;font-size:2rem;margin-top:1.6em}.legal-content h2:first-child{margin-top:0}.legal-content h3{font-family:Oswald;text-transform:uppercase}.legal-content p,.legal-content li{color:#a7b8ca}.legal-meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}.legal-pill{font-size:.78rem;border:1px solid var(--line);border-radius:99px;padding:7px 11px;color:var(--cyan);background:#061422}

/* FOOTER */
.site-footer{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 0,rgba(0,121,255,.16),transparent 26%),linear-gradient(180deg,#030b14,#010408);border-top:1px solid var(--line);padding:68px 0 22px}.site-footer:before{content:"";position:absolute;top:0;left:-35%;width:35%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:footerBeam 5s linear infinite}.footer-grid{position:relative;display:grid;grid-template-columns:1.55fr 1fr 1fr 1.15fr;gap:38px}.site-footer h4{font-family:Oswald;text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px}.site-footer p{color:var(--muted);max-width:450px}.site-footer a,.site-footer span{display:block;color:var(--muted);margin:8px 0;transition:.25s}.site-footer a:hover{color:var(--cyan);transform:translateX(3px)}.footer-brand{font-family:Oswald;font-size:1.8rem;color:#fff;text-transform:uppercase}.footer-brand b{color:var(--blue)}.footer-logo{width:72px;height:72px;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 0 15px rgba(20,156,255,.25))}.copyright{position:relative;border-top:1px solid var(--line);margin-top:42px;padding-top:20px;color:#6f8195;font-size:.86rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-status{color:#76cfff!important}.footer-cta{display:inline-block!important;margin-top:14px!important;padding:10px 14px;border:1px solid var(--line-strong);border-radius:9px;color:#fff!important;background:#071827}

/* REVEAL + ANIMATION */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:none}.reveal-left{opacity:0;transform:translateX(-30px);transition:opacity .7s ease,transform .7s ease}.reveal-left.in-view{opacity:1;transform:none}.reveal-right{opacity:0;transform:translateX(30px);transition:opacity .7s ease,transform .7s ease}.reveal-right.in-view{opacity:1;transform:none}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 rgba(70,212,255,.5);animation:pulse 2s infinite;margin-right:7px}
@keyframes headerPulse{to{background-position:200% 0}}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gridDrift{to{background-position:48px 48px}}@keyframes orb{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.08) translateY(20px)}}@keyframes titleIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes sheen{0%,70%,100%{transform:translateX(-120%)}85%{transform:translateX(120%)}}@keyframes footerBeam{to{left:110%}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(70,212,255,.45)}70%{box-shadow:0 0 0 9px rgba(70,212,255,0)}100%{box-shadow:0 0 0 0 rgba(70,212,255,0)}}

@media(max-width:1000px){.admin-grid{grid-template-columns:1fr}.admin-form{position:static}.thumb-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.legal-shell{grid-template-columns:1fr}.legal-nav{position:static;display:flex;flex-wrap:wrap;gap:5px}.legal-nav strong{width:100%}}
@media(max-width:850px){.main-nav{display:none;position:absolute;top:86px;left:0;right:0;background:rgba(2,8,15,.98);padding:22px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.45)}.main-nav.open{display:flex}.nav-toggle{display:block}.hero-grid,.two-col{grid-template-columns:1fr}.cards,.project-grid{grid-template-columns:1fr 1fr}.hero{min-height:auto;padding:95px 0}.dashboard{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.project-detail{grid-template-columns:1fr}.admin-sidebar{display:flex;overflow:auto;gap:5px;padding:12px}.admin-sidebar .sidebar-title{display:none}.admin-sidebar a{white-space:nowrap;margin:0}.photo-grid{grid-template-columns:1fr 1fr}.hero-card{animation:none}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cards,.project-grid,.form-grid,.footer-grid,.stat-row{grid-template-columns:1fr}.hero h1{font-size:3.25rem}.section-head{display:block}.hero-actions{flex-direction:column}.brand span{font-size:1.05rem}.brand img{width:48px;height:48px}.nav-wrap{height:76px}.main-nav{top:76px}.admin-item{align-items:flex-start;flex-wrap:wrap}.admin-item img{width:100%;height:160px}.actions{width:100%}.thumb-grid,.photo-grid{grid-template-columns:1fr}.project-detail-hero{min-height:50vh}.project-detail h2{font-size:2.3rem}.legal-content{padding:22px}.legal-nav{display:block}.site-footer{padding-top:55px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal,.reveal-left,.reveal-right{opacity:1;transform:none}}

/* Milestone 4 - Website Media Manager */
.hero[style*="--hero-image"]{background-image:linear-gradient(100deg,rgba(1,4,9,.96) 0%,rgba(3,13,24,.88) 40%,rgba(2,12,22,.48) 72%,rgba(1,5,10,.74) 100%),var(--hero-image);background-size:cover;background-position:center;background-attachment:fixed}
.page-hero.has-page-image{background-image:linear-gradient(100deg,rgba(1,5,10,.95),rgba(4,19,35,.76),rgba(2,7,13,.55)),var(--page-image);background-size:cover;background-position:center}
.site-footer[style*="--footer-image"]{background-image:linear-gradient(120deg,rgba(1,5,10,.97),rgba(3,13,24,.93)),var(--footer-image);background-size:cover;background-position:center}
.media-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.media-slot-card{background:linear-gradient(150deg,#0b1b2d,#06101b);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.media-slot-card h3{font-family:Oswald;text-transform:uppercase;font-size:1.5rem;margin:15px 0 4px}.media-slot-card p{color:var(--muted);margin-top:0}.media-preview{height:220px;border-radius:13px;overflow:hidden;border:1px solid var(--line);background:#02070d}.media-preview img{width:100%;height:100%;object-fit:cover;display:block}.media-empty{height:100%;display:grid;place-items:center;color:var(--muted);background:radial-gradient(circle at center,rgba(0,125,255,.12),transparent 55%),#040c16}.media-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin:12px 0}.media-actions input[type=file],.media-actions select,.library-upload input[type=file]{width:100%;background:#030b14;color:#fff;border:1px solid rgba(91,166,235,.24);border-radius:10px;padding:10px}.media-library-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:60px}.media-library-head h2{font-family:Oswald;text-transform:uppercase;font-size:2.6rem;margin:0}.library-upload{display:flex;gap:10px;align-items:center}.media-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:20px}.media-library-item{background:#071421;border:1px solid var(--line);border-radius:14px;padding:10px;overflow:hidden}.media-library-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px}.media-library-item>div{display:flex;flex-direction:column;gap:3px;padding:9px 2px;min-width:0}.media-library-item strong{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-library-item small{color:var(--muted)}.media-library-item form{margin-top:3px}.media-library-item .danger{width:100%}.dash-main code{color:var(--cyan)}
@media(max-width:1000px){.media-library-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.media-slot-grid{grid-template-columns:1fr}.media-library-head{display:block}.library-upload{margin-top:18px}.hero[style*="--hero-image"]{background-attachment:scroll}}
@media(max-width:600px){.media-library-grid{grid-template-columns:1fr 1fr}.media-actions{grid-template-columns:1fr}.library-upload{display:grid}.media-preview{height:180px}}

/* =========================================================
   MILESTONE 5 — SIGNATURE VISUAL SYSTEM
   Premium public-facing GENX experience
   ========================================================= */
:root{
 --lux-bg:#02050a;--lux-bg2:#050b13;--lux-panel:#07111d;--lux-panel2:#0a1725;
 --lux-blue:#0a84ff;--lux-blue2:#0061ff;--lux-cyan:#39c8ff;--lux-ice:#dff3ff;
 --lux-line:rgba(87,164,226,.16);--lux-line2:rgba(81,183,255,.35);
 --lux-muted:#90a3b8;--lux-max:1280px;
}
body{background:#02050a;font-family:Inter,Arial,sans-serif;color:#f7fbff}.container{width:min(92%,var(--lux-max))}.page-loader{position:fixed;inset:0;z-index:9999;background:#02050a;display:grid;place-items:center;transition:opacity .55s ease,visibility .55s ease}.page-loader.loaded{opacity:0;visibility:hidden}.loader-mark{font-family:Oswald,sans-serif;letter-spacing:.15em;font-size:2.2rem;color:#fff;position:relative;padding-bottom:14px}.loader-mark i{position:absolute;left:0;bottom:0;width:100%;height:2px;background:rgba(255,255,255,.08);overflow:hidden}.loader-mark i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--lux-cyan),transparent);animation:loaderSweep 1.1s infinite}.loader-mark span{background:linear-gradient(90deg,#fff,#80d7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-header{height:auto;background:rgba(2,5,10,.72);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(22px) saturate(135%)}.site-header:after{display:none}.header-accent{position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(50,181,255,.5),transparent);transform:scaleX(.3);transition:.4s}.site-header.scrolled .header-accent{transform:scaleX(1)}.nav-wrap{height:92px}.brand{gap:14px}.brand img{width:54px;height:54px}.brand-copy{display:grid;line-height:.9}.brand-copy strong{font:700 1.45rem/1 Oswald,sans-serif;letter-spacing:.14em;color:#fff}.brand-copy small{font:700 .62rem/1.2 Inter,sans-serif;letter-spacing:.34em;color:#6fbfff;margin-top:8px}.brand:after{display:none}.main-nav{gap:29px;font-size:.84rem;letter-spacing:.02em}.main-nav a{color:#a8b7c7;opacity:1}.main-nav a.active,.main-nav a:hover{color:#fff}.main-nav a:not(.nav-cta):not(.nav-account):after{bottom:-12px;height:1px}.nav-login{margin-left:10px}.nav-cta,.nav-account{border:1px solid rgba(74,184,255,.32);background:linear-gradient(135deg,rgba(9,64,111,.75),rgba(4,22,39,.8));padding:12px 16px;border-radius:2px!important;box-shadow:none!important;animation:none!important;display:flex;align-items:center;gap:18px;color:#fff!important;position:relative;overflow:hidden}.nav-cta:before,.nav-account:before,.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,rgba(111,210,255,.17),transparent 55%);transform:translateX(-120%);transition:.6s}.nav-cta:hover:before,.nav-account:hover:before,.btn-primary:hover:before{transform:translateX(120%)}.nav-cta b{font-size:1rem}.nav-toggle{width:48px;height:44px;padding:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:2px}.nav-toggle span{width:20px;height:1px;background:#fff;display:block;transition:.3s}

.hero-premium{min-height:calc(100vh - 0px);padding:150px 0 100px;background:#02050a;position:relative;isolation:isolate}.hero-premium[style*="--hero-image"]{background-image:linear-gradient(90deg,rgba(1,4,8,.94) 0%,rgba(2,8,15,.87) 43%,rgba(2,8,15,.38) 75%,rgba(2,5,10,.78) 100%),var(--hero-image);background-size:cover;background-position:center;background-attachment:fixed}.hero-premium:before,.hero-premium:after{display:none}.hero-noise{position:absolute;inset:0;z-index:-1;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.19'/%3E%3C/svg%3E")}.hero-gridlines,.page-hero-grid{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(93,177,255,.04) 1px,transparent 1px),linear-gradient(rgba(93,177,255,.04) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 90%);animation:blueprintMove 26s linear infinite}.hero-orb{position:absolute;border-radius:999px;filter:blur(40px);pointer-events:none;z-index:-1}.orb-one{width:460px;height:460px;right:8%;top:18%;background:radial-gradient(circle,rgba(0,110,255,.2),transparent 68%);animation:orbFloat 9s ease-in-out infinite}.orb-two{width:320px;height:320px;left:-8%;bottom:4%;background:radial-gradient(circle,rgba(54,199,255,.1),transparent 70%);animation:orbFloat 11s ease-in-out infinite reverse}.hero-grid{grid-template-columns:1.12fr .72fr;gap:80px;align-items:center}.hero-copy{max-width:830px}.hero-kicker{display:flex;align-items:center;gap:13px;color:#7fd3ff;text-transform:uppercase;letter-spacing:.24em;font-weight:800;font-size:.7rem}.hero-kicker span,.hero-kicker i{width:42px;height:1px;background:linear-gradient(90deg,var(--lux-cyan),transparent);display:block}.hero-premium h1{font-family:Oswald,sans-serif;font-size:clamp(4.6rem,9.7vw,9.6rem);line-height:.83;margin:24px 0 30px;letter-spacing:-.045em;text-transform:uppercase;max-width:970px}.hero-premium h1 span{background:linear-gradient(180deg,#fff 5%,#dceeff 63%,#8fcfff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-premium p{font-size:1.05rem;line-height:1.9;max-width:680px;color:#9eb0c2}.hero-actions{margin-top:38px;align-items:center}.btn-primary{position:relative;overflow:hidden;border-radius:2px!important;padding:16px 22px;background:linear-gradient(135deg,#006cff,#0b95ff);box-shadow:0 14px 40px rgba(0,112,255,.18)!important;animation:none!important;display:inline-flex;align-items:center;gap:32px;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 22px 52px rgba(0,112,255,.28)!important}.btn-primary b{font-size:1.1rem}.btn-ghost{display:flex;align-items:center;gap:12px;padding:14px 8px;color:#d9e6f3;font-size:.85rem;font-weight:700}.play-dot{width:35px;height:35px;border:1px solid rgba(88,182,255,.3);display:grid;place-items:center;border-radius:50%;transition:.3s}.btn-ghost:hover .play-dot{background:rgba(25,150,255,.12);border-color:#5ec9ff;transform:translateX(3px)}.hero-trust{display:flex;gap:34px;margin-top:70px;padding-top:26px;border-top:1px solid rgba(255,255,255,.07);max-width:680px}.hero-trust>div{display:flex;gap:10px;align-items:flex-start}.hero-trust b{font:600 .67rem/1 Inter;color:#42c7ff;letter-spacing:.12em}.hero-trust span{color:#74889d;font-size:.73rem;line-height:1.4;text-transform:uppercase;letter-spacing:.07em}.hero-visual{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}.hero-frame{width:min(100%,440px);min-height:520px;position:relative;border:1px solid rgba(95,191,255,.22);background:linear-gradient(160deg,rgba(6,18,31,.65),rgba(2,7,12,.5));backdrop-filter:blur(12px);padding:36px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 40px 100px rgba(0,0,0,.35)}.hero-frame:before,.hero-frame:after{content:"";position:absolute;width:36px;height:36px;border-color:#45c6ff}.hero-frame:before{left:-1px;top:-1px;border-left:1px solid;border-top:1px solid}.hero-frame:after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}.frame-label{position:absolute;top:30px;left:32px;color:#688299;font-size:.6rem;letter-spacing:.2em}.frame-number{position:absolute;right:28px;top:18px;font:600 5.8rem/1 Oswald;color:rgba(81,178,255,.07)}.frame-copy small{display:block;color:#4fc7ff;text-transform:uppercase;letter-spacing:.18em;font-size:.62rem;font-weight:800;margin-bottom:12px}.frame-copy h3{font:600 2.4rem/1.05 Oswald,sans-serif;text-transform:uppercase;margin:0 0 18px;color:#fff}.frame-copy p{font-size:.86rem;line-height:1.7;color:#8094aa}.frame-meter{height:2px;background:rgba(255,255,255,.08);margin-top:32px;overflow:hidden}.frame-meter span{display:block;width:54%;height:100%;background:linear-gradient(90deg,#0074ff,#43d0ff);animation:meterPulse 4s ease-in-out infinite}.hero-coordinate{position:absolute;right:-28px;bottom:45px;transform:rotate(-90deg);font-size:.58rem;letter-spacing:.28em;color:#456179}.hero-scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;color:#546b81;font-size:.62rem;text-transform:uppercase;letter-spacing:.2em}.hero-scroll i{width:70px;height:1px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}.hero-scroll i:after{content:"";position:absolute;inset:0;background:#4bcfff;transform:translateX(-100%);animation:scrollLine 2.6s ease-in-out infinite}

section{padding:118px 0}.section-dark{background:#03070c}.statement-section{border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.statement-grid{display:grid;grid-template-columns:.32fr 1.2fr .75fr;gap:70px;align-items:start}.statement-index,.section-number{font:700 .66rem/1 Inter;color:#3faeff;letter-spacing:.13em}.statement-title{font:600 clamp(2.6rem,5vw,5.7rem)/.96 Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:18px 0 0;max-width:780px}.statement-copy{padding-top:35px;color:#899db1;font-size:.98rem}.statement-copy p{line-height:1.85}.text-link,.outline-link{display:inline-flex;gap:18px;align-items:center;color:#dceaff;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-top:22px}.text-link b,.outline-link b{color:#48c9ff;font-size:1rem;transition:.3s}.text-link:hover b,.outline-link:hover b{transform:translate(3px,-3px)}
.premium-head{align-items:flex-end;margin-bottom:58px}.premium-head>div{position:relative}.premium-head .section-number{display:block;margin-bottom:26px}.premium-head h2{font:600 clamp(3rem,6vw,6rem)/.9 Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.03em;margin:12px 0 0}.premium-head h2 em,.premium-page-hero h1 em{font-style:normal;color:#4ec9ff}.premium-head>p{max-width:430px;line-height:1.8;color:#8499ae}.premium-head.compact{margin-bottom:40px}.capabilities-section{background:linear-gradient(180deg,#040a11,#06101a)}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(79,162,223,.12);border:1px solid rgba(79,162,223,.12)}.capability-card{position:relative;min-height:330px;padding:34px;background:#050c14;transition:.45s;overflow:hidden}.capability-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(0,126,255,.1),transparent 45%);opacity:0;transition:.45s}.capability-card:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,#008bff,#4ad4ff);transition:.45s}.capability-card:hover{background:#08131f;transform:translateY(-7px);z-index:2}.capability-card:hover:before{opacity:1}.capability-card:hover:after{width:100%}.capability-card>*{position:relative;z-index:1}.card-index{position:absolute;right:25px;top:20px;color:#273c50;font:600 2.6rem/1 Oswald}.capability-card .icon{font-size:1.7rem;margin:16px 0 62px}.capability-card h3{font:600 1.7rem/1.1 Oswald;text-transform:uppercase;margin:0 0 12px}.capability-card p{color:#7f93a8;font-size:.88rem;line-height:1.7}.capability-card a{display:inline-flex;align-items:center;gap:14px;color:#bcd3e7;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-top:14px}.capability-card a b{color:#38c3ff}
.process-section{background:#02060b}.process-line{display:grid;grid-template-columns:repeat(4,1fr);position:relative;border-top:1px solid rgba(84,173,235,.18);padding-top:38px}.process-line:before{content:"";position:absolute;top:-1px;left:0;width:25%;height:1px;background:#42c9ff;box-shadow:0 0 18px rgba(66,201,255,.5);animation:processSweep 6s linear infinite}.process-line article{padding:0 35px 0 0;position:relative}.process-line article:not(:last-child):after{content:"";position:absolute;right:22px;top:-43px;width:10px;height:10px;border:1px solid #3878a5;background:#02060b;border-radius:50%}.process-line b{font:700 .65rem/1 Inter;color:#49c9ff;letter-spacing:.14em}.process-line h3{font:600 1.65rem/1 Oswald;text-transform:uppercase;margin:18px 0 12px}.process-line p{font-size:.86rem;color:#7e93a7;line-height:1.75}
.projects-showcase{background:#04090f}.premium-project-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-auto-rows:340px;gap:18px}.premium-project{position:relative;display:flex;align-items:flex-end;padding:30px;background:#09131d;background-image:linear-gradient(180deg,rgba(2,5,10,.08),rgba(2,5,10,.9)),var(--project-image);background-size:cover;background-position:center;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.premium-project.project-featured{grid-row:span 2}.premium-project.placeholder{background:linear-gradient(145deg,#07121e,#03080e)}.project-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,5,10,.05) 20%,rgba(2,5,10,.9) 100%);transition:.5s}.premium-project:before,.gallery-project:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(67,199,255,.15),transparent 65%);transform:translateX(-130%);transition:.8s}.premium-project:hover:before,.gallery-project:hover:before{transform:translateX(130%)}.premium-project:hover .project-shade,.gallery-project:hover .project-shade{background:linear-gradient(180deg,rgba(2,5,10,.05),rgba(1,10,18,.76))}.premium-project:hover{transform:translateY(-4px)}.project-copy{position:relative;z-index:2}.project-copy>span{color:#42c9ff;text-transform:uppercase;letter-spacing:.14em;font-size:.61rem;font-weight:800}.project-copy h3{font:600 2rem/1.05 Oswald;text-transform:uppercase;margin:7px 0}.project-copy small{color:#91a2b1}.project-no{position:absolute;top:22px;left:24px;color:#7f94a7;font-size:.64rem;letter-spacing:.13em;z-index:2}.project-arrow{position:absolute;right:25px;bottom:25px;width:46px;height:46px;border:1px solid rgba(92,188,255,.28);display:grid;place-items:center;z-index:2;transition:.35s}.premium-project:hover .project-arrow,.gallery-project:hover .project-arrow{background:#087dff;border-color:#087dff;transform:translate(3px,-3px)}
.metrics-section{padding:80px 0;background:linear-gradient(90deg,#06101a,#03070c);border-top:1px solid rgba(66,168,239,.12);border-bottom:1px solid rgba(66,168,239,.12)}.metrics-grid{display:grid;grid-template-columns:1.7fr repeat(3,.72fr);gap:40px;align-items:end}.metrics-grid h2{font:600 2.2rem/1.12 Oswald;text-transform:uppercase;margin:12px 0 0}.metric{border-left:1px solid rgba(80,169,230,.17);padding-left:24px}.metric strong{display:block;font:600 3.7rem/1 Oswald;color:#fff}.metric span{display:block;color:#7690a6;font-size:.74rem;line-height:1.5;margin-top:12px;max-width:130px}

.premium-page-hero{min-height:72vh;padding:180px 0 110px;display:flex;align-items:flex-end;background:radial-gradient(circle at 75% 30%,rgba(0,110,255,.17),transparent 30%),linear-gradient(135deg,#02050a,#07111c 55%,#02050a);position:relative;isolation:isolate;overflow:hidden}.premium-page-hero.has-page-image{background-image:linear-gradient(90deg,rgba(1,4,8,.93),rgba(2,10,18,.68),rgba(1,5,9,.5)),var(--page-image);background-size:cover;background-position:center}.page-hero-content{position:relative;z-index:2}.premium-page-hero h1{font:600 clamp(4.6rem,9vw,9rem)/.84 Oswald;text-transform:uppercase;letter-spacing:-.04em;margin:24px 0 30px;max-width:950px}.premium-page-hero p{max-width:600px;color:#94a8bc;font-size:1rem;line-height:1.8}.page-index{position:absolute;right:0;bottom:4px;color:#49627a;font-size:.62rem;letter-spacing:.22em}.editorial-section{background:#03070c}.editorial-grid{display:grid;grid-template-columns:.35fr 1.05fr .72fr;gap:70px}.editorial-grid h2{font:600 clamp(3rem,5.5vw,5.6rem)/.94 Oswald;text-transform:uppercase;letter-spacing:-.025em;margin:17px 0}.editorial-copy{color:#8599ae;line-height:1.85;padding-top:30px}.values-section{background:#06101a}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(91,176,238,.12)}.values-grid article{background:#050c14;padding:45px;min-height:310px}.values-grid article>span{color:#43c7ff;font-size:.65rem;letter-spacing:.14em}.values-grid h3{font:600 2rem/1 Oswald;text-transform:uppercase;margin:70px 0 18px}.values-grid p{color:#7f94a8;font-size:.9rem;line-height:1.75}.belief-section{background:radial-gradient(circle at 20% 50%,rgba(0,120,255,.13),transparent 35%),#02060b;text-align:center}.belief-inner{max-width:1000px}.belief-inner blockquote{font:500 clamp(2.7rem,5vw,5.5rem)/1.02 Oswald;text-transform:uppercase;letter-spacing:-.025em;margin:30px auto 45px;color:#eaf6ff}
.services-editorial{background:#03080e}.service-list{border-top:1px solid rgba(84,169,231,.18)}.service-row{display:grid;grid-template-columns:70px 80px 1fr 60px;gap:30px;align-items:center;min-height:180px;border-bottom:1px solid rgba(84,169,231,.14);transition:.4s;position:relative}.service-row:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,122,255,.08),transparent);opacity:0;transition:.4s}.service-row:hover{padding-left:14px}.service-row:hover:before{opacity:1}.service-row>*{position:relative;z-index:1}.service-index{font-size:.62rem;letter-spacing:.15em;color:#496781}.service-icon{font-size:1.8rem}.service-row h3{font:600 2.4rem/1 Oswald;text-transform:uppercase;margin:0 0 12px}.service-row p{color:#8196aa;max-width:800px;margin:0}.service-row>a{font-size:1.4rem;color:#42c8ff;width:46px;height:46px;border:1px solid rgba(66,200,255,.2);display:grid;place-items:center}.service-row:hover>a{background:#087cff;color:white}.service-cta{background:linear-gradient(120deg,#071525,#04101b 55%,#02060b);text-align:center}.service-cta h2{font:600 clamp(2.8rem,5vw,5.2rem)/.98 Oswald;text-transform:uppercase;max-width:1000px;margin:20px auto 38px}
.gallery-section{background:#03080e}.gallery-toolbar{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:45px}.gallery-toolbar h2{font:600 3.2rem/1 Oswald;text-transform:uppercase;margin:10px 0 0}.filter-row{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{border-radius:1px!important;background:#07111b!important;border:1px solid rgba(91,180,242,.15)!important;color:#7990a4!important;font-size:.68rem!important;text-transform:uppercase;letter-spacing:.08em;padding:10px 15px!important}.filter-chip.active,.filter-chip:hover{color:#fff!important;border-color:#38c5ff!important;background:#092139!important}.masonry-project-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:430px;gap:18px}.gallery-project{position:relative;display:flex;align-items:flex-end;padding:30px;overflow:hidden;background:#07111b;background-image:linear-gradient(180deg,rgba(2,5,10,.05),rgba(2,5,10,.9)),var(--project-image);background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.06)}.gallery-project.gallery-tall{grid-row:span 2}.empty-state{grid-column:1/-1;padding:100px 30px;border:1px solid rgba(76,177,241,.14);text-align:center;background:#050d15}.empty-state h3{font:600 2.2rem Oswald;text-transform:uppercase}.empty-state p{color:#7f94a7}
.contact-section{background:#03080e}.contact-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start}.contact-intro{position:sticky;top:140px}.contact-intro h2{font:600 clamp(3rem,5vw,5.2rem)/.93 Oswald;text-transform:uppercase;margin:18px 0 24px}.contact-intro>p{color:#8297ab;line-height:1.85}.contact-details{margin-top:45px;border-top:1px solid rgba(81,173,234,.16)}.contact-details>a,.contact-details>div{display:block;padding:20px 0;border-bottom:1px solid rgba(81,173,234,.12)}.contact-details small{display:block;color:#526b82;text-transform:uppercase;font-size:.59rem;letter-spacing:.15em}.contact-details strong{display:block;margin-top:6px;color:#dcecff;font-size:.92rem}.premium-form{max-width:none!important;padding:48px!important;border-radius:2px!important;background:linear-gradient(145deg,#071421,#050b12)!important;border:1px solid rgba(82,179,243,.17)!important;box-shadow:0 35px 100px rgba(0,0,0,.22)!important}.form-label{display:block;color:#4ebfff;font-size:.6rem;letter-spacing:.18em;margin-bottom:35px}.premium-form .field label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#7d94aa}.premium-form input,.premium-form textarea{border-radius:0!important;background:#03080e!important;border:0!important;border-bottom:1px solid rgba(105,175,224,.22)!important;padding:15px 2px!important;transition:.25s!important}.premium-form input:focus,.premium-form textarea:focus{border-bottom-color:#43c9ff!important;box-shadow:0 5px 18px rgba(36,168,255,.05)!important}.premium-form textarea{min-height:170px}.form-action{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:15px}.form-action small{color:#60778d;max-width:290px;line-height:1.5}

.pre-footer-cta{padding:72px 0;background:linear-gradient(120deg,#0877ef,#0062d9 55%,#041827);position:relative;overflow:hidden}.pre-footer-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:80px 100%}.pre-footer-inner{position:relative;display:flex;justify-content:space-between;align-items:center;gap:40px}.pre-footer-inner h2{font:600 clamp(2.6rem,4vw,4.3rem)/1 Oswald;text-transform:uppercase;margin:10px 0 0}.pre-footer-inner .eyebrow{color:#d8f3ff}.pre-footer-inner .btn-primary{background:#02070c!important;box-shadow:none!important}.site-footer{padding:90px 0 24px;background:#02050a!important;background-image:linear-gradient(120deg,rgba(2,5,10,.97),rgba(3,10,16,.95)),var(--footer-image)!important;position:relative;overflow:hidden}.site-footer:before{display:none}.footer-grid-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(79,173,235,.035) 1px,transparent 1px);background-size:100px 100%;mask-image:linear-gradient(90deg,black,transparent)}.footer-grid{position:relative;grid-template-columns:1.55fr .75fr .8fr 1.1fr;gap:60px}.footer-intro{padding-right:40px}.footer-brand{display:flex;gap:9px;align-items:baseline}.footer-brand strong{font:700 2.2rem Oswald;letter-spacing:.06em}.footer-brand span{font:700 .78rem Inter;letter-spacing:.25em;color:#58caff}.footer-logo{width:82px;height:82px}.footer-intro p{font-size:.88rem;line-height:1.8}.footer-line{width:80px;height:1px;background:linear-gradient(90deg,#40c5ff,transparent);margin:28px 0}.site-footer h4{font:700 .63rem Inter;text-transform:uppercase;letter-spacing:.19em;color:#5d7c96;margin-bottom:25px}.site-footer a,.site-footer span{font-size:.84rem}.footer-status{display:flex!important;align-items:center;color:#d8e8f5!important}.contact-link{padding:0 0 14px;margin-bottom:15px!important;border-bottom:1px solid rgba(75,165,225,.1)}.contact-link small{display:block!important;color:#526d84!important;font-size:.57rem!important;text-transform:uppercase;letter-spacing:.12em;margin:0!important}.contact-link span{color:#c9d9e7!important;margin:5px 0 0!important}.footer-login{color:#4bc9ff!important;font-weight:800;margin-top:25px!important}.footer-login b{margin-left:8px}.copyright{margin-top:65px;padding-top:22px}.footer-signature{letter-spacing:.13em;text-transform:uppercase;font-size:.62rem!important}

@keyframes loaderSweep{to{transform:translateX(100%)}}@keyframes blueprintMove{to{background-position:72px 72px}}@keyframes orbFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-24px,0) scale(1.07)}}@keyframes meterPulse{0%,100%{width:32%}50%{width:82%}}@keyframes scrollLine{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}100%{transform:translateX(100%)}}@keyframes processSweep{from{left:0}to{left:75%}}

@media(max-width:1100px){.hero-grid{grid-template-columns:1fr .68fr;gap:40px}.hero-premium h1{font-size:clamp(4.2rem,9vw,7.5rem)}.capability-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid{grid-template-columns:1.3fr repeat(3,.7fr)}.footer-grid{grid-template-columns:1.3fr .7fr .8fr 1fr;gap:35px}}
@media(max-width:900px){.nav-toggle{display:flex}.main-nav{top:92px;padding:28px;background:rgba(2,6,11,.98);gap:18px}.nav-login{margin-left:0}.nav-cta,.nav-account{justify-content:space-between}.hero-premium{padding-top:135px}.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}.hero-copy{max-width:760px}.hero-scroll{display:none}.statement-grid,.editorial-grid{grid-template-columns:1fr;gap:26px}.statement-index{margin-bottom:10px}.premium-head{display:block}.premium-head>p{margin-top:28px}.process-line{grid-template-columns:1fr 1fr;gap:40px 20px}.premium-project-grid{grid-template-columns:1fr 1fr;grid-auto-rows:330px}.premium-project.project-featured{grid-row:span 1;grid-column:1/-1}.metrics-grid{grid-template-columns:1fr 1fr}.metrics-grid>div:first-child{grid-column:1/-1}.values-grid{grid-template-columns:1fr}.values-grid article{min-height:auto}.masonry-project-grid{grid-auto-rows:330px}.gallery-project.gallery-tall{grid-row:span 1}.contact-layout{grid-template-columns:1fr;gap:50px}.contact-intro{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}.pre-footer-inner{align-items:flex-end}}
@media(max-width:620px){.nav-wrap{height:78px}.main-nav{top:78px}.brand img{width:45px;height:45px}.brand-copy strong{font-size:1.18rem}.brand-copy small{font-size:.53rem}.hero-premium{min-height:auto;padding:125px 0 80px}.hero-premium[style*="--hero-image"]{background-attachment:scroll}.hero-premium h1{font-size:clamp(3.8rem,17vw,5.7rem);line-height:.86}.hero-premium p{font-size:.94rem}.hero-actions{align-items:stretch}.btn-primary{justify-content:space-between}.hero-trust{gap:18px;flex-wrap:wrap;margin-top:50px}.hero-trust>div{width:calc(50% - 10px)}.statement-title{font-size:clamp(2.8rem,13vw,4.5rem)}section{padding:82px 0}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:300px}.premium-head h2{font-size:clamp(3rem,14vw,4.6rem)}.process-line{grid-template-columns:1fr;border-top:0}.process-line:before,.process-line article:after{display:none}.process-line article{border-top:1px solid rgba(84,173,235,.15);padding-top:25px}.premium-project-grid,.masonry-project-grid{grid-template-columns:1fr;grid-auto-rows:360px}.premium-project.project-featured{grid-column:auto}.metrics-grid{grid-template-columns:1fr}.metrics-grid>div:first-child{grid-column:auto}.metric{padding:18px 0;border-left:0;border-top:1px solid rgba(80,169,230,.17)}.premium-page-hero{min-height:68vh;padding:140px 0 80px}.premium-page-hero h1{font-size:clamp(4rem,17vw,6rem)}.page-index{position:static;margin-top:45px}.editorial-grid{gap:20px}.values-grid article{padding:34px}.values-grid h3{margin-top:45px}.service-row{grid-template-columns:38px 42px 1fr;gap:14px;padding:25px 0}.service-row>a{grid-column:3;width:40px;height:40px}.service-row h3{font-size:1.8rem}.gallery-toolbar{display:block}.filter-row{margin-top:25px}.premium-form{padding:28px!important}.form-action{display:block}.form-action small{display:block;margin-top:18px}.pre-footer-inner{display:block}.pre-footer-inner .btn-primary{margin-top:28px}.footer-grid{grid-template-columns:1fr}.footer-intro{grid-column:auto}.copyright{display:block}.copyright span{margin:5px 0}.footer-signature{margin-top:10px!important}}
@media(prefers-reduced-motion:reduce){.page-loader{display:none}.hero-gridlines,.page-hero-grid,.hero-orb,.frame-meter span,.hero-scroll i:after,.process-line:before{animation:none!important}}


/* ============================================================
   BLITZBOOM ELECTRIC FOOTER SIGNATURE
   ============================================================ */
.blitzboom-power{
  --bb-blue:#169cff;
  --bb-cyan:#63d9ff;
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:190px;
  padding:10px 18px;
  color:#eaf8ff;
  text-decoration:none;
  border-radius:10px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(8,24,45,.82),rgba(2,10,22,.94));
  border:1px solid rgba(67,178,255,.22);
  box-shadow:inset 0 0 18px rgba(0,130,255,.08),0 0 18px rgba(0,128,255,.08);
}
.blitzboom-text{position:relative;z-index:3;letter-spacing:.04em;white-space:nowrap}
.blitzboom-text small{color:#8da5b9;font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;margin-right:5px}
.blitzboom-text strong{
  color:#fff;
  font-weight:800;
  letter-spacing:.06em;
  text-shadow:0 0 7px rgba(79,197,255,.7),0 0 18px rgba(0,132,255,.45);
  animation:bbTextPulse 2.8s ease-in-out infinite;
}
.blitzboom-power::before,
.blitzboom-power::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:11px;
  pointer-events:none;
}
.blitzboom-power::before{
  z-index:0;
  background:conic-gradient(
    from var(--bb-angle,0deg),
    transparent 0deg 250deg,
    rgba(37,155,255,.08) 270deg,
    var(--bb-cyan) 300deg,
    #fff 315deg,
    var(--bb-blue) 330deg,
    transparent 350deg
  );
  animation:bbElectricRun 2.2s linear infinite;
}
.blitzboom-power::after{
  z-index:1;
  inset:1px;
  background:linear-gradient(180deg,#07182b,#020a14);
  border-radius:8px;
}
.blitzboom-electric{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:9px;
  box-shadow:
    inset 0 1px 0 rgba(127,220,255,.16),
    0 0 8px rgba(0,153,255,.18);
}
.blitzboom-electric::before,
.blitzboom-electric::after{
  content:"";
  position:absolute;
  width:46px;
  height:2px;
  top:-1px;
  left:-48px;
  background:linear-gradient(90deg,transparent,#fff,var(--bb-cyan),transparent);
  filter:drop-shadow(0 0 4px var(--bb-cyan)) drop-shadow(0 0 9px var(--bb-blue));
  animation:bbSparkTop 1.55s linear infinite;
}
.blitzboom-electric::after{
  top:auto;
  bottom:-1px;
  left:auto;
  right:-48px;
  animation:bbSparkBottom 1.55s linear infinite .75s;
}
.blitzboom-power:hover{
  color:#fff;
  border-color:rgba(90,210,255,.5);
  box-shadow:0 0 16px rgba(0,149,255,.2),0 0 34px rgba(0,98,255,.12);
}
.blitzboom-power:hover .blitzboom-text strong{animation-duration:1.2s}
@property --bb-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes bbElectricRun{to{--bb-angle:360deg}}
@keyframes bbSparkTop{
  0%{left:-48px;opacity:0}
  8%{opacity:1}
  72%{opacity:1}
  100%{left:100%;opacity:0}
}
@keyframes bbSparkBottom{
  0%{right:-48px;opacity:0}
  8%{opacity:1}
  72%{opacity:1}
  100%{right:100%;opacity:0}
}
@keyframes bbTextPulse{
  0%,100%{text-shadow:0 0 6px rgba(79,197,255,.55),0 0 14px rgba(0,132,255,.32)}
  50%{text-shadow:0 0 9px rgba(178,235,255,.95),0 0 22px rgba(0,153,255,.65),0 0 38px rgba(0,91,255,.28)}
}
@media (max-width:760px){
  .copyright{gap:14px}
  .blitzboom-power{order:3;width:100%;max-width:230px;margin-inline:auto}
}
@media (prefers-reduced-motion:reduce){
  .blitzboom-power::before,.blitzboom-electric::before,.blitzboom-electric::after,.blitzboom-text strong{animation:none!important}
}

/* MILESTONE 8 — PROJECT ACQUISITION */
.quote-request-section{padding:100px 0;background:linear-gradient(180deg,#030b15,#07111f 55%,#030913)}.quote-layout{display:grid;grid-template-columns:.8fr 1.35fr;gap:64px;align-items:start}.quote-side{position:sticky;top:120px}.quote-side h2{font-size:clamp(2rem,4vw,4rem);margin:12px 0 20px}.quote-side>p{color:#93a6ba}.quote-steps{margin-top:40px;border-top:1px solid rgba(89,182,255,.16)}.quote-steps>div{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid rgba(89,182,255,.12)}.quote-steps b{color:#149dff}.quote-steps span{display:flex;flex-direction:column;gap:4px}.quote-steps small{color:#8da1b5}.quote-form{background:linear-gradient(145deg,rgba(8,25,45,.96),rgba(2,10,20,.96));border:1px solid rgba(55,175,255,.2);box-shadow:0 30px 80px rgba(0,0,0,.35)}.premium-form select,.lead-actions select,.project-track-form select{width:100%;padding:14px 16px;border-radius:8px;border:1px solid rgba(90,180,255,.2);background:#061322;color:#eaf7ff}.upload-zone{position:relative;padding:28px;border:1px dashed rgba(70,185,255,.42);border-radius:12px;background:rgba(4,21,38,.72);display:grid;gap:6px}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-zone small{color:#83a0b8}.enquiry-admin-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.3fr);gap:28px}.admin-section-head,.lead-detail-top,.project-track-head,.client-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.lead-list{display:grid;gap:8px}.lead-row{display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid rgba(86,174,238,.12);background:#071421;border-radius:10px;text-decoration:none;color:#eaf6ff;transition:.25s}.lead-row:hover,.lead-row.active{border-color:rgba(37,166,255,.48);background:#0a1c2d;transform:translateX(3px)}.status-dot{width:9px;height:9px;border-radius:99px;background:#5d7488}.status-new{background:#29b6ff}.status-contacted,.status-site_visit{background:#63d9ff}.status-quoting{background:#f0be52}.status-approved,.status-in_progress,.status-completed{background:#5ee0a0}.status-lost{background:#ef6d72}.lead-main,.lead-meta{display:flex;flex-direction:column;gap:4px}.lead-main small,.lead-meta small{color:#7f97aa}.lead-meta{text-align:right}.lead-detail{padding:26px;border-radius:14px;border:1px solid rgba(55,174,255,.18);background:linear-gradient(160deg,#081827,#040d17);position:sticky;top:110px}.lead-detail.empty{min-height:280px;display:flex;flex-direction:column;justify-content:center}.pipeline-badge{display:inline-flex;padding:7px 10px;border:1px solid rgba(70,183,255,.28);border-radius:999px;background:rgba(16,105,174,.12);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.lead-contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.lead-contact-grid>div{padding:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:8px;display:flex;flex-direction:column;gap:5px}.lead-contact-grid small,.lead-description small{color:#7190a8;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem}.lead-description{padding:20px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.attachment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.attachment-card{display:flex;flex-direction:column;padding:13px;border:1px solid rgba(40,164,247,.15);border-radius:8px;text-decoration:none;background:#071522}.attachment-card b{font-size:.67rem;color:#30b4ff}.attachment-card span{color:#e8f5ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-card small{color:#7892a8}.lead-actions{display:grid;gap:14px;margin-top:20px}.convert-project-form{margin-top:12px}.project-track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-track-card{padding:24px;border-radius:14px;background:linear-gradient(155deg,#081827,#04101d);border:1px solid rgba(52,165,241,.16)}.progress-track{height:8px;background:#03101b;border-radius:99px;overflow:hidden}.progress-track span{height:100%;display:block;background:linear-gradient(90deg,#087dff,#35d4ff)}.progress-label{display:flex;justify-content:space-between;margin-top:8px;color:#8aa3b6}.project-track-form{display:grid;grid-template-columns:1fr 130px;gap:12px;margin-top:20px}.project-track-form .full{grid-column:1/-1}.db-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.db-checks>div{padding:16px;border:1px solid rgba(57,171,247,.14);background:#071522;border-radius:10px;display:grid;grid-template-columns:28px 1fr auto;align-items:center}.client-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:34px}.client-metrics article{padding:22px;border:1px solid rgba(50,166,241,.16);background:#071522;border-radius:12px}.client-metrics small{display:block;color:#7f9ab0;text-transform:uppercase}.client-metrics strong{font-size:2.3rem;color:#40c1ff}.client-project-list{display:grid;gap:14px}.client-project-card{padding:22px;border:1px solid rgba(53,171,247,.15);background:linear-gradient(145deg,#071725,#04101b);border-radius:12px}.client-progress{display:grid;grid-template-columns:1fr 55px;gap:12px;align-items:center;margin-top:15px}.client-progress>div{height:8px;border-radius:99px;background:#020b13;overflow:hidden}.client-progress span{display:block;height:100%;background:linear-gradient(90deg,#087dff,#32d4ff)}.client-progress b{color:#42c6ff}.client-section-head.lower{margin-top:42px}.client-enquiry-list{display:grid;gap:8px}.client-enquiry-list article{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px;border-bottom:1px solid rgba(255,255,255,.06)}.client-enquiry-list article>div{display:flex;flex-direction:column}.client-enquiry-list small,.client-enquiry-list time{color:#7c96a9}@media(max-width:980px){.quote-layout,.enquiry-admin-grid{grid-template-columns:1fr}.quote-side,.lead-detail{position:relative;top:auto}.project-track-grid{grid-template-columns:1fr}.db-checks{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.lead-contact-grid,.attachment-grid,.client-metrics,.db-checks{grid-template-columns:1fr}.project-track-form{grid-template-columns:1fr}.project-track-form .full{grid-column:auto}.client-enquiry-list article{grid-template-columns:1fr}.admin-section-head,.lead-detail-top,.project-track-head,.client-section-head{flex-direction:column}}

/* MILESTONE 9 — QUOTATION ENGINE */
.quotation-layout{display:grid;grid-template-columns:360px 1fr;gap:28px}.quote-builder-card,.quote-editor-panel article,.quote-decision-card{padding:24px;border:1px solid rgba(54,175,249,.17);background:linear-gradient(155deg,#081827,#04101b);border-radius:14px}.quote-builder-card form,.quote-editor-panel form{display:grid;gap:13px;margin-top:20px}.quotation-list{display:grid;gap:8px}.quotation-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:17px 18px;border:1px solid rgba(68,174,243,.13);background:#071522;border-radius:10px;text-decoration:none;color:#eef9ff}.quotation-row:hover{border-color:#199ff0}.quotation-row>div{display:flex;flex-direction:column;gap:5px}.quotation-row>div:last-child{align-items:flex-end}.quotation-row span{color:#829bae}.quote-editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:20px}.quote-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.quote-editor-panel{display:grid;gap:16px;position:sticky;top:110px}.quote-document{padding:38px;background:#f5f8fb;color:#102131;border-radius:4px;box-shadow:0 25px 70px rgba(0,0,0,.3);min-height:800px}.quote-document header{display:flex;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:3px solid #118de0}.quote-document header h1,.quote-document header h2{color:#07192b;margin:5px 0;font-size:2.4rem}.quote-document .eyebrow{color:#087fca}.quote-ref{display:flex;flex-direction:column;text-align:right;gap:5px}.quote-ref b{font-size:1.05rem;color:#087fca}.quote-ref span{color:#5d6e7b}.quote-client{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px 0}.quote-client>div{display:flex;flex-direction:column;gap:5px}.quote-client small,.quote-terms small{font-size:.65rem;letter-spacing:.14em;color:#6e7f8b}.quote-client strong{font-size:1.15rem}.quote-client>div:last-child{text-align:right}.quote-table{border-top:1px solid #cad5de}.quote-tr{display:grid;grid-template-columns:minmax(200px,2fr) 65px 65px 120px 130px 28px;gap:8px;align-items:center;padding:12px 8px;border-bottom:1px solid #d5dee5;font-size:.86rem}.quote-tr span:nth-child(n+2){text-align:right}.quote-th{background:#071c30;color:white;border:0;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.quote-th span{color:white}.mini-delete{border:0;background:transparent;color:#b64a4a;font-size:1.3rem;cursor:pointer}.quote-totals{width:min(390px,100%);margin:28px 0 28px auto}.quote-totals>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #d5dee5}.quote-totals .grand{padding:15px 0;border-bottom:3px solid #118de0;font-size:1.25rem}.quote-totals .grand b{color:#087fca}.quote-terms{margin-top:35px;padding-top:20px;border-top:1px solid #ccd8e1}.quote-terms p{color:#465966;font-size:.84rem}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.public-quote-wrap{padding:130px 0 80px;background:radial-gradient(circle at 50% 0,#0b2843,#020811 55%)}.public-quote-container{max-width:1050px}.quote-document.public{min-height:auto}.quote-project-title{margin:0 0 22px;color:#0b2942}.public-row{grid-template-columns:minmax(200px,2fr) 65px 65px 120px 130px}.quote-decision-card{max-width:720px;margin:30px auto 0}.quote-decision-card form{display:grid;gap:14px;margin-top:20px}.decision-buttons{display:flex;gap:12px}.quote-decision-card.decided{text-align:center}.quote-decision-card.decided h2{font-size:2.4rem;color:#43c7ff}
@media(max-width:1050px){.quotation-layout,.quote-editor-grid{grid-template-columns:1fr}.quote-editor-panel{position:relative;top:auto}.quote-builder-card{max-width:none}}@media(max-width:720px){.quote-document{padding:20px 14px}.quote-document header,.quote-client{grid-template-columns:1fr;display:grid}.quote-client>div:last-child,.quote-ref{text-align:left}.quote-tr,.public-row{grid-template-columns:minmax(130px,1.6fr) 45px 48px 85px 95px}.quote-tr i,.quote-tr form{display:none}.quote-table{overflow-x:auto}.quote-tr{min-width:520px}.quote-editor-actions{flex-wrap:wrap;justify-content:flex-start}.decision-buttons{flex-direction:column}}

/* ============================================================
   MILESTONE 9.1 — SIGNATURE GENX QUOTATION DOCUMENT
   ============================================================ */
.quotation-paper-stage{overflow:auto;padding:3px 3px 35px}
.genx-quotation-sheet{
  --ink:#112536;--ink-soft:#526779;--line:#d9e2e9;--paper:#fff;--blue:#0789df;--blue2:#1bc4ff;--navy:#061c31;
  position:relative;isolation:isolate;width:100%;max-width:1040px;margin:0 auto;background:var(--paper);color:var(--ink);border-radius:3px;overflow:hidden;
  box-shadow:0 34px 90px rgba(0,0,0,.38);font-family:Arial,"Helvetica Neue",sans-serif
}
.gq-blueprint-corner{position:absolute;z-index:0;top:0;right:0;width:44%;height:250px;opacity:.075;background-image:linear-gradient(rgba(0,137,223,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(0,137,223,.7) 1px,transparent 1px);background-size:18px 18px;clip-path:polygon(25% 0,100% 0,100% 100%,0 28%);pointer-events:none}
.gq-header{position:relative;z-index:1;display:grid;grid-template-columns:1.4fr .7fr;align-items:center;gap:30px;padding:32px 42px 24px;border-top:8px solid var(--navy)}
.gq-brand{display:flex;align-items:center;gap:22px}.gq-logo-wrap{width:150px;min-width:150px;height:88px;display:flex;align-items:center;justify-content:flex-start}.gq-logo{max-width:100%;max-height:88px;object-fit:contain;object-position:left center}.gq-company-copy{display:flex;flex-direction:column;gap:5px}.gq-company-copy>strong{font-size:1rem;color:var(--navy);letter-spacing:.055em}.gq-company-copy>span{font-size:.78rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.12em}.gq-contact-line{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:3px}.gq-contact-line span{font-size:.7rem;color:#718392}.gq-contact-line span+span:before{content:"•";margin-right:14px;color:var(--blue)}
.gq-title-block{text-align:right}.gq-title-block>span{font-size:.66rem;letter-spacing:.21em;color:var(--blue);font-weight:700}.gq-title-block h1{margin:4px 0 6px;color:var(--navy);font-size:2.7rem;line-height:1;font-weight:800;letter-spacing:.03em}.gq-title-block i{display:block;width:100%;height:4px;margin-left:auto;background:linear-gradient(90deg,transparent,var(--blue),var(--blue2));clip-path:polygon(14% 0,100% 0,94% 100%,0 100%)}
.gq-meta-band{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr 1fr 1fr .8fr;background:var(--navy);color:white;padding:0 42px}.gq-meta-band>div{padding:16px 18px;border-left:1px solid rgba(255,255,255,.12)}.gq-meta-band>div:first-child{border-left:0;padding-left:0}.gq-meta-band small{display:block;color:#86bcd9;font-size:.58rem;letter-spacing:.15em;margin-bottom:4px}.gq-meta-band strong{font-size:.86rem;letter-spacing:.04em}.gq-status{color:#54d0ff!important}
.gq-parties{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:32px 42px 18px}.gq-party-card,.gq-project-card{padding:20px 22px;border:1px solid var(--line);background:linear-gradient(135deg,#fff,#f7fafc);position:relative}.gq-party-card:before,.gq-project-card:before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:4px;background:linear-gradient(var(--blue),var(--blue2))}.gq-section-label{display:block;font-size:.58rem;letter-spacing:.17em;color:var(--blue);font-weight:800;margin-bottom:8px}.gq-party-card h2,.gq-project-card h2{margin:0 0 7px;color:var(--navy);font-size:1.2rem}.gq-party-card p,.gq-project-card p{margin:2px 0;color:var(--ink-soft);font-size:.79rem}.gq-project-card b{color:var(--ink)}
.gq-scope-summary{margin:0 42px 24px;padding:17px 20px;background:#f3f8fb;border-left:4px solid var(--blue)}.gq-scope-summary p{margin:0;color:#455c6c;font-size:.8rem;line-height:1.55}
.gq-work-section{padding:4px 42px 0}.gq-section-heading{display:flex;align-items:center;gap:13px;margin:14px 0}.gq-section-heading>span{width:38px;height:38px;display:grid;place-items:center;background:var(--blue);color:white;font-size:.7rem;font-weight:800;clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}.gq-section-heading small{display:block;color:var(--blue);font-size:.56rem;letter-spacing:.14em;font-weight:800}.gq-section-heading h3{margin:2px 0 0;font-size:1rem;color:var(--navy)}.gq-section-heading.compact{margin-top:0}
.gq-table-wrap{border:1px solid #cad7e0;overflow:hidden}.gq-table{width:100%;border-collapse:collapse;table-layout:fixed}.gq-table thead{background:var(--navy);color:white}.gq-table th{padding:12px 10px;font-size:.58rem;letter-spacing:.09em;text-transform:uppercase;text-align:left}.gq-table td{padding:13px 10px;border-bottom:1px solid #dce4ea;font-size:.72rem;vertical-align:top;color:#435766}.gq-table tbody tr:nth-child(even){background:#f8fafb}.gq-table tbody tr:last-child td{border-bottom:0}.gq-table th:first-child,.gq-table td:first-child{width:34px;color:#7392a6}.gq-table th:nth-child(2),.gq-table td:nth-child(2){width:auto}.gq-table th:nth-child(3),.gq-table td:nth-child(3){width:62px}.gq-table th:nth-child(4),.gq-table td:nth-child(4){width:58px}.gq-table th:nth-child(5),.gq-table td:nth-child(5){width:110px}.gq-table th:nth-child(6),.gq-table td:nth-child(6){width:120px}.gq-table .num{text-align:right}.gq-table td strong{color:var(--navy)}.gq-desc{line-height:1.4}.gq-admin-col{width:32px!important;text-align:center}.gq-empty{text-align:center;padding:28px!important;color:#8395a3!important}
.gq-commercial-row{display:grid;grid-template-columns:1fr 370px;gap:28px;padding:30px 42px}.gq-value-panel{padding:3px 0}.gq-value-panel h3{margin:4px 0 9px;max-width:440px;color:var(--navy);font-size:1.05rem}.gq-value-panel>p{max-width:490px;margin:0;color:#607585;font-size:.74rem;line-height:1.55}.gq-note{margin-top:15px;padding:11px 14px;background:#f4f8fb;border-left:3px solid #83b7d7}.gq-note b{font-size:.67rem;text-transform:uppercase;color:var(--navy)}.gq-note p{margin:4px 0 0;font-size:.72rem;color:#536a7a}.gq-total-card{background:var(--navy);color:white;padding:21px 23px;position:relative;overflow:hidden}.gq-total-card:after{content:"";position:absolute;right:-30px;top:-35px;width:110px;height:110px;border:1px solid rgba(40,191,255,.3);transform:rotate(45deg)}.gq-total-card>div{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.13);font-size:.78rem}.gq-total-card>div span{color:#b8cfdd}.gq-total-card .gq-total{border:0;border-top:2px solid var(--blue2);margin-top:10px;padding-top:15px;align-items:end}.gq-total-card .gq-total span{font-size:.65rem;letter-spacing:.12em}.gq-total-card .gq-total strong{font-size:1.55rem;color:#6dd8ff}.gq-total-card>small{position:relative;z-index:1;display:block;margin-top:9px;color:#7999ad;font-size:.57rem}
.gq-terms-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;padding:6px 42px 34px}.gq-terms-copy{color:#566d7d;font-size:.7rem;line-height:1.6;padding-right:10px}.gq-acceptance-box{border:1px solid #cfdbe3;background:#f8fafb;padding:20px}.gq-acceptance-box>p{font-size:.67rem;color:#607584;line-height:1.5}.gq-sign-row{display:grid;grid-template-columns:1.4fr .6fr;gap:13px}.gq-sign-line{height:42px;border-bottom:1px solid #8fa3b1;display:flex;align-items:flex-end}.gq-sign-line span{font-size:.55rem;color:#7f929f;padding-bottom:3px}
.gq-footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:16px 42px;background:#eef4f7;border-top:1px solid #d5e0e7}.gq-footer>div:first-child{display:flex;flex-direction:column}.gq-footer strong{color:var(--navy);font-size:.67rem}.gq-footer>div:first-child span{color:#7c8e9a;font-size:.56rem}.gq-footer-mark{display:flex!important;flex-direction:row!important;align-items:center;gap:7px}.gq-footer-mark span{font-size:.5rem!important;letter-spacing:.12em;color:#4f687a!important}.gq-footer-mark i{width:3px;height:3px;background:var(--blue);border-radius:50%}.gq-page-ref{color:var(--blue);font-size:.57rem;font-weight:800;letter-spacing:.08em}
.public-quote-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 18px;color:#91a9ba;font-size:.78rem}.public-quote-wrap .genx-quotation-sheet{box-shadow:0 40px 120px rgba(0,0,0,.5)}
@media(max-width:820px){.genx-quotation-sheet{min-width:760px}.quotation-paper-stage,.public-quote-container{overflow-x:auto}.gq-header{grid-template-columns:1.3fr .7fr}.public-quote-toolbar{min-width:760px}}
@media print{
 body{background:#fff!important}.site-header,.site-footer,.page-hero,.sidebar,.quote-editor-actions,.quote-editor-panel,.quote-decision-card,.public-quote-toolbar,.ambient-orb,.cursor-glow{display:none!important}.dashboard,.dash-main,.public-quote-wrap,.public-quote-container,.quotation-paper-stage{display:block!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;background:#fff!important;overflow:visible!important}.quote-editor-grid{display:block!important}.genx-quotation-sheet{width:100%!important;max-width:none!important;min-width:0!important;box-shadow:none!important;border-radius:0!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.gq-admin-col{display:none!important}@page{size:A4 portrait;margin:8mm}.gq-header{padding:18px 24px 14px}.gq-meta-band{padding:0 24px}.gq-parties{padding:20px 24px 12px}.gq-scope-summary{margin:0 24px 15px}.gq-work-section{padding:2px 24px 0}.gq-commercial-row{padding:20px 24px}.gq-terms-grid{padding:3px 24px 20px}.gq-footer{padding:11px 24px}.gq-table th,.gq-table td{padding-top:8px;padding-bottom:8px}.gq-blueprint-corner{opacity:.05}
}


/* MILESTONE 9.2 — HEADER LOGOUT + COMPLETE PAGE MEDIA CONTROL */
.nav-logout{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid rgba(63,181,255,.22);border-radius:8px;color:#a9c4d8!important;background:rgba(5,18,31,.68);text-decoration:none;transition:.25s}
.nav-logout span{color:#32baff;transition:.25s}.nav-logout:hover{color:#fff!important;border-color:rgba(69,195,255,.56);background:rgba(10,43,70,.9);box-shadow:0 0 20px rgba(16,143,232,.14);transform:translateY(-1px)}.nav-logout:hover span{transform:translate(2px,-2px)}
.premium-page-hero.has-page-image{position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(2,7,14,.94) 0%,rgba(3,12,23,.82) 42%,rgba(3,12,23,.48) 72%,rgba(2,7,14,.74) 100%),linear-gradient(180deg,rgba(3,10,19,.10),rgba(2,8,15,.72)),var(--page-image) center/cover no-repeat}
.premium-page-hero.has-page-image::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 72% 40%,rgba(25,157,255,.16),transparent 38%),linear-gradient(180deg,transparent 55%,rgba(2,7,13,.68))}
.premium-page-hero.has-page-image .page-hero-grid{opacity:.68}.premium-page-hero.has-page-image .page-hero-content{position:relative;z-index:2;text-shadow:0 3px 20px rgba(0,0,0,.28)}
.project-detail-hero.has-project-detail-image{position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(2,8,15,.92),rgba(3,13,24,.55)),var(--project-detail-image) center/cover no-repeat}
@media(max-width:900px){.nav-logout{width:100%;justify-content:space-between;padding:12px 14px}}

/* PROJECT CATEGORY SYSTEM */
.project-form-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}
.new-project-badge{display:inline-flex;padding:7px 11px;border-radius:99px;border:1px solid rgba(55,191,255,.28);background:rgba(21,141,213,.1);color:#47c5ff;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}
.project-admin-form select{width:100%;padding:14px 16px;border:1px solid rgba(72,171,235,.2);border-radius:8px;background:#061322;color:#eaf7ff}
.project-form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.project-category-overview{margin-bottom:30px;padding:20px;border:1px solid rgba(64,173,244,.15);border-radius:13px;background:linear-gradient(145deg,#071725,#04101a)}
.category-chip-grid{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.project-category-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(59,173,244,.16);background:#081927;border-radius:9px}
.project-category-chip>div{display:flex;flex-direction:column}.project-category-chip strong{font-size:.88rem}.project-category-chip small{color:#7391a8}
.category-delete{border:0;background:transparent;color:#ef7881;font-size:1.2rem;cursor:pointer}
.project-category-heading{margin:24px 0 8px;padding:9px 12px;border-left:3px solid #20b5ff;background:linear-gradient(90deg,rgba(19,142,211,.14),transparent);color:#82dcff;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.grouped-project-list .admin-item{margin-bottom:8px}
@media(max-width:720px){.project-form-heading{flex-direction:column}}


/* GENX HEADER LOGO — DOUBLE SIZE */
.site-header .brand img {
    width: 138px !important;
    height: 138px !important;
    max-width: 138px !important;
    max-height: 138px !important;
    object-fit: contain;
    flex-shrink: 0;
}

.site-header .nav-wrap {
    min-height: 156px;
}

@media (max-width: 900px) {
    .site-header .brand img {
        width: 108px !important;
        height: 108px !important;
        max-width: 108px !important;
        max-height: 108px !important;
    }

    .site-header .nav-wrap {
        min-height: 124px;
    }
}


/* GENX HEADER BRAND TEXT — GEN WHITE / X ELECTRIC BLUE */
.brand-genx {
    display: inline-flex;
    align-items: center;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.brand-genx span {
    color: #ffffff;
}

.brand-genx b {
    color: #20baff;
    font-weight: 800;
    text-shadow:
        0 0 8px rgba(32, 186, 255, 0.65),
        0 0 18px rgba(32, 186, 255, 0.30);
}