:root{--jc-red: #c1121f;--jc-red-bright: #e63946;--jc-red-glow: rgba(193, 18, 31, .45);--jc-black: #050505;--jc-black-soft: #0d0d0d;--jc-surface: rgba(255, 255, 255, .04);--jc-surface-hover: rgba(255, 255, 255, .07);--jc-glass-border: rgba(255, 255, 255, .1);--jc-glass-border-strong: rgba(255, 255, 255, .16);--jc-text: #f5f5f7;--jc-text-muted: rgba(245, 245, 247, .68);--jc-text-dim: rgba(245, 245, 247, .45);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--header-height: 4.5rem;--container: min(72rem, calc(100% - 2.5rem) );--radius-lg: 1.25rem;--radius-md: .875rem;--shadow-glow: 0 0 80px rgba(193, 18, 31, .15);--transition: .35s cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--jc-text);background:var(--jc-black);overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(193,18,31,.18),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(193,18,31,.08),transparent),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(193,18,31,.06),transparent),var(--jc-black)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}.container{width:var(--container);margin-inline:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);transition:background var(--transition),border-color var(--transition),backdrop-filter var(--transition)}.site-header.is-scrolled{background:#050505d1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--jc-glass-border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:1.5rem}.brand{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.brand-logo{width:2.5rem;height:2.5rem;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-weight:700;font-size:.95rem;letter-spacing:.02em}.brand-tagline{font-size:.65rem;color:var(--jc-text-dim);text-transform:uppercase;letter-spacing:.12em}.nav-desktop{display:flex;align-items:center;gap:.25rem}.nav-link{padding:.5rem .85rem;font-size:.875rem;font-weight:500;color:var(--jc-text-muted);border-radius:999px;transition:color var(--transition),background var(--transition)}.nav-link:hover,.nav-link.is-active{color:var(--jc-text);background:var(--jc-surface)}.nav-link.is-active{color:var(--jc-red-bright)}.header-actions{display:flex;align-items:center;gap:.75rem}.nav-toggle{display:none;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--jc-glass-border);color:var(--jc-text)}.nav-toggle svg{width:1.25rem;height:1.25rem}.nav-mobile{display:none;position:fixed;top:var(--header-height);left:0;right:0;padding:1rem 1.25rem 1.5rem;background:#050505f5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--jc-glass-border);flex-direction:column;gap:.25rem}.nav-mobile.is-open{display:flex}.nav-mobile .nav-link{padding:.75rem 1rem;border-radius:var(--radius-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:999px;transition:transform .2s ease,box-shadow var(--transition),background var(--transition),border-color var(--transition)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--jc-red) 0%,#9b0f19 100%);color:#fff;box-shadow:0 4px 24px var(--jc-red-glow)}.btn-primary:hover{box-shadow:0 8px 32px var(--jc-red-glow);background:linear-gradient(135deg,var(--jc-red-bright) 0%,var(--jc-red) 100%)}.btn-secondary{background:var(--jc-surface);color:var(--jc-text);border:1px solid var(--jc-glass-border-strong)}.btn-secondary:hover{background:var(--jc-surface-hover);border-color:#ffffff38}.btn-ghost{color:var(--jc-text-muted);padding-inline:1rem}.btn-ghost:hover{color:var(--jc-text)}.btn-lg{padding:1rem 2rem;font-size:1rem}.hero{position:relative;padding:calc(var(--header-height) + 4rem) 0 5rem;min-height:90vh;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{max-width:36rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;margin-bottom:1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--jc-red-bright);background:#c1121f1f;border:1px solid rgba(193,18,31,.35);border-radius:999px}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--jc-red-bright);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero-title{margin:0 0 1.25rem;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;line-height:1.08;letter-spacing:-.03em}.hero-title .accent{background:linear-gradient(135deg,#fff,#ffffffbf);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-title .highlight{color:var(--jc-red-bright)}.hero-subtitle{margin:0 0 2rem;font-size:1.125rem;color:var(--jc-text-muted);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.hero-stats{display:flex;gap:2.5rem;flex-wrap:wrap}.hero-stat-value{font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.hero-stat-label{font-size:.8125rem;color:var(--jc-text-dim);margin-top:.15rem}.hero-visual{position:relative}.hero-card{position:relative;padding:2rem;border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid var(--jc-glass-border-strong);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-glow)}.hero-card-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(193,18,31,.3),transparent 50%);z-index:-1;opacity:.6}.hero-mock{border-radius:var(--radius-md);overflow:hidden;background:var(--jc-black-soft);border:1px solid var(--jc-glass-border)}.hero-mock-bar{display:flex;gap:.4rem;padding:.75rem 1rem;background:#0006;border-bottom:1px solid var(--jc-glass-border)}.hero-mock-dot{width:.5rem;height:.5rem;border-radius:50%;background:#ffffff26}.hero-mock-dot:first-child{background:#ff5f57}.hero-mock-dot:nth-child(2){background:#febc2e}.hero-mock-dot:nth-child(3){background:#28c840}.hero-mock-body{padding:1.5rem;min-height:280px}section{padding:5rem 0}.section-header{text-align:center;max-width:40rem;margin:0 auto 3.5rem}.section-label{display:inline-block;margin-bottom:.75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--jc-red-bright)}.section-title{margin:0 0 1rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.02em}.section-desc{margin:0;color:var(--jc-text-muted);font-size:1.0625rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{padding:2rem;border-radius:var(--radius-lg);background:var(--jc-surface);border:1px solid var(--jc-glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--transition),border-color var(--transition),background var(--transition)}.feature-card:hover{transform:translateY(-4px);border-color:#c1121f59;background:var(--jc-surface-hover)}.feature-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:1.25rem;border-radius:var(--radius-md);background:#c1121f26;color:var(--jc-red-bright)}.feature-icon svg{width:1.5rem;height:1.5rem}.feature-title{margin:0 0 .65rem;font-size:1.125rem;font-weight:700}.feature-desc{margin:0;font-size:.9375rem;color:var(--jc-text-muted);line-height:1.65}.coming-soon-banner{display:inline-flex;align-items:center;gap:.65rem;padding:.55rem 1.1rem;margin-bottom:1.25rem;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,var(--jc-red),#8b0a14);border-radius:999px;box-shadow:0 4px 20px var(--jc-red-glow)}.preview-grid .feature-card{position:relative;overflow:hidden}.preview-grid .feature-card:after{content:"Preview";position:absolute;top:1rem;right:1rem;padding:.25rem .6rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--jc-text-dim);background:#00000080;border:1px solid var(--jc-glass-border);border-radius:999px}.cta-band{padding:4rem 0}.cta-card{position:relative;padding:4rem 3rem;border-radius:calc(var(--radius-lg) + .25rem);text-align:center;background:linear-gradient(135deg,#c1121f33,#ffffff08,#c1121f14);border:1px solid rgba(193,18,31,.35);overflow:hidden}.cta-card:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:120%;height:100%;background:radial-gradient(ellipse,rgba(193,18,31,.25),transparent 70%);pointer-events:none}.cta-title{position:relative;margin:0 0 1rem;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800}.cta-desc{position:relative;margin:0 auto 2rem;max-width:32rem;color:var(--jc-text-muted);font-size:1.0625rem}.cta-actions{position:relative;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.contact-section{padding-bottom:6rem}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start}.contact-info h3{margin:0 0 1rem;font-size:1.5rem;font-weight:800}.contact-info p{margin:0 0 2rem;color:var(--jc-text-muted)}.contact-details{display:flex;flex-direction:column;gap:1.25rem}.contact-item{display:flex;align-items:flex-start;gap:1rem}.contact-item-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#c1121f1f;color:var(--jc-red-bright)}.contact-item-icon svg{width:1.125rem;height:1.125rem}.contact-item-label{font-size:.75rem;color:var(--jc-text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.15rem}.contact-item-value{font-weight:600}.contact-item-value a:hover{color:var(--jc-red-bright)}.contact-form-card{padding:2rem;border-radius:var(--radius-lg);background:var(--jc-surface);border:1px solid var(--jc-glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-size:.8125rem;font-weight:600;color:var(--jc-text-muted)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;font:inherit;color:var(--jc-text);background:#00000059;border:1px solid var(--jc-glass-border);border-radius:var(--radius-md);transition:border-color var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#c1121f80}.form-group textarea{min-height:120px;resize:vertical}.site-footer{padding:4rem 0 2rem;border-top:1px solid var(--jc-glass-border);background:#0006}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:3rem;margin-bottom:3rem}.footer-brand .brand{margin-bottom:1rem}.footer-brand p{margin:0;font-size:.875rem;color:var(--jc-text-muted);max-width:18rem;line-height:1.65}.footer-col h4{margin:0 0 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--jc-text-dim)}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.footer-links a{font-size:.875rem;color:var(--jc-text-muted);transition:color var(--transition)}.footer-links a:hover{color:var(--jc-red-bright)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:1px solid var(--jc-glass-border);font-size:.8125rem;color:var(--jc-text-dim)}.footer-ecosystem{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.footer-ecosystem a{color:var(--jc-text-muted);transition:color var(--transition)}.footer-ecosystem a:hover{color:var(--jc-text)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.pricing-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.pricing-card{padding:2rem;border-radius:var(--radius-lg);background:var(--jc-surface);border:1px solid var(--jc-glass-border);transition:border-color var(--transition),transform var(--transition)}.pricing-card.is-featured{border-color:#c1121f80;background:linear-gradient(180deg,rgba(193,18,31,.1) 0%,var(--jc-surface) 100%);transform:scale(1.02)}.pricing-tier{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--jc-red-bright);margin-bottom:.5rem}.pricing-price{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.25rem}.pricing-price span{font-size:1rem;font-weight:500;color:var(--jc-text-muted)}.pricing-desc{font-size:.875rem;color:var(--jc-text-muted);margin-bottom:1.5rem}.pricing-features{list-style:none;margin:0 0 1.5rem;padding:0}.pricing-features li{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--jc-text-muted);margin-bottom:.5rem}.pricing-features li:before{content:"✓";color:var(--jc-red-bright);font-weight:700}@media(max-width:1024px){.hero-grid,.contact-grid{grid-template-columns:1fr;gap:3rem}.features-grid,.pricing-strip{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.nav-desktop,.header-actions .btn-ghost{display:none}.nav-toggle{display:flex}.hero{min-height:auto;padding-bottom:3rem}.hero-visual{order:-1}.features-grid,.pricing-strip,.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:2rem}.pricing-card.is-featured{transform:none}.cta-card{padding:2.5rem 1.5rem}}@media(max-width:480px){.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-stats{gap:1.5rem}}
