.demo-head{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:end;gap:24px 80px;margin-bottom:56px;display:grid}.marketing-page .demo-head h2{font-size:clamp(42px,4.8vw,69px);line-height:1.06}.marketing-page .demo-head>p{color:var(--body-muted);margin:0 0 10px;font-size:16px;line-height:1.6}.marketing-page .process-section .demo-head h2 em{color:var(--brass)}.marketing-page .process-section .demo-head>p{color:var(--muted)}.demo-foot{justify-content:center;padding-top:34px;display:flex}.marketing-page .demo-note{color:var(--body-muted);text-align:center;margin:20px 0 0;font-size:12px;line-height:1.6}.marketing-page .process-section .demo-note{color:var(--muted)}.rec{--word:28ms;--sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--serif:ui-serif,"Iowan Old Style",Charter,Georgia,serif;--mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;--r-win:#f7f7f5;--r-win-ring:#0000002e;--r-strip:#e6e6e3;--r-tab:#5b5b58;--r-tab-on:#f7f7f5;--r-tab-on-fg:#1f1f1e;--r-mark:#111;--r-hair:#00000014;--r-url:#0000000e;--r-url-fg:#4a4a47;--r-rail:#0000000f;--r-ico:#8b8b87;--r-chev:#7a7a76;--r-muted:#73726c;--r-ph:#8f8f8b;--r-plus-ring:#0000001f;--r-plus:#52514e;--r-model:#52514e;--r-shim:#d8d7d0;--r-lit-ink:inherit;--r-code:#0000000f;--r-pill:#eee7d7;--r-pill-edge:#d4ccbb;--r-pill-fg:#645951;--r-pill-ink:#2b0a12;--r-pill-press:#2b0a1212;--r-pill-shadow:0 1px 2px #2b0a120f,0 6px 18px #2b0a121a;--r-mention:#3a83f7;--d-bg:#f7f2e8;--d-hover:#e9e0cf;--d-edge:#d4ccbb;--d-text:#2b0a12;--d-muted:#5a4a45;--d-accent:#7a1f33;--d-shadow:0 1px 2px #2b0a120f,0 8px 22px #2b0a121f;--d-bar-shadow:0 1px 2px #2b0a120f,0 10px 28px #2b0a1224;--d-glow:122 31 51;--d-tag:#eee7d7;--d-tag-text:#2b0a12;--d-tag-edge:#d4ccbb;--d-tag-shadow:0 1px 2px #2b0a120f,0 6px 18px #2b0a1224;max-width:1120px;margin-inline:auto}.app-chatgpt{--r-bg:#fcfcfc;--r-fg:#0d0d0d;--r-bubble:#f0f0f0;--r-box:#fff;--r-box-edge:0 0 0 1px #0000001a,0 2px 8px #0000000a;--r-go:#0d0d0d;--r-go-fg:#fff;--r-note:#6b6b6b;--r-voice-go:#3a83f7}.app-grok{--r-bg:#f9f8f7;--r-fg:#050505;--r-bubble:#f0efed;--r-chip:#f0efed;--r-box:#fff;--r-box-line:#e6e5e3;--r-voice:#f0efed;--r-go:#050505;--r-go-fg:#fff;--r-tool-mark:#6e2233}.app-claude{--r-bg:#fcfcfb;--r-fg:#0b0b0b;--r-bubble:#0b0b0b0d;--r-line:#0b0b0b1f;--r-line-2:#0b0b0b14;--r-box:#fff;--r-box-edge:0 4px 20px #00000013,0 0 0 1px #0b0b0b24;--r-send:#d9775766}.rec-frame{aspect-ratio:16/10;isolation:isolate;background:radial-gradient(90% 70% at 12% 8%,#c0664a 0,#0000 60%),radial-gradient(80% 70% at 92% 96%,#cfbf57 0,#0000 55%),radial-gradient(70% 60% at 70% 20%,#8e2f45 0,#0000 70%),#3a0d18;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 44px 80px -46px #2b0a1299,0 0 0 1px #2b0a1214}.process-section .rec-frame{background:radial-gradient(90% 70% at 14% 10%,#f4e6c8 0,#0000 60%),radial-gradient(80% 70% at 90% 94%,#cfbf57 0,#0000 58%),radial-gradient(60% 55% at 78% 14%,#d98b66 0,#0000 70%),#e7d2a8;box-shadow:0 50px 90px -50px #000000e6,0 0 0 1px #f6f2e61a}.rec-camera{transform-origin:0 0;transform:translate(var(--tx,0px),var(--ty,0px)) scale(var(--z,1));transition:transform 1.1s cubic-bezier(.6,0,.2,1);position:absolute;inset:0}.rec-window{background:var(--r-win);box-shadow:0 34px 60px -24px #0a0204b3,0 0 0 1px var(--r-win-ring);font-family:var(--sans);border-radius:12px;flex-direction:column;display:flex;position:absolute;inset:4.6% 5%;overflow:hidden}.rec-chrome{background:var(--r-strip);flex:none;align-items:flex-end;gap:14px;height:38px;padding:0 12px;display:flex}.rec-lights{align-self:center;gap:7px;display:flex}.rec-lights i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.rec-lights i+i{background:#febc2e}.rec-lights i+i+i{background:#28c840}.rec-tabs{gap:2px;min-width:0;height:30px;display:flex}.rec-tab{width:150px;min-width:0;font:500 12px/1 var(--sans);color:var(--r-tab);white-space:nowrap;border-radius:9px 9px 0 0;align-items:center;gap:7px;padding:0 12px;display:flex}.rec-tab .provider-mark{width:14px;height:14px;color:var(--r-mark);flex:none}.rec-tab>span{text-overflow:ellipsis;overflow:hidden}.rec-tab[data-tab=claude] .provider-mark{color:#d97757}.rec[data-tab=chatgpt] .rec-tab[data-tab=chatgpt],.rec[data-tab=grok] .rec-tab[data-tab=grok],.rec[data-tab=claude] .rec-tab[data-tab=claude]{background:var(--r-tab-on);color:var(--r-tab-on-fg)}.rec-bar{border-bottom:1px solid var(--r-hair);flex:none;justify-content:center;align-items:center;height:34px;display:flex}.rec-url{background:var(--r-url);width:40%;height:24px;font:500 11.5px/24px var(--sans);color:var(--r-url-fg);text-align:center;border-radius:7px;display:grid}.rec-url span{visibility:hidden;grid-area:1/1}.rec[data-tab=chatgpt] [data-url=chatgpt],.rec[data-tab=grok] [data-url=grok],.rec[data-tab=claude] [data-url=claude]{visibility:visible}.rec-apps{flex:1;min-height:0;display:grid}.rec .app{visibility:hidden;background:var(--r-bg);min-height:0;color:var(--r-fg);-webkit-font-smoothing:antialiased;grid-area:1/1;grid-template-columns:50px minmax(0,1fr);display:grid}.rec[data-tab=chatgpt] .app-chatgpt,.rec[data-tab=grok] .app-grok,.rec[data-tab=claude] .app-claude{visibility:visible}.app-rail{border-right:1px solid var(--r-rail);flex-direction:column;align-items:center;gap:16px;padding-top:14px;display:flex}.app-rail .provider-mark{width:20px;height:20px;color:var(--r-mark)}.rail-ico{width:18px;height:18px;color:var(--r-ico)}.app-main{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;container-type:size}.rec .app-top{z-index:2;align-items:center;gap:10px;height:48px;padding:0 14px 0 18px;display:flex;position:relative}.rec .app-title{white-space:nowrap;align-items:center;gap:4px;min-width:0;margin:0 auto 0 0;font-size:13.5px;font-weight:500;line-height:1.3;transition:opacity .3s;display:flex;overflow:hidden}.chev{width:12px;height:12px;color:var(--r-chev);flex:none;transition:rotate .25s}.app-title .chev{rotate:90deg}.rec .rec-pill{box-sizing:border-box;border:1px solid var(--r-pill-edge);background:var(--r-pill);min-width:44px;min-height:32px;color:var(--r-pill-fg);font:400 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;box-shadow:var(--r-pill-shadow);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 10px;transition:opacity .3s;display:inline-flex;position:relative}.rec-pill>.rec-dray-mark{width:22px;height:10px;color:var(--r-pill-ink)}.rec-dray-mark{color:#cfbf57;flex:none;width:17px;height:8px}.pill-label,.pill-flash,.pill-chev{display:none}.pill-chev{width:9px;height:9px;color:var(--r-pill-ink);flex:none;margin-left:-3px;transition:rotate .2s}.rec .app:is([data-mark=hover],[data-mark=open],[data-mark=flash]) .rec-pill{padding:0 10px 0 12px}.app[data-mark=hover] .pill-label,.app:is([data-mark=hover],[data-mark=open]) .pill-chev,.app[data-mark=flash] .pill-flash{display:block}.rec .app:is([data-mark=hover],[data-mark=open]) .rec-pill{box-shadow:var(--r-pill-shadow),inset 0 0 0 99px var(--r-pill-press)}.app[data-mark=open] .pill-chev{rotate:180deg}.app[data-gen] .rec-pill>.rec-dray-mark{animation:1.6s ease-in-out infinite rec-pulse}.rec-menu{z-index:5;box-sizing:border-box;border:1px solid var(--d-edge);background:var(--d-bg);width:min(284px,100% - 28px);color:var(--d-text);box-shadow:var(--d-shadow);font:500 13px/1.45 var(--sans);text-align:left;opacity:0;visibility:hidden;transform-origin:100% 0;border-radius:12px;padding:6px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:46px;right:14px;transform:translateY(-4px)scale(.98)}.app[data-menu] .rec-menu{opacity:1;visibility:visible;transform:none}.rec .menu-head{color:var(--d-muted);margin:5px 10px 6px;font-size:11px}.rec .menu-row{border-radius:7px;min-height:40px;margin:0;padding:9px 10px}.app[data-hot] .menu-row{background:var(--d-hover);outline:2px solid var(--d-accent);outline-offset:-2px}.menu-label,.menu-sub{display:block}.menu-sub{color:var(--d-muted);margin-top:2px;font-size:12px;font-weight:400}.app:not([data-menu=typing]) .menu-typing,.app[data-menu=typing] .menu-sub:not(.menu-typing){display:none}.rec .send{position:relative}.rec-press{z-index:5;border:1px solid var(--d-tag-edge);background:var(--d-tag);color:var(--d-tag-text);font:600 12px/1.35 var(--sans);white-space:nowrap;text-align:center;box-shadow:var(--d-tag-shadow);opacity:0;visibility:hidden;border-radius:999px;padding:5px 11px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;bottom:calc(100% + 10px);right:-6px;transform:translateY(4px)}.rec-press>span{opacity:.75;font-size:11px;font-weight:500;display:block}.app[data-press] .rec-press{opacity:1;visibility:visible;transform:none}.app[data-press] .send{outline:2px solid rgb(var(--d-glow)/.9);outline-offset:2px;animation:1.9s ease-out infinite rec-glow}.rec-notice{z-index:6;opacity:0;visibility:hidden;justify-content:center;transition:opacity .25s,transform .25s,visibility .25s;display:flex;position:absolute;bottom:20px;left:12px;right:12px;transform:translateY(8px)}.app[data-ready] .rec-notice{opacity:1;visibility:visible;transform:none}.notice-bar{border:1px solid var(--d-edge);background:var(--d-bg);max-width:520px;color:var(--d-text);box-shadow:var(--d-bar-shadow);font:13px/1.45 var(--sans);text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.rec .notice-text{flex:1;min-width:150px;margin:0}.notice-detail{color:var(--d-muted);font-size:12px;display:block}.notice-x{box-sizing:border-box;border:1px solid var(--d-edge);border-radius:7px;flex:none;place-items:center;width:44px;height:44px;font-size:16px;display:grid}.rec .chip{color:var(--r-mention);align-items:center;gap:5px;margin-right:6px;font-weight:500;display:none}.app[data-chip] .input .chip,.rec .user .chip{display:inline-flex}.chip-name{align-self:baseline}.chip-icon{background:#2b0a12;border-radius:3px;place-items:center;width:15px;height:15px;display:grid}.chip-icon .rec-dray-mark{width:11px;height:5px}.rec .gstep{white-space:normal;align-items:flex-start;gap:8px;height:auto;font-size:13px;line-height:18px}.gicon{background:#2b0a12;border-radius:50%;flex:none;place-items:center;width:16px;height:16px;margin-top:1px;display:grid}.gicon .rec-dray-mark{width:11px;height:5px}.rec .app-greet{opacity:0;justify-content:center;align-items:center;gap:12px;margin:0;transition:opacity .3s;display:flex;position:absolute;top:calc(50% - 100px);left:0;right:0}.rec .thread{flex-direction:column;gap:16px;width:min(600px,100% - 48px);margin-inline:auto;padding:14px 0 10px;transition:opacity .3s;display:flex;position:relative;overflow:hidden}.rec .thread>*{flex-shrink:0}.rec .user{background:var(--r-bubble);overflow-wrap:anywhere;align-self:flex-end;max-width:82%;margin:0;padding:9px 15px;font-size:13.5px;line-height:1.45}.rec .ans p{margin:0}.rec .ans p+p{margin-top:9px}.rec .gtool{white-space:nowrap;border-radius:12px;align-self:flex-start;align-items:center;gap:7px;max-width:100%;height:32px;margin:0;padding:0 12px;font-size:12.5px;display:flex;overflow:hidden}.tool-label{color:var(--r-muted)}.tool-query{text-overflow:ellipsis;min-width:0;overflow:hidden}.rec .compose{width:min(640px,100%);margin-inline:auto;padding:0 24px 12px;transition:translate .6s cubic-bezier(.3,.7,.2,1)}.rec .box{background:var(--r-box);position:relative}.rec .input{white-space:nowrap;text-overflow:ellipsis;min-height:21px;margin:0;font-size:13.5px;line-height:21px;overflow:hidden}.typed:empty:before{content:attr(data-placeholder);color:var(--r-ph)}.rec .input{text-align:left;direction:rtl}.rec .input .line{direction:ltr;unicode-bidi:isolate}.rec[data-typing=chatgpt] .app-chatgpt .typed:after,.rec[data-typing=grok] .app-grok .typed:after,.rec[data-typing=claude] .app-claude .typed:after{content:"";vertical-align:-2px;background:currentColor;width:1.5px;height:1.05em;margin-left:1px;animation:1s step-end infinite rec-caret;display:inline-block}.rec .row{align-items:center;gap:10px;margin:10px 0 0;display:flex}.plus{border:1px solid var(--r-plus-ring);width:28px;height:28px;color:var(--r-plus);border-radius:8px;place-items:center;font-size:17px;line-height:1;display:grid}.model{color:var(--r-model);margin-left:auto;font-size:12px}.send{color:#fff;place-items:center;width:30px;height:30px;transition:background .2s;display:grid}.send svg{grid-area:1/1;width:15px;height:15px}.send .wave{display:none}.app-chatgpt .app-greet{font:500 25px/1.2 var(--sans);letter-spacing:-.015em}.app-chatgpt .user{border-radius:18px}.app-chatgpt .ans{font-size:14.5px;line-height:1.6}.app-chatgpt .plan{margin:8px 0 10px;padding-left:20px}.app-chatgpt .plan li+li{margin-top:4px}.app-chatgpt .gtool{height:auto;color:var(--r-note);padding:0}.app-chatgpt .box{box-shadow:var(--r-box-edge);border-radius:26px;align-items:center;gap:10px;padding:7px 7px 7px 10px;display:flex}.app-chatgpt .row{display:contents}.app-chatgpt .plus{border:0;order:-1;font-size:20px}.app-chatgpt .input{flex:1}.app-chatgpt .model{display:none}.app-chatgpt .send{background:var(--r-voice-go);border-radius:50%;width:34px;height:34px}.app-chatgpt .send .arrow{display:none}.app-chatgpt .send .wave{display:block}.rec[data-typing=chatgpt] .app-chatgpt .send{background:var(--r-go);color:var(--r-go-fg)}.rec[data-typing=chatgpt] .app-chatgpt .send .arrow{display:block}.rec[data-typing=chatgpt] .app-chatgpt .send .wave{display:none}.app-grok .app-greet{font:650 26px/1.2 var(--sans);letter-spacing:-.02em}.app-grok .user{border-radius:16px;padding:8px 15px}.app-grok .ans{font-size:14.5px;line-height:1.55}.app-grok .gtool{background:var(--r-chip)}.gtool .rec-dray-mark{color:var(--r-tool-mark,#cfbf57)}.app-grok .box{border:1px solid var(--r-box-line);border-radius:24px;padding:12px 10px 9px 16px}.app-grok .plus{border:0;font-size:20px}.app-grok .send{background:var(--r-voice);color:#1d9bf0;border-radius:50%}.app-grok .send .arrow{display:none}.app-grok .send .wave{display:block}.rec[data-typing=grok] .app-grok .send{background:var(--r-go);color:var(--r-go-fg)}.rec[data-typing=grok] .app-grok .send .arrow{display:block}.rec[data-typing=grok] .app-grok .send .wave{display:none}.app-claude .app-greet{font:400 30px/1.2 var(--serif);letter-spacing:-.02em}.app-claude .app-greet .provider-mark{width:30px;height:30px}.app-claude .provider-mark{color:#d97757}.app-claude .user{border-radius:12px;padding:10px 14px}.app-claude .ans{font:15px/1.6 var(--serif)}.app-claude .ans p:nth-child(2){letter-spacing:-.01em;font-size:1.2em;font-weight:600}.rec .tools-sum{color:var(--r-muted);align-items:center;gap:4px;margin:0 0 7px;font-size:13px;line-height:1.3;display:flex}.tools-sum .chev{rotate:90deg}.tools-box{border:1px solid var(--r-line);border-radius:12px;overflow:hidden}.rec .tool{white-space:nowrap;align-items:center;gap:8px;min-height:36px;margin:0;padding:0 12px;font-size:13px;display:flex;overflow:hidden}.tool+.tool{border-top:1px solid var(--r-line-2)}.app-claude .box{box-shadow:var(--r-box-edge);border-radius:14px;padding:11px 10px 9px 14px}.app-claude .send{background:var(--r-send);border-radius:9px}.rec[data-typing=claude] .app-claude .send{background:#d97757}.rec mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:0 0;border-radius:3px;padding:0 1px;transition:background .5s,box-shadow .5s,color .5s}.rec .ans mark,.rec[data-lit] .plan mark{color:var(--r-lit-ink);background:#ebdf8f;box-shadow:inset 0 -1.5px #b09d35}.rec-cursor{z-index:8;opacity:0;width:22px;height:22px;transform:translate(calc(var(--cx,0px) - 5px),calc(var(--cy,0px) - 3px));filter:drop-shadow(0 2px 3px #0006);pointer-events:none;transition:transform .8s cubic-bezier(.45,0,.2,1),opacity .3s;position:absolute;top:0;left:0}.rec-cursor svg{transform-origin:5px 3px;width:100%;height:100%;transition:transform .12s;display:block}.rec-cursor[data-press] svg{transform:scale(.8)}.rec-cursor:after{content:"";opacity:0;background:#d9775766;border-radius:50%;width:28px;height:28px;position:absolute;top:-10px;left:-9px;scale:.4}.rec-cursor[data-press]:after{animation:.5s ease-out both rec-ripple}.rec:is([data-run=playing],[data-run=paused]) .rec-cursor{opacity:1}.rec .rec-story{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rec .rec-toggle{z-index:4;color:#fff;min-height:36px;font:600 12.5px/1 var(--sans);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#18070c9e;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:0 14px 0 11px;transition:background .15s;display:none;position:absolute;top:12px;right:12px}.rec .rec-toggle:after{content:"";position:absolute;inset:-4px}.rec[data-ready] .rec-toggle{display:inline-flex}.rec .rec-toggle:hover{background:#18070ccc}.rec .rec-toggle:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.rec-toggle svg{width:14px;height:14px;display:none}.rec[data-run=playing] .rec-icon-pause,.rec:is([data-run=paused],[data-run=ready]) .rec-icon-play,.rec[data-run=done] .rec-icon-replay{display:block}.rec[data-chatgpt=new] .app-chatgpt :is(.thread,.app-title),.rec[data-grok=new] .app-grok :is(.thread,.app-title),.rec[data-claude=new] .app-claude :is(.thread,.app-title){opacity:0;visibility:hidden}.rec[data-chatgpt=new] .app-chatgpt .app-greet,.rec[data-grok=new] .app-grok .app-greet,.rec[data-claude=new] .app-claude .app-greet{opacity:1}.rec[data-chatgpt=new] .app-chatgpt .compose,.rec[data-grok=new] .app-grok .compose,.rec[data-claude=new] .app-claude .compose{translate:0 calc(50% - 44cqh)}.rec[data-chatgpt=sent] .app-chatgpt .user,.rec[data-grok=sent] .app-grok .user,.rec[data-claude=sent] .app-claude .user{animation:.4s cubic-bezier(.2,.7,.2,1) both rec-rise}.rec:is([data-chatgpt=new],[data-chatgpt=sent]) .app-chatgpt .ans,.rec:is([data-grok=new],[data-grok=sent]) .app-grok .ans,.rec:is([data-claude=new],[data-claude=sent]) .app-claude .ans{visibility:hidden}.rec[data-chatgpt-tool="0"] .app-chatgpt .gtool,.rec[data-grok-tool="0"] .app-grok .gtool{display:none}.rec[data-chatgpt-tool="1"] .app-chatgpt .gtool,.rec[data-grok-tool="1"] .app-grok .gtool{animation:.35s both rec-rise}.rec[data-claude-tools="0"] .app-claude .tools,.rec[data-claude-tools="1"] .tool[data-row=memory]{display:none}.rec[data-claude-tools="1"] .app-claude .tools{animation:.35s both rec-rise}.rec[data-claude-tools="2"] .tool[data-row=memory]{animation:.3s both rec-rise}.rec[data-chatgpt-tool="1"] .app-chatgpt .gtool>span,.rec[data-grok-tool="1"] .app-grok .gtool>span,.rec[data-claude-tools="1"] .tool[data-row=load]>span,.rec[data-claude-tools="2"] .tool[data-row=memory]>span{background:linear-gradient(90deg,var(--r-muted) 35%,var(--r-shim) 50%,var(--r-muted) 65%) 0 0/250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:1.3s linear infinite rec-shimmer}.rec[data-chatgpt=answer] .app-chatgpt .ans :is(.w,mark),.rec[data-grok=answer] .app-grok .ans :is(.w,mark),.rec[data-claude=answer] .app-claude .ans :is(.w,mark){animation:.3s both rec-word;animation-delay:calc(var(--i)*var(--word))}.rec[data-chatgpt=answer] .app-chatgpt .ans mark,.rec[data-grok=answer] .app-grok .ans mark,.rec[data-claude=answer] .app-claude .ans mark{animation-name:rec-lit}.rec[data-instant],.rec[data-instant] *{transition:none!important}@keyframes rec-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes rec-word{0%{opacity:0}}@keyframes rec-lit{0%{color:inherit;background:0 0;box-shadow:inset 0 -1.5px #0000}}@keyframes rec-shimmer{to{background-position:-150% 0}}@keyframes rec-caret{50%{opacity:0}}@keyframes rec-ripple{0%{opacity:1;scale:.4}to{opacity:0;scale:1.4}}@keyframes rec-pulse{50%{opacity:.4}}@keyframes rec-glow{0%{box-shadow:0 0 0 0 rgb(var(--d-glow)/.65),0 0 10px 2px rgb(var(--d-glow)/.35)}55%{box-shadow:0 0 0 7px rgb(var(--d-glow)/0),0 0 16px 5px rgb(var(--d-glow)/.18)}to{box-shadow:0 0 0 0 rgb(var(--d-glow)/0),0 0 10px 2px rgb(var(--d-glow)/.35)}}.rec-split .rec-window{width:44.5%;inset:5% auto}.rec-split .rec-window-claude{left:4%}.rec-split .rec-window-chatgpt{right:4%}.rec-split .app{visibility:visible;grid-template-columns:minmax(0,1fr)}.rec-split .app-rail{display:none}.rec-split .rec-tab{background:var(--r-tab-on);color:var(--r-tab-on-fg)}.rec-split .rec-url{width:60%}.rec-split .rec-url span{visibility:visible}.rec-split .thread{width:calc(100% - 32px)}.rec-split .compose{padding:0 16px 12px}.rec [data-at]:not([data-on]){display:none}.rec [data-stream] :is(.w,mark){animation:.3s both rec-word;animation-delay:calc(var(--i)*var(--word))}.rec [data-stream] mark{animation-name:rec-lit}.rec :is(.gtool[data-busy],.tool[data-busy])>span:not(.gicon){background:linear-gradient(90deg,var(--r-muted) 35%,var(--r-shim) 50%,var(--r-muted) 65%) 0 0/250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:1.3s linear infinite rec-shimmer}.rec .ans code{background:var(--r-code);font:.84em var(--mono);border-radius:5px;padding:1px 5px}@media (prefers-color-scheme:dark){.rec{--r-win:#2d2d2d;--r-win-ring:#00000073;--r-strip:#1d1d1d;--r-tab:#a7a7a7;--r-tab-on:#2d2d2d;--r-tab-on-fg:#ececec;--r-mark:#ececec;--r-hair:#ffffff0f;--r-url:#1b1b1b;--r-url-fg:#c6c6c6;--r-rail:#ffffff0f;--r-ico:#8d8d8d;--r-chev:#8f8e89;--r-muted:#9b9a94;--r-ph:#8e8e8e;--r-plus-ring:#ffffff24;--r-plus:#bdbcb6;--r-model:#a3a29c;--r-shim:#e2e1dc;--r-lit-ink:#1c1606;--r-code:#ffffff1a;--r-pill:#2b0a12;--r-pill-edge:#67414a;--r-pill-fg:#c9b6b7;--r-pill-ink:#cfbf57;--r-pill-press:#cfbf5724;--r-pill-shadow:0 6px 20px #00000052;--r-mention:#6ea8fe;--d-bg:#2b0a12;--d-hover:#52222e;--d-edge:#6d3341;--d-text:#f6eef0;--d-muted:#bfa9b0;--d-accent:#cfbf57;--d-shadow:0 10px 32px #00000054;--d-bar-shadow:0 8px 30px #00000045;--d-glow:207 191 87;--d-tag:#cfbf57;--d-tag-text:#2b0a12;--d-tag-edge:#cfbf57;--d-tag-shadow:0 4px 14px #00000059}.app-chatgpt{--r-bg:#000;--r-fg:#ededed;--r-bubble:#2a2a2a;--r-box:#1b1b1b;--r-box-edge:inset 0 0 0 1px #ffffff1f;--r-go:#ededed;--r-go-fg:#000;--r-note:#b4b4b4;--r-voice-go:#2c67c5}.app-grok{--r-bg:#131211;--r-fg:#fcfcfc;--r-bubble:#272623;--r-chip:#22211f;--r-box:#201f1d;--r-box-line:#fcfcfc14;--r-voice:#2c2b28;--r-go:#fcfcfc;--r-go-fg:#050505;--r-tool-mark:#cfbf57}.app-claude{--r-bg:#151515;--r-fg:#f0efec;--r-bubble:#ffffff0f;--r-line:#ffffff1f;--r-line-2:#ffffff14;--r-box:#20201f;--r-box-edge:0 0 0 1px #ffffff24,0 4px 20px #0000004d;--r-send:#d9775773}}@media (max-width:980px){.demo-head{grid-template-columns:minmax(0,1fr);margin-bottom:40px}.marketing-page .demo-head>p{max-width:460px;margin:0}.rec-frame{aspect-ratio:4/3.3}}@media (max-width:620px){.marketing-page .demo-head>p{font-size:15px}.demo-foot{padding-top:26px}.demo-action{justify-content:center;width:100%;display:flex}.rec-frame{aspect-ratio:9/15;border-radius:14px;margin-inline:-6px}.rec-window{border-radius:10px;inset:3% 3.5%}.rec-chrome{gap:8px;height:32px;padding:0 8px}.rec-lights{display:none}.rec-tabs{flex:1;height:26px}.rec-tab{flex:0 86px;gap:4px;width:auto;padding:0 6px;font-size:10.5px}.rec-tab .provider-mark{width:12px;height:12px}.rec-bar{display:none}.rec .app{grid-template-columns:minmax(0,1fr)}.app-rail{display:none}.rec .app-top{height:44px;padding:0 8px 0 12px}.rec-menu{top:44px;right:8px}.rec .app-greet{top:calc(50% - 88px)}.app-chatgpt .app-greet,.app-grok .app-greet{font-size:21px}.app-claude .app-greet{font-size:24px}.rec .thread{gap:13px;width:calc(100% - 24px);padding-top:8px}.rec .user{font-size:13px}.app-chatgpt .ans,.app-grok .ans{font-size:13.5px}.app-claude .ans{font-size:14px;line-height:1.55}.rec .compose{padding:0 10px 8px}.rec[data-chatgpt=new] .app-chatgpt .compose,.rec[data-grok=new] .app-grok .compose,.rec[data-claude=new] .app-claude .compose{translate:0 calc(50% - 38cqh)}.rec .rec-toggle{justify-content:center;width:32px;min-height:32px;padding:0;top:8px;right:8px}.rec-toggle:after{inset:-6px}.rec-toggle-text{display:none}.rec-split .rec-window{width:auto;height:45.5%;inset:auto 3.5%}.rec-split .rec-window-claude{top:3%}.rec-split .rec-window-chatgpt{bottom:3%}.rec-split .thread{gap:10px;width:calc(100% - 20px)}.rec-split .compose{padding:0 10px 8px}.rec-split .app-top{height:38px}.rec-split .rec-menu{top:41px}.rec-split .app-greet{top:max(42px,50% - 88px)}.rec-split .rec-notice{bottom:8px;left:8px;right:8px}.rec-split .notice-bar{gap:8px;padding:9px 10px;font-size:12px}.rec-split .notice-text{min-width:0}.rec-split .notice-detail{font-size:11px}.rec-split .notice-x{width:32px;height:32px}.rec-split .app-claude .box{align-items:center;gap:8px;padding:6px 6px 6px 8px;display:flex}.rec-split .app-claude .row{display:contents}.rec-split .app-claude .plus{order:-1}.rec-split .app-claude .input{flex:1;min-width:0}.rec-split .thread{-webkit-mask-image:linear-gradient(#0000,#000 14px);mask-image:linear-gradient(#0000,#000 14px)}}@media (min-height:600px){.demo-section,.linking-section{flex-direction:column;height:100svh;scroll-margin-top:-108px;display:flex}:is(.demo-section,.linking-section)>.wrap{flex-direction:column;flex:1;min-height:0;padding-block:28px 20px;display:flex}.marketing-page :is(.demo-section,.linking-section) .section-meta{margin-bottom:20px;padding-bottom:14px}:is(.demo-section,.linking-section) .demo-head{margin-bottom:20px}.marketing-page :is(.demo-section,.linking-section) .demo-head h2{font-size:clamp(34px,3.7vw,56px)}.rec{flex:1;place-items:center;width:100%;max-width:none;min-height:0;display:grid;container-type:size}.rec-frame{width:min(100cqw,160cqh,1120px)}.marketing-page .demo-note{margin-top:12px}}@media (min-height:600px) and (max-width:980px){.rec-frame{width:min(100cqw,121cqh)}}@media (min-height:600px) and (max-width:620px){.rec-frame{aspect-ratio:auto;width:100cqw;height:100cqh;margin-inline:0}.marketing-page :is(.demo-section,.linking-section) .demo-head>p{display:none}:is(.demo-section,.linking-section) .demo-head{margin-bottom:14px}}@media (min-height:600px) and (max-height:760px) and (max-width:620px){:is(.demo-section,.linking-section)>.wrap{padding-block:20px 16px}.marketing-page :is(.demo-section,.linking-section) .section-meta{margin-bottom:14px;padding-bottom:10px}.marketing-page :is(.demo-section,.linking-section) .demo-head h2{font-size:30px}}@media (prefers-reduced-motion:reduce){.rec *,.rec{transition:none!important;animation:none!important}}