:root{--bg:#121212;--accent:#fe6f61;--text:#e6e6e6;--muted:#9aa0a6;--bg-secondary:#1a1a1a;--border:#ffffff14;--border-light:#ffffff0a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#fe6f61;border:1px solid #0000;border-radius:3px}*{scrollbar-width:thin;scrollbar-color:#fe6f61 transparent;box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:40px 20px}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}
header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#121212cc;justify-content:space-between;align-items:center;padding:20px 28px;display:flex;position:sticky;top:0}header a{color:var(--muted);text-decoration:none;transition:color .2s}header a:hover{color:var(--text)}.logo{color:var(--accent);cursor:pointer;align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.logo i{font-size:26px}nav{align-items:center;gap:28px;display:flex}nav a{padding-bottom:4px;font-size:14px;font-weight:500;position:relative}nav a.active{color:var(--accent);border-bottom:2px solid var(--accent)}nav a:not(.active):after{content:"";background:var(--accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}nav a:not(.active):hover:after{width:100%}
.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{border-color:var(--accent);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--accent);color:#121212;border:none}.btn.primary:hover{background:tomato}.btn.secondary{border:1px solid var(--accent);color:var(--accent)}.btn.secondary:hover{background:#fe6f611a}.btn-lg{padding:12px 24px;font-size:16px}.btn-block{justify-content:center;width:100%}.clerkBtn{color:#fe6f61;cursor:pointer;background:#121212;border:none;border-radius:.375rem;padding:.375rem .75rem .375rem .625rem;font-size:.8125rem;font-weight:500;line-height:1.38462;transition:all .1s}.clerkBtn:hover{color:#fe8c81;background:#191919}
.feature-card{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:12px;padding:28px 24px;transition:all .3s}.feature-card:hover{border-color:var(--accent);background:#fe6f610d;transform:translateY(-8px)}.feature-card i{color:var(--accent);justify-content:center;align-items:center;margin:0 auto 16px;font-size:32px;display:flex}.feature-card h3{margin-bottom:8px;font-size:18px}.feature-card p{color:var(--muted);font-size:14px}.testimonial{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:28px;transition:all .3s;position:relative;overflow:hidden}.testimonial:hover{border-color:var(--accent);background:#fe6f610a;transform:translateY(-6px)}.testimonial:before{content:"“";color:#fe6f611f;pointer-events:none;font-size:56px;font-weight:700;line-height:1;position:absolute;top:10px;left:16px}.stars{z-index:1;gap:4px;margin-bottom:12px;display:flex;position:relative}.stars i{color:orange;font-size:14px}.testimonial p{color:var(--text);z-index:1;margin-bottom:16px;font-size:14px;font-style:italic;line-height:1.6;position:relative}.testimonial strong{color:var(--accent);z-index:1;margin-bottom:2px;font-size:14px;display:block;position:relative}.testimonial span{color:var(--muted);z-index:1;font-size:12px;position:relative}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:28px;transition:all .3s;display:flex;position:relative}.card:hover{border-color:var(--accent);transform:translateY(-8px)}.card.popular{border:2px solid var(--accent);position:relative;transform:scale(1.02)}.card.popular:hover{transform:scale(1.02)translateY(-8px)}.badge{background:var(--accent);color:#121212;border-radius:6px;width:fit-content;margin-bottom:16px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.card.popular .badge{margin:0;position:absolute;top:30px;right:30px}.card h3{align-items:center;gap:8px;margin-bottom:12px;font-size:20px;display:flex}.card h3 i{color:var(--accent);font-size:24px}.spec{color:var(--muted);margin-bottom:4px;font-size:13px}.pricing-cost{color:var(--accent);margin:20px 0;font-size:32px;display:block}.pricing-cost span{color:var(--muted);font-size:14px;font-weight:400}.description{color:var(--muted);margin-bottom:20px;font-size:13px}.features-list{flex-grow:1;margin-top:20px;list-style:none}.features-list li{color:var(--muted);align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}.features-list i{color:var(--accent)}.help-card,.support-card{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;color:inherit;border-radius:12px;align-items:center;gap:20px;padding:28px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.help-card:hover,.support-card:hover{border-color:var(--accent);transform:translateY(-4px)}.card-icon{color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;min-width:48px;font-size:32px;display:flex}.card-content{flex:1}.card-content h3{color:var(--text);margin:0 0 8px;font-size:18px}.card-content p{color:var(--muted);margin:0;font-size:14px}.card-content a{color:var(--accent);font-weight:500;text-decoration:none;transition:color .2s}.card-content a:hover{opacity:.8;text-decoration:underline}.card-arrow{color:var(--accent);flex-shrink:0;font-size:20px;transition:transform .3s}.help-card:hover .card-arrow,.support-card:hover .card-arrow{transform:translate(4px)}.card-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;background:#fe6f611a;border:1px solid #fe6f6133;border-radius:20px;align-items:center;gap:4px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.card-meta{align-items:center;gap:12px;margin-top:10px;display:flex}.card-read-time{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}
.hero{text-align:center;border:1px solid var(--border-light);background:#fe6f6113;border-radius:16px;margin-bottom:80px;padding:80px 40px}.hero h1{margin-bottom:16px;font-size:48px;line-height:1.2}.hero-subtitle{color:var(--muted);font-size:18px}.hero .btn{margin-top:20px}.features{margin-bottom:80px}.features h2{text-align:center;margin-bottom:48px;font-size:36px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.testimonials{margin-bottom:80px}.testimonials h2{text-align:center;margin-bottom:48px;font-size:36px}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.pricing-header{text-align:center;margin-bottom:60px}.pricing-header h1{margin-bottom:12px;font-size:40px}.pricing-header p{color:var(--muted);font-size:16px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px;display:grid}.pricing-info{text-align:center;color:var(--muted);margin-bottom:80px;font-size:13px}.faq{margin-bottom:80px}.faq h2,.pricing-faq h2{text-align:center;margin-bottom:48px;font-size:36px}.faq-grid,.pricing-faq .faq-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;max-width:900px;margin:0 auto;display:grid}.faq-item{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:20px;transition:all .2s}.faq-item:hover{border-color:var(--accent)}.faq-item summary{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.faq-item summary:after{content:"+";color:var(--accent);font-size:20px;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{color:var(--muted);margin-top:12px;font-size:14px}.stripe-climate{text-align:center;border:1px solid var(--border);text-align:center;background:#22c55e14;border-radius:16px;margin-bottom:80px;padding:60px 40px}.stripe-climate h2{margin-bottom:12px;font-size:32px}.stripe-climate p{color:var(--muted);margin-bottom:24px}.cta{text-align:center;border:1px solid var(--border);background:#fe6f611d;border-radius:16px;padding:60px 40px}.cta h2{margin-bottom:12px;font-size:32px}.cta p{color:var(--muted);margin-bottom:24px}
footer{text-align:center;width:100%;color:var(--muted);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#121212cc;margin-top:0;padding:28px;position:sticky;bottom:0}footer a{color:var(--accent)}footer a:hover{color:tomato}.stripe-climate-badge-footer{transition:top .3s ease-in-out;display:block;position:absolute;top:-65px;left:15px}
.billing-switch{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:14px;margin-bottom:40px;font-size:14px;display:flex}.billing-switch span{color:var(--muted);font-weight:500;transition:color .2s}.billing-switch span.active{color:var(--accent);font-weight:600}.switch{width:52px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:var(--bg-secondary);border:1px solid var(--border);border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background:var(--muted);border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.switch input:checked+.slider{background:var(--accent);border-color:var(--accent)}.switch input:checked+.slider:before{background:#121212;transform:translate(24px,-50%)}.dropdown-wrapper{display:inline-block;position:relative}.dropdown-toggle{color:var(--muted);cursor:pointer;padding-bottom:4px;font-size:14px;font-weight:500;transition:color .2s;display:inline-block}.dropdown-toggle:hover{color:var(--text)}.dropdown-toggle:after{content:"";background:var(--accent);width:0;height:2px;color:var(--text);transition:width .3s;position:absolute;bottom:0;left:0}.dropdown-wrapper:hover .dropdown-toggle:after{width:100%;color:var(--text)}.dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border);z-index:100;pointer-events:auto;border-radius:8px;flex-direction:column;min-width:180px;padding:4px 0;display:flex;position:absolute;top:100%;left:0}.dropdown-menu a{color:var(--muted);padding:10px 16px;font-size:14px;text-decoration:none;transition:background .2s}.dropdown-menu a:hover{color:var(--text);background:#fe6f610d}.search-wrapper{max-width:560px;margin:0 auto 48px;position:relative}.search-icon{color:var(--muted);pointer-events:none;font-size:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:14px 16px 14px 44px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #fe6f611f}.search-input::placeholder{color:var(--muted)}
.help-container{max-width:900px;margin:0 auto 100px;padding:0 20px}.help-grid{grid-template-columns:1fr;gap:20px;margin-bottom:60px;display:grid}.article-layout{grid-template-columns:1fr;align-items:start;gap:40px;max-width:1100px;margin:0 auto;padding:0 20px 80px;display:grid}.article-main{min-width:0}.article-main h2{color:var(--text);border-bottom:2px solid var(--border);margin-top:48px;margin-bottom:24px;padding-bottom:12px;font-size:28px;font-weight:600}.article-main h2:first-child{margin-top:0}.article-main h3{color:var(--text);align-items:center;gap:8px;margin-top:32px;margin-bottom:16px;font-size:18px;font-weight:600;display:flex}.article-main ul,.article-main ol{margin-bottom:28px;margin-left:24px}.article-main ul{margin-left:0;padding-left:0;list-style-type:none}.article-main ul li{padding-left:12px;position:relative}.article-main ol li{margin-left:12px}.article-main li{color:var(--muted);margin-bottom:12px;font-size:15px;line-height:1.8}.article-main li strong{color:var(--text);font-weight:600}.article-main p{color:var(--muted);margin-bottom:20px;font-size:15px;line-height:1.8}.article-main a,.article-main a:hover{color:var(--accent);background:0 0!important;text-decoration:none!important}.article-main code{color:var(--accent);background:#fe6f6114;border:1px solid #fe6f6126;border-radius:4px;padding:2px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px}.article-sidebar{display:none}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:32px;font-size:13px;display:flex}.breadcrumb a{color:var(--muted);background:0 0!important;text-decoration:none!important}.breadcrumb a:hover{color:var(--text);background:0 0!important;text-decoration:none!important}.breadcrumb-sep{color:var(--muted);-webkit-user-select:none;user-select:none;padding-bottom:4px;font-size:14px;font-weight:500}.breadcrumb-current{color:var(--muted);padding-bottom:4px;font-size:14px;font-weight:500}.legal-layout{max-width:740px;margin:0 auto;padding:20px 20px 80px}.info-box{background:#fe6f610f;border:1px solid #fe6f6126;border-radius:8px;margin-top:48px;margin-bottom:48px;padding:24px}.info-box h3{color:var(--text);align-items:center;gap:8px;margin-top:0;margin-bottom:12px;font-size:16px;font-weight:600;display:flex}.info-box ul{margin:0;padding-left:0;list-style-type:none}.info-box li{margin-bottom:8px;margin-left:0;padding-left:12px;position:relative}.info-box p{color:var(--muted);margin:0;line-height:1.7}.info-box a{color:var(--accent);font-weight:600;text-decoration:none;transition:color .2s}.info-box a:hover{opacity:.8;text-decoration:underline}.code-block-wrapper{margin:24px 0;position:relative}.copy-btn-wrapper{z-index:10;position:absolute;top:6px;right:8px}.code-block{border:1px solid var(--border);color:#e2e8f0;white-space:pre;tab-size:2;background:#0d0d0d;border-radius:8px;margin:0;padding:48px 20px 20px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.7;display:block;position:relative;overflow-x:auto}.code-block:before{content:"● ● ●";border-bottom:1px solid var(--border);color:var(--muted);letter-spacing:4px;background:#ffffff0a;padding:10px 16px;font-family:sans-serif;font-size:12px;position:absolute;top:0;left:0;right:0}.article-footer{border-top:1px solid var(--border);flex-direction:column;gap:24px;margin-top:64px;padding-top:32px;display:flex}.back-btn-area{align-items:center;gap:12px;display:flex}.contact-section{margin-bottom:40px}.empty-state{text-align:center;color:var(--muted);padding:60px 20px}.empty-state-icon{color:var(--accent);margin-bottom:16px;font-size:48px;display:block}.empty-state-text{color:var(--text);margin-bottom:8px;font-size:16px}.empty-state-subtext{color:var(--muted);font-size:14px}.empty-state-subtext a{color:var(--accent);text-decoration:none;transition:color .2s}.support-section{border-top:2px solid var(--border);padding-top:40px}
@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes indeterminate{0%{left:-40%;right:100%}50%{left:100%;right:-40%}to{left:100%;right:-40%}}.indeterminate-container{background-color:#ffffff14;border:1px solid #fe6f6126;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.indeterminate-bar{will-change:left, right;background-color:#fe6f61;border-radius:4px;height:100%;animation:1.5s cubic-bezier(.65,.815,.735,.395) infinite indeterminate;position:absolute;box-shadow:0 0 8px #fe6f6199}.icon-fix{position:relative;top:-2px}
@media (min-width:1024px){.help-grid{grid-template-columns:repeat(2,1fr);gap:24px}.article-layout{grid-template-columns:minmax(0,1fr) 260px}.article-layout .toc{display:none}.article-sidebar{display:block;position:sticky;top:100px}}@media (max-width:768px){header{flex-direction:column;gap:16px;padding:16px 20px}nav{gap:16px}.logo{font-size:20px}.hero{margin-bottom:60px;padding:40px 20px}.hero h1{font-size:32px}.hero-subtitle{font-size:16px}.features h2,.testimonials h2,.faq h2,.pricing-header h1{font-size:28px}.pricing-grid,.features-grid,.testimonials-grid{grid-template-columns:1fr;gap:16px}.card.popular{transform:scale(1)}.card.popular:hover{transform:translateY(-8px)}h1{font-size:32px}.btn-lg{width:100%}.cta{padding:40px 20px}.help-card,.support-card{gap:16px;padding:20px}.card-icon{min-width:40px;font-size:28px}.card-content h3{font-size:16px}.article-main h2{margin-top:36px;margin-bottom:20px;font-size:24px}.article-main h3{margin-top:24px;margin-bottom:14px;font-size:16px}.article-main ul,.article-main ol{margin-bottom:20px;margin-left:16px}.article-main ul li{margin-left:20px}.info-box{margin-top:36px;margin-bottom:36px;padding:20px}.toc{margin-bottom:36px;padding:20px}.toc h2{margin-bottom:12px;font-size:16px}.toc li{margin-bottom:6px;font-size:13px}.toc>ul>li>ul{margin-top:4px;margin-left:16px}.article-footer{gap:16px;margin-top:36px;padding-top:20px}}@media (max-width:480px){.hero h1,.pricing-cost{font-size:24px}nav{gap:12px;font-size:12px}}
