.hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-24) var(--spacing-6) var(--spacing-12);overflow:hidden;width:100%}.hero-mesh-bg{background-color:var(--color-bg-dark);background-image:radial-gradient(at 0% 0%,var(--color-primary-transparent) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(13,127,242,.1) 0px,transparent 50%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230d7ff2' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero-bg-elements{position:absolute;inset:0;z-index:var(--z-base)}.glow-orb{position:absolute;border-radius:var(--radius-full);mix-blend-mode:screen}.glow-top-left{top:33%;left:25%;width:16rem;height:16rem;background-color:var(--color-primary-glow);filter:blur(100px)}.glow-bottom-right{bottom:25%;right:25%;width:12rem;height:12rem;background-color:#a855f71a;filter:blur(80px)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:4rem 4rem;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 70%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 70%,transparent 100%)}.hero-content{position:relative;z-index:var(--z-above);width:100%;max-width:28rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-8)}.system-badge{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full)}.status-indicator{width:.5rem;height:.5rem;border-radius:var(--radius-full);background-color:var(--color-status-success)}.badge-text{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.hero-text-block{display:flex;flex-direction:column;gap:var(--spacing-4)}.hero-title{font-size:3rem;font-weight:700;line-height:.9;letter-spacing:-.05em}@media(min-width:768px){.hero-title{font-size:5rem}.hero-content{max-width:48rem}}.hero-subtitle{color:var(--color-text-muted);font-size:1.125rem;font-weight:300;line-height:1.625;max-width:24rem;margin:0 auto}.hero-actions{display:flex;flex-direction:column;width:100%;gap:var(--spacing-4);align-items:center;margin-top:var(--spacing-4)}.btn-primary{position:relative;display:flex;width:100%;max-width:280px;cursor:pointer;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--color-primary);height:3rem;padding:0 var(--spacing-6);transition:all .2s;border:none;color:var(--color-text-light);font-family:var(--font-display)}.btn-primary:hover{background-color:var(--color-primary-hover);transform:scale(1.02);box-shadow:var(--color-primary-glow) 0 0 20px -2px}.btn-primary:active{transform:scale(.98)}.btn-shimmer{position:absolute;inset:0;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%)}.btn-primary:hover .btn-shimmer{animation:shimmer 1s cubic-bezier(.4,0,.6,1) infinite}@keyframes shimmer{to{transform:translate(100%)}}.btn-text{font-size:1rem;font-weight:700;letter-spacing:.025em;margin-right:var(--spacing-2)}.btn-icon{font-size:1.125rem!important;transition:transform .2s}.btn-primary:hover .btn-icon{transform:translateY(4px)}.hero-coordinates{display:flex;justify-content:space-between;width:100%;max-width:280px;padding:0 var(--spacing-2);font-size:.625rem;font-family:var(--font-mono);color:var(--color-border-dark)}.focus-section{position:relative;z-index:var(--z-above);padding:var(--spacing-16) var(--spacing-4);background-color:var(--color-bg-dark)}.focus-container{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-12)}.section-header{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-8)}.section-subtitle{color:var(--color-primary);font-size:.875rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border-left:2px solid var(--color-primary);padding-left:var(--spacing-3)}.section-title{font-size:1.875rem;font-weight:700;color:var(--color-text-light)}.focus-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-8)}@media(min-width:768px){.focus-grid{grid-template-columns:repeat(3,1fr)}}.focus-card-wrapper{container-type:inline-size}.focus-card{border-radius:var(--radius-xl);overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column}.focus-card:hover{border-color:#0d7ff24d;box-shadow:0 0 30px #0d7ff226;transform:translateY(-4px)}.focus-image-container{position:relative;height:12rem;width:100%;overflow:hidden}.focus-image-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--color-bg-dark) 0%,transparent 100%);z-index:10}.focus-image{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .7s cubic-bezier(.4,0,.2,1)}.focus-card:hover .focus-image{transform:scale(1.05)}.focus-card-body{padding:var(--spacing-6);position:relative;z-index:20;margin-top:-3rem;display:flex;flex-direction:column;flex-grow:1}.focus-icon-box{width:3rem;height:3rem;border-radius:var(--radius-lg);background-color:var(--color-bg-dark);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-4);box-shadow:0 10px 15px -3px #00000080;color:var(--color-primary)}.focus-card-title{font-size:1.5rem;font-weight:700;color:var(--color-text-light);margin-bottom:var(--spacing-2)}.focus-card-desc{color:var(--color-text-muted);font-size:1rem;font-weight:300;margin-bottom:var(--spacing-6);flex-grow:1}.focus-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);padding-top:var(--spacing-4)}.focus-meta{font-size:.75rem;font-family:var(--font-mono);color:var(--color-primary)}.focus-cta{color:var(--color-text-light);font-size:.875rem;font-weight:700;display:flex;align-items:center;background:transparent;border:none;cursor:pointer;transition:color .2s}.focus-cta:hover{color:var(--color-primary)}.focus-cta span{font-size:1rem!important;margin-left:.25rem}.focus-coming-soon{border-radius:var(--radius-xl);padding:var(--spacing-12) var(--spacing-6);text-align:center;position:relative;overflow:hidden}.focus-coming-soon:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,var(--color-primary-glow) 0%,transparent 70%);opacity:.3;pointer-events:none}.focus-coming-soon-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.focus-coming-soon-icons{display:flex;gap:var(--spacing-8);margin-bottom:var(--spacing-4)}.focus-teaser-icon{font-size:2.25rem;color:var(--color-primary);opacity:.6;transition:opacity .3s,transform .3s}.focus-coming-soon:hover .focus-teaser-icon{opacity:1;transform:scale(1.1)}.focus-teaser-icon:nth-child(2){transition-delay:.05s}.focus-teaser-icon:nth-child(3){transition-delay:.1s}.focus-coming-soon-title{font-size:1.5rem;font-weight:700;color:var(--color-text-light)}.focus-coming-soon-desc{color:var(--color-text-muted);font-size:.9375rem;line-height:1.6;max-width:480px}.focus-coming-soon-cta{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-primary);font-weight:600;font-size:.9375rem;text-decoration:none;padding:.5rem 1.25rem;border:1px solid var(--color-primary-transparent);border-radius:var(--radius-full);transition:all .3s;margin-top:var(--spacing-2)}.focus-coming-soon-cta:hover{background:var(--color-primary-transparent);border-color:var(--color-primary);transform:translateY(-1px)}.focus-coming-soon-cta .material-symbols-outlined{font-size:1.125rem}.focus-projects-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media(min-width:768px){.focus-projects-grid{grid-template-columns:repeat(3,1fr)}}.focus-view-all{display:flex;justify-content:center;margin-top:var(--spacing-8)}.focus-view-all-btn{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-primary);font-weight:600;font-size:.9375rem;text-decoration:none;padding:.625rem 1.5rem;border:1px solid var(--color-primary-transparent);border-radius:var(--radius-full);transition:all .3s}.focus-view-all-btn:hover{background:var(--color-primary-transparent);border-color:var(--color-primary);transform:translateY(-1px)}.focus-view-all-btn .material-symbols-outlined{font-size:1.125rem}