.sample-nc{--sample-cta:var(--spike-brand-lime);--sample-cta-ink:#0a0c08;--sample-cyan:var(--spike-brand-cyan);--sample-mint:var(--spike-brand-mint);--sample-chrome-h:76px;z-index:1;color:#fff;min-height:100dvh;font-family:var(--font-geist-sans),system-ui,sans-serif;background:0 0;position:relative;overflow:hidden}.sample-nc>.site-header-chrome{z-index:40;background:0 0;position:absolute;top:0;left:0;right:0}.sample-nc-stage{z-index:1;pointer-events:none;contain:paint;isolation:isolate;background:0 0;position:absolute;inset:0;overflow:hidden}.sample-nc-stage--wallpaper{background:0 0}.sample-nc-vignette{z-index:3;pointer-events:none;background:radial-gradient(48% 42% at 50% 46%,#000000e6 0%,#000000a8 42%,#0000004d 68%,#0000 88%);position:absolute;inset:0}@media (max-width:899px){.sample-nc-vignette{background:radial-gradient(92% 58% at 50% 48%,#000000ad 0%,#00000070 40%,#0003 66%,#0000 88%)}}.sample-nc-hero{z-index:20;min-height:100dvh;padding:var(--sample-chrome-h)16px var(--sample-chrome-h);box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.sample-nc-hero-stack{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:min(720px,100%);margin:0 auto;display:flex}.sample-nc-marketing{flex-direction:column;align-items:center;width:100%;max-height:280px;margin:0 0 8px;transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1),visibility .28s cubic-bezier(.16,1,.3,1),max-height .32s cubic-bezier(.16,1,.3,1),margin .32s cubic-bezier(.16,1,.3,1);display:flex;overflow:visible hidden}.sample-nc-marketing .sample-nc-title,.sample-nc-marketing .sample-nc-sub{animation:.38s cubic-bezier(.22,1,.36,1) both sampleNcCopyIn}.sample-nc-marketing.is-compose .sample-nc-badge{opacity:0;visibility:hidden;pointer-events:none;border-width:0;max-height:0;margin:0;padding-top:0;padding-bottom:0;transform:translateY(-6px)}.sample-nc-badge{background:#0c0c0bd1;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:8px;margin:0 0 22px;padding:5px 12px 5px 5px;transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1),visibility .28s,max-height .32s cubic-bezier(.16,1,.3,1),margin .32s cubic-bezier(.16,1,.3,1),padding .32s cubic-bezier(.16,1,.3,1),border-width .32s;display:inline-flex;overflow:hidden}.sample-nc-badge-new{background:var(--spike-brand-lime);color:#0a0c08;height:22px;font-family:var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;border-radius:9999px;justify-content:center;align-items:center;padding:0 8px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.sample-nc-badge-text{font-family:var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.04em;color:#ffffffb8;white-space:nowrap;font-size:12px;font-weight:500}.sample-nc-title{width:max-content;max-width:100%;font-family:var(--font-brawler,var(--font-geist-mono),monospace);font-synthesis:weight;letter-spacing:-.02em;color:#fff;text-align:center;white-space:nowrap;margin:0 0 14px;padding:0;font-size:clamp(2rem,4.2vw,3rem);font-weight:500;line-height:1.12}.sample-nc-sub{color:#ffffff8c;text-align:center;white-space:nowrap;width:max-content;max-width:100%;margin:0 0 28px;padding:0;font-size:clamp(15px,1.7vw,18px);font-weight:400;line-height:1.45}.sample-nc-composer{--composer-pad-x:16px;-webkit-backdrop-filter:blur(28px)saturate(160%);backdrop-filter:blur(28px)saturate(160%);width:100%;max-width:none;height:180px;min-height:180px;max-height:180px;color:inherit;text-align:left;isolation:isolate;background:#0a0a096b;border:1px solid #ffffff24;border-radius:24px;flex-direction:column;margin:0;padding:0;transition:border-color .25s,background .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 24px 56px #00000047,inset 0 1px #ffffff1a}.sample-nc-composer:not(.has-files){cursor:pointer}.sample-nc-composer:not(.has-files):hover{background:#0c0c0b80;border-color:#fff3;box-shadow:0 28px 60px #00000052,inset 0 1px #ffffff1f}.sample-nc-composer:not(.has-files):hover .sample-nc-drop-icon{color:#fffffff2}.sample-nc-composer:not(.has-files):hover .sample-nc-drop-orbit{opacity:1}.sample-nc-composer:not(.has-files):hover .sample-nc-drop-hint{color:#ffffff6b}.sample-nc-composer.is-dragging{background:#0e0e0c7a;border-color:#ffffff38;box-shadow:0 28px 60px #00000057,inset 0 1px #ffffff1f}.sample-nc-composer.is-dragging .sample-nc-drop-icon{color:#fff}.sample-nc-composer.is-dragging .sample-nc-drop-orbit{opacity:1}.sample-nc-composer.is-dragging .sample-nc-drop-hint{color:#ffffff8c}.sample-nc-composer:focus-visible{outline:none;box-shadow:0 18px 44px #00000073,inset 0 1px #ffffff14,0 0 0 2px #fff3}.sample-nc-composer-body{min-height:0;padding:14px var(--composer-pad-x)2px;flex-direction:column;flex:1;gap:12px;display:flex}.sample-nc-composer-name-row{color:#ffffff8c;flex-shrink:0;align-items:center;gap:10px;min-width:0;min-height:24px;display:flex}.sample-nc-composer-name{color:#fff;min-width:0;font-family:var(--font-geist-sans),system-ui,sans-serif;letter-spacing:-.02em;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-size:15px;font-weight:500;line-height:1.4}.sample-nc-composer-name::placeholder{color:#ffffff52;font-weight:400}.sample-nc-composer-name:disabled{opacity:.65}.sample-nc-drop-stage{-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;width:100%;min-height:0;padding:0;animation:.55s cubic-bezier(.22,1,.36,1) both sampleNcDropIn;display:flex;position:relative}.sample-nc-drop-orb{flex-shrink:0;place-items:center;width:64px;height:64px;display:grid;position:relative}.sample-nc-drop-orbit{opacity:.95;transform-origin:50%;will-change:transform;pointer-events:none;grid-area:1/1;width:64px;height:64px;animation:4.8s linear infinite sampleNcDropArc}.sample-nc-drop-arc{width:64px;height:64px;display:block;overflow:visible}.sample-nc-drop-icon{z-index:1;color:#ffffffb8;grid-area:1/1;justify-content:center;align-items:center;width:26px;height:26px;transition:color .35s;display:inline-flex;position:relative;transform:translateY(.5px)}.sample-nc-drop-icon svg{display:block}.sample-nc-drop-hint{max-width:100%;font-family:var(--font-geist-sans),system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-align:center;white-space:nowrap;color:#ffffff47;margin:0;padding:0 0 0 .08em;font-size:11px;font-weight:400;line-height:1.2;transition:color .35s}@keyframes sampleNcDropIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sampleNcDropArc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sample-nc-drop-stage,.sample-nc-drop-orbit{animation:none!important}.sample-nc-drop-icon,.sample-nc-drop-hint{transition:none}}.sample-nc-composer-files{flex-wrap:wrap;flex:1;place-content:flex-start;gap:8px;width:100%;min-height:0;margin:0;padding:2px 0 0;list-style:none;animation:.35s cubic-bezier(.22,1,.36,1) both sampleNcDropIn;display:flex;overflow:auto}.sample-nc-composer-chip{background:#ffffff12;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:6px;max-width:100%;padding:6px 8px 6px 10px;display:inline-flex}.sample-nc-composer-chip-name{color:#ffffffe0;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.sample-nc-composer-chip-size{color:#ffffff61;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.sample-nc-composer-chip-remove{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;width:20px;height:20px;margin:0;padding:0;display:inline-flex}.sample-nc-composer-chip-remove:hover{color:#fff;background:#ffffff1a}.sample-nc-composer-add-chip{color:#ffffff8c;cursor:pointer;background:0 0;border:1px dashed #ffffff38;border-radius:9999px;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.sample-nc-composer-add-chip:hover:not(:disabled){color:#fff;background:#ffffff0f;border-color:#fff6}.sample-nc-composer-add-chip:disabled{opacity:.5;cursor:default}.sample-nc-composer-add{color:#ffffffb8;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:100px;flex-shrink:0;align-items:center;gap:5px;height:34px;margin:0;padding:0 12px 0 10px;font-family:inherit;font-size:12px;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.sample-nc-composer-add-row{flex:auto;align-items:center;gap:10px;min-width:0;display:inline-flex}.sample-nc-composer-count{letter-spacing:-.01em;color:#ffffff7a;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.sample-nc-composer-chip-more{opacity:.9;border-style:dashed}.sample-nc-composer-add:hover:not(:disabled){color:#fff;background:#ffffff17;border-color:#ffffff47}.sample-nc-composer-add:disabled{opacity:.5;cursor:default}.sample-nc-composer-bar{min-height:48px;padding:6px var(--composer-pad-x)12px;box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.sample-nc-composer-tools{flex:none;align-items:center;gap:10px;min-width:0;display:inline-flex}.sample-nc-privacy-wrap{align-items:center;min-width:0;display:inline-flex;position:relative}.sample-nc-privacy-tip{white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:0 0;border:none;align-items:center;gap:6px;min-width:0;max-width:0;margin:0;padding:0;transition:opacity .22s,transform .22s cubic-bezier(.16,1,.3,1),visibility .22s,max-width .28s cubic-bezier(.16,1,.3,1),margin-left .28s cubic-bezier(.16,1,.3,1);display:inline-flex;overflow:hidden;transform:translate(-6px)}.sample-nc-privacy-wrap:hover .sample-nc-privacy-tip{opacity:1;visibility:visible;max-width:min(320px,46vw);margin-left:10px;transform:translate(0)}.sample-nc-privacy-tip-label{letter-spacing:-.01em;color:#ffffffd1;flex-shrink:0;font-size:13px;font-weight:550;line-height:1.2}.sample-nc-privacy-tip-sep{color:#ffffff47;flex-shrink:0;font-size:13px;line-height:1}.sample-nc-privacy-tip-detail{color:#ffffff6b;text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:450;line-height:1.2;overflow:hidden}@media (prefers-reduced-motion:reduce){.sample-nc-privacy-tip{transition:none}}.sample-nc-composer-privacy{color:#ffffffc7;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin:0;padding:0;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.sample-nc-composer-privacy:hover:not(:disabled){color:#fff;background:#ffffff1a;border-color:#ffffff47}.sample-nc-composer-privacy:disabled{opacity:.5;cursor:default}.sample-nc-composer-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.sample-nc-composer-clear{color:#ffffff7a;cursor:pointer;background:0 0;border:none;border-radius:100px;height:34px;margin:0;padding:0 12px;font-size:12px;font-weight:500}.sample-nc-composer-clear:hover:not(:disabled){color:#ffffffd1}.sample-nc-composer-cta{color:#ffffffb3;letter-spacing:0;white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(10px);height:auto;min-height:34px;box-shadow:var(--spike-glass-shadow),0 4px 12px #0000001a;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;justify-content:center;align-items:center;gap:8px;margin:0;padding:8px 16px;font-size:12px;font-weight:500;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.sample-nc-composer-cta svg{color:#ffffff80;flex-shrink:0}.sample-nc-composer-cta:hover:not(:disabled){color:#ffffffeb;background:#ffffff14;border-color:#ffffff2e}.sample-nc-composer-cta:hover:not(:disabled) svg{color:#ffffffb8}.sample-nc-composer-cta.is-create{color:#ffffffd1;background:#ffffff0d;border-color:#ffffff1a;padding:8px 18px}.sample-nc-composer-cta.is-create:hover:not(:disabled){color:#fff;background:#ffffff17;border-color:#fff3}.sample-nc-composer-cta:disabled{opacity:.7;cursor:default}.sample-nc-composer-cta.is-loading{opacity:1}.sample-nc-composer-spinner{color:#ffffffb3;animation:.7s linear infinite sample-nc-spin}@keyframes sample-nc-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sample-nc-composer-spinner{animation:none}}.sample-nc-proof{letter-spacing:-.01em;color:#fff6;text-align:center;width:100%;max-height:48px;margin:18px 0 0;padding:0;font-size:12px;font-weight:500;transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1),visibility .28s cubic-bezier(.16,1,.3,1),max-height .32s cubic-bezier(.16,1,.3,1),margin .32s cubic-bezier(.16,1,.3,1);overflow:hidden}.sample-nc-footer{z-index:30;padding:14px 24px calc(14px + env(safe-area-inset-bottom,0px));pointer-events:none;flex-direction:column;align-items:center;gap:6px;transition:opacity .28s cubic-bezier(.16,1,.3,1),visibility .28s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:0;right:0}.sample-nc-footer-row{pointer-events:auto;color:#ffffff47;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;max-width:36rem;font-size:11px;font-weight:400;line-height:1.5;display:flex}.sample-nc-footer-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;width:100%;display:flex}.sample-nc-footer-line a,.sample-nc-footer-btn{color:#ffffff73;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:none}.sample-nc-footer-line a:hover,.sample-nc-footer-btn:hover{color:#ffffffb8}.sample-nc-footer-sep{color:inherit}@media (max-width:640px){.sample-nc-composer{--composer-pad-x:14px;border-radius:22px;width:100%;max-width:none;height:172px;min-height:172px;max-height:172px}.sample-nc-composer-body{padding:12px var(--composer-pad-x)2px}.sample-nc-composer-bar{min-height:46px;padding:4px var(--composer-pad-x)10px}.sample-nc-drop-stage{gap:8px}.sample-nc-privacy-tip-sep,.sample-nc-privacy-tip-detail{display:none}}@media (max-width:899px){.sample-nc{--sample-chrome-h:max(72px,calc(56px + env(safe-area-inset-top,0px)))}.sample-nc-hero{padding-top:max(var(--sample-chrome-h),calc(56px + env(safe-area-inset-bottom,0px)));padding-bottom:max(var(--sample-chrome-h),calc(56px + env(safe-area-inset-bottom,0px)))}.sample-nc-hero-stack{max-width:100%}.sample-nc-title{white-space:nowrap;font-size:clamp(1.5rem,5vw,2.1rem);line-height:1.15}.sample-nc-sub{white-space:nowrap;width:max-content;max-width:100%;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:clamp(10px,2.7vw,15px)}.sample-nc-proof{white-space:nowrap;font-size:11px}.sample-nc-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}.sample-nc-footer-row{gap:5px;max-width:min(100%,22rem)}}@media (max-width:420px){.sample-nc-title{white-space:normal;text-wrap:balance;width:100%}}@media (prefers-reduced-motion:reduce){.sample-nc-marketing .sample-nc-title,.sample-nc-marketing .sample-nc-sub{animation:none!important}.sample-nc-composer{transition:none}.sample-nc-upload-overlay,.sample-nc-upload-dialog,.sample-nc-upload-meter-fill.is-indeterminate,.sample-nc-upload-spin,.sample-nc-upload-check{animation:none!important}.sample-nc-marketing,.sample-nc-proof,.sample-nc-footer,.sample-nc-vignette,.sample-nc-hero,.sample-nc{transition:none!important}}.sample-nc-upload-overlay{z-index:80;-webkit-backdrop-filter:blur(16px);background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.28s sampleNcUploadFadeIn;display:flex;position:fixed;inset:0}.sample-nc-upload-overlay.is-closing{pointer-events:none;animation:.36s cubic-bezier(.16,1,.3,1) forwards sampleNcUploadFadeOut}.sample-nc-upload-dialog{text-align:left;background:#10100ff5;border:1px solid #ffffff1a;border-radius:18px;width:min(360px,94vw);padding:28px 26px 22px;animation:.42s cubic-bezier(.16,1,.3,1) both sampleNcUploadSlideUp;position:relative;overflow:hidden;box-shadow:0 28px 64px #0000008c}.sample-nc-upload-dialog.is-closing{animation:.36s cubic-bezier(.16,1,.3,1) forwards sampleNcUploadSlideDown}.sample-nc-upload-dialog.is-done .sample-nc-upload-title{color:rgba(var(--spike-brand-mint-rgb),.96)}.sample-nc-upload-meter{background:#ffffff0a;height:2px;position:absolute;top:0;left:0;right:0;overflow:hidden}.sample-nc-upload-meter-fill{transform-origin:0;background:linear-gradient(90deg,var(--spike-brand-lime),var(--spike-brand-mint,#c7ffa4));width:100%;height:100%;box-shadow:0 0 12px rgba(var(--spike-brand-lime-rgb),.35);transition:transform .45s cubic-bezier(.16,1,.3,1);transform:scaleX(.08)}.sample-nc-upload-meter-fill.is-indeterminate{width:36%;animation:1.1s ease-in-out infinite sampleNcUploadSweep;transform:none}.sample-nc-upload-dialog.is-done .sample-nc-upload-meter-fill{background:var(--spike-brand-mint,#c7ffa4);box-shadow:0 0 14px rgba(var(--spike-brand-mint-rgb),.45);transform:scaleX(1)}.sample-nc-upload-eyebrow{font-family:var(--font-geist-mono,ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--spike-brand-mint-rgb),.72);margin:6px 0 10px;font-size:10px;font-weight:500}.sample-nc-upload-title-row{align-items:center;gap:10px;display:flex}.sample-nc-upload-title{letter-spacing:-.018em;color:#fffffff5;margin:0;font-size:19px;font-weight:600}.sample-nc-upload-check{width:22px;height:22px;color:rgba(var(--spike-brand-mint-rgb),.95);background:rgba(var(--spike-brand-mint-rgb),.14);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;animation:.42s cubic-bezier(.16,1,.3,1) both sampleNcUploadPop;display:inline-flex}.sample-nc-upload-sub{color:#ffffff80;margin:8px 0 0;font-size:13px}.sample-nc-upload-hint{color:#ffffffb8;align-items:center;gap:10px;margin-top:18px;font-size:13px;font-weight:500;display:flex}.sample-nc-upload-pct{font-variant-numeric:tabular-nums;color:var(--spike-brand-lime);min-width:2.5em}.sample-nc-upload-spin{border:2px solid #ffffff1f;border-top-color:var(--spike-brand-lime);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite sampleNcUploadSpin}.sample-nc-upload-files{border-top:1px solid #ffffff0f;flex-direction:column;gap:8px;margin:18px 0 0;padding:14px 0 0;list-style:none;display:flex}.sample-nc-upload-files li{color:#ffffff8c;justify-content:space-between;gap:12px;font-size:12px;display:flex}.sample-nc-upload-files li span:last-child{color:#ffffff61;font-variant-numeric:tabular-nums;flex-shrink:0}.sample-nc-upload-more{color:#ffffff52!important}.sample-nc.is-workspace .sample-nc-proof{opacity:.55}.sample-nc.is-workspace .sample-nc-footer{opacity:.85}.sample-nc-upload-slot{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:520px;display:flex;position:relative}@keyframes sampleNcCopyIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sampleNcUploadFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sampleNcUploadFadeOut{0%{opacity:1}to{opacity:0}}@keyframes sampleNcUploadSlideUp{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sampleNcUploadSlideDown{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(6px)scale(.985)}}@keyframes sampleNcUploadSweep{0%{transform:translate(-120%)}to{transform:translate(320%)}}@keyframes sampleNcUploadSpin{to{transform:rotate(360deg)}}@keyframes sampleNcUploadPop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}
