/* ── TOKENS ─────────────────────────────────── */
 :root {
	 --gold: #BA9E6A;
	 --gold-light: #D4B87E;
	 --gold-dim: rgba(186,158,106,0.12);
	 --dark: #003E5A;
	 --dark-2: #004564;
	 --dark-3: #004F72;
	 --mid: #005580;
	 --text-muted: #8FB8CC;
	 --text-light: #C8E0EC;
	 --white: #ffffff;
	 --pad-x: clamp(20px,6vw,90px);
}
 *,*::before,*::after{
	box-sizing:border-box;
	margin:0;
	padding:0;
}
 html{
	scroll-behavior:smooth;
}
 body{
	font-family:'DM Sans',sans-serif;
	background:var(--dark);
	color:var(--white);
	overflow-x:hidden;
}
 body::before{
	content:'';
	position:fixed;
	inset:0;
	background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
	pointer-events:none;
	z-index:9999;
	opacity:0.35;
}
/* ── NAV ─────────────────────────────────────── */
 nav{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:200;
	padding:0 var(--pad-x);
	height:72px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:rgba(0,62,90,0.97);
	backdrop-filter:blur(14px);
	border-bottom:1px solid rgba(186,158,106,0.18);
}
 .logo{
	font-family:'Cormorant Garamond',serif;
	font-size:26px;
	font-weight:700;
	letter-spacing:3px;
	color:var(--gold);
	text-transform:uppercase;
	text-decoration:none;
}
 .logo span{
	color:var(--white);
}
 .nav-links{
	display:flex;
	gap:36px;
	list-style:none;
}
 .nav-links a{
	font-size:11px;
	font-weight:500;
	letter-spacing:2px;
	text-transform:uppercase;
	color:var(--text-light);
	text-decoration:none;
	transition:color 0.3s;
}
 .nav-links a:hover,.nav-links a.active{
	color:var(--gold);
}
 .nav-cta{
	border:1px solid var(--gold);
	color:var(--gold);
	padding:9px 22px;
	font-size:11px;
	font-weight:600;
	letter-spacing:2px;
	text-transform:uppercase;
	text-decoration:none;
	transition:all 0.3s;
	display:flex;
	align-items:center;
	gap:7px;
}
 .nav-cta:hover{
	background:var(--gold);
	color:var(--dark);
}
 .hamburger{
	display:none;
	flex-direction:column;
	gap:5px;
	cursor:pointer;
	padding:4px;
}
 .hamburger span{
	display:block;
	width:24px;
	height:2px;
	background:var(--gold);
	transition:all 0.3s;
	border-radius:2px;
}
 .hamburger.open span:nth-child(1){
	transform:rotate(45deg) translate(5px,5px);
}
 .hamburger.open span:nth-child(2){
	opacity:0;
}
 .hamburger.open span:nth-child(3){
	transform:rotate(-45deg) translate(5px,-5px);
}
 .mobile-menu{
	display:none;
	position:fixed;
	top:72px;
	left:0;
	right:0;
	background:rgba(0,56,82,0.99);
	backdrop-filter:blur(16px);
	border-bottom:1px solid rgba(186,158,106,0.2);
	padding:20px 28px 28px;
	z-index:150;
	flex-direction:column;
}
 .mobile-menu.open{
	display:flex;
}
 .mobile-menu a{
	font-size:13px;
	font-weight:500;
	letter-spacing:2px;
	text-transform:uppercase;
	color:var(--text-light);
	text-decoration:none;
	padding:13px 0;
	border-bottom:1px solid rgba(255,255,255,0.06);
	transition:color 0.3s;
	display:flex;
	align-items:center;
	gap:10px;
}
 .mobile-menu a i{
	color:var(--gold);
	width:16px;
}
 .mobile-menu a:hover{
	color:var(--gold);
}
 .mobile-cta{
	margin-top:18px!important;
	background:var(--gold);
	color:var(--dark)!important;
	padding:13px 20px;
	font-weight:700;
	justify-content:center;
	border-bottom:none!important;
}
/* ── BUTTONS ─────────────────────────────────── */
 .btn-primary{
	background:var(--gold);
	color:var(--dark);
	padding:14px 34px;
	font-family:'DM Sans',sans-serif;
	font-size:12px;
	font-weight:700;
	letter-spacing:2px;
	text-transform:uppercase;
	text-decoration:none;
	transition:all 0.3s;
	display:inline-flex;
	align-items:center;
	gap:8px;
	border:none;
	cursor:pointer;
}
 .btn-primary:hover{
	background:var(--gold-light);
	transform:translateY(-2px);
	box-shadow:0 12px 40px rgba(186,158,106,0.35);
}
 .btn-outline{
	border:1px solid var(--gold);
	color:var(--gold);
	padding:13px 30px;
	font-size:12px;
	font-weight:600;
	letter-spacing:2px;
	text-transform:uppercase;
	text-decoration:none;
	display:inline-flex;
	align-items:center;
	gap:8px;
	transition:all 0.3s;
}
 .btn-outline:hover{
	background:var(--gold);
	color:var(--dark);
}
 .btn-ghost{
	color:var(--white);
	font-size:12px;
	font-weight:500;
	letter-spacing:2px;
	text-transform:uppercase;
	text-decoration:none;
	display:inline-flex;
	align-items:center;
	gap:9px;
	transition:color 0.3s;
	background:none;
	border:none;
	cursor:pointer;
}
 .btn-ghost:hover{
	color:var(--gold);
}
 .btn-ghost .fa-arrow-right{
	transition:transform 0.3s;
}
 .btn-ghost:hover .fa-arrow-right{
	transform:translateX(4px);
}
/* ── SHARED ──────────────────────────────────── */
 .section-label{
	font-size:10px;
	font-weight:700;
	letter-spacing:4px;
	text-transform:uppercase;
	color:var(--gold);
	margin-bottom:14px;
	display:flex;
	align-items:center;
	gap:10px;
}
 .section-label::before{
	content:'';
	width:26px;
	height:1px;
	background:var(--gold);
	display:block;
}
 .section-label.center{
	justify-content:center;
}
 .section-label.center::before{
	display:none;
}
 .section-title{
	font-family:'Cormorant Garamond',serif;
	font-size:clamp(30px,3.8vw,52px);
	font-weight:300;
	line-height:1.1;
}
 .section-title em{
	font-style:italic;
	color:var(--gold);
}
 .divider{
	width:52px;
	height:1px;
	background:var(--gold);
	margin:22px 0;
}
/* ── HERO ─────────────────────────────────────── */
 .page-hero{
	position:relative;
	min-height:100vh;
	display:grid;
	grid-template-columns:1fr 1fr;
	align-items:center;
	padding:120px var(--pad-x) 80px;
	gap:80px;
	overflow:hidden;
}
 .hero-bg{
	position:absolute;
	inset:0;
	background:radial-gradient(ellipse 70% 70% at 80% 50%,rgba(186,158,106,0.09) 0%,transparent 70%),var(--dark);
}
 .hero-grid-lines{
	position:absolute;
	inset:0;
	background-image:linear-gradient(rgba(186,158,106,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(186,158,106,0.04) 1px,transparent 1px);
	background-size:80px 80px;
}
/* Animated diagonal accent line */
 .hero-accent-line{
	position:absolute;
	top:0;
	right:35%;
	width:1px;
	height:100%;
	background:linear-gradient(to bottom,transparent,rgba(186,158,106,0.2),transparent);
	transform:rotate(12deg) translateX(60px);
}
 .hero-content{
	position:relative;
	z-index:2;
}
 .breadcrumb{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:11px;
	font-weight:500;
	letter-spacing:2px;
	text-transform:uppercase;
	color:var(--text-muted);
	margin-bottom:28px;
	animation:fadeUp 0.7s ease both;
}
 .breadcrumb a{
	color:var(--gold);
	text-decoration:none;
	transition:color 0.3s;
}
 .breadcrumb a:hover{
	color:var(--gold-light);
}
 .breadcrumb i{
	font-size:8px;
}
 .service-badge{
	display:inline-flex;
	align-items:center;
	gap:10px;
	background:var(--gold-dim);
	border:1px solid rgba(186,158,106,0.3);
	padding:7px 18px;
	margin-bottom:22px;
	animation:fadeUp 0.7s 0.05s ease both;
}
 .service-badge-num{
	font-family:'Cormorant Garamond',serif;
	font-size:12px;
	font-weight:700;
	color:var(--gold);
	letter-spacing:3px;
}
 .service-badge-label{
	font-size:9px;
	font-weight:700;
	letter-spacing:3px;
	text-transform:uppercase;
	color:var(--text-muted);
}
 .service-badge-sep{
	width:1px;
	height:14px;
	background:rgba(186,158,106,0.3);
}
 h1.hero-title{
	font-family:'Cormorant Garamond',serif;
	font-size:clamp(48px,5.5vw,84px);
	font-weight:300;
	line-height:0.95;
	letter-spacing:-2px;
	margin-bottom:26px;
	animation:fadeUp 0.7s 0.1s ease both;
}
 h1.hero-title em{
	font-style:italic;
	color:var(--gold);
}
 .hero-desc{
	font-size:15px;
	font-weight:300;
	line-height:1.85;
	color:var(--text-light);
	max-width:480px;
	margin-bottom:36px;
	animation:fadeUp 0.7s 0.2s ease both;
}
 .hero-actions{
	display:flex;
	gap:16px;
	align-items:center;
	flex-wrap:wrap;
	animation:fadeUp 0.7s 0.28s ease both;
}
 .hero-trust{
	display:flex;
	gap:28px;
	margin-top:44px;
	padding-top:36px;
	border-top:1px solid rgba(186,158,106,0.12);
	animation:fadeUp 0.7s 0.35s ease both;
}
 .trust-item{
	display:flex;
	align-items:center;
	gap:9px;
	font-size:11px;
	font-weight:500;
	letter-spacing:1px;
	color:var(--text-muted);
}
 .trust-item i{
	color:var(--gold);
	font-size:10px;
}
/* Hero Visual Panel */
 .hero-visual{
	position:relative;
	z-index:2;
	animation:fadeUp 0.8s 0.2s ease both;
}
 .hero-panel{
	background:var(--dark-2);
	border:1px solid rgba(186,158,106,0.15);
	padding:0;
	overflow:hidden;
	position:relative;
}
 .hero-panel-top{
	background:linear-gradient(135deg,var(--dark-3),var(--dark-2));
	padding:40px 36px 32px;
	border-bottom:1px solid rgba(186,158,106,0.1);
	position:relative;
	overflow:hidden;
}
 .hero-panel-top::after{
	content:'';
	position:absolute;
	bottom:-40px;
	right:-40px;
	width:140px;
	height:140px;
	border-radius:50%;
	background:radial-gradient(circle,rgba(186,158,106,0.12) 0%,transparent 70%);
}
 .hero-panel-icon{
	width:68px;
	height:68px;
	border:1px solid rgba(186,158,106,0.3);
	border-radius:18px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:rgba(186,158,106,0.08);
	margin-bottom:20px;
}
 .hero-panel-icon i{
	font-size:28px;
	color:var(--gold);
}
 .hero-panel-title{
	font-family:'Cormorant Garamond',serif;
	font-size:28px;
	font-weight:600;
	margin-bottom:8px;
	line-height:1.15;
}
 .hero-panel-sub{
	font-size:12px;
	font-weight:300;
	color:var(--text-muted);
	line-height:1.6;
}
 .hero-panel-stats{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:1px;
	background:rgba(186,158,106,0.1);
}
 .hps-item{
	background:var(--dark-2);
	padding:22px 20px;
	text-align:center;
}
 .hps-num{
	font-family:'Cormorant Garamond',serif;
	font-size:32px;
	font-weight:600;
	color:var(--gold);
	line-height:1;
	display:block;
}
 .hps-label{
	font-size:9px;
	font-weight:600;
	letter-spacing:2px;
	text-transform:uppercase;
	color:var(--text-muted);
	display:block;
	margin-top:4px;
}
 .hero-panel-features{
	padding:24px 36px;
}
 .hpf-item{
	display:flex;
	align-items:center;
	gap:12px;
	padding:9px 0;
	border-bottom:1px solid rgba(186,158,106,0.07);
	font-size:13px;
	font-weight:300;
	color:var(--text-light);
}
 .hpf-item:last-child{
	border-bottom:none;
}
 .hpf-item i{
	color:var(--gold);
	font-size:10px;
	flex-shrink:0;
}
/* ── HIGHLIGHT STRIP ─────────────────────────── */
 .highlight-strip{
	background:var(--gold);
	padding:26px var(--pad-x);
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:2px;
}
 .hl-item{
	background:var(--gold);
	display:flex;
	align-items:center;
	gap:14px;
	padding:6px 18px;
}
 .hl-item+.hl-item{
	border-left:1px solid rgba(0,62,90,0.22);
}
 .hl-icon{
	font-size:20px;
	color:var(--dark);
	opacity:0.7;
	flex-shrink:0;
}
 .hl-label{
	font-size:9px;
	font-weight:700;
	letter-spacing:3px;
	text-transform:uppercase;
	color:rgba(0,62,90,0.6);
}
 .hl-val{
	font-family:'Cormorant Garamond',serif;
	font-size:20px;
	font-weight:700;
	color:var(--dark);
	line-height:1.1;
}
/* ── OVERVIEW ─────────────────────────────────── */
 .overview-section{
	padding:110px var(--pad-x);
	background:var(--dark-2);
}
 .overview-grid{
	display:grid;
	grid-template-columns:1.1fr 1fr;
	gap:80px;
	align-items:center;
}
 .overview-text p{
	font-size:15px;
	font-weight:300;
	line-height:1.95;
	color:var(--text-light);
	margin-bottom:18px;
}
 .overview-text p strong{
	color:var(--white);
	font-weight:500;
}
 .pull-quote{
	margin:32px 0;
	padding:28px 32px;
	border-left:3px solid var(--gold);
	background:rgba(186,158,106,0.05);
}
 .pull-quote q{
	font-family:'Cormorant Garamond',serif;
	font-size:21px;
	font-weight:400;
	font-style:italic;
	line-height:1.5;
	color:var(--white);
	display:block;
	margin-bottom:10px;
}
 .pull-quote cite{
	font-size:10px;
	font-weight:700;
	letter-spacing:2px;
	text-transform:uppercase;
	color:var(--gold);
}
 .overview-checklist{
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:11px;
	margin-top:28px;
}
 .overview-checklist li{
	display:flex;
	align-items:flex-start;
	gap:12px;
	font-size:13px;
	font-weight:400;
	color:var(--text-light);
	line-height:1.55;
}
 .overview-checklist li i{
	color:var(--gold);
	font-size:10px;
	margin-top:3px;
	flex-shrink:0;
}
/* Overview visual */
 .overview-visual{
	display:flex;
	flex-direction:column;
	gap:2px;
}
 .ov-metric{
	background:var(--dark-3);
	border:1px solid rgba(186,158,106,0.08);
	padding:24px 28px;
	display:flex;
	align-items:center;
	gap:20px;
	transition:all 0.35s;
	position:relative;
	overflow:hidden;
}
 .ov-metric::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:3px;
	background:var(--gold);
	transform:scaleY(0);
	transform-origin:bottom;
	transition:transform 0.4s;
}
 .ov-metric:hover{
	border-color:rgba(186,158,106,0.3);
	background:var(--dark-2);
}
 .ov-metric:hover::before{
	transform:scaleY(1);
}
 .ov-metric-icon{
	width:50px;
	height:50px;
	border-radius:12px;
	background:rgba(186,158,106,0.08);
	border:1px solid rgba(186,158,106,0.2);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	color:var(--gold);
	transition:all 0.3s;
}
 .ov-metric:hover .ov-metric-icon{
	background:rgba(186,158,106,0.18);
	border-color:var(--gold);
}
 .ov-metric-icon i{
	font-size:18px;
}
 .ov-metric-num{
	font-family:'Cormorant Garamond',serif;
	font-size:34px;
	font-weight:600;
	color:var(--gold);
	line-height:1;
}
 .ov-metric-label{
	font-size:10px;
	font-weight:600;
	letter-spacing:2px;
	text-transform:uppercase;
	color:var(--text-muted);
	margin-top:2px;
}
 .ov-metric-desc{
	font-size:12px;
	font-weight:300;
	color:var(--text-muted);
	line-height:1.5;
	margin-top:4px;
}
/* ── WHAT WE DO (breakdown) ───────────────────── */
 .breakdown-section{
	padding:110px var(--pad-x);
}
 .breakdown-header{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:60px;
	align-items:end;
	margin-bottom:72px;
}
 .breakdown-header p{
	font-size:15px;
	font-weight:300;
	color:var(--text-light);
	line-height:1.85;
}
 .breakdown-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:2px;
	background:rgba(186,158,106,0.1);
}
 .breakdown-card{
	background:var(--dark);
	padding:0;
	overflow:hidden;
	transition:background 0.4s;
	position:relative;
}
 .breakdown-card:hover{
	background:var(--dark-2);
}
 .bc-bar{
	height:3px;
	background:linear-gradient(90deg,var(--gold),var(--gold-light));
	transform:scaleX(0);
	transform-origin:left;
	transition:transform 0.45s cubic-bezier(0.22,1,0.36,1);
}
 .breakdown-card:hover .bc-bar{
	transform:scaleX(1);
}
 .bc-body{
	padding:40px 34px;
}
 .bc-step{
	font-size:10px;
	font-weight:700;
	letter-spacing:4px;
	text-transform:uppercase;
	color:var(--gold);
	margin-bottom:20px;
	display:flex;
	align-items:center;
	gap:8px;
}
 .bc-step::after{
	content:'';
	flex:1;
	height:1px;
	background:rgba(186,158,106,0.2);
}
 .bc-icon{
	width:54px;
	height:54px;
	border:1px solid rgba(186,158,106,0.22);
	border-radius:14px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:20px;
	background:rgba(186,158,106,0.05);
	transition:all 0.3s;
}
 .breakdown-card:hover .bc-icon{
	background:rgba(186,158,106,0.15);
	border-color:var(--gold);
}
 .bc-icon i{
	font-size:22px;
	color:var(--gold);
}
 .bc-title{
	font-family:'Cormorant Garamond',serif;
	font-size:24px;
	font-weight:600;
	margin-bottom:12px;
	line-height:1.15;
}
 .bc-desc{
	font-size:13px;
	font-weight:300;
	color:var(--text-muted);
	line-height:1.85;
	margin-bottom:20px;
}
 .bc-tags{
	display:flex;
	flex-wrap:wrap;
	gap:7px;
}
 .bc-tag{
	font-size:9px;
	font-weight:700;
	letter-spacing:1.5px;
	text-transform:uppercase;
	color:var(--gold);
	border:1px solid rgba(186,158,106,0.25);
	padding:4px 10px;
	background:rgba(186,158,106,0.05);
}
/* ── WHO IT'S FOR ─────────────────────────────── */
 .audience-section{
	padding:110px var(--pad-x);
	background:var(--dark-3);
}
 .audience-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:80px;
	align-items:center;
	margin-top:64px;
}
 .audience-cards{
	display:flex;
	flex-direction:column;
	gap:16px;
}
 .audience-card{
	background:var(--dark-2);
	border:1px solid rgba(186,158,106,0.08);
	padding:28px 30px;
	display:flex;
	align-items:flex-start;
	gap:18px;
	transition:all 0.35s;
	position:relative;
	overflow:hidden;
}
 .audience-card::after{
	content:'';
	position:absolute;
	inset:0;
	background:linear-gradient(135deg,rgba(186,158,106,0.06) 0%,transparent 60%);
	opacity:0;
	transition:opacity 0.35s;
}
 .audience-card:hover{
	border-color:rgba(186,158,106,0.35);
	transform:translateX(6px);
}
 .audience-card:hover::after{
	opacity:1;
}
 .audience-card-icon{
	width:52px;
	height:52px;
	border-radius:14px;
	background:rgba(186,158,106,0.08);
	border:1px solid rgba(186,158,106,0.2);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	color:var(--gold);
	font-size:20px;
	transition:all 0.3s;
}
 .audience-card:hover .audience-card-icon{
	background:rgba(186,158,106,0.18);
	border-color:var(--gold);
}
 .audience-card-title{
	font-size:13px;
	font-weight:700;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:6px;
}
 .audience-card-desc{
	font-size:13px;
	font-weight:300;
	color:var(--text-muted);
	line-height:1.7;
}
/* Problem / Solution */
 .ps-wrap{
	display:flex;
	flex-direction:column;
	gap:28px;
}
 .ps-block{
	padding:28px 32px;
	border:1px solid rgba(186,158,106,0.1);
}
 .ps-block.problem{
	background:rgba(0,0,0,0.2);
	border-color:rgba(255,255,255,0.06);
}
 .ps-block.solution{
	background:rgba(186,158,106,0.05);
	border-color:rgba(186,158,106,0.2);
}
 .ps-label{
	font-size:9px;
	font-weight:700;
	letter-spacing:3px;
	text-transform:uppercase;
	margin-bottom:14px;
	display:flex;
	align-items:center;
	gap:8px;
}
 .ps-label.problem-label{
	color:var(--text-muted);
}
 .ps-label.solution-label{
	color:var(--gold);
}
 .ps-label i{
	font-size:10px;
}
 .ps-list{
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:9px;
}
 .ps-list li{
	display:flex;
	align-items:flex-start;
	gap:10px;
	font-size:13px;
	font-weight:300;
	color:var(--text-light);
	line-height:1.55;
}
 .ps-list li i{
	font-size:10px;
	margin-top:3px;
	flex-shrink:0;
}
 .ps-block.problem .ps-list li i{
	color:var(--text-muted);
}
 .ps-block.solution .ps-list li i{
	color:var(--gold);
}
/* ── DELIVERABLES ─────────────────────────────── */
 .deliverables-section{
	padding:110px var(--pad-x);
	background:var(--dark-2);
}
 .del-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:80px;
	align-items:start;
	margin-top:60px;
}
 .del-list{
	display:flex;
	flex-direction:column;
	gap:2px;
}
 .del-item{
	background:var(--dark-3);
	border:1px solid rgba(186,158,106,0.08);
	padding:24px 28px;
	display:grid;
	grid-template-columns:48px 1fr;
	gap:16px;
	align-items:start;
	transition:all 0.35s;
	cursor:default;
}
 .del-item:hover{
	border-color:rgba(186,158,106,0.3);
	background:var(--dark);
}
 .del-num{
	font-family:'Cormorant Garamond',serif;
	font-size:32px;
	font-weight:600;
	color:rgba(186,158,106,0.3);
	line-height:1;
	transition:color 0.3s;
}
 .del-item:hover .del-num{
	color:var(--gold);
}
 .del-title{
	font-size:13px;
	font-weight:600;
	letter-spacing:0.5px;
	text-transform:uppercase;
	margin-bottom:5px;
	transition:color 0.3s;
}
 .del-item:hover .del-title{
	color:var(--gold);
}
 .del-desc{
	font-size:12px;
	font-weight:300;
	color:var(--text-muted);
	line-height:1.7;
}
/* Timeline */
 .del-timeline{
	position:relative;
	padding-left:28px;
}
 .del-timeline::before{
	content:'';
	position:absolute;
	left:8px;
	top:20px;
	bottom:20px;
	width:1px;
	background:linear-gradient(to bottom,var(--gold),rgba(186,158,106,0.1));
}
 .tl-step{
	position:relative;
	margin-bottom:36px;
}
 .tl-step:last-child{
	margin-bottom:0;
}
 .tl-dot{
	position:absolute;
	left:-28px;
	top:4px;
	width:16px;
	height:16px;
	border-radius:50%;
	background:var(--dark-2);
	border:1px solid var(--gold);
	display:flex;
	align-items:center;
	justify-content:center;
}
 .tl-dot i{
	font-size:6px;
	color:var(--gold);
}
 .tl-day{
	font-size:9px;
	font-weight:700;
	letter-spacing:3px;
	text-transform:uppercase;
	color:var(--gold);
	margin-bottom:6px;
}
 .tl-title{
	font-size:13px;
	font-weight:600;
	letter-spacing:0.5px;
	text-transform:uppercase;
	margin-bottom:5px;
}
 .tl-desc{
	font-size:12px;
	font-weight:300;
	color:var(--text-muted);
	line-height:1.7;
}
/* ── CASE STUDY / RESULTS ─────────────────────── */
 .results-section{
	padding:110px var(--pad-x);
}
 .results-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:2px;
	background:rgba(186,158,106,0.1);
	margin-top:60px;
}
 .result-card{
	background:var(--dark);
	padding:48px 40px;
	position:relative;
	overflow:hidden;
}
 .result-card:hover{
	background:var(--dark-2);
}
 .result-bg-num{
	position:absolute;
	bottom:-20px;
	right:-10px;
	font-family:'Cormorant Garamond',serif;
	font-size:140px;
	font-weight:700;
	color:rgba(186,158,106,0.04);
	line-height:1;
	pointer-events:none;
}
 .result-icon{
	width:56px;
	height:56px;
	border:1px solid rgba(186,158,106,0.25);
	border-radius:16px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--gold);
	font-size:22px;
	margin-bottom:24px;
	background:rgba(186,158,106,0.06);
}
 .result-num{
	font-family:'Cormorant Garamond',serif;
	font-size:60px;
	font-weight:600;
	color:var(--gold);
	line-height:1;
	margin-bottom:10px;
}
 .result-label{
	font-size:11px;
	font-weight:700;
	letter-spacing:2px;
	text-transform:uppercase;
	margin-bottom:10px;
}
 .result-desc{
	font-size:13px;
	font-weight:300;
	color:var(--text-muted);
	line-height:1.75;
}
/* ── TESTIMONIAL ──────────────────────────────── */
 .testi-section{
	padding:100px var(--pad-x);
	background:var(--dark-2);
}
 .testi-inner{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:60px;
	align-items:center;
}
 .testi-card{
	background:var(--dark-3);
	border:1px solid rgba(186,158,106,0.12);
	padding:44px 40px;
	position:relative;
	overflow:hidden;
}
 .testi-card:hover{
	border-color:rgba(186,158,106,0.3);
}
 .testi-big-q{
	position:absolute;
	top:16px;
	right:22px;
	font-family:Georgia,serif;
	font-size:90px;
	line-height:1;
	color:rgba(186,158,106,0.07);
	pointer-events:none;
	user-select:none;
}
 .testi-stars{
	display:flex;
	gap:4px;
	margin-bottom:18px;
}
 .testi-stars i{
	color:var(--gold);
	font-size:12px;
}
 .testi-text{
	font-size:15px;
	font-weight:300;
	line-height:1.9;
	color:var(--text-light);
	font-style:italic;
	margin-bottom:24px;
}
 .testi-author{
	display:flex;
	align-items:center;
	gap:14px;
	padding-top:20px;
	border-top:1px solid rgba(186,158,106,0.1);
}
 .testi-avatar{
	width:52px;
	height:52px;
	border-radius:50%;
	overflow:hidden;
	flex-shrink:0;
	border:2px solid rgba(186,158,106,0.3);
}
 .testi-avatar img{
	width:100%;
	height:100%;
	object-fit:cover;
}
 .testi-name{
	font-family:'Cormorant Garamond',serif;
	font-size:19px;
	font-weight:600;
	margin-bottom:2px;
}
 .testi-role{
	font-size:10px;
	font-weight:600;
	letter-spacing:1.5px;
	text-transform:uppercase;
	color:var(--gold);
}
/* Testi stats side */
 .testi-stats{
	display:flex;
	flex-direction:column;
	gap:20px;
}
 .ts-item{
	padding:24px 28px;
	background:var(--dark-3);
	border:1px solid rgba(186,158,106,0.08);
	display:flex;
	align-items:center;
	gap:20px;
	transition:all 0.3s;
}
 .ts-item:hover{
	border-color:rgba(186,158,106,0.3);
}
 .ts-icon{
	width:46px;
	height:46px;
	border-radius:12px;
	background:rgba(186,158,106,0.08);
	border:1px solid rgba(186,158,106,0.2);
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--gold);
	font-size:18px;
	flex-shrink:0;
}
 .ts-num{
	font-family:'Cormorant Garamond',serif;
	font-size:32px;
	font-weight:600;
	color:var(--gold);
	line-height:1;
}
 .ts-label{
	font-size:10px;
	font-weight:600;
	letter-spacing:2px;
	text-transform:uppercase;
	color:var(--text-muted);
	margin-top:2px;
}
/* ── OTHER SERVICES ───────────────────────────── */
 .other-services-section{
	padding:110px var(--pad-x);
}
 .os-grid{
	display:grid;
	grid-template-columns:repeat(5,1fr);
	gap:2px;
	background:#003e5a;
	margin-top:52px;
}
 .os-card{
	background:var(--dark);
	padding:28px 24px;
	text-align:center;
	position:relative;
	overflow:hidden;
	text-decoration:none;
	transition:background 0.35s;
	display:flex;
	flex-direction:column;
	align-items:center;
}
 .os-card:hover{
	background:var(--dark-2);
}
 .os-card-bar{
	height:3px;
	background:var(--gold);
	transform:scaleX(0);
	transform-origin:left;
	transition:transform 0.45s;
}
 .os-card:hover .os-card-bar{
	transform:scaleX(1);
}
 .os-card-body{
	padding:20px 0 16px;
}
 .os-icon{
	width:48px;
	height:48px;
	border:1px solid rgba(186,158,106,0.22);
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 14px;
	color:var(--gold);
	transition:all 0.3s;
}
 .os-icon i{
	font-size:17px;
}
 .os-card:hover .os-icon{
	background:var(--gold);
	color:var(--dark);
}
 .os-name{
	font-family:'Cormorant Garamond',serif;
	font-size:16px;
	font-weight:600;
	color:var(--white);
	margin-bottom:6px;
	line-height:1.2;
}
 .os-desc{
	font-size:11px;
	font-weight:300;
	color:var(--text-muted);
	line-height:1.6;
}
/* ── STICKY SIDEBAR CTA ───────────────────────── */
/* We do a floating CTA bar at bottom instead */
 .sticky-cta-bar{
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:100;
	background:rgba(0,50,75,0.97);
	backdrop-filter:blur(16px);
	border-top:1px solid rgba(186,158,106,0.25);
	padding:16px var(--pad-x);
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	transform:translateY(100%);
	transition:transform 0.4s cubic-bezier(0.22,1,0.36,1);
}
 .sticky-cta-bar.visible{
	transform:translateY(0);
}
 .sticky-cta-text{
	font-size:14px;
	font-weight:400;
	color:var(--text-light);
}
 .sticky-cta-text strong{
	color:var(--white);
}
 .sticky-cta-actions{
	display:flex;
	gap:12px;
	align-items:center;
	flex-shrink:0;
}
 .sticky-btn{
	background:var(--gold);
	color:var(--dark);
	padding:10px 24px;
	font-size:11px;
	font-weight:700;
	letter-spacing:2px;
	text-transform:uppercase;
	text-decoration:none;
	transition:all 0.3s;
	display:inline-flex;
	align-items:center;
	gap:7px;
	border:none;
	cursor:pointer;
}
 .sticky-btn:hover{
	background:var(--gold-light);
}
 .sticky-close{
	width:34px;
	height:34px;
	border-radius:50%;
	border:1px solid rgba(255,255,255,0.12);
	background:none;
	color:var(--text-muted);
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:12px;
	transition:all 0.3s;
}
 .sticky-close:hover{
	border-color:var(--gold);
	color:var(--gold);
}
/* ── CTA SECTION ──────────────────────────────── */
 .cta-section{
	padding:100px var(--pad-x);
	background:linear-gradient(135deg,var(--dark-2) 0%,var(--dark-3) 100%);
	position:relative;
	overflow:hidden;
	margin-bottom:80px;
}
/* margin for sticky bar space */
 .cta-section::before{
	content:'';
	position:absolute;
	top:-200px;
	right:-200px;
	width:600px;
	height:600px;
	border-radius:50%;
	background:radial-gradient(circle,rgba(186,158,106,0.08) 0%,transparent 70%);
}
 .cta-inner{
	position:relative;
	z-index:1;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:80px;
	align-items:center;
}
 .cta-text h2{
	font-family:'Cormorant Garamond',serif;
	font-size:clamp(34px,4vw,58px);
	font-weight:300;
	line-height:1.05;
	margin-bottom:16px;
}
 .cta-text h2 em{
	font-style:italic;
	color:var(--gold);
}
 .cta-text p{
	font-size:15px;
	font-weight:300;
	line-height:1.8;
	color:var(--text-light);
	margin-bottom:28px;
}
 .cta-form{
	background:var(--dark-3);
	border:1px solid rgba(186,158,106,0.12);
	padding:38px 36px;
}
 .cta-form-title{
	font-family:'Cormorant Garamond',serif;
	font-size:26px;
	font-weight:600;
	margin-bottom:6px;
}
 .cta-form-sub{
	font-size:12px;
	font-weight:300;
	color:var(--text-muted);
	margin-bottom:24px;
}
 .cf-group{
	margin-bottom:14px;
}
 .cf-group input,.cf-group select,.cf-group textarea{
	background:rgba(0,62,90,0.6);
	border:1px solid rgba(186,158,106,0.18);
	color:var(--white);
	padding:12px 15px;
	font-family:'DM Sans',sans-serif;
	font-size:13px;
	font-weight:300;
	outline:none;
	transition:border-color 0.3s;
	width:100%;
	appearance:none;
}
 .cf-group input::placeholder,.cf-group textarea::placeholder{
	color:var(--text-muted);
	opacity:0.7;
}
 .cf-group input:focus,.cf-group select:focus,.cf-group textarea:focus{
	border-color:var(--gold);
}
 .cf-group select option{
	background:var(--dark-2);
}
 .cf-group textarea{
	resize:vertical;
	min-height:90px;
}
 .cf-submit-row{
	display:flex;
	flex-direction:column;
	gap:10px;
	margin-top:4px;
}
 .cf-note{
	font-size:11px;
	font-weight:300;
	color:var(--text-muted);
	display:flex;
	align-items:center;
	gap:5px;
}
 .cf-note i{
	color:var(--gold);
	font-size:9px;
}
 .cf-btn{
	background:var(--gold);
	color:var(--dark);
	padding:13px 28px;
	font-family:'DM Sans',sans-serif;
	font-size:12px;
	font-weight:700;
	letter-spacing:2px;
	text-transform:uppercase;
	border:none;
	cursor:pointer;
	transition:all 0.3s;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width:100%;
}
 .cf-btn:hover{
	background:var(--gold-light);
}
 .cf-success{
	display:none;
	text-align:center;
	padding:30px;
	background:rgba(186,158,106,0.08);
	border:1px solid rgba(186,158,106,0.3);
}
 .cf-success i{
	font-size:32px;
	color:var(--gold);
	margin-bottom:10px;
	display:block;
}
 .cf-success h4{
	font-family:'Cormorant Garamond',serif;
	font-size:22px;
	font-weight:600;
	color:var(--gold);
	margin-bottom:6px;
}
 .cf-success p{
	font-size:13px;
	font-weight:300;
	color:var(--text-light);
}
/* ── FOOTER ───────────────────────────────────── */
 footer{
	background:var(--dark);
	border-top:1px solid rgba(186,158,106,0.17);
	padding:68px var(--pad-x) 34px;
}
 .footer-grid{
	display:grid;
	grid-template-columns:2fr 1fr 1fr 1fr;
	gap:52px;
	margin-bottom:52px;
}
 .footer-brand .logo{
	display:block;
	margin-bottom:16px;
}
 .footer-brand p{
	font-size:13px;
	font-weight:300;
	line-height:1.8;
	color:var(--text-muted);
	max-width:260px;
}
 .footer-social{
	display:flex;
	gap:10px;
	margin-top:22px;
}
 .social-link{
	width:38px;
	height:38px;
	border:1px solid rgba(255,255,255,0.1);
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--text-muted);
	text-decoration:none;
	transition:all 0.3s;
}
 .social-link i{
	font-size:14px;
}
 .social-link:hover{
	border-color:var(--gold);
	color:var(--gold);
}
 .footer-col h4{
	font-size:10px;
	font-weight:700;
	letter-spacing:3px;
	text-transform:uppercase;
	margin-bottom:20px;
}
 .footer-col ul{
	list-style:none;
}
 .footer-col li{
	margin-bottom:10px;
}
 .footer-col a{
	font-size:13px;
	font-weight:300;
	color:var(--text-muted);
	text-decoration:none;
	transition:color 0.3s;
	display:flex;
	align-items:center;
	gap:7px;
}
 .footer-col a i{
	font-size:9px;
	color:var(--gold);
	opacity:0.5;
}
 .footer-col a:hover{
	color:var(--gold);
}
 .footer-col a:hover i{
	opacity:1;
}
 .footer-contact-item{
	margin-bottom:13px;
}
 .f-label{
	font-size:9px;
	font-weight:700;
	letter-spacing:2px;
	text-transform:uppercase;
	color:var(--gold);
	display:flex;
	align-items:center;
	gap:4px;
	margin-bottom:2px;
}
 .f-val{
	font-size:13px;
	font-weight:300;
	color:var(--text-muted);
}
 .footer-bottom{
	padding-top:32px;
	border-top:1px solid rgba(255,255,255,0.05);
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	gap:10px;
}
 .footer-copy{
	font-size:12px;
	font-weight:300;
	color:var(--text-muted);
}
 .footer-tagline{
	font-family:'Cormorant Garamond',serif;
	font-size:14px;
	font-style:italic;
	color:var(--gold);
}
/* ── ANIMATIONS ───────────────────────────────── */
 @keyframes fadeUp{
	from{
		opacity:0;
		transform:translateY(26px)
	}
	to{
		opacity:1;
		transform:translateY(0)
	}
}
 .reveal{
	opacity:0;
	transform:translateY(32px);
	transition:opacity 0.7s ease,transform 0.7s ease;
}
 .reveal.visible{
	opacity:1;
	transform:translateY(0);
}
/* ── RESPONSIVE ───────────────────────────────── */
 @media(max-width:1280px){
	 .os-grid{
		grid-template-columns:repeat(3,1fr);
	}
}
 @media(max-width:1024px){
	 .nav-links,.nav-cta{
		display:none;
	}
	 .hamburger{
		display:flex;
	}
	 .page-hero{
		grid-template-columns:1fr;
		padding:120px var(--pad-x) 72px;
		gap:48px;
	}
	 .hero-visual{
		order:-1;
	}
	 .overview-grid,.audience-grid,.del-grid,.testi-inner,.cta-inner{
		grid-template-columns:1fr;
		gap:48px;
	}
	 .breakdown-header,.results-grid{
		grid-template-columns:1fr;
	}
	 .breakdown-grid{
		grid-template-columns:1fr 1fr;
	}
	 .os-grid{
		grid-template-columns:repeat(2,1fr);
	}
	 .highlight-strip{
		grid-template-columns:repeat(2,1fr);
	}
	 .footer-grid{
		grid-template-columns:1fr 1fr;
		gap:36px;
	}
	 .sticky-cta-bar{
		padding:14px 28px;
	}
}
 @media(max-width:768px){
	 nav{
		height:64px;
	}
	 .mobile-menu{
		top:64px;
	}
	 .page-hero{
		padding:100px 20px 60px;
	}
	 .breakdown-grid{
		grid-template-columns:1fr;
	}
	 .os-grid{
		grid-template-columns:1fr 1fr;
	}
	 .footer-grid{
		grid-template-columns:1fr;
		gap:28px;
	}
	 .footer-bottom{
		flex-direction:column;
		text-align:center;
	}
	 .overview-section,.breakdown-section,.audience-section,.deliverables-section,.results-section,.testi-section,.other-services-section,.cta-section{
		padding-left:20px;
		padding-right:20px;
	}
	 .cta-form{
		padding:28px 22px;
	}
	 .sticky-cta-bar{
		padding:12px 20px;
	}
	 .sticky-cta-text{
		display:none;
	}
	 .hl-item+.hl-item{
		border-left:none;
		border-top:1px solid rgba(0,62,90,0.22);
	}
}
 @media(max-width:480px){
	 .hero-actions{
		flex-direction:column;
		width:100%;
	}
	 .btn-primary,.btn-outline{
		width:100%;
		justify-content:center;
	}
	 .hero-trust{
		gap:16px;
		flex-wrap:wrap;
	}
	 .highlight-strip{
		grid-template-columns:1fr;
		padding:20px;
	}
	 .os-grid{
		grid-template-columns:1fr;
	}
	 .results-grid{
		grid-template-columns:1fr;
	}
}