:root {--bg: #fff;--bg-CTA: #f0f0f0;--bg-CTA-reverse: #111;--text: #111;--text-secondary: #666;--text-reverse: #f0f0f0;--accent-color: #5512D4;--accent-color-hover: #3e0b9c;--card-bg: #f0f0f0;--border: #e5e5e5;--shadow: rgba(0, 0, 0, 0.05);--shadow-navbar: rgba(0, 0, 0, 0.05);--radius-image: 16px;--radius-card: 24px;--radius-btn: 40px;--space: 1.5rem;--space-y: 0 0 2rem;}.dark-mode {--bg: #1a1a1a;--bg-CTA: #111;--bg-CTA-reverse: #f0f0f0;--text: #f0f0f0;--text-reverse: #111;--accent-color: #B6DA23;--accent-color-hover: #d0ff13;--text-secondary: #bbb;--card-bg: #2b2b2b;--border: #444;--shadow: rgba(0, 0, 0, 0.4);--shadow-navbar: rgba(150, 150, 150, 0.05);}body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;margin: 6rem auto 2rem;padding: var(--space);background: var(--bg);color: var(--text);max-width: 760px;line-height: 1.5;transition: background .3s, color .3s;}h2, .products h2 {margin-bottom: 1rem;font-size: 1.6rem;}h3 {color: var(--text);font-size: 1.6rem;margin: -16px 0 24px 0;}a {color: var(--accent-color);font-size: 1.2rem;font-weight: 600;text-decoration: none;transition: color 0.3s;}a:hover {color: var(--accent-color-hover);}p {color: var(--text-secondary);font-size: 1.2rem;font-weight: 400;margin-bottom: 1.25rem;}p.tight {margin-bottom: -1rem;}ul {color: var(--text-secondary);padding: 0 2rem 0 3rem;margin: 0 0 2rem 0;font-size: 1.2rem;font-weight: 400;}code {font-size: 1rem;word-break: break-all;}footer {margin: 4rem 0 0 0;}.btn-container {margin: 4rem 0;display: flex;justify-content: center;}.btn {border-radius: var(--radius-btn);padding: 16px 40px;}.btn-icon {border-radius: var(--radius-btn);padding: 4px 6px 4px 24px;}.link-btn, .primary-btn, .secondary-btn {display: inline-block;font-size: .9rem;cursor: pointer;border: none;}.primary-btn {background: var(--bg-CTA-reverse);color: var(--text-reverse);}.primary-btn:hover {background: var(--bg-CTA);color: var(--text);}.secondary-btn {width: fit-content;background: var(--bg-CTA-reverse);color: var(--text-reverse);font-weight: 700;display: flex;align-items: center;gap: 8px;}.secondary-btn:hover {background: var(--bg-CTA);color: var(--text);}.link-btn {width: fit-content;background: var(--bg-CTA);color: var(--text);display: flex;align-items: center;gap: 8px;}.link-btn:hover {background: var(--bg-CTA-reverse);color: var(--text-reverse);}.link-featured {width: fit-content !important;padding: 0 24px;}.small {font-size: 0.8rem;}.navbar {position: fixed;top: 0;left: 0;right: 0;width: 100%;background: var(--bg);z-index: 999;padding: 0.5rem 1rem;box-shadow: 0 8px 16px var(--shadow-navbar);transition: background 0.3s ease;}.navbar .container {max-width: 800px;margin: 0 auto;padding: 1rem;display: flex;justify-content: space-between;align-items: center;}.navbar-logo {display: flex;align-items: center;}.profile-logo {height: 50px;width: auto;transition: width .3s ease, height .3s ease;}.navbar.scrolled .profile-logo {height: 24px;}#theme-toggle {position: relative;right: 2rem;top: .3rem;border: none;background: transparent;font-size: 1.2rem;cursor: pointer;}.nav-icons-right {display: flex;flex-direction: row;gap: 3rem;}.nav-links {display: none;flex-direction: column;gap: 1rem;background: var(--bg);padding: 1rem 1.5rem;border-radius: 1rem;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);position: absolute;top: 77px;left: 50%;transform: translateX(-52%);width: 100%;}.nav-links.active {display: flex;width: 100%;gap: 1.6rem;text-align: center;}.nav-links a {color: var(--text);font-size: 1rem;font-weight: 600;transition: color 0.3s;}.nav-links a:hover, .nav-links a.active {color: var(--accent-color);}.hamburger {display: flex;flex-direction: column;justify-content: center;gap: 5px;background: none;border: none;cursor: pointer;z-index: 1000;}.hamburger span {width: 25px;height: 3px;background: var(--text);border-radius: 5px;transition: all 0.3s ease;}.hamburger.active span:nth-child(1) {transform: translateY(8px) rotate(45deg);}.hamburger.active span:nth-child(2) {opacity: 0;}.hamburger.active span:nth-child(3) {transform: translateY(-8px) rotate(-45deg);}.profile {text-align: left;margin-bottom: 2.5rem;position: relative;}.profile-pic {border-radius: 50%;width: 160px;margin: 0 0 3rem 0;transition: width .3s ease, height .3s ease;}body.scrolled .profile-pic {width: 50px;}.profile h1 {margin: .5rem 0 2rem;font-size: 1.2rem;}.menu-logo {display: flex;justify-content: center;margin: 0 0 2rem 0;}.brand-container {margin: 0 0 3rem 0;display: flex;flex-wrap: wrap;justify-content: space-evenly;gap: 16px;}.brand-container svg {min-width: 240px;width: 90%;height: auto;}.product-card, .info-card {background: var(--card-bg);border: 1px solid var(--border);border-radius: var(--radius-card);margin-bottom: 1.5rem;}.product-card {overflow: hidden;box-shadow: 0 2px 6px var(--shadow);}.info-card {padding: 1.25rem;}.product-title {padding: 0 0 0 1rem;margin: 2rem 0 1rem 0;font-size: 1.6rem;font-weight: 700;}.info-card h3 {margin: 0 0 .25rem;}.info-card h4 {margin: .25rem 0 .75rem;font-size: 1rem;}.product-description, .product-description-speed, .work-dates, .post-date, .info-card p {color: var(--text-secondary);font-size: 1.2rem;font-weight: 400;}.product-description, .product-description-speed, .work-dates, .post-date {padding: 0 1rem 0 1rem;}.product-description {margin: 0 0 2rem 0;}.product-description-speed {margin: 0 0 2rem 0;font-size: 1rem;text-align: center;}.work-dates {margin: 2.4rem 0 -1.6rem 0;}.post-date {margin: 2.4rem 0 1.6rem 0;}.info-card p {margin-bottom: 1rem;}.product-link, .product-link-highlighted {width: fit-content;margin: 32px 0 16px 16px;display: flex;align-items: center;background-color: var(--bg-CTA);gap: 8px;}.product-link {color: var(--text-secondary);}.product-link:hover {color: var(--text-reverse);background-color: var(--bg-CTA-reverse);}.product-link-highlighted {color: var(--accent-color);font-weight: 700;}.product-link-highlighted:hover {color: var(--text-reverse);background-color: var(--accent-color);}.section-header {display: flex;justify-content: space-between;align-items: center;}.flex-content {display: flex;flex-direction: column;gap: 2rem;}.image-fluid, .flex-content img, .product-card img {width: 100%;display: block;}.image-fluid {height: auto;}.flex-content img {height: fit-content;border-radius: var(--radius-image);}.flex-content-shadow {box-shadow: 0 2px 6px var(--shadow);}.post-image {border-radius: var(--radius-image);}.indented-pill {position: relative;padding-left: 1.25rem;margin-top: 2.5rem;margin-bottom: 1rem;}.indented-pill::before {content: "";position: absolute;left: 0;top: 10%;height: 80%;width: 6px;background-color: var(--accent-color);border-radius: 4px;}.share-post {margin: 7rem 0 2rem 0;}.audio-summary {margin: 0 0 5rem 0;}audio {margin: 24px 0 -16px 0;filter: invert(1) hue-rotate(180deg);}body.dark-mode audio {filter: invert(0);}.audio-icon {display: inline-flex;align-items: center;vertical-align: middle;margin-left: 0.5rem;}.audio-icon .bar {animation: pulse 1.2s infinite ease-in-out;transform-origin: center;}.audio-icon .bar:nth-child(1) {animation-delay: 0.1s;}.audio-icon .bar:nth-child(2) {animation-delay: 0.25s;}.audio-icon .bar:nth-child(3) {animation-delay: 0.4s;}.audio-icon .bar:nth-child(4) {animation-delay: 0.55s;}.social-links {display: flex;flex-wrap: wrap;align-items: center;gap: .5rem;margin: 3rem 0 1rem;}.social-links a {width: 50px;height: 50px;color: var(--text);font-size: 1.1rem;background-color: var(--bg-CTA);border-radius: 50px;display: flex;align-items: center;justify-content: center;}.social-links a:hover {color: var(--text-reverse);background-color: var(--bg-CTA-reverse);}.social-icon-wrapper .bg {fill: var(--text-reverse);transition: fill .3s ease;}.social-icon-wrapper .icon {fill: var(--text);transition: fill .3s ease;}.social-icon-wrapper:hover .bg {fill: var(--text);}.social-icon-wrapper:hover .icon {fill: var(--text-reverse);}.icon-share {width: 2rem;height: 2rem;fill: currentColor;}.toast {visibility: hidden;opacity: 0;position: fixed;bottom: 2rem;right: 2rem;background: var(--accent-color, #0073b1);color: #fff;padding: 0.75rem 1rem;border-radius: 0.5rem;z-index: 999;transition: opacity 0.3s ease, visibility 0.3s ease;}.toast.show {visibility: visible;opacity: 1;}.certificate-container {position: relative;width: 100%;max-width: 600px;margin: 4rem auto 3rem;}.certificate-container::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 95%;z-index: -1;background: var(--accent-color);border-radius: 40px;transform: rotate(-5deg) scale(1.1);transform-origin: center center;}.certificate-container::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 30px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);z-index: -2;}.certificate-image {width: 100%;height: auto;display: block;}.logo-footer {width: 141px;height: auto;}.accent-color {color: var(--accent-color);}.sticky {position: sticky;}.products {margin-bottom: 2rem;}.visually-hidden {position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0, 0, 0, 0);}.spacer-5 {height: 5rem;}.spacer-10 {height: 10rem;}.spacer-20 {height: 20rem;}.spacer-50 {height: 50rem;}@keyframes pulse {0%, 100% {transform: scaleY(0.6);}50% {transform: scaleY(1);}}@media (min-width: 768px) {.hamburger {display: none;}.nav-links {display: flex !important;flex-direction: row;align-items: center;position: static;background: transparent;box-shadow: none;padding: 0;transform: translateX(41%);}.nav-links a {font-size: 0.95rem;}}@media (min-width: 800px) {.products h2, h2 {margin-bottom: 1rem;font-size: 2rem;}.flex-content {flex-direction: row;}.flex-content img {max-width: 151px;height: auto;}}