*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f6f0;color:#163c36;font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}header{padding:23px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9dfd5;background:#f6f6f0}.brand{font-size:23px;font-weight:800;letter-spacing:-1px}.brand span{font-weight:400}.brand small{font-size:10px;letter-spacing:2px;display:block}nav{display:flex;gap:26px;font-size:14px}.btn,button{display:inline-block;background:#d8ef82;color:#163c36;padding:13px 22px;border:0;border-radius:3px;cursor:pointer;font-weight:700}.btn.dark{background:#163c36;color:white}.wrap{max-width:1280px;margin:auto;padding:0 6%}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;padding:76px 0 70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700}.eyebrow:before{content:' ';display:inline-block;width:8px;height:8px;background:#91b64c;margin-right:10px;border-radius:50%}h1{font-size:clamp(38px,5.1vw,68px);line-height:1.08;font-weight:500;letter-spacing:-3px;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400}h2{font-size:clamp(28px,3vw,40px);line-height:1.2;font-weight:500;letter-spacing:-1px}h3{font-size:22px;line-height:1.25;font-weight:500}.lead{font-size:18px;color:#53665e;max-width:590px}.actions{display:flex;gap:20px;align-items:center;margin-top:30px}.note{font-size:12px;color:#617469}.board{background:#163c36;color:#f6f6f0;padding:35px;border-radius:4px;position:relative}.board h2{font-size:27px;margin-top:15px}.board .label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#c7d4be}.track{border-top:1px solid #526b5d;padding:20px 0;display:grid;grid-template-columns:34px 1fr;gap:14px}.track strong{display:block;font-size:17px;font-weight:400}.track small{color:#b8cabe;font-size:12px}.num{color:#d8ef82}.boardfoot{background:#d8ef82;color:#163c36;padding:14px 18px;margin:12px -10px -10px;font-size:13px;display:flex;justify-content:space-between}.strip{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cfd8cb;border-bottom:1px solid #cfd8cb;padding:22px 0;font-size:13px}.section{padding:65px 0}.sectionhead{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:30px}.sectionhead p{max-width:390px;color:#617469}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border-top:2px solid #163c36;padding:23px 0;display:flex;flex-direction:column}.card .id{font-size:12px;color:#77896c}.card p{color:#617469;font-size:15px}.card a{margin-top:auto;font-size:14px;font-weight:700;padding-top:18px}.pale{background:#e9ede2}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px}.steps{list-style:none;padding:0;margin:0}.steps li{padding:20px 0;border-bottom:1px solid #c6d0bf}.steps b{display:inline-block;width:45px;color:#738b51}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 16px;background:#e8edde;font-size:14px;border-radius:24px}.faq{max-width:900px}details{border-bottom:1px solid #ccd4c6;padding:18px 0}summary{cursor:pointer;font-weight:600}details p{color:#53665e}footer{background:#163c36;color:#e7eddc;padding:38px 6%;font-size:13px}footer .foot{display:flex;justify-content:space-between;gap:30px}footer p{color:#afc0b0;max-width:750px}.article{max-width:850px;padding:65px 0}.article h1{font-size:48px;letter-spacing:-2px}.article li{margin-bottom:12px}.back{font-size:13px}label{display:block;margin:15px 0;font-size:14px}select{display:block;width:100%;padding:13px;margin-top:7px;background:white;border:1px solid #a7b6a2;border-radius:3px}#result{margin-top:25px;padding:22px;background:#e9ede2;white-space:pre-line}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #92b73f;outline-offset:4px}.draft{padding:6px 6%;font-size:11px;background:#e5eadb;text-align:center} @media(max-width:760px){header{padding:18px 6%}nav{gap:14px}nav a:nth-child(2),nav a:nth-child(3){display:none}.hero{grid-template-columns:1fr;gap:32px;padding:40px 0}.hero h1{letter-spacing:-2px}.grid,.split{grid-template-columns:1fr;gap:20px}.strip{flex-wrap:wrap}.section{padding:42px 0}.sectionhead{display:block}.actions{gap:12px;flex-wrap:wrap}.foot{flex-direction:column}.article h1{font-size:38px}.board{padding:26px}}



