/* 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}
}
