/* TECHNIROM V83 — reference-matched cinematic AI hero.
   Adds no baked-in headline, buttons, navigation, or brand proof to the art.
   All headings, contact links and benefits remain accessible live HTML. */
:root{--tr80-dark:#020a10;--tr80-dark2:#07131d;--tr80-coral:#ff795d;--tr80-coral-strong:#ff7656}
body.home .tr-header{background:#020d15;border-bottom:1px solid rgba(147,236,240,.14)}
body.home .tr-nav{min-height:95px;width:min(1330px,calc(100% - 64px))}
body.home .tr-brand__mark{border-color:#1b5362;background:#061720}
body.home .tr-brand__copy strong{font-size:22px}
body.home .tr-links>a:first-child{color:#ff7a60!important}
body.home .tr-nav__cta{padding:12px 20px;min-height:52px;box-shadow:0 2px 25px rgba(255,116,83,.12)}
body.home .tr80-hero.tr83-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;min-height:838px;padding:334px 0 42px;background:#020a10;color:white;text-align:center}
.tr83-hero__art{position:absolute;z-index:-2;inset:0;pointer-events:none;background-color:#020a10;background-image:linear-gradient(180deg,rgba(0,8,15,.0) 0%,rgba(0,8,15,.06) 49%,rgba(0,8,15,.1) 67%,rgba(0,8,15,.6) 100%),url('technirom-v83-circuit-background.webp');background-size:100% 100%,cover;background-position:center top;background-repeat:no-repeat;transform:scale(1.018) translate3d(var(--tr83-parallax-x,0px),var(--tr83-parallax-y,0px),0);transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.tr83-hero__aura{position:absolute;z-index:0;top:232px;left:50%;width:460px;height:460px;transform:translate(-50%,-50%);pointer-events:none}
.tr83-aura__ring{position:absolute;inset:8%;border-radius:50%;border:1px dashed rgba(48,253,247,.53);box-shadow:inset 0 0 30px rgba(0,255,237,.065),0 0 20px rgba(8,252,239,.15);animation:tr83-ring-rotate 36s linear infinite}
.tr83-aura__ring:before{content:"";position:absolute;inset:6%;border-radius:50%;border:1px dotted rgba(21,253,236,.26);animation:tr83-ring-rotate 28s linear infinite reverse}
.tr83-aura__ring:after{content:"";position:absolute;inset:-7%;border-radius:50%;border:2px solid transparent;border-top-color:rgba(33,255,241,.55);border-right-color:rgba(255,124,95,.30);filter:drop-shadow(0 0 6px rgba(0,255,230,.55))}
.tr83-aura__spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#9cffff;box-shadow:0 0 12px #00ffff,0 0 25px rgba(2,255,254,.65);animation:tr83-spark-float 5s ease-in-out infinite}
.tr83-aura__spark--one{left:11%;top:28%}.tr83-aura__spark--two{right:14%;bottom:31%;width:5px;height:5px;animation-delay:-2s}
@keyframes tr83-ring-rotate{to{transform:rotate(360deg)}}
@keyframes tr83-spark-float{50%{transform:translate3d(3px,-9px,0);opacity:.56}}
.tr83-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:1200px;width:calc(100% - 40px);margin:0 auto}
body.home .tr83-hero h1{font-size:clamp(45px,5.1vw,79px);font-weight:860;letter-spacing:-.044em;line-height:1.035;text-shadow:0 4px 18px rgba(0,0,0,.38);max-width:1180px;margin:0 0 28px!important;color:#fff}
body.home .tr83-hero h1 span{display:block;white-space:nowrap}
body.home .tr83-hero h1 .tr83-hero__headline-accent{color:#ff795d}
body.home .tr83-hero h1 .tr83-hero__headline-accent strong{font-weight:860;color:#fff}
.tr83-hero__description{font-size:18px;max-width:720px;line-height:1.5;font-weight:400;letter-spacing:0;color:#e4eef3;text-shadow:0 2px 10px #020a10;margin:0 0 30px!important}
.tr83-hero__actions{display:flex;align-items:center;justify-content:center;gap:24px}
.tr83-hero__actions .tr80-button{min-width:222px;min-height:59px;font-size:14px;gap:25px;border-radius:9px}
.tr83-hero__actions .tr80-button--coral{box-shadow:none;color:#0e1820!important}
.tr83-hero__actions .tr80-button--ghost{background:rgba(1,12,19,.67);border-color:#37505a;gap:14px}
.tr83-play{display:grid!important;place-items:center;width:27px;height:27px;border:1.5px solid #deeaf1;border-radius:50%;font-size:17px!important;line-height:1}
.tr83-hero__benefits{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:68px auto 0;width:min(1300px,calc(100% - 72px));max-width:1300px}
.tr83-benefit{display:flex;align-items:center;justify-content:center;gap:18px;padding:0 16px;min-height:57px;color:#eff6f8;font-size:15px;font-weight:500;line-height:1.38;text-align:left;border-right:1px solid rgba(191,225,233,.17)}
.tr83-benefit:last-child{border-right:none}
.tr83-benefit__icon{color:#36d7e9;display:inline-flex;align-items:center;justify-content:center;min-width:40px;font-size:34px;font-weight:300;font-family:Arial,sans-serif;line-height:1}
/* Preserve dark treatment on the complete homepage. */
body.home .tr80-capabilities{background:#03111a}
body.home .tr80-intro,body.home .tr80-journal{background:#07131c}
body.home .tr80-services,body.home .tr80-showcase,body.home .tr80-faq{background:#040c14}
body.home .tr80-feature,body.home .tr80-process{background:#07151e}
@media(min-width:1800px){body.home .tr80-hero.tr83-hero{min-height:860px}.tr83-hero__art{background-size:100% 100%,cover}}
@media(max-width:1180px) and (min-width:769px){body.home .tr80-hero.tr83-hero{padding-top:320px}.tr83-hero__aura{top:220px;width:430px;height:430px}body.home .tr83-hero h1{font-size:clamp(43px,5.6vw,67px)}.tr83-benefit{gap:9px;font-size:12px;padding-inline:8px}}
@media(max-width:768px){
 body.home .tr80-hero.tr83-hero{min-height:0;padding:clamp(310px,48vw,370px) 0 45px}
 .tr83-hero__art{background-size:100% 100%,auto 720px;background-position:center top;transform:translate3d(0,0,0)}
 .tr83-hero__aura{top:185px;width:390px;height:390px}
 body.home .tr83-hero h1{font-size:clamp(32px,6vw,50px);line-height:1.06;letter-spacing:-.055em;margin-bottom:19px!important}
 .tr83-hero__description{max-width:540px;font-size:15px;line-height:1.6;margin-bottom:25px!important}
 .tr83-hero__benefits{grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% - 28px);margin-top:49px}
 .tr83-benefit:last-child{display:none}
 .tr83-benefit{flex-direction:column;text-align:center;gap:7px;font-size:11px;padding:0 5px;line-height:1.35}
 .tr83-benefit__icon{font-size:28px}
 .tr83-hero__actions .tr80-button{min-width:180px}
}
@media(max-width:600px){
 body.home .tr-nav{min-height:73px;width:calc(100% - 24px)}
 body.home .tr80-hero.tr83-hero{padding:clamp(285px,88vw,341px) 0 37px}
 .tr83-hero__art{background-size:100% 100%,auto 630px;background-position:center top}
 .tr83-hero__aura{top:180px;width:355px;height:355px}
 .tr83-hero__content{width:calc(100% - 20px)}
 body.home .tr83-hero h1{font-size:clamp(27px,8.45vw,41px);margin-bottom:18px!important;letter-spacing:-.059em;line-height:1.08}
 .tr83-desktop-break{display:none}
 .tr83-hero__description{font-size:14px;line-height:1.7;max-width:370px;margin-bottom:28px!important;padding:0 10px}
 .tr83-hero__actions{flex-direction:column;width:min(100%,330px);gap:12px}
 .tr83-hero__actions .tr80-button{min-height:54px;width:100%;font-size:14px}
 .tr83-hero__benefits{margin-top:42px}
 .tr83-benefit{font-size:10px;min-height:83px}
 .tr83-benefit__icon{font-size:26px}
}
@media(max-width:360px){.tr83-hero__aura{width:315px;height:315px;top:163px}body.home .tr83-hero h1{font-size:clamp(26px,8.25vw,31px)}.tr83-hero__description{font-size:13px}}
@media(prefers-reduced-motion:reduce){.tr83-aura__ring,.tr83-aura__ring:before,.tr83-aura__spark{animation:none!important}.tr83-hero__art{transform:none!important;transition:none!important}}

/* V83 final: compact navigation at narrow mobile widths. */
@media(max-width:600px){
 body.home .tr-nav{width:calc(100% - 24px);min-height:70px;gap:6px}
 body.home .tr-brand{gap:6px;margin-right:auto;min-width:0}
 body.home .tr-brand__mark{width:32px;height:32px;flex:none}
 body.home .tr-logo-img{width:28px;height:28px}
 body.home .tr-brand__copy strong{font-size:clamp(13px,3.8vw,16px);letter-spacing:0}
 body.home .tr-brand__copy small{font-size:6px;letter-spacing:.07em}
 body.home .tr-nav__cta{height:37px;min-height:37px!important;max-width:109px;min-width:90px;flex:none;white-space:nowrap;padding:6px 7px!important;gap:5px;font-size:9px;line-height:1.1;border-radius:7px}
 body.home .tr-nav__cta span:last-child{font-size:14px}
 body.home .tr-mobile-menu{min-width:35px;flex:none}
 body.home .tr-mobile-menu>summary{width:36px;height:37px;padding:0}
}
@media(max-width:360px){
 body.home .tr-nav{gap:4px}
 body.home .tr-brand__copy strong{font-size:12.5px}
 body.home .tr-brand__copy small{font-size:5.5px}
 body.home .tr-nav__cta{max-width:98px;min-width:91px;font-size:8.4px;gap:2px;padding:6px 5px!important}
 body.home .tr-brand__mark{width:29px;height:29px}
 body.home .tr-logo-img{width:26px;height:26px}
 body.home .tr-mobile-menu>summary{width:34px;height:35px}
}