:root{--navy:#071a2d;--navy-2:#0b2943;--blue:#0877cc;--blue-dark:#075b9a;--green:#18a67c;--ink:#15283b;--muted:#667a8d;--line:#dbe5ed;--soft:#f3f7fa;--white:#fff;--shadow:0 20px 55px rgba(7,26,45,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:"Montserrat",Arial,sans-serif;font-size:15px;line-height:1.6;letter-spacing:0}a{color:inherit;text-decoration:none}button{font:inherit}.page-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:99;padding:10px 16px;background:#fff;color:var(--navy);transform:translateY(-150%)}.skip-link:focus{transform:none}.product-header{height:84px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:relative;z-index:20}.product-header__inner{height:100%;display:flex;align-items:center;gap:42px}.brand{display:flex;width:184px;height:61px;align-items:center;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain}.product-nav{display:flex;align-items:center;gap:34px;margin-left:auto}.product-nav a{font-size:13px;font-weight:600;color:#3e5264;transition:color .2s}.product-nav a:hover{color:var(--blue)}.back-link{display:flex;align-items:center;gap:8px;border-left:1px solid var(--line);padding-left:28px;color:var(--blue-dark);font-size:13px;font-weight:600}.back-link svg,.button svg{width:17px;height:17px}
.product-hero{position:relative;overflow:hidden;background:var(--navy);color:#fff}.product-hero:before{content:"ARAÇ TAMİRİM";position:absolute;left:50%;bottom:-55px;transform:translateX(-50%);font-size:clamp(90px,14vw,220px);white-space:nowrap;font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);pointer-events:none}.product-hero__layout{min-height:620px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.8fr);gap:80px;align-items:center;padding-block:76px;position:relative;z-index:1}.product-hero__content{max-width:660px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#9ddac8;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1px}.eyebrow svg{width:16px}.product-hero h1{font-size:clamp(44px,5vw,72px);line-height:1.08;font-weight:500;margin:22px 0 24px;letter-spacing:0}.product-hero h1 span{color:#4eb5ee}.product-hero__content>p{max-width:610px;font-size:17px;color:#bdcad5;margin:0}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{min-height:50px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:5px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--blue);color:#fff}.button--primary:hover{background:#0b88e5}.button--ghost{border:1px solid rgba(255,255,255,.28);color:#fff}.hero-trust{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px;color:#95a9ba;font-size:11px}.hero-trust span{display:flex;align-items:center;gap:7px}.hero-trust svg{width:15px;color:#2bc29a}
.workflow-panel{background:#fff;color:var(--ink);box-shadow:0 35px 70px rgba(0,0,0,.22);border-radius:7px;overflow:hidden}.workflow-panel__top{height:66px;background:#eef5f8;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.workflow-panel__brand,.status{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600}.workflow-panel__brand svg{width:20px;color:var(--blue)}.status{font-size:10px;color:#587083}.status>span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(24,166,124,.12)}.workflow-panel__body{padding:28px}.workflow-panel__body>p{font-size:11px;text-transform:uppercase;color:#7d8e9c;margin:0 0 3px}.workflow-panel__body>strong{font-size:18px;font-weight:600}.workflow-list{display:grid;grid-template-columns:1fr 1fr;margin-top:23px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.workflow-list span{min-height:112px;padding:18px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.workflow-list svg{grid-row:1/3;width:18px;color:var(--blue)}.workflow-list b{font-size:12px;font-weight:600}.workflow-list small{font-size:10px;color:#8293a1}
.benefits,.pricing{padding:105px 0}.benefits{background:#fff}.section-heading{max-width:690px}.section-heading>span,.product-cta span{color:var(--green);font-size:11px;text-transform:uppercase;font-weight:700}.section-heading h2{font-size:clamp(32px,4vw,48px);line-height:1.17;font-weight:500;margin:12px 0 17px}.section-heading p{color:var(--muted);font-size:15px;margin:0}.section-heading--center{text-align:center;margin:0 auto 48px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:56px}.benefit-grid article{padding:30px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:240px}.benefit-grid svg{width:28px;height:28px;color:var(--blue);margin-bottom:35px}.benefit-grid h3{font-size:16px;font-weight:600;margin:0 0 10px}.benefit-grid p{font-size:12px;color:var(--muted);margin:0}
.pricing{background:var(--soft)}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px}.pricing-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:7px;padding:28px;box-shadow:0 8px 24px rgba(7,26,45,.04)}.pricing-card.is-featured{border-color:#77bce7;box-shadow:var(--shadow);transform:translateY(-12px)}.recommended{height:32px;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--blue);color:#fff;position:absolute;left:-1px;right:-1px;top:-32px;border-radius:7px 7px 0 0;text-transform:uppercase;font-size:9px;font-weight:700}.recommended svg{width:13px}.pricing-card__head{display:flex;align-items:center;gap:14px}.plan-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:6px;background:#eaf5fc;color:var(--blue)}.plan-icon svg{width:22px}.pricing-card__head small{text-transform:uppercase;color:#8596a3;font-size:9px;font-weight:600}.pricing-card__head h3{font-size:20px;font-weight:600;margin:1px 0 0}.plan-price{min-height:118px;padding:28px 0 20px;display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;border-bottom:1px solid var(--line)}.plan-price del{width:100%;font-size:12px;color:#8696a4}.discount-label{position:absolute;margin-top:-24px;margin-left:94px;background:#e5f7f1;color:#087d60;padding:2px 7px;border-radius:3px;font-size:8px;text-transform:uppercase;font-weight:700}.price-spacer{width:100%;height:19px}.plan-price strong{font-size:34px;line-height:1;font-weight:600;color:var(--navy)}.plan-price small{color:#7b8c99;font-size:11px}.plan-price--offer{display:block}.plan-price--offer strong{display:block;font-size:28px;margin:5px 0 9px}.plan-price--offer small{font-size:11px}.plan-button{height:46px;margin:20px 0 27px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b9d1e1;border-radius:5px;color:var(--blue-dark);font-size:12px;font-weight:600;transition:.2s}.plan-button:hover{background:var(--blue);border-color:var(--blue);color:#fff}.plan-button svg{width:15px}.is-featured .plan-button{background:var(--blue);border-color:var(--blue);color:#fff}.feature-group+ .feature-group{margin-top:24px}.feature-group h4{font-size:10px;text-transform:uppercase;color:#788b9b;margin:0 0 9px}.feature-group ul{list-style:none;margin:0;padding:0}.feature-group li{min-height:38px;display:grid;grid-template-columns:22px 1fr auto;gap:5px;align-items:center;border-bottom:1px solid #edf1f4;font-size:10px}.feature-group li b{font-size:10px;font-weight:600;color:#234057}.feature-icon{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#e6f6f1;color:#0d936f}.feature-icon svg{width:11px}.feature-group li.is-disabled{color:#a3afb8}.feature-group li.is-disabled .feature-icon{background:#f2f4f6;color:#9cabb6}.feature-group li.is-disabled b{color:#a3afb8}.pricing-status{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px solid var(--line);border-radius:7px}.pricing-status strong{font-size:15px;margin:18px 0 2px}.pricing-status small{color:var(--muted)}.loader{width:38px;height:38px;border:3px solid #dce9f1;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.pricing-status.is-error .error-icon{width:44px;height:44px;display:grid;place-items:center;background:#fff0ef;color:#c64943;border-radius:50%}.pricing-status.is-error button{margin-top:15px;border:0;background:var(--navy);color:#fff;padding:10px 17px;border-radius:4px;cursor:pointer}.pricing-error{text-align:center}@keyframes spin{to{transform:rotate(360deg)}}
.product-cta{background:var(--blue);color:#fff}.product-cta__inner{min-height:260px;display:flex;align-items:center;justify-content:space-between;gap:50px}.product-cta span{color:#b8e8db}.product-cta h2{font-size:36px;font-weight:500;margin:7px 0}.product-cta p{margin:0;color:#d7ecfa}.button--light{background:#fff;color:var(--blue-dark);white-space:nowrap}.product-footer{background:var(--navy);color:#fff;padding:55px 0}.product-footer__inner{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.product-footer strong{font-size:24px}.product-footer strong span{color:#3ea7e7}.product-footer p{color:#8ea2b3;font-size:11px;margin:7px 0 0}.product-footer__links{display:flex;gap:26px;font-size:11px;color:#b3c1cc}.product-footer small{grid-column:1/-1;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);color:#71889a;font-size:9px}
@media(max-width:960px){.product-nav{display:none}.back-link{margin-left:auto}.product-hero__layout{grid-template-columns:1fr;gap:45px}.workflow-panel{max-width:650px}.benefit-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr;max-width:650px;margin:auto;gap:48px}.pricing-card.is-featured{transform:none}.product-cta__inner{padding-block:55px}.product-footer__inner{grid-template-columns:1fr}}
@media(max-width:620px){.page-shell{width:min(100% - 28px,1180px)}.product-header{height:72px}.brand{width:145px;height:52px}.back-link{font-size:0;padding-left:18px}.back-link svg{width:21px;height:21px}.product-hero__layout{min-height:auto;padding-block:58px}.product-hero h1{font-size:39px}.product-hero__content>p{font-size:14px}.hero-actions{flex-direction:column}.hero-trust{display:grid;grid-template-columns:1fr 1fr}.workflow-panel__top{padding:0 17px}.workflow-panel__body{padding:20px 16px}.workflow-list{grid-template-columns:1fr}.benefits,.pricing{padding:75px 0}.section-heading h2{font-size:31px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{min-height:190px}.benefit-grid svg{margin-bottom:22px}.pricing-card{padding:22px 18px}.product-cta__inner{display:block}.product-cta h2{font-size:30px}.product-cta .button{margin-top:25px;width:100%}.product-footer__links{flex-direction:column;gap:8px;align-items:flex-start}.product-footer__inner{align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{animation-duration:1.8s}.button{transition:none}}

/* Readability pass: pricing details should remain comfortable at desktop distance. */
.pricing-card {
    padding: 32px 30px;
}

.pricing-card__head small {
    color: #657b8e;
    font-size: 11px;
    font-weight: 600;
}

.pricing-card__head h3 {
    font-size: 22px;
    font-weight: 600;
}

.feature-group h4 {
    margin-bottom: 12px;
    color: #536b7e;
    font-size: 12px;
    font-weight: 600;
}

.feature-group li {
    min-height: 46px;
    grid-template-columns: 25px minmax(0, 1fr) auto;
    gap: 8px;
    color: #435a6c;
    font-size: 12px;
    line-height: 1.4;
}

.feature-group li b {
    color: #173a57;
    font-size: 12px;
    font-weight: 600;
}

.feature-icon {
    width: 19px;
    height: 19px;
}

.feature-icon svg {
    width: 12px;
    height: 12px;
}

.feature-group li.is-disabled {
    color: #8697a5;
}

.feature-group li.is-disabled b {
    color: #8b9ba8;
}

.plan-button {
    height: 50px;
    font-size: 13px;
}

/* Isolate product section headings from the shared site's two-column heading. */
.benefits .section-heading,
.pricing .section-heading {
    display: block;
    width: 100%;
    max-width: 720px;
    min-height: 0;
    margin-inline: auto;
}

.benefits .section-heading {
    margin-left: 0;
}

.pricing .section-heading--center {
    margin: 0 auto 58px;
    padding: 0;
    text-align: center;
}

.benefits .section-heading > span,
.pricing .section-heading > span {
    display: inline-block;
    margin: 0 0 14px;
    color: #12876a;
    font-size: 12px;
    line-height: 1.4;
}

.benefits .section-heading h2,
.pricing .section-heading h2 {
    width: auto;
    max-width: none;
    margin: 0 0 18px;
    color: #102a43;
    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.16;
    text-align: inherit;
}

.benefits .section-heading p,
.pricing .section-heading p {
    width: auto;
    max-width: 630px;
    margin: 0 auto;
    color: #5e7488;
    font-size: 15px;
    line-height: 1.7;
    text-align: inherit;
}

.benefits .section-heading p {
    margin-left: 0;
}

@media (max-width: 620px) {
    .pricing-card { padding: 25px 20px; }
    .feature-group li { min-height: 44px; font-size: 11.5px; }
    .feature-group li b { font-size: 11.5px; }
    .pricing .section-heading--center { margin-bottom: 46px; }
    .benefits .section-heading h2,
    .pricing .section-heading h2 { font-size: 31px; }
}