.agency-site{--agency-hero-radius:1.25rem;--agency-section-y:clamp(4rem,8vw,7rem);--agency-surface:hsl(var(--card));--agency-surface-muted:hsl(var(--muted)/0.35);--agency-glow:hsl(var(--primary)/0.12);--agency-border-subtle:hsl(var(--border)/0.6);--primary:186 72% 42%;--ring:186 72% 42%}.dark .agency-site{--primary:186 65% 58%;--ring:186 65% 58%;--card:222 47% 12%;--background:222 47% 9%}.agency-section{padding-block:var(--agency-section-y)}.agency-section-header{max-width:42rem;margin-inline:auto;text-align:center;margin-bottom:clamp(2rem,4vw,3rem)}.agency-section-header h2{font-family:var(--font-headline,"Space Grotesk",sans-serif);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;letter-spacing:-.02em}.agency-section-header p{margin-top:.75rem;color:hsl(var(--muted-foreground));font-size:1.05rem;line-height:1.6}.agency-surface-card{border-radius:var(--agency-hero-radius);border:1px solid var(--agency-border-subtle);background:var(--agency-surface);box-shadow:0 1px 2px hsl(var(--foreground)/.04)}.agency-surface-card:hover{border-color:hsl(var(--primary)/.35);box-shadow:0 8px 32px var(--agency-glow)}.agency-gradient-hero{background:radial-gradient(ellipse 80% 60% at 50% -20%,hsl(var(--primary)/.15),transparent),hsl(var(--card)/.5)}.agency-cta-band{background:linear-gradient(135deg,hsl(var(--primary)) 0,hsl(var(--primary)/.85) 50%,hsl(var(--accent)/.9) 100%);color:hsl(var(--primary-foreground))}.agency-marquee{mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}@keyframes agency-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.agency-marquee-track{animation:agency-marquee 28s linear infinite}.agency-marquee-track:hover{animation-play-state:paused}.agency-mobile-bar{padding-bottom:env(safe-area-inset-bottom,0)}@media (min-width:768px){.agency-mobile-bar{display:none}}.ai-tools{--ai-tool-bg:hsl(var(--background));--ai-tool-surface:hsl(var(--card));--ai-tool-border:hsl(var(--border));--ai-tool-text:hsl(var(--foreground));--ai-tool-muted:hsl(var(--muted-foreground));--ai-tool-accent:hsl(var(--primary));--ai-tool-accent-soft:hsl(var(--primary)/0.85);--ai-tool-accent-glow:hsl(var(--primary)/0.12);--ai-tool-radius:0.75rem;--studio-bg:var(--ai-tool-bg);--studio-bg-soft:hsl(var(--muted)/0.35);--studio-surface:hsl(var(--muted)/0.25);--studio-surface-hover:hsl(var(--muted)/0.45);--studio-border:hsl(var(--border)/0.8);--studio-border-strong:hsl(var(--border));--studio-text:var(--ai-tool-text);--studio-muted:var(--ai-tool-muted);--studio-accent:var(--ai-tool-accent);--studio-accent-soft:var(--ai-tool-accent-soft);--studio-accent-glow:var(--ai-tool-accent-glow);color:var(--ai-tool-text);background-color:var(--ai-tool-bg)}.dark .ai-tools{--ai-tool-surface:hsl(var(--card));--studio-bg-soft:hsl(var(--muted)/0.2);--studio-surface:hsl(var(--muted)/0.15);--studio-surface-hover:hsl(var(--muted)/0.25)}.ai-tools .ai-tool-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--ai-tool-radius);border:1px solid var(--ai-tool-border);background:var(--ai-tool-surface);box-shadow:0 1px 3px hsl(var(--foreground)/.04);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.ai-tools .ai-tool-card:hover{border-color:hsl(var(--primary)/.35);box-shadow:0 8px 24px hsl(var(--primary)/.08);transform:translateY(-2px)}.ai-tools .ai-tool-card-thumb{aspect-ratio:16/10;overflow:hidden;background:hsl(var(--muted)/.3)}.ai-tools .ai-tool-card-body{display:flex;flex:1;flex-direction:column;gap:.5rem;padding:1rem 1.125rem 1.25rem}.ai-tools .ai-tool-card-title{font-family:var(--font-headline,inherit);font-size:1rem;font-weight:600;line-height:1.35;color:var(--ai-tool-text)}.ai-tools .ai-tool-card-desc{flex:1;font-size:.875rem;line-height:1.5;color:var(--ai-tool-muted)}.ai-tools .ai-tool-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;border:none;background:var(--ai-tool-accent);color:hsl(var(--primary-foreground));font-weight:600;font-size:.875rem;padding:.625rem 1.25rem;transition:opacity .15s ease,box-shadow .15s ease;box-shadow:0 2px 12px var(--ai-tool-accent-glow)}.ai-tools .ai-tool-btn-primary:hover{opacity:.92;box-shadow:0 4px 16px hsl(var(--primary)/.2)}.ai-tools .ai-tool-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;border:1px solid var(--ai-tool-border);background:transparent;color:var(--ai-tool-muted);font-weight:500;font-size:.875rem;padding:.5rem 1rem;transition:border-color .15s,color .15s,background .15s}.ai-tools .ai-tool-btn-ghost:hover{border-color:hsl(var(--primary)/.4);color:var(--ai-tool-text);background:hsl(var(--muted)/.3)}.ai-tools .ai-tool-section{padding:3rem 1rem}@media (min-width:768px){.ai-tools .ai-tool-section{padding:4rem 1.5rem}}.ai-tools .ai-tool-section-inner{max-width:72rem;margin:0 auto}.ai-tools .ai-tool-upload-zone{border:2px dashed var(--ai-tool-border);border-radius:var(--ai-tool-radius);background:hsl(var(--muted)/.15);transition:border-color .2s,background .2s}.ai-tools .ai-tool-upload-zone.drag-over,.ai-tools .ai-tool-upload-zone:hover{border-color:hsl(var(--primary)/.5);background:var(--ai-tool-accent-glow)}.ai-tools .studio-mesh{background:var(--ai-tool-bg)}.ai-tools .studio-gradient-text{color:var(--ai-tool-text);background:none;-webkit-background-clip:unset;background-clip:unset}.ai-tools .studio-card{border-radius:var(--ai-tool-radius);border:1px solid var(--ai-tool-border);background:var(--ai-tool-surface);box-shadow:0 1px 3px hsl(var(--foreground)/.04)}.ai-tools .studio-card-hover:hover{border-color:hsl(var(--primary)/.35);background:hsl(var(--muted)/.2)}.ai-tools .studio-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;border:none;background:var(--ai-tool-accent);color:hsl(var(--primary-foreground));font-weight:600;box-shadow:0 2px 12px var(--ai-tool-accent-glow)}.ai-tools .studio-btn-primary:hover{opacity:.92}.ai-tools .studio-btn-ghost{border:1px solid var(--ai-tool-border);background:transparent;color:var(--ai-tool-muted);border-radius:9999px}.ai-tools .studio-btn-ghost:hover{border-color:hsl(var(--primary)/.4);color:var(--ai-tool-text);background:hsl(var(--muted)/.25)}.ai-tools .studio-badge{border:1px solid hsl(var(--primary)/.25);background:var(--ai-tool-accent-glow);color:var(--ai-tool-accent);border-radius:9999px}.ai-tools .studio-upload-zone{border:2px dashed var(--ai-tool-border);background:hsl(var(--muted)/.15);border-radius:var(--ai-tool-radius)}.ai-tools .studio-upload-zone.drag-over,.ai-tools .studio-upload-zone:hover{border-color:hsl(var(--primary)/.5);background:var(--ai-tool-accent-glow)}.ai-tools .landing-hero-glow{display:none}.ai-tools .studio-tab-active{background:var(--ai-tool-accent-glow);color:var(--ai-tool-accent);border-color:hsl(var(--primary)/.3)}.ai-tools .studio-overlay{background:hsl(var(--background)/.85);backdrop-filter:blur(8px)}.ai-tools .studio-overlay-card{border:1px solid var(--ai-tool-border);background:var(--ai-tool-surface);border-radius:var(--ai-tool-radius)}.ai-tools .studio-studio-chrome{border-bottom:1px solid var(--ai-tool-border);background:hsl(var(--background)/.95);backdrop-filter:blur(12px)}.learn{--learn-bg:0 0% 4%;--learn-bg-elevated:0 0% 7%;--learn-surface:0 0% 9%;--learn-surface-glass:0 0% 12%/0.6;--learn-border:0 0% 18%;--learn-border-glow:186 72% 45%/0.35;--learn-text:0 0% 96%;--learn-text-muted:0 0% 62%;--learn-accent:186 72% 52%;--learn-accent-soft:186 60% 20%;--learn-accent-glow:186 80% 55%/0.25;--learn-success:152 60% 45%;--learn-warning:38 92% 55%;--learn-danger:0 72% 58%;--learn-compare:210 80% 58%;--learn-sorted:152 55% 42%;--learn-current:186 72% 52%;--learn-swap:38 92% 55%;--learn-gradient-1:186 72% 52%;--learn-gradient-2:210 65% 48%;--learn-gradient-3:160 50% 38%;color:hsl(var(--learn-text));background-color:hsl(var(--learn-bg));min-height:100dvh}.learn-mesh{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 20% -10%,hsl(var(--learn-gradient-1)/.12),transparent 50%),radial-gradient(ellipse 60% 40% at 80% 0,hsl(var(--learn-gradient-2)/.08),transparent 45%),radial-gradient(ellipse 50% 30% at 50% 100%,hsl(var(--learn-gradient-3)/.06),transparent 40%)}.learn-mesh:after{content:"";position:absolute;inset:0;background-image:radial-gradient(hsl(var(--learn-text)/.03) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(180deg,black 0,transparent 80%)}.learn-glass{background:hsl(var(--learn-surface-glass));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsl(var(--learn-border))}.learn-gradient-border{position:relative;border-radius:1rem}.learn-gradient-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,hsl(var(--learn-gradient-1)/.5),hsl(var(--learn-gradient-2)/.2),hsl(var(--learn-gradient-3)/.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.learn-glow-card{box-shadow:0 0 0 1px hsl(var(--learn-border)),0 4px 24px -4px hsl(var(--learn-accent-glow)),inset 0 1px 0 hsl(var(--learn-text)/.04)}.learn-text-gradient{background:linear-gradient(135deg,hsl(var(--learn-text)),hsl(var(--learn-accent)));-webkit-background-clip:text;background-clip:text;color:transparent}.learn-bar-current{background:linear-gradient(to top,hsl(var(--learn-current)),hsl(var(--learn-current)/.7));box-shadow:0 0 20px hsl(var(--learn-current)/.4)}.learn-bar-compared{background:linear-gradient(to top,hsl(var(--learn-compare)),hsl(var(--learn-compare)/.7));box-shadow:0 0 16px hsl(var(--learn-compare)/.35)}.learn-bar-swap{background:linear-gradient(to top,hsl(var(--learn-swap)),hsl(var(--learn-swap)/.7));box-shadow:0 0 20px hsl(var(--learn-swap)/.4)}.learn-bar-sorted{background:linear-gradient(to top,hsl(var(--learn-sorted)),hsl(var(--learn-sorted)/.7))}.learn-bar-default{background:linear-gradient(to top,hsl(var(--learn-surface)),hsl(var(--learn-bg-elevated)));border:1px solid hsl(var(--learn-border))}.learn-scrollbar::-webkit-scrollbar{width:6px;height:6px}.learn-scrollbar::-webkit-scrollbar-track{background:transparent}.learn-scrollbar::-webkit-scrollbar-thumb{background:hsl(var(--learn-border));border-radius:3px}.learn-scrollbar::-webkit-scrollbar-thumb:hover{background:hsl(var(--learn-text-muted))}@media (prefers-reduced-motion:reduce){.learn-mesh:after{display:none}}.learn.learn-light,html:not(.dark) .learn{--learn-bg:0 0% 98%;--learn-bg-elevated:0 0% 100%;--learn-surface:0 0% 96%;--learn-surface-glass:0 0% 100%/0.85;--learn-border:0 0% 88%;--learn-text:0 0% 9%;--learn-text-muted:0 0% 42%;--learn-accent-soft:186 60% 94%}.learn button.border{border-color:hsl(var(--learn-border))!important;background-color:hsl(var(--learn-surface))!important;color:hsl(var(--learn-text))!important}.learn button.border:hover{background-color:hsl(var(--learn-accent-soft))!important;color:hsl(var(--learn-accent))!important}.learn button.border svg{color:currentColor!important}.learn button.hover\:bg-accent:not(.border){color:hsl(var(--learn-text-muted))}.learn button.hover\:bg-accent:not(.border):hover{background-color:hsl(var(--learn-surface))!important;color:hsl(var(--learn-text))!important}.learn button.hover\:bg-accent:not(.border) svg{color:currentColor!important}.learn [role=tablist]{background-color:hsl(var(--learn-surface))!important}.learn [role=tab],.learn [role=tablist]{color:hsl(var(--learn-text-muted))}.learn [role=tab][data-state=active]{background-color:hsl(var(--learn-bg-elevated))!important;color:hsl(var(--learn-text))!important}.learn .learn-btn-outline{border-color:hsl(var(--learn-border));background-color:hsl(var(--learn-surface));color:hsl(var(--learn-text))}.learn .learn-btn-outline:hover{background-color:hsl(var(--learn-accent-soft));color:hsl(var(--learn-accent))}.learn .learn-btn-outline svg{color:currentColor}.learn .learn-btn-ghost{color:hsl(var(--learn-text-muted))}.learn .learn-btn-ghost:hover{background-color:hsl(var(--learn-surface));color:hsl(var(--learn-text))}.learn .learn-btn-ghost svg{color:currentColor}.learn .learn-btn-primary{background-color:hsl(var(--learn-accent));color:#0a0a0a}.learn .learn-btn-primary:hover{background-color:hsl(var(--learn-accent)/.9)}.learn .learn-btn-primary svg{color:currentColor}.learn input,.learn textarea{color:hsl(var(--learn-text));background-color:hsl(var(--learn-surface));border-color:hsl(var(--learn-border))}.learn input::placeholder,.learn textarea::placeholder{color:hsl(var(--learn-text-muted))}.learn .react-flow{background-color:hsl(var(--learn-surface))!important}.learn .react-flow__node{color:hsl(var(--learn-text))}.learn .react-flow__node-default{background:transparent!important;border:none!important;box-shadow:none!important}.learn .react-flow__edge-text{fill:hsl(var(--learn-text-muted))}.learn.learn-focus-mode .learn-focus-hide{display:none!important}.learn.learn-focus-mode .learn-focus-main{max-width:48rem;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}