/* TECHNIROM V95: Exact-order static CSS bundle — visual styles preserved. */

/* -- technirom-v87-home.css -- */
/* technirom-agency-home.css */
/* TECHNIROM v80 — original, responsive, high-conversion creative agency homepage.
   All homepage styles are scoped to body.home so other site templates remain unchanged.
   No external fonts, tracking pixels, motion libraries or speculative proof metrics. */
:root{--tr80-ink:#111927;--tr80-dark:#0a111d;--tr80-dark2:#101c2b;--tr80-coral:#ff7855;--tr80-coral-strong:#ff6944;--tr80-mint:#9ceade;--tr80-cream:#f8f7f4;--tr80-paper:#fff;--tr80-line:#e4e5e4;--tr80-muted:#637080}
html{scroll-behavior:smooth}
body.home{background:var(--tr80-dark);color:var(--tr80-ink);font-family:Inter,"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}
body.home :is(.site,#page){max-width:none!important;width:100%;margin:0;padding:0;background:transparent;box-shadow:none}
body.home .tr80-home,body.home .tr80-home *{box-sizing:border-box}
body.home .tr80-home{overflow:clip;color:var(--tr80-ink);font-family:inherit}
body.home .tr80-home :is(h1,h2,h3,p,figure){margin:0}
body.home .tr80-home :is(h1,h2,h3){font-family:inherit;letter-spacing:-.055em;line-height:1.09;font-weight:790}
body.home .tr80-home a{text-decoration:none}
body.home :is(a,summary,button):focus-visible{outline:3px solid var(--tr80-coral);outline-offset:4px}
body.home .tr80-home img{display:block;max-width:100%;height:auto}
.tr80-container{width:min(1270px,calc(100% - 80px));margin-inline:auto}
.tr80-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px!important;line-height:1.5!important;letter-spacing:.17em;font-weight:790;color:#cf6045!important;text-transform:uppercase}
.tr80-eyebrow--light{color:#f9b49f!important}
.tr80-section-index{color:#a89684;font-size:11px;font-weight:750;letter-spacing:0}
.tr80-eyebrow--light .tr80-section-index{color:#8f9bac}
.tr80-inline-link{display:inline-flex;align-items:center;gap:22px;min-height:41px;padding-bottom:3px;border-bottom:1px solid currentColor;color:var(--tr80-ink)!important;font-size:14px;font-weight:760;transition:gap .2s ease,color .2s ease}
.tr80-inline-link:hover{gap:29px;color:#d65434!important}
.tr80-button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:58px;padding:15px 24px;border-radius:8px;font-size:14px;font-weight:750;line-height:1.25;text-align:center;transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease}
.tr80-button:hover{transform:translateY(-3px)}
.tr80-button span{font-size:19px;font-weight:450;line-height:1}
.tr80-button--coral{color:#111822!important;background:var(--tr80-coral);box-shadow:0 14px 34px rgba(255,120,85,.15)}
.tr80-button--coral:hover{background:#ff9777;color:#111822!important;box-shadow:0 17px 40px rgba(255,120,85,.28)}
.tr80-button--ghost{color:#fff!important;background:transparent;border:1px solid rgba(255,255,255,.32)}
.tr80-button--ghost:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.7)}
.tr80-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
/* Custom, existing WordPress header — homepage only. */
body.home .tr-header{position:relative;z-index:100;background:var(--tr80-dark);border-bottom:1px solid rgba(255,255,255,.115);box-shadow:none;isolation:isolate}
body.home .tr-utility-bar{display:none!important}
body.home .tr-nav{width:min(1390px,calc(100% - 76px));max-width:none;margin:auto;min-height:87px;padding:0;display:flex;align-items:center;gap:24px;border:0;background:transparent;box-shadow:none}
body.home .tr-header a{text-decoration:none}
body.home .tr-brand{display:inline-flex;align-items:center;gap:12px;color:#fff!important;flex:none;margin-right:auto}
body.home .tr-brand__mark{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#172634;border:1px solid rgba(156,234,222,.28)}
body.home .tr-logo-img{width:36px;height:36px;object-fit:contain}
body.home .tr-brand__copy{display:flex;flex-direction:column;gap:0;line-height:1.1}
body.home .tr-brand__copy strong{font-size:22px;letter-spacing:.025em;font-weight:840;color:#fff}
body.home .tr-brand__copy small{font-size:9px;letter-spacing:.13em;color:#9eabbc;font-weight:690;margin-top:6px}
body.home .tr-links{display:flex;align-items:center;gap:2px;white-space:nowrap}
body.home .tr-links>a,body.home .tr-services>summary{display:inline-flex;align-items:center;gap:7px;min-height:48px;padding:8px 13px;color:#cbd3dc!important;background:transparent;border:0;border-radius:7px;font-size:13px;font-weight:650;line-height:1.3;cursor:pointer;list-style:none}
body.home .tr-links>a:hover,body.home .tr-links>a[aria-current="page"],body.home .tr-services>summary:hover,body.home .tr-services[open]>summary{color:var(--tr80-coral)!important;background:rgba(255,255,255,.045)}
body.home .tr-services>summary::-webkit-details-marker{display:none}
body.home .tr-services{position:relative}
body.home .tr-nav-chevron{color:var(--tr80-coral);font-size:18px}
body.home .tr-services[open] .tr-nav-chevron{transform:rotate(180deg)}
body.home .tr-services:not([open])>.tr-dropdown{display:none!important}
body.home .tr-dropdown{position:absolute;right:-215px;top:calc(100% + 18px);z-index:140;display:block;width:min(790px,90vw);white-space:normal;border:1px solid #27394a;border-radius:16px;background:#111c29;box-shadow:0 27px 68px rgba(0,0,0,.42);padding:23px;color:#fff}
body.home .tr-dropdown::before{content:"";position:absolute;top:-18px;left:0;right:0;height:19px}
body.home .tr-dropdown__head{display:flex;flex-direction:column;gap:4px;margin:0 0 19px;padding:0 2px 16px;border-bottom:1px solid #2a3b4b}
body.home .tr-dropdown__head strong{font-size:17px;color:#fff;font-weight:750}
body.home .tr-dropdown__head>span{font-size:12px;color:#a3b2c1}
body.home .tr-dropdown__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
body.home .tr-dropdown__grid>a{display:flex;align-items:center;gap:12px;border-radius:9px;padding:12px;color:#f0f4f7!important;background:transparent;line-height:1.2;font-size:13px;font-weight:720}
body.home .tr-dropdown__grid>a:hover{background:#1c3040}
body.home .tr-dropdown__grid>a>span:first-child{display:grid;place-items:center;width:34px;height:34px;flex:none;color:#ff9e84;background:#253647;border-radius:8px;font-size:16px}
body.home .tr-dropdown__grid small{display:block;margin-top:5px;color:#a8b7c2;font-size:11px;font-weight:500}
body.home .tr-dropdown__cta{display:flex;justify-content:space-between;gap:16px;margin-top:12px;padding:13px 15px;border-radius:9px;background:var(--tr80-coral);color:#17202a!important;font-size:13px;font-weight:800}
body.home .tr-nav__cta{display:inline-flex;align-items:center;gap:19px;justify-content:center;min-height:44px;padding:10px 17px;background:var(--tr80-coral);color:#131a23!important;font-size:13px;font-weight:800;border:0;border-radius:7px;white-space:nowrap;transition:background .2s}
body.home .tr-nav__cta:hover{background:#ffa082;color:#131a23!important}
body.home .tr-nav__cta span:last-child{font-size:18px}
body.home .tr-mobile-menu{display:none;position:relative;margin-left:auto;color:#fff}
body.home .tr-mobile-menu>summary{display:flex;align-items:center;gap:10px;justify-content:center;padding:11px 14px;color:#fff;background:#1c2a37;border:1px solid #354453;border-radius:8px;cursor:pointer;list-style:none;font-weight:700;font-size:13px}
body.home .tr-mobile-menu>summary::-webkit-details-marker{display:none}
body.home .tr-mobile-menu__panel{position:absolute;top:calc(100% + 17px);right:0;width:min(370px,calc(100vw - 36px));max-height:75vh;overflow:auto;z-index:150;display:flex;flex-direction:column;gap:2px;padding:15px;border:1px solid #334251;border-radius:13px;background:#111d2b;box-shadow:0 20px 60px rgba(0,0,0,.4)}
body.home .tr-mobile-menu:not([open]) .tr-mobile-menu__panel{display:none!important}
body.home .tr-mobile-menu__panel>a,body.home .tr-mobile-menu__panel details>a,body.home .tr-mobile-menu__panel details>summary{display:block;min-height:42px;padding:11px 13px;border-radius:7px;color:#ebf3fa!important;font-size:13px;font-weight:650;background:transparent;list-style:none;cursor:pointer}
body.home .tr-mobile-menu__panel>a:hover,body.home .tr-mobile-menu__panel details>a:hover{background:#26384a;color:var(--tr80-coral)!important}
body.home .tr-mobile-menu__panel details>a{padding-left:25px;color:#b9c9d8!important}
body.home .tr-skip-link{position:absolute;left:-9999px;top:10px;z-index:9999;background:#fff;color:#111;padding:9px}
body.home .tr-skip-link:focus{left:10px}
/* Hero */
.tr80-hero{position:relative;isolation:isolate;padding:99px 0 27px;min-height:730px;background:radial-gradient(ellipse at 79% 32%,#23344a 0%,transparent 48%),radial-gradient(ellipse at 25% 100%,#142d36 0%,transparent 50%),var(--tr80-dark);color:#fff}
.tr80-hero__mesh{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(90deg,transparent 25%,#000 100%);opacity:.7}
.tr80-hero__grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:5%;min-height:560px}
.tr80-hero__content{position:relative;z-index:5;max-width:680px;padding:0 0 22px}
.tr80-eyebrow__dot{width:7px;height:7px;background:#9ceade;border-radius:100%;box-shadow:0 0 0 6px rgba(156,234,222,.13)}
.tr80-hero h1{max-width:750px;margin:27px 0 22px!important;font-size:clamp(52px,5.45vw,83px);line-height:1.05;letter-spacing:-.07em;color:#fff;font-weight:810}
.tr80-hero h1 em{font-style:normal;color:var(--tr80-coral)}
.tr80-hero__description{max-width:545px;color:#aebdcb;font-size:17px;line-height:1.85;margin:0 0 30px!important}
.tr80-hero__footnote{display:flex;align-items:center;gap:14px;margin-top:39px;font-size:11px;font-weight:670;letter-spacing:.04em;color:#8c9eaf}
.tr80-hero__line{display:block;flex:none;width:31px;height:1px;background:#ff7855}
.tr80-hero-art{position:relative;min-height:545px;align-self:center;display:flex;align-items:center;justify-content:center}
.tr80-hero-art__halo{position:absolute;width:min(560px,100%);height:490px;top:20px;right:3%;background:radial-gradient(circle at 60% 43%,rgba(255,120,85,.3),transparent 52%),radial-gradient(circle at 24% 65%,rgba(72,224,214,.2),transparent 58%);filter:blur(28px)}
.tr80-hero-art__back{position:absolute;width:76%;height:76%;top:5%;right:0;border:1px solid rgba(255,255,255,.15);border-radius:24px;transform:rotate(9deg);background:#27354a;overflow:hidden}
.tr80-hero-art__back:after{content:"";position:absolute;inset:auto -20px -95px 20%;height:260px;border-radius:50%;background:radial-gradient(circle,#e67a5f,transparent 67%);filter:blur(37px);opacity:.4}
.tr80-hero-art__back>span{display:block;margin:27px 0 0 30px;font-size:33px;line-height:1.09;letter-spacing:-.06em;font-weight:850;color:#b6dacf;opacity:.42}
.tr80-spark{display:block;color:#fff;margin-top:10px;font-size:50px}
.tr80-hero-art__frame{position:relative;z-index:2;width:87%;max-width:525px;height:420px;margin-right:11%;margin-top:55px;background:#0b1521;border:1px solid rgba(255,255,255,.19);border-radius:17px;overflow:hidden;box-shadow:0 43px 85px rgba(0,0,0,.38);transform:rotate(-3deg)}
.tr80-hero-art__chrome{height:37px;display:flex;gap:5px;align-items:center;padding:0 15px;background:#14212f;border-bottom:1px solid #314053}
.tr80-hero-art__chrome>span:not(.tr80-art-cross){display:block;width:7px;height:7px;border-radius:50%;background:#697e8d}
.tr80-hero-art__chrome>span:first-child{background:#ff8062}
.tr80-hero-art__chrome>span:nth-child(2){background:#efbd78}
.tr80-hero-art__chrome>span:nth-child(3){background:#87c9b6}
.tr80-hero-art__chrome>b{font-size:10px;color:#798d9c;font-weight:550;margin:auto;letter-spacing:.03em}
.tr80-hero-art__chrome>.tr80-art-cross{color:#91ebda;font-size:15px}
.tr80-hero-art__image{width:100%;height:calc(100% - 37px)!important;object-fit:cover;object-position:center}
.tr80-hero-art__photo-overlay{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:33px 25px 23px;background:linear-gradient(0deg,rgba(7,13,20,.95),rgba(7,13,20,.0));color:#fff;font-size:12px;font-weight:780;letter-spacing:.15em}
.tr80-hero-art__photo-overlay span:last-child{font-size:24px;color:var(--tr80-coral)}
.tr80-hero-art__badge{display:flex;align-items:center;gap:12px;position:absolute;z-index:4;left:-5%;bottom:28px;max-width:255px;padding:16px 19px;background:#f8f7f3;color:#132230;box-shadow:0 17px 38px rgba(0,0,0,.27);border-radius:12px;transform:rotate(3deg)}
.tr80-hero-art__badge-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#fbe3d9;color:#e4664b;font-size:26px}
.tr80-hero-art__badge b{display:block;font-size:12px;font-weight:840;line-height:1.4}
.tr80-hero-art__badge small{display:block;font-size:10px;color:#6c7280;line-height:1.5;margin-top:3px}
.tr80-hero-art__corner{position:absolute;right:-4%;bottom:8%;color:var(--tr80-coral);font-size:66px}
.tr80-hero__bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:24px;color:#7c91a2;font-size:10px;font-weight:730;letter-spacing:.16em;border-top:1px solid rgba(255,255,255,.1)}
.tr80-hero__bottom a{display:inline-flex;align-items:center;gap:18px;color:#c9d6df!important;font-size:10px;font-weight:730;letter-spacing:.16em}
.tr80-hero__bottom a span{color:var(--tr80-coral);font-size:17px}
/* Capability marquee-style static bar */
.tr80-capabilities{background:#172435;color:#eff2f2;border-bottom:1px solid #253648}
.tr80-capabilities__inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:45px}
.tr80-capabilities__inner>span:first-child{font-size:10px;font-weight:800;letter-spacing:.14em;color:#8f9eaf;white-space:nowrap}
.tr80-capabilities__inner>span:last-child{font-size:16px;font-weight:730;letter-spacing:.075em;word-spacing:.16em;white-space:nowrap}
.tr80-capabilities__inner i{font-size:15px;color:var(--tr80-coral);padding-inline:18px;font-style:normal}
/* Intro */
.tr80-intro{padding:118px 0 105px;background:var(--tr80-cream)}
.tr80-intro__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:11%;align-items:end}
.tr80-intro h2{max-width:700px;margin-top:23px!important;font-size:clamp(39px,4.35vw,62px);color:var(--tr80-ink)}
.tr80-intro h2 span{color:#8e979c}
.tr80-intro__right{padding-bottom:4px}
.tr80-intro__right>p{font-size:17px;line-height:1.85;color:#526170;max-width:450px;margin:0 0 26px!important}
/* Services */
.tr80-services{background:var(--tr80-paper);padding:100px 0 106px}
.tr80-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:41px}
.tr80-section-heading h2{font-size:clamp(39px,4.25vw,62px);margin-top:20px!important;color:var(--tr80-ink)}
.tr80-section-heading h2 span{color:#ec795b}
.tr80-section-heading>p{font-size:15px;line-height:1.8;color:#637080;max-width:335px;margin-bottom:2px!important}
.tr80-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tr80-service-card{min-width:0;background:#fafaf9;border:1px solid #e6e8e7;border-radius:14px;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.tr80-service-card:hover{transform:translateY(-5px);border-color:#ddcdc4;box-shadow:0 19px 39px rgba(27,45,59,.085)}
.tr80-service-card__media{display:block;position:relative;height:210px;overflow:hidden;background:#172333}
.tr80-service-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,10,20,.25),transparent 54%);pointer-events:none}
.tr80-service-card__media img{width:100%;height:100%!important;object-fit:cover;transition:transform .45s ease}
.tr80-service-card:hover .tr80-service-card__media img{transform:scale(1.05)}
.tr80-service-card__tag{position:absolute;z-index:1;bottom:15px;left:17px;padding:6px 11px;background:#fff;border-radius:5px;color:#25313b;font-size:10px;font-weight:800;letter-spacing:.06em}
.tr80-service-card__content{padding:21px 23px 27px}
.tr80-service-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.tr80-service-card__top>span{color:#a08776;font-size:10px;font-weight:780;letter-spacing:.12em}
.tr80-service-card__arrow{display:grid;place-items:center;width:33px;height:33px;border:1px solid #d8ddde;border-radius:50%;color:#1e2b36!important;line-height:1;font-size:17px;transition:background .2s,color .2s}
.tr80-service-card:hover .tr80-service-card__arrow{background:var(--tr80-coral);border-color:var(--tr80-coral);color:#101723!important}
.tr80-service-card h3{margin:0 0 10px!important;font-size:23px;letter-spacing:-.04em;font-weight:790;line-height:1.2}
.tr80-service-card h3 a{color:#17212d!important}
.tr80-service-card h3 a:hover{color:#ce5c3c!important}
.tr80-service-card__content>p{min-height:74px;color:#68717c;font-size:13px;line-height:1.75}
.tr80-services__extra{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px;padding:25px 0 0;border-top:1px solid #e9e9e7}
.tr80-services__extra>span{color:#8b9095;font-size:10px;letter-spacing:.14em;font-weight:790;white-space:nowrap}
.tr80-services__extra>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px}
.tr80-services__extra a{font-size:12px;color:#354451!important;font-weight:730}
.tr80-services__extra a:hover{color:#d36346!important}
/* Featured perspective */
.tr80-feature{padding:114px 0;background:#f3f1eb}
.tr80-feature__grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:9%;align-items:center}
.tr80-feature__visual{position:relative;padding:0 16px 23px 0}
.tr80-feature__visual:before{content:"";position:absolute;inset:30px 0 0 34px;background:#e7c9b8;border-radius:22px;transform:rotate(5deg)}
.tr80-feature__visual>img{position:relative;width:100%;height:540px!important;object-fit:cover;border-radius:16px;box-shadow:0 24px 50px rgba(15,29,39,.1)}
.tr80-feature__note{position:absolute;bottom:0;right:-22px;display:flex;align-items:center;gap:13px;padding:18px 24px;background:var(--tr80-ink);color:#fff;border-radius:12px;box-shadow:0 13px 32px rgba(0,0,0,.12)}
.tr80-feature__note>span{font-size:39px;line-height:1;color:var(--tr80-coral)}
.tr80-feature__note>b{font-size:13px;line-height:1.35;letter-spacing:-.01em}
.tr80-feature__copy h2{margin-top:19px!important;font-size:clamp(36px,4.15vw,57px);line-height:1.11;color:var(--tr80-ink)}
.tr80-feature__copy h2 em{font-style:normal;color:#df765b}
.tr80-feature__copy>p:not(.tr80-eyebrow){font-size:15px;line-height:1.85;color:#617080;max-width:570px;margin-top:22px!important}
.tr80-feature__benefits{margin:32px 0 25px}
.tr80-feature__benefits>div{display:flex;align-items:start;gap:17px;padding:16px 0;border-top:1px solid #dfdcd6}
.tr80-benefit-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border:1px solid #e8d0c3;background:#fbe3d5;color:#cd654b;border-radius:10px;font-size:22px}
.tr80-feature__benefits h3{font-size:15px;letter-spacing:-.025em;color:#27323c;font-weight:760;margin:0 0 2px!important}
.tr80-feature__benefits p{font-size:13px;color:#65717c;line-height:1.65}
/* Showcase */
.tr80-showcase{padding:103px 0 106px;background:#fff}
.tr80-section-heading--showcase{align-items:end}
.tr80-showcase__grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}
.tr80-showcase__tile{display:block;position:relative;height:465px;overflow:hidden;border-radius:14px;background:#1b2a36;color:#fff!important}
.tr80-showcase__tile>img{width:100%;height:100%!important;object-fit:cover;transition:transform .5s ease;filter:saturate(.92)}
.tr80-showcase__tile:hover>img{transform:scale(1.04)}
.tr80-showcase__tile:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(4,13,22,.92),rgba(4,13,22,.08) 67%)}
.tr80-showcase__overlay{position:absolute;left:27px;right:27px;bottom:30px;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:16px}
.tr80-showcase__overlay small{display:block;margin-bottom:12px;color:#f2b5a2;font-size:10px;letter-spacing:.17em;font-weight:780}
.tr80-showcase__overlay strong{display:block;font-size:clamp(22px,2.6vw,35px);line-height:1.15;letter-spacing:-.04em;font-weight:800;max-width:370px}
.tr80-showcase__overlay em{display:block;margin-top:15px;color:#bfd0d5;font-style:normal;font-size:10px;letter-spacing:.1em;font-weight:690}
.tr80-showcase__overlay>b{flex:none;display:grid;place-items:center;width:48px;height:48px;background:var(--tr80-coral);border-radius:50%;color:#15202b;font-size:22px;font-weight:500}
.tr80-showcase__disclaimer{margin:19px 0 0!important;color:#939b9f;font-size:11px;line-height:1.6}
/* Process */
.tr80-process{padding:112px 0 119px;background:radial-gradient(ellipse at 80% 90%,rgba(36,75,87,.5),transparent 50%),#0d1725;color:#fff}
.tr80-process__heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:60px}
.tr80-process h2{margin-top:21px!important;font-size:clamp(39px,4.7vw,67px);color:#fff}
.tr80-process h2 em{font-style:normal;color:var(--tr80-coral)}
.tr80-process__heading>p{font-size:15px;color:#a0b0bd;max-width:350px;line-height:1.85}
.tr80-process__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #3a4a57}
.tr80-process__grid article{position:relative;min-height:278px;padding:28px 28px 0 0;margin-right:25px;border-right:1px solid #394a57}
.tr80-process__grid article:last-child{margin-right:0;border:0}
.tr80-process__number{display:block;font-size:12px;letter-spacing:.09em;color:#91a5b5;font-weight:790}
.tr80-process__symbol{position:absolute;top:24px;right:28px;color:#f1967b;font-size:25px}
.tr80-process__grid h3{font-size:24px;margin:55px 0 15px!important;color:#fff;font-weight:740;letter-spacing:-.04em}
.tr80-process__grid p{max-width:235px;color:#aabac6;font-size:13px;line-height:1.85}
/* Journal */
.tr80-journal{padding:102px 0 109px;background:#f8f7f4}
.tr80-journal__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.tr80-journal__card{min-width:0;overflow:hidden;border:1px solid #e4e4e2;border-radius:12px;background:#fff}
.tr80-journal__card>a{display:block;color:#18232c!important;height:100%}
.tr80-journal__card img,.tr80-journal__placeholder{display:grid;place-items:center;width:100%;height:205px!important;object-fit:cover;background:#182d38;color:#f09879;font-size:65px}
.tr80-journal__card-copy{display:flex;flex-direction:column;gap:12px;padding:22px 24px 25px}
.tr80-journal__card-copy small{font-size:10px;color:#ca6e52;text-transform:uppercase;letter-spacing:.12em;font-weight:760}
.tr80-journal__card-copy strong{min-height:70px;font-size:20px;line-height:1.3;letter-spacing:-.03em;font-weight:760}
.tr80-journal__card-copy>span{margin-top:4px;font-size:12px;color:#4f626e;font-weight:750}
/* FAQ */
.tr80-faq{padding:111px 0 112px;background:#fff}
.tr80-faq__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:13%}
.tr80-faq h2{margin:22px 0 19px!important;font-size:clamp(37px,4.15vw,57px);color:#14202a}
.tr80-faq h2 span{color:#8e979c}
.tr80-faq__grid>div:first-child>p:last-child{font-size:14px;color:#617080}
.tr80-faq__grid>div:first-child>p:last-child a{color:#b9583f!important;text-decoration:underline}
.tr80-faq__items{border-top:1px solid #dce1e0}
.tr80-faq__items details{border-bottom:1px solid #dce1e0}
.tr80-faq__items summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0;color:#1c2d37;font-size:16px;font-weight:730;line-height:1.4;cursor:pointer;list-style:none}
.tr80-faq__items summary::-webkit-details-marker{display:none}
.tr80-faq__items summary>span{flex:none;display:grid;place-items:center;width:27px;height:27px;color:#dd6e4e;background:#faede7;border-radius:50%;font-size:21px;font-weight:400}
.tr80-faq__items details[open] summary>span{transform:rotate(45deg)}
.tr80-faq__items details>p{padding:0 48px 25px 0;color:#65717a;font-size:14px;line-height:1.85}
/* CTA */
.tr80-cta{position:relative;isolation:isolate;padding:110px 0 118px;overflow:hidden;background:#192b3a;color:#fff;text-align:center}
.tr80-cta:before{content:"";position:absolute;z-index:-1;inset:-45% -25%;background:radial-gradient(circle at 75% 38%,rgba(247,137,108,.19),transparent 36%),radial-gradient(circle at 30% 67%,rgba(67,199,188,.18),transparent 33%)}
.tr80-cta__inner{position:relative}
.tr80-cta__ornament{position:absolute;top:-110px;right:5%;color:rgba(255,120,85,.15);font-size:290px;line-height:1;pointer-events:none}
.tr80-cta .tr80-eyebrow{justify-content:center}
.tr80-cta h2{position:relative;font-size:clamp(45px,6.1vw,83px);color:#fff;margin:23px 0 22px!important;line-height:1.05}
.tr80-cta h2 em{color:var(--tr80-coral);font-style:normal}
.tr80-cta__inner>p:not(.tr80-eyebrow){font-size:16px;max-width:510px;margin:0 auto 29px!important;color:#b2c4ce;line-height:1.8}
.tr80-actions--center{justify-content:center}
/* Full footer treatment only on homepage. */
body.home .tr-footer{padding:75px max(40px,calc((100vw - 1270px)/2)) 25px;background:#080e18;color:#d2dce3;border-top:1px solid rgba(255,255,255,.1)}
body.home .tr-footer__grid{display:grid;grid-template-columns:1.25fr .7fr 1.3fr .9fr;gap:48px;max-width:1270px;margin:0 auto 55px}
body.home .tr-footer__grid>div{min-width:0}
body.home .tr-footer h3{margin:1px 0 18px;color:#fff;font-size:14px;letter-spacing:0;font-weight:790}
body.home .tr-footer p{max-width:320px;margin:18px 0;color:#95a6b5;font-size:13px;line-height:1.8}
body.home .tr-footer a{display:block;width:fit-content;margin:0 0 10px;color:#b5c2cc;text-decoration:none;font-size:13px;line-height:1.45}
body.home .tr-footer a:hover{color:var(--tr80-coral)}
body.home .tr-footer__logo{display:inline-flex!important;align-items:center;gap:10px;color:#fff!important;font-size:19px!important;font-weight:850;letter-spacing:.04em}
body.home .tr-footer__logo img{display:block;width:38px;height:38px}
body.home .tr-footer__cta{display:inline-flex!important;margin-top:8px!important;padding-bottom:5px;border-bottom:1px solid var(--tr80-coral);color:#ff9d82!important;font-weight:740}
body.home .tr-v66-footer-solutions__columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}
body.home .tr-footer__notice{display:flex;justify-content:space-between;align-items:center;gap:25px;max-width:1270px;margin:0 auto;padding:17px 0;border-top:1px solid #23303c;border-bottom:1px solid #23303c;color:#8294a4;font-size:11px}
body.home .tr-footer__notice nav{display:flex;gap:22px;flex-wrap:wrap}
body.home .tr-footer__notice nav a{margin:0;font-size:11px}
body.home .tr-footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;max-width:1270px;margin:0 auto;padding:22px 0 0;color:#8294a4;font-size:11px}
body.home .tr-footer__bottom a{display:inline-block;margin:0 9px 0 0}
body.home .tr-footer__bottom svg{width:18px;height:18px}
/* Breakpoints */
@media(max-width:1250px){body.home .tr-nav{width:calc(100% - 52px);gap:13px}body.home .tr-brand__copy small{display:none}body.home .tr-links>a,body.home .tr-services>summary{padding-inline:9px}.tr80-container{width:min(1150px,calc(100% - 64px))}.tr80-hero h1{font-size:clamp(50px,5.4vw,72px)}.tr80-hero-art__badge{left:-4%}.tr80-capabilities__inner>span:last-child{font-size:13px}.tr80-capabilities__inner i{padding-inline:10px}}
@media(max-width:1050px){body.home .tr-links{display:none}body.home .tr-mobile-menu{display:block}body.home .tr-nav__cta{margin-left:0}.tr80-hero{padding-top:64px;min-height:0}.tr80-hero__grid{gap:2%;min-height:490px}.tr80-hero h1{font-size:clamp(45px,6.1vw,67px)}.tr80-hero__description{font-size:15px}.tr80-hero-art{min-height:460px}.tr80-hero-art__frame{height:335px}.tr80-hero-art__back{height:72%}.tr80-hero-art__badge{left:-5%;bottom:22px}.tr80-hero__bottom{margin-top:23px}.tr80-capabilities__inner>span:first-child{display:none}.tr80-capabilities__inner{justify-content:center;min-height:66px}.tr80-intro__grid,.tr80-feature__grid{gap:7%}.tr80-feature__visual>img{height:465px!important}.tr80-feature__note{right:-4px}.tr80-service-card__media{height:180px}.tr80-service-card h3{font-size:20px}.tr80-service-card__content{padding:19px}.tr80-process__grid article{padding-right:17px;margin-right:18px}.tr80-process__grid h3{font-size:20px}.tr80-faq__grid{gap:7%}body.home .tr-footer__grid{gap:28px}}
@media(max-width:800px){.tr80-container{width:calc(100% - 42px)}body.home .tr-nav{width:calc(100% - 42px);min-height:75px}body.home .tr-brand__copy strong{font-size:20px}.tr80-hero{padding:58px 0 25px}.tr80-hero__grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:0}.tr80-hero__content{padding:0}.tr80-hero h1{max-width:690px;font-size:clamp(50px,8.4vw,76px)}.tr80-hero__description{max-width:630px}.tr80-hero__footnote{margin-top:27px}.tr80-hero-art{min-height:500px;max-width:600px;width:95%;margin:30px auto 0}.tr80-hero-art__frame{height:380px;width:87%;margin-top:22px}.tr80-hero-art__back{top:0}.tr80-hero__bottom{margin-top:17px}.tr80-capabilities__inner{overflow:hidden;justify-content:flex-start}.tr80-capabilities__inner>span:last-child{font-size:12px;min-width:max-content}.tr80-intro,.tr80-services,.tr80-feature,.tr80-showcase,.tr80-process,.tr80-journal,.tr80-faq{padding-block:79px}.tr80-intro__grid,.tr80-feature__grid,.tr80-faq__grid{grid-template-columns:1fr;gap:32px}.tr80-intro__right>p{max-width:690px}.tr80-section-heading,.tr80-process__heading{align-items:start;flex-direction:column;gap:20px}.tr80-section-heading>p{max-width:600px}.tr80-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.tr80-service-card__media{height:215px}.tr80-feature__visual{max-width:580px}.tr80-feature__visual>img{height:380px!important}.tr80-feature__copy{margin-top:17px}.tr80-showcase__tile{height:380px}.tr80-process__grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.tr80-process__grid article{min-height:225px}.tr80-process__grid article:nth-child(2){border-right:0}.tr80-process__grid h3{margin-top:35px!important}.tr80-journal__grid{gap:13px}.tr80-journal__card img,.tr80-journal__placeholder{height:150px!important}.tr80-journal__card-copy{padding:17px}.tr80-journal__card-copy strong{font-size:16px}body.home .tr-footer{padding:64px 23px 20px}body.home .tr-footer__grid{grid-template-columns:1fr 1fr;gap:35px}}
@media(max-width:600px){body.home .tr-nav{gap:10px}body.home .tr-brand__mark{width:41px;height:41px}body.home .tr-brand__copy strong{font-size:18px}body.home .tr-nav__cta{display:none}.tr80-hero{padding-top:53px}.tr80-hero h1{font-size:clamp(42px,10.25vw,63px);line-height:1.08;margin:20px 0!important}.tr80-hero__description{font-size:14px;line-height:1.8}.tr80-actions{gap:10px}.tr80-button{min-height:53px;padding:13px 18px;font-size:13px;gap:15px}.tr80-hero-art{min-height:330px;width:100%;margin-top:26px}.tr80-hero-art__halo{height:300px}.tr80-hero-art__frame{height:268px;margin:18px 5% 0 0;width:91%}.tr80-hero-art__back{width:80%;height:82%;top:0;right:-4%}.tr80-hero-art__back>span{font-size:19px;margin:20px}.tr80-hero-art__badge{bottom:4px;left:-2%;padding:10px 12px;max-width:210px}.tr80-hero-art__badge-icon{width:31px;height:31px;font-size:20px}.tr80-hero-art__badge b{font-size:10px}.tr80-hero-art__badge small{font-size:9px}.tr80-hero-art__corner{font-size:40px;right:0;bottom:4%}.tr80-hero-art__photo-overlay{font-size:8px;padding:18px 14px 14px}.tr80-hero__bottom{font-size:8px;letter-spacing:.08em}.tr80-hero__bottom a{font-size:8px;letter-spacing:.08em}.tr80-capabilities__inner{min-height:56px}.tr80-capabilities__inner>span:last-child{font-size:10px}.tr80-intro,.tr80-services,.tr80-feature,.tr80-showcase,.tr80-process,.tr80-journal,.tr80-faq{padding-block:65px}.tr80-intro h2,.tr80-section-heading h2,.tr80-feature__copy h2,.tr80-faq h2{font-size:clamp(35px,9vw,46px)}.tr80-intro__right>p{font-size:15px}.tr80-section-heading{margin-bottom:27px}.tr80-service-grid{grid-template-columns:1fr;gap:16px}.tr80-service-card__media{height:220px}.tr80-service-card__content{padding:19px 20px 21px}.tr80-service-card__content>p{min-height:0}.tr80-services__extra{align-items:start;flex-direction:column;gap:15px}.tr80-services__extra>div{gap:10px 18px}.tr80-feature__visual>img{height:320px!important}.tr80-feature__note{padding:12px 16px}.tr80-feature__note>span{font-size:26px}.tr80-feature__note>b{font-size:11px}.tr80-showcase__grid{grid-template-columns:1fr;gap:16px}.tr80-showcase__tile{height:350px}.tr80-showcase__overlay{left:20px;right:20px;bottom:22px}.tr80-showcase__overlay strong{font-size:25px}.tr80-showcase__overlay>b{width:40px;height:40px}.tr80-process h2{font-size:clamp(39px,10vw,50px)}.tr80-process__heading{margin-bottom:35px}.tr80-process__grid{grid-template-columns:1fr;row-gap:0}.tr80-process__grid article{min-height:0;padding:19px 35px 22px 0;margin:0;border:0;border-bottom:1px solid #344455}.tr80-process__grid h3{font-size:23px;margin:15px 0 8px!important}.tr80-process__grid p{max-width:420px}.tr80-process__symbol{top:20px;right:6px}.tr80-journal__grid{grid-template-columns:1fr}.tr80-journal__card img,.tr80-journal__placeholder{height:205px!important}.tr80-journal__card-copy strong{min-height:0}.tr80-faq__items summary{font-size:14px;padding:20px 0}.tr80-cta{padding:81px 0 90px}.tr80-cta h2{font-size:clamp(40px,9.8vw,59px)}.tr80-cta__ornament{font-size:170px;top:-40px;right:-17px}.tr80-cta__inner>p:not(.tr80-eyebrow){font-size:14px}.tr80-actions--center .tr80-button{width:100%;max-width:290px}body.home .tr-footer__grid{grid-template-columns:1fr 1fr;gap:29px 20px}body.home .tr-footer__brand{grid-column:span 2}body.home .tr-v66-footer-solutions{grid-column:span 2}body.home .tr-footer__notice{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:370px){.tr80-container{width:calc(100% - 32px)}body.home .tr-nav{width:calc(100% - 32px)}body.home .tr-brand__copy strong{font-size:16px}.tr80-hero h1{font-size:39px}.tr80-actions .tr80-button{width:100%;justify-content:space-between}.tr80-hero-art__frame{height:230px}.tr80-hero-art{min-height:290px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tr80-home *,body.home .tr-nav *{transition:none!important;animation:none!important}}

/* technirom-v82-dark-ai-home.css */
/* TECHNIROM V82 | Dark AI Centerpiece — homepage only.
   Retains the original v72 circuit photography, now full-bleed behind a centered
   concentric AI core. No image of a website, baked-in buttons or false proof. */
:root{--tr80-dark:#040b12;--tr80-dark2:#09141d;--tr80-ink:#f3f8fc;--tr80-coral:#ff795b;--tr80-coral-strong:#ff6d4b;--tr80-muted:#9db5c2;--tr82-line:#233945;--tr82-muted:#adc0ca;--tr82-deep:#040b12}
body.home{background:#040b12;color:#eaf3f9}
body.home .tr80-home{color:#eaf3f9}
body.home .tr-header{background:#040b12;border-bottom:1px solid rgba(69,197,203,.15)}
body.home .tr-brand__mark{background:#071521;border-color:#164b60}
body.home .tr-links>a,body.home .tr-services>summary{color:#e1edf3!important}
body.home .tr-mobile-menu>summary{background:#0b1c29;border-color:#1e4957}
body.home .tr-nav__cta{background:#ff795b;box-shadow:0 0 20px rgba(41,222,228,.17)}
/* ---------- Immersive hero: center is literally 50% of the visual viewport ---------- */
body.home .tr80-hero.tr82-hero{position:relative;isolation:isolate;overflow:hidden;min-height:0;padding:0 0 52px;background:#010a10;color:#fff;text-align:center}
.tr82-hero__scene{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#010a10;--pcb-x:0px;--pcb-y:0px}
.tr82-reactor{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.tr82-reactor .tr-hero-static{position:absolute;inset:-3%;transform:translate3d(calc(var(--pcb-x)*.55),calc(var(--pcb-y)*.5),0) scale(1.075);transition:transform .35s cubic-bezier(.22,.65,.3,1)}
.tr82-reactor .tr-hero-static picture{position:absolute;inset:0;display:block}
.tr82-reactor .tr-hero-static__img{width:100%;height:100%!important;max-width:none;object-fit:cover;object-position:50% 39%;filter:saturate(1.28) contrast(1.22) brightness(.53)}
.tr82-reactor .tr-pcb-stage{position:absolute;inset:0;transform:translate3d(calc(var(--pcb-x)*-.2),calc(var(--pcb-y)*-.2),0);transition:transform .45s ease-out}
.tr82-hero__circuit-glow{position:absolute;inset:0;background:radial-gradient(ellipse 34% 29% at 50% 29%,rgba(0,239,225,.22),transparent 100%),linear-gradient(90deg,rgba(0,8,17,.5),transparent 30%,transparent 70%,rgba(0,8,17,.46))}
.tr82-hero__vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,8,14,.20) 0%,rgba(1,8,15,.08) 22%,rgba(0,7,13,.25) 35%,rgba(0,8,16,.79) 59%,rgba(1,9,15,.97) 85%,#040b12 100%),radial-gradient(ellipse 55% 48% at 50% 28%,transparent 20%,rgba(0,6,12,.3) 100%)}
.tr82-hero__visual{position:relative;height:385px;pointer-events:none}
.tr82-orbit{position:absolute;left:50%;top:52%;width:clamp(270px,37vw,490px);height:clamp(270px,37vw,490px);border-radius:50%;transform:translate(-50%,-50%) translate3d(calc(var(--ring-x,0px)*.32),calc(var(--ring-y,0px)*.32),0);filter:drop-shadow(0 0 28px rgba(1,250,236,.18));will-change:transform}
.tr82-orbit__outer,.tr82-orbit__dash,.tr82-orbit__ticks,.tr82-orbit__arc,.tr82-orbit__inner,.tr82-orbit__center{position:absolute;border-radius:50%;inset:0;pointer-events:none}
.tr82-orbit__outer{inset:2%;border:1px solid rgba(45,244,235,.57);box-shadow:inset 0 0 28px rgba(30,243,245,.08),0 0 20px rgba(3,231,230,.17)}
.tr82-orbit__dash{inset:8%;background:repeating-conic-gradient(from 2deg,rgba(80,255,246,.85) 0deg 1.3deg,transparent 1.3deg 9deg,rgba(255,123,91,.8) 9deg 10deg,transparent 10deg 25deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));animation:tr82-ring-spin 52s linear infinite}
.tr82-orbit__ticks{inset:15%;background:repeating-conic-gradient(rgba(110,255,245,.66) 0deg 1deg,transparent 1deg 6deg);-webkit-mask:radial-gradient(farthest-side,transparent 89%,#000 92%,transparent 95%);mask:radial-gradient(farthest-side,transparent 89%,#000 92%,transparent 95%);animation:tr82-ring-spin 78s linear infinite reverse}
.tr82-orbit__arc{inset:18%;border:3px solid transparent;border-top-color:#04fff3;border-right-color:rgba(7,253,244,.77);border-bottom-color:rgba(255,126,92,.87);filter:drop-shadow(0 0 9px rgba(7,245,236,.92));animation:tr82-ring-spin 18s linear infinite}
.tr82-orbit__inner{inset:25%;border:2px solid rgba(43,252,241,.89);box-shadow:0 0 35px rgba(0,248,238,.5),inset 0 0 28px rgba(0,248,238,.19);animation:tr82-ring-breathe 4.8s ease-in-out infinite}
.tr82-orbit__center{inset:36%;border:1px solid rgba(91,254,251,.7);background:radial-gradient(circle at 50% 50%,#bafffd 0%,#1ef6e9 2%,rgba(0,186,182,.46) 8%,#06343d 28%,rgba(0,45,58,.75) 66%,rgba(2,13,29,.4) 100%);box-shadow:0 0 60px rgba(3,245,237,.39),inset 0 0 24px rgba(3,245,237,.36)}
.tr82-orbit__center:before,.tr82-orbit__center:after{content:"";position:absolute;inset:0;border-radius:50%}
.tr82-orbit__center:before{background-image:radial-gradient(rgba(92,251,241,.49) 1px,transparent 1.5px);background-size:8px 8px;mask-image:radial-gradient(circle,#000,transparent 76%)}
.tr82-orbit__center:after{inset:37%;background:#e3ffff;box-shadow:0 0 13px #a1ffff,0 0 25px #00f9f1;animation:tr82-ring-breathe 3s ease-in-out infinite}
.tr82-orbit__node{position:absolute;display:block;width:11px;height:11px;border-radius:50%;background:#8bffff;box-shadow:0 0 14px #0ff,0 0 30px rgba(0,255,244,.65)}
.tr82-orbit__node--a{top:16%;left:19%}.tr82-orbit__node--b{top:23%;right:8%;width:6px;height:6px}.tr82-orbit__node--c{bottom:16%;left:13%;width:7px;height:7px}
@keyframes tr82-ring-spin{to{transform:rotate(360deg)}}
@keyframes tr82-ring-breathe{50%{opacity:.68;filter:brightness(1.3)}}
.tr82-hero__content{position:relative;z-index:3;max-width:1120px;display:flex;flex-direction:column;align-items:center;margin-top:-22px}
.tr82-hero__eyebrow{font-size:11px!important;font-weight:780;letter-spacing:.22em;color:#a0f2ec!important;margin:0 0 15px!important}
.tr82-hero__eyebrow span{color:var(--tr80-coral);margin:0 9px}
body.home .tr82-hero h1{font-size:clamp(48px,5.85vw,84px);letter-spacing:-.057em;line-height:1.02;font-weight:850;color:#fff;max-width:none;width:100%;margin:0 0 21px!important;text-shadow:0 6px 25px rgba(0,0,0,.62)}
.tr82-hero h1 span{display:block}
body.home .tr82-hero h1 .tr82-hero__headline-accent{color:var(--tr80-coral)}
body.home .tr82-hero h1 strong{font-weight:850;color:#fff}
.tr82-hero__description{color:#c5d8e0;font-size:17px;max-width:620px;line-height:1.7;margin:0 auto 28px!important;text-wrap:pretty}
.tr82-hero__actions{display:flex;justify-content:center;gap:16px;margin:0 auto}
.tr82-hero__actions .tr80-button{min-width:206px;min-height:58px;justify-content:center}
.tr82-play{border:1px solid #bdd7df;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;font-size:16px!important;line-height:1}
.tr82-hero__benefits{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:75px auto 0;padding:24px 0 18px;border-top:1px solid rgba(91,209,209,.17);border-bottom:1px solid rgba(91,209,209,.10)}
.tr82-benefit{display:flex;align-items:center;justify-content:center;gap:17px;min-width:0;color:#e6f1f4;font-size:14px;font-weight:560;text-align:left;line-height:1.5;border-right:1px solid rgba(122,213,214,.18)}
.tr82-benefit:last-child{border:0}
.tr82-benefit__icon{color:#45eceb;font-size:36px;font-weight:300;line-height:1}
.tr82-hero__scroll{position:relative;z-index:3;width:30px;height:46px;margin:26px auto 0;display:grid;place-items:center;border:1px solid rgba(166,225,228,.48);border-radius:99px;font-size:16px;color:#c7eeee!important;text-decoration:none}
.tr82-hero__scroll:hover{color:#ff795b!important;border-color:#ff795b}
/* ---------- Darker, cohesive homepage sections ---------- */
body.home .tr80-capabilities{background:#06131c;color:#dbeef5;border-color:#17313e}
body.home .tr80-intro{background:#07131d}
body.home .tr80-services{background:#040d16}
body.home .tr80-feature{background:#091721}
body.home .tr80-showcase{background:#040d16}
body.home .tr80-process{background:radial-gradient(ellipse at 80% 90%,rgba(9,66,75,.32),transparent 50%),#07131e}
body.home .tr80-journal{background:#07131d}
body.home .tr80-faq{background:#040d16}
body.home .tr80-cta{background:#061c26}
body.home .tr80-intro h2,body.home .tr80-section-heading h2,body.home .tr80-feature__copy h2,body.home .tr80-faq h2{color:#f1f7fa}
body.home .tr80-intro h2 span,body.home .tr80-faq h2 span{color:#7ddbcf}
body.home .tr80-intro__right>p,body.home .tr80-section-heading>p,body.home .tr80-feature__copy>p:not(.tr80-eyebrow),body.home .tr80-faq__grid>div:first-child>p:last-child{color:#aec1cd}
body.home .tr80-eyebrow{color:#ff997f!important}
body.home .tr80-section-index{color:#8aa9b5}
body.home .tr80-inline-link{color:#e4f6fc!important}
body.home .tr80-service-card{background:#0c1b28;border-color:#243847}
body.home .tr80-service-card:hover{border-color:#328a93;box-shadow:0 18px 44px rgba(0,0,0,.3)}
body.home .tr80-service-card__content>p{color:#aabfc9}
body.home .tr80-service-card h3 a{color:#f2f8fa!important}
body.home .tr80-service-card__top>span{color:#9fb6c5}
body.home .tr80-service-card__arrow{border-color:#38535e;color:#e0f9f7!important}
body.home .tr80-service-card__tag{background:#08212a;color:#abfaf0;border:1px solid #25727a}
body.home .tr80-services__extra{border-color:#263e4a}
body.home .tr80-services__extra>span{color:#9cb5c0}
body.home .tr80-services__extra a{color:#d4e7eb!important}
body.home .tr80-feature__visual:before{background:#153440}
body.home .tr80-feature__note{background:#061720;border:1px solid #24525c}
body.home .tr80-feature__benefits>div{border-color:#29414b}
body.home .tr80-feature__benefits h3{color:#e7f6f7}
body.home .tr80-feature__benefits p{color:#a7bfca}
body.home .tr80-showcase__disclaimer{color:#9aafba}
body.home .tr80-journal__card{background:#0d1e2c;border-color:#27424d}
body.home .tr80-journal__card>a{color:#edf7fa!important}
body.home .tr80-journal__card-copy>span{color:#a9c3cc}
body.home .tr80-faq__items,body.home .tr80-faq__items details{border-color:#25404d}
body.home .tr80-faq__items summary{color:#ebf7f9}
body.home .tr80-faq__items details>p{color:#b2c5ce}
body.home .tr80-faq__items summary>span{background:#1c363c;color:#ff997d}
body.home .tr80-faq__grid>div:first-child>p:last-child a{color:#ff997d!important}
body.home .tr-footer{background:#040b12}
@media(max-width:1050px){
 .tr82-hero__visual{height:360px}.tr82-hero__benefits{margin-top:55px}
 .tr82-benefit{gap:12px;font-size:13px}.tr82-benefit__icon{font-size:32px}
}
@media(max-width:768px){
 body.home .tr80-hero.tr82-hero{padding:0 0 38px}
 .tr82-hero__visual{height:380px}.tr82-orbit{width:min(74vw,420px);height:min(74vw,420px);top:49%}
 .tr82-hero__content{margin-top:-20px}
 body.home .tr82-hero h1{font-size:clamp(34px,6.2vw,57px);line-height:1.06;letter-spacing:-.055em}
 .tr82-hero__description{font-size:15px;line-height:1.7;max-width:570px}
 .tr82-hero__benefits{margin-top:51px}
}
@media(max-width:600px){
 body.home .tr-nav{width:calc(100% - 30px);gap:8px;min-height:74px}
 body.home .tr-brand{gap:7px}
 body.home .tr-brand__copy strong{font-size:clamp(14px,4.6vw,19px)}
 body.home .tr-brand__copy small{font-size:7px;letter-spacing:.075em}
 body.home .tr-brand__mark{width:35px;height:35px;border-radius:9px}
 body.home .tr-logo-img{width:30px;height:30px}
 body.home .tr-nav__cta{display:inline-flex;min-height:37px;font-size:10px;padding:8px 9px;gap:5px;order:2;margin-left:auto}
 body.home .tr-nav__cta span:last-child{font-size:14px}
 body.home .tr-mobile-menu{margin:0;order:3}
 body.home .tr-mobile-menu>summary{width:38px;height:38px;padding:0;font-size:0;gap:0}
 body.home .tr-mobile-menu>summary span{font-size:22px}
 .tr82-hero__visual{height:335px}
 .tr82-orbit{top:51%;width:min(86vw,360px);height:min(86vw,360px)}
 .tr82-reactor .tr-hero-static__img{object-position:50% 28%;filter:saturate(1.34) contrast(1.22) brightness(.5)}
 .tr82-hero__vignette{background:linear-gradient(180deg,rgba(0,7,13,.10),rgba(0,7,13,.17) 24%,rgba(0,7,13,.72) 47%,#030c14 73%,#040b12 96%)}
 .tr82-hero__content{margin-top:-7px;width:calc(100% - 35px)}
 .tr82-hero__eyebrow{font-size:9px!important;letter-spacing:.115em;margin-bottom:15px!important}
 .tr82-hero__eyebrow span{margin:0 3px}
 body.home .tr82-hero h1{font-size:clamp(29px,8.2vw,42px);letter-spacing:-.06em;margin:0 0 19px!important;line-height:1.07}
 .tr82-hero__description{font-size:14px;line-height:1.75;margin-bottom:26px!important;max-width:365px}
 .tr82-hero__actions{flex-direction:column;align-items:stretch;width:min(100%,338px);gap:12px}
 .tr82-hero__actions .tr80-button{min-height:54px;width:100%;font-size:14px}
 .tr82-hero__benefits{width:calc(100% - 28px);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:44px;padding:19px 0 16px}
 .tr82-benefit{display:flex;flex-direction:column;gap:7px;text-align:center;font-size:10px;line-height:1.35;padding:0 4px}
 .tr82-benefit__icon{font-size:29px}
 .tr82-hero__scroll{margin-top:22px}
}
@media(max-width:360px){
 body.home .tr-brand__copy small{font-size:6px}
 body.home .tr-brand__mark{width:32px;height:32px}
 body.home .tr-nav__cta{font-size:9px;padding-inline:7px}
 .tr82-hero__visual{height:300px}
 body.home .tr82-hero h1{font-size:clamp(26px,8vw,31px)}
 .tr82-hero__description{font-size:13px}
 .tr82-benefit{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 .tr82-orbit__dash,.tr82-orbit__ticks,.tr82-orbit__arc,.tr82-orbit__inner,.tr82-orbit__center:after{animation:none!important}
 .tr82-reactor .tr-hero-static,.tr82-reactor .tr-pcb-stage{transition:none!important;transform:none!important}
 .tr82-orbit{will-change:auto}
}
/* Keep the full outer ring visible below the desktop/tablet header. */
@media (min-width:769px){
 .tr82-hero__visual{height:480px}
 .tr82-hero__content{margin-top:-44px}
}
@media (min-width:601px) and (max-width:768px){
 .tr82-hero__visual{height:440px}
 .tr82-hero__content{margin-top:-40px}
}

/* technirom-v84-hero.css */
/* V84: image and animated core share one 1908x882 reference coordinate system.
   Canvas and SVG use the identical centered, top-aligned "cover" geometry. */
body.home .tr80-hero.tr84-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:930px;padding:clamp(360px,33vw,405px) 0 44px;background:#01090d;color:#fff;text-align:center}
.tr84-scene{position:absolute;z-index:-1;inset:0 0 auto;height:clamp(640px,48vw,790px);overflow:hidden;pointer-events:none;background:#000b10}
.tr84-scene__graphic,.tr84-scene__current,.tr84-scene__fade{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.tr84-scene__graphic{max-width:none}
.tr84-scene__current{opacity:.88}
.tr84-scene__fade{background:linear-gradient(180deg,rgba(1,8,12,.03) 0%,rgba(1,9,14,.1) 28%,rgba(1,9,14,.46) 53%,rgba(1,8,12,.86) 81%,#01090d 99%)}
.tr84-core__ring{transform-box:fill-box;transform-origin:center;animation:tr84-ring-turn 26s linear infinite}
.tr84-core__orb{transform:translate3d(var(--tr84-orb-x,0px),var(--tr84-orb-y,0px),0);transition:transform .24s cubic-bezier(.15,.72,.22,1);will-change:transform}
@keyframes tr84-ring-turn{to{transform:rotate(360deg)}}
.tr84-hero__content{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;justify-content:center;width:min(1020px,calc(100% - 42px));margin:0 auto}
body.home .tr84-hero__eyebrow{display:inline-block;max-width:100%;margin:0 auto 13px!important;padding:9px 22px;border:1px solid rgba(79,224,225,.37);border-radius:999px;background:rgba(0,12,18,.58);color:#e8f9fc!important;font-size:clamp(10px,1.12vw,14px);font-weight:750;letter-spacing:.17em;line-height:1.7;text-wrap:balance}
.tr84-hero__eyebrow span{color:#74eeee;margin:0 5px}
body.home .tr84-hero h1{color:#fff;font-size:clamp(62px,8.3vw,126px);font-weight:900;line-height:1;letter-spacing:-.062em;margin:0 auto 20px!important;text-align:center;text-shadow:0 7px 25px rgba(0,0,0,.85)}
body.home .tr84-hero__subtitle{max-width:850px;margin:0 auto 20px!important;color:#fff;font-size:clamp(31px,4.1vw,57px);line-height:1.12;letter-spacing:-.045em;font-weight:500;text-shadow:0 4px 18px #000c13}
.tr84-hero__subtitle span{color:#02e3eb;font-weight:550}
body.home .tr84-hero__description{max-width:760px;margin:0 auto 27px!important;color:#dceaf0;font-size:clamp(16px,1.35vw,19px);line-height:1.73;font-weight:400;text-wrap:pretty;text-shadow:0 3px 12px #000d12}
.tr84-hero__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px}
.tr84-hero__actions .tr80-button{justify-content:center;min-width:205px;min-height:56px;border-radius:10px}
.tr84-hero__actions .tr80-button--ghost{background:rgba(2,20,28,.8);border-color:#235263;color:#eaffff!important}
.tr84-hero__benefits{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:min(1250px,calc(100% - 70px));margin:61px auto 0;padding:22px 0 10px;border-top:1px solid rgba(113,202,215,.24)}
.tr84-benefit{display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 14px;min-height:56px;color:#d7e9ef;font-size:clamp(11px,1.1vw,14px);font-weight:520;line-height:1.3;border-right:1px solid rgba(105,200,210,.19)}
.tr84-benefit:last-child{border:0}
.tr84-benefit>span{flex:none;color:#4de9ec;font-size:26px;line-height:1}
@media (min-width:1800px){body.home .tr80-hero.tr84-hero{min-height:1000px;padding-top:420px}}
@media (max-width:1020px){body.home .tr80-hero.tr84-hero{min-height:0;padding-top:355px}.tr84-scene{height:675px}.tr84-hero__benefits{width:calc(100% - 28px)}.tr84-benefit{padding:8px 7px;font-size:11px}}
@media (max-width:768px){body.home .tr80-hero.tr84-hero{padding:310px 0 36px}.tr84-scene{height:560px}.tr84-scene__fade{background:linear-gradient(180deg,rgba(1,9,14,.04),rgba(1,9,14,.25) 38%,rgba(1,9,14,.91) 75%,#01090d 99%)}.tr84-hero__content{width:calc(100% - 36px)}body.home .tr84-hero h1{font-size:clamp(45px,10vw,74px)}body.home .tr84-hero__subtitle{font-size:clamp(29px,5.65vw,44px)}body.home .tr84-hero__description{font-size:15px;line-height:1.7;max-width:610px}.tr84-hero__benefits{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px;margin-top:43px}.tr84-benefit{border:0;font-size:11px}.tr84-benefit:nth-child(n+4){display:none}}
@media (max-width:560px){body.home .tr80-hero.tr84-hero{padding:264px 0 29px}.tr84-scene{height:500px}body.home .tr84-hero__eyebrow{max-width:365px;padding:8px 12px;font-size:9px;letter-spacing:.09em;line-height:1.6;margin-bottom:16px!important}body.home .tr84-hero h1{font-size:clamp(41px,12.3vw,64px);margin-bottom:21px!important}body.home .tr84-hero__subtitle{font-size:clamp(29px,7.25vw,40px);line-height:1.14;margin-bottom:17px!important}body.home .tr84-hero__description{font-size:14px;line-height:1.7;padding:0 4px;margin-bottom:23px!important}.tr84-hero__actions{width:min(100%,330px);flex-direction:column;gap:11px}.tr84-hero__actions .tr80-button{width:100%;min-height:52px}.tr84-hero__benefits{margin-top:37px;padding-top:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.tr84-benefit{flex-direction:column;gap:6px;padding:6px;font-size:10px}.tr84-benefit>span{font-size:25px}}
@media (max-width:360px){body.home .tr84-hero h1{font-size:39px}body.home .tr84-hero__subtitle{font-size:26px}body.home .tr84-hero__eyebrow{font-size:8px;padding:8px}}
@media (prefers-reduced-motion:reduce){.tr84-core__ring{animation:none!important}.tr84-core__orb{transition:none!important;transform:none!important}.tr84-scene__current{display:none}}

/* ==================== V85 · FULL CIRCUIT MOTION ====================
   Preserve the previous centered typography. GPU-compose the *entire* image,
   center and exact-overlaid Canvas together, with safe overdraw at all edges. */
.tr84-scene{contain:layout paint;}
.tr85-scene__parallax,.tr85-scene__drift{position:absolute;inset:0;pointer-events:none;}
.tr85-scene__parallax{
  transform:translate3d(var(--tr85-scene-x,0px),var(--tr85-scene-y,0px),0) scale(1.085) rotate(var(--tr85-scene-r,0deg));
  transform-origin:50% 37%;transition:transform .27s cubic-bezier(.2,.7,.25,1);
}
.tr85-scene__drift{animation:tr85-scene-breathe 12s ease-in-out infinite alternate;animation-play-state:paused;}
.tr84-hero.tr85-active .tr85-scene__drift{animation-play-state:running;}
@keyframes tr85-scene-breathe{0%{transform:translate3d(-5px,3px,0)}50%{transform:translate3d(5px,-5px,0)}100%{transform:translate3d(-3px,6px,0)}}
.tr84-scene__graphic,.tr84-scene__current{inset:0;width:100%;height:100%;}
.tr84-scene__current{opacity:1;}
.tr84-core__orb{transition:transform .23s cubic-bezier(.2,.7,.25,1)}
/* Reusable subtle static circuitry beneath content throughout every homepage
   section, including the closing footer. SVG cached by browser across sections. */
body.home .tr80-home > section:not(.tr84-hero),
body.home .tr-footer{position:relative;isolation:isolate;overflow:hidden;}
body.home .tr80-home > section:not(.tr84-hero)::after,
body.home .tr-footer::after,
body.home .tr80-capabilities::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url('technirom-v85-network.svg');
  background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:.41;
}
body.home .tr80-capabilities{position:relative;isolation:isolate;overflow:hidden;}
body.home .tr80-home > section:not(.tr84-hero) > :not(.tr85-section-current),
body.home .tr-footer > :not(.tr85-section-current),
body.home .tr80-capabilities > :not(.tr85-section-current){position:relative;z-index:2;}
body.home .tr85-section-current{
 position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1;
 pointer-events:none;opacity:.82;
}
body.home .tr80-cta::after{opacity:.34;}
body.home .tr80-home > .tr80-capabilities::after{opacity:.22;}
@media (max-width:768px){
  .tr85-scene__parallax{transform:translate3d(var(--tr85-scene-x,0px),var(--tr85-scene-y,0px),0) scale(1.055);}
  body.home .tr80-home > section:not(.tr84-hero)::after,body.home .tr-footer::after{opacity:.26;}
  body.home .tr85-section-current{opacity:.66;}
}
@media(prefers-reduced-motion:reduce){
  .tr85-scene__parallax,.tr85-scene__drift,.tr84-core__orb{transform:none!important;animation:none!important;transition:none!important;}
  body.home .tr85-section-current{display:none!important;}
}


/* ==================== V86 · PIPE-LOCKED CURRENT + HIGHER HERO COPY ==================== */
body.home .tr80-hero.tr84-hero{padding-top:clamp(330px,31vw,392px);}
.tr84-scene{height:clamp(650px,49vw,800px);}
.tr84-hero__content{margin-top:-10px;}
.tr85-scene__parallax{
  transform:translate3d(var(--tr85-scene-x,0px),var(--tr85-scene-y,0px),0) scale(1.095);
  transform-origin:50% 38%;transition:transform .22s cubic-bezier(.2,.7,.25,1);
}
.tr84-hero__description{max-width:790px;}
.tr84-hero__actions .tr80-button{min-width:220px;}
@media (min-width:1180px){.tr84-hero__content{margin-top:-18px;}}
@media (max-width:1020px){body.home .tr80-hero.tr84-hero{padding-top:336px;}.tr84-scene{height:684px;}}
@media (max-width:768px){
  body.home .tr80-hero.tr84-hero{padding:296px 0 36px;}
  .tr84-scene{height:570px;}
  .tr84-hero__content{margin-top:-4px;}
  .tr85-scene__parallax{transform:translate3d(var(--tr85-scene-x,0px),var(--tr85-scene-y,0px),0) scale(1.07);}
}
@media (max-width:560px){
  body.home .tr80-hero.tr84-hero{padding:252px 0 29px;}
  .tr84-scene{height:514px;}
}
@media(prefers-reduced-motion:reduce){.tr85-scene__parallax{transform:none!important;}}

/* ==================== V87 · RAISED COPY / INTEGRATED 3D PIPE HUB ====================
   Give text its own clean upper zone; show the entire circuit installation below.
   Keep every SVG, ambient current and hub inside the *same* moving scene. */
body.home .tr80-hero.tr84-hero.tr87-hero {
  min-height:1050px;
  padding:clamp(82px,8.4vw,116px) 0 43px;
  background:radial-gradient(ellipse 56% 43% at 50% 48%,rgba(4,68,77,.22),transparent 88%),#01090d;
}
body.home .tr87-hero .tr84-hero__content {
  position:relative;z-index:3;
  width:min(980px,calc(100% - 48px));
  margin:0 auto;
}
body.home .tr87-hero .tr84-hero__eyebrow {
  margin-bottom:13px!important;
  background:rgba(2,25,31,.74);
}
body.home .tr87-hero h1 {
  font-size:clamp(62px,7.75vw,113px);
  margin-bottom:13px!important;
  text-shadow:0 9px 28px rgba(0,0,0,.53);
}
body.home .tr87-hero .tr84-hero__subtitle {
  font-size:clamp(30px,3.35vw,49px);
  line-height:1.16;
  margin-bottom:16px!important;
}
body.home .tr87-hero .tr84-hero__description {
  max-width:745px;
  font-size:clamp(15px,1.24vw,18px);
  line-height:1.63;
  margin-bottom:23px!important;
  color:#d6e7eb;
}
body.home .tr87-hero .tr84-hero__actions .tr80-button{min-height:54px;min-width:204px;}
body.home .tr87-hero .tr84-hero__benefits {
  margin:312px auto 0;
  padding-top:20px;
  background:linear-gradient(90deg,transparent,rgba(1,13,19,.3) 12%,rgba(1,13,19,.3) 88%,transparent);
}
body.home .tr87-hero .tr84-scene {
  inset:400px 0 auto;
  height:760px;
  background:transparent;
}
body.home .tr87-hero .tr84-scene__fade {
  background:linear-gradient(180deg,rgba(1,9,13,.1) 0%,transparent 15%,rgba(1,9,13,.02) 51%,rgba(1,9,13,.36) 77%,#01090d 100%);
}
body.home .tr87-hero .tr85-scene__parallax {
  transform:translate3d(var(--tr85-scene-x,0px),var(--tr85-scene-y,0px),0) scale(1.145);
  transform-origin:50% 37%;
  transition:transform .3s cubic-bezier(.16,.75,.24,1);
  will-change:transform;
}
body.home .tr87-hero .tr85-scene__drift{animation:none!important;}
body.home .tr87-hero .tr87-hub__tracer {
  animation:tr87-hub-current 13s linear infinite;
}
@keyframes tr87-hub-current{to{stroke-dashoffset:-616;}}
/* All pointer motion is applied to the parent scene, never to the core alone. */
body.home .tr87-hero .tr84-core__orb{transform:none!important;}
@media(min-width:1800px){
  body.home .tr80-hero.tr84-hero.tr87-hero{min-height:1110px;padding-top:118px;}
  body.home .tr87-hero .tr84-scene{top:420px;height:806px;}
  body.home .tr87-hero .tr84-hero__benefits{margin-top:337px;}
}
@media(max-width:1020px){
  body.home .tr80-hero.tr84-hero.tr87-hero{min-height:975px;padding-top:78px;}
  body.home .tr87-hero .tr84-scene{top:380px;height:690px;}
  body.home .tr87-hero .tr84-hero__benefits{margin-top:290px;}
}
@media(max-width:768px){
  body.home .tr80-hero.tr84-hero.tr87-hero{min-height:0;padding:76px 0 32px;}
  body.home .tr87-hero .tr84-scene{top:390px;height:670px;}
  body.home .tr87-hero .tr84-hero__content{width:calc(100% - 38px);}
  body.home .tr87-hero h1{font-size:clamp(48px,9.5vw,72px);margin-bottom:13px!important;}
  body.home .tr87-hero .tr84-hero__subtitle{font-size:clamp(29px,5.3vw,40px);}
  body.home .tr87-hero .tr84-hero__description{font-size:15px;line-height:1.6;max-width:600px;}
  body.home .tr87-hero .tr84-hero__benefits{margin-top:285px;}
  body.home .tr87-hero .tr85-scene__parallax{transform:translate3d(var(--tr85-scene-x,0px),var(--tr85-scene-y,0px),0) scale(1.105);}
}
@media(max-width:560px){
  body.home .tr80-hero.tr84-hero.tr87-hero{padding:56px 0 27px;}
  body.home .tr87-hero .tr84-scene{top:415px;height:595px;}
  body.home .tr87-hero .tr84-hero__content{width:calc(100% - 32px);}
  body.home .tr87-hero .tr84-hero__eyebrow{max-width:340px;margin-bottom:13px!important;}
  body.home .tr87-hero h1{font-size:clamp(41px,11.8vw,61px);margin-bottom:14px!important;}
  body.home .tr87-hero .tr84-hero__subtitle{font-size:clamp(27px,6.9vw,36px);margin-bottom:15px!important;}
  body.home .tr87-hero .tr84-hero__description{font-size:14px;line-height:1.62;margin-bottom:19px!important;}
  body.home .tr87-hero .tr84-hero__actions .tr80-button{width:100%;min-height:50px;}
  body.home .tr87-hero .tr84-hero__benefits{margin-top:240px;}
}
@media(max-width:380px){
  body.home .tr87-hero .tr84-scene{top:465px;height:600px;}
  body.home .tr87-hero .tr84-hero__benefits{margin-top:248px;}
}
@media(prefers-reduced-motion:reduce){
  body.home .tr87-hero .tr85-scene__parallax{transform:none!important;transition:none!important;will-change:auto;}
  body.home .tr87-hero .tr87-hub__tracer{animation:none!important;}
}

/* ==================== V90 · RESTORED REFERENCE CIRCUIT / 3D PIPE DEPTH ====================
   Bring back the earlier reference composition from the user's screenshot.
   Keep the original animated circuit field, then add layered depth so the
   pipes read as dimensional hardware instead of a flat backdrop. */
body.home .tr80-hero.tr84-hero.tr87-hero.tr90-hero{
  min-height:920px;
  padding:78px 0 38px;
  background:radial-gradient(ellipse 84% 58% at 50% 30%,rgba(5,56,64,.26),rgba(1,14,20,0) 55%),#01090d;
  text-align:left;
}
body.home .tr90-hero .tr84-scene{
  inset:0 0 auto;
  top:0;
  height:842px;
  background:transparent;
  z-index:0;
}
body.home .tr90-hero .tr84-scene__fade{
  background:linear-gradient(180deg,rgba(1,9,13,.05) 0%,rgba(1,9,13,.03) 26%,rgba(1,9,13,.16) 53%,rgba(1,9,13,.62) 82%,#01090d 100%);
}
body.home .tr90-hero .tr84-hero__content{
  position:relative;
  z-index:3;
  width:min(1220px,calc(100% - 64px));
  margin:0 auto;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  text-align:left;
}
body.home .tr90-hero .tr84-hero__content::before{
  content:"";
  position:absolute;
  inset:-26px 350px -36px -30px;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse 80% 86% at 22% 36%,rgba(1,10,16,.88) 0%,rgba(1,10,16,.76) 42%,rgba(1,10,16,.3) 71%,transparent 100%);
}
body.home .tr90-hero .tr84-hero__eyebrow{
  margin:0 0 12px!important;
  padding:10px 28px;
  background:rgba(2,25,31,.62);
}
body.home .tr90-hero h1{
  max-width:720px;
  margin:0 0 18px!important;
  text-align:left;
  font-size:clamp(72px,8vw,114px);
  line-height:.98;
}
body.home .tr90-hero .tr84-hero__subtitle{
  max-width:660px;
  margin:0 0 22px!important;
  text-align:left;
  font-size:clamp(36px,4.4vw,62px);
  line-height:1.02;
}
body.home .tr90-hero .tr84-hero__subtitle span{display:block;}
body.home .tr90-hero .tr84-hero__description{
  max-width:790px;
  margin:0 0 28px!important;
  text-align:left;
  font-size:clamp(16px,1.33vw,18px);
  line-height:1.65;
}
body.home .tr90-hero .tr84-hero__actions{justify-content:flex-start;}
body.home .tr90-hero .tr84-hero__benefits{
  position:relative;
  z-index:3;
  width:min(1240px,calc(100% - 64px));
  margin:286px auto 0;
  background:linear-gradient(90deg,transparent,rgba(1,13,19,.24) 12%,rgba(1,13,19,.24) 88%,transparent);
}
body.home .tr90-hero .tr90-pipes__body{opacity:1;}
body.home .tr90-hero .tr90-pipes__highlight{opacity:.62;}
body.home .tr90-hero .tr90-pipes__glow{opacity:.30;}
body.home .tr90-hero .tr87-hub{filter:drop-shadow(0 16px 26px rgba(0,6,12,.88)) drop-shadow(0 0 14px rgba(42,237,226,.08));}
@media(min-width:1800px){
  body.home .tr80-hero.tr84-hero.tr87-hero.tr90-hero{min-height:970px;padding-top:88px;}
  body.home .tr90-hero .tr84-scene{height:880px;}
  body.home .tr90-hero .tr84-hero__benefits{margin-top:312px;}
}
@media(max-width:1180px){
  body.home .tr80-hero.tr84-hero.tr87-hero.tr90-hero{min-height:900px;padding-top:72px;}
  body.home .tr90-hero .tr84-hero__content::before{inset:-24px 220px -36px -24px;}
  body.home .tr90-hero .tr84-scene{height:810px;}
  body.home .tr90-hero .tr84-hero__benefits{margin-top:246px;}
}
@media(max-width:1020px){
  body.home .tr80-hero.tr84-hero.tr87-hero.tr90-hero{min-height:860px;padding-top:70px;}
  body.home .tr90-hero .tr84-scene{top:24px;height:760px;}
  body.home .tr90-hero .tr84-hero__content{width:calc(100% - 42px);}
  body.home .tr90-hero .tr84-hero__content::before{inset:-22px 110px -34px -22px;}
  body.home .tr90-hero .tr84-hero__benefits{width:calc(100% - 42px);margin-top:208px;}
}
@media(max-width:768px){
  body.home .tr80-hero.tr84-hero.tr87-hero.tr90-hero{min-height:0;padding:62px 0 32px;text-align:center;}
  body.home .tr90-hero .tr84-scene{top:148px;height:655px;}
  body.home .tr90-hero .tr84-hero__content{width:calc(100% - 38px);align-items:center;text-align:center;}
  body.home .tr90-hero .tr84-hero__content::before{inset:-24px -16px -40px;background:radial-gradient(ellipse 76% 74% at 50% 40%,rgba(1,10,16,.86),rgba(1,10,16,.54) 67%,transparent 100%);}
  body.home .tr90-hero h1,
  body.home .tr90-hero .tr84-hero__subtitle,
  body.home .tr90-hero .tr84-hero__description{text-align:center;}
  body.home .tr90-hero .tr84-hero__subtitle{font-size:clamp(29px,5.8vw,44px);}
  body.home .tr90-hero .tr84-hero__description{max-width:620px;font-size:15px;line-height:1.62;}
  body.home .tr90-hero .tr84-hero__actions{justify-content:center;}
  body.home .tr90-hero .tr84-hero__benefits{width:calc(100% - 38px);margin-top:195px;}
  body.home .tr90-hero .tr90-pipes__highlight{opacity:.55;}
}
@media(max-width:560px){
  body.home .tr80-hero.tr84-hero.tr87-hero.tr90-hero{padding:56px 0 28px;}
  body.home .tr90-hero .tr84-scene{top:172px;height:585px;}
  body.home .tr90-hero .tr84-hero__eyebrow{max-width:360px;padding:8px 12px;}
  body.home .tr90-hero .tr84-hero__benefits{width:calc(100% - 32px);margin-top:168px;}
}
@media(max-width:380px){
  body.home .tr90-hero .tr84-scene{top:182px;height:560px;}
  body.home .tr90-hero .tr84-hero__benefits{margin-top:156px;}
}
@media(prefers-reduced-motion:reduce){
  body.home .tr90-hero .tr90-pipes__highlight,
  body.home .tr90-hero .tr90-pipes__glow{opacity:.4;}
}

/* ==================== V91 · CLEAR PIPES / TRUE BRANCH-LOCAL HOVER ====================
   The original scene is split into fixed stars and a deformable transparent
   3D pipe layer; never stack multiple translucent full-image copies. */
body.home .tr91-hero .tr85-scene__parallax,
body.home .tr91-hero .tr85-scene__drift{
  transform:none!important;
  transition:none!important;
  animation:none!important;
}
body.home .tr91-hero .tr91-pipes__background,
body.home .tr91-hero .tr91-pipes__canvas{
  position:absolute;
  top:0;left:0;width:100%;height:100%;
  display:block;
  pointer-events:none;
}
body.home .tr91-hero .tr91-pipes__background{
  z-index:0;
  /* Original artwork is visible before JS loads or when WebGL is unavailable. */
  background:url('technirom-v84-pipes-bg.webp') center top/cover no-repeat;
}
body.home .tr91-hero .tr91-pipes__canvas{
  z-index:1;
  background:transparent;
  opacity:1;
}
body.home .tr91-hero .tr84-scene__graphic{z-index:2;}
body.home .tr91-hero .tr84-scene__current{z-index:3;}
body.home .tr91-hero .tr84-scene__fade{
  z-index:4;
  /* Keep the glossy teal pipes visible, including the outer branches. */
  background:linear-gradient(180deg,transparent 0%,rgba(0,7,11,.02) 54%,rgba(0,7,11,.08) 72%,rgba(0,7,11,.48) 93%,#01090d 100%);
}
body.home .tr91-hero .tr84-hero__content::before{
  background:radial-gradient(ellipse 82% 84% at 20% 40%,rgba(1,10,16,.82) 0%,rgba(1,10,16,.68) 46%,rgba(1,10,16,.12) 77%,transparent 100%);
}
@media(max-width:768px){
  body.home .tr91-hero .tr84-scene__fade{
    background:linear-gradient(180deg,rgba(1,9,13,.03) 0%,rgba(1,9,13,.05) 40%,rgba(1,9,13,.24) 76%,#01090d 100%);
  }
}
@media(prefers-reduced-motion:reduce){
  body.home .tr91-hero .tr91-pipes__canvas{transform:none!important;}
}

body.home .tr91-hero.tr91-ready .tr91-pipes__background{
  background-image:url('technirom-v91-starfield.webp');
}


/* -- technirom-v92-polish.css -- */
/* TECHNIROM V92 — professionally crafted header, navigation and proof strip.
 * Scope effects without replacing the prior theme or circuit animation. */
:root{--tr92-ink:#07171d;--tr92-cyan:#73f8ed;--tr92-accent:#ff7758;--tr92-edge:rgba(102,229,227,.22)}
/* Shared navigation motion: similar lift, underline, and glow to the footer. */
.tr-header{isolation:isolate}
.tr-header .tr-nav{position:relative;z-index:2}
.tr-header .tr-links{align-items:center;gap:3px}
.tr-header .tr-links>a,
.tr-header .tr-services>summary{
  position:relative;overflow:visible;
  border-radius:10px;
  transition:color .23s ease,background-color .23s ease,transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease!important;
}
.tr-header .tr-links>a::after,.tr-header .tr-services>summary::after{
  content:"";position:absolute;left:15px;right:15px;bottom:5px;height:2px;
  border-radius:4px;background:linear-gradient(90deg,transparent,#6df4e9,transparent);
  transform:scaleX(0);transform-origin:center;opacity:0;
  transition:transform .25s ease,opacity .25s ease;
}
.tr-header .tr-links>a:hover,.tr-header .tr-links>a:focus-visible,
.tr-header .tr-services>summary:hover,.tr-header .tr-services>summary:focus-visible,
.tr-header .tr-services[open]>summary{
  color:#f3ffff!important;background:rgba(17,119,126,.18)!important;
  box-shadow:inset 0 0 0 1px rgba(101,234,235,.18),0 9px 24px rgba(0,0,0,.15);
  transform:translateY(-2px);
}
.tr-header .tr-links>a:hover::after,.tr-header .tr-links>a:focus-visible::after,.tr-header .tr-links>a[aria-current="page"]::after,
.tr-header .tr-services>summary:hover::after,.tr-header .tr-services[open]>summary::after{
  opacity:1;transform:scaleX(1);
}
.tr-header .tr-links>a[aria-current="page"]{color:#9afcf4!important}
.tr-header .tr-services>summary{list-style:none;cursor:pointer}
.tr-header .tr-services>summary::-webkit-details-marker{display:none}
.tr-header .tr-nav-chevron{display:inline-block;transition:transform .24s ease}
.tr-header .tr-services[open] .tr-nav-chevron{transform:rotate(180deg)}
.tr-header .tr-brand__mark{transition:transform .3s ease,box-shadow .3s ease}
.tr-header .tr-brand:hover .tr-brand__mark{transform:rotate(-5deg) scale(1.04);box-shadow:0 0 25px rgba(15,238,228,.15)}
/* Mega menu remains a native <details> panel (keyboard + touchscreen). */
.tr-header .tr-nav .tr-services{position:static!important}
.tr-header .tr-services[open]>.tr-dropdown{
  display:block;animation:tr92-menu-enter .26s cubic-bezier(.18,.8,.2,1) both;
}
@keyframes tr92-menu-enter{from{opacity:0;transform:translate3d(0,11px,0) scale(.98)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.tr-header .tr-dropdown{
  right:22px!important;left:auto!important;top:calc(100% + 11px)!important;
  width:min(810px,calc(100vw - 48px));padding:24px;
  border:1px solid rgba(89,222,217,.25);
  border-radius:22px;
  background:linear-gradient(141deg,rgba(11,37,46,.985),rgba(5,21,31,.99) 63%,rgba(10,37,47,.99));
  box-shadow:0 36px 85px rgba(0,0,0,.62),inset 0 1px 0 rgba(180,255,250,.1),0 0 42px rgba(0,218,207,.065);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  isolation:isolate;
}
.tr-header .tr-dropdown::before{content:"";position:absolute;left:0;right:0;top:-21px;height:23px;background:transparent}
.tr-header .tr-dropdown__head{padding:0 4px 19px;margin-bottom:12px;border-bottom:1px solid rgba(117,232,229,.19)}
.tr-header .tr-dropdown__head strong{font-size:clamp(19px,2vw,25px);letter-spacing:-.035em;line-height:1.23;color:#fff}
.tr-header .tr-dropdown__head>span:last-child{font-size:12px;color:#9fbfc6;margin-top:6px}
.tr-header .tr92-menu-kicker{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:10px;color:#77f9ed!important;font-size:10px!important;letter-spacing:.21em;font-weight:800}
.tr-header .tr92-menu-kicker>span{font-size:18px;opacity:.75}
.tr-header .tr-dropdown__grid{gap:6px 12px}
.tr-header .tr-dropdown__grid>a{
  position:relative;display:flex;gap:12px;align-items:center;
  min-height:58px;padding:11px 12px;border:1px solid transparent;border-radius:13px;
  color:#edfcff!important;text-decoration:none;
  transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease;
}
.tr-header .tr-dropdown__grid>a::after{content:"↗";position:absolute;right:13px;top:18px;font-size:16px;color:#77e8df;opacity:0;transform:translate(-5px,5px);transition:opacity .2s ease,transform .2s ease}
.tr-header .tr-dropdown__grid>a:hover,.tr-header .tr-dropdown__grid>a:focus-visible{
  transform:translateX(4px);background:rgba(16,90,103,.33)!important;
  border-color:rgba(88,223,219,.26);box-shadow:0 10px 25px rgba(0,0,0,.12)
}
.tr-header .tr-dropdown__grid>a:is(:hover,:focus-visible)::after{opacity:1;transform:translate(0,0)}
.tr-header .tr-dropdown__grid>a>span:first-child{flex:none;display:grid;place-items:center;width:41px;height:41px;border-radius:11px;background:#14353f;color:#90f3e9;border:1px solid rgba(122,249,239,.18);font-size:20px}
.tr-header .tr-dropdown__grid>a:is(:hover,:focus-visible)>span:first-child{background:#1b4b51;box-shadow:0 0 20px rgba(12,213,205,.1)}
.tr-header .tr-dropdown__grid small{display:block;max-width:24ch;color:#a4bfc8;font-size:11px;line-height:1.45;margin-top:3px}
.tr-header .tr-dropdown__cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:19px;padding:16px 18px;border:1px solid rgba(255,140,110,.3);border-radius:12px;background:linear-gradient(105deg,#ff785b,#ec563f);color:#11212b!important;transition:transform .24s ease,box-shadow .24s ease}
.tr-header .tr-dropdown__cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(241,97,64,.2)}
/* Mobile drawer: same studio feel, all existing nav links retained. */
.tr-header .tr-mobile-menu>summary{transition:border-color .2s ease,background .2s ease,transform .2s ease}
.tr-header .tr-mobile-menu[open]>summary{border-color:#3ebebf;background:#12333e;transform:translateY(-1px)}
.tr-header .tr-mobile-menu[open]>.tr-mobile-menu__panel{animation:tr92-menu-enter .26s cubic-bezier(.18,.8,.2,1) both}
.tr-header .tr-mobile-menu__panel{border-radius:17px;border:1px solid rgba(90,221,220,.28);background:linear-gradient(156deg,#0b2933,#061720);box-shadow:0 27px 70px rgba(0,0,0,.52)}
.tr92-mobile-menu__head{padding:10px 14px 16px;border-bottom:1px solid rgba(113,223,223,.18);margin-bottom:8px}
.tr92-mobile-menu__head span{display:block;color:#86f2e6;font-size:10px;font-weight:800;letter-spacing:.19em}
.tr92-mobile-menu__head strong{display:block;margin-top:7px;color:#fff;font-size:18px}
.tr-header .tr-mobile-menu__panel a,.tr-header .tr-mobile-menu__panel details>summary{transition:background .22s ease,transform .22s ease,color .22s ease}
.tr-header .tr-mobile-menu__panel a:is(:hover,:focus-visible),.tr-header .tr-mobile-menu__panel details>summary:is(:hover,:focus-visible){background:rgba(33,137,146,.25);transform:translateX(4px);color:#b3fff7!important}
/* Footer-inspired link motion, not a replacement for footer content. */
.tr-footer__grid a:not(.tr-social__icon),.tr-footer__notice a{position:relative;transition:transform .24s ease,color .24s ease,text-shadow .24s ease}
.tr-footer__grid a:not(.tr-social__icon):hover,.tr-footer__grid a:not(.tr-social__icon):focus-visible,
.tr-footer__notice a:hover,.tr-footer__notice a:focus-visible{color:#9df9ec!important;text-shadow:0 0 16px rgba(41,226,210,.14);transform:translateX(3px)}
@media(max-width:1050px){.tr-header .tr-dropdown{width:min(780px,calc(100vw - 36px))}}
/* Legacy base stylesheet switches to mobile at 1500px. Align the polished
 * header with the 1400px disclosure breakpoint so no navigation disappears. */
@media(min-width:1400px){
  body .tr-header .tr-nav .tr-links{display:flex!important;align-items:center;gap:2px}
  body .tr-header .tr-nav .tr-mobile-menu{display:none!important}
  body .tr-header .tr-nav{gap:clamp(10px,1vw,17px)}
  body .tr-header .tr-links>a,body .tr-header .tr-services>summary{font-size:clamp(11px,.91vw,13px);padding-inline:clamp(8px,.75vw,13px)}
}
@media(max-width:1399px){
  body .tr-header .tr-nav .tr-links{display:none!important}
  body .tr-header .tr-nav .tr-mobile-menu{display:block!important}
}


.tr92-footer-credit{display:block;margin-top:5px;font-size:11px;letter-spacing:.04em;color:#8cabaf}

/* V93: extend the existing footer circuit effect to the TOP navigation.
 * Pseudo background shares the footer's exact SVG; homepage gets its existing
 * intersection-observed live-current canvas (no new animation loop/library). */
.tr-header{position:relative;isolation:isolate;overflow:visible!important}
.tr-header::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url('technirom-v85-network.svg');
  background-repeat:no-repeat;background-position:center;
  background-size:100% 100%;opacity:.41;
}
.tr-header>.tr85-section-current{
  position:absolute;inset:0;width:100%;height:100%;z-index:1;
  pointer-events:none;opacity:.82;
}
.tr-header>.tr-utility-bar,.tr-header>.tr-nav{position:relative;z-index:2}
.tr-header .tr-links>a:is(:hover,:focus-visible),
.tr-header .tr-services>summary:is(:hover,:focus-visible){
  text-shadow:0 0 16px rgba(41,226,210,.32);
}
/* V93: ONLY the five badges from the provided visual; no surrounding white
 * container, caption section, added CTAs, or change to existing actions. */
body.home .tr90-hero .tr93-hero-proof{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;
  gap:10px 15px;width:min(100%,720px);
  margin:0 0 23px!important;padding:0!important;
  border:0!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;
}
body.home .tr93-hero-proof img{
  display:block;flex:0 0 auto;height:55px;max-width:100%;width:auto;
  object-fit:contain;background:transparent;border:0;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.45));
}
@media(max-width:840px){
  body.home .tr90-hero .tr93-hero-proof{justify-content:center;gap:9px 15px;margin-bottom:23px!important}
  body.home .tr93-hero-proof img{height:49px}
}
@media(max-width:560px){
  body.home .tr90-hero .tr93-hero-proof{width:100%;gap:9px 13px;margin:0 auto 22px!important}
  body.home .tr93-hero-proof img{height:43px}
}
@media(max-width:385px){
  body.home .tr93-hero-proof img{height:38px}
  body.home .tr90-hero .tr93-hero-proof{gap:8px 10px}
}
@media(prefers-reduced-motion:reduce){.tr-header>.tr85-section-current{display:none!important}}
/* Keep the original hero wordmark completely within narrow mobile viewports. */
@media(max-width:560px){
  body.home .tr90-hero h1{font-size:clamp(39px,10.5vw,57px)!important;max-width:100%;letter-spacing:-.062em}
}


/* -- technirom-v94-menu-badges.css -- */
/* TECHNIROM 94 — premium Services directory & one-line trust strip. */

/* Nav and dropdown. Scope to our handcrafted header, not WordPress menus. */
.tr-header .tr-nav{overflow:visible!important}
.tr-header .tr-nav .tr-services{position:static!important}
.tr-header .tr-services>.tr-dropdown{
  position:absolute!important;top:calc(100% + 10px)!important;
  right:clamp(14px,2.6vw,40px)!important;left:auto!important;
  z-index:250!important;
  width:min(1010px,calc(100vw - 40px))!important;
  max-height:min(720px,calc(100dvh - 112px));overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:#2a6870 transparent;
  padding:26px 28px 22px!important;
  border:1px solid rgba(86,208,216,.33)!important;border-radius:22px!important;
  background:radial-gradient(ellipse 72% 80% at 100% 0%,rgba(20,100,118,.19),transparent 72%),
    linear-gradient(142deg,rgba(12,32,43,.991),rgba(5,19,28,.997) 75%)!important;
  box-shadow:0 36px 90px rgba(0,0,0,.66),0 0 45px rgba(0,209,213,.10),inset 0 1px rgba(214,255,255,.10)!important;
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
}
.tr-header .tr-services>.tr-dropdown::after{
  content:"";position:absolute;top:0;left:28px;right:28px;height:2px;
  background:linear-gradient(90deg,transparent,#5df8e7 22%,#2ba7b9 70%,transparent);
  pointer-events:none;
}
.tr-header .tr-services[open]>.tr-dropdown{
  display:block!important;animation:tr94-menu-open .22s cubic-bezier(.18,.78,.2,1) both;
}
@keyframes tr94-menu-open{from{opacity:0;transform:translateY(7px) scale(.989)}to{opacity:1;transform:none}}
.tr-header .tr94-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:5px 2px 17px;border-bottom:1px solid rgba(116,209,219,.18);margin-bottom:17px}
.tr-header .tr94-menu-heading__intro{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:4px}
.tr-header .tr94-menu-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#7af0e8!important;font-size:10px!important;font-weight:780;letter-spacing:.21em}
.tr-header .tr94-menu-pulse{width:7px;height:7px;background:#6effe9;border-radius:50%;box-shadow:0 0 0 4px rgba(50,214,219,.08),0 0 12px rgba(65,254,239,.56)}
.tr-header .tr94-menu-heading__intro>strong{font-size:clamp(22px,2vw,29px)!important;line-height:1.17;font-weight:800;letter-spacing:-.045em;color:#f4ffff}
.tr-header .tr94-menu-period{color:#57eee7}
.tr-header .tr94-menu-heading__intro>span:last-child{color:#a8bfca;font-size:12px;line-height:1.5}
.tr-header .tr94-menu-index{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:102px;padding:9px 11px;border:1px solid rgba(78,185,193,.23);border-radius:13px;background:rgba(19,72,83,.23)}
.tr-header .tr94-menu-index>span{font-size:27px;line-height:1.06;font-weight:790;letter-spacing:-.04em;color:#a6fff4}
.tr-header .tr94-menu-index>small{font-size:9px;font-weight:750;letter-spacing:.12em;color:#8eacb7}
.tr-header .tr-dropdown__grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
}
.tr-header .tr-dropdown__grid>a{
  display:flex!important;align-items:center!important;gap:13px!important;
  min-width:0;min-height:72px!important;padding:11px 13px!important;
  border-radius:13px!important;border:1px solid rgba(93,167,179,.115)!important;
  background:linear-gradient(120deg,rgba(26,64,74,.31),rgba(15,41,52,.22))!important;
  color:#f3ffff!important;font-size:13px!important;font-weight:720;line-height:1.24;
  transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
.tr-header .tr-dropdown__grid>a:nth-last-child(-n+2){grid-column:span 2}
.tr-header .tr-dropdown__grid>a:nth-child(3n+2){background:linear-gradient(120deg,rgba(16,53,63,.3),rgba(14,43,53,.2))!important}
.tr-header .tr-dropdown__grid>a:is(:hover,:focus-visible){
  transform:translateY(-2px)!important;border-color:rgba(87,241,225,.53)!important;
  background:linear-gradient(110deg,rgba(26,99,105,.52),rgba(21,68,80,.39))!important;
  box-shadow:0 14px 28px rgba(0,0,0,.21),inset 0 1px rgba(145,255,245,.09)!important;
}
.tr-header .tr-dropdown__grid>a::after{top:12px!important;right:13px!important;font-size:14px!important}
.tr-header .tr-dropdown__grid>a>span.tr94-service-icon{
  display:grid!important;place-items:center!important;flex:0 0 42px!important;
  width:42px!important;height:42px!important;border-radius:11px!important;
  color:#79f8eb!important;background:linear-gradient(145deg,rgba(55,133,143,.27),rgba(22,61,73,.45))!important;
  border:1px solid rgba(91,209,207,.31)!important;
  box-shadow:inset 0 1px rgba(193,255,248,.1);
}
.tr-header .tr-dropdown__grid>a:nth-child(even)>span.tr94-service-icon{color:#ff9d83!important;background:linear-gradient(145deg,rgba(135,65,69,.18),rgba(44,62,76,.45))!important;border-color:rgba(235,136,122,.24)!important}
.tr-header .tr-dropdown__grid>a:hover>span.tr94-service-icon{color:#b3fff7!important;border-color:rgba(122,251,237,.55)!important;box-shadow:0 0 22px rgba(59,227,212,.11)}
.tr-header .tr94-service-icon svg{width:22px;height:22px;display:block;stroke:currentColor}
.tr-header .tr-dropdown__grid>a>span.tr94-service-copy{display:block!important;min-width:0;color:inherit;font-size:13px;line-height:1.24}
.tr-header .tr-dropdown__grid small{display:block;margin-top:5px!important;max-width:100%;font-size:11px!important;color:#9db9c4!important;font-weight:470;line-height:1.3}
.tr-header .tr94-menu-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 2px 0;margin-top:15px;border-top:1px solid rgba(116,209,219,.18)}
.tr-header .tr94-menu-footer>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.tr-header .tr94-menu-footer>div strong{font-size:13px;color:#eefbff;line-height:1.3}
.tr-header .tr94-menu-footer>div span{font-size:11px;color:#a3bcc8}
.tr-header .tr94-menu-footer>.tr-dropdown__cta{
  display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;
  gap:20px;margin:0!important;padding:13px 17px!important;
  border-radius:11px!important;border:1px solid rgba(255,175,147,.48)!important;
  background:linear-gradient(110deg,#ff876a,#ff7356)!important;color:#15222b!important;
  font-size:13px!important;font-weight:820;text-decoration:none;
  box-shadow:0 7px 20px rgba(223,74,51,.17);
}
.tr-header .tr94-menu-footer>.tr-dropdown__cta:is(:hover,:focus-visible){background:linear-gradient(110deg,#ffa089,#ff896d)!important;box-shadow:0 10px 25px rgba(232,86,61,.24);transform:translateY(-1px)}

/* Strengthen mobile services in the existing menu, no duplicate links. */
.tr-header .tr-mobile-menu__panel{max-height:calc(100dvh - 92px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#286b74 transparent}
.tr-header .tr-mobile-menu__panel details{border-top:1px solid rgba(94,201,206,.18);padding-top:6px;margin-top:5px}
.tr-header .tr-mobile-menu__panel details>summary{display:flex;align-items:center;justify-content:space-between;font-weight:750;color:#c9fff8!important;padding:14px!important;border-radius:10px;cursor:pointer}
.tr-header .tr-mobile-menu__panel details>summary::after{content:'⌄';color:#86f7e8;font-size:19px;transition:transform .2s}
.tr-header .tr-mobile-menu__panel details[open]>summary::after{transform:rotate(180deg)}
.tr-header .tr-mobile-menu__panel details>a{border-left:2px solid rgba(106,231,224,.16);margin-left:12px;padding-left:17px}

/* V94: five reference badges always share ONE horizontal row. The theme
 * previously allowed them to wrap, creating a vertical list on desktop. */
body.home .tr90-hero .tr84-hero__content>.tr93-hero-proof,
body.home .tr90-hero .tr84-hero__content>.tr94-trust-inline{
  display:flex!important;flex-flow:row nowrap!important;align-items:center!important;
  justify-content:flex-start!important;gap:clamp(8px,.86vw,17px)!important;
  flex:0 0 auto!important;width:min(100%,750px)!important;
  max-width:100%!important;min-width:0!important;
  margin:0 0 23px!important;padding:0!important;
  border:0!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;
}
body.home .tr90-hero .tr84-hero__content>.tr94-trust-inline>img{
  display:block!important;flex:0 0 auto!important;width:auto!important;
  height:clamp(44px,3vw,55px)!important;min-width:0;
  max-width:none!important;object-fit:contain;
  background:transparent!important;border:0!important;
}
@media(max-width:800px){
  body.home .tr90-hero .tr84-hero__content>.tr94-trust-inline{justify-content:center!important;width:100%!important;gap:clamp(5px,1.1vw,10px)!important}
  body.home .tr90-hero .tr84-hero__content>.tr94-trust-inline>img{height:clamp(31px,4.8vw,46px)!important}
}
@media(max-width:520px){
  /* Fit every badge in one visible row on a phone, without wrapping or clipping.
   * Natural SVG proportions remain intact. */
  body.home .tr90-hero .tr84-hero__content>.tr94-trust-inline{
    display:grid!important;grid-template-columns:111fr 103fr 83fr 115fr 197fr!important;
    column-gap:5px!important;overflow:visible!important;width:100%!important;
    justify-content:stretch!important;margin:0 auto 20px!important;
  }
  body.home .tr90-hero .tr84-hero__content>.tr94-trust-inline>img{
    display:block!important;width:100%!important;height:auto!important;max-width:100%!important;min-width:0!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .tr-header .tr-services[open]>.tr-dropdown{animation:none!important}
  .tr-header .tr-dropdown__grid>a{transition:none!important}
}


/* TECHNIROM V95: rendering-only optimizations. No design or spacing changes. */
@supports (content-visibility:auto){
 body.home .tr80-home > :is(.tr80-services,.tr80-feature,.tr80-showcase,.tr80-process,.tr80-journal,.tr80-faq,.tr80-cta){
   content-visibility:auto;contain-intrinsic-size:auto 720px;
 }
}
/* The drop-down has a ~99.5% opaque background: blurring unseen pixels on
   every open frame wastes GPU bandwidth without changing its visual result. */
.tr-header .tr-services>.tr-dropdown{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* Pause decorative CSS painting as soon as the observed hero leaves screen. */
body.home .tr87-hero:not(.tr85-active) .tr87-hub__tracer{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
 body.home .tr87-hub__tracer{animation:none!important}
}


/* TECHNIROM V96 — Service carousel and updated AI tagline; keeps V95 palette and cards. */
body.home .tr96-hero__tagline{font-weight:750;letter-spacing:-.035em;text-wrap:balance;max-width:850px}
body.home .tr96-hero__tagline span{color:#00e4e8;font-weight:800}
.tr96-carousel__toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:-5px 0 19px;min-height:46px}
.tr96-carousel__hint{display:inline-flex;align-items:center;gap:12px;color:#91b9c7;font-size:10px;font-weight:850;letter-spacing:.18em;line-height:1.5}
.tr96-carousel__hint-line{display:block;flex:none;width:30px;height:1px;background:#35d6dc}
.tr96-carousel__hint-extra{color:#7196a6;font-weight:650;letter-spacing:.11em}
.tr96-carousel__controls{display:flex;align-items:center;gap:9px;flex:none}
.tr96-carousel__counter{min-width:65px;margin-right:9px;color:#b6d7e0;font-size:12px;font-weight:800;letter-spacing:.15em;font-variant-numeric:tabular-nums;text-align:right}
.tr96-carousel__arrow{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(85,160,175,.48);border-radius:50%;background:#0d2633;color:#d7faff;cursor:pointer;font-family:inherit;font-size:22px;font-weight:500;line-height:1;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.tr96-carousel__arrow:not(:disabled):hover{background:#10cbd1;border-color:#10cbd1;color:#05202a;transform:translateY(-2px)}
.tr96-carousel__arrow:focus-visible{outline:3px solid #ff866c;outline-offset:3px}
.tr96-carousel__arrow:disabled{opacity:.34;cursor:default}
.tr96-carousel{position:relative;min-width:0;max-width:100%}
.tr80-services .tr80-service-grid.tr96-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px) / 3);grid-template-columns:none;gap:22px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:7px 1px 22px;scroll-margin:0;min-width:0;outline-offset:4px}
.tr80-services .tr96-carousel__track::-webkit-scrollbar{display:none}
.tr80-services .tr96-carousel__track>.tr80-service-card{scroll-snap-align:start;scroll-snap-stop:always;height:100%;min-width:0;display:flex;flex-direction:column}
.tr80-services .tr96-carousel__track .tr80-service-card__content{display:flex;flex:1;flex-direction:column}
.tr80-services .tr96-carousel__track .tr80-service-card__content>p{margin-bottom:0!important}
.tr96-carousel__track:focus-visible{outline:2px solid #49dce0;border-radius:14px}
.tr96-editor-art{position:absolute;inset:0;display:block;overflow:hidden;background:radial-gradient(ellipse at 55% 35%,#12566b 0%,#072b40 38%,#050d1d 100%)}
.tr96-editor-art--shorts{background:radial-gradient(ellipse at 50% 45%,#374278 0%,#181b45 45%,#0b1025 100%)}
.tr96-editor-art__grid{position:absolute;inset:0;opacity:.26;background:linear-gradient(90deg,transparent 96%,#3aa8b7 96%) 0 0/46px 46px,linear-gradient(0deg,transparent 96%,#3aa8b7 96%) 0 0/46px 46px;transform:perspective(350px) rotateX(25deg) scale(1.2)}
.tr96-editor-art__screen{position:absolute;top:12%;left:14%;right:14%;bottom:31%;display:grid;place-items:center;overflow:hidden;border:2px solid #62d8e5;border-radius:9px;background:linear-gradient(150deg,#116477,#051d33 48%,#00131f);box-shadow:0 20px 33px rgba(0,0,0,.42),0 0 27px rgba(25,213,215,.1)}
.tr96-editor-art__glow{position:absolute;inset:-50% -30%;background:radial-gradient(ellipse at 50% 50%,rgba(16,223,224,.38),transparent 55%);transform:rotate(-15deg)}
.tr96-editor-art__play{position:relative;display:grid;place-items:center;width:56px;height:56px;padding-left:4px;border:1px solid rgba(219,255,255,.62);border-radius:50%;background:rgba(4,21,31,.45);color:#eaffff;font-size:20px;box-shadow:0 0 25px rgba(0,247,232,.25)}
.tr96-editor-art__time{position:absolute;right:8px;bottom:7px;color:#fff;font-size:9px;font-weight:750;letter-spacing:.13em}
.tr96-editor-art__timeline{position:absolute;left:10%;right:10%;bottom:19%;height:17px;display:flex;gap:3px;padding:3px;border:1px solid #44707e;border-radius:4px;background:#0b1929;box-shadow:0 7px 18px rgba(0,0,0,.32)}
.tr96-editor-art__timeline i{display:block;flex:1;background:linear-gradient(90deg,#48b6c7,#09889a);border-radius:2px}
.tr96-editor-art__timeline i:nth-child(2n){background:linear-gradient(90deg,#ff9c7b,#e66d60)}
.tr96-editor-art__timeline i:nth-child(3n){flex:.5;background:#2a5d77}
.tr96-editor-art__label{position:absolute;top:10px;left:13px;font-size:9px;line-height:1;letter-spacing:.16em;font-weight:850;color:#befeff}
.tr96-editor-art--shorts .tr96-editor-art__screen{left:36%;right:36%;top:9%;bottom:23%;border-radius:15px;border-color:#b9a5ff;background:linear-gradient(140deg,#795cbd,#271d6b 45%,#080e29)}
.tr96-editor-art--shorts .tr96-editor-art__play{width:42px;height:42px;font-size:15px}
.tr96-editor-art--shorts .tr96-editor-art__glow{background:radial-gradient(ellipse at 40% 40%,rgba(214,127,255,.5),transparent 60%)}
.tr96-editor-art--shorts .tr96-editor-art__timeline{left:18%;right:18%;bottom:12%;height:14px}
.tr96-editor-art--shorts .tr96-editor-art__timeline i:nth-child(2n){background:linear-gradient(90deg,#9f91ec,#b58eff)}
.tr96-editor-art--shorts .tr96-editor-art__label{color:#e5daff}
@media(max-width:1040px){
  .tr80-services .tr80-service-grid.tr96-carousel__track{grid-auto-columns:calc((100% - 18px) / 2);gap:18px}
}
@media(max-width:640px){
  .tr96-carousel__toolbar{margin:1px 0 16px;gap:8px}
  .tr96-carousel__hint{font-size:9px;letter-spacing:.09em;gap:8px}
  .tr96-carousel__hint-line{width:15px}
  .tr96-carousel__hint-extra{display:none}
  .tr96-carousel__counter{min-width:49px;margin-right:1px;font-size:10px;letter-spacing:.07em}
  .tr96-carousel__arrow{width:37px;height:37px;font-size:19px}
  .tr80-services .tr80-service-grid.tr96-carousel__track{grid-auto-columns:min(85%,360px);gap:15px;padding-bottom:17px}
  body.home .tr96-hero__tagline{font-size:clamp(27px,6.5vw,36px);line-height:1.12}
}
@media(max-width:370px){
  .tr96-carousel__hint{font-size:8px;letter-spacing:.04em}
  .tr96-carousel__controls{gap:6px}
  .tr80-services .tr80-service-grid.tr96-carousel__track{grid-auto-columns:88%}
}
@media(prefers-reduced-motion:reduce){
  .tr80-services .tr80-service-grid.tr96-carousel__track{scroll-behavior:auto}
  .tr96-carousel__arrow{transition:none}
}


/* TECHNIROM V97 — Longer hero eyebrow and refined center hub proportions. */
body.home .tr84-hero__eyebrow{max-width:min(100%,900px);white-space:nowrap}
body.home .tr84-hero__eyebrow span{margin:0 7px}
@media (max-width:820px){
  body.home .tr84-hero__eyebrow{font-size:clamp(9px,1.8vw,12px);letter-spacing:.12em;padding:9px 18px}
}
@media (max-width:560px){
  body.home .tr84-hero__eyebrow{max-width:100%;white-space:normal;text-wrap:balance;padding:8px 12px;font-size:8.6px;letter-spacing:.07em;line-height:1.55}
  body.home .tr84-hero__eyebrow span{margin:0 4px}
}


/* TECHNIROM V99 — Mobile hero: scale and reframe the entire circuit as one piece.
   The V98 individual layer scaling left the center and circuits low in the hero.
   Applying one shared transform preserves perfect alignment of WebGL texture,
   fallback artwork, SVG hub and animated current without extra animation loops. */
@media (max-width: 768px) {
  body.home .tr90-hero .tr84-scene {
    top: 48px;
    height: 805px;
    overflow: hidden;
  }
  body.home .tr91-hero .tr91-pipes__background,
  body.home .tr91-hero .tr91-pipes__canvas,
  body.home .tr91-hero .tr84-scene__graphic,
  body.home .tr91-hero .tr84-scene__current {
    width: 100%;
    height: 100%;
    max-width: none;
    left: 0;
    top: 0;
    transform: none;
  }
  body.home .tr91-hero .tr91-pipes__background {
    background-position: center top;
    background-size: cover;
  }
  body.home .tr91-hero .tr85-scene__drift {
    transform: translate3d(0,-112px,0) scale(1.21) !important;
    transform-origin: 50% 0;
    transition: none !important;
    animation: none !important;
  }
  body.home .tr90-hero .tr84-hero__content::before {
    inset: -20px -19px -30px;
    background: radial-gradient(ellipse 86% 85% at 50% 32%,
      rgba(1,10,16,.62),rgba(1,10,16,.38) 56%,transparent 88%);
  }
  body.home .tr91-hero .tr84-scene__fade {
    background: linear-gradient(180deg,
      rgba(1,9,13,.02) 0%,rgba(1,9,13,.03) 40%,
      rgba(1,9,13,.13) 68%,rgba(1,9,13,.53) 87%,#01090d 100%);
  }
}
@media (max-width: 560px) {
  body.home .tr90-hero .tr84-scene {
    top: 0;
    height: 840px;
  }
  body.home .tr91-hero .tr85-scene__drift {
    transform: translate3d(0,-128px,0) scale(1.34) !important;
  }
  body.home .tr90-hero .tr84-hero__benefits {
    margin-top: 174px;
  }
}
@media (max-width: 380px) {
  body.home .tr90-hero .tr84-scene {top: 0;height: 805px;}
  body.home .tr91-hero .tr85-scene__drift {
    transform: translate3d(0,-122px,0) scale(1.32) !important;
  }
}


/* TECHNIROM V100 — Mobile hero matches desktop composition more closely, and orange CTAs become light blue. */
:root{
  --tr100-btn:#79e7f6;
  --tr100-btn-strong:#5fdff1;
  --tr100-btn-hover:#95eff9;
  --tr100-btn-border:rgba(140,243,255,.74);
  --tr100-btn-shadow:rgba(43,219,243,.22);
  --tr100-btn-text:#08252d;
}

/* Site button palette overrides (front page bundle). */
body.home .tr80-button--coral,
body.home .tr-nav__cta,
body.home .tr-dropdown__cta,
body.home .tr94-menu-footer>.tr-dropdown__cta{
  background:linear-gradient(135deg,var(--tr100-btn),var(--tr100-btn-strong))!important;
  color:var(--tr100-btn-text)!important;
  border-color:var(--tr100-btn-border)!important;
  box-shadow:0 12px 28px var(--tr100-btn-shadow)!important;
}
body.home .tr80-button--coral:hover,
body.home .tr80-button--coral:focus-visible,
body.home .tr-nav__cta:hover,
body.home .tr-nav__cta:focus-visible,
body.home .tr-dropdown__cta:hover,
body.home .tr-dropdown__cta:focus-visible,
body.home .tr94-menu-footer>.tr-dropdown__cta:hover,
body.home .tr94-menu-footer>.tr-dropdown__cta:focus-visible{
  background:linear-gradient(135deg,var(--tr100-btn-hover),var(--tr100-btn))!important;
  color:var(--tr100-btn-text)!important;
  border-color:rgba(190,249,255,.95)!important;
  box-shadow:0 14px 34px rgba(74,224,244,.28)!important;
}

/* Mobile hero: revert the phone-specific exaggerated drift and use a desktop-like composition. */
@media (max-width:768px){
  body.home .tr80-hero.tr84-hero.tr87-hero.tr90-hero{padding:62px 0 32px;text-align:center}
  body.home .tr90-hero .tr84-scene{top:0;height:760px;overflow:hidden}
  body.home .tr91-hero .tr85-scene__drift{transform:none!important;transform-origin:50% 0;transition:none!important;animation:none!important}
  body.home .tr91-hero .tr91-pipes__background,
  body.home .tr91-hero .tr91-pipes__canvas,
  body.home .tr91-hero .tr84-scene__graphic,
  body.home .tr91-hero .tr84-scene__current{width:100%;height:100%;left:0;top:0;max-width:none;transform:none!important}
  body.home .tr91-hero .tr91-pipes__background{background-position:center top;background-size:cover}
  body.home .tr91-hero .tr84-scene__fade{background:linear-gradient(180deg,rgba(1,9,13,.02) 0%,rgba(1,9,13,.04) 36%,rgba(1,9,13,.12) 62%,rgba(1,9,13,.42) 84%,#01090d 100%)}
  body.home .tr90-hero .tr84-hero__content{width:calc(100% - 38px);align-items:center;text-align:center}
  body.home .tr90-hero .tr84-hero__content::before{inset:-24px -16px -40px;background:radial-gradient(ellipse 76% 74% at 50% 38%,rgba(1,10,16,.78),rgba(1,10,16,.48) 66%,transparent 100%)}
  body.home .tr90-hero h1,
  body.home .tr90-hero .tr84-hero__subtitle,
  body.home .tr90-hero .tr84-hero__description{text-align:center}
  body.home .tr90-hero .tr84-hero__actions{justify-content:center}
  body.home .tr90-hero .tr84-hero__benefits{width:calc(100% - 38px);margin-top:188px}
}
@media (max-width:560px){
  body.home .tr80-hero.tr84-hero.tr87-hero.tr90-hero{padding:56px 0 28px}
  body.home .tr90-hero .tr84-scene{top:0;height:690px}
  body.home .tr90-hero .tr84-hero__benefits{width:calc(100% - 32px);margin-top:164px}
}
@media (max-width:380px){
  body.home .tr90-hero .tr84-scene{height:650px}
  body.home .tr90-hero .tr84-hero__benefits{margin-top:152px}
}