:root{--font-heading:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--brand-navy:#0a2c50;--brand-blue:#1b66b1;--brand-sky:#6fc3f7;--brand-ice:#eef5fc;--brand-emerald:#059669;--brand-emerald-hover:#047857;--brand-emerald-subtle:#ecfdf5;--brand-amber:#d97706;--brand-amber-subtle:#fef3c7;--brand-red:#dc2626;--brand-red-subtle:#fee2e2;--bg-canvas:#f8fafc;--bg-surface:#fff;--bg-elevated:#eef5fc;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-dark-section:#0a2c50;--text-primary:#0a2c50;--text-secondary:#1e293b;--text-muted:#334155;--text-dim:#475569;--text-on-dark:#fff;--text-on-dark-muted:#cbd5e1;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--border-dark:#1e3a5f;--border-accent:#1b66b166;--shadow-subtle:0 1px 3px 0 #0a2c500a, 0 1px 2px -1px #0a2c500a;--shadow-card:0 4px 16px -2px #0a2c500f, 0 2px 6px -1px #0a2c5008;--shadow-card-hover:0 16px 32px -4px #0a2c501f, 0 6px 12px -2px #0a2c500f;--shadow-dropdown:0 20px 40px -8px #0a2c5029, 0 10px 18px -4px #0a2c5014;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-smooth:all .22s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--brand-navy:#0284c7;--brand-blue:#38bdf8;--brand-sky:#7dd3fc;--brand-ice:#0f2744;--brand-emerald:#34d399;--brand-emerald-hover:#10b981;--brand-emerald-subtle:#34d39926;--brand-amber:#fbbf24;--brand-amber-subtle:#fbbf2426;--brand-red:#f87171;--brand-red-subtle:#f8717126;--bg-canvas:#06121e;--bg-surface:#0a1c2e;--bg-elevated:#102842;--bg-card:#0d2238;--bg-card-hover:#132d4a;--bg-dark-section:#040d16;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-dim:#64748b;--text-on-dark:#fff;--text-on-dark-muted:#94a3b8;--border-subtle:#193656;--border-strong:#274d76;--border-dark:#335e8d;--border-accent:#38bdf866;--shadow-subtle:0 1px 3px 0 #0006;--shadow-card:0 4px 16px -2px #00000073;--shadow-card-hover:0 16px 32px -4px #000000a6;--shadow-dropdown:0 20px 40px -8px #000000bf}[data-theme=dark] .btn-primary{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 4px 14px #0284c759}[data-theme=dark] .btn-primary:hover{background:#0369a1;border-color:#0369a1;box-shadow:0 6px 18px #0284c773}[data-theme=dark] .btn-outline{color:#f8fafc;background:#0d2238;border-color:#274d76}[data-theme=dark] .btn-outline:hover{color:#38bdf8;background:#102842;border-color:#38bdf8}[data-theme=dark] .minimal-card{background:var(--bg-card);border-color:var(--border-subtle)}[data-theme=dark] .modal-content{background:var(--bg-surface);border-color:var(--border-subtle);color:var(--text-primary)}[data-theme=dark] .badge-blue{color:#38bdf8;background:#38bdf824;border-color:#38bdf84d}[data-theme=dark] .badge-emerald{color:#34d399;background:#34d39924;border-color:#34d3994d}[data-theme=dark] .badge-amber{color:#fbbf24;background:#fbbf2424;border-color:#fbbf244d}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-card)!important;border-color:var(--border-subtle)!important;color:var(--text-primary)!important}body{background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:16px;line-height:1.6;overflow-x:hidden}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.btn-primary{background:var(--brand-navy);color:#fff;border:1.5px solid var(--brand-navy);border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #0a2c502e}.btn-primary:hover{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #1b66b140}.btn-primary:active{transform:translateY(0)}.btn-accent{color:#fff;border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;background:#25d366;border:1.5px solid #25d366;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #25d36640}.btn-accent:hover{color:#fff;background:#22bf5b;border-color:#22bf5b;transform:translateY(-1px);box-shadow:0 4px 14px #25d36659}.btn-outline{color:var(--text-secondary);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;background:#fff;align-items:center;gap:8px;padding:9px 18px;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-outline:hover{border-color:var(--brand-blue);color:var(--brand-blue);background:var(--brand-ice);transform:translateY(-1px)}.minimal-card{background:var(--bg-card);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition-smooth)}.minimal-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card-hover)}.badge-blue{color:#0369a1;font-family:var(--font-heading);letter-spacing:.02em;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:800;display:inline-flex}.badge-emerald{color:#14532d;font-family:var(--font-heading);letter-spacing:.02em;background:#dcfce7;border:1px solid #86efac;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:800;display:inline-flex}.badge-amber{color:#78350f;font-family:var(--font-heading);letter-spacing:.02em;background:#fef3c7;border:1px solid #fcd34d;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:800;display:inline-flex}.badge-real-client{color:#bae6fd;font-family:var(--font-heading);letter-spacing:.03em;background:#0a2c50;border:1.5px solid #38bdf8;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.badge-internal-tool{color:#fff;font-family:var(--font-heading);letter-spacing:.03em;background:#1b66b1;border:1.5px solid #6fc3f7;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.badge-concept-demo{color:#0f172a;font-family:var(--font-heading);letter-spacing:.03em;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#0a2c50a6;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border-radius:var(--radius-lg);border:1.5px solid var(--border-subtle);box-shadow:var(--shadow-dropdown);animation:.25s cubic-bezier(.16,1,.3,1) scaleUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.pulse-dot{background:var(--brand-emerald);border-radius:50%;width:8px;height:8px;position:relative}.pulse-dot:after{content:"";background:var(--brand-emerald);opacity:.4;border-radius:50%;animation:2s infinite pulseAnim;position:absolute;inset:-3px}@keyframes pulseAnim{0%{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;width:100%;max-width:100vw;overflow-x:hidden}body{width:100%;max-width:100vw;margin:0;padding:0;position:relative;overflow-x:hidden}#root{width:100%;max-width:100vw;overflow-x:hidden}.container-minimal{box-sizing:border-box;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:clamp(14px,4vw,28px);padding-right:clamp(14px,4vw,28px)}.section-padding{padding-top:clamp(44px,6vw,84px);padding-bottom:clamp(44px,6vw,84px)}.section-header{text-align:center;max-width:680px;margin:0 auto clamp(24px,4vw,44px);padding-left:8px;padding-right:8px}.section-title{letter-spacing:-.02em;word-break:break-word;margin-bottom:10px;font-size:clamp(1.55rem,4.5vw,2.5rem);font-weight:900;line-height:1.2}.section-subtitle{color:var(--text-secondary);margin:0 auto;font-size:clamp(.88rem,2.5vw,1.02rem);line-height:1.6}.grid-responsive-2{grid-template-columns:1fr;gap:clamp(20px,4vw,40px);width:100%;display:grid}@media (width>=960px){.grid-responsive-2{grid-template-columns:1.1fr .9fr;align-items:center}}.grid-cards-3{grid-template-columns:1fr;gap:16px;width:100%;display:grid}@media (width>=640px){.grid-cards-3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-cards-3{grid-template-columns:repeat(3,1fr);gap:24px}}.grid-cards-4{grid-template-columns:1fr;gap:16px;width:100%;display:grid}@media (width>=600px){.grid-cards-4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-cards-4{grid-template-columns:repeat(4,1fr);gap:20px}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;padding:12px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--bg-surface);border-radius:var(--radius-xl);border:1.5px solid var(--border-subtle);box-shadow:var(--shadow-dropdown);box-sizing:border-box;max-width:100%;animation:.25s cubic-bezier(.16,1,.3,1) modalPop}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}input,select,textarea{font-family:var(--font-body);background:var(--bg-surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition-smooth);box-sizing:border-box;width:100%;max-width:100%;font-size:.92rem}input:focus,select:focus,textarea:focus{border-color:var(--brand-blue);outline:none;box-shadow:0 0 0 3px #0284c726}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=767px){body{font-size:15px}.btn-primary,.btn-accent,.btn-outline{white-space:normal;text-align:center;padding:10px 16px;font-size:.86rem}.modal-overlay{align-items:flex-end;padding:8px}.modal-content{border-radius:20px 20px 0 0;max-height:88vh;padding:20px 14px!important}}