:root{
  --bg:#ffffff;
  --bg-soft:#f8f8f6;
  --paper:#ffffff;
  --paper2:#fbfaf7;
  --ink:#111318;
  --text:#30343b;
  --muted:#6c727c;
  --line:rgba(17,19,24,.10);
  --line-strong:rgba(17,19,24,.16);
  --accent:#b79a63;
  --accent2:#7c6845;
  --accent-soft:#f3eee4;
  --graphite:#15171c;
  --shadow:0 24px 70px rgba(17,19,24,.09);
  --shadow2:0 14px 34px rgba(17,19,24,.065);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 16% -8%,rgba(183,154,99,.12) 0,transparent 29%),radial-gradient(circle at 94% 2%,rgba(17,19,24,.055) 0,transparent 31%),linear-gradient(180deg,#fff 0%,#fbfaf7 45%,#fff 100%);line-height:1.55}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p{margin:0;color:var(--muted)}h1,h2,h3{margin:0;color:var(--ink);letter-spacing:-.045em;line-height:1.04}.container{width:min(100% - 40px,1180px);margin-inline:auto}.narrow{max-width:860px}
.site-header{position:absolute;inset:0 0 auto;z-index:100;padding:18px 0;pointer-events:none}.site-header::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(183,154,99,.34),transparent);opacity:.55}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:auto}.brand--top{width:66px;height:66px;display:grid;place-items:center}.brand--top img{width:58px;height:auto;object-fit:contain;filter:none}.site-nav{display:flex;align-items:center;gap:4px;padding:7px;border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:999px;box-shadow:0 18px 48px rgba(17,19,24,.075)}.site-nav a,.scroll-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border-radius:999px;font-size:.9rem;font-weight:850;color:#30343b;white-space:nowrap;transition:.16s ease}.site-nav a:hover,.site-nav a.is-active,.scroll-nav a:hover,.scroll-nav a.is-active{background:#15171c;color:#fff;box-shadow:0 10px 22px rgba(17,19,24,.11)}.site-nav__cta,.scroll-nav__cta{background:#15171c!important;color:#fff!important;box-shadow:0 14px 30px rgba(17,19,24,.16)!important}.site-nav__cta:hover,.scroll-nav__cta:hover{background:#2a2e36!important;color:#fff!important}.nav-toggle{display:none;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.9);color:var(--ink);font-weight:900;padding:12px 16px;box-shadow:var(--shadow2)}.scroll-header{position:fixed;top:14px;left:0;right:0;z-index:90;opacity:0;transform:translateY(-20px);pointer-events:none;transition:.22s ease}.scroll-header.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-header__inner{display:flex;justify-content:center}.scroll-nav{display:flex;align-items:center;gap:4px;padding:7px;border-radius:999px;border:1px solid rgba(255,255,255,.78);background:rgba(255,255,255,.78);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 18px 46px rgba(17,19,24,.10)}
.hero{padding:132px 0 72px}.hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:74px;align-items:center}.hero__copy{position:relative}.hero__mist{position:relative;padding:24px 26px 24px 24px;border-radius:34px;isolation:isolate;overflow:hidden}.hero__mist::before{content:"";position:absolute;inset:-18px -26px -18px -18px;border-radius:40px;background:linear-gradient(135deg,rgba(255,255,255,.70),rgba(255,255,255,.42) 45%,rgba(243,238,228,.52) 100%);border:1px solid rgba(255,255,255,.58);box-shadow:0 24px 60px rgba(17,19,24,.07);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);z-index:-2}.hero__mist::after{content:"";position:absolute;inset:-34px -34px -28px -28px;border-radius:48px;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.90) 0,rgba(255,255,255,.44) 28%,transparent 65%),radial-gradient(circle at 76% 72%,rgba(183,154,99,.12) 0,transparent 48%);filter:blur(16px);opacity:.92;z-index:-3;pointer-events:none}.hero__bg-logo{position:absolute;right:-6px;bottom:-8px;width:310px;max-width:62%;opacity:.11;pointer-events:none;z-index:-1;filter:grayscale(.05) saturate(.9)}.hero__bg-logo img{width:100%;height:auto;object-fit:contain}.eyebrow{display:inline-flex;align-items:center;width:max-content;max-width:100%;gap:8px;padding:8px 13px;border-radius:999px;background:#fff;border:1px solid rgba(183,154,99,.26);box-shadow:0 10px 24px rgba(17,19,24,.045);color:var(--accent2);font-size:.82rem;font-weight:950;letter-spacing:.01em}.eyebrow::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px rgba(183,154,99,.12)}.hero h1{max-width:760px;margin:22px 0 18px;font-size:clamp(3rem,6vw,5.15rem);letter-spacing:-.074em}.hero__lead{max-width:660px;font-size:1.17rem;line-height:1.72;color:#42464e}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid var(--line);font-weight:950;box-shadow:0 12px 28px rgba(17,19,24,.065);transition:.16s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(17,19,24,.11)}.btn--primary{border-color:#15171c!important;background:#15171c!important;color:#fff!important;box-shadow:0 16px 36px rgba(17,19,24,.18)!important}.btn--primary:hover{background:#2a2e36!important;border-color:#2a2e36!important}.btn--ghost{background:rgba(255,255,255,.86);color:#15171c}.btn--small{min-height:40px;padding:0 16px;font-size:.9rem}.trust-line{display:flex;flex-wrap:wrap;gap:9px}.trust-line span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(17,19,24,.085);font-size:.86rem;font-weight:900;color:#41464f}.hero-board{position:relative}.hero-board__glow{position:absolute;inset:46px -18px -18px 18px;border-radius:42px;background:linear-gradient(135deg,rgba(183,154,99,.14),rgba(255,255,255,.28));filter:blur(12px)}.hero-board__panel{position:relative;padding:28px;border-radius:34px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.9);box-shadow:0 34px 90px rgba(17,19,24,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.hero-board__top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.hero-board__top img{width:72px;height:auto}.hero-board__top span{padding:8px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent2);font-size:.78rem;font-weight:950}.hero-board__headline{padding:18px;border-radius:22px;background:linear-gradient(135deg,#fff,#fbfaf7);border:1px solid var(--line);margin-bottom:13px}.hero-board__headline strong{display:block;color:var(--ink);font-size:1.1rem;letter-spacing:-.025em}.hero-board__headline small{display:block;margin-top:4px;color:var(--muted);font-weight:750}.hero-board__list{display:grid;gap:10px}.hero-board__list a{display:grid;gap:2px;padding:16px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(17,19,24,.04)}.hero-board__list b{color:var(--ink)}.hero-board__list span{color:var(--muted);font-weight:750;font-size:.9rem}.hero-board__footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px;color:#4b515a;font-size:.78rem;font-weight:900}.hero-board__footer i{width:18px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--accent),rgba(183,154,99,.14))}
.section{padding:72px 0}.section--intro{padding:0 0 28px}.intro-strip{padding:24px 28px;border-radius:28px;background:linear-gradient(135deg,#fff,#fbfaf7);border:1px solid var(--line);box-shadow:var(--shadow2)}.intro-strip p{font-size:1.08rem;color:#41464f}.intro-strip strong{color:var(--ink)}.section--products{background:linear-gradient(180deg,transparent,rgba(248,248,246,.86) 55%,transparent)}.section__head{margin-bottom:28px}.section__head--split{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:34px;align-items:end}.section h2{font-size:clamp(2rem,3.3vw,3.2rem)}.section__head p{font-size:1.02rem}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card,.value-grid article,.price-card,.blog-grid article,.info-box,.feature-card,.product-preview,.contact-form,.cta-panel,.flow-panel,.process-panel{background:rgba(255,255,255,.93);border:1px solid rgba(17,19,24,.085);border-radius:26px;box-shadow:var(--shadow2)}.product-card{padding:22px;min-height:310px;display:flex;flex-direction:column}.product-card__meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:22px}.product-card__meta span,.product-card__meta small,.product-row span,.price-card>span,.blog-grid article>span,.product-preview__top span{display:inline-flex;width:max-content;max-width:100%;padding:7px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent2);font-size:.74rem;font-weight:950}.product-card h3{font-size:1.28rem;letter-spacing:-.035em;margin-bottom:10px}.product-card p{font-size:.95rem}.product-card ul{display:grid;gap:7px;margin:16px 0 18px;padding:0;list-style:none}.product-card li{position:relative;padding-left:18px;color:#3f454d;font-size:.9rem;font-weight:750}.product-card li:before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:99px;background:var(--accent);box-shadow:0 0 0 4px rgba(183,154,99,.10)}.product-card a{margin-top:auto;color:var(--accent2);font-weight:950}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.value-grid article{padding:26px}.value-grid article>span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:15px;background:var(--accent-soft);color:var(--accent2);font-weight:950;margin-bottom:18px}.value-grid h3{font-size:1.32rem;margin-bottom:8px}.process-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;padding:32px;background:linear-gradient(135deg,#fff,#fbfaf7)}.process-steps{display:grid;gap:12px}.process-steps div{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:20px;background:#fff;border:1px solid var(--line)}.process-steps strong{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:12px;background:var(--graphite);color:#fff}.process-steps span{font-weight:800;color:#3f454d}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px;background:linear-gradient(135deg,#fff 0%,#fbfaf7 62%,#f3eee4 100%);border-color:rgba(183,154,99,.18)}.cta-panel h2{font-size:clamp(1.8rem,3vw,2.65rem);margin:12px 0}.page-hero,.product-hero{padding:148px 0 58px}.page-hero h1,.product-hero h1{font-size:clamp(2.4rem,5vw,4.5rem);margin:18px 0 14px}.page-hero p,.product-hero p{max-width:760px;font-size:1.12rem}.product-list{display:grid;gap:14px}.product-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.product-row h2{font-size:clamp(1.45rem,2.4vw,2rem);margin:12px 0 8px}.product-row small{display:block;margin-bottom:12px;color:var(--muted);font-weight:900;text-align:right}.pricing-grid,.blog-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.price-card,.blog-grid article,.feature-card{padding:24px}.price-card h2,.blog-grid h2,.feature-card h3{font-size:1.35rem;margin:14px 0 9px}.price-card strong{display:block;margin:20px 0;font-size:1.22rem;color:var(--ink)}.price-card--accent{background:linear-gradient(135deg,#fff,#fbfaf7);border-color:rgba(183,154,99,.18)}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.split--top{align-items:start}.info-box{padding:28px}.info-box h2{font-size:1.9rem;margin:12px 0}.product-preview{padding:26px}.product-preview__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-preview__top img{width:86px}.product-preview__rows{display:grid;gap:12px;margin-top:22px}.product-preview__rows div{display:flex;gap:10px;align-items:center;padding:14px;border-radius:16px;background:#fbfaf7;font-weight:850;border:1px solid rgba(17,19,24,.065)}.product-preview__rows span{width:9px;height:9px;border-radius:99px;background:var(--accent);flex:0 0 9px}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-cloud span{padding:10px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:850}.timeline{display:grid;gap:12px}.timeline div{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;background:#fff;border:1px solid var(--line)}.timeline strong{color:var(--accent2)}.media-showcase{display:grid;grid-template-columns:1fr 300px auto;align-items:center;gap:24px;padding:28px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.media-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.media-tiles span{height:90px;border-radius:18px;background:linear-gradient(135deg,#f8f8f6,#fff);border:1px solid var(--line)}.contact-layout{display:grid;grid-template-columns:360px 1fr;gap:24px}.contact-layout h2{font-size:2rem;margin-bottom:12px}.contact-direct{display:grid;gap:10px;margin-top:20px}.contact-direct a{display:inline-flex;width:max-content;max-width:100%;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:950;color:var(--ink);box-shadow:0 10px 24px rgba(17,19,24,.045)}.contact-direct a:hover{border-color:rgba(183,154,99,.42);box-shadow:0 14px 32px rgba(17,19,24,.075)}.contact-form{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:grid;gap:7px;font-weight:850;color:#30343b;margin-bottom:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px 14px;font:inherit;background:#fff}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:3px solid rgba(183,154,99,.18);border-color:rgba(183,154,99,.46)}.hp-field{position:absolute;left:-9999px}.flash{padding:14px 16px;border-radius:16px;margin-bottom:14px;background:#f3eee4;color:#5f4f35;font-weight:850}.site-footer{padding:54px 0;background:linear-gradient(135deg,#15171c,#252a33);color:#fff}.site-footer p{color:#c9d0d6}.site-footer__grid{display:grid;grid-template-columns:1fr 220px 220px;gap:34px}.brand--footer img{width:132px;height:auto}.site-footer a{display:block;color:#edf1f3;margin:7px 0}.site-footer h3{color:#fff;margin-bottom:10px}
@media(max-width:1080px){.hero__grid{grid-template-columns:1fr 390px;gap:46px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.container{width:min(100% - 28px,720px)}.site-header{padding:12px 0}.brand--top{width:58px;height:58px}.brand--top img{width:50px}.nav-toggle{display:inline-flex}.site-nav{position:absolute;top:72px;right:14px;display:none;flex-direction:column;align-items:stretch;width:min(300px,calc(100vw - 28px));border-radius:24px;padding:10px;background:rgba(255,255,255,.96);border-color:rgba(17,19,24,.09)}.site-nav.is-open{display:flex}.site-nav a{justify-content:flex-start}.scroll-header{display:none}.hero{padding:102px 0 46px}.hero__grid,.section__head--split,.split,.contact-layout,.process-panel,.product-row{grid-template-columns:1fr;gap:26px}.hero__mist{padding:20px 18px 18px;border-radius:28px}.hero__mist::before{inset:-10px -8px -10px -8px;border-radius:30px}.hero__mist::after{inset:-18px -16px -16px -16px;border-radius:34px}.hero__bg-logo{right:-16px;bottom:-16px;width:210px;max-width:68%;opacity:.10}.hero h1{font-size:clamp(2.55rem,12vw,4.05rem)}.hero__lead{font-size:1.02rem}.hero-board__panel{padding:20px;border-radius:28px}.hero-board__top img{width:62px}.section{padding:48px 0}.product-grid,.value-grid,.pricing-grid,.blog-grid,.feature-grid{grid-template-columns:1fr}.product-card{min-height:auto}.cta-panel,.media-showcase{display:grid;grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.product-row small{text-align:left}.site-footer__grid{grid-template-columns:1fr}.page-hero,.product-hero{padding:112px 0 42px}.page-hero h1,.product-hero h1{font-size:clamp(2.35rem,11vw,3.55rem)}.media-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.hero__actions .btn{width:100%}.trust-line{display:grid;grid-template-columns:1fr}.hero-board__footer{gap:6px}.hero-board__footer i{width:12px}.intro-strip{padding:20px}.cta-panel{padding:24px}.site-nav{left:14px;right:14px;width:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.btn:hover{transform:none}}

/* TaskLine Blog + Admin Panel */
.blog-list{display:grid;gap:24px}.blog-featured-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow2);padding:22px}.blog-featured-card__image,.blog-card__image{display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#f8f8f6,#fff);border:1px solid var(--line);color:var(--accent2);font-weight:950}.blog-featured-card__image{min-height:360px;border-radius:28px}.blog-featured-card__image img,.blog-card__image img,.blog-post__cover img,.post-gallery img,.admin-row__thumb img,.admin-featured-preview,.admin-gallery img{width:100%;height:100%;object-fit:cover;display:block}.blog-featured-card h2{font-size:clamp(2rem,3.4vw,3.25rem);line-height:.98;margin:16px 0 12px}.blog-featured-card p{font-size:1.05rem;margin-bottom:22px}.blog-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.blog-meta span{display:inline-flex;width:max-content;max-width:100%;padding:7px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent2);font-size:.74rem;font-weight:950}.blog-grid--dynamic{align-items:stretch}.blog-card{display:flex;flex-direction:column;gap:13px;overflow:hidden}.blog-card__image{height:210px;margin:-24px -24px 2px;border-width:0 0 1px;border-radius:26px 26px 0 0}.blog-card__image span{font-size:1.5rem}.blog-card h2 a,.blog-featured-card h2 a{color:var(--ink)}.blog-card>a:last-child{margin-top:auto;color:var(--accent2);font-weight:950}.blog-post__hero{padding:148px 0 34px}.blog-post__hero h1{font-size:clamp(2.35rem,5vw,4.8rem);line-height:.95;margin:18px 0 16px;letter-spacing:-.06em}.blog-post__hero p{font-size:1.16rem;max-width:780px}.blog-post__cover{margin-top:32px;border-radius:34px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow2);max-height:560px}.blog-post__content{font-size:1.08rem;line-height:1.85}.blog-post__content h2{font-size:clamp(1.75rem,3vw,2.45rem);margin:44px 0 14px}.blog-post__content h3{font-size:1.55rem;margin:32px 0 12px}.blog-post__content p,.blog-post__content ul,.blog-post__content ol,.blog-post__content blockquote{margin:0 0 20px}.blog-post__content a{font-weight:900;color:var(--accent2);text-decoration:underline;text-underline-offset:4px}.blog-post__content blockquote{padding:22px 24px;border-left:4px solid var(--accent);background:#fbfaf7;border-radius:0 22px 22px 0;font-weight:800;color:#353941}.blog-post__content img{width:100%;height:auto;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow2);margin:18px 0}.blog-share-box{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.post-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.post-gallery figure{margin:0;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow2)}.post-gallery img{aspect-ratio:4/3}.post-gallery figcaption{padding:10px 12px;color:var(--muted);font-weight:800;font-size:.86rem}.admin-shell{padding:130px 0 70px;background:linear-gradient(180deg,#fbfaf7 0%,#fff 42%)}.admin-shell--login{min-height:100vh;display:grid;place-items:center;padding:110px 14px}.admin-topbar{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.admin-topbar h1{font-size:clamp(2.2rem,4vw,3.6rem);margin:10px 0 6px}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.admin-panel{display:grid;gap:18px}.admin-card,.admin-panel .admin-table{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow2)}.admin-card{padding:24px}.admin-card h2{font-size:1.32rem;margin-bottom:14px}.admin-card--login{width:min(100%,460px)}.admin-card--login h1{font-size:2.45rem;margin:12px 0}.admin-form,.admin-card label,.admin-editor label{display:grid;gap:8px;font-weight:850;color:#30343b}.admin-form{gap:14px}.admin-form input,.admin-form textarea,.admin-form select,.admin-editor input,.admin-editor textarea,.admin-editor select{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px 14px;font:inherit;background:#fff}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus,.admin-editor input:focus,.admin-editor textarea:focus,.admin-editor select:focus{outline:3px solid rgba(183,154,99,.18);border-color:rgba(183,154,99,.46)}.admin-table{display:grid;gap:0;overflow:hidden}.admin-empty{padding:34px}.admin-row{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.admin-row:last-child{border-bottom:0}.admin-row__thumb{width:112px;height:86px;border-radius:18px;overflow:hidden;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent2);font-weight:950}.admin-row h2{font-size:1.25rem;margin:8px 0 5px}.admin-row p{font-size:.94rem}.admin-row small{color:var(--muted);font-weight:800}.admin-row__meta{display:flex;flex-wrap:wrap;gap:8px}.admin-row__meta span,.status{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent2);font-size:.72rem;font-weight:950}.status--draft{background:#eef0f3;color:#4d5560}.status--published{background:#ecf8ee;color:#267d37}.admin-row__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.btn--danger{background:#fff1f1;color:#a72222;border:1px solid #ffd0d0}.admin-editor{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.admin-editor__main,.admin-editor__side{display:grid;gap:18px}.admin-editor__side{position:sticky;top:94px}.editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.editor-toolbar button{border:1px solid var(--line);background:#fbfaf7;border-radius:999px;padding:9px 12px;font-weight:900;cursor:pointer}.content-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:390px}.admin-hint{font-size:.9rem;color:var(--muted);font-weight:750}.admin-featured-preview{height:170px;border-radius:20px;border:1px solid var(--line);margin-bottom:12px}.admin-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.admin-gallery figure{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.admin-gallery img{aspect-ratio:1/1}.admin-gallery figcaption{font-size:.75rem;padding:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.category-line{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.category-line:last-child{border-bottom:0}.category-line span{color:var(--muted);font-weight:800}.flash--error{background:#fff1f1;color:#a72222}.flash--success{background:#ecf8ee;color:#267d37}
@media(max-width:900px){.blog-featured-card,.admin-editor,.admin-row{grid-template-columns:1fr}.blog-featured-card__image{min-height:250px}.post-gallery{grid-template-columns:1fr}.admin-topbar{display:grid}.admin-editor__side{position:static}.admin-row__actions{justify-content:flex-start}.admin-row__thumb{width:100%;height:190px}.admin-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-post__hero{padding-top:112px}}

/* TaskLine Admin Pro v20260427 */
.admin-shell--pro{background:radial-gradient(circle at 14% 8%,rgba(183,154,99,.16),transparent 34%),linear-gradient(180deg,#fbfaf7 0%,#fff 48%,#f8f8f6 100%);min-height:100vh}.admin-pro-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding-top:8px;margin-bottom:22px}.admin-pro-hero h1{font-size:clamp(2.25rem,4.3vw,4.2rem);line-height:.92;margin:12px 0 12px;letter-spacing:-.065em}.admin-pro-hero p{max-width:780px;font-size:1.04rem}.admin-pro-hero__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.admin-panel--pro{gap:20px}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-kpi{position:relative;overflow:hidden;padding:20px;border-radius:26px;background:rgba(255,255,255,.94);border:1px solid rgba(17,19,24,.075);box-shadow:var(--shadow2)}.admin-kpi:after{content:"";position:absolute;right:-34px;top:-42px;width:100px;height:100px;border-radius:999px;background:rgba(183,154,99,.12)}.admin-kpi span,.admin-kpi small{display:block;color:var(--muted);font-weight:900}.admin-kpi span{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.admin-kpi strong{display:block;margin:10px 0 2px;font-size:2.15rem;line-height:1;color:var(--ink);letter-spacing:-.05em}.admin-kpi--warn strong{color:#9a611e}.admin-kpi--ok strong{color:#267d37}.admin-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.admin-workspace--categories{grid-template-columns:.8fr 1.2fr}.admin-workspace__main,.admin-workspace__side{display:grid;gap:18px}.admin-workspace__side{position:sticky;top:96px}.admin-section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:14px}.admin-section-head h2{font-size:1.75rem;margin-bottom:4px}.admin-searchbox{min-width:min(360px,100%)}.admin-searchbox input{width:100%;border:1px solid var(--line);border-radius:999px;padding:13px 16px;background:#fff;font:inherit;font-weight:800}.admin-table--pro{border-radius:30px}.admin-row--pro{grid-template-columns:132px minmax(0,1fr) 142px;padding:18px 18px;align-items:center}.admin-row--pro[hidden]{display:none}.admin-row--pro .admin-row__thumb{width:132px;height:98px;border-radius:22px}.admin-row__body h2{font-size:1.28rem;line-height:1.08}.quality-dot{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:.72rem;font-weight:950}.quality-dot--ok{background:#ecf8ee;color:#267d37}.quality-dot--warn{background:#fff7e8;color:#9a611e}.admin-row__actions--pro{display:grid;justify-items:stretch}.admin-row__actions--pro .btn,.admin-row__actions--pro button{width:100%;justify-content:center}.admin-card--pro{border-radius:30px;background:rgba(255,255,255,.96);border:1px solid rgba(17,19,24,.08);box-shadow:0 18px 48px rgba(17,19,24,.07);padding:24px}.admin-card__head{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:18px}.admin-card__head>div{display:flex;gap:12px;align-items:center}.admin-card__head span{display:grid;place-items:center;width:34px;height:34px;border-radius:14px;background:var(--accent-soft);color:var(--accent2);font-weight:950}.admin-card__head h2{margin:0;font-size:1.34rem}.admin-card__head p{max-width:410px;font-size:.9rem;text-align:right}.admin-checklist{display:grid;gap:10px;margin:0;padding:0;list-style:none}.admin-checklist li{position:relative;padding:12px 12px 12px 40px;border-radius:16px;background:#fbfaf7;border:1px solid var(--line);font-weight:850;color:#3e444d}.admin-checklist li:before{content:"";position:absolute;left:14px;top:50%;width:14px;height:14px;border-radius:999px;border:2px solid rgba(183,154,99,.42);transform:translateY(-50%);background:#fff}.admin-checklist li.is-ok{background:#ecf8ee;border-color:#cdeed3;color:#267d37}.admin-checklist li.is-ok:before{border-color:#267d37;background:#267d37;box-shadow:inset 0 0 0 3px #fff}.admin-mini-stats{display:grid;gap:10px}.admin-mini-stats div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 14px;border-radius:16px;background:#fbfaf7;border:1px solid var(--line)}.admin-mini-stats strong{font-size:1.35rem}.admin-mini-stats span{color:var(--muted);font-weight:850}.admin-social-card p{margin-bottom:14px}.admin-empty--pro{text-align:center;padding:46px 28px}.admin-empty--pro>span{display:grid;place-items:center;margin:0 auto 14px;width:54px;height:54px;border-radius:20px;background:var(--accent-soft);color:var(--accent2);font-size:1.35rem}.admin-empty--pro h2{font-size:1.65rem;margin-bottom:10px}.admin-editor--pro{grid-template-columns:minmax(0,1fr) 380px;gap:20px}.admin-editor__side--pro{gap:16px;top:86px}.editor-section{scroll-margin-top:96px}.form-grid--pro{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-editor--pro label small{color:var(--muted);font-weight:800}.admin-url-preview{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:14px;padding:12px 14px;border-radius:18px;background:#fbfaf7;border:1px solid var(--line)}.admin-url-preview span{color:var(--muted);font-weight:900}.admin-url-preview strong{font-size:.95rem;color:var(--accent2);word-break:break-all}.editor-toolbar--pro{position:sticky;top:82px;z-index:3;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);padding:10px;border:1px solid var(--line);border-radius:18px}.editor-toolbar--pro button{border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(17,19,24,.045)}.content-editor--pro{min-height:520px;line-height:1.65;border-radius:20px!important;background:linear-gradient(180deg,#fff,#fffdfa)!important}.editor-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.editor-metrics span{padding:7px 10px;border-radius:999px;background:#fbfaf7;border:1px solid var(--line);font-size:.78rem;font-weight:900;color:var(--muted)}.media-dropzone{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:20px;border:1.5px dashed rgba(183,154,99,.42);border-radius:24px;background:linear-gradient(135deg,#fff,#fbfaf7)}.media-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.media-dropzone:before{content:"+";display:grid;place-items:center;width:48px;height:48px;border-radius:18px;background:var(--accent-soft);color:var(--accent2);font-size:1.7rem;font-weight:950}.media-dropzone strong,.media-dropzone span{display:block}.media-dropzone span{color:var(--muted);font-weight:800;margin-top:3px}.admin-gallery--pro{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-gallery--pro figure{border-radius:22px}.admin-inline-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.google-preview{display:grid;gap:4px;margin-top:14px;padding:18px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.google-preview span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:950}.google-preview strong{font-size:1.08rem;color:#1a0dab;line-height:1.25}.google-preview em{font-style:normal;color:#0b8043;font-size:.86rem;font-weight:800;word-break:break-all}.google-preview p{font-size:.93rem;color:#4d5156;margin:3px 0 0}.admin-save-card{border-color:rgba(183,154,99,.2);background:linear-gradient(135deg,#fff,#fbfaf7)}.admin-save-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.admin-small-link{display:inline-flex;margin-top:10px;color:var(--accent2);font-weight:950}.admin-featured-box{display:grid;place-items:center;min-height:178px;border:1px solid var(--line);border-radius:22px;background:#fbfaf7;overflow:hidden;margin-bottom:12px;color:var(--muted);font-weight:900}.admin-featured-box .admin-featured-preview{height:100%;min-height:178px;margin:0;border:0;border-radius:0}.score-ring{--score:0%;width:132px;height:132px;margin:4px auto 18px;border-radius:999px;display:grid;place-items:center;background:conic-gradient(var(--accent) var(--score),#ece8df 0);position:relative}.score-ring:after{content:"";position:absolute;inset:10px;border-radius:999px;background:#fff}.score-ring strong{position:relative;z-index:1;font-size:1.8rem;color:var(--ink)}.admin-live-preview{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow2)}.admin-live-preview>div{display:grid;place-items:center;height:150px;background:#fbfaf7;color:var(--accent2);font-weight:950}.admin-live-preview img{width:100%;height:100%;object-fit:cover}.admin-live-preview small,.admin-live-preview h3,.admin-live-preview p{display:block;margin-left:16px;margin-right:16px}.admin-live-preview small{margin-top:14px;color:var(--muted);font-weight:900}.admin-live-preview h3{font-size:1.2rem;line-height:1.1;margin-top:8px}.admin-live-preview p{font-size:.9rem;margin-bottom:16px}.admin-form--pro{gap:16px}.category-list--pro{display:grid;gap:12px}.category-line--pro{padding:16px;border:1px solid var(--line);border-radius:20px;background:#fbfaf7}.category-line--pro p{font-size:.9rem;margin-top:4px}.category-line--pro span{font-size:.82rem;word-break:break-all}.btn{display:inline-flex;align-items:center;justify-content:center}.flash{box-shadow:0 14px 34px rgba(17,19,24,.055)}
@media(max-width:1080px){.admin-workspace,.admin-workspace--categories,.admin-editor--pro,.admin-pro-hero{grid-template-columns:1fr}.admin-workspace__side,.admin-editor__side--pro{position:static}.admin-pro-hero__actions{justify-content:flex-start}.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-section-head{display:grid}.admin-searchbox{min-width:0}.admin-row--pro{grid-template-columns:118px minmax(0,1fr)}.admin-row__actions--pro{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.admin-card__head{display:grid}.admin-card__head p{text-align:left}.editor-toolbar--pro{position:static}.admin-gallery--pro{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.admin-shell--pro{padding-top:104px}.admin-pro-hero{padding-top:0}.admin-kpi-grid,.form-grid--pro,.admin-save-actions{grid-template-columns:1fr}.admin-row--pro{grid-template-columns:1fr}.admin-row--pro .admin-row__thumb{width:100%;height:190px}.admin-row__actions--pro{grid-template-columns:1fr}.admin-gallery--pro{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-url-preview{display:grid}.media-dropzone{grid-template-columns:1fr}.media-dropzone:before{width:42px;height:42px}.admin-pro-hero h1{font-size:2.4rem}.content-editor--pro{min-height:420px}.admin-card--pro{padding:18px;border-radius:24px}}


/* TaskLine admin work center — 2026-04-27 */
.is-admin-area{background:#f6f4ef;color:#171a20}
.is-admin-area .site-footer,.is-admin-area .site-header,.is-admin-area .scroll-header{display:none!important}
.admin-topbar{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(17,19,24,.08);box-shadow:0 10px 28px rgba(17,19,24,.06)}
.admin-topbar__inner{min-height:72px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}
.admin-topbar__brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}
.admin-topbar__brand img{width:42px;height:42px;object-fit:contain;border-radius:12px}
.admin-topbar__brand strong,.admin-topbar__brand small{display:block;line-height:1.1}
.admin-topbar__brand strong{font-size:.98rem}
.admin-topbar__brand small{font-size:.78rem;color:var(--muted);font-weight:800}
.admin-topbar__nav{display:flex;align-items:center;gap:6px;justify-content:center}
.admin-topbar__nav a{padding:10px 12px;border-radius:12px;color:#3d444f;text-decoration:none;font-weight:900;font-size:.9rem}
.admin-topbar__nav a:hover,.admin-topbar__nav a.is-active{background:#f0ebe0;color:#171a20}
.admin-topbar__account{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.admin-topbar__account span{font-weight:900;color:#4b525d;font-size:.88rem}
.admin-topbar__account form{margin:0}
.admin-topbar__account button{border:1px solid rgba(185,56,56,.28);background:#fff;color:#a73939;border-radius:12px;padding:10px 13px;font:inherit;font-size:.88rem;font-weight:950;cursor:pointer}
.admin-topbar__account button:hover{background:#fff3f3}
.admin-shell--work{padding:36px 0 56px}
.admin-work-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;margin-bottom:18px}
.admin-work-head h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1;margin:6px 0 8px;letter-spacing:-.055em}
.admin-work-head p{max-width:720px;color:var(--muted);font-size:1rem;font-weight:750}
.admin-work-head__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.admin-panel--work{display:grid;gap:18px}
.work-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.work-summary article{background:#fff;border:1px solid rgba(17,19,24,.08);border-radius:18px;padding:17px 18px;box-shadow:0 10px 26px rgba(17,19,24,.045)}
.work-summary span{display:block;color:var(--muted);font-weight:950;text-transform:uppercase;letter-spacing:.07em;font-size:.72rem}
.work-summary strong{display:block;margin-top:7px;font-size:1.85rem;line-height:1;color:var(--ink);letter-spacing:-.045em}
.work-summary .is-warning strong,.is-warning{color:#9a611e}
.work-summary .is-ok strong,.is-ok{color:#267d37}
.work-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.work-main,.work-side{display:grid;gap:14px}
.work-side{position:sticky;top:92px}
.work-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;background:#fff;border:1px solid rgba(17,19,24,.08);border-radius:20px;padding:18px;box-shadow:0 10px 26px rgba(17,19,24,.045)}
.work-toolbar h2{font-size:1.5rem;margin:0 0 4px}
.work-toolbar p{color:var(--muted);font-weight:800;margin:0}
.work-toolbar input{width:min(360px,100%);border:1px solid var(--line);border-radius:13px;background:#fbfaf7;padding:12px 13px;font:inherit;font-weight:800}
.work-list{display:grid;gap:12px}
.work-row{display:grid;grid-template-columns:112px minmax(0,1fr) 128px;gap:15px;align-items:center;background:#fff;border:1px solid rgba(17,19,24,.08);border-radius:20px;padding:14px;box-shadow:0 10px 26px rgba(17,19,24,.04)}
.work-row[hidden]{display:none}
.work-row__thumb{height:82px;border-radius:15px;background:#f0ebe0;overflow:hidden;display:grid;place-items:center;color:var(--muted);font-weight:950;text-transform:uppercase;font-size:.72rem;text-align:center}
.work-row__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.work-row__meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}
.work-row__meta span{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#f7f3ea;color:#4b525d;font-size:.72rem;font-weight:950}
.work-row__content h2{font-size:1.14rem;line-height:1.15;margin:0 0 6px;letter-spacing:-.025em}
.work-row__content p{font-size:.9rem;color:var(--muted);margin:0 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.work-row__content small{color:#6e7480;font-weight:850}
.work-row__actions{display:grid;gap:8px}
.work-row__actions form{margin:0}
.work-row__actions .btn,.work-row__actions button{width:100%;min-height:38px;padding:9px 10px;font-size:.82rem}
.work-card{background:#fff;border:1px solid rgba(17,19,24,.08);border-radius:20px;padding:18px;box-shadow:0 10px 26px rgba(17,19,24,.04)}
.work-card h2{font-size:1.1rem;margin:0 0 12px}
.work-card ol{margin:0;padding-left:20px;display:grid;gap:8px;color:#4b525d;font-weight:800}
.work-card a{display:flex;padding:10px 0;color:var(--accent2);font-weight:950;text-decoration:none;border-top:1px solid var(--line)}
.work-card a:first-of-type{border-top:0}
.work-mini{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.work-mini:first-of-type{border-top:0}
.work-mini span{color:var(--muted);font-weight:850}
.work-mini strong{font-size:1.25rem}
.admin-empty--work{background:#fff;border:1px dashed rgba(17,19,24,.18);border-radius:20px;padding:32px;text-align:center}
.admin-empty--work h2{font-size:1.45rem;margin:0 0 8px}
.admin-empty--work p{color:var(--muted);margin:0 auto 18px;max-width:520px}
.admin-shell--pro{padding-top:32px}
.is-admin-area .admin-pro-hero{background:#fff;border:1px solid rgba(17,19,24,.08);box-shadow:0 10px 26px rgba(17,19,24,.045);border-radius:22px;padding:22px;margin-bottom:18px}
.is-admin-area .admin-pro-hero:before,.is-admin-area .admin-pro-hero:after,.is-admin-area .admin-kpi:after{display:none!important}
.is-admin-area .admin-pro-hero h1{font-size:clamp(1.9rem,3vw,2.7rem)}
.is-admin-area .admin-pro-hero p{max-width:720px}
.is-admin-area .admin-card--pro{box-shadow:0 10px 26px rgba(17,19,24,.045);border-radius:22px}
@media(max-width:1080px){
  .admin-topbar__inner{grid-template-columns:1fr;gap:10px;padding:12px 0}
  .admin-topbar__nav{justify-content:flex-start;overflow:auto;padding-bottom:2px}
  .admin-topbar__account{justify-content:space-between}
  .admin-work-head,.work-layout{grid-template-columns:1fr}
  .work-side{position:static}
  .work-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .work-toolbar{display:grid}
  .work-toolbar input{width:100%}
  .work-row{grid-template-columns:96px minmax(0,1fr)}
  .work-row__actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
  .admin-shell--work{padding-top:24px}
  .work-summary{grid-template-columns:1fr}
  .work-row{grid-template-columns:1fr}
  .work-row__thumb{height:170px}
  .work-row__actions{grid-template-columns:1fr}
  .admin-topbar__nav a{white-space:nowrap}
}


/* TaskLine fix 2026-04-27: logo zawsze mieści się w swoim bloku, bez przycinania. */
.brand,
.brand--top,
.brand--footer,
.admin-topbar__brand {
  overflow: visible !important;
}

.brand img,
.brand--top img,
.brand--footer img,
.admin-topbar__brand img,
.hero-board__top img {
  display: block;
  max-width: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

.brand--top {
  width: 72px !important;
  height: 72px !important;
  padding: 4px !important;
}

.admin-topbar__brand img {
  width: 46px !important;
  height: 46px !important;
  padding: 2px !important;
  border-radius: 10px !important;
}

.brand--footer {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 160px;
  height: 58px;
}

.blog-share-box {
  justify-content: flex-start;
}

/* Blog article featured image: show the whole uploaded image, no cropping. */
.blog-post__cover {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
  background: #fff !important;
}

.blog-post__cover img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 34px !important;
}

@media (max-width: 780px) {
  .image-cropper__tools {
    grid-template-columns: 1fr;
  }

  .image-cropper__tools label {
    min-width: 0;
  }
}

@media (max-width: 680px) {
  .blog-post__cover {
    border-radius: 24px !important;
  }

  .blog-post__cover img {
    border-radius: 24px !important;
  }
}

/* Standard zdjęć głównych bloga: stały kadr 16:9, bez zmiennej wysokości wpisów. */
.blog-featured-card__image,
.blog-card__image,
.blog-post__cover,
.admin-featured-box,
.admin-live-preview > div {
  aspect-ratio: 16 / 9;
}

.blog-post__cover {
  max-width: 980px !important;
  width: min(980px, calc(100% - 40px)) !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  margin: 32px auto 0 !important;
  background: #f8f8f6 !important;
  border-radius: 30px !important;
}

.blog-post__cover img,
.blog-featured-card__image img,
.blog-card__image img,
.admin-featured-box .admin-featured-preview,
.admin-live-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

.blog-featured-card__image {
  min-height: 0 !important;
  height: auto !important;
}

.blog-card__image {
  height: auto !important;
}

.admin-featured-box {
  min-height: 0 !important;
  height: auto !important;
}

.admin-featured-box .admin-featured-preview {
  min-height: 0 !important;
  border-radius: 0 !important;
}

.image-cropper {
  display: grid;
  gap: 14px;
  margin: 14px 0 16px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #fbfaf7;
}

.image-cropper[hidden] {
  display: none !important;
}

.image-cropper__head {
  display: grid;
  gap: 4px;
}

.image-cropper__head strong {
  font-size: .96rem;
  color: var(--ink);
}

.image-cropper__head span {
  font-size: .86rem;
  color: var(--muted);
  font-weight: 800;
}

.image-cropper__frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: #111318;
  cursor: grab;
  user-select: none;
  touch-action: none;
}

.image-cropper__frame.is-dragging {
  cursor: grabbing;
}

.image-cropper__frame::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.65), inset 0 0 0 9999px rgba(17,19,24,.08);
}

.image-cropper__frame img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none !important;
  max-height: none !important;
  width: auto !important;
  height: auto !important;
  object-fit: initial !important;
  transform-origin: center center;
  will-change: transform;
  pointer-events: none;
}

.image-cropper__tools {
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  align-items: end;
  gap: 10px;
}

.image-cropper__tools label {
  margin: 0;
  min-width: 220px;
}

.image-cropper__tools input[type="range"] {
  width: 100%;
  accent-color: var(--accent);
}

@media (max-width: 780px) {
  .image-cropper__tools {
    grid-template-columns: 1fr;
  }

  .image-cropper__tools label {
    min-width: 0;
  }
}

@media (max-width: 680px) {
  .blog-post__cover {
    width: calc(100% - 28px) !important;
    border-radius: 22px !important;
  }

  .image-cropper {
    padding: 12px;
  }
}

/* TaskLine mobile overflow fix 2026-04-27
   Cel: strona mobilna nie może pływać poziomo ani wychodzić poza viewport. */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

body {
  position: relative;
}

.site-main,
.site-footer,
.site-header,
.scroll-header,
.section,
.hero,
.page-hero,
.product-hero,
.blog-page,
.blog-post,
.admin-shell,
.admin-shell--work,
.admin-shell--pro {
  max-width: 100%;
}

.container,
.hero__grid,
.section__head,
.section__head--split,
.product-grid,
.value-grid,
.pricing-grid,
.blog-grid,
.feature-grid,
.contact-layout,
.process-panel,
.product-row,
.blog-featured-card,
.blog-post__content,
.admin-topbar__inner,
.admin-work-head,
.work-layout,
.work-summary,
.work-row,
.admin-editor,
.admin-editor--pro {
  min-width: 0;
}

@media (max-width: 860px) {
  html,
  body {
    overflow-x: hidden;
  }

  .container {
    width: min(100% - 28px, 720px) !important;
    max-width: calc(100% - 28px) !important;
  }

  .hero,
  .section,
  .page-hero,
  .product-hero,
  .blog-post__hero,
  .blog-page,
  .site-footer {
    overflow-x: clip;
  }

  .hero__grid,
  .section__head--split,
  .split,
  .contact-layout,
  .process-panel,
  .product-row,
  .blog-featured-card,
  .admin-editor,
  .admin-editor--pro,
  .work-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100%;
    max-width: 100%;
  }

  .hero-board,
  .hero__copy,
  .hero__mist,
  .cta-panel,
  .media-showcase,
  .process-panel,
  .product-card,
  .price-card,
  .blog-grid article,
  .blog-featured-card,
  .blog-card,
  .contact-form,
  .admin-card,
  .admin-card--pro,
  .work-card,
  .work-row {
    max-width: 100%;
  }

  .hero-board__glow,
  .hero__mist::before,
  .hero__mist::after {
    pointer-events: none;
  }

  .hero-board__glow {
    inset: 30px 0 -10px 0 !important;
  }

  .hero__bg-logo {
    right: 0 !important;
    max-width: 58% !important;
  }

  .site-nav {
    max-width: calc(100vw - 28px) !important;
  }

  .btn,
  .site-nav a,
  .scroll-nav a {
    max-width: 100%;
  }
}

@media (max-width: 420px) {
  .container {
    width: min(100% - 24px, 720px) !important;
    max-width: calc(100% - 24px) !important;
  }

  .site-nav {
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: calc(100vw - 24px) !important;
  }

  .hero__mist {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .hero h1,
  .page-hero h1,
  .product-hero h1,
  .blog-post__hero h1 {
    overflow-wrap: anywhere;
  }
}

/* TaskLine production SEO polish — 2026-04-27 */
.blog-category-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 26px;padding:12px;border:1px solid var(--line);background:#fff;border-radius:22px;box-shadow:0 10px 26px rgba(17,19,24,.04)}
.blog-category-nav a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border-radius:999px;color:#343a43;font-weight:950;text-decoration:none;background:#fbfaf7;border:1px solid transparent}
.blog-category-nav a:hover,.blog-category-nav a.is-active{background:#15171c;color:#fff;border-color:#15171c}
.blog-category-nav span{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.25);font-size:.75rem}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-grid details{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px 20px;box-shadow:var(--shadow2)}.faq-grid summary{cursor:pointer;font-weight:950;color:var(--ink)}.faq-grid p{margin-top:10px;color:var(--muted);font-weight:750}.legal-content{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow2);padding:28px}.legal-content h2{font-size:1.45rem;margin:24px 0 8px}.legal-content h2:first-child{margin-top:0}.legal-content a{color:var(--accent2);font-weight:900}.section--latest-blog .blog-card h3{font-size:1.28rem;margin:14px 0 9px}.section--latest-blog .blog-card h3 a{color:var(--ink)}.blog-card__image img,.blog-featured-card__image img{aspect-ratio:16/9;object-fit:cover}.blog-post__cover{max-width:1000px}.blog-post__cover img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.site-footer a[href="/polityka-prywatnosci"]{opacity:.9}.flash--error{background:#fff3f3;color:#9f3030}.flash--success{background:#ecf8ef;color:#267d37}
@media(max-width:860px){.faq-grid{grid-template-columns:1fr}.blog-category-nav{overflow:auto;flex-wrap:nowrap}.blog-category-nav a{white-space:nowrap}.legal-content{padding:22px;border-radius:22px}}

/* TaskLine logo and asset polish — 2026-04-27.2 */
.brand img,
.brand--top img,
.brand--footer img,
.admin-topbar__brand img,
.hero-board__top img,
.hero__bg-logo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  object-position: center center !important;
}

.brand--top {
  width: 66px;
  height: 66px;
  flex: 0 0 66px;
}
.brand--top img {
  width: 66px !important;
  height: 66px !important;
}

.brand--footer img {
  width: 96px;
  height: 96px;
}

.hero-board__top img {
  width: 72px;
  height: 72px;
}

.admin-topbar__brand img {
  width: 42px !important;
  height: 42px !important;
}


/* TaskLine visual polish — 2026-04-27.3
   Cel: mniej „jajowate” elementy, bardziej techniczna geometria zgodna z charakterem logo,
   oraz ciekawsze centrum produktów/bloga bez pustych etykiet. */
:root {
  --radius-xl: 24px;
  --radius-lg: 20px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --radius-chip: 13px;
}

body.is-public-area::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(17,19,24,.032) 1px, transparent 1px),
    linear-gradient(180deg, rgba(17,19,24,.024) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(circle at 50% 10%, rgba(0,0,0,.85), transparent 64%);
  opacity: .42;
}

.site-nav,
.scroll-nav {
  border-radius: var(--radius-lg) !important;
  padding: 6px !important;
}

.site-nav a,
.scroll-nav a,
.site-nav__cta,
.scroll-nav__cta,
.nav-toggle,
.btn,
.contact-direct a,
.editor-toolbar button {
  border-radius: var(--radius-md) !important;
}

.eyebrow,
.trust-line span,
.product-card__meta span,
.product-card__meta small,
.product-row span,
.price-card > span,
.blog-grid article > span,
.product-preview__top span,
.blog-meta span,
.tag-cloud span,
.admin-row__meta span,
.status,
.blog-category-nav a {
  border-radius: var(--radius-chip) !important;
}

.hero__mist,
.hero__mist::before,
.hero__mist::after,
.hero-board__panel,
.intro-strip,
.product-card,
.value-grid article,
.price-card,
.blog-grid article,
.info-box,
.feature-card,
.product-preview,
.contact-form,
.cta-panel,
.flow-panel,
.process-panel,
.product-row,
.blog-featured-card,
.admin-card,
.admin-panel .admin-table,
.media-showcase,
.legal-content,
.faq-grid details {
  border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-md) !important;
}

.hero-board__headline,
.hero-board__list a,
.product-preview__rows div,
.process-steps div,
.timeline div,
.blog-category-nav,
.work-card,
.work-row,
.work-toolbar {
  border-radius: var(--radius-lg) var(--radius-sm) var(--radius-lg) var(--radius-sm) !important;
}

.product-card,
.value-grid article,
.blog-card,
.blog-featured-card,
.product-row,
.info-box,
.feature-card,
.product-preview,
.cta-panel,
.media-showcase,
.blog-hub-panel,
.blog-center-strip article,
.product-roadmap-note {
  position: relative;
  overflow: hidden;
}

.product-card::after,
.value-grid article::after,
.blog-card::after,
.product-row::after,
.info-box::after,
.feature-card::after,
.blog-hub-panel::after,
.product-roadmap-note::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
  background: linear-gradient(135deg, transparent 0 49%, rgba(183,154,99,.16) 50% 100%);
  pointer-events: none;
}

.hero-board__panel {
  background:
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(251,250,247,.90)),
    linear-gradient(90deg, rgba(183,154,99,.07) 1px, transparent 1px),
    linear-gradient(180deg, rgba(17,19,24,.035) 1px, transparent 1px);
  background-size: auto, 42px 42px, 42px 42px;
  border-color: rgba(183,154,99,.20);
}

.hero-board__top span {
  border-radius: var(--radius-sm) !important;
  letter-spacing: .02em;
}

.hero-hub {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 13px;
}

.hero-hub div {
  padding: 13px 14px;
  border: 1px solid rgba(17,19,24,.08);
  border-radius: var(--radius-lg) var(--radius-sm) var(--radius-lg) var(--radius-sm);
  background: rgba(255,255,255,.78);
}

.hero-hub span,
.hero-board__note {
  display: block;
  color: var(--muted);
  font-size: .78rem;
  font-weight: 850;
}

.hero-hub strong {
  display: block;
  margin-top: 3px;
  color: var(--ink);
  font-size: .94rem;
  line-height: 1.15;
  letter-spacing: -.02em;
}

.hero-board__list--hub a {
  position: relative;
  padding-right: 46px;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.hero-board__list--hub a::before {
  content: "";
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--accent), rgba(183,154,99,.18));
}

.hero-board__list--hub a::after {
  content: "↗";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--accent2);
  font-weight: 950;
}

.hero-board__list--hub a:hover {
  transform: translateX(3px);
  border-color: rgba(183,154,99,.32);
  box-shadow: 0 14px 28px rgba(17,19,24,.075);
}

.hero-board__list--hub a.is-next {
  border-style: dashed;
  background: rgba(251,250,247,.84);
}

.hero-board__note {
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(183,154,99,.16);
  border-radius: var(--radius-lg) var(--radius-sm) var(--radius-lg) var(--radius-sm);
  background: rgba(243,238,228,.48);
  line-height: 1.45;
}

.blog-hero--center {
  padding-bottom: 42px;
}

.blog-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 34px;
  align-items: end;
}

.blog-hub-panel {
  padding: 22px;
  border: 1px solid rgba(183,154,99,.18);
  border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-md);
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(251,250,247,.9)),
    linear-gradient(90deg, rgba(17,19,24,.035) 1px, transparent 1px);
  background-size: auto, 38px 38px;
  box-shadow: var(--shadow2);
}

.blog-hub-panel > span {
  display: inline-flex;
  padding: 7px 10px;
  border-radius: var(--radius-sm);
  background: var(--accent-soft);
  color: var(--accent2);
  font-size: .74rem;
  font-weight: 950;
}

.blog-hub-panel h2 {
  margin: 14px 0 16px;
  font-size: 1.25rem;
  line-height: 1.12;
  letter-spacing: -.035em;
}

.blog-hub-panel__grid {
  display: grid;
  gap: 8px;
}

.blog-hub-panel__grid a {
  display: grid;
  gap: 2px;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md) var(--radius-sm) var(--radius-md) var(--radius-sm);
  background: #fff;
}

.blog-hub-panel__grid b {
  color: var(--ink);
  font-size: .92rem;
}

.blog-hub-panel__grid small {
  color: var(--muted);
  font-weight: 850;
}

.blog-hub-panel__link {
  display: inline-flex;
  margin-top: 14px;
  color: var(--accent2);
  font-weight: 950;
}

.blog-center-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 24px;
}

.blog-center-strip article {
  padding: 18px;
  border: 1px solid rgba(17,19,24,.08);
  border-radius: var(--radius-xl) var(--radius-sm) var(--radius-xl) var(--radius-sm);
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 26px rgba(17,19,24,.045);
}

.blog-center-strip span {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--accent2);
  font-size: .78rem;
  font-weight: 950;
}

.blog-center-strip h2 {
  font-size: 1.1rem;
  margin-bottom: 7px;
}

.blog-center-strip p {
  font-size: .91rem;
  font-weight: 750;
}

.section--product-roadmap {
  padding-top: 0;
}

.product-roadmap-note {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 26px;
  align-items: center;
  padding: 26px 28px;
  border: 1px solid rgba(183,154,99,.18);
  border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-md);
  background: linear-gradient(135deg, #fff, #fbfaf7);
  box-shadow: var(--shadow2);
}

.product-roadmap-note h2 {
  margin-top: 12px;
  font-size: clamp(1.65rem, 2.6vw, 2.35rem);
}

.product-roadmap-note p {
  font-size: 1rem;
  font-weight: 750;
}

@media (max-width: 980px) {
  .blog-hero__grid,
  .product-roadmap-note {
    grid-template-columns: 1fr;
  }

  .blog-hub-panel {
    align-self: stretch;
  }
}

@media (max-width: 860px) {
  .hero-hub,
  .blog-center-strip {
    grid-template-columns: 1fr;
  }

  .hero-board__list--hub a:hover {
    transform: none;
  }

  body.is-public-area::before {
    background-size: 54px 54px;
    opacity: .30;
  }
}

@media (max-width: 520px) {
  .hero-board__panel,
  .hero__mist,
  .intro-strip,
  .product-card,
  .value-grid article,
  .blog-grid article,
  .product-row,
  .blog-featured-card,
  .cta-panel,
  .media-showcase,
  .blog-hub-panel,
  .product-roadmap-note {
    border-radius: 20px 12px 20px 12px !important;
  }

  .site-nav,
  .scroll-nav {
    border-radius: 18px !important;
  }
}

/* TaskLine polish v20260427.4
   Cel: mniej rozciągnięty blok po prawej, ciekawsza kompozycja hero,
   oraz nowa kolorystyka w kierunku stone + sage, bez złotego tonu. */
:root{
  --bg:#ffffff;
  --bg-soft:#f4f7f4;
  --paper:#ffffff;
  --paper2:#f8fbf8;
  --ink:#10161a;
  --text:#2f3940;
  --muted:#68757b;
  --line:rgba(16,22,26,.10);
  --line-strong:rgba(16,22,26,.16);
  --accent:#7f9885;
  --accent2:#3f5d4c;
  --accent-soft:#e6efe8;
  --graphite:#192127;
  --shadow:0 24px 70px rgba(16,22,26,.09);
  --shadow2:0 14px 34px rgba(16,22,26,.065);
}

body{
  background:
    radial-gradient(circle at 14% -6%, rgba(127,152,133,.15) 0, transparent 29%),
    radial-gradient(circle at 96% 2%, rgba(63,93,76,.08) 0, transparent 28%),
    linear-gradient(180deg,#fff 0%,#f8fbf8 44%,#fff 100%) !important;
}

body.is-public-area::before {
  background:
    linear-gradient(90deg, rgba(63,93,76,.05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(16,22,26,.024) 1px, transparent 1px);
}

.site-header::after{
  background:linear-gradient(90deg,transparent,rgba(127,152,133,.42),transparent) !important;
}

.site-nav,
.scroll-nav{
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(255,255,255,.78) !important;
}

.site-nav a:hover,
.site-nav a.is-active,
.scroll-nav a:hover,
.scroll-nav a.is-active,
.site-nav__cta,
.scroll-nav__cta,
.btn--primary{
  background:var(--accent2) !important;
  border-color:var(--accent2) !important;
  color:#fff !important;
  box-shadow:0 16px 36px rgba(63,93,76,.18) !important;
}

.site-nav__cta:hover,
.scroll-nav__cta:hover,
.btn--primary:hover{
  background:#324b3d !important;
  border-color:#324b3d !important;
}

.btn--ghost{
  background:rgba(255,255,255,.88);
  border-color:rgba(16,22,26,.10);
}

.eyebrow,
.product-card__meta span,
.product-card__meta small,
.blog-meta span,
.trust-line span{
  background:#fff !important;
  border-color:rgba(127,152,133,.28) !important;
  color:var(--accent2) !important;
}

.eyebrow::before{
  background:var(--accent);
  box-shadow:0 0 0 6px rgba(127,152,133,.14);
}

.hero__mist::before{
  background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,255,255,.5) 45%,rgba(230,239,232,.72) 100%) !important;
}

.hero__mist::after{
  background:
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.92) 0,rgba(255,255,255,.48) 28%,transparent 65%),
    radial-gradient(circle at 76% 72%,rgba(127,152,133,.14) 0,transparent 48%) !important;
}

.hero__grid--refined{
  grid-template-columns:minmax(0,1fr) minmax(320px,388px);
  gap:58px;
}

.hero-board--mosaic{
  width:100%;
  max-width:388px;
  justify-self:end;
}

.hero-board--mosaic .hero-board__glow{
  inset:30px -12px -12px 28px;
  border-radius:34px;
  background:linear-gradient(135deg,rgba(127,152,133,.18),rgba(255,255,255,.18));
  filter:blur(14px);
}

.hero-board__panel--mosaic{
  padding:24px;
  border-radius:24px 14px 24px 14px !important;
  border:1px solid rgba(127,152,133,.20) !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,251,248,.92)),
    linear-gradient(90deg, rgba(63,93,76,.05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(16,22,26,.03) 1px, transparent 1px) !important;
  background-size:auto, 34px 34px, 34px 34px !important;
  box-shadow:0 28px 72px rgba(16,22,26,.11);
}

.hero-board__top{
  align-items:center;
  margin-bottom:18px;
}

.hero-board__top span{
  background:var(--accent-soft) !important;
  color:var(--accent2) !important;
  border:1px solid rgba(127,152,133,.24);
}

.hero-board__headline--compact{
  padding:16px;
  margin-bottom:14px;
  background:linear-gradient(135deg,#fff,#f8fbf8) !important;
}

.hero-focus-card{
  position:relative;
  padding:18px;
  margin-bottom:14px;
  border-radius:20px 12px 20px 12px;
  border:1px solid rgba(127,152,133,.20);
  background:linear-gradient(135deg,rgba(230,239,232,.72),rgba(255,255,255,.98));
  overflow:hidden;
}

.hero-focus-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0 auto;
  width:52px;
  height:52px;
  background:linear-gradient(135deg, transparent 0 49%, rgba(127,152,133,.20) 50% 100%);
}

.hero-focus-card__meta{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.hero-focus-card__meta span{
  display:block;
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--muted);
  font-weight:900;
}

.hero-focus-card__meta strong{
  display:block;
  color:var(--ink);
  font-size:1.05rem;
  line-height:1.1;
  text-align:right;
}

.hero-focus-card__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.hero-focus-card__chips a,
.hero-focus-card__chips span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:12px;
  border:1px solid rgba(127,152,133,.18);
  background:rgba(255,255,255,.90);
  color:var(--ink);
  font-size:.82rem;
  font-weight:850;
}

.hero-focus-card__chips span{
  color:var(--muted);
}

.hero-focus-card__cta{
  display:inline-flex;
  margin-top:14px;
  color:var(--accent2);
  font-weight:950;
}

.hero-mosaic-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.hero-mosaic-tile{
  display:grid;
  gap:4px;
  min-height:112px;
  padding:15px 14px;
  border:1px solid rgba(16,22,26,.08);
  border-radius:18px 11px 18px 11px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 24px rgba(16,22,26,.04);
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.hero-mosaic-tile:hover{
  transform:translateY(-2px);
  border-color:rgba(127,152,133,.30);
  box-shadow:0 16px 30px rgba(16,22,26,.07);
}

.hero-mosaic-tile b{
  color:var(--ink);
  font-size:.94rem;
  line-height:1.12;
}

.hero-mosaic-tile span{
  color:var(--muted);
  font-size:.82rem;
  line-height:1.45;
  font-weight:750;
}

.hero-mosaic-tile--soft{
  background:linear-gradient(135deg,rgba(248,251,248,.98),rgba(255,255,255,.96));
}

.product-card::after,
.value-grid article::after,
.blog-card::after,
.product-row::after,
.info-box::after,
.feature-card::after,
.blog-hub-panel::after,
.product-roadmap-note::after{
  background:linear-gradient(135deg, transparent 0 49%, rgba(127,152,133,.16) 50% 100%) !important;
}

.hero-board__note,
.blog-hub-panel > span,
.blog-center-strip span,
.product-card a,
.work-card a,
.admin-small-link,
.blog-hub-panel__link{
  color:var(--accent2) !important;
}

@media (max-width: 980px){
  .hero__grid--refined{
    grid-template-columns:1fr;
    gap:30px;
  }

  .hero-board--mosaic{
    justify-self:start;
    max-width:460px;
  }
}

@media (max-width: 680px){
  .hero-board--mosaic{
    max-width:none;
  }

  .hero-mosaic-grid{
    grid-template-columns:1fr;
  }

  .hero-mosaic-tile{
    min-height:unset;
  }

  .hero-focus-card__meta{
    display:grid;
  }

  .hero-focus-card__meta strong{
    text-align:left;
  }
}

/* TaskLine polish v20260427.5
   Finalna kolorystyka — wariant 1:
   grafit + off-white + chłodny slate.
   Układ pozostaje bez zmian, nadpisujemy tylko klimat wizualny. */
:root{
  --bg:#ffffff;
  --bg-soft:#f5f6f7;
  --paper:#ffffff;
  --paper2:#fafbfc;
  --ink:#171d23;
  --text:#2f3740;
  --muted:#6d7680;
  --line:rgba(23,29,35,.10);
  --line-strong:rgba(23,29,35,.16);
  --accent:#73808d;
  --accent2:#33414d;
  --accent-soft:#e8edf2;
  --graphite:#171d23;
  --shadow:0 24px 70px rgba(23,29,35,.09);
  --shadow2:0 14px 34px rgba(23,29,35,.065);
}

body{
  background:
    radial-gradient(circle at 14% -6%, rgba(115,128,141,.12) 0, transparent 30%),
    radial-gradient(circle at 96% 4%, rgba(51,65,77,.07) 0, transparent 28%),
    linear-gradient(180deg,#fff 0%,#fafbfc 45%,#fff 100%) !important;
}

body.is-public-area::before{
  background:
    linear-gradient(90deg, rgba(51,65,77,.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(23,29,35,.022) 1px, transparent 1px);
  opacity:.34;
}

.site-header::after{
  background:linear-gradient(90deg,transparent,rgba(115,128,141,.36),transparent) !important;
}

.site-nav,
.scroll-nav{
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(255,255,255,.78) !important;
}

.site-nav a,
.scroll-nav a{
  color:var(--text) !important;
}

.site-nav a:hover,
.site-nav a.is-active,
.scroll-nav a:hover,
.scroll-nav a.is-active,
.site-nav__cta,
.scroll-nav__cta,
.btn--primary{
  background:var(--accent2) !important;
  border-color:var(--accent2) !important;
  color:#fff !important;
  box-shadow:0 16px 36px rgba(51,65,77,.18) !important;
}

.site-nav__cta:hover,
.scroll-nav__cta:hover,
.btn--primary:hover{
  background:#25323d !important;
  border-color:#25323d !important;
}

.btn--ghost{
  background:rgba(255,255,255,.88);
  border-color:rgba(23,29,35,.10);
  color:var(--ink);
}

.eyebrow,
.product-card__meta span,
.product-card__meta small,
.blog-meta span,
.trust-line span,
.hero-board__top span,
.hero-focus-card__chips a,
.hero-focus-card__chips span{
  border-color:rgba(115,128,141,.24) !important;
}

.eyebrow,
.product-card__meta span,
.product-card__meta small,
.blog-meta span,
.trust-line span{
  background:#fff !important;
  color:var(--accent2) !important;
}

.eyebrow::before{
  background:var(--accent);
  box-shadow:0 0 0 6px rgba(115,128,141,.12);
}

.hero__mist::before{
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.52) 45%,rgba(232,237,242,.72) 100%) !important;
}

.hero__mist::after{
  background:
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.92) 0,rgba(255,255,255,.48) 28%,transparent 65%),
    radial-gradient(circle at 76% 72%,rgba(115,128,141,.12) 0,transparent 48%) !important;
}

.hero-board--mosaic .hero-board__glow{
  background:linear-gradient(135deg,rgba(115,128,141,.17),rgba(255,255,255,.18));
}

.hero-board__panel,
.hero-board__panel--mosaic{
  border-color:rgba(115,128,141,.18) !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.95),rgba(250,251,252,.92)),
    linear-gradient(90deg, rgba(51,65,77,.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(23,29,35,.028) 1px, transparent 1px) !important;
  background-size:auto, 34px 34px, 34px 34px !important;
}

.hero-board__headline,
.hero-board__headline--compact,
.intro-strip,
.product-card,
.value-grid article,
.price-card,
.blog-grid article,
.info-box,
.feature-card,
.product-preview,
.contact-form,
.cta-panel,
.flow-panel,
.process-panel,
.blog-hub-panel,
.blog-center-strip article,
.product-roadmap-note,
.work-card,
.work-row,
.work-toolbar{
  border-color:rgba(23,29,35,.08) !important;
}

.hero-board__top span,
.blog-hub-panel > span{
  background:var(--accent-soft) !important;
  color:var(--accent2) !important;
}

.hero-focus-card{
  border-color:rgba(115,128,141,.18);
  background:linear-gradient(135deg,rgba(232,237,242,.68),rgba(255,255,255,.98));
}

.hero-focus-card::after,
.product-card::after,
.value-grid article::after,
.blog-card::after,
.product-row::after,
.info-box::after,
.feature-card::after,
.blog-hub-panel::after,
.product-roadmap-note::after{
  background:linear-gradient(135deg, transparent 0 49%, rgba(115,128,141,.14) 50% 100%) !important;
}

.hero-focus-card__chips a,
.hero-focus-card__chips span{
  background:rgba(255,255,255,.92);
}

.hero-mosaic-tile,
.blog-center-strip article{
  background:rgba(255,255,255,.94);
  border-color:rgba(23,29,35,.08);
  box-shadow:0 10px 24px rgba(23,29,35,.04);
}

.hero-mosaic-tile:hover{
  border-color:rgba(115,128,141,.28);
  box-shadow:0 16px 30px rgba(23,29,35,.07);
}

.hero-mosaic-tile--soft{
  background:linear-gradient(135deg,rgba(250,251,252,.98),rgba(255,255,255,.96));
}

.product-card a,
.hero-focus-card__cta,
.hero-board__note,
.blog-hub-panel__link,
.work-card a,
.admin-small-link{
  color:var(--accent2) !important;
}

.hero-board__note{
  border-color:rgba(115,128,141,.16);
  background:rgba(232,237,242,.48);
}

.site-footer,
.section--products{
  background-image:none;
}

/* TaskLine polish v20260427.6
   Dalszy micro-polish po akceptacji układu:
   - lepsza czytelność przycisku „Prezentacja”
   - szerszy prawy blok hero
   - delikatniej, ale wyraźniej widoczna siatka / geometria tła */

.site-nav__cta,
.scroll-nav__cta,
.site-nav__cta:hover,
.scroll-nav__cta:hover {
  min-width: 138px;
  padding-inline: 18px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  font-weight: 950 !important;
  letter-spacing: .01em;
  text-shadow: none;
  opacity: 1 !important;
}

.hero {
  padding: 126px 0 68px;
}

.hero__grid--refined {
  grid-template-columns: minmax(0, .92fr) minmax(420px, 472px);
  gap: 42px;
  align-items: center;
}

.hero__copy {
  max-width: 702px;
}

.hero h1 {
  max-width: 700px;
  font-size: clamp(2.9rem, 5.25vw, 4.82rem);
}

.hero__lead {
  max-width: 612px;
}

.hero-board--mosaic {
  max-width: 472px;
}

.hero-board__panel--mosaic {
  padding: 26px 26px 24px;
}

.hero-board__headline--compact {
  margin-bottom: 12px;
}

.hero-focus-card {
  margin-bottom: 12px;
}

.hero-mosaic-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 10px;
}

.hero-mosaic-tile {
  min-height: 98px;
}

body.is-public-area::before {
  background:
    linear-gradient(90deg, rgba(51,65,77,.05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(23,29,35,.024) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: .46;
  mask-image: radial-gradient(circle at 50% 12%, rgba(0,0,0,.94), transparent 72%);
}

body.is-public-area::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 82% 18%, rgba(115,128,141,.10) 0, transparent 20%),
    linear-gradient(135deg, transparent 0 47.5%, rgba(115,128,141,.09) 48%, rgba(115,128,141,.09) 49%, transparent 49.5%) 79% 10%/260px 260px no-repeat,
    linear-gradient(135deg, transparent 0 47.5%, rgba(51,65,77,.07) 48%, rgba(51,65,77,.07) 49%, transparent 49.5%) 86% 20%/180px 180px no-repeat,
    linear-gradient(135deg, transparent 0 47.5%, rgba(115,128,141,.06) 48%, rgba(115,128,141,.06) 49%, transparent 49.5%) 10% 72%/220px 220px no-repeat;
  opacity: .92;
}

@media (max-width: 1180px) {
  .hero__grid--refined {
    grid-template-columns: minmax(0, 1fr) minmax(390px, 438px);
    gap: 34px;
  }

  .hero-board--mosaic {
    max-width: 438px;
  }
}

@media (max-width: 980px) {
  .hero__grid--refined {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .hero-board--mosaic {
    max-width: 492px;
  }

  body.is-public-area::after {
    background:
      radial-gradient(circle at 84% 12%, rgba(115,128,141,.09) 0, transparent 20%),
      linear-gradient(135deg, transparent 0 47.5%, rgba(115,128,141,.08) 48%, rgba(115,128,141,.08) 49%, transparent 49.5%) 86% 8%/220px 220px no-repeat;
    opacity: .8;
  }
}

@media (max-width: 680px) {
  .site-nav__cta,
  .scroll-nav__cta,
  .site-nav__cta:hover,
  .scroll-nav__cta:hover {
    min-width: 124px;
  }

  .hero-mosaic-grid {
    grid-template-columns: 1fr;
  }

  body.is-public-area::before {
    background-size: 52px 52px;
    opacity: .34;
  }

  body.is-public-area::after {
    background:
      radial-gradient(circle at 86% 10%, rgba(115,128,141,.08) 0, transparent 24%),
      linear-gradient(135deg, transparent 0 47.5%, rgba(115,128,141,.06) 48%, rgba(115,128,141,.06) 49%, transparent 49.5%) 92% 10%/150px 150px no-repeat;
    opacity: .72;
  }
}

/* TaskLine polish v20260427.7
   - delikatnie mniejsze logo w prawym bloku hero
   - usunięty chip "centrum produktów"
   - niższy blok po prawej
   - przyciski menu ujednolicone, bez stałego zablokowanego koloru
   - subtelne wyróżnienie pozycji "Prezentacja" */

.hero-board__top {
  justify-content: flex-start;
  margin-bottom: 12px;
}

.hero-board__top img {
  width: 58px !important;
  height: 58px !important;
}

.hero-board__panel--mosaic {
  padding: 22px 22px 20px;
}

.hero-board__headline--compact {
  padding: 14px 15px;
  margin-bottom: 10px;
}

.hero-board__headline--compact strong {
  font-size: 1.02rem;
}

.hero-board__headline--compact small {
  margin-top: 3px;
  font-size: .84rem;
}

.hero-focus-card {
  padding: 15px 16px;
  margin-bottom: 10px;
}

.hero-focus-card__meta {
  margin-bottom: 10px;
}

.hero-focus-card__chips {
  gap: 7px;
}

.hero-focus-card__chips a,
.hero-focus-card__chips span {
  min-height: 31px;
  padding: 0 11px;
  font-size: .8rem;
}

.hero-focus-card__cta {
  margin-top: 10px;
  font-size: .9rem;
}

.hero-mosaic-grid {
  gap: 8px;
}

.hero-mosaic-tile {
  min-height: 88px;
  padding: 13px 13px;
}

.hero-mosaic-tile b {
  font-size: .91rem;
}

.hero-mosaic-tile span {
  font-size: .79rem;
  line-height: 1.38;
}

.hero__grid--refined {
  grid-template-columns: minmax(0, .93fr) minmax(430px, 492px);
  gap: 36px;
}

.hero-board--mosaic {
  max-width: 492px;
}

/* Menu: wszystkie pozycje jednakowe wizualnie */
.site-nav a,
.scroll-nav a,
.site-nav__cta,
.scroll-nav__cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 15px;
  border-radius: 16px !important;
  font-size: .9rem;
  font-weight: 850;
  color: var(--text) !important;
  background: transparent !important;
  border: 1px solid transparent;
  box-shadow: none !important;
  transition: .16s ease;
}

.site-nav a:hover,
.site-nav a.is-active,
.scroll-nav a:hover,
.scroll-nav a.is-active,
.site-nav__cta:hover,
.scroll-nav__cta:hover {
  background: var(--accent2) !important;
  color: #fff !important;
  border-color: var(--accent2) !important;
  box-shadow: 0 10px 22px rgba(51,65,77,.11) !important;
}

.site-nav__cta,
.scroll-nav__cta,
.site-nav__cta:hover,
.scroll-nav__cta:hover {
  min-width: auto;
  padding-inline: 15px !important;
  -webkit-text-fill-color: currentColor;
  text-shadow: none;
  opacity: 1 !important;
}

/* Subtelny wyróżnik dla Prezentacji */
.site-nav__cta,
.scroll-nav__cta {
  border-color: rgba(115,128,141,.22);
  background: rgba(232,237,242,.42) !important;
}

.site-nav__cta::before,
.scroll-nav__cta::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--accent);
  margin-right: 8px;
  flex: 0 0 6px;
}

.site-nav__cta:hover::before,
.scroll-nav__cta:hover::before {
  background: #ffffff;
}

@media (max-width: 1180px) {
  .hero__grid--refined {
    grid-template-columns: minmax(0, 1fr) minmax(400px, 448px);
  }

  .hero-board--mosaic {
    max-width: 448px;
  }
}

@media (max-width: 980px) {
  .hero__grid--refined {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .hero-board--mosaic {
    max-width: 498px;
  }
}

@media (max-width: 680px) {
  .hero-board__panel--mosaic {
    padding: 20px 18px 18px;
  }

  .site-nav a,
  .scroll-nav a,
  .site-nav__cta,
  .scroll-nav__cta {
    border-radius: 14px !important;
  }
}

/* TaskLine polish v20260427.9
   - cofnięcie watermarku z logo
   - przywrócenie widocznego logo w prawym bloku hero
   - delikatne odciążenie strony z wrażenia "kartki z tekstem"
   - dodane mini preview cards w hero, żeby wprowadzić więcej rytmu wizualnego */

.hero-board__top {
  justify-content: flex-start;
  margin-bottom: 14px;
}

.hero-board__logo,
.hero-board__top img {
  width: 72px !important;
  height: 72px !important;
  object-fit: contain;
}

.hero-board__panel--mosaic {
  overflow: visible;
}

.hero-focus-card {
  padding-bottom: 14px;
}

.hero-preview-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.hero-preview-mini {
  position: relative;
  min-height: 78px;
  padding: 10px 10px 9px;
  border: 1px solid rgba(23,29,35,.08);
  border-radius: 14px 10px 14px 10px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(232,237,242,.52));
  box-shadow: 0 8px 18px rgba(23,29,35,.04);
  overflow: hidden;
}

.hero-preview-mini::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 28px;
  height: 6px;
  border-radius: 999px;
  background: rgba(115,128,141,.26);
  box-shadow: 34px 0 0 rgba(115,128,141,.14), 68px 0 0 rgba(115,128,141,.10);
}

