/* agent-features.css */
/* Figma's four paper tones become stack depth, rather than card identity. */
.feature-card{background-position:center;background-size:cover;background-repeat:no-repeat;}
[data-paper-ready] .feature-card{background-image:url("/hp/assets/agent-features-v103/fc436.png");}
.feature-paper,.feature-paper>span{position:absolute;inset:0;pointer-events:none;border-radius:inherit;}
.feature-paper{z-index:-1;}
.feature-paper>span{background-position:center;background-size:cover;background-repeat:no-repeat;}
.feature-paper>span:nth-child(1){opacity:var(--paper-tone-1,0);}
.feature-paper>span:nth-child(2){opacity:var(--paper-tone-2,0);}
.feature-paper>span:nth-child(3){opacity:var(--paper-tone-3,0);}
[data-paper-ready] .feature-paper>span:nth-child(1){background-image:url("/hp/assets/agent-features-v103/7787b.png");}
[data-paper-ready] .feature-paper>span:nth-child(2){background-image:url("/hp/assets/agent-features-v103/e7c53.png");}
[data-paper-ready] .feature-paper>span:nth-child(3){background-image:url("/hp/assets/agent-features-v103/f2ded.png");}
/* The illustration frame owns its one clip and outline. A second rounded
   clipping layer produced a visible seam at the Banner-to-card handoff. */
.feature-visual::after{content:"";position:absolute;inset:0;z-index:10;border-radius:inherit;box-shadow:var(--shadow-homepage-feature-visual-after-box-shadow);pointer-events:none;}
/* Illustration coordinates: 618 × 584. Existing page breakpoints stay intact. */
.agent-demo{--agent-window-background:color-mix(in srgb, white 80%, var(--agent-scene-background));position:absolute;inset:0;overflow:hidden;border:0;border-radius:0;isolation:isolate;pointer-events:none;}
/* SVG loaders must share the demo's visibility clock, including before ready. */
.agent-demo:not([data-demo-motion="running"]) .ai-streaming-bloom *{animation-play-state:paused;}
.agent-demo-generate{border:0;z-index:3;background:transparent;}
.agent-demo-generate{--agent-scene-background:var(--color-homepage-change-world-background-background);}.agent-demo-refine{--agent-scene-background:var(--color-homepage-agent-demo-refine-background);background:var(--agent-scene-background);}.agent-demo-action{--agent-scene-background:var(--color-homepage-agent-demo-action-background);background:var(--agent-scene-background);}.agent-demo-present{--agent-scene-background:var(--color-homepage-agent-demo-present-background);background:var(--agent-scene-background);}
.agent-demo-plane{position:absolute;left:50%;top:50%;width:618px;height:584px;transform:translate(-50%,-50%) scale(var(--agent-demo-scale,1));transform-origin:center;font:400 13px/1.7 "Xmind Chat UI",NeverMindUI,Arial,sans-serif;color:var(--color-homepage-agent-demo-plane-text);background:inherit;}
.agent-demo-plane *{box-sizing:border-box;}.agent-demo-plane img{display:block;max-width:none;}.agent-demo-plane p{margin:0;font:inherit;color:inherit;}
.agent-object{position:absolute;object-fit:contain;mix-blend-mode:overlay;z-index:-1;pointer-events:none;}
.agent-demo-refine .agent-object{width:463.409px;height:463.409px;left:-189.25px;top:-24.95px;transform:rotate(171.08deg);}
.agent-demo-action .agent-object{width:573px;height:573px;left:-255.53px;top:-2.53px;transform:rotate(26.38deg);}
.agent-demo-present .agent-object{width:727.827px;height:727.827px;left:342.74px;top:-157.26px;transform:rotate(-134.82deg) scaleY(-1);}
.agent-decor{position:absolute;z-index:0;pointer-events:none;}.agent-dot{position:absolute;width:9.5px;height:9.5px;left:-4.75px;top:-4.75px;}.agent-line{position:absolute;left:0;top:-2.5px;width:560px;height:5px;}.agent-curve{width:317px;height:318px;}.agent-curve>img:first-child{width:100%;height:100%;}.agent-curve .agent-curve-dot{position:absolute;left:-4.75px;bottom:-4.75px;width:9.5px;height:9.5px;}
.agent-demo-refine .agent-line-horizontal{left:295px;top:40px;}.agent-demo-refine .agent-line-vertical{left:38px;top:355px;transform:rotate(90deg);}.agent-demo-refine .agent-curve{left:457px;top:418px;}
.agent-demo-action .agent-line-horizontal{left:242px;top:75.75px;}.agent-demo-action .agent-line-vertical{left:444px;top:446px;transform:rotate(90deg);}.agent-demo-action .agent-curve{left:377px;top:-181px;}
.agent-demo-present .agent-line-horizontal{left:198px;top:514px;}.agent-demo-present .agent-line-vertical{left:38px;top:211px;transform:rotate(90deg);}.agent-demo-present .agent-curve{left:1px;top:-233px;transform:rotate(-90deg);}
.agent-surface{position:absolute;left:50%;top:50%;width:var(--surface-width);height:var(--surface-height);transform:translate(-50%,-50%);overflow:hidden;background:var(--agent-window-background, var(--color-homepage-agent-surface-background));border:.94px solid var(--color-homepage-agent-surface-border);border-radius:var(--surface-radius);box-shadow:var(--shadow-homepage-agent-surface-box-shadow);transform-origin:center;}
.agent-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;border:.94px solid transparent;transform-origin:center;}
.agent-surface{z-index:2;}
.agent-gantt-pan{position:absolute;left:.23px;top:27.9px;width:530px;height:287px;overflow:hidden;background:var(--color-homepage-agent-gantt-pan-background);}
.agent-gantt-pan>video{display:block;width:100%;height:100%;object-fit:cover;max-width:none;}
.agent-demo-refine .agent-surface{box-shadow:var(--shadow-homepage-agent-demo-refine-agent-surface-box-shadow);}
.agent-demo-action .agent-surface{box-shadow:var(--shadow-homepage-agent-demo-action-agent-surface-box-shadow);}
.agent-demo-present .agent-surface{box-shadow:var(--shadow-homepage-agent-demo-present-agent-surface-box-shadow);}
.agent-icon{width:16px;height:16px;object-fit:contain;flex:none;}
/* Xmind resource card: preserve the icon, ellipsis, close affordance and spacing. */
.agent-files{display:flex;gap:8.118px;flex:none;}
.agent-file{display:flex;align-items:flex-start;gap:10.148px;padding:7.103px;width:213.104px;height:64.946px;background:var(--color-homepage-agent-file-background);border:1.015px solid var(--color-homepage-agent-surface-border);border-radius:12.177px;flex:none;}
.agent-file-icon{display:grid;place-items:center;width:48.71px;height:48.71px;border:1.015px solid var(--color-homepage-agent-surface-border);background:var(--color-homepage-agent-file-icon-background);border-radius:6.089px;flex:none;}
.agent-file-icon>span{position:relative;width:32.473px;height:32.473px;}.agent-file-icon img{position:absolute;}
.agent-file-icon img:first-child{left:7.62%;top:1.31%;width:84.76%;height:99.05%;}.agent-file-icon img:last-child{left:26.69%;top:41.95%;width:46.76%;height:30.49%;}
.agent-file-name{align-self:center;display:flex;flex-direction:column;gap:2.03px;width:109.597px;font-size:13.19px;line-height:17.251px;letter-spacing:.5276px;white-space:nowrap;}
.agent-file-name>span{overflow:hidden;text-overflow:ellipsis;}.agent-file-name small{font-size:11.16px;line-height:15.222px;letter-spacing:.4464px;color:var(--color-homepage-agent-file-name-text);}
.agent-file-close{padding:2.03px;background:var(--color-homepage-agent-file-close-background);border-radius:99px;display:block;flex:none;box-shadow:var(--shadow-homepage-agent-file-close-box-shadow);}.agent-file-close img{width:14.207px;height:14.207px;}
.agent-image-file{position:relative;width:64.946px;height:64.946px;border:1.015px solid var(--color-homepage-agent-surface-border);border-radius:12.177px;background:var(--color-background-inverse);overflow:hidden;flex:none;}.agent-image-file>img{position:absolute;left:-10.71%;top:3.64%;width:257.51%;height:109.375%;}.agent-image-file .agent-file-close{position:absolute;right:7.1px;top:7.1px;}
.agent-generate-input{width:458px;height:240px;padding:15.039px;display:flex;flex-direction:column;gap:7.52px;}
.agent-demo-plane .agent-generate-prompt{font-size:16px;line-height:22.857px;letter-spacing:.64px;padding:3.76px;flex:1;}
.agent-input-toolbar{display:flex;align-items:center;gap:7.52px;flex:none;height:30.079px;}
.agent-add,.agent-send,.agent-more{display:grid;place-items:center;width:30.079px;height:30.079px;border-radius:7.52px;flex:none;}.agent-add{border:.94px solid var(--color-homepage-agent-surface-border);}.agent-more{margin-left:auto;}.agent-send{background:var(--color-homepage-agent-send-background);box-shadow:var(--shadow-homepage-agent-send-box-shadow);}
.agent-input-toolbar .agent-icon{width:15.039px;height:15.039px;}.agent-mode{display:flex;align-items:center;background:var(--color-homepage-agent-mode-background);border-radius:7.52px;padding:3.76px;}.agent-mode>span,.agent-mode>b{display:grid;place-items:center;padding:3.76px 7.52px;border-radius:4px;}.agent-mode>b{background:var(--color-homepage-agent-file-icon-background);box-shadow:var(--shadow-homepage-agent-mode-box-shadow);}
.agent-chat{width:450px;height:240px;padding:24px;border:0;}.agent-user-message{display:flex;flex-direction:column;align-items:flex-end;gap:8px;}.agent-attachment{position:relative;height:57.252px;width:57.252px;border:1px solid var(--color-homepage-agent-surface-border);border-radius:8px;overflow:hidden;}.agent-attachment img{position:absolute;width:118.19%;height:99.87%;left:-14.56%;top:.08%;}.agent-selected{display:flex;align-items:center;gap:7.111px;padding:1.778px 9.16px;border:1px solid var(--color-homepage-agent-surface-border);border-radius:21.374px;background:var(--color-background-default);font-size:13.33px;line-height:1.7;letter-spacing:.5332px;color:var(--color-homepage-agent-file-name-text);}.agent-selected .agent-icon{width:14px;height:14px;}
.agent-message{width:343px;padding:10.667px 14.222px;border-radius:14.222px 14.222px 7.111px 14.222px;background:var(--color-homepage-agent-file-background);font-size:11.85px;line-height:1.7;letter-spacing:.474px;}
.agent-status-list{display:flex;flex-direction:column;gap:14px;margin-top:28px;}.agent-status{position:relative;display:flex;align-items:center;gap:8px;font-size:13px;line-height:22px;color:var(--color-homepage-agent-file-name-text);}.agent-status:not(:last-child):after{content:"";position:absolute;left:7px;top:26px;width:1px;height:10px;background:var(--color-homepage-agent-status-after-background);}
.agent-task-input{width:480px;height:207.185px;padding:16.237px;border-radius:22.349px;display:flex;flex-direction:column;gap:12.177px;}
.agent-demo-plane .agent-task-prompt{font-size:13.037px;line-height:18.624px;letter-spacing:.5215px;padding:4.059px;flex:1;}
.agent-task-input .agent-input-toolbar{height:32.473px;gap:8.118px;}.agent-task-input .agent-add,.agent-task-input .agent-more,.agent-task-input .agent-send{width:32.473px;height:32.473px;border-radius:8.118px;}.agent-task-input .agent-icon{width:16.237px;height:16.237px;}.agent-task-input .agent-mode{padding:4.059px;border-radius:8.118px;}.agent-task-input .agent-mode>span,.agent-task-input .agent-mode>b{padding:4.059px 8.118px;}
.agent-work-breakdown{display:flex;align-items:center;gap:4.059px;height:32.473px;padding:0 12.177px 0 8.118px;background:var(--color-homepage-agent-work-breakdown-background);color:var(--color-homepage-agent-work-breakdown-text);border-radius:8.118px;font-size:14.21px;line-height:18.266px;letter-spacing:.5684px;white-space:nowrap;}
/* Static design exports, positioned using the authored result-frame geometry. */
.agent-generate-result,.agent-memory-result{width:546px;height:430px;background:var(--color-background-default);}
.agent-library-map{position:absolute;left:27px;top:-13px;width:519px;height:429px;container-type:inline-size;}
.agent-library-map>img{width:100%;height:100%;object-fit:cover;}.map-wording-layer{position:absolute;inset:0;}
.map-wording{position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1;font-family:NeverMind,Arial,sans-serif;font-weight:400;}
.library-essays{left:77.65%;top:10.35%;width:11.9%;height:3.1%;background:var(--color-homepage-library-essays-background);color:var(--color-homepage-library-essays-text);font-size:1.19cqw;}
.library-club{left:59.5%;top:53.7%;width:15.8%;height:2.9%;background:var(--color-homepage-library-club-background);color:var(--color-homepage-library-essays-text);font-size:1.16cqw;}
.library-write{left:78.25%;top:63.55%;width:8.3%;height:2.8%;background:var(--color-homepage-library-essays-background);color:var(--color-homepage-library-essays-text);font-size:1.03cqw;}
.agent-memory-map{position:absolute;left:34px;top:-4px;width:479px;height:438px;container-type:inline-size;}.agent-memory-map>img{width:100%;height:100%;object-fit:cover;}
.memory-connect{left:52.6%;top:44.95%;width:16.8%;height:3.1%;background:var(--color-homepage-memory-connect-background);color:var(--color-homepage-memory-connect-text);font-size:1.65cqw;font-weight:600;}
.agent-task-map{width:546px;height:370px;background:var(--color-homepage-agent-task-map-background);}.agent-task-map-art{position:absolute;left:6px;top:6.6px;width:534.02px;height:348.35px;object-fit:fill;}
.agent-gantt{width:546px;height:370px;border-radius:18.64px;background:var(--color-homepage-agent-gantt-background);}.agent-gantt-toolbar{height:47px;display:flex;align-items:center;justify-content:space-between;padding:4.269px 4.269px 0 21.344px;font-size:13.87px;letter-spacing:.2775px;}.agent-gantt-toolbar strong{font-weight:600;}.agent-gantt-tools{display:flex;align-items:center;gap:10.962px;}.agent-gantt-tools .agent-icon{width:21.923px;height:21.923px;}.agent-gantt-tools>span{display:flex;align-items:center;gap:3.654px;height:34.615px;padding:3.654px 8.221px;border:1px solid var(--color-homepage-agent-gantt-tools-border);border-radius:999px;background:var(--color-background-mute);}.agent-gantt-tools>span:first-child{opacity:.5;}.agent-gantt-tools i{width:91.346px;height:4px;border-radius:99px;background:var(--gradient-homepage-agent-gantt-tools-background);position:relative;}.agent-gantt-tools i:after{content:"";position:absolute;left:48px;top:-4px;width:13px;height:13px;background:var(--color-background-default);border:1px solid var(--color-homepage-agent-gantt-tools-border);border-radius:50%;box-shadow:var(--shadow-homepage-agent-gantt-tools-after-box-shadow);}
.agent-gantt-canvas{position:absolute;inset:47px 7.7px 7.7px;background:var(--color-background-default);border-radius:9.4px;overflow:hidden;}.agent-gantt-canvas strong{display:block;text-align:center;font-size:12.8px;font-weight:600;line-height:16px;padding-top:7.51px;}.agent-gantt-video{position:absolute;left:.23px;top:27.9px;width:530px;height:287px;object-fit:fill;background:var(--color-homepage-agent-gantt-pan-background);}.agent-gantt-art{position:absolute;left:-149.77px;top:32.24px;width:810.87px;height:289.72px;}.agent-avatar{position:absolute;width:17.1px;height:17.1px;border-radius:50%;object-fit:cover;}.agent-avatar-one{left:56.75px;top:224.44px;}.agent-avatar-two{left:125.89px;top:295.14px;}.agent-avatar-three{left:125.89px;top:260.18px;background:var(--color-homepage-agent-avatar-three-background);color:var(--color-text-on-color);font:12px/17.1px Arial;text-align:center;}
.agent-pitch-settings{width:412px;border:0;border-radius:12px;background:var(--agent-window-background, var(--color-homepage-agent-surface-background));}.agent-settings-main{display:flex;flex-direction:column;gap:24px;padding:24px;}.agent-pitch-title{font-size:21px;line-height:28px;font-weight:700;letter-spacing:.21px;display:block;}
.agent-theme-list{position:relative;width:364px;height:72px;overflow:hidden;mask-image:var(--gradient-homepage-agent-theme-list-mask-image);}.agent-theme-track{display:flex;gap:12px;width:max-content;}.agent-theme{position:relative;width:118px;height:72px;flex:none;border-radius:9.6px;overflow:hidden;border:.8px solid var(--color-homepage-agent-theme-border);display:grid;place-items:center;background:var(--color-homepage-agent-theme-background);}.agent-theme-image{position:relative;width:120.8px;height:71.585px;overflow:hidden;flex:none;}.agent-theme-crop{position:absolute;inset:3.13% 0 4.69%;overflow:hidden;}.agent-theme img{position:absolute;left:0;top:-11.62%;width:100%;height:118.89%;object-fit:fill;}.agent-theme:nth-child(1) img{top:-11.38%;}.agent-theme:nth-child(4) .agent-theme-crop,.agent-theme:nth-child(7) .agent-theme-crop{inset:4.69% 0 3.13%;}.agent-theme:nth-child(4) img,.agent-theme:nth-child(7) img{top:-11.86%;}.agent-theme:nth-child(6) .agent-theme-crop{inset:3.13% 0;}.agent-theme:nth-child(6) img{height:116.9%;top:-10%;}.agent-theme-next{position:absolute;right:0;top:26px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--color-background-default);box-shadow:var(--shadow-homepage-agent-theme-next-box-shadow);z-index:2;}.agent-theme-next .agent-icon{width:16px;height:16px;}
.agent-setting-list{display:flex;flex-direction:column;gap:12px;}.agent-setting{display:flex;align-items:center;gap:8px;font-size:13px;line-height:17px;}.agent-setting>span:first-child{width:108px;flex:none;}.agent-setting>span:last-child{display:flex;align-items:center;justify-content:space-between;flex:1;height:24px;border:1px solid var(--color-homepage-agent-setting-border);border-radius:4px;padding:0 4px 0 8px;background:var(--color-background-default);}.agent-setting .agent-icon{width:12px;height:12px;}
.agent-settings-footer{display:flex;align-items:center;justify-content:flex-end;height:64px;padding:0 24px;border-top:1px solid var(--color-homepage-agent-settings-footer-border);gap:8px;font-size:13px;line-height:20px;}.agent-settings-footer>span{height:28px;padding:4px 12px;border-radius:4px;}.agent-settings-footer>span:first-child{background:var(--color-background-default);box-shadow:var(--shadow-homepage-agent-settings-footer-box-shadow);}.agent-continue{background:var(--color-homepage-agent-continue-background);color:var(--color-text-on-color);}
/* Use the supplied film's full 16:9 frame: no letterboxing or cropped text. */
.agent-pitch-player{width:560px;height:332.5px;border:0;border-radius:12px;padding:20px;background:var(--agent-window-background, var(--color-homepage-agent-surface-background));pointer-events:auto;}
.agent-pitch-video{display:block;width:520px;height:292.5px;object-fit:contain;border-radius:8.767px;border:.731px solid var(--color-homepage-agent-pitch-video-border);background:var(--color-homepage-agent-pitch-video-background);}
.agent-playback{position:absolute;inset:20px;border:0;border-radius:8.767px;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--color-text-on-color);appearance:none;}
.agent-playback:focus-visible{outline:3px solid var(--color-homepage-agent-playback-focus-visible-focus);outline-offset:4px;}.agent-playback:before{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;width:56px;height:56px;background:var(--color-homepage-agent-playback-before-background);border:1px solid var(--color-homepage-agent-playback-before-border);border-radius:50%;backdrop-filter:blur(12px);transition:opacity .25s;}
.agent-play-symbol{position:relative;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid var(--color-homepage-agent-play-symbol-border);margin-left:4px;transition:opacity .25s;}
.agent-pause-symbol{display:none;position:relative;width:17px;height:20px;border-inline:6px solid var(--color-homepage-agent-play-symbol-border);}
[data-video-playing="true"] .agent-play-symbol{display:none;}[data-video-playing="true"] .agent-pause-symbol{display:block;}
[data-video-playing="true"] .agent-playback:not(:hover):not(:focus-visible):before,[data-video-playing="true"] .agent-playback:not(:hover):not(:focus-visible) .agent-pause-symbol{opacity:0;}
.agent-demo:not(.agent-demo-ready) [data-demo-initial],.agent-demo:not(.agent-demo-ready) [data-demo-intermediate]{visibility:hidden;}
.agent-demo:not(.agent-demo-ready) [data-demo-result]{visibility:hidden!important;}
.banner-change-world .change-map-result>div{inset:0;width:100%;height:100%;transform:none;}.banner-change-world .change-map-result .agent-library-map{left:4.95%;top:-3.02%;width:95.05%;height:99.77%;}.banner-change-world .change-map-result .agent-library-map>img{left:0;top:0;width:100%;height:100%;}
/* Content views have no independent background/edge/shadow. The window stays
   visible during Send, result changes and replay; its one clip follows its size. */
