/* -------- Base & Theme -------- */
.apple-ads-steps{
	--aw-bg: transparent;
	--aw-text: #2D2D2D;
	--aw-muted: #7C7F74;
	--aw-white: #fff;
	--aw-primary: #C82C46;
	--aw-border: #D4D4C8;
	font-family: Karla, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
	color: var(--aw-text);
}

/* Header */
.apple-ads-steps .header-section{
	display:flex;align-items:center;justify-content:center;padding:40px;
}
.apple-ads-steps .header-content{width:100%;text-align:center;}
.apple-ads-steps h2{
	font-family:Lora, serif;font-size:clamp(40px,5vw,56px);line-height:1.1;margin-bottom:24px;
	color:var(--aw-white);
}
.apple-ads-steps .intro{font-size:18px;color:var(--aw-muted);margin:0;}

/* Layout / Sticky */
.apple-ads-steps .steps-wrapper{position:relative;height:auto;}
.apple-ads-steps .steps-section{
	position:sticky;top:0;height:auto;
	display:flex;align-items:center;justify-content:center;padding:40px;
	background:var(--aw-bg);
}
.apple-ads-steps .step-display{max-width:800px;width:100%;text-align:center;position:relative;}

/* Number badge */
.apple-ads-steps .number-container{margin-bottom:16px;perspective:1000px;}
.apple-ads-steps .step-number{
	width:80px;height:80px;background-color:var(--aw-primary);color:var(--aw-white);border-radius:50%;
	display:inline-flex;align-items:center;justify-content:center;
	font-family:Lora, serif;font-size:56px;font-weight:500;
	transition:transform .5s cubic-bezier(.34,1.56,.64,1);
}

/* Content panels */
.apple-ads-steps .content-container{position:relative;height:200px;overflow:hidden;}
.apple-ads-steps .step-content{
	position:absolute;width:100%;top:50%;transform:translateY(-50%);
	transition:transform .8s cubic-bezier(.4,0,.2,1), opacity .8s cubic-bezier(.4,0,.2,1);
	opacity:0;padding:0 12px;
}
.apple-ads-steps .step-content.current{opacity:1;}
.apple-ads-steps .step-content.previous{transform:translateY(-150%);}
.apple-ads-steps .step-content.next{transform:translateY(50%);}

.apple-ads-steps .step-title{font-size:clamp(24px,3vw,32px);font-weight:400;margin-bottom:20px;color:var(--aw-white);}
.apple-ads-steps .step-description{font-size:clamp(14px,2vw,16px);line-height:1.6;color:var(--aw-muted);max-width:600px;margin:0 auto;}

/* Navigation */
.apple-ads-steps .navigation{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:0;}
.apple-ads-steps .nav-arrow{
	background:none;border:none;font-size:28px;color:var(--aw-white);cursor:pointer;
	padding:8px 12px;transition:color .3s ease;user-select:none;line-height:1;
}
.apple-ads-steps .nav-arrow:hover:not(:disabled){color:var(--aw-primary);}
.apple-ads-steps .nav-arrow[disabled]{color:transparent !important;cursor:not-allowed;}

.apple-ads-steps .nav-dots{display:flex;align-items:center;gap:0;}
.apple-ads-steps .nav-dot-wrapper{position:relative;width:40px;height:40px;}
.apple-ads-steps .nav-dot{
	width:100%;height:100%;border-radius:50%;background:var(--aw-white);
	border:2px solid var(--aw-border);color:#666;font-size:16px;
	display:flex;align-items:center;justify-content:center;cursor:pointer;
	transition:all .3s ease;position:relative;z-index:2;
}
.apple-ads-steps .nav-dot:hover{border-color:var(--aw-primary);color:var(--aw-primary);}
.apple-ads-steps .nav-dot.active{background-color:var(--aw-primary);border-color:var(--aw-primary);color:var(--aw-white);transform:scale(1.15);}
.apple-ads-steps .nav-dot.completed{border-color:var(--aw-primary);color:var(--aw-primary);}

/* Animated circle around dots */
.apple-ads-steps .nav-dot-circle{position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:50%;pointer-events:none;}
.apple-ads-steps .nav-dot-circle svg{width:100%;height:100%;transform:rotate(-90deg);}
.apple-ads-steps .nav-dot-circle circle{fill:none;stroke:var(--aw-primary);stroke-width:2;stroke-dasharray:138.23;stroke-dashoffset:138.23;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1);}
.apple-ads-steps .nav-dot-circle.animate circle{stroke-dashoffset:0;}

/* Separators */
.apple-ads-steps .nav-separator{width:20px;height:2px;background:var(--aw-border);margin:0 -2px;position:relative;overflow:hidden;}
.apple-ads-steps .nav-separator::after{content:'';position:absolute;inset:0;background:var(--aw-primary);transform:translateX(-100%);transition:transform .6s cubic-bezier(.4,0,.2,1);}
.apple-ads-steps .nav-separator.completed::after{transform:translateX(0);}

/* Mobile */
.apple-ads-steps .mobile-steps{display:none;}
@media (max-width:768px){
	.apple-ads-steps .steps-wrapper{height:auto;}
	.apple-ads-steps .steps-section{position:relative;height:auto;padding:40px 20px;}
	.apple-ads-steps .step-display{display:none;}
	.apple-ads-steps .mobile-steps{display:flex;flex-direction:column;gap:60px;max-width:600px;margin:0 auto;}
	.apple-ads-steps .mobile-step{text-align:center;}
	.apple-ads-steps .mobile-step .step-number{width:80px;height:80px;font-size:40px;margin-bottom:24px;background:var(--aw-primary);color:var(--aw-white);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:Lora, serif;}
	.apple-ads-steps .mobile-step .step-title{font-size:24px;margin-bottom:16px;color:var(--aw-white);}
	.apple-ads-steps .mobile-step .step-description{font-size:16px;color:var(--aw-muted);}
}