/* İnomare — Değerlendirme Hizmetleri Marka sistemi. Bilgilendirme sayfaları ve ön değerlendirme akışı bu dosyayı paylaşır. Yazı tipleri Google Fonts üzerinden yüklenir (sayfa 'inde link vardır). Kendi sunucunuzdan servis etmek isterseniz WOFF2 dosyalarını indirip bu dosyanın başına @font-face bloklarını ekleyin; başka değişiklik gerekmez. Kural: hiçbir öğede köşe yuvarlatma yoktur (border-radius:0). Kural: başlıkların üstünde küçük etiket (eyebrow) kullanılmaz. */ :root{ /* marka */ --base:#0B1C2C; /* koyu zemin */ --panel:#12283D; /* koyu panel */ --footer-bg:#0A1826; --signal:#3ADB8F; /* sinyal yeşili — yalnızca vurgu */ --brass:#C9A227; /* pirinç — uyarı ve sınır */ --logo-green:#7BB062; --logo-blue:#426CB4; /* Zemin ölçeği. Bu sayfalar ana sitenin koyu temasını kullanır; ölçek inomare.com'un css/site.css dosyasındaki değerlerle birebir aynıdır. Adlar tarihsel olarak açık temadan kalmıştır, değerleri koyudur. */ --paper:#0B1C2C; /* ana zemin */ --paper-2:#0B1C2C; /* ayrım zeminle değil, çizgiyle yapılır */ --paper-3:#12283D; /* yükseltilmiş yüzey, panel */ --ink:#EDEFF2; /* başlık */ --ink-2:#EDEFF2; /* gövde metni */ --muted:#8B99A6; /* ikincil metin */ --faint:#8B99A6; --line:#12283D; --line-2:rgba(139,153,166,.28); /* anlam renkleri */ --accent:#3ADB8F; /* ana sitenin vurgusu; eskiden mavi idi */ --accent-soft:rgba(58,219,143,.10); --flag:#E0885F; /* uyarı, koyu zeminde okunur tona alındı */ --ok:#3ADB8F; /* koyu zemin üzerinde */ --on-dark:#EDEFF2; --on-dark-2:#B6C2CC; --on-dark-3:#8B99A6; --dark-line:rgba(139,153,166,.22); --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif; --head:'Space Grotesk','Inter',-apple-system,'Segoe UI',Arial,sans-serif; --mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Consolas,monospace; --max:1180px; --gut:24px; } *{box-sizing:border-box;margin:0;padding:0;border-radius:0} html{scroll-behavior:smooth;scroll-padding-top:122px} body{ background:var(--paper);color:var(--ink-2);font-family:var(--sans); font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased; font-feature-settings:'kern' 1,'liga' 1; } .wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)} @media(max-width:700px){.wrap{padding:0 18px}} /* ---------- ÜST BAR ---------- */ .topbar{border-bottom:1px solid var(--dark-line);background:var(--base);position:sticky;top:0;z-index:60} .topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px} .logo{display:flex;align-items:center;text-decoration:none} .logo img{height:30px;width:auto;display:block} .topnav{display:flex;align-items:center;gap:26px;font-size:13.5px} .topnav a{color:var(--on-dark-2);text-decoration:none;padding:3px 0;border-bottom:1px solid transparent} .topnav a:hover{color:#EDEFF2;border-color:var(--signal)} .topnav a[aria-current]{color:#EDEFF2;border-color:var(--signal)} .langsw{display:flex;border:1px solid var(--dark-line)} .langsw button{background:none;border:none;padding:5px 11px;cursor:pointer;font-family:var(--mono); color:var(--on-dark-3);font-size:11px;letter-spacing:1.2px} .langsw button.on{background:var(--signal);color:var(--base);font-weight:500} @media(max-width:820px){.topnav .hide-s{display:none}} /* ---------- ANCHOR NAV ---------- */ .anchornav{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:68px;z-index:50} .anchornav .wrap{display:flex;gap:28px;overflow-x:auto;height:50px;align-items:center; font-family:var(--mono);font-size:11px;letter-spacing:1.1px;text-transform:uppercase;scrollbar-width:none} .anchornav .wrap::-webkit-scrollbar{display:none} .anchornav a{color:var(--muted);text-decoration:none;white-space:nowrap;padding:3px 0; border-bottom:1px solid transparent} .anchornav a:hover{color:var(--ink);border-color:var(--accent)} /* ---------- TİPOGRAFİ ---------- */ .crumb{font-family:var(--mono);font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase; color:var(--muted);margin-bottom:28px} .crumb a{color:var(--muted);text-decoration:none} .crumb a:hover{color:var(--accent)} /* Eyebrow kullanılmaz. Eski işaretlemede kalanlar gizlenir. */ .eyebrow{display:none} h1{font-family:var(--head);font-size:52px;line-height:1.06;letter-spacing:-1.8px;font-weight:700; color:var(--ink);max-width:17ch} h2{font-family:var(--head);font-size:30px;line-height:1.2;letter-spacing:-.8px;font-weight:700; color:var(--ink);margin-bottom:20px;max-width:28ch} h3{font-family:var(--head);font-size:17px;font-weight:500;letter-spacing:-.3px; color:var(--ink);margin-bottom:8px} h4{font-family:var(--head);font-size:14.5px;font-weight:500;letter-spacing:-.1px; color:var(--ink);margin-bottom:5px} .deck{font-size:19px;line-height:1.55;color:var(--ink-2);max-width:58ch;margin-top:22px} p{max-width:66ch;margin-bottom:15px;color:var(--ink-2)} p.tight{margin-bottom:9px} strong{color:var(--ink);font-weight:600} .small{font-size:13.5px;color:var(--muted)} .mono{font-family:var(--mono);letter-spacing:1px} .rule{height:1px;background:var(--line);margin:0} section{padding:78px 0} section.alt{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .sec-head{margin-bottom:40px;border-top:2px solid var(--ink);padding-top:18px} .hero{padding:0;background:var(--base);color:var(--on-dark-2)} .hero .wrap{padding-top:76px;padding-bottom:70px} .hero h1{color:#EDEFF2} .hero .deck{color:var(--on-dark-2)} .hero .crumb{color:var(--on-dark-3)} .hero .crumb a{color:var(--on-dark-3)} .hero .crumb a:hover{color:var(--signal)} .hero p{color:var(--on-dark-2)} .hero strong{color:#EDEFF2} .hero .small{color:var(--on-dark-3)} /* ---------- IZGARALAR ---------- */ .g2{display:grid;grid-template-columns:1fr 1fr;gap:44px} .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px} .g4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px} @media(max-width:900px){.g3,.g4{grid-template-columns:1fr 1fr}} @media(max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr;gap:26px}} .block{border-top:2px solid var(--ink);padding-top:16px} .block .num{font-family:var(--mono);font-size:10.5px;letter-spacing:1.6px;color:var(--accent); margin-bottom:10px;text-transform:uppercase} .block p{font-size:14.5px;margin-bottom:0} .hero .block{border-top-color:#EDEFF2} .hero .block .num{color:var(--signal)} .hero .block h3,.hero .block h4{color:#EDEFF2} .stat{border-top:2px solid var(--ink);padding-top:12px} .stat .v{font-family:var(--head);font-size:38px;font-weight:700;letter-spacing:-1.6px; line-height:1.05;color:var(--ink)} .stat .l{font-size:13.5px;color:var(--ink-2);margin-top:8px;line-height:1.5} .stat .s{font-family:var(--mono);font-size:10.5px;color:var(--faint);margin-top:9px; line-height:1.5;letter-spacing:.4px} .hero .stat{border-top-color:#EDEFF2} .hero .stat .v{color:#EDEFF2} .hero .stat .l{color:var(--on-dark-2)} .hero .stat .s{color:var(--on-dark-3)} /* ---------- TABLO ---------- */ table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 6px} th{text-align:left;font-family:var(--mono);font-weight:400;font-size:10.5px;letter-spacing:1.3px; text-transform:uppercase;color:var(--muted);padding:0 14px 10px 0;border-bottom:1px solid var(--line-2)} td{padding:13px 14px 13px 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2)} td:first-child{color:var(--ink);font-weight:500;white-space:nowrap} td.wrapc:first-child{white-space:normal} td .mono,td.num{font-family:var(--mono)} /* ---------- SÜREÇ ---------- */ .steps{counter-reset:s;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:2px solid var(--ink)} .steps .step{padding:22px 20px 22px 0;border-right:1px solid var(--line)} .steps .step:last-child{border-right:none} .steps .step:before{counter-increment:s;content:"0" counter(s);display:block;font-family:var(--mono); font-size:11px;letter-spacing:1.6px;color:var(--accent);margin-bottom:11px} .steps .step h4{margin-bottom:6px} .steps .step p{font-size:13.5px;margin:0} @media(max-width:900px){.steps{grid-template-columns:1fr 1fr} .steps .step{border-right:none;border-bottom:1px solid var(--line)}} @media(max-width:560px){.steps{grid-template-columns:1fr}} /* ---------- LİSTELER ---------- */ ul.check{list-style:none;margin:6px 0 0} ul.check li{position:relative;padding:10px 0 10px 24px;border-bottom:1px solid var(--line); font-size:14.5px;color:var(--ink-2)} ul.check li:before{content:"";position:absolute;left:0;top:19px;width:10px;height:2px;background:var(--accent)} ul.plain{list-style:none} ul.plain li{padding:7px 0 7px 22px;position:relative;font-size:14.5px;color:var(--ink-2)} ul.plain li:before{content:"—";position:absolute;left:0;color:var(--line-2)} .hero ul.check li{border-color:var(--dark-line);color:var(--on-dark-2)} .hero ul.check li:before{background:var(--signal)} /* ---------- SSS ---------- */ .faq{border-top:2px solid var(--ink)} .faq details{border-bottom:1px solid var(--line)} .faq summary{padding:18px 32px 18px 0;cursor:pointer;font-family:var(--head);font-size:15.5px; font-weight:500;list-style:none;position:relative;color:var(--ink)} .faq summary::-webkit-details-marker{display:none} .faq summary:after{content:"+";position:absolute;right:2px;top:16px;font-family:var(--mono); font-size:16px;color:var(--muted)} .faq details[open] summary:after{content:"–"} .faq details p{padding:0 40px 20px 0;font-size:14.5px;margin:0} /* ---------- ALINTI / NOT ---------- */ .pull{border-left:3px solid var(--accent);padding:6px 0 6px 22px;margin:28px 0; font-family:var(--head);font-weight:500;font-size:19px;line-height:1.45;letter-spacing:-.3px; color:var(--ink);max-width:56ch} .pull cite{display:block;font-family:var(--mono);font-size:10.5px;font-style:normal; color:var(--faint);margin-top:14px;letter-spacing:.8px;line-height:1.6} .note{background:var(--paper-2);border-top:2px solid var(--ink);padding:18px 20px; font-size:13.5px;color:var(--ink-2);margin:24px 0} .note strong{display:block;margin-bottom:6px;font-family:var(--mono);font-size:10.5px; letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);font-weight:400} .note.warn{border-top-color:var(--brass)} .note.warn strong{color:var(--brass)} .note.flag{border-top-color:var(--flag)} .note.flag strong{color:var(--flag)} .hero .note{background:var(--panel);border-top-color:#EDEFF2;color:var(--on-dark-2)} .hero .note strong{color:var(--signal)} /* ---------- CTA ---------- */ /* Ana sitenin .btn-solid ve .btn-ghost kurallarıyla birebir aynı davranış. Önceki hâli açık zemin içindi: koyu dolgu, beyaz metin. Sayfa artık koyu olduğu için o dolgu zeminle aynı renge düşüyor ve düğme görünmez oluyordu; seçili dil gibi durumlar bu yüzden kaybolmuştu. */ .btn{display:inline-flex;align-items:center;gap:10px;background:var(--signal);color:var(--base); border:1px solid var(--signal);padding:14px 28px;font-family:var(--sans);font-size:14.5px; font-weight:600;text-decoration:none;cursor:pointer;letter-spacing:.1px; transition:background .12s ease,border-color .12s ease,color .12s ease} .btn:hover{background:#EDEFF2;border-color:#EDEFF2;color:var(--base)} .btn.sec,.btn.ghost{background:none;color:#EDEFF2;border-color:var(--on-dark-3);font-weight:500} .btn.sec:hover,.btn.ghost:hover{background:none;border-color:var(--signal);color:var(--signal)} .btn:disabled{opacity:.3;cursor:not-allowed} .ctarow{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px;align-items:center} .hero .btn{background:var(--signal);color:var(--base);border-color:var(--signal)} .hero .btn:hover{background:#2FC97F;border-color:#2FC97F} .hero .btn.sec{background:none;color:#EDEFF2;border-color:var(--dark-line)} .hero .btn.sec:hover{background:var(--panel);border-color:var(--on-dark-3);color:#EDEFF2} .ctaband{background:var(--base);color:var(--on-dark-2);padding:70px 0} .ctaband h2{color:#EDEFF2;margin-bottom:16px} .ctaband p{color:var(--on-dark-2);max-width:56ch} .ctaband .btn{background:var(--signal);color:var(--base);border-color:var(--signal)} .ctaband .btn:hover{background:#2FC97F;border-color:#2FC97F} .ctaband .btn.sec{background:none;color:#EDEFF2;border-color:var(--dark-line)} .ctaband .btn.sec:hover{background:var(--panel);color:#EDEFF2;border-color:var(--on-dark-3)} .ctaband .meta{font-family:var(--mono);font-size:11px;letter-spacing:1px;color:var(--on-dark-3); margin-top:20px;line-height:1.8} /* ---------- FOOTER ---------- */ footer.site{background:var(--footer-bg);border-top:1px solid var(--dark-line);padding:40px 0; font-family:var(--mono);font-size:10.5px;letter-spacing:1px;color:var(--on-dark-3); text-transform:uppercase;line-height:1.9} footer.site .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap} footer.site a{color:var(--on-dark-3);text-decoration:none} footer.site a:hover{color:var(--signal)} /* ---------- DİL ---------- */ [data-lang="tr"] .en{display:none} [data-lang="en"] .tr{display:none} /* ---------- MOBİL TİPOGRAFİ ---------- */ @media(max-width:700px){ h1{font-size:34px;letter-spacing:-1.1px} h2{font-size:23px;letter-spacing:-.5px} .deck{font-size:17px} section{padding:52px 0} .hero .wrap{padding-top:48px;padding-bottom:46px} }