/* /hp/bundles/core-eaa709eab7.css */
/* banner.css */
@font-face{font-family:NeverMind;src:url("/hp/assets/NeverMind-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:NeverMind;src:url("/hp/assets/NeverMind-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:NeverMind;src:url("/hp/assets/NeverMind-DemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Briem;src:url("/hp/assets/BriemHand-SemiBold.woff2") format("woff2"),url("/hp/assets/BriemHand-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:NeverMindCompact;src:url("/hp/assets/NeverMindCompact-Medium.woff2") format("woff2"),url("/hp/assets/NeverMindCompact-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:NeverMindSlab;src:url("/hp/assets/NeverMindSlab-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
:root{--light:0;--layout-scale:1;--graph-reveal:0;--ink:var(--color-homepage-root-ink);--paper:var(--color-homepage-root-paper);--muted:var(--color-homepage-root-muted);--accent:var(--color-homepage-root-accent);--border:var(--color-homepage-root-border);--focus:var(--color-homepage-root-focus);--font-sans:NeverMind,"Helvetica Neue",Arial,sans-serif;--font-compact:NeverMindCompact,Arial,sans-serif;color-scheme:dark;}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--ink);}
html{scrollbar-color:var(--color-homepage-html-scrollbar-color) var(--color-homepage-html-scrollbar-color-2);}
body{font-family:var(--font-sans);color:var(--color-text-on-color);overflow-x:clip;font-synthesis:none;}
button,input,textarea,select{font:inherit;}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent;}
a{color:inherit;text-decoration:none;}
button{cursor:pointer;color:inherit;}
button:disabled{cursor:default;}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:5px;}
img{display:block;}
[hidden]{display:none!important;}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
.skip-link{position:fixed;z-index:100;top:12px;left:16px;padding:12px 16px;background:var(--color-background-default);color:var(--color-homepage-skip-link-text);border-radius:8px;transform:translateY(-160%);}
.skip-link:focus{transform:none;}
.experience{position:relative;height:300svh;}
.stage{position:sticky;top:0;width:100%;height:100svh;overflow:clip;isolation:isolate;background:var(--ink);}
/* Prepare the complete opening behind the loading interlude, then reveal it. */
#stage:not([data-rendered="true"]) > :not(#backdrop):not(#error):not(#loading){opacity:0!important;pointer-events:none!important;}
/* Prepare the light Banner behind the original dark loading interlude, so a
   remembered visit reveals paper directly when the loader fades out. */
.returning-banner{--story-gutter-color:var(--color-homepage-root-paper);}
.returning-banner #stage:not([data-rendered="true"]){--light:1;--sky-top:245,246,247;--sky-bottom:245,246,247;--star-opacity:0;--paper-opacity:1;background:var(--color-homepage-root-paper);}
.backdrop,.backdrop-dark,.backdrop-light,.scene{position:absolute;inset:0;width:100%;height:100%;}
.backdrop{z-index:0;pointer-events:none;}
.backdrop-dark{background:var(--color-homepage-backdrop-dark-background) url("/hp/assets/f94bd.webp") center/cover no-repeat;transform:scale(var(--backdrop-scale,1));}
/* Keep the same 3840px starfield registered through the tonal transition.
   Its inverted grain is just 14% ink on the paper, with no blur/upscaled tile. */
.backdrop-light{background:var(--paper);opacity:var(--light);}
.backdrop-light::after{content:"";position:absolute;inset:0;background:url("/hp/assets/f94bd.webp") center/cover no-repeat;filter:grayscale(1) invert(1);mix-blend-mode:multiply;opacity:.14;transform:scale(var(--backdrop-scale,1));}
.scene{display:block;z-index:1;touch-action:pan-y;}
.coast-trigger{position:absolute;z-index:3;padding:0;border:0;border-radius:0;background:transparent;touch-action:pan-y;}
.coast-trigger:focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--focus);}
.coast-checklist{position:absolute;z-index:10;padding:18px 20px 16px;border:1px solid var(--color-homepage-coast-checklist-border);border-radius:12px;background:var(--color-background-default);color:var(--color-homepage-coast-checklist-text);color-scheme:light;overflow:auto;box-shadow:var(--shadow-homepage-coast-checklist-box-shadow);animation:coast-card-enter 160ms ease-out;}
.coast-checklist-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:500;letter-spacing:1.3px;color:var(--color-homepage-coast-checklist-top-text);}
.coast-checklist-top button{display:grid;place-items:center;width:28px;height:28px;margin:-8px -8px -5px 0;border:0;background:transparent;color:var(--color-homepage-coast-checklist-top-text-2);font-size:22px;line-height:1;}
.coast-checklist h3{margin:12px 0 7px;font-size:21px;font-weight:500;line-height:1.25;letter-spacing:-.3px;}
.coast-checklist-intro{margin:0 0 18px;color:var(--color-homepage-coast-checklist-intro-text);font-size:12px;line-height:1.5;}
.coast-checklist ul{padding:0;margin:0;list-style:none;display:grid;gap:13px;}
.coast-checklist label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:13px;line-height:1.45;}
.coast-checklist input{flex:none;width:15px;height:15px;margin:2px 0 0;accent-color:var(--color-homepage-coast-checklist-accent-color);}
.coast-checklist input:checked+span{color:var(--color-homepage-coast-checklist-checked-text);text-decoration:line-through;text-decoration-color:var(--color-homepage-coast-checklist-checked-text-2);}
.coast-progress{margin:17px 0 0;padding-top:12px;border-top:1px solid var(--color-homepage-coast-progress-border);color:var(--color-homepage-coast-progress-text);font-size:11px;}
@keyframes coast-card-enter{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}
@media(prefers-reduced-motion:reduce){.coast-checklist{animation:none;}}
.opening-copy{position:absolute;z-index:4;left:50%;top:48%;width:max-content;max-width:calc(100% - 40px);transform:translate(-50%,-50%);text-align:center;pointer-events:none;}
.opening-copy h1{position:relative;margin:0;font-size:clamp(38px,4.167vw,76px);font-weight:600;line-height:1.2;letter-spacing:-1.4px;text-shadow:var(--shadow-homepage-opening-copy-text-shadow-2);}
.title-line{display:block;white-space:nowrap;}
.opening-copy em,.final-copy em{font-family:Briem,cursive;font-size:1.067em;font-weight:600;font-style:normal;display:inline-block;transform:translateY(-3px);}
.title-particles{position:absolute;inset:-60px;pointer-events:none;width:calc(100% + 120px);height:calc(100% + 120px);}
.intent-form{position:absolute;z-index:7;left:50%;top:50%;width:min(600px,calc(100% - 40px));min-height:160px;padding:20px;transform:translate(-50%,-50%);border-radius:20px;border:1px solid var(--color-homepage-intent-form-border);background:var(--color-homepage-intent-form-background);box-shadow:var(--shadow-homepage-intent-form-box-shadow);backdrop-filter:blur(18.667px);color:var(--color-homepage-intent-form-text);color-scheme:light;opacity:0;visibility:hidden;}
.intent-content{position:relative;min-height:72px;font-family:var(--font-compact);font-size:16.33px;font-weight:500;line-height:21px;letter-spacing:.05px;}
.intent-form textarea{display:block;width:100%;height:72px;min-height:72px;padding:0;border:0;background:transparent;resize:none;color:var(--color-homepage-intent-form-text-2);font:inherit;opacity:0;}
.intent-form textarea::placeholder{color:var(--color-homepage-intent-form-text-3);opacity:1;}
.intent-form textarea:focus{outline:0;}
.intent-form:focus-within{border-color:var(--color-homepage-intent-form-focus-within-border);box-shadow:var(--shadow-homepage-intent-form-focus-within-box-shadow);}
.typing-preview{position:absolute;inset:0;pointer-events:none;white-space:pre-wrap;}
.typing-caret{display:inline-block;vertical-align:-3px;width:1.5px;height:19px;margin-left:2px;background:var(--color-homepage-typing-caret-background);animation:caret-blink 1s steps(1,end) infinite;}
.intent-form.is-editing textarea{opacity:1;}
.intent-form.is-editing .typing-preview{visibility:hidden;}
.input-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:10px;}
.input-options{display:flex;align-items:center;gap:12px;min-width:0;}
.attach-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--color-homepage-attach-button-border);border-radius:9px;cursor:pointer;flex-shrink:0;position:relative;overflow:hidden;}
.attach-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.mode-picker{position:relative;display:flex;align-items:center;gap:4px;}
.mode-picker select{appearance:none;border:0;background:transparent;color:var(--color-homepage-mode-picker-text);font-size:16px;padding:5px 20px 5px 1px;cursor:pointer;}
.mode-chevron{position:absolute;right:2px;pointer-events:none;}
.attachment-name{font-size:11px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.send-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--color-homepage-send-button-border);border-radius:10px;background:var(--color-homepage-send-button-background);box-shadow:var(--shadow-homepage-send-button-box-shadow);flex-shrink:0;}
.send-button:hover{background:var(--color-homepage-send-button-hover-background);}
.final-board{position:absolute;z-index:4;width:1440px;height:941px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--layout-scale));transform-origin:center;pointer-events:none;}
.connections{position:absolute;inset:0;opacity:var(--graph-reveal);pointer-events:none;}
.graph-slot{position:absolute;overflow:visible;transform-origin:center;}
.graph-slot img{position:absolute;max-width:none;}
.knowledge-link{left:1040px;top:-11px;width:0;height:330px;transform:rotate(180deg);}
.knowledge-link img{left:-2.6667px;top:-2.6667px;}
.ideas-link{left:1038.25px;top:516px;width:177px;height:178px;}
.ideas-link img{left:-2.6667px;top:-.5px;}
.creative-link{left:232px;top:726px;width:302px;height:122px;transform:rotate(90deg);}
.creative-link img{left:-2.6667px;top:-.5px;}
.observation-link{left:248px;top:796px;width:337px;height:0;}
.observation-link img{left:-2.6667px;top:-2.6667px;}
.tools-link{left:186.3px;top:286px;width:275.8px;height:0;}
.tools-link img{left:-.5px;top:-2.6667px;}
.annotation{position:absolute;display:block;font-family:NeverMindSlab,Georgia,serif;font-weight:400;font-size:16px;line-height:32px;letter-spacing:0;white-space:nowrap;color:var(--color-homepage-annotation-text);fill:currentColor;text-align:center;}
.tools-label{left:324.2px;top:254px;transform:translateX(-50%);}
.knowledge-label{left:1058px;top:231px;transform:translate(-50%,29px) rotate(-90deg);}
.ideas-label{left:1024.3164px;top:512.3184px;}
.creative-label{left:330px;top:607.4805px;}
.observation-label{left:305px;top:764px;transform:translateX(-50%);}
.conversations-label{left:1185px;top:775px;transform:translateX(-50%);}
.final-copy{position:absolute;left:719.5px;top:241px;width:469px;transform:translateX(-50%);display:flex;flex-direction:column;gap:64px;align-items:center;text-align:center;color:var(--color-text-strong);opacity:0;visibility:hidden;pointer-events:none;}
.final-message{width:100%;}
.final-copy h2{margin:0;font-size:60px;font-weight:600;line-height:72px;letter-spacing:0;}
.final-headline{display:flex;justify-content:center;align-items:center;gap:16px;height:72px;}
.final-copy em{margin:0;font-size:64px;line-height:72px;transform:translateY(-8px);}
.final-copy p{margin:12px 0 0;font-family:var(--font-sans);font-size:20px;font-weight:500;line-height:32px;color:var(--color-text-tertiary);}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;pointer-events:auto;}
.cta{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;font-size:20px;font-weight:600;line-height:30px;padding:9px 17px;border-radius:12px;border:1px solid var(--color-homepage-cta-border);box-shadow:var(--shadow-homepage-cta-box-shadow);transition:transform .2s ease,filter .2s ease;}
.cta:hover{transform:translateY(-2px);filter:brightness(1.06);}
.cta-primary{background:var(--accent);color:var(--color-text-on-color);box-shadow:var(--shadow-homepage-cta-primary-box-shadow);}
.cta-primary span{position:relative;}
.cta-glow{position:absolute;left:50%;top:-24px;transform:translateX(-50%);pointer-events:none;}
.cta-secondary{color:var(--color-text-strong);background:var(--color-background-default);border-color:var(--border);box-shadow:var(--shadow-homepage-cta-secondary-box-shadow);}
.scroll-cue{position:absolute;z-index:8;left:50%;bottom:20px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;border:0;background:transparent;color:var(--color-homepage-scroll-cue-text);font-size:11px;letter-spacing:.4px;}
.scroll-stem{width:1px;height:21px;background:var(--gradient-homepage-scroll-stem-background-2);}
/* Keep loading visible at any restored scroll position, outside main's gate. */
.loading{position:fixed;z-index:25;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:24px;color:var(--color-homepage-loading-text);background:var(--color-homepage-backdrop-dark-background);font:600 clamp(14px,1vw,16px)/1.5 NeverMindSlab,Georgia,serif;letter-spacing:.2px;text-align:center;}
html:not(.js) .loading{display:none;}
.loading-copy{animation:loading-copy-enter 450ms cubic-bezier(.2,0,0,1) both;}
.loading-mark{width:6px;height:6px;background:var(--color-homepage-button-hover-hover-background-2);border-radius:50%;box-shadow:var(--shadow-homepage-loading-mark-box-shadow);animation:loading-breathe 1.8s ease-in-out infinite;}
.asset-error{position:absolute;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100% - 48px));padding:24px;border:1px solid var(--color-border-subtle);border-radius:16px;background:var(--color-background-default);color:var(--color-homepage-asset-error-text);text-align:center;box-shadow:var(--shadow-homepage-asset-error-box-shadow);}
.asset-error p{margin:0 0 16px;}
.asset-error button{padding:10px 20px;border:0;border-radius:8px;background:var(--color-button-impact-background);color:var(--color-text-on-color);}
.review-panel{position:absolute;z-index:40;bottom:18px;left:18px;display:flex;align-items:center;gap:12px;max-width:calc(100% - 36px);padding:12px 16px;border:1px solid var(--color-homepage-cta-border);border-radius:12px;background:var(--color-homepage-review-panel-background);color:var(--color-text-on-color);backdrop-filter:blur(12px);font-size:12px;}
.review-panel input{width:min(200px,30vw);accent-color:var(--color-homepage-review-panel-accent-color);}
.review-panel output{min-width:36px;font-variant-numeric:tabular-nums;}
.review-panel button{padding:6px 10px;border:1px solid var(--color-homepage-review-panel-border);border-radius:6px;background:transparent;}
.next-section{position:relative;display:flex;align-items:center;justify-content:center;min-height:100svh;background:var(--color-homepage-next-section-background);color:var(--color-homepage-next-section-text);}
.replay{border:0;background:transparent;padding:14px;font-size:13px;color:var(--color-homepage-replay-text);}
.replay span{margin-left:12px;}
.no-script{position:fixed;z-index:100;inset:auto 24px 24px;padding:24px;background:var(--color-background-default);color:var(--color-homepage-next-section-text);border-radius:12px;}
.no-script a{text-decoration:underline;}
@keyframes caret-blink{0%,52%{opacity:1;}53%,100%{opacity:0;}}
@keyframes loading-breathe{0%,100%{opacity:.3;transform:scale(.7);}50%{opacity:1;transform:scale(1);}}
@keyframes loading-copy-enter{from{opacity:0;}to{opacity:1;}}
@media(max-width:940px){.opening-copy h1{font-size:clamp(38px,5.5vw,60px);}}
@media(max-width:699px){.connections{display:none;}}
@media(max-width:600px){.opening-copy{top:45%;max-width:calc(100% - 32px);}.opening-copy h1{font-size:clamp(31px,7.8vw,45px);line-height:1.22;letter-spacing:-1px;}.intent-form{width:calc(100% - 32px);padding:18px;top:45%;border-radius:18px;}.intent-content{font-size:16px;line-height:23px;min-height:115px;}.intent-form textarea{height:115px;}.input-footer{margin-top:16px;}.attachment-name{max-width:64px;}.scroll-cue{bottom:max(16px,env(safe-area-inset-bottom));}.final-copy{width:520px;}.final-copy h2{font-size:57px;line-height:70px;}.final-copy p{font-size:24px;line-height:32px;}.review-panel{left:12px;bottom:12px;padding:10px;gap:8px;}}
@media(prefers-reduced-motion:reduce){.typing-caret,.loading-mark,.loading-copy{animation:none;}.cta{transition:none;}}

/* Organized state: information replaces the opening collage's distortion. */
.connections{opacity:calc(var(--graph-reveal)*var(--hover-dim,1));}
.organized-hover-layer{position:absolute;inset:0;z-index:10;pointer-events:none;color:var(--color-homepage-agent-demo-plane-text);color-scheme:light;}
.hover-design-plane{position:absolute;left:50%;top:50%;width:1440px;height:941px;transform:translate(-50%,-50%) scale(var(--layout-scale));transform-origin:center;pointer-events:none;}
.insight-card{position:absolute;pointer-events:auto;backdrop-filter:blur(8.743px);background:var(--color-homepage-agent-surface-background);border:.718px solid var(--color-homepage-insight-card-border);border-radius:8px;box-shadow:var(--shadow-homepage-insight-card-box-shadow);animation:insight-enter 180ms ease-out;color:var(--color-homepage-agent-demo-plane-text);font-family:NeverMind,Arial,sans-serif;}
.insight-card h3,.insight-card p{margin:0;}
.explain-card{left:225px;top:725.19px;transform:translateY(-50%);width:240px;padding:9.326px 12.7px;background:var(--gradient-homepage-explain-card-background);font-size:7.577px;line-height:10.491px;}
.explain-card header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;margin-bottom:9.326px;border-bottom:.583px solid var(--color-homepage-insight-card-border);font-size:10.491px;line-height:13.989px;}
.explain-card header>div{display:flex;gap:6px;}
.explain-card button{display:inline-flex;align-items:center;justify-content:center;gap:3.5px;padding:0;border:0;background:transparent;color:inherit;}
.explain-card header button{width:13.989px;height:13.989px;}
.explain-card header img{width:13.989px;height:13.989px;}
.explain-card [data-collapse][aria-expanded=true] img{transform:rotate(180deg);}
.explain-card h3{font-size:9.326px;line-height:10.491px;font-weight:600;margin-bottom:7px;}
.explain-card p{color:var(--color-homepage-suggestion-text);}
.explain-card small{display:block;font-size:5.8px;line-height:9px;color:var(--color-homepage-explain-card-text);margin-top:9.326px;}
.explain-card footer{display:flex;justify-content:flex-end;gap:9px;margin-top:9.326px;}
.explain-card footer button{font-size:7px;line-height:12px;}
.explain-card footer img{width:9.326px;height:9.326px;}
.task-card{left:1027px;top:534.26px;transform:translateY(-50%);width:280px;padding:12px 16px;display:flex;flex-direction:column;gap:6px;font-size:6.492px;letter-spacing:.2597px;}
.task-card h3{display:flex;align-items:center;gap:5.316px;font-size:9.302px;letter-spacing:.093px;font-weight:600;white-space:nowrap;}
.task-card h3 img{width:10.631px;height:10.631px;}
.task-progress{display:flex;align-items:center;gap:6px;width:100%;}
.task-progress progress{appearance:none;flex:1;width:0;height:1.948px;border:0;border-radius:2px;background:var(--color-homepage-task-progress-background);}
.task-progress progress::-webkit-progress-bar{background:var(--color-homepage-task-progress-background);border-radius:2px;}
.task-progress progress::-webkit-progress-value{background:var(--color-homepage-task-progress-background-2);border-radius:2px;}
.task-progress progress::-moz-progress-bar{background:var(--color-homepage-task-progress-background-2);border-radius:2px;}
.task-dates{display:flex;align-items:center;justify-content:space-between;}
.task-duration{padding:2.597px;border-radius:11px;background:var(--color-homepage-task-progress-background);}
.task-people{display:flex;align-items:center;gap:2.597px;padding:2.597px;border-radius:13px;background:var(--color-homepage-task-progress-background);}
.avatar{display:grid;place-items:center;border-radius:50%;width:8.86px;height:8.86px;font-size:5.32px;color:var(--color-text-on-color);background:var(--color-homepage-avatar-background);letter-spacing:0;}
.avatar.orange{background:var(--color-homepage-avatar-orange-background);}.assignee-arrow{margin-inline:5px;opacity:.5;}
.painting-card{left:191px;top:713px;width:298px;height:171px;padding:12px 16px;overflow:hidden;}
.painting-map{position:relative;width:266px;height:147px;overflow:hidden;border-radius:4px;}
.painting-map>img{position:absolute;left:-4.87%;top:-8%;width:109.73%;height:116.15%;max-width:none;}
.sound-card{left:1138px;top:624px;width:206px;height:256px;padding:12px;}
.sound-card>img{width:182px;height:232px;object-fit:cover;object-position:bottom;border:.5px solid var(--color-homepage-sound-card-border);border-radius:4px;}
.book-card{left:1149px;top:465.05px;transform:translateY(-50%);width:200px;padding:9.836px;border-radius:6.557px;font-size:3.76px;line-height:1.6;letter-spacing:.15px;background:var(--color-homepage-agent-surface-background);}
.book-card h3{display:flex;align-items:flex-start;gap:1.878px;font-size:7.514px;line-height:1.6;letter-spacing:.0751px;margin-bottom:5.635px;}
.book-card h3>img{width:4.696px;height:4.696px;margin-top:4px;flex:none;}
.book-card details{margin:0;}.book-card summary{display:flex;align-items:center;gap:1.878px;list-style:none;font-size:5.64px;font-weight:600;line-height:1.3;padding:.939px;cursor:pointer;}
.book-card summary::-webkit-details-marker{display:none;}.book-card summary img{flex:none;width:4.696px;height:4.696px;}
.book-card details:not([open]) summary img{transform:rotate(-90deg);}
.outline-branch{padding-left:12.2px;padding-bottom:3px;}.outline-branch p{position:relative;padding:1px 0;}.outline-branch p::before{content:"•";position:absolute;left:-4.7px;}
.outline-tags{display:flex;gap:.939px;margin-bottom:1.878px;}.outline-tags span{border:.235px solid var(--color-homepage-agent-surface-border);border-radius:2.818px;padding:.47px 1.878px;background:var(--color-homepage-agent-file-background);font-size:2.58px;line-height:3.522px;}
.outline-photo{width:37.705px;height:46.721px;object-fit:cover;margin:1.878px 0;}
.travel-card{left:320px;top:619px;width:264px;padding:15px 17px 13px;font-size:11px;max-height:300px;overflow:auto;background:var(--color-homepage-travel-card-background);}
.travel-card h3{font-size:17px;margin:10px 0 6px;}.travel-card .coast-checklist-intro{font-size:10px;margin-bottom:12px;}.travel-card label{font-size:10.5px;gap:8px;}.travel-card ul{gap:9px;}.travel-card input{width:12px;height:12px;}.travel-card .coast-progress{font-size:9px;margin-top:12px;padding-top:9px;}.travel-card .coast-checklist-top{font-size:8px;letter-spacing:1px;}
.object-focus-target{position:absolute;z-index:9;pointer-events:none;opacity:0;border:0;background:transparent;padding:0;}
.object-focus-target:focus-visible{opacity:1;outline:2px solid var(--color-homepage-object-focus-target-focus-visible-focus);outline-offset:4px;}
@keyframes insight-enter{from{opacity:0;}to{opacity:1;}}
@media(prefers-reduced-motion:reduce){.insight-card{animation:none;}}
@media(max-width:699px){.hover-design-plane{inset:0;width:100%;height:100%;transform:none;}.insight-card{left:16px;top:auto;bottom:76px;transform:none;max-width:calc(100vw - 32px);}.explain-card{font-size:12px;line-height:1.5;width:calc(100vw - 32px);max-height:55svh;overflow:auto;}.explain-card h3{font-size:14px;line-height:1.4;}.explain-card header{font-size:15px;}.explain-card small{font-size:10px;line-height:1.5;}.explain-card footer button{font-size:12px;line-height:28px;}.task-card{width:calc(100vw - 32px);font-size:10px;padding:16px;gap:10px;}.task-card h3{font-size:12px;}.book-card{width:260px;font-size:7px;}.book-card h3{font-size:11px;}.book-card summary{font-size:9px;}.book-card .outline-photo{width:38px;height:47px;}.book-card .outline-tags{display:none;}.travel-card{width:calc(100vw - 32px);}.sound-card{left:auto;right:16px;}.painting-card{left:16px;}}
/* Exact Figma brush exports retain their native SVG dimensions. */
.figma-knowledge,.figma-tools,.figma-ideas{inset:0;width:1440px;height:941px;}
.figma-creative{left:321.984px;top:635.448px;}
.figma-creative-dot{left:319.392px;top:633.293px;}
.figma-observation{left:260.064px;top:795.0px;}
.figma-observation-dot{left:257.04px;top:793.357px;}
.knowledge-label{left:1026px;top:231px;transform:translate(-50%,29px) rotate(-90deg);}
.observation-label{left:316.67px;}.conversations-label{left:1207.5px;top:776px;}
.explain-card [data-copy] img{width:7.77143px;height:7.77143px;}
@media(min-width:941px){
 .opening-copy h1{font-size:calc(60px * var(--layout-scale));letter-spacing:0;}
}
/* banner-v60.css */
/* v60: one autonomous scene, with no scroll lock or input interlude. */
.experience{height:100svh;min-height:600px;}
.stage{position:relative;height:100%;min-height:600px;}
.scene{z-index:2;pointer-events:none;}
.scene-materials{position:absolute;inset:0;z-index:2;pointer-events:none;isolation:isolate;}
.next-section{min-height:120px;}
.sky-atmosphere{position:absolute;inset:0;background:linear-gradient(to bottom,rgb(var(--sky-top,6,9,15)) 0%,rgb(var(--sky-top,6,9,15)) 20%,rgb(var(--sky-bottom,8,12,18)) 100%);}
.backdrop-dark{background-image:url("/hp/assets/f94bd.webp");background-color:transparent;inset:-2%;width:104%;height:104%;mix-blend-mode:screen;opacity:var(--star-opacity,.84);transform:scale(var(--star-scale,1.035));transform-origin:50% 63%;}
.backdrop-light{background:transparent;opacity:var(--paper-opacity,0);}
.backdrop-light::after{transform:scale(1);background-image:url("/hp/assets/f94bd.webp");opacity:.10;}
.landscape-layer{position:absolute;left:50%;top:50%;width:1440px;height:941px;transform:translate(-50%,-50%) scale(var(--layout-scale));transform-origin:center;pointer-events:none;}
.landscape-front{z-index:3;}
.landscape-photo{position:absolute;left:0;top:0;width:1440px;height:720px;transform-origin:0 0;will-change:transform;}
.landscape-photo>img,.landscape-photo>video{position:absolute;inset:0;width:1440px;height:720px;object-fit:fill;}
.landscape-complete{opacity:0;}
/* Figma's corrected transparent pixels already contain the warm grass edge;
   do not matte the original blue-sky photograph a second time. */
.landscape-ground{mask:none;}
.landscape-monolith{position:absolute;inset:0;opacity:0;pointer-events:none;}
.landscape-stone{position:absolute;left:467.461px;top:325.834px;width:75.224px;height:96.716px;max-width:none;}
.landscape-slope{position:absolute;left:433.074px;top:387.266px;width:136.836px;height:81.713px;overflow:hidden;mask:url("/hp/assets/intro-v90/slope-mask.svg") center/100% 100% no-repeat;}
.landscape-slope img{position:absolute;left:-433.074px;top:-387.266px;width:1440px;height:720px;max-width:none;}
/* Portrait composition exposes the stone in the gap above the foreground
   computer, with the patch sampling the terrain's exact new coordinates. */
