*, *::before, *::after{box-sizing: border-box;margin: 0;padding: 0;}html{scroll-behavior: smooth;}section[id], .service-card[id], .stats-bar, .clients-row, .cta-band, #book{scroll-margin-top: 96px;}body{position: relative;background: var(--bg);color: var(--text);font-family: var(--sans);font-weight: 400;font-size: var(--text-base);line-height: var(--leading-body);overflow-x: hidden;animation: pageFadeIn 0.45s ease both;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}.ambient-particles{position: fixed;inset: 0;z-index: 0;width: 100%;height: 100%;pointer-events: none;opacity: 0.42;}body > :not(.ambient-particles):not(nav){position: relative;z-index: 1;}:root[data-theme="light"] .ambient-particles{opacity: 0.58;}body.nav-open{overflow: hidden;}*:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px;}button:focus-visible, a:focus-visible{outline-offset: 2px;}::-webkit-scrollbar{width: 8px;}::-webkit-scrollbar-track{background: var(--bg);}::-webkit-scrollbar-thumb{background: rgba(59, 158, 255, 0.3);border-radius: 4px;}::-webkit-scrollbar-thumb:hover{background: rgba(59, 158, 255, 0.5);}a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, .work-filter:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px;}@media (hover: none), (pointer: coarse){.bento-cell:hover{transform: none;box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);}.bento-cell:hover img{transform: none;}.case-study:hover{transform: none;box-shadow: none;}.case-study:hover .case-screenshot img{transform: none;}}nav{position: fixed;top: 0;left: 0;right: 0;z-index: 100;background: rgba(10, 10, 10, 0.78);backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);border-bottom: 1px solid var(--border);transition: background 0.4s, box-shadow 0.4s;}nav.scrolled{background: rgba(10, 10, 10, 0.95);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);}nav.scrolled .nav-inner{padding-top: 10px;padding-bottom: 10px;}nav.scrolled .nav-logo .logo-img{height: 22px;}.nav-inner{max-width: var(--max-width);margin: 0 auto;padding: 14px 40px;display: flex;align-items: center;justify-content: space-between;gap: 20px;width: 100%;position: relative;}.nav-logo .logo-img{height: 26px;width: auto;}.nav-logo{flex-shrink: 0;display: inline-flex;align-items: center;gap: 10px;font-size: 18px;color: var(--text);text-decoration: none;transition: opacity 0.2s;}.nav-logo:hover{opacity: 0.9;}.logo-img{display: block;flex-shrink: 0;width: auto;object-fit: contain;}.logo-wordmark{font-family: var(--font-ui);font-weight: 500;letter-spacing: -0.03em;line-height: 1;white-space: nowrap;}.logo-tech{color: var(--accent);font-weight: 600;}.logo-dot{color: var(--accent);}.nav-links{display: flex;align-items: center;justify-content: center;gap: clamp(18px, 2.2vw, 28px);list-style: none;flex: 1;min-width: 0;padding: 0 12px;}.nav-links li{flex-shrink: 0;}.nav-links a{font-size: 11px;font-weight: 500;letter-spacing: 0.08em;text-transform: uppercase;color: var(--muted);text-decoration: none;white-space: nowrap;transition: color 0.2s;}.nav-actions{display: flex;align-items: center;gap: 12px;flex-shrink: 0;}.nav-links a:hover{color: var(--accent);}.nav-links a.active{color: var(--accent);}.nav-links a.active::after{content: "";display: block;width: 100%;height: 1px;margin-top: 6px;background: var(--accent);}.nav-cta{font-size: 11px;font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase;padding: 10px 18px;border: 1px solid var(--border);background: transparent;color: var(--text);border-radius: 4px;cursor: pointer;transition: background 0.2s, border-color 0.2s, color 0.2s, opacity 0.2s;text-decoration: none;min-height: 40px;display: inline-flex;align-items: center;justify-content: center;white-space: nowrap;line-height: 1;}.nav-cta:hover{background: var(--accent);border-color: var(--accent);color: var(--on-accent);}.nav-cta--primary{background: var(--accent);border-color: var(--accent);color: var(--on-accent);}.nav-cta--primary:hover{opacity: 0.92;transform: translateY(-1px);background: var(--accent);color: var(--on-accent);}.nav-links-cta{display: none;list-style: none;}.nav-menu-btn{display: none;background: none;border: none;color: var(--text);font-size: 28px;line-height: 1;font-family: var(--sans);font-weight: 400;cursor: pointer;padding: 8px;z-index: 101;}.nav-menu-btn:hover{color: var(--accent);}.nav-links.mobile-open{display: flex;}.nav-links.mobile-open a{display: block;}.hero{min-height: calc(100vh - 64px);min-height: calc(100dvh - 64px);display: flex;flex-direction: column;justify-content: center;padding: 108px 48px 72px;position: relative;overflow: hidden;}.hero-inner{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(40px, 5vw, 64px);align-items: center;width: 100%;max-width: 1280px;margin: 0 auto;}.hero-inner > *{min-width: 0;}.hero-content{position: relative;z-index: 1;}.hero-visual{position: relative;z-index: 1;width: 100%;max-width: 100%;opacity: 0;animation: fadeUp 0.9s ease 0.6s forwards;}.hero-bento{display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);gap: 10px;height: clamp(360px, 38vw, 460px);position: relative;width: 100%;max-width: 100%;}.bento-cell{position: relative;border-radius: 6px;overflow: hidden;border: 1px solid var(--border);background: var(--surface);text-decoration: none;display: block;box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;}.bento-cell::after{content: "";position: absolute;inset: 0;background: linear-gradient( to top, rgba(10, 10, 10, 0.88) 0%, rgba(10, 10, 10, 0.2) 45%, transparent 100% );pointer-events: none;z-index: 1;transition: opacity 0.35s ease;}.bento-cell:hover{transform: translateY(-4px) scale(1.01);border-color: rgba(59, 158, 255, 0.45);box-shadow: 0 24px 56px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(59, 158, 255, 0.12);}.bento-cell:hover::after{opacity: 0.92;}.bento-cell img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.5s ease;}.bento-cell:hover img{transform: scale(1.06);}.bento-label{position: absolute;bottom: 14px;left: 14px;z-index: 2;font-family: var(--mono);font-size: 10px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--text);padding: 6px 10px;background: rgba(10, 10, 10, 0.55);backdrop-filter: blur(8px);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 2px;transition: background 0.25s, border-color 0.25s, color 0.25s;}.bento-cell:hover .bento-label{background: rgba(59, 158, 255, 0.2);border-color: rgba(59, 158, 255, 0.35);color: #fff;}.bento-cell--design{animation: bentoIn 0.8s ease 0.7s both;}.bento-cell--dev{animation: bentoIn 0.8s ease 0.8s both;}.bento-cell--data{animation: bentoIn 0.8s ease 0.9s both;}.bento-cell--marketing{animation: bentoIn 0.8s ease 1s both;}.bento-cell--ai{animation: bentoIn 0.8s ease 1.1s both;}.bento-cell--cloud{animation: bentoIn 0.8s ease 1.2s both;}.hero-label{font-family: var(--mono);font-size: 11px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--accent);margin-bottom: 24px;opacity: 0;animation: fadeUp 0.8s ease 0.3s forwards;}.hero h1{font-family: var(--font-display);font-size: var(--text-display);line-height: 1.05;letter-spacing: -0.03em;font-weight: 400;max-width: 560px;text-wrap: balance;opacity: 0;animation: fadeUp 0.9s ease 0.5s forwards;}.hero h1 em{font-style: italic;color: var(--accent);}.hero-sub{font-size: var(--text-lg);color: var(--muted);max-width: 480px;margin-top: 24px;line-height: 1.75;opacity: 0;animation: fadeUp 0.9s ease 0.7s forwards;}.hero-pills{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 32px;opacity: 0;animation: fadeUp 0.9s ease 0.8s forwards;}.hero-pill{font-family: var(--mono);font-size: 10px;letter-spacing: 0.08em;text-transform: uppercase;padding: 8px 14px;border: 1px solid var(--border);border-radius: 2px;color: var(--muted);text-decoration: none;transition: border-color 0.2s, color 0.2s, background 0.2s;}.hero-pill:hover{border-color: rgba(59, 158, 255, 0.45);color: var(--accent);background: var(--accent-dim);}.hero-ctas{display: flex;gap: 16px;margin-top: 32px;opacity: 0;animation: fadeUp 0.9s ease 0.9s forwards;}.hero-trust{font-family: var(--mono);font-size: 10px;letter-spacing: 0.06em;text-transform: uppercase;color: var(--muted);margin-top: 20px;line-height: 1.6;opacity: 0;animation: fadeUp 0.9s ease 1s forwards;}.btn-primary{padding: 14px 32px;background: var(--accent);color: var(--on-accent);font-size: 13px;font-weight: 500;letter-spacing: 0.06em;text-transform: uppercase;border: none;border-radius: 2px;cursor: pointer;text-decoration: none;transition: opacity 0.2s, transform 0.2s;display: inline-flex;align-items: center;gap: 8px;min-height: 44px;}.btn-primary:hover{opacity: 0.88;transform: translateY(-1px);}.btn-ghost{padding: 14px 32px;background: transparent;color: var(--text);font-size: 13px;font-weight: 400;letter-spacing: 0.06em;text-transform: uppercase;border: 1px solid var(--border);border-radius: 2px;cursor: pointer;text-decoration: none;transition: border-color 0.2s, color 0.2s;display: inline-flex;align-items: center;gap: 8px;min-height: 44px;}.btn-ghost:hover{border-color: rgba(59, 158, 255, 0.45);color: var(--accent);}.hero-marquee-wrap{border-top: 1px solid var(--border);margin-top: 64px;padding-top: 24px;overflow: hidden;width: 100%;max-width: 1280px;margin-left: auto;margin-right: auto;}.marquee{display: flex;gap: 64px;white-space: nowrap;animation: marqueeScroll 28s linear infinite;}.marquee span{font-family: var(--font-ui);font-size: 12px;font-weight: 500;font-style: normal;color: var(--muted);letter-spacing: 0.08em;text-transform: uppercase;flex-shrink: 0;}.marquee .dot{color: var(--accent);font-style: normal;}.stats-bar{border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);padding: 40px 48px;}.stats-bar-inner{display: grid;grid-template-columns: repeat(4, 1fr);gap: 0;}.stat-item{padding: 0 32px;border-right: 1px solid var(--border);}.stat-item:first-child{padding-left: 0;}.stat-item:last-child{border-right: none;}.stat-num{font-family: var(--font-ui);font-size: 48px;font-weight: 600;line-height: 1;letter-spacing: -0.04em;font-variant-numeric: tabular-nums;color: var(--text);}.stat-num span{color: var(--accent);}.stat-num--word{font-size: 40px;font-family: var(--font-ui);font-weight: 600;letter-spacing: -0.03em;text-transform: none;}.stat-label{font-size: 12px;color: var(--muted);letter-spacing: 0.08em;text-transform: uppercase;margin-top: 8px;font-family: var(--mono);}section{padding: var(--space-section) var(--space-12);}.section-container{max-width: var(--max-width);margin: 0 auto;width: 100%;}.section-tag{font-family: var(--mono);font-size: var(--text-xs);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--accent);margin-bottom: 20px;display: flex;align-items: center;gap: 12px;}.section-tag::before{content: "";width: 24px;height: 1px;background: var(--accent);}.section-h2{font-family: var(--font-display);font-size: var(--text-xl);font-weight: 400;letter-spacing: var(--tracking-tight);line-height: var(--leading-heading);text-wrap: balance;}.section-h2 em{font-style: italic;color: var(--accent);}.section-actions{display: flex;align-items: center;gap: 12px;margin-top: 36px;}.section-bg{position: relative;isolation: isolate;}.section-bg::after{content: "";position: absolute;inset: 0;z-index: 0;pointer-events: none;background: radial-gradient(circle at 16% 12%, rgba(59, 158, 255, 0.045), transparent 28%), linear-gradient(180deg, rgba(59, 158, 255, 0.018), transparent 42%);opacity: 0.8;}.section-bg > *{position: relative;z-index: 1;}:root[data-theme="light"] .section-bg::after{background: radial-gradient(circle at 16% 12%, rgba(8, 104, 206, 0.075), transparent 30%), linear-gradient(180deg, rgba(8, 104, 206, 0.035), transparent 46%);opacity: 1;}.studio-layout{display: grid;grid-template-columns: 1fr 1fr;gap: 80px;margin-top: 72px;align-items: start;}.studio-text p{font-size: 17px;line-height: 1.8;color: var(--muted);margin-bottom: 24px;}.studio-text p strong{color: var(--text);font-weight: 400;}.studio-cta{margin-top: 40px;}.process-section{border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);background: transparent;}.process-section:not(.section-bg){background: var(--surface);}.process-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;margin-top: 56px;background: transparent;border: 0;}.process-step{background: transparent;border-top: 1px solid var(--border-strong);padding: 28px 0;transition: background 0.25s;}.process-step:hover{background: transparent;}.process-num{font-family: var(--mono);font-size: 11px;color: var(--accent);letter-spacing: 0.1em;display: block;margin-bottom: 20px;}.process-title{font-family: var(--font-ui);font-size: 20px;font-weight: 600;letter-spacing: -0.02em;margin-bottom: 12px;}.process-desc{font-size: 14px;color: var(--muted);line-height: 1.7;}.studio-pillars{display: flex;flex-direction: column;gap: 0;border: 1px solid var(--border);}.pillar-item{padding: 24px 28px;border-bottom: 1px solid var(--border);display: flex;align-items: flex-start;gap: 20px;transition: background 0.2s;}.pillar-item:last-child{border-bottom: none;}.pillar-item:hover{background: rgba(255, 255, 255, 0.03);}.pillar-num{font-family: var(--mono);font-size: 10px;color: var(--accent);letter-spacing: 0.1em;padding-top: 3px;flex-shrink: 0;}.pillar-title{font-size: 15px;font-weight: 400;color: var(--text);margin-bottom: 4px;}.pillar-desc{font-size: 13px;color: var(--muted);line-height: 1.6;}.services-section{background: transparent;}.services-section:not(.section-bg){background: var(--surface);}.services-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 1px;margin-top: 72px;background: var(--border);border: 1px solid var(--border);}.service-card{background: var(--surface);padding: 48px;transition: background 0.25s;position: relative;overflow: hidden;display: flex;flex-direction: column;}.service-visual{margin: -48px -48px 28px;height: 200px;overflow: hidden;border-bottom: 1px solid var(--border);position: relative;}.service-visual::after{content: "";position: absolute;inset: 0;background: linear-gradient( to bottom, transparent 40%, rgba(17, 17, 17, 0.85) 100% );pointer-events: none;}.service-visual img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.45s ease;}.service-card:hover .service-visual img{transform: scale(1.04);}.service-card::after{content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: var(--accent);transition: width 0.4s ease;}.service-card:hover{background: rgba(255, 255, 255, 0.03);}.service-card:hover::after{width: 100%;}.service-icon{width: 44px;height: 44px;border: 1px solid var(--border);background: rgba(255, 255, 255, 0.01);display: flex;align-items: center;justify-content: center;margin-bottom: 28px;color: var(--accent);transition: border-color 0.2s, background 0.2s;}.service-icon svg{width: 18px;height: 18px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;}.service-card:hover .service-icon{border-color: rgba(59, 158, 255, 0.45);background: rgba(59, 158, 255, 0.08);}.service-title{font-family: var(--font-ui);font-size: 22px;font-weight: 600;letter-spacing: -0.02em;margin-bottom: 16px;}.service-desc{font-size: 14px;color: var(--muted);line-height: 1.7;margin-bottom: 24px;}.service-list{list-style: none;display: flex;flex-direction: column;gap: 8px;}.service-list li{font-size: 12px;color: var(--muted);letter-spacing: 0.04em;display: flex;align-items: center;gap: 10px;}.service-list li::before{content: "-";color: var(--accent);font-size: 10px;}.service-more{display: inline-flex;align-items: center;width: fit-content;min-height: 44px;margin-top: 18px;color: var(--accent);font-family: var(--mono);font-size: 11px;letter-spacing: 0.08em;text-transform: uppercase;text-decoration: none;}.service-more::after{content: "→";margin-left: 8px;transition: transform 0.2s ease;}.service-more:hover::after{transform: translateX(4px);}.work-section{background: transparent;}.work-section:not(.section-bg){background: linear-gradient( 180deg, var(--bg) 0%, rgba(17, 17, 17, 0.4) 50%, var(--bg) 100% );}.work-header{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 32px;}.work-header-cta{flex-shrink: 0;}.form-honey{position: absolute;left: -9999px;width: 1px;height: 1px;opacity: 0;pointer-events: none;}.work-filters{display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 16px;}.work-filter{font-family: var(--mono);font-size: 11px;letter-spacing: 0.08em;text-transform: uppercase;padding: 10px 18px;border: 1px solid var(--border);background: transparent;color: var(--muted);border-radius: 2px;cursor: pointer;transition: border-color 0.2s, color 0.2s, background 0.2s;min-height: 40px;}.work-filter:hover, .work-filter.is-active{border-color: rgba(59, 158, 255, 0.45);color: var(--accent);background: var(--accent-dim);}.work-filter-empty{font-family: var(--mono);font-size: 12px;letter-spacing: 0.06em;color: var(--muted);text-align: center;padding: 48px 20px;border: 1px dashed var(--border);margin-bottom: 2px;}.work-disclaimer{font-size: 14px;color: var(--muted);line-height: 1.7;margin-bottom: 40px;max-width: 560px;}.case-study.is-filtered-out{display: none;}.case-studies{display: grid;grid-template-columns: repeat(2, 1fr);gap: 24px;}.case-study{border: 1px solid var(--border);border-radius: 6px;background: var(--surface);display: flex;flex-direction: column;overflow: hidden;transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;}.case-study:hover{border-color: rgba(59, 158, 255, 0.35);transform: translateY(-4px);box-shadow: 0 20px 48px rgba(0, 0, 0, 0.35);}.case-visual{position: relative;overflow: hidden;border-bottom: 1px solid var(--border);background: #0c0c0c;}.case-visual--mockup{display: flex;flex-direction: column;}.case-browser-bar{display: flex;align-items: center;gap: 6px;padding: 10px 14px;background: #141414;border-bottom: 1px solid var(--border);flex-shrink: 0;}.case-browser-bar > span:nth-child(1){background: rgba(255, 95, 87, 0.85);}.case-browser-bar > span:nth-child(2){background: rgba(255, 189, 46, 0.85);}.case-browser-bar > span:nth-child(3){background: rgba(39, 201, 63, 0.85);}.case-browser-bar > span:nth-child(-n + 3){width: 8px;height: 8px;border-radius: 50%;flex-shrink: 0;}.case-screenshot{position: relative;aspect-ratio: 16 / 10;overflow: hidden;}.case-screenshot .case-num{position: absolute;top: 12px;left: 12px;z-index: 2;}.case-screenshot .case-preview-badge{position: absolute;bottom: 12px;right: 12px;z-index: 2;}.case-screenshot::after{content: "";position: absolute;inset: 0;background: linear-gradient( to top, rgba(10, 10, 10, 0.55) 0%, transparent 45% );pointer-events: none;}.case-screenshot img{width: 100%;height: 100%;object-fit: cover;object-position: center top;display: block;transition: transform 0.5s ease;}.case-study:hover .case-screenshot img{transform: scale(1.04);}.case-preview-badge{font-family: var(--mono);font-size: 9px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--accent);padding: 5px 8px;background: rgba(10, 10, 10, 0.75);backdrop-filter: blur(8px);border: 1px solid rgba(59, 158, 255, 0.3);border-radius: 2px;}.case-num{font-family: var(--mono);font-size: 11px;font-weight: 500;letter-spacing: 0.1em;color: var(--text);padding: 6px 10px;background: rgba(10, 10, 10, 0.65);backdrop-filter: blur(8px);border: 1px solid rgba(255, 255, 255, 0.12);border-radius: 2px;}.case-body{padding: 28px 28px 32px;display: flex;flex-direction: column;flex: 1;}.case-label{font-family: var(--mono);font-size: 10px;letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--accent);margin-bottom: 10px;}.case-title{font-family: var(--font-ui);font-size: 20px;font-weight: 600;letter-spacing: -0.02em;line-height: 1.25;margin-bottom: 12px;color: var(--text);}.case-metrics{display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 14px;}.case-metric{display: flex;flex-direction: column;gap: 2px;padding: 8px 12px;background: var(--accent-dim);border: 1px solid rgba(59, 158, 255, 0.25);border-radius: 4px;min-width: 0;}.case-metric-val{font-family: var(--font-ui);font-size: 15px;font-weight: 600;letter-spacing: -0.02em;color: var(--accent);line-height: 1.2;}.case-metric-label{font-family: var(--mono);font-size: 9px;letter-spacing: 0.06em;text-transform: uppercase;color: var(--muted);}.case-desc{font-size: 14px;color: var(--muted);line-height: 1.7;margin-bottom: 20px;flex: 1;}.case-tags{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 20px;}.case-tag{font-family: var(--mono);font-size: 10px;letter-spacing: 0.08em;text-transform: uppercase;padding: 5px 10px;border: 1px solid var(--border);color: var(--muted);border-radius: 2px;}.case-tag--pillar{border-color: rgba(59, 158, 255, 0.35);background: var(--accent-dim);color: var(--accent);}.case-deliverables{padding-top: 16px;border-top: 1px solid var(--border);margin-bottom: 20px;}.case-deliverables-label{font-family: var(--mono);font-size: 9px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--muted);display: block;margin-bottom: 6px;}.case-deliverables p{font-size: 13px;color: var(--text);line-height: 1.5;opacity: 0.85;}.case-link{font-family: var(--mono);font-size: 11px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--accent);text-decoration: none;display: inline-flex;align-items: center;gap: 6px;transition: gap 0.2s ease, opacity 0.2s ease;margin-top: auto;}.case-link::after{content: "→";}.case-link:hover{opacity: 0.85;gap: 10px;}.case-link--secondary{color: var(--text);opacity: 0.75;}.case-link--secondary:hover{color: var(--accent);opacity: 1;}.section-intro{color: var(--muted);font-size: 16px;margin-top: 16px;max-width: 520px;line-height: 1.7;}.products-section{background: transparent;}.products-section:not(.section-bg){background: var(--surface);}.products-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 1px;background: var(--border);border: 1px solid var(--border);margin-top: 72px;}.product-card{background: var(--surface);padding: 40px;position: relative;transition: background 0.25s;cursor: default;}.product-card:hover{background: rgba(255, 255, 255, 0.04);}.product-card--cta{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;background: var(--accent-dim);cursor: default;grid-column: 1 / -1;}.product-card--cta:hover{background: var(--accent-dim);}.product-cta-title{font-family: var(--font-ui);font-size: 18px;font-weight: 600;color: var(--accent);margin-bottom: 12px;}.product-cta-desc{font-size: 13px;color: var(--muted);margin-bottom: 28px;line-height: 1.6;max-width: 360px;}.product-cta-btn{font-size: 12px;padding: 12px 24px;}.product-badge{font-family: var(--mono);font-size: 10px;letter-spacing: 0.1em;text-transform: uppercase;padding: 5px 10px;background: var(--accent-dim);color: var(--accent);display: inline-block;margin-bottom: 24px;border-radius: 1px;}.product-name{font-family: var(--font-ui);font-size: 20px;font-weight: 600;letter-spacing: -0.02em;margin-bottom: 12px;}.product-desc{font-size: 13px;color: var(--muted);line-height: 1.7;margin-bottom: 28px;}.product-price{font-family: var(--mono);font-size: 13px;color: var(--text);}.product-price span{font-size: 24px;font-family: var(--font-ui);font-weight: 600;letter-spacing: -0.03em;color: var(--accent);}.product-arrow{position: absolute;bottom: 40px;right: 40px;width: 32px;height: 32px;border: 1px solid var(--border);display: flex;align-items: center;justify-content: center;font-size: 14px;color: var(--muted);transition: background 0.2s, color 0.2s, border-color 0.2s;}.product-card:hover .product-arrow{background: var(--accent);color: var(--on-accent);border-color: var(--accent);}.testimonials-section{border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);}.quotes-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;margin-top: 48px;}.quote-card{margin: 0;padding: 32px 28px;border: 1px solid var(--border);border-radius: 6px;background: var(--surface);display: flex;flex-direction: column;gap: 24px;transition: border-color 0.2s ease, background 0.2s ease;}.quote-card:hover{border-color: rgba(59, 158, 255, 0.3);background: rgba(59, 158, 255, 0.03);}.quote-text{font-family: var(--font-display);font-size: 17px;font-style: italic;line-height: 1.65;color: var(--text);flex: 1;}.quote-author{display: flex;flex-direction: column;gap: 4px;border-top: 1px solid var(--border);padding-top: 20px;}.quote-name{font-size: 13px;font-weight: 600;font-style: normal;color: var(--text);}.quote-role{font-family: var(--mono);font-size: 10px;letter-spacing: 0.06em;text-transform: uppercase;color: var(--accent);}.trust-points{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;margin-top: 24px;padding-top: 24px;border-top: 1px solid var(--border);}.trust-point{padding: 20px 22px;border: 1px solid var(--border);border-radius: 4px;background: rgba(255, 255, 255, 0.02);}.trust-point-title{display: block;font-size: 14px;font-weight: 600;color: var(--text);margin-bottom: 6px;}.trust-point-desc{font-size: 13px;color: var(--muted);line-height: 1.5;}.engagement-section{background: transparent;border-bottom: 1px solid var(--border);}.engagement-section:not(.section-bg){background: var(--surface);}.engagement-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;margin-top: 48px;}.engagement-card{position: relative;padding: 32px 28px;border: 1px solid var(--border);border-radius: 6px;background: var(--bg);display: flex;flex-direction: column;gap: 16px;transition: border-color 0.2s ease, transform 0.2s ease;}.engagement-card:hover{border-color: rgba(59, 158, 255, 0.35);transform: translateY(-2px);}.engagement-badge{position: absolute;top: 16px;right: 16px;font-family: var(--mono);font-size: 9px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--accent);padding: 5px 8px;background: var(--accent-dim);border: 1px solid rgba(59, 158, 255, 0.3);border-radius: 2px;}.engagement-title{font-family: var(--font-ui);font-size: 22px;font-weight: 600;letter-spacing: -0.02em;color: var(--text);}.engagement-card--featured .engagement-title{padding-right: 88px;}.engagement-desc{font-size: 14px;color: var(--muted);line-height: 1.7;}.engagement-list{list-style: none;display: flex;flex-direction: column;gap: 8px;flex: 1;}.engagement-list li{font-size: 13px;color: var(--text);padding-left: 16px;position: relative;line-height: 1.5;opacity: 0.9;}.engagement-list li::before{content: "";position: absolute;left: 0;top: 8px;width: 5px;height: 5px;border-radius: 50%;background: var(--accent);}.engagement-best{font-family: var(--mono);font-size: 10px;letter-spacing: 0.06em;text-transform: uppercase;color: var(--muted);padding-top: 12px;border-top: 1px solid var(--border);}.engagement-cta{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 40px;}.cta-band{border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);background: transparent;padding: 64px 48px;}.cta-band:not(.section-bg){background: linear-gradient( 135deg, rgba(59, 158, 255, 0.08) 0%, var(--surface) 50%, var(--bg) 100% );}.cta-band-inner{max-width: var(--max-width);margin: 0 auto;display: flex;align-items: center;justify-content: space-between;gap: 32px;flex-wrap: wrap;}.cta-band-title{font-family: var(--font-ui);font-size: clamp(24px, 3vw, 32px);font-weight: 600;letter-spacing: -0.03em;margin-bottom: 8px;}.cta-band-sub{font-size: 15px;color: var(--muted);line-height: 1.6;}.cta-band-actions{display: flex;gap: 12px;flex-shrink: 0;flex-wrap: wrap;}.cta-band--inline{border-top: none;}.contact-section{background: transparent;border-top: 1px solid var(--border);min-height: 70vh;display: flex;flex-direction: column;justify-content: center;position: relative;overflow: hidden;}.contact-section:not(.section-bg){background: #050505;}.contact-layout{max-width: var(--max-width);margin: 0 auto;width: 100%;display: grid;grid-template-columns: 1fr 340px;gap: 64px;align-items: start;position: relative;z-index: 2;}.booking-block{padding: 28px 24px;border: 1px solid rgba(59, 158, 255, 0.25);border-radius: 6px;background: rgba(59, 158, 255, 0.06);}.booking-desc{font-size: 14px;color: var(--muted);line-height: 1.6;margin-bottom: 20px;}.booking-btn{width: 100%;justify-content: center;text-align: center;}.booking-note{font-family: var(--mono);font-size: 10px;letter-spacing: 0.04em;color: var(--muted);margin-top: 12px;line-height: 1.5;}.contact-direct{padding-top: 8px;border-top: 1px solid var(--border);}.contact-section:not(.section-bg)::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 600px;height: 600px;background: radial-gradient( circle, rgba(59, 158, 255, 0.04) 0%, transparent 70% );pointer-events: none;}.contact-inner{max-width: 640px;position: relative;z-index: 2;}.contact-h2{font-family: var(--font-display);font-size: clamp(44px, 5vw, 80px);font-weight: 400;letter-spacing: -0.03em;line-height: 1.05;margin-bottom: 20px;}.contact-h2 em{font-style: italic;color: var(--accent);}.contact-sub{font-size: 16px;color: var(--muted);line-height: 1.7;margin-bottom: 48px;max-width: 400px;}.contact-form{display: flex;flex-direction: column;gap: 16px;}.form-row{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;}.form-field{display: flex;flex-direction: column;gap: 8px;}.form-label{font-family: var(--mono);font-size: 10px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--muted);}.form-input{background: transparent;border: 1px solid var(--border);color: var(--text);padding: 14px 16px;font-family: var(--sans);font-size: var(--text-sm);font-weight: 400;border-radius: 2px;outline: none;transition: border-color 0.2s, background 0.2s;width: 100%;line-height: 1.5;}.form-input:focus{border-color: var(--accent);background: rgba(59, 158, 255, 0.02);}.form-input::placeholder{color: var(--muted);opacity: 1;}textarea.form-input{resize: none;height: 100px;font-family: var(--sans);}select.form-input, .form-select{appearance: none;cursor: pointer;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23f0ede8' fill-opacity='0.45' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 16px center;padding-right: 40px;}select.form-input option{background: var(--surface);color: var(--text);}.form-submit{margin-top: 8px;padding: 16px 40px;background: var(--accent);color: var(--on-accent);font-size: 13px;font-weight: 500;letter-spacing: 0.08em;text-transform: uppercase;border: none;border-radius: 2px;cursor: pointer;align-self: flex-start;transition: opacity 0.2s, transform 0.2s;min-height: 44px;}.form-submit:hover{opacity: 0.88;transform: translateY(-1px);}.form-submit:disabled{opacity: 0.6;cursor: not-allowed;transform: none;}.contact-aside{display: flex;flex-direction: column;gap: 32px;padding-top: 48px;border-left: 1px solid var(--border);padding-left: 40px;}.contact-aside-label{font-family: var(--mono);font-size: 10px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--muted);margin-bottom: 12px;}.contact-email{font-family: var(--font-ui);font-size: 17px;font-weight: 500;color: var(--text);text-decoration: none;display: block;margin-bottom: 32px;transition: color 0.2s;word-break: break-all;}.contact-email:hover{color: var(--accent);}.contact-perks{list-style: none;display: flex;flex-direction: column;gap: 14px;}.contact-perks li{font-size: 13px;color: var(--muted);line-height: 1.5;padding-left: 16px;position: relative;}.contact-perks li::before{content: "";position: absolute;left: 0;top: 8px;width: 5px;height: 5px;background: var(--accent);border-radius: 50%;}.form-input.is-invalid{border-color: #ff6b6b;}.form-feedback{min-height: 20px;margin-top: 4px;font-family: var(--mono);font-size: 11px;letter-spacing: 0.04em;}.form-feedback.error{color: #ff8b8b;}.form-feedback.success{color: var(--accent);}.subpage-nav{position: fixed;top: 0;left: 0;right: 0;z-index: 100;background: rgba(10, 10, 10, 0.92);backdrop-filter: blur(16px);border-bottom: 1px solid var(--border);}.subpage-nav-inner{max-width: var(--max-width);margin: 0 auto;padding: 16px var(--space-12);display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);}.subpage-back{font-family: var(--mono);font-size: 11px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--muted);text-decoration: none;transition: color var(--duration-fast);}.subpage-back:hover{color: var(--accent);}.subpage-main{padding: 120px var(--space-12) var(--space-16);max-width: var(--content-narrow);margin: 0 auto;}.breadcrumbs{display: flex;flex-wrap: wrap;gap: 8px;font-size: 13px;color: var(--muted);margin-bottom: var(--space-6);}.breadcrumbs a{color: var(--accent);}.subpage-eyebrow{font-family: var(--mono);font-size: var(--text-xs);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--accent);margin-bottom: var(--space-5);}.subpage-title{font-family: var(--font-display);font-size: clamp(32px, 4vw, 48px);line-height: 1.1;letter-spacing: -0.03em;margin-bottom: var(--space-6);}.subpage-lead{font-size: var(--text-lg);color: var(--muted);line-height: var(--leading-body);margin-bottom: var(--space-10);}.prose h2{font-family: var(--font-ui);font-size: 20px;font-weight: 600;margin: var(--space-10) 0 var(--space-4);color: var(--text);}.prose p, .prose li{font-size: 15px;color: var(--muted);line-height: var(--leading-body);margin-bottom: var(--space-4);}.prose ul{padding-left: var(--space-6);margin-bottom: var(--space-6);}.prose a{color: var(--accent);}.case-study-hero-img{width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover;border-radius: var(--radius-lg);border: 1px solid var(--border);margin: var(--space-8) 0;display: block;}.case-meta-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-4);margin: var(--space-8) 0;}.case-meta-item{padding: var(--space-4);border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);}.case-meta-label{font-family: var(--mono);font-size: 9px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--muted);display: block;margin-bottom: var(--space-2);}.case-meta-value{font-size: 14px;font-weight: 600;color: var(--text);}.subpage-cta{margin-top: var(--space-12);padding-top: var(--space-8);border-top: 1px solid var(--border);display: flex;flex-wrap: wrap;gap: var(--space-4);}.insights-list{display: flex;flex-direction: column;gap: var(--space-4);margin-top: var(--space-8);}.insights-item{display: block;padding: var(--space-6);border: 1px solid var(--border);border-radius: var(--radius-lg);text-decoration: none;transition: border-color var(--duration-base), background var(--duration-base);}.insights-item:hover{border-color: rgba(59, 158, 255, 0.35);background: rgba(59, 158, 255, 0.04);}.insights-item-title{font-size: 18px;font-weight: 600;color: var(--text);margin-bottom: var(--space-2);}.insights-item-desc{font-size: 14px;color: var(--muted);line-height: 1.6;}.footer-social{display: flex;gap: var(--space-4);margin-top: var(--space-4);}.footer-social a{font-family: var(--mono);font-size: 10px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--muted);text-decoration: none;transition: color var(--duration-fast);}.footer-social a:hover{color: var(--accent);}.footer-legal{display: flex;flex-wrap: wrap;gap: var(--space-4);}.footer-legal a{font-family: var(--mono);font-size: 11px;letter-spacing: 0.06em;text-transform: uppercase;color: var(--muted);text-decoration: none;transition: color var(--duration-fast);}.footer-legal a:hover{color: var(--accent);}.footer-legal .footer-back{color: var(--muted);}.case-card-links{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-4);margin-top: auto;padding-top: var(--space-2);}.case-card-links .case-link{margin-top: 0;}@media (max-width: 768px){.subpage-main{padding: 100px var(--space-5) var(--space-12);}.subpage-nav-inner{padding: 14px var(--space-5);}.case-meta-grid{grid-template-columns: 1fr;}}footer{padding: 64px 48px 32px;border-top: 1px solid var(--border);background: var(--surface);}.footer-grid{max-width: var(--max-width);margin: 0 auto;display: grid;grid-template-columns: 1.5fr 1fr 1fr;gap: 48px;padding-bottom: 48px;border-bottom: 1px solid var(--border);}.footer-col-title{font-family: var(--mono);font-size: 10px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--muted);margin-bottom: 20px;}.footer-col-links{list-style: none;display: flex;flex-direction: column;gap: 12px;}.footer-col-links a{font-size: 14px;color: var(--muted);text-decoration: none;transition: color 0.2s;}.footer-col-links a:hover{color: var(--accent);}.footer-bottom{max-width: var(--max-width);margin: 24px auto 0;display: flex;justify-content: space-between;align-items: center;gap: 16px;flex-wrap: wrap;}.footer-back{font-family: var(--mono);font-size: 11px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--muted);text-decoration: none;transition: color 0.2s;}.footer-back:hover{color: var(--accent);}.footer-logo{display: inline-flex;align-items: center;gap: 10px;font-size: 24px;color: var(--text);text-decoration: none;margin-bottom: 4px;transition: opacity 0.2s;}.footer-logo .logo-img{height: 26px;}.footer-logo:hover{opacity: 0.9;}.footer-tagline{font-size: 14px;color: var(--muted);margin-top: 8px;font-family: var(--font-ui);font-weight: 400;line-height: 1.5;}.footer-email{display: inline-block;font-family: var(--mono);font-size: 12px;color: var(--accent);margin-top: 12px;text-decoration: none;letter-spacing: 0.04em;transition: opacity 0.2s;}.footer-email:hover{opacity: 0.8;}.testi-link{color: var(--accent);text-decoration: none;font-family: var(--mono);font-size: 11px;letter-spacing: 0.06em;text-transform: uppercase;}.testi-link:hover{opacity: 0.8;}.footer-copy{font-family: var(--mono);font-size: 11px;color: var(--muted);letter-spacing: 0.04em;margin: 0;}.clients-row{padding: 60px 48px 44px;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);overflow: hidden;background: transparent;}.clients-row:not(.section-bg){background: linear-gradient( 180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0) );}.clients-row-inner{display: flex;flex-direction: column;align-items: flex-start;gap: 14px;}.clients-label{font-family: var(--mono);font-size: var(--text-xs);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--accent);white-space: nowrap;line-height: 1.3;margin: 0;flex-shrink: 0;}.clients-marquee{overflow: hidden;width: 100%;}.clients-logos-track{display: flex;width: max-content;animation: marqueeScroll 25s linear infinite;}.clients-logos-set{display: flex;gap: 48px;align-items: center;padding-right: 48px;}.client-logo{font-family: var(--font-ui);font-size: 13px;font-weight: 500;color: var(--muted);letter-spacing: 0.06em;text-transform: uppercase;white-space: nowrap;transition: color 0.2s;}.client-logo:hover{color: var(--text);}@keyframes fadeUp{from{opacity: 0;transform: translateY(24px);}to{opacity: 1;transform: translateY(0);}}@keyframes bentoIn{from{opacity: 0;transform: translateY(20px) scale(0.97);}to{opacity: 1;transform: translateY(0) scale(1);}}@keyframes bentoFloat{0%, 100%{transform: translateY(-50%);}50%{transform: translateY(calc(-50% - 8px));}}@keyframes bentoFloatMobile{0%, 100%{transform: none;}50%{transform: translateY(-6px);}}@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}@keyframes pageFadeIn{from{opacity: 0;}to{opacity: 1;}}@keyframes marqueeScroll{from{transform: translateX(0);}to{transform: translateX(-50%);}}.reveal{opacity: 1;transform: none;transition: opacity 0.8s ease, transform 0.8s ease;}.js .reveal{opacity: 0;transform: translateY(32px);}.js .reveal.visible{opacity: 1;transform: none;}.reveal-delay-1{transition-delay: 0.1s;}.reveal-delay-2{transition-delay: 0.2s;}.reveal-delay-3{transition-delay: 0.3s;}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}.ambient-particles{display: none;}*, *::before, *::after{animation: none !important;transition: none !important;}.reveal, .js .reveal{opacity: 1;transform: none;}}@media (max-width: 1200px){.nav-links{gap: 16px;}.nav-links a{font-size: 10px;}.nav-cta--desktop{padding: 9px 14px;font-size: 10px;}}@media (max-width: 1024px){.nav-inner{padding: 14px 24px;}.nav-links{flex: none;}section{padding: 100px 32px;}.hero{padding: 96px 32px 60px;min-height: auto;}.stats-bar{padding: 32px;}.stats-bar-inner{gap: 16px;}.stat-item{padding: 0 16px;}.services-grid{gap: 2px;}.products-grid{gap: 2px;}.case-studies{grid-template-columns: 1fr;gap: 20px;}.quotes-grid{grid-template-columns: 1fr;}.engagement-grid{grid-template-columns: 1fr;}.trust-points{grid-template-columns: repeat(3, 1fr);}.studio-layout{gap: 48px;}.process-grid{grid-template-columns: repeat(2, 1fr);}.contact-layout{grid-template-columns: 1fr;gap: 48px;}.contact-aside{border-left: none;padding-left: 0;border-top: 1px solid var(--border);padding-top: 40px;}.contact-direct{border-top: none;padding-top: 0;}.footer-grid{grid-template-columns: 1fr 1fr;}.footer-brand{grid-column: span 2;}.nav-menu-btn{display: block;position: relative;z-index: 102;}.nav-actions{gap: 0;}.nav-links{display: none;position: absolute;top: 100%;left: 0;right: 0;background: rgba(10, 10, 10, 0.98);backdrop-filter: blur(20px);border-bottom: 1px solid var(--border);flex-direction: column;gap: 0;padding: 16px 0;list-style: none;}.nav-links.mobile-open{display: flex;}.nav-links a{padding: 14px 28px;display: block;border-bottom: 1px solid rgba(255, 255, 255, 0.04);}.nav-cta--desktop{display: none;}.nav-links-cta{display: block;padding: 16px 20px 8px;}.nav-cta--in-menu{display: flex;width: 100%;justify-content: center;}}@media (max-width: 768px){.nav-inner{padding: 14px 20px;}.nav-logo{font-size: 17px;gap: 10px;}.nav-logo .logo-img{height: 24px;}.hero-pills{gap: 6px;}.hero-pill{font-size: 9px;padding: 7px 10px;}.process-grid{grid-template-columns: 1fr;}.cta-band{padding: 48px 20px;}.cta-band-inner{flex-direction: column;align-items: flex-start;}.cta-band-actions{width: 100%;flex-direction: column;}.cta-band-actions .btn-primary, .cta-band-actions .btn-ghost{width: 100%;justify-content: center;}.footer-grid{grid-template-columns: 1fr;gap: 32px;}.footer-brand{grid-column: span 1;}.nav-menu-btn{display: block;position: relative;z-index: 102;}.nav-links{display: none;position: absolute;top: 100%;left: 0;right: 0;background: rgba(10, 10, 10, 0.98);backdrop-filter: blur(20px);border-bottom: 1px solid var(--border);flex-direction: column;gap: 0;padding: 20px 0;list-style: none;}.nav-links.mobile-open{display: flex;}.nav-links a{padding: 14px 20px;display: block;border-bottom: 1px solid rgba(255, 255, 255, 0.04);}.nav-cta--desktop{display: none;}.nav-links-cta{display: block;padding: 16px 20px 8px;}.nav-cta--in-menu{display: flex;width: 100%;justify-content: center;}section{padding: 60px 20px;}.hero{padding: 92px 20px 40px;min-height: auto;justify-content: flex-start;}.hero-inner{grid-template-columns: 1fr;gap: 40px;}.hero-visual{order: -1;overflow: hidden;}.hero-bento{grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 120px);height: auto;gap: 8px;}.bento-cell:hover{transform: none;box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);}.bento-cell:hover img{transform: none;}.hero h1{font-size: clamp(24px, 6.5vw, 36px);line-height: 1.12;max-width: 100%;}.hero-sub{font-size: 15px;max-width: 100%;}.hero-ctas{flex-direction: column;gap: 12px;margin-top: 32px;}.hero-marquee-wrap{margin-top: 40px;padding-top: 20px;max-width: 100%;}.btn-primary, .btn-ghost{width: 100%;justify-content: center;padding: 14px 20px;font-size: 13px;}.stats-bar{padding: 24px 20px;}.stats-bar-inner{grid-template-columns: 1fr 1fr;gap: 20px;}.stat-item{border-right: none;border-bottom: 1px solid var(--border);padding: 0 0 20px;}.stat-item:nth-child(odd){border-right: 1px solid var(--border);}.stat-item:nth-child(3), .stat-item:nth-child(4){border-bottom: none;}.stat-num{font-size: 32px;}.studio-layout{grid-template-columns: 1fr;gap: 40px;}.services-grid{grid-template-columns: 1fr;}.service-card{padding: 32px 20px;}.service-visual{margin: -32px -20px 24px;height: 180px;}.work-section .section-h2{font-size: clamp(28px, 7vw, 40px);}.work-disclaimer{font-size: 13px;margin-bottom: 28px;}.work-header-cta{width: 100%;justify-content: center;text-align: center;}.work-filters{flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;gap: 8px;margin-bottom: 20px;margin-left: -20px;margin-right: -20px;padding-left: 20px;padding-right: 20px;padding-bottom: 4px;}.work-filters::-webkit-scrollbar{display: none;}.work-filter{flex-shrink: 0;padding: 10px 14px;font-size: 10px;min-height: 44px;}.service-title{font-size: 18px;}.service-desc{font-size: 13px;}.case-studies{grid-template-columns: 1fr;gap: 16px;}.case-study:hover{transform: none;box-shadow: none;}.case-browser-bar{padding: 8px 12px;}.case-browser-bar > span:nth-child(-n + 3){width: 7px;height: 7px;}.case-screenshot{aspect-ratio: 16 / 11;}.case-body{padding: 22px 20px 26px;}.case-title{font-size: 18px;}.case-desc{font-size: 13px;margin-bottom: 16px;}.case-tags{gap: 6px;margin-bottom: 16px;}.case-tag{font-size: 9px;padding: 6px 9px;}.case-deliverables{padding-top: 14px;margin-bottom: 16px;}.case-link{min-height: 44px;align-items: center;padding: 4px 0;}.products-grid{grid-template-columns: 1fr;}.product-card--cta{grid-column: span 1;}.product-card{padding: 28px 20px;position: relative;}.product-badge{margin-bottom: 16px;}.product-name{font-size: 18px;}.product-desc{font-size: 12px;}.product-arrow{position: static;margin-top: 16px;width: auto;height: auto;border: none;font-size: 16px;}.quotes-grid{grid-template-columns: 1fr;}.quote-card{padding: 28px 22px;}.quote-text{font-size: 15px;}.trust-points{grid-template-columns: 1fr;}.engagement-grid{grid-template-columns: 1fr;}.engagement-title{padding-right: 0;font-size: 20px;}.engagement-cta{flex-direction: column;}.engagement-cta .btn-primary, .engagement-cta .btn-ghost{width: 100%;justify-content: center;}.case-metrics{gap: 8px;}.case-metric-val{font-size: 14px;}.contact-section{padding: 60px 20px;min-height: auto;}.contact-inner{max-width: 100%;}.contact-h2{font-size: clamp(28px, 7vw, 48px);margin-bottom: 16px;}.contact-sub{font-size: 14px;}.contact-section:not(.section-bg)::before{width: 400px;height: 400px;}.section-bg--contact::before{background-size: 280px auto;}.section-bg--cta-main::before{background-size: 320px auto;background-position: center bottom;}.form-row{grid-template-columns: 1fr;gap: 12px;}.form-field{gap: 6px;}.form-input{padding: 12px 14px;font-size: 14px;}textarea.form-input{height: 80px;}.form-submit{width: 100%;padding: 14px 20px;margin-top: 8px;}footer{padding: 40px 20px 24px;}.footer-bottom{flex-direction: column;align-items: flex-start;gap: 12px;}.work-header{flex-direction: column;gap: 20px;align-items: flex-start;}.clients-row{padding: 28px 20px 24px;}.clients-label{margin: 0;}.clients-logos-set{gap: 28px;}.section-h2{font-size: clamp(24px, 6vw, 42px);}}@media (max-width: 480px){.nav-inner{padding: 12px 16px;}section{padding: 48px 16px;}.hero{padding: 88px 16px 32px;}.hero-inner{gap: 32px;}.hero-bento{grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 100px);gap: 6px;}.bento-label{font-size: 8px;bottom: 8px;left: 8px;padding: 4px 7px;letter-spacing: 0.06em;}.hero h1{font-size: clamp(21px, 6vw, 30px);}.hero-label{font-size: 10px;margin-bottom: 20px;}.hero-sub{font-size: 13px;margin-top: 20px;}.hero-ctas{margin-top: 24px;}.btn-primary, .btn-ghost{padding: 12px 16px;font-size: 12px;}.stats-bar{padding: 20px 16px;}.stats-bar-inner{grid-template-columns: 1fr;gap: 16px;}.stat-item{border-right: none !important;border-bottom: 1px solid var(--border) !important;padding: 0 0 16px;}.stat-item:last-child{border-bottom: none !important;}.stat-num{font-size: 24px;}.stat-label{font-size: 11px;margin-top: 6px;}.hero-trust{font-size: 9px;margin-top: 16px;}.studio-layout{gap: 32px;}.studio-text p{font-size: 14px;}.service-card{padding: 24px 16px;border: 1px solid var(--border);margin-bottom: 12px;}.service-visual{margin: -24px -16px 20px;height: 160px;}.service-title{font-size: 16px;margin-bottom: 12px;}.work-filters{margin-left: -16px;margin-right: -16px;padding-left: 16px;padding-right: 16px;}.work-filter{padding: 8px 12px;font-size: 9px;}.work-disclaimer{font-size: 12px;margin-bottom: 24px;}.case-studies{gap: 14px;}.case-body{padding: 18px 16px 22px;}.case-screenshot .case-num{top: 10px;left: 10px;font-size: 10px;padding: 5px 8px;}.case-preview-badge{bottom: 10px;right: 10px;font-size: 8px;padding: 4px 7px;}.case-label{font-size: 9px;}.case-title{font-size: 17px;}.case-desc{font-size: 13px;}.product-card{padding: 24px 16px;}.product-name{font-size: 16px;}.product-badge{font-size: 9px;}.quote-card{padding: 24px 18px;}.quote-text{font-size: 14px;}.engagement-card{padding: 24px 20px;}.booking-block{padding: 22px 18px;}.contact-section{padding: 48px 16px;}.contact-h2{font-size: clamp(22px, 6vw, 36px);}.contact-sub{font-size: 13px;}footer{padding: 32px 16px;gap: 20px;}.footer-logo{font-size: 20px;}.section-h2{font-size: clamp(20px, 5vw, 32px);}.marquee{gap: 40px;}.marquee span{font-size: 12px;}.clients-logos-set{gap: 20px;}.client-logo{font-size: 11px;}}@media (max-height: 768px) and (max-width: 768px){.hero{padding-top: 60px;padding-bottom: 20px;}.hero h1{font-size: clamp(20px, 5.5vw, 32px);}section{padding: 48px 16px;}}body { animation: none;}nav, nav.scrolled{background: #0a0a0a;backdrop-filter: none;-webkit-backdrop-filter: none;box-shadow: none;}nav.scrolled .nav-inner { padding-top: 14px; padding-bottom: 14px;}nav.scrolled .nav-logo .logo-img { height: 26px;}.nav-links a { font-size: 12px; letter-spacing: 0.04em;}.nav-menu-btn { min-width: 44px; min-height: 44px;}.hero { min-height: auto; padding-top: 136px; padding-bottom: 80px;}.hero-inner { grid-template-columns: 1.1fr 1fr; gap: clamp(32px, 5vw, 72px);}.hero-label, .hero h1, .hero-sub, .hero-ctas, .hero-trust, .hero-visual, .bento-cell{opacity: 1;transform: none;animation: none;}.hero h1 { font-size: clamp(38px, 4.3vw, 62px); line-height: 1.08;}.hero-sub { max-width: 48ch; line-height: 1.75;}.hero-trust { max-width: 48ch; line-height: 1.6;}.hero-ctas { flex-wrap: wrap; gap: 16px 24px;}.hero-bento { height: clamp(320px, 32vw, 410px); gap: 8px;}.bento-cell, .bento-cell:hover { border-radius: 2px; box-shadow: none; transform: none;}.bento-cell:hover img { transform: none;}.bento-label{padding: 0; background: transparent; border: 0;backdrop-filter: none; font-size: 11px; letter-spacing: 0.04em;}.bento-cell:hover .bento-label { background: transparent;}.bento-cell img, .case-screenshot img { filter: saturate(0.72);}.clients-row { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);}.clients-marquee { overflow: visible; mask-image: none; -webkit-mask-image: none;}.clients-logos-track { width: auto; animation: none;}.clients-logos-track, .clients-logos-set { min-width: 0; max-width: 100%; flex-shrink: 1;}.clients-logos-set { width: auto; flex-wrap: wrap; gap: 12px 28px;}.client-logo { font-size: 14px; font-weight: 400; letter-spacing: 0;}.section-h2 { max-width: 22ch; line-height: 1.15;}.section-intro, .contact-sub { max-width: 55ch;}.services-grid{background: transparent; border: 0; column-gap: 56px; row-gap: 0;margin-top: 48px;}.service-card { background: transparent; padding: 28px 0 36px; border-top: 1px solid var(--border);}.service-card:hover { background: transparent;}.service-card::after { content: none;}.service-title { font-size: 21px; line-height: 1.3; margin-bottom: 12px;}.service-desc { max-width: 48ch; font-size: 15px; margin-bottom: 18px;}.service-list li { font-size: 13px; letter-spacing: 0;}.case-studies { gap: 40px 32px;}.case-study, .case-study:hover{border: 0; border-radius: 0; background: transparent;box-shadow: none; transform: none;}.case-body { padding: 24px 0 12px;}.case-screenshot { aspect-ratio: 16 / 10;}.case-screenshot img { object-position: center;}.case-study:hover .case-screenshot img { transform: none;}.case-num { background: var(--surface-elevated); border: 0; backdrop-filter: none;}.case-preview-badge { color: var(--text); background: var(--surface-elevated); border: 0; backdrop-filter: none; letter-spacing: 0.03em;}.case-tags { gap: 8px 16px;}.case-tag, .case-tag--pillar { background: transparent; border: 0; padding: 0; color: var(--muted);}.case-card-links { justify-content: flex-start; gap: 24px; flex-wrap: wrap;}.case-link { min-height: 44px; display: inline-flex; align-items: center;}.products-grid { background: transparent; border: 0; gap: 0 32px;}.product-card, .product-card:hover { background: transparent; border: 0; border-top: 1px solid var(--border); padding: 28px 0;}.product-badge { border: 0; padding: 0; background: transparent;}.engagement-card, .engagement-card--featured{border-color: var(--border); background: var(--surface); box-shadow: none;}.contact-h2 { font-size: clamp(36px, 4.2vw, 56px); line-height: 1.12;}.btn-primary, .btn-ghost, .nav-cta { min-height: 44px;}.btn-primary, .btn-ghost, .nav-cta, .form-submit{text-transform: none;letter-spacing: 0.01em;font-weight: 600;}.prose .btn-primary { color: var(--on-accent);}.hero-trust { font-family: var(--sans); text-transform: none; letter-spacing: 0; font-size: 13px;}.engagement-card--featured .engagement-title { padding-right: 0;}.btn-primary, .btn-primary:hover { box-shadow: none; transform: none;}.subpage-main { max-width: 820px;}.subpage-title { max-width: 24ch; line-height: 1.14; text-wrap: balance;}.subpage-lead { max-width: 62ch;}.prose p, .prose li { font-size: 16px;}.case-meta-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));}.case-study-hero-img { border-radius: 2px; margin-bottom: 12px;}.prose .image-caption { font-size: 12px; margin-bottom: 32px;}.prose .example-note { padding-top: 20px; border-top: 1px solid var(--border); font-size: 14px;}.service-page .subpage-lead{margin-bottom: var(--space-8);}.service-index-list{margin-top: var(--space-8);}.service-detail-block{padding: var(--space-7) 0;border-top: 1px solid var(--border);}.service-detail-block:first-of-type{border-top-color: var(--border-strong);}.service-detail-block h2{margin-top: 0;}.service-detail-block li + li{margin-top: 8px;}.breadcrumbs { line-height: 1.6; overflow-wrap: anywhere;}.subpage-nav-inner > *, .contact-layout > *, .clients-row-inner > * { min-width: 0;}.contact-email, .footer-email { overflow-wrap: anywhere;}@media (max-width: 1024px){.hero { padding-top: 112px;}.nav-links { backdrop-filter: none; max-height: calc(100dvh - 72px); overflow-y: auto; align-items: stretch;}.nav-links li { width: 100%;}.nav-links a { font-size: 14px;}.clients-row-inner { flex-wrap: wrap; gap: 16px;}}@media (max-width: 768px){.hero { padding: 108px 20px 48px;}.hero-inner { grid-template-columns: 1fr; gap: 32px;}.hero-visual { order: 0;}.hero h1 { font-size: clamp(36px, 7vw, 48px);}.hero-sub { font-size: 16px;}.hero-bento { height: auto; grid-template-rows: repeat(2, 120px);}.bento-label { left: 10px; bottom: 10px; font-size: 10px;}.services-grid { grid-template-columns: 1fr; margin-top: 32px;}.service-card { padding: 24px 0;}.service-title { font-size: 20px;}.section-h2 { font-size: clamp(30px, 6vw, 42px);}.contact-h2 { font-size: clamp(32px, 6vw, 42px);}.clients-logos-set { gap: 12px 20px;}.client-logo { font-size: 13px;}.subpage-nav-inner { padding: 12px 20px; gap: 16px;}.subpage-nav-inner .btn-primary { width: auto; max-width: 52%; flex-shrink: 0; padding: 10px 14px; font-size: 12px; text-align: center;}.subpage-main { padding: 112px 20px 56px;}.subpage-back { font-size: 10px; line-height: 1.5;}.form-input { font-size: 16px;}nav.scrolled .nav-logo .logo-img { height: 24px;}}@media (prefers-reduced-motion: reduce){.hero-label, .hero h1, .hero-sub, .hero-ctas, .hero-trust, .hero-visual { opacity: 1; transform: none;}}html{color-scheme: dark;background: var(--bg);}html[data-theme="light"]{color-scheme: light;}html[data-theme="light"] body{background: var(--bg);}body, nav, footer, section, .clients-row, .service-card, .process-step, .product-card, .engagement-card, .trust-point, .case-meta-item, .form-input, .subpage-nav{transition: background-color 240ms ease, border-color 240ms ease, color 180ms ease;}nav, nav.scrolled, .subpage-nav{background: color-mix(in srgb, var(--nav-bg) 94%, transparent);border-color: var(--border);}@supports (backdrop-filter: blur(1px)){nav, nav.scrolled, .subpage-nav{backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);}}:root[data-theme="light"] nav, :root[data-theme="light"] nav.scrolled, :root[data-theme="light"] .subpage-nav{background: rgba(243, 240, 233, 0.94);}:root[data-theme="light"] .nav-links.mobile-open{background: rgba(243, 240, 233, 0.985);}.nav-logo .logo-img, .footer-logo .logo-img{padding: 0;background: transparent;border: 0;border-radius: 0;}:root[data-theme="light"] .logo-img{content: url("images/wordmark-light.webp");}:root[data-theme="light"] footer{border-top-color: rgba(255, 255, 255, 0.22);background: radial-gradient(circle at 18% 0%, rgba(59, 158, 255, 0.18), transparent 34%), linear-gradient(180deg, #071421, #05090f);color: #ffffff;}:root[data-theme="light"] footer .logo-img{content: url("images/wordmark.webp");}:root[data-theme="light"] .footer-grid{border-bottom-color: rgba(255, 255, 255, 0.2);}:root[data-theme="light"] .footer-logo, :root[data-theme="light"] .footer-col-title, :root[data-theme="light"] .footer-tagline, :root[data-theme="light"] .footer-copy, :root[data-theme="light"] .footer-col-links a, :root[data-theme="light"] .footer-legal a, :root[data-theme="light"] .footer-back, :root[data-theme="light"] .footer-social a{color: rgba(255, 255, 255, 0.82);}:root[data-theme="light"] .footer-logo, :root[data-theme="light"] .footer-col-title{color: #ffffff;}:root[data-theme="light"] .footer-email, :root[data-theme="light"] .footer-col-links a:hover, :root[data-theme="light"] .footer-legal a:hover, :root[data-theme="light"] .footer-back:hover, :root[data-theme="light"] .footer-social a:hover{color: #ffffff;}:root[data-theme="light"] footer a:focus-visible{outline-color: #ffffff;}:root[data-theme="light"] .case-num, :root[data-theme="light"] .case-preview-badge{background: rgba(255, 253, 248, 0.9);color: #171b20;border: 1px solid rgba(23, 27, 32, 0.14);}:root[data-theme="light"] .case-screenshot::after{background: linear-gradient(to top, rgba(23, 27, 32, 0.18), transparent 45%);}:root[data-theme="light"] select.form-input option{color: var(--text);background: var(--surface-elevated);}:root[data-theme="light"] .contact-section:not(.section-bg){background: var(--surface);}:root[data-theme="light"] .section-bg--contact{background: radial-gradient(circle at 78% 18%, rgba(8, 104, 206, 0.12), transparent 34%), linear-gradient(180deg, rgba(8, 104, 206, 0.055), rgba(8, 104, 206, 0.018) 52%, transparent), var(--bg);}:root[data-theme="light"] .section-bg--contact::before{background-image: none;}:root[data-theme="light"] .nav-links a{border-color: var(--border);}:root[data-theme="light"] .form-input.is-invalid{border-color: #b42318;}:root[data-theme="light"] .form-feedback.error{color: #9f241a;}.form-input{background-color: var(--field-bg);color: var(--text);border-color: var(--border);}.bento-cell img, .case-screenshot img, .case-study-hero-img{filter: var(--image-filter);}.theme-toggle{width: 48px;height: 44px;display: inline-grid;place-items: center;padding: 0;flex: 0 0 auto;color: var(--text);background: transparent;border: 1px solid var(--border);border-radius: 999px;cursor: pointer;transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;}.theme-toggle:hover{border-color: var(--border-strong);background: var(--accent-dim);}.theme-toggle:active{transform: scale(0.96);}.theme-toggle-track{width: 20px;height: 20px;position: relative;display: block;border: 0;opacity: 1;}.theme-toggle-track::before{content: "☀";display: block;font-size: 22px;line-height: 20px;}:root[data-theme="light"] .theme-toggle-track::before { content: "☾";}.theme-toggle-thumb{display: none;}.subpage-actions{display: flex;align-items: center;justify-content: flex-end;gap: 12px;min-width: 0;}.page-theme-control{position: fixed;top: 20px;right: 20px;z-index: 10;}.signal-stage{--depth-x: 0deg;--depth-y: 0deg;--orbit-radius: clamp(152px, 18vw, 212px);position: relative;width: min(100%, 560px);aspect-ratio: 1.14;margin-inline: auto;overflow: hidden;perspective: 900px;border: 0;background: transparent;box-shadow: none;contain: layout paint style;}.signal-stage::before{content: "";position: absolute;inset: 9%;z-index: 0;border-radius: 50%;background: radial-gradient(circle at 50% 48%, var(--accent-glow), transparent 66%);filter: blur(12px);opacity: 0.5;pointer-events: none;}.service-orbit{position: absolute;inset: 0;z-index: 2;margin: 0;padding: 0;list-style: none;pointer-events: none;}.service-orbit li{position: absolute;transform: translate(-50%, -50%);}.service-orbit li:nth-child(1) { left: 50%; top: 8%;}.service-orbit li:nth-child(2) { left: 86%; top: 30%;}.service-orbit li:nth-child(3) { left: 86%; top: 70%;}.service-orbit li:nth-child(4) { left: 50%; top: 92%;}.service-orbit li:nth-child(5) { left: 14%; top: 70%;}.service-orbit li:nth-child(6) { left: 14%; top: 30%;}.service-orbit a{display: flex;flex-direction: column;align-items: center;gap: 6px;min-width: 72px;min-height: 64px;padding: 4px;color: var(--muted);font-family: var(--sans);font-size: 12px;font-weight: 500;line-height: 1.4;text-decoration: none;pointer-events: auto;border-radius: 4px;text-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);}.orbit-icon{display: grid;place-items: center;width: 44px;height: 44px;border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--border-strong));border-radius: 50%;background: color-mix(in srgb, var(--surface-elevated) 18%, transparent);color: color-mix(in srgb, var(--accent) 88%, white);transition: transform 200ms var(--ease-out), background-color 200ms, border-color 200ms;box-shadow: 0 14px 30px rgba(0, 0, 0, 0.34), inset 0 0 0 1px rgba(255, 255, 255, 0.04);}@supports (backdrop-filter: blur(1px)){.orbit-icon{backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}}.orbit-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;}.service-orbit a:hover, .service-orbit a:focus-visible { color: var(--text);}.service-orbit a:hover .orbit-icon, .service-orbit a:focus-visible .orbit-icon{background: color-mix(in srgb, var(--accent) 84%, transparent);border-color: color-mix(in srgb, var(--accent) 72%, white);color: var(--on-accent);transform: translateY(-3px);box-shadow: 0 18px 44px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(59, 158, 255, 0.45), 0 0 34px rgba(59, 158, 255, 0.18);}:root[data-theme="light"] .service-orbit a{color: #4b5560;text-shadow: none;}:root[data-theme="light"] .orbit-icon{background: rgba(255, 253, 248, 0.74);color: var(--accent);border-color: rgba(8, 104, 206, 0.28);box-shadow: 0 12px 26px rgba(25, 32, 40, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.62);}@media (max-width: 1024px){.signal-stage::before{opacity: 0.35;filter: blur(10px);}.service-orbit { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px 4px; padding: 8px 4px;}.service-orbit li { position: static; transform: none;}.service-orbit a { min-width: 0; font-size: 12px;}}@media (prefers-reduced-motion: reduce){.service-orbit a:hover .orbit-icon, .service-orbit a:focus-visible .orbit-icon { transform: none;}}.signal-scene{position: absolute;inset: 12% 10% 13%;transform-style: preserve-3d;transform: rotateX(calc(-9deg + var(--depth-y))) rotateY(calc(-13deg + var(--depth-x)));transition: transform 120ms linear;will-change: transform;}.signal-core{position: absolute;top: 50%;left: 50%;width: 132px;height: 92px;margin: -46px -66px;transform-style: preserve-3d;background: url("images/w-mark.webp") center / contain no-repeat;filter: drop-shadow(0 0 12px rgba(59, 158, 255, 0.12));transform: rotateY(calc(13deg - var(--depth-x))) rotateX(calc(9deg - var(--depth-y)));animation: signal-breathe 7s ease-in-out infinite;}.motion-paused .signal-core{animation-play-state: paused;}.signal-core-face{display: none;position: absolute;inset: 0;border: 1px solid color-mix(in srgb, var(--accent) 70%, var(--text));background: color-mix(in srgb, var(--surface-elevated) 80%, transparent);box-shadow: inset 0 0 28px var(--accent-dim);}.signal-core-face--front { transform: translateZ(53px);}.signal-core-face--back { transform: rotateY(180deg) translateZ(53px);}.signal-core-face--left { transform: rotateY(-90deg) translateZ(53px);}.signal-core-face--right { transform: rotateY(90deg) translateZ(53px);}.signal-core-face--top { transform: rotateX(90deg) translateZ(53px);}.signal-core-face--bottom { transform: rotateX(-90deg) translateZ(53px);}.signal-orbit{position: absolute;top: 50%;left: 50%;border: 1px solid color-mix(in srgb, var(--accent) 36%, transparent);border-radius: 50%;transform-style: preserve-3d;opacity: 0.72;transition: border-color 240ms var(--ease-out), opacity 240ms var(--ease-out), filter 240ms var(--ease-out);}.signal-orbit::before{content: "";position: absolute;inset: 0;border: 1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius: inherit;pointer-events: none;}.signal-orbit--one { width: 70%; aspect-ratio: 1; transform: translate(-50%, -50%) rotateX(50deg) rotateZ(7deg);}.signal-orbit--two { width: 74%; aspect-ratio: 1; transform: translate(-50%, -50%) rotateZ(58deg) rotateX(54deg);}.signal-orbit--three { width: 78%; aspect-ratio: 1; transform: translate(-50%, -50%) rotateZ(-52deg) rotateX(-45deg);}.hero-visual:has(.service-orbit li:nth-child(1) a:is(:hover, :focus-visible)) .signal-orbit--one, .hero-visual:has(.service-orbit li:nth-child(4) a:is(:hover, :focus-visible)) .signal-orbit--one, .hero-visual:has(.service-orbit li:nth-child(2) a:is(:hover, :focus-visible)) .signal-orbit--two, .hero-visual:has(.service-orbit li:nth-child(5) a:is(:hover, :focus-visible)) .signal-orbit--two, .hero-visual:has(.service-orbit li:nth-child(3) a:is(:hover, :focus-visible)) .signal-orbit--three, .hero-visual:has(.service-orbit li:nth-child(6) a:is(:hover, :focus-visible)) .signal-orbit--three{opacity: 1;border-color: color-mix(in srgb, var(--accent) 72%, transparent);filter: drop-shadow(0 0 10px var(--accent-glow));}.signal-orbit span{position: absolute;width: 9px;height: 9px;border-radius: 50%;background: var(--accent);border: 2px solid var(--surface);box-shadow: 0 0 0 1px var(--accent), 0 0 20px var(--accent-glow);}.signal-orbit span:nth-child(1) { top: 8%; left: 24%;}.signal-orbit span:nth-child(2) { right: 3%; top: 52%;}.signal-orbit span:nth-child(3) { bottom: 9%; left: 18%;}@keyframes signal-breathe{0%, 100% { transform: rotateY(calc(13deg - var(--depth-x))) rotateX(calc(9deg - var(--depth-y))) scale3d(1, 1, 1);}50% { transform: rotateY(calc(13deg - var(--depth-x))) rotateX(calc(9deg - var(--depth-y))) scale3d(1.025, 1.025, 1.025);}}@media (hover: hover) and (pointer: fine){.btn-primary:hover, .btn-ghost:hover, .nav-cta:hover, .form-submit:hover{transform: translateY(-2px);}.btn-primary:active, .btn-ghost:active, .nav-cta:active, .form-submit:active{transform: translateY(0) scale(0.985);}.case-study{transition: transform 360ms var(--ease-out);}.case-study:hover, .case-study:focus-within{transform: translateY(-4px);}.case-study:hover .case-screenshot img, .case-study:focus-within .case-screenshot img{transform: scale(1.025);}.case-screenshot img{transition: transform 600ms var(--ease-out), filter 240ms ease;}.case-link::after, .breadcrumbs a::after{transition: transform 240ms var(--ease-out);transform-origin: right;}}@media (max-width: 1024px), (hover: none), (pointer: coarse){.signal-scene{transform: rotateX(-9deg) rotateY(-13deg);transition: none;will-change: auto;}.signal-core { animation: none; transform: rotateY(13deg) rotateX(9deg);}.case-study:hover, .case-study:focus-within, .case-study:hover .case-screenshot img, .case-study:focus-within .case-screenshot img{transform: none;}}@media (max-width: 768px){.signal-stage { width: min(100%, 520px); aspect-ratio: 1.35;}.signal-scene { inset: 9% 9% 14%;}.signal-core { width: 106px; height: 74px; margin: -37px -53px;}.signal-core-face--front { transform: translateZ(41px);}.signal-core-face--back { transform: rotateY(180deg) translateZ(41px);}.signal-core-face--left { transform: rotateY(-90deg) translateZ(41px);}.signal-core-face--right { transform: rotateY(90deg) translateZ(41px);}.signal-core-face--top { transform: rotateX(90deg) translateZ(41px);}.signal-core-face--bottom { transform: rotateX(-90deg) translateZ(41px);}.subpage-actions { gap: 8px;}.subpage-actions .theme-toggle { width: 44px;}.subpage-actions .btn-primary { max-width: 170px;}}@media (max-width: 375px){.nav-inner { padding-inline: 14px;}.nav-actions { gap: 6px;}.theme-toggle { width: 44px;}.signal-stage { aspect-ratio: 1.18;}.subpage-nav-inner { padding-inline: 14px;}.subpage-actions .btn-primary { display: none;}.subpage-back { max-width: calc(100vw - 90px);}}:root[data-theme="light"] select.form-input{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%235d6268' stroke-width='1.5' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 16px center;background-size: 12px 8px;}:root[data-theme="light"] .booking-block{background: color-mix(in srgb, var(--accent) 6%, var(--surface-elevated));border-color: color-mix(in srgb, var(--accent) 28%, transparent);}:root[data-theme="light"] .engagement-card{background: var(--surface-elevated);}:root[data-theme="light"] .engagement-card--featured{background: color-mix(in srgb, var(--accent) 5%, var(--surface-elevated));border-color: color-mix(in srgb, var(--accent) 35%, transparent);}:root[data-theme="light"] .work-filter.is-active{color: var(--on-accent);background: var(--accent);}:root[data-theme="light"] .service-card:hover, :root[data-theme="light"] .service-card:focus-within{border-top-color: var(--accent);}.form-field:focus-within .form-label { color: var(--accent);}.form-input:focus{background-color: var(--surface-elevated);box-shadow: 0 0 0 3px var(--accent-dim);}nav{overflow: visible;}.nav-inner{min-height: 68px;}.nav-logo, .nav-links, .nav-actions{align-self: center;}.nav-logo .logo-img{display: block;}textarea.form-input { min-height: 140px; resize: vertical;}.work-filter { min-height: 44px;}.work-filter.is-active { border-color: var(--accent);}.hero-inner > *, .form-row > *, .case-studies > * { min-width: 0;}@media (prefers-reduced-motion: no-preference){.signal-stage { animation: sculpture-arrive 850ms var(--ease-out) both;}.reveal { transition-duration: 550ms; transition-timing-function: var(--ease-out);}.js .reveal:not(.visible) { transform: translateY(16px);}.nav-links.mobile-open { animation: menu-arrive 180ms var(--ease-out);}.case-study:not(.is-filtered-out) { animation: project-arrive 320ms ease-out;}.btn-primary:active, .btn-ghost:active, .form-submit:active, .work-filter:active{transform: scale(0.98);}@keyframes sculpture-arrive{from { opacity: 0; transform: translateY(12px);}to { opacity: 1; transform: translateY(0);}}@keyframes menu-arrive{from { opacity: 0; transform: translateY(-6px);}to { opacity: 1; transform: translateY(0);}}@keyframes project-arrive { from { opacity: 0.65; } to { opacity: 1; }}}@media (max-width: 768px){.hero { padding: 104px 20px 40px;}.hero-inner { gap: 16px;}.hero h1 { font-size: clamp(34px, 7.5vw, 48px); text-wrap: balance;}.hero-visual { width: 100%; min-width: 0;}.signal-stage { width: min(100%, 400px); aspect-ratio: 1.5;}.service-card { border: 0; border-top: 1px solid var(--border); margin-bottom: 0;}.case-studies { gap: 32px;}.case-title { font-size: 21px; line-height: 1.35;}.case-desc, .contact-sub, .studio-text p { font-size: 15px; line-height: 1.7;}.case-label { font-size: 10px; line-height: 1.7;}.form-label { font-size: 11px; letter-spacing: 0.06em;}.form-row { grid-template-columns: minmax(0, 1fr);}.form-input { min-height: 48px;}.work-filters { gap: 8px; margin-inline: 0; padding-inline: 0; flex-wrap: wrap;}.work-filter { font-size: 11px; padding: 10px 12px;}.subpage-actions .btn-primary { max-width: none;}.subpage-actions { flex-shrink: 0;}.footer-col-links a { display: inline-flex; align-items: center; min-height: 44px;}.footer-col-links { gap: 0;}}@media (max-width: 430px){.nav-inner, nav.scrolled .nav-inner { padding: 10px 16px; gap: 12px;}.nav-logo .logo-img, nav.scrolled .nav-logo .logo-img { height: 22px;}.nav-actions { gap: 4px;}.hero { padding: 96px 16px 32px;}.hero-ctas { display: grid; grid-template-columns: 1fr; gap: 10px;}.hero-ctas a { justify-content: center; text-align: center; min-height: 48px; font-size: 14px;}.hero-trust { font-size: 12px; margin-top: 14px;}.signal-stage { aspect-ratio: 1.45;}.clients-row { padding: 28px 16px;}.process-grid { gap: 20px; margin-top: 32px;}.process-step { padding: 20px 0;}.contact-layout { gap: 32px;}}@media (prefers-reduced-motion: reduce){body, nav, footer, section, .clients-row, .service-card, .process-step, .product-card, .engagement-card, .trust-point, .case-meta-item, .form-input, .subpage-nav, .theme-toggle, .theme-toggle-thumb, .signal-scene, .signal-core, .case-study, .case-screenshot img{animation: none !important;transition: none !important;}.signal-scene { transform: rotateX(-9deg) rotateY(-13deg); will-change: auto;}.signal-core { transform: rotateY(13deg) rotateX(9deg);}.case-study:hover, .case-study:focus-within, .case-study:hover .case-screenshot img, .case-study:focus-within .case-screenshot img{transform: none;}}.visually-hidden{position: absolute !important;width: 1px; height: 1px; padding: 0; margin: -1px;overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}.prose h3{font-family: var(--font-ui);font-size: 17px;font-weight: 600;color: var(--text);margin: var(--space-8) 0 var(--space-3);}.prose strong { color: var(--text); font-weight: 600;}.prose ol { padding-left: var(--space-6); margin-bottom: var(--space-6);}.prose code { font-family: var(--mono); font-size: 0.9em; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 1px 5px;}.prose blockquote { border-left: 2px solid var(--accent); padding: 4px 0 4px var(--space-5); margin: var(--space-6) 0;}.prose table { width: 100%; border-collapse: collapse; margin: var(--space-6) 0; font-size: 14px; display: block; overflow-x: auto;}.prose th, .prose td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--border); color: var(--muted); vertical-align: top;}.prose th { color: var(--text); font-weight: 600; border-bottom-color: var(--border-strong);}.capability-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: var(--space-4); margin: var(--space-6) 0;}.capability-card { border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); padding: var(--space-5);}.capability-card h3 { margin: 0 0 var(--space-2); font-size: 16px;}.prose .capability-card p { font-size: 14px; margin: 0 0 var(--space-3);}.capability-card a { font-size: 13px; font-family: var(--mono); letter-spacing: 0.04em;}.faq-list { margin: var(--space-4) 0 0;}.faq-item { border-top: 1px solid var(--border); padding: var(--space-4) 0;}.faq-item:last-child { border-bottom: 1px solid var(--border);}.faq-item summary { cursor: pointer; font-weight: 600; color: var(--text); font-size: 16px;}.faq-item summary:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 4px;}.prose .faq-item p { margin: var(--space-3) 0 0;}.article-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; font-family: var(--mono); font-size: 12px; letter-spacing: 0.04em; color: var(--muted); margin: calc(-1 * var(--space-4)) 0 var(--space-8);}.article-figure { margin: 0 0 var(--space-8);}.article-figure img { width: 100%; height: auto; display: block; border: 1px solid var(--border); border-radius: var(--radius-lg);}.article-toc { border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-5) var(--space-6); margin: 0 0 var(--space-8); background: var(--surface);}.prose .article-toc p { font-family: var(--mono); font-size: 11px; letter-spacing: var(--tracking-label); text-transform: uppercase; margin-bottom: var(--space-3);}.article-toc ol { margin: 0;}.prose .article-toc li { font-size: 14px; margin-bottom: 6px;}.prose .article-sources li { font-size: 14px; overflow-wrap: anywhere;}.article-author { border-top: 1px solid var(--border); margin-top: var(--space-10); padding-top: var(--space-6);}.related-list { list-style: none; padding: 0; display: grid; gap: var(--space-3);}.prose .related-list { padding-left: 0;}.related-list a { display: block; border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-4); text-decoration: none;}.related-list a:hover { border-color: rgba(59, 158, 255, 0.35);}.insights-filter { display: flex; flex-wrap: wrap; gap: 8px; margin-top: var(--space-6);}.insights-filter a { font-family: var(--mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; border: 1px solid var(--border); border-radius: var(--radius-full); padding: 8px 14px; color: var(--muted); text-decoration: none; min-height: 44px; display: inline-flex; align-items: center;}.insights-filter a:hover { color: var(--accent); border-color: var(--accent);}.insights-category { margin-top: var(--space-10); scroll-margin-top: 96px;}.insights-category > h2 { font-size: 13px; font-family: var(--mono); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--muted); font-weight: 500;}.insights-item-meta { display: block; font-family: var(--mono); font-size: 11px; letter-spacing: 0.06em; color: var(--muted); margin-top: var(--space-3);}.subpage-footer { border-top: 1px solid var(--border); margin-top: var(--space-16); padding: var(--space-10) var(--space-12) var(--space-12);}.subpage-footer-inner { max-width: var(--max-width); margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: var(--space-8);}.subpage-footer-title { font-family: var(--mono); font-size: 11px; letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--muted); margin-bottom: var(--space-3); font-weight: 500;}.subpage-footer ul { list-style: none; padding: 0; margin: 0;}.subpage-footer a { color: var(--text); text-decoration: none; font-size: 14px; display: inline-block; padding: 6px 0;}.subpage-footer a:hover { color: var(--accent);}.subpage-footer-copy { max-width: var(--max-width); margin: var(--space-8) auto 0; font-size: 12px; color: var(--muted);}@media (max-width: 768px){.subpage-footer { padding: var(--space-8) 20px;}}:root{--wrap: 1180px;--wrap-narrow: 760px;--gutter: clamp(20px, 4vw, 48px);--band-y: clamp(64px, 9vw, 120px);--card-radius: 6px;--ease-ui: cubic-bezier(0.2, 0.7, 0.2, 1);}.btn-primary, .btn-ghost { position: relative;}.btn-arrow { display: inline-block; transition: transform 0.25s var(--ease-ui);}.btn-primary:hover .btn-arrow, .btn-ghost:hover .btn-arrow { transform: translateX(4px);}.btn-primary:focus-visible, .btn-ghost:focus-visible, .text-link:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 3px;}.btn-lg { padding: 17px 34px; font-size: 13px;}.text-link { color: var(--accent); font-family: var(--mono); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; display: inline-flex; gap: 8px; align-items: center; min-height: 44px;}.text-link:hover .btn-arrow { transform: translateX(4px);}.site-header { position: sticky; top: 0; z-index: 100; background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--border);}.site-header-inner { max-width: var(--wrap); margin: 0 auto; padding: 12px var(--gutter); display: flex; align-items: center; gap: 28px; min-height: 68px;}.site-logo { display: inline-flex; align-items: center; flex-shrink: 0;}.site-logo .logo-img { height: 28px; width: auto;}.site-nav-links { display: flex; align-items: center; gap: 4px; margin-right: auto;}.site-nav-links a { color: var(--muted); text-decoration: none; font-size: 13px; padding: 10px 12px; border-radius: 2px; transition: color 0.2s, background 0.2s;}.site-nav-links a:hover { color: var(--text); background: var(--accent-dim);}.site-nav-links a[aria-current="page"] { color: var(--text); box-shadow: inset 0 -1px 0 var(--accent);}.site-header-actions { display: flex; align-items: center; gap: 10px;}.site-header-actions .btn-primary { padding: 11px 20px; min-height: 42px; font-size: 12px;}.site-menu { display: none; position: relative;}.site-menu summary { list-style: none; cursor: pointer; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 2px; color: var(--text);}.site-menu summary::-webkit-details-marker { display: none;}.site-menu summary:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px;}.site-menu-icon, .site-menu-icon::before, .site-menu-icon::after { display: block; width: 18px; height: 1.5px; background: currentColor; content: ""; transition: transform 0.2s;}.site-menu-icon { position: relative;}.site-menu-icon::before { position: absolute; top: -6px;}.site-menu-icon::after { position: absolute; top: 6px;}.site-menu[open] .site-menu-icon { background: transparent;}.site-menu[open] .site-menu-icon::before { transform: translateY(6px) rotate(45deg);}.site-menu[open] .site-menu-icon::after { transform: translateY(-6px) rotate(-45deg);}.site-menu-panel { position: absolute; right: 0; top: calc(100% + 10px); width: min(320px, calc(100vw - 32px)); background: var(--surface-elevated); border: 1px solid var(--border-strong); border-radius: var(--card-radius); box-shadow: var(--shadow-lg); padding: 10px; display: grid;}.site-menu-panel a { color: var(--text); text-decoration: none; padding: 13px 14px; border-radius: 2px; font-size: 15px;}.site-menu-panel a:hover { background: var(--accent-dim);}.site-menu-panel .btn-primary { margin-top: 8px; justify-content: center; color: var(--on-accent);}@media (max-width: 1040px){.site-nav-links { display: none;}.site-menu { display: block;}.site-header-inner { justify-content: space-between;}.site-header-actions { margin-left: auto;}}@media (max-width: 520px) { .site-header-actions .btn-primary { display: none; }}.page { padding: 0 0 0;}.wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 var(--gutter);}.wrap-narrow { max-width: calc(var(--wrap-narrow) + 2 * var(--gutter)); margin: 0 auto; padding: 0 var(--gutter);}.page > .breadcrumbs { max-width: var(--wrap); margin: 0 auto; padding: 28px var(--gutter) 0; margin-bottom: 0;}.band { padding: var(--band-y) 0; border-top: 1px solid var(--border); position: relative;}.band--alt { background: var(--surface);}.band-head { max-width: 760px; margin-bottom: clamp(32px, 5vw, 56px);}.band-head .section-h2 { font-size: clamp(32px, 4.2vw, 52px); margin-bottom: 18px;}.band-head p { color: var(--muted); font-size: 17px; line-height: 1.7; max-width: 64ch;}.band-head--center { margin-left: auto; margin-right: auto; text-align: center;}.band-head--center .section-tag { justify-content: center;}.eyebrow { font-family: var(--mono); font-size: 11px; letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--accent);}.muted { color: var(--muted);}.page-hero { padding: clamp(40px, 6vw, 80px) 0 clamp(56px, 8vw, 104px); position: relative; overflow: hidden;}.page-hero-grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr); gap: clamp(32px, 5vw, 72px); align-items: center;}.page-hero-grid--text { grid-template-columns: minmax(0, 1fr); max-width: 860px;}.page-hero h1 { font-family: var(--font-display); font-weight: 400; font-size: clamp(38px, 5.2vw, 66px); line-height: 1.04; letter-spacing: -0.03em; margin: 18px 0 22px; text-wrap: balance;}.page-hero h1 em { font-style: italic; color: var(--accent);}.page-hero .lead { font-size: clamp(17px, 1.5vw, 19px); line-height: 1.65; color: var(--muted); max-width: 58ch;}.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px;}.hero-points { list-style: none; padding: 0; margin: 28px 0 0; display: flex; flex-wrap: wrap; gap: 8px 22px;}.hero-points li { font-size: 13px; color: var(--muted); display: inline-flex; gap: 8px; align-items: center;}.hero-points li::before { content: ""; width: 14px; height: 14px; border: 1px solid var(--accent); border-radius: 50%; background: radial-gradient(circle, var(--accent) 0 3px, transparent 3.5px); flex-shrink: 0;}.page-hero-visual { position: relative; min-width: 0;}.card { border: 1px solid var(--border); border-radius: var(--card-radius); background: var(--surface-elevated); padding: clamp(22px, 2.4vw, 30px); position: relative; transition: border-color 0.25s, transform 0.25s var(--ease-ui), box-shadow 0.25s;}a.card { display: block; color: inherit; text-decoration: none;}a.card:hover, .card--hover:hover { border-color: color-mix(in srgb, var(--accent) 45%, transparent); transform: translateY(-3px); box-shadow: var(--shadow-sm);}.card h3 { font-size: 18px; font-weight: 600; line-height: 1.3; margin: 0 0 10px; color: var(--text);}.card p { color: var(--muted); font-size: 15px; line-height: 1.65; margin: 0;}.card .card-num { font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; color: var(--accent); display: block; margin-bottom: 18px;}.card .card-link { margin-top: 18px;}.card-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));}.card-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr));}.card-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr));}.card ul { padding-left: 18px; margin: 14px 0 0; color: var(--muted); font-size: 14px; line-height: 1.7;}@media (max-width: 900px) { .card-grid--3, .card-grid--2 { grid-template-columns: 1fr; }}.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: center;}.split--top { align-items: start;}.split > * { min-width: 0;}@media (max-width: 900px) { .split { grid-template-columns: 1fr; }}.problem-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 1px; background: var(--border); border: 1px solid var(--border); border-radius: var(--card-radius); overflow: hidden;}.problem-list li { background: var(--surface-elevated); padding: 20px 22px; display: grid; grid-template-columns: 28px 1fr; gap: 14px;}.problem-list li strong { display: block; color: var(--text); font-weight: 600; margin-bottom: 4px; font-size: 15px;}.problem-list li span { color: var(--muted); font-size: 14px; line-height: 1.6;}.problem-list .pl-num { font-family: var(--mono); font-size: 11px; color: var(--accent); padding-top: 3px;}.check-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px;}.check-list li { padding-left: 30px; position: relative; color: var(--muted); line-height: 1.6;}.check-list li::before { content: ""; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--accent); background: linear-gradient(135deg, transparent 45%, var(--accent) 45% 55%, transparent 55%);}.check-list li strong { color: var(--text);}.flow { list-style: none; padding: 0; margin: 0; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 14px; counter-reset: flow;}.flow li { position: relative; border: 1px solid var(--border-strong); border-radius: var(--card-radius); background: var(--surface-elevated); padding: 18px 16px 16px; counter-increment: flow; min-width: 0;}.flow li::before { content: counter(flow, decimal-leading-zero); font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; color: var(--accent); display: block; margin-bottom: 10px;}.flow li:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: -15px; width: 16px; height: 1px; background: linear-gradient(90deg, var(--accent) 50%, transparent 50%); background-size: 6px 1px;}.flow strong { display: block; color: var(--text); font-size: 14px; font-weight: 600; line-height: 1.35;}.flow span { display: block; color: var(--muted); font-size: 12.5px; line-height: 1.5; margin-top: 6px;}.flow li.is-key { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-dim);}@media (max-width: 900px){.flow { grid-auto-flow: row;}.flow li:not(:last-child)::after { top: auto; bottom: -15px; right: auto; left: 28px; width: 1px; height: 16px; background: linear-gradient(180deg, var(--accent) 50%, transparent 50%); background-size: 1px 6px;}}.diagram { border: 1px solid var(--border); border-radius: var(--card-radius); background: var(--surface-elevated); padding: clamp(14px, 2vw, 22px); position: relative;}.diagram svg { display: block; width: 100%; height: auto;}.diagram figcaption, .figure-note { font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); margin-top: 12px;}.dg-text { font-family: var(--sans); font-size: 13px; fill: var(--text);}.dg-sub { font-family: var(--mono); font-size: 9.5px; letter-spacing: 0.08em; fill: var(--muted); text-transform: uppercase;}.dg-node { fill: var(--surface); stroke: var(--border-strong); stroke-width: 1;}.dg-core { fill: var(--accent-dim); stroke: var(--accent); stroke-width: 1.25;}.dg-accent { fill: var(--accent);}.dg-accent-text { font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; fill: var(--accent); text-transform: uppercase;}.dg-line { fill: none; stroke: var(--accent); stroke-width: 1.2; stroke-opacity: 0.55; stroke-dasharray: 4 5;}.dg-line--solid { stroke-dasharray: none; stroke-opacity: 0.35;}.dg-dot { fill: var(--accent);}.dg-ring { fill: none; stroke: var(--accent); stroke-opacity: 0.25; stroke-dasharray: 2 6;}.ui-motion .dg-line { animation: dgFlow 1.6s linear infinite;}.ui-motion .dg-ring { animation: dgSpin 40s linear infinite; transform-origin: center; transform-box: fill-box;}@keyframes dgFlow { to { stroke-dashoffset: -18; }}@keyframes dgSpin { to { transform: rotate(360deg); }}.chat { border: 1px solid var(--border-strong); border-radius: 10px; background: var(--surface-elevated); overflow: hidden; box-shadow: var(--shadow-md);}.chat-top { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid var(--border); font-size: 13px; font-weight: 600;}.chat-top .chat-status { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 3px var(--accent-dim);}.chat-top small { margin-left: auto; font-family: var(--mono); font-size: 10px; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted);}.chat-body { padding: 18px; display: grid; gap: 10px;}.chat-msg { max-width: 86%; padding: 11px 14px; border-radius: 12px; font-size: 14px; line-height: 1.5;}.chat-msg--bot { background: var(--surface); border: 1px solid var(--border); border-bottom-left-radius: 3px; color: var(--text);}.chat-msg--user { justify-self: end; background: var(--accent); color: var(--on-accent); border-bottom-right-radius: 3px;}.chat-record { margin-top: 6px; border: 1px dashed color-mix(in srgb, var(--accent) 55%, transparent); border-radius: 6px; padding: 12px 14px; font-family: var(--mono); font-size: 11.5px; line-height: 1.8; color: var(--muted);}.chat-record b { color: var(--accent); font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; font-size: 10px; display: block; margin-bottom: 4px;}.ui-motion .chat-body > * { opacity: 0; transform: translateY(8px); transition: opacity 0.45s var(--ease-ui), transform 0.45s var(--ease-ui);}.ui-motion .is-visible .chat-body > * { opacity: 1; transform: none;}.ui-motion .is-visible .chat-body > *:nth-child(2) { transition-delay: 0.5s;}.ui-motion .is-visible .chat-body > *:nth-child(3) { transition-delay: 1s;}.ui-motion .is-visible .chat-body > *:nth-child(4) { transition-delay: 1.5s;}.ui-motion .is-visible .chat-body > *:nth-child(5) { transition-delay: 2s;}.ui-motion .is-visible .chat-body > *:nth-child(6) { transition-delay: 2.5s;}.ui-motion .is-visible .chat-body > *:nth-child(7) { transition-delay: 3s;}.qualifier { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; border: 1px solid var(--border-strong); border-radius: var(--card-radius); overflow: hidden; background: var(--surface-elevated);}.qualifier-form { padding: clamp(20px, 3vw, 32px); display: grid; gap: 18px; border-right: 1px solid var(--border);}.qualifier fieldset { border: 0; padding: 0; margin: 0;}.qualifier legend { font-size: 14px; font-weight: 600; margin-bottom: 10px; color: var(--text);}.q-options { display: flex; flex-wrap: wrap; gap: 8px;}.q-options label { position: relative;}.q-options input { position: absolute; opacity: 0; inset: 0; cursor: pointer;}.q-options span { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 14px; border: 1px solid var(--border-strong); border-radius: 999px; font-size: 13px; color: var(--muted); transition: all 0.2s; cursor: pointer;}.q-options input:checked + span { border-color: var(--accent); color: var(--text); background: var(--accent-dim);}.q-options input:focus-visible + span { outline: 2px solid var(--focus-ring); outline-offset: 2px;}.qualifier-result { padding: clamp(20px, 3vw, 32px); display: flex; flex-direction: column; justify-content: center;}.q-route { font-family: var(--font-display); font-size: clamp(26px, 3vw, 34px); line-height: 1.1; margin: 10px 0 14px;}.q-route[data-tier="hot"] { color: var(--accent);}.q-actions { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; font-size: 14px; color: var(--muted);}.q-actions li::before { content: "→ "; color: var(--accent); font-family: var(--mono);}@media (max-width: 760px) { .qualifier { grid-template-columns: 1fr; } .qualifier-form { border-right: 0; border-bottom: 1px solid var(--border); }}.mock-stage { position: relative; padding: 0 0 40px 0;}.mock-browser { border: 1px solid var(--border-strong); border-radius: 10px; background: var(--surface-elevated); overflow: hidden; box-shadow: var(--shadow-lg);}.mock-bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; border-bottom: 1px solid var(--border);}.mock-bar i { width: 9px; height: 9px; border-radius: 50%; background: var(--border-strong);}.mock-bar span { margin-left: 12px; flex: 1; height: 22px; border-radius: 4px; background: var(--surface); font-family: var(--mono); font-size: 10px; color: var(--muted); display: flex; align-items: center; padding: 0 10px;}.mock-app { display: grid; grid-template-columns: 22% 1fr; min-height: 280px;}.mock-side { border-right: 1px solid var(--border); padding: 16px 12px; display: grid; align-content: start; gap: 10px;}.mock-side b { height: 8px; border-radius: 4px; background: var(--border-strong);}.mock-side b:first-child { background: var(--accent); width: 70%; margin-bottom: 8px;}.mock-main { padding: 16px; display: grid; gap: 12px; align-content: start;}.mock-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}.mock-kpis div { border: 1px solid var(--border); border-radius: 6px; padding: 10px; display: grid; gap: 7px;}.mock-kpis div b { height: 6px; width: 50%; border-radius: 3px; background: var(--border-strong);}.mock-kpis div i { height: 14px; width: 75%; border-radius: 3px; background: var(--surface);}.mock-chart { border: 1px solid var(--border); border-radius: 6px; height: 120px; padding: 12px; display: flex; align-items: flex-end; gap: 6%;}.mock-chart i { flex: 1; background: linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 25%, transparent)); border-radius: 3px 3px 0 0; opacity: 0.85; transform-origin: bottom;}.ui-motion .mock-chart i { transform: scaleY(0.15); transition: transform 0.9s var(--ease-ui);}.ui-motion .is-visible .mock-chart i { transform: none;}.mock-rows { display: grid; gap: 7px;}.mock-rows b { height: 8px; border-radius: 4px; background: var(--surface);}.mock-phone { position: absolute; right: -8px; bottom: 0; width: 34%; max-width: 170px; aspect-ratio: 9 / 18; border: 1px solid var(--border-strong); border-radius: 22px; background: var(--surface-elevated); box-shadow: var(--shadow-lg); padding: 18px 10px 10px; display: grid; gap: 8px; align-content: start;}.mock-phone::before { content: ""; position: absolute; top: 7px; left: 50%; width: 32%; height: 4px; transform: translateX(-50%); border-radius: 3px; background: var(--border-strong);}.mock-phone b { height: 8px; border-radius: 4px; background: var(--surface);}.mock-phone b:nth-child(1) { background: var(--accent); width: 60%;}.mock-phone .mock-chart { height: 70px; padding: 6px;}@media (max-width: 520px) { .mock-app { grid-template-columns: 1fr; } .mock-side { display: none; } .mock-phone { width: 38%; right: 0; }}.stack-groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 16px;}.stack-group { border-top: 1px solid var(--border-strong); padding-top: 18px;}.stack-group h3 { font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); margin: 0 0 14px;}.chips { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0;}.chips li { font-size: 13px; padding: 7px 12px; border: 1px solid var(--border); border-radius: 999px; color: var(--text); background: var(--surface-elevated);}.steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 0; border-top: 1px solid var(--border-strong);}.steps li { padding: 24px 22px 8px 0; position: relative;}.steps li::before { content: ""; position: absolute; top: -4px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px var(--accent-dim);}.steps .step-num { font-family: var(--mono); font-size: 11px; color: var(--accent); letter-spacing: 0.1em;}.steps h3 { font-size: 17px; font-weight: 600; margin: 10px 0 8px;}.steps p { color: var(--muted); font-size: 14px; line-height: 1.65; margin: 0;}.faq-grid { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 72px); align-items: start;}.faq-grid .faq-list { margin: 0;}.faq-item summary { list-style: none; position: relative; padding-right: 36px; min-height: 28px;}.faq-item summary::-webkit-details-marker { display: none;}.faq-item summary::after { content: "+"; position: absolute; right: 4px; top: -2px; font-family: var(--mono); font-size: 20px; color: var(--accent); transition: transform 0.25s var(--ease-ui);}.faq-item[open] summary::after { transform: rotate(45deg);}.faq-item p { color: var(--muted); line-height: 1.7; font-size: 15px;}@media (max-width: 900px) { .faq-grid { grid-template-columns: 1fr; }}.cta-band { padding: var(--band-y) 0; border-top: 1px solid var(--border);}.cta-panel { border: 1px solid var(--border-strong); border-radius: 10px; padding: clamp(32px, 6vw, 72px); position: relative; overflow: hidden; background: var(--surface-elevated); display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 32px; align-items: end;}.cta-panel > * { position: relative;}.cta-panel h2 { font-family: var(--font-display); font-weight: 400; font-size: clamp(32px, 4.4vw, 54px); line-height: 1.05; letter-spacing: -0.02em; margin: 14px 0 16px;}.cta-panel h2 em { color: var(--accent);}.cta-panel p { color: var(--muted); font-size: 16px; line-height: 1.7; max-width: 52ch; margin: 0;}.cta-actions { display: flex; flex-direction: column; gap: 10px; align-items: stretch;}.cta-actions a { justify-content: center;}.cta-note { font-size: 12px; color: var(--muted); text-align: center;}@media (max-width: 860px) { .cta-panel { grid-template-columns: 1fr; }}.ui-motion [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity 0.7s var(--ease-ui), transform 0.7s var(--ease-ui);}.ui-motion [data-reveal].is-visible { opacity: 1; transform: none;}.page .prose-block p, .page .prose-block li { color: var(--muted); line-height: 1.75; font-size: 16px;}.page .prose-block p + p { margin-top: 14px;}.page .prose-block a, .page .card a:not(.text-link), .page .faq-item a { color: var(--accent);}.note { font-size: 13px; color: var(--muted); border-left: 2px solid var(--accent); padding: 4px 0 4px 14px; margin-top: 20px; line-height: 1.6;}.post-feature { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; background: var(--surface-elevated); text-decoration: none; color: inherit; transition: border-color 0.25s, box-shadow 0.25s;}.post-feature:hover { border-color: color-mix(in srgb, var(--accent) 45%, transparent); box-shadow: var(--shadow-md);}.post-feature img, .post-card img { width: 100%; height: auto; display: block; aspect-ratio: 1200 / 630; object-fit: cover;}.post-feature-body { padding: clamp(24px, 3.5vw, 44px); display: flex; flex-direction: column; justify-content: center; gap: 14px;}.post-feature h2 { font-family: var(--font-display); font-weight: 400; font-size: clamp(26px, 3vw, 38px); line-height: 1.12; margin: 0;}.post-feature p { color: var(--muted); line-height: 1.7; margin: 0;}.post-meta { font-family: var(--mono); font-size: 11px; letter-spacing: 0.06em; color: var(--muted); display: flex; flex-wrap: wrap; gap: 6px 14px;}.post-meta .post-cat { color: var(--accent); text-transform: uppercase; letter-spacing: 0.1em;}.post-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 20px;}.post-card { display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 8px; overflow: hidden; background: var(--surface-elevated); text-decoration: none; color: inherit; transition: border-color 0.25s, transform 0.25s var(--ease-ui), box-shadow 0.25s;}.post-card:hover { border-color: color-mix(in srgb, var(--accent) 45%, transparent); transform: translateY(-3px); box-shadow: var(--shadow-sm);}.post-card-body { padding: 20px 22px 24px; display: grid; gap: 10px;}.post-card h3 { font-size: 18px; font-weight: 600; line-height: 1.35; margin: 0;}.post-card p { color: var(--muted); font-size: 14px; line-height: 1.65; margin: 0;}.post-card[hidden] { display: none;}.filter-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px;}.filter-chips button, .filter-chips a { font-family: var(--mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; padding: 0 16px; min-height: 40px; display: inline-flex; align-items: center; border: 1px solid var(--border); border-radius: 999px; background: transparent; color: var(--muted); cursor: pointer; text-decoration: none; transition: all 0.2s;}.filter-chips button:hover { color: var(--text); border-color: var(--border-strong);}.filter-chips button[aria-pressed="true"] { color: var(--on-accent); background: var(--accent); border-color: var(--accent);}@media (max-width: 860px) { .post-feature { grid-template-columns: 1fr; }}.article-hero { padding: clamp(36px, 5vw, 64px) 0 clamp(28px, 4vw, 48px);}.article-hero h1 { font-family: var(--font-display); font-weight: 400; font-size: clamp(34px, 4.6vw, 56px); line-height: 1.08; letter-spacing: -0.025em; margin: 16px 0 18px; max-width: 22ch; text-wrap: balance;}.article-hero .lead { color: var(--muted); font-size: 19px; line-height: 1.65; max-width: 62ch;}.article-hero .post-meta { margin-top: 22px;}.article-cover { margin: 0 0 clamp(32px, 5vw, 56px);}.article-cover img { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--border); display: block;}.article-layout { display: grid; grid-template-columns: minmax(0, 720px) minmax(0, 260px); gap: clamp(32px, 5vw, 72px); justify-content: space-between; padding-bottom: var(--band-y);}.article-aside { position: sticky; top: 96px; align-self: start; display: grid; gap: 18px;}.article-aside .article-toc { margin: 0; background: transparent;}.article-aside-cta { border: 1px solid var(--border-strong); border-radius: 8px; padding: 20px; background: var(--surface-elevated);}.article-aside-cta p { font-size: 14px !important; color: var(--muted); line-height: 1.6; margin: 8px 0 14px !important;}.article-aside-cta .btn-primary { width: 100%; justify-content: center; padding: 12px 16px;}.article-body.prose h2 { font-family: var(--font-display); font-weight: 400; font-size: clamp(26px, 2.6vw, 32px); letter-spacing: -0.01em; margin: 48px 0 16px; scroll-margin-top: 96px;}.article-body.prose h3 { scroll-margin-top: 96px;}.article-body.prose p, .article-body.prose li { font-size: 17px; line-height: 1.8;}.article-body.prose table { font-size: 14px;}@media (max-width: 1040px) { .article-layout { grid-template-columns: minmax(0, 1fr); } .article-aside { position: static; order: -1; } .article-aside-cta { display: none; }}.svc-featured { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;}.svc-big { padding: clamp(26px, 3vw, 40px); display: flex; flex-direction: column; gap: 18px; min-height: 100%; background: linear-gradient(160deg, color-mix(in srgb, var(--accent) 7%, var(--surface-elevated)), var(--surface-elevated) 55%);}.svc-big h3 { font-family: var(--font-display); font-weight: 400; font-size: clamp(28px, 2.8vw, 36px); margin: 0; line-height: 1.1;}.svc-big .chips { margin-top: 4px;}.svc-big .text-link { margin-top: auto;}.svc-compact { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 20px;}.svc-compact .card h3 { font-size: 16px;}.svc-compact .card p { font-size: 14px;}@media (max-width: 1040px) { .svc-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 760px) { .svc-featured, .svc-compact { grid-template-columns: 1fr; }}.industry-card { display: flex; flex-direction: column; gap: 12px;}.industry-card .flow-mini { font-family: var(--mono); font-size: 11px; color: var(--muted); letter-spacing: 0.04em; border-top: 1px dashed var(--border-strong); padding-top: 14px; margin-top: auto; line-height: 1.7;}.industry-card .flow-mini b { color: var(--accent); font-weight: 500;}.why-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border: 1px solid var(--border); border-radius: var(--card-radius); overflow: hidden;}.why-grid > div { padding: 28px 24px; border-right: 1px solid var(--border); background: var(--surface-elevated);}.why-grid > div:last-child { border-right: 0;}.why-grid h3 { font-size: 16px; font-weight: 600; margin: 14px 0 8px;}.why-grid p { color: var(--muted); font-size: 14px; line-height: 1.65; margin: 0;}@media (max-width: 960px) { .why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .why-grid > div:nth-child(2) { border-right: 0; } .why-grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--border); }}@media (max-width: 560px) { .why-grid { grid-template-columns: 1fr; } .why-grid > div { border-right: 0; border-bottom: 1px solid var(--border); }}.case-studies--compact { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;}.case-studies--compact .case-screenshot img { aspect-ratio: 16 / 10; object-fit: cover;}.case-studies--compact .case-title { font-size: 19px;}@media (max-width: 1040px) { .case-studies--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 680px) { .case-studies--compact { grid-template-columns: 1fr; }}@media (max-width: 760px){.page-hero-grid { grid-template-columns: 1fr;}.hero-actions .btn-primary, .hero-actions .btn-ghost { flex: 1 1 100%; justify-content: center;}.band-head p { font-size: 16px;}}@media (prefers-reduced-motion: reduce){.ui-motion [data-reveal], .ui-motion .chat-body > *, .ui-motion .mock-chart i { opacity: 1 !important; transform: none !important; transition: none !important;}.ui-motion .dg-line, .ui-motion .dg-ring { animation: none !important;}.btn-arrow, a.card, .post-card { transition: none !important;}}.page-hero .subpage-eyebrow { margin: 0;}.subpage-main { padding-top: 48px;}:root[data-theme="light"] .subpage-footer { background: var(--surface); border-top-color: var(--border);}:root[data-theme="light"] .subpage-footer a { color: var(--text);}.card-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr));}@media (max-width: 1100px) { .card-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 600px) { .card-grid--4 { grid-template-columns: 1fr; }}a.card.industry-card, .card.industry-card { display: flex; flex-direction: column;}.card .flow-mini { display: block;}.card .card-num { text-transform: uppercase;}.spec-list { margin: 0; border-top: 1px solid var(--border-strong);}.spec-list > div { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr); gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--border); transition: background 0.25s;}.spec-list > div:hover { background: linear-gradient(90deg, var(--accent-dim), transparent 70%);}.spec-list dt { font-weight: 600; color: var(--text); font-size: 16px; padding-left: 4px;}.spec-list dd { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.65;}.spec-list dd a { color: var(--accent);}@media (max-width: 600px) { .spec-list > div { grid-template-columns: 1fr; gap: 6px; }}.table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--card-radius); background: var(--surface-elevated);}.tech-table { width: 100%; border-collapse: collapse; font-size: 14px;}.tech-table th, .tech-table td { text-align: left; padding: 14px 16px; border-bottom: 1px solid var(--border); vertical-align: top; color: var(--muted);}.tech-table th { font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent);}.tech-table td:first-child { color: var(--text); font-weight: 600; white-space: nowrap;}.tech-table tr:last-child td { border-bottom: 0;}.band-head a:not(.text-link) { color: var(--accent);}.flow.flow--vertical { grid-auto-flow: row; gap: 14px; max-width: 460px; margin-left: auto;}.flow.flow--vertical li { display: grid; grid-template-columns: 34px 1fr; column-gap: 6px; align-items: start; padding: 16px 18px;}.flow.flow--vertical li::before { margin: 2px 0 0; grid-row: span 2;}.flow.flow--vertical li:not(:last-child)::after { top: auto; bottom: -15px; right: auto; left: 26px; width: 1px; height: 16px; background: linear-gradient(180deg, var(--accent) 50%, transparent 50%); background-size: 1px 6px;}.flow.flow--vertical span { margin-top: 2px;}@media (max-width: 760px) { .flow.flow--vertical { max-width: none; }}.scope-board { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 14px; margin: 0;}.scope-col { border: 1px dashed var(--border-strong); border-radius: var(--card-radius); padding: 22px;}.scope-col--now { border: 1px solid var(--accent); background: var(--accent-dim);}.scope-col ul { list-style: none; padding: 0; margin: 14px 0 0; display: grid; gap: 8px;}.scope-col li { font-size: 14px; color: var(--text); padding: 10px 12px; background: var(--surface-elevated); border: 1px solid var(--border); border-radius: 4px;}.scope-col:not(.scope-col--now) li { color: var(--muted); background: transparent; text-decoration: line-through; text-decoration-color: var(--border-strong);}.scope-board .figure-note { grid-column: 1 / -1;}@media (max-width: 520px) { .scope-board { grid-template-columns: 1fr; }}.serp-mock { margin: 0; display: grid; gap: 10px;}.serp-card { border: 1px solid var(--border-strong); border-radius: 8px; background: var(--surface-elevated); padding: 18px 20px; display: grid; gap: 6px; box-shadow: var(--shadow-sm);}.serp-url { font-size: 12px; color: var(--muted);}.serp-title { font-size: 18px; color: var(--accent);}.serp-desc { font-size: 13px; color: var(--muted); line-height: 1.5;}.serp-arrow { text-align: center; color: var(--accent); font-family: var(--mono);}.lp-mock { padding: 22px; display: grid; gap: 10px;}.lp-mock > b { height: 9px; border-radius: 4px; background: var(--surface);}.lp-mock .lp-h { height: 18px; width: 72%; background: var(--border-strong);}.lp-mock .lp-short { width: 55%;}.lp-form { margin-top: 8px; display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px; align-items: center;}.lp-form i { height: 34px; border: 1px solid var(--border-strong); border-radius: 3px;}.lp-form em { font-style: normal; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; background: var(--accent); color: var(--on-accent); padding: 10px 14px; border-radius: 2px;}.dash-line { width: 100%; height: 110px; border: 1px solid var(--border); border-radius: 6px;}.card .card-h { font-size: 18px; font-weight: 600; line-height: 1.3; margin: 0 0 10px; color: var(--text); font-family: var(--font-ui);}.svc-big .svc-title { font-family: var(--font-display); font-weight: 400; font-size: clamp(28px, 2.8vw, 36px); margin: 0; line-height: 1.1;}.steps--vertical { grid-template-columns: 1fr; border-top: 0; border-left: 1px solid var(--border-strong); margin-left: 4px;}.steps--vertical li { padding: 0 0 26px 28px;}.steps--vertical li::before { top: 4px; left: -4px;}.steps--vertical li:last-child { padding-bottom: 0;}.steps--2col { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px;}@media (max-width: 560px) { .steps--2col { grid-template-columns: 1fr; }}.post-feature[hidden] { display: none;}.article-toc--aside { background: transparent; padding: 0 0 0 18px; border: 0; border-left: 1px solid var(--border-strong); border-radius: 0;}.article-toc--aside a { color: var(--muted); text-decoration: none;}.article-toc--aside a:hover { color: var(--accent);}.article-toc--aside ol { padding-left: 18px;}.article-page .article-author { font-size: 15px;}.article-page .article-sources { padding-left: 20px;}@media (max-width: 1040px) { .article-toc--aside { border-left: 0; padding: 18px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); }}.built-for { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 22px var(--space-12);}.built-for-inner { display: flex; align-items: center; gap: 28px; flex-wrap: wrap;}.built-for-label { font-family: var(--mono); font-size: 11px; letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--muted); margin: 0;}.built-for-list { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 28px; padding: 0; margin: 0; font-size: 15px; color: var(--muted);}.built-for-list a { color: var(--text); text-decoration: none; border-bottom: 1px solid var(--border-strong); padding-bottom: 2px;}.built-for-list a:hover { color: var(--accent); border-color: var(--accent);}.home-split-section--alt { background: var(--surface);}#ai, #web, #industries, #studio, #technology, #faq { border-top: 1px solid var(--border);}.section-intro a { color: var(--accent);}.svc-big .chips li { font-size: 12px;}.services-section .svc-featured { margin-top: 48px;}.services-section .card h3.service-title { font-family: var(--font-ui); font-size: 16px; font-weight: 600; margin: 0 0 8px;}.services-section .svc-big h3.service-title { font-family: var(--font-display); font-weight: 400; font-size: clamp(28px, 2.8vw, 36px); margin: 0;}.home-split-section .section-actions, .home-split-section--alt .section-actions { flex-wrap: wrap;}@media (max-width: 768px) { .built-for { padding: 18px 20px; } .built-for-inner { gap: 12px; }}@media (max-width: 640px){.diagram { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin;}.diagram svg { min-width: 540px;}.diagram figcaption { position: sticky; left: 0; max-width: calc(100vw - 2 * var(--gutter) - 32px);}.diagram figcaption::after { content: " · swipe to explore";}}html body > header.site-header { position: sticky; top: 0; z-index: 100;}@media (max-width: 520px) { .site-menu-panel .btn-primary { display: inline-flex; }}.why-grid .card-num { font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; color: var(--accent);}.post-feature { align-items: stretch;}.post-feature > img { height: 100%; min-height: 100%; object-fit: cover;}.article-cover img { aspect-ratio: 1200 / 420; object-fit: cover;}@media (max-width: 768px) { .site-header { backdrop-filter: none; -webkit-backdrop-filter: none; background: var(--bg); }}.case-study-hero-img { aspect-ratio: 16 / 10;}.case-screenshot img[src*="example-"] { filter: saturate(0.85); }