.landing{background:#fafaff;color:#23304f}.landing-container{max-width:1240px;margin-inline:auto;padding-inline:36px}.site-nav{max-width:1440px;margin:auto;padding:25px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-nav nav{display:flex;gap:30px;font-size:14px}.site-nav nav a{color:#4f4f65}.site-nav .button{font-size:14px;min-height:44px;padding:10px 20px;background:transparent;border-color:#b9b9cc}.landing .logo{font-size:24px}.brand-mark{display:inline-grid;place-items:center;background:#dadaed;width:34px;height:34px;border-radius:10px;color:#252564!important;margin-right:3px}.landing h1{font-size:clamp(44px,4.5vw,68px);letter-spacing:-3px;line-height:1.08;font-weight:680;margin:23px 0}.landing h1>span{color:#6465d4}.landing h2{font-size:42px;font-weight:650;letter-spacing:-1.6px;line-height:1.15}.landing h3{font-size:23px;letter-spacing:-.6px;line-height:1.3}.landing p{color:#666d85}.landing .eyebrow{font-size:11px;color:#505079;letter-spacing:1.6px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-top:78px;padding-bottom:80px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#5d5d93}.hero-intro{font-size:18px;line-height:1.75;max-width:470px;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.landing .button{background:#5556c4;border-color:#5556c4;box-shadow:0 3px 0 #13133e10}.site-nav .button{background:transparent}.text-link{font-size:15px;font-weight:600;color:#31315c}.hero-note{font-size:14px;margin-top:23px;max-width:420px}.product-scene{position:relative;padding:30px 0 0 0}.product-scene:before{content:'';position:absolute;inset:0 -24px 25px -10px;background:#eeedff;border-radius:90px 20px 90px 20px;transform:rotate(-5deg);z-index:0}.scene-tag{position:relative;text-align:right;font-size:13px;color:#4c4c7c;margin:0 15px 15px}.scene-tag>span{font-size:20px}.product-window{position:relative;border:1px solid #cecedf;border-radius:14px;background:#fff;box-shadow:0 24px 55px #29294b15;transform:rotate(1deg);overflow:hidden}.window-top{display:flex;justify-content:space-between;align-items:center;background:#f1f1f7;padding:14px 18px;border-bottom:1px solid #e1e1eb;font-size:9px;letter-spacing:1.5px;color:#747491}.window-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c0c0cf;margin-right:4px}.mini-avatar{display:grid;place-items:center;width:22px;height:22px;background:#d1d1e6;border-radius:7px;color:#424260}.window-content{padding:24px}.preview-heading{display:flex;justify-content:space-between;align-items:center}.preview-heading p{font-size:9px;letter-spacing:1px;margin-bottom:8px}.preview-heading h2{font-size:22px;letter-spacing:-.7px;margin-bottom:20px}.preview-plus{background:#e3e3f0;border-radius:7px;width:28px;height:28px;text-align:center;color:#38386b}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.preview-stats>div{background:#f2f2f8;border:1px solid #dfdfed;border-radius:9px;padding:15px}.preview-stats span{font-size:11px;color:#6a6a86;display:block}.preview-stats strong{font-size:29px;font-weight:600}.preview-stats small{font-size:9px;font-weight:400;color:#777794;margin-left:5px}.preview-list-title{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px}.preview-list-title>span{color:#797996}.preview-row{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid #e8e8f0}.person{width:32px;height:32px;border-radius:50%;font-size:10px;display:grid;place-items:center;flex-shrink:0}.peach{background:#eee9fc;color:#7866aa}.lavender{background:#ebe9f3;color:#797092}.mint{background:#e0e0ee;color:#535377}.preview-row>div{flex:1}.preview-row b{font-size:12px;font-weight:600;display:block}.preview-row small{font-size:9px;color:#787895;display:block;margin-top:2px}.preview-status{font-size:9px;white-space:nowrap;color:#7c6b3c;background:#f8f0d9;padding:5px 7px;border-radius:4px}.preview-status.neutral{background:#e8e8f3;color:#5d5d80}.preview-bottom{display:flex;align-items:center;gap:7px;font-size:10px;color:#727290;margin-top:20px}.preview-caption{position:relative;font-size:11px;text-align:center;margin-top:16px;color:#7a7a96!important}.principles{border-block:1px solid #dbdbe8;display:flex;justify-content:space-between;padding-top:24px;padding-bottom:24px;font-size:15px;color:#555570}.principles b{font-size:12px;margin-right:12px;color:#8f8fa7;font-weight:500}.features-section{padding-block:95px}.section-heading{max-width:660px;margin-bottom:38px}.section-heading>p:last-child{font-size:18px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:#f0effa;border:1px solid #dadaea;border-radius:16px;padding:30px;display:flex;flex-direction:column}.feature:nth-child(2){background:#f3f1fc;border-color:#ede8dd}.feature:nth-child(3){background:#eeeffb;border-color:#dfdfe9}.feature p{font-size:16px;line-height:1.7;margin-bottom:22px}.feature-note{font-size:14px;color:#686884;margin-top:auto}.feature-icon{font-size:36px;color:#666686;display:block;margin-bottom:35px;line-height:1}.feature-illustration{margin-bottom:24px}.sheet-chip{display:inline-flex;gap:7px;align-items:center;border:1px solid #cccce1;background:#ffffff;padding:8px 11px;border-radius:7px;font-size:12px;margin:0 3px 7px 0}.sheet-chip span{color:#686895}.gather-line{font-size:16px;text-align:center;color:#7878a1;margin-top:6px}.gather-line b{font-size:11px;font-weight:500;background:#d6d6e9;padding:6px 10px;border-radius:5px;margin-left:8px}.field-example{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:auto;border-top:1px solid #e4e0d4;padding-top:20px}.field-example>span{font-size:12px;color:#737391}.field-example>b{font-size:12px;font-weight:500;background:#fdfcff;border:1px solid #e6dfd0;padding:9px;border-radius:6px;grid-row:2;overflow-wrap:anywhere}.field-example b>span{float:right}.note-example{display:flex;align-items:start;gap:10px;background:#f7f7fb;padding:16px;border:1px solid #d9d9e5;border-radius:9px;margin-top:auto}.note-example .live-dot{margin-top:6px}.note-example b{font-size:13px;font-weight:600;display:block}.note-example div>span{font-size:12px;color:#737391;display:block;margin-top:6px}.workflow-section{background:#23304f;color:#e8e8f4;padding:80px 0}.workflow-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.workflow-section .eyebrow{color:#8f8fbd}.workflow-section h2{font-size:48px}.workflow-section p{color:#b7b7c9;font-size:17px}.workflow-section .text-link{color:#a7a7dd;display:inline-block;margin-top:12px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:26px;border-bottom:1px solid #454561;padding:0 0 24px;margin-bottom:26px}.steps li:last-child{margin:0;border:0;padding-bottom:0}.steps li>span{color:#8c8cc5;font-size:14px;border:1px solid #494965;border-radius:50%;height:38px;min-width:38px;display:grid;place-items:center}.steps h3{font-size:22px;margin-bottom:8px}.steps p{font-size:16px;margin:0}.workspace-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:100px}.workspace-section>div>p:not(.eyebrow){font-size:18px;line-height:1.7}.workspace-art{background:#e5e5f1;border-radius:20px;padding:45px 35px}.workspace-tile{padding:22px;display:flex;align-items:center;gap:15px;background:#ffffff;border:1px solid #d6d6e5;border-radius:12px;box-shadow:0 9px 20px #37375908;margin-bottom:20px}.workspace-tile:nth-child(2){transform:translateX(15px)}.workspace-tile .person{width:40px;height:40px;font-size:15px}.workspace-tile div{flex:1}.workspace-tile b{font-size:16px;display:block}.workspace-tile div>span{font-size:13px;color:#777795}.workspace-tile>span:last-child{color:#747494}.workspace-art>p{font-size:12px!important;text-align:center;margin-bottom:0}.benefit-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.benefit-tags span{font-size:13px;border:1px solid #d6d6e6;border-radius:20px;padding:6px 11px;color:#60607c}.closing{text-align:center;background:#eeecff;border:1px solid #d5d5e7;border-radius:24px;padding:60px 30px;margin-bottom:50px;max-width:1168px}.closing h2{font-size:48px}.closing>p:not(.eyebrow){font-size:18px}.closing .button{margin:12px 0}.closing .access-note{font-size:14px!important;margin-top:16px;margin-bottom:0}.landing .back-top{background:#5556c4}.landing section[id]{scroll-margin-top:25px}@media(max-width:1100px){.hero{gap:25px}.landing h1{font-size:50px}.hero-actions{gap:18px}.feature{padding:23px}.workflow-layout,.workspace-section{gap:45px}.preview-row small{max-width:145px}.preview-stats strong{font-size:26px}.preview-stats small{display:block;margin:0}.site-nav{padding-inline:30px}.site-nav nav{gap:18px}.closing{margin-inline:30px}.window-content{padding:18px}.preview-heading h2{font-size:19px}}@media(max-width:760px){.site-nav{padding:20px;gap:12px}.landing .logo{font-size:19px}.brand-mark{width:28px;height:28px;border-radius:8px}.site-nav nav{display:none}.site-nav .button{padding:8px 12px;white-space:nowrap}.landing-container{padding-inline:22px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:40px;gap:25px}.hero .eyebrow{font-size:10px;letter-spacing:1px}.landing h1{font-size:48px;letter-spacing:-2px}.hero-intro{font-size:18px;max-width:500px}.hero-actions{gap:20px}.hero-note{font-size:14px}.product-scene{max-width:510px;width:100%;margin:auto;padding:20px 5px 0}.product-scene:before{inset:0 -5px 22px 0}.window-content{padding:20px}.preview-heading h2{font-size:20px}.preview-stats small{display:inline;margin-left:3px}.principles{display:grid;gap:15px;padding-block:20px}.features-section{padding-block:55px}.landing h2{font-size:34px}.feature-grid{grid-template-columns:1fr}.feature{padding:28px}.feature-icon{margin-bottom:20px}.feature-illustration{max-width:340px}.feature-sheets{padding-top:28px}.feature-grid h3{font-size:24px}.feature-grid h3 br{display:none}.feature-note{margin-top:0}.workflow-section{padding-block:50px}.workflow-layout{grid-template-columns:1fr;gap:35px}.steps li{gap:18px}.workspace-section{grid-template-columns:1fr;padding-block:55px;gap:35px}.workspace-section>div:last-child{grid-row:1}.workspace-art{padding:30px 20px}.workspace-tile{padding:18px}.workspace-tile:nth-child(2){transform:translateX(5px)}.closing{margin:0 16px 30px;padding:40px 22px;border-radius:18px}.closing h2{font-size:36px}.closing .button{width:100%}.landing .back-top{bottom:calc(16px + env(safe-area-inset-bottom))}}@media(max-width:390px){.landing h1{font-size:42px}.site-nav{padding-inline:15px}.landing .logo{font-size:17px}.site-nav .button{font-size:14px}.preview-row{gap:7px}.preview-status{font-size:8px;padding:4px}.preview-row small{max-width:135px}.preview-stats small{display:block}.window-content{padding:15px}.preview-heading h2{font-size:18px}.hero .eyebrow{font-size:9px}.hero-actions>.button{width:100%}}
@media(max-width:760px){.product-scene:before{transform:none;inset:0 0 22px 0}}

.landing .logo .brand-name{color:var(--brand-navy)}
.product-scene:before{background:linear-gradient(145deg,#eeedff,#e5e5fc)}
.closing{background:linear-gradient(130deg,#eeecff,#f4f3ff)}
@media(max-width:760px){.landing .logo{gap:7px}.landing .brand-icon{width:30px;height:30px;border-radius:8px}}
@media(max-width:390px){.landing .brand-icon{width:27px;height:27px}.landing .logo{gap:6px}}

.site-nav .logo .brand-logo{width:245px}
@media(max-width:760px){.site-nav .logo .brand-logo{width:195px}}
@media(max-width:390px){.site-nav .logo .brand-logo{width:175px}}

.legal-links{display:flex;justify-content:center;gap:18px 28px;flex-wrap:wrap;padding:24px;font-size:16px}.legal-links a{color:#5556c4;text-decoration:underline;text-underline-offset:3px}
