/* =========================================================================
   ÖZEL YAZILIM — landing page stilleri
   Tüm kurallar .wm-oy altında kapsanır, tema CSS'i ile çakışmaz.
   ========================================================================= */

.wm-oy{
	--oy-ink:#101828;
	--oy-ink-2:#475467;
	--oy-ink-3:#667085;
	--oy-line:#e4e7ec;
	--oy-bg:#ffffff;
	--oy-bg-2:#f7f9fc;
	--oy-brand:#ff3a46;
	--oy-accent:#2f6bff;
	--oy-radius:16px;
	--oy-shadow:0 1px 2px rgba(16,24,40,.04), 0 12px 32px -12px rgba(16,24,40,.14);
	font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
	color:var(--oy-ink);
	background:var(--oy-bg);
	overflow-x:hidden;
}
.wm-oy *,.wm-oy *::before,.wm-oy *::after{box-sizing:border-box;}
.wm-oy p{margin:0 0 1em;color:var(--oy-ink-2);line-height:1.75;font-size:16px;}
.wm-oy h1,.wm-oy h2,.wm-oy h3,.wm-oy h4{color:var(--oy-ink);margin:0 0 .5em;line-height:1.25;font-weight:700;letter-spacing:-.02em;}
.wm-oy a{color:inherit;text-decoration:none;}
.wm-oy ul{margin:0;padding:0;list-style:none;}
.wm-oy img{max-width:100%;height:auto;}

.wm-oy__wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px;}
.wm-oy__sec{padding:76px 0;}
.wm-oy__sec--tight{padding:56px 0;}
.wm-oy__sec--alt{background:var(--oy-bg-2);border-top:1px solid var(--oy-line);border-bottom:1px solid var(--oy-line);}

.wm-oy__head{max-width:760px;margin:0 0 44px;}
.wm-oy__head--mid{margin-left:auto;margin-right:auto;text-align:center;}
.wm-oy__eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--oy-brand);margin-bottom:14px;}
.wm-oy__h2{font-size:34px;}
.wm-oy__lead{font-size:17px;color:var(--oy-ink-2);}

/* ------------------------------------------------------------------ butonlar */
.wm-oy__btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.wm-oy__btn{display:inline-flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:10px;
	padding:14px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:.2s ease;white-space:nowrap;}