.hero-preview-mini span {
  display: block;
  margin-top: 16px;
  margin-bottom: 10px;
  color: var(--ink);
  font-size: .77rem;
  font-weight: 900;
  line-height: 1.2;
}

.hero-preview-mini i {
  display: block;
  width: 100%;
  height: 28px;
  border-radius: 9px;
  background:
    linear-gradient(180deg, rgba(115,128,141,.16), rgba(115,128,141,.06)),
    linear-gradient(90deg, rgba(51,65,77,.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(51,65,77,.06) 1px, transparent 1px);
  background-size: auto, 12px 12px, 12px 12px;
}

.hero-mosaic-tile {
  position: relative;
  padding-left: 14px;
}

.hero-mosaic-tile::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 14px;
  width: 10px;
  height: 10px;
  border-radius: 4px;
  background: rgba(115,128,141,.28);
}

.hero-mosaic-tile b,
.hero-mosaic-tile span {
  padding-left: 18px;
}

/* Lekkie odciążenie tekstu w karcie głównej */
.hero-board__headline--compact small {
  max-width: 95%;
}

@media (max-width: 680px) {
  .hero-preview-rail {
    grid-template-columns: 1fr;
  }

  .hero-preview-mini {
    min-height: 72px;
  }
}

/* TaskLine polish v20260427.10
   - usunięto: "4 webappy", "Rezerwacje", "Oferty", "Budowy"
   - powiększono logo w prawym bloku hero */

