@font-face{font-family: 'Caveat';font-style: normal;font-weight: 700;font-display: swap;src: url('/assets/fonts/caveat-700-latin-ext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{font-family: 'Caveat';font-style: normal;font-weight: 700;font-display: swap;src: url('/assets/fonts/caveat-700-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}.fa-solid,.fa-regular,.fa-brands{display: inline-block;min-width: 1em;line-height: 1;
}*{margin: 0;padding: 0;box-sizing: border-box;scrollbar-width: none;-ms-overflow-style: none;}::-webkit-scrollbar{width: 0px;height: 0px;display: none;background: transparent;
}html{overflow-x: hidden;scroll-behavior: smooth;
}body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeSpeed;
}.page-hero{background: repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,0.04) 39px,rgba(255,255,255,0.04) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,0.04) 39px,rgba(255,255,255,0.04) 40px),radial-gradient(ellipse at 30% 50%,rgba(59,130,246,0.12) 0%,transparent 60%),linear-gradient(135deg,#0d1b2e 0%,#060f1c 100%) !important;height: 380px;padding-top: 90px;box-sizing: border-box;position: relative;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,0.06);
}
.page-hero-container{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:2;width:100%;}
.page-hero-content{max-width:650px;text-align:left;}
.page-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(59,130,246,0.15);color:#60a5fa;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px;border:1px solid rgba(59,130,246,0.2);}
.page-title{color:#fff;font-size:clamp(28px,5vw,48px);font-weight:800;margin:0 0 15px;letter-spacing:-1px;line-height:1.2;text-align:left;}
.page-desc{color:#94a3b8;font-size:17px;line-height:1.6;margin:0;text-align:left;}
.page-hero-graphic{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center;margin-right:50px;flex-shrink:0;}
.hero-circle-1{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,rgba(59,130,246,0.2) 0%,rgba(59,130,246,0) 100%);border:1px solid rgba(59,130,246,0.3);animation:pulseRotate 10s infinite linear;will-change:transform;backface-visibility:hidden;}
.hero-circle-2{position:absolute;width:70%;height:70%;border-radius:50%;background:rgba(59,130,246,0.1);border:1px dashed rgba(59,130,246,0.4);animation:pulseRotate 15s infinite reverse linear;will-change:transform;backface-visibility:hidden;}
.hero-icon{font-size:50px;color:#3b82f6;position:relative;z-index:2;text-shadow:0 0 20px rgba(59,130,246,0.5);}@keyframes pulseRotate{0%{transform: rotate(0deg) scale(1);}50%{transform: rotate(180deg) scale(1.05);}100%{transform: rotate(360deg) scale(1);}
}@media (max-width: 768px){.page-hero{height:auto;padding:80px 20px 50px;}.page-hero-container{flex-direction:column;align-items:center;text-align:center;gap:30px;}.page-hero-content{max-width:100%;text-align:center;}.page-title{text-align:center;font-size:clamp(24px,7vw,36px);}.page-desc{text-align:center;font-size:15px;}.page-hero-graphic{display:none !important;}
}
body{background-color: #f8f9fa;font-family: 'Inter',sans-serif;touch-action: pan-y;
}.pkg-scroll-wrap,
.ebooks-grid{touch-action: pan-x pan-y;
}*,*::before,*::after{box-sizing: border-box;}.container{max-width: 1250px;margin: 0 auto;padding: 0 15px;
}.top-bar{background-color: #ffffff;border-bottom: 1px solid #eaedf1;padding: 10px 0;font-size: 13px;color: #64748b;position: relative;z-index: 10000;
}.top-bar-inner{display: flex;justify-content: space-between;align-items: center;
}.top-bar-left,.top-bar-right{display: flex;align-items: center;gap: 14px;
}.top-bar-left a,.top-bar-right a{color: #64748b;text-decoration: none;display: flex;align-items: center;gap: 6px;transition: color 0.2s;
}.top-bar-left a:hover,.top-bar-right a:hover{color: #002b5e;
}.top-bar-left a i,.top-bar-right a i{color: #1e293b;font-size: 13px;
}.social-icons{display: flex;gap: 14px;margin-left: 5px;padding-left: 14px;border-left: 1px solid #eaedf1;
}.social-icons a i{color: #1e293b;font-size: 14px;
}.social-icons a:hover i{color: #002b5e;
}.top-divider{color: #cbd5e1;margin: 0 2px;
}.dropdown-toggle{cursor: pointer;display: flex;align-items: center;gap: 5px;transition: color 0.2s;
}
.dropdown-toggle:hover{color: #002b5e;
}
.dropdown-toggle img{border-radius: 2px;
}
.dropdown-toggle i.fa-caret-down{font-size: 11px;color: #94a3b8;
}.top-dropdown-wrapper{position: relative;
}
.top-dropdown-wrapper:hover .top-dropdown-menu{display: block;
}
.top-dropdown-menu{position: absolute;top: 100%;right: 0;background: #ffffff;border-radius: 6px;box-shadow: 0 4px 12px rgba(0,0,0,0.08);min-width: 160px;display: none;z-index: 102;padding: 8px 0;margin-top: 10px;
}
.top-dropdown-menu::before{content: '';position: absolute;top: -5px;right: 15px;width: 10px;height: 10px;background: #ffffff;transform: rotate(45deg);border-left: 1px solid #eaedf1;border-top: 1px solid #eaedf1;
}
.top-dropdown-menu::after{content: '';position: absolute;top: -15px;left: 0;right: 0;height: 15px;background: transparent;
}
.top-dropdown-menu a{display: flex !important;padding: 8px 16px;color: #475569;font-size: 13px;text-decoration: none;transition: background 0.2s,color 0.2s;align-items: center;gap: 8px;
}
.top-dropdown-menu a:hover{background-color: #f8fcfb;color: #002b5e !important;
}
.top-dropdown-menu a i{color: #002b5e !important;
}
.dropdown-divider{height: 1px;background-color: #eaedf1;margin: 4px 0;
}.main-header{background-color: #ffffff;padding: 18px 0;box-shadow: 0 2px 4px rgba(0,0,0,0.02);position: sticky;top: 0;z-index: 9999;transition: box-shadow .2s;
}.main-header-inner{display: flex;justify-content: space-between;align-items: center;
}.logo img{height: 42px;width: auto;object-fit: contain;
}.main-nav{display: flex;align-items: center;gap: 8px;}.nav-item{position: relative;
}.nav-link{color: #1e293b;text-decoration: none;font-weight: 500;font-size: 15px;display: flex;align-items: center;gap: 6px;padding: 10px 15px;border-radius: 8px;transition: all 0.2s;position: relative;z-index: 105;
}.nav-link i.fa-angle-down{font-size: 11px;color: #64748b;transition: transform 0.2s;
}.nav-item:hover .nav-link{background-color: #ffffff;color: #002b5e;border-radius: 8px 8px 0 0;box-shadow: 0 -4px 10px rgba(0,0,0,0.05),-2px 0 5px rgba(0,0,0,0.02),2px 0 5px rgba(0,0,0,0.02);
}.nav-item:hover .nav-link i.fa-angle-down{transform: rotate(180deg);
}.mega-menu{position: absolute;top: 100%;left: 0;background: #ffffff;border-radius: 0 8px 8px 8px;box-shadow: 0 4px 15px rgba(0,0,0,0.06);display: none;z-index: 10000;overflow: hidden;}.nav-item:hover .mega-menu{display: block;
}.mega-menu-grid{display: grid;padding: 0;gap: 0;
}.mega-menu-item{display: flex;align-items: flex-start;gap: 12px;text-decoration: none;padding: 12px 15px;border-radius: 0;transition: background 0.2s;position: relative;
}.mega-menu-item:hover{background-color: #f8fcfb;}.mega-menu-icon{font-size: 20px;color: #002b5e;min-width: 28px;text-align: center;margin-top: 2px;
}.mega-menu-text h4{font-size: 14px;font-weight: 600;color: #002b5e;margin-bottom: 4px;display: block;}.mega-menu-text p{font-size: 12px;color: #64748b;line-height: 1.4;
}.mega-menu-badge{background-color: #002b5e;color: #ffffff;font-size: 10px;font-weight: 700;padding: 3px 6px;border-radius: 4px;text-transform: uppercase;
}.mega-menu-footer{background-color: #002b5e;color: #ffffff;padding: 10px 15px;font-size: 11px;font-weight: 500;text-align: center;display: flex;align-items: center;justify-content: center;gap: 6px;
}.mega-menu-footer i{font-size: 13px;
}.bordered-grid .mega-menu-item{border-bottom: 1px solid #eaedf1;border-right: 1px solid #eaedf1;
}
.bordered-grid.cols-2 .mega-menu-item:nth-child(even){border-right: none;
}
.bordered-grid.cols-2 .mega-menu-item:nth-last-child(-n+2){border-bottom: none;
}
.bordered-grid.cols-1 .mega-menu-item{border-right: none;
}
.bordered-grid.cols-1 .mega-menu-item:last-child{border-bottom: none;
}.kurumsal-mega{padding: 0;
}.kurumsal-grid{display: flex;
}.kurumsal-col{flex: 1;padding: 15px;}.kurumsal-title-wrapper{border-bottom: 1px solid #eaedf1;margin-bottom: 12px;
}.kurumsal-title{font-size: 13px;font-weight: 600;color: #002b5e;display: inline-flex;align-items: center;gap: 8px;border-bottom: 2px solid #002b5e;padding-bottom: 8px;margin-bottom: -1px;
}.kurumsal-list{list-style: none;padding: 0;margin: 0;
}.kurumsal-list li{margin-bottom: 10px;
}.kurumsal-list a{text-decoration: none;color: #64748b;font-size: 12px;display: flex;align-items: center;gap: 6px;transition: color 0.2s;
}.kurumsal-list a:hover{color: #002b5e;
}.kurumsal-list a i{font-size: 9px;color: #94a3b8;
}.kurumsal-sidebar{width: 230px;background-color: #002b5e;color: #ffffff;padding: 20px 15px;display: flex;flex-direction: column;gap: 15px;
}.sidebar-item{display: flex;align-items: center;gap: 12px;
}.sidebar-item i{font-size: 20px;color: #ffffff;
}.sidebar-item span{display: block;font-size: 10px;opacity: 0.8;
}.sidebar-item strong{display: block;font-size: 12px;font-weight: 600;margin-top: 2px;
}.header-right{display: flex;align-items: center;gap: 10px;
}.cart-btn{display: flex;align-items: center;gap: 8px;border: 1px solid #1e293b;padding: 9px 15px;border-radius: 6px;color: #1e293b;text-decoration: none;font-weight: 600;font-size: 14px;transition: all 0.2s;background: none;cursor: pointer;font-family: inherit;
}.cart-btn:hover{background-color: #1e293b;color: #ffffff;
}.promo-banner{background-color: #002b5e;color: #ffffff;padding: 10px 0;position: relative;z-index: 5;
}.promo-inner{display: flex;justify-content: space-between;align-items: center;
}.promo-text{font-weight: 500;font-size: 13px;letter-spacing: 0.2px;
}.promo-countdown{display: flex;gap: 18px;position: absolute;left: 50%;transform: translateX(-50%);
}.countdown-item{background-color: rgba(255,255,255,0.15);color: #ffffff;width: 32px;height: 32px;border-radius: 6px;display: flex;flex-direction: column;justify-content: center;align-items: center;line-height: 1;
}.countdown-val{font-weight: 700;font-size: 12px;}.countdown-label{font-size: 7px;font-weight: 600;text-transform: uppercase;margin-top: 2px;opacity: 0.9;
}.promo-right{display: flex;align-items: center;gap: 20px;
}.promo-details{color: #ffffff;text-decoration: none;font-weight: 600;font-size: 13px;display: flex;align-items: center;gap: 5px;
}.promo-close{color: #ffffff;cursor: pointer;font-size: 18px;opacity: 0.8;transition: opacity 0.2s;
}.promo-close:hover{opacity: 1;
}.hamburger{display: none;flex-direction: column;justify-content: center;align-items: center;gap: 5px;width: 40px;height: 40px;background: none;border: 1.5px solid #e2e8f0;border-radius: 8px;cursor: pointer;padding: 0;transition: border-color 0.2s;flex-shrink: 0;
}
.hamburger span{display: block;width: 20px;height: 2px;background-color: #1e293b;border-radius: 2px;transition: transform 0.3s ease,opacity 0.2s ease;
}
.hamburger:hover{border-color: #002b5e;}
.hamburger:hover span{background-color: #002b5e;}
.hamburger.active span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.hamburger.active span:nth-child(2){opacity: 0;transform: scaleX(0);}
.hamburger.active span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}.mobile-nav-overlay{position: fixed;top: 0;right: 0;width: 300px;height: 100vh;height: 100dvh;background: #ffffff;z-index: 9999;display: flex;flex-direction: column;box-shadow: -4px 0 24px rgba(0,0,0,0.15);transform: translateX(100%);transition: transform 0.32s cubic-bezier(0.4,0,0.2,1);overflow: hidden;
}
.mobile-nav-overlay.active{transform: translateX(0);}.mobile-nav-backdrop{display: none;position: fixed;inset: 0;background: rgba(15,23,42,0.45);z-index: 9998;backdrop-filter: blur(2px);
}
.mobile-nav-backdrop.active{display: block;}.mobile-nav-header{display: flex;justify-content: space-between;align-items: center;padding: 16px 20px;border-bottom: 1px solid #eaedf1;flex-shrink: 0;
}
.mobile-nav-header img{height: 34px;object-fit: contain;}.mobile-nav-close{background: none;border: 1.5px solid #e2e8f0;border-radius: 6px;width: 34px;height: 34px;cursor: pointer;display: flex;align-items: center;justify-content: center;color: #64748b;font-size: 16px;transition: all 0.2s;
}
.mobile-nav-close:hover{border-color: #002b5e;color: #002b5e;}.mobile-nav-body{flex: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;overscroll-behavior: contain;padding: 8px 0;scrollbar-width: thin;scrollbar-color: #e2e8f0 transparent;
}.mobile-nav-list{list-style: none;padding: 0;margin: 0;}
.mobile-nav-item{border-bottom: 1px solid #f1f5f9;}.mobile-submenu-toggle{display: flex;justify-content: space-between;align-items: center;width: 100%;background: none;border: none;padding: 14px 20px;font-size: 15px;font-weight: 500;color: #1e293b;cursor: pointer;font-family: 'Inter',sans-serif;text-align: left;transition: background 0.2s,color 0.2s;
}
.mobile-submenu-toggle:hover{background: #f8fcfb;color: #002b5e;}.mobile-toggle-icon{font-size: 12px;color: #94a3b8;transition: transform 0.25s ease;flex-shrink: 0;
}.mobile-submenu{list-style: none;padding: 0;margin: 0;max-height: 0;overflow: hidden;background: #f8fafc;transition: max-height 0.3s ease;
}
.mobile-submenu li a{display: block;padding: 10px 20px 10px 36px;color: #475569;text-decoration: none;font-size: 14px;border-bottom: 1px solid #edf2f7;transition: color 0.2s,background 0.2s;
}
.mobile-submenu li:last-child a{border-bottom: none;}
.mobile-submenu li a:hover{color: #002b5e;background: #f0f9ff;}.mobile-nav-footer{padding: 16px 20px;border-top: 1px solid #eaedf1;display: flex;flex-direction: column;gap: 10px;flex-shrink: 0;
}.mobile-auth-btn{display: flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 16px;border-radius: 8px;font-size: 14px;font-weight: 600;text-decoration: none;background-color: #002b5e;color: #ffffff;transition: background 0.2s;
}
.mobile-auth-btn:hover{background-color: #001f45;}
.mobile-auth-btn--outline{background-color: transparent;border: 1.5px solid #002b5e;color: #002b5e;
}
.mobile-auth-btn--outline:hover{background-color: #002b5e;color: #ffffff;}@media (max-width: 1200px){.main-nav{gap: 4px;}.nav-link{font-size: 14px;padding: 9px 12px;}
}@media (max-width: 1024px){.main-nav{gap: 2px;}.nav-link{font-size: 13px;padding: 8px 9px;}.mega-menu{max-width: calc(100vw - 30px);}.kurumsal-sidebar{width: 190px;}.kurumsal-col{padding: 12px;}
}@media (max-width: 768px){.top-bar{display: none;}.main-header{padding: 12px 0;}.main-nav{display: none;}.hamburger{display: flex;}.cart-text{display: none;}.cart-btn{padding: 9px 12px;gap: 4px;}.promo-countdown,#promoCountdown{display: none !important;}.promo-inner{justify-content: space-between;align-items: center;gap: 8px;flex-wrap: nowrap;}.promo-text{font-size: 12px;flex: 1;min-width: 0;}.promo-text > span:first-child{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}.promo-right{flex-shrink: 0;}.promo-details{font-size: 12px;}
}@media (max-width: 480px){.container{padding: 0 12px;}.logo img{height: 36px;}.promo-text{font-size: 11px;}.promo-banner{padding: 8px 0;}
}@media (max-width: 360px){.logo img{height: 30px;}.cart-btn{padding: 8px 10px;}.promo-text{font-size: 10px;}
}.saas-marquee-wrapper{background: #f8fafc;padding: 50px 0;overflow: hidden;position: relative;display: flex;flex-direction: column;align-items: center;
}
.saas-marquee-wrapper::before,
.saas-marquee-wrapper::after{content: "";position: absolute;top: 0;width: 150px;height: 100%;z-index: 2;pointer-events: none;
}
.saas-marquee-wrapper::before{left: 0;background: linear-gradient(to right,#f8fafc,transparent);
}
.saas-marquee-wrapper::after{right: 0;background: linear-gradient(to left,#f8fafc,transparent);
}
.saas-marquee-title{color: #64748b;font-size: 13px;font-weight: 700;text-transform: uppercase;letter-spacing: 2px;margin: 0 0 30px;text-align: center;
}
.saas-marquee-track{display: flex;gap: 60px;align-items: center;width: max-content;animation: marquee-scroll 25s linear infinite;will-change: transform;backface-visibility: hidden;
}
.saas-marquee-track:hover{animation-play-state: paused;
}
@keyframes marquee-scroll{0%{transform: translateX(0);}100%{transform: translateX(-50%);}
}
.saas-marquee-logo{height: 36px;width: auto;max-width: 140px;object-fit: contain;filter: grayscale(100%) opacity(0.5);transition: filter 0.3s ease,transform 0.3s ease;cursor: pointer;
}
.saas-marquee-logo:hover{filter: grayscale(0%) opacity(1);transform: scale(1.05);
}.saas-bento-section{padding: 100px 20px;background: #ffffff;
}
.saas-bento-header{text-align: center;max-width: 600px;margin: 0 auto 60px;
}
.saas-bento-label{color: #3b82f6;font-size: 13px;font-weight: 700;text-transform: uppercase;letter-spacing: 1.5px;background: rgba(59,130,246,0.1);padding: 6px 16px;border-radius: 20px;display: inline-block;margin-bottom: 15px;
}
.saas-bento-title{font-size: clamp(28px,4vw,42px);font-weight: 800;color: #0f172a;line-height: 1.2;margin: 0 0 15px;letter-spacing: -1px;
}
.saas-bento-desc{color: #475569;font-size: 16px;line-height: 1.6;
}.bento-grid{display: grid;grid-template-columns: repeat(4,1fr);grid-template-rows: auto auto;gap: 24px;max-width: 1100px;margin: 0 auto;
}
.bento-card{background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 24px;padding: 30px;position: relative;overflow: hidden;transition: all 0.3s ease;display: flex;flex-direction: column;
}
.bento-card:hover{box-shadow: 0 20px 40px rgba(0,0,0,0.04);transform: translateY(-4px);background: #ffffff;border-color: #cbd5e1;
}.bento-large{grid-column: span 2;grid-row: span 2;background: linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color: #ffffff;border: none;
}
.bento-large:hover{background: linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border: none;
}
.bento-medium{grid-column: span 2;
}
.bento-small{grid-column: span 1;
}.bento-icon{font-size: 28px;margin-bottom: 20px;color: #3b82f6;background: rgba(59,130,246,0.1);width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 12px;
}
.bento-large .bento-icon{color: #38bdf8;background: rgba(56,189,248,0.15);
}
.bento-card h3{font-size: 20px;font-weight: 700;margin: 0 0 10px;letter-spacing: -0.5px;color: #0f172a;
}
.bento-large h3{color: #ffffff;font-size: 32px;
}
.bento-card p{font-size: 14px;color: #64748b;line-height: 1.6;margin: 0;
}
.bento-large p{color: #94a3b8;font-size: 16px;max-width: 90%;
}
.bento-visual{margin-top: auto;padding-top: 30px;border-radius: 12px;overflow: hidden;height: 200px;display: flex;align-items: center;justify-content: center;
}
.bento-large .bento-visual{background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.1);box-shadow: inset 0 0 20px rgba(0,0,0,0.5);
}@media (max-width: 992px){.bento-grid{grid-template-columns: repeat(2,1fr);}
}
@media (max-width: 768px){.bento-grid{grid-template-columns: 1fr;}.bento-large,.bento-medium,.bento-small{grid-column: span 1;grid-row: auto;}.saas-marquee-wrapper::before,.saas-marquee-wrapper::after{width: 50px;}
}.faq-section{padding: 80px 20px;background: linear-gradient(180deg,#ffffff 0%,#f8fafc 15%);
}
.faq-header{text-align: center;margin-bottom: 50px;
}
.faq-header h2{font-size: clamp(26px,4vw,32px);font-weight: 800;color: #0f172a;margin: 0;letter-spacing: -1px;
}
.faq-grid{max-width: 1200px;margin: 0 auto;display: grid;grid-template-columns: 1fr 1fr;gap: 30px;align-items: start;
}
.faq-col{display: flex;flex-direction: column;gap: 15px;
}
.faq-item{background: #ffffff;border: 1px solid #e2e8f0;border-radius: 8px;overflow: hidden;transition: all 0.3s ease;
}
.faq-item:hover{border-color: #cbd5e1;
}
.faq-question{width: 100%;text-align: left;background: none;border: none;padding: 20px;font-size: 15px;font-weight: 600;color: #0f172a;display: flex;justify-content: space-between;align-items: center;cursor: pointer;
}
.faq-question i{color: #94a3b8;font-size: 16px;transition: transform 0.3s ease;
}
.faq-item.active .faq-question i{transform: rotate(45deg);color: #3b82f6;
}
.faq-answer{max-height: 0;overflow: hidden;transition: max-height 0.4s cubic-bezier(0.4,0,0.2,1);
}
.faq-answer-inner{padding: 0 20px 20px 20px;color: #475569;font-size: 14px;line-height: 1.6;
}
.faq-answer-inner p{margin: 0;
}@media (max-width: 992px){.faq-grid{grid-template-columns: 1fr;}
}p,h1,h2,h3,h4,h5,span,li,a,td,th,label{overflow-wrap: break-word;word-break: break-word;
}.pkg-card,.ebook-card,.bento-card,.pp-item,.blog-card{overflow: hidden;min-width: 0;
}@media (max-width: 768px){.container{padding: 0 16px;max-width: 100%;}section{overflow-x: clip;}.ebooks-section,.featured-pkgs-section{overflow-x: visible;}
}@media (max-width: 900px){.glass-panel,.terminal-panel,.float-card-3,.float-card-4,.float-card-5{display: none !important;}
}@media (max-width: 768px){.home-hero{min-height: 75vh;padding: 100px 16px 60px;text-align: center;}.hero-tags{justify-content: center;flex-wrap: wrap;gap: 8px;}.hero-stats{flex-direction: column;gap: 16px;align-items: center;}
}
@media (max-width: 480px){.home-hero{padding: 90px 12px 50px;}
}@media (max-width: 768px){.featured-section,[class*="featured"]{padding: 50px 0;}.tab-buttons-wrap{overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding-bottom: 4px;}.tab-buttons-wrap::-webkit-scrollbar{display: none;}.tab-btn-group{white-space: nowrap;}
}@media (max-width: 768px){.ecosystem-section{padding: 60px 20px;min-height: auto;}.ecosystem-grid{display: none;}.eco-center-content{position: static;transform: none;padding: 0;text-align: center;}.eco-center-content h2{font-size: clamp(24px,7vw,32px);margin-bottom: 20px;}.eco-btn{font-size: 15px;padding: 14px 28px;}
}
@media (max-width: 480px){.ecosystem-section{padding: 50px 16px;}}@media (max-width: 992px){.bento-container{flex-direction: column;gap: 24px;}.bento-left,.bento-right{width: 100%;}.bento-grid{grid-template-columns: repeat(2,1fr);}
}
@media (max-width: 480px){.bento-grid{grid-template-columns: 1fr;}.bento-large,.bento-medium,.bento-small{grid-column: span 1;}
}@media (max-width: 992px){.demo-container{flex-direction: column;gap: 32px;}.demo-info,.demo-form-wrapper{width: 100% !important;}.demo-form-wrapper{padding: 28px !important;}
}
@media (max-width: 600px){.demo-form-grid{grid-template-columns: 1fr !important;}.demo-form-wrapper{padding: 20px !important;border-radius: 14px;}.demo-container{padding: 0 !important;}
}@media (max-width: 768px){.pp-grid{grid-template-columns: 1fr !important;gap: 20px !important;}
}@media (max-width: 992px){.ebook-card{flex: 0 0 calc(50% - 12px) !important;}
}
@media (max-width: 767px){.ebooks-section{padding-left: 0 !important;padding-right: 0 !important;}.ebooks-title,.ebooks-subtitle,.partners-header,.integrations-header{padding-left: 20px !important;padding-right: 20px !important;}.ebooks-slider-container{max-width: 100% !important;overflow: hidden !important;}.ebooks-grid{scroll-snap-type: x mandatory !important;scroll-padding-left: 20px !important;margin: 0 !important;padding: 8px 20px 8px !important;gap: 20px !important;}.ebook-card{flex: 0 0 calc(100vw - 40px) !important;width: calc(100vw - 40px) !important;min-width: 0 !important;scroll-snap-align: start !important;box-sizing: border-box !important;}
}@media (max-width: 480px){.ebooks-title,.ebooks-subtitle,.partners-header,.integrations-header{padding-left: 16px !important;padding-right: 16px !important;}
}@media (max-width: 768px){[style*="grid-template-columns: repeat(3"]{grid-template-columns: 1fr 1fr !important;}.blog-grid,[class*="blog-"]{gap: 16px !important;}
}
@media (max-width: 480px){[style*="grid-template-columns: repeat(3"]{grid-template-columns: 1fr !important;}[style*="grid-template-columns: repeat(2"]{grid-template-columns: 1fr !important;}
}@media (max-width: 768px){.faq-section{padding: 60px 20px !important;}.faq-header{margin-bottom: 30px;}.faq-header h2{font-size: clamp(22px,6vw,28px);}.faq-question{font-size: 14px;padding: 16px;}.faq-answer-inner{padding: 0 16px 16px;font-size: 13px;}
}@media (max-width: 768px){.partners-wrapper,.integrations-wrapper{padding: 30px 0 !important;}.saas-marquee-wrapper{padding: 30px 0;}.saas-marquee-wrapper::before,.saas-marquee-wrapper::after{width: 40px;}
}@media (max-width: 768px){h1{font-size: clamp(24px,7vw,40px) !important;}h2{font-size: clamp(20px,6vw,32px) !important;}h3{font-size: clamp(16px,5vw,22px) !important;}
}@media (max-width: 768px){.section,[class$="-section"]{padding-top: 60px;padding-bottom: 60px;}
}
@media (max-width: 480px){.section,[class$="-section"]{padding-top: 40px;padding-bottom: 40px;}
}@media (max-width: 768px){.mobile-nav-overlay{width: min(320px,90vw);}.mobile-nav-body{padding: 8px 0;}.mobile-submenu-toggle{padding: 14px 20px;font-size: 15px;font-weight: 600;}.mobile-submenu li a{padding: 10px 20px 10px 36px;font-size: 14px;}.mobile-nav-footer{gap: 10px;padding: 16px;}.mobile-auth-btn{text-align: center;font-size: 14px;padding: 12px;}
}@media (max-width: 480px){.promo-banner{padding: 7px 0;}.promo-inner{flex-wrap: nowrap;gap: 6px;align-items: center;}.promo-text{font-size: 11px;flex: 1;min-width: 0;}.promo-right{flex-shrink: 0;}
}@media (max-width: 992px){.container{padding: 0 24px;}.kurumsal-sidebar{display: none;}
}@media (max-width: 360px){body{font-size: 14px;}.container{padding: 0 10px;}.cart-btn{padding: 8px 10px;font-size: 13px;}
}@media (hover: none){.pkg-card:hover,.eco-box:hover,.faq-item:hover{transform: none;}.saas-marquee-track{animation-play-state: running !important;}
}@media (max-width: 640px){.container{padding: 0 14px;}.logo img{height: 38px;}.promo-text{font-size: 11.5px;}
}.footer-certifications{display: flex;align-items: center;flex-wrap: wrap;gap: 16px 0;padding-top: 16px;padding-bottom: 16px;border-top: 1px solid rgba(255,255,255,.07);
}
.cert-logos{display: flex;gap: 12px;align-items: center;flex-wrap: wrap;
}
.cert-logos img{height: 40px;width: auto;object-fit: contain;
}
.cert-official{margin-left: auto;display: flex;align-items: center;gap: 12px;
}
.cert-official img{height: 36px;width: auto;object-fit: contain;display: block;opacity: .85;transition: opacity .2s;
}
.cert-official a:hover img{opacity: 1;}@media (max-width: 768px){.footer-certifications{flex-direction: column;align-items: center;gap: 14px;padding: 20px 0;}.cert-logos{justify-content: center;}.cert-official{margin-left: 0;justify-content: center;}.a11y-icons{margin: 0 auto;}
}