.hero-section{padding:calc(var(--nav-height) + 72px) 0 96px;align-items:center;min-height:92vh;display:flex;position:relative;overflow:hidden;@media (width<=1024px){min-height:auto;padding:calc(var(--nav-height) + 56px) 0 80px}@media (width<=768px){padding:calc(var(--nav-height) + 48px) 0 64px}@media (width<=480px){padding:calc(var(--nav-height) + 36px) 0 56px}}.glow-orb{z-index:0;pointer-events:none;border-radius:50%;position:absolute}.hero-section .orb-1{opacity:1;background:radial-gradient(circle,#6366f12e 0%,#0000 70%);width:480px;height:480px;top:5%;left:-12%}.hero-section .orb-2{opacity:1;background:radial-gradient(circle,#a855f726 0%,#0000 70%);width:560px;height:560px;bottom:5%;right:-12%}.hero-container{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;display:grid;position:relative;@media (width<=1024px){text-align:center;grid-template-columns:1fr;gap:48px}}.hero-content{max-width:620px;@media (width<=1024px){max-width:600px;margin:0 auto}}.hero-content h1{margin-bottom:24px;font-size:clamp(2.4rem,5.5vw,4.25rem);line-height:1.1}.hero-desc{color:var(--color-text-muted);margin-bottom:40px;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.65;@media (width<=480px){margin-bottom:32px}}.hero-actions{flex-wrap:wrap;gap:14px;display:flex;@media (width<=1024px){justify-content:center}@media (width<=480px){flex-direction:column;align-items:stretch;gap:12px;& .btn{justify-content:center;width:100%}}}.hero-graphic{justify-content:center;align-items:center;width:100%;display:flex;@media (width<=768px){display:none}}.graphic-card{width:100%;max-width:440px;padding:20px 24px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:clamp(.72rem,1.4vw,.875rem);overflow:hidden;box-shadow:0 24px 48px -16px #0009,0 0 0 1px #ffffff0f}.card-header{border-bottom:1px solid var(--border-color);align-items:center;gap:6px;margin-bottom:18px;padding-bottom:12px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:11px;height:11px;&.red{background:#ff5f56}&.yellow{background:#ffbd2e}&.green{background:#27c93f}}.card-filename{color:var(--color-text-muted);margin-left:8px;font-family:inherit;font-size:.75rem}.card-content{color:#e5e7eb;text-align:left;line-height:1.7}.code-line{white-space:pre-wrap;word-break:break-all;min-height:22px}.keyword{color:#f472b6}.string{color:#34d399}.fn{color:#60a5fa}.comment{color:#6b7280;font-style:italic}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid;@media (width<=1024px){grid-template-columns:repeat(2,1fr);gap:20px}@media (width<=560px){grid-template-columns:1fr;gap:16px}}.service-card{flex-direction:column;align-items:flex-start;height:100%;padding:32px;transition:background-color .15s,border-color .15s,box-shadow .18s,transform .18s;display:flex;&:hover{border-color:#6366f147;transform:translateY(-4px);box-shadow:0 16px 36px -12px #00000073;& .service-icon{background:var(--color-primary);color:var(--color-text-white);border-color:#0000;box-shadow:0 0 16px #6366f159}& .explore-link{color:var(--color-text-white);gap:10px}}@media (width<=768px){padding:24px}@media (width<=480px){padding:20px}}.service-icon{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:52px;height:52px;color:var(--color-primary);background:#ffffff08;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:20px;transition:background-color .15s,color .15s,border-color .15s,box-shadow .18s;display:flex;& svg{width:24px;height:24px}}.service-card h3{color:var(--color-text-white);margin-bottom:10px;font-size:1.1rem;line-height:1.3}.service-card p{color:var(--color-text-muted);flex-grow:1;font-size:.9rem;line-height:1.65}.explore-link{color:var(--color-accent);align-items:center;gap:6px;margin-top:auto;padding-top:20px;font-size:.825rem;font-weight:700;transition:color .15s,gap .15s;display:inline-flex}.about-preview-section{background:radial-gradient(circle at 80%,#a855f708 0%,#0000 50%);position:relative;overflow:hidden}.about-preview-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;display:grid;@media (width<=1024px){grid-template-columns:1fr;gap:48px}}.narrative-col h2{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:clamp(1.875rem,4vw,2.625rem);line-height:1.2}.lead-text{color:var(--color-text-main);margin-bottom:14px;font-size:1.1rem;line-height:1.7}.body-text{color:var(--color-text-muted);margin-bottom:32px;font-size:.975rem;line-height:1.7}.learn-more-btn{align-items:center;gap:8px;display:inline-flex;&:hover .arrow{transform:translate(4px)}}.arrow{transition:transform .15s;display:inline-block}.metrics-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid;@media (width<=480px){gap:12px}}.metric-card{text-align:center;border-radius:var(--radius-md);padding:28px 20px;transition:background-color .15s,border-color .15s,box-shadow .18s,transform .18s;&:hover{border-color:#a855f738;transform:translateY(-3px);box-shadow:0 10px 24px -10px #a855f733}}.metric-num{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:clamp(2rem,4vw,2.625rem);font-weight:800;line-height:1;display:block}.metric-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600;line-height:1.4}