.hero-board__logo,
.hero-board__top img {
  width: 96px !important;
  height: 96px !important;
}

.hero-board__top {
  margin-bottom: 16px;
}

.hero-focus-card__meta {
  display: block;
  margin-bottom: 12px;
}

.hero-focus-card__meta span {
  display: inline-block;
}

.hero-focus-card__meta strong {
  display: none !important;
}

.hero-focus-card {
  padding-bottom: 12px;
}

/* Czyszczenie po usuniętych mini kartach */
.hero-preview-rail,
.hero-preview-mini {
  display: none !important;
}

@media (max-width: 680px) {
  .hero-board__logo,
  .hero-board__top img {
    width: 86px !important;
    height: 86px !important;
  }
}

/* TaskLine polish v20260427.11
   Korzyści pod hero nie udają już tabsów/przycisków.
   Zmienione na spokojną linię informacyjną: "Efekt: ..." */

.trust-line--statement {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  margin-top: 14px;
  color: var(--muted);
  font-size: .92rem;
  line-height: 1.45;
}

.trust-line--statement strong {
  margin-right: 10px;
  color: var(--ink);
  font-weight: 950;
}

.trust-line--statement span {
  display: inline-flex;
  align-items: center;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--muted) !important;
  font-size: .92rem;
  font-weight: 850;
  pointer-events: none;
}

