{"product_id":"arc-2-cyberlamp","title":"CyberLamp | ARC-2","description":"\u003cstyle\u003e\n  \/* CyberLamp ARC-2 listing widget.\n     Lives in a narrow product-description column, so: one column, no hero\n     split, and every type rule set explicitly (the theme's own h2\/p colors\n     would otherwise leak in and go dark-on-dark).\n     Palette from the lamp's control panel, data\/style.css. *\/\n  .cl{--void:#07070a;--surf:rgba(255,255,255,.035);--line:#22222a;--line2:#33333d;\n    --t1:#fafafa;--t2:#a7a7b0;--t3:#71717a;--cy:#12d0c8;--hot:#ff5a45;--soft:#00ff88;\n    background:var(--void);border-radius:14px;padding:30px 24px;margin:8px 0;\n    font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n    font-size:16px;line-height:1.55;color:var(--t2);text-align:left;-webkit-font-smoothing:antialiased}\n  .cl *{box-sizing:border-box}\n  \/* zero-specificity reset so the rules below still win (a plain `.cl p`\n     selector would out-specify the single-class rules that set spacing) *\/\n  .cl :where(h2,h3,p,ul,ol,li,dl,dt,dd,summary,figure,figcaption){\n    margin:0;padding:0;font-family:inherit;text-transform:none;letter-spacing:normal;color:inherit}\n  .cl :where(ul,ol){list-style:none}\n  .cl b,.cl strong{font-weight:600;color:var(--t1)}\n  .cl-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}\n\n  \/* ---------- opening ---------- *\/\n  .cl-eyebrow{font-size:11px;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;color:var(--cy);margin-bottom:14px}\n  .cl-hook{font-size:clamp(21px,2.4vw,27px);line-height:1.25;font-weight:700;color:var(--t1);letter-spacing:-.01em}\n  .cl-hook em{font-style:normal;color:var(--cy)}\n  .cl-lede{margin-top:14px;font-size:15px;line-height:1.6;color:var(--t2);max-width:60ch}\n\n  \/* ---------- LED bar: the same gradient the printed guides use\n       (LED_STOPS in docs\/generate_setup_guide.py, from favicon.svg) ------- *\/\n  \/* Drawn as pseudo-elements on paragraphs that hold real text: Shopify's\n     description editor strips empty tags, so a bare \u003cdiv\u003e for the bar would\n     not survive the paste. First background listed paints on top, so the\n     white sheen comes first and the gradient sits under it. *\/\n  .cl-lede::after,.cl-foot::before{content:\"\";display:block;height:7px;border-radius:4px;\n    background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,0) 55%),\n      linear-gradient(90deg,#ff0080 0%,#00ffff 25%,#00ff80 50%,#ffff00 75%,#ff0080 100%)}\n  .cl-lede::after{margin-top:26px;box-shadow:0 0 18px rgba(255,0,128,.22),0 0 12px rgba(0,255,255,.16)}\n  .cl-foot::before{margin:0 0 22px;height:4px;opacity:.75}\n\n\n  \/* ---------- the three points: numbered, with a real type step ---------- *\/\n  .cl-points{margin-top:28px}\n  .cl-pt{padding:18px 0 17px;border-top:1px solid var(--line)}\n  .cl-pt .cl-num{display:block;margin-bottom:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;\n    font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--t3)}\n  .cl-pt .cl-num b{color:var(--cy);font-weight:600}\n  .cl-pt h3{font-size:17px;line-height:1.3;font-weight:700;color:var(--t1);margin-bottom:7px;letter-spacing:-.01em}\n  .cl-pt h3 span{color:var(--cy)}\n  .cl-pt p{font-size:13.5px;line-height:1.6;color:var(--t2);max-width:64ch}\n  .cl-tag{display:inline-block;font-size:11px;padding:1px 6px;border:1px solid rgba(18,208,200,.32);\n    border-radius:4px;color:var(--cy);background:rgba(18,208,200,.08);white-space:nowrap}\n\n  \/* ---------- favourites: an index, not cards ---------- *\/\n  .cl-rule{margin:34px 0 6px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--t3)}\n  .cl-favs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0 26px}\n  .cl-favs div{padding:13px 0 14px;border-top:1px solid var(--line)}\n  .cl-favs b{display:flex;align-items:center;gap:7px;margin-bottom:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;\n    font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cy)}\n  .cl-favs .cl-ico{flex:none;color:var(--cy);opacity:.85}\n  .cl-favs span{font-size:13.5px;line-height:1.5;color:var(--t2)}\n\n  \/* ---------- folded detail ---------- *\/\n  .cl-more{margin-top:30px;border-top:1px solid var(--line)}\n  .cl-more details{border-bottom:1px solid var(--line)}\n  .cl-more summary{list-style:none;cursor:pointer;position:relative;padding:14px 32px 14px 0;\n    font-size:14px;line-height:1.4;font-weight:600;color:var(--t1)}\n  .cl-more summary::-webkit-details-marker{display:none}\n  .cl-more summary::after{content:\"+\";position:absolute;right:4px;top:50%;transform:translateY(-50%);\n    font-size:17px;line-height:1;font-weight:400;color:var(--cy)}\n  .cl-more details[open] summary::after{content:\"\\2013\"}\n  .cl-more summary small{font-size:13px;font-weight:400;color:var(--t3);margin-left:7px}\n  .cl-body{padding:0 0 20px;font-size:13.5px;line-height:1.6;color:var(--t2)}\n  .cl-body\u003ep+p,.cl-body\u003eul+p,.cl-body\u003eol+p,.cl-body\u003ediv+p{margin-top:12px}\n  \/* effect index: a ruled header per category, names running full width *\/\n  .cl-cols dt{display:flex;align-items:center;gap:9px;margin:18px 0 7px;\n    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;\n    font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--cy);white-space:nowrap}\n  .cl-cols dt:first-of-type{margin-top:0}\n  .cl-cols dt i{font-style:normal;color:var(--t3)}\n  .cl-cols dt::after{content:\"\";flex:1;height:1px;background:var(--line)}\n  .cl-cols dd{font-size:13.5px;line-height:1.65;color:var(--t2)}\n  .cl-body\u003edl+p{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}\n  .cl-ticks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 22px}\n  .cl-ticks li{position:relative;padding:4px 0 4px 16px;color:var(--t1);font-size:13.5px}\n  .cl-ticks li::before{content:\"\";position:absolute;left:0;top:.85em;width:7px;height:2px;background:var(--cy)}\n  .cl-ticks li small{font-size:13px;color:var(--t3)}\n  .cl-steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:9px}\n  .cl-steps li{counter-increment:s;position:relative;padding-left:24px;color:var(--t1);font-size:13.5px}\n  .cl-steps li::before{content:counter(s);position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;\n    border:1px solid var(--line2);color:var(--cy);font-size:10.5px;line-height:16px;text-align:center;\n    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}\n  .cl-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:14px}\n  .cl-specs div{border:1px solid var(--line);border-radius:10px;background:var(--surf);padding:11px 12px}\n  .cl-specs span{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--t3);margin-bottom:3px}\n  .cl-specs strong{font-size:14px;color:var(--t1);font-weight:600}\n  .cl-foot{margin-top:22px;font-size:13px;color:var(--t3)}\n\n  @media (max-width:520px){\n    .cl{padding:24px 18px}\n    .cl-hook{font-size:21px}\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"cl\"\u003e\n\u003cp class=\"cl-eyebrow cl-mono\"\u003eAtomic Creations · CyberLamp ARC-2\u003c\/p\u003e\n\u003ch2 class=\"cl-hook\"\u003eMost lamps disappear into a room. \u003cem\u003eThis one gets asked about.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"cl-lede\"\u003eA handmade sci-fi desk lamp with \u003cb\u003e65 light effects that spiral around the cylinder in three-dimensional motion\u003c\/b\u003e. The hexagonal diffuser breaks every effect into a honeycomb pattern; silver accent panels give it a clean, technical edge.\u003c\/p\u003e\n\u003cdiv class=\"cl-points\"\u003e\n\u003cdiv class=\"cl-pt\"\u003e\n\u003cspan class=\"cl-num\"\u003e\u003cb\u003e01\u003c\/b\u003e — Spiral geometry\u003c\/span\u003e\n\u003ch3\u003eWrapped in \u003cspan\u003ea spiral\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eNot a flat strip. Most LED lamps scroll light in one direction; these effects climb, rotate and pulse in three dimensions. It's the difference between watching fire on a screen and watching it move around you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-pt\"\u003e\n\u003cspan class=\"cl-num\"\u003e\u003cb\u003e02\u003c\/b\u003e — Control\u003c\/span\u003e\n\u003ch3\u003eYour phone is \u003cspan\u003ethe remote\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eNo app, no account. Open \u003cspan class=\"cl-tag cl-mono\"\u003ecyberlamp.local\u003c\/span\u003e in any browser: effects, color, brightness, presets, and a live preview of what the lamp is doing right now.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-pt\"\u003e\n\u003cspan class=\"cl-num\"\u003e\u003cb\u003e03\u003c\/b\u003e — Made and maintained\u003c\/span\u003e\n\u003ch3\u003eBuilt by \u003cspan\u003eone person\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eFirmware, every effect and the control panel were written from scratch by the person who designed the enclosure and solders your board. Updates arrive over WiFi, so it does more next month than today.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cl-rule cl-mono\"\u003eFour of the sixty-five\u003c\/p\u003e\n\u003cdiv class=\"cl-favs\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e\u003csvg class=\"cl-ico\" viewbox=\"0 0 256 256\" aria-hidden=\"true\" width=\"15\" height=\"15\"\u003e\u003cpath fill=\"currentColor\" d=\"m216.49 184.49l-32 32a12 12 0 0 1-17-17L179 188H48a12 12 0 0 1 0-24h131l-11.52-11.51a12 12 0 0 1 17-17l32 32a12 12 0 0 1 .01 17m-145-64a12 12 0 0 0 17-17L77 92h131a12 12 0 0 0 0-24H77l11.49-11.51a12 12 0 0 0-17-17l-32 32a12 12 0 0 0 0 17Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003eDual Scanner\u003c\/b\u003e\u003cspan\u003eTwo beams sweep the cylinder from opposite ends and cross in the middle.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e\u003csvg class=\"cl-ico\" viewbox=\"0 0 256 256\" aria-hidden=\"true\" width=\"15\" height=\"15\"\u003e\u003cpath fill=\"currentColor\" d=\"M204 204.5V232a12 12 0 0 1-24 0v-27.5a59.68 59.68 0 0 0-33.17-53.67l-48.4-24.2A83.54 83.54 0 0 1 52 51.5V24a12 12 0 0 1 24 0v27.5a59.68 59.68 0 0 0 33.17 53.67l48.4 24.2A83.54 83.54 0 0 1 204 204.5m-52-.5H76a59.8 59.8 0 0 1 2.34-16h56.2a12 12 0 0 0 0-24H91.76c1-1.1 2-2.18 3.13-3.21a12 12 0 0 0-16.45-17.48A84.38 84.38 0 0 0 52 204.5V232a12 12 0 0 0 24 0v-4h76a12 12 0 0 0 0-24m40-192a12 12 0 0 0-12 12v4h-76a12 12 0 0 0 0 24h76a59.8 59.8 0 0 1-2.34 16h-56.22a12 12 0 0 0 0 24h42.8c-1 1.1-2 2.18-3.13 3.21a12 12 0 0 0 16.45 17.48A84.38 84.38 0 0 0 204 51.5V24a12 12 0 0 0-12-12\"\u003e\u003c\/path\u003e\u003c\/svg\u003eDNA Helix\u003c\/b\u003e\u003cspan\u003eTwin strands of light twist up the lamp like a double helix.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e\u003csvg class=\"cl-ico\" viewbox=\"0 0 256 256\" aria-hidden=\"true\" width=\"15\" height=\"15\"\u003e\u003cpath fill=\"currentColor\" d=\"M177.62 159.6a52 52 0 0 1-34 34a12.2 12.2 0 0 1-3.6.55a12 12 0 0 1-3.6-23.45a28 28 0 0 0 18.32-18.32a12 12 0 0 1 22.9 7.2ZM220 144a92 92 0 0 1-184 0c0-28.81 11.27-58.18 33.48-87.28a12 12 0 0 1 17.9-1.33l19.69 19.11L127 19.89a12 12 0 0 1 18.94-5.12C168.2 33.25 220 82.85 220 144m-24 0c0-41.71-30.61-78.39-52.52-99.29l-20.21 55.4a12 12 0 0 1-19.63 4.5L80.71 82.36C67 103.38 60 124.06 60 144a68 68 0 0 0 136 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003eFire\u003c\/b\u003e\u003cspan\u003eFlames that climb and curl in every direction, not just up.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e\u003csvg class=\"cl-ico\" viewbox=\"0 0 256 256\" aria-hidden=\"true\" width=\"15\" height=\"15\"\u003e\u003cpath fill=\"currentColor\" d=\"M225.24 174.74a12 12 0 0 1-1.58 16.89c-18.17 15.08-34.6 20.37-49.51 20.37c-19.76 0-36.86-9.29-51.88-17.44c-25.06-13.62-44.86-24.37-74.61.3a12 12 0 1 1-15.32-18.48c42.25-35 75-17.23 101.39-2.92c25.06 13.61 44.86 24.37 74.61-.3a12 12 0 0 1 16.9 1.58m-16.9-57.59c-29.75 24.67-49.55 13.91-74.61.3c-26.35-14.3-59.14-32.11-101.39 2.92a12 12 0 0 0 15.32 18.48c29.75-24.67 49.55-13.92 74.61-.3c15 8.15 32.12 17.44 51.88 17.44c14.91 0 31.34-5.29 49.51-20.36a12 12 0 0 0-15.32-18.48M47.66 82.84c29.75-24.67 49.55-13.92 74.61-.3c15 8.15 32.12 17.44 51.88 17.44c14.91 0 31.34-5.29 49.51-20.36a12 12 0 0 0-15.32-18.48c-29.75 24.67-49.55 13.92-74.61.3c-26.35-14.3-59.14-32.11-101.39 2.93a12 12 0 1 0 15.32 18.47\"\u003e\u003c\/path\u003e\u003c\/svg\u003eAurora\u003c\/b\u003e\u003cspan\u003eCharged-particle curtains of color that drift and shift.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cl-more\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eAll 65 effects\u003c\/summary\u003e\n\u003cdiv class=\"cl-body\"\u003e\n\u003cdl class=\"cl-cols\"\u003e\n\u003cdt\u003eClassic \u003ci\u003e13\u003c\/i\u003e\n\u003c\/dt\u003e\n\u003cdd\u003eSolid Color, Rainbow Wave, Rainbow Beat, Color Wipe, Gradient Sweep, Running Lights, Breathing, Sinelon, Dual Scanner, Color Waves, Pride, Auto Cycle, Cylon Scanner\u003c\/dd\u003e\n\u003cdt\u003eOrganic \u003ci\u003e8\u003c\/i\u003e\n\u003c\/dt\u003e\n\u003cdd\u003eFire, Lava, Lava Lamp, Heartbeat, Flame Tornado, Vine Growth, Thermal Bloom, Campfire to Embers\u003c\/dd\u003e\n\u003cdt\u003eWater \u003ci\u003e7\u003c\/i\u003e\n\u003c\/dt\u003e\n\u003cdd\u003eRipple, Pacifica, Ice, Cascade, Liquid Fill, Tidal, Caustic Ripples\u003c\/dd\u003e\n\u003cdt\u003eElectric \u003ci\u003e7\u003c\/i\u003e\n\u003c\/dt\u003e\n\u003cdd\u003ePlasma, Lightning, Matrix, Pulse Beacon, Plasma Column, Cellular Automata, Electric Arcs\u003c\/dd\u003e\n\u003cdt\u003eCosmic \u003ci\u003e6\u003c\/i\u003e\n\u003c\/dt\u003e\n\u003cdd\u003eAurora, Galaxy Arm, Wormhole, Orbit, Nebula, Lissajous Orbit\u003c\/dd\u003e\n\u003cdt\u003eDynamic \u003ci\u003e7\u003c\/i\u003e\n\u003c\/dt\u003e\n\u003cdd\u003eMeteor Rain, Comet, Bouncing Balls, Confetti, Fireworks, Slinky, Sparkler Fountain\u003c\/dd\u003e\n\u003cdt\u003eAmbient \u003ci\u003e8\u003c\/i\u003e\n\u003c\/dt\u003e\n\u003cdd\u003eTwinkle Stars, Sparkle Trail, Firefly Sync, Turing Patterns, Bioluminescent Shore, Soap Film, Jellyfish Drift, Snow Globe\u003c\/dd\u003e\n\u003cdt\u003eGeometric \u003ci\u003e9\u003c\/i\u003e\n\u003c\/dt\u003e\n\u003cdd\u003eLighthouse, DNA Helix, Rising Rings, Spiral Vortex, Gyroscope, Helix Chase, Counter-Spin, Moire Bands, Pendulum Wave\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp\u003eEffects like DNA Helix, Spiral Vortex, Galaxy Arm and Wormhole were written for this geometry. They only exist because the LEDs are shaped this way.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat you control \u003csmall\u003efrom any browser\u003c\/small\u003e\u003c\/summary\u003e\n\u003cdiv class=\"cl-body\"\u003e\n\u003cul class=\"cl-ticks\"\u003e\n\u003cli\u003eAll 65 effects, switched instantly\u003c\/li\u003e\n\u003cli\u003eBrightness and animation speed\u003c\/li\u003e\n\u003cli\u003eAny color, with the RGB picker\u003c\/li\u003e\n\u003cli\u003e8 favorite scenes saved as presets\u003c\/li\u003e\n\u003cli\u003eShowcase mode \u003csmall\u003ecycles effects on its own\u003c\/small\u003e\n\u003c\/li\u003e\n\u003cli\u003eSleep timer \u003csmall\u003e15 min, 30 min, 1 hr, 2 hr\u003c\/small\u003e\n\u003c\/li\u003e\n\u003cli\u003eBeat Mode \u003csmall\u003epulses over any running effect\u003c\/small\u003e\n\u003c\/li\u003e\n\u003cli\u003eLive LED preview in the browser\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eMost effects have their own parameters too — fire cooling, sparking rate and flame height; lighthouse beam width and beam count; helix strand width and rotation speed. You're not just picking an animation, you're shaping it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eSetup \u003csmall\u003etwo minutes\u003c\/small\u003e\u003c\/summary\u003e\n\u003cdiv class=\"cl-body\"\u003e\n\u003col class=\"cl-steps\"\u003e\n\u003cli\u003ePlug in CyberLamp via USB-C\u003c\/li\u003e\n\u003cli\u003eConnect to CyberLamp's WiFi network on your phone\u003c\/li\u003e\n\u003cli\u003eEnter your home WiFi password\u003c\/li\u003e\n\u003cli\u003eOpen \u003cspan class=\"cl-tag cl-mono\"\u003ecyberlamp.local\u003c\/span\u003e in any browser\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003eAfter that, just open your browser whenever you want to change effects. That's it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eSpecs \u0026amp; box\u003c\/summary\u003e\n\u003cdiv class=\"cl-body\"\u003e\n\u003cdiv class=\"cl-specs\"\u003e\n\u003cdiv\u003e\n\u003cspan\u003eLEDs\u003c\/span\u003e\u003cstrong\u003e160 RGB\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003ePower\u003c\/span\u003e\u003cstrong\u003eUSB-C\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eWiFi\u003c\/span\u003e\u003cstrong\u003e2.4 GHz\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e\u003cstrong\u003e13.9 oz\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eSize\u003c\/span\u003e\u003cstrong\u003e12.13 × 5.25 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eCyberLamp ARC-2, fully assembled and ready to use, plus a USB-C cable. Runs from any USB-C source — phone charger, laptop port or wall adapter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cl-foot\"\u003eQuestions? Send a message — always happy to help.\u003c\/p\u003e\n\u003c\/div\u003e\n","brand":"Atomic Creations","offers":[{"title":"Default Title","offer_id":53469358915873,"sku":null,"price":149.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0998\/9868\/7777\/files\/il_1588xN.7876140598_blt0.webp?v=1788811988","url":"https:\/\/atomiccreations.co\/products\/arc-2-cyberlamp","provider":"Atomic Creations","version":"1.0","type":"link"}