.demo-surface{--demo-radius:22px;position:relative;overflow:hidden;border:1px solid #dfd5cc;border-radius:24px;background:#fffdfa;box-shadow:0 24px 56px rgba(72,46,34,.12)}.demo-grid{background-image:linear-gradient(rgba(93,70,61,.08) 1px,transparent 0),linear-gradient(90deg,rgba(93,70,61,.08) 1px,transparent 0);background-size:24px 24px}.demo-canvas{min-height:320px;isolation:isolate;background:linear-gradient(135deg,#e9ad98,#efd3ad 52%,#d7d1ee)}.demo-canvas canvas{opacity:.7;mix-blend-mode:soft-light}.demo-screen{border-radius:var(--demo-radius);background:#fff;padding:10px;transition:box-shadow var(--motion-standard) var(--ease-standard),border-radius var(--motion-standard) var(--ease-standard)}.demo-screen__ui{min-height:146px;border-radius:calc(var(--demo-radius) - 7px);background:#152c43;padding:13px;overflow:hidden}.demo-screen__ui:before{display:block;width:42px;height:6px;border-radius:999px;background:rgba(255,255,255,.7);content:""}.demo-timeline{position:relative;height:48px;border-radius:10px;background:#f3ede8}.demo-timeline__track{position:absolute;inset:18px 12px auto;height:10px;border-radius:4px;background:linear-gradient(90deg,#d7caf4 0 35%,transparent 35% 39%,#f6cfc5 39% 70%,transparent 70% 74%,#c9e7d8 74% 100%)}.demo-timeline__playhead{position:absolute;top:7px;bottom:7px;width:2px;border-radius:4px;background:#e8694f;box-shadow:0 0 0 3px rgba(232,105,79,.15)}.demo-poster{background:radial-gradient(circle at 72% 28%,rgba(255,255,255,.72),transparent 26%),radial-gradient(circle at 18% 82%,rgba(235,104,77,.28),transparent 34%),linear-gradient(135deg,#e8aa96,#e3c5af 44%,#c9c4ec)}.demo-flow-node{border:1px solid #dfd5cc;background:rgba(255,255,255,.78);color:#796a62;transition:color var(--motion-standard) var(--ease-standard),border-color var(--motion-standard) var(--ease-standard),background-color var(--motion-standard) var(--ease-standard)}.demo-flow-node[data-active=true]{border-color:#d66048;background:#ec684d;color:white;box-shadow:0 7px 18px rgba(208,86,60,.2)}.demo-entry{animation:demo-enter var(--motion-editorial) var(--ease-enter) both}@keyframes demo-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.demo-entry{animation:none}.demo-screen{transition:none}}.framely-marketing{--fr-bg:#050505;--fr-raised:#0b0b0b;--fr-surface:#111111;--fr-line:rgba(255,255,255,.12);--fr-copy:#f5f5f5;--fr-muted:#a3a3a3;--fr-accent:#FE5D26;background:var(--fr-bg);color:var(--fr-copy)}.framely-marketing .font-serif-editorial{font-family:var(--font-sans)!important;font-style:normal!important;font-weight:600!important;letter-spacing:var(--fr-marketing-letter-spacing)!important}.framely-marketing .focus-ring-light:focus-visible{outline:2px solid var(--fr-accent);outline-offset:3px}.framely-marketing .demo-surface{border:1px solid var(--fr-line);border-radius:12px;background:var(--fr-raised);box-shadow:none}.framely-marketing .demo-grid{background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 0)}.framely-marketing .demo-canvas{background:#0d0d0d}.framely-marketing .demo-canvas canvas{opacity:.94;mix-blend-mode:normal}.framely-marketing .demo-screen{border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#141414;padding:8px}.framely-marketing .demo-screen__ui{border-radius:6px;background:#080808}.framely-marketing .demo-timeline{border:1px solid var(--fr-line);border-radius:8px;background:#0d0d0d}.framely-marketing .demo-timeline__track{background:linear-gradient(90deg,#4d8fff 0 35%,transparent 35% 39%,#a3ff70 39% 70%,transparent 70% 74%,#d7d7d7 74% 100%)}.framely-marketing .demo-timeline__playhead{background:var(--fr-accent);box-shadow:0 0 0 3px rgba(163,255,112,.18)}.framely-marketing .demo-flow-node{border-color:var(--fr-line);border-radius:7px;background:#101010;color:var(--fr-muted)}.framely-marketing .demo-flow-node[data-active=true]{border-color:var(--fr-accent);background:var(--fr-accent);color:#050505;box-shadow:none}.framely-marketing [class*="bg-[#f6f0ea]"],.framely-marketing [class*="bg-[#f7f2ed]"],.framely-marketing [class*="bg-[#f8f4f0]"],.framely-marketing [class*="bg-[#fbfaf7]"],.framely-marketing [class*="bg-[#fcfaf7]"],.framely-marketing [class*="bg-white/"],.framely-marketing [class*=bg-white]{background-color:var(--fr-raised)!important}.framely-marketing [class*="bg-[#fff1eb]"]{background-color:rgba(163,255,112,.08)!important}.framely-marketing [class*="border-[#ded4cb]"],.framely-marketing [class*="border-[#dfd5cc]"],.framely-marketing [class*="border-[#e2d7cf]"],.framely-marketing [class*="border-[#e3d9d2]"],.framely-marketing [class*="border-[#e4dad3]"],.framely-marketing [class*="border-[#e5dbd3]"],.framely-marketing [class*="border-[#e6ddd5]"],.framely-marketing [class*="border-[#e8ded6]"]{border-color:var(--fr-line)!important}.framely-marketing [class*="text-[#2e211d]"],.framely-marketing [class*="text-[#342622]"],.framely-marketing [class*="text-[#473631]"],.framely-marketing [class*="text-[#4a3933]"]{color:var(--fr-copy)!important}.framely-marketing [class*="text-[#6e5d56]"],.framely-marketing [class*="text-[#766860]"],.framely-marketing [class*="text-[#7b6d65]"],.framely-marketing [class*="text-[#7b6d66]"],.framely-marketing [class*="text-[#837269]"],.framely-marketing [class*="text-[#85766e]"],.framely-marketing [class*="text-[#8b776d]"],.framely-marketing [class*="text-[#9b8980]"],.framely-marketing [class*="text-[#9c8980]"]{color:var(--fr-muted)!important}.framely-marketing [class*="text-[#b75740]"],.framely-marketing [class*="text-[#d65b43]"]{color:var(--fr-accent)!important}.framely-marketing [class*="bg-[#342622]"],.framely-marketing [class*="bg-[#ec684d]"]{background-color:var(--fr-accent)!important;color:#050505!important}.framely-marketing [class*="accent-[#ec684d]"]{accent-color:var(--fr-accent)!important}.fr-dark-nav{border-bottom:1px solid var(--fr-line);background:rgba(5,5,5,.92)}.fr-dark-kicker{color:var(--fr-accent);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.fr-dark-button-primary{background:var(--fr-accent);color:#ffffff}.fr-dark-button-primary:hover{background:#e04e1b;color:#ffffff}.fr-dark-button-secondary{border:1px solid var(--fr-line);color:#f5f5f5}.fr-dark-button-secondary:hover{border-color:rgba(255,255,255,.45);background:#101010}.fr-dark-link:hover{color:var(--fr-accent)}.fr-dark-rule{height:1px;background:var(--fr-line)}.fr-hero-grid{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 0);background-size:48px 48px;mask-image:linear-gradient(180deg,#000 0,transparent 84%)}.fr-hero-stage{border:1px solid var(--fr-line);background:#090909;box-shadow:0 32px 100px rgba(0,0,0,.45)}.fr-hero-stage:after{position:absolute;inset:0;border:1px solid rgba(255,255,255,.04);content:"";pointer-events:none}.fr-showcase-track::-webkit-scrollbar{height:5px}.fr-showcase-track::-webkit-scrollbar-thumb{background:#303030}@media (prefers-reduced-motion:reduce){.framely-marketing *,.framely-marketing :after,.framely-marketing :before{scroll-behavior:auto!important}}.framely-marketing #screenshot .demo-canvas,.framely-marketing #shaders .demo-canvas{min-height:500px}.framely-marketing .backdrop-page .demo-canvas,.framely-marketing .template-page .demo-canvas{min-height:520px}.framely-marketing .backdrop-page [class*="rounded-[18px]"],.framely-marketing .template-page [class*="rounded-[18px]"]{border-radius:8px!important}.framely-marketing .backdrop-page [class*="rounded-[20px]"],.framely-marketing .template-page [class*="rounded-[20px]"]{border-radius:10px!important}