.trust-line--statement span:not(:last-child)::after {
  content: "";
  width: 4px;
  height: 4px;
  margin: 0 10px;
  border-radius: 999px;
  background: var(--accent);
  opacity: .62;
}

@media (max-width: 520px) {
  .trust-line--statement {
    display: grid;
    gap: 4px;
  }

  .trust-line--statement strong {
    margin-right: 0;
  }

  .trust-line--statement span:not(:last-child)::after {
    display: none;
  }
}

/* TaskLine polish v20260427.12
   Mocniejsze wyeksponowanie etykiety "Aktywne rozwiązania" w hero po prawej. */

.hero-focus-card__meta {
  margin-bottom: 14px;
}

.hero-focus-card__meta span {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0 0 10px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  letter-spacing: .02em;
  line-height: 1.1;
  text-transform: uppercase;
}

.hero-focus-card__meta span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 72px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--accent2), rgba(115,128,141,.42));
}

.hero-focus-card__meta span::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 10px;
  border-radius: 3px;
  background: linear-gradient(135deg, var(--accent2), var(--accent));
  box-shadow: 0 0 0 6px rgba(115,128,141,.10);
}

@media (max-width: 680px) {
  .hero-focus-card__meta span {
    font-size: .94rem !important;
    padding-bottom: 9px !important;
  }

  .hero-focus-card__meta span::after {
    width: 60px;
  }
}

