<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Clarifyre Web Design Studio</title>
    <link rel="stylesheet" href="styles/style.css">
	<link rel="icon" href="/favicon.png">
</head>
<body style="height:100% !important; margin: 0;">

    <!-- Header Section -->
    <header class="header">
        <div class="container">
            <nav class="navbar">
                <div class="logo">
				<a href="https://clarifyre.top">
					<svg width="73" height="93" viewBox="0 0 73 93" xmlns="http://www.w3.org/2000/svg">
					<path d="M69.4632 42.1823C67.4915 37.7382 64.6252 33.7493 61.0437 30.4653L58.0882 27.7497C57.9879 27.66 57.8671 27.5963 57.7365 27.5643C57.6058 27.5323 57.4693 27.5329 57.339 27.566C57.2086 27.5992 57.0884 27.6639 56.9888 27.7544C56.8892 27.8449 56.8134 27.9586 56.7679 28.0853L55.4476 31.8791C54.6249 34.2591 53.1117 36.69 50.9687 39.0802C50.8265 39.2327 50.664 39.2734 50.5523 39.2836C50.4406 39.2938 50.2679 39.2734 50.1156 39.131C49.9734 39.009 49.9023 38.8259 49.9124 38.6428C50.2882 32.5199 48.4601 25.6137 44.4586 18.0974C41.1476 11.8524 36.5468 6.98044 30.7984 3.58332L26.6039 1.11176C26.0554 0.786288 25.3547 1.21347 25.3851 1.85424L25.6086 6.73633C25.7609 10.0724 25.375 13.022 24.4609 15.4732C23.3437 18.4737 21.739 21.2606 19.6875 23.7626C18.2598 25.5015 16.6416 27.0743 14.8633 28.4515C10.5804 31.7486 7.09794 35.9733 4.67656 40.8093C2.26114 45.6874 1.00295 51.0582 1 56.5031C1 61.3039 1.94453 65.952 3.81328 70.3357C5.6177 74.5564 8.22168 78.3868 11.4812 81.6154C14.7719 84.8701 18.5906 87.4332 22.8461 89.2131C27.2539 91.0643 31.9257 92 36.75 92C41.5742 92 46.246 91.0643 50.6539 89.2233C54.8988 87.4538 58.759 84.8732 62.0187 81.6256C65.3093 78.3708 67.889 74.5669 69.6866 70.3459C71.5526 65.9742 72.5098 61.2676 72.4999 56.5133C72.4999 51.5498 71.4843 46.7288 69.4632 42.1823ZM57.164 76.6926C51.7101 82.1036 44.4687 85.0735 36.75 85.0735C29.0312 85.0735 21.7898 82.1036 16.3359 76.6926C10.9023 71.2918 7.90624 64.1314 7.90624 56.5133C7.90624 52.0889 8.90156 47.8476 10.8617 43.9012C12.7711 40.0464 15.6148 36.5985 19.0679 33.9438C21.2702 32.2574 23.2677 30.3185 25.0195 28.1667C27.5586 25.0645 29.5492 21.6064 30.9304 17.8939C31.497 16.3626 31.9087 14.7781 32.1593 13.1644C34.607 15.4224 36.6586 18.1482 38.375 21.3419C41.7671 27.709 43.3312 33.3742 43.0265 38.1953C42.9537 39.3308 43.1389 40.468 43.5681 41.5214C43.9973 42.5749 44.6594 43.5172 45.5046 44.2776C46.2371 44.9402 47.0937 45.4504 48.0248 45.7787C48.9558 46.1069 49.9427 46.2467 50.9281 46.1897C52.9289 46.088 54.7671 45.2031 56.1078 43.708C57.4585 42.1925 58.6265 40.6465 59.6015 39.07C61.0234 40.8906 62.2117 42.874 63.1562 45.0099C64.771 48.6511 65.5937 52.5263 65.5937 56.5133C65.5937 64.1314 62.5976 71.302 57.164 76.6926Z" />
					</svg>
				</a>&nbsp;
				<div class="logo_text">Clarifyre
				<div class="motto">Clear. Concise. Compelling.</div></div>
				</div>
                <ul class="nav-menu">
                    <li><a href="#services">Services</a></li>
                    <li><a href="#portfolio">Portfolio</a></li>
                    <li><a href="#process">Our Process</a></li>
                    <li><a href="#team">Our Team</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
        <!-- Burger menu button -->
        <button class="burger-menu" aria-label="Toggle navigation menu">
            <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="burger-icon" >
				<path d="M3.25354 12.9154H21.2535" stroke="#001959" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M3.25354 6.91541H21.2535" stroke="#001959" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M3.25354 18.9154H21.2535" stroke="#001959" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</svg>
			<svg width="25" height="25" class="close-icon" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M18.2535 6.91541L6.25354 18.9154" stroke="#001959" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
				<path d="M6.25354 6.91541L18.2535 18.9154" stroke="#001959" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
			</svg>
        </button>
        </nav>
    </div>
    <!-- Add overlay for mobile menu -->
    <div class="overlay"></div>
    </header>

    <!-- Hero Section -->
    <section class="hero_ty">
        <div class="container">
            <h1>Sorry, such a page couldn't be found on Clarifyre.top</h1>
            <p class="hero-subtitle">If you aren't redirected to&nbsp;our main page within&nbsp;10&nbsp;seconds, feel free to&nbsp;click the&nbsp;button below to&nbsp;retun there.</p>
            <a href="https://clarifyre.top" class="cta-button">Back to Clarifyre</a>
        </div>
    </section>
	
	<script src="scripts/burger.js"></script>
</body>
</html>
