*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#050505;color:#f5f5f5;font-family:Inter,Arial,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,194,54,.035),transparent 30%,rgba(255,194,54,.018) 70%,transparent);z-index:-1}.gold,.eyebrow,.gold-text,a:hover,.available,footer span{color:#f5bd38}.nav{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:rgba(5,5,5,.88);backdrop-filter:blur(16px);border-bottom:1px solid #202020}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-family:"Space Grotesk";font-weight:700;font-size:24px}.brand img{width:43px;height:43px;object-fit:contain}.nav nav{display:flex;gap:30px}.nav nav a{color:#aaa;text-decoration:none;font-size:14px;font-weight:600}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;text-decoration:none;font-weight:700}.nav-cta{border:1px solid #765817;color:#f5bd38;padding:10px 17px;font-size:13px}.menu-btn{display:none;background:none;color:#fff;border:0;font-size:25px}.section{padding:110px 7%;max-width:1400px;margin:auto}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;margin-bottom:20px;display:flex;align-items:center;gap:10px}.eyebrow span{width:30px;height:2px;background:#f5bd38;display:inline-block}.hero h1{font:700 clamp(44px,6vw,78px)/1.03 "Space Grotesk";letter-spacing:-3px;max-width:800px}.hero h1 span,.section-heading h2 span{color:#f5bd38}.hero-text{color:#999;max-width:650px;font-size:17px;margin:28px 0}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{padding:14px 21px;border:1px solid #444;font-size:14px}.btn.primary{background:#f5bd38;color:#080808;border-color:#f5bd38}.btn.secondary{color:#fff;background:#101010}.stats{display:flex;gap:40px;margin-top:50px}.stats div{display:flex;flex-direction:column;border-left:2px solid #3d3016;padding-left:14px}.stats strong{font-size:18px}.stats span{color:#777;font-size:12px}.hero-visual{min-height:530px;position:relative;display:grid;place-items:center}.code-card{width:min(490px,90%);background:#0d0d0d;border:1px solid #303030;border-radius:16px;box-shadow:0 35px 80px #000;padding-bottom:35px;transform:rotate(2deg);position:relative;z-index:2}.code-top{height:45px;border-bottom:1px solid #252525;display:flex;align-items:center;padding:0 16px;gap:7px;color:#555;font-size:11px}.code-top i{width:8px;height:8px;border-radius:50%;background:#333}.code-top span{margin-left:10px}.code-body{font:15px/2.1 monospace;color:#ddd;padding:28px}.purple{color:#c08cff}.gold-text{color:#f5bd38}.orbit{position:absolute;border:1px solid #493817;border-radius:50%;opacity:.55}.orbit-1{width:500px;height:500px;transform:rotate(30deg)}.orbit-2{width:390px;height:570px;transform:rotate(-55deg)}.floating-badge{position:absolute;bottom:35px;right:2%;z-index:3;background:#0c0c0c;border:1px solid #594517;padding:16px 20px;font:700 11px/1.8 "Space Grotesk";letter-spacing:2px;color:#ddd}.floating-badge span{color:#f5bd38}.section-heading{margin-bottom:48px}.section-heading h2{font:700 clamp(34px,5vw,58px)/1.1 "Space Grotesk";letter-spacing:-2px}.subheading{color:#777;margin-top:12px}.about{border-top:1px solid #181818}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.about-card{border-left:2px solid #f5bd38;padding-left:28px;color:#a6a6a6;font-size:17px}.about-card p+p{margin-top:22px}.about-card strong{color:#fff}.info-list{border-top:1px solid #292929}.info-list div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #292929;font-size:13px}.info-list span{color:#666}.work{background:#070707;max-width:none;padding-left:7%;padding-right:7%}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1260px;margin:auto}.project-card{background:#0d0d0d;border:1px solid #252525;border-radius:14px;overflow:hidden;transition:.35s}.project-card:hover{transform:translateY(-8px);border-color:#6b531b;box-shadow:0 20px 60px #000}.project-image{height:260px;display:grid;place-items:center;overflow:hidden}.bakery{background:linear-gradient(135deg,#241b0c,#0a0a0a)}.browser{width:78%;background:#f0e8d8;border-radius:9px;overflow:hidden;box-shadow:0 20px 40px #000;transform:rotate(-3deg)}.browser-bar{height:20px;background:#292929;display:flex;align-items:center;padding-left:9px;gap:4px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#777}.mock-page{text-align:center;color:#332b22;padding:28px 15px}.mock-page small{letter-spacing:3px}.mock-page h3{font:700 28px "Space Grotesk";margin:4px}.mock-page p{font-size:9px}.mock-page button{border:0;background:#332b22;color:#fff;padding:7px 14px;border-radius:20px;margin-top:15px;font-size:9px}.clock{background:radial-gradient(circle,#29200f,#090909)}.clock-face{width:170px;height:170px;border:7px solid #dcae36;border-radius:50%;position:relative;box-shadow:0 0 0 10px #111,0 0 35px #5d4618}.clock-face b{position:absolute;font:700 13px "Space Grotesk";color:#eee}.clock-face b:nth-child(1){top:8px;left:50%;transform:translateX(-50%)}.clock-face b:nth-child(2){right:10px;top:50%;transform:translateY(-50%)}.clock-face b:nth-child(3){bottom:8px;left:50%;transform:translateX(-50%)}.clock-face b:nth-child(4){left:10px;top:50%;transform:translateY(-50%)}.hand{position:absolute;left:50%;bottom:50%;transform-origin:bottom;border-radius:4px;background:#eee}.hour{height:42px;width:5px;transform:translateX(-50%) rotate(35deg)}.minute{height:58px;width:3px;transform:translateX(-50%) rotate(120deg)}.second{height:67px;width:1px;background:#f5bd38;transform:translateX(-50%) rotate(205deg)}.clock-face em{position:absolute;width:9px;height:9px;background:#f5bd38;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.landing{background:#121212;padding:18px}.landing-ui{width:100%;height:100%;border:1px solid #343434;padding:15px;background:linear-gradient(145deg,#1b1b1b,#090909)}.mini-nav{display:flex;justify-content:space-between;font-size:7px;color:#888}.mini-nav span:first-child{color:#f5bd38}.mini-hero{margin-top:40px}.mini-hero>span{font-size:8px;color:#888;letter-spacing:2px}.mini-hero strong{display:block;font:700 30px/.9 "Space Grotesk";margin:7px 0}.mini-hero button{background:#f5bd38;border:0;padding:6px 14px;font-size:7px}.mini-boxes{display:flex;gap:7px;margin-top:30px}.mini-boxes i{height:30px;flex:1;background:#202020;border:1px solid #333}.project-content{padding:23px}.project-number{color:#f5bd38;font:700 12px monospace}.project-content h3{font:700 23px "Space Grotesk";margin:8px 0}.project-content p{color:#777;font-size:13px;min-height:64px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.tags span{font-size:9px;border:1px solid #343434;padding:5px 8px;border-radius:20px;color:#aaa}.project-note{color:#555;text-align:center;font-size:12px;margin:28px auto 0;max-width:700px}.services{background:#050505}.service-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:15px}.service-card{border:1px solid #292929;border-radius:13px;padding:30px;background:#0b0b0b}.service-card.main-service{border-color:#574416}.service-card.minor{opacity:.8}.icon{font-size:28px;color:#f5bd38;margin-bottom:20px}.service-card h3{font:700 21px "Space Grotesk";margin-bottom:10px}.service-card p,.service-card li{color:#777;font-size:13px}.service-card ul{list-style:none;margin-top:20px}.service-card li{margin:8px 0}.service-card li:before{content:"✓";color:#f5bd38;margin-right:9px}.process{background:#090909;max-width:none}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2b2b2b;max-width:1200px;margin:auto}.step{background:#090909;padding:30px;min-height:180px}.step b{color:#f5bd38;font:700 13px monospace}.step h3{font:700 21px "Space Grotesk";margin:15px 0 7px}.step p{color:#777;font-size:13px}.contact{padding-top:90px;padding-bottom:90px}.contact-card{display:grid;grid-template-columns:1fr .9fr;gap:70px;border:1px solid #403314;border-radius:18px;padding:55px;background:radial-gradient(circle at 80% 10%,#241c0c,#0a0a0a 45%)}.contact-card h2{font:700 clamp(34px,4vw,55px)/1.08 "Space Grotesk";letter-spacing:-2px}.contact-copy{color:#888;max-width:520px;margin:18px 0 30px}.contact-links{display:flex;flex-direction:column;gap:13px}.contact-links a{color:#ddd;text-decoration:none;font-size:13px}.contact-links a:first-letter{color:#f5bd38}form{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,textarea{background:#090909;border:1px solid #373737;color:#fff;border-radius:8px;padding:15px;font:13px Inter;outline:none}input:focus,textarea:focus{border-color:#8b6b22}textarea{grid-column:1/-1;min-height:150px;resize:vertical}form .btn{grid-column:1/-1;cursor:pointer}form small{grid-column:1/-1;color:#666}footer{border-top:1px solid #222;min-height:100px;padding:25px 7%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#666;font-size:10px;letter-spacing:1px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:40px;height:40px;object-fit:contain}.footer-brand strong{display:block;color:#ddd;font-size:12px}.footer-brand small{display:block;font-size:8px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.cursor-glow{position:fixed;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(245,189,56,.06),transparent 65%);pointer-events:none;transform:translate(-50%,-50%);z-index:-1}@media(max-width:950px){.hero{grid-template-columns:1fr}.hero-visual{min-height:430px}.project-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.about-grid,.contact-card{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.nav nav,.nav-cta{display:none}.menu-btn{display:block}.nav.open nav{display:flex;position:absolute;top:76px;left:0;right:0;background:#090909;flex-direction:column;padding:25px 7%;border-bottom:1px solid #222}.nav.open .nav-cta{display:inline-flex;position:absolute;right:7%;top:360px;z-index:2}}@media(max-width:620px){.section{padding:80px 6%}.hero h1{font-size:43px;letter-spacing:-2px}.stats{gap:20px}.hero-visual{min-height:360px}.code-body{font-size:11px;padding:20px}.code-card{width:100%}.orbit{display:none}.project-grid,.service-grid,.steps{grid-template-columns:1fr}.project-image{height:230px}.contact-card{padding:30px 22px;gap:40px}.contact-card h2{font-size:37px}.nav{padding:0 5%}footer{flex-direction:column;text-align:center}.footer-brand{justify-content:center}form{grid-template-columns:1fr}input,textarea,form .btn,form small{grid-column:1}.floating-badge{font-size:8px;right:0}.section-heading h2{font-size:39px}}
/* Live project previews */
.live-projects{align-items:stretch}.live-project{display:flex;flex-direction:column}.live-preview{height:330px;background:#080808;border-bottom:1px solid #282828;position:relative;overflow:hidden}.live-preview iframe{width:145%;height:470px;border:0;transform:scale(.69);transform-origin:top left;background:#fff}.preview-top{position:absolute;z-index:4;top:0;left:0;right:0;height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:rgba(5,5,5,.9);border-bottom:1px solid #333;font-size:9px;letter-spacing:1.2px}.preview-top span{color:#f5bd38;font-weight:800}.preview-top a{color:#ddd;text-decoration:none}.preview-open{position:absolute;z-index:5;left:50%;bottom:13px;transform:translateX(-50%);border:1px solid #f5bd38;background:rgba(5,5,5,.94);color:#f5bd38;border-radius:30px;padding:9px 14px;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}.live-project .project-content{flex:1}.visit-link{display:inline-flex;margin-top:17px;color:#f5bd38;text-decoration:none;font-size:12px;font-weight:700}.visit-link b{margin-left:7px}.site-modal{display:none;position:fixed;inset:0;z-index:100}.site-modal.active{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.84);backdrop-filter:blur(8px)}.modal-window{position:absolute;inset:5vh 5vw;background:#080808;border:1px solid #4a3915;border-radius:14px;overflow:hidden;box-shadow:0 30px 100px #000}.modal-head{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b2b2b}.modal-head strong{font:700 14px "Space Grotesk"}.modal-head div{display:flex;align-items:center;gap:18px}.modal-head a{color:#f5bd38;text-decoration:none;font-size:11px}.modal-head button{background:none;border:0;color:#fff;font-size:28px;cursor:pointer}.modal-window iframe{width:100%;height:calc(100% - 52px);border:0;background:#fff}
@media(max-width:620px){.live-preview{height:280px}.live-preview iframe{height:400px;transform:scale(.6)}.modal-window{inset:2vh 2vw}.modal-head a{display:none}}