:root{--content-ink:#07111f;--content-muted:#64748b;--content-line:#dce5ef;--content-surface:#f5f7fa;--content-accent:#0f9f8f}
.article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.article-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dfe7ef;border-radius:20px;background:#fff;box-shadow:0 14px 35px rgba(7,17,31,.06);transition:transform .2s ease,box-shadow .2s ease}
.article-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(7,17,31,.11)}
.article-card-cover{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#07111f}
.article-card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.article-card:hover .article-card-cover img{transform:scale(1.025)}
.article-card-cover>span{display:grid;height:100%;place-items:center;color:#35dcc8;font-size:44px;font-weight:900}
.article-card-body{display:flex;flex:1;flex-direction:column;padding:20px}
.article-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#718096;font-size:12px}
.article-card-meta>span{border-radius:999px;background:#e6faf6;color:#087f73;padding:6px 10px;font-weight:800}
.article-card h3{margin:14px 0 10px;font-size:20px;line-height:1.45;color:#07111f}
.article-card h3 a{color:inherit;text-decoration:none}
.article-card p{margin:0 0 18px;color:#64748b;line-height:1.8;font-size:14px}
.article-read-more{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid #edf1f5;color:#087f73;font-size:13px;font-weight:900;text-decoration:none}
.articles-hero{overflow:hidden;padding:82px 0;background:radial-gradient(circle at 15% 30%,rgba(34,211,183,.18),transparent 34%),linear-gradient(135deg,#07111f,#0c2833);color:#fff}
.articles-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);align-items:end;gap:70px}
.articles-hero h1{max-width:850px;margin:12px 0 18px;font-size:clamp(40px,5vw,70px);line-height:1.08;letter-spacing:-.045em}
.articles-hero p{max-width:780px;margin:0;color:#b8c8d8;font-size:18px;line-height:1.9}
.articles-hero form{display:flex;padding:7px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}
.articles-hero input{min-width:0;flex:1;border:0;background:transparent;color:#fff;padding:0 14px;font-size:16px;outline:0}
.articles-hero input::placeholder{color:#9eb0bf}
.articles-hero button{border:0;border-radius:11px;background:#35dbc7;color:#06131e;padding:13px 22px;font-weight:900;cursor:pointer}
.article-index-section{padding:55px 0 90px;background:#f5f7fa}
.article-category-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:44px}
.article-category-pills a{display:flex;gap:8px;align-items:center;border:1px solid #dce5ef;border-radius:999px;background:#fff;color:#334155;padding:10px 17px;text-decoration:none;font-weight:800}
.article-category-pills a.active{border-color:#0f9f8f;background:#0f9f8f;color:#fff}
.article-category-pills small{display:grid;min-width:22px;height:22px;place-items:center;border-radius:999px;background:rgba(100,116,139,.14);font-size:11px}
.article-index-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}
.article-index-heading h2{margin:6px 0 0;color:#07111f;font-size:34px}
.article-index-heading>b{color:#64748b}
.article-hero{padding:62px 0 70px;background:linear-gradient(135deg,#07111f 0%,#0a2631 100%);color:#fff}
.article-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:65px}
.article-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:25px;color:#8fa5b8;font-size:13px}
.article-breadcrumb a{color:#bcd0df;text-decoration:none}
.article-category{display:inline-flex;border:1px solid rgba(53,219,199,.3);border-radius:999px;background:rgba(53,219,199,.1);color:#60e7d7;padding:7px 12px;font-size:12px;font-weight:900}
.article-hero h1{margin:18px 0;font-size:clamp(38px,4.5vw,64px);line-height:1.18;letter-spacing:-.035em}
.article-hero-copy>p{max-width:850px;color:#b9c8d5;font-size:18px;line-height:1.9}
.article-byline{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);color:#9fb1c0;font-size:13px}
.article-byline>span:first-child{display:flex;flex-direction:column;margin-inline-end:auto}
.article-byline b{color:#fff}.article-byline small{margin-top:4px}
.article-hero-cover{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:26px;box-shadow:0 32px 70px rgba(0,0,0,.28)}
.article-hero-cover img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.article-layout{display:grid;grid-template-columns:250px minmax(0,800px);justify-content:center;align-items:start;gap:60px;padding-top:65px;padding-bottom:85px}
.article-aside{position:sticky;top:105px}
.article-aside>div{border-radius:20px;background:#07111f;color:#fff;padding:25px}
.article-aside span{color:#35dbc7;font-size:10px;font-weight:900;letter-spacing:.14em}
.article-aside b{display:block;margin:11px 0;font-size:20px;line-height:1.5}
.article-aside p{color:#aebfcd;font-size:13px;line-height:1.75}
.article-aside a{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;background:#25d366;color:#03150b;padding:11px;text-decoration:none;font-weight:900}
.article-aside img{width:20px;height:20px}
.article-content{min-width:0;color:#26364a;font-size:18px;line-height:2}
.article-content .article-lead{margin-top:0;color:#11243a;font-size:22px;line-height:1.9}
.article-content h2{margin:52px 0 16px;color:#07111f;font-size:31px;line-height:1.4;letter-spacing:-.02em}
.article-content h3{margin:35px 0 12px;color:#0c273a;font-size:23px}
.article-content p{margin:0 0 22px}
.article-content ul,.article-content ol{margin:0 0 25px;padding-inline-start:26px}
.article-content li{margin:8px 0;padding-inline-start:5px}
.article-content strong{color:#091a2b}
.article-content .article-callout{margin:32px 0;border-inline-start:5px solid #11a997;border-radius:14px;background:#e9faf7;color:#163b3a;padding:22px 25px}
.article-content table{width:100%;margin:30px 0;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #dce5ef;border-radius:14px;font-size:15px;line-height:1.65}
.article-content th{background:#07111f;color:#fff;text-align:start;padding:14px}
.article-content td{border-top:1px solid #e5ebf1;padding:14px;vertical-align:top}
.article-content tr:nth-child(even) td{background:#f8fafc}
.article-sources{margin-top:58px;border-top:2px solid #dce5ef;padding-top:5px}
.article-sources h2{font-size:24px}
.article-sources ul{padding-inline-start:20px}.article-sources a{color:#087f73;word-break:break-word}
.article-related{padding:70px 0;background:#f3f6f8}
.article-related .article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.use-case-hero{padding:75px 0;background:radial-gradient(circle at 15% 50%,color-mix(in srgb,var(--use-accent) 35%,transparent),transparent 38%),#07111f;color:#fff}
.use-case-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) 340px;align-items:center;gap:80px}
.use-case-icon{display:grid;width:64px;height:64px;place-items:center;margin-bottom:20px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:color-mix(in srgb,var(--use-accent) 45%,#07111f);font-size:30px}
.use-case-hero h1{margin:10px 0 15px;font-size:clamp(42px,5vw,68px);line-height:1.12}
.use-case-hero p{max-width:780px;color:#b7c7d5;font-size:18px;line-height:1.85}
.use-case-hero>div>div>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.use-case-hero aside{border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.07);padding:32px}
.use-case-hero aside strong{display:block;color:#52e0ce;font-size:70px;line-height:1}.use-case-hero aside span{display:block;margin:12px 0;font-size:19px;font-weight:900}.use-case-hero aside small{color:#a9bbca;line-height:1.7}
.use-case-products{background:#f5f7fa}
.catalog-use-cases{border-bottom:1px solid #dfe6ee;background:#fff;padding:18px 0}
.catalog-use-cases .container{display:flex;align-items:center;gap:18px}.catalog-use-cases .container>span{flex:none;color:#64748b;font-size:13px;font-weight:900}.catalog-use-cases .container>div{display:flex;gap:8px;overflow:auto;padding:3px}
.catalog-use-cases a{display:flex;align-items:center;gap:7px;flex:none;border:1px solid #dce5ef;border-radius:999px;color:#334155;padding:8px 13px;text-decoration:none;font-size:13px;font-weight:800}.catalog-use-cases a.active{border-color:var(--use-accent,#0f9f8f);background:var(--use-accent,#0f9f8f);color:#fff}.catalog-use-cases i{font-style:normal}.catalog-use-cases small{display:grid;min-width:21px;height:21px;place-items:center;border-radius:50%;background:rgba(100,116,139,.14);font-size:10px}
.product-use-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.product-use-tags>a{border-radius:999px;background:#eef5f7;color:#285161;padding:5px 9px;text-decoration:none;font-size:11px;font-weight:800}.product-page-use-tags{align-items:center;margin:16px 0}.product-page-use-tags>span{color:#64748b;font-size:13px;font-weight:800}.product-page-use-tags>a{border:1px solid color-mix(in srgb,var(--use-accent) 24%,#dfe7ef);background:color-mix(in srgb,var(--use-accent) 8%,#fff);color:var(--use-accent);font-size:12px}.product-page-use-tags i{font-style:normal}
.home-use-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-use-case-grid .need-card{border-top:3px solid var(--use-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--use-accent) 16%,#09192a),#0c1828)}.home-use-case-grid .need-card h3{font-size:23px}.home-use-case-grid .need-card b em{display:inline-grid;min-width:24px;height:24px;place-items:center;border-radius:50%;background:var(--use-accent);color:#fff;font-style:normal;font-size:11px}
.home-articles{background:#f5f7fa}
.use-case-admin-layout{align-items:start}.use-case-admin-list{display:grid;gap:15px}.use-case-admin-list>form{border-inline-start:4px solid var(--use-accent);border-radius:14px;background:#f7f9fb;padding:16px}.use-case-admin-title{display:flex;align-items:center;gap:12px;margin-bottom:15px}.use-case-admin-title>i{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--use-accent) 12%,#fff);color:var(--use-accent);font-style:normal}.use-case-admin-title span{display:flex;flex-direction:column}.use-case-admin-title small{color:#64748b;margin-top:4px}.use-case-admin-actions{display:flex;justify-content:flex-end;gap:15px;align-items:center}.use-case-admin-actions button,.product-use-case-list button{border:0;border-radius:9px;background:#07111f;color:#fff;padding:10px 18px;font-weight:800;cursor:pointer}
.product-use-case-list{display:grid;gap:10px}.product-use-case-list>form{display:grid;grid-template-columns:260px minmax(0,1fr) auto;align-items:center;gap:18px;border:1px solid #dfe7ef;border-radius:13px;padding:13px}.assignment-product{display:flex;flex-direction:column}.assignment-product small{color:#64748b;margin-top:4px}.assignment-checks{display:flex;flex-wrap:wrap;gap:7px}.assignment-checks label{cursor:pointer}.assignment-checks input{position:absolute;opacity:0}.assignment-checks span{display:block;border:1px solid #dce5ef;border-radius:999px;background:#fff;padding:7px 10px;font-size:12px;font-weight:800}.assignment-checks input:checked+span{border-color:var(--use-accent);background:color-mix(in srgb,var(--use-accent) 12%,#fff);color:var(--use-accent)}
.article-category-admin{margin-top:20px}.category-add-row,.article-category-list>form{display:grid;grid-template-columns:1fr 1fr 1fr 90px auto auto;gap:10px;align-items:center}.article-category-list{display:grid;gap:10px;margin-top:18px}.article-category-list>form{border-top:1px solid #e2e8f0;padding-top:10px}.article-admin-form{display:grid;gap:20px}.article-html-field{display:block;margin-top:18px;font-weight:800}.article-html-field textarea{width:100%;margin-top:8px;border:1px solid #d8e1ea;border-radius:12px;padding:16px;font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.article-cover-preview{grid-column:1/-1}.article-cover-preview img{max-width:420px;border-radius:14px}.admin .article-category-admin input,.admin .article-category-admin textarea{min-width:0}.forgot-link{align-self:flex-end;margin-top:-5px;color:#087e70;font-size:13px;font-weight:800}
@media(max-width:1100px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-hero-grid,.articles-hero-grid{grid-template-columns:1fr}.article-hero-cover{max-width:720px}.article-layout{grid-template-columns:minmax(0,780px)}.article-aside{position:static;order:2}.article-related .article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.use-case-hero-grid{grid-template-columns:1fr}.use-case-hero aside{max-width:500px}.product-use-case-list>form{grid-template-columns:1fr}.category-add-row,.article-category-list>form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.article-grid,.article-related .article-grid,.home-use-case-grid{grid-template-columns:1fr}.articles-hero,.article-hero,.use-case-hero{padding:48px 0}.articles-hero h1,.article-hero h1,.use-case-hero h1{font-size:38px}.articles-hero p,.article-hero-copy>p,.use-case-hero p{font-size:16px}.articles-hero form{margin-top:10px}.article-index-section{padding:35px 0 60px}.article-index-heading{align-items:start;flex-direction:column}.article-index-heading h2{font-size:28px}.article-hero-grid{gap:35px}.article-layout{padding-top:38px;gap:35px}.article-content{font-size:17px;line-height:1.9}.article-content .article-lead{font-size:19px}.article-content h2{font-size:26px;margin-top:40px}.article-content table{display:block;overflow-x:auto;white-space:normal}.article-byline{align-items:start;flex-direction:column}.article-byline>span:first-child{margin-inline-end:0}.catalog-use-cases .container{align-items:flex-start;flex-direction:column}.use-case-hero-grid{gap:35px}.use-case-hero aside strong{font-size:54px}.article-category-list>form,.category-add-row{grid-template-columns:1fr}.article-cover-preview img{width:100%}}