body{color:#555;font:18px/36px proxima-nova,sans-serif;margin:0}.container{margin:0 auto;max-width:1000px}nav{background:linear-gradient(180deg,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.7) 23.37%,rgba(255,255,255,0.3) 61.29%,rgba(255,255,255,0.157163) 78.98%,rgba(255,255,255,0.08299) 87.17%,rgba(255,255,255,0) 100%);height:100px;position:fixed;top:0;left:0;margin:0;width:100%}.back_btn{background:#fff;border-radius:20px;box-shadow:0px 1px 27px rgba(85,111,254,0.1),0px 1px 5px rgba(85,111,254,0.15);display:inline-block;float:left;height:27px;margin:30px 0 0 20px;padding:13px 0 0 15px;position:relative;width:25px;transition:transform .25s ease-in-out}.back_btn:hover{transform:translateY(-2px)}.back_btn .arrow{position:absolute;top:12px;left:15px}.back_btn span{display:none}.logo{background:url("https://f.hubspotusercontent10.net/hubfs/4825668/Playbook/logo-fanthreesixty-mobile.png");background-size:cover;display:block;float:right;height:40px;margin:30px 20px 0 0;width:37px}header{max-width:375px;margin:100px auto 0}header h1{color:#333;font-size:36px;font-weight:800;letter-spacing:-2px;line-height:42px;margin:0 20px;text-align:center}.category{color:#999;font-size:14px;line-height:24px;margin:30px 0 20px;text-align:center;text-transform:uppercase}.play_summary{display:grid;font-size:14px;line-height:21px;grid-template-columns:repeat(2,1fr);margin:75px auto 50px}.summary_item{margin:0 0 30px;text-align:center}.tag{border-radius:11px;color:#fff;display:inline-block;font-size:12px;font-weight:600;height:21px;line-height:21px;padding:0 12px;text-transform:uppercase}.tag.easy{background:#24d4a3}.tag.moderate{background:#999}.tag.hard{background:#fa6400}.hero_container{margin:0 10px 50px}.hero_image{background:#eee;border-radius:20px;height:auto;overflow:hidden;width:100%}.hero_image img{width:100%;vertical-align:bottom}.play_content{margin:0 auto;padding:0 30px;max-width:400px}.play_content h1{color:#333;font-size:30px;font-weight:700;line-height:36px;letter-spacing:-1px;text-align:left}.play_content img{border-radius:4px;display:block;max-width:100%}.play_content blockquote{position:relative;padding:0 0 0 30px;margin:100px 0 100px 30px}.play_content blockquote:before{position:absolute;left:-10px;content:'';height:100%;width:10px;border-radius:10px;background:linear-gradient(3deg,#e8b08e 20%,#d479e6 80%)}.play_content blockquote p{font-size:24px;font-weight:700;line-height:36px;letter-spacing:-1px;margin:5px 0}body .play_content hr{border-style:solid;border-bottom-width:0;color:#eee;margin:50px 0}.play_content a,.play_content a:visited,.play_content a:active{color:#448aff;text-decoration:none}.cta_section{font-weight:600;margin:100px 0 0;text-align:center}.cta_section p{margin:0}.play_content .cta_section a{border-radius:30px;color:#fff;display:inline-block;font-size:18px;height:60px;line-height:60px;margin:20px auto 0;padding:0 30px;text-decoration:none;transition:box-shadow .25s ease-in-out,transform .25s ease-in-out}.cta_section .blue_btn{background:#556ffe}.cta_section .blue_btn:hover{box-shadow:0px 1px 20px rgba(85,111,254,0.3);transform:translatey(-2px)}.cta_section .green_btn{background:#24d4a3}.cta_section .green_btn:hover{box-shadow:0px 1px 20px #43f2c1;transform:translatey(-2px)}.tips_box{background:#fff;border-radius:15px;box-shadow:0px 2px 15px rgba(0,0,0,0.15);border-radius:15px;display:flex;line-height:30px;margin:100px 0 0;padding:30px 30px 40px}.tips_box .light_bulb{flex:0 0 40px;font-size:36px;height:40px;line-height:40px;margin:8px 0 0}.tips_box p{margin:0;padding:0 0 0 10px}.tip_content img{margin:50px 0 0}.tips_box .caption,.play_content .caption{color:#999;font-size:14px;margin:30px 30px 0;line-height:21px;text-align:center}.measuring_success{background:linear-gradient(220.57deg,#448aff -8.08%,#6a2eef 78.6%);color:#fff;margin:100px 0 0;padding:100px 0 50px;text-align:center}.measuring_success .hs_cos_wrapper_type_inline_rich_text{padding:0 30px;margin:0 auto;max-width:400px}.measuring_success h1{color:#fff;font-size:36px;line-height:42px}.measuring_success img{border-radius:15px;display:block;margin:50px auto 0;max-width:300px;filter:drop-shadow(0px 2px 30px rgba(25,42,140,0.3))}.measuring_success .footer_info{margin:200px 0 0}.measuring_success .footer_info p{color:#e2e7ff;font-size:16px;margin:20px 0 0}img.pennant_logo{border-radius:0;height:30px;width:auto}.playbook_form form{padding:150px 0 0;text-align:center}.playbook_form label{font-weight:700}.playbook_form input[type=submit]{background:#24d4a3;border-radius:30px;border:0;color:#fff;cursor:pointer;font-size:18px;font-family:inherit;font-weight:700;height:60px;line-height:60px;margin:30px auto 0;padding:0 30px;transition:box-shadow .25s ease-in-out,transform .25s ease-in-out;-webkit-appearance:none}.playbook_form input:focus{border:0}.playbook_form input[type=submit]:hover{box-shadow:0px 1px 20px #43f2c1;transform:translatey(-2px)}.hs_tried_play{margin:0 auto;width:300px}.hs_tried_play ul{background:linear-gradient(187.86deg,#fff -20.86%,#eee 93.93%);box-shadow:0px 2px 15px rgba(0,0,0,0.15);border-radius:15px;display:flex;list-style:none;margin:30px 0 0;padding:0;overflow:hidden}.playbook_form .hs-form-radio{width:50%}.playbook_form .hs-form-radio label{height:135px;display:block;cursor:pointer;position:relative;width:100%}.hs_tried_play ul li:last-of-type label{border-left:solid 3px #eee}.hs_tried_play ul li:first-of-type label:before{position:absolute;content:'👍';font-size:36px;top:30px;left:60px}.hs_tried_play ul li:last-of-type label:before{position:absolute;content:'👎';font-size:36px;top:30px;left:60px}.playbook_form .hs-form-radio input{opacity:0;width:0;height:0;float:left}.playbook_form .hs-form-radio span{color:#555;display:block;padding:80px 0 0}.playbook_form .hs-form-radio input:checked+span{background:#e2e7ff;height:100%;width:100%;display:block}.playbook_form .submitted-message{text-align:center;margin:100px auto;min-height:250px;max-width:700px}.playbook_form .submitted-message a{color:#fff}.home_page{background:url('https://f.hubspotusercontent10.net/hubfs/4825668/Playbook/Jelly-top-right.svg') top right no-repeat;background-size:200px 158px}.home_page .hero{padding:50px 0;text-align:center}.hero_logo{display:block;height:78px;margin:0 auto;width:72px}.hero h1{color:#333;font-size:36px;font-weight:800;margin:10px 0 20px}.hero h2{color:#999;font-size:18px;font-weight:normal;line-height:24px;margin:0 50px}.home_page h3{font-size:21px;font-weight:600;letter-spacing:-0.5px;margin:30px 0 0 30px}.card_container{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:15px 20px 20px;-webkit-overflow-scrolling:touch}.card_container::-webkit-scrollbar{display:none}.card_container::after{content:'';padding-right:20px}.play_card{background:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.08);border-radius:20px;color:#555;flex:0 0 auto;display:grid;grid-template-rows:155px auto 40px;height:280px;margin:0 15px 0 0;padding:10px 10px 30px;width:280px;text-decoration:none;transition:box-shadow .25s ease-in-out}.play_card:hover{box-shadow:0px 0px 15px rgba(0,0,0,0.12)}.play_thumbnail{background:#999;border-radius:10px;overflow:hidden;position:relative;height:155px}.play_thumbnail .tag{position:absolute;bottom:10px;left:10px}.play_thumbnail img{object-fit:cover;height:100%;width:100%}.play_card h4{font-size:16px;font-weight:700;line-height:21px;margin:20px 10px 0}.play_card .card_bottom{display:flex;margin:0 10px}.play_card .est_time{color:#999;flex:0 1 120px;font-size:14px;line-height:16px;align-self:flex-end}.play_card .clock_icon{float:left;margin-right:7px}.play_card .est_time span{display:inline-block;margin:0;vertical-align:middle}.featured_clients{flex:1 1 auto}.featured_clients .client_logo{float:right;margin-right:-32px;transition:margin .15s ease-out,transform .15s ease-out}.featured_clients .client_logo:first-of-type{margin-right:0}.featured_clients:hover .client_logo{margin-right:-7px;transform:rotate(-3deg)}.featured_clients:hover .client_logo:first-of-type{margin-right:0;transform:none}.featured_clients .client_logo img{border-radius:20px;border:1px solid #eee;box-shadow:0px 1px 10px rgba(0,0,0,0.1);height:40px;width:40px}.home_page .footer_info,.side_page .footer_info{color:#999;font-size:14px;margin:150px 0 50px;text-align:center}@media only screen and (min-width:600px){body{font:21px/42px proxima-nova,sans-serif}.back_btn{color:#556ffe;font-size:14px;font-weight:700;line-height:40px;padding:0 15px 0 28px;height:40px;text-decoration:none;width:auto}.back_btn span{display:inline-block;margin:0 0 0 5px}.logo{background:url("https://f.hubspotusercontent10.net/hubfs/4825668/Playbook/logo-fanthreesixty-desktop.png");background-size:cover;height:36px;width:120px;transition:transform .3s ease-in-out}header{max-width:600px}.category{font-size:16px;margin:50px 0 20px}header h1{font-size:50px;line-height:60px;margin:0 30px}.play_summary{grid-template-columns:repeat(4,1fr);margin:75px auto 0}.summary_item{border-left:solid 1px #ccc;padding:0 20px;margin:0 0 100px;text-align:left}.hero_container{margin:0 auto 100px;padding:0 10px;max-width:1000px}.hero_image{border-radius:30px}.play_content{margin:0 auto;max-width:500px}.play_content blockquote p{font-size:36px;line-height:48px;margin:5px 0}body .play_content hr{margin:100px 0}.hs_tried_play{width:400px}.hs_tried_play ul li:first-of-type label:before{left:85px}.hs_tried_play ul li:last-of-type label:before{left:85px}.measuring_success .hs_cos_wrapper_type_inline_rich_text{max-width:500px}.measuring_success h1{font-size:42px;line-height:48px}.measuring_success img{max-width:400px}.home_page{background:url('https://f.hubspotusercontent10.net/hubfs/4825668/Playbook/Jelly-top-right.svg') top right no-repeat,url('https://f.hubspotusercontent10.net/hubfs/4825668/Playbook/Jelly-Left.svg') center left no-repeat;background-size:445px 353px,117px 553px}.home_page .footer_info,.side_page .footer_info{font-size:16px}}@media only screen and (min-width:900px){.nav_container{margin:0 auto;max-width:1000px}header{max-width:870px}header h1{font-size:67px;line-height:74px}.play_summary{font-size:16px;line-height:24px}.play_content{max-width:700px}.measuring_success .hs_cos_wrapper_type_inline_rich_text{max-width:700px}.home_page .hero{padding:100px 0 50px}.hero h1{font-size:54px;letter-spacing:-1px;margin:15px 0 30px}.hero h2{font-size:24px;letter-spacing:-0.5px;line-height:30px}.card_container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px}.play_card{margin:0;padding:10px 10px 30px}}