.nav a[href*="siteni-tasarla"]{display:inline-flex;align-items:center;height:38px;padding:0 14px;margin:-9px 0;border-radius:999px;background:#f0e8ff;color:#6f32d2 !important;font-weight:500;line-height:1;box-shadow:inset 0 0 0 1px rgba(143,76,255,.08)}
.site-builder-banner{margin:-18px 7vw 58px;padding:28px;display:grid;grid-template-columns:1.1fr 1.2fr auto;gap:24px;align-items:center;border:1px solid rgba(143,76,255,.16);border-radius:28px;background:linear-gradient(135deg,#fff,#f2ecff);box-shadow:0 28px 80px rgba(26,18,42,.10)}
.site-builder-banner span,.builder-popup-card>span{display:inline-flex;margin-bottom:8px;color:#7637e4;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.08em}
.site-builder-banner h2{margin:0 0 8px;color:#17131f;font-size:clamp(26px,3vw,40px);line-height:1.05}.site-builder-banner p{margin:0;color:#625b6c}.builder-mini-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.builder-mini-steps b{display:grid;gap:8px;padding:14px;border-radius:16px;background:#fff;color:#8f4cff;font-size:13px;box-shadow:0 14px 34px rgba(26,18,42,.06)}.builder-mini-steps small{color:#30283d;font-size:12px;font-weight:500}
.builder-landing{min-height:680px;padding:96px 7vw;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;background:radial-gradient(circle at 78% 22%,rgba(143,76,255,.24),transparent 32%),linear-gradient(180deg,#fbfbfe,#f4f1f9)}.compact-builder-landing{min-height:auto;padding:64px 7vw 34px;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);align-items:end}.builder-landing h1{margin:16px 0;font-size:clamp(46px,7vw,86px);line-height:.98;color:#17131f}.compact-builder-landing h1{max-width:980px;font-size:clamp(38px,5vw,62px)}.builder-landing p{max-width:760px;color:#625b6c;font-size:19px}.builder-landing strong{display:block;margin:18px 0 28px;color:#6f32d2}.builder-trust-strip{display:grid;gap:10px}.builder-trust-strip b{padding:15px 16px;border-radius:16px;background:#fff;color:#251f31;border:1px solid rgba(143,76,255,.12);box-shadow:0 16px 42px rgba(26,18,42,.06);font-weight:500}.builder-preview-stack{position:relative;min-height:430px}.builder-browser-card{position:absolute;inset:40px 20px auto 0;min-height:310px;border-radius:28px;background:linear-gradient(135deg,#171020,#5d25d3);box-shadow:0 34px 90px rgba(26,18,42,.20);padding:30px;color:#fff;transform:rotate(-4deg)}.builder-browser-card i{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;background:#fff;opacity:.55}.builder-browser-card b{display:block;margin-top:62px;font-size:38px}.builder-browser-card span{display:block;margin-top:26px;height:90px;border-radius:18px;background:rgba(255,255,255,.12)}.builder-phone-card{position:absolute;right:8px;bottom:12px;width:160px;height:300px;border:8px solid #1b1724;border-radius:30px;background:#fff;box-shadow:0 24px 70px rgba(26,18,42,.24);padding:28px 12px 12px}.builder-phone-card span{display:block;height:44px;margin-bottom:10px;border-radius:12px;background:linear-gradient(135deg,#efe7ff,#d9c5ff)}
.builder-sector-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.builder-sector-card{display:grid;grid-template-rows:190px 1fr;overflow:hidden;border:1px solid rgba(25,20,38,.08);border-radius:26px;background:#fff;box-shadow:0 22px 60px rgba(26,18,42,.08);transition:.22s}.builder-sector-card:hover{transform:translateY(-8px);box-shadow:0 34px 86px rgba(26,18,42,.13)}.sector-visual{display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.48),transparent 28%),linear-gradient(135deg,#8f4cff,#171020);color:#fff}.sector-visual svg{width:54px;height:54px}.sector-taksi{background:linear-gradient(135deg,#fbbf24,#111827)}.sector-emlak{background:linear-gradient(135deg,#0f766e,#111827)}.sector-egitim{background:linear-gradient(135deg,#2563eb,#7c3aed)}.sector-avukat{background:linear-gradient(135deg,#6d4c2f,#111827)}.builder-sector-card>div:last-child{padding:22px}.builder-sector-card h3{font-size:22px;margin-bottom:10px}.builder-sector-card p{color:#625b6c;font-size:14px}.builder-sector-card small{display:block;color:#8f4cff;font-weight:600;margin-bottom:14px}.builder-card-link{display:inline-flex;padding:11px 14px;border-radius:13px;background:#f2ebff;color:#6f32d2;font-weight:500}
.builder-sector-section{padding-top:34px}.builder-sector-row{margin-bottom:54px}.builder-sector-title{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:18px}.builder-sector-title>span{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#f0e8ff;color:#6f32d2}.builder-sector-title h2{margin:0 0 5px;font-size:clamp(28px,3vw,42px)}.builder-sector-title p{margin:0;color:#625b6c}.builder-sector-title>a{padding:11px 14px;border-radius:999px;background:#fff;color:#6f32d2;border:1px solid rgba(143,76,255,.14);font-weight:500}.builder-page-hero{text-align:center}.builder-page-hero h1,.builder-page-hero p{margin-left:auto;margin-right:auto}.builder-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.compact-template-grid{grid-template-columns:repeat(3,1fr)}.builder-template-card{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:center;padding:24px;border-radius:28px;border:1px solid rgba(25,20,38,.08);background:#fff;box-shadow:0 24px 70px rgba(26,18,42,.08)}.compact-template-grid .builder-template-card{grid-template-columns:1fr;padding:18px}.template-device{min-height:290px;position:relative;border-radius:24px;background:linear-gradient(135deg,#f8f6ff,#ece4ff);overflow:hidden}.compact-template-grid .template-device{min-height:230px}.template-screen{position:absolute;left:24px;right:52px;top:42px;height:160px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#171020,var(--demo-color));color:#fff;box-shadow:0 20px 45px rgba(26,18,42,.20)}.compact-template-grid .template-screen{left:18px;right:42px;top:28px;height:128px}.template-screen b{display:block;font-size:24px}.compact-template-grid .template-screen b{font-size:20px}.template-screen span{display:block;height:16px;margin-top:14px;border-radius:999px;background:rgba(255,255,255,.18)}.template-screen span:nth-child(3){width:70%}.template-screen em{display:block;width:86px;height:34px;margin-top:18px;border-radius:11px;background:#fff}.template-mobile{position:absolute;right:20px;bottom:24px;width:82px;height:158px;border:6px solid #17131f;border-radius:22px;background:#fff;padding:18px 8px}.compact-template-grid .template-mobile{width:68px;height:132px}.template-mobile span{display:block;height:28px;margin-bottom:8px;border-radius:9px;background:var(--demo-color);opacity:.78}.template-copy small{color:#8f4cff;font-weight:600}.template-copy h2{font-size:30px}.compact-template-grid .template-copy h2{font-size:24px}.template-copy p{color:#625b6c}.template-copy strong{display:block;margin:16px 0;color:#17131f}
.live-demo-shell{background:#f4f1f9;min-height:100vh}.demo-toolbar{position:sticky;top:82px;z-index:35;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 7vw;background:rgba(255,255,255,.86);border-bottom:1px solid rgba(25,20,38,.08);backdrop-filter:blur(18px)}.demo-toolbar a,.demo-toolbar span{color:#6f32d2;font-weight:500}.demo-toolbar strong{color:#17131f}.demo-site{width:min(1220px,calc(100% - 48px));margin:30px auto 80px;overflow:hidden;border-radius:34px;background:#fff;box-shadow:0 34px 100px rgba(26,18,42,.14)}.demo-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 30px;border-bottom:1px solid rgba(25,20,38,.08)}.demo-logo{display:flex;align-items:center;gap:10px;color:#17131f;font-weight:700}.demo-logo:before{content:"";width:36px;height:36px;border-radius:12px;background:var(--brand)}.demo-logo img{max-width:150px;max-height:48px}.demo-logo:has(img:not([hidden])):before,.demo-logo:has(img:not([hidden])) span{display:none}.demo-header nav{display:flex;gap:20px;color:#625b6c}.demo-header>a{padding:11px 14px;border-radius:13px;background:var(--brand);color:#fff}
.demo-hero{display:grid;grid-template-columns:1fr .9fr;gap:42px;align-items:center;padding:74px 54px;background:linear-gradient(135deg,#fbfbff,#f0ebff)}.demo-hero span{color:var(--brand);font-weight:600}.demo-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.02;margin:14px 0;color:#17131f}.demo-hero p{font-size:18px;color:#625b6c}.demo-primary,.demo-secondary{display:inline-flex;margin-right:10px;padding:13px 17px;border-radius:14px;font-weight:500}.demo-primary{background:var(--brand);color:#fff}.demo-secondary{background:#fff;color:#17131f}.demo-visual{min-height:340px;border-radius:28px;background:radial-gradient(circle at 70% 20%,var(--brand),transparent 24%),linear-gradient(135deg,#171020,#312047);position:relative}.demo-visual i{position:absolute;border-radius:20px;background:rgba(255,255,255,.16)}.demo-visual i:nth-child(1){left:34px;right:34px;top:44px;height:92px}.demo-visual i:nth-child(2){left:54px;bottom:50px;width:42%;height:120px}.demo-visual i:nth-child(3){right:54px;bottom:50px;width:28%;height:120px}
.realistic-demo-visual{padding:24px}.demo-visual-header{display:flex;justify-content:space-between;align-items:center;color:#fff}.demo-visual-header b{font-size:24px}.demo-visual-header span{color:#d8d1e4}.demo-visual-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:24px}.demo-visual-grid i{position:static;min-height:96px;border-radius:18px;background:rgba(255,255,255,.14)}.demo-visual-grid i:first-child{grid-row:span 2;min-height:206px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06))}.demo-visual-card{position:absolute;right:24px;bottom:24px;padding:16px 18px;border-radius:18px;background:#fff;color:#17131f;box-shadow:0 20px 48px rgba(0,0,0,.18)}.demo-visual-card strong{display:block}.demo-visual-card small{color:#625b6c}.demo-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:26px 34px 0}.demo-proof b{padding:18px;border-radius:18px;background:#fff;border:1px solid rgba(25,20,38,.08);color:#17131f;box-shadow:0 12px 34px rgba(26,18,42,.06)}.demo-services{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:34px}.demo-services article{padding:18px;border-radius:18px;background:#fbfaff;border:1px solid rgba(25,20,38,.08)}.demo-services svg{color:var(--brand)}.demo-services h3{font-size:16px}.demo-services p{font-size:13px;color:#625b6c}.demo-detail-band{display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:center;margin:0 34px 34px;padding:28px;border-radius:26px;background:#f7f4fc}.demo-detail-band span{color:var(--brand);font-weight:600}.demo-detail-band h2{font-size:32px}.demo-detail-band p{color:#625b6c}.demo-gallery-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.demo-gallery-strip i{min-height:150px;border-radius:20px;background:linear-gradient(135deg,#fff,var(--brand));opacity:.82}.demo-price{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:0 34px 34px;padding:24px;border-radius:24px;background:#171020;color:#fff}.demo-price span{color:#cdb9ff}.demo-price strong{display:block;font-size:26px}.demo-price p{margin:6px 0 0;color:#d8d1e4}.demo-price button,.customizer-cta button{border:0;border-radius:15px;background:linear-gradient(135deg,#8f4cff,#c347ff);color:#fff;padding:14px 18px;font-weight:600;cursor:pointer}
.customizer-fab{position:fixed;right:24px;top:50%;z-index:80;border:0;border-radius:999px;background:#171020;color:#fff;padding:15px 18px;box-shadow:0 18px 44px rgba(26,18,42,.24);cursor:pointer}.customizer-panel{position:fixed;right:0;top:0;bottom:0;z-index:100;width:min(410px,92vw);padding:26px;overflow:auto;background:#fff;box-shadow:-30px 0 90px rgba(26,18,42,.20);transform:translateX(105%);transition:.25s}.customizer-panel.open{transform:translateX(0)}.customizer-panel>button,.lead-modal form>button{position:absolute;right:18px;top:14px;border:0;background:#f3eefb;border-radius:50%;width:38px;height:38px;cursor:pointer}.customizer-panel h2{margin:28px 0 20px}.customizer-panel label{display:grid;gap:7px;margin-bottom:13px;color:#625b6c}.customizer-panel input{width:100%;padding:12px 13px;border:1px solid rgba(25,20,38,.12);border-radius:13px}.customizer-cta{margin-top:20px;padding:18px;border-radius:18px;background:#f6f1ff}.customizer-cta p{color:#625b6c}.customizer-cta a{display:block;margin-top:12px;color:#6f32d2;font-weight:600}
.lead-modal{position:fixed;inset:0;z-index:130;display:none;place-items:center;padding:22px;background:rgba(14,10,22,.62);backdrop-filter:blur(12px)}.lead-modal.open{display:grid}.lead-modal form{position:relative;width:min(560px,100%);display:grid;gap:12px;padding:30px;border-radius:26px;background:#fff;box-shadow:0 34px 100px rgba(0,0,0,.24)}.lead-modal span{color:#8f4cff;font-weight:600}.lead-modal h2{margin:0}.lead-modal p{color:#625b6c}.lead-modal input,.lead-modal textarea{width:100%;padding:13px;border:1px solid rgba(25,20,38,.12);border-radius:13px}.lead-modal textarea{min-height:110px}
.builder-popup{position:fixed;inset:0;z-index:140;display:none;place-items:center;padding:20px;background:rgba(14,10,22,.58);backdrop-filter:blur(16px)}.builder-popup.open{display:grid}.builder-popup-card{position:relative;width:min(760px,100%);display:grid;grid-template-columns:1fr .8fr;gap:28px;padding:28px;border-radius:30px;background:linear-gradient(135deg,#fff,#f5f0ff);box-shadow:0 34px 110px rgba(0,0,0,.24);overflow:hidden}.builder-popup-card:after{content:"";position:absolute;right:-90px;top:-90px;width:250px;height:250px;border-radius:50%;background:rgba(143,76,255,.16)}.builder-popup-copy,.builder-popup-visual{position:relative;z-index:1}.builder-popup-card>button{position:absolute;right:18px;top:16px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 10px 24px rgba(26,18,42,.10)}.builder-popup-card h2{font-size:clamp(30px,4vw,46px);line-height:1.04}.builder-popup-card p{color:#625b6c}.builder-popup-visual{min-height:280px;border-radius:24px;background:linear-gradient(135deg,#171020,#6f32ee);box-shadow:0 24px 60px rgba(111,50,238,.20);padding:22px;color:#fff}.builder-popup-visual b{display:block;font-size:28px;margin-bottom:20px}.builder-popup-visual i{display:block;height:44px;margin-bottom:10px;border-radius:14px;background:rgba(255,255,255,.14)}.builder-popup-visual i:nth-child(4){width:72%}.popup-sector-pills{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.popup-sector-pills b{padding:9px 12px;border-radius:999px;background:#fff;color:#6f32d2;font-size:13px}.popup-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.popup-actions button{border:0;background:transparent;color:#625b6c;cursor:pointer}
@media(max-width:1180px){.site-builder-banner,.builder-landing,.demo-hero,.demo-detail-band{grid-template-columns:1fr}.builder-sector-grid{grid-template-columns:repeat(2,1fr)}.builder-template-grid{grid-template-columns:1fr}.compact-template-grid{grid-template-columns:repeat(2,1fr)}.demo-services{grid-template-columns:repeat(2,1fr)}.customizer-fab{top:auto;left:20px;right:20px;bottom:18px}.builder-popup-card{grid-template-columns:1fr}.builder-popup-visual{min-height:210px}}
@media(max-width:720px){.nav a[href*="siteni-tasarla"]{height:auto;margin:0;padding:10px 12px}.site-builder-banner{margin:0 20px 42px;grid-template-columns:1fr}.builder-mini-steps{grid-template-columns:repeat(2,1fr)}.builder-landing{padding:42px 20px 24px;min-height:auto}.compact-builder-landing{grid-template-columns:1fr}.builder-trust-strip{gap:8px}.builder-preview-stack{min-height:300px}.builder-sector-grid,.builder-template-card,.compact-template-grid{grid-template-columns:1fr}.builder-sector-title{grid-template-columns:auto 1fr}.builder-sector-title>a{grid-column:1/-1;width:max-content}.builder-sector-card{grid-template-rows:150px 1fr}.demo-toolbar{top:66px;display:grid;padding:10px 20px}.demo-site{width:calc(100% - 24px);border-radius:22px}.demo-header{display:grid}.demo-header nav{overflow:auto}.demo-hero{padding:42px 24px}.demo-proof{grid-template-columns:1fr;padding:22px 22px 0}.demo-services{grid-template-columns:1fr;padding:22px}.demo-detail-band{margin:0 22px 22px}.demo-price{display:grid;margin:0 22px 22px}.builder-popup-card{border-radius:22px;padding:22px}.builder-popup-visual{display:none}.popup-actions .btn{width:100%}}
