/* TEKHNE Layout 3 About PRO v1.1 */
.tekhne-layout3-about {
    --tl3a-navy:#071935;
    --tl3a-navy-2:#0b2750;
    --tl3a-blue:#0b7cff;
    --tl3a-cyan:#35d2ff;
    --tl3a-orange:#ff7b23;
    --tl3a-bg:#f5f9ff;
    --tl3a-white:#fff;
    --tl3a-text:#0f1f3f;
    --tl3a-muted:#6b7b95;
    --tl3a-line:#dbe5f2;
    font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color:var(--tl3a-text);
    background:#fff;
    overflow-x:hidden;
}
.tekhne-layout3-about *{box-sizing:border-box}
.tekhne-layout3-about img{max-width:100%;display:block}
.tekhne-layout3-about a{text-decoration:none}
.tekhne-layout3-about svg{width:1em;height:1em;fill:currentColor;display:inline-block;vertical-align:-0.14em}
.tl3a-shell{width:min(1180px, calc(100% - 48px));margin:0 auto}

.tl3a-hero{
    position:relative;
    overflow:hidden;
    padding:82px 0 76px;
    background:
      radial-gradient(circle at 10% 20%, rgba(53,210,255,.12), transparent 26%),
      radial-gradient(circle at 88% 18%, rgba(255,123,35,.10), transparent 24%),
      linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);
}
.tl3a-hero:after{
    content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
    background-image:linear-gradient(rgba(11,124,255,.06) 1px, transparent 1px),linear-gradient(90deg, rgba(11,124,255,.06) 1px, transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(90deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
}
.tl3a-orb{position:absolute;border-radius:50%;filter:blur(2px);animation:tl3a-float 7s ease-in-out infinite;pointer-events:none}
.tl3a-orb-a{width:220px;height:220px;left:5%;top:8%;background:radial-gradient(circle, rgba(11,124,255,.14), transparent 70%)}
.tl3a-orb-b{width:160px;height:160px;right:10%;bottom:8%;background:radial-gradient(circle, rgba(255,123,35,.14), transparent 70%);animation-delay:1.2s}
.tl3a-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center}
.tl3a-logo img{width:auto;height:76px;max-width:220px;object-fit:contain;margin-bottom:18px}
.tl3a-kicker,.tl3a-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.79rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:var(--tl3a-blue)}
.tl3a-kicker{margin-bottom:18px}
.tl3a-hero-copy h1{margin:0;font-size:clamp(2.65rem,4.8vw,5rem);line-height:1.02;letter-spacing:-.055em;color:var(--tl3a-text);font-weight:950}
.tl3a-hero-copy h1 strong{display:block;color:var(--tl3a-blue)}
.tl3a-hero-copy p{margin:22px 0 0;max-width:600px;font-size:1.08rem;line-height:1.76;color:var(--tl3a-muted)}
.tl3a-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px}
.tl3a-btn{min-height:52px;padding:14px 24px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:900;position:relative;overflow:hidden;transition:.25s ease}
.tl3a-btn:hover{transform:translateY(-3px)}
.tl3a-btn-primary{background:linear-gradient(135deg,var(--tl3a-blue),#34c8ff);color:#fff!important;box-shadow:0 18px 34px rgba(11,124,255,.24)}
.tl3a-btn-outline{background:#fff;color:var(--tl3a-text)!important;border:1px solid #d5e4f6;box-shadow:0 10px 24px rgba(10,62,120,.07)}
.tl3a-btn-outline-dark{background:transparent;color:var(--tl3a-text)!important;border:1px solid #cad8eb}
.tl3a-btn-primary:before,.tl3a-btn-outline:before,.tl3a-btn-outline-dark:before{
    content:"";position:absolute;inset:0 auto 0 -62%;width:42%;transform:skewX(-18deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.33),transparent);animation:tl3a-shine 3.8s ease-in-out infinite;
}
.tl3a-mini-contact{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:22px;color:#547093;font-weight:800;font-size:.92rem}
.tl3a-mini-contact span{display:inline-flex;align-items:center;gap:8px}
.tl3a-hero-visual{position:relative;min-height:460px;border-radius:28px;overflow:hidden;box-shadow:0 30px 90px rgba(10,40,90,.16);transform-style:preserve-3d;transition:transform .2s ease}
.tl3a-hero-visual img{width:100%;height:460px;object-fit:cover;transition:transform .7s ease;transform:scale(1.03)}
.tl3a-hero-visual:hover img{transform:scale(1.08)}
.tl3a-float-card{position:absolute;left:24px;bottom:24px;z-index:3;width:240px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 18px 36px rgba(9,41,88,.15);animation:tl3a-card-float 5s ease-in-out infinite}
.tl3a-float-card strong,.tl3a-float-card span{display:block}
.tl3a-float-card strong{font-size:1.12rem;color:var(--tl3a-text)}
.tl3a-float-card span{margin-top:5px;color:var(--tl3a-muted);font-size:.9rem;line-height:1.45}
.tl3a-hero-lines{position:absolute;right:22px;top:24px;z-index:3;display:grid;gap:12px}
.tl3a-hero-lines i{display:block;height:2px;background:linear-gradient(90deg,transparent,var(--tl3a-orange),transparent);animation:tl3a-line 2.8s ease-in-out infinite}
.tl3a-hero-lines i:nth-child(1){width:150px}.tl3a-hero-lines i:nth-child(2){width:92px;animation-delay:.45s}.tl3a-hero-lines i:nth-child(3){width:128px;animation-delay:.9s}

.tl3a-about,.tl3a-services,.tl3a-process,.tl3a-contact{padding:76px 0}
.tl3a-metrics,.tl3a-sectors,.tl3a-benefits{padding:70px 0;background:var(--tl3a-bg)}
.tl3a-about-grid,.tl3a-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.tl3a-about-copy h2,.tl3a-contact-copy h2{margin:12px 0 18px;font-size:clamp(2rem,3vw,3rem);line-height:1.08;letter-spacing:-.04em;color:var(--tl3a-text)}
.tl3a-about-copy p,.tl3a-contact-copy p{margin:0 0 14px;color:var(--tl3a-muted);line-height:1.8;font-size:1.02rem}
.tl3a-about-visual img,.tl3a-contact-visual img{border-radius:24px;box-shadow:0 26px 70px rgba(9,41,88,.12)}
.tl3a-section-head{text-align:center;max-width:760px;margin:0 auto 36px}
.tl3a-section-head span{display:block;color:var(--tl3a-orange);font-weight:950;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;margin-bottom:8px}
.tl3a-section-head h2{margin:0;color:var(--tl3a-text);font-size:clamp(2rem,3vw,2.9rem);line-height:1.08;letter-spacing:-.04em}
.tl3a-section-head p{margin:14px auto 0;color:var(--tl3a-muted);line-height:1.7;max-width:650px}

.tl3a-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tl3a-metric-card{padding:26px 22px;border-radius:20px;background:#fff;border:1px solid var(--tl3a-line);box-shadow:0 16px 38px rgba(8,34,77,.07);transition:.25s ease}
.tl3a-metric-card:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(8,34,77,.12)}
.tl3a-metric-card strong{display:block;font-size:2.45rem;font-weight:950;color:var(--tl3a-blue);line-height:1}
.tl3a-metric-card span{display:block;margin-top:10px;font-weight:900;color:var(--tl3a-text)}
.tl3a-metric-card p{margin:10px 0 0;color:var(--tl3a-muted);line-height:1.6;font-size:.92rem}

.tl3a-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tl3a-service-card{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--tl3a-line);box-shadow:0 16px 42px rgba(8,34,77,.07);transition:.25s ease}
.tl3a-service-card:hover{transform:translateY(-10px);box-shadow:0 28px 70px rgba(8,34,77,.14)}
.tl3a-service-card img{width:100%;height:210px;object-fit:cover;transition:transform .65s ease}.tl3a-service-card:hover img{transform:scale(1.08)}
.tl3a-service-body{padding:22px}
.tl3a-service-icon,.tl3a-benefit-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef6ff,#dbf0ff);color:var(--tl3a-blue);box-shadow:inset 0 0 0 1px #d6e7fb}
.tl3a-service-card h3,.tl3a-benefit-card h3,.tl3a-step h3{margin:16px 0 10px;color:var(--tl3a-text);font-size:1.1rem;line-height:1.24}
.tl3a-service-card p,.tl3a-benefit-card p,.tl3a-step p{margin:0;color:var(--tl3a-muted);line-height:1.65;font-size:.95rem}
.tl3a-service-card a{margin-top:14px;display:inline-flex;align-items:center;gap:6px;font-weight:900;color:var(--tl3a-blue)}

.tl3a-sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tl3a-sector-item{display:flex;align-items:center;gap:10px;padding:18px 16px;border-radius:16px;background:#fff;border:1px solid var(--tl3a-line);box-shadow:0 12px 30px rgba(8,34,77,.06);font-weight:900;color:var(--tl3a-text);transition:.25s ease}
.tl3a-sector-item:hover{transform:translateY(-6px);box-shadow:0 24px 52px rgba(8,34,77,.11)}
.tl3a-sector-item svg{color:var(--tl3a-orange);font-size:1.1rem;flex:none}

.tl3a-process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.tl3a-step{padding:22px;border-radius:18px;background:#fff;border:1px solid var(--tl3a-line);box-shadow:0 16px 36px rgba(8,34,77,.06);transition:.25s ease}
.tl3a-step:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(8,34,77,.12)}
.tl3a-step-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.tl3a-step-number{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--tl3a-blue),#35c6ff);color:#fff;font-size:.95rem;font-weight:950}
.tl3a-step-icon{font-size:1.4rem;color:var(--tl3a-orange)}

.tl3a-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tl3a-benefit-card{padding:24px;border-radius:18px;background:#fff;border:1px solid var(--tl3a-line);box-shadow:0 16px 36px rgba(8,34,77,.06);transition:.25s ease}
.tl3a-benefit-card:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgba(8,34,77,.12)}

.tl3a-contact-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:14px}
.tl3a-contact-list li{display:flex;align-items:flex-start;gap:12px;color:var(--tl3a-text);font-weight:800;line-height:1.6}
.tl3a-contact-list svg{color:var(--tl3a-orange);font-size:1.1rem;flex:none;margin-top:3px}
.tl3a-contact-visual{position:relative}
.tl3a-contact-card{position:absolute;right:18px;bottom:18px;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:0 18px 40px rgba(9,41,88,.15)}
.tl3a-contact-card strong,.tl3a-contact-card span{display:block}.tl3a-contact-card strong{color:var(--tl3a-text)}.tl3a-contact-card span{margin-top:4px;color:var(--tl3a-muted);font-size:.88rem;max-width:250px}

.tl3a-footer{padding:24px 0;background:var(--tl3a-navy)}
.tl3a-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.tl3a-footer img{height:64px;width:auto;object-fit:contain;filter:none}
.tl3a-footer span{color:rgba(255,255,255,.78);font-size:.9rem}

.tl3a-reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease, transform .75s ease}.tl3a-reveal.is-visible{opacity:1;transform:translateY(0)}

body.tekhne-layout3-about-active .entry-title,body.tekhne-layout3-about-active .entry-header{display:none}
body.tekhne-layout3-about-active .site-content .ast-container,
body.tekhne-layout3-about-active .content-area,
body.tekhne-layout3-about-active .site-main,
body.tekhne-layout3-about-active article,
body.tekhne-layout3-about-active .entry-content{max-width:none;width:100%;margin:0;padding:0}
body.tekhne-layout3-about-active .entry-content > *{max-width:none}

@keyframes tl3a-shine{0%,58%{left:-62%}100%{left:125%}}
@keyframes tl3a-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@keyframes tl3a-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes tl3a-line{0%,100%{opacity:.25;transform:translateX(0)}50%{opacity:1;transform:translateX(-16px)}}

@media (max-width:1120px){
  .tl3a-hero-grid,.tl3a-about-grid,.tl3a-contact-grid{grid-template-columns:1fr}
  .tl3a-metric-grid,.tl3a-service-grid,.tl3a-benefit-grid{grid-template-columns:repeat(2,1fr)}
  .tl3a-sector-grid{grid-template-columns:repeat(2,1fr)}
  .tl3a-process-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:720px){
  .tl3a-shell{width:min(100% - 28px, 1180px)}
  .tl3a-hero{padding:60px 0 54px}
  .tl3a-logo img{height:60px;max-width:180px}
  .tl3a-actions{flex-direction:column}.tl3a-btn{width:100%}
  .tl3a-mini-contact{flex-direction:column;gap:10px}
  .tl3a-hero-visual,.tl3a-hero-visual img{min-height:320px;height:320px}
  .tl3a-hero-lines{display:none}
  .tl3a-metric-grid,.tl3a-service-grid,.tl3a-sector-grid,.tl3a-process-grid,.tl3a-benefit-grid{grid-template-columns:1fr}
  .tl3a-footer-inner{flex-direction:column;text-align:center}
  .tl3a-footer img{height:54px}
}