{"id":19,"date":"2026-03-24T11:58:26","date_gmt":"2026-03-24T11:58:26","guid":{"rendered":"https:\/\/demo.soms.invekor.net\/?page_id=19"},"modified":"2026-03-24T11:59:02","modified_gmt":"2026-03-24T11:59:02","slug":"demo2","status":"publish","type":"page","link":"https:\/\/demo.soms.invekor.net\/index.php\/demo2\/","title":{"rendered":"demo2"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nSOMS Legal \u2014 Demo 2<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --navy: #0D1B2A;\n --navy-mid: #1B2E42;\n --navy-light: #2A4A6B;\n --cream: #F7F3EC;\n --cream-dark: #EDE7DA;\n --accent: #C8873A;\n --accent-light: #E8A85A;\n --white: #FFFFFF;\n --text-dark: #0D1B2A;\n --text-mid: #4A5568;\n --text-light: #8A9BAE;\n}\n\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\nbody { font-family: 'DM Sans', sans-serif; background: var(--cream); color: var(--text-dark); overflow-x: hidden; }\n\n\/* \u2500\u2500\u2500 LOADER \u2500\u2500\u2500 *\/\n.loader {\n position: fixed; inset: 0; background: var(--navy); z-index: 999;\n display: flex; align-items: center; justify-content: center;\n animation: loaderOut 0.6s ease 1.6s forwards;\n}\n.loader-text {\n font-family: 'Playfair Display', serif;\n font-size: 42px; font-weight: 700; color: var(--cream); letter-spacing: 6px;\n opacity: 0; animation: loaderIn 0.5s ease 0.3s forwards;\n}\n.loader-text span { color: var(--accent); }\n@keyframes loaderIn { to { opacity: 1; } }\n@keyframes loaderOut { to { opacity: 0; pointer-events: none; } }\n\n\/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\nnav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n padding: 0 60px;\n display: flex; align-items: stretch; justify-content: space-between;\n height: 72px;\n transition: all 0.4s;\n}\nnav.scrolled {\n background: var(--navy);\n box-shadow: 0 4px 30px rgba(13,27,42,0.3);\n}\n.nav-brand {\n display: flex; align-items: center; gap: 0;\n text-decoration: none;\n}\n.nav-brand-block {\n background: var(--accent);\n height: 100%; width: 56px;\n display: flex; align-items: center; justify-content: center;\n font-family: 'Playfair Display', serif;\n font-size: 24px; font-weight: 900; color: var(--white);\n letter-spacing: 0;\n flex-shrink: 0;\n}\n.nav-brand-text {\n padding: 0 18px;\n display: flex; flex-direction: column; justify-content: center;\n}\n.nav-brand-name {\n font-family: 'Playfair Display', serif;\n font-size: 15px; font-weight: 700; color: var(--white);\n letter-spacing: 3px; text-transform: uppercase; line-height: 1;\n}\n.nav-brand-sub {\n font-size: 9px; color: rgba(255,255,255,0.5);\n letter-spacing: 2px; text-transform: uppercase; margin-top: 3px;\n}\n.nav-links { display: flex; align-items: center; gap: 36px; list-style: none; }\n.nav-links a {\n font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase;\n color: rgba(255,255,255,0.65); text-decoration: none;\n transition: color 0.3s; font-weight: 400;\n position: relative; padding-bottom: 2px;\n}\n.nav-links a::after {\n content: ''; position: absolute; bottom: 0; left: 0; right: 0;\n height: 1px; background: var(--accent);\n transform: scaleX(0); transition: transform 0.3s;\n}\n.nav-links a:hover { color: var(--white); }\n.nav-links a:hover::after { transform: scaleX(1); }\n.nav-right { display: flex; align-items: center; gap: 20px; }\n.nav-tel { font-size: 12px; color: rgba(255,255,255,0.5); letter-spacing: 1px; }\n.nav-btn {\n background: var(--accent); color: var(--white);\n font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase;\n padding: 0 24px; height: 40px; display: flex; align-items: center;\n text-decoration: none; font-weight: 500; transition: background 0.3s;\n}\n.nav-btn:hover { background: var(--accent-light); }\n.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 4px; }\n.hamburger span { width: 22px; height: 1.5px; background: var(--white); display: block; }\n\n\/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n.hero {\n min-height: 100vh;\n background: var(--navy);\n display: grid;\n grid-template-rows: auto 1fr;\n overflow: hidden;\n position: relative;\n}\n.hero-top-bar {\n display: flex; align-items: center; justify-content: space-between;\n padding: 100px 60px 0;\n position: relative; z-index: 2;\n}\n.hero-year {\n font-size: 11px; letter-spacing: 4px; text-transform: uppercase;\n color: rgba(255,255,255,0.35); writing-mode: vertical-rl;\n transform: rotate(180deg);\n}\n.hero-label {\n font-size: 11px; letter-spacing: 4px; text-transform: uppercase;\n color: var(--accent); border: 1px solid rgba(200,135,58,0.4);\n padding: 8px 18px;\n}\n.hero-body {\n display: grid; grid-template-columns: 1fr 480px;\n gap: 0; align-items: end;\n padding: 40px 60px 0; position: relative; z-index: 2;\n}\n.hero-title-area {}\n.hero-issue {\n font-size: 10px; letter-spacing: 5px; text-transform: uppercase;\n color: rgba(255,255,255,0.35); margin-bottom: 24px;\n}\n.hero-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(56px, 7.5vw, 110px);\n font-weight: 900; line-height: 0.92;\n color: var(--white);\n letter-spacing: -1px;\n}\n.hero-title .outline {\n -webkit-text-stroke: 2px var(--white);\n color: transparent;\n}\n.hero-title .accent-word { color: var(--accent); }\n.hero-title .italic { font-style: italic; font-weight: 400; }\n.hero-divider {\n width: 60px; height: 2px; background: var(--accent);\n margin: 36px 0;\n}\n.hero-desc {\n font-size: 15px; line-height: 1.8; color: rgba(255,255,255,0.55);\n max-width: 480px; font-weight: 300;\n}\n.hero-cta-row {\n display: flex; align-items: center; gap: 28px; margin-top: 48px;\n}\n.hero-cta-main {\n background: var(--accent); color: var(--white);\n font-size: 11px; letter-spacing: 2px; text-transform: uppercase;\n padding: 16px 36px; text-decoration: none; font-weight: 500;\n transition: background 0.3s;\n}\n.hero-cta-main:hover { background: var(--accent-light); }\n.hero-cta-ghost {\n font-size: 11px; letter-spacing: 2px; text-transform: uppercase;\n color: rgba(255,255,255,0.55); text-decoration: none;\n display: flex; align-items: center; gap: 10px;\n transition: color 0.3s;\n}\n.hero-cta-ghost:hover { color: var(--white); }\n.hero-cta-ghost svg { transition: transform 0.3s; }\n.hero-cta-ghost:hover svg { transform: translateX(6px); }\n\n.hero-img-panel {\n position: relative; overflow: hidden;\n margin-right: -60px; \/* bleed to edge *\/\n}\n.hero-img-panel img {\n width: 100%; height: 520px; object-fit: cover;\n display: block; filter: brightness(0.75) saturate(0.9);\n}\n.hero-img-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(to right, var(--navy) 0%, transparent 40%),\n linear-gradient(to top, var(--navy) 0%, transparent 30%);\n}\n.hero-img-tag {\n position: absolute; bottom: 32px; right: 32px;\n background: rgba(13,27,42,0.85); backdrop-filter: blur(16px);\n border: 1px solid rgba(200,135,58,0.3);\n padding: 16px 20px; text-align: right;\n}\n.hero-img-tag-num {\n font-family: 'Playfair Display', serif;\n font-size: 36px; color: var(--accent); font-weight: 700; line-height: 1;\n}\n.hero-img-tag-text { font-size: 9px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.5); margin-top: 4px; }\n\n.hero-stats-bar {\n background: rgba(255,255,255,0.04);\n border-top: 1px solid rgba(255,255,255,0.08);\n display: grid; grid-template-columns: repeat(4, 1fr);\n margin: 0; position: relative; z-index: 2;\n}\n.hero-stat {\n padding: 28px 48px;\n border-right: 1px solid rgba(255,255,255,0.08);\n}\n.hero-stat:last-child { border-right: none; }\n.hero-stat-num {\n font-family: 'Playfair Display', serif;\n font-size: 36px; font-weight: 700; color: var(--accent); line-height: 1;\n}\n.hero-stat-label { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.35); margin-top: 6px; }\n\n\/* \u2500\u2500\u2500 INTRO STRIP \u2500\u2500\u2500 *\/\n.intro-strip {\n background: var(--accent);\n padding: 22px 60px;\n display: flex; align-items: center; justify-content: space-between; gap: 40px;\n overflow: hidden;\n}\n.intro-strip-text {\n font-family: 'Playfair Display', serif;\n font-size: clamp(15px, 2vw, 20px); font-style: italic;\n color: var(--white); white-space: nowrap;\n}\n.intro-strip-link {\n font-size: 11px; letter-spacing: 2px; text-transform: uppercase;\n color: rgba(255,255,255,0.8); text-decoration: none; flex-shrink: 0;\n white-space: nowrap; transition: color 0.3s;\n}\n.intro-strip-link:hover { color: var(--white); }\n\n\/* \u2500\u2500\u2500 ABOUT \u2500\u2500\u2500 *\/\n.about {\n padding: 120px 60px;\n display: grid; grid-template-columns: 380px 1fr; gap: 0;\n background: var(--cream);\n}\n.about-left {\n padding-right: 60px;\n border-right: 1px solid rgba(13,27,42,0.1);\n}\n.about-index {\n font-size: 10px; letter-spacing: 4px; text-transform: uppercase;\n color: var(--accent); margin-bottom: 20px; font-weight: 500;\n}\n.about-big-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(40px, 4.5vw, 64px); font-weight: 900; line-height: 1.0;\n color: var(--navy); margin-bottom: 32px;\n}\n.about-big-title em { font-style: italic; color: var(--accent); font-weight: 400; }\n.about-left-img {\n width: 100%; aspect-ratio: 4\/5; object-fit: cover; display: block; margin-top: 36px;\n filter: saturate(0.85);\n}\n.about-right { padding-left: 60px; }\n.about-right-intro {\n font-family: 'Playfair Display', serif;\n font-size: 22px; font-style: italic; line-height: 1.55;\n color: var(--navy-mid); margin-bottom: 32px; font-weight: 400;\n}\n.about-right-text { font-size: 14px; line-height: 1.9; color: var(--text-mid); margin-bottom: 18px; font-weight: 300; }\n.about-features {\n display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 40px;\n}\n.about-feature {\n padding: 28px 24px;\n background: var(--white);\n border-left: 3px solid var(--accent);\n transition: transform 0.3s, box-shadow 0.3s;\n}\n.about-feature:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(13,27,42,0.1); }\n.about-feature-icon { font-size: 24px; margin-bottom: 12px; }\n.about-feature-title { font-size: 13px; font-weight: 500; color: var(--navy); margin-bottom: 6px; }\n.about-feature-text { font-size: 12px; line-height: 1.7; color: var(--text-mid); font-weight: 300; }\n.about-right-imgs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 40px; }\n.about-right-imgs img { width: 100%; aspect-ratio: 3\/2; object-fit: cover; display: block; filter: saturate(0.85); }\n\n\/* \u2500\u2500\u2500 SERVICES FULL \u2500\u2500\u2500 *\/\n.services { background: var(--navy); padding: 120px 0; }\n.services-head { padding: 0 60px 64px; display: flex; justify-content: space-between; align-items: flex-end; }\n.services-eyebrow { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--accent); margin-bottom: 16px; }\n.services-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(36px, 4vw, 56px); font-weight: 900; line-height: 1.05;\n color: var(--white);\n}\n.services-title em { font-style: italic; color: var(--accent); font-weight: 400; }\n.services-title .outline { -webkit-text-stroke: 1.5px rgba(255,255,255,0.4); color: transparent; }\n.services-cta-link {\n font-size: 11px; letter-spacing: 2px; text-transform: uppercase;\n color: rgba(255,255,255,0.45); text-decoration: none;\n display: flex; align-items: center; gap: 10px; flex-shrink: 0;\n transition: color 0.3s;\n}\n.services-cta-link:hover { color: var(--accent); }\n\n.services-grid { display: grid; grid-template-columns: repeat(6, 1fr); }\n.service-col {\n padding: 48px 32px;\n border-right: 1px solid rgba(255,255,255,0.07);\n position: relative; overflow: hidden;\n cursor: pointer;\n transition: background 0.4s;\n}\n.service-col:last-child { border-right: none; }\n.service-col::before {\n content: ''; position: absolute; bottom: 0; left: 0; right: 0;\n height: 0; background: var(--accent);\n transition: height 0.4s; z-index: 0;\n}\n.service-col:hover::before { height: 3px; }\n.service-col:hover { background: rgba(255,255,255,0.03); }\n.service-col * { position: relative; z-index: 1; }\n.service-col-num {\n font-family: 'Playfair Display', serif;\n font-size: 52px; font-weight: 900;\n color: rgba(255,255,255,0.06);\n line-height: 1; margin-bottom: 32px;\n transition: color 0.4s;\n}\n.service-col:hover .service-col-num { color: rgba(200,135,58,0.15); }\n.service-col-icon { font-size: 28px; margin-bottom: 20px; display: block; }\n.service-col-title {\n font-family: 'Playfair Display', serif;\n font-size: 16px; color: var(--white); font-weight: 700;\n margin-bottom: 14px; line-height: 1.3;\n}\n.service-col-text { font-size: 11px; line-height: 1.8; color: rgba(255,255,255,0.4); font-weight: 300; }\n.service-col-arrow {\n display: inline-block; margin-top: 24px;\n font-size: 18px; color: var(--accent);\n transform: translateX(0); transition: transform 0.3s;\n}\n.service-col:hover .service-col-arrow { transform: translateX(6px); }\n\n\/* \u2500\u2500\u2500 PROCESS \u2500\u2500\u2500 *\/\n.process { padding: 120px 60px; background: var(--cream-dark); }\n.process-head { text-align: center; margin-bottom: 72px; }\n.process-eyebrow { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--accent); margin-bottom: 16px; }\n.process-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(32px, 3.5vw, 52px); font-weight: 900; color: var(--navy); line-height: 1.1;\n}\n.process-title em { font-style: italic; color: var(--accent); font-weight: 400; }\n.process-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; position: relative; }\n.process-steps::before {\n content: ''; position: absolute; top: 36px; left: 10%; right: 10%;\n height: 1px; background: linear-gradient(to right, transparent, var(--accent), transparent);\n}\n.process-step { text-align: center; padding: 0 28px; }\n.process-step-circle {\n width: 72px; height: 72px; border-radius: 50%;\n background: var(--navy); color: var(--accent);\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 28px;\n font-family: 'Playfair Display', serif; font-size: 28px; font-weight: 900;\n position: relative; z-index: 1;\n box-shadow: 0 0 0 6px var(--cream-dark), 0 0 0 7px rgba(13,27,42,0.1);\n transition: background 0.3s;\n}\n.process-step:hover .process-step-circle { background: var(--accent); color: var(--white); }\n.process-step-title { font-family: 'Playfair Display', serif; font-size: 17px; font-weight: 700; color: var(--navy); margin-bottom: 12px; }\n.process-step-text { font-size: 12px; line-height: 1.8; color: var(--text-mid); font-weight: 300; }\n\n\/* \u2500\u2500\u2500 TEAM \u2500\u2500\u2500 *\/\n.team { padding: 120px 60px; background: var(--cream); }\n.team-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 64px; }\n.team-eyebrow { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--accent); margin-bottom: 16px; }\n.team-title { font-family: 'Playfair Display', serif; font-size: clamp(32px, 3.5vw, 52px); font-weight: 900; color: var(--navy); line-height: 1.05; }\n.team-title em { font-style: italic; color: var(--accent); font-weight: 400; }\n.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }\n.team-card { position: relative; overflow: hidden; cursor: pointer; }\n.team-card-img { position: relative; aspect-ratio: 3\/4; overflow: hidden; }\n.team-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s; filter: saturate(0.8); }\n.team-card:hover .team-card-img img { transform: scale(1.06); }\n.team-card-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(13,27,42,0.9) 0%, rgba(13,27,42,0.2) 50%, transparent 100%);\n transition: background 0.4s;\n}\n.team-card:hover .team-card-overlay { background: linear-gradient(to top, rgba(13,27,42,0.95) 0%, rgba(13,27,42,0.4) 60%, transparent 100%); }\n.team-card-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 28px 24px; }\n.team-card-name { font-family: 'Playfair Display', serif; font-size: 18px; color: var(--white); font-weight: 700; margin-bottom: 4px; }\n.team-card-role { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--accent); }\n.team-card-bio { font-size: 11px; line-height: 1.7; color: rgba(255,255,255,0.6); margin-top: 10px; max-height: 0; overflow: hidden; transition: max-height 0.4s; }\n.team-card:hover .team-card-bio { max-height: 80px; }\n\n\/* \u2500\u2500\u2500 CASES \/ STATS \u2500\u2500\u2500 *\/\n.cases { padding: 0; background: var(--navy); }\n.cases-grid { display: grid; grid-template-columns: 1fr 1fr; }\n.cases-left { padding: 100px 60px; }\n.cases-eyebrow { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--accent); margin-bottom: 20px; }\n.cases-title { font-family: 'Playfair Display', serif; font-size: clamp(32px, 3.5vw, 52px); font-weight: 900; color: var(--white); line-height: 1.1; margin-bottom: 40px; }\n.cases-title em { font-style: italic; color: var(--accent); font-weight: 400; }\n.cases-list { list-style: none; display: flex; flex-direction: column; }\n.cases-item { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,0.08); transition: padding-left 0.3s; cursor: pointer; }\n.cases-item:hover { padding-left: 12px; }\n.cases-item-info { display: flex; flex-direction: column; gap: 4px; }\n.cases-item-name { font-size: 14px; font-weight: 500; color: var(--white); }\n.cases-item-cat { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.35); }\n.cases-item-result { font-size: 11px; color: var(--accent); letter-spacing: 1px; font-weight: 500; }\n.cases-right { position: relative; overflow: hidden; }\n.cases-right img { width: 100%; height: 100%; object-fit: cover; display: block; filter: brightness(0.5) saturate(0.7); }\n.cases-right-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(to right, var(--navy) 0%, transparent 40%);\n display: flex; align-items: center; justify-content: center;\n}\n.cases-big-stat { text-align: center; }\n.cases-big-num { font-family: 'Playfair Display', serif; font-size: 100px; font-weight: 900; color: var(--white); line-height: 1; opacity: 0.12; }\n\n\/* \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 *\/\n.testimonials { padding: 120px 60px; background: var(--cream); }\n.testimonials-head { text-align: center; margin-bottom: 72px; }\n.test-eyebrow { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--accent); margin-bottom: 16px; }\n.test-title { font-family: 'Playfair Display', serif; font-size: clamp(32px, 3.5vw, 52px); font-weight: 900; color: var(--navy); }\n.test-title em { font-style: italic; color: var(--accent); font-weight: 400; }\n.test-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }\n.test-card { background: var(--white); padding: 44px; border-top: 4px solid var(--navy); transition: border-color 0.3s, transform 0.3s; }\n.test-card:hover { border-color: var(--accent); transform: translateY(-6px); }\n.test-stars { color: var(--accent); font-size: 14px; letter-spacing: 4px; margin-bottom: 20px; }\n.test-quote-icon { font-family: 'Playfair Display', serif; font-size: 72px; color: rgba(13,27,42,0.08); line-height: 0.7; margin-bottom: 24px; }\n.test-text { font-family: 'Playfair Display', serif; font-size: 18px; font-style: italic; line-height: 1.65; color: var(--navy); margin-bottom: 28px; }\n.test-divider { width: 40px; height: 2px; background: var(--accent); margin-bottom: 20px; }\n.test-author { font-size: 12px; font-weight: 500; color: var(--navy); letter-spacing: 1px; }\n.test-company { font-size: 11px; color: var(--text-mid); margin-top: 4px; }\n\n\/* \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 *\/\n.contact { background: var(--navy); padding: 0; }\n.contact-grid { display: grid; grid-template-columns: 1fr 1fr; }\n.contact-form-side { padding: 100px 60px; }\n.contact-eyebrow { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--accent); margin-bottom: 20px; }\n.contact-title { font-family: 'Playfair Display', serif; font-size: clamp(36px, 4vw, 58px); font-weight: 900; color: var(--white); line-height: 1.05; margin-bottom: 40px; }\n.contact-title em { font-style: italic; color: var(--accent); font-weight: 400; }\n.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n.form-field { display: flex; flex-direction: column; gap: 8px; }\n.form-field.full { grid-column: 1 \/ -1; }\n.form-label { font-size: 9px; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,0.4); font-weight: 500; }\n.form-input, .form-textarea {\n background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12);\n padding: 14px 18px; font-family: 'DM Sans', sans-serif; font-size: 13px;\n color: var(--white); outline: none; transition: border-color 0.3s;\n}\n.form-input::placeholder, .form-textarea::placeholder { color: rgba(255,255,255,0.25); }\n.form-input:focus, .form-textarea:focus { border-color: var(--accent); }\n.form-textarea { height: 130px; resize: none; }\n.form-submit {\n grid-column: 1 \/ -1; background: var(--accent); border: none;\n color: var(--white); font-family: 'DM Sans', sans-serif;\n font-size: 11px; letter-spacing: 2px; text-transform: uppercase;\n font-weight: 500; padding: 18px; cursor: pointer; transition: background 0.3s;\n margin-top: 8px;\n}\n.form-submit:hover { background: var(--accent-light); }\n\n.contact-info-side {\n background: rgba(255,255,255,0.04);\n padding: 100px 60px;\n border-left: 1px solid rgba(255,255,255,0.08);\n display: flex; flex-direction: column; justify-content: center;\n}\n.contact-img { width: 100%; height: 220px; object-fit: cover; display: block; margin-bottom: 44px; filter: brightness(0.7) saturate(0.8); }\n.contact-info-items { display: flex; flex-direction: column; gap: 28px; }\n.contact-info-item { display: flex; gap: 18px; align-items: flex-start; }\n.contact-info-dot { width: 40px; height: 40px; background: rgba(200,135,58,0.15); border: 1px solid rgba(200,135,58,0.3); display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }\n.contact-info-label { font-size: 9px; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,0.35); margin-bottom: 5px; }\n.contact-info-val { font-size: 14px; color: var(--white); line-height: 1.5; }\n\n\/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\nfooter { background: #080E15; padding: 64px 60px 36px; }\n.footer-row { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 60px; margin-bottom: 56px; }\n.footer-brand-name { font-family: 'Playfair Display', serif; font-size: 28px; font-weight: 900; color: var(--white); letter-spacing: 2px; margin-bottom: 6px; }\n.footer-brand-name span { color: var(--accent); }\n.footer-tagline { font-size: 11px; color: rgba(255,255,255,0.3); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px; }\n.footer-desc { font-size: 12px; line-height: 1.9; color: rgba(255,255,255,0.35); font-weight: 300; max-width: 260px; }\n.footer-col-title { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--accent); 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: rgba(255,255,255,0.35); text-decoration: none; transition: color 0.3s; }\n.footer-col-links a:hover { color: var(--accent); }\n.footer-bottom { border-top: 1px solid rgba(255,255,255,0.07); padding-top: 28px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; }\n.footer-copy { font-size: 11px; color: rgba(255,255,255,0.25); }\n\n\/* \u2500\u2500\u2500 MOBILE MENU \u2500\u2500\u2500 *\/\n.mobile-menu { position: fixed; inset: 0; background: var(--navy); z-index: 200; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; transform: translateX(100%); transition: transform 0.4s; }\n.mobile-menu.open { transform: translateX(0); }\n.mobile-menu a { font-family: 'Playfair Display', serif; font-size: 36px; color: var(--white); text-decoration: none; font-weight: 700; }\n.mobile-menu a:hover { color: var(--accent); }\n.mobile-close { position: absolute; top: 22px; right: 28px; font-size: 28px; color: var(--white); cursor: pointer; background: none; border: none; }\n\n\/* \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500 *\/\n.reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.75s ease, transform 0.75s ease; }\n.reveal.visible { opacity: 1; transform: translateY(0); }\n.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n@media(max-width:1200px){\n .services-grid{grid-template-columns:repeat(3,1fr)}\n .hero-stats-bar{grid-template-columns:repeat(2,1fr)}\n}\n@media(max-width:1024px){\n nav,nav.scrolled{padding:0 28px}\n .nav-links,.nav-right{display:none}\n .hamburger{display:flex}\n .hero-body{grid-template-columns:1fr;padding:40px 28px 0}\n .hero-img-panel{display:none}\n .hero-stats-bar{grid-template-columns:repeat(2,1fr)}\n .hero-top-bar{padding:100px 28px 0}\n .about{grid-template-columns:1fr;padding:80px 28px}\n .about-left{border-right:none;border-bottom:1px solid rgba(13,27,42,0.1);padding-right:0;padding-bottom:48px;margin-bottom:48px}\n .about-right{padding-left:0}\n .services-grid{grid-template-columns:repeat(2,1fr)}\n .services-head{padding:0 28px 48px;flex-direction:column;align-items:flex-start;gap:20px}\n .process{padding:80px 28px}\n .process-steps{grid-template-columns:repeat(2,1fr);gap:48px}\n .process-steps::before{display:none}\n .team{padding:80px 28px}\n .team-grid{grid-template-columns:repeat(2,1fr)}\n .team-head{flex-direction:column;align-items:flex-start;gap:16px}\n .cases-grid{grid-template-columns:1fr}\n .cases-right{display:none}\n .cases-left{padding:80px 28px}\n .test-grid{grid-template-columns:1fr}\n .contact-grid{grid-template-columns:1fr}\n .contact-form-side{padding:80px 28px}\n .contact-info-side{padding:60px 28px;border-left:none;border-top:1px solid rgba(255,255,255,0.08)}\n footer{padding:60px 28px 32px}\n .footer-row{grid-template-columns:1fr 1fr;gap:40px}\n .intro-strip{padding:20px 28px}\n .testimonials{padding:80px 28px}\n}\n@media(max-width:600px){\n .services-grid{grid-template-columns:1fr}\n .team-grid{grid-template-columns:1fr 1fr}\n .process-steps{grid-template-columns:1fr}\n .test-grid{grid-template-columns:1fr}\n .form-grid{grid-template-columns:1fr}\n .footer-row{grid-template-columns:1fr}\n .hero-stats-bar{grid-template-columns:1fr 1fr}\n .about-features{grid-template-columns:1fr}\n .about-right-imgs{grid-template-columns:1fr}\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- LOADER -->\n<div class=\"loader\"><div class=\"loader-text\">SOMS <span>LEGAL<\/span><\/div><\/div>\n\n<!-- MOBILE MENU -->\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<!-- NAV -->\n<nav id=\"navbar\">\n <a class=\"nav-brand\" href=\"#\">\n <div class=\"nav-brand-block\">S<\/div>\n <div class=\"nav-brand-text\">\n <div class=\"nav-brand-name\">SOMS<\/div>\n <div class=\"nav-brand-sub\">Hukuk & Dan\u0131\u015fmanl\u0131k<\/div>\n <\/div>\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">Hakk\u0131m\u0131zda<\/a><\/li>\n <li><a href=\"#services\">Hizmetler<\/a><\/li>\n <li><a href=\"#process\">S\u00fcrecimiz<\/a><\/li>\n <li><a href=\"#team\">Ekibimiz<\/a><\/li>\n <li><a href=\"#contact\">\u0130leti\u015fim<\/a><\/li>\n <\/ul>\n <div class=\"nav-right\">\n <span class=\"nav-tel\">+90 212 XXX XX XX<\/span>\n <a href=\"#contact\" class=\"nav-btn\">Dan\u0131\u015fma Al<\/a>\n <\/div>\n <button class=\"hamburger\" onclick=\"openMobile()\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"hero\">\n <div class=\"hero-top-bar\">\n <div class=\"hero-year\">EST. 1995<\/div>\n <div class=\"hero-label\">\u0130stanbul \u00b7 T\u00fcrkiye<\/div>\n <\/div>\n <div class=\"hero-body\">\n <div class=\"hero-title-area\">\n <div class=\"hero-issue reveal\">Hukuki Dan\u0131\u015fmanl\u0131k & Avukatl\u0131k<\/div>\n <h1 class=\"hero-title reveal d1\">\n <span class=\"outline\">G\u00fc\u00e7l\u00fc<\/span><br>\n <span class=\"accent-word italic\">Savunma,<\/span><br>\n Kesin<br>Sonu\u00e7\n <\/h1>\n <div class=\"hero-divider reveal d2\"><\/div>\n <p class=\"hero-desc reveal d2\">\n 30 y\u0131l\u0131 a\u015fk\u0131n deneyim ve uzman avukat kadromuzla kurumsal, \n ticari ve bireysel hukuki sorunlar\u0131n\u0131zda yan\u0131n\u0131zday\u0131z.\n <\/p>\n <div class=\"hero-cta-row reveal d3\">\n <a href=\"#contact\" class=\"hero-cta-main\">\u00dccretsiz Dan\u0131\u015fma Al<\/a>\n <a href=\"#services\" class=\"hero-cta-ghost\">\n Hizmetlerimiz\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\n <path d=\"M3 9h12M9 3l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"hero-img-panel\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1589994965851-a8f479c573a9?w=800&auto=format&fit=crop&q=80\" alt=\"Hukuk - Adalet Terazisi\">\n <div class=\"hero-img-overlay\"><\/div>\n <div class=\"hero-img-tag\">\n <div class=\"hero-img-tag-num\">%98<\/div>\n <div class=\"hero-img-tag-text\">Ba\u015far\u0131 Oran\u0131<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hero-stats-bar\">\n <div class=\"hero-stat\">\n <div class=\"hero-stat-num\" data-count=\"30\" data-suffix=\"+\">0<\/div>\n <div class=\"hero-stat-label\">Y\u0131l Deneyim<\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hero-stat-num\" data-count=\"1500\" data-suffix=\"+\">0<\/div>\n <div class=\"hero-stat-label\">Tamamlanan Dava<\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hero-stat-num\" data-count=\"12\" data-suffix=\"\">0<\/div>\n <div class=\"hero-stat-label\">Uzman Avukat<\/div>\n <\/div>\n <div class=\"hero-stat\">\n <div class=\"hero-stat-num\" data-count=\"6\" data-suffix=\"\">0<\/div>\n <div class=\"hero-stat-label\">Uzmanl\u0131k Alan\u0131<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- INTRO STRIP -->\n<div class=\"intro-strip\">\n <span class=\"intro-strip-text\">Hukuki meselelerinizde g\u00fcvenilir, stratejik ve kararl\u0131 bir ortak ar\u0131yorsan\u0131z do\u011fru yerdesiniz.<\/span>\n <a href=\"#contact\" class=\"intro-strip-link\">Hemen \u0130leti\u015fime Ge\u00e7in \u2192<\/a>\n<\/div>\n\n<!-- ABOUT -->\n<section class=\"about\" id=\"about\">\n <div class=\"about-left\">\n <div class=\"about-index reveal\">01 \/ Hakk\u0131m\u0131zda<\/div>\n <h2 class=\"about-big-title reveal d1\">\n T\u00fcrkiye'nin<br><em>K\u00f6kl\u00fc<\/em><br>Hukuk B\u00fcrosu\n <\/h2>\n <img decoding=\"async\" class=\"about-left-img reveal d2\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=500&auto=format&fit=crop&q=80\" alt=\"K\u0131demli avukat\">\n <\/div>\n <div class=\"about-right\">\n <p class=\"about-right-intro reveal\">\n \"M\u00fcvekkillerimizin haklar\u0131n\u0131 en \u00fcst d\u00fczeyde korumak, \n her davada adalet ve d\u00fcr\u00fcstl\u00fck ilkesini rehber edinmek \n temel felsefemizdir.\"\n <\/p>\n <p class=\"about-right-text reveal d1\">\n SOMS Hukuk B\u00fcrosu, 1995 y\u0131l\u0131nda \u0130stanbul'da kurulmu\u015f olup \n bug\u00fcn T\u00fcrkiye'nin \u00f6nde gelen hukuk firmalar\u0131ndan biri konumundad\u0131r. \n Uzman kadromuz; kurumsal, ticari, bireysel ve uluslararas\u0131 hukuki \n konularda kapsaml\u0131 \u00e7\u00f6z\u00fcmler \u00fcretmektedir.\n <\/p>\n <p class=\"about-right-text reveal d1\">\n Her m\u00fcvekkile \u00f6zel yakla\u015f\u0131m\u0131m\u0131z, g\u00fc\u00e7l\u00fc analiz yetene\u011fimiz ve \n mahkeme deneyimimizle sonu\u00e7 odakl\u0131 hukuki hizmet sunuyoruz.\n <\/p>\n <div class=\"about-features reveal d2\">\n <div class=\"about-feature\">\n <div class=\"about-feature-icon\">\u2696\ufe0f<\/div>\n <div class=\"about-feature-title\">Deneyimli Kadro<\/div>\n <div class=\"about-feature-text\">Alan\u0131nda uzman 12 avukatl\u0131k bir ekip<\/div>\n <\/div>\n <div class=\"about-feature\">\n <div class=\"about-feature-icon\">\ud83c\udf0d<\/div>\n <div class=\"about-feature-title\">Global A\u011f<\/div>\n <div class=\"about-feature-text\">Avrupa ve Orta Do\u011fu'da ortakl\u0131klar<\/div>\n <\/div>\n <div class=\"about-feature\">\n <div class=\"about-feature-icon\">\ud83c\udfc6<\/div>\n <div class=\"about-feature-title\">Kan\u0131tlanm\u0131\u015f Ba\u015far\u0131<\/div>\n <div class=\"about-feature-text\">1500+ ba\u015far\u0131yla tamamlanan dava<\/div>\n <\/div>\n <div class=\"about-feature\">\n <div class=\"about-feature-icon\">\ud83d\udd12<\/div>\n <div class=\"about-feature-title\">Tam Gizlilik<\/div>\n <div class=\"about-feature-text\">En y\u00fcksek g\u00fcvenlik standartlar\u0131<\/div>\n <\/div>\n <\/div>\n <div class=\"about-right-imgs reveal d3\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521791136064-7986c2920216?w=500&auto=format&fit=crop&q=80\" alt=\"Toplant\u0131 odas\u0131\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1450101499163-c8848c66ca85?w=500&auto=format&fit=crop&q=80\" alt=\"Hukuki belgeler\">\n <\/div>\n <\/div>\n<\/section>\n\n<!-- SERVICES -->\n<section class=\"services\" id=\"services\">\n <div class=\"services-head\">\n <div>\n <div class=\"services-eyebrow reveal\">02 \/ Hizmetler<\/div>\n <h2 class=\"services-title reveal d1\">\n Uzmanl\u0131k <em>Alanlar\u0131m\u0131z<\/em><br>\n <span class=\"outline\">Her Hukuki<\/span> Konuda\n <\/h2>\n <\/div>\n <a href=\"#contact\" class=\"services-cta-link reveal d2\">\n T\u00fcm Hizmetler\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\n <path d=\"M3 9h12M9 3l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-col reveal\">\n <div class=\"service-col-num\">01<\/div>\n <span class=\"service-col-icon\">\u2696\ufe0f<\/span>\n <div class=\"service-col-title\">Kurumsal Hukuk<\/div>\n <div class=\"service-col-text\">\u015eirket kurulu\u015fu, birle\u015fme & devralmalar, y\u00f6netim kurulu dan\u0131\u015fmanl\u0131\u011f\u0131.<\/div>\n <div class=\"service-col-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"service-col reveal d1\">\n <div class=\"service-col-num\">02<\/div>\n <span class=\"service-col-icon\">\ud83e\udd1d<\/span>\n <div class=\"service-col-title\">Ticaret Hukuku<\/div>\n <div class=\"service-col-text\">S\u00f6zle\u015fme, ticari uyu\u015fmazl\u0131k ve i\u015f hukuku dan\u0131\u015fmanl\u0131k hizmetleri.<\/div>\n <div class=\"service-col-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"service-col reveal d2\">\n <div class=\"service-col-num\">03<\/div>\n <span class=\"service-col-icon\">\ud83d\udc65<\/span>\n <div class=\"service-col-title\">\u0130\u015f Hukuku<\/div>\n <div class=\"service-col-text\">\u0130\u015f\u00e7i-i\u015fveren ili\u015fkileri, fesih s\u00fcre\u00e7leri ve toplu i\u015f s\u00f6zle\u015fmeleri.<\/div>\n <div class=\"service-col-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"service-col reveal d3\">\n <div class=\"service-col-num\">04<\/div>\n <span class=\"service-col-icon\">\ud83c\udfdb\ufe0f<\/span>\n <div class=\"service-col-title\">Gayrimenkul<\/div>\n <div class=\"service-col-text\">Ta\u015f\u0131nmaz al\u0131m sat\u0131m, imar hukuku ve kira uyu\u015fmazl\u0131klar\u0131.<\/div>\n <div class=\"service-col-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"service-col reveal d4\">\n <div class=\"service-col-num\">05<\/div>\n <span class=\"service-col-icon\">\ud83c\udf10<\/span>\n <div class=\"service-col-title\">Uluslararas\u0131 Tahkim<\/div>\n <div class=\"service-col-text\">ICC, ICSID nezdinde uluslararas\u0131 ticari uyu\u015fmazl\u0131k \u00e7\u00f6z\u00fcm\u00fc.<\/div>\n <div class=\"service-col-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"service-col reveal d5\">\n <div class=\"service-col-num\">06<\/div>\n <span class=\"service-col-icon\">\ud83d\udcca<\/span>\n <div class=\"service-col-title\">Vergi Hukuku<\/div>\n <div class=\"service-col-text\">Vergi planlamas\u0131, ihtilaf \u00e7\u00f6z\u00fcm\u00fc ve idari s\u00fcre\u00e7 y\u00f6netimi.<\/div>\n <div class=\"service-col-arrow\">\u2192<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- PROCESS -->\n<section class=\"process\" id=\"process\">\n <div class=\"process-head\">\n <div class=\"process-eyebrow reveal\">03 \/ S\u00fcrecimiz<\/div>\n <h2 class=\"process-title reveal d1\">Nas\u0131l <em>\u00c7al\u0131\u015f\u0131yoruz?<\/em><\/h2>\n <\/div>\n <div class=\"process-steps\">\n <div class=\"process-step reveal\">\n <div class=\"process-step-circle\">1<\/div>\n <div class=\"process-step-title\">\u0130lk G\u00f6r\u00fc\u015fme<\/div>\n <p class=\"process-step-text\">\u00dccretsiz \u00f6n dan\u0131\u015fma ile durumunuzu de\u011ferlendiriyor, hukuki stratejinizi belirliyoruz.<\/p>\n <\/div>\n <div class=\"process-step reveal d1\">\n <div class=\"process-step-circle\">2<\/div>\n <div class=\"process-step-title\">Analiz & Strateji<\/div>\n <p class=\"process-step-text\">Davan\u0131z\u0131n t\u00fcm boyutlar\u0131n\u0131 titizlikle analiz edip size \u00f6zel bir eylem plan\u0131 haz\u0131rl\u0131yoruz.<\/p>\n <\/div>\n <div class=\"process-step reveal d2\">\n <div class=\"process-step-circle\">3<\/div>\n <div class=\"process-step-title\">Uygulama<\/div>\n <p class=\"process-step-text\">Belirlenen strateji do\u011frultusunda her ad\u0131m\u0131 kararl\u0131l\u0131kla ve \u015feffaf bi\u00e7imde y\u00fcr\u00fct\u00fcyoruz.<\/p>\n <\/div>\n <div class=\"process-step reveal d3\">\n <div class=\"process-step-circle\">4<\/div>\n <div class=\"process-step-title\">Sonu\u00e7<\/div>\n <p class=\"process-step-text\">M\u00fcvekkilimizin \u00e7\u0131karlar\u0131n\u0131 en \u00fcst d\u00fczeyde koruyarak kal\u0131c\u0131 ve g\u00fc\u00e7l\u00fc sonu\u00e7lar elde ediyoruz.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- TEAM -->\n<section class=\"team\" id=\"team\">\n <div class=\"team-head\">\n <div>\n <div class=\"team-eyebrow reveal\">04 \/ Ekibimiz<\/div>\n <h2 class=\"team-title reveal d1\">Uzman <em>Avukat<\/em> Kadromuz<\/h2>\n <\/div>\n <\/div>\n <div class=\"team-grid\">\n <div class=\"team-card reveal\">\n <div class=\"team-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=400&auto=format&fit=crop&q=80\" alt=\"Av. Ahmet Soms\">\n <div class=\"team-card-overlay\"><\/div>\n <\/div>\n <div class=\"team-card-info\">\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\u0131 a\u015fk\u0131n deneyim. \u0130stanbul Barosu \u00fcyesi.<\/div>\n <\/div>\n <\/div>\n <div class=\"team-card reveal d1\">\n <div class=\"team-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?w=400&auto=format&fit=crop&q=80\" alt=\"Av. Selin Kaya\">\n <div class=\"team-card-overlay\"><\/div>\n <\/div>\n <div class=\"team-card-info\">\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 \u015firket birle\u015fmeleri konusunda uzman. ICC tahkim paneli \u00fcyesi.<\/div>\n <\/div>\n <\/div>\n <div class=\"team-card reveal d2\">\n <div class=\"team-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=400&auto=format&fit=crop&q=80\" alt=\"Av. Mehmet Demir\">\n <div class=\"team-card-overlay\"><\/div>\n <\/div>\n <div class=\"team-card-info\">\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\u015fkileri alan\u0131nda 18 y\u0131ll\u0131k deneyim.<\/div>\n <\/div>\n <\/div>\n <div class=\"team-card reveal d3\">\n <div class=\"team-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=400&auto=format&fit=crop&q=80\" alt=\"Av. Ay\u015fe \u00c7elik\">\n <div class=\"team-card-overlay\"><\/div>\n <\/div>\n <div class=\"team-card-info\">\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 hukuku ve imar mevzuat\u0131 konular\u0131nda lider isim.<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- CASES -->\n<section class=\"cases\">\n <div class=\"cases-grid\">\n <div class=\"cases-left\">\n <div class=\"cases-eyebrow reveal\">05 \/ Referans Davalar<\/div>\n <h2 class=\"cases-title reveal d1\">Kazand\u0131\u011f\u0131m\u0131z <em>\u00d6nemli<\/em> Davalar<\/h2>\n <ul class=\"cases-list reveal d2\">\n <li class=\"cases-item\">\n <div class=\"cases-item-info\"><div class=\"cases-item-name\">Uluslararas\u0131 Holding Birle\u015fmesi<\/div><div class=\"cases-item-cat\">Kurumsal Hukuk<\/div><\/div>\n <div class=\"cases-item-result\">Ba\u015far\u0131yla Tamamland\u0131 \u2713<\/div>\n <\/li>\n <li class=\"cases-item\">\n <div class=\"cases-item-info\"><div class=\"cases-item-name\">500M TL Ticari Tahkim Davas\u0131<\/div><div class=\"cases-item-cat\">Uluslararas\u0131 Tahkim<\/div><\/div>\n <div class=\"cases-item-result\">M\u00fcvekkil Lehine \u2713<\/div>\n <\/li>\n <li class=\"cases-item\">\n <div class=\"cases-item-info\"><div class=\"cases-item-name\">\u0130stanbul Merkez Gayrimenkul<\/div><div class=\"cases-item-cat\">Gayrimenkul Hukuku<\/div><\/div>\n <div class=\"cases-item-result\">\u00c7\u00f6z\u00fcme Kavu\u015ftu \u2713<\/div>\n <\/li>\n <li class=\"cases-item\">\n <div class=\"cases-item-info\"><div class=\"cases-item-name\">\u00c7ok Tarafl\u0131 \u0130\u015f\u00e7i-\u0130\u015fveren Uyu\u015fmazl\u0131\u011f\u0131<\/div><div class=\"cases-item-cat\">\u0130\u015f Hukuku<\/div><\/div>\n <div class=\"cases-item-result\">Uzla\u015fma Sa\u011fland\u0131 \u2713<\/div>\n <\/li>\n <li class=\"cases-item\">\n <div class=\"cases-item-info\"><div class=\"cases-item-name\">Vergi \u0130htilaf\u0131 & \u0130tiraz S\u00fcreci<\/div><div class=\"cases-item-cat\">Vergi Hukuku<\/div><\/div>\n <div class=\"cases-item-result\">\u0130ptal Karar\u0131 \u2713<\/div>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"cases-right\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1479142506502-19b3a3b7ff33?w=700&auto=format&fit=crop&q=80\" alt=\"Adalet\">\n <div class=\"cases-right-overlay\">\n <div class=\"cases-big-stat\"><div class=\"cases-big-num\">98%<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- TESTIMONIALS -->\n<section class=\"testimonials\">\n <div class=\"testimonials-head\">\n <div class=\"test-eyebrow reveal\">06 \/ Referanslar<\/div>\n <h2 class=\"test-title reveal d1\">M\u00fcvekkil <em>G\u00f6r\u00fc\u015fleri<\/em><\/h2>\n <\/div>\n <div class=\"test-grid\">\n <div class=\"test-card reveal\">\n <div class=\"test-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"test-quote-icon\">\"<\/div>\n <p class=\"test-text\">SOMS ekibi, \u015firketimizin kritik birle\u015fme s\u00fcrecinde ola\u011fan\u00fcst\u00fc bir performans sergiledi. Hukuki bilgileri ve stratejik yakla\u015f\u0131mlar\u0131 sayesinde \u00e7ok avantajl\u0131 ko\u015fullarda anla\u015fma sa\u011flad\u0131k.<\/p>\n <div class=\"test-divider\"><\/div>\n <div class=\"test-author\">Ahmet Kaya<\/div>\n <div class=\"test-company\">CEO, 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 <div class=\"test-quote-icon\">\"<\/div>\n <p class=\"test-text\">Uluslararas\u0131 tahkim s\u00fcrecimizde ICC nezdinde SOMS'un temsili m\u00fckemmeldi. Karma\u015f\u0131k bir davay\u0131 b\u00fcy\u00fck bir zaferle kapatt\u0131k. Kesinlikle en iyi hukuk b\u00fcrosu.<\/p>\n <div class=\"test-divider\"><\/div>\n <div class=\"test-author\">Fatma Demir<\/div>\n <div class=\"test-company\">Genel M\u00fcd\u00fcr, 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 <div class=\"test-quote-icon\">\"<\/div>\n <p class=\"test-text\">Gayrimenkul portf\u00f6y\u00fcm\u00fcz\u00fcn yeniden yap\u0131land\u0131r\u0131lmas\u0131nda SOMS'un sundu\u011fu hukuki rehberlik paha bi\u00e7ilemezdi. Her ad\u0131mda \u015feffaf ve proaktif davrand\u0131lar.<\/p>\n <div class=\"test-divider\"><\/div>\n <div class=\"test-author\">Mustafa \u015eahin<\/div>\n <div class=\"test-company\">Portf\u00f6y Y\u00f6neticisi, \u015eahin GYO<\/div>\n <\/div>\n <div class=\"test-card reveal d3\">\n <div class=\"test-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"test-quote-icon\">\"<\/div>\n <p class=\"test-text\">Vergi uyu\u015fmazl\u0131\u011f\u0131m\u0131zda SOMS avukatlar\u0131 hem teknik bilgi hem de stratejik derinlik a\u00e7\u0131s\u0131ndan rakipsizdi. T\u00fcm itirazlar\u0131m\u0131z ba\u015far\u0131yla sonu\u00e7land\u0131.<\/p>\n <div class=\"test-divider\"><\/div>\n <div class=\"test-author\">Zeynep Arslan<\/div>\n <div class=\"test-company\">CFO, Arslan Enerji A.\u015e.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- CONTACT -->\n<section class=\"contact\" id=\"contact\">\n <div class=\"contact-grid\">\n <div class=\"contact-form-side\">\n <div class=\"contact-eyebrow reveal\">07 \/ \u0130leti\u015fim<\/div>\n <h2 class=\"contact-title reveal d1\">\n Hukuki Sorunuzu<br><em>Birlikte<\/em> \u00c7\u00f6zelim\n <\/h2>\n <form class=\"form-grid reveal d2\" onsubmit=\"return false\">\n <div class=\"form-field\">\n <label class=\"form-label\">Ad Soyad<\/label>\n <input class=\"form-input\" type=\"text\" placeholder=\"Ad\u0131n\u0131z Soyad\u0131n\u0131z\">\n <\/div>\n <div class=\"form-field\">\n <label class=\"form-label\">Telefon<\/label>\n <input class=\"form-input\" type=\"tel\" placeholder=\"+90 5XX XXX XX XX\">\n <\/div>\n <div class=\"form-field full\">\n <label class=\"form-label\">E-posta<\/label>\n <input class=\"form-input\" type=\"email\" placeholder=\"ornek@sirket.com\">\n <\/div>\n <div class=\"form-field full\">\n <label class=\"form-label\">Hukuki Konu<\/label>\n <input class=\"form-input\" type=\"text\" placeholder=\"Kurumsal Hukuk, \u0130\u015f Hukuku, Tahkim...\">\n <\/div>\n <div class=\"form-field full\">\n <label class=\"form-label\">Mesaj\u0131n\u0131z<\/label>\n <textarea class=\"form-textarea\" placeholder=\"Davan\u0131z veya hukuki sorunuz hakk\u0131nda k\u0131saca bilgi verin\u2026\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"form-submit\">Mesaj G\u00f6nder \u2192<\/button>\n <\/form>\n <\/div>\n <div class=\"contact-info-side\">\n <img decoding=\"async\" class=\"contact-img\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=700&auto=format&fit=crop&q=80\" alt=\"SOMS Ofis Binas\u0131\">\n <div class=\"contact-info-items reveal\">\n <div class=\"contact-info-item\">\n <div class=\"contact-info-dot\">\ud83d\udccd<\/div>\n <div><div class=\"contact-info-label\">Adres<\/div><div class=\"contact-info-val\">B\u00fcy\u00fckdere Cad. No:XX, \u015ei\u015fli \/ \u0130stanbul<\/div><\/div>\n <\/div>\n <div class=\"contact-info-item\">\n <div class=\"contact-info-dot\">\ud83d\udcde<\/div>\n <div><div class=\"contact-info-label\">Telefon<\/div><div class=\"contact-info-val\">+90 212 XXX XX XX<\/div><\/div>\n <\/div>\n <div class=\"contact-info-item\">\n <div class=\"contact-info-dot\">\u2709\ufe0f<\/div>\n <div><div class=\"contact-info-label\">E-posta<\/div><div class=\"contact-info-val\">info@somslegal.com<\/div><\/div>\n <\/div>\n <div class=\"contact-info-item\">\n <div class=\"contact-info-dot\">\ud83d\udd50<\/div>\n <div><div class=\"contact-info-label\">\u00c7al\u0131\u015fma Saatleri<\/div><div class=\"contact-info-val\">Pazartesi \u2013 Cuma: 09:00 \u2013 18:00<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n <div class=\"footer-row\">\n <div>\n <div class=\"footer-brand-name\">SOMS<span>.<\/span><\/div>\n <div class=\"footer-tagline\">Hukuk & Dan\u0131\u015fmanl\u0131k<\/div>\n <p class=\"footer-desc\">1995'ten bu yana T\u00fcrkiye'nin \u00f6nde gelen hukuk firmalar\u0131ndan biri olarak m\u00fcvekkillerimize \u00fcst d\u00fczey hizmet sunuyoruz.<\/p>\n <\/div>\n <div>\n <div class=\"footer-col-title\">Hizmetler<\/div>\n <ul class=\"footer-col-links\">\n <li><a href=\"#\">Kurumsal Hukuk<\/a><\/li>\n <li><a href=\"#\">Ticaret Hukuku<\/a><\/li>\n <li><a href=\"#\">\u0130\u015f Hukuku<\/a><\/li>\n <li><a href=\"#\">Gayrimenkul<\/a><\/li>\n <li><a href=\"#\">Tahkim<\/a><\/li>\n <li><a href=\"#\">Vergi Hukuku<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"footer-col-title\">Firma<\/div>\n <ul class=\"footer-col-links\">\n <li><a href=\"#\">Hakk\u0131m\u0131zda<\/a><\/li>\n <li><a href=\"#\">Ekibimiz<\/a><\/li>\n <li><a href=\"#\">Referans Davalar<\/a><\/li>\n <li><a href=\"#\">Haberler<\/a><\/li>\n <li><a href=\"#\">Kariyer<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"footer-col-title\">\u0130leti\u015fim<\/div>\n <ul class=\"footer-col-links\">\n <li><a href=\"#\">\u0130stanbul Ofisi<\/a><\/li>\n <li><a href=\"#\">+90 212 XXX XX XX<\/a><\/li>\n <li><a href=\"#\">info@somslegal.com<\/a><\/li>\n <li><a href=\"#\">LinkedIn<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <div class=\"footer-copy\">\u00a9 2025 SOMS Hukuk B\u00fcrosu. T\u00fcm haklar\u0131 sakl\u0131d\u0131r.<\/div>\n <div class=\"footer-copy\">Gizlilik Politikas\u0131 \u00b7 Kullan\u0131m Ko\u015fullar\u0131 \u00b7 \u00c7erez Politikas\u0131<\/div>\n <\/div>\n<\/footer>\n\n<script>\n \/\/ Nav always dark (navy hero bleeds)\n document.getElementById('navbar').classList.add('scrolled');\n\n window.addEventListener('scroll', () => {\n document.getElementById('navbar').classList.add('scrolled');\n });\n\n function openMobile() { document.getElementById('mobileMenu').classList.add('open'); }\n function closeMobile() { document.getElementById('mobileMenu').classList.remove('open'); }\n\n \/\/ Scroll reveal\n const obs = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\n }, { threshold: 0.1 });\n document.querySelectorAll('.reveal').forEach(el => obs.observe(el));\n\n \/\/ Hero reveals on load\n setTimeout(() => {\n document.querySelectorAll('.hero .reveal, .hero-stats-bar .hero-stat').forEach((el, i) => {\n setTimeout(() => el.classList.add('visible'), 1800 + i * 150);\n });\n }, 100);\n\n \/\/ Counters\n function animateCount(el) {\n const target = +el.dataset.count, suffix = el.dataset.suffix || '';\n const step = target \/ (1800 \/ 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<\/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 2 SOMS LEGAL \u2715 Hakk\u0131m\u0131zda Hizmetler Ekibimiz \u0130leti\u015fim S SOMS Hukuk & Dan\u0131\u015fmanl\u0131k Hakk\u0131m\u0131zda Hizmetler S\u00fcrecimiz Ekibimiz \u0130leti\u015fim +90 212 XXX XX XX Dan\u0131\u015fma Al EST. 1995 \u0130stanbul \u00b7 T\u00fcrkiye Hukuki Dan\u0131\u015fmanl\u0131k & Avukatl\u0131k G\u00fc\u00e7l\u00fc Savunma, KesinSonu\u00e7 30 y\u0131l\u0131 a\u015fk\u0131n deneyim ve uzman avukat kadromuzla kurumsal, ticari ve bireysel hukuki sorunlar\u0131n\u0131zda […]<\/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-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages\/19","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=19"}],"version-history":[{"count":4,"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}