:root {
	--brown: #5a3e2b;
	--brown-mid: #7a5c44;
	--brown-light: #c9a882;
	--brown-pale: #e8d5be;
	--brown-ultra: #f5ede3;
	--brown-dark: #3d2a1a;
	--cream: #fdf8f3;
	--white: #ffffff;
	--text-dark: #1c1209;
	--text-mid: #000000;
	--text-muted: #7a6555;
	--accent: #8b5e3c;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
	font-family:'Cormorant Garamond',serif;
	background:var(--cream);
	color:var(--text-dark);
	overflow-x:hidden;
}
.nav {
	background: #5a3e2b;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	padding: 5px 0;
}
/* LOGO IMAGE */
.nav-logo-img {
	height: 100px;
	width: auto;
	object-fit: contain;
}

/* BUTTON */
.nav-cta {
	background: #9d9a7e;
	color: #fff;
	padding: 10px 22px;
	border-radius: 999px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
}
/* ── HERO ── */
.hero{
	background:#fdfdfd;
	display:grid;
	grid-template-columns:2fr 1fr;
	align-items:center;
	position:relative;
	overflow:hidden;
}
.hero::before{
	content:'';position:absolute;right:-100px;top:-100px;
	width:500px;height:500px;border-radius:50%;
	background:radial-gradient(ellipse,rgba(90,62,43,.07) 0%,transparent 70%);
	pointer-events:none;
}
.hero-h {
	font-size: 40px;
	font-weight: 800;
	padding-top: 0 auto;
	line-height: 1.2;
	color: var(--brown-dark);
	margin-bottom: 4px;
}
.hero-sub {
	font-size: 28px;
	color: var(--text-mid);
	line-height: 1.2;
	margin-bottom: 22px;
	max-width: 765px;
}
.hero-checks{list-style:none;margin-bottom:28px;}
.hero-checks li {
	font-size: 16px;
	line-height: 1.1;
	color: var(--text-mid);
	padding: 2px 18px;
	display: flex;
	align-items: center;
	font-weight:600;
	/* gap: 7px; */
}
.hero-checks li::before{
	content:'✓';color:var(--brown);font-weight:700;font-size:13px;
}
.hero-btns{gap:12px;align-items:flex-start;}
.btn-primary{
	display:inline-flex;align-items:center;gap:12px;
	background:var(--brown);color:#fff;
	font-size:12px;font-weight:600;letter-spacing:.14em;
	text-transform:uppercase;padding:16px 30px;
	text-decoration:none;border:none;cursor:pointer;
	transition:background .25s,transform .2s;
}
.btn-primary:hover{background:var(--brown-dark);transform:translateY(-2px);}
.btn-ghost{
	display:inline-flex;align-items:center;gap:8px;
	background:transparent;color:var(--brown);
	font-size:12px;font-weight:500;
	border:1.5px solid var(--brown-light);
	padding:12px 24px;text-decoration:none;cursor:pointer;
	transition:border-color .2s,background .2s;
	border-radius:50px;
}
.btn-ghost::before{content:'▷';font-size:10px;}
.btn-ghost:hover{border-color:var(--brown);background:var(--brown-ultra);}
.hero-tagline {
	font-size: 14px;
	letter-spacing: .25em;
	text-transform: uppercase;
	color: var(--brown-mid);
	padding-top: 0;
	display: flex;
	align-items: center;
	gap: 8px;
}
.hero-tagline::before{content:'🛡';font-size:13px;}

