
.info-hero{padding:72px 0 58px;border-bottom:1px solid #1c1c1c;background:radial-gradient(circle at 78% 18%,rgba(255,176,0,.10),transparent 28%)}
.info-hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:56px;align-items:center}
.info-hero h1{font-size:clamp(3.2rem,7vw,6.8rem);line-height:.92;letter-spacing:-.065em;margin:14px 0 20px;max-width:860px}
.info-hero h1 em{font-style:normal;color:var(--gold)}
.info-lead{font-size:1.06rem;color:#b8b8bc;max-width:760px}
.info-card{background:linear-gradient(160deg,#111,#090909);border:1px solid #2a261d;border-radius:18px;padding:26px}
.info-card h3{margin:7px 0 15px;font-size:1.45rem}
.info-card p,.info-card li{color:#99999e}
.info-card ul{padding-left:20px;margin-bottom:0}
.info-section{padding:68px 0;border-bottom:1px solid #171717}
.info-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.info-tile{border:1px solid #252527;background:#0d0d0e;border-radius:15px;padding:22px;min-height:190px}
.info-tile .num{display:block;color:var(--gold);font-size:.69rem;font-weight:950;letter-spacing:.12em;margin-bottom:32px}
.info-tile h3{margin:0 0 8px;font-size:1.15rem}
.info-tile p{margin:0;color:#88888d}
.principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.principle{border:1px solid #262626;border-radius:14px;padding:19px;background:#0c0c0d}
.principle b{display:block;margin-bottom:6px}
.principle span{color:#85858a;font-size:.9rem}
.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px;align-items:start}
.contact-stack{display:grid;gap:11px}
.contact-method{border:1px solid #272727;border-radius:14px;padding:20px;background:#0e0e0f}
.contact-method span{display:block;color:var(--gold);font-size:.7rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}
.contact-method strong{display:block;font-size:1.08rem}
.contact-method small{display:block;color:#85858a;margin-top:6px}
.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid #282828;border-radius:18px;background:#0d0d0e;padding:22px}
.contact-form .wide{grid-column:1/-1}
.contact-form label{display:block;color:#bdbdc1;font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:#060606;border:1px solid #303033;color:#f5f5f5;border-radius:10px;padding:12px 13px;outline:none}
.contact-form textarea{min-height:150px;resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,176,0,.08)}
.contact-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.gold-btn{background:linear-gradient(180deg,var(--gold2),var(--gold));border:0;color:#171000;border-radius:10px;padding:12px 17px;font-weight:950;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.outline-btn{border:1px solid #343434;background:#101010;color:#ddd;border-radius:10px;padding:11px 16px;font-weight:850}
.contact-output{grid-column:1/-1;min-height:150px;background:#050505;border:1px dashed #333;border-radius:12px;padding:15px;color:#a6a6aa;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.84rem}
.contact-note{color:#777;font-size:.78rem;margin:0}
.about-cta{display:flex;justify-content:space-between;gap:24px;align-items:center;border:1px solid #33280e;border-radius:18px;background:linear-gradient(135deg,#0c0b08,#121007);padding:28px}
.about-cta h2{margin:5px 0 0;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.05}
.active-nav{color:var(--gold)!important;background:#121008!important}
@media(max-width:900px){.info-hero-grid,.contact-grid{grid-template-columns:1fr}.info-grid-3{grid-template-columns:1fr 1fr}.info-hero{padding-top:48px}.contact-form{grid-template-columns:1fr}.contact-form .wide,.contact-actions,.contact-output{grid-column:1}}
@media(max-width:620px){.info-grid-3,.principles{grid-template-columns:1fr}.about-cta{align-items:flex-start;flex-direction:column}.info-hero h1{font-size:clamp(3rem,17vw,5rem)}}

.contact-method a,.info-tile a{color:#fff;text-decoration:none}.contact-method a:hover,.info-tile a:hover{color:var(--gold2)}
