@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Outfit:wght@100..900&display=swap');*, *::before, *::after {box-sizing: border-box;margin: 0;padding: 0;border: 0 solid #e5e7eb;}html {scroll-behavior: smooth;-webkit-text-size-adjust: 100%;}body {font-family: 'DM Sans', sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;line-height: 1.5;color: #1a1a2e;background: #fff;}.dark body {color: #e2e8f0;background: #0b1120;}a {text-decoration: none;color: inherit;}button {cursor: pointer;background: none;border: none;font: inherit;color: inherit;}img {max-width: 100%;display: block;}ul, ol {list-style: none;}input, textarea, select {font: inherit;}.font-display {font-family: 'Outfit', sans-serif;}.logo-after-hours {display: block;font-family: 'Outfit', sans-serif;font-size: 0.55em;font-weight: 600;letter-spacing: 0.25em;text-transform: uppercase;color: #96BF30;margin-top: -2px;line-height: 1;animation: afterHoursFadeIn 0.6s ease-out both;text-shadow: 0 0 12px rgba(150, 191, 48, 0.4), 0 0 24px rgba(150, 191, 48, 0.15);}@keyframes afterHoursFadeIn {0% {opacity: 0;transform: translateY(-4px);}100% {opacity: 1;transform: translateY(0);}}.hero-section {position: relative;overflow: hidden;z-index: 1;min-height: 100vh;min-height: 100dvh;display: flex;align-items: center;background: radial-gradient(ellipse at 20% 50%, rgba(150,191,48,0.08) 0%, transparent 60%), radial-gradient(ellipse at 80% 30%, rgba(36,48,16,0.05) 0%, transparent 50%), linear-gradient(160deg, #f0f4e8 0%, #f5f7f0 30%, #f8faf5 60%, #f2f5ec 100%);}.dark .hero-section {background: linear-gradient(180deg, #040a14 0%, #081020 25%, #0a1428 50%, #0d1830 75%, #111d35 100%);}.hero-night, .night-sky {position: absolute;inset: 0;overflow: hidden;pointer-events: none;display: none;}.dark .hero-night, .dark .night-sky {display: block;}.hero-stars, .night-stars {position: absolute;inset: 0;}.star {position: absolute;border-radius: 50%;background: #fff;animation: starTwinkle 3s ease-in-out infinite alternate;}.star--1 {width: 2px;height: 2px;top: 8%;left: 12%;animation-delay: 0s;}.star--2 {width: 1px;height: 1px;top: 15%;left: 28%;animation-delay: 0.4s;}.star--3 {width: 2px;height: 2px;top: 5%;left: 45%;animation-delay: 0.8s;}.star--4 {width: 1px;height: 1px;top: 22%;left: 55%;animation-delay: 1.2s;}.star--5 {width: 3px;height: 3px;top: 10%;left: 70%;animation-delay: 0.2s;}.star--6 {width: 1px;height: 1px;top: 18%;left: 82%;animation-delay: 1.6s;}.star--7 {width: 2px;height: 2px;top: 3%;left: 92%;animation-delay: 0.6s;}.star--8 {width: 1px;height: 1px;top: 25%;left: 8%;animation-delay: 1.0s;}.star--9 {width: 2px;height: 2px;top: 12%;left: 38%;animation-delay: 1.4s;}.star--10 {width: 1px;height: 1px;top: 30%;left: 65%;animation-delay: 0.3s;}.star--11 {width: 1px;height: 1px;top: 6%;left: 20%;animation-delay: 1.8s;}.star--12 {width: 2px;height: 2px;top: 20%;left: 48%;animation-delay: 0.7s;}.star--13 {width: 1px;height: 1px;top: 14%;left: 75%;animation-delay: 2.0s;}.star--14 {width: 1px;height: 1px;top: 28%;left: 35%;animation-delay: 0.5s;}.star--15 {width: 2px;height: 2px;top: 7%;left: 58%;animation-delay: 1.1s;}.star--16 {width: 1px;height: 1px;top: 16%;left: 90%;animation-delay: 1.5s;}.star--17 {width: 1px;height: 1px;top: 24%;left: 15%;animation-delay: 0.9s;}.star--18 {width: 2px;height: 2px;top: 4%;left: 80%;animation-delay: 1.7s;}.star--19 {width: 1px;height: 1px;top: 11%;left: 52%;animation-delay: 2.2s;}.star--20 {width: 1px;height: 1px;top: 26%;left: 42%;animation-delay: 1.3s;}.star--21 {width: 2px;height: 2px;top: 35%;left: 18%;animation-delay: 0.1s;}.star--22 {width: 1px;height: 1px;top: 40%;left: 72%;animation-delay: 1.9s;}.star--23 {width: 1px;height: 1px;top: 33%;left: 88%;animation-delay: 0.8s;}.star--24 {width: 2px;height: 2px;top: 38%;left: 50%;animation-delay: 2.1s;}.star--25 {width: 1px;height: 1px;top: 42%;left: 30%;animation-delay: 1.6s;}@keyframes starTwinkle {0% {opacity: 0.2;}100% {opacity: 1;}}.shooting-star {position: absolute;width: 3px;height: 3px;background: #fff;border-radius: 50%;opacity: 0;box-shadow: 0 0 4px rgba(255,255,255,0.6);}.shooting-star::after {content: '';position: absolute;top: 0;right: 0;width: 80px;height: 1.5px;background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.3) 40%, transparent 100%);transform: rotate(-35deg);transform-origin: right center;}.shooting-star--1 {top: 6%;left: 70%;animation: shootingStar1 7s linear infinite;animation-delay: 0.5s;}.shooting-star--2 {top: 12%;left: 25%;animation: shootingStar2 8s linear infinite;animation-delay: 3s;}.shooting-star--3 {top: 4%;left: 85%;animation: shootingStar1 9s linear infinite;animation-delay: 6s;}.shooting-star--4 {top: 18%;left: 50%;animation: shootingStar3 6s linear infinite;animation-delay: 1.5s;}.shooting-star--5 {top: 8%;left: 40%;animation: shootingStar2 10s linear infinite;animation-delay: 5s;}.shooting-star--6 {top: 15%;left: 75%;animation: shootingStar3 7.5s linear infinite;animation-delay: 8s;}@keyframes shootingStar1 {0% {opacity: 0;transform: translate(0, 0);}1% {opacity: 1;}6% {opacity: 1;transform: translate(-160px, 100px);}8% {opacity: 0;transform: translate(-200px, 130px);}100% {opacity: 0;}}@keyframes shootingStar2 {0% {opacity: 0;transform: translate(0, 0);}1% {opacity: 1;}5% {opacity: 1;transform: translate(-130px, 90px);}7% {opacity: 0;transform: translate(-170px, 120px);}100% {opacity: 0;}}@keyframes shootingStar3 {0% {opacity: 0;transform: translate(0, 0);}2% {opacity: 1;}8% {opacity: 1;transform: translate(-180px, 110px);}10% {opacity: 0;transform: translate(-220px, 140px);}100% {opacity: 0;}}.firefly {position: absolute;width: 5px;height: 5px;border-radius: 50%;background: rgba(150,191,48,0.9);box-shadow: 0 0 8px rgba(150,191,48,0.8), 0 0 18px rgba(150,191,48,0.5), 0 0 32px rgba(150,191,48,0.25), 0 0 48px rgba(150,191,48,0.1);animation: fireflyFloat 8s ease-in-out infinite;}.firefly--1 {top: 30%;left: 8%;animation-delay: 0s;animation-duration: 7s;}.firefly--2 {top: 55%;left: 15%;animation-delay: 1.5s;animation-duration: 9s;}.firefly--3 {top: 70%;left: 45%;animation-delay: 3s;animation-duration: 6.5s;}.firefly--4 {top: 40%;left: 60%;animation-delay: 0.8s;animation-duration: 8s;}.firefly--5 {top: 75%;left: 75%;animation-delay: 2.2s;animation-duration: 10s;}.firefly--6 {top: 25%;left: 85%;animation-delay: 4s;animation-duration: 7.5s;}.firefly--7 {top: 80%;left: 35%;animation-delay: 5.5s;animation-duration: 8.5s;}.firefly--8 {top: 50%;left: 50%;animation-delay: 2.8s;animation-duration: 6.5s;}.firefly--9 {top: 35%;left: 30%;animation-delay: 1s;animation-duration: 9.5s;}.firefly--10 {top: 65%;left: 90%;animation-delay: 3.5s;animation-duration: 7s;}.firefly--11 {top: 20%;left: 55%;animation-delay: 6s;animation-duration: 8s;}.firefly--12 {top: 85%;left: 20%;animation-delay: 0.5s;animation-duration: 11s;}.firefly--13 {top: 45%;left: 72%;animation-delay: 4.5s;animation-duration: 6s;}.firefly--14 {top: 60%;left: 5%;animation-delay: 7s;animation-duration: 9s;}.firefly--3, .firefly--6, .firefly--10, .firefly--13 {width: 6px;height: 6px;animation-name: fireflyFloat2;}.firefly--1, .firefly--8, .firefly--11 {width: 4px;height: 4px;animation-name: fireflyFloat3;}@keyframes fireflyFloat {0% {opacity: 0;transform: translate(0, 0);}15% {opacity: 0.9;}50% {opacity: 0.6;transform: translate(10px, -30px);}85% {opacity: 0.8;}100% {opacity: 0;transform: translate(15px, -50px);}}@keyframes fireflyFloat2 {0% {opacity: 0;transform: translate(0, 0);}15% {opacity: 0.8;}50% {opacity: 0.5;transform: translate(-12px, -25px);}85% {opacity: 0.9;}100% {opacity: 0;transform: translate(-8px, -45px);}}@keyframes fireflyFloat3 {0% {opacity: 0;transform: translate(0, 0);}15% {opacity: 0.7;}50% {opacity: 0.5;transform: translate(8px, -20px);}85% {opacity: 0.8;}100% {opacity: 0;transform: translate(5px, -40px);}}.section-shooting-star {position: absolute;width: 2px;height: 2px;background: #fff;border-radius: 50%;opacity: 0;box-shadow: 0 0 3px rgba(255,255,255,0.5);display: none;}.dark .section-shooting-star {display: block;}.section-shooting-star::after {content: '';position: absolute;top: 0;right: 0;width: 60px;height: 1px;background: linear-gradient(90deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.2) 40%, transparent 100%);transform: rotate(-30deg);transform-origin: right center;}.section-shooting-star--1 {top: 12%;left: 75%;animation: sectionShoot1 8s linear infinite;animation-delay: 1s;}.section-shooting-star--2 {top: 35%;left: 20%;animation: sectionShoot2 10s linear infinite;animation-delay: 4s;}.section-shooting-star--3 {top: 60%;left: 85%;animation: sectionShoot1 9s linear infinite;animation-delay: 7s;}.section-shooting-star--4 {top: 80%;left: 45%;animation: sectionShoot2 7s linear infinite;animation-delay: 2.5s;}@keyframes sectionShoot1 {0% {opacity: 0;transform: translate(0, 0);}1% {opacity: 0.8;}5% {opacity: 0.8;transform: translate(-120px, 70px);}7% {opacity: 0;transform: translate(-150px, 90px);}100% {opacity: 0;}}@keyframes sectionShoot2 {0% {opacity: 0;transform: translate(0, 0);}1% {opacity: 0.7;}4% {opacity: 0.7;transform: translate(-100px, 60px);}6% {opacity: 0;transform: translate(-130px, 80px);}100% {opacity: 0;}}.hero-container {position: relative;z-index: 2;width: 100%;max-width: 1280px;margin: 0 auto;padding: clamp(100px, 14vh, 160px) clamp(20px, 4vw, 64px) clamp(100px, 12vh, 140px);display: flex;flex-direction: column;align-items: center;gap: clamp(40px, 5vw, 64px);}@media (min-width: 1024px) {.hero-container {flex-direction: row;align-items: center;justify-content: space-between;gap: clamp(32px, 3vw, 60px);}}.hero-text {flex: 1;max-width: 640px;}.hero-topper {display: inline-block;font-family: 'Outfit', sans-serif;font-size: 0.7rem;font-weight: 700;letter-spacing: 0.22em;text-transform: uppercase;color: #96BF30;margin-bottom: 0.7rem;text-shadow: 0 0 20px rgba(150,191,48,0.3);padding: 0.3em 0.8em;background: rgba(150,191,48,0.1);border: 1px solid rgba(150,191,48,0.2);border-radius: 4px;}.dark .hero-topper {background: rgba(150,191,48,0.08);border-color: rgba(150,191,48,0.15);text-shadow: 0 0 16px rgba(150,191,48,0.5);}@media (min-width: 640px) {.hero-topper {font-size: 0.85rem;margin-bottom: 0.8rem;}}@media (min-width: 1024px) {.hero-topper {font-size: 0.95rem;margin-bottom: 1rem;}}.hero-title {font-family: 'Outfit', sans-serif;font-size: clamp(2.2rem, 5.5vw, 4.2rem);font-weight: 900;line-height: 1.05;color: #1a2e0a;margin-bottom: 0.8rem;position: relative;}.hero-title::after {content: '';display: block;width: clamp(60px, 10vw, 100px);height: 4px;background: linear-gradient(90deg, #96BF30, rgba(150,191,48,0.3));border-radius: 2px;margin-top: 0.6rem;}.dark .hero-title {color: #fff;text-shadow: 0 2px 15px rgba(0,0,0,0.5);}.dark .hero-title::after {background: linear-gradient(90deg, #96BF30, rgba(150,191,48,0.1));box-shadow: 0 0 12px rgba(150,191,48,0.3);}@media (min-width: 1024px) {.hero-title {margin-bottom: 1.2rem;}}.neon-text {color: #96BF30 !important;text-shadow: 0 0 7px rgba(150,191,48,0.6), 0 0 20px rgba(150,191,48,0.35), 0 0 42px rgba(150,191,48,0.15), 0 0 80px rgba(150,191,48,0.06);animation: neonFlicker 5s ease-in-out infinite;}@keyframes neonFlicker {0%, 100% {opacity: 1;}91% {opacity: 1;}92% {opacity: 0.6;}93% {opacity: 1;}96% {opacity: 0.8;}97% {opacity: 1;}}.hero-description {font-size: clamp(0.95rem, 1.5vw, 1.25rem);line-height: 1.65;color: #3a4a2a;margin-bottom: 1.4rem;max-width: 540px;}.dark .hero-description {color: rgba(255,255,255,0.7);}@media (min-width: 1024px) {.hero-description {margin-bottom: 2rem;}}.hero-buttons {display: flex;flex-direction: column;gap: 0.75rem;align-items: flex-start;}@media (min-width: 640px) {.hero-buttons {flex-direction: row;gap: 1rem;}}.hero-cta-primary {display: inline-flex;align-items: center;justify-content: center;border-radius: 9999px;background: #96BF30;color: #0b1a0b;font-family: 'Outfit', sans-serif;font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.1em;padding: 0.8rem 1.9rem;text-decoration: none;transition: all 0.3s;white-space: nowrap;box-shadow: 0 4px 20px rgba(150,191,48,0.4), 0 2px 8px rgba(150,191,48,0.2);}@media (min-width: 640px) {.hero-cta-primary {font-size: 0.85rem;padding: 0.85rem 2.2rem;}}@media (min-width: 1024px) {.hero-cta-primary {font-size: 0.92rem;padding: 0.95rem 2.6rem;}}.hero-cta-primary:hover {background: #a8d435;transform: translateY(-2px);box-shadow: 0 6px 28px rgba(150,191,48,0.55), 0 2px 12px rgba(150,191,48,0.3);}.hero-cta-secondary {display: inline-flex;align-items: center;justify-content: center;border-radius: 9999px;border: 2px solid #243010;color: #243010;font-family: 'Outfit', sans-serif;font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.1em;padding: 0.8rem 1.9rem;text-decoration: none;transition: all 0.3s;white-space: nowrap;}.dark .hero-cta-secondary {border-color: rgba(255,255,255,0.25);color: #fff;}@media (min-width: 640px) {.hero-cta-secondary {font-size: 0.85rem;padding: 0.85rem 2.2rem;}}@media (min-width: 1024px) {.hero-cta-secondary {font-size: 0.92rem;padding: 0.95rem 2.6rem;}}.hero-cta-secondary:hover {border-color: #96BF30;color: #96BF30;}.hero-devices {position: relative;width: 85%;max-width: 340px;margin-bottom: 30px;}@media (min-width: 640px) {.hero-devices {max-width: 400px;}}@media (min-width: 1024px) {.hero-devices {flex-shrink: 0;width: clamp(340px, 42vw, 560px);max-width: none;margin-bottom: 0;}}.device-laptop {position: relative;width: 100%;}.laptop-screen {position: relative;background: #222;border: 3px solid #333;border-bottom: none;border-radius: 10px 10px 0 0;padding: 8px 8px 6px;aspect-ratio: 16/10;box-shadow: 0 4px 30px rgba(0,0,0,0.2), 0 0 40px rgba(150,191,48,0.08);}.dark .laptop-screen {background: #1a1a1a;border-color: #444;box-shadow: 0 4px 40px rgba(0,0,0,0.5);}.laptop-screen::before {content: '';position: absolute;top: 3px;left: 50%;transform: translateX(-50%);width: 4px;height: 4px;background: #555;border-radius: 50%;}.laptop-content {width: 100%;height: 100%;background: #fff;border-radius: 2px;overflow: hidden;display: flex;flex-direction: column;}.browser-bar {display: flex;align-items: center;gap: 6px;padding: 4px 8px;background: #f0f0f0;border-bottom: 1px solid #ddd;flex-shrink: 0;}.browser-dots {display: flex;gap: 3px;flex-shrink: 0;}.browser-dot {width: 5px;height: 5px;border-radius: 50%;}.browser-dot--red {background: #ff5f56;}.browser-dot--yellow {background: #ffbd2e;}.browser-dot--green {background: #27c93f;}.browser-url-bar {flex: 1;background: #fff;border-radius: 3px;padding: 2px 6px;border: 1px solid #ddd;}.browser-url-text {font-family: 'Arial', sans-serif;font-size: clamp(5px, 0.7vw, 8px);color: #666;}.laptop-base {width: 110%;margin-left: -5%;height: 8px;background: linear-gradient(180deg, #444 0%, #333 50%, #2a2a2a 100%);border-radius: 0 0 2px 2px;}.dark .laptop-base {background: linear-gradient(180deg, #666 0%, #555 50%, #444 100%);}.laptop-bottom {width: 30%;margin-left: 35%;height: 4px;background: linear-gradient(180deg, #2a2a2a 0%, #222 100%);border-radius: 0 0 6px 6px;}.dark .laptop-bottom {background: linear-gradient(180deg, #444 0%, #333 100%);}.device-phone {position: absolute;bottom: -8%;right: -6%;width: 32%;z-index: 2;}.phone-frame {background: #1a1a1a;border: 2.5px solid #444;border-radius: 22px;padding: 0;box-shadow: -6px 6px 30px rgba(0,0,0,0.3), inset 0 0 0 1px rgba(255,255,255,0.05);overflow: hidden;display: flex;flex-direction: column;}.dark .phone-frame {border-color: #555;box-shadow: -4px 4px 30px rgba(0,0,0,0.5), inset 0 0 0 1px rgba(255,255,255,0.08);}.phone-status-bar {display: flex;align-items: center;justify-content: space-between;padding: 4px 10px 2px;background: #fff;font-family: -apple-system, 'SF Pro Text', 'Helvetica Neue', sans-serif;position: relative;}.phone-time {font-size: 5.5px;font-weight: 600;color: #000;min-width: 22px;}.phone-dynamic-island {width: 28%;height: 8px;background: #1a1a1a;border-radius: 10px;position: absolute;left: 50%;top: 2px;transform: translateX(-50%);}.phone-status-icons {display: flex;align-items: center;gap: 2.5px;min-width: 22px;justify-content: flex-end;}.phone-signal {width: 8px;height: 5px;color: #000;}.phone-wifi {width: 7px;height: 5px;color: #000;}.phone-battery {width: 10px;height: 5px;border: 1px solid #000;border-radius: 1.5px;position: relative;padding: 0.5px;}.phone-battery::after {content: '';position: absolute;right: -2px;top: 50%;transform: translateY(-50%);width: 1px;height: 2.5px;background: #000;border-radius: 0 1px 1px 0;}.phone-battery-fill {width: 75%;height: 100%;background: #000;border-radius: 0.5px;}.phone-content {width: 100%;aspect-ratio: 9/16;display: flex;flex-direction: column;background: #fff;overflow: hidden;}.screen-google--phone {flex: 1;min-height: 0;}.phone-home-bar {width: 36%;height: 4px;background: #fff;border-radius: 4px;margin: 4px auto 5px;}.g-logo--phone {margin-bottom: 14%;}.g-letter--phone {font-size: 12px;}.g-searchbar--phone {width: 88%;padding: 5px 8px;border-radius: 16px;gap: 5px;overflow: hidden;flex-direction: row-reverse;}.g-search-icon--phone {width: 8px;height: 8px;border-width: 1.5px;flex-shrink: 0;}.g-search-icon--phone::after {width: 1.5px;height: 4px;}.g-home-buttons--phone {margin-top: 8px;gap: 6px;}.g-home-btn--phone {font-size: 5px;padding: 3px 7px;border-radius: 3px;}.g-typed-text--phone {font-size: 6px;display: inline-block;white-space: nowrap;transition: transform 0.1s ease;}.g-typed-text--phone.typing {border-right-width: 1px;}.g-static-query--phone {font-size: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.g-topbar--phone {padding: 4px 6px;}.g-results-tabs--phone {gap: 6px;padding: 3px 6px;}.g-tab--phone {font-size: 4.5px;}.g-results--phone {padding: 6px 8px;gap: 7px;}.g-result-url--phone {font-size: 5px;}.g-result-url--phone::before {width: 7px;height: 7px;}.g-result-title--phone {font-size: 6.5px;}.g-result-desc--phone {font-size: 5px;line-height: 1.35;}.g-result--phone.g-result--first {padding: 4px 5px;}.screen-google {position: relative;width: 100%;flex: 1;min-height: 0;}.g-phase {position: absolute;inset: 0;display: flex;flex-direction: column;}.g-phase--home {justify-content: center;align-items: center;padding: 8%;transition: opacity 0.5s ease;}.g-phase--results {opacity: 0;transition: opacity 0.5s ease;}.g-phase--home.is-hidden {opacity: 0;}.g-phase--results.is-visible {opacity: 1;}.g-logo {display: flex;gap: 1px;margin-bottom: 12%;}.g-letter {font-family: 'Arial', sans-serif;font-weight: 700;font-size: clamp(10px, 2.5vw, 22px);line-height: 1;}.g-blue {color: #4285f4;}.g-red {color: #ea4335;}.g-yellow {color: #fbbc05;}.g-green {color: #34a853;}.g-searchbar {display: flex;align-items: center;width: 85%;padding: clamp(4px, 0.8vw, 8px) clamp(6px, 1vw, 12px);border: 1px solid #dfe1e5;border-radius: 20px;background: #fff;box-shadow: 0 1px 4px rgba(0,0,0,0.06);gap: clamp(4px, 0.6vw, 8px);}.g-searchbar--home {width: 85%;min-height: clamp(16px, 2.5vw, 28px);}.g-search-icon {width: clamp(8px, 1.2vw, 14px);height: clamp(8px, 1.2vw, 14px);border: 2px solid #9aa0a6;border-radius: 50%;flex-shrink: 0;position: relative;}.g-search-icon::after {content: '';position: absolute;bottom: -2px;right: -2px;width: 2px;height: clamp(3px, 0.5vw, 5px);background: #9aa0a6;transform: rotate(-45deg);}.g-home-buttons {display: flex;gap: clamp(4px, 0.8vw, 8px);margin-top: clamp(8px, 1.5vw, 16px);}.g-typed-text {font-family: 'Arial', sans-serif;font-size: clamp(5px, 0.9vw, 10px);color: #222;white-space: nowrap;}.g-typed-text.typing {border-right: 1.5px solid #333;padding-right: 1px;animation: cursorBlink 0.6s step-end infinite;}@keyframes cursorBlink {0%, 50% {border-color: #333;}51%, 100% {border-color: transparent;}}.g-home-btn {font-family: 'Arial', sans-serif;font-size: clamp(4px, 0.65vw, 8px);color: #3c4043;background: #f8f9fa;border: 1px solid #f8f9fa;border-radius: 4px;padding: clamp(2px, 0.4vw, 6px) clamp(6px, 0.8vw, 12px);cursor: default;transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;}.g-home-btn.is-clicking {background: #dadce0;border-color: #dadce0;box-shadow: 0 1px 3px rgba(0,0,0,0.2);transform: scale(0.95);}.g-result--first {transition: background 0.2s ease;}.g-result--first.is-clicking {background: rgba(26,115,232,0.1);border-radius: 4px;}.g-result--first.is-clicking .g-result-title {text-decoration: underline;}.g-static-query {font-family: 'Arial', sans-serif;font-size: clamp(5px, 0.9vw, 10px);color: #222;white-space: nowrap;}.g-topbar {display: flex;align-items: center;gap: clamp(4px, 0.8vw, 10px);padding: clamp(4px, 0.6vw, 8px) clamp(6px, 1vw, 14px);border-bottom: 1px solid #ebebeb;background: #fff;}.g-topbar-logo {display: flex;gap: 0;flex-shrink: 0;}.g-letter-sm {font-family: 'Arial', sans-serif;font-weight: 700;font-size: clamp(6px, 1vw, 11px);line-height: 1;}.g-searchbar--full {flex: 1;}.g-results-tabs {display: flex;gap: clamp(6px, 1vw, 14px);padding: clamp(3px, 0.5vw, 6px) clamp(8px, 1.2vw, 16px);border-bottom: 1px solid #ebebeb;}.g-tab {font-family: 'Arial', sans-serif;font-size: clamp(4px, 0.6vw, 7px);color: #5f6368;padding-bottom: clamp(2px, 0.3vw, 4px);cursor: default;}.g-tab--active {color: #1a73e8;border-bottom: 2px solid #1a73e8;font-weight: 600;}.g-results {padding: clamp(6px, 1vw, 14px) clamp(8px, 1.2vw, 16px);display: flex;flex-direction: column;gap: clamp(8px, 1.2vw, 16px);overflow: hidden;flex: 1;}.g-result {opacity: 0;transform: translateY(6px);animation: resultLoop 10s ease infinite;}.g-result:nth-child(2) {animation-delay: 0.3s;}.g-result:nth-child(3) {animation-delay: 0.6s;}@keyframes resultLoop {0% {opacity: 0;transform: translateY(6px);}48% {opacity: 0;transform: translateY(6px);}54% {opacity: 1;transform: translateY(0);}90% {opacity: 1;transform: translateY(0);}93% {opacity: 0;transform: translateY(6px);}100% {opacity: 0;transform: translateY(6px);}}.g-result-url {font-family: 'Arial', sans-serif;font-size: clamp(4px, 0.65vw, 7px);color: #202124;margin-bottom: 1px;}.g-result-url::before {content: '';display: inline-block;width: clamp(6px, 0.9vw, 10px);height: clamp(6px, 0.9vw, 10px);border-radius: 50%;background: #f1f3f4;margin-right: 3px;vertical-align: middle;}.g-result-title {font-family: 'Arial', sans-serif;font-size: clamp(5px, 0.85vw, 10px);color: #1a0dab;margin-bottom: 2px;cursor: pointer;line-height: 1.3;}.g-result--first .g-result-title {color: #1a0dab;font-weight: 600;}.g-result-desc {font-family: 'Arial', sans-serif;font-size: clamp(4px, 0.6vw, 7px);color: #4d5156;line-height: 1.4;}.g-result--first {position: relative;padding: clamp(4px, 0.6vw, 8px);background: rgba(150,191,48,0.06);border-left: 2px solid #96BF30;border-radius: 0 4px 4px 0;}.navbar {position: fixed;top: 0;left: 0;right: 0;z-index: 50;transition: all 0.3s;padding: 1.25rem 0;background: rgba(255,255,255,0.95);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);}.dark .navbar {background: rgba(0,0,0,0.2);}.navbar.scrolled {padding: 0.75rem 0;backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);}.navbar.scrolled {background: rgba(255,255,255,0.95);}.dark .navbar.scrolled {background: rgba(11,17,32,0.95);}.navbar-inner {max-width: 1200px;margin: 0 auto;padding: 0 1.5rem;display: flex;align-items: center;justify-content: space-between;}@media (min-width: 1024px) {.navbar-inner {padding: 0 3rem;}}.navbar-logo {font-family: 'Outfit', sans-serif;font-size: 1.125rem;font-weight: 700;letter-spacing: -0.025em;color: #111827;text-shadow: none;text-decoration: none;display: inline-block;}.dark .navbar-logo {color: #fff;text-shadow: 0 1px 4px rgba(0,0,0,0.5);}@media (min-width: 1024px) {.navbar-logo {font-size: 1.25rem;}}.navbar.scrolled .navbar-logo {color: #111827;text-shadow: none;}.dark .navbar.scrolled .navbar-logo {color: #fff;}.navbar-logo .green {color: #96BF30;}.navbar-desktop {display: none;align-items: center;gap: 2rem;}@media (min-width: 1024px) {.navbar-desktop {display: flex;}}.nav-link {font-size: 0.875rem;font-weight: 500;transition: color 0.2s;letter-spacing: 0.05em;text-transform: uppercase;color: #4b5563;text-shadow: none;background: none;border: none;cursor: pointer;}.nav-link:hover {color: #111827;}.dark .nav-link {color: rgba(255,255,255,0.9);text-shadow: 0 1px 4px rgba(0,0,0,0.5);}.dark .nav-link:hover {color: #fff;}.navbar.scrolled .nav-link {color: #4b5563;text-shadow: none;}.navbar.scrolled .nav-link:hover {color: #111827;}.dark .navbar.scrolled .nav-link {color: #d1d5db;}.dark .navbar.scrolled .nav-link:hover {color: #fff;}.theme-toggle {padding: 0.5rem;border-radius: 0.5rem;transition: all 0.2s;color: #4b5563;display: flex;align-items: center;justify-content: center;}.theme-toggle:hover {color: #111827;background: #f3f4f6;}.dark .theme-toggle {color: rgba(255,255,255,0.9);}.dark .theme-toggle:hover {color: #fff;background: rgba(255,255,255,0.1);}.navbar.scrolled .theme-toggle {color: #4b5563;}.navbar.scrolled .theme-toggle:hover {background: #f3f4f6;}.dark .navbar.scrolled .theme-toggle {color: #d1d5db;}.dark .navbar.scrolled .theme-toggle:hover {background: rgba(255,255,255,0.1);}.nav-cta {background: #96BF30;color: #001f3f;font-family: 'Outfit', sans-serif;font-size: 0.875rem;font-weight: 700;padding: 0.75rem 2rem;border-radius: 9999px;transition: background 0.2s;letter-spacing: 0.05em;text-transform: uppercase;}.nav-cta:hover {background: #a8d435;}.navbar-mobile-btns {display: flex;align-items: center;gap: 0.75rem;}@media (min-width: 1024px) {.navbar-mobile-btns {display: none;}}.mobile-theme-toggle {padding: 0.5rem;border-radius: 0.5rem;color: #4b5563;display: flex;align-items: center;}.dark .mobile-theme-toggle {color: #fff;}.navbar.scrolled .mobile-theme-toggle {color: #4b5563;}.dark .navbar.scrolled .mobile-theme-toggle {color: #fff;}.hamburger {padding: 0.5rem;color: #111827;display: flex;align-items: center;}.dark .hamburger {color: #fff;}.navbar.scrolled .hamburger {color: #111827;}.dark .navbar.scrolled .hamburger {color: #fff;}.mobile-menu {display: none;background: #fff;border-top: 1px solid #e5e7eb;}.dark .mobile-menu {background: #0b1120;border-top-color: rgba(255,255,255,0.1);}.mobile-menu.open {display: block;}@media (min-width: 1024px) {.mobile-menu.open {display: none;}}.mobile-menu-inner {padding: 1.5rem;display: flex;flex-direction: column;gap: 1rem;}.mobile-nav-link {text-align: left;color: #111827;font-size: 1.125rem;font-weight: 500;padding: 0.5rem 0;border-bottom: 1px solid #e5e7eb;}.dark .mobile-nav-link {color: #fff;border-bottom-color: rgba(255,255,255,0.1);}.mobile-nav-cta {margin-top: 1rem;background: #96BF30;color: #001f3f;font-family: 'Outfit', sans-serif;font-weight: 700;padding: 1rem;border-radius: 9999px;font-size: 1.125rem;text-transform: uppercase;letter-spacing: 0.05em;text-align: center;}.fade-up {opacity: 0;transform: translateY(30px);transition: opacity 0.5s ease, transform 0.5s ease;}.fade-up.visible {opacity: 1;transform: translateY(0);}.icon {width: 1.25rem;height: 1.25rem;flex-shrink: 0;}.icon-sm {width: 1rem;height: 1rem;flex-shrink: 0;}.icon-lg {width: 2rem;height: 2rem;flex-shrink: 0;}.icon-xl {width: 1.75rem;height: 1.75rem;flex-shrink: 0;}.navbar--location {background: rgba(255,255,255,0.95);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);padding: 0.75rem 0;}.nav-dropdown {position: relative;}.nav-dropdown-trigger {display: inline-flex;align-items: center;gap: 0.3rem;}.nav-dropdown-chevron {transition: transform 0.25s;}.nav-dropdown.open .nav-dropdown-chevron {transform: rotate(180deg);}.nav-dropdown-menu {display: none;position: absolute;top: calc(100% + 0.75rem);left: 50%;transform: translateX(-50%);min-width: 520px;background: #fff;border: 1px solid #e5e7eb;border-radius: 0.75rem;box-shadow: 0 20px 60px -15px rgba(0,0,0,0.15);padding: 1.25rem;z-index: 100;opacity: 0;pointer-events: none;transition: opacity 0.2s;}.dark .nav-dropdown-menu {background: #111827;border-color: rgba(255,255,255,0.1);box-shadow: 0 20px 60px -15px rgba(0,0,0,0.5);}.nav-dropdown.open .nav-dropdown-menu {display: block;opacity: 1;pointer-events: auto;}.nav-dropdown-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 0.25rem;}.nav-dropdown-item {display: block;padding: 0.5rem 0.75rem;font-size: 0.8125rem;font-weight: 500;color: #4b5563;border-radius: 0.375rem;transition: all 0.15s;white-space: nowrap;text-decoration: none;}.nav-dropdown-item:hover {background: #f3f4f6;color: #96BF30;}.dark .nav-dropdown-item {color: #d1d5db;}.dark .nav-dropdown-item:hover {background: rgba(150,191,48,0.1);color: #96BF30;}.mobile-dropdown {display: flex;flex-direction: column;}.mobile-dropdown-trigger {display: flex;align-items: center;justify-content: space-between;width: 100%;text-align: left;}.mobile-dropdown-chevron {transition: transform 0.25s;}.mobile-dropdown.open .mobile-dropdown-chevron {transform: rotate(180deg);}.mobile-dropdown-menu {display: none;flex-direction: column;gap: 0.125rem;padding: 0.5rem 0 0.5rem 1rem;max-height: 240px;overflow-y: auto;}.mobile-dropdown.open .mobile-dropdown-menu {display: flex;}.mobile-dropdown-item {display: block;padding: 0.5rem 0.75rem;font-size: 0.875rem;font-weight: 500;color: #4b5563;border-radius: 0.375rem;text-decoration: none;transition: color 0.15s;}.mobile-dropdown-item:hover {color: #96BF30;}.dark .mobile-dropdown-item {color: #d1d5db;}.dark .mobile-dropdown-item:hover {color: #96BF30;}.navbar--location .navbar-logo {color: #111827;text-shadow: none;}.dark .navbar--location .navbar-logo {color: #fff;}.navbar--location .nav-link {color: #4b5563;text-shadow: none;}.navbar--location .nav-link:hover {color: #111827;}.dark .navbar--location {background: rgba(11,17,32,0.95);}.dark .navbar--location .nav-link {color: #d1d5db;}.dark .navbar--location .nav-link:hover {color: #fff;}.navbar--location .theme-toggle {color: #4b5563;}.dark .navbar--location .theme-toggle {color: #d1d5db;}.navbar--location .mobile-theme-toggle {color: #4b5563;}.dark .navbar--location .mobile-theme-toggle {color: #fff;}.navbar--location .hamburger {color: #111827;}.dark .navbar--location .hamburger {color: #fff;}.portfolio-devices {position: relative;height: 13rem;background: linear-gradient(135deg, #e5e7eb 0%, #f3f4f6 100%);overflow: hidden;display: flex;align-items: center;justify-content: center;padding: 1rem 1rem 0.5rem;}.dark .portfolio-devices {background: linear-gradient(135deg, #0b1120 0%, #111827 100%);}.dark .portfolio-laptop-bezel {background: #000;}.dark .portfolio-laptop-screen {border-left-color: #000;border-right-color: #000;}.dark .portfolio-laptop-base {background: linear-gradient(180deg, #1a1a1a, #000);}.dark .portfolio-phone {background: #000;}.portfolio-laptop {position: relative;width: 72%;z-index: 1;}.portfolio-laptop-bezel {background: #1a1a2e;border-radius: 6px 6px 0 0;padding: 4px 8px;display: flex;align-items: center;}.portfolio-laptop-dots {display: flex;gap: 3px;}.portfolio-laptop-dots span {width: 5px;height: 5px;border-radius: 50%;}.portfolio-laptop-dots span:nth-child(1) {background: #ff5f57;}.portfolio-laptop-dots span:nth-child(2) {background: #ffbd2e;}.portfolio-laptop-dots span:nth-child(3) {background: #28c840;}.portfolio-laptop-screen {background: #000;line-height: 0;border-left: 2px solid #1a1a2e;border-right: 2px solid #1a1a2e;}.portfolio-laptop-screen img {width: 100%;height: auto;display: block;}.portfolio-laptop-base {height: 6px;background: linear-gradient(180deg, #c0c0c0, #a0a0a0);border-radius: 0 0 4px 4px;margin: 0 -4%;position: relative;}.portfolio-laptop-base::before {content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 30%;height: 2px;background: rgba(0,0,0,0.08);border-radius: 0 0 2px 2px;}.portfolio-phone {position: absolute;right: 8%;bottom: 6%;width: 22%;z-index: 2;background: #1a1a2e;border-radius: 8px;padding: 3px;box-shadow: 0 4px 20px rgba(0,0,0,0.25);}.portfolio-phone-notch {width: 30%;height: 3px;background: #000;border-radius: 4px;margin: 2px auto 2px;}.portfolio-phone-screen {background: #000;border-radius: 5px;overflow: hidden;line-height: 0;}.portfolio-phone-screen img {width: 100%;height: auto;display: block;}