:root {
		--black:   #0A0A0A;
		--ink:     #202020;
		--dark:    #005b83;
		--white:   #FFFFFF;
		--off:     #F5F5F2;
		--rule:    #D6D6D2;
		--body:    #363636;
		--sub:     #ef7f1a;
		--orange:  #ef7f1a;
		--orange2: #E8773F;
		--serif:   'Fraunces', Georgia, serif;
		--sans:    'DM Sans', sans-serif;
		--ease:    cubic-bezier(0.22, 1, 0.36, 1);
		--space-lg: 10px;
	}
	section {padding: 20px;}
	*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
	html { scroll-behavior: smooth; }
	body {font-family: var(--sans);background: var(--white);color: var(--ink);-webkit-font-smoothing: antialiased;overflow-x: hidden;}
	@media(max-width:768px){ .w { padding: 0 1.5rem; } }
	.reveal {opacity: 0;transform: translateY(28px);transition: opacity 0.85s var(--ease), transform 0.85s var(--ease);}
	.reveal.in {opacity: 1;transform: translateY(0);}
	.reveal-left {opacity: 0;transform: translateX(-32px);transition: opacity 0.85s var(--ease), transform 0.85s var(--ease);}
	.reveal-left.in { opacity: 1; transform: translateX(0); }
	.reveal-right {opacity: 0;transform: translateX(32px);transition: opacity 0.85s var(--ease), transform 0.85s var(--ease);}
	.reveal-right.in { opacity: 1; transform: translateX(0); }
	.d1 { transition-delay: 0.05s; }
	.d2 { transition-delay: 0.15s; }
	.d3 { transition-delay: 0.25s; }
	.d4 { transition-delay: 0.35s; }
	.d5 { transition-delay: 0.45s; }
	.d6 { transition-delay: 0.55s; }
	/* ── KICKER ── */
	.kicker {letter-spacing: 0.22em;text-transform: uppercase;color: #000;display: flex;align-items: center;gap: 0.75rem;}	
	.kicker::before {content:'';width: 22px; height: 1px;background: var(--orange);display: block;transition: width 0.4s var(--ease);}
	.sh {font-family: var(--serif);font-size: 30px;font-weight: 800;line-height: 1.1;letter-spacing: 1.1px;color: #ef7f1a;}	
	.sh em { font-style: italic; color: var(--sub); }
	.sh .o { color: var(--orange); font-style: normal; }
	.hero {background: var(--black);min-height: 100%;display: grid;grid-template-columns: 1fr 1fr;position: relative;overflow: hidden;}
	@keyframes orbFloat {
		from { transform: translate(0, 0) scale(1); }
		to   { transform: translate(40px, 60px) scale(1.1); }
	}
	.hero-l {flex-direction: column;position: relative;z-index: 1;}
	.hero-tag {
		letter-spacing: 0.22em;
		text-transform: uppercase;
		color: #DADADA;
		display: flex;
		align-items: center;
		gap: 0.75rem;
		opacity: 0;
		animation: fadeUp 0.8s var(--ease) 0.2s forwards;
	}
	.hero-tag::before {content:'';width: 0; height: 1px;background: var(--orange);display: block;animation: lineGrow 0.6s var(--ease) 0.5s forwards;}
	@keyframes lineGrow { to { width: 20px; } }
	.hero-h {font-family: var(--serif);font-size: 40px;font-weight: 300;line-height: 1.2;color: var(--white);letter-spacing: 1.1;opacity: 0;animation: fadeUp 0.9s var(--ease) 0.35s forwards;}
	.hero-h em { font-style: italic; color: #777; }
	.hero-h .accent { color: var(--orange); font-style: normal; }
	.hero-copy {font-size: 18px;line-height: 1.2;color: #c2bab4;opacity: 0;animation: fadeUp 0.9s var(--ease) 0.5s forwards;}
	.hero-ctas {display: flex;padding: 46px 0px 6px 0px;gap: 20px;opacity: 0;animation: fadeUp 0.9s var(--ease) 0.65s forwards;}
	.hbtn {
		font-size: 0.7rem;
		font-weight: 600;
		letter-spacing: 0.12em;
		text-transform: uppercase;
		text-decoration: none;
		padding: 0.95rem 2.2rem;
		cursor: pointer;
		transition: all 0.25s var(--ease);
		border: 1px solid transparent;
		display: inline-block;
		position: relative;
		overflow: hidden;
	}
	.hbtn::after {
		content:'';
		position: absolute;
		inset: 0;
		background: var(--orange);
		transform: scaleX(0);
		transform-origin: left;
		transition: transform 0.3s var(--ease);
		z-index: -1;
	}
	.hbtn-solid {background: var(--white);color: var(--black);z-index: 0;}
	.hbtn-solid:hover { background: var(--orange); color: var(--white); border-color: var(--orange); }
	.hbtn-outline {border-color: #333;color: #888;}
	.hbtn-outline:hover { border-color: var(--orange); color: var(--orange); }
	.hero-r {display: flex;flex-direction: column;opacity: 0;animation: fadeRight 1s var(--ease) 0.3s forwards;}
	.hero-img {flex: 1;background: url('/public/home/h1.png') center/cover;filter: grayscale(100%) brightness(0.5);min-height: 300px;transition: filter 0.6s;}
	.hero-img:hover { filter: grayscale(60%) brightness(0.6); }
	.hero-stats {border-top: 1px solid #1E1E1E;}
	@keyframes fadeUp   { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }
	@keyframes fadeRight { from { opacity:0; transform:translateX(24px); } to { opacity:1; transform:translateX(0); } }
	.cred-bar {background: var(--ink);border-bottom: 1px solid #222;}
	.cred-inner {display: grid;grid-template-columns: repeat(3, 1fr);}
	.cred-item {transition: background 0.25s;text-align: center;}
	.cred-item:hover { background: #111; }
	.cred-n {font-family: var(--serif);font-size: 30px;color: var(--white);transition: color 0.25s;}
	.cred-item:hover .cred-n { color: var(--orange); }
	.cred-l {font-size: 18px;letter-spacing: 0.05em;color: #787373;display: block;}
	.cred-cities {
		font-size: 0.65rem;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: #3a3a3a;
		line-height: 1.6;
	}
	.capabilities {background: var(--white);}
	.np-top {text-align: center;border-bottom: 1px solid var(--rule);}
	.np-edition {letter-spacing: 0.22em;text-transform: uppercase;color: #000;display: flex;align-items: center;
		justify-content: center;gap: 0.75em;}
	.np-edition::before, .np-edition::after {content:'';width: 50px; height: 1px;background: var(--rule);display: block;}
	.np-headline {
		font-family: var(--serif);
		font-weight: 400;
		line-height: 1.1;
		font-size: 30px;
		letter-spacing: 1.1px;
		color: var(--ink);
	}
	.np-headline em { font-style: italic; font-weight: 300; color: var(--sub); }
	.np-headline .o { color: var(--orange); }
	.np-date {
		margin-top: -1.5rem;
		font-size: 1rem;
		letter-spacing: 0.2em;
		color: #000;
		text-transform: uppercase;
	}
	.cap-grid {
		display: grid;
		grid-template-columns: 1fr 0px 1fr 0px 1fr;
		gap: 0 1rem;
		align-items: start;
	}
	.cap-divider { background: var(--rule); align-self: stretch; }
	.cap-col-head {padding: 1px;font-family: var(--serif);font-size: 18px;text-align: center;
		color: var(--ink);border-bottom: 1px solid var(--orange);line-height: 1.2;}
	.cap-item {display: flex;padding: 5px;border-bottom: 1px solid var(--rule);transition: padding-left 0.25s var(--ease);cursor: default;
	}
	.cap-item:hover { padding-left: 0.5rem; }
	.cap-item:last-child { border-bottom: none; }
	.cap-item-n {
		font-family: var(--serif);
		font-size: 1.4rem;
		color: #545454;
		line-height: 1;
		min-width: 2rem;
		font-weight: 300;
		transition: color 0.25s;
	}
	.cap-item:hover .cap-item-n { color: var(--orange); }
	.cap-item h4 {font-size: 18px;font-weight: 400;color: #005b83;}
	.cap-item p {font-size: 15px;color: #545454;line-height: 1.2;}
	.sticky-scroll { background: var(--off); }
	.sticky-scroll-inner {display: grid;grid-template-columns: 1fr 1fr;min-height: 150vh;
	}
	.ss-left {
		position: sticky;
		top: 0;
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0 15px;
		overflow: hidden;
		background:
			linear-gradient(135deg, rgba(10,10,10,0.88) 0%, rgba(10,10,10,0.72) 100%),
			url('/public/home/h-scroll.jpeg') center/cover no-repeat;
		border-right: 1px solid #222;
	}

	.ss-left .kicker { color: rgba(255,255,255,0.45); }
	.ss-left .kicker::before { background: var(--orange); }
	.ss-left .sh {font-size:30px; color: var(--white); }
	.ss-left .sh em { color: rgba(255,255,255,0.45); }
	.ss-left-body {font-size: 20px;line-height:1.2;color: #ffffff;max-width: 100%;margin-bottom: 3rem;} 
	.ss-progress { display: flex; flex-direction: column; gap: 0; border-left: 1px solid rgba(255,255,255,0.12); padding-left: 1.5rem; }
	.ss-dot {
		display: flex;
		align-items: center;
		gap: 1rem;
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 1.1px;
		text-transform: uppercase;
		color: rgba(255,255,255,0.25);
		cursor: pointer;
		padding: 14px;
		transition: color 0.3s;
		position: relative;
	}
	.ss-dot::before {content:''; position: absolute; left: -1.65rem;width: 5px; height: 5px; border-radius: 50%;background: rgba(255,255,255,0.2);transition: background 0.3s, transform 0.3s;}
	.ss-dot.active { color: var(--white); }
	.ss-dot.active::before { background: var(--orange); transform: scale(1.6); }

	.ss-right { display: flex; flex-direction: column; }
	.ss-panel {display: flex;flex-direction: column;justify-content: center;padding: 14px;border-bottom: 1px solid var(--rule);transition: opacity 0.5s var(--ease);opacity: 0.3;}
	.ss-panel.visible { opacity: 1; }
	.ss-panel:last-child { border-bottom: none; }

	.ss-panel-num {
		font-family: var(--serif);
		font-size: 40px; font-weight: 300;
		color: var(--rule); line-height: 1;
		display: block;
		transition: color 0.4s;
	}
	.ss-panel.visible .ss-panel-num { color: #D8D8D4; }
	.ss-panel h3 {font-family: var(--serif);font-size: 30px;color: var(--ink);line-height: 1.2;transform: translateY(16px);
	transition: transform 0.5s var(--ease) 0.1s, opacity 0.5s var(--ease) 0.1s;}
	.ss-panel h3 em { font-style: italic;color: #005b83; }
	.ss-panel.visible h3 { transform: translateY(0); opacity: 1; }
	.ss-panel-body {font-size: 18px;line-height: 1.2;color: var(--body);margin-bottom: 5px;
		transform: translateY(16px);opacity: 0;transition: transform 0.5s var(--ease) 0.2s, opacity 0.5s var(--ease) 0.2s;}
	.ss-panel.visible .ss-panel-body { transform: translateY(0); opacity: 1; }
	.ss-tags {
		display: flex; flex-wrap: wrap; gap: 0.5rem;
		transform: translateY(12px); opacity: 0;
		transition: transform 0.5s var(--ease) 0.3s, opacity 0.5s var(--ease) 0.3s;}
	.type-image{width: 800px;height: auto;}
	.ss-panel.visible .ss-tags { transform: translateY(0); opacity: 1; }
	.ss-tag {font-size: 0.68rem; font-weight: 500; letter-spacing: 0.09em;text-transform: uppercase; padding: 0.4rem 0.9rem;
		border: 1px solid var(--rule); color: var(--body);background: var(--white); transition: border-color 0.2s, color 0.2s;}
	.ss-tag:hover { border-color: var(--orange); color: var(--orange); }
	.offers-image-box{display:flex;align-items:center;justify-content:center;height:100%;min-height:320p}

	.offers-image-box img{width:100%;max-width:650px;height:auto;display:block;object-fit:contain;}
	.imgbg {position: relative;min-height: 70vh;display: flex;align-items: center;overflow: hidden;}
	.imgbg-photo {
		position: absolute;
		inset: 0;
		background: url('https://triangle.raydent.in/images/back3.jpg') center/cover no-repeat;
		filter: grayscale(50%) brightness(0.4);
		transform: scale(1.04);
		transition: transform 8s ease;
	}
	.imgbg:hover .imgbg-photo { transform: scale(1); }
	.imgbg-overlay {
		position: absolute;
		inset: 0;
		background: linear-gradient(110deg, rgba(10,10,10,0.92) 38%, rgba(10,10,10,0.25) 100%);
	}
	.imgbg-content {position: relative;z-index: 2;display: grid;grid-template-columns: 1.4fr 1fr;align-items: end;}
.imgbg-kicker {letter-spacing: 0.22em;text-transform: uppercase;color: var(--orange);display: flex;align-items: center;gap: 0.75rem;}
	.imgbg-kicker::before { content:''; width:18px; height:1px; background: var(--orange); display:block; }
	.imgbg-h {
		font-family: var(--serif);
		font-size: 30px;
		font-weight: 300;
		line-height: 1.06;
		color: var(--white);
		margin-bottom: 1.6rem;
		letter-spacing: -0.015em;
	}
	.imgbg-h em { font-style: italic; color: #AAA; }
	.imgbg-copy {font-size: 18px;line-height: 1.2;font-weight: 100;color: #AAA;}
	.imgbg-btn {display: inline-block;font-size: 0.7rem;font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase;
		text-decoration: none;padding: 12px;color: var(--white);border: 1px solid var(--orange);transition: background 0.25s, color 0.25s;}
	.imgbg-btn:hover { background: transparent; color: var(--orange); }
	/* Industry cluster grid */
	.industry-grid { display: flex; flex-direction: column; gap: 1px; }
	.industry-item {padding: 7px;border: 1px solid rgba(255,255,255,0.07);background: rgba(255,255,255,0.03);display: flex;
		align-items: center;gap: 1.2rem;transition: background 0.25s, border-color 0.25s;cursor: default;}
	.oth-title {font-size: 16px !important;}
	.industry-item:hover { background: rgba(212,98,42,0.1); border-color: rgba(212,98,42,0.3); }
	.industry-dot {
		width: 6px; height: 6px; border-radius: 50%;
		background: var(--orange); flex-shrink: 0;
		transition: transform 0.25s;
	}
	.industry-item:hover .industry-dot { transform: scale(1.6); }
	.industry-name {
		font-size: 16px;
		font-weight: 500;
		color: #DDD;
	}
	.industry-desc {
		font-size: 14px;
		color: #c2b9b9;
	}
/* 3D SOLUTIONS */

.offers {
    background: var(--white);
    overflow: hidden;
}
/* ---------- HEADER ---------- */
.offers-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: baseline;
    border-bottom: 1px solid var(--rule);
}
.offers-header-h {
    font-family: var(--serif);
    font-size: 30px;
    font-weight: 300;
    color: var(--ink);
    line-height: 1.2;
}
.offers-header-h em {font-style: italic;color: var(--sub);}
.offers-header-sub {font-size: 18px;color: var(--body);line-height: 1.2;}
.solutions-grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 10px;}
.solution-wrap {position: relative;perspective: 1100px;min-width: 0;}
.solution-card {position: relative;width: 100%;height: 470px;transform-style: preserve-3d;
    transition:
        transform .18s ease-out,
        box-shadow .35s ease;
    will-change: transform;
}
.solution-face {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #111;
    border: 1px solid rgba(255,255,255,.12);
    transform-style: preserve-3d;
    box-shadow:
        0 15px 40px rgba(0,0,0,.08);
    transition:
        box-shadow .4s ease,
        border-color .4s ease;
}
.solution-image {
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition:
        transform .8s cubic-bezier(.2,.8,.2,1),
        filter .6s ease;
    transform: scale(1.03);
    z-index: 0;
}
.solution-image-1 {background-image: url('/public/home/sme.png');filter: grayscale(35%) brightness(.48);}
.solution-image-2 {background-image: url('/public/home/auto-stack.png');filter: grayscale(40%) brightness(.43);}
.solution-image-3 {background-image: url('/public/home/e-comm.png');filter: grayscale(35%) brightness(.43);}
.solution-image-4 {background-image: url('/public/home/stack.png');background-size: contain;background-color: #eee;filter: grayscale(20%);}
/* DARK GRADIENT */
.solution-face::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
            180deg,
            rgba(0,0,0,.05) 24%,
            rgba(0,0,0,.25) 31%,
            rgba(0,0,0,.92) 80%
        );
    pointer-events: none;
}
/* Orange glow */
.solution-face::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    right: -140px;
    top: -140px;
    border-radius: 50%;
    background: rgba(239,127,26,.18);
    filter: blur(70px);
    opacity: .25;
    transition:
        opacity .5s ease,
        transform .6s ease;
    z-index: 2;
    pointer-events: none;
}
/* CONTENT */
.solution-content {position: absolute;left: 0;right: 0;bottom: 0;padding: 10px;z-index: 3;transform: translateZ(35px);color: white;}
.solution-number {font-family: var(--serif);font-size: 18px;font-weight: 600;letter-spacing: 0.22em;text-transform: uppercase;
	color: var(--orange);}
.solution-content h3 {font-family: var(--serif);font-size:20px;font-weight: 100;line-height: 1.2;color: #fff;}
.solution-content h3 em {
    font-style: italic;
    color: rgba(255,255,255,.65);
}
.solution-content p {font-size: 16px;line-height: 1.2;color: rgba(255,255,255,.72);font-weight:100;}
.solution-pills {display: flex;flex-wrap: wrap;gap: 6px;}
.solution-pills span {
    font-size: 8px;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 6px 9px;
    color: rgba(255,255,255,.75);
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.03);
    backdrop-filter: blur(5px);
}
.solution-wrap:hover .solution-face {
    border-color: rgba(239,127,26,.45);
    box-shadow:
        0 30px 70px rgba(0,0,0,.18),
        0 0 0 1px rgba(239,127,26,.08);
}
.solution-wrap:hover .solution-image {
    transform:
        scale(1.08)
        translate3d(4px,-4px,0);
    filter:
        grayscale(5%)
        brightness(.55);
}
.solution-wrap:hover .solution-face::after {
    opacity: .7;
    transform: scale(1.2);
}
@media (max-width: 900px) {
    .solutions-grid {
        grid-template-columns: 1fr;
    }
    .solution-card {
        height: 430px;
    }
    .offers-header {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 600px) {
    .solutions-grid {
        gap: 18px;
        padding-top: 30px;
    }
    .solution-card {
        height: 450px;
    }
    .solution-content {
        padding: 22px;
    }
    .solution-content p {
        font-size: 13px;
    }

}
	.offer-row:hover .offer-img { filter:brightness(.85) !important; }
	.methodology { background: linear-gradient(135deg, rgb(10 10 10 / 39%) 0%, rgba(10, 10, 10, 0.72) 100%), url(/public/home/h3.png) center / cover no-repeat;}
	.meth-head {display: flex;justify-content: space-between;gap: 3rem;}
	.meth-desc {font-size: 18px;color: #ffffff;line-height: 1.2;max-width: 560px;font-weight:100}
	.meth-steps {display: grid;grid-template-columns: repeat(5, 1fr);position: relative;}
	.meth-steps::before {
		content: '';
		position: absolute;
		top: 2.5rem;
		left: 10%;
		right: 10%;
		height: 1px;
		background: linear-gradient(to right, transparent, var(--rule) 20%, var(--orange) 50%, var(--rule) 80%, transparent);
		z-index: 0;
	}

	.meth-step {display: flex;flex-direction: column;align-items: center;text-align: center;position: relative;}
	.meth-step-circle {
		width: 50px;
		height: 50px;
		background: #ebf2f5;
		border: 1px solid #ebf2f5;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 15px;
		transition: border-color 0.3s, background 0.3s;
		position: relative;
	}
	.meth-step:hover .meth-step-circle {border-color: var(--orange);background: #FEF8F5;}
	.meth-step-n {font-family: var(--serif);font-size: 1.6rem;font-weight: 300;transition: color 0.3s;}
	.meth-step:hover .meth-step-n { color: var(--orange); }
	.meth-step h4 {font-size: 18px;font-weight: 600;color: #ef7f1a;line-height: 1.2;}
	.meth-step p {font-size: 16px;color: #a9a8a8;line-height: 1.2;font-weight: 100}
	/* 8  INSIGHTS — Masonry-like asymmetric grid */
	.insights { background:var(--white); }
	.ins-header {display:flex; align-items:flex-end; justify-content:space-between;border-bottom:1px solid var(--rule);}
	.ins-header-h { font-family:var(--serif); font-size:30px; font-weight:300; color:var(--ink); line-height:1.15; }
	.ins-header-h em { font-style:italic; color:var(--sub); }
	.ins-all { font-size:10px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--orange); text-decoration:none; display:flex; align-items:center; gap:.5rem; transition:gap .2s; }
	.ins-all:hover { gap:.9rem; }
	.ins-all::after { content:'→'; }
	.ins-grid {display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto;}
	.ins-card {border-right:1px solid var(--rule); border-bottom:1px solid var(--rule);padding:14px; text-decoration:none; color:inherit;display:flex; flex-direction:column;position:relative; overflow:hidden;transition:background .2s;}
	.ins-card:last-child, .ins-card:nth-last-child(2) { border-bottom:none; }
	.ins-card:nth-child(3n) { border-right:none; }
	.ins-card-featured {grid-row:1/3;border-right:1px solid var(--rule); border-bottom:none;}
	.ins-card::before { content:''; position:absolute; left:0; top:0; bottom:0; width:2px; background:var(--orange); transform:scaleY(0); transition:transform .35s var(--ease); transform-origin:bottom; }
	.ins-card:hover { background:var(--off); }
	.ins-card:hover::before { transform:scaleY(1); }
	.ins-cat { font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--orange); margin-bottom:14px; }
	.ins-card h3 { font-family:var(--serif); font-size:20px; font-weight:400; color:#005b83; line-height:1.2;margin:0;}
	.ins-card p { font-size:20px; color:var(--body); line-height:1.2;}
	.ins-link { font-size:9px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--sub); display:flex; align-items:center; gap:.4rem; transition:color .2s, gap .2s; }
	.ins-card:hover .ins-link { color:var(--orange); gap:.8rem; }
	.ins-link::after { content:'→'; }
	/* §9 CTA */
	.cta-sec {background: #d6d6d6de;text-align: center;position: relative;overflow: hidden;}
	.cta-geo {position: absolute;inset: 0;pointer-events: none;opacity: 0.05;}
	.cta-geo svg { width: 100%; height: 100%; }
	.cta-kicker {font-size: 14px;letter-spacing: 0.22em;text-transform: uppercase;color: var(--orange);display: flex;align-items: center;justify-content: center;gap: 0.8rem;}
	.cta-kicker::before, .cta-kicker::after {content: '';width: 30px; height: 1px;background: var(--orange);display: block;}
	.cta-h {font-family: var(--serif);font-size: 30px;font-weight: 300;line-height: 1.2;color:#000000c4;}
	.cta-h em { font-style: italic; color: #555; }
	.cta-h .o { color: var(--orange); }
	.cta-copy {font-size: 18px;color: #000000c4;line-height: 1.2;}
	.cta-btn {
		display: inline-block;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: 0.11em;
		text-transform: uppercase;
		text-decoration: none;
		padding: 0.2rem 2.5rem;
		color: var(--white);
		border: 1px solid var(--orange);
		transition: background 0.25s, color 0.25s, padding 0.25s;
	}
	.cta-btn:hover { background: transparent; color: var(--orange);}

	/* ─── RESPONSIVE ─── */
	@media(max-width: 1024px) {
		.hero { grid-template-columns: 1fr; min-height: auto; }
		.hero-r { display: none; }
		.hero-l { padding: 4rem 2rem; min-height: 88vh; }
		.cap-grid { grid-template-columns: 1fr; }
		.cap-divider { display: none; }
		.cred-inner { grid-template-columns: repeat(2, 1fr); }
		.sticky-scroll-inner { grid-template-columns: 1fr; min-height: auto; }
		.ss-left { position: relative; height: auto; padding: 4rem 2rem 2rem; border-right: none; border-bottom: 1px solid var(--rule); }
		.ss-panel { height: auto; min-height: 55vh; opacity: 1; }
		.ss-panel h3, .ss-panel-body, .ss-tags { transform: none; opacity: 1; }
		.imgbg-content { grid-template-columns: 1fr; gap: 3rem; }
		.meth-steps { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
		.meth-steps::before { display: none; }
		.ins-grid { grid-template-columns: repeat(2, 1fr); }
		.offers-grid { grid-template-columns: 1fr; }
		.offers-head { flex-direction: column; gap: 1rem; }
		.meth-head { flex-direction: column; gap: 1rem; }
	}
	@media(max-width: 768px) {
		.np-headline { font-size: clamp(3rem, 14vw, 5rem); }
		.cred-inner { grid-template-columns: 1fr 1fr; }
		.meth-steps { grid-template-columns: 1fr; }
		.ins-grid { grid-template-columns: 1fr; }
		.hero-ctas { flex-direction: column; }
		.hbtn { text-align: center; }
		.ins-head { flex-direction: column; align-items: flex-start; }
	}