:root{--bg:#090b10;--surface:#10131a;--line:#242833;--text:#eef1f4;--muted:#858b96;--green:#b9ff66;--cyan:#68e7d5;--font:'Manrope',sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#3e4552 var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;z-index:100;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.code-stage{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.42;mask-image:linear-gradient(to bottom,black,black 65%,transparent 100%)}.code-glow{position:absolute;width:60vw;height:60vw;right:-12vw;top:-8vw;background:radial-gradient(circle,#4c78582b,transparent 66%);filter:blur(20px)}.editor{position:absolute;right:-2vw;top:11vh;width:min(48vw,760px);height:68vh;transform:perspective(1200px) rotateY(-7deg) rotateX(2deg);transform-origin:right center;background:#0c0f15bb;border:1px solid #ffffff10;border-radius:12px;box-shadow:-40px 50px 120px #0009;transition:transform .3s ease}.editor-top{height:43px;border-bottom:1px solid #ffffff0d;display:flex;align-items:center;padding:0 16px;font:11px var(--mono);color:#7c8290;gap:24px}.traffic{display:flex;gap:6px}.traffic i{width:8px;height:8px;border-radius:50%;background:#ff6258}.traffic i:nth-child(2){background:#ffc04a}.traffic i:nth-child(3){background:#59c96d}.editor-top>span{flex:1}.editor-top small{color:#75b783}.editor-body{height:calc(100% - 43px);display:flex;padding:19px 0;overflow:hidden;font:12px/1.8 var(--mono)}.line-numbers{width:50px;text-align:right;padding-right:16px;color:#383e4a;white-space:pre}.editor pre{margin:0;color:#8a94a4;white-space:pre-wrap}.tok-key{color:#cb8cff}.tok-fn{color:#65d1ff}.tok-str{color:#b9e177}.tok-var{color:#f0c674}.tok-com{color:#4f5d54}.tok-tag{color:#ff7d8b}.cursor{display:inline-block;width:7px;height:16px;background:var(--green);vertical-align:-3px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;height:88px;padding:0 clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,#090b10ee,transparent)}.logo{display:flex;align-items:center;gap:8px;font:700 14px var(--mono)}.logo>span{border:1px solid #ffffff26;border-radius:6px;padding:8px}.logo i{width:5px;height:5px;background:var(--green);border-radius:50%}.site-header nav{display:flex;gap:38px;margin-left:auto;margin-right:55px}.site-header nav a{font:11px var(--mono);color:#a3a8b1;transition:.2s}.site-header nav a:hover{color:var(--text)}.header-cta{font:11px var(--mono);border-bottom:1px solid #ffffff44;padding:9px 0}.header-cta span{color:var(--green)}.menu-button{display:none;border:0;background:none;width:34px}.menu-button span{display:block;height:1px;background:white;margin:7px 0}.mobile-nav{display:none}
main,footer{position:relative;z-index:2}.section{min-height:100vh;padding:130px clamp(24px,7vw,110px);position:relative}.hero{display:flex;align-items:center;padding-top:150px}.hero-grid{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:80px;align-items:end}.availability{display:inline-flex;align-items:center;gap:10px;font:10px var(--mono);color:#aab0ba;letter-spacing:.08em;margin-bottom:35px}.availability i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #b9ff6612}.hero h1{font-size:clamp(54px,7.1vw,108px);line-height:.94;letter-spacing:-.065em;margin:0;max-width:1100px}.hero h1 .outline{color:transparent;-webkit-text-stroke:1px #c9ced655}.hero h1 .accent{color:var(--green)}.hero-lead{font-size:clamp(15px,1.4vw,19px);line-height:1.7;color:#9ba1ac;max-width:650px;margin:38px 0 30px}.hero-actions{display:flex;gap:12px}.button{height:49px;padding:0 20px;border:1px solid var(--line);font:500 11px var(--mono);display:inline-flex;align-items:center;gap:28px;transition:.25s}.button.primary{background:var(--text);color:var(--bg)}.button.primary:hover{background:var(--green)}.button.ghost:hover{border-color:#666f80}.hero-meta{border-left:1px solid var(--line);padding-left:25px;display:flex;flex-direction:column;gap:26px;margin-bottom:14px}.hero-meta div{display:flex;flex-direction:column;gap:6px}.hero-meta span,.section-index{font:9px var(--mono);color:#5f6673;letter-spacing:.12em}.hero-meta strong{font:400 11px var(--mono);color:#b0b5be}.hero-meta .online{color:#a9df72}.scroll-hint{position:absolute;bottom:30px;right:7vw;display:flex;align-items:center;gap:15px;font:8px var(--mono);color:#5c6370;transform:rotate(90deg);transform-origin:right}.scroll-hint i{width:40px;height:1px;background:#4c535f}
.manifesto{background:#e9ece8;color:#11141a;display:grid;grid-template-columns:170px 1fr;gap:6vw}.manifesto .section-index{color:#777d79}.manifesto-content{max-width:1050px}.kicker{font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#788078;margin:0 0 25px}.manifesto h2,.section-head h2,.stack h2{font-size:clamp(38px,5.3vw,78px);line-height:1.06;letter-spacing:-.055em;margin:0;font-weight:600}.manifesto h2 em,.section-head h2 em,.stack h2 em,.contact h2 em{font-weight:400;color:#777f79;font-style:normal}.manifesto-bottom{display:grid;grid-template-columns:.8fr 1fr;gap:10vw;margin-top:85px}.manifesto-bottom>p{font-size:16px;line-height:1.75;color:#555c57;margin:0}.principles{display:flex;flex-direction:column}.principles span{border-top:1px solid #c9cdca;padding:16px 0;font:12px var(--mono)}.principles b{color:#9aa19b;margin-right:25px;font-weight:400}
.work{min-height:auto;padding-top:150px;padding-bottom:170px;background:#0b0d12}.section-head{display:grid;grid-template-columns:170px 1fr;gap:6vw;margin-bottom:80px}.section-head>div:last-child{max-width:870px}.projects{display:flex;flex-direction:column;gap:100px}.project:nth-child(even){width:82%;margin-left:auto}.project-visual{height:min(58vw,650px);border-radius:3px;overflow:hidden;position:relative;display:grid;place-items:center}.visual-one{background:linear-gradient(135deg,#21342c,#456652)}.visual-two{background:linear-gradient(145deg,#181e2a,#12141b)}.browser{width:80%;height:72%;background:#f4f7f3;border-radius:10px;box-shadow:0 35px 80px #07110b88;overflow:hidden;transform:rotate(-2deg)}.browser-bar{height:35px;background:#fff;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #e5e9e5}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#f2766d}.browser-bar i:nth-child(2){background:#edc05b}.browser-bar i:nth-child(3){background:#72bd78}.browser-bar span{font:8px var(--mono);color:#939b95;margin:auto}.dashboard-mock{display:grid;grid-template-columns:18% 1fr;height:calc(100% - 35px)}.dashboard-mock aside{background:#f9faf8;border-right:1px solid #e1e6e1;padding:25px 16px;display:flex;flex-direction:column;gap:19px}.dashboard-mock aside b{height:13px;width:60%;background:#2f6255;border-radius:3px;margin-bottom:15px}.dashboard-mock aside span{height:5px;background:#d8dfda;border-radius:3px}.dashboard-mock main{padding:8%;position:static;z-index:auto}.mock-title{height:15px;background:#1d3028;width:26%;border-radius:3px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.mock-stats i{height:65px;background:white;border:1px solid #e1e7e2;border-radius:7px}.mock-chart{height:46%;background:white;border:1px solid #e1e7e2;border-radius:7px;padding:18px;color:#4f8373}.mock-chart svg{width:100%;height:100%}.project-info{padding-top:24px;display:flex;justify-content:space-between;align-items:flex-start}.project-info>div{max-width:650px}.project-info span{font:8px var(--mono);color:#68707c;letter-spacing:.1em}.project-info h3{font-size:clamp(26px,3vw,42px);letter-spacing:-.04em;margin:8px 0}.project-info p{font-size:13px;line-height:1.6;color:#858b95;margin:0}.project-info>a{width:49px;height:49px;border:1px solid #343a45;display:grid;place-items:center;border-radius:50%;transition:.25s}.project-info>a:hover{background:var(--green);color:#0a0c10;border-color:var(--green);transform:rotate(45deg)}.automation-map{width:74%;height:70%;position:relative}.map-core,.map-node{position:absolute;border:1px solid #596170;background:#151922;font:10px var(--mono);display:flex;align-items:center;justify-content:center}.map-core{width:130px;height:130px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);flex-direction:column;gap:5px;box-shadow:0 0 70px #6fe6d62c}.map-core span{color:var(--cyan)}.map-core small{font-size:7px;color:#69c687}.map-node{width:105px;height:45px;color:#a3aab5}.map-node.n1{left:0;top:0}.map-node.n2{right:0;top:0}.map-node.n3{left:0;bottom:0}.map-node.n4{right:0;bottom:0}.automation-map svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#46505f;stroke-width:1}
.stack{background:#10131a;min-height:auto;padding-top:150px;padding-bottom:170px}.stack-intro{margin:30px 0 90px;max-width:900px}.stack-groups{border-top:1px solid var(--line)}.stack-row{display:grid;grid-template-columns:80px 1fr 1.4fr 30px;align-items:center;gap:30px;border-bottom:1px solid var(--line);min-height:115px;transition:.25s}.stack-row:hover{padding-left:15px;background:#ffffff02}.stack-row>span{font:9px var(--mono);color:#59606c}.stack-row h3{font-size:21px;margin:0}.stack-row p{font:11px/1.6 var(--mono);color:#7c838f}.stack-row i{font-style:normal;color:var(--green)}
.contact{min-height:90vh;display:grid;place-items:center;text-align:center;overflow:hidden}.contact-inner{position:relative;z-index:2}.contact h2{font-size:clamp(52px,8vw,120px);line-height:.95;letter-spacing:-.065em;margin:20px 0 35px}.contact p{color:#818895;font-size:14px}.contact-link{margin:45px auto 0;max-width:630px;border-bottom:1px solid #3a404b;padding:15px 0;display:flex;justify-content:space-between;font:clamp(15px,2vw,23px) var(--mono);color:var(--green)}.contact-link i{font-style:normal}.contact-orbit{position:absolute;width:min(80vw,900px);height:min(80vw,900px);border:1px solid #ffffff08;border-radius:50%;animation:spin 35s linear infinite}.contact-orbit:before,.contact-orbit:after{content:'';position:absolute;border:1px solid #ffffff08;border-radius:50%;inset:13%}.contact-orbit:after{inset:28%}.contact-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--green);top:12%;left:17%;box-shadow:0 0 20px var(--green)}.contact-orbit i:nth-child(2){top:auto;left:auto;bottom:21%;right:5%;background:var(--cyan)}.contact-orbit i:nth-child(3){top:45%;left:49%;background:#b388ff}@keyframes spin{to{transform:rotate(360deg)}}
footer{min-height:190px;border-top:1px solid var(--line);padding:50px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#6f7682;font:9px var(--mono)}footer>p{text-align:center}footer>div{display:flex;justify-content:flex-end;gap:30px}footer a:hover{color:var(--green)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.editor{width:75vw;right:-25vw;opacity:.65}.site-header nav,.header-cta{display:none}.menu-button{display:block}.mobile-nav{position:fixed;z-index:19;inset:0;background:#0b0d12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;font-size:30px;transform:translateY(-100%);transition:.35s}.mobile-nav.open{transform:none}.hero-grid{grid-template-columns:1fr}.hero-meta{display:none}.manifesto,.section-head{grid-template-columns:1fr}.manifesto-bottom{grid-template-columns:1fr;gap:50px}.project:nth-child(even){width:100%}.stack-row{grid-template-columns:35px 1fr 30px}.stack-row p{grid-column:2; margin-top:-25px}.stack-row i{grid-column:3;grid-row:1}.section{padding-left:24px;padding-right:24px}footer{grid-template-columns:1fr 1fr}footer>p{display:none}}
@media(max-width:600px){.site-header{height:70px;padding:0 20px}.hero{padding-top:110px;min-height:100svh}.hero h1{font-size:49px}.hero-lead{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start}.scroll-hint{display:none}.manifesto{padding-top:100px}.manifesto-bottom{margin-top:50px}.work,.stack{padding-top:100px;padding-bottom:110px}.section-head{margin-bottom:50px}.project-visual{height:78vw}.browser{width:93%;height:72%}.project-info p{max-width:85%}.project:nth-child(even){width:100%}.projects{gap:70px}.automation-map{width:88%}.map-core{width:90px;height:90px}.map-node{width:78px;height:34px;font-size:7px}.stack-row{min-height:130px}.contact{min-height:80svh}.contact h2{font-size:50px}.contact-link{font-size:13px}.contact-orbit{width:135vw;height:135vw}footer{display:flex;justify-content:space-between}footer>div span{display:none}.editor{width:130vw;right:-80vw;top:17vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.contact-orbit{animation:none}.cursor{animation:none}}