.agent-surface>.agent-panel{background:transparent;border-color:transparent;border-radius:0;box-shadow:none;}
@media(prefers-reduced-motion:reduce){.agent-demo [data-demo-initial],.agent-demo [data-demo-intermediate]{visibility:hidden!important;}.agent-demo [data-demo-result]{opacity:1!important;visibility:visible!important;}.agent-playback:before,.agent-play-symbol{transition:none;}}

/* The gathering form is also the first card's input. No duplicate UI layer. */
.agent-demo-generate{overflow:visible;}
.journey-composer{font:400 13px/1.7 NeverMindUI,Arial,sans-serif;color:var(--color-homepage-agent-demo-plane-text);}
.journey-composer *{box-sizing:border-box;}
.journey-composer img{display:block;max-width:none;}
.journey-composer{width:458px;height:240px;}
.journey-composer .agent-surface{width:100%;height:100%;}
.journey-composer .agent-generate-input{width:100%;height:100%;gap:7.52px;}
.journey-composer .agent-generate-prompt{margin:0;font:400 16px/22.857px NeverMindUI,Arial,sans-serif;letter-spacing:.64px;padding:3.76px;flex:1;}
.journey-composer .agent-files{overflow:visible;}

/* Figma 1082:59536: preserve the app's compact toolbar above the native crop. */
.agent-gantt-toolbar{height:46.227px;font:700 13.874px/18.143px NeverMindUI,sans-serif;letter-spacing:.2775px;}
.agent-gantt-toolbar strong{font-weight:700;}
.agent-gantt-tools>span{height:31.23px;padding:3.654px 4.567px;background:var(--color-background-mute);border:.73px solid var(--color-homepage-agent-gantt-tools-border-2);box-shadow:var(--shadow-homepage-agent-gantt-tools-box-shadow);}
.agent-gantt-tools>span:first-child{padding:6.57px 7.30px;height:35.07px;}
.agent-gantt-tools i{height:3.654px;}
.agent-gantt-canvas{top:47.1px;}
.agent-gantt-canvas>strong{font:700 12.807px/16.008px NeverMindUI,sans-serif;}
/* NeverMindUI only registers Regular and the page disables synthetic bold.
   Reuse the product UI family that includes the actual Bold font file. */
.agent-gantt-toolbar strong,.agent-gantt-canvas>strong{font-family:"Xmind Chat UI",NeverMindUI,sans-serif;font-weight:700;}

