:root{--bg:#05070b;--panel:rgba(8,12,19,.74);--text:#f5f7fa;--muted:#9ba8b8;--line:rgba(143,164,187,.19);--orange:#ff5a1f;--blue:#29c4ff;--green:#4cf0a7}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--orange);color:#07090d}
#scene{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(circle at 60% 15%,#102033 0,#05070b 48%,#020305 100%)}#scene canvas{width:100%;height:100%;display:block}.wash,.vignette,.noise{position:absolute;inset:0;pointer-events:none}.wash{z-index:1;background:linear-gradient(180deg,rgba(3,6,10,.03),rgba(3,6,10,.34));transition:background .45s}.vignette{z-index:2;background:radial-gradient(circle at 51% 44%,transparent 25%,rgba(2,4,7,.17) 58%,rgba(2,4,7,.8) 100%),linear-gradient(90deg,rgba(2,4,7,.69),transparent 46%,rgba(2,4,7,.17))}.noise{z-index:3;inset:-50%;opacity:.024;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");animation:grain .32s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(1%,-1%)}50%{transform:translate(-1%,1%)}75%{transform:translate(1%,1%)}100%{transform:translate(0)}}
#progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--orange),var(--blue));z-index:1000;box-shadow:0 0 18px rgba(255,90,31,.72)}
header{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:space-between;padding:15px clamp(18px,4vw,64px);background:linear-gradient(180deg,rgba(5,7,11,.95),rgba(5,7,11,.38) 68%,transparent);backdrop-filter:blur(10px)}.brand img{display:block;width:clamp(190px,23vw,318px);max-height:45px}.nav{display:flex;gap:6px;align-items:center}.nav a{font:500 11px/1 JetBrains Mono,monospace;letter-spacing:.09em;text-transform:uppercase;color:#acb7c5;padding:10px 12px;border:1px solid transparent;border-radius:999px;transition:.2s}.nav a:hover,.nav a.active{color:white;border-color:var(--line);background:rgba(255,255,255,.038)}.nav .request{border-color:rgba(255,90,31,.5);color:#ff986f;background:rgba(255,90,31,.085)}.menu-btn{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:rgba(8,13,21,.76);color:white;align-items:center;justify-content:center}.menu-btn span,.menu-btn span:before,.menu-btn span:after{display:block;width:16px;height:1px;background:currentColor;position:relative;content:""}.menu-btn span:before{position:absolute;top:-5px}.menu-btn span:after{position:absolute;top:5px}
main{position:relative;z-index:10}.chapter{min-height:100svh;display:flex;align-items:center;padding:108px clamp(20px,6vw,92px) 72px;position:relative}.chapter:nth-child(even){justify-content:flex-end}.chapter:after{content:"";position:absolute;left:6vw;right:6vw;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}.copy{width:min(660px,92vw);opacity:.14;transform:translateY(34px) scale(.983);filter:blur(2px);transition:opacity .65s ease,transform .8s cubic-bezier(.2,.75,.2,1),filter .65s ease}.chapter.active .copy{opacity:1;transform:none;filter:none}.kicker{font:600 11px/1.3 JetBrains Mono,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:10px;margin-bottom:18px}.kicker:before{content:"";width:28px;height:1px;background:currentColor;box-shadow:0 0 12px currentColor}h1,h2,h3{font-family:Space Grotesk,sans-serif;margin:0}h1{font-size:clamp(50px,7.8vw,110px);line-height:.89;letter-spacing:-.057em;max-width:1000px}h2{font-size:clamp(38px,5vw,74px);line-height:.97;letter-spacing:-.043em}.orange{color:var(--orange);text-shadow:0 0 38px rgba(255,90,31,.15)}.blue{color:var(--blue);text-shadow:0 0 34px rgba(41,196,255,.12)}.lead{font-size:clamp(16px,1.4vw,19px);line-height:1.72;color:#cad3de;max-width:660px;margin:24px 0 0}.hero-actions,.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border:1px solid var(--line);border-radius:999px;font:600 11px/1 JetBrains Mono,monospace;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:.22s;backdrop-filter:blur(12px)}.btn.primary{background:var(--orange);border-color:var(--orange);color:#090b0e;box-shadow:0 10px 30px rgba(255,90,31,.2)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 42px rgba(255,90,31,.31)}.btn.secondary{background:rgba(8,13,21,.6)}.btn.secondary:hover{border-color:rgba(41,196,255,.55);color:var(--blue)}
#home .copy{width:min(1000px,94vw)}#home .lead{max-width:730px}.availability{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font:500 11px JetBrains Mono,monospace;color:#a9b5c4}.availability i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.hero-micro{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.hero-micro span{font:500 10px JetBrains Mono,monospace;letter-spacing:.07em;color:#97a5b5;padding-left:13px;position:relative}.hero-micro span:before{content:"+";position:absolute;left:0;color:var(--orange)}
.glass{background:linear-gradient(145deg,rgba(16,23,35,.8),rgba(6,10,17,.66));border:1px solid var(--line);box-shadow:0 26px 100px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.042);backdrop-filter:blur(18px)}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.service{padding:20px;border-radius:16px;min-height:152px;position:relative;overflow:hidden;transition:.22s}.service:hover{transform:translateY(-3px);border-color:rgba(41,196,255,.32)}.service:after{content:"";position:absolute;right:-36px;bottom:-72px;width:140px;height:140px;border:1px solid rgba(41,196,255,.12);border-radius:50%}.num{font:500 10px JetBrains Mono,monospace;color:var(--orange);letter-spacing:.12em}.service h3{font-size:18px;margin-top:14px}.service p{margin:8px 0 0;color:#a5b1c0;font-size:13px;line-height:1.58}.service small{display:block;margin-top:12px;font:500 9px JetBrains Mono,monospace;color:#768498;letter-spacing:.06em}
.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.project{padding:20px;border-radius:16px;position:relative;min-height:178px;transition:.25s;overflow:hidden}.project:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 55%,rgba(41,196,255,.05));pointer-events:none}.project:hover{transform:translateY(-4px);border-color:rgba(41,196,255,.35)}.status{font:500 9px JetBrains Mono,monospace;color:var(--blue);text-transform:uppercase;letter-spacing:.1em}.project h3{font-size:20px;margin-top:14px}.project p{font-size:12.5px;line-height:1.55;color:#9caaba;margin:9px 0 0}.project .visit{position:absolute;right:16px;bottom:15px;font:500 10px JetBrains Mono,monospace;color:#ff8e64}.project.featured{grid-column:1/-1;min-height:154px;background:linear-gradient(135deg,rgba(255,90,31,.13),rgba(41,196,255,.085)),var(--panel)}
.steps{display:grid;gap:10px;margin-top:28px}.step{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start;padding:18px;border-radius:14px}.step b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,90,31,.42);color:var(--orange);font:600 11px JetBrains Mono,monospace}.step h3{font-size:19px}.step p{margin:7px 0 0;color:#9ca9b9;font-size:13px;line-height:1.55}.trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.trust span,.quick-jobs span{font:500 10px JetBrains Mono,monospace;color:#9da9b8;border:1px solid var(--line);background:rgba(7,11,17,.52);border-radius:999px;padding:8px 11px}
.contact-card{padding:clamp(22px,4vw,42px);border-radius:22px;margin-top:28px;position:relative;overflow:hidden}.contact-card:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-130px;top:-130px;background:radial-gradient(circle,rgba(41,196,255,.15),transparent 70%);pointer-events:none}.contact-card h3{font-size:clamp(26px,3vw,42px)}.contact-card p{color:#a9b5c3;line-height:1.65;margin:12px 0 0;max-width:620px}.quick-jobs{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.quick-jobs span{font-size:9px;padding:7px 9px;color:#c0cad6}.contact-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.contact-meta span{font:500 10px JetBrains Mono,monospace;color:#93a1b1}.footerline{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:34px;padding-top:20px;border-top:1px solid var(--line);font:500 10px JetBrains Mono,monospace;color:#707f90}
#hud{position:fixed;left:clamp(16px,3vw,44px);bottom:22px;z-index:500;display:flex;align-items:center;gap:12px;pointer-events:none}.hud-line{width:42px;height:1px;background:linear-gradient(90deg,var(--orange),transparent)}#hud span{font:500 9px JetBrains Mono,monospace;letter-spacing:.12em;color:#6f7f90;text-transform:uppercase}.chapter-index{position:fixed;right:clamp(13px,2.7vw,38px);top:50%;transform:translateY(-50%);z-index:500;display:grid;gap:11px}.chapter-index a{width:7px;height:7px;border:1px solid #687484;border-radius:50%;transition:.2s}.chapter-index a.active{background:var(--orange);border-color:var(--orange);box-shadow:0 0 12px var(--orange);transform:scale(1.25)}
#boot{position:fixed;inset:0;z-index:2000;background:#030507;display:grid;place-items:center;transition:opacity .55s,visibility .55s}#boot.hide{opacity:0;visibility:hidden}.bootbox{width:min(420px,82vw);font:500 10px/1.8 JetBrains Mono,monospace;letter-spacing:.08em;color:#758498}.bootbox strong{display:block;color:var(--blue);font-size:12px}.bootbar{height:1px;background:#151c26;margin-top:12px;overflow:hidden}.bootbar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--orange),var(--blue));transform-origin:left;animation:load .75s cubic-bezier(.2,.8,.2,1)}@keyframes load{from{transform:scaleX(0)}to{transform:scaleX(1)}}.fallback{position:absolute;inset:0;display:none;background:radial-gradient(circle at 65% 30%,rgba(41,196,255,.16),transparent 34%),radial-gradient(circle at 70% 70%,rgba(255,90,31,.12),transparent 28%)}.mobile-panel{display:none}
@media(max-width:900px){header{padding:13px 15px}.brand img{width:min(60vw,250px)}.nav{display:none}.menu-btn{display:inline-flex}.mobile-panel{position:fixed;top:72px;left:14px;right:14px;z-index:880;padding:10px;border-radius:18px;background:rgba(7,11,17,.95);border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.4)}.mobile-panel.open{display:grid}.mobile-panel a{padding:13px 14px;border-radius:12px;font:500 11px JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:#bac4d0}.mobile-panel a:hover{background:rgba(255,255,255,.04);color:white}.chapter{padding:92px 20px 60px;justify-content:flex-start!important}.copy{width:100%;max-width:680px;filter:none}.service-grid,.projects{grid-template-columns:1fr}.project.featured{grid-column:auto}.service{min-height:0}.chapter-index{display:none}.vignette{background:linear-gradient(180deg,rgba(3,4,7,.08),rgba(3,4,7,.26) 42%,rgba(3,4,7,.7)),radial-gradient(circle at 50% 45%,transparent,rgba(3,4,7,.46))}#hud{bottom:12px}}
@media(max-width:520px){h1{font-size:clamp(46px,15.2vw,72px)}h2{font-size:clamp(38px,12.2vw,58px)}.lead{font-size:15px;line-height:1.62}.hero-actions .btn,.actions .btn{width:100%}.service-grid,.projects{gap:8px}.service,.project{padding:17px}.chapter{min-height:104svh}.hero-micro{gap:10px}.contact-card{border-radius:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.noise{animation:none}.copy{transition:none;transform:none;filter:none}.project,.service,.btn{transition:none}}