:root{--fil-red-50: #FFF2F1;--fil-red-300: #FF857C;--fil-red-500: #E03228;--fil-red-600: #C42119;--fil-ink-0: #FFFFFF;--fil-ink-25: #FAFAF8;--fil-ink-50: #F2F2EF;--fil-ink-100: #E6E6E1;--fil-ink-200: #CFCFC7;--fil-ink-300: #A8A89E;--fil-ink-400: #7A7A70;--fil-ink-500: #4E4E46;--fil-ink-700: #2B2B26;--fil-ink-900: #131311;--fil-moss-500: #2F7A3E;--fil-moss-50: #EAF5EC;--fil-amber-500: #B67612;--fil-amber-50: #FAF1DE;--color-brand: var(--fil-red-500);--color-text: var(--fil-ink-700);--color-text-muted: var(--fil-ink-400);--color-border: var(--fil-ink-100);--font-display: Poppins, sans-serif;--font-body: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--shadow-md: 0 2px 8px rgba(19,19,17,.08), 0 1px 2px rgba(19,19,17,.04)}.art-head,.art-hero,article.body,.cta,.related{box-sizing:border-box;font-family:var(--font-body);color:var(--color-text)}.art-head *,.art-hero *,article.body *,.cta *,.related *{box-sizing:border-box}.art-head{padding:48px 0 40px;border-bottom:1px solid var(--color-border);margin-bottom:48px}.art-head .tag-row{display:flex;align-items:center;gap:8px;font:600 12px/1 var(--font-mono);letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:20px}.art-head .tag-row .cat{font:700 11px/1 var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--color-brand)}.art-head .tag-row .dot{color:var(--fil-ink-200)}.art-head h1{font:800 clamp(32px,4.5vw,54px)/1.07 var(--font-display);letter-spacing:-.02em;margin:0 0 20px;color:var(--fil-ink-900);max-width:20ch}.art-head h1 em{font-style:normal;color:var(--color-brand)}.art-head .dek{font:400 18px/1.6 var(--font-body);color:var(--color-text-muted);max-width:66ch;margin:0 0 32px}.byline{display:flex;align-items:center;gap:14px;font:500 13px/1.4 var(--font-body);color:var(--color-text-muted)}.byline .av{width:40px;height:40px;border-radius:50%;background:var(--fil-red-500);color:#fff;font:700 14px/40px var(--font-display);text-align:center;flex:0 0 40px}.byline .who{font:600 14px/1.3 var(--font-body);color:var(--color-text)}.byline .who span{display:block;font:500 12px/1.4 var(--font-body);color:var(--color-text-muted);margin-top:2px}.byline .meta{font:500 12px/1.4 var(--font-mono);color:var(--color-text-muted);margin-left:auto}.byline .meta b{color:var(--color-text)}.art-hero{margin-bottom:64px}.pipeline{background:var(--fil-ink-900);border-radius:var(--radius-xl);padding:40px 32px}.pg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:768px){.pg-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.pg-grid{grid-template-columns:1fr}}.pg-step{color:#fff;position:relative}.pg-step+.pg-step:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:1px;height:60%;background:#ffffff1f}@media(max-width:768px){.pg-step+.pg-step:before{display:none}}.pg-step .num{font:700 10px/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--fil-red-300);margin-bottom:16px}.pg-step .ico{width:100%;max-width:120px;aspect-ratio:120/112;margin-bottom:16px}.pg-step .ico svg{width:100%;height:100%}.pg-step .ttl{font:700 15px/1.3 var(--font-display);color:#fff;margin-bottom:8px}.pg-step .sub{font:400 13px/1.55 var(--font-body);color:#ffffff8c}article.body{max-width:72ch;font:400 17px/1.65 var(--font-body);color:var(--color-text)}article.body p{margin:0 0 20px}article.body p.lead{font-size:20px;line-height:1.55;color:var(--fil-ink-900);margin-bottom:28px}article.body ul,article.body ol{padding-left:24px;margin:0 0 20px}article.body li{margin-bottom:8px;line-height:1.6}article.body h2{font:800 clamp(24px,3vw,36px)/1.1 var(--font-display);letter-spacing:-.01em;color:var(--fil-ink-900);margin:52px 0 16px;display:flex;align-items:center;gap:14px}article.body h3{font:700 20px/1.25 var(--font-display);color:var(--fil-ink-900);margin:36px 0 12px}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-brand);color:#fff;font:800 16px/1 var(--font-display);flex:0 0 36px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 32px;max-width:none}@media(max-width:768px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.tool-grid{grid-template-columns:1fr}}.tool-card{background:var(--fil-ink-0);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.tool-card .name{font:700 17px/1.2 var(--font-display);color:var(--fil-ink-900);margin:10px 0 8px}.tool-card p{font:400 13px/1.55 var(--font-body);color:var(--color-text-muted);margin:0}.bill{display:inline-block;font:700 10px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:4px}.bill.free{background:var(--fil-moss-50);color:var(--fil-moss-500)}.bill.paid{background:var(--fil-amber-50);color:var(--fil-amber-500)}.bill.pro{background:var(--fil-red-50);color:var(--fil-red-500)}.aside{background:var(--fil-ink-50);border-left:3px solid var(--color-brand);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:20px 24px;margin:28px 0}.aside .k{font:700 11px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-brand);margin-bottom:10px}.aside p{font-size:14px;line-height:1.6;color:var(--color-text-muted);margin:0}.pick{margin:24px 0 32px;overflow-x:auto}.pick table{width:100%;border-collapse:collapse;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;font:500 14px/1.4 var(--font-body)}.pick thead th{background:var(--fil-ink-900);color:#fff;font:700 11px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;padding:14px 16px;text-align:left}.pick tbody tr:nth-child(odd) td{background:var(--fil-ink-25)}.pick td{padding:14px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text)}.pick tbody tr:last-child td{border-bottom:0}.pick td:first-child{font-weight:600;color:var(--fil-ink-900)}.check{background:var(--fil-ink-0);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:32px;margin:36px 0}.check .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.check .head h4{font:700 18px/1 var(--font-display);color:var(--fil-ink-900);margin:0}.check .progress{font:500 13px/1 var(--font-mono);color:var(--color-text-muted)}.check .bar{height:4px;background:var(--fil-ink-100);border-radius:2px;overflow:hidden;margin-bottom:24px}.check .bar .fill{height:100%;background:var(--color-brand);border-radius:2px;width:0;transition:width .3s ease}.check ul{list-style:none;padding:0;margin:0}.check ul li{border-bottom:1px solid var(--color-border);padding:14px 0;margin:0}.check ul li:last-child{border-bottom:0}.check ul li label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.check ul li input[type=checkbox]{display:none}.check ul li .box{width:20px;height:20px;flex:0 0 20px;border:1.5px solid var(--fil-ink-200);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;margin-top:2px;background:var(--fil-ink-0);transition:background .15s,border-color .15s}.check ul li .box svg{opacity:0}.check ul li input:checked+.box{background:var(--color-brand);border-color:var(--color-brand)}.check ul li input:checked+.box svg{opacity:1}.check ul li .txt{font:500 14px/1.55 var(--font-body);color:var(--color-text)}.check ul li input:checked~.txt{color:var(--color-text-muted);text-decoration:line-through}.done-msg{display:none;margin-top:20px;padding:14px 18px;background:var(--fil-moss-50);color:var(--fil-moss-500);border-radius:var(--radius-md);font:600 14px/1.4 var(--font-body)}.check.all-done .done-msg{display:block}.cta{margin:64px 0}.cta-inner{background:var(--color-brand);border-radius:var(--radius-xl);padding:48px;display:grid;grid-template-columns:1.3fr auto;gap:32px;align-items:center;overflow:hidden;position:relative}.cta-inner:before{content:"";position:absolute;right:-80px;top:-80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%);pointer-events:none}@media(max-width:680px){.cta-inner{grid-template-columns:1fr}}.cta-inner h2{font:800 clamp(26px,3.5vw,40px)/1.1 var(--font-display);letter-spacing:-.01em;color:#fff;margin:0 0 12px;max-width:20ch}.cta-inner p{font:400 16px/1.55 var(--font-body);color:#ffffffe0;max-width:50ch;margin:0 0 24px}.cta-btns{display:flex;gap:12px;flex-wrap:wrap}.btn{font:700 14px/1 var(--font-display);padding:14px 22px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn.on-red{background:#fff;color:var(--color-brand)}.btn.on-red.ghost{background:transparent;color:#fff;border-color:#fff6}.related{border-top:1px solid var(--color-border);padding-top:48px;margin-top:64px}.related h3{font:800 28px/1 var(--font-display);color:var(--fil-ink-900);margin:0 0 24px}.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:768px){.rel-grid{grid-template-columns:1fr}}.rel-card{display:block;background:var(--fil-ink-0);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;text-decoration:none;color:inherit;transition:box-shadow .15s ease,transform .15s ease}.rel-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.rel-card .cat{font:700 10px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-brand);margin-bottom:10px}.rel-card h4{font:700 16px/1.3 var(--font-display);color:var(--fil-ink-900);margin:0 0 8px}.rel-card p{font:400 13px/1.55 var(--font-body);color:var(--color-text-muted);margin:0}
/*# sourceMappingURL=/cdn/shop/t/21/assets/fil-blog-article.css.map */