<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BuildingDT - Coming Soon</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }

        body {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%);
            color: #f5f5f5;
            overflow: hidden;
        }

        .bg-grid {
            position: fixed;
            inset: 0;
            background-image:
                linear-gradient(rgba(207,184,124,0.06) 1px, transparent 1px),
                linear-gradient(90deg, rgba(207,184,124,0.06) 1px, transparent 1px);
            background-size: 60px 60px;
            pointer-events: none;
        }

        .glow {
            position: fixed;
            width: 500px;
            height: 500px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(207,184,124,0.12), transparent 70%);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            pointer-events: none;
        }

        .container {
            text-align: center;
            padding: 2rem;
            position: relative;
            z-index: 1;
            max-width: 640px;
        }

        .logo {
            width: 160px;
            height: 115px;
            margin: 0 auto 2rem;
        }

        .logo svg {
            width: 100%;
            height: 100%;
        }

        h1 {
            font-size: 2.5rem;
            font-weight: 700;
            letter-spacing: -0.02em;
            margin-bottom: 0.5rem;
        }

        h1 span { color: #CFB87C; }

        .tagline {
            font-size: 1.1rem;
            color: #a3a3a3;
            margin-bottom: 2.5rem;
            line-height: 1.6;
        }

        .notify-form {
            display: flex;
            gap: 0.5rem;
            max-width: 420px;
            margin: 0 auto 2rem;
        }

        .notify-form input {
            flex: 1;
            padding: 0.8rem 1.2rem;
            border-radius: 10px;
            border: 1px solid rgba(207,184,124,0.2);
            background: rgba(30,30,30,0.8);
            color: #f5f5f5;
            font-size: 0.95rem;
            outline: none;
            transition: border-color 0.2s;
        }

        .notify-form input::placeholder { color: #666; }
        .notify-form input:focus { border-color: #CFB87C; }

        .notify-form button {
            padding: 0.8rem 1.5rem;
            border-radius: 10px;
            border: none;
            background: #CFB87C;
            color: #000;
            font-size: 0.95rem;
            font-weight: 600;
            cursor: pointer;
            transition: background 0.2s;
            white-space: nowrap;
        }

        .notify-form button:hover { background: #b8a36e; }

        .divider {
            width: 60px;
            height: 1px;
            background: rgba(207,184,124,0.2);
            margin: 2rem auto;
        }

        .features {
            display: flex;
            gap: 2rem;
            justify-content: center;
            flex-wrap: wrap;
        }

        .feature {
            font-size: 0.85rem;
            color: #888;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .feature .dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #CFB87C;
        }

        .footer {
            position: fixed;
            bottom: 1.5rem;
            left: 0;
            right: 0;
            text-align: center;
            font-size: 0.8rem;
            color: #555;
        }

        @media (max-width: 480px) {
            h1 { font-size: 1.8rem; }
            .notify-form { flex-direction: column; }
            .features { flex-direction: column; align-items: center; gap: 1rem; }
        }
    </style>
</head>
<body>
    <div class="bg-grid"></div>
    <div class="glow"></div>

    <div class="container">
        <div class="logo">
            <svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.41421" viewBox="0 0 560 400" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(2.52832 0 0 -2.52832 -1056.67 1583.43)"><path d="m524.5 584.818-.846-.286c-9.086-2.882-13.402-8.432-14.392-9.861-.341-.34-2.808-4.56-3.966-5.711-2.854-.36-10.337-2.291-13.94-6.561-2.049.075-5.304.024-5.34.023-1.335-.097-2.481-.948-2.919-2.166-.085-.235-.186-.618-.186-1.088 0-.77.272-1.783 1.333-2.794.668-.639 1.752-1.34 2.907-1.942-.47-1.725-.739-4.044-.739-6.167 0-.936.058-1.818.166-2.606-.517-.251-1.015-.518-1.345-.739-.807-.546-2.485-2.002-3.657-4-.745-1.272-1.094-2.255-1.197-4.705-.016-.418-.071-1.688-.359-2.19-.35-.608-1.517-2.273-2.144-3.168l-.669-.967c-.461-.695-.751-1.647-1.111-2.912l-.139-.466c-.113-.346-.531-1.313-.691-1.575-.525-.796-.714-1.715-.714-2.663 0-.976.197-1.983.43-2.924.605-2.449 3.054-6.34 5.121-9.456l.278-.42-.059.099c.55-.998 1.313-1.622 2.271-1.856 1.428-.346 2.475.358 2.978.695l.25.165c1.676 1.029 2.58 2.436 3.117 3.276 0 0 .071.107.135.204.212.156.562.415.562.415 1.04.752 1.698 1.239 2.14 1.776 1.7 2.063 2.527 5.177 2.65 6.654l.114 1.224c.3 3.111.402 4.41.402 5.118 0 .262-.014.441-.038.604 0-.006.02-.275.02-.275.014.291.181 1.023.33 1.454.915-.226 2.097-.675 2.467-.889 1.131-.666 4.287-2.209 9.085-2.187 5.269.027 8.136.738 8.889.954 1.088.314 3.111.973 3.92 1.402l-.07-.035.145.063c.556.245 1.354.616 2.08 1.172 2.747.091 4.826.091 6.359.039-.925-1.009-1.814-2.303-2.369-3.931-.577-1.686-.953-3.994-1.124-6.859-.075-1.266-.123-2.211-.123-2.942 0-1.639.243-2.194.977-2.869l1.056-.971 5.981 1.03c-.005 0-.131-.023-.131-.023l.852.015 2.053.084c1.274.163 3.127.634 4.511 1.472 1.499.91 2.852 2.568 3.164 2.961.351.361 1.792 1.442 2.313 1.8.058.025.625.299.625.299l1.753.931c.032.021 3.17 2.309 4.359 3.595.376.411.904 1.03 1.432 1.669.296-.357.602-.705.91-1.046l.23-.254c1.329-1.509 3.016-1.632 4.062-1.278l.244.083.226.124c.868.477 2.867 1.589 3.641 2.11.166.072.608.165.813.177h.004c1.244 0 2.435.734 3.061 1.366-.052-.051.145.13.145.13 3.646 3.363 10.178 9.623 12.968 13.779 1.301 1.937 2.139 3.535 2.568 5.971.632 3.574.573 4.469.222 7.685l-.068.633c-.579 5.347-5.693 11.345-6.545 12.035l-.157.133c-.997.856-3.643 3.127-8.894 4.79-2.508.796-5.614.945-7.028.902-.018.008-.03.013-.047.023-.234.3-.739.984-1.011 1.443-1.357 2.27-3.644 4.593-6.799 6.906l-.08.06c-.001 0-.133.101-.133.101-1.013.776-4.096 3.136-10.371 4.38-8.485 1.681-13.971-.22-16.918-1.242" fill="#cfb87c"/><path d="m75.553 3.641c-6.538-.022-10.759 1.838-13.071 2.572-5.967 1.891-10.081 4.771-12.68 7.135h27.754l5.282 7.275-1.405 9.469h-9.392l1.129-7.635h-21.75l-3.493 23.592h7.18l1.24-8.387h-2.886l1.127-7.599h12.635l-2.366 15.986h4.754l1.237-8.36h9.464l-1.548 10.479-7.473 7.063h-7.791l-1 6.767h18.602l4.738-32.033h12.582l-1.137 7.686h-2.92l-3.935 26.611-7.211 6.964h-10.545c-2.137 1.039-4.151 2.932-5.209 6.334-1.359 4.37-1.322 11.969-1.322 11.969s4.825-.787 5.525-.945c.7-.157 2.567-.001 3.815-.158 1.245-.156 3.034-.629 4.203-1.338 1.165-.709 2.49-2.205 3.035-2.912.545-.709 3.27-2.678 3.738-2.994.467-.315 2.256-1.026 2.801-1.42.543-.393 3.813-2.834 4.904-4.014 1.089-1.181 3.062-3.606 3.657-4.49 1.012-1.495 2.038-.245 2.179.24.389 1.337 2.179 3.15 2.801 3.856.624.711 1.168.554 1.168.554s3.58-1.968 4.357-2.521c.778-.552 2.416-.787 2.881-.787.47 0 1.091-.395 1.324-.629.234-.238 11.829-10.712 15.955-16.854 1.364-2.03 2.211-3.597 2.647-6.064.777-4.409.624-5.039.156-9.371-.576-5.339-6.073-11.97-6.849-12.6-.779-.63-3.658-3.468-10.117-5.514-3.102-.983-7.395-1.023-7.94-.943-.616.086-1.948-.631-2.26-.946-.308-.317-1.396-1.76-1.945-2.677-2.249-3.778-6.765-7.009-7.619-7.638-.858-.63-4.127-3.467-11.676-4.963-2.709-.537-5.145-.753-7.324-.76zm-34.293 21.104c-3.176.509-14.055 3.111-18.187 8.819-.265.369-1.149.489-1.635.459-.426-.025-6.567-.031-6.84-.012-.274.02-.995.295.039 1.277.908.868 3.053 2.129 4.908 2.791.655.235.54 1.318.207 1.889-1.147 1.998-1.75 9.577-.828 12.182.129.366-.063 1.584-.572 1.732-.726.209-2.336.971-2.957 1.391-.624.42-2.327 1.88-3.463 3.82-.621 1.063-.897 1.692-1 4.188-.061 1.472-.207 3.15-.934 4.408-.726 1.262-3.217 4.725-3.632 5.357-.417.629-.933 2.729-1.143 3.358-.207.632-.884 2.224-1.271 2.81-.622.943-.133 3.055.132 4.121.829 3.358 6.104 10.929 6.33 11.338.519.945.805.487 1.764-.105 2.05-1.259 2.801-3.36 3.424-3.885.621-.522 2.667-1.874 3.113-2.414 1.558-1.89 2.387-5.04 2.492-6.301.104-1.26.727-7.137.623-7.875-.105-.734.518-3.567 1.143-4.305.62-.735 1.861-1.538 2.488-1.47 1.687.184 4.42 1.221 5.346 1.76 1.79 1.052 5.059 2.253 9.494 2.232 5.293-.026 8.729-.65 10.119-1.053 1.635-.471 3.657-1.18 4.203-1.469.201-.106.893-.371 1.543-.732l-3.735-4.881 1.322-8.944h-10.006l-5.939-7.133 3.453-23.352z" transform="matrix(.8 0 0 -.8 474.548 586.717)"/><g fill="#fff" fill-rule="nonzero"><path d="m563.64 547.068c-.829-1.259-1.948-1.263-1.948-1.263-2.535-.11-2.647 2.423-2.647 2.423.132 5.47 6.329 8.855 8.478 9.973 0 0 .801.458.401-.24-2.069-3.603-3.011-6.276-3.282-7.533 0 0-.488-2.574-1.002-3.36"/><path d="m563.64 547.068c-.829-1.259-1.948-1.263-1.948-1.263-2.535-.11-2.646 2.423-2.646 2.423.131 5.47 6.329 8.855 8.477 9.973 0 0 .801.458.401-.24-2.069-3.603-3.012-6.276-3.283-7.533 0 0-.487-2.574-1.001-3.36"/></g></g></svg>
        </div>

        <h1>Building<span>DT</span></h1>
        <p class="tagline">Digital twin platform for smarter buildings.<br>We're building something exciting.</p>

        <form class="notify-form" onsubmit="event.preventDefault(); this.querySelector('button').textContent='Subscribed!'; this.querySelector('input').disabled=true;">
            <input type="email" placeholder="Enter your email" required>
            <button type="submit">Notify Me</button>
        </form>

        <div class="divider"></div>

        <div class="features">
            <div class="feature"><span class="dot"></span> 3D Visualization</div>
            <div class="feature"><span class="dot"></span> Energy Simulation</div>
            <div class="feature"><span class="dot"></span> Real-time Sensors</div>
        </div>
    </div>

    <div class="footer">&copy; 2026 buildingdt.com</div>
</body>
</html>
