BROEKI \u2014 Buy $BROEK Presale<\/title><\/p>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@600;700;800&family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap');<\/p>\n<p>:root {\n --bg: #060010;\n --card: rgba(18,0,42,0.85);\n --rim: rgba(168,85,247,0.2);\n --rim2: rgba(251,191,36,0.2);\n --purple: #7c3aed;\n --violet: #a855f7;\n --lilac: #d8b4fe;\n --gold: #fbbf24;\n --amber: #f59e0b;\n --cream: #fef3c7;\n --dim: rgba(216,180,254,0.5);\n --white: #f5f0ff;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}\nhtml{scroll-behavior:smooth;}\nbody{\n background:var(--bg);\n color:var(--white);\n font-family:'Inter',sans-serif;\n min-height:100vh;\n overflow-x:hidden;\n}<\/p>\n<p>\/* \u2500\u2500 CANVAS \u2500\u2500 *\/\n#c{position:fixed;inset:0;z-index:0;pointer-events:none;}<\/p>\n<p>\/* \u2500\u2500 PAGE \u2500\u2500 *\/\n.page{position:relative;z-index:1;}<\/p>\n<p>\/* \u2500\u2500 NAV \u2500\u2500 *\/\nnav{\n position:fixed;top:0;left:0;right:0;z-index:100;\n display:flex;align-items:center;justify-content:space-between;\n padding:16px 40px;\n background:rgba(6,0,16,0.8);\n backdrop-filter:blur(20px);\n border-bottom:1px solid var(--rim);\n}\n.nb{\n display:flex;align-items:center;gap:10px;\n font-family:'Syne',sans-serif;font-size:20px;font-weight:800;\n color:var(--gold);letter-spacing:2px;\n}\n.nb svg{width:34px;height:34px;}\n.npill{\n background:linear-gradient(135deg,var(--purple),var(--violet));\n border:none;border-radius:50px;padding:10px 26px;\n color:#fff;font-family:'Syne',sans-serif;font-size:13px;\n font-weight:700;letter-spacing:1px;cursor:pointer;\n box-shadow:0 0 24px rgba(124,58,237,.5);\n transition:all .2s;\n}\n.npill:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(124,58,237,.8);}<\/p>\n<p>\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero{\n min-height:100vh;\n display:flex;flex-direction:column;\n align-items:center;justify-content:center;\n padding:120px 20px 60px;\n text-align:center;\n}<\/p>\n<p>.live-badge{\n display:inline-flex;align-items:center;gap:8px;\n border:1px solid rgba(251,191,36,.4);\n border-radius:50px;padding:8px 20px;\n font-family:'DM Mono',monospace;font-size:11px;\n letter-spacing:3px;color:var(--gold);\n background:rgba(251,191,36,.06);\n margin-bottom:32px;\n}\n.ldot{\n width:7px;height:7px;border-radius:50%;\n background:var(--gold);box-shadow:0 0 8px var(--gold);\n animation:blink 1.2s ease-in-out infinite;\n}\n@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}<\/p>\n<p>\/* frog *\/\n.frog-wrap{\n position:relative;width:200px;height:200px;\n margin:0 auto 36px;\n}\n.fr1{\n position:absolute;inset:-18px;border-radius:50%;\n border:1.5px solid rgba(124,58,237,.35);\n animation:spin1 10s linear infinite;\n}\n.fr1::before{\n content:'';position:absolute;top:0;left:50%;\n transform:translate(-50%,-50%);\n width:9px;height:9px;border-radius:50%;\n background:var(--gold);box-shadow:0 0 10px var(--gold);\n}\n.fr2{\n position:absolute;inset:-32px;border-radius:50%;\n border:1px dashed rgba(168,85,247,.2);\n animation:spin1 18s linear infinite reverse;\n}\n@keyframes spin1{to{transform:rotate(360deg);}}\n.fglow{\n position:absolute;inset:0;border-radius:50%;\n background:radial-gradient(circle,rgba(124,58,237,.4) 0%,transparent 70%);\n animation:pglow 3s ease-in-out infinite;\n}\n@keyframes pglow{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}\n.fsvg{\n width:200px;height:200px;position:relative;z-index:2;\n animation:fbob 4s ease-in-out infinite;\n filter:drop-shadow(0 0 28px rgba(124,58,237,.7));\n}\n@keyframes fbob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-20px) rotate(2deg)}}<\/p>\n<p>.h1{\n font-family:'Syne',sans-serif;\n font-size:clamp(56px,10vw,100px);\n font-weight:800;line-height:.9;letter-spacing:-2px;\n background:linear-gradient(150deg,var(--cream) 0%,var(--gold) 50%,var(--amber) 100%);\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n background-clip:text;\n filter:drop-shadow(0 0 40px rgba(251,191,36,.3));\n margin-bottom:8px;\n}\n.h2{\n font-family:'DM Mono',monospace;font-size:16px;\n letter-spacing:7px;color:var(--violet);\n margin-bottom:20px;\n}\n.hdesc{\n font-size:16px;color:rgba(245,240,255,.6);\n line-height:1.8;max-width:480px;margin:0 auto 36px;\n}\n.htags{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:40px;}\n.htag{\n background:rgba(255,255,255,.04);\n border:1px solid var(--rim);\n border-radius:50px;padding:7px 16px;\n font-size:12px;font-weight:500;color:var(--lilac);\n}\n.hbtn{\n background:linear-gradient(135deg,var(--purple),var(--violet));\n border:none;border-radius:16px;padding:18px 48px;\n color:#fff;font-family:'Syne',sans-serif;\n font-size:17px;font-weight:700;letter-spacing:.5px;\n cursor:pointer;\n box-shadow:0 0 40px rgba(124,58,237,.5),inset 0 1px 0 rgba(255,255,255,.15);\n transition:all .25s;\n}\n.hbtn:hover{transform:translateY(-3px);box-shadow:0 0 64px rgba(124,58,237,.8);}<\/p>\n<p>\/* \u2500\u2500 COUNTDOWN HERO \u2500\u2500 *\/\n.cd-hero{\n display:flex;gap:12px;flex-wrap:wrap;\n justify-content:center;margin:40px 0 0;\n}\n.cd-hbox{\n background:var(--card);\n border:1px solid var(--rim);\n border-radius:20px;padding:20px 28px;\n text-align:center;min-width:100px;\n backdrop-filter:blur(16px);\n}\n.cd-hnum{\n font-family:'DM Mono',monospace;font-size:52px;\n font-weight:500;color:var(--gold);line-height:1;\n letter-spacing:-2px;\n}\n.cd-hlbl{\n font-size:10px;letter-spacing:4px;\n color:var(--dim);margin-top:6px;text-transform:uppercase;\n}\n.cd-sep{\n font-family:'DM Mono',monospace;font-size:40px;\n color:rgba(251,191,36,.3);align-self:center;\n padding-bottom:8px;\n}<\/p>\n<p>\/* \u2500\u2500 BUY SECTION \u2500\u2500 *\/\n.buy-section{\n padding:80px 20px;\n display:flex;justify-content:center;\n}\n.buy-wrap{max-width:680px;width:100%;position:relative;}\n.buy-wrap::before{\n content:'';position:absolute;top:-100px;right:-100px;\n width:300px;height:300px;border-radius:50%;\n background:radial-gradient(circle,rgba(124,58,237,.15),transparent 70%);\n pointer-events:none;\n}\n.buy-wrap::after{\n content:'';position:absolute;bottom:-80px;left:-80px;\n width:250px;height:250px;border-radius:50%;\n background:radial-gradient(circle,rgba(251,191,36,.08),transparent 70%);\n pointer-events:none;\n}<\/p>\n<p>.buy-card{\n background:var(--card);\n border:1px solid var(--rim);\n border-radius:32px;padding:48px;\n backdrop-filter:blur(24px);\n box-shadow:0 0 80px rgba(124,58,237,.12),0 40px 80px rgba(0,0,0,.4);\n position:relative;overflow:hidden;\n}\n.buy-card::before{\n content:'';position:absolute;top:0;left:0;right:0;height:2px;\n background:linear-gradient(90deg,transparent,var(--purple),var(--gold),var(--purple),transparent);\n}<\/p>\n<p>.bc-head{\n display:flex;align-items:center;justify-content:space-between;\n margin-bottom:28px;\n}\n.bc-title{\n font-family:'Syne',sans-serif;font-size:22px;\n font-weight:800;color:var(--gold);letter-spacing:1px;\n}\n.bc-net{\n display:flex;align-items:center;gap:7px;\n background:rgba(20,241,149,.08);\n border:1px solid rgba(20,241,149,.25);\n border-radius:50px;padding:6px 14px;\n font-family:'DM Mono',monospace;font-size:11px;\n letter-spacing:2px;color:#14f195;\n}\n.bc-net::before{\n content:'';width:6px;height:6px;border-radius:50%;\n background:#14f195;box-shadow:0 0 6px #14f195;\n}<\/p>\n<p>\/* Progress *\/\n.prog-head{display:flex;justify-content:space-between;margin-bottom:10px;}\n.prog-head span{font-size:13px;color:var(--dim);}\n.prog-head strong{color:var(--gold);}\n.prog-track{\n height:14px;border-radius:50px;\n background:rgba(255,255,255,.06);\n border:1px solid rgba(255,255,255,.08);\n overflow:hidden;margin-bottom:6px;\n}\n.prog-fill{\n height:100%;border-radius:50px;width:0%;\n background:linear-gradient(90deg,var(--purple),var(--violet),var(--gold));\n animation:pfill 1.8s cubic-bezier(.4,0,.2,1) forwards .3s;\n box-shadow:0 0 14px rgba(251,191,36,.4);\n position:relative;\n}\n.prog-fill::after{\n content:'';position:absolute;right:0;top:0;bottom:0;width:28px;\n background:linear-gradient(90deg,transparent,rgba(255,255,255,.5));\n animation:shim 2s ease-in-out infinite 2s;\n}\n@keyframes shim{0%,100%{opacity:0}50%{opacity:1}}\n@keyframes pfill{to{width:34%}}\n.prog-foot{font-size:12px;color:var(--dim);text-align:right;margin-bottom:28px;}<\/p>\n<p>\/* Countdown inside card *\/\n.card-cd-label{\n font-size:10px;letter-spacing:4px;color:var(--dim);\n text-transform:uppercase;text-align:center;margin-bottom:12px;\n}\n.card-cd{\n display:grid;grid-template-columns:repeat(4,1fr);\n gap:8px;margin-bottom:28px;\n}\n.ccd-box{\n background:rgba(6,0,16,.8);\n border:1px solid var(--rim);\n border-radius:14px;padding:14px 8px;\n text-align:center;\n}\n.ccd-n{\n font-family:'DM Mono',monospace;font-size:36px;\n font-weight:500;color:var(--gold);line-height:1;\n letter-spacing:-1px;\n}\n.ccd-l{font-size:9px;letter-spacing:3px;color:var(--dim);margin-top:4px;text-transform:uppercase;}<\/p>\n<p>\/* Details *\/\n.det-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:28px;}\n.det-box{\n background:rgba(124,58,237,.08);\n border:1px solid rgba(124,58,237,.2);\n border-radius:14px;padding:16px;text-align:center;\n}\n.det-l{font-size:9px;letter-spacing:3px;color:var(--dim);margin-bottom:5px;text-transform:uppercase;}\n.det-v{font-family:'Syne',sans-serif;font-size:16px;font-weight:700;color:#fff;}<\/p>\n<p>\/* Amount selector *\/\n.amt-row{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;}\n.amt-chip{\n background:rgba(124,58,237,.1);\n border:1px solid rgba(124,58,237,.25);\n border-radius:50px;padding:8px 16px;\n font-family:'DM Mono',monospace;font-size:13px;\n color:var(--lilac);cursor:pointer;transition:all .2s;\n}\n.amt-chip:hover,.amt-chip.active{\n background:rgba(124,58,237,.3);\n border-color:var(--violet);color:#fff;\n}<\/p>\n<p>.inp-row{display:flex;gap:10px;margin-bottom:20px;}\n.sol-inp{\n flex:1;\n background:rgba(6,0,16,.9);\n border:1px solid var(--rim);\n border-radius:14px;padding:16px 20px;\n color:#fff;font-family:'Inter',sans-serif;font-size:16px;\n outline:none;transition:border-color .2s;\n}\n.sol-inp:focus{border-color:var(--violet);}\n.sol-inp::placeholder{color:var(--dim);}\n.buy-btn{\n background:linear-gradient(135deg,#92400e,var(--amber),var(--gold));\n border:none;border-radius:14px;padding:16px 28px;\n color:#1a0800;font-family:'Syne',sans-serif;\n font-size:15px;font-weight:800;cursor:pointer;white-space:nowrap;\n box-shadow:0 0 28px rgba(251,191,36,.35);\n transition:all .2s;\n}\n.buy-btn:hover{transform:translateY(-2px);box-shadow:0 0 48px rgba(251,191,36,.6);}<\/p>\n<p>\/* Wallet box *\/\n.wallet-box{\n background:rgba(6,0,16,.7);\n border:1px solid rgba(124,58,237,.2);\n border-radius:16px;padding:20px;\n position:relative;\n}\n.wallet-box::before{\n content:'PRESALE WALLET';\n position:absolute;top:-10px;left:20px;\n background:var(--bg);\n font-family:'DM Mono',monospace;font-size:9px;\n letter-spacing:3px;color:var(--dim);\n padding:0 8px;\n}\n.wallet-addr{\n font-family:'DM Mono',monospace;font-size:12px;\n color:var(--violet);word-break:break-all;\n line-height:1.6;margin-bottom:12px;\n}\n.copy-btn{\n background:rgba(124,58,237,.15);\n border:1px solid rgba(124,58,237,.3);\n border-radius:10px;padding:8px 16px;\n color:var(--lilac);font-family:'DM Mono',monospace;\n font-size:11px;letter-spacing:1px;cursor:pointer;\n transition:all .2s;width:100%;\n}\n.copy-btn:hover{background:rgba(124,58,237,.3);}\n.copy-btn.copied{color:#4ade80;border-color:rgba(74,222,128,.3);}\n.solscan-link{\n display:block;text-align:center;margin-top:10px;\n font-family:'DM Mono',monospace;font-size:11px;\n color:var(--dim);letter-spacing:1px;\n text-decoration:none;transition:color .2s;\n}\n.solscan-link:hover{color:var(--gold);}<\/p>\n<p>\/* notice *\/\n.notice{\n display:flex;gap:10px;align-items:flex-start;\n background:rgba(251,191,36,.05);\n border:1px solid rgba(251,191,36,.15);\n border-radius:14px;padding:16px;margin-top:20px;\n}\n.notice-icon{font-size:18px;flex-shrink:0;}\n.notice-txt{font-size:12px;color:var(--dim);line-height:1.7;}\n.notice-txt strong{color:var(--gold);}<\/p>\n<p>\/* \u2500\u2500 INFO STRIP \u2500\u2500 *\/\n.info-strip{\n display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));\n border-top:1px solid var(--rim);border-bottom:1px solid var(--rim);\n background:rgba(18,0,42,.5);backdrop-filter:blur(12px);\n}\n.is-item{\n padding:28px 20px;text-align:center;\n border-right:1px solid var(--rim);\n}\n.is-item:last-child{border-right:none;}\n.is-val{\n font-family:'Syne',sans-serif;font-size:28px;\n font-weight:800;color:var(--gold);margin-bottom:4px;\n}\n.is-lbl{font-size:10px;letter-spacing:3px;color:var(--dim);text-transform:uppercase;}<\/p>\n<p>\/* \u2500\u2500 HOW TO BUY \u2500\u2500 *\/\n.htb-section{padding:80px 20px;max-width:900px;margin:0 auto;}\n.htb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:48px;}\n.htb-card{\n background:var(--card);\n border:1px solid var(--rim);\n border-radius:24px;padding:32px 24px;\n backdrop-filter:blur(16px);\n position:relative;\n transition:all .25s;\n}\n.htb-card:hover{transform:translateY(-5px);border-color:rgba(251,191,36,.3);}\n.step-num{\n font-family:'DM Mono',monospace;font-size:11px;\n letter-spacing:3px;color:var(--dim);margin-bottom:16px;\n}\n.step-icon{font-size:40px;margin-bottom:14px;}\n.step-title{\n font-family:'Syne',sans-serif;font-size:17px;\n font-weight:700;color:var(--gold);margin-bottom:10px;\n}\n.step-desc{font-size:13px;color:var(--dim);line-height:1.7;}<\/p>\n<p>\/* \u2500\u2500 CTA BOTTOM \u2500\u2500 *\/\n.cta-bottom{\n padding:100px 20px;text-align:center;\n background:linear-gradient(135deg,rgba(76,29,149,.12),rgba(124,58,237,.06));\n border-top:1px solid var(--rim);\n}\n.cta-bottom h2{\n font-family:'Syne',sans-serif;\n font-size:clamp(32px,6vw,64px);font-weight:800;\n color:var(--gold);margin-bottom:12px;letter-spacing:-1px;\n}\n.cta-bottom p{font-size:17px;color:var(--dim);margin-bottom:40px;}<\/p>\n<p>\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\nfooter{\n padding:48px 20px;text-align:center;\n border-top:1px solid var(--rim);\n}\n.ft-logo{\n font-family:'Syne',sans-serif;font-size:24px;\n font-weight:800;color:var(--gold);letter-spacing:2px;margin-bottom:6px;\n}\n.ft-sub{\n font-family:'DM Mono',monospace;font-size:11px;\n letter-spacing:4px;color:var(--dim);margin-bottom:24px;\n}\n.ft-links{display:flex;gap:28px;justify-content:center;margin-bottom:24px;}\n.ft-links a{font-size:13px;color:var(--dim);text-decoration:none;transition:color .2s;}\n.ft-links a:hover{color:var(--gold);}\n.ft-disc{font-size:11px;color:rgba(216,180,254,.2);max-width:560px;margin:0 auto;line-height:1.8;}<\/p>\n<p>\/* responsive *\/\n@media(max-width:600px){\n nav{padding:14px 20px;}\n .buy-card{padding:28px 18px;}\n .card-cd{grid-template-columns:repeat(2,1fr);}\n .det-row{grid-template-columns:repeat(2,1fr);}\n .inp-row{flex-direction:column;}\n .cd-hero{gap:6px;}\n .cd-hbox{padding:14px 16px;min-width:70px;}\n .cd-hnum{font-size:36px;}\n}\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p><canvas id=\"c\"><\/canvas><\/p>\n<p><\/p>\n<nav class=\"page\">\n<div class=\"nb\">\n <svg viewBox=\"0 0 34 34\" fill=\"none\">\n <circle cx=\"17\" cy=\"17\" r=\"17\" fill=\"#1a0040\"\/>\n <ellipse cx=\"11\" cy=\"14\" rx=\"5.5\" ry=\"5.5\" fill=\"#4c1d95\"\/>\n <ellipse cx=\"23\" cy=\"14\" rx=\"5.5\" ry=\"5.5\" fill=\"#4c1d95\"\/>\n <ellipse cx=\"11\" cy=\"14\" rx=\"3.5\" ry=\"3.5\" fill=\"white\"\/>\n <ellipse cx=\"23\" cy=\"14\" rx=\"3.5\" ry=\"3.5\" fill=\"white\"\/>\n <circle cx=\"12\" cy=\"14\" r=\"2\" fill=\"#1e1b4b\"\/>\n <circle cx=\"24\" cy=\"14\" r=\"2\" fill=\"#1e1b4b\"\/>\n <ellipse cx=\"17\" cy=\"21\" rx=\"10\" ry=\"8\" fill=\"#7c3aed\"\/>\n <ellipse cx=\"17\" cy=\"10\" rx=\"9\" ry=\"2.5\" fill=\"#fbbf24\"\/>\n <ellipse cx=\"17\" cy=\"8\" rx=\"7\" ry=\"4.5\" fill=\"#f59e0b\"\/>\n <path d=\"M 11 24 Q 17 28 23 24\" stroke=\"#fbbf24\" stroke-width=\"1.3\" fill=\"none\" stroke-linecap=\"round\"\/>\n <\/svg><br \/>\n BROEKI\n <\/div>\n<p> <button class=\"npill\" onclick=\"document.getElementById('buy').scrollIntoView({behavior:'smooth'})\">Buy $BROEK \ud83d\udc51<\/button><br \/>\n<\/nav>\n<p><\/p>\n<section class=\"hero page\">\n<div class=\"live-badge\"><span class=\"ldot\"><\/span> PRESALE LIVE NOW<\/div>\n<div class=\"frog-wrap\">\n<div class=\"fr1\"><\/div>\n<div class=\"fr2\"><\/div>\n<div class=\"fglow\"><\/div>\n<p> <svg class=\"fsvg\" viewBox=\"0 0 160 160\" fill=\"none\">\n <ellipse cx=\"52\" cy=\"58\" rx=\"18\" ry=\"18\" fill=\"#4c1d95\"\/>\n <ellipse cx=\"108\" cy=\"58\" rx=\"18\" ry=\"18\" fill=\"#4c1d95\"\/>\n <ellipse cx=\"52\" cy=\"58\" rx=\"12\" ry=\"12\" fill=\"white\"\/>\n <ellipse cx=\"108\" cy=\"58\" rx=\"12\" ry=\"12\" fill=\"white\"\/>\n <circle cx=\"54\" cy=\"58\" r=\"7\" fill=\"#1e1b4b\"\/>\n <circle cx=\"110\" cy=\"58\" r=\"7\" fill=\"#1e1b4b\"\/>\n <circle cx=\"56\" cy=\"55\" r=\"2.5\" fill=\"white\"\/>\n <circle cx=\"112\" cy=\"55\" r=\"2.5\" fill=\"white\"\/>\n <ellipse cx=\"80\" cy=\"82\" rx=\"40\" ry=\"32\" fill=\"#7c3aed\"\/>\n <ellipse cx=\"80\" cy=\"116\" rx=\"44\" ry=\"34\" fill=\"#6d28d9\"\/>\n <ellipse cx=\"80\" cy=\"44\" rx=\"36\" ry=\"10\" fill=\"#fbbf24\"\/>\n <ellipse cx=\"80\" cy=\"38\" rx=\"30\" ry=\"16\" fill=\"#f59e0b\"\/>\n <circle cx=\"80\" cy=\"26\" r=\"5\" fill=\"#fde68a\"\/>\n <circle cx=\"74\" cy=\"86\" r=\"3\" fill=\"#4c1d95\"\/>\n <circle cx=\"86\" cy=\"86\" r=\"3\" fill=\"#4c1d95\"\/>\n <path d=\"M 60 97 Q 80 113 100 97\" stroke=\"#fbbf24\" stroke-width=\"3.5\" fill=\"none\" stroke-linecap=\"round\"\/>\n <ellipse cx=\"34\" cy=\"112\" rx=\"14\" ry=\"7\" fill=\"#6d28d9\" transform=\"rotate(-25 34 112)\"\/>\n <ellipse cx=\"126\" cy=\"112\" rx=\"14\" ry=\"7\" fill=\"#6d28d9\" transform=\"rotate(25 126 112)\"\/>\n <\/svg>\n <\/div>\n<h1 class=\"h1\">BROEKI<\/h1>\n<div class=\"h2\">$BROEK \u2014 PRESALE ENDS IN<\/div>\n<p> <\/p>\n<div class=\"cd-hero\">\n<div class=\"cd-hbox\">\n<div class=\"cd-hnum\" id=\"hd\">02<\/div>\n<div class=\"cd-hlbl\">Days<\/div>\n<\/div>\n<div class=\"cd-sep\">:<\/div>\n<div class=\"cd-hbox\">\n<div class=\"cd-hnum\" id=\"hh\">00<\/div>\n<div class=\"cd-hlbl\">Hours<\/div>\n<\/div>\n<div class=\"cd-sep\">:<\/div>\n<div class=\"cd-hbox\">\n<div class=\"cd-hnum\" id=\"hm\">00<\/div>\n<div class=\"cd-hlbl\">Mins<\/div>\n<\/div>\n<div class=\"cd-sep\">:<\/div>\n<div class=\"cd-hbox\">\n<div class=\"cd-hnum\" id=\"hs\">00<\/div>\n<div class=\"cd-hlbl\">Secs<\/div>\n<\/div><\/div>\n<div class=\"hdesc\" style=\"margin-top:28px;\">The Purple Frog Army is rising. Get in at presale price before Pump.fun launch on <strong style=\"color:var(--gold)\">June 20, 2026<\/strong>.<\/div>\n<div class=\"htags\" style=\"margin-top:20px;\">\n <span class=\"htag\">\ud83d\ude80 Early Access Price<\/span><br \/>\n <span class=\"htag\">\ud83d\udd12 Liquidity Lock<\/span><br \/>\n <span class=\"htag\">\u26a1 Solana Network<\/span><br \/>\n <span class=\"htag\">\ud83d\udc8e Diamond Hands<\/span>\n <\/div>\n<p> <button class=\"hbtn\" style=\"margin-top:12px;\" onclick=\"document.getElementById('buy').scrollIntoView({behavior:'smooth'})\">Buy $BROEK Now \u2192<\/button><br \/>\n<\/section>\n<p><\/p>\n<div class=\"info-strip page\">\n<div class=\"is-item\">\n<div class=\"is-val\">500<\/div>\n<div class=\"is-lbl\">Hard Cap (SOL)<\/div>\n<\/div>\n<div class=\"is-item\">\n<div class=\"is-val\">1B<\/div>\n<div class=\"is-lbl\">Total Supply<\/div>\n<\/div>\n<div class=\"is-item\">\n<div class=\"is-val\">400M<\/div>\n<div class=\"is-lbl\">Presale Tokens<\/div>\n<\/div>\n<div class=\"is-item\">\n<div class=\"is-val\">Jun 20<\/div>\n<div class=\"is-lbl\">Launch Date<\/div>\n<\/div>\n<\/div>\n<p><\/p>\n<section class=\"buy-section page\" id=\"buy\">\n<div class=\"buy-wrap\">\n<div class=\"buy-card\">\n<div class=\"bc-head\">\n<div class=\"bc-title\">\ud83d\udc38 Buy $BROEK<\/div>\n<div class=\"bc-net\">SOLANA<\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"prog-head\">\n <span>Presale Progress<\/span><br \/>\n <span><strong>34%<\/strong> raised<\/span>\n <\/div>\n<div class=\"prog-track\">\n<div class=\"prog-fill\"><\/div>\n<\/div>\n<div class=\"prog-foot\">170 \/ 500 SOL raised \u00b7 Soft cap: 100 SOL<\/div>\n<p> <\/p>\n<div class=\"card-cd-label\">Presale closes in<\/div>\n<div class=\"card-cd\">\n<div class=\"ccd-box\">\n<div class=\"ccd-n\" id=\"cd\">02<\/div>\n<div class=\"ccd-l\">Days<\/div>\n<\/div>\n<div class=\"ccd-box\">\n<div class=\"ccd-n\" id=\"ch\">00<\/div>\n<div class=\"ccd-l\">Hours<\/div>\n<\/div>\n<div class=\"ccd-box\">\n<div class=\"ccd-n\" id=\"cm\">00<\/div>\n<div class=\"ccd-l\">Mins<\/div>\n<\/div>\n<div class=\"ccd-box\">\n<div class=\"ccd-n\" id=\"cs\">00<\/div>\n<div class=\"ccd-l\">Secs<\/div>\n<\/div><\/div>\n<p> <\/p>\n<div class=\"det-row\">\n<div class=\"det-box\">\n<div class=\"det-l\">Hard Cap<\/div>\n<div class=\"det-v\">500 SOL<\/div>\n<\/div>\n<div class=\"det-box\">\n<div class=\"det-l\">Min Buy<\/div>\n<div class=\"det-v\">0.1 SOL<\/div>\n<\/div>\n<div class=\"det-box\">\n<div class=\"det-l\">Max Buy<\/div>\n<div class=\"det-v\">20 SOL<\/div>\n<\/div><\/div>\n<p> <\/p>\n<div class=\"amt-row\">\n <button class=\"amt-chip\" onclick=\"setAmt(.1)\">0.1<\/button><br \/>\n <button class=\"amt-chip\" onclick=\"setAmt(.5)\">0.5<\/button><br \/>\n <button class=\"amt-chip\" onclick=\"setAmt(1)\">1 SOL<\/button><br \/>\n <button class=\"amt-chip\" onclick=\"setAmt(2)\">2 SOL<\/button><br \/>\n <button class=\"amt-chip\" onclick=\"setAmt(5)\">5 SOL<\/button>\n <\/div>\n<div class=\"inp-row\">\n <input class=\"sol-inp\" id=\"sol-inp\" type=\"number\" placeholder=\"Enter SOL amount...\" min=\"0.1\" max=\"20\" step=\"0.1\"\/><br \/>\n <button class=\"buy-btn\" onclick=\"handleBuy()\">Buy $BROEK \ud83d\udc51<\/button>\n <\/div>\n<p> <\/p>\n<div class=\"wallet-box\">\n<div class=\"wallet-addr\" id=\"waddr\">9Rd4iNHPc28NWNrUKuw2FrYFfMQn8GcW1dPPbZX1wLGX<\/div>\n<p> <button class=\"copy-btn\" id=\"cpybtn\" onclick=\"copyWallet()\">\ud83d\udccb Copy Wallet Address<\/button><br \/>\n <a class=\"solscan-link\" href=\"https:\/\/solscan.io\/account\/9Rd4iNHPc28NWNrUKuw2FrYFfMQn8GcW1dPPbZX1wLGX\" target=\"_blank\"><br \/>\n \ud83d\udd0d Verify on Solscan \u2192<br \/>\n <\/a>\n <\/div>\n<div class=\"notice\">\n <span class=\"notice-icon\">\u26a1<\/span><\/p>\n<div class=\"notice-txt\">\n <strong>How it works:<\/strong> Send SOL to the wallet above from your Phantom wallet.<br \/>\n Minimum 0.1 SOL \u00b7 Maximum 20 SOL per wallet.<br \/>\n Tokens will be airdropped to your wallet after launch on <strong>June 20, 2026<\/strong>.\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<section class=\"htb-section page\">\n<div style=\"text-align:center;\">\n<div style=\"font-size:11px;letter-spacing:5px;color:var(--dim);margin-bottom:10px;\">GUIDE<\/div>\n<div style=\"font-family:'Syne',sans-serif;font-size:clamp(28px,5vw,48px);font-weight:800;color:var(--gold);\">How To Buy \ud83d\uded2<\/div>\n<\/p><\/div>\n<div class=\"htb-grid\">\n<div class=\"htb-card\">\n<div class=\"step-num\">STEP 01<\/div>\n<div class=\"step-icon\">\ud83d\udc5b<\/div>\n<div class=\"step-title\">Get Phantom Wallet<\/div>\n<div class=\"step-desc\">Download Phantom wallet from phantom.app. Create a new wallet and save your seed phrase safely.<\/div>\n<\/p><\/div>\n<div class=\"htb-card\">\n<div class=\"step-num\">STEP 02<\/div>\n<div class=\"step-icon\">\u26a1<\/div>\n<div class=\"step-title\">Buy SOL<\/div>\n<div class=\"step-desc\">Buy Solana (SOL) from any exchange like Binance, Coinbase, or directly inside Phantom wallet.<\/div>\n<\/p><\/div>\n<div class=\"htb-card\">\n<div class=\"step-num\">STEP 03<\/div>\n<div class=\"step-icon\">\ud83d\udccb<\/div>\n<div class=\"step-title\">Copy Wallet<\/div>\n<div class=\"step-desc\">Copy the BROEKI presale wallet address above. Double-check it matches before sending.<\/div>\n<\/p><\/div>\n<div class=\"htb-card\">\n<div class=\"step-num\">STEP 04<\/div>\n<div class=\"step-icon\">\ud83d\ude80<\/div>\n<div class=\"step-title\">Send SOL<\/div>\n<div class=\"step-desc\">Send SOL (min 0.1, max 20) to the presale wallet. Tokens airdropped on June 20 launch day!<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<div class=\"cta-bottom page\">\n<h2>Van den Moon \ud83c\udf19<\/h2>\n<p>The frog with the beret is going to the moon. Last chance at presale price.<\/p>\n<p> <button class=\"hbtn\" onclick=\"document.getElementById('buy').scrollIntoView({behavior:'smooth'})\">Join the Army \u2192<\/button>\n<\/div>\n<p><\/p>\n<footer class=\"page\">\n<div class=\"ft-logo\">\ud83d\udc38 BROEKI<\/div>\n<div class=\"ft-sub\">$BROEK \u2014 VAN DEN MOON \ud83c\udf19<\/div>\n<div class=\"ft-links\">\n <a href=\"https:\/\/t.me\/BroekiArmy\" target=\"_blank\">Telegram<\/a><br \/>\n <a href=\"https:\/\/twitter.com\/BroekiSOL\" target=\"_blank\">X \/ Twitter<\/a><br \/>\n <a href=\"https:\/\/solscan.io\/account\/9Rd4iNHPc28NWNrUKuw2FrYFfMQn8GcW1dPPbZX1wLGX\" target=\"_blank\">Solscan<\/a>\n <\/div>\n<div class=\"ft-disc\">$BROEK is a meme coin. Not financial advice. Crypto is high risk \u2014 only invest what you can afford to lose. DYOR. \ud83d\udc38<\/div>\n<\/footer>\n<p><script>\n\/\/ \u2500\u2500 Canvas starfield \u2500\u2500\nconst cv=document.getElementById('c'),cx=cv.getContext('2d');\nlet W,H,stars=[];\nfunction rsz(){W=cv.width=innerWidth;H=cv.height=innerHeight;}\nrsz();addEventListener('resize',rsz);\nfor(let i=0;i<140;i++) stars.push({x:Math.random(),y:Math.random(),r:Math.random()*1.4+.3,spd:Math.random()*.00018+.00004,g:Math.random()>.75});\nfunction draw(){\n cx.clearRect(0,0,W,H);\n const g=cx.createRadialGradient(W*.5,H*.4,0,W*.5,H*.4,H*.8);\n g.addColorStop(0,'rgba(76,29,149,.1)');g.addColorStop(1,'transparent');\n cx.fillStyle=g;cx.fillRect(0,0,W,H);\n const t=Date.now()*.001;\n stars.forEach(s=>{\n s.y-=s.spd;if(s.y<0){s.y=1;s.x=Math.random();}\n const a=.15+Math.sin(t+s.x*10)*.12;\n cx.beginPath();cx.arc(s.x*W,s.y*H,s.r,0,Math.PI*2);\n cx.fillStyle=s.g?`rgba(251,191,36,${a})`:`rgba(216,180,254,${a})`;cx.fill();\n });\n requestAnimationFrame(draw);\n}\ndraw();\n\n\/\/ \u2500\u2500 Countdown \u2014 2 days from page load \u2500\u2500\n\/\/ Set end time to exactly 2 days from now when page first loads\nconst KEY = 'broeki_end';\nlet endTime = localStorage.getItem(KEY);\nif(!endTime){\n \/\/ fallback: June 19 2026 23:59 UTC\n endTime = new Date('2026-06-19T23:59:00Z').getTime();\n try{ localStorage.setItem(KEY, endTime); }catch(e){}\n} else {\n endTime = parseInt(endTime);\n}\n\nfunction tick(){\n const diff=Math.max(0,endTime-Date.now());\n const d=Math.floor(diff\/86400000);\n const h=Math.floor((diff%86400000)\/3600000);\n const m=Math.floor((diff%3600000)\/60000);\n const s=Math.floor((diff%60000)\/1000);\n const fmt=n=>String(n).padStart(2,'0');\n \/\/ hero\n document.getElementById('hd').textContent=fmt(d);\n document.getElementById('hh').textContent=fmt(h);\n document.getElementById('hm').textContent=fmt(m);\n document.getElementById('hs').textContent=fmt(s);\n \/\/ card\n document.getElementById('cd').textContent=fmt(d);\n document.getElementById('ch').textContent=fmt(h);\n document.getElementById('cm').textContent=fmt(m);\n document.getElementById('cs').textContent=fmt(s);\n}\ntick();setInterval(tick,1000);<\/p>\n<p>\/\/ \u2500\u2500 Quick amount chips \u2500\u2500\nfunction setAmt(v){\n document.getElementById('sol-inp').value=v;\n document.querySelectorAll('.amt-chip').forEach(c=>{\n c.classList.toggle('active', parseFloat(c.textContent)===v || c.textContent===v+' SOL');\n });\n}<\/p>\n<p>\/\/ \u2500\u2500 Buy handler \u2500\u2500\nfunction handleBuy(){\n const v=parseFloat(document.getElementById('sol-inp').value);\n if(!v||v<.1){alert('Min buy is 0.1 SOL');return;}\n if(v>20){alert('Max buy is 20 SOL');return;}\n copyWallet();\n alert(`\u2705 Send exactly ${v} SOL to the presale wallet.\\n\\nWallet address has been copied to your clipboard!\\n\\nTokens will be airdropped on June 20, 2026. \ud83d\ude80`);\n}<\/p>\n<p>\/\/ \u2500\u2500 Copy wallet \u2500\u2500\nfunction copyWallet(){\n const addr='9Rd4iNHPc28NWNrUKuw2FrYFfMQn8GcW1dPPbZX1wLGX';\n navigator.clipboard.writeText(addr).then(()=>{\n const btn=document.getElementById('cpybtn');\n btn.textContent='\u2705 Copied!';btn.classList.add('copied');\n setTimeout(()=>{btn.textContent='\ud83d\udccb Copy Wallet Address';btn.classList.remove('copied');},2500);\n }).catch(()=>{\n \/\/ fallback\n const ta=document.createElement('textarea');\n ta.value=addr;document.body.appendChild(ta);ta.select();\n document.execCommand('copy');document.body.removeChild(ta);\n const btn=document.getElementById('cpybtn');\n btn.textContent='\u2705 Copied!';btn.classList.add('copied');\n setTimeout(()=>{btn.textContent='\ud83d\udccb Copy Wallet Address';btn.classList.remove('copied');},2500);\n });\n}\n<\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>BROEKI \u2014 Buy $BROEK Presale BROEKI Buy $BROEK \ud83d\udc51 PRESALE LIVE NOW BROEKI $BROEK \u2014 PRESALE ENDS IN 02 Days : 00 Hours : 00 Mins : 00 Secs The Purple Frog Army is rising. Get in at presale price before Pump.fun launch on June 20, 2026. \ud83d\ude80 Early Access Price \ud83d\udd12 Liquidity Lock \u26a1 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/broeki.online\/index.php?rest_route=\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/broeki.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/broeki.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/broeki.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/broeki.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27"}],"version-history":[{"count":2,"href":"http:\/\/broeki.online\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":29,"href":"http:\/\/broeki.online\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions\/29"}],"wp:attachment":[{"href":"http:\/\/broeki.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":27,"date":"2026-06-18T06:26:54","date_gmt":"2026-06-18T06:26:54","guid":{"rendered":"https:\/\/broeki.online\/?page_id=27"},"modified":"2026-06-18T09:36:25","modified_gmt":"2026-06-18T09:36:25","slug":"presale","status":"publish","type":"page","link":"http:\/\/broeki.online\/","title":{"rendered":"PRESALE"},"content":{"rendered":"

