@font-face{font-family:Ivar;src:url('/site/_assets/framerusercontent.com/assets/tc2P79ZRObsJMlTUkB7OUpVZM.woff2') format('woff2');font-display:swap}
/* Visible, crawlable companion to the moving industry cards. Keep the source
   section's type, grid inset and soft dividers; no JavaScript is required. */
.native-source-content .clai-industry-directory{
  position:relative;z-index:2;width:100%;max-width:1200px;
  margin:76px auto 0;padding:24px 0 0;border-top:1px solid #e9e9e5;
  font:400 14px/1.55 Inter,sans-serif;color:#51564f;
}
.clai-industry-directory-header,.clai-industry-directory-footer{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
}
.clai-industry-directory-header p{color:#777a75;font-size:13px}
.clai-industry-directory-header{scroll-margin-top:90px}
.clai-industry-directory a{color:inherit;text-decoration:underline;text-decoration-color:#b8c5ba;text-underline-offset:4px}
.clai-industry-directory a:hover{color:#227e66;text-decoration-color:currentColor}
.clai-industry-directory a:focus-visible{outline:2px solid #30b89a;outline-offset:5px;border-radius:2px}
.clai-industry-directory ul{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px 32px;padding:0;margin:22px 0;list-style:none;
}
.clai-industry-directory li{min-width:0}
.clai-industry-directory-footer{border-top:1px solid #e9e9e5;padding-top:16px;font-size:13px;color:#777a75}
@media(max-width:1239px){
  .native-source-content .clai-industry-directory{width:calc(100% - 80px)}
}
@media(max-width:809px){
  .native-source-content .clai-industry-directory{width:calc(100% - 48px);margin-top:76px;padding-top:22px}
  .clai-industry-directory ul{grid-template-columns:1fr;gap:12px;margin:20px 0}
  .clai-industry-directory-header,.clai-industry-directory-footer{align-items:flex-start;flex-direction:column;gap:8px}
}
@font-face{font-family:Inter;src:url('/site/_assets/framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/site/_assets/framerusercontent.com/assets/UjlFhCnUjxhNfep4oYBPqnEssyo.woff2') format('woff2');font-weight:500 700;font-display:swap}
:root{color-scheme:light;--ink:#171917;--muted:#7c7c7c;--line:#ededed;--accent:#31b595;--paper:#fff;--panel:#f8f8f8}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:400 16px/1.5 Inter,sans-serif;min-height:100dvh}img{max-width:100%;display:block}a{color:inherit}button{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.12;letter-spacing:-.035em}h2{font-size:40px}h3{font-size:19px;letter-spacing:-.025em}p{color:var(--muted)}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:absolute;z-index:99;left:16px;top:8px;transform:translateY(-200%);background:#fff;padding:12px}.skip:focus{transform:none}.wrap{max-width:1200px;margin:auto;padding:0 24px}.narrow{max-width:660px;margin:auto}.center{text-align:center}.section-heading{max-width:650px;margin:0 auto 48px;text-align:center}.section-heading p{margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:12px 24px;background:#f2f2f2;color:#181a18;line-height:1.35;font-size:16px;min-height:44px;transition:transform .15s ease,opacity .15s ease}.button:hover{opacity:.85;transform:translateY(-1px)}.button.dark{background:#1e201e;color:#fff}.actions{display:flex;justify-content:center;gap:12px;margin-top:32px;flex-wrap:wrap}.small-link{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:7px 18px;background:#fff;text-decoration:none;font-size:13px}.small-link:hover{text-decoration:underline}.accent{color:var(--accent)}
.native-header{height:68px;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.native-header img{width:102px}.fallback-links{display:flex;gap:20px;font-size:14px}.fallback-links a{text-decoration:none}
.hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;min-height:770px;padding:100px 24px 120px;background:radial-gradient(ellipse at 0% 18%,#a4ffe7 0%,#f7ffdf 14%,transparent 35%),radial-gradient(ellipse at 100% 23%,#a8ff9c 0%,#d9fff0 17%,transparent 37%),radial-gradient(ellipse at 12% 100%,#bcff95,transparent 26%),radial-gradient(ellipse at 76% 100%,#feffd5,transparent 22%)}.hero::before,.hero::after{content:"";position:absolute;z-index:-1;left:50%;transform:translateX(-50%);width:1500px;height:1050px;border:1px solid rgba(85,115,85,.05);border-radius:50%;top:-380px;pointer-events:none}.hero::after{width:1580px;height:1100px;top:-365px}.eyebrow{display:inline-block;color:#67ab70;font-size:14px;border-radius:100px;padding:7px 12px;background:#ffffffc9;box-shadow:0 0 0 3px #dcfaf0,0 0 12px #d8f8ef;margin-bottom:30px}.hero h1{font:400 clamp(36px,5.55vw,80px)/1.05 Ivar,Georgia,serif;letter-spacing:-.05em}.hero .intro{max-width:600px;margin:22px auto 0}.hero-preview{width:560px;max-width:100%;margin:88px auto 0;text-align:left;border:1px solid #f0f0f0;background:#ffffffc9;border-radius:18px;padding:14px 16px;font-size:14px;box-shadow:0 2px 5px #00000003;display:flex;justify-content:space-between}.preview-arrow{border:1px solid var(--line);border-radius:8px;width:26px;height:26px;text-align:center}.hero-example{display:none}
.how{padding:135px 0 110px}.step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line)}.step{min-width:0;text-align:center;border-right:1px solid var(--line);padding:24px 18px 28px}.step:last-child{border-right:0}.step-visual{height:205px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:28px}.step-no{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);width:40px;height:40px;border-radius:50%;color:var(--muted);margin-bottom:22px}.step h3{font-size:16px;line-height:1.45;letter-spacing:-.02em;margin-bottom:22px}.step p{font-size:14px;line-height:1.55}.rental{position:relative;width:220px;max-width:100%;padding:24px 18px;border:1px solid #eee;border-radius:18px;background:#fff;text-align:left;box-shadow:0 14px 25px #0000000b,0 9px 0 -2px #fafafa,0 10px 0 -1px #eee,0 18px 0 -3px #fafafa,0 19px 0 -2px #eee}.doc-icon{display:block;font-size:34px;color:#b7b7b7;margin-bottom:14px}.rental p{font-size:15px}.scan-docs{display:flex;gap:18px;align-items:center;width:100%;overflow:hidden}.scan-doc{width:75px;height:125px;flex-shrink:0;border:3px solid #ededed;border-radius:5px;background:repeating-linear-gradient(#fff 0 14px,#e8e8e8 14px 16px,#fff 16px 25px);box-shadow:0 4px 7px #00000008}.scan-doc:nth-child(2){background:linear-gradient(transparent 15%,#61d5a5 60%,transparent 90%),repeating-linear-gradient(#fff 0 14px,#e8e8e8 14px 16px,#fff 16px 25px)}.checks{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;transform:rotate(-9deg)}.checks span{padding:15px 13px;background:#f0faef;border-radius:9px;color:#6dac77;font-size:13px}.checks span:nth-child(2){background:#daf8da;font-size:20px}.checks span:nth-child(3){background:#fff2ed;color:#d5967b}.disclosures{width:100%;text-align:left}.disclosures div{margin:9px 0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12px}.disclosures small{display:block;color:var(--muted)}.disclosures .closed{background:#edf8ed;color:#57a36f;text-align:center}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:68px 110px;padding:85px 40px 10px}.benefit-icon{display:inline-flex;width:32px;height:32px;border:1px solid #f1f1f1;border-radius:9px;align-items:center;justify-content:center;color:#aaa;margin-bottom:18px}.benefits h3{font-size:16px;letter-spacing:-.02em;margin-bottom:8px}.benefits p{font-size:14px}
.industries{background:#fcfcfc;padding:115px 0 75px;overflow:hidden}.industries .section-heading{text-align:left;max-width:1200px;padding:0 24px}.industry-scroll{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px max(24px,calc((100vw - 1336px)/2)) 24px;overscroll-behavior-x:contain;scrollbar-width:thin}.industry-card{width:300px;flex:0 0 300px;scroll-snap-align:center;text-decoration:none;border:1px solid #eee;border-radius:10px;padding:24px;min-height:395px;background:linear-gradient(160deg,#c8fff3,white 63%);box-shadow:0 3px 8px #00000003}.industry-card:nth-child(4n+2){background:linear-gradient(160deg,#f4ffd2,white 63%)}.industry-card:nth-child(4n+3){background:linear-gradient(160deg,#ffe0d1,white 63%)}.industry-card:nth-child(4n){background:linear-gradient(160deg,#dceaff,white 63%)}.industry-art{position:relative;height:170px;margin-bottom:18px}.industry-art img{position:absolute;width:120px;height:145px;object-fit:cover;left:8px;top:0;border:5px solid #fff;border-radius:8px;box-shadow:0 6px 15px #00000012}.industry-art img+img{left:38px;top:8px;transform:rotate(9deg)}.industry-card .status{color:#77b975;font-size:12px;display:block;margin-bottom:10px;min-height:18px}.industry-card h3{font-size:17px;line-height:1.4;margin-bottom:10px}.industry-card p{font-size:14px}.industry-card:hover h3{text-decoration:underline}.scroll-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:10px}.scroll-controls button{border:1px solid var(--line);background:#fff;border-radius:50%;width:38px;height:38px;cursor:pointer}
.rails{padding:120px 0 100px}.feature-list{max-width:1000px;margin:auto;border:1px solid var(--line)}.feature-row{display:grid;grid-template-columns:31% 69%;min-height:395px;border-bottom:1px solid var(--line)}.feature-row:last-child{border-bottom:0}.feature-copy{padding:30px;display:flex;align-items:flex-start;flex-direction:column}.feature-copy h3{margin-bottom:12px}.feature-copy p{font-size:14px}.feature-copy .small-link{margin-top:auto;font-size:12px;background:#f5f5f5;padding:4px 12px}.product-visual{overflow:hidden;position:relative;background:var(--panel);padding:35px;display:flex;align-items:center;gap:18px}.document{background:#fff;box-shadow:0 0 0 1px #eee,0 12px 25px #00000005;padding:20px;font-size:11px;color:#565656;width:67%;height:325px;overflow:hidden;flex-shrink:0}.document h4{font-size:14px;font-weight:500;margin:0 0 22px}.document p{font:10px/1.7 Inter,sans-serif;color:#686868;margin-bottom:18px}.document mark{background:#d4f8e6;color:inherit}.document a{color:inherit}.field-list{background:#fff;width:33%;align-self:stretch;padding:16px 10px;font-size:11px}.field-list span{display:block;margin:12px 0;padding:7px 4px;border-radius:5px;color:#9eaaa3}.field-list .selected{background:#25c99d;color:#fff}.signature-menu{position:absolute;left:25px;bottom:45px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;width:125px;font-size:12px}.signature-menu span{display:block;padding:5px}.signer-status{position:absolute;right:25px;top:45px;background:#fff;padding:8px;font-size:11px;border-radius:6px}.signature{font:italic 46px Ivar,serif;color:#777;position:absolute;left:45%;top:47%;transform:rotate(-10deg)}.payments-visual{justify-content:center;background:#f8f8f8}.payments-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.4}.pay-label{position:absolute;right:35px;bottom:35px;color:#666;font-size:20px;letter-spacing:-.06em}.pay-label b{color:#242424}.compliance-checks{font-size:12px;width:43%}.compliance-checks span{display:block;background:#fff;padding:9px 8px;border:1px solid var(--line);margin:8px 0;border-radius:8px}.compliance-checks span::before{content:"✓";color:#58c78f;margin-right:8px}.compliance-checks span:last-child{background:#fff7d2}.compliance-visual .document{width:57%}.rails .benefits{max-width:1000px;margin:auto;gap:65px 80px}
.stakeholders{padding:90px 0 100px}.stakeholder-tabs{display:flex;max-width:1000px;margin:40px auto 0;border-bottom:1px solid var(--line)}.stakeholder-tabs button{width:50%;border:0;background:#fff;padding:16px;color:#888;cursor:pointer;font-size:14px;border-bottom:2px solid transparent}.stakeholder-tabs button[aria-selected=true]{border-bottom-color:var(--accent);background:#fafafa;color:#414741}.stakeholder-panel{max-width:1000px;margin:auto;min-height:390px;display:grid;grid-template-columns:1fr 1fr;padding:50px;background:#fff url('/site/_assets/framerusercontent.com/images/He2omdy8rJtrpVYBquDm6oTM5Q4.bf4c8fc6.png') center/cover}.stakeholder-panel[hidden]{display:none}.stakeholder-copy{padding:25px 28px 20px 0}.stakeholder-copy small{color:#cca644}.stakeholder-copy h3{font-size:30px;margin:15px 0}.stakeholder-copy p{font-size:14px;max-width:300px}.stakeholder-links{display:flex;flex-direction:column;gap:12px;padding-left:25px}.stakeholder-links a{display:block;text-decoration:none;background:#fff;border:1px solid #eee;border-radius:12px;padding:18px 20px;font-size:14px;box-shadow:0 3px 7px #00000003}.stakeholder-links a:hover{text-decoration:underline}
.chat-section{padding:75px 0 115px;overflow:hidden}.chat-section .section-heading{max-width:520px}.chat-section .section-heading p{font-size:14px;max-width:450px;margin:18px auto 0}.chat-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:15px 24px 25px;justify-content:safe center;scrollbar-width:thin}.chat-card{flex:0 0 245px;scroll-snap-align:center;min-height:345px;border:1px solid #eaeaea;border-radius:12px;padding:18px 14px;background:linear-gradient(#fff,#fafafa);display:flex;flex-direction:column;box-shadow:0 3px 8px #00000005}.chat-card.featured{background:linear-gradient(#f4ffd0,#fff 60%)}.chat-logo{font-size:19px;margin-bottom:22px;letter-spacing:-.06em}.chat-card h3{font-size:15px;letter-spacing:0}.chat-card>p{font-size:11px;margin:3px 0 22px}.chat-question{align-self:flex-end;max-width:95%;font-size:11px;background:#f3f3f3;border-radius:10px;padding:8px 10px}.featured .chat-question{background:#323931;color:#fff}.chat-answer{font-size:11px;color:#666;line-height:1.55;padding:14px 5px}.chat-time{color:#aaa;font-size:9px;margin:6px 2px;text-align:right}.message-example{margin-top:auto;border-top:1px solid #eee;padding:10px 0 0;font-size:11px;color:#aaa}
.ai-section{background:#f8f8f8;padding:95px 24px 85px;text-align:center}.ai-symbol{color:#91d750;font-size:38px;margin-bottom:35px}.ai-section .section-heading{max-width:650px}.ai-section p{max-width:460px;margin:22px auto}.ai-network{position:relative;max-width:760px;min-height:330px;margin:60px auto 0;display:grid;grid-template-columns:1fr 100px 1fr;gap:35px;align-items:center}.network-side{display:grid;gap:16px}.network-side span{border:1px solid #ebebeb;border-radius:12px;padding:14px;background:#ffffff70;font-size:13px;color:#8f9692}.network-center{background:#fff;border:1px solid #eee;border-radius:24px;padding:24px 10px;font-size:25px;letter-spacing:-.04em;box-shadow:0 8px 25px #00000003}.ai-network::before{content:"";position:absolute;left:15%;right:15%;top:50%;border-top:1px solid #d9e7dd;z-index:0}.network-side,.network-center{position:relative}
.final-cta{padding:120px 24px 115px;text-align:center;position:relative;overflow:hidden}.final-cta h2{font:400 64px/1.12 Ivar,Georgia,serif;letter-spacing:-.045em}.final-cta p{margin-top:18px;font-size:14px}.final-cta::after{content:"";position:absolute;width:1500px;height:1000px;left:50%;top:270px;transform:translateX(-50%);border:1px solid #f1f1f1;border-radius:50%;pointer-events:none}.fallback-footer{padding:45px 24px;border-top:1px solid var(--line)}.fallback-footer a{margin-right:24px;font-size:14px}
@media(max-width:767px){h2{font-size:30px}.wrap{padding:0 16px}.fallback-links{gap:12px;font-size:12px}.fallback-links a:nth-child(-n+2){display:none}.native-header{padding:0 16px}.hero{padding:98px 20px 30px;min-height:670px;background:radial-gradient(ellipse at 0% 30%,#b5ffce,transparent 60%),radial-gradient(ellipse at 10% 72%,#fcffd8,transparent 48%)}.eyebrow{font-size:14px;margin-bottom:32px}.hero h1{font-size:36px;white-space:normal;letter-spacing:-.045em}.hero .intro{font-size:15px;line-height:1.4;margin-top:10px;max-width:300px}.hero .actions{margin-top:34px;gap:12px}.button{padding:12px 23px;font-size:16px;border-radius:12px}.hero-preview{margin-top:45px;padding:7px 10px;font-size:10px;border-radius:8px}.preview-arrow{width:18px;height:18px;font-size:12px}.hero-example{display:block;text-align:left;background:linear-gradient(160deg,#536247,#28302a);color:#dbe9d4;font-size:10px;margin:10px auto 0;width:100%;max-width:330px;border-radius:8px;padding:13px;box-shadow:0 18px 30px #00000025}.hero-example small{color:#a9b6a2}.hero-example div{padding:6px 0}.hero-example .example-action{color:#a4e9a9}.how{padding:65px 0 85px}.section-heading{margin-bottom:42px;max-width:340px}.section-heading p{font-size:15px;line-height:1.45;margin-top:20px}.step-grid{grid-template-columns:1fr;margin:0 0}.step{border-right:0;border-bottom:1px solid var(--line);padding:32px 22px 45px}.step:last-child{border-bottom:0}.step-visual{height:250px;margin-bottom:28px}.rental{width:230px;padding:30px 18px}.step h3{font-size:17px}.step p{font-size:15px}.step-no{margin-bottom:22px}.scan-docs{justify-content:center}.benefits{grid-template-columns:1fr;gap:40px;padding:65px 26px 0}.benefits h3{font-size:17px}.benefits p{font-size:15px;max-width:300px}.industries{padding:75px 0 55px}.industries .section-heading{padding:0 24px;text-align:center}.industry-scroll{padding-left:24px;gap:16px}.industry-card{width:275px;flex-basis:275px}.rails{padding:85px 0}.feature-row{grid-template-columns:1fr;min-height:0}.feature-copy{padding:25px 22px;min-height:185px}.feature-copy h3{font-size:20px}.feature-copy p{font-size:15px}.feature-copy .small-link{margin-top:20px}.product-visual{height:330px;padding:20px 12px;gap:10px}.document{padding:15px 12px;height:285px}.document h4{font-size:12px}.document p{font-size:8px}.field-list{font-size:9px;padding:12px 7px}.field-list span{margin:8px 0}.signature{font-size:32px}.signature-menu{left:18px;bottom:30px;width:110px}.signer-status{right:15px;font-size:9px}.compliance-checks{font-size:9px}.compliance-checks span{padding:8px 5px}.rails .benefits{gap:40px;padding:60px 26px 0}.stakeholders{padding:25px 0 70px}.stakeholder-tabs{margin-top:25px}.stakeholder-panel{grid-template-columns:1fr;padding:24px 20px;min-height:0}.stakeholder-copy{padding:10px 0 30px}.stakeholder-copy h3{font-size:27px}.stakeholder-links{padding:0;gap:12px}.stakeholder-links a{padding:17px}.chat-section{padding:30px 0 70px}.chat-section .section-heading{max-width:330px;padding:0 12px}.chat-scroll{justify-content:flex-start;padding-left:24px}.chat-card{flex-basis:245px}.ai-section{padding:65px 20px}.ai-section h2{font-size:28px}.ai-network{grid-template-columns:1fr 64px 1fr;gap:9px;margin-top:40px;min-height:280px}.network-side span{font-size:10px;padding:10px 5px}.network-center{font-size:20px;padding:20px 5px;border-radius:16px}.final-cta{padding:85px 20px 75px}.final-cta h2{font-size:40px}.final-cta p{max-width:310px;margin:18px auto 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Native-motion restoration: all movement is gated by visible state in page.js. */
.motion-toggle{position:fixed;z-index:30;right:20px;bottom:18px;border:1px solid #dfe9e2;border-radius:999px;background:#f7fff9;color:#315d49;padding:9px 15px;font-size:12px;letter-spacing:.01em;box-shadow:0 5px 18px #304b3718;cursor:pointer}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.motion-toggle:hover,.rail-toggle:hover{background:#e8f8ed}
.native-replay-host{position:relative}
.native-replay-control{position:absolute;z-index:6;right:12px;top:12px;border:1px solid #e5e9e5;border-radius:999px;background:#ffffffed;color:#59635a;padding:6px 10px;font-size:10px;line-height:1.2;cursor:pointer;box-shadow:0 3px 10px #26372a12}
.native-replay-control:hover{background:#f0faf2;color:#315d49}
.native-replay-section{top:auto;right:24px;bottom:22px}
.native-rail-controls{display:flex;align-items:center;justify-content:center;gap:8px;z-index:5}
.native-industry-controls{position:absolute;top:-48px;right:24px}
.native-chat-controls{position:absolute;left:50%;bottom:34px;transform:translateX(-50%)}
.native-rail-arrow{width:32px;height:32px;border:1px solid #e5e8e4;border-radius:50%;background:#fff;color:#465349;font-size:17px;line-height:1;cursor:pointer}
.native-rail-arrow:hover{background:#f0faf2}
.native-source-content [role="tab"]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hero-command{width:min(560px,100%);margin:72px auto 0;text-align:left;position:relative;z-index:2}
.hero-command .hero-preview{width:100%;margin:0;border-radius:17px;background:#ffffffdd;padding:10px 12px 10px 18px;min-height:58px;align-items:center;box-shadow:0 12px 40px #556c5820}
.command-input{appearance:none;border:0;background:transparent;color:#333d36;font:500 14px/1.4 Inter,sans-serif;width:100%;min-width:0;outline:none}
.command-input:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:5px}
.preview-arrow{border:0;background:#202520;color:#fff;border-radius:10px;width:36px;height:36px;flex:0 0 36px;cursor:pointer}
.hero-command[data-state="typing"] .hero-preview:after{content:"";position:absolute;width:2px;height:18px;background:#319879;left:30px;animation:command-caret .8s steps(1) infinite}
@keyframes command-caret{50%{opacity:0}}
.command-suggestions{position:relative;z-index:3;margin-top:8px;padding:9px;background:#fff;border:1px solid #edf0ed;border-radius:13px;box-shadow:0 15px 35px #37463a15;display:grid;gap:3px}
.command-suggestions[hidden]{display:none}
.suggestion-label{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#8d968e;padding:5px 9px}
.command-choice{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:8px;padding:9px 11px;font-size:12px;color:#38453d;cursor:pointer}
.command-choice:hover,.command-choice:focus-visible{background:#eff9f1}
.hero-command .hero-example{display:block;text-align:left;background:linear-gradient(155deg,#4d604d,#28312a);color:#dbe9d4;font-size:11px;margin:9px 0 0;width:100%;max-width:none;border-radius:12px;padding:14px 16px;box-shadow:0 18px 30px #00000018}
.hero-command .hero-example small{display:block;color:#adc0a8;font-size:9px;letter-spacing:.06em;text-transform:uppercase;margin:4px 0}
.hero-command .hero-example div{padding:4px 0}
.hero-command .hero-example .example-action{color:#a4e9a9}
.demo-replay{position:absolute;z-index:4;right:12px;bottom:12px;border:1px solid #dfe8e1;border-radius:999px;background:#ffffffeb;color:#59665d;padding:7px 11px;font-size:10px;cursor:pointer}
.demo-replay:hover{background:#eaf8ee;color:#285b43}
.hero-replay{position:static;display:block;margin:8px 0 0 auto}
.demo-trigger{border:1px solid var(--line);cursor:pointer;color:#424a44}
.step-grid[data-demo="how"] .step-visual{overflow:hidden}
.step-grid[data-demo="how"][data-state="active"][data-stage="1"] .rental{animation:deal-stack 1.1s cubic-bezier(.34,1.3,.64,1)}
@keyframes deal-stack{35%{transform:translateY(-12px) rotate(-2deg)}72%{transform:translateY(3px) rotate(1deg)}}
.step-grid[data-state="active"][data-stage="2"] .scan-doc-art{animation:doc-sweep 1.4s ease-in-out}
@keyframes doc-sweep{0%{transform:translateY(-4px);opacity:.7}50%{transform:translateY(4px);opacity:1}100%{transform:translateY(0);opacity:1}}
.step-grid[data-state="active"][data-stage="3"] .check-tile{animation:tile-float 1.2s ease-in-out both}
.step-grid[data-state="active"][data-stage="3"] .check-tile:nth-child(2){animation-delay:.1s}
.step-grid[data-state="active"][data-stage="3"] .check-tile:nth-child(3){animation-delay:.2s}
@keyframes tile-float{50%{transform:translateY(7px)}}
.disclosures .closed{transform-origin:center}
.step-grid[data-state="active"][data-stage="4"] .disclosures .closed{animation:stamp-in .55s cubic-bezier(.34,1.56,.64,1) both}
@keyframes stamp-in{from{opacity:0;transform:scale(1.8) rotate(-7deg)}to{opacity:1;transform:scale(1) rotate(0)}}
.field-visual[data-state="autofilling"] .field-list .selected{background:#1f9c79}
.field-visual .document{position:relative}
.field-visual .document mark{transition:background-color .25s ease}
.field-visual[data-state="complete"] .document mark{background:#b9f2d6}
.field-visual .document .demo-replay{position:sticky;display:block;margin:6px 0 0 auto;bottom:0}
.signature-visual .signature{transform:rotate(-10deg) scaleX(.02);transform-origin:left center;opacity:0}
.signature-visual[data-state="complete"] .signature{transform:rotate(-10deg) scaleX(1);opacity:1}
.signature-visual[data-state="complete"] .signer-status{color:#39966f}
.payments-visual{isolation:isolate}
.payment-demo{position:absolute;z-index:2;left:22px;top:28px;bottom:76px;display:flex;flex-direction:column;justify-content:center;gap:9px}
.payment-demo span{font-size:11px;color:#56625a;background:#ffffffed;border:1px solid #e5eee7;border-radius:999px;padding:8px 12px;opacity:.42;transform:translateX(-7px)}
.payment-demo span[data-complete="true"]{opacity:1;transform:translateX(0);background:#effbf1;color:#28744d}
.payment-demo i{display:block;height:16px;width:1px;background:#85c8a0;margin-left:20px;opacity:.4}
.payment-demo span[data-complete="true"]+i{opacity:1}
.payments-visual .pay-label{z-index:2}
.compliance-visual .document{position:relative}
.compliance-visual .compliance-checks span{opacity:.5;transform:translateY(5px);transition:opacity .25s ease,transform .25s ease}
.compliance-visual[data-state="scanning"] .compliance-checks span[data-checked="true"],.compliance-visual[data-state="complete"] .compliance-checks span[data-checked="true"]{opacity:1;transform:translateY(0)}
.compliance-visual .compliance-checks span:last-child::before{content:"!";color:#c88c31}
.compliance-visual[data-state="active"] .document:after,.compliance-visual[data-state="scanning"] .document:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#51c597;box-shadow:0 0 13px #51c5977a;animation:scan-page 1.6s linear infinite}
@keyframes scan-page{to{transform:translateY(325px)}}
.industry-scroll,.chat-scroll{cursor:grab;touch-action:pan-x pan-y}
.industry-scroll[data-state="moving"],.chat-scroll[data-state="moving"]{scroll-snap-type:none}
.industry-scroll:active,.chat-scroll:active{cursor:grabbing}
.rail-toggle{border:1px solid var(--line);background:#fff;color:#637067;border-radius:999px;padding:7px 12px;font-size:11px;cursor:pointer}
.scroll-controls .small-link{white-space:nowrap}
.chat-question{font:inherit;text-align:left;border:0;cursor:pointer;line-height:1.45}
.chat-question:focus-visible{outline-offset:2px}
.chat-scroll[data-state="moving"] .chat-card.featured h3{animation:chat-welcome-in .36s ease both}
.chat-scroll[data-state="moving"] .chat-card.featured .chat-question{animation:chat-question-in .42s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.26s}
@keyframes chat-welcome-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes chat-question-in{from{opacity:0;transform:translateY(10px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}
.chat-answer{border-radius:10px;background:#f5f7f4;color:#667168;line-height:1.5;padding:10px;font-size:11px;margin-top:9px;animation:answer-arrive .35s ease both}
.chat-answer[hidden]{display:none}
@keyframes answer-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.chat-card[data-answer-state="open"]{border-color:#c9e8d1}
.ai-network{isolation:isolate}
.network-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}
.network-lines path{fill:none;stroke:#a9cdb3;stroke-width:1.4;stroke-dasharray:5 8;opacity:.3}
.ai-network[data-state="active"] .network-lines path{animation:network-flow 3s linear infinite;opacity:.85}
.ai-network[data-state="active"] .network-lines path:nth-child(even){animation-delay:-1.5s}
@keyframes network-flow{50%{opacity:.28}100%{opacity:.85}}
.network-side{z-index:1}
.network-side span{transition:border-color .25s ease,background-color .25s ease}
.ai-network[data-state="active"] .network-side span{animation:network-node 2.8s ease-in-out infinite}
.ai-network[data-state="active"] .network-side span:nth-child(2){animation-delay:.35s}
.ai-network[data-state="active"] .network-side span:nth-child(3){animation-delay:.7s}
.ai-network[data-state="active"] .network-side span:nth-child(4){animation-delay:1.05s}
@keyframes network-node{50%{border-color:#b7ddc1;background:#f1fff4}}
.ai-network[data-state="active"] .network-center{animation:network-center-pulse 2.2s ease-in-out infinite}
@keyframes network-center-pulse{50%{transform:scale(1.045);box-shadow:0 10px 32px #53ae7430}}
body[data-motion-paused="true"] *,body[data-motion-paused="true"] *::before,body[data-motion-paused="true"] *::after{animation-play-state:paused!important;transition:none!important}
@media(max-width:767px){
 .hero-command{margin-top:40px}
 .hero-command .hero-example{font-size:10px;padding:12px}
 .hero-command .hero-preview{padding:8px 9px 8px 12px;min-height:48px}
 .command-input{font-size:16px}
 .command-suggestions{gap:2px}
 .command-choice{padding:8px;font-size:10px}
 .hero-replay{font-size:9px}
 .payment-demo{left:12px;top:15px;bottom:65px;gap:6px}
 .payment-demo span{font-size:9px;padding:6px 8px}
 .motion-toggle{right:10px;bottom:10px;padding:8px 11px}
 .scroll-controls{gap:8px}
 .native-industry-controls{top:-42px;right:14px}
 .native-chat-controls{bottom:18px}
 .native-replay-control{right:8px;top:8px;padding:6px 8px}
 /* Section replay controls stay bottom-anchored. Setting both top and bottom
    stretches the auto-height button across the entire section on phones. */
 .native-replay-section{top:auto}
}
@media(prefers-reduced-motion:reduce){
 .signature-visual .signature{transform:rotate(-10deg) scaleX(1);opacity:1}
 .network-lines path{animation:none!important;opacity:.6}
 .ai-network .network-side span,.ai-network .network-center{animation:none!important}
 .chat-answer{animation:none}
 .chat-scroll[data-state="moving"] .chat-card.featured h3,.chat-scroll[data-state="moving"] .chat-card.featured .chat-question{animation:none!important}
}

/* Homepage fidelity pass: Clai's original airy sea-glass hero, restrained
   product chrome, and serif-led hierarchy — all responsive in one DOM. */
:root{
  --ink:#242522;--muted:#777a75;--line:#e9e9e5;--accent:#30b89a;
  --paper:#fff;--panel:#f8f8f6;
}
.native-header{
  height:58px;position:fixed;top:0;left:0;width:100%;z-index:20;padding:0 24px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  font-size:11px;color:#454742;background:transparent;
}
.native-header.is-scrolled{background:#ffffffed;border-bottom:1px solid #ecece8;backdrop-filter:blur(10px)}
.native-brand{width:102px;display:block}.native-brand img{width:102px;height:auto}
.native-desktop-nav{display:flex;align-items:center;gap:20px}
.native-desktop-nav>a,.native-menu summary{font:400 12px/18px Inter,sans-serif;text-decoration:none;color:#484a46;cursor:pointer;list-style:none}
.native-menu summary::-webkit-details-marker{display:none}
.native-menu{position:relative}
.native-menu summary:after{content:"";display:none}
.native-menu-pop{position:absolute;top:22px;left:-14px;min-width:185px;padding:7px;background:#fff;border:1px solid #ededea;border-radius:12px;box-shadow:0 12px 32px #33321b12;display:grid;gap:2px}
.native-menu[open] .native-menu-pop{max-height:min(70dvh,520px);overflow:auto}
.native-menu-pop a{padding:9px 11px;border-radius:7px;text-decoration:none;font-size:12px;color:#555750}
.native-menu-pop a:hover{background:#f4f7f0}
.native-nav-cta{justify-self:end;text-decoration:none;font-size:14px;line-height:20px;padding:6px 12px;min-height:0;border-radius:8px;background:#e9f6de;color:#414b36}
.native-menu-toggle,.native-mobile-menu{display:none}
.hero{
  min-height:838px;height:auto;padding:158px 40px 315px;isolation:isolate;
  background:
    radial-gradient(ellipse 42% 45% at 0% 35%,rgba(76,238,216,.5),transparent 75%),
    radial-gradient(ellipse 37% 47% at 100% 39%,rgba(159,255,113,.68),transparent 75%),
    radial-gradient(ellipse 42% 33% at 1% 100%,rgba(222,255,88,.6),transparent 72%),
    radial-gradient(ellipse 42% 30% at 100% 100%,rgba(150,255,189,.57),transparent 72%),
    #fff;
}
.hero:before,.hero:after{width:1570px;height:1060px;top:-487px;border-color:#747c6c12}
.hero:after{width:1660px;height:1120px;top:-462px}
.eyebrow{
  margin-bottom:50px;padding:5px 11px;background:#fffffff2;color:#79bf83;
  font-size:12px;line-height:1.3;border:1px solid #b5f3da;
  box-shadow:0 0 0 3px #effff9,0 2px 7px #1a614d16;
}
.hero h1{font-size:82px;letter-spacing:-.04em;line-height:68px}
.hero .intro{max-width:600px;margin:24px auto 0;font-size:16px;line-height:24px;color:#777972}
.hero .actions{margin-top:38px;gap:12px}
.hero .button{min-height:44px;border-radius:10px;font-size:16px;padding:12px 24px}
.hero .button.dark{background:#181917}
.hero-command{position:absolute;left:50%;top:566px;transform:translateX(-50%);margin:0;width:min(560px,calc(100% - 48px))}
.hero-command .hero-preview{
  height:52px;min-height:52px;padding:0 12px 0 13px;border-radius:13px;
  background:#fffffff0;border-color:#e8e9e6;box-shadow:0 1px 2px #0000000b;
}
.command-person{flex:0 0 18px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#dff3df;color:#54b977;font-size:9px;margin-right:8px}
.command-input{font-size:12px;color:#777b75;font-weight:400}
.preview-arrow{width:24px;height:24px;flex-basis:24px;border-radius:50%;background:transparent;color:#747a70;border:1px solid #e5e8e2;font-size:14px;line-height:1}
.command-suggestions{margin-top:8px;padding:8px;border-color:#eceeea;border-radius:12px}
.hero-command .hero-example{
  margin-top:7px;padding:12px 13px 9px;width:100%;max-width:none;
  border:1px solid #ffffff35;border-radius:10px;
  background:rgba(37,47,35,.91);color:#e2e8de;
  box-shadow:0 11px 24px #11171326;backdrop-filter:blur(12px);
  font-size:10px;line-height:1.45;
}
.hero-command[data-menu-open="true"] .hero-example{display:none}
.hero-command[data-menu-open="false"] .hero-example{display:block}
@media(min-width:768px){
  .hero-command:not([data-menu-open="true"]):not([data-state="selected"]) .hero-example{display:none}
}
.hero-command .hero-example small{font-size:9px;color:#aeb8a8;margin:0 0 2px}
.hero-command .hero-example .example-action{
  position:relative;padding:6px 4px;color:#72df9d;font-size:10px;
  border-bottom:1px solid #ffffff10;white-space:nowrap;
}
.hero-command .hero-example .example-action:before{content:"▤";margin-right:8px;color:#67d59c}
.hero-command .hero-example .example-action span{color:#c3c9bd}
.hero-command .hero-example kbd{float:right;color:#bac0b7;font:9px Inter,sans-serif}
.hero-command .hero-example .example-deal{display:flex;align-items:center;gap:7px;padding:6px 3px;color:#d6ddd1;font-size:9px}
.file-mark{color:#aab2a5}
.example-deal span:last-child{color:#9ca599}
.hero-command .hero-example .command-hint{display:flex;justify-content:space-between;border-top:1px solid #ffffff14;padding-top:7px;margin-top:3px;color:#899184}
.command-hint i{font-style:normal}
.art-library{position:absolute;left:-10000px;top:0;width:0;height:0;overflow:hidden}
.art-library>svg{overflow:visible}
.doc-icon-art{display:block;width:46px;height:62px;margin:0 0 14px}
.scan-doc-art{display:block;width:min(239px,100%);height:auto;overflow:visible}
.hero-replay{position:absolute;top:-30px;right:0;margin:0;padding:4px 8px;font-size:9px;background:#ffffff98;opacity:0}
.hero-replay:focus-visible,.hero-command:hover .hero-replay{opacity:1}
.demo-replay{opacity:0;transition:opacity .18s ease}
.product-visual:hover .demo-replay,.demo-replay:focus-visible{opacity:1}
.rail-toggle{opacity:0;transition:opacity .18s ease}
.rail-toggle:focus-visible,.scroll-controls:hover .rail-toggle{opacity:1}
.how{padding:179px 0 307px}
.how .wrap{max-width:1248px}
.how .section-heading{max-width:460px;margin-bottom:32px}
.how .section-heading p{margin-top:16px}
.how .section-heading h2,.industries .section-heading h2{font-size:48px;line-height:52px}
.how-in{display:inline}
.secondary-title{color:#6c6d68}
.how .step-visual{height:261px}
.how .step-visual>div,.how .step-visual>.scan-doc-art{position:relative;top:-28px}
.section-heading{margin-bottom:42px}
.section-heading h2{font-size:40px;line-height:1.08}
.industries{background:#fcfcfc;padding-top:95px}
.industries .section-heading{width:100%;max-width:1248px;margin:0 auto 68px;text-align:left;padding:0 24px}
.industries .section-heading h2,.industries .section-heading p{max-width:460px}
.industry-card{width:307px;flex-basis:307px;border-radius:14px;min-height:414px}
.industry-scroll{padding-left:max(89px,calc((100vw - 1262px)/2));}
.industry-card .status{display:table;min-height:0;padding:2px 5px;border-radius:5px;background:#edf8e8}
.industry-art img{border-radius:10px}
.rails{padding-top:105px}
.feature-list{max-width:1200px;border-radius:14px;overflow:hidden}
.feature-row{grid-template-columns:31% 69%}
.product-visual{background:#f5f6f1}
.field-list span{color:#43534b}
.checks{width:100%;max-width:250px;gap:8px}
.check-tile{display:flex;align-items:center;gap:5px;padding:6px 7px;border-radius:9px;background:#f3faf0;color:#71a979;font-size:11px;box-shadow:0 5px 14px #809b7910}
.check-tile svg{width:30px;height:30px;flex:0 0 30px}
.check-tile.compliant{background:#daf8da;font-size:13px}
.check-tile.compliant svg{width:42px;height:42px;flex-basis:42px}
.check-tile.signed{background:#fff2ed;color:#d5967b}
.check-tile.riders{background:#e9faf8;color:#55aeb5}
.disclosures div{display:flex;align-items:center;gap:8px}
.disclosures div>span{display:block}
.disclosures div svg{width:30px;height:30px;flex:0 0 30px}
.disclosures small{font-size:10px}
.disclosures .closed{justify-content:center}
.stakeholder-panel{border-radius:18px;overflow:hidden}
.chat-card{border-radius:14px}
.ai-section{background:#fafbf8}
.final-cta{padding-top:100px}
.native-footer{padding:48px max(24px,calc((100vw - 1200px)/2)) 24px;border-top:1px solid #ecece9;color:#676963;font-size:12px}
.native-footer-top{display:grid;grid-template-columns:.8fr .75fr .95fr 1.5fr .9fr .75fr;gap:22px;padding:0 0 38px}
.native-footer-brand img{width:102px;height:auto}
.native-footer-top>div{display:grid;align-content:start;gap:10px}
.native-footer-top h2{font:500 12px/1.2 Inter,sans-serif;letter-spacing:0;color:#363832;margin:0 0 5px}
.native-footer-top a:not(.native-footer-brand){font-size:11px;line-height:1.45}
.native-footer a{text-decoration:none}.native-footer a:hover{text-decoration:underline}
.native-footer-bottom{display:flex;align-items:center;gap:22px;padding-top:18px;border-top:1px solid #ecece9;font-size:11px}
.native-footer-bottom span{margin-right:auto}
.motion-toggle{font-size:10px;padding:6px 10px;opacity:.82;box-shadow:none;transition:opacity .2s ease}
.motion-toggle:hover,.motion-toggle:focus-visible{opacity:1;box-shadow:0 2px 8px #304b3710}

@media(max-width:767px){
  #main.native-source-content{padding-bottom:20px}
  .native-header{height:56px;padding:0 16px;display:flex;justify-content:space-between}
  .native-brand,.native-brand img{width:102px}
  .native-desktop-nav,.native-nav-cta{display:none}
  .native-menu-toggle{
    display:flex;width:36px;height:36px;align-items:center;justify-content:center;
    flex-direction:column;gap:5px;border:0;background:transparent;padding:8px;cursor:pointer
  }
  .native-menu-toggle span{width:14px;height:1.5px;background:#2b2c29;display:block}
  .native-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.25px) rotate(45deg)}
  .native-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
  .hero{
    min-height:656px;padding:162px 20px 28px;overflow-x:clip;overflow-y:visible;
    background:
      radial-gradient(ellipse 92% 60% at -15% 4%,rgba(60,237,217,.2),transparent 78%),
      radial-gradient(ellipse 82% 58% at 0% 68%,rgba(221,255,82,.2),transparent 75%),
      radial-gradient(ellipse 72% 34% at 96% 100%,rgba(165,255,184,.45),transparent 76%),#fff;
  }
  .hero:before,.hero:after{width:940px;height:640px;top:416px;border-color:#76816b13}
  .hero:after{width:1000px;height:690px;top:401px}
  .eyebrow{font-size:14px;margin-bottom:40px;padding:6px 12px}
  .hero h1{font-size:36px;line-height:32px;white-space:nowrap;letter-spacing:-.04em}
  .hero .intro{font-size:14px;line-height:21px;max-width:300px;margin-top:12px}
  .hero .actions{margin-top:23px;gap:12px}
  .hero .button{min-height:44px;padding:12px 23px;font-size:16px}
  .hero-command{position:absolute;left:50%;top:505px;transform:translateX(-50%);margin:0;width:min(308px,calc(100% - 48px))}
  .hero-command .hero-preview{height:28px;min-height:28px;padding:0 7px 0 8px;border-radius:9px}
  .command-person{width:12px;height:12px;flex-basis:12px;font-size:7px;margin-right:5px}
  .command-input{font-size:10px}
  .preview-arrow{width:19px;height:19px;flex-basis:19px;font-size:11px}
  .hero-command .hero-example{max-width:100%;margin-top:4px;font-size:9px;padding:9px 10px 7px;border-radius:8px}
  .hero-command .hero-example .example-action{font-size:9px;padding:5px 2px}
  .hero-command .hero-example .example-deal{font-size:8px;gap:4px}
  .hero-command .hero-example .command-hint{font-size:8px}
  .hero-replay{top:-26px}
  .how{padding:126px 0 78px}
  .how .wrap{max-width:1200px}
  .how .section-heading{max-width:360px;margin-bottom:36px}
  .how .section-heading h2,.industries .section-heading h2{font-size:30px;line-height:1.12}
  .how .how-in{display:block}
  .how .desktop-break{display:none}
  .how .step-visual{height:230px}
  .how .step-visual>div,.how .step-visual>.scan-doc-art{top:3px}
  .how .step{padding-bottom:18px}
  .how .step p{font-size:14px;line-height:1.45}
  .section-heading h2{font-size:30px}
  .industries{padding:72px 0 52px}
  .industries .section-heading{max-width:100%;margin-bottom:8px;padding:0 18px;text-align:center}
  .industry-scroll{padding-left:0;gap:32px}
  .industry-card{width:295px;flex-basis:295px}
  .industries .scroll-controls button[aria-label^="Previous"],
  .industries .scroll-controls button[aria-label^="Next"]{display:none}
  .feature-row{grid-template-columns:1fr}
  .native-footer{padding:34px 20px 18px}
  .native-footer-top{grid-template-columns:1fr 1fr;gap:26px 18px;padding-bottom:26px}
  .native-footer-brand{grid-column:1/-1}
  .native-footer-bottom{align-items:flex-start;flex-wrap:wrap;gap:12px 17px;font-size:10px}
  .native-footer-bottom span{width:100%;margin:0}
  .motion-toggle{right:8px;bottom:8px}
}

/* The navigation mirrors the live Framer menu panels, without the runtime. */
.native-menu{position:static}
.native-menu-pop{
  display:none;position:absolute;left:calc(50% - 120px);top:58px;transform:translateX(-50%);
  box-sizing:border-box;grid-template-columns:repeat(3,208px);grid-auto-rows:174px;gap:8px;
  width:656px;height:190px;max-width:calc(100vw - 32px);padding:8px;
  background:#fff;border:1px solid #e8e8e8;border-radius:8px;
  box-shadow:0 10px 30px #10130f1a
}
.native-menu[open] .native-menu-pop{display:grid}
.native-menu-pop--solutions{
  left:calc(50% - 38px);width:1088px;height:240px;padding:8px 8px 28px;
  grid-template-columns:repeat(5,208px);grid-auto-rows:204px;gap:8px
}
.native-menu-card{
  display:flex;min-width:0;align-items:flex-start;flex-direction:column;
  width:208px;padding:24px 24px 0;border-radius:10px;text-decoration:none;color:#151515;
  transition:background-color .15s ease
}
.native-menu-card > span{transform:translateX(12px)}
.native-menu-pop--solutions .native-menu-card{padding-top:34px}
.native-menu-card:hover{background:#fafafa}
.native-menu-icon{
  display:flex;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;
  color:#777;background:#f5f6f4;border:0;border-radius:7px
}
.native-menu-icon svg{display:block;width:18px;height:18px}
.native-menu-icon.spark svg{width:19px;height:19px}
.native-menu-title{margin-top:24px;font-size:14px;line-height:20px;font-weight:500;color:#181818}
.native-menu-copy{margin-top:6px;font-size:14px;line-height:20px;color:#7c7c7c}
.native-menu-pop--solutions .native-menu-icon{margin-bottom:20px}
.native-menu-status{
  margin:0 0 10px;padding:0 4px;border-radius:8px;background:#e7ffdc;
  color:rgba(57,156,67,.9);font-size:12px;line-height:20px
}
.native-menu-status+.native-menu-title{margin-top:0}
.native-mobile-root,.native-mobile-submenu{display:none}
@media(max-width:767px){
  .native-header{height:56px}
  .native-mobile-menu{
    display:block;position:fixed;z-index:21;top:56px;left:0;right:0;
    max-height:calc(100dvh - 56px);overflow:auto;padding:14px 16px 17px;
    background:#fff;border-top:0;box-shadow:none
  }
  .native-mobile-menu[hidden]{display:none}
  .native-mobile-root{display:flex;flex-direction:column}
  .native-mobile-root[hidden]{display:none}
  .native-mobile-root>a:not(.cmn-mobile-cta){
    display:flex;width:100%;height:50px;align-items:center;justify-content:center;
    padding:0;background:transparent;font:400 16px/24px Inter,sans-serif;
    color:#333;text-align:center;text-decoration:none
  }
  .native-mobile-root .cmn-mobile-cta{
    display:flex;height:32px;align-items:center;justify-content:center;margin-top:1px;
    padding:0 14px;border:0;border-radius:9px;background:#f2f2f2;
    color:#333;font-size:14px;line-height:20px;text-align:center;text-decoration:none
  }
}

/* Original first-party component tree, mounted without Framer's runtime. */
.native-source-content {
  display: block;
  position: relative;
  width: 100%;
  min-height: 100dvh;
  overflow: clip;
  isolation: isolate;
}
.native-source-content > #svg-templates {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
.native-source-content [style*="opacity: 0.001"],
.native-source-content [style*="opacity:0.001"],
.native-source-content [style*="opacity: 0;"] {
  opacity: 1 !important;
}
.native-source-content #claiai [data-framer-name="Logo"] {
  opacity: 0 !important;
  transform: scale(1.5) !important;
  pointer-events: none !important;
}
.native-source-content #claiai [data-framer-name="Graph"] > [data-framer-name="Logo"] {
  opacity: 1 !important;
  transform: none !important;
}
.native-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.native-source-content .native-chat-welcome{
  display:block!important;margin:0!important;color:var(--framer-text-color,inherit)!important;
  font-family:"Ivar Text Hydro Regular","Ivar Text Hydro Regular Placeholder",sans-serif!important;
  font-size:20px!important;font-style:normal!important;font-weight:400!important;
  line-height:24px!important;letter-spacing:-.8px!important;text-align:start!important;
}
.native-source-content .native-final-cta-heading{
  display:block!important;margin:0!important;
  font-family:"Ivar Text Hydro Regular","Ivar Text Hydro Regular Placeholder",sans-serif!important;
  font-size:82px!important;font-style:normal!important;font-weight:400!important;
  line-height:68px!important;letter-spacing:-3.28px!important;text-align:center!important;
}
@media(max-width:767px){
  .native-source-content .native-final-cta-heading{
    font-size:36px!important;line-height:32px!important;letter-spacing:-1.44px!important
  }
}

/* Keep the source conversation rail's single highlighted card in step with
   the phrase shown in its native heading. */
.native-source-content .clai-chat-row>div[data-native-chat-selected="true"] .framer-k5gvyr{
  background:linear-gradient(155deg,#efffc1 0%,#fff 62%)!important;
  border-color:#dfedc7!important;
  box-shadow:0 7px 22px #53633b18!important;
}
.native-source-content .clai-chat-row>div[data-native-chat-selected="false"] .framer-k5gvyr{
  background:#fff!important;
  opacity:.52!important;
}
.native-source-content .clai-chat-row>div[data-native-chat-selected="true"] .framer-k5gvyr{
  opacity:1!important;
}

/* Ambient hero motion uses the existing artwork; only compositor properties
   move. Individual translate/scale preserve the export's centering transforms. */
[data-ambient-hero] .framer-ml4pr8{pointer-events:none}
[data-ambient-hero] .framer-ml4pr8 .framer-zubx0{opacity:.5}
[data-ambient-hero] .framer-ml4pr8 .framer-zubx0 > .framer-1l4urfx{
  --hero-drift-x:12px;--hero-drift-y:8px;
  animation:hero-color-drift 26s ease-in-out -5s infinite alternate;
}
[data-ambient-hero] .framer-ml4pr8 .framer-zubx0[data-framer-name="Right"] > .framer-1l4urfx{
  animation-duration:32s;animation-delay:-17s;animation-direction:alternate-reverse;
}
[data-ambient-hero] .framer-ml4pr8 .framer-vussg7 img{
  --hero-ring-scale:1.025;
  transform-origin:50% 50%;
  animation:hero-ring-breathe 22s ease-in-out -6s infinite alternate;
}
@keyframes hero-color-drift{
  from{translate:calc(-1 * var(--hero-drift-x)) calc(-1 * var(--hero-drift-y))}
  to{translate:var(--hero-drift-x) var(--hero-drift-y)}
}
@keyframes hero-ring-breathe{
  from{scale:1;opacity:.8}
  to{scale:var(--hero-ring-scale);opacity:1}
}
@media(max-width:809px){
  [data-ambient-hero] .framer-ml4pr8 .framer-zubx0 > .framer-1l4urfx{
    --hero-drift-x:5px;--hero-drift-y:3px;animation-duration:36s;
  }
  [data-ambient-hero] .framer-ml4pr8 .framer-vussg7 img{
    --hero-ring-scale:1.012;animation-duration:32s;
  }
}
body[data-motion-paused="true"] [data-ambient-hero] .framer-ml4pr8 *,
[data-ambient-hero]:not([data-visible="true"]) .framer-ml4pr8 *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
  [data-ambient-hero] .framer-ml4pr8 .framer-zubx0 > .framer-1l4urfx,
  [data-ambient-hero] .framer-ml4pr8 .framer-vussg7 img{animation:none!important}
}

/* Address command demo: fixed chrome remains mounted throughout typing.
   Earlier legacy selected/typing rules must never hide this panel. */
.hero-command{width:min(552px,calc(100% - 32px));z-index:7}
.hero-command .hero-preview{
  display:flex;gap:5px;height:52px;min-height:52px;padding:0 13px;
  border:1px solid #eeeeec;border-radius:16px;background:rgba(255,255,255,.94);
  box-shadow:0 1px 3px #00000005;
}
.hero-command .command-person{display:flex;flex:0 0 20px;width:20px;height:20px;margin:0 4px 0 0;background:none;border-radius:0;color:#c9c9c7}
.hero-command svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hero-command .command-address{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a8a8a6;font:400 14px/20px Inter,sans-serif;letter-spacing:-.25px}
.hero-command .command-input{width:11ch;flex:0 0 11ch;padding:0;color:#444;font:400 14px/20px Inter,sans-serif;letter-spacing:-.25px;caret-color:#555}
.hero-command[data-state="editing"] .command-address{display:none}
.hero-command[data-state="editing"] .command-input{flex:1;width:100%}
.hero-command .preview-arrow{display:grid;place-items:center;margin-left:auto;flex:0 0 26px;width:26px;height:26px;padding:0;border:1px solid #e8e8e6;border-radius:7px;background:#fafafa;color:#898989}
.hero-command[data-state="typing"] .hero-preview:after{content:none}
.hero-command .hero-example.command-suggestions{
  display:block;position:relative;margin:3px 0 0;padding:0;width:100%;max-width:none;
  height:333px;min-height:333px;overflow:hidden;border:0;border-radius:16px;
  background:transparent;color:#f2f2f2;backdrop-filter:none;
  box-shadow:none;font:400 14px/20px Inter,sans-serif;text-align:left;
  visibility:visible;opacity:1;transition:visibility .12s;
}
.hero-command[data-menu-open="false"] .hero-example.command-suggestions{visibility:hidden}
.hero-command .hero-example .command-results{height:288px;padding:15px 8px 17px}
.hero-command .hero-example .command-section-label{display:block;margin:0 8px 8px;color:#9c9c99;font:400 12px/16px Inter,sans-serif;text-transform:none;letter-spacing:0}
.hero-command .hero-example .command-section-label:nth-of-type(2){margin-top:20px;margin-bottom:5px}
.hero-command .command-choice,.hero-command .command-deal{
  display:flex;align-items:center;gap:10px;width:100%;height:39px;margin:0;padding:0 8px;
  border:0;border-radius:9px;background:transparent;color:#f4f4f2;text-align:left;
  font:400 14px/20px Inter,sans-serif;letter-spacing:-.2px;cursor:pointer;transition:background-color .18s ease;
}
.hero-command .command-choice[hidden]{display:none}
.hero-command .command-choice>span,.hero-command .command-deal>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-command .command-deal em{color:#bcbcb9;font-style:normal}
.hero-command .command-choice svg,.hero-command .command-deal svg{color:#999996}
.hero-command .command-choice[data-address-selected="true"],.hero-command .command-choice:hover,.hero-command .command-choice:focus-visible,.hero-command .command-deal:hover{background:rgba(255,255,255,.085)}
.hero-command .command-choice kbd{display:none;flex-shrink:0;margin-left:auto;padding:0 3px;border-radius:3px;background:#ffffff0c;color:#b8b8b5;font:400 10px/16px Inter,sans-serif}
.hero-command .command-choice[data-address-selected="true"] kbd{display:block}
.hero-command .hero-example .command-hint{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;height:45px;margin:0;padding:0 16px;border:0;background:#0000000b;color:#92928f;font:400 10px/16px Inter,sans-serif}
.hero-command .hero-example .command-hint kbd{float:none;padding:1px 2px;border-radius:3px;background:#ffffff13;color:#a9a9a6;font:inherit}
.hero-command .hero-replay{position:absolute;top:0;right:0;bottom:auto;margin:0;transform:translateY(-110%);opacity:0}
.hero-command:hover .hero-replay,.hero-command:focus-within .hero-replay{opacity:1}
.hero-command .hero-preview{position:relative;overflow:hidden}
.hero-command .command-typed{display:flex;align-items:center;min-width:0;white-space:nowrap;color:#444;font:400 14px/20px Inter,sans-serif;letter-spacing:-.25px}
.hero-command .command-caret{width:1px;height:15px;margin-left:1px;background:#555;flex:none}
.hero-command .command-input{position:absolute;left:13px;right:42px;top:0;bottom:0;width:calc(100% - 55px);height:100%;opacity:0}
.hero-command[data-state="editing"] .command-input{opacity:1;font-size:16px;width:calc(100% - 55px)}
.hero-command[data-state="editing"] .command-typed{visibility:hidden}
.hero-command[data-state="editing"] .command-person{visibility:hidden}
.hero-command[data-prefix="none"] .command-person,.hero-command[data-prefix="none"] .command-address{display:none}
.hero-command[data-prefix="none"] .command-typed{flex:1}
.hero-command[data-prefix="payment"] .command-person,.hero-command[data-prefix="payment"] .command-address{display:none}
.hero-command[data-prefix="payment"] .command-typed{padding-left:0;flex:1}
.hero-command[data-scene="idle"][data-prefix="none"] .command-typed{color:#939393}
.hero-command[data-scene="idle"] .command-caret{display:none}
.hero-command .command-person>.command-avatar{display:none}
.hero-command[data-prefix="avatar"] .command-person>svg{display:none}
.hero-command[data-prefix="avatar"] .command-person>.command-avatar{display:flex}
.hero-command .command-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(145deg,#b6f6a2,#63b988);color:#fff}
.hero-command .command-avatar svg{width:17px;height:17px;fill:currentColor;stroke:none}
.hero-command .command-panel{position:absolute;inset:0 0 auto;height:333px;overflow:hidden;border-radius:16px;background:rgba(4,4,4,.71);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .18s ease,transform .22s ease}
.hero-command .command-panel[aria-hidden="false"],.hero-command:not([data-command-initialized]) [data-command-panel="address"]{opacity:1;transform:none;pointer-events:auto}
.hero-command [data-command-panel="client"],.hero-command [data-command-panel="payment"]{height:260px}
.hero-command .hero-example .command-panel,
.hero-command .hero-example .command-client-actions,
.hero-command .hero-example .command-client-deals{padding:0}
/* Four rows plus two headings must clear the fixed 45px hint footer. */
.hero-command [data-command-panel="payment"]{height:300px}
.hero-command [data-command-panel="payment"] .command-results{height:255px}
.hero-command [data-command-panel="client"] .command-client-deals{display:none}
.hero-command .command-local-choice{display:flex;align-items:center;gap:10px;width:100%;height:39px;padding:0 8px;border:0;border-radius:9px;background:none;color:#f4f4f2;text-align:left;font:400 14px/20px Inter,sans-serif;letter-spacing:-.2px;cursor:pointer}
.hero-command .command-local-choice>svg{width:20px;height:20px;flex:none;stroke:currentColor;fill:none}
.hero-command .command-local-choice>span:not(.command-avatar){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-command .command-local-choice em{font-style:normal;color:#c7c7c7}
.hero-command .command-action{color:#52f8b6}
.hero-command .command-action:before{content:"";display:block;flex:none;width:17px;height:17px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 2h9l3 3v9H4V2Zm3 5h6M7 10h4m1 4h6m-3-3v6' fill='none' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E") center/contain no-repeat}
.hero-command .command-local-choice.command-active,.hero-command .command-local-choice:hover,.hero-command .command-local-choice:focus-visible{background:#ffffff13}
.hero-command .command-local-choice kbd{margin-left:auto;padding:0 3px;border-radius:3px;background:#ffffff0c;color:#b8b8b5;font:400 10px/16px Inter,sans-serif;white-space:nowrap}
.hero-command [data-client="1"] .command-avatar{background:linear-gradient(145deg,#f1c9bd,#b67e91)}
.hero-command [data-client="2"] .command-avatar{background:linear-gradient(145deg,#c0bcdf,#6c79a3)}
@media(min-width:810px){
  .hero-command{--hero-command-min-top:566px;top:max(var(--hero-command-min-top),var(--hero-content-bottom,0px))}
}
@media(max-width:809px){
  /* Framer's live phone layout is a 560px fallback scaled to 308px, not the
     desktop Lottie squeezed into a changing-height list. Keep that geometry. */
  .hero-command{--hero-command-min-top:504px;top:max(var(--hero-command-min-top),var(--hero-content-bottom,0px));width:560px;transform:translateX(-50%) scale(.55);transform-origin:50% 0}
  .native-source-content .framer-1hue3ux + .framer-1edurmt{padding-top:120px}
  .hero-command .hero-preview{height:52px;min-height:52px;padding:0 14px}
  .hero-command .command-address{font-size:14px}
  .hero-command .command-input{font-size:16px}
  .hero-command .command-choice,.hero-command .command-deal{font-size:14px;gap:10px;padding:0 8px}
  .hero-command [data-command-panel="client"] .command-results{display:flex;flex-direction:column}
  .hero-command [data-command-panel="client"] .command-client-deals{display:block;order:2;margin-top:20px}
  .hero-command .command-client-actions .command-section-label{margin-top:0}
  .hero-command .hero-example .command-hint{padding:0 16px;font-size:10px}
}