/* Storyboard v126: complete windows move up and fade, at fixed dimensions. */
.agent-demo .agent-surface{overflow:visible;background:transparent!important;border:0;border-radius:0;box-shadow:none!important;}
.agent-demo .agent-surface>.agent-panel{border:.94px solid var(--color-homepage-agent-surface-border);border-radius:16px;background:var(--agent-window-background, var(--color-homepage-agent-surface-background));box-shadow:var(--shadow-homepage-agent-surface-box-shadow);}
/* The visible window owns the shadow. Keep the Banner's neutral-to-purple
   docking color on this panel when Send/result screens move inside it. */
.agent-demo-generate .agent-surface>.agent-panel{box-shadow:0 11px 24px rgb(var(--composer-shadow-rgb,6 0 97)/.102),0 43px 43px rgb(var(--composer-shadow-rgb,6 0 97)/.09),0 97px 58px rgb(var(--composer-shadow-rgb,6 0 97)/.051);}
.agent-demo-refine .agent-panel{box-shadow:var(--shadow-homepage-agent-demo-refine-agent-surface-box-shadow)!important;}
.agent-demo-action .agent-panel{box-shadow:var(--shadow-homepage-agent-demo-action-agent-surface-box-shadow)!important;}
.agent-demo-present .agent-panel{box-shadow:var(--shadow-homepage-agent-demo-present-agent-surface-box-shadow)!important;}
.agent-demo .agent-generate-result,.agent-demo .agent-memory-result{background:var(--agent-window-background, var(--color-homepage-agent-surface-background))!important;}
.agent-story-map{position:absolute;}
.agent-library-story{width:519px;height:429px;left:27px;top:0;}
.agent-memory-story{width:479px;height:438px;left:34px;top:-4px;}
.agent-story-map>img,.agent-story-map>svg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;}
.agent-refine-input{width:458px;height:239px;padding:15.039px;display:flex;flex-direction:column;gap:22px;}
.agent-typing-viewport{flex:1;min-height:0;overflow:hidden;padding:0 3.76px;}
.agent-typing-viewport[data-overflow="true"]{mask-image:url("/hp/assets/agent-story-v126/af838.svg");mask-size:100% 100%;mask-repeat:no-repeat;}
.agent-demo-plane .agent-typing-text{font:400 16px/22.857px NeverMindUI,sans-serif;letter-spacing:.64px;white-space:pre-wrap;}
.agent-chat{width:450px;height:414px;padding:24px 24px 0;}
.agent-chat-scroll{height:100%;overflow:hidden;overflow-anchor:none;scrollbar-width:none;padding:0 0 12px;-webkit-mask-image:linear-gradient(to bottom,transparent,var(--color-homepage-mask-opaque) var(--chat-fade,0px));mask-image:linear-gradient(to bottom,transparent,var(--color-homepage-mask-opaque) var(--chat-fade,0px));}
.agent-chat .agent-message{width:386px;padding:12px 16px;border-radius:16px 16px 8px 16px;font:400 15px/1.7 NeverMindUI,sans-serif;letter-spacing:.6px;}
.agent-chat .agent-status-list{position:relative;overflow:hidden;gap:14px;margin-top:32px;}
.agent-demo-plane .agent-thought,.agent-demo-plane .agent-thinking{display:flex;align-items:center;gap:6px;font-size:15px;line-height:1.7;letter-spacing:.6px;color:var(--color-homepage-agent-file-name-text);}
.agent-demo-plane .agent-reply-intro,.agent-chat .agent-status{font-size:15px;line-height:1.7;letter-spacing:.6px;}
.agent-status-list>p,.agent-status-list>.agent-status,.agent-status-list>.agent-processing{flex-shrink:0;}
.agent-product-icon{display:inline-block;width:16px;height:16px;flex:none;background:currentColor;mask:var(--agent-icon) center/contain no-repeat;}
.agent-thought .agent-product-icon,.agent-thinking .agent-product-icon{width:12px;height:12px;}
.agent-processing{width:35.46px;height:35.46px;color:var(--color-homepage-agent-work-breakdown-text);}
.agent-chat .agent-processing{position:absolute;left:0;top:0;}
.agent-gantt-list{position:absolute;left:2.97px;top:47px;width:219px;height:315px;overflow:hidden;border-radius:9.4px;}
.agent-gantt-list>img{position:absolute;width:103.47%;height:104.64%;left:-1.49%;top:-3.69%;}
.agent-demo .agent-gantt{background:var(--color-homepage-agent-gantt-background)!important;border-radius:18.64px!important;}
.agent-gantt-canvas{left:225.27px;right:7.7px;}
.agent-gantt-pan{left:50%;transform:translateX(-50%);}
.agent-demo .agent-pitch-settings,.agent-demo .agent-pitch-player{border-radius:12px!important;background:var(--agent-window-background, var(--color-homepage-agent-surface-background))!important;}
@media(prefers-reduced-motion:reduce){.agent-map-before{visibility:hidden;}.agent-map-updated{opacity:1!important;visibility:visible!important;}[data-map-hide]{opacity:0!important;}}

/* Product windows use the same white/scene mixture as the design, resolved
   before compositing so decorative lines never show through the UI. */
.agent-surface{isolation:isolate;}
.agent-demo .agent-task-map{background:var(--color-homepage-agent-task-map-background)!important;}
.agent-file{padding:8.118px;width:auto;height:64.946px;}
.agent-pitch-title{font-family:"Xmind Chat UI",sans-serif;line-height:27px;}
.agent-setting{letter-spacing:.52px;}
.agent-settings-footer{font-family:"Xmind Chat UI",sans-serif;}
.agent-gantt-tools>span{border:0;box-shadow:var(--shadow-homepage-agent-gantt-toolbar);}
/* workflow-agent-v94.css */
/* Figma 1043:58238–58241: centered double-frame View more button. */
.workflow-more-chevron{display:inline-block;margin-left:10px;font-size:34px;line-height:1;font-weight:400;}
.workflow-agent{position:relative;display:block;width:100%;height:100%;color:var(--color-text-strong);text-decoration:none;outline-offset:8px;border-radius:28px;-webkit-tap-highlight-color:transparent;}
.wf-agent-shadow{position:absolute;left:9%;right:5%;bottom:4%;height:5%;border-radius:50%;background:var(--color-homepage-wf-agent-shadow-background);filter:blur(12px);opacity:.45;transform:scaleX(.94);}
.wf-agent-body{position:absolute;inset:0;display:block;}
.wf-agent-computer{display:block;width:100%;height:auto;max-width:none;pointer-events:none;}
.workflow-agent[data-glitch="active"] .wf-agent-computer,.workflow-agent[data-glitch="active"] .wf-agent-emblem{visibility:hidden;}
.wf-agent-glitch{position:absolute;left:-80%;top:0;display:block;width:250%;height:100%;pointer-events:none;}
.wf-agent-screen{position:absolute;left:24.7%;top:16.3%;width:53.8%;height:44.9%;display:block;overflow:hidden;border-radius:12%;transform:skewY(1.6deg);pointer-events:none;}
.wf-agent-emblem{position:absolute;left:50%;top:49%;width:82%;aspect-ratio:1;display:block;transform:translate(-50%,-50%);filter:drop-shadow(0 0 1px var(--color-homepage-wf-agent-emblem-filter));}
.wf-agent-emblem canvas{display:block;width:100%;height:100%;}
.wf-agent-cta{position:absolute;z-index:2;left:50%;top:50%;display:flex;flex-direction:column;align-items:flex-start;padding:1px;border:1px solid var(--color-homepage-wf-agent-cta-border);border-radius:16px;background:var(--color-homepage-wf-agent-cta-background);overflow:clip;opacity:0;transform:translate(-50%,-50%) skewY(-1.6deg) scale(.97);transition:opacity .35s var(--motion-ease),transform .45s var(--motion-ease);}
.wf-agent-cta-label{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:8px 16px;border:1px solid var(--color-border-subtle);border-radius:12px;background:var(--color-background-default);color:var(--color-text-strong);font:600 20px/30px NeverMind,Arial,sans-serif;letter-spacing:0;}
.workflow-agent:hover .wf-agent-cta,.workflow-agent:focus-visible .wf-agent-cta{opacity:1;transform:translate(-50%,-50%) skewY(-1.6deg) scale(1);}
.workflow-agent:focus-visible{outline:3px solid var(--color-homepage-workflow-agent-focus-visible-focus);}
@media(max-width:699px){
 .workflow-options>button[data-workflow="5"]{display:block;}
 .workflow-more-chevron{font-size:23px;margin-left:7px;}
 .wf-agent-cta{opacity:1;transform:translate(-50%,-50%) skewY(-1.6deg) scale(1);}
}
@media(hover:none),(pointer:coarse){
 .wf-agent-cta{opacity:1;transform:translate(-50%,-50%) skewY(-1.6deg) scale(1);}
}
@media(prefers-reduced-motion:reduce){
 .wf-agent-cta{transition:none;}
}
.workflow-panel[data-workflow="5"] .workflow-agent{width:490px;height:490px;}

/* Single, continuous connectors and the exact Figma chevron. */
.connection-art [data-connection="observation"],.connection-art [data-connection="ideas"],.connection-art .line-dot[data-index="4"]{display:none;}
/* The 27px icon sits 12px from the top of a 44px line in the design.
   Preserve that optical alignment when the label changes to "View more". */
.workflow-options .workflow-more-link{text-decoration:none!important;display:flex;align-items:center;gap:.083333em;}
.workflow-options .workflow-more-link .workflow-design-chevron{position:relative;display:inline-block;width:.75em;height:.75em;margin:0;font-size:inherit;flex:none;translate:0 .097222em;}
.workflow-design-chevron img{display:block;width:100%;height:100%;}

.workflow-options .workflow-more-link .workflow-design-chevron{background:var(--color-background-default);mask:url("/hp/assets/workflow-chevron.svg") center/contain no-repeat;}
.workflow-design-chevron img{visibility:hidden;}
/* workflow-scroll.css */
/* The section edges reveal and cover the landscape. Text and UI have their
   own shorter appearance interval, with no resizing of the authored scene. */
