/* TechToTab V55 | Individual hero language. Brand-first, quieter and more original.
   A self-contained layer that does not change shared navbar, footer or routing. */
.t55-hero {
 --t55-bg:#07162c; --t55-accent:#7fb9e9;
 position:relative; min-height: min(740px, calc(100svh - 120px));
 overflow:hidden; isolation:isolate; background:var(--t55-bg); color:#f8fbff;
 padding:clamp(76px,8vw,124px) 0 clamp(64px,7vw,108px);
 display:flex; align-items:center;
}
.t55-hero:before{content:"";position:absolute;inset:0;z-index:-2;
 background:radial-gradient(ellipse at 84% 44%,color-mix(in srgb,var(--t55-accent) 13%,transparent) 0%,transparent 46%),
 linear-gradient(115deg,#071328 0%,#0b2035 55%,#0a1b33 100%);}
.t55-hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;pointer-events:none;
 background-image:linear-gradient(to right,rgba(190,210,230,.08) 1px,transparent 1px),
 linear-gradient(to bottom,rgba(190,210,230,.08) 1px,transparent 1px);background-size:88px 88px;
 mask-image:linear-gradient(90deg,transparent 12%,#000 100%);}
.t55-hero-container{width:100%;position:relative;z-index:1;max-width:1440px;padding-inline:clamp(24px,5.7vw,92px);margin-inline:auto;}
.t55-layout{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:clamp(34px,4vw,85px);}
.t55-copy{min-width:0;max-width:730px;}
.t55-eyebrow{display:inline-flex;align-items:center;gap:11px;color:var(--t55-accent);text-transform:uppercase;
 font:700 clamp(.72rem,.9vw,.91rem)/1.3 "DM Sans",sans-serif;letter-spacing:.17em;}
.t55-eyebrow:before{content:"";width:28px;height:2px;background:currentColor;}
.t55-hero h1{color:#fff;font-family:"Manrope",sans-serif;font-size:clamp(2.6rem,4.5vw,5.1rem);line-height:1.08;
 font-weight:800;letter-spacing:-.052em;margin:clamp(20px,2vw,31px) 0 clamp(17px,2vw,27px);max-width:16ch;text-wrap:balance;}
.t55-description{font:400 clamp(1.05rem,1.22vw,1.3rem)/1.72 "DM Sans",sans-serif;
 color:#cbd9e7;max-width:57ch;margin:0;}
.t55-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:clamp(28px,3vw,42px)}
.t55-actions a{display:inline-flex;align-items:center;gap:13px;border-radius:12px;min-height:53px;padding:15px 22px;
 font:700 1rem/1.25 "DM Sans",sans-serif;text-decoration:none;transition:transform .18s ease,background .18s ease;}
.t55-actions a:hover{transform:translateY(-2px)}
.t55-actions a:focus-visible{outline:3px solid var(--t55-accent);outline-offset:3px}
.t55-cta-primary{background:#fff;color:#061a33!important;box-shadow:0 12px 26px rgba(0,0,0,.14)}
.t55-cta-primary:hover{background:#e4f0fb}
.t55-cta-secondary{border:1px solid rgba(211,227,246,.38);color:#f5faff!important;background:rgba(255,255,255,.035)}
.t55-cta-secondary:hover{background:rgba(255,255,255,.12)}
.t55-visual{position:relative;width:100%;min-width:0;transform:translateZ(0);}
.t55-visual img{display:block;width:100%;height:auto;max-height:590px;object-fit:contain;filter:drop-shadow(0 34px 38px rgba(0,0,0,.16));}
.t55-meta{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:clamp(28px,3vw,42px);color:#a7bed2;font:600 .84rem/1.5 "DM Sans",sans-serif;}
.t55-meta span{display:inline-flex;align-items:center;gap:9px}
.t55-meta span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--t55-accent)}
/* Compose instead of templating identical cards on all pages */
.t55-layout--panorama{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.t55-layout--panorama .t55-visual{transform:scale(1.07) translateX(2%)}
.t55-layout--left-visual{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.t55-layout--left-visual .t55-visual{order:-1}
.t55-layout--left-visual .t55-copy{padding-left:clamp(10px,3vw,54px)}
.t55-layout--centered{grid-template-columns:1fr;text-align:center;gap:24px}
.t55-layout--centered .t55-copy{max-width:900px;margin:auto}
.t55-layout--centered .t55-eyebrow,.t55-layout--centered .t55-actions,.t55-layout--centered .t55-meta{justify-content:center}
.t55-layout--centered .t55-description{margin-inline:auto}
.t55-layout--centered h1{max-width:20ch;margin-inline:auto}
.t55-layout--centered .t55-visual{max-width:760px;margin:auto}
.t55-layout--centered .t55-visual img{max-height:385px}
.t55-layout--editorial{grid-template-columns:minmax(0,1.27fr) minmax(0,.73fr)}
.t55-layout--editorial h1{font-size:clamp(3rem,5vw,5.6rem);max-width:18ch}
.t55-layout--editorial .t55-visual{opacity:.86;transform:rotate(-3deg) scale(.95)}
.t55-layout--spotlight{grid-template-columns:minmax(0,.99fr) minmax(0,1.01fr)}
.t55-layout--spotlight:before{content:"";position:absolute;right:8%;top:20%;width:26vw;height:26vw;max-width:440px;max-height:440px;
 background:radial-gradient(circle,color-mix(in srgb,var(--t55-accent) 13%,transparent),transparent 69%);pointer-events:none;}
.t55-hero[data-visual="mobile"] .t55-visual img{max-height:650px}
@media(max-width:1050px){
 .t55-hero{min-height:unset;padding-block:68px 64px}
 .t55-layout,.t55-layout--panorama,.t55-layout--left-visual,.t55-layout--editorial,.t55-layout--spotlight{grid-template-columns:1fr;gap:30px}
 .t55-layout--left-visual .t55-visual{order:initial}
 .t55-layout--left-visual .t55-copy{padding-left:0}
 .t55-copy{max-width:850px}.t55-hero h1{max-width:20ch}
 .t55-visual{max-width:780px;margin-inline:auto}.t55-visual img{max-height:390px}
}
@media(max-width:560px){
 .t55-hero{padding-block:56px 43px}
 .t55-hero-container{padding-inline:20px}
 .t55-hero h1,.t55-layout--editorial h1{font-size:clamp(2.28rem,10.1vw,3.3rem);max-width:100%;line-height:1.12}
 .t55-description{font-size:1rem;line-height:1.65}
 .t55-actions{align-items:stretch;gap:9px;margin-top:25px}
 .t55-actions a{min-height:49px;padding:13px 17px;font-size:.93rem}
 .t55-meta{margin-top:25px;font-size:.77rem}
 .t55-layout{gap:12px}
 .t55-layout--panorama .t55-visual,.t55-layout--editorial .t55-visual{transform:none}
 .t55-visual img{max-height:290px}
 .t55-layout--centered .t55-visual img{max-height:275px}
}
@media(prefers-reduced-motion:reduce){.t55-actions a{transition:none}.t55-actions a:hover{transform:none}}