{"id":39,"date":"2026-03-24T12:09:17","date_gmt":"2026-03-24T12:09:17","guid":{"rendered":"https:\/\/demo.soms.invekor.net\/?page_id=39"},"modified":"2026-03-24T12:17:30","modified_gmt":"2026-03-24T12:17:30","slug":"demo5","status":"publish","type":"page","link":"https:\/\/demo.soms.invekor.net\/index.php\/demo5\/","title":{"rendered":"demo5"},"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 5<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700;900&family=Cinzel+Decorative:wght@400;700&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --burgundy: #2D0A14;\n --burgundy-mid: #3D1020;\n --burgundy-light: #5C1E30;\n --gold: #C9A84C;\n --gold-light: #E2C97A;\n --gold-pale: #F5EBD0;\n --gold-dim: rgba(201,168,76,0.25);\n --cream: #F8F2E6;\n --cream-dark: #EDE3CC;\n --text-light: rgba(248,242,230,0.7);\n --text-dim: rgba(248,242,230,0.35);\n}\n\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\nbody { font-family: 'EB Garamond', serif; background: var(--burgundy); color: var(--cream); overflow-x: hidden; }\n\n\/* \u2500\u2500\u2500 ART DECO PATTERNS \u2500\u2500\u2500 *\/\n.deco-line { display: flex; align-items: center; gap: 12px; margin: 20px 0; }\n.deco-line::before, .deco-line::after { content: ''; flex: 1; height: 1px; background: linear-gradient(to right, transparent, var(--gold), transparent); }\n.deco-line-sym { color: var(--gold); font-size: 14px; letter-spacing: 8px; }\n\n.deco-corner { position: absolute; width: 60px; height: 60px; }\n.deco-corner.tl { top: 20px; left: 20px; border-top: 1px solid var(--gold); border-left: 1px solid var(--gold); }\n.deco-corner.tr { top: 20px; right: 20px; border-top: 1px solid var(--gold); border-right: 1px solid var(--gold); }\n.deco-corner.bl { bottom: 20px; left: 20px; border-bottom: 1px solid var(--gold); border-left: 1px solid var(--gold); }\n.deco-corner.br { bottom: 20px; right: 20px; border-bottom: 1px solid var(--gold); border-right: 1px solid var(--gold); }\n\n\/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\nnav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n height: 72px; display: flex; align-items: center; justify-content: space-between;\n padding: 0 64px;\n border-bottom: 1px solid var(--gold-dim);\n transition: all 0.4s;\n}\nnav.scrolled { background: rgba(45,10,20,0.97); backdrop-filter: blur(20px); }\n.nav-logo { display: flex; align-items: center; gap: 16px; text-decoration: none; }\n.nav-logo-emblem {\n width: 44px; height: 44px; border: 1px solid var(--gold);\n display: flex; align-items: center; justify-content: center;\n position: relative;\n}\n.nav-logo-emblem::before {\n content: ''; position: absolute; inset: 3px;\n border: 1px solid var(--gold-dim);\n}\n.nav-logo-emblem-s { font-family: 'Cinzel', serif; font-size: 20px; font-weight: 700; color: var(--gold); line-height: 1; }\n.nav-logo-text { display: flex; flex-direction: column; }\n.nav-logo-name { font-family: 'Cinzel', serif; font-size: 14px; font-weight: 700; color: var(--gold); letter-spacing: 4px; line-height: 1; }\n.nav-logo-sub { font-size: 8.5px; letter-spacing: 3px; text-transform: uppercase; color: var(--text-dim); margin-top: 3px; font-family: 'EB Garamond', serif; }\n.nav-links { display: flex; gap: 36px; list-style: none; }\n.nav-links a { font-family: 'Cinzel', serif; font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--text-light); text-decoration: none; transition: color 0.3s; }\n.nav-links a:hover { color: var(--gold); }\n.nav-cta {\n font-family: 'Cinzel', serif; font-size: 9px; letter-spacing: 2.5px; text-transform: uppercase;\n color: var(--burgundy); background: var(--gold);\n padding: 10px 24px; text-decoration: none; font-weight: 700;\n transition: background 0.3s;\n}\n.nav-cta:hover { background: var(--gold-light); }\n.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; }\n.hamburger span { width: 22px; height: 1px; background: var(--gold); display: block; }\n\n\/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n.hero {\n min-height: 100vh; position: relative; overflow: hidden;\n display: flex; align-items: center; justify-content: center;\n}\n.hero-bg { position: absolute; inset: 0; }\n.hero-bg img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.2) saturate(0.3); display: block; }\n.hero-bg-overlay { position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(45,10,20,0.4) 0%, rgba(45,10,20,0.9) 70%); }\n\n\/* Art deco geometric bg *\/\n.hero-bg-deco {\n position: absolute; inset: 0;\n background-image:\n radial-gradient(ellipse at 50% 50%, transparent 40%, rgba(201,168,76,0.04) 100%);\n}\n.hero-bg-lines {\n position: absolute; inset: 0; overflow: hidden;\n}\n.hero-bg-lines::before {\n content: '';\n position: absolute; top: 50%; left: 50%;\n width: 700px; height: 700px;\n border: 1px solid rgba(201,168,76,0.08);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n box-shadow:\n 0 0 0 80px rgba(201,168,76,0.04),\n 0 0 0 160px rgba(201,168,76,0.03),\n 0 0 0 240px rgba(201,168,76,0.02);\n}\n\n.hero-content { position: relative; z-index: 2; text-align: center; padding: 120px 40px 80px; max-width: 900px; }\n.hero-pre {\n font-family: 'Cinzel', serif; font-size: 9px; letter-spacing: 6px;\n text-transform: uppercase; color: var(--gold); margin-bottom: 28px;\n display: flex; align-items: center; justify-content: center; gap: 20px;\n}\n.hero-pre::before, .hero-pre::after { content: '\u25c6'; font-size: 6px; }\n\n.hero-title-top {\n font-family: 'Cinzel Decorative', serif;\n font-size: clamp(12px, 1.8vw, 18px); font-weight: 400;\n color: var(--gold); letter-spacing: 8px; text-transform: uppercase;\n margin-bottom: 16px;\n}\n.hero-title-main {\n font-family: 'Cinzel', serif;\n font-size: clamp(48px, 7vw, 100px);\n font-weight: 900; line-height: 0.9; letter-spacing: -1px;\n color: var(--cream); text-transform: uppercase; margin-bottom: 12px;\n}\n.hero-title-sub {\n font-family: 'Cinzel Decorative', serif;\n font-size: clamp(12px, 1.8vw, 18px); font-weight: 400;\n color: var(--gold); letter-spacing: 8px; text-transform: uppercase;\n margin-bottom: 0;\n}\n.hero-deco-mid {\n display: flex; align-items: center; justify-content: center; gap: 20px;\n margin: 32px 0;\n}\n.hero-deco-mid-line { flex: 1; max-width: 120px; height: 1px; background: linear-gradient(to right, transparent, var(--gold)); }\n.hero-deco-mid-line.rev { background: linear-gradient(to left, transparent, var(--gold)); }\n.hero-deco-mid-sym { font-family: 'Cinzel', serif; font-size: 18px; color: var(--gold); letter-spacing: 8px; }\n.hero-desc {\n font-size: 17px; line-height: 1.85; color: var(--text-light);\n max-width: 580px; margin: 0 auto 48px; font-style: italic;\n}\n.hero-btns { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }\n.hero-btn-gold {\n font-family: 'Cinzel', serif; font-size: 9px; letter-spacing: 3px;\n text-transform: uppercase; color: var(--burgundy); background: var(--gold);\n padding: 16px 40px; text-decoration: none; font-weight: 700;\n transition: background 0.3s; position: relative;\n}\n.hero-btn-gold:hover { background: var(--gold-light); }\n.hero-btn-outline {\n font-family: 'Cinzel', serif; font-size: 9px; letter-spacing: 3px;\n text-transform: uppercase; color: var(--gold);\n border: 1px solid var(--gold); padding: 16px 40px;\n text-decoration: none; transition: all 0.3s;\n}\n.hero-btn-outline:hover { background: var(--gold-dim); }\n\n.hero-stats-row {\n display: flex; justify-content: center; gap: 0;\n margin-top: 72px; border-top: 1px solid var(--gold-dim);\n padding-top: 40px;\n}\n.hero-stat { padding: 0 52px; border-right: 1px solid var(--gold-dim); text-align: center; }\n.hero-stat:last-child { border-right: none; }\n.hero-stat-n { font-family: 'Cinzel', serif; font-size: 36px; font-weight: 700; color: var(--gold); line-height: 1; }\n.hero-stat-l { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--text-dim); margin-top: 8px; font-family: 'Cinzel', serif; }\n\n\/* \u2500\u2500\u2500 SECTION HEADER \u2500\u2500\u2500 *\/\n.sec-header { text-align: center; margin-bottom: 72px; }\n.sec-tag { font-family: 'Cinzel', serif; font-size: 9px; letter-spacing: 5px; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; }\n.sec-title { font-family: 'Cinzel', serif; font-size: clamp(28px, 3.2vw, 46px); font-weight: 700; color: var(--cream); letter-spacing: 2px; text-transform: uppercase; line-height: 1.15; }\n.sec-title span { color: var(--gold); }\n.sec-title-dark { color: var(--burgundy); }\n.sec-title-dark span { color: var(--burgundy-light); }\n\n\/* \u2500\u2500\u2500 ABOUT \u2500\u2500\u2500 *\/\n.about { padding: 120px 80px; background: var(--cream); }\n.about-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n.about-imgs { position: relative; }\n.about-img-main { width: 100%; aspect-ratio: 3\/4; object-fit: cover; display: block; filter: saturate(0.8); }\n.about-img-deco-frame {\n position: absolute; inset: -12px;\n border: 1px solid rgba(45,10,20,0.2); pointer-events: none;\n}\n.about-img-badge {\n position: absolute; bottom: 32px; right: -28px;\n background: var(--burgundy); padding: 24px 28px; text-align: center;\n border: 1px solid var(--gold-dim);\n}\n.about-img-badge-n { font-family: 'Cinzel', serif; font-size: 38px; color: var(--gold); font-weight: 700; line-height: 1; }\n.about-img-badge-t { font-size: 9px; letter-spacing: 2px; text-transform: uppercase; color: rgba(248,242,230,0.5); margin-top: 5px; font-family: 'Cinzel', serif; }\n.about-text-area {}\n.about-tag { font-family: 'Cinzel', serif; font-size: 9px; letter-spacing: 5px; text-transform: uppercase; color: var(--burgundy-light); margin-bottom: 12px; }\n.about-h { font-family: 'Cinzel', serif; font-size: clamp(26px, 2.8vw, 40px); font-weight: 700; color: var(--burgundy); letter-spacing: 1px; text-transform: uppercase; line-height: 1.2; margin-bottom: 8px; }\n.about-h span { color: var(--burgundy-light); }\n.deco-line-dark { display: flex; align-items: center; gap: 10px; margin: 20px 0; }\n.deco-line-dark::before, .deco-line-dark::after { content: ''; flex: 1; height: 1px; background: linear-gradient(to right, transparent, var(--burgundy-light), transparent); }\n.deco-line-dark-sym { color: var(--burgundy-light); font-size: 12px; letter-spacing: 6px; }\n.about-body { font-size: 16px; line-height: 1.9; color: #4A2030; margin-bottom: 16px; }\n.about-body-italic { font-style: italic; font-size: 17px; color: var(--burgundy); border-left: 3px solid var(--gold); padding: 14px 20px; margin: 28px 0; background: var(--cream-dark); }\n.about-features { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 32px; }\n.about-feat { padding: 20px; border: 1px solid rgba(45,10,20,0.12); background: var(--cream-dark); }\n.about-feat-title { font-family: 'Cinzel', serif; font-size: 11px; letter-spacing: 1.5px; color: var(--burgundy); font-weight: 700; margin-bottom: 6px; }\n.about-feat-text { font-size: 13px; color: #6A3040; line-height: 1.6; }\n.about-btn {\n display: inline-block; margin-top: 36px;\n font-family: 'Cinzel', serif; font-size: 9px; letter-spacing: 3px; text-transform: uppercase;\n color: var(--cream); background: var(--burgundy);\n padding: 14px 34px; text-decoration: none; transition: background 0.3s;\n border: 1px solid var(--burgundy);\n}\n.about-btn:hover { background: var(--burgundy-light); }\n\n\/* \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 *\/\n.services { padding: 120px 80px; background: var(--burgundy-mid); position: relative; overflow: hidden; }\n.services::before {\n content: '';\n position: absolute; inset: 0;\n background-image: repeating-linear-gradient(0deg, transparent, transparent 79px, rgba(201,168,76,0.04) 80px),\n repeating-linear-gradient(90deg, transparent, transparent 79px, rgba(201,168,76,0.04) 80px);\n}\n.services-inner { position: relative; z-index: 1; }\n.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; margin-top: 60px; }\n.service-card {\n padding: 48px 36px; background: rgba(45,10,20,0.6);\n border: 1px solid var(--gold-dim); position: relative; overflow: hidden;\n transition: background 0.4s, border-color 0.4s; cursor: pointer;\n}\n.service-card::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;\n background: linear-gradient(to right, transparent, var(--gold), transparent);\n transform: scaleX(0); transition: transform 0.4s;\n}\n.service-card:hover::before { transform: scaleX(1); }\n.service-card:hover { background: rgba(45,10,20,0.9); border-color: rgba(201,168,76,0.4); }\n.service-card-roman {\n font-family: 'Cinzel Decorative', serif; font-size: 11px;\n color: var(--gold-dim); letter-spacing: 3px; margin-bottom: 20px;\n transition: color 0.4s;\n}\n.service-card:hover .service-card-roman { color: var(--gold); }\n.service-card-icon { font-size: 28px; margin-bottom: 20px; }\n.service-card-title { font-family: 'Cinzel', serif; font-size: 14px; font-weight: 700; color: var(--gold); letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 16px; }\n.service-card-text { font-size: 14px; line-height: 1.8; color: var(--text-light); }\n.service-card-arrow { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; font-family: 'Cinzel', serif; font-size: 9px; letter-spacing: 2px; text-transform: uppercase; color: var(--gold-light); opacity: 0; transition: opacity 0.3s; }\n.service-card:hover .service-card-arrow { opacity: 1; }\n\n\/* \u2500\u2500\u2500 FULL IMAGE \u2500\u2500\u2500 *\/\n.full-img { height: 480px; position: relative; overflow: hidden; }\n.full-img img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.35) saturate(0.5); display: block; }\n.full-img-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(to bottom, rgba(45,10,20,0.3), rgba(45,10,20,0.7));\n display: flex; align-items: center; justify-content: center;\n}\n.full-img-content { text-align: center; padding: 0 40px; }\n.full-img-quote {\n font-family: 'Cinzel Decorative', serif;\n font-size: clamp(14px, 2.2vw, 26px); font-weight: 400;\n color: var(--cream); line-height: 1.5; max-width: 760px; margin: 0 auto;\n}\n.full-img-quote span { color: var(--gold); }\n\n\/* \u2500\u2500\u2500 TEAM \u2500\u2500\u2500 *\/\n.team { padding: 120px 80px; background: var(--burgundy); }\n.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; margin-top: 60px; }\n.team-card { position: relative; cursor: pointer; }\n.team-card-frame {\n aspect-ratio: 3\/4; overflow: hidden; position: relative;\n border: 1px solid var(--gold-dim);\n}\n.team-card-frame::before {\n content: ''; position: absolute; inset: 8px; z-index: 2;\n border: 1px solid rgba(201,168,76,0.2); pointer-events: none;\n transition: border-color 0.4s;\n}\n.team-card:hover .team-card-frame::before { border-color: rgba(201,168,76,0.5); }\n.team-card-frame img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(0.6) brightness(0.85); transition: transform 0.5s, filter 0.4s; }\n.team-card:hover .team-card-frame img { transform: scale(1.05); filter: saturate(0.8) brightness(0.9); }\n.team-card-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(45,10,20,0.85) 0%, transparent 55%); }\n.team-card-info { text-align: center; padding: 20px 0 0; }\n.team-card-name { font-family: 'Cinzel', serif; font-size: 13px; font-weight: 700; color: var(--gold); letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 4px; }\n.team-card-role { font-size: 11px; color: var(--text-dim); letter-spacing: 2px; font-style: italic; }\n.team-card-deco { display: flex; justify-content: center; margin: 10px 0; }\n.team-card-deco-line { width: 32px; height: 1px; background: linear-gradient(to right, transparent, var(--gold), transparent); }\n.team-card-bio { font-size: 12px; line-height: 1.7; color: var(--text-dim); text-align: center; }\n\n\/* \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 *\/\n.testimonials { padding: 120px 80px; background: var(--gold-pale); }\n.test-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 60px; }\n.test-card {\n background: var(--cream); padding: 44px 36px;\n border-top: 3px solid var(--burgundy);\n position: relative; transition: transform 0.3s, box-shadow 0.3s;\n}\n.test-card:hover { transform: translateY(-6px); box-shadow: 0 20px 60px rgba(45,10,20,0.12); }\n.test-card-corner { position: absolute; top: 16px; right: 16px; font-family: 'Cinzel Decorative', serif; font-size: 32px; color: rgba(45,10,20,0.07); }\n.test-stars { color: var(--gold); letter-spacing: 3px; font-size: 13px; margin-bottom: 20px; }\n.test-text { font-size: 15px; line-height: 1.85; color: #3A1828; font-style: italic; margin-bottom: 28px; }\n.test-sep { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }\n.test-sep-line { flex: 1; height: 1px; background: linear-gradient(to right, var(--burgundy-light), transparent); }\n.test-sep-sym { color: var(--burgundy-light); font-size: 10px; }\n.test-author { font-family: 'Cinzel', serif; font-size: 11px; font-weight: 700; color: var(--burgundy); letter-spacing: 1.5px; }\n.test-co { font-size: 11px; color: #7A4050; margin-top: 4px; font-style: italic; }\n\n\/* \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 *\/\n.contact { padding: 120px 80px; background: var(--burgundy-mid); position: relative; overflow: hidden; }\n.contact::before {\n content: '';\n position: absolute; inset: 0;\n background-image: repeating-linear-gradient(0deg, transparent, transparent 79px, rgba(201,168,76,0.03) 80px),\n repeating-linear-gradient(90deg, transparent, transparent 79px, rgba(201,168,76,0.03) 80px);\n}\n.contact-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }\n.contact-left {}\n.contact-tag { font-family: 'Cinzel', serif; font-size: 9px; letter-spacing: 5px; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; }\n.contact-h { font-family: 'Cinzel', serif; font-size: clamp(26px, 2.8vw, 42px); font-weight: 700; color: var(--cream); letter-spacing: 1px; text-transform: uppercase; line-height: 1.2; margin-bottom: 12px; }\n.contact-h span { color: var(--gold); }\n.contact-sub { font-size: 15px; line-height: 1.85; color: var(--text-light); margin-bottom: 48px; font-style: italic; }\n.contact-info { display: flex; flex-direction: column; gap: 24px; }\n.c-row { display: flex; gap: 18px; align-items: flex-start; }\n.c-icon { width: 42px; height: 42px; border: 1px solid var(--gold-dim); display: flex; align-items: center; justify-content: center; font-size: 17px; flex-shrink: 0; }\n.c-label { font-family: 'Cinzel', serif; font-size: 8px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); margin-bottom: 5px; }\n.c-val { font-size: 14px; color: var(--text-light); line-height: 1.5; }\n.contact-img { width: 100%; height: 200px; object-fit: cover; display: block; margin-top: 36px; filter: brightness(0.5) saturate(0.5); border: 1px solid var(--gold-dim); }\n\n.contact-right {}\n.cf { display: flex; flex-direction: column; gap: 20px; }\n.cf-f { display: flex; flex-direction: column; gap: 8px; }\n.cf-f-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n.cf-lbl { font-family: 'Cinzel', serif; font-size: 8px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); }\n.cf-inp, .cf-ta, .cf-sel {\n background: rgba(248,242,230,0.06); border: 1px solid var(--gold-dim);\n padding: 13px 16px; font-family: 'EB Garamond', serif; font-size: 15px;\n color: var(--cream); outline: none; transition: border-color 0.3s;\n}\n.cf-inp::placeholder, .cf-ta::placeholder { color: var(--text-dim); }\n.cf-inp:focus, .cf-ta:focus, .cf-sel:focus { border-color: rgba(201,168,76,0.6); }\n.cf-ta { height: 120px; resize: none; }\n.cf-sel { cursor: pointer; appearance: none; }\n.cf-sel option { background: var(--burgundy); }\n.cf-sub {\n background: var(--gold); border: none;\n font-family: 'Cinzel', serif; font-size: 9px; letter-spacing: 3px; text-transform: uppercase;\n color: var(--burgundy); font-weight: 700; padding: 17px;\n cursor: pointer; transition: background 0.3s;\n}\n.cf-sub:hover { background: var(--gold-light); }\n\n\/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\nfooter { background: var(--burgundy); border-top: 1px solid var(--gold-dim); padding: 80px 80px 40px; }\n.footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 64px; margin-bottom: 56px; }\n.footer-brand-logo { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; }\n.footer-logo-emblem { width: 40px; height: 40px; border: 1px solid var(--gold-dim); display: flex; align-items: center; justify-content: center; position: relative; }\n.footer-logo-emblem::before { content: ''; position: absolute; inset: 3px; border: 1px solid rgba(201,168,76,0.15); }\n.footer-logo-emblem-s { font-family: 'Cinzel', serif; font-size: 18px; font-weight: 700; color: var(--gold); }\n.footer-logo-name { font-family: 'Cinzel', serif; font-size: 18px; font-weight: 700; color: var(--gold); letter-spacing: 3px; }\n.footer-desc { font-size: 13px; line-height: 1.9; color: var(--text-dim); max-width: 240px; font-style: italic; }\n.footer-col-title { font-family: 'Cinzel', serif; font-size: 9px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); margin-bottom: 24px; }\n.footer-links { list-style: none; display: flex; flex-direction: column; gap: 12px; }\n.footer-links a { font-size: 13px; color: var(--text-dim); text-decoration: none; transition: color 0.3s; }\n.footer-links a:hover { color: var(--gold); }\n.footer-bottom { border-top: 1px solid var(--gold-dim); padding-top: 28px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; align-items: center; }\n.footer-bottom-deco { font-family: 'Cinzel', serif; font-size: 10px; color: var(--gold); letter-spacing: 3px; }\n.footer-copy { font-size: 11px; color: var(--text-dim); letter-spacing: 1px; font-family: 'Cinzel', serif; }\n\n\/* \u2500\u2500\u2500 MOBILE \u2500\u2500\u2500 *\/\n.mobile-menu { position: fixed; inset: 0; background: var(--burgundy); 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: 'Cinzel', serif; font-size: 26px; color: var(--cream); text-decoration: none; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }\n.mobile-menu a:hover { color: var(--gold); }\n.mobile-close { position: absolute; top: 22px; right: 28px; font-size: 22px; color: var(--gold); cursor: pointer; background: none; border: none; font-family: 'Cinzel', serif; }\n\n\/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500 *\/\n.reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.8s ease, transform 0.8s 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}\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n@media(max-width:1100px){\n nav,nav.scrolled{padding:0 28px}\n .nav-links,.nav-cta{display:none}\n .hamburger{display:flex}\n .about-inner{grid-template-columns:1fr;padding:80px 28px;gap:60px}\n .about-img-badge{right:0}\n .services{padding:80px 28px}\n .services-grid{grid-template-columns:1fr 1fr}\n .full-img{height:320px}\n .team{padding:80px 28px}\n .team-grid{grid-template-columns:repeat(2,1fr)}\n .testimonials{padding:80px 28px}\n .test-grid{grid-template-columns:1fr}\n .contact{padding:80px 28px}\n .contact-inner{grid-template-columns:1fr;gap:60px}\n footer{padding:60px 28px 36px}\n .footer-top{grid-template-columns:1fr 1fr;gap:40px}\n .about{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 .about-features{grid-template-columns:1fr}\n .hero-stats-row{flex-direction:column;gap:24px;align-items:center}\n .hero-stat{border-right:none;padding:0;border-bottom:1px solid var(--gold-dim);padding-bottom:20px;width:100%;text-align:center}\n .hero-stat:last-child{border-bottom:none;padding-bottom:0}\n .footer-top{grid-template-columns:1fr}\n .cf-f-row{grid-template-columns:1fr}\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- MOBILE -->\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-logo\" href=\"#\">\n <div class=\"nav-logo-emblem\"><div class=\"nav-logo-emblem-s\">S<\/div><\/div>\n <div class=\"nav-logo-text\">\n <div class=\"nav-logo-name\">SOMS<\/div>\n <div class=\"nav-logo-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=\"#team\">Ekibimiz<\/a><\/li>\n <li><a href=\"#contact\">\u0130leti\u015fim<\/a><\/li>\n <\/ul>\n <a href=\"#contact\" class=\"nav-cta\">Randevu Al<\/a>\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-bg\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1589829545856-d10d557cf95f?w=1600&auto=format&fit=crop&q=80\" alt=\"Hukuk\">\n <div class=\"hero-bg-overlay\"><\/div>\n <\/div>\n <div class=\"hero-bg-deco\"><\/div>\n <div class=\"hero-bg-lines\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-pre reveal\">T\u00fcrkiye'nin K\u00f6kl\u00fc Hukuk B\u00fcrosu<\/div>\n <div class=\"hero-title-top reveal d1\">Hukuk & Dan\u0131\u015fmanl\u0131k<\/div>\n <h1 class=\"hero-title-main reveal d2\">SOMS<\/h1>\n <div class=\"hero-title-sub reveal d2\">Est. MCMXCV \u00b7 \u0130stanbul<\/div>\n <div class=\"hero-deco-mid reveal d3\">\n <div class=\"hero-deco-mid-line\"><\/div>\n <div class=\"hero-deco-mid-sym\">\u25c6 \u25c6 \u25c6<\/div>\n <div class=\"hero-deco-mid-line rev\"><\/div>\n <\/div>\n <p class=\"hero-desc reveal d3\">Otuz y\u0131l\u0131 a\u015fk\u0131n deneyimimizle kurumsal, ticari ve uluslararas\u0131 hukuk alanlar\u0131nda m\u00fcvekkillerimize en se\u00e7kin hukuki hizmetleri sunmaktay\u0131z.<\/p>\n <div class=\"hero-btns reveal d4\">\n <a href=\"#contact\" class=\"hero-btn-gold\">\u00dccretsiz Dan\u0131\u015fma<\/a>\n <a href=\"#services\" class=\"hero-btn-outline\">Hizmetlerimiz<\/a>\n <\/div>\n <div class=\"hero-stats-row reveal d4\">\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=\"98\" data-suffix=\"%\">0<\/div>\n <div class=\"hero-stat-l\">Memnuniyet<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ABOUT -->\n<section class=\"about\" id=\"about\">\n <div class=\"about-inner\">\n <div class=\"about-imgs reveal\">\n <img decoding=\"async\" class=\"about-img-main\" src=\"https:\/\/images.unsplash.com\/photo-1521791136064-7986c2920216?w=600&auto=format&fit=crop&q=80\" alt=\"Toplant\u0131\">\n <div class=\"about-img-deco-frame\"><\/div>\n <div class=\"about-img-badge\">\n <div class=\"about-img-badge-n\">30+<\/div>\n <div class=\"about-img-badge-t\">Y\u0131l<\/div>\n <\/div>\n <\/div>\n <div class=\"about-text-area\">\n <div class=\"about-tag reveal\">\u2014 Hakk\u0131m\u0131zda<\/div>\n <h2 class=\"about-h reveal d1\">T\u00dcRK\u0130YE'N\u0130N <span>K\u00d6KL\u00dc<\/span> HUKUK B\u00dcROSU<\/h2>\n <div class=\"deco-line-dark reveal d1\"><div class=\"deco-line-dark-sym\">\u25c6<\/div><\/div>\n <p class=\"about-body reveal d2\">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.<\/p>\n <blockquote class=\"about-body-italic 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 <div class=\"about-features reveal d3\">\n <div class=\"about-feat\"><div class=\"about-feat-title\">Deneyimli Kadro<\/div><div class=\"about-feat-text\">Alan\u0131nda uzman 12 ki\u015filik avukat ekibi<\/div><\/div>\n <div class=\"about-feat\"><div class=\"about-feat-title\">Global A\u011f<\/div><div class=\"about-feat-text\">Avrupa ve Orta Do\u011fu'da ortakl\u0131klar<\/div><\/div>\n <div class=\"about-feat\"><div class=\"about-feat-title\">Kan\u0131tlanm\u0131\u015f Ba\u015far\u0131<\/div><div class=\"about-feat-text\">1500+ ba\u015far\u0131yla tamamlanan dava<\/div><\/div>\n <div class=\"about-feat\"><div class=\"about-feat-title\">Tam Gizlilik<\/div><div class=\"about-feat-text\">En y\u00fcksek g\u00fcvenlik standartlar\u0131<\/div><\/div>\n <\/div>\n <a href=\"#contact\" class=\"about-btn reveal d4\">Daha Fazla Bilgi<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- SERVICES -->\n<section class=\"services\" id=\"services\">\n <div class=\"services-inner\">\n <div class=\"sec-header\">\n <div class=\"sec-tag reveal\">\u2014 Uzmanl\u0131k Alanlar\u0131 \u2014<\/div>\n <div class=\"deco-line reveal d1\"><div class=\"deco-line-sym\">\u25c6 \u25c6 \u25c6<\/div><\/div>\n <h2 class=\"sec-title reveal d1\">KAPSAML\u0131 <span>HUKUK\u0130<\/span> H\u0130ZMETLER<\/h2>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card reveal\">\n <div class=\"service-card-roman\">I<\/div>\n <div class=\"service-card-icon\">\u2696\ufe0f<\/div>\n <div class=\"service-card-title\">Kurumsal Hukuk<\/div>\n <div class=\"service-card-text\">\u015eirket kurulu\u015fu, birle\u015fme & devralmalar ve kurumsal y\u00f6netim dan\u0131\u015fmanl\u0131\u011f\u0131.<\/div>\n <div class=\"service-card-arrow\">Detayl\u0131 Bilgi \u2192<\/div>\n <\/div>\n <div class=\"service-card reveal d1\">\n <div class=\"service-card-roman\">II<\/div>\n <div class=\"service-card-icon\">\ud83e\udd1d<\/div>\n <div class=\"service-card-title\">Ticaret Hukuku<\/div>\n <div class=\"service-card-text\">S\u00f6zle\u015fme haz\u0131rlama, ticari uyu\u015fmazl\u0131k \u00e7\u00f6z\u00fcm\u00fc ve stratejik dan\u0131\u015fmanl\u0131k.<\/div>\n <div class=\"service-card-arrow\">Detayl\u0131 Bilgi \u2192<\/div>\n <\/div>\n <div class=\"service-card reveal d2\">\n <div class=\"service-card-roman\">III<\/div>\n <div class=\"service-card-icon\">\ud83d\udc65<\/div>\n <div class=\"service-card-title\">\u0130\u015f Hukuku<\/div>\n <div class=\"service-card-text\">\u0130\u015f\u00e7i-i\u015fveren ili\u015fkileri, fesih s\u00fcre\u00e7leri ve i\u015f mahkemesi temsili.<\/div>\n <div class=\"service-card-arrow\">Detayl\u0131 Bilgi \u2192<\/div>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-card-roman\">IV<\/div>\n <div class=\"service-card-icon\">\ud83c\udfdb\ufe0f<\/div>\n <div class=\"service-card-title\">Gayrimenkul Hukuku<\/div>\n <div class=\"service-card-text\">Ta\u015f\u0131nmaz al\u0131m sat\u0131m, imar hukuku ve kira uyu\u015fmazl\u0131klar\u0131.<\/div>\n <div class=\"service-card-arrow\">Detayl\u0131 Bilgi \u2192<\/div>\n <\/div>\n <div class=\"service-card reveal d1\">\n <div class=\"service-card-roman\">V<\/div>\n <div class=\"service-card-icon\">\ud83c\udf10<\/div>\n <div class=\"service-card-title\">Uluslararas\u0131 Tahkim<\/div>\n <div class=\"service-card-text\">ICC, ICSID nezdinde uluslararas\u0131 ticari uyu\u015fmazl\u0131k \u00e7\u00f6z\u00fcm\u00fc.<\/div>\n <div class=\"service-card-arrow\">Detayl\u0131 Bilgi \u2192<\/div>\n <\/div>\n <div class=\"service-card reveal d2\">\n <div class=\"service-card-roman\">VI<\/div>\n <div class=\"service-card-icon\">\ud83d\udcca<\/div>\n <div class=\"service-card-title\">Vergi Hukuku<\/div>\n <div class=\"service-card-text\">Vergi planlamas\u0131, ihtilaf \u00e7\u00f6z\u00fcm\u00fc ve idari s\u00fcre\u00e7 y\u00f6netimi.<\/div>\n <div class=\"service-card-arrow\">Detayl\u0131 Bilgi \u2192<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FULL IMAGE -->\n<div class=\"full-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1479142506502-19b3a3b7ff33?w=1600&auto=format&fit=crop&q=80\" alt=\"Adalet\">\n <div class=\"full-img-overlay\">\n <div class=\"full-img-content\">\n <p class=\"full-img-quote\">\"Hukuki meselelerinizde <span>g\u00fcvenilir, stratejik<\/span> ve kararl\u0131 bir ortak ar\u0131yorsan\u0131z, do\u011fru yerdesiniz.\"<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- TEAM -->\n<section class=\"team\" id=\"team\">\n <div class=\"sec-header\">\n <div class=\"sec-tag reveal\">\u2014 Ekibimiz \u2014<\/div>\n <div class=\"deco-line reveal d1\"><div class=\"deco-line-sym\">\u25c6 \u25c6 \u25c6<\/div><\/div>\n <h2 class=\"sec-title reveal d1\">UZMAN <span>AVUKAT<\/span> KADROMUZ<\/h2>\n <\/div>\n <div class=\"team-grid\">\n <div class=\"team-card reveal\">\n <div class=\"team-card-frame\">\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-deco\"><div class=\"team-card-deco-line\"><\/div><\/div>\n <div class=\"team-card-bio\">Kurumsal hukuk ve tahkim alan\u0131nda 30+ y\u0131l deneyim.<\/div>\n <\/div>\n <\/div>\n <div class=\"team-card reveal d1\">\n <div class=\"team-card-frame\">\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-deco\"><div class=\"team-card-deco-line\"><\/div><\/div>\n <div class=\"team-card-bio\">Ticaret hukuku ve birle\u015fmeler uzman\u0131.<\/div>\n <\/div>\n <\/div>\n <div class=\"team-card reveal d2\">\n <div class=\"team-card-frame\">\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-deco\"><div class=\"team-card-deco-line\"><\/div><\/div>\n <div class=\"team-card-bio\">\u0130\u015f hukuku ve toplu i\u015f ili\u015fkileri uzman\u0131.<\/div>\n <\/div>\n <\/div>\n <div class=\"team-card reveal d3\">\n <div class=\"team-card-frame\">\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-deco\"><div class=\"team-card-deco-line\"><\/div><\/div>\n <div class=\"team-card-bio\">Gayrimenkul ve imar mevzuat\u0131 uzman\u0131.<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- TESTIMONIALS -->\n<section class=\"testimonials\">\n <div class=\"sec-header\">\n <div class=\"sec-tag reveal\" style=\"color:var(--burgundy-light)\">\u2014 Referanslar \u2014<\/div>\n <div class=\"deco-line-dark reveal d1\"><div class=\"deco-line-dark-sym\">\u25c6<\/div><\/div>\n <h2 class=\"sec-title sec-title-dark reveal d1\">M\u00dcVEKK\u0130L <span>G\u00d6R\u00dc\u015eLER\u0130<\/span><\/h2>\n <\/div>\n <div class=\"test-grid\">\n <div class=\"test-card reveal\">\n <div class=\"test-card-corner\">\"<\/div>\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. Son derece avantajl\u0131 ko\u015fullarda anla\u015fma sa\u011flad\u0131k.<\/p>\n <div class=\"test-sep\"><div class=\"test-sep-line\"><\/div><div class=\"test-sep-sym\">\u25c6<\/div><\/div>\n <div class=\"test-author\">Ahmet Kaya<\/div>\n <div class=\"test-co\">CEO, Kaya Holding A.\u015e.<\/div>\n <\/div>\n <div class=\"test-card reveal d1\">\n <div class=\"test-card-corner\">\"<\/div>\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 class=\"test-sep-line\"><\/div><div class=\"test-sep-sym\">\u25c6<\/div><\/div>\n <div class=\"test-author\">Fatma Demir<\/div>\n <div class=\"test-co\">Genel M\u00fcd\u00fcr, Demir Tekstil<\/div>\n <\/div>\n <div class=\"test-card reveal d2\">\n <div class=\"test-card-corner\">\"<\/div>\n <div class=\"test-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"test-text\">Gayrimenkul portf\u00f6y\u00fcm\u00fcz\u00fcn yap\u0131land\u0131r\u0131lmas\u0131nda SOMS'un rehberli\u011fi paha bi\u00e7ilemezdi. Her ad\u0131mda \u015feffaf ve sonu\u00e7 odakl\u0131 \u00e7al\u0131\u015ft\u0131lar.<\/p>\n <div class=\"test-sep\"><div class=\"test-sep-line\"><\/div><div class=\"test-sep-sym\">\u25c6<\/div><\/div>\n <div class=\"test-author\">Mustafa \u015eahin<\/div>\n <div class=\"test-co\">Yat\u0131r\u0131mc\u0131, \u015eahin GYO<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- CONTACT -->\n<section class=\"contact\" id=\"contact\">\n <div class=\"contact-inner\">\n <div class=\"contact-left\">\n <div class=\"contact-tag reveal\">\u2014 \u0130leti\u015fim \u2014<\/div>\n <div class=\"deco-line reveal d1\"><div class=\"deco-line-sym\">\u25c6<\/div><\/div>\n <h2 class=\"contact-h reveal d1\">HUKUKI SORUNUNUZU <span>B\u0130RL\u0130KTE<\/span> \u00c7\u00d6ZEL\u0130M<\/h2>\n <p class=\"contact-sub reveal d2\">Deneyimli avukat kadromuzla \u00fccretsiz \u00f6n dan\u0131\u015fma al\u0131n. En k\u0131sa s\u00fcrede sizinle ileti\u015fime ge\u00e7ece\u011fiz.<\/p>\n <div class=\"contact-info reveal d2\">\n <div class=\"c-row\"><div class=\"c-icon\">\ud83d\udccd<\/div><div><div class=\"c-label\">Adres<\/div><div class=\"c-val\">B\u00fcy\u00fckdere Cad. No:XX, \u015ei\u015fli \/ \u0130stanbul<\/div><\/div><\/div>\n <div class=\"c-row\"><div class=\"c-icon\">\ud83d\udcde<\/div><div><div class=\"c-label\">Telefon<\/div><div class=\"c-val\">+90 212 XXX XX XX<\/div><\/div><\/div>\n <div class=\"c-row\"><div class=\"c-icon\">\u2709\ufe0f<\/div><div><div class=\"c-label\">E-posta<\/div><div class=\"c-val\">info@somslegal.com<\/div><\/div><\/div>\n <div class=\"c-row\"><div class=\"c-icon\">\ud83d\udd50<\/div><div><div class=\"c-label\">Mesai<\/div><div class=\"c-val\">Pazartesi \u2013 Cuma: 09:00 \u2013 18:00<\/div><\/div><\/div>\n <\/div>\n <img decoding=\"async\" class=\"contact-img\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=700&auto=format&fit=crop&q=80\" alt=\"Ofis\">\n <\/div>\n <div class=\"contact-right reveal d1\">\n <form class=\"cf\" onsubmit=\"return false\">\n <div class=\"cf-f-row\">\n <div class=\"cf-f\"><label class=\"cf-lbl\">Ad Soyad<\/label><input class=\"cf-inp\" type=\"text\" placeholder=\"Ad\u0131n\u0131z Soyad\u0131n\u0131z\"><\/div>\n <div class=\"cf-f\"><label class=\"cf-lbl\">Telefon<\/label><input class=\"cf-inp\" type=\"tel\" placeholder=\"+90 5XX XXX XX XX\"><\/div>\n <\/div>\n <div class=\"cf-f\"><label class=\"cf-lbl\">E-posta<\/label><input class=\"cf-inp\" type=\"email\" placeholder=\"ornek@sirket.com\"><\/div>\n <div class=\"cf-f\">\n <label class=\"cf-lbl\">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-f\"><label class=\"cf-lbl\">Mesaj\u0131n\u0131z<\/label><textarea class=\"cf-ta\" placeholder=\"Hukuki durumunuzu k\u0131saca a\u00e7\u0131klay\u0131n\u2026\"><\/textarea><\/div>\n <button type=\"submit\" class=\"cf-sub\">\u25c6 MESAJ G\u00d6NDER \u25c6<\/button>\n <\/form>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n <div class=\"footer-top\">\n <div>\n <div class=\"footer-brand-logo\">\n <div class=\"footer-logo-emblem\"><div class=\"footer-logo-emblem-s\">S<\/div><\/div>\n <div class=\"footer-logo-name\">SOMS<\/div>\n <\/div>\n <p class=\"footer-desc\">1995'ten bu yana T\u00fcrkiye'nin en k\u00f6kl\u00fc hukuk b\u00fcrolar\u0131ndan biri olarak se\u00e7kin hukuki hizmetler sunuyoruz.<\/p>\n <\/div>\n <div>\n <div class=\"footer-col-title\">Hizmetler<\/div>\n <ul class=\"footer-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>\n <div class=\"footer-col-title\">Firma<\/div>\n <ul class=\"footer-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>\n <div class=\"footer-col-title\">\u0130leti\u015fim<\/div>\n <ul class=\"footer-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>\n <div class=\"footer-bottom\">\n <div class=\"footer-bottom-deco\">\u25c6 SOMS \u25c6<\/div>\n <div class=\"footer-copy\">\u00a9 2025 SOMS Hukuk B\u00fcrosu \u2014 T\u00fcm Haklar\u0131 Sakl\u0131d\u0131r<\/div>\n <div class=\"footer-copy\">Gizlilik \u00b7 Kullan\u0131m Ko\u015fullar\u0131<\/div>\n <\/div>\n<\/footer>\n\n<script>\n window.addEventListener('scroll', () => {\n document.getElementById('navbar').classList.toggle('scrolled', window.scrollY > 60);\n });\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.1 });\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 \/ (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\n setTimeout(() => {\n document.querySelectorAll('.hero .reveal').forEach((el, i) => {\n setTimeout(() => el.classList.add('visible'), 300 + i * 180);\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 5 \u2715 Hakk\u0131m\u0131zda Hizmetler Ekibimiz \u0130leti\u015fim S SOMS Hukuk & Dan\u0131\u015fmanl\u0131k Hakk\u0131m\u0131zda Hizmetler Ekibimiz \u0130leti\u015fim Randevu Al T\u00fcrkiye’nin K\u00f6kl\u00fc Hukuk B\u00fcrosu Hukuk & Dan\u0131\u015fmanl\u0131k SOMS Est. MCMXCV \u00b7 \u0130stanbul \u25c6 \u25c6 \u25c6 Otuz y\u0131l\u0131 a\u015fk\u0131n deneyimimizle kurumsal, ticari ve uluslararas\u0131 hukuk alanlar\u0131nda m\u00fcvekkillerimize en se\u00e7kin hukuki hizmetleri sunmaktay\u0131z. \u00dccretsiz Dan\u0131\u015fma Hizmetlerimiz […]<\/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-39","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages\/39","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=39"}],"version-history":[{"count":4,"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/pages\/39\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/demo.soms.invekor.net\/index.php\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}