/* Erzurum Web Tasarımı V10 homepage preview only */

/* Header alignment and premium text-to-button hover */
.site-header .header-inner{
  width:min(calc(100% - 72px),1280px);
  max-width:1280px;
  margin:0 auto;
  padding:0;
}
.site-header .brand{flex:0 0 auto}
.site-header .site-nav{margin-left:auto;gap:5px;white-space:nowrap}
@media(min-width:901px){
  .site-header .site-nav>a:not(.nav-price):not(.nav-phone){
    padding:11px 13px;
    border-radius:11px;
    border:1px solid transparent;
    background:transparent;
    color:#4b5668;
    transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease;
  }
  .site-header .site-nav>a:not(.nav-price):not(.nav-phone)::after{display:none}
  .site-header .site-nav>a:not(.nav-price):not(.nav-phone):hover{
    color:#153f95;
    background:#f5f8fd;
    border-color:#d8e1ee;
    box-shadow:0 8px 20px rgba(15,23,42,.075),inset 0 1px 0 #fff;
    transform:translateY(-2px);
  }
  .site-header .site-nav>a.active:not(.nav-price):not(.nav-phone){
    color:#174cae;
    background:#f2f6fd;
    border-color:#dae5f6;
    box-shadow:none;
  }
}
.google-word{display:inline-flex;letter-spacing:-.035em;font-weight:800}
.google-word .g1,.google-word .g4{color:#4285f4}.google-word .g2,.google-word .g6{color:#ea4335}.google-word .g3{color:#fbbc05}.google-word .g5{color:#34a853}
.google-seo-label{color:inherit;font-weight:800}

.site-nav .nav-price{
  position:relative;overflow:hidden;isolation:isolate;
  margin-left:8px!important;
  border-radius:12px!important;
  animation:priceBreath 3.4s ease-in-out infinite;
}
.site-nav .nav-price:before{
  content:"";position:absolute;z-index:-1;inset:-2px auto -2px -55%;width:42%;transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  animation:priceShine 3.4s ease-in-out infinite;
}
@keyframes priceShine{0%,55%{left:-55%}82%,100%{left:125%}}
@keyframes priceBreath{0%,100%{box-shadow:0 8px 22px rgba(37,99,235,.20)}50%{box-shadow:0 12px 31px rgba(37,99,235,.34)}}

.site-nav .nav-phone{
  display:inline-flex;align-items:center;gap:8px;margin-left:6px;padding:8px 0 8px 10px!important;
  border:0!important;border-left:1px solid #dde4ee!important;border-radius:0!important;background:transparent!important;
  color:#25324a!important;font-size:12px!important;font-weight:800!important;box-shadow:none!important;transform:none!important;
}
.site-nav .nav-phone:hover{color:#1856c9!important}
.site-nav .nav-phone::after{display:none!important}
.phone-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#edf4ff;color:#2360da;border:1px solid #d7e4fb;transition:transform .2s ease,background .2s ease}
.phone-icon svg{width:16px;height:16px}.nav-phone:hover .phone-icon{transform:rotate(-8deg) scale(1.04);background:#e3edff}

/* About */
.about-section{background:#fff;border-bottom:1px solid var(--line)}
.about-layout{display:grid;grid-template-columns:210px 1fr;gap:clamp(35px,7vw,110px);align-items:start}
.about-copy h2{max-width:980px;margin-bottom:34px}
.about-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;max-width:980px}
.about-text-grid p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}

/* Browser cards in Turkish */
.visual-card small{letter-spacing:.09em}.visual-card.three strong{font-size:20px;line-height:1.05;max-width:130px}

/* Premium cards with large outlined corner numbers */
.service-card,.type-card{overflow:hidden}
.outline-card-no{
  position:absolute;z-index:1;right:22px;top:15px;
  font-size:clamp(66px,6.2vw,104px);line-height:.9;font-weight:950;letter-spacing:-.08em;
  color:transparent;-webkit-text-stroke:2px rgba(60,94,145,.16);text-stroke:2px rgba(60,94,145,.16);
  user-select:none;pointer-events:none;
}
.service-card .outline-card-no{top:18px;right:20px;-webkit-text-stroke-color:rgba(37,99,235,.17)}
.type-card.large .outline-card-no{-webkit-text-stroke-color:rgba(139,172,255,.25)}
.service-card .num,.type-card .type-no{
  position:relative;z-index:3;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;
  color:#2a61c9!important;font-size:9px!important;letter-spacing:.15em!important;
}
.type-card.large .type-no{color:#a7c0ff!important}
.service-card h3{margin-top:78px}.type-card h3{margin-top:72px}
.service-card p,.type-card p{font-size:14px;line-height:1.72;max-width:92%}
.type-card{min-height:390px}
.type-card.third{min-height:410px}
.type-card .mini-arrow{z-index:4}

/* SEO visual: remove overlap entirely */
.seo-panel{
  min-height:560px;padding:38px;display:flex;flex-direction:column;justify-content:center;gap:18px;
  overflow:hidden;
}
.seo-panel .search-card{
  position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;padding:26px;margin:0;z-index:2;
}
.seo-panel .seo-stat{
  position:relative;right:auto;bottom:auto;width:100%;min-height:112px;margin:0;z-index:2;
  display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:16px;padding:18px 22px;border-radius:18px;
  background:linear-gradient(135deg,#3475ff,#1d55ca);box-shadow:0 18px 42px rgba(37,99,235,.24);
}
.seo-stat small:first-child{font-size:10px;text-transform:uppercase;letter-spacing:.14em}.seo-stat strong{font-size:46px;margin:0}.seo-stat small:last-child{font-size:12px;line-height:1.45;color:#e6edff;max-width:150px}
.seo-content .eyebrow .google-seo-label{color:#d4deef}.seo-content .btn .google-seo-label{color:#fff}.seo-content .btn .google-word span{filter:saturate(1.05) brightness(1.12)}
.seo-chips span{text-transform:none!important;letter-spacing:.02em!important;font-size:9px!important}

/* Animated trademark CTA */
.trademark-cta-card.attention-cta{border-color:rgba(87,134,255,.28);animation:patentGlow 4s ease-in-out infinite}
.trademark-cta-card.attention-cta:before{
  content:"";position:absolute;z-index:0;inset:-45% -15%;pointer-events:none;
  background:linear-gradient(105deg,transparent 38%,rgba(67,115,255,.12) 50%,transparent 62%);
  transform:translateX(-45%);animation:patentSweep 5s ease-in-out infinite;
}
.btn-patent.attention-btn{overflow:hidden;isolation:isolate;animation:patentBtn 2.8s ease-in-out infinite}
.btn-patent.attention-btn:before{content:"";position:absolute;z-index:-1;top:-25%;bottom:-25%;left:-50%;width:35%;background:linear-gradient(90deg,transparent,rgba(47,107,255,.13),transparent);transform:skewX(-20deg);animation:patentBtnShine 3.2s ease-in-out infinite}
@keyframes patentGlow{0%,100%{box-shadow:0 28px 70px rgba(15,23,42,.12)}50%{box-shadow:0 30px 78px rgba(37,99,235,.22)}}
@keyframes patentSweep{0%,58%{transform:translateX(-55%)}90%,100%{transform:translateX(55%)}}
@keyframes patentBtn{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes patentBtnShine{0%,55%{left:-50%}88%,100%{left:130%}}

@media(max-width:1180px) and (min-width:901px){
  .site-header .header-inner{width:min(calc(100% - 40px),1180px)}
  .site-header .site-nav{gap:2px}.site-header .site-nav>a:not(.nav-price):not(.nav-phone){padding:10px 9px;font-size:11px}
  .site-nav .nav-price{padding:11px 14px!important}.site-nav .nav-phone span:last-child{display:none}.site-nav .nav-phone{padding-left:8px!important}
}
@media(max-width:900px){
  .site-header .header-inner{width:calc(100% - 32px);margin:0 auto}
  .site-nav .nav-phone{border-left:0!important;border-top:1px solid #e4e9f0!important;margin:5px 0 0!important;padding:12px 13px!important;border-radius:11px!important}
  .site-nav .nav-phone span:last-child{display:inline}
  .about-layout{grid-template-columns:1fr;gap:30px}.about-text-grid{grid-template-columns:1fr}
  .seo-panel{padding:24px;min-height:auto}.seo-panel .seo-stat{grid-template-columns:auto auto 1fr}
  .outline-card-no{font-size:84px}
}
@media(max-width:620px){
  .service-card p,.type-card p{max-width:100%}.type-card,.type-card.third{min-height:370px}
  .outline-card-no{font-size:76px;right:17px;top:16px;-webkit-text-stroke-width:1.6px}
  .seo-panel{padding:18px}.seo-panel .search-card{padding:20px}.seo-panel .seo-stat{grid-template-columns:auto 1fr;gap:8px 14px}.seo-stat small:last-child{grid-column:1/-1;max-width:none}.seo-stat strong{font-size:40px}
}
@media(prefers-reduced-motion:reduce){.site-nav .nav-price,.site-nav .nav-price:before,.trademark-cta-card.attention-cta,.trademark-cta-card.attention-cta:before,.btn-patent.attention-btn,.btn-patent.attention-btn:before{animation:none!important}}

/* V11 — homepage polish: card spacing, nav type, and richer footer */
@media(min-width:901px){
  .site-header .site-nav{gap:8px}
  .site-header .site-nav>a:not(.nav-price):not(.nav-phone){
    font-size:13.5px;
    font-weight:780;
    letter-spacing:.01em;
    color:#445166;
  }
  .site-header .site-nav>a:not(.nav-price):hover{
    color:#174cb8;
  }
  .site-header .site-nav .nav-phone{
    margin-left:10px!important;
    padding-left:14px!important;
    font-size:12.5px!important;
    font-weight:800!important;
  }
}

.type-card,
.service-card{
  padding-bottom:92px;
}
.type-card{min-height:320px}
.type-card.large{min-height:340px}
.type-card.third{min-height:320px}
.type-card h3{
  margin-top:64px;
  margin-bottom:12px;
}
.type-card p,
.service-card p{
  max-width:100%;
  margin-bottom:0;
}
.type-card .mini-arrow{
  position:absolute!important;
  right:24px!important;
  left:auto!important;
  bottom:22px!important;
  top:auto!important;
  margin:0!important;
  width:50px;
  height:50px;
  border-radius:50%;
  display:grid;
  place-items:center;
}
.type-card.large .mini-arrow{border-color:rgba(255,255,255,.22)}
.type-card:hover .mini-arrow{
  transform:none;
}
.type-card:hover .mini-arrow::before{
  transform:translateX(1px);
}

.site-footer{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#08111f 0%,#0b1525 48%,#101b2e 100%);
  padding:88px 0 40px;
}
.site-footer::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(130,154,192,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(130,154,192,.06) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.35) 65%,transparent);
  pointer-events:none;
}
.site-footer .shell{position:relative;z-index:1}
.footer-top{
  grid-template-columns:1.18fr .62fr .82fr .95fr;
  gap:40px;
  padding-bottom:42px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.site-footer .brand-mark{border-color:rgba(255,255,255,.24);background:#0f1f36}
.site-footer .brand-type strong{font-size:17px;letter-spacing:.08em;color:#fff}
.site-footer .brand-type small{font-size:9px;letter-spacing:.32em;color:#94a4bc}
.footer-brand p{
  margin-top:24px;
  font-size:15px;
  line-height:1.8;
  color:#a7b5c8;
  max-width:450px;
}
.footer-col strong{
  margin-bottom:18px;
  font-size:11px;
  letter-spacing:.16em;
  color:#8ea2c0;
}
.footer-col a,
.footer-contact address{
  font-size:14px;
  line-height:1.75;
  color:#d7e0ec;
}
.footer-col a{
  padding:8px 0;
}
.footer-col a:hover{color:#fff;transform:translateX(2px)}
.footer-contact a span{
  display:block;
  margin-bottom:2px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#88a0bf;
}
.footer-contact address{
  margin-top:14px;
  font-style:normal;
  color:#b8c5d6;
}
.footer-bottom{
  padding-top:24px;
  font-size:12px;
  color:#91a0b5;
}
.ecosystem{
  gap:10px;
  padding:10px 15px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.045);
  color:#dbe5f1;
}
.ecosystem:hover{background:rgba(255,255,255,.075);color:#fff}

@media(max-width:900px){
  .type-card,.service-card{padding-bottom:84px}
  .type-card .mini-arrow{right:18px!important;bottom:18px!important;width:46px;height:46px}
  .footer-top{grid-template-columns:1fr 1fr;gap:28px}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:620px){
  .type-card,
  .type-card.third,
  .type-card.large{min-height:300px}
  .type-card h3{margin-top:58px}
  .site-footer{padding:70px 0 34px}
  .footer-top{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:14px}
  .ecosystem{border-radius:16px}
}