/*! © 2026 Salah Nechabeh / SSN Tech Studio. All rights reserved. salahnechabeh.com */
.brand{position:relative;overflow:hidden;padding:clamp(90px,10vw,160px) clamp(24px,6vw,110px);background:radial-gradient(90% 60% at 50% 45%,#0a2350,#02040a 65%)}.brand-head{position:relative;z-index:2;max-width:900px}.brand-title{margin:0;font-family:Roboto Flex,Anton,Impact,sans-serif;font-size:clamp(48px,7vw,124px);line-height:.92;letter-spacing:-.05em;color:#f5f8ff}.brand-title span{background:linear-gradient(90deg,#fff,#4eb9ff 55%,#1267ff);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{max-width:560px;margin:24px 0 0;color:var(--dim);font-size:clamp(15px,1.15vw,18px);line-height:1.55}.brand-stage{--p:1;position:relative;height:clamp(560px,50vw,760px);margin-top:clamp(30px,4vw,60px);perspective:1600px}.brand-draw{position:absolute;left:50%;top:50%;width:clamp(260px,34vw,520px);transform:translate(-50%,-50%);overflow:visible;filter:drop-shadow(0 0 30px rgba(37,139,255,.55))}.bd-guide{fill:none;stroke:#78beff2e;stroke-width:.6}.bd-gem{fill:none;stroke:#4eb9ff;stroke-width:2.2;stroke-linejoin:round}.bd-mark{fill:#f5f8ff;font:400 64px Anton,Impact,sans-serif;letter-spacing:.06em}.brand-film{position:absolute;top:50%;width:clamp(200px,19vw,300px);margin:0;transition:transform .2s linear}.brand-film.f1{left:50%;transform:translate(calc(-50% - var(--p) * clamp(190px,22vw,360px)),-50%) rotateY(calc(var(--p) * 18deg)) rotate(calc(var(--p) * -3deg))}.brand-film.f2{left:50%;transform:translate(calc(-50% + var(--p) * clamp(190px,22vw,360px)),-46%) rotateY(calc(var(--p) * -18deg)) rotate(calc(var(--p) * 3deg))}.brand-film video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:20px;border:1px solid rgba(120,190,255,.3);background:#050b1a;box-shadow:0 40px 90px #000619a6,0 0 50px #258bff40}.brand-film figcaption{margin-top:12px;font:11px JetBrains,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.brand-film figcaption b{display:block;color:#f5f8ff;font-weight:400;margin-bottom:4px}.brand-system{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:clamp(40px,5vw,80px) 0 0;padding:0;list-style:none}.brand-system li{display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 10px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#1267ff1f,#050c1e66);transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s}.brand-system li:hover{transform:translateY(-6px);border-color:#7fc8ff}.brand-system b{font:400 11px JetBrains,monospace;letter-spacing:.16em;color:#cfe4ff;font-weight:400}.bs-ic{display:grid;place-items:center;width:64px;height:64px;font-style:normal;color:#fff}.bs-logo{font:400 40px Anton,Impact,sans-serif;border:2px solid #4eb9ff;transform:rotate(45deg)}.bs-logo{line-height:1}.bs-col{grid-template-columns:1fr 1fr;gap:4px}.bs-col em{width:28px;height:28px;border-radius:50%;background:var(--c);border:1px solid rgba(255,255,255,.2)}.bs-type{font:400 40px Roboto Flex,Anton,sans-serif}.bs-card s,.bs-pack s{display:block;text-decoration:none;border:1.5px solid #4eb9ff;border-radius:4px}.bs-card s{width:60px;height:36px;background:linear-gradient(135deg,#1267ff,#0a1a3c)}.bs-pack s{width:40px;height:52px;background:linear-gradient(160deg,#0a1a3c,#1267ff)}.bs-motion{font-size:26px;border-radius:50%;border:2px solid #4eb9ff;width:56px;height:56px}.brand-js .bd-gem{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw,1))}.brand-js .bd-mark{opacity:var(--draw,1)}.brand-js .bd-guide{animation:bdSpin 40s linear infinite;transform-origin:150px 150px}@keyframes bdSpin{to{transform:rotate(360deg)}}.brand-js .brand-system li{opacity:0;translate:0 30px;transition:opacity .7s ease calc(var(--d)*90ms),translate .8s cubic-bezier(.2,.8,.2,1) calc(var(--d)*90ms),transform .4s,border-color .4s}.brand-js .brand-system.is-in li{opacity:1;translate:0 0}@media(max-width:1100px)and (min-width:821px){.brand-system{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.brand{padding:80px 18px 90px}.brand-stage{height:auto;display:flex;flex-direction:column;align-items:center;gap:30px;perspective:none;padding-top:200px}.brand-draw{top:100px;width:180px}.brand-film{position:relative;top:auto;left:auto!important;width:78vw;transform:none!important}.brand-system{grid-template-columns:repeat(2,1fr)}.brand .ads-cta{margin-left:0;margin-right:0}}@media(prefers-reduced-motion:reduce){.brand-js .bd-guide{animation:none}}