:root {
	--bg: #f7f8fc;
	--bg2: #ffffff;
	--text: #111827;
	--muted: #5f6b7a;
	--soft: #eef2f7;
	--line: rgba(15,23,42,.10);
	--primary: #ff7a00;
	--primary2: #ff9d2f;
	--darkblue: #1f2b63;
	--blue: #06417d;
	--green: #16c784;
	--shadow: 0 18px 55px rgba(17,24,39,.10);
	--shadow2: 0 28px 80px rgba(255,122,0,.18);
	--radius: 22px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--text);
	background:
	radial-gradient(circle at 6% 0%, rgba(255,122,0,.10), transparent 28%),
	radial-gradient(circle at 90% 18%, rgba(255,157,47,.12), transparent 25%),
	linear-gradient(180deg, #fff 0%, #f7f8fc 48%, #ffffff 100%);
	min-height: 100vh;
	overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
.container { width: min(1200px, calc(100% - 34px)); margin: 0 auto; }

.bg-glow {
	position: fixed;
	width: 460px;
	height: 460px;
	border-radius: 999px;
	filter: blur(85px);
	opacity: .16;
	pointer-events: none;
	z-index: -1;
	animation: floatGlow 8s ease-in-out infinite;
}
.glow-1 { background: var(--primary); top: -140px; left: -120px; }
.glow-2 { background: #ffb347; bottom: -160px; right: -120px; animation-delay: 1.4s; }
@keyframes floatGlow { 50% { transform: translateY(-22px) scale(1.06); } }

.top-strip {
	height: 7px;
	background: linear-gradient(90deg, var(--primary), #ffd09a, var(--primary));
}

.topbar {
	position: sticky;
	top: 0;
	z-index: 100;
	background: rgba(255,255,255,.94);
	border-bottom: 1px solid var(--line);
	backdrop-filter: blur(16px);
}

.nav {
	min-height: 86px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	position: relative;
}

.brand {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 185px;
}

.brand-mark {
	width: 62px;
	height: 62px;
	border-radius: 19px;
	display: grid;
	place-items: center;
	background:
	radial-gradient(circle at 28% 24%, rgba(255,255,255,.45), transparent 18%),
	linear-gradient(135deg, #0a4a8f 0%, #176dc4 48%, #ff7a00 100%);
	color: white;
	font-size: 24px;
	font-weight: 950;
	letter-spacing: -.08em;
	box-shadow: 0 14px 34px rgba(6,65,125,.24), 0 12px 30px rgba(255,122,0,.16);
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.brand-mark::before {
	content: "";
	position: absolute;
	width: 74px;
	height: 74px;
	border: 10px solid rgba(255,255,255,.18);
	border-radius: 50%;
	right: -28px;
	top: -24px;
	z-index: -1;
}

.brand-mark::after {
	content: "";
	position: absolute;
	width: 32px;
	height: 7px;
	border-radius: 999px;
	background: rgba(255,255,255,.92);
	transform: rotate(-38deg);
	right: 10px;
	bottom: 15px;
	box-shadow: -15px 12px 0 rgba(255,255,255,.42);
}

.brand-name {
	font-weight: 950;
	font-size: 21px;
	color: var(--blue);
	letter-spacing: -.055em;
	line-height: 1;
}

.brand-name small {
	display: block;
	margin-top: 5px;
	font-size: 11px;
	color: #6b7280;
	font-weight: 800;
	letter-spacing: .02em;
}

.nav-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	flex: 1;
}

.nav-item { position: relative; }
.nav-link {
	height: 44px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 0 13px;
	border-radius: 10px;
	color: #063b73;
	font-weight: 400;
	font-size: 15px;
	transition: .2s;
	white-space: nowrap;
}
.nav-link:hover {
	color: var(--primary);
	background: rgba(255,122,0,.08);
}

.mini-badge {
	position: absolute;
	top: -14px;
	left: 18px;
	font-size: 10px;
	font-weight: 900;
	color: white;
	background: #ff72c8;
	padding: 2px 10px;
	border-radius: 5px;
	white-space: nowrap;
}
.mini-badge.orange { background: #ffae43; }

.mega {
	position: absolute;
	left: 0;
	top: 100%;
	width: min(880px, calc(100vw - 30px));
	background: white;
	border: 1px solid rgba(15,23,42,.14);
	border-radius: 0 0 8px 8px;
	box-shadow: 0 25px 70px rgba(17,24,39,.18);
	padding: 26px 28px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 28px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: .22s ease;
	z-index: 200;
}

.nav-item:hover .mega {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.mega-title {
	color: #0050a4;
	font-weight: 900;
	font-size: 15px;
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #cbd5e1;
	text-transform: uppercase;
}

.mega-list { display: grid; gap: 14px; }
.mega-link {
	display: grid;
	grid-template-columns: 34px 1fr;
	gap: 11px;
	align-items: start;
	padding: 4px;
	border-radius: 12px;
	transition: .2s;
}
.mega-link:hover {
	background: rgba(255,122,0,.08);
	transform: translateX(4px);
}
.mega-icon {
	width: 30px;
	height: 30px;
	border-radius: 8px;
	display: grid;
	place-items: center;
	background: #fff3e6;
	color: var(--primary);
	font-size: 17px;
}
.mega-link b { display: block; font-size: 15px; color: #111827; margin-bottom: 4px; }
.mega-link span { color: #4b5563; line-height: 1.45; font-size: 13px; }

.actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.btn {
	border: 0;
	border-radius: 8px;
	padding: 13px 17px;
	font-weight: 900;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	cursor: pointer;
	transition: .22s;
	white-space: nowrap;
	font-family: inherit;
}

.btn-primary {
	color: white;
	background: linear-gradient(135deg, var(--primary), var(--primary2));
	box-shadow: 0 12px 28px rgba(255,122,0,.28);
}

.btn-dark {
	color: white;
	background: var(--darkblue);
}

.btn-light {
	color: #10203a;
	background: #fff;
	border: 1px solid rgba(15,23,42,.12);
	box-shadow: 0 8px 24px rgba(17,24,39,.08);
}

.btn:hover { transform: translateY(-2px); }

.cart {
	position: relative;
	font-size: 28px;
	margin-left: 4px;
}
.cart i {
	position: absolute;
	top: -8px;
	right: -10px;
	width: 18px;
	height: 18px;
	background: #ff4eb8;
	color: white;
	border-radius: 50%;
	font-size: 11px;
	display: grid;
	place-items: center;
	font-style: normal;
	font-weight: 900;
}

.mobile-toggle { display: none; }

.hero-grid {
	display: grid;
	grid-template-columns: 1.02fr .98fr;
	gap: 48px;
	align-items: center;
}

.badge {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 10px 14px;
	border-radius: 999px;
	background: #fff4e8;
	border: 1px solid rgba(255,122,0,.18);
	color: #9a4a00;
	font-size: 13px;
	font-weight: 900;
}

.pulse {
	width: 9px;
	height: 9px;
	background: var(--green);
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(22,199,132,.65);
	animation: pulse 1.5s infinite;
}
@keyframes pulse {
	70% { box-shadow: 0 0 0 12px rgba(22,199,132,0); }
	100% { box-shadow: 0 0 0 0 rgba(22,199,132,0); }
}

h1 {
	margin: 21px 0 18px;
	font-size: clamp(42px, 5.8vw, 72px);
	line-height: .98;
	letter-spacing: -.07em;
	color: #111827;
}
.gradient-text {
	color: transparent;
	background: linear-gradient(135deg, var(--primary), #ffb347);
	-webkit-background-clip: text;
}

.hero p {
	color: var(--muted);
	font-size: 18px;
	line-height: 1.78;
	margin: 0 0 28px;
	max-width: 650px;
}

.hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 13px;
	margin-bottom: 26px;
}

.trust-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 13px;
	max-width: 680px;
}
.trust-card {
	background: white;
	border: 1px solid rgba(15,23,42,.08);
	border-radius: 18px;
	padding: 17px;
	box-shadow: 0 10px 30px rgba(17,24,39,.06);
}
.trust-card b {
	display: block;
	color: #111827;
	font-size: 25px;
	letter-spacing: -.04em;
}
.trust-card span { color: var(--muted); font-weight: 700; font-size: 13px; }

.hero-visual {
	position: relative;
	min-height: 420px;
}

.server-panel {
	position: relative;
	background: white;
	border: 1px solid rgba(15,23,42,.08);
	border-radius: 30px;
	box-shadow: var(--shadow);
	padding: 26px;
	overflow: hidden;
}
.server-panel::before {
	content: "";
	position: absolute;
	inset: -90px -90px auto auto;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(255,122,0,.16);
	filter: blur(12px);
}
.server-head {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 14px;
	align-items: center;
	margin-bottom: 18px;
}
.server-head b { font-size: 18px; }
.server-head span { display: block; margin-top: 5px; color: var(--muted); font-size: 13px; }
.online {
	color: #067647;
	background: #e9fbf3;
	border: 1px solid rgba(22,199,132,.25);
	border-radius: 999px;
	padding: 8px 12px;
	font-size: 12px;
	font-weight: 900;
}
.rack { display: grid; gap: 12px; position: relative; }
.rack-row {
	min-height: 64px;
	border-radius: 17px;
	background: #f7f9fc;
	border: 1px solid rgba(15,23,42,.08);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 16px;
}
.lights, .bars { display: flex; gap: 7px; align-items: center; }
.light {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--green);
	box-shadow: 0 0 14px rgba(22,199,132,.7);
}
.light:nth-child(2) { background: var(--primary); box-shadow: 0 0 14px rgba(255,122,0,.7); }
.light:nth-child(3) { background: #2373c8; box-shadow: 0 0 14px rgba(35,115,200,.5); }
.bar {
	width: 8px;
	border-radius: 99px;
	background: linear-gradient(180deg, var(--primary), var(--primary2));
	animation: wave 1.2s infinite ease-in-out alternate;
}
.bar:nth-child(1) { height: 18px; animation-delay: .1s; }
.bar:nth-child(2) { height: 32px; animation-delay: .3s; }
.bar:nth-child(3) { height: 24px; animation-delay: .5s; }
.bar:nth-child(4) { height: 38px; animation-delay: .2s; }
@keyframes wave { from { transform: scaleY(.45); opacity: .65; } to { transform: scaleY(1); opacity: 1; } }

.float-note {
	position: absolute;
	left: -18px;
	bottom: 22px;
	width: 220px;
	padding: 17px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 20px 50px rgba(17,24,39,.14);
	border: 1px solid rgba(15,23,42,.08);
	animation: float 3.6s infinite ease-in-out;
}
.float-note b { display: block; font-size: 24px; color: var(--primary); }
.float-note span { color: var(--muted); font-size: 12px; font-weight: 800; }
@keyframes float { 50% { transform: translateY(-12px); } }
.section {
	margin-bottom: 20px !important;
}
.section-head {
	text-align: center;
	max-width: 780px;
	margin: 0 auto 34px;
}
.section-head h2 {
	font-size: clamp(31px, 4vw, 48px);
	margin: 0 0 13px;
	letter-spacing: -.055em;
	color: #111827;
}
.section-head p {
	color: var(--muted);
	line-height: 1.75;
	margin: 0;
}

.quick-packages {
	padding: 20px 0;
	background: white;
	border-bottom: 1px solid rgba(15,23,42,.06);
}

.package-slider {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding: 6px 2px 16px;
}
.package-mini {
	min-width: 255px;
	scroll-snap-align: start;
	display: flex;
	align-items: center;
	gap: 12px;
	background: white;
	border: 1px solid rgba(15,23,42,.09);
	border-radius: 18px;
	padding: 16px;
	box-shadow: 0 10px 26px rgba(17,24,39,.06);
	transition: .22s;
}
.package-mini:hover { transform: translateY(-4px); border-color: rgba(255,122,0,.35); box-shadow: var(--shadow2); }
.package-mini .emoji {
	width: 46px;
	height: 46px;
	border-radius: 15px;
	background: #fff3e6;
	display: grid;
	place-items: center;
	font-size: 22px;
}
.package-mini b { display: block; color: #111827; margin-bottom: 4px; }
.package-mini span { color: var(--muted); font-size: 13px; font-weight: 700; }

.features {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.feature, .plan, .faq-item, .contact-card, .step, .domain-box {
	background: white;
	border: 1px solid rgba(15,23,42,.08);
	border-radius: var(--radius);
	box-shadow: 0 12px 35px rgba(17,24,39,.06);
}

.feature {
	padding: 24px;
	transition: .22s;
}
.feature:hover { transform: translateY(-5px); border-color: rgba(255,122,0,.25); }
.icon {
	width: 50px;
	height: 50px;
	border-radius: 16px;
	display: grid;
	place-items: center;
	background: #fff3e6;
	color: var(--primary);
	margin-bottom: 18px;
	font-size: 23px;
}
.feature h3 { margin: 0 0 10px; color: #111827; letter-spacing: -.03em; }
.feature p { margin: 0; color: var(--muted); line-height: 1.65; font-size: 14px; }

.plans-wrap { position: relative; }
.plans {
	display: flex;
	gap: 22px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding: 14px 4px 22px;
}
.plans::-webkit-scrollbar, .package-slider::-webkit-scrollbar { height: 8px; }
.plans::-webkit-scrollbar-thumb, .package-slider::-webkit-scrollbar-thumb { background: rgba(255,122,0,.42); border-radius: 999px; }
.plan {
	min-width: 355px;
	padding: 28px;
	position: relative;
	overflow: hidden;
	scroll-snap-align: start;
	transition: .28s;
}
.plan:hover {
	transform: translateY(-10px);
	border-color: rgba(255,122,0,.32);
	box-shadow: var(--shadow2);
}
.plan.popular {
	border: 2px solid rgba(255,122,0,.35);
	background: linear-gradient(180deg, rgba(255,122,0,.08), #fff);
}
.plan h3 { margin: 0 0 8px; font-size: 23px; letter-spacing: -.04em; color: #111827; }
.plan .desc { color: var(--muted); min-height: 48px; line-height: 1.6; margin: 0 0 20px; }
.tag {
	position: absolute;
	right: 19px;
	top: 19px;
	padding: 7px 10px;
	background: var(--primary);
	color: white;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 900;
}
.price { display: flex; align-items: end; gap: 5px; margin: 18px 0; }
.old-price { color: #9ca3af; text-decoration: line-through; font-weight: 800; margin-bottom: 9px; }
.price b { font-size: 43px; letter-spacing: -.06em; color: var(--primary); }
.price span { color: var(--muted); font-weight: 800; padding-bottom: 8px; }
.plan ul { list-style: none; padding: 0; margin: 22px 0; display: grid; gap: 13px; color: #334155; }
.plan li::before { content: "✓"; color: var(--green); font-weight: 900; margin-right: 9px; }
.plan .btn { width: 100%; }

.domain-box {
	padding: 30px;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 20px;
	align-items: center;
	background: linear-gradient(135deg, #fff, #fff6ed);
}
.domain-box h2 { font-size: clamp(30px,4vw,45px); letter-spacing:-.055em; margin:16px 0 8px; }
.domain-box p { color: var(--muted); line-height:1.7; margin:0; }
.domain-input {
	width: min(470px, 100%);
	display: flex;
	align-items: center;
	border: 1px solid rgba(15,23,42,.12);
	background: white;
	border-radius: 999px;
	overflow: hidden;
	padding: 6px;
	box-shadow: 0 12px 30px rgba(17,24,39,.07);
}
.domain-input input {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: 0;
	padding: 0 16px;
	font-size: 15px;
	font-family: inherit;
	color: #111827;
}

.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.step { padding: 26px; }
.step-num { color: var(--primary); font-weight: 900; letter-spacing: .14em; font-size: 13px; }
.step h3 { margin: 12px 0 10px; }
.step p { color: var(--muted); line-height: 1.7; margin: 0; }

.seo-content {
	background: #fff;
	border-top: 1px solid rgba(15,23,42,.06);
	border-bottom: 1px solid rgba(15,23,42,.06);
}
.seo-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
.seo-card {
	background: #f8fafc;
	border: 1px solid rgba(15,23,42,.07);
	border-radius: 22px;
	padding: 24px;
}
.seo-card h3 { margin: 0 0 12px; color: #111827; }
.seo-card p { color: var(--muted); line-height: 1.8; margin: 0; }
.keyword-cloud {
	display: flex;
	gap: 9px;
	flex-wrap: wrap;
	margin-top: 17px;
}
.keyword-cloud span {
	background: #fff3e6;
	color: #924200;
	border: 1px solid rgba(255,122,0,.14);
	border-radius: 999px;
	padding: 8px 11px;
	font-weight: 800;
	font-size: 13px;
}

.faq { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.faq-item { padding: 22px; }
.faq-item h3 { margin: 0 0 8px; color: #111827; font-size: 17px; }
.faq-item p { margin: 0; color: var(--muted); line-height: 1.7; font-size: 14px; }

.contact-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 18px; align-items: stretch; }
.contact-card { padding: 28px; }
.contact-card h2 { margin: 0 0 12px; font-size: 34px; letter-spacing: -.05em; }
.contact-card p { color: var(--muted); line-height: 1.8; }
.contact-list { display: grid; gap: 12px; margin-top: 18px; }
.contact-list a { padding: 14px; border-radius: 15px; background: #f8fafc; border: 1px solid rgba(15,23,42,.08); color: #243044; font-weight: 800; }

form { display: grid; gap: 13px; }
input, textarea, select {
	width: 100%;
	border: 1px solid rgba(15,23,42,.12);
	background: white;
	border-radius: 15px;
	color: #111827;
	padding: 15px 16px;
	outline: none;
	font-family: inherit;
}
textarea { min-height: 130px; resize: vertical; }
input:focus, textarea:focus, select:focus { border-color: rgba(255,122,0,.55); box-shadow: 0 0 0 4px rgba(255,122,0,.10); }

footer {
	background: #10203a;
	color: #dbe7f5;
	padding: 38px 0 28px;
}
.footer-grid {
	display: grid;
	grid-template-columns: 1.2fr repeat(3, 1fr);
	gap: 22px;
	margin-bottom: 26px;
}
.footer-grid h3, .footer-grid h4 { color: white; margin: 0 0 12px; }
.footer-grid p { color: #b8c8dc; line-height: 1.8; margin: 0; }
.footer-links { display: grid; gap: 10px; color: #c8d7ea; font-weight: 700; font-size: 14px; }
.footer-bottom {
	border-top: 1px solid rgba(255,255,255,.12);
	padding-top: 20px;
	display: flex;
	justify-content: space-between;
	gap: 18px;
	flex-wrap: wrap;
	color: #b8c8dc;
	font-size: 14px;
}

.fixed-actions {
	position: fixed;
	left: 18px;
	bottom: 18px;
	z-index: 95;
	display: grid;
	gap: 10px;
}
.fixed-actions a, .to-top {
	width: 52px;
	height: 52px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	box-shadow: var(--shadow);
	font-size: 22px;
}
.whatsapp { background: #21c063; color: white; }
.phone { background: linear-gradient(135deg, var(--primary), var(--primary2)); color: white; }
.to-top {
	position: fixed;
	right: 18px;
	bottom: 18px;
	z-index: 95;
	background: white;
	border: 1px solid rgba(15,23,42,.10);
	color: #111827;
}


.hero-slider {
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid rgba(15,23,42,.06);
	background: linear-gradient(180deg, #fff, #f8fafc);
}

.slider-track {
	display: flex;
	transition: transform .65s cubic-bezier(.2,.8,.2,1);
}

.slide {
	min-width: 100%;
	padding: 78px 0 42px;
	position: relative;
}

.slide::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
	radial-gradient(circle at 8% 10%, rgba(255,122,0,.10), transparent 24%),
	radial-gradient(circle at 88% 18%, rgba(35,115,200,.10), transparent 26%);
	pointer-events: none;
}

.slider-controls {
	position: absolute;
	left: 50%;
	bottom: 22px;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	gap: 10px;
	z-index: 5;
}

.slider-dot {
	width: 11px;
	height: 11px;
	border: 0;
	border-radius: 999px;
	background: rgba(17,24,39,.22);
	cursor: pointer;
	transition: .25s;
}

.slider-dot.active {
	width: 34px;
	background: linear-gradient(135deg, var(--primary), var(--primary2));
}

.slider-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 6;
	width: 46px;
	height: 46px;
	border-radius: 16px;
	border: 1px solid rgba(15,23,42,.10);
	background: rgba(255,255,255,.9);
	color: #111827;
	box-shadow: 0 12px 32px rgba(17,24,39,.12);
	cursor: pointer;
	font-size: 24px;
	display: grid;
	place-items: center;
	transition: .2s;
}

.slider-arrow:hover {
	background: var(--primary);
	color: #fff;
	transform: translateY(-50%) scale(1.05);
}

.slider-prev { left: 22px; }
.slider-next { right: 22px; }

.slide-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 999px;
	background: #10203a;
	color: white;
	font-weight: 900;
	font-size: 12px;
	margin-left: 10px;
}

@media (max-width: 1050px) {
	.nav-menu { display: none; }
	.mobile-toggle { display: inline-flex; }
	.hero-grid, .contact-grid, .seo-grid { grid-template-columns: 1fr; }
	.features { grid-template-columns: repeat(2, 1fr); }
	.domain-box { grid-template-columns: 1fr; }
	.footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 650px) {
	.container { width: min(100% - 24px, 1200px); }
	.nav { min-height: 76px; }
	.brand-mark { width: 46px; height: 46px; font-size: 22px; }
	.brand-name { font-size: 17px; }
	.actions .btn-dark:nth-child(2) { display: none; }
	.cart { display: none; }
	.slide { padding: 48px 0 44px; } .slider-arrow { display:none; }
	.trust-row, .features, .steps, .faq { grid-template-columns: 1fr; }
	.plan { min-width: 88%; }
	.package-mini { min-width: 82%; }
	.float-note { position: relative; left: auto; bottom: auto; width: 100%; margin-top: 14px; }
	.domain-input { border-radius: 20px; flex-direction: column; align-items: stretch; padding: 10px; }
	.domain-input input { padding: 13px; }
	.footer-grid { grid-template-columns: 1fr; }
}

    /* =========================
       PREMIUM MOBILE IMPROVEMENTS
       ========================= */
       .mobile-backdrop {
       	display: none;
       	position: fixed;
       	inset: 0;
       	background: rgba(15,23,42,.45);
       	backdrop-filter: blur(4px);
       	z-index: 180;
       }

       .mobile-panel {
       	display: none;
       	position: fixed;
       	top: 0;
       	right: 0;
       	width: min(88vw, 380px);
       	height: 100vh;
       	background: #ffffff;
       	z-index: 220;
       	box-shadow: -24px 0 70px rgba(17,24,39,.22);
       	padding: 18px;
       	overflow-y: auto;
       	transform: translateX(100%);
       	transition: transform .28s ease;
       }

       .mobile-panel.open {
       	transform: translateX(0);
       }

       .mobile-panel-head {
       	display: flex;
       	align-items: center;
       	justify-content: space-between;
       	gap: 14px;
       	margin-bottom: 18px;
       	padding-bottom: 14px;
       	border-bottom: 1px solid rgba(15,23,42,.08);
       }

       .mobile-panel-title {
       	display: flex;
       	align-items: center;
       	gap: 10px;
       	font-weight: 950;
       	color: #06417d;
       	letter-spacing: -.04em;
       }

       .mobile-close {
       	width: 42px;
       	height: 42px;
       	border: 0;
       	border-radius: 14px;
       	background: #fff3e6;
       	color: #ff7a00;
       	font-size: 26px;
       	cursor: pointer;
       }

       .mobile-menu-list {
       	display: grid;
       	gap: 10px;
       }

       .mobile-menu-list a {
       	display: grid;
       	grid-template-columns: 40px 1fr auto;
       	gap: 12px;
       	align-items: center;
       	padding: 14px;
       	border-radius: 18px;
       	background: #f8fafc;
       	border: 1px solid rgba(15,23,42,.07);
       	color: #111827;
       	font-weight: 900;
       }

       .mobile-menu-list a span:first-child {
       	width: 40px;
       	height: 40px;
       	border-radius: 14px;
       	display: grid;
       	place-items: center;
       	background: #fff3e6;
       	color: #ff7a00;
       	font-size: 20px;
       }

       .mobile-menu-list small {
       	display: block;
       	margin-top: 4px;
       	color: #64748b;
       	font-size: 12px;
       	font-weight: 700;
       	line-height: 1.35;
       }

       .mobile-panel-cta {
       	margin-top: 18px;
       	display: grid;
       	gap: 10px;
       }

       .mobile-panel-cta .btn {
       	width: 100%;
       	border-radius: 16px;
       	padding: 15px;
       }

       .mobile-contact-strip {
       	margin-top: 18px;
       	padding: 14px;
       	border-radius: 18px;
       	background: linear-gradient(135deg, #10203a, #1f2b63);
       	color: white;
       	display: grid;
       	gap: 8px;
       }

       .mobile-contact-strip b {
       	font-size: 15px;
       }

       .mobile-contact-strip span {
       	color: #dbe7f5;
       	font-size: 13px;
       	line-height: 1.5;
       }

       @media (max-width: 1050px) {
       	body.mobile-menu-open {
       		overflow: hidden;
       	}

       	.mobile-backdrop.show,
       	.mobile-panel {
       		display: block;
       	}

       	.topbar {
       		border-bottom: 1px solid rgba(15,23,42,.08);
       	}

       	.nav {
       		min-height: 74px;
       	}

       	.brand {
       		min-width: auto;
       	}

       	.brand-mark {
       		width: 50px;
       		height: 50px;
       		border-radius: 16px;
       		font-size: 20px;
       	}

       	.brand-name {
       		font-size: 18px;
       	}

       	.brand-name small {
       		font-size: 10px;
       	}

       	.actions .btn-dark {
       		display: none;
       	}

       	.mobile-toggle {
       		display: inline-flex;
       		border-radius: 15px;
       		background: linear-gradient(135deg, #ff7a00, #ff9d2f);
       		color: white;
       		border: 0;
       		box-shadow: 0 12px 28px rgba(255,122,0,.22);
       	}

       	.cart {
       		display: grid;
       		width: 44px;
       		height: 44px;
       		place-items: center;
       		border-radius: 15px;
       		background: #f8fafc;
       		border: 1px solid rgba(15,23,42,.08);
       		font-size: 22px;
       	}

       	.quick-packages {
       		padding: 14px 0 8px;
       	}

       	.package-slider {
       		gap: 12px;
       		padding-bottom: 12px;
       		scroll-padding-left: 12px;
       	}

       	.package-mini {
       		min-width: 230px;
       		padding: 13px;
       		border-radius: 16px;
       	}

       	.package-mini .emoji {
       		width: 42px;
       		height: 42px;
       	}

       	.slide {
       		padding: 42px 0 58px;
       	}

       	.hero-grid {
       		gap: 24px;
       	}

       	h1 {
       		font-size: clamp(34px, 10vw, 50px);
       		line-height: 1.03;
       		letter-spacing: -.055em;
       	}

       	.hero p {
       		font-size: 16px;
       		line-height: 1.7;
       	}

       	.hero-actions {
       		display: grid;
       		grid-template-columns: 1fr;
       	}

       	.hero-actions .btn {
       		width: 100%;
       		border-radius: 16px;
       		padding: 15px 16px;
       	}

       	.trust-row {
       		grid-template-columns: repeat(3, 1fr);
       		gap: 9px;
       	}

       	.trust-card {
       		padding: 13px 10px;
       		border-radius: 16px;
       		text-align: center;
       	}

       	.trust-card b {
       		font-size: 20px;
       	}

       	.trust-card span {
       		font-size: 11px;
       	}

       	.hero-visual {
       		min-height: auto;
       	}

       	.server-panel {
       		padding: 18px;
       		border-radius: 24px;
       	}

       	.server-head {
       		align-items: flex-start;
       	}

       	.server-head b {
       		font-size: 16px;
       	}

       	.server-head span {
       		font-size: 12px;
       	}

       	.rack-row {
       		min-height: 54px;
       		border-radius: 15px;
       		padding: 0 13px;
       		font-size: 13px;
       	}

       	.float-note {
       		border-radius: 18px;
       		padding: 14px;
       	}

       	.slider-controls {
       		bottom: 18px;
       	}

       	.slider-arrow {
       		display: none;
       	}

       	section {
       		margin-top: 20px !important;
       		padding: 54px 0;
       	}

       	.section-head {
       		margin-bottom: 24px;
       	}

       	.section-head h2 {
       		font-size: clamp(28px, 8vw, 38px);
       		line-height: 1.08;
       	}

       	.section-head p {
       		font-size: 15px;
       	}

       	.features {
       		gap: 12px;
       	}

       	.feature {
       		padding: 20px;
       		border-radius: 20px;
       	}

       	.plans {
       		gap: 14px;
       		padding: 8px 2px 18px;
       		scroll-padding-left: 12px;
       	}

       	.plan {
       		min-width: min(86vw, 360px);
       		padding: 22px;
       		border-radius: 22px;
       	}

       	.plan h3 {
       		font-size: 21px;
       	}

       	.price b {
       		font-size: 38px;
       	}

       	.domain-box {
       		padding: 22px;
       		border-radius: 22px;
       	}

       	.domain-input {
       		width: 100%;
       	}

       	.seo-card,
       	.contact-card,
       	.step,
       	.faq-item {
       		border-radius: 20px;
       	}

       	.footer-bottom {
       		text-align: center;
       		justify-content: center;
       	}

       	.fixed-actions {
       		left: 12px;
       		bottom: 12px;
       	}

       	.fixed-actions a,
       	.to-top {
       		width: 46px;
       		height: 46px;
       		border-radius: 16px;
       		font-size: 20px;
       	}
       }

       @media (max-width: 480px) {
       	.container {
       		width: min(100% - 22px, 1200px);
       	}

       	.top-strip {
       		height: 5px;
       	}

       	.nav {
       		min-height: 68px;
       	}

       	.brand-mark {
       		width: 44px;
       		height: 44px;
       		font-size: 18px;
       	}

       	.brand-name {
       		font-size: 16px;
       	}

       	.brand-name small {
       		display: none;
       	}

       	.mobile-toggle {
       		width: 44px;
       		height: 44px;
       		padding: 0;
       		font-size: 0;
       	}

       	.mobile-toggle::before {
       		content: "☰";
       		font-size: 23px;
       	}

       	.slide {
       		padding: 34px 0 54px;
       	}

       	.badge {
       		font-size: 12px;
       		padding: 9px 11px;
       		flex-wrap: wrap;
       	}

       	.slide-label {
       		margin-left: 0;
       	}

       	h1 {
       		font-size: 34px;
       	}

       	.hero p {
       		font-size: 15px;
       	}

       	.trust-row {
       		grid-template-columns: 1fr;
       	}

       	.trust-card {
       		display: flex;
       		align-items: center;
       		justify-content: space-between;
       		text-align: left;
       	}

       	.server-panel {
       		padding: 15px;
       	}

       	.server-head {
       		display: grid;
       	}

       	.online {
       		justify-self: start;
       	}

       	.rack-row {
       		min-height: 50px;
       	}

       	.plans {
       		margin-left: -2px;
       		margin-right: -2px;
       	}

       	.plan {
       		min-width: 92vw;
       	}

       	.package-mini {
       		min-width: 78vw;
       	}

       	.domain-input {
       		border-radius: 18px;
       	}

       	.keyword-cloud span {
       		font-size: 12px;
       		padding: 7px 10px;
       	}

       	.contact-card h2 {
       		font-size: 28px;
       	}

       	.mobile-panel {
       		width: 92vw;
       		padding: 16px;
       	}
       }

       
/* Sekershell tarzı kategori paket kutuları */
.category-pricing-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:22px;
	margin-top:26px;
}
.category-card{
	position:relative;
	background:#fff;
	border:1px solid rgba(15,23,42,.09);
	border-radius:24px;
	padding:28px 24px;
	min-height:360px;
	box-shadow:0 18px 48px rgba(17,24,39,.08);
	overflow:hidden;
	transition:.25s ease;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.category-card::before{
	content:"";
	position:absolute;
	inset:-70px -70px auto auto;
	width:160px;
	height:160px;
	border-radius:999px;
	background:rgba(255,122,0,.12);
}
.category-card:hover{
	transform:translateY(-8px);
	border-color:rgba(255,122,0,.35);
	box-shadow:0 28px 72px rgba(255,122,0,.16);
}
.category-icon{
	width:56px;
	height:56px;
	border-radius:18px;
	display:grid;
	place-items:center;
	background:#fff3e6;
	color:#ff7a00;
	font-size:26px;
	margin-bottom:18px;
}
.category-card h3{
	margin:0 0 12px;
	font-size:24px;
	letter-spacing:-.045em;
	color:#111827;
}
.category-card p{
	margin:0 0 18px;
	color:#5f6b7a;
	line-height:1.65;
	font-size:14px;
}
.category-sep{
	width:100%;
	height:1px;
	background:linear-gradient(90deg, transparent, rgba(15,23,42,.14), transparent);
	margin:16px 0;
}
.category-old{
	color:#9ca3af;
	font-weight:900;
	text-decoration:line-through;
	font-size:14px;
}
.category-price{
	margin-top:6px;
	color:#ff7a00;
	font-weight:950;
	font-size:31px;
	letter-spacing:-.055em;
}
.category-price small{
	color:#5f6b7a;
	font-size:14px;
	letter-spacing:0;
}
.category-sub{
	color:#5f6b7a;
	font-weight:900;
	font-size:13px;
	margin-top:4px;
}
.category-features{
	list-style:none;
	padding:0;
	margin:16px 0 22px;
	display:grid;
	gap:9px;
	color:#334155;
	font-size:13px;
}
.category-features li::before{
	content:"✓";
	color:#16c784;
	font-weight:900;
	margin-right:8px;
}
.category-card .btn{
	width:100%;
	border-radius:14px;
	padding:14px 16px;
}
.category-card.featured{
	border:2px solid rgba(255,122,0,.38);
	background:linear-gradient(180deg, rgba(255,122,0,.075), #fff 42%);
}
.category-card.featured .category-label{
	position:absolute;
	right:18px;
	top:18px;
	background:#ff7a00;
	color:#fff;
	border-radius:999px;
	font-size:11px;
	font-weight:950;
	padding:7px 10px;
}
@media(max-width:1050px){
	.category-pricing-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:650px){
	.category-pricing-grid{grid-template-columns:1fr;gap:15px;}
	.category-card{min-height:auto;padding:22px;border-radius:21px;}
	.category-price{font-size:28px;}
}


/* OzluBilisim düzenleme: göreli link ve mobil alt menü uyumu */
.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.main-nav{display:flex;align-items:center;gap:4px}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:6px;padding:14px 10px;border-radius:14px;color:#111827;font-weight:600;font-size:14px}.nav-link:hover{background:#fff3e6;color:#ff7a00}.mega{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(12px);width:360px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 70px rgba(15,23,42,.16);border-radius:22px;padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:.22s;display:grid;grid-template-columns:1fr;gap:18px}.mega-wide{width:min(760px,calc(100vw - 36px));grid-template-columns:1fr 1fr}.nav-item:hover .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mega-title{font-weight:950;color:#ff7a00;margin:0 0 10px}.mega-list{display:grid;gap:8px}.mega-link{display:flex;gap:10px;padding:10px;border-radius:16px}.mega-link:hover{background:#f8fafc}.mega-icon{width:38px;height:38px;min-width:38px;border-radius:14px;background:#fff3e6;color:#ff7a00;display:grid;place-items:center;font-weight:950}.mega-link b,.mega-link span span{display:block}.mega-link span span{font-size:12px;color:#64748b;margin-top:3px;line-height:1.35}.brand-text b,.brand-text span{display:block}.brand-text span{font-size:12px;color:#64748b;font-weight:800}.mobile-panel .mobile-group{border-bottom:1px solid rgba(255,255,255,.08);padding:10px 14px}.mobile-group-title{display:flex;align-items:center;justify-content:space-between;width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#fff;padding:14px;border-radius:14px;font-weight:950;cursor:pointer}.mobile-sub{display:none;padding:8px 0 2px}.mobile-group.open .mobile-sub{display:grid;gap:8px}
.mobile-sub a{display:block;color:#fff;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);border-radius:12px;padding:13px 14px;font-weight:850}.mobile-sub a small{display:block;color:#cbd5e1;font-weight:700;margin-top:3px}.mobile-panel-cta{display:grid;gap:10px;padding:16px}.fixed-actions{position:fixed;right:18px;bottom:18px;z-index:80;display:grid;gap:10px}.fixed-actions a,.to-top{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 12px 30px rgba(15,23,42,.2);font-weight:950}.fixed-actions .whatsapp{background:#22c55e}.fixed-actions .phone,.to-top{background:#ff7a00}.to-top{position:fixed;right:18px;bottom:128px;z-index:80}@media(max-width:1100px){.main-nav,.actions .btn-dark{display:none}.mobile-toggle{display:inline-flex}.mobile-panel{display:block;position:fixed;top:0;bottom:0;left:-420px;width:min(88vw,390px);z-index:120;background:#101827;overflow:auto;transition:.28s;box-shadow:24px 0 70px rgba(0,0,0,.35)}.mobile-panel.open{left:0}.mobile-backdrop{display:none;position:fixed;inset:0;background:rgba(2,6,23,.55);z-index:110}.mobile-backdrop.show{display:block}.mobile-panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid rgba(255,255,255,.10)}.mobile-panel-title{display:flex;align-items:center;gap:10px;color:#fff;font-weight:950}.mobile-close{width:42px;height:42px;border:0;border-radius:12px;background:rgba(255,255,255,.10);color:#fff;font-size:28px}body.mobile-menu-open{overflow:hidden}}

/* === OZLU FIX PACK: mobile menu + pricing layout === */
html,body{max-width:100%;overflow-x:hidden}
.mobile-backdrop{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.mobile-backdrop.show{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.mobile-panel{position:fixed!important;top:0!important;bottom:0!important;left:auto!important;right:0!important;width:min(90vw,390px)!important;height:100dvh!important;z-index:9999!important;background:#0f172a!important;color:#fff!important;overflow-y:auto!important;overflow-x:hidden!important;transform:translateX(110%)!important;transition:transform .28s ease!important;display:block!important;visibility:hidden!important;pointer-events:none!important;box-shadow:-28px 0 80px rgba(0,0,0,.35)!important;padding:0!important}
.mobile-panel.open{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
.mobile-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:18px 16px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;margin:0!important}
.mobile-panel-title{display:flex!important;align-items:center!important;gap:10px!important;color:#fff!important;font-weight:950!important;min-width:0!important}
.mobile-close{width:42px!important;height:42px!important;border:0!important;border-radius:12px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:28px!important;cursor:pointer!important}
.mobile-panel .mobile-group{border-bottom:1px solid rgba(255,255,255,.08)!important;padding:10px 14px!important}
.mobile-group-title{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;padding:14px!important;border-radius:14px!important;font-weight:950!important;cursor:pointer!important;text-align:left!important}
.mobile-sub{display:none!important;padding:8px 0 2px!important;gap:8px!important}
.mobile-group.open .mobile-sub{display:grid!important}
.mobile-sub a {
	display: block !important;
	color: #fff !important;
	border: none !important;
	background: rgb(255 255 255 / 0%) !important;
	border-radius: 0 !important;
	padding: 2px 14px !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	font-size: 14px;
}

.mobile-sub a small{display:block!important;color:#cbd5e1!important;font-weight:700!important;margin-top:3px!important}
.mobile-panel-cta{display:grid!important;gap:10px!important;padding:16px!important;margin:0!important}.mobile-panel-cta .btn{width:100%!important;justify-content:center!important}.mobile-contact-strip{margin:12px 16px 20px!important;padding:16px!important;border-radius:16px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important}.mobile-contact-strip b,.mobile-contact-strip span{display:block!important}.mobile-contact-strip span{color:#cbd5e1!important;font-size:13px!important;margin-top:5px!important}
body.mobile-menu-open{overflow:hidden!important}.topbar{z-index:900!important}
@media(min-width:1101px){.mobile-toggle{display:none!important}.mobile-panel,.mobile-backdrop{display:none!important}}
@media(max-width:1100px){.main-nav,.actions .btn-dark{display:none!important}.mobile-toggle{display:inline-flex!important}}


/* === OZLU FINAL CSS FIX === */
*{box-sizing:border-box} html,body{overflow-x:hidden}.container{max-width:1240px;margin:0 auto;padding-left:18px;padding-right:18px}.mobile-panel{display:block;position:fixed;top:0;right:-390px;width:min(390px,92vw);height:100vh;background:#fff;z-index:9999;transition:right .28s ease;overflow-y:auto;box-shadow:-20px 0 60px rgba(15,23,42,.18)}body.mobile-open .mobile-panel{right:0}body.mobile-open .mobile-backdrop{opacity:1;visibility:visible}.mobile-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:9998;opacity:0;visibility:hidden;transition:.25s}.mobile-sub{display:none}.mobile-group.is-open .mobile-sub{display:grid}.mobile-toggle{display:none!important}.animated-hero{position:relative;overflow:hidden}.hero-split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:35px;align-items:center}.hero-illustration{display:flex;justify-content:center}.server-svg{width:260px;height:260px;border-radius:48px;background:linear-gradient(145deg,#fff7ed,#fff);border:1px solid #fed7aa;box-shadow:0 24px 80px rgba(249,115,22,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;animation:ozFloat 4s ease-in-out infinite}.server-svg span{font-size:66px}.server-svg i{display:block;width:150px;height:22px;border-radius:999px;background:linear-gradient(90deg,#ffedd5,#fb923c)}.hero-svg-orb{position:absolute;border-radius:999px;filter:blur(18px);opacity:.28;animation:ozPulse 5s ease-in-out infinite}.orb-a{width:180px;height:180px;background:#fb923c;right:8%;top:20%}.orb-b{width:140px;height:140px;background:#0ea5e9;left:6%;bottom:8%;animation-delay:1.2s}@keyframes ozFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes ozPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.fixed-pricing-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}.fixed-pricing-grid.count-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px;margin:0 auto}.fixed-pricing-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin:0 auto}.pricing-card{min-width:0!important;overflow:hidden;border-radius:22px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 12px 35px rgba(15,23,42,.08);position:relative}.plan-head{min-height:86px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;color:#fff;font-size:19px;padding:22px 12px}.plan-head span{display:block;max-width:100%;overflow-wrap:anywhere}.c-green .plan-head{background:#24a848}.c-cyan .plan-head{background:#22a6b8}.c-blue .plan-head{background:#227b8b}.c-red .plan-head{background:#e73552}.c-orange .plan-head{background:#f97316}.c-purple .plan-head{background:#7c3aed}.plan-body{padding:22px 18px 24px}.price{white-space:normal;line-height:1.15}.price b{font-size:28px;color:#334155}.old-price{text-align:center;color:#ef4444;text-decoration:line-through;font-weight:800;margin-bottom:14px}.hot-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-1px);z-index:3;background:#ffb04a;color:#111827;border-radius:0 0 14px 14px;padding:7px 16px;font-size:11px;font-weight:900;white-space:nowrap}.renewal{margin:14px 0}.renewal summary{list-style:none;cursor:pointer;background:#f8fafc;border:1px solid #dbe3ef;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:800}.renewal table{width:100%;font-size:12px;margin-top:10px;border-collapse:collapse}.renewal td,.renewal th{border-bottom:1px solid #e5e7eb;padding:7px}.icon-features{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin:18px 0!important;padding:0!important;list-style:none!important}.icon-features li{min-height:58px;background:#f8fafc;border:1px solid #edf2f7;border-radius:13px;padding:10px!important;display:flex!important;align-items:center;gap:9px;color:#475569;font-size:13px;line-height:1.25;overflow:hidden}.icon-features li i{width:25px;height:25px;min-width:25px;border-radius:9px;background:#fff7ed;border:1px solid #fed7aa;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px}.icon-features li span{overflow-wrap:anywhere}.order-btn{display:flex;align-items:center;justify-content:center;background:#111827;color:#fff;text-decoration:none;border-radius:12px;padding:13px 14px;font-weight:900;margin-top:15px}.order-btn:hover{background:#f97316;color:#fff}.careful-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.careful-strip div{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:22px;box-shadow:0 14px 35px rgba(15,23,42,.06)}.careful-strip b{display:block;color:#111827;margin-bottom:8px}.careful-strip span{color:#64748b;line-height:1.6}.fixed-page-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:24px;align-items:start}.article-box,.fixed-faq{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:32px;box-shadow:0 12px 35px rgba(15,23,42,.06);overflow:hidden}.article-box h2,.fixed-faq h2{font-size:clamp(26px,3vw,42px);line-height:1.25;margin:18px 0}.article-box p{color:#64748b;line-height:1.85;font-size:15px}.article-box a{color:#ea580c;font-weight:800;text-decoration:none;border-bottom:1px dashed #fb923c}.fixed-faq{display:block}.fixed-faq .faq-item{position:static!important;width:auto!important;min-height:auto!important;margin:0 0 13px!important;padding:18px!important;border:1px solid #e5e7eb;border-radius:18px;background:#fff}.fixed-faq .faq-item h3{font-size:16px;line-height:1.35;margin:0 0 8px;color:#111827}.fixed-faq .faq-item p{font-size:14px;line-height:1.65;margin:0;color:#64748b}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.tag-cloud a{display:inline-flex;text-decoration:none;border:1px solid #fed7aa!important;background:#fff7ed;color:#9a3412!important;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:900}.cta-card{background:linear-gradient(135deg,#111827,#1f2937);border-radius:28px;padding:42px;color:#fff;overflow:hidden}.cta-card p{color:#cbd5e1}.section-title{text-align:center;max-width:850px;margin:0 auto 34px}.section-title h2{font-size:clamp(30px,4vw,48px);line-height:1.15}.section-title p{color:#64748b}.eyebrow{display:inline-flex;border:1px solid #fed7aa;background:#fff7ed;color:#ea580c;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.02em}
@media(max-width:1180px){.fixed-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.careful-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.main-nav{display:none!important}.mobile-toggle{display:inline-flex!important}.hero-split{grid-template-columns:1fr}.hero-illustration{display:none}.fixed-pricing-grid,.fixed-pricing-grid.count-3,.fixed-pricing-grid.count-2{grid-template-columns:1fr!important;max-width:540px}.fixed-page-grid{grid-template-columns:1fr}.article-box,.fixed-faq{padding:24px}.careful-strip{grid-template-columns:1fr}.icon-features{grid-template-columns:1fr}.section{padding-top:46px;padding-bottom:46px}.topbar .actions .btn:not(.mobile-toggle){display:none!important}}
@media(min-width:901px){.mobile-panel,.mobile-backdrop{display:none!important}}


/* Düzenleme Güncellemesi */
.footer-grid{
    gap:32px;
}

.main-nav{
    align-items:center;
    gap:12px;
}

.nav-item{
    position:relative;
}

.mega{
    z-index:9999;
}

.mobile-sub a{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.fixed-actions a{
    box-shadow:0 10px 30px rgba(0,0,0,.18);
}

@media (max-width: 991px){
    .main-nav{
        display:none;
    }
}