/* ============================================================ EBS SELECT — DESIGN TOKENS (dark / neon / affiliate hub) ============================================================ */ :root{ --bg:#05070d; --bg-alt:#0a0e18; --surface:#0c111c; --surface-2:#111726; --surface-3:#161d30; --line:#1d2740; --line-soft:#151d30; --text:#eef2fb; --text-dim:#93a0c2; --text-faint:#5a6688; --accent:#00e6ff; --accent-dim:#00aecb; --accent-tint:rgba(0,230,255,0.10); --accent-2:#c04bff; --accent-2-dim:#9330cf; --accent-2-tint:rgba(192,75,255,0.12); --good:#38ffb0; --good-tint:rgba(56,255,176,0.10); --warn:#ffc23c; --warn-tint:rgba(255,194,60,0.10); --danger:#ff4f7e; --danger-tint:rgba(255,79,126,0.10); --font-display:'Sora',sans-serif; --font-body:'Manrope',sans-serif; --font-mono:'JetBrains Mono',monospace; --shadow-sm:0 1px 2px rgba(0,0,0,0.4); --shadow-md:0 10px 30px rgba(0,0,0,0.45); --shadow-lg:0 30px 80px rgba(0,0,0,0.55); --glow-accent:0 0 22px rgba(0,230,255,0.35); --glow-accent-2:0 0 22px rgba(192,75,255,0.32); } *{box-sizing:border-box;margin:0;padding:0;} html{scroll-behavior:smooth;} body{ background:var(--bg); color:var(--text); font-family:var(--font-body); line-height:1.55; -webkit-font-smoothing:antialiased; min-height:100vh; position:relative; overflow-x:hidden; } a{color:inherit;text-decoration:none;} button{font-family:inherit;cursor:pointer;} img{max-width:100%;display:block;} :focus-visible{outline:2px solid var(--accent);outline-offset:2px;} /* ---------- animated backdrop ---------- */ .dot-bg{ position:fixed;inset:0;z-index:0;pointer-events:none; background-image:radial-gradient(rgba(0,230,255,0.10) 1px, transparent 1px); background-size:30px 30px; mask-image:radial-gradient(ellipse 75% 60% at 50% 0%, black 25%, transparent 100%); } .orb{position:fixed;border-radius:50%;filter:blur(90px);z-index:0;pointer-events:none;opacity:0.55;} .orb-a{width:520px;height:520px;top:-160px;left:-120px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);animation:float1 16s ease-in-out infinite;} .orb-b{width:460px;height:460px;top:20%;right:-160px;background:radial-gradient(circle,var(--accent-2) 0%,transparent 70%);animation:float2 20s ease-in-out infinite;} .orb-c{width:380px;height:380px;bottom:-140px;left:30%;background:radial-gradient(circle,var(--good) 0%,transparent 72%);opacity:0.25;animation:float1 24s ease-in-out infinite reverse;} @keyframes float1{0%,100%{transform:translate(0,0);}50%{transform:translate(40px,60px);}} @keyframes float2{0%,100%{transform:translate(0,0);}50%{transform:translate(-50px,40px);}} .load-bar{ position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2)); z-index:9999;animation:loadsweep 1s ease-out forwards;box-shadow:var(--glow-accent); } @keyframes loadsweep{from{width:0%}to{width:100%}} @media (prefers-reduced-motion:reduce){*{animation-duration:0.001ms !important;transition-duration:0.001ms !important;}} .container{max-width:1240px;margin:0 auto;padding:0 28px;position:relative;z-index:1;} .eyebrow{ font-family:var(--font-mono);font-size:11.5px;letter-spacing:0.14em;text-transform:uppercase; color:var(--accent);display:flex;align-items:center;gap:8px;font-weight:600; } .eyebrow::before{content:'';width:7px;height:7px;background:var(--accent);border-radius:2px;display:inline-block;box-shadow:var(--glow-accent);animation:blink 1.4s infinite;} .eyebrow.violet{color:var(--accent-2);} .eyebrow.violet::before{background:var(--accent-2);box-shadow:var(--glow-accent-2);} @keyframes blink{50%{opacity:0.25;}} /* ---------- reveal-on-scroll ---------- */ .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);} .reveal.in-view{opacity:1;transform:translateY(0);} /* ============================================================ HEADER ============================================================ */ header{ position:sticky;top:0;z-index:200; background:rgba(5,7,13,0.78);backdrop-filter:blur(16px); border-bottom:1px solid var(--line); } .nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:18px;} .logo{font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:0.01em;display:flex;align-items:baseline;gap:2px;} .logo span{color:var(--accent);text-shadow:0 0 18px rgba(0,230,255,0.5);} .nav-links{display:flex;gap:26px;align-items:center;} .nav-links button{ background:none;border:none;font-size:13.5px;color:var(--text-dim);transition:color .2s;font-weight:600; font-family:var(--font-body);padding:6px 2px;position:relative; } .nav-links button::after{content:'';position:absolute;left:0;right:100%;bottom:-4px;height:2px;background:var(--accent);transition:right .25s;box-shadow:var(--glow-accent);} .nav-links button:hover{color:var(--text);} .nav-links button.active{color:var(--text);} .nav-links button.active::after{right:0;} .nav-right{display:flex;align-items:center;gap:10px;} .icon-btn{ width:38px;height:38px;border:1px solid var(--line);background:var(--surface);border-radius:10px; display:flex;align-items:center;justify-content:center;color:var(--text-dim);transition:all .2s;position:relative;box-shadow:var(--shadow-sm); } .icon-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--glow-accent);} .icon-btn svg{width:16px;height:16px;} .lang-btn{ display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface); border-radius:10px;padding:0 13px;height:38px;color:var(--text);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.04em; transition:all .2s; } .lang-btn:hover{border-color:var(--accent-2);color:var(--accent-2);box-shadow:var(--glow-accent-2);} .owner-chip{ display:none;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10.5px;color:var(--good);font-weight:700; border:1px solid rgba(56,255,176,0.35);background:var(--good-tint);padding:7px 12px;border-radius:20px;letter-spacing:.03em; } .owner-chip.active{display:flex;} .btn{ font-family:var(--font-mono);font-size:12.5px;font-weight:700;letter-spacing:0.02em; padding:11px 20px;border-radius:10px;border:1px solid transparent;transition:all .18s;display:inline-flex;align-items:center;gap:8px; } .btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#00131a;box-shadow:0 8px 24px rgba(0,230,255,0.28);} .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,230,255,0.4);} .btn-outline{border-color:var(--line);color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm);} .btn-outline:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--glow-accent);} .btn-violet{background:linear-gradient(135deg,var(--accent-2),var(--accent-2-dim));color:#160027;box-shadow:0 8px 24px rgba(192,75,255,0.3);} .btn-violet:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(192,75,255,0.42);} .btn-ghost{color:var(--text-dim);background:transparent;border:1px dashed var(--line);} .btn-ghost:hover{color:var(--accent);border-color:var(--accent);} .btn-danger{color:var(--danger);background:var(--danger-tint);border:1px solid rgba(255,79,126,0.35);} .btn-danger:hover{background:rgba(255,79,126,0.2);} .btn-sm{padding:8px 14px;font-size:11.5px;border-radius:8px;} /* ---------- ticker ---------- */ .ticker-wrap{border-bottom:1px solid var(--line);background:var(--surface);overflow:hidden;position:relative;z-index:1;} .ticker{display:flex;white-space:nowrap;animation:ticker-scroll 32s linear infinite;padding:9px 0;} .ticker:hover{animation-play-state:paused;} .ticker span{font-family:var(--font-mono);font-size:11.5px;color:var(--text-dim);padding:0 26px;display:flex;align-items:center;gap:8px;} .ticker span b{color:var(--accent);font-weight:700;} .ticker span .dot-sep{width:4px;height:4px;background:var(--text-faint);border-radius:50%;} @keyframes ticker-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}} /* ============================================================ HERO — a live featured post, not a stat block ============================================================ */ .hero{padding:64px 0 0;position:relative;z-index:1;} .hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:center;padding-bottom:56px;} .hero h1{ font-family:var(--font-display);font-weight:800;font-size:clamp(34px,4.6vw,54px);line-height:1.06; letter-spacing:-0.015em;margin:16px 0 18px; } .hero h1 em{font-style:normal;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;} .hero p{color:var(--text-dim);font-size:16px;max-width:480px;margin-bottom:28px;} .hero-ctas{display:flex;gap:12px;flex-wrap:wrap;} .feat-card{ border:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2),var(--surface));padding:22px;position:relative;border-radius:20px; box-shadow:var(--shadow-lg);overflow:hidden; } .feat-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% -10%,rgba(0,230,255,0.16),transparent 55%);pointer-events:none;} .feat-tag{position:absolute;top:18px;left:18px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em; padding:6px 11px;border-radius:20px;background:rgba(0,230,255,0.12);color:var(--accent);border:1px solid rgba(0,230,255,0.35);z-index:2;} .feat-top{display:flex;gap:16px;align-items:flex-start;margin-top:30px;} .feat-icon{width:160px;height:160px;border:1px solid var(--line);background:var(--surface-3);display:flex;align-items:center;justify-content:center;color:var(--accent);border-radius:18px;flex-shrink:0;overflow:hidden;} .feat-icon svg{width:64px;height:64px;} .feat-icon img{width:100%;height:100%;object-fit:cover;} .feat-name{font-family:var(--font-display);font-size:21px;font-weight:700;margin-top:2px;letter-spacing:-0.01em;} .feat-cat{font-family:var(--font-mono);font-size:11px;color:var(--accent-2);text-transform:uppercase;letter-spacing:.06em;font-weight:700;} .feat-tagline{color:var(--text-dim);font-size:13.5px;margin-top:10px;} .feat-meta{display:flex;justify-content:space-between;align-items:center;margin:18px 0;padding:14px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);} .feat-price{font-family:var(--font-mono);font-size:24px;font-weight:800;color:var(--text);} .feat-source{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);} /* editable fields (owner mode) */ [data-editable]{transition:outline .15s, background .15s;border-radius:4px;} body.owner-mode [data-editable]{outline:1.5px dashed var(--accent-2);outline-offset:4px;cursor:text;} body.owner-mode [data-editable]:hover{background:var(--accent-2-tint);} body.owner-mode [data-editable]:focus{outline:1.5px solid var(--accent-2);background:var(--accent-2-tint);} /* ============================================================ TRUST BAR ============================================================ */ .trust-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);position:relative;z-index:1;} .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:22px 0;} .trust-item{display:flex;align-items:center;gap:12px;} .trust-item .ic{width:36px;height:36px;border-radius:10px;background:var(--accent-tint);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;} .trust-item .ic svg{width:17px;height:17px;} .trust-item h4{font-size:13px;font-weight:700;} .trust-item p{font-size:11.5px;color:var(--text-faint);} /* ============================================================ SECTION HEADS / FILTERS ============================================================ */ .section{padding:68px 0;position:relative;z-index:1;} .section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;flex-wrap:wrap;gap:16px;} .section-head h2{font-family:var(--font-display);font-size:28px;font-weight:800;margin-top:10px;letter-spacing:-0.01em;} .filters{display:flex;gap:9px;flex-wrap:wrap;align-items:center;} .chip{ font-family:var(--font-mono);font-size:11.5px;padding:8px 14px;border:1px solid var(--line);color:var(--text-dim); border-radius:20px;transition:all .18s;background:var(--surface);font-weight:600; } .chip:hover{border-color:var(--text-dim);color:var(--text);} .chip.active{background:var(--accent);border-color:var(--accent);color:#00131a;font-weight:700;box-shadow:var(--glow-accent);} .sort-select{ font-family:var(--font-mono);font-size:11.5px;padding:8px 12px;border:1px solid var(--line);color:var(--text); border-radius:20px;background:var(--surface);font-weight:600; } .search-box{ display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:20px; background:var(--surface);color:var(--text-dim);transition:border-color .18s; } .search-box:focus-within{border-color:var(--accent);color:var(--text);} .search-box svg{width:14px;height:14px;flex-shrink:0;color:var(--text-faint);} .search-box input{ border:none;background:none;outline:none;color:var(--text);font-family:var(--font-mono);font-size:11.5px;font-weight:600;width:150px; } .search-box input::placeholder{color:var(--text-faint);font-weight:600;} .search-box .clear-search{display:none;color:var(--text-faint);cursor:pointer;flex-shrink:0;} .search-box .clear-search svg{width:12px;height:12px;} .search-box.has-value .clear-search{display:flex;} /* ============================================================ PRODUCT GRID / CARDS ============================================================ */ .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;} .card{ position:relative;background:var(--surface);border:1px solid var(--line);padding:22px;border-radius:18px; display:flex;flex-direction:column;gap:12px;transition:box-shadow .22s, transform .22s, border-color .22s;overflow:hidden; } .card:hover{border-color:rgba(0,230,255,0.4);transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,0.5),var(--glow-accent);} .corner{position:absolute;width:13px;height:13px;border-color:var(--line);opacity:0;transition:opacity .2s, border-color .2s;} .card:hover .corner{opacity:1;border-color:var(--accent);} .corner.tl{top:8px;left:8px;border-top:1.5px solid;border-left:1.5px solid;border-radius:4px 0 0 0;} .corner.tr{top:8px;right:8px;border-top:1.5px solid;border-right:1.5px solid;border-radius:0 4px 0 0;} .corner.bl{bottom:8px;left:8px;border-bottom:1.5px solid;border-left:1.5px solid;border-radius:0 0 0 4px;} .corner.br{bottom:8px;right:8px;border-bottom:1.5px solid;border-right:1.5px solid;border-radius:0 0 4px 0;} .card-top{display:flex;justify-content:space-between;align-items:flex-start;} .card-icon{ width:120px;height:120px;border:1px solid var(--line);background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--accent);border-radius:14px;overflow:hidden; } .card-icon svg{width:48px;height:48px;} .card-icon img{width:100%;height:100%;object-fit:cover;} .source-tag{font-family:var(--font-mono);font-size:9.5px;color:var(--text-faint);letter-spacing:.06em;text-align:right;font-weight:700;text-transform:uppercase;} .badge-ribbon{position:absolute;top:16px;left:16px;font-family:var(--font-mono);font-size:9.5px;font-weight:800;letter-spacing:.05em;padding:5px 10px;border-radius:20px;z-index:2;text-transform:uppercase;} .badge-ribbon.bestseller{background:var(--warn-tint);color:var(--warn);border:1px solid rgba(255,194,60,0.35);} .badge-ribbon.new{background:var(--accent-2-tint);color:var(--accent-2);border:1px solid rgba(192,75,255,0.35);} .stars{display:flex;align-items:center;gap:6px;} .stars .stw{position:relative;display:inline-block;width:66px;height:12px;} .stars .stw .bg,.stars .stw .fg{position:absolute;top:0;left:0;white-space:nowrap;font-size:12px;letter-spacing:2px;line-height:12px;} .stars .stw .bg{color:var(--line);} .stars .stw .fg{color:var(--warn);overflow:hidden;} .stars .num{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);font-weight:700;} .card h3{font-family:var(--font-display);font-size:17px;font-weight:700;margin-top:2px;letter-spacing:-0.01em;} .card .cat{font-family:var(--font-mono);font-size:10.5px;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-weight:700;} .card .tagline{color:var(--text-dim);font-size:13px;flex-grow:1;} .card-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--line-soft);} .price{font-family:var(--font-mono);font-size:19px;font-weight:800;} .owner-tools{display:none;gap:8px;position:absolute;top:16px;right:16px;z-index:5;} body.owner-mode .owner-tools{display:flex;} .tool-btn{width:29px;height:29px;background:var(--surface-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--text-dim);border-radius:8px;box-shadow:var(--shadow-sm);} .tool-btn:hover{color:var(--accent);border-color:var(--accent);} .tool-btn.danger:hover{color:var(--danger);border-color:var(--danger);} .tool-btn svg{width:13px;height:13px;} .add-card{ border:1.5px dashed var(--line);display:none;align-items:center;justify-content:center;flex-direction:column;gap:10px; min-height:220px;color:var(--text-faint);transition:all .2s;background:transparent; } body.owner-mode .add-card{display:flex;} .add-card:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-tint);} .add-card svg{width:26px;height:26px;} /* ============================================================ AI SHOWCASE ============================================================ */ .ai-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--bg));} .ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;} .ai-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--accent-2);border:1px solid rgba(192,75,255,0.35);background:var(--accent-2-tint);padding:7px 13px;margin-bottom:16px;border-radius:20px;} .ai-badge .pulse{width:6px;height:6px;background:var(--accent-2);border-radius:50%;animation:blink 1.3s infinite;box-shadow:var(--glow-accent-2);} .ai-section h2{font-family:var(--font-display);font-size:28px;font-weight:800;margin-bottom:14px;line-height:1.18;letter-spacing:-0.01em;} .ai-section p{color:var(--text-dim);font-size:15px;margin-bottom:26px;max-width:460px;} .ai-points{display:flex;flex-direction:column;gap:14px;margin-bottom:28px;} .ai-point{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--text);} .ai-point svg{width:16px;height:16px;color:var(--accent);flex-shrink:0;margin-top:2px;} .ai-mock{border:1px solid var(--line);background:var(--surface);position:relative;border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;} .ai-mock-head{padding:14px 18px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11.5px;color:var(--accent-2);font-weight:700;background:var(--surface-2);} .ai-mock-head .dot{width:6px;height:6px;background:var(--good);border-radius:50%;box-shadow:0 0 8px var(--good);} .ai-mock-body{padding:20px 18px;display:flex;flex-direction:column;gap:12px;} /* ============================================================ ABOUT ============================================================ */ .about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);} .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;} .about h2{font-family:var(--font-display);font-size:27px;font-weight:800;margin-bottom:16px;letter-spacing:-0.01em;} .about p{color:var(--text-dim);font-size:14.5px;} .spec-list{display:flex;flex-direction:column;gap:0;} .spec-list div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line-soft);font-family:var(--font-mono);font-size:12.5px;} .spec-list div span:first-child{color:var(--text-dim);} .spec-list div span:last-child{font-weight:700;color:var(--accent);} /* ============================================================ DISCLOSURE (replaces FAQ) ============================================================ */ .disclosure{max-width:760px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px;} .disclosure h3{font-family:var(--font-display);font-size:17px;margin-bottom:10px;} .disclosure p{color:var(--text-dim);font-size:13.5px;margin-bottom:14px;} .disclosure ul{margin:0 0 14px 20px;color:var(--text-dim);font-size:13.5px;} .disclosure li{margin-bottom:6px;} .disclosure .tag-row{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;} .disclosure .tag-row span{font-family:var(--font-mono);font-size:10.5px;padding:6px 12px;border-radius:20px;border:1px solid var(--line);color:var(--text-faint);} /* ============================================================ FOOTER ============================================================ */ footer{padding:60px 0 30px;position:relative;z-index:1;background:var(--surface);border-top:1px solid var(--line);} .footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:40px;} .footer-brand p{color:var(--text-dim);font-size:13px;margin:14px 0 18px;max-width:260px;} .social-row{display:flex;gap:10px;} .social-row a{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);} .social-row a:hover{color:var(--accent);border-color:var(--accent);} .social-row svg{width:15px;height:15px;} .foot-col h5{font-family:var(--font-mono);font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:16px;font-weight:700;} .foot-col button{display:block;font-size:13px;color:var(--text-dim);margin-bottom:12px;background:none;border:none;font-family:inherit;text-align:left;} .foot-col button:hover{color:var(--accent);} .newsletter-form{display:flex;gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg);} .newsletter-form input{flex-grow:1;border:none;background:none;padding:11px 14px;font-size:13px;color:var(--text);} .newsletter-form input:focus{outline:none;} .newsletter-form button{background:var(--accent);color:#00131a;border:none;padding:0 16px;font-size:12.5px;font-weight:700;} .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--line-soft);flex-wrap:wrap;gap:12px;} .footer-bottom span{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);} .lock-trigger{background:none;border:none;color:var(--text-faint);display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;} .lock-trigger:hover{color:var(--accent);} .lock-trigger svg{width:12px;height:12px;} /* ============================================================ MODALS ============================================================ */ .overlay{ position:fixed;inset:0;background:rgba(2,3,7,0.72);backdrop-filter:blur(6px);z-index:500; display:none;align-items:center;justify-content:center;padding:24px; } .overlay.open{display:flex;} .modal{ background:var(--bg-alt);border:1px solid var(--line);width:100%;max-width:540px;max-height:88vh;overflow-y:auto; position:relative;border-radius:20px;box-shadow:var(--shadow-lg); } .modal.wide{max-width:780px;} .modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line-soft);} .modal-head h3{font-family:var(--font-display);font-size:16.5px;font-weight:700;} .modal-close{background:var(--surface-2);width:30px;height:30px;border-radius:50%;border:1px solid var(--line);color:var(--text-dim);font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;} .modal-close:hover{color:var(--text);} .modal-body{padding:26px;} .form-row{margin-bottom:16px;} .form-row label{display:block;font-family:var(--font-mono);font-size:10.5px;color:var(--text-dim);margin-bottom:7px;letter-spacing:0.03em;font-weight:700;text-transform:uppercase;} .form-row input,.form-row select,.form-row textarea{ width:100%;background:var(--surface);border:1px solid var(--line);color:var(--text);padding:11px 13px;font-family:var(--font-body);font-size:14px;border-radius:10px; } .form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--accent);outline:none;} .form-row textarea{resize:vertical;min-height:70px;} .form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;} .hint{font-size:11.5px;color:var(--text-faint);margin-top:6px;} .modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px;} .err-msg{color:var(--danger);font-size:12.5px;margin-top:10px;display:none;} .err-msg.show{display:block;} .upload-box{display:flex;flex-direction:column;gap:10px;} .upload-preview{position:relative;width:110px;height:110px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2);display:flex;} .upload-preview img{width:100%;height:100%;object-fit:cover;} .upload-preview .tool-btn{position:absolute;top:6px;right:6px;} .region-lock{ display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2); font-family:var(--font-mono);font-size:12.5px;color:var(--text-dim); } .region-lock b{color:var(--accent);} .pd-top{display:flex;gap:20px;align-items:flex-start;margin-bottom:18px;} .pd-banner{width:260px;height:260px;flex-shrink:0;border:1px solid var(--line);background:var(--surface-2);background:linear-gradient(160deg,var(--surface-2),var(--surface));border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--accent);overflow:hidden;box-shadow:0 12px 32px -14px rgba(0,0,0,.35);} .pd-banner svg{width:88px;height:88px;} .pd-banner img{width:100%;height:100%;object-fit:cover;display:block;} .pd-specs{display:flex;flex-direction:column;gap:0;margin:18px 0;} .pd-specs div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:13px;} .pd-specs div span:first-child{color:var(--text-dim);font-family:var(--font-mono);font-size:12px;} .pd-specs div span:last-child{font-weight:700;} .pd-trust{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0;padding:14px 16px;background:var(--surface-2);border-radius:12px;} .pd-trust span{font-size:11.5px;color:var(--text-dim);display:flex;align-items:center;gap:6px;} .pd-trust svg{width:14px;height:14px;color:var(--accent);} .toast{ position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--surface-2);border:1px solid var(--accent); color:var(--text);padding:13px 22px;font-family:var(--font-mono);font-size:12.5px;z-index:900;opacity:0;pointer-events:none;transition:all .25s;border-radius:12px;box-shadow:var(--shadow-lg),var(--glow-accent); } .toast.show{opacity:1;transform:translateX(-50%) translateY(0);} /* language-switch confirm modal */ .region-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px;} .region-opt{ border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:20px 16px;text-align:center;transition:all .2s; } .region-opt:hover{border-color:var(--accent);box-shadow:var(--glow-accent);transform:translateY(-3px);} .region-opt .flag{font-size:30px;margin-bottom:8px;display:block;} .region-opt h4{font-family:var(--font-display);font-size:15px;margin-bottom:4px;} .region-opt p{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);} /* ============================================================ EBS CHAT ============================================================ */ .chat-toggle{ position:fixed;bottom:26px;right:26px;z-index:700;background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#00131a;border:none; padding:15px 22px;font-family:var(--font-mono);font-size:13px;font-weight:800;display:flex;align-items:center;gap:9px;border-radius:16px; box-shadow:0 14px 32px rgba(0,230,255,0.35); } .chat-toggle:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,230,255,0.5);} .chat-toggle .dot{width:7px;height:7px;background:#00131a;border-radius:50%;animation:blink 1.1s infinite;} .chat-panel{ position:fixed;bottom:26px;right:26px;width:370px;max-width:92vw;height:500px;max-height:76vh;background:var(--bg-alt); border:1px solid var(--line);border-radius:20px;z-index:700;display:none;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden; } .chat-panel.open{display:flex;} .chat-head{padding:16px 18px;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;background:var(--surface-2);} .chat-head-title{font-family:var(--font-mono);font-size:12px;color:var(--accent);display:flex;align-items:center;gap:8px;font-weight:700;} .chat-head-title .dot{width:6px;height:6px;background:var(--good);border-radius:50%;box-shadow:0 0 8px var(--good);} .chat-close{background:var(--surface);width:26px;height:26px;border-radius:50%;border:1px solid var(--line);color:var(--text-dim);font-size:14px;} .chat-close:hover{color:var(--text);} .chat-msgs{flex-grow:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;} .msg{font-size:13px;line-height:1.5;max-width:88%;} .msg.user{align-self:flex-end;background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#00131a;padding:10px 14px;border-radius:14px 14px 3px 14px;font-weight:600;} .msg.assistant{align-self:flex-start;background:var(--surface-2);padding:10px 14px;color:var(--text);border-radius:14px 14px 14px 3px;border:1px solid var(--line-soft);} .msg.system{align-self:center;font-family:var(--font-mono);font-size:11px;color:var(--text-faint);text-align:center;max-width:100%;} .msg.typing{align-self:flex-start;color:var(--text-faint);font-family:var(--font-mono);font-size:12px;} .chat-input-row{display:flex;border-top:1px solid var(--line-soft);align-items:center;padding:6px;} .chat-input-row input{flex-grow:1;background:none;border:none;color:var(--text);padding:10px 10px;font-family:var(--font-body);font-size:13px;} .chat-input-row input:focus{outline:none;} .chat-input-row button{background:var(--accent);color:#00131a;border:none;padding:9px 16px;border-radius:10px;font-weight:700;font-size:12px;} .chat-intro{ position:fixed;bottom:100px;right:26px;max-width:250px;background:var(--bg-alt);border:1px solid var(--line); padding:14px 16px;font-size:12.5px;color:var(--text);z-index:699;display:none;box-shadow:var(--shadow-lg);border-radius:14px 14px 3px 14px; } .chat-intro.show{display:block;} .chat-intro button{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--text-faint);font-size:14px;} ::-webkit-scrollbar{width:8px;} ::-webkit-scrollbar-track{background:transparent;} ::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px;} @media (max-width:860px){ .hero-grid{grid-template-columns:1fr;gap:36px;} .about-grid{grid-template-columns:1fr;gap:28px;} .ai-grid{grid-template-columns:1fr;} .nav-links{display:none;} .chat-panel{width:94vw;right:3vw;} .trust-grid{grid-template-columns:1fr 1fr;} .footer-top{grid-template-columns:1fr 1fr;} .region-choice{grid-template-columns:1fr;} } @media (max-width:560px){ .pd-top{flex-direction:column;} .pd-banner{width:100%;height:auto;aspect-ratio:1/1;} }
🟢 OWNER MODE
📡 SIGNAL FEED — LIVE PICKS

We find tomorrow's tech before the algorithm does.

EBS Select is a running feed of hand-picked hardware — every post links straight to the real listing on Amazon or Mercado Livre. No storefront, no cart, just the find and the link.

FEATURED FIND — LIVE
CATEGORY
—

—
THE FEED

Live posts

🤖 AI CONCIERGE — LIVE

EBS Chat knows every post in the feed.

No account, no forms — open the chat and ask. It reads the live feed and points you straight to the listing worth clicking.

Answers spec questions instantly, pulled from live posts
Compares posts and tells you which link to click
Available anywhere on the site, day or night
🤖 EBS_CHAT — concierge
What's the range on the Halcyon Q4?
340 miles on a full charge, 22-minute fast charge. Want the direct listing link?

Product

CATEGORY

Add post

🌎 Posting as: Amazon (US)
Full Amazon Associates link — must include your tracking tag.
JPG or PNG — resized automatically. Skip this to just use the category icon.
Please fill in a product name, price, and affiliate link.

Owner console sign-in

That email or passcode isn't recognized as the site owner.

Only the owner account can post, edit copy, or remove listings. Everyone else just browses the feed.

Switch region

Do you want to browse items from Brazil or US?

👋 I'm the AI running EBS Select — ask me anything about the feed.
🤖 EBS_CHAT — concierge