.hp-preview .workflow-scroll{display:block;height:calc(100svh + var(--workflow-travel,0px));min-height:0;overflow:visible;}
.hp-preview .workflow-scroll:not(.workflow-static){margin-bottom:0;}
.hp-preview .workflow-scroll .workflow-sticky{position:sticky;top:0;width:100%;height:100svh;min-height:0;max-height:none;overflow:clip;background:transparent;}
.workflow-scroll .workflow-surface{position:relative;width:100%;height:100svh;overflow:clip;background:var(--color-homepage-workflow-scroll-workflow-surface-background);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.65fr);grid-template-rows:1fr;column-gap:clamp(24px,3vw,64px);align-items:center;padding:112px clamp(24px,4vw,96px) 64px;box-sizing:border-box;}
.workflow-scroll .workflow-backdrop{position:absolute;inset:0;z-index:0;}
.workflow-scroll .workflow-backdrop .workflow-sky,.workflow-scroll .workflow-backdrop .workflow-mobile-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.workflow-scroll .workflow-backdrop .workflow-landscape{left:50%;top:0;min-height:100%;width:max(100%,1640px);height:100%;object-fit:cover;transform:translateX(-50%);}
.workflow-scroll .workflow-copy{display:contents;}
.workflow-scroll .workflow-copy h2,.workflow-scroll .workflow-options{opacity:var(--workflow-copy-opacity,1);translate:0 var(--workflow-copy-y,0px);}
/* The live glass must retain an opaque ancestor while entering or scrolling. */
.workflow-scroll .workflow-panel{opacity:1;translate:0 var(--workflow-panel-y,0px);}
.workflow-scroll .workflow-scene{animation:none;}
.workflow-scroll .workflow-copy h2{grid-column:1;grid-row:1;align-self:start;position:relative;left:auto;top:auto;width:auto;margin:0;padding:0;font-size:clamp(28px,2.22vw,40px);line-height:1.25;text-align:left;z-index:1;}
.workflow-scroll .workflow-copy .workflow-options{grid-column:2;grid-row:1;align-self:start;position:relative;left:auto;top:auto;display:flex;flex-direction:column;gap:clamp(12px,2.2vh,24px);width:auto;height:auto;margin:0;padding:0;overflow:visible;mask:none;z-index:1;}
.workflow-scroll .workflow-copy .workflow-options>button{position:relative;left:auto;top:auto;margin:0;padding:0;display:block;min-height:0;transform:none;animation:none;font:700 clamp(26px,2.5vw,44px)/1.25 var(--xm-font-sans);text-align:left;white-space:nowrap;transition:color .3s ease;color:var(--color-homepage-workflow-scroll-workflow-copy-workflow-options-text);}
.workflow-scroll .workflow-copy .workflow-options>button[aria-selected=true]{color:var(--color-text-on-color);}
.workflow-scroll .workflow-copy .workflow-options>button:focus-visible{outline:2px solid var(--color-homepage-workflow-scroll-workflow-copy-workflow-options-focus-visible-focus);outline-offset:6px;border-radius:4px;}
.workflow-scroll .workflow-artboard{grid-column:3;grid-row:1;align-self:stretch;position:relative;left:auto;top:auto;width:100%;height:100%;min-height:0;margin:0;transform:none!important;z-index:1;}
.workflow-scroll .workflow-panel,.workflow-scroll .workflow-panel[data-workflow="2"]{position:absolute;left:calc(50% - var(--workflow-ui-offset,0px));top:calc(50% - 241px * var(--workflow-ui-scale,1));width:514px;height:482px;min-width:0;margin:0;transform:scale(var(--workflow-ui-scale,1));transform-origin:top left;}
.workflow-scroll .workflow-mobile-rocks{display:none;}
/* All controls are native UI; do not draw the old toolbar screenshot over it. */
.workflow-scroll .wf-chatgpt-tools::before,.workflow-scroll .wf-chatgpt-tools::after{display:none;}
.workflow-scroll .wf-chatgpt-tools .wf-xmind-tool img{display:block;}
.workflow-scroll .wf-chatgpt-prompt{width:620px;}
.workflow-scroll .wf-chatgpt-tools{width:calc(100% - 39px);}
@media(min-width:1200px){
 .workflow-scroll .workflow-surface{padding-top:max(144px,calc((100svh - 482px)/2));padding-bottom:max(64px,calc((100svh - 482px)/2));}
}
@media(min-width:700px) and (max-width:1199px){
 .workflow-scroll .workflow-surface{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);grid-template-rows:auto minmax(0,1fr);gap:32px 40px;padding-top:120px;}
 .workflow-scroll .workflow-copy h2{grid-column:1/-1;font-size:32px;}
 .workflow-scroll .workflow-copy h2 br{display:none;}
 .workflow-scroll .workflow-copy .workflow-options{grid-column:1;grid-row:2;}
 .workflow-scroll .workflow-artboard{grid-column:2;grid-row:2;}
 .workflow-scroll .workflow-copy .workflow-options>button{font-size:clamp(23px,3vw,30px);}
}
@media(max-width:699px){
 .workflow-scroll .workflow-surface{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr);gap:24px;padding:112px 24px 32px;}
 .workflow-scroll .workflow-copy h2{grid-column:1;grid-row:1;font-size:28px;line-height:1.25;max-width:340px;}
 .workflow-scroll .workflow-copy .workflow-options{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
 .workflow-scroll .workflow-copy .workflow-options>button{font-size:clamp(16px,4.3vw,20px);line-height:1.5;min-height:32px;}
 .workflow-scroll .workflow-copy .workflow-options>button:nth-child(odd){grid-column:1;}
 .workflow-scroll .workflow-artboard{grid-column:1;grid-row:3;}
 .workflow-scroll .workflow-backdrop .workflow-landscape{left:50%;width:1640px;min-height:100%;height:100%;transform:translateX(-50%);}
}
@media(max-height:650px){
 .workflow-scroll .workflow-surface{padding-top:96px;padding-bottom:24px;gap:16px 24px;}
 .workflow-scroll .workflow-copy h2{font-size:24px;}
 .workflow-scroll .workflow-copy .workflow-options{gap:8px;}
 .workflow-scroll .workflow-copy .workflow-options>button{font-size:20px;line-height:1.3;}
}
@media(prefers-reduced-motion:reduce){
 .workflow-scroll .workflow-copy .workflow-options>button{transition:none;}
 .hp-preview .workflow-static .workflow-sticky{position:relative;}
}
/* Keep Figma's right-aligned 514 × 482 matrix throughout expansion and exit. */
.workflow-scroll .workflow-surface{display:block;padding:0;}
.workflow-scroll .workflow-artboard{position:absolute;inset:0;width:100%;height:100%;margin:0;}
.workflow-scroll .workflow-panel,.workflow-scroll .workflow-panel[data-workflow="2"]{left:auto;right:0;top:calc(50% - 257px * var(--workflow-ui-scale));transform-origin:top right;}
.workflow-scroll .workflow-copy h2{position:absolute;left:4.4444%;top:max(120px,calc(50% - 260px * var(--workflow-ui-scale)));width:28%;font-size:calc(36px * var(--workflow-ui-scale));line-height:1.2222;}
.workflow-scroll .workflow-copy .workflow-options{position:absolute;left:33.3333%;top:max(120px,calc(50% - 260px * var(--workflow-ui-scale)));width:27%;display:flex;gap:calc(16px * var(--workflow-ui-scale));}
.workflow-scroll .workflow-copy .workflow-options>button{font-size:calc(36px * var(--workflow-ui-scale));line-height:1.2222;min-height:0;}
.workflow-scroll .wf-chatgpt-prompt{width:1021.18px;}
@media(min-width:700px) and (max-width:1199px){
 .workflow-scroll .workflow-copy h2{top:120px;width:80%;font-size:30px;}
 .workflow-scroll .workflow-copy .workflow-options{left:4.4444%;top:230px;width:35%;}
 .workflow-scroll .workflow-panel,.workflow-scroll .workflow-panel[data-workflow="2"]{top:max(230px,calc(50% - 180px * var(--workflow-ui-scale)));}
}
@media(max-width:699px){
 .workflow-scroll .workflow-copy h2{left:24px;top:112px;width:calc(100% - 48px);font-size:28px;}
 .workflow-scroll .workflow-copy .workflow-options{left:24px;top:208px;width:calc(100% - 48px);display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;}
 .workflow-scroll .workflow-copy .workflow-options>button{font-size:17px;line-height:1.5;}
 .workflow-scroll .workflow-panel,.workflow-scroll .workflow-panel[data-workflow="2"]{top:calc(360px + (100% - 360px - 482px * var(--workflow-ui-scale))/2);}
}
/* workflow-motion.css */
/* Text and controls are live UI, keeping the original Figma illustration plane. */
.workflow-scene{animation:none;}
/* Original Figma 50f19 / 63c8f crops; no approximate glyphs or added tools. */
.workflow-scroll .wf-query{display:block;left:7.87px;top:23.93px;width:560.231px;height:66.694px;mix-blend-mode:multiply;}
.workflow-scroll .wf-query img{position:absolute;top:0;width:560.231px;height:66.694px;max-width:none;}
.workflow-scroll .wf-mention{position:absolute;left:0;top:0;width:120px;height:66.694px;overflow:hidden;padding:0;background:none;border-radius:0;}
.workflow-scroll .wf-mention img{left:0;}
.workflow-scroll .wf-query-copy{position:absolute;left:120px;top:0;width:440.231px;height:66.694px;overflow:hidden;}
.workflow-scroll .wf-query-copy img{left:-120px;}
.workflow-scroll .wf-chatgpt-tools{display:block;left:14.62px;top:94.4px;width:1107.534px;height:53.447px;padding:0;overflow:hidden;mix-blend-mode:multiply;}
.workflow-scroll .wf-chatgpt-tools img{display:block;position:absolute;left:-3.56%;top:-630.55%;width:106.8%;height:783.33%;max-width:none;}
.wf82-claude-toggle .wf-connect-toggle{position:absolute;left:349.45px;top:35.61px;width:77.802px;height:46.154px;border-radius:24px;background:var(--color-homepage-wf82-claude-toggle-wf-connect-toggle-background);}
.wf-connect-knob{position:absolute;left:5.2px;top:6.6px;width:32.96px;height:32.96px;border-radius:50%;background:var(--color-background-default);transform:translateX(34.3px);}
/* Static, monochrome grain: no color shift and no animated crawling texture. */
.landscape-photo{filter:none;will-change:auto;}
/* The delivered photo already contains grain. Do not rasterize a full-screen
   SVG turbulence filter again on every scroll frame. */
.workflow-backdrop{filter:none;contain:paint;}

