@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-primary: #161616;--bg-elevated: #242424;--bg-secondary: #1e1e1e;--text-primary: #faf9f6;--text-muted: rgba(250, 249, 246, .5);--border-subtle: rgba(255, 255, 255, .08);--accent-green: #b497ff;--accent-yellow: #eec011;--accent-blue: #297bd9;--accent-orange: #e9633b;--neon-glow: rgba(180, 151, 255, .4);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 3rem;--space-2xl: 5rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;position:relative}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.1}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent-green);color:var(--bg-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@property --border-angle{syntax: ""; initial-value: 0deg; inherits: false;}.intro-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.intro-half{position:absolute;top:0;bottom:0;width:50%;background:var(--bg-primary);transition:transform .8s cubic-bezier(.77,0,.175,1)}.intro-half-left{left:0}.intro-half-right{right:0}.intro-overlay.split .intro-half-left{transform:translate(-100%)}.intro-overlay.split .intro-half-right{transform:translate(100%)}.intro-logo-text{font-family:var(--font-display);font-size:6rem;font-weight:700;color:#faf9f6;position:relative;z-index:1;animation:introLogoReveal .5s ease .2s both,introLogoFade .4s ease .85s both}@keyframes introLogoFade{to{opacity:0;transform:scale(.8);filter:blur(6px)}}@keyframes introLogoReveal{0%{opacity:0;transform:scale(1.5);filter:blur(10px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.noise-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.035;mix-blend-mode:overlay;animation:grain 8s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}@media(hover:hover){.app,.app a,.app button,.app input{cursor:none}}.cursor-glow{position:fixed;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:opacity .3s ease;will-change:left,top}.cursor-dot{position:fixed;width:8px;height:8px;border-radius:50%;background:#ffffffe6;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease,background .2s ease}.cursor-dot.hovering{width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.4)}.hero-giant-line:not(.accent) span,.footer-giant-line:not(.accent) span{position:relative;display:inline-block}.hero-giant-line:not(.accent) span:before,.hero-giant-line:not(.accent) span:after,.footer-giant-line:not(.accent) span:before,.footer-giant-line:not(.accent) span:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.hero-giant-line:not(.accent) span:before,.footer-giant-line:not(.accent) span:before{color:#faf9f61f;z-index:-1}.hero-giant-line:not(.accent) span:after,.footer-giant-line:not(.accent) span:after{color:#faf9f614;z-index:-1}.hero-giant-line:not(.accent):hover span{animation:glitchText .3s ease forwards}.hero-giant-line:not(.accent):hover span:before,.footer-giant-line:not(.accent):hover span:before{opacity:.8;animation:glitchR .3s steps(2) forwards}.hero-giant-line:not(.accent):hover span:after,.footer-giant-line:not(.accent):hover span:after{opacity:.8;animation:glitchB .3s steps(2) forwards}.footer-giant-line:not(.accent):hover span{animation:glitchText .3s ease forwards}@keyframes glitchText{0%{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}to{transform:translate(0)}}@keyframes glitchR{0%{transform:translate(0);opacity:0}20%{transform:translate(4px,-2px);opacity:.8;clip-path:inset(20% 0 30% 0)}40%{transform:translate(-3px,1px);opacity:.6;clip-path:inset(50% 0 10% 0)}60%{transform:translate(2px,-1px);opacity:.7;clip-path:inset(10% 0 60% 0)}80%{transform:translate(-4px,2px);opacity:.5;clip-path:inset(40% 0 20% 0)}to{transform:translate(0);opacity:0}}@keyframes glitchB{0%{transform:translate(0);opacity:0}20%{transform:translate(-3px,1px);opacity:.8;clip-path:inset(60% 0 5% 0)}40%{transform:translate(4px,-2px);opacity:.6;clip-path:inset(10% 0 50% 0)}60%{transform:translate(-2px,2px);opacity:.7;clip-path:inset(30% 0 30% 0)}80%{transform:translate(3px,-1px);opacity:.5;clip-path:inset(5% 0 60% 0)}to{transform:translate(0);opacity:0}}@keyframes breatheGlow{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 25px #ffffff26,0 0 50px #ffffff0d}}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.palm-trees{position:absolute;top:0;left:0;right:0;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.palm{position:absolute;bottom:0;height:70vh;width:auto;opacity:.6;animation:palmSway 8s ease-in-out infinite}.palm-left{left:-20px;transform-origin:bottom center;animation-delay:0s}.palm-right{right:-20px;transform-origin:bottom center;transform:scaleX(-1);animation-delay:-4s}@keyframes palmSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.palm-right{animation-name:palmSwayRight}@keyframes palmSwayRight{0%,to{transform:scaleX(-1) rotate(-2deg)}50%{transform:scaleX(-1) rotate(2deg)}}.floating-shapes{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12;transition:transform .3s ease-out}.shape-1{width:600px;height:600px;background:var(--accent-green);top:-200px;right:-200px;animation:float1 20s ease-in-out infinite}.shape-2{width:400px;height:400px;background:var(--accent-blue);bottom:20%;left:-100px;animation:float2 25s ease-in-out infinite}.shape-3{width:300px;height:300px;background:var(--accent-orange);top:50%;right:10%;animation:float3 18s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,100px) scale(1.1)}66%{transform:translate(50px,-50px) scale(.9)}}@keyframes float2{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(100px,-100px) rotate(180deg)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-80px,80px) scale(1.2)}}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-lg) var(--space-xl);animation:slideDown .8s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.nav{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;background:#0d0d0dd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:100px;padding:0 var(--space-md);height:65px;position:relative;box-shadow:0 2px 20px #0006}.nav:after{content:"";position:absolute;inset:0;border-radius:100px;border:1px solid rgba(255,255,255,.06);pointer-events:none;-webkit-mask:linear-gradient(90deg,#fff 0%,#fff calc(50% - 80px),transparent calc(50% - 70px),transparent calc(50% + 70px),#fff calc(50% + 80px),#fff 100%);mask:linear-gradient(90deg,#fff 0%,#fff calc(50% - 80px),transparent calc(50% - 70px),transparent calc(50% + 70px),#fff calc(50% + 80px),#fff 100%)}.nav:before{content:"";position:absolute;inset:-1px;border-radius:100px;padding:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);-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;opacity:0;transition:opacity .3s}.nav:hover:before{opacity:1}.nav:has(.nav-logo:hover):before{opacity:0}.nav-left,.nav-right{display:flex;align-items:center;gap:var(--space-xs)}.nav-link{display:flex;align-items:center;gap:4px;padding:4px 10px;color:var(--text-muted);font-size:.75rem;font-weight:500;text-decoration:none;border-radius:100px;transition:all .3s ease;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;inset:0;background:#ffffff0f;border-radius:100px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.nav-link:hover:before{transform:scaleX(1)}.nav-link:hover{color:var(--text-primary)}.nav-link-text{position:relative;z-index:1}.nav-link-number{font-family:var(--font-display);font-size:.625rem;font-weight:700;color:var(--text-muted);opacity:0;transform:translate(-5px);transition:all .3s ease;position:relative;z-index:1}.nav-link:hover .nav-link-number{opacity:1;transform:translate(0)}.nav-logo{position:relative;display:flex;align-items:center;justify-content:center;padding:0 var(--space-md);z-index:10}.nav-logo-text{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;position:relative;z-index:1;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-logo:hover .nav-logo-text{color:var(--text-primary);text-shadow:0 0 20px rgba(255,255,255,.3);transform:scale(1.1)}.nav-logo-glow{position:absolute;width:80px;height:80px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .4s;pointer-events:none}.nav-logo:hover .nav-logo-glow{opacity:1;animation:logoPulse 2s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:.3}}.nav-cta{display:flex;align-items:center;gap:6px;background:var(--text-primary);color:#0d0d0d;border:none;padding:4px 12px;font-weight:600;font-size:.75rem;border-radius:100px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .5s}.nav-cta:hover:before{transform:translate(100%)}.nav-cta:hover{transform:scale(1.05);box-shadow:0 10px 30px #0000004d}.nav-cta svg{transition:transform .3s}.nav-cta:hover svg{transform:translate(2px,-2px)}.nav-line{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,transparent,rgba(250,249,246,.4),transparent);transition:width .5s ease;border-radius:2px}.header:hover .nav-line{width:200px}.hero{text-align:center;padding:var(--space-2xl) var(--space-lg);padding-top:140px;max-width:1400px;margin:0 auto;position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-giant{margin-bottom:var(--space-xl);padding:var(--space-2xl) 0}.hero-giant-line{font-family:var(--font-display);font-weight:700;font-size:clamp(4rem,15vw,12rem);line-height:.9;letter-spacing:-.04em;color:#faf9f614;text-transform:uppercase;-webkit-user-select:none;user-select:none;cursor:default;transition:all .4s ease;opacity:0;animation:heroLineReveal .8s ease forwards}.hero-giant-line:hover{color:#faf9f626}.hero-giant-line:nth-child(1){animation-delay:.2s}.hero-giant-line:nth-child(2){animation-delay:.4s}.hero-giant-line:nth-child(3){animation-delay:.6s}@keyframes heroLineReveal{0%{opacity:0;transform:translateY(40px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero-giant-line.accent{color:var(--accent-green);text-shadow:0 0 30px rgba(180,151,255,.15);display:flex;align-items:baseline;justify-content:center;gap:0}.hero-giant-line.accent:hover{text-shadow:0 0 40px rgba(180,151,255,.2);color:var(--accent-green)}.hero-dot{color:var(--accent-orange);text-shadow:0 0 40px rgba(233,99,59,.4)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes neonPulse{0%,to{text-shadow:0 0 20px var(--neon-glow)}50%{text-shadow:0 0 40px var(--neon-glow),0 0 60px rgba(180,151,255,.2)}}.hero-content{max-width:600px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding-top:var(--space-xl);border-top:1px solid rgba(250,249,246,.1);animation:fadeInUp .6s ease .8s both}.hero-brand p{color:#faf9f680;font-size:1.125rem;letter-spacing:.02em}.hero-subscribe{display:flex;gap:0;justify-content:center;max-width:480px;width:100%}.input-wrapper{flex:1;position:relative}.hero-subscribe input{width:100%;background:var(--bg-elevated);border:2px solid rgba(255,255,255,.1);border-right:none;padding:var(--space-md) var(--space-lg);color:var(--text-primary);font-size:1rem;border-radius:var(--radius-md) 0 0 var(--radius-md);transition:all .3s}.hero-subscribe input::placeholder{color:var(--text-muted)}.hero-subscribe input:focus{outline:none;border-color:#ffffff4d}.hero-subscribe input:focus+.input-glow{opacity:1}.input-glow{position:absolute;inset:-2px;background:linear-gradient(90deg,#fff3,#ffffff1a);border-radius:var(--radius-md) 0 0 var(--radius-md);z-index:-1;opacity:0;filter:blur(10px);transition:opacity .3s}.hero-subscribe .subscribe-btn{display:flex;align-items:center;gap:var(--space-sm);background:var(--text-primary);color:#0d0d0d;border:2px solid var(--text-primary);padding:var(--space-md) var(--space-xl);font-weight:700;font-size:1rem;border-radius:0 var(--radius-md) var(--radius-md) 0;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);animation:breatheGlow 3s ease-in-out infinite}.hero-subscribe .subscribe-btn:hover{box-shadow:0 10px 40px #ffffff26;transform:scale(1.02)}.btn-badge{background:#00000026;color:#0d0d0d;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;animation:badgeBounce 2s ease-in-out infinite}.hero-subscribe .subscribe-btn:hover .btn-badge{background:#0000004d;color:var(--accent-green)}@keyframes badgeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.hero-links{display:flex;gap:var(--space-xl);margin-top:var(--space-lg);animation:fadeInUp .6s ease 1s both}.hero-links a{color:#faf9f680;font-size:.9375rem;transition:all .3s;position:relative}.hero-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--text-primary);transition:width .3s}.hero-links a:hover{color:var(--text-primary);transform:translateY(-2px)}.hero-links a:hover:after{width:100%}.filters{padding:0 var(--space-lg);margin-bottom:var(--space-xl);position:relative;z-index:1}.filter-bar{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.filter-btn{display:flex;align-items:center;gap:2px;background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);padding:var(--space-sm) var(--space-lg);font-size:.9rem;font-weight:500;border-radius:100px;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;animation:filterReveal .4s ease forwards;animation-delay:calc(var(--filter-index) * .05s)}@keyframes filterReveal{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-hash{color:var(--text-muted);font-weight:600;transition:transform .3s}.filter-btn:hover{border-color:var(--text-primary);color:var(--text-primary);transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px #0000004d}.filter-btn:hover .filter-hash{transform:rotate(-10deg) scale(1.2);color:var(--text-primary)}.filter-btn.active{background:var(--text-primary);border-color:var(--text-primary);color:#0d0d0d;box-shadow:0 10px 30px #0000004d}.filter-btn.active .filter-hash{color:#0d0d0d}.bento{padding:0 var(--space-lg) var(--space-2xl);position:relative;z-index:1}.bento-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:340px;gap:var(--space-lg)}.card{position:relative;background:var(--bg-elevated);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;opacity:0;transform:translateY(60px) scale(.95);transform-style:preserve-3d;box-shadow:0 2px 10px #0000004d}.card.revealed{opacity:1;transform:translateY(0) scale(1)}.card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:1px;background:conic-gradient(from var(--border-angle, 0deg),transparent 0%,var(--card-accent) 10%,transparent 20%,rgba(255,255,255,.15) 50%,transparent 80%,var(--card-accent) 90%,transparent 100%);-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;opacity:0;transition:opacity .4s}.card:hover{border-color:transparent;box-shadow:0 30px 60px #0006,0 0 40px color-mix(in srgb,var(--card-accent) 10%,transparent)}.card:hover:before{opacity:1;animation:rotateBorder 3s linear infinite}@keyframes rotateBorder{to{--border-angle: 360deg}}.card-shine{position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(180,151,255,.03) 50%,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover .card-shine{opacity:1;animation:shine 1.5s ease forwards}@keyframes shine{0%{transform:translate(-100%) translateY(-100%)}to{transform:translate(100%) translateY(100%)}}.card-accent-bar{height:4px;background:linear-gradient(90deg,var(--card-accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.card.revealed .card-accent-bar{transform:scaleX(1);transition-delay:.3s}.card-large{grid-column:span 1;grid-row:span 2}.card-wide{grid-column:span 2}.card-content{padding:var(--space-lg);display:flex;flex-direction:column;flex:1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.card-stat{font-family:var(--font-display);font-size:.8125rem;font-weight:700;color:var(--card-accent);background:color-mix(in srgb,var(--card-accent) 12%,transparent);padding:4px 10px;border-radius:6px;transition:transform .3s,box-shadow .3s}.card:hover .card-stat{transform:scale(1.05);box-shadow:0 0 20px color-mix(in srgb,var(--card-accent) 20%,transparent)}.card-time{font-size:.75rem;color:var(--text-muted)}.card-company{font-size:2rem;color:var(--text-primary);margin-bottom:var(--space-xs);overflow:hidden}.card-company .letter{display:inline-block;transition:transform .3s ease;transition-delay:calc(var(--letter-index) * .02s)}.card:hover .card-company .letter{transform:translateY(-5px)}.card-hook{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{color:var(--text-muted);font-size:.9375rem;flex:1;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.06)}.card-tactics{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tactic-tag{font-size:.75rem;color:var(--text-muted);background:#ffffff0f;padding:4px 10px;border-radius:6px;transition:all .3s;cursor:pointer}.tactic-tag:hover{background:#ffffff1a;color:var(--text-primary);transform:translateY(-2px)}.read-btn{display:inline-flex;align-items:center;gap:var(--space-sm);background:transparent;border:none;color:var(--card-accent);padding:0;font-size:.9375rem;font-weight:600;transition:all .3s;align-self:flex-start;position:relative}.read-btn:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:currentColor;transition:width .3s}.read-btn:hover:after{width:100%}.read-btn svg{transition:transform .3s}.read-btn:hover{color:var(--text-primary)}.read-btn:hover svg{transform:translate(6px)}.card-video{flex:1;min-height:180px;background:linear-gradient(135deg,#ffffff05,#ffffff03);display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.card-video iframe{width:100%;height:100%;min-height:250px;border:none;position:relative;z-index:1}.card-video:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,var(--card-accent) 0%,transparent 70%);opacity:.05;transition:opacity .3s}.card:hover .card-video:before{opacity:.1;animation:videoPulse 2s ease-in-out infinite}@keyframes videoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.video-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);color:var(--text-muted);cursor:pointer;transition:all .3s;z-index:1}.video-placeholder:hover{color:var(--text-primary)}.video-placeholder:hover .play-button{transform:scale(1.15);background:var(--text-primary);color:#0d0d0d;box-shadow:0 10px 30px #0000004d}.play-button{width:64px;height:64px;border:2px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-left:4px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.play-button:before{content:"";position:absolute;inset:-8px;border:1px solid currentColor;border-radius:50%;opacity:0;transition:all .4s}.video-placeholder:hover .play-button:before{inset:-15px;opacity:.3}.video-placeholder span{font-size:.875rem;font-weight:500}.cta{padding:var(--space-2xl) var(--space-lg);padding-top:calc(var(--space-2xl) + 60px);background:linear-gradient(180deg,transparent 0%,var(--bg-secondary) 50%,transparent 100%);position:relative;overflow:hidden;z-index:1;opacity:0;transform:translateY(40px);transition:all .8s ease}.cta.revealed{opacity:1;transform:translateY(0)}.cta-palm{position:absolute;right:5%;bottom:0;height:80%;width:auto;opacity:.4;pointer-events:none}.cta-content{max-width:600px;margin:0 auto;text-align:center;position:relative;z-index:1}.cta h2{font-size:2.5rem;margin-bottom:var(--space-sm);color:var(--text-primary)}.cta p{color:var(--text-muted);margin-bottom:var(--space-xl);font-size:1.125rem}.cta-form{display:flex;gap:0;max-width:400px;margin:0 auto}.cta-form input{flex:1;background:var(--bg-elevated);border:2px solid rgba(255,255,255,.1);border-right:none;padding:var(--space-md) var(--space-lg);color:var(--text-primary);font-size:1rem;border-radius:var(--radius-md) 0 0 var(--radius-md);transition:all .3s}.cta-form input:focus{outline:none;border-color:#ffffff4d}.cta-form button{background:var(--text-primary);color:#0d0d0d;border:2px solid var(--text-primary);padding:var(--space-md) var(--space-xl);font-weight:700;font-size:1rem;border-radius:0 var(--radius-md) var(--radius-md) 0;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);animation:breatheGlow 3s ease-in-out infinite}.cta-form button:hover{box-shadow:0 10px 40px #ffffff26;transform:scale(1.02)}.cta-particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:6px;height:6px;background:#fff9;border-radius:50%;opacity:.2;animation:particleFloat 10s ease-in-out infinite;animation-delay:calc(var(--particle-index) * -.5s)}.particle:nth-child(odd){background:var(--accent-orange)}.particle:nth-child(3n){background:var(--accent-blue)}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:0}10%{opacity:.3}50%{transform:translate(calc((var(--particle-index) - 10) * 30px),-100px) scale(1.5);opacity:.5}90%{opacity:.3}}.particle:nth-child(1){left:5%;top:80%}.particle:nth-child(2){left:10%;top:60%}.particle:nth-child(3){left:15%;top:90%}.particle:nth-child(4){left:20%;top:70%}.particle:nth-child(5){left:30%;top:85%}.particle:nth-child(6){left:40%;top:75%}.particle:nth-child(7){left:50%;top:90%}.particle:nth-child(8){left:60%;top:65%}.particle:nth-child(9){left:70%;top:80%}.particle:nth-child(10){left:75%;top:70%}.particle:nth-child(11){left:80%;top:85%}.particle:nth-child(12){left:85%;top:75%}.particle:nth-child(13){left:90%;top:90%}.particle:nth-child(14){left:95%;top:60%}.particle:nth-child(15){left:25%;top:95%}.particle:nth-child(16){left:35%;top:65%}.particle:nth-child(17){left:45%;top:80%}.particle:nth-child(18){left:55%;top:95%}.particle:nth-child(19){left:65%;top:75%}.particle:nth-child(20){left:78%;top:90%}.footer{margin-top:auto;padding:var(--space-2xl) var(--space-lg) var(--space-lg);position:relative;z-index:1;overflow:hidden;background:var(--bg-secondary);color:#faf9f6;border-top:1px solid rgba(255,255,255,.06)}.footer-giant{max-width:1400px;margin:0 auto;padding:var(--space-2xl) 0;text-align:center}.footer-giant-line{font-family:var(--font-display);font-weight:700;font-size:clamp(4rem,15vw,12rem);line-height:.9;letter-spacing:-.04em;color:#faf9f614;text-transform:uppercase;position:relative;transition:all .4s ease;cursor:default;-webkit-user-select:none;user-select:none}.footer-giant-line:hover{color:#faf9f626}.footer-giant-line.accent{color:var(--accent-green);text-shadow:0 0 30px rgba(180,151,255,.15);display:flex;align-items:baseline;justify-content:center;gap:0}.footer-giant-line.accent:hover{text-shadow:0 0 40px rgba(180,151,255,.2);color:var(--accent-green)}.footer-dot{color:var(--accent-orange);text-shadow:0 0 40px rgba(233,99,59,.4)}.footer-content{max-width:1400px;margin:0 auto var(--space-xl);display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-xl);border-top:1px solid rgba(250,249,246,.1)}.footer-brand{display:flex;align-items:center;gap:var(--space-lg)}.footer-brand p{color:#faf9f680;font-size:.9375rem}.footer-links{display:flex;gap:var(--space-xl)}.footer-links a{color:#faf9f680;font-size:.9375rem;transition:all .3s;position:relative}.footer-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--text-primary);transition:width .3s}.footer-links a:hover{color:var(--text-primary);transform:translateY(-2px)}.footer-links a:hover:after{width:100%}.footer-bottom{max-width:1400px;margin:0 auto;padding-top:var(--space-lg);border-top:1px solid rgba(250,249,246,.06);text-align:center}.footer-bottom p{color:#faf9f64d;font-size:.8125rem}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.card-large{grid-row:span 1}.card-wide{grid-column:span 2}.palm{height:50vh;opacity:.3}}@media(max-width:768px){.header{padding:var(--space-sm) var(--space-md)}.nav{padding:0 var(--space-sm);height:48px}.nav-left,.nav-right{gap:2px}.nav-link{padding:6px 8px;font-size:.7rem}.nav-link-number{display:none}.nav-logo{padding:0 var(--space-sm)}.nav-logo-text{font-size:1.3rem}.nav:after{-webkit-mask:linear-gradient(90deg,#fff 0%,#fff calc(50% - 35px),transparent calc(50% - 25px),transparent calc(50% + 25px),#fff calc(50% + 35px),#fff 100%);mask:linear-gradient(90deg,#fff 0%,#fff calc(50% - 35px),transparent calc(50% - 25px),transparent calc(50% + 25px),#fff calc(50% + 35px),#fff 100%)}.nav-cta{padding:6px 10px;font-size:.7rem}.nav-cta svg{display:none}.hero{padding:var(--space-xl) var(--space-md);padding-top:90px;min-height:auto;min-height:calc(100vh - 60px)}.hero-giant{padding:var(--space-xl) 0;margin-bottom:var(--space-lg)}.hero-giant-line{font-size:clamp(2.8rem,13vw,8rem)}.hero-content{max-width:100%;padding-top:var(--space-lg)}.hero-brand p{font-size:1rem}.hero-subscribe{max-width:100%}.hero-subscribe input,.hero-subscribe .subscribe-btn{padding:var(--space-sm) var(--space-md);font-size:.9rem}.hero-links{flex-wrap:wrap;justify-content:center;gap:var(--space-md);margin-top:var(--space-md)}.hero-links a{font-size:.85rem}.bento-grid{grid-template-columns:1fr;gap:var(--space-md)}.card-large,.card-wide{grid-column:span 1;grid-row:span 1}.card-company{font-size:1.5rem}.bento{padding:0 var(--space-md) var(--space-xl)}.filters{padding:0 var(--space-md);margin-bottom:var(--space-lg)}.footer{padding:var(--space-xl) var(--space-md) var(--space-md)}.footer-giant{padding:var(--space-xl) 0}.footer-giant-line{font-size:clamp(2.8rem,13vw,8rem)}.footer-content{flex-direction:column;gap:var(--space-lg);text-align:center}.footer-brand{flex-direction:column;gap:var(--space-sm)}.footer-links{flex-wrap:wrap;justify-content:center;gap:var(--space-md)}.footer-links a{font-size:.85rem}.floating-shapes,.palm-trees,.cursor-glow,.cursor-dot{display:none}.cta{padding:var(--space-xl) var(--space-md);padding-top:calc(var(--space-xl) + 40px)}.cta h2{font-size:1.75rem}.cta p{font-size:1rem}.intro-logo-text{font-size:4rem}}@media(max-width:480px){.header{padding:var(--space-xs) var(--space-sm)}.nav{height:44px;padding:0 var(--space-xs)}.nav-link{padding:6px;font-size:.65rem}.nav-link-text{display:none}.nav-cta{padding:6px 10px;font-size:.65rem}.nav-cta span{display:none}.nav-cta svg{display:block;width:12px;height:12px}.nav-logo-text{font-size:1.2rem}.hero{padding:var(--space-lg) var(--space-sm);padding-top:75px}.hero-giant{padding:var(--space-lg) 0;margin-bottom:var(--space-md)}.hero-giant-line{font-size:clamp(2.2rem,14vw,5rem)}.hero-content{gap:var(--space-md)}.hero-brand p{font-size:.9rem}.hero-subscribe{flex-direction:column;gap:var(--space-sm)}.hero-subscribe input,.hero-subscribe .subscribe-btn{border-radius:var(--radius-md);border:2px solid rgba(255,255,255,.1)}.hero-subscribe input{border-right:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md)}.hero-subscribe .subscribe-btn{border-color:var(--text-primary);border-radius:var(--radius-md);justify-content:center}.input-glow{border-radius:var(--radius-md)}.hero-links{gap:var(--space-sm)}.hero-links a{font-size:.8rem}.cta h2{font-size:1.4rem}.cta p{font-size:.9rem}.cta-form{flex-direction:column;gap:var(--space-sm)}.cta-form input,.cta-form button{border-radius:var(--radius-md);border:2px solid rgba(255,255,255,.1)}.cta-form input{border-right:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md)}.cta-form button{border-color:var(--text-primary);border-radius:var(--radius-md)}.footer-giant-line{font-size:clamp(2.2rem,14vw,5rem)}.footer-links{gap:var(--space-sm)}.footer-links a{font-size:.8rem}.filter-bar{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-sm);-webkit-overflow-scrolling:touch}.filter-btn{flex-shrink:0;padding:var(--space-xs) var(--space-md);font-size:.8rem}.scroll-indicator{display:none}.intro-logo-text{font-size:3rem}.card-content{padding:var(--space-md)}.card-company{font-size:1.3rem}.card-hook{font-size:.9rem}.card-description{font-size:.875rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.reading-progress-bar{position:fixed;top:0;left:0;height:3px;z-index:10001;transition:width .1s linear;border-radius:0 2px 2px 0;pointer-events:none}.case-study-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.case-study-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:50vh;color:var(--text-muted)}.loading-spinner{width:32px;height:32px;border:2px solid rgba(255,255,255,.08);border-top-color:var(--accent-green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.case-study-layout{display:grid;grid-template-columns:1fr 280px;gap:var(--space-xl);max-width:1400px;margin:0 auto;padding:var(--space-xl) var(--space-lg);flex:1}.case-study-main{min-width:0}.card-logo{margin-bottom:var(--space-md);display:flex;align-items:center}.card-logo img{max-height:30px;max-width:110px;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.75;transition:opacity .3s ease}.card:hover .card-logo img{opacity:1}.case-study-logo{margin-bottom:var(--space-lg);display:flex;align-items:center}.case-study-logo img{max-height:52px;max-width:180px;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}.case-study-breadcrumb{margin-bottom:var(--space-lg)}.breadcrumb-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);text-decoration:none;font-size:.8125rem;font-weight:500;letter-spacing:.02em;transition:all .2s ease}.breadcrumb-link svg{transition:transform .2s ease}.breadcrumb-link:hover{color:var(--text-primary)}.breadcrumb-link:hover svg{transform:translate(-3px)}.case-study-hero{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-xl);position:relative;overflow:hidden;border:1px solid var(--border-subtle)}.case-study-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-accent),transparent)}.case-study-hero-glow{position:absolute;top:-60%;right:-15%;width:500px;height:500px;border-radius:50%;background:var(--card-accent);filter:blur(130px);opacity:.1;pointer-events:none}.case-study-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.case-study-stat-badge{background:color-mix(in srgb,var(--card-accent) 18%,transparent);color:var(--card-accent);border:1px solid color-mix(in srgb,var(--card-accent) 35%,transparent);padding:5px 14px;border-radius:100px;font-size:.8125rem;font-weight:700;letter-spacing:.03em;font-family:var(--font-display)}.case-study-read-time{color:var(--text-muted);font-size:.875rem}.case-study-company{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md);line-height:1.1}.case-study-hook{font-size:1.375rem;color:#faf9f68c;margin-bottom:var(--space-xl);line-height:1.45;font-weight:400}.case-study-tactics{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.case-study-tactic-tag{background:#ffffff0d;color:#faf9f680;border:1px solid rgba(255,255,255,.08);padding:5px 12px;border-radius:100px;font-size:.775rem;font-weight:500;letter-spacing:.01em;transition:all .2s ease}.case-study-tactic-tag:hover{background:#ffffff14;color:var(--text-primary);border-color:#ffffff26}.case-study-video{margin-bottom:var(--space-xl);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/9;background:var(--bg-elevated)}.case-study-video iframe{width:100%;height:100%;border:none}.case-study-content{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-xl);border:1px solid var(--border-subtle)}.content-section{margin-bottom:var(--space-xl)}.content-section:last-child{margin-bottom:0}.content-section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-md)}.content-section-title:before{content:"";width:4px;height:1.3em;background:var(--card-accent);border-radius:2px;flex-shrink:0}.content-section-label{font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-lg)}.content-divider{height:1px;background:#ffffff0f;margin:var(--space-xl) 0;border-radius:1px}.case-study-lead{font-size:1.1875rem;line-height:1.85;color:#faf9f6c7;font-weight:400}.description-body{display:flex;flex-direction:column;gap:var(--space-md)}.desc-paragraph{font-size:1.0625rem;line-height:1.85;color:#faf9f6c7;font-weight:400;margin:0}.desc-heading{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin:var(--space-sm) 0 0;padding-left:var(--space-md);border-left:3px solid var(--card-accent, var(--accent-yellow));line-height:1.4}.desc-list,.desc-numbered{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.desc-list li,.desc-numbered li{font-size:1.0625rem;line-height:1.75;color:#faf9f6c7;padding-left:1.5rem;position:relative}.desc-list li:before{content:"—";position:absolute;left:0;color:var(--card-accent, var(--accent-yellow));font-weight:700}.desc-numbered{list-style:decimal;padding-left:1.5rem}.desc-numbered li{padding-left:.25rem}.desc-numbered li::marker{color:var(--card-accent, var(--accent-yellow));font-weight:700}.case-study-tactics-list{display:flex;flex-direction:column;gap:var(--space-sm)}.tactic-detail{display:grid;grid-template-columns:2rem 3rem 1fr;gap:var(--space-md);align-items:flex-start;padding:var(--space-md) var(--space-lg);background:#ffffff08;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);transition:all .25s ease}.tactic-detail:hover{background:#ffffff0d;border-color:#ffffff17;transform:translate(4px)}.tactic-number{font-family:var(--font-display);font-size:.6875rem;font-weight:700;color:var(--text-muted);opacity:.4;padding-top:15px;text-align:right;letter-spacing:.05em}.tactic-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--card-accent) 14%,transparent);border-radius:var(--radius-md);font-size:1.25rem;flex-shrink:0;border:1px solid color-mix(in srgb,var(--card-accent) 25%,transparent)}.tactic-info h4{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:4px;margin-top:10px}.tactic-info p{font-size:.875rem;color:var(--text-muted);line-height:1.55}.case-study-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-xl)}.nav-prev,.nav-next{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);text-decoration:none;transition:all .3s ease}.nav-prev:hover,.nav-next:hover{border-color:var(--card-accent);transform:translateY(-2px);box-shadow:0 8px 25px #00000059;background:color-mix(in srgb,var(--card-accent) 6%,var(--bg-elevated))}.nav-prev.disabled,.nav-next.disabled{opacity:0;pointer-events:none}.nav-next{justify-content:flex-end;text-align:right}.nav-prev svg,.nav-next svg{color:var(--text-muted);flex-shrink:0}.nav-label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.nav-title{display:block;font-size:1rem;font-weight:600;color:var(--text-primary)}.nav-hook{display:block;font-size:.75rem;color:var(--text-muted);font-weight:400;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.case-study-related{margin-bottom:var(--space-xl)}.related-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.related-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.carousel-controls{display:flex;gap:var(--space-sm)}.carousel-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .3s ease}.carousel-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.related-carousel{display:flex;gap:var(--space-md);overflow-x:auto;scroll-behavior:smooth;padding-bottom:var(--space-md);scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.related-carousel::-webkit-scrollbar{height:6px}.related-carousel::-webkit-scrollbar-track{background:transparent}.related-carousel::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.related-card{flex:0 0 300px;background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-subtle);text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.related-card:hover{border-color:var(--card-accent);transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.related-card-accent{position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent)}.related-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.related-card-stat{font-size:.75rem;font-weight:700;color:var(--card-accent)}.related-card-time{font-size:.7rem;color:var(--text-muted)}.related-card-company{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.related-card-hook{font-size:.875rem;color:var(--text-muted);line-height:1.4;margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-card-tactics{display:flex;gap:6px;flex-wrap:wrap}.related-tactic-tag{font-size:.65rem;color:var(--text-muted);background:#ffffff0f;padding:2px 8px;border-radius:100px}.case-study-sidebar{position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 140px);display:flex;flex-direction:column}.sidebar-header{margin-bottom:var(--space-md)}.sidebar-header h3{font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sidebar-list{display:flex;flex-direction:column;gap:var(--space-sm);overflow-y:auto;padding-right:var(--space-sm);scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.sidebar-list::-webkit-scrollbar{width:4px}.sidebar-list::-webkit-scrollbar-track{background:transparent}.sidebar-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.mini-card{display:flex;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);text-decoration:none;transition:all .25s ease}.mini-card:hover{border-color:var(--card-accent);background:color-mix(in srgb,var(--card-accent) 5%,var(--bg-elevated))}.mini-card.active{border-color:color-mix(in srgb,var(--card-accent) 50%,transparent);background:color-mix(in srgb,var(--card-accent) 8%,var(--bg-elevated))}.mini-card.active .mini-card-company{color:var(--card-accent)}.mini-card-accent{width:3px;background:var(--card-accent);border-radius:2px;flex-shrink:0}.mini-card-content{min-width:0}.mini-card-company{display:block;font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.mini-card-hook{display:block;font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.case-study-layout{grid-template-columns:1fr}.case-study-sidebar{display:none}}@media(max-width:768px){.case-study-page .header{padding:var(--space-sm) var(--space-md)}.case-study-page .nav{height:48px;padding:0 var(--space-sm)}.case-study-page .nav-link{padding:6px 8px;font-size:.7rem}.case-study-page .nav-link-number{display:none}.case-study-page .nav-logo-text{font-size:1.3rem}.case-study-page .nav-cta{padding:6px 10px;font-size:.7rem}.case-study-page .nav-cta svg{display:none}.case-study-layout{padding:var(--space-md);gap:var(--space-md)}.case-study-hero{padding:var(--space-lg)}.case-study-company{font-size:1.75rem}.case-study-hook{font-size:1rem;line-height:1.5}.case-study-content{padding:var(--space-md)}.case-study-content h2{font-size:1.4rem}.case-study-description{font-size:1rem}.tactic-detail{grid-template-columns:1.5rem 2.5rem 1fr;gap:var(--space-sm);padding:var(--space-md)}.tactic-number{padding-top:12px;font-size:.625rem}.tactic-icon{width:40px;height:40px;font-size:1.1rem}.case-study-nav{grid-template-columns:1fr;gap:var(--space-sm)}.nav-prev,.nav-next{padding:var(--space-md)}.nav-next{justify-content:flex-start;text-align:left}.related-card{flex:0 0 240px;padding:var(--space-md)}.related-header h2{font-size:1.2rem}.case-study-page .footer{padding:var(--space-xl) var(--space-md) var(--space-md)}.case-study-page .footer-giant-line{font-size:clamp(2.8rem,13vw,8rem)}.case-study-page .footer-content{flex-direction:column;gap:var(--space-lg);text-align:center}.case-study-page .footer-brand{flex-direction:column;gap:var(--space-sm)}.case-study-page .footer-links{flex-wrap:wrap;justify-content:center;gap:var(--space-md)}}@media(max-width:480px){.case-study-page .nav-link-text{display:none}.case-study-page .nav{height:44px;padding:0 var(--space-xs)}.case-study-page .nav-cta span{display:none}.case-study-page .nav-cta svg{display:block;width:12px;height:12px}.case-study-layout{padding:var(--space-sm)}.case-study-hero{padding:var(--space-md)}.case-study-company{font-size:1.4rem}.case-study-hook{font-size:.9rem}.case-study-stat-badge{font-size:.75rem;padding:4px 10px}.case-study-content{padding:var(--space-sm)}.related-card{flex:0 0 220px}.case-study-page .footer-giant-line{font-size:clamp(2.2rem,14vw,5rem)}}.admin{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.admin-auth-page{margin-top:30px;display:grid;place-items:center;padding:var(--space-xl)}.admin-auth-main{width:100%;max-width:460px}.admin-auth-card{display:flex;flex-direction:column;gap:var(--space-sm);background:var(--bg-elevated);border:1px solid rgba(235,225,193,.12);border-radius:var(--radius-lg);padding:var(--space-xl)}.admin-auth-card h1{font-size:1.5rem;margin-bottom:var(--space-xs)}.admin-auth-subtitle{color:var(--text-muted);margin-bottom:var(--space-md);font-size:.95rem}.admin-auth-card label{font-size:.875rem;font-weight:600;color:var(--text-muted);margin-top:var(--space-xs)}.admin-auth-card input{background:var(--bg-primary);border:1px solid rgba(235,225,193,.2);border-radius:var(--radius-sm);padding:var(--space-md);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:border-color .2s}.admin-auth-card input:focus{outline:none;border-color:var(--accent-green)}.admin-auth-error{color:var(--accent-orange);font-size:.875rem;margin-top:var(--space-sm)}.admin-auth-card .btn-primary{margin-top:var(--space-md)}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid rgba(235,225,193,.1);position:sticky;top:0;background:var(--bg-primary);z-index:100}.admin-header-content{display:flex;align-items:center;gap:var(--space-lg)}.admin-logo{color:#fff;text-decoration:none}.admin-logo span{display:inline-block;font-size:1.5rem;font-weight:800;letter-spacing:.04em;color:#fff}.admin-header h1{font-size:1.5rem;font-weight:700;color:var(--accent-green)}.admin-actions{display:flex;gap:var(--space-md)}.btn-primary{background:var(--accent-green);color:var(--bg-primary);border:none;padding:var(--space-sm) var(--space-lg);font-weight:600;font-size:.9375rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--text-primary);transform:translateY(-2px)}.btn-primary.btn-large{padding:var(--space-md) var(--space-xl);font-size:1rem}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid rgba(235,225,193,.3);padding:var(--space-sm) var(--space-lg);font-weight:500;font-size:.9375rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;text-decoration:none}.btn-secondary:hover{border-color:var(--text-primary);background:#ebe1c10d}.btn-ghost{background:transparent;color:var(--text-muted);border:none;padding:var(--space-sm) var(--space-md);font-size:.875rem;cursor:pointer;transition:color .2s}.btn-ghost:hover{color:var(--accent-orange)}.admin-main{max-width:1200px;margin:0 auto;padding:var(--space-xl)}.admin-form-section{margin-bottom:var(--space-2xl)}.article-form{background:var(--bg-elevated);border:1px solid rgba(235,225,193,.1);border-radius:var(--radius-lg);padding:var(--space-xl)}.article-form h2{margin-bottom:var(--space-xl);font-size:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group-full{grid-column:span 2}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-muted)}.form-group input,.form-group textarea{background:var(--bg-primary);border:1px solid rgba(235,225,193,.2);border-radius:var(--radius-sm);padding:var(--space-md);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-green)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group small{font-size:.75rem;color:var(--text-muted)}.logo-field{display:flex;flex-direction:column;gap:var(--space-sm)}.logo-no-logo-check{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.875rem;font-weight:500;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content}.logo-no-logo-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-green);cursor:pointer;flex-shrink:0}.logo-preview-box{display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:#ffffff08;border:1px dashed rgba(255,255,255,.12);border-radius:var(--radius-md);min-height:80px}.logo-preview-box img{max-height:60px;max-width:200px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}.logo-preview-error{font-size:.8125rem;color:var(--accent-orange)}.tactic-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tactic-btn{background:transparent;border:1px solid rgba(235,225,193,.2);color:var(--text-muted);padding:var(--space-sm) var(--space-md);border-radius:100px;font-size:.875rem;cursor:pointer;transition:all .2s}.tactic-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.tactic-btn.active{background:var(--accent-green);border-color:var(--accent-green);color:var(--bg-primary)}.color-options{display:flex;gap:var(--space-sm)}.color-btn{background:color-mix(in srgb,var(--btn-color) 20%,transparent);border:2px solid transparent;color:var(--btn-color);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.color-btn:hover{border-color:var(--btn-color)}.color-btn.active{background:var(--btn-color);color:var(--bg-primary);border-color:var(--btn-color)}.color-auto{display:flex;flex-direction:column;gap:var(--space-xs)}.color-preview{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--btn-color);color:var(--bg-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;width:fit-content}.color-auto small{color:var(--text-muted);font-size:.75rem}.size-options{display:flex;gap:var(--space-sm)}.size-btn{background:transparent;border:1px solid rgba(235,225,193,.2);color:var(--text-muted);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:all .2s}.size-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.size-btn.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid rgba(235,225,193,.1)}.admin-articles h2{margin-bottom:var(--space-lg);font-size:1.25rem;color:var(--text-muted)}.articles-list{display:flex;flex-direction:column;gap:var(--space-md)}.article-card{display:flex;background:var(--bg-elevated);border:1px solid rgba(235,225,193,.08);border-radius:var(--radius-md);overflow:hidden;transition:all .2s}.article-card:hover{border-color:#ebe1c133}.article-card-accent{width:4px;background:var(--card-accent)}.article-card-content{flex:1;padding:var(--space-lg)}.article-card-header{display:flex;gap:var(--space-md);margin-bottom:var(--space-sm)}.article-stat{font-size:.75rem;font-weight:600;color:var(--card-accent);background:color-mix(in srgb,var(--card-accent) 15%,transparent);padding:2px 8px;border-radius:4px}.article-size{font-size:.75rem;color:var(--text-muted);background:#ebe1c10d;padding:2px 8px;border-radius:4px}.article-card h3{font-size:1.25rem;margin-bottom:var(--space-xs)}.article-hook{color:var(--text-muted);font-size:.9375rem;margin-bottom:var(--space-sm)}.article-tactics{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.article-card .tactic-tag{font-size:.75rem;color:var(--text-muted);background:#ebe1c10d;padding:2px 8px;border-radius:4px}.article-card-actions{display:flex;flex-direction:column;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);border-left:1px solid rgba(235,225,193,.08)}.btn-edit{background:transparent;border:1px solid var(--accent-blue);color:var(--accent-blue);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:all .2s}.btn-edit:hover{background:var(--accent-blue);color:var(--bg-primary)}.btn-delete{background:transparent;border:1px solid var(--accent-orange);color:var(--accent-orange);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:all .2s}.btn-delete:hover{background:var(--accent-orange);color:var(--bg-primary)}@media(max-width:768px){.admin-header{flex-direction:column;gap:var(--space-md)}.form-grid{grid-template-columns:1fr}.form-group-full{grid-column:span 1}.article-card{flex-direction:column}.article-card-accent{width:100%;height:4px}.article-card-actions{flex-direction:row;border-left:none;border-top:1px solid rgba(235,225,193,.08)}.color-options,.size-options{flex-wrap:wrap}}