*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#030914;--panel:#071522;--line:#173b57;--blue:#1da8ff;--orange:#ff6900;--green:#087d27;--muted:#9cafbf}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#fff;background:radial-gradient(circle at 72% 12%,#092b4d 0,transparent 25%),linear-gradient(#02050a,#04111e 55%,#020711);min-height:100vh}a{text-decoration:none;color:inherit}.container{width:min(1500px,calc(100% - 44px));margin:auto}.header{position:sticky;top:0;z-index:50;background:#02070ddd;border-bottom:1px solid #12304a;backdrop-filter:blur(15px)}.navwrap{height:86px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:9px;min-width:245px}.logo i{font-size:50px;color:var(--orange);font-style:normal}.logo span{display:flex;flex-direction:column}.logo b{font-size:27px}.logo small{font-size:10px;letter-spacing:2.3px;color:var(--blue)}.nav{display:flex;gap:28px;margin-left:auto}.nav a{padding:33px 0;font-size:14px}.nav a.active{color:var(--blue);border-bottom:3px solid var(--blue)}.actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:14px 20px;font-weight:800;border:1px solid transparent}.orange{background:linear-gradient(135deg,#ff7800,#e74c00)}.green{background:linear-gradient(135deg,#0d8c31,#065b1d);border-color:#19aa41}.outline{background:#071724;border-color:#20557b}.hamb{display:none;background:none;color:#fff;border:0;font-size:27px}.hero{position:relative;overflow:hidden;border-bottom:1px solid #123653}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 46%,#086aca55,transparent 26%)}.herogrid{min-height:420px;display:grid;grid-template-columns:1fr 1.35fr;align-items:center;gap:20px;position:relative}.homehero .herogrid{min-height:520px}.herotext{z-index:2}.crumb{display:flex;gap:10px;color:#7dbbe7;font-size:13px;margin-bottom:18px}.eyebrow{display:inline-block;color:#8cd2ff;border:1px solid #1d496b;border-radius:30px;padding:7px 12px;font-size:11px;font-weight:700}.herotext h1{font-size:clamp(50px,5.8vw,86px);line-height:.98;letter-spacing:-3px;margin:18px 0}.herotext h1 em{font-style:normal;color:var(--orange)}.herotext p{font-size:18px;color:#c1ced9;line-height:1.6;max-width:650px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.visual{height:390px;position:relative;display:flex;align-items:center;justify-content:center}.ring{position:absolute;width:72%;height:25%;bottom:30px;border:3px solid #0887ff;border-radius:50%;box-shadow:0 0 28px #0284ff,0 0 80px #005eff88}.lightning{position:absolute;inset:8% 10%;background:radial-gradient(circle,#1b8fff55,transparent 60%);filter:blur(10px)}.gen{width:64%;height:57%;z-index:2;background:linear-gradient(145deg,#202c36,#0c1319);border:1px solid #3b5060;border-radius:8px;box-shadow:0 25px 60px #0008,0 0 40px #008cff33;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.gen:before,.gen:after{content:"";position:absolute;top:18%;bottom:18%;width:15%;background:repeating-linear-gradient(#0b141b 0 3px,#27353f 3px 5px);border:1px solid #263c4c}.gen:before{left:5%}.gen:after{right:5%}.gen b{font-size:22px}.gen b:first-letter{color:var(--orange)}.gen small{margin-top:10px;color:#55bfff;font-weight:800}.quick{margin-top:18px;border:1px solid #1c4868;border-radius:14px;background:#071522;display:grid;grid-template-columns:1.2fr repeat(4,1fr) auto;gap:10px;padding:17px;align-items:center}.quick>div{display:flex;flex-direction:column}.quick small{color:var(--muted);margin-top:5px}.quick input,.quick select,.form input,.form select,.form textarea{width:100%;background:#06121d;border:1px solid #23455f;border-radius:8px;padding:14px;color:#fff}.section{padding:34px 0}.sectitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.sectitle h2{font-size:18px;margin:0}.sectitle a{font-size:13px;color:#60c4ff}.cards{display:grid;gap:14px}.six{grid-template-columns:repeat(6,1fr)}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(#091826,#06111c);border:1px solid var(--line);border-radius:14px;overflow:hidden;padding:0 15px 16px;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#3378a9}.pic{height:135px;margin:0 -15px 13px;background:radial-gradient(circle,#154d76,#07121d 65%);display:grid;place-items:center;font-size:55px;color:var(--orange)}.big .pic{height:210px}.card h3{font-size:17px}.big h3{font-size:22px}.card>b{color:#ff9b32;font-size:12px}.card p{color:var(--muted);line-height:1.5}.card>a:not(.btn){color:#ff923b;font-weight:700}.tag{display:inline-block;background:#0b2d4d;border:1px solid #13568b;color:#7bcaff;border-radius:6px;padding:5px 8px;font-size:11px}.small{padding:10px 14px;font-size:12px}.dual{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{background:#06121d;border:1px solid var(--line);border-radius:14px;padding:17px}.minigrid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.minigrid span{text-align:center;border-right:1px solid #153a57;font-size:24px;padding:11px 6px;color:#4cbaff}.minigrid small{display:block;color:#eef6fb;font-size:10px;margin-top:8px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;padding:22px 0}.stats div{border:1px solid #18507c;border-radius:13px;background:#071727;padding:22px;text-align:center}.stats b{display:block;color:#3fb3ff;font-size:29px}.stats small{color:#c6d4df}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.tabs button{background:#07131e;border:1px solid #254b67;color:#fff;border-radius:9px;padding:11px 17px}.tabs .on{background:#0c74ce;border-color:#36afff}.layout{display:grid;grid-template-columns:1fr 300px;gap:18px}.side{height:max-content;background:#06121d;border:1px solid #25445c;border-radius:14px;padding:17px}.side b{display:flex;gap:7px;align-items:center;border-bottom:1px solid #15334a;padding:15px 5px;color:#32b2ff;font-size:21px}.side small{color:#ced9e1;font-size:12px}.about{display:grid;grid-template-columns:1fr 1fr;gap:12px}.about article{display:flex;gap:15px;background:#07131f;border:1px solid #1a405c;border-radius:14px;padding:20px}.about article i{font-style:normal;width:52px;height:52px;border:2px solid #1b9eff;border-radius:50%;display:grid;place-items:center}.about h3{margin:0 0 8px}.about p{margin:0;color:var(--muted);line-height:1.6}.formgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.contact,.form{background:#06121d;border:1px solid #204765;border-radius:15px;padding:24px}.contact{display:flex;flex-direction:column;gap:17px}.contact a,.contact span{border-bottom:1px solid #17384f;padding-bottom:13px;color:#a8bac8}.contact b{display:block;color:#fff;margin-bottom:5px}.form{display:grid;gap:12px}.form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form button{width:max-content}.calc{max-width:850px;margin:auto}.result{border:1px dashed #2d6d9c;border-radius:10px;padding:18px;color:#4dbbff;font-size:20px;font-weight:800}.faq{max-width:1000px}.faq details{background:#07131f;border:1px solid #1d4665;border-radius:12px;padding:17px;margin-bottom:10px}.faq summary{font-weight:800;cursor:pointer}.faq p,.legal p{color:var(--muted);line-height:1.7}.logos{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.logos div{min-height:120px;background:#07131f;border:1px solid #1b425f;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:20px}.legal{max-width:950px}.emergency{border:1px solid #b91912;border-radius:14px;background:linear-gradient(90deg,#160708,#08090c 45%,#06140b);display:grid;grid-template-columns:1.4fr 1fr 1.15fr 1fr;gap:10px;padding:13px;align-items:center}.e-title{display:flex;gap:12px;align-items:center}.e-title i{font-style:normal;color:#ff3024;font-size:48px}.e-title span{display:flex;flex-direction:column}.e-title b{font-size:20px}.e-title small{color:#aeb9c2}.red,.greenbox,.orangebox{text-align:center;padding:12px;border-radius:9px;font-weight:800}.red{background:#8e110d;border:1px solid #ff2b20}.greenbox{background:#09671f;border:1px solid #23b643}.orangebox{background:#d95000;border:1px solid #ff7f18}.trust{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #173951;border-radius:13px;background:#06111d;margin-top:13px;margin-bottom:26px}.trust div{text-align:center;padding:16px;border-right:1px solid #14344c}.trust small{display:block;color:#8ea3b5;margin-top:4px}.footer{background:#02070d;border-top:1px solid #14344b;padding:38px 0 15px}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footgrid h4{margin-top:0}.footgrid a,.footgrid span,.footgrid p{display:block;color:#8fa4b6;margin:8px 0;font-size:13px;line-height:1.5}.copy{border-top:1px solid #132d41;margin-top:25px;padding-top:14px;color:#728799;font-size:12px}@media(max-width:1150px){.nav{gap:14px}.actions{display:none}.six{grid-template-columns:repeat(3,1fr)}.quick{grid-template-columns:repeat(3,1fr)}.quick>div{grid-column:1/-1}.layout{grid-template-columns:1fr}.side{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.side h3{grid-column:1/-1}}@media(max-width:850px){.container{width:calc(100% - 26px)}.navwrap{height:72px}.logo{min-width:auto}.logo b{font-size:21px}.logo i{font-size:39px}.hamb{display:block;margin-left:auto}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#04101b;flex-direction:column;padding:13px}.nav.open{display:flex}.nav a{padding:10px}.herogrid,.dual,.formgrid{grid-template-columns:1fr}.visual{height:320px}.herotext h1{font-size:52px}.three,.two{grid-template-columns:repeat(2,1fr)}.minigrid{grid-template-columns:repeat(3,1fr)}.about{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.emergency{grid-template-columns:1fr 1fr}.e-title{grid-column:1/-1}.trust{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.herotext h1{font-size:44px}.herotext p{font-size:16px}.visual{height:250px}.gen{width:78%}.quick,.three,.two,.six{grid-template-columns:1fr}.minigrid{grid-template-columns:repeat(2,1fr)}.form>div{grid-template-columns:1fr}.side{grid-template-columns:1fr 1fr}.emergency,.trust,.footgrid,.logos{grid-template-columns:1fr}}
.hero-photo{
  position:relative;z-index:2;width:82%;height:82%;object-fit:cover;object-position:center;
  border-radius:16px;border:1px solid #245477;
  box-shadow:0 28px 70px #0009,0 0 42px #008cff55;
}
.pic{overflow:hidden}
.pic img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .35s ease,filter .35s ease;
  filter:saturate(1.08) contrast(1.04);
}
.card:hover .pic img{transform:scale(1.045)}

