:root{--gutter:max(6vw,calc((100% - 1520px)/2))}
@media(max-width:700px){:root{--gutter:24px}}
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
@import url('/site/social-hover.css'); /* Platform-color social icons */
:root{--bg:#fff;--ink:#141b28;--sub:#596270;--paper:#f4f5f7;--line:#dbe0e5;--red:#d71920;--accent-text:var(--red);--brand:#d71920;--navy:#141b28;color-scheme:light}
:root[data-theme=dark]{--bg:#141b28;--ink:#f7f8fa;--sub:#b8c2d0;--paper:#182231;--line:#3c4656;--red:var(--brand);--accent-text:#ff3b30;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 'DM Sans',Arial,sans-serif}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.05em}h1{font-size:clamp(44px,6.6vw,100px)}h2{font-size:clamp(32px,4.1vw,62px)}em,i{font-style:normal;color:var(--accent-text)}img{max-width:100%;height:auto;display:block}video{display:block;width:100%;height:auto;max-height:70vh;background:#10151f}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;border:0;background:none}a,button{touch-action:manipulation}a:hover{color:var(--accent-text)}button:disabled{cursor:default}*{-webkit-tap-highlight-color:transparent}
*:focus:not(:focus-visible){outline:0}
*:focus-visible{outline:2px solid var(--red);outline-offset:2px}
input:focus,select:focus,textarea:focus,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0!important;box-shadow:none!important;border-color:var(--red)!important}::selection{background:#d71920;color:white}[hidden]{display:none!important}.skip-link{position:fixed;left:24px;top:-80px;z-index:200;padding:12px 18px;background:var(--bg);border:2px solid var(--red)}.skip-link:focus{top:16px}.section-tag{font-size:10px;letter-spacing:1.8px;font-weight:700;margin-bottom:26px;line-height:1.6}.logo{display:flex;align-items:center;gap:10px;white-space:nowrap}.logo img{width:38px;height:38px}.logo span{font-weight:500;font-size:21px;letter-spacing:-.8px}.logo strong{font-weight:800}.theme-switch{width:44px;height:44px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%}.theme-switch .ui-icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none}.menu-switch{display:none;min-height:44px;padding:10px;border:1px solid var(--line)}.menu-switch span{margin-left:12px}.header-tools{display:flex;gap:18px;align-items:center}.header-contact{font-size:11px;font-weight:600}.nav-index{display:none}.rail-caption,.rail-contact{display:none}.cta{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;background:var(--brand);color:#fff;padding:15px 23px;font-size:13px;font-weight:700;min-height:50px;border:0}.cta:hover{background:#b91018;color:white}.text-cta{font-weight:700;display:inline-flex;min-height:44px;align-items:center;gap:16px}.page-intro{padding:95px var(--gutter) 75px;border-bottom:1px solid var(--line)}.page-intro>p,.intro-bottom p{color:var(--sub);font-size:17px;max-width:680px;margin-top:30px;line-height:1.9}.intro-bottom{display:flex;gap:60px;justify-content:space-between;align-items:flex-end}.intro-bottom .cta{flex-shrink:0}.detail-body{padding:70px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.detail-visual{border:1px solid var(--line)}.image-caption{display:flex;justify-content:space-between;gap:18px;padding:14px 18px;font-size:10px;letter-spacing:.6px;border-bottom:1px solid var(--line)}.detail-visual img{width:100%;height:auto}.detail-rows article{display:flex;gap:28px;padding:25px 0;border-top:1px solid var(--line)}.detail-rows article:last-child{border-bottom:1px solid var(--line)}.row-number{font:12px 'Space Grotesk',monospace;color:var(--accent-text);min-width:24px}.detail-rows h2{font-size:25px;letter-spacing:-.04em;margin-bottom:15px}.detail-rows p{font-size:14px;color:var(--sub)}.web-manifesto{border:1px solid var(--line);padding:0 34px 34px}.web-toolbar{font-size:10px;border-bottom:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between}.web-manifesto h2{padding:55px 0}.web-baseline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;border-top:1px solid var(--line);padding-top:20px}.backup-ledger{padding:45px;background:var(--paper);border-left:4px solid var(--brand)}.backup-ledger>span{font-size:9px;letter-spacing:1.6px}.backup-ledger h2{margin:40px 0}.backup-ledger p{color:var(--sub);font-size:13px}.about-wordmark{background:#fff;min-height:390px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#141b28}.about-wordmark img{width:260px}.about-wordmark span{font-size:10px;letter-spacing:1px}.service-process{border-left:3px solid var(--brand);padding:45px 60px;background:var(--paper);display:flex;flex-direction:column;gap:8px;font-size:36px;font-weight:600;letter-spacing:-1px}.service-process b{font-weight:400;color:var(--accent-text)}.mobile-section{margin:0 var(--gutter) 60px;background:var(--paper);padding:50px 7vw;display:flex;justify-content:space-between;align-items:center;gap:60px}.mobile-section img{width:190px;border:7px solid #141b28;border-radius:22px}.mobile-section p{max-width:430px;color:var(--sub);margin-top:25px}.faq{padding:65px var(--gutter);background:var(--paper);display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq h2{font-size:42px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;min-height:52px;display:flex;gap:22px;justify-content:space-between;padding:20px 0;font-weight:600;font-size:14px}summary::-webkit-details-marker{display:none}summary span{color:var(--accent-text)}details p{font-size:14px;color:var(--sub);padding-bottom:25px}.detail-close{padding:75px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:35px;flex-wrap:wrap;background:#141b28;color:white}.detail-close .section-tag{width:100%;margin:0}.detail-close h2{font-size:43px}.site-footer{padding:50px var(--gutter) 30px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding-bottom:45px}.footer-top p{font-size:14px;color:var(--sub)}.footer-top>a:last-child{font-size:14px;font-weight:600}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:25px;font-size:11px;color:var(--sub)}.socials{display:flex;gap:8px}.socials a{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:0;transition:color .2s}.socials .ui-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.socials .instagram:hover{color:#bf2564}.socials .facebook:hover{color:#1877f2}.socials .linkedin:hover{color:#0a66c2}.socials .youtube:hover{color:#f33}.video-tabs{display:flex;gap:10px;flex-wrap:wrap}.video-tabs button{min-height:44px;border:1px solid var(--line);padding:12px 18px;font-size:12px;text-align:left}.video-tabs button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
/* Catalog: structure follows each theme, while price data and arithmetic stay shared. */
.pricing{padding:60px var(--gutter)}.pricing-tools{display:flex;align-items:center;justify-content:space-between;gap:24px}.mode-tabs{display:flex;border:1px solid var(--line)}.mode-tabs button{padding:15px 22px;font-size:13px;min-height:48px}.mode-tabs button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.package-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.package{border:1px solid var(--line);padding:32px 25px;display:flex;flex-direction:column;min-width:0}.package.featured{border-top:4px solid var(--brand);padding-top:29px;background:var(--paper)}.package-heading h2{font-size:30px;margin-bottom:18px}.package-heading>span{font-size:12px;color:var(--sub)}.package-price{font-size:clamp(26px,2.5vw,42px);font-weight:600;letter-spacing:-1.5px;margin:20px 0 0;white-space:nowrap}.price-note{font-size:10px;color:var(--sub)}.package-includes{padding:25px 0;font-size:13px;flex:1}.package-includes p{color:var(--sub)}.package ul{list-style:none;padding:0;font-size:13px}.package li{padding:6px 0;border-bottom:1px solid var(--line)}.package li:before{content:'';display:inline-block;width:1em;height:1em;background:url('/panels/icons/actions/plus.webp') center/contain no-repeat;color:var(--accent-text);margin-right:10px}.full-features{border-top:1px solid var(--line);margin-bottom:22px}.full-features summary{font-size:12px}.module-section,.calculator-section{padding:70px var(--gutter);border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 70px;margin-bottom:45px}.section-heading .section-tag{grid-column:1/-1;margin:0}.section-heading p{max-width:540px;color:var(--sub);font-size:14px}.module-list{max-width:1100px}.module-list [data-module-group]>h3{font-size:14px;letter-spacing:.5px;border-bottom:1px solid var(--line);padding:25px 0;color:var(--accent-text)}.module-list article{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding:22px 0}.module-list h4{font-size:17px}.module-list p{font-size:13px;color:var(--sub);margin-top:6px}.module-list small{font-size:11px;color:var(--accent-text)}.module-list b{font-size:21px;white-space:nowrap}.calculator-section{background:var(--paper)}#quote-form{display:grid;grid-template-columns:1.25fr .75fr;gap:50px}.calc-inputs>label{display:block;font-weight:600;font-size:13px}.calc-inputs select,.calc-inputs input[type=number]{border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:14px;width:100%;margin-top:10px;border-radius:0}.quantity-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;font-size:13px}.hint{color:var(--sub);font-size:11px;margin:15px 0}.calc-modules{padding:0;border:0;margin:20px 0}.calc-modules legend{font-weight:600;margin-bottom:15px}.calc-modules>label{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:16px 0;font-size:13px}.calc-modules input{accent-color:var(--brand);width:18px;height:18px}.calc-modules label>span{flex:1}.calc-modules small{display:block;font-size:10px;color:var(--sub)}.calc-modules b{font-weight:600;font-size:12px;white-space:nowrap}.maintenance-option{display:flex!important;align-items:center;gap:12px;margin:25px 0}.maintenance-option input{accent-color:var(--brand)}.quote-result{align-self:start;position:sticky;top:105px;background:var(--bg);padding:32px;border-top:4px solid var(--brand)}.quote-result h3{font-size:27px;margin-bottom:25px}.quote-line,dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.quote-line b,dd{white-space:nowrap}dl{margin:20px 0}dd{margin:0;font-weight:700}.quote-total{font-size:19px;font-weight:700;border:0}.quote-result .text-cta{margin-top:20px;font-size:13px}#maintenance-result{background:var(--paper);padding:20px;font-size:12px}#maintenance-result p{font-size:20px;font-weight:600;margin:10px 0}#maintenance-result small{color:var(--sub)}#quote-error{color:var(--accent-text);margin-top:15px;font-size:13px}.price-disclaimer{padding:35px var(--gutter);font-size:12px;color:var(--sub)}.price-disclaimer p+p{margin-top:12px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:70px var(--gutter)}.contact-information>div{padding:25px 0;border-top:1px solid var(--line)}.contact-information .section-tag{margin-bottom:16px}.contact-information a{font-size:clamp(20px,2vw,30px);font-weight:600;letter-spacing:-1px;overflow-wrap:anywhere}.contact-information p{color:var(--sub);font-size:14px}.contact-form{padding:35px;background:var(--paper)}.contact-form h2{font-size:31px;margin-bottom:30px}.contact-form>label,.form-columns>label{display:block;font-size:12px;font-weight:600;margin:20px 0}.contact-form input:not([type=checkbox]):not([type=hidden]),.contact-form select,.contact-form textarea{display:block;width:100%;padding:13px;background:var(--bg);color:var(--ink);border:1px solid var(--line);margin-top:10px;min-width:0}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-columns label{min-width:0;margin:0}.consent{display:flex!important;gap:12px;align-items:flex-start;font-weight:400!important;line-height:1.6}.consent input{margin-top:4px;accent-color:var(--brand)}.consent a{color:var(--accent-text);font-weight:600;text-decoration:none}.consent a:hover{text-decoration:underline;text-underline-offset:3px}.honeypot{position:absolute;left:-10000px}.success,.form-errors{padding:18px;font-size:13px;border:1px solid var(--line)}.success{background:#e0f2e8;color:#135c37}.form-errors{background:#fee5e5;color:#8b1020}
@media(max-width:1000px){.package-list{gap:12px}.package{padding:26px 20px}.detail-body{gap:35px}.contact-layout{gap:35px}.pricing-tools{flex-wrap:wrap}.footer-top{gap:20px}}
@media(max-width:760px){html{scroll-padding-top:80px}h1{font-size:48px;letter-spacing:-2.5px}h2{font-size:36px}.page-intro{padding:55px 24px 45px}.section-tag{font-size:9px;letter-spacing:1.3px;margin-bottom:22px}.page-intro>p,.intro-bottom p{font-size:15px;margin-top:22px}.intro-bottom{display:block}.intro-bottom .cta{margin-top:25px}.detail-body{display:flex;flex-direction:column;padding:35px 24px;gap:35px}.detail-visual,.detail-rows,.web-manifesto,.backup-ledger,.about-wordmark,.service-process{width:100%}.detail-rows h2{font-size:24px}.detail-rows article{gap:18px}.backup-ledger{padding:30px}.backup-ledger h2{font-size:40px}.web-manifesto{padding:0 25px 25px}.web-manifesto h2{font-size:40px;padding:45px 0}.about-wordmark{min-height:300px}.about-wordmark img{width:200px}.mobile-section{margin:0 24px 35px;padding:30px 24px;gap:25px;flex-direction:column;align-items:flex-start}.mobile-section img{width:160px;align-self:center}.mobile-section h2{font-size:34px}.mobile-section p{font-size:14px}.faq{display:block;padding:45px 24px}.faq h2{font-size:34px;margin-bottom:32px}.detail-close{padding:45px 24px}.detail-close h2{font-size:33px}.site-footer{padding:35px 24px 25px}.footer-top{flex-wrap:wrap;gap:28px}.footer-top>a:last-child{width:100%;font-size:13px}.footer-bottom{flex-wrap:wrap;font-size:10px}.socials{order:3;width:100%;margin-top:10px}.pricing{padding:35px 24px}.mode-tabs{width:100%}.mode-tabs button{padding:12px 10px;flex:1;font-size:12px}.pricing-tools{gap:18px}.package-list{grid-template-columns:1fr;gap:20px}.package{padding:28px}.package-price{font-size:37px}.package .cta{margin-top:8px}.module-section,.calculator-section{padding:45px 24px}.section-heading{display:block}.section-heading h2{font-size:37px;margin:22px 0}.section-heading p{font-size:13px}.module-list article{gap:18px}.module-list h4{font-size:15px}.module-list b{font-size:17px}.module-list p{font-size:12px}.module-list [data-module-group]>h3{font-size:13px}#quote-form{display:block}.quote-result{position:static;margin-top:35px;padding:25px}.quantity-fields{gap:14px;font-size:11px}.calc-modules label{font-size:12px}.calc-modules b{font-size:11px}.price-disclaimer{padding:25px 24px;font-size:11px}.contact-layout{display:block;padding:35px 24px}.contact-information{margin-bottom:35px}.contact-form{padding:25px}.contact-form h2{font-size:27px}.form-columns{grid-template-columns:1fr;gap:15px}.contact-form .cta{width:100%}.footer-top p{font-size:12px}.video-tabs button{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.inline-action-icon { width:1em!important; height:1em!important; margin-left:.25em; vertical-align:-.15em; }
.inline-action-icon.is-outward { transform:rotate(-45deg); }

/* Disclosure arrows follow the native details open state. */
.faq summary > .faq-chevron, .automation-faq summary > .faq-chevron, .full-features > summary > .disclosure-chevron {
    display: grid; place-items: center; flex: 0 0 16px; width: 16px; height: 20px;
    transform: rotate(0deg); transition: transform .18s ease;
}
.faq details[open] > summary > .faq-chevron, .automation-faq details[open] > summary > .faq-chevron, .full-features[open] > summary > .disclosure-chevron {
    transform: rotate(180deg);
}
.faq-chevron > .ui-icon, .disclosure-chevron > .ui-icon { width: 14px; height: 14px; filter: brightness(0); }
:root[data-theme=dark] .faq-chevron > .ui-icon, :root[data-theme=dark] .disclosure-chevron > .ui-icon { filter: brightness(0) invert(1); }
@media (prefers-reduced-motion: reduce) {
    .faq summary > .faq-chevron, .automation-faq summary > .faq-chevron, .full-features > summary > .disclosure-chevron { transition: none; }
}

.module-sector-tabs{width:fit-content;max-width:100%;margin-bottom:22px}.module-device-note{max-width:820px;font-size:12px;line-height:1.8;color:var(--sub);margin-bottom:18px}@media(max-width:760px){.module-sector-tabs{width:100%}}

.mobile-access-field{margin:22px 0}.mobile-access-field>label{display:block;font-size:13px;font-weight:600}.mobile-access-field input{max-width:220px}

/* Kampanya fiyatları: liste bedelini ve %20 indirimli KDV hariç tutarı birlikte göster. */
.package-price-campaign,.home-price-campaign{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.package-price-campaign{margin-top:18px}
.package-price-campaign del,.home-price-campaign del,.module-campaign-price del{color:var(--sub);font-size:12px;font-weight:500;letter-spacing:0}
.campaign-badge{display:inline-flex;align-items:center;padding:0;background:none;border:0;color:var(--accent-text);font-size:10px;font-weight:700;letter-spacing:0;white-space:nowrap;border-radius:0}
.package-price{margin-top:3px}
.package-price small,.odak-start-prices strong small,.module-campaign-price strong small{font-size:11px;font-weight:600;letter-spacing:0}
.module-campaign-price{display:flex;align-items:center;justify-content:flex-end;gap:9px;white-space:nowrap}
.module-campaign-price[hidden]{display:none!important}
.module-campaign-price strong{font-size:21px;font-weight:700}
.odak-start-prices .home-price-campaign{margin:14px 0 -12px}
.odak-start-prices .home-price-campaign del{font-size:13px}
.quote-amount{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.quote-amount del{font-size:10px;color:var(--sub);font-weight:400}
.quote-amount .campaign-badge{font-size:9px}
.quote-amount strong{font-size:12px}
.quote-amount small{font-size:9px;font-weight:500}
/* İletişim sayfasında küçük bölüm etiketi ile büyük iletişim bilgisini ayır. */
.contact-information>div>.section-tag{display:block;margin-bottom:8px}
.contact-information>div>a:not(.odak-map-link){display:block}