:root{--theme-color-1: #F2E9CE;--theme-color-2: #F29E38;--theme-color-3: #D97B29;--theme-color-4: #A63A12;--theme-color-5: #1F0501;--bg-primary: #fafafa;--bg-secondary: #ffffff;--text-primary: var(--theme-color-5);--text-secondary: #666;--accent: var(--theme-color-2);--accent-hover: var(--theme-color-3);--border-light: rgba(242, 233, 206, .3);--shadow-soft: 0 8px 30px rgba(31, 5, 1, .08);--shadow-medium: 0 15px 40px rgba(31, 5, 1, .12)}.Theme-10-1-hex{color:#f2e9ce}.Theme-10-2-hex{color:#f29e38}.Theme-10-3-hex{color:#d97b29}.Theme-10-4-hex{color:#a63a12}.Theme-10-5-hex{color:#1f0501}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;margin:0;padding:0;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--theme-color-1) 100%);color:var(--text-primary);min-height:100vh}.container{width:100%;max-width:none;margin:0;padding:0;background:var(--bg-secondary);border-radius:0;box-shadow:none;min-height:100vh;display:flex;flex-direction:column}.hero-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--theme-color-1) 100%);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23F29E38" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;text-align:center;color:var(--text-primary);margin:0 0 3rem;background:linear-gradient(135deg,var(--theme-color-4),var(--theme-color-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}h1.logo{font-size:clamp(3rem,8vw,6rem);margin:0;position:relative;z-index:2;filter:drop-shadow(2px 4px 8px rgba(31,5,1,.15));background:linear-gradient(135deg,var(--theme-color-4) 0%,var(--theme-color-2) 25%,var(--theme-color-4) 50%,var(--theme-color-2) 75%,var(--theme-color-4) 100%);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:colorWave 8s ease-in-out infinite}h1.logo:before{content:"□";position:absolute;left:50%;top:-35px;transform:translate(-50%);font-size:2rem;color:var(--theme-color-2);animation:lightboxGlow 3s ease-in-out infinite;font-weight:300;line-height:1}h1.logo:hover{transform:translateY(-2px);transition:transform .3s cubic-bezier(.4,0,.2,1);animation-duration:3s}h1.logo:hover:before{animation-duration:.5s}.logo-image{display:flex;justify-content:center;margin-bottom:-20px;max-height:150px;max-width:125px;align-items:center}.logo-image svg{width:200px;height:200px;filter:drop-shadow(2px 4px 8px rgba(31,5,1,.15));transition:transform .3s ease}.logo-image svg:hover{transform:scale(1.05)}.description{font-size:clamp(1.05rem,2vw,1.2rem);font-weight:400;color:var(--theme-color-4);text-align:center;margin:.35rem 0 1rem;max-width:28rem;line-height:1.5;letter-spacing:-.01em;position:relative;z-index:2}.hero-answer{font-size:1.05rem;line-height:1.65;color:#1f0501b8;text-align:center;max-width:36rem;margin:0 auto 1.75rem;padding:0;background:none;border:none;position:relative;z-index:2}.hero-answer code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.88em;font-weight:500;background:#1f05010f;border:1px solid rgba(31,5,1,.1);padding:.12em .4em;border-radius:5px;color:var(--theme-color-5)}.hero-answer a{color:var(--theme-color-4);font-weight:600;text-decoration:underline;text-decoration-color:#a63a1259;text-underline-offset:.15em}.hero-answer a:hover{text-decoration-color:var(--theme-color-4)}.github-button{display:inline-flex;align-items:center;gap:.65rem;background:#fff;color:var(--theme-color-5);text-decoration:none;padding:.7rem 1.35rem;border-radius:999px;font-weight:600;font-size:.95rem;letter-spacing:.01em;box-shadow:0 6px 20px #1f05011a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;z-index:2;border:1px solid rgba(242,158,56,.45)}.github-button:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1f050124;border-color:var(--theme-color-2)}.github-button:active{transform:translateY(0)}.github-button:focus-visible{outline:2px solid var(--theme-color-2);outline-offset:3px}.github-button svg{transition:transform .2s ease}.github-button:hover svg{transform:scale(1.05)}.hero-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;position:relative;z-index:2}.github-button-secondary{background:transparent;color:var(--theme-color-5);border:1px solid rgba(166,58,18,.35);box-shadow:none}.github-button-secondary:hover{background:#ffffffa6;box-shadow:0 8px 22px #1f050114}.npm-icon{flex-shrink:0}.section-header{max-width:40rem;margin:0 0 2.25rem;text-align:left}.section-header h2{color:var(--theme-color-4);margin:0 0 .65rem;font-size:clamp(1.75rem,3.2vw,2.25rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;padding:0;text-align:left}.section-header h2:after{display:none}.section-lead{margin:0;font-size:1.08rem;line-height:1.65;font-weight:400;color:#1f0501ad}.gallery-section{padding:4.5rem 0 5.5rem;background:var(--bg-secondary)}.gallery-section .usage-container>.section-header{margin-bottom:2.75rem}.text-link-demo{margin-top:3.5rem;padding:2rem 2.25rem;background:linear-gradient(135deg,var(--theme-color-1) 0%,rgba(242,233,206,.45) 100%);border:1px solid rgba(242,158,56,.35);border-radius:18px}.text-link-demo .text-link-demo-label{display:inline-block;margin:0 0 .55rem;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--theme-color-3)}.text-link-demo h3{margin:0 0 .65rem;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;color:var(--theme-color-4);line-height:1.25;letter-spacing:-.015em}.text-link-demo .text-link-demo-lead{margin:0 0 1.15rem;max-width:40rem;font-weight:400;font-size:1.05rem;color:#1f0501b8;line-height:1.65}.text-link-demo .text-link-demo-lead code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.88em;font-weight:500;color:var(--theme-color-5);background:#1f05010f;border:1px solid rgba(31,5,1,.1);padding:.12em .4em;border-radius:5px}.text-link-demo .text-link-demo-try{margin:0 0 1.25rem;font-size:1.05rem;font-weight:400;color:#1f0501b8}.text-link-demo .text-link-demo-trigger{display:inline-block;margin-left:.25rem;padding:.1rem 0;font-weight:600;color:var(--theme-color-4);text-decoration:none;border-bottom:2px solid var(--theme-color-2);transition:color .2s ease,border-color .2s ease}.text-link-demo .text-link-demo-trigger:hover,.text-link-demo .text-link-demo-trigger:focus-visible{color:var(--theme-color-3);border-bottom-color:var(--theme-color-3)}.text-link-demo .text-link-demo-trigger:focus-visible{outline:2px solid var(--theme-color-2);outline-offset:4px}.text-link-demo .text-link-demo-code{margin:0;padding:1.1rem 1.25rem;overflow-x:auto;background:#140603;border:1px solid rgba(242,158,56,.4);border-radius:12px}.text-link-demo .text-link-demo-code code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85rem;line-height:1.55;color:#f6ead0;white-space:pre}.gallery{display:flex;flex-direction:column;gap:3rem}.gallery img{width:100%;height:350px;object-fit:cover;border-radius:20px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-soft);border:3px solid transparent;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out}.gallery img:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-medium);border-color:var(--accent)}.gallery img:hover:after{opacity:.15}.gallery img:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 60%,var(--accent) 100%);opacity:0;transition:opacity .3s ease}.gallery img:focus{outline:3px solid var(--accent);outline-offset:4px}.gallery img:nth-child(1){animation-delay:.1s}.gallery img:nth-child(2){animation-delay:.2s}.gallery img:nth-child(3){animation-delay:.3s}.gallery img:nth-child(4){animation-delay:.4s}.gallery img:nth-child(5){animation-delay:.5s}.gallery img:nth-child(6){animation-delay:.6s}.gallery-row{display:flex;gap:2rem;align-items:stretch;animation:fadeInUp .8s ease-out}.gallery-row:nth-child(2n){flex-direction:row-reverse}.gallery-row:nth-child(1){animation-delay:.1s}.gallery-row:nth-child(2){animation-delay:.3s}.gallery-row:nth-child(3){animation-delay:.5s}.gallery-row .gallery-item{flex:1;display:flex}.gallery-row .gallery-item:first-child{flex:1.5}.gallery-row .gallery-item:last-child{flex:1}.usage-section{padding:6rem 0;background:linear-gradient(135deg,var(--theme-color-1),rgba(242,233,206,.4))}.usage-container{max-width:1200px;margin:0 auto;padding:0 2rem}.usage-container:focus{outline:none}.usage{background:radial-gradient(ellipse 70% 45% at 0% 0%,rgba(242,158,56,.1),transparent 55%),var(--bg-secondary);padding:clamp(2rem,4vw,3.25rem);border-radius:28px;border:1px solid var(--border-light);position:relative;box-shadow:var(--shadow-soft);text-align:left}.usage .section-header{margin-bottom:1.75rem}.usage-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem;color:#1f0501b8}.usage-list li{background:#f2e9ce73;padding:1.15rem 1.25rem;border-radius:14px;border:1px solid rgba(166,58,18,.12);font-weight:400;font-size:1.05rem;line-height:1.55}.usage-list li strong{display:block;margin-bottom:.3rem;color:var(--theme-color-4);font-weight:600;font-size:1rem;letter-spacing:-.01em}@media(max-width:700px){.usage-list{grid-template-columns:1fr}}.implementation-section{padding:6rem 0;background:linear-gradient(135deg,var(--theme-color-5) 0%,#2d0a02 100%);color:var(--theme-color-1)}.implementation-container{max-width:1200px;margin:0 auto;padding:0 2rem}.implementation{--impl-ink: var(--theme-color-5);--impl-muted: rgba(31, 5, 1, .72);--impl-line: rgba(166, 58, 18, .18);--impl-code-bg: #140603;background:radial-gradient(ellipse 80% 50% at 100% 0%,rgba(242,158,56,.14),transparent 55%),var(--theme-color-1);padding:clamp(2rem,4vw,3.5rem);border-radius:28px;border:1px solid rgba(242,158,56,.35);position:relative;box-shadow:0 20px 60px #1f050173;color:var(--impl-ink)}.impl-header{max-width:40rem;margin:0 0 2.5rem;text-align:left}.implementation h2{color:var(--theme-color-4);margin:0 0 .85rem;font-size:clamp(1.75rem,3.5vw,2.35rem);font-weight:700;line-height:1.2;letter-spacing:-.02em}.impl-lead{margin:0;font-size:1.1rem;line-height:1.65;font-weight:400;color:var(--impl-muted)}.impl-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.impl-step{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1.25rem 1.5rem;padding:0 0 2.25rem}.impl-step:last-child{padding-bottom:0}.impl-step-rail{display:flex;flex-direction:column;align-items:center;position:relative}.impl-step-rail:after{content:"";flex:1;width:2px;margin-top:.55rem;background:linear-gradient(180deg,var(--theme-color-2),rgba(242,158,56,.1));border-radius:1px}.impl-step:last-child .impl-step-rail:after{display:none}.impl-step-num{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--theme-color-5);color:var(--theme-color-1);font-size:1rem;font-weight:700;letter-spacing:0;box-shadow:0 0 0 4px #f29e3838;flex-shrink:0}.impl-step-content{min-width:0;padding-top:.2rem}.impl-step-content h3{margin:0 0 .5rem;color:var(--theme-color-4);font-size:clamp(1.2rem,2vw,1.4rem);font-weight:600;line-height:1.3;letter-spacing:-.015em}.impl-step-content>p,.impl-details-body>p{margin:0 0 1.1rem;font-size:1.08rem;line-height:1.65;color:var(--impl-muted);font-weight:400;max-width:42rem}.impl-step-content>p:last-child,.impl-details-body>p:last-child{margin-bottom:0}.impl-note{margin:.85rem 0 0!important;font-size:.95rem!important;line-height:1.55!important;color:#1f05019e!important}.implementation a{color:var(--theme-color-4);font-weight:600;text-decoration:underline;text-decoration-color:#a63a1259;text-underline-offset:.15em;transition:text-decoration-color .2s ease}.implementation a:hover{text-decoration-color:var(--theme-color-4)}.implementation :not(pre)>code,.implementation h3 code{display:inline;padding:.12em .4em;border-radius:5px;background:#1f050112;border:1px solid rgba(31,5,1,.1);box-shadow:none;color:var(--theme-color-5);font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.88em;font-weight:500;letter-spacing:0}.impl-code{margin:0 0 1rem;padding:1.1rem 1.25rem;overflow-x:auto;background:var(--impl-code-bg);border:1px solid rgba(242,158,56,.45);border-radius:12px;box-shadow:inset 0 1px #f29e3814}.impl-code:focus{outline:2px solid var(--theme-color-2);outline-offset:2px}.impl-code:last-child{margin-bottom:0}.impl-code code{display:block;padding:0;background:none;border:none;box-shadow:none;color:#f6ead0;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.88rem;font-weight:400;line-height:1.55;letter-spacing:0;white-space:pre}.impl-details{margin-top:.35rem;border:1px solid var(--impl-line);border-radius:12px;background:#ffffff59}.impl-details-config{margin-top:2.5rem}.impl-details summary{cursor:pointer;list-style:none;padding:.85rem 1.1rem;font-size:.95rem;font-weight:600;color:var(--theme-color-4);-webkit-user-select:none;user-select:none}.impl-details summary::-webkit-details-marker{display:none}.impl-details summary:before{content:"+";display:inline-block;width:1.25rem;color:var(--theme-color-3);font-weight:700}.impl-details[open] summary:before{content:"−"}.impl-details summary:focus-visible{outline:2px solid var(--theme-color-2);outline-offset:2px;border-radius:8px}.impl-details-body{padding:1rem 1.1rem 1.15rem;border-top:1px solid var(--impl-line)}.impl-details-body .impl-code{margin-top:.35rem}.impl-why{margin-top:2rem;padding:1.35rem 1.5rem;border-radius:14px;border-left:3px solid var(--theme-color-2);background:#f29e381a}.impl-why h3{margin:0 0 .75rem;color:var(--theme-color-4);font-size:1.05rem;font-weight:600}.impl-why ul{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.impl-why li{position:relative;padding-left:1.25rem;font-size:.98rem;line-height:1.5;color:var(--impl-muted)}.impl-why li:before{content:"";position:absolute;left:0;top:.55em;width:.45rem;height:.45rem;border-radius:50%;background:var(--theme-color-3)}.footer{border-top:1px solid rgba(242,158,56,.25);color:#f2e9cebf;margin-top:3rem;padding-top:1.75rem;text-align:center}.footer a{color:#ffb152;text-decoration:none}.footer a:hover{text-decoration:underline;text-underline-offset:.15em}.footer p{color:#f2e9ceb8;font-size:.9rem;line-height:1.7;margin:0}.footer-nav{display:flex;flex-wrap:wrap;gap:1.1rem 1.5rem;justify-content:center;margin-bottom:1rem}.footer-nav a{font-size:.92rem;font-weight:500}.lite-light{z-index:100000000!important}body:has(.lite-light-active) .floatingchat-container-wrap,body:has(.lite-light-active) .floatingchat-container-wrap-mobi,body:has(.lite-light-active) .floating-chat-kofi-popup-iframe,body:has(.lite-light-active) .floating-chat-kofi-popup-iframe-mobi{opacity:0!important;pointer-events:none!important;visibility:hidden!important}div[id^=kofi-widget-overlay]:not([id*=kofi-popup]){z-index:900}.floatingchat-container-wrap,.floatingchat-container-wrap-mobi{left:auto!important;right:max(18px,env(safe-area-inset-right,0px))!important;bottom:max(18px,env(safe-area-inset-bottom,0px))!important}@media only screen and (max-device-width:1000px){.floatingchat-container-wrap-mobi{width:min(195px,calc(100vw - 36px))!important;max-width:min(195px,calc(100vw - 36px))!important}}.floating-chat-kofi-popup-iframe,.floating-chat-kofi-popup-iframe-mobi{left:auto!important;right:max(18px,env(safe-area-inset-right,0px))!important;width:min(325px,calc(100vw - 36px))!important;overflow:visible!important}.floating-chat-kofi-popup-iframe-container,.floating-chat-kofi-popup-iframe-container-mobi{z-index:1!important}.floating-chat-kofi-popup-iframe-closer,.floating-chat-kofi-popup-iframe-closer-mobi{z-index:2!important}.container>.footer{background:linear-gradient(135deg,var(--theme-color-5) 0%,#2d0a02 100%);padding:2rem;margin-top:3rem}.instructions-section,.instructions-container,.instructions,.instructions-content,.instructions-usage,.instructions-implementation{display:none}@keyframes pulse{0%,to{transform:translate(-50%) scale(1);opacity:.7}50%{transform:translate(-50%) scale(1.1);opacity:1}}@keyframes lightboxGlow{0%,to{transform:translate(-50%) scale(1);opacity:.6;filter:drop-shadow(0 0 0 rgba(242,158,56,0))}25%{transform:translate(-50%) scale(1.05);opacity:.8;filter:drop-shadow(0 0 10px rgba(242,158,56,.3))}50%{transform:translate(-50%) scale(1.1);opacity:1;filter:drop-shadow(0 0 20px rgba(242,158,56,.5))}75%{transform:translate(-50%) scale(1.05);opacity:.8;filter:drop-shadow(0 0 10px rgba(242,158,56,.3))}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes colorWave{0%{background-position:0% 50%}25%{background-position:50% 50%}50%{background-position:100% 50%}75%{background-position:50% 50%}to{background-position:0% 50%}}@keyframes glowPulse{0%,to{box-shadow:0 5px 25px -3px #f29e3866,0 0 10px #f29e384d,0 8px 20px #1f05014d}50%{box-shadow:0 15px 34px -5px #f29e3899,0 0 15px #f29e3880,0 8px 20px #1f05014d}}@media(max-width:1024px){.instructions-content{flex-direction:column;gap:3rem}.gallery-row{flex-wrap:wrap;gap:1.5rem}.gallery-row .gallery-item{flex:0 0 calc(50% - .75rem);min-width:0}.gallery img{height:280px}.usage ul{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:768px){.hero-section{padding:3rem 1rem}.gallery-section{padding:4rem 0}.section-header h2{font-size:1.75rem}.text-link-demo{margin-top:2.5rem;padding:1.5rem 1.25rem}.text-link-demo h3{font-size:1.3rem}.text-link-demo .text-link-demo-try{font-size:1rem}.text-link-demo .text-link-demo-trigger{display:inline;margin-left:.25rem}.text-link-demo .text-link-demo-code{padding:1rem}.text-link-demo .text-link-demo-code code{font-size:.78rem}.gallery{gap:2rem}.gallery img{height:220px;border-radius:16px}.gallery-row{flex-direction:column;gap:1.5rem;flex-wrap:nowrap}.gallery-row:nth-child(2n){display:none}.gallery-row .gallery-item{flex:1}.usage-section,.implementation-section{padding:4rem 0}.usage-container,.implementation-container{padding:0 1rem}.usage,.implementation{padding:2.5rem;border-radius:20px}.usage h2,.implementation h2{font-size:2rem}.impl-step{grid-template-columns:2.5rem minmax(0,1fr);gap:1rem 1.1rem;padding-bottom:1.85rem}.impl-step-num{width:2.25rem;height:2.25rem;font-size:.95rem}.impl-code{padding:.95rem 1rem}.impl-code code{font-size:.8rem}.usage-list li{padding:1.05rem 1.15rem}.instructions-section{padding:4rem 0}.instructions-container{padding:0 1rem}.instructions{padding:2.5rem;border-radius:20px}h1.logo{font-size:3rem}.description{font-size:1.05rem;max-width:22rem}.hero-answer{font-size:.98rem;margin-bottom:1.5rem}}@media(max-width:480px){.hero-section{padding:2rem 1rem}.usage,.implementation{padding:1.5rem}.impl-header{margin-bottom:2rem}.impl-step{grid-template-columns:2rem minmax(0,1fr);gap:.85rem}.impl-step-num{width:2rem;height:2rem;font-size:.85rem;box-shadow:0 0 0 3px #f29e3833}.usage-list li{padding:1rem 1.1rem;font-size:1rem}.instructions{padding:2rem}.instructions li{padding-left:2rem}h1.logo:before{top:-25px;font-size:1.5rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.comparison-section{margin-top:3rem;padding:clamp(1.75rem,3vw,2.5rem);background:linear-gradient(135deg,var(--theme-color-1),rgba(242,233,206,.45));border-radius:20px;border:1px solid rgba(242,158,56,.35)}.comparison-section .section-header{margin-bottom:1.5rem}.comparison-section .section-header h2{font-size:clamp(1.45rem,2.5vw,1.85rem)}.comparison-section .section-lead{color:#1f0501ad}.comparison-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid rgba(31,5,1,.08);box-shadow:var(--shadow-soft)}.comparison-table{width:100%;border-collapse:collapse;background:var(--bg-secondary);font-size:.95rem}.comparison-table caption{display:none}.comparison-table th{background:var(--theme-color-5);color:var(--theme-color-1);padding:.9rem 1.15rem;text-align:left;font-weight:600;font-size:.88rem;letter-spacing:.01em;white-space:nowrap}.comparison-table th:first-child{border-radius:12px 0 0}.comparison-table th:last-child{border-radius:0 12px 0 0}.comparison-table td{padding:.8rem 1.15rem;border-bottom:1px solid rgba(242,233,206,.7);color:#1f0501b3;vertical-align:middle;line-height:1.45}.comparison-table td.highlight{color:var(--theme-color-4);font-weight:600}.comparison-table td code{background:#1f05010f;border:1px solid rgba(31,5,1,.1);color:var(--theme-color-5);padding:.15rem .45rem;border-radius:5px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;white-space:nowrap}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tbody tr:nth-child(2n) td{background:#f2e9ce38}.badge{display:inline-block;background:linear-gradient(135deg,var(--theme-color-3),var(--theme-color-2));color:#fff;font-size:.65rem;font-weight:700;padding:.15rem .5rem;border-radius:20px;letter-spacing:.5px;margin-left:.4rem;vertical-align:middle;text-transform:uppercase}@media(max-width:768px){.comparison-section{padding:1.5rem;border-radius:16px}.comparison-section h2{font-size:1.4rem}.comparison-table{font-size:.85rem}.comparison-table th,.comparison-table td{padding:.65rem .85rem}}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1.25rem,calc((100% - 48rem)/2 + 2rem));background:var(--bg-secondary);border-bottom:1px solid rgba(166,58,18,.12)}.site-nav .site-nav-logo{font-size:1.2rem;font-weight:700;color:var(--theme-color-4);text-decoration:none;letter-spacing:-.02em}.site-nav .site-nav-logo:hover{color:var(--theme-color-3)}.site-nav nav{display:flex;gap:1.25rem}.site-nav nav a{color:#1f05019e;text-decoration:none;font-weight:500;font-size:.95rem}.site-nav nav a:hover,.site-nav nav a[aria-current=page]{color:var(--theme-color-4)}.site-nav nav a[aria-current=page]{font-weight:600}.site-nav nav a:focus-visible{outline:2px solid var(--theme-color-2);outline-offset:3px;border-radius:4px}.faq-page{flex:1;max-width:48rem;margin:0 auto;padding:2rem 2rem 4rem;width:100%}.faq-hero{text-align:left;margin-bottom:2.25rem}.faq-hero h1{font-size:clamp(1.9rem,4vw,2.35rem);color:var(--theme-color-4);margin:0 0 .85rem;line-height:1.2;letter-spacing:-.02em;background:none;-webkit-text-fill-color:currentColor}.faq-intro{font-size:1.08rem;line-height:1.65;color:#1f0501b8;margin:0;padding:0;background:none;border:none;text-align:left}.faq-intro code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.88em;font-weight:500;background:#1f05010f;border:1px solid rgba(31,5,1,.1);padding:.12em .4em;border-radius:5px;color:var(--theme-color-5)}.faq-intro a{color:var(--theme-color-4);font-weight:600;text-decoration:underline;text-decoration-color:#a63a1259;text-underline-offset:.15em}.faq-list{display:flex;flex-direction:column;gap:.65rem}.faq-item{background:var(--bg-secondary);border:1px solid rgba(166,58,18,.12);border-radius:14px;padding:0 1.2rem;box-shadow:none}.faq-item summary{cursor:pointer;list-style:none;padding:1.05rem 0}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:focus-visible{outline:2px solid var(--theme-color-2);outline-offset:2px;border-radius:6px}.faq-item summary h2{display:inline;font-size:1.05rem;font-weight:600;color:var(--theme-color-4);margin:0;line-height:1.45;letter-spacing:-.01em;padding-right:1.5rem}.faq-item summary:after{content:"+";float:right;font-size:1.2rem;font-weight:500;color:var(--theme-color-3);line-height:1.4}.faq-item[open] summary:after{content:"−"}.faq-item p{margin:0 0 1.1rem;color:#1f0501c7;font-size:1.02rem;line-height:1.65}.faq-item pre{margin:0 0 1.1rem;overflow-x:auto;background:#140603;border:1px solid rgba(242,158,56,.4);border-radius:12px;padding:1.1rem 1.2rem}.faq-item :not(pre)>code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.88em;font-weight:500;background:#1f05010f;border:1px solid rgba(31,5,1,.1);padding:.12em .4em;border-radius:5px;color:var(--theme-color-5)}.faq-item pre code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85rem;line-height:1.55;color:#f6ead0;background:none;border:none;padding:0}.faq-framework-section{margin-top:2.75rem;padding-top:2rem;border-top:1px solid rgba(166,58,18,.15)}.faq-framework-section h2{font-size:clamp(1.35rem,2.5vw,1.55rem);color:var(--theme-color-4);margin:0 0 .85rem;letter-spacing:-.015em;background:none;-webkit-text-fill-color:currentColor}.faq-framework-section h3{font-size:1.1rem;color:var(--theme-color-4);margin:1.75rem 0 .65rem;font-weight:600}.faq-framework-section p{line-height:1.65;font-size:1.02rem;color:#1f0501bf}.faq-framework-section pre{background:#140603;color:#f6ead0;padding:1.1rem 1.2rem;border-radius:12px;border:1px solid rgba(242,158,56,.4);overflow-x:auto;margin:0 0 1rem}.faq-framework-section code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85rem;line-height:1.55}@media(max-width:768px){.site-nav{flex-direction:column;gap:.75rem;padding:1rem}.site-nav nav{gap:1rem}.faq-page{padding:1.5rem 1rem 3rem}.faq-hero h1{font-size:1.75rem}}
