/* Sürat Klişe – site stilleri */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
img{max-width:100%}
body{margin:0;background:#FFFFFF}
a{color:#C2410C}a:hover{color:#001353}
.nv{color:#001353;text-decoration:none;position:relative;padding:8px 0}
.nv::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:#F65017;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nv:hover{color:#001353}.nv:hover::after{transform:scaleX(1)}
.btn{transition:transform .2s, background .2s, box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,19,83,.18)}
.bn:hover{background:#0A2470 !important;color:#FFFFFF !important}
.bo:hover{background:#D9420C !important;color:#FFFFFF !important}
.card{transition:transform .3s, box-shadow .3s, border-color .3s}
.card::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:#F65017;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(0,19,83,.12);border-color:#C9D1E3 !important}
.card:hover::before{transform:scaleX(1)}
.chev{animation:chev 1.6s ease-in-out infinite;opacity:.25}
.c2{animation-delay:.2s}.c3{animation-delay:.4s}
@keyframes chev{0%,100%{opacity:.2;transform:translateX(0)}50%{opacity:1;transform:translateX(10px)}}
.float{animation:float 5s ease-in-out infinite}.f2{animation-delay:1.6s}.f3{animation-delay:3.2s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.spin{animation:spin 40s linear infinite;transform-origin:center}
@keyframes spin{to{transform:rotate(360deg)}}
.up{opacity:0;animation:up .8s cubic-bezier(.2,.7,.2,1) forwards}
.d1{animation-delay:.05s}.d2{animation-delay:.18s}.d3{animation-delay:.32s}.d4{animation-delay:.46s}
@keyframes up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.flow{background:repeating-linear-gradient(90deg,#F65017 0 10px,transparent 10px 18px);background-size:36px 2px;animation:flow 1s linear infinite}
@keyframes flow{to{background-position:36px 0}}
.row{transition:background .25s}.row:hover{background:#F3F5F9}
@supports (animation-timeline: view()){.rv{animation:up linear both;animation-timeline:view();animation-range:entry 0% entry 30%}}
input:focus,textarea:focus{outline:2px solid #F65017;outline-offset:1px;border-color:#001353 !important}
@media (prefers-reduced-motion: reduce){.chev,.float,.spin,.up,.flow,.rv{animation:none !important;opacity:1 !important;transform:none !important}}
.nv{color:#001353;text-decoration:none;position:relative}
.btn{transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,19,83,.18)}
.bn:hover{background:#0A2470 !important;color:#FFFFFF !important}.bo:hover{background:#D9420C !important;color:#FFFFFF !important}
.card{transition:transform .3s,box-shadow .3s}.card::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:#F65017;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(0,19,83,.12)}.card:hover::before{transform:scaleX(1)}
.chev{animation:chev 1.6s ease-in-out infinite}.c2{animation-delay:.2s}.c3{animation-delay:.4s}
@keyframes chev{0%,100%{opacity:.25;transform:translateX(0)}50%{opacity:1;transform:translateX(8px)}}
.up{opacity:0;animation:up .8s cubic-bezier(.2,.7,.2,1) forwards}.d1{animation-delay:.05s}.d2{animation-delay:.18s}.d3{animation-delay:.32s}
@media (prefers-reduced-motion: reduce){.chev,.up,.rv{animation:none !important;opacity:1 !important;transform:none !important}}
.card{transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(0,19,83,.12)}
.flow{background:repeating-linear-gradient(90deg,#F65017 0 10px,transparent 10px 18px);background-size:36px 2px;animation:flow 1s linear infinite}@keyframes flow{to{background-position:36px 0}}
@media (prefers-reduced-motion: reduce){.chev,.up,.rv,.flow{animation:none !important;opacity:1 !important;transform:none !important}}
.bar{transform-origin:bottom;animation:grow 1.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media (prefers-reduced-motion: reduce){.chev,.up,.rv,.bar{animation:none !important;opacity:1 !important;transform:none !important}}
.chip{transition:background .2s,color .2s}.chip:hover{background:#001353 !important;color:#FFFFFF !important}
.play{animation:pulse 2s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(246,80,23,.55)}100%{box-shadow:0 0 0 22px rgba(246,80,23,0)}}
@media (prefers-reduced-motion: reduce){.chev,.up,.rv,.play{animation:none !important;opacity:1 !important;transform:none !important}}
.card{transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,19,83,.10)}

/* Demo hosting compatibility and narrow-screen layout. */
input,textarea{min-width:0;max-width:100%}
.contact-note,.contact-result p{margin:0;font-size:14px;line-height:1.6;color:#4A5878}
.contact-result{padding:16px;background:#F3F5F9;border-radius:8px}
.contact-result[hidden]{display:none}
.contact-mail-link{display:inline-block;margin-top:12px;font-weight:700;color:#C2410C}
@media(max-width:480px){h1{font-size:36px!important}[data-contact-form]{padding:22px!important}}