/*
Theme Name: Kolcu Çatı — Yakında
Description: Kolcu Çatı için geçici tanıtım sayfası.
Version: 1.1.0
*/
:root{color-scheme:dark;--paper:#151c19;--ink:#f0f1e9;--muted:#afb9ad;--orange:#ef956c;--line:#354139;--visual:#28372d;--visual-label:#c0cbbb;--number:#a3b09f}
:root[data-theme="light"]{color-scheme:light;--paper:#f5f3ec;--ink:#252d28;--muted:#697168;--orange:#c85b35;--line:#d9ddd2;--visual:#e9ece3;--visual-label:#53604f;--number:#697168}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.page{max-width:1320px;padding:0 64px;margin:auto}header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand svg{width:43px;height:43px}.brand-name{font-size:25px;font-weight:800;letter-spacing:-1px}.brand-name span{color:var(--orange)}.header-note{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;min-height:540px;padding:68px 0 62px}.status{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.7px;font-weight:700;text-transform:uppercase}.dot{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px #c85b3512}h1{font-size:clamp(45px,5.3vw,72px);font-weight:600;line-height:1.07;letter-spacing:-3.2px;margin:27px 0 22px}h1 em{font-style:normal;color:var(--orange)}.intro{max-width:455px;font-size:16px;color:var(--muted);line-height:1.8;margin:0}.promise{display:flex;align-items:center;gap:11px;font-size:12px;margin-top:31px;color:var(--ink)}.promise svg{width:19px;height:19px;color:var(--orange)}.visual{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center;background:#e9ece3;border-radius:200px 200px 10px 10px;overflow:hidden}.visual svg{width:100%;height:auto;max-height:370px}.visual-label{position:absolute;bottom:20px;left:24px;font-size:10px;letter-spacing:2px;color:#53604f;text-transform:uppercase}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 23px}.section-heading h2{font-size:12px;letter-spacing:2px;text-transform:uppercase;margin:0;font-weight:600}.section-heading span{font-size:12px;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{padding:29px 28px 32px 0}.service+.service{border-left:1px solid var(--line);padding-left:29px}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.service-top svg{width:30px;height:30px;stroke:var(--orange);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.number{font-size:10px;color:#91978d;letter-spacing:1px}.service h3{font-size:20px;letter-spacing:-.5px;margin:0 0 10px;font-weight:600}.service p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;max-width:290px}footer{display:flex;justify-content:space-between;gap:20px;padding:29px 0 32px;font-size:11px;color:var(--muted)}footer strong{font-weight:400;color:var(--ink)}
@media(min-width:1500px){.page{padding:0 50px}.hero{min-height:590px}}@media(max-width:800px){.page{padding:0 28px}header{height:88px}.header-note{font-size:9px;letter-spacing:1px}.brand-name{font-size:22px}.brand svg{width:35px}.hero{grid-template-columns:1fr;gap:35px;padding:49px 0 43px}h1{font-size:58px}.intro{max-width:520px}.visual{min-height:290px;max-width:540px;width:100%;margin:auto}.visual svg{max-height:320px}.services{grid-template-columns:1fr}.service,.service+.service{padding:25px 0;border-left:0}.service+.service{border-top:1px solid var(--line)}.service-top{margin-bottom:15px}.service p{max-width:none}.section-heading span{display:none}footer{flex-wrap:wrap;line-height:1.6}}@media(max-width:420px){.page{padding:0 22px}h1{font-size:49px;letter-spacing:-2.5px}.header-note{max-width:85px;text-align:right;line-height:1.6}.visual{min-height:250px}.visual-label{font-size:9px}}
.visual{background:var(--visual)}.visual-label{color:var(--visual-label)}.number{color:var(--number)}.brand svg path:first-child{stroke:var(--orange)}.brand svg path:last-child{stroke:var(--ink)}.header-actions{display:flex;align-items:center;gap:24px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 15px;border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--ink);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}.theme-toggle[hidden]{display:none}.theme-toggle:hover{border-color:var(--orange);color:var(--orange)}.theme-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.moon-icon{display:none}[data-theme="light"] .sun-icon{display:none}[data-theme="light"] .moon-icon{display:block}body,.visual{transition:background-color .2s ease,color .2s ease}@media(max-width:1000px){.header-actions .header-note{display:none}}@media(max-width:420px){.theme-toggle{padding:10px 12px;font-size:11px}.header-actions{gap:10px}}@media(prefers-reduced-motion:reduce){body,.visual{transition:none}}