*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f4f0;--surface:#eeecea;--border:#d8d6d0;--ink:#0f0f0f;--ink-2:#4a4845;--ink-3:#8a8884;--accent:#0a5fff;--accent-2:#001f8c;--white:#fff;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--nav-h:68px;--max-w:1160px;--pad:clamp(20px,5vw,80px)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);background:hsla(48,20%,95%,.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);transition:background .3s}.nav-inner,nav{display:flex;align-items:center}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad);width:100%;justify-content:space-between}.logo{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.5px;color:var(--ink);text-decoration:none}.logo span{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:36px;list-style:none}.nav-links a{font-size:14px;font-weight:500;color:var(--ink-2);text-decoration:none;letter-spacing:.01em;transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-cta{background:var(--ink)!important;color:var(--white)!important;padding:9px 20px;border-radius:6px;font-size:13px!important;font-weight:500!important;transition:background .2s!important}.nav-cta:hover{background:var(--accent-2)!important}.page{display:none}.page.active{display:block}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad)}.hero{padding-top:calc(var(--nav-h) + 80px);padding-bottom:100px;min-height:100svh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-grid-bg{position:absolute;inset:0;z-index:0;background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 80%);opacity:.55}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--border);border-radius:100px;padding:6px 14px;font-size:12px;font-weight:500;color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase;margin-bottom:36px;animation:fadeUp .7s ease both}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.hero h1{font-family:var(--font-display);font-size:clamp(44px,7vw,88px);font-weight:700;line-height:1.05;letter-spacing:-.04em;color:var(--ink);max-width:760px;position:relative;z-index:1;animation:fadeUp .8s ease .1s both}.hero h1 .accent{color:var(--accent)}.hero-sub{margin-top:28px;font-size:18px;font-weight:300;color:var(--ink-2);max-width:520px;line-height:1.7;animation:fadeUp .8s ease .2s both}.hero-actions,.hero-sub{position:relative;z-index:1}.hero-actions{margin-top:44px;display:flex;gap:14px;flex-wrap:wrap;animation:fadeUp .8s ease .3s both}.btn-primary{background:var(--ink);color:var(--white);border:none;padding:14px 28px;border-radius:8px;font-family:var(--font-body);font-size:15px;font-weight:500;cursor:pointer;transition:background .2s,transform .15s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:var(--accent);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--border);padding:14px 28px;border-radius:8px;font-family:var(--font-body);font-size:15px;font-weight:500;cursor:pointer;transition:border-color .2s,background .2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-ghost:hover{border-color:var(--ink);background:var(--surface)}.stats-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:32px 0;background:var(--white)}.stats-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:32px;gap:32px}.stat-item{text-align:center}.stat-num{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--ink);letter-spacing:-.03em}.stat-label{font-size:13px;color:var(--ink-3);margin-top:4px}section{padding:96px 0}.section-tag{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.section-h{font-family:var(--font-display);font-size:clamp(28px,4vw,48px);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}.section-sub{margin-top:16px;font-size:17px;font-weight:300;color:var(--ink-2);max-width:540px;line-height:1.7}.section-header{margin-bottom:64px}.divider{height:1px}.divider,.services-grid{background:var(--border)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2px;gap:2px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.service-card{background:var(--white);padding:40px 36px;transition:background .2s;position:relative;cursor:default}.service-card:hover{background:var(--surface)}.service-icon{width:40px;height:40px;margin-bottom:20px;color:var(--accent)}.service-name{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink);margin-bottom:12px;letter-spacing:-.02em}.service-desc{font-size:14px;color:var(--ink-2);line-height:1.65}.service-arrow{position:absolute;bottom:36px;right:36px;width:32px;height:32px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink-3);opacity:0;transition:opacity .2s}.service-card:hover .service-arrow{opacity:1}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:24px;gap:24px}.project-card{background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.09)}.project-visual{height:200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-visual.gitflux{background:linear-gradient(135deg,#0f1117,#1a2332)}.project-visual.quantmind{background:linear-gradient(135deg,#001a0a,#002b14)}.project-logo-text{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.03em;position:relative;z-index:1}.project-logo-text.gitflux{color:#58b4ff}.project-logo-text.quantmind{color:#00d97e}.project-glow{position:absolute;width:200px;height:200px;border-radius:50%;filter:blur(60px);opacity:.25}.project-glow.gitflux{background:#58b4ff}.project-glow.quantmind{background:#00d97e}.project-body{padding:28px 28px 32px}.project-tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:rgba(10,95,255,.07);padding:3px 10px;border-radius:4px;margin-bottom:14px}.project-name{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--ink);margin-bottom:10px}.project-desc{font-size:14px;color:var(--ink-2);line-height:1.65;margin-bottom:24px}.project-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.pill{font-size:12px;font-weight:500;color:var(--ink-2);background:var(--surface);border:1px solid var(--border);padding:4px 12px;border-radius:100px}.project-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--accent);text-decoration:none;transition:gap .2s}.project-link:hover{gap:12px}.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:80px;gap:80px;align-items:start}.contact-info-block{margin-bottom:40px}.contact-info-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}.contact-info-val{font-size:16px;color:var(--ink);text-decoration:none;transition:color .2s}.contact-info-val:hover{color:var(--accent)}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:600;color:var(--ink-2);letter-spacing:.03em}.form-input,.form-select,.form-textarea{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-family:var(--font-body);font-size:14px;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(10,95,255,.1)}.form-textarea{resize:vertical;min-height:140px}.form-submit{align-self:flex-start;background:var(--ink);color:var(--white);border:none;padding:14px 32px;border-radius:8px;font-family:var(--font-body);font-size:15px;font-weight:500;cursor:pointer;transition:background .2s,transform .15s;display:inline-flex;align-items:center;gap:8px}.form-submit:hover{background:var(--accent);transform:translateY(-1px)}.about-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center}.about-visual{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:48px;position:relative;overflow:hidden}.about-word{font-family:var(--font-display);font-size:clamp(48px,6vw,72px);font-weight:800;letter-spacing:-.04em;line-height:1;color:transparent;-webkit-text-stroke:1px var(--border);-webkit-user-select:none;-moz-user-select:none;user-select:none}.about-word.highlight{-webkit-text-stroke:none;color:var(--ink)}.principles{display:flex;flex-direction:column;gap:24px;margin-top:32px}.principle-item{display:flex;gap:20px;align-items:flex-start}.principle-num{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.08em;padding-top:3px;flex-shrink:0}.principle-text strong{display:block;font-size:15px;font-weight:600;color:var(--ink);margin-bottom:4px}.principle-text p{font-size:14px;color:var(--ink-2);line-height:1.6}footer{border-top:1px solid var(--border);padding:48px 0;background:var(--white)}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.footer-logo{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--ink);text-decoration:none}.footer-logo span{color:var(--accent)}.footer-copy{font-size:13px;color:var(--ink-3)}.footer-links{display:flex;gap:28px;list-style:none}.footer-links a{font-size:13px;color:var(--ink-2);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--ink)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media (max-width:768px){.menu-toggle-btn{display:flex!important}.nav-links{display:flex;flex-direction:column;position:absolute;top:var(--nav-h);left:0;right:0;background:hsla(48,20%,95%,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:24px var(--pad);gap:20px;transform:translateY(-30px);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:99}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-links li{width:100%;text-align:center}.nav-links a{display:block;padding:10px 0;font-size:16px}.nav-links .nav-cta{display:inline-block!important;width:auto;padding:12px 32px!important;margin:8px auto 0}.about-layout,.contact-layout{grid-template-columns:1fr;gap:40px}.form-row{grid-template-columns:1fr}.stats-inner{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:1fr}}.page-hero{padding-top:calc(var(--nav-h) + 60px);padding-bottom:60px;border-bottom:1px solid var(--border);background:var(--white)}.page-hero-tag{margin-bottom:12px}.page-hero h1{font-family:var(--font-display);font-size:clamp(32px,5vw,56px);font-weight:700;letter-spacing:-.04em;color:var(--ink)}.page-hero p{margin-top:16px;font-size:17px;font-weight:300;color:var(--ink-2);max-width:500px;line-height:1.7}.nav-links a.active{color:var(--ink);font-weight:600}