RO \u2014 Rosita Cabrera \u00b7 AI Creative & Designer<\/title>\n<meta name=\"description\" content=\"25 years of design craft meets the new frontier of AI creation. Higgsfield prompt tutorials, AI creative tools, and a designer's perspective on the new era of content.\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;700;900&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&family=DM+Mono:wght@400&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2500\u2500 RESET & ROOT \u2500\u2500 *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n --bg: #080A0F;\n --card: #0D1117;\n --surface: #111820;\n --border: #1E2A38;\n --cyan: #00E5FF;\n --cyan-bg: rgba(0,229,255,0.07);\n --cyan-border: rgba(0,229,255,0.22);\n --cyan-glow: rgba(0,229,255,0.15);\n --orange: #FF6B35;\n --orange-bg: rgba(255,107,53,0.08);\n --orange-border: rgba(255,107,53,0.25);\n --purple: #A78BFA;\n --purple-bg: rgba(167,139,250,0.08);\n --purple-border: rgba(167,139,250,0.25);\n --green: #34D399;\n --amber: #FBBF24;\n --pink: #F472B6;\n --white: #F0F4F8;\n --muted: #a3b5c1;\n --muted2: #718999;\n --fd: 'Orbitron', monospace;\n --fb: 'DM Sans', sans-serif;\n --fm: 'DM Mono', monospace;\n}\n\na {\n margin: 0;\n padding: 0;\n clear: left;\n}\n}\t\n\t\t\nhtml { scroll-behavior: smooth; }\n\nbody {\n background: var(--bg);\n color: var(--white);\n font-family: var(--fb);\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500 GLOBAL GRID BG \u2500\u2500 *\/\nbody::before {\n content: '';\n position: fixed; inset: 0;\n background-image:\n linear-gradient(var(--border) 1px, transparent 1px),\n linear-gradient(90deg, var(--border) 1px, transparent 1px);\n background-size: 44px 44px;\n opacity: 0.2;\n pointer-events: none;\n z-index: 0;\n}\n\n\/* \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: 52px;\n height: 64px;\n background: rgba(8,10,15,0.85);\n backdrop-filter: blur(16px);\n border-bottom: 1px solid var(--border);\n animation: fadeDown 0.6s ease both;\n}\n\n.nav-brand {\n display: flex; align-items: center; gap: 12px;\n text-decoration: none;\n}\n\n.nav-logo {\n font-family: var(--fd); font-size:32px; font-weight: 900;\n color: var(--white); letter-spacing: -0.02em; line-height: 1;\n}\n.nav-logo span { color: var(--cyan); }\n\n.nav-sep { width: 1px; height: 22px; background: var(--border); }\n\n.nav-brand-text { display: flex; flex-direction: column; }\n.nav-brand-title { font-family: var(--fd); font-size: 14px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--white); }\n.nav-brand-sub { font-family: var(--fd); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-top: 2px; }\n\n.nav-links {\n display: flex; align-items: center; gap: 6px;\n}\n\n.nav-link {\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase;\n color: var(--muted); text-decoration: none; padding: 8px 14px; border-radius: 3px;\n border: 1px solid transparent; transition: all 0.2s;\n}\n.nav-link:hover { color: var(--white); border-color: var(--border); }\n\n.nav-cta {\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase;\n color: #080A0F; background: var(--cyan); text-decoration: none;\n padding: 9px 18px; border-radius: 3px; font-weight: 700;\n transition: opacity 0.2s, transform 0.15s;\n}\n.nav-cta:hover { opacity: 0.85; transform: translateY(-1px); }\n\n\/* \u2500\u2500 SECTIONS \u2500\u2500 *\/\nsection { position: relative; z-index: 1; }\n\n.container { max-width: 1180px; margin: 0 auto; padding: 0 48px; }\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero {\n min-height: 100vh;\n display: flex; align-items: center;\n padding-top: 84px;\n overflow: hidden;\n position: relative;\n}\n\n.hero-glow {\n position: absolute;\n top: 10%; right: -10%;\n width: 700px; height: 700px;\n background: radial-gradient(circle, rgba(0,229,255,0.08) 0%, transparent 65%);\n pointer-events: none;\n}\n\n.hero-glow2 {\n position: absolute;\n bottom: 5%; left: -10%;\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(255,107,53,0.05) 0%, transparent 65%);\n pointer-events: none;\n}\n\n.hero-inner {\n display: grid; grid-template-columns: 1fr 420px; gap: 80px; align-items: center;\n width: 100%;\n}\n\n.hero-eyebrow {\n display: flex; align-items: center; gap: 10px; margin-bottom: 28px;\n animation: fadeUp 0.6s ease 0.1s both;\n}\n.hero-eyebrow-dot {\n width: 6px; height: 6px; border-radius: 50%; background: var(--cyan);\n animation: pulse 2s ease-in-out infinite;\n}\n.hero-eyebrow-text {\n font-family: var(--fd); font-size: 8px; letter-spacing: 0.24em;\n text-transform: uppercase; color: var(--cyan);\n}\n\n.hero-title {\n font-family: var(--fd); font-size: clamp(36px, 4.5vw, 60px);\n font-weight: 900; line-height: 1.05; letter-spacing: -0.02em;\n color: var(--white); margin-bottom: 8px;\n animation: fadeUp 0.6s ease 0.15s both;\n}\n.hero-title-accent { color: var(--cyan); display: block; }\n\n.hero-subtitle {\n font-family: var(--fd); font-size: clamp(14px, 1.6vw, 18px);\n font-weight: 400; color: var(--muted); letter-spacing: 0.08em;\n text-transform: uppercase; margin-bottom: 32px;\n animation: fadeUp 0.6s ease 0.2s both;\n}\n\n.hero-body {\n font-size: 16px; line-height: 1.75; color: var(--white); font-weight: 300;\n max-width: 520px; margin-bottom: 40px;\n animation: fadeUp 0.6s ease 0.25s both;\n}\n.hero-body strong { color: var(--cyan); font-weight: 500; }\n\n.hero-actions {\n display: flex; align-items: center; gap: 14px; flex-wrap: wrap;\n animation: fadeUp 0.6s ease 0.3s both;\n}\n\n.btn-primary {\n display: inline-flex; align-items: center; gap: 10px;\n background: var(--cyan); color: #080A0F; text-decoration: none;\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;\n font-weight: 700; padding: 14px 28px; border-radius: 4px;\n transition: opacity 0.2s, transform 0.15s; border: none; cursor: pointer;\n}\n.btn-primary:hover { opacity: 0.88; transform: translateY(-2px); }\n\n.btn-secondary {\n display: inline-flex; align-items: center; gap: 8px;\n background: transparent; color: var(--white); text-decoration: none;\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;\n font-weight: 400; padding: 14px 28px; border-radius: 4px;\n border: 1px solid var(--border); transition: all 0.2s; cursor: pointer;\n}\n.btn-secondary:hover { border-color: var(--cyan-border); color: var(--cyan); }\n\n.hero-stats {\n display: flex; gap: 32px; margin-top: 52px; padding-top: 32px;\n border-top: 1px solid var(--border);\n animation: fadeUp 0.6s ease 0.35s both;\n}\n.hero-stat-val {\n font-family: var(--fd); font-size: 28px; font-weight: 900; color: var(--white);\n line-height: 1;\n}\n.hero-stat-val span { color: var(--cyan); }\n.hero-stat-lbl {\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--muted); margin-top: 6px;\n}\n\n\/* \u2500\u2500 HERO CARD (right side) \u2500\u2500 *\/\n.hero-card-wrap {\n animation: fadeUp 0.6s ease 0.2s both;\n}\n\n.hero-card {\n background: var(--card); border: 1px solid var(--border); border-radius: 10px;\n overflow: hidden; position: relative;\n}\n\n.hero-card::before {\n content: '';\n position: absolute; top: 0; left: 0; right: 0; height: 1px;\n background: linear-gradient(90deg, transparent, var(--cyan), transparent);\n}\n\n.hc-top {\n display: flex; align-items: center; justify-content: space-between;\n padding: 16px 20px; border-bottom: 1px solid var(--border);\n background: var(--surface);\n}\n\n.hc-logo { font-family: var(--fd); font-size: 20px; font-weight: 900; color: var(--white); }\n.hc-logo span { color: var(--cyan); }\n\n.hc-badge {\n display: flex; align-items: center; gap: 6px;\n border: 1px solid var(--border); border-radius: 3px; padding: 4px 10px;\n}\n.hc-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); animation: pulse 2s ease-in-out infinite; }\n.hc-badge-text { font-family: var(--fd); font-size: 12px; letter-spacing: 0.16em; color: var(--muted); text-transform: uppercase; }\n\n.hc-prompt-label {\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase;\n color: var(--muted); padding: 14px 20px 8px;\n}\n\n.hc-prompt {\n padding: 0 20px 16px;\n font-family: var(--fm); font-size: 14px; line-height: 1.75;\n border-bottom: 1px solid var(--border);\n}\n.pt-s { color: var(--cyan); }\n.pt-a { color: var(--purple); }\n.pt-st { color: var(--orange); }\n.pt-c { color: var(--green); }\n.pt-l { color: var(--amber); }\n.pt-m { color: var(--pink); }\n\n.hc-components {\n display: grid; grid-template-columns: 1fr 1fr; gap: 0;\n}\n\n.hc-comp {\n padding: 12px 16px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border);\n}\n.hc-comp:nth-child(even) { border-right: none; }\n.hc-comp:nth-last-child(-n+2) { border-bottom: none; }\n\n.hc-comp-tag { font-family: var(--fd); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 4px; }\n.hc-comp-val { font-family: var(--fm); font-size: 12px; line-height: 1.4; color: var(--white); }\n\n\/* \u2500\u2500 SECTION LABEL \u2500\u2500 *\/\n.slabel {\n font-family: var(--fd); font-size: 10px; letter-spacing: 0.24em; text-transform: uppercase;\n color: var(--muted); margin-bottom: 16px; display: flex; align-items: center; gap: 12px;\n}\n.slabel::after { content: ''; flex: 1; height: 1px; background: var(--border); }\n\n.section-title {\n font-family: var(--fd); font-size: clamp(24px, 3vw, 38px); font-weight: 900;\n color: var(--white); line-height: 1.1; letter-spacing: -0.01em; margin-bottom: 16px;\n}\n.section-title span { color: var(--cyan); }\n\n.section-body {\n font-size: 15px; color: var(--muted); line-height: 1.7; font-weight: 300; max-width: 560px;\n}\n\n\/* \u2500\u2500 TOOLS SECTION \u2500\u2500 *\/\n.tools-section { padding: 120px 0; }\n\n.tools-header { margin-bottom: 60px; }\n\n.tools-grid {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 40px;\n}\n\n.tool-card {\n background: var(--card); border: 1px solid var(--border); border-radius: 8px;\n overflow: hidden; transition: transform 0.2s, border-color 0.2s;\n text-decoration: none; display: block;\n}\n.tool-card:hover { transform: translateY(-4px); border-color: var(--cyan-border); }\n\n.tc-top {\n padding: 20px 20px 0; display: flex; align-items: flex-start; justify-content: space-between;\n}\n\n.tc-num {\n font-family: var(--fd); font-size: 12px; font-weight: 700; letter-spacing: 0.1em;\n opacity: 0.5;\n}\n\n.tc-badge {\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;\n padding: 3px 8px; border-radius: 2px; border: 1px solid;\n}\n\n.tc-body { padding: 16px 20px 20px; }\n.tc-name {\n font-family: var(--fd); font-size: 14px; font-weight: 700; letter-spacing: 0.1em;\n text-transform: uppercase; margin-bottom: 8px;\n}\n.tc-desc { font-size: 12px; color: var(--muted); line-height: 1.6; font-weight: 300; margin-bottom: 14px; }\n\n.tc-features { display: flex; flex-direction: column; gap: 5px; }\n.tc-feat { display: flex; align-items: center; gap: 7px; font-size: 14px; color: var(--muted); }\n.tc-dot { width: 4px; height: 4px; border-radius: 50%; flex-shrink: 0; }\n\n.tc-footer {\n padding: 12px 20px; border-top: 1px solid var(--border); background: var(--surface);\n display: flex; align-items: center; justify-content: space-between; \n}\n.tc-link { font-family: var(--fd); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); }\n.tc-arrow { font-size: 14px; color: var(--muted); transition: transform 0.2s, color 0.2s; }\n.tool-card:hover .tc-arrow { transform: translateX(4px); color: var(--cyan); }\n.tool-card:hover .tc-link { color: var(--cyan); }\n\n.tools-cta {\n display: flex; align-items: center; justify-content: space-between;\n padding: 24px 28px; background: var(--card); border: 1px solid var(--border); border-radius: 8px;\n}\n.tools-cta-text {font-size: 14px; }\n.tools-cta-title { font-family: var(--fd); font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--white); margin-bottom: 4px; }\n.tools-cta-sub { font-size: 12px; color: var(--muted); font-weight: 300; }\n\n\/* \u2500\u2500 ABOUT SECTION \u2500\u2500 *\/\n.about-section { padding: 120px 0; border-top: 1px solid var(--border); }\n\n.about-grid { display: grid; grid-template-columns: 1fr 400px; gap: 80px; align-items: center; }\n\n.about-timeline { display: flex; flex-direction: column; gap: 0; margin-top: 40px; }\n\n.timeline-item { display: flex; gap: 20px; padding-bottom: 32px; position: relative; }\n.timeline-item:last-child { padding-bottom: 0; }\n.timeline-item::before {\n content: ''; position: absolute; left: 5px; top: 22px; bottom: 0;\n width: 1px; background: var(--border);\n}\n.timeline-item:last-child::before { display: none; }\n\n.tl-dot {\n width: 12px; height: 12px; border-radius: 50%; border: 2px solid; flex-shrink: 0;\n margin-top: 4px; background: var(--bg);\n}\n.tl-right {font-size: 10px; }\n.tl-year {\n font-family: var(--fd); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;\n margin-bottom: 4px;\n}\n.tl-event { font-size: 13px; color: var(--white); line-height: 1.5; font-weight: 300; }\n\n.about-card {\n background: var(--card); border: 1px solid var(--border); border-radius: 10px; overflow: hidden;\n}\n\n.about-card-top {\n padding: 28px 28px 24px; border-bottom: 1px solid var(--border);\n}\n\n.ac-avatar {\n width: 72px; height: 72px; border-radius: 50%;\n background: var(--cyan-bg); border: 2px solid var(--cyan-border);\n display: flex; align-items: center; justify-content: center;\n font-family: var(--fd); font-size: 22px; font-weight: 900; color: var(--cyan);\n margin-bottom: 16px;\n}\n\n.ac-name { font-family: var(--fd); font-size: 14px; font-weight: 700; color: var(--white); margin-bottom: 4px; }\n.ac-title { font-family: var(--fd); font-size: 8px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); }\n\n.about-card-body { padding: 20px 28px; }\n\n.ac-bio {\n font-size: 13px; color: var(--muted); line-height: 1.7; font-weight: 300; margin-bottom: 20px;\n}\n\n.ac-tools {font-size: 12px; }\n.ac-tools-label { font-family: var(--fd); font-size: 7px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); margin-bottom: 10px; }\n.ac-tools-grid { display: flex; flex-wrap: wrap; gap: 6px; }\n.ac-tool {\n font-family: var(--fm); font-size: 12px; padding: 4px 10px;\n background: var(--surface); border: 1px solid var(--border); border-radius: 3px;\n color: var(--white);\n}\n\n.about-card-footer {\n padding: 16px 28px; border-top: 1px solid var(--border); background: var(--surface);\n display: flex; gap: 8px;\n}\n.social-link {\n font-family: var(--fd); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;\n color: var(--muted); text-decoration: none; padding: 6px 12px;\n border: 1px solid var(--border); border-radius: 3px; transition: all 0.2s;\n}\n.social-link:hover { border-color: var(--cyan-border); color: var(--cyan); }\n\n\/* \u2500\u2500 PROMPT PACKS \u2500\u2500 *\/\n.packs-section { padding: 120px 0; border-top: 1px solid var(--border); }\n\n.packs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 48px; }\n\n.pack-card {\n background: var(--card); border: 1px solid var(--border); border-radius: 8px;\n overflow: hidden; transition: transform 0.2s; text-decoration: none; display: block;\n}\n.pack-card:hover { transform: translateY(-3px); }\n\n.pack-top { padding: 20px 20px 16px; }\n.pack-num { font-family: var(--fd); font-size: 12px; font-weight: 700; letter-spacing: 0.1em; opacity: 0.5; margin-bottom: 8px; }\n.pack-name { font-family: var(--fd); font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 6px; }\n.pack-desc { font-size: 12px; color: var(--muted); line-height: 1.6; font-weight: 300; }\n\n.pack-prompts { padding: 0 20px 16px; display: flex; flex-direction: column; gap: 5px; }\n.pack-prompt { font-family: var(--fm); font-size: 10px; color: var(--muted); padding: 5px 8px; background: var(--surface); border-radius: 3px; }\n\n.pack-footer {\n padding: 12px 20px; border-top: 1px solid var(--border); background: var(--surface);\n display: flex; align-items: center; justify-content: space-between;\n}\n.pack-count { font-family: var(--fd); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }\n.pack-price { font-family: var(--fd); font-size: 14px; font-weight: 700; }\n\n\/* \u2500\u2500 MEMBERSHIP \u2500\u2500 *\/\n.membership-section { padding: 120px 0; border-top: 1px solid var(--border); }\n\n.membership-grid { display: grid; grid-template-columns: 1fr 480px; gap: 80px; align-items: start; margin-top: 60px; }\n\n.membership-features { display: flex; flex-direction: column; gap: 20px; }\n\n.mf-item {\n display: flex; gap: 16px; padding: 20px; background: var(--card);\n border: 1px solid var(--border); border-radius: 8px;\n transition: border-color 0.2s;\n}\n.mf-item:hover { border-color: var(--cyan-border); }\n\n.mf-icon {\n width: 40px; height: 40px; border-radius: 6px; flex-shrink: 0;\n display: flex; align-items: center; justify-content: center;\n font-size: 18px;\n}\n.mf-body {font-size: 12px; }\n.mf-title { font-family: var(--fd); font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--white); margin-bottom: 4px; }\n.mf-desc { font-size: 12px; color: var(--muted); line-height: 1.6; font-weight: 300; }\n\n.pricing-card {\n background: var(--card); border: 1px solid var(--cyan-border); border-radius: 10px;\n overflow: hidden; position: sticky; top: 80px;\n}\n\n.pricing-card::before {\n content: '';\n position: absolute; top: 0; left: 0; right: 0; height: 2px;\n background: linear-gradient(90deg, transparent 0%, var(--cyan) 50%, transparent 100%);\n}\n\n.pc-header { padding: 28px; border-bottom: 1px solid var(--border); }\n\n.pc-badge {\n font-family: var(--fd); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;\n background: var(--cyan-bg); border: 1px solid var(--cyan-border); border-radius: 2px;\n padding: 4px 10px; color: var(--cyan); display: inline-block; margin-bottom: 16px;\n}\n\n.pc-tier { font-family: var(--fd); font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }\n.pc-price { font-family: var(--fd); font-size: 44px; font-weight: 900; color: var(--white); line-height: 1; margin-bottom: 4px; }\n.pc-price span { font-size: 16px; color: var(--muted); font-weight: 400; }\n.pc-price-note { font-size: 12px; color: var(--muted); font-weight: 300; }\n\n.pc-body { padding: 24px 28px; }\n.pc-features { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; }\n.pc-feat { display: flex; align-items: flex-start; gap: 10px; }\n.pc-feat-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); flex-shrink: 0; margin-top: 6px; }\n.pc-feat-text { font-size: 13px; color: var(--white); line-height: 1.5; font-weight: 300; }\n\n.pc-cta {\n display: block; background: var(--cyan); color: #080A0F; text-decoration: none; text-align: center;\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;\n font-weight: 700; padding: 15px; border-radius: 5px; transition: opacity 0.2s, transform 0.15s;\n margin-bottom: 12px;\n}\n.pc-cta:hover { opacity: 0.88; transform: translateY(-1px); }\n\n.pc-founding {\n text-align: center; font-size: 11px; color: var(--muted); font-weight: 300;\n}\n.pc-founding strong { color: var(--amber); font-weight: 500; }\n\n.pc-footer { padding: 16px 28px; border-top: 1px solid var(--border); background: var(--surface); }\n.pc-guarantee { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--muted); }\n.pc-guarantee-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--green); flex-shrink: 0; }\n\n\/* \u2500\u2500 YOUTUBE SECTION \u2500\u2500 *\/\n.youtube-section { padding: 120px 0; border-top: 1px solid var(--border); }\n\n.yt-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 48px; }\n\n.yt-card {\n background: var(--card); border: 1px solid var(--border); border-radius: 8px;\n overflow: hidden; transition: transform 0.2s, border-color 0.2s;\n text-decoration: none; display: block;\n}\n.yt-card:hover { transform: translateY(-3px); border-color: var(--orange-border); }\n\n.yt-thumb {\n aspect-ratio: 16\/9; position: relative;\n overflow: hidden;\n}\n\n.yt-thumb-bg {\n width: 100%; height: 100%;\n display: flex; align-items: center; justify-content: center;\n position: relative;\n}\n\n.yt-thumb-grid {\n position: absolute; inset: 0;\n background-image:\n linear-gradient(var(--border) 1px, transparent 1px),\n linear-gradient(90deg, var(--border) 1px, transparent 1px);\n background-size: 20px 20px;\n opacity: 0.5;\n}\n\n.yt-ep {\n position: absolute; top: 10px; left: 10px;\n font-family: var(--fd); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;\n background: var(--surface); border: 1px solid var(--border); border-radius: 2px;\n padding: 3px 8px; color: var(--cyan);\n}\n\n.yt-play {\n width: 44px; height: 44px; border-radius: 50%;\n background: var(--orange); display: flex; align-items: center; justify-content: center;\n position: relative; z-index: 1;\n font-size: 16px; color: white;\n}\n\n.yt-title-overlay {\n position: absolute; bottom: 10px; left: 10px; right: 10px;\n font-family: var(--fd); font-size: 12px; font-weight: 700; letter-spacing: 0.08em;\n text-transform: uppercase; color: var(--white); line-height: 1.4;\n}\n\n.yt-body { padding: 14px 16px; }\n.yt-series { font-family: var(--fd); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--orange); margin-bottom: 6px; }\n.yt-title { font-size: 13px; color: var(--white); line-height: 1.5; font-weight: 400; }\n\n.yt-sub-cta {\n display: flex; align-items: center; justify-content: space-between;\n padding: 24px 28px; background: var(--card); border: 1px solid var(--border); border-radius: 8px;\n margin-top: 24px; text-decoration: none;\n transition: border-color 0.2s;\n}\n.yt-sub-cta:hover { border-color: var(--orange-border); }\n.yt-sub-left {font-size: 10px; }\n.yt-sub-title { font-family: var(--fd); font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--white); margin-bottom: 4px; }\n.yt-sub-note { font-size: 13px; color: var(--muted); font-weight: 300; }\n.yt-sub-btn {\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase;\n background: var(--orange); color: white; padding: 10px 20px; border-radius: 4px; font-weight: 700;\n white-space: nowrap;\n}\n\n\/* \u2500\u2500 CTA BAND \u2500\u2500 *\/\n.cta-band {\n padding: 100px 0; border-top: 1px solid var(--border);\n position: relative; overflow: hidden;\n}\n.cta-band-glow {\n position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n width: 800px; height: 400px;\n background: radial-gradient(ellipse, rgba(0,229,255,0.06) 0%, transparent 65%);\n pointer-events: none;\n}\n.cta-band-inner { text-align: center; position: relative; z-index: 1; }\n.cta-band-title {\n font-family: var(--fd); font-size: clamp(28px, 3.5vw, 46px); font-weight: 900;\n color: var(--white); line-height: 1.1; margin-bottom: 16px; letter-spacing: -0.01em;\n}\n.cta-band-title span { color: var(--cyan); }\n.cta-band-sub { font-size: 16px; color: var(--muted); font-weight: 300; margin-bottom: 36px; max-width: 500px; margin-left: auto; margin-right: auto; }\n.cta-band-actions { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }\n\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\nfooter {\n border-top: 1px solid var(--border); padding: 60px 0 40px;\n position: relative; z-index: 1;\n}\n\n.footer-grid {\n display: grid; grid-template-columns: 260px 1fr 1fr 1fr; gap: 60px; margin-bottom: 60px;\n}\n\n.footer-brand { font-size: 28px; }\n.footer-logo { font-family: var(--fd); font-size: 28px; font-weight: 900; color: var(--white); margin-bottom: 12px; }\n.footer-logo span { color: var(--cyan); }\n.footer-tagline { font-size: 14px; color: var(--muted); line-height: 1.65; font-weight: 300; margin-bottom: 20px; }\n.footer-socials { display: flex; gap: 8px; }\n.footer-social {\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;\n color: var(--muted); text-decoration: none; padding: 6px 10px;\n border: 1px solid var(--border); border-radius: 3px; transition: all 0.2s;\n}\n.footer-social:hover { border-color: var(--cyan-border); color: var(--cyan); }\n\n.footer-col-title {\n font-family: var(--fd); font-size: 14px; letter-spacing: 0.2em; text-transform: uppercase;\n color: var(--white); margin-bottom: 16px;\n}\n.footer-links { display: flex; flex-direction: column; gap: 10px; }\n.footer-link {\n font-size: 14px; color: var(--muted); text-decoration: none; font-weight: 300;\n transition: color 0.2s; display: flex; align-items: center; gap: 6px;\n}\n.footer-link:hover { color: var(--white); }\n\n.footer-bottom {\n padding-top: 32px; border-top: 1px solid var(--border);\n display: flex; align-items: center; justify-content: space-between;\n}\n.footer-copy { font-size: 14px; color: var(--muted); font-weight: 300; }\n.footer-made { font-family: var(--fd); font-size: 14px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted2); }\n\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n@keyframes fadeDown { from { opacity:0; transform:translateY(-14px); } to { opacity:1; transform:translateY(0); } }\n@keyframes fadeUp { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }\n@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.3;transform:scale(0.65)} }\n\n\/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\n.reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.7s ease, transform 0.7s ease; }\n.reveal.visible { opacity: 1; transform: translateY(0); }\n\n\/* \u2500\u2500 SCROLLBAR \u2500\u2500 *\/\n::-webkit-scrollbar { width: 5px; }\n::-webkit-scrollbar-track { background: var(--bg); }\n::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 900px) {\n nav { padding: 0 24px; }\n .nav-links { display: none; }\n .container { padding: 0 24px; }\n .hero-inner { grid-template-columns: 1fr; gap: 40px; }\n .hero-card-wrap { display: none; }\n .tools-grid { grid-template-columns: 1fr 1fr; }\n .about-grid { grid-template-columns: 1fr; }\n .membership-grid { grid-template-columns: 1fr; }\n .footer-grid { grid-template-columns: 1fr 1fr; }\n .yt-grid { grid-template-columns: 1fr; }\n .packs-grid { grid-template-columns: 1fr 1fr; }\n}\n@media (max-width: 600px) {\n .tools-grid, .packs-grid { grid-template-columns: 1fr; }\n .hero-stats { gap: 20px; }\n .footer-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n<\/head>\n<body>\n\n\n\n\n<nav>\n <a href=\"https:\/\/rocreativeai.com\/\" class=\"nav-brand\">\n <div class=\"nav-logo\">R<span>O<\/span><\/div>\n <div class=\"nav-sep\"><\/div>\n <div class=\"nav-brand-text\">\n <div class=\"nav-brand-title\">Rosita Cabrera<\/div>\n <div class=\"nav-brand-sub\">AI Creative \u00b7 Designer<\/div>\n <\/div>\n <\/a>\n <div class=\"nav-links\">\n <a href=\"#tools\" class=\"nav-link\">Toolkit<\/a>\n <a href=\"#prompts\" class=\"nav-link\">Prompts<\/a>\n <a href=\"#about\" class=\"nav-link\">About<\/a>\n <a href=\"#youtube\" class=\"nav-link\">YouTube<\/a>\n <a href=\"#membership\" class=\"nav-cta\">Join the Circle<\/a>\n <\/div>\n<\/nav>\n\n\n\n\n<section class=\"hero\" id=\"home\">\n <div class=\"hero-glow\"><\/div>\n <div class=\"hero-glow2\"><\/div>\n <div class=\"container\">\n <div class=\"hero-inner\">\n <div class=\"hero-left\">\n\n <div class=\"hero-eyebrow\">\n <div class=\"hero-eyebrow-dot\"><\/div>\n <span class=\"hero-eyebrow-text\">Graphic Designer \u00b7 Web Developer \u00b7 AI Creative Explorer<\/span>\n <\/div>\n\n <h1 class=\"hero-title\">\n 25 Years of Design.\n <span class=\"hero-title-accent\">One New Frontier.<\/span>\n <\/h1>\n\n <p class=\"hero-subtitle\">Higgsfield \u00b7 Adobe \u00b7 AI Video \u00b7 Prompt Craft<\/p>\n\n <p class=\"hero-body\">\n I'm RO \u2014 Rosita Cabrera. After spending decades mastering every pixel of the design process,\n I discovered that <strong>AI didn't replace my creativity \u2014 it expanded it.<\/strong>\n Now I'm sharing everything I learn, in real time, with other creatives navigating this new era.\n <\/p>\n\n <div class=\"hero-actions\">\n <a href=\"#tools\" class=\"btn-primary\">Explore the toolkit \u2192<\/a>\n <a href=\"#membership\" class=\"btn-secondary\">Join the Circle<\/a>\n <\/div>\n\n <div class=\"hero-stats\">\n <div>\n <div class=\"hero-stat-val\">25<span>+<\/span><\/div>\n <div class=\"hero-stat-lbl\">Years of design<\/div>\n <\/div>\n <div>\n <div class=\"hero-stat-val\">12<\/div>\n <div class=\"hero-stat-lbl\">HTML tools<\/div>\n <\/div>\n <div>\n <div class=\"hero-stat-val\">20<span>0+<\/span><\/div>\n <div class=\"hero-stat-lbl\">Curated prompts<\/div>\n <\/div>\n <div>\n <div class=\"hero-stat-val\">1<\/div>\n <div class=\"hero-stat-lbl\">New drop \/ month<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"hero-card-wrap\">\n <div class=\"hero-card\">\n <div class=\"hc-top\">\n <span class=\"hc-logo\">R<span>O<\/span><\/span>\n <div class=\"hc-badge\">\n <div class=\"hc-dot\"><\/div>\n <span class=\"hc-badge-text\">Prompt Pack 01<\/span>\n <\/div>\n <\/div>\n <div class=\"hc-prompt-label\">Full prompt \u2014 Neon City Walk<\/div>\n <div class=\"hc-prompt\">\n <span class=\"pt-s\">A Latina woman in her 40s, elegant and confident,<\/span>\n <span class=\"pt-a\"> walks slowly toward the camera through a rain-slicked neon-lit city street,<\/span>\n <span class=\"pt-st\"> cinematic hyper-realistic, shot on 35mm anamorphic,<\/span>\n <span class=\"pt-c\"> slow push-in dolly, shallow depth of field,<\/span>\n <span class=\"pt-l\"> split lighting \u2014 cyan neon from left, amber signage from right,<\/span>\n <span class=\"pt-m\"> moody, mysterious, empowered.<\/span>\n <\/div>\n <div class=\"hc-components\">\n <div class=\"hc-comp\">\n <div class=\"hc-comp-tag\" style=\"color:var(--cyan);\">Subject<\/div>\n <div class=\"hc-comp-val\">Latina woman, 40s, elegant<\/div>\n <\/div>\n <div class=\"hc-comp\">\n <div class=\"hc-comp-tag\" style=\"color:var(--purple);\">Action<\/div>\n <div class=\"hc-comp-val\">Walks toward camera, night street<\/div>\n <\/div>\n <div class=\"hc-comp\">\n <div class=\"hc-comp-tag\" style=\"color:var(--orange);\">Style<\/div>\n <div class=\"hc-comp-val\">Cinematic 35mm anamorphic<\/div>\n <\/div>\n <div class=\"hc-comp\">\n <div class=\"hc-comp-tag\" style=\"color:var(--green);\">Camera<\/div>\n <div class=\"hc-comp-val\">Slow dolly push-in<\/div>\n <\/div>\n <div class=\"hc-comp\">\n <div class=\"hc-comp-tag\" style=\"color:var(--amber);\">Lighting<\/div>\n <div class=\"hc-comp-val\">Cyan + amber neon split<\/div>\n <\/div>\n <div class=\"hc-comp\">\n <div class=\"hc-comp-tag\" style=\"color:var(--pink);\">Mood<\/div>\n <div class=\"hc-comp-val\">Moody, mysterious, empowered<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"tools-section\" id=\"tools\">\n <div class=\"container\">\n <div class=\"tools-header reveal\">\n <div class=\"slabel\">The RO toolkit<\/div>\n <h2 class=\"section-title\">HTML tools built for<br><span>AI creatives<\/span><\/h2>\n <p class=\"section-body\">Every tool is built in the RO brand system \u2014 interactive, copy-ready, and designed from 25 years of professional craft. Members get a new tool every month.<\/p>\n <\/div>\n\n <div class=\"tools-grid\">\n\n <a href=\"https:\/\/rodesigned.com\/toolkit\/\" class=\"tool-card reveal\">\n <div class=\"tc-top\">\n <span class=\"tc-num\" style=\"color:var(--cyan);\">01<\/span>\n <span class=\"tc-badge\" style=\"color:var(--cyan);border-color:var(--cyan-border);background:var(--cyan-bg);\">Free<\/span>\n <\/div>\n <div class=\"tc-body\">\n <div class=\"tc-name\" style=\"color:var(--cyan);\">Prompt Breakdown Card<\/div>\n <div class=\"tc-desc\">The 6-part Higgsfield formula \u2014 color-coded, interactive, and copy-ready. Your starting point for every AI video.<\/div>\n <div class=\"tc-features\">\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--cyan);\"><\/div>Color-coded prompt anatomy<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--cyan);\"><\/div>Live prompt builder<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--cyan);\"><\/div>One-click copy<\/div>\n <\/div>\n <\/div>\n <div class=\"tc-footer\">\n <span class=\"tc-link\">Try it free<\/span>\n <span class=\"tc-arrow\">\u2192<\/span>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"tool-card reveal\">\n <div class=\"tc-top\">\n <span class=\"tc-num\" style=\"color:var(--amber);\">02<\/span>\n <span class=\"tc-badge\" style=\"color:var(--amber);border-color:var(--amber-border);background:var(--amber-bg);\">Member<\/span>\n <\/div>\n <div class=\"tc-body\">\n <div class=\"tc-name\" style=\"color:var(--amber);\">Lighting Designer<\/div>\n <div class=\"tc-desc\">Pick your light direction, color temperature, and source \u2014 get the exact lighting prompt language for Higgsfield.<\/div>\n <div class=\"tc-features\">\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--amber);\"><\/div>Visual compass direction picker<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--amber);\"><\/div>Color temp slider<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--amber);\"><\/div>9 classic preset setups<\/div>\n <\/div>\n <\/div>\n <div class=\"tc-footer\">\n <span class=\"tc-link\">Members only<\/span>\n <span class=\"tc-arrow\">\u2192<\/span>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"tool-card reveal\">\n <div class=\"tc-top\">\n <span class=\"tc-num\" style=\"color:var(--purple);\">03<\/span>\n <span class=\"tc-badge\" style=\"color:var(--purple);border-color:var(--purple-border);background:var(--purple-bg);\">Member<\/span>\n <\/div>\n <div class=\"tc-body\">\n <div class=\"tc-name\" style=\"color:var(--purple);\">Camera Move Builder<\/div>\n <div class=\"tc-desc\">Choose a movement type, speed, and angle \u2014 outputs the exact cinematic language Higgsfield responds to.<\/div>\n <div class=\"tc-features\">\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--purple);\"><\/div>Dolly, orbit, crane, handheld<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--purple);\"><\/div>Speed + angle combiner<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--purple);\"><\/div>Director language output<\/div>\n <\/div>\n <\/div>\n <div class=\"tc-footer\">\n <span class=\"tc-link\">Members only<\/span>\n <span class=\"tc-arrow\">\u2192<\/span>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"tool-card reveal\">\n <div class=\"tc-top\">\n <span class=\"tc-num\" style=\"color:var(--green);\">04<\/span>\n <span class=\"tc-badge\" style=\"color:var(--green);border-color:var(--green-border);background:var(--green-bg);\">Member<\/span>\n <\/div>\n <div class=\"tc-body\">\n <div class=\"tc-name\" style=\"color:var(--green);\">AI Influencer Builder<\/div>\n <div class=\"tc-desc\">Build a complete AI character \u2014 appearance, personality, niche \u2014 and get the prompts to generate them consistently.<\/div>\n <div class=\"tc-features\">\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--green);\"><\/div>Full persona generator<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--green);\"><\/div>Consistency notes included<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--green);\"><\/div>Character prompt output<\/div>\n <\/div>\n <\/div>\n <div class=\"tc-footer\">\n <span class=\"tc-link\">Members only<\/span>\n <span class=\"tc-arrow\">\u2192<\/span>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"tool-card reveal\">\n <div class=\"tc-top\">\n <span class=\"tc-num\" style=\"color:var(--pink);\">05<\/span>\n <span class=\"tc-badge\" style=\"color:var(--pink);border-color:var(--pink-border);background:var(--pink-bg);\">Member<\/span>\n <\/div>\n <div class=\"tc-body\">\n <div class=\"tc-name\" style=\"color:var(--pink);\">Scene Mood Generator<\/div>\n <div class=\"tc-desc\">Choose an emotional tone and get curated mood words, color palettes, and lighting direction to match.<\/div>\n <div class=\"tc-features\">\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--pink);\"><\/div>12 emotional tone presets<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--pink);\"><\/div>Matching color palettes<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--pink);\"><\/div>3-word mood phrase bank<\/div>\n <\/div>\n <\/div>\n <div class=\"tc-footer\">\n <span class=\"tc-link\">Members only<\/span>\n <span class=\"tc-arrow\">\u2192<\/span>\n <\/div>\n <\/a>\n\n <a href=\"#membership\" class=\"tool-card reveal\" style=\"border-style:dashed;border-color:var(--border);\">\n <div class=\"tc-top\">\n <span class=\"tc-num\" style=\"color:var(--muted);\">+7 <\/span>\n <\/div>\n <div class=\"tc-body\">\n <div class=\"tc-name\" style=\"color:var(--muted);\">More tools monthly<\/div>\n <div class=\"tc-desc\">One new HTML tool drops every month for Inner Circle members. Style Reference Finder, Brand Campaign Planner, Content Batch Planner, and more.<\/div>\n <div class=\"tc-features\">\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--muted);\"><\/div>12 tools across 12 months<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--muted);\"><\/div>All in the RO brand system<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--muted);\"><\/div>Yours to keep forever<\/div>\n <\/div>\n <\/div>\n <div class=\"tc-footer\">\n <span class=\"tc-link\">Join to unlock<\/span>\n <span class=\"tc-arrow\">\u2192<\/span>\n <\/div>\n <\/a>\n\n <\/div>\n\n <div class=\"tools-cta reveal\">\n <div class=\"tools-cta-text\">\n <div class=\"tools-cta-title\">Get the full RO Creator Toolkit<\/div>\n <div class=\"tools-cta-sub\">All 3 current tools + brand kit + prompt cheat sheet \u2014 one download, yours forever<\/div>\n <\/div>\n <a href=\"#\" class=\"btn-primary\">Download Toolkit \u2014 $47 \u2192<\/a>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"about-section\" id=\"about\">\n <div class=\"container\">\n <div class=\"about-grid\">\n\n <div class=\"reveal\">\n <div class=\"slabel\">The story<\/div>\n <h2 class=\"section-title\">A master craftsman<br><span>exploring a new medium<\/span><\/h2>\n <p class=\"section-body\" style=\"margin-bottom:0;\">When AI started entering the creative space, I didn't jump in right away. I was frustrated. As someone used to having full control over every pixel, learning how to \"create with AI\" felt like starting over.<\/p>\n\n <div class=\"about-timeline\">\n <div class=\"timeline-item\">\n <div class=\"tl-dot\" style=\"border-color:var(--cyan);\"><\/div>\n <div class=\"tl-right\">\n <div class=\"tl-year\" style=\"color:var(--cyan);\">1999 \u2014 Now<\/div>\n <div class=\"tl-event\">25+ years as a graphic designer and web developer \u2014 Adobe Creative Suite, Photoshop, Premiere Pro, full-stack digital experiences<\/div>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"tl-dot\" style=\"border-color:var(--amber);\"><\/div>\n <div class=\"tl-right\">\n <div class=\"tl-year\" style=\"color:var(--amber);\">The hesitation<\/div>\n <div class=\"tl-event\">AI creative tools arrived and I almost walked away. The learning curve wasn't technical \u2014 it was psychological. Starting over after 25 years.<\/div>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"tl-dot\" style=\"border-color:var(--orange);\"><\/div>\n <div class=\"tl-right\">\n <div class=\"tl-year\" style=\"color:var(--orange);\">The shift<\/div>\n <div class=\"tl-event\">Stayed with it. Kept experimenting. Realized my design background wasn't obsolete \u2014 it was the advantage. I knew what I wanted before I typed a word.<\/div>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"tl-dot\" style=\"border-color:var(--green);\"><\/div>\n <div class=\"tl-right\">\n <div class=\"tl-year\" style=\"color:var(--green);\">Today<\/div>\n <div class=\"tl-event\">AI twins, AI influencers, cinematic text-to-video. Ideas that used to take weeks \u2014 now in hours. AI didn't replace my creativity. It expanded it.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"reveal\">\n <div class=\"about-card\">\n <div class=\"about-card-top\">\n <div class=\"ac-avatar\">RO<\/div>\n <div class=\"ac-name\">Rosita Cabrera<\/div>\n <div class=\"ac-title\">Graphic Designer \u00b7 Web Developer \u00b7 AI Creative Explorer<\/div>\n <\/div>\n <div class=\"about-card-body\">\n <p class=\"ac-bio\">25 years of Adobe Creative Suite meets the new frontier of AI content creation. I'm naturally an introvert \u2014 but this experience made me want to speak, teach, and create more than ever. I don't have all the answers. But I'm building, learning, and evolving in real time. And this is just the beginning.<\/p>\n <div class=\"ac-tools\">\n <div class=\"ac-tools-label\">Tools I use<\/div>\n <div class=\"ac-tools-grid\">\n <span class=\"ac-tool\">Higgsfield<\/span>\n\t\t\t\t<span class=\"ac-tool\">Kling<\/span>\n\t\t\t\t<span class=\"ac-tool\">Seedance2<\/span>\n <span class=\"ac-tool\">Photoshop<\/span>\n <span class=\"ac-tool\">Premiere Pro<\/span>\n <span class=\"ac-tool\">After Effects<\/span>\n <span class=\"ac-tool\">Illustrator<\/span>\n <span class=\"ac-tool\">Firefly<\/span>\n <span class=\"ac-tool\">Midjourney<\/span>\n\t\t\t\t<span class=\"ac-tool\">GPT2<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"about-card-footer\">\n <a href=\"#\" class=\"social-link\">YouTube<\/a>\n <a href=\"#\" class=\"social-link\">Instagram<\/a>\n <a href=\"#\" class=\"social-link\">TikTok<\/a>\n <a href=\"#\" class=\"social-link\">LinkedIn<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"packs-section\" id=\"prompts\">\n <div class=\"container\">\n <div class=\"reveal\">\n <div class=\"slabel\">Prompt packs<\/div>\n <h2 class=\"section-title\">Ready-to-paste prompts<br><span>from a designer's perspective<\/span><\/h2>\n <p class=\"section-body\">Every pack is designed as a PDF \u2014 color-coded, annotated, and built around the 6-part RO formula. Drop any prompt straight into Higgsfield.<\/p>\n <\/div>\n\n <div class=\"packs-grid\">\n\n <a href=\"#\" class=\"pack-card reveal\">\n <div class=\"pack-top\">\n <div class=\"pack-num\" style=\"color:var(--cyan);\">Pack 01<\/div>\n <div class=\"pack-name\" style=\"color:var(--cyan);\">Cinematic Portraits<\/div>\n <div class=\"pack-desc\">20 ready-to-use prompts for cinematic-quality portrait videos \u2014 each with all 6 components and RO's lighting insight.<\/div>\n <\/div>\n <div class=\"pack-prompts\">\n <div class=\"pack-prompt\">Neon City Walk \u00b7 Night street<\/div>\n <div class=\"pack-prompt\">Golden Hour Rooftop \u00b7 Sunset cityscape<\/div>\n <div class=\"pack-prompt\">Rain Silhouette \u00b7 Noir backlit street<\/div>\n <\/div>\n <div class=\"pack-footer\">\n <span class=\"pack-count\">20 prompts \u00b7 PDF<\/span>\n <span class=\"pack-price\" style=\"color:var(--cyan);\">$27<\/span>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"pack-card reveal\">\n <div class=\"pack-top\">\n <div class=\"pack-num\" style=\"color:var(--orange);\">Pack 02<\/div>\n <div class=\"pack-name\" style=\"color:var(--orange);\">AI Influencer Starter Kit<\/div>\n <div class=\"pack-desc\">15 prompts for building a consistent AI character across lifestyle, fashion, and brand content. Includes consistency notes.<\/div>\n <\/div>\n <div class=\"pack-prompts\">\n <div class=\"pack-prompt\">Character Intro Shot \u00b7 Face consistency<\/div>\n <div class=\"pack-prompt\">Lifestyle Content \u00b7 Coffee, morning, desk<\/div>\n <div class=\"pack-prompt\">Fashion Editorial \u00b7 Studio, commercial<\/div>\n <\/div>\n <div class=\"pack-footer\">\n <span class=\"pack-count\">15 prompts \u00b7 PDF \u00b7 Coming Month 2<\/span>\n <span class=\"pack-price\" style=\"color:var(--orange);\">$27<\/span>\n <\/div>\n <\/a>\n\n <a href=\"#membership\" class=\"pack-card reveal\" style=\"border-style:dashed;\">\n <div class=\"pack-top\">\n <div class=\"pack-num\" style=\"color:var(--muted);\">Packs 03\u201312<\/div>\n <div class=\"pack-name\" style=\"color:var(--muted);\">Monthly member drops<\/div>\n <div class=\"pack-desc\">One new prompt pack drops every month for Inner Circle members \u2014 Camera Moves, Lighting Bible, Brand Campaigns, Film Eras, and more.<\/div>\n <\/div>\n <div class=\"pack-prompts\">\n <div class=\"pack-prompt\">Camera Moves \u00b7 25 prompts<\/div>\n <div class=\"pack-prompt\">Designer Lighting Bible \u00b7 30 prompts<\/div>\n <div class=\"pack-prompt\">Brand Campaign Pack \u00b7 20 prompts<\/div>\n <\/div>\n <div class=\"pack-footer\">\n <span class=\"pack-count\">200+ prompts across 12 packs<\/span>\n <span class=\"pack-price\" style=\"color:var(--cyan);\">Join \u2192<\/span>\n <\/div>\n <\/a>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"youtube-section\" id=\"youtube\">\n <div class=\"container\">\n <div class=\"reveal\">\n <div class=\"slabel\">The channel<\/div>\n <h2 class=\"section-title\">New videos every week \u2014<br><span>real process, honest results<\/span><\/h2>\n <\/div>\n\n <div class=\"yt-grid\">\n\n <a href=\"#\" class=\"yt-card reveal\">\n <div class=\"yt-thumb\">\n <div class=\"yt-thumb-bg\" style=\"background:linear-gradient(135deg,#0D1520,#1A0A00);\">\n <div class=\"yt-thumb-grid\"><\/div>\n <div class=\"yt-play\">\u25b6<\/div>\n <\/div>\n <span class=\"yt-ep\">Ep 01<\/span>\n <div class=\"yt-title-overlay\">I Almost Walked Away From AI<\/div>\n <\/div>\n <div class=\"yt-body\">\n <div class=\"yt-series\">Origin Story<\/div>\n <div class=\"yt-title\">I Almost Walked Away From AI \u2014 Here's What Changed<\/div>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"yt-card reveal\">\n <div class=\"yt-thumb\">\n <div class=\"yt-thumb-bg\" style=\"background:linear-gradient(135deg,#0D1520,#001A20);\">\n <div class=\"yt-thumb-grid\"><\/div>\n <div class=\"yt-play\">\u25b6<\/div>\n <\/div>\n <span class=\"yt-ep\">Ep 02<\/span>\n <div class=\"yt-title-overlay\">The 6-Part Prompt Formula<\/div>\n <\/div>\n <div class=\"yt-body\">\n <div class=\"yt-series\">Prompt Breakdown<\/div>\n <div class=\"yt-title\">The 6-Part Prompt Formula I Use for Every Higgsfield Video<\/div>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"yt-card reveal\">\n <div class=\"yt-thumb\">\n <div class=\"yt-thumb-bg\" style=\"background:linear-gradient(135deg,#0D1520,#100A1A);\">\n <div class=\"yt-thumb-grid\"><\/div>\n <div class=\"yt-play\">\u25b6<\/div>\n <\/div>\n <span class=\"yt-ep\">Ep 03<\/span>\n <div class=\"yt-title-overlay\">AI Influencer From Scratch<\/div>\n <\/div>\n <div class=\"yt-body\">\n <div class=\"yt-series\">AI Creator Series<\/div>\n <div class=\"yt-title\">I Built an AI Influencer From Scratch \u2014 Full Process<\/div>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"yt-card reveal\">\n <div class=\"yt-thumb\">\n <div class=\"yt-thumb-bg\" style=\"background:linear-gradient(135deg,#0D1520,#1A1000);\">\n <div class=\"yt-thumb-grid\"><\/div>\n <div class=\"yt-play\">\u25b6<\/div>\n <\/div>\n <span class=\"yt-ep\">Ep 04<\/span>\n <div class=\"yt-title-overlay\">What Adobe Taught Me About AI Lighting<\/div>\n <\/div>\n <div class=\"yt-body\">\n <div class=\"yt-series\">Designer's Eye<\/div>\n <div class=\"yt-title\">What 25 Years of Adobe Taught Me About AI Lighting<\/div>\n <\/div>\n <\/a>\n\n <\/div>\n\n <a href=\"#\" class=\"yt-sub-cta reveal\">\n <div class=\"yt-sub-left\">\n <div class=\"yt-sub-title\">Subscribe to RO on YouTube<\/div>\n <div class=\"yt-sub-note\">New videos every week \u2014 prompt breakdowns, AI tutorials, and the real creative process<\/div>\n <\/div>\n <div class=\"yt-sub-btn\">Subscribe \u2192<\/div>\n <\/a>\n\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"membership-section\" id=\"membership\">\n <div class=\"container\">\n <div class=\"reveal\">\n <div class=\"slabel\">RO Inner Circle<\/div>\n <h2 class=\"section-title\">The membership for creatives<br><span>building with AI<\/span><\/h2>\n <p class=\"section-body\">One new HTML tool + one new prompt pack every month. Live sessions, a private community, and everything built in the RO system \u2014 yours to keep forever.<\/p>\n <\/div>\n\n <div class=\"membership-grid\">\n\n <div class=\"membership-features\">\n <div class=\"mf-item reveal\">\n <div class=\"mf-icon\" style=\"background:var(--cyan-bg);border:1px solid var(--cyan-border);\">\ud83d\udee0<\/div>\n <div class=\"mf-body\">\n <div class=\"mf-title\" style=\"color:var(--cyan);\">New HTML tool every month<\/div>\n <div class=\"mf-desc\">Lighting Designer, Camera Move Builder, AI Influencer Builder, Scene Mood Generator \u2014 one production-grade tool per month, all in the RO brand system.<\/div>\n <\/div>\n <\/div>\n <div class=\"mf-item reveal\">\n <div class=\"mf-icon\" style=\"background:var(--orange-bg);border:1px solid var(--orange-border);\">\ud83d\udcc4<\/div>\n <div class=\"mf-body\">\n <div class=\"mf-title\" style=\"color:var(--orange);\">New prompt pack every month<\/div>\n <div class=\"mf-desc\">Designed PDFs with 15\u201330 ready-to-paste Higgsfield prompts, annotated with RO's designer insights. Cinematic portraits, camera moves, lighting setups, and more.<\/div>\n <\/div>\n <\/div>\n <div class=\"mf-item reveal\">\n <div class=\"mf-icon\" style=\"background:var(--purple-bg);border:1px solid var(--purple-border);\">\ud83c\udfa5<\/div>\n <div class=\"mf-body\">\n <div class=\"mf-title\" style=\"color:var(--purple);\">Monthly live critique sessions<\/div>\n <div class=\"mf-desc\">Bring your prompts and your results. RO breaks down what's working and why, live, in real time. The session that separates good from great.<\/div>\n <\/div>\n <\/div>\n <div class=\"mf-item reveal\">\n <div class=\"mf-icon\" style=\"background:var(--green-bg);border:1px solid var(--green-border);\">\ud83c\udf10<\/div>\n <div class=\"mf-body\">\n <div class=\"mf-title\" style=\"color:var(--green);\">Private community access<\/div>\n <div class=\"mf-desc\">Share your work, get feedback from other creatives, and connect with people navigating the same AI creative journey. Build in public, grow together.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"reveal\">\n <div class=\"pricing-card\" style=\"position:relative;\">\n <div class=\"pc-header\">\n <div class=\"pc-badge\">\u26a1 Founding member offer \u00b7 25 spots<\/div>\n <div class=\"pc-tier\">Inner Circle<\/div>\n <div class=\"pc-price\">$19<span>\/mo<\/span><\/div>\n <div class=\"pc-price-note\">Founding rate \u2014 locked in forever \u00b7 $39\/mo after 25 members<\/div>\n <\/div>\n <div class=\"pc-body\">\n <div class=\"pc-features\">\n <div class=\"pc-feat\"><div class=\"pc-feat-dot\"><\/div><div class=\"pc-feat-text\">1 new HTML tool every month<\/div><\/div>\n <div class=\"pc-feat\"><div class=\"pc-feat-dot\"><\/div><div class=\"pc-feat-text\">1 new prompt pack PDF every month<\/div><\/div>\n <div class=\"pc-feat\"><div class=\"pc-feat-dot\"><\/div><div class=\"pc-feat-text\">Access to all previous tools and packs<\/div><\/div>\n <div class=\"pc-feat\"><div class=\"pc-feat-dot\"><\/div><div class=\"pc-feat-text\">Monthly live critique session with RO<\/div><\/div>\n <div class=\"pc-feat\"><div class=\"pc-feat-dot\"><\/div><div class=\"pc-feat-text\">Private community (Discord or Circle)<\/div><\/div>\n <div class=\"pc-feat\"><div class=\"pc-feat-dot\"><\/div><div class=\"pc-feat-text\">Early access to every YouTube video<\/div><\/div>\n <div class=\"pc-feat\"><div class=\"pc-feat-dot\"><\/div><div class=\"pc-feat-text\">All tools yours to keep, cancel anytime<\/div><\/div>\n <\/div>\n <a href=\"#\" class=\"pc-cta\">Join the Inner Circle \u2014 $19\/mo \u2192<\/a>\n <p class=\"pc-founding\">Founding rate locked in forever. <strong>17 spots remaining.<\/strong><\/p>\n <\/div>\n <div class=\"pc-footer\">\n <div class=\"pc-guarantee\">\n <div class=\"pc-guarantee-dot\"><\/div>\n Cancel anytime \u00b7 No contracts \u00b7 Tools are yours to keep\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"cta-band\">\n <div class=\"cta-band-glow\"><\/div>\n <div class=\"container\">\n <div class=\"cta-band-inner reveal\">\n <h2 class=\"cta-band-title\">This is just<br><span>the beginning.<\/span><\/h2>\n <p class=\"cta-band-sub\">I'm building, learning, and evolving in real time \u2014 and bringing you along for every step of it.<\/p>\n <div class=\"cta-band-actions\">\n <a href=\"#membership\" class=\"btn-primary\">Join the Inner Circle \u2192<\/a>\n <a href=\"#tools\" class=\"btn-secondary\">Explore the free tool<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<footer>\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <div class=\"footer-logo\">R<span>O<\/span><\/div>\n <p class=\"footer-tagline\">25 years of design craft meets the new frontier of AI creation. Building in real time.<\/p>\n <div class=\"footer-socials\">\n <a href=\"#\" class=\"footer-social\">YT<\/a>\n <a href=\"#\" class=\"footer-social\">IG<\/a>\n <a href=\"#\" class=\"footer-social\">TK<\/a>\n <a href=\"#\" class=\"footer-social\">LI<\/a>\n <\/div>\n <\/div>\n <div>\n <div class=\"footer-col-title\">Toolkit<\/div>\n <div class=\"footer-links\">\n <a href=\"#\" class=\"footer-link\">Prompt Breakdown Card<\/a>\n <a href=\"#\" class=\"footer-link\">Lighting Designer<\/a>\n <a href=\"#\" class=\"footer-link\">Camera Move Builder<\/a>\n <a href=\"#\" class=\"footer-link\">All Tools<\/a>\n <a href=\"#\" class=\"footer-link\">RO Creator Toolkit \u2014 $47<\/a>\n <\/div>\n <\/div>\n <div>\n <div class=\"footer-col-title\">Prompt Packs<\/div>\n <div class=\"footer-links\">\n <a href=\"#\" class=\"footer-link\">Pack 01 \u00b7 Cinematic Portraits<\/a>\n <a href=\"#\" class=\"footer-link\">Pack 02 \u00b7 AI Influencer Kit<\/a>\n <a href=\"#\" class=\"footer-link\">All Packs<\/a>\n <a href=\"#\" class=\"footer-link\">Inner Circle \u00b7 All Packs Included<\/a>\n <\/div>\n <\/div>\n <div>\n <div class=\"footer-col-title\">RO<\/div>\n <div class=\"footer-links\">\n <a href=\"#about\" class=\"footer-link\">About<\/a>\n <a href=\"#youtube\" class=\"footer-link\">YouTube<\/a>\n <a href=\"#membership\" class=\"footer-link\">Membership<\/a>\n <a href=\"#\" class=\"footer-link\">1-on-1 Coaching<\/a>\n <a href=\"#\" class=\"footer-link\">Contact<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p class=\"footer-copy\">\u00a92026 Rosita Cabrera \u00b7 All rights reserved \u00b7 rositacabrera.com<\/p>\n <p class=\"footer-made\">RO \u00b7 AI Creative \u00b7 AI Tools \u00b7 Higgsfield<\/p>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n\/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\nvar reveals = document.querySelectorAll('.reveal');\nvar observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n}, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n\nreveals.forEach(function(el) { observer.observe(el); });\n\n\/* \u2500\u2500 SMOOTH NAV HIGHLIGHT \u2500\u2500 *\/\nvar navLinks = document.querySelectorAll('.nav-link');\nvar sections = ['home','tools','about','prompts','youtube','membership'];\n\nwindow.addEventListener('scroll', function() {\n var scrollY = window.pageYOffset;\n sections.forEach(function(id) {\n var section = document.getElementById(id);\n if (!section) return;\n var top = section.offsetTop - 80;\n var bottom = top + section.offsetHeight;\n if (scrollY >= top && scrollY < bottom) {\n navLinks.forEach(function(link) {\n link.style.color = '';\n if (link.getAttribute('href') === '#' + id) {\n link.style.color = 'var(--cyan)';\n }\n });\n }\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>RO \u2014 Rosita Cabrera \u00b7 AI Creative & Designer RO Rosita Cabrera AI Creative \u00b7 Designer Toolkit Prompts About YouTube Join the Circle Graphic Designer \u00b7 Web Developer \u00b7 AI Creative Explorer 25 Years of Design. One New Frontier. Higgsfield \u00b7 Adobe \u00b7 AI Video \u00b7 Prompt Craft I’m RO \u2014 Rosita Cabrera. After spending…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rocreativeai.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rocreativeai.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rocreativeai.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rocreativeai.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rocreativeai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":62,"href":"https:\/\/rocreativeai.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/rocreativeai.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/rocreativeai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nRO \u2014 Rosita Cabrera \u00b7 AI Creative & Designer<\/title>\n<meta name=\"description\" content=\"25 years of design craft meets the new frontier of AI creation. Higgsfield prompt tutorials, AI creative tools, and a designer's perspective on the new era of content.\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;700;900&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&family=DM+Mono:wght@400&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2500\u2500 RESET & ROOT \u2500\u2500 *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n --bg: #080A0F;\n --card: #0D1117;\n --surface: #111820;\n --border: #1E2A38;\n --cyan: #00E5FF;\n --cyan-bg: rgba(0,229,255,0.07);\n --cyan-border: rgba(0,229,255,0.22);\n --cyan-glow: rgba(0,229,255,0.15);\n --orange: #FF6B35;\n --orange-bg: rgba(255,107,53,0.08);\n --orange-border: rgba(255,107,53,0.25);\n --purple: #A78BFA;\n --purple-bg: rgba(167,139,250,0.08);\n --purple-border: rgba(167,139,250,0.25);\n --green: #34D399;\n --amber: #FBBF24;\n --pink: #F472B6;\n --white: #F0F4F8;\n --muted: #a3b5c1;\n --muted2: #718999;\n --fd: 'Orbitron', monospace;\n --fb: 'DM Sans', sans-serif;\n --fm: 'DM Mono', monospace;\n}\n\na {\n margin: 0;\n padding: 0;\n clear: left;\n}\n}\t\n\t\t\nhtml { scroll-behavior: smooth; }\n\nbody {\n background: var(--bg);\n color: var(--white);\n font-family: var(--fb);\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500 GLOBAL GRID BG \u2500\u2500 *\/\nbody::before {\n content: '';\n position: fixed; inset: 0;\n background-image:\n linear-gradient(var(--border) 1px, transparent 1px),\n linear-gradient(90deg, var(--border) 1px, transparent 1px);\n background-size: 44px 44px;\n opacity: 0.2;\n pointer-events: none;\n z-index: 0;\n}\n\n\/* \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: 52px;\n height: 64px;\n background: rgba(8,10,15,0.85);\n backdrop-filter: blur(16px);\n border-bottom: 1px solid var(--border);\n animation: fadeDown 0.6s ease both;\n}\n\n.nav-brand {\n display: flex; align-items: center; gap: 12px;\n text-decoration: none;\n}\n\n.nav-logo {\n font-family: var(--fd); font-size:32px; font-weight: 900;\n color: var(--white); letter-spacing: -0.02em; line-height: 1;\n}\n.nav-logo span { color: var(--cyan); }\n\n.nav-sep { width: 1px; height: 22px; background: var(--border); }\n\n.nav-brand-text { display: flex; flex-direction: column; }\n.nav-brand-title { font-family: var(--fd); font-size: 14px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--white); }\n.nav-brand-sub { font-family: var(--fd); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-top: 2px; }\n\n.nav-links {\n display: flex; align-items: center; gap: 6px;\n}\n\n.nav-link {\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase;\n color: var(--muted); text-decoration: none; padding: 8px 14px; border-radius: 3px;\n border: 1px solid transparent; transition: all 0.2s;\n}\n.nav-link:hover { color: var(--white); border-color: var(--border); }\n\n.nav-cta {\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase;\n color: #080A0F; background: var(--cyan); text-decoration: none;\n padding: 9px 18px; border-radius: 3px; font-weight: 700;\n transition: opacity 0.2s, transform 0.15s;\n}\n.nav-cta:hover { opacity: 0.85; transform: translateY(-1px); }\n\n\/* \u2500\u2500 SECTIONS \u2500\u2500 *\/\nsection { position: relative; z-index: 1; }\n\n.container { max-width: 1180px; margin: 0 auto; padding: 0 48px; }\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero {\n min-height: 100vh;\n display: flex; align-items: center;\n padding-top: 84px;\n overflow: hidden;\n position: relative;\n}\n\n.hero-glow {\n position: absolute;\n top: 10%; right: -10%;\n width: 700px; height: 700px;\n background: radial-gradient(circle, rgba(0,229,255,0.08) 0%, transparent 65%);\n pointer-events: none;\n}\n\n.hero-glow2 {\n position: absolute;\n bottom: 5%; left: -10%;\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(255,107,53,0.05) 0%, transparent 65%);\n pointer-events: none;\n}\n\n.hero-inner {\n display: grid; grid-template-columns: 1fr 420px; gap: 80px; align-items: center;\n width: 100%;\n}\n\n.hero-eyebrow {\n display: flex; align-items: center; gap: 10px; margin-bottom: 28px;\n animation: fadeUp 0.6s ease 0.1s both;\n}\n.hero-eyebrow-dot {\n width: 6px; height: 6px; border-radius: 50%; background: var(--cyan);\n animation: pulse 2s ease-in-out infinite;\n}\n.hero-eyebrow-text {\n font-family: var(--fd); font-size: 8px; letter-spacing: 0.24em;\n text-transform: uppercase; color: var(--cyan);\n}\n\n.hero-title {\n font-family: var(--fd); font-size: clamp(36px, 4.5vw, 60px);\n font-weight: 900; line-height: 1.05; letter-spacing: -0.02em;\n color: var(--white); margin-bottom: 8px;\n animation: fadeUp 0.6s ease 0.15s both;\n}\n.hero-title-accent { color: var(--cyan); display: block; }\n\n.hero-subtitle {\n font-family: var(--fd); font-size: clamp(14px, 1.6vw, 18px);\n font-weight: 400; color: var(--muted); letter-spacing: 0.08em;\n text-transform: uppercase; margin-bottom: 32px;\n animation: fadeUp 0.6s ease 0.2s both;\n}\n\n.hero-body {\n font-size: 16px; line-height: 1.75; color: var(--white); font-weight: 300;\n max-width: 520px; margin-bottom: 40px;\n animation: fadeUp 0.6s ease 0.25s both;\n}\n.hero-body strong { color: var(--cyan); font-weight: 500; }\n\n.hero-actions {\n display: flex; align-items: center; gap: 14px; flex-wrap: wrap;\n animation: fadeUp 0.6s ease 0.3s both;\n}\n\n.btn-primary {\n display: inline-flex; align-items: center; gap: 10px;\n background: var(--cyan); color: #080A0F; text-decoration: none;\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;\n font-weight: 700; padding: 14px 28px; border-radius: 4px;\n transition: opacity 0.2s, transform 0.15s; border: none; cursor: pointer;\n}\n.btn-primary:hover { opacity: 0.88; transform: translateY(-2px); }\n\n.btn-secondary {\n display: inline-flex; align-items: center; gap: 8px;\n background: transparent; color: var(--white); text-decoration: none;\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;\n font-weight: 400; padding: 14px 28px; border-radius: 4px;\n border: 1px solid var(--border); transition: all 0.2s; cursor: pointer;\n}\n.btn-secondary:hover { border-color: var(--cyan-border); color: var(--cyan); }\n\n.hero-stats {\n display: flex; gap: 32px; margin-top: 52px; padding-top: 32px;\n border-top: 1px solid var(--border);\n animation: fadeUp 0.6s ease 0.35s both;\n}\n.hero-stat-val {\n font-family: var(--fd); font-size: 28px; font-weight: 900; color: var(--white);\n line-height: 1;\n}\n.hero-stat-val span { color: var(--cyan); }\n.hero-stat-lbl {\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--muted); margin-top: 6px;\n}\n\n\/* \u2500\u2500 HERO CARD (right side) \u2500\u2500 *\/\n.hero-card-wrap {\n animation: fadeUp 0.6s ease 0.2s both;\n}\n\n.hero-card {\n background: var(--card); border: 1px solid var(--border); border-radius: 10px;\n overflow: hidden; position: relative;\n}\n\n.hero-card::before {\n content: '';\n position: absolute; top: 0; left: 0; right: 0; height: 1px;\n background: linear-gradient(90deg, transparent, var(--cyan), transparent);\n}\n\n.hc-top {\n display: flex; align-items: center; justify-content: space-between;\n padding: 16px 20px; border-bottom: 1px solid var(--border);\n background: var(--surface);\n}\n\n.hc-logo { font-family: var(--fd); font-size: 20px; font-weight: 900; color: var(--white); }\n.hc-logo span { color: var(--cyan); }\n\n.hc-badge {\n display: flex; align-items: center; gap: 6px;\n border: 1px solid var(--border); border-radius: 3px; padding: 4px 10px;\n}\n.hc-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); animation: pulse 2s ease-in-out infinite; }\n.hc-badge-text { font-family: var(--fd); font-size: 12px; letter-spacing: 0.16em; color: var(--muted); text-transform: uppercase; }\n\n.hc-prompt-label {\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase;\n color: var(--muted); padding: 14px 20px 8px;\n}\n\n.hc-prompt {\n padding: 0 20px 16px;\n font-family: var(--fm); font-size: 14px; line-height: 1.75;\n border-bottom: 1px solid var(--border);\n}\n.pt-s { color: var(--cyan); }\n.pt-a { color: var(--purple); }\n.pt-st { color: var(--orange); }\n.pt-c { color: var(--green); }\n.pt-l { color: var(--amber); }\n.pt-m { color: var(--pink); }\n\n.hc-components {\n display: grid; grid-template-columns: 1fr 1fr; gap: 0;\n}\n\n.hc-comp {\n padding: 12px 16px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border);\n}\n.hc-comp:nth-child(even) { border-right: none; }\n.hc-comp:nth-last-child(-n+2) { border-bottom: none; }\n\n.hc-comp-tag { font-family: var(--fd); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 4px; }\n.hc-comp-val { font-family: var(--fm); font-size: 12px; line-height: 1.4; color: var(--white); }\n\n\/* \u2500\u2500 SECTION LABEL \u2500\u2500 *\/\n.slabel {\n font-family: var(--fd); font-size: 10px; letter-spacing: 0.24em; text-transform: uppercase;\n color: var(--muted); margin-bottom: 16px; display: flex; align-items: center; gap: 12px;\n}\n.slabel::after { content: ''; flex: 1; height: 1px; background: var(--border); }\n\n.section-title {\n font-family: var(--fd); font-size: clamp(24px, 3vw, 38px); font-weight: 900;\n color: var(--white); line-height: 1.1; letter-spacing: -0.01em; margin-bottom: 16px;\n}\n.section-title span { color: var(--cyan); }\n\n.section-body {\n font-size: 15px; color: var(--muted); line-height: 1.7; font-weight: 300; max-width: 560px;\n}\n\n\/* \u2500\u2500 TOOLS SECTION \u2500\u2500 *\/\n.tools-section { padding: 120px 0; }\n\n.tools-header { margin-bottom: 60px; }\n\n.tools-grid {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 40px;\n}\n\n.tool-card {\n background: var(--card); border: 1px solid var(--border); border-radius: 8px;\n overflow: hidden; transition: transform 0.2s, border-color 0.2s;\n text-decoration: none; display: block;\n}\n.tool-card:hover { transform: translateY(-4px); border-color: var(--cyan-border); }\n\n.tc-top {\n padding: 20px 20px 0; display: flex; align-items: flex-start; justify-content: space-between;\n}\n\n.tc-num {\n font-family: var(--fd); font-size: 12px; font-weight: 700; letter-spacing: 0.1em;\n opacity: 0.5;\n}\n\n.tc-badge {\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;\n padding: 3px 8px; border-radius: 2px; border: 1px solid;\n}\n\n.tc-body { padding: 16px 20px 20px; }\n.tc-name {\n font-family: var(--fd); font-size: 14px; font-weight: 700; letter-spacing: 0.1em;\n text-transform: uppercase; margin-bottom: 8px;\n}\n.tc-desc { font-size: 12px; color: var(--muted); line-height: 1.6; font-weight: 300; margin-bottom: 14px; }\n\n.tc-features { display: flex; flex-direction: column; gap: 5px; }\n.tc-feat { display: flex; align-items: center; gap: 7px; font-size: 14px; color: var(--muted); }\n.tc-dot { width: 4px; height: 4px; border-radius: 50%; flex-shrink: 0; }\n\n.tc-footer {\n padding: 12px 20px; border-top: 1px solid var(--border); background: var(--surface);\n display: flex; align-items: center; justify-content: space-between; \n}\n.tc-link { font-family: var(--fd); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); }\n.tc-arrow { font-size: 14px; color: var(--muted); transition: transform 0.2s, color 0.2s; }\n.tool-card:hover .tc-arrow { transform: translateX(4px); color: var(--cyan); }\n.tool-card:hover .tc-link { color: var(--cyan); }\n\n.tools-cta {\n display: flex; align-items: center; justify-content: space-between;\n padding: 24px 28px; background: var(--card); border: 1px solid var(--border); border-radius: 8px;\n}\n.tools-cta-text {font-size: 14px; }\n.tools-cta-title { font-family: var(--fd); font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--white); margin-bottom: 4px; }\n.tools-cta-sub { font-size: 12px; color: var(--muted); font-weight: 300; }\n\n\/* \u2500\u2500 ABOUT SECTION \u2500\u2500 *\/\n.about-section { padding: 120px 0; border-top: 1px solid var(--border); }\n\n.about-grid { display: grid; grid-template-columns: 1fr 400px; gap: 80px; align-items: center; }\n\n.about-timeline { display: flex; flex-direction: column; gap: 0; margin-top: 40px; }\n\n.timeline-item { display: flex; gap: 20px; padding-bottom: 32px; position: relative; }\n.timeline-item:last-child { padding-bottom: 0; }\n.timeline-item::before {\n content: ''; position: absolute; left: 5px; top: 22px; bottom: 0;\n width: 1px; background: var(--border);\n}\n.timeline-item:last-child::before { display: none; }\n\n.tl-dot {\n width: 12px; height: 12px; border-radius: 50%; border: 2px solid; flex-shrink: 0;\n margin-top: 4px; background: var(--bg);\n}\n.tl-right {font-size: 10px; }\n.tl-year {\n font-family: var(--fd); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;\n margin-bottom: 4px;\n}\n.tl-event { font-size: 13px; color: var(--white); line-height: 1.5; font-weight: 300; }\n\n.about-card {\n background: var(--card); border: 1px solid var(--border); border-radius: 10px; overflow: hidden;\n}\n\n.about-card-top {\n padding: 28px 28px 24px; border-bottom: 1px solid var(--border);\n}\n\n.ac-avatar {\n width: 72px; height: 72px; border-radius: 50%;\n background: var(--cyan-bg); border: 2px solid var(--cyan-border);\n display: flex; align-items: center; justify-content: center;\n font-family: var(--fd); font-size: 22px; font-weight: 900; color: var(--cyan);\n margin-bottom: 16px;\n}\n\n.ac-name { font-family: var(--fd); font-size: 14px; font-weight: 700; color: var(--white); margin-bottom: 4px; }\n.ac-title { font-family: var(--fd); font-size: 8px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); }\n\n.about-card-body { padding: 20px 28px; }\n\n.ac-bio {\n font-size: 13px; color: var(--muted); line-height: 1.7; font-weight: 300; margin-bottom: 20px;\n}\n\n.ac-tools {font-size: 12px; }\n.ac-tools-label { font-family: var(--fd); font-size: 7px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); margin-bottom: 10px; }\n.ac-tools-grid { display: flex; flex-wrap: wrap; gap: 6px; }\n.ac-tool {\n font-family: var(--fm); font-size: 12px; padding: 4px 10px;\n background: var(--surface); border: 1px solid var(--border); border-radius: 3px;\n color: var(--white);\n}\n\n.about-card-footer {\n padding: 16px 28px; border-top: 1px solid var(--border); background: var(--surface);\n display: flex; gap: 8px;\n}\n.social-link {\n font-family: var(--fd); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;\n color: var(--muted); text-decoration: none; padding: 6px 12px;\n border: 1px solid var(--border); border-radius: 3px; transition: all 0.2s;\n}\n.social-link:hover { border-color: var(--cyan-border); color: var(--cyan); }\n\n\/* \u2500\u2500 PROMPT PACKS \u2500\u2500 *\/\n.packs-section { padding: 120px 0; border-top: 1px solid var(--border); }\n\n.packs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 48px; }\n\n.pack-card {\n background: var(--card); border: 1px solid var(--border); border-radius: 8px;\n overflow: hidden; transition: transform 0.2s; text-decoration: none; display: block;\n}\n.pack-card:hover { transform: translateY(-3px); }\n\n.pack-top { padding: 20px 20px 16px; }\n.pack-num { font-family: var(--fd); font-size: 12px; font-weight: 700; letter-spacing: 0.1em; opacity: 0.5; margin-bottom: 8px; }\n.pack-name { font-family: var(--fd); font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 6px; }\n.pack-desc { font-size: 12px; color: var(--muted); line-height: 1.6; font-weight: 300; }\n\n.pack-prompts { padding: 0 20px 16px; display: flex; flex-direction: column; gap: 5px; }\n.pack-prompt { font-family: var(--fm); font-size: 10px; color: var(--muted); padding: 5px 8px; background: var(--surface); border-radius: 3px; }\n\n.pack-footer {\n padding: 12px 20px; border-top: 1px solid var(--border); background: var(--surface);\n display: flex; align-items: center; justify-content: space-between;\n}\n.pack-count { font-family: var(--fd); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }\n.pack-price { font-family: var(--fd); font-size: 14px; font-weight: 700; }\n\n\/* \u2500\u2500 MEMBERSHIP \u2500\u2500 *\/\n.membership-section { padding: 120px 0; border-top: 1px solid var(--border); }\n\n.membership-grid { display: grid; grid-template-columns: 1fr 480px; gap: 80px; align-items: start; margin-top: 60px; }\n\n.membership-features { display: flex; flex-direction: column; gap: 20px; }\n\n.mf-item {\n display: flex; gap: 16px; padding: 20px; background: var(--card);\n border: 1px solid var(--border); border-radius: 8px;\n transition: border-color 0.2s;\n}\n.mf-item:hover { border-color: var(--cyan-border); }\n\n.mf-icon {\n width: 40px; height: 40px; border-radius: 6px; flex-shrink: 0;\n display: flex; align-items: center; justify-content: center;\n font-size: 18px;\n}\n.mf-body {font-size: 12px; }\n.mf-title { font-family: var(--fd); font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--white); margin-bottom: 4px; }\n.mf-desc { font-size: 12px; color: var(--muted); line-height: 1.6; font-weight: 300; }\n\n.pricing-card {\n background: var(--card); border: 1px solid var(--cyan-border); border-radius: 10px;\n overflow: hidden; position: sticky; top: 80px;\n}\n\n.pricing-card::before {\n content: '';\n position: absolute; top: 0; left: 0; right: 0; height: 2px;\n background: linear-gradient(90deg, transparent 0%, var(--cyan) 50%, transparent 100%);\n}\n\n.pc-header { padding: 28px; border-bottom: 1px solid var(--border); }\n\n.pc-badge {\n font-family: var(--fd); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;\n background: var(--cyan-bg); border: 1px solid var(--cyan-border); border-radius: 2px;\n padding: 4px 10px; color: var(--cyan); display: inline-block; margin-bottom: 16px;\n}\n\n.pc-tier { font-family: var(--fd); font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }\n.pc-price { font-family: var(--fd); font-size: 44px; font-weight: 900; color: var(--white); line-height: 1; margin-bottom: 4px; }\n.pc-price span { font-size: 16px; color: var(--muted); font-weight: 400; }\n.pc-price-note { font-size: 12px; color: var(--muted); font-weight: 300; }\n\n.pc-body { padding: 24px 28px; }\n.pc-features { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; }\n.pc-feat { display: flex; align-items: flex-start; gap: 10px; }\n.pc-feat-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); flex-shrink: 0; margin-top: 6px; }\n.pc-feat-text { font-size: 13px; color: var(--white); line-height: 1.5; font-weight: 300; }\n\n.pc-cta {\n display: block; background: var(--cyan); color: #080A0F; text-decoration: none; text-align: center;\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;\n font-weight: 700; padding: 15px; border-radius: 5px; transition: opacity 0.2s, transform 0.15s;\n margin-bottom: 12px;\n}\n.pc-cta:hover { opacity: 0.88; transform: translateY(-1px); }\n\n.pc-founding {\n text-align: center; font-size: 11px; color: var(--muted); font-weight: 300;\n}\n.pc-founding strong { color: var(--amber); font-weight: 500; }\n\n.pc-footer { padding: 16px 28px; border-top: 1px solid var(--border); background: var(--surface); }\n.pc-guarantee { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--muted); }\n.pc-guarantee-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--green); flex-shrink: 0; }\n\n\/* \u2500\u2500 YOUTUBE SECTION \u2500\u2500 *\/\n.youtube-section { padding: 120px 0; border-top: 1px solid var(--border); }\n\n.yt-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 48px; }\n\n.yt-card {\n background: var(--card); border: 1px solid var(--border); border-radius: 8px;\n overflow: hidden; transition: transform 0.2s, border-color 0.2s;\n text-decoration: none; display: block;\n}\n.yt-card:hover { transform: translateY(-3px); border-color: var(--orange-border); }\n\n.yt-thumb {\n aspect-ratio: 16\/9; position: relative;\n overflow: hidden;\n}\n\n.yt-thumb-bg {\n width: 100%; height: 100%;\n display: flex; align-items: center; justify-content: center;\n position: relative;\n}\n\n.yt-thumb-grid {\n position: absolute; inset: 0;\n background-image:\n linear-gradient(var(--border) 1px, transparent 1px),\n linear-gradient(90deg, var(--border) 1px, transparent 1px);\n background-size: 20px 20px;\n opacity: 0.5;\n}\n\n.yt-ep {\n position: absolute; top: 10px; left: 10px;\n font-family: var(--fd); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;\n background: var(--surface); border: 1px solid var(--border); border-radius: 2px;\n padding: 3px 8px; color: var(--cyan);\n}\n\n.yt-play {\n width: 44px; height: 44px; border-radius: 50%;\n background: var(--orange); display: flex; align-items: center; justify-content: center;\n position: relative; z-index: 1;\n font-size: 16px; color: white;\n}\n\n.yt-title-overlay {\n position: absolute; bottom: 10px; left: 10px; right: 10px;\n font-family: var(--fd); font-size: 12px; font-weight: 700; letter-spacing: 0.08em;\n text-transform: uppercase; color: var(--white); line-height: 1.4;\n}\n\n.yt-body { padding: 14px 16px; }\n.yt-series { font-family: var(--fd); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--orange); margin-bottom: 6px; }\n.yt-title { font-size: 13px; color: var(--white); line-height: 1.5; font-weight: 400; }\n\n.yt-sub-cta {\n display: flex; align-items: center; justify-content: space-between;\n padding: 24px 28px; background: var(--card); border: 1px solid var(--border); border-radius: 8px;\n margin-top: 24px; text-decoration: none;\n transition: border-color 0.2s;\n}\n.yt-sub-cta:hover { border-color: var(--orange-border); }\n.yt-sub-left {font-size: 10px; }\n.yt-sub-title { font-family: var(--fd); font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--white); margin-bottom: 4px; }\n.yt-sub-note { font-size: 13px; color: var(--muted); font-weight: 300; }\n.yt-sub-btn {\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase;\n background: var(--orange); color: white; padding: 10px 20px; border-radius: 4px; font-weight: 700;\n white-space: nowrap;\n}\n\n\/* \u2500\u2500 CTA BAND \u2500\u2500 *\/\n.cta-band {\n padding: 100px 0; border-top: 1px solid var(--border);\n position: relative; overflow: hidden;\n}\n.cta-band-glow {\n position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n width: 800px; height: 400px;\n background: radial-gradient(ellipse, rgba(0,229,255,0.06) 0%, transparent 65%);\n pointer-events: none;\n}\n.cta-band-inner { text-align: center; position: relative; z-index: 1; }\n.cta-band-title {\n font-family: var(--fd); font-size: clamp(28px, 3.5vw, 46px); font-weight: 900;\n color: var(--white); line-height: 1.1; margin-bottom: 16px; letter-spacing: -0.01em;\n}\n.cta-band-title span { color: var(--cyan); }\n.cta-band-sub { font-size: 16px; color: var(--muted); font-weight: 300; margin-bottom: 36px; max-width: 500px; margin-left: auto; margin-right: auto; }\n.cta-band-actions { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }\n\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\nfooter {\n border-top: 1px solid var(--border); padding: 60px 0 40px;\n position: relative; z-index: 1;\n}\n\n.footer-grid {\n display: grid; grid-template-columns: 260px 1fr 1fr 1fr; gap: 60px; margin-bottom: 60px;\n}\n\n.footer-brand { font-size: 28px; }\n.footer-logo { font-family: var(--fd); font-size: 28px; font-weight: 900; color: var(--white); margin-bottom: 12px; }\n.footer-logo span { color: var(--cyan); }\n.footer-tagline { font-size: 14px; color: var(--muted); line-height: 1.65; font-weight: 300; margin-bottom: 20px; }\n.footer-socials { display: flex; gap: 8px; }\n.footer-social {\n font-family: var(--fd); font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;\n color: var(--muted); text-decoration: none; padding: 6px 10px;\n border: 1px solid var(--border); border-radius: 3px; transition: all 0.2s;\n}\n.footer-social:hover { border-color: var(--cyan-border); color: var(--cyan); }\n\n.footer-col-title {\n font-family: var(--fd); font-size: 14px; letter-spacing: 0.2em; text-transform: uppercase;\n color: var(--white); margin-bottom: 16px;\n}\n.footer-links { display: flex; flex-direction: column; gap: 10px; }\n.footer-link {\n font-size: 14px; color: var(--muted); text-decoration: none; font-weight: 300;\n transition: color 0.2s; display: flex; align-items: center; gap: 6px;\n}\n.footer-link:hover { color: var(--white); }\n\n.footer-bottom {\n padding-top: 32px; border-top: 1px solid var(--border);\n display: flex; align-items: center; justify-content: space-between;\n}\n.footer-copy { font-size: 14px; color: var(--muted); font-weight: 300; }\n.footer-made { font-family: var(--fd); font-size: 14px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted2); }\n\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n@keyframes fadeDown { from { opacity:0; transform:translateY(-14px); } to { opacity:1; transform:translateY(0); } }\n@keyframes fadeUp { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }\n@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.3;transform:scale(0.65)} }\n\n\/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\n.reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.7s ease, transform 0.7s ease; }\n.reveal.visible { opacity: 1; transform: translateY(0); }\n\n\/* \u2500\u2500 SCROLLBAR \u2500\u2500 *\/\n::-webkit-scrollbar { width: 5px; }\n::-webkit-scrollbar-track { background: var(--bg); }\n::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 900px) {\n nav { padding: 0 24px; }\n .nav-links { display: none; }\n .container { padding: 0 24px; }\n .hero-inner { grid-template-columns: 1fr; gap: 40px; }\n .hero-card-wrap { display: none; }\n .tools-grid { grid-template-columns: 1fr 1fr; }\n .about-grid { grid-template-columns: 1fr; }\n .membership-grid { grid-template-columns: 1fr; }\n .footer-grid { grid-template-columns: 1fr 1fr; }\n .yt-grid { grid-template-columns: 1fr; }\n .packs-grid { grid-template-columns: 1fr 1fr; }\n}\n@media (max-width: 600px) {\n .tools-grid, .packs-grid { grid-template-columns: 1fr; }\n .hero-stats { gap: 20px; }\n .footer-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n<\/head>\n<body>\n\n\n\n\n<nav>\n <a href=\"https:\/\/rocreativeai.com\/\" class=\"nav-brand\">\n <div class=\"nav-logo\">R<span>O<\/span><\/div>\n <div class=\"nav-sep\"><\/div>\n <div class=\"nav-brand-text\">\n <div class=\"nav-brand-title\">Rosita Cabrera<\/div>\n <div class=\"nav-brand-sub\">AI Creative \u00b7 Designer<\/div>\n <\/div>\n <\/a>\n <div class=\"nav-links\">\n <a href=\"#tools\" class=\"nav-link\">Toolkit<\/a>\n <a href=\"#prompts\" class=\"nav-link\">Prompts<\/a>\n <a href=\"#about\" class=\"nav-link\">About<\/a>\n <a href=\"#youtube\" class=\"nav-link\">YouTube<\/a>\n <a href=\"#membership\" class=\"nav-cta\">Join the Circle<\/a>\n <\/div>\n<\/nav>\n\n\n\n\n<section class=\"hero\" id=\"home\">\n <div class=\"hero-glow\"><\/div>\n <div class=\"hero-glow2\"><\/div>\n <div class=\"container\">\n <div class=\"hero-inner\">\n <div class=\"hero-left\">\n\n <div class=\"hero-eyebrow\">\n <div class=\"hero-eyebrow-dot\"><\/div>\n <span class=\"hero-eyebrow-text\">Graphic Designer \u00b7 Web Developer \u00b7 AI Creative Explorer<\/span>\n <\/div>\n\n <h1 class=\"hero-title\">\n 25 Years of Design.\n <span class=\"hero-title-accent\">One New Frontier.<\/span>\n <\/h1>\n\n <p class=\"hero-subtitle\">Higgsfield \u00b7 Adobe \u00b7 AI Video \u00b7 Prompt Craft<\/p>\n\n <p class=\"hero-body\">\n I'm RO \u2014 Rosita Cabrera. After spending decades mastering every pixel of the design process,\n I discovered that <strong>AI didn't replace my creativity \u2014 it expanded it.<\/strong>\n Now I'm sharing everything I learn, in real time, with other creatives navigating this new era.\n <\/p>\n\n <div class=\"hero-actions\">\n <a href=\"#tools\" class=\"btn-primary\">Explore the toolkit \u2192<\/a>\n <a href=\"#membership\" class=\"btn-secondary\">Join the Circle<\/a>\n <\/div>\n\n <div class=\"hero-stats\">\n <div>\n <div class=\"hero-stat-val\">25<span>+<\/span><\/div>\n <div class=\"hero-stat-lbl\">Years of design<\/div>\n <\/div>\n <div>\n <div class=\"hero-stat-val\">12<\/div>\n <div class=\"hero-stat-lbl\">HTML tools<\/div>\n <\/div>\n <div>\n <div class=\"hero-stat-val\">20<span>0+<\/span><\/div>\n <div class=\"hero-stat-lbl\">Curated prompts<\/div>\n <\/div>\n <div>\n <div class=\"hero-stat-val\">1<\/div>\n <div class=\"hero-stat-lbl\">New drop \/ month<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"hero-card-wrap\">\n <div class=\"hero-card\">\n <div class=\"hc-top\">\n <span class=\"hc-logo\">R<span>O<\/span><\/span>\n <div class=\"hc-badge\">\n <div class=\"hc-dot\"><\/div>\n <span class=\"hc-badge-text\">Prompt Pack 01<\/span>\n <\/div>\n <\/div>\n <div class=\"hc-prompt-label\">Full prompt \u2014 Neon City Walk<\/div>\n <div class=\"hc-prompt\">\n <span class=\"pt-s\">A Latina woman in her 40s, elegant and confident,<\/span>\n <span class=\"pt-a\"> walks slowly toward the camera through a rain-slicked neon-lit city street,<\/span>\n <span class=\"pt-st\"> cinematic hyper-realistic, shot on 35mm anamorphic,<\/span>\n <span class=\"pt-c\"> slow push-in dolly, shallow depth of field,<\/span>\n <span class=\"pt-l\"> split lighting \u2014 cyan neon from left, amber signage from right,<\/span>\n <span class=\"pt-m\"> moody, mysterious, empowered.<\/span>\n <\/div>\n <div class=\"hc-components\">\n <div class=\"hc-comp\">\n <div class=\"hc-comp-tag\" style=\"color:var(--cyan);\">Subject<\/div>\n <div class=\"hc-comp-val\">Latina woman, 40s, elegant<\/div>\n <\/div>\n <div class=\"hc-comp\">\n <div class=\"hc-comp-tag\" style=\"color:var(--purple);\">Action<\/div>\n <div class=\"hc-comp-val\">Walks toward camera, night street<\/div>\n <\/div>\n <div class=\"hc-comp\">\n <div class=\"hc-comp-tag\" style=\"color:var(--orange);\">Style<\/div>\n <div class=\"hc-comp-val\">Cinematic 35mm anamorphic<\/div>\n <\/div>\n <div class=\"hc-comp\">\n <div class=\"hc-comp-tag\" style=\"color:var(--green);\">Camera<\/div>\n <div class=\"hc-comp-val\">Slow dolly push-in<\/div>\n <\/div>\n <div class=\"hc-comp\">\n <div class=\"hc-comp-tag\" style=\"color:var(--amber);\">Lighting<\/div>\n <div class=\"hc-comp-val\">Cyan + amber neon split<\/div>\n <\/div>\n <div class=\"hc-comp\">\n <div class=\"hc-comp-tag\" style=\"color:var(--pink);\">Mood<\/div>\n <div class=\"hc-comp-val\">Moody, mysterious, empowered<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"tools-section\" id=\"tools\">\n <div class=\"container\">\n <div class=\"tools-header reveal\">\n <div class=\"slabel\">The RO toolkit<\/div>\n <h2 class=\"section-title\">HTML tools built for<br><span>AI creatives<\/span><\/h2>\n <p class=\"section-body\">Every tool is built in the RO brand system \u2014 interactive, copy-ready, and designed from 25 years of professional craft. Members get a new tool every month.<\/p>\n <\/div>\n\n <div class=\"tools-grid\">\n\n <a href=\"https:\/\/rodesigned.com\/toolkit\/\" class=\"tool-card reveal\">\n <div class=\"tc-top\">\n <span class=\"tc-num\" style=\"color:var(--cyan);\">01<\/span>\n <span class=\"tc-badge\" style=\"color:var(--cyan);border-color:var(--cyan-border);background:var(--cyan-bg);\">Free<\/span>\n <\/div>\n <div class=\"tc-body\">\n <div class=\"tc-name\" style=\"color:var(--cyan);\">Prompt Breakdown Card<\/div>\n <div class=\"tc-desc\">The 6-part Higgsfield formula \u2014 color-coded, interactive, and copy-ready. Your starting point for every AI video.<\/div>\n <div class=\"tc-features\">\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--cyan);\"><\/div>Color-coded prompt anatomy<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--cyan);\"><\/div>Live prompt builder<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--cyan);\"><\/div>One-click copy<\/div>\n <\/div>\n <\/div>\n <div class=\"tc-footer\">\n <span class=\"tc-link\">Try it free<\/span>\n <span class=\"tc-arrow\">\u2192<\/span>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"tool-card reveal\">\n <div class=\"tc-top\">\n <span class=\"tc-num\" style=\"color:var(--amber);\">02<\/span>\n <span class=\"tc-badge\" style=\"color:var(--amber);border-color:var(--amber-border);background:var(--amber-bg);\">Member<\/span>\n <\/div>\n <div class=\"tc-body\">\n <div class=\"tc-name\" style=\"color:var(--amber);\">Lighting Designer<\/div>\n <div class=\"tc-desc\">Pick your light direction, color temperature, and source \u2014 get the exact lighting prompt language for Higgsfield.<\/div>\n <div class=\"tc-features\">\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--amber);\"><\/div>Visual compass direction picker<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--amber);\"><\/div>Color temp slider<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--amber);\"><\/div>9 classic preset setups<\/div>\n <\/div>\n <\/div>\n <div class=\"tc-footer\">\n <span class=\"tc-link\">Members only<\/span>\n <span class=\"tc-arrow\">\u2192<\/span>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"tool-card reveal\">\n <div class=\"tc-top\">\n <span class=\"tc-num\" style=\"color:var(--purple);\">03<\/span>\n <span class=\"tc-badge\" style=\"color:var(--purple);border-color:var(--purple-border);background:var(--purple-bg);\">Member<\/span>\n <\/div>\n <div class=\"tc-body\">\n <div class=\"tc-name\" style=\"color:var(--purple);\">Camera Move Builder<\/div>\n <div class=\"tc-desc\">Choose a movement type, speed, and angle \u2014 outputs the exact cinematic language Higgsfield responds to.<\/div>\n <div class=\"tc-features\">\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--purple);\"><\/div>Dolly, orbit, crane, handheld<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--purple);\"><\/div>Speed + angle combiner<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--purple);\"><\/div>Director language output<\/div>\n <\/div>\n <\/div>\n <div class=\"tc-footer\">\n <span class=\"tc-link\">Members only<\/span>\n <span class=\"tc-arrow\">\u2192<\/span>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"tool-card reveal\">\n <div class=\"tc-top\">\n <span class=\"tc-num\" style=\"color:var(--green);\">04<\/span>\n <span class=\"tc-badge\" style=\"color:var(--green);border-color:var(--green-border);background:var(--green-bg);\">Member<\/span>\n <\/div>\n <div class=\"tc-body\">\n <div class=\"tc-name\" style=\"color:var(--green);\">AI Influencer Builder<\/div>\n <div class=\"tc-desc\">Build a complete AI character \u2014 appearance, personality, niche \u2014 and get the prompts to generate them consistently.<\/div>\n <div class=\"tc-features\">\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--green);\"><\/div>Full persona generator<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--green);\"><\/div>Consistency notes included<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--green);\"><\/div>Character prompt output<\/div>\n <\/div>\n <\/div>\n <div class=\"tc-footer\">\n <span class=\"tc-link\">Members only<\/span>\n <span class=\"tc-arrow\">\u2192<\/span>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"tool-card reveal\">\n <div class=\"tc-top\">\n <span class=\"tc-num\" style=\"color:var(--pink);\">05<\/span>\n <span class=\"tc-badge\" style=\"color:var(--pink);border-color:var(--pink-border);background:var(--pink-bg);\">Member<\/span>\n <\/div>\n <div class=\"tc-body\">\n <div class=\"tc-name\" style=\"color:var(--pink);\">Scene Mood Generator<\/div>\n <div class=\"tc-desc\">Choose an emotional tone and get curated mood words, color palettes, and lighting direction to match.<\/div>\n <div class=\"tc-features\">\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--pink);\"><\/div>12 emotional tone presets<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--pink);\"><\/div>Matching color palettes<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--pink);\"><\/div>3-word mood phrase bank<\/div>\n <\/div>\n <\/div>\n <div class=\"tc-footer\">\n <span class=\"tc-link\">Members only<\/span>\n <span class=\"tc-arrow\">\u2192<\/span>\n <\/div>\n <\/a>\n\n <a href=\"#membership\" class=\"tool-card reveal\" style=\"border-style:dashed;border-color:var(--border);\">\n <div class=\"tc-top\">\n <span class=\"tc-num\" style=\"color:var(--muted);\">+7 <\/span>\n <\/div>\n <div class=\"tc-body\">\n <div class=\"tc-name\" style=\"color:var(--muted);\">More tools monthly<\/div>\n <div class=\"tc-desc\">One new HTML tool drops every month for Inner Circle members. Style Reference Finder, Brand Campaign Planner, Content Batch Planner, and more.<\/div>\n <div class=\"tc-features\">\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--muted);\"><\/div>12 tools across 12 months<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--muted);\"><\/div>All in the RO brand system<\/div>\n <div class=\"tc-feat\"><div class=\"tc-dot\" style=\"background:var(--muted);\"><\/div>Yours to keep forever<\/div>\n <\/div>\n <\/div>\n <div class=\"tc-footer\">\n <span class=\"tc-link\">Join to unlock<\/span>\n <span class=\"tc-arrow\">\u2192<\/span>\n <\/div>\n <\/a>\n\n <\/div>\n\n <div class=\"tools-cta reveal\">\n <div class=\"tools-cta-text\">\n <div class=\"tools-cta-title\">Get the full RO Creator Toolkit<\/div>\n <div class=\"tools-cta-sub\">All 3 current tools + brand kit + prompt cheat sheet \u2014 one download, yours forever<\/div>\n <\/div>\n <a href=\"#\" class=\"btn-primary\">Download Toolkit \u2014 $47 \u2192<\/a>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"about-section\" id=\"about\">\n <div class=\"container\">\n <div class=\"about-grid\">\n\n <div class=\"reveal\">\n <div class=\"slabel\">The story<\/div>\n <h2 class=\"section-title\">A master craftsman<br><span>exploring a new medium<\/span><\/h2>\n <p class=\"section-body\" style=\"margin-bottom:0;\">When AI started entering the creative space, I didn't jump in right away. I was frustrated. As someone used to having full control over every pixel, learning how to \"create with AI\" felt like starting over.<\/p>\n\n <div class=\"about-timeline\">\n <div class=\"timeline-item\">\n <div class=\"tl-dot\" style=\"border-color:var(--cyan);\"><\/div>\n <div class=\"tl-right\">\n <div class=\"tl-year\" style=\"color:var(--cyan);\">1999 \u2014 Now<\/div>\n <div class=\"tl-event\">25+ years as a graphic designer and web developer \u2014 Adobe Creative Suite, Photoshop, Premiere Pro, full-stack digital experiences<\/div>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"tl-dot\" style=\"border-color:var(--amber);\"><\/div>\n <div class=\"tl-right\">\n <div class=\"tl-year\" style=\"color:var(--amber);\">The hesitation<\/div>\n <div class=\"tl-event\">AI creative tools arrived and I almost walked away. The learning curve wasn't technical \u2014 it was psychological. Starting over after 25 years.<\/div>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"tl-dot\" style=\"border-color:var(--orange);\"><\/div>\n <div class=\"tl-right\">\n <div class=\"tl-year\" style=\"color:var(--orange);\">The shift<\/div>\n <div class=\"tl-event\">Stayed with it. Kept experimenting. Realized my design background wasn't obsolete \u2014 it was the advantage. I knew what I wanted before I typed a word.<\/div>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"tl-dot\" style=\"border-color:var(--green);\"><\/div>\n <div class=\"tl-right\">\n <div class=\"tl-year\" style=\"color:var(--green);\">Today<\/div>\n <div class=\"tl-event\">AI twins, AI influencers, cinematic text-to-video. Ideas that used to take weeks \u2014 now in hours. AI didn't replace my creativity. It expanded it.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"reveal\">\n <div class=\"about-card\">\n <div class=\"about-card-top\">\n <div class=\"ac-avatar\">RO<\/div>\n <div class=\"ac-name\">Rosita Cabrera<\/div>\n <div class=\"ac-title\">Graphic Designer \u00b7 Web Developer \u00b7 AI Creative Explorer<\/div>\n <\/div>\n <div class=\"about-card-body\">\n <p class=\"ac-bio\">25 years of Adobe Creative Suite meets the new frontier of AI content creation. I'm naturally an introvert \u2014 but this experience made me want to speak, teach, and create more than ever. I don't have all the answers. But I'm building, learning, and evolving in real time. And this is just the beginning.<\/p>\n <div class=\"ac-tools\">\n <div class=\"ac-tools-label\">Tools I use<\/div>\n <div class=\"ac-tools-grid\">\n <span class=\"ac-tool\">Higgsfield<\/span>\n\t\t\t\t<span class=\"ac-tool\">Kling<\/span>\n\t\t\t\t<span class=\"ac-tool\">Seedance2<\/span>\n <span class=\"ac-tool\">Photoshop<\/span>\n <span class=\"ac-tool\">Premiere Pro<\/span>\n <span class=\"ac-tool\">After Effects<\/span>\n <span class=\"ac-tool\">Illustrator<\/span>\n <span class=\"ac-tool\">Firefly<\/span>\n <span class=\"ac-tool\">Midjourney<\/span>\n\t\t\t\t<span class=\"ac-tool\">GPT2<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"about-card-footer\">\n <a href=\"#\" class=\"social-link\">YouTube<\/a>\n <a href=\"#\" class=\"social-link\">Instagram<\/a>\n <a href=\"#\" class=\"social-link\">TikTok<\/a>\n <a href=\"#\" class=\"social-link\">LinkedIn<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"packs-section\" id=\"prompts\">\n <div class=\"container\">\n <div class=\"reveal\">\n <div class=\"slabel\">Prompt packs<\/div>\n <h2 class=\"section-title\">Ready-to-paste prompts<br><span>from a designer's perspective<\/span><\/h2>\n <p class=\"section-body\">Every pack is designed as a PDF \u2014 color-coded, annotated, and built around the 6-part RO formula. Drop any prompt straight into Higgsfield.<\/p>\n <\/div>\n\n <div class=\"packs-grid\">\n\n <a href=\"#\" class=\"pack-card reveal\">\n <div class=\"pack-top\">\n <div class=\"pack-num\" style=\"color:var(--cyan);\">Pack 01<\/div>\n <div class=\"pack-name\" style=\"color:var(--cyan);\">Cinematic Portraits<\/div>\n <div class=\"pack-desc\">20 ready-to-use prompts for cinematic-quality portrait videos \u2014 each with all 6 components and RO's lighting insight.<\/div>\n <\/div>\n <div class=\"pack-prompts\">\n <div class=\"pack-prompt\">Neon City Walk \u00b7 Night street<\/div>\n <div class=\"pack-prompt\">Golden Hour Rooftop \u00b7 Sunset cityscape<\/div>\n <div class=\"pack-prompt\">Rain Silhouette \u00b7 Noir backlit street<\/div>\n <\/div>\n <div class=\"pack-footer\">\n <span class=\"pack-count\">20 prompts \u00b7 PDF<\/span>\n <span class=\"pack-price\" style=\"color:var(--cyan);\">$27<\/span>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"pack-card reveal\">\n <div class=\"pack-top\">\n <div class=\"pack-num\" style=\"color:var(--orange);\">Pack 02<\/div>\n <div class=\"pack-name\" style=\"color:var(--orange);\">AI Influencer Starter Kit<\/div>\n <div class=\"pack-desc\">15 prompts for building a consistent AI character across lifestyle, fashion, and brand content. Includes consistency notes.<\/div>\n <\/div>\n <div class=\"pack-prompts\">\n <div class=\"pack-prompt\">Character Intro Shot \u00b7 Face consistency<\/div>\n <div class=\"pack-prompt\">Lifestyle Content \u00b7 Coffee, morning, desk<\/div>\n <div class=\"pack-prompt\">Fashion Editorial \u00b7 Studio, commercial<\/div>\n <\/div>\n <div class=\"pack-footer\">\n <span class=\"pack-count\">15 prompts \u00b7 PDF \u00b7 Coming Month 2<\/span>\n <span class=\"pack-price\" style=\"color:var(--orange);\">$27<\/span>\n <\/div>\n <\/a>\n\n <a href=\"#membership\" class=\"pack-card reveal\" style=\"border-style:dashed;\">\n <div class=\"pack-top\">\n <div class=\"pack-num\" style=\"color:var(--muted);\">Packs 03\u201312<\/div>\n <div class=\"pack-name\" style=\"color:var(--muted);\">Monthly member drops<\/div>\n <div class=\"pack-desc\">One new prompt pack drops every month for Inner Circle members \u2014 Camera Moves, Lighting Bible, Brand Campaigns, Film Eras, and more.<\/div>\n <\/div>\n <div class=\"pack-prompts\">\n <div class=\"pack-prompt\">Camera Moves \u00b7 25 prompts<\/div>\n <div class=\"pack-prompt\">Designer Lighting Bible \u00b7 30 prompts<\/div>\n <div class=\"pack-prompt\">Brand Campaign Pack \u00b7 20 prompts<\/div>\n <\/div>\n <div class=\"pack-footer\">\n <span class=\"pack-count\">200+ prompts across 12 packs<\/span>\n <span class=\"pack-price\" style=\"color:var(--cyan);\">Join \u2192<\/span>\n <\/div>\n <\/a>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"youtube-section\" id=\"youtube\">\n <div class=\"container\">\n <div class=\"reveal\">\n <div class=\"slabel\">The channel<\/div>\n <h2 class=\"section-title\">New videos every week \u2014<br><span>real process, honest results<\/span><\/h2>\n <\/div>\n\n <div class=\"yt-grid\">\n\n <a href=\"#\" class=\"yt-card reveal\">\n <div class=\"yt-thumb\">\n <div class=\"yt-thumb-bg\" style=\"background:linear-gradient(135deg,#0D1520,#1A0A00);\">\n <div class=\"yt-thumb-grid\"><\/div>\n <div class=\"yt-play\">\u25b6<\/div>\n <\/div>\n <span class=\"yt-ep\">Ep 01<\/span>\n <div class=\"yt-title-overlay\">I Almost Walked Away From AI<\/div>\n <\/div>\n <div class=\"yt-body\">\n <div class=\"yt-series\">Origin Story<\/div>\n <div class=\"yt-title\">I Almost Walked Away From AI \u2014 Here's What Changed<\/div>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"yt-card reveal\">\n <div class=\"yt-thumb\">\n <div class=\"yt-thumb-bg\" style=\"background:linear-gradient(135deg,#0D1520,#001A20);\">\n <div class=\"yt-thumb-grid\"><\/div>\n <div class=\"yt-play\">\u25b6<\/div>\n <\/div>\n <span class=\"yt-ep\">Ep 02<\/span>\n <div class=\"yt-title-overlay\">The 6-Part Prompt Formula<\/div>\n <\/div>\n <div class=\"yt-body\">\n <div class=\"yt-series\">Prompt Breakdown<\/div>\n <div class=\"yt-title\">The 6-Part Prompt Formula I Use for Every Higgsfield Video<\/div>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"yt-card reveal\">\n <div class=\"yt-thumb\">\n <div class=\"yt-thumb-bg\" style=\"background:linear-gradient(135deg,#0D1520,#100A1A);\">\n <div class=\"yt-thumb-grid\"><\/div>\n <div class=\"yt-play\">\u25b6<\/div>\n <\/div>\n <span class=\"yt-ep\">Ep 03<\/span>\n <div class=\"yt-title-overlay\">AI Influencer From Scratch<\/div>\n <\/div>\n <div class=\"yt-body\">\n <div class=\"yt-series\">AI Creator Series<\/div>\n <div class=\"yt-title\">I Built an AI Influencer From Scratch \u2014 Full Process<\/div>\n <\/div>\n <\/a>\n\n <a href=\"#\" class=\"yt-card reveal\">\n <div class=\"yt-thumb\">\n <div class=\"yt-thumb-bg\" style=\"background:linear-gradient(135deg,#0D1520,#1A1000);\">\n <div class=\"yt-thumb-grid\"><\/div>\n <div class=\"yt-play\">\u25b6<\/div>\n <\/div>\n <span class=\"yt-ep\">Ep 04<\/span>\n <div class=\"yt-title-overlay\">What Adobe Taught Me About AI Lighting<\/div>\n <\/div>\n <div class=\"yt-body\">\n <div class=\"yt-series\">Designer's Eye<\/div>\n <div class=\"yt-title\">What 25 Years of Adobe Taught Me About AI Lighting<\/div>\n <\/div>\n <\/a>\n\n <\/div>\n\n <a href=\"#\" class=\"yt-sub-cta reveal\">\n <div class=\"yt-sub-left\">\n <div class=\"yt-sub-title\">Subscribe to RO on YouTube<\/div>\n <div class=\"yt-sub-note\">New videos every week \u2014 prompt breakdowns, AI tutorials, and the real creative process<\/div>\n <\/div>\n <div class=\"yt-sub-btn\">Subscribe \u2192<\/div>\n <\/a>\n\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"membership-section\" id=\"membership\">\n <div class=\"container\">\n <div class=\"reveal\">\n <div class=\"slabel\">RO Inner Circle<\/div>\n <h2 class=\"section-title\">The membership for creatives<br><span>building with AI<\/span><\/h2>\n <p class=\"section-body\">One new HTML tool + one new prompt pack every month. Live sessions, a private community, and everything built in the RO system \u2014 yours to keep forever.<\/p>\n <\/div>\n\n <div class=\"membership-grid\">\n\n <div class=\"membership-features\">\n <div class=\"mf-item reveal\">\n <div class=\"mf-icon\" style=\"background:var(--cyan-bg);border:1px solid var(--cyan-border);\">\ud83d\udee0<\/div>\n <div class=\"mf-body\">\n <div class=\"mf-title\" style=\"color:var(--cyan);\">New HTML tool every month<\/div>\n <div class=\"mf-desc\">Lighting Designer, Camera Move Builder, AI Influencer Builder, Scene Mood Generator \u2014 one production-grade tool per month, all in the RO brand system.<\/div>\n <\/div>\n <\/div>\n <div class=\"mf-item reveal\">\n <div class=\"mf-icon\" style=\"background:var(--orange-bg);border:1px solid var(--orange-border);\">\ud83d\udcc4<\/div>\n <div class=\"mf-body\">\n <div class=\"mf-title\" style=\"color:var(--orange);\">New prompt pack every month<\/div>\n <div class=\"mf-desc\">Designed PDFs with 15\u201330 ready-to-paste Higgsfield prompts, annotated with RO's designer insights. Cinematic portraits, camera moves, lighting setups, and more.<\/div>\n <\/div>\n <\/div>\n <div class=\"mf-item reveal\">\n <div class=\"mf-icon\" style=\"background:var(--purple-bg);border:1px solid var(--purple-border);\">\ud83c\udfa5<\/div>\n <div class=\"mf-body\">\n <div class=\"mf-title\" style=\"color:var(--purple);\">Monthly live critique sessions<\/div>\n <div class=\"mf-desc\">Bring your prompts and your results. RO breaks down what's working and why, live, in real time. The session that separates good from great.<\/div>\n <\/div>\n <\/div>\n <div class=\"mf-item reveal\">\n <div class=\"mf-icon\" style=\"background:var(--green-bg);border:1px solid var(--green-border);\">\ud83c\udf10<\/div>\n <div class=\"mf-body\">\n <div class=\"mf-title\" style=\"color:var(--green);\">Private community access<\/div>\n <div class=\"mf-desc\">Share your work, get feedback from other creatives, and connect with people navigating the same AI creative journey. Build in public, grow together.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"reveal\">\n <div class=\"pricing-card\" style=\"position:relative;\">\n <div class=\"pc-header\">\n <div class=\"pc-badge\">\u26a1 Founding member offer \u00b7 25 spots<\/div>\n <div class=\"pc-tier\">Inner Circle<\/div>\n <div class=\"pc-price\">$19<span>\/mo<\/span><\/div>\n <div class=\"pc-price-note\">Founding rate \u2014 locked in forever \u00b7 $39\/mo after 25 members<\/div>\n <\/div>\n <div class=\"pc-body\">\n <div class=\"pc-features\">\n <div class=\"pc-feat\"><div class=\"pc-feat-dot\"><\/div><div class=\"pc-feat-text\">1 new HTML tool every month<\/div><\/div>\n <div class=\"pc-feat\"><div class=\"pc-feat-dot\"><\/div><div class=\"pc-feat-text\">1 new prompt pack PDF every month<\/div><\/div>\n <div class=\"pc-feat\"><div class=\"pc-feat-dot\"><\/div><div class=\"pc-feat-text\">Access to all previous tools and packs<\/div><\/div>\n <div class=\"pc-feat\"><div class=\"pc-feat-dot\"><\/div><div class=\"pc-feat-text\">Monthly live critique session with RO<\/div><\/div>\n <div class=\"pc-feat\"><div class=\"pc-feat-dot\"><\/div><div class=\"pc-feat-text\">Private community (Discord or Circle)<\/div><\/div>\n <div class=\"pc-feat\"><div class=\"pc-feat-dot\"><\/div><div class=\"pc-feat-text\">Early access to every YouTube video<\/div><\/div>\n <div class=\"pc-feat\"><div class=\"pc-feat-dot\"><\/div><div class=\"pc-feat-text\">All tools yours to keep, cancel anytime<\/div><\/div>\n <\/div>\n <a href=\"#\" class=\"pc-cta\">Join the Inner Circle \u2014 $19\/mo \u2192<\/a>\n <p class=\"pc-founding\">Founding rate locked in forever. <strong>17 spots remaining.<\/strong><\/p>\n <\/div>\n <div class=\"pc-footer\">\n <div class=\"pc-guarantee\">\n <div class=\"pc-guarantee-dot\"><\/div>\n Cancel anytime \u00b7 No contracts \u00b7 Tools are yours to keep\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"cta-band\">\n <div class=\"cta-band-glow\"><\/div>\n <div class=\"container\">\n <div class=\"cta-band-inner reveal\">\n <h2 class=\"cta-band-title\">This is just<br><span>the beginning.<\/span><\/h2>\n <p class=\"cta-band-sub\">I'm building, learning, and evolving in real time \u2014 and bringing you along for every step of it.<\/p>\n <div class=\"cta-band-actions\">\n <a href=\"#membership\" class=\"btn-primary\">Join the Inner Circle \u2192<\/a>\n <a href=\"#tools\" class=\"btn-secondary\">Explore the free tool<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<footer>\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <div class=\"footer-logo\">R<span>O<\/span><\/div>\n <p class=\"footer-tagline\">25 years of design craft meets the new frontier of AI creation. Building in real time.<\/p>\n <div class=\"footer-socials\">\n <a href=\"#\" class=\"footer-social\">YT<\/a>\n <a href=\"#\" class=\"footer-social\">IG<\/a>\n <a href=\"#\" class=\"footer-social\">TK<\/a>\n <a href=\"#\" class=\"footer-social\">LI<\/a>\n <\/div>\n <\/div>\n <div>\n <div class=\"footer-col-title\">Toolkit<\/div>\n <div class=\"footer-links\">\n <a href=\"#\" class=\"footer-link\">Prompt Breakdown Card<\/a>\n <a href=\"#\" class=\"footer-link\">Lighting Designer<\/a>\n <a href=\"#\" class=\"footer-link\">Camera Move Builder<\/a>\n <a href=\"#\" class=\"footer-link\">All Tools<\/a>\n <a href=\"#\" class=\"footer-link\">RO Creator Toolkit \u2014 $47<\/a>\n <\/div>\n <\/div>\n <div>\n <div class=\"footer-col-title\">Prompt Packs<\/div>\n <div class=\"footer-links\">\n <a href=\"#\" class=\"footer-link\">Pack 01 \u00b7 Cinematic Portraits<\/a>\n <a href=\"#\" class=\"footer-link\">Pack 02 \u00b7 AI Influencer Kit<\/a>\n <a href=\"#\" class=\"footer-link\">All Packs<\/a>\n <a href=\"#\" class=\"footer-link\">Inner Circle \u00b7 All Packs Included<\/a>\n <\/div>\n <\/div>\n <div>\n <div class=\"footer-col-title\">RO<\/div>\n <div class=\"footer-links\">\n <a href=\"#about\" class=\"footer-link\">About<\/a>\n <a href=\"#youtube\" class=\"footer-link\">YouTube<\/a>\n <a href=\"#membership\" class=\"footer-link\">Membership<\/a>\n <a href=\"#\" class=\"footer-link\">1-on-1 Coaching<\/a>\n <a href=\"#\" class=\"footer-link\">Contact<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p class=\"footer-copy\">\u00a92026 Rosita Cabrera \u00b7 All rights reserved \u00b7 rositacabrera.com<\/p>\n <p class=\"footer-made\">RO \u00b7 AI Creative \u00b7 AI Tools \u00b7 Higgsfield<\/p>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n\/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\nvar reveals = document.querySelectorAll('.reveal');\nvar observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n}, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n\nreveals.forEach(function(el) { observer.observe(el); });\n\n\/* \u2500\u2500 SMOOTH NAV HIGHLIGHT \u2500\u2500 *\/\nvar navLinks = document.querySelectorAll('.nav-link');\nvar sections = ['home','tools','about','prompts','youtube','membership'];\n\nwindow.addEventListener('scroll', function() {\n var scrollY = window.pageYOffset;\n sections.forEach(function(id) {\n var section = document.getElementById(id);\n if (!section) return;\n var top = section.offsetTop - 80;\n var bottom = top + section.offsetHeight;\n if (scrollY >= top && scrollY < bottom) {\n navLinks.forEach(function(link) {\n link.style.color = '';\n if (link.getAttribute('href') === '#' + id) {\n link.style.color = 'var(--cyan)';\n }\n });\n }\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>RO \u2014 Rosita Cabrera \u00b7 AI Creative & Designer RO Rosita Cabrera AI Creative \u00b7 Designer Toolkit Prompts About YouTube Join the Circle Graphic Designer \u00b7 Web Developer \u00b7 AI Creative Explorer 25 Years of Design. One New Frontier. Higgsfield \u00b7 Adobe \u00b7 AI Video \u00b7 Prompt Craft I’m RO \u2014 Rosita Cabrera. After spending…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rocreativeai.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rocreativeai.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rocreativeai.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rocreativeai.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rocreativeai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":62,"href":"https:\/\/rocreativeai.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/rocreativeai.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/rocreativeai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}