*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg:#09090B;--bg-card:#18181B;--bg-elevated:#0F0F11;--border:#27272A;--border-subtle:#1C1C1F;--text:#FAFAFA;--text-secondary:#A1A1AA;--text-muted:#71717A;--text-dim:#52525B;--green-50:#F0FDF4;--green-100:#DCFCE7;--green-200:#BBF7D0;--green-300:#86EFAC;--green-400:#4ADE80;--green-500:#22C55E;--green:#16A34A;--green-700:#15803D;--green-900:#14532D;--blue:#3B82F6;--amber:#F59E0B;--sans:"Plus Jakarta Sans",system-ui,sans-serif;--mono:"JetBrains Mono",monospace}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--sans);color:var(--text);background:var(--bg);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 32px}.container-narrow{max-width:760px;margin:0 auto;padding:0 32px}@media(max-width:768px){.container,.container-narrow{padding:0 20px}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}nav.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#09090bb3;backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}nav.site-nav.scrolled{background:#09090beb;border-bottom-color:var(--border-subtle);box-shadow:0 8px 32px #0000004d}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo{font-size:20px;font-weight:800;letter-spacing:-.5px;display:flex;gap:2px;transition:transform .25s cubic-bezier(.16,1,.3,1)}.nav-logo:hover{transform:translateY(-1px)}.nav-logo .dot{color:var(--green);animation:dotBreathe 3s ease-in-out infinite}.nav-logo .ref{color:var(--green)}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{position:relative;font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .2s;padding:4px 0}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green-400);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.nav-right{display:flex;gap:14px;align-items:center}.nav-login{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .2s}.nav-login:hover{color:var(--text)}.hamburger{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:8px}@media(max-width:900px){.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#09090bf5;backdrop-filter:blur(20px);flex-direction:column;padding:20px;gap:18px;border-bottom:1px solid var(--border-subtle)}.nav-links.show{display:flex}.hamburger{display:block}}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:600;border:none;cursor:pointer;transition:all .25s}.btn-primary{background:var(--green);color:#fff;padding:10px 24px;border-radius:8px;font-size:14px}.btn-primary:hover{background:var(--green-500);transform:translateY(-1px);box-shadow:0 4px 24px #16a34a4d}.btn-lg{padding:16px 34px;border-radius:12px;font-size:16px}.btn-outline{background:transparent;color:var(--text-secondary);padding:16px 34px;border-radius:12px;font-size:16px;border:1px solid var(--border)}.btn-outline:hover{border-color:var(--text-muted);color:var(--text)}.page-header{padding:140px 0 64px;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border-subtle)}.page-header:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(22,163,74,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(22,163,74,.03) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 60% 70% at 50% 30%,black 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 30%,black 10%,transparent 70%)}.page-header-inner{position:relative;z-index:1;max-width:720px;margin:0 auto}.page-kicker{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--green);letter-spacing:3px;text-transform:uppercase;margin-bottom:16px}.page-title{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:16px}.page-subtitle{font-size:clamp(1rem,1.8vw,1.15rem);color:var(--text-muted);max-width:560px;margin:0 auto;line-height:1.65}.prose{padding:64px 0 96px;font-size:16px;line-height:1.75;color:var(--text-secondary)}.prose h2{font-size:clamp(1.4rem,2.6vw,1.75rem);font-weight:700;color:var(--text);letter-spacing:-.5px;margin:48px 0 16px;line-height:1.25}.prose h2:first-child{margin-top:0}.prose h3{font-size:1.15rem;font-weight:700;color:var(--text);margin:32px 0 12px;letter-spacing:-.3px}.prose p{margin-bottom:18px}.prose ul,.prose ol{margin:0 0 20px 22px}.prose li{margin-bottom:8px}.prose a{color:var(--green-400);text-decoration:underline;text-underline-offset:2px;text-decoration-color:#4ade8066;transition:text-decoration-color .2s}.prose a:hover{text-decoration-color:var(--green-400)}.prose strong{color:var(--text);font-weight:600}.prose blockquote{border-left:2px solid var(--green);padding:4px 0 4px 20px;margin:24px 0;color:var(--text-secondary);font-style:italic}.prose hr{border:none;border-top:1px solid var(--border-subtle);margin:40px 0}.prose .updated{font-size:13px;color:var(--text-dim);font-family:var(--mono);margin-bottom:32px}.prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}.prose th,.prose td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.prose th{font-weight:600;color:var(--text);background:var(--bg-elevated)}.article{padding:120px 0 96px}.article-inner{max-width:760px;margin:0 auto;padding:0 32px}@media(max-width:768px){.article-inner{padding:0 20px}}.article-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--text-muted);margin-bottom:24px;font-family:var(--mono)}.article-meta .dot-sep{width:3px;height:3px;border-radius:50%;background:var(--text-dim)}.article-category{display:inline-block;padding:4px 12px;border-radius:99px;background:#16a34a14;border:1px solid rgba(22,163,74,.2);color:var(--green-400);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.article h1{font-size:clamp(2rem,4.5vw,2.8rem);font-weight:800;letter-spacing:-1.2px;line-height:1.15;margin-bottom:18px;color:var(--text)}.article-lede{font-size:clamp(1.05rem,1.8vw,1.2rem);color:var(--text-secondary);line-height:1.6;margin-bottom:28px;font-weight:400}.disclosure-banner{background:#16a34a0f;border:1px solid rgba(22,163,74,.15);border-radius:12px;padding:16px 20px;margin-bottom:40px;font-size:13px;color:var(--text-secondary);line-height:1.6}.disclosure-banner strong{color:var(--text);font-weight:600}.disclosure-banner a{color:var(--green-400);text-decoration:underline;text-underline-offset:2px}.article-body{font-size:16.5px;line-height:1.78;color:var(--text-secondary)}.article-body h2{font-size:clamp(1.4rem,2.6vw,1.75rem);font-weight:700;color:var(--text);letter-spacing:-.5px;margin:56px 0 18px;line-height:1.25}.article-body h3{font-size:1.15rem;font-weight:700;color:var(--text);margin:36px 0 12px}.article-body p{margin-bottom:20px}.article-body a{color:var(--green-400);text-decoration:underline;text-underline-offset:2px;text-decoration-color:#4ade8066;transition:all .2s}.article-body a:hover{text-decoration-color:var(--green-400);color:var(--green-300)}.article-body ul,.article-body ol{margin:0 0 24px 22px}.article-body li{margin-bottom:10px}.article-body strong{color:var(--text);font-weight:600}.methodology{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px 32px;margin:40px 0}.methodology-label{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--green);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.methodology h3{font-size:1.1rem;font-weight:700;color:var(--text);margin:0 0 10px}.methodology p{font-size:14.5px;color:var(--text-secondary);margin:0;line-height:1.7}.product{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:32px;margin:32px 0;transition:all .35s}.product:hover{border-color:#16a34a40;transform:translateY(-2px);box-shadow:0 20px 50px #0000004d}.product-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}.product-rank{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--green);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}.product h3{font-size:1.4rem;font-weight:800;color:var(--text);letter-spacing:-.5px;line-height:1.25;margin:0 0 4px;flex:1;min-width:0}.product-price{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--amber);white-space:nowrap}.product-tagline{font-size:14px;color:var(--green-400);font-weight:600;margin-bottom:16px;font-family:var(--mono);letter-spacing:.5px}.product p{font-size:15.5px;color:var(--text-secondary);line-height:1.7;margin-bottom:14px}.product-features{list-style:none;margin:0 0 20px!important;padding:0;display:grid;grid-template-columns:1fr;gap:8px}.product-features li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-secondary);margin:0!important}.product-features li:before{content:"";flex-shrink:0;width:16px;height:16px;border-radius:5px;background:#16a34a1f;margin-top:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%2316a34a' stroke-width='2.5'%3E%3Cpath d='M2 6l3 3 5-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.product-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:10px;background:var(--green);color:#fff!important;font-weight:600;font-size:14px;text-decoration:none!important;transition:all .25s}.product-cta:hover{background:var(--green-500);transform:translateY(-1px);box-shadow:0 6px 20px #16a34a4d}.product-cta:after{content:"→";transition:transform .2s}.product-cta:hover:after{transform:translate(3px)}.product-source{font-size:12px;color:var(--text-dim);margin-top:10px;font-family:var(--mono)}.conclusion{background:linear-gradient(135deg,#16a34a0f,#16a34a05);border:1px solid rgba(22,163,74,.2);border-radius:18px;padding:32px;margin:48px 0 16px}.conclusion-label{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--green);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.conclusion h3{font-size:1.25rem;font-weight:800;color:var(--text);margin:0 0 12px;letter-spacing:-.3px}.conclusion p{font-size:15px;color:var(--text-secondary);line-height:1.7;margin:0}.article-nav{margin-top:48px;padding-top:32px;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.article-nav a{font-size:14px;color:var(--text-secondary);transition:color .2s}.article-nav a:hover{color:var(--green-400)}.articles-grid{padding:64px 0 96px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:32px;transition:all .35s;display:flex;flex-direction:column;height:100%}.card:hover{border-color:#16a34a40;transform:translateY(-4px);box-shadow:0 20px 50px #0000004d}.card-category{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--green);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}.card h3{font-size:1.25rem;font-weight:800;color:var(--text);letter-spacing:-.5px;line-height:1.3;margin-bottom:10px}.card p{font-size:14.5px;color:var(--text-muted);line-height:1.6;margin-bottom:20px;flex:1}.card-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-dim);font-family:var(--mono)}.card-read{color:var(--green-400);font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:gap .2s}.card:hover .card-read{gap:10px}.form{max-width:560px;margin:0 auto;padding:48px 0 96px}.form-field{margin-bottom:22px}.form-field label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px;font-family:var(--mono);letter-spacing:.5px;text-transform:uppercase}.form-field input,.form-field textarea{width:100%;padding:14px 18px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:var(--text);font-family:var(--sans);font-size:15px;outline:none;transition:border-color .2s}.form-field input:focus,.form-field textarea:focus{border-color:var(--green)}.form-field textarea{min-height:140px;resize:vertical;line-height:1.6}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-dim)}.form button[type=submit]{padding:15px 32px;border-radius:10px;background:var(--green);color:#fff;border:none;font-family:var(--sans);font-size:15px;font-weight:600;cursor:pointer;transition:all .25s}.form button[type=submit]:hover{background:var(--green-500);transform:translateY(-1px);box-shadow:0 4px 20px #16a34a4d}.contact-info{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px 32px;margin-bottom:32px}.contact-info dl{display:grid;grid-template-columns:auto 1fr;gap:14px 24px;font-size:14.5px}.contact-info dt{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--green);letter-spacing:1.5px;text-transform:uppercase;align-self:center}.contact-info dd{color:var(--text-secondary)}.contact-info dd a{color:var(--green-400);text-decoration:underline;text-underline-offset:2px}footer.site-footer{border-top:1px solid var(--border-subtle);padding:28px 0 32px;margin-top:auto}.footer-disclosure{font-size:12px;color:var(--text-muted);text-align:center;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--border-subtle);line-height:1.6;max-width:780px;margin-left:auto;margin-right:auto}.footer-disclosure a{color:var(--green-400);text-decoration:underline;text-underline-offset:2px}.footer-disclosure a:hover{color:var(--green-300)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-logo{font-size:16px;font-weight:800;color:var(--text-dim)}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a{font-size:13px;color:var(--text-dim);transition:color .2s}.footer-links a:hover{color:var(--text-secondary)}.footer-copy{font-size:13px;color:var(--text-dim)}@media(max-width:760px){.footer-inner{flex-direction:column;text-align:center}.footer-links{justify-content:center}}.hero{min-height:92vh;display:flex;align-items:center;padding:120px 0 80px;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(22,163,74,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(22,163,74,.03) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 60% 50% at 50% 40%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 40%,black 20%,transparent 70%);animation:gridDrift 20s linear infinite}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(64px,64px)}}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:orbFloat 8s ease-in-out infinite}.hero-orb-1{width:500px;height:500px;background:#16a34a12;top:-10%;left:20%;animation-duration:10s}.hero-orb-2{width:350px;height:350px;background:#3b82f60a;bottom:10%;right:10%;animation-delay:-4s;animation-duration:12s}.hero-orb-3{width:200px;height:200px;background:#16a34a0d;top:50%;left:60%;animation-delay:-2s;animation-duration:9s}@keyframes orbFloat{0%,to{transform:translate(0)}25%{transform:translate(20px,-30px)}50%{transform:translate(-15px,20px)}75%{transform:translate(25px,10px)}}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:700px;height:400px;background:radial-gradient(ellipse,rgba(22,163,74,.08),transparent 65%);pointer-events:none;animation:glowPulse 5s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-55%) scale(1)}50%{opacity:1;transform:translate(-50%,-55%) scale(1.08)}}.hero-content{text-align:center;max-width:860px;margin:0 auto;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:99px;background:#16a34a0f;border:1px solid rgba(22,163,74,.15);margin-bottom:36px;opacity:0;animation:badgeIn .6s ease .3s forwards}@keyframes badgeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--green-400);animation:dotBreathe 3s ease-in-out infinite}@keyframes dotBreathe{0%,to{opacity:.5}50%{opacity:1}}.hero-badge span{font-size:12px;font-weight:600;color:var(--green-400);letter-spacing:1px}.hero h1{font-size:clamp(2.6rem,5.5vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-2px;margin-bottom:24px;opacity:0;animation:headReveal 1s cubic-bezier(.16,1,.3,1) .5s forwards}@keyframes headReveal{0%{opacity:0;transform:translateY(32px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}.hero h1 .green{color:var(--green-400)}.hero-sub{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--text-secondary);max-width:620px;margin:0 auto 40px;line-height:1.65;opacity:0;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .7s forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.hero-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .9s forwards}.btn-primary.btn-lg{position:relative;overflow:visible}.btn-primary.btn-lg:after{content:"";position:absolute;inset:-2px;border-radius:14px;background:var(--green);opacity:0;filter:blur(16px);z-index:-1;animation:ctaGlow 3s ease-in-out 1.5s infinite}@keyframes ctaGlow{0%,to{opacity:0;transform:scale(.95)}50%{opacity:.25;transform:scale(1.02)}}.categories{padding:96px 0;background:var(--bg-elevated);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.section-header{text-align:center;margin-bottom:56px}.section-tag{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--green);letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;display:inline-block}.section-title{font-size:clamp(1.9rem,3.8vw,2.6rem);font-weight:800;letter-spacing:-1px;margin-bottom:12px;line-height:1.15}.section-sub{font-size:1.05rem;color:var(--text-muted);max-width:560px;margin:0 auto;line-height:1.6}.featured{padding:96px 0}.hiw-strip{padding:96px 0;background:var(--bg-elevated);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.hiw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hiw-step{padding:32px;border-radius:18px;background:var(--bg-card);border:1px solid var(--border);transition:all .35s;position:relative;overflow:hidden}.hiw-step:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:radial-gradient(ellipse 60% 100% at 50% 0%,rgba(22,163,74,.06),transparent 70%);pointer-events:none;opacity:0;transition:opacity .35s}.hiw-step:hover:before{opacity:1}.hiw-step:hover{border-color:#16a34a33;transform:translateY(-4px)}.hiw-illus{display:flex;justify-content:center;margin-bottom:10px;position:relative;z-index:1}.hiw-num{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:600;color:var(--green);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:12px;padding:4px 12px;border-radius:99px;background:#16a34a1a;position:relative;z-index:1}.hiw-num:before{content:"STEP "}.hiw-step h3{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:8px}.hiw-step p{font-size:14px;color:var(--text-muted);line-height:1.65}@media(max-width:780px){.hiw-steps{grid-template-columns:1fr}}.cta-band{padding:96px 0;text-align:center;position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;bottom:-100px;left:50%;transform:translate(-50%);width:900px;height:400px;background:radial-gradient(ellipse,rgba(22,163,74,.06),transparent 70%);pointer-events:none}.cta-band-inner{position:relative;z-index:1;max-width:620px;margin:0 auto}.cta-band h2{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:16px}.cta-band p{font-size:16px;color:var(--text-muted);line-height:1.65;margin-bottom:32px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.method-step{display:flex;align-items:center;gap:32px;padding:28px;margin:32px 0;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;transition:border-color .35s,transform .35s}.method-step:hover{border-color:#16a34a33;transform:translateY(-2px)}.method-step-reverse{flex-direction:row-reverse}.method-illus{flex-shrink:0;width:160px;height:160px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:radial-gradient(circle at 50% 50%,rgba(22,163,74,.08),transparent 70%)}.method-body{flex:1;min-width:0}.method-body h3{font-size:1.2rem;font-weight:700;color:var(--text);margin:0 0 10px;letter-spacing:-.3px}.method-body p{font-size:15px;color:var(--text-secondary);line-height:1.75;margin:0}.method-label{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--green);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:6px}@media(max-width:720px){.method-step,.method-step-reverse{flex-direction:column;align-items:flex-start;gap:18px;padding:24px}.method-illus{width:120px;height:120px;align-self:center}}.reading-progress{position:fixed;top:0;left:0;height:2px;width:var(--progress,0%);background:linear-gradient(90deg,var(--green-400),var(--green));z-index:101;transition:width .1s linear;box-shadow:0 0 12px #22c55e80;pointer-events:none}.cookie-consent:not([hidden]){animation:cookieSlideUp .6s cubic-bezier(.16,1,.3,1) .4s backwards}@keyframes cookieSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.cat .cat-icon{transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s}.cat:hover .cat-icon{transform:scale(1.1) rotate(-6deg);background:#16a34a2e}.cat .cat-icon svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.cat:hover .cat-icon svg{transform:rotate(6deg)}.hiw-step .hiw-num{transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s}.hiw-step:hover .hiw-num{transform:scale(1.08);background:#16a34a2e}.article h1{animation:headReveal 1s cubic-bezier(.16,1,.3,1) both}.article-lede{animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .15s both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}.cookie-consent[data-astro-cid-garwan2p]{position:fixed;left:0;right:0;bottom:0;z-index:200;background:#0f0f11f5;backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:14px 0}.cookie-consent[data-astro-cid-garwan2p][hidden]{display:none}.cookie-consent-inner[data-astro-cid-garwan2p]{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between}.cookie-consent-text[data-astro-cid-garwan2p]{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0;flex:1 1 320px}.cookie-consent-text[data-astro-cid-garwan2p] a[data-astro-cid-garwan2p]{color:var(--text);text-decoration:underline}.cookie-consent-dismiss[data-astro-cid-garwan2p]{background:var(--green, #16A34A);color:#fff;border:none;padding:10px 22px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;flex:0 0 auto}.cookie-consent-dismiss[data-astro-cid-garwan2p]:hover{filter:brightness(1.05)}