@font-face {
    font-family: "SamsungOne";
    src: url("fonts/SamsungOne-400.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SamsungOne";
    src: url("fonts/SamsungOne-700.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SamsungOne";
    src: url("fonts/SamsungSharpSans-Bold.ttf") format("truetype");
    font-weight: Bold;
    font-style: normal;
    font-display: swap;
}


:root {--c1:#000;--c2:#1a1a1a;--c3:#1428a0;--c4:#00a3ff;--c5:#fff;--c6:#767676}
*{box-sizing:border-box}
html,body{height:100%}


body{
    font-family:"SamsungOne", Inter, system-ui, -apple-system,
    BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    background:var(--c1);
    color:var(--c5);
    margin:0;
    line-height:1.6;
    overflow-x:hidden;
}

a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}

.b2{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}
#b1{position:fixed;top:0;width:100%;background:rgba(0,0,0,.86);
backdrop-filter:blur(18px);z-index:999;border-bottom:1px solid rgba(255,255,255,.06)}
#b3{height:72px;display:flex;align-items:center;justify-content:space-between}
#b4{width:166px;height:40px;object-fit:contain}

#b5{display:flex;gap:36px}
#b5 a{font-weight:500;font-size:15px;position:relative;padding:8px}
#b5 a:hover{color:var(--c4)}
#b5 a::after{content:'';position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--c4);transition:all .28s}
#b5 a:hover::after{width:100%}

#b7{display:none;background:none;border:none;color:var(--c5);font-size:22px;cursor:pointer}


#b8{min-height:100vh;display:flex;align-items:center;
background:linear-gradient(135deg,var(--c1) 0%,var(--c2) 100%);
position:relative;padding:100px 0}

#b8:before{
    content:'';
    position:absolute;right:0;top:0;width:60%;height:100%;
    background:radial-gradient(circle at center,rgba(20,40,160,.08) 0%,transparent 70%);
}

#b9{position:relative;z-index:2;max-width:640px}
#b9 h1{font-size:48px;margin-bottom:20px;line-height:1.05;font-weight:700}
#b9 p{color:var(--c6);font-size:18px;margin-bottom:28px;font-weight:400}

#b10{display:flex;gap:12px;flex-wrap:wrap}
#b11{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;
border-radius:10px;background:var(--c3);color:var(--c5);font-weight:600;transition:all .28s}
#b11:hover{transform:translateY(-3px);background:linear-gradient(90deg,var(--c3),var(--c4))}

#b12{padding:100px 0;background:var(--c2)}
#b13{text-align:center;margin-bottom:44px}
#b13 h2{font-size:40px;margin-bottom:8px;font-weight:700}
#b13 p{color:var(--c6);max-width:640px;margin:0 auto;font-weight:400}

#b14{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}

.b15{background:rgba(255,255,255,.04);padding:32px;border-radius:14px;
border:1px solid rgba(255,255,255,.06);transition:all .28s}
.b15:hover{transform:translateY(-8px);box-shadow:0 10px 30px rgba(0,0,0,.6);border-color:var(--c4)}

.b16{width:56px;height:56px;border-radius:12px;background:linear-gradient(180deg,var(--c3),rgba(20,40,160,.9));
display:flex;align-items:center;justify-content:center;margin-bottom:18px}

#p{padding:80px 0;background:var(--c2)}
#b18{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:32px}
.b19{text-align:center}
.b20{width:72px;height:72px;border-radius:50%;background:var(--c3);
display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-weight:700}

#ct{padding:80px 0;background:linear-gradient(135deg,var(--c3),var(--c4));text-align:center}
#b22{display:flex;gap:12px;justify-content:center}
.b11{background:var(--c5);color:var(--c3);padding:12px 22px;border-radius:10px;font-weight:600}

#b23{background:var(--c1);padding:56px 0;border-top:1px solid rgba(255,255,255,.06)}
#b24{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
#b24 h3{font-size:16px;margin-bottom:12px;font-weight:700}

#b25{color:var(--c6);font-weight:400}
#b26{display:flex;gap:12px;margin-top:12px}
#b26 a{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;
justify-content:center;background:rgba(255,255,255,.06)}

#b27{display:flex;flex-direction:column;gap:8px}
#b28{display:flex;flex-direction:column;gap:10px}

.b29{display:flex;gap:10px;align-items:center;color:var(--c6);font-weight:400}

#b30{text-align:center;padding-top:26px;border-top:1px solid rgba(255,255,255,.06);
color:var(--c6);font-size:13px;font-weight:400}

@media(max-width:1024px){
    #b24{grid-template-columns:1fr 1fr}
}

@media(max-width:768px){
    #b7{display:block}
    #b5{display:none}
    #b8{padding:60px 0}
    #b9 h1{font-size:36px}
    #b5.active{
        display:flex;flex-direction:column;position:absolute;left:0;top:72px;width:100%;
        background:var(--c1);padding:16px;border-top:1px solid rgba(255,255,255,.06);gap:12px
    }
}