.sub-hero{min-height:100vh;display:flex;align-items:flex-end;padding:18vh 0 calc(var(--gutter) + 40px)}.sub-title{font-family:var(--display);font-weight:500;font-size:clamp(3rem,9.5vw,10.5rem);line-height:.88;letter-spacing:-.06em;margin-bottom:3rem}.sub-title .line{display:block;overflow:hidden;padding-bottom:.05em}body.is-ready .sub-title .line:nth-child(2) .intro-line{transition-delay:.42s}body.is-ready .sub-title .line:nth-child(3) .intro-line{transition-delay:.54s}.sub-hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;flex-wrap:wrap}.sub-hero-foot .body{margin:0}.sub-facts{display:flex;gap:2.5rem}.sub-facts dt{color:var(--fg3);margin-bottom:.3rem}.sub-facts dd{color:var(--fg)}.page-modules .sub-title{max-width:11ch}.mod{display:flex;align-items:center}.mod-wrap{max-width:1440px}.mod-wrap>*{max-width:560px}.mod-index{color:var(--fg2);margin-bottom:1.5rem}.mod-index span{color:var(--c)}.mod-name{font-family:var(--mono);font-weight:500;font-size:clamp(2.8rem,7vw,6.4rem);line-height:1;letter-spacing:-.05em;margin-bottom:1rem;max-width:none!important}.mod-name .wi{color:var(--fg)}.mod-name .w:last-child .wi:after{content:"_";color:var(--c);animation:blink 1s steps(1) infinite}.mod-shape{color:var(--c);margin-bottom:1.8rem}.mod .tags{margin:1.6rem 0}.mod .tags span:first-child{border-color:var(--c);color:var(--c)}.mod-term{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0a0d1399;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:2rem}.mod-term-bar{display:flex;align-items:center;gap:6px;padding:.6rem .9rem;border-bottom:1px solid var(--line)}.mod-term-bar i{width:9px;height:9px;border-radius:50%;background:var(--line)}.mod-term-bar i:first-child{background:#ff5f56}.mod-term-bar i:nth-child(2){background:#ffbd2e}.mod-term-bar i:nth-child(3){background:#27c93f}.mod-term-bar b{margin-left:auto;font-weight:400;color:var(--fg3)}.mod-term code{display:block;padding:1rem 1.1rem;color:var(--fg);overflow-x:auto;white-space:nowrap}.mod-term .prompt{color:var(--c)}.mod-btn{background:var(--c)}.sub-cta{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:0}.sub-cta .huge{max-width:9ch}.cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.blog-hero .sub-title{max-width:12ch}.post-list-section{position:relative;padding:10vh 0 0}.chips{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:3rem}.chip{padding:.55rem 1rem;border:1px solid var(--line);border-radius:99px;color:var(--fg2);background:#0a0d1380;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:color .3s,border-color .3s,background .3s}.chip sup{color:var(--fg3);font-size:.6rem}.chip:hover{color:var(--fg);border-color:var(--fg2)}.chip.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.chip.active sup{color:var(--bg)}.chips-count{margin-left:auto;color:var(--fg3)}.chips-count b{color:var(--green);font-weight:400}.post-list{list-style:none;border-top:1px solid var(--line);counter-reset:p}.post-row{border-bottom:1px solid var(--line)}.post-row.is-hidden{display:none}.post-row a{position:relative;display:grid;grid-template-columns:3.5rem 1fr auto;align-items:center;gap:1.2rem;padding:2rem 0;overflow:hidden}.post-row a:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(238,242,247,.06),transparent 70%);transform:scaleY(0);transform-origin:bottom;transition:transform .6s var(--ease-out);z-index:-1}.post-row a:hover:before{transform:scaleY(1)}.pr-i{color:var(--fg3);transition:color .3s}.pr-main{display:grid;gap:.7rem;min-width:0}.pr-title{font-family:var(--display);font-size:clamp(1.3rem,2.6vw,2.3rem);font-weight:500;letter-spacing:-.035em;line-height:1.12;transition:transform .6s var(--ease-out),color .3s}.pr-meta{display:flex;flex-wrap:wrap;gap:1.2rem;color:var(--fg3)}.pr-cat{color:var(--cc, var(--green))}.pr-cat:before{content:"● "}.cat-prestashop{--cc: #ff5aa5}.cat-shopify{--cc: #96bf48}.cat-wordpress{--cc: #4db8e8}.cat-ecommerce{--cc: #00e5a0}.chip.cat-prestashop.active,.chip.cat-shopify.active,.chip.cat-wordpress.active,.chip.cat-ecommerce.active{background:var(--cc);border-color:var(--cc)}.pr-arrow{font-size:1.6rem;color:var(--fg3);transform:translate(-12px);opacity:0;transition:.5s var(--ease-out)}.post-row a:hover .pr-title{transform:translate(.8rem)}.post-row a:hover .pr-i{color:var(--green)}.post-row a:hover .pr-arrow{opacity:1;transform:none;color:var(--green)}.empty{color:var(--fg3);padding:3rem 0}.post-preview{position:fixed;top:0;left:0;z-index:90;width:280px;padding:1.2rem;border-radius:16px;background:#0a0d13d1;border:1px solid var(--c, var(--green));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:none;opacity:0;scale:.85;transition:opacity .3s,scale .4s var(--ease-out);display:grid;gap:.6rem;box-shadow:0 20px 60px #00000080}.post-preview.on{opacity:1;scale:1}.pp-icon{font-size:2rem;line-height:1}.pp-text{font-size:.85rem;color:var(--fg2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.blog-cta{margin:16vh 0 0;max-width:640px}.post-hero{padding:22vh 0 8vh;max-width:980px;margin-left:max(var(--gutter),calc((100% - 1440px)/2))}.back{display:inline-block;color:var(--fg2);margin-bottom:3rem;transition:color .3s}.back:hover{color:var(--green)}.post-meta{display:flex;flex-wrap:wrap;gap:1.4rem;color:var(--fg2);margin-bottom:1.8rem}.post-title{font-family:var(--display);font-weight:500;font-size:clamp(2.2rem,5.2vw,4.8rem);line-height:1.02;letter-spacing:-.045em;margin-bottom:2rem}.post-lead{font-size:clamp(1.05rem,1.5vw,1.3rem);color:var(--fg2);max-width:56ch;margin-bottom:1.6rem}.post-body{max-width:720px;margin-left:max(var(--gutter),calc((100% - 1440px)/2));padding:1rem 0 4rem;line-height:1.85;font-size:1.05rem}.post-body p{color:#b8c1cf;margin-bottom:1.5rem}.post-body h2{font-family:var(--display);font-weight:500;font-size:clamp(1.6rem,2.6vw,2.2rem);letter-spacing:-.035em;line-height:1.15;margin:4rem 0 1.2rem}.post-body h2:before{content:"§ ";color:var(--green);font-family:var(--mono);font-size:.6em;vertical-align:middle}.post-body h3{font-family:var(--display);font-weight:500;font-size:1.35rem;margin:2.5rem 0 .8rem}.post-body ul,.post-body ol{margin:0 0 1.6rem 1.4rem;color:#b8c1cf}.post-body li{margin-bottom:.6rem;padding-left:.3rem}.post-body li::marker{color:var(--green);font-family:var(--mono)}.post-body blockquote{border-left:2px solid var(--green);padding:.4rem 0 .4rem 1.4rem;margin:2.5rem 0;font-family:var(--display);font-size:1.35rem;line-height:1.45;letter-spacing:-.02em;color:var(--fg)}.post-body pre{position:relative;background:#0a0d13bf;border:1px solid var(--line);border-radius:12px;padding:2.2rem 1.4rem 1.4rem;overflow-x:auto;margin-bottom:1.8rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.post-body pre:before{content:attr(data-lang);position:absolute;top:.7rem;left:1.4rem;font-family:var(--mono);font-size:.65rem;color:var(--green);text-transform:uppercase;letter-spacing:.1em}.post-body code{font-family:var(--mono);font-size:.84rem;line-height:1.7;color:var(--fg)}.post-body p code,.post-body li code{background:#eef2f712;padding:.1em .4em;border-radius:4px;color:var(--green)}.post-end{max-width:1440px}.post-cta{max-width:720px;padding:clamp(1.6rem,4vw,3rem);border:1px solid var(--line);border-radius:20px;background:#0a0d138c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);margin-left:max(0px,calc((100% - 1440px)/2))}.post-cta .big{font-size:clamp(2rem,4vw,3.4rem)}.post-next{display:grid;gap:1rem;margin-top:14vh;padding:3rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.post-next .mono{color:var(--green)}.post-next-title{font-family:var(--display);font-weight:500;font-size:clamp(1.8rem,4.5vw,4rem);letter-spacing:-.045em;line-height:1.05;max-width:22ch;transition:transform .7s var(--ease-out),color .3s}.post-next:hover .post-next-title{transform:translate(1.2rem);color:var(--green)}@media(max-width:820px){.sub-hero{padding-top:22vh}.sub-facts{gap:1.5rem}.post-row a{grid-template-columns:2.2rem 1fr;padding:1.4rem 0}.pr-arrow{display:none}.chips-count{margin-left:0;width:100%}.post-hero,.post-body{margin-left:auto}.mod-wrap>*{max-width:none}.mod{align-items:flex-end;padding-top:42vh}.mod-term code{font-size:.68rem}.page-modules .body,.post-body p{text-shadow:0 2px 20px rgba(7,9,13,.9)}}