/* IMAGE STYLE */
.hero-img {
	/* width: 80%; */
	max-width: 350px;
	height: auto;
	transform: translateY(-2px);
	/* border-radius: 12px; */
	/* box-shadow: 0 20px 40px rgba(0,0,0,0.15); */
}
/* ── REJECTION BANNER ── */
.rejection-banner {
	background: var(--brown-ultra);
	border: 1px solid var(--brown-pale);
	margin: 0 21px 0;
	padding: 48 48 !important;
	justify-content: center;
	display: flex;
	width: 100%;
	align-items: center;
	gap: 28px;
	border-radius: 4px;
}
.rejection-icon{
	width:56px;height:56px;
	background:var(--brown);border-radius:50%;
	display:flex;align-items:center;justify-content:center;
	flex-shrink:0;font-size:22px;color:#fff;font-weight:700;
}
.rejection-h {
	font-size: 28px;
	font-weight: 700;
	color: var(--brown-dark);
	margin-bottom: 8px;
}
.rejection-p {
	font-size: 16px;
	color: var(--text-mid);
	line-height: 1.1;
}
/* ── SECTION DIVIDER ── */
.divider{
	display:flex;align-items:center;gap:16px;
	padding:16px 80px 16px;
}
.divider-line{flex:1;height:1px;background:var(--brown-pale);}
.divider-txt {
	font-size: 16px;
	letter-spacing: 1.1;
	text-transform: uppercase;
	color: var(--brown-mid);
	white-space: nowrap;
}
/* ── WHAT YOU GET ── */
.what-grid{
	display:grid;grid-template-columns:repeat(4,1fr);
	gap:0;padding:0 0px 0px;
	border:1px solid var(--brown-pale);
	border-left:none;border-right:none;
	background:var(--white);
}
.what-item{
	padding:11px 46px;
	border-right:1px solid var(--brown-pale);
	text-align:center;
	transition:background .2s;
}
.what-item:last-child{border-right:none;}
.what-item:hover{background:var(--brown-ultra);}
.what-icon{
	width:52px;height:52px;
	background:var(--brown-ultra);
	border-radius:50%;margin:0 auto 14px;
	display:flex;align-items:center;justify-content:center;
	font-size:22px;
	border:1.5px solid var(--brown-pale);
}
.what-item-h {
	font-size: 14px;
	font-weight: 700;
	color: var(--brown-dark);
	margin-bottom: 3px;
	line-height: 1.1;
}
.what-item-p {font-size: 14px;color: var(--text-muted);line-height: 1.2;}
/* ── HOW IT WORKS ── */
.how-sec{padding:60px 80px;background:var(--cream);}
.how-sec .divider{padding:0 0 32px;}
.how-steps{
	display:grid;grid-template-columns:repeat(4,1fr);
	gap:0;align-items:start;position:relative;
}
.how-steps::before {
	top: 14px;
	background: var(--brown-pale);
	z-index: 0;
	border-top: 1.5px dashed var(--brown-light);
}
.how-step{
	text-align:center;position:relative;z-index:1;
	padding:0 16px;
}
.how-num {
	width: 30px;
	height: 30px;
	border-radius: 42%;
	background: var(--brown);
	color: #fff;
	font-size: 36px;
	font-weight: 700;
	display: flex;
	align-items: center;
	z-index: 64;
	/* position: relative; */
	/* justify-content: center; */
	/* margin: 0 auto 14px; */
	border: 3px solid var(--cream);
	/* box-shadow: 0 0 0 1.5px var(--brown); */
}
.how-icon {
	font-size: 32px;
	padding: 23px 26px 27px 23px;
	margin-bottom: 8px;
	/* display: block; */
	background: #ffffff;
	/* border-radius: 25px; */
	border: 3px solid #ffffff;
	box-shadow: 0 0 0 1.5px var(--brown);
}
.how-step-h {font-size: 16px;font-weight: 700;color: var(--brown-dark);margin: 18px 0 0 0;}
.how-step-p {font-size: 14px;color: #372c24;line-height: 1.1;}
/* ── WHO IS IT FOR ── */
.who-sec{
	background:var(--brown-ultra);
	padding:13px 67px;
	display:flex;align-items:center;gap:40px;
	border-top:1px solid var(--brown-pale);
	border-bottom:1px solid var(--brown-pale);
}
.who-icon{font-size:48px;flex-shrink:0;}
.who-main{flex:1;}
.who-tag {
	font-size: 16px;
	letter-spacing: 1.1;
	text-transform: uppercase;
	color: var(--brown-mid);
	margin-bottom: 0px;
	font-weight: 600;
}
.who-h {font-size: 16px;font-weight: 700;color: var(--brown-dark);margin-bottom: 0px;}
.who-p{font-size:13px;color:var(--text-mid);line-height:1.6;max-width:480px;}
.who-checks{
	list-style:none;
	flex-shrink:0;min-width:220px;
}
.who-checks li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: var(--text-mid);
	padding: 2px 5px;
}
.who-checks li::before{
	content:'✓';
	width:18px;height:18px;border-radius:50%;
	background:var(--brown);color:#fff;
	font-size:10px;font-weight:700;
	display:flex;align-items:center;justify-content:center;flex-shrink:0;
}