/* TaskLine polish v20260427.13
   - wyraźnie większe logo w prawym bloku hero
   - mocno widoczne wyróżnienie "Aktywne rozwiązania" */

.hero-board__logo,
.hero-board__top img {
  width: 132px !important;
  height: 132px !important;
}

.hero-board__top {
  margin-bottom: 18px !important;
}

.hero-focus-card__meta {
  display: block !important;
  margin-bottom: 16px !important;
}

.hero-focus-card__meta span {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 0 16px 0 14px !important;
  background: linear-gradient(135deg, rgba(232,237,242,.94), rgba(255,255,255,.98)) !important;
  border: 1px solid rgba(115,128,141,.26) !important;
  border-left: 5px solid var(--accent2) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 28px rgba(23,29,35,.07) !important;
  color: var(--ink) !important;
  font-size: 1.02rem !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

.hero-focus-card__meta span::before {
  content: "" !important;
  width: 12px !important;
  height: 12px !important;
  margin-right: 10px !important;
  border-radius: 3px !important;
  background: linear-gradient(135deg, var(--accent2), var(--accent)) !important;
  box-shadow: 0 0 0 6px rgba(115,128,141,.10) !important;
  flex: 0 0 12px !important;
}

.hero-focus-card__meta span::after {
  content: none !important;
}

@media (max-width: 680px) {
  .hero-board__logo,
  .hero-board__top img {
    width: 112px !important;
    height: 112px !important;
  }

  .hero-focus-card__meta span {
    min-height: 44px !important;
    padding: 0 14px 0 12px !important;
    font-size: .95rem !important;
  }
}

/* TaskLine polish v20260427.14
   Subtelne akcenty kolorystyczne w kilku miejscach strony,
   bez rozwalania układu i bez przesadnego nasycenia. */

/* 1. Delikatne kolorystyczne akcenty przy nagłówkach sekcji */
.section__head h2,
.page-hero h1,
.blog-post__hero h1,
.product-hero h1 {
  position: relative;
}

.section__head h2::after,
.page-hero h1::after,
.blog-post__hero h1::after,
.product-hero h1::after {
  content: "";
  display: block;
  width: 76px;
  height: 4px;
  margin-top: 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--accent2), rgba(115,128,141,.38));
}

/* 2. Subtelny akcent na kartach — bardziej premium niż krzykliwy */
.product-card,
.blog-card,
.value-grid article,
.faq-grid details,
.work-card,
.info-box,
.feature-card,
.price-card,
.contact-form,
.cta-panel {
  position: relative;
  overflow: hidden;
}

.product-card::before,
.blog-card::before,
.value-grid article::before,
.faq-grid details::before,
.work-card::before,
.info-box::before,
.feature-card::before,
.price-card::before,
.contact-form::before,
.cta-panel::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--accent2), rgba(115,128,141,.22), transparent 72%);
  opacity: .88;
}

/* 3. FAQ i detale — lekki kolor w stanie hover/open */
.faq-grid details[open],
.faq-grid details:hover {
  border-color: rgba(115,128,141,.22) !important;
  box-shadow: 0 14px 30px rgba(23,29,35,.06) !important;
}

.faq-grid summary {
  transition: color .16s ease;
}

.faq-grid details[open] summary,
.faq-grid details:hover summary {
  color: var(--accent2);
}

/* 4. Prawy blok hero — drobne kolorowe rytmy */
.hero-mosaic-tile {
  border-color: rgba(115,128,141,.14);
}

.hero-mosaic-tile::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 12px;
  width: 8px;
  height: 8px;
  border-radius: 3px;
  background: linear-gradient(135deg, var(--accent2), var(--accent));
  opacity: .55;
}

.hero-focus-card__cta,
.product-card a,
.blog-card a,
.work-card a,
.admin-small-link,
.blog-hub-panel__link {
  position: relative;
}

.hero-focus-card__cta::after,
.product-card a::after,
.blog-card a::after,
.work-card a::after,
.admin-small-link::after,
.blog-hub-panel__link::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 5px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--accent2), rgba(115,128,141,.28));
  transform: scaleX(.34);
  transform-origin: left center;
  transition: transform .16s ease;
}

.hero-focus-card__cta:hover::after,
.product-card a:hover::after,
.blog-card a:hover::after,
.work-card a:hover::after,
.admin-small-link:hover::after,
.blog-hub-panel__link:hover::after {
  transform: scaleX(1);
}

/* 5. Przycisk ghost i wybrane soft surface z delikatnym akcentem */
.btn--ghost {
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(232,237,242,.72)) !important;
}

.intro-strip,
.blog-center-strip article,
.hero-board__headline--compact {
  box-shadow: inset 0 1px 0 rgba(115,128,141,.14);
}

/* 6. Delikatny kolor w footerze/linkach */
.site-footer a,
.page-footer a {
  color: var(--accent2);
}

.site-footer a:hover,
.page-footer a:hover {
  color: var(--ink);
}

@media (max-width: 680px) {
  .section__head h2::after,
  .page-hero h1::after,
  .blog-post__hero h1::after,
  .product-hero h1::after {
    width: 62px;
    margin-top: 12px;
  }
}

/* TaskLine polish v20260427.15
   Akcenty kolorystyczne — wariant ciut bardziej wyrazisty,
   ale nadal profesjonalny i nienachalny. */

/* 1. Nagłówki sekcji: odrobinę mocniejsze podkreślenie */
.section__head h2::after,
.page-hero h1::after,
.blog-post__hero h1::after,
.product-hero h1::after {
  width: 92px;
  height: 5px;
  margin-top: 15px;
  background: linear-gradient(90deg, var(--accent2), var(--accent), rgba(115,128,141,.22));
  box-shadow: 0 6px 16px rgba(51,65,77,.10);
}

/* 2. Karty: górny akcent trochę wyraźniejszy */
.product-card::before,
.blog-card::before,
.value-grid article::before,
.faq-grid details::before,
.work-card::before,
.info-box::before,
.feature-card::before,
.price-card::before,
.contact-form::before,
.cta-panel::before {
  height: 4px;
  background: linear-gradient(90deg, var(--accent2), rgba(115,128,141,.48), transparent 78%);
  opacity: 1;
}

/* 3. Hero: delikatnie bardziej widoczne akcenty */
.hero-mosaic-tile {
  border-color: rgba(115,128,141,.18);
}

.hero-mosaic-tile::after {
  width: 10px;
  height: 10px;
  opacity: .76;
  box-shadow: 0 0 0 6px rgba(115,128,141,.07);
}

.hero-board__headline--compact {
  border-left: 4px solid rgba(115,128,141,.32);
}

.hero-focus-card {
  box-shadow: 0 16px 34px rgba(23,29,35,.07);
}

/* 4. Linki akcyjne: wyraźniejsze podkreślenie */
.hero-focus-card__cta::after,
.product-card a::after,
.blog-card a::after,
.work-card a::after,
.admin-small-link::after,
.blog-hub-panel__link::after {
  height: 3px;
  margin-top: 6px;
  background: linear-gradient(90deg, var(--accent2), rgba(115,128,141,.46));
  transform: scaleX(.48);
}

/* 5. FAQ/open state: nieco bardziej odczuwalne */
.faq-grid details[open],
.faq-grid details:hover {
  border-color: rgba(115,128,141,.26) !important;
  box-shadow: 0 18px 34px rgba(23,29,35,.08) !important;
}

/* 6. Ghost button: troszkę bogatszy niż wcześniej */
.btn--ghost {
  border-color: rgba(115,128,141,.22) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(232,237,242,.82)) !important;
  box-shadow: 0 10px 24px rgba(23,29,35,.04);
}

.btn--ghost:hover {
  border-color: rgba(51,65,77,.26) !important;
  box-shadow: 0 14px 28px rgba(23,29,35,.06);
}

/* 7. Sekcja CTA / intro: ciut bardziej premium */
.intro-strip,
.cta-panel {
  box-shadow:
    inset 0 1px 0 rgba(115,128,141,.14),
    0 14px 32px rgba(23,29,35,.04);
}

@media (max-width: 680px) {
  .section__head h2::after,
  .page-hero h1::after,
  .blog-post__hero h1::after,
  .product-hero h1::after {
    width: 74px;
    height: 4px;
  }
}

/* TaskLine polish v20260427.17
   Korekta po odrzuceniu niebieskiego akcentu:
   - bez niebieskiego/kobaltu,
   - bez podkreśleń pod nazwami produktów,
   - widoczny, ale kontrolowany akcent ciepły: miedź / terracotta,
   - kolor użyty głównie na badge/statusach produktu. */

:root{
  --accent-pop:#d46a3d;
  --accent-pop-strong:#a94b2b;
  --accent-pop-soft:#fff1e9;
  --accent-pop-line:rgba(212,106,61,.24);
}

/* 1. Usunięcie ewentualnych podkreśleń pod nazwami produktów — nazwy zostają samym tekstem. */
.product-card h3::after,
.product-row h2::after,
.blog-hub-panel__grid a b::after {
  content: none !important;
  display: none !important;
}

/* 2. Widoczny kolor tylko tam, gdzie ma sens: typ produktu / etap. */
.product-card__meta span,
.product-row > div:first-child > span,
.product-hero .eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 12px !important;
  border: 1px solid var(--accent-pop-line) !important;
  background: linear-gradient(180deg, #ffffff, var(--accent-pop-soft)) !important;
  color: var(--accent-pop-strong) !important;
  box-shadow: 0 10px 22px rgba(169,75,43,.08);
}

.product-card__meta span::before,
.product-row > div:first-child > span::before,
.product-hero .eyebrow::before {
  background: var(--accent-pop) !important;
  box-shadow: 0 0 0 6px rgba(212,106,61,.12) !important;
}

.product-card__meta small,
.product-row > div:last-child > small,
.product-preview__top span,
.blog-hub-panel__grid a small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 11px;
  border-radius: 10px !important;
  border: 1px solid rgba(169,75,43,.12) !important;
  background: linear-gradient(180deg, var(--accent-pop), var(--accent-pop-strong)) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(169,75,43,.14);
}

/* 3. Kilka drobnych akcentów tym samym kolorem, bez przesady. */
.hero-focus-card__meta span {
  border-left-color: var(--accent-pop-strong) !important;
}

.hero-focus-card__meta span::before,
.hero-mosaic-tile::after,
.site-nav__cta::before,
.scroll-nav__cta::before {
  background: linear-gradient(135deg, var(--accent-pop-strong), var(--accent-pop)) !important;
  box-shadow: 0 0 0 6px rgba(212,106,61,.10) !important;
}

.section__head h2::after,
.page-hero h1::after,
.blog-post__hero h1::after,
.product-hero h1::after {
  background: linear-gradient(90deg, var(--accent-pop-strong), var(--accent-pop), rgba(212,106,61,.18)) !important;
  box-shadow: 0 8px 18px rgba(169,75,43,.12) !important;
}

.product-card::before,
.blog-card::before,
.value-grid article::before,
.faq-grid details::before,
.work-card::before,
.info-box::before,
.feature-card::before,
.price-card::before,
.contact-form::before,
.cta-panel::before {
  background: linear-gradient(90deg, var(--accent-pop-strong), rgba(212,106,61,.38), transparent 78%) !important;
}

.hero-focus-card__cta,
.product-card a,
.blog-card a,
.work-card a,
.admin-small-link,
.blog-hub-panel__link,
.site-footer a,
.page-footer a {
  color: var(--accent-pop-strong) !important;
}

.hero-focus-card__cta::after,
.product-card a::after,
.blog-card a::after,
.work-card a::after,
.admin-small-link::after,
.blog-hub-panel__link::after {
  background: linear-gradient(90deg, var(--accent-pop-strong), rgba(212,106,61,.36)) !important;
}

.btn--ghost {
  border-color: rgba(212,106,61,.16) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,241,233,.72)) !important;
}

.faq-grid details[open],
.faq-grid details:hover {
  border-color: rgba(212,106,61,.20) !important;
  box-shadow: 0 18px 34px rgba(169,75,43,.06) !important;
}

.faq-grid details[open] summary,
.faq-grid details:hover summary {
  color: var(--accent-pop-strong) !important;
}

@media (max-width: 680px) {
  .product-card__meta span,
  .product-row > div:first-child > span,
  .product-hero .eyebrow {
    min-height: 32px;
    padding: 0 10px;
  }

  .product-card__meta small,
  .product-row > div:last-child > small,
  .product-preview__top span,
  .blog-hub-panel__grid a small {
    min-height: 28px;
    padding: 0 10px;
  }
}

/* TaskLine polish v20260427.18
   Zmiana akcentu po odrzuceniu czerwieni.
   Nowy kierunek: zgaszona oliwka / moss — bardziej naturalna,
   ale nadal elegancka i dobrze siedząca z grafitem oraz off-white. */

:root{
  --accent-pop:#8e9d56;
  --accent-pop-strong:#5f6e2f;
  --accent-pop-soft:#f3f6e8;
  --accent-pop-line:rgba(142,157,86,.24);
}

