
:root{
  --bg:#020914;--bg2:#071421;--panel:#061525;--panel2:#081b2e;--line:rgba(30,216,255,.38);
  --line2:rgba(86,246,255,.18);--text:#e9f7ff;--muted:#a8c4d6;--cyan:#19e8ff;--teal:#7cffd2;--warn:#ffc866;
  --shadow:0 0 28px rgba(0,212,255,.08), inset 0 0 40px rgba(0,174,255,.03);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 50% -10%,#102944 0,#06121f 42%,#02070d 100%);color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}.page{width:min(1220px,94vw);margin:0 auto;padding:0 0 60px}.ads-header{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(2,8,17,.98),rgba(4,13,25,.94));border-bottom:1px solid rgba(76,213,255,.22);backdrop-filter:blur(10px)}.ads-head-inner{width:min(1220px,94vw);margin:0 auto;padding:16px 0 14px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.brand{display:flex;gap:12px;align-items:center;color:#f2fbff;text-decoration:none}.brand img{width:46px;height:46px}.brand strong{display:block;font-size:1.12rem;letter-spacing:.14em;line-height:1.05}.brand span{display:block;color:#b8d2e3;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;margin-top:3px}.search{border:1px solid rgba(112,203,255,.32);background:rgba(4,18,34,.65);border-radius:11px;padding:10px 14px;color:#bfeeff;min-width:280px}.contact{border:1px solid var(--cyan);background:rgba(25,232,255,.12);border-radius:11px;color:#bdf8ff;text-decoration:none;text-transform:uppercase;font-weight:900;letter-spacing:.08em;padding:10px 18px}.nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.nav a{border:1px solid rgba(112,203,255,.32);background:rgba(5,24,43,.62);border-radius:10px;color:#d9f4ff;text-decoration:none;font-weight:800;padding:8px 13px}.nav a.active,.nav a:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 18px rgba(25,232,255,.12)}.back{display:inline-flex;align-items:center;gap:8px;margin:24px 0 12px;color:#2ff5ff;font-weight:800;text-decoration:none}.hero{border:1px solid var(--line);background:linear-gradient(145deg,rgba(7,20,36,.92),rgba(2,10,18,.94));border-radius:20px;padding:28px;display:grid;grid-template-columns:1.02fr .98fr;gap:28px;box-shadow:var(--shadow)}.kicker{font-size:.76rem;color:var(--cyan);letter-spacing:.38em;font-weight:900;text-transform:uppercase}.hero h1{font-family:Georgia,Times,serif;font-size:clamp(2.35rem,5vw,4.7rem);line-height:.98;margin:14px 0 12px;color:#f7fbff}.lede{font-size:1.08rem;color:#e0f8ff;max-width:760px}.copy{color:#b9d3e5}.hero-art{width:100%;height:100%;min-height:300px;object-fit:cover;border-radius:14px;border:1px solid rgba(30,216,255,.32);background:#06111e}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.chip{border:1px solid rgba(25,232,255,.6);border-radius:999px;color:#c8fbff;background:rgba(25,232,255,.07);padding:7px 12px;font-size:.78rem;font-weight:800}.section{border:1px solid var(--line);background:rgba(4,15,27,.74);border-radius:20px;padding:22px;margin-top:18px;box-shadow:var(--shadow)}.section h2{font-family:Georgia,Times,serif;font-size:1.75rem;margin:0 0 10px}.focus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.focus{border:1px solid var(--line2);background:rgba(8,27,47,.72);border-radius:14px;padding:14px;display:grid;grid-template-columns:46px 1fr;gap:12px}.icon{width:42px;height:42px;border:1px solid rgba(25,232,255,.46);border-radius:12px;display:grid;place-items:center;color:var(--cyan);font-weight:900}.focus strong{display:block}.focus span{color:var(--muted);font-size:.9rem}.concept-list{display:grid;gap:12px}.concept{display:grid;grid-template-columns:44% 1fr;gap:20px;align-items:stretch;border:1px solid var(--line2);border-radius:16px;background:linear-gradient(100deg,rgba(7,23,41,.9),rgba(4,12,24,.78));overflow:hidden;color:var(--text);text-decoration:none}.concept:hover{border-color:var(--cyan);box-shadow:0 0 24px rgba(25,232,255,.12);transform:translateY(-2px)}.concept img{width:100%;height:100%;min-height:170px;object-fit:cover}.concept-body{padding:18px}.concept h3{font-size:1.35rem;letter-spacing:.06em;color:var(--cyan);margin:0 0 2px;text-transform:uppercase}.concept .sub{color:#91ecff;font-weight:800;margin-bottom:8px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag{border:1px solid rgba(144,226,255,.28);border-radius:999px;padding:5px 9px;color:#b9eaff;font-size:.72rem}.card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.project-card{display:flex;flex-direction:column;border:1px solid var(--line2);border-radius:16px;background:#061524;color:var(--text);overflow:hidden;text-decoration:none;min-height:100%}.project-card:hover{border-color:var(--cyan);box-shadow:0 0 20px rgba(25,232,255,.13);transform:translateY(-2px)}.project-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.project-card .body{padding:14px}.project-card .mini{color:var(--teal);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:900}.project-card h3{font-size:1.04rem;line-height:1.15;margin:8px 0}.project-card p{font-size:.89rem;color:#c8deed}.boundary{display:grid;grid-template-columns:70px 1fr;border:1px solid var(--line);border-radius:18px;margin-top:18px;background:rgba(5,18,32,.7);padding:18px;color:#cde7f7}.shield{font-size:2.2rem;color:var(--teal);display:grid;place-items:center}.detail-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.detail-art{width:100%;border-radius:16px;border:1px solid var(--line);object-fit:cover;min-height:320px}.pill-note{border-left:3px solid var(--cyan);padding-left:14px;color:#d8faff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mini-card{border:1px solid var(--line2);border-radius:14px;background:rgba(7,25,43,.72);padding:16px}.footer{border-top:1px solid rgba(76,213,255,.22);padding:30px 0;color:#8fb0c3;text-align:center;margin-top:34px}@media(max-width:980px){.ads-head-inner{grid-template-columns:1fr}.search{min-width:0;width:100%}.hero,.detail-hero{grid-template-columns:1fr}.focus-grid{grid-template-columns:1fr 1fr}.card-grid{grid-template-columns:repeat(2,1fr)}.concept{grid-template-columns:1fr}.concept img{aspect-ratio:16/7}.two-col{grid-template-columns:1fr}}@media(max-width:620px){.focus-grid,.card-grid{grid-template-columns:1fr}.kicker{letter-spacing:.22em}.hero{padding:18px}.page{width:94vw}}
@media print{
  .ads-head-inner,.hero,.detail-hero,.focus-grid,.concept,.card-grid,.two-col,.boundary{display:block!important;width:100%!important;}
  .hero-art,.detail-art,.concept img,.project-card img{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;}
  .concept,.project-card,.focus,.mini-card{display:block!important;break-inside:avoid;margin-bottom:12px;}
  .page,.ads-head-inner{width:100%!important;max-width:1100px!important;}
  .hero h1{font-size:52px!important;}
}
