:root{--bg-deep: #03060d;--bg-base: #070c18;--bg-card: rgba(14, 21, 38, .78);--bg-card-hover: rgba(22, 34, 60, .94);--bg-glass: rgba(14, 21, 38, .7);--border-subtle: #1e2c4c;--border-glow: #f59e0b;--border-active: #fbbf24;--fg-primary: #ffffff;--fg-secondary: #f1f5f9;--fg-muted: #94a3b8;--accent-gold: #f59e0b;--accent-gold-light: #fef08a;--accent-gold-glow: rgba(245, 158, 11, .28);--accent-blue: #38bdf8;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-violet: #8b5cf6;--gradient-gold: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);--gradient-headline: linear-gradient(90deg, #ffffff 0%, #fde68a 35%, #38bdf8 75%, #34d399 100%);--gradient-glow: radial-gradient(ellipse at 50% -10%, rgba(245, 158, 11, .16) 0%, rgba(6, 182, 212, .08) 50%, transparent 80%);--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "Courier New", monospace;--text-xs: clamp(.75rem, .7rem + .2vw, .85rem);--text-sm: clamp(.875rem, .8rem + .3vw, .95rem);--text-base: clamp(1rem, .95rem + .3vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .5vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .7vw, 1.45rem);--text-2xl: clamp(1.5rem, 1.25rem + 1vw, 1.95rem);--text-hero: clamp(2.2rem, 1.4rem + 3.9vw, 4rem);--gutter: clamp(16px, 4vw, 40px);--section-gap: clamp(56px, 8vw, 110px);--min-touch-target: 48px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;padding:0;background-color:var(--bg-base);background-image:var(--gradient-glow);background-repeat:no-repeat;background-position:top center;color:var(--fg-secondary);font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}:focus-visible{outline:2px solid var(--accent-gold)!important;outline-offset:3px!important;border-radius:4px}a{color:var(--accent-gold);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-gold-light)}.container{width:100%;max-width:1140px;margin-inline:auto;padding-inline:var(--gutter)}.navbar{position:sticky;top:0;z-index:100;width:100%;background:#070c18e0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-subtle);transition:border-color .3s ease}.navbar-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:.9rem}.brand{display:flex;align-items:center;gap:10px;color:var(--fg-primary);font-size:1.2rem;font-weight:800;letter-spacing:-.01em}.brand:hover{color:var(--accent-gold);text-shadow:0 0 20px var(--accent-gold-glow)}.brand-icon{color:var(--accent-gold);filter:drop-shadow(0 0 10px var(--accent-gold-glow))}.nav-links{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.nav-link{color:var(--fg-secondary);font-size:var(--text-sm);font-weight:500;padding:6px 10px;border-radius:6px;transition:color .2s ease,background-color .2s ease}.nav-link:hover{color:var(--accent-gold-light);background:#f59e0b14}.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 20px;border-radius:8px;background:var(--gradient-gold);color:#080c14!important;font-weight:750;font-size:var(--text-sm);box-shadow:0 0 20px var(--accent-gold-glow);transition:all .2s ease}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 0 28px #f59e0b80}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);color:#fef08a;font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:1.25rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 10px var(--accent-gold);animation:pulse-dot 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}h1,h2,h3,h4{color:var(--fg-primary);margin-top:0;font-weight:800;letter-spacing:-.02em}.hero-title{font-size:var(--text-hero);line-height:1.12;margin-bottom:1.25rem;letter-spacing:-.03em}.gradient-text{background:var(--gradient-headline);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine-text 7s linear infinite}@keyframes shine-text{to{background-position:200% center}}.lede{color:var(--fg-secondary);font-size:var(--text-lg);line-height:1.6;max-width:600px;margin-bottom:2rem}.btn-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2.25rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--min-touch-target);padding:12px 28px;border-radius:10px;background:var(--gradient-gold);color:#080c14!important;font-weight:750;font-size:var(--text-base);border:none;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 24px var(--accent-gold-glow),0 4px 12px #0006}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 36px #f59e0b8c,0 8px 20px #00000080}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--min-touch-target);padding:12px 24px;border-radius:10px;background:#0e1526b3;border:1px solid var(--border-subtle);color:var(--fg-primary)!important;font-weight:600;font-size:var(--text-base);backdrop-filter:blur(12px);transition:all .2s ease}.btn-secondary:hover{background:#16223cf2;border-color:var(--accent-gold);color:var(--accent-gold-light)!important;transform:translateY(-2px)}.badge-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tech-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.badge-gold{background:#f59e0b1f;border:1px solid rgba(245,158,11,.4);color:#fde68a}.badge-rust{background:#fbbf241a;border:1px solid rgba(251,191,36,.35);color:#fde68a}.badge-pg{background:#06b6d41a;border:1px solid rgba(6,182,212,.35);color:#a5f3fc}.badge-vue{background:#10b9811a;border:1px solid rgba(16,185,129,.35);color:#a7f3d0}.badge-redis{background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:#fca5a5}.badge-pwa{background:#8b5cf61a;border:1px solid rgba(139,92,246,.35);color:#ddd6fe}.hero-section{padding-block:clamp(2rem,5vw,4.5rem)}.hero-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}@media(min-width:1024px){.hero-grid{grid-template-columns:1.15fr .85fr;gap:3rem}}.metrics-strip{margin-block:var(--section-gap)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.metrics-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.metric-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:14px;padding:1.5rem 1.25rem;text-align:center;transition:all .25s ease}.metric-card:hover{border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 8px 30px #0006,0 0 20px var(--accent-gold-glow)}.metric-value{display:block;font-size:var(--text-2xl);font-weight:800;color:var(--accent-gold);font-family:var(--font-mono);letter-spacing:-.02em;margin-bottom:.25rem}.metric-label{display:block;font-size:var(--text-xs);color:var(--fg-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.advantage-section{margin-block:var(--section-gap)}.advantage-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.advantage-grid{grid-template-columns:repeat(3,1fr);gap:1.75rem}}.advantage-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:2rem 1.5rem;backdrop-filter:blur(16px);transition:all .25s ease}.advantage-card:hover{border-color:var(--accent-gold);transform:translateY(-3px);box-shadow:0 12px 36px #00000073}.advantage-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:var(--accent-gold);font-size:1.3rem;margin-bottom:1.25rem}.advantage-card h3{font-size:var(--text-xl);margin-bottom:.75rem}.advantage-card p{color:var(--fg-muted);font-size:var(--text-sm);line-height:1.65;margin:0}.section-header{margin-bottom:2.5rem}.section-kicker{color:var(--accent-gold);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}.section-title{font-size:var(--text-2xl);letter-spacing:-.02em}.cards-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.cards-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}}.project-card{position:relative;background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);border-radius:16px;padding:1.75rem;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,transform .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 24px #0000004d}.project-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(320px circle at var(--glow-x, 50%) var(--glow-y, 50%),rgba(245,158,11,.16),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.project-card:hover{border-color:var(--accent-gold);box-shadow:0 12px 40px #00000080,0 0 30px var(--accent-gold-glow);transform:translateY(-4px)}.project-card:hover:before{opacity:1}.project-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-number{font-size:var(--text-xs);font-family:var(--font-mono);font-weight:700;color:var(--accent-gold);letter-spacing:.08em;text-transform:uppercase}.project-card h3{font-size:var(--text-xl);color:var(--fg-primary);margin-bottom:.75rem;line-height:1.3}.project-desc{color:var(--fg-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.project-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;border-top:1px solid rgba(255,255,255,.06);padding-top:1rem}.project-link-arrow{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:600;color:var(--accent-gold);transition:transform .2s ease}.project-card:hover .project-link-arrow{transform:translate(4px);color:var(--accent-gold-light)}.pricing-section{margin-block:var(--section-gap)}.pricing-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.pricing-grid{grid-template-columns:repeat(3,1fr);gap:1.75rem}}.pricing-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:18px;padding:2.25rem 1.75rem;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(16px);transition:all .25s ease}.pricing-card.featured{border-color:var(--accent-gold);box-shadow:0 8px 36px #f59e0b26;position:relative}.pricing-badge{position:absolute;top:-12px;right:20px;background:var(--gradient-gold);color:#080c14;font-size:.7rem;font-weight:800;letter-spacing:.05em;padding:4px 12px;border-radius:999px;text-transform:uppercase}.pricing-tier-name{font-size:var(--text-lg);font-weight:700;color:var(--fg-primary);margin-bottom:.5rem}.pricing-amount{font-size:var(--text-2xl);font-weight:800;color:var(--accent-gold);font-family:var(--font-mono);margin-bottom:.75rem}.pricing-desc{font-size:var(--text-sm);color:var(--fg-muted);line-height:1.55;margin-bottom:1.5rem}.pricing-features{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:10px}.pricing-features li{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--fg-secondary)}.pricing-check{color:var(--accent-emerald);font-weight:700}.faq-section{margin-block:var(--section-gap)}.faq-container{max-width:860px;margin:0 auto}.faq-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:border-color .2s ease}.faq-item[open]{border-color:var(--accent-gold)}.faq-summary{padding:1.25rem 1.5rem;font-weight:600;font-size:var(--text-base);color:var(--fg-primary);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;user-select:none}.faq-summary::-webkit-details-marker{display:none}.faq-summary:after{content:"+";font-size:1.3rem;color:var(--accent-gold);transition:transform .2s ease}.faq-item[open] .faq-summary:after{content:"−"}.faq-content{padding:0 1.5rem 1.5rem;color:var(--fg-secondary);font-size:var(--text-sm);line-height:1.7}.bottom-cta-section{margin-block:var(--section-gap)}.bottom-cta-card{background:linear-gradient(135deg,#141c30d9,#0a1020f2);border:1px solid rgba(245,158,11,.4);border-radius:22px;padding:clamp(2rem,5vw,4rem);text-align:center;box-shadow:0 16px 48px #00000080,0 0 60px var(--accent-gold-glow)}.bottom-cta-card h2{font-size:var(--text-2xl);margin-bottom:.75rem}.bottom-cta-card p{color:var(--fg-secondary);max-width:580px;margin:0 auto 2rem;font-size:var(--text-base)}article.case{max-width:820px;margin:2.5rem auto 4.5rem;padding:clamp(1.5rem,4vw,3rem);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 8px 32px #0006}article.case .kicker{color:var(--accent-gold);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}article.case h1{font-size:var(--text-2xl);line-height:1.25;margin-bottom:1.5rem}article.case h2{font-size:var(--text-xl);color:var(--fg-primary);margin-top:2rem;margin-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.4rem}article.case p{color:var(--fg-secondary);font-size:var(--text-base);line-height:1.7}article.case code{background:#0f172acc;border:1px solid var(--border-subtle);color:var(--accent-cyan);padding:3px 8px;border-radius:6px;font-family:var(--font-mono);font-size:.9em}footer{margin-top:auto;border-top:1px solid var(--border-subtle);background:var(--bg-deep);padding-block:2.25rem;color:var(--fg-muted);font-size:var(--text-sm)}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.25rem}.footer-links{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.footer-links a{color:var(--fg-muted);transition:color .2s ease}.footer-links a:hover{color:var(--accent-gold-light);text-decoration:underline}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
