/* Referans PSD: 1920 × 6852 px. Ekran genişliğine göre aynı oranla ölçeklenir. */
:root { --page-scale: 1; --brand: #d50037; }
* { box-sizing: border-box; }
html { margin: 0; scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: #343436; font-family: Inter, sans-serif; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
button, a, input { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid #d50037; outline-offset: 5px; }
.page-shell { position: relative; width: min(100%, 1920px); height: calc(6852px * var(--page-scale)); margin: 0 auto; overflow: clip; }
.design { position: absolute; left: 0; top: 0; width: 1920px; height: 6852px; transform: scale(var(--page-scale)); transform-origin: top left; }
.scene { position: relative; width: 1920px; isolation: isolate; }
.art { display: block; position: absolute; max-width: none; object-fit: fill; pointer-events: none; user-select: none; }
.psd-text { position: absolute; margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; font-size: 0; overflow: visible; }
.text-line { position: absolute; display: block; height: 0; }
.text-run { position: absolute; display: block; margin: 0; padding: 0; white-space: pre; font-kerning: normal; font-optical-sizing: none; font-synthesis: none; }
.control { display: block; position: absolute; margin: 0; padding: 0; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; text-align: left; cursor: pointer; }
.control .psd-text, .service-card .psd-text { pointer-events: none; }
.control[style*="button-transform"] { border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,.47); }
.control[style*="button-transform"]::before { content: ""; position: absolute; inset: 0; border: 1px solid rgba(231,231,231,.5); border-radius: inherit; pointer-events: none; }
.service-card, .ai-card { position: absolute; display: block; }
.site-header { position: absolute; inset: 0 0 auto; height: 120px; z-index: 5; }
.hero-dot { position: absolute; left: 239px; width: 12px; height: 13px; border-radius: 50%; background: var(--brand); }
.narly-widget { position: absolute; left: 1726px; top: 686px; width: 132px; height: 131px; border: 0; padding: 0; background: none; cursor: pointer; }
.scene-platformlar { background: #fff; border-top: 3px solid #f0f0f0; }
.scene-platformlar .art { margin-top: -3px; }
.scene-google-workspace { background: #fff; border-top: 3px solid #efefef; }
.scene-google-workspace > * { margin-top: -3px; }
.subscribe-input { position: absolute; left: 741px; top: 565px; width: 303px; height: 49px; padding: 0 26px; border: 0; border-radius: 7px; background: transparent url('../img/subscribe-input.png') 0 0 / 100% 100% no-repeat; color: #eaebec; font: 400 12px Inter, sans-serif; }
.subscribe-input::placeholder { color: #8b8b8b; opacity: 1; }
.footer-rule { position: absolute; left: 238px; width: 1428px; height: 3px; background: #ffffff; opacity: .07; pointer-events: none; }
.rule-top { top: 453px; }
.rule-bottom { top: 679px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print { .page-shell { overflow: visible; } a, button { outline: 0; } }