/* Persistent product scenes: transition the action, not the entire card. */
.workflow-preview{padding:0;display:block;min-width:0;width:100%;align-self:stretch}
.feature-media>.workflow-preview{min-height:0;overflow:hidden;background:linear-gradient(140deg,#382d47,#211b2a);border:1px solid #65547270;border-radius:16px}
.workflow-shell{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;width:100%}
.workflow-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid #d5b5fa14}
.workflow-header>div{display:flex;align-items:center;gap:9px}.workflow-header img{border-radius:6px}.workflow-header strong{font-size:14px;font-weight:500}.workflow-header>span{font-size:12px;color:#bbaccb;white-space:nowrap}
.workflow-scene{position:relative;padding:24px 22px 12px;min-height:0;height:410px;overflow:hidden}.workflow-scene>div{animation:none}.workflow-scene h4{font-size:19px;line-height:1.35;letter-spacing:-.35px;font-weight:500;margin:0}.workflow-scene p{font-size:14px;line-height:1.6}.workflow-scene small{font-size:12px;line-height:1.4}
.workflow-caption{padding:14px 22px 4px;min-height:91px}.workflow-caption strong{font-size:16px;line-height:1.45;font-weight:500}.workflow-caption p{font-size:14px;line-height:1.5;margin:4px 0 0;color:#c1b5ce;max-width:460px}
.workflow-nav{display:flex;align-items:center;gap:2px;padding:0 16px 8px}.workflow-nav button{height:44px;width:29px;border:0;background:transparent;border-radius:6px;display:grid;place-items:center}.workflow-nav button span{height:3px;width:18px;background:#776384;border-radius:4px;transition:background .3s,width .3s}.workflow-nav button[aria-pressed=true]{border:0;background:transparent}.workflow-nav button[aria-pressed=true] span{background:#debbff}.workflow-nav .workflow-play{margin-left:auto;font-size:15px;width:44px;color:#d5c7e3}.workflow-nav button:focus-visible{outline:2px solid #c5a1ec;outline-offset:-4px}
[data-visible-phases]{transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1);opacity:0;pointer-events:none;transform:translateX(28px)}[data-visible-phases][aria-hidden=false]{opacity:1;pointer-events:auto;transform:translateX(0)}
.scene-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:22px;font-size:14px}.scene-top span{color:#b9aac9;font-size:12px}.motion-calendar{height:100%;position:relative}.motion-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:310px;border:1px solid #70607e55;border-radius:10px;overflow:hidden;background:#231c2e}.motion-day{border-right:1px solid #8d76962b;padding:10px 7px;position:relative}.motion-day:last-child{border:0}.motion-day>span{display:flex;flex-direction:column;gap:7px;text-align:center;font-size:12px;color:#b8aac5}.motion-day>span b{font-size:17px;color:#e9dff4;font-weight:400}.motion-day:nth-child(3){background:#ab7dda0e}.mini-post,.saved-brief{font-size:12px;line-height:1.5;padding:12px 9px;border-radius:7px;background:#453350;border:1px solid #9376a454;margin-top:18px}.mini-post i,.saved-brief i{width:16px;height:3px;display:block;background:#bea1d7;border-radius:3px;margin-bottom:9px}.mini-post small,.saved-brief small{display:block;font-size:11px;color:#c4add6;margin-top:14px}.muted-post{background:#302939}.add-brief{width:100%;margin-top:18px;display:flex;align-items:center;flex-direction:column;gap:6px;border:1px dashed #a387b970;border-radius:7px;min-height:90px;background:#b789e80a;color:#ddc6f4;font-size:23px;transition:opacity .4s}.add-brief span{font-size:11px}.saved-brief{position:absolute;left:6px;right:6px;top:68px;opacity:0;transform:translateY(8px);transition:.5s}.workflow-preview[data-step="2"] .saved-brief,.workflow-preview[data-step="3"] .saved-brief{opacity:1;transform:none}.workflow-preview[data-step="2"] .add-brief,.workflow-preview[data-step="3"] .add-brief{opacity:0}.motion-drawer{position:absolute;right:-4px;top:28px;bottom:3px;width:79%;border:1px solid #9880aa80;box-shadow:-16px 12px 35px #100b2190;border-radius:12px;padding:22px;background:#2d2439}.drawer-date{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.6px;color:#bea8d2;margin-bottom:18px}.drawer-date span{font-size:18px}.motion-drawer h4{max-width:300px;font-size:19px}.brief-field{margin-top:20px}.brief-field>span{font-size:12px;display:block;color:#ac9dbc;margin-bottom:8px}.source-link{border:1px solid #7f678e60;border-radius:8px;padding:10px;display:flex;gap:10px;align-items:center;background:#211c29}.source-link>b{font-size:21px;color:#d0afe9;padding:8px;background:#594166;border-radius:6px}.source-link strong{font-size:13px;font-weight:500}.source-link small{display:block;color:#ad9abb;margin-top:3px}.brief-field p{margin:0!important;color:#ded3e7}.brief-save{margin-top:16px;background:#cdb3e8;color:#241a30;border-radius:7px;padding:10px 12px;font-size:13px;text-align:center}.save-after{display:none}[data-step="2"] .save-after{display:inline}[data-step="2"] .save-before{display:none}.motion-draft{position:absolute;inset:0;background:#2b2235;border:1px solid #9f80b175;border-radius:12px;padding:16px;box-shadow:0 15px 50px #120b2480}.draft-source{display:flex;align-items:center;gap:8px;font-size:14px}.draft-source span{margin-left:auto;font-size:11px;color:#c4acd7}.draft-paper{margin-top:14px;padding:18px;background:#211c29;border:1px solid #6f5b7c70;border-radius:10px}.draft-person{display:flex;align-items:center;gap:12px;color:#cbb0e5;font-size:13px;margin-bottom:20px}.draft-person b{font-weight:500;color:#f1eafa}.draft-person small{display:block;font-weight:400;color:#b0a0bd;margin-top:3px}.draft-paper h4{font-size:19px}.draft-paper p{margin:9px 0!important}.draft-ready{font-size:12px;border-top:1px solid #795e8c50;color:#d1b4e8;margin-top:18px;padding-top:12px}.motion-pointer{position:absolute;left:50%;top:140px;color:#fff;font-size:31px;text-shadow:0 2px 5px #000;transition:left 1s,top 1s,opacity .3s;pointer-events:none;opacity:.9}[data-step="1"] .motion-pointer{left:80%;top:315px}[data-step="2"] .motion-pointer{left:80%;top:315px;opacity:0}[data-step="3"] .motion-pointer{opacity:0}
.motion-profile{position:relative;height:100%;max-width:490px;margin:auto}.profile-edit-label{position:absolute;top:-8px;right:0;z-index:3;display:flex;align-items:center;gap:8px;background:#f0e1ff;color:#3b2352;border:1px solid #d7b7f1;border-radius:9px;box-shadow:0 8px 28px #0e071b44;padding:9px 12px;font-size:12px}.edit-spark{font-size:19px}.edit-check{color:#795697}.linkedin-card{border-radius:12px;background:#faf9fb;border:1px solid #c9bdd7;overflow:hidden;color:#231b2b;box-shadow:0 20px 50px #120b2380}.li-cover{position:relative;display:flex;align-items:center;min-height:91px;padding:14px 24px;background:#322344;color:#f4eaff;overflow:hidden;transition:background .7s}.li-cover small{display:block;font-size:8px;letter-spacing:1.8px;color:#d6bfe8;margin-bottom:5px}.li-cover strong{font-size:21px;line-height:1.15;letter-spacing:-.3px;font-weight:500}.cover-art{position:absolute;width:150px;height:150px;border:28px solid #b699d2;border-radius:50%;right:-20px;top:8px;transform:rotate(-25deg);box-shadow:0 0 0 18px #796090}.li-identity{padding:0 20px 11px;position:relative}.li-avatar{float:left;position:relative;margin:-15px 14px 8px 0;width:59px;height:59px;border:4px solid #faf9fb;border-radius:50%;background:linear-gradient(145deg,#e3d4ef,#9676b0);display:grid;place-items:center;color:#402353;font-size:18px;font-weight:500}.li-avatar i{position:absolute;right:-2px;bottom:-2px;font-style:normal;font-size:10px;background:#6c408c;color:#fff;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;border:2px solid #faf9fb}.li-identity h4{padding-top:12px;font-size:19px;color:#241b2c}.li-identity h4>span{display:inline-block;font-size:10px;background:#756084;color:#fff;padding:1px 2px;margin-left:5px;border-radius:2px;vertical-align:middle}.li-headline{clear:both;font-size:13px!important;line-height:1.5!important;color:#55465e!important;margin:2px 0 0!important;padding:2px 0}.li-section{padding:10px 20px;border-top:1px solid #e1dbe6;position:relative;transition:background .5s,box-shadow .5s}.li-section h5{font-size:14px;margin:0 0 5px;color:#2b2331;font-weight:600}.li-section p{font-size:13px;line-height:1.5;margin:0!important;color:#5a4b64}.li-services{display:flex;gap:6px;flex-wrap:wrap}.li-services span{font-size:11px;padding:4px 9px;border:1px solid #cec0d8;border-radius:20px;color:#62526e}.li-resource{display:flex;gap:12px;align-items:center}.li-resource>span{font-size:6px;line-height:1.4;letter-spacing:1px;padding:8px 10px;flex:none;background:#342443;color:#e8d6f8;border-radius:4px;transform:rotate(-3deg)}.li-resource>span b{font-size:13px;font-weight:500}.li-resource>div{min-width:0}.li-resource strong{font-size:13px;font-weight:500}.li-resource small{display:block;font-size:11px;margin-top:3px;color:#776783}.li-resource>b{font-size:20px;font-weight:400;color:#856b9e;margin-left:auto}.part-active{box-shadow:inset 3px 0 #9d6ac3;background-color:#efe4f8}.li-avatar.part-active{box-shadow:0 0 0 3px #bb87dc}.li-cover.part-active{box-shadow:inset 0 0 0 3px #cb9bea;background:#59416c}.li-headline.part-active{border-radius:3px;padding-inline:7px}
.motion-agent{height:100%;position:relative}.scene-label{font-size:11px;letter-spacing:1px;color:#ba9dd0}.agent-context{position:absolute;inset:0;padding:25px;border:1px solid #8a6d9e66;border-radius:12px;background:#281f33}.agent-context h4{font-size:29px;line-height:1.2;margin-top:16px}.agent-context dl{display:grid;gap:6px;margin:24px 0}.agent-context dt{font-size:12px;color:#a995ba}.agent-context dd{font-size:14px;margin:0 0 9px;color:#e2d6ed}.context-review{font-size:12px;padding-top:12px;border-top:1px solid #84639650;color:#d4b8e7}.agent-board{position:absolute;inset:0}.agent-sync-line{display:flex;align-items:center;gap:10px;font-size:12px;border-bottom:1px solid #76588950;padding:0 0 16px}.mini-linkedin{display:grid;place-items:center;background:#466384;color:#f6faff;font-weight:600;border-radius:6px;width:28px;height:28px;font-size:19px}.agent-sync-line>b{margin-left:auto;color:#bda3d3}.daily-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:23px 0 17px}.daily-heading span{font-size:12px;border:1px solid #8d6da055;padding:4px 8px;border-radius:20px;color:#c6add9}.motion-actions{display:grid;gap:10px}.motion-action{padding:15px 12px;display:flex;gap:12px;align-items:center;border:1px solid #7a618c60;border-radius:10px;background:#2b2236;transition:transform .6s,opacity .6s,border-color .6s}.motion-action>span{display:grid;place-items:center;background:#4b365c;border-radius:7px;width:32px;height:32px;color:#d5b5ed;font-size:19px;flex:none}.motion-action strong{font-size:14px;font-weight:500}.motion-action p{font-size:12px!important;margin:3px 0 0!important;color:#baabc7}.motion-action>b{font-weight:400;font-size:20px;color:#b292c9;margin-left:auto}[data-step="1"] .motion-action{opacity:.5;transform:translateY(7px)}[data-step="2"] .action-1{transition-delay:.15s}[data-step="2"] .action-2{transition-delay:.3s}.agent-safety{font-size:12px;color:#bca2cf;text-align:center;margin-top:20px}.motion-approval{position:absolute;inset:47px 0 0 8%;padding:24px;border:1px solid #b190c56e;box-shadow:-18px 16px 45px #110a2580;border-radius:12px;background:#30243d}.motion-approval h4{font-size:23px;margin-top:14px}.motion-approval>p{font-size:15px;line-height:1.6;margin:18px 0;color:#eadff3}.approval-context{font-size:12px;line-height:1.5;color:#b4a1c3;border-left:2px solid #9972b2;padding-left:10px;margin:16px 0}.demo-approve{border:1px solid #d9bde9;border-radius:7px;background:#d4b8e9;color:#2e1c3c;padding:11px 13px;font-size:13px;display:flex;justify-content:space-between;width:100%;min-height:42px}.demo-approve:disabled{opacity:.85}.approval-result{display:block;margin-top:9px;color:#baa6c8;font-size:11px!important;line-height:1.4}
.motion-crm{max-width:465px;margin:auto}.crm-route{display:flex;align-items:center;margin:0 15px 25px;gap:12px}.crm-route>div{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none}.route-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #9b7bb05c;border-radius:11px;background:#30233e}.route-icon img{width:25px;height:25px}.route-icon.mini-linkedin{font-size:27px;background:#446387}.crm-glyph{font-size:26px;color:#c8a9de}.crm-route strong{font-size:12px;font-weight:400;color:#bcaacb}.crm-route>i{height:1px;flex:1;background:#9574ac55;position:relative;overflow:hidden;margin-bottom:24px}.crm-route>i b{position:absolute;width:22px;inset-block:0;background:#e1c1fb;transform:translateX(-25px)}[data-step="1"] .crm-route>i:nth-child(2) b,[data-step="2"] .crm-route>i:nth-child(4) b{animation:data-carry 1.6s ease 2}@keyframes data-carry{to{transform:translateX(150px)}}.sync-record{border:1px solid #9978ad70;border-radius:12px;background:#281f32;box-shadow:0 18px 45px #140b2380;overflow:hidden;transition:border-color .6s,transform .6s}.record-brand{display:flex;justify-content:space-between;gap:10px;padding:12px 18px;font-size:12px;border-bottom:1px solid #80619135;color:#c2a6d6}.record-state{color:#ceb2e2}.sync-person{display:flex;align-items:center;gap:12px;padding:17px 18px 12px}.sync-person>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #a888bb66;border-radius:50%;background:#59406c;font-size:14px;color:#e1c6f4}.sync-person h4{font-size:18px}.sync-person p{font-size:12px;margin:3px 0 0!important}.sync-person>b{font-weight:400;margin-left:auto;color:#a78dbb;font-size:20px}.sync-message{margin:0 18px;padding:12px;border:1px solid #7d628950;background:#33263f;border-radius:8px}.sync-message small{font-size:9px;letter-spacing:.9px;color:#b99dcb}.sync-message p{font-size:13px!important;margin:6px 0 0!important}.sync-fields{padding:12px 18px;display:grid;gap:0}.sync-fields>div{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid #82639027;font-size:12px;align-items:center}.sync-fields>div:last-child{border:0}.sync-fields span{color:#ad97be;width:68px;flex:none}.sync-fields strong{font-weight:400;color:#e7d9f1}.sync-fields b{color:#d2afea;margin-left:auto;opacity:0;transform:scale(.5);transition:opacity .5s,transform .5s}.sync-complete{height:0;opacity:0;overflow:hidden;padding:0 18px;background:#7a58951c;font-size:11px;color:#d0b3e5;transition:height .5s,padding .5s,opacity .5s}.sync-complete>span{margin-right:5px}[data-step="2"] .sync-complete{height:38px;padding:10px 18px;opacity:1}[data-step="2"] .sync-fields b{opacity:1;transform:scale(1)}[data-step="2"] .sync-fields>div:nth-child(2) b{transition-delay:.15s}[data-step="2"] .sync-fields>div:nth-child(3) b{transition-delay:.3s}[data-step="2"] .sync-record{border-color:#b18cc6}
/* Match the reference's compact copy-to-product ratio without shrinking body text. */
.feature-copy{gap:15px;padding:28px}.feature-copy>p{font-size:16px;line-height:1.6}.feature-benefits{gap:17px}.feature-benefits h3{font-size:16px;line-height:1.5}.feature-benefits p{font-size:14px;line-height:1.55}.feature-copy .text-link{font-size:14px}.feature-copy .agent-choice{font-size:14px;line-height:1.55;padding-top:13px}.feature-copy .capture-note{font-size:14px}.feature-media>div{min-height:0}.feature-media>.product-motion{min-height:460px}.feature-row{align-items:stretch}.feature-media>.workflow-preview{flex:0 0 auto}.feature-media{justify-content:center}.agent-first{padding-bottom:30px}.crm-section{padding-top:40px;padding-bottom:40px}.crm-section .feature-row{padding:0}.group-heading>p{max-width:510px}.tour-stage .workflow-preview{padding:0}.tour-stage .workflow-preview .workflow-scene{min-height:0;height:440px}.tour-stage .workflow-preview .workflow-header{padding-right:48px}.workflow-preview[hidden]{display:none!important}
@media(max-width:1023px){.feature-media>.workflow-preview{width:100%;max-width:720px;margin:auto}.workflow-scene{height:430px}.feature-copy{padding:26px}.workflow-caption{min-height:80px}}
@media(max-width:639px){.workflow-header{padding:16px 15px;gap:8px}.workflow-header strong{font-size:13px}.workflow-header>span{font-size:11px}.workflow-header img{width:19px;height:19px}.workflow-scene{padding:23px 14px 10px;height:420px}.workflow-caption{padding:12px 16px 0;min-height:106px}.workflow-caption p{font-size:14px}.workflow-nav{padding:0 10px 8px}.feature-copy{padding:24px}.feature-benefits p{font-size:15px;line-height:1.6}.feature-benefits h3{font-size:16px}.feature-media>.workflow-preview{height:auto}.motion-week{grid-template-columns:repeat(3,minmax(0,1fr));height:320px}.motion-day:nth-child(4),.motion-day:nth-child(5){display:none}.motion-day:nth-child(3){border:0}.motion-drawer{width:91%;padding:18px;bottom:0;top:32px}.scene-top{font-size:13px}.scene-top span{font-size:11px}.source-link strong{font-size:12px}.source-link small{font-size:11px}.motion-drawer h4{font-size:18px}.motion-pointer{left:80%;top:145px}[data-step="1"] .motion-pointer{left:80%;top:333px}.motion-draft{padding:12px}.draft-paper{padding:15px}.draft-paper h4{font-size:18px}.draft-paper p{font-size:14px}.draft-source span{font-size:10px}.workflow-preview[data-workflow="profile"] .workflow-scene{height:458px}.li-cover{padding:18px;min-height:93px}.li-cover strong{font-size:20px}.li-cover small{font-size:7px}.cover-art{right:-64px;opacity:.8}.li-identity,.li-section{padding-inline:15px}.li-identity h4{font-size:18px}.li-avatar{height:54px;width:54px}.li-section{padding-block:11px}.li-section p,.li-headline{font-size:13px!important}.profile-edit-label{font-size:11px;padding:8px 10px;top:-10px}.li-resource small{font-size:10px}.li-resource strong{font-size:12px}.li-resource{gap:9px}.agent-context{padding:20px}.agent-context h4{font-size:26px}.agent-context dd{font-size:14px}.motion-approval{inset:40px -2px 0 1%;padding:19px}.motion-approval>p{font-size:15px}.motion-action{padding:14px 10px;gap:10px}.motion-action strong{font-size:13px}.motion-action p{font-size:12px!important}.agent-safety{font-size:12px}.crm-route{gap:8px;margin-inline:5px}.sync-fields span{width:60px}.sync-fields{padding-inline:15px}.sync-fields>div{font-size:11px;gap:6px}.sync-message{margin-inline:15px}.sync-person{padding-inline:15px}.record-brand{padding-inline:15px}.sync-complete{font-size:10px}[data-step="2"] .sync-complete{padding-inline:15px}.feature-media>.product-motion{min-height:350px}.crm-section{padding-block:48px}.tour-stage .workflow-preview .workflow-scene{height:440px}.tour-stage .workflow-preview[data-workflow="profile"] .workflow-scene{height:470px}}
@media(max-width:370px){.workflow-preview[data-workflow="profile"] .workflow-scene{height:488px}.workflow-scene{height:456px}.workflow-header>span{font-size:10px}.workflow-header>div{gap:5px}.workflow-header strong{font-size:12px}.motion-approval{padding:16px}.motion-approval h4{font-size:21px}.motion-drawer{padding:15px}.draft-source span{display:none}.draft-paper{padding:13px}.motion-day{padding-inline:5px}.mini-post,.saved-brief{padding:10px 6px}.li-identity h4{font-size:17px}.li-cover strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.workflow-preview *{animation:none!important;transition:none!important}.motion-pointer{display:none}}
.hero-copy strong{font-weight:500;color:#e6dbf0}.price-card .price-detail{min-height:130px;display:flex;flex-direction:column;justify-content:center;gap:5px;margin:22px 0;padding:18px 0;border-top:1px solid #b391cf25;border-bottom:1px solid #b391cf25}.price-detail.tier-bonus{padding:16px;background:#b88ed710;border:1px solid #b99bd247;border-radius:10px}.price-detail .bonus-label{color:#d2b2ec;font-size:11px;letter-spacing:1px}.price-detail strong{font-size:16px;color:#eee4f8}.price-detail span{font-size:14px;line-height:1.5}.plan-features{margin-bottom:0}.founder-included{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;margin-top:48px;padding:40px 32px;border:1px solid #86649e40;border-radius:16px;background:linear-gradient(140deg,#302638,#221b2b);text-align:left}.included-intro h3{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:14px 0}.included-intro p{font-size:15px;line-height:1.65;color:var(--muted);margin:0}.founder-included ul{display:grid;grid-template-columns:1fr 1fr;gap:25px 26px;list-style:none;margin:0;padding:0}.founder-included li{padding-left:17px;position:relative}.founder-included li:before{content:'';width:5px;height:5px;background:#b896d3;border-radius:50%;position:absolute;left:0;top:8px}.founder-included li strong{font-size:15px;font-weight:500;line-height:1.5;display:block}.founder-included li span{font-size:14px;line-height:1.6;display:block;margin-top:6px;color:var(--muted)}.access-steps{margin-top:40px;text-align:left;padding:32px 0 0;border-top:1px solid #79608640}.access-steps>h3{font-size:24px;letter-spacing:-.5px;margin:0 0 25px}.access-steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;list-style:none;padding:0;margin:0}.access-steps li{display:flex;gap:12px}.access-steps li>span{flex:none;border:1px solid #967ba866;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:12px;color:#cba8e6}.access-steps strong{font-size:15px;font-weight:500;line-height:1.5}.access-steps p{font-size:14px;line-height:1.6;color:var(--muted);margin:7px 0 0}
@media(max-width:1023px){.founder-included{grid-template-columns:1fr;gap:26px;padding:28px}.access-steps ol{gap:20px}}@media(max-width:639px){.founder-included{padding:24px;margin-top:28px}.founder-included ul{grid-template-columns:1fr;gap:23px}.included-intro h3{font-size:24px}.access-steps ol{grid-template-columns:1fr;gap:24px}.access-steps>h3{font-size:23px}.price-card .price-detail{min-height:0}.access-steps{padding-top:28px}.pricing-copy{font-size:16px}}
.motion-profile .linkedin-card{transform:translateY(calc(var(--profile-travel,0px) * var(--profile-progress,0) * -1));transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
/* A quiet hint of depth; controls remain flat and clearly readable. */
.feature-media>.workflow-preview{box-shadow:0 20px 40px #0d081530}.feature-copy .eyebrow{box-shadow:none}.workflow-shell .workflow-caption{border-top:1px solid #c3a0df12;background:#211a2c40}.workflow-shell .workflow-nav{background:#211a2c40}
/* Resource creation progresses from a post to a finished opt-in. */
.feature-media>.magnet-workflow-preview{padding:0;gap:0;min-height:0;height:auto;background:linear-gradient(140deg,#382d47,#211b2a)}.magnet-flow{border:0;border-radius:0;background:transparent;box-shadow:none}.magnet-flow-header{padding:18px 22px;border-bottom:1px solid #d5b5fa14}.magnet-flow-header strong{font-size:14px}.magnet-flow-header>span{font-size:12px}.magnet-flow-body{display:flex;flex-direction:column}.magnet-flow-steps{flex-direction:row;gap:4px;flex-wrap:wrap;border:0;padding:10px 16px 0}.magnet-flow-steps button{font-size:11px;line-height:1.4;padding:7px 8px;gap:4px;min-height:36px}.magnet-flow-steps button>span{display:none}.magnet-flow-steps button[aria-pressed=true]{background:#af82cf1c;border-color:#aa7cc746}.magnet-flow-detail{padding:16px 22px 5px;display:flex;flex-direction:column}.magnet-art{height:320px;position:relative;flex:none;margin-bottom:20px}.magnet-post-art{position:absolute;inset:8px 6% 6px;border:1px solid #ad93be75;background:#f7f4fa;color:#392d44;border-radius:11px;padding:23px;box-shadow:0 15px 40px #100a2544;transition:transform .8s,opacity .7s}.magnet-author{display:flex;gap:10px;align-items:center;font-size:13px}.magnet-author>span{width:34px;height:34px;display:grid;place-items:center;background:#d9c4e8;border-radius:50%;font-size:12px;color:#4a2f5e}.magnet-author small{display:block;font-size:10px;margin-top:3px;color:#8c7a99}.magnet-post-art p{font-size:14px;line-height:1.5;margin:20px 0 13px;color:#685474}.magnet-post-art>strong{font-size:18px;font-weight:500}.magnet-post-link{font-size:12px;color:#88699f}.magnet-book-art{position:absolute;left:23%;top:8px;width:53%;height:294px;padding:25px 22px;color:#f4eafa;background:linear-gradient(130deg,#5a3b72,#281d36);border:1px solid #bc99d57a;border-left:8px solid #ae83ca70;border-radius:3px 10px 10px 3px;box-shadow:18px 20px 40px #09061770;opacity:0;transform:translateX(45px) rotate(7deg);transition:transform .8s,opacity .8s}.magnet-book-art>span{font-size:9px;letter-spacing:2px}.magnet-book-art>strong{display:block;font-size:26px;line-height:1.2;letter-spacing:-.5px;margin-top:11px;font-weight:500}.magnet-book-art>i{display:block;width:57px;height:57px;border:12px solid #a683c6;border-radius:50%;margin:18px 0 14px}.magnet-book-art>small{font-size:12px;line-height:1.45;color:#c7afd9;display:block}.magnet-book-art>b{font-size:7px;letter-spacing:1.5px;display:block;margin-top:16px;font-weight:400;color:#b794cf}.magnet-optin-art{position:absolute;inset:5px 5% 0;padding:26px 23px;border:1px solid #a27ab680;background:#281e33;border-radius:10px;box-shadow:0 18px 40px #0d061f66;opacity:0;transform:translateY(30px);transition:opacity .7s,transform .8s}.magnet-optin-art>span{font-size:9px;letter-spacing:1.4px;color:#c1a0d9}.magnet-optin-art h4{font-size:25px;line-height:1.2;letter-spacing:-.5px;margin:15px 0}.magnet-optin-art p{font-size:13px;color:#bfaacc;margin:10px 0 20px}.magnet-optin-art>div{border:1px solid #9c7caf60;border-radius:6px;padding:10px;font-size:12px;color:#ba9fcc}.magnet-optin-art>b{display:block;font-weight:500;background:#d1b1e8;border-radius:6px;padding:10px;text-align:center;font-size:12px;color:#352142;margin-top:8px}.magnet-optin-art>small{font-size:10px;color:#a68fb6;display:block;text-align:center;margin-top:12px}.magnet-subscriber-art{display:flex;gap:12px;align-items:center;position:absolute;bottom:17px;right:0;left:9%;padding:15px;background:#eee2f6;border:1px solid #c49ee1;border-radius:10px;box-shadow:0 12px 30px #09051650;opacity:0;transform:translateY(15px);transition:opacity .6s,transform .7s}.magnet-subscriber-art>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#d7c2e7;color:#66437e;font-size:16px}.magnet-subscriber-art strong{font-size:13px;font-weight:500;color:#422d52}.magnet-subscriber-art small{font-size:11px;display:block;color:#81668f;margin-top:4px}.magnet-flow[data-step="1"] .magnet-post-art,.magnet-flow[data-step="2"] .magnet-post-art{transform:translateX(-38px) scale(.9);opacity:.2}.magnet-flow[data-step="1"] .magnet-book-art{opacity:1;transform:translateX(0) rotate(0)}.magnet-flow[data-step="2"] .magnet-book-art{opacity:1;transform:translateX(0) rotate(-5deg)}.magnet-flow[data-step="3"] .magnet-post-art,.magnet-flow[data-step="4"] .magnet-post-art{opacity:0}.magnet-flow[data-step="3"] .magnet-optin-art,.magnet-flow[data-step="4"] .magnet-optin-art{opacity:1;transform:none}.magnet-flow[data-step="4"] .magnet-subscriber-art{opacity:1;transform:none}.magnet-detail-label,.magnet-example{display:none}.magnet-flow-detail h3{font-size:16px;line-height:1.45;margin:0 0 5px;font-weight:500}.magnet-detail-copy{font-size:14px;line-height:1.5;min-height:63px}.magnet-flow-play{font-size:12px;margin:0 15px 8px;border:0;background:transparent;padding:10px;min-height:44px}.price-detail strong{font-size:16px}.price-detail .bonus-label{font-size:12px}.price-card .price-detail{min-height:154px}.tour-stage.is-magnet-preview .magnet-flow-body{display:flex}.tour-stage.is-magnet-preview .magnet-flow-steps{border:0}.tour-stage.is-magnet-preview .magnet-flow-steps button{font-size:11px}.tour-stage.is-magnet-preview .magnet-flow-detail{padding:16px}.tour-stage.is-magnet-preview .magnet-art{height:320px}
@media(max-width:639px){.magnet-flow-steps{padding-inline:10px;gap:0}.magnet-flow-steps button{font-size:10px;padding:7px 6px}.magnet-flow-header{padding:16px}.magnet-flow-detail{padding:16px 15px 0}.magnet-art{height:324px}.magnet-book-art{left:15%;width:69%;padding:23px 18px}.magnet-post-art{inset:8px 0 4px;padding:20px}.magnet-optin-art{inset:5px 0 0;padding:23px 18px}.magnet-optin-art h4{font-size:23px}.magnet-subscriber-art{left:3%;right:-2px;padding:13px;gap:8px}.magnet-subscriber-art small{font-size:10px}.magnet-detail-copy{min-height:105px}.magnet-flow-play{margin-right:8px}.price-card .price-detail{min-height:0}}
@media(prefers-reduced-motion:reduce){.magnet-art *{transition:none!important}}
/* Keep a complete headline visible throughout the three-word rotation. */
@keyframes headline-slide{0%,30%{opacity:1;transform:translateY(0)}33%,96%{opacity:0;transform:translateY(-75%)}97%{opacity:0;transform:translateY(75%)}100%{opacity:1;transform:translateY(0)}}
.workflow-preview[data-workflow="crm"] .workflow-scene{height:480px}
@media(max-width:639px){.workflow-preview[data-workflow="crm"] .workflow-scene{height:480px}}
.magnet-flow-steps button,.tour-stage.is-magnet-preview .magnet-flow-steps button{font-size:14px;line-height:1.4;min-height:44px;padding:8px 10px}.magnet-flow-play{font-size:14px}.magnet-flow-header>span,.workflow-header>span{font-size:12px}.story-note{margin-top:0}.agent-first{padding-top:40px}
@media(max-width:639px){.magnet-flow-steps button,.tour-stage.is-magnet-preview .magnet-flow-steps button{font-size:13px;padding:8px}.magnet-detail-copy{min-height:90px}.workflow-header>span{font-size:11px}}
@media(max-width:639px){.magnet-flow-steps button,.tour-stage.is-magnet-preview .magnet-flow-steps button{font-size:14px}.workflow-header strong{font-size:14px}.workflow-header>span{font-size:12px}}
.footer-newsletter{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:40px 32px;border-top:1px solid var(--line)}.footer-newsletter h3{font-size:24px;line-height:1.3;letter-spacing:-.5px;margin:0 0 10px}.footer-newsletter p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}.footer-newsletter .signup{width:100%;max-width:440px;margin:0;justify-self:end}.footer-newsletter .signup>p{font-size:14px;margin-bottom:10px}.footer-newsletter .signup small{font-size:14px}
@media(min-width:1024px){.hero{height:815px}.hero-product{top:350px}}
@media(max-width:639px){.footer-newsletter{grid-template-columns:1fr;gap:24px;padding:32px 24px}.footer-newsletter .signup{justify-self:start}}
/* Less framing, more product. Every visual competes with fewer surrounding objects. */
.feature-copy{background:none;border:0;box-shadow:none;border-radius:0;padding:26px 20px;justify-content:center;gap:20px}.feature-copy .eyebrow{border:0;padding:0;background:none;box-shadow:none;color:#c4abd9;font-size:14px}.feature-copy .feature-icon{display:none}.feature-row+.feature-row:before,.feature-row+.feature-row:after{display:none}.feature-row+.feature-row{border-top:0;margin-top:28px}.feature-benefits{gap:16px}.feature-benefits li{padding-left:0}.feature-benefits li:before,.feature-benefits li:after{display:none}.feature-benefits h3{font-size:15px;color:#e0d2ec;font-weight:500}.feature-benefits p{font-size:14px;color:#b4a5c3}.group-heading .badge,.tour-intro>.badge{background:none;box-shadow:none;border:0;padding:0;color:#c7b0dc;font-size:14px}.feature-media>div{box-shadow:none}.workflow-group{padding-top:64px;padding-bottom:64px}.group-heading{margin-bottom:25px}.group-heading>p{font-size:16px}.owner-focus{padding:65px 40px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.owner-focus h2{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:20px auto;max-width:750px}.owner-focus p{max-width:650px;margin:0 auto;font-size:16px;line-height:1.7;color:var(--muted)}.tour-demonstration{border:0;padding:0}.tour-intro .sync-caption{display:none}.story-note{padding-top:32px;padding-bottom:32px}.feature-copy .agent-choice{border-top:0;padding-top:0;color:#bfaccf}.feature-reverse .feature-copy{padding-left:26px}.crm-section{border-bottom:0}.proof-strip{padding-top:36px;padding-bottom:36px}.proof-strip strong{font-size:28px}.proof-strip div span{font-size:14px}.sticky-access{box-shadow:0 5px 24px #10091930}
@media(max-width:639px){.feature-copy,.feature-reverse .feature-copy{padding:12px 8px 20px}.feature-row{gap:12px}.feature-row+.feature-row{margin-top:18px}.feature-benefits{gap:14px}.feature-benefits p{font-size:15px}.workflow-group{padding-block:48px}.owner-focus{padding:48px 24px}.owner-focus h2{font-size:29px}.group-heading{margin-bottom:15px}.story-note{padding-block:32px}}
@property --authos-edge-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.button:not(:disabled){--authos-edge-angle:0deg;background:linear-gradient(#302937,#292330) padding-box,conic-gradient(from var(--authos-edge-angle),#665073 0%,#665073 35%,#c5a2e4 43%,#f0ddff 47%,#a582c3 51%,#665073 60%,#665073 100%) border-box;animation:authos-button-edge 5.5s linear infinite;border:1px solid transparent}
@keyframes authos-button-edge{to{--authos-edge-angle:360deg}}
@media(prefers-reduced-motion:reduce){.button:not(:disabled){animation:none;--authos-edge-angle:40deg}}