*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:#fff;color:#111;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
.syn-banner{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);padding:8px 16px;text-align:center;font-size:11px;color:rgba(255,255,255,0.8);letter-spacing:0.05em}

.syn-hero{position:relative;height:100vh;min-height:720px;background:#fff;overflow:hidden;padding-top:36px;display:flex;flex-direction:column}
.syn-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;padding-top:120px}
@media(min-width:768px){.syn-bg{padding-top:200px}}
.syn-fade-1{position:absolute;top:120px;left:0;right:0;height:200px;background:linear-gradient(to bottom,#fff,transparent);z-index:5;pointer-events:none}
.syn-fade-2{position:absolute;top:200px;left:0;right:0;height:300px;background:linear-gradient(to bottom,#fff,transparent);z-index:5;pointer-events:none;display:none}
@media(min-width:768px){.syn-fade-2{display:block}}

.syn-nav{position:relative;z-index:20;max-width:1280px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 32px}
.syn-logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#111}
.syn-star{color:#000;font-size:20px}
.syn-links{list-style:none;display:none;gap:32px}
@media(min-width:768px){.syn-links{display:flex}}
.syn-links a{color:#374151;text-decoration:none;font-size:14px;cursor:pointer}
.syn-links a:hover{color:#111}
.syn-auth{display:none;align-items:center;gap:16px}
@media(min-width:600px){.syn-auth{display:flex}}
.syn-login{color:#374151;text-decoration:none;font-size:14px}
.syn-start{background:#000;color:#fff;text-decoration:none;font-size:14px;font-weight:500;padding:10px 20px;border-radius:9999px;transition:background .2s}
.syn-start:hover{background:#1f2937}

.syn-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;max-width:1100px;margin:0 auto;width:100%}
.syn-content h1{font-size:clamp(40px,7vw,80px);font-weight:600;letter-spacing:-0.04em;line-height:1.05;color:#111}
.syn-content h1 em{font-style:italic;font-weight:400;color:#6b7280}
.syn-content p{color:#4b5563;font-size:18px;max-width:520px;margin-top:24px;line-height:1.5}
.syn-cta{display:inline-block;background:#000;color:#fff;text-decoration:none;font-size:15px;font-weight:600;padding:14px 32px;border-radius:9999px;margin-top:32px;transition:transform .2s}
.syn-cta:hover{transform:scale(1.04)}

.syn-partners{position:relative;z-index:10;margin-top:auto;padding:48px 32px;display:flex;flex-direction:column;align-items:center;gap:16px;color:#9ca3af;font-size:13px}
.syn-partners div{display:flex;flex-wrap:wrap;justify-content:center;gap:48px}
.syn-partners div span{font-family:Georgia,serif;font-style:italic;font-size:24px;color:#6b7280}