.rec-container{max-width:1200px;margin-inline:auto;padding-inline:1.5rem;width:100%}.rec-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-cyan);margin-bottom:.75rem}.rec-eyebrow:before{content:"";width:24px;height:1px;background:var(--color-cyan)}.rec-eyebrow-center{justify-content:center}.rec-eyebrow-center:before{display:none}.rec-section-head{margin-bottom:3rem}.rec-section-title{font-family:var(--font-sans);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:#fff;margin-bottom:1rem}.rec-section-sub{font-size:1.0625rem;color:var(--color-text-muted);max-width:640px;line-height:1.7}.rec-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:999px;font-weight:600;font-size:.9375rem;transition:all .25s ease;white-space:nowrap;cursor:pointer}.rec-btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 20px #3b82f64d}.rec-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #3b82f673}.rec-btn-secondary{background:#16162499;color:var(--color-text);border:1px solid rgba(255,255,255,.08)}.rec-btn-secondary:hover{background:#1e1e36cc;border-color:#ffffff26;transform:translateY(-2px)}.rec-hero{position:relative;min-height:600px;display:flex;align-items:center;overflow:hidden;padding:5rem 1.5rem 4rem}.rec-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(59,130,246,.15),transparent 50%),radial-gradient(ellipse at top right,rgba(139,92,246,.15),transparent 50%),radial-gradient(ellipse at bottom left,rgba(6,182,212,.1),transparent 50%),radial-gradient(ellipse at bottom right,rgba(236,72,153,.1),transparent 50%);z-index:0}.rec-hero-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);z-index:0}.rec-hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;z-index:0;animation:rec-orb-float 20s ease-in-out infinite}.rec-hero-orb-1{width:400px;height:400px;background:#3b82f6;top:10%;left:-100px}.rec-hero-orb-2{width:350px;height:350px;background:#8b5cf6;top:40%;right:-80px;animation-delay:-5s}@keyframes rec-orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}.rec-hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:center}.rec-hero-content{max-width:560px}.rec-hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem;border-radius:999px;background:#16162499;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);font-size:.8125rem;color:var(--color-text-muted);margin-bottom:1.5rem}.rec-hero-dot{width:8px;height:8px;border-radius:50%;background:var(--color-emerald);box-shadow:0 0 8px var(--color-emerald);animation:rec-dot-blink 1.5s ease-in-out infinite}@keyframes rec-dot-blink{0%,to{opacity:1}50%{opacity:.3}}.rec-hero-title{font-family:var(--font-sans);font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#fff;margin-bottom:1.5rem}.rec-hero-grad{background:linear-gradient(135deg,#60a5fa,#a78bfa 50%,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rec-hero-sub{font-size:clamp(1rem,2vw,1.125rem);color:var(--color-text-muted);line-height:1.7;margin-bottom:2rem}.rec-hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.rec-hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.rec-hero-stat-card{padding:1.5rem 1.25rem;border-radius:16px;background:#16162499;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);text-align:center;transition:transform .25s ease,border-color .25s ease}.rec-hero-stat-card:hover{transform:translateY(-4px);border-color:#ffffff26}.rec-hero-stat-value{display:block;font-family:var(--font-sans);font-size:2rem;font-weight:800;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;margin-bottom:.25rem}.rec-hero-stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.rec-tools-section{padding:5rem 0}.rec-tools-topics{display:flex;flex-direction:column;gap:3rem}.rec-tool-topic-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.rec-tool-topic-icon{font-size:1.5rem;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--cat-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--cat-color) 20%,transparent)}.rec-tool-topic-title{font-size:1.25rem;font-weight:700;color:#fff}.rec-tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.rec-tool-card{display:flex;flex-direction:column;padding:1.25rem;border-radius:16px;background:#16162499;border:1px solid rgba(255,255,255,.08);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.rec-tool-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cat-color) 30%,transparent);box-shadow:0 8px 30px #00000040}.rec-tool-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.625rem}.rec-tool-name{font-size:.9375rem;font-weight:700;color:#fff}.rec-tool-rating{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:#fbbf24;flex-shrink:0}.rec-tool-desc{font-size:.8125rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:.75rem;flex:1}.rec-tool-tag{font-size:.625rem;font-weight:600;padding:.25rem .625rem;border-radius:999px;background:color-mix(in srgb,var(--cat-color) 10%,transparent);color:var(--cat-color);align-self:flex-start}.rec-learning-section{padding:5rem 0;background:#12121a80;border-block:1px solid rgba(255,255,255,.06)}.rec-learning-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.rec-learning-group{padding:1.75rem;border-radius:20px;background:#16162499;border:1px solid rgba(255,255,255,.08)}.rec-learning-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.rec-learning-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--group-color) 15%,transparent);color:var(--group-color);border:1px solid color-mix(in srgb,var(--group-color) 25%,transparent)}.rec-learning-type{font-size:1.125rem;font-weight:700;color:#fff}.rec-learning-items{display:flex;flex-direction:column;gap:.75rem}.rec-learning-item{display:block;padding:.875rem 1rem;border-radius:12px;background:#0f172a66;border:1px solid rgba(255,255,255,.04);transition:all .2s ease}.rec-learning-item:hover{background:#0f172ab3;border-color:color-mix(in srgb,var(--group-color) 20%,transparent);transform:translate(4px)}.rec-learning-item-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.rec-learning-item-title{font-size:.875rem;font-weight:700;color:#fff}.rec-learning-level{font-size:.625rem;font-weight:600;padding:.125rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--group-color) 12%,transparent);color:var(--group-color);white-space:nowrap;flex-shrink:0}.rec-learning-author{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.375rem}.rec-learning-desc{font-size:.75rem;color:var(--color-text-dim);line-height:1.5}.rec-comparisons-section{padding:5rem 0}.rec-comparisons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.rec-comparison-card{padding:1.75rem;border-radius:20px;background:#16162499;border:1px solid rgba(255,255,255,.08);transition:border-color .25s ease}.rec-comparison-card:hover{border-color:color-mix(in srgb,var(--comp-color) 25%,transparent)}.rec-comparison-header{margin-bottom:1.25rem}.rec-comparison-cat{display:inline-block;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--comp-color);margin-bottom:.5rem}.rec-comparison-title{font-size:1rem;font-weight:700;color:#fff;line-height:1.3}.rec-comparison-table{display:flex;flex-direction:column;gap:0}.rec-comparison-row{display:grid;grid-template-columns:1.2fr 1fr .8fr 1fr;gap:.5rem;padding:.625rem 0;font-size:.75rem;border-bottom:1px solid rgba(255,255,255,.04)}.rec-comparison-row:last-child{border-bottom:none}.rec-comparison-row-head{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);padding-bottom:.75rem}.rec-comparison-tool{font-weight:700;color:#fff}.rec-comparison-best{color:var(--color-text-muted)}.rec-comparison-pricing{color:var(--color-cyan);font-weight:600}.rec-comparison-verdict{color:var(--comp-color);font-weight:600}.rec-methodology-section{padding:5rem 0;background:#12121a80;border-block:1px solid rgba(255,255,255,.06)}.rec-methodology-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.rec-methodology-card{padding:1.75rem;border-radius:16px;background:#16162499;border:1px solid rgba(255,255,255,.08);transition:transform .25s ease,border-color .25s ease}.rec-methodology-card:hover{transform:translateY(-4px);border-color:#ffffff26}.rec-methodology-num{display:block;font-family:var(--font-mono);font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.75rem}.rec-methodology-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.5rem}.rec-methodology-desc{font-size:.8125rem;color:var(--color-text-muted);line-height:1.6}.rec-newsletter-section{padding:5rem 0}.rec-newsletter-card{position:relative;border-radius:24px;overflow:hidden;padding:3.5rem 2.5rem;background:#16162499;border:1px solid rgba(255,255,255,.08)}.rec-newsletter-bg{position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(59,130,246,.12),transparent 60%),radial-gradient(ellipse at bottom,rgba(139,92,246,.12),transparent 60%);z-index:0}.rec-newsletter-content{position:relative;z-index:1;text-align:center;max-width:560px;margin:0 auto}.rec-newsletter-title{font-family:var(--font-sans);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#fff;margin-bottom:.75rem;letter-spacing:-.02em}.rec-newsletter-sub{font-size:.9375rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:2rem}.rec-newsletter-form{display:flex;gap:.625rem;max-width:480px;margin:0 auto 1rem}.rec-newsletter-input{flex:1;padding:.75rem 1.125rem;font-size:.875rem;color:var(--color-text);background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:999px;transition:border-color .15s ease}.rec-newsletter-input:focus{outline:none;border-color:var(--color-primary)}.rec-newsletter-submit{flex-shrink:0}.rec-newsletter-fineprint{font-size:.75rem;color:var(--color-text-dim)}.rec-newsletter-fineprint a{color:var(--color-text-muted);text-decoration:underline}@media(max-width:1024px){.rec-hero-inner{grid-template-columns:1fr;gap:2.5rem}.rec-hero-stats{max-width:480px}.rec-tool-grid{grid-template-columns:repeat(2,1fr)}.rec-learning-grid,.rec-comparisons-grid{grid-template-columns:1fr}.rec-methodology-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.rec-hero{min-height:auto;padding:4rem 1rem 3rem}.rec-tools-section,.rec-learning-section,.rec-comparisons-section,.rec-methodology-section,.rec-newsletter-section{padding:3rem 0}.rec-tool-grid,.rec-methodology-grid{grid-template-columns:1fr}.rec-hero-stats{grid-template-columns:repeat(2,1fr)}.rec-newsletter-form{flex-direction:column}.rec-newsletter-submit{width:100%;justify-content:center}.rec-comparison-row{font-size:.6875rem;gap:.375rem}.rec-comparison-row-head{font-size:.5625rem}}@media(max-width:358px){.rec-hero{padding:3rem .75rem 2rem}.rec-hero-title{font-size:1.625rem}.rec-hero-sub{font-size:.875rem}.rec-hero-actions{flex-direction:column}.rec-btn{width:100%;justify-content:center}.rec-hero-stats{grid-template-columns:1fr;gap:.625rem}.rec-hero-stat-card{padding:1rem .75rem}.rec-hero-stat-value,.rec-section-title{font-size:1.5rem}.rec-section-sub{font-size:.875rem}.rec-tools-section,.rec-learning-section,.rec-comparisons-section,.rec-methodology-section,.rec-newsletter-section{padding:2.5rem 0}.rec-container{padding-inline:.75rem}.rec-tool-topic-title{font-size:1.0625rem}.rec-tool-card{padding:1rem .875rem}.rec-tool-name{font-size:.875rem}.rec-tool-desc{font-size:.75rem}.rec-learning-group{padding:1.25rem 1rem}.rec-learning-type{font-size:1rem}.rec-learning-item{padding:.75rem}.rec-learning-item-title{font-size:.8125rem}.rec-learning-desc{font-size:.6875rem}.rec-comparison-card{padding:1.25rem 1rem}.rec-comparison-title{font-size:.875rem}.rec-comparison-row{font-size:.625rem;grid-template-columns:1fr 1fr;gap:.25rem}.rec-comparison-row-head{display:none}.rec-comparison-tool{grid-column:1 / -1;font-size:.75rem}.rec-methodology-card{padding:1.25rem 1rem}.rec-methodology-num{font-size:1.25rem}.rec-methodology-title{font-size:.875rem}.rec-methodology-desc{font-size:.75rem}.rec-newsletter-card{padding:2rem 1rem}.rec-newsletter-title{font-size:1.25rem}.rec-newsletter-sub,.rec-newsletter-input{font-size:.8125rem}}