*{box-sizing:border-box;margin:0;padding:0}
:root{--yellow:#ffc928;--black:#090909;--white:#f7f7f2;--muted:#b9b9b2}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--black);color:var(--white);min-height:100vh;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.page-shell{position:relative;min-height:100vh;overflow:hidden}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
.navbar{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:70px;height:70px;border-radius:50%;background:var(--yellow);color:#080808;display:grid;place-items:center;position:relative;font-weight:900;box-shadow:0 0 14px #ffc92888,0 0 35px #ffc92855;animation:logoGlow 3s ease-in-out infinite;transition:transform .25s,box-shadow .25s}
.brand:hover .brand-mark{transform:scale(1.06);box-shadow:0 0 20px #ffc928cc,0 0 55px #ffc92888}.brand-c{font-size:40px}.brand-code{position:absolute;font-size:20px;top:33px}.brand-copy{display:flex;flex-direction:column}.brand-name{font-size:25px;font-weight:800}.brand-sub{color:var(--yellow);font-weight:800;letter-spacing:6px;font-size:14px;margin-top:5px}
.nav-links{display:flex;gap:26px;color:#d0d0ca;font-weight:700}.nav-links a{transition:.25s}.nav-links a:hover,.nav-links .active{color:var(--yellow)}
.nav-cta,.primary-button{background:var(--yellow);color:#080808;font-weight:800;padding:18px 28px;border-radius:999px;display:inline-flex;align-items:center;gap:30px;border:0;cursor:pointer;transition:transform .25s,box-shadow .25s}.nav-cta:hover,.primary-button:hover{transform:translateY(-3px);box-shadow:0 0 28px #ffc92855}
.menu-button{display:none;background:none;border:0}.menu-button span{display:block;width:27px;height:3px;background:var(--yellow);margin:5px}
.hero{min-height:590px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding-top:40px;position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;inset:8% -15% auto;height:70%;background:radial-gradient(ellipse at center,#ffc92818 0%,transparent 65%);z-index:-1;animation:heroBreath 5s ease-in-out infinite}
.hero-copy{animation:heroEnter 1s ease-out both}
.hero .visual-wrap{animation:visualEnter 1.2s ease-out both}.eyebrow{color:var(--yellow);font-size:14px;font-weight:900;letter-spacing:4px;margin-bottom:22px}.hero h1,.inner-page h1{font-size:clamp(42px,6vw,78px);line-height:1.02;letter-spacing:-3px}.hero h1 span,.inner-page h1 span{display:block;color:var(--yellow)}.intro,.wide-text{color:var(--muted);font-size:18px;line-height:1.7;max-width:620px;margin:28px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.secondary-button{border:1px solid #666;padding:17px 27px;border-radius:999px;font-weight:800}
.visual-wrap{min-height:390px;display:grid;place-items:center;position:relative}.glow-ball{position:absolute;width:280px;height:280px;background:var(--yellow);filter:blur(90px);opacity:.42;animation:glowMove 4s ease-in-out infinite}
.laptop{width:min(500px,100%);transform:rotate(-5deg);position:relative;z-index:1;animation:laptopFloat 5s ease-in-out infinite}.screen{background:#202020;border:10px solid #3c3c3c;border-radius:18px 18px 5px 5px;overflow:hidden;box-shadow:0 20px 80px #000}.editor-top{background:#303030;padding:13px;display:flex;gap:7px;align-items:center}.dot{width:10px;height:10px;border-radius:50%}.red{background:#ff5d56}.yellow{background:#ffbd2e}.green{background:#27c93f}.editor-title{font-size:11px;color:#aaa;margin-left:8px}.code{padding:24px;color:#ffc928;white-space:pre-wrap;font-size:13px;line-height:1.8;min-height:260px}.base{height:18px;background:#777;border-radius:0 0 35px 35px;box-shadow:0 10px 0 #333}
.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:35px 0 55px}.feature{border:1px solid #292929;border-radius:18px;padding:20px;display:flex;align-items:center;gap:12px;color:#ddd}.feature b{font-size:24px;color:var(--yellow)}
.inner-page{padding:80px 0;min-height:600px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:35px 0}.card{border:1px solid #333;border-radius:20px;padding:30px;background:#111;transition:.25s}.card:hover{border-color:var(--yellow);transform:translateY(-4px)}.card h2{color:var(--yellow);margin-bottom:12px}.card p{color:var(--muted);line-height:1.7}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:35px}.contact-form{display:grid;gap:18px}.contact-form label{display:grid;gap:8px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:#151515;border:1px solid #444;color:white;border-radius:10px;padding:14px;font:inherit}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:2px solid var(--yellow);border-color:transparent}.contact-form small{color:var(--muted)}
.thank-you{text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center}.success-icon{width:100px;height:100px;border:2px solid var(--yellow);border-radius:50%;display:grid;place-items:center;font-size:58px;color:var(--yellow);margin-bottom:30px;animation:pulse 2.5s infinite}.thank-you .wide-text{margin-left:auto;margin-right:auto}
.site-footer{border-top:1px solid #292929;padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:#aaa}.site-footer p{font-size:12px;letter-spacing:3px;color:var(--yellow)}
.stars{position:absolute;inset:0;pointer-events:none;overflow:hidden}.stars{z-index:0}
.stars span{position:absolute;color:var(--yellow);font-size:clamp(14px,1.8vw,25px);text-shadow:0 0 14px #ffc928;opacity:0;animation:twinkle 4s ease-in-out infinite}.stars span:nth-child(1){left:8%;top:20%;animation-delay:0s}.stars span:nth-child(2){left:24%;top:65%;animation-delay:1s}.stars span:nth-child(3){left:48%;top:15%;animation-delay:2s}.stars span:nth-child(4){left:65%;top:45%;animation-delay:3s}.stars span:nth-child(5){left:80%;top:22%;animation-delay:4s}.stars span:nth-child(6){left:90%;top:72%;animation-delay:1.5s}.stars span:nth-child(7){left:38%;top:85%;animation-delay:4.5s}.stars span:nth-child(8){left:72%;top:88%;animation-delay:2.5s}
.stars span:nth-child(9){left:14%;top:42%;animation-delay:.4s}.stars span:nth-child(10){left:31%;top:12%;animation-delay:1.2s}
.stars span:nth-child(11){left:55%;top:70%;animation-delay:2.1s}.stars span:nth-child(12){left:87%;top:35%;animation-delay:3.2s}
.stars span:nth-child(13){left:5%;top:78%;animation-delay:1.7s}.stars span:nth-child(14){left:44%;top:38%;animation-delay:2.8s}
.stars span:nth-child(15){left:76%;top:58%;animation-delay:3.8s}.stars span:nth-child(16){left:20%;top:90%;animation-delay:2.4s}
.stars span:nth-child(17){left:60%;top:8%;animation-delay:1.8s}.stars span:nth-child(18){left:94%;top:15%;animation-delay:.8s}
.stars span:nth-child(19){left:36%;top:52%;animation-delay:3.5s}.stars span:nth-child(20){left:68%;top:28%;animation-delay:1.1s}
.stars span:nth-child(21){left:82%;top:82%;animation-delay:2.9s}.stars span:nth-child(22){left:11%;top:8%;animation-delay:4.1s}
@keyframes twinkle{0%,100%{opacity:0;transform:scale(.35) rotate(0) translateY(0)}25%{opacity:1}50%{opacity:.35;transform:scale(1.8) rotate(45deg) translateY(-12px)}75%{opacity:1} }
@keyframes glowMove{0%,100%{transform:translate(-20px,-10px) scale(.85);opacity:.28}50%{transform:translate(35px,25px) scale(1.35);opacity:.58}}
@keyframes laptopFloat{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-14px)}}
@keyframes heroBreath{0%,100%{opacity:.45;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}
@keyframes heroEnter{from{opacity:0;transform:translateX(-35px)}to{opacity:1;transform:translateX(0)}}
@keyframes visualEnter{from{opacity:0;transform:translateX(35px) scale(.94)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes logoGlow{0%,100%{box-shadow:0 0 12px #ffc92877,0 0 28px #ffc92833}50%{box-shadow:0 0 24px #ffc928cc,0 0 58px #ffc92877}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #ffc92822}50%{box-shadow:0 0 35px 8px #ffc92822}}
@media(max-width:850px){.nav-links,.nav-cta{display:none}.menu-button{display:block}.navbar{min-height:90px}.hero{grid-template-columns:1fr;padding-top:50px}.visual-wrap{min-height:300px}.feature-row{grid-template-columns:repeat(2,1fr)}.cards,.contact-layout{grid-template-columns:1fr}.hero h1,.inner-page h1{letter-spacing:-1.5px}.site-footer{flex-direction:column;align-items:flex-start}}
@media(max-width:500px){.container{width:min(100% - 30px,1180px)}.feature-row{grid-template-columns:1fr}.brand-mark{width:55px;height:55px}.brand-c{font-size:31px}.brand-code{font-size:16px;top:26px}.brand-name{font-size:21px}.brand-sub{font-size:11px;letter-spacing:4px}.inner-page{padding:50px 0}.nav-links.open{display:flex;position:absolute;top:90px;left:0;right:0;background:#111;padding:20px;flex-direction:column}.hero-actions .primary-button,.hero-actions .secondary-button{width:100%;justify-content:center}}
.logo-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0;
  background: transparent;
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

.site-logo {
  display: block;
  width: 280px;
  max-width: 70vw;
  height: auto;
  background: transparent;
  filter: none;
}