:root{--effects-ink:#111318;--effects-muted:#687287;--effects-paper:#fff;--effects-soft:#f1f4fb;--effects-line:#dfe5f0;--effects-indigo:#5b5ce2;--effects-lime:#d8ff73;--effects-shadow:0 18px 50px rgba(24,35,60,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body.effects-page{margin:0;background:var(--effects-paper);color:var(--effects-ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.effects-header,.effects-footer{max-width:1240px;margin:auto;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.effects-header{border-bottom:1px solid var(--effects-line)}.effects-brand{display:flex;align-items:center;gap:10px;font-size:.92rem;font-weight:800;letter-spacing:-.02em;text-decoration:none}.effects-brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--effects-ink);color:var(--effects-lime);font-size:1rem}.effects-header nav,.effects-footer span:last-child{display:flex;align-items:center;gap:22px;font-size:.82rem;font-weight:700}.effects-header nav a,.effects-footer a{color:#56627a;text-decoration:none}.effects-header nav a:hover,.effects-footer a:hover{color:var(--effects-indigo)}.effects-header-cta{padding:9px 14px;border-radius:7px;background:var(--effects-ink);color:#fff!important}.effects-hero{max-width:1240px;margin:auto;padding:92px 30px 86px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:72px;align-items:center}.effects-kicker{margin:0 0 14px;color:var(--effects-indigo);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.effects-hero h1{max-width:680px;margin:0;font-size:clamp(3.5rem,7vw,6.6rem);line-height:.93;letter-spacing:-.075em}.effects-hero-copy>p:not(.effects-kicker){max-width:620px;margin:28px 0 0;color:var(--effects-muted);font-size:1.15rem;line-height:1.65}.effects-hero-actions{display:flex;align-items:center;gap:20px;margin-top:34px}.effects-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:7px;padding:12px 16px;font:inherit;font-size:.84rem;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .18s ease,background .18s ease}.effects-button:hover{transform:translateY(-2px)}.effects-button-primary{background:var(--effects-indigo);color:#fff}.effects-button-dark{background:var(--effects-ink);color:#fff}.effects-text-link{font-size:.84rem;font-weight:800;color:var(--effects-ink);text-decoration:none}.effects-text-link:hover{text-decoration:underline}.effects-hero-demo{position:relative;min-height:390px;overflow:hidden;border:1px solid #2b3346;border-radius:18px;background:#151a29;box-shadow:var(--effects-shadow);isolation:isolate}.effects-demo-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:36px 36px;opacity:.65}.effects-demo-orbit{position:absolute;border:1px solid rgba(216,255,115,.42);border-radius:50%;filter:blur(.2px);animation:effects-orbit 10s ease-in-out infinite alternate}.effects-demo-orbit-one{width:300px;height:300px;left:15%;top:12%;transform:rotate(28deg)}.effects-demo-orbit-two{width:190px;height:190px;right:8%;bottom:10%;border-color:rgba(130,138,255,.5);animation-delay:-3s}.effects-demo-code{position:absolute;left:12%;bottom:14%;padding:18px 20px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(10,13,22,.72);color:#eef0f7;font:14px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 12px 26px #0003}.effects-demo-code span{color:#aab1ff}.effects-demo-code b{color:var(--effects-lime);font-weight:500}.effects-demo-code strong{color:#f5a9c7}.effects-demo-cursor{position:absolute;right:17%;top:23%;width:13px;height:13px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 12px rgba(255,255,255,.08),0 0 35px rgba(216,255,115,.7);animation:effects-cursor 6s ease-in-out infinite alternate}.effects-toolstrip{max-width:1240px;margin:auto;padding:0 30px 36px;border-bottom:1px solid var(--effects-line)}.effects-search{display:flex;align-items:center;gap:11px;max-width:740px;border:1px solid #cfd7e5;border-radius:8px;padding:0 12px;background:#fff;box-shadow:0 5px 16px rgba(24,35,60,.04)}.effects-search span{color:var(--effects-indigo);font-size:1.25rem}.effects-search input{width:100%;min-height:48px;border:0;outline:0;color:var(--effects-ink);font:inherit;font-size:.94rem}.effects-search button{border:0;background:transparent;color:var(--effects-indigo);font:inherit;font-size:.82rem;font-weight:850;cursor:pointer}.effects-filter-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.effects-filter-links a{padding:7px 10px;border-radius:6px;color:#68758c;font-size:.76rem;font-weight:750;text-decoration:none}.effects-filter-links a:hover,.effects-filter-links a.is-active{background:#edf0ff;color:var(--effects-indigo)}.effects-library-layout{max-width:1240px;margin:auto;padding:74px 30px 100px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px}.effects-sidebar{display:flex;flex-direction:column;gap:40px}.effects-sidebar h2{margin:0;font-size:1.35rem;letter-spacing:-.04em}.effects-sidebar p:not(.effects-kicker){margin:10px 0 0;color:var(--effects-muted);font-size:.86rem;line-height:1.6}.effects-side-list{display:grid;gap:6px}.effects-side-list a{display:grid;grid-template-columns:28px 1fr;gap:0 10px;padding:12px 9px;border-left:2px solid var(--effects-line);text-decoration:none}.effects-side-list a:hover{border-color:var(--effects-indigo);background:var(--effects-soft)}.effects-side-list span{grid-row:span 2;color:var(--effects-indigo);font:700 .68rem ui-monospace,monospace}.effects-side-list b{font-size:.8rem}.effects-side-list small{color:var(--effects-muted);font-size:.72rem}.effects-side-note{padding:15px;border-radius:10px;background:var(--effects-ink);color:#fff}.effects-side-note p{color:#aab4c7!important;font-size:.78rem!important}.effects-results{min-width:0}.effects-featured{display:grid;grid-template-columns:minmax(0,.8fr) minmax(270px,1.2fr);gap:32px;align-items:center;min-height:330px;margin-bottom:80px;padding:34px;border-radius:14px;background:var(--effects-ink);color:#fff;box-shadow:var(--effects-shadow)}.effects-featured-copy h2{margin:0;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1;letter-spacing:-.06em}.effects-featured-copy>p{max-width:380px;margin:14px 0;color:#aeb7c8;font-size:.9rem}.effects-card-meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px;color:#8290a9;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.effects-featured .effects-card-meta{color:#aab1ff}.effects-card-meta span+span:before{content:'·';margin-right:12px;color:#aab1ff}.effects-tag-row{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.effects-tag-row span{padding:4px 7px;border-radius:4px;background:#272e42;color:#d8deec;font-size:.68rem}.effects-featured-preview{position:relative;min-height:230px;border:1px solid #30384e;border-radius:11px;overflow:hidden;background:#1b2131}.preview-window{position:absolute;top:25%;left:17%;width:66%;padding:17px;border:1px solid #49536e;border-radius:9px;background:#111624;box-shadow:0 20px 36px #0003}.preview-window>span{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#f5a9c7}.preview-window>span:nth-child(2){background:#d8ff73}.preview-window>span:nth-child(3){background:#aab1ff}.preview-line,.preview-block{height:10px;margin-top:27px;border-radius:3px;background:#8c92ff;opacity:.82}.preview-block{height:33px;margin-top:15px;background:#313b5b}.preview-block-short{width:62%;background:#434e73}.preview-reveal .preview-block{animation:effects-reveal 2.5s ease-in-out infinite}.effects-hidden-code{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}.effects-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.effects-section-heading h2{margin:0;font-size:2.3rem;line-height:1;letter-spacing:-.06em}.effects-section-heading>p{max-width:420px;margin:0;color:var(--effects-muted);font-size:.86rem}.effects-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.effects-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--effects-line);border-radius:11px;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.effects-card:hover{transform:translateY(-3px);border-color:#bec9de;box-shadow:0 14px 35px rgba(24,35,60,.09)}.effects-card[hidden],.effects-featured[hidden]{display:none}.effects-card-preview{position:relative;height:132px;overflow:hidden;background:#f2f4ff}.effects-preview-label{position:absolute;right:12px;bottom:10px;color:#7b87a0;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.effects-preview-art{position:absolute;inset:20px 30px;border:1px solid #d1d7f0;border-radius:8px;background:#fff;box-shadow:0 10px 20px #5b5ce20d}.effects-preview-art:before,.effects-preview-art:after{content:"";position:absolute;border-radius:5px;background:#dfe3ff}.effects-preview-art:before{top:25px;left:20px;width:48%;height:11px}.effects-preview-art:after{top:49px;left:20px;width:72%;height:31px}.effects-preview-stagger .effects-preview-art:after{width:42%;box-shadow:72px 0 #c9cff8,144px 0 #b6bef4}.effects-preview-spotlight .effects-preview-art{background:radial-gradient(circle at 72% 35%,#c2c7ff,transparent 28%),#fff}.effects-preview-magnetic .effects-preview-art:after{left:50%;top:40px;width:90px;transform:translateX(-50%);background:var(--effects-indigo);box-shadow:none}.effects-preview-progress .effects-preview-art:before{top:0;left:0;width:100%;height:3px;background:var(--effects-indigo);border-radius:0}.effects-preview-glow .effects-preview-art{background:radial-gradient(circle at 68% 30%,#c7caff,transparent 34%),#fff}.effects-preview-mesh .effects-preview-art{background:radial-gradient(circle at 30% 35%,#c4c8ff,transparent 30%),radial-gradient(circle at 75% 65%,#e8ffab,transparent 29%),#fff}.effects-preview-text .effects-preview-art:before{width:65%;height:16px;background:var(--effects-indigo)}.effects-preview-aos .effects-preview-art:after,.effects-preview-spring .effects-preview-art:after{transform:translateY(-5px);background:#c3c8ff}.effects-preview-scroll .effects-preview-art{background:linear-gradient(180deg,#e9ebff,#fff)}.effects-preview-tilt .effects-preview-art{transform:perspective(300px) rotateY(-8deg) rotateX(5deg);background:#e5e8ff}.effects-card-body{padding:20px}.effects-card-body h3{margin:0;font-size:1.12rem;letter-spacing:-.04em}.effects-card-body>p{min-height:72px;margin:9px 0;color:var(--effects-muted);font-size:.82rem;line-height:1.6}.effects-card-footer{display:flex;align-items:end;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid #edf0f5;color:#7a879c;font-size:.7rem}.effects-card-footer>span{max-width:73%}.effects-copy-button{padding:5px 8px;border:1px solid #d2dbea;border-radius:5px;background:#fff;color:var(--effects-indigo);font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.effects-copy-button:hover{background:#edf0ff}.effects-card-link{color:var(--effects-indigo);font-weight:800;text-decoration:none}.effects-section-heading-spaced{margin-top:92px}.effects-empty{padding:44px;border:1px dashed #cad4e5;border-radius:12px;text-align:center}.effects-empty h2{margin:0}.effects-empty p{color:var(--effects-muted)}.effects-llm-section{padding:90px max(30px,calc((100vw - 1180px)/2));background:#f2f4fa;border-top:1px solid var(--effects-line)}.effects-llm-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;align-items:start}.effects-llm-copy h3{margin:0;font-size:1.05rem}.effects-llm-copy p{margin:10px 0 22px;color:var(--effects-muted);font-size:.82rem}.effects-llm-code{margin:0;overflow:auto;border-radius:10px;padding:23px;background:#151a29;color:#e3e8f3;font:12px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.effects-api-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px;padding:22px 24px;border:1px solid #dbe1ed;border-radius:10px;background:#fff}.effects-api-strip strong{display:block;font-size:.86rem}.effects-api-strip span{display:block;margin-top:4px;color:var(--effects-muted);font-size:.8rem}.effects-api-links{display:flex;gap:17px;flex:0 0 auto}.effects-api-links a{color:var(--effects-indigo);font-size:.78rem;font-weight:800;text-decoration:none}.effects-footer{border-top:1px solid var(--effects-line);color:#8590a2;font-size:.76rem}.effects-footer a{color:#68758c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes effects-orbit{to{transform:rotate(35deg) translate(6%, -4%)}}@keyframes effects-cursor{to{transform:translate(-110px,80px)}}@keyframes effects-reveal{50%{opacity:.25;transform:translateY(12px)}100%{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.effects-button,.effects-card{transition:none}.effects-demo-orbit,.effects-demo-cursor,.preview-reveal .preview-block{animation:none}}@media(max-width:900px){.effects-hero{grid-template-columns:1fr;gap:44px;padding-top:65px}.effects-hero-demo{min-height:300px}.effects-library-layout{grid-template-columns:1fr;gap:32px}.effects-sidebar{display:block}.effects-side-list{display:flex;flex-wrap:wrap;margin-top:20px}.effects-side-list a{min-width:170px}.effects-side-note{display:none}.effects-llm-grid{grid-template-columns:1fr}.effects-llm-copy{max-width:450px}}@media(max-width:620px){.effects-header,.effects-footer{padding:17px 16px}.effects-header nav a:not(.effects-header-cta){display:none}.effects-hero,.effects-toolstrip,.effects-library-layout{padding-left:16px;padding-right:16px}.effects-hero{padding-top:52px;padding-bottom:55px}.effects-hero h1{font-size:clamp(3.25rem,17vw,5rem)}.effects-hero-copy>p:not(.effects-kicker){font-size:1rem}.effects-hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.effects-hero-demo{min-height:260px}.effects-demo-code{left:8%;bottom:10%;font-size:11px}.effects-filter-links{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.effects-filter-links a{white-space:nowrap}.effects-library-layout{padding-top:55px}.effects-card-grid{grid-template-columns:1fr}.effects-featured{grid-template-columns:1fr;padding:22px;margin-bottom:56px}.effects-featured-preview{min-height:190px}.effects-section-heading{display:block}.effects-section-heading h2{font-size:2rem}.effects-section-heading>p{margin-top:14px}.effects-api-strip{align-items:flex-start;flex-direction:column}.effects-api-links{flex-direction:column;gap:9px}.effects-footer{align-items:flex-start;flex-direction:column;gap:12px}.effects-footer span:last-child{gap:14px}}