/* ERAYAEP / TITANIUM NOIR. Original art direction; no remote fonts or trackers. */
:root{--tit-white:#f6f8fd;--tit-silver:#b6c4d8;--tit-cold:#9fc3ff;--tit-stroke:rgba(190,211,243,.15)}
html{scroll-behavior:smooth}
body{background:#04060a;color:#f2f5fb;-webkit-font-smoothing:antialiased}
.wrap{width:min(1390px,calc(100% - 100px))}
.site-header{height:74px;background:rgba(4,7,12,.81);border-bottom:1px solid #c9dcf51a}
.site-header .nav-inner{max-width:1390px}
.logo{letter-spacing:.145em}
.main-nav{gap:36px}.main-nav a{font-size:11px;font-weight:600;letter-spacing:.02em}
.nav-launch{background:#f3f6fd;box-shadow:0 0 24px #d0e3ff0a;color:#10131a}
.hero-next{min-height:795px;background:radial-gradient(ellipse 52% 80% at 77% 47%,#1a33565e,transparent 72%),radial-gradient(ellipse 65% 70% at 0% 0%,#0d17273f,transparent 75%),#04070b}
.hero-next:after{background:linear-gradient(180deg,#02040900 64%,#03060b 99%),radial-gradient(ellipse at 68% 40%,transparent 25%,#03060b6b 82%)}
.hero-next .ambient-canvas{opacity:.78}
.next-hero-grid{grid-template-columns:53% 47%;min-height:725px}
.hero-message{padding-top:70px;padding-bottom:80px}
.hero-edition{font-size:10px;letter-spacing:.24em;color:#a9bfdc}
.hero-next h1{font-size:clamp(59px,6.2vw,108px);font-weight:650;line-height:1.01;letter-spacing:-.086em;max-width:930px;margin:31px -140px 27px 0}
.hero-next h1 .soft-gradient{background-image:linear-gradient(105deg,#f7f9fd 4%,#b5c7e0 45%,#6688b6 87%,#c8d6eb);-webkit-background-clip:text;background-clip:text}
.hero-description{font-size:15px;line-height:1.85;color:#9daec3;max-width:460px}
.hero-actions{gap:26px}
.next-primary{padding:11px 12px 11px 23px;box-shadow:0 13px 45px #b5d5ff13}
.next-secondary{color:#a6b7cc}
.hero-microfacts{margin-top:62px}
.cinema-stage{height:710px;perspective:1200px}
.stage-aura{background:radial-gradient(circle,#4a8ed956 0,#366da129 24%,transparent 67%);filter:blur(42px)}
.stage-prism{position:absolute;left:19%;top:19%;width:74%;height:67%;border-radius:50%;background:conic-gradient(from 30deg,#7ca8d500,rgba(163,211,255,.07),transparent 24%,rgba(138,186,251,.08) 54%,transparent 72%,#9abbd100);filter:blur(26px);animation:prism-breathe 9s ease-in-out infinite alternate;pointer-events:none}
@keyframes prism-breathe{to{transform:scale(1.13) rotate(9deg);opacity:.65}}
.stage-object{inset:7% -1% 8% 1%;transition:transform .28s cubic-bezier(.19,.85,.22,1)}
.stage-orbit{border-width:30px;box-shadow:inset 0 0 23px #fff4;filter:drop-shadow(0 25px 48px #04080ec4)}
.orbit-front{border-width:21px}
.stage-core{left:30%;top:27%;width:327px;height:327px;box-shadow:0 0 0 1px #e2f2ff63,inset 0 0 22px #fff5,0 30px 110px #000b,0 0 65px #81b4ff31}
.stage-core-inner{background:radial-gradient(circle at 35% 20%,#324763,#0e1927 48%,#04080d 82%)}
.stage-monogram{font-size:160px;font-weight:740}
.stage-float{border-radius:13px;border-color:#d7e9ff50;background:linear-gradient(130deg,#283a52e8,#0b1420ec 83%);backdrop-filter:blur(32px);box-shadow:0 20px 55px #000a,inset 0 1px #ffffff38}
.stage-floating-one{left:-5%;top:18%}.stage-floating-two{right:-8%;bottom:18%}
.next-hero-footer{border-color:#c6d5e51b}
.intro-strip{background:#05090f}
.film-section{background:radial-gradient(ellipse 60% 48% at 50% 48%,#12264038,transparent 80%),#05080d}
.film-shell{border:1px solid #d4e7ff2a;box-shadow:0 35px 100px #0008,0 0 75px #7096c50b}
.profile-plate{transition:transform .45s cubic-bezier(.2,.9,.2,1),border-color .3s,box-shadow .3s}
.profile-plate:hover{transform:translateY(-8px);border-color:#bed5ff65;box-shadow:0 30px 65px #0009}
/* interactive output console */
.signal-lab{padding:142px 0 130px;background:radial-gradient(ellipse 50% 90% at 75% 52%,#19355438,transparent 80%),linear-gradient(180deg,#05080d,#090e17 50%,#05080c);border-top:1px solid #c4d4eb13;border-bottom:1px solid #c4d4eb13;overflow:hidden}
.signal-grid{display:grid;grid-template-columns:43% 57%;gap:6%;align-items:center}
.signal-story h2,.precision-intro h2{font-size:clamp(49px,5.2vw,83px);line-height:1.06;letter-spacing:-.068em;font-weight:640;margin:23px 0 25px}
.signal-story>p:not(.kicker){max-width:440px;color:#9faec1;line-height:1.85;font-size:15px}
.signal-points{display:grid;gap:16px;margin:37px 0 40px}
.signal-points span{color:#b8c6d8;font-size:10px;letter-spacing:.12em;font-weight:650;display:flex;gap:18px;align-items:center}
.signal-points b{font-size:11px;color:#7091bc;font-weight:550}
.signal-link{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #aecbfa8a;padding-bottom:12px;color:#f0f6ff;font-size:12px;font-weight:700;letter-spacing:.03em;text-decoration:none}
.signal-link span{font-size:20px}
.signal-console{position:relative;border:1px solid #c8ddfa35;border-radius:24px;background:linear-gradient(140deg,#1a293c 0,#101a29 12%,#0a1019 57%,#080c13);box-shadow:0 32px 100px #000b,inset 0 1px 0 #ffffff29;overflow:hidden;max-width:690px}
.signal-console:before{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background:radial-gradient(420px circle at var(--px,70%) var(--py,20%),#b5d8ff14,transparent 65%);z-index:1}
.signal-console-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:22px 25px;border-bottom:1px solid #d0e1fa20;font-size:9px;letter-spacing:.15em;font-weight:680;color:#9fb5d0}
.signal-console-top>span:first-child{color:#d3e5fa}
.signal-console-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c3e5ff;box-shadow:0 0 13px #9fcfff;margin-right:9px}
.signal-console-body{padding:26px}
.signal-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#060b12;border:1px solid #ffffff20;padding:6px;border-radius:13px;margin-bottom:23px}
.signal-switch button{cursor:pointer;background:transparent;border:1px solid transparent;color:#8297af;font-size:11px;font-weight:720;letter-spacing:.07em;border-radius:9px;padding:12px 10px;transition:background .25s,color .25s}
.signal-switch button small{font-size:9px;color:inherit;opacity:.7;margin-left:6px}
.signal-switch button.is-active{background:linear-gradient(135deg,#dceaff,#9cb6d8);color:#0d1b2d;box-shadow:0 3px 17px #bddbff24}
.signal-screen{min-height:300px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #adc6e53d;border-radius:13px;background:radial-gradient(ellipse at 50% 85%,#2242684a,transparent 72%),linear-gradient(125deg,#0c1725,#070d15 65%);isolation:isolate}
.signal-screen-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:conic-gradient(from 20deg,#97caff00,#8bbaff34 22%,#a7d0ff05 50%,#b7d9ff3d 72%,#91baff00);filter:blur(30px);animation:signal-turn 20s linear infinite;z-index:-1}
@keyframes signal-turn{to{transform:rotate(360deg)}}
.signal-screen-label{font-size:10px;color:#94afcd;letter-spacing:.22em;font-weight:650}
.signal-screen strong{font-size:clamp(72px,8vw,124px);font-weight:650;letter-spacing:-.09em;line-height:1.13;color:#e8f1ff;text-shadow:0 7px 40px #b7d8ff37}
.signal-screen-fps{font-size:13px;letter-spacing:.23em;font-weight:700;color:#c1dcfc}
.signal-grid-lines{position:absolute;inset:0;z-index:-1;opacity:.23;background-image:linear-gradient(#bedbff1a 1px,transparent 1px),linear-gradient(90deg,#bedbff1a 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(transparent,#000 60%,transparent)}
.signal-scanline{position:absolute;left:0;right:0;top:0;height:1px;background:#a6d6ff2c;box-shadow:0 0 24px #aedcff70;animation:signal-scan 7s linear infinite}
@keyframes signal-scan{to{transform:translateY(300px)}}
.signal-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}
.signal-specs>div{border-left:1px solid #b7d0ed40;padding-left:13px;display:grid;gap:8px}
.signal-specs span{font-size:9px;letter-spacing:.12em;color:#7891af}
.signal-specs strong{font-size:12px;color:#d7e6f8;font-weight:700}
.signal-caveat{font-size:10px;line-height:1.6;color:#7e94ad;margin:22px 0 0}
.precision-steps{padding-top:132px;padding-bottom:136px}
.precision-intro{max-width:720px}
.precision-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:48px}
.precision-card{border:1px solid #bed4f129;border-radius:18px;background:linear-gradient(155deg,#1421328a,#0a1019 66%);padding:33px;min-height:290px;position:relative;overflow:hidden;transition:transform .35s,border-color .35s}
.precision-card:hover{transform:translateY(-6px);border-color:#c1d9ff66}
.precision-num{font-size:10px;color:#91a7c1;letter-spacing:.16em}
.precision-icon{display:block;font-size:44px;color:#a7c7f0;margin:30px 0 26px;font-weight:300}
.precision-card h3{font-size:23px;letter-spacing:-.045em;font-weight:600;margin-bottom:10px;color:#eef5ff}
.precision-card p{color:#93a5bd;line-height:1.75;font-size:12px;max-width:330px}
.pricing-section{background:linear-gradient(180deg,#060a11,#0a101a 50%,#05080c)}
.pricing-featured{box-shadow:0 20px 80px #6e9cdb13,inset 0 1px #ffffff25}
/* refined site interaction */
@media(min-width:1021px){.hero-next .next-primary,.nav-launch{transition:transform .2s ease-out,box-shadow .2s ease-out}}
@media(max-width:1100px){.wrap{width:min(100% - 64px,1300px)}.hero-next h1{font-size:clamp(55px,6.3vw,83px)}.signal-grid{grid-template-columns:43% 51%;gap:6%}.signal-story h2{font-size:clamp(44px,4.8vw,66px)}.signal-console-top{font-size:8px}}
@media(max-width:800px){.wrap{width:calc(100% - 38px)}.hero-next{min-height:auto}.next-hero-grid{grid-template-columns:1fr;min-height:auto}.hero-message{padding:78px 0 10px}.hero-next h1{white-space:normal;font-size:clamp(56px,10.5vw,90px);margin:25px 0 22px}.cinema-stage{height:490px;max-width:650px;width:100%;margin:auto}.stage-core{width:270px;height:270px}.stage-monogram{font-size:125px}.stage-floating-one{left:4%}.stage-floating-two{right:2%}.signal-lab{padding:95px 0}.signal-grid{grid-template-columns:1fr;gap:50px}.signal-story h2{font-size:clamp(50px,9vw,72px)}.signal-console{max-width:none}.precision-steps{padding-top:100px;padding-bottom:105px}.precision-cards{grid-template-columns:1fr}.precision-card{min-height:230px}}
@media(max-width:520px){.hero-message{padding-top:62px}.hero-next h1{font-size:clamp(48px,12.5vw,66px);letter-spacing:-.077em}.hero-description{font-size:14px}.hero-microfacts{margin-top:38px}.cinema-stage{height:350px}.stage-object{inset:2% 0}.stage-core{left:30%;top:25%;width:205px;height:205px;max-width:57%;max-height:58%;padding:12px}.stage-monogram{font-size:90px}.stage-floating-one{left:1%;top:15%;width:126px;padding:11px}.stage-floating-two{right:0;bottom:10%;width:149px;padding:11px}.floater-main{font-size:19px}.floater-percent{font-size:21px}.signal-console-top{padding:17px 15px;letter-spacing:.08em}.signal-console-top>span:last-child{display:none}.signal-console-body{padding:15px}.signal-screen{min-height:260px}.signal-screen strong{font-size:83px}.signal-specs{gap:7px}.signal-specs>div{padding-left:8px}.signal-specs span{font-size:7px}.signal-specs strong{font-size:10px}.signal-story h2,.precision-intro h2{font-size:49px}.precision-card{padding:25px}.stage-prism{animation:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage-prism,.signal-screen-glow,.signal-scanline{animation:none}.precision-card,.profile-plate{transition:none}}

@media(min-width:1101px){.stage-floating-two{right:0%}}