.app-hero{position:relative;isolation:isolate;overflow:hidden;background:#F8FAFC;padding:56px 24px 0;margin-bottom:80px;text-align:center;color:#111}.app-hero-atmosphere{position:absolute;inset:0 0 auto;height:680px;z-index:-1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(transparent,#111 12%,#111 70%,transparent)}.app-hero-haze{position:absolute;inset:10% 16% 0;background:radial-gradient(ellipse,#CBD5E1b3,transparent 68%);animation:hero-haze 12s ease-in-out infinite alternate}.app-hero-rays{position:absolute;inset:0;width:100%;height:100%;stroke:#64748B;stroke-width:1.1;fill:none;opacity:.25;animation:hero-rays 12s ease-in-out infinite alternate;will-change:transform,opacity}.app-hero-rays.rays-second{stroke:#CBD5E1;stroke-width:1.7;animation-delay:-6s;animation-direction:alternate-reverse}.app-hero-copy{position:relative;z-index:2;max-width:1120px;margin:auto}.app-hero-badge{display:inline-flex;align-items:center;gap:11px;padding:8px 15px 8px 8px;border:1px solid #E2E8F0;background:#ffffffd9;border-radius:28px;font-size:11px;color:#334155}.app-hero-badge>span{background:#F8FAFC;border:1px solid #E2E8F0;padding:5px;display:flex;border-radius:50%}.app-hero-badge .icon{width:15px;height:15px}.app-hero-badge i{height:12px;width:1px;background:#CBD5E1}.app-hero h1{font-size:clamp(45px,6.2vw,88px);font-weight:800;line-height:1.03;letter-spacing:-.06em;margin:38px auto 30px;color:#111}.app-hero-copy>p{font-size:18px;line-height:1.65;color:#334155;margin:0 auto;max-width:670px}.app-hero-actions{display:flex;justify-content:center;gap:12px;margin-top:32px}.app-hero-actions .btn{border-radius:28px;font-size:12px;gap:17px}.app-hero-actions .primary{background:#111;border-color:#111;color:white}.app-hero-actions .icon{width:16px;height:16px}.app-hero-stage{position:relative;height:630px;max-width:1040px;margin:65px auto 0;perspective:1200px}.app-device{width:330px;height:697px;position:absolute;top:20px;left:calc(50% - 165px);border-radius:54px;padding:9px;background:linear-gradient(115deg,#64748B,#111 14%,#111 85%,#64748B);border:1px solid #64748B;box-shadow:-8px 5px 0 #334155,-11px 8px 0 #64748B,0 35px 50px #1112;transform:rotate(-11deg) rotateY(12deg) rotateX(6deg);animation:hero-phone 8s ease-in-out infinite;transform-style:preserve-3d}.app-device:before,.app-device:after{content:"";position:absolute;left:-7px;background:#334155;border:1px solid #64748B;width:4px;border-radius:4px}.app-device:before{height:28px;top:96px}.app-device:after{height:68px;top:145px}.app-device-edge{position:absolute;right:-4px;top:160px;width:3px;height:62px;background:#64748B;border-radius:3px}.app-device-screen{border-radius:44px;overflow:hidden;background:#000;height:100%;position:relative}.app-device-status{height:44px;display:flex;align-items:center;justify-content:space-between;color:white;padding:0 23px;font-size:11px;position:relative}.app-device-status b{position:absolute;width:76px;height:23px;left:calc(50% - 38px);top:9px;border-radius:20px;background:#111;border:1px solid #334155}.app-device-screen img{display:block;width:100%;height:auto}.app-device-home{position:absolute;bottom:8px;width:33%;height:4px;background:#111;left:33%;border-radius:5px;box-shadow:0 0 0 1px #fff8}.app-device-shadow{position:absolute;left:calc(50% - 180px);bottom:-10px;width:360px;height:70px;background:radial-gradient(ellipse,#1113,transparent 70%);filter:blur(15px)}.app-orbit-label{position:absolute;display:flex;align-items:center;gap:14px;background:#ffffffed;padding:18px 23px;text-align:left;border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 14px 35px #3341550a;animation:hero-card 7s ease-in-out infinite}.app-orbit-label>.icon{width:26px;height:26px;padding:0}.app-orbit-label span{font-size:11px;color:#64748B}.app-orbit-label b{display:block;font-size:13px;color:#111;margin-top:6px;font-weight:500}.label-orders{top:165px;left:2%;transform:rotate(-5deg)}.label-report{top:295px;right:3%;transform:rotate(5deg);animation-delay:-3s}.app-orbit-icon{position:absolute;width:56px;height:56px;border:1px solid #E2E8F0;border-radius:50%;display:grid;place-items:center;background:white}.app-orbit-icon .icon{width:24px;height:24px}.icon-products{left:15%;top:385px;transform:rotate(-12deg)}.icon-workflow{right:19%;top:65px;transform:rotate(12deg)}.app-hero-note{position:relative;z-index:2;display:block;font-size:9px;padding:23px 0;color:#64748B;background:linear-gradient(transparent,#F8FAFC 35%)}.app-hero *{animation-play-state:paused}.app-hero.is-visible *{animation-play-state:running}@keyframes hero-rays{from{transform:translateY(-22px) scale(1);opacity:.17}to{transform:translateY(22px) scale(1.08);opacity:.32}}@keyframes hero-haze{to{transform:translateX(10%) scale(1.15);opacity:.5}}@keyframes hero-phone{50%{transform:translateY(-12px) rotate(-8deg) rotateY(8deg) rotateX(4deg)}}@keyframes hero-card{50%{translate:0 -10px}}
@media(max-width:760px){.app-hero{padding:36px 18px 0;margin-bottom:45px}.app-hero-badge{font-size:9px;gap:8px}.app-hero h1{font-size:clamp(34px,8.7vw,62px);margin:32px auto 23px;letter-spacing:-.055em}.app-hero-copy>p{font-size:14px;max-width:350px}.app-hero-copy>p br{display:none}.app-hero-actions{gap:8px;margin-top:24px;flex-wrap:wrap}.app-hero-actions .btn{font-size:10px;padding:12px 15px;gap:8px}.app-hero-stage{height:520px;margin-top:42px}.app-device{width:255px;height:540px;left:calc(50% - 127px);top:20px;border-radius:42px;padding:7px;box-shadow:-5px 3px 0 #334155,-8px 6px 0 #64748B,0 25px 40px #1112}.app-device-screen{border-radius:35px}.app-device-status{height:33px;font-size:8px;padding:0 17px}.app-device-status b{width:58px;height:18px;left:calc(50% - 29px);top:6px}.app-orbit-label{z-index:2;padding:11px 13px;gap:9px;border-radius:12px}.app-orbit-label>.icon{width:18px;height:18px}.app-orbit-label span{font-size:8px}.app-orbit-label b{font-size:9px;margin-top:3px}.label-orders{left:0;top:360px}.label-report{right:-5px;top:165px}.app-orbit-icon{width:36px;height:36px}.app-orbit-icon .icon{width:17px;height:17px}.icon-products{left:0;top:65px}.icon-workflow{right:5%;top:20px}.app-hero-atmosphere{height:530px}.app-hero-note{font-size:8px;padding:18px 0}.app-device-shadow{left:calc(50% - 140px);width:280px}}
@media(prefers-reduced-motion:reduce){.app-hero *{animation:none!important}.app-hero-rays{opacity:.2}}

/* Koyu giriş varyasyonu */
.app-hero{background:#111;color:#F8FAFC}
.app-hero h1{color:#F8FAFC}
.app-hero-copy>p{color:#CBD5E1}
.app-hero-haze{background:radial-gradient(ellipse,#33415599,transparent 68%)}
.app-hero-rays{stroke:#94A3B8}
.app-hero-rays.rays-second{stroke:#64748B}
.app-hero-badge{background:#111e;border-color:#334155;color:#E2E8F0}
.app-hero-badge>span{background:#111;border-color:#334155}
.app-hero-badge i{background:#64748B}
.app-hero-actions .btn{background:transparent;border-color:#64748B;color:#F8FAFC}
.app-hero-actions .primary{background:#F8FAFC;border-color:#F8FAFC;color:#111}
.app-orbit-label,.app-orbit-icon{background:#111111ed;border-color:#334155;color:#F8FAFC}
.app-orbit-label span{color:#94A3B8}
.app-orbit-label b{color:#F8FAFC}
.app-hero-note{color:#94A3B8;background:linear-gradient(transparent,#111 35%)}
/* Girişle bütünleşen kısa üst menü ve kompakt ilk ekran */
.new-header{max-width:none;background:#111;color:#F8FAFC;padding:16px max(32px,calc((100vw - 1200px)/2));border-bottom:1px solid #ffffff14}
.new-header .logo{filter:brightness(0) invert(1)}
.new-header .nav-links{background:#111;border-color:#334155;color:#F8FAFC;padding:10px 22px}
.new-header .nav-links a{color:#E2E8F0}
.new-header>.btn{background:#F8FAFC;color:#111;border-color:#F8FAFC}
.new-header .menu-toggle{background:#111;color:#F8FAFC;border-color:#334155}
.app-hero{padding-top:30px;margin-bottom:56px}
.app-hero h1{font-size:clamp(38px,4.5vw,62px);margin:24px auto 20px;line-height:1.08}
.app-hero-copy>p{font-size:16px}
.app-hero-actions{margin-top:22px}
.app-hero-stage{height:450px;margin-top:32px;max-width:920px}
.app-device{width:270px;height:570px;left:calc(50% - 135px);border-radius:46px;padding:8px;top:12px}
.app-device-screen{border-radius:38px}
.app-hero-atmosphere{height:570px}
.label-orders{top:125px}.label-report{top:240px}.icon-products{top:330px}.icon-workflow{top:40px}
@media(max-width:760px){
.new-header{padding:14px 20px}.new-header .nav-links{top:68px;padding:22px}
.app-hero{padding-top:26px}.app-hero h1{font-size:clamp(29px,7.8vw,46px);margin:22px auto 18px}
.app-hero-copy>p{font-size:13px}.app-hero-stage{height:420px;margin-top:28px}
.app-device{width:235px;height:498px;left:calc(50% - 117.5px);border-radius:40px;padding:7px}
.app-device-screen{border-radius:33px}.label-orders{top:315px}.label-report{top:165px}
.icon-products{top:65px}.icon-workflow{top:20px}
}

/* Daha sakin başlık hiyerarşisi */
.app-hero h1{font-size:clamp(38px,4.3vw,58px);font-weight:500;letter-spacing:-.035em;line-height:1.14;max-width:720px;margin:26px auto 22px;text-transform:none}
.app-hero h1 span{color:#94A3B8}
.app-hero-copy>p{font-size:15px;line-height:1.75;color:#CBD5E1}
.app-hero-atmosphere{opacity:.6}
@media(max-width:760px){.app-hero h1{font-size:36px;line-height:1.14;letter-spacing:-.03em;margin:24px auto 20px}.app-hero-copy>p{font-size:13px;max-width:310px}}