:root{--bg: #111015;--bg-elevated: #1a1820;--bg-card: #1e1c24;--bg-card-hover: #26232e;--bg-img: #15131b;--text: #ece8e1;--text-muted: #abb2c0;--text-dim: #55505f;--accent: #f59e42;--accent-glow: rgba(245, 158, 66, 0.12);--accent-soft: rgba(245, 158, 66, 0.08);--accent-rose: #e8637a;--accent-mint: #5ddeb4;--accent-blue: #6ea8fe;--border: #2a2730;--border-bright: #3d3948;--radius: 16px;--font-body: "Sora", system-ui, sans-serif;--font-mono: "Space Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{font-size:112.5%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}hr{background-color:_palette(border);border:0;height:1px;margin:2.5em 0}.ambient{position:fixed;top:-250px;right:-100px;width:700px;height:700px;background:radial-gradient(circle, rgba(245, 158, 66, 0.045) 0%, transparent 65%);pointer-events:none;z-index:0}.ambient-2{position:fixed;bottom:-200px;left:-100px;width:600px;height:600px;background:radial-gradient(circle, rgba(232, 99, 122, 0.03) 0%, transparent 65%);pointer-events:none;z-index:0}nav{position:relative;z-index:10;max-width:1120px;margin:0 auto;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-mono);font-size:.9rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.logo img{max-height:40px}.logo-dot{width:10px;height:10px;background:var(--accent);border-radius:3px;transition:transform .3s ease;flex-shrink:0}.logo:hover .logo-dot{transform:rotate(45deg)}nav ul{list-style:none;display:flex;gap:.25rem}nav ul a{font-size:.85rem;color:var(--text-muted);padding:.4rem .75rem;border-radius:8px;transition:all .2s ease}nav ul a:hover{color:var(--text);background:var(--bg-card)}.hero{position:relative;z-index:10;max-width:1120px;margin:0 auto;padding:5.5rem 2rem 4.5rem;text-align:center}.hero::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:800px;height:500px;background:radial-gradient(ellipse 70% 55% at 50% 50%, rgba(245, 158, 66, 0.06) 0%, rgba(232, 99, 122, 0.02) 50%, transparent 80%);pointer-events:none;z-index:-1}.hero-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);margin-bottom:1.5rem;opacity:0;animation:fadeUp .6s ease forwards}.hero h1{font-size:clamp(2.6rem,5.5vw,3.8rem);font-weight:700;letter-spacing:-0.04em;line-height:1.08;margin-bottom:1.25rem;opacity:0;animation:fadeUp .6s ease .12s forwards}.hero h1 .warm{color:var(--accent)}.hero>p{font-size:1.1rem;color:var(--text-muted);max-width:520px;margin:0 auto 2.25rem;font-weight:300;opacity:0;animation:fadeUp .6s ease .24s forwards}.hero>p a{color:var(--accent);text-align:none}.hero-ctas{display:flex;gap:.65rem;justify-content:center;opacity:0;animation:fadeUp .6s ease .36s forwards}.btn{font-family:var(--font-body);font-weight:500;font-size:.88rem;padding:.65rem 1.3rem;border-radius:10px;border:none;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:.35rem}.btn-warm{background:var(--accent);color:var(--bg)}.btn-warm:hover{box-shadow:0 0 30px var(--accent-glow),0 6px 16px rgba(0,0,0,.4);transform:translateY(-2px)}.btn-dim{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border)}.btn-dim:hover{border-color:var(--border-bright);color:var(--text);transform:translateY(-2px)}.block-buttons{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.5rem}.button{font-family:var(--font-body);font-weight:500;font-size:.88rem;padding:.65rem 1.3rem;border-radius:10px;border:none;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;line-height:1}.button.primary{background:var(--accent);color:var(--bg)}.button.primary:hover{box-shadow:0 0 30px var(--accent-glow),0 6px 16px rgba(0,0,0,.4);transform:translateY(-2px)}.button.secondary{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border)}.button.secondary:hover{border-color:var(--border-bright);color:var(--text);transform:translateY(-2px)}section{position:relative;z-index:10}.section-label{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.section-label::after{content:"";flex:1;height:1px;background:var(--border)}.software{max-width:1120px;margin:0 auto;padding:2rem 2rem 4rem}.filter-bar{display:flex;gap:.4rem;margin-bottom:1.75rem;flex-wrap:wrap}.filter-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);padding:.3rem .7rem;border-radius:6px;cursor:pointer;transition:all .2s ease;user-select:none}.filter-tag:hover,.filter-tag.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.sw-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.1rem}.sw-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .35s ease;display:flex;flex-direction:column;position:relative}.sw-card::after{content:"";position:absolute;inset:0;border-radius:var(--radius);background:radial-gradient(400px circle at var(--mx, 50%) var(--my, 50%), rgba(245, 158, 66, 0.07) 0%, transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:2}.sw-card:hover{border-color:var(--border-bright);transform:translateY(-4px);box-shadow:0 14px 44px rgba(0,0,0,.35)}.sw-card:hover::after{opacity:1}.sw-img{height:170px;background:var(--bg-img);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-bottom:1px solid var(--border)}.sw-img img{max-width:92%;max-height:88%;object-fit:contain;transition:all .45s ease;filter:brightness(0.92)}.sw-card:hover .sw-img img{filter:brightness(1);transform:scale(1.04)}.sw-body{padding:1.1rem 1.25rem 1.25rem;flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.sw-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.sw-icon{font-size:1.15rem;flex-shrink:0}.sw-body h3{font-size:1rem;font-weight:600;letter-spacing:-0.02em}.sw-body p{font-size:.82rem;color:var(--text-muted);font-weight:300;line-height:1.5;margin-bottom:.85rem;flex:1}.sw-footer{display:flex;align-items:center;justify-content:space-between}.sw-tags{display:flex;gap:.35rem;flex-wrap:wrap}.sw-tag{font-family:var(--font-mono);font-size:.62rem;padding:.18rem .5rem;border-radius:5px}.tag-windows{color:var(--accent-blue);background:rgba(110,168,254,.1)}.tag-linux{color:var(--accent-mint);background:rgba(93,222,180,.1)}.tag-web{color:var(--accent);background:var(--accent-soft)}.tag-android{color:var(--accent-mint);background:rgba(93,222,180,.1)}.tag-saas{color:var(--accent-rose);background:rgba(232,99,122,.1)}.sw-arrow{font-family:var(--font-mono);font-size:.85rem;color:var(--text-dim);transition:all .3s ease}.sw-card:hover .sw-arrow{color:var(--accent);transform:translateX(3px)}.blog{max-width:1120px;margin:0 auto;padding:3rem 2rem 4rem}.blog-listing{max-width:1120px;margin:0 auto;padding:3rem 2rem 5rem;position:relative;z-index:10}.blog-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25rem}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .35s ease;display:flex;flex-direction:column}.blog-card:hover{border-color:var(--border-bright);transform:translateY(-4px);box-shadow:0 10px 32px rgba(0,0,0,.3)}.blog-card-img{height:150px;overflow:hidden;background:var(--bg-elevated)}.blog-card-img img{width:100%;height:100%;object-fit:cover;opacity:.75;transition:all .4s ease}.blog-card:hover .blog-card-img img{opacity:1;transform:scale(1.05)}.blog-card-body{padding:1.15rem 1.25rem 1.35rem;flex:1;display:flex;flex-direction:column}.blog-card-date{font-family:var(--font-mono);font-size:.67rem;color:var(--accent);margin-bottom:.55rem}.blog-card-body h3{font-size:.95rem;font-weight:600;letter-spacing:-0.02em;line-height:1.35;margin-bottom:.45rem;transition:color .2s}.blog-card:hover h3{color:var(--accent)}.blog-card-body p{font-size:.8rem;color:var(--text-muted);font-weight:300;line-height:1.5;flex:1}footer{position:relative;z-index:10;max-width:1120px;margin:0 auto;padding:3rem 2rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--text-muted)}footer img{max-height:40px}footer .mono{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim)}.post-page{max-width:720px;margin:0 auto;padding:3rem 2rem 5rem;position:relative;z-index:10}.post-page-header{margin-bottom:2.5rem}.post-page-thumb{border-radius:var(--radius);overflow:hidden;margin-bottom:2rem;border:1px solid var(--border)}.post-page-thumb img{width:100%;height:320px;object-fit:cover;display:block}.post-meta{font-family:var(--font-mono);font-size:.72rem;color:var(--accent);margin-bottom:1rem}.post-page-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.15;margin-bottom:.75rem}.post-page-subtitle{font-size:1.05rem;color:var(--text-muted);font-weight:300}.post-page-content{color:var(--text)}.post-page-content h2{font-size:1.45rem;font-weight:600;letter-spacing:-0.03em;margin:2.5rem 0 1rem}.post-page-content h3{font-size:1.2rem;font-weight:600;letter-spacing:-0.02em;margin:2rem 0 .75rem}.post-page-content h4{font-size:1rem;font-weight:600;margin:1.5rem 0 .5rem}.post-page-content p{font-size:.97rem;line-height:1.8;margin-bottom:1.25rem;color:var(--text-muted)}.post-page-content a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(245,158,66,.4);text-underline-offset:3px}.post-page-content a:hover{text-decoration-color:var(--accent)}.post-page-content ul,.post-page-content ol{padding-left:1.5rem;margin-bottom:1.25rem}.post-page-content li{font-size:.97rem;line-height:1.75;color:var(--text-muted);margin-bottom:.25rem}.post-page-content blockquote{border-left:3px solid var(--accent);padding:.75rem 1.25rem;margin:1.5rem 0;background:var(--bg-card);border-radius:0 var(--radius) var(--radius) 0}.post-page-content blockquote p{margin-bottom:0}.post-page-content pre{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;overflow-x:auto;margin:1.5rem 0;font-family:var(--font-mono);font-size:.82rem;line-height:1.6}.post-page-content code{font-family:var(--font-mono);font-size:.82rem;background:var(--bg-card);border:1px solid var(--border);padding:.15rem .4rem;border-radius:5px;color:var(--accent-mint)}.post-page-content pre code{background:none;border:none;padding:0;color:var(--text)}.post-page-content img{max-width:100%;border-radius:var(--radius);border:1px solid var(--border);margin:1rem 0;display:block}.post-page-content hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}code[class*=language-],pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;color:#eee;background:var(--bg-card);font-family:var(--font-mono);font-size:.82rem;line-height:1.6;tab-size:4;hyphens:none}code[class*=language-]::selection,pre[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-] ::selection{background:var(--border-bright)}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.2em;padding:.1em .3em;background:var(--bg-card);border:1px solid var(--border)}pre[class*=language-]{overflow:auto;position:relative;margin:1.25rem 0;padding:1.25em 1em;border:1px solid var(--border);border-radius:var(--radius)}.language-css>code,.language-sass>code,.language-scss>code{color:#fd9170}[class*=language-] .namespace{opacity:.7}.token.atrule{color:#c792ea}.token.attr-name{color:#ffcb6b}.token.attr-value{color:#a5e844}.token.attribute{color:#a5e844}.token.boolean{color:#c792ea}.token.builtin{color:#ffcb6b}.token.cdata{color:#80cbc4}.token.char{color:#80cbc4}.token.class{color:#ffcb6b}.token.class-name{color:#f2ff00}.token.comment{color:#616161}.token.constant{color:#c792ea}.token.deleted{color:#f66}.token.doctype{color:#616161}.token.entity{color:#f66}.token.function{color:#c792ea}.token.hexcode{color:#f2ff00}.token.id{color:#c792ea;font-weight:bold}.token.important{color:#c792ea;font-weight:bold}.token.inserted{color:#80cbc4}.token.keyword{color:#c792ea}.token.number{color:#fd9170}.token.operator{color:#89ddff}.token.prolog{color:#616161}.token.property{color:#80cbc4}.token.pseudo-class{color:#a5e844}.token.pseudo-element{color:#a5e844}.token.punctuation{color:#89ddff}.token.regex{color:#f2ff00}.token.selector{color:#f66}.token.string{color:#a5e844}.token.symbol{color:#c792ea}.token.tag{color:#f66}.token.unit{color:#fd9170}.token.url{color:#f66}.token.variable{color:#f66}.page-content{max-width:720px;margin:0 auto;padding:3rem 2rem 5rem;position:relative;z-index:10}.page-content h1{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.15;margin-bottom:2rem}.page-content h2{font-size:1.45rem;font-weight:600;letter-spacing:-0.03em;margin:2.5rem 0 1rem}.page-content h3{font-size:1.2rem;font-weight:600;letter-spacing:-0.02em;margin:2rem 0 .75rem}.page-content p{font-size:.97rem;line-height:1.8;margin-bottom:1.25rem;color:var(--text-muted)}.page-content a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(245,158,66,.4);text-underline-offset:3px}.page-content a:hover{text-decoration-color:var(--accent)}.page-content ul,.page-content ol{padding-left:1.5rem;margin-bottom:1.25rem}.page-content li{font-size:.97rem;line-height:1.75;color:var(--text-muted);margin-bottom:.25rem}.outer{padding:4rem 2rem;position:relative;z-index:10}.inner{max-width:1120px;margin:0 auto}.inner-medium{max-width:750px;margin:0 auto}.inner-small{max-width:580px;margin:0 auto}.block.bg-gray{background:var(--bg-elevated)}.block.bg-white{background:var(--bg-card)}.block-header{text-align:center;margin-bottom:2.5rem}.block-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;letter-spacing:-0.03em;margin-bottom:.5rem}.block-subtitle{color:var(--text-muted);font-size:1rem;font-weight:300}.text-block .grid,.hero-block .grid{display:flex;flex-direction:column;gap:2.5rem}.block-preview img{width:100%;border-radius:var(--radius);border:1px solid var(--border);display:block;background-color:hsla(0,0%,100%,.168627451)}.block-copy{color:var(--text-muted);font-size:.95rem;line-height:1.8}.block-copy p{margin-bottom:1rem}.block-copy ul,.block-copy ol{padding-left:1.5rem;margin-bottom:1rem}.block-copy li{margin-bottom:.35rem}.block-copy strong{color:var(--text);font-weight:600}.block-copy a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(245,158,66,.4)}.block-copy a:hover{text-decoration-color:var(--accent)}@media(min-width: 801px){.text-block .grid,.hero-block .grid{flex-direction:row-reverse;align-items:center;gap:5rem}.block-preview{flex:7;min-width:0}.block-content{flex:5;min-width:0}}.post-feed{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:1rem}.post-card-inside{border-radius:var(--radius);overflow:hidden;background:var(--bg-img);border:1px solid var(--border);transition:border-color .25s,transform .25s}.post-card:hover .post-card-inside{border-color:var(--border-bright);transform:translateY(-3px)}.post-card-thumbnail{display:block;aspect-ratio:1/1;overflow:hidden}.post-card-thumbnail img{width:100%;height:100%;object-fit:contain;padding:1rem;transition:transform .3s ease}.post-card-thumbnail:hover img{transform:scale(1.06)}details.faq-item{border:1px solid var(--border);border-radius:12px;margin-bottom:.65rem;overflow:hidden;transition:border-color .2s}details.faq-item[open]{border-color:var(--border-bright)}details.faq-item summary{list-style:none;cursor:pointer;padding:1rem 1.25rem;font-weight:500;font-size:.95rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;user-select:none}details.faq-item summary::-webkit-details-marker{display:none}details.faq-item summary::after{content:"+";font-family:var(--font-mono);font-size:1.1rem;color:var(--accent);flex-shrink:0;transition:transform .2s}details.faq-item[open] summary::after{transform:rotate(45deg)}.faq-answer{padding:0 1.25rem 1.25rem;font-size:.88rem;color:var(--text-muted);line-height:1.7}.faq-answer p{margin-bottom:.75rem}.faq-answer p:last-child{margin-bottom:0}.faq-answer a{color:var(--accent);text-decoration:underline}.faq-answer .button{margin-top:.5rem}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width: 900px){.blog-grid{grid-template-columns:1fr 1fr}}@media(max-width: 640px){.hero{padding:3rem 1.5rem}.hero-ctas{flex-direction:column;align-items:center}.sw-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}nav ul{gap:0}footer{flex-direction:column;gap:.75rem;text-align:center}}.callout{border:1px solid var(--border);padding:1rex;margin-bottom:2rem;font-size:105%;background-color:var(--bg-card)}.callout p{margin-left:3rem;margin-bottom:1rem}.callout p:first-child{font-size:200%;float:left;margin:0}.callout p:last-child{margin-bottom:1rex}