/* Isolated OvaSoft visual exploration. Content and application logic unchanged. */
body { background:#f6f8fc; color:#14283f; }
h1,h2,h3 { text-wrap:balance; }
h2 { letter-spacing:-.045em!important; line-height:1.13!important; }
p { text-wrap:pretty; }
header { background:rgba(255,255,255,.97)!important; backdrop-filter:none!important; box-shadow:0 4px 24px #14283f06; }
header nav { border-radius:12px!important; box-shadow:none!important; background:#f3f6fb!important; }
header a { transition:background .2s,color .2s; }
header a[aria-current=page] { border-radius:9px!important; }
main > section:not(.ova-hero) { scroll-margin-top:90px; }
.ova-hero { background:#f4f7fc!important; }
.ova-hero > .pointer-events-none { opacity:.18!important; }
.ova-hero h1 { color:#102945; letter-spacing:-.045em; line-height:1.18!important; }
.ova-hero-govde a { border-radius:10px!important; min-height:50px; box-shadow:none!important; }
.ova-hero-govde a:first-of-type { box-shadow:0 8px 20px #126bea24!important; }
.ova-hero-media { background:#dce6f1 url('/videos/ova-kapak.jpg') center/cover; }
.ed-signature { background:#fff!important; border-top:1px solid #dce5f0!important; }
.ed-signature-grid { gap:0!important; padding-top:18px!important; padding-bottom:18px!important; }
.ed-signature-cell { border:0!important; border-right:1px solid #e0e7ef!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; padding-left:24px!important; }
.ed-signature-cell:last-child { border-right:0!important; }
.ova-hero + * { --tm-teal-line:transparent; }
section:has(a[href='/web-tasarim']):not(.ova-hero):not(#paketler) { background-color:#fff; }
section:has(a[href='/web-tasarim']) > .pointer-events-none { opacity:.08!important; }
section:has(a[href*='sector=e-ticaret']) { background:#edf2f8!important; }
section:has(a[href*='sector=e-ticaret']) h2 { max-width:23ch; margin-inline:auto; }
section:has(a[href*='sector=e-ticaret']) a { border-radius:10px!important; }
.ova-yorum { background:#0d243e!important; padding-block:90px!important; }
.ova-yorum-ic { max-width:1280px; }
.ova-yorum-baslik { color:#fff!important; max-width:23ch; font-size:clamp(32px,3.6vw,50px); }
.ova-yorum-baslik span,.ova-yorum-etiket { color:#70b5ff!important; }
.ova-yorum-alt { color:#b9c9dc!important; }
.ova-yorum-kart { border-radius:14px; background:#142f4c; border-color:#ffffff16; box-shadow:none; padding:28px; }
.ova-yorum-kart:hover { background:#1a3857; border-color:#70b5ff66; box-shadow:none; }
.ova-yorum-metin { color:#e3ecf6; line-height:1.8; }
.ova-yorum-kimlik { border-color:#ffffff19; }
.ova-yorum-kimlik b { color:white; }
.ova-yorum-kimlik i { color:#acbfd4; }
.ova-yorum-is { background:#70b5ff13; color:#90c5ff; letter-spacing:.025em; }
#entegrasyonlar { background:#fff!important; border:0!important; }
#entegrasyonlar > .pointer-events-none { opacity:.05!important; }
#entegrasyonlar h2 { font-size:clamp(28px,3vw,40px)!important; }
#paketler { max-width:1320px; }
#paketler h2 { max-width:24ch; margin-inline:auto; }
#paketler a { border-radius:10px!important; box-shadow:none!important; }
#paketler [class*='rounded-3xl'] { border-radius:16px!important; box-shadow:0 12px 32px #12365a08!important; border-color:#d9e3ee!important; }
#paketler [class*='rounded-2xl'] { border-radius:12px!important; }
#paketler h3 { letter-spacing:-.025em; }
#destek { padding-top:64px; padding-bottom:64px; }
footer { border-top:1px solid #dbe3ed; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid #1675e8!important; outline-offset:4px; }
@media(min-width:1024px) {
 .ova-hero-media { inset-inline-end:24px!important; top:22px!important; border-radius:20px; overflow:hidden; border:1px solid #d5dfeb; box-shadow:0 14px 40px #14283f12; margin-bottom:22px; }
 .ova-hero-govde { padding-left:48px!important; }
 section:has(a[href*='sector=e-ticaret']) { padding-top:76px!important; }
}
@media(max-width:639px) {
 h2 { font-size:30px!important; }
 .ova-yorum { padding-block:56px!important; }
 .ova-yorum-kart { padding:23px; }
 .ed-signature-cell { padding-left:14px!important; }
 header { backdrop-filter:none!important; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; } }
@media(min-width:1024px) and (max-height:820px) {
 .ed-signature-grid { padding-block:4px!important; }
 .ed-signature-cell { min-height:90px!important; padding-block:10px!important; }
 .ova-hero-govde > div { zoom:.84; }
 .ova-hero-govde { padding-top:20px!important; padding-bottom:20px!important; }
}
header nav { background:transparent!important; }
@media(max-width:639px) {
 .ova-hero-media { top:0!important; bottom:auto!important; height:220px!important; opacity:1!important; }
 .ova-hero-govde { min-height:0!important; padding-top:190px!important; padding-bottom:32px!important; background:linear-gradient(to bottom,transparent 110px,#f4f7fc 235px)!important; }
 .ova-hero h1 { font-size:28px!important; }
}

/* Detail pass — 21 September. Visual layer only. */
:root { --ova-ink:#102943; --ova-line:#dce6f0; --ova-accent:#176ee5; }
::selection { background:#cfe5ff; color:#102943; }
body { -webkit-font-smoothing:antialiased; }
header { border-bottom-color:#dce6f0!important; }
header nav a { font-size:13px; letter-spacing:-.01em; }
header nav a:not([aria-current='page']):hover { background:#eaf2fc!important; color:#145bbc!important; }
.agency-btn-primary { background:linear-gradient(180deg,#247dee,#1462ce)!important; border:1px solid #1260c9!important; box-shadow:inset 0 1px 0 #ffffff38,0 5px 12px #176ee519!important; }
.agency-btn-ghost { background:#fff!important; border:1px solid #d5e1ee!important; color:#25415d!important; }
.agency-btn-primary,.agency-btn-ghost { border-radius:11px!important; font-weight:650!important; transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important; }
.agency-btn-primary svg,.agency-btn-ghost svg { transition:transform .22s ease; }
.agency-btn-primary:active,.agency-btn-ghost:active { transform:translateY(1px)!important; }
.ova-hero { background-image:radial-gradient(ellipse at 10% 15%,#e5efff70,transparent 55%)!important; }
.ova-hero-media { box-shadow:0 18px 45px -25px #19395770,inset 0 0 0 1px #ffffff80!important; }
.ed-signature { position:relative; }
.ed-signature::after { content:''; position:absolute; top:0; left:4%; width:88px; height:2px; background:#1872e5; }
.ed-signature-cell { font-variant-numeric:tabular-nums; transition:background .2s ease; }
.ed-signature-cell:hover { background:#f7faff!important; }
.ed-signature-cell [class*='tracking'] { letter-spacing:.12em!important; }
/* Service tiles: measured borders, corner numbering, clear action footer. */
section a.flex.h-full.flex-col { position:relative; isolation:isolate; border-radius:16px!important; padding:28px!important; border-color:#dce6f0!important; background:linear-gradient(145deg,#fff 55%,#f3f7fc)!important; box-shadow:0 3px 8px #18375204!important; }
section a.flex.h-full.flex-col::before { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; border-top:2px solid transparent; transition:border-color .2s ease; }
section a.flex.h-full.flex-col:nth-child(1)::after { content:'01'; }
section a.flex.h-full.flex-col:nth-child(2)::after { content:'02'; }
section a.flex.h-full.flex-col:nth-child(3)::after { content:'03'; }
section a.flex.h-full.flex-col:nth-child(4)::after { content:'04'; }
section a.flex.h-full.flex-col::after { position:absolute; right:24px; top:24px; color:#a4b6ca; font-size:11px; font-weight:600; letter-spacing:.14em; font-variant-numeric:tabular-nums; }
section a.flex.h-full.flex-col > :last-child { border-top:1px solid #e4ebf3; padding-top:18px; margin-top:22px; }
section a.flex.h-full.flex-col h3 { font-size:22px; color:#153454; letter-spacing:-.035em; }
section a.flex.h-full.flex-col p { color:#586b7e; line-height:1.75; }
/* Stacked solution panels retain the original scroll choreography. */
section:has(a[href*='sector=e-ticaret']) { background-image:radial-gradient(#7b9bb61f .7px,transparent .7px)!important; background-size:18px 18px!important; }
section:has(a[href*='sector=e-ticaret']) article { border-radius:22px!important; border-color:#cedce9!important; box-shadow:0 22px 65px -32px #10294355!important; }
section:has(a[href*='sector=e-ticaret']) article h3 { letter-spacing:-.04em; }
section:has(a[href*='sector=e-ticaret']) article img { transition:filter .35s ease; }
/* Dark section has a quieter grid and a precise blue leading rule. */
.ova-yorum { background-image:radial-gradient(ellipse at 100% 0%,#1b497655,transparent 55%),linear-gradient(90deg,#ffffff03 1px,transparent 1px)!important; background-size:auto,80px 100%!important; border-top:1px solid #2b4a68; border-bottom:1px solid #2b4a68; }
.ova-yorum-etiket { display:flex; align-items:center; gap:13px; }
.ova-yorum-etiket::before { content:''; height:1px; width:32px; background:#70b5ff; }
.ova-yorum-kart { position:relative; overflow:hidden; background:linear-gradient(145deg,#183651b0,#102b46)!important; border-color:#7ca4c129!important; box-shadow:inset 0 1px 0 #ffffff06; }
.ova-yorum-kart::before { content:''; width:30px; height:2px; background:#5c9bdd; display:block; margin-bottom:2px; }
.ova-yorum-metin { font-size:15px; font-weight:400; letter-spacing:.003em; }
.ova-yorum-harf { border-radius:12px; width:40px; height:40px; background:#244666; box-shadow:inset 0 0 0 1px #90c5ff26; color:#c4e0ff; }
.ova-yorum-is { border:1px solid #72b6ff1a; border-radius:6px; font-size:10px; }
/* Logo wall becomes a calm band between longer sections. */
#entegrasyonlar { box-shadow:inset 0 1px #e4ebf3,inset 0 -1px #e4ebf3; }
#entegrasyonlar > div:last-child { padding-block:64px!important; }
#entegrasyonlar img { transition:filter .2s ease,opacity .2s ease; }
/* Pricing has fine dividers and a consistent button treatment. */
#paketler [class*='rounded-3xl'] { border-color:#dae4ee!important; background-image:linear-gradient(150deg,#ffffff18,transparent)!important; }
#paketler article { border-radius:16px!important; border-color:#d9e4ef!important; box-shadow:0 8px 25px -20px #163d66; }
#paketler article::before { top:28px!important; bottom:auto!important; height:34px!important; width:3px!important; }
#paketler a.cursor-pointer { min-height:48px; font-size:14px!important; font-weight:650!important; border-width:1px!important; transition:background .2s,box-shadow .2s,transform .2s!important; }
#paketler a.cursor-pointer:hover { transform:translateY(-2px)!important; box-shadow:0 7px 15px #176ee520!important; }
#paketler ul li { line-height:1.65; }
#paketler h3 { text-wrap:balance; }
/* Accordions and forms get visible, consistent interactive states. */
details { border-radius:12px!important; border-color:#dde6ef!important; background:#fff!important; box-shadow:none!important; transition:border-color .2s,background .2s!important; }
details:hover { transform:none!important; border-color:#8ab8ec!important; box-shadow:none!important; }
details[open] { border-color:#7eafe8!important; background:#f7faff!important; box-shadow:inset 3px 0 #287ae0!important; }
details summary { padding:5px 2px; color:#183550; }
details summary > :last-child { transition:transform .2s; }
details[open] summary > :last-child { transform:rotate(45deg); }
input:not([type=checkbox]):not([type=radio]),select,textarea { border-radius:10px!important; border-color:#d4e0ed!important; background-color:#fff!important; box-shadow:inset 0 1px 3px #12365a04; transition:border-color .2s,box-shadow .2s; }
input:hover,select:hover,textarea:hover { border-color:#9bb9d9!important; }
input:focus,select:focus,textarea:focus { border-color:#4289df!important; box-shadow:0 0 0 4px #1d76e510!important; }
#destek a { border-radius:14px!important; transition:border-color .2s,background .2s,transform .2s; }
footer a { text-underline-offset:5px; text-decoration-thickness:1px; }
footer a:hover { text-decoration:underline; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .agency-btn-primary:hover,.agency-btn-ghost:hover { transform:translateY(-2px); box-shadow:0 9px 20px #176ee526!important; }
 .agency-btn-primary:hover svg { transform:translateX(3px); }
 section a.flex.h-full.flex-col:hover { transform:translateY(-5px); border-color:#8bb6e8!important; box-shadow:0 18px 35px -24px #176ee560!important; }
 section a.flex.h-full.flex-col:hover::before { border-top-color:#2378e2; }
 #destek a:hover { transform:translateY(-2px); }
}
@media(max-width:639px) {
 section a.flex.h-full.flex-col { padding:24px!important; }
 .ova-yorum-metin { font-size:15px; }
 .ova-yorum-liste { gap:14px; }
 .ova-hero-govde { padding-bottom:58px!important; }
 #entegrasyonlar > div:last-child { padding-block:48px!important; }
}
@media(prefers-reduced-motion:reduce) {
 .agency-btn-primary,.agency-btn-ghost,.agency-btn-primary svg,.agency-btn-ghost svg,.ova-yorum-kart,section a.flex.h-full.flex-col,#paketler a.cursor-pointer,#destek a,details { transition:none!important; transform:none!important; }
}
/* Explicit service indices: cards are nested in animation wrappers. */
section a.flex.h-full.flex-col[href='/web-tasarim']::after { content:'01'; }
section a.flex.h-full.flex-col[href='/yazilim-gelistirme']::after { content:'02'; }
section a.flex.h-full.flex-col[href='/iletisim?needs=ads']::after { content:'03'; }
section a.flex.h-full.flex-col[href='/iletisim?needs=shop']::after { content:'04'; }
@media(min-width:1024px) {
 .ova-hero-media { left:46%!important; }
 .ova-hero-govde > div { max-width:min(540px,38vw)!important; }
}
#paketler.ova-ortu { background-image:none!important; }
#paketler .rounded-3xl.bg-white { background:#fff!important; }
#paketler .rounded-3xl.text-white { background:linear-gradient(155deg,#163b61,#0b2139)!important; border-color:#306ca9!important; box-shadow:0 18px 40px -25px #153b65aa!important; }
#paketler .rounded-3xl > .absolute { background:#eaf3ff!important; color:#174d87!important; border:1px solid #aac8e9!important; border-radius:7px!important; box-shadow:0 3px 8px #1736550a!important; letter-spacing:.065em!important; font-size:9px!important; animation:none!important; }
#paketler .rounded-3xl > .absolute * { color:inherit!important; animation:none!important; filter:none!important; }
#paketler .rounded-3xl .min-h-9.w-full { background:#f0f5fb!important; color:#426481!important; border-color:#dbe5ef!important; box-shadow:none!important; border-radius:7px!important; }
/* Scroll-directed typography inside the tracked monitor rectangle. */
.ova-type-scene { overflow:hidden; padding:0 5% 4%; }
.ova-type-scene .ova-ekran-ic { width:100%; gap:calc(var(--ova-ekran-yazi,22px)*.7); position:relative; }
.ova-type-scene .ova-ekran-logo { height:calc(var(--ova-ekran-logo,40px)*.78); margin-bottom:calc(var(--ova-ekran-yazi,22px)*.15); }
.ova-type-scene .ova-ekran-yazi { width:100%; line-height:1.12; text-shadow:0 2px 12px #00152c60; }
.ova-type-scene .ova-ekran-satir { opacity:1; transform:none; }
.ova-type-scene .ova-ekran-satir[data-satir='1'] { font-size:.74em; font-weight:450; letter-spacing:.055em; color:#d1e1f4; margin-bottom:.5em; }
.ova-type-scene .ova-ekran-satir[data-satir='2'] { font-size:1.48em; font-weight:750; letter-spacing:-.045em; color:#fff; max-width:15ch; margin-inline:auto; line-height:1.12; }
.ova-word-mask { display:inline-block; overflow:hidden; vertical-align:bottom; padding-bottom:.12em; margin-bottom:-.12em; }
.ova-word { display:inline-block; opacity:var(--word-p,0); transform:translate3d(0,var(--word-y,110%),0) rotate(var(--word-rotate,8deg)); transform-origin:0 100%; }
.ova-word-accent .ova-word { background:linear-gradient(110deg,#b9e3ff,#65b5ff); background-clip:text; -webkit-background-clip:text; color:transparent; }
.ova-type-scene .ova-ekran-ic::after { content:''; display:block; width:42%; height:1px; margin-top:calc(var(--ova-ekran-yazi,22px)*.35); background:linear-gradient(90deg,transparent,#72b9ff 25%,#d5ecff 70%,transparent); opacity:var(--type-progress,0); transform:scaleX(var(--type-progress,0)); transform-origin:center; }
@media(prefers-reduced-motion:reduce) {
 .ova-type-scene .ova-word { opacity:1; transform:none; }
 .ova-type-scene .ova-ekran-ic::after { opacity:1; transform:none; }
}
.ova-type-scene .ova-ekran-satir[data-satir='2'] { max-width:none; }
.ova-type-scene .ova-ekran-satir[data-satir='2'] .ova-word-mask:nth-of-type(1),
.ova-type-scene .ova-ekran-satir[data-satir='2'] .ova-word-mask:nth-of-type(2) { font-size:.62em; font-weight:450; letter-spacing:.03em; }
.ova-type-scene .ova-ekran-satir[data-satir='2'] .ova-word-accent { display:block; font-size:1.75em; letter-spacing:-.065em; line-height:1.05; margin-block:.04em; }
.ova-type-scene .ova-ekran-satir[data-satir='2'] .ova-word-mask:last-of-type { display:block; font-size:.68em; font-weight:500; letter-spacing:.015em; }
.ova-type-scene .ova-ekran-ic { gap:calc(var(--ova-ekran-yazi,22px)*.45); }