.sales-page{--green:#165b46;color:#202927;background:#fff}
.sales-page>header{padding-top:18px;padding-bottom:18px}
.sales-page .hero{height:720px;min-height:0;max-height:none;background:#eef1ee}
.sales-page .hero-copy{max-width:610px;padding-top:58px;text-shadow:none}
.sales-page .hero-copy h1{font-size:86px;margin:18px 0 20px}
.sales-page .hero-copy>p{font-size:38px;line-height:1.18;max-width:500px}
.sales-page .hero-copy>div{max-width:430px;font-size:17px;line-height:1.65}
.sales-page .hero-copy .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;max-width:480px;margin-top:28px}
.sales-page .hero-actions .button{margin:0}.sales-page .text-link{font-size:14px;font-weight:650;text-decoration:none}
.hero-caption{display:block;font-size:13px;margin-top:20px;color:#344d43}
.sector-strip{padding:24px max(24px,calc((100% - 1200px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center;background:#f2f5f3}
.sector-strip>span{font-size:11px;font-weight:750;color:#62726a}.sector-strip p{margin:0;font-size:16px;font-weight:550}.sector-strip b{padding:0 10px;color:#a1afa8}
.sales-page .band{padding-top:88px;padding-bottom:88px}.sales-page .band>h2,.sales-page .workflow h2{font-size:40px;line-height:1.15;margin:16px 0 24px;max-width:660px}
.sales-page .band small{font-size:11px;font-weight:750}.section-intro{color:#65716b;line-height:1.8;max-width:650px}
.sales-page .features{gap:40px}.sales-page .features article{border-top:3px solid #367758}.sales-page .features article:nth-child(2){border-color:#b38d3b}.sales-page .features article:nth-child(3){border-color:#668998}
.sales-page .features h3{font-size:24px;max-width:320px;margin:20px 0 14px}.sales-page .features p{font-size:16px}
.sales-page .workflow{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;background:#edf3f5}.workflow-heading p{color:#51616b;line-height:1.7;max-width:390px}.workflow-heading .button{margin-top:18px}
.workflow-steps{list-style:none;padding:0;margin:0}.workflow-steps li{display:flex;gap:24px;padding:26px 0;border-top:1px solid #cbd9df}.workflow-steps li>span{font-size:15px;font-weight:700;color:#56778a}.workflow-steps h3{font-size:21px;margin:0 0 10px}.workflow-steps p{font-size:15px;line-height:1.8;margin:0;color:#52616a}
.sales-page .faq details{border-top:1px solid #dce3df;padding:22px 0}.faq summary{cursor:pointer;font-size:18px;font-weight:600;line-height:1.5}.faq details p{max-width:780px;line-height:1.8;color:#5b6862;margin-bottom:0}.faq summary:focus-visible{outline:3px solid #b58012;outline-offset:6px}
.sales-page .project-band{background:#193f34}.sales-page .project-band small{color:#b4cebf}.sales-page .project-band p{color:#d4e3db}
.sales-page #iletisim{background:#fafbf9}.sales-page #iletisim h2{font-size:42px}.sales-page #iletisim .fields{padding:0}.sales-page #iletisim .notice{grid-column:1/-1;grid-row:auto}.sales-page #iletisim>form{grid-row:1/4}
@media(min-width:1500px){.sales-page .hero{height:740px}}
@media(max-height:850px) and (min-width:761px){.sales-page .hero{height:610px}.sales-page .hero-copy{padding-top:28px}.sales-page .hero-copy h1{font-size:72px}.sales-page .hero-copy>p{font-size:34px}}
@media(max-width:1000px){.sales-page .workflow{gap:40px}.sector-strip{align-items:flex-start;flex-direction:column;gap:10px}.sales-page nav{gap:16px}.sales-page .hero-copy{max-width:550px}}
@media(max-width:760px){.sales-page>header{gap:14px;padding:14px 20px}.sales-page .brand{font-size:28px}.sales-page nav{margin-left:auto;gap:12px}.sales-page nav>a[href="#cozumler"],.sales-page nav>a[href="#nasil-calisir"]{display:none}.sales-page nav a{font-size:12px}.sales-page nav .button{padding:10px 12px}.sales-page .hero{height:690px;max-height:none;min-height:0}.sales-page .hero>img{object-position:57% center;opacity:.55}.sales-page .hero-copy{padding:36px 20px;max-width:440px}.sales-page .hero-copy h1{font-size:62px}.sales-page .hero-copy>small{font-size:10px}.sales-page .hero-copy>p{font-size:32px}.sales-page .hero-copy>div{font-size:16px}.sales-page .hero-copy .hero-actions{align-items:flex-start;flex-direction:column;gap:16px;margin-top:24px}.hero-caption{font-size:12px}.sector-strip{padding:22px 20px}.sector-strip p{font-size:14px;line-height:1.9}.sector-strip b{padding:0 5px}.sales-page .band{padding:54px 20px}.sales-page .band>h2,.sales-page .workflow h2,.sales-page #iletisim h2{font-size:30px}.sales-page .features,.sales-page .workflow{grid-template-columns:1fr;gap:32px}.sales-page .features h3{max-width:none}.sales-page .workflow-steps li{gap:16px}.faq summary{font-size:16px}.sales-page .project-band{grid-template-columns:1fr}.sales-page #iletisim{display:block}.sales-page footer{gap:16px;font-size:13px}}
.sales-page .hero{height:760px;background:#dce7f0}
.sales-page .hero-copy{max-width:960px;margin:0 auto;padding:30px 24px 0;text-align:center}
.sales-page .hero-copy h1{font-size:74px;margin:10px 0 14px;line-height:1}
.sales-page .hero-copy>p{font-size:36px;max-width:none;margin:0 0 16px}.sales-page .hero-copy>p br{display:none}.sales-page .hero-copy>p br:after{content:' '}
.sales-page .hero-copy>div{max-width:660px;margin:auto;font-size:16px;line-height:1.6}
.sales-page .hero-copy .hero-actions{max-width:none;justify-content:center;margin-top:20px;gap:24px}.sales-page .hero-caption{margin-top:14px;font-size:12px}
.sales-page .hero-copy>small{font-size:11px;color:#36564a}.sales-page .hero>img{object-position:center bottom}
.sales-page .button{box-shadow:0 5px 16px #193f341b;transition:transform .2s,background .2s,box-shadow .2s}.sales-page .button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #193f3430}
.sales-page .hero-copy{animation:hero-enter .9s ease-out both}.sales-page .hero>img{animation:photo-enter 1.6s ease-out both}
.sales-page .features article{transition:transform .5s,opacity .5s}.sales-page .features article:nth-child(2){transition-delay:.09s}.sales-page .features article:nth-child(3){transition-delay:.18s}
.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .55s,transform .55s}.reveal-ready.is-revealed{opacity:1;transform:none}
.demo-dock{position:fixed;bottom:0;left:0;right:0;z-index:6;display:flex;justify-content:center;align-items:center;gap:30px;padding:12px 20px;background:#fffffffa;border-top:1px solid #d8e1dc;box-shadow:0 -8px 32px #21362b0c;visibility:hidden;transform:translateY(110%);transition:transform .25s,visibility .25s}.demo-dock.is-visible{visibility:visible;transform:none}.demo-dock>span{font-size:14px;font-weight:600}.sales-page footer{padding-bottom:100px}
@keyframes hero-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes photo-enter{from{opacity:.65;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(min-width:761px) and (max-height:850px){.sales-page .hero{height:630px}.sales-page .hero-copy{padding-top:20px}.sales-page .hero-copy h1{font-size:60px}.sales-page .hero-copy>p{font-size:30px}.sales-page .hero-copy>div{font-size:15px}.sales-page .hero-caption{display:none}}
@media(max-width:760px){.sales-page .hero{height:760px;background:#e1eaf1}.sales-page .hero>img{height:370px;bottom:0;object-position:65% bottom;opacity:1}.sales-page .hero-copy{padding:30px 20px 0;max-width:520px}.sales-page .hero-copy h1{font-size:62px}.sales-page .hero-copy>p{font-size:29px;line-height:1.2}.sales-page .hero-copy>p br{display:block}.sales-page .hero-copy>div{font-size:15px;max-width:380px}.sales-page .hero-copy .hero-actions{align-items:center;gap:12px;margin-top:20px}.sales-page .hero-caption{display:block;font-size:11px}.sales-page .hero-copy>small{font-size:9px}.demo-dock{gap:12px;padding:10px 16px}.demo-dock>span{font-size:12px;max-width:140px}.demo-dock .button{font-size:13px;padding:12px 14px}}
.sales-page .hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;background:#f1f5f7;overflow:hidden}
.sales-page .hero-copy{order:0;width:100%;max-width:960px;padding:32px 24px;color:#16382b}
.sales-page .hero>img{order:1;position:static;display:block;width:100%;height:360px;object-fit:cover;object-position:center 72%;animation:none;opacity:1;flex-shrink:0}
.sales-page .hero-copy>small,.sales-page .hero-caption{color:#3c5549}
@media(max-width:760px){.sales-page .hero-copy{padding:28px 20px}.sales-page .hero>img{height:240px;object-position:65% 75%}.sales-page .hero-copy>p{font-size:28px}.sales-page .hero-copy h1{font-size:56px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sales-page .hero-copy,.sales-page .hero>img{animation:none}.sales-page .button,.reveal-ready,.demo-dock,.sales-page .features article{transition:none}.reveal-ready{opacity:1;transform:none}.sales-page .button:hover{transform:none}}