\n
\n
\n
\n
\nBROEKI \u2014 Buy $BROEK Presale<\/title><\/p>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@600;700;800&family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap');<\/p>\n<p>:root {\n --bg: #060010;\n --card: rgba(18,0,42,0.85);\n --rim: rgba(168,85,247,0.2);\n --rim2: rgba(251,191,36,0.2);\n --purple: #7c3aed;\n --violet: #a855f7;\n --lilac: #d8b4fe;\n --gold: #fbbf24;\n --amber: #f59e0b;\n --cream: #fef3c7;\n --dim: rgba(216,180,254,0.5);\n --white: #f5f0ff;\n}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}\nhtml{scroll-behavior:smooth;}\nbody{\n background:var(--bg);\n color:var(--white);\n font-family:'Inter',sans-serif;\n min-height:100vh;\n overflow-x:hidden;\n}<\/p>\n<p>\/* \u2500\u2500 CANVAS \u2500\u2500 *\/\n#c{position:fixed;inset:0;z-index:0;pointer-events:none;}<\/p>\n<p>\/* \u2500\u2500 PAGE \u2500\u2500 *\/\n.page{position:relative;z-index:1;}<\/p>\n<p>\/* \u2500\u2500 NAV \u2500\u2500 *\/\nnav{\n position:fixed;top:0;left:0;right:0;z-index:100;\n display:flex;align-items:center;justify-content:space-between;\n padding:16px 40px;\n background:rgba(6,0,16,0.8);\n backdrop-filter:blur(20px);\n border-bottom:1px solid var(--rim);\n}\n.nb{\n display:flex;align-items:center;gap:10px;\n font-family:'Syne',sans-serif;font-size:20px;font-weight:800;\n color:var(--gold);letter-spacing:2px;\n}\n.nb svg{width:34px;height:34px;}\n.npill{\n background:linear-gradient(135deg,var(--purple),var(--violet));\n border:none;border-radius:50px;padding:10px 26px;\n color:#fff;font-family:'Syne',sans-serif;font-size:13px;\n font-weight:700;letter-spacing:1px;cursor:pointer;\n box-shadow:0 0 24px rgba(124,58,237,.5);\n transition:all .2s;\n}\n.npill:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(124,58,237,.8);}<\/p>\n<p>\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero{\n min-height:100vh;\n display:flex;flex-direction:column;\n align-items:center;justify-content:center;\n padding:120px 20px 60px;\n text-align:center;\n}<\/p>\n<p>.live-badge{\n display:inline-flex;align-items:center;gap:8px;\n border:1px solid rgba(251,191,36,.4);\n border-radius:50px;padding:8px 20px;\n font-family:'DM Mono',monospace;font-size:11px;\n letter-spacing:3px;color:var(--gold);\n background:rgba(251,191,36,.06);\n margin-bottom:32px;\n}\n.ldot{\n width:7px;height:7px;border-radius:50%;\n background:var(--gold);box-shadow:0 0 8px var(--gold);\n animation:blink 1.2s ease-in-out infinite;\n}\n@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}<\/p>\n<p>\/* frog *\/\n.frog-wrap{\n position:relative;width:200px;height:200px;\n margin:0 auto 36px;\n}\n.fr1{\n position:absolute;inset:-18px;border-radius:50%;\n border:1.5px solid rgba(124,58,237,.35);\n animation:spin1 10s linear infinite;\n}\n.fr1::before{\n content:'';position:absolute;top:0;left:50%;\n transform:translate(-50%,-50%);\n width:9px;height:9px;border-radius:50%;\n background:var(--gold);box-shadow:0 0 10px var(--gold);\n}\n.fr2{\n position:absolute;inset:-32px;border-radius:50%;\n border:1px dashed rgba(168,85,247,.2);\n animation:spin1 18s linear infinite reverse;\n}\n@keyframes spin1{to{transform:rotate(360deg);}}\n.fglow{\n position:absolute;inset:0;border-radius:50%;\n background:radial-gradient(circle,rgba(124,58,237,.4) 0%,transparent 70%);\n animation:pglow 3s ease-in-out infinite;\n}\n@keyframes pglow{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}\n.fsvg{\n width:200px;height:200px;position:relative;z-index:2;\n animation:fbob 4s ease-in-out infinite;\n filter:drop-shadow(0 0 28px rgba(124,58,237,.7));\n}\n@keyframes fbob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-20px) rotate(2deg)}}<\/p>\n<p>.h1{\n font-family:'Syne',sans-serif;\n font-size:clamp(56px,10vw,100px);\n font-weight:800;line-height:.9;letter-spacing:-2px;\n background:linear-gradient(150deg,var(--cream) 0%,var(--gold) 50%,var(--amber) 100%);\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n background-clip:text;\n filter:drop-shadow(0 0 40px rgba(251,191,36,.3));\n margin-bottom:8px;\n}\n.h2{\n font-family:'DM Mono',monospace;font-size:16px;\n letter-spacing:7px;color:var(--violet);\n margin-bottom:20px;\n}\n.hdesc{\n font-size:16px;color:rgba(245,240,255,.6);\n line-height:1.8;max-width:480px;margin:0 auto 36px;\n}\n.htags{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:40px;}\n.htag{\n background:rgba(255,255,255,.04);\n border:1px solid var(--rim);\n border-radius:50px;padding:7px 16px;\n font-size:12px;font-weight:500;color:var(--lilac);\n}\n.hbtn{\n background:linear-gradient(135deg,var(--purple),var(--violet));\n border:none;border-radius:16px;padding:18px 48px;\n color:#fff;font-family:'Syne',sans-serif;\n font-size:17px;font-weight:700;letter-spacing:.5px;\n cursor:pointer;\n box-shadow:0 0 40px rgba(124,58,237,.5),inset 0 1px 0 rgba(255,255,255,.15);\n transition:all .25s;\n}\n.hbtn:hover{transform:translateY(-3px);box-shadow:0 0 64px rgba(124,58,237,.8);}<\/p>\n<p>\/* \u2500\u2500 COUNTDOWN HERO \u2500\u2500 *\/\n.cd-hero{\n display:flex;gap:12px;flex-wrap:wrap;\n justify-content:center;margin:40px 0 0;\n}\n.cd-hbox{\n background:var(--card);\n border:1px solid var(--rim);\n border-radius:20px;padding:20px 28px;\n text-align:center;min-width:100px;\n backdrop-filter:blur(16px);\n}\n.cd-hnum{\n font-family:'DM Mono',monospace;font-size:52px;\n font-weight:500;color:var(--gold);line-height:1;\n letter-spacing:-2px;\n}\n.cd-hlbl{\n font-size:10px;letter-spacing:4px;\n color:var(--dim);margin-top:6px;text-transform:uppercase;\n}\n.cd-sep{\n font-family:'DM Mono',monospace;font-size:40px;\n color:rgba(251,191,36,.3);align-self:center;\n padding-bottom:8px;\n}<\/p>\n<p>\/* \u2500\u2500 BUY SECTION \u2500\u2500 *\/\n.buy-section{\n padding:80px 20px;\n display:flex;justify-content:center;\n}\n.buy-wrap{max-width:680px;width:100%;position:relative;}\n.buy-wrap::before{\n content:'';position:absolute;top:-100px;right:-100px;\n width:300px;height:300px;border-radius:50%;\n background:radial-gradient(circle,rgba(124,58,237,.15),transparent 70%);\n pointer-events:none;\n}\n.buy-wrap::after{\n content:'';position:absolute;bottom:-80px;left:-80px;\n width:250px;height:250px;border-radius:50%;\n background:radial-gradient(circle,rgba(251,191,36,.08),transparent 70%);\n pointer-events:none;\n}<\/p>\n<p>.buy-card{\n background:var(--card);\n border:1px solid var(--rim);\n border-radius:32px;padding:48px;\n backdrop-filter:blur(24px);\n box-shadow:0 0 80px rgba(124,58,237,.12),0 40px 80px rgba(0,0,0,.4);\n position:relative;overflow:hidden;\n}\n.buy-card::before{\n content:'';position:absolute;top:0;left:0;right:0;height:2px;\n background:linear-gradient(90deg,transparent,var(--purple),var(--gold),var(--purple),transparent);\n}<\/p>\n<p>.bc-head{\n display:flex;align-items:center;justify-content:space-between;\n margin-bottom:28px;\n}\n.bc-title{\n font-family:'Syne',sans-serif;font-size:22px;\n font-weight:800;color:var(--gold);letter-spacing:1px;\n}\n.bc-net{\n display:flex;align-items:center;gap:7px;\n background:rgba(20,241,149,.08);\n border:1px solid rgba(20,241,149,.25);\n border-radius:50px;padding:6px 14px;\n font-family:'DM Mono',monospace;font-size:11px;\n letter-spacing:2px;color:#14f195;\n}\n.bc-net::before{\n content:'';width:6px;height:6px;border-radius:50%;\n background:#14f195;box-shadow:0 0 6px #14f195;\n}<\/p>\n<p>\/* Progress *\/\n.prog-head{display:flex;justify-content:space-between;margin-bottom:10px;}\n.prog-head span{font-size:13px;color:var(--dim);}\n.prog-head strong{color:var(--gold);}\n.prog-track{\n height:14px;border-radius:50px;\n background:rgba(255,255,255,.06);\n border:1px solid rgba(255,255,255,.08);\n overflow:hidden;margin-bottom:6px;\n}\n.prog-fill{\n height:100%;border-radius:50px;width:0%;\n background:linear-gradient(90deg,var(--purple),var(--violet),var(--gold));\n animation:pfill 1.8s cubic-bezier(.4,0,.2,1) forwards .3s;\n box-shadow:0 0 14px rgba(251,191,36,.4);\n position:relative;\n}\n.prog-fill::after{\n content:'';position:absolute;right:0;top:0;bottom:0;width:28px;\n background:linear-gradient(90deg,transparent,rgba(255,255,255,.5));\n animation:shim 2s ease-in-out infinite 2s;\n}\n@keyframes shim{0%,100%{opacity:0}50%{opacity:1}}\n@keyframes pfill{to{width:34%}}\n.prog-foot{font-size:12px;color:var(--dim);text-align:right;margin-bottom:28px;}<\/p>\n<p>\/* Countdown inside card *\/\n.card-cd-label{\n font-size:10px;letter-spacing:4px;color:var(--dim);\n text-transform:uppercase;text-align:center;margin-bottom:12px;\n}\n.card-cd{\n display:grid;grid-template-columns:repeat(4,1fr);\n gap:8px;margin-bottom:28px;\n}\n.ccd-box{\n background:rgba(6,0,16,.8);\n border:1px solid var(--rim);\n border-radius:14px;padding:14px 8px;\n text-align:center;\n}\n.ccd-n{\n font-family:'DM Mono',monospace;font-size:36px;\n font-weight:500;color:var(--gold);line-height:1;\n letter-spacing:-1px;\n}\n.ccd-l{font-size:9px;letter-spacing:3px;color:var(--dim);margin-top:4px;text-transform:uppercase;}<\/p>\n<p>\/* Details *\/\n.det-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:28px;}\n.det-box{\n background:rgba(124,58,237,.08);\n border:1px solid rgba(124,58,237,.2);\n border-radius:14px;padding:16px;text-align:center;\n}\n.det-l{font-size:9px;letter-spacing:3px;color:var(--dim);margin-bottom:5px;text-transform:uppercase;}\n.det-v{font-family:'Syne',sans-serif;font-size:16px;font-weight:700;color:#fff;}<\/p>\n<p>\/* Amount selector *\/\n.amt-row{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;}\n.amt-chip{\n background:rgba(124,58,237,.1);\n border:1px solid rgba(124,58,237,.25);\n border-radius:50px;padding:8px 16px;\n font-family:'DM Mono',monospace;font-size:13px;\n color:var(--lilac);cursor:pointer;transition:all .2s;\n}\n.amt-chip:hover,.amt-chip.active{\n background:rgba(124,58,237,.3);\n border-color:var(--violet);color:#fff;\n}<\/p>\n<p>.inp-row{display:flex;gap:10px;margin-bottom:20px;}\n.sol-inp{\n flex:1;\n background:rgba(6,0,16,.9);\n border:1px solid var(--rim);\n border-radius:14px;padding:16px 20px;\n color:#fff;font-family:'Inter',sans-serif;font-size:16px;\n outline:none;transition:border-color .2s;\n}\n.sol-inp:focus{border-color:var(--violet);}\n.sol-inp::placeholder{color:var(--dim);}\n.buy-btn{\n background:linear-gradient(135deg,#92400e,var(--amber),var(--gold));\n border:none;border-radius:14px;padding:16px 28px;\n color:#1a0800;font-family:'Syne',sans-serif;\n font-size:15px;font-weight:800;cursor:pointer;white-space:nowrap;\n box-shadow:0 0 28px rgba(251,191,36,.35);\n transition:all .2s;\n}\n.buy-btn:hover{transform:translateY(-2px);box-shadow:0 0 48px rgba(251,191,36,.6);}<\/p>\n<p>\/* Wallet box *\/\n.wallet-box{\n background:rgba(6,0,16,.7);\n border:1px solid rgba(124,58,237,.2);\n border-radius:16px;padding:20px;\n position:relative;\n}\n.wallet-box::before{\n content:'PRESALE WALLET';\n position:absolute;top:-10px;left:20px;\n background:var(--bg);\n font-family:'DM Mono',monospace;font-size:9px;\n letter-spacing:3px;color:var(--dim);\n padding:0 8px;\n}\n.wallet-addr{\n font-family:'DM Mono',monospace;font-size:12px;\n color:var(--violet);word-break:break-all;\n line-height:1.6;margin-bottom:12px;\n}\n.copy-btn{\n background:rgba(124,58,237,.15);\n border:1px solid rgba(124,58,237,.3);\n border-radius:10px;padding:8px 16px;\n color:var(--lilac);font-family:'DM Mono',monospace;\n font-size:11px;letter-spacing:1px;cursor:pointer;\n transition:all .2s;width:100%;\n}\n.copy-btn:hover{background:rgba(124,58,237,.3);}\n.copy-btn.copied{color:#4ade80;border-color:rgba(74,222,128,.3);}\n.solscan-link{\n display:block;text-align:center;margin-top:10px;\n font-family:'DM Mono',monospace;font-size:11px;\n color:var(--dim);letter-spacing:1px;\n text-decoration:none;transition:color .2s;\n}\n.solscan-link:hover{color:var(--gold);}<\/p>\n<p>\/* notice *\/\n.notice{\n display:flex;gap:10px;align-items:flex-start;\n background:rgba(251,191,36,.05);\n border:1px solid rgba(251,191,36,.15);\n border-radius:14px;padding:16px;margin-top:20px;\n}\n.notice-icon{font-size:18px;flex-shrink:0;}\n.notice-txt{font-size:12px;color:var(--dim);line-height:1.7;}\n.notice-txt strong{color:var(--gold);}<\/p>\n<p>\/* \u2500\u2500 INFO STRIP \u2500\u2500 *\/\n.info-strip{\n display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));\n border-top:1px solid var(--rim);border-bottom:1px solid var(--rim);\n background:rgba(18,0,42,.5);backdrop-filter:blur(12px);\n}\n.is-item{\n padding:28px 20px;text-align:center;\n border-right:1px solid var(--rim);\n}\n.is-item:last-child{border-right:none;}\n.is-val{\n font-family:'Syne',sans-serif;font-size:28px;\n font-weight:800;color:var(--gold);margin-bottom:4px;\n}\n.is-lbl{font-size:10px;letter-spacing:3px;color:var(--dim);text-transform:uppercase;}<\/p>\n<p>\/* \u2500\u2500 HOW TO BUY \u2500\u2500 *\/\n.htb-section{padding:80px 20px;max-width:900px;margin:0 auto;}\n.htb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:48px;}\n.htb-card{\n background:var(--card);\n border:1px solid var(--rim);\n border-radius:24px;padding:32px 24px;\n backdrop-filter:blur(16px);\n position:relative;\n transition:all .25s;\n}\n.htb-card:hover{transform:translateY(-5px);border-color:rgba(251,191,36,.3);}\n.step-num{\n font-family:'DM Mono',monospace;font-size:11px;\n letter-spacing:3px;color:var(--dim);margin-bottom:16px;\n}\n.step-icon{font-size:40px;margin-bottom:14px;}\n.step-title{\n font-family:'Syne',sans-serif;font-size:17px;\n font-weight:700;color:var(--gold);margin-bottom:10px;\n}\n.step-desc{font-size:13px;color:var(--dim);line-height:1.7;}<\/p>\n<p>\/* \u2500\u2500 CTA BOTTOM \u2500\u2500 *\/\n.cta-bottom{\n padding:100px 20px;text-align:center;\n background:linear-gradient(135deg,rgba(76,29,149,.12),rgba(124,58,237,.06));\n border-top:1px solid var(--rim);\n}\n.cta-bottom h2{\n font-family:'Syne',sans-serif;\n font-size:clamp(32px,6vw,64px);font-weight:800;\n color:var(--gold);margin-bottom:12px;letter-spacing:-1px;\n}\n.cta-bottom p{font-size:17px;color:var(--dim);margin-bottom:40px;}<\/p>\n<p>\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\nfooter{\n padding:48px 20px;text-align:center;\n border-top:1px solid var(--rim);\n}\n.ft-logo{\n font-family:'Syne',sans-serif;font-size:24px;\n font-weight:800;color:var(--gold);letter-spacing:2px;margin-bottom:6px;\n}\n.ft-sub{\n font-family:'DM Mono',monospace;font-size:11px;\n letter-spacing:4px;color:var(--dim);margin-bottom:24px;\n}\n.ft-links{display:flex;gap:28px;justify-content:center;margin-bottom:24px;}\n.ft-links a{font-size:13px;color:var(--dim);text-decoration:none;transition:color .2s;}\n.ft-links a:hover{color:var(--gold);}\n.ft-disc{font-size:11px;color:rgba(216,180,254,.2);max-width:560px;margin:0 auto;line-height:1.8;}<\/p>\n<p>\/* responsive *\/\n@media(max-width:600px){\n nav{padding:14px 20px;}\n .buy-card{padding:28px 18px;}\n .card-cd{grid-template-columns:repeat(2,1fr);}\n .det-row{grid-template-columns:repeat(2,1fr);}\n .inp-row{flex-direction:column;}\n .cd-hero{gap:6px;}\n .cd-hbox{padding:14px 16px;min-width:70px;}\n .cd-hnum{font-size:36px;}\n}\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p><canvas id=\"c\"><\/canvas><\/p>\n<p><\/p>\n<nav class=\"page\">\n<div class=\"nb\">\n <svg viewBox=\"0 0 34 34\" fill=\"none\">\n <circle cx=\"17\" cy=\"17\" r=\"17\" fill=\"#1a0040\"\/>\n <ellipse cx=\"11\" cy=\"14\" rx=\"5.5\" ry=\"5.5\" fill=\"#4c1d95\"\/>\n <ellipse cx=\"23\" cy=\"14\" rx=\"5.5\" ry=\"5.5\" fill=\"#4c1d95\"\/>\n <ellipse cx=\"11\" cy=\"14\" rx=\"3.5\" ry=\"3.5\" fill=\"white\"\/>\n <ellipse cx=\"23\" cy=\"14\" rx=\"3.5\" ry=\"3.5\" fill=\"white\"\/>\n <circle cx=\"12\" cy=\"14\" r=\"2\" fill=\"#1e1b4b\"\/>\n <circle cx=\"24\" cy=\"14\" r=\"2\" fill=\"#1e1b4b\"\/>\n <ellipse cx=\"17\" cy=\"21\" rx=\"10\" ry=\"8\" fill=\"#7c3aed\"\/>\n <ellipse cx=\"17\" cy=\"10\" rx=\"9\" ry=\"2.5\" fill=\"#fbbf24\"\/>\n <ellipse cx=\"17\" cy=\"8\" rx=\"7\" ry=\"4.5\" fill=\"#f59e0b\"\/>\n <path d=\"M 11 24 Q 17 28 23 24\" stroke=\"#fbbf24\" stroke-width=\"1.3\" fill=\"none\" stroke-linecap=\"round\"\/>\n <\/svg><br \/>\n BROEKI\n <\/div>\n<p> <button class=\"npill\" onclick=\"document.getElementById('buy').scrollIntoView({behavior:'smooth'})\">Buy $BROEK \ud83d\udc51<\/button><br \/>\n<\/nav>\n<p><\/p>\n<section class=\"hero page\">\n<div class=\"live-badge\"><span class=\"ldot\"><\/span> PRESALE LIVE NOW<\/div>\n<div class=\"frog-wrap\">\n<div class=\"fr1\"><\/div>\n<div class=\"fr2\"><\/div>\n<div class=\"fglow\"><\/div>\n<p> <svg class=\"fsvg\" viewBox=\"0 0 160 160\" fill=\"none\">\n <ellipse cx=\"52\" cy=\"58\" rx=\"18\" ry=\"18\" fill=\"#4c1d95\"\/>\n <ellipse cx=\"108\" cy=\"58\" rx=\"18\" ry=\"18\" fill=\"#4c1d95\"\/>\n <ellipse cx=\"52\" cy=\"58\" rx=\"12\" ry=\"12\" fill=\"white\"\/>\n <ellipse cx=\"108\" cy=\"58\" rx=\"12\" ry=\"12\" fill=\"white\"\/>\n <circle cx=\"54\" cy=\"58\" r=\"7\" fill=\"#1e1b4b\"\/>\n <circle cx=\"110\" cy=\"58\" r=\"7\" fill=\"#1e1b4b\"\/>\n <circle cx=\"56\" cy=\"55\" r=\"2.5\" fill=\"white\"\/>\n <circle cx=\"112\" cy=\"55\" r=\"2.5\" fill=\"white\"\/>\n <ellipse cx=\"80\" cy=\"82\" rx=\"40\" ry=\"32\" fill=\"#7c3aed\"\/>\n <ellipse cx=\"80\" cy=\"116\" rx=\"44\" ry=\"34\" fill=\"#6d28d9\"\/>\n <ellipse cx=\"80\" cy=\"44\" rx=\"36\" ry=\"10\" fill=\"#fbbf24\"\/>\n <ellipse cx=\"80\" cy=\"38\" rx=\"30\" ry=\"16\" fill=\"#f59e0b\"\/>\n <circle cx=\"80\" cy=\"26\" r=\"5\" fill=\"#fde68a\"\/>\n <circle cx=\"74\" cy=\"86\" r=\"3\" fill=\"#4c1d95\"\/>\n <circle cx=\"86\" cy=\"86\" r=\"3\" fill=\"#4c1d95\"\/>\n <path d=\"M 60 97 Q 80 113 100 97\" stroke=\"#fbbf24\" stroke-width=\"3.5\" fill=\"none\" stroke-linecap=\"round\"\/>\n <ellipse cx=\"34\" cy=\"112\" rx=\"14\" ry=\"7\" fill=\"#6d28d9\" transform=\"rotate(-25 34 112)\"\/>\n <ellipse cx=\"126\" cy=\"112\" rx=\"14\" ry=\"7\" fill=\"#6d28d9\" transform=\"rotate(25 126 112)\"\/>\n <\/svg>\n <\/div>\n<h1 class=\"h1\">BROEKI<\/h1>\n<div class=\"h2\">$BROEK \u2014 PRESALE ENDS IN<\/div>\n<p> <\/p>\n<div class=\"cd-hero\">\n<div class=\"cd-hbox\">\n<div class=\"cd-hnum\" id=\"hd\">02<\/div>\n<div class=\"cd-hlbl\">Days<\/div>\n<\/div>\n<div class=\"cd-sep\">:<\/div>\n<div class=\"cd-hbox\">\n<div class=\"cd-hnum\" id=\"hh\">00<\/div>\n<div class=\"cd-hlbl\">Hours<\/div>\n<\/div>\n<div class=\"cd-sep\">:<\/div>\n<div class=\"cd-hbox\">\n<div class=\"cd-hnum\" id=\"hm\">00<\/div>\n<div class=\"cd-hlbl\">Mins<\/div>\n<\/div>\n<div class=\"cd-sep\">:<\/div>\n<div class=\"cd-hbox\">\n<div class=\"cd-hnum\" id=\"hs\">00<\/div>\n<div class=\"cd-hlbl\">Secs<\/div>\n<\/div><\/div>\n<div class=\"hdesc\" style=\"margin-top:28px;\">The Purple Frog Army is rising. Get in at presale price before Pump.fun launch on <strong style=\"color:var(--gold)\">June 20, 2026<\/strong>.<\/div>\n<div class=\"htags\" style=\"margin-top:20px;\">\n <span class=\"htag\">\ud83d\ude80 Early Access Price<\/span><br \/>\n <span class=\"htag\">\ud83d\udd12 Liquidity Lock<\/span><br \/>\n <span class=\"htag\">\u26a1 Solana Network<\/span><br \/>\n <span class=\"htag\">\ud83d\udc8e Diamond Hands<\/span>\n <\/div>\n<p> <button class=\"hbtn\" style=\"margin-top:12px;\" onclick=\"document.getElementById('buy').scrollIntoView({behavior:'smooth'})\">Buy $BROEK Now \u2192<\/button><br \/>\n<\/section>\n<p><\/p>\n<div class=\"info-strip page\">\n<div class=\"is-item\">\n<div class=\"is-val\">500<\/div>\n<div class=\"is-lbl\">Hard Cap (SOL)<\/div>\n<\/div>\n<div class=\"is-item\">\n<div class=\"is-val\">1B<\/div>\n<div class=\"is-lbl\">Total Supply<\/div>\n<\/div>\n<div class=\"is-item\">\n<div class=\"is-val\">400M<\/div>\n<div class=\"is-lbl\">Presale Tokens<\/div>\n<\/div>\n<div class=\"is-item\">\n<div class=\"is-val\">Jun 20<\/div>\n<div class=\"is-lbl\">Launch Date<\/div>\n<\/div>\n<\/div>\n<p><\/p>\n<section class=\"buy-section page\" id=\"buy\">\n<div class=\"buy-wrap\">\n<div class=\"buy-card\">\n<div class=\"bc-head\">\n<div class=\"bc-title\">\ud83d\udc38 Buy $BROEK<\/div>\n<div class=\"bc-net\">SOLANA<\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"prog-head\">\n <span>Presale Progress<\/span><br \/>\n <span><strong>34%<\/strong> raised<\/span>\n <\/div>\n<div class=\"prog-track\">\n<div class=\"prog-fill\"><\/div>\n<\/div>\n<div class=\"prog-foot\">170 \/ 500 SOL raised \u00b7 Soft cap: 100 SOL<\/div>\n<p> <\/p>\n<div class=\"card-cd-label\">Presale closes in<\/div>\n<div class=\"card-cd\">\n<div class=\"ccd-box\">\n<div class=\"ccd-n\" id=\"cd\">02<\/div>\n<div class=\"ccd-l\">Days<\/div>\n<\/div>\n<div class=\"ccd-box\">\n<div class=\"ccd-n\" id=\"ch\">00<\/div>\n<div class=\"ccd-l\">Hours<\/div>\n<\/div>\n<div class=\"ccd-box\">\n<div class=\"ccd-n\" id=\"cm\">00<\/div>\n<div class=\"ccd-l\">Mins<\/div>\n<\/div>\n<div class=\"ccd-box\">\n<div class=\"ccd-n\" id=\"cs\">00<\/div>\n<div class=\"ccd-l\">Secs<\/div>\n<\/div><\/div>\n<p> <\/p>\n<div class=\"det-row\">\n<div class=\"det-box\">\n<div class=\"det-l\">Hard Cap<\/div>\n<div class=\"det-v\">500 SOL<\/div>\n<\/div>\n<div class=\"det-box\">\n<div class=\"det-l\">Min Buy<\/div>\n<div class=\"det-v\">0.1 SOL<\/div>\n<\/div>\n<div class=\"det-box\">\n<div class=\"det-l\">Max Buy<\/div>\n<div class=\"det-v\">20 SOL<\/div>\n<\/div><\/div>\n<p> <\/p>\n<div class=\"amt-row\">\n <button class=\"amt-chip\" onclick=\"setAmt(.1)\">0.1<\/button><br \/>\n <button class=\"amt-chip\" onclick=\"setAmt(.5)\">0.5<\/button><br \/>\n <button class=\"amt-chip\" onclick=\"setAmt(1)\">1 SOL<\/button><br \/>\n <button class=\"amt-chip\" onclick=\"setAmt(2)\">2 SOL<\/button><br \/>\n <button class=\"amt-chip\" onclick=\"setAmt(5)\">5 SOL<\/button>\n <\/div>\n<div class=\"inp-row\">\n <input class=\"sol-inp\" id=\"sol-inp\" type=\"number\" placeholder=\"Enter SOL amount...\" min=\"0.1\" max=\"20\" step=\"0.1\"\/><br \/>\n <button class=\"buy-btn\" onclick=\"handleBuy()\">Buy $BROEK \ud83d\udc51<\/button>\n <\/div>\n<p> <\/p>\n<div class=\"wallet-box\">\n<div class=\"wallet-addr\" id=\"waddr\">9Rd4iNHPc28NWNrUKuw2FrYFfMQn8GcW1dPPbZX1wLGX<\/div>\n<p> <button class=\"copy-btn\" id=\"cpybtn\" onclick=\"copyWallet()\">\ud83d\udccb Copy Wallet Address<\/button><br \/>\n <a class=\"solscan-link\" href=\"https:\/\/solscan.io\/account\/9Rd4iNHPc28NWNrUKuw2FrYFfMQn8GcW1dPPbZX1wLGX\" target=\"_blank\"><br \/>\n \ud83d\udd0d Verify on Solscan \u2192<br \/>\n <\/a>\n <\/div>\n<div class=\"notice\">\n <span class=\"notice-icon\">\u26a1<\/span><\/p>\n<div class=\"notice-txt\">\n <strong>How it works:<\/strong> Send SOL to the wallet above from your Phantom wallet.<br \/>\n Minimum 0.1 SOL \u00b7 Maximum 20 SOL per wallet.<br \/>\n Tokens will be airdropped to your wallet after launch on <strong>June 20, 2026<\/strong>.\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<section class=\"htb-section page\">\n<div style=\"text-align:center;\">\n<div style=\"font-size:11px;letter-spacing:5px;color:var(--dim);margin-bottom:10px;\">GUIDE<\/div>\n<div style=\"font-family:'Syne',sans-serif;font-size:clamp(28px,5vw,48px);font-weight:800;color:var(--gold);\">How To Buy \ud83d\uded2<\/div>\n<\/p><\/div>\n<div class=\"htb-grid\">\n<div class=\"htb-card\">\n<div class=\"step-num\">STEP 01<\/div>\n<div class=\"step-icon\">\ud83d\udc5b<\/div>\n<div class=\"step-title\">Get Phantom Wallet<\/div>\n<div class=\"step-desc\">Download Phantom wallet from phantom.app. Create a new wallet and save your seed phrase safely.<\/div>\n<\/p><\/div>\n<div class=\"htb-card\">\n<div class=\"step-num\">STEP 02<\/div>\n<div class=\"step-icon\">\u26a1<\/div>\n<div class=\"step-title\">Buy SOL<\/div>\n<div class=\"step-desc\">Buy Solana (SOL) from any exchange like Binance, Coinbase, or directly inside Phantom wallet.<\/div>\n<\/p><\/div>\n<div class=\"htb-card\">\n<div class=\"step-num\">STEP 03<\/div>\n<div class=\"step-icon\">\ud83d\udccb<\/div>\n<div class=\"step-title\">Copy Wallet<\/div>\n<div class=\"step-desc\">Copy the BROEKI presale wallet address above. Double-check it matches before sending.<\/div>\n<\/p><\/div>\n<div class=\"htb-card\">\n<div class=\"step-num\">STEP 04<\/div>\n<div class=\"step-icon\">\ud83d\ude80<\/div>\n<div class=\"step-title\">Send SOL<\/div>\n<div class=\"step-desc\">Send SOL (min 0.1, max 20) to the presale wallet. Tokens airdropped on June 20 launch day!<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><\/p>\n<div class=\"cta-bottom page\">\n<h2>Van den Moon \ud83c\udf19<\/h2>\n<p>The frog with the beret is going to the moon. Last chance at presale price.<\/p>\n<p> <button class=\"hbtn\" onclick=\"document.getElementById('buy').scrollIntoView({behavior:'smooth'})\">Join the Army \u2192<\/button>\n<\/div>\n<p><\/p>\n<footer class=\"page\">\n<div class=\"ft-logo\">\ud83d\udc38 BROEKI<\/div>\n<div class=\"ft-sub\">$BROEK \u2014 VAN DEN MOON \ud83c\udf19<\/div>\n<div class=\"ft-links\">\n <a href=\"https:\/\/t.me\/BroekiArmy\" target=\"_blank\">Telegram<\/a><br \/>\n <a href=\"https:\/\/twitter.com\/BroekiSOL\" target=\"_blank\">X \/ Twitter<\/a><br \/>\n <a href=\"https:\/\/solscan.io\/account\/9Rd4iNHPc28NWNrUKuw2FrYFfMQn8GcW1dPPbZX1wLGX\" target=\"_blank\">Solscan<\/a>\n <\/div>\n<div class=\"ft-disc\">$BROEK is a meme coin. Not financial advice. Crypto is high risk \u2014 only invest what you can afford to lose. DYOR. \ud83d\udc38<\/div>\n<\/footer>\n<p><script>\n\/\/ \u2500\u2500 Canvas starfield \u2500\u2500\nconst cv=document.getElementById('c'),cx=cv.getContext('2d');\nlet W,H,stars=[];\nfunction rsz(){W=cv.width=innerWidth;H=cv.height=innerHeight;}\nrsz();addEventListener('resize',rsz);\nfor(let i=0;i<140;i++) stars.push({x:Math.random(),y:Math.random(),r:Math.random()*1.4+.3,spd:Math.random()*.00018+.00004,g:Math.random()>.75});\nfunction draw(){\n cx.clearRect(0,0,W,H);\n const g=cx.createRadialGradient(W*.5,H*.4,0,W*.5,H*.4,H*.8);\n g.addColorStop(0,'rgba(76,29,149,.1)');g.addColorStop(1,'transparent');\n cx.fillStyle=g;cx.fillRect(0,0,W,H);\n const t=Date.now()*.001;\n stars.forEach(s=>{\n s.y-=s.spd;if(s.y<0){s.y=1;s.x=Math.random();}\n const a=.15+Math.sin(t+s.x*10)*.12;\n cx.beginPath();cx.arc(s.x*W,s.y*H,s.r,0,Math.PI*2);\n cx.fillStyle=s.g?`rgba(251,191,36,${a})`:`rgba(216,180,254,${a})`;cx.fill();\n });\n requestAnimationFrame(draw);\n}\ndraw();\n\n\/\/ \u2500\u2500 Countdown \u2014 2 days from page load \u2500\u2500\n\/\/ Set end time to exactly 2 days from now when page first loads\nconst KEY = 'broeki_end';\nlet endTime = localStorage.getItem(KEY);\nif(!endTime){\n \/\/ fallback: June 19 2026 23:59 UTC\n endTime = new Date('2026-06-19T23:59:00Z').getTime();\n try{ localStorage.setItem(KEY, endTime); }catch(e){}\n} else {\n endTime = parseInt(endTime);\n}\n\nfunction tick(){\n const diff=Math.max(0,endTime-Date.now());\n const d=Math.floor(diff\/86400000);\n const h=Math.floor((diff%86400000)\/3600000);\n const m=Math.floor((diff%3600000)\/60000);\n const s=Math.floor((diff%60000)\/1000);\n const fmt=n=>String(n).padStart(2,'0');\n \/\/ hero\n document.getElementById('hd').textContent=fmt(d);\n document.getElementById('hh').textContent=fmt(h);\n document.getElementById('hm').textContent=fmt(m);\n document.getElementById('hs').textContent=fmt(s);\n \/\/ card\n document.getElementById('cd').textContent=fmt(d);\n document.getElementById('ch').textContent=fmt(h);\n document.getElementById('cm').textContent=fmt(m);\n document.getElementById('cs').textContent=fmt(s);\n}\ntick();setInterval(tick,1000);<\/p>\n<p>\/\/ \u2500\u2500 Quick amount chips \u2500\u2500\nfunction setAmt(v){\n document.getElementById('sol-inp').value=v;\n document.querySelectorAll('.amt-chip').forEach(c=>{\n c.classList.toggle('active', parseFloat(c.textContent)===v || c.textContent===v+' SOL');\n });\n}<\/p>\n<p>\/\/ \u2500\u2500 Buy handler \u2500\u2500\nfunction handleBuy(){\n const v=parseFloat(document.getElementById('sol-inp').value);\n if(!v||v<.1){alert('Min buy is 0.1 SOL');return;}\n if(v>20){alert('Max buy is 20 SOL');return;}\n copyWallet();\n alert(`\u2705 Send exactly ${v} SOL to the presale wallet.\\n\\nWallet address has been copied to your clipboard!\\n\\nTokens will be airdropped on June 20, 2026. \ud83d\ude80`);\n}<\/p>\n<p>\/\/ \u2500\u2500 Copy wallet \u2500\u2500\nfunction copyWallet(){\n const addr='9Rd4iNHPc28NWNrUKuw2FrYFfMQn8GcW1dPPbZX1wLGX';\n navigator.clipboard.writeText(addr).then(()=>{\n const btn=document.getElementById('cpybtn');\n btn.textContent='\u2705 Copied!';btn.classList.add('copied');\n setTimeout(()=>{btn.textContent='\ud83d\udccb Copy Wallet Address';btn.classList.remove('copied');},2500);\n }).catch(()=>{\n \/\/ fallback\n const ta=document.createElement('textarea');\n ta.value=addr;document.body.appendChild(ta);ta.select();\n document.execCommand('copy');document.body.removeChild(ta);\n const btn=document.getElementById('cpybtn');\n btn.textContent='\u2705 Copied!';btn.classList.add('copied');\n setTimeout(()=>{btn.textContent='\ud83d\udccb Copy Wallet Address';btn.classList.remove('copied');},2500);\n });\n}\n<\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>BROEKI \u2014 Buy $BROEK Presale BROEKI Buy $BROEK \ud83d\udc51 PRESALE LIVE NOW BROEKI $BROEK \u2014 PRESALE ENDS IN 02 Days : 00 Hours : 00 Mins : 00 Secs The Purple Frog Army is rising. Get in at presale price before Pump.fun launch on June 20, 2026. \ud83d\ude80 Early Access Price \ud83d\udd12 Liquidity Lock \u26a1 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/broeki.online\/index.php?rest_route=\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/broeki.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/broeki.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/broeki.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/broeki.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27"}],"version-history":[{"count":2,"href":"http:\/\/broeki.online\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":29,"href":"http:\/\/broeki.online\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions\/29"}],"wp:attachment":[{"href":"http:\/\/broeki.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}