.workflow-scroll .wf-chatgpt-title{font-family:-apple-system,BlinkMacSystemFont,sans-serif;}
/* tools-section.css */
/* Figma Main / Tools that think with you, 1049:58243. */
.hp-preview .tools-section{width:calc(100% - 2 * var(--page-gutter));max-width:1312px;margin:var(--section-gap) auto 0;}
.tools-heading{text-align:center;margin-bottom:48px;}
.tools-heading h2{font:700 36px/44px var(--xm-font-sans);margin:0 0 24px;color:var(--color-text-strong);}
.tools-heading .dark-button{display:inline-flex;}
.tools-section .dark-button{font:600 16px/24px var(--xm-font-sans);padding:8px 20px;border-radius:6px;min-height:40px;}
.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;}
.tools-card{position:relative;overflow:clip;isolation:isolate;aspect-ratio:637/584;background:var(--color-homepage-tools-card-background);container-type:inline-size;}
.tools-card-1{background:var(--color-homepage-tools-card-1-background);border-radius:0;}.tools-card-2{background:var(--color-homepage-tools-card-2-background);}.tools-card-3{background:var(--color-homepage-tools-card-3-background);}
.tools-paper{position:absolute;inset:0;overflow:hidden;z-index:-1;mix-blend-mode:luminosity;pointer-events:none;}
.tools-paper img{position:absolute;left:50%;top:50%;width:max(100%,900px);height:100%;min-height:602px;max-width:none;object-fit:cover;transform:translate(-50%,-50%);}
.tools-card-copy{position:relative;padding:7.535cqw 7.535cqw 0;z-index:1;}
.tools-section h3{font:600 24px/28px NeverMindSlab,Georgia,serif;margin:0 0 24px;color:var(--color-text-strong);}
.tools-card-copy h3{font-size:clamp(18px,3.768cqw,24px);line-height:1.1667;}
.tools-section p{font:400 16px/24px var(--xm-font-sans);color:var(--color-homepage-closing-section-closing-content-text);margin:0;}
.tools-card-copy p{font-size:clamp(13px,2.512cqw,16px);line-height:1.5;}
.tools-card-art{position:absolute;left:0;bottom:0;width:100%;aspect-ratio:637/412;pointer-events:none;}
.tool-layer{position:absolute;display:block;transform-origin:center;}
.tool-layer>img{width:100%;height:100%;max-width:none;display:block;transition:transform .45s cubic-bezier(.2,.8,.2,1);}
.collab-map{left:0;top:0;width:100%;height:100%;mix-blend-mode:multiply;}
.collab-map>span{position:absolute;left:-124.647%;top:-1.942%;width:289.796%;height:216.748%;overflow:hidden;border-radius:2.388cqw;transition:opacity .45s;}
.collab-map img{position:absolute;left:19.4%;top:-3.86%;width:59.98%;height:97.55%;max-width:none;}
.zen-document-surface{position:absolute;inset:0;overflow:hidden;border-radius:2.512cqw;background:var(--color-homepage-td-row-background);box-shadow:var(--shadow-homepage-zen-document-surface-box-shadow);transition:transform .45s cubic-bezier(.2,.8,.2,1);}
.zen-page-top,.zen-page-bottom{position:absolute;max-width:none;mix-blend-mode:multiply;}
.zen-page-top{left:-35.052%;top:1.588%;width:163.149%;height:53.613%;}
.zen-page-bottom{left:-35.163%;top:53.598%;width:163.37%;height:46.401%;}
.zen-format{position:absolute;left:9.508%;top:16.649%;width:17.541%;height:2.644%;display:flex;align-items:center;gap:2.85%;padding:0 2.85%;border-radius:2.88cqw;background:var(--color-homepage-zen-format-background);box-shadow:var(--shadow-homepage-zen-format-box-shadow);box-sizing:border-box;}
.zen-format>span{display:flex;justify-content:center;align-items:center;flex:1;padding:.24cqw .6cqw;border-radius:2.88cqw;}
.zen-format .selected{background:var(--color-homepage-agent-continue-background);}.zen-format img{width:2.4cqw;height:2.4cqw;max-width:none;}
.zen-selection{position:absolute;left:9.344%;top:19.568%;width:19.18%;height:1.838%;background:var(--color-homepage-zen-selection-background);mix-blend-mode:multiply;}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .tools-card:hover .project-tasks>img{transform:scale(1.025);transform-origin:50% 100%;}
 .tools-card:hover .project-panel>img{transform:scale(1.045);transform-origin:100% 100%;}
 .tools-card:hover .structure-type>img{transform:translateY(-.942cqw);}
 .tools-card:hover .structure-layouts>.tool-hover-surface{transform:translateY(-.942cqw);}
 .tools-card:hover .structure-colors>.tool-hover-surface{transform:translateY(-1.57cqw);}
 .tools-card:hover .collab-comment>img{transform:translateY(-.785cqw);}
 .tools-card:hover .collab-blue>img{transform:translate(-1.26cqw,-.942cqw);}
 .tools-card:hover .collab-red>img{transform:translate(1.26cqw,-.942cqw);}
 .tools-card:hover .collab-map>span{opacity:.72;}
 .tools-card:hover .zen-document-surface{transform:translateY(-1.57cqw);}
 .tools-card:hover .zen-toolbar>img,.tools-card:hover .zen-timer>img{transform:translateY(-2.51cqw);}
}
/* Ebook artwork and hover layers; adaptive.css owns the current content height. */
.hp-preview .ebook-section{position:relative;isolation:isolate;width:100%;max-width:none;margin:var(--section-gap) 0 0;height:35.277778vw;min-height:440px;max-height:680px;overflow:hidden;background:var(--color-homepage-ebook-section-background);container-type:inline-size;}
.ebook-section .tools-paper img{left:-.902778%;top:-7.480315%;width:102.361%;height:133.465%;min-height:0;transform:none;}
.ebook-copy{position:absolute;z-index:2;left:6.66667%;top:25.19685%;width:34.30556%;max-width:660px;}
.ebook-copy h3{font:700 2.5cqw/3.05556cqw var(--xm-font-sans);color:var(--color-text-strong);margin:0 0 1.11111cqw;max-width:32.6cqw;}
.ebook-copy p{font:600 1.11111cqw/1.66667cqw var(--xm-font-sans);color:var(--color-homepage-closing-section-closing-content-text);margin:0;}
.ebook-copy .dark-button{display:inline-flex;margin-top:2.5cqw;font:600 16px/24px var(--xm-font-sans);padding:8px 20px;border-radius:6px;}
.ebook-preview{position:absolute;z-index:1;left:52.0833%;top:29.3307%;width:35.9722%;height:41.3386%;perspective:1200px;}
.ebook-tilt{position:absolute;left:18.0034%;top:-21.016%;width:71.5994%;aspect-ratio:370.885/516.639;transform:rotate(-4.71deg);perspective:1200px;container-type:inline-size;}
.ebook-book{--ebook-shadow:var(--shadow-homepage-ebook-book-ebook-shadow);display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transform-origin:100% 50%;transition:transform .6s cubic-bezier(.16,1,.3,1);border-radius:0 8px 8px 0;}
/* Framer Module/Book: the inside is a printed orange paper face. */
/* Cast from the opaque paper face, not the larger transparent 3D wrapper. */
.ebook-paper{position:absolute;left:0;top:0;width:95.08%;height:96.54%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5cqw;padding:15%;box-sizing:border-box;border-radius:0 8px 8px 0;background:var(--gradient-homepage-ebook-paper-background);overflow:hidden;box-shadow:var(--ebook-shadow);transition:box-shadow .6s cubic-bezier(.16,1,.3,1);}
.ebook-paper-title{width:100%;font:700 6cqw/1.5 "NeverMind Hand",sans-serif;text-align:center;color:var(--color-text-on-color);}
.ebook-paper-title>span{background:var(--color-homepage-ebook-paper-title-background);box-decoration-break:clone;-webkit-box-decoration-break:clone;}
.ebook-paper-author{width:100%;font:700 5cqw/1.2 var(--xm-font-sans);text-align:center;color:var(--color-text-on-color);opacity:.3;}
.ebook-cover{position:absolute;right:4.918%;top:0;width:95.08%;height:96.54%;transform-origin:0% 50%;border-radius:0 8px 8px 0;box-shadow:var(--shadow-homepage-ebook-cover-box-shadow);transition:transform .6s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d;}
.ebook-cover>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;}
.ebook-spine{position:absolute;inset:0 auto 0 0;width:9%;background:var(--gradient-homepage-ebook-spine-background);opacity:.2;pointer-events:none;}
.ebook-cover::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--gradient-homepage-ebook-cover-after-background);pointer-events:none;}
.ebook-magnifier{mix-blend-mode:overlay;position:absolute;left:63.264%;top:-19.291%;width:47.153%;height:auto;max-width:none;pointer-events:none;}
.ebook-lines{position:absolute;inset:0;pointer-events:none;}.ebook-lines img{position:absolute;max-width:none;}
.ebook-line-horizontal{left:-2.917%;top:87.795%;width:58.014%;}
.ebook-line-vertical{left:53.4395%;top:-49.409%;width:39.4722cqw;height:.661726cqw;transform:rotate(90deg);transform-origin:0 0;}
.ebook-line-curve{left:94.444%;top:-19.291%;width:22.292%;}
/* Framer Module/Book: 1200px perspective, 50px lift, hinged -70deg cover. */
@media(hover:hover){
 .ebook-preview:hover .ebook-book{transform:translateZ(50px);--ebook-shadow:var(--shadow-homepage-ebook-preview-ebook-book-hover-ebook-shadow);}
 .ebook-preview:hover .ebook-cover{transform:translateX(1px) translateZ(10px) rotateY(-70deg);}
}
.ebook-preview:focus-visible .ebook-book{transform:translateZ(50px);--ebook-shadow:var(--shadow-homepage-ebook-preview-ebook-book-hover-ebook-shadow);}
.ebook-preview:focus-visible .ebook-cover{transform:translateX(1px) translateZ(10px) rotateY(-70deg);}
@media(max-width:900px){.tools-card{aspect-ratio:auto;min-height:540px;}.tools-card-copy{padding:28px;}.tools-card-art{top:auto;bottom:0;}.ebook-card{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding:32px;gap:24px;}.ebook-tilt{left:10%;width:240px;height:334px;top:12px;}}
@media(max-width:699px){.tools-heading{margin-bottom:32px;}.tools-heading h2{font-size:28px;line-height:36px;}.tools-grid{grid-template-columns:1fr;gap:24px;}.tools-card{min-height:0;aspect-ratio:343/390;}.tools-card-copy{padding:28px 24px;}.tools-card-copy h3{font-size:22px;line-height:28px;margin-bottom:16px;}.tools-card-copy p{font-size:14px;line-height:21px;}.tools-card-art{top:auto;bottom:0;}.ebook-card{margin-top:24px;grid-template-columns:1fr;padding:28px 24px;gap:32px;}.ebook-copy h3{font-size:22px;line-height:28px;}.ebook-copy p{font-size:14px;line-height:21px;}.ebook-preview{height:220px;}.ebook-tilt{left:calc(50% - 120px);top:0;}.ebook-copy .dark-button{margin-top:24px;}}
@media(prefers-reduced-motion:reduce){.ebook-book,.ebook-cover,.ebook-paper{transition:none;}}
/* The latest security frame uses a solid navy tile. */
.hp-preview .security-adfree{background:var(--color-homepage-security-adfree-background);}

@media(max-width:699px){
 .hp-preview .ebook-section{height:646px;max-height:none;min-height:0;}
 .ebook-section .ebook-copy{left:36px;top:48px;width:calc(100% - 72px);}
 .ebook-section .ebook-copy h3{font-size:28px;line-height:36px;max-width:303px;margin-bottom:16px;}
 .ebook-section .ebook-copy p{font-size:14px;line-height:21px;}
 .ebook-section .ebook-copy .dark-button{margin-top:24px;}
 .ebook-section .ebook-preview{left:36px;top:371px;width:312px;height:410px;}
 .ebook-section .ebook-tilt{left:0;top:0;width:280px;}
 .ebook-section .ebook-magnifier{left:129px;top:243px;width:407px;}
 .ebook-section .ebook-line-horizontal{top:580px;width:500px;}
}

/* Shadows are painted outside the panel, not baked into a clipped bitmap. */
.tool-hover-surface{display:block;width:100%;height:100%;background:var(--color-background-default);border-radius:2.512cqw;box-shadow:var(--shadow-homepage-tool-hover-surface-box-shadow);}
.tool-hover-surface>svg{display:block;width:100%;height:100%;overflow:visible;border-radius:inherit;}
.tool-vector-panel text{font-family:NeverMindUI,Arial,sans-serif;}
.zen-native{position:absolute;inset:0;color:var(--color-homepage-zen-native-text);font-family:Arial,sans-serif;white-space:nowrap;}
.zen-title{position:absolute;left:3.8%;top:3.55%;font-size:3.29cqw;line-height:1.2;font-weight:700;}
.zen-group{position:absolute;left:4.5%;top:8.5%;font-size:2.25cqw;line-height:1.25;font-weight:700;}
.zen-group-two{top:39.5%;}
.zen-row{position:absolute;left:6.8%;font-size:1.66cqw;line-height:1.3;letter-spacing:.01em;}
.zen-row.leaf{left:9.3%;padding-left:1.55cqw;}
.zen-row.leaf:before{content:"•";position:absolute;left:0;font-size:1.8cqw;}
.zen-format{gap:.48cqw;padding:0 .48cqw;background:var(--color-homepage-travel-pills-background);backdrop-filter:blur(.72cqw);box-shadow:var(--shadow-homepage-zen-format-box-shadow-2);}
.zen-format>span{flex:none;padding:.24cqw .60cqw;}
.zen-format img{display:block;width:2.4cqw;height:2.4cqw;}

/* The structure panels are SVGs; animate the same layer as the raster cards. */
.tool-hover-surface{transition:transform .45s cubic-bezier(.2,.8,.2,1);}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.tools-card:hover .collab-map>span{transform:translateY(-.5cqw);}.collab-map>span{transition:opacity .45s,transform .45s;}}