.product-card__meta span,
.product-row > div:first-child > span,
.product-hero .eyebrow {
  border: 1px solid var(--accent-pop-line) !important;
  background: linear-gradient(180deg, #ffffff, var(--accent-pop-soft)) !important;
  color: var(--accent-pop-strong) !important;
  box-shadow: 0 10px 22px rgba(95,110,47,.08) !important;
}

.product-card__meta span::before,
.product-row > div:first-child > span::before,
.product-hero .eyebrow::before {
  background: var(--accent-pop) !important;
  box-shadow: 0 0 0 6px rgba(142,157,86,.12) !important;
}

.product-card__meta small,
.product-row > div:last-child > small,
.product-preview__top span,
.blog-hub-panel__grid a small {
  border: 1px solid rgba(95,110,47,.12) !important;
  background: linear-gradient(180deg, var(--accent-pop), var(--accent-pop-strong)) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(95,110,47,.14) !important;
}

.hero-focus-card__meta span {
  border-left-color: var(--accent-pop-strong) !important;
}

.hero-focus-card__meta span::before,
.hero-mosaic-tile::after,
.site-nav__cta::before,
.scroll-nav__cta::before {
  background: linear-gradient(135deg, var(--accent-pop-strong), var(--accent-pop)) !important;
  box-shadow: 0 0 0 6px rgba(142,157,86,.10) !important;
}

.section__head h2::after,
.page-hero h1::after,
.blog-post__hero h1::after,
.product-hero h1::after {
  background: linear-gradient(90deg, var(--accent-pop-strong), var(--accent-pop), rgba(142,157,86,.18)) !important;
  box-shadow: 0 8px 18px rgba(95,110,47,.12) !important;
}

.product-card::before,
.blog-card::before,
.value-grid article::before,
.faq-grid details::before,
.work-card::before,
.info-box::before,
.feature-card::before,
.price-card::before,
.contact-form::before,
.cta-panel::before {
  background: linear-gradient(90deg, var(--accent-pop-strong), rgba(142,157,86,.38), transparent 78%) !important;
}

.hero-focus-card__cta,
.product-card a,
.blog-card a,
.work-card a,
.admin-small-link,
.blog-hub-panel__link,
.site-footer a,
.page-footer a {
  color: var(--accent-pop-strong) !important;
}

.hero-focus-card__cta::after,
.product-card a::after,
.blog-card a::after,
.work-card a::after,
.admin-small-link::after,
.blog-hub-panel__link::after {
  background: linear-gradient(90deg, var(--accent-pop-strong), rgba(142,157,86,.36)) !important;
}

.btn--ghost {
  border-color: rgba(142,157,86,.16) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(243,246,232,.72)) !important;
}

.faq-grid details[open],
.faq-grid details:hover {
  border-color: rgba(142,157,86,.20) !important;
  box-shadow: 0 18px 34px rgba(95,110,47,.06) !important;
}

.faq-grid details[open] summary,
.faq-grid details:hover summary {
  color: var(--accent-pop-strong) !important;
}

/* TaskLine polish v20260427.19
   - aktywne rozwiązania: wyraźny, ale lekki ruch na hover dla klikalnych pozycji
   - dopracowany blok DEMO
   - mocniej dopracowany przycisk w bloku DEMO */

/* 1. Klkalne nazwy rozwiązań w hero */
.hero-focus-card__chips {
  gap: 9px;
}

.hero-focus-card__chips a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  border-radius: 12px !important;
  border: 1px solid rgba(95,110,47,.14) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(243,246,232,.72)) !important;
  color: var(--ink) !important;
  box-shadow: 0 8px 18px rgba(23,29,35,.04);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
  will-change: transform;
}

.hero-focus-card__chips a:hover {
  transform: translateY(-2px);
  border-color: rgba(95,110,47,.28) !important;
  background: linear-gradient(180deg, #ffffff, rgba(243,246,232,.96)) !important;
  color: var(--accent-pop-strong) !important;
  box-shadow: 0 14px 28px rgba(95,110,47,.10);
}

.hero-focus-card__chips a:active {
  transform: translateY(-1px);
}

.hero-focus-card__chips a::after {
  content: "→";
  margin-left: 8px;
  font-size: .82rem;
  font-weight: 900;
  opacity: .46;
  transform: translateX(0);
  transition: transform .16s ease, opacity .16s ease;
}

.hero-focus-card__chips a:hover::after {
  opacity: .86;
  transform: translateX(2px);
}

.hero-focus-card__chips span {
  border-radius: 12px !important;
}

/* 2. Blok DEMO */
.section--cta {
  padding-top: 62px;
}

.section--cta .cta-panel {
  position: relative;
  isolation: isolate;
  gap: 34px;
  padding: 38px 40px;
  border-radius: 28px;
  border: 1px solid rgba(95,110,47,.18) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98) 0%, rgba(250,251,248,.98) 58%, rgba(243,246,232,.96) 100%) !important;
  box-shadow:
    0 20px 44px rgba(23,29,35,.06),
    inset 0 1px 0 rgba(255,255,255,.66);
  overflow: hidden;
}

.section--cta .cta-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(95,110,47,.05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(95,110,47,.035) 1px, transparent 1px);
  background-size: 26px 26px;
  mask-image: linear-gradient(135deg, rgba(0,0,0,.72), transparent 92%);
  opacity: .55;
}

.section--cta .cta-panel > div {
  max-width: 760px;
}

.section--cta .eyebrow {
  background: linear-gradient(180deg, #ffffff, rgba(243,246,232,.92)) !important;
  border-color: rgba(95,110,47,.18) !important;
  color: var(--accent-pop-strong) !important;
  border-radius: 12px !important;
  min-height: 36px;
  padding: 0 13px;
}

.section--cta .cta-panel h2 {
  max-width: 14ch;
  margin: 14px 0 12px;
  line-height: 1.04;
  letter-spacing: -.045em;
}

.section--cta .cta-panel p {
  max-width: 58ch;
  color: #48515a;
}

/* 3. Przycisk w DEMO — mniej nijaki, bardziej dopracowany */
.section--cta .btn--primary {
  position: relative;
  min-width: 228px;
  min-height: 56px;
  padding: 0 22px;
  border-radius: 18px !important;
  border: 1px solid rgba(23,29,35,.08) !important;
  background: linear-gradient(180deg, var(--accent2), #24313b) !important;
  color: #ffffff !important;
  font-size: .96rem;
  letter-spacing: .01em;
  box-shadow: 0 18px 36px rgba(23,29,35,.14), 0 0 0 1px rgba(255,255,255,.12) inset !important;
}

.section--cta .btn--primary::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.16), transparent 34%);
  pointer-events: none;
}

.section--cta .btn--primary::after {
  content: "↗";
  margin-left: 10px;
  font-size: 1rem;
  font-weight: 900;
}

.section--cta .btn--primary:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(180deg, #33414d, #1f2b33) !important;
  box-shadow: 0 22px 40px rgba(23,29,35,.18), 0 0 0 1px rgba(255,255,255,.14) inset !important;
}

@media (max-width: 980px) {
  .section--cta .cta-panel {
    padding: 32px 28px;
    gap: 24px;
  }

  .section--cta .cta-panel h2 {
    max-width: none;
  }
}

@media (max-width: 680px) {
  .hero-focus-card__chips a {
    min-height: 32px;
    padding: 0 11px;
  }

  .section--cta .cta-panel {
    padding: 26px 22px;
    border-radius: 24px;
  }

  .section--cta .btn--primary {
    width: 100%;
    min-width: 0;
  }
}

/* TaskLine polish v20260427.20
   - blok DEMO bardziej prostokątny i spokojniejszy
   - przycisk DEMO uproszczony, mniej tandetny
   - footer przeprojektowany: lepszy układ, social media, sekcja "Znajdziesz nas" */

/* 1. Blok DEMO */
.section--cta {
  padding-top: 60px;
}

.section--cta .cta-panel {
  gap: 34px;
  padding: 40px 42px;
  border-radius: 20px !important;
  border: 1px solid rgba(95,110,47,.16) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.98) 0%, rgba(250,251,248,.98) 58%, rgba(243,246,232,.94) 100%) !important;
  box-shadow: 0 18px 42px rgba(23,29,35,.055), inset 0 1px 0 rgba(255,255,255,.6) !important;
}

.section--cta .cta-panel::before {
  background:
    linear-gradient(90deg, rgba(95,110,47,.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(95,110,47,.026) 1px, transparent 1px) !important;
  background-size: 24px 24px !important;
  opacity: .42 !important;
}

.section--cta .eyebrow {
  border-radius: 10px !important;
}

.section--cta .cta-panel h2 {
  max-width: 15ch;
  margin: 14px 0 12px;
}

/* 2. Przycisk w DEMO — prostszy, bardziej premium */
.section--cta .btn--primary {
  min-width: 220px;
  min-height: 54px;
  padding: 0 22px;
  border-radius: 14px !important;
  border: 1px solid rgba(23,29,35,.10) !important;
  background: #1c252d !important;
  color: #ffffff !important;
  font-size: .95rem;
  letter-spacing: .01em;
  box-shadow: 0 14px 28px rgba(23,29,35,.12) !important;
}

.section--cta .btn--primary::before,
.section--cta .btn--primary::after {
  content: none !important;
}

.section--cta .btn--primary:hover {
  transform: translateY(-1px) !important;
  background: #2a353f !important;
  box-shadow: 0 18px 32px rgba(23,29,35,.15) !important;
}

/* 3. Footer */
.site-footer {
  padding: 56px 0 34px;
  background: linear-gradient(135deg, #161a1f 0%, #202730 52%, #171c22 100%) !important;
}

.site-footer__panel {
  padding: 34px 36px 18px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.07);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  box-shadow: 0 22px 54px rgba(0,0,0,.18);
}

.site-footer__grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .9fr) minmax(0, .9fr) minmax(0, 1fr) !important;
  gap: 32px;
  align-items: start;
}

.site-footer__brandcol {
  max-width: 320px;
}

.brand--footer {
  display: inline-flex;
  margin-bottom: 14px;
}

.brand--footer img {
  width: 108px !important;
  height: auto;
}

.site-footer p {
  color: #cfd6dc;
  max-width: 30ch;
}

.site-footer h3 {
  margin-bottom: 12px;
  color: #ffffff;
  font-size: 1rem;
  letter-spacing: -.01em;
}

.site-footer a {
  display: block;
  width: max-content;
  max-width: 100%;
  color: #eef2f4 !important;
  margin: 8px 0;
  font-weight: 800;
  transition: color .16s ease, transform .16s ease;
}

.site-footer a:hover {
  color: #ffffff !important;
  transform: translateX(2px);
}

.site-footer__cta {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 16px;
  margin-top: 16px !important;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.12);
}

.site-footer__cta:hover {
  background: rgba(255,255,255,.10);
  transform: translateY(-1px) !important;
}

.site-footer__socials {
  display: grid;
  gap: 10px;
}

.site-footer__socials a {
  display: flex !important;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 0 14px;
  margin: 0 !important;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.035));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.site-footer__socials a:hover {
  border-color: rgba(142,157,86,.22);
  background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.05));
  transform: translateY(-1px) !important;
}

.site-footer__socials a span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(243,246,232,.96), rgba(255,255,255,.86));
  color: #5f6e2f;
  font-size: .84rem;
  font-weight: 950;
  text-transform: uppercase;
  box-shadow: 0 8px 18px rgba(0,0,0,.08);
}

.site-footer__socials a strong {
  color: #ffffff;
  font-size: .96rem;
}

.site-footer__bottom {
  margin-top: 28px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.08);
}

.site-footer__bottom small {
  color: #aab6bf;
  font-size: .84rem;
}

@media (max-width: 980px) {
  .section--cta .cta-panel {
    padding: 32px 28px;
    border-radius: 18px !important;
  }

  .site-footer__panel {
    padding: 28px 24px 16px;
  }

  .site-footer__grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 26px;
  }
}

@media (max-width: 680px) {
  .section--cta .cta-panel {
    padding: 26px 20px;
    border-radius: 16px !important;
  }

  .section--cta .btn--primary {
    width: 100%;
    min-width: 0;
  }

  .site-footer {
    padding: 46px 0 26px;
  }

  .site-footer__panel {
    padding: 24px 18px 14px;
    border-radius: 20px;
  }

  .site-footer__grid {
    grid-template-columns: 1fr !important;
    gap: 22px;
  }

  .brand--footer img {
    width: 94px !important;
  }
}

/* TaskLine polish v20260427.21
   Footer refined per user feedback:
   - elementy wyraźnie mniejsze,
   - ciemny footer z odwróconym motywem siatki/geometrii,
   - prawdziwe ikony social mediów,
   - dolna linia dokładnie w formacie "Created by {logo} taskline.pl · © 2026 ..." */

.site-footer {
  position: relative;
  padding: 48px 0 18px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.06), transparent 28%),
    radial-gradient(circle at bottom left, rgba(142,157,86,.08), transparent 26%),
    linear-gradient(135deg, #151a1f 0%, #1e252d 55%, #161b20 100%) !important;
  overflow: hidden;
}

.site-footer::before,
.site-footer::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.site-footer::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.68), transparent 100%);
  opacity: .42;
}

.site-footer::after {
  background:
    linear-gradient(135deg, transparent 0 72%, rgba(255,255,255,.045) 72.4%, transparent 73%),
    linear-gradient(315deg, transparent 0 78%, rgba(142,157,86,.09) 78.4%, transparent 79%);
  opacity: .55;
}

.site-footer__panel {
  position: relative;
  padding: 26px 28px 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018)) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.16) !important;
  backdrop-filter: blur(4px);
}

.site-footer__grid {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) minmax(0, .9fr) minmax(0, 1fr) !important;
  gap: 24px !important;
}

.site-footer__brandcol {
  max-width: 280px;
}

.brand--footer {
  margin-bottom: 10px;
}

.brand--footer img {
  width: 82px !important;
  height: auto;
}

.site-footer p {
  margin: 0 0 12px;
  color: #c8d1d7;
  font-size: .92rem;
  line-height: 1.55;
  max-width: 28ch;
}

.site-footer h3 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: .92rem;
  font-weight: 900;
  letter-spacing: .01em;
}

.site-footer__links {
  display: grid;
  gap: 5px;
}

.site-footer a {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  margin: 0 !important;
  color: #edf1f3 !important;
  font-size: .9rem;
  font-weight: 750;
  transition: color .16s ease, transform .16s ease, opacity .16s ease;
}

.site-footer a:hover {
  color: #ffffff !important;
  transform: translateX(2px);
}

.site-footer__cta {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.055) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.10) !important;
  font-size: .89rem !important;
}

.site-footer__cta:hover {
  background: rgba(255,255,255,.085) !important;
  transform: translateY(-1px) !important;
}

.site-footer__socials {
  display: grid;
  gap: 8px;
}

.site-footer__social {
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 12px;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

.site-footer__social:hover {
  border-color: rgba(142,157,86,.24) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.045)) !important;
  transform: translateY(-1px) !important;
}

.site-footer__social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(243,246,232,.86));
  color: #5f6e2f;
  box-shadow: 0 6px 14px rgba(0,0,0,.10);
  flex: 0 0 28px;
}

.site-footer__social-icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

.site-footer__social strong {
  color: #ffffff;
  font-size: .9rem;
  font-weight: 850;
}

.site-footer__bottom {
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.08);
}

.site-footer__credit {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #d7e0e6;
  font-size: .82rem !important;
  line-height: 1.55;
}

.site-footer__credit-brand {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  color: #ffffff !important;
  font-size: .83rem !important;
  font-weight: 850 !important;
}

.site-footer__credit-brand:hover {
  transform: none !important;
  opacity: .95;
}

.site-footer__credit-brand img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain;
}

.site-footer__dot {
  color: rgba(255,255,255,.52);
  font-weight: 900;
}

@media (max-width: 980px) {
  .site-footer {
    padding: 42px 0 18px;
  }

  .site-footer__panel {
    padding: 24px 22px 14px !important;
  }

  .site-footer__grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 22px !important;
  }
}

@media (max-width: 680px) {
  .site-footer {
    padding: 36px 0 16px;
  }

  .site-footer__panel {
    padding: 22px 16px 12px !important;
    border-radius: 16px !important;
  }

  .site-footer__grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .brand--footer img {
    width: 74px !important;
  }

  .site-footer__credit {
    gap: 6px;
    font-size: .8rem !important;
  }
}

/* TaskLine polish v20260427.22
   Footer layout refined:
   - czytelniejszy układ bez wrażenia chaosu,
   - brand + social po bokach, środek uporządkowany,
   - podpis dolny wyraźnie wycentrowany. */

.site-footer__grid {
  grid-template-columns: minmax(240px, 1.15fr) minmax(150px, .72fr) minmax(170px, .78fr) minmax(220px, .95fr) !important;
  grid-template-areas:
    "brand products socials socials"
    "brand contact socials socials" !important;
  gap: 18px 22px !important;
  align-items: start;
}

.site-footer__brandcol {
  grid-area: brand;
  padding-right: 10px;
}

.site-footer__grid > .site-footer__linkscol:nth-of-type(1) {
  grid-area: products;
}

.site-footer__grid > .site-footer__linkscol:nth-of-type(2) {
  grid-area: contact;
}

.site-footer__socialcol {
  grid-area: socials;
  align-self: stretch;
}

.site-footer__socialcol h3 {
  margin-bottom: 12px;
}

.site-footer__socials {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.site-footer__social {
  min-height: 46px;
  justify-content: flex-start;
}

.site-footer__linkscol,
.site-footer__socialcol {
  min-width: 0;
}

.site-footer__links {
  gap: 6px;
}

.site-footer__panel {
  padding-bottom: 12px !important;
}

.site-footer__bottom {
  margin-top: 16px;
  padding-top: 14px;
  text-align: center;
}

.site-footer__credit {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  justify-content: center !important;
  text-align: center;
}

.site-footer__credit-brand {
  justify-content: center;
}

@media (max-width: 980px) {
  .site-footer__grid {
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas:
      "brand socials"
      "products contact" !important;
    gap: 18px 20px !important;
  }

  .site-footer__socials {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .site-footer__grid {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "brand"
      "products"
      "contact"
      "socials" !important;
    gap: 16px !important;
  }

  .site-footer__credit {
    gap: 5px;
  }
}

/* TaskLine polish v20260427.23
   Footer layout per latest direction:
   - u góry centralnie: „Znajdź nas” + same ikony social mediów,
   - niżej 3 kolumny: logo+CTA / produkty / kontakt,
   - bez łączenia produktów i kontaktu w jeden słupek. */

.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;
}

.site-footer__socialbar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  text-align: center;
}

.site-footer__socialbar h3 {
  margin: 0;
  font-size: .94rem;
}

.site-footer__socials {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.site-footer__social {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  min-height: 42px;
  padding: 0;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.03)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

.site-footer__social:hover {
  border-color: rgba(142,157,86,.24) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.045)) !important;
  transform: translateY(-1px) !important;
}

.site-footer__social strong {
  display: none !important;
}

.site-footer__grid {
  grid-template-columns: minmax(0, 1fr) minmax(180px, .8fr) minmax(180px, .8fr) !important;
  grid-template-areas: "brand products contact" !important;
  gap: 18px 28px !important;
  align-items: start;
}

.site-footer__brandcol {
  grid-area: brand;
  max-width: 300px;
  padding-right: 8px;
}

.site-footer__linkscol--products {
  grid-area: products;
  justify-self: center;
}

.site-footer__linkscol--contact {
  grid-area: contact;
  justify-self: end;
  text-align: left;
}

.site-footer__linkscol--products .site-footer__links,
.site-footer__linkscol--contact .site-footer__links {
  gap: 6px;
}

