.hero{background-color:#f5f5f5;min-height:calc(100svh - var(--header-height));display:flex;align-items:center;padding-block:var(--space-xl);position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(//assets.gauravtiwari.org/wp-content/uploads/code-snippets/%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.hero__inner{position:relative;max-width:var(--max);width:100%;margin-inline:auto;padding-inline:var(--space-s)}.hero__grid{display:grid;grid-template-columns:1fr 300px 300px;grid-template-rows:auto auto auto auto;gap:var(--space-s);grid-template-areas:"primary profile newsletter" "primary services services" "primary resources resources" "stats stats stats"}.hero__primary{grid-area:primary;background:#fff;border:1px solid rgb(0 0 0 / .06);border-radius:var(--radius-l);padding:var(--space-xl);display:flex;flex-direction:column;justify-content:center;animation:heroFadeIn 0.6s ease-out both;position:relative;overflow:hidden}.hero__primary::after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,color-mix(in srgb,var(--accent-color-primary) 8%,transparent) 0%,transparent 70%);pointer-events:none}.hero__badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.5rem;width:fit-content;padding:.5rem 1rem;font-size:var(--fs-xs);font-weight:600;color:#059669;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #a7f3d0;border-radius:var(--radius-full);margin-block-end:var(--space-l)}.hero__badge-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:heroPulse 2s ease-in-out infinite;box-shadow:0 0 0 3px rgb(16 185 129 / .2)}.hero__headline{position:relative;z-index:1;font-size:var(--fs-4xl);font-weight:900;line-height:1.05;letter-spacing:-.035em;color:#0a0a0a;margin-block-end:var(--space-m);max-width:16ch;text-wrap:balance}.hero__headline em{font-style:normal;background:linear-gradient(135deg,var(--accent-color-primary) 0%,#e74c3c 100%);-webkit-background-clip:text;background-clip:text;color:#fff0;position:relative}.hero__lead{position:relative;z-index:1;font-size:var(--fs-m);line-height:1.7;color:#4b5563;max-width:44ch;margin-block-end:var(--space-l)}.hero__cta-row{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-s)}.hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-size:var(--fs-s);font-weight:600;text-decoration:none;border-radius:var(--radius-m);transition:all 0.2s ease;cursor:pointer}.hero__btn--primary{color:#fff;background:linear-gradient(135deg,var(--accent-color-primary) 0%,#a93226 100%);border:none;box-shadow:var(--button-shadow),0 4px 16px color-mix(in srgb,var(--accent-color-primary) 30%,transparent)}.hero__btn--primary:hover{transform:translateY(-2px);box-shadow:var(--button-shadow),0 8px 24px color-mix(in srgb,var(--accent-color-primary) 40%,transparent)}.hero__btn--primary:active{transform:translateY(0)}.hero__btn--ghost{color:#374151;background:#fff0;border:1.5px solid #d1d5db}.hero__btn--ghost:hover{color:var(--accent-color-primary);border-color:var(--accent-color-primary);background:color-mix(in srgb,var(--accent-color-primary) 5%,transparent)}.hero__btn:focus-visible{outline:2px solid var(--accent-color-primary);outline-offset:2px}.hero__profile-card{grid-area:profile;border-radius:var(--radius-l);overflow:hidden;position:relative;animation:heroFadeIn 0.6s ease-out 0.1s both;aspect-ratio:.8}.hero__profile-image{position:absolute;inset:0}.hero__profile-image img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(100%);transition:filter 0.4s ease}.hero__profile-card:hover .hero__profile-image img{filter:grayscale(30%)}.hero__profile-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .85) 0%,rgb(0 0 0 / .4) 40%,transparent 70%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-m)}.hero__profile-info{margin-bottom:var(--space-xs)}.hero__profile-name{font-size:var(--fs-l);font-weight:800;color:#fff;margin:0 0 .25rem 0;letter-spacing:-.01em}.hero__profile-title{font-size:var(--fs-xs);font-weight:500;color:rgb(255 255 255 / .7);margin:0}.hero__profile-links{display:flex;gap:.5rem}.hero__social{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:rgb(255 255 255 / .8);background:rgb(255 255 255 / .1);border-radius:var(--radius-s);transition:all 0.2s ease;backdrop-filter:blur(4px);border:1px solid rgb(255 255 255 / .1)}.hero__social:hover{color:#fff;background:var(--accent-color-primary);transform:translateY(-2px)}.hero__social:focus-visible{outline:2px solid #fff;outline-offset:2px}.hero__newsletter{grid-area:newsletter;background:linear-gradient(135deg,#0f172a 0%,#080808 100%);border-radius:var(--radius-l);padding:var(--space-m);display:flex;flex-direction:column;animation:heroFadeIn 0.6s ease-out 0.15s both;position:relative;overflow:hidden}.hero__newsletter::before{content:"";position:absolute;top:-30%;right:-20%;width:150px;height:150px;background:radial-gradient(circle,rgb(192 57 43 / .15) 0%,transparent 70%);pointer-events:none}.hero__newsletter-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#fff;font-size:1.25rem;margin-bottom:var(--space-s)}.hero__newsletter-content{position:relative;z-index:1;flex:1}.hero__newsletter-title{font-size:var(--fs-m);font-weight:800;color:#fff;margin:0 0 .375rem 0;letter-spacing:-.01em}.hero__newsletter-desc{font-size:var(--fs-xs);color:rgb(255 255 255 / .6);margin:0 0 var(--space-xs) 0;line-height:1.5}.hero__newsletter-meta{display:flex;align-items:center;gap:.5rem;font-size:.6875rem;color:rgb(255 255 255 / .4);margin-bottom:var(--space-s)}.hero__newsletter-dot{opacity:.5}.hero__newsletter-readers{color:gold;font-weight:600}.hero__newsletter-cta{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.75rem 1rem;font-size:var(--fs-xs);font-weight:700;color:#0f172a;background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%);border-radius:var(--radius-s);text-decoration:none;transition:all 0.2s ease;margin-top:auto}.hero__newsletter-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .2);background:#fff}.hero__services{grid-area:services;background:#fff;border:1px solid rgb(0 0 0 / .06);border-radius:var(--radius-l);padding:var(--space-m);animation:heroFadeIn 0.6s ease-out 0.2s both}.hero__services-label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin-block-end:var(--space-s)}.hero__services-list{display:flex;flex-wrap:wrap;gap:.5rem}.hero__service{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:var(--fs-s);font-weight:500;color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--radius-full);text-decoration:none;transition:all 0.2s ease}.hero__service [class*="md-icon"]{font-size:1rem;color:#9ca3af;transition:color 0.2s ease}.hero__service:hover{color:var(--accent-color-primary);border-color:color-mix(in srgb,var(--accent-color-primary) 40%,transparent);background:color-mix(in srgb,var(--accent-color-primary) 5%,white);transform:translateY(-1px)}.hero__service:hover [class*="md-icon"]{color:var(--accent-color-primary)}.hero__resources{grid-area:resources;background:#fff;border:1px solid rgb(0 0 0 / .06);border-radius:var(--radius-l);padding:var(--space-m);animation:heroFadeIn 0.6s ease-out 0.22s both}.hero__resources-header{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--space-s);flex-wrap:wrap;gap:.5rem}.hero__resources-label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin:0}.hero__resources-tabs{display:flex;gap:.25rem;background:#f3f4f6;padding:.25rem;border-radius:var(--radius-s)}.hero__resources-tab{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:var(--fs-xs);font-weight:600;color:#6b7280;background:#fff0;border:none;border-radius:var(--radius-s);cursor:pointer;transition:all 0.2s ease}.hero__resources-tab [class*="md-icon"]{font-size:.875rem}.hero__resources-tab:hover{color:#374151}.hero__resources-tab.active{color:var(--accent-color-primary);background:#fff;box-shadow:0 1px 3px rgb(0 0 0 / .1)}.hero__resources-panel{display:none}.hero__resources-panel.active{display:block;animation:heroPanelFade 0.25s ease-out}@keyframes heroPanelFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero__resources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-block-end:var(--space-s)}.hero__resource-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--radius-s);text-decoration:none;transition:all 0.2s ease}.hero__resource-item:hover{background:color-mix(in srgb,var(--accent-color-primary) 5%,white);border-color:color-mix(in srgb,var(--accent-color-primary) 30%,transparent);transform:translateY(-1px);box-shadow:0 2px 8px rgb(0 0 0 / .05)}.hero__resource-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#080808;border-radius:var(--radius-s);color:#fff;font-size:.75rem;flex-shrink:0}.hero__resource-name{font-size:var(--fs-xs);font-weight:600;color:#374151;line-height:1.3}.hero__resource-item:hover .hero__resource-name{color:var(--accent-color-primary)}.hero__resources-more{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--fs-xs);font-weight:600;color:var(--accent-color-primary);text-decoration:none;transition:all 0.2s ease}.hero__resources-more:hover{gap:.5rem}.hero__resources-more i{font-size:.75rem;transition:transform 0.2s ease}.hero__resources-more:hover i{transform:translateX(2px)}@keyframes heroFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}@media (max-width:1200px){.hero__grid{grid-template-columns:1fr 1fr;grid-template-areas:"primary primary" "profile newsletter" "services services" "resources resources" "stats stats"}.hero__profile-card{aspect-ratio:.75}}@media (max-width:768px){.hero{min-height:auto;padding-block:var(--space-m)}.hero__inner{padding-inline:var(--space-s)}.hero__grid{grid-template-columns:1fr;grid-template-areas:"profile" "primary" "newsletter" "services" "resources" "stats";gap:.75rem}.hero__profile-card{aspect-ratio:2;max-height:200px;border-radius:var(--radius-m)}.hero__profile-image img{object-position:center 30%}.hero__profile-overlay{padding:var(--space-s);flex-direction:row;align-items:flex-end;justify-content:space-between;background:linear-gradient(to top,rgb(0 0 0 / .9) 0%,rgb(0 0 0 / .4) 60%,transparent 100%)}.hero__profile-info{margin-bottom:0}.hero__profile-name{font-size:var(--fs-m)}.hero__profile-title{font-size:.6875rem}.hero__profile-links{gap:.375rem}.hero__social{width:32px;height:32px;font-size:.875rem}.hero__primary{padding:var(--space-m);border-radius:var(--radius-m)}.hero__badge{padding:.375rem .75rem;margin-block-end:var(--space-s)}.hero__headline{font-size:var(--fs-2xl);margin-block-end:var(--space-s)}.hero__lead{font-size:var(--fs-s);margin-block-end:var(--space-m);line-height:1.6}.hero__cta-row{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.hero__btn{padding:.75rem 1rem;font-size:var(--fs-s)}.hero__btn--primary i{display:none}.hero__newsletter{padding:var(--space-s);border-radius:var(--radius-m);flex-direction:row;align-items:center;gap:var(--space-s)}.hero__newsletter-icon{width:40px;height:40px;font-size:1rem;margin-bottom:0;flex-shrink:0}.hero__newsletter-content{flex:1;min-width:0}.hero__newsletter-title{font-size:var(--fs-s)}.hero__newsletter-desc{display:none}.hero__newsletter-meta{margin-bottom:0}.hero__newsletter-cta{width:auto;padding:.5rem .875rem;flex-shrink:0}.hero__services{padding:var(--space-s);border-radius:var(--radius-m);overflow:hidden}.hero__services-label{margin-block-end:.5rem;padding-inline:.25rem}.hero__services-list{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.5rem;padding-bottom:.25rem;margin-inline:-.25rem;padding-inline:.25rem;scrollbar-width:none;-ms-overflow-style:none}.hero__services-list::-webkit-scrollbar{display:none}.hero__service{flex-shrink:0;padding:.375rem .625rem;font-size:var(--fs-xs)}.hero__service [class*="md-icon"]{font-size:.875rem}.hero__resources{padding:var(--space-s);border-radius:var(--radius-m)}.hero__resources-header{flex-direction:column;align-items:flex-start;gap:.625rem}.hero__resources-tabs{width:100%}.hero__resources-tab{flex:1;justify-content:center;padding:.5rem .375rem}.hero__resources-tab span{display:none}.hero__resources-tab [class*="md-icon"]{font-size:1rem}.hero__resources-grid{grid-template-columns:1fr}.hero__resource-item{padding:.5rem .625rem}.hero__resource-icon{width:24px;height:24px;font-size:.625rem}}@media (max-width:380px){.hero__inner{padding-inline:.75rem}.hero__headline{font-size:var(--fs-xl)}.hero__cta-row{grid-template-columns:1fr}.hero__profile-card{aspect-ratio:1.7777777778}}