/* =========================================================
   POWERRENT PREMIUM EMERGENCY + TRUST + FOOTER
========================================================= */

.emergency-wrap {
    position: relative;
    z-index: 5;
    margin-top: 0;
    background: #f4f6f8;
    padding: 38px 0 0;
}

.emergency-premium {
    position: relative;
    overflow: hidden;
    min-height: 150px;
    padding: 28px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    background:
        radial-gradient(circle at 10% 0%, rgba(255,255,255,.09), transparent 32%),
        linear-gradient(135deg, #07111e 0%, #0b1c2d 55%, #10283d 100%);

    border-radius: 18px;
    box-shadow: 0 20px 55px rgba(3, 15, 27, .18);
}

.emergency-premium::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(#ffb000, #ff7a00);
}

.emergency-info {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 320px;
}

.emergency-icon {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;

    font-size: 39px;
    font-weight: 900;
    line-height: 1;

    color: #07111e;
    background: linear-gradient(135deg, #ffc62f, #ff8a00);

    box-shadow: 0 12px 30px rgba(255, 151, 0, .25);
}

.emergency-label {
    display: block;
    margin-bottom: 5px;

    color: #fbb323;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.emergency-text h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 23px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -.4px;
}

.emergency-text p {
    margin: 0;
    color: rgba(255,255,255,.66);
    font-size: 13px;
    line-height: 1.6;
}


/* BUTTONS */

.emergency-actions {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: repeat(3, minmax(160px, 1fr));
    gap: 10px;
}

.emergency-btn {
    min-height: 76px;
    padding: 13px 17px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    border-radius: 12px;
    text-decoration: none;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.emergency-btn:hover {
    transform: translateY(-3px);
}

.emergency-btn small {
    display: block;
    margin-bottom: 2px;

    font-size: 9px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 1px;
    opacity: .76;
}

.emergency-btn strong {
    display: block;

    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;

    white-space: nowrap;
}

.btn-icon {
    font-size: 22px;
}


/* TELEFON */

.call-btn {
    color: #fff;
    background: linear-gradient(135deg, #d81f26, #a9070e);
    box-shadow: 0 12px 26px rgba(200, 20, 30, .20);
}

.call-btn:hover {
    color: #fff;
    box-shadow: 0 16px 32px rgba(200, 20, 30, .30);
}


/* WHATSAPP */

.whatsapp-btn {
    color: #fff;
    background: linear-gradient(135deg, #1faf61, #087a3d);
    box-shadow: 0 12px 26px rgba(20, 160, 85, .18);
}

.whatsapp-btn:hover {
    color: #fff;
}


/* TEKLİF */

.offer-btn {
    color: #111820;
    background: linear-gradient(135deg, #ffc52f, #f09000);
    box-shadow: 0 12px 26px rgba(244, 160, 0, .17);
}

.offer-btn:hover {
    color: #111820;
}


/* =========================================================
   TRUST
========================================================= */

.trust-premium {
    padding: 24px 0 38px;
    background: #f4f6f8;
}

.trust-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);

    background: #fff;

    border: 1px solid #e6e9ed;
    border-radius: 15px;

    box-shadow: 0 10px 35px rgba(12, 31, 49, .06);

    overflow: hidden;
}

.trust-item {
    min-height: 100px;

    display: flex;
    align-items: center;
    gap: 13px;

    padding: 20px 18px;

    border-right: 1px solid #edf0f2;

    transition:
        background .25s ease,
        transform .25s ease;
}

.trust-item:last-child {
    border-right: 0;
}

.trust-item:hover {
    background: #f8fafb;
}

.trust-number {
    font-size: 28px;
    line-height: 1;
    font-weight: 900;

    color: #e9edf0;
}

.trust-item b {
    display: block;
    margin-bottom: 5px;

    color: #102133;
    font-size: 14px;
    font-weight: 800;
}

.trust-item small {
    display: block;

    color: #75808c;
    font-size: 11px;
    line-height: 1.45;
}


/* =========================================================
   FOOTER
========================================================= */

.footer-premium {
    position: relative;

    color: rgba(255,255,255,.72);

    background:
        radial-gradient(circle at 15% 0%, rgba(255,255,255,.04), transparent 30%),
        linear-gradient(135deg, #050c14, #071421 50%, #0a1b2b);

    overflow: hidden;
}

.footer-top-line {
    height: 3px;

    background: linear-gradient(
        90deg,
        #ff9a00,
        #ffc72f,
        #ff9a00
    );
}

.footer-main {
    display: grid;
    grid-template-columns: 1.45fr .75fr .9fr 1.25fr;
    gap: 55px;

    padding-top: 62px;
    padding-bottom: 52px;
}


/* BRAND */

.footer-logo {
    display: inline-flex;
    align-items: center;
    gap: 11px;

    margin-bottom: 20px;

    color: #fff;
    text-decoration: none;
}

.footer-logo:hover {
    color: #fff;
}

.footer-logo-icon {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    color: #06101a;
    background: linear-gradient(135deg, #ffc52f, #ff8b00);

    font-size: 28px;
    font-weight: 900;
}

.footer-logo-text {
    display: flex;
    flex-direction: column;
}

.footer-logo-text b {
    font-size: 27px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.8px;
}

.footer-logo-text small {
    margin-top: 5px;

    color: #f5aa1b;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
}

.footer-brand p {
    max-width: 330px;
    margin: 0 0 22px;

    color: rgba(255,255,255,.57);

    font-size: 13px;
    line-height: 1.85;
}

.footer-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 8px 12px;

    border: 1px solid rgba(255,255,255,.09);
    border-radius: 30px;

    color: rgba(255,255,255,.7);

    background: rgba(255,255,255,.035);

    font-size: 11px;
    font-weight: 700;
}

.footer-badge span {
    color: #20c66a;
    font-size: 10px;

    box-shadow: 0 0 10px rgba(32,198,106,.7);
}


/* COLUMNS */

.footer-column {
    display: flex;
    flex-direction: column;
}

.footer-column h4 {
    position: relative;

    margin: 3px 0 23px;
    padding-bottom: 12px;

    color: #fff;

    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .8px;
}

.footer-column h4::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 34px;
    height: 2px;

    border-radius: 10px;

    background: #f5a900;
}

.footer-column > a:not(.footer-phone):not(.footer-address) {
    position: relative;

    margin-bottom: 12px;

    color: rgba(255,255,255,.60);

    font-size: 12.5px;
    line-height: 1.5;

    text-decoration: none;

    transition:
        color .2s ease,
        transform .2s ease;
}

.footer-column > a:not(.footer-phone):not(.footer-address):hover {
    color: #ffb31a;
    transform: translateX(3px);
}


/* PHONE */

.footer-phone {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 18px;

    color: #fff;
    text-decoration: none;
}

.footer-phone > span {
    width: 39px;
    height: 39px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    color: #09121d;
    background: #f5a900;

    font-size: 16px;
}

.footer-phone small {
    display: block;

    margin-bottom: 2px;

    color: rgba(255,255,255,.45);
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .8px;
}

.footer-phone strong {
    color: #fff;

    font-size: 16px;
    font-weight: 800;
}


/* ADDRESS */

.footer-address {
    display: flex;
    gap: 10px;

    margin-top: 10px;
    padding-top: 16px;

    border-top: 1px solid rgba(255,255,255,.08);

    color: rgba(255,255,255,.63);
    text-decoration: none;

    font-size: 12px;
    line-height: 1.7;

    transition: color .2s ease;
}

.footer-address:hover {
    color: #fff;
}

.location-icon {
    color: #f5a900;
    font-size: 20px;
}

.footer-address small {
    display: block;

    margin-top: 5px;

    color: #f5a900;

    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
}


/* FOOTER BOTTOM */

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,.07);

    background: rgba(0,0,0,.16);
}

.footer-bottom-inner {
    min-height: 70px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;

    color: rgba(255,255,255,.40);

    font-size: 11px;
}

.footer-bottom-inner strong {
    color: rgba(255,255,255,.70);
}

.footer-legal {
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer-legal a {
    color: rgba(255,255,255,.43);
    text-decoration: none;

    transition: color .2s ease;
}

.footer-legal a:hover {
    color: #f5a900;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .emergency-premium {
        flex-direction: column;
        align-items: stretch;
    }

    .emergency-actions {
        width: 100%;
    }

    .trust-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .trust-item:nth-child(3) {
        border-right: 0;
    }

    .footer-main {
        grid-template-columns: repeat(2, 1fr);
        gap: 45px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .emergency-wrap {
        padding-top: 20px;
    }

    .emergency-premium {
        padding: 22px 18px;
        border-radius: 14px;
    }

    .emergency-info {
        min-width: 0;
        align-items: flex-start;
    }

    .emergency-icon {
        width: 54px;
        height: 54px;
        flex-basis: 54px;

        font-size: 30px;
    }

    .emergency-text h3 {
        font-size: 18px;
    }

    .emergency-text p {
        font-size: 12px;
    }

    .emergency-actions {
        grid-template-columns: 1fr;
    }

    .emergency-btn {
        min-height: 67px;
        justify-content: flex-start;
    }

    .trust-grid {
        grid-template-columns: 1fr;
    }

    .trust-item {
        min-height: 80px;
        border-right: 0;
        border-bottom: 1px solid #edf0f2;
    }

    .trust-item:last-child {
        border-bottom: 0;
    }

    .footer-main {
        grid-template-columns: 1fr;
        gap: 38px;

        padding-top: 45px;
        padding-bottom: 40px;
    }

    .footer-bottom-inner {
        padding-top: 20px;
        padding-bottom: 20px;

        flex-direction: column;
        align-items: flex-start;
    }

    .footer-legal {
        flex-wrap: wrap;
        gap: 10px 16px;
    }
}

/* SEO LONGFORM CONTENT */
.seo-longform{padding:78px 0;background:#f5f7f9;border-top:1px solid #e6eaee}
.seo-longform-head{max-width:980px;margin-bottom:34px}
.seo-kicker{display:inline-flex;margin-bottom:14px;font-size:12px;font-weight:900;letter-spacing:.11em;color:#f06400;text-transform:uppercase}
.seo-longform h2{margin:0 0 18px;font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:-.035em;color:#0d1720}
.seo-longform-head>p{margin:0;font-size:17px;line-height:1.82;color:#4e5a64}
.seo-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.seo-copy-card{padding:26px 28px;background:#fff;border:1px solid #e3e8ec;border-radius:16px;box-shadow:0 12px 34px rgba(20,31,41,.04)}
.seo-copy-card h3{margin:0 0 12px;font-size:20px;line-height:1.25;color:#121c25}
.seo-copy-card p{margin:0;font-size:15px;line-height:1.78;color:#5c6872}
.seo-related{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:28px;padding:20px 0 0;border-top:1px solid #dfe5e9}
.seo-related strong{font-size:13px;color:#202b34}
.seo-related a{font-size:13px;font-weight:800;color:#db5800;text-decoration:none}
.seo-related a:hover{text-decoration:underline}
@media(max-width:767px){.seo-longform{padding:54px 0}.seo-copy-grid{grid-template-columns:1fr}.seo-longform-head>p{font-size:15px}.seo-copy-card{padding:22px}}

/* BLOG ARTICLE */
.article-hero{padding:62px 0;background:linear-gradient(135deg,#06121c,#0b2131);color:#fff}
.article-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}
.article-hero h1{margin:18px 0 18px;font-size:clamp(34px,5vw,62px);line-height:1.02;letter-spacing:-.045em}
.article-hero p{max-width:760px;font-size:17px;line-height:1.75;color:#bdcad4}
.article-hero small{display:block;margin-top:18px;color:#91a7b7}
.article-hero img{width:100%;height:430px;object-fit:cover;border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.28)}
.article-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:52px;padding-top:66px;padding-bottom:82px}
.article-content{max-width:900px}
.article-lead{font-size:20px!important;line-height:1.8!important;color:#24323d!important}
.article-content section{margin:0 0 42px}
.article-content h2{font-size:32px;line-height:1.15;letter-spacing:-.03em;color:#101820;margin:0 0 18px}
.article-content p,.article-content li{font-size:16px;line-height:1.85;color:#4f5e69}
.article-content ul{padding-left:22px}
.article-content li{margin-bottom:10px}
.article-summary{padding:28px 30px;border-radius:16px;background:#f5f7f8;border-left:4px solid #ff6a00}
.article-aside{position:sticky;top:105px;height:max-content;padding:24px;border:1px solid #e1e6e9;border-radius:16px}
.article-aside h3{margin:0 0 14px}.article-aside a{display:block;padding:11px 0;border-bottom:1px solid #edf0f2;color:#dd5900;text-decoration:none;font-weight:800;font-size:13px}
.article-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 30px;border-radius:16px;background:#111d27;color:#fff}.article-cta p{margin:6px 0 0;color:#aebbc5}
@media(max-width:900px){.article-hero-grid,.article-body{grid-template-columns:1fr}.article-hero img{height:330px}.article-aside{position:static}.article-cta{align-items:flex-start;flex-direction:column}}


/* =========================================================
   KIRALIK JENERATORLER - PREMIUM WEBP CARD OVERRIDES
========================================================= */
.generator-showcase{padding-top:34px;padding-bottom:54px}
.generator-tabs{margin-bottom:22px}
.generator-cards{gap:18px}
.generator-card{
    padding:0;
    overflow:hidden;
    background:linear-gradient(180deg,#071724 0%,#06111c 100%);
    border:1px solid #17415f;
    border-radius:16px;
    box-shadow:0 18px 38px rgba(0,0,0,.18);
}
.generator-card:hover{
    transform:translateY(-4px);
    border-color:#2787c3;
    box-shadow:0 24px 50px rgba(0,0,0,.28),0 0 0 1px rgba(29,168,255,.08);
}
.generator-card .generator-card-image{
    height:250px;
    margin:0;
    background:#030a11;
    border-bottom:1px solid #173b57;
}
.generator-card .generator-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    filter:saturate(1.04) contrast(1.035);
    transition:transform .45s ease,filter .45s ease;
}
.generator-card:hover .generator-card-image img{
    transform:scale(1.025);
    filter:saturate(1.08) contrast(1.05);
}
.generator-card-body{padding:17px 18px 19px}
.generator-card-body .tag{margin-bottom:4px}
.generator-card-body h3{margin:12px 0 10px;font-size:22px;line-height:1.2}
.generator-card-body p{margin:0 0 16px;min-height:46px;color:#a8bac8}
.generator-card-body .btn{box-shadow:0 8px 20px rgba(255,105,0,.15)}
@media(max-width:850px){.generator-card .generator-card-image{height:230px}}
@media(max-width:560px){.generator-card .generator-card-image{height:220px}.generator-card-body p{min-height:0}}