.x0{display: flex; align-items: center; gap: 22px; padding: 0 22px; font-family: 'Space Grotesk', sans-serif; font-size: 34px; font-weight: 500; letter-spacing: -0.02em; color: #E4E4E7; white-space: nowrap}
.x1{padding: 6px 12px; border-radius: 999px; background: #1C1C23; font-size: 13px; color: #D4D4D8}
.x2{color: #A1A1AA; text-decoration: none}
.x3{position: relative; padding: 36px 32px; border: 1px solid #22222A; border-radius: 24px; background: #111116; min-height: 360px; display: flex; flex-direction: column}
.x4{display: flex; justify-content: space-between; align-items: flex-start}
.x5{font-family: 'JetBrains Mono', monospace; font-size: 14px; color: #6B6B76}
.x6{margin: 28px 0 0; font-family: 'Space Grotesk', sans-serif; font-size: 28px; font-weight: 600; letter-spacing: -0.02em}
.x7{margin: 12px 0 0; font-size: 16px; line-height: 1.65; color: #A1A1AA; flex-grow: 1}
.x8{margin-top: 24px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center}
.x9{margin-left: auto; width: 44px; height: 44px; border-radius: 50%; background: #1C1C23; color: #F4F4F5; display: flex; align-items: center; justify-content: center}
.x10{width: 8px; height: 8px; border-radius: 50%; background: #D4D4D8}
.x11{font-family: 'JetBrains Mono', monospace; font-size: 14px; color: var(--accent); letter-spacing: 0.08em}
.x12{font-family: 'Space Grotesk', sans-serif; font-size: 56px; font-weight: 600; color: #2A2A33; letter-spacing: -0.04em}
.x13{margin: 8px 0 0; font-family: 'Space Grotesk', sans-serif; font-size: 24px; font-weight: 600}
.x14{margin: 10px 0 0; font-size: 16px; line-height: 1.65; color: #A1A1AA}
.x15{font-family: 'Space Grotesk', sans-serif; font-size: 36px; font-weight: 600}
.x16{font-size: 14px; color: #8B8B96; margin-top: 4px}
.x17{text-decoration: none; color: inherit; display: block}
.x18{position: absolute; top: 20px; right: 20px; padding: 10px 16px; border-radius: 999px; background: var(--accent); color: #0A0A0D; font-weight: 600; font-size: 14px}
.x19{margin-top: 20px; display: flex; justify-content: space-between; align-items: baseline; gap: 12px}
.x20{margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 24px; font-weight: 600}
.x21{font-size: 14px; color: #8B8B96}
.x22{width: 8px; height: 8px; border-radius: 50%; background: #2A4656}
.x23{height: 54px; border-radius: 8px; background: #12303F}
.x24{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px}
.x25{width: 60px; height: 60px; border-radius: 16px; background: rgba(255,255,255,0.07); display: flex; align-items: center; justify-content: center}
.x26{font-size: 14px; color: #8B8B96; text-transform: uppercase; letter-spacing: 0.1em}
body{margin:0;background:#0A0A0D}
a{color:#C6F432}a:hover{color:#E4FF8A}
*{box-sizing:border-box}
html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}
button,a{-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(198,244,50,.6)}70%{box-shadow:0 0 0 10px rgba(198,244,50,0)}100%{box-shadow:0 0 0 0 rgba(198,244,50,0)}}
@keyframes rotateWords{0%,18%{transform:translateY(0)}25%,43%{transform:translateY(-1.1em)}50%,68%{transform:translateY(-2.2em)}75%,93%{transform:translateY(-3.3em)}100%{transform:translateY(-4.4em)}}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-14px) rotate(var(--r,0deg))}}
@keyframes typing{from{width:0}}
@keyframes blink{50%{opacity:0}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes drawLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes reveal{from{opacity:0;transform:translateY(48px) scale(.98)}to{opacity:1;transform:none}}
@keyframes popIn{from{transform:translateY(60px) scale(.94)}to{transform:none}}
@keyframes glowMove{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,-40px)}}
.fu{opacity:0;animation:fadeUp .9s cubic-bezier(.2,.7,.2,1) forwards}
.d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.4s}.d4{animation-delay:.55s}.d5{animation-delay:.7s}
.dot{animation:pulse 2s infinite}
.words{animation:rotateWords 10s cubic-bezier(.8,0,.2,1) infinite}
.float{animation:floaty 6s ease-in-out infinite}
.float.b{animation-duration:7.5s;animation-delay:-2s}
.float.c{animation-duration:5.5s;animation-delay:-4s}
.type{overflow:hidden;white-space:nowrap;width:var(--w);animation:typing 1.2s steps(30,end) both}
.caret{animation:blink 1s step-end infinite}
.track{animation:marquee 30s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.spin{animation:spin 18s linear infinite}
.glow{animation:glowMove 14s ease-in-out infinite}
.card{transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .3s,background .3s}
@media (hover:hover){
.card:hover{transform:translateY(-8px);border-color:var(--accent) !important;background:#16161C !important}
.card .arrow{transition:transform .35s,background .3s,color .3s}
.card:hover .arrow{transform:rotate(-45deg);background:var(--accent) !important;color:#0A0A0D !important}
.card .icon{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.card:hover .icon{transform:scale(1.12) rotate(-6deg)}
.work:hover .shot{transform:scale(1.05) translateY(-6px)}
.work:hover .view{opacity:1;transform:none}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 40px -12px var(--accent)}
.ghost:hover{background:rgba(255,255,255,.06);border-color:#fff !important}
}
.work .shot{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.work .view{opacity:0;transform:translateY(10px);transition:all .4s}
.btn{transition:transform .25s,box-shadow .25s,background .25s}
.ghost{transition:background .25s,border-color .25s}
.nav a{transition:color .2s}
.nav a:not(.btn):hover{color:#fff !important}
.navcta:hover{background:var(--accent) !important;color:#0A0A0D !important}
.tab{transition:all .25s}
.tab:hover{border-color:#5A5A66 !important}
.mtog{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.burger{display:none;width:48px;height:48px;border-radius:14px;border:1px solid #2A2A33;background:#111116;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger span{display:block;width:20px;height:2px;border-radius:2px;background:#F4F4F5;transition:transform .3s,opacity .2s}
.mtog:focus-visible + .burger{outline:2px solid var(--accent);outline-offset:3px}
.mtog:checked + .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mtog:checked + .burger span:nth-child(2){opacity:0}
.mtog:checked + .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mmenu{display:none;position:absolute;left:18px;right:18px;top:100%;z-index:50;flex-direction:column;padding:10px;border:1px solid #26262E;border-radius:20px;background:#111116;box-shadow:0 30px 80px -20px #000}
.mmenu a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;border-radius:12px;color:#F4F4F5;text-decoration:none;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:500}
.mmenu a:hover,.mmenu a:active{background:#1C1C23;color:var(--accent)}
.mtog:checked ~ .mmenu{display:flex;animation:menuIn .3s cubic-bezier(.2,.7,.2,1)}
@keyframes menuIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media (hover:none){
.work .view{opacity:1;transform:none}
}
@media (max-width: 900px){
.navlink{display:none !important}
.burger{display:flex}
.nav{gap:12px !important}
.hdr{flex-wrap:nowrap !important}
.navcta{white-space:nowrap;padding:10px 18px !important;font-size:14px}
.sec{padding-top:88px !important}
.hero{padding-top:40px !important;padding-bottom:90px !important;gap:72px !important}
}
@media (max-width: 640px){
.wrap{padding-left:18px !important;padding-right:18px !important}
.hdr{padding-top:18px !important;padding-bottom:18px !important;gap:10px !important}
.logotxt{font-size:18px !important}
.sec{padding-top:72px !important}
.hero{padding-top:28px !important}
.lead{font-size:17px !important}
.heroBtns a{flex:1 1 100%;justify-content:center}
.stats{gap:24px !important}
.stats .num{font-size:28px !important}
.code{font-size:11.5px !important;padding:20px 16px 22px !important;line-height:1.9 !important}
.fb1{left:-4px !important;top:-22px !important}
.fb2{right:-4px !important;bottom:56px !important}
.fb3{left:16px !important}
.mq{font-size:24px !important;gap:14px !important;padding:0 14px !important}
.marquee{padding:18px 0 !important}
.card{padding:28px 22px !important;min-height:0 !important;border-radius:20px !important}
.card h3{font-size:24px !important}
.panel{border-radius:24px !important;padding:28px 20px !important}
.tab{padding:10px 16px !important;font-size:14px !important}
.incl{padding:22px 18px !important}
.shotbox{height:280px !important}
.shot{left:18px !important;right:18px !important;top:36px !important}
.ctabox{border-radius:26px !important;padding:40px 22px !important}
.ctabox .ctabtn{flex:1 1 100%;justify-content:center;font-size:15px !important;padding:16px 18px !important;overflow-wrap:anywhere}
.ctaring{width:200px !important;height:200px !important;right:-50px !important;top:-50px !important}
.ftr{flex-direction:column;align-items:flex-start !important}
.ftr .nav{gap:18px !important}
}
@media (max-width: 359px){
.navcta{display:none !important}
}
@media (max-width: 360px){
.code{font-size:10.5px !important}
.stats{gap:18px !important}
}
@supports (animation-timeline: view()){
.rv{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
.pop{animation:popIn linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
.line{transform-origin:left;animation:drawLine linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{animation:none !important;transition:none !important}
.fu{opacity:1}
}
.no-sda .rv{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.no-sda .pop{transform:translateY(50px) scale(.96);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.no-sda .line{transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.no-sda .in{opacity:1 !important;transform:none !important}
.tabbtn{min-height:48px;padding:12px 22px;border-radius:999px;font:600 15px Inter,system-ui,sans-serif;cursor:pointer;border:1px solid #2A2A33;background:transparent;color:#D4D4D8}
.tabbtn[aria-selected="true"]{border-color:var(--accent);background:var(--accent);color:#0A0A0D}
.tabbtn:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#pBest,#pDesc,#pList{transition:opacity .3s}
@media (max-width:640px){.tabbtn{padding:10px 16px;font-size:14px}}

.prose p{margin:0 0 18px;font-size:18px;line-height:1.75;color:#A1A1AA}
.prose strong{color:#F4F4F5;font-weight:600}
.faq{border:1px solid #22222A;border-radius:20px;background:#111116;padding:0 24px;transition:border-color .3s}
.faq[open]{border-color:#3A3A44}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:72px;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;letter-spacing:-0.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{flex:none;width:36px;height:36px;border-radius:50%;background:#1C1C23;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:22px;transition:transform .3s}
.faq[open] summary .pm{transform:rotate(45deg)}
.faq p{margin:0 0 24px;font-size:16px;line-height:1.7;color:#A1A1AA;max-width:820px}
.why{padding:28px;border:1px solid #22222A;border-radius:22px;background:#111116}
.why h3{margin:16px 0 0;font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:600}
.why p{margin:10px 0 0;font-size:15.5px;line-height:1.65;color:#A1A1AA}
.why .ic{width:44px;height:44px;border-radius:12px;background:rgba(198,244,50,0.12);display:flex;align-items:center;justify-content:center}
.fld{display:flex;flex-direction:column;gap:8px}
.fld label{font-size:14px;color:#D4D4D8;font-weight:500}
.fld input,.fld select,.fld textarea{width:100%;min-height:52px;padding:14px 16px;border-radius:14px;border:1px solid #2A2A33;background:#0D0D11;color:#F4F4F5;font:16px Inter,system-ui,sans-serif;outline:none;transition:border-color .2s}
.fld textarea{min-height:150px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--accent)}
.fld select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23A1A1AA' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.navlink.cur{color:#F4F4F5 !important}
.chip{padding:10px 16px;border-radius:999px;border:1px solid #2A2A33;font-size:15px;color:#D4D4D8}
@media (max-width:640px){.faq{padding:0 18px}.faq summary{font-size:17px}.why{padding:22px}.prose p{font-size:17px}}