.cbg-page{--gold:#d8a745;--gold-dark:#b58a32;--black:#161616;--ink:#242424;--muted:#77736f;--border:#e8e5df;--soft:#faf8f3;--white:#fff;--radius:15px;font-synthesis:none}
.cbg-page *{box-sizing:border-box}
.cbg-page{scroll-behavior:smooth}
.cbg-page{margin:0;background:var(--white);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.58;-webkit-font-smoothing:antialiased}
.cbg-page a{color:inherit;text-decoration:none}
.cbg-page button,.cbg-page input{font:inherit}
.cbg-page button{cursor:pointer}
.cbg-page button:disabled{opacity:.55;cursor:not-allowed}
.cbg-page .shell{max-width:1160px;width:calc(100% - 48px);margin:0 auto}
.cbg-page .topbar{border-bottom:1px solid #eee;background:#fff}
.cbg-page .top-inner{height:79px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.cbg-page .wordmark{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:900;letter-spacing:-.3px}
.cbg-page .wordmark-icon{width:30px;height:30px;background:var(--black);border-radius:7px;display:grid;place-items:center;color:var(--gold);font-weight:900;font-size:15px}
.cbg-page .toplinks{display:flex;align-items:center;gap:24px;font-size:12px;color:#6b6965;font-weight:750}
.cbg-page .toplinks a:hover{color:#a27823}
.cbg-page .eyebrow{font-size:11px;font-weight:900;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold-dark)}
.cbg-page .hero{padding:61px 0 43px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}
.cbg-page .hero h1{font-size:clamp(40px,5.6vw,69px);font-weight:850;line-height:1.07;letter-spacing:-.068em;margin:18px 0 19px;color:#161616;max-width:850px}
.cbg-page .hero h1 em{font-style:normal;color:#b98a2c}
.cbg-page .hero p{font-size:15px;color:#75736f;margin:0;max-width:710px;line-height:1.85}
.cbg-page .hero-note{border:1px solid #e9e2d3;background:#fbf8ef;border-radius:12px;padding:15px 18px;display:flex;align-items:center;gap:10px;color:#7f672a;font-weight:750;font-size:12px;white-space:nowrap}
.cbg-page .hero-note svg{width:18px;height:18px;flex:none}
.cbg-page .app{border:1px solid #e7e2d8;border-radius:18px;background:#fff;box-shadow:0 19px 70px rgba(27,24,19,.05);padding:25px}
.cbg-page .app-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--border);padding:0 2px 22px}
.cbg-page .app-top h2{font-size:20px;margin:0;letter-spacing:-.04em}
.cbg-page .app-top p{margin:5px 0 0;color:#8a8580;font-size:12px}
.cbg-page .free-chip{background:#f8efd6;color:#947020;border:1px solid #ecd9a4;font-size:11px;font-weight:900;letter-spacing:.15px;border-radius:100px;padding:9px 14px;white-space:nowrap}
.cbg-page .drop{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:290px;gap:6px;border:2px dashed #d8caaa;background:#fcfbf7;border-radius:14px;margin-top:25px;padding:34px 20px;position:relative;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;text-align:center;outline:none}
.cbg-page .drop:focus-visible,.cbg-page .drop.over{background:#fff5d5;border-color:var(--gold-dark);box-shadow:0 0 0 5px rgba(216,167,69,.13);transform:scale(1.005)}
.cbg-page .drop.over:after{content:"Buraya bırak";position:absolute;inset:auto 18px 16px;color:#926c20;font-size:12px;font-weight:900}
.cbg-page .drop-icon{width:63px;height:63px;border-radius:50%;display:grid;place-items:center;background:#f1e5c4;color:#a87a1f;margin-bottom:12px;transition:transform .18s}
.cbg-page .drop.over .drop-icon{transform:translateY(-8px) scale(1.08)}
.cbg-page .drop strong{font-size:21px;font-weight:850;letter-spacing:-.04em}
.cbg-page .drop p{color:#817c76;font-size:13px;margin:0 0 15px}
.cbg-page .btn{border:none;border-radius:8px;display:inline-flex;justify-content:center;align-items:center;gap:11px;min-height:48px;padding:13px 22px;font-size:13px;font-weight:850;transition:transform .15s,background .15s}
.cbg-page .btn:focus-visible,.cbg-page .mode:focus-visible{outline:3px solid rgba(216,167,69,.48);outline-offset:3px}
.cbg-page .btn:hover:not(:disabled){transform:translateY(-1px)}
.cbg-page .btn-gold{background:var(--gold);color:#211b0e}
.cbg-page .btn-gold:hover{background:#e5b653}
.cbg-page .btn-black{background:var(--black);color:#fff}
.cbg-page .btn-black:hover{background:#333}
.cbg-page .btn-light{background:#f5f3ef;color:#4b4640;border:1px solid #e8e3da}
.cbg-page .drop small{font-size:11px;color:#969088;margin-top:8px}
.cbg-page #fileInput{position:absolute;left:-99999px;width:1px;height:1px;opacity:0}
.cbg-page .workspace{display:none;margin-top:24px}
.cbg-page .workspace.active{display:block}
.cbg-page .image-overview{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 0 16px}
.cbg-page .file-id{display:flex;align-items:center;gap:13px;min-width:0}
.cbg-page .thumb{height:53px;width:53px;object-fit:cover;border-radius:9px;border:1px solid #ebe6d8}
.cbg-page .file-id strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:430px}
.cbg-page .file-id span{font-size:11px;color:#8b8580;display:block;margin-top:4px}
.cbg-page .text-btn{border:none;background:transparent;color:#8d6b27;font-size:12px;font-weight:850;padding:8px}
.cbg-page .text-btn:hover{text-decoration:underline}
.cbg-page .previews{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cbg-page .preview{border:1px solid var(--border);border-radius:11px;overflow:hidden;background:#f7f6f3;min-width:0}
.cbg-page .preview-head{height:50px;background:#fff;border-bottom:1px solid var(--border);padding:12px 17px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:850}
.cbg-page .preview-head span:last-child{font-size:11px;color:#9a938a;font-weight:600}
.cbg-page .image-panel{height:315px;display:grid;place-items:center;overflow:hidden;background:#f6f4ef;position:relative}
.cbg-page .image-panel img{width:100%;height:100%;object-fit:contain;display:block;position:relative;z-index:1}
.cbg-page .checker{background-color:#fff;background-image:linear-gradient(45deg,#e8e8e8 25%,transparent 25%),linear-gradient(-45deg,#e8e8e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8e8e8 75%),linear-gradient(-45deg,transparent 75%,#e8e8e8 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}
.cbg-page .pending{position:absolute;z-index:3;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.74);padding:28px;text-align:center}
.cbg-page .pending .pending-content{max-width:280px}
.cbg-page .pending b{display:block;font-size:14px}
.cbg-page .pending span{font-size:12px;color:#888;display:block;margin-top:9px}
.cbg-page .placeholder-circle{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#f6ecce;color:#ac842c;margin:0 auto 13px}
.cbg-page .actionbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:18px}
.cbg-page .progress-wrap{flex:1;min-width:190px}
.cbg-page .phase-label{display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:12px;font-weight:760;color:#6a6256}
.cbg-page .percent{font-variant-numeric:tabular-nums;color:#a47922;font-weight:900}
.cbg-page .progress-track{height:7px;background:#eee8db;overflow:hidden;border-radius:100px;margin-top:9px}
.cbg-page .progress-fill{width:0%;height:100%;border-radius:100px;background:var(--gold);transition:width .2s}
.cbg-page .progress-track.indeterminate .progress-fill{width:35%;animation:indeterminate 1.5s ease-in-out infinite}
@keyframes indeterminate{0%{transform:translateX(-110%)}
100%{transform:translateX(310%)}}
.cbg-page .status-hint{font-size:11px;color:#8b857e;margin-top:5px}
.cbg-page .action-buttons{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.cbg-page .success{display:none;margin-top:20px;padding:22px 23px;border-radius:12px;border:1px solid #e6d4a1;background:#fff9e9;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.cbg-page .success.show{display:flex}
.cbg-page .success-icon{width:45px;height:45px;background:#e9d19c;border-radius:50%;display:grid;place-items:center;color:#654d1a;flex:none}
.cbg-page .success-title{display:flex;align-items:center;gap:14px}
.cbg-page .success-title strong{font-size:16px;letter-spacing:-.04em}
.cbg-page .success-title span{display:block;font-size:12px;color:#7a7160;margin-top:3px}
.cbg-page .download-main{min-width:240px}
.cbg-page .preview-tools{display:none;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:18px;padding:17px 19px;border:1px solid var(--border);border-radius:10px}
.cbg-page .preview-tools.show{display:flex}
.cbg-page .preview-tools strong{font-size:12px}
.cbg-page .mode-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.cbg-page .mode{border:1px solid #ddd8cd;background:#fff;border-radius:100px;padding:9px 12px;font-size:11px;color:#686058;font-weight:750}
.cbg-page .mode[aria-pressed=true]{background:#211f1b;border-color:#211f1b;color:var(--gold)}
.cbg-page .alert{display:none;margin-top:16px;padding:13px 16px;color:#a22d20;background:#fff1ed;border:1px solid #f4cec5;border-radius:8px;font-size:12px}
.cbg-page .alert.show{display:block}
.cbg-page .fineprint{text-align:center;font-size:11px;color:#8e8b85;margin:17px 0 0}
.cbg-page .trust{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-bottom:1px solid var(--border);padding:39px 0 45px}
.cbg-page .trust-item{display:flex;align-items:start;gap:13px}
.cbg-page .trust-icon{width:37px;height:37px;background:#f8f0df;color:#96701f;display:grid;place-items:center;border-radius:8px;flex:none}
.cbg-page .trust b{font-size:13px;display:block}
.cbg-page .trust p{font-size:12px;color:#8b8680;line-height:1.7;margin:5px 0 0}
.cbg-page .copy{display:grid;grid-template-columns:1.24fr .76fr;gap:80px;padding:60px 0 48px}
.cbg-page .copy h2{font-size:clamp(27px,3vw,37px);line-height:1.2;letter-spacing:-.05em;margin:13px 0 18px}
.cbg-page .copy p{color:#74716b;font-size:14px;line-height:1.95;margin:0 0 13px}
.cbg-page .copy .steps{list-style:none;margin:0;padding:0;display:grid;gap:17px}
.cbg-page .steps li{display:flex;align-items:flex-start;gap:14px;font-size:13px;color:#59544c}
.cbg-page .steps strong{display:block;color:#25221c;font-size:14px;margin-bottom:2px}
.cbg-page .step-number{background:#f5e9ca;color:#956f23;font-size:13px;font-weight:900;width:33px;height:33px;display:grid;place-items:center;flex:none;border-radius:8px}
.cbg-page .step-panel{border:1px solid var(--border);background:#fbfaf7;padding:29px 26px;border-radius:10px}
.cbg-page .step-panel h3{font-size:20px;letter-spacing:-.04em;margin:0 0 20px}
.cbg-page .faq{border-top:1px solid var(--border);padding:49px 0 70px}
.cbg-page .faq h2{font-size:30px;letter-spacing:-.045em;margin:0 0 20px}
.cbg-page .faq details{border-bottom:1px solid var(--border)}
.cbg-page .faq summary{font-size:14px;font-weight:820;padding:17px 1px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none}
.cbg-page .faq summary::-webkit-details-marker{display:none}
.cbg-page .faq summary:after{content:"+";font-size:22px;font-weight:450;color:#b18a3c}
.cbg-page .faq details[open] summary:after{content:"−"}
.cbg-page .faq details p{font-size:13px;line-height:1.9;color:#7c7770;margin:0;padding:0 15px 19px 0;max-width:820px}
.cbg-page footer{background:#171717;color:#cecbc5;padding:28px 0}
.cbg-page .foot{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px}
.cbg-page .foot strong{color:#fff;letter-spacing:-.02em}
.cbg-page .foot a{color:var(--gold)}
.cbg-page [hidden]{display:none!important}
@media (max-width:850px){.cbg-page .hero{grid-template-columns:1fr}
.cbg-page .hero-note{justify-self:start}
.cbg-page .previews{gap:12px}
.cbg-page .image-panel{height:275px}
.cbg-page .copy{gap:30px}}
@media (max-width:620px){.cbg-page .shell{width:calc(100% - 30px)}
.cbg-page .top-inner{height:63px}
.cbg-page .toplinks{gap:12px;font-size:11px}
.cbg-page .toplinks a:first-child{display:none}
.cbg-page .hero{padding:38px 0 28px;gap:17px}
.cbg-page .hero h1{font-size:43px}
.cbg-page .hero p{font-size:13px}
.cbg-page .app{padding:15px;border-radius:12px}
.cbg-page .app-top{align-items:start}
.cbg-page .app-top h2{font-size:17px}
.cbg-page .free-chip{font-size:9px;padding:7px 9px}
.cbg-page .drop{min-height:240px;padding:22px 12px;margin-top:15px}
.cbg-page .drop strong{font-size:18px}
.cbg-page .previews{grid-template-columns:1fr}
.cbg-page .image-panel{height:250px}
.cbg-page .preview-head{height:42px}
.cbg-page .image-overview{align-items:start}
.cbg-page .file-id strong{max-width:205px}
.cbg-page .actionbar{align-items:stretch;display:flex;flex-direction:column}
.cbg-page .action-buttons{width:100%}
.cbg-page .action-buttons .btn{flex:1}
.cbg-page .success{padding:16px}
.cbg-page .success-title strong{font-size:15px}
.cbg-page .download-main{width:100%}
.cbg-page .trust{grid-template-columns:1fr;gap:20px;padding:30px 0}
.cbg-page .copy{grid-template-columns:1fr;padding:40px 0;gap:20px}
.cbg-page .faq{padding:35px 0 50px}
.cbg-page .foot{flex-direction:column;align-items:start}}