.feature-gallery{padding-top:64px;padding-bottom:64px}.feature-scenes{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}.feature-scene{border:1px solid #e2ddeb;border-radius:24px;overflow:hidden;background:#fff;min-width:0}.feature-wide{grid-column:1/-1}.feature-illustration{min-height:365px;padding:32px;position:relative;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 75% 15%,#e9e0fa,transparent 70%),linear-gradient(145deg,#f7f6fc,#ecebf6);overflow:hidden;color:#3f3156}.feature-explain{padding:27px 30px 30px}.feature-tier{font-size:10px;letter-spacing:1.5px;color:#7860a5}.feature-explain h3{font-size:25px;letter-spacing:-.8px;line-height:1.2;margin:14px 0 12px}.feature-explain p{font-size:14px;color:#756c80;line-height:1.8;margin:0}.feature-illustration small{display:block;font-size:10px;color:#9a8baa;line-height:1.6}.feature-illustration h4{margin:12px 0;font-size:23px;line-height:1.15;letter-spacing:-.6px}.f-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:9px;letter-spacing:1.2px;border-bottom:1px solid #ece6f3;padding:15px 18px;color:#8e7b9f}.f-toolbar span{font-size:8px;letter-spacing:.3px}.f-contact,.f-mail,.f-booking,.f-planner,.f-conversation,.f-invoice,.f-report,.f-team{background:#ffffffed;border:1px solid #e4ddec;border-radius:13px;box-shadow:0 18px 45px #3923540c;width:100%;max-width:430px;margin:auto;overflow:hidden}.f-person{display:flex;gap:12px;align-items:center;padding:18px}.f-person i,.f-task i{font-style:normal;display:grid;place-items:center;width:38px;height:38px;background:#e7d8eb;border-radius:50%;font-size:11px;color:#99709b;flex-shrink:0}.f-person b{font-size:14px}.f-person em{margin-left:auto;font-size:9px;font-style:normal;background:#e7f3ed;padding:5px 8px;border-radius:5px;color:#598a6a}.f-tags{display:flex;gap:7px;flex-wrap:wrap;padding:0 18px 15px}.f-tags span{font-size:9px;padding:5px 7px;background:#f2edf8;color:#8a73a3;border-radius:5px}.f-timeline{padding:0 24px 12px}.f-timeline p{position:relative;border-left:1px solid #e1d8ee;padding:0 0 15px 17px;margin:0;font-size:11px}.f-timeline i{position:absolute;width:7px;height:7px;border-radius:50%;background:#a18ac7;left:-4px;top:3px}.f-timeline small{margin-top:4px}.f-mail-meta{font-size:10px;line-height:2;padding:14px 18px;color:#998ca3}.f-mail-meta b{font-weight:500;color:#695876}.f-mail-content{margin:0 18px 18px;background:linear-gradient(115deg,#26203f,#695286);border-radius:8px;padding:22px;color:#fff}.f-mail-content>span{font-size:8px;letter-spacing:2px;color:#c6b3dd}.f-mail-content h4{font-family:Georgia,serif;font-size:30px;font-weight:400}.f-mail-content p{font-size:10px;color:#cbbdde}.f-mail-content>b{font-size:9px;display:inline-block;background:#fff;color:#685084;padding:9px 13px;border-radius:5px;margin-top:6px}.f-float{align-self:flex-end;background:#fff;border:1px solid #e7dfef;box-shadow:0 8px 30px #4d34671a;margin:-5px -8px 0 0;position:relative;border-radius:9px;padding:12px 17px;font-size:10px;color:#7b609a;transform:rotate(-2deg)}.f-form{max-width:360px;width:100%;margin:0 auto;background:#fff;border:1px solid #e3dceb;border-radius:12px;padding:22px;box-shadow:0 14px 35px #37214a0c}.f-form h4{font-size:21px}.f-form>small{font-size:8px;letter-spacing:1px}.f-choice{border:1px solid #e9e3ee;border-radius:6px;font-size:11px;padding:9px 11px;margin:8px 0;color:#96869f}.f-choice.active{border-color:#ab95cd;background:#f4effb;color:#7858a8}.f-form-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:9px;color:#a392af}.f-form-bottom b{color:#fff;background:#8464bf;padding:8px 13px;border-radius:5px}.f-connection{height:32px;text-align:center;color:#a389c6;font-size:25px}.f-result{background:#fff;border:1px solid #e4d9ef;border-radius:8px;display:flex;gap:12px;align-items:center;justify-content:center;padding:13px;font-size:10px;max-width:360px;width:100%;margin:auto}.f-result>span{color:#62a085}.f-calendar{display:grid;grid-template-columns:1fr 100px;gap:18px;padding:24px 18px}.f-week{display:grid;grid-template-columns:repeat(5,1fr);gap:12px 5px;margin-top:22px;text-align:center;font-size:10px}.f-week span{font-size:8px;color:#a797b2}.f-week b{font-weight:500;padding:12px 0;border-radius:7px}.f-week b.active{background:#8361bd;color:white}.f-slots{display:grid;gap:8px}.f-slots>span{text-align:center;border:1px solid #e5ddee;color:#9c88ad;border-radius:6px;padding:10px 5px;font-size:10px}.f-slots .active{background:#f0e9f9;border-color:#bba5d7;color:#805ea9}.f-confirm{border-top:1px solid #eee8f4;background:#f6faf7;color:#6f947e;padding:16px;text-align:center;font-size:10px}.f-posts{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}.f-posts>div{min-width:0}.f-posts small{font-size:8px;letter-spacing:1px;margin-bottom:10px}.f-thumb{height:145px;border-radius:7px;padding:20px;display:flex;align-items:center;font:27px/1.1 Georgia,serif}.thumb-one{background:linear-gradient(140deg,#e3d5c5,#be9ba6);color:#fff}.thumb-two{background:linear-gradient(130deg,#443a64,#8772a5);color:#fff}.f-posts b{font-size:10px;display:block;margin:12px 0 6px}.f-posts>div>span{font-size:8px;color:#9b85aa}.f-bubble{padding:12px;margin:18px 34px 12px 18px;background:#f2eef7;border-radius:11px 11px 11px 2px;font-size:11px;line-height:1.7}.f-bubble.outgoing{margin:12px 18px 18px 40px;background:#e8def5;color:#74548d;border-radius:11px 11px 2px 11px}.f-ai-rule{display:flex;gap:12px;align-items:center;margin:18px;padding:12px;border:1px solid #e7ddf0;border-radius:9px;color:#8562ae;font-size:25px}.f-ai-rule b{font-size:11px}.f-ai-rule small{font-size:9px}.f-channels{display:flex;justify-content:center;gap:14px;padding:0 16px 18px;font-size:9px;color:#9783a8}.feature-wide .feature-illustration{min-height:300px}.f-workflow{max-width:800px;width:100%;margin:auto}.f-trigger{width:fit-content;margin:auto;background:linear-gradient(110deg,#6852a0,#8b71ba);color:#fff;border:1px solid #a48acb;border-radius:11px;padding:18px 26px;font-size:14px;box-shadow:0 10px 25px #5d397320}.f-trigger b{margin-left:10px;font-weight:500}.f-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:25px;position:relative}.f-branches>div{text-align:center;background:#ffffffd9;border:1px solid #ded3ec;border-radius:10px;padding:16px}.f-branches span{display:block;font-size:8px;letter-spacing:1.3px;color:#a18ab3}.f-branches i{display:block;color:#b9a4d1;font-style:normal;margin:10px 0}.f-branches b{display:block;font-size:13px;font-weight:500}.f-branches small{margin-top:7px;font-size:9px}.f-follow{font-size:10px;text-align:center;color:#8f77a4;margin-top:18px}.f-invoice>small,.f-invoice>h4{margin-left:24px;margin-right:24px}.f-invoice>small{margin-top:22px;font-size:8px}.f-invoice-row{display:flex;justify-content:space-between;margin:0 24px;border-top:1px solid #ebe4f1;padding:15px 0;font-size:10px;color:#a08aaf}.f-invoice-row b{font-weight:500;color:#746080}.f-payment{margin:12px 24px 22px;text-align:center;background:#8062b4;color:#fff;border-radius:6px;font-size:11px;padding:12px}.f-review-request{display:flex;flex-direction:column;align-items:center;max-width:320px;width:100%;margin:auto;background:#fff;border:1px solid #e2d8ed;border-radius:12px;padding:16px}.f-review-request>span{font-size:25px;color:#9775bb;margin-bottom:7px}.f-review-request b{font-size:13px;margin-bottom:5px}.f-review{max-width:360px;width:100%;margin:auto;background:#fff;border:1px solid #e7ddef;border-radius:12px;padding:22px;text-align:center}.f-review>div{letter-spacing:4px;color:#b49c70;font-size:17px}.f-review h4{font-size:21px}.f-review p{font-size:10px;line-height:1.7;color:#9d8ba9}.f-review>small{font-size:7px;letter-spacing:.5px}.f-metrics{display:flex;justify-content:space-around;padding:20px 12px}.f-metrics small{font-size:9px}.f-metrics b{font-size:26px;font-weight:500;display:block;margin-top:7px;letter-spacing:-1px}.f-chart{height:100px;display:flex;align-items:flex-end;justify-content:space-around;gap:20px;margin:0 24px;border-bottom:1px solid #e4daec;background:repeating-linear-gradient(to top,transparent 0,transparent 24px,#eee8f4 25px)}.f-chart i{height:var(--h);width:20%;background:linear-gradient(0deg,#bca5db,#8160b1);border-radius:5px 5px 0 0}.f-chart-labels{display:flex;justify-content:space-around;margin:10px 18px 20px;color:#a18eaf;font-size:8px}.f-task{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #eee6f5}.f-task b{font-size:11px}.f-task small{font-size:9px}.f-task>span{margin-left:auto;color:#9b7eaf}.f-contract{margin:18px;background:linear-gradient(130deg,#f7f4fb,#eee6f7);padding:18px;border-radius:8px}.f-contract small{font-size:8px;letter-spacing:1px}.f-contract b{display:block;font-size:21px;margin:10px 0 15px;font-weight:500}.f-contract span{display:block;font:italic 20px Georgia,serif;color:#947ca7}.f-contract>i{font-size:13px;color:#bfafd0;display:block;margin-top:-5px}.feature-gallery>.button{margin-top:16px}
@media(max-width:800px){.feature-scenes{gap:18px}.feature-illustration{padding:20px;min-height:340px}.feature-explain{padding:22px}.feature-explain h3{font-size:22px}.f-calendar{grid-template-columns:1fr}.f-slots{grid-template-columns:repeat(3,1fr)}.f-thumb{font-size:21px;padding:12px}.f-posts{gap:9px;padding:14px}.f-branches{gap:12px}}
@media(max-width:600px){.feature-scenes{grid-template-columns:1fr}.feature-wide{grid-column:auto}.feature-gallery{padding-top:40px;padding-bottom:40px}.feature-illustration{padding:22px 18px;min-height:330px}.feature-explain h3{font-size:24px}.feature-explain p{font-size:13px}.f-calendar{grid-template-columns:1fr 80px;gap:10px}.f-slots{grid-template-columns:1fr}.f-branches{grid-template-columns:1fr;gap:12px;max-width:300px;margin:16px auto}.f-branches>div{padding:14px}.f-branches i{margin:6px 0}.f-trigger{padding:16px;font-size:11px}.f-form{padding:18px}.f-form h4{font-size:20px}.f-person{gap:9px;padding:14px}.f-task{gap:9px;padding:14px}.f-bubble{font-size:10px}.f-invoice-row{gap:10px}.feature-gallery .section-heading h2{font-size:34px}}