{"id":9,"date":"2026-06-05T05:58:48","date_gmt":"2026-06-05T05:58:48","guid":{"rendered":"https:\/\/onesc.fun\/?page_id=9"},"modified":"2026-06-05T06:39:03","modified_gmt":"2026-06-05T06:39:03","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/onesc.fun\/","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ebab75 e-con-full e-flex e-con e-parent\" data-id=\"6ebab75\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7d8b02 elementor-widget elementor-widget-html\" data-id=\"d7d8b02\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n<title>one.sc \u2014 3D assets in one second<\/title>\r\n<meta name=\"description\" content=\"one.sc generates production-ready 3D models, textures and scenes from a single prompt in one second. Built for game studios, designers and product teams.\">\r\n<meta property=\"og:title\" content=\"one.sc \u2014 3D assets in one second\">\r\n<meta property=\"og:description\" content=\"Generate production-ready 3D in one second. Prompt to mesh, instantly.\">\r\n<meta property=\"og:type\" content=\"website\">\r\n<link rel=\"canonical\" href=\"\/\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<script type=\"module\" src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/model-viewer\/3.4.0\/model-viewer.min.js\"><\/script>\r\n<style>\r\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n  :root {\r\n    --radius: 0.5rem;\r\n    --background: #0e0e12;\r\n    --foreground: #f2f2f5;\r\n    --card: #17171d;\r\n    --card-foreground: #f2f2f5;\r\n    --popover: #17171d;\r\n    --popover-foreground: #f2f2f5;\r\n    --primary: #d4f938;\r\n    --primary-foreground: #0e0e12;\r\n    --secondary: #1e1e26;\r\n    --secondary-foreground: #f2f2f5;\r\n    --muted: #1e1e26;\r\n    --muted-foreground: #9ca3af;\r\n    --accent: #d4f938;\r\n    --accent-foreground: #0e0e12;\r\n    --destructive: #ef4444;\r\n    --destructive-foreground: #f2f2f5;\r\n    --border: rgba(255,255,255,0.08);\r\n    --input: rgba(255,255,255,0.10);\r\n    --ring: #d4f938;\r\n    --lime: #d4f938;\r\n    --iris: #a78bfa;\r\n    --blush: #f4a4a4;\r\n    --font-display: \"Instrument Serif\", ui-serif, Georgia, serif;\r\n    --font-sans: \"Inter Tight\", ui-sans-serif, system-ui, sans-serif;\r\n    --font-mono: \"JetBrains Mono\", ui-monospace, monospace;\r\n  }\r\n  html { scroll-behavior: smooth; }\r\n  body {\r\n    background-color: var(--background);\r\n    color: var(--foreground);\r\n    font-family: var(--font-sans);\r\n    font-feature-settings: \"ss01\", \"cv11\";\r\n    -webkit-font-smoothing: antialiased;\r\n    min-height: 100vh;\r\n    overflow-x: hidden;\r\n  }\r\n  ::selection { background: var(--lime); color: var(--background); }\r\n\r\n  \/* Utilities *\/\r\n  .text-display { font-family: var(--font-display); font-weight: 400; letter-spacing: -0.02em; line-height: 0.92; }\r\n  .text-mono { font-family: var(--font-mono); font-feature-settings: \"ss01\"; }\r\n  .grad-text {\r\n    background: linear-gradient(135deg, var(--lime), var(--iris) 60%, var(--blush));\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    color: transparent;\r\n  }\r\n\r\n  \/* Layout *\/\r\n  .max-w-1400 { max-width: 1400px; margin-left: auto; margin-right: auto; }\r\n  .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }\r\n  @media (min-width: 1024px) {\r\n    .lg\\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }\r\n    .lg\\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }\r\n    .lg\\:col-span-4 { grid-column: span 4 \/ span 4; }\r\n    .lg\\:col-span-5 { grid-column: span 5 \/ span 5; }\r\n    .lg\\:col-span-7 { grid-column: span 7 \/ span 7; }\r\n    .lg\\:col-span-8 { grid-column: span 8 \/ span 8; }\r\n    .lg\\:pt-24 { padding-top: 6rem; }\r\n    .lg\\:py-40 { padding-top: 10rem; padding-bottom: 10rem; }\r\n    .lg\\:p-8 { padding: 2rem; }\r\n    .lg\\:gap-10 { gap: 2.5rem; }\r\n  }\r\n  .grid { display: grid; }\r\n  .flex { display: flex; }\r\n  .hidden { display: none; }\r\n  @media (min-width: 768px) {\r\n    .md\\:flex { display: flex; }\r\n    .md\\:inline { display: inline; }\r\n    .md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n    .md\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\r\n    .md\\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\r\n  }\r\n  @media (min-width: 640px) {\r\n    .sm\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n    .sm\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\r\n    .sm\\:max-w-none { max-width: none !important; }\r\n  }\r\n  .items-center { align-items: center; }\r\n  .items-end { align-items: flex-end; }\r\n  .items-stretch { align-items: stretch; }\r\n  .items-baseline { align-items: baseline; }\r\n  .justify-between { justify-content: space-between; }\r\n  .justify-center { justify-content: center; }\r\n  .gap-2 { gap: 0.5rem; }\r\n  .gap-3 { gap: 0.75rem; }\r\n  .gap-4 { gap: 1rem; }\r\n  .gap-5 { gap: 1.25rem; }\r\n  .gap-6 { gap: 1.5rem; }\r\n  .gap-8 { gap: 2rem; }\r\n  .gap-10 { gap: 2.5rem; }\r\n  .gap-12 { gap: 3rem; }\r\n  .flex-wrap { flex-wrap: wrap; }\r\n  .flex-col { flex-direction: column; }\r\n  .flex-1 { flex: 1 1 0%; }\r\n\r\n  \/* Spacing *\/\r\n  .h-16 { height: 4rem; }\r\n  .h-7 { height: 1.75rem; }\r\n  .h-1 { height: 0.25rem; }\r\n  .h-1\\.5 { height: 0.375rem; }\r\n  .h-2 { height: 0.5rem; }\r\n  .h-16-spinner { height: 4rem; }\r\n  .w-7 { width: 1.75rem; }\r\n  .w-1 { width: 0.25rem; }\r\n  .w-1\\.5 { width: 0.375rem; }\r\n  .w-2 { width: 0.5rem; }\r\n  .w-16-spinner { width: 4rem; }\r\n  .w-full { width: 100%; }\r\n  .min-w-16 { min-width: 4rem; }\r\n  .aspect-square { aspect-ratio: 1 \/ 1; }\r\n  .min-h-screen { min-height: 100vh; }\r\n\r\n  .pt-16 { padding-top: 4rem; }\r\n  .pb-12 { padding-bottom: 3rem; }\r\n  .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }\r\n  .py-3\\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }\r\n  .py-4 { padding-top: 1rem; padding-bottom: 1rem; }\r\n  .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }\r\n  .py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }\r\n  .py-24 { padding-top: 6rem; padding-bottom: 6rem; }\r\n  .py-28 { padding-top: 7rem; padding-bottom: 7rem; }\r\n  .py-32 { padding-top: 8rem; padding-bottom: 8rem; }\r\n  .px-4 { padding-left: 1rem; padding-right: 1rem; }\r\n  .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }\r\n  .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }\r\n  .px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }\r\n  .p-4 { padding: 1rem; }\r\n  .p-6 { padding: 1.5rem; }\r\n  .p-7 { padding: 1.75rem; }\r\n  .p-8 { padding: 2rem; }\r\n  .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }\r\n  .px-2\\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }\r\n  .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }\r\n  .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }\r\n  .py-1\\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }\r\n  .mt-1 { margin-top: 0.25rem; }\r\n  .mt-1\\.5 { margin-top: 0.375rem; }\r\n  .mt-2 { margin-top: 0.5rem; }\r\n  .mt-3 { margin-top: 0.75rem; }\r\n  .mt-4 { margin-top: 1rem; }\r\n  .mt-6 { margin-top: 1.5rem; }\r\n  .mt-7 { margin-top: 1.75rem; }\r\n  .mt-8 { margin-top: 2rem; }\r\n  .mt-10 { margin-top: 2.5rem; }\r\n  .mt-12 { margin-top: 3rem; }\r\n  .mt-14 { margin-top: 3.5rem; }\r\n  .mt-16 { margin-top: 4rem; }\r\n  .mb-12 { margin-bottom: 3rem; }\r\n  .mx-auto { margin-left: auto; margin-right: auto; }\r\n  .space-y-2 > * + * { margin-top: 0.5rem; }\r\n  .space-y-3 > * + * { margin-top: 0.75rem; }\r\n  .space-y-4 > * + * { margin-top: 1rem; }\r\n\r\n  \/* Typography *\/\r\n  .text-xs { font-size: 0.75rem; line-height: 1rem; }\r\n  .text-sm { font-size: 0.875rem; line-height: 1.25rem; }\r\n  .text-lg { font-size: 1.125rem; line-height: 1.75rem; }\r\n  .text-xl { font-size: 1.25rem; line-height: 1.75rem; }\r\n  .text-5xl { font-size: 3rem; line-height: 1; }\r\n  .text-6xl { font-size: 3.75rem; line-height: 1; }\r\n  .text-7xl { font-size: 4.5rem; line-height: 1; }\r\n  .text-mono-size { font-size: 11px; }\r\n  .text-mono-size-10 { font-size: 10px; }\r\n  .font-medium { font-weight: 500; }\r\n  .font-semibold { font-weight: 600; }\r\n  .font-bold { font-weight: 700; }\r\n  .uppercase { text-transform: uppercase; }\r\n  .italic { font-style: italic; }\r\n  .tracking-tight { letter-spacing: -0.025em; }\r\n  .tracking-wider { letter-spacing: 0.05em; }\r\n  .leading-relaxed { line-height: 1.625; }\r\n  .text-center { text-align: center; }\r\n  .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\r\n  .whitespace-nowrap { white-space: nowrap; }\r\n\r\n  \/* Colors *\/\r\n  .bg-background { background-color: var(--background); }\r\n  .bg-card { background-color: var(--card); }\r\n  .bg-secondary { background-color: var(--secondary); }\r\n  .bg-lime { background-color: var(--lime); }\r\n  .bg-muted { background-color: var(--muted); }\r\n  .text-foreground { color: var(--foreground); }\r\n  .text-foreground\\\/80 { color: rgba(242,242,245,0.8); }\r\n  .text-muted-foreground { color: var(--muted-foreground); }\r\n  .text-primary-foreground { color: var(--primary-foreground); }\r\n  .text-lime { color: var(--lime); }\r\n  .text-iris { color: var(--iris); }\r\n  .text-blush { color: var(--blush); }\r\n  .border-border { border-color: var(--border); }\r\n  .border-lime { border-color: var(--lime); }\r\n\r\n  \/* Borders *\/\r\n  .border { border-width: 1px; border-style: solid; }\r\n  .border-b { border-bottom-width: 1px; border-bottom-style: solid; }\r\n  .border-t { border-top-width: 1px; border-top-style: solid; }\r\n  .rounded-full { border-radius: 9999px; }\r\n  .rounded-xl { border-radius: 0.75rem; }\r\n  .rounded-2xl { border-radius: 1rem; }\r\n  .rounded-3xl { border-radius: 1.5rem; }\r\n  .rounded-md { border-radius: 0.375rem; }\r\n\r\n  \/* Position *\/\r\n  .relative { position: relative; }\r\n  .absolute { position: absolute; }\r\n  .sticky { position: sticky; }\r\n  .inset-0 { top: 0; right: 0; bottom: 0; left: 0; }\r\n  .top-0 { top: 0; }\r\n  .top-3 { top: 0.75rem; }\r\n  .left-3 { left: 0.75rem; }\r\n  .left-4 { left: 1rem; }\r\n  .left-7 { left: 1.75rem; }\r\n  .right-3 { right: 0.75rem; }\r\n  .right-4 { right: 1rem; }\r\n  .bottom-4 { bottom: 1rem; }\r\n  .-top-3 { top: -0.75rem; }\r\n  .-inset-1 { top: -0.25rem; right: -0.25rem; bottom: -0.25rem; left: -0.25rem; }\r\n  .-inset-6 { top: -1.5rem; right: -1.5rem; bottom: -1.5rem; left: -1.5rem; }\r\n  .z-50 { z-index: 50; }\r\n\r\n  \/* Backdrop *\/\r\n  .backdrop-blur-xl { backdrop-filter: blur(24px); }\r\n  .backdrop-blur-md { backdrop-filter: blur(12px); }\r\n  .bg-opacity-70 { background-color: rgba(14,14,18,0.7); }\r\n\r\n  \/* Overflow *\/\r\n  .overflow-hidden { overflow: hidden; }\r\n  .overflow-x-hidden { overflow-x: hidden; }\r\n  .overflow-x-auto { overflow-x: auto; }\r\n\r\n  \/* Object *\/\r\n  .object-cover { object-fit: cover; }\r\n\r\n  \/* Cursor *\/\r\n  .cursor-pointer { cursor: pointer; }\r\n\r\n  \/* Focus *\/\r\n  .focus\\:outline-none:focus { outline: none; }\r\n\r\n  \/* Hover transitions *\/\r\n  .transition { transition-property: color, background-color, border-color, opacity, transform; transition-duration: 150ms; }\r\n  .hover\\:opacity-90:hover { opacity: 0.9; }\r\n  .hover\\:text-foreground:hover { color: var(--foreground); }\r\n  .hover\\:text-lime:hover { color: var(--lime); }\r\n  .hover\\:bg-secondary:hover { background-color: var(--secondary); }\r\n  .hover\\:bg-lime:hover { background-color: var(--lime); }\r\n  .hover\\:border-lime\\\/50:hover { border-color: rgba(212,249,56,0.5); }\r\n  .hover\\:scale-105:hover { transform: scale(1.05); }\r\n  .group:hover .group-hover\\:bg-lime\\\/50 { background-color: rgba(212,249,56,0.5); }\r\n  .group:hover .group-hover\\:opacity-100 { opacity: 1; }\r\n  .group:hover .group-hover\\:scale-105 { transform: scale(1.05); }\r\n  .group { position: relative; }\r\n\r\n  \/* Disabled *\/\r\n  .disabled\\:opacity-60:disabled { opacity: 0.6; }\r\n\r\n  \/* Dividers *\/\r\n  .divide-x > * + * { border-left-width: 1px; border-left-style: solid; border-color: var(--border); }\r\n  .divide-border { border-color: var(--border); }\r\n  .gap-px { gap: 1px; }\r\n\r\n  \/* Gradients *\/\r\n  .bg-gradient-to-t { background: linear-gradient(to top, var(--card), rgba(23,23,29,0.2), transparent); }\r\n  .bg-gradient-to-br { background: linear-gradient(to bottom right, rgba(212,249,56,0.2), rgba(167,139,250,0.1) 60%, rgba(244,164,164,0.1)); }\r\n\r\n  \/* Blur *\/\r\n  .blur-md { filter: blur(12px); }\r\n  .blur-2xl { filter: blur(40px); }\r\n\r\n  \/* Shadow *\/\r\n  .shadow-glow { box-shadow: 0 0 60px -20px var(--lime); }\r\n\r\n  \/* Animations *\/\r\n  @keyframes marquee {\r\n    from { transform: translateX(0); }\r\n    to { transform: translateX(-50%); }\r\n  }\r\n  .marquee-track { animation: marquee 40s linear infinite; display: flex; gap: 3rem; white-space: nowrap; width: max-content;}\r\n  .marquee-track:hover { animation-play-state: paused; }\r\n\r\n  @keyframes pulse-dot {\r\n    0%, 100% { opacity: 1; }\r\n    50% { opacity: 0.3; }\r\n  }\r\n  .pulse-dot { animation: pulse-dot 1.6s ease-in-out infinite; }\r\n\r\n  @keyframes spin-slow {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n  .spin-slow { animation: spin-slow 20s linear infinite; }\r\n\r\n  @keyframes tick-in {\r\n    from { transform: scale(0.95); opacity: 0; }\r\n    to { transform: scale(1); opacity: 1; }\r\n  }\r\n  .tick-in { animation: tick-in 0.6s cubic-bezier(0.16, 1, 0.3, 1); }\r\n\r\n  @keyframes float-y {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-12px); }\r\n  }\r\n  .float-slow { animation: float-y 6s ease-in-out infinite; }\r\n\r\n  \/* Pre\/code *\/\r\n  pre { font-family: var(--font-mono); overflow-x: auto; }\r\n\r\n  \/* Hero heading size *\/\r\n  .hero-heading { font-size: clamp(3.5rem, 9vw, 8.5rem); }\r\n  .section-heading { font-size: clamp(2rem, 5vw, 4.5rem); }\r\n  .cta-heading { font-size: clamp(3rem, 9vw, 9rem); }\r\n\r\n  \/* Max widths *\/\r\n  .max-w-xl { max-width: 36rem; }\r\n  .max-w-2xl { max-width: 42rem; }\r\n  .max-w-md { max-width: 28rem; }\r\n  .max-w-xs { max-width: 20rem; }\r\n\r\n  \/* Placeholder *\/\r\n  ::placeholder { color: var(--muted-foreground); }\r\n\r\n  \/* Responsive image *\/\r\n  img { max-width: 100%; height: auto; display: block; }\r\n\r\n  \/* Button\/link resets *\/\r\n  a { text-decoration: none; color: inherit; }\r\n  button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }\r\n  input { font-family: inherit; color: inherit; }\r\n\r\n  \/* CTA radial bg *\/\r\n  .cta-radial {\r\n    background: radial-gradient(ellipse at center, rgba(212,249,56,0.25) 0%, transparent 60%);\r\n  }\r\n\r\n  \/* Specific component spacing adjustments *\/\r\n  .gallery-img { transition: transform 0.7s; }\r\n  .gallery-img:hover { transform: scale(1.05); }\r\n\r\n  \/* Overlapping Gallery layout *\/\r\n  .gallery-container {\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 2rem 1rem 4rem 1rem;\r\n    position: relative;\r\n    z-index: 10;\r\n  }\r\n  .gallery-card {\r\n    width: 25%;\r\n    min-width: 250px;\r\n    position: relative;\r\n    border-radius: 1rem;\r\n    overflow: hidden;\r\n    background: var(--card);\r\n    border: 1px solid var(--border);\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n  .gallery-card:not(:first-child) {\r\n    margin-left: -2.5rem;\r\n  }\r\n  .gallery-card:hover {\r\n    z-index: 50;\r\n    transform: translateY(-20px) scale(1.05);\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.8);\r\n  }\r\n  .gallery-card img {\r\n    width: 100%;\r\n    aspect-ratio: 1\/1;\r\n    object-fit: cover;\r\n  }\r\n\r\n  \/* Input styling *\/\r\n  input[type=\"text\"] {\r\n    background-color: var(--card);\r\n    border: 1px solid var(--border);\r\n    border-radius: 0.75rem;\r\n    padding: 0.75rem 1rem;\r\n    font-size: 0.875rem;\r\n    width: 100%;\r\n  }\r\n  input[type=\"text\"]:focus {\r\n    outline: none;\r\n    border-color: var(--lime);\r\n  }\r\n\r\n  \/* Model Viewer Container *\/\r\n  .iframe-container {\r\n    position: relative;\r\n    aspect-ratio: 1\/1;\r\n    overflow: hidden;\r\n    background: var(--card); \/* Match card background *\/\r\n  }\r\n\r\n  \/* Blur support fallback *\/\r\n  @supports not (backdrop-filter: blur(24px)) {\r\n    .backdrop-blur-xl { background-color: rgba(14,14,18,0.95); }\r\n    .backdrop-blur-md { background-color: rgba(14,14,18,0.9); }\r\n  }\r\n\r\n  \/* Dev Popup \/ Toast *\/\r\n  #dev-toast {\r\n    position: fixed;\r\n    bottom: 2rem;\r\n    left: 50%;\r\n    transform: translateX(-50%) translateY(100px);\r\n    opacity: 0;\r\n    background-color: var(--card);\r\n    border: 1px solid var(--border);\r\n    color: var(--lime);\r\n    padding: 0.75rem 1.5rem;\r\n    border-radius: 9999px;\r\n    z-index: 9999;\r\n    font-family: var(--font-mono);\r\n    font-size: 0.75rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n    pointer-events: none;\r\n    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.8);\r\n  }\r\n  #dev-toast.show {\r\n    transform: translateX(-50%) translateY(0);\r\n    opacity: 1;\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body class=\"bg-background text-foreground overflow-x-hidden\">\r\n\r\n<script>\r\n  (function(){\r\n    var l=document.createElement('link');\r\n    l.rel='stylesheet';\r\n    l.href='https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap';\r\n    document.head.appendChild(l);\r\n  })();\r\n<\/script>\r\n\r\n<header class=\"sticky top-0 z-50\" style=\"backdrop-filter: blur(24px); background: rgba(14,14,18,0.7); border-bottom: 1px solid var(--border);\">\r\n  <div class=\"max-w-1400 px-6 lg:px-10 py-4 flex items-center justify-between\">\r\n    <a href=\"#\" class=\"flex items-center gap-2 group\">\r\n      <span class=\"relative inline-flex h-7 w-7 items-center justify-center rounded-full bg-lime text-primary-foreground text-mono text-xs font-semibold\">\r\n        1s\r\n        <span class=\"absolute -inset-1 rounded-full bg-lime\/30 blur-md\" style=\"transition: background 0.15s;\"><\/span>\r\n      <\/span>\r\n      <span class=\"text-mono text-sm tracking-tight font-medium\">one.sc<\/span>\r\n    <\/a>\r\n    <nav class=\"hidden md:flex items-center gap-8 text-sm text-muted-foreground\">\r\n      <a href=\"#generate\" class=\"hover:text-foreground transition\">Generate<\/a>\r\n      <a href=\"#gallery\" class=\"hover:text-foreground transition\">Gallery<\/a>\r\n      <a href=\"#pipeline\" class=\"hover:text-foreground transition\">API<\/a>\r\n      <a href=\"#pricing\" class=\"hover:text-foreground transition\">Pricing<\/a>\r\n    <\/nav>\r\n    <div class=\"flex items-center gap-3\">\r\n      <a href=\"https:\/\/twitter.com\" target=\"_blank\" class=\"hidden md:flex items-center justify-center rounded-full transition hover:bg-secondary\" style=\"width: 36px; height: 36px; border: 1px solid var(--border);\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 22.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n      <\/a>\r\n      <button id=\"copy-ca-btn\" class=\"group flex items-center gap-2 rounded-full border border-border px-4 py-2 transition hover:border-lime\/50\" style=\"background: rgba(255,255,255,0.03);\">\r\n        <span class=\"text-mono text-xs uppercase tracking-wider text-lime\">CA:<\/span>\r\n        <span class=\"text-mono text-xs text-foreground truncate max-w-[120px] sm:max-w-none\">SoL1aNb0xYk8zQpW3LdFqZmRv9kGmwXhM1o4YgJ8Q<\/span>\r\n        <span id=\"copy-icon\" class=\"text-muted-foreground group-hover:text-foreground transition ml-1 flex items-center justify-center\">\r\n          <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\"><\/path><\/svg>\r\n        <\/span>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<section class=\"relative\">\r\n  <div class=\"max-w-1400 px-6 lg:px-10 pt-16 lg:pt-24 pb-12\">\r\n    <div class=\"grid lg:grid-cols-12 gap-10 items-end\">\r\n      <div class=\"lg:col-span-7\">\r\n        <div class=\"inline-flex items-center gap-2 text-mono text-xs uppercase tracking-wider text-muted-foreground\" style=\"letter-spacing: 0.18em;\">\r\n          <span class=\"relative inline-flex h-1.5 w-1.5\">\r\n            <span class=\"absolute inline-flex h-full w-full rounded-full bg-lime opacity-75 pulse-dot\"><\/span>\r\n            <span class=\"relative inline-flex h-1.5 w-1.5 rounded-full bg-lime\"><\/span>\r\n          <\/span>\r\n          Open beta \u00b7 12K assets generated\r\n        <\/div>\r\n\r\n        <h1 class=\"text-display mt-6 hero-heading\">\r\n          3D assets in<br>\r\n          <span class=\"grad-text italic\">one second.<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"mt-8 max-w-xl text-lg text-muted-foreground leading-relaxed\">\r\n          one.sc turns a single prompt into a production-ready mesh,\r\n          textured, rigged and exportable \u2014 before you finish your sip\r\n          of coffee.\r\n        <\/p>\r\n\r\n        <ul class=\"mt-8 space-y-2 text-sm\">\r\n          <li class=\"flex items-baseline gap-3\">\r\n            <span class=\"text-mono text-xs uppercase tracking-wider text-lime min-w-16\">Prompt<\/span>\r\n            <span class=\"text-foreground\/80\">\u2192 GLB, USDZ, FBX in 1.0s<\/span>\r\n          <\/li>\r\n          <li class=\"flex items-baseline gap-3\">\r\n            <span class=\"text-mono text-xs uppercase tracking-wider text-lime min-w-16\">Edit<\/span>\r\n            <span class=\"text-foreground\/80\">rotate, retopo, retexture inline<\/span>\r\n          <\/li>\r\n          <li class=\"flex items-baseline gap-3\">\r\n            <span class=\"text-mono text-xs uppercase tracking-wider text-lime min-w-16\">Ship<\/span>\r\n            <span class=\"text-foreground\/80\">drop into Blender, Unity, Three.js<\/span>\r\n          <\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"mt-10 flex flex-wrap items-center gap-3\">\r\n          <a href=\"#\" class=\"dev-trigger group inline-flex items-center gap-2 rounded-full bg-lime px-6 py-3.5 text-sm font-medium text-primary-foreground hover:opacity-90 transition\">\r\n            Generate your first asset\r\n            <span class=\"text-mono text-xs opacity-70\" style=\"transition: opacity 0.15s;\">FREE<\/span>\r\n          <\/a>\r\n          <a href=\"#pipeline\" class=\"inline-flex items-center gap-2 rounded-full border border-border px-6 py-3.5 text-sm text-foreground hover:bg-secondary transition\">\r\n            Read the API docs \u2192\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lg:col-span-5\">\r\n        <div class=\"relative\">\r\n          <div class=\"absolute -inset-6 rounded-3xl bg-gradient-to-br blur-2xl\"><\/div>\r\n          <div class=\"relative rounded-3xl border border-border overflow-hidden\" style=\"background: var(--card);\">\r\n            <div class=\"flex items-center justify-between px-5 py-3 border-b border-border text-mono text-mono-size uppercase tracking-wider text-muted-foreground\">\r\n              <div class=\"flex items-center gap-2\">\r\n                <span class=\"h-2 w-2 rounded-full bg-lime pulse-dot\"><\/span>\r\n                live render\r\n              <\/div>\r\n              <div>node \u00b7 us-east<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"iframe-container\">\r\n               <model-viewer\r\n                 src=\"https:\/\/threejs.org\/examples\/models\/gltf\/Soldier.glb\"\r\n                 autoplay\r\n                 animation-name=\"Idle\"\r\n                 camera-controls\r\n                 disable-zoom\r\n                 auto-rotate\r\n                 shadow-intensity=\"1\"\r\n                 environment-image=\"neutral\"\r\n                 exposure=\"1\"\r\n                 style=\"width: 100%; height: 100%; background-color: var(--card);\"\r\n               ><\/model-viewer>\r\n            <\/div>\r\n\r\n            <div class=\"flex divide-x divide-border border-t border-border\">\r\n              <div class=\"px-4 py-3 flex-1 text-center\">\r\n                <div class=\"text-mono text-sm text-lime\">1.04s<\/div>\r\n                <div class=\"text-mono-size-10 uppercase tracking-wider text-muted-foreground\">avg gen<\/div>\r\n              <\/div>\r\n              <div class=\"px-4 py-3 flex-1 text-center\">\r\n                <div class=\"text-mono text-sm text-lime\">38k<\/div>\r\n                <div class=\"text-mono-size-10 uppercase tracking-wider text-muted-foreground\">tris<\/div>\r\n              <\/div>\r\n              <div class=\"px-4 py-3 flex-1 text-center\">\r\n                <div class=\"text-mono text-sm text-lime\">GLB<\/div>\r\n                <div class=\"text-mono-size-10 uppercase tracking-wider text-muted-foreground\">export<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section aria-hidden=\"true\" class=\"border-y border-border py-5 overflow-hidden\" style=\"background: rgba(23,23,29,0.4);\">\r\n  <div class=\"marquee-track text-mono text-xs uppercase tracking-wider text-muted-foreground\" style=\"letter-spacing: 0.2em;\">\r\n    <span class=\"flex items-center gap-12\">Text \u2192 Mesh<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">Image \u2192 3D<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">Auto-retopo<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">PBR textures<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">Rigged characters<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">GLB \u00b7 USDZ \u00b7 FBX \u00b7 OBJ<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">WebGL preview<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">Blender plugin<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">Unity package<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">Three.js SDK<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">Sub-second inference<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">Studio quality<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    \r\n    <span class=\"flex items-center gap-12\">Text \u2192 Mesh<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">Image \u2192 3D<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">Auto-retopo<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">PBR textures<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">Rigged characters<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">GLB \u00b7 USDZ \u00b7 FBX \u00b7 OBJ<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">WebGL preview<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">Blender plugin<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">Unity package<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">Three.js SDK<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">Sub-second inference<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n    <span class=\"flex items-center gap-12\">Studio quality<span class=\"text-lime\">\u25c6<\/span><\/span>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"relative py-28 lg:py-40\">\r\n  <div class=\"max-w-1400 px-6 lg:px-10\">\r\n    <div class=\"grid lg:grid-cols-12 gap-12\">\r\n      <div class=\"lg:col-span-4\">\r\n        <div class=\"text-mono text-xs uppercase tracking-wider text-muted-foreground\" style=\"letter-spacing: 0.18em;\">\r\n          01 \u2014 Why one second\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"lg:col-span-8\">\r\n        <h2 class=\"text-display section-heading\">\r\n          A second is <span class=\"italic grad-text\">all it takes<\/span> to\r\n          ship the asset that used to take a week.\r\n        <\/h2>\r\n        <p class=\"mt-8 max-w-2xl text-lg text-muted-foreground\">\r\n          Traditional 3D pipelines move in days: concept, blockout,\r\n          sculpt, retopo, UVs, bake, texture, rig. We collapsed that\r\n          into a single inference. One prompt. One second. One\r\n          production-ready file.\r\n        <\/p>\r\n\r\n        <div class=\"mt-14 grid sm:grid-cols-3 gap-px rounded-3xl overflow-hidden border border-border\" style=\"background: var(--border);\">\r\n          <div class=\"p-8\" style=\"background: var(--background);\">\r\n            <div class=\"text-mono text-mono-size uppercase tracking-wider text-muted-foreground\">Before<\/div>\r\n            <div class=\"text-display text-5xl mt-3 grad-text\">5 days<\/div>\r\n            <div class=\"mt-2 text-sm text-muted-foreground\">to first usable mesh<\/div>\r\n          <\/div>\r\n          <div class=\"p-8\" style=\"background: var(--background);\">\r\n            <div class=\"text-mono text-mono-size uppercase tracking-wider text-muted-foreground\">After<\/div>\r\n            <div class=\"text-display text-5xl mt-3 grad-text\">1.04s<\/div>\r\n            <div class=\"mt-2 text-sm text-muted-foreground\">median end-to-end<\/div>\r\n          <\/div>\r\n          <div class=\"p-8\" style=\"background: var(--background);\">\r\n            <div class=\"text-mono text-mono-size uppercase tracking-wider text-muted-foreground\">Speedup<\/div>\r\n            <div class=\"text-display text-5xl mt-3 grad-text\">414,000\u00d7<\/div>\r\n            <div class=\"mt-2 text-sm text-muted-foreground\">vs. manual pipelines<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"gallery\" class=\"relative py-24 border-t border-border\">\r\n  <div class=\"max-w-1400 px-6 lg:px-10\">\r\n    <div class=\"flex items-end justify-between mb-12 flex-wrap gap-6\">\r\n      <div>\r\n        <div class=\"text-mono text-xs uppercase tracking-wider text-muted-foreground\" style=\"letter-spacing: 0.18em;\">\r\n          02 \u2014 Live feed\r\n        <\/div>\r\n        <h2 class=\"text-display section-heading mt-4\">\r\n          Generated <span class=\"italic\">moments ago.<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n      <a href=\"#generate\" class=\"text-sm text-muted-foreground hover:text-foreground transition\">\r\n        Open the full gallery \u2192\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-container w-full\">\r\n      <article class=\"gallery-card\" style=\"z-index: 4;\">\r\n        <img decoding=\"async\" src=\"https:\/\/onesc.fun\/wp-content\/uploads\/2026\/06\/asset-crystal.jpg\" alt=\"crystal\" loading=\"lazy\">\r\n        <div style=\"position: absolute; top: 1rem; right: 1rem; background: rgba(14,14,18,0.8); border: 1px solid var(--border); padding: 0.25rem 0.5rem; border-radius: 2rem; font-size: 10px;\" class=\"text-mono text-lime\">0.91s<\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gallery-card\" style=\"z-index: 3;\">\r\n        <img decoding=\"async\" src=\"https:\/\/onesc.fun\/wp-content\/uploads\/2026\/06\/asset-torus.jpg\" alt=\"torus\" loading=\"lazy\">\r\n        <div style=\"position: absolute; top: 1rem; right: 1rem; background: rgba(14,14,18,0.8); border: 1px solid var(--border); padding: 0.25rem 0.5rem; border-radius: 2rem; font-size: 10px;\" class=\"text-mono text-lime\">1.12s<\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gallery-card\" style=\"z-index: 2;\">\r\n        <img decoding=\"async\" src=\"https:\/\/onesc.fun\/wp-content\/uploads\/2026\/06\/asset-sphere.jpg\" alt=\"sphere\" loading=\"lazy\">\r\n        <div style=\"position: absolute; top: 1rem; right: 1rem; background: rgba(14,14,18,0.8); border: 1px solid var(--border); padding: 0.25rem 0.5rem; border-radius: 2rem; font-size: 10px;\" class=\"text-mono text-lime\">0.84s<\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gallery-card\" style=\"z-index: 1;\">\r\n        <img decoding=\"async\" src=\"https:\/\/onesc.fun\/wp-content\/uploads\/2026\/06\/asset-cube.jpg\" alt=\"cube\" loading=\"lazy\">\r\n        <div style=\"position: absolute; top: 1rem; right: 1rem; background: rgba(14,14,18,0.8); border: 1px solid var(--border); padding: 0.25rem 0.5rem; border-radius: 2rem; font-size: 10px;\" class=\"text-mono text-lime\">0.97s<\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"generate\" class=\"py-24 border-t border-border\" style=\"background: rgba(23,23,29,0.3);\">\r\n  <div class=\"max-w-1400 px-6 lg:px-10\">\r\n    <div class=\"grid lg:grid-cols-12 gap-10\">\r\n      <div class=\"lg:col-span-4\">\r\n        <div class=\"text-mono text-xs uppercase tracking-wider text-muted-foreground\" style=\"letter-spacing: 0.18em;\">\r\n          03 \u2014 Playground\r\n        <\/div>\r\n        <h2 class=\"text-display section-heading mt-4\">\r\n          Type a prompt.<br>\r\n          <span class=\"italic grad-text\">Watch one second.<\/span>\r\n        <\/h2>\r\n        <p class=\"mt-6 text-muted-foreground\">\r\n          No signup, no card. Hit run and we'll bill your free credits\r\n          first. Outputs land as GLB, USDZ and FBX.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"lg:col-span-8\">\r\n        <div class=\"rounded-3xl border border-border overflow-hidden\" style=\"background: var(--background);\">\r\n          <div class=\"flex items-center gap-2 px-5 py-3 border-b border-border text-mono text-mono-size uppercase tracking-wider text-muted-foreground\">\r\n            <span class=\"h-2 w-2 rounded-full\" style=\"background: var(--blush);\"><\/span>\r\n            <span class=\"h-2 w-2 rounded-full\" style=\"background: var(--iris);\"><\/span>\r\n            <span class=\"h-2 w-2 rounded-full bg-lime\"><\/span>\r\n            <span class=\"ml-3\">one.sc \/ playground<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"p-6 lg:p-8\">\r\n            <label class=\"text-mono text-mono-size uppercase tracking-wider text-muted-foreground\">prompt<\/label>\r\n            <div class=\"mt-2 flex gap-3 items-stretch\">\r\n              <input type=\"text\" id=\"playground-input\" value=\"a cracked obsidian katana, hero prop\" placeholder=\"a cracked obsidian katana, hero prop\" class=\"flex-1\">\r\n              <button id=\"playground-run\" class=\"rounded-xl bg-lime text-primary-foreground px-6 font-medium hover:opacity-90 transition flex items-center gap-2\">\r\n                Run \u21b5\r\n              <\/button>\r\n            <\/div>\r\n\r\n            <div class=\"mt-3 flex flex-wrap gap-2\" id=\"prompt-tags\">\r\n              <button class=\"text-mono text-mono-size uppercase tracking-wider px-3 py-1.5 rounded-full border border-border text-muted-foreground hover:text-foreground hover:border-lime\/50 transition prompt-tag\">a cracked obsidian katana<\/button>\r\n              <button class=\"text-mono text-mono-size uppercase tracking-wider px-3 py-1.5 rounded-full border border-border text-muted-foreground hover:text-foreground hover:border-lime\/50 transition prompt-tag\">art-deco brass lamp, low poly<\/button>\r\n              <button class=\"text-mono text-mono-size uppercase tracking-wider px-3 py-1.5 rounded-full border border-border text-muted-foreground hover:text-foreground hover:border-lime\/50 transition prompt-tag\">ceramic dragon, glossy glaze<\/button>\r\n              <button class=\"text-mono text-mono-size uppercase tracking-wider px-3 py-1.5 rounded-full border border-border text-muted-foreground hover:text-foreground hover:border-lime\/50 transition prompt-tag\">futuristic visor helmet<\/button>\r\n              <button class=\"text-mono text-mono-size uppercase tracking-wider px-3 py-1.5 rounded-full border border-border text-muted-foreground hover:text-foreground hover:border-lime\/50 transition prompt-tag\">mossy stone gateway, painterly<\/button>\r\n              <button class=\"text-mono text-mono-size uppercase tracking-wider px-3 py-1.5 rounded-full border border-border text-muted-foreground hover:text-foreground hover:border-lime\/50 transition prompt-tag\">neon arcade cabinet, 90s<\/button>\r\n            <\/div>\r\n\r\n            <div class=\"mt-6 grid md:grid-cols-2 gap-5\">\r\n              <div class=\"rounded-2xl border border-border aspect-square relative overflow-hidden\" style=\"background: var(--card);\">\r\n                <div id=\"pg-ready\" class=\"absolute inset-0 grid place-items-center text-muted-foreground text-mono text-xs uppercase tracking-wider\">ready<\/div>\r\n                <div id=\"pg-running\" class=\"absolute inset-0 grid place-items-center hidden\">\r\n                  <div class=\"spin-slow h-16-spinner w-16-spinner rounded-full border-2\" style=\"border-color: rgba(212,249,56,0.3); border-top-color: var(--lime);\"><\/div>\r\n                <\/div>\r\n                <div id=\"pg-done\" class=\"absolute inset-0 hidden\">\r\n                  <img decoding=\"async\" src=\"https:\/\/onesc.fun\/wp-content\/uploads\/2026\/06\/asset-crystal.jpg\" alt=\"generated\" class=\"h-full w-full object-cover tick-in\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"space-y-3 text-mono text-xs\">\r\n                <div class=\"flex items-center justify-between border-b border-border pb-2\">\r\n                  <span class=\"text-muted-foreground uppercase tracking-wider\">status<\/span>\r\n                  <span class=\"text-foreground\" id=\"pg-status\">idle<\/span>\r\n                <\/div>\r\n                <div class=\"flex items-center justify-between border-b border-border pb-2\">\r\n                  <span class=\"text-muted-foreground uppercase tracking-wider\">elapsed<\/span>\r\n                  <span class=\"text-foreground\" id=\"pg-elapsed\">\u2014<\/span>\r\n                <\/div>\r\n                <div class=\"flex items-center justify-between border-b border-border pb-2\">\r\n                  <span class=\"text-muted-foreground uppercase tracking-wider\">tris<\/span>\r\n                  <span class=\"text-foreground\" id=\"pg-tris\">\u2014<\/span>\r\n                <\/div>\r\n                <div class=\"flex items-center justify-between border-b border-border pb-2\">\r\n                  <span class=\"text-muted-foreground uppercase tracking-wider\">format<\/span>\r\n                  <span class=\"text-foreground\">GLB \u00b7 USDZ \u00b7 FBX<\/span>\r\n                <\/div>\r\n                <div class=\"h-1.5 rounded-full overflow-hidden mt-4\" style=\"background: var(--muted);\">\r\n                  <div id=\"pg-bar\" class=\"h-full bg-lime\" style=\"width: 0%;\"><\/div>\r\n                <\/div>\r\n                <button id=\"pg-download\" class=\"dev-trigger mt-4 w-full rounded-xl border border-lime text-lime py-3 hover:bg-lime hover:text-primary-foreground transition uppercase tracking-wider hidden\">\r\n                  Download .glb\r\n                <\/button>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"pipeline\" class=\"py-28 border-t border-border\">\r\n  <div class=\"max-w-1400 px-6 lg:px-10 grid lg:grid-cols-12 gap-10\">\r\n    <div class=\"lg:col-span-5\">\r\n      <div class=\"text-mono text-xs uppercase tracking-wider text-muted-foreground\" style=\"letter-spacing: 0.18em;\">\r\n        04 \u2014 Pipeline\r\n      <\/div>\r\n      <h2 class=\"text-display section-heading mt-4\">\r\n        One API.<br>\r\n        <span class=\"italic grad-text\">Every engine.<\/span>\r\n      <\/h2>\r\n      <p class=\"mt-6 text-muted-foreground max-w-md\">\r\n        A single REST call returns a signed URL to your asset in every\r\n        major format. Stream into Unity, Unreal, Blender, Three.js,\r\n        Spline, or your in-house renderer.\r\n      <\/p>\r\n\r\n      <div class=\"mt-8 space-y-4\">\r\n        <div class=\"flex gap-4\">\r\n          <div class=\"text-mono text-xs text-lime mt-1\">01<\/div>\r\n          <div>\r\n            <div class=\"text-mono text-sm\">POST \/v1\/generate<\/div>\r\n            <div class=\"text-sm text-muted-foreground\">prompt \u2192 job id<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"flex gap-4\">\r\n          <div class=\"text-mono text-xs text-lime mt-1\">02<\/div>\r\n          <div>\r\n            <div class=\"text-mono text-sm\">WebSocket \/v1\/jobs\/:id<\/div>\r\n            <div class=\"text-sm text-muted-foreground\">stream progress, sub-second<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"flex gap-4\">\r\n          <div class=\"text-mono text-xs text-lime mt-1\">03<\/div>\r\n          <div>\r\n            <div class=\"text-mono text-sm\">GET asset.glb<\/div>\r\n            <div class=\"text-sm text-muted-foreground\">signed CDN url, ready to drop in<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"lg:col-span-7\">\r\n      <div class=\"rounded-3xl border border-border overflow-hidden\" style=\"background: var(--card);\">\r\n        <div class=\"flex items-center justify-between px-5 py-3 border-b border-border text-mono text-mono-size uppercase tracking-wider text-muted-foreground\">\r\n          <span>curl<\/span>\r\n          <span>one.sc\/v1<\/span>\r\n        <\/div>\r\n        <pre class=\"p-6 text-mono text-sm leading-relaxed overflow-x-auto\">$ curl https:\/\/one.sc\/v1\/generate \\\r\n    -H \"Authorization: Bearer $ONE_KEY\" \\\r\n    -d '{\r\n      \"prompt\": \"a cracked obsidian katana\",\r\n      \"format\": \"glb\",\r\n      \"quality\": \"studio\"\r\n    }'\r\n\r\n{\r\n  \"id\":      \"asset_3kxv9\",\r\n  \"status\":  \"ready\",\r\n  \"elapsed\": \"0.97s\",\r\n  \"url\":     \"https:\/\/cdn.onesc.fun\/asset_3kxv9.glb\"\r\n}<\/pre>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"pricing\" class=\"py-28 border-t border-border\" style=\"background: rgba(23,23,29,0.3);\">\r\n  <div class=\"max-w-1400 px-6 lg:px-10\">\r\n    <div class=\"max-w-2xl\">\r\n      <div class=\"text-mono text-xs uppercase tracking-wider text-muted-foreground\" style=\"letter-spacing: 0.18em;\">\r\n        05 \u2014 Pricing\r\n      <\/div>\r\n      <h2 class=\"text-display section-heading mt-4\">\r\n        One second is <span class=\"italic grad-text\">cheap.<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n    <div class=\"mt-12 grid md:grid-cols-3 gap-4\">\r\n      <div class=\"rounded-3xl border p-7 flex flex-col\" style=\"background: var(--background); border-color: var(--border);\">\r\n        <div class=\"text-mono text-xs uppercase tracking-wider text-muted-foreground\">Spark<\/div>\r\n        <div class=\"mt-4 flex items-baseline gap-2\">\r\n          <span class=\"text-display text-6xl\">Free<\/span>\r\n          <span class=\"text-sm text-muted-foreground\">for tinkerers<\/span>\r\n        <\/div>\r\n        <ul class=\"mt-6 space-y-2.5 text-sm flex-1\" style=\"color: rgba(242,242,245,0.8);\">\r\n          <li class=\"flex gap-3\"><span class=\"text-lime\">\u25c6<\/span>50 generations \/ mo<\/li>\r\n          <li class=\"flex gap-3\"><span class=\"text-lime\">\u25c6<\/span>GLB + USDZ export<\/li>\r\n          <li class=\"flex gap-3\"><span class=\"text-lime\">\u25c6<\/span>Personal use<\/li>\r\n          <li class=\"flex gap-3\"><span class=\"text-lime\">\u25c6<\/span>Community Discord<\/li>\r\n        <\/ul>\r\n        <button class=\"dev-trigger mt-7 rounded-full py-3 text-sm font-medium transition border border-border hover:bg-secondary\">Start free<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"rounded-3xl border p-7 flex flex-col relative shadow-glow\" style=\"background: var(--background); border-color: var(--lime);\">\r\n        <span class=\"absolute -top-3 left-7 text-mono text-mono-size-10 uppercase tracking-wider bg-lime text-primary-foreground px-2.5 py-1 rounded-full\">most popular<\/span>\r\n        <div class=\"text-mono text-xs uppercase tracking-wider text-muted-foreground\">Studio<\/div>\r\n        <div class=\"mt-4 flex items-baseline gap-2\">\r\n          <span class=\"text-display text-6xl\">$29<\/span>\r\n          <span class=\"text-sm text-muted-foreground\">\/ month<\/span>\r\n        <\/div>\r\n        <ul class=\"mt-6 space-y-2.5 text-sm flex-1\" style=\"color: rgba(242,242,245,0.8);\">\r\n          <li class=\"flex gap-3\"><span class=\"text-lime\">\u25c6<\/span>3,000 generations \/ mo<\/li>\r\n          <li class=\"flex gap-3\"><span class=\"text-lime\">\u25c6<\/span>All formats + FBX<\/li>\r\n          <li class=\"flex gap-3\"><span class=\"text-lime\">\u25c6<\/span>Commercial license<\/li>\r\n          <li class=\"flex gap-3\"><span class=\"text-lime\">\u25c6<\/span>Priority queue, &lt; 1s p50<\/li>\r\n          <li class=\"flex gap-3\"><span class=\"text-lime\">\u25c6<\/span>API access<\/li>\r\n        <\/ul>\r\n        <button class=\"dev-trigger mt-7 rounded-full py-3 text-sm font-medium transition bg-lime text-primary-foreground hover:opacity-90\">Choose Studio<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"rounded-3xl border p-7 flex flex-col\" style=\"background: var(--background); border-color: var(--border);\">\r\n        <div class=\"text-mono text-xs uppercase tracking-wider text-muted-foreground\">Forge<\/div>\r\n        <div class=\"mt-4 flex items-baseline gap-2\">\r\n          <span class=\"text-display text-6xl\">Custom<\/span>\r\n          <span class=\"text-sm text-muted-foreground\">for teams<\/span>\r\n        <\/div>\r\n        <ul class=\"mt-6 space-y-2.5 text-sm flex-1\" style=\"color: rgba(242,242,245,0.8);\">\r\n          <li class=\"flex gap-3\"><span class=\"text-lime\">\u25c6<\/span>Unlimited generations<\/li>\r\n          <li class=\"flex gap-3\"><span class=\"text-lime\">\u25c6<\/span>Dedicated GPU pool<\/li>\r\n          <li class=\"flex gap-3\"><span class=\"text-lime\">\u25c6<\/span>On-prem option<\/li>\r\n          <li class=\"flex gap-3\"><span class=\"text-lime\">\u25c6<\/span>SOC 2, SSO, audit logs<\/li>\r\n          <li class=\"flex gap-3\"><span class=\"text-lime\">\u25c6<\/span>Solutions engineer<\/li>\r\n        <\/ul>\r\n        <button class=\"dev-trigger mt-7 rounded-full py-3 text-sm font-medium transition border border-border hover:bg-secondary\">Talk to us<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"relative py-32 overflow-hidden border-t border-border\">\r\n  <div class=\"absolute inset-0 cta-radial\" style=\"opacity: 0.4;\"><\/div>\r\n  <div class=\"relative max-w-1400 px-6 lg:px-10 text-center\">\r\n    <h2 class=\"text-display cta-heading\">\r\n      One prompt.<br>\r\n      <span class=\"italic grad-text\">One second.<\/span>\r\n    <\/h2>\r\n    <p class=\"mt-6 text-muted-foreground max-w-xl mx-auto\">\r\n      The slowest part of 3D used to be 3D. Now it's deciding what to make.\r\n    <\/p>\r\n    <div class=\"mt-10 flex justify-center gap-3 flex-wrap\">\r\n      <a href=\"#\" class=\"dev-trigger rounded-full bg-lime px-7 py-4 text-sm font-medium text-primary-foreground hover:opacity-90 transition\">\r\n        Generate your first asset \u2192\r\n      <\/a>\r\n      <a href=\"#pipeline\" class=\"rounded-full border border-border px-7 py-4 text-sm hover:bg-secondary transition\">\r\n        Read the docs\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<footer class=\"border-t border-border py-14\" style=\"background: var(--background);\">\r\n  <div class=\"max-w-1400 px-6 lg:px-10 grid md:grid-cols-4 gap-10\">\r\n    <div>\r\n      <div class=\"flex items-center gap-2\">\r\n        <span class=\"inline-flex h-7 w-7 items-center justify-center rounded-full bg-lime text-primary-foreground text-mono text-xs font-semibold\">1s<\/span>\r\n        <span class=\"text-mono text-sm\">one.sc<\/span>\r\n      <\/div>\r\n      <p class=\"mt-4 text-sm text-muted-foreground max-w-xs\">\r\n        The fastest path from prompt to 3D. Made for studios that ship.\r\n      <\/p>\r\n    <\/div>\r\n    <div>\r\n      <div class=\"text-mono text-mono-size uppercase tracking-wider text-muted-foreground\">Product<\/div>\r\n      <ul class=\"mt-4 space-y-2 text-sm\">\r\n        <li><a href=\"#generate\" class=\"hover:text-lime transition\">Generate<\/a><\/li>\r\n        <li><a href=\"#gallery\" class=\"hover:text-lime transition\">Gallery<\/a><\/li>\r\n        <li><a href=\"#pipeline\" class=\"hover:text-lime transition\">API<\/a><\/li>\r\n        <li><a href=\"#pricing\" class=\"hover:text-lime transition\">Pricing<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div>\r\n      <div class=\"text-mono text-mono-size uppercase tracking-wider text-muted-foreground\">Resources<\/div>\r\n      <ul class=\"mt-4 space-y-2 text-sm\">\r\n        <li><a href=\"#\" class=\"hover:text-lime transition\">Docs<\/a><\/li>\r\n        <li><a href=\"#\" class=\"hover:text-lime transition\">Changelog<\/a><\/li>\r\n        <li><a href=\"#\" class=\"hover:text-lime transition\">Blog<\/a><\/li>\r\n        <li><a href=\"#\" class=\"hover:text-lime transition\">Brand<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div>\r\n      <div class=\"text-mono text-mono-size uppercase tracking-wider text-muted-foreground\">Social<\/div>\r\n      <ul class=\"mt-4 space-y-2 text-sm\">\r\n        <li><a href=\"#\" class=\"hover:text-lime transition\">X\/Twitter<\/a><\/li>\r\n        <li><a href=\"#\" class=\"hover:text-lime transition\">Telegram<\/a><\/li>\r\n        <li><a href=\"#\" class=\"hover:text-lime transition\">Dexscreener<\/a><\/li>\r\n        <li><a href=\"#\" class=\"hover:text-lime transition\">Pump.fun<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"max-w-1400 px-6 lg:px-10 mt-12 flex justify-between text-mono text-mono-size uppercase tracking-wider text-muted-foreground border-t border-border pt-6\">\r\n    <span>\u00a9 one.sc \u00b7 2026<\/span>\r\n    <span class=\"text-lime\">median gen \u00b7 1.04s<\/span>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<div id=\"dev-toast\">[DEV] Feature currently unavailable<\/div>\r\n\r\n<script>\r\n(function() {\r\n  'use strict';\r\n\r\n  \/\/ Copy CA Logic\r\n  const copyBtn = document.getElementById('copy-ca-btn');\r\n  if (copyBtn) {\r\n    copyBtn.addEventListener('click', () => {\r\n      navigator.clipboard.writeText('SoL1aNb0xYk8zQpW3LdFqZmRv9kGmwXhM1o4YgJ8Q');\r\n      const iconSpan = document.getElementById('copy-icon');\r\n      \r\n      \/\/ Change to Checkmark icon\r\n      iconSpan.innerHTML = '<svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"var(--lime)\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>';\r\n      \r\n      setTimeout(() => {\r\n        \/\/ Revert back to Copy icon\r\n        iconSpan.innerHTML = '<svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\"><\/path><\/svg>';\r\n      }, 2000);\r\n    });\r\n  }\r\n\r\n  \/\/ Dev Popup Logic\r\n  const devTriggers = document.querySelectorAll('.dev-trigger');\r\n  const devToast = document.getElementById('dev-toast');\r\n  let devTimeout;\r\n\r\n  devTriggers.forEach(btn => {\r\n    btn.addEventListener('click', (e) => {\r\n      e.preventDefault();\r\n      if(devToast) {\r\n        devToast.classList.add('show');\r\n        clearTimeout(devTimeout);\r\n        devTimeout = setTimeout(() => {\r\n          devToast.classList.remove('show');\r\n        }, 3000);\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ Playground Logic\r\n  const pgInput = document.getElementById('playground-input');\r\n  const pgRun = document.getElementById('playground-run');\r\n  const pgReady = document.getElementById('pg-ready');\r\n  const pgRunning = document.getElementById('pg-running');\r\n  const pgDone = document.getElementById('pg-done');\r\n  const pgStatus = document.getElementById('pg-status');\r\n  const pgElapsed = document.getElementById('pg-elapsed');\r\n  const pgTris = document.getElementById('pg-tris');\r\n  const pgBar = document.getElementById('pg-bar');\r\n  const pgDownload = document.getElementById('pg-download');\r\n  const promptTags = document.querySelectorAll('.prompt-tag');\r\n\r\n  let pgRunningState = false;\r\n\r\n  promptTags.forEach(function(tag) {\r\n    tag.addEventListener('click', function() {\r\n      if (pgInput) pgInput.value = tag.textContent;\r\n    });\r\n  });\r\n\r\n  function runGeneration() {\r\n    if (pgRunningState) return;\r\n    pgRunningState = true;\r\n\r\n    if (pgReady) { pgReady.classList.add('hidden'); pgReady.style.display = 'none'; }\r\n    if (pgDone) { pgDone.classList.add('hidden'); pgDone.style.display = 'none'; }\r\n    if (pgRunning) { pgRunning.classList.remove('hidden'); pgRunning.style.display = 'grid'; }\r\n    if (pgDownload) { pgDownload.classList.add('hidden'); pgDownload.style.display = 'none'; }\r\n    \r\n    if (pgRun) { pgRun.textContent = 'Generating\u2026'; pgRun.disabled = true; }\r\n    if (pgStatus) pgStatus.textContent = 'running';\r\n    if (pgTris) pgTris.textContent = '\u2014';\r\n\r\n    const start = performance.now();\r\n\r\n    function tick() {\r\n      const elapsed = performance.now() - start;\r\n      const p = Math.min(100, (elapsed \/ 1000) * 100);\r\n      if (pgBar) pgBar.style.width = p + '%';\r\n      if (pgElapsed) pgElapsed.textContent = elapsed.toFixed(0).padStart(4, '0') + 'ms';\r\n\r\n      if (p < 100) {\r\n        requestAnimationFrame(tick);\r\n      } else {\r\n        pgRunningState = false;\r\n        if (pgRunning) { pgRunning.classList.add('hidden'); pgRunning.style.display = 'none'; }\r\n        if (pgDone) { pgDone.classList.remove('hidden'); pgDone.style.display = 'block'; }\r\n        if (pgStatus) pgStatus.textContent = 'ok';\r\n        if (pgTris) pgTris.textContent = '42,118';\r\n        if (pgRun) { pgRun.textContent = 'Run \u21b5'; pgRun.disabled = false; }\r\n        if (pgDownload) { pgDownload.classList.remove('hidden'); pgDownload.style.display = 'block'; }\r\n      }\r\n    }\r\n    requestAnimationFrame(tick);\r\n  }\r\n\r\n  if (pgRun) pgRun.addEventListener('click', runGeneration);\r\n  if (pgInput) {\r\n    pgInput.addEventListener('keydown', function(e) {\r\n      if (e.key === 'Enter') runGeneration();\r\n    });\r\n  }\r\n\r\n  \/\/ Smooth Scroll\r\n  document.querySelectorAll('a[href^=\"#\"]:not(.dev-trigger)').forEach(function(link) {\r\n    link.addEventListener('click', function(e) {\r\n      const href = link.getAttribute('href');\r\n      if (href && href !== '#') {\r\n        const target = document.querySelector(href);\r\n        if (target) {\r\n          e.preventDefault();\r\n          target.scrollIntoView({ behavior: 'smooth' });\r\n        }\r\n      }\r\n    });\r\n  });\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\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>one.sc \u2014 3D assets in one second 1s one.sc Generate Gallery API Pricing CA: SoL1aNb0xYk8zQpW3LdFqZmRv9kGmwXhM1o4YgJ8Q Open beta \u00b7 12K assets generated 3D assets in one second. one.sc turns a single prompt into a production-ready mesh, textured, rigged and exportable \u2014 before you finish your sip of coffee. Prompt \u2192 GLB, USDZ, FBX in 1.0s Edit [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/onesc.fun\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onesc.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onesc.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onesc.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onesc.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":25,"href":"https:\/\/onesc.fun\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/onesc.fun\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/onesc.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}