styles.css - master - ArtKAtMan/Encrypto

styles.css
40 строк25 KB
Codex Agent
Build ransomware recovery SEO site
13 июл 2026, 11:40
13 июл 2026, 11:400a64e30
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--bg:#f6efe6;--paper:#fffaf4;--ink:#211d1a;--muted:#70665d;--accent:#b55f42;--accent2:#203f43;--line:#d8c8b8;--dark:#17272a;--serif:'Playfair Display',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--radius:28px;--shadow:0 25px 60px rgba(44,31,22,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit}.site-header{position:relative;z-index:10;max-width:1440px;margin:auto;padding:22px 38px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:-.03em}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--bg);font-size:12px;letter-spacing:.02em}.site-header nav{display:flex;gap:28px;font-size:14px}.site-header nav a{text-decoration:none;color:var(--muted)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800}.header-cta{padding:11px 17px;border:1px solid var(--line);border-radius:999px;font-size:13px}.button{padding:17px 22px;border-radius:14px}.primary{background:var(--accent);color:white}.secondary{border:1px solid currentColor}.hero{max-width:1440px;margin:auto;min-height:700px;padding:38px;display:grid;grid-template-columns:minmax(440px,.92fr) 1.08fr;gap:36px;align-items:center;position:relative}.hero-copy{z-index:2;padding:46px 12px 46px 0;min-width:0}.hero-media{grid-column:2;grid-row:1;position:relative;min-width:0}.hero-media img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:var(--radius);box-shadow:var(--shadow)}.kicker,.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--accent)}.hero h1{font-family:var(--serif);font-size:clamp(44px,4.5vw,68px);line-height:1.03;letter-spacing:-.045em;margin:22px 0 24px;max-width:720px;text-wrap:balance}.hero h1 span{display:block}.lead{font-size:19px;line-height:1.5;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:30px}.text-link{text-decoration:none;font-size:14px;font-weight:700;border-bottom:1px solid var(--line)}.microproof{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.microproof span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--muted)}
.first-aid,.proof-section,.method-section,.expertise,.request{max-width:1364px;margin:80px auto;padding:80px;border-radius:var(--radius)}.first-aid{background:var(--dark);color:#f9f2e9;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.first-aid h2,.section-heading h2,.request h2{font-family:var(--serif);font-size:clamp(38px,4.5vw,64px);line-height:1.05;letter-spacing:-.045em;margin:14px 0}.first-aid .eyebrow{color:#ef9674}.first-aid ol{list-style:none;margin:0;padding:0;display:grid}.first-aid li{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:25px 0;border-bottom:1px solid #ffffff24}.first-aid li b{color:#ef9674}.first-aid li span{font-size:18px}.proof-section{background:var(--paper);box-shadow:var(--shadow)}.section-heading{max-width:850px}.section-heading>p:not(.eyebrow){font-size:18px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.stats article{border-top:1px solid var(--line);padding:27px 4px}.stats strong{display:block;font-family:var(--serif);font-size:52px;line-height:1;color:var(--accent)}.stats span{display:block;color:var(--muted);margin-top:12px}.disclaimer{font-size:12px;color:var(--muted);max-width:900px;margin:25px 0 0}.method-section{padding-top:40px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.method-grid article{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:26px;min-height:225px}.method-grid b{color:var(--accent)}.method-grid h3{font-family:var(--serif);font-size:26px;margin:40px 0 10px}.method-grid p{color:var(--muted);margin:0}.expertise{background:var(--paper)}.article-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.article-cards>a{padding:25px;border:1px solid var(--line);border-radius:18px;text-decoration:none;display:flex;flex-direction:column;min-height:290px;transition:.2s}.article-cards>a:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.article-cards span{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--accent);font-weight:800}.article-cards h3{font-family:var(--serif);font-size:25px;line-height:1.08;margin:24px 0 12px}.article-cards p{font-size:14px;color:var(--muted);margin:0}.article-cards b{font-size:12px;margin-top:auto;padding-top:22px}.all-link{display:inline-block;margin-top:28px;font-weight:800;text-decoration:none}.request{background:var(--dark);color:#f8f1e8;display:grid;grid-template-columns:1fr .9fr;gap:70px}.request .eyebrow{color:#ef9674}.request p{color:#c9d0cc;font-size:18px}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.request small{display:block;color:#87918d;margin-top:16px}.request form{background:#f8f3ec;color:var(--ink);border-radius:20px;padding:28px;display:grid;gap:16px}.request label{display:grid;gap:7px;font-size:13px;font-weight:700}.request input,.request textarea{width:100%;font:inherit;border:1px solid #d4c9bc;border-radius:10px;padding:13px;background:white}.request .consent{display:flex;align-items:flex-start;font-weight:500;color:var(--muted)}.request .consent input{width:auto;margin-top:5px}.request button{border:0;border-radius:12px;padding:15px;background:var(--accent);color:white;font:800 14px var(--sans)}footer{max-width:1364px;margin:30px auto;padding:38px;display:grid;grid-template-columns:1fr auto;gap:25px;border-top:1px solid var(--line);color:var(--muted)}footer div:last-of-type{display:flex;gap:20px}footer a{text-decoration:none}footer small{grid-column:1/-1}.variant-note{position:fixed;right:18px;bottom:18px;z-index:20;width:270px;padding:15px;border-radius:14px;background:#171514e8;color:white;backdrop-filter:blur(12px);box-shadow:0 12px 30px #0005}.variant-note b,.variant-note span,.variant-note a{display:block}.variant-note span{font-size:11px;color:#c8c0ba;margin:4px 0 10px}.variant-note a{font-size:11px;color:#f0a488}
/* Variant 1: warm forensic atelier */
.theme-atelier{--bg:#fff2e4;--paper:#fffaf5;--ink:#3c2c25;--muted:#7d6659;--accent:#d56e48;--accent2:#315a59;--line:#e8cdb9;--dark:#263c3b;--radius:36px}.theme-atelier .hero-media:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#f0a26f;right:-35px;top:-45px;z-index:-1}.theme-atelier .hero-media img{border-radius:46% 54% 35% 65%/46% 34% 66% 54%}.theme-atelier .proof-section{border-radius:70px 24px 70px 24px}
/* Variant 2: old money archive */
.theme-archive{--bg:#eee7db;--paper:#f8f3ea;--ink:#2a211b;--muted:#6d6258;--accent:#762e36;--accent2:#4c5a4a;--line:#cbbba5;--dark:#2b2420;--radius:6px}.theme-archive .site-header{border-bottom:1px solid var(--line)}.theme-archive .brand-mark{border-radius:3px;background:#762e36}.layout-frame .hero{grid-template-columns:.78fr 1.22fr;padding-top:70px}.layout-frame .hero-copy{padding:45px 50px;background:#f8f3ea;border:1px solid var(--line);margin-right:-70px;box-shadow:var(--shadow)}.layout-frame .hero-media img{border-radius:0;border:14px solid #d5c4aa;outline:1px solid #7b6b58}.layout-frame .hero h1{font-size:clamp(52px,5vw,78px)}.theme-archive .first-aid{border:1px solid #8b7864;background:#2a211b}.theme-archive .method-grid article{border-radius:2px}.theme-archive .method-grid h3{font-style:italic}
/* Variant 3: lamp cyber noir */
.theme-noir{--bg:#07171b;--paper:#0d2529;--ink:#edf1ea;--muted:#9aaca9;--accent:#e49a51;--accent2:#5fa7a8;--line:#244449;--dark:#0a1d21;--radius:12px;background-image:radial-gradient(circle at 80% 10%,#143b4320,transparent 35%)}.theme-noir .site-header{color:#edf1ea}.theme-noir .brand-mark{background:#e49a51;color:#07171b}.theme-noir .header-cta{color:#e49a51}.layout-immersive .hero{max-width:none;min-height:840px;padding:0 5vw;grid-template-columns:1fr 1.1fr}.layout-immersive .hero-media{position:absolute;inset:0;z-index:0}.layout-immersive .hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06151bf5 0%,#06151bca 43%,#06151b30 73%,#06151b80 100%)}.layout-immersive .hero-media img{width:100%;height:100%;border-radius:0;box-shadow:none}.layout-immersive .hero-copy{grid-column:1;position:relative;color:white;max-width:760px}.layout-immersive .hero h1{font-family:var(--sans);font-weight:700}.theme-noir .first-aid,.theme-noir .proof-section,.theme-noir .expertise,.theme-noir .request{border:1px solid var(--line);box-shadow:none}.theme-noir .method-grid article,.theme-noir .article-cards>a{background:#0b2024}.theme-noir .request form{background:#e7dfd3}.theme-noir footer{color:#9aaca9}.theme-noir .microproof span{color:#bdd0cc}
/* Variant 4: quiet counsel */
.theme-counsel{--bg:#f1f0e8;--paper:#faf9f3;--ink:#263029;--muted:#687168;--accent:#66765a;--accent2:#8e6a54;--line:#ccd0c4;--dark:#334037;--radius:22px}.layout-quiet .hero{grid-template-columns:1.08fr .92fr;padding-top:42px;gap:55px}.layout-quiet .hero-copy{max-width:820px;padding:30px 0 55px}.layout-quiet .hero-media{grid-column:2;grid-row:1}.layout-quiet .hero-media img{height:650px;border-radius:110px 20px 110px 20px}.layout-quiet .hero h1{font-size:clamp(56px,5.6vw,84px);max-width:820px}.layout-quiet .lead{max-width:720px}.theme-counsel .first-aid{background:transparent;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}.theme-counsel .first-aid li{border-color:var(--line)}.theme-counsel .first-aid .eyebrow,.theme-counsel .first-aid li b{color:var(--accent)}.theme-counsel .proof-section{box-shadow:none;border:1px solid var(--line)}
/* Variant 5: incident editorial */
.theme-editorial{--bg:#e7ded4;--paper:#f4eee7;--ink:#211f1e;--muted:#69615c;--accent:#a84d3e;--accent2:#283338;--line:#bcb0a4;--dark:#202629;--radius:0}.theme-editorial .site-header{max-width:none;border-bottom:1px solid var(--ink)}.layout-poster .hero{max-width:none;padding:0;grid-template-columns:52% 48%;border-bottom:1px solid var(--ink)}.layout-poster .hero-copy{padding:80px 6vw;grid-column:1}.layout-poster .hero-media{grid-column:2}.layout-poster .hero-media img{height:760px;border-radius:0;box-shadow:none}.layout-poster .hero h1{font-family:var(--sans);font-weight:800;text-transform:none}.theme-editorial .first-aid,.theme-editorial .proof-section,.theme-editorial .method-section,.theme-editorial .expertise,.theme-editorial .request{max-width:none;margin:0;border-radius:0;border-bottom:1px solid var(--ink);box-shadow:none}.theme-editorial .stats article{border-color:var(--ink)}.theme-editorial .method-grid{gap:0;border:1px solid var(--ink)}.theme-editorial .method-grid article{border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);border-radius:0}.theme-editorial .article-cards{grid-template-columns:repeat(2,1fr)}.theme-editorial .article-cards>a{border-radius:0;border-color:var(--ink)}
/* Gallery */
.gallery-body{background:#171514;color:#eee7df}.gallery-head{padding:80px 5vw 55px;max-width:1100px}.gallery-head h1{font-family:var(--serif);font-size:clamp(55px,8vw,110px);line-height:.92;letter-spacing:-.06em;margin:18px 0}.gallery-head p:not(.eyebrow){font-size:20px;color:#bdb2a8;max-width:780px}.gallery-head a{color:#ed9b73;font-weight:800}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#655d57;border-top:1px solid #655d57}.gallery-grid>a{background:#171514;text-decoration:none;display:grid;grid-template-columns:1.05fr .95fr;min-height:420px;overflow:hidden}.gallery-grid>a:last-child{grid-column:1/-1}.gallery-grid img{width:100%;height:100%;object-fit:cover}.gallery-grid div{padding:38px;display:flex;flex-direction:column}.gallery-grid i{font-family:var(--serif);font-size:45px;color:#ed9b73}.gallery-grid span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#bdb2a8}.gallery-grid h2{font-family:var(--serif);font-size:30px;line-height:1.08}.gallery-grid b{margin-top:auto;color:#ed9b73;font-size:13px}
/* Knowledge and article pages */
.knowledge-body,.article-body{--bg:#f2ece3;--paper:#fffaf3;--ink:#28221e;--muted:#756b63;--accent:#9e4f3e;--line:#d4c7b8;--dark:#243336}.knowledge-hero{max-width:1364px;margin:auto;padding:100px 38px 80px}.knowledge-hero h1{font-family:var(--serif);font-size:clamp(58px,7vw,100px);line-height:.96;letter-spacing:-.055em;margin:18px 0;max-width:1100px}.knowledge-hero>p:last-child{font-size:20px;color:var(--muted);max-width:760px}.knowledge-grid{max-width:1364px;margin:auto;padding:0 38px 100px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.knowledge-grid>a{background:var(--paper);border:1px solid var(--line);padding:32px;text-decoration:none;min-height:320px;display:flex;flex-direction:column}.knowledge-grid i{font:italic 38px var(--serif);color:var(--accent)}.knowledge-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:15px}.knowledge-grid h2{font:600 31px/1.08 var(--serif);margin:18px 0}.knowledge-grid p{color:var(--muted)}.knowledge-grid b{margin-top:auto;color:var(--accent);font-size:13px}.article-main{max-width:1120px;margin:auto;padding:55px 38px 110px}.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:60px}.breadcrumbs a{text-decoration:none}.article-hero h1{font:600 clamp(52px,6.8vw,88px)/.98 var(--serif);letter-spacing:-.05em;margin:18px 0 28px}.article-hero>p:not(.eyebrow){font-size:22px;color:var(--muted);max-width:850px}.review{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:35px}.article-toc{float:left;width:260px;position:sticky;top:25px;margin-top:65px;padding:22px;border-left:3px solid var(--accent);display:grid;gap:12px}.article-toc a{font-size:12px;color:var(--muted);text-decoration:none}.article-content{margin-left:340px;padding-top:55px}.article-content section{scroll-margin-top:30px;margin:0 0 58px}.article-content h2{font:600 38px/1.08 var(--serif);letter-spacing:-.035em}.article-content p{font-size:18px;line-height:1.75;color:#4f4944}.article-callout{background:var(--dark);color:white;padding:38px}.article-callout p{color:#c7d0cd}.related{clear:both;padding-top:80px}.related h2{font:600 42px var(--serif)}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related a{padding:20px;border:1px solid var(--line);text-decoration:none;display:grid;gap:10px}.related span{font-size:10px;text-transform:uppercase;color:var(--accent)}
@media(max-width:900px){body{overflow-x:hidden}.site-header{padding:18px 20px}.site-header nav{display:none}.site-header .header-cta{display:none}.hero,.layout-frame .hero,.layout-immersive .hero,.layout-poster .hero{min-height:auto;padding:35px 20px 60px;display:flex;flex-direction:column}.hero-copy,.layout-frame .hero-copy,.layout-poster .hero-copy{order:1;padding:35px 0;margin:0;background:transparent;border:0;box-shadow:none;min-width:0}.hero-media,.layout-immersive .hero-media{order:2;position:relative;inset:auto;width:100%}.layout-immersive .hero-media:after{display:none}.hero-media img,.layout-poster .hero-media img,.layout-quiet .hero-media img{height:420px;border-radius:20px}.hero h1,.layout-quiet .hero h1{font-size:42px;overflow-wrap:anywhere;hyphens:auto}.lead{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column}.first-aid,.request{grid-template-columns:1fr}.first-aid,.proof-section,.method-section,.expertise,.request{margin:30px 12px;padding:45px 25px}.stats,.method-grid,.article-cards,.theme-editorial .article-cards{grid-template-columns:1fr}.article-cards>a{min-height:250px}.variant-note{position:relative;right:auto;bottom:auto;width:auto;margin:12px}.gallery-grid{grid-template-columns:1fr}.gallery-grid>a,.gallery-grid>a:last-child{grid-column:auto;grid-template-columns:1fr}.gallery-grid img{height:300px}.knowledge-grid{grid-template-columns:1fr;padding:0 20px 70px}.knowledge-hero{padding:70px 20px}.knowledge-hero h1,.knowledge-grid h2,.article-hero h1,.article-content h2,.related h2{overflow-wrap:anywhere;hyphens:auto}.knowledge-hero h1,.article-hero h1{font-size:42px}.article-main{padding:35px 20px 80px}.article-toc{float:none;width:auto;position:relative;top:auto}.article-content{margin-left:0}.related>div{grid-template-columns:1fr}footer{margin:20px;padding:30px 20px;grid-template-columns:1fr}footer div:last-of-type{flex-direction:column}}

/* Hero and preview corrections after full-page visual review */
.variant-note{position:relative;right:auto;bottom:auto;z-index:2;max-width:1364px;width:calc(100% - 40px);margin:0 auto 30px;padding:17px 20px;border-radius:14px;background:#171514;color:white;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;backdrop-filter:none;box-shadow:0 12px 30px #0002}.variant-note span{margin:0}
.theme-atelier .hero-media img{border-radius:42px}
.layout-frame .hero h1{font-size:clamp(43px,4.2vw,62px)}
.layout-immersive .hero{max-width:none;min-height:760px;padding:0 5vw;grid-template-columns:1fr 1.1fr}.layout-immersive .hero-media{position:absolute;inset:0;z-index:0}.layout-immersive .hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06151bf7 0%,#06151bd9 39%,#06151b48 67%,#06151b55 100%)}.layout-immersive .hero-media img{width:100%;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none;object-position:center}.layout-immersive .hero-copy{grid-column:1;position:relative;color:white;max-width:680px}.layout-immersive .hero h1{font-family:var(--sans);font-size:clamp(44px,4.8vw,66px);font-weight:700;max-width:650px}
.layout-quiet .hero{grid-template-columns:1.02fr .98fr;padding-top:42px;gap:52px}.layout-quiet .hero-copy{max-width:720px;padding:30px 0 45px}.layout-quiet .hero-media{grid-column:2;grid-row:1}.layout-quiet .hero-media img{height:auto;aspect-ratio:3/2;border-radius:90px 18px 90px 18px}.layout-quiet .hero h1{font-size:clamp(44px,4.5vw,66px);max-width:700px}
.layout-poster .hero{max-width:none;min-height:760px;padding:0;border-bottom:1px solid var(--ink);display:block;overflow:hidden}.layout-poster .hero-copy{position:relative;z-index:2;width:min(49%,720px);min-height:760px;padding:92px 5.5vw;background:linear-gradient(90deg,#e7ded4 0%,#e7ded4f5 78%,#e7ded400 100%)}.layout-poster .hero-media{position:absolute;inset:0;z-index:0}.layout-poster .hero-media img{width:100%;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none;object-fit:cover;object-position:center}.layout-poster .hero h1{font-family:var(--sans);font-size:clamp(44px,4.6vw,64px);font-weight:800;text-transform:none;max-width:610px}
@media(max-width:900px){.hero,.layout-frame .hero,.layout-immersive .hero,.layout-poster .hero{display:flex;min-height:auto;padding:30px 20px 55px}.hero-copy,.layout-frame .hero-copy,.layout-poster .hero-copy{width:100%;min-height:auto;padding:28px 0 32px;background:none}.hero h1,.layout-frame .hero h1,.layout-immersive .hero h1,.layout-quiet .hero h1,.layout-poster .hero h1{font-size:36px;line-height:1.06;max-width:100%;text-wrap:balance}.hero-media,.layout-immersive .hero-media,.layout-poster .hero-media{position:relative;inset:auto;width:100%}.layout-immersive .hero-media:after{display:none}.hero-media img,.layout-immersive .hero-media img,.layout-poster .hero-media img,.layout-quiet .hero-media img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:18px}.variant-note{width:calc(100% - 24px);margin:12px;grid-template-columns:1fr;gap:5px}}

/* Selected production direction: Lamp Cyber Noir */
.layout-immersive .hero{overflow:hidden}.layout-immersive .hero-media{grid-column:1/-1;width:100%;right:auto}.layout-immersive .hero-media img{object-position:center center}.layout-immersive .hero h1{font-size:clamp(40px,4vw,58px);line-height:1.03;max-width:720px}.theme-noir .stats article:last-child strong{font-size:clamp(32px,3vw,40px);line-height:1.05}
.theme-noir.knowledge-body,.theme-noir.article-body{--bg:#07171b;--paper:#0d2529;--ink:#edf1ea;--muted:#9aaca9;--accent:#e49a51;--line:#244449;--dark:#0a1d21;background:#07171b;color:#edf1ea;background-image:radial-gradient(circle at 82% 5%,#123a4228,transparent 32%),linear-gradient(180deg,#07171b,#061317)}
.theme-noir.knowledge-body .site-header,.theme-noir.article-body .site-header{border-bottom:1px solid #244449;background:#07171be8;backdrop-filter:blur(16px)}
.theme-noir .knowledge-hero{position:relative;padding-top:120px}.theme-noir .knowledge-hero:after{content:"";position:absolute;right:4%;top:50px;width:260px;height:260px;border:1px solid #e49a5140;border-radius:50%;box-shadow:0 0 80px #e49a5117}.theme-noir .knowledge-hero h1,.theme-noir .article-hero h1{color:#f4f0e8}.theme-noir .knowledge-hero>p:last-child,.theme-noir .article-hero>p:not(.eyebrow){color:#a9b9b5}.theme-noir .knowledge-grid>a{background:linear-gradient(145deg,#0d2529,#0a1e22);border-color:#244449;border-radius:14px;box-shadow:0 18px 45px #0002}.theme-noir .knowledge-grid>a:hover{border-color:#e49a5188;transform:translateY(-3px)}.theme-noir .knowledge-grid i,.theme-noir .knowledge-grid b{color:#e49a51}.theme-noir .knowledge-grid p{color:#9aaca9}
.theme-noir .breadcrumbs,.theme-noir .review,.theme-noir .article-toc a{color:#839894}.theme-noir .article-toc{border-color:#e49a51;background:#0b2024;padding:24px;border-radius:0 12px 12px 0}.theme-noir .article-content p{color:#bdc9c5}.theme-noir .article-content section:not(.article-callout){border-bottom:1px solid #244449;padding-bottom:32px}.theme-noir .article-callout{background:linear-gradient(135deg,#102d31,#0a1d21);border:1px solid #31565b;border-radius:16px}.theme-noir .related a{background:#0b2024;border-color:#244449;border-radius:12px}.theme-noir .related a:hover{border-color:#e49a5188}.theme-noir footer{border-color:#244449}
@media(max-width:900px){.layout-immersive .hero h1{font-size:34px}.theme-noir .stats article:last-child strong{font-size:34px}.theme-noir .knowledge-hero:after{display:none}.theme-noir .knowledge-hero{padding-top:70px}.theme-noir .article-toc{border-radius:10px}}

/* SEO cluster, case and editorial trust pages */
.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 16px;background:#e49a51;color:#07171b;text-decoration:none;font-weight:800;border-radius:8px}.skip-link:focus{top:16px}.theme-noir.case-body,.theme-noir.about-body{background:#07171b;color:#edf1ea;background-image:radial-gradient(circle at 82% 5%,#123a4228,transparent 32%),linear-gradient(180deg,#07171b,#061317)}.theme-noir.case-body .site-header,.theme-noir.about-body .site-header{border-bottom:1px solid #244449;background:#07171be8;backdrop-filter:blur(16px)}.cluster-map{max-width:1288px;margin:0 auto 36px;padding:24px 30px;border:1px solid #244449;border-radius:14px;background:#0b2024;color:#9aaca9}.cluster-map b{display:block;color:#e49a51;margin-bottom:7px}.cluster-map p{margin:0}.article-content a{color:#c47a3f;text-decoration-thickness:1px;text-underline-offset:4px}.article-checklist{background:#0b2024;border:1px solid #31565b!important;border-radius:14px;padding:32px!important}.article-checklist ul{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 30px;margin:24px 0 0;padding:0;list-style:none}.article-checklist li{position:relative;padding-left:28px;color:#bdc9c5}.article-checklist li:before{content:'✓';position:absolute;left:0;color:#e49a51;font-weight:800}.article-faq details{border-top:1px solid #31565b;padding:18px 0}.article-faq summary{cursor:pointer;font-weight:800;color:#edf1ea}.article-faq details p{margin-bottom:0}.author-box{display:grid;grid-template-columns:auto 1fr;gap:20px;background:#10282c;border:1px solid #31565b!important;border-radius:14px;padding:28px!important}.author-box p{font-size:15px!important;margin:6px 0 10px}.author-box a{font-size:13px;font-weight:800}.review a{font-weight:800;color:inherit}.case-page,.about-page{padding-bottom:80px}.case-metrics{max-width:1288px;margin:0 auto 70px;padding:0 38px}.case-story,.editorial-policy{max-width:880px;margin:0 auto 100px;padding:0 38px}.case-story h2,.editorial-policy h2{font:600 42px/1.08 var(--serif);margin-top:58px}.case-story p,.editorial-policy p{font-size:18px;line-height:1.75;color:#bdc9c5}.case-story a,.editorial-policy a{color:#e49a51}.about-grid{max-width:1288px;margin:0 auto 90px;padding:0 38px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.about-grid article{padding:34px;background:#0b2024;border:1px solid #244449;border-radius:14px}.about-grid span{color:#e49a51;font:italic 32px var(--serif)}.about-grid h2{font:600 34px var(--serif);margin:22px 0 12px}.about-grid p{color:#a9b9b5}.case-body .request,.about-body .request{margin-bottom:0}.case-body footer,.about-body footer{border-color:#244449;color:#9aaca9}
@media(max-width:900px){.cluster-map{margin:0 20px 30px}.article-checklist ul,.about-grid{grid-template-columns:1fr}.case-metrics,.case-story,.editorial-policy,.about-grid{padding-left:20px;padding-right:20px}.case-story h2,.editorial-policy h2{font-size:34px}.author-box{grid-template-columns:1fr}.knowledge-grid>a{min-height:280px}}