:root{--ink:#10233a;--navy:#071c31;--navy-2:#102d49;--blue:#1261ca;--blue-dark:#0e50ad;--sky:#a8d4ff;--muted:#52647b;--line:#e0e7ef;--soft:#f3f6fb;--white:#fff;--orange:#ffb643;--shadow:0 18px 65px #0b25421a;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible){outline-offset:3px;outline:3px solid #60abff}img{max-width:100%;display:block}h1,h2,h3,h4,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}svg{flex:none}.shell{width:min(1240px,100% - 88px);margin-inline:auto}.section{padding-block:94px}.btn{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:10px 17px;font-size:14px;font-weight:700;line-height:1.25;transition:background .17s,border-color .17s,color .17s;display:inline-flex}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-dark)}.btn-outline{color:var(--ink);background:#fff;border-color:#cbd8e6}.btn-outline:hover{background:#edf5ff;border-color:#90b8e6}.btn-ghost{color:#fff;background:#ffffff0a;border-color:#88aec952}.btn-ghost:hover{background:#ffffff18}.text-button{color:#0959bd;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:700;line-height:1.35;display:inline-flex}.text-button:hover{text-decoration:underline}.eyebrow{color:#105bb8;letter-spacing:.14em;align-items:center;gap:9px;font-size:11px;font-weight:850;line-height:1.5;display:flex}.eyebrow span{background:#287be4;border-radius:2px;width:9px;height:9px;transform:rotate(-13deg)}.eyebrow.light{color:#bcdbf7}.eyebrow.light span{background:var(--orange)}.muted{color:var(--muted);margin-bottom:17px;font-size:14px}.notice{color:#1a4775;background:#eaf2fe;font-size:12px;font-weight:680}.notice-inner{justify-content:space-between;align-items:center;height:33px;display:flex}.notice-inner span,.notice-inner a{align-items:center;gap:7px;display:flex}.notice-inner a:hover{text-decoration:underline}.top{z-index:5;background:#fff;border-bottom:1px solid #e7edf4;position:sticky;top:0}.top-inner{justify-content:space-between;align-items:center;gap:28px;height:72px;display:flex}.wordmark{letter-spacing:-.055em;flex:none;align-items:center;gap:11px;font-size:24px;font-weight:840;line-height:1.02;display:inline-flex}.wordmark img{border-radius:9px}.wordmark>span>span{color:#125dbd}.wordmark small{color:#52647b;letter-spacing:.13em;margin-top:6px;font-size:8px;display:block}.top nav{color:#405168;align-items:center;gap:30px;font-size:14px;font-weight:650;display:flex}.top nav a:hover{color:var(--blue)}.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 60% 20%,#123b5a7a,#0000 60%),repeating-linear-gradient(132deg,#0000 0 79px,#80b2dc0b 80px 81px,#0000 82px 100px);position:absolute;inset:0}.hero-grid{grid-template-columns:.91fr 1.09fr;align-items:center;gap:48px;min-height:555px;padding-block:60px 63px;display:grid;position:relative}.hero h1{letter-spacing:-.067em;margin:24px 0 23px;font-size:clamp(45px,5.28vw,77px);font-weight:840;line-height:.99}.hero h1 em{color:#aad5ff;font-style:normal}.hero-desc{color:#d4e4f4;max-width:460px;font-size:clamp(15px,1.4vw,19px);line-height:1.55}.hero-buttons{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-buttons .btn{min-height:49px;padding:13px 17px}.hero-photo{background:#17344f;border:1px solid #7cb3db40;border-radius:18px;height:410px;position:relative;overflow:hidden;box-shadow:0 26px 70px #0004}.hero-photo img{object-fit:cover;object-position:57% 52%;width:100%;height:100%}.hero-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000,#05172f7d);position:absolute;inset:55% 0 0}.hero-photo figcaption{z-index:1;letter-spacing:.13em;color:#fff;background:#0b2239e6;border:1px solid #b3cfea4d;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:9px;font-weight:800;display:flex;position:absolute;bottom:15px;left:15px}.live-dot{background:var(--orange);border-radius:50%;width:7px;height:7px}.brand-strip{border-bottom:1px solid var(--line);background:#fbfdff}.brand-strip-inner{align-items:stretch;gap:30px;min-height:88px;display:flex}.brand-strip-inner>p{color:#486787;letter-spacing:.13em;align-items:center;font-size:10px;font-weight:850;line-height:1.4;display:flex}.brand-strip-inner>div{flex:1;grid-template-columns:repeat(6,1fr);display:grid}.brand-strip-inner a{border-left:1px solid var(--line);letter-spacing:-.04em;place-items:center;min-width:0;font-size:clamp(16px,1.7vw,25px);font-weight:820;display:grid}.brand-strip-inner a:hover{color:var(--blue);background:#e9f3ff}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.section-head h2,.faq h2,.portal h2,.bottom-cta h2{letter-spacing:-.057em;margin:12px 0;font-size:clamp(34px,4vw,53px);font-weight:820;line-height:1.09}.section-head p:not(.eyebrow),.faq>div>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.55}.catalog-count{letter-spacing:.1em;color:#335b83;border:1px solid var(--line);white-space:nowrap;border-radius:30px;align-self:start;align-items:center;gap:8px;margin-top:36px;padding:8px 12px;font-size:11px;font-weight:850;display:flex}.catalog-count i{background:var(--blue);border-radius:50%;width:4px;height:4px}.catalog-controls{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.filters{flex-wrap:wrap;gap:6px;display:flex}.filters button{color:#42566e;background:#fff;border:1px solid #dde6f0;border-radius:7px;padding:8px 12px;font-size:13px;font-weight:680;line-height:1.3}.filters button:hover{color:#105bb8;border-color:#8bb7ea}.filters button[aria-pressed=true]{color:#0b54b2;background:#e8f2ff;border-color:#9fc7f4}.search{color:#63809c;background:#fff;border:1px solid #d8e3ee;border-radius:9px;align-items:center;gap:8px;min-height:43px;padding:8px 11px;display:flex}.search input{width:217px;min-width:0;max-width:100%;color:var(--ink);background:0 0;border:0;outline:none;font-size:14px}.search:focus-within{border-color:var(--blue)}.search input:focus-visible{outline:none}.models{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.model{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;padding:17px 18px 12px;transition:border-color .2s,box-shadow .2s}.model:hover{border-color:#9cc5f5;box-shadow:0 10px 30px #0e2e510c}.model>div{justify-content:space-between;align-items:center;gap:7px;display:flex}.model-brand{color:#3d526b;align-items:center;gap:7px;font-size:12px;font-weight:750;display:flex}.model-brand i{border-radius:2px;width:8px;height:8px}.badge{color:#315575;white-space:nowrap;background:#edf4fb;border:1px solid #e0ebf5;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:750;display:inline-block}.model h3{letter-spacing:-.037em;overflow-wrap:anywhere;margin:15px 0 12px;font-size:22px;line-height:1.15}.model button{text-align:left;color:#0b5cbd;background:0 0;border:0;border-top:1px solid #eaf0f6;justify-content:space-between;align-items:center;width:100%;padding:10px 0 0;font-size:13px;font-weight:700;display:flex}.model button:hover{text-decoration:underline}.catalog-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:22px;font-size:14px;display:flex}.catalog-foot>div{flex-wrap:wrap;gap:8px;display:flex}.empty{text-align:center;min-height:152px;color:var(--muted);background:#f6f9fc;border:1px dashed #cbd9e8;border-radius:12px;place-items:center;gap:9px;padding:20px;display:grid}.portal{color:#fff;background:linear-gradient(126deg,#071c31,#0b2d4a);padding-block:77px}.portal-grid{grid-template-columns:.78fr 1.22fr;align-items:start;gap:62px;display:grid}.portal-copy{padding-top:28px}.portal h2{max-width:450px;margin:14px 0 19px;font-size:clamp(36px,4.45vw,61px)}.portal-copy>p:not(.eyebrow){color:#cfe0f0;max-width:400px;font-size:17px}.portal-copy ul{color:#e7f0f9;gap:13px;margin-top:30px;font-size:14px;display:grid}.portal-copy li{align-items:center;gap:10px;display:flex}.portal-copy li svg{color:#9aceff}.portal-panel{color:var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:16px;overflow:hidden}.portal-tabs{background:#f5f8fc;border-bottom:1px solid #dee8f2;grid-template-columns:1fr 1fr;display:grid}.portal-tabs button{color:#52647b;background:0 0;border:0;border-bottom:3px solid #0000;justify-content:center;align-items:center;gap:7px;padding:15px 8px 12px;font-size:14px;font-weight:750;display:flex}.portal-tabs button[aria-pressed=true]{color:#105cbb;background:#fff;border-color:#1b6ed7}.portal-content{padding:26px 28px 29px}.portal-content h3{letter-spacing:-.045em;margin-bottom:17px;font-size:25px;line-height:1.14}.steps{color:#576b82;gap:17px;margin-bottom:21px;font-size:12px;font-weight:700;display:flex}.steps li{align-items:center;gap:6px;display:flex}.steps li span{background:#ecf2f8;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.steps li.on{color:#0a56b4}.steps li.on span{background:#e5f0ff}.field{gap:5px;min-width:0;margin-bottom:13px;display:grid}.field span{color:#283e56;font-size:13px;font-weight:750}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:42px;color:var(--ink);background:#fff;border:1px solid #ccd9e6;border-radius:7px;padding:8px 10px;font-size:14px}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#6f7f91}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{justify-content:flex-end;gap:9px;margin-top:17px;display:flex}.method-row{margin-bottom:15px}.method-row button,.times button{color:var(--ink);background:#fff;border:1px solid #ccd9e6;border-radius:7px;padding:9px;font-size:13px;font-weight:700}.method-row button{text-align:left;align-items:center;gap:8px;min-height:52px;display:flex}.method-row button[aria-pressed=true],.times button[aria-pressed=true]{color:#0d55af;background:#eaf3ff;border-color:#70a6ea}.times{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.times button{min-width:54px;padding:7px}.hint,.error,.summary{color:#345271;overflow-wrap:anywhere;background:#edf4fc;border-radius:7px;margin:8px 0;padding:10px 12px;font-size:13px;line-height:1.45}.hint svg{vertical-align:-3px;margin-right:3px}.error{color:#a12621;background:#fff0ef}.consent{align-items:flex-start;gap:8px;margin-top:12px;font-size:13px;display:flex}.consent input{accent-color:var(--blue);margin-top:3px}.privacy{margin:7px 0 0 22px;font-size:12px}.success p{color:var(--muted);margin-bottom:13px}.success-icon{color:#14724f;background:#e3f4ed;border-radius:10px;place-items:center;width:46px;height:46px;margin-bottom:12px;display:grid}.code-box{background:#eef5fe;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin:12px 0;padding:12px;display:flex}.code-box span{letter-spacing:.1em;color:#355e88;font-size:10px;font-weight:850;display:block}.code-box strong{letter-spacing:.04em;overflow-wrap:anywhere;font-size:18px}.code-box button{min-height:35px;padding:7px}.tracking{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.tracking-title{justify-content:space-between;align-items:start;gap:8px;display:flex}.tracking-title p{color:#536b84;font-family:monospace;font-size:12px}.tracking-title h4,.quote h4{margin-bottom:7px;font-size:18px}.tracking-steps{gap:8px;margin:14px 0;display:grid}.tracking-steps li{color:#63768d;gap:8px;font-size:13px;display:flex}.tracking-steps li>span{border:1px solid #c7d5e2;border-radius:50%;flex:none;place-items:center;width:17px;height:17px;display:grid}.tracking-steps li.current{color:#0b58b6;font-weight:800}.tracking-steps li.current>span,.tracking-steps li.done>span{color:#105bb8;background:#e5f1ff;border-color:#a8c8ef}.tracking-steps small{color:#556b83;font-size:10px;display:block}.quote{background:#f0f6fd;border:1px solid #dce9f6;border-radius:9px;padding:13px}.quote p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:8px;font-size:13px}.quote .btn{min-height:39px}.confirm-quote .btn{margin-top:4px}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.process-grid li{border:1px solid var(--line);background:#fbfdff;border-radius:11px;padding:18px 17px}.process-grid li>div{color:#1366cd;justify-content:space-between;align-items:center;display:flex}.process-grid li>div span{color:#587697;font:700 12px/1 monospace}.process-grid h3{letter-spacing:-.035em;margin:16px 0 7px;font-size:20px}.process-grid p{color:var(--muted);font-size:14px;line-height:1.5}.process-photo{background:#eaf3ff;border:1px solid #dae7f5;border-radius:13px;grid-template-columns:1.1fr .9fr;margin-top:26px;display:grid;overflow:hidden}.process-photo img{object-fit:cover;object-position:50% 46%;width:100%;height:235px}.process-photo div{align-self:center;padding:25px 30px}.process-photo span{color:var(--blue);letter-spacing:.14em;font-size:10px;font-weight:850}.process-photo h3{letter-spacing:-.052em;margin:7px 0 9px;font-size:clamp(23px,3.1vw,38px);line-height:1.12}.process-photo p{color:var(--muted);max-width:370px;font-size:15px}.faq-wrap{background:#f5f8fc;border-block:1px solid #e8eff7}.faq{grid-template-columns:.72fr 1.28fr;gap:50px;display:grid}.faq-list{border-top:1px solid #d8e4f0}.faq-list details{border-bottom:1px solid #d8e4f0}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:16px 0;font-size:15px;font-weight:750;display:flex}.faq-list summary::-webkit-details-marker{display:none}.staff-card summary::-webkit-details-marker{display:none}.faq-list details[open] svg{transform:rotate(45deg)}.faq-list details p{color:var(--muted);max-width:92%;padding:0 0 16px;font-size:14px}.bottom-cta{justify-content:space-between;align-items:center;gap:20px;padding-block:55px;display:flex}.bottom-cta h2{margin-bottom:0;font-size:clamp(26px,3vw,39px)}footer{border-top:1px solid var(--line);background:#f9fbfe}.footer-inner{justify-content:space-between;align-items:center;gap:20px;min-height:109px;display:flex}.footer-inner>p{color:var(--muted);font-size:13px}.footer-inner>div{flex:none;gap:16px;display:flex}.footer-inner>div a{color:#285985;align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.footer-inner>div a:hover{text-decoration:underline}.admin{max-width:1100px;padding-block:30px 75px}.admin-top,.admin-controls,.staff-card summary,.buttons{align-items:center;gap:13px;display:flex}.admin-top{letter-spacing:.12em;color:#446886;justify-content:space-between;font-size:11px;font-weight:800}.admin-top a svg{transform:rotate(180deg)}.admin header{padding-block:35px 22px}.admin header h1{letter-spacing:-.061em;margin:11px 0;font-size:clamp(40px,5.3vw,69px);line-height:1.03}.admin header p:last-child,.admin-auth p{color:var(--muted)}.admin-auth{border:1px solid var(--line);border-radius:12px;justify-items:start;gap:9px;padding:22px;display:grid}.admin-controls{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.admin-controls .search input{width:254px}.staff-records{gap:10px;display:grid}.staff-card{border:1px solid var(--line);background:#fff;border-radius:11px}.staff-card summary{cursor:pointer;padding:14px}.staff-card summary>div{overflow-wrap:anywhere;flex:1;min-width:0}.staff-card summary>div>span{color:#345777;font:700 11px monospace}.staff-card summary h2{font-size:18px}.staff-card summary p,.staff-content p{color:var(--muted);font-size:13px}.staff-content{padding:0 14px 15px}.record-data{background:#f2f7fc;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0;padding:12px;display:grid}.record-data dt{font-size:12px;font-weight:800}.record-data dd{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:14px}.staff-operation{border-bottom:1px solid var(--line);margin-bottom:6px;padding-block:12px 4px}.staff-operation h3{margin-bottom:4px;font-size:16px}.staff-operation p{margin-bottom:7px}.staff-operation .form-row{align-items:center}.staff-operation .btn{min-height:37px;margin-bottom:7px;padding:7px 10px}@media (max-width:1100px){.shell{width:calc(100% - 60px)}.top nav{gap:17px}.hero-grid{gap:30px;min-height:505px}.hero-photo{height:365px}.section{padding-block:72px}.portal-grid{gap:34px}.portal-content{padding:22px}.catalog-controls{flex-wrap:wrap}.hero-buttons .btn{padding-inline:13px}}@media (max-width:780px){html{scroll-padding-top:75px}.shell{width:calc(100% - 36px)}.notice-inner{font-size:11px}.top-inner{gap:10px;height:61px}.top nav{display:none}.wordmark{gap:8px;font-size:22px}.wordmark img{width:38px;height:38px}.wordmark small{font-size:7px}.header-action{min-height:39px;padding:7px 10px;font-size:12px}.hero-grid{grid-template-columns:1fr;gap:24px;padding-block:33px 28px}.hero h1{margin:15px 0 14px;font-size:clamp(44px,8.5vw,67px)}.desktop{display:none}.hero-desc{font-size:16px}.hero-buttons{gap:7px;margin-top:19px}.hero-buttons .btn{min-height:42px;padding:9px 11px;font-size:13px}.hero-photo{border-radius:12px;height:clamp(210px,53vw,330px)}.brand-strip-inner{gap:12px;min-height:0}.brand-strip-inner>p{display:none}.brand-strip-inner>div{grid-template-columns:repeat(3,1fr)}.brand-strip-inner a{border-bottom:1px solid var(--line);min-height:39px;font-size:17px}.section{padding-block:48px}.section-head{align-items:start;margin-bottom:20px;display:block}.catalog-count{margin-top:11px;display:inline-flex}.search{flex:100%}.search input{width:100%}.catalog-controls{gap:9px}.models{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.model{padding:12px 10px 10px}.model>div{flex-wrap:wrap}.model h3{margin:10px 0 9px;font-size:18px}.catalog-foot{flex-direction:column;align-items:flex-start}.portal{padding-block:44px}.portal-grid{grid-template-columns:1fr;gap:21px}.portal-copy{padding-top:0}.portal-copy ul{gap:7px;margin-top:17px;font-size:13px}.portal h2{margin:10px 0}.portal-content{padding:18px 16px}.portal-content h3{font-size:23px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.process-grid li{padding:13px}.process-grid h3{font-size:17px}.process-grid p{font-size:13px}.process-photo{grid-template-columns:1fr}.process-photo img{height:200px}.process-photo div{padding:19px}.faq{grid-template-columns:1fr;gap:16px}.bottom-cta{flex-direction:column;align-items:flex-start;padding-block:35px}.footer-inner{flex-direction:column;align-items:flex-start;gap:11px;padding-block:18px}}@media (max-width:380px){.shell{width:calc(100% - 28px)}.notice-inner a{font-size:10px}.steps{gap:9px}.form-row:not(.method-row){grid-template-columns:1fr}.model h3{font-size:16px}.model button,.hero-buttons .btn{font-size:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* ===== v2 eklemeleri ===== */
.demo-bar{background:#fff6e5;color:#6b4a00;font-size:12px;font-weight:700;text-align:center;padding:6px 12px;border-bottom:1px solid #f3dca8}
.admin-auth form{display:grid;gap:9px;width:min(340px,100%)}.admin-auth .field{margin-bottom:0}
.admin-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-8px 0 18px;flex-wrap:wrap}
/* menü */
.top nav{gap:22px;font-size:13.5px}
.menu-btn{display:none;background:#fff;border:1px solid #d8e3ee;border-radius:8px;width:42px;height:39px;padding:0 10px;flex-direction:column;justify-content:center;gap:4px}
.menu-btn span{display:block;height:2px;background:var(--ink);border-radius:2px}
.mobile-nav{display:grid;padding:6px 0 14px;font-weight:700;font-size:15px}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:11px 0;border-top:1px solid var(--line)}
/* kaydırmalı görseller */
.ph-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;height:100%}
.ph-track::-webkit-scrollbar{display:none}
.ph-track>*{flex:0 0 100%;scroll-snap-align:start;min-width:0}
.ph-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:6px;pointer-events:none}
.ph-dots i{width:7px;height:7px;border-radius:50%;background:#ffffff8c;box-shadow:0 0 0 1px #0002;pointer-events:auto;cursor:pointer;transition:width .2s,background .2s}
.ph-dots i.on{background:#fff;width:18px;border-radius:5px}
.hero-slider{position:relative;background:#17344f;border:1px solid #7cb3db40;border-radius:18px;height:410px;overflow:hidden;box-shadow:0 26px 70px #0004}
.hero-slider .slide{margin:0;position:relative;height:100%}
.hero-slider img{width:100%;height:100%;object-fit:cover}
.hero-slider .slide:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(#0000,#05172f8c);pointer-events:none}
.hero-slider figcaption{z-index:1;letter-spacing:.13em;color:#fff;background:#0b2239e6;border:1px solid #b3cfea4d;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:9px;font-weight:800;display:flex;position:absolute;top:15px;left:15px}
.sl-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid #ffffff55;background:#0b2239b3;color:#fff;display:grid;place-items:center;opacity:.85}
.sl-btn:hover{opacity:1}.sl-btn.prev{left:12px}.sl-btn.next{right:12px}
.hero-points{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;color:#cfe3f5;font-size:13px;font-weight:700}
.hero-points li{display:flex;align-items:center;gap:6px}.hero-points svg{color:var(--orange)}
/* marka şeridi */
.brand-strip-inner>div.brand-scroll{display:flex;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}
.brand-scroll a{flex:0 0 auto;padding:0 26px;min-height:88px;scroll-snap-align:start;white-space:nowrap}
/* model kartları */
.model{padding:0;overflow:hidden;display:flex;flex-direction:column}
.model-media{position:relative;aspect-ratio:4/3;background:#eef3f8;overflow:hidden}
.model-media img{width:100%;height:100%;object-fit:cover;display:block}
.model-body{padding:13px 16px 12px;display:flex;flex-direction:column;flex:1}
.model-body>div{justify-content:space-between;align-items:center;gap:7px;display:flex}
.model h3{margin:11px 0 10px;font-size:20px;flex:1}
.model a,.model button{text-align:left;color:#0b5cbd;background:0 0;border:0;border-top:1px solid #eaf0f6;justify-content:space-between;align-items:center;width:100%;padding:10px 0 0;font-size:13px;font-weight:700;display:flex}
.model a:hover{text-decoration:underline}
.cat-title{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.04em;margin:34px 0 14px}
/* avantajlar */
.perks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-block:0 70px}
.catalog-section+.perks{padding-top:0}
.perk{display:block;border:1px solid var(--line);border-radius:14px;padding:22px;background:linear-gradient(180deg,#f7fbff,#fff);transition:border-color .2s,box-shadow .2s}
a.perk:hover{border-color:#9cc5f5;box-shadow:0 10px 30px #0e2e510f}
.perk>span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e5f0ff;color:var(--blue);margin-bottom:14px}
.perk h3{font-size:19px;letter-spacing:-.03em;margin-bottom:6px}.perk p{color:var(--muted);font-size:14px}
.three-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
/* form */
.method-row{grid-template-columns:repeat(2,1fr)}
.method-row button span small{display:block;color:var(--muted);font-weight:600;font-size:11px;margin-top:2px}
/* 2. el */
.listings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.listing{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}
.listing:hover{border-color:#9cc5f5;box-shadow:0 10px 30px #0e2e510c}
.listing>button{all:unset;cursor:pointer;display:block;width:100%}
.listing>button:focus-visible{outline:3px solid #60abff}
.listing-img{position:relative;aspect-ratio:4/3;background:#eef3f8}
.listing-img img{width:100%;height:100%;object-fit:cover}
.listing-img .count{position:absolute;right:10px;bottom:10px;background:#0b2239d9;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:5px}
.ribbon{position:absolute;left:10px;top:10px;background:#a12621;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;padding:4px 9px;border-radius:5px;text-transform:uppercase}
.listing.sold img{filter:grayscale(.7);opacity:.75}
.listing-body{padding:13px 16px 15px}.listing-body>div{display:flex;gap:6px;flex-wrap:wrap}
.listing-body h3{font-size:18px;letter-spacing:-.03em;margin:10px 0 6px;line-height:1.2}
.price{font-weight:800;color:var(--blue);font-size:17px}
.badge.soft{background:#fff;color:#52647b}
.listings .empty,.listings>.hint{grid-column:1/-1}
.modal{position:fixed;inset:0;z-index:50;background:#071c31b3;display:grid;place-items:center;padding:20px}
.modal[hidden]{display:none}
.modal-card{position:relative;background:#fff;border-radius:16px;max-width:920px;width:100%;max-height:calc(100vh - 40px);overflow:auto;display:grid;grid-template-columns:1.1fr .9fr}
.modal-x{position:absolute;right:10px;top:10px;z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:#fff;font-size:22px;box-shadow:0 2px 10px #0003}
#lm-body{display:contents}
.lm-media{aspect-ratio:auto;min-height:340px}
.lm-info{padding:26px 26px 24px;display:grid;gap:12px;align-content:start}
.lm-info h2{font-size:26px;letter-spacing:-.04em;line-height:1.15}
.lm-desc{white-space:pre-wrap;color:#344a62;font-size:14px}
/* blog */
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.post-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}
.post-card:hover{border-color:#9cc5f5;box-shadow:0 10px 30px #0e2e510c}
.post-card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.post-card div{padding:14px 16px 16px}.post-card h3{font-size:18px;line-height:1.25;letter-spacing:-.03em;margin:9px 0 6px}
.post-card p{color:var(--muted);font-size:14px}
.section-head .btn-outline{align-self:end;flex:none}
/* alt sayfalar */
.page-hero{background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:46px 0 52px}
.page-hero:before{content:"";pointer-events:none;background:repeating-linear-gradient(132deg,#0000 0 79px,#80b2dc0b 80px 81px,#0000 82px 100px);position:absolute;inset:0}
.page-hero .shell{position:relative}
.page-hero h1{font-size:clamp(34px,4.6vw,60px);letter-spacing:-.06em;line-height:1.03;margin:16px 0 14px;font-weight:840;max-width:900px}
.page-hero .hero-desc{max-width:680px}
.crumbs{font-size:12px;color:#a9c3dc;font-weight:650;margin-bottom:22px}.crumbs a:hover{color:#fff;text-decoration:underline}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.split img{border-radius:16px;border:1px solid #7cb3db40;aspect-ratio:16/10;object-fit:cover;width:100%}
.split-block{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.split-block img{border-radius:14px;width:100%}.split-block h2{font-size:clamp(28px,3.2vw,42px);letter-spacing:-.05em;margin:10px 0 12px;line-height:1.1}
.split-block p{color:var(--muted);margin-bottom:12px}
.brand-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:start;margin-bottom:10px}
.brand-intro h2{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.04em;margin-bottom:14px}
.ticks{display:grid;gap:9px;font-size:15px}.ticks li{display:flex;gap:8px;align-items:flex-start}.ticks svg{color:var(--blue);margin-top:4px}
.note-card{border:1px solid #dce9f6;background:#f0f6fd;border-radius:14px;padding:20px;display:grid;gap:8px;color:var(--blue)}
.note-card h3{color:var(--ink);font-size:18px}.note-card p{color:var(--muted);font-size:14px}
.chip-links{display:flex;flex-wrap:wrap;gap:8px}
.chip-links a{border:1px solid #dde6f0;border-radius:30px;padding:8px 14px;font-size:13px;font-weight:700;color:#2c4763;background:#fff}
.chip-links a:hover{border-color:#8bb7ea;color:var(--blue)}
.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.brand-card{border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:10px;align-content:start;background:#fff}
.brand-card:hover{border-color:#9cc5f5;box-shadow:0 10px 30px #0e2e510c}
.brand-mark{font-size:26px;font-weight:850;letter-spacing:-.05em;display:flex;align-items:center;gap:10px}
.brand-mark:before{content:"";width:12px;height:12px;border-radius:3px;background:var(--c);transform:rotate(-13deg)}
.brand-card p{color:var(--muted);font-size:14px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:#f5f8fc;font-size:12px;letter-spacing:.04em;color:#345271}tr:last-child td{border-bottom:0}
.muted-p{color:var(--muted);margin-top:14px;font-size:14px}.muted-p a,.post-body a{color:#0959bd;font-weight:700}
.narrow{max-width:820px}
.post-body{font-size:17px;line-height:1.7;color:#22364d}
.post-body h2{font-size:26px;letter-spacing:-.04em;margin:34px 0 10px;color:var(--ink);line-height:1.2}
.post-body p{margin:0 0 14px}.post-body ul,.post-body ol{margin:0 0 16px 22px;list-style:disc}.post-body ol{list-style:decimal}.post-body li{margin-bottom:6px}
.post-body .table-wrap{margin:14px 0 20px}
.post-img{border-radius:14px;margin-bottom:26px;width:100%;aspect-ratio:16/10;object-fit:cover}
.post-cta{margin-top:34px;border-radius:14px;background:linear-gradient(126deg,#071c31,#0b2d4a);color:#fff;padding:26px;display:grid;gap:8px;justify-items:start}
.post-cta p{color:#cfe0f0;margin:0}
/* footer */
.footer-grid{display:grid;grid-template-columns:1.2fr 1.4fr .8fr;gap:34px;padding-block:44px 26px}
.footer-grid p{color:var(--muted);font-size:13px;margin-top:12px}.footer-grid h4{font-size:12px;letter-spacing:.12em;color:#446886;margin:6px 0 12px}
.contact{line-height:1.9}.contact a{color:#285985;font-weight:700}.contact svg{vertical-align:-3px}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;font-weight:650;color:#285985}.foot-links.col{flex-direction:column}
.foot-links a:hover{text-decoration:underline}
.legal{border-top:1px solid var(--line);padding:14px 0 70px;font-size:11.5px;color:#6a7c90}
.wa-float{position:fixed;right:16px;bottom:16px;z-index:20;background:#1fa855;color:#fff;font-weight:800;font-size:14px;padding:12px 16px;border-radius:30px;box-shadow:0 8px 24px #0004}
.wa-float:hover{background:#178a45}
/* yönetim: ilanlar */
.listing-form{max-width:none}.listing-form form,.admin-auth.listing-form{width:100%}
.thumbs{display:flex;flex-wrap:wrap;gap:10px}
.thumbs figure{position:relative;width:120px;margin:0}
.thumbs figure img{width:120px;height:90px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.thumbs figure button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:#fff;box-shadow:0 1px 4px #0003}
.thumbs figure .cover{position:static;width:auto;height:auto;border-radius:5px;font-size:11px;padding:3px 6px;margin-top:4px;box-shadow:none;border:1px solid var(--line)}
.add-photo{width:120px;height:90px;border:1px dashed #9cb6d2;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--blue);cursor:pointer;text-align:center}
.lrow{display:flex;align-items:center;gap:14px;padding:12px 14px}
.lrow img{width:84px;height:63px;object-fit:cover;border-radius:7px}.lrow>div{flex:1;min-width:0}.lrow h2{font-size:17px}.lrow p{color:var(--muted);font-size:13px}
.mono{font:700 11px monospace;color:#345777}
@media (max-width:1100px){.top nav{display:none}.menu-btn{display:flex}.listings,.post-grid,.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media (min-width:1101px){.mobile-nav{display:none!important}}
@media (max-width:780px){
  .hero-slider{border-radius:12px;height:clamp(220px,58vw,340px)}
  .sl-btn{display:none}
  .brand-scroll a{min-height:46px;padding:0 18px;border-bottom:0}
  .brand-strip-inner>div.brand-scroll{grid-template-columns:none}
  .perks,.three-steps{grid-template-columns:1fr;padding-block:0 40px}
  .method-row{grid-template-columns:1fr}
  .listings,.post-grid,.brand-grid{grid-template-columns:1fr 1fr;gap:8px}
  .listing-body{padding:10px 11px 12px}.listing-body h3{font-size:15px}
  .post-card h3{font-size:15px}.post-card p{display:none}.post-card div{padding:10px 11px 12px}
  .model-body{padding:10px 10px 10px}.model h3{font-size:16px}
  .split,.split-block,.brand-intro{grid-template-columns:1fr;gap:22px}
  .modal{padding:0;align-items:end}.modal-card{grid-template-columns:1fr;border-radius:16px 16px 0 0;max-height:92vh}
  .lm-media{min-height:0;aspect-ratio:4/3}
  .footer-grid{grid-template-columns:1fr}
  .section-head .btn-outline{margin-top:12px}
  .page-hero{padding:30px 0 36px}
  .post-body{font-size:16px}
  .wa-float{padding:10px 14px;font-size:13px}
}
@media (max-width:420px){.brand-grid{grid-template-columns:1fr}}
@media (max-width:780px){.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{flex:none}.catalog-controls{flex-direction:column;align-items:stretch}.notice-inner{height:auto;padding-block:6px;gap:10px}.notice-inner span{font-size:10.5px}.notice-inner a{white-space:nowrap}}
.model{padding:17px 18px 12px;display:block}
.model h3{margin:15px 0 12px;font-size:22px}
.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;min-width:0;flex:1}
.filters button{flex:none}
.catalog-controls{align-items:center}
@media (max-width:780px){.model{padding:12px 11px 10px}.model h3{font-size:17px;margin:10px 0 9px}}

/* v2.2 */
.top-actions{display:flex;gap:8px;align-items:center}
.top .btn-outline.header-action{min-height:44px}
.mobile-nav .btn{margin-top:10px;border-top:0;color:#fff}
@media (max-width:1100px){.top-actions .btn-outline{display:none}}
@media (max-width:420px){.top-actions .btn-blue{padding:7px 9px;font-size:11.5px}}
.listing-img .src{position:absolute;left:10px;bottom:10px;font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:3px 8px;border-radius:5px}
.listing-img .src.shop{background:var(--blue);color:#fff}.listing-img .src.user{background:#fff;color:#344a62;box-shadow:0 1px 4px #0002}
.loc{color:var(--muted);font-size:12.5px;display:flex;align-items:center;gap:4px;margin-top:4px}
.sell-wrap{background:linear-gradient(126deg,#071c31,#0b2d4a);color:#fff}
.sell-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:start}
.sell-copy h2{font-size:clamp(34px,4.2vw,56px);letter-spacing:-.057em;margin:12px 0 14px;line-height:1.05}
.sell-copy>p{color:#cfe0f0;font-size:17px}.sell-copy ul{display:grid;gap:12px;margin-top:24px;color:#e7f0f9;font-size:14px}
.sell-copy li{display:flex;gap:9px;align-items:center}.sell-copy li svg{color:var(--orange)}
.sell-form{background:#fff;color:var(--ink);border-radius:16px;padding:26px 28px;box-shadow:var(--shadow)}
.sell-form h3{font-size:19px;letter-spacing:-.03em;margin:20px 0 10px;padding-top:16px;border-top:1px solid var(--line)}
.sell-form h3:first-child{margin-top:0;padding-top:0;border-top:0}
.sell-form .muted{margin-bottom:10px}
.pills{display:flex;flex-wrap:wrap;gap:6px}
.pill{position:relative}.pill input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.pill span{display:inline-block;border:1px solid #ccd9e6;border-radius:30px;padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer;background:#fff}
.pill input:checked+span{background:#eaf3ff;border-color:#70a6ea;color:#0d55af}
.pill input:focus-visible+span{outline:3px solid #60abff;outline-offset:2px}
.add-photo small{display:block;color:var(--muted);font-weight:600}
.cover-tag{position:absolute;left:4px;bottom:4px;background:var(--blue);color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.sell-done{display:grid;gap:10px;justify-items:start}.sell-done h3{border:0;padding:0;margin:0;font-size:24px}
.seller-box{margin-bottom:4px}
.staff-card.pending{border-color:#f3c46b;background:#fffaf0}
.dot-count{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#d64545;color:#fff;font-size:11px;margin-left:4px;padding:0 5px}
.lrow .btn{min-height:37px;padding:7px 12px}
@media (max-width:780px){.sell-grid{grid-template-columns:1fr;gap:22px}.sell-form{padding:18px 16px}.lrow{flex-wrap:wrap}}
[hidden]{display:none!important}
@media (max-width:780px){.top-inner{gap:8px}.top-actions .btn-blue{min-height:38px;padding:7px 10px;font-size:12px}.top-actions .btn-blue svg{display:none}.menu-btn{flex:none}.wordmark{min-width:0}.wordmark small{display:none}}
@media (max-width:360px){.wordmark>span{font-size:19px}}
.filters{max-width:100%}
@media (max-width:780px){.catalog-controls{flex-direction:column;align-items:stretch!important}.catalog-controls .search{flex:none}}
@media (max-width:1100px){.top nav.mobile-nav{display:grid}.top nav.mobile-nav[hidden]{display:none!important}}

/* v2.3: güven şeridi ve daha sıkı boşluklar */
.trust{background:#fff;border-bottom:1px solid var(--line)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust-grid>div{display:flex;gap:12px;align-items:center;padding:18px 18px;border-left:1px solid var(--line)}
.trust-grid>div:first-child{border-left:0;padding-left:0}
.trust-grid svg{color:var(--blue);flex:none;background:#e8f2ff;border-radius:10px;padding:9px;width:42px;height:42px}
.trust-grid p{font-size:12.5px;color:var(--muted);line-height:1.35}
.trust-grid strong{display:block;color:var(--ink);font-size:14.5px;letter-spacing:-.02em}
.section{padding-block:56px}
.hero-grid{min-height:0;padding-block:44px 46px}
.portal{padding-block:56px}
.portal-copy{padding-top:8px}
.section-head{margin-bottom:20px}
.section-head h2,.faq h2,.portal h2,.bottom-cta h2{margin:8px 0}
.bottom-cta{padding-block:36px}
.catalog-foot{margin-top:16px}
.process-photo{margin-top:18px}
.page-hero{padding:34px 0 38px}
.cat-title{margin:24px 0 12px}
.brand-strip-inner{min-height:72px}.brand-scroll a{min-height:72px}
#kullanici-ilanlari{margin-top:40px!important}
.footer-grid{padding-block:34px 20px}
@media (max-width:1100px){.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div:nth-child(3){border-left:0;padding-left:0}.trust-grid>div:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:780px){.section{padding-block:34px}.portal{padding-block:34px}.hero-grid{padding-block:26px 24px}.page-hero{padding:24px 0 28px}
.trust-grid>div{padding:12px 8px;gap:9px}.trust-grid>div:nth-child(odd){padding-left:0;border-left:0}.trust-grid svg{width:36px;height:36px;padding:7px}.trust-grid p{font-size:11.5px}.trust-grid strong{font-size:13px}
.bottom-cta{padding-block:26px}.brand-scroll a{min-height:46px}.brand-strip-inner{min-height:0}}

.pack{border:1px solid #dce9f6;background:#f6faff;border-radius:9px;margin:10px 0 4px}
.pack summary{cursor:pointer;display:flex;align-items:center;gap:8px;padding:11px 12px;font-size:13.5px;font-weight:800;color:#0d55af;list-style:none}
.pack summary::-webkit-details-marker{display:none}.pack summary svg:last-child{margin-left:auto}.pack[open] summary svg:last-child{transform:rotate(45deg)}
.pack ol{margin:0;padding:0 14px 12px 32px;list-style:decimal;display:grid;gap:6px;font-size:13px;color:#344a62}

.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}
.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-cards .perk>span{font-size:20px}.contact-cards .perk p{overflow-wrap:anywhere}
.contact-form{box-shadow:none;border:1px solid var(--line)}
.ph-track>*{scroll-snap-stop:always}
@media (max-width:780px){.contact-grid,.contact-cards{grid-template-columns:1fr}}
/* ===== Kurumsal ===== */
.btn-lg{min-height:52px;padding:14px 22px;font-size:15px;border-radius:30px}
.btn-orange{background:#ff7a3d;color:#fff}.btn-orange:hover{background:#ee6526}
.c-hero{background:radial-gradient(1200px 500px at 80% 0%,#163e66 0%,#0a1d33 55%,#071528 100%);color:#fff;position:relative;overflow:hidden}
.c-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
.c-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-block:64px 44px}
.c-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #ffffff2e;background:#ffffff0d;border-radius:30px;padding:7px 14px;font:700 11.5px/1 ui-monospace,monospace;letter-spacing:.14em;color:#cfe0f0}
.c-pill i{width:8px;height:8px;border-radius:50%;background:#ff7a3d;box-shadow:0 0 0 4px #ff7a3d33}
.c-pill.blue{color:#7fb6ff;border-color:#3f78c255;background:#1261ca1a}.c-pill.light{color:#fff;border-color:#ffffff55}
.c-copy h1{font-size:clamp(38px,5.2vw,74px);letter-spacing:-.055em;line-height:1.02;margin:22px 0 20px;font-weight:820}
.c-copy h1 span{background:linear-gradient(90deg,#a8d4ff,#4f9bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.c-lead{color:#c9d9ea;font-size:clamp(16px,1.35vw,19px);line-height:1.6;max-width:600px}.c-lead strong{color:#fff}
.c-copy .hero-buttons{margin-top:28px}.c-copy .btn-ghost{border-radius:30px}
.c-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.c-tags li{border:1px solid #ffffff26;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:700;color:#cfe0f0}
.flow{background:linear-gradient(180deg,#14304f,#0f2540);border:1px solid #ffffff1f;border-radius:22px;padding:22px 24px;box-shadow:0 30px 80px #0006;position:relative;overflow:hidden}
.flow:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#4f9bff,#3bd18a)}
.flow-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #ffffff14;font-size:12px;font-weight:800;letter-spacing:.14em;color:#d7e6f5}
.flow-head .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#3bd18a;margin-right:6px;box-shadow:0 0 0 4px #3bd18a33}
.flow-head .mono{color:#9db5cc;letter-spacing:.04em}
.flow-badge{display:table;margin:18px auto 8px;background:#1f5b45;color:#7ff0bd;font-weight:800;font-size:13px;padding:7px 16px;border-radius:30px}
.flow h2{text-align:center;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.04em}
.flow-sub{text-align:center;color:#a9c0d6;font-size:14px;margin:4px 0 16px}
.flow-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#0b1d33;border:1px solid #ffffff14;border-radius:30px;padding:4px;margin-bottom:18px}
.flow-tabs button{background:0 0;border:0;color:#a9c0d6;font-weight:700;font-size:13px;padding:9px 4px;border-radius:30px}
.flow-tabs button.on{background:#fff;color:#0b1d33}
.tl{position:relative;display:grid;gap:4px;padding:4px 0}
.tl:before{content:"";position:absolute;left:50%;top:10px;bottom:10px;width:2px;background:linear-gradient(#3bd18a 72%,#ffffff26 72%);transform:translateX(-50%)}
.tl li{position:relative;width:50%;padding:6px 26px 10px 0;text-align:right}
.tl li:nth-child(even){margin-left:50%;padding:6px 0 10px 26px;text-align:left}
.tl li i{position:absolute;top:10px;right:-8px;width:16px;height:16px;border-radius:50%;background:#3bd18a;box-shadow:0 0 0 4px #3bd18a33}
.tl li:nth-child(even) i{right:auto;left:-8px}
.tl li.now i{background:#ffb643;box-shadow:0 0 0 4px #ffb64333}.tl li.next i{background:#5a6f86;box-shadow:none}
.tl strong{display:block;font-size:14.5px}.tl small{display:block;color:#9db5cc;font-size:12px}
.tl li.now small{color:#ffcf7a}.tl li.next{opacity:.6}
.dev{display:grid;gap:8px}.dev li{display:flex;gap:12px;align-items:center;background:#0b1d33;border:1px solid #ffffff12;border-radius:12px;padding:11px 12px}
.dev .mono{font-size:10.5px;color:#7fb6ff;min-width:84px}.dev div{flex:1;min-width:0}.dev strong{display:block;font-size:14px}.dev small{color:#9db5cc;font-size:12px}
.dev em,.quote-l em{font-style:normal;font-size:11px;font-weight:800;padding:4px 9px;border-radius:20px;white-space:nowrap}
em.ok{background:#1f5b45;color:#7ff0bd}em.wip{background:#5a4416;color:#ffcf7a}
.quote-l{display:grid;gap:8px}.quote-l li{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#0b1d33;border:1px solid #ffffff12;border-radius:12px;padding:12px;font-size:14px}
.flow-note{color:#9db5cc;font-size:12px;margin-top:10px;text-align:center}
.flow-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.flow-chips span{border:1px solid #ffffff26;border-radius:30px;padding:7px 13px;font-size:12.5px;font-weight:700}
.c-stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff14}
.c-stats div{display:flex;align-items:baseline;gap:10px;padding:22px 20px;border-left:1px solid #ffffff14}.c-stats div:first-child{border-left:0;padding-left:0}
.c-stats strong{font-size:clamp(28px,3vw,42px);letter-spacing:-.04em}.c-stats span{font-size:11px;letter-spacing:.14em;color:#9db5cc;font-weight:800}
.c-dark{background:#0b1d33;color:#fff;padding-block:64px}
.c-h2{font-size:clamp(30px,3.8vw,54px);letter-spacing:-.05em;line-height:1.06;margin:16px 0 14px;font-weight:820}
.c-h2 span{color:#4f9bff}.c-h2.ink{color:var(--ink)}.c-h2.ink span{color:var(--blue)}
.c-sub{color:#b6c8db;font-size:17px;max-width:720px;margin-bottom:28px}.c-sub.light{color:#e1ecf8}
.c-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.c-card{background:#12283f;border:1px solid #ffffff14;border-radius:16px;padding:22px}
.c-card .warn{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#3a2a22;color:#ff8a50;margin-bottom:16px}
.c-card h3{font-size:19px;letter-spacing:-.02em;margin-bottom:6px}.c-card p{color:#a9bed3;font-size:14.5px}
.c-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px}
.c-steps li{display:flex;gap:14px;border:1px solid var(--line);border-radius:16px;padding:20px;background:linear-gradient(180deg,#f7fbff,#fff)}
.c-steps .num{font:800 13px/1 ui-monospace,monospace;color:#fff;background:var(--blue);border-radius:10px;padding:10px 9px;height:fit-content}
.c-steps h3{font-size:18px;letter-spacing:-.02em;margin-bottom:5px}.c-steps p{color:var(--muted);font-size:14px}
.c-blue{background:linear-gradient(135deg,#2f73c9,#3a86d8);color:#fff;padding-block:64px;position:relative;overflow:hidden}
.c-blue-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}
.c-blue .c-h2 span{color:#ffb08a}
.c-advs{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
.c-adv{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #ffffff38}.c-adv svg{color:#ffb08a;flex:none;margin-top:3px}
.c-adv h3{font-size:16.5px}.c-adv p{color:#e1ecf8;font-size:13.5px;margin-top:3px}
.c-form-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:start}
.c-faq{margin-top:22px}
.c-teaser{background:linear-gradient(126deg,#0a1d33,#14365a);color:#fff}
.c-teaser-in{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:40px}
.c-teaser h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.05em;margin:8px 0;line-height:1.1}.c-teaser h2 span{color:#7fb6ff}
.c-teaser p{color:#c9d9ea;max-width:640px}
@media (max-width:1100px){.c-hero-grid,.c-blue-grid,.c-form-wrap{grid-template-columns:1fr;gap:30px}.c-grid3,.c-steps{grid-template-columns:1fr 1fr}}
@media (max-width:780px){
  .c-hero-grid{padding-block:32px 26px}.c-copy h1{margin:16px 0 14px}
  .c-copy .hero-buttons .btn{flex:1 1 100%}
  .flow{padding:18px 14px;border-radius:18px}
  .tl:before{left:7px;transform:none}
  .tl li,.tl li:nth-child(even){width:auto;margin-left:0;padding:6px 0 10px 30px;text-align:left}
  .tl li i,.tl li:nth-child(even) i{left:0;right:auto}
  .flow-tabs button{font-size:12px}
  .c-stats{grid-template-columns:1fr 1fr}.c-stats div{padding:14px 10px;border-left:0}.c-stats div:nth-child(n+3){border-top:1px solid #ffffff14}.c-stats div:first-child{padding-left:10px}
  .c-dark,.c-blue{padding-block:40px}
  .c-grid3,.c-steps,.c-advs{grid-template-columns:1fr}
  .c-teaser-in{flex-direction:column;align-items:flex-start;padding-block:28px}
  .dev .mono{min-width:0}
}
@media (max-width:780px){.c-stats div{flex-direction:column;gap:2px}.c-stats strong{font-size:26px;white-space:nowrap}}
/* =====================================================================
   v3 — FPPRO tarzı koyu tema (body.dk). Yönetim paneli açık temada kalır.
   ===================================================================== */
.dk{--bg:#031a30;--bg2:#05213b;--bg3:#082a49;--card:#0a2a47;--card2:#0d3152;--bd:#7fb0dd26;--bd2:#7fb0dd45;--tx:#e9f1f9;--mt:#9db3c9;--bl:#3d8ee6;--bl2:#56a3f5;--muted:#9db3c9;--line:#7fb0dd26;--ink:#e9f1f9;background:var(--bg);color:var(--tx)}
.dk ::selection{background:#3d8ee655}
.skip{position:absolute;left:-999px;top:0;z-index:50;background:#fff;color:#000;padding:8px 12px;border-radius:6px}.skip:focus{left:10px;top:10px}
/* başlık alanları ve etiketler */
.dk .eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 11.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.16em;color:#cfe2f5;border:1px solid var(--bd2);border-radius:30px;padding:9px 14px;background:#ffffff08}
.dk .eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--bl2);transform:none;box-shadow:0 0 0 3px #56a3f52e}
.dk .eyebrow.light{color:#cfe2f5}.dk .eyebrow.light span{background:var(--orange);box-shadow:0 0 0 3px #ffb64330}
.dk .section-head h2,.dk .faq h2,.dk .portal h2,.dk.portal h2,.dk .cat-title,.dk .c-h2.ink{color:#fff}
.dk .section-head h2,.dk .faq h2{margin-top:16px}
.dk .section-head p:not(.eyebrow),.dk .faq>div>p:not(.eyebrow),.dk .muted,.dk .muted-p{color:var(--mt)}
.dk .muted-p a,.dk .post-body a:not(.btn){color:var(--bl2);text-decoration:underline;text-underline-offset:3px}
.dk .c-h2.ink span{color:var(--bl2)}
/* butonlar */
.dk .btn-blue{background:linear-gradient(180deg,#4a9cf0,#2f7fd6);box-shadow:0 10px 30px #2f7fd640,inset 0 1px 0 #ffffff30;border-color:#5aa6f5}
.dk .btn-blue:hover{background:linear-gradient(180deg,#5aa8f7,#3688df)}
.dk .btn-outline,.dk .btn-ghost{color:#fff;background:#ffffff08;border-color:var(--bd2)}
.dk .btn-outline:hover,.dk .btn-ghost:hover{background:#ffffff14;border-color:#a9cdf0}
.dk .btn{border-radius:999px;padding-inline:20px}
.btn-block{width:100%}
.dk .text-button{color:var(--bl2)}
/* üst bant ve menü */
.dk .notice{background:#02142a;color:#bcd4ea;border-bottom:1px solid var(--bd)}
.dk .top,.dk.top{background:#031a30e6;-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--bd)}
.dk .wordmark{color:#fff}.dk .wordmark>span>span{color:var(--bl2)}.dk .wordmark small{color:#8eabc7}
.dk .top nav,.dk.top nav{color:#c9d9ea}.dk .top nav a:hover,.dk.top nav a:hover{color:#fff}
.dk .menu-btn{background:#ffffff0a;border-color:var(--bd2)}.dk .menu-btn span{background:#fff}
.dk .mobile-nav a{border-color:var(--bd);color:#e3edf7}.dk .mobile-nav .btn{color:#fff;margin-top:8px;border-radius:12px}
/* hero */
.dk .hero,.dk .page-hero,.dk.page-hero,.dk .c-hero,.dk.c-hero{background:radial-gradient(1100px 520px at 85% -10%,#12416e 0%,#062544 45%,var(--bg) 100%)}
.dk .hero:before,.dk.hero:before,.dk .page-hero:before,.dk.page-hero:before{opacity:.55}
.dk .hero h1 em,.dk.hero h1 em,.dk .c-copy h1 span{color:var(--bl2)}
.home-stats{position:relative;margin-top:6px;padding-bottom:34px}
.dk .c-stats{border-top:1px solid var(--bd)}
/* güven şeridi, marka şeridi */
.dk .trust{background:var(--bg2);border-color:var(--bd)}
.dk .trust-grid>div{border-color:var(--bd)}.dk .trust-grid svg{color:var(--bl2)}.dk .trust-grid p{color:var(--mt)}.dk .trust-grid strong{color:#fff}
.dk .brand-strip,.dk.brand-strip{background:var(--bg);border-color:var(--bd)}
.dk .brand-strip-inner>p{color:#8eabc7}.dk .brand-strip-inner a{border-color:var(--bd);color:#dce8f4}.dk .brand-strip-inner a:hover{background:#ffffff0a;color:#fff}
/* katalog */
.dk .catalog-count{color:#cfe2f5;border-color:var(--bd2)}
.dk .filters button{background:#ffffff06;color:#c9d9ea;border-color:var(--bd)}
.dk .filters button:hover{color:#fff;border-color:var(--bd2)}
.dk .filters button[aria-pressed=true]{background:#3d8ee626;color:#fff;border-color:#56a3f5}
.dk .search{background:#ffffff08;border-color:var(--bd2);color:#9db3c9}.dk .search input{color:#fff}.dk .search input::placeholder{color:#7f97b0}
.dk .model,.dk .listing,.dk .post-card,.dk .brand-card,.dk .perk,.dk .note-card,.dk .process-grid li{background:linear-gradient(180deg,#0b2c4b,#08243f);border-color:var(--bd);color:var(--tx)}
.dk .model:hover,.dk .listing:hover,.dk .post-card:hover,.dk .brand-card:hover,.dk a.perk:hover{border-color:#56a3f580;box-shadow:0 14px 40px #0006}
.dk .model-brand{color:#c9d9ea}.dk .badge{background:#ffffff0d;border-color:var(--bd);color:#cfe2f5}
.dk .model a,.dk .model button{color:var(--bl2);border-color:var(--bd)}
.dk .model h3,.dk .listing h3,.dk .post-card h3,.dk .perk h3,.dk .note-card h3{color:#fff}
.dk .perk p,.dk .post-card p,.dk .brand-card p,.dk .note-card p,.dk .process-grid p{color:var(--mt)}
.dk .perk>span{background:#3d8ee620;color:var(--bl2)}
.dk .empty,.dk .listings>.hint{background:#ffffff06;border-color:var(--bd2);color:var(--mt)}
.dk .catalog-foot{color:var(--mt)}
.dk .listing-img,.dk .model-media{background:#0d3152}
.dk .listing-body .price{color:#fff}
/* süreç */
.dk .process-grid li>div{color:var(--bl2)}.dk .process-grid li>div span{color:#8eabc7}.dk .process-grid h3{color:#fff}
.dk .process-photo{background:var(--card);border-color:var(--bd)}.dk .process-photo span{color:var(--bl2)}.dk .process-photo h3{color:#fff}
/* portal (servis formu) */
.dk .portal{background:linear-gradient(180deg,var(--bg2),var(--bg))}
.dk .portal-panel{background:#0b2a47;color:var(--tx);border:1px solid var(--bd2);box-shadow:0 30px 80px #0008}
.dk .portal-tabs{background:#071f37;border-color:var(--bd)}.dk .portal-tabs button{color:#9db3c9}.dk .portal-tabs button[aria-pressed=true]{background:#0b2a47;color:#fff;border-color:var(--bl2)}
.dk .portal-content h3{color:#fff}
.dk .steps{color:#8eabc7}.dk .steps li span{background:#ffffff10}.dk .steps li.on{color:#fff}.dk .steps li.on span{background:#3d8ee640}
/* form alanları (koyu cam) */
.dk .field span{color:#cfe2f5;font:600 11px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
.dk .field span em{font-style:normal;color:#8eabc7}
.dk .field input,.dk .field select,.dk .field textarea{background:#ffffff09;border:1px solid var(--bd2);color:#fff;border-radius:12px;min-height:50px;padding:12px 14px;font-size:15px}
.dk .field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23cfe2f5' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.dk .field select option{background:#0b2a47;color:#fff}
.dk .field input::placeholder,.dk .field textarea::placeholder{color:#7f97b0}
.dk .field input:focus,.dk .field select:focus,.dk .field textarea:focus{outline:none;border-color:var(--bl2);box-shadow:0 0 0 3px #56a3f533}
.dk .method-row button,.dk .times button,.dk .pill span{background:#ffffff08;border-color:var(--bd2);color:#e3edf7}
.dk .method-row button[aria-pressed=true],.dk .times button[aria-pressed=true],.dk .pill input:checked+span{background:#3d8ee630;border-color:var(--bl2);color:#fff}
.dk .hint,.dk .summary{background:#3d8ee61a;color:#cfe2f5}.dk .error{background:#ff5a4a1f;color:#ffb4ab}
.dk .consent{color:#c9d9ea}.dk .consent a{color:var(--bl2);text-decoration:underline}
.dk .code-box{background:#3d8ee61a}.dk .code-box span{color:#9db3c9}.dk .code-box strong{color:#fff}
.dk .quote{background:#ffffff08;border-color:var(--bd)}.dk .tracking{border-color:var(--bd)}.dk .tracking-title p{color:#9db3c9}
.dk .tracking-steps li{color:#8eabc7}.dk .tracking-steps li.current{color:#fff}.dk .tracking-steps li>span{border-color:var(--bd2)}
.dk .success-icon{background:#1fa85526;color:#6fe3a0}.dk .success p,.dk .sell-done p{color:var(--mt)}
.dk .pack{background:#ffffff06;border-color:var(--bd)}
.dk .sell-form{background:#0b2a47;color:var(--tx);border:1px solid var(--bd2);box-shadow:0 30px 80px #0008}
.dk .sell-form h3{color:#fff;border-color:var(--bd)}
.dk .sell-wrap,.dk.sell-wrap{background:linear-gradient(180deg,var(--bg2),var(--bg))}
.dk .thumbs figure,.dk .add-photo{background:#ffffff08;border-color:var(--bd2);color:#cfe2f5}
/* SSS */
.dk .faq-wrap{background:var(--bg2);border-color:var(--bd)}
.dk .faq-list,.dk .faq-list details{border-color:var(--bd)}.dk .faq-list summary{color:#fff}.dk .faq-list summary svg{color:var(--bl2)}.dk .faq-list details p{color:var(--mt)}
/* alt sayfalar */
.dk .crumbs,.dk .crumbs a{color:#9db3c9}.dk .crumbs a:hover{color:#fff}
.dk .ticks li{color:#dce8f4}.dk .ticks svg{color:var(--bl2)}
.dk .brand-intro h2,.dk .split-block h2,.dk .brand-card .brand-mark{color:#fff}
.dk .chip-links a{background:#ffffff08;border-color:var(--bd);color:#dce8f4}.dk .chip-links a:hover{border-color:var(--bl2);color:#fff}
.dk .split-block p{color:var(--mt)}
.dk .post-body{color:#d3e0ec}.dk .post-body h2,.dk .post-body h3{color:#fff}
.dk .post-body .table-wrap,.dk table{border-color:var(--bd)}.dk th{background:#ffffff0a;color:#fff}.dk td,.dk th{border-color:var(--bd)}
.dk .post-cta{background:linear-gradient(135deg,#0d3152,#0a2745);border:1px solid var(--bd2)}.dk .post-cta h3{color:#fff}.dk .post-cta p{color:var(--mt)}
.dk .modal-card{background:#0b2a47;color:var(--tx);border:1px solid var(--bd2)}.dk .lm-desc,.dk .lm-info p{color:#c9d9ea}.dk .modal-x{color:#fff}
.dk .seller-box{background:#ffffff08;border-color:var(--bd)}
.dk .c-teaser,.dk.c-teaser{background:linear-gradient(135deg,#0c3a66,#0a2b4c);border-block:1px solid var(--bd)}
.dk .c-dark,.dk.c-dark{background:var(--bg2)}
.dk .c-card{background:#ffffff06;border-color:var(--bd)}
.dk .c-steps li{background:linear-gradient(180deg,#0b2c4b,#08243f);border-color:var(--bd)}.dk .c-steps h3{color:#fff}.dk .c-steps p{color:var(--mt)}
.legal-body h2{font-size:22px;margin:30px 0 10px}.legal-body p{margin-bottom:12px;line-height:1.7}
.contact-only .contact-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
/* ---------- 09 / TANIŞALIM ---------- */
.meet{position:relative;overflow:hidden;padding-block:84px;background:linear-gradient(90deg,#031a30 0%,#031a30f2 38%,#031a30b3 100%),url(../images/boyahane.webp) left center/cover no-repeat;border-top:1px solid var(--bd)}
.meet:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 420px at 15% 30%,#12416e66,#0000 70%);pointer-events:none}
.meet-grid{position:relative;display:grid;grid-template-columns:1fr .92fr;gap:56px;align-items:start}
.meet-copy h2{font-size:clamp(36px,5vw,68px);line-height:1.02;letter-spacing:-.05em;margin:22px 0 20px;color:#fff;font-weight:820}
.meet-copy h2 span{color:var(--bl2);display:block}
.meet-lead{color:#c9d9ea;font-size:clamp(16px,1.5vw,19px);line-height:1.6;max-width:560px}
.meet .hero-buttons{margin-top:30px}
.meet-contact{display:grid;gap:12px;margin-top:34px;color:#dce8f4;font-size:15px}
.meet-contact li{display:flex;align-items:center;gap:10px}.meet-contact svg,.meet-contact .ic{color:var(--bl2);font-weight:800;width:18px;text-align:center}
.meet-contact a:hover{color:#fff;text-decoration:underline}
.meet-form{background:#0a2340d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--bd2);border-radius:26px;padding:34px 34px 30px;box-shadow:0 40px 100px #000a}
.meet-form h3{font-size:clamp(22px,2.2vw,28px);letter-spacing:-.03em;color:#fff}
.meet-note{color:var(--mt);font-size:14px;margin:6px 0 20px}
.meet-form .field{margin-bottom:16px}
.meet-form .btn-lg{min-height:56px;margin-top:8px;font-size:16px}
.meet-form .sell-done{text-align:left;display:grid;gap:10px;justify-items:start}.meet-form .sell-done h3{margin-top:4px}
/* ---------- FOOTER ---------- */
.foot{background:#02111f;color:#9db3c9;border-top:1px solid var(--bd);font-size:15px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-block:64px 40px}
.foot-brand p{margin-top:18px;max-width:380px;line-height:1.6}
.foot .wordmark{color:#fff}.foot .wordmark>span>span{color:var(--bl2)}.foot .wordmark small{color:#8eabc7}
.foot h4{color:#fff;font-size:13px;letter-spacing:.18em;font-weight:700;margin-bottom:20px}
.foot ul{display:grid;gap:13px}.foot li{display:grid;gap:4px}.foot a{color:#9db3c9;transition:color .15s}.foot a:hover{color:#fff}
.foot-brands{border-top:1px solid var(--bd);padding-block:26px}
.foot-brands h4{margin-bottom:14px}.foot-brands div{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px}
.foot-legal{font-size:12.5px;color:#7f97b0;border-top:1px solid var(--bd);padding-block:18px;line-height:1.6}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--bd);padding-block:24px 30px;font-size:13.5px}
.foot-bottom nav{display:flex;flex-wrap:wrap;gap:10px 26px}
@media (max-width:1100px){.meet-grid{grid-template-columns:1fr;gap:34px}.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}.contact-only .contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:780px){
  .meet{padding-block:48px;background:linear-gradient(180deg,#031a30f0,#031a30),url(../images/boyahane.webp) center top/cover no-repeat}
  .meet-copy h2{font-size:clamp(32px,9vw,44px);margin:16px 0 14px}
  .meet-contact{margin-top:22px;font-size:14px}
  .meet-form{padding:22px 18px;border-radius:20px}
  .meet-form .form-row{grid-template-columns:1fr;gap:0}
  .foot-grid{grid-template-columns:1fr 1fr;gap:28px 18px;padding-block:40px 26px}
  .foot-bottom{flex-direction:column;align-items:flex-start}
  .dk .eyebrow{font-size:10.5px;padding:8px 12px}
  .dk .field input,.dk .field select,.dk .field textarea{font-size:16px}
  .contact-only .contact-cards{grid-template-columns:1fr}
  .dk .btn{padding-inline:16px}
}
@media (max-width:359px){.foot-grid{grid-template-columns:1fr}}
/* ---------- Bilgi merkezi ---------- */
.kb-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.kb-chips a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--bd2,#7fb0dd45);background:#ffffff08;color:#e3edf7;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:650}
.kb-chips a:hover{border-color:#56a3f5;color:#fff}.kb-chips span{font:600 11px ui-monospace,Menlo,monospace;color:#9db3c9}
.kb-feat{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--bd);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#0b2c4b,#08243f);margin-bottom:10px}
.kb-feat img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.kb-feat div{padding:30px;display:grid;gap:12px;align-content:center;justify-items:start}
.kb-feat h2{font-size:clamp(24px,2.6vw,34px);line-height:1.12;letter-spacing:-.04em;color:#fff}.kb-feat p{color:var(--mt)}
.kb-feat:hover{border-color:#56a3f580}
.kb-cat{scroll-margin-top:110px}.kb-cat .cat-title{margin-top:44px}
.post-meta{margin-top:16px;color:#9db3c9;font:600 12px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.06em}
.toc{border:1px solid var(--bd2);background:#ffffff06;border-radius:14px;padding:18px 22px;margin:0 0 26px}
.toc strong{display:block;color:#fff;font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.dk .post-body .toc ol{margin:0 0 0 20px}.dk .post-body .toc a{text-decoration:none;color:#cfe2f5}.dk .post-body .toc a:hover{color:#fff;text-decoration:underline}
.post-body h2{scroll-margin-top:110px}
.post-faq{margin:6px 0 24px}.post-faq summary{font-size:16px}
.post-brands{margin:20px 0 0;padding:14px 18px;border:1px solid var(--bd);border-radius:12px;font-size:15px;display:flex;flex-wrap:wrap;gap:6px 14px}
.post-body .note{border-left:3px solid var(--orange);background:#ffb64314;padding:12px 16px;border-radius:0 10px 10px 0;font-size:15px}
@media (max-width:780px){.kb-feat{grid-template-columns:1fr}.kb-feat div{padding:18px}.kb-chips a{font-size:13px;padding:7px 11px}}
.post-img{width:100%;max-height:520px;object-fit:cover;border-radius:16px;margin-bottom:26px}
/* ---------- v3.2: istatistik + güven şeridi + kayan markalar ---------- */
.dk .c-stats div{flex-direction:column;align-items:flex-start;gap:6px;padding:24px 24px 26px}
.dk .c-stats div:first-child{padding-left:0}
.dk .c-stats strong{font-size:clamp(30px,3.2vw,44px);line-height:1;color:#fff;white-space:nowrap}
.dk .c-stats span{font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#8eabc7}
.home-stats{padding-bottom:0}
.dk .trust,.dk.trust{background:linear-gradient(180deg,#05213b,#041c33);border-block:1px solid var(--bd)}
.dk .trust-grid>div{padding:20px 24px;gap:14px}
.dk .trust-grid>div:first-child{padding-left:0}
.dk .trust-grid svg{background:#3d8ee61f;border:1px solid #56a3f540;color:var(--bl2);border-radius:12px;width:44px;height:44px;padding:10px}
.dk .trust-grid strong{font-size:15px;margin-bottom:2px}
.dk .trust-grid p{font-size:13px}
/* kayan marka şeridi */
.brand-strip-inner{display:flex;align-items:center;gap:28px;min-height:84px}
.brand-strip-inner>p{flex:none;font:600 10.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}
.marquee{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6%,#000 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6%,#000 94%,#0000)}
.marquee-track{display:flex;width:max-content;animation:ss-marquee 45s linear infinite}
.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}
.dk .brand-strip-inner .marquee a{flex:none;display:flex;align-items:center;min-height:84px;padding:0 30px;border:0;border-left:1px solid var(--bd);font-size:clamp(18px,1.7vw,24px);font-weight:820;letter-spacing:-.04em;white-space:nowrap;color:#dce8f4}
.dk .brand-strip-inner .marquee a:hover{color:#fff;background:#ffffff08}
@keyframes ss-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee{overflow-x:auto}.marquee-track{animation:none}}
@media (max-width:1100px){.dk .trust-grid>div:nth-child(3){padding-left:0}}
@media (max-width:780px){
  .dk .c-stats div{padding:16px 12px}.dk .c-stats div:nth-child(odd){padding-left:0}
  .dk .c-stats strong{font-size:28px}
  .dk .trust-grid>div{padding:14px 10px}.dk .trust-grid>div:nth-child(odd){padding-left:0}
  .dk .trust-grid svg{width:38px;height:38px;padding:8px}
  .brand-strip-inner{gap:0;min-height:0}.brand-strip-inner>p{display:none}
  .marquee{margin-inline:-18px}
  .dk .brand-strip-inner .marquee a{min-height:56px;padding:0 20px;font-size:18px}
  .marquee-track{animation-duration:35s}
}
@media (max-width:780px){.dk .trust-grid>div{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 12px}.dk .trust-grid>div:nth-child(odd){padding-left:0}.dk .trust-grid strong{font-size:14px}.dk .trust-grid p{font-size:12.5px}}
/* =====================================================================
   v4 — Karışık tema: üst kısım, servis portalı, Tanışalım ve footer koyu;
   içerik bölümleri beyaz zemin + koyu yazı (body.lt)
   ===================================================================== */
:root{--bd:#dfe7f0;--bd2:#c9d6e4;--mt:#52647b;--bl2:#1a6bd1;--tx:#10233a}
body.lt{background:#fff;color:var(--ink)}
.lt .section,.lt main>.shell{color:var(--ink)}
/* etiket (pill) ve butonlar her yerde aynı */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 11.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.16em;color:#1f4f86;border:1px solid #c9d6e4;border-radius:30px;padding:9px 14px;background:#f3f7fc}
.eyebrow span{width:6px;height:6px;border-radius:50%;background:#1a6bd1;transform:none;box-shadow:0 0 0 3px #1a6bd126}
.section-head h2,.faq h2{margin-top:16px}
.btn{border-radius:999px;padding-inline:20px}
.btn-blue{background:linear-gradient(180deg,#3d92ee,#1f72d4);border-color:#3a8be6;box-shadow:0 10px 26px #1f72d433}
.btn-blue:hover{background:linear-gradient(180deg,#4a9cf0,#2a7ddd)}
.lt .btn-outline{color:var(--ink);background:#fff;border-color:#c9d6e4}
.lt .btn-outline:hover{background:#eef5ff;border-color:#8fb6e4}
/* açık bölümlerdeki kartlar */
.lt .model,.lt .listing,.lt .post-card,.lt .brand-card,.lt .perk,.lt .note-card{background:#fff;border-color:#e0e7ef}
.lt .model:hover,.lt .listing:hover,.lt .post-card:hover,.lt .brand-card:hover,.lt a.perk:hover{border-color:#9cc5f5;box-shadow:0 14px 36px #0e2e5114}
.lt .process-grid li{background:#f7faff}
.lt .faq-wrap{background:#f4f7fb}
.lt .post-body{color:#22364d}.lt .post-body h2,.lt .post-body h3{color:var(--ink)}
.lt .post-body a:not(.btn),.lt .muted-p a{color:#0f5fc4;text-decoration:underline;text-underline-offset:3px}
.lt .kb-feat{background:#fff;border-color:#e0e7ef}.lt .kb-feat h2{color:var(--ink)}.lt .kb-feat p{color:var(--mt)}.lt .kb-feat:hover{border-color:#9cc5f5;box-shadow:0 14px 36px #0e2e5114}
.lt .toc{background:#f4f7fb;border-color:#dfe7f0}.lt .toc strong{color:var(--ink)}.lt .post-body .toc a{color:#24476e;text-decoration:none}.lt .post-body .toc a:hover{color:#0f5fc4;text-decoration:underline}
.lt .post-brands{border-color:#dfe7f0;background:#f7faff}
.lt .post-cta{background:linear-gradient(135deg,#071c31,#0d3152);color:#fff}.lt .post-cta h3{color:#fff}.lt .post-cta p{color:#cfe0f0}
.lt .post-body .note{background:#fff6e5;color:#5b4200}
.lt .c-steps li{background:#f7faff;border-color:#e0e7ef}
.lt .catalog-count{border-color:#dfe7f0}
.lt .home-stats{border-top-color:#7fb0dd26}
/* koyu bölüm geçişleri: beyaz bölümlerle ayrım */
.dk.portal,.dk.c-teaser,.dk.meet{border-top:0}
.dk .btn-outline,.dk .btn-ghost{color:#fff;background:#ffffff08;border-color:#7fb0dd45}
.dk .btn-outline:hover,.dk .btn-ghost:hover{background:#ffffff14;border-color:#a9cdf0}
/* v4.2 başlık: daha küçük logo, mobilde iki buton yan yana */
.top .wordmark{font-size:21px;gap:9px}.top .wordmark img{width:38px;height:38px}
.top .wordmark small{font-size:7.5px}
@media (max-width:780px){
  .top-inner{gap:6px;height:58px}
  .top .wordmark{font-size:17px;gap:6px}.top .wordmark img{width:30px;height:30px;border-radius:7px}
  .top-actions{display:flex!important;gap:6px;margin-left:auto}
  .top-actions .header-action{display:inline-flex!important;min-height:36px!important;padding:6px 11px!important;font-size:12px;border-radius:999px}
  .top-actions .header-action svg{display:none}
  .top-actions .hide-s{display:none}
  .menu-btn{width:38px;height:36px;padding:0 9px}
}
@media (max-width:359px){.top .wordmark>span{font-size:15px}.top-actions .header-action{padding:6px 8px!important;font-size:11px}}
@media (max-width:400px){.top .wordmark{font-size:15.5px;gap:5px}.top-actions{gap:5px}.top-actions .header-action{padding:6px 9px!important;font-size:11.5px}.top-inner{gap:5px}}
@media (max-width:350px){.top .wordmark>span{display:none}}
.brand-strip{overflow:hidden}
@media (max-width:780px){.hide-m{display:none}.notice-inner{height:32px}}
/* mobil alt menü */
.mbar{display:none}
@media (max-width:780px){
  .wa-float{display:none}
  body.lt{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  .mbar{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#f2f4f7f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #dfe4ea;padding:8px 6px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #0b254214}
  .mbar a{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-height:52px;color:#18263a;font-size:12.5px;font-weight:750;text-align:center;line-height:1.15}
  .mbar a svg{color:#18263a}
  .mbar-mid{position:relative;color:#2563c9!important}
  .mbar-mid i{position:absolute;top:-34px;left:50%;transform:translateX(-50%);width:62px;height:62px;border-radius:50%;background:linear-gradient(180deg,#3d86e0,#2560c4);border:5px solid #fff;display:grid;place-items:center;box-shadow:0 8px 22px #2560c455}
  .mbar-mid i svg{color:#fff!important}
}
@media (max-width:780px){.notice-inner .hide-m{display:none!important}}
/* ---------- Canlı destek ---------- */
.chat-fab{position:fixed;right:18px;bottom:18px;z-index:40;display:inline-flex;align-items:center;gap:9px;border:0;border-radius:999px;padding:13px 20px 13px 16px;font:800 14.5px/1 Inter,-apple-system,Segoe UI,Arial,sans-serif;color:#fff;background:linear-gradient(180deg,#3d86e0,#2560c4);box-shadow:0 12px 30px #2560c466;cursor:pointer}
.chat-fab:hover{filter:brightness(1.06)}
.chat-open .chat-fab{display:none}
.chat{position:fixed;right:18px;bottom:18px;z-index:60;width:min(390px,calc(100vw - 24px));height:min(600px,calc(100vh - 40px));display:flex;flex-direction:column;background:#fff;color:#10233a;border:1px solid #d7e1ec;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px #0b254240}
.chat[hidden]{display:none}
.chat-h{display:flex;align-items:center;gap:11px;padding:14px 14px 14px 16px;background:linear-gradient(135deg,#071c31,#0d3152);color:#fff}
.chat-h strong{display:block;font-size:15.5px}.chat-h small{display:block;color:#a9c3dc;font-size:11.5px;margin-top:2px}
.chat-h>div{flex:1;min-width:0}
.chat-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#3d86e0;flex:none}
.chat-x{background:#ffffff14;border:0;color:#fff;width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer}
.chat-log{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px;background:#f4f7fb}
.cm{max-width:88%;display:grid;gap:8px}
.cm p{padding:10px 13px;border-radius:14px;font-size:14.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.cm.bot{align-self:flex-start}.cm.bot p{background:#fff;border:1px solid #e0e7ef;border-bottom-left-radius:4px}
.cm.me{align-self:flex-end}.cm.me p{background:#2560c4;color:#fff;border-bottom-right-radius:4px}
.cacts{display:grid;gap:6px}
.cbtn{text-align:left;border:1px solid #c9d6e4;background:#fff;color:#10233a;border-radius:12px;padding:10px 12px;font-size:13.5px;font-weight:750;cursor:pointer}
.cbtn:hover{border-color:#3d86e0;background:#f0f6ff}
.cbtn.pri{background:linear-gradient(180deg,#3d92ee,#1f72d4);border-color:#2a7ddd;color:#fff}
.cchips{display:flex;flex-wrap:wrap;gap:6px}
.cchips button{border:1px solid #c9d6e4;background:#fff;border-radius:999px;padding:7px 11px;font-size:12.5px;font-weight:700;color:#24476e;cursor:pointer}
.cchips button:hover{border-color:#3d86e0;color:#1f5fb8}
.chat-f{display:flex;gap:8px;padding:10px;border-top:1px solid #e0e7ef;background:#fff}
.chat-f input{flex:1;min-width:0;border:1px solid #c9d6e4;border-radius:999px;padding:11px 15px;font-size:15px;color:#10233a;outline:none}
.chat-f input:focus{border-color:#3d86e0;box-shadow:0 0 0 3px #3d86e026}
.chat-f button{width:44px;height:44px;border-radius:50%;border:0;background:#2560c4;color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
button.mbar-mid,a.mbar-mid{cursor:pointer}
@media (max-width:780px){
  .chat-fab{display:none}
  .chat{right:0;left:0;bottom:0;top:auto;width:100%;height:min(88vh,640px);border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}
  .chat-open .mbar{display:none}
  .chat-f input{font-size:16px}
}
/* hero duyuru kartları (Strong3000 tarzı numaralı başlık) */
.hero-slider .slide:after{inset:35% 0 0;background:linear-gradient(180deg,#0000,#041a30d9 70%,#041a30f2)}
.hero-slider figcaption.ann{top:auto;left:0;right:0;bottom:0;display:grid;gap:4px;padding:0 22px 34px;background:none;border:0;border-radius:0;letter-spacing:0;font-size:inherit;color:#fff}
.ann-tag{justify-self:start;background:#1fa8a0;color:#04212a;font:800 10.5px/1 Inter,Arial,sans-serif;letter-spacing:.08em;padding:6px 9px;border-radius:999px;margin-bottom:8px}
.ann-line{position:relative;display:block;height:26px;margin-bottom:6px}
.ann-line:before{content:"";position:absolute;left:24px;right:0;top:50%;height:3px;border-radius:3px;background:linear-gradient(90deg,#3fc1d0,#3fc1d066)}
.ann-line:after{content:"";position:absolute;right:0;top:50%;width:9px;height:9px;border-radius:50%;background:#3fc1d0;transform:translate(0,-50%)}
.ann-line i{position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:#0b3a4a;border:2px solid #3fc1d0;color:#cff6fa;font:800 10px/22px Inter,Arial,sans-serif;font-style:normal;text-align:center}
.hero-slider figcaption.ann strong{font-size:clamp(24px,2.6vw,36px);font-weight:820;letter-spacing:-.03em;line-height:1.05;text-shadow:0 2px 14px #0008}
.hero-slider figcaption.ann small{font-size:13.5px;color:#d3e6f2;font-weight:600}
.hero-slider .ph-dots{bottom:12px}
@media (max-width:780px){.hero-slider figcaption.ann{padding:0 14px 30px}.hero-slider figcaption.ann strong{font-size:22px}.hero-slider figcaption.ann small{font-size:12px}.ann-tag{margin-bottom:4px}}