@font-face{font-family:Inter;src:url(fonts/InterVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--red:#e60936;--red-deep:#b8002b;--ink:#131315;--muted:#505055;--line:#e7e5e6;--nav:83px;--width:1260px;--gutter:clamp(18px,3.25vw,46px)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e6093680;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.047em}h1{font-size:clamp(34px,5vw,64px);font-weight:820}h2{font-size:clamp(26px,3.4vw,45px);font-weight:820}h3{font-size:clamp(16px,1.7vw,23px);font-weight:800}.wrap{width:min(calc(100% - var(--gutter)*2),var(--width));margin-inline:auto}.icon{width:1.25em;height:1.25em;flex:none;display:inline-block;background:currentColor;mask:var(--icon) center/contain no-repeat;vertical-align:middle}.sr-only,.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.top{position:fixed;z-index:20;inset:0 0 auto;height:var(--nav);border-top:3px solid var(--red);border-bottom:1px solid #edeaec;background:#fff}.top-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand,.nav{display:flex;align-items:center}.brand{gap:15px;flex:none}.brand img{width:80px;height:63px;object-fit:contain}.brand span{border-left:1px solid #535353;padding-left:15px;font-size:13px;white-space:pre-line;font-weight:800;line-height:1.16;letter-spacing:-.01em}.nav{gap:clamp(16px,2.55vw,40px);height:100%;font-size:clamp(12px,1.25vw,15px);font-weight:620}.nav>a:not(.button){white-space:nowrap;position:relative}.nav>a[aria-current=page]{font-weight:800}.nav>a[aria-current=page]:after{content:"";position:absolute;bottom:-12px;left:8%;width:84%;height:3px;border-radius:8px;background:var(--red)}.nav>a:not(.button):hover{color:var(--red)}.nav-toggle{display:none}.button{display:inline-flex;gap:.65em;align-items:center;justify-content:center;background:var(--red);color:white;border:0;border-radius:8px;padding:.83em 1.25em;font-size:14px;font-weight:740;line-height:1.15;white-space:nowrap}.button:hover{background:var(--red-deep)}
main{padding-top:var(--nav)}.slider{position:relative;background:#f8f7f7;overflow:hidden}
.slide:not([hidden]){display:block}
.slide img{width:100%;height:auto;aspect-ratio:1920/700;object-fit:contain}
#cozumlerimiz{scroll-margin-top:calc(var(--nav) + 16px)}
.slide-control{position:absolute;top:50%;transform:translateY(-50%);border:1px solid var(--line);border-radius:50%;background:#fff;width:38px;height:38px;color:var(--ink);display:grid;place-items:center}.prev{left:var(--gutter)}.next{right:var(--gutter)}
.proof-wrap{margin-block:16px 22px}.proof{display:flex;align-items:center;justify-content:space-between;gap:0;background:#f2f1f1;border-radius:13px;padding:16px 10px}.proof>*{padding-inline:clamp(10px,2.3vw,35px)}.proof>strong{font-size:clamp(15px,1.75vw,23px);letter-spacing:-.035em;font-weight:820}.proof>span{border-left:1px solid #d6d3d4;font-size:clamp(11px,1.25vw,14px);display:flex;align-items:center;gap:10px}.proof .icon{color:var(--red);font-size:20px}.kicker{color:var(--red-deep);font-size:clamp(12px,1.4vw,15px);font-weight:830;margin-bottom:7px;letter-spacing:.005em}.lede{font-size:clamp(14px,1.5vw,18px);color:#36363a;line-height:1.43;margin-top:5px}
.projects{padding-block:0 24px}.project-grid{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.project-card,.next-project{min-width:0;overflow:hidden;border-radius:12px;transition:border-color .18s,box-shadow .18s}.project-card{display:flex;flex-direction:column;border:1px solid #e4e1e2;background:#fff}.project-card:hover{border-color:#e6093680;box-shadow:0 8px 24px #0000000a}.project-card>img{width:100%;height:auto;aspect-ratio:1.97;object-fit:cover}.project-copy{position:relative;display:grid;padding:7px 13px 12px;gap:3px}.project-copy strong{font-size:clamp(11px,1.3vw,15px);color:var(--red-deep);overflow-wrap:anywhere}.project-copy span:not(.icon){font-size:clamp(10px,1.1vw,13px);color:var(--muted);padding-right:16px}.project-copy .icon{position:absolute;bottom:10px;right:11px;color:var(--red);font-size:15px}.next-project{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(15px,2.4vw,30px);gap:10px;background:linear-gradient(128deg,#fff5f6,#f8dce2)}.next-project:after{position:absolute;content:"";z-index:-1;inset:auto 0 0;height:36%;background:#e6a4b255;clip-path:polygon(0 68%,17% 58%,42% 85%,68% 48%,83% 55%,100% 15%,100% 100%,0 100%)}.next-project>.icon{font-size:22px;color:var(--red)}.next-project h3{white-space:pre-line;font-size:clamp(18px,2.6vw,32px)}.next-project strong{font-size:clamp(12px,1.3vw,16px);color:var(--red-deep)}.next-project strong .icon{margin-left:2px}
.package{background:linear-gradient(108deg,#faf8f8,#f6f5f5);padding-block:24px;border-radius:22px}.package-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(14px,3vw,42px);align-items:center}.package-intro h1,.package-intro h2{white-space:pre-line}.package-visual{width:min(100%,490px);height:auto;margin-top:12px;mix-blend-mode:multiply}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid article{display:flex;gap:12px;align-items:flex-start;padding:16px 12px;border-bottom:1px solid #e6e2e3}.feature-grid article:nth-child(even){border-left:1px solid #e6e2e3}.feature-grid article:nth-last-child(-n+2){border-bottom:0}.tile{display:grid;place-items:center;flex:none;width:44px;height:44px;background:#fff9fa;border-radius:9px;color:var(--red);font-size:23px}.feature-grid h3{font-size:clamp(14px,1.5vw,19px);letter-spacing:-.025em}.feature-grid p{margin-top:4px;font-size:clamp(12px,1.2vw,15px);line-height:1.28;color:#39393d}
.process{display:flex;align-items:center;justify-content:space-between;padding-block:23px;gap:12px}.process h2{font-size:clamp(18px,2.3vw,31px)}.process>div{display:flex;align-items:center;gap:10px;padding-left:clamp(8px,2.4vw,32px);border-left:1px solid #dedbdc}.process strong{font-size:clamp(22px,2.8vw,36px);color:var(--red-deep);letter-spacing:-.055em}.process span{font-size:clamp(12px,1.25vw,15px);font-weight:680}
.cta-wrap{margin-block:0 8px}.inner+.cta-wrap{margin-block:20px 8px}.cta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:clamp(17px,2.4vw,30px);border-radius:13px;background:#222325;color:#fff}.cta h2{font-size:clamp(20px,2.6vw,33px);letter-spacing:-.036em}.cta p{margin-top:5px;font-size:clamp(12px,1.35vw,16px);line-height:1.4;color:#f0eeef}.footer{font-size:12px;padding-bottom:5px}.footer-row,.footer nav,.footer-brand{display:flex;align-items:center;gap:14px}.footer-row{justify-content:space-between;min-height:44px;border-bottom:1px solid var(--line)}.footer-brand{font-weight:700}.footer-brand img{object-fit:contain}.footer nav{gap:clamp(10px,2.8vw,32px)}.company-link{padding-left:17px;border-left:1px solid var(--line)}.footer a:hover{color:var(--red-deep)}.copyright{text-align:center;color:var(--muted);padding-block:7px;font-size:10px}
.social{position:fixed;right:13px;top:50%;transform:translateY(-50%);display:grid;gap:8px;z-index:10}.social a{width:43px;height:43px;display:grid;place-items:center;color:white;border-radius:50%;box-shadow:0 4px 14px #0002;font-size:20px}.social a:hover{transform:translateX(-2px)}.whatsapp{background:#19894b}.instagram{background:#c3286a}
.inner,.solutions{padding-top:clamp(34px,6vw,86px);padding-bottom:clamp(25px,4vw,52px)}.inner+.process{margin-top:8px}.solutions,.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,5vw,72px);align-items:center}.solutions img{width:100%}.solutions .button,.contact-email{margin-top:20px}.contact{min-height:calc(100svh - var(--nav) - 70px);align-items:start}.contact-email{display:inline-flex;align-items:center;gap:8px;color:var(--red-deep);font-weight:720}.contact-form{padding:clamp(18px,3vw,34px);background:#faf8f9;border:1px solid var(--line);border-radius:16px;display:grid;gap:16px}.contact-form h2{font-size:clamp(21px,2.6vw,34px)}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form label{display:grid;gap:6px;font-weight:650;font-size:13px}.contact-form input,.contact-form textarea{width:100%;padding:11px;border:1px solid #dcd9da;border-radius:7px;background:#fff;font-weight:400}.contact-form textarea{resize:vertical}.contact-form .button{justify-self:start}.privacy{font-size:12px;text-decoration:underline;color:var(--muted)}.notice{border-radius:7px;padding:11px 13px;font-size:14px}.notice.success{background:#ddf4e6;color:#135e37}.notice.error{background:#ffe3e8;color:#9b142f}
@media(max-width:880px){:root{--nav:71px}.brand img{width:68px;height:53px}.brand,.top-row{gap:10px}.brand span{font-size:11px;padding-left:10px}.nav{gap:15px}.nav .button{font-size:12px;padding:10px}.proof>*{padding-inline:10px}.proof>span{gap:6px}.feature-grid article{padding:12px 7px;gap:8px}.tile{width:35px;height:35px;font-size:18px}.social{right:7px}.social a{width:37px;height:37px;font-size:17px}}
@media (max-width: 800px) {
    :root { --nav: 65px; }
    .top-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
    .brand { min-width: 0; }
    .brand img, .nav-toggle { flex: none; }
    .brand span { min-width: 0; overflow-wrap: anywhere; }
    .nav-toggle {
        display: grid;
        place-items: center;
        width: 42px;
        height: 41px;
        border: 0;
        border-radius: 7px;
        background: #f7f5f5;
        font-size: 20px;
    }
    .nav {
        display: none;
        position: absolute;
        inset: 100% 0 auto;
        height: auto;
        max-height: calc(100dvh - var(--nav));
        overflow-y: auto;
        padding: 12px var(--gutter) 18px;
        background: #fff;
        box-shadow: 0 13px 20px #0001;
        align-items: stretch;
        font-size: 15px;
    }
    .nav.open { display: grid; grid-template-columns: minmax(0, 1fr); }
    .nav > a:not(.button) { padding: 5px 0; white-space: normal; overflow-wrap: anywhere; }
    .nav > a[aria-current=page] { color: var(--red-deep); }
    .nav > a[aria-current=page]:after { display: none; }
    .nav .button { justify-self: start; font-size: 14px; padding: 11px 15px; max-width: 100%; white-space: normal; }
}
@media(max-width:700px){.proof{display:grid;grid-template-columns:1fr 1fr;row-gap:12px}.proof>*{padding-inline:12px}.proof>strong{grid-column:1/-1}.proof>span{border-left:0;font-size:11px}.proof>span .icon{font-size:15px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.package-grid,.contact,.solutions{grid-template-columns:minmax(0,1fr)}.package-visual{max-width:420px}.feature-grid article:nth-child(odd){padding-left:0}.process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.process h2{grid-column:1/-1}.process>div{padding-left:8px;align-items:flex-start;gap:4px;flex-direction:column}.process>div:first-of-type{border:0;padding-left:0}.cta{align-items:flex-start;flex-direction:column;gap:12px}.cta .button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.footer-row{align-items:flex-start;flex-direction:column;gap:7px;padding:5px 0 10px}.footer nav{flex-wrap:wrap}.social{top:auto;bottom:14px;transform:none}.contact{min-height:0}}
@media(max-width:360px){.contact-fields{grid-template-columns:minmax(0,1fr)}.feature-grid article{display:grid}.proof>span{padding-inline:7px}}

@media(max-width:640px){.slide img{aspect-ratio:auto 4/5}}

@media (max-width: 280px) {
    .brand img { width: 44px; height: 42px; }
    .brand { gap: 6px; }
    .brand span { padding-left: 6px; font-size: 10px; }
}