.hosting-page{padding-top:126px;background:radial-gradient(ellipse at 50% 28%,#eef4ff70,transparent 65%),#f8fbff;color:#111a36}.hosting-page .hosting-container,.hosting-page>section>div.max-w-6xl{width:min(1440px,calc(100% - 80px));max-width:1440px;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}.hosting-hero{position:relative;min-height:570px;background:url('/assets/hosting-background.webp') center top/cover no-repeat;padding:28px 0 48px;isolation:isolate}.hosting-hero:after{content:'';position:absolute;inset:auto 0 0;height:70px;background:linear-gradient(transparent,#f8fbff);z-index:-1}.hosting-breadcrumb{display:flex;align-items:center;gap:10px;font-size:13px;color:#7385a8;margin-bottom:26px}.hosting-breadcrumb [aria-current]{color:#142344}.hosting-hero-copy{max-width:620px;width:48%}.hosting-eyebrow{display:inline-flex;padding:6px 12px;border:1px solid #d9ccff;border-radius:30px;background:#ebe4ffb8;color:#7943ff;font-size:12px;font-weight:600}.hosting-hero h1{font-size:clamp(40px,3.8vw,64px);line-height:1.04;font-weight:700;letter-spacing:-2.2px;margin:22px 0 16px}.hosting-hero h1>span{background:linear-gradient(105deg,#8a3bff,#215aff);background-clip:text;color:transparent}.hosting-hero-copy>p{font-size:18px;line-height:1.55;color:#5e7298;max-width:535px;margin:0}.hosting-actions{display:flex;gap:12px;margin-top:22px}.hosting-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 26px;border-radius:40px;background:linear-gradient(115deg,#111b39,#0a1026);color:white;font-weight:600;font-size:14px;box-shadow:0 5px 14px #2339620a;transition:transform .2s,box-shadow .2s}.hosting-button-light{background:#fff;color:#111b39;border:1px solid #dce5f4}.hosting-button:hover{transform:translateY(-3px);box-shadow:0 9px 22px #5266bb20}.hosting-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px;width:680px;max-width:115%}.hosting-trust>div{display:flex;align-items:center;gap:9px}.hosting-trust-icon{width:36px;height:40px;display:grid;place-items:center;border-radius:10px;background:#ffffffa6;color:#5d3fff;font-size:29px}.hosting-trust>div:nth-child(2) .hosting-trust-icon{color:#00b987}.hosting-trust>div:nth-child(3) .hosting-trust-icon{color:#ff8a00}.hosting-trust strong{display:block;font-size:12px;white-space:nowrap}.hosting-trust small{display:block;font-size:11px;color:#6b7e9f;margin-top:3px}.hosting-page .hosting-features{background:transparent;padding:32px 0 20px}.hosting-features>div>div:first-child{margin-bottom:24px}.hosting-page h2{font-size:30px;line-height:1.2;letter-spacing:-.8px}.hosting-features h2{margin-top:10px}.hosting-features>div>div:first-child>p{margin-top:10px}.hosting-features>div>.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.hosting-features .grid>div{padding:22px 20px;border-radius:14px;border-color:#e5ecf8;background:#ffffffc7;box-shadow:0 8px 28px #375ba503}.hosting-features .grid h3{font-size:14px;line-height:1.4}.hosting-features .grid p{font-size:14px;line-height:1.65}.hosting-features .grid .w-11{width:48px;height:48px;margin-bottom:16px}.hosting-features .grid>div:hover{transform:translateY(-4px)}.hosting-page #paketler{background:transparent;padding:28px 0 22px;scroll-margin-top:145px}.hosting-page #paketler>div>div:first-child{margin-bottom:24px}.hosting-page #paketler h2{margin-top:10px}.hosting-page #paketler h2+p{margin-top:10px}.hosting-page #billing-toggle{margin-top:18px;background:#e9eff9;border:1px solid #e1e8f5;padding:5px}.hosting-package-grid{gap:14px}.hosting-package{border:1px solid #dce6fa;border-radius:16px;box-shadow:0 8px 25px #5076b004;overflow:visible!important}.hosting-package.is-popular{border-color:#8e65ff;box-shadow:0 0 0 1px #986aff22}.hosting-package>div:first-child:not(.p-6){position:absolute;top:-12px;left:24px;padding:4px 13px;border-radius:30px;font-size:10px;background:linear-gradient(120deg,#8d4bff,#4467ff);z-index:1}.hosting-package>.p-6{padding:24px}.hosting-package>.p-6>div:first-child>.w-10{display:none}.hosting-package>.p-6>div:first-child{margin-bottom:10px}.hosting-package h3{font-size:19px}.hosting-package .text-4xl{font-size:36px;letter-spacing:-1px}.hosting-package .mb-6{margin-bottom:20px}.hosting-package ul{line-height:1.4}.hosting-package ul.space-y-2\.5>:not([hidden])~:not([hidden]){margin-top:8px}.hosting-package [data-hosting-link]{border-radius:12px;background:#101a33;color:white}.hosting-package.is-popular [data-hosting-link]{background:linear-gradient(110deg,#6845ff,#235bff);box-shadow:0 5px 12px #4566ff26}.hosting-page .hosting-bottom-cta{padding:12px 0 30px;background:transparent}.hosting-bottom-cta>div>div{padding:30px 42px;border-radius:18px;text-align:left;background:radial-gradient(ellipse at right,#273e8e,transparent 65%),#10192f}.hosting-bottom-cta .max-w-xl{max-width:none;display:grid;grid-template-columns:1fr auto;column-gap:40px;align-items:center}.hosting-bottom-cta .max-w-xl>div:first-child{grid-column:1;margin:0 0 10px;justify-self:start}.hosting-bottom-cta h2{grid-column:1;font-size:30px}.hosting-bottom-cta p{grid-column:1;max-width:650px;margin-top:10px;font-size:15px}.hosting-bottom-cta .max-w-xl>div:last-child{grid-column:2;grid-row:1/4;margin:0}.hosting-page .hosting-faq{padding:30px 0 65px;background:transparent}.hosting-faq>div{max-width:1050px}.hosting-faq #faq{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.hosting-faq #faq>div{margin:0}.hosting-faq .faq-btn{min-height:76px}.hosting-faq>div>div:first-child{margin-bottom:24px}@media(min-width:1800px){.hosting-hero{background-size:100% auto;min-height:610px}}@media(max-width:1200px){.hosting-hero{background-position:55% top}.hosting-hero-copy{width:49%}.hosting-trust{grid-template-columns:repeat(2,1fr);max-width:100%;gap:16px}.hosting-features>div>.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hosting-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hosting-bottom-cta .max-w-xl{display:block}.hosting-bottom-cta .max-w-xl>div:last-child{margin-top:22px;justify-content:flex-start}}@media(max-width:767px){.hosting-page{padding-top:102px}.hosting-page .hosting-container,.hosting-page>section>div.max-w-6xl{width:calc(100% - 36px)}.hosting-hero{padding-top:20px;padding-bottom:250px;background-size:auto 310px;background-position:70% bottom;background-repeat:no-repeat;background-color:#edf3ff;min-height:0}.hosting-hero:after{height:30px}.hosting-hero-copy{width:100%;max-width:none}.hosting-hero h1{font-size:44px;letter-spacing:-1.5px}.hosting-hero-copy>p{font-size:16px}.hosting-breadcrumb{font-size:12px;margin-bottom:22px}.hosting-trust{width:100%;grid-template-columns:repeat(2,1fr);margin-top:25px;gap:16px}.hosting-actions{gap:9px}.hosting-button{padding:14px 18px;font-size:13px;gap:12px}.hosting-features>div>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hosting-features .grid>div{padding:18px 15px}.hosting-features .grid p{font-size:13px}.hosting-page h2{font-size:26px}.hosting-page #paketler{scroll-margin-top:120px}.hosting-package-grid{grid-template-columns:1fr;gap:24px}.hosting-package>.p-6{padding:25px}.hosting-page .hosting-bottom-cta>div>div{padding:26px 23px}.hosting-faq #faq{grid-template-columns:1fr}.hosting-faq>div{padding-left:18px;padding-right:18px}.hosting-page .hosting-faq{padding-bottom:40px}}@media(prefers-reduced-motion:reduce){.hosting-page *{scroll-behavior:auto;transition:none!important}}

.hosting-trust-icon svg{width:27px;height:27px}.hosting-trust>div:nth-child(4) .hosting-trust-icon{color:#315aff}

/* Keep decorative highlights behind a calm, readable text surface. */
.hosting-hero-copy{position:relative;isolation:isolate}
.hosting-hero-copy:before{content:'';position:absolute;inset:-20px -32px -22px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 38% 48%,#f5f8fff2 10%,#f5f8ffb8 58%,#f5f8ff00 74%)}
.hosting-hero-copy>p{color:#405474;font-weight:400;line-height:1.65;text-wrap:pretty}
.hosting-trust{width:700px;max-width:120%;gap:12px}
.hosting-trust>div{padding:10px 9px;border:1px solid #ffffffd9;border-radius:13px;background:#f9fbffe8;box-shadow:0 4px 16px #334d7f06;min-width:0}
.hosting-trust-icon{flex-shrink:0;background:#eef2ff}
.hosting-trust strong{font-size:12px;color:#172541;white-space:normal;line-height:1.4}
.hosting-trust small{font-size:12px;color:#4c607f;line-height:1.4}
.hosting-eyebrow{color:#6230d5;background:#eee7ff}
.hosting-faq #faq>div{transition:border-color .25s,box-shadow .3s,background .3s;position:relative}
.hosting-faq #faq>div:hover{border-color:#bccbff;box-shadow:0 6px 20px #4d66b10b}
.hosting-faq #faq>div.is-open{border-color:#a9baff;background:linear-gradient(135deg,#fff,#f3f6ff);box-shadow:0 10px 28px #465db613}
.hosting-faq .faq-btn{transition:color .25s,background .25s}
.hosting-faq .faq-btn[aria-expanded=true]>span{color:#3554d8}
.hosting-faq .faq-icon{padding:4px;width:28px;height:28px;border-radius:50%;background:#f0f4fc;transition:transform .35s cubic-bezier(.22,.7,.2,1),background .3s,color .3s}
.hosting-faq .is-open .faq-icon{transform:rotate(180deg);background:#e4ebff;color:#375bdf}
.hosting-faq .faq-body{display:grid;grid-template-rows:0fr;visibility:hidden;opacity:0;transition:grid-template-rows .4s cubic-bezier(.22,.7,.2,1),opacity .25s,visibility .4s}
.hosting-faq .faq-content{min-height:0;overflow:hidden}
.hosting-faq .faq-content>div{transform:translateY(-7px);transition:transform .4s cubic-bezier(.22,.7,.2,1)}
.hosting-faq .is-open .faq-body{grid-template-rows:1fr;visibility:visible;opacity:1}
.hosting-faq .is-open .faq-content>div{transform:translateY(0)}
.hosting-faq .faq-content p{color:#4d607d;line-height:1.75}
@media(max-width:1200px){.hosting-trust{max-width:100%}}
@media(max-width:767px){.hosting-hero-copy:before{inset:-12px -10px;background:radial-gradient(ellipse,#f5f8ffcc,transparent 75%)}.hosting-trust{gap:10px}.hosting-trust>div{padding:9px 7px}.hosting-trust-icon{width:32px}.hosting-trust strong,.hosting-trust small{font-size:11px}}

@media(max-width:767px){.hosting-hero:before{content:'';position:absolute;inset:auto 0 0;height:310px;z-index:-1;background:linear-gradient(#edf3ff,transparent 38%)}.hosting-trust{position:relative;z-index:1}}

/* Typography keeps the hero artwork visible without a white text panel. */
.hosting-hero-copy:before{display:none}
.hosting-hero-copy>p{font-size:20px;line-height:1.65;font-weight:500;color:#304566;text-shadow:0 1px 1px #ffffff65}
.hosting-trust>div{padding:10px 0;border:0;background:transparent;box-shadow:none;gap:10px}
.hosting-trust strong{font-size:14px;font-weight:600;color:#14223d;line-height:1.45}
.hosting-trust small{font-size:13px;font-weight:500;color:#405677;line-height:1.5}
.hosting-trust-icon{background:transparent;width:34px}
.hosting-trust-icon svg{width:30px;height:30px}
@media(max-width:767px){.hosting-hero-copy>p{font-size:18px;line-height:1.65}.hosting-trust strong{font-size:13px}.hosting-trust small{font-size:12px}.hosting-trust>div{gap:8px}.hosting-trust-icon{width:30px}}