VLEONS \u2014 Code. Create. Convert. | Coming Soon<\/title>\r\n<meta name=\"description\" content=\"VLEONS is launching soon \u2014 a digital studio crafting high-converting websites and growth-driven marketing for ambitious brands.\" \/>\r\n<link rel=\"icon\" href=\"https:\/\/project--5ff6f5ad-9300-4911-93e0-ea5b562a1b23.lovable.app\/__l5e\/assets-v1\/074eec97-00fd-47da-882a-ccf6e8c6d90c\/vleons-logo.png\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@600;700;800&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --bg:#0a1612;\r\n --bg-2:#0f1f1a;\r\n --card:#13251f;\r\n --fg:#f3f4f1;\r\n --muted:#8aa49a;\r\n --border:rgba(255,255,255,.08);\r\n --emerald-deep:#1f4d3a;\r\n --emerald-glow:#2fa37a;\r\n --gold:#e8c46a;\r\n }\r\n *{box-sizing:border-box}\r\n html,body{margin:0;padding:0}\r\n body{\r\n background:var(--bg);\r\n color:var(--fg);\r\n font-family:\"Inter\",system-ui,-apple-system,sans-serif;\r\n -webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n min-height:100vh;\r\n }\r\n .vleons-wrap{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}\r\n .vleons-wrap::before{\r\n content:\"\";position:absolute;inset:0;pointer-events:none;\r\n background-image:\r\n linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),\r\n linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px);\r\n background-size:60px 60px;\r\n -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);\r\n mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);\r\n opacity:.6;z-index:0;\r\n }\r\n .glow-a,.glow-b{position:absolute;pointer-events:none;border-radius:9999px;z-index:0}\r\n .glow-a{\r\n top:-160px;left:50%;transform:translateX(-50%);\r\n width:640px;height:640px;\r\n background:radial-gradient(circle,rgba(47,163,122,.35),transparent 70%);\r\n animation:pulseA 8s ease-in-out infinite;\r\n }\r\n .glow-b{\r\n bottom:-200px;right:-160px;width:500px;height:500px;\r\n background:radial-gradient(circle,rgba(232,196,106,.15),transparent 70%);\r\n animation:pulseB 10s ease-in-out infinite;\r\n }\r\n @keyframes pulseA{0%,100%{transform:translateX(-50%) scale(1);opacity:.7}50%{transform:translateX(-50%) scale(1.08);opacity:1}}\r\n @keyframes pulseB{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}\r\n\r\n .container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px}\r\n header{display:flex;align-items:center;justify-content:space-between;padding:28px 0}\r\n .brand{display:flex;align-items:center;gap:12px}\r\n .brand img{width:40px;height:40px;border-radius:9999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}\r\n .brand-namef;font-weight:800;letter-spacing:-.02em;font-size:18px}\r\n .status{display:none;align-items:center;gap:8px;font-family:\"JetBrains Mono\",monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}\r\n .status .dot{width:6px;height:6px;border-radius:9999px;background:var(--emerald-glow);animation:blink 1.6s ease-in-out infinite}\r\n @keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}\r\n @media(min-width:640px){.status{display:flex}}\r\n\r\n .hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 0 96px}\r\n @media(min-width:640px){.hero{padding-top:80px}}\r\n\r\n .logo-orb{position:relative;margin-bottom:40px;opacity:0;transform:scale(.85) translateY(20px);animation:in 1s cubic-bezier(.22,1,.36,1) .05s forwards}\r\n .logo-orb::before{\r\n content:\"\";position:absolute;inset:0;border-radius:9999px;\r\n box-shadow:0 0 80px -10px rgba(47,163,122,.5);\r\n animation:halo 4s ease-in-out infinite;\r\n }\r\n .logo-orb img{position:relative;width:128px;height:128px;border-radius:9999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);animation:float 5s ease-in-out infinite;display:block}\r\n @media(min-width:640px){.logo-orb img{width:160px;height:160px}}\r\n @keyframes halo{0%,100%{opacity:.6}50%{opacity:1}}\r\n @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\r\n @keyframes in{to{opacity:1;transform:scale(1) translateY(0)}}\r\n\r\n .eyebrow{\r\n display:inline-flex;align-items:center;gap:8px;\r\n padding:6px 16px;border-radius:9999px;\r\n border:1px solid var(--border);background:rgba(255,255,255,.05);backdrop-filter:blur(6px);\r\n font-family:\"JetBrains Mono\",monospace;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);\r\n margin-bottom:24px;opacity:0;animation:fade .7s ease .25s forwards;\r\n }\r\n .eyebrow .pip{width:4px;height:4px;border-radius:9999px;background:var(--gold)}\r\n\r\n h1.title{\r\n font-family:\"Syne\",sans-serif;font-weight:800;letter-spacing:-.02em;\r\n font-size:clamp(44px,9vw,88px);line-height:.95;margin:0;text-wrap:balance;\r\n }\r\n h1.title .word{display:inline-block;margin-right:.15em}\r\n h1.title .ch{display:inline-block;opacity:0;transform:translateY(30px) rotateX(-40deg);animation:char .6s cubic-bezier(.22,1,.36,1) forwards}\r\n .accent{background:linear-gradient(135deg,#f3e3a5,#e0b04a);-webkit-background-clip:text;background-clip:text;color:transparent}\r\n @keyframes char{to{opacity:1;transform:translateY(0) rotateX(0)}}\r\n\r\n .lead{max-width:640px;margin:32px auto 0;color:var(--muted);font-size:16px;line-height:1.6;text-wrap:balance;opacity:0;animation:fade .7s ease 1.1s forwards}\r\n @media(min-width:640px){.lead{font-size:18px}}\r\n\r\n .countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:56px;width:100%;max-width:560px;opacity:0;animation:fade .7s ease 1.25s forwards}\r\n @media(min-width:640px){.countdown{gap:20px}}\r\n .cell{position:relative;overflow:hidden;border:1px solid var(--border);background:rgba(19,37,31,.55);backdrop-filter:blur(16px);border-radius:18px;padding:18px 12px}\r\n @media(min-width:640px){.cell{padding:24px}}\r\n .cell::before{content:\"\";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(to right,transparent,var(--emerald-glow),transparent);opacity:.7}\r\n .num{font-family:\"Syne\",sans-serif;font-weight:800;font-size:clamp(28px,6vw,48px);font-variant-numeric:tabular-nums}\r\n .lbl{margin-top:8px;font-family:\"JetBrains Mono\",monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}\r\n @media(min-width:640px){.lbl{font-size:12px}}\r\n\r\n form.notify{display:flex;flex-direction:column;gap:8px;margin-top:48px;width:100%;max-width:440px;opacity:0;animation:fade .7s ease 1.4s forwards}\r\n @media(min-width:640px){form.notify{flex-direction:row}}\r\n form.notify input{\r\n flex:1;height:48px;border-radius:12px;border:1px solid var(--border);\r\n background:rgba(255,255,255,.05);color:var(--fg);padding:0 16px;font:inherit;font-size:14px;outline:none;transition:.2s;\r\n }\r\n form.notify input::placeholder{color:rgba(138,164,154,.7)}\r\n form.notify input:focus{border-color:var(--emerald-glow);box-shadow:0 0 0 3px rgba(47,163,122,.25);background:rgba(255,255,255,.07)}\r\n form.notify button{\r\n position:relative;overflow:hidden;height:48px;padding:0 24px;border:0;border-radius:12px;\r\n background:var(--emerald-glow);color:#0c1e18;font:inherit;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s;\r\n }\r\n form.notify button:hover{background:#26876a}\r\n form.notify button .shine{position:absolute;inset:0;background:rgba(255,255,255,.2);transform:translateX(-100%);transition:transform .7s}\r\n form.notify button:hover .shine{transform:translateX(100%)}\r\n\r\n .services{display:grid;grid-template-columns:1fr;gap:16px;margin-top:80px;width:100%;max-width:1000px;opacity:0;animation:fade .8s ease 1.55s forwards}\r\n @media(min-width:640px){.services{grid-template-columns:repeat(3,1fr)}}\r\n .svc{position:relative;border:1px solid var(--border);background:rgba(19,37,31,.55);backdrop-filter:blur(16px);border-radius:18px;padding:24px;text-align:left;transition:.25s}\r\n .svc:hover{border-color:rgba(47,163,122,.5);background:rgba(19,37,31,.8)}\r\n .svc .k{font-family:\"JetBrains Mono\",monospace;font-size:12px;color:var(--gold)}\r\n .svc f;font-weight:700;font-size:20px;margin:8px 0 0}\r\n .svc p{color:var(--muted);font-size:14px;line-height:1.6;margin:8px 0 0}\r\n .svc .meta{margin-top:20px;display:flex;align-items:center;gap:8px;font-family:\"JetBrains Mono\",monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(138,164,154,.7)}\r\n .svc .meta::before{content:\"\";display:block;width:24px;height:1px;background:var(--emerald-glow)}\r\n\r\n footer{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.05);max-width:1200px;margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px;font-family:\"JetBrains Mono\",monospace;font-size:12px;color:var(--muted)}\r\n @media(min-width:640px){footer{flex-direction:row}}\r\n footer a{color:inherit;text-decoration:none;transition:color .2s}\r\n footer a:hover{color:var(--fg)}\r\n footer .links{display:flex;gap:20px}\r\n\r\n @keyframes fade{to{opacity:1}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"vleons-wrap\">\r\n <div class=\"glow-a\"><\/div>\r\n <div class=\"glow-b\"><\/div>\r\n\r\n <div class=\"container\">\r\n <header>\r\n <div class=\"brand\">\r\n <img decoding=\"async\" src=\"https:\/\/project--5ff6f5ad-9300-4911-93e0-ea5b562a1b23.lovable.app\/__l5e\/assets-v1\/074eec97-00fd-47da-882a-ccf6e8c6d90c\/vleons-logo.png\" alt=\"VLEONS\" \/>\r\n <span class=\"brand-name\">VLEONS<\/span>\r\n <\/div>\r\n <div class=\"status\"><span class=\"dot\"><\/span> Studio status \u2014 Building<\/div>\r\n <\/header>\r\n\r\n <section class=\"hero\">\r\n <div class=\"logo-orb\">\r\n <img decoding=\"async\" src=\"https:\/\/project--5ff6f5ad-9300-4911-93e0-ea5b562a1b23.lovable.app\/__l5e\/assets-v1\/074eec97-00fd-47da-882a-ccf6e8c6d90c\/vleons-logo.png\" alt=\"VLEONS logo\" \/>\r\n <\/div>\r\n\r\n <div class=\"eyebrow\"><span class=\"pip\"><\/span> A new digital studio \u00b7 Launching soon<\/div>\r\n\r\n <h1 class=\"title\" id=\"title\"><\/h1>\r\n\r\n <p class=\"lead\">\r\n We're crafting a portfolio for VLEONS \u2014 an independent studio building\r\n high-performance websites and growth campaigns for brands that refuse\r\n to look like everyone else.\r\n <\/p>\r\n\r\n <div class=\"countdown\" id=\"countdown\">\r\n <div class=\"cell\"><div class=\"num\" data-k=\"d\">00<\/div><div class=\"lbl\">Days<\/div><\/div>\r\n <div class=\"cell\"><div class=\"num\" data-k=\"h\">00<\/div><div class=\"lbl\">Hours<\/div><\/div>\r\n <div class=\"cell\"><div class=\"num\" data-k=\"m\">00<\/div><div class=\"lbl\">Minutes<\/div><\/div>\r\n <div class=\"cell\"><div class=\"num\" data-k=\"s\">00<\/div><div class=\"lbl\">Seconds<\/div><\/div>\r\n <\/div>\r\n\r\n <form class=\"notify\" id=\"notify\">\r\n <input type=\"email\" required placeholder=\"you@company.com\" \/>\r\n <button type=\"submit\"><span class=\"shine\"><\/span><span class=\"label\">Notify me<\/span><\/button>\r\n <\/form>\r\n\r\n <div class=\"services\">\r\n <div class=\"svc\"><div class=\"k\">01<\/div><h3>Web Development<\/h3><p>Fast, accessible sites engineered to convert \u2014 built with modern stacks.<\/p><div class=\"meta\">Coming soon<\/div><\/div>\r\n <div class=\"svc\"><div class=\"k\">02<\/div><h3>Digital Marketing<\/h3><p>SEO, paid acquisition and lifecycle campaigns that compound over time.<\/p><div class=\"meta\">Coming soon<\/div><\/div>\r\n <div class=\"svc\"><div class=\"k\">03<\/div><h3>Brand & Strategy<\/h3><p>Positioning, messaging and design systems that make brands unmistakable.<\/p><div class=\"meta\">Coming soon<\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <footer>\r\n <div>\u00a9 <span id=\"year\"><\/span> VLEONS \u00b7 vleons.com<\/div>\r\n <div class=\"links\">\r\n <a href=\"mailto:hello@vleons.com\">hello@vleons.com<\/a>\r\n <a href=\"https:\/\/www.linkedin.com\" target=\"_blank\" rel=\"noreferrer\">LinkedIn<\/a>\r\n <a href=\"https:\/\/x.com\" target=\"_blank\" rel=\"noreferrer\">X \/ Twitter<\/a>\r\n <\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n<script>\r\n \/\/ Animated split-letter headline\r\n (function(){\r\n var words = [\r\n {t:\"Code.\", d:.30, a:false},\r\n {t:\"Create.\",d:.55, a:true},\r\n {t:\"Convert.\",d:.80, a:false}\r\n ];\r\n var host = document.getElementById(\"title\");\r\n words.forEach(function(w){\r\n var ws = document.createElement(\"span\"); ws.className=\"word\";\r\n w.t.split(\"\").forEach(function(c,i){\r\n var s = document.createElement(\"span\");\r\n s.className = \"ch\" + (w.a ? \" accent\" : \"\");\r\n s.textContent = c;\r\n s.style.animationDelay = (w.d + i*0.03) + \"s\";\r\n ws.appendChild(s);\r\n });\r\n host.appendChild(ws);\r\n });\r\n })();\r\n\r\n \/\/ Countdown \u2014 edit the launch date below\r\n (function(){\r\n var LAUNCH = new Date(\"2026-08-01T00:00:00Z\").getTime();\r\n var els = {};\r\n document.querySelectorAll(\"#countdown .num\").forEach(function(n){ els[n.dataset.k] = n; });\r\n function pad(n){ return n<10 ? \"0\"+n : \"\"+n; }\r\n function tick(){\r\n var diff = Math.max(0, LAUNCH - Date.now());\r\n els.d.textContent = pad(Math.floor(diff\/86400000));\r\n els.h.textContent = pad(Math.floor(diff\/3600000)%24);\r\n els.m.textContent = pad(Math.floor(diff\/60000)%60);\r\n els.s.textContent = pad(Math.floor(diff\/1000)%60);\r\n }\r\n tick(); setInterval(tick, 1000);\r\n })();\r\n\r\n \/\/ Notify form\r\n document.getElementById(\"notify\").addEventListener(\"submit\", function(e){\r\n e.preventDefault();\r\n var btn = this.querySelector(\".label\");\r\n btn.textContent = \"You're on the list \u2713\";\r\n });\r\n\r\n document.getElementById(\"year\").textContent = new Date().getFullYear();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VLEONS \u2014 Code. Create. Convert. | Coming Soon VLEONS Studio status \u2014 Building A new digital studio \u00b7 Launching soon We’re crafting a portfolio for VLEONS \u2014 an independent studio building high-performance websites and growth campaigns for brands that refuse to look like everyone else. 00Days 00Hours 00Minutes 00Seconds Notify me 01 Web Development Fast, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vleons.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vleons.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vleons.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vleons.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vleons.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":14,"href":"https:\/\/vleons.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/vleons.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/vleons.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nVLEONS \u2014 Code. Create. Convert. | Coming Soon<\/title>\r\n<meta name=\"description\" content=\"VLEONS is launching soon \u2014 a digital studio crafting high-converting websites and growth-driven marketing for ambitious brands.\" \/>\r\n<link rel=\"icon\" href=\"https:\/\/project--5ff6f5ad-9300-4911-93e0-ea5b562a1b23.lovable.app\/__l5e\/assets-v1\/074eec97-00fd-47da-882a-ccf6e8c6d90c\/vleons-logo.png\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@600;700;800&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --bg:#0a1612;\r\n --bg-2:#0f1f1a;\r\n --card:#13251f;\r\n --fg:#f3f4f1;\r\n --muted:#8aa49a;\r\n --border:rgba(255,255,255,.08);\r\n --emerald-deep:#1f4d3a;\r\n --emerald-glow:#2fa37a;\r\n --gold:#e8c46a;\r\n }\r\n *{box-sizing:border-box}\r\n html,body{margin:0;padding:0}\r\n body{\r\n background:var(--bg);\r\n color:var(--fg);\r\n font-family:\"Inter\",system-ui,-apple-system,sans-serif;\r\n -webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n min-height:100vh;\r\n }\r\n .vleons-wrap{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}\r\n .vleons-wrap::before{\r\n content:\"\";position:absolute;inset:0;pointer-events:none;\r\n background-image:\r\n linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),\r\n linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px);\r\n background-size:60px 60px;\r\n -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);\r\n mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);\r\n opacity:.6;z-index:0;\r\n }\r\n .glow-a,.glow-b{position:absolute;pointer-events:none;border-radius:9999px;z-index:0}\r\n .glow-a{\r\n top:-160px;left:50%;transform:translateX(-50%);\r\n width:640px;height:640px;\r\n background:radial-gradient(circle,rgba(47,163,122,.35),transparent 70%);\r\n animation:pulseA 8s ease-in-out infinite;\r\n }\r\n .glow-b{\r\n bottom:-200px;right:-160px;width:500px;height:500px;\r\n background:radial-gradient(circle,rgba(232,196,106,.15),transparent 70%);\r\n animation:pulseB 10s ease-in-out infinite;\r\n }\r\n @keyframes pulseA{0%,100%{transform:translateX(-50%) scale(1);opacity:.7}50%{transform:translateX(-50%) scale(1.08);opacity:1}}\r\n @keyframes pulseB{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}\r\n\r\n .container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px}\r\n header{display:flex;align-items:center;justify-content:space-between;padding:28px 0}\r\n .brand{display:flex;align-items:center;gap:12px}\r\n .brand img{width:40px;height:40px;border-radius:9999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}\r\n .brand-namef;font-weight:800;letter-spacing:-.02em;font-size:18px}\r\n .status{display:none;align-items:center;gap:8px;font-family:\"JetBrains Mono\",monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}\r\n .status .dot{width:6px;height:6px;border-radius:9999px;background:var(--emerald-glow);animation:blink 1.6s ease-in-out infinite}\r\n @keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}\r\n @media(min-width:640px){.status{display:flex}}\r\n\r\n .hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 0 96px}\r\n @media(min-width:640px){.hero{padding-top:80px}}\r\n\r\n .logo-orb{position:relative;margin-bottom:40px;opacity:0;transform:scale(.85) translateY(20px);animation:in 1s cubic-bezier(.22,1,.36,1) .05s forwards}\r\n .logo-orb::before{\r\n content:\"\";position:absolute;inset:0;border-radius:9999px;\r\n box-shadow:0 0 80px -10px rgba(47,163,122,.5);\r\n animation:halo 4s ease-in-out infinite;\r\n }\r\n .logo-orb img{position:relative;width:128px;height:128px;border-radius:9999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);animation:float 5s ease-in-out infinite;display:block}\r\n @media(min-width:640px){.logo-orb img{width:160px;height:160px}}\r\n @keyframes halo{0%,100%{opacity:.6}50%{opacity:1}}\r\n @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\r\n @keyframes in{to{opacity:1;transform:scale(1) translateY(0)}}\r\n\r\n .eyebrow{\r\n display:inline-flex;align-items:center;gap:8px;\r\n padding:6px 16px;border-radius:9999px;\r\n border:1px solid var(--border);background:rgba(255,255,255,.05);backdrop-filter:blur(6px);\r\n font-family:\"JetBrains Mono\",monospace;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);\r\n margin-bottom:24px;opacity:0;animation:fade .7s ease .25s forwards;\r\n }\r\n .eyebrow .pip{width:4px;height:4px;border-radius:9999px;background:var(--gold)}\r\n\r\n h1.title{\r\n font-family:\"Syne\",sans-serif;font-weight:800;letter-spacing:-.02em;\r\n font-size:clamp(44px,9vw,88px);line-height:.95;margin:0;text-wrap:balance;\r\n }\r\n h1.title .word{display:inline-block;margin-right:.15em}\r\n h1.title .ch{display:inline-block;opacity:0;transform:translateY(30px) rotateX(-40deg);animation:char .6s cubic-bezier(.22,1,.36,1) forwards}\r\n .accent{background:linear-gradient(135deg,#f3e3a5,#e0b04a);-webkit-background-clip:text;background-clip:text;color:transparent}\r\n @keyframes char{to{opacity:1;transform:translateY(0) rotateX(0)}}\r\n\r\n .lead{max-width:640px;margin:32px auto 0;color:var(--muted);font-size:16px;line-height:1.6;text-wrap:balance;opacity:0;animation:fade .7s ease 1.1s forwards}\r\n @media(min-width:640px){.lead{font-size:18px}}\r\n\r\n .countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:56px;width:100%;max-width:560px;opacity:0;animation:fade .7s ease 1.25s forwards}\r\n @media(min-width:640px){.countdown{gap:20px}}\r\n .cell{position:relative;overflow:hidden;border:1px solid var(--border);background:rgba(19,37,31,.55);backdrop-filter:blur(16px);border-radius:18px;padding:18px 12px}\r\n @media(min-width:640px){.cell{padding:24px}}\r\n .cell::before{content:\"\";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(to right,transparent,var(--emerald-glow),transparent);opacity:.7}\r\n .num{font-family:\"Syne\",sans-serif;font-weight:800;font-size:clamp(28px,6vw,48px);font-variant-numeric:tabular-nums}\r\n .lbl{margin-top:8px;font-family:\"JetBrains Mono\",monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}\r\n @media(min-width:640px){.lbl{font-size:12px}}\r\n\r\n form.notify{display:flex;flex-direction:column;gap:8px;margin-top:48px;width:100%;max-width:440px;opacity:0;animation:fade .7s ease 1.4s forwards}\r\n @media(min-width:640px){form.notify{flex-direction:row}}\r\n form.notify input{\r\n flex:1;height:48px;border-radius:12px;border:1px solid var(--border);\r\n background:rgba(255,255,255,.05);color:var(--fg);padding:0 16px;font:inherit;font-size:14px;outline:none;transition:.2s;\r\n }\r\n form.notify input::placeholder{color:rgba(138,164,154,.7)}\r\n form.notify input:focus{border-color:var(--emerald-glow);box-shadow:0 0 0 3px rgba(47,163,122,.25);background:rgba(255,255,255,.07)}\r\n form.notify button{\r\n position:relative;overflow:hidden;height:48px;padding:0 24px;border:0;border-radius:12px;\r\n background:var(--emerald-glow);color:#0c1e18;font:inherit;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s;\r\n }\r\n form.notify button:hover{background:#26876a}\r\n form.notify button .shine{position:absolute;inset:0;background:rgba(255,255,255,.2);transform:translateX(-100%);transition:transform .7s}\r\n form.notify button:hover .shine{transform:translateX(100%)}\r\n\r\n .services{display:grid;grid-template-columns:1fr;gap:16px;margin-top:80px;width:100%;max-width:1000px;opacity:0;animation:fade .8s ease 1.55s forwards}\r\n @media(min-width:640px){.services{grid-template-columns:repeat(3,1fr)}}\r\n .svc{position:relative;border:1px solid var(--border);background:rgba(19,37,31,.55);backdrop-filter:blur(16px);border-radius:18px;padding:24px;text-align:left;transition:.25s}\r\n .svc:hover{border-color:rgba(47,163,122,.5);background:rgba(19,37,31,.8)}\r\n .svc .k{font-family:\"JetBrains Mono\",monospace;font-size:12px;color:var(--gold)}\r\n .svc f;font-weight:700;font-size:20px;margin:8px 0 0}\r\n .svc p{color:var(--muted);font-size:14px;line-height:1.6;margin:8px 0 0}\r\n .svc .meta{margin-top:20px;display:flex;align-items:center;gap:8px;font-family:\"JetBrains Mono\",monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(138,164,154,.7)}\r\n .svc .meta::before{content:\"\";display:block;width:24px;height:1px;background:var(--emerald-glow)}\r\n\r\n footer{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.05);max-width:1200px;margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px;font-family:\"JetBrains Mono\",monospace;font-size:12px;color:var(--muted)}\r\n @media(min-width:640px){footer{flex-direction:row}}\r\n footer a{color:inherit;text-decoration:none;transition:color .2s}\r\n footer a:hover{color:var(--fg)}\r\n footer .links{display:flex;gap:20px}\r\n\r\n @keyframes fade{to{opacity:1}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"vleons-wrap\">\r\n <div class=\"glow-a\"><\/div>\r\n <div class=\"glow-b\"><\/div>\r\n\r\n <div class=\"container\">\r\n <header>\r\n <div class=\"brand\">\r\n <img decoding=\"async\" src=\"https:\/\/project--5ff6f5ad-9300-4911-93e0-ea5b562a1b23.lovable.app\/__l5e\/assets-v1\/074eec97-00fd-47da-882a-ccf6e8c6d90c\/vleons-logo.png\" alt=\"VLEONS\" \/>\r\n <span class=\"brand-name\">VLEONS<\/span>\r\n <\/div>\r\n <div class=\"status\"><span class=\"dot\"><\/span> Studio status \u2014 Building<\/div>\r\n <\/header>\r\n\r\n <section class=\"hero\">\r\n <div class=\"logo-orb\">\r\n <img decoding=\"async\" src=\"https:\/\/project--5ff6f5ad-9300-4911-93e0-ea5b562a1b23.lovable.app\/__l5e\/assets-v1\/074eec97-00fd-47da-882a-ccf6e8c6d90c\/vleons-logo.png\" alt=\"VLEONS logo\" \/>\r\n <\/div>\r\n\r\n <div class=\"eyebrow\"><span class=\"pip\"><\/span> A new digital studio \u00b7 Launching soon<\/div>\r\n\r\n <h1 class=\"title\" id=\"title\"><\/h1>\r\n\r\n <p class=\"lead\">\r\n We're crafting a portfolio for VLEONS \u2014 an independent studio building\r\n high-performance websites and growth campaigns for brands that refuse\r\n to look like everyone else.\r\n <\/p>\r\n\r\n <div class=\"countdown\" id=\"countdown\">\r\n <div class=\"cell\"><div class=\"num\" data-k=\"d\">00<\/div><div class=\"lbl\">Days<\/div><\/div>\r\n <div class=\"cell\"><div class=\"num\" data-k=\"h\">00<\/div><div class=\"lbl\">Hours<\/div><\/div>\r\n <div class=\"cell\"><div class=\"num\" data-k=\"m\">00<\/div><div class=\"lbl\">Minutes<\/div><\/div>\r\n <div class=\"cell\"><div class=\"num\" data-k=\"s\">00<\/div><div class=\"lbl\">Seconds<\/div><\/div>\r\n <\/div>\r\n\r\n <form class=\"notify\" id=\"notify\">\r\n <input type=\"email\" required placeholder=\"you@company.com\" \/>\r\n <button type=\"submit\"><span class=\"shine\"><\/span><span class=\"label\">Notify me<\/span><\/button>\r\n <\/form>\r\n\r\n <div class=\"services\">\r\n <div class=\"svc\"><div class=\"k\">01<\/div><h3>Web Development<\/h3><p>Fast, accessible sites engineered to convert \u2014 built with modern stacks.<\/p><div class=\"meta\">Coming soon<\/div><\/div>\r\n <div class=\"svc\"><div class=\"k\">02<\/div><h3>Digital Marketing<\/h3><p>SEO, paid acquisition and lifecycle campaigns that compound over time.<\/p><div class=\"meta\">Coming soon<\/div><\/div>\r\n <div class=\"svc\"><div class=\"k\">03<\/div><h3>Brand & Strategy<\/h3><p>Positioning, messaging and design systems that make brands unmistakable.<\/p><div class=\"meta\">Coming soon<\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <footer>\r\n <div>\u00a9 <span id=\"year\"><\/span> VLEONS \u00b7 vleons.com<\/div>\r\n <div class=\"links\">\r\n <a href=\"mailto:hello@vleons.com\">hello@vleons.com<\/a>\r\n <a href=\"https:\/\/www.linkedin.com\" target=\"_blank\" rel=\"noreferrer\">LinkedIn<\/a>\r\n <a href=\"https:\/\/x.com\" target=\"_blank\" rel=\"noreferrer\">X \/ Twitter<\/a>\r\n <\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n<script>\r\n \/\/ Animated split-letter headline\r\n (function(){\r\n var words = [\r\n {t:\"Code.\", d:.30, a:false},\r\n {t:\"Create.\",d:.55, a:true},\r\n {t:\"Convert.\",d:.80, a:false}\r\n ];\r\n var host = document.getElementById(\"title\");\r\n words.forEach(function(w){\r\n var ws = document.createElement(\"span\"); ws.className=\"word\";\r\n w.t.split(\"\").forEach(function(c,i){\r\n var s = document.createElement(\"span\");\r\n s.className = \"ch\" + (w.a ? \" accent\" : \"\");\r\n s.textContent = c;\r\n s.style.animationDelay = (w.d + i*0.03) + \"s\";\r\n ws.appendChild(s);\r\n });\r\n host.appendChild(ws);\r\n });\r\n })();\r\n\r\n \/\/ Countdown \u2014 edit the launch date below\r\n (function(){\r\n var LAUNCH = new Date(\"2026-08-01T00:00:00Z\").getTime();\r\n var els = {};\r\n document.querySelectorAll(\"#countdown .num\").forEach(function(n){ els[n.dataset.k] = n; });\r\n function pad(n){ return n<10 ? \"0\"+n : \"\"+n; }\r\n function tick(){\r\n var diff = Math.max(0, LAUNCH - Date.now());\r\n els.d.textContent = pad(Math.floor(diff\/86400000));\r\n els.h.textContent = pad(Math.floor(diff\/3600000)%24);\r\n els.m.textContent = pad(Math.floor(diff\/60000)%60);\r\n els.s.textContent = pad(Math.floor(diff\/1000)%60);\r\n }\r\n tick(); setInterval(tick, 1000);\r\n })();\r\n\r\n \/\/ Notify form\r\n document.getElementById(\"notify\").addEventListener(\"submit\", function(e){\r\n e.preventDefault();\r\n var btn = this.querySelector(\".label\");\r\n btn.textContent = \"You're on the list \u2713\";\r\n });\r\n\r\n document.getElementById(\"year\").textContent = new Date().getFullYear();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VLEONS \u2014 Code. Create. Convert. | Coming Soon VLEONS Studio status \u2014 Building A new digital studio \u00b7 Launching soon We’re crafting a portfolio for VLEONS \u2014 an independent studio building high-performance websites and growth campaigns for brands that refuse to look like everyone else. 00Days 00Hours 00Minutes 00Seconds Notify me 01 Web Development Fast, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vleons.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vleons.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vleons.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vleons.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vleons.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":14,"href":"https:\/\/vleons.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/vleons.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/vleons.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}