:root{--bg:#0f0f0e;--bg-alt:#141413;--bg-card:#1a1a18;--bg-hover:#1f1f1d;--border:#252523;--text:#dedad1;--muted:#c1bcb2;--dim:#a19c93;--accent:#f0a500;--radius:8px;--ease:.15s ease;--max:1140px;--font-h:'Syne',sans-serif;--font-b:'DM Mono',monospace}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-b);background:var(--bg);color:var(--text);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-top:60px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:none;color:#ffb81a}img{max-width:100%;display:block}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 1.5rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid var(--border);transition:transform .45s cubic-bezier(.16,1,.3,1)}.site-header.header--hidden{transform:translateY(-100%);transition:transform .18s ease-in}.site-header::before{content:'';position:absolute;inset:0;background:rgba(15,15,14,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:-1}.header-inner{display:flex;align-items:center;gap:1.5rem;height:60px}.logo{display:flex;align-items:center;gap:.25rem;font-family:var(--font-h);font-weight:700;font-size:1.05rem;color:var(--text)}.logo{text-decoration:none}.logo:hover{text-decoration:none}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--accent);color:#000;font-weight:900;font-size:.8rem;border-radius:5px}.logo-text{color:var(--text)}.main-nav{display:flex;align-items:center;gap:.15rem;margin-left:auto}.mobile-nav-head{display:none}.mobile-nav-links{display:contents}.main-nav a{color:var(--muted);font-size:.82rem;padding:.35rem .7rem;border-radius:5px;transition:color var(--ease),background var(--ease)}.main-nav a:hover{color:var(--text);background:var(--bg-card);text-decoration:none}.mobile-nav-close{display:none}.header-search-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:.65rem;width:190px;height:34px;padding:0 .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--muted);font-family:var(--font-b);font-size:.78rem;cursor:pointer}.header-search-trigger:focus-visible,.header-search-trigger:hover{border-color:var(--accent);color:var(--text);outline:0}.search-modal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:1rem}.search-modal[hidden]{display:none}.search-modal-backdrop{position:absolute;inset:0;border:none;background:rgba(0,0,0,.65);cursor:pointer}.search-modal-panel{position:relative;width:min(560px,100%);background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem;box-shadow:0 20px 60px rgba(0,0,0,.45)}.search-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.search-modal-head h2{font-family:var(--font-h);font-size:1.15rem}.search-modal-close{width:30px;height:30px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--muted);font-size:1rem;cursor:pointer}.search-modal-close:hover{border-color:var(--accent);color:var(--text)}.search-popup-form{display:flex;flex-direction:column;gap:.65rem}.search-popup-form input{height:38px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-family:var(--font-b);font-size:.9rem;padding:0 .75rem}.search-popup-form input:focus{border-color:var(--accent);outline:0}.search-chips{display:flex;gap:.45rem}.search-chip{flex:1}.search-chip input{position:absolute;opacity:0;pointer-events:none}.search-chip span{display:inline-flex;align-items:center;justify-content:center;width:100%;height:30px;padding:0 .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.75rem;color:var(--muted);background:var(--bg);cursor:pointer}.search-chip input:checked+span{color:var(--accent);border-color:var(--accent);background:rgba(240,165,0,.1)}.search-submit{width:100%;height:38px;margin-top:.25rem;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#000;font-family:var(--font-b);font-size:.82rem;font-weight:500;cursor:pointer;transition:background var(--ease),border-color var(--ease)}.search-submit:hover{background:#ffb81a;border-color:#ffb81a}.nav-toggle{display:none;flex-direction:column;gap:4px;padding:4px;background:0 0;border:none;cursor:pointer}.nav-toggle span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:var(--ease)}.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}.hero{position:relative;padding:5rem 0 4rem;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 70% 70% at 50% 0%,#000 40%,transparent 100%);opacity:.5;pointer-events:none}.hero-badge{display:inline-block;font-size:.72rem;color:var(--accent);border:1px solid rgba(240,165,0,.25);border-radius:8px;padding:.25rem .85rem;margin-bottom:1.25rem;letter-spacing:.05em}.hero-title{font-family:var(--font-h);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:1.1rem}.hero-accent{color:var(--accent)}.hero-sub{max-width:520px;color:var(--muted);font-size:.92rem;margin-bottom:2rem}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;border-radius:var(--radius);font-family:var(--font-b);font-size:.85rem;font-weight:500;transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease,transform .1s ease;cursor:pointer;border:1px solid transparent;text-decoration:none}.btn svg{width:1rem;height:1rem;flex-shrink:0}.btn{text-decoration:none}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:#ffb81a;color:#000;opacity:.88}.btn-ghost{background:0 0;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--border);color:var(--text);border-color:var(--border)}.btn-sm{padding:.3rem .75rem;font-size:.78rem}.section{padding:4rem 0}.section-alt{background:var(--bg-alt)}.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.sec-head h2{font-family:var(--font-h);font-size:1.35rem;font-weight:700}.sec-head a{font-size:.82rem;color:var(--accent)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem}.tool-card{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.1rem 1.1rem 1rem;transition:border-color var(--ease),transform var(--ease);text-decoration:none}.tool-card:hover{border-color:var(--accent);transform:translateY(-2px);text-decoration:none}.tc-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;color:var(--accent)}.tc-icon svg{width:1.5rem;height:1.5rem}.tc-body{flex:1;min-width:0}.tc-body h2,.tc-body h3{font-family:var(--font-h);font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.tc-body p{font-size:.78rem;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%);mask-image:linear-gradient(to bottom,black 80%,transparent 100%)}.tc-cat{display:inline-block;font-size:.68rem;color:var(--accent);margin-top:.35rem}.tc-arrow{color:var(--dim);font-size:1rem;flex-shrink:0}.cat-block{margin-bottom:2.5rem}.cat-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.cat-title-row .cat-title{margin-bottom:0}.cat-view-all{font-size:.8rem;color:var(--accent);text-decoration:none;white-space:nowrap}.cat-view-all:hover{text-decoration:underline}.cat-title{display:flex;align-items:center;gap:.4rem;font-family:var(--font-h);font-size:.95rem;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.cat-title svg{width:.95rem;height:.95rem}.tools-list{display:flex;flex-direction:column;gap:.35rem}.tool-row{display:flex;align-items:center;gap:.85rem;padding:.7rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;transition:border-color var(--ease)}.tool-row:hover{border-color:var(--accent);text-decoration:none}.tr-icon{display:flex;align-items:center;flex-shrink:0;color:var(--accent)}.tr-icon svg{width:1rem;height:1rem}.tr-name{font-size:.88rem;font-weight:500;color:var(--text);width:210px;flex-shrink:0}.tr-desc{font-size:.78rem;color:var(--muted);flex:1;min-width:0;overflow:hidden;white-space:nowrap;margin-left:.6rem;-webkit-mask-image:linear-gradient(to right,black calc(100% - 2.5rem),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 2.5rem),transparent 100%)}.tr-arr{color:var(--dim);flex-shrink:0;margin-left:auto}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.post-card{display:flex;flex-direction:column;gap:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-decoration:none;transition:border-color var(--ease),transform var(--ease)}.post-card:hover{border-color:var(--accent);transform:translateY(-2px);text-decoration:none}.post-card h3{font-family:var(--font-h);font-size:1rem;font-weight:600;color:var(--text)}.pc-excerpt{font-size:.8rem;color:var(--muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,black 85%,transparent 100%)}.pc-read{font-size:.78rem;color:var(--accent);margin-top:.25rem}.pc-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pc-meta time{font-size:.72rem;color:var(--muted)}.pc-tags{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.tag{font-size:.68rem;color:var(--accent);background:rgba(240,165,0,.1);border:1px solid rgba(240,165,0,.2);border-radius:8px;padding:.1rem .55rem}.privacy-strip{background:var(--bg-alt);border-top:1px solid var(--border);padding:1.75rem 0}.privacy-inner{display:flex;align-items:center;justify-content:center;gap:1.25rem;font-size:.85rem;color:var(--muted);text-align:center}.privacy-inner a{color:#60a5fa;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(96,165,250,.3);transition:color var(--ease),text-decoration-color var(--ease)}.privacy-inner a:hover{color:#93c5fd;text-decoration-color:rgba(147,197,253,.65)}.privacy-inner a::after{content:'';display:inline-block;width:.78em;height:.78em;margin-left:.2em;vertical-align:middle;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:.55;transition:opacity var(--ease)}.privacy-inner a:hover::after{opacity:1}.page-hero{padding:3rem 0 2.5rem;border-bottom:1px solid var(--border)}.page-hero h1{font-family:var(--font-h);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin-bottom:.5rem}.page-hero p{color:var(--muted);font-size:.9rem}.tools-search-wrap{position:relative;margin-bottom:1.25rem}.tools-search-wrap svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:.95rem;height:.95rem;color:var(--dim);pointer-events:none}.tools-search-input{width:100%;padding:.55rem 2.2rem .55rem 2.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);font-size:.875rem;font-family:inherit;line-height:1.5;transition:border-color var(--ease);outline:0;box-sizing:border-box}.tools-search-input:focus{border-color:var(--accent)}.tools-search-input::placeholder{color:var(--dim)}.tools-search-input::-webkit-search-cancel-button{display:none}.tools-search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);border:none;background:0 0;color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:.2rem .45rem;border-radius:4px}.tools-search-clear:hover{color:var(--text)}.tools-no-results-clear{background:0 0;border:none;color:var(--accent);cursor:pointer;font-size:inherit;font-family:inherit;padding:0;text-decoration:underline}.cat-filter{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:2rem}.filter-btn{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .85rem;transition:var(--ease);text-decoration:none}.filter-btn svg{width:.85rem;height:.85rem}.filter-btn.is-active,.filter-btn:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.breadcrumb{padding:.65rem 0;border-bottom:1px solid var(--border);font-size:.75rem;color:var(--muted)}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--text)}.breadcrumb span{margin:0 .3rem}.tool-header{padding:2rem 0;border-bottom:1px solid var(--border);background:var(--bg-alt)}.tool-header-inner{display:flex;align-items:flex-start}.tool-header h1{font-family:var(--font-h);font-size:1.75rem;font-weight:800;margin-bottom:.3rem}.tool-header p{color:var(--muted);font-size:.88rem}.tool-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.6rem}.tool-trust-bar{background:var(--bg)}.tool-trust-badges{display:flex;align-items:center;justify-content:center;gap:0;padding:1.5rem 0 0}.tool-trust-badges span{position:relative;display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:500;color:var(--dim);padding-right:1rem;margin-right:1rem;line-height:1;cursor:default;transition:color .15s}.tool-trust-badges span:not(:last-child)::after{content:'·';position:absolute;right:-.1rem;font-size:1rem;line-height:1;color:var(--border);pointer-events:none}.tool-trust-badges span:last-child{margin-right:0;padding-right:0}.tool-trust-badges span:hover{color:var(--muted)}.tool-trust-badges span [data-lucide]{width:.82rem;height:.82rem;flex-shrink:0;stroke:var(--dim);stroke-width:2.5}.tool-trust-badges span[data-tooltip]::after{content:attr(data-tooltip);position:absolute;top:calc(100% + .5rem);left:50%;transform:translateX(-50%) translateY(-4px);background:var(--bg-card);color:var(--text);font-size:.72rem;font-weight:400;padding:.5rem .9rem;border-radius:6px;border:none;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease;z-index:50;width:200px;white-space:normal;text-align:center;line-height:1.5;box-shadow:0 4px 16px rgba(0,0,0,.35)}.tool-trust-badges span[data-tooltip]:hover::after{opacity:1;transform:translateX(-50%) translateY(0)}.tool-section{padding:1.5rem 0 1.5rem}.tool-privacy{text-align:center;font-size:.75rem;color:var(--dim);padding:.75rem 0;border-top:1px solid var(--border)}.tool-rate-anchor{background:var(--bg)}.tool-rate-anchor .container{display:flex;align-items:center;justify-content:center}.tool-rate-badges{padding:0 0 1.5rem;display:flex;align-items:center;justify-content:center}.tool-rate-jump{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-size:.75rem;font-weight:500;color:var(--dim);padding-right:1rem;margin-right:1rem;line-height:1;text-decoration:none;transition:color .15s}.tool-rate-jump:not(:last-child)::after{content:'·';position:absolute;right:-.1rem;font-size:1rem;line-height:1;color:var(--border);pointer-events:none}.tool-rate-jump:last-child{margin-right:0;padding-right:0}.tool-rate-jump:hover{color:var(--muted)}.tool-rate-jump [data-lucide]{width:.82rem;height:.82rem;flex-shrink:0;stroke:var(--dim);stroke-width:2.5}.tool-rate-jump [data-lucide=star]{stroke:#f59e0b}.tool-rate-jump [data-lucide=flag]{stroke:#ef4444}.tool-article{background:var(--bg-alt);border-top:1px solid var(--border);padding:3.2rem 0 2.1rem}.tool-feedback{background:var(--bg-alt);padding:1.75rem 0;text-align:center;scroll-margin-top:78px}.tool-feedback-inner{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tool-feedback-title{font-family:var(--font-h);font-size:1.05rem;font-weight:700;color:var(--text)}.star-group{display:inline-flex;gap:.35rem}.star-btn{background:0 0;border:none;padding:0;cursor:pointer;color:var(--border);transition:color .15s,transform .1s;line-height:1}.star-btn svg{width:1.6rem;height:1.6rem;display:block}.star-btn:focus,.star-btn:hover{outline:0}.star-btn:not(:disabled):hover{transform:scale(1.12)}.star-btn.is-active,.star-btn.is-hover{color:#f59e0b}.star-btn:disabled{cursor:default}.tool-rating-summary{font-size:.8rem;color:var(--dim);display:inline-flex;align-items:center;gap:.3rem}.tool-rating-summary strong{color:var(--accent);font-size:.9rem;font-weight:700}.tool-rating-sep{color:var(--dim);font-size:.74rem}.tool-rating-cnt{color:var(--dim);font-size:.74rem}.tool-rating-none{color:var(--dim);font-size:.78rem}.tool-rating-msg{font-size:.78rem;color:var(--accent);min-height:1.1em}.tool-rating-msg:empty{display:none}.tool-report-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#60a5fa;text-decoration:none;margin-top:.15rem;transition:color .15s}.tool-report-link::before{content:'';display:inline-block;width:.82em;height:.82em;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z'/%3E%3Cline x1='4' y1='22' x2='4' y2='15'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z'/%3E%3Cline x1='4' y1='22' x2='4' y2='15'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;flex-shrink:0}.tool-report-link:hover{color:#93c5fd}.tool-ui{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.tool-drop{border:2px dashed var(--border);border-radius:var(--radius);padding:2.5rem;text-align:center;cursor:pointer;transition:border-color var(--ease)}.tool-drop.drag-over,.tool-drop:hover{border-color:var(--accent)}.tool-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.25rem;align-items:flex-end}.tool-field{display:flex;flex-direction:column;gap:.3rem;align-items:stretch}.tool-field label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.tool-input,.tool-select{background:var(--bg);border:1px solid var(--border);border-radius:5px;color:var(--text);font-family:var(--font-b);font-size:.85rem;padding:.4rem .65rem;outline:0;transition:border-color var(--ease);width:100%}.tool-input:focus,.tool-select:focus{border-color:var(--accent)}.tool-input-auto,.tool-select-auto{width:auto}textarea.tool-input{resize:vertical;line-height:1.6;font-family:inherit}.tool-output{margin-top:1.5rem}.tool-output-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.tool-output-label{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.tool-output-display{width:100%;min-height:2.8rem;padding:.6rem .9rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);font-family:monospace;font-size:.95rem;color:var(--accent);word-break:break-all;letter-spacing:.02em;line-height:1.6}.btn-ghost-accent{background:0 0;border-color:var(--accent);color:var(--accent)}.btn-ghost-accent:hover{background:var(--border);border-color:var(--accent);color:var(--accent)}.tool-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.tool-actions .btn{width:120px;justify-content:space-between}.tool-output-head .btn{min-width:90px;justify-content:space-between}@media (max-width:479px){.tool-actions{display:grid;grid-template-columns:1fr 1fr}.tool-actions .btn{width:100%}}.tool-actions .btn-fluid{width:auto;white-space:nowrap}@media (max-width:479px){.tool-actions .btn-fluid{width:100%;grid-column:1/-1}}.tool-btn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.75rem}@media (min-width:480px){.tool-btn-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.tool-stat{display:flex;flex-direction:column;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.9rem .5rem;text-align:center}.tool-stat-val{font-size:1.65rem;font-weight:700;color:var(--accent);line-height:1.1}.tool-stat-lbl{font-size:.72rem;color:var(--muted);margin-top:.3rem;text-transform:uppercase;letter-spacing:.04em}.tile-wrap{position:relative;cursor:pointer;border-radius:4px;overflow:hidden;border:1px solid var(--border)}.tile-img{width:100%;display:block;background:#111;aspect-ratio:1/1;object-fit:cover}.tile-label{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);color:#fff;font-size:.65rem;padding:.25rem .4rem;text-align:center}.notice-warn{background:rgba(240,165,0,.08);border:1px solid rgba(240,165,0,.25);color:var(--text);border-radius:var(--radius);padding:.85rem 1rem;font-size:.85rem}.notice-info{background:rgba(74,158,255,.08);border:1px solid rgba(74,158,255,.25);color:var(--text);border-radius:var(--radius);padding:.85rem 1rem;font-size:.85rem}.posts-list{display:flex;flex-direction:column;gap:.6rem}.post-list-item{display:flex;flex-direction:column;gap:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-decoration:none;transition:border-color var(--ease)}.post-list-item:hover{border-color:var(--accent);text-decoration:none}.post-list-item h2{font-family:var(--font-h);font-size:1.1rem;font-weight:700;color:var(--text)}.post-list-item .pc-excerpt{font-size:.83rem;color:var(--muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,black 85%,transparent 100%)}.post-list-item .pc-read{font-size:.78rem;color:var(--accent);margin-top:.1rem}.post-header{padding:3rem 0 2rem;border-bottom:1px solid var(--border);background:var(--bg-alt)}.post-header .post-date{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.5rem}.post-header h1{font-family:var(--font-h);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;margin:0}.post-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}.post-tags .tag{font-size:.68rem;color:var(--accent);background:rgba(240,165,0,.1);border:1px solid rgba(240,165,0,.2);border-radius:8px;padding:.15rem .55rem}.post-lead{font-size:1.05rem;color:var(--muted);margin-top:.75rem;line-height:1.6}.prose{color:var(--text);line-height:1.8}.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--font-h);font-weight:700;margin:2rem 0 .75rem;color:#f0ece3}.prose h1{font-size:1.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.prose h2{font-size:1.35rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.prose h3{font-size:1.1rem}.prose h4{font-size:1rem}.prose p{margin-bottom:1rem}.prose ol,.prose ul{padding-left:1.5rem;margin-bottom:1rem}.prose li{margin-bottom:.35rem}.prose a{color:#60a5fa;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(96,165,250,.3);transition:color var(--ease),text-decoration-color var(--ease)}.prose a:hover{color:#93c5fd;text-decoration-color:rgba(147,197,253,.65)}.prose a:not(:has(img))::after{content:'';display:inline-block;width:.78em;height:.78em;margin-left:.2em;vertical-align:middle;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:.55;transition:opacity var(--ease)}.prose a:not(:has(img)):hover::after{opacity:1}.prose strong{color:var(--accent)}.prose h1 strong,.prose h2 strong,.prose h3 strong,.prose h4 strong{color:inherit}.prose del{color:var(--dim);text-decoration:line-through}.prose code{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:.1rem .4rem;font-size:.85em;color:var(--accent)}.prose pre{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;overflow-x:auto;margin-bottom:1rem}.prose pre code{background:0 0;border:none;padding:0;color:var(--text);font-size:.85rem}.prose blockquote{border-left:3px solid var(--accent);margin:1.25rem 0;padding:.5rem 1rem;background:rgba(240,165,0,.05);color:var(--muted);border-radius:0 var(--radius) var(--radius) 0}.prose .table-wrap{overflow-x:clip;margin-bottom:1rem}.prose table{width:100%;border-collapse:collapse;font-size:.88rem;white-space:normal;table-layout:fixed}.prose .table-wrap table{margin-bottom:0}.prose th{text-align:left;padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border);font-weight:600;color:#f0ece3}.prose td{padding:.5rem .75rem;border:1px solid var(--border)}.prose td,.prose th{overflow-wrap:anywhere;word-break:break-word}.prose .td-left{text-align:left}.prose .td-center{text-align:center}.prose .td-right{text-align:right}.prose img{border-radius:var(--radius);margin:1rem 0}.prose hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.prose-narrow{max-width:760px;padding-top:2rem;padding-bottom:3rem}.faq-block{counter-reset:faq-item}.faq-block>.prose>h1:first-child,.faq-block>h1:first-child{margin-bottom:1.25rem}.faq-block h2{counter-increment:none;display:block;font-size:1.35rem;padding:0 0 .5rem;background:0 0;border-left:none;border-bottom:1px solid var(--border);border-radius:0;margin:2rem 0 .75rem;color:#f0ece3}.faq-block h2::before{content:none}.faq-block h3{counter-increment:faq-item;display:flex;align-items:baseline;gap:.6rem;font-size:1rem;font-weight:700;color:#f0ece3;margin:0;padding:.9rem 1rem;background:rgba(240,165,0,.04);border-left:3px solid var(--accent);border-radius:0 4px 4px 0;border-bottom:none}.faq-block h3::before{content:counter(faq-item,decimal-leading-zero);font-size:.72rem;font-weight:700;color:var(--accent);letter-spacing:.04em;flex-shrink:0;margin-top:.05em}.faq-block h3+p{margin:0 0 .5rem;padding:.75rem 1rem .75rem calc(1rem + 2ch + .6rem);color:var(--muted);font-size:.9rem;line-height:1.7}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:2.5rem}.page-nav-btn{display:inline-flex;align-items:center;height:2.1rem;padding:0 1rem;font-size:.83rem;color:var(--muted);border:1px solid var(--border);border-radius:5px;text-decoration:none;transition:var(--ease);white-space:nowrap}.page-nav-btn:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.page-nav-disabled{opacity:.35;pointer-events:none;cursor:default}.page-info{font-size:.83rem;color:var(--muted)}.search-summary{font-size:.9rem;color:var(--muted);margin-bottom:1.2rem}.search-summary strong{color:var(--accent)}.search-summary span{color:var(--accent)}.search-summary em{font-style:normal;margin-left:.4rem;color:var(--dim)}.search-results{display:flex;flex-direction:column;gap:.65rem}.search-type{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:.1rem .45rem;border-radius:var(--radius);font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.search-type-blog{color:#74c0fc;border-color:rgba(116,192,252,.45);background:rgba(116,192,252,.1)}.search-type-tool{color:#ffd36c;border-color:rgba(255,211,108,.45);background:rgba(255,211,108,.1)}.search-inline-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.5rem}.site-footer{border-top:1px solid var(--border);padding:3rem 0 0;margin-top:auto}.footer-inner{display:grid;grid-template-columns:350px 1fr;gap:3rem;padding-bottom:2.5rem;align-items:start}.footer-brand{padding-top:.15rem}.footer-brand .logo{margin-bottom:.5rem}.footer-col h3{margin-top:0}.footer-tag{font-size:.78rem;color:var(--dim);line-height:1.65;max-width:min(320px,100%);margin-top:.5rem}.footer-tag code{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:.1rem .35rem;font-size:.82em;color:var(--accent);font-family:var(--font-mono,monospace)}.footer-cols{display:flex;flex-wrap:wrap;gap:2rem 3rem;justify-content:flex-end;align-items:flex-start}.footer-col{min-width:110px}.footer-col h3{font-family:var(--font-h);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:.75rem;padding-left:.2rem}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.footer-col a{font-size:.82rem;color:var(--muted);display:inline-flex;align-items:center;gap:0}.footer-col a::before{content:'›';font-size:1rem;line-height:1;opacity:.4;display:inline-block;width:.7rem;flex-shrink:0;transition:opacity .15s,transform .15s}.footer-col a:hover{color:var(--text)}.footer-col a:hover::before{opacity:.8;transform:translateX(2px)}.footer-bottom{border-top:1px solid var(--border);padding:1rem 0}.footer-bottom p{font-size:.75rem;color:var(--dim);text-align:left}@media (max-width:600px){.footer-bottom p{text-align:center}}.empty-state{text-align:center;padding:4rem 2rem;color:var(--muted);font-size:.9rem}.error-404{min-height:60vh;display:flex;align-items:center}.e404-inner{text-align:center;max-width:420px;margin:0 auto}.e404-code{display:block;font-family:var(--font-h);font-size:clamp(4rem,15vw,7rem);font-weight:800;color:var(--accent);line-height:1;letter-spacing:-.04em;margin-bottom:.5rem}.e404-title{font-family:var(--font-h);font-size:1.4rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.e404-desc{font-size:.92rem;color:var(--muted);line-height:1.6;margin-bottom:2rem}.e404-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.cookie-bar{position:fixed;bottom:0;left:0;right:0;z-index:250;background:var(--bg-card);border-top:1px solid var(--border);padding:.85rem 0;box-shadow:0 -6px 28px rgba(0,0,0,.4);animation:cookie-slide-up .3s ease}.cookie-bar[hidden]{display:none}@keyframes cookie-slide-up{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-bar-inner{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1.5rem}.cookie-bar-text{flex:1;min-width:200px;font-size:.82rem;color:var(--muted);line-height:1.55}.cookie-bar-text a{color:#60a5fa;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(96,165,250,.3);transition:color var(--ease),text-decoration-color var(--ease)}.cookie-bar-text a:hover{color:#93c5fd;text-decoration-color:rgba(147,197,253,.65)}.cookie-bar-text a::after{content:'';display:inline-block;width:.78em;height:.78em;margin-left:.2em;vertical-align:middle;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:.55;transition:opacity var(--ease)}.cookie-bar-text a:hover::after{opacity:1}.cookie-bar-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-sm{padding:.4rem 1rem;font-size:.78rem}.cookie-modal{position:fixed;inset:0;z-index:260;display:flex;align-items:center;justify-content:center;padding:1rem}.cookie-modal[hidden]{display:none}.cookie-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65);cursor:pointer;border:none;width:100%}.cookie-modal-panel{position:relative;width:min(480px,100%);background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);display:flex;flex-direction:column;max-height:min(90vh,600px)}.cookie-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.cookie-modal-head h2{font-family:var(--font-h);font-size:1.05rem;font-weight:700}.cookie-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--muted);font-size:1.15rem;cursor:pointer;flex-shrink:0}.cookie-modal-close:hover{border-color:var(--accent);color:var(--text)}.cookie-modal-body{padding:.85rem 1.25rem;overflow-y:auto;flex:1}.cookie-group{border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;margin-bottom:.55rem}.cookie-group:last-child{margin-bottom:0}.cookie-group-row{display:flex;align-items:center;gap:1rem}.cookie-group-info{flex:1}.cookie-group-info strong{font-size:.88rem;color:var(--text);display:block;margin-bottom:.2rem}.cookie-group-info p{font-size:.78rem;color:var(--muted);line-height:1.45;margin:0}.cookie-always-on{font-size:.72rem;color:var(--accent);white-space:nowrap;flex-shrink:0}.cookie-toggle{position:relative;flex-shrink:0;cursor:pointer}.cookie-toggle input{position:absolute;opacity:0;width:0;height:0}.cookie-toggle-track{display:block;width:40px;height:22px;background:var(--border);border-radius:11px;transition:background var(--ease);position:relative}.cookie-toggle input:checked+.cookie-toggle-track{background:var(--accent)}.cookie-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--ease)}.cookie-toggle input:checked+.cookie-toggle-track .cookie-toggle-thumb{transform:translateX(18px)}.cookie-modal-foot{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.cookie-modal-foot-right{display:flex;gap:.5rem;margin-left:auto}@media (max-width:420px){.cookie-modal-foot{flex-direction:column}.cookie-modal-foot-right,.cookie-modal-foot>*{width:100%}.cookie-modal-foot-right{margin-left:0;flex-direction:column}}@media (max-width:900px){.footer-inner{grid-template-columns:1fr;gap:2rem}.footer-cols{justify-content:flex-start;gap:1.75rem 2.5rem}.tr-desc{display:none}}@media (max-width:600px){.footer-cols{gap:1.5rem 2rem}.footer-col{min-width:calc(50% - 1rem)}}@media (max-width:380px){.footer-cols{gap:1.25rem}.footer-col{min-width:100%}.footer-col h3{font-size:.72rem}.footer-col a{font-size:.78rem}}@media (max-width:768px){.header-inner{height:auto;min-height:60px;padding-top:.7rem;padding-bottom:.7rem;flex-wrap:wrap}.header-search-trigger{order:3;width:100%;margin-top:.45rem}.nav-toggle{display:flex;margin-left:auto}.main-nav{position:fixed;inset:0;z-index:999;flex-direction:column;align-items:center;justify-content:center;background:rgba(15,15,14,.92);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);padding:0;gap:0;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.97);transition:none}.main-nav.nav-ready{transition:opacity .28s ease,visibility .28s,transform .28s cubic-bezier(.4,0,.2,1)}.main-nav::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;opacity:.3;pointer-events:none}.main-nav.is-open{display:flex;opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.mobile-nav-close{position:absolute;top:1.1rem;right:1.1rem;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:var(--text);cursor:pointer;z-index:2;transition:background .2s}.mobile-nav-close:hover{background:rgba(255,255,255,.13)}.mobile-nav-head{display:none}.mobile-nav-links{display:flex;flex-direction:column;align-items:center;gap:.15rem;position:relative;z-index:1}.mobile-nav-links a{color:var(--muted);font-family:var(--font-h);font-size:1.75rem;font-weight:700;padding:.5rem 1.5rem;background:0 0;letter-spacing:-.02em;text-align:center;opacity:0;transform:translateY(14px);transition:opacity .3s ease,transform .3s cubic-bezier(.4,0,.2,1),color .2s}.mobile-nav-links a:hover{color:var(--text);background:0 0}.main-nav.is-open .mobile-nav-links a{opacity:1;transform:translateY(0)}.main-nav.is-open .mobile-nav-links a:first-child{transition-delay:.12s}.main-nav.is-open .mobile-nav-links a:nth-child(2){transition-delay:.19s}.main-nav.is-open .mobile-nav-links a:nth-child(3){transition-delay:.26s}.main-nav.is-open .mobile-nav-links a:nth-child(4){transition-delay:.33s}.main-nav.is-open .mobile-nav-links a:nth-child(5){transition-delay:.40s}.main-nav.is-open .mobile-nav-links a:nth-child(6){transition-delay:.47s}.main-nav.is-open .mobile-nav-links a:nth-child(7){transition-delay:.54s}.main-nav.is-open .mobile-nav-links a:nth-child(8){transition-delay:.61s}.nav-toggle.is-active span:first-child{transform:translateY(6px) rotate(45deg)}.nav-toggle.is-active span:nth-child(2){opacity:0}.nav-toggle.is-active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.search-modal{padding:.75rem;align-items:flex-start}.search-modal-panel{margin-top:14vh}.privacy-inner{flex-direction:column;gap:.5rem;text-align:center}.tool-header-inner{flex-direction:column;gap:.75rem}}@media (max-width:480px){.hero{padding:3rem 0 2.5rem}.posts-grid,.tools-grid{grid-template-columns:1fr;gap:.85rem}.post-card,.post-list-item{padding:1rem}.posts-list{gap:.5rem}.post-list-item .pc-tags .tag:nth-child(n+2){display:none}.post-tags .tag:nth-child(n+3){display:none}.hero-actions{flex-direction:column}.btn{justify-content:center}.cookie-bar-inner{flex-direction:column;align-items:flex-start}.cookie-bar-actions{width:100%}.cookie-bar-actions .btn{flex:1}}:root{color-scheme:dark}*{scrollbar-width:thin;scrollbar-color:#3a3a37 #141413}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#141413}::-webkit-scrollbar-thumb{background:#3a3a37;border-radius:4px;border:2px solid #141413}::-webkit-scrollbar-thumb:hover{background:#555350}::-webkit-scrollbar-corner{background:#141413}pre::-webkit-scrollbar-track{background:#0f0f0e}pre::-webkit-scrollbar-thumb{background:#2e2e2c;border-color:#0f0f0e}.studio-section{position:relative;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.studio-container{display:grid;grid-template-columns:1fr 1.3fr;gap:3.5rem;align-items:center}.studio-intro{max-width:440px}.studio-label{display:inline-block;font-size:.72rem;font-weight:700;color:var(--accent);letter-spacing:.15em;margin-bottom:.75rem;text-transform:uppercase}.studio-title{font-family:var(--font-h);font-size:clamp(2rem, 3.5vw, 2.75rem);font-weight:800;line-height:1.15;color:var(--text);margin-bottom:1.25rem;letter-spacing:-.02em}.studio-desc{font-size:.92rem;color:var(--muted);line-height:1.7}.studio-action-link{font-size:.85rem;font-weight:500;color:var(--accent);display:inline-flex;align-items:center;gap:.35rem;margin-top:1.5rem;transition:gap var(--ease),color var(--ease);text-decoration:none}.studio-action-link svg{width:.95rem;height:.95rem}.studio-action-link:hover{color:#ffb81a;gap:.5rem;text-decoration:none}.studio-cards{display:flex;flex-direction:column;gap:1.25rem}.studio-card-link{text-decoration:none;display:block}.studio-card-link:hover{text-decoration:none}.studio-card-modern{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.75rem;display:flex;gap:1.5rem;overflow:hidden;min-height:190px;transition:border-color var(--ease),transform var(--ease),box-shadow var(--ease)}.studio-card-link:hover .studio-card-modern{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.25)}.studio-card-modern.scm-disabled{opacity:.6;border-style:dashed}.studio-card-modern.scm-disabled p{filter:blur(4px);user-select:none;pointer-events:none;opacity:.7}.scm-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,var(--glow-color),transparent 45%);pointer-events:none}.scm-icon{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;color:var(--icon-color);flex-shrink:0;transition:transform var(--ease)}.studio-card-link:hover .scm-icon{transform:scale(1.05)}.scm-icon svg{width:1.75rem;height:1.75rem}.scm-body{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.scm-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.scm-header h3{font-family:var(--font-h);font-size:1.15rem;font-weight:700;color:var(--text)}.scm-body p{font-size:.85rem;color:var(--muted);line-height:1.55;margin:0}.scm-action{font-size:.82rem;font-weight:500;color:var(--accent);display:inline-flex;align-items:center;gap:.35rem;margin-top:.25rem;transition:gap var(--ease)}.scm-action svg{width:.95rem;height:.95rem}.studio-card-link:hover .scm-action{color:#ffb81a;gap:.5rem}.scm-disabled .scm-action{color:var(--dim)}@media (max-width:868px){.studio-container{grid-template-columns:1fr;gap:2.5rem}.studio-intro{max-width:100%;text-align:center}}@media (max-width:480px){.studio-card-modern{flex-direction:column;gap:1rem;padding:1.5rem}.scm-icon{width:3rem;height:3rem}.scm-icon svg{width:1.5rem;height:1.5rem}}.sp-hero{position:relative;padding:6rem 0 5rem;overflow:hidden}.sp-hero-inner{position:relative;text-align:center;max-width:740px;margin:0 auto}.sp-label{display:inline-block;font-size:.72rem;font-weight:700;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.25rem}.sp-hero-title{font-family:var(--font-h);font-size:clamp(1.8rem, 5.5vw, 3.6rem);font-weight:800;line-height:1.1;color:var(--text);letter-spacing:-.03em;margin-bottom:1.5rem}.sp-hero-desc{font-size:1rem;color:var(--muted);line-height:1.75;max-width:600px;margin:0 auto 2.5rem}.sp-hero-actions{display:flex;justify-content:center;gap:1rem;margin-bottom:3.5rem;flex-wrap:wrap}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.6rem;font-size:.88rem;font-weight:600;border-radius:10px;min-width:220px;transition:all var(--ease)}.sp-btn svg{width:1rem;height:1rem}.sp-hero-stats{display:flex;justify-content:center;gap:3.5rem;flex-wrap:wrap}.sp-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.sp-stat-val{font-family:var(--font-h);font-size:1.5rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.sp-stat-label{font-size:.72rem;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}.sp-app-section{padding-top:4rem;padding-bottom:4rem}.sp-app-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:3rem;overflow:hidden}.sp-app-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 50% 40% at 0 0,var(--glow),transparent);pointer-events:none}.sp-app-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem;position:relative}.sp-app-icon{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;color:var(--clr);flex-shrink:0}.sp-app-icon svg{width:2rem;height:2rem}.sp-app-header h2{font-family:var(--font-h);font-size:1.6rem;font-weight:800;color:var(--text);margin:0}.sp-app-tag{font-size:.68rem;font-weight:600;color:var(--dim);letter-spacing:.08em;text-transform:uppercase}.sp-app-desc{font-size:.95rem;color:var(--muted);line-height:1.75;margin-bottom:2.5rem;position:relative}.sp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;position:relative}.sp-feat{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:14px;padding:1.5rem;transition:border-color var(--ease),transform var(--ease)}.sp-feat:hover{border-color:rgba(240,165,0,.3);transform:translateY(-2px)}.sp-feat svg{width:1.25rem;height:1.25rem;color:var(--accent);margin-bottom:.75rem}.sp-feat h3{font-family:var(--font-h);font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.sp-feat p{font-size:.82rem;color:var(--dim);line-height:1.6;margin:0}.sp-app-cta{display:inline-flex;align-items:center;gap:.5rem;font-size:.92rem;font-weight:600;color:var(--accent);padding:.65rem 1.5rem;border:1px solid rgba(240,165,0,.25);border-radius:10px;transition:all var(--ease);position:relative}.sp-app-cta:hover{background:rgba(240,165,0,.08);border-color:var(--accent);color:#ffb81a;gap:.75rem}.sp-app-cta svg{width:1rem;height:1rem}.sp-compare-section{border-top:1px solid var(--border)}.sp-compare-subtitle{font-size:.92rem;color:var(--muted);margin-top:.5rem}.sp-compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem}.sp-compare-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:border-color var(--ease),transform var(--ease)}.sp-compare-card:hover{border-color:rgba(240,165,0,.25);transform:translateY(-2px)}.sp-compare-card svg{width:1.5rem;height:1.5rem;color:var(--accent);margin-bottom:1rem}.sp-compare-card h3{font-family:var(--font-h);font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.sp-compare-card p{font-size:.82rem;color:var(--dim);line-height:1.6;margin:0}.sp-final-cta{border-top:1px solid var(--border)}.sp-cta-title{font-family:var(--font-h);font-size:clamp(1.6rem, 3vw, 2.2rem);font-weight:800;color:var(--text);margin-bottom:.75rem}.sp-cta-desc{font-size:.95rem;color:var(--muted);margin-bottom:2.5rem}.sp-cta-actions{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.sp-cta-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2.5rem 3rem;min-width:220px;text-decoration:none;transition:all var(--ease)}.sp-cta-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.sp-cta-card svg{width:2rem;height:2rem;color:var(--accent)}.sp-cta-name{font-family:var(--font-h);font-size:1.1rem;font-weight:700;color:var(--text)}.sp-cta-sub{font-size:.78rem;color:var(--dim)}.sp-cta-arrow{font-size:1.25rem;color:var(--accent);margin-top:.25rem;transition:transform var(--ease)}.sp-cta-card:hover .sp-cta-arrow{transform:translateX(4px)}@media (max-width:868px){.sp-hero{padding:4rem 0 3.5rem}.sp-features-grid{grid-template-columns:repeat(2,1fr)}.sp-compare-grid{grid-template-columns:repeat(2,1fr)}.sp-app-card{padding:2rem}}@media (max-width:580px){.sp-hero{padding:3rem 0 2.5rem}.sp-hero-title{line-height:1.2;word-break:break-word}.sp-hero-stats{gap:1.5rem}.sp-features-grid{grid-template-columns:1fr}.sp-compare-grid{grid-template-columns:1fr}.sp-app-card{padding:1.5rem}.sp-app-header{flex-direction:column;align-items:flex-start;gap:.75rem}.sp-cta-card{min-width:0;width:100%;padding:2rem 1.5rem}}