:root { --bg:#050505; --surface:rgba(255,255,255,.055); --text:#f5f5f7; --muted:#9999a1; --line:rgba(255,255,255,.1); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--text);background:radial-gradient(circle at 50% -10%,#303035 0,#111114 32%,#050505 65%);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,Arial,sans-serif;line-height:1.5} a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:10;background:rgba(5,5,5,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.nav{max-width:1180px;height:72px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:700;letter-spacing:-.04em}nav{display:flex;gap:8px}nav a{padding:9px 13px;color:#aaaab2;border-radius:12px}nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.hero{max-width:1000px;margin:auto;padding:145px 24px 125px;text-align:center}.hero h1{margin:0;font-size:clamp(50px,8vw,92px);line-height:.98;letter-spacing:-.07em}.hero p{margin:27px auto 0;color:var(--muted);font-size:19px}.button{display:inline-flex;margin-top:32px;padding:13px 21px;border-radius:999px;background:#fff;color:#080808;font-weight:650;transition:.2s}.button:hover{transform:translateY(-2px);opacity:.88}
.section,.about{max-width:1180px;margin:auto;padding:30px 24px 110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading h2,.about h2{margin:0;font-size:clamp(34px,5vw,50px);line-height:1;letter-spacing:-.03em}.section-heading p{margin:0;max-width:430px;color:var(--muted)}
.models{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.model-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 20px 70px rgba(0,0,0,.3);transition:.22s}.model-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.18)}.model-image{aspect-ratio:4/3;background:linear-gradient(135deg,#17171a,#080808);overflow:hidden}.model-image img{width:100%;height:100%;object-fit:cover;display:block}.model-content{padding:21px}.model-content h3{margin:0;font-size:20px}.model-content p{margin:8px 0 18px;color:var(--muted);font-size:14px}.model-link{font-size:14px;font-weight:650}
.about-box{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;padding:55px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,#151518,#080808)}.about-box p{margin:0;color:#aaaab2;font-size:17px;max-width:650px}
footer{border-top:1px solid var(--line);padding:28px 24px;color:var(--muted);font-size:13px}.footer-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between}.footer-inner a{color:#ddd}.footer-inner a:hover{color:#fff}
@media(max-width:800px){.models{grid-template-columns:1fr 1fr}.about-box{grid-template-columns:1fr;padding:38px}}@media(max-width:560px){.nav{height:64px;padding:0 18px}.brand{font-size:17px}nav a{padding:8px 7px;font-size:14px}.hero{padding:90px 20px}.section,.about{padding-left:20px;padding-right:20px}.models{grid-template-columns:1fr}.section-heading{display:block}.section-heading p{margin-top:14px}.about-box{padding:30px;border-radius:24px}.footer-inner{display:block}.footer-inner a{display:block;margin-top:7px}}