:root{--ink: #0B0D0A;--paper: #FAFAF7;--lime: #D3FF3D;--lime-soft: #EFFFB0;--gray: #6B6F68;--line: rgba(11, 13, 10, .1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,sans-serif;color:var(--ink);background:var(--paper)}.zb{position:relative;overflow-x:hidden}.zb h1,.zb h2,.zb h3,.zb .disp{font-family:Syne,sans-serif;letter-spacing:-.02em}.zb .mono{font-family:JetBrains Mono,monospace}.zb .eyebrow{font-family:JetBrains Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--gray);display:flex;align-items:center;gap:8px}.zb .eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px #d3ff3d59}.zb section{padding:110px 224px;margin:0 auto;position:relative}.zb section.dark{background:var(--ink);color:var(--paper);max-width:none;padding-left:24px;padding-right:24px}.zb section.dark .inner{max-width:1200px;margin:0 auto}.zb .chip{background:var(--ink);color:var(--paper);padding:2px 10px;border-radius:8px;display:inline-block}.zb .chip-lime{background:var(--lime);color:var(--ink);padding:2px 10px;border-radius:8px;display:inline-block}.zb .btn{font-family:JetBrains Mono,monospace;font-size:13px;display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:100px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;transition:all .25s ease;text-decoration:none}.zb .btn:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.zb .btn-lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}.zb .btn-lime:hover{background:var(--ink);border-color:var(--ink);color:var(--lime)}.zb .btn-dark-inv{border-color:var(--paper);color:var(--paper)}.zb .btn-dark-inv:hover{background:var(--paper);color:var(--ink)}.zb .nav{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100;width:min(920px,calc(100% - 32px));background:#fafaf7bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:100px;padding:10px 10px 10px 22px;display:flex;align-items:center;justify-content:space-between}.zb .nav .logo{font-family:Syne,sans-serif;font-weight:700;font-size:18px}.zb .nav .links{display:flex;gap:26px;font-size:14px}.zb .nav .links a{color:var(--ink);text-decoration:none;opacity:.75;transition:opacity .2s}.zb .nav .links a:hover{opacity:1}.zb .nav-mobile-btn{display:none;background:var(--ink);color:var(--paper);border:none;border-radius:50%;width:38px;height:38px;align-items:center;justify-content:center;cursor:pointer}.zb .mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ink);z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.zb .mobile-menu a{color:var(--paper);font-family:Syne,sans-serif;font-size:28px;text-decoration:none}.zb .mobile-menu .close-btn{position:absolute;top:24px;right:24px;background:var(--paper);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer}.zb .hero{padding-top:170px;display:grid;grid-template-columns:1.3fr .9fr;gap:40px;align-items:center;min-height:90vh}.zb .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;z-index:0;pointer-events:none}.zb .headline{font-size:clamp(38px,6vw,74px);font-weight:700;line-height:1.02;margin:0 0 22px}.zb .headline .hi{background:var(--ink);color:var(--paper);padding:2px 14px;border-radius:12px}.zb .headline .lime{background:var(--lime);color:var(--ink);padding:2px 14px;border-radius:12px}.zb .lead{font-size:16px;color:var(--gray);max-width:440px;margin-bottom:28px;line-height:1.6}.zb .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:36px}.zb .terminal{background:var(--ink);border-radius:18px;padding:22px;color:var(--lime);font-family:JetBrains Mono,monospace;font-size:13px;box-shadow:0 30px 60px #00000040;position:relative;z-index:1}.zb .terminal .dots{display:flex;gap:6px;margin-bottom:14px}.zb .terminal .dots span{width:10px;height:10px;border-radius:50%;background:#fafaf733}.zb .terminal .line{color:#c9cfc4}.zb .terminal .cursor{display:inline-block;width:7px;height:14px;background:var(--lime);margin-left:2px;animation:blink 1s step-end infinite;vertical-align:middle}@keyframes blink{50%{opacity:0}}.zb .status-card{border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-top:16px;display:flex;justify-content:space-between;font-size:13px}.zb .status-card b{font-family:Syne,sans-serif}.zb .marquee-wrap{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:60px}.zb .marquee{display:flex;gap:40px;white-space:nowrap;animation:scroll 26s linear infinite;width:max-content}.zb .marquee span{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--gray);display:flex;align-items:center;gap:40px}.zb .marquee .dot{color:var(--lime)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.zb .about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}.zb .about-card{background:var(--ink);color:var(--paper);border-radius:22px;padding:26px}.zb .about-card .row{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid rgba(250,250,247,.12);font-size:13px}.zb .about-card .row:first-child{border-top:none}.zb .services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:50px;border:1px solid var(--line);border-radius:18px;overflow:hidden}.zb .service{background:var(--paper);padding:26px 22px;transition:background .25s}.zb .service:hover{background:var(--lime-soft)}.zb .service .num{font-family:JetBrains Mono,monospace;color:var(--gray);font-size:13px}.zb .service h3{font-size:17px;margin:14px 0 8px}.zb .service p{font-size:13px;color:var(--gray);line-height:1.5;margin:0}.zb .skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 60px;margin-top:50px}.zb .skill-row .top{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}.zb .skill-row .top .pct{font-family:JetBrains Mono,monospace;color:var(--lime)}.zb .skill-track{height:6px;background:#fafaf71f;border-radius:10px;overflow:hidden}.zb .skill-fill{height:100%;background:var(--lime);border-radius:10px;width:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.zb .stack-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:50px}.zb .stack-cloud span{border:1px solid rgba(250,250,247,.2);padding:8px 16px;border-radius:100px;font-size:13px;font-family:JetBrains Mono,monospace}.zb .projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}.zb .project-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;transition:transform .3s,box-shadow .3s}.zb .project-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #0b0d0a1a}.zb .project-thumb{height:170px;position:relative;display:flex;align-items:center;justify-content:center}.zb .project-thumb .initials{font-family:Syne,sans-serif;font-weight:700;font-size:44px;color:#0b0d0a2e}.zb .project-thumb .live{position:absolute;top:14px;right:14px;background:var(--ink);color:var(--lime);font-family:JetBrains Mono,monospace;font-size:10px;padding:5px 10px;border-radius:100px;display:flex;align-items:center;gap:5px}.zb .project-body{padding:20px 22px 22px}.zb .project-body .meta{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--gray);text-transform:uppercase;margin-bottom:8px}.zb .project-body h3{font-size:19px;margin:0 0 8px;display:flex;align-items:center;gap:6px}.zb .project-body p{font-size:13px;color:var(--gray);line-height:1.55;margin:0 0 14px}.zb .tag-row{display:flex;flex-wrap:wrap;gap:6px}.zb .tag-row span{font-size:11px;font-family:JetBrains Mono,monospace;border:1px solid var(--line);padding:4px 9px;border-radius:100px;color:var(--gray)}.zb .timeline{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:50px}.zb .tl-item{border-left:2px solid rgba(250,250,247,.15);padding-left:20px;margin-bottom:26px;position:relative}.zb .tl-item:before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--lime)}.zb .tl-item .period{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--lime);margin-bottom:6px}.zb .tl-item h4{margin:0 0 4px;font-size:17px}.zb .tl-item .org{color:#a9afa2;font-size:13px;margin-bottom:10px}.zb .tl-item ul{margin:0;padding-left:18px;font-size:13px;color:#c9cfc4;line-height:1.7}.zb .pricing-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 8px}.zb .pricing-tab{display:flex;align-items:center;gap:10px;padding:8px 20px 8px 8px;border-radius:100px;border:1.5px solid var(--line);background:#fff;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:13.5px;color:var(--ink);transition:all .22s ease}.zb .pricing-tab:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0b0d0a14}.zb .pricing-tab.active{border-width:2px;font-weight:600;box-shadow:0 12px 26px #0b0d0a24;transform:translateY(-2px)}.zb .pricing-tab .tab-badge{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.zb .pricing-tab .soon-tag{font-size:9px;background:var(--lime);color:var(--ink);padding:2px 7px;border-radius:100px;margin-left:2px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.zb .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px;align-items:stretch}.zb .plan-card{border:1.5px solid var(--line);border-radius:22px;padding:30px 26px;display:flex;flex-direction:column;background:#fff;position:relative}.zb .plan-card.popular{border-color:var(--ink);background:var(--ink);color:var(--paper);transform:scale(1.03)}.zb .plan-card .badge{position:absolute;top:-13px;left:26px;background:var(--lime);color:var(--ink);font-family:JetBrains Mono,monospace;font-size:11px;padding:5px 12px;border-radius:100px}.zb .plan-card .tag{font-size:12px;color:var(--gray);margin-bottom:18px}.zb .plan-card.popular .tag{color:#a9afa2}.zb .plan-card .price{font-family:Syne,sans-serif;font-size:38px;font-weight:700;margin-bottom:2px}.zb .plan-card .price small{font-size:13px;font-weight:400;color:var(--gray);font-family:Inter,sans-serif}.zb .plan-card.popular .price small{color:#a9afa2}.zb .plan-card ul{list-style:none;padding:0;margin:22px 0 26px;flex:1}.zb .plan-card li{display:flex;gap:9px;font-size:13.5px;padding:7px 0}.zb .plan-card li svg{flex-shrink:0;margin-top:2px;color:var(--lime)}.zb .customizer{margin-top:70px;border:1.5px solid var(--line);border-radius:24px;padding:36px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px}.zb .customizer h3{margin-top:0}.zb .cz-group{margin-bottom:22px}.zb .cz-label{font-family:JetBrains Mono,monospace;font-size:12px;text-transform:uppercase;color:var(--gray);margin-bottom:10px;letter-spacing:.06em}.zb .cz-options{display:flex;flex-wrap:wrap;gap:10px}.zb .cz-pill{border:1.5px solid var(--line);border-radius:100px;padding:9px 16px;font-size:13px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.zb .cz-pill.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.zb .cz-summary{background:var(--ink);color:var(--paper);border-radius:18px;padding:26px;align-self:start;position:sticky;top:110px}.zb .cz-summary .total{font-family:Syne,sans-serif;font-size:36px;font-weight:700;margin:6px 0 20px;color:var(--lime)}.zb .cz-summary .line{display:flex;justify-content:space-between;font-size:12.5px;padding:6px 0;border-top:1px solid rgba(250,250,247,.1);color:#c9cfc4}.zb .cz-summary .line:first-of-type{border-top:none}.zb .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px}.zb .contact-info li{display:flex;gap:12px;align-items:center;font-size:14px;margin-bottom:16px}.zb .contact-info li svg{color:var(--lime)}.zb .form-field{margin-bottom:16px}.zb .form-field label{font-size:12px;font-family:JetBrains Mono,monospace;color:var(--gray);display:block;margin-bottom:6px}.zb .form-field input,.zb .form-field textarea,.zb .form-field select{width:100%;padding:13px 14px;border-radius:12px;border:1.5px solid var(--line);background:transparent;color:inherit;font-family:Inter,sans-serif;font-size:14px}.zb section.dark .form-field input,.zb section.dark .form-field textarea,.zb section.dark .form-field select{border-color:#fafaf733;color:var(--paper)}.zb .form-field textarea{resize:vertical;min-height:100px}.zb .form-field input:focus,.zb .form-field textarea:focus,.zb .form-field select:focus{outline:2px solid var(--lime);border-color:transparent}.zb .toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--lime);padding:14px 22px;border-radius:100px;font-family:JetBrains Mono,monospace;font-size:13px;display:flex;align-items:center;gap:8px;z-index:200;box-shadow:0 20px 40px #0000004d}.zb .footer{background:var(--ink);color:var(--paper);padding:60px 24px 26px}.zb .footer .inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;border-bottom:1px solid rgba(250,250,247,.1);padding-bottom:40px}.zb .footer .bottom{max-width:1200px;margin:26px auto 0;display:flex;justify-content:space-between;font-size:12px;color:#9aa094;flex-wrap:wrap;gap:10px}.zb .footer-links{display:flex;flex-direction:column;gap:10px;font-size:14px}.zb .footer-links a{color:#c9cfc4;text-decoration:none}.zb .footer-game-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1.5px dashed rgba(211,255,61,.5);color:var(--lime);padding:10px 18px;border-radius:100px;font-family:JetBrains Mono,monospace;font-size:12.5px;cursor:pointer;margin-top:14px;transition:all .2s}.zb .footer-game-btn:hover{background:#d3ff3d1a;border-style:solid;transform:translateY(-2px)}.zb .fab-stack{position:fixed;right:22px;bottom:22px;display:flex;flex-direction:column;gap:14px;z-index:150}.zb .fab{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 12px 26px #00000038;transition:transform .2s}.zb .fab:hover{transform:scale(1.08)}.zb .fab-wa{background:#25d366;color:#fff}.zb .fab-chat{background:var(--ink);color:var(--lime)}.zb .panel{position:fixed;bottom:90px;right:22px;width:340px;max-width:calc(100vw - 32px);background:#fff;border-radius:20px;box-shadow:0 30px 60px #00000040;z-index:150;overflow:hidden;border:1px solid var(--line)}.zb .panel-head{background:var(--ink);color:var(--paper);padding:16px 18px;display:flex;justify-content:space-between;align-items:center}.zb .panel-body{padding:16px;max-height:340px;overflow-y:auto}.zb .chat-msg{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;margin-bottom:8px}.zb .panel-foot{display:flex;gap:8px;padding:14px;border-top:1px solid var(--line)}.zb .panel-foot input{flex:1;border:1.5px solid var(--line);border-radius:100px;padding:10px 14px;font-size:13px}.zb .panel-foot button{border:none;background:var(--ink);color:var(--lime);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.zb .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0d0aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}.zb .modal{background:#fff;border-radius:24px;padding:32px;max-width:460px;width:100%;max-height:85vh;overflow-y:auto;position:relative}.zb .modal-close{position:absolute;top:18px;right:18px;background:var(--paper);border:1px solid var(--line);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer}.zb .game-modal{max-width:520px}.zb .game-topbar{display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:13px;margin-top:12px}.zb .game-lives{display:flex;gap:4px}.zb .game-area{position:relative;height:400px;background:linear-gradient(180deg,#0b0d0a,#1a1d16);border-radius:18px;overflow:hidden;margin-top:10px;cursor:crosshair}.zb .bug{position:absolute;font-size:26px;cursor:pointer;background:none;border:none;line-height:1;filter:drop-shadow(0 0 6px rgba(0,0,0,.4))}.zb .bug.golden{font-size:30px;filter:drop-shadow(0 0 10px rgba(211,255,61,.8))}.zb .combo-flash{position:absolute;color:var(--lime);font-family:Syne,sans-serif;font-weight:700;font-size:14px;pointer-events:none;animation:floatUp .6s ease forwards}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.zb .game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--paper);font-family:Syne,sans-serif;text-align:center;background:#0b0d0abf;gap:8px;padding:20px}.zb .leaderboard{margin-top:14px;width:100%;max-width:260px}.zb .leaderboard-row{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:12.5px;padding:5px 0;border-bottom:1px solid rgba(250,250,247,.1);color:#c9cfc4}.zb .name-input{display:flex;gap:8px;margin-top:10px}.zb .name-input input{padding:8px 12px;border-radius:100px;border:1px solid rgba(250,250,247,.3);background:transparent;color:var(--paper);font-size:13px;width:140px}.zb .admin-fab{position:fixed;left:22px;bottom:22px;z-index:150;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--lime);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.35;transition:opacity .2s}.zb .admin-fab:hover{opacity:1}.zb .admin-shell{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);z-index:400;overflow-y:auto}.zb .admin-top{position:sticky;top:0;background:var(--ink);color:var(--paper);padding:16px 26px;display:flex;justify-content:space-between;align-items:center;z-index:5}.zb .admin-tabs{display:flex;gap:8px;padding:18px 26px 0;flex-wrap:wrap}.zb .admin-tab{border:1.5px solid var(--line);background:#fff;padding:9px 16px;border-radius:100px;font-size:13px;cursor:pointer;display:flex;gap:7px;align-items:center}.zb .admin-tab.active{background:var(--ink);color:var(--lime);border-color:var(--ink)}.zb .admin-body{padding:24px 26px 60px;max-width:1100px;margin:0 auto}.zb .admin-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:12px}.zb .admin-grid-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}.zb .stat-card{background:var(--ink);color:var(--paper);border-radius:16px;padding:18px}.zb .stat-card .num{font-family:Syne,sans-serif;font-size:28px;color:var(--lime)}.zb .admin-table{width:100%;border-collapse:collapse;font-size:13px}.zb .admin-table th{text-align:left;font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;color:var(--gray);padding:8px;border-bottom:1px solid var(--line)}.zb .admin-table td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}.zb .status-select{border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:12px}.zb .invoice-row{display:grid;grid-template-columns:2fr 1fr 1fr 30px;gap:8px;margin-bottom:8px;align-items:center}.zb .invoice-print{display:none}@media print{.zb>*:not(.admin-shell){display:none!important}.zb .admin-shell *{visibility:hidden}.zb .invoice-print,.zb .invoice-print *{visibility:visible}.zb .invoice-print{display:block!important;position:fixed;top:0;left:0;width:100%;padding:40px}}@media (max-width: 900px){.zb .nav .links{display:none}.zb .nav-mobile-btn{display:flex}.zb .hero,.zb .about-grid,.zb .contact-grid,.zb .customizer{grid-template-columns:1fr}.zb .services-grid{grid-template-columns:repeat(2,1fr)}.zb .skills-grid,.zb .projects-grid,.zb .timeline,.zb .pricing-grid{grid-template-columns:1fr}.zb .plan-card.popular{transform:none}.zb .admin-grid-stats{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){.zb *{animation:none!important;transition:none!important}}
