/* Homepage case refresh: existing layout, real media and direct reading links. */
.hero-gateways .gateway-card{--gateway-accent:#d9ff5a;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:24px 26px 18px;background:linear-gradient(125deg,#1b2524,#111a22 80%);border:1px solid #52634a;border-radius:12px;transition:border-color .2s,transform .2s,box-shadow .2s}
.hero-gateways .gateway-dw{--gateway-accent:#a9ceff;background:linear-gradient(125deg,#1c2b42,#111a22 80%);border-color:#476080}
.hero-gateways .gateway-label{display:flex;justify-content:space-between;align-items:center;color:var(--gateway-accent);letter-spacing:.07em}
.gateway-label>b{font:650 22px/1.2 var(--mono)}
.gateway-label .gateway-kind{font-size:12px;line-height:1.5;font-family:inherit;letter-spacing:.02em;color:#b3c1d0}
.hero-gateways .gateway-card strong{margin-top:17px;font-size:23px;line-height:1.45;letter-spacing:-.025em;color:#f0f5f9}
.hero-gateways .gateway-card p{display:flex;flex-wrap:wrap;column-gap:10px;align-content:start;margin:10px 0 18px;color:#b8c7d5;font-size:13px;line-height:1.7}
.gateway-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:13px;border-top:1px solid #ffffff20;color:var(--gateway-accent);font-size:14px;font-weight:600}
.gateway-action>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--gateway-accent);color:#111923;font-size:20px;line-height:1;transition:transform .2s}
.hero-gateways .gateway-domain{margin-top:11px;color:#9aabbc;font:12px/1.5 var(--mono);letter-spacing:-.02em;overflow-wrap:anywhere}
.hero-gateways .gateway-card:hover,.hero-gateways .gateway-card:focus-visible{border-color:var(--gateway-accent);transform:translateY(-2px);box-shadow:0 8px 26px #0003}
.gateway-card:hover .gateway-action>span{transform:translate(2px,-2px)}
.gateway-card:focus-visible,.android-screens a:focus-visible,.publication-card a:focus-visible,.publication-foot a:focus-visible,.seo-implementation summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}

.matrix-grid{grid-template-rows:minmax(310px,auto)}
.matrix-grid .android-case{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);align-items:center;gap:16px;padding:23px 26px;background:radial-gradient(ellipse at 90% 0,#28342e 0,transparent 65%),#0d141d;border:1px solid #415047}
.matrix-grid .android-case:after{display:none}
.matrix-card.android-case>div{position:static;min-width:0}
.android-case-copy>span{color:#b9c992;letter-spacing:.09em}
.matrix-card.android-case h3{margin:16px 0 12px;font-size:31px;line-height:1.2}
.matrix-card.android-case p{font-size:13px;color:#c7d1dc}
.case-stack{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0;padding:0;list-style:none}
.case-stack li{padding:5px 7px;border:1px solid #445143;border-radius:4px;font:12px/1.3 var(--mono);color:#c1d69f;white-space:normal}
.android-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;align-items:center;min-width:0}
.android-screens a{display:flex;flex-direction:column;min-width:0;border:1px solid #485361;background:#000;border-radius:10px;overflow:hidden;text-decoration:none;transition:border-color .2s,transform .2s}
.matrix-card .android-screens img{display:block;width:100%;height:228px;object-fit:contain;filter:none;transform:none}
.matrix-card .android-screens a>span{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:8px 7px;background:#19212a;color:#c8d4e0;font-size:12px;line-height:1.5;font-family:inherit;letter-spacing:0;white-space:normal}
.android-screens a>span>b{font-size:13px;font-weight:400}
.android-screens a:hover{transform:translateY(-3px);border-color:#a8bc89}
.image-preview-image:has(img[src*="android-"]){width:auto;margin-inline:auto}
.image-preview-image img[src*="android-"]{width:auto;max-width:100%;height:calc(100dvh - 72px)}

.publication-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.publication-card{display:flex;flex-direction:column;min-width:0;background:#151e29;border:1px solid #34404e;border-radius:10px;overflow:hidden;transition:border-color .2s}
.publication-card:hover{border-color:#738297}
.publication-cover{display:block;overflow:hidden;background:#0a1018;aspect-ratio:16/10;border-bottom:1px solid #34404e}
.publication-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}
.publication-card:hover .publication-cover img{transform:scale(1.025)}
.publication-copy{display:flex;flex-direction:column;flex:1;padding:23px 23px 16px}
.publication-copy .publication-topic{margin:0 0 13px;color:#aabbcc;font:12px/1.5 var(--mono);letter-spacing:.06em}
.publication-copy h3{margin:0 0 13px;color:#f1f5f9;font-size:20px;line-height:1.5;font-weight:550;letter-spacing:-.02em;text-wrap:pretty}
.publication-copy h3 a{text-decoration:none;color:inherit}
.publication-copy>p:not(.publication-topic){margin:0 0 22px;color:#adbdce;font-size:13px;line-height:1.8}
.publication-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:auto;padding-top:7px;border-top:1px solid #34404e}
.publication-links a{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:#d4e2ef;font-size:13px;text-decoration:none}
.publication-links a:hover,.publication-foot a:hover{color:var(--lime)}
.publication-links a span{color:#9aaec4}
.publication-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 28px;padding:23px 0}
.publication-foot>.text-link{margin:0;font-size:14px}
.publication-foot nav{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;font-size:12px}
.publication-foot nav>span{color:#899aaf}
.publication-foot nav>a{display:inline-flex;align-items:center;min-height:44px;color:#bfccda}
.seo-implementation{border-top:1px solid #35414f;border-bottom:1px solid #35414f;color:#aebcce;font-size:13px}
.seo-implementation summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;cursor:pointer;list-style:none;color:#c6d2df}
.seo-implementation summary::-webkit-details-marker{display:none}
.seo-implementation summary>span{font-size:20px;transition:transform .2s}
.seo-implementation[open] summary>span{transform:rotate(180deg)}
.seo-implementation-body{padding:3px 0 22px;line-height:1.9}
.seo-implementation-body ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px;margin:0 0 18px;padding:0;list-style:none;color:#c8d5e4}
.seo-implementation-body p{margin:0 0 12px;max-width:850px}
.seo-implementation-body .text-link{margin:0;font-size:13px;min-height:44px}
@media(max-width:1050px) and (min-width:851px){.matrix-grid .android-case{padding:20px;gap:12px}.android-screens{gap:7px}.matrix-card.android-case h3{font-size:27px}.matrix-card .android-screens a>span{font-size:12px}}
@media(max-width:850px){.publication-grid{gap:12px}.publication-copy{padding:18px 16px 12px}.publication-copy h3{font-size:18px}.publication-links{gap:0 12px}.matrix-grid .android-case{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.matrix-card .android-screens img{height:215px}.hero-gateways .gateway-card{padding:20px}.hero-gateways .gateway-card strong{font-size:21px}}
@media(max-width:600px){
 .matrix-grid{grid-template-rows:auto}
 .hero-gateways{gap:10px}.hero-gateways .gateway-card{padding:16px 13px 13px;border-radius:9px}.gateway-label>b{font-size:21px}.gateway-label .gateway-kind{font-size:12px}.hero-gateways .gateway-card strong{margin-top:14px;font-size:18px;line-height:1.5}.hero-gateways .gateway-card p{font-size:12px;margin:10px 0 15px;min-height:41px}.gateway-action{font-size:12px;gap:5px}.gateway-action>span{width:25px;height:25px;font-size:17px;flex-shrink:0}.hero-gateways .gateway-domain{font-family:inherit;font-size:12px;letter-spacing:-.025em}
 .matrix-grid .android-case{grid-template-columns:1fr;grid-template-rows:auto auto;grid-row:auto;gap:18px;padding:23px;align-content:start}.matrix-card.android-case h3{font-size:28px;line-height:1.25;margin:13px 0 8px}.matrix-card.android-case h3 br{display:none}.matrix-card.android-case p br{display:none}.case-stack{margin-top:14px}.case-stack li{font-size:12px;padding:5px 8px}.android-screens{gap:12px}.matrix-card .android-screens img{height:325px}.matrix-card .android-screens a>span{font-size:12px;padding:9px 8px}
 .publication-grid{grid-template-columns:1fr;gap:18px}.publication-cover{aspect-ratio:16/9}.publication-copy{padding:22px 21px 14px}.publication-copy h3{font-size:21px}.publication-copy>p:not(.publication-topic){font-size:14px;margin-bottom:18px}.publication-links{gap:8px 24px}.publication-links a{font-size:13px}.publication-foot{align-items:flex-start;gap:12px;padding-block:22px}.publication-foot nav{gap:4px 17px}.publication-foot nav>span{width:100%}.seo-implementation-body ul{grid-template-columns:repeat(2,minmax(0,1fr));font-size:12px;gap:9px 16px}
}
@media(prefers-reduced-motion:reduce){.hero-gateways .gateway-card,.gateway-action>span,.android-screens a,.publication-cover img,.publication-card,.seo-implementation summary>span{transition:none}.hero-gateways .gateway-card:hover,.android-screens a:hover,.gateway-card:hover .gateway-action>span,.publication-card:hover .publication-cover img{transform:none}}