.site-footer__linkscol--products h3,
.site-footer__linkscol--contact h3 {
  margin-bottom: 10px;
}

.site-footer__bottom {
  margin-top: 18px;
  padding-top: 14px;
  text-align: center;
}

.site-footer__credit {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  justify-content: center !important;
  text-align: center;
}

@media (max-width: 980px) {
  .site-footer__grid {
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas:
      "brand products"
      "contact contact" !important;
    gap: 18px 20px !important;
  }

  .site-footer__linkscol--products {
    justify-self: start;
  }

  .site-footer__linkscol--contact {
    justify-self: start;
  }
}

@media (max-width: 680px) {
  .site-footer__socialbar {
    margin-bottom: 18px;
    padding-bottom: 16px;
  }

  .site-footer__grid {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "brand"
      "products"
      "contact" !important;
    gap: 16px !important;
  }

  .site-footer__brandcol,
  .site-footer__linkscol--products,
  .site-footer__linkscol--contact {
    max-width: none;
    justify-self: start;
  }
}

/* TaskLine polish v20260427.24
   Footer hard reset: poprzedni układ nachodził kolumnami.
   Wersja stabilna: social centralnie u góry, pod spodem 3 osobne kolumny. */

.site-footer {
  padding: 42px 0 18px !important;
}

.site-footer__panel {
  padding: 24px 28px 14px !important;
  border-radius: 18px !important;
}

.site-footer__socialbar {
  display: grid !important;
  justify-items: center !important;
  gap: 10px !important;
  margin: 0 0 22px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  text-align: center !important;
}

.site-footer__socialbar h3 {
  margin: 0 !important;
  font-size: .95rem !important;
  line-height: 1.1 !important;
}

.site-footer__socials {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

.site-footer__social {
  display: inline-grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 12px !important;
}

.site-footer__social:hover {
  transform: translateY(-1px) !important;
}

.site-footer__social strong,
.site-footer__social .sr-only {
  display: none !important;
}

.site-footer__social-icon {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
}

.site-footer__social-icon svg {
  width: 16px !important;
  height: 16px !important;
}

.site-footer__grid {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) minmax(230px, .8fr) minmax(260px, .9fr) !important;
  grid-template-areas: none !important;
  gap: 28px !important;
  align-items: start !important;
}

.site-footer__brandcol,
.site-footer__linkscol,
.site-footer__linkscol--products,
.site-footer__linkscol--contact {
  grid-area: auto !important;
  min-width: 0 !important;
}

.site-footer__brandcol {
  grid-column: 1 / 2 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  width: min(320px, 100%) !important;
  max-width: none !important;
  padding-right: 0 !important;
}

.site-footer__linkscol--products {
  grid-column: 2 / 3 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  width: min(260px, 100%) !important;
  text-align: left !important;
}

.site-footer__linkscol--contact {
  grid-column: 3 / 4 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  width: min(300px, 100%) !important;
  text-align: left !important;
}

.site-footer__linkscol h3,
.site-footer__brandcol h3 {
  margin: 0 0 10px !important;
}

.site-footer__links {
  display: grid !important;
  gap: 7px !important;
}

.site-footer__links a {
  width: auto !important;
  max-width: 100% !important;
  white-space: normal !important;
}

.brand--footer img {
  width: 78px !important;
  height: auto !important;
}

.site-footer__brandcol p {
  max-width: 270px !important;
  font-size: .92rem !important;
}

.site-footer__bottom {
  margin-top: 20px !important;
  padding-top: 14px !important;
  text-align: center !important;
}

.site-footer__credit {
  display: flex !important;
  width: 100% !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  gap: 8px !important;
}

.site-footer__credit-brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
}

.site-footer__credit-brand:hover {
  transform: none !important;
}

.site-footer__credit-brand img {
  width: 18px !important;
  height: 18px !important;
}

@media (max-width: 980px) {
  .site-footer__grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 22px !important;
  }

  .site-footer__brandcol {
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;
  }

  .site-footer__linkscol--products {
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    justify-self: start !important;
  }

  .site-footer__linkscol--contact {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    width: 100% !important;
  }

  .site-footer__linkscol--contact .site-footer__links {
    grid-template-columns: repeat(3, minmax(0, max-content)) !important;
    gap: 10px 18px !important;
  }
}

