<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>www.smartmeters.com</title>
    <meta name="description" content="www.smartmeters.com is available for sale with secure transfer, fast domain transfer, and flexible payment options.">
    
    <link rel="canonical" href="https://www.smartmeters.com/">
    <meta property="og:type" content="website">
    <meta property="og:title" content="www.smartmeters.com">
    <meta property="og:description" content="www.smartmeters.com is available for sale with secure transfer, fast domain transfer, and flexible payment options.">
    <meta property="og:url" content="https://www.smartmeters.com/">
    <meta property="og:image" content="https://www.smartmeters.com/static/img/logo.jpg">
    <meta property="og:site_name" content="www.smartmeters.com">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="www.smartmeters.com">
    <meta name="twitter:description" content="www.smartmeters.com is available for sale with secure transfer, fast domain transfer, and flexible payment options.">
    <meta name="twitter:image" content="https://www.smartmeters.com/static/img/logo.jpg">
    
    <script src="https://js.hcaptcha.com/1/api.js" async defer></script>
    
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <style>
        :root {
            --bg-deep: #0d1f23;
            --bg-main: #132a30;
            --bg-light: #193840;
            --accent: #7cc5a8;
            --accent-light: #a3dbc4;
            --text-primary: #e8ede6;
            --text-secondary: #8fa9a0;
            --text-muted: #5c7d73;
            --card-bg: #ffffff;
            --card-text: #1a2e35;
            --card-muted: #6b7280;
            --success: #34d399;
            --warn: #fbbf24;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            background: var(--bg-deep);
            color: var(--text-primary);
        }

        /* ---- Header ---- */
        header {
            padding: 0.75rem 2.5rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .logo-link {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            text-decoration: none;
        }
        .logo-img {
            height: 36px;
            border-radius: 4px;
        }
        .header-right {
            font-size: 0.75rem;
            color: var(--text-muted);
        }

        /* ---- Hero ---- */
        .hero {
            flex: 1;
            display: flex;
            align-items: center;
            background: linear-gradient(135deg, var(--bg-deep) 0%, var(--bg-main) 40%, #1a3d45 70%, var(--bg-light) 100%);
            position: relative;
            overflow: hidden;
        }
        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 70%;
            height: 200%;
            background: radial-gradient(ellipse, rgba(124,197,168,0.06) 0%, transparent 70%);
            pointer-events: none;
        }
        .hero-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 2.5rem;
            max-width: 1100px;
            width: 100%;
            margin: 0 auto;
            padding: 1.5rem 2.5rem;
            position: relative;
            z-index: 1;
        }

        /* ---- Left column ---- */
        .hero-left { flex: 1; min-width: 0; }
        .sale-label {
            font-size: 0.8rem;
            font-weight: 600;
            color: var(--accent);
            text-transform: uppercase;
            letter-spacing: 0.06em;
            margin-bottom: 0.5rem;
        }
        .domain-title {
            font-size: clamp(1.75rem, 4.5vw, 2.75rem);
            font-weight: 800;
            color: var(--text-primary);
            line-height: 1.1;
            margin-bottom: 1rem;
            word-break: break-all;
            text-transform: uppercase;
            letter-spacing: -0.02em;
        }
        .domain-description {
            color: var(--text-secondary);
            font-size: 0.9rem;
            line-height: 1.6;
            margin-bottom: 1rem;
            max-width: 480px;
        }
        .domain-keywords {
            display: flex;
            flex-wrap: wrap;
            gap: 0.35rem;
            margin-bottom: 1rem;
        }
        .keyword-tag {
            display: inline-block;
            padding: 0.2rem 0.6rem;
            border-radius: 999px;
            font-size: 0.7rem;
            font-weight: 500;
            background: rgba(124,197,168,0.1);
            color: var(--accent-light);
            border: 1px solid rgba(124,197,168,0.2);
        }
        .features {
            list-style: none;
            margin-bottom: 0.75rem;
        }
        .features li {
            padding: 0.2rem 0;
            font-size: 0.85rem;
            color: var(--text-secondary);
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .features li .tick {
            color: var(--accent);
            font-weight: 700;
            font-size: 1rem;
        }
        .features li strong { color: var(--text-primary); font-weight: 600; }
        .listed-by {
            font-size: 0.75rem;
            color: var(--text-muted);
            margin-top: 0.25rem;
        }
        .listed-by a {
            color: var(--text-secondary);
            text-decoration: none;
        }
        .listed-by a:hover { color: var(--text-primary); }

        /* ---- Right column (offer card) ---- */
        .offer-card {
            background: var(--card-bg);
            border-radius: 16px;
            padding: 1.5rem;
            width: 370px;
            flex-shrink: 0;
            box-shadow: 0 25px 60px rgba(0,0,0,0.35);
            color: var(--card-text);
            text-align: left;
        }
        .offer-card-header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            margin-bottom: 1rem;
        }
        .offer-card-header h2 {
            font-size: 1rem;
            font-weight: 700;
            color: var(--card-text);
        }
        .offer-price {
            font-size: 1.75rem;
            font-weight: 800;
            color: var(--card-text);
            letter-spacing: -0.02em;
        }
        .offer-card form {
            display: flex;
            flex-direction: column;
            gap: 0.6rem;
        }
        .offer-card label {
            display: block;
            font-size: 0.75rem;
            font-weight: 500;
            color: var(--card-text);
            margin-bottom: 0.2rem;
        }
        .offer-card input,
        .offer-card textarea {
            width: 100%;
            padding: 0.5rem 0.65rem;
            border: 1.5px solid #e5e7eb;
            border-radius: 8px;
            font-size: 0.875rem;
            font-family: inherit;
            color: var(--card-text);
            background: #f9fafb;
            outline: none;
            transition: border 0.2s, background 0.2s;
        }
        .offer-card input:focus,
        .offer-card textarea:focus {
            border-color: var(--accent);
            background: #fff;
            box-shadow: 0 0 0 3px rgba(124,197,168,0.12);
        }
        .offer-card input::placeholder,
        .offer-card textarea::placeholder {
            color: #9ca3af;
            font-weight: 400;
        }
        .offer-card textarea {
            resize: vertical;
            min-height: 56px;
        }
        .form-row {
            display: flex;
            gap: 0.75rem;
        }
        .form-row > div { flex: 1; }
        .submit-btn {
            display: block;
            width: 100%;
            margin-top: 0.1rem;
            padding: 0.6rem;
            background: var(--bg-main);
            color: #fff;
            border: none;
            border-radius: 10px;
            font-weight: 600;
            font-size: 0.95rem;
            cursor: pointer;
            transition: background 0.2s, transform 0.15s;
            letter-spacing: 0.01em;
        }
        .submit-btn:hover {
            background: var(--bg-light);
            transform: translateY(-1px);
        }
        .submit-btn::after {
            content: ' →';
        }
        .card-note {
            text-align: center;
            font-size: 0.7rem;
            color: var(--card-muted);
            margin-top: 0.5rem;
        }

        /* ---- MOZ Stats row ---- */
        .stats-row {
            display: flex;
            gap: 0.5rem;
            flex-wrap: wrap;
            margin-top: 1rem;
        }
        .stat-chip {
            background: rgba(124,197,168,0.08);
            border: 1px solid rgba(124,197,168,0.15);
            border-radius: 8px;
            padding: 0.35rem 0.7rem;
            text-align: center;
        }
        .stat-value {
            font-size: 1rem;
            font-weight: 700;
            color: var(--accent);
            line-height: 1.2;
        }
        .stat-label {
            font-size: 0.55rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-top: 0.1rem;
        }

        /* ---- Bottom features bar ---- */
        .features-bar {
            background: var(--bg-main);
            border-top: 1px solid rgba(124,197,168,0.08);
        }
        .features-bar-inner {
            max-width: 1100px;
            margin: 0 auto;
            padding: 1rem 2.5rem;
            display: flex;
            justify-content: center;
            gap: 3rem;
            flex-wrap: wrap;
        }
        .feature-item {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        .feature-icon {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: rgba(124,197,168,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.15rem;
            flex-shrink: 0;
        }
        .feature-text {
            font-size: 0.8rem;
            font-weight: 600;
            color: var(--text-primary);
        }

        /* ---- Footer ---- */
        footer {
            padding: 0.75rem 2.5rem;
            border-top: 1px solid rgba(124,197,168,0.06);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.75rem;
            font-size: 0.75rem;
            color: var(--text-muted);
        }
        .footer-left,
        .footer-mid,
        .footer-right {
            flex: 1;
        }
        .footer-left { text-align: left; }
        .footer-mid { text-align: center; }
        .footer-right { text-align: right; }
        footer a {
            color: var(--text-secondary);
            text-decoration: none;
        }
        footer a:hover { color: var(--text-primary); }

        /* ---- Tablet (landscape / small desktop) ---- */
        @media (max-width: 960px) {
            .hero-inner { gap: 2rem; padding: 1.5rem 2rem; }
            .offer-card { width: 340px; padding: 1.25rem; }
            .offer-price { font-size: 1.5rem; }
            .features-bar-inner { gap: 2rem; padding: 1rem 2rem; }
        }

        /* ---- Tablet (portrait) / large phone ---- */
        @media (max-width: 820px) {
            .hero-inner {
                flex-direction: column;
                text-align: center;
                padding: 1.5rem;
            }
            .hero-left { order: 1; }
            .offer-card {
                width: 100%;
                max-width: 440px;
                order: 2;
                padding: 1.5rem;
            }
            .domain-title { font-size: 2.25rem; }
            .domain-description { max-width: 100%; margin-left: auto; margin-right: auto; }
            .domain-keywords { justify-content: center; }
            .features li { justify-content: center; }
            .stats-row { justify-content: center; }
            .listed-by { text-align: center; }
            header { padding: 0.75rem 1.5rem; }
            footer { padding: 0.75rem 1.5rem; flex-direction: column; gap: 0.4rem; text-align: center; }
            .footer-left,
            .footer-mid,
            .footer-right { text-align: center; width: 100%; }
            .features-bar-inner { gap: 1.5rem; padding: 1rem 1.5rem; }
            .feature-icon { width: 30px; height: 30px; font-size: 1rem; }
            .feature-text { font-size: 0.75rem; }
        }

        /* ---- Phone ---- */
        @media (max-width: 560px) {
            header { padding: 0.6rem 1rem; }
            .logo-img { height: 28px; }
            .hero-inner { padding: 1.25rem 1rem; }
            .sale-label { font-size: 0.7rem; margin-bottom: 0.35rem; }
            .domain-title { font-size: 1.75rem; margin-bottom: 0.75rem; }
            .domain-description { font-size: 0.85rem; margin-bottom: 0.75rem; }
            .domain-keywords { margin-bottom: 0.75rem; }
            .keyword-tag { font-size: 0.65rem; padding: 0.15rem 0.5rem; }
            .features { margin-bottom: 0.5rem; }
            .features li { font-size: 0.8rem; padding: 0.15rem 0; }
            .listed-by { font-size: 0.7rem; }
            .stats-row { margin-top: 0.75rem; gap: 0.4rem; }
            .stat-chip { padding: 0.3rem 0.55rem; }
            .stat-value { font-size: 0.9rem; }
            .offer-card { max-width: 100%; padding: 1.25rem; }
            .offer-card-header { margin-bottom: 0.75rem; }
            .offer-card-header h2 { font-size: 0.9rem; }
            .offer-price { font-size: 1.4rem; }
            .offer-card form { gap: 0.5rem; }
            .form-row { flex-direction: column; gap: 0.5rem; }
            .offer-card textarea { min-height: 50px; }
            .submit-btn { padding: 0.55rem; font-size: 0.9rem; }
            .card-note { font-size: 0.65rem; margin-top: 0.4rem; }
            .features-bar-inner {
                flex-direction: column;
                align-items: center;
                gap: 0.75rem;
                padding: 0.75rem 1rem;
            }
            footer { font-size: 0.7rem; padding: 0.6rem 1rem; }
        }

        /* ---- Small phone ---- */
        @media (max-width: 380px) {
            .domain-title { font-size: 1.5rem; }
            .offer-card { padding: 1rem; }
            .offer-price { font-size: 1.25rem; }
        }
    </style>
</head>
<body>
    <header>
        <a href="/" class="logo-link">
            <img src="/static/img/logo.jpg" alt="incipience logo" class="logo-img" width="248" height="36">
        </a>
        
    </header>

    <section class="hero">
        <div class="hero-inner">
            <div class="hero-left">
                
                <div class="sale-label">Premium Domain</div>
                

                <h1 class="domain-title">www.smartmeters.com</h1>

                

                

                <ul class="features">
                    <li><span class="tick">&#10003;</span> <strong>Secure</strong> transaction support</li>
                    <li><span class="tick">&#10003;</span> <strong>Fast</strong> domain transfer</li>
                    <li><span class="tick">&#10003;</span> <strong>Flexible</strong> payment options</li>
                </ul>

                <p class="listed-by">Listed with <a href="https://incipience.co.uk">incipience.co.uk</a></p>

                
                <div class="stats-row">
                    <div class="stat-chip">
                        <div class="stat-value">40</div>
                        <div class="stat-label">DA</div>
                    </div>
                    <div class="stat-chip">
                        <div class="stat-value">35</div>
                        <div class="stat-label">PA</div>
                    </div>
                    <div class="stat-chip">
                        <div class="stat-value">9</div>
                        <div class="stat-label">Spam</div>
                    </div>
                    
                    <div class="stat-chip">
                        <div class="stat-value">645</div>
                        <div class="stat-label">Links</div>
                    </div>
                    
                </div>
                
            </div>

            <div class="offer-card">
                <div class="offer-card-header">
                    <h2>Get in touch</h2>
                    
                </div>

                <form method="POST" action="/enquiry">
                    <div class="form-row">
                        <div>
                            <label for="eq_name">Name</label>
                            <input type="text" id="eq_name" name="name" required placeholder="Your full name">
                        </div>
                        <div>
                            <label for="eq_email">Email address</label>
                            <input type="email" id="eq_email" name="email" required placeholder="you@example.com">
                        </div>
                    </div>
                    <div class="form-row">
                        <div>
                            <label for="eq_phone">Phone number</label>
                            <input type="tel" id="eq_phone" name="phone" placeholder="Optional">
                        </div>
                        
                    </div>
                    <div>
                        <label for="eq_msg">Message</label>
                        <textarea id="eq_msg" name="message" required placeholder="Tell us about your interest in this domain..."></textarea>
                    </div>

                    
                    <div class="h-captcha" data-sitekey="c37c4f10-3b2a-4ea8-b918-aa3cfede5346"></div>
                    

                    <button type="submit" class="submit-btn">Submit your offer</button>
                </form>
                <p class="card-note">You will receive a reply within 24 hours</p>
            </div>
        </div>
    </section>

    <section class="features-bar">
        <div class="features-bar-inner">
            <div class="feature-item">
                <div class="feature-icon">🛡️</div>
                <span class="feature-text">Buyer protection</span>
            </div>
            <div class="feature-item">
                <div class="feature-icon">⚡</div>
                <span class="feature-text">Fast & easy transfer</span>
            </div>
            <div class="feature-item">
                <div class="feature-icon">💳</div>
                <span class="feature-text">Flexible payment methods</span>
            </div>
        </div>
    </section>

    <footer>
        <span class="footer-left">&copy; 2026 www.smartmeters.com</span>
        
        <span class="footer-mid"></span>
        
        <span class="footer-right">
            <a href="https://websitevaluecalculator.co.uk/" title="website valuation" aria-label="website valuation">value my website</a>
        </span>
    </footer>

    <noscript>
        <img src="/api/v1/stats/pixel?d=www.smartmeters.com" width="1" height="1" alt="traffic tracking pixel">
    </noscript>
</body>
</html>