/* SalesUp visual storytelling: composed imagery and clear, interactive scope. */
.su-commerce-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:32px 48px;align-items:center;padding-top:52px;padding-bottom:32px}
.su-hero-message h1{font-size:clamp(2.8rem,4.3vw,4.8rem);line-height:1.06;letter-spacing:-.055em;margin:24px 0;font-weight:740}
.su-hero-message h1 em{font-style:normal;color:#c34b20}
.su-hero-message>.lead{font-size:1.125rem;line-height:1.75;max-width:42ch;margin-bottom:28px;color:#516471}
.su-hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:20px}
.su-quiet-link{display:inline-flex;align-items:center;gap:12px;color:#214957;font-size:.9375rem;font-weight:650;text-decoration:none;min-height:44px}
.su-quiet-link svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6}
.su-sector-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.su-sector-links a{display:flex;gap:7px;align-items:center;border:1px solid #d7e3e7;background:#f5f8fa;color:#214957;padding:10px;border-radius:9px;font-size:.875rem;text-decoration:none;font-weight:600;min-height:44px}
.su-sector-links svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.5}
.su-hero-art{position:relative;margin:0;overflow:hidden;border-radius:22px;background:#e5e9e8;border:1px solid #dbe3e4;box-shadow:0 22px 55px #1b394214}
.su-hero-art>img{display:block;width:100%;height:auto;aspect-ratio:1.13;object-fit:cover;object-position:49% center}
.su-hero-art figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f8fbfbeF;padding:17px 22px;border-top:1px solid #d5e1e3}
.su-hero-art figcaption img{width:124px;height:auto}.su-hero-art figcaption span{font-size:.875rem;font-weight:600;line-height:1.5;color:#38545f;max-width:22ch}
.su-hero-route{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr) 1.1fr;border:1px solid #cfdee3;border-radius:14px;background:linear-gradient(110deg,#f0f7f9,#fff);overflow:hidden}
.su-hero-route>a{display:flex;align-items:center;gap:15px;padding:20px 24px;color:#1b4352;text-decoration:none;border-right:1px solid #d6e3e7;transition:background .2s,color .2s}
.su-hero-route svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.5;flex:none}
.su-hero-route small{display:block;font-size:.75rem;font-weight:650;letter-spacing:.07em;color:#657d87;margin-bottom:5px}
.su-hero-route strong{font-size:1rem}.su-hero-route>a:hover{background:#e5f1f5;color:#aa3e19}
.su-hero-route .su-route-cta{border:0;background:#173d4c;color:white;font-weight:650;font-size:.9375rem;justify-content:space-between}
.home-page .guide-card{overflow:hidden;padding:24px!important;background:#fff}
.su-guide-image{display:block;margin:-24px -24px 23px;overflow:hidden}
.su-guide-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .22s cubic-bezier(.2,.65,.3,1)}
.guide-card:hover .su-guide-image img{transform:scale(1.025)}
.home-page .trust-three{gap:20px}
.home-page .trust-three>article{border:1px solid #c6dce5;border-radius:15px;background:linear-gradient(130deg,#edf5fa,#fff);padding:28px}
.home-page .trust-three>article:nth-child(2){background:linear-gradient(130deg,#fdf0e9,#fff);border-color:#efd6c9}
.home-page .trust-three>article:nth-child(3){background:linear-gradient(130deg,#eaf5f3,#fff);border-color:#cce2dc}
.home-page .trust-index{display:inline-flex;padding:8px 12px;border-radius:8px;background:#173d4c;color:#fff;font-weight:700;font-size:.875rem;margin-bottom:17px}
.home-page .trust-three h3{font-size:1.25rem;line-height:1.4}
.home-page .trust-three p{font-size:1rem;line-height:1.7}
.home-page .approach.su-visual-approach{display:block}
.su-process-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.su-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.su-process-grid details{border:1px solid #c8dce5;background:#eff6fa;border-radius:16px;overflow:hidden}
.su-process-grid details:nth-child(2){background:#fdf2ed;border-color:#efd5c8}
.su-process-grid details:nth-child(3){background:#edf6f3;border-color:#c9e0d8}
.su-process-grid summary{padding:26px;position:relative;list-style:none;cursor:pointer}.su-process-grid summary::-webkit-details-marker{display:none}
.su-process-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#173d4c;color:#fff;margin-bottom:23px}
.su-process-symbol svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.5}
.su-process-grid summary>small{position:absolute;right:24px;top:24px;font-size:2.75rem;font-weight:750;line-height:1;color:#38586730}
.su-process-grid h3{font-size:1.65rem;font-weight:750;margin:0 0 10px}.su-process-grid p{font-size:1rem;line-height:1.7;color:#506976}
.su-process-more{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font-size:.875rem;font-weight:700;color:#173d4c}
.su-process-more b{font-size:1.4rem}.su-process-grid details>div{padding:0 26px 26px;animation:su-story-in .18s ease-out}
.su-process-grid details>div strong{display:block;font-size:.9375rem;margin-top:14px;color:#214c5a}
.package-scope-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:23px 0 17px}
.package-scope-map>span{display:flex;align-items:flex-start;gap:9px;padding:13px 10px;border:1px solid #d3e3e9;border-radius:10px;background:#eef5fa;min-width:0}
.package-scope-map>span:nth-child(3n+2){background:#fff1e8;border-color:#efdbca}
.package-scope-map>span:nth-child(3n){background:#eaf5f2;border-color:#cde4de}
.package-scope-map svg{width:21px;height:21px;flex:none;stroke:currentColor;stroke-width:1.5;color:#275264}
.package-scope-map strong{font-size:.875rem;line-height:1.45;color:#214957;font-weight:680;overflow-wrap:anywhere}
.package-full-scope{margin:0 0 17px;border:1px solid #cddfe7;border-radius:10px;overflow:hidden}
.package-full-scope>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:14px;font-size:.875rem;font-weight:700;color:#17485b;background:#f4f8fa;cursor:pointer;min-height:48px}
.package-full-scope>summary::-webkit-details-marker{display:none}
.package-full-scope>summary>span{font-size:1.25rem;transition:transform .18s}
.package-full-scope[open]>summary>span{transform:rotate(45deg)}
.package-scope-content{padding:4px 16px 16px;animation:su-story-in .18s ease-out}
.package-scope-content section{padding-top:18px}.package-card .package-scope-content h3{font-size:1rem;font-weight:700;margin:0 0 8px;line-height:1.4}
.package-card .package-scope-content ul{margin:0;flex:none}
.package-card .package-scope-content li{font-size:.875rem;line-height:1.6;padding:8px 0 8px 12px;border:0}
.package-card .package-scope-content li:before{top:17px}
.package-card .package-visual{margin-bottom:21px}
.package-card h2{font-weight:750}
/* Every card shares eight content rows with its neighbours. Text remains complete. */
.package-grid{align-items:stretch}
.package-card{height:100%}
.package-card>h2+p{min-height:3.3em}
.package-scope-map{grid-auto-rows:minmax(64px,1fr)}
.package-card .package-included{min-height:66px;align-items:center}
@supports(grid-template-rows:subgrid){
 .package-card{display:grid;grid-row:span 8;grid-template-rows:subgrid;row-gap:0;height:auto;align-items:start}
 .package-card .package-visual{align-self:stretch}
 .package-card .package-card-bottom{align-self:end}
 .package-card .package-scope-map{align-self:stretch}
}
.package-toolbar .package-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;padding:7px;border-radius:13px;background:#eff4f7}
.package-toolbar .package-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;font-weight:650;color:#385968;line-height:1.35;white-space:normal}
.package-tabs button svg{width:21px;height:21px;flex:none;stroke:currentColor;stroke-width:1.6}
.package-toolbar .package-tabs button[aria-pressed=true]{color:#fff;background:#1d4b5d;border-color:#346c80;box-shadow:0 3px 9px #193e4b15;transform:none}
.package-toolbar .package-tabs button:hover:not([aria-pressed=true]){background:#fff;color:#a9431f;border-color:#d6e1e6}
.package-toolbar .package-tabs button:focus-visible{outline:3px solid #2d6d88;outline-offset:2px}
@media(max-width:700px){
 .package-card{display:flex;grid-row:auto;height:auto}
 .package-card>h2+p{min-height:0}
 .package-toolbar .package-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .package-tabs button:first-child{grid-column:1/-1}
}

.package-full-scope>summary:after{display:none!important}
.package-scope-content{max-height:440px;overflow:auto;overscroll-behavior:contain}
.package-scope-content:focus-visible{outline:3px solid #2d6d88;outline-offset:-3px}
body .package-card .package-add,body .su-primary,body .cta-section>.button,body .header-contact{background:linear-gradient(125deg,#173d4c,#286378)!important;border:1px solid #3a7183!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff30,0 6px 15px #193c4a18!important;transition:transform .2s cubic-bezier(.2,.65,.3,1),background .2s,box-shadow .2s!important;border-radius:11px!important;font-family:inherit;font-weight:650;letter-spacing:0}
body .package-card .package-add:hover,body .su-primary:hover,body .cta-section>.button:hover,body .header-contact:hover{background:linear-gradient(125deg,#a9401b,#c55b2c)!important;border-color:#c46944!important;box-shadow:inset 0 1px 0 #ffffff30,0 9px 20px #ae482225!important;transform:translateY(-2px)}
body .package-card .package-add:active,body .su-primary:active{transform:scale(.98)}
.su-primary{display:inline-flex;gap:20px;align-items:center;min-height:52px;padding:14px 20px;font-size:.9375rem;line-height:1.5}
.su-primary svg{width:21px;height:21px;flex:none;stroke:currentColor;stroke-width:1.5}
.su-primary:before,.su-primary:after{display:none!important}
.su-primary:hover svg,.su-quiet-link:hover svg{transform:translateX(3px);transition:transform .2s}
.su-sector-links a:hover{background:#e8f2f6;border-color:#89b4c7}
.su-process-grid summary:focus-visible,.package-full-scope summary:focus-visible,.su-commerce-hero a:focus-visible{outline:3px solid #2d6d88;outline-offset:4px}
@keyframes su-story-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.su-commerce-hero{gap:28px}.su-hero-route{grid-template-columns:repeat(2,1fr)}.su-hero-route>a{border-bottom:1px solid #d6e3e7}.su-hero-message h1{font-size:3.2rem}.su-hero-art>img{aspect-ratio:.9}.su-hero-art figcaption{flex-wrap:wrap;gap:10px}}
@media(max-width:800px){.su-commerce-hero{grid-template-columns:1fr;padding-top:35px}.su-hero-message h1{font-size:clamp(2.7rem,9vw,4.5rem)}.su-hero-art>img{aspect-ratio:1.5}.su-hero-art figcaption{flex-wrap:nowrap}.su-process-grid{grid-template-columns:1fr}.su-process-heading{align-items:start;flex-direction:column}.su-hero-route>a{padding:17px;gap:10px}.su-hero-route small{font-size:.75rem}.su-hero-route strong{font-size:.9375rem}}
@media(max-width:480px){.su-sector-links{gap:6px}.su-sector-links a{padding:9px 7px;font-size:.8125rem}.su-hero-art figcaption{padding:15px;gap:10px}.su-hero-art figcaption img{width:105px}.su-hero-art figcaption span{font-size:.8125rem}.su-hero-route{grid-template-columns:1fr}.su-hero-route>a{border-right:0}.su-hero-route small{display:inline;margin-right:10px}.su-hero-route svg{width:23px;height:23px}.package-scope-map>span{flex-direction:column;gap:8px;padding:12px}.su-primary{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.su-process-grid details>div,.package-scope-content{animation:none}body .package-card .package-add,body .su-primary,body .cta-section>.button,body .header-contact,.su-quiet-link svg,.su-guide-image img{transition:none!important}.su-primary:hover svg,.su-quiet-link:hover svg,.guide-card:hover .su-guide-image img{transform:none}}

/* Keep both complete devices visible at every screen width. */
.su-hero-art>img{aspect-ratio:3/2;object-fit:contain}
/* Hero actions share dimensions and a restrained technology palette. */
.su-hero-actions{align-items:stretch;gap:12px;max-width:370px}
body .su-hero-actions>.su-primary,body .su-hero-actions>.su-quiet-link{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:56px;width:100%;padding:16px 20px;border-radius:12px!important;font-family:inherit;font-size:.9375rem;font-weight:650;line-height:1.5;text-decoration:none;transition:transform .2s cubic-bezier(.2,.65,.3,1),box-shadow .2s,border-color .2s}
body .su-hero-actions>.su-primary{background:linear-gradient(115deg,#153847,#285e72)!important;border:1px solid #356e82!important;box-shadow:inset 0 1px 0 #ffffff40,0 7px 18px #193f501c!important}
body .su-hero-actions>.su-quiet-link{background:linear-gradient(115deg,#f4f8fb,#e7f0f5);border:1px solid #b7cfdc;color:#234d60;box-shadow:inset 0 1px 0 #fff,0 4px 12px #193f500c}
body .su-hero-actions>a svg{width:25px;height:25px;flex:none;padding:3px;box-sizing:content-box;border:1px solid currentColor;border-radius:7px;opacity:.9;transition:transform .2s}
body .su-hero-actions>a:hover{transform:translateY(-2px);box-shadow:0 10px 24px #163a4c24!important}
body .su-hero-actions>.su-primary:hover{background:linear-gradient(115deg,#9e3c19,#c15328)!important;border-color:#c16b49!important}
body .su-hero-actions>.su-quiet-link:hover{background:#e0edf3;border-color:#568ca4;color:#153f54}
body .su-hero-actions>a:active{transform:scale(.98)}
.su-hero-actions>a:focus-visible{outline:3px solid #357895;outline-offset:4px}
.su-results-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.su-results-heading h2{margin-bottom:14px}.su-results-heading p{color:#526b77;font-size:1rem;line-height:1.7}.su-result-link{font-size:.9375rem;font-weight:650;color:#234e60;white-space:nowrap;padding:12px 0}
.su-demo-panel{overflow:hidden;border:1px solid #c6dbe5;border-radius:20px;background:#f5f9fc;box-shadow:0 18px 42px #173a4a0c}
.su-panel-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px;background:#173d4e;color:#fff}.su-panel-top strong{font-size:1.15rem}.su-panel-top strong>span{display:inline-block;margin-left:12px;font-size:.875rem;font-weight:450;color:#cfdee6}
.su-demo-label{font-size:.875rem;line-height:1.5;background:#ffffff12;border:1px solid #ffffff35;border-radius:7px;padding:8px 10px;color:#fff}
.su-panel-period{padding:22px 28px 0;font-size:.875rem;color:#516d7b}
.su-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:22px 28px}
.su-metric{display:flex;flex-direction:column;align-items:start;gap:14px;padding:20px;background:#fff;border:1px solid #cedee6;border-radius:12px;color:#244d60;min-width:0;text-align:left;transition:transform .18s,border-color .18s,box-shadow .18s}
.su-metric>span{font-size:.875rem;font-weight:600}.su-metric strong{font-size:clamp(1.3rem,2.1vw,2rem);font-weight:750;letter-spacing:-.035em;white-space:nowrap}.su-metric small{font-size:.8125rem;font-weight:500;letter-spacing:0}.su-metric em{font-style:normal;color:#276551;background:#eaf4ee;border-radius:6px;padding:5px 9px;font-size:.875rem;font-weight:700}
.su-metric[aria-pressed=true]{border:2px solid #32718d;padding:19px;background:#eef6fb;box-shadow:0 4px 14px #225d7712}.su-metric:hover{transform:translateY(-2px);border-color:#32718d}.su-metric:focus-visible{outline:3px solid #bc522a;outline-offset:3px}
.su-metric-panel{margin:0 28px 24px;padding:25px 28px;background:#fff;border:1px solid #d6e4eb;border-radius:12px;animation:su-story-in .18s ease-out}.su-metric-panel[hidden]{display:none!important}
.su-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.su-chart-heading h3{font-size:1.25rem;margin:0}.su-chart-heading>span{color:#276551;font-size:1rem;font-weight:700}
.su-chart-row{display:grid;grid-template-columns:125px minmax(0,1fr) 140px;align-items:center;gap:20px;margin:18px 0;font-size:.875rem;color:#536d7a}.su-chart-row>strong{text-align:right;color:#274b5e;font-variant-numeric:tabular-nums}.su-chart-row>div{height:28px;border-radius:6px;background:repeating-linear-gradient(90deg,#f1f6f9 0,#f1f6f9 calc(25% - 1px),#dae5eb calc(25% - 1px),#dae5eb 25%);overflow:hidden}.su-chart-row i{display:block;height:100%;background:#8eafc0;border-radius:6px}.su-chart-row:nth-child(2) i{background:linear-gradient(90deg,#24556c,#3d87a4)}
.su-metric-panel>p{font-size:.875rem;line-height:1.65;color:#5e7480;margin:22px 0 0}.su-panel-bottom{display:flex;align-items:start;gap:20px;padding:0 28px 24px;color:#617783}.su-panel-bottom>span{font-size:.875rem;font-weight:650;white-space:nowrap;color:#93431e}.su-panel-bottom p{font-size:.875rem;line-height:1.6;margin:0}
.su-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.su-review{display:flex;flex-direction:column;margin:0;padding:30px;border:1px solid #cbdde6;border-radius:16px;background:linear-gradient(140deg,#fff,#f2f7fa);box-shadow:0 10px 28px #153c4c0a}.su-review-stars{display:flex;gap:5px;font-size:1.5rem;color:#bd5428;margin-bottom:22px}.su-review blockquote{margin:0 0 28px;font-size:1.125rem;line-height:1.75;color:#294c5e;font-weight:500}.su-review figcaption{display:grid;gap:7px;margin-top:auto;padding-top:20px;border-top:1px solid #d9e5eb}.su-review figcaption strong{font-size:1rem}.su-review figcaption span{font-size:.875rem;color:#627b88}
@media(max-width:950px){.su-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.su-review-grid{grid-template-columns:1fr}.su-results-heading{align-items:start;flex-direction:column}.su-panel-top{align-items:start;flex-direction:column}}
@media(max-width:550px){.su-panel-top,.su-metric-grid{padding:20px}.su-panel-period{padding:20px 20px 0}.su-panel-top strong>span{display:block;margin:7px 0 0}.su-metric{padding:15px;gap:12px}.su-metric[aria-pressed=true]{padding:14px}.su-metric strong{font-size:1.35rem}.su-metric-grid{gap:10px}.su-metric-panel{margin:0 20px 20px;padding:20px 16px}.su-chart-row{grid-template-columns:1fr 1fr;gap:10px}.su-chart-row>div{grid-row:2;grid-column:1/-1}.su-chart-row>strong{grid-column:2;grid-row:1}.su-panel-bottom{flex-direction:column;gap:8px;padding:0 20px 22px}.su-hero-actions{max-width:none}}
@media(prefers-reduced-motion:reduce){.su-metric-panel{animation:none}.su-metric,.su-hero-actions>a,.su-hero-actions>a svg{transition:none!important}.su-metric:hover,body .su-hero-actions>a:hover,.su-hero-actions>a:hover svg{transform:none}}
/* Concise homepage service overview, without repeating every service card. */
.home-page #hizmetler{padding-top:48px;padding-bottom:56px}
.su-clean-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.su-clean-heading h2{max-width:25ch}.su-clean-heading>a{color:#31566a;font-size:.9375rem;padding:12px 0;font-weight:600;white-space:nowrap}
.su-service-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.su-service-trio article{display:flex;flex-direction:column;padding:30px;border:1px solid #cbdde6;border-radius:16px;background:linear-gradient(145deg,#edf5fa,#fff 70%)}.su-service-trio article:nth-child(2){background:linear-gradient(145deg,#fff1e9,#fff 70%);border-color:#edd6c9}.su-service-trio article:nth-child(3){background:linear-gradient(145deg,#eaf5f3,#fff 70%);border-color:#cce1db}
.su-service-symbol{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;color:#25576b}.su-service-symbol svg{width:36px;height:36px;stroke:currentColor;stroke-width:1.5}.su-service-symbol>span{font-size:1rem;font-weight:650;color:#8099a5}.su-service-trio h3{font-size:1.45rem;line-height:1.4;font-weight:750;margin:0 0 12px;color:#203f50}.su-service-trio p{font-size:1rem;line-height:1.7;margin:0 0 24px;color:#58717e;min-height:3.4em}.su-service-trio ul{padding:20px 0 0;margin:auto 0 0;list-style:none;border-top:1px solid #d6e3e9}.su-service-trio li{font-size:.9375rem;line-height:1.7;color:#315565;padding:6px 0}
.su-services-all{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:300px;margin-top:24px;padding:15px 20px;border:1px solid #b8cedb;border-radius:10px;background:#f0f6fa;color:#244f63;font-size:.9375rem;font-weight:650;text-decoration:none}.su-services-all:hover{background:#e5f0f6;border-color:#57889e}.su-services-all:focus-visible{outline:3px solid #2d6d88;outline-offset:4px}
@media(max-width:900px){.su-service-trio{grid-template-columns:1fr}.su-service-trio p{min-height:0}.su-clean-heading{flex-direction:column;align-items:start;gap:14px}.su-service-trio article{padding:25px}.su-service-symbol{margin-bottom:18px}}
@media(max-width:360px){.su-metric-grid{grid-template-columns:1fr}.su-metric,.su-metric[aria-pressed=true]{display:grid;grid-template-columns:1fr auto;align-items:center}.su-metric>span{grid-column:1/-1}.su-metric strong{font-size:1.5rem}.su-metric em{justify-self:end}}
body .su-hero-actions>.su-quiet-link>svg{box-sizing:border-box;width:28px;height:28px;flex:0 0 28px}
body .su-hero-actions .button-icon-shell svg{border:0;padding:0;background:none;box-shadow:none;width:16px;height:16px}