/* Keep hover origins and compositor layers stable on entry AND exit. */
.project-tasks>img{transform-origin:50% 100%;}
.project-panel>img{transform-origin:100% 100%;}
.structure-layouts>.tool-hover-surface{transform-origin:0 100%;}
.structure-colors>.tool-hover-surface{transform-origin:100% 100%;}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .tool-layer>img,.tool-hover-surface,.zen-document-surface,.collab-map>span{will-change:transform;transition:transform .32s cubic-bezier(.2,.65,.3,1),opacity .32s cubic-bezier(.2,.65,.3,1);}
}
/* social-tickers.css */
/* Framer HP ticker behavior, with the updated Figma paper review cards. */
.logo-window,.reviews-window{scroll-behavior:auto;scroll-snap-type:none;overflow-anchor:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;mask-size:100% 100%;mask-position:0 0;mask-repeat:no-repeat;mask-mode:alpha;}
.logo-window{max-width:1312px;margin-inline:auto;mask-image:var(--gradient-homepage-logo-window-mask-image-3);}
.logo-strip,.reviews-track{display:flex;gap:0;padding:0;position:relative;}
.ticker-group{display:flex;flex:none;align-items:center;width:max-content;position:relative;}
.ticker-group[hidden]{display:none;}
.reviews-track .ticker-group{align-items:flex-start;gap:24px;padding-right:24px;}
.reviews-window{height:auto;min-height:0;padding-block:8px 32px;mask-image:var(--gradient-homepage-reviews-window-mask-image-5);}
.logo-strip img{width:auto;height:96px;max-width:none;flex:none;}
.logo-window:focus-visible,.reviews-window:focus-visible{outline:2px solid var(--color-homepage-logo-window-focus-visible-focus);outline-offset:4px;}
.reviews-window::-webkit-scrollbar{display:none;}
.review-avatar:before,.review-avatar:after{display:none;}
@media(max-width:699px){.reviews-track .ticker-group{gap:16px;padding-right:16px;}.reviews-window{mask-image:var(--gradient-homepage-reviews-window-mask-image-2);}.logo-window{mask-image:var(--gradient-homepage-logo-window-mask-image-4);}}
@media(max-width:699px){.logo-strip img{height:76px;}}
/* section-alignment.css */
/* Main 769:59841, 769:60201 and 769:59524. HP only. */
.security-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.security-detail{display:flex;align-items:center;gap:24px;padding:36px;background:var(--color-background-default);min-width:0;}
.security-detail p{flex:1;min-width:0;margin:0;font:400 16px/24px var(--xm-font-sans);color:var(--color-text-secondary);}
.security-symbol{position:relative;flex:none;width:80px;height:80px;display:grid;place-items:center;}
.security-symbol img{display:block;max-width:none;object-fit:contain;}
.security-symbol-iso img{width:72px;height:78px;}
.security-symbol-soc img{width:56px;height:70px;}
.security-symbol-local img{width:58px;height:62px;}
.security-symbol-aws img{width:70px;height:42px;mix-blend-mode:multiply;}
.security-symbol-privacy img{width:60px;height:41.299px;}
.security-symbol-adfree img{width:60px;height:41.979px;}
.g2-section .g2-badges{margin-top:0;gap:24px;}
.hp-preview .g2-section>h2{margin-bottom:64px;}
.hp-preview .closing-section{border-radius:0;background:var(--color-background-default);isolation:isolate;}
.hp-preview .closing-section::before{content:"";position:absolute;inset:-64px -8.2%;z-index:-1;background:url("/hp/assets/v81/af66e.png") center/cover no-repeat;opacity:.8;pointer-events:none;}
.hp-preview .closing-section .closing-description{font-weight:600;}
.hp-preview :is(.templates-section,.closing-section) .template-actions a{padding:8px 20px;min-height:40px;border-radius:6px;}
@media(min-width:700px){.template-tabs button{padding:12px 16px 12px 12px;border-radius:12px;}}
@media(max-width:1199px){.security-details{grid-template-columns:repeat(2,minmax(0,1fr));}.security-detail{padding:28px;gap:20px;}}
@media(max-width:699px){.security-details{grid-template-columns:1fr;gap:16px;}.security-detail{padding:24px;gap:20px;}.security-detail p{font-size:14px;line-height:21px;}.hp-preview .g2-section>h2{margin-bottom:32px;}}
/* closing-scene.css */
/* Figma 1088:59929: full-bleed lake, original cutouts, no paper panel. */
/* Native sticky supplies the reading interval. The input controller only
   completes a nearby arrival before the next gesture carries it onward. */
.hp-preview .closing-reveal{--closing-hold:clamp(240px,calc(var(--hp-viewport-height,100svh) * .4),420px);position:relative;isolation:isolate;width:100%;height:calc(var(--hp-viewport-height,100svh) + var(--closing-hold));aspect-ratio:auto;overflow:visible;background:transparent;}
.hp-preview .closing-section{position:sticky;top:0;margin:0;width:100%;max-width:none;height:var(--hp-viewport-height,100svh);aspect-ratio:auto;min-height:0;padding:0;border:0;border-radius:0;background:var(--color-homepage-closing-reveal-background);display:block;isolation:isolate;overflow:clip;container-type:inline-size;color:var(--color-text-on-color);}
.hp-preview .closing-section::before{content:none;}

.closing-scenery{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.closing-base{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;}
.closing-plane{position:absolute;left:50%;top:calc(100% - 824px * var(--closing-scale,1));bottom:auto;width:1440px;height:824px;transform:translateX(-50%) scale(var(--closing-scale,1));transform-origin:center top;}
.closing-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;}
.closing-computer{position:absolute;z-index:2;left:var(--closing-computer-x,71.48px);top:var(--closing-computer-y,363.94px);width:263.13px;height:240.47px;max-width:none;transform:rotate(-4.99deg);}
.closing-foreground{position:absolute;z-index:3;left:calc(var(--closing-computer-x,71.48px) - 89.48px);top:calc(var(--closing-computer-y,363.94px) + 116.06px);width:432px;height:144px;object-fit:contain;max-width:none;}
.closing-butterfly{position:absolute;z-index:1;left:0;top:0;width:66.1224px;height:66.2049px;will-change:transform;transform:translate(1240.65px,367.74px);pointer-events:none;}
.closing-cursor{position:absolute;z-index:5;left:0;top:0;width:66.1224px;height:66.2049px;pointer-events:none;visibility:hidden;will-change:transform;filter:drop-shadow(0 2px 2px var(--color-homepage-closing-cursor-filter));}
 .closing-section.has-butterfly-cursor,.closing-section.has-butterfly-cursor *,.closing-section.has-butterfly-cursor *::before,.closing-section.has-butterfly-cursor *::after{cursor:none!important;}
.has-butterfly-cursor .closing-cursor{visibility:visible;}
.has-butterfly-cursor .closing-butterfly{visibility:hidden;}
/* Xmind's own 55-frame loader supplies the ribbon movement. Keep its
   transparent padding outside the 66px Figma mark; no CSS squash or folding. */
.closing-loader{position:absolute;left:-19.573px;top:-20.59px;width:105.796px;height:105.796px;max-width:none;}
.closing-static{display:none;width:100%;height:100%;}
.closing-loader,.closing-static{filter:brightness(0) invert(1);}
.hp-preview .closing-section .closing-content{position:absolute;z-index:4;inset:var(--closing-copy-top,clamp(84px,24svh,260px)) 6% auto;display:flex;flex-direction:column;align-items:center;gap:var(--closing-copy-gap,clamp(24px,2.5vw,40px));text-align:center;}
.hp-preview .closing-section h2{margin:0;color:var(--color-text-on-color);font:700 clamp(25px,2.25vw,43px)/1.333333 NeverMindSlab,Georgia,serif;letter-spacing:0;}
.hp-preview .closing-section .template-actions{margin:0;gap:12px;}
.hp-preview .closing-section .template-actions a{padding:8px 20px;min-height:40px;border-radius:6px;font:600 16px/24px NeverMind,sans-serif;}
.hp-preview .closing-section .template-note{font:400 12px/18px NeverMind,sans-serif;color:var(--color-homepage-closing-section-template-note-text);margin:12px 0 0;max-width:none;}
@media(max-width:699px){
 .hp-preview .closing-section{aspect-ratio:auto;height:var(--hp-viewport-height,100svh);}
 .hp-preview .closing-section .closing-content{inset:var(--closing-copy-top,92px) 20px auto;}
 .hp-preview .closing-section h2{font-size:25px;line-height:34px;}
 .hp-preview .closing-section .template-actions{gap:10px;}
 .hp-preview .closing-section .template-actions a{padding-inline:14px;font-size:14px;}
 .hp-preview .closing-section .template-note{max-width:290px;margin:12px auto 0;line-height:18px;}
}
@media(prefers-reduced-motion:reduce){.closing-butterfly{will-change:auto;}.closing-loader{display:none;}.closing-static{display:block;}}

.closing-computer-case{display:block;width:100%;height:100%;max-width:none;}
.closing-computer:after{content:"";position:absolute;left:10%;right:4%;bottom:-1%;height:9%;border-radius:50%;background:var(--color-homepage-closing-computer-after-background);filter:blur(8px);opacity:.45;z-index:-1;}
.closing-screen{position:absolute;left:34.1%;top:16.8%;width:43.2%;height:46.1%;overflow:hidden;clip-path:polygon(4% 1%,91% 0,100% 90%,3% 100%);border-radius:12%;background:var(--color-homepage-closing-screen-background);transform:rotate(-1deg);}
.closing-screen canvas{display:block;width:100%;height:100%;}
.closing-landscape{filter:none;}
/* The new moorland patch carries its own fine grass alpha and matched light. */
.closing-foreground{filter:none;opacity:1;transform:rotate(-5deg);transform-origin:89.48px 122px;mask-image:var(--gradient-homepage-closing-foreground-mask-image);mask-composite:intersect;}



/* The footer follows the complete scene after the native sticky interval. */
.hp-preview .closing-reveal{margin-top:var(--section-responsive-gap,128px);}
.hp-preview .closing-reveal + .site-footer{position:relative;z-index:1;margin-top:0;}

@media(max-height:600px){.hp-preview .closing-section .closing-content{top:76px;gap:20px;}.hp-preview .closing-section h2{font-size:22px;line-height:1.3;}}

/* Safari chrome may resize the visible scene without consuming its reading
   interval. Keep the hold stable, and let both surfaces share the same height. */
@media(hover:none) and (pointer:coarse){
 .hp-preview .closing-reveal{height:calc(100svh + var(--closing-hold));height:calc(100dvh + var(--closing-hold));}
}
/* section-entrances.css */
.section-arrival{opacity:0;translate:0 32px;}
.section-arrival.section-arrived{opacity:1;translate:0 0;}
@media(prefers-reduced-motion:reduce){.section-arrival,.section-arrival.section-arrived{opacity:1;translate:none;transition:none;}}

.hp-mobile-stack .stack-sticky{overflow:visible;}
/* responsive-sections.css */
/* Current Figma phone frames and Framer HP breakpoints. Keep desktop art
   coordinates intact; text controls the height of compact content cards. */
.hp-preview { --section-responsive-gap:clamp(96px,8.89vw,128px); }
.hp-preview :is(.tools-section,.ebook-section,.templates-section,.trusted-section,.reviews-section,.security-section,.g2-section) { margin-top:var(--section-responsive-gap); }
.hp-preview :is(.tools-section,.templates-section,.security-section) { max-width:1312px; }
.hp-preview :is(.tools-heading h2,.templates-section>h2,.reviews-section>h2,.security-section>h2,.g2-section>h2) { text-wrap:balance; }

/* Tools use intrinsic copy rows. The UI artwork has its authored ratio, with
   a separate row that never moves into the copy when the title wraps. */
