Enquiry received
Thank You for Reaching Out!
Our team will get in touch shortly to assist you.
Redirecting to the main page in 5s
Go to homepage
.arp-ty {
--gold: #d2aa41;
--gold-dark: #a8862c;
--gold-soft: rgba(210, 170, 65, 0.12);
--ink: #1c1c1c;
--muted: #6b6b6b;
--line: #ece7da;
display: flex;
justify-content: center;
padding: 64px 16px;
font-family: inherit;
}
.arp-ty * { box-sizing: border-box; }
.arp-ty__card {
width: 100%;
max-width: 520px;
padding: 48px 40px 40px;
background: #fff;
border: 1px solid var(--line);
border-top: 3px solid var(--gold);
border-radius: 16px;
box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 12px 32px rgba(28,28,28,.06);
text-align: center;
animation: arp-rise .6s cubic-bezier(.2,.8,.2,1) both;
}
/* Animated check */
.arp-ty__icon {
width: 72px; height: 72px;
margin: 0 auto 24px;
border-radius: 50%;
background: var(--gold-soft);
display: grid; place-items: center;
}
.arp-ty__icon svg { width: 52px; height: 52px; }
.arp-ty__ring {
stroke: var(--gold); stroke-width: 2;
stroke-dasharray: 151; stroke-dashoffset: 151;
animation: arp-draw .7s ease-out .2s forwards;
}
.arp-ty__check {
stroke: var(--gold); stroke-width: 3;
stroke-linecap: round; stroke-linejoin: round;
stroke-dasharray: 36; stroke-dashoffset: 36;
animation: arp-draw .4s ease-out .8s forwards;
}
/* Type */
.arp-ty__eyebrow {
margin: 0 0 8px;
font-size: 12px; font-weight: 600;
letter-spacing: .14em; text-transform: uppercase;
color: var(--gold-dark);
}
.arp-ty__title {
margin: 0 0 12px;
font-size: clamp(26px, 5vw, 34px);
font-weight: 700; line-height: 1.2;
letter-spacing: -.01em;
color: var(--ink);
text-wrap: balance;
}
.arp-ty__title span { color: var(--gold); }
.arp-ty__text {
margin: 0 auto;
max-width: 36ch;
font-size: 16px; line-height: 1.6;
color: var(--muted);
}
.arp-ty__divider {
height: 1px; background: var(--line);
margin: 32px 0 24px;
}
/* Countdown */
.arp-ty__bar {
height: 4px; border-radius: 999px;
background: var(--line); overflow: hidden;
}
.arp-ty__bar span {
display: block; height: 100%; width: 100%;
background: var(--gold);
transform-origin: left;
animation: arp-shrink var(--arp-dur, 5s) linear forwards;
}
.arp-ty__redirect p {
margin: 12px 0 24px;
font-size: 14px; color: var(--muted);
font-variant-numeric: tabular-nums;
}
.arp-ty__redirect strong { color: var(--ink); }
/* Button */
.arp-ty__btn {
display: inline-flex; align-items: center; gap: 8px;
min-height: 48px; padding: 0 28px;
border-radius: 999px;
background: var(--gold); color: #fff !important;
font-size: 15px; font-weight: 600;
text-decoration: none !important;
transition: background-color .2s ease, transform .15s ease;
}
.arp-ty__btn svg {
width: 18px; height: 18px;
fill: none; stroke: currentColor; stroke-width: 2;
stroke-linecap: round; stroke-linejoin: round;
transition: transform .2s ease;
}
.arp-ty__btn:hover { background: var(--gold-dark); }
.arp-ty__btn:hover svg { transform: translateX(3px); }
.arp-ty__btn:active { transform: scale(.97); }
.arp-ty__btn:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
@keyframes arp-draw { to { stroke-dashoffset: 0; } }
@keyframes arp-shrink { from { transform: scaleX(1); } to { transform: scaleX(0); } }
@keyframes arp-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (max-width: 480px) {
.arp-ty { padding: 40px 16px; }
.arp-ty__card { padding: 40px 24px 32px; }
.arp-ty__btn { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
.arp-ty__card { animation: none; }
.arp-ty__ring, .arp-ty__check { animation: none; stroke-dashoffset: 0; }
}
(function () {
var SECONDS = 5; // countdown length
var REDIRECT_URL = "/"; // homepage, or a full URL
var count = document.getElementById("arp-ty-count");
var bar = document.getElementById("arp-ty-progress");
var link = document.getElementById("arp-ty-home");
var left = SECONDS;
if (link) link.href = REDIRECT_URL;
if (count) count.textContent = left;
if (bar) bar.style.setProperty("--arp-dur", SECONDS + "s");
var timer = setInterval(function () {
left--;
if (count) count.textContent = Math.max(left, 0);
if (left <= 0) {
clearInterval(timer);
window.location.href = REDIRECT_URL;
}
}, 1000);
})();
