.cx-home{--cx-ink:#f3f4f6;--cx-muted:#94a3b8;--cx-accent:#a78bfa;--cx-line:#ffffff14;--cx-panel:#ffffff08;color:var(--cx-ink);background:#080d1b}.cx-home .cx-shell{width:min(1160px,100% - 80px);margin-inline:auto}.cx-home h1,.cx-home h2,.cx-home h3{font-family:var(--font-heading), var(--font-sans), sans-serif}.cx-home h2{letter-spacing:-.045em;white-space:pre-line;font-size:clamp(30px,3.6vw,47px);font-weight:500;line-height:1.2}.cx-home .cx-kicker{color:var(--cx-accent);letter-spacing:.15em;align-items:center;gap:9px;margin-bottom:23px;font-size:10px;font-weight:600;line-height:1.8;display:flex}.cx-kicker-dot{background:currentColor;width:5px;height:5px}.cx-kicker-index{opacity:.55;margin-right:1px;font-family:monospace}.cx-hero{background:radial-gradient(60% 45% at 50% 8%,#a78bfa33,#0000 70%),radial-gradient(at 80% 65%,#8b5cf62e,#0000 50%),radial-gradient(at 15% 80%,#3b82f62e,#0000 45%),#080d1b;padding:80px 0 40px;position:relative;overflow:hidden}.cx-hero:before{content:"";pointer-events:none;opacity:.16;background-image:radial-gradient(#8b5cf6 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(55% 40% at 50% 25%,#000,#0000);mask-image:radial-gradient(55% 40% at 50% 25%,#000,#0000)}@media (prefers-reduced-motion:no-preference){.cx-hero{background-size:140% 140%,140% 140%,140% 140%,auto;animation:22s ease-in-out infinite alternate cx-hero-drift}}@keyframes cx-hero-drift{0%{background-position:0 0,0 0,0 0}to{background-position:4% 4%,8% 6%,-6% -4%}}.cx-hero-copy{text-align:center;max-width:900px;position:relative}.cx-hero-copy .cx-kicker{justify-content:center}.cx-home h1{letter-spacing:-.065em;font-size:clamp(48px,6.4vw,88px);font-weight:600;line-height:1.03}.cx-home h1>span{color:#0000;background:linear-gradient(100deg,#60a5fa 0%,#a78bfa 57%,#e879f9 100%);-webkit-background-clip:text;background-clip:text}.cx-intro{color:#94a3b8;text-wrap:pretty;max-width:560px;margin:23px auto 0;font-size:15px;line-height:1.85}.cx-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:26px;display:flex}.cx-hero-copy .cx-actions,.cx-hero-note{justify-content:center}.cx-button{color:#fff;min-height:47px;box-shadow:none;background:linear-gradient(105deg,#3b82f6,#8b5cf6);border:1px solid #a78bfa80;border-radius:8px;justify-content:center;align-items:center;gap:23px;padding:11px 20px;font-size:13px;font-weight:500;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.cx-button:hover{background:linear-gradient(105deg,#2563eb,#7c3aed);border-color:#a78bfa;transform:translateY(-1px)}.cx-text-link{align-items:center;gap:10px;min-height:44px;font-size:12px;font-weight:500;transition:color .18s;display:inline-flex}.cx-text-link:hover{color:#c4b5fd}.cx-hero-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:24px;display:flex}.cx-hero-badges>span{color:#cbd5e1;background:#ffffff06;border:1px solid #ffffff14;border-radius:999px;padding:7px 14px;font-size:11px;font-weight:500;transition:border-color .2s}.cx-hero-badges>span:first-child{color:#ddd6fe;background:#8b5cf61a;border-color:#8b5cf640}.cx-home .cx-product-stage{max-width:960px;margin-top:72px;scroll-margin-top:90px;position:relative}.cx-home .cx-product-stage:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);max-width:560px;height:1px;margin:0 auto 36px;display:block}.cx-stage-caption{text-align:center;flex-direction:column;align-items:center;gap:6px;max-width:560px;margin:0 auto 26px;display:flex}.cx-stage-caption>span:first-child{font-family:var(--font-heading), var(--font-sans), sans-serif;letter-spacing:-.02em;font-size:clamp(18px,2vw,22px);font-weight:500}.cx-stage-caption>span:last-child{letter-spacing:.06em;color:#94a3b8;font-family:monospace;font-size:10px}.cx-demo-wrap{--app-bg:#f1f5f9;--app-surface:#fff6;--app-content:#ffffff80;--app-field:#e2e8f080;--app-text:#374151;--app-muted:#64748b;--app-border:#94a3b833;--app-selected:#8b5cf61a;--app-selected-border:#3b82f64d;--app-blue-bg:#3b82f61a;--app-blue:#2563eb;--app-accent:#7c3aed;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.cx-demo-wrap[data-theme=dark]{--app-bg:#0f172acc;--app-surface:#f1f5f90a;--app-content:#f1f5f90d;--app-field:#f1f5f90d;--app-text:#e5e7eb;--app-muted:#94a3b8;--app-border:#ffffff1a;--app-selected:#8b5cf633;--app-selected-border:#3b82f64d;--app-blue-bg:#3b82f626;--app-blue:#93c5fd;--app-accent:#a78bfa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.cx-demo-controls{color:#94a3b8;justify-content:space-between;align-items:center;gap:15px;margin:16px 0 13px;font-size:10px;display:flex}.cx-demo-switches{align-items:center;gap:12px;display:flex}.cx-tour-play{color:#c4b5fd;border-radius:8px;align-items:center;gap:6px;min-height:40px;padding:6px 9px;display:flex}.cx-tour-play:hover{background:#8b5cf61a}.cx-tour-play:disabled{opacity:.45;cursor:default}.cx-theme-toggle{color:#94a3b8;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:3px;display:flex}.cx-theme-toggle>button{border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;min-height:32px;padding:7px 11px;font-size:10px;display:flex}.cx-theme-toggle>button[aria-pressed=true]{color:#ddd6fe;background:linear-gradient(100deg,#3b82f626,#8b5cf626);border-color:#8b5cf640}.cx-app{color:var(--app-text);background:radial-gradient(ellipse at 95% 100%, #d946ef0a, transparent 50%), var(--app-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);font-family:var(--font-sans);border:1px solid #ffffff26;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 25px 80px -35px #3b82f640,0 0 55px -20px #8b5cf640}.cx-app-title{height:37px;color:var(--app-muted);border-bottom:1px solid var(--app-border);align-items:center;gap:8px;padding:0 17px;font-size:11px;display:flex}.cx-app-title>span{color:var(--app-text);padding-inline:12px;position:relative}.cx-app-title>span:before{content:"";background:#9a87dc;height:3px;position:absolute;top:-10px;left:0;right:0}.cx-app-title>div{align-items:center;gap:25px;margin-left:auto;font-size:10px;display:flex}.cx-app-body{min-height:392px;display:flex}.cx-app-sidebar{width:44px;color:var(--app-muted);flex-direction:column;flex-shrink:0;align-items:center;gap:26px;padding-block:20px;display:flex}.cx-app-sidebar>svg:first-child{color:var(--app-accent)}.cx-app-sidebar>div{flex:1}.cx-app-workspace{background:var(--app-surface);border:1px solid var(--app-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:12px;flex:1;min-width:0;margin:8px 9px 8px 0;padding:16px}.cx-app-search{background:var(--app-field);min-height:49px;color:var(--app-muted);border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:0 15px;transition:background .2s,border-color .2s;display:flex}.cx-app-search:focus-within{border-color:var(--app-selected-border)}.cx-app-search input{width:100%;min-width:0;color:var(--app-text);background:0 0;outline:none;font-size:14px}.cx-app-search input::placeholder{color:var(--app-muted);opacity:1}.cx-app-search button{place-items:center;min-width:35px;min-height:42px;display:grid}.cx-app-split{grid-template-rows:minmax(0,1fr);grid-template-columns:.9fr 1.1fr;gap:12px;height:330px;margin-top:16px;display:grid}.cx-app-history{scrollbar-width:thin;scrollbar-color:var(--app-border) transparent;background:var(--app-content);border:1px solid var(--app-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:16px;min-width:0;min-height:0;padding:9px;overflow-y:auto}.cx-app-tabs{gap:6px;padding:0 0 5px;display:flex}.cx-app-tabs button{min-height:33px;color:var(--app-muted);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:6px 11px;font-size:11px;display:inline-flex}.cx-app-tabs button[aria-pressed=true]{background:var(--app-blue-bg);color:var(--app-blue);border-color:color-mix(in srgb, var(--app-blue) 30%, transparent)}.cx-app-date{color:var(--app-muted);padding:5px 9px;font-size:9px}.cx-app-list{gap:3px;display:grid}.cx-clip{text-align:left;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px;transition:background .2s,border-color .2s;display:flex}.cx-clip:hover{background:var(--app-field)}.cx-clip[aria-pressed=true]{border-color:var(--app-selected-border);background:linear-gradient(100deg,#3b82f620,#8b5cf620)}.cx-clip-icon{border:1px solid var(--app-border);width:27px;height:27px;color:var(--app-muted);background:#64748b20;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.cx-clip-ideas{color:var(--app-blue);background:#3b82f626;border-color:#3b82f640}.cx-clip-link{color:var(--app-blue);background:#0ea5e926;border-color:#0ea5e940}.cx-clip-diagram{color:var(--app-accent);background:#d946ef26;border-color:#d946ef40}.cx-clip-json{color:var(--app-accent);background:#8b5cf626;border-color:#8b5cf640}.cx-clip-checklist{color:#b98937;background:#f59e0b26;border-color:#f59e0b40}.cx-clip-color{color:#fff;background:#7c6cf2;border-color:#9684e7}.cx-clip-text{flex:1;min-width:0}.cx-clip-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;display:block;overflow:hidden}.cx-clip-text small{color:var(--app-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;display:block;overflow:hidden}.cx-clip-star{color:var(--app-accent);flex-shrink:0}.cx-app-preview{background:var(--app-content);border:1px solid var(--app-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:16px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.cx-app-preview-heading{border-bottom:1px solid var(--app-border);color:var(--app-muted);justify-content:space-between;align-items:center;padding:11px 14px;font-size:10px;display:flex}.cx-app-preview-heading>span:last-child{color:var(--app-accent)}.cx-preview-back{display:none}.cx-representation{color:var(--app-muted);border-bottom:1px solid var(--app-border);align-items:center;gap:15px;padding:8px 12px;font-size:10px;display:flex}.cx-representation>span:first-child{background:var(--app-blue-bg);color:var(--app-blue);border-radius:3px;padding:4px 10px}.cx-app-content{scrollbar-width:thin;scrollbar-color:var(--app-border) transparent;flex:1;min-height:0;padding:24px;animation:.3s ease-out both cx-preview-in;overflow-y:auto}.cx-content-type{display:none}.cx-home .cx-app-content h3{letter-spacing:-.02em;overflow-wrap:anywhere;margin-bottom:18px;font-family:inherit;font-size:15px;font-weight:500}.cx-app-content pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--app-muted);font-family:inherit;font-size:12px;line-height:1.9}.cx-app-code pre{color:var(--app-accent);font-family:monospace}.cx-app-code h3{display:none}.cx-app-copy-row{border-top:1px solid var(--app-border);color:var(--app-muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:9px;display:flex}.cx-app-copy-row>span{align-items:center;gap:6px;display:inline-flex}.cx-status-dot{background:#729581;border-radius:50%;width:5px;height:5px}.cx-app-copy-row button{border:1px solid var(--app-selected-border);background:var(--app-selected);color:var(--app-text);border-radius:3px;align-items:center;gap:6px;padding:7px 9px;font-size:10px;display:flex}.cx-app-copy-row button:hover{border-color:var(--app-accent)}.cx-app-bottom{color:var(--app-muted);justify-content:space-between;gap:12px;padding:8px 15px;font-size:9px;display:flex}.cx-app-empty{padding:15px;font-size:12px;line-height:1.8}.cx-demo-note{text-align:right;color:#918899;margin-top:13px;font-size:10px}.cx-demo-diagram{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;min-height:130px;display:flex}.cx-demo-diagram>span{color:var(--app-accent);background:#8b5cf626;border:1px solid #8b5cf666;border-radius:8px;place-items:center;padding:13px;animation:.3s ease-out both cx-preview-in;display:grid}.cx-demo-diagram>span:nth-of-type(2){animation-delay:.12s}.cx-demo-diagram>span:nth-of-type(3){animation-delay:.24s}.cx-demo-diagram>svg{color:var(--app-accent);width:18px}.cx-tour-steps{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.cx-tour-steps>button{text-align:left;background:#ffffff03;border:1px solid #ffffff0d;border-radius:12px;align-items:flex-start;gap:12px;padding:18px;display:flex;position:relative;overflow:hidden}.cx-tour-steps>button[aria-pressed=true]{background:linear-gradient(115deg,#3b82f610,#8b5cf610);border-color:#8b5cf640}.cx-tour-index{color:#a78bfa;margin-top:4px;font-family:monospace;font-size:10px}.cx-tour-steps strong{color:#cbd5e1;font-size:12px;font-weight:500;display:block}.cx-tour-steps small{color:#94a3b8;margin-top:5px;font-size:10px;line-height:1.75;display:block}.cx-tour-progress{background:linear-gradient(90deg,#3b82f6,#a78bfa);height:2px;position:absolute;bottom:0;left:0}.cx-demo-wrap[data-playing=true] .cx-tour-steps>button[aria-pressed=true] .cx-tour-progress{animation:4.2s linear both cx-progress}@keyframes cx-preview-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cx-progress{0%{width:0}to{width:100%}}.cx-at-a-glance{border-bottom:1px solid var(--cx-line);flex-wrap:wrap;justify-content:center;gap:24px 48px;padding-block:32px;display:flex}.cx-at-a-glance>div{color:#cbd5e1;align-items:center;gap:12px;font-size:12px;display:flex}.cx-at-a-glance svg{color:var(--cx-accent);flex-shrink:0}.cx-home .cx-everyday{padding-top:96px}.cx-home .cx-everyday h2{margin-bottom:32px;font-size:clamp(26px,3vw,36px)}.cx-everyday-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.cx-everyday article{border:1px solid var(--cx-line);background:radial-gradient(at 100% 0,#3b82f612,#0000 75%),#ffffff03;border-radius:16px;align-items:flex-start;gap:20px;padding:30px;display:flex}.cx-everyday article:nth-child(2){background:radial-gradient(at 100% 0,#a78bfa14,#0000 75%),#ffffff03}.cx-everyday article>svg{color:#a78bfa;flex-shrink:0;margin-top:3px}.cx-everyday h3{font-size:18px;font-weight:500;line-height:1.5}.cx-everyday p{color:var(--cx-muted);margin-top:12px;font-size:13px;line-height:1.85}.cx-home .cx-workflow{grid-template-columns:.8fr 1.2fr;align-items:start;gap:0 56px;padding-block:104px;display:grid}.cx-workflow>.cx-kicker{grid-column:1;margin-top:12px}.cx-workflow>h2{grid-column:1;max-width:370px;font-size:43px}.cx-benefits{grid-area:1/2/4;grid-template-columns:1fr 1fr;gap:24px;margin-top:0;display:grid}.cx-benefits article{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:25px;transition:border-color .2s,background .2s;position:relative;overflow:hidden}.cx-benefit-index{letter-spacing:.05em;color:#ffffff1f;font-family:monospace;font-size:11px;position:absolute;top:22px;right:22px}.cx-benefits .cx-benefit-0 .cx-benefit-index{color:#3b82f640}.cx-benefits .cx-benefit-2 .cx-benefit-index{color:#d946ef40}.cx-benefits article:hover{background:#ffffff08;border-color:#ffffff26}.cx-benefits .cx-benefit-0{background:radial-gradient(at 100% 100%,#3b82f61a,#0000 70%),#ffffff05;grid-column:1/-1}.cx-feature-icon{color:#a78bfa;margin-bottom:18px}.cx-benefits .cx-benefit-0 .cx-feature-icon{color:#60a5fa}.cx-benefits .cx-benefit-2 .cx-feature-icon{color:#e879f9}.cx-benefits h3{letter-spacing:-.025em;font-size:17px;font-weight:500;line-height:1.45}.cx-benefits p{color:var(--cx-muted);margin-top:12px;font-size:12px;line-height:1.8}.cx-capture-art{gap:10px;margin-top:25px;padding:5px 0 7px;display:flex}.cx-capture-art>span{color:#93c5fd;white-space:nowrap;background:#3b82f60d;border:1px solid #3b82f640;border-radius:8px;align-items:center;gap:8px;padding:13px;font-size:10px;display:flex}.cx-capture-art>span:nth-child(2){color:#c4b5fd;background:#8b5cf61a;border-color:#8b5cf640}.cx-capture-art>span:nth-child(3){color:#f0abfc;background:#d946ef0d;border-color:#d946ef40}.cx-capture-art>span:nth-child(4){color:#6ee7b7;background:#10b9810d;border-color:#10b98140}.cx-search-art{color:#c4b5fd;background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:8px;align-items:center;gap:8px;margin-top:22px;padding:12px;font-size:10px;display:flex}.cx-search-art svg{flex-shrink:0}.cx-search-art>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cx-format-art{color:#e879f9;align-items:center;gap:7px;margin-top:22px;font-size:10px;display:flex}.cx-format-art>span{border:1px solid #d946ef40;border-radius:6px;padding:8px}.cx-home .cx-extensions{color:#fff;background:radial-gradient(at 100% 0,#d946ef55,#0000 65%),linear-gradient(115deg,#5b21b6,#7c3aed);border:1px solid #a78bfa66;border-radius:16px;position:relative;overflow:hidden}.cx-extension-main{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:55px;display:grid}.cx-extensions .cx-kicker{color:#ddd6fe}.cx-extension-copy>p:not(.cx-kicker){color:#ede9fe;max-width:370px;margin-top:21px;font-size:14px;line-height:1.9}.cx-extension-copy .cx-text-link{margin-top:16px}.cx-extensions .cx-text-link,.cx-extensions .cx-text-link:hover{color:#fff}.cx-extension-visual{height:310px;position:relative}.cx-code-card{background:#4c1d9559;border:1px solid #c4b5fd66;border-radius:12px;width:250px;padding:17px 20px;transition:transform .25s;position:absolute;top:0;left:0;transform:rotate(-5deg)}.cx-code-card:hover{transform:rotate(-5deg)translateY(-4px)}.cx-code-card>span{color:#ede9fe;align-items:center;gap:7px;font-size:10px;display:flex}.cx-code-card pre{color:#ddd6fe;margin-top:13px;font-size:12px;line-height:1.9}.cx-render-card{background:#0f172a;border:1px solid #a78bfa80;border-radius:12px;width:355px;max-width:92%;transition:transform .25s;position:absolute;top:95px;right:0;transform:rotate(3deg);box-shadow:0 16px 40px #1e1b4b40}.cx-render-card:hover{transform:rotate(3deg)translateY(-4px)}.cx-render-label{color:#c4b5fd;border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding:13px 17px;font-size:10px;display:flex}.cx-diagram{justify-content:center;align-items:center;gap:9px;padding:28px 14px;display:flex}.cx-diagram>span{color:#ddd6fe;background:#8b5cf633;border:1px solid #a78bfa66;border-radius:3px;padding:10px 14px;font-size:10px}.cx-diagram svg{color:#a78bfa;width:18px}.cx-render-bottom{color:#94a3b8;border-top:1px solid #ffffff1a;justify-content:space-between;padding:9px 17px;font-size:9px;display:flex}.cx-token-card{color:#f3e8ff;background:#1e293b;border:1px solid #e879f980;border-radius:12px;align-items:center;gap:12px;width:255px;padding:14px 17px;transition:transform .25s;display:flex;position:absolute;bottom:0;left:10px;transform:rotate(-3deg)}.cx-token-card:hover{transform:rotate(-3deg)translateY(-4px)}.cx-token-symbol{color:#f0abfc;background:#d946ef26;border:1px solid #d946ef66;border-radius:3px;place-items:center;width:33px;height:33px;font-family:monospace;display:grid}.cx-token-card strong{font-size:11px}.cx-token-card p{color:#cbd5e1;margin-top:4px;font-size:9px}.cx-token-dots{color:#e879f9;letter-spacing:2px;margin-left:auto}.cx-developer-strip{background:#4c1d9540;border-top:1px solid #ffffff26;align-items:center;gap:19px;padding:24px 52px;display:flex}.cx-developer-strip>svg{color:#ddd6fe;flex-shrink:0}.cx-developer-strip h3{font-size:15px;font-weight:500}.cx-developer-strip p{color:#ddd6fe;margin-top:5px;font-size:12px}.cx-developer-strip .cx-text-link{white-space:nowrap;margin-left:auto}.cx-home .cx-local{grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding-block:100px;display:grid}.cx-local-body{color:var(--cx-muted);max-width:420px;margin-top:22px;font-size:14px;line-height:1.9}.cx-local .cx-text-link{margin-top:17px}.cx-local-panel{border:1px solid var(--cx-line);background:radial-gradient(at 100% 0,#8b5cf61a,#0000 60%),#ffffff05;border-radius:16px;padding:30px;transition:border-color .2s}.cx-local-panel:hover{border-color:#ffffff26}.cx-local-heading{border-bottom:1px solid var(--cx-line);font-family:var(--font-heading), sans-serif;align-items:center;gap:11px;margin-bottom:11px;padding-bottom:23px;font-size:18px;display:flex}.cx-local-heading svg{color:#a78bfa}.cx-local-dot{background:#8ba895;border-radius:50%;width:6px;height:6px;margin-left:auto}.cx-local-row{align-items:center;gap:13px;padding-block:13px;font-size:12px;display:flex}.cx-local-row svg{color:#a78bfa;flex-shrink:0}.cx-local-panel>p{color:var(--cx-muted);border-top:1px solid var(--cx-line);margin-top:15px;padding-top:20px;font-size:11px;line-height:1.8}.cx-closing{background:radial-gradient(55% 70% at 100% 0,#8b5cf62e,#0000 60%),radial-gradient(45% 60% at 0 100%,#3b82f624,#0000 55%),#0b1120;border-top:1px solid #ffffff14;padding:90px 0 100px;position:relative;overflow:hidden}.cx-closing:before{content:"";pointer-events:none;opacity:.1;background-image:radial-gradient(#8b5cf6 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(45% 55% at 50% 30%,#000,#0000);mask-image:radial-gradient(45% 55% at 50% 30%,#000,#0000)}.cx-closing .cx-shell{position:relative}.cx-closing h2{max-width:750px;font-size:clamp(28px,3.4vw,44px)}.cx-closing>div>p{color:var(--cx-muted);margin-top:17px;font-size:14px}body:has(.cx-home)>header{color:#e5dfed;background:#080d1beb;border-color:#ffffff14}body:has(.cx-home)>header>div:nth-child(2){background:#0f172a;border-color:#ffffff14}:is(body:has(.cx-home)>header .nav-link,body:has(.cx-home)>header .icon-button){color:#cbd5e1}:is(body:has(.cx-home)>header .nav-link:hover,body:has(.cx-home)>header .icon-button:hover){color:#eee7f7;background:#ffffff0d}body:has(.cx-home)>header .button-primary{background:linear-gradient(105deg,#3b82f6,#8b5cf6);border:1px solid #a78bfa66;border-radius:8px;font-weight:500;transform:none}body:has(.cx-home)>header .button-primary:hover{background:#7c3aed}body:has(.cx-home)>footer{color:#e6e0ed;background:#080d1b;border-color:#ffffff14}body:has(.cx-home)>footer p{color:#94a3b8}body:has(.cx-home)>footer li a{color:#94a3b8}body:has(.cx-home)>footer a[target]{color:#94a3b8}body:has(.cx-home)>footer a:hover{color:#d7c4ee}@media (max-width:1050px){.cx-home .cx-workflow{grid-template-columns:1fr;gap:0}.cx-workflow>h2{max-width:620px;font-size:38px}.cx-benefits{grid-area:auto/1;grid-template-columns:1fr 1fr;margin-top:30px}.cx-benefits .cx-benefit-0{grid-column:1/-1}.cx-capture-art{flex-wrap:wrap}.cx-capture-art>span:nth-child(n+3){display:none}}@media (max-width:1000px){.cx-home .cx-shell{width:calc(100% - 48px)}.cx-home h2{font-size:37px}.cx-hero-copy .cx-actions{gap:12px}.cx-extension-main{gap:28px;padding:40px}.cx-developer-strip{padding-inline:36px}.cx-home .cx-local{gap:40px}.cx-app-workspace{padding:17px}.cx-app-split{gap:13px}.cx-app-copy-row{justify-content:flex-end}.cx-app-copy-row>span{display:none}}@media (max-width:720px){.cx-everyday-grid{grid-template-columns:1fr}.cx-home .cx-everyday{padding-top:76px}.cx-everyday article{gap:16px;padding:24px}.cx-at-a-glance{justify-content:flex-start;gap:20px}.cx-hero{padding-top:50px}.cx-home h1{font-size:clamp(45px,8.2vw,66px)}.cx-intro{max-width:490px;margin-top:23px;font-size:14px}.cx-hero-copy .cx-actions{gap:24px}.cx-home .cx-product-stage{margin-top:56px}.cx-benefits{grid-template-columns:1fr 1fr}.cx-benefits .cx-benefit-0{grid-column:1/-1}.cx-benefits h3{font-size:16px}.cx-capture-art>span:nth-child(n+3){display:flex}.cx-extension-main{grid-template-columns:1fr;gap:24px;padding:32px}.cx-extension-copy>p:not(.cx-kicker){max-width:480px}.cx-extension-visual{margin-inline:auto;width:min(420px,100%);margin-top:12px}.cx-developer-strip{flex-wrap:wrap}.cx-developer-strip .cx-text-link{margin-left:43px}.cx-home .cx-local{grid-template-columns:1fr;gap:35px}.cx-local-panel{max-width:530px}.cx-tour-steps>button{gap:8px;padding:14px 10px}.cx-tour-steps small{display:none}}@media (max-width:600px){.cx-home .cx-shell{width:calc(100% - 36px)}.cx-home h1{font-size:clamp(42px,10vw,60px)}.cx-home .cx-kicker{letter-spacing:.1em;margin-bottom:17px;font-size:9px}.cx-home h2{font-size:30px}.cx-stage-caption>span:last-child{display:none}.cx-hero-copy .cx-actions{gap:20px}.cx-intro{font-size:14px}.cx-demo-controls>span{max-width:120px;font-size:9px;line-height:1.7}.cx-tour-play{justify-content:center;min-width:35px}.cx-tour-play>span{display:none}.cx-demo-switches{gap:2px}.cx-theme-toggle>button{min-height:36px;padding:8px}.cx-app-title{padding-inline:12px}.cx-app-title>div{gap:16px}.cx-app-title>div>span:first-child{display:none}.cx-app-sidebar{width:33px}.cx-app-sidebar svg{width:15px}.cx-app-workspace{margin-right:5px;padding:8px}.cx-app-search{gap:8px;min-height:45px;padding-inline:10px}.cx-app-search input{font-size:16px}.cx-app-search>svg{flex-shrink:0;width:15px}.cx-app-split{height:330px;margin-top:11px;display:block}.cx-app-history{height:100%;padding:5px}.cx-app-tabs{gap:3px}.cx-app-tabs button{min-height:40px;padding-inline:8px;font-size:10px}.cx-clip{gap:8px;min-height:46px;padding-inline:6px}.cx-clip-text strong{font-size:11px}.cx-app-preview{height:100%;display:none}.cx-demo-wrap[data-detail=true] .cx-app-history{display:none}.cx-demo-wrap[data-detail=true] .cx-app-preview{display:flex}.cx-preview-back{min-height:36px;color:var(--app-text);align-items:center;gap:7px;display:inline-flex}.cx-preview-back+span{display:none}.cx-app-preview-heading{padding:3px 10px}.cx-app-content{min-height:0;padding:17px}.cx-home .cx-app-content h3{font-size:14px}.cx-app-copy-row button{min-height:40px}.cx-app-bottom{padding-inline:9px;font-size:8px}.cx-demo-note{text-align:left;font-size:9px}.cx-tour-steps{gap:6px;margin-top:13px}.cx-tour-steps>button{border-radius:8px;min-height:75px;padding:12px 9px;display:block}.cx-tour-steps strong{margin-top:7px;font-size:10px}.cx-tour-index{font-size:9px}.cx-home .cx-workflow{padding-block:76px}.cx-workflow>h2{font-size:31px}.cx-benefits{grid-template-columns:1fr;gap:26px;margin-top:30px}.cx-benefits article{padding:23px}.cx-feature-icon{margin-bottom:17px}.cx-benefits h3{font-size:18px}.cx-benefits p{margin-top:8px}.cx-capture-art{gap:8px}.cx-capture-art>span{padding:10px}.cx-capture-art>span:nth-child(n+3){display:none}.cx-extension-main{gap:22px;padding:26px 20px}.cx-extension-visual{height:300px}.cx-code-card{width:220px}.cx-render-card{width:280px}.cx-diagram{gap:5px;padding-inline:10px}.cx-diagram>span{padding:10px}.cx-token-card{width:235px;left:0}.cx-demo-diagram{gap:5px}.cx-demo-diagram>span{padding:10px;font-size:12px}.cx-developer-strip{gap:14px;padding:21px}.cx-developer-strip>div{flex:1}.cx-developer-strip .cx-text-link{margin-left:39px}.cx-home .cx-local{padding-block:76px}.cx-local-panel{padding:23px}.cx-closing{padding-block:44px 55px}.cx-closing h2{font-size:31px}}@media (prefers-reduced-motion:reduce){.cx-home *,.cx-home :before,.cx-home :after{transition:none!important;animation:none!important}}html[lang=ja] .cx-home h2{line-break:strict;text-wrap:pretty}@media (max-width:600px){html[lang=ja] .cx-home h1{font-size:clamp(28px,8.3vw,46px);line-height:1.4}html[lang=ja] .cx-workflow>h2{font-size:27px}}
