.page-module__iEsOPq__hero{padding-top:calc(var(--header-height) + var(--space-10));padding-bottom:var(--space-16);background:var(--gradient-hero);color:#fff;position:relative;overflow:hidden}.page-module__iEsOPq__heroInner{text-align:center;max-width:960px;margin:0 auto}.page-module__iEsOPq__breadcrumbRow{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--fs-xs);color:#ffffffa6;display:flex}.page-module__iEsOPq__breadcrumbRow a{color:#ffffffd9;transition:color var(--transition-fast);text-decoration:none}.page-module__iEsOPq__breadcrumbRow a:hover{color:#fff;text-decoration:underline}.page-module__iEsOPq__overline{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:#ffffffe6;border-radius:var(--radius-full);margin-bottom:var(--space-5);background:#ffffff1f;border:1px solid #fff3;display:inline-flex}.page-module__iEsOPq__heroTitle{font-family:var(--font-display);font-size:clamp(var(--fs-3xl), 4vw, var(--fs-5xl));font-weight:var(--fw-extrabold);line-height:var(--lh-tight);color:#fff;margin-bottom:var(--space-4);letter-spacing:-.025em}.page-module__iEsOPq__heroSubtitle{font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:#fffc;margin-bottom:var(--space-8);max-width:780px;margin-inline:auto}.page-module__iEsOPq__heroActions{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.page-module__iEsOPq__liveBtn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--fs-sm);font-weight:var(--fw-bold);transition:transform var(--transition-fast), opacity var(--transition-fast);background:#fff;text-decoration:none;display:inline-flex;box-shadow:0 10px 25px #00000040}.page-module__iEsOPq__liveBtn:hover{opacity:.95;transform:translateY(-2px)}.page-module__iEsOPq__contactBtn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-bold);box-shadow:var(--shadow-accent);transition:transform var(--transition-fast);text-decoration:none;display:inline-flex}.page-module__iEsOPq__contactBtn:hover{transform:translateY(-2px)}.page-module__iEsOPq__metricsGrid{gap:var(--space-4);max-width:780px;padding:var(--space-6);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1f;grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}@media (max-width:640px){.page-module__iEsOPq__metricsGrid{gap:var(--space-3);grid-template-columns:1fr}}.page-module__iEsOPq__metricCard{text-align:center}.page-module__iEsOPq__metricVal{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);color:#fff;margin-bottom:var(--space-1);line-height:1;display:block}.page-module__iEsOPq__metricLabel{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:#ffffffe6;display:block}.page-module__iEsOPq__metricSub{font-size:var(--fs-xs);color:#fff9;display:block}.page-module__iEsOPq__showcaseSection{padding:var(--space-12) 0 var(--space-16);background:var(--color-surface)}.page-module__iEsOPq__browserMockup{max-width:1040px;margin:-var(--space-12) auto var(--space-16);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);z-index:10;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000002e}.page-module__iEsOPq__browserBar{background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-5);align-items:center;gap:var(--space-4);display:flex}.page-module__iEsOPq__browserDots{gap:6px;display:flex}.page-module__iEsOPq__dot{border-radius:50%;width:10px;height:10px}.page-module__iEsOPq__browserUrl{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:4px var(--space-4);color:var(--color-text-secondary);flex:1;align-items:center;gap:6px;max-width:450px;margin:0 auto;font-family:monospace;font-size:11px;display:flex}.page-module__iEsOPq__previewImageWrap{background:var(--color-surface-alt);width:100%;max-height:520px;position:relative;overflow:hidden}.page-module__iEsOPq__previewImg{object-fit:cover;object-position:top center;width:100%;height:auto;display:block}.page-module__iEsOPq__storyLayout{max-width:900px;margin:0 auto}.page-module__iEsOPq__storyBlock{margin-bottom:var(--space-12)}.page-module__iEsOPq__blockTitle{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--color-text);margin-bottom:var(--space-4);align-items:center;gap:var(--space-3);display:flex}.page-module__iEsOPq__blockDesc{font-size:var(--fs-base);line-height:var(--lh-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.page-module__iEsOPq__featureList{margin:var(--space-6) 0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.page-module__iEsOPq__featureItem{align-items:flex-start;gap:var(--space-3);font-size:var(--fs-base);color:var(--color-text);line-height:var(--lh-relaxed);display:flex}.page-module__iEsOPq__featureIcon{color:var(--color-accent);flex-shrink:0;margin-top:3px}.page-module__iEsOPq__tagsGrid{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.page-module__iEsOPq__techBadge{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--color-text)}.page-module__iEsOPq__quoteCard{border:1px solid #6c5ce740;border-left:5px solid var(--color-accent);border-radius:var(--radius-2xl);padding:var(--space-8);margin:var(--space-12) 0;background:linear-gradient(135deg,#6c5ce714 0%,#fd79a80d 100%)}.page-module__iEsOPq__quoteText{font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--color-text);margin-bottom:var(--space-4);font-style:italic}.page-module__iEsOPq__quoteAuthor{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--color-text)}.page-module__iEsOPq__quoteRole{font-size:var(--fs-sm);color:var(--color-text-muted)}