/* ── ACHIEVE ── */
.achieve-grid {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 0;
	padding: 0 0 0px;
	background: var(--white);
}
.achieve-item{
	padding:36px 24px;text-align:center;
	border-right:1px solid var(--brown-pale);
	border-top:1px solid var(--brown-pale);
}
.achieve-item:last-child{border-right:none;}
.achieve-icon{font-size:28px;margin-bottom:12px;}
.achieve-h{
	font-size:16px;font-weight:700;color:var(--brown-dark);
	line-height:1.1;
}

/* ── CTA BAND ── */
.cta-band{
	background:var(--brown);
	padding:56px 80px;
	text-align:center;
	position:relative;overflow:hidden;
}
.cta-band::before{
	content:'';position:absolute;inset:0;
	background:repeating-linear-gradient(
		45deg,
		rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,
		transparent 1px,transparent 40px
	);
}
.cta-icon {
	font-size: 78px;
}
.cta-h {font-size: 32px;font-weight: 700;color: #fff;line-height: 1.1;position: relative;z-index: 1;}
.cta-sub {font-size: 16px;color: rgb(255 255 255);position: relative;z-index: 1;}
.cta-btn{
	display:inline-flex;align-items:center;gap:12px;
	background:#fff;color:var(--brown-dark);
	font-size:12px;font-weight:700;letter-spacing:1.1;
	text-transform:uppercase;padding:12px 16px;
	text-decoration:none;border:none;cursor:pointer;
	transition:transform .2s,background .2s;
	position:relative;z-index:1;
}
.cta-btn:hover{background:var(--brown-pale);transform:translateY(-2px);}
.cta-note {font-size: 16px;color: rgba(255,255,255,.55);display: flex;align-items: center;gap: 6px;justify-content: center;position: relative;z-index: 1;}
.cta-note::before{content:'🛡';font-size:12px;}

/* ── FOOTER STAT ── */
.footer-stat {
	padding: 7px 0;
	justify-content: center;
	background: var(--brown-ultra);
	border-top: 1px solid var(--brown-pale);
	display: flex;
	align-items: center;
	gap: 20px;
}
.footer-stat-icon{font-size:28px;flex-shrink:0;}
.footer-stat-txt {
	font-weight: 800;font-size: 16px;color: var(--text-mid);line-height: 1.1;
}
.footer-stat-txt strong{color:var(--brown-dark);font-weight:700;}
/* ---price section --- */
.signup-sec{
	display: grid;
	grid-template-columns: 1fr 2fr !important;
	gap: 0px;
}
section.signupdiv {
	display: block;
}
.bothdivwrap {
	display: grid;
	gap:25px;
	grid-template-columns: repeat(2,1fr);
}
.signup-l {
	background-image: repeating-linear-gradient(41deg, rgb(90 62 43) 0, rgb(135 124 99) 1px, #9d9a7e 1px, #5a3e2b 40px);
	padding: 13px 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	overflow: hidden;
}
.label-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.label-line{width:24px;height:1px;background:var(--gd);flex-shrink:0}
.label-txt {
	font-size: 14px;
	letter-spacing: 1.1;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 500;
}
.signup-h{
	color: #ffffff;	
}
.who-list-my {
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    /* padding: 5px 0 5px 22px; */
    position: relative;
    line-height: 1.1;
}
.price-card {
    border: 1.5px solid rgb(90 62 43);
    padding: 15px 14px;
    position: relative;
    background: #fff;
    transition: border-color .3s,box-shadow .3s;
}
.price-amount {
    font-size: 48px;
    font-weight: 700;
    color: #5a3e2b;
    line-height: 1.1;
    margin-bottom: 12;
}
.price-currency-label {
    font-size: 12px;
    letter-spacing: .2em;
    color: #80725a;
    margin-bottom: 14px;
}
.inr-btn {
    font-size: 12px;
    text-decoration: none;
    background: #5a3e2b42;
    border: 1px solid #5c402d;
    color: #000000;
}
.dual-price-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1px;
    margin: 0 0 36px;
}
/* ── ANIMATIONS ── */
.sr{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
.sr.vis{opacity:1;transform:none;}
.sr-l{opacity:0;transform:translateX(-24px);transition:opacity .65s ease,transform .65s ease;}
.sr-l.vis{opacity:1;transform:none;}
.sr-r{opacity:0;transform:translateX(24px);transition:opacity .65s ease,transform .65s ease;}
.sr-r.vis{opacity:1;transform:none;}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
	.hero,.rejection-banner,.divider,.what-grid,.achieve-grid,
	.how-sec,.who-sec,.cta-band,.footer-stat{padding-left:40px;padding-right:40px;}
	.hero{grid-template-columns:1fr;gap:40px;padding-top:60px;padding-bottom:60px;}
	.hero-illustration{display:none;}
	.what-grid,.achieve-grid{grid-template-columns:repeat(2,1fr);}
	.how-steps{grid-template-columns:repeat(2,1fr);gap:32px;}
	.how-steps::before{display:none;}
	.who-sec{flex-wrap:wrap;}
}

@media(max-width:640px){
	.bothdivwrap {
    display: grid;
    gap: 25px;
    grid-template-columns: 1fr !important;
}
	.nav{padding:6px 9px;}
	.nav {
		background: #5a3e2b;
		gap: 0px;
		padding: 20px 0;
	}
	.hero,.rejection-banner,.divider,.what-grid,.achieve-grid,
	.how-sec,.who-sec,.cta-band,.footer-stat{padding-left:20px;padding-right:20px;}
	.what-grid,.achieve-grid{grid-template-columns:1fr 1fr;}
	.what-item,.achieve-item{border-right:none;border-bottom:1px solid var(--brown-pale);}
	.how-steps{grid-template-columns:1fr 1fr;}
	.rejection-banner {
		flex-direction: column;
		gap: 8px;
		/* max-width: 565px; */
		padding: 1px 18px 0 22px;
	}
	.how-sec .divider{padding-left:0;padding-right:0;}
	.who-h {
		font-size: 15px;
		line-height: 1rem;
		font-weight: 700;
		color: var(--brown-dark);
		margin-bottom: -37px;
	}
	.achieve-item {
		padding: 19px 11px;
		text-align: center;
		border-right: 1px solid var(--brown-pale);
		border-top: 1px solid var(--brown-pale);
	}
}
@media(max-width:767px){
	.bothdivwrap {
    display: grid;
    gap: 25px;
    grid-template-columns: 1fr !important;
}
	p {
		font-size: 14px !important;
		line-height: 1.1 !important;
	}
	.hero-checks {
		list-style: none;
		margin-bottom: 9px;
	}
	.hero-sub {
		font-size: 28px !important;
		color: var(--text-mid);
		line-height: 1.2 !important;
		margin-bottom: -1px;
		max-width: 765px;
	}
	.rejection-p {
		font-size: 16px !important;
		color: var(--text-mid);
		font-weight: 800;
		line-height: 1.1 !important;
	}
	.what-item-p {
		font-size: 14px !important;
		font-weight: 800;
		color: var(--text-muted);
		line-height: 1.2 !important;
	}
	.what-item {
		padding: 6px 16px;
		border-right: 1px solid var(--brown-pale);
		text-align: center;
		transition: background .2s;
	}
	.how-step-p {
		font-size: 16px !important;
		color: #000000;
		line-height: 1.1 !important;
	}
	.who-checks li {
		font-weight: 800px;
		font-size: 16px;
		color: var(--text-mid);
		padding: 0px 10px;
	}
	.how-steps {
		gap: 0 !important;
	}
	.hero {
		background: var(--cream);
		display: grid;
		grid-template-columns: 1fr;
		align-items: center;
		padding: 0px 24px 2px 24px !important;
		position: relative;
		/* overflow: hidden; */
		min-height: auto;
	}
	section.hero .sr-l.vis {
		min-height: 315px;
		margin-top: 6px;
	}
}
}