.tools-grid { align-items:stretch; }
.tools-card { display:flex;flex-direction:column;aspect-ratio:auto;min-height:0; }
.tools-card-copy { flex:none;padding-bottom:0; }
.tools-card-art { position:relative;inset:auto;flex:none;margin-top:auto;width:100%;aspect-ratio:637/412; }
@media(min-width:1200px) {
 .tools-card { display:block;min-height:0;aspect-ratio:637/584; }
 .tools-card-art { position:absolute;inset:auto 0 0;margin:0; }
 .tools-card-copy { min-height:0; }
}
@media(min-width:700px) and (max-width:1199px) {
 .agent-features,.templates-section,.security-section { width:calc(100% - 64px); }
 .feature-copy { padding:32px; }
 .feature-copy h3 { font-size:clamp(22px,2.4vw,28px);line-height:1.25; }
 .feature-description p { font-size:16px;line-height:24px; }
 .feature-visual { border-radius:20px; }
 .tools-grid { gap:24px; }
 .tools-card-copy { padding:36px 32px 0; }
 .tools-card-copy h3 { font-size:24px;line-height:28px;margin-bottom:24px; }
 .tools-card-copy p { font-size:16px;line-height:24px; }
 .tools-card-art { margin-top:36px; }
}
@media(min-width:700px) and (max-width:959px) {
 .hp-preview .tools-section { width:calc(100% - 64px); }
 .tools-grid { grid-template-columns:1fr;max-width:637px;margin-inline:auto; }
 .feature-card { grid-template-columns:1fr;max-width:637px;margin-inline:auto;width:100%; }
 .feature-copy { padding:36px 36px 0; }
 .feature-visual { width:calc(100% - 72px);max-width:490px;aspect-ratio:618/584;margin:32px auto 36px; }
}
@media(max-width:699px) {
 .hp-preview :is(.agent-features,.tools-section,.templates-section,.security-section) { width:calc(100% - 32px); }
 .agent-features { padding-top:96px; }
 .feature-copy { padding:36px 36px 0; }
 .feature-copy h3 { font:600 24px/28px NeverMindSlab,Georgia,serif;margin-bottom:24px; }
 .feature-description p { font-size:16px;line-height:24px; }
 .feature-visual { width:calc(100% - 72px);max-width:490px;height:auto;aspect-ratio:271/256;margin:36px auto; }
 .tools-heading { margin-bottom:48px; }
 .tools-heading h2 { font:700 30px/36px NeverMind,sans-serif;margin-bottom:24px; }
 .tools-grid { grid-template-columns:1fr;gap:16px; }
 .tools-card { min-height:0;aspect-ratio:auto; }
 .tools-card-copy { padding:48px 36px 0; }
 .tools-card-copy h3 { font-size:24px;line-height:28px;margin-bottom:24px; }
 .tools-card-copy p { font-size:16px;line-height:24px; }
 .tools-card-art { margin-top:36px; }
 .tools-card-1 .tools-card-art { margin-top:53px; }
 .templates-section>h2 { font-size:30px;line-height:36px;margin-bottom:48px; }
 .template-tabs { justify-content:flex-start;gap:19.2px;padding:6.4px;margin-bottom:16px; }
 .template-tabs button { padding:9.6px 12.8px 9.6px 9.6px; }
 .templates-section .template-actions { flex-wrap:wrap; }
 .templates-section .template-note { font-size:12px;line-height:18px; }
}
@media(max-width:359px) {
 .feature-copy,.tools-card-copy { padding-inline:24px; }
 .feature-visual { width:calc(100% - 48px); }
 .template-tabs { gap:8px; }
}

/* Mobile Workflow is a readable 940px scene, matching Figma's vertical list.
   It flows with the page instead of pinning a taller image below the viewport. */
.hp-preview .workflow-static { height:auto;margin-bottom:0; }
.hp-preview .workflow-static .workflow-sticky { position:relative;height:940px; }
@media(max-width:699px) {
 .workflow-scroll .workflow-copy h2 { left:clamp(32px,12.8vw,64px);top:64px;width:min(360px,calc(100% - 96px));font-size:30px;line-height:36px; }
 .workflow-scroll .workflow-copy .workflow-options { left:clamp(32px,12.8vw,64px);top:208px;width:calc(100% - 96px);display:flex;flex-direction:column;gap:12px; }
 .workflow-scroll .workflow-copy .workflow-options>button { font-size:30px;line-height:36px;min-height:36px; }
 .workflow-scroll .workflow-panel,.workflow-scroll .workflow-panel[data-workflow="2"] { top:600px;right:0; }
 .workflow-scroll .workflow-backdrop .workflow-mobile-background { object-fit:fill;object-position:center bottom; }
 .workflow-scroll .workflow-backdrop .workflow-landscape { display:block;left:-100px;top:0;width:1640px;height:820px;min-height:0;transform:none;object-fit:fill; }
 .workflow-scroll .workflow-mobile-rocks { display:block;left:-128.5px;top:auto;bottom:-17px;width:398px;height:132px;z-index:2; }
 .workflow-scroll .workflow-panel .wf-brand { left:-59.63px!important;top:39.03px!important; }
}
@media(min-width:700px) and (max-width:959px) {
 .workflow-scroll .workflow-copy h2 { left:32px;top:112px;width:calc(100% - 64px);font-size:32px; }
 .workflow-scroll .workflow-copy .workflow-options { left:32px;top:224px;width:38%;gap:18px; }
 .workflow-scroll .workflow-copy .workflow-options>button { font-size:clamp(23px,3.3vw,30px);line-height:1.3; }
 .workflow-scroll .workflow-panel,.workflow-scroll .workflow-panel[data-workflow="2"] { top:max(248px,calc(50% - 120px * var(--workflow-ui-scale))); }
}
@media(min-width:700px) and (max-height:559px) {
 .hp-preview .workflow-static .workflow-sticky { height:700px; }
}

/* Ebook has two authored compositions. Middle widths interpolate typography
   and spacing, rather than shrinking body copy to single-digit sizes. */
@media(min-width:700px) {
 .ebook-copy h3 { font-size:clamp(28px,2.5vw,48px);line-height:1.2222;max-width:none; }
 .ebook-copy p { font-size:clamp(16px,1.1111vw,20px);line-height:1.5; }
 .ebook-copy { top:22%; }
 .ebook-section .ebook-tilt { height:auto;aspect-ratio:370.885/516.639; }
}
@media(min-width:700px) and (max-width:1199px) {
 .hp-preview .ebook-section { height:540px;max-height:none; }
 .ebook-copy { left:5%;width:43%;top:80px; }
 .ebook-copy h3 { margin-bottom:20px; }
 .ebook-copy .dark-button { margin-top:32px; }
 .ebook-preview { left:54%;top:170px;width:40%;height:300px; }
 .ebook-section .ebook-tilt { left:5%;top:0;width:min(92%,340px); }
 .ebook-magnifier { width:600px;left:59%;top:-80px; }
}
@media(max-width:699px) {
 .hp-preview .ebook-section { display:flex;flex-direction:column;height:auto;min-height:646px;max-height:none;padding:48px 36px 0;gap:32px; }
 .ebook-section .ebook-copy { position:relative;inset:auto;width:100%;max-width:500px; }
 .ebook-section .ebook-copy h3 { font:600 24px/28px NeverMindSlab,Georgia,serif;max-width:none;margin:0 0 16px; }
 .ebook-section .ebook-copy p { font:600 16px/24px NeverMind,sans-serif; }
 .ebook-section .ebook-copy .dark-button { margin-top:32px;min-height:40px;box-sizing:border-box; }
 .ebook-section .ebook-preview { position:relative;inset:auto;width:100%;height:302px;flex:none; }
 .ebook-section .ebook-tilt { left:calc(50% - 135px);top:15px;width:281.043px;height:391.49px; }
 .ebook-section .tools-paper img { left:50%;top:0;width:1408px;height:100%;object-fit:cover;transform:translateX(-50%); }
 .ebook-section .ebook-line-horizontal { left:-91.2%;top:30px;width:501.2px; }
 .ebook-section .ebook-line-vertical { left:26px;top:532px;width:341px;height:5.7px;transform:rotate(90deg); }
 .ebook-section .ebook-line-curve { left:88%;top:-83px;width:192.6px; }
}
@media(min-width:520px) and (max-width:699px) {
 .hp-preview .workflow-static .workflow-sticky { height:1040px; }
 .hp-preview .ebook-section { padding-inline:48px;min-height:700px; }
 .ebook-section .ebook-preview { height:360px; }
 .ebook-section .ebook-tilt { width:320px;height:auto;left:calc(50% - 160px); }
 .ebook-section .ebook-magnifier { left:50%;top:245px; }
}

/* Framer HP: 1220px logo viewport, 96px rail, 50/60px edge masks;
   280px minimum statistics wrap at tablet and stack on phones. */
.logo-window { max-width:1220px;mask-image:var(--gradient-homepage-logo-window-mask-image-2); }
.logo-strip { height:96px; }
.logo-strip img { height:96px;width:auto; }
.hp-preview .reviews-section { width:100%;max-width:1440px; }
.reviews-section>h2,.review-stats { width:calc(100% - 128px);max-width:1248px;margin-inline:auto; }
.hp-preview .reviews-section>h2 { margin-bottom:64px; }
.review-stats { display:flex;flex-wrap:nowrap;gap:0;margin-bottom:48px; }
.review-stats>div { padding:16px;gap:12px; }
.reviews-window { width:100%;margin-left:0;padding-block:20px 32px;mask-image:var(--gradient-homepage-reviews-window-mask-image-3); }
.reviews-track .ticker-group { gap:20px;padding-right:20px; }
.review-card { width:360px; }
@media(max-width:1119px) {
 .reviews-section>h2,.review-stats { width:calc(100% - 64px); }
}
@media(max-width:959px) {
 .review-stats { flex-wrap:wrap; }
 .review-stats>div { flex:1 0 280px;min-width:0;padding:32px 16px;gap:12px; }
 .review-stats>div+div,.review-stats>div:last-child { border:0; }
 .review-stats>div+div:before { content:none; }
 .review-stats strong { font-size:48px;line-height:1.2; }
 .review-stats p { font-size:16px;line-height:24px;gap:12px;white-space:normal; }
 .rating-stars { gap:4px; }.rating-stars img { width:16px;height:16px; }
 .review-card { padding:24px; }
 .review-card blockquote { font-size:14px;line-height:22px; }
 .review-card h3 { font-size:16px;line-height:22px; }
 .review-avatar { width:56px;height:56px; }
 .review-card header p { font-size:12px;line-height:18px; }
}
@media(max-width:519px) {
 .trusted-section>p { max-width:375px;font-size:20px;line-height:30px;font-weight:600;margin:0 auto 12px;padding-inline:16px;text-wrap:balance; }
 .reviews-section>h2,.review-stats { width:calc(100% - 32px); }
 .hp-preview .reviews-section>h2 { font-size:30px;line-height:36px;margin-bottom:48px; }
 .review-card { width:min(360px,calc(100vw - 48px)); }
 .reviews-window { mask-image:var(--gradient-homepage-reviews-window-mask-image-4); }
}

/* Closing responsiveness lives with its full-viewport scene styles. */

.ebook-lines picture,.ebook-book>picture { display:contents; }
/* template-chatting.css */
/* chatting-loader.css */
/* Native xmind-ui AiStreamingBloom animation. */

.ai-streaming-bloom {
  display: block;
  color: var(--color-homepage-agent-work-breakdown-text);
}

.ai-streaming-bloom__petals {
  fill: currentColor;
}

/* 3s cycle. Dot bloom (40–50%) overlaps petal opacity wilt
   (65–75% in petal-cycle = dot 40–50%); petal bloom (0–25% in
   petal-cycle = dot 75–0%) overlaps dot shrink (75–85%). Both
   transitions cross-fade so the center dot never stands alone.
   Each petal and each dot is staggered by 20ms so they ripple. */

/* Center: subtle breath synced to one cycle. Smallest at 50%
   (= moment the outer dots reach full bloom) so the center
   recedes when the outer ring takes the visual spotlight. */
.ai-streaming-bloom__center {
  fill: currentColor;
  transform-box: fill-box;
  transform-origin: center;
  animation: ai-streaming-bloom-center-breathe 3s ease-in-out infinite;
}

@keyframes ai-streaming-bloom-center-breathe {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.88);
  }
}

.ai-streaming-bloom__dot {
  fill: currentColor;
  transform-box: fill-box;
  transform-origin: center;
  animation: ai-streaming-bloom-dot 3s ease-in-out infinite;
  animation-delay: var(--delay, 0ms);
  animation-fill-mode: backwards;
}

@keyframes ai-streaming-bloom-dot {
  0%,
  40% {
    transform: translate(0, 0) scale(0);
    opacity: 0;
  }
  50%,
  75% {
    transform: translate(var(--tx), var(--ty)) scale(1);
    opacity: 1;
  }
  85%,
  100% {
    transform: translate(0, 0) scale(0);
    opacity: 0;
  }
}

/* Dot group: spins 360° per cycle so the dots spiral in/out. */
.ai-streaming-bloom__dot-group {
  transform-origin: 200px 200px;
  animation: ai-streaming-bloom-spin 3s ease-in-out infinite;
}

/* Petal group: rotates continuously around the SVG center at a
   constant linear rate. 504° (= 7 × 72°, the petal 5-fold symmetry
   step) per 3s cycle gives ~168°/s. Over the ~75% visible window
   (~2.25s) the petals turn ~378°, so the eye reads about one full
   rotation per appearance. Linear timing means no velocity dip
   that would read as a stutter mid-bloom. */
