@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101114;--paper:#f5f4ef;--lime:#c8ff48;--violet:#7557ff;--muted:#6d706f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Manrope,sans-serif;color:var(--ink);background:var(--paper)}
.navbar{padding:22px 0;transition:.3s}.navbar.scrolled{padding:12px 0;background:#f5f4efeb;backdrop-filter:blur(14px);box-shadow:0 1px 0 #10111414}.navbar-brand{display:flex;align-items:center}.navbar-brand img{display:block;width:176px;height:auto;shape-rendering:geometricPrecision}.nav-link{font-weight:600;color:var(--ink)}
.hero{min-height:100vh;padding:150px 0 60px}.hero h1{font-size:clamp(3.4rem,7.2vw,7rem);line-height:.91;letter-spacing:-.07em;font-weight:800;max-width:900px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--violet)}.hero-copy{font-size:1.25rem;line-height:1.7;max-width:620px;color:#555957}.eyebrow,.section-label,.mini{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:500}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow span{width:34px;height:2px;background:var(--violet)}.btn{font-weight:700}.btn-primary{--bs-btn-bg:var(--violet);--bs-btn-border-color:var(--violet);--bs-btn-hover-bg:#6243f0;--bs-btn-hover-border-color:#6243f0}
.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.7}.orb-one{width:460px;height:460px;background:radial-gradient(circle,var(--lime),transparent 68%);top:-160px;right:-80px}.orb-two{width:380px;height:380px;background:radial-gradient(circle,#d8ccff,transparent 68%);bottom:-180px;left:-160px}.code-card{position:relative;background:#15151c;color:#eee;border-radius:28px;box-shadow:20px 28px 0 var(--lime);transform:rotate(2deg)}.code-top{padding:18px 22px;background:#202129;border-radius:28px 28px 0 0;display:flex;align-items:center;gap:20px;font:12px 'DM Mono',monospace;color:#999}.code-top i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff6868;margin-right:5px}.code-top i:nth-child(2){background:#ffd75e}.code-top i:nth-child(3){background:#75e790}.code-body{padding:30px 26px;font:clamp(.75rem,1.2vw,.9rem)/1.8 'DM Mono',monospace}.code-body p{margin:0;white-space:nowrap}.code-body b{color:#565865;font-weight:400;margin-right:13px}.pink{color:#ff7eb6}.green{color:#a8df76}.blue{color:#79b8ff}.yellow{color:#ffd866}.purple{color:#b99cff}.float-chip{position:absolute;right:-24px;bottom:-23px;background:#fff;color:var(--ink);padding:13px 18px;border-radius:50px;font-size:.82rem;font-weight:700;box-shadow:0 10px 40px #0002;transform:rotate(-2deg)}.float-chip i{color:#46ac67}.hero-foot{margin-top:100px;display:flex;align-items:center;gap:20px;font:11px 'DM Mono',monospace;letter-spacing:.15em;color:#777}.hero-foot div{height:1px;background:#ccc;flex:1}
.section-space{padding:130px 0}.section-label{color:var(--violet);margin-bottom:20px}.section-label.light{color:var(--lime)}h2{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.02;letter-spacing:-.055em;font-weight:700}.lead-muted{color:var(--muted);font-size:1.05rem;line-height:1.7}.service-card{min-height:260px;border:1px solid #d9d8d1;border-radius:24px;padding:32px;display:grid;grid-template-columns:50px 1fr auto;gap:15px;transition:.3s;background:#ffffff59}.service-card>span{font:12px 'DM Mono',monospace;color:#999}.service-card h3,.process-card h3{font-size:1.45rem;font-weight:700;letter-spacing:-.03em}.service-card p,.process-card p{color:var(--muted);line-height:1.65;margin-top:16px}.service-card>i{font-size:1.25rem}.service-card:hover{background:var(--lime);border-color:var(--lime);transform:translateY(-5px)}
.work-section{background:#ecebe5}.project-card{background:#fff;border-radius:26px;overflow:hidden;border:1px solid #deddd6;transition:.35s}.project-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #15151514}.project-preview{height:340px;display:block;position:relative;overflow:hidden;background:#ddd}.project-preview img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s ease}.project-card:hover img{transform:scale(1.025)}.project-preview>span{position:absolute;right:18px;bottom:18px;padding:11px 16px;background:#101114;color:#fff;border-radius:50px;font-size:.78rem;font-weight:700;opacity:0;transform:translateY(8px);transition:.3s}.project-card:hover .project-preview>span{opacity:1;transform:none}.project-info{padding:28px 30px 32px}.project-info h3{font-size:1.65rem;font-weight:700;letter-spacing:-.035em}.project-info p{color:var(--muted);line-height:1.65;margin:12px 0 0}.project-type,.project-status{font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:#777}.project-status{border:1px solid #d7d6cf;padding:6px 10px;border-radius:30px}.project-status.active{background:var(--lime);border-color:var(--lime);color:#253000}.work-note{font-size:.78rem;color:#777}
.dark-section{background:#111218;color:#fff;border-radius:42px;margin:0 18px}.about-copy{font-size:1.18rem;line-height:1.8;color:#b8babf}.principles{display:grid;gap:25px}.principles>div{display:flex;gap:17px;align-items:center}.principles i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#24252d;color:var(--lime);font-size:1.25rem}.principles span{display:grid}.principles small{color:#8d9098;margin-top:4px}.process-card{border-top:2px solid #ccc;padding-top:25px}.process-card>span{font:12px 'DM Mono',monospace;color:var(--violet)}.process-card h3{margin-top:55px}
.contact-wrap{padding-bottom:100px}.contact-panel{background:var(--violet);color:#fff;border-radius:32px;padding:75px}.contact-panel h2{margin-top:20px}.contact-panel p{color:#e1dcff;line-height:1.7}.contact-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,var(--lime),transparent 65%);opacity:.28;right:-100px;top:-220px}footer{padding:35px 0;border-top:1px solid #d8d7d0}footer p{margin:0;font-size:.82rem;color:#777}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.revealed{opacity:1;transform:none}
@media(max-width:991px){.navbar-collapse{margin-top:15px;padding:20px;background:var(--paper);border-radius:18px}.hero{padding-top:130px}.code-card{max-width:540px;margin:25px auto 0}.hero-foot{margin-top:80px}.section-space{padding:90px 0}.contact-panel{padding:50px 35px}}@media(max-width:576px){.hero h1{font-size:3.25rem}.hero-copy{font-size:1.05rem}.code-card{box-shadow:10px 14px 0 var(--lime)}.float-chip{right:10px}.code-body{padding:24px 12px}.hero-foot span:last-child{display:none}.service-card{grid-template-columns:36px 1fr auto;padding:25px;min-height:230px}.dark-section{margin:0 8px;border-radius:28px}.contact-panel{padding:42px 24px}.contact-panel .btn{font-size:.9rem}}