*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#fbf9ff;color:#170d35}a{text-decoration:none;color:inherit}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid #eee8fb;display:flex;align-items:center;justify-content:space-between;padding:18px 9%;min-height:92px}.brand{display:flex;align-items:center;height:var(--ys-logo-size);width:auto;line-height:0;overflow:visible}.brand img{display:block;height:var(--ys-logo-size);width:auto;max-width:260px;object-fit:contain;background:transparent;margin:0;padding:0}.site-header nav{display:flex;gap:28px;align-items:center;font-size:15px;color:#34265c}.top-cta,.btn,button{border:0;border-radius:14px;background:linear-gradient(135deg,var(--ys-primary),var(--ys-secondary));color:#fff;font-weight:800;padding:15px 26px;box-shadow:0 16px 35px rgba(139,92,246,.24);cursor:pointer}.btn.ghost{background:#fff;color:#170d35;border:1px solid #eee8fb;box-shadow:none}.btn.light{background:#fff;color:#170d35}.nav-dd{position:relative}.nav-dd>a{display:block}.nav-dd-menu{display:none;position:absolute;left:50%;transform:translateX(-50%);top:28px;min-width:250px;background:#fff;border:1px solid #eee8fb;border-radius:20px;padding:12px;box-shadow:0 24px 55px rgba(23,13,53,.14)}.nav-dd:hover .nav-dd-menu{display:grid}.nav-dd-menu a{padding:12px 14px;border-radius:12px}.nav-dd-menu a:hover{background:#f7f1ff}.hero{padding:42px 7% 34px}.slider{max-width:1400px;margin:auto;background:linear-gradient(110deg,#fff 0%,#fff 48%,rgba(236,72,153,.14));border-radius:0;min-height:560px;position:relative;overflow:hidden}.slide{display:none;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:70px 9%}.slide.active{display:grid}.eyebrow{display:inline-block;background:#ffe7f6;color:var(--ys-secondary);font-weight:900;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:9px 14px;font-size:13px}h1{font-size:clamp(42px,6vw,86px);line-height:.98;margin:22px 0;color:#170d35}h2{font-size:42px;margin:0 0 10px}.hero-text p{font-size:19px;color:#5d5181;line-height:1.7;max-width:620px}.hero-art{display:flex;align-items:center;justify-content:center}.ai-orb{width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0 6%,#bd8cff 10%,var(--ys-secondary) 60%,var(--ys-primary));display:grid;place-items:center;color:#fff;font-size:78px;font-weight:1000;box-shadow:0 0 0 55px rgba(139,92,246,.13),0 35px 95px rgba(139,92,246,.28)}.hero-art img{max-width:100%;max-height:430px;object-fit:contain}.slider-dots{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.slider-dots button{width:14px;height:8px;padding:0;border-radius:999px;background:#d8c8ff;box-shadow:none}.slider-dots .active{width:32px;background:var(--ys-primary)}.section{padding:70px 9%}.section-title{text-align:center;margin-bottom:38px}.section-title p{color:#776b9a}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{background:#fff;border:1px solid #eee8fb;border-radius:22px;padding:34px;min-height:210px;box-shadow:0 20px 60px rgba(51,38,92,.06);transition:.2s}.card:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(139,92,246,.14)}.icon{width:56px;height:56px;border-radius:16px;background:#f5eaff;display:grid;place-items:center;font-size:24px;margin-bottom:22px}.card h3{font-size:24px}.card p,.article p,.rich{color:#665a87;line-height:1.75}.software-highlight{margin:60px 9%;padding:50px;background:#fff;border:1px solid #eee8fb;border-radius:28px;display:grid;grid-template-columns:1fr 1fr;gap:35px;box-shadow:0 25px 80px rgba(51,38,92,.07)}.software-highlight ul{line-height:2;color:#5d5181}.dashboard-shot{background:linear-gradient(135deg,#170d35,#8b5cf6,#ec4899);border-radius:22px;min-height:300px;position:relative}.stats{padding:42px 9%;background:linear-gradient(135deg,#170d35,var(--ys-primary),var(--ys-secondary));display:grid;grid-template-columns:repeat(4,1fr);color:#fff;text-align:center}.stats b{font-size:36px}.stats span{display:block;font-size:14px;margin-top:6px}.reviews,.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.reviews article,.blog-card{background:#fff;border:1px solid #eee8fb;border-radius:20px;padding:24px;box-shadow:0 20px 55px rgba(51,38,92,.06)}.stars{color:#f59e0b;margin:10px 0}.blog-img{height:160px;border-radius:16px;background:linear-gradient(135deg,#170d35,var(--ys-primary));color:#fff;display:grid;place-items:center;font-weight:900;overflow:hidden;margin-bottom:18px}.blog-img img,.article-cover{width:100%;height:100%;object-fit:cover}.cta{margin:70px 9%;border-radius:28px;background:linear-gradient(135deg,var(--ys-primary),var(--ys-secondary));color:#fff;padding:50px}.page{padding:70px 9%;min-height:60vh}.page h1{font-size:56px}.article{max-width:1000px;margin:auto}.article-cover{height:380px;border-radius:28px;margin-bottom:28px}.lead{font-size:20px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.contact form,.contact section{background:#fff;border:1px solid #eee8fb;border-radius:24px;padding:30px}input,textarea,select{width:100%;padding:14px 16px;border:1px solid #e7def8;border-radius:14px;margin:8px 0 16px;background:#fff;font:inherit}textarea{min-height:130px}.map iframe{width:100%;border:0;border-radius:18px}.ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.ref-grid article{background:#fff;border:1px solid #eee8fb;border-radius:22px;padding:28px;text-align:center;min-height:190px;display:grid;place-items:center}.ref-logo{max-width:220px;max-height:110px;object-fit:contain}.live-btn{position:fixed;right:28px;bottom:28px;z-index:80;border-radius:999px}.live-box{display:none;position:fixed;right:28px;bottom:90px;width:360px;background:#fff;border-radius:22px;box-shadow:0 25px 80px rgba(23,13,53,.25);z-index:90;overflow:hidden}.live-box.open{display:block}.live-head{background:linear-gradient(135deg,var(--ys-primary),var(--ys-secondary));color:#fff;padding:18px;display:flex;justify-content:space-between}.live-head button{background:transparent;box-shadow:none;padding:0;font-size:22px}.live-start,.live-chat{padding:18px}.hidden{display:none}.live-messages{height:250px;overflow:auto;background:#fbf9ff;border-radius:16px;padding:14px;margin-bottom:12px}.msg{padding:10px 12px;border-radius:14px;margin:8px 0;background:#eee8fb}.msg.admin{background:#ddf9ff}.footer{padding:50px 9%;background:#fff;border-top:1px solid #eee8fb;display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px}.footer a{display:block;margin:8px 0;color:#5d5181}.copyright{text-align:center;padding:18px;color:#776b9a;background:#fff}
@media(max-width:900px){.site-header{padding:14px 5%;gap:14px;flex-wrap:wrap}.site-header nav{order:3;width:100%;overflow:auto}.slide,.software-highlight,.contact-grid{grid-template-columns:1fr}.cards,.reviews,.blog-grid,.ref-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.ai-orb{width:260px;height:260px}.live-box{right:12px;left:12px;width:auto}.footer{grid-template-columns:1fr}}
/* Header dropdown bridge and sector programming */
.site-header .brand{height:auto;min-height:70px}.site-header .brand img{object-fit:contain;display:block;background:transparent}.nav-dd{padding:14px 0;margin:-14px 0}.nav-dd-menu{top:44px}.nav-dd:after{content:"";position:absolute;left:-30px;right:-30px;top:22px;height:35px}.sector-page{padding-top:50px}.sector-hero{background:linear-gradient(135deg,#fff,#f7f1ff 55%,#ffe7f6);border:1px solid #eee8fb;border-radius:34px;padding:58px;margin-bottom:34px;box-shadow:0 28px 80px rgba(139,92,246,.1)}.sector-hero h1{font-size:clamp(42px,5vw,72px);max-width:900px}.sector-hero p{max-width:780px;font-size:19px;line-height:1.75;color:#5d5181}.sector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sector-card{background:#fff;border:1px solid #eee8fb;border-radius:24px;padding:26px;box-shadow:0 20px 60px rgba(51,38,92,.07);transition:.2s}.sector-card:hover{transform:translateY(-5px);box-shadow:0 30px 70px rgba(139,92,246,.14)}.sector-card img{max-width:160px;max-height:90px;object-fit:contain;display:block;margin-bottom:18px}.sector-card span{display:inline-flex;background:#f3e8ff;color:#7e22ce;border-radius:999px;padding:7px 11px;font-weight:1000}.sector-card h3{font-size:22px;margin:14px 0 8px}.sector-card p{color:#665a87;line-height:1.7}@media(max-width:900px){.sector-grid{grid-template-columns:1fr}.nav-dd-menu{left:0;transform:none}.site-header .brand img{max-width:190px}}
/* Visual SEO figure */
.image-seo-figure{margin:0 0 28px}.image-seo-figure img{display:block;width:100%;height:auto;border-radius:24px;object-fit:cover}.image-seo-figure figcaption{font-size:14px;color:#64748b;text-align:center;margin-top:10px}.blog-img img{width:100%;height:100%;object-fit:cover}.sector-card img[loading]{object-fit:contain;background:#fff}

/* Detail template - pink creative layout */
.detail-page{padding:42px 7% 76px;max-width:1440px;margin:auto;overflow:hidden}.detail-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:34px;align-items:center;min-height:430px;padding:56px 7%;border-radius:38px;background:linear-gradient(118deg,#ec4899 0%,#a855f7 43%,#38bdf8 100%);box-shadow:0 34px 90px rgba(139,92,246,.20);overflow:hidden;color:#fff}.detail-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.28),transparent 22%),radial-gradient(circle at 30% 90%,rgba(255,255,255,.16),transparent 26%);pointer-events:none}.detail-hero>*{position:relative;z-index:1}.breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:22px;color:rgba(255,255,255,.86);font-size:14px}.detail-hero .eyebrow{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px)}.detail-hero h1{font-size:clamp(42px,5.6vw,72px);line-height:1.03;margin:18px 0;color:#fff;max-width:780px;overflow-wrap:anywhere}.detail-hero p{font-size:clamp(17px,1.6vw,22px);line-height:1.65;max-width:720px;color:rgba(255,255,255,.92)}.detail-hero .btn{display:inline-flex;margin-top:24px;background:#fff;color:#170d35;box-shadow:0 18px 45px rgba(17,24,39,.18)}.detail-hero-art{min-width:0;display:grid;place-items:center}.detail-hero-art>img{width:100%;max-height:330px;object-fit:contain;border-radius:30px;box-shadow:0 24px 70px rgba(17,24,39,.22)}.detail-ai-visual{position:relative;width:min(440px,100%);height:300px}.detail-ai-screen{position:absolute;inset:34px 0 0 35px;border-radius:34px;background:rgba(15,23,42,.72);box-shadow:0 28px 80px rgba(15,23,42,.25);border:1px solid rgba(255,255,255,.25);transform:rotate(-3deg)}.detail-ai-screen i{display:block;height:20px;border-radius:20px;margin:30px;background:rgba(255,255,255,.86)}.detail-ai-screen i:nth-child(2){width:60%;background:#f9a8d4}.detail-ai-screen i:nth-child(3){width:76%;background:#93c5fd}.detail-ai-orb{position:absolute;right:28px;top:50px;width:154px;height:154px;border-radius:50%;background:linear-gradient(135deg,#0891b2,#ec4899);display:grid;place-items:center;color:#fff;font-size:44px;font-weight:1000;box-shadow:0 0 0 22px rgba(255,255,255,.22),0 22px 60px rgba(15,23,42,.24)}.detail-feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:-38px 5% 54px;position:relative;z-index:2}.detail-feature-cards article{background:#fff;border:1px solid #eee8fb;border-radius:24px;padding:28px;box-shadow:0 28px 80px rgba(51,38,92,.10);text-align:center}.detail-feature-cards span{width:52px;height:52px;border-radius:18px;background:#ffe7f6;color:#ec4899;display:grid;place-items:center;font-size:24px;margin:0 auto 16px}.detail-feature-cards h3{margin:0 0 8px;font-size:20px}.detail-feature-cards p{margin:0;color:#665a87;line-height:1.55}.detail-content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:42px;align-items:start}.detail-rich{background:#fff;border:1px solid #eee8fb;border-radius:28px;padding:42px;box-shadow:0 28px 80px rgba(51,38,92,.06);font-size:18px;color:#4b416d}.detail-rich h1,.detail-rich h2,.detail-rich h3{color:#170d35;line-height:1.15;margin:30px 0 14px}.detail-rich h1{font-size:38px}.detail-rich h2{font-size:32px}.detail-rich h3{font-size:25px}.detail-rich p{line-height:1.85;margin:0 0 18px;color:#5d5181}.detail-side{background:#fff;border:1px solid #eee8fb;border-radius:28px;padding:32px;box-shadow:0 28px 80px rgba(51,38,92,.06);position:sticky;top:122px}.detail-side h3{font-size:28px;margin:0 0 18px}.detail-side div{border-top:1px solid #eee8fb;padding:18px 0}.detail-side b{display:block;color:#170d35;margin-bottom:8px}.detail-side p{margin:0;color:#665a87;line-height:1.6}.detail-seo-box{margin-top:34px;background:linear-gradient(135deg,#fff,#f7f1ff);border:1px solid #eee8fb;border-radius:24px;padding:22px 28px;display:grid;gap:14px;box-shadow:0 18px 55px rgba(51,38,92,.05)}.detail-seo-box div{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.detail-seo-box b{color:#170d35}.detail-seo-box span{background:#fff;border:1px solid #eee8fb;border-radius:999px;padding:8px 12px;color:#5d5181}.modern-ref-grid{margin-top:42px}.modern-ref-grid article{min-height:230px;transition:.2s}.modern-ref-grid article:hover{transform:translateY(-5px);box-shadow:0 26px 70px rgba(139,92,246,.14)}.modern-ref-grid .ref-logo{max-width:300px;max-height:150px}.refs-hero{margin-bottom:40px}.blog-card .blog-img img{width:100%;height:100%;object-fit:cover}@media(max-width:980px){.detail-page{padding:24px 5% 56px}.detail-hero{grid-template-columns:1fr;padding:40px 7%;border-radius:28px}.detail-hero-art>img{max-height:260px}.detail-feature-cards,.detail-content-grid{grid-template-columns:1fr;margin-left:0;margin-right:0}.detail-feature-cards{margin-top:24px}.detail-side{position:static}.detail-rich{padding:28px}.detail-hero h1{font-size:clamp(36px,10vw,54px)}.detail-seo-box div{align-items:flex-start}.cards,.ref-grid,.blog-grid{grid-template-columns:1fr!important}.site-header nav{white-space:nowrap}.detail-ai-visual{height:250px}}

/* Pembe modern sayfa şablonu - birebir landing görünümü */
.ys-modern-page{max-width:1560px;margin:0 auto;padding:34px 7% 72px;overflow:hidden}.ys-template-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,580px);align-items:center;gap:48px;min-height:430px;padding:64px 8%;background:linear-gradient(112deg,#e63fa7 0%,#b758f4 48%,#319df4 100%);border-radius:0;box-shadow:0 26px 80px rgba(132,72,210,.16);position:relative;overflow:hidden;color:#fff}.ys-template-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 24%,rgba(255,255,255,.35),transparent 10%),radial-gradient(circle at 52% 42%,rgba(255,255,255,.20),transparent 8%),radial-gradient(circle at 88% 18%,rgba(255,255,255,.25),transparent 8%);opacity:.75}.ys-template-hero>*{position:relative;z-index:2}.ys-hero-copy{min-width:0}.ys-hero-copy .breadcrumb{display:flex;gap:8px;align-items:center;color:rgba(255,255,255,.85);font-size:14px;margin-bottom:22px}.ys-hero-copy .eyebrow{display:inline-flex;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.24);color:#fff;border-radius:999px;padding:9px 16px;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.ys-hero-copy h1{font-size:clamp(44px,5.4vw,76px);line-height:1.04;margin:22px 0 20px;color:#fff;max-width:720px;word-break:normal;overflow-wrap:break-word}.ys-hero-copy p{font-size:clamp(17px,1.55vw,22px);line-height:1.75;max-width:650px;color:rgba(255,255,255,.94);margin:0}.ys-white-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:32px;background:#fff;color:#170d35;border-radius:14px;padding:15px 28px;font-weight:900;box-shadow:0 18px 45px rgba(21,16,48,.18)}.ys-hero-visual{min-width:0;display:grid;place-items:center}.ys-hero-visual>img{width:100%;max-height:320px;object-fit:contain;border-radius:26px;box-shadow:0 24px 70px rgba(19,18,46,.22)}.template-device{position:relative;width:min(500px,100%);height:310px;border-radius:30px;background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.38);box-shadow:inset 0 0 0 20px rgba(255,255,255,.14),0 25px 70px rgba(11,24,56,.24);backdrop-filter:blur(10px)}.template-device:before{content:"";position:absolute;inset:46px 40px;border-radius:24px;background:#15183a;box-shadow:0 18px 45px rgba(0,0,0,.16)}.device-top{position:absolute;left:68px;top:72px;width:140px;height:16px;border-radius:999px;background:#e9ffff}.device-chart{position:absolute;left:70px;bottom:70px;display:flex;gap:10px;align-items:flex-end}.device-chart i{display:block;width:28px;border-radius:999px;background:#f9a8d4}.device-chart i:nth-child(1){height:38px}.device-chart i:nth-child(2){height:70px;background:#93c5fd}.device-chart i:nth-child(3){height:52px;background:#fcd34d}.device-card{position:absolute;right:62px;width:128px;height:46px;border-radius:14px;background:rgba(255,255,255,.86);box-shadow:0 12px 28px rgba(24,30,70,.16)}.device-card.one{top:70px}.device-card.two{top:134px;background:rgba(255,230,246,.92)}.device-pie{position:absolute;right:90px;bottom:55px;width:84px;height:84px;border-radius:50%;background:conic-gradient(#f472b6 0 42%,#60a5fa 42% 74%,#fbbf24 74%);box-shadow:0 12px 28px rgba(0,0,0,.13)}.ys-feature-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin:38px 0 48px}.ys-feature-cards article{background:#fff;border:1px solid #eee8fb;border-radius:24px;padding:28px;min-height:190px;box-shadow:0 22px 60px rgba(44,34,80,.08);transition:.2s}.ys-feature-cards article:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(236,72,153,.15)}.ys-feature-cards span{width:58px;height:58px;border-radius:18px;background:#ffe6f5;color:#ec4899;display:grid;place-items:center;font-size:24px;margin-bottom:18px}.ys-feature-cards h3{font-size:21px;margin:0 0 10px;color:#150d35}.ys-feature-cards p{margin:0;color:#655a83;line-height:1.65}.ys-content-two-col{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:42px;align-items:start;margin-top:26px}.ys-content-main{background:#fff;border:1px solid #eee8fb;border-radius:30px;padding:44px;box-shadow:0 26px 75px rgba(44,34,80,.06);color:#4c426d}.ys-content-main h2:first-child{margin-top:0}.ys-content-main h1,.ys-content-main h2,.ys-content-main h3{color:#170d35;line-height:1.18}.ys-content-main h1{font-size:40px}.ys-content-main h2{font-size:34px;margin:34px 0 16px}.ys-content-main h3{font-size:26px;margin:28px 0 14px}.ys-content-main p{font-size:17px;line-height:1.9;color:#5e547d;margin:0 0 18px}.ys-content-main ul,.ys-content-main ol{line-height:1.85;color:#5e547d}.ys-content-side{background:#fff;border:1px solid #eee8fb;border-radius:30px;padding:34px;box-shadow:0 26px 75px rgba(44,34,80,.06);position:sticky;top:122px}.ys-content-side h3{font-size:30px;margin:0 0 20px;color:#170d35}.ys-content-side div{display:grid;grid-template-columns:58px 1fr;gap:0 16px;border-top:1px solid #eee8fb;padding:18px 0}.ys-content-side div:first-of-type{border-top:0}.ys-content-side span{grid-row:1/3;width:50px;height:50px;border-radius:16px;background:#ffe6f5;color:#ec4899;display:grid;place-items:center;font-size:23px}.ys-content-side b{font-size:17px;color:#170d35}.ys-content-side p{grid-column:2;margin:6px 0 0;color:#665a87;line-height:1.65}.ys-seo-strip{margin-top:34px;background:linear-gradient(135deg,#fff,#f7f3ff);border:1px solid #eee8fb;border-radius:24px;padding:22px 26px;box-shadow:0 18px 55px rgba(44,34,80,.05);display:grid;gap:14px}.ys-seo-strip div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ys-seo-strip b{color:#170d35}.ys-seo-strip span{background:#fff;border:1px solid #eee8fb;border-radius:999px;padding:8px 12px;color:#5d5181}.ys-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:36px}.ys-service-card,.ys-blog-card{background:#fff;border:1px solid #eee8fb;border-radius:24px;padding:30px;box-shadow:0 22px 60px rgba(44,34,80,.08);min-height:235px;transition:.2s}.ys-service-card:hover,.ys-blog-card:hover{transform:translateY(-5px);box-shadow:0 30px 76px rgba(236,72,153,.14)}.card-icon{width:58px;height:58px;border-radius:18px;background:#ddfff3;color:#0891b2;display:grid;place-items:center;font-size:25px;margin-bottom:20px}.ys-service-card h3,.ys-blog-card h3{font-size:22px;margin:0 0 12px;color:#170d35}.ys-service-card p,.ys-blog-card p{color:#665a87;line-height:1.65}.ys-service-card small,.ys-blog-card small{display:inline-flex;margin-top:12px;color:#ec4899;font-weight:900}.ys-blog-card{padding:20px}.blog-thumb{height:180px;border-radius:18px;background:linear-gradient(135deg,#ec4899,#38bdf8);display:grid;place-items:center;color:#fff;font-weight:1000;overflow:hidden;margin-bottom:18px}.blog-thumb img{width:100%;height:100%;object-fit:cover}.ys-ref-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:40px}.ys-ref-grid article{background:#fff;border:1px solid #eee8fb;border-radius:24px;padding:34px;min-height:220px;display:grid;place-items:center;text-align:center;box-shadow:0 22px 60px rgba(44,34,80,.07)}.ys-ref-grid .ref-logo{max-width:300px;max-height:150px;object-fit:contain}.archive-hero{min-height:360px}.ys-archive-page .ys-template-hero{border-radius:0}@media(max-width:1100px){.ys-template-hero,.ys-content-two-col{grid-template-columns:1fr}.ys-feature-cards,.ys-card-grid,.ys-ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ys-content-side{position:static}.template-device{height:260px}.ys-modern-page{padding-left:5%;padding-right:5%}}@media(max-width:700px){.ys-modern-page{padding:20px 4% 54px}.ys-template-hero{padding:38px 7%;border-radius:24px}.ys-hero-copy h1{font-size:clamp(34px,10vw,48px)}.ys-hero-copy p{font-size:16px}.ys-feature-cards,.ys-card-grid,.ys-ref-grid{grid-template-columns:1fr}.ys-content-main,.ys-content-side{padding:26px}.ys-content-main h2{font-size:28px}.template-device{height:220px}.ys-seo-strip div{align-items:flex-start}.site-header nav{overflow:auto;white-space:nowrap}}

/* 20260529 - Sayfa şablonu genişlik, header görsel ve içerik resmi düzeni */
.ys-modern-page{
  max-width:none!important;
  width:100%!important;
  padding:28px 0 72px!important;
  overflow:hidden!important;
}
.ys-template-hero{
  width:100%!important;
  max-width:none!important;
  border-radius:0!important;
  padding:70px clamp(28px,9vw,150px)!important;
  background:linear-gradient(112deg,var(--ys-secondary) 0%,var(--ys-primary) 48%,#38bdf8 100%)!important;
}
.ys-archive-page .ys-template-hero,
.ys-detail-page .ys-template-hero,
.ys-ref-page .ys-template-hero{
  margin:0!important;
}
.ys-feature-cards,
.ys-content-two-col,
.ys-seo-strip,
.ys-card-grid,
.ys-ref-grid{
  width:min(1480px,calc(100% - 56px));
  margin-left:auto!important;
  margin-right:auto!important;
}
.ys-feature-cards{margin-top:42px!important;}
.ys-content-two-col{margin-top:44px!important;}
.ys-hero-visual>img.ys-header-image,
.ys-hero-visual>img{
  max-height:390px!important;
  object-fit:contain!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.ys-inline-image{
  float:right;
  width:min(420px,44%);
  margin:0 0 24px 34px;
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  border:1px solid #eee8fb;
  box-shadow:0 22px 62px rgba(44,34,80,.10);
}
.ys-inline-image img{display:block;width:100%;height:auto;object-fit:cover;}
.ys-inline-image figcaption{font-size:13px;color:#7b719b;padding:12px 16px;background:#fbf9ff;}
.ys-content-main:after{content:"";display:block;clear:both;}
.ys-content-main h2:first-child{font-size:clamp(34px,3.4vw,54px);margin-bottom:24px!important;}
.ys-template-hero .ys-hero-copy h1{max-width:820px!important;}
.ys-template-hero .ys-hero-copy p{max-width:720px!important;}
.settings-fields small{display:block;color:#7b719b;font-weight:600;margin-top:3px;}
@media(max-width:1100px){
  .ys-template-hero{padding:46px 6%!important;}
  .ys-feature-cards,.ys-content-two-col,.ys-seo-strip,.ys-card-grid,.ys-ref-grid{width:min(100% - 32px,980px);}
  .ys-inline-image{float:none;width:100%;margin:0 0 24px 0;}
}
@media(max-width:700px){
  .ys-modern-page{padding-top:16px!important;}
  .ys-template-hero{padding:36px 5%!important;}
  .ys-feature-cards,.ys-content-two-col,.ys-seo-strip,.ys-card-grid,.ys-ref-grid{width:calc(100% - 24px);}
}

/* 20260529 - İçerik görseli ve detay butonu temizliği */
.ys-template-hero .ys-white-btn{display:none!important;}
.ys-inline-image{
  width:min(560px,48%)!important;
  margin:0 0 32px 44px!important;
  border-radius:28px!important;
  box-shadow:0 28px 78px rgba(44,34,80,.13)!important;
}
.ys-inline-image img{
  width:100%!important;
  min-height:300px;
  max-height:460px;
  object-fit:cover!important;
}
.ys-inline-image figcaption{display:none!important;}
@media(max-width:1100px){
  .ys-inline-image{float:none!important;width:100%!important;margin:0 0 26px 0!important;}
  .ys-inline-image img{min-height:auto;max-height:none;}
}

/* AI görsel seçim galerisi */
.ai-visual-gallery{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin:12px 0 18px;align-items:start}
.ai-visual-choice{border:2px solid #e8eaf2;background:#fff;border-radius:16px;padding:8px;cursor:pointer;box-shadow:0 10px 26px rgba(15,23,42,.08);transition:.2s;display:grid;gap:7px;text-align:center;color:#111827;font-weight:800}
.ai-visual-choice:hover{transform:translateY(-2px);border-color:var(--primary,#8b5cf6)}
.ai-visual-choice.selected{border-color:var(--secondary,#ec4899);box-shadow:0 16px 36px rgba(236,72,153,.20)}
.ai-visual-choice img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;display:block;background:#f8fafc}
.ai-visual-choice span{font-size:12px;background:linear-gradient(135deg,var(--primary,#8b5cf6),var(--secondary,#ec4899));color:#fff;border-radius:999px;padding:6px 10px;justify-self:center}
.ai-visual-gallery small{grid-column:1/-1;color:#667085;font-weight:700}
.ai-visual-loading,.ai-visual-error{grid-column:1/-1;border:1px dashed #cbd5e1;border-radius:16px;padding:14px;background:#f8fafc;color:#475569;font-weight:800;text-align:center}.ai-visual-error{color:#dc2626;background:#fef2f2;border-color:#fecaca}
.ai-visual-lightbox{position:fixed;inset:0;background:rgba(15,23,42,.72);z-index:999999;display:grid;place-items:center;padding:24px}.ai-visual-lightbox img{max-width:min(1100px,94vw);max-height:84vh;border-radius:24px;box-shadow:0 35px 120px rgba(0,0,0,.38);background:#fff}.ai-visual-lightbox button{position:fixed;right:24px;top:22px;width:44px;height:44px;border-radius:999px;border:0;background:#fff;color:#111827;font-size:26px;cursor:pointer}
@media(max-width:900px){.ai-visual-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ai-visual-gallery{grid-template-columns:1fr}}

/* 20260530 - Sektörel Programlama modern vitrin */
.ys-sector-modern{width:min(1500px,calc(100% - 48px));margin:0 auto;padding:42px 0 80px!important}.sector-hero-modern{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,520px)!important;gap:34px!important;align-items:center!important;background:linear-gradient(135deg,#fff,#f7f1ff 48%,#ffe7f6)!important;border:1px solid #eee8fb!important;border-radius:42px!important;padding:56px!important;box-shadow:0 32px 92px rgba(139,92,246,.12)!important;overflow:hidden!important}.sector-hero-modern h1{font-size:clamp(38px,4.8vw,68px)!important;line-height:1.04!important;letter-spacing:-.05em!important;margin:10px 0 18px!important}.sector-hero-modern p{font-size:20px!important;line-height:1.75!important;color:#5d5181!important;max-width:760px!important}.sector-hero-art img{width:100%!important;height:auto!important;border-radius:32px!important;box-shadow:0 30px 90px rgba(82,54,150,.18)!important;display:block!important}.sector-intro-strip{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;margin:24px 0 30px}.sector-intro-strip b,.sector-intro-strip span{background:#fff;border:1px solid #eee8fb;border-radius:999px;padding:12px 16px;box-shadow:0 12px 32px rgba(51,38,92,.06);font-weight:900;color:#5b21b6}.sector-grid-modern{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}.sector-card-modern{padding:18px!important;border-radius:28px!important;overflow:hidden!important;position:relative!important;background:linear-gradient(180deg,#fff,#fffafd)!important}.sector-card-modern img{width:100%!important;max-width:none!important;height:150px!important;max-height:none!important;object-fit:cover!important;border-radius:22px!important;margin:0 0 16px!important;background:#f8fafc!important}.sector-card-modern h3{font-size:20px!important;line-height:1.22!important}.sector-card-modern p{font-size:15px!important;line-height:1.65!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sector-card-modern a{display:inline-flex;margin-top:8px;color:#fff;background:linear-gradient(135deg,var(--ys-primary,#8b5cf6),var(--ys-secondary,#ec4899));border-radius:999px;padding:9px 13px;font-weight:900;font-size:13px}@media(max-width:1200px){.sector-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sector-hero-modern{grid-template-columns:1fr!important;padding:42px!important}.sector-hero-art{max-width:620px}}@media(max-width:700px){.ys-sector-modern{width:calc(100% - 24px);padding-top:22px!important}.sector-hero-modern{padding:28px!important;border-radius:30px!important}.sector-grid-modern{grid-template-columns:1fr!important}.sector-hero-modern p{font-size:17px!important}.sector-card-modern img{height:190px!important}}

/* 20260530 - Manuel alt menü dropdown; otomatik içerik dropdown iptal */
.site-header nav>.nav-dd>a:after{content:' ▾';font-size:11px;opacity:.68;}
.nav-dd-menu{z-index:90;}
.nav-dd-menu a{display:block;white-space:normal;}
@media(max-width:900px){.nav-dd-menu{position:static;display:grid;transform:none;box-shadow:none;margin-top:8px;min-width:220px}.nav-dd:hover .nav-dd-menu{display:grid}}

/* 20260530 - Manuel dropdown menü düzeltmesi */
.site-header nav{align-items:center;}
.site-header nav>.nav-top-link,.site-header nav>.nav-dd>.nav-top-link{display:inline-flex;align-items:center;min-height:42px;}
.nav-dd{position:relative;display:inline-flex;align-items:center;}
.nav-dd-menu{display:none;position:absolute;left:0;transform:none;top:calc(100% + 8px);min-width:260px;background:#fff;border:1px solid #eee8fb;border-radius:18px;padding:10px;box-shadow:0 24px 55px rgba(23,13,53,.16);z-index:120;}
.nav-dd:hover .nav-dd-menu,.nav-dd:focus-within .nav-dd-menu{display:grid;gap:4px;}
.nav-dd-menu .nav-dd-link{display:block;padding:12px 14px;border-radius:12px;line-height:1.25;color:#34265c;white-space:normal;}
.nav-dd-menu .nav-dd-link:hover{background:#f7f1ff;color:#170d35;}
@media(max-width:900px){.site-header nav{white-space:normal;overflow:visible}.nav-dd{display:block}.nav-dd-menu{position:static;display:grid;box-shadow:none;border-radius:14px;margin-top:6px;min-width:0}.nav-dd:hover .nav-dd-menu{display:grid}}

/* 20260530 - Dropdown hover kopma düzeltmesi */
.site-header nav .nav-dd{
  position:relative;
  padding:12px 0 14px;
  margin:-12px 0 -14px;
}
.site-header nav .nav-dd-menu{
  top:100% !important;
  margin-top:0 !important;
  padding-top:12px;
}
.site-header nav .nav-dd:before{
  content:"";
  position:absolute;
  left:-18px;
  right:-18px;
  top:100%;
  height:18px;
  z-index:119;
}
.site-header nav .nav-dd:hover .nav-dd-menu,
.site-header nav .nav-dd:focus-within .nav-dd-menu{
  display:grid !important;
}
@media(max-width:900px){
  .site-header nav .nav-dd{padding:0;margin:0;}
  .site-header nav .nav-dd:before{display:none;}
  .site-header nav .nav-dd-menu{position:static;display:grid!important;padding-top:10px;margin-top:6px!important;}
}


/* 20260531 - Mobil header gerçek sabit düzeltme */
@media (max-width:760px){
  html{scroll-padding-top:var(--ys-mobile-header-height,168px)!important;}
  body.ys-mobile-fixed-header-on{padding-top:var(--ys-mobile-header-height,168px)!important;}
  body.ys-mobile-fixed-header-on .site-header.ys-header-style-one,
  body.ys-mobile-fixed-header-on header.ys-header-style-one{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:2147483000!important;
    transform:translateZ(0)!important;
    -webkit-transform:translateZ(0)!important;
    will-change:transform!important;
    background:#fff!important;
    box-shadow:0 10px 26px rgba(15,23,42,.12)!important;
    overflow:visible!important;
  }
  body.ys-mobile-fixed-header-on .ys-header-style-one .ys-topbar,
  body.ys-mobile-fixed-header-on .ys-header-style-one .ys-mainbar{
    position:relative!important;
    top:auto!important;
    overflow:visible!important;
  }
  body.ys-mobile-fixed-header-on .ys-header-style-one .ys-mainbar .ys-header-container{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand toggle" "tools tools" "nav nav"!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 0!important;
  }
  body.ys-mobile-fixed-header-on .ys-header-style-one .brand.logo-only{grid-area:brand!important;display:flex!important;align-items:center!important;min-width:0!important;margin:0!important;}
  body.ys-mobile-fixed-header-on .ys-header-style-one .brand.logo-only img{max-width:150px!important;max-height:54px!important;width:auto!important;height:auto!important;object-fit:contain!important;}
  body.ys-mobile-fixed-header-on .ys-header-style-one [data-mobile-menu-toggle]{grid-area:toggle!important;display:inline-flex!important;justify-self:end!important;align-self:center!important;margin:0!important;position:relative!important;top:auto!important;right:auto!important;transform:none!important;z-index:2147483001!important;}
  body.ys-mobile-fixed-header-on .ys-header-style-one .ys-header-tools{grid-area:tools!important;width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:44px minmax(76px,92px) minmax(128px,1fr)!important;gap:8px!important;align-items:center!important;justify-content:stretch!important;margin:0!important;position:relative!important;top:auto!important;}
  body.ys-mobile-fixed-header-on .ys-header-style-one nav[data-mobile-nav]{grid-area:nav!important;position:relative!important;top:auto!important;}
}
@media (min-width:761px){body.ys-mobile-fixed-header-on{padding-top:0!important;}}

/* YS PATCH 2026-06-19: Slider tam görsel - yazı ve buton kapalı */
.hero{
  padding:0!important;
  background:#fff!important;
}
.hero .slider{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-radius:0!important;
  min-height:clamp(500px,42vw,660px)!important;
  background:#fff!important;
  overflow:hidden!important;
}
.hero .slide{
  position:relative!important;
  min-height:clamp(500px,42vw,660px)!important;
  padding:0!important;
  display:none!important;
  overflow:hidden!important;
  background:#fff!important;
}
.hero .slide.active{
  display:block!important;
}
.hero .slide::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center top;
}
.hero .slide:nth-child(1)::before{background-image:url('/public/assets/ys-slider-full-01-20260619.webp');}
.hero .slide:nth-child(2)::before{background-image:url('/public/assets/ys-slider-full-02-20260619.webp');}
.hero .slide:nth-child(3)::before{background-image:url('/public/assets/ys-slider-full-03-20260619.webp');}
.hero .hero-text,
.hero .hero-art{
  display:none!important;
}
.hero .slider-dots{
  z-index:5!important;
  bottom:18px!important;
}
@media(max-width:900px){
  .hero .slider,
  .hero .slide{
    min-height:430px!important;
  }
  .hero .slide::before{
    background-size:cover;
    background-position:center top;
  }
}

/* YS PATCH 2026-06-19: Slider responsive tam görünüm */
.hero .slider{
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
}
.hero .slide{
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
}
.hero .slide::before{
  background-size:contain!important;
  background-position:center center!important;
  background-color:#fff!important;
}
@media(max-width:900px){
  .hero .slider,
  .hero .slide{
    aspect-ratio:16/9!important;
    height:auto!important;
    min-height:0!important;
  }
  .hero .slide::before{
    background-size:contain!important;
    background-position:center center!important;
  }
}
@media(max-width:520px){
  .hero .slider-dots{bottom:8px!important;}
}

/* YS PATCH 2026-06-19: Desktop slider boy kısaltma */
@media(min-width:901px){
  .hero .slider,
  .hero .slide{
    aspect-ratio:21/9!important;
    height:auto!important;
    min-height:0!important;
  }
  .hero .slide::before{
    background-size:cover!important;
    background-position:center center!important;
  }
  .hero .slider-dots{
    bottom:14px!important;
  }
}

/* YS PATCH 2026-06-19: Slider ile sayac arasi bosluk */
.hero{
  padding:12px 0 22px!important;
  background:#fff!important;
}
.hero .slider{
  margin:0 auto!important;
}
.ys-webview-section[data-home-web-section="home-hero"]{
  margin-bottom:0!important;
}
.ys-webview-section[data-home-web-section="home-module-stats"],
.stats,
.stats-section{
  margin-top:0!important;
}
@media(max-width:900px){
  .hero{
    padding:8px 0 16px!important;
  }
}

/* YS PATCH 2026-06-19: PC slider tam sığdırma - üst/alt kırpma yok */
@media(min-width:901px){
  .hero{
    padding:10px 0 18px!important;
  }
  .hero .slider,
  .hero .slide{
    aspect-ratio:16/9!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  .hero .slide::before{
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-color:#fff!important;
  }
}


/* YS 2026-10-20 MINI FIX: sliders visible, half height, no cropped visuals */
.hero{padding:0!important;margin:0!important}
.hero .slider{width:100%!important;max-width:none!important;aspect-ratio:auto!important;height:clamp(210px,19vw,340px)!important;min-height:0!important;overflow:hidden!important;background:#eaf6fd!important}
.hero .slide{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;padding:0!important;position:relative!important;background:#eaf6fd!important}
.hero .slide.active{display:block!important}
.hero .slide::before{content:""!important;position:absolute!important;inset:0!important;background-color:#eaf6fd!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:contain!important;z-index:2!important}
.hero .slide:nth-child(1)::before{background-image:url("/public/assets/ys-brand-2026/slider-01.webp")!important}
.hero .slide:nth-child(2)::before{background-image:url("/public/assets/ys-brand-2026/slider-02.webp")!important}
.hero .slide:nth-child(3)::before{background-image:url("/public/assets/ys-brand-2026/slider-03.webp")!important}
.hero .slide:nth-child(4)::before{background-image:url("/public/assets/ys-brand-2026/slider-04.webp")!important}
.hero .slide:nth-child(5)::before{background-image:url("/public/assets/ys-brand-2026/slider-05.webp")!important}

.hero .hero-text,.hero .hero-art{display:none!important}
.hero .slider-dots{z-index:8!important;bottom:7px!important}
/* Blog and service graphics are compositions with embedded copy; never crop them. */
.blog-thumb,.blog-img{background:#eaf5fc!important}
.blog-thumb img,.blog-img img,.ys-inline-image img,.article-cover,.image-seo-figure img{object-fit:contain!important;object-position:center!important;background:#eaf5fc!important}
.ys-inline-image img{min-height:0!important;max-height:none!important;height:auto!important;width:100%!important}
.article-cover{height:auto!important;max-height:420px!important}
@media(max-width:700px){.hero .slider{height:clamp(140px,27vw,240px)!important}.hero .slide::before{background-size:contain!important}.hero .slider-dots{bottom:3px!important}.blog-thumb img,.blog-img img{object-fit:contain!important}}



/* ================================================================
   YAPAYSISTEM HOMEPAGE V3 — 2026-10-21
   Visual reference: user-provided blue corporate homepage mockup.
   Safe scope: redesigned homepage header/hero/stats/shortcuts;
   public blue palette replaces turquoise; no data/admin changes.
   ================================================================ */
:root { --ys-primary:#087df2; --ys-secondary:#2ba1fa; --ys-home-blue:#0788f6; --ys-home-navy:#071b3c; }
body.ys-home-2026 { background:#f7faff!important; color:#0b1940; }
body.ys-home-2026 .ys-header-style-one { border-bottom:1px solid #e4ebf5!important; box-shadow:0 8px 32px rgba(17,50,93,.06)!important; }
body.ys-home-2026 .ys-header-style-one .ys-topbar {background:#202b39!important;color:#dbe6f1!important;}
body.ys-home-2026 .ys-topbar .ys-header-container { min-height:35px!important; width:min(1520px,calc(100% - 64px))!important; }
body.ys-home-2026 .ys-contact-tray {display:flex;gap:23px;align-items:center;color:#dbe6f1;font-size:12px;font-weight:600;}
body.ys-home-2026 .ys-contact-tray a {color:#dbe6f1!important;}
body.ys-home-2026 .ys-contact-tray span {opacity:.86;}
body.ys-home-2026 .ys-home-toplink {color:#dbe6f1;font-size:12px;font-weight:700;}
body.ys-home-2026 .ys-header-style-one .ys-mainbar .ys-header-container {min-height:79px!important; width:min(1520px,calc(100% - 64px))!important;grid-template-columns:255px minmax(0,1fr) auto!important;}
body.ys-home-2026 .ys-corp-header .brand.logo-only {height:72px!important;width:auto!important;display:flex!important;align-items:center!important;gap:9px!important;overflow:visible!important;line-height:1!important;}
body.ys-home-2026 .ys-corp-header .brand.logo-only img.ys-new-brand-symbol {height:68px!important;width:67px!important;max-width:67px!important;max-height:68px!important;object-fit:contain!important;flex:none;}
body.ys-home-2026 .ys-new-brand-text{display:flex;flex-direction:column;color:#0c2046;white-space:nowrap;font-weight:850;font-size:27px;letter-spacing:-1.1px;line-height:1.05}
body.ys-home-2026 .ys-new-brand-text>span {display:contents;color:#168fec;}
body.ys-home-2026 .ys-new-brand-text>small{font-size:9px;letter-spacing:2px;font-weight:750;color:#526984;line-height:1.7}
body.ys-home-2026 .ys-header-style-one nav[data-mobile-nav] {gap:22px!important;justify-content:center!important;}
body.ys-home-2026 .ys-header-style-one nav[data-mobile-nav] a {color:#192943!important;font-weight:750!important;}
body.ys-home-2026 .ys-header-style-one nav[data-mobile-nav] a:hover {color:#087df2!important;}
body.ys-home-2026 .ys-header-style-one .top-cta {background:linear-gradient(120deg,#087af2,#1da5ff)!important;color:#fff!important;border-radius:12px!important;box-shadow:0 8px 18px rgba(6,126,226,.20)!important;padding:13px 20px!important;}
body.ys-home-2026 .ys-header-style-one .ys-header-search button{background:#f3f9ff!important;border:1px solid #dce8f4!important;}
body.ys-home-2026 .ys-header-style-one .ys-header-tools{gap:13px!important;}
body.ys-home-2026 .ys-webview-section[data-home-web-section="home-hero"]{width:100%!important;max-width:none!important;margin:0!important;}
body.ys-home-2026 .hero.ys-home-hero{padding:0!important;margin:0!important;max-width:none!important;background:#edf7ff!important;}
body.ys-home-2026 .hero .slider.ys-new-slider{width:100%!important;max-width:none!important;border-radius:0!important;margin:0!important;aspect-ratio:auto!important;height:clamp(380px,28vw,480px)!important;min-height:0!important;max-height:none!important;position:relative!important;overflow:hidden!important;background:#eaf6ff!important;}
body.ys-home-2026 .hero .slide.ys-hero-slide{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;padding:0!important;display:none!important;align-items:stretch!important;grid-template-columns:minmax(0,46%) minmax(0,54%)!important;gap:0!important;background:radial-gradient(ellipse at 78% 23%,#d1f1ff 0%,transparent 41%),linear-gradient(110deg,#ffffff 5%,#f5fbff 46%,#c5e9ff 100%)!important;}
body.ys-home-2026 .hero .slide.ys-hero-slide.active {display:grid!important;}
body.ys-home-2026 .hero .slide.ys-hero-slide::before {content:none!important;display:none!important;background-image:none!important;}
body.ys-home-2026 .ys-hero-copy{position:relative;z-index:5;padding:44px 24px 36px max(8vw,calc((100vw - 1510px) / 2));display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-width:0;}
body.ys-home-2026 .ys-hero-badge{display:inline-flex!important;width:auto;border-radius:999px;padding:8px 14px;background:linear-gradient(120deg,#087cf2,#37b1ff);color:#fff;font-size:12px;letter-spacing:.035em;font-weight:850;box-shadow:0 8px 20px rgba(0,139,230,.15);}
body.ys-home-2026 .ys-hero-copy h1{color:#0a1736!important;font-size:clamp(30px,3.05vw,63px)!important;line-height:1.08!important;font-weight:850!important;letter-spacing:-.04em!important;margin:18px 0 14px!important;max-width:700px!important;text-wrap:balance;}
body.ys-home-2026 .ys-hero-copy h1 em{font-style:normal;color:#118cf8!important;}
body.ys-home-2026 .ys-hero-copy p{color:#526783!important;font-size:clamp(14px,1.06vw,18px)!important;line-height:1.5!important;max-width:590px;margin:0 0 18px!important;}
body.ys-home-2026 .ys-hero-cta{display:inline-flex;justify-content:center;align-items:center;gap:16px;background:linear-gradient(110deg,#087df2,#199aff);border-radius:12px;padding:14px 22px;color:white!important;font-weight:800;font-size:14px;box-shadow:0 14px 28px rgba(5,128,231,.20);transition:transform .2s ease;}
body.ys-home-2026 .ys-hero-cta:hover{transform:translateY(-2px)}
body.ys-home-2026 .ys-hero-cta span{font-size:22px;line-height:.8;}
body.ys-home-2026 .ys-hero-features{display:flex;gap:15px;flex-wrap:wrap;margin-top:18px;}
body.ys-home-2026 .ys-hero-features>span{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#30496c;white-space:nowrap;}
body.ys-home-2026 .ys-hero-features i{width:22px;height:22px;background:#078af1;border-radius:50%;display:grid;place-items:center;color:white;font-weight:900;font-size:13px;font-style:normal;}
body.ys-home-2026 .ys-hero-stage{position:relative;min-width:0;overflow:hidden;isolation:isolate;}
body.ys-home-2026 .ys-hero-halo{position:absolute;inset:-18% -4% -18% 7%;background:radial-gradient(circle at 43% 48%,rgba(64,174,255,.28),transparent 57%);z-index:0;}
body.ys-home-2026 .ys-hero-dashboard{position:absolute;right:max(6vw,4%);top:12%;width:66%;height:76%;border:9px solid #0a2956;background:#fdfefe;border-radius:23px;box-shadow:0 20px 40px rgba(0,61,126,.18),0 0 0 3px rgba(37,168,255,.20);transform:perspective(1200px) rotateY(-5deg);overflow:hidden;z-index:1;padding:0 17px 18px;}
body.ys-home-2026 .ys-browser-bar{height:33px;display:flex;align-items:center;gap:5px;background:#0a2c5a;color:#fff;margin:0 -17px;padding:0 13px;}
body.ys-home-2026 .ys-browser-bar>span{width:7px;height:7px;background:#a2dfff;border-radius:50%;opacity:.8;}
body.ys-home-2026 .ys-browser-bar>b{font-size:11px;letter-spacing:.03em;margin-left:10px;font-weight:850;color:#b9edff;}
body.ys-home-2026 .ys-browser-bar small{color:#65adff;}
body.ys-home-2026 .ys-browser-search{height:40px;background:#eef6ff;border-radius:999px;border:1px solid #d7e9fa;margin:16px 0 10px;display:flex;align-items:center;padding:0 16px;gap:12px;font-size:13px;font-weight:750;color:#254463;}
body.ys-home-2026 .ys-browser-search span{font-size:30px;line-height:1;color:#168cec;}
body.ys-home-2026 .ys-dashboard-title{display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:17px;font-weight:850;color:#0b254a;}
body.ys-home-2026 .ys-dashboard-title small{font-size:10px;font-weight:650;color:#768da5;}
body.ys-home-2026 .ys-dashboard-chart{display:block;width:100%;height:clamp(95px,13vw,190px);margin-top:6px;}
body.ys-home-2026 .ys-dashboard-pills{display:flex;gap:8px;}
body.ys-home-2026 .ys-dashboard-pills span{background:#ecf6ff;color:#087df2;font-size:10px;font-weight:850;border-radius:6px;padding:6px 9px;}
body.ys-home-2026 .ys-hero-mascot{display:block!important;position:absolute;z-index:3;bottom:-20%;left:-15%;height:126%;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(5px 10px 14px rgba(10,68,128,.12));pointer-events:none;}
body.ys-home-2026 .ys-slider-arrow{position:absolute;z-index:11;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0!important;background:rgba(15,39,68,.54)!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:50%!important;color:#fff!important;font-size:30px;line-height:1!important;display:grid;place-items:center;}
body.ys-home-2026 .ys-slider-arrow.is-prev{left:20px;}
body.ys-home-2026 .ys-slider-arrow.is-next{right:20px;}
body.ys-home-2026 .hero .slider-dots.ys-slider-dots{left:50%!important;bottom:14px!important;transform:translateX(-50%)!important;gap:7px!important;z-index:10!important;}
body.ys-home-2026 .hero .slider-dots button{width:8px;height:8px;padding:0;background:#b7d2ed!important;border-radius:99px;box-shadow:none;}
body.ys-home-2026 .hero .slider-dots button.active{width:25px;background:#0786f5!important;}
body.ys-home-2026 .ys-webview-section[data-home-web-section="home-module-stats"]{width:100%!important;margin:0!important;}
body.ys-home-2026 .stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;min-height:75px!important;padding:12px max(7vw,calc((100vw - 1530px)/2))!important;gap:0!important;background:#fff!important;color:#0a2349!important;box-shadow:0 8px 22px rgba(17,63,100,.03)!important;}
body.ys-home-2026 .stats>b{position:relative;display:block;border-right:1px solid #dce7f1;padding:0 18px;font-size:25px!important;line-height:1.2;text-align:center;color:#12254a!important;white-space:nowrap;}
body.ys-home-2026 .stats>b:last-child{border-right:0;}
body.ys-home-2026 .stats>b>span{font-size:12px!important;margin-top:3px;color:#60718a!important;font-weight:600;white-space:normal;}
body.ys-home-2026 .stats>b::before{display:inline-block;vertical-align:middle;font-size:25px;color:#0b89f3!important;margin-right:16px;font-weight:850;}
body.ys-home-2026 .stats>b:nth-child(1)::before{content:'▦'}
body.ys-home-2026 .stats>b:nth-child(2)::before{content:'▣'}
body.ys-home-2026 .stats>b:nth-child(3)::before{content:'☏'}
body.ys-home-2026 .stats>b:nth-child(4)::before{content:'★';color:#f3ac12!important}
body.ys-home-2026 .ys-home-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:17px 24px 20px;max-width:1700px;margin:0 auto 8px;}
body.ys-home-2026 .ys-home-shortcut{background:#fff;border:1px solid #e9eff8;box-shadow:0 8px 18px rgba(21,52,100,.035);border-radius:18px;display:flex;align-items:center;gap:12px;min-width:0;padding:14px;transition:transform .2s ease,box-shadow .2s ease;}
body.ys-home-2026 .ys-home-shortcut:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(9,106,209,.09);}
body.ys-home-2026 .ys-shortcut-icon{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:13px;font-size:27px;font-weight:750;line-height:1;}
body.ys-home-2026 .ys-ic-blue{background:#e4f3ff;color:#087ff3;}
body.ys-home-2026 .ys-ic-pink{background:#ffeff6;color:#fa439a;}
body.ys-home-2026 .ys-ic-green{background:#e7faf0;color:#13b969;}
body.ys-home-2026 .ys-ic-orange{background:#fff3e7;color:#ed8c19;}
body.ys-home-2026 .ys-ic-purple{background:#f3edff;color:#8e4df2;}
body.ys-home-2026 .ys-ic-sky{background:#e6f2ff;color:#2679ed;}
body.ys-home-2026 .ys-shortcut-copy{min-width:0;flex:1;display:grid;gap:5px;}
body.ys-home-2026 .ys-shortcut-copy b{font-size:14px;line-height:1.15;color:#142549;}
body.ys-home-2026 .ys-shortcut-copy small{font-size:11px;line-height:1.35;color:#6f7f96;}
body.ys-home-2026 .ys-shortcut-arr{font-size:22px;color:#7c94b4;}
body.ys-home-2026 .section-title h2,body.ys-home-2026 .ys-content-main h2{color:#0d254b!important;}
body.ys-home-2026 .card:hover,body.ys-home-2026 .ys-service-card:hover{box-shadow:0 18px 46px rgba(12,115,226,.12)!important;}
body.ys-home-2026 .cta{background:linear-gradient(120deg,#05396d,#0989f6)!important;}
body.ys-home-2026 .eyebrow{background:#e5f3ff!important;color:#087df2!important;}
body.ys-home-2026 .ys-webview-section[data-home-web-section="home-module-about"] {background:#f7faff;}
@media(min-width:1600px){body.ys-home-2026 .ys-home-shortcuts{gap:15px}}
@media(max-width:1300px){body.ys-home-2026 .ys-home-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1150px}body.ys-home-2026 .ys-header-style-one .ys-mainbar .ys-header-container{grid-template-columns:235px minmax(0,1fr) auto!important;}}
@media(max-width:1050px){
 body.ys-home-2026 .ys-header-style-one .ys-mainbar .ys-header-container{grid-template-columns:200px minmax(0,1fr) auto!important;gap:7px!important;}
 body.ys-home-2026 .ys-new-brand-text{font-size:22px}body.ys-home-2026 .ys-corp-header .brand.logo-only img.ys-new-brand-symbol{width:55px!important;height:55px!important;}
 body.ys-home-2026 .ys-header-style-one nav[data-mobile-nav]{gap:9px!important;}
 body.ys-home-2026 .ys-hero-copy{padding-left:7vw;padding-right:10px;}
 body.ys-home-2026 .ys-hero-copy h1{font-size:clamp(32px,3.5vw,44px)!important;}
 body.ys-home-2026 .ys-hero-mascot{left:-19%;height:112%;bottom:-12%}
 body.ys-home-2026 .ys-hero-dashboard{right:4%;width:70%;}
}
@media(max-width:760px){
 body.ys-home-2026 .ys-header-style-one .ys-topbar{display:none!important;}
 body.ys-home-2026 .ys-header-style-one .ys-mainbar .ys-header-container{width:calc(100% - 24px)!important;min-height:72px!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'brand toggle' 'tools tools' 'nav nav'!important;}
 body.ys-home-2026 .ys-corp-header .brand.logo-only{height:60px!important;grid-area:brand!important;}
 body.ys-home-2026 .ys-corp-header .brand.logo-only img.ys-new-brand-symbol{width:52px!important;height:52px!important;}
 body.ys-home-2026 .ys-new-brand-text{font-size:23px;letter-spacing:-.8px}body.ys-home-2026 .ys-new-brand-text small{font-size:8px;letter-spacing:1.1px}
 body.ys-home-2026 .ys-header-style-one .ys-header-tools{grid-area:tools!important;width:100%!important;}
 body.ys-home-2026 .ys-header-style-one nav[data-mobile-nav]{grid-area:nav!important;}
 body.ys-home-2026 .hero .slider.ys-new-slider{height:610px!important;max-height:none!important;}
 body.ys-home-2026 .hero .slide.ys-hero-slide{grid-template-columns:1fr!important;grid-template-rows:1fr 235px!important;overflow:hidden!important;}
 body.ys-home-2026 .ys-hero-copy{padding:36px 10% 5px!important;justify-content:flex-start;}
 body.ys-home-2026 .ys-hero-copy h1{font-size:clamp(31px,7.5vw,43px)!important;line-height:1.1!important;margin:14px 0 11px!important;}
 body.ys-home-2026 .ys-hero-copy p{font-size:14px!important;line-height:1.45!important;margin:0 0 12px!important;}
 body.ys-home-2026 .ys-hero-features{gap:8px;margin-top:10px;}
 body.ys-home-2026 .ys-hero-features>span{font-size:10px;}
 body.ys-home-2026 .ys-hero-features i{width:18px;height:18px;font-size:10px;}
 body.ys-home-2026 .ys-hero-cta{font-size:13px;padding:12px 15px;}
 body.ys-home-2026 .ys-hero-dashboard{top:0;right:7%;height:90%;width:72%;border-width:5px;padding:0 10px 6px;transform:none;border-radius:15px;}
 body.ys-home-2026 .ys-browser-bar{height:24px;margin:0 -10px;padding:0 8px;}
 body.ys-home-2026 .ys-browser-search{height:26px;margin:7px 0 5px;font-size:10px;}
 body.ys-home-2026 .ys-dashboard-title{font-size:12px;}
 body.ys-home-2026 .ys-dashboard-title small{font-size:8px;}
 body.ys-home-2026 .ys-dashboard-chart{height:95px;margin-top:0;}
 body.ys-home-2026 .ys-hero-mascot{left:0;bottom:-33%;height:152%;}
 body.ys-home-2026 .ys-dashboard-pills{display:none;}
 body.ys-home-2026 .ys-slider-arrow{width:30px;height:30px;font-size:22px;top:70%;}
 body.ys-home-2026 .ys-slider-arrow.is-prev{left:6px;} body.ys-home-2026 .ys-slider-arrow.is-next{right:6px;}
 body.ys-home-2026 .hero .slider-dots.ys-slider-dots{bottom:8px!important;}
 body.ys-home-2026 .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:14px;padding:15px!important;}
 body.ys-home-2026 .stats>b{font-size:19px!important;}
 body.ys-home-2026 .stats>b:nth-child(2){border-right:0;}
 body.ys-home-2026 .stats>b:nth-child(3),body.ys-home-2026 .stats>b:nth-child(4){border-top:1px solid #e5edf5;padding-top:10px;}
 body.ys-home-2026 .stats>b::before{font-size:18px;margin-right:7px;}
 body.ys-home-2026 .ys-home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;}
 body.ys-home-2026 .ys-home-shortcut{padding:12px 10px;border-radius:14px;gap:8px;}
 body.ys-home-2026 .ys-shortcut-icon{width:40px;height:40px;flex-basis:40px;font-size:22px;}
 body.ys-home-2026 .ys-shortcut-copy b{font-size:12px;}
 body.ys-home-2026 .ys-shortcut-copy small{font-size:10px;}
 body.ys-home-2026 .ys-shortcut-arr{display:none;}
}
@media(max-width:390px){body.ys-home-2026 .hero .slider.ys-new-slider{height:660px!important;}body.ys-home-2026 .ys-hero-copy{padding:26px 8% 0!important;}body.ys-home-2026 .ys-home-shortcuts{grid-template-columns:1fr;}}
@media(prefers-reduced-motion:reduce){body.ys-home-2026 .ys-hero-cta,body.ys-home-2026 .ys-home-shortcut{transition:none!important;}}



/* ====================================================
   YAPAYSISTEM HOME V4 — 2026-10-21
   Reference-faithful full-width photo + editable HTML copy.
   Do not touch interiors, blog imagery, data or admin.
   ==================================================== */
body.ys-home-2026 .ys-header-style-one .ys-topbar .ys-header-container{min-height:36px!important;}
body.ys-home-2026 .ys-header-style-one .ys-mainbar .ys-header-container{min-height:86px!important;grid-template-columns:270px minmax(0,1fr) auto!important;}
body.ys-home-2026 .ys-corp-header .brand.logo-only{height:80px!important;}
body.ys-home-2026 .ys-corp-header .brand.logo-only img.ys-new-brand-symbol{height:73px!important;width:73px!important;max-width:73px!important;max-height:73px!important;}
body.ys-home-2026 .ys-new-brand-text{font-size:30px!important;}
body.ys-home-2026 .ys-header-style-one nav[data-mobile-nav] a{font-size:15px!important;}
body.ys-home-2026 .ys-header-style-one .top-cta{padding:15px 22px!important;font-size:14px!important;}
body.ys-home-2026 .hero.ys-home-hero{background:#e5f4ff!important;}
body.ys-home-2026 .hero .slider.ys-new-slider{width:100%!important;max-width:none!important;height:clamp(370px,19.2vw,450px)!important;min-height:0!important;max-height:none!important;margin:0!important;overflow:hidden!important;background:#eef8ff!important;}
body.ys-home-2026 .hero .slide.ys-hero-slide{position:relative!important;display:none!important;grid-template-columns:none!important;gap:0!important;width:100%!important;height:100%!important;padding:0!important;min-height:0!important;background:linear-gradient(90deg,#dfefff 0%,#f8fcff 20%,#f5fbff 45%,#caeaff 100%)!important;overflow:hidden!important;}
body.ys-home-2026 .hero .slide.ys-hero-slide.active{display:block!important;}
body.ys-home-2026 .hero .slide.ys-hero-slide::before{content:none!important;display:none!important;background-image:none!important;}
body.ys-home-2026 .ys-hero-slide::after{content:'';pointer-events:none;position:absolute;inset:0 auto 0 0;width:27%;background:linear-gradient(90deg,rgba(38,107,159,.21),rgba(249,253,255,.9) 82%,transparent),url('/public/assets/ys-home-2026/hero-office.webp') center/cover no-repeat;z-index:0;opacity:.42;}
body.ys-home-2026 .ys-hero-copy{position:relative!important;z-index:5!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;flex-direction:column!important;box-sizing:border-box!important;width:50.8%!important;height:100%!important;padding:25px 16px 24px max(8.5vw,calc((100vw - 1240px)/2))!important;}
body.ys-home-2026 .ys-hero-badge{border-radius:999px!important;padding:8px 18px!important;font-size:15px!important;letter-spacing:.01em!important;background:linear-gradient(120deg,#0f8ef7,#38b0ff)!important;color:white!important;box-shadow:none!important;}
body.ys-home-2026 .ys-hero-copy h1{font-size:clamp(40px,2.75vw,62px)!important;font-weight:900!important;line-height:1.08!important;margin:17px 0 15px!important;letter-spacing:-.038em!important;max-width:740px!important;color:#08183a!important;text-wrap:balance!important;}
body.ys-home-2026 .ys-hero-copy h1 em{font-style:normal!important;color:#128ef2!important;}
body.ys-home-2026 .ys-hero-copy p{font-size:clamp(15px,1.03vw,20px)!important;line-height:1.32!important;margin:0 0 19px!important;color:#455d7a!important;max-width:720px!important;}
body.ys-home-2026 .ys-hero-cta{font-size:16px!important;padding:14px 22px!important;border-radius:12px!important;min-height:48px!important;}
body.ys-home-2026 .ys-hero-features{gap:16px!important;margin-top:18px!important;flex-wrap:wrap!important;}
body.ys-home-2026 .ys-hero-features>span{font-size:13px!important;white-space:normal!important;color:#344869!important;}
body.ys-home-2026 .ys-hero-features i{width:26px!important;height:26px!important;font-size:16px!important;background:#0a8df3!important;}
body.ys-home-2026 .ys-hero-stage{position:absolute!important;z-index:2!important;inset:0 0 0 auto!important;width:56%!important;height:100%!important;overflow:hidden!important;display:block!important;}
body.ys-home-2026 .ys-hero-stage .ys-hero-photo{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important;max-width:none!important;filter:none!important;border:0!important;border-radius:0!important;}
body.ys-home-2026 .ys-hero-halo,body.ys-home-2026 .ys-hero-dashboard,body.ys-home-2026 .ys-hero-mascot{display:none!important;}
body.ys-home-2026 .ys-slider-arrow{width:54px!important;height:54px!important;font-size:35px!important;background:rgba(22,36,56,.58)!important;}
body.ys-home-2026 .ys-slider-arrow.is-prev{left:26px!important;}
body.ys-home-2026 .ys-slider-arrow.is-next{right:26px!important;}
body.ys-home-2026 .hero .slider-dots.ys-slider-dots{bottom:13px!important;}
body.ys-home-2026 .stats{min-height:90px!important;padding:16px 5vw!important;background:#fff!important;}
body.ys-home-2026 .stats>b{font-size:28px!important;}
body.ys-home-2026 .stats>b>span{font-size:14px!important;}
body.ys-home-2026 .stats>b::before{font-size:30px!important;}
body.ys-home-2026 .ys-home-shortcuts{max-width:none!important;width:calc(100% - 50px)!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;padding:18px 0 26px!important;margin:0 auto!important;}
body.ys-home-2026 .ys-home-shortcut{min-height:96px!important;padding:17px 14px!important;gap:13px!important;border-radius:19px!important;box-sizing:border-box!important;}
body.ys-home-2026 .ys-shortcut-icon{width:56px!important;height:56px!important;flex-basis:56px!important;font-size:29px!important;}
body.ys-home-2026 .ys-shortcut-copy b{font-size:16px!important;}
body.ys-home-2026 .ys-shortcut-copy small{font-size:12px!important;}
@media(max-width:1450px){
  body.ys-home-2026 .ys-hero-stage .ys-hero-photo{object-fit:cover!important;object-position:35% center!important;}
  body.ys-home-2026 .ys-hero-copy{width:51%!important;padding-left:max(7.5vw,calc((100vw - 1100px)/2))!important;}
  body.ys-home-2026 .ys-hero-copy h1{font-size:clamp(35px,3.1vw,52px)!important;}
  body.ys-home-2026 .ys-hero-badge{font-size:12px!important;}
  body.ys-home-2026 .ys-hero-copy p{font-size:15px!important;}
  body.ys-home-2026 .ys-hero-features>span{font-size:11px!important;}
  body.ys-home-2026 .ys-home-shortcuts{gap:10px!important;}
  body.ys-home-2026 .ys-shortcut-copy b{font-size:13px!important;}
}
@media(max-width:1050px){
  body.ys-home-2026 .ys-header-style-one .ys-mainbar .ys-header-container{min-height:72px!important;grid-template-columns:210px minmax(0,1fr) auto!important;}
  body.ys-home-2026 .ys-new-brand-text{font-size:24px!important;}
  body.ys-home-2026 .ys-corp-header .brand.logo-only img.ys-new-brand-symbol{height:59px!important;width:59px!important;max-width:59px!important;max-height:59px!important;}
  body.ys-home-2026 .ys-header-style-one nav[data-mobile-nav] a{font-size:13px!important;}
  body.ys-home-2026 .ys-hero-copy h1{font-size:clamp(30px,3.25vw,45px)!important;}
  body.ys-home-2026 .ys-hero-copy{padding:24px 10px 20px 7vw!important;}
  body.ys-home-2026 .ys-hero-cta{font-size:13px!important;padding:12px 15px!important;}
  body.ys-home-2026 .ys-hero-features{gap:7px!important;margin-top:12px!important;}
  body.ys-home-2026 .ys-home-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:calc(100% - 40px)!important;}
  body.ys-home-2026 .ys-shortcut-copy b{font-size:15px!important;}
}
@media(max-width:760px){
  body.ys-home-2026 .ys-header-style-one .ys-mainbar .ys-header-container{min-height:76px!important;grid-template-columns:minmax(0,1fr) auto!important;}
  body.ys-home-2026 .hero .slider.ys-new-slider{height:610px!important;min-height:610px!important;}
  body.ys-home-2026 .hero .slide.ys-hero-slide{background:#f4faff!important;}
  body.ys-home-2026 .ys-hero-slide::after{width:100%!important;height:50%!important;opacity:.22!important;}
  body.ys-home-2026 .ys-hero-copy{position:relative!important;width:100%!important;height:60%!important;justify-content:flex-start!important;padding:30px 36px 10px!important;z-index:3!important;}
  body.ys-home-2026 .ys-hero-copy h1{font-size:clamp(29px,7vw,44px)!important;margin:14px 0 12px!important;}
  body.ys-home-2026 .ys-hero-copy p{font-size:14px!important;line-height:1.45!important;margin-bottom:12px!important;}
  body.ys-home-2026 .ys-hero-features{margin-top:12px!important;gap:9px!important;}
  body.ys-home-2026 .ys-hero-features>span{font-size:10px!important;}
  body.ys-home-2026 .ys-hero-stage{top:auto!important;bottom:0!important;right:0!important;width:100%!important;height:40%!important;}
  body.ys-home-2026 .ys-hero-stage .ys-hero-photo{object-fit:cover!important;object-position:22% center!important;}
  body.ys-home-2026 .ys-slider-arrow{width:32px!important;height:32px!important;font-size:24px!important;top:78%!important;}
  body.ys-home-2026 .ys-slider-arrow.is-prev{left:6px!important;}
  body.ys-home-2026 .ys-slider-arrow.is-next{right:6px!important;}
  body.ys-home-2026 .stats{min-height:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.ys-home-2026 .stats>b{font-size:21px!important;}
  body.ys-home-2026 .stats>b>span{font-size:11px!important;}
  body.ys-home-2026 .ys-home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:calc(100% - 24px)!important;gap:10px!important;padding:12px 0!important;}
  body.ys-home-2026 .ys-home-shortcut{min-height:79px!important;padding:10px!important;gap:8px!important;}
  body.ys-home-2026 .ys-shortcut-icon{width:39px!important;height:39px!important;flex-basis:39px!important;font-size:23px!important;}
  body.ys-home-2026 .ys-shortcut-copy b{font-size:12px!important;}
  body.ys-home-2026 .ys-shortcut-copy small{font-size:10px!important;}
}
@media(max-width:380px){
  body.ys-home-2026 .hero .slider.ys-new-slider{height:660px!important;min-height:660px!important;}
  body.ys-home-2026 .ys-hero-copy{padding:24px 28px!important;height:64%!important;}
  body.ys-home-2026 .ys-hero-copy h1{font-size:28px!important;}
  body.ys-home-2026 .ys-hero-stage{height:36%!important;}
  body.ys-home-2026 .ys-home-shortcuts{grid-template-columns:1fr!important;}
}
/* Slider düzeltme — tema yükleyici için */
body.ys-home-2026 .hero.ys-home-hero{padding:0!important;background:#f3f8ff!important}
body.ys-home-2026 .hero .slider.ys-new-slider{height:clamp(330px,30vw,460px)!important;min-height:0!important;max-height:460px!important;background:#f3f8ff!important;overflow:hidden!important}
body.ys-home-2026 .hero .slide.ys-hero-slide{background:#f3f8ff!important}
body.ys-home-2026 .ys-hero-slide::after{content:none!important;display:none!important;background:none!important}
body.ys-home-2026 .ys-hero-stage{position:absolute!important;inset:0 0 0 auto!important;width:55%!important;height:100%!important;overflow:hidden!important;background:transparent!important}
body.ys-home-2026 .ys-hero-stage .ys-hero-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;max-width:100%!important;background:transparent!important}
body.ys-home-2026 .ys-hero-copy{width:52%!important;padding:28px 16px 28px max(7vw,calc((100vw - 1240px)/2))!important}
body.ys-home-2026 .ys-hero-copy h1{font-size:clamp(30px,3.1vw,52px)!important;line-height:1.06!important;margin:12px 0!important}
body.ys-home-2026 .ys-hero-copy p{font-size:clamp(13px,1vw,17px)!important;margin-bottom:12px!important}
body.ys-home-2026 .ys-hero-features{gap:8px!important;margin-top:11px!important}
body.ys-home-2026 .ys-hero-features>span{font-size:11px!important;gap:5px!important}
body.ys-home-2026 .ys-hero-features i{width:19px!important;height:19px!important;font-size:11px!important}
@media(max-width:760px){body.ys-home-2026 .hero .slider.ys-new-slider{height:clamp(190px,48vw,270px)!important;min-height:190px!important;max-height:270px!important}body.ys-home-2026 .hero .slide.ys-hero-slide{display:none!important;grid-template-columns:minmax(0,48%) minmax(0,52%)!important;grid-template-rows:1fr!important;align-items:center!important}body.ys-home-2026 .hero .slide.ys-hero-slide.active{display:grid!important}body.ys-home-2026 .ys-hero-copy{width:auto!important;height:100%!important;padding:14px 6px 22px 16px!important;justify-content:center!important;overflow:hidden!important}body.ys-home-2026 .ys-hero-badge{font-size:8px!important;padding:5px 8px!important;white-space:nowrap!important}body.ys-home-2026 .ys-hero-copy h1{font-size:clamp(14px,4.1vw,23px)!important;line-height:1.06!important;letter-spacing:-.025em!important;margin:7px 0!important;text-wrap:balance!important}body.ys-home-2026 .ys-hero-copy p{font-size:clamp(9px,2.55vw,12px)!important;line-height:1.25!important;margin:0 0 7px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}body.ys-home-2026 .ys-hero-cta{font-size:9px!important;min-height:0!important;padding:7px 9px!important;gap:5px!important;border-radius:8px!important;white-space:nowrap!important}body.ys-home-2026 .ys-hero-cta span{font-size:13px!important}body.ys-home-2026 .ys-hero-features{display:none!important}body.ys-home-2026 .ys-hero-stage{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-width:0!important}body.ys-home-2026 .ys-hero-stage .ys-hero-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}body.ys-home-2026 .ys-slider-arrow{width:27px!important;height:27px!important;top:auto!important;bottom:9px!important;font-size:19px!important}body.ys-home-2026 .ys-slider-arrow.is-prev{left:auto!important;right:44px!important}body.ys-home-2026 .ys-slider-arrow.is-next{right:10px!important}body.ys-home-2026 .hero .slider-dots.ys-slider-dots{left:12px!important;bottom:17px!important;transform:none!important}}
@media(max-width:380px){body.ys-home-2026 .hero .slider.ys-new-slider{height:188px!important;min-height:188px!important}}

/* Ana sayfa logosunu diğer sayfalardaki tam logoyla eşitle */
body.ys-home-2026 .ys-header-style-one .ys-mainbar .ys-header-container{grid-template-columns:174px minmax(0,1fr) auto!important;}
body.ys-home-2026 .ys-corp-header .brand.logo-only{position:relative!important;display:block!important;width:150px!important;height:64px!important;min-width:150px!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;padding:0!important;}
body.ys-home-2026 .ys-corp-header .brand.logo-only .ys-new-brand-symbol,
body.ys-home-2026 .ys-corp-header .brand.logo-only .ys-new-brand-text{display:none!important;}
body.ys-home-2026 .ys-corp-header .brand.logo-only::before{content:"";position:absolute;inset:0;display:block;background:url('/uploads/logo-mvh74u57qcb6i4.webp') center/contain no-repeat;}
@media(max-width:760px){
 body.ys-home-2026 .ys-header-style-one .ys-mainbar .ys-header-container{grid-template-columns:minmax(0,1fr) auto!important;}
 body.ys-home-2026 .ys-corp-header .brand.logo-only{width:142px!important;height:60px!important;min-width:142px!important;}
}

/* Ana sayfa blog kartları: metinsiz özgün kapaklar; eski maskot görsellerini gizle */
/* Aynı eski kapaklar blog detay sayfalarında da kullanıldığı için konuya özel görselle değiştir */


/* Tüm blog kartları ve yazı içi kapaklar: 20 farklı robotlu görsel */


/* Blog kapakları: tamamı kırpılmadan 16:9 oranında gösterilir */
.ys-webview-section[data-home-web-section="home-blogs"] .blog-img,.ys-archive-page .ys-blog-card .blog-thumb{height:auto!important;aspect-ratio:16/9!important;min-height:0!important;max-height:none!important;background:#eaf5fc!important;overflow:hidden!important}
.ys-webview-section[data-home-web-section="home-blogs"] .blog-img img,.ys-archive-page .ys-blog-card .blog-thumb img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;background:#eaf5fc!important}