.ai-streaming-bloom__petals {
  transform-origin: 200px 200px;
  animation: ai-streaming-bloom-petals-spin 3s linear infinite;
}

/* Each petal scales in place around its own bounding-box center.
   `transform-box: fill-box` makes the origin refer to the petal's own
   bbox (after its inner SVG transform has baked in the bloomed size). */
.ai-streaming-bloom__petal {
  transform-box: fill-box;
  transform-origin: center;
  animation: ai-streaming-bloom-petal 3s ease-in-out infinite;
  /* Shift the petal cycle by -0.75s (= -25% of cycle) so the petal
     bloom (0%→25% in its own cycle) starts exactly when the dot
     shrink begins (dot 75%). Dot and petal cross during 75–85%
     without the petals pre-blooming while dots are still full. */
  animation-delay: calc(-0.75s + var(--delay, 0ms));
  animation-fill-mode: backwards;
}

@keyframes ai-streaming-bloom-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ai-streaming-bloom-petals-spin {
  to {
    transform: rotate(504deg);
  }
}

@keyframes ai-streaming-bloom-petal {
  /* Petal animation is shifted -0.75s vs the dot cycle, so 0% here
     is the moment dot cycle reaches 75% (start of dot shrink). Bloom
     is a single 0%→25% segment so ease-in-out is one smooth curve —
     scale and opacity stay in lockstep. Opacity wilt (65%→75% petal
     = dot 40%→50%) lines up with dot bloom so the two cross-fade
     without an "only center" gap. Wilt: opacity leads scale by 5%. */
  0% {
    transform: scale(0);
    opacity: 0;
  }
  25% {
    transform: scale(1);
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  70% {
    transform: scale(1);
  }
  75% {
    opacity: 0;
  }
  80%,
  100% {
    transform: scale(0);
    opacity: 0;
  }
}

@font-face{font-family:"Xmind Chat UI";src:url("/hp/assets/chatting-ui/NeverMindUI-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Xmind Chat UI";src:url("/hp/assets/chatting-ui/NeverMindUI-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
/* Conversation overlay for the desktop and phone Figma compositions. */
.template-panel:has(.chatting-demo:not([hidden])){aspect-ratio:1312/800;overflow:visible;background:none;}
.chatting-demo{container-type:inline-size;position:relative;background:none!important;overflow:visible;}
.chatting-window{width:1312px;height:798px;transform:scale(calc(100cqw / 1312px));transform-origin:top left;display:grid;grid-template-columns:398.919px minmax(0,1fr);gap:9.231px;padding:9.231px;border:1.154px solid var(--color-homepage-review-card-border);border-radius:30px;background:var(--color-homepage-chatting-window-background);box-sizing:border-box;overflow:hidden;font:400 13.3px/1.7 "Xmind Chat UI",sans-serif;letter-spacing:.04em;font-synthesis:none;color:var(--color-homepage-agent-demo-plane-text);text-align:left;}
.chatting-window *{letter-spacing:.04em;}.chatting-window p{margin:0;}.chatting-window img{display:block;flex:none;max-width:none;}
.chatting-sidebar{display:flex;flex-direction:column;min-height:0;position:relative;}
.chatting-sidebar-bar{height:46.097px;flex:none;display:flex;align-items:center;padding:0 10px;font-size:12.41px;gap:24px;}
.chatting-sidebar-bar>span{display:flex;align-items:center;gap:6px;}.chatting-sidebar-bar>span:last-child{margin-left:auto;gap:18px;}
.chatting-dots{display:flex;align-items:center;gap:8px!important;flex:none;}.chatting-dots i{display:block;width:12.4px;height:12.4px;border:.577px solid var(--color-homepage-feature-card-border);border-radius:50%;background:var(--color-homepage-chatting-dots-background);}.chatting-dots i:nth-child(2){background:var(--color-homepage-chatting-dots-background-2);}.chatting-dots i:nth-child(3){background:var(--color-homepage-chatting-dots-background-3);}
/* A fixed demonstration: each response phase replaces the preceding one.
   Neither the local clock nor visitor input scrolls the conversation. */
.chatting-messages{flex:1;min-height:0;overflow:hidden;overflow-anchor:none;scrollbar-width:none;padding:21.276px 10.638px 20px;display:flex;flex-direction:column;gap:23px;}
.chatting-messages>*{flex-shrink:0;}.chatting-request{display:flex;flex-direction:column;align-items:flex-end;gap:7.092px;padding-left:14.184px;}
.chatting-user{background:var(--color-homepage-agent-file-background);border-radius:14.184px 14.184px 7.092px 14.184px;padding:10.638px 14.184px;width:100%;box-sizing:border-box;}
.chatting-attachment{display:flex;align-items:center;gap:7.092px;width:186.162px;padding:7.092px;border:.886px solid var(--color-homepage-agent-surface-border);background:var(--color-homepage-agent-file-background);border-radius:10.638px;box-sizing:border-box;}
.chatting-file-icon{position:relative;display:grid;place-items:center;width:42.551px;height:42.551px;flex:none;background:var(--color-homepage-agent-file-icon-background);border:.886px solid var(--color-homepage-agent-surface-border);border-radius:5.319px;}.chatting-file-icon>img:last-child{position:absolute;left:50%;top:50%;transform:translate(-50%,-25%);}
.chatting-attachment>span:last-child{min-width:0;line-height:15.07px;}.chatting-attachment strong{font-size:11.52px;font-weight:400;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.chatting-attachment small{font-size:10.64px;color:var(--color-homepage-agent-file-name-text);}
.chatting-reply{display:flex;flex-direction:column;gap:14.184px;padding:0 3.546px;}
.chatting-status{display:flex;align-items:center;gap:7.092px;font-size:13.3px;color:var(--color-homepage-chatting-status-text);}.chatting-status img{max-height:15px;width:auto;}
.chatting-result-list{padding-left:19px;margin:0;display:grid;gap:7px;}.chatting-result-list:has(li:not([hidden])){margin-top:-4px;}.chatting-result-list li::marker{color:var(--color-homepage-chatting-result-list-text);font-size:10px;}
.chatting-response-actions{display:flex;gap:7.092px;align-items:center;color:var(--color-homepage-chatting-status-text);font-size:12.41px;}.chatting-response-actions>span{display:flex;align-items:center;justify-content:center;gap:3.546px;min-width:28.368px;height:28.368px;}
.chatting-composer{position:relative;flex:none;min-height:124px;padding:13px 14px;border:1px solid var(--color-homepage-agent-surface-border);border-radius:22px;background:var(--color-homepage-chatting-composer-background);box-shadow:var(--shadow-homepage-chatting-composer-box-shadow);font-size:12.41px;color:var(--color-homepage-chatting-status-text);display:flex;flex-direction:column;justify-content:space-between;gap:14px;box-sizing:border-box;}
.chatting-composer-tools{display:flex;align-items:center;gap:8px;}.chatting-composer-tools>span{display:flex;align-items:center;gap:4px;white-space:nowrap;}.chatting-add{padding:6px;border:1px solid var(--color-homepage-agent-surface-border);border-radius:7px;}.chatting-mode{padding:5px 8px;border-radius:7px;background:var(--color-homepage-chatting-mode-background);color:var(--color-homepage-agent-work-breakdown-text);}.chatting-balance{color:var(--color-text-secondary);}.chatting-send{margin-left:auto;padding:7px;border-radius:7px;background:var(--color-homepage-chatting-send-background);}
.chatting-transcript{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.chatting-window [hidden]{display:none!important;}
/* Only the conversation overlays the exported artwork; all map geometry stays intact. */
.hp-preview .chatting-window{position:absolute;inset:0;width:1312px;height:800px;display:block;padding:0;border:0;border-radius:0;background:none;pointer-events:none;}
.hp-preview .chatting-sidebar{position:absolute;left:9.23px;top:9.23px;width:398.92px;height:781.54px;background:var(--color-homepage-chatting-window-background);border-radius:20px;overflow:hidden;pointer-events:none;}
.chatting-sidebar-bar{gap:24px;padding:0 10px;}
.chatting-sidebar-bar>span:nth-child(2){min-width:0;}
[data-chat-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:188px;}
.chatting-sidebar-bar:has([data-chat-title]:not(:empty))>span:last-child{flex:none;}
.chatting-status-group{display:grid;gap:9px;}
.chatting-finalizing{font-size:13.3px;color:var(--color-homepage-chatting-status-text);line-height:1.8;}

.chatting-composer{min-height:125.88px;padding:14.184px;border-radius:21.276px;}
.chatting-composer-tools{gap:10px;}
.chatting-add{border:0;padding:4px;}
.chatting-send{background:var(--color-homepage-chatting-send-background-2);}
.templates-section[data-demo-paused="true"] .chatting-window *{animation-play-state:paused!important;}

.chatting-sidebar-bar{line-height:15.957px;color:var(--color-homepage-feature-description-text);}
.chatting-product-icon{display:block;flex:none;width:14.184px;height:14.184px;background:currentColor;mask:var(--chat-icon) center/contain no-repeat;}
.chatting-status img{width:12.41px;height:12.41px;}
.chatting-status [data-chat-reading-icon],.chatting-status .chatting-product-icon{width:17.73px;height:17.73px;}
.chatting-reply{color:var(--color-homepage-feature-description-text);}
.chatting-loading{width:35.46px;height:35.46px;padding:0;margin-left:3.546px;}
.chatting-send{width:28.368px;height:28.368px;padding:0;justify-content:center;box-sizing:border-box;}
.chatting-send>.chatting-product-icon{display:none;width:28.368px;height:28.368px;}
.chatting-demo[data-generating="true"] .chatting-send{background:none;color:var(--color-homepage-chatting-demo-chatting-send-text);}
.chatting-demo[data-generating="true"] .chatting-send>img{display:none;}
.chatting-demo[data-generating="true"] .chatting-send>.chatting-product-icon{display:block;}
@media(max-width:699px){
 .hp-preview .chatting-window{width:825px;height:620px;transform:scale(calc(100cqw / 825px));font-size:10.64px;}
 .hp-preview .chatting-sidebar{left:8px;top:8px;width:200px;height:604px;border-radius:14px;}
 .chatting-sidebar-bar{height:36px;padding:0 9px;gap:16px;font-size:10px;}
 .chatting-sidebar-bar>span:last-child{display:none;}
 .chatting-dots{gap:6px!important;}.chatting-dots i{width:9px;height:9px;}
 [data-chat-title]{max-width:99px;}
 .hp-preview .chatting-messages{padding:16px 8px;gap:16px;}
 .chatting-request{padding-left:9px;gap:6px;}.chatting-user{padding:8px 10px;}
 .chatting-attachment{width:145px;padding:6px;gap:6px;}
 .chatting-file-icon{width:32px;height:32px;}.chatting-file-icon>img:first-child{width:20px;height:24px;}
 .chatting-attachment strong{font-size:9px;}.chatting-attachment small{font-size:8px;}
 .chatting-reply{gap:11px;padding:0 2px;}.chatting-status,.chatting-finalizing{font-size:9px;}.chatting-status img{max-height:12px;}.chatting-status .chatting-product-icon{width:14px;height:14px;}
 .chatting-composer{min-height:96px;padding:10px;border-radius:15px;font-size:9px;}
 .chatting-composer-tools{gap:6px;}.chatting-composer-tools img{max-width:13px;max-height:13px;}.chatting-send{padding:5px;}
 .chatting-result-list{gap:5px;padding-left:14px;}.chatting-response-actions{gap:8px;font-size:9px;}.chatting-response-actions img{max-width:12px;max-height:12px;}
}
@media(prefers-reduced-motion:reduce){.chatting-window *{animation:none!important;}}

.chatting-mobile-result{display:none;}
@media(max-width:699px){.chatting-result-list{display:none!important;}.chatting-mobile-result:not([hidden]){display:block;}.chatting-reply{gap:8px;}.chatting-messages{gap:12px;}}