.landscape-foreground{mask:url("/hp/assets/banner-v60/2bb02-q80.webp") center/100% 100% no-repeat;}
.landscape-rock-patch{position:absolute;left:230px;top:577px;width:166px;height:89px;mask:url("/hp/assets/banner-v60/e9f95.svg") center/100% 100% no-repeat;overflow:hidden;}
.landscape-rock-patch img{position:absolute;left:-230px;top:-577px;width:1440px;height:720px;}
.landscape-video{opacity:0;}
.opening-copy{opacity:0;}
.opening-copy h1{text-shadow:var(--shadow-homepage-opening-copy-text-shadow);}
.final-copy{will-change:margin-top,opacity;}
.connection-art{position:absolute;inset:0;overflow:visible;}
.creative-label{left:330.996px;top:607.686px;}
.ideas-label{left:1024.316px;top:512.318px;}
.observation-label{left:324px;}
.scroll-cue{display:none;}
.scroll-stem{background:var(--gradient-homepage-scroll-stem-background);}
.insight-group{position:absolute;inset:0;pointer-events:none;animation:group-enter .24s cubic-bezier(.2,.7,.2,1);}
.insight-group[hidden]{display:none;}
.insight-card{animation:none;background:var(--color-homepage-agent-surface-background);border:.718px solid var(--color-homepage-insight-card-border);box-shadow:var(--shadow-homepage-insight-card-box-shadow);backdrop-filter:blur(8.7px);}
.suggestion{width:160px;min-height:86.6px;padding:12.8px 9.6px;border-radius:9.6px;font-size:11.2px;line-height:14.4px;letter-spacing:.448px;display:flex;flex-direction:column;align-items:flex-start;gap:9.6px;color:var(--color-homepage-suggestion-text);}
.suggestion-icon{padding:3.2px;background:var(--color-homepage-suggestion-icon-background);border-radius:6.4px;}
.suggestion-icon img{width:16px;height:16px;}
.project-task{width:250px;height:70.467px;padding:12px 16px;display:flex;flex-direction:column;gap:6px;border-radius:8px;font-size:6.492px;letter-spacing:.2597px;line-height:7.79px;}
.project-task h3{display:flex;gap:5.316px;align-items:center;font-family:NeverMindCompact,Arial,sans-serif;font-size:9.302px;letter-spacing:.093px;font-weight:600;white-space:nowrap;margin:0;}
.project-task h3 img{width:10.631px;height:10.631px;}
.project-task .task-progress{gap:9.614px;padding-block:2.136px;}
.project-task .task-dates{line-height:7.79px;}
.image-map{left:216px;top:725px;width:248px;height:147px;padding:12px 16px;}
.image-map>div{position:relative;width:216px;height:123px;overflow:hidden;}
.image-map img{position:absolute;width:111.76%;height:120.72%;left:-5.88%;top:-10.36%;max-width:none;}
.voice-map{left:1160px;top:630px;width:162px;height:244px;padding:12px;}
.voice-map>div{position:relative;width:138px;height:220px;border:.8px solid var(--color-homepage-voice-map-border);border-radius:4px;overflow:hidden;}
.voice-map img{position:absolute;width:128.99%;height:118.02%;left:-14.49%;top:-9.01%;max-width:none;}
.integration-logo{position:absolute;pointer-events:auto;width:58.67px;height:58.67px;}
.logo-a{left:187px;top:382px;width:60.75px;height:60.75px;transform:rotate(-12deg);}
.logo-c{left:253px;top:231px;transform:rotate(13deg);}
.logo-a img,.logo-c img{position:absolute;left:-16.67%;top:-4.17%;width:133.34%;height:164.59%;}
.logo-b{left:78px;top:479px;border-radius:10.97px;background:var(--color-background-default);transform:rotate(14deg);box-shadow:var(--shadow-homepage-logo-b-box-shadow);}
.logo-b img{position:absolute;left:18.75%;top:17.35%;width:62.5%;height:65.3%;}
.logo-d{left:172px;top:158px;width:60.58px;height:60.58px;transform:rotate(-13deg);}
.logo-d img{width:100%;height:100%;}
.integration-toggle{left:158px;top:278px;width:178.086px;height:57px;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:10px;font-family:-apple-system,Arial,sans-serif;font-size:20px;}
.integration-toggle button{border:0;background:transparent;padding:0;margin-left:16px;}
.integration-toggle button[aria-checked=false]{filter:grayscale(1);opacity:.5;}
.pitch-thumbnail{position:absolute;left:1117px;top:386.074px;width:290px;height:171.852px;padding:0;pointer-events:auto;overflow:hidden;border:5.37px solid var(--color-homepage-pitch-thumbnail-border);border-radius:14.321px;background:var(--color-homepage-pitch-thumbnail-background);box-shadow:var(--shadow-homepage-pitch-thumbnail-box-shadow);}
.pitch-back{position:absolute;inset:0;width:100%;height:116.9%;top:-10%;object-fit:cover;}
.pitch-title{position:absolute;left:50%;top:-2.68px;width:305.514px;height:171.852px;transform:translateX(-50%);}
.pitch-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.travel-pills{position:absolute;left:1075px;top:657px;display:flex;flex-direction:column;align-items:flex-start;gap:6.4px;pointer-events:auto;filter:drop-shadow(0 2px 2px var(--color-homepage-travel-pills-filter)) drop-shadow(0 7px 3.5px var(--color-homepage-travel-pills-filter-2));}
.travel-pills label{display:flex;align-items:center;gap:6.4px;padding:4.8px 6.4px;border-radius:4.8px;background:var(--color-homepage-travel-pills-background);font-family:NeverMindSlab,Georgia,serif;font-size:11.2px;line-height:1.2;letter-spacing:.224px;color:var(--color-text-strong);white-space:nowrap;cursor:pointer;backdrop-filter:blur(2px);}
.travel-pills label:has(input:checked){background:var(--color-homepage-travel-pills-checked-background);}
.travel-pills input{appearance:none;margin:2.4px;width:11.2px;height:11.2px;border:1.12px solid var(--color-homepage-travel-pills-border);border-radius:3.2px;flex:none;cursor:pointer;}
.travel-pills input:checked{background:var(--color-homepage-travel-pills-checked-background-2);position:relative;}
.travel-pills input:checked::after{content:"✓";position:absolute;inset:-2px;color:var(--color-text-on-color);font-family:Arial,sans-serif;font-size:11px;text-align:center;}
.travel-pills input:checked+span{text-decoration:line-through;}
.pitch-dialog{position:fixed;inset:0;margin:auto;width:min(800px,calc(100vw - 40px));border:1px solid var(--color-homepage-pitch-dialog-border);border-radius:18px;padding:0;background:var(--color-homepage-pitch-dialog-background);color:var(--color-text-on-color);pointer-events:auto;box-shadow:var(--shadow-homepage-pitch-dialog-box-shadow);}
.pitch-dialog::backdrop{background:var(--color-homepage-pitch-dialog-background-2);backdrop-filter:blur(8px);}
.pitch-slide{padding:70px 50px;background:var(--gradient-homepage-pitch-slide-background);}
.pitch-slide small{letter-spacing:3px;color:var(--color-homepage-pitch-slide-text);}.pitch-slide h3{font-size:clamp(28px,4vw,52px);line-height:1.2;margin:28px 0;}.pitch-slide p{font-size:18px;color:var(--color-homepage-pitch-slide-text-2);}
.pitch-close{position:absolute;right:14px;top:12px;font-size:26px;border:0;background:transparent;}.pitch-next{float:right;margin:18px;border:1px solid var(--color-homepage-pitch-next-border);border-radius:8px;background:transparent;padding:10px 16px;}
@keyframes group-enter{from{opacity:0;transform:translateY(7px) scale(.985);}to{opacity:1;transform:none;}}
@media(min-width:941px){.opening-copy{top:48%;}.opening-copy em{transform:translateY(calc(-8px * var(--layout-scale)));}}
@media(max-width:699px){
 .experience,.stage{min-height:720px;}
 .hover-design-plane{inset:0;width:100%;height:100%;transform:none;}
 .insight-group{inset:auto 12px 66px;width:calc(100% - 24px);height:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;justify-content:center;}
 .suggestion,.project-task{position:relative;left:auto!important;top:auto!important;bottom:auto;transform:none;}
 .suggestion{width:calc(50% - 4px);font-size:12px;min-height:104px;padding:14px;line-height:1.4;}
 .project-task{width:100%;height:auto;font-size:11px;line-height:1.5;padding:14px;gap:8px;}
 .project-task h3{font-size:13px;white-space:normal;}
 .image-map,.voice-map{position:relative;left:auto;top:auto;bottom:auto;transform:none;}
 .integration-logo{position:relative;left:auto;top:auto;transform:none;margin:8px;}
 .integration-toggle{position:relative;left:auto;top:auto;bottom:auto;transform:none;margin-top:12px;}
 .pitch-thumbnail{position:relative;left:auto;top:auto;}
 .travel-pills{position:relative;left:auto;top:auto;gap:8px;max-width:100%;}
 .travel-pills label{font-size:12px;white-space:normal;padding:8px;line-height:1.4;}
 .travel-pills input{width:14px;height:14px;}
 .final-copy{top:210px;width:490px;}.final-copy h2{font-size:54px;}.final-copy p{font-size:22px;}
}
@media(prefers-reduced-motion:reduce){.insight-group{animation:none;}}
/* journey-v70.css */
/* Design coordinates: desktop 1440 × 941; phone 375 × 788. */
:root{color-scheme:light;}body{background:var(--color-background-mute);}.experience{height:240svh;min-height:0;}.stage{position:sticky;top:0;height:100svh;min-height:0;}.mobile-intro{display:none;}.opening-copy{top:calc(50% - 23.5px * var(--layout-scale));max-width:none;}.opening-copy h1{font-size:calc(60px * var(--layout-scale));line-height:1.2;letter-spacing:0;}.opening-copy em{font-size:1.067em;transform:translateY(calc(-8px * var(--layout-scale)));}.final-copy{top:437px;left:719.5px;width:561px;transform:translate(-50%,-50%);gap:64px;}.final-copy h2{font-size:60px;line-height:72px;}.final-copy p{font-size:20px;line-height:32px;margin:12px 0 0;}.final-copy .final-headline{gap:16px;}.cta{box-shadow:none;}.cta-primary{background:var(--color-homepage-cta-primary-background-2);}.cta:hover{transform:none;}.backdrop-light::after{opacity:.14;}.tools-label{left:422.6px;top:207px;}.knowledge-label{left:1030px;top:158px;transform:translate(-50%,29px) rotate(-90deg);}.task-connector{position:absolute;left:1184px;top:546px;}.hover-statue-occluder{position:absolute;left:102px;top:370px;width:231px;height:363px;z-index:2;pointer-events:none;}.suggestion{z-index:3;}.suggestion:nth-child(1),.suggestion:nth-child(2){z-index:1;}.insight-group{animation:insight-enter .18s ease-out;}.change-title{position:absolute;z-index:7;left:50%;top:26%;margin:0;transform:translate(-50%,-50%);font-size:calc(60px * var(--layout-scale));line-height:1.2;white-space:nowrap;letter-spacing:0;font-weight:600;color:var(--color-text-strong);opacity:0;pointer-events:none;}.change-title em{font:600 1.067em Briem,cursive;display:inline-block;transform:translateY(-6px);}
.journey-composer{position:fixed;z-index:32;pointer-events:none;color:var(--color-homepage-agent-demo-plane-text);transform-origin:top left;filter:drop-shadow(0 18px 20px var(--color-homepage-journey-composer-filter));}.journey-composer .demo-input{width:100%;height:100%;position:relative;inset:auto;padding:15px;border:1px solid var(--color-homepage-agent-surface-border);background:var(--color-homepage-journey-composer-demo-input-background);border-radius:16px;box-shadow:none;font-size:16px;}.journey-composer .demo-input p{font-size:inherit;line-height:1.45;margin:0 0 10px;}.journey-composer .demo-attachments{position:absolute;left:15px;top:-45px;opacity:var(--attachment-reveal,0);}.journey-composer .composer-tools{position:absolute;bottom:15px;left:15px;right:15px;}
.agent-features,.templates-section{position:relative;background:var(--color-background-mute);color:var(--color-text-strong);padding:128px max(24px,calc((100vw - 1312px)/2)) 0;}.agent-features>h2,.templates-section>h2{font-size:36px;line-height:44px;font-weight:600;text-align:center;margin:0 0 48px;letter-spacing:-.6px;}.feature-stack{height:340svh;position:relative;}.stack-sticky{position:sticky;top:24px;height:calc(100svh - 48px);max-height:880px;overflow:clip;border:1px solid var(--color-homepage-stack-sticky-border);background:var(--color-homepage-focus-background);}.feature-card{position:absolute;left:0;width:100%;display:grid;grid-template-columns:1fr 1fr;background:var(--color-homepage-feature-card-background) url("/hp/assets/v70/012ba.png") center/cover;border-top:1px solid var(--color-homepage-insight-card-border);overflow:hidden;isolation:isolate;min-height:220px;}.feature-card:first-child{border-top:0;}.feature-copy{padding:38px 46px;position:relative;z-index:2;}.feature-copy h3{font-family:NeverMindSlab,Georgia,serif;font-size:26px;line-height:1.35;font-weight:400;margin:0 0 28px;}.feature-copy h3 button{font:inherit;color:var(--color-text-strong);text-align:left;border:0;background:none;padding:0;width:100%;}.feature-description p{font-size:16px;line-height:26px;max-width:550px;margin:0 0 24px;color:var(--color-homepage-closing-section-closing-content-text);}.view-demo,.dark-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--color-button-impact-background);color:var(--color-text-on-color);border:0;border-radius:6px;padding:10px 20px;font-size:16px;font-weight:600;}.view-demo:hover,.dark-button:hover{background:var(--color-homepage-view-demo-hover-background);}.feature-visual{position:relative;border:1px solid var(--color-homepage-stack-sticky-border);border-radius:24px;margin:26px 24px 26px 12px;overflow:hidden;background:var(--color-homepage-feature-visual-background);}.feature-visual::before{content:"";position:absolute;inset:0;opacity:.11;background:url("/hp/assets/v70/5eddd.png") center/cover;mix-blend-mode:multiply;pointer-events:none;}.feature-1 .feature-visual{background:var(--color-homepage-feature-1-feature-visual-background);}.feature-2 .feature-visual{background:var(--color-homepage-feature-2-feature-visual-background);}.feature-3 .feature-visual{background:var(--color-homepage-feature-3-feature-visual-background);}.demo-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:NeverMind,Arial,sans-serif;font-size:12px;color:var(--color-homepage-demo-stage-text);container-type:inline-size;}.demo-window{position:relative;width:88%;height:75%;min-height:270px;background:var(--color-homepage-demo-window-background);border:1px solid var(--color-homepage-demo-window-border);border-radius:18px;box-shadow:var(--shadow-homepage-demo-window-box-shadow);overflow:hidden;}.window-bar{height:38px;border-bottom:1px solid var(--color-homepage-window-bar-border);display:flex;align-items:center;gap:9px;padding:0 14px;font-size:10px;}.window-actions{margin-left:auto;color:var(--color-homepage-window-actions-text);}.first-input-dock{position:absolute;width:86%;height:144px;left:7%;top:calc(50% - 60px);}.demo-input{padding:16px;border-radius:14px;background:var(--color-homepage-demo-input-background);border:1px solid var(--color-homepage-demo-input-border);box-shadow:var(--shadow-homepage-demo-input-box-shadow);position:relative;font-size:12px;line-height:1.6;}.demo-input p{margin:0 0 18px;}.composer-tools{display:flex;gap:10px;align-items:center;height:28px;color:var(--color-homepage-composer-tools-text);}.tool-add{border:1px solid var(--color-homepage-agent-surface-border);border-radius:7px;font-size:19px;width:28px;height:28px;text-align:center;line-height:26px;}.mode-segment{background:var(--color-homepage-agent-mode-background);border-radius:6px;padding:2px 4px;}.mode-segment b{display:inline-block;background:var(--color-homepage-agent-file-icon-background);padding:0 4px;border-radius:4px;color:var(--color-homepage-mode-segment-text);}.composer-spacer{flex:1;}.purple-send{width:28px;height:28px;background:var(--color-homepage-agent-send-background);border-radius:7px;color:var(--color-text-on-color);display:grid;place-items:center;font-size:20px;}.demo-attachments{display:flex;gap:5px;align-items:center;margin-bottom:8px;font-size:9px;color:var(--color-homepage-demo-attachments-text);height:26px;}.demo-attachments img{height:26px;width:26px;object-fit:contain;background:var(--color-background-default);border:1px solid var(--color-homepage-demo-attachments-border);border-radius:4px;}.live-map{position:absolute;inset:48px 5% 30px;opacity:0;font-size:11px;}.live-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}.live-map path{stroke:var(--color-homepage-live-map-icon);stroke-width:1.5;fill:none;stroke-dasharray:600;stroke-dashoffset:600;}.map-root{position:absolute;left:0;top:44%;background:var(--color-homepage-map-root-background);padding:14px 12px;border-radius:7px;font-weight:600;max-width:28%;text-align:center;}.map-branch{position:absolute;left:58%;width:42%;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateX(10px);}.map-branch strong{padding:6px 9px;border-bottom:2px solid var(--color-homepage-map-branch-border);font-weight:500;}.map-branch span{font-size:9px;line-height:1.5;padding-left:9px;color:var(--color-homepage-map-branch-text);}.branch-0{top:8%;}.branch-1{top:40%;}.branch-2{top:72%;}.map-finish{position:absolute;bottom:-24px;left:0;font-size:9px;color:var(--color-homepage-map-finish-text);}.demo-playing .generate-demo .first-input-dock{animation:input-generate 10s ease-in-out infinite;}.demo-playing .generate-demo .live-map{animation:map-appear 10s ease-in-out infinite;}.demo-playing .generate-demo .live-map path{animation:map-lines 10s ease-in-out infinite;}.demo-playing .map-branch{animation:map-branch 10s ease-in-out infinite;}.demo-playing .branch-1{animation-delay:.14s;}.demo-playing .branch-2{animation-delay:.28s;}
.refine-demo,.action-demo,.present-demo{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}.agent-chat{width:76%;background:var(--color-homepage-agent-chat-background);border-radius:18px;padding:22px;box-shadow:var(--shadow-homepage-agent-chat-box-shadow);position:relative;}.file-chip{display:flex;gap:9px;align-items:center;width:max-content;padding:8px;background:var(--color-homepage-file-chip-background);border:1px solid var(--color-homepage-file-chip-border);border-radius:8px;margin:0 0 10px auto;font-size:10px;}.file-chip>span{display:grid;place-items:center;width:24px;height:30px;background:var(--color-background-default);border-radius:3px;color:var(--color-homepage-file-chip-text);font-size:8px;}.file-chip small{display:block;color:var(--color-homepage-file-chip-text-2);margin-top:4px;}.chat-bubble{padding:12px 15px;background:var(--color-homepage-chat-bubble-background);border-radius:14px 14px 3px 14px;line-height:1.7;margin:0 0 20px;}.agent-steps{list-style:none;padding:0;margin:0;display:grid;gap:14px;color:var(--color-homepage-file-chip-text-2);font-size:10px;}.agent-steps li::before{content:"◌";margin-right:8px;}.agent-steps li:last-child::before{content:"✓";}.new-directions{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px;opacity:0;}.new-directions span{font-size:9px;background:var(--color-homepage-new-directions-background);border-radius:5px;padding:6px;}.refine-map{position:absolute;inset:20%;opacity:0;}.demo-playing .agent-steps li{animation:step-in 8s ease-in-out infinite;}.demo-playing .agent-steps li:nth-child(2){animation-delay:.35s;}.demo-playing .agent-steps li:nth-child(3){animation-delay:.7s;}.demo-playing .agent-steps li:nth-child(4){animation-delay:1.05s;}.demo-playing .new-directions{animation:result-in 8s ease-in-out infinite;}.action-demo>.demo-input{width:80%;position:absolute;}.task-result{position:absolute;width:84%;padding:20px;background:var(--color-homepage-task-result-background);border:1px solid var(--color-homepage-task-result-border);border-radius:14px;box-shadow:var(--shadow-homepage-task-result-box-shadow);opacity:0;}.task-result-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:18px;font-size:11px;}.task-result-top>span{font-size:9px;color:var(--color-homepage-task-result-top-text);}.demo-task{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--color-homepage-demo-task-border);font-size:10px;}.demo-task>span:nth-child(2){flex:1;}.demo-task small{display:block;font-size:8px;color:var(--color-homepage-demo-task-text);margin-top:5px;}.task-check{border:1px solid var(--color-homepage-task-check-border);border-radius:4px;width:15px;height:15px;display:grid;place-items:center;color:var(--color-homepage-task-check-text);}.task-owner{width:17px;height:17px;background:var(--color-homepage-task-owner-background);border-radius:50%;display:grid;place-items:center;font-size:8px;}.demo-task time{font-size:8px;color:var(--color-homepage-wf-terminal-text);}.demo-playing .action-demo>.demo-input{animation:input-generate 10s ease-in-out infinite;}.demo-playing .task-result{animation:map-appear 10s ease-in-out infinite;}.demo-playing .demo-task{animation:task-row 10s ease-in-out infinite;animation-delay:calc(var(--i)*.12s);}.pitch-settings{position:absolute;width:70%;padding:24px;background:var(--color-homepage-pitch-settings-background);border-radius:13px;}.pitch-settings h4{font-size:20px;margin:0 0 24px;}.pitch-choices{display:flex;gap:10px;margin-bottom:22px;}.pitch-choices img{width:30%;height:55px;object-fit:cover;border-radius:6px;}.pitch-choices .chosen{outline:2px solid var(--color-homepage-pitch-choices-chosen-focus);outline-offset:2px;}.pitch-settings label{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:12px 0;}.pitch-settings label span{border:1px solid var(--color-homepage-pitch-settings-border);border-radius:3px;padding:3px 7px;width:62%;background:var(--color-background-default);}.pitch-settings footer{display:flex;gap:8px;justify-content:flex-end;margin:24px -24px -24px;padding:15px 20px;border-top:1px solid var(--color-border-subtle);font-size:10px;}.pitch-settings footer span,.pitch-settings footer b{padding:6px 10px;background:var(--color-background-default);border-radius:4px;}.pitch-settings footer b{background:var(--color-homepage-pitch-settings-background-2);color:var(--color-text-on-color);}.presentation-result{position:absolute;width:84%;aspect-ratio:16/10;border-radius:10px;background:var(--color-homepage-presentation-result-background);overflow:hidden;opacity:0;}.presentation-result>img{width:100%;height:100%;object-fit:cover;opacity:.6;}.presentation-result>div{position:absolute;left:8%;top:15%;color:var(--color-text-on-color);}.presentation-result small{font-size:8px;letter-spacing:2px;}.presentation-result h4{font:600 clamp(18px,4cqw,34px)/1.2 NeverMind;margin:12px 0;}.presentation-result p{font-size:9px;}.presentation-result nav{position:absolute;bottom:12px;left:8%;display:flex;gap:5px;}.presentation-result i{width:18px;height:2px;background:var(--color-homepage-presentation-result-background-2);}.presentation-result i:first-child{background:var(--color-background-default);}.demo-playing .pitch-settings{animation:input-generate 10s ease-in-out infinite;}.demo-playing .presentation-result{animation:map-appear 10s ease-in-out infinite;}
.workflow-section{height:320svh;position:relative;margin-top:128px;}.workflow-sticky{position:sticky;top:0;height:100svh;max-height:900px;min-height:620px;overflow:hidden;background:var(--color-homepage-workflow-sticky-background-2);color:var(--color-text-on-color);}.workflow-sky,.workflow-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}.workflow-landscape{object-position:center bottom;}.workflow-content{position:relative;width:100%;height:100%;display:grid;grid-template-columns:29% 30% 41%;padding:110px max(24px,calc((100vw - 1312px)/2)) 0;gap:30px;}.workflow-content>h2{font-size:36px;line-height:44px;margin:0;font-weight:600;letter-spacing:-.5px;max-width:358px;}.workflow-options{display:flex;flex-direction:column;align-items:flex-start;gap:16px;}.workflow-options button,.workflow-options>a{font:600 clamp(20px,2.5vw,36px)/1.22 NeverMind;border:0;padding:0;background:none;color:var(--color-homepage-workflow-options-text-2);white-space:nowrap;transition:color .25s;}.workflow-options button[aria-selected=true],.workflow-options button:hover{color:var(--color-text-on-color);}.workflow-panel{position:relative;margin-top:15px;min-width:480px;height:482px;animation:workflow-enter .5s cubic-bezier(.2,.7,.2,1);}.workflow-window{position:relative;padding:35px 40px;background:var(--color-homepage-workflow-window-background);backdrop-filter:blur(14px);border:1px solid var(--color-homepage-pitch-next-border);border-radius:24px;min-height:450px;box-shadow:var(--shadow-homepage-workflow-window-box-shadow);overflow:hidden;}.workflow-appbar{display:flex;justify-content:space-between;align-items:center;color:var(--color-homepage-workflow-appbar-text);font-size:11px;}.window-dots{letter-spacing:4px;color:var(--color-homepage-window-dots-text);}.workflow-window h3{font-size:28px;font-weight:500;margin:24px 0 36px;color:var(--color-homepage-workflow-window-text);white-space:nowrap;}.workflow-logo{position:absolute;top:-35px;left:25%;width:80px;height:80px;object-fit:contain;z-index:2;filter:drop-shadow(0 5px 5px var(--color-homepage-workflow-logo-filter));}.workflow-prompt{background:var(--color-homepage-workflow-prompt-background);border-radius:16px;padding:20px 24px;font-size:16px;color:var(--color-homepage-workflow-prompt-text);line-height:1.5;box-shadow:var(--shadow-homepage-workflow-prompt-box-shadow);margin-left:-56px;margin-right:-56px;}.workflow-steps{list-style:none;display:grid;gap:16px;padding:28px 0 0;margin:0;font-size:12px;color:var(--color-homepage-workflow-steps-text);}.workflow-steps li::before{content:"✓";margin-right:9px;}.workflow-panel.is-visible .workflow-steps li{animation:workflow-step 7s ease-in-out infinite;animation-delay:calc(var(--i)*.45s);}.workflow-output{display:flex;align-items:center;gap:12px;padding:13px;background:var(--color-homepage-workflow-output-background);border-radius:10px;margin-top:24px;color:var(--color-homepage-agent-demo-plane-text);font-size:13px;}.workflow-output small{display:block;font-size:10px;color:var(--color-homepage-workflow-output-text);margin-top:5px;}.workflow-output>span:last-child{margin-left:auto;color:var(--color-homepage-workflow-output-text-2);}.workflow-code .workflow-window{background:var(--color-homepage-workflow-code-workflow-window-background);}.workflow-code .workflow-window h3,.workflow-code .workflow-steps{color:var(--color-homepage-workflow-code-workflow-window-text);font-family:monospace;}.workflow-code .workflow-prompt{font-family:monospace;}.templates-section{padding-top:128px;padding-bottom:0;}.template-tabs{display:flex;width:max-content;max-width:100%;gap:24px;background:var(--color-homepage-newsletter-background);padding:8px;border-radius:16px;margin:0 auto 32px;overflow:auto;}.template-tabs button{border:0;padding:12px 16px;border-radius:12px;background:transparent;font-size:20px;line-height:30px;white-space:nowrap;color:var(--color-homepage-template-tabs-text);}.template-tabs button[aria-selected=true]{background:var(--color-background-default);color:var(--color-text-strong);box-shadow:var(--shadow-homepage-template-tabs-true-box-shadow);font-weight:600;}.template-panel{position:relative;height:auto;aspect-ratio:1312/620;overflow:hidden;background-size:cover;background-position:center;}.template-panel::before{content:"";position:absolute;inset:0;background:url("/hp/assets/v70/6e131.png") center/cover;opacity:.3;mix-blend-mode:hard-light;}.template-app{position:absolute;left:6.63%;top:10.97%;width:86.66%;height:120%;background:var(--color-background-default);border:1px solid var(--color-homepage-review-card-border);border-radius:26px;box-shadow:var(--shadow-homepage-template-app-box-shadow);overflow:hidden;animation:template-enter .4s ease-out;}.template-appbar{height:70px;display:flex;align-items:center;gap:10px;padding:20px;color:var(--color-homepage-agent-demo-plane-text);font-size:12px;}.template-appbar strong{max-width:29%;font-size:12px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.template-appbar small{display:block;font-size:9px;font-weight:400;margin-top:3px;}.traffic-lights{display:flex;gap:7px;}.traffic-lights i{width:11px;height:11px;border-radius:50%;background:var(--color-homepage-traffic-lights-background);}.traffic-lights i:nth-child(2){background:var(--color-homepage-traffic-lights-background-2);}.traffic-lights i:nth-child(3){background:var(--color-homepage-traffic-lights-background-3);}.template-toolbar{margin:auto;font-size:20px;letter-spacing:3px;}.share-preview{background:var(--color-homepage-pitch-settings-background-2);color:var(--color-text-on-color);border-radius:5px;padding:6px 10px;font-size:10px;}.template-art{position:absolute;left:3.35%;top:99px;width:92.2%;}.template-art>img{width:100%;height:auto;}.template-0 .template-appbar strong{position:absolute;top:52px;left:37%;text-align:center;font-size:16px;max-width:26%;white-space:normal;color:var(--color-homepage-template-0-template-appbar-text);}.template-0 .template-appbar strong small{display:none;}.template-0 .template-art{left:2.11%;top:121px;width:95%;}.template-0 .template-art>img{transform:translateY(-8%);}.template-0 .template-toolbar{visibility:hidden;}.template-3 .template-art{left:4.14%;top:66px;width:88.2%;}.template-4 .template-art{left:5.8%;top:105px;width:88.4%;}.template-2 .template-art{left:2.2%;top:90px;width:76.3%;}.marker-panel{position:absolute;top:0;right:0;width:25%;height:100%;background:var(--color-homepage-marker-panel-background);border:1px solid var(--color-homepage-marker-panel-border);padding:16px;font-size:12px;border-radius:18px;box-shadow:var(--shadow-homepage-marker-panel-box-shadow);}.marker-panel b{display:block;background:var(--color-background-default);border-radius:8px;padding:8px;}.marker-panel p{margin:28px 0 10px;font-weight:600;}.marker-panel div{font-size:22px;line-height:1.7;letter-spacing:3px;color:var(--color-homepage-marker-panel-text);}.template-ai{position:absolute;left:28%;top:67%;width:45%;border:3px solid var(--color-homepage-template-ai-border);border-radius:14px;background:var(--color-homepage-template-ai-background);font-size:12px;box-shadow:var(--shadow-homepage-template-ai-box-shadow);}.template-ai>div{padding:10px 12px;border-bottom:1px solid var(--color-homepage-template-ai-border-2);white-space:nowrap;font-size:11px;}.template-ai b{background:var(--color-homepage-template-ai-background-2);border-radius:4px;padding:4px;font-weight:400;}.template-ai p{margin:0;padding:12px;color:var(--color-homepage-template-ai-text);}.template-ai p span{float:right;background:var(--color-homepage-template-ai-background-3);border-radius:4px;padding:0 4px;color:var(--color-text-on-color);}.template-actions{display:flex;justify-content:center;gap:12px;margin-top:48px;}.light-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:var(--color-background-default);color:var(--color-text-strong);box-shadow:var(--shadow-homepage-light-button-box-shadow);border-radius:6px;font-size:16px;font-weight:600;}.template-note{text-align:center;color:var(--color-text-tertiary);font-size:12px;line-height:18px;margin:12px 0 0;}.preview-footer{display:flex;align-items:center;justify-content:space-between;max-width:1312px;margin:80px auto 0;padding:32px 24px;border-top:1px solid var(--color-homepage-preview-footer-border);color:var(--color-homepage-closing-section-closing-content-text);}.preview-footer>a{font-size:26px;font-weight:600;}
@keyframes input-generate{0%,25%{opacity:1;transform:translateY(0) scale(1);}36%,83%{opacity:0;transform:translateY(22px) scale(.97);}94%,100%{opacity:1;transform:none;}}
@keyframes map-appear{0%,27%{opacity:0;transform:translateY(12px);}40%,82%{opacity:1;transform:none;}93%,100%{opacity:0;transform:translateY(-8px);}}
@keyframes map-lines{0%,30%{stroke-dashoffset:600;}55%,83%{stroke-dashoffset:0;}94%,100%{stroke-dashoffset:600;}}
@keyframes map-branch{0%,35%{opacity:0;transform:translateX(10px);}49%,83%{opacity:1;transform:none;}94%,100%{opacity:0;}}
@keyframes step-in{0%,12%{opacity:.2;transform:translateY(5px);}26%,83%{opacity:1;transform:none;}97%,100%{opacity:.2;}}
@keyframes result-in{0%,40%{opacity:0;transform:translateY(6px);}55%,85%{opacity:1;transform:none;}97%,100%{opacity:0;}}
@keyframes task-row{0%,32%{opacity:0;transform:translateY(5px);}46%,84%{opacity:1;transform:none;}96%,100%{opacity:0;}}
@keyframes workflow-enter{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
@keyframes workflow-step{0%,12%{opacity:.25;transform:translateY(5px);}25%,84%{opacity:1;transform:none;}98%,100%{opacity:.25;}}
@keyframes template-enter{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
@media(min-width:700px) and (max-height:740px){.feature-copy{padding:23px 32px;}.feature-copy h3{font-size:23px;margin-bottom:20px;}.feature-description p{font-size:14px;line-height:23px;}.demo-window{height:85%;min-height:230px;}.agent-chat{padding:16px;}.chat-bubble{margin-bottom:14px;}.agent-steps{gap:10px;}.pitch-settings{padding:18px;}.pitch-settings h4{font-size:17px;margin-bottom:14px;}.pitch-choices{margin-bottom:12px;}.pitch-settings footer{margin:12px -18px -18px;padding:10px 14px;}.workflow-content{padding-top:90px;}.workflow-options button,.workflow-options>a{font-size:28px;}.workflow-content>h2{font-size:30px;line-height:38px;}}
@media(max-width:1050px) and (min-width:700px){.feature-copy{padding:24px;}.feature-copy h3{font-size:22px;}.feature-description p{font-size:14px;line-height:23px;}.workflow-content{grid-template-columns:29% 28% 43%;gap:15px;padding-inline:24px;}.workflow-content>h2{font-size:28px;line-height:36px;}.workflow-options button,.workflow-options>a{font-size:25px;}.workflow-panel{min-width:390px;}.template-appbar{height:55px;padding:12px;}.template-art{top:75px;}.template-tabs{gap:8px;}.template-tabs button{font-size:16px;}.template-ai{top:60%;font-size:9px;}.template-ai>div{font-size:8px;}}
@media(max-width:699px){
 .experience{height:240svh;}.stage{height:100svh;min-height:0;}.desktop-intro{display:none;}.mobile-intro{display:block;}.opening-copy{top:calc(50% + 12.2px * var(--layout-scale));width:350px;max-width:none;transform:translate(-50%,-50%) scale(var(--layout-scale));}.opening-copy h1{font-size:36px;line-height:45px;letter-spacing:0;}.opening-copy em{font-size:39px;transform:translateY(-2px);}.final-board{width:375px;height:788px;}.final-copy{left:187.5px;top:407px;width:343px;gap:36px;transform:translate(-50%,-50%);}.final-copy h2{font-size:36px;line-height:45px;}.final-headline{height:45px;gap:8px!important;}.final-copy em{font-size:39px;line-height:45px;transform:translateY(-3px);}.final-copy p{font-size:14px;line-height:16.8px;margin:12px 0 0;}.hero-actions{flex-direction:column;gap:14px;}.hero-actions .cta{font-size:20px;line-height:30px;padding:7px 15px;}.connections{display:block;}.connection-art{display:none;}.connections .annotation{display:none;}.mobile-lines{display:block!important;position:absolute;inset:0;}.change-title{font-size:36px;white-space:normal;width:330px;text-align:center;top:30%;line-height:45px;}.change-title em{font-size:39px;transform:translateY(-3px);}.journey-composer .demo-input{font-size:13px;padding:14px;}.journey-composer .composer-tools{bottom:12px;}.hover-statue-occluder{display:none;}.task-connector{display:none;}.insight-group{bottom:28px;}.insight-card{backdrop-filter:blur(12px);}.agent-features,.templates-section{padding:72px 16px 0;}.agent-features>h2,.templates-section>h2{font-size:28px;line-height:36px;letter-spacing:-.5px;margin-bottom:30px;}.stack-sticky{top:12px;height:calc(100svh - 24px);max-height:820px;border-radius:12px;}.feature-stack{height:310svh;}.feature-card{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0;}.feature-copy{padding:16px 18px 8px;}.feature-copy h3{font-size:17px;line-height:24px;margin-bottom:18px;}.feature-description p{font-size:12px;line-height:19px;margin-bottom:12px;}.view-demo{font-size:11px;padding:7px 12px;}.feature-visual{margin:8px 12px 14px;min-height:180px;border-radius:16px;}.demo-window{height:88%;min-height:160px;border-radius:12px;}.window-bar{height:28px;font-size:8px;}.demo-stage{font-size:10px;}.demo-input{font-size:10px;line-height:1.6;padding:12px;}.first-input-dock{height:150px;top:calc(50% - 70px);}.demo-attachments{font-size:8px;height:22px;}.demo-attachments img{height:22px;width:22px;}.live-map{inset:35px 4% 23px;font-size:9px;}.map-root{padding:9px 7px;}.map-branch span{font-size:7px;}.map-branch strong{padding:4px 7px;}.map-finish{font-size:7px;bottom:-18px;}.agent-chat{width:88%;padding:12px;border-radius:12px;}.file-chip{font-size:8px;padding:5px;margin-bottom:6px;}.file-chip>span{height:21px;width:18px;font-size:7px;}.chat-bubble{font-size:9px;padding:8px;margin-bottom:10px;}.agent-steps{font-size:8px;gap:8px;}.new-directions{margin-top:10px;gap:3px;}.new-directions span{font-size:7px;padding:4px;}.task-result{width:90%;padding:12px;}.task-result-top{font-size:9px;margin-bottom:8px;}.task-result-top>span{font-size:7px;}.demo-task{font-size:8px;padding:8px 0;gap:6px;}.demo-task small{font-size:7px;}.task-owner{width:13px;height:13px;font-size:7px;}.demo-task time{font-size:7px;}.pitch-settings{width:85%;padding:14px;}.pitch-settings h4{font-size:15px;margin-bottom:12px;}.pitch-choices{gap:6px;margin-bottom:10px;}.pitch-choices img{height:35px;}.pitch-settings label{font-size:8px;margin:8px 0;}.pitch-settings footer{margin:12px -14px -14px;padding:10px;font-size:8px;}.workflow-section{height:280svh;margin-top:72px;}.workflow-sticky{height:100svh;min-height:640px;max-height:none;}.workflow-content{display:block;padding:58px 24px 0;}.workflow-content>h2{font-size:28px;line-height:36px;max-width:300px;}.workflow-options{margin-top:28px;display:flex;flex-direction:row;gap:16px;width:calc(100vw - 48px);overflow:auto;padding-bottom:10px;}.workflow-options button,.workflow-options>a{font-size:17px;line-height:25px;}.workflow-options>a{display:none;}.workflow-panel{min-width:0;width:calc(100% + 48px);height:350px;margin:55px 0 0 10px;}.workflow-window{min-height:350px;padding:22px 25px;}.workflow-window h3{font-size:22px;margin:20px 0 24px;}.workflow-logo{width:55px;height:55px;top:-34px;left:60%;}.workflow-prompt{font-size:13px;padding:14px;margin-left:-35px;margin-right:-20px;}.workflow-steps{font-size:10px;padding-top:20px;gap:14px;}.workflow-output{font-size:11px;padding:10px;margin-top:20px;}.workflow-landscape{object-position:46% bottom;}.template-tabs{width:100%;gap:4px;padding:5px;border-radius:12px;margin-bottom:22px;}.template-tabs button{font-size:13px;line-height:20px;padding:8px 10px;border-radius:9px;}.template-panel{aspect-ratio:1/1;overflow:hidden;}.template-app{left:6%;top:9%;width:170%;height:110%;border-radius:15px;transform-origin:top left;animation:template-enter .4s ease-out;}.template-appbar{height:45px;padding:12px;font-size:8px;gap:6px;}.template-appbar strong{font-size:9px;}.template-appbar small{font-size:7px;}.traffic-lights{gap:4px;}.traffic-lights i{width:6px;height:6px;}.template-toolbar{font-size:12px;}.template-appbar>img{width:16px;height:16px;}.template-art{top:70px;}.template-0 .template-art{top:90px;}.template-0 .template-appbar strong{top:38px;font-size:11px;}.template-3 .template-art{top:52px;}.template-4 .template-art{top:66px;}.template-2 .template-art{top:62px;}.template-ai{top:73%;left:8%;width:47%;border-width:2px;border-radius:8px;}.template-ai>div{font-size:6px;padding:6px;}.template-ai p{font-size:8px;padding:8px;}.template-actions{margin-top:28px;gap:8px;}.template-actions a{font-size:13px;padding:9px 14px;}.template-note{font-size:10px;}.preview-footer{margin-top:48px;padding:24px 16px;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation:none!important;transition:none!important;}.live-map,.map-branch,.task-result,.presentation-result,.new-directions{opacity:1;transform:none;}.live-map path{stroke-dashoffset:0;}.generate-demo .first-input-dock,.action-demo>.demo-input,.pitch-settings{opacity:0;}.workflow-steps li{opacity:1;}}

.mobile-lines{display:none;}.connections{opacity:calc(var(--graph-reveal) * var(--hover-dim,1));}.feature-card{background-size:100% 100%;}

@font-face{font-family:NeverMindSlab;src:url("/hp/assets/NeverMindSlab-Medium.woff2") format("woff2"),url("/hp/assets/NeverMindSlab-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
.feature-card{background-size:125% auto;}.feature-copy h3{font-weight:500;}.feature-visual{background:var(--color-homepage-feature-visual-background-2);}.feature-1 .feature-visual{background:var(--color-homepage-feature-1-feature-visual-background-2);}.feature-2 .feature-visual{background:var(--color-homepage-feature-2-feature-visual-background-2);}.feature-3 .feature-visual{background:var(--color-homepage-feature-visual-background-2);}.feature-visual::before{filter:invert(1) grayscale(1);opacity:.14;}
.connections{opacity:calc(var(--graph-reveal) * var(--hover-dim,1) * var(--journey-graph,1));}.template-0 .template-appbar strong{display:none;}
@media(min-width:1051px){.workflow-content{padding-inline:clamp(24px,4.44vw,64px);}}

@media(max-width:699px){.change-title{top:20%;font-size:32px;}.change-title em{font-size:35px;}}
.feature-card{background-size:max(125%,1200px) auto;background-repeat:no-repeat;}
.workflow-options,.template-tabs{scrollbar-width:none;}.workflow-options::-webkit-scrollbar,.template-tabs::-webkit-scrollbar{display:none;}

.hover-behind-layer{position:absolute;inset:0;z-index:1;pointer-events:none;color:var(--color-homepage-agent-demo-plane-text);}.behind-suggestions{position:absolute;inset:0;pointer-events:none;}@media(min-width:700px){.organized-hover-layer [data-insight="abstract"]>.suggestion:nth-child(-n/**/+2){display:none;}}
/* journey-v71.css */
/* One artboard transform. Image silhouettes use uniform registration in WebGL. */
.experience{height:280svh;}
.focused-material{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:9;}
.focused-material[hidden]{display:none;}
.hover-behind-layer{z-index:8;}
.journey-composer{filter:none;transform-origin:top left;z-index:32;}
.change-input{width:100%;height:100%;position:relative;display:flex;flex-direction:column;padding:15.039px;background:var(--color-homepage-change-input-background);border:.94px solid var(--color-homepage-agent-surface-border);border-radius:16px;box-shadow:var(--shadow-homepage-change-input-box-shadow);color:var(--color-homepage-agent-demo-plane-text);font-family:NeverMind,Arial,sans-serif;}
.change-input>p{font-size:16px;font-weight:400;line-height:22.857px;letter-spacing:.64px;margin:3.76px 3.76px 12px;}
.change-actions{display:flex;align-items:center;gap:7.52px;margin-top:auto;height:30.079px;flex-shrink:0;}
.change-actions img{width:15.039px;height:15.039px;display:block;}
.change-add,.change-send,.change-more{display:grid;place-items:center;width:30.079px;height:30.079px;border-radius:7.52px;}
.change-add{border:.94px solid var(--color-homepage-agent-surface-border);}
.change-mode{display:flex;align-items:center;padding:3.76px;background:var(--color-homepage-agent-mode-background);border-radius:7.52px;}
.change-mode>span,.change-mode>b{display:grid;place-items:center;padding:3.76px 7.52px;border-radius:4px;}
.change-mode>b{background:var(--color-homepage-agent-file-icon-background);box-shadow:var(--shadow-homepage-change-mode-box-shadow);}
.change-spacer{flex:1;}.change-send{background:var(--color-homepage-agent-send-background);box-shadow:var(--shadow-homepage-agent-send-box-shadow);}
.received-references{position:absolute;display:flex;gap:8px;left:20px;top:-42px;align-items:center;opacity:var(--attachment-reveal,0);}
.received-references>img{width:26px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 3px var(--color-homepage-received-references-filter));}
.change-break{display:none;}
:is(.journey-composer,.docked-composer).is-phone .change-input{padding:12.032px;border-radius:12.8px;border-width:.752px;}
:is(.journey-composer,.docked-composer).is-phone p{font-size:16px;line-height:22.857px;letter-spacing:.64px;margin:3.008px 3.008px 6px;}
:is(.journey-composer,.docked-composer).is-phone .change-actions{height:24.063px;gap:6.016px;}
:is(.journey-composer,.docked-composer).is-phone .change-actions img{width:12.032px;height:12.032px;}
:is(.journey-composer,.docked-composer).is-phone .change-add,:is(.journey-composer,.docked-composer).is-phone .change-send,:is(.journey-composer,.docked-composer).is-phone .change-more{width:24.063px;height:24.063px;border-radius:6.016px;}
:is(.journey-composer,.docked-composer).is-phone .change-mode{padding:3.008px;border-radius:6.016px;}
:is(.journey-composer,.docked-composer).is-phone .change-mode>span,:is(.journey-composer,.docked-composer).is-phone .change-mode>b{padding:3.008px 6.016px;}
@media(max-width:699px){.experience{height:280svh;}.organized-hover-layer,.hover-behind-layer,.object-focus-target{display:none!important;}.change-title{width:343px;line-height:1.4;}.change-break{display:block;}.change-title em{font-size:1.0833em;transform:translateY(-5px);}}
@media(hover:none),(pointer:coarse){.organized-hover-layer,.hover-behind-layer,.object-focus-target{display:none!important;}}

.docked-composer{position:absolute;left:0;top:0;transform-origin:top left;--attachment-reveal:1;}.docked-composer .change-input{box-shadow:var(--shadow-homepage-docked-composer-change-input-box-shadow);}
/* homepage-v82.css */
/* Figma revision 2026-10-16. Desktop design width: 1440, content: 1312. */
@font-face{font-family:NeverMind;src:url("/hp/assets/v82/NeverMind-Regular.woff2") format("woff2"),url("/hp/assets/v82/NeverMind-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:NeverMind;src:url("/hp/assets/v82/NeverMind-Medium.woff2") format("woff2"),url("/hp/assets/v82/NeverMind-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:NeverMind;src:url("/hp/assets/v82/NeverMind-DemiBold.woff2") format("woff2"),url("/hp/assets/v82/NeverMind-DemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:NeverMindUI;src:url("/hp/assets/v82/NeverMindUI-Regular.woff2") format("woff2"),url("/hp/assets/v82/NeverMindUI-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:SedgwickAve;src:url("/hp/assets/v82/SedgwickAve-Regular.woff2") format("woff2"),url("/hp/assets/v82/SedgwickAve-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:PatuaOne;src:url("/hp/assets/v82/PatuaOne-Regular.woff2") format("woff2"),url("/hp/assets/v82/PatuaOne-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:NeverMind;src:url("/hp/assets/v81/NeverMind-Bold.woff2") format("woff2"),url("/hp/assets/v81/NeverMind-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:NeverMindSlab;src:url("/hp/assets/v81/NeverMindSlab-DemiBold.woff2") format("woff2"),url("/hp/assets/v81/NeverMindSlab-DemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:NeverMindSlab;src:url("/hp/assets/v81/NeverMindSlab-Bold.woff2") format("woff2"),url("/hp/assets/v81/NeverMindSlab-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
:root{--section-gap:128px;--page-gutter:clamp(24px,4.44444vw,64px);}
body{background:var(--color-background-mute);}a{text-decoration:none;}button,input{font:inherit;}button,a{-webkit-tap-highlight-color:transparent;}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-homepage-button-focus-visible-focus-visible-focus);outline-offset:5px;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.opening-copy{top:calc(50% - 53.5px * var(--layout-scale));}.creative-label{left:324.0195px;top:524.8301px;width:82px;height:48px;}.connections .creative-label{clip-path:none!important;}
.agent-features,.templates-section,.security-section,.closing-section{width:calc(100% - var(--page-gutter)*2);max-width:1312px;margin-inline:auto;padding:0;position:relative;}
.agent-features{padding-top:var(--section-gap);}
:is(.agent-features,.templates-section,.reviews-section,.security-section,.g2-section)>h2{font:700 36px/44px NeverMind,Arial,sans-serif;letter-spacing:0;text-align:center;margin:0 0 48px;}
.feature-stack{position:relative;height:calc(961px + 160svh);}.stack-sticky{position:sticky;top:24px;height:961px;max-height:none;border:0;border-radius:0;background:none;overflow:visible;}
.feature-card{height:auto!important;aspect-ratio:1312/640;min-height:0;display:block;width:100%;isolation:isolate;container-type:inline-size;background:var(--color-background-default) url("/hp/assets/v81/af66e.webp") center/116.4% auto;border:1px solid var(--color-homepage-feature-card-border);will-change:transform;top:0!important;overflow:hidden;}
.feature-card:first-child{border-top:1px solid var(--color-homepage-feature-card-border);}.feature-copy{position:relative;padding:3.6585%;width:49.1%;z-index:1;}.feature-copy h3{font:600 clamp(17px,1.8293cqw,24px)/1.1667 NeverMindSlab,Georgia,serif;margin:0 0 1.8293cqw;}.feature-copy h3 button{font:inherit;min-height:33px;cursor:pointer;}.feature-description p{font-size:clamp(12px,1.2195cqw,16px);line-height:1.5;color:var(--color-homepage-feature-description-text);margin:0 0 1.8293cqw;max-width:none;}.feature-description .dark-button{font-size:clamp(12px,1.2195cqw,16px);line-height:1.5;padding:.6098cqw 1.5244cqw;gap:0;}
.feature-visual{position:absolute;top:4.375%;left:51.0671%;width:47.10366%;height:91.25%;margin:0;border:0;border-radius:24px;background:none!important;overflow:hidden;opacity:1!important;}.feature-visual::before{display:none;}.feature-art{width:100%;height:100%;display:block;object-fit:contain;}.first-input-dock{left:13.1%;top:26%;width:74%;height:48%;pointer-events:none;visibility:hidden!important;}.feature-description{transition:opacity .2s;}
.dark-button,.light-button{font:600 16px/24px NeverMind,Arial,sans-serif;padding:8px 20px;gap:0;min-height:40px;transition:background-color .18s,box-shadow .18s;white-space:nowrap;}.light-button:hover{background:var(--color-homepage-global-body-background-4);}.dark-button:hover{background:var(--color-homepage-dark-button-hover-background);}
.workflow-section{height:220svh;margin-top:var(--section-gap);}.workflow-sticky{height:calc(100vw * 740 / 1440);max-height:none;min-height:0;top:0;position:sticky;overflow:hidden;background:var(--color-homepage-workflow-sticky-background);}.workflow-artboard{position:relative;width:1440px;height:740px;transform:scale(var(--workflow-scale,1));transform-origin:top left;isolation:isolate;}.workflow-sky{position:absolute;inset:0;width:1440px;height:740px;object-fit:fill;}.workflow-landscape{position:absolute;left:-100px;top:0;width:1640px;height:820px;object-fit:cover;right:auto;bottom:auto;}.workflow-artboard>h2{position:absolute;left:64px;top:110px;font:700 36px/44px NeverMind,Arial,sans-serif;color:var(--color-text-on-color);width:358px;margin:0;}.workflow-options{position:absolute;left:480px;top:110px;gap:16px;width:279px;margin:0;overflow:visible;display:flex;flex-direction:column;align-items:flex-start;}.workflow-options button,.workflow-options>a{font:700 36px/44px NeverMind,Arial,sans-serif;color:var(--color-homepage-workflow-options-text);transition:color .35s;cursor:pointer;}.workflow-options button[aria-selected=true]{color:var(--color-text-on-color);}.workflow-options button:not([aria-selected=true]):hover{color:var(--color-homepage-workflow-options-hover-true-text);}.workflow-panel{position:absolute;left:926px;top:129px;width:514px;height:482px;margin:0;min-width:0;color:var(--color-homepage-workflow-panel-text);font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;animation:none;}.workflow-panel[data-workflow="2"]{top:113px;}.workflow-scene{position:absolute;inset:0;animation:wf-enter .55s cubic-bezier(.22,.61,.36,1);}
.wf-glass{position:absolute;left:0;top:0;width:549px;height:482px;background:var(--gradient-homepage-wf-glass-background);border:1.439px solid var(--color-homepage-feature-card-border);border-radius:24px;overflow:hidden;backdrop-filter:blur(10px);}.wf-brand{position:absolute;max-width:none;object-fit:contain;z-index:3;pointer-events:none;}.wf-chatgpt-title{position:absolute;left:123.12px;top:82.05px;font-size:39.122px;line-height:1.2;font-weight:500;white-space:nowrap;margin:0;}.wf-chatgpt-prompt{position:absolute;left:-46.18px;top:200px;width:1021.18px;height:174.186px;background:var(--color-background-default);border:1.33px solid var(--color-homepage-feature-card-border);border-radius:37.231px;overflow:hidden;box-shadow:var(--shadow-homepage-wf-chatgpt-prompt-box-shadow);}.wf-query{position:absolute;left:7.87px;top:23.93px;width:560.23px;height:66.69px;mix-blend-mode:multiply;}.wf-chatgpt-tools{position:absolute;left:14.62px;top:94.4px;width:1107.53px;height:53.447px;overflow:hidden;mix-blend-mode:multiply;}.wf-chatgpt-tools img{position:absolute;left:-3.56%;top:-630.55%;width:106.8%;height:783.33%;max-width:none;}
.wf-claude-content{position:absolute;left:58px;top:193px;width:491px;height:289px;overflow:hidden;white-space:nowrap;color:var(--color-homepage-wf-claude-content-text);}.wf-claude-content h3{font:400 25.509px/38.264px -apple-system,Arial;margin:0;}.wf-claude-content>p{font-size:19.028px;line-height:28.54px;margin:18px 0 8px 39.59px;}.wf-claude-content>small{display:block;width:max-content;font:14px/21px monospace;background:var(--color-homepage-wf-claude-content-background);border-radius:7px;padding:3px 9px;margin-left:39.59px;}.wf-claude-content>div{font:16.75px/35px Georgia,serif;margin:16px 0 0 24px;color:var(--color-homepage-workflow-panel-text);}.wf-claude-toggle{position:absolute;left:-46px;top:47px;width:460.22px;height:120px;display:flex;gap:27px;align-items:center;padding:33px;background:var(--color-background-default);border-radius:30.81px;box-shadow:var(--shadow-homepage-wf-claude-toggle-box-shadow);}.wf-claude-toggle img:first-child{width:44.835px;height:44.835px;}.wf-claude-toggle span{font-size:41.611px;}.wf-claude-toggle img:last-child{width:77.8px;height:46.15px;margin-left:auto;}
.wf-terminal{width:846px;background:var(--color-homepage-wf-terminal-background);border:0;color:var(--color-text-on-color);font-family:monospace;}.wf-terminal header{height:62px;background:var(--color-background-inverse);padding:23px 25px;}.wf-terminal header img{width:76.65px;height:17.69px;}.wf-command{position:absolute;left:43px;top:85px;background:var(--color-homepage-wf-command-background);color:var(--color-homepage-wf-command-text);font-size:20px;padding:2px 8px;}.wf-tool-list{position:absolute;left:45.69px;top:134.13px;background:var(--color-homepage-wf-tool-list-background);border:1.47px solid var(--color-homepage-agent-play-symbol-border);border-radius:6px;padding:21px 28px;width:769px;height:256.48px;font:20.647px/26.53px monospace;white-space:nowrap;}.wf-tool-list span{color:var(--color-homepage-wf-tool-list-text);}.wf-tool-list em{color:var(--color-homepage-wf-tool-list-text-2);font-style:normal;}.wf-terminal>p{position:absolute;top:402px;left:85px;color:var(--color-homepage-wf-terminal-text);font:italic 20px/26px monospace;white-space:nowrap;}.wf-command-toast{position:absolute;left:-25.65px;top:219px;background:var(--color-background-default);width:350px;height:75px;border-radius:17px;box-shadow:var(--shadow-homepage-wf-command-toast-box-shadow);padding:20px 26px;font:26px/35px monospace;}
.wf-cursor-title{position:absolute;left:42px;top:48px;width:578px;height:38px;padding:0 17px;background:var(--color-homepage-wf-cursor-title-background);border-radius:8px;font:20px/38px Arial,sans-serif;}.wf-cursor-prompt{position:absolute;left:-25px;top:107px;width:578px;height:72px;border:2.14px solid var(--color-homepage-wf-cursor-prompt-border);border-radius:14px;background:var(--color-background-default);white-space:nowrap;overflow:hidden;padding:16px 40px;font:25px/38px Arial;box-shadow:var(--shadow-homepage-wf-cursor-prompt-box-shadow);}.wf-cursor-steps{position:absolute;left:42px;top:193px;font:17.7px/34.08px Arial;color:var(--color-homepage-wf-cursor-steps-text);width:400px;}.wf-cursor-steps p{margin:0 0 3.54px;}.wf-cursor-steps u{color:var(--color-homepage-wf-cursor-steps-text-2);}
.wf-notion-menu{position:absolute;left:6.75px;top:33.18px;width:363.6px;padding:17px 37px 17px 70px;display:flex;gap:40px;align-items:center;background:var(--color-homepage-wf-notion-menu-background);border:2.36px solid var(--color-homepage-wf-notion-menu-border);border-radius:17.42px;font-size:30.63px;line-height:40px;box-shadow:var(--shadow-homepage-wf-cursor-prompt-box-shadow);}.wf-notion-menu b{color:var(--color-homepage-wf-notion-menu-text);font-weight:400;font-size:28.28px;}.wf-notion-prompt{position:absolute;left:56.65px;top:160px;width:341px;padding:15.36px 26px;margin:0;background:var(--color-homepage-agent-file-background);border-radius:21.9px;font-size:24.6px;line-height:1.3;letter-spacing:.98px;}.wf-notion-result{position:absolute;left:37px;top:275.86px;width:510px;font-size:18.49px;line-height:1.7;letter-spacing:.74px;}.wf-notion-result p{margin:0 0 12px;white-space:nowrap;}.wf-notion-result p:nth-child(2){color:var(--color-homepage-wf-notion-result-text);}.wf-notion-result small{display:flex;width:max-content;align-items:center;gap:4px;padding:2px 10px;background:var(--color-homepage-agent-file-background);border-radius:56px;font-size:15px;color:var(--color-homepage-wf-notion-result-text-2);}.wf-notion-result img{width:22px;height:22px;}
.templates-section{margin-top:var(--section-gap);}.template-tabs{gap:24px;padding:8px;border-radius:16px;margin:0 auto 32px;width:max-content;max-width:100%;}.template-tabs button{font:400 20px/30px NeverMindSlab,Georgia,serif;padding:8px 16px;border-radius:8px;cursor:pointer;}.template-tabs button[aria-selected=true]{font-weight:600;}.template-panel{aspect-ratio:1312/620;background:none;}.template-panel::before{display:none;}.template-export{display:block;width:100%;height:100%;object-fit:cover;animation:wf-enter .45s cubic-bezier(.22,.61,.36,1);}.template-export[hidden]{display:none;}.template-actions{margin-top:48px;gap:12px;}.template-note{font-size:12px;line-height:18px;margin-top:12px;}
.trusted-section{margin-top:var(--section-gap);}.trusted-section>p{font-size:20px;line-height:30px;color:var(--color-text-tertiary);text-align:center;margin:0 0 12px;}.logo-window{width:100%;overflow-x:auto;scrollbar-width:none;mask-image:var(--gradient-homepage-logo-window-mask-image);}.logo-strip{width:max-content;height:104px;display:flex;align-items:center;}.logo-strip img{width:5247px;height:96px;max-width:none;object-fit:contain;}.logo-window::-webkit-scrollbar{display:none;}
.reviews-section{max-width:1232px;width:calc(100% - var(--page-gutter)*2);margin:var(--section-gap) auto 0;}.reviews-section>h2{margin-bottom:64px;}.review-stats{display:flex;align-items:stretch;margin-bottom:64px;}.review-stats>div{flex:1;min-width:0;text-align:center;padding:32px;display:flex;flex-direction:column;align-items:center;gap:8px;}.review-stats>div+div{border-left:1px solid var(--color-border-subtle-hover);}.review-stats strong{font:700 56px/67.2px NeverMindSlab,Georgia,serif;color:var(--color-text-strong);}.review-stats p{display:flex;align-items:center;justify-content:center;gap:12px;font-size:20px;line-height:30px;color:var(--color-text-secondary);margin:0;white-space:nowrap;}.rating-stars{display:flex;gap:6.67px;}.rating-stars img{width:19.29px;height:19.67px;}.reviews-window{width:calc(100% + min(80px,2 * var(--page-gutter)));margin-left:calc(-1 * min(40px,var(--page-gutter)));overflow-x:auto;min-height:401px;padding:8px 0 28px;mask-image:var(--gradient-homepage-reviews-window-mask-image);scrollbar-width:none;scroll-snap-type:none;}.reviews-track{width:max-content;display:flex;align-items:flex-start;gap:24px;padding:0 40px;}.review-card{width:394.667px;flex:none;padding:24px;background:var(--color-background-default) center/cover;border:1px solid var(--color-homepage-review-card-border);border-radius:0;box-shadow:var(--shadow-homepage-review-card-box-shadow);scroll-snap-align:center;}.review-card header{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:0;}.review-avatar{width:64px;height:64px;flex:none;padding:0;border:0;position:relative;}.review-avatar:before,.review-avatar:after{content:"";position:absolute;inset:-4px 3px;border-inline:1px solid var(--color-homepage-review-avatar-before-border);transform:rotate(2deg);}.review-avatar:after{inset:3px -4px;border:0;border-block:1px solid var(--color-homepage-review-avatar-after-border);transform:rotate(-2deg);}.review-avatar img{height:100%;width:100%;object-fit:cover;}.review-card header>div:nth-child(2){min-width:0;flex:1;}.review-card h3{font:600 18px/28px Briem,cursive;color:var(--color-text-strong);margin:0;}.review-card header p{font:600 12px/18px NeverMind;margin:0;color:var(--color-homepage-review-card-text);}.review-platform{width:32px;height:32px;object-fit:contain;}.review-card blockquote{font:400 14px/21px NeverMind,Arial,sans-serif;color:var(--color-text-secondary);margin:20px 0 0;padding:0 35px;position:relative;}.review-card blockquote:before,.review-card blockquote:after{content:"“";font:40px/48px PatuaOne,serif;color:var(--color-text-placeholder);position:absolute;left:0;top:0;}.review-card blockquote:after{content:"”";left:auto;right:0;top:auto;bottom:0;}
.security-section{margin-top:var(--section-gap);}.security-section>h2{margin-bottom:64px;}.security-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:328px 328px 292px;gap:24px;}.security-card{position:relative;background:var(--color-background-default);border-radius:24px;overflow:hidden;padding:48px;color:var(--color-text-strong);}.security-card h3{font:700 24px/28px NeverMind;margin:0 0 16px;}.security-card p{font:400 16px/24px NeverMind;margin:0;color:var(--color-text-secondary);}.security-iso{grid-column:1/7;grid-row:1;}.security-iso>div,.security-aws>div{position:relative;z-index:1;width:245px;}.security-privacy{grid-column:1/4;grid-row:2;}.security-local{grid-column:4/7;grid-row:2;}.security-soc{grid-column:7/11;grid-row:1/3;background:var(--gradient-homepage-security-soc-background);color:var(--color-text-on-color);}.security-soc p{color:var(--color-text-on-color);}.security-soc>div{position:relative;z-index:2;}.security-adfree{grid-column:1/5;grid-row:3;background:var(--gradient-homepage-security-adfree-background);color:var(--color-text-on-color);}.security-adfree p{color:var(--color-text-on-color);}.security-aws{grid-column:5/11;grid-row:3;}.security-illustration{position:absolute;right:0;top:0;width:491px;height:328px;max-width:none;object-fit:contain;}.security-soc .security-illustration{top:auto;bottom:0;width:504px;height:498px;}.security-aws .security-illustration{height:292px;}.security-icon{display:block;width:94px;height:106px;object-fit:contain;margin:-6px 0 0 -7px;}.security-adfree{padding-top:42px;}.security-adfree .security-icon{width:80px;height:80px;margin:-2px 0 20px;}
.g2-section{margin:var(--section-gap) auto 0;width:calc(100% - var(--page-gutter)*2);max-width:1312px;text-align:center;}.g2-section>h2{margin:0 auto 32px;}.g2-section>p{font:600 16px/24px NeverMind;max-width:758px;margin:0 auto 64px;}.g2-badges{display:flex;justify-content:center;gap:24px;}.g2-badges img{width:123.279px;height:160px;flex:none;}
.closing-section{margin-top:var(--section-gap);background:var(--color-background-default) url("/hp/assets/v81/af66e.webp") center/116.4% auto;border:1px solid var(--color-homepage-feature-card-border);min-height:470px;display:grid;place-items:center;text-align:center;padding:64px 32px;overflow:hidden;}.closing-content{position:relative;}.closing-mark{display:block;width:64px;height:64px;margin:0 auto 24px;}.closing-section h2{font:700 36px/48px NeverMindSlab,Georgia,serif;margin:0 0 16px;}.closing-section .closing-content>p{font:600 16px/24px NeverMind;margin:0 auto;max-width:720px;color:var(--color-homepage-closing-section-closing-content-text);}.closing-section .template-actions{margin-top:32px;}.newsletter>p{font-size:12px;line-height:18px;color:var(--color-text-tertiary);margin:12px 0 24px;}.newsletter form{display:grid;gap:12px;}.newsletter input{width:100%;background:var(--color-background-mute);border:1px solid var(--color-border-subtle-hover);border-radius:4px;padding:8px 16px;font-size:12px;line-height:18px;}.newsletter input::placeholder{color:var(--color-text-placeholder);}.newsletter button{border:0;background:var(--color-homepage-newsletter-background);border-radius:6px;padding:8px 12px;font:600 14px/21px NeverMind;cursor:pointer;}.newsletter form p{font-size:12px;line-height:18px;color:var(--color-text-tertiary);margin:0;}.newsletter form p a{text-decoration:underline;}.prototype-dialog{max-width:420px;padding:32px;border:1px solid var(--color-border-subtle-hover);border-radius:20px;color:var(--color-homepage-agent-demo-plane-text);box-shadow:var(--shadow-homepage-prototype-dialog-box-shadow);}.prototype-dialog::backdrop{background:var(--color-homepage-prototype-dialog-background);backdrop-filter:blur(4px);}.prototype-dialog h2{font-size:24px;line-height:32px;margin:0 0 16px;}.prototype-dialog p{font-size:16px;line-height:24px;margin:0 0 24px;}
/* Updated hover examples, at the same 1440 × 941 artboard scale as the objects. */
.hover-behind-layer{display:none!important;}.chat-file,.chat-request,.chat-response{position:absolute;pointer-events:auto;backdrop-filter:blur(5.733px);border:0;border-radius:8px;font-family:NeverMindUI,Arial,sans-serif;box-shadow:var(--shadow-homepage-chat-file-box-shadow);}.chat-file{left:269px;top:455px;width:113.4px;height:40px;padding:8px;display:flex;gap:8px;align-items:center;background:var(--color-homepage-chat-file-background);}.chat-file-icon{width:24px;height:24px;border-radius:3px;background:var(--color-homepage-agent-file-icon-background);flex:none;display:grid;place-items:center;font-size:7px;color:var(--color-homepage-chat-file-icon-text);}.chat-file p{font-size:8px;line-height:8.5px;margin:0;letter-spacing:.32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.chat-file small{display:block;font-size:7px;line-height:8px;color:var(--color-homepage-agent-file-name-text);margin-top:4px;}.chat-request{left:194px;top:378px;width:206px;padding:12.8px 9.6px;background:var(--color-homepage-chat-file-background);font-size:11.2px;line-height:14.4px;letter-spacing:.448px;}.chat-response{left:253px;top:507px;width:206px;padding:10px 9.6px;background:var(--color-homepage-chat-response-background);font-size:11.2px;line-height:14.4px;letter-spacing:.448px;}.chat-response small{display:block;font-size:9px;line-height:15.3px;color:var(--color-homepage-agent-file-name-text);margin-bottom:2px;}.integration-toggle{left:158px;top:278px;width:206px;gap:8px;font-size:20px;}.integration-toggle button{margin-left:4px;}.integration-logo{display:none;}
@keyframes wf-enter{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
@media(min-width:1600px){.workflow-sticky{height:822px;}.workflow-artboard{left:50%;margin-left:-800px;transform:scale(1.111111);}}
@media(max-width:1200px) and (min-width:700px){.security-grid{grid-template-rows:290px 310px 292px;gap:18px;}.security-card{padding:30px;}.security-iso>div,.security-aws>div{width:44%;}.security-illustration{width:66%;height:100%;}.security-soc .security-illustration{width:100%;height:auto;}.security-card h3{font-size:21px;line-height:28px;}.security-card p{font-size:14px;line-height:21px;}.newsletter{grid-row:span 2;}.review-stats>div{padding:24px 16px;}.review-stats strong{font-size:46px;}.review-stats p{font-size:16px;}.rating-stars{gap:3px;}.rating-stars img{width:15px;}.g2-badges{gap:16px;}.g2-badges img{width:10%;height:auto;}}
@media(max-width:699px){:root{--section-gap:72px;--page-gutter:16px;}.opening-copy{top:calc(50% + 12.2px * var(--layout-scale));}.final-copy{width:322.2px;top:407px;}.final-copy p{line-height:16.8px;}.agent-features{padding-top:72px;}.agent-features>h2,.templates-section>h2,.reviews-section>h2,.security-section>h2,.g2-section>h2{font-size:28px;line-height:36px;margin-bottom:32px;}.stack-sticky{border-radius:0;}.feature-card{aspect-ratio:auto;height:660px!important;display:flex;flex-direction:column;container-type:normal;}.feature-copy{width:100%;padding:20px;flex:none;}.feature-copy h3{font-size:18px;line-height:25px;margin-bottom:16px;}.feature-copy h3 button{min-height:50px;}.feature-description p{font-size:14px;line-height:21px;margin-bottom:16px;}.feature-description .dark-button{font-size:14px;line-height:21px;padding:8px 16px;}.feature-visual{position:relative;left:auto;top:auto;width:calc(100% - 24px);height:auto;aspect-ratio:618/584;max-height:none;margin:0 12px 12px;flex:none;}.feature-art{width:100%;height:auto;}.feature-description{min-height:150px;}.workflow-section{height:auto;margin-top:72px;}.workflow-sticky{height:715px;position:relative;top:0;}.workflow-artboard{width:100%;height:100%;transform:none!important;}.workflow-sky{width:100%;height:100%;object-fit:cover;}.workflow-landscape{width:auto;height:100%;max-width:none;left:50%;transform:translateX(-50%);}.workflow-artboard>h2{left:24px;top:50px;font-size:28px;line-height:36px;width:300px;}.workflow-options{left:24px;top:150px;width:calc(100% - 48px);display:flex;flex-direction:row;overflow-x:auto;gap:24px;padding-bottom:12px;}.workflow-options button,.workflow-options>a{font-size:18px;line-height:28px;}.workflow-options>a{display:none;}.workflow-panel,.workflow-panel[data-workflow="2"]{top:270px;left:60px;transform:scale(.72);transform-origin:top left;}.template-tabs{width:100%;gap:4px;padding:5px;justify-content:flex-start;margin-bottom:24px;}.template-tabs button{font-size:13px;line-height:20px;padding:8px 9px;}.template-panel{aspect-ratio:1/1;}.template-export{width:100%;height:100%;object-fit:cover;object-position:15% center;}.template-actions{gap:8px;margin-top:28px;}.dark-button,.light-button{font-size:13px;padding:8px 14px;min-height:37px;}.template-note{font-size:10px;line-height:16px;}.trusted-section>p{font-size:15px;line-height:24px;padding:0 20px;}.logo-strip{height:84px;}.logo-strip img{height:76px;width:auto;}.review-stats{margin-bottom:32px;}.review-stats>div{padding:8px 4px;gap:4px;}.review-stats strong{font-size:30px;line-height:40px;}.review-stats p{font-size:10px;line-height:16px;gap:3px;flex-wrap:wrap;}.rating-stars{gap:2px;}.rating-stars img{width:9px;height:10px;}.reviews-window{width:calc(100% + 32px);margin-left:-16px;mask-image:var(--gradient-homepage-reviews-window-mask-image-2);min-height:0;}.reviews-track{padding-inline:24px;gap:16px;}.review-card{width:285px;padding:18px;}.review-card header{gap:10px;}.review-avatar{width:44px;height:44px;}.review-card h3{font-size:14px;line-height:20px;}.review-card header p{font-size:10px;line-height:15px;}.review-platform{width:24px;height:24px;}.review-card blockquote{font-size:12px;line-height:19px;padding:0 20px;}.review-card blockquote:before,.review-card blockquote:after{font-size:30px;}.security-grid{display:flex;flex-direction:column;gap:16px;}.security-card{padding:28px;border-radius:20px;min-height:280px;}.security-card h3{font-size:22px;line-height:28px;}.security-card p{font-size:14px;line-height:21px;}.security-iso>div,.security-aws>div{width:55%;}.security-iso .security-illustration,.security-aws .security-illustration{width:65%;height:100%;right:-9%;object-fit:contain;}.security-privacy,.security-local{min-height:260px;}.security-soc{min-height:540px;}.security-soc .security-illustration{width:100%;height:auto;bottom:0;}.security-adfree{min-height:280px;}.security-aws{min-height:240px;}.security-icon{margin:-6px 0 0 -7px;}.g2-section>h2{margin-bottom:24px;}.g2-section>p{font-size:14px;line-height:21px;margin-bottom:32px;}.g2-badges{gap:16px;flex-wrap:wrap;}.g2-badges img{width:80px;height:auto;}.closing-section{padding:40px 22px;min-height:440px;}.closing-section h2{font-size:26px;line-height:36px;}.closing-section .closing-content>p{font-size:14px;line-height:21px;}.closing-section .template-note{font-size:10px;}.newsletter{grid-column:1/3;}.chat-request,.chat-file,.chat-response{display:none;}}
@media(prefers-reduced-motion:reduce){.workflow-scene,.template-export{animation:none;}.feature-stack{height:auto!important;}.stack-sticky{position:relative;top:0!important;height:auto!important;display:grid;gap:24px;overflow:visible;}.feature-card{position:relative!important;transform:none!important;}.feature-copy h3 button{pointer-events:none;}.feature-description{opacity:1!important;}.workflow-section{height:auto;}.workflow-sticky{position:relative;}.experience{height:200svh;}}
.template-tabs button{padding:12px;}.template-tabs{height:70px;}.closing-section .closing-content>.template-note{font:400 12px/18px NeverMind;color:var(--color-text-tertiary);margin-top:12px;}.adfree-icon{width:84px;height:84px;padding:10px;background:var(--gradient-homepage-adfree-icon-background);border:2px solid var(--color-homepage-agent-play-symbol-border);border-radius:16px;box-shadow:var(--shadow-homepage-adfree-icon-box-shadow);margin-bottom:24px;}.adfree-icon img{display:block;width:60px;height:60px;}.security-adfree{padding:40px 48px;}.security-adfree h3{margin-bottom:12px;}.security-grid{grid-template-columns:repeat(10,minmax(0,1fr));}.security-iso,.security-aws{padding-right:0;}.security-soc .security-illustration{width:100%;object-fit:fill;}.integration-toggle{left:39px;top:278px;width:170px;height:85px;padding:9px 12px;display:flex;flex-direction:column-reverse;gap:6px;background:var(--color-homepage-agent-surface-background);border-radius:20px;}.integration-name{display:flex;align-items:center;gap:8px;line-height:38px;}.integration-toggle button{margin:0;display:block;height:22px;}.integration-toggle button img{display:block;}
@media(max-width:699px){.feature-card{background-size:auto 1200px;height:var(--mobile-card-height,620px)!important;}.feature-copy{padding-bottom:16px;}.feature-description{min-height:0;}.feature-visual{margin-top:auto;}.template-tabs{height:auto;}.template-tabs button{padding:8px 9px;}.security-adfree{padding:28px;}.closing-section .closing-content>.template-note{font-size:10px;}.workflow-options{mask-image:var(--gradient-homepage-workflow-options-mask-image);}}
@media(prefers-reduced-motion:reduce){.experience{height:100svh;}.change-title,.journey-composer{display:none!important;}}

/* Lower sections use the light-page palette, independent of the intro. */
.trusted-section,.reviews-section,.security-section,.g2-section,.closing-section{color:var(--color-text-strong);}
.review-card-0,.review-card-5{border-radius:16px;}
.review-card-1{background-image:url("/hp/assets/v81/736d4.png");}
.review-card-2{background-image:url("/hp/assets/v81/4f252.png");}
.review-card-3{background-image:url("/hp/assets/v81/179bb.png");}
.review-card-4{background-image:url("/hp/assets/v81/9034e.png");}
.review-card-2 .review-avatar img{object-fit:contain;}
@media(min-width:700px) and (max-width:950px){
 .newsletter{grid-column:1/-1;grid-row:auto;max-width:390px;}
 .review-stats p{font-size:14px;}
}

@media(min-width:1201px){
 .security-grid{grid-template-columns:minmax(0,380fr) 24px minmax(0,100fr) 24px minmax(0,256fr) 24px minmax(0,504fr);column-gap:0;}
 .security-iso{grid-column:1/6;}.security-privacy{grid-column:1/2;}.security-local{grid-column:3/6;}.security-soc{grid-column:7/8;}.security-adfree{grid-column:1/4;}.security-aws{grid-column:5/8;}
}

/* Register the navigation and controls to the current 1440 px Figma frame. */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.cta{height:48px;padding:8px 16px;box-shadow:var(--shadow-homepage-cta-box-shadow-2);}
.cta-primary{background:var(--color-homepage-cta-primary-background);box-shadow:var(--shadow-homepage-cta-primary-box-shadow-2);}
.cta-glow{top:-24px;}
.chat-request,.chat-response{color:var(--color-homepage-feature-description-text);}
.chat-file{overflow:hidden;}.chat-file>div{min-width:0;flex:1;}.chat-file p{width:100%;}
.chat-file-icon{position:relative;border:.5px solid var(--color-homepage-agent-surface-border);}
.chat-file-icon img{position:absolute;max-width:none;}
.chat-file-icon img:first-child{width:13.5619px;height:15.8476px;left:4.719px;top:3.076px;}
.chat-file-icon img:last-child{width:7.4825px;height:4.8772px;left:7.7704px;top:10.212px;}
.chat-response{top:557px;transform:translateY(-50%);}
.chat-response small{letter-spacing:.36px;padding:1.2px 0;margin-bottom:0;display:flex;align-items:center;gap:4.8px;}
.chat-response small img{width:9.6px;height:9.6px;}
.review-avatar:before,.review-avatar:after{display:none;}
.review-avatar .avatar-stroke{position:absolute;max-width:none;object-fit:fill;width:calc(100% + 8px);height:2px;pointer-events:none;}
.avatar-stroke-top{left:-4px;top:-1px;}.avatar-stroke-bottom{left:-4px;bottom:-1px;}
.avatar-stroke-left{left:0;top:50%;transform:translate(-50%,-50%) rotate(-90deg);}
.avatar-stroke-right{left:100%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);}
.review-rule{display:block;width:100%;height:2px;margin:-1px 0;}
.security-icon-frame{position:relative;width:84px;height:84px;margin-bottom:24px;}
.security-icon-frame .security-icon{position:absolute;left:-7px;top:-6px;margin:0;}
.security-privacy h3,.security-local h3{margin-bottom:12px;}
.security-soc h3{margin-bottom:24px;}
@media(min-width:700px){
 .reviews-window{width:100%;margin-left:0;height:401px;min-height:401px;padding:0;mask-image:url("/hp/assets/v81/2b64d.svg");mask-position:-13px -22px;mask-size:calc(100% + 29px) 423px;mask-repeat:no-repeat;}
 .review-stats>div+div{border:0;position:relative;}
 .review-stats>div+div::before{content:"";position:absolute;left:-85px;top:calc(50% - 1px);width:170px;height:2px;background:url("/hp/assets/v81/e2117.svg") center/100% 100%;transform:rotate(-90deg);}
}
@media(max-width:699px){.cta{height:auto;}.feature-visual{border-radius:16px;}}
/* workflow-v82.css */
@font-face{font-family:WorkflowMono;src:url("/hp/assets/v82/SF-Mono-Regular.woff2") format("woff2"),url("/hp/assets/v82/SF-Mono-Regular.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:WorkflowMono;src:url("/hp/assets/v82/SF-Mono-Medium.woff2") format("woff2"),url("/hp/assets/v82/SF-Mono-Medium.otf") format("opentype");font-weight:500;font-display:swap}
@font-face{font-family:WorkflowMono;src:url("/hp/assets/v82/SF-Mono-Heavy.woff2") format("woff2"),url("/hp/assets/v82/SF-Mono-Heavy.otf") format("opentype");font-weight:800;font-display:swap}
@font-face{font-family:WorkflowMono;src:url("/hp/assets/v82/SF-Mono-MediumItalic.woff2") format("woff2"),url("/hp/assets/v82/SF-Mono-MediumItalic.otf") format("opentype");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:WorkflowSerif;src:url("/hp/assets/v82/Tiempos-Text-Medium.woff2") format("woff2"),url("/hp/assets/v82/Tiempos-Text-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:WorkflowInter;src:url("/hp/assets/v82/Inter.woff2") format("woff2"),url("/hp/assets/v82/Inter.ttf") format("truetype");font-weight:100 900;font-display:swap}
.wf82-art{position:absolute;inset:0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-homepage-workflow-panel-text);}
.wf82-art img{position:absolute;max-width:none;display:block;object-fit:contain;pointer-events:none;}
.wf82-art p{margin:0;}
.wf82-glass{position:absolute;left:0;top:0;width:549px;height:482px;background:var(--gradient-homepage-wf-glass-background);border:1.439px solid var(--color-homepage-feature-card-border);border-radius:24px;overflow:hidden;backdrop-filter:blur(10px);}
.wf82-working{position:absolute;left:58px;top:193px;font:400 25.509px/38.264px -apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-homepage-wf-claude-content-text);}
.wf82-claude-description{position:absolute;left:97.59px;top:248.8px;font-size:19.028px;line-height:28.542px;color:var(--color-homepage-wf-claude-content-text);white-space:nowrap;}
.wf82-result{position:absolute;left:97.59px;top:285.35px;width:69.513px;height:28.217px;display:grid;place-items:center;background:var(--color-homepage-wf-claude-content-background);border-radius:7.613px;font:400 13.995px/20.993px WorkflowMono,monospace;color:var(--color-homepage-wf-claude-content-text);letter-spacing:-.14px;}
.wf82-claude-result{position:absolute;left:82.46px;top:331.03px;white-space:nowrap;font:500 16.749px/35.021px WorkflowSerif,Georgia,serif;letter-spacing:-.335px;}
.wf82-claude-toggle{position:absolute;left:-46px;top:47px;width:460.22px;height:120px;background:var(--color-background-default);border-radius:30.81px;box-shadow:var(--shadow-homepage-wf-claude-toggle-box-shadow);overflow:hidden;}
.wf82-claude-toggle>span{position:absolute;left:105.49px;top:27.69px;font-size:41.611px;line-height:62.416px;}
.wf82-terminal{width:846.08px;background:var(--color-homepage-wf-terminal-background);border:0;color:var(--color-text-on-color);font-family:WorkflowMono,monospace;}
.wf82-terminal-bar{position:absolute;top:0;left:0;width:100%;height:61.908px;background:var(--color-background-inverse);}
.wf82-command{position:absolute;left:42.75px;top:85.49px;width:163.615px;height:25.058px;background:var(--color-homepage-wf-command-background);color:var(--color-homepage-wf-command-text);}
.wf82-command span{position:absolute;left:28.01px;top:-2.21px;font-size:19.977px;line-height:29.965px;white-space:nowrap;}
.wf82-tools{position:absolute;left:45.69px;top:134.13px;width:769.431px;height:256.477px;border:1.474px solid var(--color-homepage-agent-play-symbol-border);border-radius:6.07px;background:var(--color-homepage-wf-tool-list-background);font-size:20.647px;line-height:26.532px;overflow:hidden;white-space:pre;}
.wf82-tools-heading{position:absolute;left:27.87px;top:21.61px;}.wf82-tools span{color:var(--color-homepage-wf82-tools-text);}.wf82-selected{position:absolute;left:52.65px;top:74.674px;}.wf82-selected em{font-style:normal;color:var(--color-homepage-wf-tool-list-text-2);}.wf82-other-tools{position:absolute;left:27.87px;top:151.82px;font-weight:500;}
.wf82-tools-heading b{font-weight:800;}
.wf82-terminal-help{position:absolute;left:85.49px;top:402.4px;white-space:nowrap;font:italic 500 20.647px/26.532px WorkflowMono,monospace;color:var(--color-homepage-wf82-terminal-help-text);}
.wf82-command-toast{position:absolute;left:-25.65px;top:196.5px;width:340.385px;height:75px;background:var(--color-background-default);border-radius:17.164px;box-shadow:var(--shadow-homepage-wf82-command-toast-box-shadow);overflow:hidden;}
.wf82-command-toast p{position:absolute;left:73px;top:19.37px;font:500 28.099px/36.108px WorkflowMono,monospace;white-space:nowrap;color:var(--color-homepage-wf-tool-list-text-2);}.wf82-command-toast span{color:var(--color-homepage-wf82-tools-text);}
.wf82-cursor{width:846.08px;background:var(--color-homepage-chat-response-background);border:0;}
.wf82-cursor-steps{position:absolute;left:42px;top:193px;width:323px;display:flex;flex-direction:column;gap:3.54px;font:400 17.699px/34.083px WorkflowInter,Arial,sans-serif;mix-blend-mode:multiply;color:var(--color-homepage-wf82-cursor-steps-text);white-space:nowrap;}.wf82-cursor-steps p:nth-child(2){color:var(--color-homepage-wf82-cursor-steps-text-2);}.wf82-cursor-steps p:last-child{color:var(--color-homepage-wf-cursor-steps-text-2);text-decoration:underline;}
.wf82-cursor-prompt{position:absolute;left:-25px;top:107px;width:578px;height:72px;padding:15px 39.94px;background:var(--color-background-default);border:2.14px solid var(--color-homepage-wf-cursor-prompt-border);border-radius:14px;box-shadow:var(--shadow-homepage-wf82-cursor-prompt-box-shadow);font:400 25px/38.515px WorkflowInter,Arial,sans-serif;white-space:nowrap;overflow:hidden;}
.wf82-cursor-title{position:absolute;left:42px;top:48px;width:578px;height:38px;padding-left:17px;background:var(--color-homepage-wf-cursor-title-background);border-radius:8px;font:400 20px/38.515px WorkflowInter,Arial,sans-serif;white-space:nowrap;overflow:hidden;}
.wf82-cursor-brand{position:absolute;left:145px;top:-55px;width:111.645px;height:122.469px;display:grid;place-items:center;}.wf82-cursor-brand>div{position:relative;width:94.742px;height:108px;transform:rotate(9.74deg);}
.wf82-notion-menu{position:absolute;left:6.75px;top:33.18px;display:flex;align-items:center;justify-content:flex-end;gap:15.3px;width:368.312px;height:94.71px;padding:16.723px 11.782px;background:var(--color-homepage-wf-notion-menu-background);border:2.356px solid var(--color-homepage-wf-notion-menu-border);border-radius:17.419px;box-shadow:var(--shadow-homepage-wf82-cursor-prompt-box-shadow);backdrop-filter:blur(28.939px);font:400 30.633px/40.059px NeverMindUI,sans-serif;letter-spacing:1.2253px;color:var(--color-homepage-agent-demo-plane-text);}
.wf82-notion-menu b{padding:0 28.277px;font:400 28.28px/37.703px NeverMindUI,sans-serif;letter-spacing:1.1312px;color:var(--color-homepage-wf-notion-menu-text);}
.wf82-notion-brand{position:absolute;left:-48px;top:20px;width:110.36px;height:114.38px;display:grid;place-items:center;}.wf82-notion-brand>div{position:relative;width:100px;height:104.5px;transform:rotate(-6deg);}
.wf82-notion-prompt{position:absolute;left:56.65px;top:160px;width:341.051px;height:95.294px;padding:15.367px 26.005px;background:var(--color-homepage-agent-file-background);border-radius:21.899px;font:400 24.6px/1.7 NeverMindUI,sans-serif;letter-spacing:.984px;color:var(--color-homepage-agent-demo-plane-text);}
.wf82-notion-result{position:absolute;left:37px;top:275.86px;width:510.273px;display:flex;flex-direction:column;gap:12.083px;font:400 18.49px/1.7 NeverMindUI,sans-serif;letter-spacing:.7396px;color:var(--color-text-strong);white-space:nowrap;}
.wf82-notion-result p{padding:2.465px 4.93px;}.wf82-notion-result>p:nth-child(2){color:var(--color-homepage-wf-notion-result-text);display:flex;gap:4.93px;align-items:center;}.wf82-notion-result .wf82-chevron{position:static;width:17.256px;height:17.256px;}
.wf82-notion-result small{margin-top:8.055px;display:flex;align-items:center;gap:4.065px;width:max-content;padding:2.032px 10.162px;background:var(--color-homepage-agent-file-background);border-radius:55.889px;font:400 15.242px/1.7 NeverMindUI,sans-serif;color:var(--color-homepage-explain-card-text);letter-spacing:.6097px;}.wf82-notion-result small img{position:static;width:21.97px;height:21.97px;}
.wf82-notion-menu{width:363.6px;height:90px;padding-block:14.368px;}
.wf82-notion-prompt{font-size:19.68px;line-height:33.456px;letter-spacing:.7872px;}
@media(min-width:700px){
 .workflow-options{height:344px;}
 .workflow-options>button,.workflow-options>a{position:absolute;left:0;top:0;margin:0;transform:translateY(calc(var(--workflow-slot,0)*60px));transition:transform .55s cubic-bezier(.22,.61,.36,1),color .35s;}
 .workflow-options>.workflow-wrap{transition:color .35s;animation:workflow-wrap-in .55s ease both;}
}
@keyframes workflow-wrap-in{0%,40%{opacity:0;}100%{opacity:1;}}
@media(prefers-reduced-motion:reduce){.workflow-options>button,.workflow-options>a{transition:none;animation:none;}}
/* hover-v83.css */
/* Figma hover frames 809:63676, 809:64328 and 809:64429, 1440 × 941. */
@font-face{font-family:NeverMindSlab;src:url("/hp/assets/NeverMindSlab-Medium.woff2") format("woff2"),url("/hp/assets/NeverMindSlab-Medium.ttf") format("truetype");font-weight:500;font-display:swap}

/* Keep the native picture, crop, four masked halo rings and play artwork. */
.pitch-preview{position:absolute;left:1162px;top:216px;width:253.125px;height:150px;}
.pitch-halo{position:absolute;inset:0;opacity:.4;pointer-events:none;}
.pitch-halo-ring{position:absolute;left:-78.898px;top:-35.46px;width:410.26px;height:221.277px;mask-image:var(--ring-mask);mask-repeat:no-repeat;}
.pitch-halo-ring img{display:block;max-width:none;}
.pitch-halo-ring.ring-0{mask-position:77.332px 33.898px;mask-size:256.25px 153.125px;}
.pitch-halo-ring.ring-1{mask-position:74.988px 31.555px;mask-size:260.938px 157.812px;}
.pitch-halo-ring.ring-2{mask-position:73.426px 29.992px;mask-size:264.062px 160.938px;}
.pitch-halo-ring.ring-3{mask-position:71.082px 27.648px;mask-size:268.75px 165.625px;}
.pitch-preview .pitch-thumbnail{left:.3867px;top:0;width:253.125px;height:150px;border:0;border-radius:12.5px;background:var(--color-homepage-pitch-preview-pitch-thumbnail-background);box-shadow:none;overflow:visible;}
.pitch-thumbnail-art{position:absolute;inset:0;overflow:hidden;border-radius:inherit;}
.pitch-preview .pitch-thumbnail::after{content:"";position:absolute;inset:-2.34375px;border-radius:14.84375px;padding:4.6875px;background:var(--gradient-homepage-pitch-preview-pitch-thumbnail-after-background);mask:var(--gradient-homepage-pitch-preview-pitch-thumbnail-after-mask);mask-composite:exclude;pointer-events:none;}
.pitch-background{position:absolute;left:50%;top:50%;width:253.125px;height:150px;transform:translate(-50%,-50%);overflow:hidden;background:var(--color-homepage-pitch-thumbnail-background);}
.pitch-background>span{position:absolute;inset:3.13% 0;overflow:hidden;}
.pitch-background .pitch-back{left:0;top:-10%;width:100%;height:116.9%;object-fit:fill;}
.pitch-preview .pitch-title{left:-6.9522px;top:0;width:266.667px;height:150px;max-width:none;object-fit:cover;transform:none;}
.pitch-preview .pitch-play{left:105.7192px;top:54.3676px;transform:none;}

/* The checklist belongs at the landscape's right edge. */
.travel-pills{left:1003px;top:747px;filter:drop-shadow(0 5px 5px var(--color-homepage-travel-pills-filter-3)) drop-shadow(0 18px 9px var(--color-homepage-travel-pills-filter-4)) drop-shadow(0 41px 12px var(--color-homepage-travel-pills-filter-5)) drop-shadow(0 73px 14.5px var(--color-homepage-travel-pills-filter-6));}
.travel-pills label{height:25.6px;font-weight:500;}
.travel-check{display:block;position:relative;width:16px;height:16px;flex:none;}
.travel-check input{position:absolute;inset:2.4px;margin:0;}
.travel-check img{position:absolute;inset:0;pointer-events:none;display:none;}
.travel-check input:checked{background:transparent;border-color:transparent;}
.travel-check input:checked::after{content:none;}
.travel-check input:checked+img{display:block;}
.travel-pills label:has(input:checked)>span:last-child{text-decoration:line-through;}

/* Match the Figma text boxes and preserve the attachment's occlusion. */
.chat-request{height:54.6px;}
.chat-response{top:509px;height:96px;transform:none;box-shadow:var(--shadow-homepage-chat-response-box-shadow);}
.chat-response small{height:18px;flex:none;}
.chat-file,.chat-request{box-shadow:var(--shadow-homepage-chat-file-box-shadow-2);}
.chat-file small{letter-spacing:.28px;}
@media(min-width:700px) and (hover:hover) and (pointer:fine){
 .hover-behind-layer:not([hidden]){display:block!important;}
}
/* journey-v84.css */
/* Keep enough scroll room to read each stage before the next transformation. */
.experience{height:420svh;position:relative;z-index:3;pointer-events:none;}
.stage{pointer-events:auto;}
.agent-features{margin-top:-100svh;background:var(--color-background-mute);z-index:2;}
.banner-change-world{position:absolute;inset:0;pointer-events:none;overflow:hidden;isolation:isolate;color:var(--color-homepage-agent-demo-plane-text);transform:translateZ(0);backface-visibility:hidden;}
.banner-change-world[hidden]{display:none;}
.change-world-paper{position:absolute;inset:0;background:var(--color-homepage-next-section-background);}
.change-world-paper::after{content:"";position:absolute;inset:0;background:url("/hp/assets/f94bd.webp") center/cover no-repeat;filter:grayscale(1) invert(1);mix-blend-mode:multiply;opacity:.14;}
.change-world-background{position:absolute;inset:0;background:var(--color-homepage-change-world-background-background);opacity:0;}
.change-world-decor{position:absolute;inset:0;}
.change-line,.change-world-pen{position:absolute;max-width:none;pointer-events:none;}
.change-line-vertical>img{position:absolute;left:50%;top:50%;width:5980.64%;height:1.672%;max-width:none;transform:translate(-50%,-50%) rotate(90deg);}
.change-world-pen{display:grid;place-items:center;mix-blend-mode:overlay;}
.change-world-pen>img{display:block;width:98.84%;height:98.84%;max-width:none;object-fit:contain;transform:rotate(-89.32deg) scaleY(-1);}
.banner-change-world .journey-composer{position:absolute;z-index:2;transform-origin:top left;filter:none;}
.banner-change-world .change-input{overflow:hidden;padding:14.099px;font-family:NeverMindUI,Arial,sans-serif;border-radius:16px;background:var(--color-homepage-change-input-background);box-shadow:var(--shadow-homepage-banner-change-world-change-input-box-shadow);}
.change-form-content{position:relative;display:flex;flex-direction:column;width:100%;height:100%;}
.banner-change-world .change-prompt{font:400 16px/22.857px NeverMindUI,Arial,sans-serif;letter-spacing:.64px;margin:3.76px 3.76px 12px;min-height:22.857px;flex:1;}
.change-caret{display:inline-block;width:1.5px;height:17px;vertical-align:-3px;margin-left:2px;background:var(--color-homepage-agent-send-background);}
.change-references{display:flex;gap:8.118px;align-items:flex-start;flex:none;overflow:visible;opacity:0;}
.change-reference-file{display:flex;align-items:flex-start;gap:10.148px;padding:7.103px;border:1.015px solid var(--color-homepage-agent-surface-border);background:var(--color-homepage-agent-file-background);border-radius:12.177px;flex:none;width:213.104px;height:64.946px;}
.reference-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;}
.reference-file-icon>span{position:relative;width:32.473px;height:32.473px;}
.reference-file-icon img{position:absolute;max-width:none;}
.reference-file-icon img:first-child{left:7.62%;top:1.31%;width:84.76%;height:99.05%;}
.reference-file-icon img:last-child{left:26.69%;top:41.95%;width:46.76%;height:30.49%;}
.reference-file-name{align-self:center;display:flex;flex-direction:column;gap:2.03px;width:109.597px;font:400 13.19px/17.251px NeverMindUI,Arial,sans-serif;letter-spacing:.5276px;white-space:nowrap;}
.reference-file-name small{font-size:11.16px;line-height:15.222px;letter-spacing:.4464px;color:var(--color-homepage-agent-file-name-text);}
.reference-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);}
.reference-close img{display:block;width:14.207px;height:14.207px;}
.change-reference-image{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;}
.change-reference-image>img{position:absolute;max-width:none;left:-10.71%;top:3.64%;width:257.51%;height:109.375%;}
.change-reference-image .reference-close{position:absolute;right:7.1px;top:7.1px;}
.change-map-result{position:absolute;inset:0;overflow:hidden;opacity:0;background:var(--color-homepage-change-map-result-background);}
.change-map-result>div{position:absolute;left:50%;top:-11.8079%;width:165.3846%;height:119.2118%;transform:translateX(-50%);}
.change-map-result img{position:absolute;left:.83%;top:7.23%;width:98.35%;height:98.28%;max-width:none;}
.generate-scene-dock{background:var(--color-homepage-change-world-background-background)!important;isolation:isolate;}
.feature-0{background-image:linear-gradient(var(--color-homepage-feature-0-background-image),var(--color-homepage-feature-0-background-image)),url("/hp/assets/v81/57c26.png");}
.generate-scene-dock .banner-change-world{inset:0;}
.generate-scene-dock .change-input{background:var(--color-homepage-change-map-result-background);box-shadow:var(--shadow-homepage-agent-surface-box-shadow);}
@media(max-width:699px){
 .experience{height:420svh;}
 .banner-change-world .is-phone .change-input{padding:12.032px;border-radius:12.8px;}
 .banner-change-world .is-phone .change-prompt{font-size:16px;line-height:22.857px;letter-spacing:.64px;margin:3.008px 3.008px 6px;}
 .banner-change-world .is-phone .change-references{gap:6px;}
 .banner-change-world .is-phone .change-reference-file{gap:7px;padding:7px;}
 .banner-change-world .is-phone .reference-file-name{width:102px;}
}
@media(prefers-reduced-motion:reduce){
 .experience{height:100svh;}
 .agent-features{margin-top:0;}
 .banner-change-world .journey-composer{display:block!important;}
 .banner-change-world .change-form-content{opacity:0!important;}
}
/* motion-v85.css */
/* A time-driven story occupies one viewport; the destination waits underneath. */
.experience,.stage{height:100svh;min-height:0;}
.experience{pointer-events:none;}
.stage{pointer-events:auto;}
.agent-features{margin-top:-100svh;}
.motion-word{display:inline-block;opacity:0;transform:translate3d(0,10px,0);filter:blur(10px);}
/* Split words retain each text block's existing type and layout. */
.final-copy .motion-word,.opening-copy .motion-word{font:inherit;color:inherit;letter-spacing:inherit;}
.change-typed{display:inline;}
.change-dock-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.change-dock-fallback[hidden]{display:none;}
:is(.insight-group,.workflow-scene,.workflow-options>button,.workflow-options>a,.template-export,.feature-description,.cta,.dark-button,.light-button,.template-tabs button,.review-card,.pitch-thumbnail,.story-playback){transition-timing-function:var(--motion-ease);animation-timing-function:var(--motion-ease);}
.story-playback{position:fixed;z-index:45;right:20px;bottom:20px;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--color-homepage-agent-surface-border);border-radius:999px;background:var(--color-homepage-story-playback-background);color:var(--color-homepage-story-playback-text);backdrop-filter:blur(10px);font:400 11px/16px NeverMindUI,Arial,sans-serif;cursor:pointer;transition:background .3s var(--motion-ease);}
.story-playback:hover{background:var(--color-background-default);}
.story-playback:focus-visible{outline:2px solid var(--color-homepage-button-focus-visible-focus-visible-focus);outline-offset:3px;}
.story-playback:before{content:"";display:block;width:8px;height:10px;box-sizing:border-box;border-left:3px solid currentColor;border-right:3px solid currentColor;}
.story-playback[data-playing=false]:before{width:0;height:0;border:5px solid transparent;border-right:0;border-left:8px solid currentColor;}
.story-playback[hidden],.story-playback .scroll-stem{display:none;}
.review-panel{position:fixed;z-index:46;}
@media(max-width:699px){.experience,.stage{height:100svh;min-height:0;}.story-playback{right:12px;bottom:max(12px,env(safe-area-inset-bottom));font-size:10px;padding:7px 10px;}}
@media(prefers-reduced-motion:reduce){
 .experience,.stage{height:100svh;min-height:0;}
 .agent-features{margin-top:0;}
 .motion-word{opacity:1!important;transform:none!important;filter:none!important;}
 .story-playback{display:none;}
}

.review-panel #reviewTime{width:65px;background:var(--color-homepage-review-panel-reviewtime-background);border:1px solid var(--color-homepage-agent-playback-before-border);border-radius:4px;color:inherit;padding:5px;}

@media(max-width:699px){.review-panel{gap:7px;max-width:calc(100% - 24px);}.review-panel input[type=range]{width:70px;}.review-panel output{display:none;}.review-panel #reviewTime{width:55px;}}
/* layout-v86.css */
/* Preserve scrollbar width through the lock so artwork never shifts sideways. */
/* The non-inherited animated gutter color is registered in shared tokens/homepage.css. */
html{scrollbar-gutter:stable;background:var(--color-background-mute);}
html.story-scroll-locked{background:var(--story-gutter-color,var(--color-homepage-backdrop-dark-background));}
html.story-scroll-locked,html.story-scroll-locked body{overflow:hidden;overscroll-behavior:none;scroll-behavior:auto;}
.story-scroll-hint{position:fixed;left:50%;bottom:28px;z-index:44;transform:translateX(-50%);font:400 11px/16px NeverMindUI,Arial,sans-serif;letter-spacing:.15px;color:var(--color-homepage-story-scroll-hint-text);pointer-events:none;}
.story-scroll-hint[hidden]{display:none;}
body:has(#stage[data-phase=opening]) .story-scroll-hint{color:var(--color-homepage-stage-story-scroll-hint-text);}
body:has(.review-panel:not([hidden])) .story-scroll-hint{display:none;}
.opening-copy{top:50%;}
.final-copy{top:50%;}
.agent-features{padding-top:var(--feature-center-top,128px);}
.agent-features>h2{position:absolute;top:var(--feature-heading-top,32px);left:0;width:100%;margin:0;}
.workflow-sticky{height:var(--workflow-height);top:var(--workflow-top);}
.workflow-artboard{left:50%;margin-left:-720px;transform:scale(var(--workflow-scale));transform-origin:top center;}
@media(min-width:1600px){.workflow-sticky{height:var(--workflow-height);}.workflow-artboard{margin-left:-720px;transform:scale(var(--workflow-scale));}}
@media(max-width:699px){
 .opening-copy,.final-copy{top:50%;}
 .agent-features{padding-top:var(--feature-center-top,112px);}
 .workflow-section{display:grid;place-items:center;min-height:100svh;}
 .workflow-sticky{width:100%;height:715px;top:0;}
 .workflow-artboard{left:0;margin-left:0;transform:none!important;}
 .story-scroll-hint{left:18px;bottom:20px;transform:none;font-size:10px;}
}
@media(prefers-reduced-motion:reduce){
 .story-scroll-hint{display:none;}
 .agent-features{padding-top:72px;}
 .agent-features>h2{position:static;margin:0 0 32px;}
 .workflow-sticky{top:0;}
}
/* navbar-v87.css */
/* Global navigation is independent of the stage opacity, clipping and inert state. */
/* On short desktop screens, fit the first card below the persistent header. */
@media(min-width:700px){.agent-features{max-width:min(1312px,calc((100svh - 192px)*2.05));}}
/* visual-system/fonts.css */
@font-face{font-family:"Xmind Website Sans";src:url("/hp/assets/v82/NeverMind-Regular.woff2") format("woff2"),url("/hp/assets/v82/NeverMind-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Xmind Website Sans";src:url("/hp/assets/v82/NeverMind-Medium.woff2") format("woff2"),url("/hp/assets/v82/NeverMind-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Xmind Website Sans";src:url("/hp/assets/v82/NeverMind-DemiBold.woff2") format("woff2"),url("/hp/assets/v82/NeverMind-DemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Xmind Website Sans";src:url("/hp/assets/v81/NeverMind-Bold.woff2") format("woff2"),url("/hp/assets/v81/NeverMind-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"NeverMind Slab";src:url("/hp/assets/NeverMindSlab-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"NeverMind Slab";src:url("/hp/assets/v81/NeverMindSlab-DemiBold.woff2") format("woff2"),url("/hp/assets/v81/NeverMindSlab-DemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"NeverMind Slab";src:url("/hp/assets/v81/NeverMindSlab-Bold.woff2") format("woff2"),url("/hp/assets/v81/NeverMindSlab-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Briem Hand";src:url("/hp/assets/BriemHand-SemiBold.woff2") format("woff2"),url("/hp/assets/BriemHand-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"NeverMind Hand";src:url("/hp/visual-system/assets/fonts/NeverMindHand-Bold.woff2") format("woff2"),url("/hp/visual-system/assets/fonts/NeverMindHand-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
/* visual-system/tokens.css */
/* Homepage typography, spacing and motion. Colors come from shared src/styles/tokens/index.css. */
:root {
  --xm-font-sans: "NeverMind", "PingFang SC", "Microsoft YaHei", sans-serif;
  --xm-font-editorial: "NeverMind Slab", Georgia, "PingFang SC", "Microsoft YaHei", sans-serif;
  --xm-font-hand: "Briem Hand", "PingFang SC", "Microsoft YaHei", cursive;
  --xm-font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --xm-space-4: 4px;
  --xm-space-8: 8px;
  --xm-space-12: 12px;
  --xm-space-16: 16px;
  --xm-space-20: 20px;
  --xm-space-24: 24px;
  --xm-space-32: 32px;
  --xm-space-48: 48px;
  --xm-space-64: 64px;
  --xm-space-96: 96px;
  --xm-space-128: 128px;
  --xm-radius-square: 0px;
  --xm-radius-control: 0.5rem;
  --xm-radius-input: var(--xm-radius-control);
  --xm-radius-hero: 0.75rem;
  --xm-radius-nav: 1rem;
  --xm-radius-panel: clamp(1.25rem, 1.16197rem + 0.37559vw, 1.5rem);
  --xm-content-max: 82rem;
  --xm-nav-max: 68.125rem;
  --xm-hero-copy-max: 35.0625rem;
  --xm-page-gutter: clamp(1.25rem, 0.28169rem + 4.13146vw, 4rem);
  --xm-section-gap: clamp(4.5rem, 3.26761rem + 5.25822vw, 8rem);
  --xm-section-heading-gap: clamp(2rem, 1.64789rem + 1.50235vw, 3rem);
  --xm-panel-padding: clamp(1.5rem, 0.97183rem + 2.25352vw, 3rem);
  --xm-grid-gap: clamp(1rem, 0.82394rem + 0.75117vw, 1.5rem);
  --xm-hero-action-gap: clamp(2rem, 1.29577rem + 3.00469vw, 4rem);
  --xm-control-height: 2.75rem;
  --xm-reading-max: 60ch;
  --xm-blur-nav: 6px;
  --xm-blur-glass: 8.7px;
  --xm-duration-fast: 180ms;
  --xm-duration-normal: 250ms;
  --xm-duration-enter: 550ms;
  --xm-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --xm-content-block-gap: var(--xm-space-24);
  --xm-content-heading-gap: var(--xm-space-48);
  --xm-content-sidebar: 16rem;
  --xm-content-column-gap: clamp(2rem, 1.29577rem + 3.00469vw, 4rem);
  --xm-content-sticky-offset: 7rem;
  --xm-dense-row-min: var(--xm-control-height);
  --xm-table-cell-padding: var(--xm-space-16);
  --xm-form-max: 36rem;
  --xm-form-field-gap: var(--xm-space-24);
  --xm-form-group-gap: var(--xm-space-32);
  --xm-type-hero-size: clamp(2.25rem, 1.5343511rem + 3.0534351vw, 3rem);
  --xm-type-hero-line: clamp(2.75rem, 1.7958015rem + 4.0712468vw, 3.75rem);
  --xm-type-hero-weight: 600;
  --xm-type-section-size: clamp(1.75rem, 1.5114504rem + 1.0178117vw, 2rem);
  --xm-type-section-line: clamp(2.25rem, 2.0114504rem + 1.0178117vw, 2.5rem);
  --xm-type-section-weight: 700;
  --xm-type-feature-size: clamp(1.25rem, 1.1307252rem + 0.5089059vw, 1.375rem);
  --xm-type-feature-line: clamp(1.75rem, 1.6307252rem + 0.5089059vw, 1.875rem);
  --xm-type-feature-weight: 600;
  --xm-type-lead-size: clamp(1rem, 0.8807252rem + 0.5089059vw, 1.125rem);
  --xm-type-lead-line: clamp(1.5rem, 1.2614504rem + 1.0178117vw, 1.75rem);
  --xm-type-lead-weight: 500;
  --xm-type-body-size: 1rem;
  --xm-type-body-line: 1.625rem;
  --xm-type-body-weight: 400;
  --xm-type-label-size: 1rem;
  --xm-type-label-line: 1.5rem;
  --xm-type-label-weight: 600;
  --xm-type-small-size: 0.875rem;
  --xm-type-small-line: 1.375rem;
  --xm-type-small-weight: 400;
  --xm-type-caption-size: 0.75rem;
  --xm-type-caption-line: 1.125rem;
  --xm-type-caption-weight: 400;
  --xm-type-hero-accent-size: clamp(2.4375rem, 1.6622137rem + 3.307888vw, 3.25rem);
  --xm-type-hero-accent-line: clamp(2.75rem, 1.7958015rem + 4.0712468vw, 3.75rem);
  --xm-type-hero-accent-weight: 600;
  --xm-type-statement-size: clamp(1.75rem, 1.5114504rem + 1.0178117vw, 2rem);
  --xm-type-statement-line: clamp(2.5rem, 2.2614504rem + 1.0178117vw, 2.75rem);
  --xm-type-statement-weight: 700;
  --xm-type-metric-size: clamp(2rem, 1.2843511rem + 3.0534351vw, 2.75rem);
  --xm-type-metric-line: clamp(2.5rem, 1.5458015rem + 4.0712468vw, 3.5rem);
  --xm-type-metric-weight: 700;
  --xm-type-category-size: clamp(1rem, 0.8807252rem + 0.5089059vw, 1.125rem);
  --xm-type-category-line: clamp(1.5rem, 1.2614504rem + 1.0178117vw, 1.75rem);
  --xm-type-category-weight: 400;
  --xm-type-signature-size: 1.125rem;
  --xm-type-signature-line: 1.75rem;
  --xm-type-signature-weight: 600;
}
@media (min-width: 48rem) { :root {
  --xm-type-hero-size: clamp(3rem, 2.1428571rem + 1.7857143vw, 3.75rem);
  --xm-type-hero-line: clamp(3.75rem, 2.8928571rem + 1.7857143vw, 4.5rem);
  --xm-type-hero-weight: 600;
  --xm-type-section-size: clamp(2rem, 1.7142857rem + 0.5952381vw, 2.25rem);
  --xm-type-section-line: clamp(2.5rem, 2.2142857rem + 0.5952381vw, 2.75rem);
  --xm-type-section-weight: 700;
  --xm-type-feature-size: clamp(1.375rem, 1.2321429rem + 0.297619vw, 1.5rem);
  --xm-type-feature-line: clamp(1.875rem, 1.7321429rem + 0.297619vw, 2rem);
  --xm-type-feature-weight: 600;
  --xm-type-lead-size: clamp(1.125rem, 0.9821429rem + 0.297619vw, 1.25rem);
  --xm-type-lead-line: clamp(1.75rem, 1.4642857rem + 0.5952381vw, 2rem);
  --xm-type-lead-weight: 500;
  --xm-type-body-size: 1rem;
  --xm-type-body-line: 1.625rem;
  --xm-type-body-weight: 400;
  --xm-type-label-size: 1rem;
  --xm-type-label-line: 1.5rem;
  --xm-type-label-weight: 600;
  --xm-type-small-size: 0.875rem;
  --xm-type-small-line: 1.375rem;
  --xm-type-small-weight: 400;
  --xm-type-caption-size: 0.75rem;
  --xm-type-caption-line: 1.125rem;
  --xm-type-caption-weight: 400;
  --xm-type-hero-accent-size: clamp(3.25rem, 2.3928571rem + 1.7857143vw, 4rem);
  --xm-type-hero-accent-line: clamp(3.75rem, 2.8928571rem + 1.7857143vw, 4.5rem);
  --xm-type-hero-accent-weight: 600;
  --xm-type-statement-size: clamp(2rem, 1.7142857rem + 0.5952381vw, 2.25rem);
  --xm-type-statement-line: clamp(2.75rem, 2.4642857rem + 0.5952381vw, 3rem);
  --xm-type-statement-weight: 700;
  --xm-type-metric-size: clamp(2.75rem, 1.8928571rem + 1.7857143vw, 3.5rem);
  --xm-type-metric-line: clamp(3.5rem, 2.6428571rem + 1.7857143vw, 4.25rem);
  --xm-type-metric-weight: 700;
  --xm-type-category-size: clamp(1.125rem, 0.9821429rem + 0.297619vw, 1.25rem);
  --xm-type-category-line: clamp(1.75rem, 1.6071429rem + 0.297619vw, 1.875rem);
  --xm-type-category-weight: 400;
  --xm-type-signature-size: 1.125rem;
  --xm-type-signature-line: 1.75rem;
  --xm-type-signature-weight: 600;
} }
.xm-type-hero { font-family: var(--xm-font-sans); font-size: var(--xm-type-hero-size); line-height: var(--xm-type-hero-line); font-weight: var(--xm-type-hero-weight); letter-spacing: 0; }
.xm-type-section { font-family: var(--xm-font-sans); font-size: var(--xm-type-section-size); line-height: var(--xm-type-section-line); font-weight: var(--xm-type-section-weight); letter-spacing: 0; }
.xm-type-feature { font-family: var(--xm-font-editorial); font-size: var(--xm-type-feature-size); line-height: var(--xm-type-feature-line); font-weight: var(--xm-type-feature-weight); letter-spacing: 0; }
.xm-type-lead { font-family: var(--xm-font-sans); font-size: var(--xm-type-lead-size); line-height: var(--xm-type-lead-line); font-weight: var(--xm-type-lead-weight); letter-spacing: 0; }
.xm-type-body { font-family: var(--xm-font-sans); font-size: var(--xm-type-body-size); line-height: var(--xm-type-body-line); font-weight: var(--xm-type-body-weight); letter-spacing: 0; }
.xm-type-label { font-family: var(--xm-font-sans); font-size: var(--xm-type-label-size); line-height: var(--xm-type-label-line); font-weight: var(--xm-type-label-weight); letter-spacing: 0; }
.xm-type-small { font-family: var(--xm-font-sans); font-size: var(--xm-type-small-size); line-height: var(--xm-type-small-line); font-weight: var(--xm-type-small-weight); letter-spacing: 0; }
.xm-type-caption { font-family: var(--xm-font-sans); font-size: var(--xm-type-caption-size); line-height: var(--xm-type-caption-line); font-weight: var(--xm-type-caption-weight); letter-spacing: 0; }
.xm-type-hero-accent { font-family: var(--xm-font-hand); font-size: var(--xm-type-hero-accent-size); line-height: var(--xm-type-hero-accent-line); font-weight: var(--xm-type-hero-accent-weight); letter-spacing: 0; }
.xm-type-statement { font-family: var(--xm-font-editorial); font-size: var(--xm-type-statement-size); line-height: var(--xm-type-statement-line); font-weight: var(--xm-type-statement-weight); letter-spacing: 0; }
.xm-type-metric { font-family: var(--xm-font-editorial); font-size: var(--xm-type-metric-size); line-height: var(--xm-type-metric-line); font-weight: var(--xm-type-metric-weight); letter-spacing: 0; }
.xm-type-category { font-family: var(--xm-font-editorial); font-size: var(--xm-type-category-size); line-height: var(--xm-type-category-line); font-weight: var(--xm-type-category-weight); letter-spacing: 0; }
.xm-type-signature { font-family: var(--xm-font-hand); font-size: var(--xm-type-signature-size); line-height: var(--xm-type-signature-line); font-weight: var(--xm-type-signature-weight); letter-spacing: 0; }
@media (prefers-reduced-motion: reduce) { :root { --xm-duration-fast: 0ms; --xm-duration-normal: 0ms; --xm-duration-enter: 0ms; } }
/* visual-system-v89.css */
/* Homepage mapping for Xmind Website design system v0.3.
 * Source: homepage/xmind-visual-system/system.mjs (2026-10-17).
 * Artwork, product mockups and scene timing keep their own coordinate system.
 * Shared SiteHeader / SiteFooter remain governed by chrome.css. */
:root{--font-sans:var(--xm-font-sans);--section-gap:var(--xm-section-gap);--page-gutter:var(--xm-page-gutter);}
body{font-family:var(--xm-font-sans);}
/* Real copy is a sibling of the scaled artwork plane. Never scale reading text. */
.final-copy{z-index:5;left:50%;top:50%;width:min(var(--xm-hero-copy-max),calc(100% - var(--page-gutter)*2));transform:translate(-50%,-50%);gap:var(--xm-hero-action-gap);}
.final-copy h2,.opening-copy h1{font:600 var(--xm-type-hero-size)/var(--xm-type-hero-line) var(--xm-font-sans);letter-spacing:0;}
.final-copy .final-headline{height:auto;min-height:var(--xm-type-hero-line);gap:clamp(8px,1.1vw,16px)!important;flex-wrap:wrap;justify-content:center;}
.final-copy em{font:600 var(--xm-type-hero-accent-size)/var(--xm-type-hero-accent-line) var(--xm-font-hand);transform:translateY(-.04em);}
.final-copy p{font:500 var(--xm-type-lead-size)/var(--xm-type-lead-line) var(--xm-font-sans);margin-top:12px;}
.opening-copy{width:calc(100% - var(--page-gutter)*2);max-width:60rem;transform:translate(-50%,-50%);}
.opening-copy em{font-family:var(--xm-font-hand);transform:translateY(-.04em);}
.hero-actions{gap:12px;flex-wrap:wrap;}.hero-actions .cta{min-height:48px;font:600 1.25rem/1.5 var(--xm-font-sans);padding:8px 16px;border-radius:var(--xm-radius-hero);}
.agent-features,.templates-section,.security-section,.closing-section,.g2-section{max-width:var(--xm-content-max);}
:is(.agent-features,.templates-section,.reviews-section,.security-section,.g2-section)>h2{font:700 var(--xm-type-section-size)/var(--xm-type-section-line) var(--xm-font-sans);margin-bottom:var(--xm-section-heading-gap);}
.feature-card{min-height:var(--feature-min-height,0px);}
.feature-copy{padding:var(--xm-panel-padding);}
.feature-copy h3{font:600 var(--xm-type-feature-size)/var(--xm-type-feature-line) var(--xm-font-editorial);margin-bottom:24px;}
.feature-copy h3 button{min-height:44px;text-align:left;}
.feature-description p,.security-card p,.closing-section .closing-content>p,.g2-section>p{font:400 var(--xm-type-body-size)/var(--xm-type-body-line) var(--xm-font-sans);}
.feature-description p{margin-bottom:24px;max-width:48ch;}
.feature-visual,.security-card{border-radius:var(--xm-radius-panel);}
.dark-button,.light-button,.feature-description .dark-button,.template-actions a{font:600 var(--xm-type-label-size)/var(--xm-type-label-line) var(--xm-font-sans);min-height:var(--xm-control-height);padding:10px 20px;border-radius:var(--xm-radius-control);}
.template-tabs{border-radius:var(--xm-radius-nav);gap:var(--xm-grid-gap);padding:8px;overflow-x:auto;justify-content:flex-start;}
.template-tabs button{font:400 var(--xm-type-category-size)/var(--xm-type-category-line) var(--xm-font-editorial);border-radius:var(--xm-radius-hero);min-height:44px;padding:10px 16px;flex:none;}
.template-tabs button[aria-selected=true]{font-weight:600;}
.template-note,.closing-section .closing-content>.template-note{font:400 var(--xm-type-caption-size)/var(--xm-type-caption-line) var(--xm-font-sans);}
.template-actions{flex-wrap:wrap;gap:12px;}
.review-stats{margin-bottom:var(--xm-section-heading-gap);}
.review-stats strong{font:700 var(--xm-type-metric-size)/var(--xm-type-metric-line) var(--xm-font-editorial);}
.review-stats p{font:400 var(--xm-type-lead-size)/var(--xm-type-lead-line) var(--xm-font-sans);white-space:normal;flex-wrap:wrap;}
.reviews-track{gap:var(--xm-grid-gap);}
.review-card{padding:24px;}
.review-card h3{font:600 var(--xm-type-signature-size)/var(--xm-type-signature-line) var(--xm-font-hand);overflow-wrap:anywhere;}
.review-card header p{font:600 var(--xm-type-caption-size)/var(--xm-type-caption-line) var(--xm-font-sans);}
.review-card blockquote{font:400 var(--xm-type-small-size)/var(--xm-type-small-line) var(--xm-font-sans);}
.security-grid{gap:var(--xm-grid-gap);grid-template-rows:minmax(328px,auto) minmax(328px,auto) minmax(292px,auto);}
.security-card{padding:var(--xm-panel-padding);}
.security-card h3{font:700 var(--xm-type-feature-size)/var(--xm-type-feature-line) var(--xm-font-sans);}
.closing-section{padding:var(--xm-section-heading-gap) var(--xm-panel-padding);}
.closing-section h2{font:700 var(--xm-type-statement-size)/var(--xm-type-statement-line) var(--xm-font-editorial);}
.newsletter input{min-height:44px;font:400 1rem/1.5 var(--xm-font-sans);border-radius:var(--xm-radius-control);}
.newsletter button{min-height:44px;border-radius:var(--xm-radius-control);}
/* Flowing cards protect reading space on phones, tablets and zoomed layouts. */
@media(max-width:63.999rem){
 .agent-features{padding-top:var(--section-gap);max-width:var(--xm-content-max);}
 .agent-features>h2{position:static;margin-bottom:var(--xm-section-heading-gap);}
 .feature-stack{height:auto!important;}.stack-sticky{position:relative;top:0!important;height:auto!important;display:grid;gap:var(--xm-grid-gap);overflow:visible;}
 .feature-card{position:relative!important;transform:none!important;aspect-ratio:auto;height:auto!important;min-height:0;display:flex;flex-direction:column;container-type:normal;}
 .feature-copy{width:100%;padding:var(--xm-panel-padding);}.feature-description{opacity:1!important;min-height:0;}
 .feature-visual{position:relative;top:auto;left:auto;width:calc(100% - 24px);height:auto;aspect-ratio:618/584;max-height:none;margin:0 12px 12px;flex:none;}
 .feature-art{width:100%;height:100%;object-fit:contain;}
 .security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:var(--xm-grid-gap);}
 .security-card{grid-column:auto;grid-row:auto;min-height:0;}
 .security-iso>div,.security-aws>div{width:100%;}
 .security-iso,.security-aws,.security-soc{display:flex;flex-direction:column;gap:20px;}
 .security-iso .security-illustration,.security-aws .security-illustration,.security-soc .security-illustration{position:relative;inset:auto;width:calc(100% + 32px);height:auto;aspect-ratio:491/328;max-height:260px;object-fit:contain;margin:0 -16px -16px;flex:none;}
 .security-soc .security-illustration{aspect-ratio:504/498;}
 .review-stats>div{padding:16px 8px;}.review-stats p{gap:6px;}
}
@media(max-width:47.999rem){
 .hero-actions{flex-direction:column;align-items:center;}
 .security-grid{grid-template-columns:1fr;}
 .security-iso .security-illustration,.security-aws .security-illustration{max-height:230px;}
 .review-card{width:min(340px,calc(100vw - 48px));padding:20px;}
 .reviews-window{width:calc(100% + var(--page-gutter)*2);margin-left:calc(-1*var(--page-gutter));mask-image:none;scroll-snap-type:x mandatory;}
 .review-card{scroll-snap-align:center;}.reviews-track{padding-inline:20px;}
 .review-card blockquote{padding-inline:24px;}.review-avatar{width:48px;height:48px;}
 .review-stats{flex-wrap:wrap;row-gap:24px;}.review-stats>div{padding-inline:4px;}

 .template-actions a{padding-inline:16px;}
}
@media(max-width:22rem){.review-stats>div{flex-basis:100%;}.review-stats>div+div{border-left:0;border-top:1px solid var(--color-border-subtle-hover);padding-top:24px;}}
@media(prefers-reduced-motion:reduce){.agent-features{padding-top:var(--section-gap);}.agent-features>h2{margin-bottom:var(--xm-section-heading-gap);}}

@media(min-width:700px) and (max-width:1199px){.connections,.organized-hover-layer,.hover-behind-layer,.object-focus-target{display:none!important;}}

/* Reading content uses semantic roles; art-contained labels are intentionally excluded. */
.hp-preview { --xm-font-sans: "Xmind Website Sans", "PingFang SC", "Microsoft YaHei", sans-serif; }
.opening-copy em { font-size:var(--xm-type-hero-accent-size);line-height:var(--xm-type-hero-accent-line); }
.trusted-section>p { font:500 var(--xm-type-lead-size)/var(--xm-type-lead-line) var(--xm-font-sans);padding-inline:var(--xm-page-gutter); }
.template-tabs { height:auto;overflow-y:hidden;margin-bottom:var(--xm-space-32); }
.template-actions { margin-top:var(--xm-section-heading-gap); }
.template-note { margin-top:var(--xm-space-12); }
.feature-copy h3,.feature-description p { margin-bottom:var(--xm-space-24); }
.security-card h3 { margin-bottom:var(--xm-space-16); }
.security-card { padding:var(--xm-panel-padding); }
.security-iso,.security-aws { padding-inline-end:var(--xm-panel-padding); }
.review-card,.review-card:first-child,.review-card:last-child { border-radius:var(--xm-radius-square); }
.review-stats>div { padding:var(--xm-space-24) var(--xm-space-16);gap:var(--xm-space-8); }
.reviews-window { height:auto;min-height:0;mask-image:none;padding-block:var(--xm-space-8) var(--xm-space-32); }
.reviews-track { align-items:stretch; }
.review-card { padding:var(--xm-space-24); }
.review-card header { gap:var(--xm-space-12);padding-bottom:var(--xm-space-20); }
.review-card blockquote { margin-top:var(--xm-space-20); }
.g2-section>p { max-width:var(--xm-reading-max);margin-bottom:var(--xm-section-heading-gap); }
.g2-badges { gap:var(--xm-grid-gap); }
.closing-section { border-radius:var(--xm-radius-panel); }
.hp-newsletter { padding-inline:var(--xm-page-gutter); }
.newsletter h3 { font:600 var(--xm-type-feature-size)/var(--xm-type-feature-line) var(--xm-font-editorial);margin:0; }
.newsletter>p,.newsletter form p { font:400 var(--xm-type-small-size)/var(--xm-type-small-line) var(--xm-font-sans); }
.newsletter>p { margin:var(--xm-space-12) 0 var(--xm-space-24); }
.newsletter form { gap:var(--xm-space-12); }
.newsletter button,.hp-replay button { font:600 var(--xm-type-label-size)/var(--xm-type-label-line) var(--xm-font-sans);border-radius:var(--xm-radius-control);min-height:var(--xm-control-height); }
.story-scroll-hint,.scroll-cue { font:400 var(--xm-type-caption-size)/var(--xm-type-caption-line) var(--xm-font-sans); }
.hp-preview :is(button,a,input,[tabindex]):focus-visible { outline-color:var(--color-focus-ring); }
/* Copy is outside the scaled workflow artwork, just like the Hero copy. */
.workflow-copy { position:absolute;inset:0;pointer-events:none; }
.workflow-copy h2 { position:absolute;left:calc(50% - 656px * var(--workflow-scale));top:calc(110px * var(--workflow-scale));width:calc(358px * var(--workflow-scale));margin:0;color:var(--color-text-on-color);font:700 var(--xm-type-section-size)/var(--xm-type-section-line) var(--xm-font-sans); }
.workflow-copy .workflow-options { pointer-events:auto;left:calc(50% - 240px * var(--workflow-scale));top:calc(110px * var(--workflow-scale));width:calc(330px * var(--workflow-scale)); }
.workflow-options button,.workflow-options>a { font:700 var(--xm-type-section-size)/var(--xm-type-section-line) var(--xm-font-sans);min-height:var(--xm-control-height); }
@media(max-width:74.999rem) {
 .workflow-copy { display:flex;flex-direction:column;gap:var(--xm-space-24);padding:var(--xm-space-32) var(--xm-page-gutter); }
 .workflow-copy h2 { position:static;width:auto; }
 .workflow-copy .workflow-options { position:static;display:flex;flex-direction:row;gap:var(--xm-space-24);width:100%;height:auto;overflow-x:auto;overflow-y:hidden;padding-bottom:var(--xm-space-12); }
 .workflow-copy .workflow-options>button,.workflow-copy .workflow-options>a { position:static;flex:none;transform:none;animation:none;font:600 var(--xm-type-category-size)/var(--xm-type-category-line) var(--xm-font-editorial); }
 .workflow-copy .workflow-options>a { display:none; }
}
@media(max-width:47.999rem) {
 .review-stats { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--xm-space-24); }
 .review-stats>div { padding:0; }
 .review-stats>div:last-child { grid-column:1/-1;border:0;padding-top:var(--xm-space-24);border-top:1px solid var(--color-border-subtle); }
 .review-card { padding:var(--xm-space-24); }
}

@media(min-width:700px) and (max-width:74.999rem) { .workflow-copy { width:58%; } }

@media(min-width:75rem) { .workflow-copy .workflow-options>button,.workflow-copy .workflow-options>a { transform:translateY(calc(var(--workflow-slot,0) * (var(--xm-type-section-line) + var(--xm-space-16)))); } }

/* Figma V27 / 50:647, P01 light gray: one borderless sheet, never tiled. */
.feature-card,.closing-section {
 background-image:url("/hp/assets/paper/p01-light-gray.webp");
 background-position:center;
 background-size:cover;
 background-repeat:no-repeat;
}
/* /hp/_astro/typography.CDPbMTzR.css */
@font-face{font-family:NeverMind;src:url(/hp/site/fonts/nevermind-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:NeverMind;src:url(/hp/site/fonts/nevermind-medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:NeverMind;src:url(/hp/site/fonts/nevermind-demibold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:NeverMind;src:url(/hp/site/fonts/nevermind-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:NeverMind;src:url(/hp/site/fonts/nevermind-extrabold.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Inter;src:url(/hp/site/fonts/inter-variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Fragment Mono;src:url(/hp/site/fonts/fragment-mono.woff2)format("woff2");font-weight:400;font-display:swap}:root{--font-display:"NeverMind", "Inter", system-ui, -apple-system, "PingFang SC", sans-serif;--font-body:"Inter", system-ui, -apple-system, "PingFang SC", "Hiragino Kaku Gothic ProN", "Noto Sans", sans-serif;--font-mono:"Fragment Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius-card:16px;--radius-pill:999px;--content-max:1312px}
/* /hp/_astro/chrome.BVlEnrkq.css */
.site-header,.mobile-menu,.site-footer{font-family:var(--font-body);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}.chevron{background-color:currentColor;flex-shrink:0;width:16px;height:16px;display:inline-block;mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3.5 6l4.5 4.5L12.5 6\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>") 50%/contain no-repeat}.site-header{z-index:10;margin:24px 0 0;padding:0 16px;position:sticky;top:24px}.site-header:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to bottom, var(--color-header-blur-start), var(--color-header-blur-end));height:92px;position:fixed;top:0;left:0;right:0}.site-header-pill{background:var(--color-header-glass);width:max-content;min-width:min(100%,1090px);max-width:100%;height:52px;box-shadow:0 1px 2px var(--color-shadow-06), 0 4px 4px var(--color-shadow-05), 0 10px 6px var(--color-shadow-03);border-radius:16px;align-items:center;margin:0 auto;padding:0 8px 0 16px;display:flex;position:relative}.site-header-pill:after{content:"";border:1px solid var(--color-border-subtle);pointer-events:none;border-radius:16px;position:absolute;inset:0}.nav-blur-overlay{z-index:-1;opacity:0;pointer-events:none;background:var(--color-menu-overlay);backdrop-filter:blur(6px);transition:opacity .2s;position:fixed;inset:0}.site-header:has(.nav-item:hover) .nav-blur-overlay,.site-header:has(.nav-item:focus-within) .nav-blur-overlay{opacity:1}.site-logo{align-items:center;margin-right:32px;display:flex}.site-logo img{width:auto;height:25px;display:block}.site-nav{flex:1;align-items:center;gap:12px;display:flex}.nav-link,.nav-trigger{height:36px;font-family:var(--font-display);color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:0 10px;font-size:14px;font-weight:600;line-height:21px;text-decoration:none;display:flex}.nav-trigger{padding:0 8px 0 12px}.nav-item:hover .nav-trigger,.nav-item:focus-within .nav-trigger,.site-header .nav-link:hover,.site-header .nav-link:focus-visible,.site-actions .link-plain:hover,.site-actions .link-plain:focus-visible{background:var(--color-background-hover-overlay)}.site-nav .chevron{width:16px;height:16px;color:var(--color-icon-secondary);transition:transform .15s}.nav-item:hover .chevron,.nav-item:focus-within .chevron{transform:rotate(180deg)}.nav-panel{top:calc(100% + 8px);left:var(--panel-offset,0);background:var(--color-header-glass);backdrop-filter:blur(12px);box-shadow:0 4px 9px var(--color-shadow-10), 0 17px 17px var(--color-shadow-09), 0 38px 23px var(--color-shadow-05), 0 68px 27px var(--color-shadow-01);border-radius:16px;padding:16px;display:none;position:absolute}.nav-panel:before{content:"";height:16px;position:absolute;top:-16px;left:0;right:0}.nav-item:hover .nav-panel,.nav-item:focus-within .nav-panel{display:block}.nav-cards{grid-template-columns:repeat(2,360px);gap:8px;display:grid}.nav-cards-single{grid-template-columns:360px;gap:4px}.nav-card{width:360px;color:var(--color-text-primary);border-radius:8px;gap:12px;padding:12px;text-decoration:none;display:flex}.nav-card:hover{background:var(--color-background-hover-overlay)}.nav-card img{width:64px;height:64px;display:block}.nav-card strong{font-family:var(--font-display);font-size:16px;font-weight:700;line-height:24px;display:block}.nav-card-desc{font-family:var(--font-display);color:var(--color-text-secondary);margin-top:8px;font-size:12px;font-weight:400;line-height:18px;display:block}.nav-columns{gap:4px;display:flex}.nav-col{width:230px}.nav-col-cards{width:360px}.nav-col-head{font-family:var(--font-display);color:var(--color-text-primary);margin:0 0 20px;padding:12px 12px 0;font-size:20px;font-weight:700;line-height:30px}.nav-col-cards .nav-col-head{margin-bottom:12px}.nav-col ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.nav-col :where(ul) a{font-family:var(--font-display);color:var(--color-text-primary);border-radius:8px;padding:12px;font-size:16px;font-weight:400;line-height:24px;text-decoration:none;display:block}.nav-col :where(ul) a:hover{background:var(--color-background-hover-overlay)}.nav-burger{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;margin-left:auto;padding:0;display:none}.nav-burger span{background:var(--color-icon-primary);width:20px;height:2px}.mobile-menu{z-index:80;background:var(--color-background-default);border-radius:16px;transition:top .35s cubic-bezier(.32,.72,0,1),right .35s cubic-bezier(.32,.72,0,1),bottom .35s cubic-bezier(.32,.72,0,1),left .35s cubic-bezier(.32,.72,0,1),border-radius .35s cubic-bezier(.32,.72,0,1);position:fixed;inset:24px 32px calc(100% - 76px);overflow:hidden}.mobile-menu:after{content:"";border:1px solid var(--color-border-subtle);border-radius:inherit;opacity:1;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.mobile-menu.is-open{border-radius:0;inset:0;overflow-y:auto}.mobile-menu.is-open:after{opacity:0}.mobile-menu-viewport{opacity:0;transition:opacity .18s .1s;overflow:hidden}.mobile-menu.is-open .mobile-menu-viewport{opacity:1}@media (prefers-reduced-motion:reduce){.mobile-menu,.mobile-menu:after,.mobile-menu-bar,.mobile-menu-viewport{transition:none}}.mobile-menu-bar{border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:52px;padding:0 8px 0 16px;transition:height .35s cubic-bezier(.32,.72,0,1),padding .35s cubic-bezier(.32,.72,0,1),border-color .2s;display:flex}.mobile-menu.is-open .mobile-menu-bar{border-bottom-color:var(--color-border-divider);height:80px;padding:0 16px 0 24px}.mobile-menu-bar .site-logo{margin-right:0}.mobile-menu-close{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;padding:0;display:flex}.mobile-menu-close span{background:var(--color-icon-primary);border-radius:1px;width:20px;height:2px;transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .2s}.mobile-menu.is-open .mobile-menu-close span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu.is-open .mobile-menu-close span:nth-child(2){opacity:0}.mobile-menu.is-open .mobile-menu-close span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu-list{padding:10px 12px 40px}.mobile-menu-row{width:100%;font-family:var(--font-display);color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;justify-content:space-between;align-items:center;padding:19px 16px;font-size:20px;font-weight:600;line-height:30px;text-decoration:none;display:flex}.mobile-menu-row:hover,.mobile-menu-row:active{background:var(--color-background-hover-overlay)}.mobile-menu-row .chevron,.mobile-menu-back .chevron{width:20px;height:20px}.mobile-menu-row .chevron{transform:rotate(-90deg)}.mobile-menu-track{width:200%;transition:transform .4s cubic-bezier(.32,.72,0,1);display:flex}.mobile-menu-track>*{flex-shrink:0;width:50%}.mobile-menu.is-sub .mobile-menu-track{transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.mobile-menu-track{transition:none}}.mobile-menu-sub{padding:0 0 40px}.mobile-menu-back{width:calc(100% - 24px);height:62px;font-family:var(--font-display);color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;align-items:center;gap:8px;margin:12px 12px 16px;padding:0 12px;font-size:20px;font-weight:600;line-height:30px;display:flex}.mobile-menu-back .chevron{transform:rotate(90deg)}.mobile-menu-screen{padding:0 12px}.mobile-menu-screen .nav-cards{grid-template-columns:minmax(0,1fr);gap:8px}.mobile-menu-screen .nav-card{width:100%;min-width:0}.mobile-menu-screen .nav-card img{flex-shrink:0}.mobile-menu-screen .nav-card>span{overflow-wrap:anywhere;min-width:0}.mobile-menu-screen .nav-columns{flex-direction:column;gap:24px}.mobile-menu-screen .nav-col{width:100%}.mobile-menu-screen .nav-col-cards{order:-1}.mobile-menu-screen .nav-columns{padding-top:8px}.mobile-menu-screen .nav-cards-single{gap:4px}.mobile-menu-screen .nav-col-head{color:var(--color-text-secondary);margin:0 0 16px;padding:0 12px;font-size:14px;font-weight:400;line-height:21px}.mobile-menu-screen .nav-col ul{gap:0}.mobile-menu-screen .nav-col ul a{padding:20px 12px;font-weight:600}.mobile-menu-back:hover{background:var(--color-background-subtle-overlay)}.site-actions{align-items:center;gap:8px;margin-left:16px;display:flex}.site-actions .xm-button,.site-actions .xm-button__content,.site-actions .xm-button__label{min-width:min-content}.site-actions .xm-button__label{overflow-wrap:normal}.site-actions .link-plain{font-family:var(--font-display);color:var(--color-text-primary);border-radius:6px;padding:7.5px 12px;font-size:14px;font-weight:600;line-height:21px;text-decoration:none}.site-footer{background-color:var(--color-background-default);background-image:linear-gradient(var(--color-footer-surface), var(--color-footer-surface));margin-top:32px;padding:64px 64px 32px}.footer-main,.footer-bottom-row{width:100%;max-width:1600px;margin-inline:auto}.footer-social,.footer-social-links,.footer-badges{align-items:center;display:flex}.footer-social{flex-wrap:wrap;gap:48px}.footer-social-links{flex-wrap:wrap;gap:16px}.footer-badges{gap:24px;width:280px}.footer-social-icon{min-width:24px;height:24px;color:var(--color-icon-secondary);flex:none;justify-content:center;align-items:center;display:flex}.footer-social-icon:hover{color:var(--color-text-primary)}.footer-social-icon svg,.footer-social img{flex-shrink:0;display:block}.footer-cols{grid-template-columns:220px 220px repeat(5,minmax(0,1fr));gap:32px 24px;margin-top:96px;display:grid}.footer-col{min-width:0}.footer-col p{font-family:var(--font-display);color:var(--color-text-primary);margin:0 0 24px;font-size:16px;font-weight:700;line-height:24px}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li{margin:0 0 16px;line-height:21px}.footer-col li:last-child{margin-bottom:0}.footer-col a{font-family:var(--font-display);color:var(--color-text-strong);overflow-wrap:anywhere;font-size:14px;font-weight:400;line-height:21px;text-decoration:none;display:block}.footer-col a:hover{text-decoration:underline}.footer-link-with-badge{align-items:center;gap:8px;display:flex}.footer-new{font-family:var(--font-display);color:var(--color-footer-badge-text);background:var(--color-footer-badge-background);border-radius:99px;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:600;line-height:18px}.footer-bottom{font-family:var(--font-display);color:var(--color-text-secondary);margin-top:80px;padding-top:33px;font-size:12px;font-weight:600;line-height:18px;position:relative}.footer-bottom:before{content:"";opacity:.8;background:url(/hp/site/footer/divider.png) 50%/cover no-repeat;height:1px;position:absolute;inset:0 0 auto}.footer-bottom-row{align-items:center;gap:16px;display:flex}.footer-meta{flex-wrap:wrap;align-items:center;gap:16px 48px;display:flex}.footer-ai{align-items:center;gap:8px;display:flex}.footer-ai a{flex:0 0 20px;width:20px;height:20px;display:block}.footer-ai a:first-of-type{margin-left:8px}.footer-ai img{width:100%;height:100%;display:block}.footer-cookie{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;line-height:1}.footer-cookie:hover{color:var(--color-text-primary)}.footer-lang{border:1px solid var(--color-border-overlay);height:32px;color:var(--color-text-primary);cursor:pointer;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;padding:0 12px;display:flex;position:relative}.footer-lang svg{width:16px;height:16px}.footer-lang .chevron{width:12px;height:12px}.footer-lang select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.site-footer a:focus-visible,.footer-cookie:focus-visible,.footer-lang:has(select:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:4px}@media (width<=1439.98px){.site-footer{padding-inline:32px}.footer-social{gap:32px}}@media (width<=1119.98px){.footer-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-col:last-child{width:calc(150% + 12px)}.footer-bottom-row{flex-direction:column;align-items:flex-start}.footer-meta{gap:16px}.footer-lang{margin-left:0}}@media (width<=959.98px){.footer-cols{margin-top:64px}}@media (width<=519.98px){.site-footer{padding-inline:16px}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}.footer-col:last-child{width:auto}}@media (width<=1119px){.site-header{padding:0 32px}.site-nav,.site-actions{display:none}.nav-burger{display:flex}}.site-footer-cn .footer-main{justify-content:space-between;align-items:flex-start;gap:48px;display:flex}.site-footer-cn .footer-social{flex-direction:column;align-items:flex-start;gap:32px}.footer-logo img{display:block}.footer-social-image{flex:none;position:relative}.footer-social-image>img{opacity:.72;transition:opacity .15s;display:block}.footer-social-image:hover>img,.footer-social-image:focus-visible>img{opacity:1}.footer-qr{z-index:2;background:var(--color-background-default);width:144px;box-shadow:0 4px 9px var(--color-shadow-10), 0 17px 17px var(--color-shadow-09);color:var(--color-text-secondary);text-align:center;white-space:nowrap;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;font-size:12px;font-weight:600;line-height:18px;display:none;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.footer-qr img{display:block}.footer-social-image:hover .footer-qr,.footer-social-image:focus-visible .footer-qr{display:flex}.site-footer-cn .footer-cols{grid-template-columns:repeat(4,minmax(0,220px));margin-top:0}.site-footer-cn .footer-col:last-child{width:auto}.footer-legal,.footer-filings a{color:inherit;text-decoration:none}.footer-legal:hover,.footer-filings a:hover{color:var(--color-text-primary)}.footer-filings{flex-wrap:wrap;align-items:center;gap:16px 32px;margin-left:auto;display:flex}.footer-filings a{align-items:center;gap:4px;display:inline-flex}.footer-filings img{display:block}@media (width<=1119.98px){.site-footer-cn .footer-main{flex-direction:column}.site-footer-cn .footer-cols{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.footer-filings{margin-left:0}}@media (width<=519.98px){.site-footer-cn .footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* /hp/_astro/page.q6FEdZvs.css */
.hp-header-layer{z-index:60;position:fixed;inset:0 0 auto}.hp-preview .site-header:before{background:linear-gradient(to bottom, rgb(var(--hp-closing-header-rgb,var(--hp-header-rgb,var(--hp-banner-header-rgb,8 12 16))) / .7), rgb(var(--hp-closing-header-rgb,var(--hp-header-rgb,var(--hp-banner-header-rgb,8 12 16))) / 0))}.hp-header-backdrop{z-index:0;pointer-events:none;--header-blur-band:33.3333%;height:92px;display:none;position:absolute;inset:0 0 auto}@supports (backdrop-filter:blur(1px)){.hp-preview .site-header:before{content:none}.hp-header-backdrop{display:block}.hp-header-backdrop>span{--header-blur-step:var(--header-blur-index);z-index:calc(var(--header-blur-step) + 1);--header-blur-mask:linear-gradient(to top, transparent calc(var(--header-blur-step) * var(--header-blur-band)), var(--color-homepage-mask-opaque) calc((var(--header-blur-step) + 1) * var(--header-blur-band)), var(--color-homepage-mask-opaque) calc((var(--header-blur-step) + 2) * var(--header-blur-band)), transparent calc((var(--header-blur-step) + 3) * var(--header-blur-band)));backdrop-filter:blur(var(--header-touch-blur,var(--header-blur)));-webkit-mask-image:var(--header-blur-mask);mask-image:var(--header-blur-mask);position:absolute;inset:0}}@media (hover:none) and (pointer:coarse){.hp-header-backdrop{--header-blur-band:50%}.hp-header-backdrop>span:first-child{display:none}.hp-header-backdrop>span:nth-child(2){--header-blur-step:0;--header-touch-blur:3px}.hp-header-backdrop>span:nth-child(3){--header-blur-step:1;--header-touch-blur:16px}}.monolith-discovery{z-index:4;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:4px;padding:0;position:absolute;top:0;left:0}.monolith-discovery:focus-visible{outline:2px solid var(--color-homepage-monolith-discovery-focus-visible-focus);outline-offset:4px}.monolith-discovery[hidden]{display:none}html:has(body.monolith-open){scrollbar-gutter:auto;overflow:hidden}.monolith-dialog{background:var(--color-homepage-backdrop-dark-background);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--color-text-on-color);overscroll-behavior:contain;cursor:pointer;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:auto}.monolith-dialog::backdrop{background:0 0}.monolith-dialog .hp-header-layer{width:100vw}.monolith-visual{pointer-events:none;position:absolute;inset:0;overflow:hidden}.monolith-art{aspect-ratio:1550/1015;pointer-events:none;width:max(100%,152.709dvh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.monolith-art picture,.monolith-art img{width:100%;height:100%;display:block;position:absolute;inset:0}.monolith-stone-art{clip-path:polygon(0 65.5%,21.5% 46.3%,78.4% 46.3%,100% 66.1%,100% 100%,0 100%)}.monolith-mobile-break{display:none}.monolith-exit-hint{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.monolith-copy{text-align:center;width:min(90%,700px);position:absolute;top:71.8%;left:50%;transform:translate(-50%,-50%)}.monolith-credit{font:400 var(--xm-type-caption-size) / 1.5 var(--xm-font-editorial);margin:0 0 32px}.monolith-copy h2{font:600 var(--xm-type-hero-size) / var(--xm-type-hero-line) var(--xm-font-sans);letter-spacing:0;text-shadow:var(--shadow-homepage-monolith-copy-text-shadow);margin:0}.monolith-copy h2 span{display:block}.monolith-copy h2 .monolith-changes{display:inline}.monolith-copy h2:focus{outline:none}.monolith-copy em{font:600 var(--xm-type-hero-accent-size) / var(--xm-type-hero-accent-line) var(--xm-font-hand)}#monolithDescription{max-width:561px;font:500 var(--xm-type-lead-size) / var(--xm-type-lead-line) var(--xm-font-sans);color:var(--color-homepage-closing-section-template-note-text);margin:12px auto 0}@media (width<=699px){.monolith-dialog{--monolith-scale:min(calc(100vw / 375px), calc(100dvh / 788px))}.monolith-art{left:calc(50% - 1.019px * var(--monolith-scale));top:calc(50% - 496.204px * var(--monolith-scale));width:calc(600.75px * var(--monolith-scale));aspect-ratio:1/2;transform:translate(-50%)}.monolith-stone-art{clip-path:polygon(0 64.4%,25.4% 36.3%,74.7% 36.3%,100% 67.6%,100% 100%,0 100%)}.monolith-copy{left:calc(50% - 2.5px * var(--monolith-scale));top:calc(50% + 150.2px * var(--monolith-scale));transform:translate(-50%, -50%) scale(var(--monolith-scale));width:215px;bottom:auto}.monolith-credit{margin-bottom:16px;font-size:12px;line-height:14px}.monolith-copy h2{text-shadow:var(--shadow-homepage-monolith-copy-text-shadow-2);font-size:36px;line-height:45px}.monolith-copy em{height:50.4px;font-size:39px;line-height:50.4px;display:block;transform:translateY(-5.6px)}.monolith-copy h2 .monolith-changes{display:block}#monolithDescription{max-width:215px;margin-top:12px;font-size:14px;line-height:16.8px}.monolith-desktop-break{display:none}.monolith-mobile-break{display:block}.hp-preview .site-header{padding-inline:16px}.hp-preview .site-header-pill{height:48px}.hp-preview .site-header .site-logo img{height:24px}.hp-preview .nav-burger{width:32px;height:32px;position:relative}.hp-preview .nav-burger:after{content:"";position:absolute;inset:-6px}.hp-preview .mobile-menu:not(.is-open){bottom:calc(100% - 72px);left:16px;right:16px}.hp-preview .mobile-menu:not(.is-open) .mobile-menu-bar{height:48px}.hp-preview .mobile-menu:not(.is-open) .site-logo img{height:24px}.hp-preview .mobile-menu:not(.is-open) .mobile-menu-close{width:32px;height:32px}.opening-copy{top:calc(50% + 12.2px * var(--layout-scale));width:327.2px;transform:translate(-50%, -50%) scale(var(--layout-scale))}.opening-copy h1{font-size:36px;line-height:45px}.mobile-title-line{white-space:nowrap;display:block}.mobile-title-accent{justify-content:center;align-items:center;gap:11.2px;height:50.4px;display:flex}.opening-copy .mobile-title-accent em{font-size:39px;line-height:50.4px;transform:translateY(-5.6px)}.final-copy{top:calc(50% + 13px * var(--layout-scale));width:322.2px;transform:translate(-50%, -50%) scale(var(--layout-scale));gap:36px}.final-copy h2{font-size:36px;line-height:50.4px}.final-copy .final-headline{white-space:nowrap;flex-wrap:nowrap;height:50.4px;min-height:50.4px;gap:11.2px!important}.final-copy em{font-size:39px;line-height:50.4px;transform:translateY(-5.6px)}.final-copy p{margin-top:12px;font-size:14px;line-height:16.8px}.hero-actions{gap:12px}.hero-actions .cta{height:48px;min-height:48px}.is-phone-world .change-world-pen>img{width:100%;height:100%;transform:rotate(var(--phone-pen-angle)) scale(var(--phone-pen-scale)) scaleY(-1)}.banner-change-world .is-phone .change-references{gap:8.118px;overflow:hidden}.banner-change-world .is-phone .change-reference-file{gap:10.148px;padding:7.103px}.banner-change-world .is-phone .reference-file-name{width:109.597px}}@media (width>=700px) and (height<=600px){.monolith-copy{margin:210px auto 100px;position:relative;top:auto;left:auto;transform:none}.monolith-credit{margin-bottom:16px}.monolith-copy h2{font-size:32px;line-height:1.2}.monolith-copy em{font-size:1.07em;line-height:inherit}}.hp-newsletter{color:var(--color-text-strong);max-width:min(100%, calc(24rem + var(--xm-page-gutter) * 2));padding:0 var(--xm-page-gutter);margin:var(--section-gap) auto var(--xm-space-48)}.hp-newsletter button{color:var(--color-text-strong)}.hp-replay{margin:0 auto var(--xm-space-32);justify-content:center;display:flex}.hp-replay button{padding:var(--xm-space-12) var(--xm-space-20);font-family:var(--xm-font-sans);position:static}
/* /hp/_astro/mobile-sections.DCP9gLF0.css */
.feature-title-mobile,.workflow-mobile-background,.workflow-mobile-rocks{display:none}.feature-art-picture{display:contents}.template-export>img,.wf-brand>img{object-fit:inherit;width:100%;height:100%;display:block}@media (width<=699px){.hp-preview{--phone-workflow-scale:min(1.15, calc(100vw / 375px))}.agent-features,.templates-section{width:calc(100% - 32px)}.agent-features{padding-top:96px}.agent-features>h2,.templates-section>h2{margin:0 auto 48px;font-size:30px;line-height:36px;position:static}.agent-features>h2{width:193px}.feature-title-desktop{display:none}.feature-title-mobile{display:inline}.feature-card{min-height:0;box-shadow:none;border:0;height:auto!important}.feature-card:after{content:"";z-index:20;border:1px solid var(--color-homepage-feature-card-border);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.feature-card:first-child:after{border-top:0}.feature-copy{padding:36px 36px 0}.feature-copy h3{margin:0 0 24px;font-size:22px;line-height:28px}.feature-copy h3 button{width:100%;min-height:0;font:inherit;display:block}.feature-description{min-height:0}.feature-description p{max-width:none;margin:0 0 24px;font-size:16px;line-height:24px}.feature-description .dark-button,.templates-section .template-actions a{border-radius:6px;min-height:40px;padding:8px 20px;font-size:16px;line-height:24px}.feature-visual{aspect-ratio:271/256;border-radius:16px;width:calc(100% - 72px);height:auto;min-height:0;margin:36px}.feature-art{object-fit:contain;width:100%;height:100%}.hp-mobile-stack .feature-stack{height:var(--phone-stack-height)!important}.hp-mobile-stack .stack-sticky{display:block;position:sticky;overflow:clip;top:var(--phone-stage-top)!important;height:var(--phone-stage-height)!important}.hp-mobile-stack .feature-card{transform:translate3d(0, var(--phone-card-y,0px), 0)!important;position:absolute!important;top:0!important}.hp-mobile-stack .feature-description{opacity:var(--phone-copy-opacity,1)!important}.workflow-section{height:auto;min-height:0;margin-top:96px;display:block}.workflow-sticky{height:calc(940px * var(--phone-workflow-scale));position:relative;top:0}.workflow-artboard{transform-origin:top;width:375px;height:940px;margin-left:-187.5px;position:absolute;top:0;left:50%;transform:scale(var(--phone-workflow-scale))!important}.workflow-sky{display:none}.workflow-mobile-background{object-fit:fill;width:375px;height:940px;display:block;position:absolute;inset:0}.workflow-landscape{object-fit:fill;width:1640px;height:820px;top:0;left:-100px;transform:none}.workflow-panel,.workflow-panel[data-workflow="2"]{width:514px;height:482px;top:600px;left:67px;transform:scale(.6)}.workflow-mobile-rocks{object-fit:contain;pointer-events:none;width:398px;height:132px;display:block;position:absolute;top:825px;left:-128.5px}.workflow-copy{width:100%;padding:0;display:block}.workflow-copy h2{left:calc(50% - 139.5px * var(--phone-workflow-scale));top:calc(64px * var(--phone-workflow-scale));width:calc(256px * var(--phone-workflow-scale));font-size:calc(30px * var(--phone-workflow-scale));line-height:calc(36px * var(--phone-workflow-scale));position:absolute}.workflow-copy .workflow-options{left:calc(50% - 139.5px * var(--phone-workflow-scale));top:calc(184px * var(--phone-workflow-scale));width:calc(279px * var(--phone-workflow-scale));height:calc(276px * var(--phone-workflow-scale));padding:0;display:block;position:absolute;overflow:visible;mask-image:none}.workflow-copy .workflow-options>button,.workflow-copy .workflow-options>a{white-space:nowrap;min-height:0;font:700 calc(30px * var(--phone-workflow-scale)) / calc(36px * var(--phone-workflow-scale)) var(--xm-font-sans);transform:translateY(calc(var(--workflow-slot,0) * 48px * var(--phone-workflow-scale)));margin:0;padding:0;transition:transform .55s cubic-bezier(.22,.61,.36,1),color .35s;display:block;position:absolute;top:0;left:0}.workflow-copy .workflow-options>button:after{content:"";position:absolute;inset:-6px 0}.workflow-copy .workflow-options>.workflow-wrap{transition:color .35s;animation:.55s both workflow-wrap-in}.workflow-panel .wf-brand{width:145.6px!important;height:175.16px!important;top:39.03px!important;left:-59.63px!important}.templates-section{margin-top:96px}.template-tabs{border-radius:12.8px;flex-wrap:wrap;align-content:center;gap:19.2px;width:100%;height:auto;margin-bottom:32px;padding:6.4px;display:flex;overflow:visible}.template-tabs button{border-radius:9.6px;flex:none;min-height:43.2px;padding:9.6px 12.8px 9.6px 9.6px;font-size:16px;line-height:24px}.template-panel{aspect-ratio:825/620;border-radius:0;overflow:hidden}.template-export{width:100%;height:100%;position:absolute;inset:0}.template-export>img{object-fit:cover;object-position:left center}.template-export:not([data-template-art="0"])>img{width:159.03%;max-width:none;height:100%}.templates-section .template-actions{gap:12px;margin-top:48px}.templates-section .template-note{margin-top:12px;font-size:12px;line-height:18px}.trusted-section{margin-top:96px}.trusted-section>p{max-width:299px;margin:0 auto 12px;padding:0;font-size:20px;font-weight:600;line-height:30px}.logo-window{mask-image:none}.logo-strip{height:104px}.logo-strip img{width:5247px;height:96px}.g2-section>h2{text-wrap:balance}.g2-section>h2 br{display:none}}@media (width<=359px){.template-tabs{justify-content:flex-start;gap:16px 4px}.template-tabs button{padding-inline:8px}.templates-section .template-actions a{padding-inline:12px}.templates-section>h2{font-size:28px}.feature-copy{padding-inline:28px}.feature-visual{width:calc(100% - 56px);margin-inline:28px}}@media (prefers-reduced-motion:reduce){.workflow-copy .workflow-options>button,.workflow-copy .workflow-options>a{transition:none;animation:none}}
/* /hp/bundles/sections-f9cb311a73.css */
/* 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.webp");}
.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.webp");}
[data-paper-ready] .feature-paper>span:nth-child(2){background-image:url("/hp/assets/agent-features-v103/e7c53.webp");}
[data-paper-ready] .feature-paper>span:nth-child(3){background-image:url("/hp/assets/agent-features-v103/f2ded.webp");}
/* 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.webp") 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;}}
/* /hp/_astro/adaptive.CkFiLNFc.css */
html:has(body.hp-preview){scrollbar-width:auto}html.js:has(body.hp-preview):not(.page-scrollbar-visible),html.page-restoring:has(body.hp-preview){scrollbar-color:transparent transparent}html.js:has(body.hp-preview):not(.page-scrollbar-visible)::-webkit-scrollbar-thumb{background:0 0}html.js:has(body.hp-preview):not(.page-scrollbar-visible)::-webkit-scrollbar-track{background:0 0}html.js:has(body.hp-preview):not(.page-scrollbar-visible)::-webkit-scrollbar-button{background:0 0}.hp-preview{--page-gutter:clamp(16px, calc(4.07vw + .74px), 32px);--section-gap:clamp(96px, 8.89vw, 128px);--section-responsive-gap:var(--section-gap);--heading-size:clamp(30px, calc(2.344vw + 12px), 36px);--hero-font:clamp(36px, calc(3.054vw + 24.55px), 48px)}@media (width>=1024px){.hp-preview{--page-gutter:clamp(32px, calc(7.692vw - 46.77px), 64px);--hero-font:clamp(48px, calc(2.885vw + 18.46px), 60px)}}.hp-preview :is(.agent-features,.tools-section,.templates-section,.security-section,.g2-section){width:calc(100% - 2 * var(--page-gutter));max-width:1312px;margin-inline:auto}.hp-preview .ebook-section{height:auto;min-height:0;max-height:none;padding:0}.hp-preview .ebook-content{grid-template-columns:minmax(0,494px) minmax(0,518px);align-items:center;gap:clamp(40px,11.1111vw,160px);width:100%;max-width:1440px;min-height:min(34.1667vw,492px);margin-inline:auto;padding:clamp(48px,6.66667vw,96px);display:grid;position:relative}.hp-preview .ebook-content .ebook-copy{width:100%;max-width:494px;position:relative;inset:auto}.hp-preview .ebook-copy h3{max-width:469px;margin-bottom:16px;font-size:clamp(28px,2.5vw,36px);line-height:1.22222}.hp-preview .ebook-copy p{font-size:16px;line-height:24px}.hp-preview .ebook-copy .dark-button{min-height:40px;margin-top:36px}.hp-preview .ebook-content .ebook-preview{width:100%;height:210px;position:relative;inset:auto}.hp-preview .ebook-section .tools-paper img{height:47.0833cqw;min-height:calc(100% + 2.63889cqw);top:-2.63889cqw}.hp-preview .ebook-line-horizontal{top:min(30.9722vw,446px)}.hp-preview .ebook-line-vertical{top:max(-17.4306vw,-251px)}.hp-preview .ebook-line-curve,.hp-preview .ebook-magnifier{top:max(-6.80556vw,-98px)}@media (width>=700px){.hp-preview .ebook-line-vertical{width:min(39.4722vw,568.4px);height:min(.661726vw,9.52885px)}}@media (width<=699px){.hp-preview .ebook-content{grid-template-columns:minmax(0,1fr);gap:48px;padding:48px 36px 0}.hp-preview .ebook-copy h3{font-size:28px;line-height:36px}.hp-preview .ebook-copy p{font-size:14px;line-height:21px}.hp-preview .ebook-copy .dark-button{min-height:44px;margin-top:24px}.hp-preview .ebook-content .ebook-preview{height:275px}.hp-preview .ebook-section .ebook-magnifier{top:auto;bottom:0}.hp-preview .ebook-section .ebook-line-horizontal{top:auto;bottom:66px}}.hp-preview :is(.agent-features,.templates-section,.security-section,.g2-section,.reviews-section)>h2,.hp-preview .tools-heading h2{font-size:var(--heading-size);text-wrap:balance;line-height:1.22}.hp-preview :is(h1,h2,h3),.monolith-copy :is(h2,.monolith-credit,#monolithDescription),.hp-preview .hero-description{text-wrap:balance}.opening-copy{top:var(--intro-copy-y,45%);width:max-content;max-width:calc(100% - 32px);transform:translate(-50%,-50%)}.opening-copy h1{font-size:var(--hero-font);letter-spacing:0;line-height:1.2}.opening-copy em{font-size:1.067em;line-height:inherit}.final-copy{left:50%;top:var(--banner-copy-y,50%);width:min(calc(100% - 48px), calc(var(--hero-font) * 9.35));gap:clamp(32px,4.6875vw,48px);max-width:561px;transform:translate(-50%,-50%)}.final-copy h2{font-size:var(--hero-font);line-height:1.2}.final-copy .final-headline{white-space:nowrap;flex-wrap:nowrap;height:auto;min-height:0;gap:.22em!important}.final-copy em{font-size:1.067em;line-height:1.2;transform:translateY(-.1em)}.final-copy p{margin-top:12px;font-size:clamp(14px,.509vw + 12.09px,16px);line-height:1.6}.final-copy .hero-eyebrow{color:var(--color-brand-primary);margin:0 0 8px;font:500 16px/24px NeverMindSlab,Georgia,serif}.opening-copy .title-line,.opening-copy .mobile-title-line{width:fit-content;max-width:100%;height:auto;min-height:0;margin-inline:auto}.opening-copy .title-line em,.opening-copy .mobile-title-line em{display:inline-block}.hero-actions{flex-direction:row;justify-content:center;align-items:center;gap:12px;max-width:100%;display:flex}.hero-actions .cta{white-space:normal;text-align:center;max-width:100%;height:46px;min-height:46px;padding:8px 16px;font-size:20px;line-height:30px}@media (width>=1024px){.final-copy p{font-size:clamp(16px,.962vw + 6.154px,20px)}}@media (width<=1199px){.opening-copy .desktop-intro{display:none}.opening-copy .mobile-intro,.opening-copy .mobile-title-line{display:block}.opening-copy .mobile-title-accent{justify-content:center;align-items:center;gap:.25em;display:flex}.opening-copy .mobile-title-accent em{font-size:1.067em;line-height:1.2;transform:translateY(-.08em)}}@media (width<=599px){.hero-actions{flex-direction:column}.final-copy p{line-height:1.35}.final-copy{gap:32px}}@media (width<=359px){.hp-preview{--hero-font:32px}.final-copy{width:calc(100% - 32px)}}@media (height<=600px){.final-copy{gap:24px}.hero-actions{flex-direction:row}.hero-actions .cta{font-size:18px}.final-copy p{line-height:1.4}}.final-board{z-index:0;width:var(--hero-plane-width);height:var(--hero-plane-height);left:var(--hero-plane-x);top:var(--hero-plane-y);transform:scale(var(--layout-scale));transform-origin:0 0}.hover-design-plane{left:var(--hero-plane-x);top:var(--hero-plane-y);transform:scale(var(--layout-scale));transform-origin:0 0}.connection-extensions{fill:none;stroke:var(--color-homepage-connection-extensions-icon);stroke-width:.8px;opacity:.8;position:absolute;inset:0;overflow:visible}[data-hero-layout=portrait] .final-board{width:375px;height:788px}[data-hero-layout] .connections{display:block!important}[data-hero-layout=portrait] .connection-art,[data-hero-layout=portrait] .connections .annotation{display:none}[data-hero-layout=portrait] .mobile-lines{position:absolute;inset:0;overflow:visible;display:block!important}[data-hero-layout=landscape] .mobile-lines{display:none!important}[data-hero-layout=landscape] .connection-art,[data-hero-layout=landscape] .connections .annotation{display:block}.hp-preview .feature-card{aspect-ratio:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;max-width:none;min-height:0;display:grid;container-type:inline-size;height:auto!important}.hp-preview .feature-copy{align-self:start;width:100%;padding:clamp(28px,3.34vw,48px)}.hp-preview .feature-copy h3{margin-bottom:24px;font-size:24px;line-height:28px}.hp-preview .feature-copy h3 button{min-height:0;font:inherit}.hp-preview .feature-description{min-height:0}.hp-preview .feature-description p{max-width:48ch;margin-bottom:24px;font-size:16px;line-height:24px}.hp-preview .feature-description .dark-button{min-height:40px;padding:8px 20px;font-size:16px;line-height:24px}.hp-preview .feature-visual{aspect-ratio:618/584;align-self:center;width:calc(100% - 28px);max-width:none;height:auto;min-height:0;max-height:none;margin:28px 28px 28px 0;position:relative;inset:auto}.hp-preview .feature-art{object-fit:contain;width:100%;height:100%}.hp-feature-flow .agent-features{padding-top:114px}.hp-feature-flow .agent-features>h2{width:100%;margin:0 0 48px;position:static}.hp-feature-flow .feature-stack{height:auto!important}.hp-feature-flow .stack-sticky{gap:clamp(24px,4vw,48px);display:grid;position:relative;overflow:visible;height:auto!important;top:0!important}.hp-feature-flow .feature-card{will-change:auto;scroll-margin-top:112px;position:relative!important;transform:none!important}.hp-feature-flow .feature-description{opacity:1!important}.hp-compact-stack .agent-features{padding-top:114px}.hp-compact-stack .agent-features>h2{width:100%;margin:0 0 48px;position:static}.hp-compact-stack.hp-feature-heading-pinned .agent-features{padding-top:max(114px, var(--feature-heading-top))}.hp-compact-stack.hp-feature-heading-pinned .agent-features>h2{top:var(--feature-heading-top);z-index:3;position:sticky}.hp-compact-stack .feature-stack{height:var(--feature-track-height)!important}.hp-compact-stack .stack-sticky{will-change:transform;display:block;position:sticky;overflow:visible;top:var(--feature-pile-top)!important;height:var(--feature-pile-height)!important}.hp-compact-stack .feature-card{will-change:transform;scroll-margin-top:96px;position:absolute!important;top:0!important}.hp-compact-stack .feature-description{transition:none}@media (width<=959px){.hp-preview .feature-card{grid-template-columns:1fr}.hp-preview .feature-copy{padding:36px 36px 0}.hp-preview .feature-copy h3{font-size:22px}.hp-preview .feature-visual{border-radius:16px;width:calc(100% - 72px);max-width:none;margin:36px}.feature-title-desktop{display:inline}.feature-title-mobile{display:none}}@media (width<=599px){:is(.hp-feature-flow,.hp-compact-stack) .agent-features>h2{max-width:280px;margin-inline:auto}.hp-preview .feature-copy{padding-inline:clamp(24px,9.6vw,36px)}.hp-preview .feature-visual{width:calc(100% - 2*clamp(24px,9.6vw,36px));margin-inline:auto}}.hp-preview .workflow-scroll{height:calc(var(--workflow-scene-height,100svh) + var(--workflow-travel,0px));margin-top:var(--section-gap)}.hp-preview .workflow-scroll .workflow-sticky{height:var(--workflow-scene-height,100svh);min-height:0}.hp-preview .workflow-static{height:auto}.hp-preview .workflow-static .workflow-sticky{height:var(--workflow-scene-height);position:relative;top:0}.workflow-scroll .workflow-surface{padding:0;display:block}.workflow-scroll .workflow-copy h2{text-align:left;width:358px;font-size:36px;line-height:44px;top:max(96px,50% - 260px);left:max(64px,50% - 656px)}.workflow-scroll .workflow-copy .workflow-options{flex-direction:column;gap:16px;width:279px;height:auto;display:flex;top:max(96px,50% - 260px);left:max(480px,50% - 234px);mask:none}.workflow-scroll .workflow-copy .workflow-options>button{text-align:left;min-height:44px;font-size:36px;line-height:44px;animation:none;position:relative;inset:auto;transform:none}.workflow-scroll .workflow-artboard{width:100%;height:100%;margin:0;position:absolute;inset:0;transform:none!important}.workflow-scroll .workflow-panel,.workflow-scroll .workflow-panel[data-workflow="2"]{left:auto;right:0;top:calc(50% - 257px * var(--workflow-ui-scale));transform:scale(var(--workflow-ui-scale));transform-origin:100% 0}.workflow-scroll .workflow-backdrop .workflow-sky,.workflow-scroll .workflow-backdrop .workflow-mobile-background{object-fit:cover;width:100%;height:100%}.workflow-scroll .workflow-backdrop .workflow-landscape{object-fit:cover;width:max(100%,1640px);height:100%;min-height:100%;top:0;left:50%;transform:translate(-50%)}@media (width<=1279px){.workflow-scroll .workflow-copy h2{width:280px;font-size:30px;line-height:36px;top:96px;left:48px}.workflow-scroll .workflow-copy .workflow-options{gap:12px;width:279px;top:200px;left:48px}.workflow-scroll .workflow-copy .workflow-options>button{min-height:36px;font-size:30px;line-height:36px}.workflow-scroll .workflow-copy h2 br{display:none}}@media (width<=899px){.workflow-scroll .workflow-copy h2{width:calc(100% - 96px);max-width:540px;top:96px;left:clamp(32px,12.8vw,48px)}.workflow-scroll .workflow-copy .workflow-options{left:clamp(32px,12.8vw,48px);top:var(--workflow-options-top,184px);gap:12px;width:279px;display:flex}.workflow-scroll .workflow-panel,.workflow-scroll .workflow-panel[data-workflow="2"]{top:calc(100% - 64px - 482px * var(--workflow-ui-scale));bottom:auto}.workflow-scroll .workflow-mobile-rocks{z-index:2;width:clamp(398px,76vw,583px);height:auto;display:block;position:absolute;top:auto;bottom:-17px;left:-65px}.workflow-scroll .workflow-panel .wf-brand{top:39.03px!important;left:-59.63px!important}}@media (width<=359px){.workflow-scroll .workflow-copy h2{width:calc(100% - 64px)}.workflow-scroll .workflow-copy .workflow-options>button{font-size:27px}}.hp-preview .templates-section>h2{margin-bottom:48px}.hp-preview .template-tabs{flex-wrap:wrap;justify-content:center;gap:24px;width:max-content;max-width:100%;height:auto;min-height:0;margin:0 auto 32px;padding:8px;display:flex}.hp-preview .template-tabs button{border-radius:12px;min-height:0;padding:12px 16px 12px 12px;font-size:20px;line-height:30px}.hp-preview .template-panel,.hp-preview .template-panel:has(.chatting-demo:not([hidden])){aspect-ratio:1312/800;width:100%;max-width:1312px;height:auto;margin-inline:auto;overflow:visible}.hp-preview .template-export{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hp-preview .templates-section .template-actions{gap:12px;margin-top:48px}@media (width>=700px) and (width<=1199px){.hp-preview .template-tabs{gap:19.2px;margin-bottom:25.6px;padding:6.4px}.hp-preview .template-tabs button{padding:9.6px 12.8px 9.6px 9.6px;font-size:16px;line-height:24px}}@media (width<=699px){.hp-preview .template-tabs{justify-content:center;gap:16px;width:343px;max-width:100%;margin-bottom:16px;padding:8px}.hp-preview .template-tabs button{padding:9.6px 12.8px 9.6px 9.6px;font-size:16px;line-height:24px}.hp-preview .template-panel,.hp-preview .template-panel:has(.chatting-demo:not([hidden])){aspect-ratio:825/620}.hp-preview .templates-section .template-actions>a{min-height:40px;padding:8px 20px;font-size:16px;line-height:24px}}.hp-preview .tools-card{aspect-ratio:auto;flex-direction:column;min-height:0;display:flex}.hp-preview .tools-card-copy{padding:clamp(28px,3.34vw,48px) clamp(28px,3.34vw,48px) 0}.hp-preview .tools-card-art{aspect-ratio:637/412;width:100%;margin-top:36px;position:relative;inset:auto}.hp-preview .tools-card-copy p{font-size:16px;line-height:24px}.hp-preview .tools-grid{width:100%;max-width:none;margin-inline:0}@media (width<=959px){.hp-preview .tools-card-copy{padding:36px 36px 0}}@media (width<=599px){.hp-preview .tools-card-copy{padding:48px clamp(24px,9.6vw,36px) 0}}.security-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.security-detail{gap:24px;padding:clamp(24px,2.5vw,36px)}.security-primary,.security-secondary{display:contents}@media (width>=1200px){.security-details{flex-direction:column;gap:24px;display:flex}.security-primary{grid-template-rows:repeat(2,minmax(152px,auto));grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.23fr);gap:24px;display:grid}.security-secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.security-detail-iso,.security-detail-soc{flex-direction:column;grid-row:1/3;justify-content:center;align-items:flex-start;min-height:336px}.security-detail-iso{grid-column:1}.security-detail-soc{grid-column:2}.security-detail-local{grid-area:1/3}.security-detail-aws{grid-area:2/3}.security-detail-iso p,.security-detail-soc p{flex:none}.security-detail-iso .security-symbol,.security-detail-soc .security-symbol{width:120px;height:120px}.security-symbol-iso img{width:108px;height:117px}.security-symbol-soc img{width:85.063px;height:105px}.security-secondary .security-detail{min-height:152px}}@media (width<=1199px){.security-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=699px){.security-details{grid-template-columns:1fr;gap:16px}}.hp-preview .security-detail p{overflow-wrap:anywhere;font-size:16px;line-height:24px}.hp-preview .review-stats{width:calc(100% - 2 * var(--page-gutter));max-width:1248px}.hp-preview .g2-badges{flex-wrap:wrap;gap:clamp(16px,1.67vw,24px)}.hp-preview .g2-badges img{width:clamp(80px,8.56vw,123px);height:auto}@media (prefers-reduced-motion:reduce){.workflow-scroll .workflow-copy .workflow-options>button{transition:none}.template-export{animation:none}}.workflow-landscape-hd{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.hp-preview .workflow-scroll{height:calc(var(--workflow-scene-height,100svh) + var(--workflow-travel,0px))}.hp-preview .workflow-scroll .workflow-sticky{top:var(--workflow-sticky-top,0px);height:var(--workflow-scene-height,100svh);position:sticky}.hp-preview .workflow-scroll .workflow-copy h2{top:var(--workflow-title-top,104px);width:28%;max-width:none;font-size:36px;line-height:1.22;left:4.4444%}.hp-preview .workflow-scroll .workflow-copy .workflow-options{top:var(--workflow-options-top);flex-direction:column;gap:16px;width:27%;height:auto;padding:0;display:flex;left:34%;overflow:visible}.hp-preview .workflow-scroll .workflow-copy .workflow-options>button,.hp-preview .workflow-scroll .workflow-copy .workflow-options>a{min-height:0;font:700 36px / 1.22 var(--xm-font-sans);text-align:left;white-space:nowrap;color:var(--color-homepage-workflow-option-muted);margin:0;padding:0;text-decoration:none;animation:none;display:block;position:relative;transform:none}.hp-preview .workflow-scroll .workflow-copy .workflow-options>[aria-selected=true],.hp-preview .workflow-scroll .workflow-copy .workflow-options>[data-active=true],.hp-preview .workflow-scroll .workflow-copy .workflow-options>a:hover{color:var(--color-text-on-color)}.hp-preview .workflow-scroll .workflow-copy .workflow-options>a.workflow-more-link{align-items:center;gap:.083333em;display:flex}.hp-preview .workflow-scroll .workflow-more-link .workflow-design-chevron{width:.75em;height:.75em;font-size:inherit;flex:none;margin:0;display:block}.hp-preview .workflow-scroll .workflow-panel,.hp-preview .workflow-scroll .workflow-panel[data-workflow="2"]{top:var(--workflow-panel-top);transform:scale(var(--workflow-ui-scale));transform-origin:100% 0;left:auto;right:0}@media (width>=1440px){.hp-preview .workflow-scroll .workflow-copy h2{width:403.2px;left:calc(50% - 656px)}.hp-preview .workflow-scroll .workflow-copy .workflow-options{width:388.8px;left:calc(50% - 230.4px)}}.hp-preview .workflow-scroll .workflow-mobile-rocks{display:none}@media (width>=900px) and (width<=1199px){.hp-preview .workflow-scroll .workflow-copy h2{width:80%;font-size:30px}.hp-preview .workflow-scroll .workflow-copy .workflow-options{gap:12px;width:40%;left:4.4444%}.hp-preview .workflow-scroll .workflow-copy .workflow-options>button,.hp-preview .workflow-scroll .workflow-copy .workflow-options>a{font-size:28px}}@media (width<=899px){.hp-preview .workflow-scroll .workflow-copy h2{width:calc(100% - 64px);font-size:30px;line-height:1.2;left:32px}.hp-preview .workflow-scroll .workflow-copy .workflow-options{gap:12px;width:calc(100% - 64px);left:32px}.hp-preview .workflow-scroll .workflow-copy .workflow-options>button,.hp-preview .workflow-scroll .workflow-copy .workflow-options>a{min-height:36px;font-size:30px;line-height:36px}.hp-preview .workflow-scroll .workflow-backdrop .workflow-landscape{object-fit:cover;width:max(100%,1640px);height:100%;top:0;left:50%;transform:translate(-50%)}}@media (width>=900px) and (height<=749px){.hp-preview .workflow-scroll .workflow-copy h2{font-size:28px}.hp-preview .workflow-scroll .workflow-copy .workflow-options{gap:10px}.hp-preview .workflow-scroll .workflow-copy .workflow-options>button,.hp-preview .workflow-scroll .workflow-copy .workflow-options>a{font-size:26px}}.wf82-tools span,.wf82-terminal-help{color:var(--color-homepage-wf82-tools-text-2)}.wf82-selected em{color:var(--color-homepage-wf82-selected-text)}.wf82-working,.wf82-claude-description,.wf82-result{color:var(--color-homepage-wf82-working-text)}.wf82-cursor-steps,.wf82-cursor-steps p:nth-child(2){color:var(--color-homepage-wf82-cursor-steps-text-3)}.wf82-notion-result>p:nth-child(2),.wf82-notion-result small{color:var(--color-homepage-wf82-notion-result-text)}.wf82-command-toast{border-radius:18.308px;width:363.077px;height:80px;top:195px;left:-24.95px}.wf82-command-toast p{color:var(--color-homepage-wf82-command-toast-text);font-size:29.972px;line-height:38.515px;top:20.66px;left:78px}.wf82-command-toast>img{width:11.787px;height:20.628px;top:29.96px;left:43.69px}.hp-preview .workflow-scroll[data-layout=stacked] .workflow-copy h2{left:var(--workflow-inset,32px);width:calc(100% - 2 * var(--workflow-inset,32px));max-width:900px;font-size:var(--workflow-stacked-font);line-height:1.2}.hp-preview .workflow-scroll[data-layout=stacked] .workflow-copy .workflow-options{left:var(--workflow-inset,32px);width:calc(100% - 2 * var(--workflow-inset,32px));gap:var(--workflow-stacked-gap)}.hp-preview .workflow-scroll[data-layout=stacked] .workflow-options>:is(button,a){font-size:var(--workflow-stacked-font);min-height:0;line-height:1.2}.journey-composer .agent-generate-input{padding:var(--composer-padding,15.039px)}.journey-composer .agent-generate-prompt{font-size:var(--composer-font,16px);line-height:var(--composer-line,22.857px);letter-spacing:var(--composer-tracking,.64px);min-height:0}.journey-composer .agent-input-toolbar{height:var(--composer-control,30.079px);gap:calc(var(--composer-control,30.079px) / 4)}.journey-composer :is(.agent-add,.agent-send,.agent-more){width:var(--composer-control,30.079px);height:var(--composer-control,30.079px)}.journey-composer .agent-input-toolbar .agent-icon{width:calc(var(--composer-control,30.079px) / 2);height:calc(var(--composer-control,30.079px) / 2)}.journey-composer .agent-mode{padding:calc(var(--composer-control,30.079px) / 8)}.journey-composer .agent-mode>:is(span,b){padding:calc(var(--composer-control,30.079px) / 8) calc(var(--composer-control,30.079px) / 4)}.journey-composer .agent-files{transform-origin:0 0}.composer-motion-frame{display:none}.composer-motion .agent-generate-input{padding:0;overflow:visible;box-shadow:none!important;opacity:1!important;visibility:visible!important;background:0 0!important;border:0!important;transform:translate(-50%,-50%)!important}.composer-motion .composer-motion-frame{contain:layout style;border:.94px solid var(--color-homepage-agent-surface-border);background:var(--color-homepage-agent-surface-background);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);border-radius:16px;display:block;position:absolute;top:0;left:0}.composer-motion .agent-generate-prompt,.composer-motion .agent-input-toolbar,.composer-motion .agent-files{width:458px;height:240px;margin:0;padding:0;position:absolute;top:0;left:0}.composer-motion .agent-generate-prompt{transform-origin:0 0;height:auto}.composer-motion .agent-input-toolbar{transform-origin:0 0;height:30.079px}.composer-motion .agent-files{width:286.168px;height:64.946px}@media (width<=599px){.hp-preview{--page-gutter:16px;--section-gap:64px}.hero-actions{flex-direction:column}.hp-preview .feature-copy{padding:24px 24px 0}.hp-preview .feature-copy h3,.hp-preview .feature-description p{margin-bottom:20px}.hp-preview .feature-visual{width:calc(100% - 48px);margin:24px}.hp-preview .workflow-scroll{--workflow-inset:24px;margin-top:48px}.hp-preview .tools-card{padding:0}.hp-preview .td-content{padding:24px 16px}.hp-preview .td-copy{padding:24px}}@media (width>=700px) and (height<=700px){.monolith-copy{width:min(80%,700px);margin:0;position:absolute;top:auto;bottom:32px;left:50%;transform:translate(-50%)}.monolith-credit{margin-bottom:16px;font-size:14px}.monolith-copy h2{font-size:32px;line-height:1.2}.monolith-copy em{font-size:1.07em;line-height:inherit}#monolithDescription{font-size:16px;line-height:24px}}@media (width>=900px){.closing-section[data-media-ready] .closing-scenery{background:url(/hp/assets/landscape-v120/closing-graded.webp) 50%/cover}.closing-landscape{translate:0 var(--closing-terrain-shift);mask-image:var(--gradient-homepage-closing-landscape-mask-image)}}.review-card{isolation:isolate;background-image:none;position:relative}.review-card:before{content:"";z-index:-1;pointer-events:none;background:var(--review-paper) center / cover;filter:grayscale();opacity:var(--review-paper-opacity,.7);position:absolute;inset:0}.tools-detail-dialog[data-focus-mode=pointer] .td-close:focus{outline:none}.tools-detail-dialog[data-focus-mode=keyboard] .td-close:focus-visible{outline:2px solid var(--color-homepage-workflow-scroll-workflow-copy-workflow-options-focus-visible-focus);outline-offset:4px;box-shadow:var(--shadow-homepage-tools-detail-dialog-td-close-focus-visible-box-shadow)}
/* /hp/bundles/copy-ecaa1b8c82.css */
/* thinking-workspaces.css */
/* Preserve the authored compositions, including their window chrome. */
.hp-preview .template-export>picture{display:block;width:100%;height:100%;}
.hp-preview .template-export>picture>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;}
.hp-preview .template-export{animation:none;}
/* copy-l10n.css */
/* Locale-specific content flow; the English art direction stays authored. */
html:not([lang="en"]) .hp-preview .final-headline{display:block;white-space:normal;text-wrap:balance;}
html:not([lang="en"]) .hp-preview .final-headline em{display:inline-block;white-space:nowrap;}
html:not([lang="en"]) .hp-preview .hero-eyebrow{font-family:var(--hp-locale-editorial,var(--xm-font-editorial));}
/* Unsupported handwriting scripts share one baseline, font and reveal target. */
.hp-preview :is(.opening-copy h1,.final-copy h2)[data-reveal="sentence"]{font-family:var(--xm-font-sans);}
.hp-preview .hero-ending{white-space:nowrap;}
#monolithTitle .hero-ending{display:inline;}
.hp-preview .hero-end-punctuation{display:inline-block;inline-size:.5em;text-align:start;}
html:not([lang="en"]) .opening-copy{width:min(90%,900px);}
html:not([lang="en"]) .opening-copy .title-line,
html:not([lang="en"]) .opening-copy .mobile-title-line{white-space:normal;text-wrap:balance;}
html:not([lang="en"]) .localized-intro-thought em{font-size:1em;}
html:not([lang="en"]) .hp-preview .template-actions{flex-wrap:wrap;}
html:not([lang="en"]) .hp-preview :is(.dark-button,.light-button){white-space:normal;text-align:center;height:auto;}
html:not([lang="en"]) .hp-preview .workflow-options>a{white-space:normal;}
/* Keep translated desktop headings inside the English visual measure,
   leaving about 90–110px before the fixed options column. */
@media(min-width:1200px){
 html:not([lang="en"]) .hp-preview .workflow-scroll[data-layout="wide"] .workflow-copy h2{
  max-inline-size:min(22vw,20rem);
  text-wrap:balance;
 }
 html[lang="ko"] .hp-preview .workflow-scroll[data-layout="wide"] .workflow-copy h2{word-break:keep-all;}
}
html[lang="zh-hans"] .hp-preview{--xm-font-sans:"Xmind Website Sans","PingFang SC","Microsoft YaHei",sans-serif;}
html[lang="zh-hant"] .hp-preview{--xm-font-sans:"Xmind Website Sans","PingFang TC","Microsoft JhengHei",sans-serif;}
html[lang="ja"] .hp-preview{--xm-font-sans:"Xmind Website Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;}
html[lang="ko"] .hp-preview{--xm-font-sans:"Xmind Website Sans","Apple SD Gothic Neo","Malgun Gothic",sans-serif;}
html:is([lang="zh-hans"],[lang="zh-hant"],[lang="ja"],[lang="ko"]) .hp-preview{
 --xm-font-editorial:var(--xm-font-sans);
}
html:is([lang="zh-hans"],[lang="zh-hant"],[lang="ja"],[lang="ko"]) .motion-word{display:inline;white-space:normal;}
/* Full product names fit the existing small demonstration nodes. */
.hp-preview .library-essays{font-size:.9cqw;}
.hp-preview .library-club{font-size:.95cqw;}
.hp-preview .library-write{font-size:.74cqw;}
.hp-preview .memory-connect{font-size:1.24cqw;}
@media(max-width:599px){
 html:not([lang="en"]) .hp-preview .final-copy{gap:24px;}
 html:not([lang="en"]) .hp-preview .final-copy h2{font-size:clamp(30px,8vw,36px);}
 html:not([lang="en"]) .hp-preview .final-copy p{line-height:1.5;}
 html:not([lang="en"]) .hp-preview .hero-actions .cta{height:auto;min-height:44px;}
 html:not([lang="en"]) .hp-preview .template-tabs{width:100%;gap:12px;}
}