/* ÖnderYazılım V2 – Kurumsal Premium görünüm. Sadece body.onder-premium-v4 */
body.onder-premium-v4{--navy:#0b1833;--navy2:#152849;--deep:#071126;--yellow:#f8c643;--yellow2:#ffdc7a;--cream:#fffbf0;--text:#182744;--muted:#65748b;--line:#e5eaf2;background:#f7f9fc;color:var(--text);-webkit-font-smoothing:antialiased}
.onder-premium-v4 .container{max-width:1240px}
.onder-premium-v4 .site-header{background:rgba(7,17,38,.93);box-shadow:0 8px 32px rgba(5,15,34,.12);border-bottom:1px solid rgba(255,255,255,.1)}
.onder-premium-v4 .nav{height:80px}
.onder-premium-v4 .brand{font-size:18px;letter-spacing:-.35px}
.onder-premium-v4 .brand-mark{width:47px;height:47px;background:linear-gradient(140deg,rgba(255,202,39,.17),rgba(255,202,39,.02));box-shadow:inset 0 0 0 1px rgba(255,221,122,.14)}
.onder-premium-v4 .brand small{color:#aebcd7;letter-spacing:2.1px}
.onder-premium-v4 .menu{gap:22px;color:#dfebfb}
.onder-premium-v4 .menu>a:not(.btn){transition:color .2s;position:relative}
.onder-premium-v4 .menu>a:not(.btn):hover{color:var(--yellow)}
.onder-premium-v4 .btn{border-radius:12px;letter-spacing:.05px;box-shadow:0 10px 25px rgba(5,19,40,.08)}
.onder-premium-v4 .btn-primary{background:linear-gradient(135deg,#ffdb70,#f7bf32);color:#111d32;box-shadow:0 12px 26px rgba(240,183,35,.19)}
.onder-premium-v4 .btn-primary:hover{background:linear-gradient(135deg,#ffe491,#ffd056);box-shadow:0 15px 28px rgba(240,183,35,.25)}
.onder-premium-v4 .hero{background:radial-gradient(ellipse at 80% 30%,#243c61 0%,transparent 47%),linear-gradient(120deg,#071125 3%,#102342 65%,#09182e 100%)}
.onder-premium-v4 .hero-layout{min-height:610px;padding-top:68px;padding-bottom:58px;gap:50px}
.onder-premium-v4 .hero-grid{background-size:60px 60px;opacity:.6}
.onder-premium-v4 .hero-glow{width:680px;height:680px;top:-40px;right:-70px;opacity:.9}
.onder-premium-v4 .eyebrow{border:1px solid rgba(248,198,67,.35);background:rgba(248,198,67,.08);letter-spacing:1.6px;font-size:10px;color:#ffe08c;padding:11px 16px}
.onder-premium-v4 .hero h1{font-size:clamp(46px,5.4vw,76px);font-weight:850;letter-spacing:-3px;line-height:1.06;margin:30px 0 22px;text-wrap:balance}
.onder-premium-v4 .hero h1 span{color:#ffcf55}
.onder-premium-v4 .hero-content>p{font-size:16px;line-height:1.85;color:#c7d2e5;max-width:590px}
.onder-premium-v4 .hero-actions{margin:34px 0 28px}
.onder-premium-v4 .hero-trust{gap:12px 24px;color:#b8c9df;font-size:11px}
.onder-premium-v4 .hero-trust span{display:inline-flex;align-items:center}
.onder-premium-v4 .hero-graphic{filter:drop-shadow(0 26px 34px rgba(0,0,0,.1))}
.onder-premium-v4 .graphic-core{border-radius:48px;background:linear-gradient(145deg,#233d66,#0c1c3a);border:1px solid rgba(248,198,67,.6);box-shadow:0 30px 80px rgba(0,0,0,.33),inset 0 1px 14px rgba(255,255,255,.05)}
.onder-premium-v4 .float-chip{border-color:#506486;background:rgba(25,45,79,.94);border-radius:13px;box-shadow:0 18px 35px rgba(0,0,0,.2)}
.onder-premium-v4 .hero-bottom{padding-bottom:24px;color:#96accb}
.onder-premium-v4 .section{padding-top:94px;padding-bottom:94px}
.onder-premium-v4 .section-heading{margin-bottom:39px}
.onder-premium-v4 .section-heading h2,.onder-premium-v4 .why-content h2,.onder-premium-v4 .contact h2{font-weight:850;letter-spacing:-1.8px;line-height:1.13;text-wrap:balance}
.onder-premium-v4 .section-kicker{letter-spacing:2.3px;color:#b0830e}
.onder-premium-v4 .services{background:linear-gradient(180deg,#f5f8fc 0%,#fff 100%)}
.onder-premium-v4 .service-grid{gap:19px}
.onder-premium-v4 .service-card{background:#fff;border:1px solid #e6ecf4;min-height:330px;padding:28px 25px 24px;border-radius:20px;box-shadow:0 13px 39px rgba(13,37,77,.055);transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease}
.onder-premium-v4 .service-card:hover{transform:translateY(-7px);border-color:#eac76b;box-shadow:0 24px 53px rgba(13,37,77,.11)}
.onder-premium-v4 .service-icon{height:59px;width:59px;border-radius:17px;background:#fff4d5;border:1px solid #f5e3b9;color:#18325a}
.onder-premium-v4 .service-index{color:#9a7a25;margin-top:23px}
.onder-premium-v4 .service-card h3{font-size:21px;letter-spacing:-.6px}
.onder-premium-v4 .service-card p{font-size:13px;color:#6a7890;line-height:1.85}
.onder-premium-v4 .service-detail-link{display:block;font-size:12px;font-weight:800;color:#385779;margin:10px 0 12px}
.onder-premium-v4 .service-detail-link:hover{color:#a47b0b}
.onder-premium-v4 .service-link{color:#12284c;border-top:1px solid #e6ebf3}
.onder-premium-v4 .why{background:#fff}
.onder-premium-v4 .why-visual{background:radial-gradient(circle at center,#fff4d9,transparent 66%)}
.onder-premium-v4 .why-window{border-radius:19px;box-shadow:0 33px 75px rgba(15,35,70,.19)}
.onder-premium-v4 .why-content>p{color:#65758d}
.onder-premium-v4 .process{background:linear-gradient(120deg,#09152c,#12294c);position:relative}
.onder-premium-v4 .process-grid{gap:20px}
.onder-premium-v4 .process-grid>div{background:rgba(255,255,255,.035);border:1px solid #405372;border-radius:17px;padding:29px 28px}
.onder-premium-v4 .process-grid span{color:#ffcf56}
.onder-premium-v4 .contact{background:linear-gradient(180deg,#f7f9fd,#eef2f8)}
.onder-premium-v4 .contact-box{background:radial-gradient(circle at 86% 8%,rgba(255,207,86,.13),transparent 30%),linear-gradient(116deg,#08172f,#1b3559);border:1px solid rgba(255,255,255,.2);border-radius:25px;box-shadow:0 29px 65px rgba(10,30,60,.16);padding:65px 62px}
.onder-premium-v4 .contact-panel{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.17);backdrop-filter:blur(12px)}
.onder-premium-v4 .footer{background:#071227;border-top:1px solid rgba(255,255,255,.07)}
/* Ready-made websites catalog: style only when this section exists */
.onder-premium-v4 .demo-showcase{background:#fff}
.onder-premium-v4 .demo-grid{gap:22px}
.onder-premium-v4 .demo-card{position:relative;overflow:hidden;border-radius:22px;border:1px solid #e0e7f0;padding:31px 27px;box-shadow:0 16px 43px rgba(10,30,60,.07);background:linear-gradient(145deg,#fff,#fafcff);transition:transform .2s,box-shadow .2s}
.onder-premium-v4 .demo-card:hover{transform:translateY(-5px);box-shadow:0 25px 48px rgba(10,30,60,.13)}
.onder-premium-v4 .demo-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#f6bb38,#ffdf87,#b98a27)}
.onder-premium-v4 .demo-card h3{font-size:25px;letter-spacing:-.65px;color:#132848}
.onder-premium-v4 .demo-badge{color:#a77d11}
.onder-premium-v4 .demo-tags span{background:#fff3d3;color:#73520a}
.onder-premium-v4 .demo-actions .btn-outline{color:#13294c;border-color:#cfdae9}
.onder-premium-v4 .demo-actions .btn-outline:hover{border-color:#e2bb55}
/* Accessibility and responsive */
@media(max-width:1080px){.onder-premium-v4 .menu{gap:14px}.onder-premium-v4 .hero-layout{gap:16px}.onder-premium-v4 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.onder-premium-v4 .nav{height:72px}.onder-premium-v4 .hero-layout{grid-template-columns:1fr;min-height:auto;padding:60px 0 30px}.onder-premium-v4 .hero h1{font-size:clamp(40px,9vw,58px);letter-spacing:-2px}.onder-premium-v4 .hero-graphic{height:310px;transform:scale(.7);margin:-20px 0}.onder-premium-v4 .section{padding-top:67px;padding-bottom:67px}.onder-premium-v4 .service-grid{grid-template-columns:1fr}.onder-premium-v4 .service-card{min-height:270px}.onder-premium-v4 .contact-box{padding:37px 25px}.onder-premium-v4 .demo-grid{grid-template-columns:1fr}.onder-premium-v4 .menu{background:#0a1933}.onder-premium-v4 .process-grid{grid-template-columns:1fr}}
@media(max-width:480px){.onder-premium-v4 .hero-graphic{transform:scale(.61);margin:-40px -26px}.onder-premium-v4 .hero-actions .btn{width:100%}.onder-premium-v4 .hero-trust{gap:10px}.onder-premium-v4 .contact-actions .btn{width:100%}.onder-premium-v4 .section-heading h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.onder-premium-v4 *, .onder-premium-v4 *:before,.onder-premium-v4 *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}