:root{--ink:#111827;--muted:#64748b;--line:#e5e7eb;--bg:#f8fafc;--accent:#111827;--green:#16a34a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 34px));margin:auto}.top{position:sticky;top:0;z-index:30;background:#ffffffef;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.top .wrap{height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{font-weight:950;font-size:23px;letter-spacing:-.7px}.logo b{font-weight:950}.nav{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 17px;border-radius:11px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-weight:850;cursor:pointer}.btn.light{background:#fff;color:var(--ink);border-color:var(--line)}.hero{padding:88px 0 58px;background:radial-gradient(circle at 75% 20%,#e0f2fe 0,transparent 33%),linear-gradient(#fff,#f8fafc)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}.eyebrow{display:inline-flex;padding:7px 10px;border:1px solid #dbeafe;border-radius:99px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:900}.hero h1{font-size:clamp(38px,6vw,68px);line-height:.98;letter-spacing:-3px;margin:20px 0}.hero p{font-size:19px;line-height:1.55;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.mock{border:1px solid var(--line);border-radius:26px;background:#fff;padding:16px;box-shadow:0 30px 80px #0f172a18}.mock-top{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px}.dot{width:9px;height:9px;border-radius:50%;background:#cbd5e1}.mock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-top:14px}.tile{padding:20px 14px;border-radius:16px;background:#f8fafc;border:1px solid var(--line)}.tile strong{font-size:15px}.tile span{display:block;color:var(--muted);font-size:12px;margin-top:6px}.section{padding:70px 0}.section.alt{background:var(--bg)}.section-head{text-align:center;max-width:730px;margin:0 auto 36px}.section-head h2{font-size:36px;letter-spacing:-1.5px;margin:0 0 10px}.section-head p{color:var(--muted);font-size:16px}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;position:relative;display:flex;flex-direction:column}.plan.featured{border:2px solid var(--ink);box-shadow:0 16px 45px #0f172a12}.badge{position:absolute;right:16px;top:16px;background:#111827;color:#fff;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:900}.plan h3{font-size:22px;margin:0}.tagline{color:var(--muted);min-height:42px;margin:8px 0}.price{font-size:38px;font-weight:950;letter-spacing:-1.5px;margin:12px 0}.price small{font-size:12px;color:var(--muted);font-weight:700}.features{padding:0;list-style:none;margin:16px 0 24px;display:grid;gap:9px}.features li{font-size:13px;line-height:1.35}.features li:before{content:'✓';font-weight:950;margin-right:8px;color:var(--green)}.plan .btn{margin-top:auto}.foot{padding:34px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.auth-page{min-height:100vh;background:var(--bg);display:grid;place-items:center;padding:30px}.auth{width:min(560px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 20px 60px #0f172a10}.auth h1{margin:0 0 7px;font-size:27px}.auth .sub{color:var(--muted);margin:0 0 22px}.field{margin:12px 0}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}.field input,.field select{width:100%;padding:12px 13px;border:1px solid #d1d5db;border-radius:10px;font:inherit;background:#fff}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.alert{padding:11px 13px;border-radius:10px;margin:12px 0;font-size:13px}.error{background:#fef2f2;color:#991b1b}.success{background:#f0fdf4;color:#166534}.fine{color:var(--muted);font-size:11px;line-height:1.5}.hidden-field{position:absolute!important;left:-99999px!important}@media(max-width:850px){.nav a:not(.btn){display:none}.hero{padding-top:55px}.hero-grid{grid-template-columns:1fr}.mock{display:none}.plans{grid-template-columns:1fr}.section{padding:48px 0}.hero h1{letter-spacing:-2px}}@media(max-width:520px){.wrap{width:min(100% - 22px,1160px)}.top .wrap{height:62px}.logo{font-size:20px}.btn{padding:11px 13px}.hero h1{font-size:42px}.hero p{font-size:16px}.grid2{grid-template-columns:1fr}.auth{padding:21px}}
.plan-kicker{font-size:10px;font-weight:950;letter-spacing:1.4px;color:#94a3b8;margin-bottom:9px}.plan-feature-title{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;color:#64748b;margin-top:8px}.features-preview{margin:12px 0 8px;gap:8px}.features-preview li{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid #f1f5f9}.features-preview li:before{display:none}.feature-icon{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:8px;background:#f0fdf4;color:#15803d;font-size:12px;font-weight:950}.features-preview li>span:last-child{padding-top:3px;font-weight:700}.features-preview small{display:inline-flex;padding:2px 6px;margin-left:4px;background:#f1f5f9;border-radius:99px;color:#64748b}.more-features{font-size:12px;font-weight:850;color:#475569;padding:7px 0 18px}.plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.plan-actions .btn{margin:0;padding:11px 10px;font-size:12px}
body.modal-open{overflow:hidden}.plan-modal{display:none;position:fixed;inset:0;z-index:1000;padding:22px}.plan-modal.open{display:flex;align-items:center;justify-content:center}.plan-modal-backdrop{position:absolute;inset:0;background:#0f172ad9;backdrop-filter:blur(8px)}.plan-modal-card{position:relative;width:min(1120px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#fff;border-radius:26px;padding:28px;box-shadow:0 40px 120px #0006}.modal-x{position:sticky;float:right;top:0;z-index:4;width:40px;height:40px;border:1px solid #e5e7eb;background:#fff;border-radius:50%;font-size:24px;cursor:pointer}.modal-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:4px 54px 22px 0}.modal-head h2{font-size:38px;letter-spacing:-1.5px;margin:12px 0 5px}.modal-head p{color:#64748b;margin:0}.modal-price{font-size:34px;font-weight:950;white-space:nowrap}.modal-price small{font-size:12px;color:#64748b}
.demo-stage{display:grid;grid-template-columns:1fr 210px;gap:18px;align-items:end;padding:18px;border-radius:24px;background:linear-gradient(135deg,#0f172a,#1e293b);overflow:hidden}.demo-browser{border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 20px 50px #0005}.demo-browser-top{height:34px;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:5px;padding:0 10px;color:#94a3b8;font-size:9px}.demo-browser-top i{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.demo-browser-top span{margin-left:8px}.demo-dashboard{display:grid;grid-template-columns:130px 1fr;min-height:280px}.demo-dashboard aside{background:#111827;color:#fff;padding:17px 12px;display:flex;flex-direction:column;gap:11px;font-size:9px}.demo-dashboard aside b{font-size:13px;margin-bottom:8px}.demo-dashboard aside span{opacity:.72}.demo-dashboard main{padding:16px;background:#f8fafc}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-stats>div{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px}.demo-stats small,.demo-stats em{display:block;color:#64748b;font-size:8px;font-style:normal}.demo-stats b{display:block;font-size:17px;margin:4px 0}.demo-stats em{color:#16a34a}.demo-chart{height:165px;margin-top:10px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;display:flex;flex-direction:column}.chart-copy b{font-size:10px}.chart-copy small{display:block;color:#94a3b8;font-size:8px}.bars{flex:1;display:flex;align-items:end;gap:8px;padding-top:16px}.bars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(#334155,#94a3b8)}
.demo-phone{height:330px;background:#fff;border:5px solid #0b1220;border-radius:29px;padding:20px 10px 10px;position:relative}.phone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:60px;height:9px;background:#0b1220;border-radius:99px}.demo-phone>b{font-size:11px}.demo-phone>small{display:block;color:#94a3b8;font-size:8px;margin:2px 0 13px}.food-row{display:flex;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid #f1f5f9}.food-row>i{width:34px;height:34px;background:#f8fafc;border-radius:9px;display:grid;place-items:center;font-style:normal}.food-row span{flex:1}.food-row span b{font-size:8px;display:block}.food-row span small{font-size:8px;color:#64748b}.food-row strong{width:21px;height:21px;border-radius:7px;background:#111827;color:#fff;display:grid;place-items:center;font-size:11px}.phone-dock{position:absolute;left:7px;right:7px;bottom:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:4px;border:1px solid #e5e7eb;border-radius:10px}.phone-dock span{text-align:center;font-size:10px}.phone-dock small{display:block;font-size:6px;color:#64748b}
.demo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.demo-strip>div{border:1px solid #e5e7eb;border-radius:14px;padding:14px}.demo-strip span{font-size:20px}.demo-strip b{display:block;font-size:12px;margin:6px 0 3px}.demo-strip small{display:block;color:#64748b;font-size:9px}.modal-feature-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:28px 0 12px}.modal-feature-head h3{font-size:24px;margin:0 0 4px}.modal-feature-head p{margin:0;color:#64748b;font-size:12px}.feature-count{padding:7px 10px;background:#f1f5f9;border-radius:99px;font-size:11px;font-weight:900}.feature-groups{display:grid;gap:9px}.feature-group{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.feature-group summary{list-style:none;cursor:pointer;padding:13px 15px;background:#f8fafc;display:flex;justify-content:space-between;font-size:12px;font-weight:900}.feature-group summary::-webkit-details-marker{display:none}.feature-group summary b{width:25px;height:22px;border-radius:99px;background:#e2e8f0;display:grid;place-items:center;font-size:9px}.feature-group-grid{display:grid;grid-template-columns:repeat(2,1fr)}.feature-detail{display:flex;gap:9px;padding:12px 14px;border-top:1px solid #f1f5f9}.feature-detail:nth-child(odd){border-right:1px solid #f1f5f9}.feature-detail-icon{width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:#f0fdf4;color:#15803d;display:grid;place-items:center}.feature-detail b{display:block;font-size:11px}.feature-detail small{display:block;color:#64748b;font-size:9px;margin-top:3px}.modal-cta{margin-top:20px;padding:18px;border-radius:16px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.modal-cta b{display:block;font-size:14px}.modal-cta small{display:block;color:#cbd5e1;font-size:10px;margin-top:3px}.modal-cta .btn{background:#fff;color:#111827;border-color:#fff}
@media(max-width:850px){.plan-modal{padding:8px}.plan-modal-card{max-height:calc(100vh - 16px);padding:18px}.modal-head{display:block;padding-right:42px}.modal-head h2{font-size:29px}.modal-price{margin-top:12px}.demo-stage{grid-template-columns:1fr;padding:10px}.demo-phone{display:none}.demo-dashboard{grid-template-columns:92px 1fr}.demo-strip{grid-template-columns:1fr 1fr}.feature-group-grid{grid-template-columns:1fr}.feature-detail:nth-child(odd){border-right:0}}
@media(max-width:520px){.plan-actions{grid-template-columns:1fr}.demo-dashboard{grid-template-columns:1fr}.demo-dashboard aside{display:none}.demo-stats{grid-template-columns:1fr 1fr}.demo-stats>div:last-child{display:none}.demo-chart{height:135px}.modal-feature-head{align-items:flex-start}.modal-feature-head h3{font-size:20px}.modal-cta{align-items:stretch;flex-direction:column}.modal-cta .btn{width:100%}}


/* V3 - Paket bazlı gerçek ekranlar */
.real-demo-section{margin-top:6px}
.real-demo-title{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:13px}
.real-demo-title h3{font-size:22px;margin:7px 0 0}.real-demo-title>small{max-width:330px;color:#64748b;font-size:10px;text-align:right}
.real-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.real-demo-grid.only-one{grid-template-columns:1fr}
.real-demo-card{display:block;padding:0;border:1px solid #e5e7eb;border-radius:17px;background:#fff;overflow:hidden;text-align:left;cursor:pointer;transition:.18s;box-shadow:0 5px 15px #0f172a0a}
.real-demo-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px #0f172a14;border-color:#cbd5e1}
.real-demo-image{height:245px;background:#f8fafc;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}
.real-demo-image img{width:100%;height:100%;object-fit:cover;object-position:top}
.real-demo-image.phone-shot img{object-fit:contain;background:#f8fafc}.real-demo-image.phone-wide img{object-fit:cover;object-position:center}
.real-demo-copy{display:flex;align-items:center;gap:9px;padding:12px 14px}.real-demo-copy>span{font-size:20px}.real-demo-copy b{display:block;font-size:12px}.real-demo-copy small{display:block;color:#64748b;font-size:9px;margin-top:3px}
.package-scope{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0 24px}.scope-pill{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:999px;background:#f8fafc;font-size:10px}.scope-pill b{font-size:10px}.scope-pill em{font-size:8px;font-style:normal;color:#15803d;background:#dcfce7;padding:2px 6px;border-radius:999px}

.feature-name-line{display:flex;align-items:center;gap:7px}.feature-help{width:18px;height:18px;flex:0 0 18px;border:1px solid #cbd5e1;border-radius:50%;background:#fff;color:#475569;font-size:10px;font-weight:950;line-height:1;cursor:help;padding:0}.feature-help:hover,.feature-help:focus{background:#111827;color:#fff;border-color:#111827}
.feature-text{min-width:0;flex:1}

/* Inline feature tooltip V3.1 */
/* Full real screenshot viewer */
.screen-viewer{display:none;position:fixed;inset:0;z-index:2500;padding:22px}.screen-viewer.open{display:flex;align-items:center;justify-content:center}.screen-viewer-backdrop{position:absolute;inset:0;background:#020617e6;backdrop-filter:blur(7px)}
.screen-viewer-card{position:relative;width:min(1180px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#fff;border-radius:22px;padding:20px;box-shadow:0 35px 100px #0007}.screen-viewer-x{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid #e5e7eb;background:#fff;border-radius:50%;font-size:23px;cursor:pointer;z-index:3}
.screen-viewer-copy{padding:4px 55px 15px 2px}.screen-viewer-copy h3{font-size:24px;margin:7px 0 4px}.screen-viewer-copy p{margin:0;color:#64748b;font-size:12px;max-width:750px}.screen-viewer-image{background:#f8fafc;border-radius:14px;overflow:hidden;border:1px solid #e5e7eb}.screen-viewer-image img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;object-position:top}

@media(max-width:700px){
 .real-demo-title{align-items:flex-start;flex-direction:column}.real-demo-title>small{text-align:left}
 .real-demo-grid{grid-template-columns:1fr}.real-demo-image{height:210px}
 .feature-help{width:22px;height:22px;flex-basis:22px;font-size:11px;cursor:pointer}
 .feature-popover{left:10px!important;right:10px!important;top:auto!important;bottom:10px!important;width:auto!important;max-height:70vh;overflow:auto}
 .feature-popover-image{height:180px}
 .screen-viewer{padding:7px}.screen-viewer-card{max-height:calc(100vh - 14px);padding:12px;border-radius:16px}.screen-viewer-copy h3{font-size:20px}.screen-viewer-image img{max-height:74vh}
}








/* V3.4 - JS bağımsız özellik detay kartı */
.feature-help-details{
    display:inline-block;
    position:relative;
    margin:0;
    padding:0;
}
.feature-help-details > summary{
    list-style:none;
}
.feature-help-details > summary::-webkit-details-marker{display:none}
.feature-help{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    padding:0;
    margin:0;
    border:1px solid #cbd5e1;
    border-radius:50%;
    background:#fff;
    color:#475569;
    font-size:11px;
    font-weight:950;
    line-height:1;
    cursor:help;
    transition:.15s;
    user-select:none;
}
.feature-help:hover,
.feature-help:focus,
.feature-help-details[open] .feature-help{
    background:#111827;
    color:#fff;
    border-color:#111827;
}
.feature-help-overlay,
.feature-help-card{
    display:none;
}

/* Masaüstü: sadece üzerine gelince açılır, tıklama gerekmez */
@media(hover:hover){
    .feature-help-details:hover .feature-help-overlay,
    .feature-help-details:hover .feature-help-card{
        display:block;
    }
    .feature-help-details[open] .feature-help-overlay,
    .feature-help-details[open] .feature-help-card{
        display:none;
    }
}

/* Telefon/tablet: hover olmadığı için dokunma ile açılır */
@media(hover:none){
    .feature-help-details[open] .feature-help-overlay,
    .feature-help-details[open] .feature-help-card{
        display:block;
    }
}
.feature-help-overlay{
    position:fixed;
    inset:0;
    z-index:4998;
    background:rgba(15,23,42,.20);
    backdrop-filter:blur(1px);
}
.feature-help-card{
    position:fixed;
    z-index:4999;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:min(420px,calc(100vw - 28px));
    max-height:min(620px,calc(100vh - 28px));
    overflow:auto;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:18px;
    box-shadow:0 28px 80px rgba(15,23,42,.34);
    color:#111827;
    text-align:left;
}
.feature-help-card-body{
    display:block;
    padding:17px 18px 18px;
}
.feature-help-card-body .eyebrow{
    display:block;
    font-size:8px;
    letter-spacing:1px;
    margin-bottom:7px;
}
.feature-help-card-body strong{
    display:block;
    font-size:17px;
    line-height:1.25;
    margin-bottom:8px;
}
.feature-help-card-description{
    display:block;
    color:#64748b;
    font-size:12px;
    line-height:1.6;
}
.feature-help-card-limit{
    display:inline-block;
    margin-top:10px;
    padding:5px 8px;
    border-radius:999px;
    background:#f1f5f9;
    color:#475569;
    font-size:10px;
    font-weight:850;
}
.feature-help-card-note{
    display:block;
    margin-top:12px;
    padding-top:11px;
    border-top:1px solid #f1f5f9;
    color:#475569;
    font-size:10px;
    line-height:1.45;
}
.feature-help-card-close{
    display:block;
    margin-top:7px;
    color:#94a3b8;
    font-size:9px;
}
@media(max-width:700px){
    .feature-help{width:25px;height:25px;font-size:12px;cursor:pointer}
    .feature-help-card{
        top:auto;
        bottom:10px;
        transform:translateX(-50%);
        width:calc(100vw - 20px);
        max-height:76vh;
        border-radius:20px;
    }
    .feature-help-card-image{height:180px}
    .feature-help-card-body{padding:16px 17px 19px}
    .feature-help-card-body strong{font-size:16px}
    .feature-help-card-description{font-size:12px}
}


/* V3.5 - Metin odaklı özellik açıklaması */
.feature-help-card{
    width:min(380px,calc(100vw - 28px));
}
.feature-help-card-body{
    padding:18px 19px 19px;
}
.feature-help-card-body strong{
    font-size:16px;
    margin-bottom:8px;
}
.feature-help-card-description{
    font-size:12px;
    line-height:1.65;
}
@media(hover:hover){
    .feature-help-details > summary{
        pointer-events:auto;
    }
}
@media(max-width:700px){
    .feature-help-card{
        width:calc(100vw - 20px);
    }
}


/* V3.6 ROOT FIX
   Native <details> removed. Tooltip is now ordinary DOM, so :hover works reliably. */
.feature-help-hover{
    position:relative;
    display:inline-flex;
    align-items:center;
    vertical-align:middle;
}
.feature-help-hover .feature-help{
    width:22px!important;
    height:22px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #cbd5e1!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#475569!important;
    font-size:11px!important;
    font-weight:950!important;
    line-height:1!important;
    cursor:help!important;
}
.feature-help-hover .feature-help-overlay,
.feature-help-hover .feature-help-card{
    display:none!important;
}

/* Desktop/laptop: actual hover, no click/open state involved */
@media (hover:hover) and (pointer:fine){
    .feature-help-hover:hover .feature-help{
        background:#111827!important;
        color:#fff!important;
        border-color:#111827!important;
    }
    .feature-help-hover:hover .feature-help-overlay{
        display:block!important;
        position:fixed!important;
        inset:0!important;
        z-index:4998!important;
        background:rgba(15,23,42,.16)!important;
        pointer-events:none!important;
    }
    .feature-help-hover:hover .feature-help-card{
        display:block!important;
        position:fixed!important;
        z-index:4999!important;
        left:50%!important;
        top:50%!important;
        right:auto!important;
        bottom:auto!important;
        transform:translate(-50%,-50%)!important;
        width:min(390px,calc(100vw - 32px))!important;
        max-height:calc(100vh - 32px)!important;
        overflow:auto!important;
        background:#fff!important;
        border:1px solid #e2e8f0!important;
        border-radius:18px!important;
        box-shadow:0 28px 80px rgba(15,23,42,.34)!important;
        color:#111827!important;
        text-align:left!important;
        pointer-events:none!important;
    }
}

/* Touch: JS adds .touch-open. */
@media (hover:none), (pointer:coarse){
    .feature-help-hover.touch-open .feature-help-overlay{
        display:block!important;
        position:fixed!important;
        inset:0!important;
        z-index:4998!important;
        background:rgba(15,23,42,.20)!important;
    }
    .feature-help-hover.touch-open .feature-help-card{
        display:block!important;
        position:fixed!important;
        z-index:4999!important;
        left:10px!important;
        right:10px!important;
        bottom:10px!important;
        top:auto!important;
        transform:none!important;
        width:auto!important;
        max-height:76vh!important;
        overflow:auto!important;
        background:#fff!important;
        border:1px solid #e2e8f0!important;
        border-radius:20px!important;
        box-shadow:0 28px 80px rgba(15,23,42,.34)!important;
        color:#111827!important;
        text-align:left!important;
    }
}
.feature-help-hover .feature-help-card-body{
    display:block!important;
    padding:18px 19px 19px!important;
}
.feature-help-hover .feature-help-card-body .eyebrow{
    display:block!important;
    font-size:8px!important;
    letter-spacing:1px!important;
    margin-bottom:7px!important;
}
.feature-help-hover .feature-help-card-body strong{
    display:block!important;
    font-size:16px!important;
    line-height:1.3!important;
    margin-bottom:8px!important;
}
.feature-help-hover .feature-help-card-description{
    display:block!important;
    font-size:12px!important;
    line-height:1.65!important;
    color:#64748b!important;
}
.feature-help-hover .feature-help-card-limit{
    display:inline-block!important;
    margin-top:10px!important;
    padding:5px 8px!important;
    border-radius:999px!important;
    background:#f1f5f9!important;
    color:#475569!important;
    font-size:10px!important;
    font-weight:850!important;
}
.feature-help-hover .feature-help-card-note{
    display:block!important;
    margin-top:12px!important;
    padding-top:11px!important;
    border-top:1px solid #f1f5f9!important;
    color:#94a3b8!important;
    font-size:9px!important;
    line-height:1.45!important;
}

/* V3.8 - AI visual marketing showcase */
.ai-showcase{padding:88px 0 76px;overflow:hidden}
.ai-showcase-head{max-width:760px;margin:0 auto 34px;text-align:center;padding:0 20px}
.ai-showcase-head h2{font-size:clamp(34px,5vw,62px);line-height:1.02;letter-spacing:-2.5px;margin:10px 0 16px;color:#0f172a}
.ai-showcase-head h2 span{background:linear-gradient(90deg,#6d28d9,#2563eb);-webkit-background-clip:text;color:transparent}
.ai-showcase-head p{max-width:650px;margin:auto;color:#64748b;font-size:15px;line-height:1.65}
.ai-hero-grid,.ai-feature-mosaic,.ai-dashboard-strip{width:min(1160px,calc(100% - 32px));margin-left:auto;margin-right:auto}
.ai-hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:16px;margin-bottom:16px}
.ai-visual-card,.ai-mini-card{border:1px solid #e6eaf0;background:#fff;border-radius:24px;box-shadow:0 14px 45px rgba(15,23,42,.07);overflow:hidden}
.ai-visual-card{padding:20px}.ai-card-top,.mini-head{display:flex;align-items:center;gap:10px}.ai-card-top>div{flex:1}.ai-card-top b{display:block;font-size:15px}.ai-card-top small{display:block;color:#94a3b8;font-size:10px;margin-top:3px}
.ai-icon{width:35px;height:35px;border-radius:11px;background:#f3e8ff;display:grid;place-items:center;font-size:17px}.ai-badge,.mini-head em{margin-left:auto;background:#111827;color:#fff;border-radius:999px;padding:4px 8px;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.6px}
.import-flow{display:grid;grid-template-columns:90px 1fr 1.1fr;gap:12px;align-items:center;margin:25px 0 17px}.import-source{display:grid;gap:7px}.import-source span{padding:8px 10px;border-radius:9px;background:#f8fafc;border:1px solid #e5e7eb;font-size:9px;font-weight:900;text-align:center}
.ai-processing{position:relative;text-align:center;padding:23px 8px;border-radius:16px;background:linear-gradient(135deg,#f5f3ff,#eff6ff);border:1px dashed #a78bfa}.ai-processing i{display:block;width:34px;height:34px;margin:0 auto 8px;border:3px solid #ddd6fe;border-top-color:#6d28d9;border-radius:50%}.ai-processing strong{display:block;font-size:10px}.ai-processing small{display:block;font-size:7.5px;color:#7c3aed;margin-top:5px}
.import-result{display:grid;gap:7px}.import-result div{display:flex;gap:7px;align-items:center;padding:9px;border:1px solid #edf0f4;border-radius:10px;font-size:9px}.import-result b{flex:1}.import-result em{font-style:normal;font-weight:900}.ai-card-foot{border-top:1px solid #f1f5f9;padding-top:13px;color:#64748b;font-size:10px}
.food-analyze{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;min-height:210px}.food-plate{position:relative;width:140px;height:140px;margin:auto;border-radius:50%;display:grid;place-items:center;font-size:72px;background:radial-gradient(circle,#fff 45%,#eef2f7 46%,#fff 63%,#e2e8f0 64%);overflow:hidden}.scan-line{position:absolute;left:18px;right:18px;top:48%;height:2px;background:#7c3aed;box-shadow:0 0 14px #7c3aed}
.nutrition{display:grid;gap:16px}.kcal-ring{width:90px;height:90px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#7c3aed 0 76%,#ede9fe 76%);position:relative}.kcal-ring:after{content:"";position:absolute;inset:7px;background:white;border-radius:50%}.kcal-ring strong,.kcal-ring small{z-index:1}.kcal-ring strong{font-size:19px}.kcal-ring small{font-size:8px;color:#64748b}
.macro{display:grid;gap:8px}.macro span{display:block;height:7px;background:#f1f5f9;border-radius:9px;position:relative}.macro i{display:block;height:100%;background:#8b5cf6;border-radius:9px}.macro b{position:absolute;top:10px;left:0;font-size:7px;color:#64748b}
.ai-feature-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ai-mini-card{padding:18px;min-height:210px}.mini-head span{font-size:18px}.mini-head b{font-size:12px}.mini-head em{font-size:7px}
.typing-demo{margin-top:22px}.product-chip{display:inline-block;padding:6px 9px;background:#f8fafc;border-radius:8px;font-size:9px}.typing-demo p{min-height:50px;font-size:10px;line-height:1.5;color:#475569;background:#fafafa;padding:10px;border-radius:10px}.typing-demo p i{display:inline-block;width:2px;height:12px;background:#7c3aed;vertical-align:middle}.typing-demo button{border:0;background:#111827;color:#fff;border-radius:9px;padding:8px 11px;font-size:9px;font-weight:800}
.recommend-demo{margin-top:22px}.recommend-demo>small{font-size:9px;color:#94a3b8}.recommend-main{display:flex;align-items:center;gap:10px;font-size:32px;padding:13px;margin-top:8px;background:linear-gradient(135deg,#faf5ff,#eff6ff);border-radius:14px}.recommend-main span{flex:1}.recommend-main b,.recommend-main small{display:block;font-size:10px}.recommend-main small{font-size:8px;color:#7c3aed;margin-top:3px}.recommend-main strong{font-size:17px;color:#7c3aed}.recommend-tags{display:flex;gap:5px;margin-top:9px}.recommend-tags i{font-style:normal;font-size:7px;background:#f1f5f9;border-radius:999px;padding:4px 7px}
.upsell-demo{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px 0 12px}.upsell-demo>div{padding:12px;background:#f8fafc;border-radius:12px;font-size:20px}.upsell-demo b,.upsell-demo small{display:block;font-size:9px}.upsell-pulse{outline:2px solid #ddd6fe}.micro-chart{height:50px;display:flex;align-items:end;gap:5px;position:relative;padding-right:65px}.micro-chart span{width:12px;background:#c4b5fd;border-radius:4px 4px 0 0}.micro-chart b{position:absolute;right:0;bottom:2px;font-size:8px;color:#64748b}
.allergen-demo{margin-top:24px}.ingredient-line{padding:11px;background:#f8fafc;border-radius:10px;font-size:9px}.allergen-tags{display:flex;gap:7px;margin:11px 0}.allergen-tags span{padding:7px 9px;border-radius:9px;background:#fff7ed;border:1px solid #fed7aa;font-size:9px;font-weight:800}.allergen-demo small{color:#94a3b8;font-size:8px;line-height:1.4}
.social-canvas{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center;margin-top:16px}.story-preview{height:160px;border-radius:15px;background:linear-gradient(155deg,#111827,#6d28d9);color:#fff;padding:12px;text-align:center}.story-preview>span{font-size:6px;letter-spacing:1px}.story-preview strong{display:block;font-size:14px;margin-top:12px}.story-preview div{font-size:42px;margin:7px}.story-preview small{font-size:8px}.social-actions{display:grid;gap:5px;font-size:9px}.social-actions span{color:#8b5cf6}
.random-demo{text-align:center;margin-top:18px}.random-wheel{width:112px;height:112px;border:8px solid #ede9fe;border-radius:50%;margin:auto;position:relative;display:grid;place-items:center}.random-wheel span{position:absolute;font-size:18px}.random-wheel span:nth-child(1){top:5px}.random-wheel span:nth-child(2){right:5px}.random-wheel span:nth-child(3){bottom:5px}.random-wheel span:nth-child(4){left:5px}.random-wheel strong{font-size:28px;color:#7c3aed}.random-demo p{font-size:9px;color:#64748b}
.ai-dashboard-strip{margin-top:16px;border-radius:26px;background:#0f172a;color:#fff;display:grid;grid-template-columns:.72fr 1.28fr;gap:30px;padding:35px;overflow:hidden}.dashboard-copy{align-self:center}.dashboard-copy h3{font-size:27px;line-height:1.1;margin:9px 0}.dashboard-copy p{font-size:11px;color:#94a3b8;line-height:1.6}.dashboard-copy a{display:inline-block;margin-top:8px;color:#fff;background:#7c3aed;border-radius:10px;padding:10px 13px;font-size:10px;font-weight:900;text-decoration:none}
.dashboard-graphic{min-height:250px;background:#fff;border-radius:16px;display:grid;grid-template-columns:45px 1fr;overflow:hidden;transform:perspective(900px) rotateY(-4deg);box-shadow:0 25px 70px #0006}.dash-sidebar{background:#f8fafc;padding:18px 12px;display:grid;align-content:start;gap:14px}.dash-sidebar i{width:18px;height:5px;border-radius:5px;background:#cbd5e1}.dash-content{padding:20px;color:#0f172a}.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dash-kpis span{border:1px solid #edf0f4;border-radius:10px;padding:10px}.dash-kpis small,.dash-kpis b{display:block;font-size:7px}.dash-kpis b{font-size:12px;margin-top:5px}.dash-chart{height:110px;display:flex;align-items:end;gap:9px;padding:16px 8px 0;border-bottom:1px solid #e5e7eb}.dash-chart i{flex:1;background:linear-gradient(#8b5cf6,#c4b5fd);border-radius:5px 5px 0 0}.dash-row{display:flex;gap:8px;margin-top:14px}.dash-row span{font-size:8px;padding:7px 9px;background:#f8fafc;border-radius:8px}
@media(max-width:800px){.ai-showcase{padding:62px 0}.ai-hero-grid{grid-template-columns:1fr}.ai-feature-mosaic{grid-template-columns:1fr 1fr}.ai-dashboard-strip{grid-template-columns:1fr;padding:24px}.dashboard-graphic{transform:none}.ai-showcase-head h2{letter-spacing:-1.5px}}
@media(max-width:560px){.ai-feature-mosaic{grid-template-columns:1fr}.import-flow{grid-template-columns:1fr}.import-source{grid-template-columns:repeat(4,1fr)}.food-analyze{grid-template-columns:1fr 1fr}.ai-dashboard-strip{padding:20px}.dashboard-graphic{min-height:220px}.ai-showcase-head p{font-size:13px}}


/* V3.9 - Hareketli AI pazarlama grafikleri */
@keyframes aiFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes aiPulse{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes aiScan{0%{top:22%;opacity:.15}45%{opacity:1}100%{top:74%;opacity:.15}}
@keyframes aiSpin{to{transform:rotate(360deg)}}
@keyframes aiBars{0%,100%{transform:scaleY(.55);opacity:.55}50%{transform:scaleY(1);opacity:1}}
@keyframes aiTyping{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}
@keyframes bubbleIn{0%,12%{opacity:0;transform:translateY(10px) scale(.97)}18%,88%{opacity:1;transform:none}96%,100%{opacity:.15}}
@keyframes suggestionIn{0%,36%{opacity:0;transform:translateX(15px)}43%,90%{opacity:1;transform:none}98%,100%{opacity:.12}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes chipFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

.ai-processing i{animation:aiSpin 1.2s linear infinite}
.scan-line{animation:aiScan 2.4s ease-in-out infinite}
.bars i,.dash-chart i{transform-origin:bottom;animation:aiBars 2.8s ease-in-out infinite}
.bars i:nth-child(2),.dash-chart i:nth-child(2){animation-delay:.2s}
.bars i:nth-child(3),.dash-chart i:nth-child(3){animation-delay:.4s}
.bars i:nth-child(4),.dash-chart i:nth-child(4){animation-delay:.6s}
.bars i:nth-child(5),.dash-chart i:nth-child(5){animation-delay:.8s}
.bars i:nth-child(6),.dash-chart i:nth-child(6){animation-delay:1s}
.bars i:nth-child(7),.dash-chart i:nth-child(7){animation-delay:1.2s}
.kcal-ring{animation:aiPulse 3s ease-in-out infinite}
.upsell-pulse{animation:aiPulse 2.1s ease-in-out infinite}
.random-wheel{animation:aiFloat 3.2s ease-in-out infinite}
.story-preview{background-size:200% 200%;animation:shimmer 7s linear infinite}

/* QR menü AI konuşma demosu */
.ai-conversation-showcase{
    width:min(1160px,calc(100% - 32px));
    margin:16px auto;
    display:grid;
    grid-template-columns:.78fr 1.22fr;
    gap:24px;
    align-items:center;
    padding:42px;
    border-radius:28px;
    background:
      radial-gradient(circle at 82% 20%,rgba(124,58,237,.22),transparent 34%),
      radial-gradient(circle at 65% 75%,rgba(37,99,235,.18),transparent 32%),
      #0b1020;
    color:#fff;
    overflow:hidden;
}
.conversation-copy h3{font-size:34px;line-height:1.05;margin:9px 0 13px;letter-spacing:-1px}
.conversation-copy p{font-size:12px;line-height:1.65;color:#a8b1c3;max-width:430px}
.conversation-points{display:grid;gap:8px;margin-top:20px}
.conversation-points span{display:flex;align-items:center;gap:9px;font-size:10px;color:#d7dcea}
.conversation-points i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(139,92,246,.18);border:1px solid rgba(167,139,250,.35);color:#c4b5fd;font-style:normal;font-size:8px}
.ai-chat-stage{min-height:470px;position:relative;display:grid;place-items:center}
.chat-phone{position:relative;z-index:5;width:270px;height:520px;border:7px solid #020617;border-radius:34px;background:#fff;color:#111827;box-shadow:0 32px 80px rgba(0,0,0,.48);overflow:hidden;animation:aiFloat 5s ease-in-out infinite}
.chat-phone-top{height:30px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:8px;font-weight:800;letter-spacing:.8px}.chat-phone-top i{width:42px;height:8px;border-radius:999px;background:#000}
.chat-restaurant{padding:14px 14px 10px;border-bottom:1px solid #eef2f7}.chat-restaurant b,.chat-restaurant small{display:block}.chat-restaurant b{font-size:12px}.chat-restaurant small{font-size:8px;color:#7c3aed;margin-top:3px}
.chat-window{height:365px;padding:13px 10px;background:linear-gradient(#fafafa,#f8fafc);overflow:hidden}
.bubble{max-width:83%;padding:9px 10px;border-radius:13px;font-size:8.7px;line-height:1.45;margin-bottom:8px;opacity:0}
.bubble.customer{margin-left:auto;background:#111827;color:#fff;border-bottom-right-radius:4px}
.bubble.ai{margin-right:auto;background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;color:#334155}
.ai-dot{display:inline-grid;width:16px;height:16px;place-items:center;border-radius:50%;background:#ede9fe;color:#7c3aed;margin-right:4px}
.c1{animation:bubbleIn 10s infinite}.a1{animation:bubbleIn 10s infinite;animation-delay:1.3s}.c2{animation:bubbleIn 10s infinite;animation-delay:5.4s}
.typing-bubble{width:48px;padding:9px 10px;border-radius:13px;background:#fff;border:1px solid #e5e7eb;display:flex;gap:3px;margin:0 0 8px;animation:bubbleIn 10s infinite;animation-delay:2.2s}
.typing-bubble i{width:5px;height:5px;border-radius:50%;background:#94a3b8;animation:aiTyping 1s infinite}.typing-bubble i:nth-child(2){animation-delay:.14s}.typing-bubble i:nth-child(3){animation-delay:.28s}
.ai-product-suggestion{display:flex;align-items:center;gap:7px;padding:9px;background:#fff;border:1px solid #ddd6fe;border-radius:12px;margin:8px 0;box-shadow:0 6px 16px rgba(124,58,237,.08);opacity:0}.ai-product-suggestion>span{font-size:24px}.ai-product-suggestion>div{flex:1}.ai-product-suggestion b,.ai-product-suggestion small{display:block;font-size:8px}.ai-product-suggestion small{color:#7c3aed;margin-top:2px}.ai-product-suggestion strong{font-size:9px}.ps1{animation:suggestionIn 10s infinite;animation-delay:3.1s}.ps2{animation:suggestionIn 10s infinite;animation-delay:6.6s}
.chat-input{position:absolute;left:9px;right:9px;bottom:46px;height:35px;border:1px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;padding:0 9px;background:#fff;color:#94a3b8;font-size:8px}.chat-input span{flex:1}.chat-input b{width:23px;height:23px;border-radius:8px;background:#7c3aed;color:#fff;display:grid;place-items:center}
.chat-bottom-dock{position:absolute;left:0;right:0;bottom:0;height:41px;border-top:1px solid #e5e7eb;background:#fff;display:grid;grid-template-columns:repeat(3,1fr)}.chat-bottom-dock span{display:grid;place-content:center;text-align:center;font-size:10px;color:#94a3b8}.chat-bottom-dock small{display:block;font-size:6px}.chat-bottom-dock .active{color:#7c3aed}
.ai-orbit{position:absolute;border:1px dashed rgba(167,139,250,.25);border-radius:50%;animation:orbit 22s linear infinite}.orbit-one{width:410px;height:410px}.orbit-two{width:500px;height:500px;animation-duration:32s;animation-direction:reverse}
.ai-orbit:after{content:"✦";position:absolute;top:-10px;left:50%;color:#a78bfa;font-size:17px}
.floating-ai-chip{position:absolute;z-index:6;display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.94);color:#111827;box-shadow:0 12px 30px rgba(0,0,0,.2);font-size:8px;animation:chipFloat 3.5s ease-in-out infinite}.floating-ai-chip span{width:23px;height:23px;border-radius:8px;background:#ede9fe;color:#7c3aed;display:grid;place-items:center}.chip-one{left:2%;top:18%}.chip-two{right:0;top:36%;animation-delay:.7s}.chip-three{left:5%;bottom:16%;animation-delay:1.3s}

@media(max-width:850px){
  .ai-conversation-showcase{grid-template-columns:1fr;padding:28px}
  .conversation-copy{text-align:center}.conversation-copy p{margin-left:auto;margin-right:auto}
  .conversation-points{max-width:360px;margin-left:auto;margin-right:auto;text-align:left}
}
@media(max-width:560px){
  .ai-conversation-showcase{width:calc(100% - 20px);padding:24px 12px;border-radius:23px}
  .conversation-copy h3{font-size:28px}
  .ai-chat-stage{min-height:470px}
  .chat-phone{width:245px;height:490px}
  .chat-window{height:335px}
  .floating-ai-chip{display:none}
  .orbit-one{width:320px;height:320px}.orbit-two{width:390px;height:390px}
}

/* Accessibility / performance */
@media(prefers-reduced-motion:reduce){
  .ai-processing i,.scan-line,.bars i,.dash-chart i,.kcal-ring,.upsell-pulse,.random-wheel,.story-preview,
  .chat-phone,.ai-orbit,.floating-ai-chip,.bubble,.typing-bubble,.typing-bubble i,.ai-product-suggestion{
      animation:none!important
  }
  .bubble,.ai-product-suggestion{opacity:1!important}
}


/* V4.0 - Hareketli işletme yönetim paneli vitrini */
@keyframes mgmtRise{0%,100%{transform:scaleY(.45);opacity:.55}50%{transform:scaleY(1);opacity:1}}
@keyframes mgmtCursor{0%{left:2%;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:94%;opacity:0}}
@keyframes mgmtOrder{0%,10%{opacity:0;transform:translateX(-12px)}18%,84%{opacity:1;transform:none}94%,100%{opacity:.25}}
@keyframes mgmtNote{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes mgmtProgress{0%{width:0}70%,100%{width:100%}}
@keyframes mgmtTicket{0%,15%{opacity:.3;transform:scale(.96)}28%,82%{opacity:1;transform:none}95%,100%{opacity:.3}}
@keyframes mgmtSave{0%,45%{opacity:0;transform:translateX(-7px)}55%,90%{opacity:1;transform:none}100%{opacity:0}}
.management-showcase{padding:86px 0 30px;overflow:hidden;background:linear-gradient(180deg,#fff,#f8fafc 55%,#fff)}
.management-head{max-width:790px;margin:0 auto 35px;text-align:center;padding:0 20px}.management-head h2{font-size:clamp(34px,5vw,60px);line-height:1.02;letter-spacing:-2.3px;color:#0f172a;margin:10px 0 15px}.management-head h2 span{background:linear-gradient(90deg,#0f766e,#2563eb);-webkit-background-clip:text;color:transparent}.management-head p{max-width:680px;margin:auto;color:#64748b;font-size:14px;line-height:1.65}
.management-live-demo,.management-feature-grid{width:min(1160px,calc(100% - 32px));margin-left:auto;margin-right:auto}
.management-live-demo{position:relative;padding:18px 50px 42px}
.mgmt-browser{position:relative;z-index:2;border:1px solid #dfe5ec;border-radius:22px;background:#fff;box-shadow:0 30px 80px rgba(15,23,42,.13);overflow:hidden}
.mgmt-browserbar{height:39px;background:#f8fafc;border-bottom:1px solid #e8edf3;display:flex;align-items:center;gap:6px;padding:0 12px}.mgmt-browserbar>i{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.mgmt-browserbar>span{margin-left:8px;flex:1;background:#fff;border:1px solid #e5e7eb;border-radius:7px;padding:5px 9px;font-size:7px;color:#94a3b8}.mgmt-browserbar>b{font-size:7px;color:#059669}
.mgmt-app{min-height:430px;display:grid;grid-template-columns:115px 1fr}.mgmt-sidebar{background:#0f172a;color:#94a3b8;padding:17px 10px;display:grid;align-content:start;gap:7px}.mgmt-sidebar>strong{width:29px;height:29px;border-radius:9px;background:#7c3aed;color:#fff;display:grid;place-items:center;margin:0 0 10px 7px}.mgmt-sidebar>span{display:flex;align-items:center;gap:7px;padding:8px;border-radius:8px;font-size:9px}.mgmt-sidebar>span.active{background:#7c3aed;color:#fff}.mgmt-sidebar em{font-style:normal;font-size:8px}
.mgmt-main{padding:20px;background:#fbfcfe}.mgmt-title{display:flex;align-items:center}.mgmt-title>div{flex:1}.mgmt-title small,.mgmt-title b{display:block}.mgmt-title small{font-size:7px;color:#7c3aed;font-weight:900}.mgmt-title b{font-size:17px;margin-top:3px}.mgmt-title button{border:0;background:#111827;color:#fff;padding:8px 11px;border-radius:8px;font-size:8px;font-weight:800}
.mgmt-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0}.mgmt-kpis>div{background:#fff;border:1px solid #e8edf3;border-radius:12px;padding:11px}.mgmt-kpis small,.mgmt-kpis strong,.mgmt-kpis i{display:block}.mgmt-kpis small{font-size:7px;color:#94a3b8}.mgmt-kpis strong{font-size:16px;margin:4px 0}.mgmt-kpis i{font-style:normal;font-size:6.5px;color:#059669}.counter-pulse{animation:aiPulse 2s infinite}
.mgmt-workgrid{display:grid;grid-template-columns:1.08fr .92fr;gap:10px}.mgmt-orders,.mgmt-chartbox{background:#fff;border:1px solid #e8edf3;border-radius:13px;padding:12px}.widget-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.widget-title b{font-size:9px}.widget-title span{font-size:6px;color:#7c3aed;background:#f5f3ff;padding:4px 6px;border-radius:99px}
.order-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #f1f5f9;animation:mgmtOrder 7s infinite}.order-row>i{width:28px;height:28px;border-radius:8px;background:#f1f5f9;display:grid;place-items:center;font-size:7px;font-style:normal;font-weight:900}.order-row>div{flex:1}.order-row b,.order-row small{display:block;font-size:7.5px}.order-row small{color:#94a3b8;margin-top:2px}.order-row em{font-style:normal;font-size:6px;color:#7c3aed}.or2{animation-delay:1s}.or3{animation-delay:2s}
.mgmt-linechart{height:130px;position:relative}.mgmt-linechart svg{width:100%;height:100%;overflow:visible}.gridline{fill:none;stroke:#edf2f7;stroke-width:1}.trend-area{fill:rgba(124,58,237,.08)}.trend-line{fill:none;stroke:#7c3aed;stroke-width:3;stroke-linecap:round}.chart-cursor{position:absolute;top:14px;bottom:10px;width:1px;background:#7c3aed;animation:mgmtCursor 5s linear infinite}.chart-cursor:before{content:"";position:absolute;top:35%;left:-3px;width:7px;height:7px;background:#7c3aed;border-radius:50%}.chart-labels{display:flex;justify-content:space-between;color:#94a3b8;font-size:6px}
.mgmt-floating-note{position:absolute;z-index:4;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 15px 35px rgba(15,23,42,.14);animation:mgmtNote 3.4s ease-in-out infinite}.mgmt-floating-note>span{width:28px;height:28px;border-radius:9px;background:#ede9fe;color:#7c3aed;display:grid;place-items:center;font-weight:900}.mgmt-floating-note b,.mgmt-floating-note small{display:block;font-size:8px}.mgmt-floating-note small{font-size:6.5px;color:#94a3b8;margin-top:2px}.note-price{left:0;top:80px}.note-kds{right:0;top:175px;animation-delay:.8s}.note-report{left:18px;bottom:3px;animation-delay:1.5s}
.management-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.mgmt-feature{background:#fff;border:1px solid #e6eaf0;border-radius:21px;padding:18px;min-height:225px;overflow:hidden;box-shadow:0 12px 35px rgba(15,23,42,.055)}.mgmt-feature-title{display:flex;align-items:center;gap:9px}.mgmt-feature-title>span{width:32px;height:32px;border-radius:10px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-weight:900}.mgmt-feature-title b,.mgmt-feature-title small{display:block}.mgmt-feature-title b{font-size:11px}.mgmt-feature-title small{font-size:7.5px;color:#94a3b8;margin-top:2px}
.price-demo{margin-top:18px}.price-toolbar{display:flex;align-items:center;gap:7px;background:#f8fafc;padding:9px;border-radius:10px;font-size:8px}.price-toolbar span{flex:1}.price-toolbar strong{color:#7c3aed}.price-toolbar button{border:0;background:#111827;color:#fff;border-radius:7px;padding:6px 8px;font-size:7px}.price-products{margin-top:8px}.price-products>div{display:flex;gap:8px;padding:7px 3px;border-bottom:1px solid #f1f5f9;font-size:8px}.price-products span{flex:1}.price-products del{color:#94a3b8}.apply-progress{height:5px;background:#f1f5f9;border-radius:9px;margin-top:10px;position:relative;overflow:visible}.apply-progress i{display:block;height:100%;background:#7c3aed;border-radius:9px;animation:mgmtProgress 4s ease-in-out infinite}.apply-progress span{position:absolute;top:8px;left:0;font-size:6px;color:#94a3b8}
.table-map{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.table-map>span{height:61px;border-radius:11px;display:grid;place-content:center;text-align:center;font-size:10px;font-weight:900;border:1px solid #e5e7eb}.table-map small{display:block;font-size:6px;font-weight:600;margin-top:3px}.table-map .free{background:#f8fafc;color:#64748b}.table-map .busy{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.table-map .prep{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.table-map .call{background:#f5f3ff;border-color:#ddd6fe;color:#7c3aed;animation:aiPulse 1.7s infinite}
.kds-board{display:flex;align-items:center;gap:5px;margin-top:20px}.kds-ticket{flex:1;min-width:0;border:1px solid #e5e7eb;border-radius:10px;padding:8px;background:#fafafa;animation:mgmtTicket 7s infinite}.kds-ticket header{display:flex;justify-content:space-between;font-size:6.5px}.kds-ticket p{font-size:7px;margin:6px 0}.kds-ticket footer{font-size:6px;font-weight:900;color:#7c3aed;border-top:1px solid #eee;padding-top:5px}.kds-arrow{font-size:11px;color:#94a3b8}.t2{animation-delay:1.4s}.t3{animation-delay:2.8s}
.report-bars{height:115px;display:flex;align-items:end;gap:8px;margin-top:17px;border-bottom:1px solid #e5e7eb;padding:0 5px}.report-bars>div{flex:1;height:100%;display:flex;flex-direction:column-reverse;align-items:center;gap:5px}.report-bars span{font-size:6px;color:#94a3b8}.report-bars i{display:block;width:70%;height:var(--h);background:linear-gradient(#60a5fa,#7c3aed);border-radius:5px 5px 0 0;transform-origin:bottom;animation:mgmtRise 3s ease-in-out infinite}.report-bars>div:nth-child(2) i{animation-delay:.2s}.report-bars>div:nth-child(3) i{animation-delay:.4s}.report-bars>div:nth-child(4) i{animation-delay:.6s}.report-bars>div:nth-child(5) i{animation-delay:.8s}.report-bars>div:nth-child(6) i{animation-delay:1s}.report-chips{display:flex;gap:5px;margin-top:10px}.report-chips span{flex:1;background:#f8fafc;border-radius:8px;padding:7px;font-size:6px}.report-chips b{display:block;font-size:8px;margin-top:2px}
.product-edit-demo{margin-top:17px}.fake-field{border:1px solid #e5e7eb;border-radius:9px;padding:8px;margin-bottom:7px}.fake-field small,.fake-field b{display:block;font-size:6px}.fake-field b{font-size:9px;margin-top:3px}.fake-field.row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.status-on{color:#059669}.save-motion{display:flex;align-items:center;gap:8px;margin-top:9px}.save-motion button{border:0;background:#111827;color:#fff;border-radius:8px;padding:8px 9px;font-size:7px}.save-motion span{font-size:7px;color:#059669;animation:mgmtSave 4s infinite}
.staff-demo{display:grid;gap:7px;margin-top:18px}.staff-demo>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;column-gap:7px;border:1px solid #edf0f4;border-radius:10px;padding:8px}.staff-demo>div>span{grid-row:1/3;font-size:17px}.staff-demo b,.staff-demo small{display:block;font-size:8px}.staff-demo small{font-size:6px;color:#94a3b8}.staff-demo i{grid-column:3;grid-row:1/3;font-style:normal;font-size:6px;color:#059669;background:#ecfdf5;padding:4px 6px;border-radius:99px}
@media(max-width:850px){.management-feature-grid{grid-template-columns:1fr 1fr}.management-live-demo{padding:10px 15px 35px}.mgmt-floating-note{display:none}.mgmt-app{grid-template-columns:55px 1fr}.mgmt-sidebar em{display:none}.mgmt-sidebar>span{justify-content:center}.mgmt-sidebar>strong{margin-left:3px}.mgmt-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.management-showcase{padding-top:62px}.management-head h2{letter-spacing:-1.4px}.management-feature-grid{grid-template-columns:1fr;width:calc(100% - 20px)}.management-live-demo{width:calc(100% - 10px);padding-left:0;padding-right:0}.mgmt-browser{border-radius:15px}.mgmt-app{grid-template-columns:42px 1fr;min-height:390px}.mgmt-main{padding:10px}.mgmt-sidebar{padding:10px 5px}.mgmt-sidebar>strong{width:27px;height:27px;margin-left:2px}.mgmt-kpis{gap:5px}.mgmt-kpis>div{padding:8px}.mgmt-kpis>div:nth-child(3),.mgmt-kpis>div:nth-child(4){display:none}.mgmt-workgrid{grid-template-columns:1fr}.mgmt-chartbox{display:none}.mgmt-title b{font-size:14px}.mgmt-title button{font-size:7px}.kds-board{gap:3px}.kds-ticket{padding:6px}}
@media(prefers-reduced-motion:reduce){.counter-pulse,.order-row,.chart-cursor,.mgmt-floating-note,.apply-progress i,.table-map .call,.kds-ticket,.report-bars i,.save-motion span{animation:none!important}.order-row,.kds-ticket,.save-motion span{opacity:1!important}}
/* V4.1 Canlı Demo */
.demo-plan-actions{grid-template-columns:repeat(3,1fr)!important}.demo-btn{background:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important}.demo-choice{display:none;position:fixed;inset:0;z-index:6000;padding:20px}.demo-choice.open{display:flex;align-items:center;justify-content:center}.demo-choice-backdrop{position:absolute;inset:0;background:#0f172ade;backdrop-filter:blur(7px)}.demo-choice-card{position:relative;width:min(600px,100%);background:#fff;border-radius:23px;padding:27px;box-shadow:0 35px 100px #0007}.demo-choice-card h3{font-size:27px;margin:8px 0}.demo-choice-card>p{color:#64748b;font-size:12px}.demo-choice-x{position:absolute;right:13px;top:13px;width:35px;height:35px;border:1px solid #e5e7eb;border-radius:50%;background:#fff;font-size:21px}.demo-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.demo-choice-option{border:1px solid #e5e7eb;border-radius:16px;padding:18px;text-decoration:none;color:#111827;transition:.18s}.demo-choice-option:hover{transform:translateY(-2px);border-color:#a5b4fc;background:#f8f7ff}.demo-choice-option>span{font-size:28px;display:block}.demo-choice-option b{display:block;font-size:13px;margin:9px 0 3px}.demo-choice-option small,.demo-note{color:#64748b;font-size:9px}.demo-note{display:block;margin-top:13px;text-align:center}@media(max-width:600px){.demo-plan-actions{grid-template-columns:1fr!important}.demo-choice-actions{grid-template-columns:1fr}.demo-choice{padding:8px}.demo-choice-card{padding:22px}}