/* Innovex: kendi marka rengi, Ritma'nın tipografi ve aralık disiplini. */
.innovex-page { --iv-red:#ff294b; --iv-red-dark:#df1536; --iv-ink:#202020; --iv-paper:#f7f5f2; --iv-muted:#6a6867; }
.innovex-page main { overflow:clip; }
.innovex-page h1,.innovex-page main h2,.innovex-page main h3 { letter-spacing:-.02em; }
.innovex-page main h2 { font-size:clamp(36px,4.2vw,54px); line-height:1.08; font-weight:800; }
.innovex-page em { font-style:normal; }
.iv-hero { padding:48px 0 0; background:var(--iv-ink); color:#fff; }
.iv-brandline { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-bottom:62px; }
.iv-brandline > img { width:210px; height:auto; }
.iv-brandline > span { color:#c9c6c4; font-size:12px; }
.iv-brandline i { margin:0 12px; opacity:.5; }
.iv-hero-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:66px; }
.iv-kicker,.iv-eyebrow { display:block; font-size:12px; line-height:1.5; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.iv-kicker { color:#f9afb9; margin-bottom:26px; }
.iv-hero h1 { font-size:clamp(64px,6.5vw,98px); font-weight:800; line-height:.98; }
.iv-hero h1 em { color:var(--iv-red); }
.iv-hero-copy > p { max-width:440px; margin-top:30px; color:#d0ccca; font-size:18px; line-height:1.65; }
.iv-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:30px; }
.iv-button { display:inline-flex; align-items:center; justify-content:center; gap:28px; padding:17px 24px; border:1px solid transparent; border-radius:11px; background:var(--iv-red); color:white; font:inherit; font-size:14px; font-weight:700; text-decoration:none; cursor:pointer; transition:background-color .18s; }
.iv-button:hover { background:var(--iv-red-dark); }
.iv-button:disabled { opacity:.65; cursor:wait; }
.iv-button--dark { background:var(--iv-ink); }
.iv-button--dark:hover { background:#3d3d3d; }
.iv-text-link { display:inline-flex; align-items:center; gap:12px; color:inherit; font-size:14px; font-weight:600; text-decoration:none; }
.iv-text-link:hover { text-decoration:underline; text-underline-offset:5px; }
.iv-hero-visual { position:relative; min-width:0; padding-bottom:20px; }
.iv-studio { display:block; width:100%; height:560px; object-fit:cover; object-position:52% 42%; border-radius:170px 20px 20px 20px; }
.iv-photo-note { position:absolute; bottom:48px; left:-24px; padding:22px 28px; background:var(--iv-paper); color:var(--iv-ink); border-radius:12px; font-size:17px; line-height:1.5; }
.iv-photo-note b { font-size:24px; letter-spacing:-.02em; }
.iv-mark { position:absolute; width:96px; height:96px; right:-22px; bottom:-3px; border-radius:18px; }
.iv-hero-foot { display:flex; justify-content:space-between; gap:25px; border-top:1px solid #ffffff24; padding:32px 0; margin-top:62px; color:#ddd8d5; font-size:15px; }
.iv-hero-foot span:before { content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--iv-red); vertical-align:middle; margin-right:14px; }
.iv-eyebrow { color:var(--iv-red-dark); margin-bottom:22px; }
.iv-intro-grid { display:grid; grid-template-columns:.65fr 1.35fr; gap:90px; }
.iv-intro-grid > .iv-eyebrow { max-width:180px; padding-top:7px; }
.iv-intro h2 { max-width:800px; }
.iv-intro h2 em { color:var(--iv-muted); }
.iv-intro p { max-width:650px; margin-top:28px; font-size:18px; line-height:1.75; color:var(--iv-muted); }
.iv-services { background:var(--iv-paper); }
.iv-section-head { display:flex; justify-content:space-between; align-items:end; gap:70px; margin-bottom:48px; }
.iv-section-head > p { max-width:330px; color:var(--iv-muted); font-size:17px; line-height:1.7; padding-bottom:4px; }
.iv-service-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.iv-service { position:relative; min-width:0; padding:38px; border-radius:22px; background:#fff; display:flex; flex-direction:column; align-items:start; }
.iv-service-top { display:flex; align-items:center; justify-content:space-between; width:100%; margin-bottom:38px; min-height:42px; gap:20px; }
.iv-service-label { font-size:12px; font-weight:600; letter-spacing:.03em; }
.iv-service-top > svg { width:38px; height:38px; }
.iv-service h3 { font-size:clamp(28px,2.8vw,38px); font-weight:750; line-height:1.12; }
.iv-service p { max-width:430px; margin:22px 0 28px; font-size:15px; line-height:1.75; color:var(--iv-muted); }
.iv-service--performance { background:var(--iv-ink); color:white; }
.iv-service--performance p { color:#d2cecb; }
.iv-service--performance .iv-service-top svg { color:var(--iv-red); }
.iv-service--creative { background:#f3dfdb; }
.iv-type-mark { font-size:36px; font-weight:800; letter-spacing:-.08em; line-height:1; }
.iv-type-mark > span { color:var(--iv-red-dark); }
.iv-channel-list { display:flex; flex-wrap:wrap; gap:10px; margin-top:auto; }
.iv-channel-list span { padding:7px 11px; border:1px solid #ffffff3a; border-radius:7px; font-size:11px; font-weight:500; }
.iv-color-line { display:flex; width:150px; height:30px; border-radius:5px; overflow:hidden; margin-top:auto; }
.iv-color-line i { flex:1; background:var(--iv-red); }
.iv-color-line i:nth-child(2) { background:#202020; }.iv-color-line i:nth-child(3) { background:#a9b4a5; }.iv-color-line i:nth-child(4) { background:#faf8f0; }
.iv-motion-line { display:flex; gap:7px; align-items:center; height:32px; margin-top:auto; }
.iv-motion-line i { width:5px; height:14px; background:var(--iv-red); border-radius:5px; }
.iv-motion-line i:nth-child(3n) { height:30px; }.iv-motion-line i:nth-child(3n+1) { height:22px; }
.iv-service--identity { background:#e7e8e3; }
.iv-identity-caption { font-size:12px; color:var(--iv-muted); margin-top:auto; }
.iv-process-line { display:grid; grid-template-columns:repeat(4,1fr); gap:35px; }
.iv-process-line article { position:relative; border-top:1px solid var(--border); padding-top:32px; }
.iv-process-dot { position:absolute; top:-4px; left:0; width:7px; height:7px; background:var(--iv-red); border-radius:50%; }
.iv-process h3 { font-size:19px; line-height:1.25; font-weight:700; }
.iv-process-line p { margin-top:14px; font-size:14px; line-height:1.75; color:var(--iv-muted); }
.iv-gainup { padding:0 0 110px; }
.iv-gainup-shell { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:55px; padding:50px; border-radius:28px; background:var(--iv-paper); }
.iv-gainup-copy { min-width:0; }
.iv-gainup-logo { display:block; width:144px; height:auto; margin:0 0 26px; }
.innovex-page .iv-gainup h2 { font-size:clamp(30px,3vw,42px); }
.iv-gainup h2 em { color:var(--iv-red-dark); }
.iv-gainup-copy > p { color:var(--iv-muted); font-size:16px; line-height:1.7; margin-top:23px; }
.iv-gainup-features { list-style:none; margin-top:25px; display:grid; grid-template-columns:1fr 1fr; gap:21px 22px; }
.iv-gainup-features b { display:block; font-size:13px; line-height:1.4; }
.iv-gainup-features span { display:block; margin-top:6px; color:var(--iv-muted); font-size:12px; line-height:1.6; }
.iv-gainup .iv-actions { gap:18px; }
.iv-gainup .iv-text-link { font-size:12px; }
.iv-gainup-figure { min-width:0; padding:0; }
.iv-product-bar { display:flex; align-items:center; gap:5px; padding:14px; background:#fff; border:1px solid var(--border); border-bottom:none; border-radius:13px 13px 0 0; }
.iv-product-bar > span { width:5px; height:5px; border-radius:50%; background:#d0ccca; }
.iv-product-bar b { margin-left:10px; color:var(--iv-muted); font-size:9px; font-weight:500; }
.iv-gainup-figure > img { width:100%; height:auto; display:block; border:1px solid var(--border); border-radius:0 0 10px 10px; box-shadow:var(--sh-lg); }
.iv-gainup-figure figcaption { margin-top:15px; color:var(--iv-muted); font-size:10px; text-align:center; }
.iv-gainup-channels { display:flex; flex-wrap:wrap; justify-content:center; gap:17px; margin-top:24px; font-size:11px; font-weight:600; }
.iv-enquiry { background:var(--iv-paper); }
.iv-enquiry-grid { display:grid; grid-template-columns:.65fr 1.35fr; align-items:start; gap:60px; }
.iv-enquiry-intro { position:sticky; top:120px; }
.iv-enquiry-intro > p { margin-top:26px; color:var(--iv-muted); font-size:17px; line-height:1.7; max-width:290px; }
.iv-enquiry-sign { display:flex; gap:15px; align-items:center; margin-top:40px; font-size:12px; line-height:1.7; }
.iv-enquiry-sign img { width:54px; height:54px; border-radius:12px; }
.iv-enquiry-sign b { font-weight:600; }
.iv-form-shell { min-width:0; background:#fff; padding:40px; border:1px solid var(--border); border-radius:24px; box-shadow:var(--sh-sm); }
.iv-form-shell h3 { font-size:25px; font-weight:750; }
.iv-form-lead { color:var(--iv-muted); font-size:13px; line-height:1.6; margin:8px 0 27px; }
.iv-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px 18px; }
.iv-field { min-width:0; }
.iv-field label { display:block; font-size:13px; font-weight:600; margin-bottom:9px; }
.iv-field label > span,.iv-fieldset legend > span { color:var(--iv-red-dark); }
.iv-field input,.iv-field textarea { display:block; width:100%; min-width:0; border:1px solid #ddd9d5; border-radius:9px; padding:13px 14px; background:#fff; color:var(--iv-ink); font:inherit; font-size:13px; line-height:1.6; }
.iv-field textarea { resize:vertical; min-height:120px; }
.iv-field input:focus,.iv-field textarea:focus { border-color:var(--iv-red); outline:2px solid #ff294b20; outline-offset:1px; }
.iv-field input::placeholder,.iv-field textarea::placeholder { color:#827f7c; opacity:1; }
.iv-fieldset { border:0; min-width:0; margin:29px 0 25px; padding:0; }
.iv-fieldset legend { font-size:14px; line-height:1.4; font-weight:650; margin-bottom:12px; }
.iv-fieldset > p { margin:-5px 0 14px; color:var(--iv-muted); font-size:12px; }
.iv-choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.iv-choice { display:flex; align-items:center; gap:10px; padding:13px; border:1px solid var(--border); border-radius:9px; cursor:pointer; font-size:12px; line-height:1.5; }
.iv-choice:has(input:checked) { border-color:var(--iv-red); background:#fff4f5; }
.iv-choice input,.iv-radio-list input,.iv-privacy input { width:16px; height:16px; accent-color:var(--iv-red-dark); flex:0 0 16px; }
.iv-other { margin-top:18px; }
.iv-selection-grid { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.iv-selection-grid .iv-fieldset { margin-top:0; }
.iv-radio-list { display:grid; gap:13px; }
.iv-radio-list label { display:flex; align-items:start; gap:9px; cursor:pointer; font-size:12px; line-height:1.55; }
.iv-radio-list input { margin-top:2px; }
.iv-privacy { display:flex; align-items:center; gap:9px; font-size:12px; margin-top:22px; line-height:1.6; }
.iv-privacy a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.iv-error { display:block; color:#b61e38; font-size:11px; line-height:1.5; margin-top:5px; }
.iv-error:empty { display:none; }
[aria-invalid=true] { border-color:#b61e38 !important; }
.iv-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.iv-form-status { color:#b61e38; background:#fff4f5; padding:13px; border-radius:8px; font-size:13px; margin:18px 0; }
#iv-submit { margin-top:23px; width:100%; }
.iv-success { padding:38px 0; }
.iv-success > span { display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:#e8f1ed; color:#25624b; font-size:24px; margin-bottom:25px; }
.iv-success p { margin:16px 0 24px; color:var(--iv-muted); line-height:1.7; }
#yaklasim,#hizmetler,#surec,#gainup,#proje-gorusmesi { scroll-margin-top:95px; }
.innovex-page main a:focus-visible,.innovex-page main button:focus-visible { outline:3px solid var(--iv-red); outline-offset:4px; }
@media(min-width:1680px) { .iv-hero-grid { gap:90px; } .iv-studio { height:610px; } }
@media(max-width:1100px) { .iv-hero-grid { gap:34px; }.iv-hero h1 { font-size:70px; }.iv-studio { height:510px; }.iv-intro-grid { gap:45px; }.iv-enquiry-grid { grid-template-columns:.65fr 1.35fr; gap:30px; }.iv-form-shell { padding:28px; }.iv-gainup-shell { padding:36px; gap:35px; }.iv-gainup-features { grid-template-columns:1fr; gap:15px; } }
@media(max-width:850px) { .iv-hero-grid { grid-template-columns:1fr; gap:45px; }.iv-hero-copy { max-width:580px; }.iv-hero h1 { font-size:80px; }.iv-studio { height:450px; border-radius:100px 18px 18px 18px; }.iv-hero-visual { max-width:650px; margin-left:25px; margin-right:20px; }.iv-brandline { margin-bottom:48px; }.iv-intro-grid { grid-template-columns:1fr; gap:15px; }.iv-intro-grid > .iv-eyebrow { max-width:none; }.iv-section-head { display:block; }.iv-section-head > p { margin-top:25px; max-width:500px; }.iv-service { padding:28px; }.iv-process-line { grid-template-columns:1fr 1fr; gap:35px; }.iv-gainup-shell { grid-template-columns:1fr; gap:38px; }.iv-gainup-features { grid-template-columns:1fr 1fr; }.iv-enquiry-grid { grid-template-columns:1fr; gap:35px; }.iv-enquiry-intro { position:static; }.iv-enquiry-intro > p { max-width:500px; }.iv-enquiry-sign { margin-top:24px; } }
@media(max-width:560px) { .iv-hero { padding-top:30px; }.iv-brandline { align-items:start; gap:18px; }.iv-brandline > img { width:150px; }.iv-brandline > span { font-size:10px; max-width:120px; text-align:right; }.iv-brandline i { margin:0 4px; }.iv-hero h1 { font-size:clamp(57px,13.6vw,76px); }.iv-kicker { font-size:10px; }.iv-hero-copy > p { font-size:16px; }.iv-actions { gap:18px; }.iv-button { padding:15px 18px; gap:18px; font-size:13px; }.iv-text-link { font-size:12px; }.iv-studio { height:340px; border-radius:85px 16px 16px 16px; }.iv-hero-visual { margin-left:12px; margin-right:12px; }.iv-photo-note { left:-12px; bottom:40px; padding:15px; font-size:13px; }.iv-photo-note b { font-size:19px; }.iv-mark { width:67px; height:67px; right:-12px; border-radius:12px; }.iv-hero-foot { gap:15px; padding:23px 0; margin-top:34px; font-size:10px; }.iv-hero-foot span:before { display:none; }.iv-eyebrow { font-size:10px; }.iv-intro p { font-size:16px; }.iv-service-grid { grid-template-columns:1fr; gap:16px; }.iv-service { padding:28px; }.iv-service-top { margin-bottom:28px; }.iv-service h3 { font-size:32px; }.iv-service p { font-size:14px; }.iv-process-line { grid-template-columns:1fr; gap:27px; }.iv-process-line article { padding-top:24px; }.iv-gainup { padding-bottom:70px; }.iv-gainup-shell { padding:25px 20px; border-radius:20px; }.iv-gainup-logo { width:120px; }.iv-gainup-features { grid-template-columns:1fr; gap:17px; }.iv-gainup-channels { font-size:10px; gap:13px; }.iv-form-shell { padding:26px 20px; border-radius:18px; }.iv-contact-grid,.iv-choice-grid,.iv-selection-grid { grid-template-columns:1fr; }.iv-selection-grid { gap:0; }.iv-choice { padding:12px; }.iv-enquiry-intro h2 br { display:none; } }

/* Innovex stüdyosu: hareketli görsel anlatım, ölçülü tipografi. */
.iv-hero.iv-hero--studio { background:#fff; color:var(--iv-ink); padding:38px 0 75px; }
.iv-hero--studio .iv-brandline { margin-bottom:38px; }
.iv-hero--studio .iv-brandline > img { width:174px; filter:brightness(0); }
.iv-hero--studio .iv-brandline > span { color:var(--iv-muted); }
.iv-hero-lead { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:90px; margin-bottom:35px; }
.iv-hero--studio h1 { font-size:clamp(34px,3.4vw,48px); line-height:1.12; font-weight:750; }
.iv-hero--studio h1 em { color:var(--iv-red-dark); }
.iv-hero-lead > div { max-width:400px; justify-self:end; }
.iv-hero-lead p { color:var(--iv-muted); font-size:15px; line-height:1.75; margin-bottom:18px; }
.iv-hero-lead .iv-button { padding:12px 18px; font-size:12px; gap:25px; }
.iv-motion-stage { background:#f5f2ed; border-radius:24px; overflow:hidden; border:1px solid #ece6df; }
.iv-studio-toolbar { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:21px 28px 0; position:relative; z-index:1; }
.iv-studio-toolbar > span { display:flex; align-items:center; gap:10px; font-size:11px; font-weight:600; color:#5e5a56; }
.iv-studio-toolbar i { width:6px; height:6px; border-radius:50%; background:var(--iv-red); }
.iv-motion-toggle { display:flex; align-items:center; gap:6px; border:0; background:transparent; padding:7px; color:#605a55; font:inherit; font-size:10px; cursor:pointer; border-radius:6px; }
.iv-motion-toggle:hover { background:#eae4dc; }
.iv-motion-toggle svg { width:14px; height:14px; }
#innovexCanvas { display:block; width:100%; height:405px; }
.iv-studio-footer { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:25px 30px; border-top:1px solid #e5ded6; background:#ffffff8c; }
.iv-studio-description { max-width:490px; }
.iv-studio-description b { display:block; font-size:16px; font-weight:650; letter-spacing:-.02em; }
.iv-studio-description p { color:#746d66; font-size:12px; line-height:1.6; margin-top:6px; }
.iv-studio-phases { display:flex; gap:6px; }
.iv-studio-phases button { padding:10px 13px; background:transparent; border:1px solid transparent; border-radius:8px; color:#756b64; font:inherit; font-size:12px; cursor:pointer; }
.iv-studio-phases button[aria-pressed=true] { background:#fff; border-color:#e6dfd8; color:#c51b36; font-weight:650; box-shadow:0 3px 9px #3a201008; }
@media(max-width:900px) { .iv-hero-lead { gap:38px; grid-template-columns:1.1fr 1fr; } .iv-hero--studio h1 { font-size:36px; } .iv-studio-footer { align-items:start; } .iv-studio-description { max-width:360px; } }
@media(max-width:650px) { .iv-hero.iv-hero--studio { padding-top:27px; padding-bottom:50px; } .iv-hero--studio .iv-brandline { margin-bottom:32px; } .iv-hero--studio .iv-brandline > img { width:148px; } .iv-hero-lead { grid-template-columns:1fr; gap:22px; margin-bottom:28px; } .iv-hero-lead > div { justify-self:start; max-width:440px; } .iv-hero--studio h1 { font-size:34px; } .iv-hero-lead p { font-size:14px; } .iv-studio-toolbar { padding:15px 15px 0; } #innovexCanvas { height:330px; } .iv-motion-stage { border-radius:18px; } .iv-studio-footer { flex-direction:column; gap:19px; padding:22px 19px; } .iv-studio-phases { width:100%; } .iv-studio-phases button { flex:1; font-size:11px; padding:10px; } .iv-studio-description b { font-size:15px; } .iv-studio-description p { font-size:11px; } }

/* metin seçimi marka renginde */
.innovex-page ::selection { background:#FC2B4A; color:#fff; }