@media (max-width: 680px) {
  .site-footer__panel {
    padding: 22px 16px 12px !important;
  }

  .site-footer__grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .site-footer__brandcol,
  .site-footer__linkscol--products,
  .site-footer__linkscol--contact {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    justify-self: start !important;
    width: 100% !important;
  }

  .site-footer__linkscol--contact .site-footer__links {
    grid-template-columns: 1fr !important;
  }

  .site-footer__credit {
    gap: 6px !important;
    font-size: .8rem !important;
  }
}
.admin-share-tools{margin-top:14px}.admin-share-tools__card{padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:#fff}.admin-share-tools__card span{display:block;color:var(--muted);font-weight:900;margin-bottom:6px}.admin-share-tools__card strong{display:block;color:var(--accent2);font-size:.98rem;line-height:1.45;word-break:break-all}.admin-inline-actions--share{margin-top:12px}@media (max-width:720px){.admin-inline-actions--share{display:grid;grid-template-columns:1fr}.admin-inline-actions--share .btn{width:100%}}

/* Content pages admin */
.admin-topbar__nav-wrap{display:grid;gap:6px;min-width:0}
.admin-topbar__nav--main{justify-content:center}
.admin-topbar__nav--sub{justify-content:center;flex-wrap:wrap}
.work-row--page .work-row__thumb--page{background:linear-gradient(135deg,#f4efe4,#fff);color:var(--accent2);font-size:1.15rem;font-weight:950}
.page-editor-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.page-editor-tabs__item{display:inline-flex;align-items:center;padding:9px 12px;border-radius:12px;background:#f6f2ea;color:#36404a;text-decoration:none;font-weight:900}
.page-editor-tabs__item.is-active,.page-editor-tabs__item:hover{background:#ece3d2;color:#171a20}
.page-editor-group{display:grid;gap:14px}
.admin-switch{display:grid;gap:8px}
.admin-save-actions--stack{display:grid;gap:10px}
@media(max-width:900px){
  .admin-topbar__nav-wrap{gap:8px}
  .admin-topbar__nav--main,.admin-topbar__nav--sub{justify-content:flex-start}
}

/* Stage 1 — biblioteka obrazów */
.page-hero--visual .narrow--visual {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
  gap: 28px;
  align-items: center;
}

.page-hero__copy {
  min-width: 0;
}

.page-hero__media,
.hero-board__media {
  margin: 0;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0 24px 60px rgba(7, 14, 23, 0.22);
}

.page-hero__media img,
.hero-board__media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.page-hero__media--soft img {
  min-height: 280px;
  max-height: 420px;
}

.hero-board__media {
  margin-top: 18px;
}

.media-field-grid,
.media-library-grid {
  display: grid;
  gap: 18px;
}

.media-field-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.media-library-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.media-library-grid--page {
  margin-top: 18px;
}

.media-card,
.media-field-card {
  border: 1px solid rgba(21, 29, 40, 0.08);
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.06);
}

.media-card__preview,
.media-field-card__preview {
  position: relative;
  aspect-ratio: 16 / 10;
  background: linear-gradient(135deg, #eef2f7 0%, #dde4ee 100%);
}

.media-field-card__preview--compact {
  aspect-ratio: 16 / 9;
  max-width: 240px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(21, 29, 40, 0.08);
}

.media-card__preview img,
.media-field-card__preview img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.media-card__body,
.media-field-card {
  padding: 18px;
}

.media-card__body strong,
.media-field-card__head h3 {
  display: block;
  margin: 0 0 6px;
  color: #131a22;
}

.media-card__body small,
.media-field-card__head small,
.media-card__path {
  color: #667085;
  display: block;
}

.media-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}

.media-card__meta span {
  padding: 6px 10px;
  border-radius: 999px;
  background: #f3f5f8;
  color: #344054;
  font-size: 13px;
  font-weight: 600;
}

.media-card__path {
  margin-top: 12px;
  word-break: break-all;
  font-size: 12px;
}

.media-card--selectable {
  cursor: pointer;
}

.media-card--selectable.is-selected {
  border-color: rgba(113, 148, 55, 0.45);
  box-shadow: 0 24px 48px rgba(113, 148, 55, 0.16);
}

.media-field-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.media-field-card__selected {
  display: grid;
  gap: 4px;
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 16px;
  background: #f7f9fc;
  border: 1px solid rgba(21, 29, 40, 0.06);
}

.media-field-card__selected strong {
  color: #131a22;
}

.media-field-card__selected span {
  color: #667085;
  font-size: 13px;
}

.media-field-card__empty {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 120px;
  color: #667085;
  font-weight: 600;
  text-align: center;
  padding: 16px;
}

.media-field-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 16px;
}

.media-upload-form,
.media-picker-upload {
  display: grid;
  gap: 14px;
}

.media-upload-dropzone {
  display: grid;
  gap: 6px;
  border: 1px dashed rgba(21, 29, 40, 0.18);
  border-radius: 20px;
  padding: 18px;
  background: #fbfcfe;
}

.media-upload-dropzone span {
  font-weight: 700;
  color: #101828;
}

.media-upload-dropzone small,
.media-picker-upload__row + .admin-hint {
  color: #667085;
}

.media-picker-upload__row {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

.media-picker-modal[hidden] {
  display: none;
}

.media-picker-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
}

.media-picker-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.58);
  backdrop-filter: blur(3px);
}

.media-picker-modal__dialog {
  position: relative;
  width: min(1180px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  margin: 16px auto;
  background: #fff;
  border-radius: 30px;
  border: 1px solid rgba(21, 29, 40, 0.08);
  box-shadow: 0 32px 70px rgba(7, 14, 23, 0.24);
  padding: 24px;
  overflow: auto;
}

.media-picker-modal__head,
.media-picker-modal__toolbar {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.media-picker-modal__head h2 {
  margin: 4px 0 0;
}

.media-picker-modal__toolbar input {
  width: min(360px, 100%);
}

@media (max-width: 920px) {
  .page-hero--visual .narrow--visual,
  .media-picker-modal__head,
  .media-picker-modal__toolbar {
    grid-template-columns: 1fr;
    display: grid;
  }

  .media-picker-modal__toolbar input {
    width: 100%;
  }
}

@media (max-width: 720px) {
  .media-picker-modal__dialog {
    width: calc(100vw - 16px);
    max-height: calc(100vh - 16px);
    margin: 8px auto;
    padding: 18px;
    border-radius: 22px;
  }

  .media-library-grid,
  .media-field-grid {
    grid-template-columns: 1fr;
  }
}

body.is-modal-open{overflow:hidden;}

.media-field-card--enhanced {
  display: grid;
  gap: 14px;
}

.media-field-card__badge {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  background: #f3f6fb;
  color: #344054;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.media-field-card__profile,
.media-field-card__hint {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.media-field-card__profile span,
.media-field-card__hint strong,
.media-field-card__hint span {
  font-size: 13px;
}

.media-field-card__profile span {
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: #f7f9fc;
  border: 1px solid rgba(21, 29, 40, 0.06);
  color: #475467;
  font-weight: 700;
}

.media-field-card__hint {
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(21, 29, 40, 0.06);
  background: #fbfcfe;
}

.media-field-card__hint strong {
  color: #131a22;
}

.media-field-card__hint span {
  color: #667085;
}

.media-field-card__preview--compact {
  max-width: 220px;
}

.media-picker-modal__dialog--pro {
  width: min(1400px, calc(100vw - 32px));
  background: linear-gradient(180deg, #fbfcfe 0%, #f5f7fb 100%);
}

.media-picker-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(360px, 0.8fr);
  gap: 24px;
  align-items: start;
}

.media-picker-layout__library,
.media-picker-layout__inspector {
  min-width: 0;
}

.media-picker-layout__library {
  display: grid;
  gap: 18px;
}

.media-picker-layout__inspector {
  position: sticky;
  top: 0;
  display: grid;
  gap: 16px;
  padding: 18px;
  border-radius: 28px;
  border: 1px solid rgba(21, 29, 40, 0.08);
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fd 100%);
  box-shadow: 0 24px 54px rgba(15, 23, 42, 0.09);
}

.media-picker-upload--panel {
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(21, 29, 40, 0.07);
  background: #ffffff;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05);
}

.media-picker-library-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 16px;
  align-content: start;
}

.media-card--picker {
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(21, 29, 40, 0.08);
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.media-card--picker .media-card__preview {
  aspect-ratio: 4 / 3;
  background: linear-gradient(135deg, #eef2f8 0%, #f9fbfe 100%);
}

.media-card--picker .media-card__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.media-card--picker .media-card__body {
  display: grid;
  gap: 10px;
  padding: 14px 14px 16px;
}

.media-card--picker .media-card__body strong {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.media-card--picker .media-card__body small {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #667085;
}

.media-card--picker .media-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.media-card--picker .media-card__meta span {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #f4f6fa;
  color: #475467;
  font-size: 12px;
  font-weight: 700;
}

.media-card--picker:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 46px rgba(15, 23, 42, 0.11);
}

.media-card--picker.is-focus,
.media-card--picker.is-selected {
  border-color: rgba(39, 85, 154, 0.34);
  box-shadow: 0 24px 48px rgba(39, 85, 154, 0.16);
}

.media-picker-target,
.media-picker-selection {
  display: grid;
  gap: 8px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(21, 29, 40, 0.06);
  background: #fff;
}

.media-picker-selection strong,
.media-picker-target h3 {
  color: #131a22;
  margin: 0;
}

.media-picker-selection span,
.media-picker-target p {
  color: #667085;
  margin: 0;
}

.media-picker-selection--active-pro {
  grid-template-columns: 92px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}

.media-picker-selection__thumb {
  width: 92px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(135deg, #eef2f8 0%, #f7f9fd 100%);
  border: 1px solid rgba(21, 29, 40, 0.06);
}

.media-picker-selection__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.media-picker-selection__copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.image-cropper--page {
  margin: 0;
  padding: 20px;
  border-radius: 24px;
  border: 1px solid rgba(21, 29, 40, 0.06);
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

.image-cropper__head--page {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px;
}

.image-cropper__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.image-cropper__badge {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  background: #1f3b67;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
}

.image-cropper__badge--muted {
  background: #edf2fb;
  color: #344054;
}

.image-cropper__stage--page {
  padding: 16px;
  border-radius: 24px;
  background:
    radial-gradient(circle at top, rgba(92, 122, 176, 0.20), transparent 48%),
    linear-gradient(180deg, #19202b 0%, #0f141d 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.image-cropper__frame--page {
  max-width: 560px;
  margin: 0 auto;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.15);
  box-shadow: 0 24px 60px rgba(0,0,0,.22);
}

.image-cropper__frame--page::after {
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.72),
    inset 0 0 0 9999px rgba(8,10,14,.12);
}

.image-cropper__tools--page {
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
}

.image-cropper__zoombox {
  display: grid;
  gap: 8px;
}

.image-cropper__zoombox > label {
  margin: 0;
  min-width: 0;
  font-size: 13px;
  font-weight: 700;
  color: #344054;
}

.image-cropper__zoomrow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.image-cropper__zoomrow strong {
  min-width: 64px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #f4f6fa;
  color: #111827;
  font-size: 12px;
  text-align: center;
}

.image-cropper__actions--page {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.image-cropper__actions--page .btn {
  flex: 1 1 140px;
}

.btn--full-mobile {
  width: 100%;
}

@media (max-width: 1080px) {
  .media-picker-layout {
    grid-template-columns: 1fr;
  }

  .media-picker-layout__inspector {
    position: static;
  }
}

@media (max-width: 720px) {
  .media-picker-library-grid {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }

  .media-field-card__preview--compact {
    max-width: 100%;
  }

  .media-picker-selection--active-pro {
    grid-template-columns: 1fr;
  }

  .image-cropper__head--page {
    grid-template-columns: 1fr;
  }

  .image-cropper__badges {
    justify-content: flex-start;
  }

  .image-cropper__frame--page {
    max-width: 100%;
  }

  .image-cropper__actions--page {
    display: grid;
    grid-template-columns: 1fr;
  }
}


/* Media UI refinement v20260508.04 */
.btn--panel {
  min-height: 42px;
  padding: 0 16px;
  border-radius: 14px !important;
  font-weight: 800;
  letter-spacing: .01em;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

.btn--panel:hover {
  transform: translateY(-1px);
}

.btn--media-inline {
  width: 100%;
  min-height: 38px;
  padding: 0 14px;
  font-size: 13px;
}

.media-library-grid--compact {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
}

.media-card--library {
  border-radius: 20px;
}

.media-card--library .media-card__preview {
  aspect-ratio: 4 / 3;
}

.media-card--library .media-card__body {
  display: grid;
  gap: 8px;
  padding: 12px 12px 14px;
}

.media-card--library .media-card__meta {
  margin: 2px 0 0;
  gap: 6px;
}

.media-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 2px;
}

.media-card__chip {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 9px;
  border-radius: 999px;
  background: #eef4e2;
  border: 1px solid rgba(95,110,47,.14);
  color: #5f6e2f;
  font-size: 11px;
  font-weight: 800;
}

.media-card__chip--muted {
  background: #f5f7fa;
  border-color: rgba(17,24,39,.08);
  color: #5f6673;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.media-picker-modal__dialog--pro {
  width: min(1260px, calc(100vw - 40px));
  max-height: calc(100vh - 40px);
  padding: 20px;
  border-radius: 24px;
  background: linear-gradient(180deg, #fbfcfe 0%, #f4f7fb 100%);
}

.media-picker-modal__head--compact {
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(17,24,39,.08);
}

.media-picker-modal__toolbar--compact {
  margin-bottom: 16px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(17,24,39,.08);
  background: rgba(255,255,255,.86);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}

.media-picker-layout {
  gap: 20px;
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
}

.media-picker-upload--panel {
  padding: 14px;
  gap: 12px;
  border-radius: 20px;
}

.media-picker-upload__row--refined {
  align-items: stretch;
}

.media-file-trigger {
  position: relative;
  display: grid;
  gap: 4px;
  flex: 1 1 280px;
  min-height: 48px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px dashed rgba(95,110,47,.24);
  background: linear-gradient(180deg, #fff, #f7faef);
  cursor: pointer;
}

.media-file-trigger input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.media-file-trigger__title {
  font-size: 14px;
  font-weight: 800;
  color: #101828;
}

.media-file-trigger small {
  display: block;
  color: #667085;
  font-size: 12px;
  line-height: 1.35;
}

.media-picker-library-grid {
  grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
  gap: 12px;
  max-height: 520px;
  overflow: auto;
  padding-right: 4px;
}

.media-card--picker,
.media-card--picker-compact {
  border-radius: 18px;
}

.media-card--picker .media-card__preview,
.media-card--picker-compact .media-card__preview {
  aspect-ratio: 4 / 3;
  max-height: 128px;
}

.media-card--picker .media-card__body,
.media-card--picker-compact .media-card__body {
  gap: 8px;
  padding: 11px 11px 12px;
}

.media-card--picker .media-card__meta,
.media-card--picker-compact .media-card__meta {
  gap: 6px;
  margin: 0;
}

.media-card--picker .media-card__meta span,
.media-card--picker-compact .media-card__meta span {
  padding: 5px 8px;
  font-size: 11px;
}

.media-picker-target,
.media-picker-selection,
.image-cropper--page {
  border-radius: 20px;
}

@media (max-width: 720px) {
  .media-picker-modal__dialog--pro {
    width: calc(100vw - 16px);
    max-height: calc(100vh - 16px);
    margin: 8px auto;
    padding: 14px;
    border-radius: 18px;
  }

  .media-picker-library-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: none;
    overflow: visible;
  }

  .media-card--picker .media-card__preview,
  .media-card--picker-compact .media-card__preview,
  .media-card--library .media-card__preview {
    max-height: 112px;
  }
}

.section--article-outline{padding-top:0}
.article-outline{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:24px 28px;box-shadow:0 16px 36px rgba(15,23,42,.06)}
.article-outline h2{font-size:1.15rem;margin:8px 0 12px}
.article-outline ol{margin:0;padding-left:1.1rem;display:grid;gap:10px}
.article-outline li{color:#334155}
.article-outline li.level-3{margin-left:16px;opacity:.9}
.article-outline a{color:inherit;text-decoration:none}
.article-outline a:hover{text-decoration:underline}
.section--article-product,.section--article-links{padding-top:0}
.article-product-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid rgba(15,23,42,.08);border-radius:28px;padding:28px;box-shadow:0 18px 40px rgba(15,23,42,.06)}
.article-product-panel h2{margin:8px 0 12px}
.article-product-points{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.article-product-points li{padding:8px 12px;border-radius:999px;background:rgba(15,23,42,.06);color:#0f172a;font-weight:600;font-size:.94rem}
.article-product-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.blog-card--product-link{border-style:dashed}
.cta-panel__actions{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width: 840px){.article-product-panel{grid-template-columns:1fr}.article-product-actions{width:100%}}


/* TaskLine homepage reset — stage 9 */
.hero--stage9 {
  padding: 132px 0 46px;
}

.hero-stage9 {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  gap: 34px;
  align-items: stretch;
}

.hero-stage9__copy,
.hero-stage9__panel {
  min-width: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(251,250,247,.92));
  border: 1px solid rgba(17,19,24,.08);
  box-shadow: 0 24px 70px rgba(17,19,24,.08);
}

.hero-stage9__copy {
  position: relative;
  padding: 34px;
  border-radius: 30px;
  overflow: hidden;
}

.hero-stage9__copy::before {
  content: "";
  position: absolute;
  right: -40px;
  bottom: -36px;
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, rgba(88,153,226,.12), transparent 66%);
  pointer-events: none;
}

.hero-stage9__copy h1 {
  margin: 18px 0 16px;
  max-width: 12ch;
  font-size: clamp(3rem, 4.8vw, 5.2rem);
  line-height: .96;
  letter-spacing: -.05em;
}

.hero-stage9__lead {
  max-width: 58ch;
  margin: 0;
  font-size: 1.08rem;
  color: #454b54;
}

.hero-stage9__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.hero-stage9__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.hero-stage9__metric {
  padding: 16px 16px 15px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(17,19,24,.08);
  border-radius: 18px;
}

.hero-stage9__metric strong,
.hero-stage9__tile b {
  display: block;
  color: var(--ink);
  font-size: .96rem;
  line-height: 1.2;
}

.hero-stage9__metric span,
.hero-stage9__tile span,
.hero-stage9__panel-lead {
  display: block;
  margin-top: 6px;
  color: #57606b;
  font-size: .9rem;
  line-height: 1.45;
}

.hero-stage9__panel {
  padding: 28px;
  border-radius: 30px;
}

.hero-stage9__panel-top {
  display: flex;
  align-items: center;
  gap: 16px;
}

.hero-stage9__panel-top img {
  width: 74px;
  height: 74px;
  object-fit: contain;
}

.hero-stage9__panel-label {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(183,154,99,.12);
  color: var(--accent2);
  font-weight: 900;
  font-size: .78rem;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.hero-stage9__panel-top strong {
  display: block;
  margin-top: 10px;
  font-size: 1.4rem;
  line-height: 1.15;
  letter-spacing: -.04em;
}

.hero-stage9__panel-lead {
  margin: 18px 0 0;
}

.hero-stage9__media {
  margin: 18px 0 0;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(17,19,24,.07);
  background: #fff;
}

.hero-stage9__media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.hero-stage9__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.hero-stage9__chips a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 14px;
  border: 1px solid rgba(17,19,24,.08);
  background: rgba(255,255,255,.82);
  color: var(--ink);
  text-decoration: none;
  font-weight: 900;
}

.hero-stage9__chips a:hover {
  border-color: rgba(183,154,99,.42);
}

.hero-stage9__tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.hero-stage9__tile {
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(17,19,24,.08);
  background: rgba(255,255,255,.78);
}

.section--products .product-card a {
  color: var(--accent2);
}

@media (max-width: 1100px) {
  .hero-stage9 {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero-stage9__copy h1 {
    max-width: 14ch;
  }
}

@media (max-width: 860px) {
  .hero--stage9 {
    padding: 104px 0 36px;
  }

  .hero-stage9__copy,
  .hero-stage9__panel {
    padding: 22px;
    border-radius: 24px;
  }

  .hero-stage9__copy h1 {
    max-width: none;
    font-size: clamp(2.45rem, 11vw, 3.8rem);
  }

  .hero-stage9__metrics,
  .hero-stage9__tiles {
    grid-template-columns: 1fr;
  }

  .hero-stage9__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .hero-stage9__actions .btn {
    width: 100%;
    justify-content: center;
  }
}

/* Stage1 home fix v4 — przywrócenie poprzedniej palety + korekta hero */
.hero--stage9 {
  padding: 118px 0 32px;
}

.hero-stage9 {
  grid-template-columns: minmax(0, 1.03fr) minmax(300px, .87fr);
  gap: 26px;
  align-items: start;
}

.hero-stage9__copy,
.hero-stage9__panel {
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(251,250,247,.92));
  border: 1px solid rgba(17,19,24,.08);
  box-shadow: 0 18px 50px rgba(17,19,24,.07);
}

.hero-stage9__copy {
  padding: 28px;
  min-height: 0;
  isolation: isolate;
}

.hero-stage9__copy::before {
  right: -24px;
  bottom: -18px;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(88,153,226,.10), transparent 68%);
  z-index: -2;
}

.hero-stage9__brand-mark {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -48%);
  width: clamp(220px, 46%, 340px);
  opacity: .12;
  pointer-events: none;
  z-index: -1;
  display: grid;
  place-items: center;
}

.hero-stage9__brand-mark img {
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: saturate(.9) contrast(1.02);
}

.hero-stage9__copy h1 {
  position: relative;
  margin: 16px 0 14px;
  max-width: 11ch;
  font-size: clamp(2.75rem, 4.4vw, 4.55rem);
  line-height: .96;
}

.hero-stage9__lead {
  position: relative;
  max-width: 54ch;
  font-size: 1.02rem;
  line-height: 1.62;
}

.hero-stage9__actions {
  margin-top: 22px;
}

.hero-stage9__metrics {
  margin-top: 22px;
  gap: 10px;
}

.hero-stage9__metric {
  padding: 14px 14px 13px;
}

.hero-stage9__metric strong,
.hero-stage9__tile b,
.hero-stage9__preview-card strong {
  font-size: .92rem;
}

.hero-stage9__metric span,
.hero-stage9__tile span,
.hero-stage9__panel-lead,
.hero-stage9__preview-card span {
  font-size: .86rem;
}

.hero-stage9__panel {
  padding: 22px;
}

.hero-stage9__panel-top {
  gap: 12px;
}

.hero-stage9__panel-label {
  background: rgba(183,154,99,.12);
  color: var(--accent2);
}

.hero-stage9__panel-top strong {
  margin-top: 8px;
  font-size: 1.18rem;
}

.hero-stage9__panel-lead {
  margin: 14px 0 0;
}

.hero-stage9__media,
.hero-stage9__preview {
  margin: 14px 0 0;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(17,19,24,.07);
  background: linear-gradient(180deg, #fff, #fbfaf7);
}

.hero-stage9__media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.hero-stage9__preview {
  padding: 12px;
}

.hero-stage9__preview-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(17,19,24,.07);
}

.hero-stage9__preview-bar span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(183,154,99,.24);
}

.hero-stage9__preview-bar span:first-child {
  background: rgba(183,154,99,.46);
}

.hero-stage9__preview-bar strong {
  margin-left: 6px;
  font-size: .86rem;
  letter-spacing: -.02em;
}

.hero-stage9__preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.hero-stage9__preview-card {
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(17,19,24,.07);
  min-height: 92px;
}

.hero-stage9__preview-card small {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--accent-soft);
  color: var(--accent2);
  font-size: .70rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.hero-stage9__preview-card strong {
  margin-top: 10px;
  font-size: .94rem;
}

.hero-stage9__chips {
  gap: 8px;
  margin-top: 14px;
}

.hero-stage9__chips a {
  min-height: 36px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid rgba(17,19,24,.08);
  background: rgba(255,255,255,.86);
  font-size: .84rem;
}

.hero-stage9__chips a:hover {
  border-color: rgba(183,154,99,.42);
}

.hero-stage9__tiles {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.hero-stage9__tile {
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(17,19,24,.08);
  background: rgba(255,255,255,.82);
}

@media (max-width: 1100px) {
  .hero--stage9 {
    padding: 110px 0 28px;
  }

  .hero-stage9 {
    grid-template-columns: 1fr;
  }

  .hero-stage9__copy h1 {
    max-width: 12ch;
  }
}

@media (max-width: 860px) {
  .hero--stage9 {
    padding: 98px 0 28px;
  }

  .hero-stage9__copy,
  .hero-stage9__panel {
    padding: 20px;
    border-radius: 22px;
  }

  .hero-stage9__brand-mark {
    width: min(58%, 220px);
    transform: translate(-50%, -46%);
    opacity: .11;
  }

  .hero-stage9__copy h1 {
    max-width: none;
    font-size: clamp(2.35rem, 10.5vw, 3.55rem);
  }

  .hero-stage9__metrics,
  .hero-stage9__tiles,
  .hero-stage9__preview-grid {
    grid-template-columns: 1fr;
  }

  .hero-stage9__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .hero-stage9__actions .btn {
    width: 100%;
    justify-content: center;
  }
}

/* =========================================================
   Stage 1 final visual alignment
   Cel: wrócić do bazowej palety i spiąć całość delikatną oliwką
   ========================================================= */
:root {
  --accent:#8e9d56;
  --accent2:#5f6e2f;
  --accent-soft:#f3f6e8;
  --paper2:#fcfcf8;
}

body {
  background:
    radial-gradient(circle at 14% 0%, rgba(142,157,86,.028) 0, transparent 30%),
    radial-gradient(circle at 88% 8%, rgba(142,157,86,.022) 0, transparent 32%),
    linear-gradient(180deg, rgba(243,246,232,.34) 0%, #ffffff 16%, #fcfcf8 56%, #ffffff 100%);
}

body.is-public-area::before {
  background:
    linear-gradient(90deg, rgba(95,110,47,.038) 1px, transparent 1px),
    linear-gradient(180deg, rgba(95,110,47,.028) 1px, transparent 1px) !important;
  background-size: 64px 64px;
  opacity: .42;
}

body.is-public-area::after {
  background:
    radial-gradient(circle at 82% 18%, rgba(142,157,86,.048) 0, transparent 18%),
    linear-gradient(135deg, transparent 0 47.5%, rgba(142,157,86,.085) 48%, rgba(142,157,86,.085) 49%, transparent 49.5%) 79% 10%/260px 260px no-repeat,
    linear-gradient(135deg, transparent 0 47.5%, rgba(95,110,47,.072) 48%, rgba(95,110,47,.072) 49%, transparent 49.5%) 86% 20%/180px 180px no-repeat,
    linear-gradient(135deg, transparent 0 47.5%, rgba(142,157,86,.06) 48%, rgba(142,157,86,.06) 49%, transparent 49.5%) 10% 72%/220px 220px no-repeat !important;
  opacity: .88;
}

.site-header::after {
  background: linear-gradient(90deg, transparent, rgba(142,157,86,.28), transparent);
  opacity: .58;
}

.site-nav,
.scroll-nav {
  border-color: rgba(142,157,86,.12);
  box-shadow: 0 18px 48px rgba(17,19,24,.07), 0 0 0 1px rgba(142,157,86,.03) inset;
}

.hero-stage9__copy,
.hero-stage9__panel,
.intro-strip,
.product-card,
.value-grid article,
.price-card,
.blog-grid article,
.info-box,
.feature-card,
.product-preview,
.contact-form,
.cta-panel,
.flow-panel,
.process-panel {
  background: linear-gradient(135deg, rgba(255,255,255,.97), rgba(250,251,247,.95)) !important;
  border-color: rgba(95,110,47,.10) !important;
}

.hero-stage9__copy {
  box-shadow: 0 18px 50px rgba(17,19,24,.07), 0 0 0 1px rgba(142,157,86,.025) inset;
}

.hero-stage9__panel {
  box-shadow: 0 18px 50px rgba(17,19,24,.065), 0 0 0 1px rgba(142,157,86,.02) inset;
}

.hero-stage9__copy::before {
  background: radial-gradient(circle, rgba(142,157,86,.09), transparent 68%) !important;
}

.hero-stage9__brand-mark {
  width: clamp(250px, 48%, 370px);
  opacity: .16;
}

.hero-stage9__brand-mark img {
  filter: saturate(.82) contrast(1.02) brightness(1.01);
}

.eyebrow,
.hero-stage9__panel-label,
.product-card__meta span,
.product-card__meta small,
.product-row span,
.price-card > span,
.blog-grid article > span,
.product-preview__top span,
.hero-stage9__preview-card small {
  background: linear-gradient(180deg, #ffffff, rgba(243,246,232,.94)) !important;
  border-color: rgba(95,110,47,.16) !important;
  color: var(--accent2) !important;
}

.eyebrow::before,
.product-card li::before {
  background: var(--accent);
  box-shadow: 0 0 0 4px rgba(142,157,86,.10);
}

.hero-stage9__preview,
.hero-stage9__media,
.hero-stage9__preview-bar,
.hero-stage9__preview-card,
.hero-stage9__chips a,
.hero-stage9__tile,
.hero-stage9__metric {
  border-color: rgba(95,110,47,.10) !important;
}

.hero-stage9__preview,
.hero-stage9__media,
.hero-stage9__preview-card,
.hero-stage9__chips a,
.hero-stage9__tile,
.hero-stage9__metric {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,242,.88)) !important;
}

.hero-stage9__preview-bar span {
  background: rgba(142,157,86,.24);
}

.hero-stage9__preview-bar span:first-child {
  background: rgba(142,157,86,.46);
}

.hero-stage9__chips a:hover,
.product-card a,
.work-card a {
  color: var(--accent2);
}

.hero-stage9__chips a:hover {
  border-color: rgba(142,157,86,.34) !important;
  background: linear-gradient(180deg, #ffffff, rgba(243,246,232,.9)) !important;
}

.section--products {
  background: linear-gradient(180deg, transparent, rgba(243,246,232,.56) 55%, transparent);
}

.intro-strip {
  box-shadow: 0 14px 34px rgba(17,19,24,.05), 0 0 0 1px rgba(142,157,86,.02) inset;
}

.btn--ghost {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(243,246,232,.76));
  border-color: rgba(95,110,47,.12);
}

@media (max-width: 980px) {
  body.is-public-area::after {
    background:
      radial-gradient(circle at 84% 12%, rgba(142,157,86,.05) 0, transparent 20%),
      linear-gradient(135deg, transparent 0 47.5%, rgba(142,157,86,.08) 48%, rgba(142,157,86,.08) 49%, transparent 49.5%) 86% 8%/220px 220px no-repeat !important;
    opacity: .76;
  }
}

@media (max-width: 680px) {
  body.is-public-area::before {
    background-size: 52px 52px;
    opacity: .3;
  }

  body.is-public-area::after {
    background:
      radial-gradient(circle at 86% 10%, rgba(142,157,86,.05) 0, transparent 24%),
      linear-gradient(135deg, transparent 0 47.5%, rgba(142,157,86,.06) 48%, rgba(142,157,86,.06) 49%, transparent 49.5%) 92% 10%/150px 150px no-repeat !important;
    opacity: .66;
  }
}


/* Stage 1 cleanup v7: uproszczenie początku strony */
.hero--stage9 {
  padding: 118px 0 34px !important;
}

.hero-stage9 {
  gap: 22px !important;
  grid-template-columns: minmax(0, 1.04fr) minmax(320px, .84fr) !important;
}

.hero-stage9__copy,
.hero-stage9__panel {
  border-radius: 30px !important;
}

.hero-stage9__copy {
  padding: 24px !important;
}

.hero-stage9__panel {
  padding: 20px !important;
}

.hero-stage9__copy h1 {
  margin: 14px 0 14px !important;
  max-width: 10.6ch !important;
  font-size: clamp(2.9rem, 4.7vw, 4.85rem) !important;
}

.hero-stage9__lead {
  max-width: 50ch !important;
}

.hero-stage9__actions {
  margin-top: 20px !important;
}

.hero-stage9__brand-mark {
  width: clamp(240px, 45%, 340px) !important;
  opacity: .14 !important;
}

.hero-stage9__panel-top strong {
  margin-top: 4px !important;
  font-size: 1.14rem !important;
  line-height: 1.18 !important;
}

.hero-stage9__preview,
.hero-stage9__media {
  margin-top: 12px !important;
}

.hero-stage9__preview {
  padding: 10px !important;
}

.hero-stage9__preview-grid {
  gap: 8px !important;
}

.hero-stage9__preview-card {
  min-height: 84px !important;
  padding: 12px !important;
  border-radius: 14px !important;
}

.hero-stage9__preview-card strong {
  margin-top: 8px !important;
  font-size: .9rem !important;
}

.section--products {
  padding-top: 42px !important;
}

@media (max-width: 1100px) {
  .hero--stage9 {
    padding: 106px 0 28px !important;
  }
  .hero-stage9 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 860px) {
  .hero--stage9 {
    padding: 94px 0 24px !important;
  }
  .hero-stage9__copy,
  .hero-stage9__panel {
    padding: 18px !important;
    border-radius: 22px !important;
  }
  .hero-stage9__copy h1 {
    max-width: none !important;
    font-size: clamp(2.35rem, 10.4vw, 3.45rem) !important;
  }
}