.design{--option-dark:#142f26;--option-lime:#d0f374;background:#f8f9f5;color:#20382b}.design h1{font-size:clamp(46px,4.4vw,67px);line-height:1.08;letter-spacing:-3px;font-weight:600}.design h2{font-size:34px;letter-spacing:-1.5px;line-height:1.2;font-weight:600}.design h3{font-size:17px;letter-spacing:-.5px}.design h1 em{font-style:normal;color:#759249}.option-wrap{width:calc(100% - 96px);max-width:1240px;margin:auto}.option-logo{display:inline-flex;align-items:center;gap:9px;font-family:Manrope,Arial,sans-serif;font-size:25px;letter-spacing:-1.2px;font-weight:800}.option-logo b{font-weight:400}.option-logo img{flex-shrink:0;border-radius:8px}.option-bar{background:#d0f374;color:#22392a;display:flex;justify-content:space-between;padding:9px 48px;font-size:8px;letter-spacing:1.4px}.option-bar a{letter-spacing:0;font-size:10px}.option-nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:22px;padding-bottom:22px}.option-nav nav{display:flex;align-items:center;gap:26px;font-size:12px}.option-nav>a:not(.option-logo){font-size:12px}.option-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:23px;background:#d0f374;color:#142f26;font-size:12px;font-weight:700;padding:16px 20px;border-radius:5px;transition:background .15s,transform .15s}.option-btn:hover{background:#e2ff9d;transform:translateY(-2px)}.option-btn.dark{background:#142f26;color:#fff}.option-btn.dark:hover{background:#2b4e3c}.option-nav .option-btn{padding:12px 16px;font-size:11px}.option-eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;line-height:1.7;display:block}.option-two{background:#142f26;color:#f3f7ed}.option-two .option-nav{border-bottom:1px solid #ffffff20}.option-two h1 em{color:#d0f374}.option-hero{display:grid;grid-template-columns:.86fr 1.2fr;gap:55px;align-items:center;padding-top:42px;padding-bottom:52px}.option-pitch .option-eyebrow{color:#c0d1b0;max-width:310px;font-size:8px;letter-spacing:1.5px}.option-pitch h1{margin:20px 0 24px}.option-lead{font-size:18px;letter-spacing:-.4px;margin-bottom:12px;color:#e7f0dc}.option-copy{font-size:13px;color:#b5c7a7;max-width:330px}.option-pitch>.option-btn{margin-top:27px}.option-notes{display:flex;gap:17px;margin-top:22px;font-size:8px;color:#b2c6a3;align-items:center}.option-notes>span{display:flex;gap:5px;align-items:center}.option-notes svg{width:13px;height:13px}.option-showcase{background:#f5f7f0;color:#20382b;border:1px solid #c1cfae;border-radius:12px;box-shadow:0 22px 65px #0002;overflow:hidden;min-width:0;touch-action:pan-y;scroll-margin-top:20px}.tour-heading{padding:16px 24px;background:#e8eedf;border-bottom:1px solid #d6dfc9;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#576e45}.slide-caption{padding:23px 24px 0}.slide-caption>span{font-size:8px;letter-spacing:1.2px;color:#71855c}.design .slide-caption h2{font-size:27px;letter-spacing:-1px;margin-top:8px}.option-slide[hidden],.option-feature-panel[hidden]{display:none}.option-showcase .demo-panel{padding:18px 24px;min-height:338px}.option-showcase .demo-title{display:none}.option-showcase .stats{gap:8px;margin-bottom:13px}.option-showcase .stats>div{padding:12px}.option-showcase .stats strong{font-size:25px}.option-showcase .job-grid{gap:13px}.option-showcase .job-cover{height:95px}.option-showcase .job-list>article{padding:10px}.option-showcase .sample-checks{margin-top:12px}.option-showcase .demo-panel .attendance-layout{grid-template-columns:1.1fr 1fr;gap:16px}.option-showcase .person{padding:13px 10px}.option-showcase .card-heading{padding:12px 10px}.option-showcase .attendance-aside{padding-top:9px}.option-showcase .attendance-aside h4{font-size:16px}.option-showcase .attendance-aside>p{font-size:10px}.option-showcase .cost-layout{gap:20px}.option-showcase .cost-summary{padding:23px}.option-showcase .cost-summary>strong{font-size:30px}.option-showcase .cost-detail h4{font-size:17px}.option-showcase .cost-detail>div{margin-top:17px}.option-showcase .portal-demo{padding:16px}.option-showcase .portal-demo h4{font-size:19px}.option-showcase .portal-image{height:95px}.tour-controls{padding:14px 18px 0;display:flex;gap:12px;align-items:center;border-top:1px solid #dfe5d5}.tour-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;flex:1}.tour-tabs button{border:1px solid #dde5d3;background:#fff;border-radius:4px;text-align:left;padding:8px;font-size:8px;display:flex;gap:6px;align-items:center;min-height:34px}.tour-tabs button>span{font-size:7px;opacity:.7}.tour-tabs button[aria-selected=true]{background:#1d3d2d;color:white;border-color:#1d3d2d}.tour-arrows{display:flex;gap:5px}.tour-arrows button{width:34px;height:40px;background:#e8eedc;border:1px solid #d5e0c6;border-radius:5px;font-size:18px}.tour-arrows button:hover{background:#d0f374}.tour-hint{font-size:8px;text-align:center;color:#697c58;margin:11px 15px 0}.option-sample{font-size:7px!important;text-align:center;color:#7b8a6c!important;padding:8px 12px 13px;line-height:1.6}.option-benefits{background:#d0f374;color:#213b26}.option-benefits>.option-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding-top:29px;padding-bottom:29px}.option-benefits article{border-left:1px solid #8da95a;padding-left:20px}.option-benefits article:first-child{border:0;padding-left:0}.option-benefits article>span{font-size:8px;color:#5b7438}.option-benefits h3{font-size:16px;margin-top:7px}.option-benefits p{font-size:10px;color:#516939;margin-top:5px}.option-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:65px;padding-bottom:45px}.option-story .option-eyebrow{color:#b5c9a2;font-size:8px}.option-story h2{margin-top:15px;font-size:34px}.option-story p{font-size:12px;color:#b3c7a3;margin-bottom:15px}.option-story a{font-size:11px;color:#d0f374;display:inline-block;margin-top:5px}.option-access{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 26px;background:#e9efdf;border-radius:6px;color:#20382b;margin-bottom:40px}.option-access h3{font-size:16px}.option-access p{font-size:11px;color:#718261;margin-top:4px}.option-footer{display:flex;align-items:center;flex-wrap:wrap;gap:25px;border-top:1px solid #bcc9b450;padding-top:28px;padding-bottom:24px}.option-footer .option-logo{font-size:21px}.option-footer .option-logo img{width:29px;height:29px}.option-footer>p{font-size:10px;flex:1;min-width:200px;opacity:.7}.option-footer>div{display:flex;gap:20px;font-size:10px}.option-footer>small{display:block;width:100%;font-size:8px;opacity:.65}.function-first{padding-top:40px;padding-bottom:35px}.function-first>.option-eyebrow{color:#647d4a}.function-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:17px 0 35px}.function-intro p{font-size:15px;color:#6a795f;margin-top:18px;max-width:470px}.function-intro>div:last-child{flex-shrink:0}.function-intro small{display:block;font-size:8px;color:#6b7d5e;margin-top:11px}.functions-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;scroll-margin-top:20px}.functions-heading h2{font-size:21px;letter-spacing:-.7px}.functions-heading>span{font-size:9px;color:#758566}.option-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.option-feature{border:1px solid #dce3d3;border-radius:7px;background:#f0f3e9;padding:20px;text-align:left;position:relative;transition:background .15s,border .15s;min-height:165px}.option-feature:hover{background:#e8eedc}.option-feature[aria-selected=true]{background:#d0f374;border-color:#97b65c}.option-feature-icon{position:absolute;right:18px;top:19px;color:#6c8650}.option-feature-icon svg{width:21px;height:21px}.option-feature h3{font-size:14px;letter-spacing:-.4px;padding-right:30px;margin-bottom:12px}.option-feature p{font-size:10px;color:#61744f;max-width:260px;line-height:1.7}.option-see{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#405c30;margin-top:17px}.option-see b{font-weight:400;font-size:15px}.option-details{padding-top:20px;padding-bottom:55px}.option-feature-panel{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:65px;background:#eef2e6;border:1px solid #d9e3cc;border-radius:9px;padding:30px}.detail-copy .option-eyebrow{font-size:8px;color:#6c8155}.detail-copy h2{font-size:33px;margin:16px 0;max-width:340px}.detail-copy p{font-size:13px;color:#6a7c59;max-width:310px}.detail-copy>a{display:inline-block;font-size:11px;color:#41642e;margin-top:25px}.option-example{border:1px solid #dce5cf;background:#fbfcf8;border-radius:7px;min-width:0}.option-example .demo-panel{padding:21px}.option-example .demo-title h3{font-size:22px}.option-example .demo-title>p{font-size:9px}.option-example .demo-title{margin-bottom:18px}.option-example .cost-layout{grid-template-columns:1fr}.option-example .cost-detail{display:none}.option-example .portal-demo{padding:16px}.option-example .portal-demo h4{font-size:17px}.option-example .portal-demo>p{font-size:9px}.option-example .attendance-layout{grid-template-columns:1fr}.option-example .attendance-aside{display:none}.option-photo{height:250px;border-radius:5px;position:relative;overflow:hidden}.option-photo img{width:100%;height:100%;object-fit:cover}.option-photo>span{position:absolute;bottom:12px;left:12px;background:#fff;padding:8px 11px;border-radius:3px;font-size:9px}.photo-note{font-size:10px;color:#7b886a;margin-top:14px}.option-checks{display:grid;gap:0;border-top:1px solid #dce5d1}.option-checks label{display:flex;gap:10px;align-items:center;padding:18px 0;border-bottom:1px solid #dce5d1;font-size:12px;cursor:pointer}.option-checks input{accent-color:#526f38;width:17px;height:17px;margin:0}.option-last{background:#142f26;color:#f3f7ed;padding:45px 0}.option-last>.option-wrap{display:flex;justify-content:space-between;align-items:center;gap:50px}.option-last .option-eyebrow{font-size:8px;color:#b2c8a0}.option-last h2{font-size:32px;margin:15px 0}.option-last p{font-size:12px;color:#b2c7a0;max-width:530px}.option-last>.option-wrap>div:last-child{flex-shrink:0}.option-last a:not(.option-btn){display:block;font-size:10px;margin-top:17px;color:#c9dfb3}.option-three .option-footer{padding-top:32px}.concepts{padding-top:40px;padding-bottom:60px}.concepts>.option-eyebrow{color:#72875a}.concepts h1{margin-top:18px;font-size:55px}.concepts-intro{max-width:650px;margin-top:22px;color:#6c7d5d;font-size:14px}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:40px}.concept-card{border:1px solid #dce4d2;border-radius:8px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.concept-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #20382b12}.concept-mini{background:#142f26;color:#fff;height:260px;padding:24px;position:relative;overflow:hidden}.concept-mini>span:first-child{font-family:Manrope,sans-serif;font-size:12px;font-weight:700}.concept-mini>strong{font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-1px;line-height:1.15;display:block;margin-top:24px;font-weight:600;position:relative;z-index:1}.concept-mini em{color:#d0f374;font-style:normal}.concept-photo{position:absolute;right:0;left:45%;bottom:0;top:70px;border-top-left-radius:35px;background:linear-gradient(#142f2633,#142f2633),url('/assets/kitchen.jpg') center/cover}.concept-mini.original>strong{text-shadow:0 1px 5px #142f26}.concept-slide{background:white;width:100px;height:110px;position:absolute;right:20px;top:90px;border-radius:5px;padding:14px}.concept-slide i{display:block;background:#dce7cd;height:18px;margin-bottom:9px;border-radius:2px}.concept-slide i:first-child{background:#d0f374;height:29px}.concept-dots{display:block;font-size:10px;color:#badb93;position:absolute;bottom:24px}.concept-mini.functions{background:#edf2e3;color:#142f26}.concept-mini.functions em{color:#7a964e}.concept-mini.functions>strong{font-size:24px;margin-top:22px}.concept-minigrid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:20px}.concept-minigrid i{font-style:normal;font-size:7px;text-align:center;padding:13px 4px;border:1px solid #cbd9b6;border-radius:3px;background:#fff}.concept-minigrid i:first-child{background:#d0f374}.concept-info{padding:24px}.concept-info>span{font-size:8px;letter-spacing:1.5px;color:#798d65}.concept-info h2{font-size:24px;margin-top:12px;letter-spacing:-.7px}.concept-info p{font-size:12px;color:#728363;margin-top:13px;min-height:83px}.concept-info>b{font-size:12px;display:block;margin-top:25px}.concept-note{font-size:10px;color:#7c8c6c;margin-top:28px;line-height:1.8;max-width:720px}
@media(max-width:1100px){.option-wrap{width:calc(100% - 60px)}.option-bar{padding-left:30px;padding-right:30px}.option-hero{gap:30px;grid-template-columns:.8fr 1.2fr}.design h1{font-size:52px;letter-spacing:-2.7px}.option-showcase .demo-panel{padding:17px;min-height:360px}.slide-caption{padding-left:17px;padding-right:17px}.design .slide-caption h2{font-size:24px}.tour-heading{padding:15px 17px}.tour-tabs button{font-size:7px}.tour-controls{padding-left:13px;padding-right:13px;gap:8px}.option-showcase .cost-detail{display:none}.option-showcase .cost-layout{grid-template-columns:1fr}.option-showcase .cost-summary{padding:21px}.option-showcase .cost-bar{margin:18px 0}.option-showcase .cost-line{margin-top:12px}.option-feature-panel{gap:30px}.option-feature{padding:17px}.option-feature-icon{right:14px}.concept-grid{gap:15px}.concept-mini{padding:20px}.concept-mini>strong{font-size:24px}.concept-slide{width:75px;right:14px}.concept-info{padding:20px}}
@media(max-width:800px){.option-hero{grid-template-columns:1fr;gap:35px;padding-top:32px}.option-pitch{max-width:650px}.option-pitch h1{font-size:57px}.option-pitch h1 br:first-child{display:none}.option-copy{max-width:530px}.option-showcase{max-width:650px;width:100%;margin:auto}.option-showcase .demo-panel{min-height:330px}.option-story{gap:35px}.option-feature-grid{gap:9px}.option-feature h3{font-size:12px}.option-feature p{font-size:9px}.option-feature-icon svg{width:17px}.option-feature-panel{grid-template-columns:1fr;gap:23px}.detail-copy h2{max-width:none}.detail-copy p{max-width:none}.option-example .attendance-layout{grid-template-columns:1fr 1fr}.option-example .attendance-aside{display:block}.option-last>.option-wrap{display:block}.option-last>.option-wrap>div:last-child{margin-top:25px}.function-intro{display:block}.function-intro>div:last-child{margin-top:23px}.function-intro small{display:inline-block;margin-left:14px}.concept-grid{grid-template-columns:1fr}.concept-card{display:grid;grid-template-columns:1fr 1.2fr}.concept-mini{height:260px}.concept-info p{min-height:0}.concept-info>b{margin-top:22px}.concept-photo{left:50%}.concept-mini>strong{font-size:30px}.concept-slide{width:100px;right:20px}}
@media(max-width:540px){.option-wrap{width:calc(100% - 36px)}.option-bar{padding:8px 18px;font-size:6px;letter-spacing:1px}.option-bar a{font-size:8px}.option-nav{padding-top:17px;padding-bottom:17px;gap:12px}.option-logo{font-size:22px;gap:8px}.option-logo img{width:31px;height:31px}.option-nav nav{gap:14px;font-size:10px}.option-nav nav>a:first-child{display:none}.option-nav .option-btn{padding:10px;font-size:9px}.option-hero{padding-top:25px;gap:28px;padding-bottom:30px}.option-pitch .option-eyebrow{font-size:7px;max-width:100%;letter-spacing:1.3px}.design h1,.option-pitch h1{font-size:42px;line-height:1.1;letter-spacing:-2.3px;margin:16px 0}.option-pitch h1 br:first-child{display:initial}.option-pitch h1 br:nth-of-type(2){display:none}.option-lead{font-size:15px;margin-bottom:8px}.option-copy{font-size:11px;max-width:100%;line-height:1.7}.option-pitch>.option-btn{margin-top:20px;font-size:11px;padding:14px 17px}.option-notes{margin-top:15px;font-size:7px}.tour-heading{font-size:7px;padding:12px 14px}.slide-caption{padding:16px 14px 0}.slide-caption>span{font-size:7px}.design .slide-caption h2{font-size:22px;margin-top:7px}.option-showcase .demo-panel{padding:15px 13px;min-height:0}.option-showcase .stats>div{padding:10px 7px}.option-showcase .stats small{font-size:5.5px}.option-showcase .stats strong{font-size:23px}.option-showcase .job-grid{grid-template-columns:1fr}.option-showcase .job-preview{display:none}.option-showcase .job-list>article{padding:11px}.option-showcase .job-list h4{font-size:10px}.option-showcase .job-list p{font-size:8px}.option-showcase .sample-checks{padding:14px;margin-top:13px}.option-showcase .sample-checks strong{font-size:10px}.option-showcase .sample-checks label{font-size:9px}.option-showcase .sample-checks>small{font-size:7px}.option-showcase .demo-panel .attendance-layout{grid-template-columns:1fr}.option-showcase .attendance-aside{padding-top:0}.option-showcase .attendance-aside>h4,.option-showcase .attendance-aside>p,.option-showcase .attendance-aside>small{display:none}.option-showcase .absence-sample{margin:3px 0 0;padding:12px}.option-showcase .absence-sample label{margin-top:10px}.option-showcase .person{padding:11px}.option-showcase .vehicle-row{padding:11px;font-size:9px}.option-showcase .cost-summary{padding:19px}.option-showcase .cost-summary>strong{margin-top:12px;font-size:32px}.option-showcase .cost-bar{height:10px;margin:19px 0}.option-showcase .cost-line{font-size:10px}.option-showcase .portal-grid{grid-template-columns:1fr;gap:10px}.option-showcase .portal-demo{padding:15px}.option-showcase .portal-demo h4{font-size:17px;margin:8px 0 9px}.option-showcase .portal-demo h4 br{display:none}.option-showcase .portal-image{display:none}.option-showcase .portal-demo>p{font-size:10px;margin-top:10px}.option-showcase .comment-sample{padding:10px}.option-showcase .comment-sample p{font-size:9px}.option-showcase .comment-sample strong{font-size:9px}.option-showcase .comment-sample small{font-size:7px}.option-showcase .private-note{font-size:9px;margin-top:10px}.tour-controls{padding:11px 12px 0;gap:7px}.tour-tabs{gap:5px}.tour-tabs button{padding:6px;min-height:32px;font-size:7px;line-height:1.3}.tour-tabs button>span{display:none}.tour-arrows{gap:4px}.tour-arrows button{width:30px;height:40px}.tour-hint{font-size:7px;margin-top:10px}.option-sample{font-size:6px!important;padding-top:6px;padding-bottom:10px}.option-benefits>.option-wrap{grid-template-columns:1fr 1fr;gap:22px;padding-top:25px;padding-bottom:25px}.option-benefits article{padding-left:15px}.option-benefits article:nth-child(3){border:0;padding-left:0}.option-benefits h3{font-size:14px}.option-benefits p{font-size:9px}.option-benefits article>span{font-size:7px}.option-story{grid-template-columns:1fr;gap:20px;padding-top:36px;padding-bottom:30px}.option-story h2{font-size:29px;margin-top:12px}.option-story p{font-size:11px;margin-bottom:12px}.option-story a{font-size:10px}.option-access{display:block;padding:20px;margin-bottom:30px}.option-access h3{font-size:15px}.option-access p{font-size:10px}.option-access .option-btn{margin-top:16px;font-size:10px;padding:13px}.option-footer{gap:18px;padding-top:24px;padding-bottom:20px}.option-footer>.option-logo{font-size:22px}.option-footer>p{width:100%;font-size:9px;flex:auto}.option-footer>div{gap:20px;font-size:9px}.option-footer>small{font-size:7px;line-height:1.6}.function-first{padding-top:24px;padding-bottom:20px}.function-first>.option-eyebrow{font-size:7px}.function-intro{margin:14px 0 27px}.function-intro h1{font-size:44px;margin:0}.function-intro p{font-size:12px;margin-top:14px;line-height:1.6;max-width:300px}.function-intro>div:last-child{margin-top:17px}.function-intro .option-btn{font-size:10px;padding:13px 15px}.function-intro small{display:block;margin:9px 0 0;font-size:7px}.functions-heading{display:block;margin-bottom:12px}.functions-heading h2{font-size:18px;letter-spacing:-.6px}.functions-heading>span{font-size:8px;display:block;margin-top:6px}.option-feature-grid{grid-template-columns:1fr 1fr;gap:8px}.option-feature{padding:14px 11px;min-height:150px;border-radius:5px}.option-feature-icon{position:static;display:block;margin-bottom:9px}.option-feature-icon svg{width:17px;height:17px}.option-feature h3{font-size:10px;padding:0;margin-bottom:7px;line-height:1.4;letter-spacing:-.2px}.option-feature p{font-size:8px;line-height:1.6}.option-see{font-size:7px;margin-top:10px}.option-see b{font-size:13px}.option-details{padding-top:10px;padding-bottom:30px}.option-feature-panel{padding:18px 12px;gap:21px;border-radius:6px}.detail-copy{padding:0 5px}.detail-copy .option-eyebrow{font-size:7px}.detail-copy h2{font-size:27px;margin:12px 0}.detail-copy p{font-size:11px}.detail-copy>a{font-size:10px;margin-top:15px}.option-example .demo-panel{padding:17px 12px}.option-example .demo-title h3{font-size:19px}.option-example .demo-title p{font-size:8px}.option-example .job-grid{grid-template-columns:1fr}.option-example .job-cover{height:125px}.option-example .job-body h4{font-size:12px}.option-example .job-list{display:none}.option-example .attendance-layout{grid-template-columns:1fr}.option-example .attendance-aside{display:none}.option-example .portal-grid{grid-template-columns:1fr}.option-example .portal-demo>p{font-size:10px}.option-example .cost-summary{padding:21px}.option-photo{height:185px}.option-photo>span{font-size:8px;left:8px;bottom:8px;padding:7px 9px}.photo-note{font-size:9px;line-height:1.7}.option-checks label{font-size:10px;padding:15px 0;gap:7px}.option-last{padding:32px 0}.option-last h2{font-size:28px}.option-last p{font-size:11px}.option-last .option-btn{font-size:10px;padding:15px}.option-last>.option-wrap>div:last-child{margin-top:22px}.concepts{padding-top:25px;padding-bottom:35px}.concepts>.option-eyebrow{font-size:7px}.concepts h1{font-size:39px;letter-spacing:-2px;margin-top:14px}.concepts-intro{font-size:12px;margin-top:18px}.concept-grid{gap:18px;margin-top:25px}.concept-card{display:block}.concept-mini{height:220px;padding:22px}.concept-mini>strong{font-size:27px;margin-top:18px}.concept-photo{left:45%;top:50px}.concept-mini.functions>strong{font-size:27px}.concept-minigrid{margin-top:15px;max-width:270px}.concept-minigrid i{padding:10px 4px;font-size:7px}.concept-slide{top:74px;height:110px;right:22px;width:90px}.concept-info{padding:21px}.concept-info>span{font-size:7px}.concept-info h2{font-size:23px;margin-top:10px}.concept-info p{font-size:11px;margin-top:11px}.concept-info>b{font-size:11px;margin-top:17px}.concept-note{font-size:8px;margin-top:22px}}
@media(prefers-reduced-motion:reduce){.design *{transition:none!important}}

@media(max-width:540px){.option-feature{min-height:170px}.option-feature h3{font-size:12px}.option-feature p{font-size:10px}.option-see{font-size:8px}.tour-tabs button{font-size:9px;min-height:38px}.tour-hint{font-size:8px}.option-sample{font-size:7px!important}}
/* On phones, put slideshow navigation before the example so no scrolling is needed to choose a function. */
@media(max-width:540px){.option-showcase{display:flex;flex-direction:column}.tour-heading{order:0}.tour-controls{order:1;padding-top:11px;padding-bottom:11px;border-top:0;border-bottom:1px solid #dfe5d5}.option-slide{order:2}.tour-hint{order:3}.option-showcase>.option-sample{order:4}}