:root{--bg:#0a0a0a;--fg:#F4F4F4;--muted:#9B9B9B;--line:#292929;--accent:#666666;--accent-hover:#B8B8B8}
*{box-sizing:border-box}
button,a{cursor:pointer!important}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.page{min-height:100vh;padding:30px 34px 42px}
header{position:relative;min-height:0}
.brand{position:fixed;top:30px;left:34px;z-index:20;display:flex;flex-direction:column;align-items:flex-start}
.logo{display:block;width:max-content;max-width:none;margin:0;font-size:clamp(34px,4.5vw,62px);line-height:.82;font-weight:800;font-style:italic;letter-spacing:-.075em}
.tagline{position:fixed;top:88px;left:42px;margin:0;display:flex;flex-direction:column;font-size:9px;line-height:1.18;font-weight:500;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);z-index:20}
.active-page{color:var(--accent)!important;font-style:italic}
.content{max-width:920px;margin:14vh auto 0}
.eyebrow{margin:0 0 22px;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
h2{max-width:780px;margin:0;font-size:clamp(48px,7vw,88px);line-height:.94;font-weight:500;letter-spacing:-.055em}
.intro{max-width:650px;margin:30px 0 70px;color:var(--muted);font-size:15px;line-height:1.6}
.posts{border-top:1px solid var(--line)}
.post-card{display:block;padding:44px 0 48px;border-bottom:1px solid var(--line)}
.post-number{display:block;margin-bottom:16px;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.post-card h3{margin:0 0 14px;max-width:760px;font-size:30px;line-height:1.05;font-weight:500;letter-spacing:-.035em}
.post-card .post-excerpt{max-width:680px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.post-card:hover h3{color:#B8B8B8}
@media(max-width:700px){.post-card{padding:34px 0 38px}.post-card h3{font-size:24px}.post-card .post-excerpt{font-size:12px}}
.empty{padding:70px 0;border-bottom:1px solid var(--line)}
.empty-number{display:block;margin-bottom:18px;color:var(--muted);font-size:10px;letter-spacing:.14em}
.empty h3{margin:0 0 12px;font-size:24px;font-weight:500;letter-spacing:-.03em}
.empty p{max-width:600px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}
footer{display:flex;justify-content:space-between;gap:20px;margin-top:80px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:700px){
.page{padding:22px 20px 30px}.brand{top:22px;left:20px}.logo{font-size:42px}.tagline{top:62px;left:28px;font-size:8px}.content{margin-top:12vh}.empty{padding:50px 0}footer{flex-direction:column;gap:8px}
}
.site-button,.release-cta a,.release-button,.label-services-cta a,.primary,.save-btn{display:inline-block;padding:15px 30px;border:0;border-radius:999px;background:#666666;color:#fff;font-size:11px;font-weight:400;line-height:1;letter-spacing:.12em;text-transform:uppercase;cursor:pointer!important;transition:background-color .2s ease}.site-button:hover,.release-cta a:hover,.release-button:hover,.label-services-cta a:hover,.primary:hover,.save-btn:hover{background:#B8B8B8;color:#000}
@media(max-width:700px){}
.content{margin-top:14vh!important}@media(max-width:700px){.content{margin-top:12vh!important}}
@media(max-width:700px){}
button:not(.site-mobile-sections-toggle),.site-button,.release-cta a,.release-button,.label-button,.label-services-cta a,.order-button,.download-doc,.telegram-cta span,.cta a{
display:inline-block!important;padding:9px 18px!important;border:0!important;border-radius:999px!important;background:#666666!important;color:#fff!important;font:400 10px/1 Helvetica,Arial,sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-decoration:none!important;cursor:pointer!important;transition:background .2s ease,color .2s ease!important}
button:not(.site-mobile-sections-toggle):hover,.site-button:hover,.release-cta a:hover,.release-button:hover,.label-button:hover,.label-services-cta a:hover,.order-button:hover,.download-doc:hover,.telegram-cta span:hover,.cta a:hover{background:#B8B8B8!important;color:#000!important}
@media(max-width:700px){}
@media(max-width:700px){}
@media(max-width:700px){}
@media(max-width:700px){}
@media(max-width:700px){}
@media(max-width:700px){}
.brand{transition:opacity .28s ease,filter .28s ease,transform .28s ease!important;will-change:opacity,filter,transform}.brand.logo-hidden{opacity:0!important;filter:blur(10px)!important;transform:translateY(-4px)!important;pointer-events:none!important}
@media (max-width:700px){.brand,.tagline{transition:opacity .56s ease,filter .56s ease,transform .56s ease!important;will-change:opacity,filter,transform}.mobile-brand-hidden .brand,.mobile-brand-hidden .tagline{opacity:0!important;filter:blur(16px)!important;transform:translateY(-4px)!important;pointer-events:none!important}}
@media(max-width:700px){}
@media(max-width:700px){}
.brand{position:fixed!important;top:30px!important;left:34px!important;z-index:20!important;display:block!important;width:max-content!important;min-width:max-content!important;max-width:none!important;overflow:visible!important;white-space:nowrap!important;padding-right:32px!important;box-sizing:content-box!important}
.logo{display:block!important;width:max-content!important;min-width:max-content!important;max-width:none!important;overflow:visible!important;white-space:nowrap!important;margin:0!important;padding:0!important;font-size:clamp(34px,4.5vw,62px)!important;line-height:.82!important;font-weight:800!important;font-style:italic!important;letter-spacing:-.075em!important}
.tagline{position:fixed!important;top:88px!important;left:42px!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:0!important;width:auto!important;font-size:9px!important;line-height:1.18!important;font-weight:500!important;letter-spacing:.11em!important;text-transform:uppercase!important;text-align:left!important;white-space:nowrap!important;z-index:20!important}
.tagline a{display:block!important;font:inherit!important;color:inherit!important;text-decoration:none!important}
@media(max-width:700px){.brand{top:22px!important;left:20px!important;width:max-content!important;min-width:max-content!important;max-width:none!important;padding-right:24px!important}.logo{font-size:42px!important;width:max-content!important;min-width:max-content!important;max-width:none!important}.tagline{top:62px!important;left:28px!important;font-size:8px!important;letter-spacing:.08em!important}}
.content{margin-top:calc(14vh + 24px)!important}
@media(max-width:700px){.content{margin-top:calc(12vh + 28px)!important}}
.content{position:relative!important;top:32px!important}
@media(max-width:700px){.content{top:38px!important}}
@media(max-width:700px){.eyebrow{display:block!important}.desktop-eyebrow{display:none!important}.mobile-eyebrow{display:inline!important}}
.mobile-eyebrow{display:none}
@media(max-width:700px){.desktop-eyebrow{display:none}.mobile-eyebrow{display:inline}}
@media(max-width:700px){
  .eyebrow{font-size:0!important;display:block!important}
  .eyebrow .desktop-eyebrow{display:none!important}
  .eyebrow .mobile-eyebrow{display:inline!important;font-size:10px!important;letter-spacing:.14em!important}
}
.site-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;margin-top:80px!important;padding-top:22px!important;border-top:1px solid var(--line)!important;color:var(--muted)!important;font-size:10px!important;line-height:1!important;letter-spacing:.1em!important;text-transform:uppercase!important}
@media(max-width:700px){.site-footer{margin-top:56px!important;padding-top:18px!important;gap:12px!important;font-size:8px!important;letter-spacing:.08em!important;white-space:nowrap!important}}
/* Keep exactly one separator line immediately before the footer on every viewport. */
.about-block:last-child,
.term:last-child,
.step:last-child,
.service:last-child,
.empty:last-child,
.request:last-child{border-bottom:0!important}
/* Article-only layout. Header and menu above are inherited directly from blog.html. */
.content{max-width:760px;margin:calc(14vh + 56px) auto 0}.content .eyebrow{margin:0 0 22px;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.content h1{margin:0 0 30px;max-width:760px;font-size:clamp(48px,7vw,88px);line-height:.94;font-weight:500;letter-spacing:-.055em}.meta{margin:0 0 62px;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.article{font-size:17px;line-height:1.72}.article p{margin:0 0 16px}.article h2{margin:44px 0 16px;font-size:28px;line-height:1.05;font-weight:500;letter-spacing:-.035em}.back{display:inline-block;margin-top:42px;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.back:hover{color:#B8B8B8}
@media(max-width:700px){.content{margin:calc(12vh + 46px) auto 0}.content h1{font-size:44px}.meta{margin-bottom:42px}.article{font-size:16px;line-height:1.68}.article h2{font-size:25px;margin-top:36px}.back{margin-top:34px}footer{flex-direction:column;gap:8px;margin-top:70px;padding-top:18px;font-size:8px;white-space:nowrap}}

/* Unified pill shape for interactive buttons across desktop and mobile */
button:not(.site-mobile-sections-toggle),input[type="submit"],input[type="button"],.primary,.secondary,[class*="btn"],[class*="button"]:not(.site-mobile-sections-toggle),[class*="cta"]{border-radius:999px!important}

/* Blog article header: match the shared PRYCOT wordmark; no tagline under the logo. */
.brand{position:fixed!important;top:30px!important;left:34px!important;z-index:20!important;display:flex!important;align-items:flex-start!important;width:auto!important;max-width:none!important;overflow:visible!important}
.logo{display:block!important;width:auto!important;max-width:none!important;margin:0!important;font-size:clamp(34px,4.5vw,62px)!important;line-height:.82!important;font-weight:800!important;font-style:italic!important;letter-spacing:-.075em!important;white-space:nowrap!important}
@media(max-width:700px){.brand{top:22px!important;left:20px!important}.logo{font-size:42px!important}}