.wm-oy__btn i{font-size:14px;}
.wm-oy .wm-oy__btn--demo{background:var(--oy-ink);color:#fff;}
.wm-oy .wm-oy__btn--demo:hover{background:#000;color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px -10px rgba(16,24,40,.6);}
.wm-oy .wm-oy__btn--cta{background:var(--oy-brand);color:#fff;}
.wm-oy .wm-oy__btn--cta:hover{background:#e8323d;color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px -10px rgba(255,58,70,.7);}
.wm-oy .wm-oy__btn--ghost{background:#fff;color:var(--oy-ink);border-color:var(--oy-line);}
.wm-oy .wm-oy__btn--ghost:hover{border-color:var(--oy-ink-3);color:var(--oy-ink);}
.wm-oy__btnnote{font-size:13px;color:var(--oy-ink-3);margin:14px 0 0;}

/* --------------------------------------------------------------------- hero */
.wm-oy__hero{position:relative;padding:130px 0 70px;background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%);border-bottom:1px solid var(--oy-line);}
.wm-oy__hero::before{content:'';position:absolute;inset:0;pointer-events:none;
	background:radial-gradient(680px 320px at 78% 8%, rgba(47,107,255,.10), transparent 70%),
	           radial-gradient(520px 280px at 8% 0%, rgba(255,58,70,.07), transparent 70%);}
.wm-oy__hero .wm-oy__wrap{position:relative;z-index:1;}
.wm-oy__hgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
.wm-oy__hero h1{font-size:44px;margin-bottom:20px;}
.wm-oy__hero .wm-oy__lead{font-size:18px;margin-bottom:26px;}

.wm-oy__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--oy-ink-3);margin-bottom:20px;}
.wm-oy__crumbs a:hover{color:var(--oy-brand);}
.wm-oy__crumbs span.sep{opacity:.5;}

.wm-oy .wm-oy__tag{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--oy-line);
	border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;color:var(--oy-ink-2);margin-bottom:18px;box-shadow:var(--oy-shadow);}
.wm-oy__tag i{color:var(--oy-brand);}

.wm-oy__badges{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;}
.wm-oy__badges li{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--oy-ink-2);
	background:#fff;border:1px solid var(--oy-line);border-radius:8px;padding:7px 13px;}
.wm-oy__badges li::before{content:'\2713';color:#12b76a;font-weight:700;}

/* ----------------------------------------------------- tarayıcı mockup (demo) */
.wm-oy__mock{border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--oy-line);
	box-shadow:0 2px 6px rgba(16,24,40,.05), 0 30px 60px -24px rgba(16,24,40,.34);}
.wm-oy__mockbar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#f2f4f7;border-bottom:1px solid var(--oy-line);}
.wm-oy__mockbar i{width:10px;height:10px;border-radius:50%;background:#d0d5dd;display:block;}
.wm-oy__mockbar i:nth-child(1){background:#ff5f57;}
.wm-oy__mockbar i:nth-child(2){background:#febc2e;}
.wm-oy__mockbar i:nth-child(3){background:#28c840;}
.wm-oy__mockurl{flex:1;margin-left:8px;background:#fff;border:1px solid var(--oy-line);border-radius:6px;
	padding:5px 12px;font-size:11px;color:var(--oy-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wm-oy__mockbody{position:relative;background:#fbfcfe;min-height:300px;display:block;}
.wm-oy__mockbody img{display:block;width:100%;}
.wm-oy__mockplay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
	gap:14px;text-align:center;padding:24px;transition:.25s;}
.wm-oy__mockplay span.ico{width:62px;height:62px;border-radius:50%;background:var(--oy-brand);color:#fff;
	display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 12px 28px -10px rgba(255,58,70,.8);}
.wm-oy__mockplay strong{font-size:16px;color:var(--oy-ink);}
.wm-oy__mockplay small{font-size:13px;color:var(--oy-ink-3);}
.wm-oy__mock:hover .wm-oy__mockplay span.ico{transform:scale(1.06);}

/* --------------------------------------------------------------- dert listesi */
.wm-oy__split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.wm-oy__pains li{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px dashed var(--oy-line);
	color:var(--oy-ink-2);font-size:15.5px;line-height:1.65;}
.wm-oy__pains li:last-child{border-bottom:0;}
.wm-oy__pains li i{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#fef3f2;color:#f04438;
	display:flex;align-items:center;justify-content:center;font-size:11px;margin-top:2px;}
.wm-oy__answer{background:var(--oy-ink);color:#fff;border-radius:var(--oy-radius);padding:38px 34px;}
.wm-oy__answer h3{color:#fff;font-size:22px;}
.wm-oy__answer p{color:rgba(255,255,255,.78);margin-bottom:0;}
.wm-oy__answer .wm-oy__btns{margin-top:26px;}
.wm-oy__answer .wm-oy__btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.28);}
.wm-oy__answer .wm-oy__btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);}

/* ------------------------------------------------------------------ kartlar */
.wm-oy__grid{display:grid;gap:22px;}
.wm-oy__grid--3{grid-template-columns:repeat(3,1fr);}
.wm-oy__grid--4{grid-template-columns:repeat(4,1fr);}

.wm-oy__card{background:#fff;border:1px solid var(--oy-line);border-radius:var(--oy-radius);padding:28px 26px;
	transition:.22s ease;height:100%;display:flex;flex-direction:column;}
.wm-oy__card:hover{border-color:#d5dbe6;transform:translateY(-3px);box-shadow:var(--oy-shadow);}
.wm-oy__card h3{font-size:17px;margin-bottom:10px;}
.wm-oy__card p{font-size:14.5px;line-height:1.7;margin-bottom:0;color:var(--oy-ink-2);}
.wm-oy__ico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;
	font-size:18px;margin-bottom:18px;background:rgba(47,107,255,.09);color:var(--oy-accent);}

/* kategori kartı (hub) */
.wm-oy__kcard{position:relative;background:#fff;border:1px solid var(--oy-line);border-radius:var(--oy-radius);
	padding:28px 26px 24px;display:flex;flex-direction:column;height:100%;transition:.22s ease;}
.wm-oy__kcard:hover{transform:translateY(-4px);box-shadow:var(--oy-shadow);border-color:#d5dbe6;}
.wm-oy__kcard h3{font-size:18px;margin-bottom:8px;}
.wm-oy__kcard p{font-size:14.5px;line-height:1.7;flex:1;margin-bottom:18px;}
.wm-oy__kmeta{display:flex;align-items:center;justify-content:space-between;gap:12px;
	border-top:1px solid var(--oy-line);padding-top:16px;margin-top:auto;}
.wm-oy__kmeta .go{font-size:14px;font-weight:600;color:var(--oy-ink);display:inline-flex;align-items:center;gap:8px;}
.wm-oy__kcard:hover .wm-oy__kmeta .go{color:var(--oy-brand);}
.wm-oy__demopill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;
	background:#ecfdf3;color:#027a48;border-radius:999px;padding:5px 11px;}
.wm-oy__ktag{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--oy-ink-3);margin-bottom:14px;display:block;}

/* ------------------------------------------------------------------ modüller */
.wm-oy__chips{display:flex;flex-wrap:wrap;gap:10px;}
.wm-oy__chips li{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--oy-line);
	border-radius:9px;padding:11px 15px;font-size:14px;color:var(--oy-ink-2);font-weight:500;}
.wm-oy__chips li i{color:#12b76a;font-size:12px;}
.wm-oy__chips--link li{padding:0;border:0;background:transparent;}
.wm-oy__chips--link li a{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--oy-line);
	border-radius:9px;padding:11px 15px;font-size:14px;color:var(--oy-ink-2);font-weight:500;transition:.2s;}
.wm-oy__chips--link li a:hover{border-color:var(--oy-brand);color:var(--oy-brand);}
.wm-oy__chips--link li a i{color:var(--oy-brand);font-size:12px;}
.wm-oy__chips--soon li span{display:inline-flex;align-items:center;gap:9px;background:var(--oy-bg-2);
	border:1px dashed var(--oy-line);border-radius:9px;padding:11px 15px;font-size:14px;color:var(--oy-ink-3);}

/* ------------------------------------------------------------------ sonuçlar */
.wm-oy__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--oy-line);
	border:1px solid var(--oy-line);border-radius:var(--oy-radius);overflow:hidden;}
.wm-oy__stats li{background:#fff;padding:34px 24px;text-align:center;}
.wm-oy__stats b{display:block;font-size:38px;font-weight:700;letter-spacing:-.03em;color:var(--oy-brand);line-height:1.1;margin-bottom:8px;}
.wm-oy__stats span{font-size:14px;color:var(--oy-ink-2);line-height:1.5;display:block;}

/* -------------------------------------------------------------------- süreç */
.wm-oy__steps{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;}
.wm-oy__steps li{position:relative;padding-top:26px;border-top:2px solid var(--oy-line);}
.wm-oy__steps li::before{content:'';position:absolute;top:-6px;left:0;width:10px;height:10px;border-radius:50%;background:var(--oy-brand);}
.wm-oy__steps b{display:block;font-size:13px;font-weight:700;color:var(--oy-brand);margin-bottom:8px;letter-spacing:.08em;}
.wm-oy__steps h3{font-size:16px;margin-bottom:8px;}
.wm-oy__steps p{font-size:14px;margin-bottom:0;line-height:1.65;}

/* ---------------------------------------------------------------- demo şerit */
.wm-oy__demoband{background:var(--oy-ink);border-radius:20px;padding:52px 48px;position:relative;overflow:hidden;}
.wm-oy__demoband::before{content:'';position:absolute;inset:0;
	background:radial-gradient(560px 260px at 88% 10%, rgba(47,107,255,.35), transparent 70%),
	           radial-gradient(420px 240px at 6% 96%, rgba(255,58,70,.28), transparent 70%);}
.wm-oy__demoband > *{position:relative;z-index:1;}
.wm-oy__demoband h2{color:#fff;font-size:30px;max-width:640px;}
.wm-oy__demoband p{color:rgba(255,255,255,.76);max-width:620px;font-size:16px;}
.wm-oy__demoband .wm-oy__btn--ghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.26);}
.wm-oy__demoband .wm-oy__btn--ghost:hover{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.5);}
.wm-oy__demoband .wm-oy__btnnote{color:rgba(255,255,255,.55);}

/* --------------------------------------------------------------------- SSS */
.wm-oy__faq{max-width:860px;margin:0 auto;}
.wm-oy__faq details{border:1px solid var(--oy-line);border-radius:12px;background:#fff;margin-bottom:12px;overflow:hidden;}
.wm-oy__faq details[open]{border-color:#d5dbe6;box-shadow:var(--oy-shadow);}
.wm-oy__faq summary{cursor:pointer;list-style:none;padding:20px 56px 20px 24px;font-size:16px;font-weight:600;
	color:var(--oy-ink);position:relative;}
.wm-oy__faq summary::-webkit-details-marker{display:none;}
.wm-oy__faq summary::after{content:'\002B';position:absolute;right:24px;top:50%;transform:translateY(-50%);
	font-size:20px;font-weight:400;color:var(--oy-ink-3);transition:.2s;}
.wm-oy__faq details[open] summary::after{content:'\2212';color:var(--oy-brand);}
.wm-oy__faq .a{padding:0 24px 22px;font-size:15px;line-height:1.75;color:var(--oy-ink-2);}

/* ------------------------------------------------------------------- kapanış */
.wm-oy__cta{background:linear-gradient(135deg,#ff3a46 0%,#ff6a54 100%);border-radius:20px;padding:56px 48px;text-align:center;}
.wm-oy__cta h2{color:#fff;font-size:30px;max-width:680px;margin:0 auto 14px;}
.wm-oy__cta p{color:rgba(255,255,255,.9);max-width:620px;margin:0 auto 28px;font-size:16px;}
.wm-oy__cta .wm-oy__btns{justify-content:center;}
.wm-oy__cta .wm-oy__btn--demo{background:#fff;color:var(--oy-ink);}
.wm-oy__cta .wm-oy__btn--demo:hover{background:#fff;color:#000;}
.wm-oy__cta .wm-oy__btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5);}
.wm-oy__cta .wm-oy__btn--ghost:hover{background:rgba(255,255,255,.14);color:#fff;border-color:#fff;}

/* --------------------------------------------------------------- responsive */
@media (max-width:1024px){
	.wm-oy__hgrid{grid-template-columns:1fr;gap:44px;}
	.wm-oy__hero h1{font-size:36px;}
	.wm-oy__grid--4{grid-template-columns:repeat(2,1fr);}
	.wm-oy__grid--3{grid-template-columns:repeat(2,1fr);}
	.wm-oy__steps{grid-template-columns:repeat(3,1fr);}
	.wm-oy__split{grid-template-columns:1fr;gap:38px;}
	.wm-oy__stats{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){
	.wm-oy__sec{padding:56px 0;}
	.wm-oy__hero{padding:108px 0 54px;}
	.wm-oy__hero h1{font-size:29px;}
	.wm-oy__hero .wm-oy__lead{font-size:16px;}
	.wm-oy__h2{font-size:26px;}
	.wm-oy__grid--3,.wm-oy__grid--4{grid-template-columns:1fr;}
	.wm-oy__steps{grid-template-columns:1fr;}
	.wm-oy__demoband,.wm-oy__cta{padding:38px 24px;}
	.wm-oy__demoband h2,.wm-oy__cta h2{font-size:24px;}
	.wm-oy__answer{padding:30px 24px;}
	.wm-oy__btn{padding:13px 20px;font-size:14.5px;}
	.wm-oy__btns{gap:10px;}
	.wm-oy__stats b{font-size:30px;}
}
@media (max-width:480px){
	.wm-oy__stats{grid-template-columns:1fr;}
	.wm-oy__btn{width:100%;justify-content:center;}
}