SOMS Legal \u2014 Demo 4<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@200;300;400;700;900&family=IBM+Plex+Mono:wght@300;400&family=IBM+Plex+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --black: #0A0A0A;\n --white: #F8F8F6;\n --gray: #E2E2DE;\n --gray-mid: #B0B0AA;\n --gray-dark: #505050;\n --red: #D14040;\n --grid: 1px solid #E2E2DE;\n}\n\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\nbody { font-family: 'IBM Plex Sans', sans-serif; background: var(--white); color: var(--black); overflow-x: hidden; }\n\n\/* \u2500\u2500\u2500 GRID LINES (background) \u2500\u2500\u2500 *\/\nbody::before {\n content: '';\n position: fixed; inset: 0; z-index: 0; pointer-events: none;\n background-image:\n repeating-linear-gradient(90deg, rgba(0,0,0,0.04) 0px, transparent 1px, transparent 80px, rgba(0,0,0,0.04) 80px);\n background-size: 80px 100%;\n}\n\n\/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\nnav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n height: 64px;\n display: grid; grid-template-columns: 280px 1fr auto;\n border-bottom: var(--grid);\n background: var(--white);\n transition: none;\n}\n.nav-brand {\n display: flex; align-items: center; gap: 0;\n border-right: var(--grid); padding: 0 28px;\n text-decoration: none;\n}\n.nav-brand-s {\n font-family: 'Unbounded', sans-serif;\n font-size: 22px; font-weight: 900; color: var(--black);\n letter-spacing: -1px;\n}\n.nav-brand-s span { color: var(--red); }\n.nav-brand-sub { font-family: 'IBM Plex Mono', monospace; font-size: 8px; color: var(--gray-mid); letter-spacing: 1px; margin-top: 3px; }\n.nav-links { display: flex; align-items: stretch; }\n.nav-links a {\n display: flex; align-items: center; padding: 0 28px;\n font-family: 'IBM Plex Mono', monospace;\n font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase;\n color: var(--gray-dark); text-decoration: none;\n border-right: var(--grid); transition: background 0.2s, color 0.2s;\n}\n.nav-links a:hover { background: var(--black); color: var(--white); }\n.nav-cta-wrap { display: flex; align-items: center; }\n.nav-cta {\n display: flex; align-items: center; height: 100%; padding: 0 32px;\n font-family: 'IBM Plex Mono', monospace;\n font-size: 10px; letter-spacing: 2px; text-transform: uppercase;\n color: var(--white); background: var(--black); text-decoration: none;\n transition: background 0.2s;\n}\n.nav-cta:hover { background: var(--red); }\n.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 0 24px; }\n.hamburger span { width: 22px; height: 1.5px; background: var(--black); display: block; }\n\n\/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n.hero {\n margin-top: 64px;\n min-height: calc(100vh - 64px);\n display: grid;\n grid-template-columns: 280px 1fr;\n grid-template-rows: 1fr auto;\n border-bottom: var(--grid);\n}\n.hero-sidebar {\n border-right: var(--grid);\n display: flex; flex-direction: column;\n justify-content: space-between;\n padding: 60px 28px;\n grid-row: 1 \/ 3;\n}\n.hero-sidebar-top { display: flex; flex-direction: column; gap: 48px; }\n.sidebar-tag {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 9px; letter-spacing: 2px; text-transform: uppercase; color: var(--gray-mid);\n writing-mode: vertical-rl; transform: rotate(180deg);\n}\n.sidebar-year {\n font-family: 'Unbounded', sans-serif;\n font-size: 11px; font-weight: 200; color: var(--gray-mid);\n letter-spacing: 2px;\n}\n.sidebar-line { flex: 1; width: 1px; background: var(--gray); align-self: center; min-height: 80px; }\n.sidebar-index {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 9px; color: var(--gray-mid); letter-spacing: 1px;\n}\n.hero-main {\n padding: 60px 72px 60px 60px;\n display: flex; flex-direction: column; justify-content: center;\n}\n.hero-overline {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 10px; letter-spacing: 3px; text-transform: uppercase;\n color: var(--red); margin-bottom: 32px;\n display: flex; align-items: center; gap: 16px;\n}\n.hero-overline::before { content: ''; width: 28px; height: 1px; background: var(--red); }\n.hero-h1 {\n font-family: 'Unbounded', sans-serif;\n font-size: clamp(52px, 6.5vw, 96px);\n font-weight: 900; line-height: 0.92; letter-spacing: -3px;\n color: var(--black); text-transform: uppercase;\n}\n.hero-h1 .outline {\n -webkit-text-stroke: 2px var(--black);\n color: transparent;\n}\n.hero-h1 .red { color: var(--red); }\n.hero-divider { width: 100%; height: 1px; background: var(--gray); margin: 40px 0; }\n.hero-bottom-row { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: end; }\n.hero-desc {\n font-size: 14px; line-height: 1.8; color: var(--gray-dark);\n max-width: 480px; font-weight: 300;\n}\n.hero-actions { display: flex; flex-direction: column; gap: 12px; align-items: flex-end; }\n.hero-btn {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 10px; letter-spacing: 2px; text-transform: uppercase;\n padding: 14px 28px; text-decoration: none; white-space: nowrap;\n transition: all 0.2s;\n}\n.hero-btn.black { background: var(--black); color: var(--white); }\n.hero-btn.black:hover { background: var(--red); }\n.hero-btn.outline { border: 1px solid var(--black); color: var(--black); }\n.hero-btn.outline:hover { background: var(--black); color: var(--white); }\n\n.hero-stats {\n border-top: var(--grid); grid-column: 2;\n display: grid; grid-template-columns: repeat(4, 1fr);\n}\n.hero-stat {\n padding: 28px 32px; border-right: var(--grid);\n display: flex; flex-direction: column; gap: 6px;\n}\n.hero-stat:last-child { border-right: none; }\n.hero-stat-n {\n font-family: 'Unbounded', sans-serif;\n font-size: 36px; font-weight: 700; color: var(--black); line-height: 1; letter-spacing: -2px;\n}\n.hero-stat-l {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 9px; letter-spacing: 2px; text-transform: uppercase; color: var(--gray-mid);\n}\n\n\/* \u2500\u2500\u2500 HERO IMAGE STRIP \u2500\u2500\u2500 *\/\n.hero-img-strip {\n display: grid; grid-template-columns: 280px 1fr 1fr 1fr;\n height: 320px; border-bottom: var(--grid);\n}\n.hero-img-strip-label {\n border-right: var(--grid);\n display: flex; align-items: center; justify-content: center;\n padding: 28px;\n}\n.hero-img-strip-label-text {\n font-family: 'Unbounded', sans-serif;\n font-size: 9px; font-weight: 300; color: var(--gray-mid);\n letter-spacing: 3px; text-transform: uppercase;\n writing-mode: vertical-rl; transform: rotate(180deg);\n}\n.hero-img-cell { position: relative; overflow: hidden; border-right: var(--grid); }\n.hero-img-cell:last-child { border-right: none; }\n.hero-img-cell img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(30%); transition: filter 0.4s, transform 0.5s; }\n.hero-img-cell:hover img { filter: grayscale(0%); transform: scale(1.04); }\n.hero-img-cell-tag {\n position: absolute; bottom: 0; left: 0; right: 0;\n padding: 10px 14px; background: rgba(248,248,246,0.92);\n font-family: 'IBM Plex Mono', monospace; font-size: 9px;\n letter-spacing: 1px; text-transform: uppercase; color: var(--gray-dark);\n border-top: var(--grid);\n}\n\n\/* \u2500\u2500\u2500 ABOUT \u2500\u2500\u2500 *\/\n.about {\n display: grid; grid-template-columns: 280px 1fr 1fr;\n border-bottom: var(--grid);\n}\n.about-label-col {\n border-right: var(--grid); padding: 80px 28px;\n display: flex; flex-direction: column; gap: 16px;\n}\n.about-label-num {\n font-family: 'Unbounded', sans-serif;\n font-size: 64px; font-weight: 900; color: var(--gray); line-height: 1; letter-spacing: -4px;\n}\n.about-label-text {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 9px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--gray-mid);\n}\n.about-content { padding: 80px 60px; border-right: var(--grid); }\n.about-h {\n font-family: 'Unbounded', sans-serif;\n font-size: clamp(28px, 2.8vw, 42px); font-weight: 700; line-height: 1.1;\n color: var(--black); text-transform: uppercase; letter-spacing: -1.5px;\n margin-bottom: 32px;\n}\n.about-h span { color: var(--red); }\n.about-body { font-size: 14px; line-height: 1.9; color: var(--gray-dark); font-weight: 300; margin-bottom: 14px; }\n.about-quote {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 12px; line-height: 1.8; color: var(--black);\n border-left: 3px solid var(--red); padding: 16px 20px;\n background: var(--gray); margin: 28px 0;\n}\n.about-btn {\n display: inline-block; margin-top: 12px;\n font-family: 'IBM Plex Mono', monospace;\n font-size: 10px; letter-spacing: 2px; text-transform: uppercase;\n color: var(--white); background: var(--black);\n padding: 14px 28px; text-decoration: none; transition: background 0.2s;\n}\n.about-btn:hover { background: var(--red); }\n.about-image-col { position: relative; overflow: hidden; }\n.about-image-col img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(20%); }\n.about-image-tag {\n position: absolute; bottom: 0; left: 0; right: 0;\n background: var(--black); color: var(--white);\n padding: 20px 28px;\n display: grid; grid-template-columns: 1fr 1fr 1fr;\n gap: 0; border-top: 3px solid var(--red);\n}\n.about-image-tag-item { text-align: center; }\n.about-image-tag-n {\n font-family: 'Unbounded', sans-serif;\n font-size: 28px; font-weight: 700; color: var(--white); letter-spacing: -1px;\n}\n.about-image-tag-l {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 8px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gray-mid); margin-top: 4px;\n}\n\n\/* \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 *\/\n.services { border-bottom: var(--grid); }\n.services-head {\n display: grid; grid-template-columns: 280px 1fr;\n border-bottom: var(--grid);\n}\n.services-head-label { border-right: var(--grid); padding: 48px 28px; display: flex; align-items: center; }\n.services-head-label-text {\n font-family: 'Unbounded', sans-serif;\n font-size: 10px; font-weight: 300; letter-spacing: 3px;\n text-transform: uppercase; color: var(--gray-mid);\n}\n.services-head-title { padding: 48px 60px; display: flex; align-items: center; justify-content: space-between; }\n.services-h {\n font-family: 'Unbounded', sans-serif;\n font-size: clamp(24px, 2.5vw, 36px); font-weight: 900;\n color: var(--black); text-transform: uppercase; letter-spacing: -1.5px;\n}\n.services-h span { color: var(--red); }\n.services-count {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 10px; letter-spacing: 1px; color: var(--gray-mid);\n}\n.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); }\n.service-cell {\n padding: 48px 40px; border-right: var(--grid); border-bottom: var(--grid);\n position: relative; overflow: hidden; cursor: pointer;\n transition: background 0.2s;\n}\n.service-cell:nth-child(3n) { border-right: none; }\n.service-cell:nth-child(n+4) { border-bottom: none; }\n.service-cell:hover { background: var(--black); }\n.service-cell:hover .service-cell-num { color: rgba(255,255,255,0.08); }\n.service-cell:hover .service-cell-title { color: var(--white); }\n.service-cell:hover .service-cell-body { color: rgba(255,255,255,0.5); }\n.service-cell:hover .service-cell-arrow { color: var(--red); }\n.service-cell-num {\n font-family: 'Unbounded', sans-serif;\n font-size: 64px; font-weight: 900; color: var(--gray);\n line-height: 1; margin-bottom: 24px; letter-spacing: -4px;\n transition: color 0.2s;\n}\n.service-cell-title {\n font-family: 'Unbounded', sans-serif;\n font-size: 15px; font-weight: 700; text-transform: uppercase;\n letter-spacing: -0.5px; color: var(--black); margin-bottom: 16px;\n transition: color 0.2s;\n}\n.service-cell-body { font-size: 12px; line-height: 1.8; color: var(--gray-dark); font-weight: 300; transition: color 0.2s; }\n.service-cell-arrow { position: absolute; bottom: 28px; right: 28px; font-size: 20px; color: var(--gray-mid); transition: color 0.2s; }\n\n\/* \u2500\u2500\u2500 TEAM \u2500\u2500\u2500 *\/\n.team { display: grid; grid-template-columns: 280px 1fr; border-bottom: var(--grid); }\n.team-label-col {\n border-right: var(--grid); padding: 80px 28px;\n display: flex; flex-direction: column; gap: 16px;\n}\n.team-label-num { font-family: 'Unbounded', sans-serif; font-size: 64px; font-weight: 900; color: var(--gray); line-height: 1; letter-spacing: -4px; }\n.team-label-text { font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--gray-mid); }\n.team-content { padding: 80px 60px; }\n.team-h { font-family: 'Unbounded', sans-serif; font-size: clamp(28px, 2.8vw, 42px); font-weight: 900; text-transform: uppercase; letter-spacing: -1.5px; color: var(--black); margin-bottom: 56px; }\n.team-h span { color: var(--red); }\n.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }\n.team-card { border-right: var(--grid); padding-right: 28px; margin-right: 0; }\n.team-card:last-child { border-right: none; padding-right: 0; }\n.team-card + .team-card { padding-left: 28px; }\n.team-card-img { aspect-ratio: 1; overflow: hidden; position: relative; margin-bottom: 20px; }\n.team-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(40%); transition: filter 0.4s, transform 0.4s; }\n.team-card:hover .team-card-img img { filter: grayscale(0%); transform: scale(1.05); }\n.team-card-name { font-family: 'Unbounded', sans-serif; font-size: 12px; font-weight: 700; color: var(--black); text-transform: uppercase; letter-spacing: -0.3px; margin-bottom: 4px; }\n.team-card-role { font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--red); margin-bottom: 12px; }\n.team-card-bio { font-size: 11px; line-height: 1.7; color: var(--gray-dark); font-weight: 300; }\n\n\/* \u2500\u2500\u2500 FULL BANNER \u2500\u2500\u2500 *\/\n.banner {\n display: grid; grid-template-columns: 280px 1fr;\n height: 280px; border-bottom: var(--grid); overflow: hidden;\n}\n.banner-label {\n border-right: var(--grid); background: var(--red);\n display: flex; align-items: center; justify-content: center;\n}\n.banner-label-text {\n font-family: 'Unbounded', sans-serif;\n font-size: 10px; font-weight: 300; color: var(--white); letter-spacing: 3px;\n text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg);\n}\n.banner-content {\n position: relative; overflow: hidden;\n}\n.banner-content img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(50%) brightness(0.55); }\n.banner-content-overlay {\n position: absolute; inset: 0;\n display: flex; align-items: center; padding: 60px;\n}\n.banner-quote {\n font-family: 'Unbounded', sans-serif;\n font-size: clamp(18px, 2.2vw, 30px); font-weight: 700;\n color: var(--white); text-transform: uppercase; letter-spacing: -0.5px;\n line-height: 1.2; max-width: 700px;\n}\n.banner-quote span { color: var(--red); }\n\n\/* \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 *\/\n.testimonials { display: grid; grid-template-columns: 280px 1fr; border-bottom: var(--grid); }\n.test-label-col { border-right: var(--grid); padding: 80px 28px; }\n.test-label-num { font-family: 'Unbounded', sans-serif; font-size: 64px; font-weight: 900; color: var(--gray); line-height: 1; letter-spacing: -4px; }\n.test-label-text { font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--gray-mid); margin-top: 16px; }\n.test-content { padding: 80px 60px; }\n.test-h { font-family: 'Unbounded', sans-serif; font-size: clamp(24px, 2.5vw, 36px); font-weight: 900; text-transform: uppercase; letter-spacing: -1px; color: var(--black); margin-bottom: 52px; }\n.test-h span { color: var(--red); }\n.test-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }\n.test-card { padding: 36px; border: var(--grid); margin: -1px -1px 0 0; transition: background 0.2s; }\n.test-card:hover { background: var(--black); }\n.test-card:hover .test-text { color: rgba(255,255,255,0.75); }\n.test-card:hover .test-author { color: var(--white); }\n.test-card:hover .test-co { color: rgba(255,255,255,0.4); }\n.test-stars { color: var(--red); letter-spacing: 2px; font-size: 12px; margin-bottom: 16px; }\n.test-text { font-size: 13px; line-height: 1.8; color: var(--gray-dark); margin-bottom: 24px; font-weight: 300; transition: color 0.2s; }\n.test-sep { width: 24px; height: 2px; background: var(--red); margin-bottom: 16px; }\n.test-author { font-family: 'Unbounded', sans-serif; font-size: 10px; font-weight: 700; color: var(--black); letter-spacing: -0.3px; text-transform: uppercase; transition: color 0.2s; }\n.test-co { font-family: 'IBM Plex Mono', monospace; font-size: 9px; color: var(--gray-mid); margin-top: 4px; letter-spacing: 1px; transition: color 0.2s; }\n\n\/* \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 *\/\n.contact { display: grid; grid-template-columns: 280px 1fr 1fr; border-bottom: var(--grid); }\n.contact-label-col { border-right: var(--grid); padding: 80px 28px; display: flex; flex-direction: column; justify-content: space-between; }\n.contact-label-num { font-family: 'Unbounded', sans-serif; font-size: 64px; font-weight: 900; color: var(--gray); line-height: 1; letter-spacing: -4px; }\n.contact-label-text { font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--gray-mid); margin-top: 16px; }\n.contact-info-items { display: flex; flex-direction: column; gap: 20px; margin-top: 40px; }\n.c-info-item { display: flex; flex-direction: column; gap: 4px; }\n.c-info-label { font-family: 'IBM Plex Mono', monospace; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; color: var(--red); }\n.c-info-val { font-size: 12px; color: var(--black); font-weight: 400; }\n\n.contact-form-col { padding: 80px 60px; border-right: var(--grid); }\n.contact-h { font-family: 'Unbounded', sans-serif; font-size: clamp(24px, 2.2vw, 32px); font-weight: 900; text-transform: uppercase; letter-spacing: -1px; color: var(--black); margin-bottom: 40px; line-height: 1.1; }\n.contact-h span { color: var(--red); }\n.cf { display: flex; flex-direction: column; gap: 0; }\n.cf-field { display: flex; flex-direction: column; border-bottom: var(--grid); }\n.cf-label { font-family: 'IBM Plex Mono', monospace; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; color: var(--gray-mid); padding: 16px 0 6px; }\n.cf-input, .cf-textarea, .cf-sel {\n font-family: 'IBM Plex Sans', sans-serif; font-size: 14px;\n color: var(--black); background: transparent; border: none; outline: none;\n padding: 6px 0 16px;\n}\n.cf-input::placeholder, .cf-textarea::placeholder { color: var(--gray-mid); }\n.cf-textarea { height: 100px; resize: none; }\n.cf-sel { cursor: pointer; appearance: none; }\n.cf-submit {\n margin-top: 28px; background: var(--black); border: none;\n font-family: 'IBM Plex Mono', monospace; font-size: 10px; letter-spacing: 2.5px;\n text-transform: uppercase; color: var(--white); padding: 18px;\n cursor: pointer; transition: background 0.2s;\n}\n.cf-submit:hover { background: var(--red); }\n\n.contact-img-col { position: relative; overflow: hidden; }\n.contact-img-col img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(30%); }\n.contact-img-overlay { position: absolute; inset: 0; background: rgba(10,10,10,0.35); }\n\n\/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\nfooter {\n display: grid; grid-template-columns: 280px 1fr 1fr 1fr;\n border-bottom: var(--grid);\n}\n.footer-brand-col { border-right: var(--grid); padding: 60px 28px; }\n.footer-brand-name { font-family: 'Unbounded', sans-serif; font-size: 24px; font-weight: 900; color: var(--black); letter-spacing: -1px; }\n.footer-brand-name span { color: var(--red); }\n.footer-brand-tag { font-family: 'IBM Plex Mono', monospace; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; color: var(--gray-mid); margin: 8px 0 20px; }\n.footer-brand-desc { font-size: 12px; line-height: 1.9; color: var(--gray-dark); font-weight: 300; max-width: 200px; }\n.footer-col { border-right: var(--grid); padding: 60px 36px; }\n.footer-col:last-child { border-right: none; }\n.footer-col-title { font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 3px; text-transform: uppercase; color: var(--red); margin-bottom: 24px; }\n.footer-col-links { list-style: none; display: flex; flex-direction: column; gap: 12px; }\n.footer-col-links a { font-size: 12px; color: var(--gray-dark); text-decoration: none; transition: color 0.2s; font-weight: 300; }\n.footer-col-links a:hover { color: var(--black); }\n.footer-bottom { grid-column: 1 \/ -1; border-top: var(--grid); padding: 20px 28px; display: flex; justify-content: space-between; align-items: center; }\n.footer-copy { font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 1px; color: var(--gray-mid); }\n\n\/* \u2500\u2500\u2500 MOBILE MENU \u2500\u2500\u2500 *\/\n.mobile-menu { position: fixed; inset: 0; background: var(--black); z-index: 200; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; transform: translateX(100%); transition: transform 0.4s; }\n.mobile-menu.open { transform: translateX(0); }\n.mobile-menu a { font-family: 'Unbounded', sans-serif; font-size: 28px; color: var(--white); text-decoration: none; font-weight: 900; text-transform: uppercase; letter-spacing: -1px; }\n.mobile-menu a:hover { color: var(--red); }\n.mobile-close { position: absolute; top: 20px; right: 24px; font-size: 24px; color: var(--white); cursor: pointer; background: none; border: none; }\n\n\/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500 *\/\n.reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }\n.reveal.visible { opacity: 1; transform: translateY(0); }\n.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n@media(max-width:1100px){\n nav { grid-template-columns: auto 1fr auto; }\n .nav-links { display: none; }\n .hamburger { display: flex; }\n .nav-cta-wrap { display: none; }\n .hero { grid-template-columns: 1fr; }\n .hero-sidebar { display: none; }\n .hero-main { padding: 60px 28px; }\n .hero-stats { grid-template-columns: repeat(2,1fr); }\n .hero-img-strip { grid-template-columns: 1fr 1fr 1fr; }\n .hero-img-strip-label { display: none; }\n .about { grid-template-columns: 1fr; }\n .about-label-col { display: none; }\n .about-content { border-right: none; padding: 60px 28px; }\n .about-image-col { height: 320px; }\n .services-head { grid-template-columns: 1fr; }\n .services-head-label { display: none; }\n .services-head-title { padding: 40px 28px; }\n .services-grid { grid-template-columns: 1fr 1fr; }\n .service-cell:nth-child(3n) { border-right: var(--grid); }\n .service-cell:nth-child(2n) { border-right: none; }\n .team { grid-template-columns: 1fr; }\n .team-label-col { display: none; }\n .team-content { padding: 60px 28px; }\n .team-grid { grid-template-columns: 1fr 1fr; gap: 32px; }\n .team-card { border-right: none; padding: 0; }\n .team-card + .team-card { padding-left: 0; }\n .banner { grid-template-columns: 1fr; }\n .banner-label { display: none; }\n .testimonials { grid-template-columns: 1fr; }\n .test-label-col { display: none; }\n .test-content { padding: 60px 28px; }\n .contact { grid-template-columns: 1fr; }\n .contact-label-col { display: none; }\n .contact-form-col { padding: 60px 28px; border-right: none; }\n .contact-img-col { height: 280px; }\n footer { grid-template-columns: 1fr 1fr; }\n .footer-brand-col { grid-column: 1 \/ -1; border-right: none; border-bottom: var(--grid); }\n}\n@media(max-width:600px){\n .hero-h1 { letter-spacing: -1.5px; }\n .hero-bottom-row { grid-template-columns: 1fr; }\n .hero-actions { align-items: flex-start; flex-direction: row; }\n .hero-stats { grid-template-columns: 1fr 1fr; }\n .hero-img-strip { grid-template-columns: 1fr 1fr; height: 200px; }\n .hero-img-cell:last-child { display: none; }\n .services-grid { grid-template-columns: 1fr; }\n .service-cell { border-right: none !important; }\n .team-grid { grid-template-columns: 1fr 1fr; }\n .test-grid { grid-template-columns: 1fr; }\n footer { grid-template-columns: 1fr; }\n .footer-col { border-right: none; border-bottom: var(--grid); }\n .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }\n}\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"mobile-menu\" id=\"mobileMenu\">\n <button class=\"mobile-close\" onclick=\"closeMobile()\">\u2715<\/button>\n <a href=\"#about\" onclick=\"closeMobile()\">Hakk\u0131m\u0131zda<\/a>\n <a href=\"#services\" onclick=\"closeMobile()\">Hizmetler<\/a>\n <a href=\"#team\" onclick=\"closeMobile()\">Ekibimiz<\/a>\n <a href=\"#contact\" onclick=\"closeMobile()\">\u0130leti\u015fim<\/a>\n<\/div>\n\n\n<nav>\n <a class=\"nav-brand\" href=\"#\">\n <div>\n <div class=\"nav-brand-s\">SOMS<span>.<\/span><\/div>\n <div class=\"nav-brand-sub\">Hukuk & Dan\u0131\u015fmanl\u0131k \u2014 Est. 1995<\/div>\n <\/div>\n <\/a>\n <div class=\"nav-links\">\n <a href=\"#about\">Hakk\u0131m\u0131zda<\/a>\n <a href=\"#services\">Hizmetler<\/a>\n <a href=\"#team\">Ekibimiz<\/a>\n <a href=\"#contact\">\u0130leti\u015fim<\/a>\n <\/div>\n <div class=\"nav-cta-wrap\">\n <a href=\"#contact\" class=\"nav-cta\">Dan\u0131\u015fma Al \u2192<\/a>\n <\/div>\n <button class=\"hamburger\" onclick=\"openMobile()\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-sidebar\">\n <div class=\"hero-sidebar-top\">\n <div class=\"sidebar-tag\">Hukuk \u00b7 Dan\u0131\u015fmanl\u0131k \u00b7 Tahkim<\/div>\n <div class=\"sidebar-year\">EST \u2014 1995<\/div>\n <\/div>\n <div class=\"sidebar-line\"><\/div>\n <div class=\"sidebar-index\">01 \/ 07<\/div>\n <\/div>\n <div class=\"hero-main\">\n <div class=\"hero-overline reveal\">T\u00fcrkiye'nin K\u00f6kl\u00fc Hukuk B\u00fcrosu<\/div>\n <h1 class=\"hero-h1 reveal d1\">\n HUKUK<br>\n <span class=\"outline\">G\u00dcVEN<\/span><br>\n <span class=\"red\">SONU\u00c7<\/span>\n <\/h1>\n <div class=\"hero-divider reveal d2\"><\/div>\n <div class=\"hero-bottom-row reveal d3\">\n <p class=\"hero-desc\">30 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle kurumsal, ticari ve uluslararas\u0131 hukuk alanlar\u0131nda m\u00fcvekkillerimize en \u00fcst d\u00fczey hukuki hizmet sunuyoruz.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#contact\" class=\"hero-btn black\">Dan\u0131\u015fma Al \u2192<\/a>\n <a href=\"#services\" class=\"hero-btn outline\">Hizmetlerimiz<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"hero-stat\">\n <div class=\"hero-stat-n\" data-count=\"30\" data-suffix=\"+\">0<\/div>\n <div class=\"hero-stat-l\">Y\u0131l Deneyim<\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hero-stat-n\" data-count=\"1500\" data-suffix=\"+\">0<\/div>\n <div class=\"hero-stat-l\">Ba\u015far\u0131l\u0131 Dava<\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hero-stat-n\" data-count=\"12\">0<\/div>\n <div class=\"hero-stat-l\">Uzman Avukat<\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hero-stat-n\" data-count=\"98\" data-suffix=\"%\">0<\/div>\n <div class=\"hero-stat-l\">Memnuniyet<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"hero-img-strip\">\n <div class=\"hero-img-strip-label\">\n <div class=\"hero-img-strip-label-text\">Referans G\u00f6rseller<\/div>\n <\/div>\n <div class=\"hero-img-cell\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1589829545856-d10d557cf95f?w=600&auto=format&fit=crop&q=80\" alt=\"Mahkeme\">\n <div class=\"hero-img-cell-tag\">Mahkeme Temsili<\/div>\n <\/div>\n <div class=\"hero-img-cell\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521791136064-7986c2920216?w=600&auto=format&fit=crop&q=80\" alt=\"Toplant\u0131\">\n <div class=\"hero-img-cell-tag\">Dan\u0131\u015fmanl\u0131k<\/div>\n <\/div>\n <div class=\"hero-img-cell\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1450101499163-c8848c66ca85?w=600&auto=format&fit=crop&q=80\" alt=\"Belgeler\">\n <div class=\"hero-img-cell-tag\">Hukuki Belgeler<\/div>\n <\/div>\n<\/div>\n\n\n<section class=\"about\" id=\"about\">\n <div class=\"about-label-col\">\n <div class=\"about-label-num\">02<\/div>\n <div class=\"about-label-text\">Hakk\u0131m\u0131zda<\/div>\n <\/div>\n <div class=\"about-content\">\n <h2 class=\"about-h reveal\">T\u00dcRK\u0130YE'N\u0130N <span>K\u00d6KL\u00dc<\/span> HUKUK B\u00dcROSU<\/h2>\n <p class=\"about-body reveal d1\">SOMS Hukuk B\u00fcrosu, 1995 y\u0131l\u0131nda \u0130stanbul'da kurulmu\u015f olup bug\u00fcn T\u00fcrkiye'nin en sayg\u0131n hukuk firmalar\u0131ndan biri konumundad\u0131r. Kurumsal, ticari ve bireysel hukuki konularda kapsaml\u0131 \u00e7\u00f6z\u00fcmler \u00fcretiyoruz.<\/p>\n <p class=\"about-body reveal d1\">Her m\u00fcvekkile \u00f6zel yakla\u015f\u0131m\u0131m\u0131z, g\u00fc\u00e7l\u00fc analiz yetene\u011fimiz ve mahkeme deneyimimizle sonu\u00e7 odakl\u0131 hukuki hizmet sunuyoruz.<\/p>\n <blockquote class=\"about-quote reveal d2\">\"M\u00fcvekkillerimizin \u00e7\u0131karlar\u0131n\u0131 korumak, her davada d\u00fcr\u00fcstl\u00fck ve adalet ilkelerini \u00f6d\u00fcns\u00fcz uygulamak temel felsefemizdir.\"<\/blockquote>\n <a href=\"#contact\" class=\"about-btn reveal d3\">Daha Fazla Bilgi \u2192<\/a>\n <\/div>\n <div class=\"about-image-col reveal d1\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?w=700&auto=format&fit=crop&q=80\" alt=\"\u00c7al\u0131\u015fma\">\n <div class=\"about-image-tag\">\n <div class=\"about-image-tag-item\">\n <div class=\"about-image-tag-n\" data-count=\"30\" data-suffix=\"+\">0<\/div>\n <div class=\"about-image-tag-l\">Y\u0131l<\/div>\n <\/div>\n <div class=\"about-image-tag-item\">\n <div class=\"about-image-tag-n\" data-count=\"1500\" data-suffix=\"+\">0<\/div>\n <div class=\"about-image-tag-l\">Dava<\/div>\n <\/div>\n <div class=\"about-image-tag-item\">\n <div class=\"about-image-tag-n\" data-count=\"12\">0<\/div>\n <div class=\"about-image-tag-l\">Avukat<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"services\" id=\"services\">\n <div class=\"services-head\">\n <div class=\"services-head-label\">\n <div class=\"services-head-label-text\">03 \/ Hizmetler<\/div>\n <\/div>\n <div class=\"services-head-title\">\n <h2 class=\"services-h\">UZMANLIK <span>ALANLARI<\/span><\/h2>\n <span class=\"services-count\">\u2014 06 Alan<\/span>\n <\/div>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-cell reveal\">\n <div class=\"service-cell-num\">01<\/div>\n <div class=\"service-cell-title\">Kurumsal Hukuk<\/div>\n <div class=\"service-cell-body\">\u015eirket kurulu\u015fu, birle\u015fme & devralmalar, kurumsal y\u00f6netim ve \u015firketler hukuku dan\u0131\u015fmanl\u0131\u011f\u0131.<\/div>\n <div class=\"service-cell-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"service-cell reveal d1\">\n <div class=\"service-cell-num\">02<\/div>\n <div class=\"service-cell-title\">Ticaret Hukuku<\/div>\n <div class=\"service-cell-body\">S\u00f6zle\u015fme haz\u0131rlama, ticari uyu\u015fmazl\u0131k \u00e7\u00f6z\u00fcm\u00fc ve stratejik i\u015f hukuku dan\u0131\u015fmanl\u0131\u011f\u0131.<\/div>\n <div class=\"service-cell-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"service-cell reveal d2\">\n <div class=\"service-cell-num\">03<\/div>\n <div class=\"service-cell-title\">\u0130\u015f Hukuku<\/div>\n <div class=\"service-cell-body\">\u0130\u015f\u00e7i-i\u015fveren ili\u015fkileri, fesih s\u00fcre\u00e7leri, toplu i\u015f s\u00f6zle\u015fmeleri ve i\u015f mahkemesi temsili.<\/div>\n <div class=\"service-cell-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"service-cell reveal\">\n <div class=\"service-cell-num\">04<\/div>\n <div class=\"service-cell-title\">Gayrimenkul Hukuku<\/div>\n <div class=\"service-cell-body\">Ta\u015f\u0131nmaz al\u0131m sat\u0131m, imar hukuku, kira anla\u015fmazl\u0131klar\u0131 ve geli\u015ftirme projeleri dan\u0131\u015fmanl\u0131\u011f\u0131.<\/div>\n <div class=\"service-cell-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"service-cell reveal d1\">\n <div class=\"service-cell-num\">05<\/div>\n <div class=\"service-cell-title\">Uluslararas\u0131 Tahkim<\/div>\n <div class=\"service-cell-body\">ICC, ICSID ve di\u011fer uluslararas\u0131 tahkim kurumlar\u0131nda s\u0131n\u0131r \u00f6tesi ticari uyu\u015fmazl\u0131k \u00e7\u00f6z\u00fcm\u00fc.<\/div>\n <div class=\"service-cell-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"service-cell reveal d2\">\n <div class=\"service-cell-num\">06<\/div>\n <div class=\"service-cell-title\">Vergi Hukuku<\/div>\n <div class=\"service-cell-body\">Vergi planlamas\u0131, ihtilaf \u00e7\u00f6z\u00fcm\u00fc ve Maliye Bakanl\u0131\u011f\u0131 nezdinde idari s\u00fcre\u00e7 y\u00f6netimi.<\/div>\n <div class=\"service-cell-arrow\">\u2192<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"team\" id=\"team\">\n <div class=\"team-label-col\">\n <div class=\"team-label-num\">04<\/div>\n <div class=\"team-label-text\">Ekibimiz<\/div>\n <\/div>\n <div class=\"team-content\">\n <h2 class=\"team-h reveal\">UZMAN <span>AVUKAT<\/span> KADROMUZ<\/h2>\n <div class=\"team-grid\">\n <div class=\"team-card reveal\">\n <div class=\"team-card-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=400&auto=format&fit=crop&q=80\" alt=\"Av. Ahmet Soms\"><\/div>\n <div class=\"team-card-name\">Av. Ahmet Soms<\/div>\n <div class=\"team-card-role\">Kurucu Ortak<\/div>\n <div class=\"team-card-bio\">Kurumsal hukuk ve tahkim alan\u0131nda 30+ y\u0131l deneyim.<\/div>\n <\/div>\n <div class=\"team-card reveal d1\">\n <div class=\"team-card-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?w=400&auto=format&fit=crop&q=80\" alt=\"Av. Selin Kaya\"><\/div>\n <div class=\"team-card-name\">Av. Selin Kaya<\/div>\n <div class=\"team-card-role\">K\u0131demli Ortak<\/div>\n <div class=\"team-card-bio\">Ticaret hukuku ve birle\u015fmeler uzman\u0131. ICC paneli \u00fcyesi.<\/div>\n <\/div>\n <div class=\"team-card reveal d2\">\n <div class=\"team-card-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=400&auto=format&fit=crop&q=80\" alt=\"Av. Mehmet Demir\"><\/div>\n <div class=\"team-card-name\">Av. Mehmet Demir<\/div>\n <div class=\"team-card-role\">\u0130\u015f Hukuku Uzman\u0131<\/div>\n <div class=\"team-card-bio\">\u0130\u015f hukuku ve toplu i\u015f ili\u015fkilerinde 18 y\u0131ll\u0131k deneyim.<\/div>\n <\/div>\n <div class=\"team-card reveal d3\">\n <div class=\"team-card-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=400&auto=format&fit=crop&q=80\" alt=\"Av. Ay\u015fe \u00c7elik\"><\/div>\n <div class=\"team-card-name\">Av. Ay\u015fe \u00c7elik<\/div>\n <div class=\"team-card-role\">Gayrimenkul Uzman\u0131<\/div>\n <div class=\"team-card-bio\">Gayrimenkul ve imar mevzuat\u0131 konular\u0131nda lider uzman.<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"banner\">\n <div class=\"banner-label\"><div class=\"banner-label-text\">SOMS Legal \u2014 Since 1995<\/div><\/div>\n <div class=\"banner-content\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1479142506502-19b3a3b7ff33?w=1400&auto=format&fit=crop&q=80\" alt=\"Adalet\">\n <div class=\"banner-content-overlay\">\n <div class=\"banner-quote\">HUKUKI <span>MESELELERINIZDE<\/span> G\u00dcVENILIR VE KARARLIBIR ORTAK<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<section class=\"testimonials\">\n <div class=\"test-label-col\">\n <div class=\"test-label-num\">05<\/div>\n <div class=\"test-label-text\">Referanslar<\/div>\n <\/div>\n <div class=\"test-content\">\n <h2 class=\"test-h reveal\">M\u00dcVEKK\u0130L <span>G\u00d6R\u00dc\u015eLER\u0130<\/span><\/h2>\n <div class=\"test-grid\">\n <div class=\"test-card reveal\">\n <div class=\"test-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"test-text\">\u015eirketimizin kritik birle\u015fme s\u00fcrecinde SOMS ekibinin sergiledi\u011fi profesyonellik ola\u011fan\u00fcst\u00fcyd\u00fc. \u00c7ok avantajl\u0131 ko\u015fullarda anla\u015fma sa\u011flad\u0131k.<\/p>\n <div class=\"test-sep\"><\/div>\n <div class=\"test-author\">Ahmet Kaya<\/div>\n <div class=\"test-co\">CEO \u2014 Kaya Holding A.\u015e.<\/div>\n <\/div>\n <div class=\"test-card reveal d1\">\n <div class=\"test-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"test-text\">Uluslararas\u0131 tahkim s\u00fcrecimizde ICC nezdinde m\u00fckemmel bir temsil sergilediler. Karma\u015f\u0131k davay\u0131 b\u00fcy\u00fck bir zaferle tamamlad\u0131k.<\/p>\n <div class=\"test-sep\"><\/div>\n <div class=\"test-author\">Fatma Demir<\/div>\n <div class=\"test-co\">Genel M\u00fcd\u00fcr \u2014 Demir Tekstil Ltd.<\/div>\n <\/div>\n <div class=\"test-card reveal d2\">\n <div class=\"test-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"test-text\">Gayrimenkul portf\u00f6y\u00fcm\u00fcz\u00fcn yeniden yap\u0131land\u0131r\u0131lmas\u0131nda SOMS'un rehberli\u011fi paha bi\u00e7ilemezdi. \u015eeffaf, proaktif ve sonu\u00e7 odakl\u0131 \u00e7al\u0131\u015ft\u0131lar.<\/p>\n <div class=\"test-sep\"><\/div>\n <div class=\"test-author\">Mustafa \u015eahin<\/div>\n <div class=\"test-co\">Yat\u0131r\u0131mc\u0131 \u2014 \u015eahin GYO<\/div>\n <\/div>\n <div class=\"test-card reveal d3\">\n <div class=\"test-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"test-text\">Vergi uyu\u015fmazl\u0131\u011f\u0131m\u0131zda hem teknik bilgi hem stratejik derinlik a\u00e7\u0131s\u0131ndan rakipsizlerdi. T\u00fcm itirazlar\u0131m\u0131z ba\u015far\u0131yla sonu\u00e7land\u0131.<\/p>\n <div class=\"test-sep\"><\/div>\n <div class=\"test-author\">Zeynep Arslan<\/div>\n <div class=\"test-co\">CFO \u2014 Arslan Enerji A.\u015e.<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"contact\" id=\"contact\">\n <div class=\"contact-label-col\">\n <div>\n <div class=\"contact-label-num\">06<\/div>\n <div class=\"contact-label-text\">\u0130leti\u015fim<\/div>\n <\/div>\n <div class=\"contact-info-items\">\n <div class=\"c-info-item\"><div class=\"c-info-label\">Adres<\/div><div class=\"c-info-val\">B\u00fcy\u00fckdere Cad. No:XX<br>\u015ei\u015fli \/ \u0130stanbul<\/div><\/div>\n <div class=\"c-info-item\"><div class=\"c-info-label\">Telefon<\/div><div class=\"c-info-val\">+90 212 XXX XX XX<\/div><\/div>\n <div class=\"c-info-item\"><div class=\"c-info-label\">E-posta<\/div><div class=\"c-info-val\">info@somslegal.com<\/div><\/div>\n <div class=\"c-info-item\"><div class=\"c-info-label\">Mesai<\/div><div class=\"c-info-val\">Pzt\u2013Cum 09:00\u201318:00<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"contact-form-col\">\n <h2 class=\"contact-h reveal\">HUKUKI SORUNUNUZU <span>B\u0130RL\u0130KTE<\/span> \u00c7\u00d6ZEL\u0130M<\/h2>\n <form class=\"cf reveal d1\" onsubmit=\"return false\">\n <div class=\"cf-field\"><label class=\"cf-label\">Ad Soyad<\/label><input class=\"cf-input\" type=\"text\" placeholder=\"Ad\u0131n\u0131z Soyad\u0131n\u0131z\"><\/div>\n <div class=\"cf-field\"><label class=\"cf-label\">E-posta<\/label><input class=\"cf-input\" type=\"email\" placeholder=\"ornek@sirket.com\"><\/div>\n <div class=\"cf-field\"><label class=\"cf-label\">Telefon<\/label><input class=\"cf-input\" type=\"tel\" placeholder=\"+90 5XX XXX XX XX\"><\/div>\n <div class=\"cf-field\">\n <label class=\"cf-label\">Hukuki Konu<\/label>\n <select class=\"cf-sel\"><option value=\"\" disabled selected>Konu se\u00e7in\u2026<\/option><option>Kurumsal Hukuk<\/option><option>Ticaret Hukuku<\/option><option>\u0130\u015f Hukuku<\/option><option>Gayrimenkul<\/option><option>Uluslararas\u0131 Tahkim<\/option><option>Vergi Hukuku<\/option><\/select>\n <\/div>\n <div class=\"cf-field\"><label class=\"cf-label\">Mesaj<\/label><textarea class=\"cf-textarea\" placeholder=\"Hukuki durumunuzu k\u0131saca a\u00e7\u0131klay\u0131n\u2026\"><\/textarea><\/div>\n <button type=\"submit\" class=\"cf-submit\">MESAJ G\u00d6NDER \u2192<\/button>\n <\/form>\n <\/div>\n <div class=\"contact-img-col\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=700&auto=format&fit=crop&q=80\" alt=\"Ofis\">\n <div class=\"contact-img-overlay\"><\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-brand-col\">\n <div class=\"footer-brand-name\">SOMS<span>.<\/span><\/div>\n <div class=\"footer-brand-tag\">Hukuk & Dan\u0131\u015fmanl\u0131k \u2014 Est. 1995<\/div>\n <p class=\"footer-brand-desc\">\u0130stanbul merkezli, T\u00fcrkiye'nin \u00f6nde gelen hukuk b\u00fcrolar\u0131ndan biri.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <div class=\"footer-col-title\">Hizmetler<\/div>\n <ul class=\"footer-col-links\"><li><a href=\"#\">Kurumsal Hukuk<\/a><\/li><li><a href=\"#\">Ticaret Hukuku<\/a><\/li><li><a href=\"#\">\u0130\u015f Hukuku<\/a><\/li><li><a href=\"#\">Gayrimenkul<\/a><\/li><li><a href=\"#\">Tahkim<\/a><\/li><li><a href=\"#\">Vergi Hukuku<\/a><\/li><\/ul>\n <\/div>\n <div class=\"footer-col\">\n <div class=\"footer-col-title\">Firma<\/div>\n <ul class=\"footer-col-links\"><li><a href=\"#\">Hakk\u0131m\u0131zda<\/a><\/li><li><a href=\"#\">Ekibimiz<\/a><\/li><li><a href=\"#\">Haberler<\/a><\/li><li><a href=\"#\">Kariyer<\/a><\/li><\/ul>\n <\/div>\n <div class=\"footer-col\">\n <div class=\"footer-col-title\">\u0130leti\u015fim<\/div>\n <ul class=\"footer-col-links\"><li><a href=\"#\">\u0130stanbul Ofisi<\/a><\/li><li><a href=\"#\">+90 212 XXX XX XX<\/a><\/li><li><a href=\"#\">info@somslegal.com<\/a><\/li><\/ul>\n <\/div>\n <div class=\"footer-bottom\">\n <div class=\"footer-copy\">\u00a9 2025 SOMS HUKUK B\u00dcROSU \u2014 T\u00dcM HAKLARI SAKLIDIR<\/div>\n <div class=\"footer-copy\">G\u0130ZL\u0130L\u0130K POL\u0130T\u0130KASI \u00b7 KULLANIM KO\u015eULLARI<\/div>\n <\/div>\n<\/footer>\n\n<script>\n function openMobile() { document.getElementById('mobileMenu').classList.add('open'); }\n function closeMobile() { document.getElementById('mobileMenu').classList.remove('open'); }\n\n const obs = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\n }, { threshold: 0.08 });\n document.querySelectorAll('.reveal').forEach(el => obs.observe(el));\n\n function animateCount(el) {\n const target = +el.dataset.count, suffix = el.dataset.suffix || '';\n const step = target \/ (1600 \/ 16); let cur = 0;\n const t = setInterval(() => {\n cur += step; if (cur >= target) { cur = target; clearInterval(t); }\n el.textContent = Math.floor(cur) + suffix;\n }, 16);\n }\n const cObs = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) { animateCount(e.target); cObs.unobserve(e.target); } });\n }, { threshold: 0.5 });\n document.querySelectorAll('[data-count]').forEach(el => cObs.observe(el));\n\n setTimeout(() => {\n document.querySelectorAll('.hero .reveal').forEach((el, i) => {\n setTimeout(() => el.classList.add('visible'), 200 + i * 150);\n });\n }, 100);\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SOMS Legal \u2014 Demo 4 \u2715 Hakk\u0131m\u0131zda Hizmetler Ekibimiz \u0130leti\u015fim SOMS. Hukuk & Dan\u0131\u015fmanl\u0131k \u2014 Est. 1995 Hakk\u0131m\u0131zda Hizmetler Ekibimiz \u0130leti\u015fim Dan\u0131\u015fma Al \u2192 Hukuk \u00b7 Dan\u0131\u015fmanl\u0131k \u00b7 Tahkim EST \u2014 1995 01 \/ 07 T\u00fcrkiye’nin K\u00f6kl\u00fc Hukuk B\u00fcrosu HUKUK G\u00dcVEN SONU\u00c7 30 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle kurumsal, ticari ve uluslararas\u0131 hukuk alanlar\u0131nda m\u00fcvekkillerimize en \u00fcst […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":6,"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nSOMS Legal \u2014 Demo 4<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@200;300;400;700;900&family=IBM+Plex+Mono:wght@300;400&family=IBM+Plex+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --black: #0A0A0A;\n --white: #F8F8F6;\n --gray: #E2E2DE;\n --gray-mid: #B0B0AA;\n --gray-dark: #505050;\n --red: #D14040;\n --grid: 1px solid #E2E2DE;\n}\n\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\nbody { font-family: 'IBM Plex Sans', sans-serif; background: var(--white); color: var(--black); overflow-x: hidden; }\n\n\/* \u2500\u2500\u2500 GRID LINES (background) \u2500\u2500\u2500 *\/\nbody::before {\n content: '';\n position: fixed; inset: 0; z-index: 0; pointer-events: none;\n background-image:\n repeating-linear-gradient(90deg, rgba(0,0,0,0.04) 0px, transparent 1px, transparent 80px, rgba(0,0,0,0.04) 80px);\n background-size: 80px 100%;\n}\n\n\/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\nnav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n height: 64px;\n display: grid; grid-template-columns: 280px 1fr auto;\n border-bottom: var(--grid);\n background: var(--white);\n transition: none;\n}\n.nav-brand {\n display: flex; align-items: center; gap: 0;\n border-right: var(--grid); padding: 0 28px;\n text-decoration: none;\n}\n.nav-brand-s {\n font-family: 'Unbounded', sans-serif;\n font-size: 22px; font-weight: 900; color: var(--black);\n letter-spacing: -1px;\n}\n.nav-brand-s span { color: var(--red); }\n.nav-brand-sub { font-family: 'IBM Plex Mono', monospace; font-size: 8px; color: var(--gray-mid); letter-spacing: 1px; margin-top: 3px; }\n.nav-links { display: flex; align-items: stretch; }\n.nav-links a {\n display: flex; align-items: center; padding: 0 28px;\n font-family: 'IBM Plex Mono', monospace;\n font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase;\n color: var(--gray-dark); text-decoration: none;\n border-right: var(--grid); transition: background 0.2s, color 0.2s;\n}\n.nav-links a:hover { background: var(--black); color: var(--white); }\n.nav-cta-wrap { display: flex; align-items: center; }\n.nav-cta {\n display: flex; align-items: center; height: 100%; padding: 0 32px;\n font-family: 'IBM Plex Mono', monospace;\n font-size: 10px; letter-spacing: 2px; text-transform: uppercase;\n color: var(--white); background: var(--black); text-decoration: none;\n transition: background 0.2s;\n}\n.nav-cta:hover { background: var(--red); }\n.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 0 24px; }\n.hamburger span { width: 22px; height: 1.5px; background: var(--black); display: block; }\n\n\/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n.hero {\n margin-top: 64px;\n min-height: calc(100vh - 64px);\n display: grid;\n grid-template-columns: 280px 1fr;\n grid-template-rows: 1fr auto;\n border-bottom: var(--grid);\n}\n.hero-sidebar {\n border-right: var(--grid);\n display: flex; flex-direction: column;\n justify-content: space-between;\n padding: 60px 28px;\n grid-row: 1 \/ 3;\n}\n.hero-sidebar-top { display: flex; flex-direction: column; gap: 48px; }\n.sidebar-tag {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 9px; letter-spacing: 2px; text-transform: uppercase; color: var(--gray-mid);\n writing-mode: vertical-rl; transform: rotate(180deg);\n}\n.sidebar-year {\n font-family: 'Unbounded', sans-serif;\n font-size: 11px; font-weight: 200; color: var(--gray-mid);\n letter-spacing: 2px;\n}\n.sidebar-line { flex: 1; width: 1px; background: var(--gray); align-self: center; min-height: 80px; }\n.sidebar-index {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 9px; color: var(--gray-mid); letter-spacing: 1px;\n}\n.hero-main {\n padding: 60px 72px 60px 60px;\n display: flex; flex-direction: column; justify-content: center;\n}\n.hero-overline {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 10px; letter-spacing: 3px; text-transform: uppercase;\n color: var(--red); margin-bottom: 32px;\n display: flex; align-items: center; gap: 16px;\n}\n.hero-overline::before { content: ''; width: 28px; height: 1px; background: var(--red); }\n.hero-h1 {\n font-family: 'Unbounded', sans-serif;\n font-size: clamp(52px, 6.5vw, 96px);\n font-weight: 900; line-height: 0.92; letter-spacing: -3px;\n color: var(--black); text-transform: uppercase;\n}\n.hero-h1 .outline {\n -webkit-text-stroke: 2px var(--black);\n color: transparent;\n}\n.hero-h1 .red { color: var(--red); }\n.hero-divider { width: 100%; height: 1px; background: var(--gray); margin: 40px 0; }\n.hero-bottom-row { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: end; }\n.hero-desc {\n font-size: 14px; line-height: 1.8; color: var(--gray-dark);\n max-width: 480px; font-weight: 300;\n}\n.hero-actions { display: flex; flex-direction: column; gap: 12px; align-items: flex-end; }\n.hero-btn {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 10px; letter-spacing: 2px; text-transform: uppercase;\n padding: 14px 28px; text-decoration: none; white-space: nowrap;\n transition: all 0.2s;\n}\n.hero-btn.black { background: var(--black); color: var(--white); }\n.hero-btn.black:hover { background: var(--red); }\n.hero-btn.outline { border: 1px solid var(--black); color: var(--black); }\n.hero-btn.outline:hover { background: var(--black); color: var(--white); }\n\n.hero-stats {\n border-top: var(--grid); grid-column: 2;\n display: grid; grid-template-columns: repeat(4, 1fr);\n}\n.hero-stat {\n padding: 28px 32px; border-right: var(--grid);\n display: flex; flex-direction: column; gap: 6px;\n}\n.hero-stat:last-child { border-right: none; }\n.hero-stat-n {\n font-family: 'Unbounded', sans-serif;\n font-size: 36px; font-weight: 700; color: var(--black); line-height: 1; letter-spacing: -2px;\n}\n.hero-stat-l {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 9px; letter-spacing: 2px; text-transform: uppercase; color: var(--gray-mid);\n}\n\n\/* \u2500\u2500\u2500 HERO IMAGE STRIP \u2500\u2500\u2500 *\/\n.hero-img-strip {\n display: grid; grid-template-columns: 280px 1fr 1fr 1fr;\n height: 320px; border-bottom: var(--grid);\n}\n.hero-img-strip-label {\n border-right: var(--grid);\n display: flex; align-items: center; justify-content: center;\n padding: 28px;\n}\n.hero-img-strip-label-text {\n font-family: 'Unbounded', sans-serif;\n font-size: 9px; font-weight: 300; color: var(--gray-mid);\n letter-spacing: 3px; text-transform: uppercase;\n writing-mode: vertical-rl; transform: rotate(180deg);\n}\n.hero-img-cell { position: relative; overflow: hidden; border-right: var(--grid); }\n.hero-img-cell:last-child { border-right: none; }\n.hero-img-cell img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(30%); transition: filter 0.4s, transform 0.5s; }\n.hero-img-cell:hover img { filter: grayscale(0%); transform: scale(1.04); }\n.hero-img-cell-tag {\n position: absolute; bottom: 0; left: 0; right: 0;\n padding: 10px 14px; background: rgba(248,248,246,0.92);\n font-family: 'IBM Plex Mono', monospace; font-size: 9px;\n letter-spacing: 1px; text-transform: uppercase; color: var(--gray-dark);\n border-top: var(--grid);\n}\n\n\/* \u2500\u2500\u2500 ABOUT \u2500\u2500\u2500 *\/\n.about {\n display: grid; grid-template-columns: 280px 1fr 1fr;\n border-bottom: var(--grid);\n}\n.about-label-col {\n border-right: var(--grid); padding: 80px 28px;\n display: flex; flex-direction: column; gap: 16px;\n}\n.about-label-num {\n font-family: 'Unbounded', sans-serif;\n font-size: 64px; font-weight: 900; color: var(--gray); line-height: 1; letter-spacing: -4px;\n}\n.about-label-text {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 9px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--gray-mid);\n}\n.about-content { padding: 80px 60px; border-right: var(--grid); }\n.about-h {\n font-family: 'Unbounded', sans-serif;\n font-size: clamp(28px, 2.8vw, 42px); font-weight: 700; line-height: 1.1;\n color: var(--black); text-transform: uppercase; letter-spacing: -1.5px;\n margin-bottom: 32px;\n}\n.about-h span { color: var(--red); }\n.about-body { font-size: 14px; line-height: 1.9; color: var(--gray-dark); font-weight: 300; margin-bottom: 14px; }\n.about-quote {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 12px; line-height: 1.8; color: var(--black);\n border-left: 3px solid var(--red); padding: 16px 20px;\n background: var(--gray); margin: 28px 0;\n}\n.about-btn {\n display: inline-block; margin-top: 12px;\n font-family: 'IBM Plex Mono', monospace;\n font-size: 10px; letter-spacing: 2px; text-transform: uppercase;\n color: var(--white); background: var(--black);\n padding: 14px 28px; text-decoration: none; transition: background 0.2s;\n}\n.about-btn:hover { background: var(--red); }\n.about-image-col { position: relative; overflow: hidden; }\n.about-image-col img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(20%); }\n.about-image-tag {\n position: absolute; bottom: 0; left: 0; right: 0;\n background: var(--black); color: var(--white);\n padding: 20px 28px;\n display: grid; grid-template-columns: 1fr 1fr 1fr;\n gap: 0; border-top: 3px solid var(--red);\n}\n.about-image-tag-item { text-align: center; }\n.about-image-tag-n {\n font-family: 'Unbounded', sans-serif;\n font-size: 28px; font-weight: 700; color: var(--white); letter-spacing: -1px;\n}\n.about-image-tag-l {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 8px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gray-mid); margin-top: 4px;\n}\n\n\/* \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 *\/\n.services { border-bottom: var(--grid); }\n.services-head {\n display: grid; grid-template-columns: 280px 1fr;\n border-bottom: var(--grid);\n}\n.services-head-label { border-right: var(--grid); padding: 48px 28px; display: flex; align-items: center; }\n.services-head-label-text {\n font-family: 'Unbounded', sans-serif;\n font-size: 10px; font-weight: 300; letter-spacing: 3px;\n text-transform: uppercase; color: var(--gray-mid);\n}\n.services-head-title { padding: 48px 60px; display: flex; align-items: center; justify-content: space-between; }\n.services-h {\n font-family: 'Unbounded', sans-serif;\n font-size: clamp(24px, 2.5vw, 36px); font-weight: 900;\n color: var(--black); text-transform: uppercase; letter-spacing: -1.5px;\n}\n.services-h span { color: var(--red); }\n.services-count {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 10px; letter-spacing: 1px; color: var(--gray-mid);\n}\n.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); }\n.service-cell {\n padding: 48px 40px; border-right: var(--grid); border-bottom: var(--grid);\n position: relative; overflow: hidden; cursor: pointer;\n transition: background 0.2s;\n}\n.service-cell:nth-child(3n) { border-right: none; }\n.service-cell:nth-child(n+4) { border-bottom: none; }\n.service-cell:hover { background: var(--black); }\n.service-cell:hover .service-cell-num { color: rgba(255,255,255,0.08); }\n.service-cell:hover .service-cell-title { color: var(--white); }\n.service-cell:hover .service-cell-body { color: rgba(255,255,255,0.5); }\n.service-cell:hover .service-cell-arrow { color: var(--red); }\n.service-cell-num {\n font-family: 'Unbounded', sans-serif;\n font-size: 64px; font-weight: 900; color: var(--gray);\n line-height: 1; margin-bottom: 24px; letter-spacing: -4px;\n transition: color 0.2s;\n}\n.service-cell-title {\n font-family: 'Unbounded', sans-serif;\n font-size: 15px; font-weight: 700; text-transform: uppercase;\n letter-spacing: -0.5px; color: var(--black); margin-bottom: 16px;\n transition: color 0.2s;\n}\n.service-cell-body { font-size: 12px; line-height: 1.8; color: var(--gray-dark); font-weight: 300; transition: color 0.2s; }\n.service-cell-arrow { position: absolute; bottom: 28px; right: 28px; font-size: 20px; color: var(--gray-mid); transition: color 0.2s; }\n\n\/* \u2500\u2500\u2500 TEAM \u2500\u2500\u2500 *\/\n.team { display: grid; grid-template-columns: 280px 1fr; border-bottom: var(--grid); }\n.team-label-col {\n border-right: var(--grid); padding: 80px 28px;\n display: flex; flex-direction: column; gap: 16px;\n}\n.team-label-num { font-family: 'Unbounded', sans-serif; font-size: 64px; font-weight: 900; color: var(--gray); line-height: 1; letter-spacing: -4px; }\n.team-label-text { font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--gray-mid); }\n.team-content { padding: 80px 60px; }\n.team-h { font-family: 'Unbounded', sans-serif; font-size: clamp(28px, 2.8vw, 42px); font-weight: 900; text-transform: uppercase; letter-spacing: -1.5px; color: var(--black); margin-bottom: 56px; }\n.team-h span { color: var(--red); }\n.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }\n.team-card { border-right: var(--grid); padding-right: 28px; margin-right: 0; }\n.team-card:last-child { border-right: none; padding-right: 0; }\n.team-card + .team-card { padding-left: 28px; }\n.team-card-img { aspect-ratio: 1; overflow: hidden; position: relative; margin-bottom: 20px; }\n.team-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(40%); transition: filter 0.4s, transform 0.4s; }\n.team-card:hover .team-card-img img { filter: grayscale(0%); transform: scale(1.05); }\n.team-card-name { font-family: 'Unbounded', sans-serif; font-size: 12px; font-weight: 700; color: var(--black); text-transform: uppercase; letter-spacing: -0.3px; margin-bottom: 4px; }\n.team-card-role { font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--red); margin-bottom: 12px; }\n.team-card-bio { font-size: 11px; line-height: 1.7; color: var(--gray-dark); font-weight: 300; }\n\n\/* \u2500\u2500\u2500 FULL BANNER \u2500\u2500\u2500 *\/\n.banner {\n display: grid; grid-template-columns: 280px 1fr;\n height: 280px; border-bottom: var(--grid); overflow: hidden;\n}\n.banner-label {\n border-right: var(--grid); background: var(--red);\n display: flex; align-items: center; justify-content: center;\n}\n.banner-label-text {\n font-family: 'Unbounded', sans-serif;\n font-size: 10px; font-weight: 300; color: var(--white); letter-spacing: 3px;\n text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg);\n}\n.banner-content {\n position: relative; overflow: hidden;\n}\n.banner-content img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(50%) brightness(0.55); }\n.banner-content-overlay {\n position: absolute; inset: 0;\n display: flex; align-items: center; padding: 60px;\n}\n.banner-quote {\n font-family: 'Unbounded', sans-serif;\n font-size: clamp(18px, 2.2vw, 30px); font-weight: 700;\n color: var(--white); text-transform: uppercase; letter-spacing: -0.5px;\n line-height: 1.2; max-width: 700px;\n}\n.banner-quote span { color: var(--red); }\n\n\/* \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 *\/\n.testimonials { display: grid; grid-template-columns: 280px 1fr; border-bottom: var(--grid); }\n.test-label-col { border-right: var(--grid); padding: 80px 28px; }\n.test-label-num { font-family: 'Unbounded', sans-serif; font-size: 64px; font-weight: 900; color: var(--gray); line-height: 1; letter-spacing: -4px; }\n.test-label-text { font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--gray-mid); margin-top: 16px; }\n.test-content { padding: 80px 60px; }\n.test-h { font-family: 'Unbounded', sans-serif; font-size: clamp(24px, 2.5vw, 36px); font-weight: 900; text-transform: uppercase; letter-spacing: -1px; color: var(--black); margin-bottom: 52px; }\n.test-h span { color: var(--red); }\n.test-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }\n.test-card { padding: 36px; border: var(--grid); margin: -1px -1px 0 0; transition: background 0.2s; }\n.test-card:hover { background: var(--black); }\n.test-card:hover .test-text { color: rgba(255,255,255,0.75); }\n.test-card:hover .test-author { color: var(--white); }\n.test-card:hover .test-co { color: rgba(255,255,255,0.4); }\n.test-stars { color: var(--red); letter-spacing: 2px; font-size: 12px; margin-bottom: 16px; }\n.test-text { font-size: 13px; line-height: 1.8; color: var(--gray-dark); margin-bottom: 24px; font-weight: 300; transition: color 0.2s; }\n.test-sep { width: 24px; height: 2px; background: var(--red); margin-bottom: 16px; }\n.test-author { font-family: 'Unbounded', sans-serif; font-size: 10px; font-weight: 700; color: var(--black); letter-spacing: -0.3px; text-transform: uppercase; transition: color 0.2s; }\n.test-co { font-family: 'IBM Plex Mono', monospace; font-size: 9px; color: var(--gray-mid); margin-top: 4px; letter-spacing: 1px; transition: color 0.2s; }\n\n\/* \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 *\/\n.contact { display: grid; grid-template-columns: 280px 1fr 1fr; border-bottom: var(--grid); }\n.contact-label-col { border-right: var(--grid); padding: 80px 28px; display: flex; flex-direction: column; justify-content: space-between; }\n.contact-label-num { font-family: 'Unbounded', sans-serif; font-size: 64px; font-weight: 900; color: var(--gray); line-height: 1; letter-spacing: -4px; }\n.contact-label-text { font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--gray-mid); margin-top: 16px; }\n.contact-info-items { display: flex; flex-direction: column; gap: 20px; margin-top: 40px; }\n.c-info-item { display: flex; flex-direction: column; gap: 4px; }\n.c-info-label { font-family: 'IBM Plex Mono', monospace; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; color: var(--red); }\n.c-info-val { font-size: 12px; color: var(--black); font-weight: 400; }\n\n.contact-form-col { padding: 80px 60px; border-right: var(--grid); }\n.contact-h { font-family: 'Unbounded', sans-serif; font-size: clamp(24px, 2.2vw, 32px); font-weight: 900; text-transform: uppercase; letter-spacing: -1px; color: var(--black); margin-bottom: 40px; line-height: 1.1; }\n.contact-h span { color: var(--red); }\n.cf { display: flex; flex-direction: column; gap: 0; }\n.cf-field { display: flex; flex-direction: column; border-bottom: var(--grid); }\n.cf-label { font-family: 'IBM Plex Mono', monospace; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; color: var(--gray-mid); padding: 16px 0 6px; }\n.cf-input, .cf-textarea, .cf-sel {\n font-family: 'IBM Plex Sans', sans-serif; font-size: 14px;\n color: var(--black); background: transparent; border: none; outline: none;\n padding: 6px 0 16px;\n}\n.cf-input::placeholder, .cf-textarea::placeholder { color: var(--gray-mid); }\n.cf-textarea { height: 100px; resize: none; }\n.cf-sel { cursor: pointer; appearance: none; }\n.cf-submit {\n margin-top: 28px; background: var(--black); border: none;\n font-family: 'IBM Plex Mono', monospace; font-size: 10px; letter-spacing: 2.5px;\n text-transform: uppercase; color: var(--white); padding: 18px;\n cursor: pointer; transition: background 0.2s;\n}\n.cf-submit:hover { background: var(--red); }\n\n.contact-img-col { position: relative; overflow: hidden; }\n.contact-img-col img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(30%); }\n.contact-img-overlay { position: absolute; inset: 0; background: rgba(10,10,10,0.35); }\n\n\/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\nfooter {\n display: grid; grid-template-columns: 280px 1fr 1fr 1fr;\n border-bottom: var(--grid);\n}\n.footer-brand-col { border-right: var(--grid); padding: 60px 28px; }\n.footer-brand-name { font-family: 'Unbounded', sans-serif; font-size: 24px; font-weight: 900; color: var(--black); letter-spacing: -1px; }\n.footer-brand-name span { color: var(--red); }\n.footer-brand-tag { font-family: 'IBM Plex Mono', monospace; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; color: var(--gray-mid); margin: 8px 0 20px; }\n.footer-brand-desc { font-size: 12px; line-height: 1.9; color: var(--gray-dark); font-weight: 300; max-width: 200px; }\n.footer-col { border-right: var(--grid); padding: 60px 36px; }\n.footer-col:last-child { border-right: none; }\n.footer-col-title { font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 3px; text-transform: uppercase; color: var(--red); margin-bottom: 24px; }\n.footer-col-links { list-style: none; display: flex; flex-direction: column; gap: 12px; }\n.footer-col-links a { font-size: 12px; color: var(--gray-dark); text-decoration: none; transition: color 0.2s; font-weight: 300; }\n.footer-col-links a:hover { color: var(--black); }\n.footer-bottom { grid-column: 1 \/ -1; border-top: var(--grid); padding: 20px 28px; display: flex; justify-content: space-between; align-items: center; }\n.footer-copy { font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 1px; color: var(--gray-mid); }\n\n\/* \u2500\u2500\u2500 MOBILE MENU \u2500\u2500\u2500 *\/\n.mobile-menu { position: fixed; inset: 0; background: var(--black); z-index: 200; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; transform: translateX(100%); transition: transform 0.4s; }\n.mobile-menu.open { transform: translateX(0); }\n.mobile-menu a { font-family: 'Unbounded', sans-serif; font-size: 28px; color: var(--white); text-decoration: none; font-weight: 900; text-transform: uppercase; letter-spacing: -1px; }\n.mobile-menu a:hover { color: var(--red); }\n.mobile-close { position: absolute; top: 20px; right: 24px; font-size: 24px; color: var(--white); cursor: pointer; background: none; border: none; }\n\n\/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500 *\/\n.reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }\n.reveal.visible { opacity: 1; transform: translateY(0); }\n.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n@media(max-width:1100px){\n nav { grid-template-columns: auto 1fr auto; }\n .nav-links { display: none; }\n .hamburger { display: flex; }\n .nav-cta-wrap { display: none; }\n .hero { grid-template-columns: 1fr; }\n .hero-sidebar { display: none; }\n .hero-main { padding: 60px 28px; }\n .hero-stats { grid-template-columns: repeat(2,1fr); }\n .hero-img-strip { grid-template-columns: 1fr 1fr 1fr; }\n .hero-img-strip-label { display: none; }\n .about { grid-template-columns: 1fr; }\n .about-label-col { display: none; }\n .about-content { border-right: none; padding: 60px 28px; }\n .about-image-col { height: 320px; }\n .services-head { grid-template-columns: 1fr; }\n .services-head-label { display: none; }\n .services-head-title { padding: 40px 28px; }\n .services-grid { grid-template-columns: 1fr 1fr; }\n .service-cell:nth-child(3n) { border-right: var(--grid); }\n .service-cell:nth-child(2n) { border-right: none; }\n .team { grid-template-columns: 1fr; }\n .team-label-col { display: none; }\n .team-content { padding: 60px 28px; }\n .team-grid { grid-template-columns: 1fr 1fr; gap: 32px; }\n .team-card { border-right: none; padding: 0; }\n .team-card + .team-card { padding-left: 0; }\n .banner { grid-template-columns: 1fr; }\n .banner-label { display: none; }\n .testimonials { grid-template-columns: 1fr; }\n .test-label-col { display: none; }\n .test-content { padding: 60px 28px; }\n .contact { grid-template-columns: 1fr; }\n .contact-label-col { display: none; }\n .contact-form-col { padding: 60px 28px; border-right: none; }\n .contact-img-col { height: 280px; }\n footer { grid-template-columns: 1fr 1fr; }\n .footer-brand-col { grid-column: 1 \/ -1; border-right: none; border-bottom: var(--grid); }\n}\n@media(max-width:600px){\n .hero-h1 { letter-spacing: -1.5px; }\n .hero-bottom-row { grid-template-columns: 1fr; }\n .hero-actions { align-items: flex-start; flex-direction: row; }\n .hero-stats { grid-template-columns: 1fr 1fr; }\n .hero-img-strip { grid-template-columns: 1fr 1fr; height: 200px; }\n .hero-img-cell:last-child { display: none; }\n .services-grid { grid-template-columns: 1fr; }\n .service-cell { border-right: none !important; }\n .team-grid { grid-template-columns: 1fr 1fr; }\n .test-grid { grid-template-columns: 1fr; }\n footer { grid-template-columns: 1fr; }\n .footer-col { border-right: none; border-bottom: var(--grid); }\n .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }\n}\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"mobile-menu\" id=\"mobileMenu\">\n <button class=\"mobile-close\" onclick=\"closeMobile()\">\u2715<\/button>\n <a href=\"#about\" onclick=\"closeMobile()\">Hakk\u0131m\u0131zda<\/a>\n <a href=\"#services\" onclick=\"closeMobile()\">Hizmetler<\/a>\n <a href=\"#team\" onclick=\"closeMobile()\">Ekibimiz<\/a>\n <a href=\"#contact\" onclick=\"closeMobile()\">\u0130leti\u015fim<\/a>\n<\/div>\n\n\n<nav>\n <a class=\"nav-brand\" href=\"#\">\n <div>\n <div class=\"nav-brand-s\">SOMS<span>.<\/span><\/div>\n <div class=\"nav-brand-sub\">Hukuk & Dan\u0131\u015fmanl\u0131k \u2014 Est. 1995<\/div>\n <\/div>\n <\/a>\n <div class=\"nav-links\">\n <a href=\"#about\">Hakk\u0131m\u0131zda<\/a>\n <a href=\"#services\">Hizmetler<\/a>\n <a href=\"#team\">Ekibimiz<\/a>\n <a href=\"#contact\">\u0130leti\u015fim<\/a>\n <\/div>\n <div class=\"nav-cta-wrap\">\n <a href=\"#contact\" class=\"nav-cta\">Dan\u0131\u015fma Al \u2192<\/a>\n <\/div>\n <button class=\"hamburger\" onclick=\"openMobile()\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-sidebar\">\n <div class=\"hero-sidebar-top\">\n <div class=\"sidebar-tag\">Hukuk \u00b7 Dan\u0131\u015fmanl\u0131k \u00b7 Tahkim<\/div>\n <div class=\"sidebar-year\">EST \u2014 1995<\/div>\n <\/div>\n <div class=\"sidebar-line\"><\/div>\n <div class=\"sidebar-index\">01 \/ 07<\/div>\n <\/div>\n <div class=\"hero-main\">\n <div class=\"hero-overline reveal\">T\u00fcrkiye'nin K\u00f6kl\u00fc Hukuk B\u00fcrosu<\/div>\n <h1 class=\"hero-h1 reveal d1\">\n HUKUK<br>\n <span class=\"outline\">G\u00dcVEN<\/span><br>\n <span class=\"red\">SONU\u00c7<\/span>\n <\/h1>\n <div class=\"hero-divider reveal d2\"><\/div>\n <div class=\"hero-bottom-row reveal d3\">\n <p class=\"hero-desc\">30 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle kurumsal, ticari ve uluslararas\u0131 hukuk alanlar\u0131nda m\u00fcvekkillerimize en \u00fcst d\u00fczey hukuki hizmet sunuyoruz.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#contact\" class=\"hero-btn black\">Dan\u0131\u015fma Al \u2192<\/a>\n <a href=\"#services\" class=\"hero-btn outline\">Hizmetlerimiz<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"hero-stat\">\n <div class=\"hero-stat-n\" data-count=\"30\" data-suffix=\"+\">0<\/div>\n <div class=\"hero-stat-l\">Y\u0131l Deneyim<\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hero-stat-n\" data-count=\"1500\" data-suffix=\"+\">0<\/div>\n <div class=\"hero-stat-l\">Ba\u015far\u0131l\u0131 Dava<\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hero-stat-n\" data-count=\"12\">0<\/div>\n <div class=\"hero-stat-l\">Uzman Avukat<\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hero-stat-n\" data-count=\"98\" data-suffix=\"%\">0<\/div>\n <div class=\"hero-stat-l\">Memnuniyet<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"hero-img-strip\">\n <div class=\"hero-img-strip-label\">\n <div class=\"hero-img-strip-label-text\">Referans G\u00f6rseller<\/div>\n <\/div>\n <div class=\"hero-img-cell\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1589829545856-d10d557cf95f?w=600&auto=format&fit=crop&q=80\" alt=\"Mahkeme\">\n <div class=\"hero-img-cell-tag\">Mahkeme Temsili<\/div>\n <\/div>\n <div class=\"hero-img-cell\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521791136064-7986c2920216?w=600&auto=format&fit=crop&q=80\" alt=\"Toplant\u0131\">\n <div class=\"hero-img-cell-tag\">Dan\u0131\u015fmanl\u0131k<\/div>\n <\/div>\n <div class=\"hero-img-cell\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1450101499163-c8848c66ca85?w=600&auto=format&fit=crop&q=80\" alt=\"Belgeler\">\n <div class=\"hero-img-cell-tag\">Hukuki Belgeler<\/div>\n <\/div>\n<\/div>\n\n\n<section class=\"about\" id=\"about\">\n <div class=\"about-label-col\">\n <div class=\"about-label-num\">02<\/div>\n <div class=\"about-label-text\">Hakk\u0131m\u0131zda<\/div>\n <\/div>\n <div class=\"about-content\">\n <h2 class=\"about-h reveal\">T\u00dcRK\u0130YE'N\u0130N <span>K\u00d6KL\u00dc<\/span> HUKUK B\u00dcROSU<\/h2>\n <p class=\"about-body reveal d1\">SOMS Hukuk B\u00fcrosu, 1995 y\u0131l\u0131nda \u0130stanbul'da kurulmu\u015f olup bug\u00fcn T\u00fcrkiye'nin en sayg\u0131n hukuk firmalar\u0131ndan biri konumundad\u0131r. Kurumsal, ticari ve bireysel hukuki konularda kapsaml\u0131 \u00e7\u00f6z\u00fcmler \u00fcretiyoruz.<\/p>\n <p class=\"about-body reveal d1\">Her m\u00fcvekkile \u00f6zel yakla\u015f\u0131m\u0131m\u0131z, g\u00fc\u00e7l\u00fc analiz yetene\u011fimiz ve mahkeme deneyimimizle sonu\u00e7 odakl\u0131 hukuki hizmet sunuyoruz.<\/p>\n <blockquote class=\"about-quote reveal d2\">\"M\u00fcvekkillerimizin \u00e7\u0131karlar\u0131n\u0131 korumak, her davada d\u00fcr\u00fcstl\u00fck ve adalet ilkelerini \u00f6d\u00fcns\u00fcz uygulamak temel felsefemizdir.\"<\/blockquote>\n <a href=\"#contact\" class=\"about-btn reveal d3\">Daha Fazla Bilgi \u2192<\/a>\n <\/div>\n <div class=\"about-image-col reveal d1\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?w=700&auto=format&fit=crop&q=80\" alt=\"\u00c7al\u0131\u015fma\">\n <div class=\"about-image-tag\">\n <div class=\"about-image-tag-item\">\n <div class=\"about-image-tag-n\" data-count=\"30\" data-suffix=\"+\">0<\/div>\n <div class=\"about-image-tag-l\">Y\u0131l<\/div>\n <\/div>\n <div class=\"about-image-tag-item\">\n <div class=\"about-image-tag-n\" data-count=\"1500\" data-suffix=\"+\">0<\/div>\n <div class=\"about-image-tag-l\">Dava<\/div>\n <\/div>\n <div class=\"about-image-tag-item\">\n <div class=\"about-image-tag-n\" data-count=\"12\">0<\/div>\n <div class=\"about-image-tag-l\">Avukat<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"services\" id=\"services\">\n <div class=\"services-head\">\n <div class=\"services-head-label\">\n <div class=\"services-head-label-text\">03 \/ Hizmetler<\/div>\n <\/div>\n <div class=\"services-head-title\">\n <h2 class=\"services-h\">UZMANLIK <span>ALANLARI<\/span><\/h2>\n <span class=\"services-count\">\u2014 06 Alan<\/span>\n <\/div>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-cell reveal\">\n <div class=\"service-cell-num\">01<\/div>\n <div class=\"service-cell-title\">Kurumsal Hukuk<\/div>\n <div class=\"service-cell-body\">\u015eirket kurulu\u015fu, birle\u015fme & devralmalar, kurumsal y\u00f6netim ve \u015firketler hukuku dan\u0131\u015fmanl\u0131\u011f\u0131.<\/div>\n <div class=\"service-cell-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"service-cell reveal d1\">\n <div class=\"service-cell-num\">02<\/div>\n <div class=\"service-cell-title\">Ticaret Hukuku<\/div>\n <div class=\"service-cell-body\">S\u00f6zle\u015fme haz\u0131rlama, ticari uyu\u015fmazl\u0131k \u00e7\u00f6z\u00fcm\u00fc ve stratejik i\u015f hukuku dan\u0131\u015fmanl\u0131\u011f\u0131.<\/div>\n <div class=\"service-cell-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"service-cell reveal d2\">\n <div class=\"service-cell-num\">03<\/div>\n <div class=\"service-cell-title\">\u0130\u015f Hukuku<\/div>\n <div class=\"service-cell-body\">\u0130\u015f\u00e7i-i\u015fveren ili\u015fkileri, fesih s\u00fcre\u00e7leri, toplu i\u015f s\u00f6zle\u015fmeleri ve i\u015f mahkemesi temsili.<\/div>\n <div class=\"service-cell-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"service-cell reveal\">\n <div class=\"service-cell-num\">04<\/div>\n <div class=\"service-cell-title\">Gayrimenkul Hukuku<\/div>\n <div class=\"service-cell-body\">Ta\u015f\u0131nmaz al\u0131m sat\u0131m, imar hukuku, kira anla\u015fmazl\u0131klar\u0131 ve geli\u015ftirme projeleri dan\u0131\u015fmanl\u0131\u011f\u0131.<\/div>\n <div class=\"service-cell-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"service-cell reveal d1\">\n <div class=\"service-cell-num\">05<\/div>\n <div class=\"service-cell-title\">Uluslararas\u0131 Tahkim<\/div>\n <div class=\"service-cell-body\">ICC, ICSID ve di\u011fer uluslararas\u0131 tahkim kurumlar\u0131nda s\u0131n\u0131r \u00f6tesi ticari uyu\u015fmazl\u0131k \u00e7\u00f6z\u00fcm\u00fc.<\/div>\n <div class=\"service-cell-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"service-cell reveal d2\">\n <div class=\"service-cell-num\">06<\/div>\n <div class=\"service-cell-title\">Vergi Hukuku<\/div>\n <div class=\"service-cell-body\">Vergi planlamas\u0131, ihtilaf \u00e7\u00f6z\u00fcm\u00fc ve Maliye Bakanl\u0131\u011f\u0131 nezdinde idari s\u00fcre\u00e7 y\u00f6netimi.<\/div>\n <div class=\"service-cell-arrow\">\u2192<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"team\" id=\"team\">\n <div class=\"team-label-col\">\n <div class=\"team-label-num\">04<\/div>\n <div class=\"team-label-text\">Ekibimiz<\/div>\n <\/div>\n <div class=\"team-content\">\n <h2 class=\"team-h reveal\">UZMAN <span>AVUKAT<\/span> KADROMUZ<\/h2>\n <div class=\"team-grid\">\n <div class=\"team-card reveal\">\n <div class=\"team-card-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=400&auto=format&fit=crop&q=80\" alt=\"Av. Ahmet Soms\"><\/div>\n <div class=\"team-card-name\">Av. Ahmet Soms<\/div>\n <div class=\"team-card-role\">Kurucu Ortak<\/div>\n <div class=\"team-card-bio\">Kurumsal hukuk ve tahkim alan\u0131nda 30+ y\u0131l deneyim.<\/div>\n <\/div>\n <div class=\"team-card reveal d1\">\n <div class=\"team-card-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?w=400&auto=format&fit=crop&q=80\" alt=\"Av. Selin Kaya\"><\/div>\n <div class=\"team-card-name\">Av. Selin Kaya<\/div>\n <div class=\"team-card-role\">K\u0131demli Ortak<\/div>\n <div class=\"team-card-bio\">Ticaret hukuku ve birle\u015fmeler uzman\u0131. ICC paneli \u00fcyesi.<\/div>\n <\/div>\n <div class=\"team-card reveal d2\">\n <div class=\"team-card-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=400&auto=format&fit=crop&q=80\" alt=\"Av. Mehmet Demir\"><\/div>\n <div class=\"team-card-name\">Av. Mehmet Demir<\/div>\n <div class=\"team-card-role\">\u0130\u015f Hukuku Uzman\u0131<\/div>\n <div class=\"team-card-bio\">\u0130\u015f hukuku ve toplu i\u015f ili\u015fkilerinde 18 y\u0131ll\u0131k deneyim.<\/div>\n <\/div>\n <div class=\"team-card reveal d3\">\n <div class=\"team-card-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=400&auto=format&fit=crop&q=80\" alt=\"Av. Ay\u015fe \u00c7elik\"><\/div>\n <div class=\"team-card-name\">Av. Ay\u015fe \u00c7elik<\/div>\n <div class=\"team-card-role\">Gayrimenkul Uzman\u0131<\/div>\n <div class=\"team-card-bio\">Gayrimenkul ve imar mevzuat\u0131 konular\u0131nda lider uzman.<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"banner\">\n <div class=\"banner-label\"><div class=\"banner-label-text\">SOMS Legal \u2014 Since 1995<\/div><\/div>\n <div class=\"banner-content\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1479142506502-19b3a3b7ff33?w=1400&auto=format&fit=crop&q=80\" alt=\"Adalet\">\n <div class=\"banner-content-overlay\">\n <div class=\"banner-quote\">HUKUKI <span>MESELELERINIZDE<\/span> G\u00dcVENILIR VE KARARLIBIR ORTAK<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<section class=\"testimonials\">\n <div class=\"test-label-col\">\n <div class=\"test-label-num\">05<\/div>\n <div class=\"test-label-text\">Referanslar<\/div>\n <\/div>\n <div class=\"test-content\">\n <h2 class=\"test-h reveal\">M\u00dcVEKK\u0130L <span>G\u00d6R\u00dc\u015eLER\u0130<\/span><\/h2>\n <div class=\"test-grid\">\n <div class=\"test-card reveal\">\n <div class=\"test-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"test-text\">\u015eirketimizin kritik birle\u015fme s\u00fcrecinde SOMS ekibinin sergiledi\u011fi profesyonellik ola\u011fan\u00fcst\u00fcyd\u00fc. \u00c7ok avantajl\u0131 ko\u015fullarda anla\u015fma sa\u011flad\u0131k.<\/p>\n <div class=\"test-sep\"><\/div>\n <div class=\"test-author\">Ahmet Kaya<\/div>\n <div class=\"test-co\">CEO \u2014 Kaya Holding A.\u015e.<\/div>\n <\/div>\n <div class=\"test-card reveal d1\">\n <div class=\"test-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"test-text\">Uluslararas\u0131 tahkim s\u00fcrecimizde ICC nezdinde m\u00fckemmel bir temsil sergilediler. Karma\u015f\u0131k davay\u0131 b\u00fcy\u00fck bir zaferle tamamlad\u0131k.<\/p>\n <div class=\"test-sep\"><\/div>\n <div class=\"test-author\">Fatma Demir<\/div>\n <div class=\"test-co\">Genel M\u00fcd\u00fcr \u2014 Demir Tekstil Ltd.<\/div>\n <\/div>\n <div class=\"test-card reveal d2\">\n <div class=\"test-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"test-text\">Gayrimenkul portf\u00f6y\u00fcm\u00fcz\u00fcn yeniden yap\u0131land\u0131r\u0131lmas\u0131nda SOMS'un rehberli\u011fi paha bi\u00e7ilemezdi. \u015eeffaf, proaktif ve sonu\u00e7 odakl\u0131 \u00e7al\u0131\u015ft\u0131lar.<\/p>\n <div class=\"test-sep\"><\/div>\n <div class=\"test-author\">Mustafa \u015eahin<\/div>\n <div class=\"test-co\">Yat\u0131r\u0131mc\u0131 \u2014 \u015eahin GYO<\/div>\n <\/div>\n <div class=\"test-card reveal d3\">\n <div class=\"test-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"test-text\">Vergi uyu\u015fmazl\u0131\u011f\u0131m\u0131zda hem teknik bilgi hem stratejik derinlik a\u00e7\u0131s\u0131ndan rakipsizlerdi. T\u00fcm itirazlar\u0131m\u0131z ba\u015far\u0131yla sonu\u00e7land\u0131.<\/p>\n <div class=\"test-sep\"><\/div>\n <div class=\"test-author\">Zeynep Arslan<\/div>\n <div class=\"test-co\">CFO \u2014 Arslan Enerji A.\u015e.<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"contact\" id=\"contact\">\n <div class=\"contact-label-col\">\n <div>\n <div class=\"contact-label-num\">06<\/div>\n <div class=\"contact-label-text\">\u0130leti\u015fim<\/div>\n <\/div>\n <div class=\"contact-info-items\">\n <div class=\"c-info-item\"><div class=\"c-info-label\">Adres<\/div><div class=\"c-info-val\">B\u00fcy\u00fckdere Cad. No:XX<br>\u015ei\u015fli \/ \u0130stanbul<\/div><\/div>\n <div class=\"c-info-item\"><div class=\"c-info-label\">Telefon<\/div><div class=\"c-info-val\">+90 212 XXX XX XX<\/div><\/div>\n <div class=\"c-info-item\"><div class=\"c-info-label\">E-posta<\/div><div class=\"c-info-val\">info@somslegal.com<\/div><\/div>\n <div class=\"c-info-item\"><div class=\"c-info-label\">Mesai<\/div><div class=\"c-info-val\">Pzt\u2013Cum 09:00\u201318:00<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"contact-form-col\">\n <h2 class=\"contact-h reveal\">HUKUKI SORUNUNUZU <span>B\u0130RL\u0130KTE<\/span> \u00c7\u00d6ZEL\u0130M<\/h2>\n <form class=\"cf reveal d1\" onsubmit=\"return false\">\n <div class=\"cf-field\"><label class=\"cf-label\">Ad Soyad<\/label><input class=\"cf-input\" type=\"text\" placeholder=\"Ad\u0131n\u0131z Soyad\u0131n\u0131z\"><\/div>\n <div class=\"cf-field\"><label class=\"cf-label\">E-posta<\/label><input class=\"cf-input\" type=\"email\" placeholder=\"ornek@sirket.com\"><\/div>\n <div class=\"cf-field\"><label class=\"cf-label\">Telefon<\/label><input class=\"cf-input\" type=\"tel\" placeholder=\"+90 5XX XXX XX XX\"><\/div>\n <div class=\"cf-field\">\n <label class=\"cf-label\">Hukuki Konu<\/label>\n <select class=\"cf-sel\"><option value=\"\" disabled selected>Konu se\u00e7in\u2026<\/option><option>Kurumsal Hukuk<\/option><option>Ticaret Hukuku<\/option><option>\u0130\u015f Hukuku<\/option><option>Gayrimenkul<\/option><option>Uluslararas\u0131 Tahkim<\/option><option>Vergi Hukuku<\/option><\/select>\n <\/div>\n <div class=\"cf-field\"><label class=\"cf-label\">Mesaj<\/label><textarea class=\"cf-textarea\" placeholder=\"Hukuki durumunuzu k\u0131saca a\u00e7\u0131klay\u0131n\u2026\"><\/textarea><\/div>\n <button type=\"submit\" class=\"cf-submit\">MESAJ G\u00d6NDER \u2192<\/button>\n <\/form>\n <\/div>\n <div class=\"contact-img-col\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=700&auto=format&fit=crop&q=80\" alt=\"Ofis\">\n <div class=\"contact-img-overlay\"><\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-brand-col\">\n <div class=\"footer-brand-name\">SOMS<span>.<\/span><\/div>\n <div class=\"footer-brand-tag\">Hukuk & Dan\u0131\u015fmanl\u0131k \u2014 Est. 1995<\/div>\n <p class=\"footer-brand-desc\">\u0130stanbul merkezli, T\u00fcrkiye'nin \u00f6nde gelen hukuk b\u00fcrolar\u0131ndan biri.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <div class=\"footer-col-title\">Hizmetler<\/div>\n <ul class=\"footer-col-links\"><li><a href=\"#\">Kurumsal Hukuk<\/a><\/li><li><a href=\"#\">Ticaret Hukuku<\/a><\/li><li><a href=\"#\">\u0130\u015f Hukuku<\/a><\/li><li><a href=\"#\">Gayrimenkul<\/a><\/li><li><a href=\"#\">Tahkim<\/a><\/li><li><a href=\"#\">Vergi Hukuku<\/a><\/li><\/ul>\n <\/div>\n <div class=\"footer-col\">\n <div class=\"footer-col-title\">Firma<\/div>\n <ul class=\"footer-col-links\"><li><a href=\"#\">Hakk\u0131m\u0131zda<\/a><\/li><li><a href=\"#\">Ekibimiz<\/a><\/li><li><a href=\"#\">Haberler<\/a><\/li><li><a href=\"#\">Kariyer<\/a><\/li><\/ul>\n <\/div>\n <div class=\"footer-col\">\n <div class=\"footer-col-title\">\u0130leti\u015fim<\/div>\n <ul class=\"footer-col-links\"><li><a href=\"#\">\u0130stanbul Ofisi<\/a><\/li><li><a href=\"#\">+90 212 XXX XX XX<\/a><\/li><li><a href=\"#\">info@somslegal.com<\/a><\/li><\/ul>\n <\/div>\n <div class=\"footer-bottom\">\n <div class=\"footer-copy\">\u00a9 2025 SOMS HUKUK B\u00dcROSU \u2014 T\u00dcM HAKLARI SAKLIDIR<\/div>\n <div class=\"footer-copy\">G\u0130ZL\u0130L\u0130K POL\u0130T\u0130KASI \u00b7 KULLANIM KO\u015eULLARI<\/div>\n <\/div>\n<\/footer>\n\n<script>\n function openMobile() { document.getElementById('mobileMenu').classList.add('open'); }\n function closeMobile() { document.getElementById('mobileMenu').classList.remove('open'); }\n\n const obs = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\n }, { threshold: 0.08 });\n document.querySelectorAll('.reveal').forEach(el => obs.observe(el));\n\n function animateCount(el) {\n const target = +el.dataset.count, suffix = el.dataset.suffix || '';\n const step = target \/ (1600 \/ 16); let cur = 0;\n const t = setInterval(() => {\n cur += step; if (cur >= target) { cur = target; clearInterval(t); }\n el.textContent = Math.floor(cur) + suffix;\n }, 16);\n }\n const cObs = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) { animateCount(e.target); cObs.unobserve(e.target); } });\n }, { threshold: 0.5 });\n document.querySelectorAll('[data-count]').forEach(el => cObs.observe(el));\n\n setTimeout(() => {\n document.querySelectorAll('.hero .reveal').forEach((el, i) => {\n setTimeout(() => el.classList.add('visible'), 200 + i * 150);\n });\n }, 100);\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SOMS Legal \u2014 Demo 4 \u2715 Hakk\u0131m\u0131zda Hizmetler Ekibimiz \u0130leti\u015fim SOMS. Hukuk & Dan\u0131\u015fmanl\u0131k \u2014 Est. 1995 Hakk\u0131m\u0131zda Hizmetler Ekibimiz \u0130leti\u015fim Dan\u0131\u015fma Al \u2192 Hukuk \u00b7 Dan\u0131\u015fmanl\u0131k \u00b7 Tahkim EST \u2014 1995 01 \/ 07 T\u00fcrkiye’nin K\u00f6kl\u00fc Hukuk B\u00fcrosu HUKUK G\u00dcVEN SONU\u00c7 30 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle kurumsal, ticari ve uluslararas\u0131 hukuk alanlar\u0131nda m\u00fcvekkillerimize en \u00fcst […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":6,"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}