:root{--bg:#fff;--surface:#f5f7fb;--text:#111827;--muted:#667085;--border:#e5e7eb;--accent:#3157f6;--accent-dark:#2441c7;--radius:18px;--container:1180px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:9999;padding:10px 14px;background:#111827;color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.container{width:min(calc(100% - 40px),var(--container));margin:auto}.container--narrow{max-width:860px}.site-header{position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(229,231,235,.9);background:rgba(255,255,255,.92);backdrop-filter:blur(14px)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:30px}.site-title{font-size:18px;font-weight:800;letter-spacing:-.02em}.site-description{margin:1px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.global-nav__list,.global-nav__list ul,.footer-menu{display:flex;align-items:center;gap:28px;margin:0;padding:0;list-style:none}.global-nav__list a{font-size:14px;font-weight:700}.global-nav__list a:hover,.global-nav__list .current-menu-item>a{color:var(--accent)}.menu-toggle{display:none;width:44px;height:44px;padding:10px;border:0;background:transparent;cursor:pointer}.menu-toggle span{display:block;width:100%;height:2px;margin:5px 0;background:var(--text)}.hero{position:relative;overflow:hidden;padding:108px 0 116px;background:radial-gradient(circle at 86% 20%,rgba(49,87,246,.18),transparent 34%),linear-gradient(135deg,#f8faff,#eef2ff)}.hero:after{content:"";position:absolute;right:-80px;bottom:-120px;width:420px;height:420px;border:1px solid rgba(49,87,246,.16);border-radius:50%}.hero .container{position:relative;z-index:1}.eyebrow{margin:0 0 14px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.16em}.hero h1{max-width:820px;margin:0;font-size:clamp(42px,6vw,82px);line-height:1.1;letter-spacing:-.055em}.hero__lead{max-width:700px;margin:30px 0 36px;color:#475467;font-size:clamp(17px,2vw,21px);line-height:1.85}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;background:var(--accent);color:#fff;font-weight:800;box-shadow:0 12px 24px rgba(49,87,246,.22);transition:.2s}.button:hover{background:var(--accent-dark);transform:translateY(-2px)}.section{padding:90px 0}.section--muted{background:var(--surface)}.section-title,.page-header h1{margin:0 0 34px;font-size:clamp(30px,4vw,46px);line-height:1.25;letter-spacing:-.035em}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:#fff;transition:.2s}.card:hover{transform:translateY(-5px);border-color:rgba(49,87,246,.35);box-shadow:0 14px 40px rgba(17,24,39,.08)}.card>a{display:flex;flex-direction:column;height:100%}.card__image{aspect-ratio:3/2;overflow:hidden;background:#e9edff}.card__image{display:grid;place-items:center}.card__image img{width:100%;height:100%;object-fit:contain;object-position:center center;transition:.35s}.card:hover .card__image img{transform:scale(1.035)}.card__placeholder{display:grid;place-items:center;width:100%;height:100%;color:rgba(49,87,246,.55);font-size:13px;font-weight:900;letter-spacing:.18em;background:linear-gradient(135deg,rgba(49,87,246,.08),rgba(49,87,246,.2))}.card__body{display:flex;flex-direction:column;flex:1;padding:22px}.category-label{display:inline-flex;align-self:flex-start;padding:5px 10px;border-radius:999px;background:#eef2ff;color:var(--accent);font-size:11px;font-weight:800;line-height:1.4}.card h2{margin:15px 0 8px;font-size:19px;line-height:1.55;letter-spacing:-.02em}.card p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.75}.card time{margin-top:auto;color:#98a2b3;font-size:12px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.category-card{display:flex;flex-direction:column;gap:5px;min-height:120px;justify-content:center;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;transition:.2s}.category-card:hover{transform:translateY(-3px);border-color:var(--accent)}.category-card strong{font-size:18px}.category-card span{color:var(--muted);font-size:12px}.main{padding:52px 0 90px}.breadcrumb{margin-bottom:38px;overflow:hidden;color:var(--muted);font-size:12px}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.breadcrumb li+li:before{content:"/";margin-right:8px;color:#c2c7d0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}.sidebar{position:sticky;top:112px}.widget{margin-bottom:24px;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.widget__title{margin:0 0 16px;font-size:17px}.widget ul{margin:0;padding:0;list-style:none}.widget li+li{margin-top:10px}.widget a{font-size:14px}.widget a:hover{color:var(--accent)}.archive-description{margin-top:-20px;margin-bottom:34px;color:var(--muted)}.search-form{display:flex;gap:8px}.search-form input{width:100%;min-width:0;height:46px;padding:0 13px;border:1px solid var(--border);border-radius:10px}.search-form button{flex-shrink:0;height:46px;padding:0 16px;border:0;border-radius:10px;background:var(--text);color:#fff;font-weight:700;cursor:pointer}.article__header{margin-bottom:30px}.article__header h1{margin:16px 0 18px;font-size:clamp(34px,5vw,54px);line-height:1.35;letter-spacing:-.04em}.article__meta{color:var(--muted);font-size:12px}.article__thumbnail{overflow:hidden;margin:0 0 40px;border-radius:28px}.article__content{font-size:17px;line-height:2}.article__content>*:first-child{margin-top:0}.article__content h2{margin:3.4em 0 1em;padding:0 0 .55em;border-bottom:3px solid var(--accent);font-size:30px;line-height:1.45}.article__content h3{margin:2.5em 0 .8em;padding-left:14px;border-left:4px solid var(--accent);font-size:23px}.article__content p{margin:1.3em 0}.article__content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article__content blockquote{margin:2em 0;padding:18px 22px;border-left:4px solid var(--accent);background:var(--surface)}.article__content pre{overflow:auto;padding:20px;border-radius:10px;background:#111827;color:#e5e7eb;font-size:14px}.article__content code{padding:.12em .38em;border-radius:5px;background:#eef2ff;color:#243ea6}.article__content pre code{padding:0;background:transparent;color:inherit}.article__content table{display:block;width:100%;overflow:auto;border-collapse:collapse}.article__content th,.article__content td{padding:12px 14px;border:1px solid var(--border);text-align:left}.article__content th{background:var(--surface)}.article__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:42px}.article__tags a{padding:7px 11px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:12px}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:56px;padding-top:26px;border-top:1px solid var(--border);font-size:14px;font-weight:700}.post-nav div:last-child{text-align:right}.empty,.error{padding:50px;border-radius:var(--radius);background:var(--surface);text-align:center}.error{padding:80px 40px}.error__code{margin:0;color:var(--accent);font-size:80px;font-weight:900;line-height:1}.error .search-form{max-width:520px;margin:20px auto 24px}.navigation.pagination{margin-top:44px}.nav-links{display:flex;flex-wrap:wrap;gap:8px}.page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:13px;font-weight:700}.page-numbers.current,.page-numbers:hover{border-color:var(--accent);background:var(--accent);color:#fff}.site-footer{margin-top:20px;background:#111827;color:#fff}.site-footer__inner{display:flex;justify-content:space-between;gap:40px;padding-top:58px;padding-bottom:44px}.site-footer p{margin:8px 0 0;color:#98a2b3;font-size:13px}.footer-menu{flex-wrap:wrap;justify-content:flex-end;gap:18px}.footer-menu a{color:#cbd5e1;font-size:13px}.copyright{padding:18px 20px;border-top:1px solid rgba(255,255,255,.08);color:#667085;text-align:center}@media(max-width:980px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media(max-width:840px){.site-header__inner{min-height:68px}.menu-toggle{display:block}.global-nav{position:fixed;inset:69px 0 auto;max-height:calc(100vh - 69px);overflow:auto;padding:20px;background:#fff;border-bottom:1px solid var(--border);transform:translateY(-120%);opacity:0;pointer-events:none;transition:.22s}.global-nav.is-open{transform:none;opacity:1;pointer-events:auto}.global-nav__list,.global-nav__list ul{display:block}.global-nav__list li+li{border-top:1px solid var(--border)}.global-nav__list a{display:block;padding:14px 4px}.hero{padding:76px 0 82px}.section{padding:70px 0}.site-footer__inner{flex-direction:column}.footer-menu{justify-content:flex-start}}@media(max-width:640px){.container{width:min(calc(100% - 28px),var(--container))}.hero h1{font-size:42px}.hero__lead br{display:none}.card-grid,.category-grid,.sidebar{grid-template-columns:1fr}.main{padding:34px 0 64px}.article__header h1{font-size:34px}.article__content{font-size:16px}.article__content h2{font-size:25px}.article__content h3{font-size:21px}.post-nav{grid-template-columns:1fr}.post-nav div:last-child{text-align:left}.empty,.error{padding:36px 22px}} /* Version 1.1 article enhancements */ .p-article-summary { margin: 0 0 34px; padding: 24px 26px; border: 1px solid #d9e0ff; border-radius: var(--radius-md); background: linear-gradient(135deg, #f8faff 0%, #eef2ff 100%); } .p-article-summary__label { margin: 0 0 6px; color: var(--color-accent); font-size: 12px; font-weight: 900; letter-spacing: .08em; } .p-article-summary__text { margin: 0; color: #344054; font-size: 15px; line-height: 1.85; } .p-toc { margin: 0 0 42px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: #fff; overflow: hidden; } .p-toc__toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 18px 22px; border: 0; background: var(--color-surface); color: var(--color-text); cursor: pointer; } .p-toc__title { font-weight: 900; } .p-toc__icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #fff; color: var(--color-accent); font-size: 18px; font-weight: 800; } .p-toc__list { margin: 0; padding: 20px 28px 22px 48px; } .p-toc__list li + li { margin-top: 8px; } .p-toc__list a { color: #344054; text-decoration: none; } .p-toc__list a:hover { color: var(--color-accent); } .p-article__content h2 { scroll-margin-top: 110px; } .p-article__content pre { position: relative; padding-top: 54px; } .c-code-copy { position: absolute; top: 10px; right: 10px; min-width: 78px; height: 32px; padding: 0 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 7px; background: rgba(255,255,255,.1); color: #fff; font-size: 12px; font-weight: 800; cursor: pointer; } .c-code-copy:hover { background: rgba(255,255,255,.18); } .p-related { margin-top: 72px; padding-top: 48px; border-top: 1px solid var(--color-border); } .p-related__title { margin: 0; font-size: 30px; line-height: 1.3; } .p-card-grid--related { grid-template-columns: repeat(3, minmax(0, 1fr)); } .p-card-grid--related .p-card__excerpt { display: none; } .p-ranking-list { margin: 0; padding: 0; counter-reset: ranking; list-style: none; } .p-ranking-list__item { position: relative; padding-left: 34px; counter-increment: ranking; line-height: 1.55; } .p-ranking-list__item::before { content: counter(ranking); position: absolute; top: 1px; left: 0; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #eef2ff; color: var(--color-accent); font-size: 11px; font-weight: 900; } .p-ranking-list__item + .p-ranking-list__item { margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--color-border); } @media (max-width: 980px) { .p-card-grid--related { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .p-article-summary { padding: 20px; } .p-toc__toggle { padding: 16px 18px; } .p-toc__list { padding: 18px 20px 20px 40px; font-size: 14px; } .p-card-grid--related { grid-template-columns: 1fr; } } /* v1.2.0: readable article layout */ .main--single { padding-top: 38px; } .content-grid--article { grid-template-columns: minmax(0, 820px) 300px; justify-content: center; gap: 64px; } .article-column { min-width: 0; } .article { max-width: 820px; } .article__header { margin-bottom: 34px; } .article__header h1 { max-width: 780px; margin: 18px 0 20px; font-size: clamp(34px, 4.2vw, 50px); line-height: 1.38; } .article__meta { display: flex; flex-wrap: wrap; gap: 8px 18px; } .article__thumbnail { aspect-ratio: 3 / 2; background: var(--surface); } .article__thumbnail img { width: 100%; height: 100%; object-fit: cover; object-position: center top; } .article-summary { margin: 0 0 42px; padding: 24px 27px; border: 1px solid #dbe2ff; border-radius: 16px; background: linear-gradient(135deg,#f9faff,#f0f3ff); } .article-summary__label { margin: 0 0 7px; color: var(--accent); font-size: 12px; font-weight: 900; letter-spacing: .08em; } .article-summary__text { margin: 0; color: #344054; font-size: 15px; line-height: 1.9; } .article__content { max-width: 760px; margin-inline: auto; font-size: 17px; line-height: 2.05; letter-spacing: .01em; } .article__content h2 { margin-top: 3.1em; padding: .72em .8em; border: 0; border-left: 6px solid var(--accent); border-radius: 0 12px 12px 0; background: #f4f6ff; font-size: 29px; } .article__content h3 { margin-top: 2.35em; padding: 0 0 .45em; border: 0; border-bottom: 2px solid #dce2ee; font-size: 22px; } .article__content p { margin: 1.45em 0; } .article__content ul, .article__content ol { margin: 1.4em 0; padding-left: 1.55em; } .article__content li + li { margin-top: .5em; } .article__content figure.qaa-generated-image, .article__content figure.wp-block-image { margin: 42px 0 46px; } .article__content figure.qaa-generated-image img, .article__content figure.wp-block-image img { width: 100%; border-radius: 18px; box-shadow: 0 14px 36px rgba(17,24,39,.10); } .article__content figcaption { margin-top: 10px; color: var(--muted); font-size: 12px; line-height: 1.65; text-align: center; } .p-toc { max-width: 760px; margin: 0 auto 46px; border-radius: 16px; box-shadow: 0 8px 24px rgba(17,24,39,.04); } .p-toc__toggle { padding: 19px 22px; } .p-toc__list { columns: 1; padding: 20px 30px 24px 50px; } .p-toc__list li + li { margin-top: 11px; } .related-posts { max-width: 820px; margin-top: 80px; padding-top: 48px; border-top: 1px solid var(--border); } .related-posts__eyebrow { margin: 0 0 5px; color: var(--accent); font-size: 11px; font-weight: 900; letter-spacing: .15em; } .related-posts > h2 { margin: 0 0 24px; font-size: 30px; } .card-grid--related { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; } .card-grid--related .card__body { padding: 17px; } .card-grid--related .card h2 { font-size: 15px; } .qaa-editor-note { margin-top: 56px; padding: 22px 25px; border: 2px dashed #e1a43a; border-radius: 14px; background: #fff9eb; } .qaa-editor-note h2 { margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: 20px !important; } @media (max-width: 1080px) { .content-grid--article { grid-template-columns: minmax(0,820px); } .content-grid--article .sidebar { max-width: 820px; width: 100%; margin-inline: auto; } } @media (max-width: 740px) { .main--single { padding-top: 25px; } .article__header h1 { font-size: 32px; } .article__content { font-size: 16px; line-height: 1.95; } .article__content h2 { margin-top: 2.6em; padding: .65em .7em; font-size: 24px; } .article__content h3 { font-size: 20px; } .article-summary { padding: 20px; } .card-grid--related { grid-template-columns: 1fr; } } /* v1.3.0 — Quiet insider / AI intelligence visual system */ :root{ --bg:#f7f9fc; --surface:#eef3f8; --text:#0b1525; --muted:#667085; --border:#dbe3ec; --accent:#7c5cff; --accent-dark:#5638da; --signal:#b9ff66; --cyan:#5ee7f7; --navy:#07111f; --navy-2:#0d1b2f; --radius:22px; } body{background:linear-gradient(180deg,#fff 0,#f7f9fc 45%,#fff 100%);color:var(--text)} a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease} .site-header{border-bottom:1px solid rgba(132,149,173,.22);background:rgba(248,251,255,.88);box-shadow:0 8px 30px rgba(10,24,45,.04)} .site-header__inner{min-height:82px} .site-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:900;letter-spacing:-.025em} .site-title__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,var(--signal),#74f5d5);color:var(--navy);font-size:18px;box-shadow:0 8px 24px rgba(91,255,194,.24)} .site-title em{padding:3px 7px;border:1px solid rgba(124,92,255,.25);border-radius:999px;background:#f0edff;color:var(--accent-dark);font-size:9px;font-style:normal;letter-spacing:.12em} .site-description{padding-left:44px;color:#7b8798} .global-nav__list a{position:relative;color:#253149;font-size:13px;letter-spacing:.01em} .global-nav__list a:after{content:"";position:absolute;right:0;bottom:-7px;left:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--cyan));transform:scaleX(0);transform-origin:left;transition:.2s} .global-nav__list a:hover:after,.global-nav__list .current-menu-item>a:after{transform:scaleX(1)} .global-nav__list a:hover,.global-nav__list .current-menu-item>a{color:var(--navy)} .hero--insider{position:relative;padding:82px 0 88px;background: radial-gradient(circle at 82% 28%,rgba(94,231,247,.18),transparent 25%), radial-gradient(circle at 18% 12%,rgba(124,92,255,.20),transparent 28%), linear-gradient(135deg,#06101e 0%,#0b1930 52%,#111e3c 100%);color:#fff} .hero--insider:after{content:"";position:absolute;inset:auto -120px -230px auto;width:480px;height:480px;border:1px solid rgba(185,255,102,.16);border-radius:50%;box-shadow:0 0 0 70px rgba(185,255,102,.025),0 0 0 140px rgba(94,231,247,.02)} .hero__grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 72%)} .hero__layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:64px;align-items:center} .hero__copy{min-width:0} .hero__status{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;padding:7px 11px;border:1px solid rgba(185,255,102,.24);border-radius:999px;background:rgba(185,255,102,.07);color:#d8ffad;font-size:10px;font-weight:900;letter-spacing:.13em} .hero__status-dot{width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 5px rgba(185,255,102,.12),0 0 18px var(--signal);animation:qaw-pulse 2s infinite} @keyframes qaw-pulse{50%{box-shadow:0 0 0 8px rgba(185,255,102,0),0 0 24px var(--signal)}} .hero--insider .eyebrow{color:var(--cyan)} .hero--insider h1{max-width:780px;color:#fff;font-size:clamp(46px,5.6vw,76px);line-height:1.08;letter-spacing:-.06em} .hero--insider h1 span{background:linear-gradient(90deg,#fff 0%,#c7ff90 48%,#71eefb 100%);-webkit-background-clip:text;background-clip:text;color:transparent} .hero--insider .hero__lead{margin:28px 0 31px;color:#b9c6d8;font-size:clamp(16px,1.8vw,19px);line-height:1.95} .hero__actions{display:flex;flex-wrap:wrap;gap:12px} .button--signal{background:linear-gradient(135deg,var(--signal),#76efd9);color:#081421;box-shadow:0 14px 34px rgba(124,255,190,.18)} .button--signal:hover{background:linear-gradient(135deg,#cdff90,#8cf7e6);color:#081421} .button--ghost{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);box-shadow:none;color:#fff} .button--ghost:hover{border-color:rgba(185,255,102,.5);background:rgba(185,255,102,.08)} .hero__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px} .hero__tags span{padding:6px 9px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(255,255,255,.035);color:#92a4bb;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.06em} .hero-console{position:relative;border:1px solid rgba(135,166,207,.24);border-radius:24px;background:rgba(5,13,25,.68);box-shadow:0 28px 75px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(16px);overflow:hidden} .hero-console:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,92,255,.08),transparent 38%,rgba(94,231,247,.06));pointer-events:none} .hero-console__head{position:relative;display:flex;align-items:center;gap:7px;padding:14px 17px;border-bottom:1px solid rgba(255,255,255,.08);color:#788ba5;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.14em} .hero-console__head span{margin-right:auto}.hero-console__head i{width:7px;height:7px;border-radius:50%;background:#33425a}.hero-console__head i:nth-last-child(3){background:#ff7a78}.hero-console__head i:nth-last-child(2){background:#ffd260}.hero-console__head i:last-child{background:var(--signal)} .hero-console__body{position:relative;padding:24px} .hero-console__signal{padding:20px;border:1px solid rgba(94,231,247,.17);border-radius:16px;background:linear-gradient(135deg,rgba(94,231,247,.08),rgba(124,92,255,.07))} .hero-console__signal span{display:block;margin-bottom:9px;color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:900;letter-spacing:.16em} .hero-console__signal strong{display:block;color:#fff;font-size:19px;line-height:1.5}.hero-console__signal p{margin:8px 0 0;color:#9aacbf;font-size:12px;line-height:1.8} .hero-console__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px} .hero-console__metrics>div{padding:14px 13px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.035)} .hero-console__metrics small{display:block;color:#74859c;font-size:8px;letter-spacing:.12em}.hero-console__metrics strong{display:block;margin:5px 0;color:#fff;font-size:18px}.meter{display:block;height:4px;border-radius:999px;background:#1d2b40;overflow:hidden}.meter b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--cyan),var(--signal))} .hero-console__note{display:grid;grid-template-columns:auto 1fr;gap:11px;margin-top:13px;padding:13px 14px;border:1px dashed rgba(185,255,102,.28);border-radius:12px;background:rgba(185,255,102,.055);color:#aebdcd;font-size:11px;line-height:1.65}.hero-console__note b{color:var(--signal);white-space:nowrap} .insider-strip{position:relative;z-index:3;margin-top:-1px;background:#fff;border-bottom:1px solid var(--border)} .insider-strip__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))} .insider-mini{display:flex;align-items:center;gap:15px;padding:25px 28px;border-right:1px solid var(--border)}.insider-mini:last-child{border-right:0}.insider-mini>span{color:#b9c2cf;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:900}.insider-mini strong{display:block;font-size:14px}.insider-mini p{margin:2px 0 0;color:var(--muted);font-size:12px} .section{padding:96px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.section-heading .section-title{margin-bottom:0}.section-heading>p{max-width:420px;margin:0 0 6px;color:var(--muted);font-size:14px;line-height:1.8}.section-title{font-weight:900;color:#0c1728}.eyebrow{color:var(--accent-dark)} .section--latest{background:linear-gradient(180deg,#fff,#f7f9fc)} .featured-story{overflow:hidden;margin-bottom:28px;border:1px solid #d8e1eb;border-radius:26px;background:#fff;box-shadow:0 18px 55px rgba(7,17,31,.08)} .featured-story>a{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);min-height:430px} .featured-story__image{min-height:100%;overflow:hidden;background:#0c1a2d}.featured-story__image img{width:100%;height:100%;object-fit:cover;transition:.45s}.featured-story:hover .featured-story__image img{transform:scale(1.025)} .featured-story__body{position:relative;display:flex;flex-direction:column;justify-content:center;padding:48px}.featured-story__flag{position:absolute;top:24px;right:24px;padding:6px 9px;border-radius:999px;background:#eaffcf;color:#31540c;font-size:9px;font-weight:900;letter-spacing:.12em} .featured-story__body h2{margin:18px 0 15px;font-size:clamp(27px,3vw,39px);line-height:1.45;letter-spacing:-.035em}.featured-story__body p{margin:0;color:var(--muted);font-size:14px;line-height:1.9}.featured-story__meta{display:flex;justify-content:space-between;gap:20px;margin-top:27px;color:#8a97a8;font-size:11px}.featured-story__meta span{color:var(--accent-dark);font-weight:800} .card-grid--latest{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .card{position:relative;border-color:#dce4ed;border-radius:20px;box-shadow:0 10px 28px rgba(9,21,39,.035)} .card:after{content:"INSIDER";position:absolute;top:12px;right:12px;padding:4px 6px;border-radius:6px;background:rgba(7,17,31,.72);color:#d7ffab;font-size:7px;font-weight:900;letter-spacing:.14em;backdrop-filter:blur(6px)} .card:hover{border-color:rgba(124,92,255,.35);box-shadow:0 18px 45px rgba(7,17,31,.10)} .card__image{background:linear-gradient(135deg,#101c30,#1b3150)}.card__placeholder{color:var(--cyan);background:radial-gradient(circle at 70% 25%,rgba(94,231,247,.18),transparent 30%),linear-gradient(135deg,#0b1729,#1b3150)} .category-label{background:#eff0ff;color:#5c45d3}.card h2{font-size:18px}.card time{font-family:ui-monospace,SFMono-Regular,Consolas,monospace} .section--intel{position:relative;overflow:hidden;background:var(--navy);color:#fff} .section--intel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 90% 10%,rgba(94,231,247,.12),transparent 24%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px} .intel-layout{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;align-items:center}.section--intel .eyebrow{color:var(--signal)}.section--intel .section-title{color:#fff;margin-bottom:20px}.intel-copy>p:last-child{color:#9eafc4;line-height:2}.intel-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.intel-card{position:relative;min-height:175px;padding:25px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.intel-card span{display:block;color:#657c98;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.intel-card strong{display:block;margin:18px 0 8px;color:#fff;font-size:17px}.intel-card p{margin:0;color:#93a5bb;font-size:12px;line-height:1.8}.intel-card:after{content:"";position:absolute;top:22px;right:22px;width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 16px rgba(185,255,102,.7)} .section--categories{background:#eef3f8}.category-grid{gap:14px}.category-card{position:relative;min-height:148px;padding:25px;border-color:#d8e1ea;border-radius:18px;overflow:hidden}.category-card:before{content:"";position:absolute;right:-24px;bottom:-45px;width:110px;height:110px;border:1px solid rgba(124,92,255,.13);border-radius:50%}.category-card__number{color:#a1adbc!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px!important;font-weight:900}.category-card strong{position:relative;font-size:19px}.category-card i{position:absolute;right:21px;bottom:18px;color:var(--accent);font-style:normal;font-weight:900}.category-card:hover{border-color:rgba(124,92,255,.45);box-shadow:0 15px 38px rgba(10,24,45,.08);background:#fff} .site-footer{margin-top:0;background:#06101e}.site-footer__signal{display:block;margin-bottom:10px;color:var(--signal);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.14em}.site-footer__brand strong{font-size:18px}.copyright{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.copyright span{color:#394b63;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.11em} /* Article design: stronger hierarchy and AI/insider callouts */ .main--single{background:linear-gradient(180deg,#f4f7fb 0,#fff 260px)} .article__header{position:relative;padding:30px 34px 34px;border:1px solid #dfe6ee;border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 18px 50px rgba(7,17,31,.06)} .article__header:before{content:"INSIDER ARTICLE";display:block;margin-bottom:15px;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:900;letter-spacing:.16em}.article__header h1{font-weight:900}.article__thumbnail{border:1px solid #dce4ed;box-shadow:0 20px 55px rgba(7,17,31,.10)} .article-summary{position:relative;border:1px solid #cce5d2;background:linear-gradient(135deg,#f8fff3,#f5fbff);box-shadow:0 10px 28px rgba(7,17,31,.04)}.article-summary:before{content:"";position:absolute;top:18px;right:20px;width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 14px rgba(111,204,37,.45)}.article-summary__label{color:#3a6b16} .article__content h2{position:relative;padding:.78em .9em .78em 1em;border-left:0;border-radius:15px;background:linear-gradient(135deg,#0c192c,#172b49);color:#fff;box-shadow:0 14px 30px rgba(7,17,31,.10)}.article__content h2:before{content:"AI / WEB";display:block;margin-bottom:5px;color:var(--signal);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.14em}.article__content h3{padding:.2em 0 .55em 17px;border-bottom:1px solid #dfe5ec;border-left:4px solid var(--accent);color:#17243a}.article__content mark,.article__content .qaiag-marker{padding:.08em .22em;border-radius:3px;background:linear-gradient(transparent 55%,rgba(185,255,102,.72) 55%);color:inherit}.article__content table{border-radius:13px;box-shadow:0 8px 24px rgba(7,17,31,.04)}.article__content th{background:#0e1c31;color:#fff}.article__content td{background:#fff}.article__content figure.qaiag-generated-image,.article__content figure.wp-block-image{position:relative}.article__content figure.qaiag-generated-image:after,.article__content figure.wp-block-image:after{content:"AI VISUAL";position:absolute;right:14px;bottom:14px;padding:5px 8px;border-radius:7px;background:rgba(7,17,31,.72);color:#d9ffad;font-size:8px;font-weight:900;letter-spacing:.12em;backdrop-filter:blur(7px)} .qaiag-point,.qaiag-note,.qaiag-warning{position:relative;margin:30px 0;padding:23px 24px 22px 66px;border-radius:16px;overflow:hidden}.qaiag-point:before,.qaiag-note:before,.qaiag-warning:before{position:absolute;top:19px;left:20px;display:grid;place-items:center;width:31px;height:31px;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:900}.qaiag-point{border:1px solid #cde7b6;background:linear-gradient(135deg,#f7ffef,#fbfffd)}.qaiag-point:before{content:"TIP";background:var(--signal);color:#173006}.qaiag-note{border:1px solid #cbdcf4;background:linear-gradient(135deg,#f5f8ff,#f7fdff)}.qaiag-note:before{content:"AI";background:linear-gradient(135deg,var(--accent),var(--cyan));color:#fff}.qaiag-warning{border:1px solid #f0d5a3;background:linear-gradient(135deg,#fff9ed,#fffdf8)}.qaiag-warning:before{content:"!";background:#ffcb65;color:#5d3b00}.qaiag-point>strong,.qaiag-note>strong,.qaiag-warning>strong{display:block;margin-bottom:5px;font-size:14px}.qaiag-point p,.qaiag-note p,.qaiag-warning p{margin:.4em 0} .p-toc{border:1px solid #dce4ed;background:#fff}.p-toc__toggle{background:linear-gradient(135deg,#f9fbff,#f5f8ff)}.p-toc__title:before{content:"QUICK ACCESS";display:block;margin-bottom:4px;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.13em} .sidebar .widget,.p-widget{border-color:#dbe3ec;box-shadow:0 10px 28px rgba(7,17,31,.04)}.widget__title,.p-widget__title{position:relative;padding-left:13px}.widget__title:before,.p-widget__title:before{content:"";position:absolute;top:.3em;bottom:.25em;left:0;width:4px;border-radius:4px;background:linear-gradient(var(--accent),var(--cyan))} @media(max-width:1050px){.hero__layout{grid-template-columns:1fr;gap:42px}.hero-console{max-width:700px}.featured-story>a{grid-template-columns:1fr}.featured-story__image{aspect-ratio:16/8}.intel-layout{grid-template-columns:1fr}.card-grid--latest{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:840px){.site-description{padding-left:0}.hero--insider{padding:64px 0 70px}.insider-strip__grid{grid-template-columns:1fr}.insider-mini{border-right:0;border-bottom:1px solid var(--border)}.insider-mini:last-child{border-bottom:0}.section-heading{align-items:start;flex-direction:column}.section-heading>p{max-width:none}.intel-cards{grid-template-columns:1fr 1fr}} @media(max-width:640px){.site-title em{display:none}.hero--insider h1{font-size:43px}.hero-console__body{padding:18px}.hero-console__metrics{grid-template-columns:1fr}.hero-console__note{grid-template-columns:1fr}.featured-story__body{padding:32px 24px}.featured-story__flag{position:static;align-self:flex-start;margin-bottom:16px}.card-grid--latest,.intel-cards{grid-template-columns:1fr}.section{padding:72px 0}.article__header{padding:24px 20px}.article__content h2{font-size:23px}.qaiag-point,.qaiag-note,.qaiag-warning{padding:65px 20px 20px}.qaiag-point:before,.qaiag-note:before,.qaiag-warning:before{top:18px;left:20px}} /* v1.4.0 — Midnight insider article/page system and signal header */ .site-header{ background:rgba(5,13,25,.94); border-bottom:1px solid rgba(142,167,202,.18); box-shadow:0 14px 42px rgba(0,0,0,.24); backdrop-filter:blur(20px); } .site-header__signalbar{border-bottom:1px solid rgba(255,255,255,.07);background:rgba(2,8,17,.62)} .site-header__signalbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:27px;color:#60738e;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:800;letter-spacing:.16em} .site-header__access{display:inline-flex;align-items:center;gap:7px;color:#97adca}.site-header__access i{width:5px;height:5px;border-radius:50%;background:var(--signal);box-shadow:0 0 12px rgba(185,255,102,.9)} .site-header__inner{min-height:76px;gap:24px} .site-brand{min-width:0}.site-title{gap:12px;color:#fff}.site-title__copy{display:flex;min-width:0;flex-direction:column;line-height:1.15}.site-title__copy strong{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;letter-spacing:-.025em}.site-title__copy small{margin-top:5px;color:#637793;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px;font-weight:800;letter-spacing:.17em} .site-logo-mark{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;filter:drop-shadow(0 0 12px rgba(185,255,102,.13))}.site-logo-mark svg{display:block;width:100%;height:100%;overflow:visible}.site-logo-mark__frame{fill:#0b192c;stroke:rgba(185,255,102,.58);stroke-width:1.45}.site-logo-mark__browser,.site-logo-mark__brace,.site-logo-mark__nib,.site-logo-mark__nib-line,.site-logo-mark__base{fill:none;stroke:#f4f8ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.site-logo-mark__window-dot,.site-logo-mark__ai-node,.site-logo-mark__nib-core{fill:var(--signal)}.site-logo-mark__ai-link{fill:none;stroke:var(--signal);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.site-logo-mark__nib{fill:rgba(11,25,44,.72)} .site-description{display:none} .site-header__right{display:flex;align-items:center;gap:22px}.global-nav__list{gap:24px}.global-nav__list a{color:#a9b7ca;font-size:12px}.global-nav__list a:hover,.global-nav__list .current-menu-item>a{color:#fff}.global-nav__list a:after{bottom:-10px;background:linear-gradient(90deg,var(--signal),var(--cyan))} .header-access-button{display:flex;flex-direction:column;justify-content:center;min-width:108px;min-height:43px;padding:6px 14px;border:1px solid rgba(185,255,102,.28);border-radius:12px;background:linear-gradient(135deg,rgba(185,255,102,.10),rgba(94,231,247,.06));color:#fff;font-size:11px;font-weight:800;line-height:1.15}.header-access-button span{margin-bottom:4px;color:var(--signal);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px;letter-spacing:.13em}.header-access-button:hover{border-color:rgba(185,255,102,.62);background:linear-gradient(135deg,rgba(185,255,102,.16),rgba(94,231,247,.10));transform:translateY(-1px)} .menu-toggle span{background:#fff} .main--single,.main--page{position:relative;isolation:isolate;overflow:hidden;padding-top:38px;background: radial-gradient(circle at 88% 4%,rgba(94,231,247,.10),transparent 24%), radial-gradient(circle at 8% 14%,rgba(124,92,255,.13),transparent 28%), linear-gradient(145deg,#050d19 0%,#091527 44%,#07111f 100%)} .main--single:before,.main--page:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000,transparent 82%)} .main--single .breadcrumb,.main--page .breadcrumb{color:#8191a8}.main--single .breadcrumb a,.main--page .breadcrumb a{color:#b9c8da}.main--single .breadcrumb li+li:before,.main--page .breadcrumb li+li:before{color:#465a74} .container--page{max-width:980px} .article--insider,.page-article{overflow:hidden;padding:0 46px 54px;border:1px solid rgba(155,178,209,.18);border-radius:28px;background:#fff;box-shadow:0 32px 90px rgba(0,0,0,.30)} .article--insider .article__header,.page-article .article__header{margin-right:-46px;margin-left:-46px;padding:38px 46px 40px;border:0;border-bottom:1px solid rgba(255,255,255,.09);border-radius:0;background: radial-gradient(circle at 90% 0,rgba(94,231,247,.13),transparent 28%), linear-gradient(135deg,#0a1729,#102743);box-shadow:none;color:#fff} .article--insider .article__header:before,.page-article .article__header:before{display:none}.article__signal{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:#8fa4bf;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:900;letter-spacing:.17em}.article__signal span{width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 15px rgba(185,255,102,.75)} .article--insider .article__header h1,.page-article .article__header h1{max-width:850px;margin:17px 0 20px;color:#fff;font-weight:900;text-wrap:balance}.article--insider .article__meta{display:flex;flex-wrap:wrap;gap:7px 18px;color:#93a7c0}.article--insider .category-label{border:1px solid rgba(185,255,102,.22);background:rgba(185,255,102,.09);color:#d5ffad} .article--insider .article__thumbnail,.page-article .article__thumbnail{margin:34px 0 42px;border:1px solid #dbe4ee;border-radius:20px;box-shadow:0 18px 44px rgba(8,20,38,.13)} .article--insider .article-summary{margin-top:35px} .article--insider .article__content,.page-article .article__content{color:#142034} .page-article{padding-bottom:64px}.page-article__header{margin-bottom:40px!important} .p-toc{overflow:hidden;margin:34px auto 52px!important;border:1px solid rgba(125,151,185,.24)!important;border-radius:18px!important;background:#081526!important;box-shadow:0 18px 45px rgba(5,14,28,.18)!important;color:#fff}.p-toc__toggle{padding:19px 23px!important;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#0b1b30,#102541)!important;color:#fff}.p-toc__title:before{color:var(--signal)!important}.p-toc__icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(185,255,102,.26);border-radius:8px;color:var(--signal)}.p-toc__list{counter-reset:qaw-toc;columns:1!important;margin:0!important;padding:20px 25px 25px!important;list-style:none!important}.p-toc__list li{position:relative;counter-increment:qaw-toc;min-height:34px;padding:5px 4px 5px 50px!important}.p-toc__list li+li{margin-top:7px!important}.p-toc__list li:before{content:counter(qaw-toc,decimal-leading-zero);position:absolute;top:5px;left:0;display:grid;place-items:center;width:34px;height:27px;border:1px solid rgba(94,231,247,.18);border-radius:8px;background:rgba(94,231,247,.055);color:#74e6ef;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:900;letter-spacing:.04em}.p-toc__list a{display:block;padding:1px 0;color:#c9d4e3!important;font-size:14px;line-height:1.75}.p-toc__list a:hover{color:#fff!important;transform:translateX(3px)} .main--single .sidebar .widget,.main--single .sidebar .p-widget{border-color:rgba(141,166,198,.17);background:rgba(11,26,46,.86);box-shadow:0 18px 44px rgba(0,0,0,.18);color:#fff;backdrop-filter:blur(14px)}.main--single .widget__title,.main--single .p-widget__title{color:#fff}.main--single .widget a,.main--single .p-widget a{color:#aebed2}.main--single .widget a:hover,.main--single .p-widget a:hover{color:var(--signal)}.main--single .search-form input{border-color:rgba(255,255,255,.12);background:#07111f;color:#fff}.main--single .search-form button{background:linear-gradient(135deg,var(--accent),#3c79c9)} .related-posts{margin-top:58px;padding:34px;border:1px solid rgba(149,174,206,.17);border-radius:25px;background:rgba(10,24,43,.74)}.related-posts h2{margin:0 0 24px;color:#fff}.related-posts__eyebrow{color:var(--signal)!important}.post-nav{margin-bottom:16px;padding:22px;border:1px solid rgba(149,174,206,.17);border-radius:18px;background:rgba(10,24,43,.74);color:#d7e1ee}.post-nav a:hover{color:var(--signal)} @media(max-width:1080px){.header-access-button{display:none}.site-header__right{gap:10px}.article--insider,.page-article{padding-right:34px;padding-left:34px}.article--insider .article__header,.page-article .article__header{margin-right:-34px;margin-left:-34px;padding-right:34px;padding-left:34px}} @media(max-width:840px){.site-header__signalbar{display:none}.site-header__inner{min-height:70px}.site-title__copy strong{max-width:240px}.global-nav{inset:70px 0 auto;padding:18px;background:#07111f;border-bottom:1px solid rgba(255,255,255,.10)}.global-nav__list li+li{border-top-color:rgba(255,255,255,.08)}.global-nav__list a{color:#c4d0df}.article--insider,.page-article{padding-right:26px;padding-left:26px}.article--insider .article__header,.page-article .article__header{margin-right:-26px;margin-left:-26px;padding-right:26px;padding-left:26px}} @media(max-width:640px){.site-title__copy strong{max-width:190px;font-size:13px}.site-title__copy small{font-size:6px}.site-logo-mark{width:38px;height:38px;flex-basis:38px}.main--single,.main--page{padding-top:26px}.article--insider,.page-article{padding-right:18px;padding-bottom:38px;padding-left:18px;border-radius:20px}.article--insider .article__header,.page-article .article__header{margin-right:-18px;margin-left:-18px;padding:28px 20px 30px}.article--insider .article__header h1,.page-article .article__header h1{font-size:31px}.article--insider .article__thumbnail,.page-article .article__thumbnail{margin:24px 0 32px;border-radius:14px}.p-toc__toggle{padding:17px 18px!important}.p-toc__list{padding:16px 16px 20px!important}.p-toc__list li{padding-left:43px!important}.p-toc__list li:before{width:29px}.p-toc__list a{font-size:13px}.related-posts{padding:24px 18px}.site-header__access{display:none}} /* v1.5.0 — refined quiet panels, readable sidebar, larger header, information pages */ .site-header__signalbar-inner{min-height:31px;font-size:9px} .site-header__utility-wrap{display:flex;align-items:center;gap:18px} .site-header__utility-nav{display:flex;align-items:center;gap:15px} .site-header__utility-nav a{position:relative;color:#7286a1;font-size:8px;font-weight:900;letter-spacing:.14em;transition:.2s} .site-header__utility-nav a:after{content:"";position:absolute;right:-8px;top:50%;width:2px;height:2px;border-radius:50%;background:#40536d;transform:translateY(-50%)} .site-header__utility-nav a:last-child:after{display:none} .site-header__utility-nav a:hover{color:#fff} .site-header__inner{min-height:86px} .site-logo-mark{width:48px;height:48px;flex-basis:48px} .site-title{gap:14px} .site-title__copy strong{max-width:430px;font-size:19px;line-height:1.18;letter-spacing:-.035em} .site-title__copy small{margin-top:6px;font-size:8px;letter-spacing:.19em} .global-nav__list a{font-size:13px;letter-spacing:.01em} .header-access-button{min-width:116px;min-height:47px;padding:7px 16px;font-size:12px} .header-access-button span{font-size:8px} /* The light reading surface is now part of the dark shell instead of a floating white box. */ .article--insider,.page-article{ position:relative; border:0; background:linear-gradient(180deg,#0b1a2e 0,#0b1a2e 146px,#f2f6fa 146px,#f7f9fc 100%); box-shadow:0 34px 95px rgba(0,0,0,.34),inset 0 0 0 1px rgba(103,139,184,.13); } .article--insider:after,.page-article:after{content:"";position:absolute;z-index:0;top:0;right:8%;left:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(94,231,247,.55),rgba(185,255,102,.34),transparent);pointer-events:none} .article--insider>* ,.page-article>*{position:relative;z-index:1} .article--insider .article__header,.page-article .article__header{border-bottom-color:rgba(101,148,193,.16);background:radial-gradient(circle at 88% 0,rgba(94,231,247,.14),transparent 28%),radial-gradient(circle at 12% 110%,rgba(124,92,255,.13),transparent 34%),linear-gradient(135deg,#091526,#102944)} .article--insider .article__thumbnail,.page-article .article__thumbnail{border:0;box-shadow:0 17px 42px rgba(8,20,38,.16),inset 0 0 0 1px rgba(17,47,80,.08)} .article--insider .article__content,.page-article .article__content{color:#172338} /* Actual sidebar class is .l-sidebar. Style both custom and WordPress widgets. */ .l-sidebar{position:sticky;top:132px;display:flex;flex-direction:column;gap:18px} .main--single .l-sidebar .widget,.main--single .l-sidebar .p-widget{ overflow:hidden; margin:0; padding:0; border:1px solid rgba(125,157,197,.17); border-radius:19px; background:linear-gradient(145deg,rgba(12,29,51,.96),rgba(7,20,37,.93)); box-shadow:0 20px 48px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035); color:#fff; backdrop-filter:blur(16px) } .main--single .l-sidebar .widget__title,.main--single .l-sidebar .p-widget__title{ margin:0; padding:17px 20px 16px 37px; border-bottom:1px solid rgba(255,255,255,.075); background:linear-gradient(90deg,rgba(94,231,247,.055),transparent); color:#f4f8fd; font-size:15px; letter-spacing:-.015em } .main--single .l-sidebar .widget__title:before,.main--single .l-sidebar .p-widget__title:before{top:19px;bottom:auto;left:20px;width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 13px rgba(185,255,102,.55)} .main--single .l-sidebar .widget>ul,.main--single .l-sidebar .p-widget__list,.main--single .l-sidebar .p-ranking-list{margin:0;padding:9px 18px 15px;list-style:none} .main--single .l-sidebar .widget li,.main--single .l-sidebar .p-widget li{margin:0;border-bottom:1px solid rgba(255,255,255,.065)} .main--single .l-sidebar .widget li:last-child,.main--single .l-sidebar .p-widget li:last-child{border-bottom:0} .main--single .l-sidebar .widget a,.main--single .l-sidebar .p-widget a{display:block;padding:11px 2px;color:#c4d2e2;font-size:13px;line-height:1.65;transition:.2s} .main--single .l-sidebar .widget a:hover,.main--single .l-sidebar .p-widget a:hover{padding-left:5px;color:#fff} .main--single .l-sidebar .cat-item{display:flex;align-items:center;color:#657b96;font-size:10px} .main--single .l-sidebar .cat-item a{flex:1} .main--single .l-sidebar .p-ranking-list{counter-reset:qaw-rank} .main--single .l-sidebar .p-ranking-list__item{position:relative;counter-increment:qaw-rank;padding-left:34px} .main--single .l-sidebar .p-ranking-list__item:before{content:counter(qaw-rank,decimal-leading-zero);position:absolute;top:12px;left:0;color:#5fe5ee;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:900} .main--single .l-sidebar .search-form{padding:18px} .main--single .l-sidebar .search-form input{height:48px;border:1px solid rgba(145,176,213,.16);background:#050f1d;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)} .main--single .l-sidebar .search-form input::placeholder{color:#61748d} .main--single .l-sidebar .search-form button{height:48px;background:linear-gradient(135deg,#6c54e8,#3c94c9);box-shadow:0 10px 24px rgba(76,83,209,.22)} /* Footer utility information pages. */ .site-footer__navigation{display:flex;max-width:540px;flex-direction:column;align-items:flex-end;gap:18px} .site-footer__utility{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px 18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.07)} .site-footer__utility a{color:#8393a8;font-size:11px;font-weight:700} .site-footer__utility a:hover{color:var(--signal)} /* About, Privacy and Contact pages */ .main--special-page .container--page{max-width:1120px} .special-page{overflow:hidden;border:1px solid rgba(123,157,198,.15);border-radius:30px;background:#f4f7fb;box-shadow:0 36px 100px rgba(0,0,0,.32)} .special-hero{position:relative;overflow:hidden;padding:70px 72px 72px;background:radial-gradient(circle at 86% 14%,rgba(94,231,247,.14),transparent 25%),radial-gradient(circle at 8% 100%,rgba(124,92,255,.16),transparent 30%),linear-gradient(135deg,#071321,#102d4b);color:#fff} .special-hero:after{content:"";position:absolute;right:-70px;bottom:-120px;width:350px;height:350px;border:1px solid rgba(94,231,247,.10);border-radius:50%;box-shadow:0 0 0 42px rgba(94,231,247,.025),0 0 0 84px rgba(124,92,255,.018)} .special-hero__signal{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin-bottom:28px;color:#8197b2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:900;letter-spacing:.18em} .special-hero__signal span{width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 16px rgba(185,255,102,.72)} .special-hero__eyebrow{position:relative;z-index:1;margin:0 0 16px;color:#95efe9;font-size:14px;font-weight:800} .special-hero h1{position:relative;z-index:1;max-width:850px;margin:0;color:#fff;font-size:clamp(40px,5.8vw,70px);line-height:1.2;letter-spacing:-.055em;text-wrap:balance} .special-hero__lead{position:relative;z-index:1;max-width:790px;margin:27px 0 0;color:#b6c6d8;font-size:17px;line-height:2} .special-hero__status{position:relative;z-index:1;display:inline-flex;align-items:center;gap:13px;margin-top:34px;padding:11px 14px;border:1px solid rgba(185,255,102,.19);border-radius:11px;background:rgba(185,255,102,.045);font-family:ui-monospace,SFMono-Regular,Consolas,monospace} .special-hero__status span{color:var(--signal);font-size:8px;letter-spacing:.15em}.special-hero__status strong{color:#d7e1ee;font-size:9px;letter-spacing:.09em} .special-hero--compact{padding-top:58px;padding-bottom:58px}.special-hero--compact h1{font-size:clamp(42px,6vw,66px)} .manifesto-block{display:grid;grid-template-columns:150px minmax(0,1fr);gap:45px;padding:78px 72px;background:linear-gradient(180deg,#f4f7fb,#fff)} .manifesto-block__index{padding-top:8px;color:#9aa9bb;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:900;letter-spacing:.16em} .manifesto-block__label{margin:0 0 13px;color:#6952de;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:900;letter-spacing:.16em} .manifesto-block h2,.vision-panel h2,.editorial-promise h2,.operator-panel h2{margin:0 0 24px;color:#0c1a2d;font-size:clamp(29px,4vw,44px);line-height:1.42;letter-spacing:-.04em} .manifesto-block__body>p:not(.manifesto-block__label),.vision-panel__copy>p:not(.manifesto-block__label){margin:1.2em 0;color:#42536a;font-size:16px;line-height:2.05} .manifesto-block__body strong{color:#102a49;background:linear-gradient(transparent 62%,rgba(185,255,102,.58) 62%)} .vision-panel{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:65px;align-items:center;padding:72px;background:#081526;color:#fff} .vision-panel h2{color:#fff}.vision-panel__copy>p:not(.manifesto-block__label){color:#aabbd0} .vision-panel__terminal{display:grid;gap:12px} .vision-panel__terminal>div{display:grid;grid-template-columns:46px 1fr;align-items:center;padding:18px 20px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.035)} .vision-panel__terminal span{grid-row:1/3;color:#5fe5ee;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:900}.vision-panel__terminal strong{color:#fff;font-size:15px}.vision-panel__terminal small{color:#7f93ac;font-size:11px} .about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#dfe6ee} .about-value-card{min-height:275px;padding:42px;background:#fff}.about-value-card span{color:#7763e6;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:900;letter-spacing:.14em}.about-value-card h3{margin:24px 0 14px;color:#10213a;font-size:24px}.about-value-card p{margin:0;color:#5a6a7d;font-size:14px;line-height:1.9} .editorial-promise{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:65px;padding:72px;background:linear-gradient(135deg,#edf2f8,#f9fbfd)} .editorial-promise h2{margin-bottom:0}.editorial-promise ul{margin:0;padding:0;list-style:none}.editorial-promise li{position:relative;padding:16px 0 16px 32px;border-bottom:1px solid #d9e2ec;color:#44556a;line-height:1.8}.editorial-promise li:before{content:"";position:absolute;top:25px;left:2px;width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 5px rgba(185,255,102,.17)} .about-disclosure{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:65px;padding:68px 72px;border-top:1px solid #e1e8f0;background:#fff} .about-disclosure h2{margin:0;color:#0c1a2d;font-size:clamp(28px,3.4vw,40px);line-height:1.42;letter-spacing:-.04em} .about-disclosure__body p{margin:0;color:#4d5e72;font-size:14px;line-height:2}.about-disclosure__body p+p{margin-top:1.25em} .operator-panel{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:28px;align-items:center;padding:47px 72px;background:#fff} .operator-panel__mark{display:grid;place-items:center;width:78px;height:78px;border:1px solid #cbd8e6;border-radius:24px;background:linear-gradient(145deg,#0a192d,#143555);color:var(--signal);font-size:30px;font-weight:900;box-shadow:0 15px 35px rgba(8,22,40,.15)} .operator-panel h2{margin:0 0 7px;font-size:28px}.operator-panel p{margin:0;color:#68778a;font-size:13px}.special-button{display:inline-flex;align-items:center;gap:22px;padding:14px 17px;border:1px solid #ccd8e6;border-radius:12px;color:#10213a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:900;letter-spacing:.12em}.special-button span{color:#6952de}.special-button:hover{border-color:#6952de;background:#f7f5ff} .special-page__editor-content{padding:20px 72px 70px} .policy-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:55px;padding:68px 72px;background:#f4f7fb} .policy-index{position:sticky;top:140px;align-self:start;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d9e3ed;border-radius:17px;background:#fff;box-shadow:0 15px 35px rgba(9,25,45,.06)} .policy-index>span{padding:15px 17px;border-bottom:1px solid #e2e8ef;background:#0d2038;color:var(--signal);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:900;letter-spacing:.16em} .policy-index a{padding:12px 17px;border-bottom:1px solid #edf1f5;color:#5f6f82;font-size:11px;font-weight:700}.policy-index a:last-child{border-bottom:0}.policy-index a:hover{padding-left:20px;color:#3720af} .policy-content{min-width:0}.policy-content section{scroll-margin-top:140px}.policy-content h2{margin-top:0!important}.policy-content section+section{margin-top:64px}.policy-date{margin-top:55px;padding-top:22px;border-top:1px solid #dce4ec;color:#718095;font-size:12px}.policy-extra{margin-top:40px} .contact-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:0;background:#f4f7fb} .contact-guide{padding:55px 40px;background:linear-gradient(160deg,#0a192d,#102f50);color:#fff}.contact-guide>span{color:var(--signal);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:900;letter-spacing:.16em}.contact-guide h2{margin:22px 0;color:#fff;font-size:24px;line-height:1.5}.contact-guide ul{margin:0;padding:0;list-style:none}.contact-guide li{position:relative;padding:13px 0 13px 21px;border-bottom:1px solid rgba(255,255,255,.08);color:#c2d0df;font-size:13px}.contact-guide li:before{content:"";position:absolute;top:21px;left:0;width:6px;height:6px;border-radius:50%;background:#5fe5ee}.contact-guide p{margin:30px 0 0;color:#8295ad;font-size:11px;line-height:1.9} .contact-form-panel{padding:55px 60px;background:#fff}.contact-message{margin-bottom:25px;padding:15px 17px;border-radius:11px;font-size:13px}.contact-message--success{border:1px solid #bddfbd;background:#f2fff1;color:#285c2b}.contact-message--error{border:1px solid #f0c6c6;background:#fff5f5;color:#8b2b2b} .qaw-contact-form{display:grid;gap:21px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.qaw-contact-form label{display:grid;gap:8px}.qaw-contact-form label>span{color:#34445a;font-size:12px;font-weight:800}.qaw-contact-form label b{margin-left:4px;color:#6d54df;font-size:9px}.qaw-contact-form input[type=text],.qaw-contact-form input[type=email],.qaw-contact-form textarea{width:100%;border:1px solid #d8e1eb;border-radius:11px;background:#f7f9fc;color:#14243a;outline:0;transition:.2s}.qaw-contact-form input[type=text],.qaw-contact-form input[type=email]{height:52px;padding:0 15px}.qaw-contact-form textarea{padding:14px 15px;resize:vertical}.qaw-contact-form input:focus,.qaw-contact-form textarea:focus{border-color:#6f5ae5;background:#fff;box-shadow:0 0 0 4px rgba(111,90,229,.10)}.form-consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important}.form-consent input{margin-top:5px}.form-consent span{font-weight:500!important}.form-consent a{color:#5c46d2;text-decoration:underline;text-underline-offset:3px}.contact-submit{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:10px 18px;border:0;border-radius:13px;background:linear-gradient(135deg,#0c2039,#17456c);color:#fff;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 15px 35px rgba(11,35,62,.18);transition:.2s}.contact-submit span{color:var(--signal);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.15em}.contact-submit:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(11,35,62,.23)}.qaw-contact-form__honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-extra{margin-top:45px} @media(max-width:1080px){.site-title__copy strong{max-width:320px;font-size:17px}.global-nav__list{gap:18px}.global-nav__list a{font-size:12px}.special-hero,.manifesto-block,.vision-panel,.editorial-promise,.about-disclosure{padding-right:48px;padding-left:48px}.operator-panel{padding-right:48px;padding-left:48px}.policy-layout{padding-right:48px;padding-left:48px}} @media(max-width:980px){.l-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vision-panel{grid-template-columns:1fr}.about-values{grid-template-columns:1fr}.about-value-card{min-height:0}.policy-layout{grid-template-columns:1fr}.policy-index{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.policy-index>span{grid-column:1/-1}.contact-layout{grid-template-columns:1fr}.contact-guide{padding:40px 48px}.operator-panel{grid-template-columns:78px 1fr}.operator-panel .special-button{grid-column:2}} @media(max-width:840px){.site-header__utility-nav{display:none}.site-header__inner{min-height:74px}.site-logo-mark{width:42px;height:42px;flex-basis:42px}.site-title__copy strong{max-width:250px;font-size:16px}.special-hero{padding-top:52px;padding-bottom:55px}.manifesto-block{grid-template-columns:1fr;gap:15px}.manifesto-block__index{padding-top:0}.editorial-promise,.about-disclosure{grid-template-columns:1fr;gap:28px}} @media(max-width:640px){.site-header__inner{min-height:70px}.site-title__copy strong{max-width:205px;font-size:15px}.site-title__copy small{font-size:6.5px}.site-logo-mark{width:39px;height:39px;flex-basis:39px}.article--insider,.page-article{background:linear-gradient(180deg,#0b1a2e 0,#0b1a2e 126px,#f2f6fa 126px,#f7f9fc 100%)}.l-sidebar{grid-template-columns:1fr}.special-page{border-radius:21px}.special-hero,.manifesto-block,.vision-panel,.editorial-promise,.about-disclosure,.operator-panel,.policy-layout{padding-right:22px;padding-left:22px}.special-hero{padding-top:42px;padding-bottom:45px}.special-hero h1{font-size:37px}.special-hero__lead{font-size:14px}.special-hero__status{align-items:flex-start;flex-direction:column}.manifesto-block{padding-top:48px;padding-bottom:48px}.vision-panel{padding-top:48px;padding-bottom:48px}.operator-panel{grid-template-columns:60px 1fr;gap:17px}.operator-panel__mark{width:58px;height:58px;border-radius:18px;font-size:23px}.operator-panel .special-button{grid-column:1/-1;justify-content:space-between}.policy-layout{padding-top:42px;padding-bottom:48px}.policy-index{grid-template-columns:1fr}.policy-index>span{grid-column:auto}.contact-guide,.contact-form-panel{padding:38px 22px}.form-grid{grid-template-columns:1fr}.site-footer__inner{align-items:flex-start;flex-direction:column}.site-footer__navigation{align-items:flex-start}.site-footer__utility,.footer-menu{justify-content:flex-start}} /* v1.5.1 — Contact Form 7 integration */ .contact-form-panel .wpcf7{margin:0} .contact-form-panel .wpcf7-form{display:grid;gap:20px} .contact-form-panel .wpcf7-form>p{margin:0} .contact-form-panel .wpcf7-form label{display:grid;gap:8px;color:#34445a;font-size:12px;font-weight:800;line-height:1.6} .contact-form-panel .wpcf7-form-control-wrap{display:block;margin-top:7px} .contact-form-panel .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance){width:100%;border:1px solid #d8e1eb;border-radius:11px;background:#f7f9fc;color:#14243a;outline:0;transition:border-color .2s,background .2s,box-shadow .2s} .contact-form-panel input.wpcf7-form-control,.contact-form-panel select.wpcf7-form-control{min-height:52px;padding:0 15px} .contact-form-panel textarea.wpcf7-form-control{min-height:190px;padding:14px 15px;resize:vertical} .contact-form-panel .wpcf7-form-control:not(.wpcf7-submit):focus{border-color:#6f5ae5;background:#fff;box-shadow:0 0 0 4px rgba(111,90,229,.10)} .contact-form-panel .wpcf7-acceptance .wpcf7-list-item{margin:0} .contact-form-panel .wpcf7-acceptance label{display:flex;align-items:flex-start;gap:10px;font-weight:500} .contact-form-panel .wpcf7-acceptance input{width:17px;height:17px;margin-top:4px;accent-color:#6f5ae5} .contact-form-panel .wpcf7-submit{width:100%;min-height:58px;padding:10px 18px;border:0;border-radius:13px;background:linear-gradient(135deg,#0c2039,#17456c);color:#fff;font-size:14px;font-weight:900;letter-spacing:.04em;cursor:pointer;box-shadow:0 15px 35px rgba(11,35,62,.18);transition:transform .2s,box-shadow .2s,opacity .2s} .contact-form-panel .wpcf7-submit:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(11,35,62,.23)} .contact-form-panel .wpcf7-submit:disabled{cursor:wait;opacity:.65;transform:none} .contact-form-panel .wpcf7-spinner{margin:10px 0 0 12px;vertical-align:middle} .contact-form-panel .wpcf7-not-valid-tip{margin-top:6px;color:#b03545;font-size:11px;font-weight:700} .contact-form-panel .wpcf7-response-output{margin:4px 0 0!important;padding:14px 16px!important;border-radius:11px;font-size:13px;line-height:1.75} .contact-form-panel form.sent .wpcf7-response-output{border-color:#8bcf9f!important;background:#effcf3;color:#235d35} .contact-form-panel form.invalid .wpcf7-response-output,.contact-form-panel form.unaccepted .wpcf7-response-output,.contact-form-panel form.payment-required .wpcf7-response-output{border-color:#e0ba66!important;background:#fff9e9;color:#76530e} .contact-form-panel form.failed .wpcf7-response-output,.contact-form-panel form.aborted .wpcf7-response-output,.contact-form-panel form.spam .wpcf7-response-output{border-color:#e0a0aa!important;background:#fff1f3;color:#812b3a} .contact-setup-message,.contact-unavailable{padding:20px 22px;border:1px solid rgba(92,70,210,.18);border-radius:14px;background:linear-gradient(135deg,#f7f5ff,#eef8ff);color:#243750;line-height:1.8} .contact-setup-message strong{display:block;margin-bottom:5px;color:#14243a;font-size:15px} .contact-setup-message p,.contact-unavailable{margin-bottom:0} /* ========================================================= v1.5.2 — Signal Rail Sidebar + Full-width Contact Form ========================================================= */ /* Sidebar rail */ .l-sidebar{ counter-reset:qaw-sidebar-widget; gap:22px; } .l-sidebar__rail-head{ position:relative; overflow:hidden; padding:22px 22px 21px; border:1px solid rgba(117,160,207,.18); border-radius:20px; background: linear-gradient(rgba(95,229,238,.025) 1px,transparent 1px), linear-gradient(90deg,rgba(95,229,238,.025) 1px,transparent 1px), radial-gradient(circle at 88% 12%,rgba(95,229,238,.13),transparent 34%), linear-gradient(145deg,#102743,#071728 72%); background-size:18px 18px,18px 18px,auto,auto; box-shadow:0 22px 52px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04); } .l-sidebar__rail-head:after{ content:""; position:absolute; right:-42px; bottom:-58px; width:150px; height:150px; border:1px solid rgba(95,229,238,.10); border-radius:50%; box-shadow:0 0 0 24px rgba(95,229,238,.022),0 0 0 48px rgba(124,92,255,.018); pointer-events:none; } .l-sidebar__rail-head span{ position:relative; z-index:1; display:flex; align-items:center; gap:8px; margin-bottom:12px; color:#78a0c7; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:8px; font-weight:900; letter-spacing:.18em; } .l-sidebar__rail-head span i{ width:7px; height:7px; border-radius:50%; background:var(--signal); box-shadow:0 0 14px rgba(185,255,102,.7); } .l-sidebar__rail-head strong{ position:relative; z-index:1; display:block; color:#fff; font-size:18px; line-height:1.55; letter-spacing:-.025em; } .l-sidebar__rail-head small{ position:relative; z-index:1; display:block; margin-top:6px; color:#91a7be; font-size:11px; line-height:1.75; } /* All widgets, including WordPress core widgets and theme fallbacks */ .l-sidebar .widget, .l-sidebar .p-widget{ position:relative; counter-increment:qaw-sidebar-widget; overflow:hidden; margin:0; padding:0; border:1px solid rgba(117,160,207,.18); border-radius:20px; background: linear-gradient(135deg,rgba(95,229,238,.035),transparent 38%), linear-gradient(155deg,rgba(14,35,60,.98),rgba(5,17,31,.97)); color:#dce7f3; box-shadow:0 20px 48px rgba(0,0,0,.21),inset 0 1px 0 rgba(255,255,255,.035); backdrop-filter:blur(15px); } .l-sidebar .widget:before, .l-sidebar .p-widget:before{ content:"MODULE " counter(qaw-sidebar-widget,decimal-leading-zero); display:block; padding:14px 22px 0; color:#5fe5ee; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:7px; font-weight:900; letter-spacing:.18em; opacity:.9; } .l-sidebar .widget:after, .l-sidebar .p-widget:after{ content:""; position:absolute; top:0; right:0; width:78px; height:1px; background:linear-gradient(90deg,transparent,var(--signal)); opacity:.65; } .l-sidebar .widget__title, .l-sidebar .p-widget__title{ position:relative; margin:0; padding:8px 22px 18px; border:0; background:transparent; color:#fff; font-size:21px; line-height:1.45; letter-spacing:-.035em; } .l-sidebar .widget__title:before, .l-sidebar .p-widget__title:before{ content:""; position:absolute; left:22px; bottom:8px; width:34px; height:2px; border-radius:999px; background:linear-gradient(90deg,var(--signal),#5fe5ee); box-shadow:0 0 12px rgba(95,229,238,.24); } /* Generic widget lists */ .l-sidebar .widget>ul, .l-sidebar .widget>ol, .l-sidebar .p-widget__list, .l-sidebar .p-ranking-list{ margin:0; padding:5px 16px 18px; list-style:none; } .l-sidebar .widget li, .l-sidebar .p-widget li{ position:relative; margin:0; border:0; } .l-sidebar .widget li+li, .l-sidebar .p-widget li+li{ margin-top:4px; } .l-sidebar .widget li:before, .l-sidebar .p-widget li:before{ content:""; position:absolute; z-index:2; top:20px; left:8px; width:5px; height:5px; border-radius:50%; background:#496983; box-shadow:0 0 0 4px rgba(95,229,238,.035); transition:.2s; } .l-sidebar .widget li:hover:before, .l-sidebar .p-widget li:hover:before{ background:var(--signal); box-shadow:0 0 12px rgba(185,255,102,.55); } .l-sidebar .widget li a, .l-sidebar .p-widget li a{ position:relative; display:block; padding:11px 28px 11px 24px; border:1px solid transparent; border-radius:11px; color:#c7d5e5; font-size:13px; font-weight:600; line-height:1.75; transition:background .2s,border-color .2s,color .2s,transform .2s; } .l-sidebar .widget li a:after, .l-sidebar .p-widget li a:after{ content:"↗"; position:absolute; top:50%; right:10px; color:#47647f; font-size:10px; transform:translateY(-50%); transition:.2s; } .l-sidebar .widget li a:hover, .l-sidebar .p-widget li a:hover{ padding-left:24px; border-color:rgba(95,229,238,.09); background:linear-gradient(90deg,rgba(95,229,238,.075),rgba(124,92,255,.035)); color:#fff; transform:translateX(2px); } .l-sidebar .widget li a:hover:after, .l-sidebar .p-widget li a:hover:after{ right:7px; color:#5fe5ee; } /* Recent comments can contain text outside the anchor. */ .l-sidebar .widget_recent_comments ul{ padding-top:7px; } .l-sidebar .widget_recent_comments li{ padding:13px 12px 13px 25px; border-radius:11px; color:#9eb1c5; font-size:12px; line-height:1.75; } .l-sidebar .widget_recent_comments li+li{ margin-top:5px; } .l-sidebar .widget_recent_comments li:hover{ background:rgba(95,229,238,.045); } .l-sidebar .widget_recent_comments li:before{ top:22px; } .l-sidebar .widget_recent_comments li a{ display:inline; padding:0; border:0; color:#d9e5f1; font-size:12px; } .l-sidebar .widget_recent_comments li a:after{ display:none; } .l-sidebar .widget_recent_comments li a:hover{ padding:0; background:transparent; color:#5fe5ee; transform:none; } /* Search widget */ .l-sidebar .widget_search .search-form, .l-sidebar .p-widget .search-form{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px; margin:0; padding:7px 20px 22px; } .l-sidebar .search-form input[type="search"]{ width:100%; min-width:0; height:52px; padding:0 15px; border:1px solid rgba(132,171,215,.22); border-radius:12px; background:rgba(2,12,24,.72); color:#fff; outline:0; box-shadow:inset 0 1px 0 rgba(255,255,255,.025); transition:border-color .2s,box-shadow .2s,background .2s; } .l-sidebar .search-form input[type="search"]::placeholder{ color:#647b93; } .l-sidebar .search-form input[type="search"]:focus{ border-color:rgba(95,229,238,.65); background:#041323; box-shadow:0 0 0 4px rgba(95,229,238,.08),0 12px 25px rgba(0,0,0,.18); } .l-sidebar .search-form button{ min-width:68px; height:52px; padding:0 15px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:linear-gradient(135deg,#6a52e6,#278fba); color:#fff; font-size:13px; font-weight:900; cursor:pointer; box-shadow:0 12px 26px rgba(73,78,197,.28); transition:transform .2s,filter .2s,box-shadow .2s; } .l-sidebar .search-form button:hover{ filter:brightness(1.1); transform:translateY(-2px); box-shadow:0 16px 32px rgba(73,78,197,.34); } /* Category counts and archive text */ .l-sidebar .cat-item{ display:flex; align-items:center; color:#7890a9; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:9px; } .l-sidebar .cat-item a{ flex:1; font-family:var(--font); } .l-sidebar .p-ranking-list{ counter-reset:qaw-rank; } .l-sidebar .p-ranking-list__item{ counter-increment:qaw-rank; } .l-sidebar .p-ranking-list__item:before{ content:counter(qaw-rank,decimal-leading-zero); top:17px; left:8px; width:auto; height:auto; border-radius:0; background:transparent; color:#5fe5ee; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:8px; font-weight:900; box-shadow:none; } .l-sidebar .p-ranking-list__item a{ padding-left:32px; } /* Contact Form 7: remove inner card and use the full right column. */ .contact-page .contact-form-panel{ min-width:0; padding:54px clamp(32px,5vw,68px) 62px; background: radial-gradient(circle at 100% 0,rgba(95,229,238,.055),transparent 28%), linear-gradient(180deg,#fff,#f7fafe); } .contact-page .contact-form-panel .wpcf7, .contact-page .contact-form-panel .wpcf7-form{ width:100%; max-width:none; margin:0; } .contact-page .contact-form-panel .wpcf7 .qaw-contact-form{ display:block!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .contact-page .qaw-contact-form .qaw-form-row{ width:100%; margin:0 0 27px!important; padding:0!important; } .contact-page .qaw-contact-form .qaw-form-row label{ display:block; width:100%; margin:0; } .contact-page .qaw-contact-form .qaw-form-label{ display:flex; align-items:center; gap:8px; margin:0 0 9px; color:#122b47; font-size:14px; font-weight:850; letter-spacing:.01em; } .contact-page .qaw-contact-form .qaw-form-label em{ display:inline-flex; align-items:center; min-height:20px; padding:2px 8px; border-radius:999px; background:linear-gradient(135deg,#7357ed,#347fe8); color:#fff; font-size:9px; font-style:normal; font-weight:900; letter-spacing:.08em; } .contact-page .qaw-contact-form .wpcf7-form-control-wrap{ display:block; width:100%; margin:0; } .contact-page .qaw-contact-form input[type="text"], .contact-page .qaw-contact-form input[type="email"], .contact-page .qaw-contact-form input[type="tel"], .contact-page .qaw-contact-form input[type="url"], .contact-page .qaw-contact-form select, .contact-page .qaw-contact-form textarea{ box-sizing:border-box; display:block; width:100%!important; max-width:none!important; margin:0!important; padding:15px 17px; border:1px solid #cedce9!important; border-radius:12px!important; background:#f5f8fc!important; color:#102840!important; font-family:inherit; font-size:15px; font-weight:550; line-height:1.65; outline:0; box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important; transition:border-color .2s,box-shadow .2s,background .2s,transform .2s; } .contact-page .qaw-contact-form input[type="text"], .contact-page .qaw-contact-form input[type="email"], .contact-page .qaw-contact-form input[type="tel"], .contact-page .qaw-contact-form input[type="url"], .contact-page .qaw-contact-form select{ min-height:58px; } .contact-page .qaw-contact-form textarea{ min-height:220px; resize:vertical; } .contact-page .qaw-contact-form input::placeholder, .contact-page .qaw-contact-form textarea::placeholder{ color:#8799aa; opacity:1; } .contact-page .qaw-contact-form input:focus, .contact-page .qaw-contact-form select:focus, .contact-page .qaw-contact-form textarea:focus{ border-color:#4d86e3!important; background:#fff!important; box-shadow:0 0 0 4px rgba(77,134,227,.11),0 14px 30px rgba(16,53,90,.08)!important; transform:translateY(-1px); } .contact-page .qaw-contact-form select{ appearance:none; padding-right:50px; background-image: linear-gradient(45deg,transparent 50%,#315f89 50%), linear-gradient(135deg,#315f89 50%,transparent 50%)!important; background-position:calc(100% - 21px) 50%,calc(100% - 15px) 50%!important; background-size:6px 6px,6px 6px!important; background-repeat:no-repeat!important; } .contact-page .qaw-contact-form .qaw-form-privacy{ width:100%; margin:3px 0 26px; padding:16px 18px; border:1px solid rgba(46,108,164,.14); border-radius:12px; background:rgba(228,240,250,.62); color:#3f5870; font-size:13px; line-height:1.75; } .contact-page .qaw-contact-form .qaw-form-privacy .wpcf7-list-item{ margin:0; } .contact-page .qaw-contact-form .qaw-form-privacy label{ display:flex; align-items:flex-start; gap:10px; font-size:13px; font-weight:500; } .contact-page .qaw-contact-form .qaw-form-privacy input[type="checkbox"]{ width:18px; height:18px; margin:3px 0 0; accent-color:#5f60df; flex:0 0 auto; } .contact-page .qaw-contact-form .qaw-form-privacy a{ color:#245fa4; font-weight:800; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; } .contact-page .qaw-contact-form .qaw-form-submit{ width:100%; margin:8px 0 0; text-align:left; } .contact-page .qaw-contact-form input[type="submit"]{ width:100%!important; min-height:60px; padding:15px 28px; border:0!important; border-radius:13px!important; background:linear-gradient(135deg,#0b2038 0,#174d75 55%,#6555dc 100%)!important; color:#fff!important; font-size:14px; font-weight:900; letter-spacing:.06em; cursor:pointer; box-shadow:0 16px 34px rgba(18,56,96,.24)!important; transition:transform .2s,filter .2s,box-shadow .2s; } .contact-page .qaw-contact-form input[type="submit"]:hover{ filter:brightness(1.08); transform:translateY(-2px); box-shadow:0 21px 42px rgba(18,56,96,.30)!important; } .contact-page .qaw-contact-form p{ margin:0; } .contact-page .qaw-contact-form br{ display:none; } .contact-page .qaw-contact-form .wpcf7-not-valid-tip{ margin-top:7px; color:#c33f4c; font-size:11px; font-weight:800; } .contact-page .qaw-contact-form .wpcf7-response-output{ margin:23px 0 0!important; } @media(max-width:980px){ .l-sidebar__rail-head{grid-column:1/-1} } @media(max-width:640px){ .l-sidebar__rail-head{padding:19px} .l-sidebar .widget__title,.l-sidebar .p-widget__title{font-size:19px} .l-sidebar .widget li a,.l-sidebar .p-widget li a{font-size:12.5px} .contact-page .contact-form-panel{padding:35px 22px 42px} .contact-page .qaw-contact-form .qaw-form-row{margin-bottom:23px!important} .contact-page .qaw-contact-form input[type="text"], .contact-page .qaw-contact-form input[type="email"], .contact-page .qaw-contact-form input[type="tel"], .contact-page .qaw-contact-form input[type="url"], .contact-page .qaw-contact-form select, .contact-page .qaw-contact-form textarea{font-size:16px} } /* ========================================================= v1.5.3 — Signal Rail Spacing Refinement ========================================================= */ /* Keep a comfortable rhythm between sidebar modules. */ .l-sidebar{ gap:26px; } /* Unified inner spacing for every widget context. */ .main--single .l-sidebar .widget:before, .main--single .l-sidebar .p-widget:before, .l-sidebar .widget:before, .l-sidebar .p-widget:before{ padding:18px 24px 0; } .main--single .l-sidebar .widget__title, .main--single .l-sidebar .p-widget__title, .l-sidebar .widget__title, .l-sidebar .p-widget__title{ margin:0!important; padding:15px 24px 23px!important; border-bottom:0!important; background:transparent!important; font-size:22px; line-height:1.45; } .main--single .l-sidebar .widget__title:before, .main--single .l-sidebar .p-widget__title:before, .l-sidebar .widget__title:before, .l-sidebar .p-widget__title:before{ top:auto!important; right:auto!important; bottom:10px!important; left:24px!important; width:36px!important; height:2px!important; border-radius:999px!important; background:linear-gradient(90deg,var(--signal),#5fe5ee)!important; box-shadow:0 0 12px rgba(95,229,238,.24)!important; } /* List body gets independent breathing room from the title. */ .main--single .l-sidebar .widget>ul, .main--single .l-sidebar .widget>ol, .main--single .l-sidebar .p-widget__list, .main--single .l-sidebar .p-ranking-list, .l-sidebar .widget>ul, .l-sidebar .widget>ol, .l-sidebar .p-widget__list, .l-sidebar .p-ranking-list{ margin:0!important; padding:7px 20px 22px!important; } .main--single .l-sidebar .widget li, .main--single .l-sidebar .p-widget li, .l-sidebar .widget li, .l-sidebar .p-widget li{ border-bottom:0!important; } .main--single .l-sidebar .widget li+li, .main--single .l-sidebar .p-widget li+li, .l-sidebar .widget li+li, .l-sidebar .p-widget li+li{ margin-top:5px; } .main--single .l-sidebar .widget li:before, .main--single .l-sidebar .p-widget li:before, .l-sidebar .widget li:before, .l-sidebar .p-widget li:before{ top:22px; left:13px; } .main--single .l-sidebar .widget li a, .main--single .l-sidebar .p-widget li a, .l-sidebar .widget li a, .l-sidebar .p-widget li a{ padding:13px 31px 13px 31px!important; border:1px solid transparent; border-radius:12px; font-size:13px; line-height:1.75; } .main--single .l-sidebar .widget li a:hover, .main--single .l-sidebar .p-widget li a:hover, .l-sidebar .widget li a:hover, .l-sidebar .p-widget li a:hover{ padding-left:34px!important; } /* Search aligns to the same 24px rail as titles. */ .main--single .l-sidebar .widget_search .search-form, .main--single .l-sidebar .p-widget .search-form, .l-sidebar .widget_search .search-form, .l-sidebar .p-widget .search-form{ gap:10px; margin:0; padding:8px 24px 24px!important; } /* Text-only and recent-comment widgets need a body inset too. */ .main--single .l-sidebar .widget_recent_comments ul, .l-sidebar .widget_recent_comments ul{ padding:7px 20px 22px!important; } .main--single .l-sidebar .widget_recent_comments li, .l-sidebar .widget_recent_comments li{ padding:15px 16px 15px 31px!important; } /* Core widgets sometimes output a paragraph rather than a list. */ .l-sidebar .widget>p, .l-sidebar .p-widget>p, .l-sidebar .widget>div:not(.search-form):not(.wpcf7), .l-sidebar .p-widget>div:not(.search-form):not(.wpcf7){ margin:0; padding:8px 24px 24px; color:#c7d5e5; font-size:13px; line-height:1.8; } /* Archive/category dropdowns and calendars also follow the rail. */ .l-sidebar .widget select, .l-sidebar .p-widget select{ width:calc(100% - 48px); min-height:48px; margin:8px 24px 24px; padding:0 14px; border:1px solid rgba(132,171,215,.22); border-radius:12px; background:#061525; color:#fff; } @media(max-width:640px){ .l-sidebar{gap:24px} .l-sidebar .widget, .l-sidebar .p-widget{border-radius:20px} .main--single .l-sidebar .widget:before, .main--single .l-sidebar .p-widget:before, .l-sidebar .widget:before, .l-sidebar .p-widget:before{padding:17px 20px 0} .main--single .l-sidebar .widget__title, .main--single .l-sidebar .p-widget__title, .l-sidebar .widget__title, .l-sidebar .p-widget__title{ padding:14px 20px 22px!important; font-size:21px; } .main--single .l-sidebar .widget__title:before, .main--single .l-sidebar .p-widget__title:before, .l-sidebar .widget__title:before, .l-sidebar .p-widget__title:before{left:20px!important} .main--single .l-sidebar .widget>ul, .main--single .l-sidebar .widget>ol, .main--single .l-sidebar .p-widget__list, .main--single .l-sidebar .p-ranking-list, .l-sidebar .widget>ul, .l-sidebar .widget>ol, .l-sidebar .p-widget__list, .l-sidebar .p-ranking-list{padding:6px 14px 18px!important} .main--single .l-sidebar .widget li a, .main--single .l-sidebar .p-widget li a, .l-sidebar .widget li a, .l-sidebar .p-widget li a{ padding:13px 29px 13px 29px!important; font-size:13px; } .main--single .l-sidebar .widget li:before, .main--single .l-sidebar .p-widget li:before, .l-sidebar .widget li:before, .l-sidebar .p-widget li:before{left:11px} .main--single .l-sidebar .widget_search .search-form, .main--single .l-sidebar .p-widget .search-form, .l-sidebar .widget_search .search-form, .l-sidebar .p-widget .search-form{padding:7px 20px 20px!important} .l-sidebar .widget>p, .l-sidebar .p-widget>p, .l-sidebar .widget>div:not(.search-form):not(.wpcf7), .l-sidebar .p-widget>div:not(.search-form):not(.wpcf7){padding:7px 20px 21px} } /* ========================================================= v1.6.1 / WORDPRESS COMMENTS ========================================================= */ .comments-area { position: relative; overflow: hidden; margin-top: 34px; border: 1px solid rgba(93, 214, 255, .2); border-radius: 24px; background: radial-gradient(circle at 88% 4%, rgba(72, 232, 255, .12), transparent 28%), radial-gradient(circle at 12% 100%, rgba(121, 92, 255, .16), transparent 34%), linear-gradient(145deg, #07192e 0%, #0a2038 58%, #0b2742 100%); box-shadow: 0 24px 64px rgba(0, 9, 24, .26); color: #eaf6ff; } .comments-area::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .18; background-image: linear-gradient(rgba(94, 213, 255, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(94, 213, 255, .12) 1px, transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(to bottom, #000, transparent 80%); } .comments-area__signal { position: relative; z-index: 1; display: flex; align-items: center; gap: 9px; margin: 0 0 22px; color: #65eaff; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 10px; font-weight: 800; letter-spacing: .17em; } .comments-area__signal span { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: #a6ff39; box-shadow: 0 0 0 5px rgba(166, 255, 57, .09), 0 0 16px rgba(166, 255, 57, .62); } .comments-area h2, .comment-reply-title { margin: 0; color: #fff; font-size: clamp(24px, 3vw, 34px); font-weight: 850; letter-spacing: -.03em; line-height: 1.35; } /* Comments */ .comments-area { padding: 38px 40px 42px; } .comments-area__head, .comment-list, .comment-respond, .comments-pagination, .comments-closed { position: relative; z-index: 1; } .comments-area__head > p:last-child { max-width: 720px; margin: 12px 0 0; color: #bcd0df; font-size: 14px; line-height: 1.85; } .comment-list { display: grid; gap: 16px; margin: 30px 0 36px; padding: 0; list-style: none; } .comment-list .children { display: grid; gap: 14px; margin: 14px 0 0 28px; padding: 0; list-style: none; } .comment-body { padding: 22px 22px 20px; border: 1px solid rgba(117, 211, 244, .13); border-radius: 17px; background: rgba(255, 255, 255, .045); } .comment-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; margin-bottom: 13px; } .comment-author { display: flex; align-items: center; gap: 10px; color: #fff; font-size: 14px; font-weight: 800; } .comment-author .avatar { border: 2px solid rgba(101,234,255,.34); border-radius: 50%; } .comment-author .says { display: none; } .comment-metadata { margin-left: auto; font-size: 11px; } .comment-metadata a { color: #7f9eb4; } .comment-content { color: #d5e5f0; font-size: 14px; line-height: 1.9; } .comment-content p:last-child { margin-bottom: 0; } .reply { margin-top: 13px; } .comment-reply-link, .comment-edit-link { color: #6ce8ff; font-size: 12px; font-weight: 750; } .comment-awaiting-moderation { display: inline-block; margin: 0 0 12px; padding: 7px 10px; border-radius: 999px; color: #ffe69a; background: rgba(255,190,55,.1); font-size: 11px; font-style: normal; font-weight: 750; } .comment-respond { margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(116, 208, 239, .16); } .comment-reply-title-wrap > p { margin: 0 0 7px; color: #6fe9ff; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 9px; font-weight: 800; letter-spacing: .17em; } .comment-reply-title small { margin-left: 12px; font-size: 11px; } .comment-reply-title small a { color: #65eaff; } .comment-notes, .logged-in-as, .comment-policy { color: #9eb5c7; font-size: 12px; line-height: 1.75; } .comment-notes { margin: 12px 0 23px; } .comment-policy { margin: 16px 0 0; } .logged-in-as a { color: #66eaff; } .comment-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .comment-form > p { margin: 0; } .comment-form-comment, .comment-form-cookies-consent, .comment-form .form-submit, .comment-notes, .logged-in-as, .comment-policy { grid-column: 1 / -1; } .comment-form label { display: block; margin: 0 0 9px; color: #eaf6ff; font-size: 13px; font-weight: 800; } .comment-form .required { display: inline-flex; margin-left: 5px; padding: 2px 7px; border-radius: 999px; color: #07192d; background: #9dff42; font-size: 9px; font-weight: 850; vertical-align: 2px; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea { box-sizing: border-box; width: 100%; margin: 0; border: 1px solid rgba(127, 203, 234, .23); border-radius: 13px; outline: none; color: #f2f9ff; background: rgba(1, 14, 30, .62); font-family: inherit; font-size: 14px; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { min-height: 54px; padding: 13px 15px; } .comment-form textarea { min-height: 180px; padding: 15px 16px; resize: vertical; } .comment-form input::placeholder, .comment-form textarea::placeholder { color: #718ca1; } .comment-form input:focus, .comment-form textarea:focus { border-color: #61e8ff; background: rgba(2, 20, 42, .9); box-shadow: 0 0 0 4px rgba(97,232,255,.09); } .comment-form-cookies-consent { display: flex; align-items: flex-start; gap: 10px; padding: 14px 16px; border: 1px solid rgba(125, 210, 239, .12); border-radius: 13px; background: rgba(255,255,255,.035); } .comment-form-cookies-consent input { width: 17px; height: 17px; margin: 3px 0 0; accent-color: #92ff43; } .comment-form-cookies-consent label { margin: 0; color: #aec3d3; font-size: 12px; font-weight: 500; line-height: 1.7; } .comment-submit { min-height: 54px; padding: 13px 25px; border: 0; border-radius: 999px; color: #07192c; background: linear-gradient(135deg, #a4ff3e, #64e9ff); box-shadow: 0 13px 29px rgba(57, 219, 211, .19); font-family: inherit; font-size: 13px; font-weight: 850; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; } .comment-submit:hover { transform: translateY(-2px); filter: brightness(1.04); box-shadow: 0 17px 34px rgba(57, 219, 211, .28); } .comments-pagination { margin: 22px 0; } .comments-pagination .nav-links { display: flex; gap: 10px; justify-content: space-between; } .comments-pagination a, .comments-pagination span { padding: 9px 13px; border: 1px solid rgba(113,214,246,.15); border-radius: 10px; color: #c8e8f7; background: rgba(255,255,255,.04); } @media screen and (max-width: 767px) { .comments-area { margin-top: 24px; border-radius: 18px; } .comments-area { padding: 27px 20px 30px; } .comments-area h2, .comment-reply-title { font-size: 23px; } .comment-form { grid-template-columns: 1fr; gap: 17px; } .comment-form > p { grid-column: 1; } .comment-list .children { margin-left: 12px; } .comment-body { padding: 18px 16px; } .comment-meta { align-items: flex-start; } .comment-metadata { width: 100%; margin-left: 58px; } } /* v1.6.3: show every category assigned to a post */ .category-labels{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 2px} .category-labels .category-label{margin:0} .featured-story__body>.category-labels{margin-top:2px} .article__header .category-labels{margin:0 0 8px} .article--insider .category-labels .category-label{border:1px solid rgba(185,255,102,.22);background:rgba(185,255,102,.09);color:#d5ffad} @media(max-width:640px){.category-labels{gap:5px}.category-labels .category-label{font-size:10px}} /* v1.6.4 — AIWeb Lab brand refinement */ .site-logo-mark{ width:46px; height:46px; flex-basis:46px; filter:none; } .site-logo-mark__tile{ fill:#13243b; stroke:rgba(142,167,202,.26); stroke-width:1; } .site-logo-mark__code{ fill:none; stroke:#f7fbff; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; } .site-logo-mark__core{ fill:var(--signal); } .site-logo-mark__spark{ fill:none; stroke:rgba(94,231,247,.84); stroke-width:1.6; stroke-linecap:round; } .site-title__copy strong{ max-width:none; font-size:21px; letter-spacing:-.04em; } .site-title__copy small{ max-width:300px; overflow:hidden; color:#8192aa; font-family:var(--font); font-size:8px; font-weight:700; letter-spacing:.035em; text-overflow:ellipsis; white-space:nowrap; } .hero-console__metrics>div em{ display:block; margin-top:7px; color:#7488a3; font-family:var(--font); font-size:9px; font-style:normal; font-weight:700; letter-spacing:.02em; } .hero-console__metric-note{ margin:10px 0 0; color:#62758f; font-size:9px; line-height:1.65; } @media(max-width:640px){ .site-title__copy strong{font-size:17px} .site-title__copy small{max-width:210px;font-size:7px} .site-logo-mark{width:39px;height:39px;flex-basis:39px} } /* v1.6.5 — borderless material logo */ .site-logo-mark{ width:58px; height:58px; flex:0 0 58px; margin-right:-2px; filter:none; } .site-logo-mark svg{ width:100%; height:100%; overflow:visible; } .site-logo-mark__tile, .site-logo-mark__spark{ display:none; } .site-logo-mark__code{ fill:none; stroke:#f7fbff; stroke-width:3.35; stroke-linecap:round; stroke-linejoin:round; } .site-logo-mark__core{ fill:var(--signal); filter:drop-shadow(0 0 7px rgba(185,255,102,.28)); } .site-title{gap:10px} @media(max-width:840px){ .site-logo-mark{width:50px;height:50px;flex-basis:50px} } @media(max-width:640px){ .site-logo-mark{width:46px;height:46px;flex-basis:46px} .site-title{gap:8px} } /* v1.6.6: editable header menus */ .site-header__utility-list{display:flex;align-items:center;gap:15px;margin:0;padding:0;list-style:none} .site-header__utility-list a{position:relative;color:#7286a1;font-size:8px;font-weight:900;letter-spacing:.14em;transition:.2s} .site-header__utility-list li:not(:last-child) a:after{content:"";position:absolute;right:-8px;top:50%;width:2px;height:2px;border-radius:50%;background:#40536d;transform:translateY(-50%)} .site-header__utility-list a:hover{color:#fff} /* v1.6.7 — impact editorial redesign inspired by gallery-like portfolio pacing */ :root{--impact-ink:#06152d;--impact-blue:#102b58;--impact-paper:#f2f0e9;--impact-white:#f8f8f4;--impact-acid:#c7ff62;--impact-cyan:#6ee7ff} .home .site-header{border-bottom:1px solid rgba(255,255,255,.10);background:rgba(4,15,33,.92);backdrop-filter:blur(18px)} .home .site-header__signalbar{display:none} .home .site-header__inner{min-height:84px} .home .site-title__copy strong{color:#fff} .home .site-title__copy small{color:#7790b0} .home .site-description{display:none} .home .global-nav__list a{color:#b9c8db;font-weight:600} .home .global-nav__list a:hover,.home .global-nav__list .current-menu-item>a{color:#fff} .home .global-nav__list a:after{background:var(--impact-acid)} .home .header-access-button{border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;box-shadow:none} .home .header-access-button span{color:var(--impact-acid)} .home .header-access-button:hover{border-color:var(--impact-acid);background:rgba(199,255,98,.07)} .home .site-logo-mark__code{stroke:#fff}.home .site-logo-mark__core{fill:var(--impact-acid);filter:none} .impact-home{overflow:hidden;background:var(--impact-white)} .impact-hero{position:relative;min-height:calc(100vh - 84px);overflow:hidden;background:var(--impact-ink);color:#fff} .impact-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 35%,rgba(79,133,220,.24),transparent 28%),linear-gradient(110deg,rgba(255,255,255,.018),transparent 45%)} .impact-hero__word{position:absolute;top:-6vw;left:-1.5vw;color:rgba(255,255,255,.032);font-size:clamp(160px,26vw,410px);font-weight:950;line-height:.9;letter-spacing:-.09em;white-space:nowrap;pointer-events:none;user-select:none} .impact-hero__line{position:absolute;border:1px solid rgba(110,231,255,.15);border-radius:50%;pointer-events:none}.impact-hero__line--a{right:-11vw;top:7vh;width:44vw;height:44vw}.impact-hero__line--b{right:-3vw;top:15vh;width:28vw;height:28vw;border-color:rgba(199,255,98,.13)} .impact-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);gap:8vw;align-items:center;min-height:calc(100vh - 84px);padding-top:70px;padding-bottom:80px} .impact-kicker{display:flex;align-items:center;gap:14px;margin:0 0 35px;color:#738baa;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:800;letter-spacing:.18em}.impact-kicker span{color:var(--impact-acid)} .impact-hero h1{margin:0;color:#fff;font-size:clamp(62px,7vw,112px);font-weight:850;line-height:.92;letter-spacing:-.075em}.impact-hero h1 em{color:var(--impact-acid);font-style:normal;text-shadow:0 0 28px rgba(199,255,98,.12)} .impact-hero__statement{margin:32px 0 0;color:#fff;font-size:clamp(18px,1.8vw,25px);font-weight:700;letter-spacing:.03em}.impact-hero__lead{max-width:570px;margin:18px 0 0;color:#91a5be;font-size:14px;line-height:2} .impact-hero__actions{display:flex;flex-wrap:wrap;gap:24px;margin-top:39px}.impact-link{display:flex;align-items:center;gap:22px;padding-bottom:8px;border-bottom:1px solid rgba(199,255,98,.62);color:#fff;font-size:12px;font-weight:800}.impact-link i{color:var(--impact-acid);font-style:normal;font-size:17px;transition:.25s}.impact-link:hover i{transform:translate(4px,3px)}.impact-link--quiet{border-color:rgba(255,255,255,.19);color:#94a6bd}.impact-link--quiet i{color:#94a6bd} .impact-hero__feature{position:relative;margin-top:4vh}.impact-hero__feature>a{display:block;position:relative}.impact-hero__feature-image{position:relative;aspect-ratio:3/2;overflow:hidden;background:#102443;box-shadow:0 40px 100px rgba(0,0,0,.32)}.impact-hero__feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(4,15,33,.78))}.impact-hero__feature-image{display:grid;place-items:center;padding:0;background:#0d1e37}.impact-hero__feature-image img{width:100%;height:100%;object-fit:contain;object-position:center center;filter:saturate(.92) contrast(1.02);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.impact-hero__feature:hover img{transform:scale(1.025)} .impact-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#0e2850,#07162c);color:rgba(255,255,255,.46);font-size:14px;font-weight:900;letter-spacing:.2em} .impact-hero__feature-meta{display:flex;justify-content:space-between;gap:20px;margin-top:18px;color:#68819f;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.13em}.impact-hero__feature-meta span{color:var(--impact-acid)} .impact-hero__feature h2{max-width:610px;margin:12px 70px 0 0;color:#fff;font-size:clamp(20px,2vw,29px);line-height:1.55;letter-spacing:-.03em}.impact-hero__feature-arrow{position:absolute;right:0;bottom:-2px;color:var(--impact-acid);font-size:36px;font-weight:200;transition:.25s}.impact-hero__feature:hover .impact-hero__feature-arrow{transform:translate(5px,-5px)} .impact-hero__scroll{position:absolute;z-index:3;bottom:22px;left:24px;display:flex;align-items:center;gap:11px;color:#516a88;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.18em;transform:rotate(-90deg);transform-origin:left center}.impact-hero__scroll i{display:block;width:54px;height:1px;background:#516a88} .impact-ticker{overflow:hidden;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid #d9d8d2;background:var(--impact-paper)}.impact-ticker__track{display:flex;align-items:center;justify-content:center;gap:28px;min-width:max-content;padding:14px 28px;color:#263448;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:800;letter-spacing:.16em}.impact-ticker i{color:#8f9aa7;font-style:normal;font-size:6px} .impact-manifesto{padding:145px 0 155px;background:var(--impact-paper);color:#0b1c33}.impact-section-label{display:flex;align-items:center;gap:18px;margin-bottom:46px;color:#7a8794;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.16em}.impact-section-label span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #aeb6bd;border-radius:50%;font-size:8px}.impact-section-label b{font-weight:800}.impact-section-label--light{color:#7084a0}.impact-section-label--light span{border-color:#405877} .impact-manifesto__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.78fr);gap:10vw}.impact-manifesto h2,.impact-practice h2,.impact-categories h2{margin:0;font-size:clamp(46px,6.4vw,92px);font-weight:850;line-height:1.04;letter-spacing:-.065em}.impact-manifesto__lead{margin:8px 0 52px;color:#3d4b5d;font-size:16px;line-height:2.1}.impact-values{border-top:1px solid #bbc1c6}.impact-values>div{display:grid;grid-template-columns:46px 135px 1fr;gap:18px;align-items:center;padding:21px 0;border-bottom:1px solid #c8ccc9}.impact-values span{color:#8e979d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.impact-values strong{font-size:14px}.impact-values p{margin:0;color:#68727b;font-size:12px} .impact-latest{padding:135px 0;background:var(--impact-ink);color:#fff}.impact-latest__heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:60px}.impact-latest__heading h2{margin:0;font-size:clamp(52px,7vw,96px);line-height:.95;letter-spacing:-.07em}.impact-latest__heading p{margin:0 0 4px;color:#7186a1;font-size:13px;line-height:1.9}.impact-story-list{border-top:1px solid rgba(255,255,255,.15)}.impact-story{border-bottom:1px solid rgba(255,255,255,.13)}.impact-story>a{display:grid;grid-template-columns:72px 250px minmax(0,1fr) 54px;gap:32px;align-items:center;padding:34px 0;transition:.3s}.impact-story:hover>a{padding-left:12px}.impact-story__number{align-self:start;padding-top:6px;color:#5d7390;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.impact-story__image{aspect-ratio:3/2;overflow:hidden;background:#102443}.impact-story__image{display:grid;place-items:center}.impact-story__image img{width:100%;height:100%;object-fit:contain;object-position:center center;filter:saturate(.82);transition:.45s}.impact-story:hover .impact-story__image img{transform:scale(1.035);filter:saturate(1)}.impact-story__body .category-labels{margin-bottom:10px}.impact-story__body .category-label{padding:0;background:transparent!important;color:#7d94b1!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.08em}.impact-story__body .category-label+.category-label:before{content:"/";margin-right:6px;color:#405776}.impact-story h3{max-width:720px;margin:0 0 9px;color:#fff;font-size:clamp(20px,2vw,29px);line-height:1.48;letter-spacing:-.03em}.impact-story__body p{max-width:720px;margin:0;color:#7890aa;font-size:12px;line-height:1.8}.impact-story time{display:block;margin-top:13px;color:#506883;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.08em}.impact-story__arrow{color:#6c819d;font-size:26px;transition:.25s}.impact-story:hover .impact-story__arrow{color:var(--impact-acid);transform:translate(5px,-5px)}.impact-more{display:flex;justify-content:flex-end;margin-top:48px}.impact-more a{display:flex;align-items:center;gap:18px;color:#90a4bd;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.12em}.impact-more span{color:var(--impact-acid);font-size:19px} .impact-practice{padding:135px 0 145px;background:#fff;color:#0a1b31}.impact-practice__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);gap:9vw;align-items:start}.impact-practice__title .impact-section-label{margin-bottom:36px}.impact-practice h2{font-size:clamp(43px,5.4vw,76px)}.impact-practice__notes{border-top:1px solid #d5d9dc}.impact-practice__notes>div{display:grid;grid-template-columns:150px 120px 1fr;align-items:center;gap:24px;padding:27px 0;border-bottom:1px solid #dfe2e4}.impact-practice__notes small{color:#77828d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.14em}.impact-practice__notes strong{font-size:28px;letter-spacing:-.04em}.impact-practice__notes div:nth-child(1) strong{color:#2b6fdb}.impact-practice__notes div:nth-child(2) strong{color:#49586e}.impact-practice__notes div:nth-child(3) strong{color:#122b4f}.impact-practice__notes p{margin:0;color:#66717e;font-size:12px;line-height:1.7}.impact-practice__note{margin:16px 0 0!important;color:#98a0a8!important;font-size:9px!important} .impact-categories{padding:140px 0 155px;background:var(--impact-paper);color:#0a1b31}.impact-categories__heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:64px}.impact-categories__heading p{margin:0 0 8px;color:#707b85;font-size:11px}.impact-category-list{border-top:1px solid #aeb5ba}.impact-category{display:grid;grid-template-columns:74px minmax(0,1fr) 130px 42px;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid #bcc2c5;transition:.25s}.impact-category:hover{padding-left:12px}.impact-category>span{color:#8b9499;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.impact-category strong{font-size:clamp(24px,3.2vw,43px);line-height:1.15;letter-spacing:-.04em}.impact-category em{color:#7c868e;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;font-style:normal;letter-spacing:.1em}.impact-category i{color:#7c868e;font-size:24px;font-style:normal;transition:.25s}.impact-category:hover i{color:#0a1b31;transform:translate(4px,-4px)} .impact-outro{position:relative;overflow:hidden;padding:150px 0 160px;background:#112d5a;color:#fff}.impact-outro:after{content:"AI";position:absolute;right:-.04em;bottom:-.32em;color:rgba(255,255,255,.035);font-size:420px;font-weight:950;letter-spacing:-.1em}.impact-outro .container{position:relative;z-index:2}.impact-outro p{margin:0 0 24px;color:var(--impact-acid);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.17em}.impact-outro h2{max-width:950px;margin:0;color:#fff;font-size:clamp(58px,8vw,118px);font-weight:850;line-height:.95;letter-spacing:-.075em}.impact-outro h2 span{color:#bfd0e8}.impact-outro a{display:inline-flex;align-items:center;gap:25px;margin-top:50px;padding-bottom:8px;border-bottom:1px solid rgba(199,255,98,.55);color:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.12em}.impact-outro a i{color:var(--impact-acid);font-size:18px;font-style:normal} .impact-home{position:relative;overflow:hidden;background:var(--impact-white)} .impact-home:before,.impact-home:after{content:"";position:fixed;inset:-12%;pointer-events:none;z-index:0;opacity:.6} .impact-home:before{background: linear-gradient(90deg,rgba(20,59,109,.06) 1px,transparent 1px) 0 0/72px 72px, linear-gradient(rgba(20,59,109,.05) 1px,transparent 1px) 0 0/72px 72px, linear-gradient(135deg,transparent 0 48%,rgba(110,231,255,.10) 49%,transparent 50%) 0 0/220px 220px; mask-image:radial-gradient(circle at center,rgba(0,0,0,.9),rgba(0,0,0,.3) 62%,transparent 88%); animation:qawGeoFloat 28s linear infinite} .impact-home:after{background: radial-gradient(circle at 18% 24%,rgba(110,231,255,.12),transparent 0 14%), radial-gradient(circle at 78% 34%,rgba(199,255,98,.10),transparent 0 16%), radial-gradient(circle at 66% 78%,rgba(45,102,187,.11),transparent 0 13%), linear-gradient(45deg,transparent 0 47%,rgba(255,255,255,.06) 48%,transparent 49%) 0 0/180px 180px; mix-blend-mode:screen; animation:qawGeoDrift 22s ease-in-out infinite alternate} .impact-home>section,.impact-home>div{position:relative;z-index:1} @keyframes qawGeoFloat{0%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(-2.5%,1.5%,0) rotate(.8deg)}100%{transform:translate3d(-5%,3%,0) rotate(1.6deg)}} @keyframes qawGeoDrift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(2%,-1.5%,0) scale(1.04)}100%{transform:translate3d(4%,-3%,0) scale(1.08)}} [data-qaw-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}[data-qaw-reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-qaw-reveal]{opacity:1;transform:none;transition:none}} @media(max-width:1100px){.impact-hero__inner{grid-template-columns:minmax(0,.9fr) minmax(410px,1.1fr);gap:5vw}.impact-story>a{grid-template-columns:55px 210px minmax(0,1fr) 40px}.impact-manifesto__grid,.impact-practice__grid{gap:6vw}} @media(max-width:900px){.impact-hero{min-height:auto}.impact-hero__inner{grid-template-columns:1fr;min-height:auto;padding-top:85px;padding-bottom:90px}.impact-hero__feature{max-width:720px;margin-top:20px}.impact-hero__feature-image{aspect-ratio:3/2}.impact-hero__word{top:20px;font-size:230px}.impact-manifesto__grid,.impact-practice__grid{grid-template-columns:1fr;gap:55px}.impact-latest__heading,.impact-categories__heading{align-items:start;flex-direction:column}.impact-story>a{grid-template-columns:48px 180px minmax(0,1fr) 34px;gap:20px}.impact-story__body p{display:none}.impact-practice__notes>div{grid-template-columns:130px 105px 1fr}} @media(max-width:700px){.home .site-header__inner{min-height:70px}.impact-hero__inner{padding-top:62px;padding-bottom:72px}.impact-hero h1{font-size:clamp(52px,16vw,76px)}.impact-hero__lead br{display:none}.impact-hero__word{top:30px;font-size:160px}.impact-hero__feature h2{margin-right:45px;font-size:20px}.impact-hero__scroll{display:none}.impact-ticker__track{justify-content:flex-start}.impact-manifesto,.impact-latest,.impact-practice,.impact-categories{padding:88px 0 96px}.impact-manifesto h2,.impact-practice h2,.impact-categories h2{font-size:46px}.impact-manifesto__lead{font-size:14px}.impact-values>div{grid-template-columns:38px 105px 1fr;gap:10px}.impact-values p{font-size:11px}.impact-latest__heading h2{font-size:58px}.impact-story>a{grid-template-columns:34px 112px minmax(0,1fr) 24px;gap:12px;padding:23px 0}.impact-story h3{font-size:16px}.impact-story__body .category-labels{display:none}.impact-story__arrow{font-size:18px}.impact-practice__notes>div{grid-template-columns:1fr 1fr;gap:8px 15px}.impact-practice__notes>div p{grid-column:1/-1}.impact-category{grid-template-columns:38px minmax(0,1fr) 30px;gap:12px}.impact-category em{display:none}.impact-category strong{font-size:28px}.impact-outro{padding:100px 0 110px}.impact-outro h2{font-size:58px}.impact-outro:after{font-size:230px}} /* v1.6.9 — network hero, carousel, quote rotation */ .impact-home{position:relative;overflow:hidden;background:var(--impact-white)} .impact-home:before,.impact-home:after{opacity:.42} .impact-hero{background:#020611} .impact-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(0,0,0,.02),rgba(0,0,0,.46) 38%,rgba(2,6,17,.96) 80%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 30%);z-index:0} .impact-hero__mesh{position:absolute;inset:-6%;background-repeat:no-repeat;background-size:cover;opacity:.42;mix-blend-mode:screen;pointer-events:none;animation:qawMeshDrift 26s ease-in-out infinite alternate} .impact-hero__mesh--blue{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cg fill='none' stroke='%234da3ff' stroke-width='1.3' opacity='.72'%3E%3Cpath d='M60 170 290 80 490 220 700 140 920 250 1210 160 1500 240'/%3E%3Cpath d='M80 560 250 420 520 620 760 470 980 620 1250 510 1510 640'/%3E%3Cpath d='M210 780 470 690 650 830 880 720 1140 810 1430 700'/%3E%3Cpath d='M290 80 250 420 470 690 520 620 490 220 700 140 760 470 920 250 980 620 1210 160 1250 510 1430 700 1510 640 1500 240' opacity='.5'/%3E%3C/g%3E%3Cg fill='%236ee7ff'%3E%3Ccircle cx='60' cy='170' r='4'/%3E%3Ccircle cx='290' cy='80' r='4'/%3E%3Ccircle cx='490' cy='220' r='4'/%3E%3Ccircle cx='700' cy='140' r='4'/%3E%3Ccircle cx='920' cy='250' r='4'/%3E%3Ccircle cx='1210' cy='160' r='4'/%3E%3Ccircle cx='1500' cy='240' r='4'/%3E%3Ccircle cx='80' cy='560' r='4'/%3E%3Ccircle cx='250' cy='420' r='4'/%3E%3Ccircle cx='520' cy='620' r='4'/%3E%3Ccircle cx='760' cy='470' r='4'/%3E%3Ccircle cx='980' cy='620' r='4'/%3E%3Ccircle cx='1250' cy='510' r='4'/%3E%3Ccircle cx='1510' cy='640' r='4'/%3E%3Ccircle cx='210' cy='780' r='4'/%3E%3Ccircle cx='470' cy='690' r='4'/%3E%3Ccircle cx='650' cy='830' r='4'/%3E%3Ccircle cx='880' cy='720' r='4'/%3E%3Ccircle cx='1140' cy='810' r='4'/%3E%3Ccircle cx='1430' cy='700' r='4'/%3E%3C/g%3E%3C/svg%3E")} .impact-hero__mesh--red{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cg fill='none' stroke='%23ff5568' stroke-width='1.2' opacity='.58'%3E%3Cpath d='M130 260 330 170 600 310 810 230 1010 350 1280 280 1470 360'/%3E%3Cpath d='M140 690 320 590 540 700 820 570 1030 720 1310 650 1510 760'/%3E%3Cpath d='M330 170 320 590 540 700 600 310 810 230 820 570 1010 350 1030 720 1280 280 1310 650 1470 360 1510 760' opacity='.42'/%3E%3C/g%3E%3Cg fill='%23ff8ca1'%3E%3Ccircle cx='130' cy='260' r='3.8'/%3E%3Ccircle cx='330' cy='170' r='3.8'/%3E%3Ccircle cx='600' cy='310' r='3.8'/%3E%3Ccircle cx='810' cy='230' r='3.8'/%3E%3Ccircle cx='1010' cy='350' r='3.8'/%3E%3Ccircle cx='1280' cy='280' r='3.8'/%3E%3Ccircle cx='1470' cy='360' r='3.8'/%3E%3Ccircle cx='140' cy='690' r='3.8'/%3E%3Ccircle cx='320' cy='590' r='3.8'/%3E%3Ccircle cx='540' cy='700' r='3.8'/%3E%3Ccircle cx='820' cy='570' r='3.8'/%3E%3Ccircle cx='1030' cy='720' r='3.8'/%3E%3Ccircle cx='1310' cy='650' r='3.8'/%3E%3Ccircle cx='1510' cy='760' r='3.8'/%3E%3C/g%3E%3C/svg%3E");animation-duration:34s;opacity:.32} .impact-hero__word{top:-4vw;left:-1.2vw;color:rgba(255,255,255,.04)} .impact-hero__line{display:none} .impact-hero__inner{position:relative;z-index:2;grid-template-columns:minmax(0,.86fr) minmax(500px,1.14fr);gap:7vw} .impact-hero h1{font-size:clamp(66px,7.8vw,122px);line-height:1.06;letter-spacing:-.078em} .impact-hero h1 em{color:#fff;text-shadow:0 0 18px rgba(255,255,255,.10),0 0 48px rgba(110,231,255,.08)} .impact-hero__statement{margin-top:34px;color:var(--impact-acid);font-size:clamp(20px,2.1vw,28px);font-weight:800;letter-spacing:.015em} .impact-hero__lead{max-width:610px;margin-top:22px;color:#b1c2d7;font-size:15px;line-height:2.02} .impact-hero__feature-image{aspect-ratio:3/2;border:1px solid rgba(255,255,255,.08);box-shadow:0 34px 80px rgba(0,0,0,.42)} .impact-hero__feature h2{line-height:1.5} .impact-manifesto{position:relative;overflow:hidden} .impact-manifesto__wash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 30%,rgba(17,45,90,.08),transparent 20%),linear-gradient(45deg,transparent 0 47%,rgba(17,45,90,.05) 48%,transparent 49%) 0 0/160px 160px;opacity:.55} .impact-manifesto .container{position:relative;z-index:1} .impact-manifesto h2{max-width:720px} .impact-manifesto__lead{max-width:640px} .impact-latest{padding:135px 0 128px} .impact-carousel{position:relative} .impact-carousel__head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px} .impact-carousel__status{display:grid;gap:4px;color:#7f94af;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.13em}.impact-carousel__status b{color:#dfe8f5;font-size:12px;letter-spacing:.04em} .impact-carousel__controls{display:flex;gap:10px} .impact-carousel__button{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.03);color:#fff;font-size:18px;cursor:pointer;transition:.2s}.impact-carousel__button:hover{border-color:var(--impact-acid);color:var(--impact-acid);transform:translateY(-2px)} .impact-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.impact-carousel__track::-webkit-scrollbar{display:none} .impact-slide{scroll-snap-align:start;min-width:0}.impact-slide>a{display:flex;flex-direction:column;height:100%;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));box-shadow:0 20px 48px rgba(0,0,0,.16);transition:.24s}.impact-slide:hover>a{transform:translateY(-4px);border-color:rgba(199,255,98,.4)} .impact-slide__number{padding:16px 20px 0;color:#5d7390;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.1em} .impact-slide__image{aspect-ratio:3/2;overflow:hidden;background:#102443}.impact-slide__image{display:grid;place-items:center}.impact-slide__image img{width:100%;height:100%;object-fit:contain;object-position:center center;filter:saturate(.9);transition:.45s}.impact-slide:hover .impact-slide__image img{transform:scale(1.04);filter:saturate(1)} .impact-slide__body{display:flex;flex-direction:column;flex:1;padding:18px 20px 22px}.impact-slide__body .category-labels{margin-bottom:10px}.impact-slide__body .category-label{padding:0;background:transparent!important;color:#7d94b1!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.08em}.impact-slide__body .category-label+.category-label:before{content:"/";margin-right:6px;color:#405776}.impact-slide h3{margin:0 0 10px;color:#fff;font-size:20px;line-height:1.52;letter-spacing:-.03em}.impact-slide p{margin:0;color:#7890aa;font-size:12px;line-height:1.85}.impact-slide time{display:block;margin-top:auto;padding-top:14px;color:#506883;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.08em} .impact-carousel__progress{height:2px;margin-top:14px;background:rgba(255,255,255,.1)}.impact-carousel__progress span{display:block;height:100%;width:18%;background:var(--impact-acid);transition:width .2s ease,transform .2s ease;transform-origin:left center} .impact-outro{padding:138px 0 150px;background:#0b1830;color:#fff} .impact-outro:after{display:none} .impact-outro__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(340px,.8fr);gap:7vw;align-items:center} .impact-outro h2 span{color:#bfd0e8} .impact-outro__quote{margin:26px 0 0;padding-left:18px;border-left:2px solid rgba(199,255,98,.5);color:#cfdae8;font-size:16px;line-height:1.9} .impact-outro__visual{position:relative;min-height:340px} .impact-outro__orb{position:absolute;right:10%;top:18%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(199,255,98,.65),rgba(110,231,255,.16) 34%,rgba(17,45,90,.12) 60%,transparent 75%);filter:blur(1px)} .impact-outro__panel{position:absolute;inset:30px 0 42px 54px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));backdrop-filter:blur(4px)} .impact-outro__panel span{position:absolute;background:linear-gradient(90deg,rgba(110,231,255,.0),rgba(110,231,255,.5),rgba(110,231,255,.0))}.impact-outro__panel span:nth-child(1){left:24px;right:42px;top:54px;height:1px}.impact-outro__panel span:nth-child(2){left:60px;right:24px;top:110px;height:1px}.impact-outro__panel span:nth-child(3){left:30px;right:56px;top:166px;height:1px}.impact-outro__panel span:nth-child(4){left:74px;right:18px;top:222px;height:1px} .impact-outro__bars{position:absolute;left:0;right:84px;bottom:0;display:flex;align-items:flex-end;gap:16px;height:132px}.impact-outro__bars i{flex:1;border-radius:999px 999px 0 0;background:linear-gradient(180deg,rgba(199,255,98,.9),rgba(110,231,255,.35));box-shadow:0 0 22px rgba(110,231,255,.14)}.impact-outro__bars i:nth-child(1){height:44%}.impact-outro__bars i:nth-child(2){height:72%}.impact-outro__bars i:nth-child(3){height:100%} @keyframes qawMeshDrift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-1.2%,1.5%,0) scale(1.02)}100%{transform:translate3d(1.5%,-1%,0) scale(1.04)}} @media(max-width:1100px){.impact-hero__inner{grid-template-columns:1fr;gap:40px;padding-top:82px;padding-bottom:86px}.impact-hero__feature{max-width:760px}.impact-carousel__track{grid-auto-columns:calc((100% - 24px)/2)}.impact-outro__grid{grid-template-columns:1fr}} @media(max-width:700px){.impact-hero h1{font-size:clamp(52px,16vw,76px);line-height:1.08}.impact-hero__lead br{display:none}.impact-carousel__head{align-items:flex-start;flex-direction:column}.impact-carousel__track{grid-auto-columns:84%}.impact-slide h3{font-size:18px}.impact-outro__visual{min-height:250px;margin-top:10px}.impact-outro__panel{left:20px;inset:16px 0 34px 20px}.impact-outro__orb{right:0;top:10%;width:120px;height:120px}.impact-outro__quote{font-size:14px}} /* v1.6.10 — Japanese headline wrapping refinement */ @media(min-width:1101px){ .impact-hero__inner{grid-template-columns:minmax(430px,1fr) minmax(480px,1.08fr);gap:5vw} } .impact-hero h1{font-size:clamp(60px,6.2vw,102px);line-height:1.075;letter-spacing:-.07em} .impact-hero h1>span,.impact-hero h1>em{display:block;white-space:nowrap} .impact-manifesto h2{font-size:clamp(44px,5vw,74px);line-height:1.09;letter-spacing:-.055em} .impact-manifesto h2>span{display:block;white-space:nowrap} .impact-practice__grid{grid-template-columns:minmax(500px,1.02fr) minmax(420px,.98fr);gap:7vw} .impact-practice h2{font-size:clamp(40px,4.1vw,56px);line-height:1.12;letter-spacing:-.05em} .impact-practice h2>span{display:block;white-space:nowrap} .impact-categories h2{font-size:clamp(42px,5vw,72px);line-height:1.08;letter-spacing:-.055em} .impact-categories h2>span{display:block;white-space:nowrap} .impact-outro__grid{grid-template-columns:minmax(620px,1.18fr) minmax(300px,.62fr);gap:5vw} .impact-outro h2{font-size:clamp(48px,4.8vw,64px);line-height:1.08;letter-spacing:-.055em} .impact-outro h2>strong,.impact-outro h2>span{display:block;white-space:nowrap} .impact-outro h2>strong{color:#fff;font-weight:850} .impact-outro h2>span{color:#bfd0e8} @media(max-width:1100px){ .impact-manifesto h2{font-size:clamp(42px,7vw,68px)} .impact-practice__grid{grid-template-columns:1fr;gap:55px} .impact-outro__grid{grid-template-columns:1fr} } @media(max-width:700px){ .impact-hero h1{font-size:clamp(50px,15vw,72px);line-height:1.09} .impact-manifesto h2{font-size:clamp(38px,11vw,50px)} .impact-practice h2{font-size:clamp(36px,10vw,46px)} .impact-categories h2{font-size:clamp(38px,10.5vw,50px)} .impact-outro h2{font-size:clamp(42px,11vw,54px)} .impact-practice h2>span,.impact-categories h2>span,.impact-outro h2>strong,.impact-outro h2>span{white-space:normal} } /* v1.6.11 — hero copy balance for desktop/mobile */ .impact-hero__copy{max-width:620px} .impact-hero h1{font-size:clamp(58px,5.8vw,94px);line-height:1.105;letter-spacing:-.065em} .impact-hero__statement{display:flex;flex-wrap:wrap;gap:.15em .42em;margin-top:30px;font-size:clamp(18px,1.65vw,23px);line-height:1.55;letter-spacing:.01em} .impact-hero__statement>span{white-space:nowrap} .impact-hero__lead{display:grid;gap:2px;max-width:580px;margin-top:18px;font-size:14px;line-height:1.85} .impact-hero__lead>span{display:block} @media(max-width:700px){ .impact-hero__copy{max-width:none} .impact-hero h1{font-size:clamp(48px,13.8vw,66px);line-height:1.11;letter-spacing:-.055em} .impact-hero__statement{display:grid;gap:0;margin-top:24px;font-size:clamp(16px,4.7vw,19px);line-height:1.6} .impact-hero__statement>span{white-space:normal} .impact-hero__lead{gap:3px;margin-top:14px;font-size:13px;line-height:1.75} .impact-hero__lead>span{white-space:normal} } /* v1.6.12 — hero headline balance */ .impact-hero h1{ display:block; max-width:none; font-size:clamp(56px,4.65vw,74px); line-height:.98; letter-spacing:-.075em; } .impact-hero h1>.impact-hero__eyeline, .impact-hero h1>.impact-hero__mainline{ display:block; } .impact-hero h1>.impact-hero__eyeline{ margin-bottom:.22em; color:#b9c8da; font-size:.64em; font-weight:720; line-height:1; letter-spacing:-.035em; } .impact-hero h1>.impact-hero__mainline{ white-space:nowrap; font-weight:900; } .impact-hero h1>.impact-hero__mainline em{ display:inline; color:var(--impact-acid); font-style:normal; text-shadow:0 0 30px rgba(199,255,98,.12); } @media(max-width:1100px){ .impact-hero h1{font-size:clamp(56px,7vw,78px)} } @media(max-width:700px){ .impact-hero h1{ font-size:clamp(38px,10.7vw,48px); line-height:1; letter-spacing:-.065em; } .impact-hero h1>.impact-hero__eyeline{ margin-bottom:.24em; font-size:.68em; } } /* v1.6.13 thumbnail safe area fix */ .card__image,.impact-story__image,.impact-slide__image,.impact-hero__feature-image{background:linear-gradient(180deg,#102443,#0c1730)} .card__image img,.impact-story__image img,.impact-slide__image img,.impact-hero__feature-image img{padding:0} .impact-hero__feature-image:before,.impact-slide__image:before,.impact-story__image:before,.card__image:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);pointer-events:none} .impact-slide__image,.impact-story__image,.impact-hero__feature-image,.card__image{position:relative} /* v1.6.14 thumbnail ratio + upgraded outro visual */ .card__image,.impact-hero__feature-image,.impact-story__image,.impact-slide__image,.article__thumbnail,.featured-story__image{aspect-ratio:3/2!important} .article__thumbnail,.featured-story__image{display:grid;place-items:center;background:linear-gradient(180deg,#f4f7fb,#edf2f8)} .article__thumbnail img,.featured-story__image img{width:100%;height:100%;object-fit:contain;object-position:center center} .impact-outro{background:radial-gradient(circle at 78% 24%,rgba(110,231,255,.09),transparent 16%),radial-gradient(circle at 22% 80%,rgba(199,255,98,.06),transparent 18%),#08162d} .impact-outro__visual{position:relative;min-height:380px;isolation:isolate} .impact-outro__glow{position:absolute;inset:8% 4% auto auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(199,255,98,.42),rgba(110,231,255,.18) 34%,rgba(17,45,90,.08) 60%,transparent 76%);filter:blur(6px);opacity:.95;animation:qawOutroGlow 8s ease-in-out infinite alternate} .impact-outro__frame{position:absolute;inset:18px 0 0 28px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:0 30px 70px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.03);backdrop-filter:blur(8px)} .impact-outro__frame:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 30%,transparent 72%,rgba(255,255,255,.03));pointer-events:none} .impact-outro__mesh{position:absolute;inset:0;background: linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/56px 56px, linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/56px 56px, linear-gradient(120deg,transparent 0 47%,rgba(110,231,255,.08) 48%,transparent 49%) 0 0/180px 180px;opacity:.5;mask-image:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.45));animation:qawOutroMesh 22s linear infinite} .impact-outro__ring{position:absolute;right:16%;top:17%;width:150px;height:150px;border-radius:50%;border:1px solid rgba(110,231,255,.28);box-shadow:0 0 0 18px rgba(110,231,255,.05),0 0 0 44px rgba(110,231,255,.025)} .impact-outro__beam{position:absolute;left:14%;right:8%;top:28%;height:2px;background:linear-gradient(90deg,rgba(110,231,255,0),rgba(110,231,255,.88),rgba(199,255,98,.75),rgba(110,231,255,0));filter:drop-shadow(0 0 10px rgba(110,231,255,.35))} .impact-outro__cards{position:absolute;left:9%;right:18%;bottom:16%;display:flex;align-items:flex-end;gap:14px;height:146px} .impact-outro__cards b{display:block;flex:1;border-radius:22px 22px 12px 12px;background:linear-gradient(180deg,rgba(199,255,98,.95),rgba(110,231,255,.55));box-shadow:0 12px 30px rgba(110,231,255,.12),inset 0 1px 0 rgba(255,255,255,.45)} .impact-outro__cards b:nth-child(1){height:44%}.impact-outro__cards b:nth-child(2){height:72%}.impact-outro__cards b:nth-child(3){height:100%} .impact-outro__wave{position:absolute;left:9%;right:26%;bottom:10%;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;height:80px;align-items:end} .impact-outro__wave span{display:block;height:10px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.0),rgba(110,231,255,.36));animation:qawOutroWave 2.8s ease-in-out infinite} .impact-outro__wave span:nth-child(2){animation-delay:.18s}.impact-outro__wave span:nth-child(3){animation-delay:.36s}.impact-outro__wave span:nth-child(4){animation-delay:.54s}.impact-outro__wave span:nth-child(5){animation-delay:.72s} .impact-outro__nodes i{position:absolute;display:block;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,rgba(110,231,255,.9) 40%,rgba(110,231,255,.25));box-shadow:0 0 18px rgba(110,231,255,.28)} .impact-outro__nodes i:nth-child(1){left:16%;top:24%}.impact-outro__nodes i:nth-child(2){left:34%;top:38%}.impact-outro__nodes i:nth-child(3){right:22%;top:22%}.impact-outro__nodes i:nth-child(4){right:16%;top:56%}.impact-outro__nodes i:nth-child(5){left:48%;bottom:18%} @keyframes qawOutroGlow{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-6px,8px,0) scale(1.08)}} @keyframes qawOutroMesh{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-28px,20px,0)}} @keyframes qawOutroWave{0%,100%{height:16px;opacity:.55}50%{height:100%;opacity:1}} @media(max-width:1100px){.impact-outro__visual{min-height:320px}.impact-outro__frame{left:0}} @media(max-width:700px){.impact-outro__visual{min-height:280px}.impact-outro__frame{inset:0}.impact-outro__glow{width:140px;height:140px;right:2%;top:2%}.impact-outro__ring{width:110px;height:110px;right:10%;top:16%}.impact-outro__cards{left:8%;right:12%;height:116px}.impact-outro__wave{left:8%;right:18%;height:64px}} /* v1.6.15 — article index, share controls, transitions, visual polish */ /* ALL ARTICLES archive */ .main--articles{padding-top:72px;padding-bottom:110px;background:#f4f1e9} .articles-header{max-width:880px;margin-bottom:46px} .articles-header .eyebrow{margin-bottom:13px;color:#5e7189;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:900;letter-spacing:.17em} .articles-header h1{margin:0;color:#071a33;font-size:clamp(48px,7vw,88px);line-height:1;letter-spacing:-.065em} .articles-header>p:last-child{max-width:650px;margin:22px 0 0;color:#66717e;font-size:14px;line-height:1.9} .card-grid--articles{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .card-grid--articles .card{border-color:#d8d9d5;border-radius:0;background:#fff} .card-grid--articles .card__body{padding:20px} @media(max-width:980px){.card-grid--articles{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:640px){.main--articles{padding-top:46px;padding-bottom:80px}.card-grid--articles{grid-template-columns:1fr}.articles-header{margin-bottom:32px}.articles-header h1{font-size:52px}} /* Attached visual: use the supplied artwork cleanly, without extra decorative CSS objects. */ .impact-outro{background:radial-gradient(circle at 80% 36%,rgba(30,103,190,.11),transparent 25%),#07162d} .impact-outro__visual{display:flex;align-items:center;justify-content:center;min-height:410px} .impact-outro__visual img{display:block;width:min(100%,560px);height:auto;max-height:470px;object-fit:contain;filter:drop-shadow(0 28px 60px rgba(0,0,0,.34));animation:qawOutroArtwork 8s ease-in-out infinite alternate} .impact-outro__glow,.impact-outro__frame,.impact-outro__orb,.impact-outro__panel,.impact-outro__bars{display:none!important} @keyframes qawOutroArtwork{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(0,-9px,0) scale(1.012)}} @media(max-width:1100px){.impact-outro__visual{min-height:340px}.impact-outro__visual img{width:min(82vw,560px)}} @media(max-width:700px){.impact-outro__visual{min-height:260px;margin-top:25px}.impact-outro__visual img{width:min(92vw,430px);max-height:none}} /* Share controls: placed after summary for early reach and repeated after content for high-intent readers. */ .article-share{display:flex;align-items:center;gap:16px;margin:24px 0 34px;padding:14px 0;border-top:1px solid rgba(20,42,69,.09);border-bottom:1px solid rgba(20,42,69,.09)} .article-share--bottom{margin-top:42px;margin-bottom:18px} .article-share__label{flex:0 0 auto;color:#6b7890;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:900;letter-spacing:.18em} .article-share__buttons{display:flex;flex-wrap:wrap;gap:8px} .article-share__button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 11px;border:1px solid #dce3ea;border-radius:999px;background:#fff;color:#24364d;font:inherit;font-size:11px;font-weight:800;line-height:1;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease} .article-share__button:hover{transform:translateY(-2px);border-color:#8da7c5;background:#f5f8fb} .article-share__button b{display:grid;place-items:center;min-width:20px;height:20px;font-size:11px;line-height:1} .article-share__button--x b{font-size:14px} .article-share__button--facebook b{border-radius:50%;background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:14px} .article-share__button--line b{padding:0 5px;border-radius:5px;background:#06c755;color:#fff;font-family:Arial,sans-serif;font-size:8px;letter-spacing:-.03em} .article-share__button--copy.is-copied{border-color:#72c48a;background:#effbf3;color:#23663a} @media(max-width:640px){.article-share{align-items:flex-start;flex-direction:column;gap:10px;margin:20px 0 28px}.article-share__buttons{width:100%}.article-share__button{flex:1 1 calc(50% - 4px);justify-content:center}.article-share__button span{white-space:nowrap}} /* Related-card spacing fix: prevent flex height distribution from creating blank gaps. */ .card-grid--related .card__body{display:block;padding:17px} .card-grid--related .category-labels{margin:0 0 8px} .card-grid--related .card h2{margin:0 0 8px;font-size:15px;line-height:1.55} .card-grid--related .card p{margin:0;color:#66758a;font-size:12px;line-height:1.7} .card-grid--related .card time{display:block;margin-top:12px} /* Fast page transition: a single dark sheet with an acid signal line. */ .qaw-page-transition{position:fixed;z-index:999999;inset:0;pointer-events:none;background:#06152d;transform:translate3d(0,-101%,0);transition:transform .28s cubic-bezier(.75,0,.25,1);will-change:transform} .qaw-page-transition i{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--signal,#b9ff66),#6ee7ff,transparent);box-shadow:0 0 20px rgba(110,231,255,.34)} html.qaw-transition-incoming .qaw-page-transition{transform:translate3d(0,0,0)} body.qaw-page-ready .qaw-page-transition{transform:translate3d(0,-101%,0)} body.qaw-page-leaving .qaw-page-transition{transform:translate3d(0,0,0)} @media(prefers-reduced-motion:reduce){.qaw-page-transition{display:none}} /* Hero mesh is now moved by JS in small random steps rather than a predictable loop. */ .impact-hero__mesh{animation:none!important;transform:translate3d(var(--qaw-mesh-x,0),var(--qaw-mesh-y,0),0) rotate(var(--qaw-mesh-r,0deg)) scale(var(--qaw-mesh-s,1.04));transition:transform 4.2s cubic-bezier(.36,.08,.22,1),opacity 3.2s ease;will-change:transform} /* v1.6.16 — trust pages + large background artwork */ .impact-outro{position:relative;isolation:isolate;min-height:660px;padding:150px 0 160px;background:#06152d} .impact-outro:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 74% 42%,rgba(66,146,255,.18),transparent 33%),linear-gradient(110deg,#06152d 0%,#071a36 52%,#07162d 100%)} .impact-outro__grid{display:block!important;position:relative;min-height:360px} .impact-outro__copy{position:relative;z-index:3;max-width:760px;padding:42px 0 30px;text-shadow:0 4px 22px rgba(4,15,33,.55)} .impact-outro__visual{position:absolute!important;z-index:1;top:50%;right:-11vw;width:min(76vw,1080px);min-height:0!important;display:block!important;margin:0!important;transform:translateY(-50%);pointer-events:none} .impact-outro__visual:after{content:"";position:absolute;inset:-8%;background:radial-gradient(circle at 52% 48%,transparent 0 34%,rgba(6,21,45,.12) 56%,rgba(6,21,45,.82) 92%);pointer-events:none} .impact-outro__visual img{display:block!important;width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;opacity:.34;filter:saturate(.9) brightness(.9) drop-shadow(0 24px 60px rgba(0,0,0,.26))!important;animation:qawOutroArtwork 9s ease-in-out infinite alternate!important} .impact-outro__quote{max-width:650px} @media(max-width:1100px){.impact-outro{min-height:620px}.impact-outro__visual{right:-28vw;width:112vw}.impact-outro__visual img{opacity:.25}.impact-outro__copy{max-width:690px}} @media(max-width:700px){.impact-outro{min-height:620px;padding:100px 0 105px}.impact-outro__copy{padding:0 0 240px}.impact-outro__visual{top:auto;right:-42%;bottom:-3%;width:150vw;transform:none}.impact-outro__visual img{opacity:.22}.impact-outro__visual:after{background:linear-gradient(180deg,rgba(6,21,45,.9),transparent 28%,rgba(6,21,45,.46) 86%)}} .about-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:1px;background:#d9e1ea} .about-facts>div{display:grid;gap:8px;min-height:126px;padding:28px 30px;background:#f7f9fc} .about-facts span{color:#7b8ba0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:800;letter-spacing:.14em} .about-facts strong{color:#13243b;font-size:18px;line-height:1.55}.about-facts a{text-decoration:underline;text-underline-offset:4px} .about-disclosure--trust{border-top:1px solid #dfe5ec} .policy-links{display:flex;flex-wrap:wrap;gap:10px}.policy-links a{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid #d8e1ea;border-radius:999px;background:#f6f8fb;font-size:12px;font-weight:800;text-decoration:none}.policy-links a:hover{border-color:#7a8fa8;background:#fff} @media(max-width:700px){.about-facts{grid-template-columns:1fr}.about-facts>div{min-height:auto;padding:22px}} /* v1.6.17 — hero scale / spacing balance */ .special-hero h1{max-width:880px} @media(min-width:1101px){ .impact-hero__inner{ grid-template-columns:minmax(520px,.98fr) minmax(500px,1.02fr); gap:7vw; } .impact-hero__copy{max-width:650px} .impact-hero__feature{margin-top:2.5vh} } .impact-hero h1{ font-size:clamp(68px,5.6vw,88px); line-height:.99; letter-spacing:-.072em; } .impact-hero h1>.impact-hero__eyeline{ margin-bottom:.24em; font-size:.74em; line-height:1; letter-spacing:-.045em; } .impact-hero h1>.impact-hero__mainline{ line-height:.98; letter-spacing:-.075em; } .impact-hero__statement{ display:block; margin-top:34px; line-height:1.45; } .impact-hero__statement>span{display:block} .impact-hero__statement-main{ color:var(--impact-acid); font-size:clamp(19px,1.6vw,23px); font-weight:850; letter-spacing:.01em; white-space:nowrap; } .impact-hero__statement-sub{ margin-top:8px; color:#d7e0ec; font-size:clamp(12px,.95vw,14px); font-weight:650; letter-spacing:.07em; white-space:nowrap; } .impact-hero__lead{margin-top:22px} @media(max-width:1100px){ .impact-hero h1{font-size:clamp(62px,8vw,82px)} .impact-hero__feature{margin-top:34px} } @media(max-width:700px){ .special-hero h1{max-width:880px} .impact-hero h1{ font-size:clamp(44px,12.5vw,58px); line-height:1.01; letter-spacing:-.064em; } .impact-hero h1>.impact-hero__eyeline{ margin-bottom:.28em; font-size:.73em; } .impact-hero__statement{margin-top:27px;line-height:1.45} .impact-hero__statement-main{ font-size:clamp(16px,4.4vw,19px); line-height:1.45; white-space:normal; } .impact-hero__statement-sub{ margin-top:6px; font-size:clamp(11px,3.2vw,13px); letter-spacing:.045em; white-space:normal; } .impact-hero__lead{margin-top:18px} .impact-hero__feature{margin-top:38px} } /* v1.6.18 — hero copy, latest badge and all-articles CTA */ .impact-hero h1>.impact-hero__eyeline{ margin-bottom:.18em; font-size:.56em; font-weight:750; letter-spacing:-.035em; color:#d7e2ef; } .impact-hero h1>.impact-hero__mainline{ font-size:1em; line-height:.98; } .impact-hero__actions{ align-items:center; gap:18px 22px; margin-top:38px; } .impact-hero__all-button{ display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:54px; padding:0 24px 0 27px; border:1px solid var(--impact-acid); border-radius:999px; background:var(--impact-acid); color:#06152d; font-size:12px; font-weight:900; letter-spacing:.025em; box-shadow:0 12px 35px rgba(199,255,98,.14); transition:transform .22s ease,box-shadow .22s ease,background .22s ease; } .impact-hero__all-button i{ font-size:20px; font-style:normal; line-height:1; transition:transform .22s ease; } .impact-hero__all-button:hover{ transform:translateY(-2px); background:#d5ff84; box-shadow:0 17px 42px rgba(199,255,98,.20); } .impact-hero__all-button:hover i{transform:translateX(4px)} .impact-hero__feature-image{position:relative} .impact-hero__latest-badge{ position:absolute; z-index:4; top:16px; left:16px; display:inline-flex; align-items:center; gap:7px; min-height:32px; padding:0 12px; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:rgba(4,15,33,.78); color:#fff; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:8px; letter-spacing:.12em; box-shadow:0 10px 28px rgba(0,0,0,.24); backdrop-filter:blur(12px); } .impact-hero__latest-badge i{ width:7px; height:7px; border-radius:50%; background:var(--impact-acid); box-shadow:0 0 0 4px rgba(199,255,98,.10),0 0 15px rgba(199,255,98,.45); animation:qawLatestPulse 1.9s ease-in-out infinite; } .impact-hero__latest-badge b{color:var(--impact-acid);font-size:8px;font-weight:900} .impact-hero__latest-badge em{color:#dce6f2;font-size:9px;font-style:normal;font-family:var(--font);font-weight:800;letter-spacing:.02em} @keyframes qawLatestPulse{0%,100%{opacity:.72;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}} @media(min-width:1101px){ .impact-hero__copy{max-width:690px} .impact-hero h1{font-size:clamp(70px,5.75vw,90px)} .impact-hero h1>.impact-hero__eyeline{white-space:nowrap} } @media(max-width:700px){ .impact-hero h1{font-size:clamp(46px,12.6vw,60px)} .impact-hero h1>.impact-hero__eyeline{ margin-bottom:.22em; font-size:.54em; line-height:1.15; white-space:nowrap; } .impact-hero__actions{gap:15px 18px;margin-top:31px} .impact-hero__all-button{width:100%;min-height:52px;justify-content:space-between;padding:0 20px 0 22px} .impact-hero__latest-badge{top:10px;left:10px;min-height:28px;padding:0 9px;gap:6px} .impact-hero__latest-badge em{font-size:8px} } @media(max-width:380px){ .impact-hero h1>.impact-hero__eyeline{font-size:.49em;letter-spacing:-.045em} } /* v1.6.19 — BLOG background word in hero */ .impact-hero__word--blog{ top:auto; left:auto; right:-1.2vw; bottom:-5.8vw; color:rgba(255,255,255,.055); font-size:clamp(150px,22vw,350px); letter-spacing:-.085em; z-index:0; } @media(max-width:900px){ .impact-hero__word--blog{right:-2vw;bottom:-55px;font-size:clamp(135px,30vw,240px);color:rgba(255,255,255,.045)} } @media(max-width:700px){ .impact-hero__word--blog{right:-18px;bottom:8px;font-size:clamp(92px,29vw,150px);color:rgba(255,255,255,.04)} } /* v1.6.20 — hero BLOG position, related title colour, editorial archive headers */ .impact-hero__word--blog{ right:-.6vw; bottom:28px; font-size:clamp(145px,19vw,305px); } @media(max-width:900px){ .impact-hero__word--blog{right:-1vw;bottom:22px;font-size:clamp(125px,27vw,220px)} } @media(max-width:700px){ .impact-hero__word--blog{right:-12px;bottom:18px;font-size:clamp(88px,27vw,140px)} } /* The related section is dark, but the cards themselves stay light. */ .card-grid--related .card h2, .card-grid--related .card h2 a{ color:#10233c!important; } .card-grid--related .card h2:hover, .card-grid--related .card h2 a:hover{ color:#3157f6!important; } /* Article/category index: stronger editorial entrance without losing readability. */ .main--articles{padding-top:54px} .archive-hero{ position:relative; isolation:isolate; overflow:hidden; margin:0 0 48px; padding:42px 44px 38px; border:1px solid rgba(16,43,88,.11); background: radial-gradient(circle at 88% 18%,rgba(110,231,255,.14),transparent 0 22%), radial-gradient(circle at 66% 120%,rgba(199,255,98,.10),transparent 0 24%), linear-gradient(135deg,rgba(255,255,255,.88),rgba(238,241,237,.92)); box-shadow:0 22px 60px rgba(15,34,59,.07); } .archive-hero:before{ content:attr(data-ghost); position:absolute; z-index:-1; right:-.035em; top:-.18em; color:rgba(10,33,61,.055); font-size:clamp(92px,12vw,170px); font-weight:950; line-height:1; letter-spacing:-.075em; white-space:nowrap; pointer-events:none; } .archive-hero:after{ content:""; position:absolute; z-index:-1; inset:0; background: linear-gradient(90deg,rgba(16,43,88,.045) 1px,transparent 1px) 0 0/62px 62px, linear-gradient(rgba(16,43,88,.035) 1px,transparent 1px) 0 0/62px 62px; mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.75) 35%,rgba(0,0,0,.2)); pointer-events:none; } .archive-hero__signal{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:#66778c;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:900;letter-spacing:.18em} .archive-hero__signal i{display:block;width:7px;height:7px;border-radius:50%;background:#a8f64e;box-shadow:0 0 16px rgba(168,246,78,.48)} .archive-hero__main{display:flex;align-items:flex-end;justify-content:space-between;gap:46px} .archive-hero__kicker{margin:0 0 8px;color:#47627e;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:900;letter-spacing:.18em} .archive-hero h1{max-width:850px;margin:0;color:#071a33;font-size:clamp(47px,6vw,78px);font-weight:900;line-height:1.02;letter-spacing:-.065em;text-wrap:balance} .archive-hero__lead{max-width:680px;margin:19px 0 0!important;color:#657284;font-size:13px;line-height:1.9} .archive-hero__lead p{margin:0} .archive-hero__count{display:grid;flex:0 0 auto;justify-items:end;align-self:flex-end;min-width:110px;padding-bottom:5px} .archive-hero__count strong{color:#0d2b52;font-size:clamp(36px,4.5vw,58px);font-weight:850;line-height:.9;letter-spacing:-.06em} .archive-hero__count span{margin-top:8px;color:#7a8999;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:900;letter-spacing:.16em} .archive-hero__line{position:relative;height:1px;margin-top:31px;background:rgba(17,48,82,.13)} .archive-hero__line span{position:absolute;left:0;top:-1px;width:min(170px,28%);height:3px;background:linear-gradient(90deg,#a8f64e,#62dcef);box-shadow:0 0 18px rgba(98,220,239,.16)} .archive-hero--taxonomy{margin-bottom:34px;padding:34px 36px 31px} .archive-hero--taxonomy:before{font-size:clamp(78px,9vw,132px)} .archive-hero--taxonomy h1{font-size:clamp(39px,5vw,62px)} .archive-hero--taxonomy .archive-hero__signal{margin-bottom:21px} .archive-hero--taxonomy .archive-hero__line{margin-top:24px} @media(max-width:820px){ .archive-hero{padding:34px 30px 30px} .archive-hero__main{align-items:flex-start;flex-direction:column;gap:24px} .archive-hero__count{justify-items:start;align-self:auto} .archive-hero__lead br{display:none} } @media(max-width:640px){ .main--articles{padding-top:34px} .archive-hero,.archive-hero--taxonomy{margin-bottom:30px;padding:28px 22px 25px} .archive-hero:before{right:-.02em;top:.02em;font-size:clamp(66px,25vw,112px)} .archive-hero__signal{margin-bottom:21px;font-size:7px} .archive-hero h1,.archive-hero--taxonomy h1{font-size:clamp(40px,13vw,54px)} .archive-hero__lead{font-size:12px} .archive-hero__count strong{font-size:38px} .archive-hero__line{margin-top:24px} } /* v1.6.21 — clean category title / sidebar search spacing */ .l-sidebar .widget_search, .l-sidebar .widget_block:has(.wp-block-search), .l-sidebar .p-widget:has(.search-form){ overflow:hidden; } /* Legacy/theme search form: same 24px body rail as every other module. */ .main--single .l-sidebar .widget_search .search-form, .main--single .l-sidebar .p-widget .search-form, .l-sidebar .widget_search .search-form, .l-sidebar .p-widget .search-form{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; margin:0!important; padding:10px 24px 24px!important; } /* WordPress block-search widget uses a different DOM from get_search_form(). */ .l-sidebar .widget_block .wp-block-search{ margin:0!important; padding:10px 24px 24px!important; } .l-sidebar .widget_block .wp-block-search__label{ display:block; margin:0 0 14px; color:#fff; font-size:22px; font-weight:800; line-height:1.45; letter-spacing:-.035em; } .l-sidebar .widget_block .wp-block-search__inside-wrapper{ display:grid; grid-template-columns:minmax(0,1fr) 68px; gap:10px; padding:0!important; border:0!important; background:transparent!important; } .l-sidebar .widget_block .wp-block-search__input, .l-sidebar .search-form input[type="search"]{ width:100%; min-width:0; height:50px; margin:0!important; padding:0 15px!important; border:1px solid rgba(132,171,215,.23)!important; border-radius:12px!important; background:rgba(2,12,24,.72)!important; color:#fff!important; outline:0; box-shadow:inset 0 1px 0 rgba(255,255,255,.025); } .l-sidebar .widget_block .wp-block-search__input::placeholder, .l-sidebar .search-form input[type="search"]::placeholder{color:#71869d} .l-sidebar .widget_block .wp-block-search__input:focus, .l-sidebar .search-form input[type="search"]:focus{ border-color:rgba(95,229,238,.62)!important; background:#041323!important; box-shadow:0 0 0 4px rgba(95,229,238,.07)!important; } .l-sidebar .widget_block .wp-block-search__button, .l-sidebar .search-form button{ min-width:68px; height:50px; margin:0!important; padding:0 14px!important; border:1px solid rgba(255,255,255,.08)!important; border-radius:12px!important; background:linear-gradient(135deg,#173453,#1c4962)!important; color:#fff!important; font-size:13px; font-weight:900; box-shadow:none!important; } .l-sidebar .widget_block .wp-block-search__button:hover, .l-sidebar .search-form button:hover{ border-color:rgba(95,229,238,.38)!important; background:linear-gradient(135deg,#1b3d61,#23607b)!important; transform:translateY(-1px); } @media(max-width:640px){ .main--single .l-sidebar .widget_search .search-form, .main--single .l-sidebar .p-widget .search-form, .l-sidebar .widget_search .search-form, .l-sidebar .p-widget .search-form, .l-sidebar .widget_block .wp-block-search{padding:9px 20px 20px!important} .l-sidebar .widget_block .wp-block-search__inside-wrapper{grid-template-columns:minmax(0,1fr) 64px} } /* v1.6.22 — archive rows, search hero and selectable material logo */ .archive-hero--search:before{content:"SEARCH"} .archive-card-list{display:grid;gap:16px} .archive-card-list .card{overflow:hidden;border:1px solid #dce4ed;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(10,28,50,.045);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease} .archive-card-list .card:hover{transform:translateX(4px);border-color:rgba(49,87,246,.25);box-shadow:0 16px 34px rgba(10,28,50,.075)} .archive-card-list .card>a{display:flex;align-items:stretch;gap:0;height:auto;min-height:168px} .archive-card-list .card__image{flex:0 0 250px;width:250px;min-width:250px;aspect-ratio:3/2!important;align-self:center;min-height:auto;height:auto;border-right:1px solid #e4eaf0;background:linear-gradient(180deg,#eef3f8,#e8eef5);display:grid;place-items:center;overflow:hidden} .archive-card-list .card__image img{width:100%;height:100%;object-fit:contain;object-position:center center} .archive-card-list .card__body{display:flex;min-width:0;padding:22px 24px 20px} .archive-card-list .category-labels{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 7px} .archive-card-list .category-label{padding:3px 8px;border:1px solid #d9e4ef;border-radius:999px;background:#f4f7fb;color:#34516f;font-size:9px;line-height:1.35} .archive-card-list .card h2{margin:0 0 7px;color:#0c2039;font-size:clamp(18px,2vw,23px);line-height:1.45;letter-spacing:-.025em} .archive-card-list .card p{display:-webkit-box;overflow:hidden;margin:0 0 10px;color:#65758a;font-size:12px;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:2} .archive-card-list .card time{margin-top:auto;color:#8a99aa;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.06em} .site-logo-mark{width:52px!important;height:52px!important;flex-basis:52px!important;filter:none!important} .site-logo-mark svg{display:block;width:100%;height:100%;overflow:visible} .qaw-logo-primary,.qaw-logo-secondary,.qaw-logo-accent{fill:none;stroke-linecap:round;stroke-linejoin:round} .qaw-logo-primary{stroke:#e9f1fb;stroke-width:3.1} .qaw-logo-secondary{stroke:#7089a8;stroke-width:2.1} .qaw-logo-accent{stroke:#baff4f;stroke-width:3.2} .qaw-logo-node{fill:#baff4f;filter:drop-shadow(0 0 7px rgba(186,255,79,.32))} .qaw-logo-core{fill:#091a30;stroke:#baff4f;stroke-width:3} .qaw-logo-primary-fill{fill:#baff4f} .qaw-logo-secondary-fill{fill:#1f3f63;stroke:#7192b5;stroke-width:1} .site-title{gap:13px} .site-title__copy strong{max-width:none!important;font-size:22px!important;line-height:1.08!important;letter-spacing:-.035em!important} .site-title__copy small{margin-top:6px!important;max-width:none!important;color:#7f93ad;font-size:10px!important;font-weight:700;line-height:1.25;letter-spacing:.07em!important} .home .site-title__copy small{color:#8298b5} @media(max-width:1080px){.site-logo-mark{width:46px!important;height:46px!important;flex-basis:46px!important}.site-title__copy strong{font-size:18px!important}.site-title__copy small{font-size:8.5px!important}} @media(max-width:840px){.archive-card-list .card>a{display:flex}.archive-card-list .card__image{flex:0 0 210px;width:210px;min-width:210px}.site-title__copy strong{font-size:17px!important}.site-title__copy small{font-size:8px!important}} @media(max-width:640px){.archive-card-list{gap:11px}.archive-card-list .card{border-radius:14px}.archive-card-list .card>a{display:flex;min-height:126px}.archive-card-list .card__image{flex:0 0 126px;width:126px;min-width:126px;border-right:1px solid #e5ebf1}.archive-card-list .card__body{padding:13px 13px 12px}.archive-card-list .category-labels{margin-bottom:5px}.archive-card-list .category-label{padding:2px 6px;font-size:7px}.archive-card-list .card h2{margin-bottom:6px;font-size:14px;line-height:1.45}.archive-card-list .card p{display:none}.archive-card-list .card time{font-size:7px}.site-logo-mark{width:42px!important;height:42px!important;flex-basis:42px!important}.site-title{gap:10px}.site-title__copy strong{font-size:15.5px!important}.site-title__copy small{font-size:7.2px!important;letter-spacing:.04em!important}} /* v1.6.23 thumbnail safeguard */ .archive-card-list .card__image,.card__image,.impact-hero__feature-image,.impact-slide__image,.impact-story__image,.article__thumbnail{overflow:hidden} /* v1.6.24 archive thumbnail 3:2 safe horizontal layout */ .archive-card-list .card>a{display:grid!important;grid-template-columns:minmax(210px,250px) minmax(0,1fr)!important;align-items:center;gap:0;height:auto;min-height:168px} .archive-card-list .card__image{flex:none!important;width:100%;min-width:0;aspect-ratio:3/2!important;min-height:0!important;height:auto!important;align-self:center;margin:22px 0 22px 22px;border-right:0;border-radius:14px;background:linear-gradient(180deg,#eef3f8,#e8eef5);display:grid;place-items:center;overflow:hidden} .archive-card-list .card__image img{width:100%;height:100%;object-fit:contain!important;object-position:center center} .archive-card-list .card__body{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:22px 24px 22px 22px} .archive-card-list .card__body>*{min-width:0} .archive-card-list .card h2{display:block} @media(max-width:840px){.archive-card-list .card>a{grid-template-columns:210px minmax(0,1fr)!important}.archive-card-list .card__image{margin:18px 0 18px 18px}} @media(max-width:640px){.archive-card-list .card>a{grid-template-columns:126px minmax(0,1fr)!important;min-height:126px}.archive-card-list .card__image{margin:12px 0 12px 12px;border-radius:10px}.archive-card-list .card__body{padding:12px 13px 12px 12px}} /* v1.6.25 archive card spacing tweak */ .archive-card-list .card>a{column-gap:18px!important} .archive-card-list .card__image{margin-right:0!important} .archive-card-list .card__body{padding-left:0!important;padding-right:24px!important} @media(max-width:840px){.archive-card-list .card>a{column-gap:16px!important}.archive-card-list .card__body{padding-right:18px!important}} @media(max-width:640px){.archive-card-list .card>a{column-gap:12px!important}.archive-card-list .card__body{padding-left:0!important;padding-right:12px!important}} /* v1.6.26 archive card gap */ .archive-card-list .card>a{column-gap:50px!important} .archive-card-list .card__body{padding-left:0!important} @media(max-width:840px){.archive-card-list .card>a{column-gap:36px!important}} @media(max-width:640px){.archive-card-list .card>a{column-gap:18px!important}} /* v1.6.27 mobile archive/search cards: image top, content below */ @media(max-width:640px){ .archive-card-list .card{overflow:hidden;border-radius:16px} .archive-card-list .card>a{ display:flex!important; flex-direction:column!important; gap:0!important; min-height:0!important; } .archive-card-list .card__image{ width:100%!important; min-width:0!important; flex:none!important; aspect-ratio:3/2!important; margin:0!important; border:0!important; border-radius:0!important; background:linear-gradient(180deg,#eef3f8,#e8eef5); } .archive-card-list .card__image img{ width:100%; height:100%; object-fit:contain!important; object-position:center center; } .archive-card-list .card__body{ display:flex; flex-direction:column; padding:18px 18px 17px!important; } .archive-card-list .category-labels{ display:flex!important; flex-wrap:wrap; gap:6px; margin:0 0 9px!important; } .archive-card-list .category-label{ padding:3px 8px; font-size:9px; } .archive-card-list .card h2{ margin:0 0 9px; font-size:18px; line-height:1.5; } .archive-card-list .card p{ display:-webkit-box!important; overflow:hidden; margin:0 0 12px; color:#65758a; font-size:12px; line-height:1.75; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .archive-card-list .card time{ margin-top:0; font-size:9px; } } /* v1.6.28 manifesto accent update */ .impact-manifesto h2{max-width:760px} .impact-manifesto h2>span{display:block;white-space:nowrap} .impact-manifesto__title-ai,.impact-manifesto__title-accent{background:linear-gradient(90deg,#2082ff 0%,#18b9ff 42%,#24d7b2 72%,#36d96b 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent} .impact-manifesto__title-ai{display:inline-block;padding-right:.03em} .impact-manifesto__title-accent{display:block;text-shadow:0 12px 30px rgba(36,215,178,.08)} @media(max-width:700px){.impact-manifesto h2{max-width:none}.impact-manifesto h2>span{white-space:normal}.impact-manifesto__title-accent{display:inline}} /* v1.6.29 manifesto — visual match to approved concept */ .impact-manifesto{ position:relative; overflow:hidden; padding:145px 0 155px; background:#f7f4ef; color:#081b36; } .impact-manifesto__wash{ position:absolute; inset:0; pointer-events:none; opacity:1; background: linear-gradient(45deg, transparent calc(50% - .6px), rgba(22,52,83,.035) 50%, transparent calc(50% + .6px)) 0 0/150px 150px, radial-gradient(circle at 78% 22%, rgba(10,35,72,.04), transparent 18%), radial-gradient(circle at 28% 78%, rgba(34,170,205,.028), transparent 19%); } .impact-manifesto__decor{position:absolute;pointer-events:none} .impact-manifesto__decor--orb{ right:9%;top:58px;width:340px;height:340px;border-radius:50%; background:radial-gradient(circle,rgba(15,43,78,.022),rgba(15,43,78,.01) 52%,transparent 69%); } .impact-manifesto__decor--dots-a,.impact-manifesto__decor--dots-b,.impact-manifesto__decor--dots-c{ background-image:radial-gradient(circle,rgba(98,126,154,.58) 1.1px,transparent 1.25px); background-size:14px 14px;opacity:.72; } .impact-manifesto__decor--dots-a{right:7.2%;top:175px;width:138px;height:48px} .impact-manifesto__decor--dots-b{left:39.6%;top:303px;width:58px;height:58px} .impact-manifesto__decor--dots-c{left:40.6%;bottom:74px;width:168px;height:52px} .impact-manifesto__decor--corner-a{ left:40.5%;top:267px;width:76px;height:76px; border-top:1.5px solid rgba(104,134,165,.52);border-right:1.5px solid rgba(104,134,165,.52); } .impact-manifesto__decor--corner-b{ right:4.8%;bottom:88px;width:32px;height:32px; border-right:1.5px solid rgba(104,134,165,.52);border-bottom:1.5px solid rgba(104,134,165,.52); } .impact-manifesto .container{position:relative;z-index:1} .impact-section-label--manifesto{color:#73869c} .impact-section-label--manifesto span{position:relative;border-color:#a8b6c5;color:#72849a;background:rgba(255,255,255,.24)} .impact-section-label--manifesto span:before,.impact-section-label--manifesto span:after{ content:"";position:absolute;top:4px;width:4px;height:4px;border-radius:50%;background:#6ea8dc } .impact-section-label--manifesto span:before{left:4px}.impact-section-label--manifesto span:after{right:4px} .impact-manifesto__grid{ display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.82fr);gap:9vw;align-items:start; } .impact-manifesto__headline{position:relative;min-height:575px;padding-top:50px} .impact-manifesto h2{ position:relative;z-index:2;max-width:760px;margin:0; font-size:clamp(62px,5.2vw,100px);font-weight:850;line-height:1.04;letter-spacing:-.068em;color:#071b39; } .impact-manifesto h2>span{display:block;white-space:nowrap} .impact-manifesto__title-ai,.impact-manifesto__title-accent{ background:linear-gradient(180deg,#1886ea 0%,#1ba3e8 34%,#46d0cd 70%,#91d95e 100%); -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent; } .impact-manifesto__title-ai{display:inline-block;padding-right:.025em;filter:drop-shadow(0 10px 22px rgba(27,163,232,.06))} .impact-manifesto__title-accent{display:block;filter:drop-shadow(0 10px 24px rgba(70,208,205,.07))} .impact-manifesto__lightline{ position:absolute;left:18px;bottom:66px;width:min(540px,86%);height:2px; background:linear-gradient(90deg,rgba(67,171,255,.2) 0%,#5dc8ff 18%,#76e7e1 65%,rgba(113,228,162,.18) 100%); box-shadow:0 0 14px rgba(94,214,232,.45); } .impact-manifesto__lightline:before{ content:"";position:absolute;left:15%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%; background:radial-gradient(circle,#fff 0 10%,#c5f8ff 18%,rgba(101,213,245,.42) 42%,transparent 70%); } .impact-manifesto__lightline:after{ content:"";position:absolute;right:-2px;top:50%;width:20px;height:20px;transform:translateY(-50%);border-radius:50%; background:radial-gradient(circle,#fff 0 14%,#d5ffe8 22%,rgba(111,233,181,.46) 47%,transparent 72%); } .impact-manifesto__left-corner{ position:absolute;left:-22px;bottom:72px;width:105px;height:88px; border-left:1.5px solid rgba(102,135,169,.48);border-bottom:1.5px solid rgba(102,135,169,.48); } .impact-manifesto__left-corner:after{ content:"";position:absolute;left:15px;bottom:15px;width:38px;height:38px; background-image:radial-gradient(circle,rgba(102,130,159,.58) 1.05px,transparent 1.2px);background-size:9px 9px; } .impact-manifesto__body{padding-top:54px} .impact-manifesto__lead{max-width:650px;margin:8px 0 52px;color:#35506d;font-size:15px;font-weight:600;line-height:2.1;letter-spacing:.005em} .impact-values{border-top:1px solid #ccd6df} .impact-values__item{ display:grid;grid-template-columns:42px 42px 142px 1fr;gap:16px;align-items:center; padding:24px 0;border-bottom:1px solid #d4dce3; } .impact-values__item span{color:#8495a6;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:700;letter-spacing:.08em} .impact-values__item i{position:relative;display:block;width:26px;height:26px;border:1px solid rgba(160,177,194,.55);border-radius:50%;background:rgba(255,255,255,.3)} .impact-values__item i:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--point);box-shadow:var(--point-shadow)} .impact-values__item strong{color:#091e3d;font-size:16px;font-weight:850;letter-spacing:-.025em} .impact-values__item p{margin:0;color:#5d7186;font-size:12px;font-weight:600;line-height:1.9} .impact-values__item--blue{--point:#299cff;--point-shadow:0 0 13px rgba(41,156,255,.62)} .impact-values__item--green{--point:#47d3a2;--point-shadow:0 0 13px rgba(71,211,162,.58)} .impact-values__item--lime{--point:#c6df3e;--point-shadow:0 0 13px rgba(198,223,62,.56)} @media(max-width:1100px){ .impact-manifesto__grid{grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);gap:6vw} .impact-manifesto h2{font-size:clamp(58px,6vw,84px)} .impact-manifesto__headline{min-height:520px} .impact-manifesto__lightline{width:min(470px,88%)} } @media(max-width:900px){ .impact-manifesto__grid{grid-template-columns:1fr;gap:34px} .impact-manifesto__headline{min-height:auto;padding-top:12px;padding-bottom:70px} .impact-manifesto__body{padding-top:0} .impact-manifesto__lightline{left:0;bottom:28px;width:min(520px,78vw)} .impact-manifesto__left-corner{left:-12px;bottom:34px} .impact-manifesto__decor--corner-a{left:auto;right:18%;top:270px} .impact-manifesto__decor--dots-b{left:auto;right:14%;top:300px} .impact-values__item{grid-template-columns:40px 40px 132px 1fr} } @media(max-width:700px){ .impact-manifesto{padding:88px 0 96px} .impact-manifesto__headline{padding-bottom:46px} .impact-manifesto h2{max-width:none;font-size:clamp(46px,13.8vw,68px);line-height:1.03} .impact-manifesto h2>span{white-space:normal} .impact-manifesto__title-accent{display:inline} .impact-manifesto__lightline{bottom:20px;width:78vw} .impact-manifesto__left-corner{display:none} .impact-manifesto__decor--dots-b,.impact-manifesto__decor--corner-a,.impact-manifesto__decor--corner-b{display:none} .impact-manifesto__decor--dots-a{right:3%;top:105px;width:104px;height:42px} .impact-manifesto__decor--dots-c{left:50%;bottom:52px;width:106px;height:34px} .impact-manifesto__decor--orb{right:-42px;top:42px;width:160px;height:160px} .impact-manifesto__lead{margin-bottom:30px;font-size:14px;line-height:1.95} .impact-values__item{grid-template-columns:28px 28px minmax(0,100px) 1fr;gap:10px;padding:18px 0} .impact-values__item i{width:22px;height:22px}.impact-values__item i:before{inset:7px} .impact-values__item strong{font-size:14px}.impact-values__item p{font-size:11px;line-height:1.7} } /* v1.6.30 manifesto value grid conflict fix The legacy .impact-values > div rule is more specific than the newer BEM rule. Override it explicitly so desktop and mobile keep the intended 4-column layout. */ .impact-manifesto .impact-values > .impact-values__item{ display:grid !important; grid-template-columns:42px 42px 142px minmax(0,1fr) !important; gap:16px !important; align-items:center !important; padding:24px 0 !important; border-bottom:1px solid #d4dce3 !important; } .impact-manifesto .impact-values > .impact-values__item > span, .impact-manifesto .impact-values > .impact-values__item > i, .impact-manifesto .impact-values > .impact-values__item > strong, .impact-manifesto .impact-values > .impact-values__item > p{ min-width:0; } .impact-manifesto .impact-values > .impact-values__item > p{ width:auto !important; max-width:none !important; margin:0 !important; white-space:normal !important; word-break:normal !important; overflow-wrap:anywhere; } @media(max-width:1100px){ .impact-manifesto .impact-values > .impact-values__item{ grid-template-columns:36px 36px 124px minmax(0,1fr) !important; gap:14px !important; } } @media(max-width:900px){ .impact-manifesto .impact-values > .impact-values__item{ grid-template-columns:40px 40px 132px minmax(0,1fr) !important; gap:14px !important; } } @media(max-width:700px){ .impact-manifesto .impact-values > .impact-values__item{ grid-template-columns:28px 28px minmax(0,100px) minmax(0,1fr) !important; gap:10px !important; padding:18px 0 !important; } } /* v1.6.31 manifesto responsive scale + vertical centering */ .impact-manifesto{ padding:clamp(108px,8vw,150px) 0 clamp(112px,8.5vw,158px); } .impact-manifesto__grid{ grid-template-columns:minmax(470px,1fr) minmax(440px,.88fr) !important; gap:clamp(48px,7vw,122px) !important; align-items:center !important; } .impact-manifesto__headline{ display:flex; flex-direction:column; justify-content:center; min-height:540px; padding-top:0 !important; } .impact-manifesto__body{ align-self:center; padding-top:0 !important; } .impact-manifesto h2{ font-size:clamp(76px,5.25vw,100px) !important; line-height:1.035; } .impact-manifesto__lightline{ bottom:34px; } .impact-manifesto__left-corner{ bottom:40px; } .impact-manifesto .impact-values > .impact-values__item{ grid-template-columns:40px 40px 136px minmax(0,1fr) !important; gap:15px !important; } .impact-manifesto .impact-values > .impact-values__item > strong{ font-size:16px !important; } .impact-manifesto .impact-values > .impact-values__item > p{ font-size:12px !important; line-height:1.85 !important; } /* Keep the desktop composition readable instead of gradually shrinking it. */ @media(max-width:1180px) and (min-width:1021px){ .impact-manifesto__grid{ grid-template-columns:minmax(455px,1fr) minmax(420px,.9fr) !important; gap:42px !important; } .impact-manifesto h2{ font-size:72px !important; } .impact-manifesto__headline{ min-height:500px; } .impact-manifesto .impact-values > .impact-values__item{ grid-template-columns:36px 36px 122px minmax(0,1fr) !important; gap:12px !important; } .impact-manifesto .impact-values > .impact-values__item > strong{ font-size:15px !important; } } /* Switch to a vertical composition before the two columns become cramped. */ @media(max-width:1020px){ .impact-manifesto{ padding:100px 0 108px; } .impact-manifesto__grid{ grid-template-columns:1fr !important; gap:42px !important; align-items:start !important; } .impact-manifesto__headline{ min-height:auto; padding:20px 0 76px !important; } .impact-manifesto__body{ width:min(100%,760px); padding-top:0 !important; } .impact-manifesto h2{ width:max-content; max-width:100%; font-size:clamp(68px,8.5vw,82px) !important; } .impact-manifesto__lightline{ left:0; bottom:28px; width:min(540px,72vw); } .impact-manifesto__left-corner{ left:-10px; bottom:34px; } .impact-manifesto .impact-values > .impact-values__item{ grid-template-columns:40px 40px 136px minmax(0,1fr) !important; gap:14px !important; } } @media(max-width:700px){ .impact-manifesto{ padding:86px 0 94px; } .impact-manifesto__headline{ padding:8px 0 50px !important; } .impact-manifesto h2{ width:auto; font-size:clamp(48px,13.8vw,66px) !important; } .impact-manifesto__lightline{ bottom:18px; width:78vw; } .impact-manifesto .impact-values > .impact-values__item{ grid-template-columns:28px 28px minmax(0,100px) minmax(0,1fr) !important; gap:10px !important; } .impact-manifesto .impact-values > .impact-values__item > strong{ font-size:14px !important; } .impact-manifesto .impact-values > .impact-values__item > p{ font-size:11px !important; line-height:1.7 !important; } } /* v1.6.32 manifesto visual tune toward approved design */ .impact-manifesto{background:linear-gradient(180deg,#f7f4ef 0%,#f7f5f1 100%)!important;color:#081b36!important;padding:138px 0 150px!important} .impact-manifesto__wash{background: linear-gradient(45deg,rgba(13,46,84,.032) 0 1px,transparent 1px 100%) 0 0/132px 132px, radial-gradient(circle at 78% 22%,rgba(11,40,79,.045),transparent 16%), radial-gradient(circle at 28% 72%,rgba(64,188,213,.03),transparent 18%)!important;opacity:1!important} .impact-manifesto__decor--orb,.impact-manifesto__orb{background:radial-gradient(circle,rgba(7,31,74,.028),rgba(7,31,74,.012) 48%,transparent 62%)!important;opacity:.95} .impact-manifesto__grid{grid-template-columns:minmax(500px,1fr) minmax(480px,.94fr)!important;gap:clamp(58px,7vw,124px)!important;align-items:center!important} .impact-manifesto__headline{justify-content:center!important;min-height:620px!important;padding:36px 0 86px!important} .impact-manifesto__body{align-self:center!important;padding-top:12px!important} .impact-manifesto h2{max-width:740px!important;width:auto!important;font-size:clamp(70px,5.55vw,108px)!important;line-height:.98!important;letter-spacing:-.078em!important;color:#071b3a!important} .impact-manifesto h2>span{display:block;white-space:nowrap!important} .impact-manifesto__title-ai,.impact-manifesto__title-accent{background:linear-gradient(180deg,#1d86e8 0%,#24a6ee 34%,#47d8d0 70%,#8cdb64 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important} .impact-manifesto__title-ai{filter:drop-shadow(0 6px 12px rgba(39,178,232,.05))!important} .impact-manifesto__title-accent{filter:drop-shadow(0 8px 16px rgba(80,214,187,.07))!important} .impact-manifesto__lead{max-width:690px!important;margin:4px 0 54px!important;color:#35506f!important;font-size:15px!important;font-weight:600!important;line-height:2.08!important;letter-spacing:.005em!important} .impact-values{border-top:1px solid #d0d8e0!important} .impact-manifesto .impact-values > .impact-values__item{grid-template-columns:42px 42px 156px minmax(0,1fr)!important;gap:18px!important;padding:26px 0!important;border-bottom:1px solid #d7dee5!important} .impact-manifesto .impact-values > .impact-values__item > strong{font-size:17px!important;font-weight:850!important;color:#091e3d!important;letter-spacing:-.03em!important} .impact-manifesto .impact-values > .impact-values__item > p{color:#5d7186!important;font-size:13px!important;line-height:1.9!important} .impact-manifesto__lightline,.impact-manifesto__trace{left:36px!important;bottom:28px!important;width:min(560px,88%)!important;height:16px!important;border-radius:999px!important;background:linear-gradient(90deg,rgba(100,227,245,0) 0%,rgba(128,235,250,.88) 12%,rgba(140,245,231,.78) 82%,rgba(160,252,158,.36) 100%)!important;box-shadow:0 0 14px rgba(94,214,232,.26)!important;opacity:.9!important} .impact-manifesto__lightline:before,.impact-manifesto__trace:before{left:14%!important;width:22px!important;height:22px!important;background:radial-gradient(circle,#fff 0 14%,#c5f8ff 18%,rgba(101,213,245,.34) 42%,transparent 70%)!important} .impact-manifesto__lightline:after,.impact-manifesto__trace:after{right:-2px!important;width:18px!important;height:18px!important;background:radial-gradient(circle,#fff 0 16%,#d5ffe8 22%,rgba(111,233,181,.34) 47%,transparent 72%)!important} .impact-manifesto__left-corner,.impact-manifesto__frame--left{left:-26px!important;bottom:34px!important;width:112px!important;height:92px!important;border-left:2px solid rgba(126,151,178,.56)!important;border-bottom:2px solid rgba(126,151,178,.56)!important} .impact-manifesto__left-corner:after,.impact-manifesto__frame--left:after{left:12px!important;bottom:14px!important;width:36px!important;height:36px!important;background-image:radial-gradient(circle,rgba(108,129,154,.54) 1.05px,transparent 1.05px)!important;background-size:9px 9px!important} .impact-section-label--manifesto span,.impact-section-label span{border-color:#a8b7c7!important;color:#71829b!important;background:rgba(255,255,255,.35)!important} .impact-section-label--manifesto b,.impact-section-label b{color:#8192a4!important;letter-spacing:.18em!important} @media(max-width:1180px) and (min-width:1021px){.impact-manifesto__grid{grid-template-columns:minmax(460px,1fr) minmax(420px,.9fr)!important;gap:46px!important}.impact-manifesto h2{font-size:78px!important}.impact-manifesto__headline{min-height:560px!important}.impact-manifesto .impact-values > .impact-values__item{grid-template-columns:36px 36px 132px minmax(0,1fr)!important;gap:14px!important}.impact-manifesto .impact-values > .impact-values__item > strong{font-size:16px!important}.impact-manifesto .impact-values > .impact-values__item > p{font-size:12px!important}} @media(max-width:1020px){.impact-manifesto{padding:100px 0 110px!important}.impact-manifesto__grid{grid-template-columns:1fr!important;gap:42px!important;align-items:start!important}.impact-manifesto__headline{min-height:auto!important;padding:14px 0 74px!important}.impact-manifesto__body{width:min(100%,760px)!important;padding-top:0!important}.impact-manifesto h2{width:auto!important;max-width:740px!important;font-size:clamp(62px,8vw,82px)!important}.impact-manifesto__lightline,.impact-manifesto__trace{left:0!important;bottom:24px!important;width:min(540px,76vw)!important}.impact-manifesto__left-corner,.impact-manifesto__frame--left{left:-10px!important;bottom:28px!important}.impact-manifesto .impact-values > .impact-values__item{grid-template-columns:40px 40px 140px minmax(0,1fr)!important;gap:14px!important}} @media(max-width:700px){.impact-manifesto{padding:88px 0 98px!important}.impact-manifesto__headline{padding:6px 0 48px!important}.impact-manifesto h2{max-width:none!important;font-size:clamp(46px,13.5vw,66px)!important;line-height:1.02!important}.impact-manifesto h2>span{white-space:normal!important}.impact-manifesto__title-accent{display:inline!important}.impact-manifesto__lead{margin-bottom:30px!important;font-size:14px!important;line-height:1.95!important}.impact-manifesto__lightline,.impact-manifesto__trace{bottom:18px!important;width:78vw!important;height:14px!important}.impact-manifesto__left-corner,.impact-manifesto__frame--left{display:none!important}.impact-manifesto .impact-values > .impact-values__item{grid-template-columns:28px 28px minmax(0,100px) minmax(0,1fr)!important;gap:10px!important;padding:18px 0!important}.impact-manifesto .impact-values > .impact-values__item > strong{font-size:14px!important}.impact-manifesto .impact-values > .impact-values__item > p{font-size:11px!important;line-height:1.72!important}} /* v1.6.33 manifesto palette + soft diagonal bands */ .impact-manifesto{ background:#f7f4ef !important; } .impact-manifesto__wash{ background: radial-gradient(ellipse at 78% 12%,rgba(63,73,82,.055) 0%,rgba(63,73,82,.025) 18%,transparent 38%), radial-gradient(ellipse at 18% 80%,rgba(255,255,255,.55) 0%,rgba(255,255,255,.18) 30%,transparent 55%), repeating-linear-gradient( 45deg, rgba(255,255,255,.34) 0, rgba(255,255,255,.34) 46px, rgba(255,255,255,.08) 46px, rgba(255,255,255,.08) 92px, rgba(93,112,132,.020) 92px, rgba(93,112,132,.020) 94px, transparent 94px, transparent 184px ) !important; opacity:1 !important; } /* extra broad, barely-visible diagonal light rays like the approved reference */ .impact-manifesto:after{ content:""; position:absolute; inset:-12%; z-index:0; pointer-events:none; background: linear-gradient(45deg,transparent 12%,rgba(255,255,255,.20) 12% 17%,transparent 17% 35%,rgba(255,255,255,.13) 35% 39%,transparent 39% 60%,rgba(255,255,255,.12) 60% 64%,transparent 64%), radial-gradient(circle at 83% 18%,rgba(28,43,57,.018),transparent 24%); opacity:.9; } .impact-manifesto .container{z-index:2 !important;} /* Approved reference is darker and more muted than the previous electric cyan/green. */ .impact-manifesto__title-ai, .impact-manifesto__title-accent{ background:linear-gradient( 180deg, #0878a8 0%, #168fa7 28%, #2ca2a2 54%, #49af91 76%, #78bd78 100% ) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; -webkit-text-fill-color:transparent !important; } .impact-manifesto__title-ai{ filter:drop-shadow(0 5px 10px rgba(31,142,169,.035)) !important; } .impact-manifesto__title-accent{ filter:drop-shadow(0 6px 12px rgba(69,169,144,.045)) !important; } /* make the decorative line cleaner and stop it tinting the paper around it */ .impact-manifesto__lightline, .impact-manifesto__trace{ height:10px !important; background:linear-gradient(90deg, rgba(77,187,222,0) 0%, rgba(72,177,211,.58) 10%, rgba(70,187,194,.58) 58%, rgba(106,190,136,.42) 92%, rgba(106,190,136,0) 100%) !important; box-shadow:none !important; } .impact-manifesto__lightline:before, .impact-manifesto__trace:before{ width:18px !important;height:18px !important; background:radial-gradient(circle,#fff 0 15%,rgba(91,190,217,.72) 22%,rgba(91,190,217,.18) 48%,transparent 72%) !important; } .impact-manifesto__lightline:after, .impact-manifesto__trace:after{ width:16px !important;height:16px !important; background:radial-gradient(circle,#fff 0 15%,rgba(105,188,136,.68) 22%,rgba(105,188,136,.15) 48%,transparent 72%) !important; } /* slightly softer neutral blue-gray on the right, matching the reference */ .impact-manifesto__lead{color:#40566d !important;} .impact-manifesto .impact-values > .impact-values__item > p{color:#667687 !important;} .impact-manifesto .impact-values > .impact-values__item > strong{color:#0b203b !important;} .impact-values__item--blue{--point:#238dce !important;--point-shadow:0 0 10px rgba(35,141,206,.34) !important} .impact-values__item--green{--point:#43b991 !important;--point-shadow:0 0 10px rgba(67,185,145,.32) !important} .impact-values__item--lime{--point:#b9cf45 !important;--point-shadow:0 0 10px rgba(185,207,69,.30) !important} /* v1.6.34 latest heading redesign */ .impact-latest{position:relative;overflow:hidden;padding:132px 0 126px;background:linear-gradient(180deg,#041228 0%,#061833 62%,#071a35 100%)} .impact-latest:before{content:"";position:absolute;inset:0;background: radial-gradient(circle at 18% 24%,rgba(64,150,255,.08),transparent 0 26%), radial-gradient(circle at 76% 68%,rgba(199,255,98,.05),transparent 0 22%), linear-gradient(90deg,rgba(10,36,68,.22) 1px,transparent 1px) 0 0/56px 56px, linear-gradient(rgba(10,36,68,.18) 1px,transparent 1px) 0 0/56px 56px; opacity:.38;pointer-events:none} .impact-latest .container{position:relative;z-index:1} .impact-latest__intro{position:relative;margin-bottom:54px;padding:18px 0 8px} .impact-latest__ghost{position:absolute;left:-.03em;top:42px;font-size:clamp(170px,22vw,420px);font-weight:900;line-height:.8;letter-spacing:-.08em;color:rgba(115,142,179,.07);pointer-events:none;user-select:none} .impact-latest__kicker{position:relative;z-index:1;display:flex;align-items:center;gap:18px;margin-bottom:44px;color:#f2f5f8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase} .impact-latest__kicker span{color:var(--impact-acid);font-weight:900} .impact-latest__kicker b{font-weight:700;color:#f2f5f8} .impact-latest__heading{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,700px) minmax(280px,1fr);align-items:end;gap:34px} .impact-latest__heading h2{margin:0;color:#fff;font-size:clamp(74px,8.3vw,124px);font-weight:850;line-height:.9;letter-spacing:-.08em} .impact-latest__summary{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:18px;padding-bottom:9px} .impact-latest__line{position:relative;height:3px;border-radius:999px;background:linear-gradient(90deg,#2cb8ff 0%,#59d6ff 52%,#c8ff62 100%);box-shadow:0 0 16px rgba(82,198,255,.45)} .impact-latest__line:after{content:"";position:absolute;right:-3px;top:50%;width:9px;height:9px;border-radius:50%;transform:translateY(-50%);background:#d5ff72;box-shadow:0 0 12px rgba(213,255,114,.8)} .impact-latest__summary p{margin:0;color:#dbe5f2;font-size:14px;line-height:1.75;white-space:nowrap} .impact-carousel{position:relative;z-index:1} @media(max-width:1100px){.impact-latest__heading{grid-template-columns:minmax(0,1fr);gap:20px}.impact-latest__summary{grid-template-columns:minmax(180px,320px) 1fr;align-items:center}.impact-latest__summary p{white-space:normal}.impact-latest__ghost{top:56px;font-size:clamp(150px,28vw,320px)}} @media(max-width:700px){.impact-latest{padding:92px 0 96px}.impact-latest__intro{margin-bottom:38px}.impact-latest__ghost{top:64px;left:-.02em;font-size:118px}.impact-latest__kicker{gap:12px;margin-bottom:26px;font-size:9px;letter-spacing:.18em}.impact-latest__heading h2{font-size:56px}.impact-latest__summary{grid-template-columns:1fr;gap:14px;padding-bottom:0}.impact-latest__line{max-width:160px;height:2px}.impact-latest__summary p{font-size:12px;line-height:1.7}} /* v1.6.35 latest heading — closer to approved concept */ .impact-latest{ position:relative; overflow:hidden; padding:150px 0 128px !important; background:linear-gradient(180deg,#031126 0%,#04152d 58%,#06172f 100%) !important; } .impact-latest:before{ content:""; position:absolute; inset:0; background: radial-gradient(circle at 19% 22%,rgba(29,106,162,.10),transparent 25%), radial-gradient(circle at 76% 64%,rgba(128,169,57,.045),transparent 28%); opacity:1; pointer-events:none; } .impact-latest:after{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.62; background-repeat:no-repeat; background-size:100% 100%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cg fill='none' stroke='%231e5d82' stroke-width='1' opacity='.42'%3E%3Cpolyline points='0,240 190,190 330,285 540,220 740,365'/%3E%3Cpolyline points='930,850 1210,665 1360,790 1600,610'/%3E%3C/g%3E%3Cg fill='%23266f95' opacity='.65'%3E%3Ccircle cx='190' cy='190' r='5'/%3E%3Ccircle cx='330' cy='285' r='5'/%3E%3Ccircle cx='540' cy='220' r='5'/%3E%3Ccircle cx='1360' cy='790' r='5'/%3E%3C/g%3E%3Cg fill='%2399b93f' opacity='.60'%3E%3Ccircle cx='1210' cy='665' r='5'/%3E%3C/g%3E%3C/svg%3E"); } .impact-latest .container{position:relative;z-index:2} .impact-latest__intro{ position:relative; min-height:400px; margin-bottom:42px !important; padding:72px 0 18px !important; } .impact-latest__ghost{ position:absolute; z-index:0; left:-62px !important; top:52px !important; width:calc(100% + 150px); font-size:clamp(210px,22vw,390px) !important; font-weight:950; line-height:.78; letter-spacing:-.085em; color:transparent !important; -webkit-text-stroke:1px rgba(113,143,177,.10); background:repeating-linear-gradient(180deg,rgba(112,143,178,.10) 0 1px,transparent 1px 5px); -webkit-background-clip:text; background-clip:text; opacity:.72; pointer-events:none; user-select:none; } .impact-latest__kicker{ position:relative; z-index:2; display:flex; align-items:center; gap:18px; margin:0 0 48px !important; color:#f6f8fb; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11px !important; letter-spacing:.24em !important; } .impact-latest__kicker span{color:#c9ff4d !important;font-weight:900} .impact-latest__kicker b{color:#f5f7fb !important;font-weight:650} .impact-latest__heading{ position:relative; z-index:2; display:block !important; max-width:none; } .impact-latest__heading h2{ max-width:720px; margin:0 !important; color:#fff; font-size:clamp(78px,8vw,118px) !important; font-weight:850; line-height:.91 !important; letter-spacing:-.078em !important; } .impact-latest__summary{ display:grid !important; grid-template-columns:minmax(300px,480px) minmax(260px,1fr) !important; align-items:center !important; gap:46px !important; width:min(100%,1020px); margin-top:44px; padding:0 !important; } .impact-latest__line{ position:relative; height:3px !important; border-radius:999px; background:linear-gradient(90deg,#20b7ee 0%,#62d9eb 62%,#c7ff55 100%) !important; box-shadow:none !important; } .impact-latest__line:after{ content:""; position:absolute; right:-4px; top:50%; width:8px !important; height:8px !important; border-radius:50%; transform:translateY(-50%); background:#d2ff58 !important; box-shadow:0 0 8px rgba(210,255,88,.55) !important; } .impact-latest__summary p{ margin:0 !important; color:#d8e1ed !important; font-size:13px !important; line-height:1.75 !important; white-space:normal !important; } .impact-carousel{position:relative;z-index:2} @media(max-width:1100px){ .impact-latest{padding-top:124px !important} .impact-latest__intro{min-height:360px;padding-top:58px !important} .impact-latest__ghost{left:-30px !important;top:62px !important;font-size:clamp(170px,24vw,300px) !important} .impact-latest__heading h2{font-size:clamp(68px,9vw,96px) !important} .impact-latest__summary{grid-template-columns:minmax(220px,380px) minmax(240px,1fr) !important;gap:30px !important} } @media(max-width:760px){ .impact-latest{padding:92px 0 98px !important} .impact-latest__intro{min-height:auto;margin-bottom:34px !important;padding:40px 0 18px !important} .impact-latest__ghost{left:-16px !important;top:72px !important;font-size:116px !important;opacity:.48} .impact-latest__kicker{margin-bottom:30px !important;font-size:9px !important;letter-spacing:.17em !important;gap:12px} .impact-latest__heading h2{font-size:56px !important} .impact-latest__summary{grid-template-columns:1fr !important;gap:16px !important;margin-top:28px;width:100%} .impact-latest__line{width:180px} .impact-latest__summary p{font-size:12px !important} } /* Version 1.6.37: transparent authorship and review policy */ .article__author a{color:inherit;text-decoration:underline;text-decoration-color:rgba(147,167,192,.55);text-underline-offset:3px} .article-author-box{margin:58px 0 28px;padding:28px 30px;border:1px solid #d9e4ee;border-left:5px solid #99b93f;border-radius:16px;background:linear-gradient(135deg,#f7fafc,#edf4f7)} .article-author-box__label{margin:0 0 4px;color:#46657a;font-size:11px;font-weight:900;letter-spacing:.13em} .article-author-box h2{margin:0 0 10px;color:#17354a;font-size:22px;line-height:1.4} .article-author-box p:not(.article-author-box__label){margin:0;color:#486274;font-size:14px;line-height:1.85} .article-author-box a{display:inline-flex;margin-top:14px;color:#1e5d82;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:4px} @media(max-width:640px){.article-author-box{padding:22px 20px}} /* Version 1.6.46: AI matching guide promotion */ .ai-match-promo-band{position:relative;z-index:4;padding:30px 0;background:#050b17;border-top:1px solid rgba(255,255,255,.07)} .ai-match-promo{position:relative;isolation:isolate;display:grid;overflow:hidden;color:#fff;text-decoration:none;background:linear-gradient(118deg,#102c50 0%,#0a172b 47%,#3157f6 100%);box-shadow:0 22px 56px rgba(1,8,21,.28);transition:transform .25s ease,box-shadow .25s ease} .ai-match-promo:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000,transparent 72%)} .ai-match-promo:after{content:"";position:absolute;z-index:-1;right:-7%;bottom:-58%;width:43%;aspect-ratio:1;border:1px solid rgba(199,255,98,.28);border-radius:50%;box-shadow:0 0 0 40px rgba(110,231,255,.035),0 0 0 82px rgba(110,231,255,.025)} .ai-match-promo:hover{transform:translateY(-3px);box-shadow:0 28px 65px rgba(1,8,21,.36)} .ai-match-promo:focus-visible{outline:3px solid #c7ff62;outline-offset:4px} .ai-match-promo__copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start} .ai-match-promo__copy>small{display:flex;align-items:center;gap:8px;color:#88e8f7;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:900;letter-spacing:.18em} .ai-match-promo__copy>small i{width:7px;height:7px;border-radius:50%;background:#c7ff62;box-shadow:0 0 14px rgba(199,255,98,.7)} .ai-match-promo__copy>strong{display:flex;flex-wrap:wrap;align-items:baseline;margin-top:12px;font-size:clamp(30px,3.2vw,50px);font-weight:900;line-height:1.05;letter-spacing:-.055em} .ai-match-promo__copy>strong b{display:inline-block;margin-left:.18em;color:#c7ff62;font-weight:900} .ai-match-promo__lead{margin-top:12px;color:#becbdd;font-size:13px;font-weight:650;line-height:1.7} .ai-match-promo__copy>em{display:inline-flex;align-items:center;gap:30px;margin-top:19px;padding:10px 14px;background:#fff;color:#09172a;font-size:12px;font-style:normal;font-weight:900;box-shadow:5px 5px 0 #c7ff62} .ai-match-promo__copy>em i{color:#3157f6;font-size:18px;font-style:normal;transition:transform .2s ease}.ai-match-promo:hover .ai-match-promo__copy>em i{transform:translateX(4px)} .ai-match-promo__visual{position:relative;z-index:2;display:block;min-width:0;min-height:180px} .ai-match-promo__person{position:absolute;width:auto;object-fit:contain;filter:drop-shadow(0 13px 10px rgba(0,0,0,.3))} .ai-match-promo__visual>span{position:absolute;z-index:4;padding:7px 10px;background:#c7ff62;color:#07111f;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:950;letter-spacing:.12em;transform:rotate(-3deg);box-shadow:4px 4px 0 #07111f} .ai-match-promo--home{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);align-items:center;min-height:280px;border:1px solid rgba(255,255,255,.14);padding:36px 52px} .ai-match-promo--home .ai-match-promo__visual{position:absolute;inset:0 0 0 auto;width:47%;height:100%} .ai-match-promo--home .ai-match-promo__person--main{z-index:2;right:8%;bottom:-27%;height:122%} .ai-match-promo--home .ai-match-promo__person--sub{z-index:1;right:48%;bottom:-13%;height:92%;opacity:.92} .ai-match-promo--home .ai-match-promo__visual>span{right:7%;bottom:20px} .ai-match-promo--sidebar{grid-template-columns:1fr;min-height:340px;border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:24px 22px 0;background:linear-gradient(145deg,#102c50 0%,#0a172b 60%,#243bba 100%)} .ai-match-promo--sidebar .ai-match-promo__copy>strong{display:block;font-size:31px;line-height:1.12}.ai-match-promo--sidebar .ai-match-promo__copy>strong b{display:block;margin:2px 0 0}.ai-match-promo--sidebar .ai-match-promo__lead{max-width:235px;font-size:11px}.ai-match-promo--sidebar .ai-match-promo__copy>em{margin-top:16px;padding:9px 12px;font-size:11px} .ai-match-promo--sidebar .ai-match-promo__visual{position:absolute;right:0;bottom:0;left:0;height:48%} .ai-match-promo--sidebar .ai-match-promo__person--main{z-index:2;right:-9%;bottom:-28%;height:142%} .ai-match-promo--sidebar .ai-match-promo__person--sub{z-index:1;right:35%;bottom:-20%;height:104%;opacity:.88} .ai-match-promo--sidebar .ai-match-promo__visual>span{right:17px;bottom:15px} @media(max-width:980px){.ai-match-promo--sidebar{grid-column:1/-1;min-height:300px}.ai-match-promo--sidebar .ai-match-promo__visual{left:auto;width:46%;height:100%}.ai-match-promo--sidebar .ai-match-promo__person--main{height:105%}.ai-match-promo--sidebar .ai-match-promo__person--sub{right:41%;height:78%}} @media(max-width:700px){.ai-match-promo-band{padding:18px 0}.ai-match-promo--home{grid-template-columns:1fr;min-height:450px;padding:28px 24px}.ai-match-promo--home .ai-match-promo__copy>strong{display:block;font-size:38px}.ai-match-promo--home .ai-match-promo__copy>strong b{display:block;margin:3px 0 0}.ai-match-promo--home .ai-match-promo__visual{top:auto;width:100%;height:48%}.ai-match-promo--home .ai-match-promo__person--main{right:-2%;height:128%}.ai-match-promo--home .ai-match-promo__person--sub{right:45%;height:96%}.ai-match-promo--sidebar{min-height:340px}.ai-match-promo--sidebar .ai-match-promo__visual{left:0;width:auto;height:47%}}