:root{--color-bg:#080808;--color-surface:#111;--color-surface-hover:#1c1c1c;--color-text:#f0ede8;--color-text-muted:#f0ede899;--color-text-subtle:#f0ede859;--color-border:#f0ede812;--color-border-hover:#f0ede826;--color-accent:#a6ff8c;--color-accent-dim:#a6ff8c1a;--color-accent-glow:#a6ff8c33;--nav-height:72px;--max-width:1200px;--container-padding:24px;--radius-card:20px;--radius-pill:999px;--transition-base:.2s ease;--transition-slow:.35s ease;--font-display:"Geist",sans-serif;--font-body:"Geist",sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:4px}.skip-link{background:var(--color-accent);color:var(--color-bg);z-index:999;transition:top var(--transition-base);border-radius:0 0 8px;padding:12px 24px;font-size:14px;font-weight:600;position:absolute;top:-100%;left:0}.skip-link:focus{top:0}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.container{max-width:var(--max-width);padding:0 var(--container-padding);margin:0 auto}section{padding:140px 0}.nav{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);z-index:100;background:#080808d9;width:100%;position:fixed;top:0}.nav-inner{height:var(--nav-height);justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-display);letter-spacing:2px;color:var(--color-accent);font-size:18px;font-weight:800}.nav-links a{font-family:var(--font-body);color:var(--color-text-muted);transition:color var(--transition-base);letter-spacing:.03em;margin-left:36px;font-size:14px;font-weight:500}.nav-links a:hover{color:var(--color-accent)}.hero{min-height:100vh;padding-top:var(--nav-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9a84c0f 0%,#0000 70%);width:700px;height:700px;position:absolute;top:-20%;left:-10%}.hero h1{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.05}.hero h1 em{color:var(--color-accent);font-style:normal}.hero p{max-width:480px;color:var(--color-text-muted);font-size:clamp(16px,2vw,18px);font-weight:300;line-height:1.7}.button{border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-bg);font-family:var(--font-body);letter-spacing:.04em;cursor:pointer;transition:opacity var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);border:none;margin-top:40px;padding:14px 36px;font-size:14px;font-weight:600;display:inline-block}.button:hover{opacity:.88;box-shadow:0 8px 32px var(--color-accent-glow);transform:translateY(-2px)}.button:active{opacity:.75;transform:translateY(0)}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:16px;font-size:11px;font-weight:600;display:block}.section-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.1}.section-subtitle{color:var(--color-text-muted);max-width:480px;margin-bottom:72px;font-weight:300;line-height:1.7}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.card{background:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-border);transition:transform var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-slow);will-change:transform;flex-direction:column;padding:28px;display:flex}.card h3{font-family:var(--font-display);margin-bottom:8px;font-size:18px;font-weight:700}.card p{color:var(--color-text-muted);font-size:14px;font-weight:300}.card:hover{border-color:var(--color-accent);box-shadow:0 24px 48px #00000080,0 0 0 1px var(--color-accent-dim);transform:translateY(-6px)}.card-screenshot{object-fit:cover;object-position:top;border:1px solid var(--color-border);background:var(--color-surface-hover);border-radius:12px;width:100%;height:180px;margin-bottom:20px}.card-link{color:var(--color-accent);letter-spacing:.04em;transition:opacity var(--transition-base),transform var(--transition-base);margin-top:24px;font-size:13px;font-weight:600;display:inline-block}.card-link:hover{opacity:.7;transform:translate(3px)}.tech-stack{background:radial-gradient(ellipse at top,#161616 0%,var(--color-bg)65%);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:100px 0}.tech-stack h2{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:48px;font-size:11px;font-weight:600}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-content:center;gap:16px;display:grid}.tech-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);text-align:center;transition:transform var(--transition-slow),border-color var(--transition-slow),background var(--transition-slow);flex-direction:column;align-items:center;gap:14px;padding:32px 20px;display:flex}.tech-card:hover{border-color:var(--color-accent);background:var(--color-surface-hover);transform:translateY(-4px)}.tech-card span{color:var(--color-text-muted);letter-spacing:.03em;font-size:13px;font-weight:500}.tech-icon{width:34px;height:34px}.price{font-family:var(--font-display);color:var(--color-accent);letter-spacing:-.02em;margin:20px 0 8px;font-size:40px;font-weight:700}footer{border-top:1px solid var(--color-border);padding:120px 0 64px}.footer-copy{color:var(--color-text-subtle);letter-spacing:.03em;margin-top:56px;font-size:12px}@media (prefers-reduced-motion:no-preference){.fade-up{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) forwards fadeUp;transform:translateY(32px)}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.45s}.tech-card{animation:.6s cubic-bezier(.22,1,.36,1) both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.fade-up{opacity:1;transform:none}}@media (max-width:768px){section{padding:80px 0}.nav-links a{margin-left:20px}.tech-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.tech-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}}