/* Approved October design: cream, navy and warm stone. */
:root{--ink:#172638;--muted:#647283;--paper:#fbfaf8;--line:#dfe4e7;--navy:#152436;--green:#e9dac7;--green2:#f4eadd;--shadow:0 28px 70px #1726381c}
body{background:var(--paper)}.wrap{width:min(1180px,calc(100% - 44px))}.nav{height:80px;background:#ffffffed;border-color:#e8ecef;z-index:30}.brand{gap:12px;font-size:25px;letter-spacing:-.065em}.brand small{font-size:8px;letter-spacing:.15em;margin-top:5px;color:#647283}.brand-logo{width:46px;height:46px;border-radius:11px;box-shadow:0 4px 11px #15243620}.links{gap:24px;font-weight:650}.button{padding:14px 22px;font-weight:750;border:1px solid var(--navy)}.button.lime{background:var(--navy);color:#fff}.button.outline{background:transparent;border-color:#c9d0d6}.eyebrow{color:#92734c;letter-spacing:.14em}.eyebrow:before{background:#ba9e77}.hero{padding:66px 0;background:linear-gradient(125deg,#fcfbf8 0%,#f5f1e9 64%,#edf0f2 100%);border-bottom:1px solid #e9e5dd}.hero:before{background:none;border:1px solid #ffffffad;box-shadow:0 0 0 90px #ffffff24,0 0 0 180px #ffffff1b;right:-280px;top:-400px;width:780px;height:780px;border-radius:50%}.hero-grid{gap:58px;grid-template-columns:1.04fr .96fr}.hero h1{font-size:clamp(43px,5.2vw,66px);line-height:1.075;letter-spacing:-.065em;margin:20px 0 24px}.hero h1 em{font-style:normal;color:#9e794e}.hero p{font-size:16px;line-height:1.8;max-width:555px}.proofline{font-size:12px;margin-top:24px}.check{background:#e6e2d9;color:#5b5040}.stage{background:var(--navy);padding:14px;border-radius:25px;box-shadow:0 35px 68px #1726382a}.browser{background:#fff}.mockbody{background:linear-gradient(135deg,#fbfaf8,#efede7);padding-block:30px}.mocktag{color:#98794d}.mockaction{background:#26384a;color:#fff}.mockcopy{color:#606e78}.floatcard{left:-17px;bottom:18px}.service-strip{background:#fff;border-bottom:1px solid #eaecef}.service-strip .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-block:22px}.service-strip span{font-size:12px;color:var(--muted)}.service-strip b{display:block;font-size:13px;color:var(--ink);margin-bottom:3px}.section{padding:58px 0}.section-head h2{font-size:clamp(30px,3.4vw,43px);line-height:1.13}.section-head p{line-height:1.7;max-width:380px}#paketler{background:#f0f5f8;border-bottom:1px solid #e2e9ef}.packages{gap:18px}.package{padding:26px;border-color:#dce4ea;border-radius:22px}.package.featured{background:#fff;border:2px solid #b79e79;box-shadow:0 17px 42px #15243610}.package h3{font-size:24px}.package ul{padding-left:18px}.package li{padding-block:3px}.package-guide{border-color:#d6ccbd;background:#f4f1eb}.package-guide summary small,.guide-progress{color:#6a604f}.guide-body{border-color:#e5ddcf}.guide-options label:has(input:checked){background:#f7f1e8;border-color:#a48b67}.guide-options input{accent-color:#8c6a43}.comparison thead th{background:#f4f1eb}.package-details{border-color:#dce4ea}.scope-note{color:#536477}.sectors{grid-template-columns:repeat(9,minmax(0,1fr));gap:9px}.sector{border-radius:13px;padding:8px!important}.sector:before{height:60px}.sector.active{background:var(--ink);border-color:var(--ink);color:#e9dac7}.sector b{font-size:11px}.demo-layout{background:#f2f4f4;border:1px solid #e5e9eb;padding:25px;border-radius:24px;gap:27px}.demo-info .eyebrow{color:#92734c}.demo-info h3{font-size:30px;line-height:1.15}.demo-info p{line-height:1.7}.demo-site{min-height:265px}.demo-kicker{color:#876b48}.demo-title{font-size:28px;line-height:1.13}.demo-desc{font-size:10px}.demo-cta{background:var(--navy)}.demo-bar span{font-size:9px}.compact-work{background:#f9fafb;border:1px solid #e5e8ea;padding:22px 25px;border-radius:20px;margin-top:22px}.compact-work p{max-width:720px}.note{font-size:10px;line-height:1.6;color:#596873}#surec{background:#f3f0ea;border-block:1px solid #e7e2d9}.step{border-top:2px solid #baa280;padding-top:16px}.step .stepn{color:#876e4e}.step h3{font-size:18px}.step p{font-size:13px}.trust-strip{background:#fff9;border:1px solid #e5dece}.trust-strip p{color:#596474}#sss{background:#fff}.faqrow summary:after{color:#9b7e58}#iletisim{background:#fff;padding-top:12px;padding-bottom:52px}.contact{background:#152436;padding:36px;border-radius:24px}.contact h2{font-size:36px}.contact .eyebrow{color:#e9dac7!important}.contact .button.lime{background:#f2e6d6;border-color:#f2e6d6;color:#172638}.contact .actions .button:not(.lime){border-color:#667589}.contact-details a{color:#e8edf2}.contact .field input:focus,.contact .field select:focus,.contact .field textarea:focus{border-color:#d9bd98}.channel-choice input{accent-color:#dbc19f}.copy-brief{color:#e8d8c3;border-color:#667589;min-height:36px}.guide-note{border-color:#a48b67}.guide-note button{color:#e8d8c3}.footer{background:#111e2d;color:#c2cbd5;padding:28px 0}.footer .brand{color:#fff}.footer .brand small{color:#b1bdcb}.footer nav a{display:inline-block;padding-block:10px}.mobile-sales .button.lime{background:#eee1cf;color:var(--ink);border-color:#dccbb1}a:focus-visible,button:focus-visible,summary:focus-visible,.comparison:focus-visible{outline:3px solid #ab8553;outline-offset:4px}
/* Existing image-backed sector examples stay intact. New sectors use visual symbols. */
.sector[data-key="guzellik"]:before{content:'✦';background:linear-gradient(135deg,#f1e6df,#d3b6a8);color:#694a41;display:grid;place-items:center;font-size:26px}.sector[data-key="teknik-servis"]:before{content:'⚙';background:linear-gradient(135deg,#e0eaf0,#97b5c9);color:#243d50;display:grid;place-items:center;font-size:26px}.sector[data-key="emlak"]:before{content:'⌂';background:linear-gradient(135deg,#e6ece3,#adbfa8);color:#3e5642;display:grid;place-items:center;font-size:30px}.demo-art[data-sector="guzellik"]{background:linear-gradient(145deg,#f0ded4,#b78e7e)!important}.demo-art[data-sector="teknik-servis"]{background:linear-gradient(145deg,#dce7ee,#65899f)!important}.demo-art[data-sector="emlak"]{background:linear-gradient(145deg,#e4e8df,#89a18b)!important}.demo-art[data-sector="guzellik"]:after,.demo-art[data-sector="teknik-servis"]:after,.demo-art[data-sector="emlak"]:after{display:grid!important;place-items:center;inset:0;width:100%;height:100%;background:transparent;border-radius:0;font-size:86px;color:#ffffffb3}.demo-art[data-sector="guzellik"]:after{content:'✦'}.demo-art[data-sector="teknik-servis"]:after{content:'⚙'}.demo-art[data-sector="emlak"]:after{content:'⌂'}
@media(max-width:1000px){.links{gap:14px;font-size:12px}.hero-grid{gap:30px}.hero h1{font-size:51px}.sectors{grid-template-columns:repeat(3,minmax(0,1fr))}.sector{display:flex;align-items:center;gap:10px}.sector:before{width:48px;height:42px;flex-shrink:0;margin:0}.sector b{font-size:12px}.sector[data-key="guzellik"]:before,.sector[data-key="teknik-servis"]:before,.sector[data-key="emlak"]:before{font-size:23px}.demo-info h3{font-size:26px}}
@media(max-width:760px){.links{display:none}.menu{display:block}.navin>.button{display:none}.mobilemenu{top:79px}.hero-grid{grid-template-columns:1fr}.stage{display:none}.hero h1{font-size:54px}.hero p{max-width:600px}.packages{grid-template-columns:1fr}.package{padding:23px}.demo-layout{grid-template-columns:1fr}.demo-info{padding:5px}.demo-info p{max-width:none}.contact{grid-template-columns:1fr}.faq{grid-template-columns:1fr;gap:20px}}
@media(max-width:680px){.wrap{width:min(100% - 34px,600px)}.nav{height:66px}.brand{font-size:22px}.brand-logo{width:40px;height:40px}.brand small{font-size:7px}.mobilemenu{top:65px}.hero{padding:38px 0 36px}.hero h1{font-size:clamp(38px,10.8vw,52px);margin:18px 0 20px}.hero p{font-size:15px;line-height:1.7}.hero .actions .button{font-size:12px;padding:14px 9px}.hero .proofline{gap:12px;font-size:11px}.service-strip .wrap{grid-template-columns:1fr;gap:10px;padding-block:17px}.service-strip span{display:flex;gap:8px;align-items:baseline;font-size:10px}.service-strip b{font-size:11px;min-width:136px;margin:0}.section{padding:37px 0}.section-head h2{font-size:32px}.section-head p{font-size:13px}.package{padding:21px}.package p{font-size:12px}.package ul{font-size:12px;margin-block:10px 16px}.package h3{font-size:23px}.package .button{padding:12px}.sectors{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sector{display:block;padding:7px!important}.sector:before{display:block;width:100%;height:46px;margin-bottom:7px}.sector b{font-size:10px;line-height:1.3;min-height:26px;display:flex;align-items:center}.demo-layout{padding:16px;gap:16px}.demo-info h3{font-size:25px}.demo-info p{font-size:13px}.demo-title{font-size:24px}.demo-site{min-height:240px;grid-template-columns:1fr .72fr}.demo-copy{padding:23px 14px}.demo-art{min-height:180px}.demo-screen{padding:9px}.demo-bar span{font-size:8px}.compact-work{padding:20px}.compact-work .button{margin-top:14px}.step h3{font-size:17px}.step p{font-size:12px}.contact{padding:23px}.contact h2{font-size:31px}.contact .actions{display:grid;grid-template-columns:1fr}.contact-details{margin-bottom:0}.contactform{margin-top:5px}.contact .button{font-size:12px}.footer{padding-bottom:25px}.footerin{gap:13px}.footer .brand-logo{width:34px;height:34px}.mobile-sales{z-index:40}.mobile-sales .button{font-size:12px}.faq h2{font-size:32px}#iletisim{padding-bottom:36px}}
@media(max-width:360px){.service-strip span{display:block}.service-strip b{display:inline;margin-right:6px}.demo-title{font-size:21px}.demo-copy{padding:20px 10px}.demo-art{margin:8px}.hero h1{font-size:37px}.hero .actions{grid-template-columns:1fr}.hero .proofline{font-size:10px}.brand small{letter-spacing:.1em}}

.sector[data-key="guzellik"]:before{content:"";background:url("/assets/demo-guzellik-hero.webp") center/cover;display:block}.demo-art[data-sector="guzellik"]{background:url("/assets/demo-guzellik-hero.webp") center/cover!important}.demo-art[data-sector="guzellik"]:after{display:none!important}

.sector[data-key="teknik-servis"]:before{content:"";background:url("/assets/demo-teknik-servis-hero.webp") center/cover;display:block}.demo-art[data-sector="teknik-servis"]{background:url("/assets/demo-teknik-servis-hero.webp") center/cover!important}.demo-art[data-sector="teknik-servis"]:after{display:none!important}

.sector[data-key="emlak"]:before{content:"";background:url("/assets/demo-emlak-hero.webp") center/cover;display:block}.demo-art[data-sector="emlak"]{background:url("/assets/demo-emlak-hero.webp") center/cover!important}.demo-art[data-sector="emlak"]:after{display:none!important}