:root{--blue:#0b2a8a;--deep:#061a5c;--ink:#0a1440;--gold:#c9a54a;--gold2:#e6c873;--bg:#f6f7fb;--w:#fff}
*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Inter,Helvetica,Arial,sans-serif;color:var(--ink);line-height:1.6;background:var(--w)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.2;margin:0 0 .6em}h2{font-size:clamp(1.8rem,3vw,2.6rem);color:var(--deep)}
a{color:var(--blue)}.wrap{max-width:1180px;margin:auto;padding:0 24px}section{padding:88px 0}
.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:.8rem;font-weight:700}
header{position:sticky;top:0;z-index:10;background:rgba(6,26,92,.96);backdrop-filter:blur(6px)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}.logo{color:#fff;font:700 1.5rem Georgia,serif;text-decoration:none}.logo span{color:var(--gold2)}
.nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}.nav ul a{color:#dfe5ff;text-decoration:none;font-size:.92rem}.nav ul a:hover{color:var(--gold2)}
.burger{display:none;background:none;border:0;color:#fff;font-size:1.6rem}
.btn{display:inline-block;padding:13px 26px;border-radius:40px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--deep);font-weight:700;text-decoration:none;border:0;cursor:pointer}
.btn.ghost{background:transparent;color:#fff;border:1.5px solid var(--gold2);margin-left:10px}
.hero{background:radial-gradient(circle at 75% 40%,#1c44c4 0,var(--blue) 35%,var(--deep) 80%);color:#fff;padding:90px 0}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.hero h1{font-size:clamp(2.3rem,5vw,3.8rem)}.hero h1 em{color:var(--gold2);font-style:normal}
.hero p{color:#d7defa;font-size:1.1rem;max-width:560px}.hero img{width:100%;border-radius:22px;box-shadow:0 30px 60px rgba(0,0,0,.4);border:1px solid rgba(230,200,115,.4)}
.alt{background:var(--bg)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(6,26,92,.08);display:flex;flex-direction:column;border-top:4px solid var(--gold)}
.card .vis{height:260px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--deep),var(--blue));position:relative}
.card .vis img{width:100%;height:100%;object-fit:cover}.card .body{padding:26px}.tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:20px;background:#e9edfb;color:var(--blue);margin-bottom:10px}
.tag.gold{background:#f7efd7;color:#7a5e12}.ph{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.9);color:#7a1a1a;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:6px}
.placeholder{background:#fff6d8;border:1px dashed #c9a54a;padding:1px 6px;border-radius:4px;font-size:.88em;color:#6b5210}
ul.ticks{padding-left:0;list-style:none}ul.ticks li{padding-left:24px;position:relative;margin:6px 0}ul.ticks li:before{content:"✦";color:var(--gold);position:absolute;left:0}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.gallery img{width:100%;border-radius:16px;aspect-ratio:1;object-fit:cover}
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.ben{background:#fff;border-radius:16px;padding:24px;border-left:4px solid var(--gold);box-shadow:0 6px 20px rgba(6,26,92,.06)}.ben h3{font-size:1.15rem;color:var(--blue)}
.science{background:var(--deep);color:#e4e9ff}.science h2{color:#fff}.science .ben{background:rgba(255,255,255,.06);color:#e4e9ff;box-shadow:none}.science .ben h3{color:var(--gold2)}
.refs{font-size:.88rem;color:#b9c3ec;margin-top:36px}.refs a{color:var(--gold2)}
.pro{background:linear-gradient(135deg,var(--blue),var(--deep));color:#fff;border-radius:28px;padding:56px}.pro h2{color:#fff}
details{background:#fff;border-radius:12px;padding:18px 22px;margin:12px 0;box-shadow:0 4px 14px rgba(6,26,92,.06)}summary{cursor:pointer;font-weight:700;color:var(--deep)}
form{display:grid;grid-template-columns:1fr 1fr;gap:16px}form .full{grid-column:1/-1}input,select,textarea{width:100%;padding:13px;border:1px solid #cdd4ee;border-radius:10px;font:inherit}
label{font-size:.85rem;font-weight:600}footer{background:#040f38;color:#aeb8e2;padding:56px 0 30px;font-size:.88rem}footer .logo{display:block;margin-bottom:10px}
.disc{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:20px;font-size:.8rem}
@media(max-width:900px){.hero .wrap,.two,.grid3{grid-template-columns:1fr}.nav ul{display:none;position:absolute;top:68px;left:0;right:0;background:var(--deep);flex-direction:column;padding:20px 24px}.nav ul.open{display:flex}.burger{display:block}section{padding:60px 0}.pro{padding:32px}form{grid-template-columns:1fr}.btn.ghost{margin:10px 0 0}}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,460px));gap:32px;justify-content:center}
.grid2 .card .vis{height:320px}
@media(max-width:900px){.grid2{grid-template-columns:1fr}}
.grid2 .card .vis{background:#f4f6fb}.grid2 .card .vis img{object-fit:contain;padding:10px}
.grid2 .card .vis{height:auto;aspect-ratio:16/9;background:#fff}.grid2 .card .vis img{object-fit:contain;padding:0}.gallery img{object-fit:contain;background:#fff}
.gallery img{aspect-ratio:16/9}