.cs-hero{background:transparent;padding-bottom:0}.cs-back{display:inline-flex;align-items:center;gap:.375rem;font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;margin-bottom:var(--spacing-2xl);transition:color var(--transition-fast)}.cs-back:hover{color:var(--color-deep-blue)}.cs-hero-content{max-width:760px;margin-bottom:var(--spacing-3xl)}.cs-meta{display:flex;gap:.5rem;margin-bottom:var(--spacing-lg)}.cs-tag{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);padding:.25rem .625rem;border-radius:var(--radius-full)}.cs-tag--live{color:#10b981;background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2)}.cs-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--color-text-primary);line-height:1.1;margin:0 0 var(--spacing-lg)}.cs-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-xl)}.cs-visit{display:inline-flex;align-items:center;gap:.375rem;font-size:1rem;font-weight:600;color:var(--color-deep-blue);text-decoration:none;transition:color var(--transition-fast)}.cs-visit:hover{color:var(--color-accent)}.cs-preview{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-gray-200);box-shadow:var(--shadow-xl);margin-bottom:var(--spacing-3xl)}.cs-browser-bar{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:var(--color-gray-100);border-bottom:1px solid var(--color-gray-200)}.cs-browser-dots{display:flex;gap:.375rem}.cs-browser-dots span{width:10px;height:10px;border-radius:50%}.cs-browser-dots span:first-child{background:#ff5f57}.cs-browser-dots span:nth-child(2){background:#febc2e}.cs-browser-dots span:nth-child(3){background:#28c840}.cs-browser-url{flex:1 1;font-size:.75rem;color:var(--color-text-secondary);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);padding:.25rem .625rem}.cs-frame-wrapper{position:relative;height:420px;overflow:hidden}.cs-frame{width:100%;height:100%;border:none;display:block;pointer-events:none}.cs-frame-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(30,58,95,0);text-decoration:none;transition:background var(--transition-normal)}.cs-frame-overlay:hover{background:rgba(30,58,95,.6)}.cs-frame-overlay span{color:#fff;font-size:1.125rem;font-weight:600;opacity:0;transform:translateY(8px);transition:all var(--transition-normal)}.cs-frame-overlay:hover span{opacity:1;transform:translateY(0)}.cs-stats-bar{background:linear-gradient(135deg,#1e3a5f,#1e40af);padding:var(--spacing-2xl) 0}.cs-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-xl);gap:var(--spacing-xl);text-align:center}.cs-stat-number{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;color:#fff;line-height:1;margin-bottom:.5rem}.cs-stat-label{font-size:.875rem;color:hsla(0,0%,100%,.75);line-height:1.4}.cs-body{background:transparent}.cs-body-grid{display:flex;flex-direction:column;gap:var(--spacing-3xl);max-width:860px;margin:0 auto}.cs-block-label{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--spacing-md)}.cs-block-title{font-size:clamp(1.375rem,3vw,1.875rem);font-weight:700;color:var(--color-text-primary);line-height:1.25;margin:0 0 var(--spacing-lg)}.cs-block-text{font-size:1.0625rem;color:var(--color-text-secondary);line-height:1.8;margin:0 0 var(--spacing-md)}.cs-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.cs-feature-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:1rem;color:var(--color-text-secondary);line-height:1.6}.cs-feature-list li:before{content:"✓";color:#10b981;font-weight:700;flex-shrink:0;margin-top:.1rem}.cs-block--result{padding:var(--spacing-2xl);background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg)}.cs-block--result .cs-block-label{color:#10b981}.cs-testimonial-block{padding:var(--spacing-2xl);background:linear-gradient(135deg,#1e3a5f,#1e40af);border-radius:var(--radius-lg);position:relative}.cs-testimonial-mark{font-size:5rem;font-family:Georgia,serif;color:hsla(0,0%,100%,.2);line-height:1;margin-bottom:-1rem}.cs-testimonial-quote{font-size:1.125rem;line-height:1.8;color:hsla(0,0%,100%,.9);font-style:italic;margin:0 0 var(--spacing-xl)}.cs-testimonial-cite{display:flex;flex-direction:column;gap:.25rem;font-style:normal}.cs-testimonial-author{font-size:1rem;font-weight:700;color:#fff}.cs-testimonial-business{font-size:.875rem;color:hsla(0,0%,100%,.65)}.cs-tech{background:transparent}.cs-tech-heading{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.cs-tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.cs-tech-tag{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-off-white);border:1px solid var(--color-gray-200);padding:.375rem .875rem;border-radius:var(--radius-full)}[data-theme=dark] .cs-browser-bar,[data-theme=dark] .cs-preview{border-color:var(--color-gray-200)}[data-theme=dark] .cs-browser-bar{background:var(--color-gray-100)}[data-theme=dark] .cs-browser-url{background:var(--color-off-white);border-color:var(--color-gray-200);color:var(--color-text-secondary)}[data-theme=dark] .cs-block--result{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.25)}[data-theme=dark] .cs-tech-tag{background:var(--color-gray-100);border-color:var(--color-gray-200)}[data-theme=dark] .cs-back:hover,[data-theme=dark] .cs-visit{color:#60a5fa}@media (max-width:768px){.cs-stats{grid-template-columns:repeat(2,1fr)}.cs-frame-wrapper{height:280px}.cs-testimonial-quote{font-size:1rem}}@media (max-width:480px){.cs-stats{grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}}