/* expansion */
.article{max-width:980px}.article h1{font-size:clamp(34px,4.4vw,54px)}.tile{display:block;border:1px solid #ced8c6;background:#fffef8;padding:25px;border-radius:4px;transition:border-color .2s}.tile:hover{border-color:#527439}.tile small{color:#5c7540;font-size:11px;letter-spacing:1px}.tile p{font-size:14px;color:#5c6c60}.tile span{font-size:13px;font-weight:bold}.linklist{padding:0;list-style:none}.linklist li{border-bottom:1px solid #d2dbca;margin:0}.linklist a{display:flex;justify-content:space-between;gap:15px;padding:13px 0}.linklist a:hover{text-decoration:underline}.badge{display:inline-block;padding:9px 15px;background:#e2edcd;font-size:14px}.cta{padding:28px;background:#e7eddd;margin:34px 0;border-left:4px solid #709748}.cta h3{margin-top:0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}input,textarea{display:block;width:100%;padding:12px;border:1px solid #a6b59d;background:#fff;margin-top:6px;border-radius:3px;font:inherit;color:#163c36}input:focus,textarea:focus,select:focus{outline:2px solid #6e914e;outline-offset:2px}.check{display:flex;gap:12px;align-items:start}.check input{width:18px;flex-shrink:0}.check a{text-decoration:underline}.callout{border:1px solid #b5c699;background:#edf2e4;padding:20px;margin:25px 0}.callout p{margin-bottom:0}#quote-result{white-space:pre-wrap;overflow-wrap:anywhere;background:#e7eddd;padding:24px;margin-top:24px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:14px;border-bottom:1px solid #c5d0bb}nav{flex-wrap:wrap;justify-content:flex-end;gap:18px}.brand{white-space:nowrap}.navcta{font-weight:bold}.hero h1{font-size:clamp(40px,4.7vw,64px)}.article a:not(.btn){text-decoration-color:#91aa70} @media(max-width:950px){header{align-items:start;gap:20px;flex-direction:column}nav{justify-content:flex-start;gap:15px}nav a:nth-child(2),nav a:nth-child(3){display:block}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid,.formgrid{grid-template-columns:1fr}.brand{font-size:22px}nav{font-size:12px}.article{padding:35px 0}.hero h1{letter-spacing:-1.5px}.cta{padding:20px}.strip{font-size:11px;gap:10px}.tile{padding:20px}}
/* HYB Belge kurumsal kimlik */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=optional');
:root{--hyb-petrol:#0E3B43;--hyb-gold:#B8955E;--hyb-gold-dark:#8A6A3C;--hyb-cream:#F7F4EE;--hyb-ink:#1B2A2F}
html,body{background:var(--hyb-cream);color:var(--hyb-ink);font-family:'Manrope',Arial,sans-serif}
header{background:var(--hyb-cream);border-color:#ddd5c7}.brand{display:block;width:230px;height:62px;background:url('/hyb-belge-logo.svg') left center/contain no-repeat;font-size:0!important;letter-spacing:0!important}.brand>*{display:none!important}nav{font-family:'Manrope',Arial,sans-serif}nav a:hover{color:var(--hyb-gold-dark)}.btn,button{background:var(--hyb-gold);color:var(--hyb-ink);border-radius:6px}.btn.dark,.board,footer{background:var(--hyb-petrol);color:var(--hyb-cream)}.boardfoot{background:var(--hyb-gold);color:var(--hyb-ink)}.num,.steps b,.eyebrow:before{color:var(--hyb-gold);background:var(--hyb-gold)}.pale{background:#eee9df}.card{border-color:var(--hyb-petrol)}.tile,.prep-grid section{background:#fffdfa;border-color:#ddd5c7;border-radius:10px}.tile:hover{border-color:var(--hyb-gold)}.cta,.callout,.scope-summary,.page-cta{background:#eee9df;border-left-color:var(--hyb-gold)}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--hyb-gold)}
.about-menu{position:relative;font-size:14px}.about-menu>summary{cursor:pointer;list-style:none}.about-menu>summary::-webkit-details-marker{display:none}.about-links{position:absolute;z-index:50;top:100%;left:0;min-width:200px;display:grid;padding:10px;background:#fffdfa;border:1px solid #ddd5c7;box-shadow:0 8px 24px #1b2a2f22}.about-links a{padding:9px 10px}@media(max-width:950px){.brand{width:210px;height:56px}.about-links{position:static;box-shadow:none}.about-menu[open] .about-links{display:grid}}

footer .brand{background-image:url("/hyb-belge-logo-footer.svg")!important;background-repeat:no-repeat!important;background-size:contain!important;background-position:left center!important;width:230px;height:62px;flex-shrink:0}footer .brand img{visibility:hidden}

.draft{display:none!important}