@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Variable.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:"Instrument Serif";src:url(/fonts/InstrumentSerif-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Instrument Serif";src:url(/fonts/InstrumentSerif-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{--font-sans: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", monospace;--text-hero: clamp(4.5rem, 2.5rem + 8vw, 13rem);--text-display: clamp(3rem, 1.5rem + 6vw, 9rem);--text-h1: clamp(2.5rem, 1.5rem + 4vw, 5.5rem);--text-h2: clamp(2rem, 1.25rem + 3vw, 4rem);--text-h3: clamp(1.5rem, 1rem + 2vw, 2.5rem);--text-body-lg: clamp(1.125rem, 1rem + .5vw, 1.375rem);--text-body: clamp(1rem, .929rem + .357vw, 1.25rem);--text-small: clamp(.875rem, .8rem + .25vw, 1rem);--text-xs: clamp(.75rem, .7rem + .15vw, .875rem);--tracking-hero: -.04em;--tracking-display: -.03em;--tracking-heading: -.02em;--tracking-body: 0em;--leading-hero: .9;--leading-display: 1;--leading-heading: 1.1;--leading-body: 1.6;--color-dark: #0a0a0a;--color-light: #fafaf9;--color-accent: #e84d1a;--color-surface: #141413;--color-surface-elevated: #1c1c1a;--color-text-primary: #fafaf9;--color-text-secondary: rgba(250, 250, 249, .6);--color-text-tertiary: rgba(250, 250, 249, .4);--color-text-muted: rgba(250, 250, 249, .25);--color-border: rgba(250, 250, 249, .1);--color-border-hover: rgba(250, 250, 249, .2);--color-cat-design: #e84d1a;--color-cat-marketing: #d4a853;--color-cat-sales: #6bba7e;--color-cat-product: #5b9bd5;--color-cat-strategy: #9b7ed4;--color-cat-team: #d47eb8;--grid-columns: 12;--grid-gutter: clamp(1rem, 2vw, 2rem);--grid-margin: clamp(1rem, 5vw, 6rem);--max-width: 1800px;--space-xs: clamp(.5rem, .4rem + .25vw, .75rem);--space-sm: clamp(.75rem, .6rem + .5vw, 1.25rem);--space-md: clamp(1.5rem, 1rem + 1.5vw, 2.5rem);--space-lg: clamp(3rem, 2rem + 3vw, 5rem);--space-xl: clamp(5rem, 3rem + 6vw, 10rem);--space-2xl: clamp(8rem, 5rem + 10vw, 16rem);--section-pad: clamp(6rem, 10vh, 12rem);--ease-expo-out: cubic-bezier(.16, 1, .3, 1);--ease-quart-out: cubic-bezier(.25, 1, .5, 1);--ease-expo-in-out: cubic-bezier(.87, 0, .13, 1);--ease-back-out: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .6s;--stagger-normal: 80ms;--z-cursor: 9999;--z-nav: 100;--z-overlay: 50}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:auto}body{font-family:var(--font-sans);font-size:var(--text-body);font-weight:400;line-height:var(--leading-body);letter-spacing:var(--tracking-body);color:var(--color-text-primary);background-color:var(--color-dark);overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;color:inherit}ul,ol{list-style:none}::selection{background:var(--color-accent);color:var(--color-light)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.text-hero{font-size:var(--text-hero);letter-spacing:var(--tracking-hero);line-height:var(--leading-hero);font-weight:500;text-wrap:balance}.text-display{font-size:var(--text-display);letter-spacing:var(--tracking-display);line-height:var(--leading-display);font-weight:500;text-wrap:balance}.text-h1{font-size:var(--text-h1);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);font-weight:500;text-wrap:balance}.text-h2{font-size:var(--text-h2);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);font-weight:500;text-wrap:balance}.text-h3{font-size:var(--text-h3);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);font-weight:500}.text-body-lg{font-size:var(--text-body-lg);line-height:var(--leading-body)}.text-serif{font-family:var(--font-serif);font-style:italic}.text-accent{color:var(--color-accent)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-muted{color:var(--color-text-muted)}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--grid-margin)}.grid{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gutter)}.section{padding-block:var(--section-pad)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-dark)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}[data-reveal]{opacity:0;transform:translateY(60px);transition:opacity .8s var(--ease-expo-out),transform .8s var(--ease-expo-out)}[data-reveal].revealed{opacity:1;transform:translateY(0)}[data-reveal=stagger]{opacity:1;transform:none;transition:none}[data-reveal=stagger]>*{opacity:0;transform:translateY(40px);transition:opacity .6s var(--ease-expo-out),transform .6s var(--ease-expo-out)}[data-reveal=stagger].revealed>*{opacity:1;transform:translateY(0)}[data-reveal=stagger].revealed>*:nth-child(1){transition-delay:0ms}[data-reveal=stagger].revealed>*:nth-child(2){transition-delay:80ms}[data-reveal=stagger].revealed>*:nth-child(3){transition-delay:.16s}[data-reveal=stagger].revealed>*:nth-child(4){transition-delay:.24s}[data-reveal=stagger].revealed>*:nth-child(5){transition-delay:.32s}[data-reveal=stagger].revealed>*:nth-child(6){transition-delay:.4s}[data-reveal=stagger].revealed>*:nth-child(7){transition-delay:.48s}[data-reveal=stagger].revealed>*:nth-child(8){transition-delay:.56s}[data-reveal=stagger].revealed>*:nth-child(9){transition-delay:.64s}[data-reveal=stagger].revealed>*:nth-child(10){transition-delay:.72s}[data-reveal=stagger].revealed>*:nth-child(11){transition-delay:.8s}[data-reveal=stagger].revealed>*:nth-child(12){transition-delay:.88s}[data-reveal=fade]{opacity:0;transform:none;transition:opacity .8s var(--ease-expo-out)}[data-reveal=fade].revealed{opacity:1}[data-reveal=scale]{opacity:0;transform:scale(.95);transition:opacity .8s var(--ease-expo-out),transform .8s var(--ease-expo-out)}[data-reveal=scale].revealed{opacity:1;transform:scale(1)}.hero-word{display:inline-block;overflow:hidden}.hero-word-inner{display:inline-block;transform:translateY(110%);opacity:0;will-change:transform,opacity}.hero-word-inner.animated{transform:translateY(0);opacity:1}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{display:flex;gap:var(--space-lg);animation:marquee 25s linear infinite;will-change:transform}.marquee-track:hover{animation-play-state:paused}.link-underline{position:relative;display:inline-block}.link-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform var(--duration-normal) var(--ease-expo-out)}.link-underline:hover:after{transform:scaleX(1);transform-origin:left}@keyframes pulse-scale{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.scroll-indicator{animation:scroll-bounce 2s var(--ease-quart-out) infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal],[data-reveal=stagger]>*,[data-reveal=fade],[data-reveal=scale]{opacity:1;transform:none;transition:none}.hero-word-inner{transform:none;opacity:1}.marquee-track{animation:none}}.section-label{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-tertiary);margin-bottom:var(--space-md)}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);mix-blend-mode:difference;padding:var(--space-md) 0;transition:backdrop-filter var(--duration-normal) var(--ease-quart-out),background var(--duration-normal) var(--ease-quart-out)}.nav-scrolled{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0a0a0a80}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-wordmark{font-size:var(--text-body-lg);font-weight:500;letter-spacing:var(--tracking-heading)}.nav-cta{font-size:var(--text-small);font-weight:500;padding:.6em 1.5em;border:1px solid var(--color-light);border-radius:100px;white-space:nowrap;flex-shrink:0;transition:background var(--duration-fast) var(--ease-quart-out),transform var(--duration-fast) var(--ease-back-out)}.nav-cta:hover{background:var(--color-light);color:var(--color-dark)}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:var(--space-xl);position:relative;overflow:hidden}.hero-watermark{position:absolute;top:5%;right:var(--grid-margin);font-size:clamp(15rem,10rem + 20vw,40rem);font-weight:700;color:var(--color-text-primary);opacity:.06;line-height:.8;pointer-events:none;user-select:none}.hero-headline{grid-column:1 / -1;margin-bottom:var(--space-md)}@media(min-width:768px){.hero-headline{grid-column:1 / 9}}.hero-subtitle{grid-column:1 / -1;font-size:var(--text-body-lg);color:var(--color-text-secondary);max-width:52ch;margin-bottom:var(--space-lg)}@media(min-width:768px){.hero-subtitle{grid-column:1 / 8}}.hero-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero-oneliner{grid-column:1 / -1;font-family:var(--font-serif);font-style:italic;font-size:var(--text-small);color:var(--color-text-tertiary);max-width:48ch;margin-top:var(--space-md)}.hero-skills-strip{position:absolute;right:var(--grid-margin);top:30%;bottom:20%;width:140px;overflow:hidden;pointer-events:none;display:none}@media(min-width:1024px){.hero-skills-strip{display:block}}@keyframes skills-scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.hero-skills-track{display:flex;flex-direction:column;gap:var(--space-sm);animation:skills-scroll-up 20s linear infinite}.hero-skills-track span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);opacity:.5;white-space:nowrap}.hero-scroll-indicator{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);color:var(--color-text-tertiary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero-scroll-indicator svg{width:20px;height:20px}.btn{display:inline-flex;align-items:center;gap:.5em;font-size:var(--text-body);font-weight:500;padding:.85em 2em;border-radius:100px;transition:background var(--duration-fast) var(--ease-quart-out),transform var(--duration-fast) var(--ease-back-out),box-shadow var(--duration-fast) var(--ease-quart-out);will-change:transform;position:relative}.btn-primary{background:var(--color-accent);color:var(--color-light)}.btn-primary:hover{background:#d4441a;box-shadow:0 0 40px #e84d1a4d}.btn-ghost{border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-ghost:hover{border-color:var(--color-border-hover);background:#fafaf90d}.problem{background:var(--color-surface)}.problem-headline-wrap{margin-bottom:var(--space-lg)}.problem-headline{max-width:16ch}@media(min-width:768px){.problem-headline{max-width:none}}.problem-cards{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-xl)}@media(min-width:768px){.problem-cards{grid-template-columns:repeat(3,1fr)}}.problem-card{padding:var(--space-md);border-top:2px solid;border-image:linear-gradient(to right,var(--color-accent),transparent) 1;background:var(--color-dark)}.problem-card-title{font-size:var(--text-h3);font-weight:500;margin-bottom:var(--space-sm)}.problem-card-body{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-body)}.villain-line{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding-block:var(--space-lg)}.villain-text{font-size:var(--text-h2);color:var(--color-text-secondary)}.transformation-headline{margin-bottom:var(--space-lg)}.transformation-terminals{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}@media(min-width:768px){.transformation-terminals{grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:start}}.terminal{border-radius:12px;overflow:hidden;border:1px solid var(--color-border)}.terminal-chrome{display:flex;align-items:center;gap:6px;padding:12px 16px;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.terminal-dot{width:10px;height:10px;border-radius:50%;background:var(--color-text-muted)}.terminal-title{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em}.terminal-body{padding:var(--space-md);background:var(--color-surface);font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-text-secondary);line-height:1.7;min-height:300px}.terminal-body p{margin:0}.terminal-prompt{margin-bottom:var(--space-sm)}.terminal-you{color:var(--color-text-primary);font-weight:600}.terminal-ai{color:var(--color-accent);font-weight:600}.terminal-body strong{color:var(--color-text-primary);font-weight:600}.terminal-arrow{color:var(--color-accent)}.terminal-label{padding:var(--space-sm) var(--space-md);font-size:var(--text-small);color:var(--color-text-tertiary);border-top:1px solid var(--color-border);background:var(--color-surface)}.terminal-without{opacity:.6;filter:grayscale(.3)}@media(min-width:768px){.terminal-without{transform:scale(.97)}}.terminal-with{border-color:var(--color-accent);box-shadow:0 0 80px #e84d1a26}.terminal-with .terminal-dot:nth-child(1){background:#ff5f56}.terminal-with .terminal-dot:nth-child(2){background:#ffbd2e}.terminal-with .terminal-dot:nth-child(3){background:#27c93f}.transformation-closing{text-align:center;margin-bottom:var(--space-xl)}.examples-heading{grid-column:1 / -1;margin-bottom:var(--space-sm)}.examples-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}@media(min-width:768px){.examples-grid{grid-template-columns:1fr 1fr}}@media(min-width:1200px){.examples-grid{grid-template-columns:1fr 1fr 1fr}}.example-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);transition:border-color var(--duration-fast) var(--ease-quart-out),background var(--duration-fast) var(--ease-quart-out)}.example-card:hover{border-color:var(--color-border-hover);background:var(--color-surface-elevated)}.example-prompt{font-size:var(--text-small);color:var(--color-text-secondary);line-height:var(--leading-body)}.example-skill{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);margin-top:auto}.skills-header{margin-bottom:var(--space-xl)}.skills-subtitle{margin-top:var(--space-sm);max-width:48ch}.skills-header .accent-number{color:var(--color-accent)}.skills-categories{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:768px){.skills-categories{grid-template-columns:1fr 1fr}}.skills-category-title{font-size:var(--text-h3);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-xs)}.skills-category-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.skill-card{background:var(--color-surface);border-left:3px solid var(--color-border);padding:var(--space-sm) var(--space-md);margin-bottom:1px;transition:background var(--duration-fast) var(--ease-quart-out),transform var(--duration-fast) var(--ease-quart-out),border-color var(--duration-fast) var(--ease-quart-out),box-shadow var(--duration-fast) var(--ease-quart-out)}.skill-card:hover{background:var(--color-surface-elevated);transform:translateY(-3px);box-shadow:0 0 20px color-mix(in srgb,var(--cat-color, var(--color-accent)) 20%,transparent)}.skill-card-name{font-weight:500;font-size:var(--text-body);margin-bottom:.25em}.skill-card-description{font-size:var(--text-small);color:var(--color-text-secondary);margin-bottom:.4em}.skill-card-meta{font-size:var(--text-xs);color:var(--color-text-tertiary)}.skill-card-book{font-family:var(--font-serif);font-style:italic}.skill-card-separator{color:var(--color-text-muted)}.skill-card-author{color:var(--color-text-tertiary)}.how-it-works-methods{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:768px){.how-it-works-methods{grid-template-columns:repeat(3,1fr)}}.method{position:relative}.method-number{font-size:clamp(8rem,5rem + 10vw,16rem);font-weight:700;color:var(--color-accent);opacity:.15;line-height:.8;margin-bottom:var(--space-sm);pointer-events:none;user-select:none}.method-title{font-size:var(--text-h3);font-weight:500;margin-bottom:var(--space-sm)}.method-description{font-size:var(--text-body);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.code-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-sm) var(--space-md);padding-right:4.5rem;font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-text-secondary);overflow-x:auto;position:relative}.code-block code{font-family:inherit}.code-block .accent{color:var(--color-accent)}.code-copy-btn{position:absolute;top:var(--space-xs);right:var(--space-xs);font-size:var(--text-xs);padding:.3em .8em;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-quart-out),border-color var(--duration-fast) var(--ease-quart-out)}.code-copy-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-hover)}.code-copy-btn.copied{color:var(--color-accent);border-color:var(--color-accent)}.social-proof{overflow:hidden}.marquee-container{overflow:hidden;padding-block:var(--space-md);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl)}.marquee-item{flex-shrink:0;white-space:nowrap;font-size:var(--text-h3);color:var(--color-text-tertiary);display:flex;align-items:center;gap:.5em}.marquee-item .serif{font-family:var(--font-serif);font-style:italic;color:var(--color-text-secondary)}.marquee-separator{color:var(--color-text-muted)}.social-proof-tagline{margin-bottom:var(--space-lg)}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}@media(min-width:768px){.stats-row{grid-template-columns:repeat(4,1fr)}}.stat-value{font-weight:600;letter-spacing:var(--tracking-display);margin-bottom:.25em;line-height:1}.stat-label{font-size:var(--text-small);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em}.social-proof-credibility{max-width:56ch;font-size:var(--text-body-lg);line-height:var(--leading-body)}.cta-section{min-height:100svh;display:flex;align-items:center;padding-block:var(--space-xl)}.cta-grid{row-gap:var(--space-md)}.cta-failure{grid-column:1 / -1;font-size:var(--text-body)}@media(min-width:768px){.cta-failure{grid-column:7 / -1;text-align:right}}.cta-headline{grid-column:1 / -1;max-width:100%}@media(min-width:768px){.cta-headline{grid-column:1 / 9}}@media(max-width:480px){.cta-headline{font-size:var(--text-h1)}}.cta-center{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-top:var(--space-md)}.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.cta-install-block{max-width:500px;width:100%}.cta-trust{text-align:center;max-width:48ch}.footer{border-top:1px solid var(--color-border);padding-block:var(--space-md)}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);font-size:var(--text-small);color:var(--color-text-tertiary)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-md)}.footer-links a{transition:color var(--duration-fast) var(--ease-quart-out)}.footer-links a:hover{color:var(--color-text-primary)}.custom-cursor{position:fixed;width:8px;height:8px;background:var(--color-light);border-radius:50%;pointer-events:none;z-index:var(--z-cursor);mix-blend-mode:difference;transition:width .3s var(--ease-back-out),height .3s var(--ease-back-out);transform:translate(-50%,-50%);will-change:left,top}.custom-cursor.expanded{width:24px;height:24px}@media(pointer:coarse){.custom-cursor{display:none}}