{"id":75578,"date":"2026-09-03T12:54:16","date_gmt":"2026-09-03T12:54:16","guid":{"rendered":"https:\/\/develop.phillips66.com\/conococom\/?page_id=75578"},"modified":"2026-09-03T13:00:52","modified_gmt":"2026-09-03T13:00:52","slug":"component-showcase","status":"publish","type":"page","link":"https:\/\/develop.phillips66.com\/conococom\/component-showcase\/","title":{"rendered":"Component showcase"},"content":{"rendered":"<div style=\"--fuels-spacer-desktop:200px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading\">Fuels-Redesign Component Showcase<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Every fuels-redesign component and variation, fully populated with mock data and placehold.co placeholders. See specs\/006-fuels-component-showcase\/data-model.md for the section-by-section spec.<\/p>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Bento \u2014 Full layout (default card)<\/h2>\n\n\n\n<div class=\"wp-block-fuels-redesign-bento is-layout-full\" data-layout=\"full\">\t\t<div class=\"wp-block-fuels-redesign-bento-card is-variation-default is-content-align-top\" style=\"background-color: var(--wp--custom--color--black, #000000);background-image:url(https:\/\/placehold.co\/1200x675?text=Bento+Background);background-size:cover;background-position:center;--fuels-bento-card-text-color:var(--wp--custom--color--white, #ffffff);\">\n\t\t\t<div class=\"bento-card-content\">\n\t\t\t\t\t\t\t\t\t<div class=\"bento-card-branding\">\n\t\t\t\t\t\t<img decoding=\"async\" class=\"bento-card-logo bento-card-logo--p66\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/logos\/p66-rev.png\" alt=\"Phillips 66 (R white) logo\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"bento-card-text\">\n\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"bento-card-title has-headline-2-font-size\">Fuel your next adventure<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"bento-card-desc has-paragraph-3-font-size\"><p>Earn rewards every time you fill up with Phillips 66.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bento-card-cta\"><a\n\tclass=\"cta-button__link wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Learn more<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Bento \u2014 Halves layout (Social Media + IG Post cards)<\/h2>\n\n\n\n<div class=\"wp-block-fuels-redesign-bento is-layout-halves\" data-layout=\"halves\">\t\t<div class=\"wp-block-fuels-redesign-bento-card is-variation-social-media\" style=\"background-color: var(--wp--preset--color--phillips-66-red);--fuels-bento-card-text-color:var(--wp--custom--color--white, #ffffff);\">\n\t\t\t<div class=\"bento-card-content\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"bento-card-text\">\n\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"bento-card-title has-headline-3-font-size\">Follow us<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bento-card-social-links\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\thref=\"https:\/\/instagram.com\/conoco\"\n\t\t\t\t\t\t\t\tclass=\"bento-card-social-link bento-card-social-link--instagram\"\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t\taria-label=\"Instagram\"\n\t\t\t\t\t\t\t><svg width=\"31\" height=\"31\" viewBox=\"0 0 31 31\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_160_2138)\">\n<path d=\"M21.7652 0H9.23536C4.14286 0 0 4.14286 0 9.23536V21.7652C0 26.8577 4.14286 31.0006 9.23536 31.0006H21.7652C26.8577 31.0006 31.0006 26.8577 31.0006 21.7652V9.23536C31.0006 4.14286 26.8577 0 21.7652 0ZM27.8816 21.7652C27.8816 25.143 25.143 27.8816 21.7652 27.8816H9.23536C5.85761 27.8816 3.11896 25.143 3.11896 21.7652V9.23536C3.11896 5.85705 5.85761 3.11896 9.23536 3.11896H21.7652C25.143 3.11896 27.8816 5.85761 27.8816 9.23536V21.7652Z\" fill=\"white\"\/>\n<path d=\"M15.5015 7.4812C11.0807 7.4812 7.48358 11.0778 7.48358 15.4991C7.48358 19.9205 11.0802 23.5171 15.5015 23.5171C19.9228 23.5171 23.5194 19.9205 23.5194 15.4991C23.5194 11.0778 19.9228 7.4812 15.5015 7.4812ZM15.5015 20.3981C12.7955 20.3981 10.6025 18.2046 10.6025 15.4991C10.6025 12.7937 12.7961 10.6002 15.5015 10.6002C18.207 10.6002 20.4005 12.7937 20.4005 15.4991C20.4005 18.2046 18.207 20.3981 15.5015 20.3981Z\" fill=\"white\"\/>\n<path d=\"M23.534 9.46366C24.5951 9.46366 25.4552 8.6035 25.4552 7.54244C25.4552 6.48138 24.5951 5.62122 23.534 5.62122C22.473 5.62122 21.6128 6.48138 21.6128 7.54244C21.6128 8.6035 22.473 9.46366 23.534 9.46366Z\" fill=\"white\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_160_2138\">\n<rect width=\"31\" height=\"31\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\thref=\"https:\/\/facebook.com\/conoco\"\n\t\t\t\t\t\t\t\tclass=\"bento-card-social-link bento-card-social-link--facebook\"\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t\taria-label=\"Facebook\"\n\t\t\t\t\t\t\t><svg width=\"31\" height=\"31\" viewBox=\"0 0 31 31\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_160_2139)\">\n<path d=\"M15.5002 0C6.93961 0 0 6.97333 0 15.5755C0 23.2953 5.58925 29.7032 12.9229 30.9364V20.1801H8.95729V15.5655H12.9229V12.1622C12.9229 8.21277 15.3231 6.06242 18.8291 6.06242C20.5084 6.06242 21.9519 6.18798 22.3727 6.24422V10.3716L19.9411 10.3727C18.0342 10.3727 17.6651 11.2833 17.6651 12.6194V15.5655H22.2125L21.6203 20.1801H17.6651V31.0004C25.2007 29.942 31 23.4397 31 15.5759C31 6.97332 24.0604 0 15.5002 0Z\" fill=\"white\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_160_2139\">\n<rect width=\"31\" height=\"31\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\thref=\"https:\/\/youtube.com\/conoco\"\n\t\t\t\t\t\t\t\tclass=\"bento-card-social-link bento-card-social-link--youtube\"\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t\taria-label=\"Youtube\"\n\t\t\t\t\t\t\t><svg width=\"37\" height=\"27\" viewBox=\"0 0 37 27\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_160_2140)\">\n<path d=\"M27.3323 0H9.66768C0 0 0 2.89659 0 10.0193V16.9807C0 23.7568 1.3682 27 9.66768 27H27.3323C34.828 27 37 25.1053 37 16.9807V10.0193C37 2.52146 36.6342 0 27.3323 0ZM14.7205 18.7898V7.86352L24.6907 13.3101L14.7205 18.7898Z\" fill=\"white\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_160_2140\">\n<rect width=\"37\" height=\"27\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\n\t\t<div class=\"wp-block-fuels-redesign-bento-card is-variation-ig-post\" style=\"background-color: var(--wp--custom--color--black, #000000);background-image:url(https:\/\/placehold.co\/1200x675?text=IG+Post);background-size:cover;background-position:center;--fuels-bento-card-text-color:var(--wp--custom--color--white, #ffffff);\">\n\t\t\t<div class=\"bento-card-content\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bento-card-ig-post-badge\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.instagram.com\/p\/CExamplePost\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Open Instagram post\"><svg width=\"31\" height=\"31\" viewBox=\"0 0 31 31\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_160_2138)\">\n<path d=\"M21.7652 0H9.23536C4.14286 0 0 4.14286 0 9.23536V21.7652C0 26.8577 4.14286 31.0006 9.23536 31.0006H21.7652C26.8577 31.0006 31.0006 26.8577 31.0006 21.7652V9.23536C31.0006 4.14286 26.8577 0 21.7652 0ZM27.8816 21.7652C27.8816 25.143 25.143 27.8816 21.7652 27.8816H9.23536C5.85761 27.8816 3.11896 25.143 3.11896 21.7652V9.23536C3.11896 5.85705 5.85761 3.11896 9.23536 3.11896H21.7652C25.143 3.11896 27.8816 5.85761 27.8816 9.23536V21.7652Z\" fill=\"white\"\/>\n<path d=\"M15.5015 7.4812C11.0807 7.4812 7.48358 11.0778 7.48358 15.4991C7.48358 19.9205 11.0802 23.5171 15.5015 23.5171C19.9228 23.5171 23.5194 19.9205 23.5194 15.4991C23.5194 11.0778 19.9228 7.4812 15.5015 7.4812ZM15.5015 20.3981C12.7955 20.3981 10.6025 18.2046 10.6025 15.4991C10.6025 12.7937 12.7961 10.6002 15.5015 10.6002C18.207 10.6002 20.4005 12.7937 20.4005 15.4991C20.4005 18.2046 18.207 20.3981 15.5015 20.3981Z\" fill=\"white\"\/>\n<path d=\"M23.534 9.46366C24.5951 9.46366 25.4552 8.6035 25.4552 7.54244C25.4552 6.48138 24.5951 5.62122 23.534 5.62122C22.473 5.62122 21.6128 6.48138 21.6128 7.54244C21.6128 8.6035 22.473 9.46366 23.534 9.46366Z\" fill=\"white\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_160_2138\">\n<rect width=\"31\" height=\"31\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"bento-card-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Bento \u2014 Thirds layout (App Reviews + App Download + Slider)<\/h2>\n\n\n\n<div class=\"wp-block-fuels-redesign-bento is-layout-thirds\" data-layout=\"thirds\">\t\t<div class=\"wp-block-fuels-redesign-bento-card is-variation-app-reviews\" style=\"background-color: var(--wp--custom--color--white, #ffffff);--fuels-bento-card-text-color:var(--wp--custom--color--black, #000000);\">\n\t\t\t<div class=\"bento-card-content\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bento-card-review-stars\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg width=\"26\" height=\"25\" viewBox=\"0 0 26 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M12.8394 0L15.8703 9.32827H25.6786L17.7435 15.0935L20.7745 24.4217L12.8394 18.6565L4.90425 24.4217L7.93519 15.0935L9.25064e-05 9.32827H9.80842L12.8394 0Z\" fill=\"#DA2B1F\"\/>\n<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg width=\"26\" height=\"25\" viewBox=\"0 0 26 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M12.8394 0L15.8703 9.32827H25.6786L17.7435 15.0935L20.7745 24.4217L12.8394 18.6565L4.90425 24.4217L7.93519 15.0935L9.25064e-05 9.32827H9.80842L12.8394 0Z\" fill=\"#DA2B1F\"\/>\n<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg width=\"26\" height=\"25\" viewBox=\"0 0 26 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M12.8394 0L15.8703 9.32827H25.6786L17.7435 15.0935L20.7745 24.4217L12.8394 18.6565L4.90425 24.4217L7.93519 15.0935L9.25064e-05 9.32827H9.80842L12.8394 0Z\" fill=\"#DA2B1F\"\/>\n<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg width=\"26\" height=\"25\" viewBox=\"0 0 26 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M12.8394 0L15.8703 9.32827H25.6786L17.7435 15.0935L20.7745 24.4217L12.8394 18.6565L4.90425 24.4217L7.93519 15.0935L9.25064e-05 9.32827H9.80842L12.8394 0Z\" fill=\"#DA2B1F\"\/>\n<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg width=\"26\" height=\"25\" viewBox=\"0 0 26 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M12.8394 0L15.8703 9.32827H25.6786L17.7435 15.0935L20.7745 24.4217L12.8394 18.6565L4.90425 24.4217L7.93519 15.0935L9.25064e-05 9.32827H9.80842L12.8394 0Z\" fill=\"#DA2B1F\"\/>\n<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"bento-card-text bento-card-review-copy\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"bento-card-desc has-paragraph-3-font-size\"><p>See why drivers love the app.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bento-card-cta\"><a\n\tclass=\"cta-button__link is-style-tertiary wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Try the app<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\n\t\t<div class=\"wp-block-fuels-redesign-bento-card is-variation-app-download\" style=\"background-color: var(--wp--custom--color--white, #ffffff);--fuels-bento-card-text-color:var(--wp--custom--color--black, #000000);\">\n\t\t\t<div class=\"bento-card-content\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bento-card-app-download-header\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"bento-card-app-download-icon\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/specialty-card\/FF-App-Icon_Horizontal.svg\" alt=\"Fuel Forward App\" width=\"224\" height=\"64\" \/>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"bento-card-app-download-stores\">\n\t\t\t\t\t\t<div class=\"bento-card-app-download-store\">\n\t\t\t\t\t\t\t<div class=\"bento-card-app-download-rating\">\n\t\t\t\t\t\t\t\t<div class=\"bento-card-app-download-rating-score\">\n\t\t\t\t\t\t\t\t\t<h4 class=\"bento-card-app-download-rating-number\">4.9<\/h4>\n\t\t\t\t\t\t\t\t\t<svg width=\"26\" height=\"25\" viewBox=\"0 0 26 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M12.8394 0L15.8703 9.32827H25.6786L17.7435 15.0935L20.7745 24.4217L12.8394 18.6565L4.90425 24.4217L7.93519 15.0935L9.25064e-05 9.32827H9.80842L12.8394 0Z\" fill=\"#DA2B1F\"\/>\n<\/svg>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<p class=\"bento-card-app-download-review has-paragraph-1-font-size\">53K reviews<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bento-card-app-download-badge\">\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/social-media\/App-Store.png\" alt=\"Download on the App Store\" width=\"120\" height=\"40\" \/>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"bento-card-app-download-store\">\n\t\t\t\t\t\t\t<div class=\"bento-card-app-download-rating\">\n\t\t\t\t\t\t\t\t<div class=\"bento-card-app-download-rating-score\">\n\t\t\t\t\t\t\t\t\t<h4 class=\"bento-card-app-download-rating-number\">4.4<\/h4>\n\t\t\t\t\t\t\t\t\t<svg width=\"26\" height=\"25\" viewBox=\"0 0 26 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M12.8394 0L15.8703 9.32827H25.6786L17.7435 15.0935L20.7745 24.4217L12.8394 18.6565L4.90425 24.4217L7.93519 15.0935L9.25064e-05 9.32827H9.80842L12.8394 0Z\" fill=\"#DA2B1F\"\/>\n<\/svg>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<p class=\"bento-card-app-download-review has-paragraph-1-font-size\">7.99K reviews<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bento-card-app-download-badge\">\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/social-media\/Google-Play.png\" alt=\"Get it on Google Play\" width=\"120\" height=\"40\" \/>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bento-card-cta\"><a\n\tclass=\"cta-button__link is-style-tertiary wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Download the app<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\n\t<div class=\"wp-block-fuels-redesign-bento-card is-display-slider\" data-slider-count=\"2\">\n\t\t<div class=\"bento-card-slider__viewport\" data-bento-card-slider-viewport>\n\t\t\t<div class=\"bento-card-slider__track\" data-bento-card-slider-track>\n\t\t\t\t\t\t<div class=\"wp-block-fuels-redesign-bento-card wp-block-fuels-redesign-bento-card-slide is-variation-default is-content-align-center\" style=\"background-color: var(--wp--preset--color--phillips-66-red);--fuels-bento-card-text-color:var(--wp--custom--color--white, #ffffff);\">\n\t\t\t<div class=\"bento-card-content\">\n\t\t\t\t\t\t\t\t\t<div class=\"bento-card-branding\">\n\t\t\t\t\t\t<img decoding=\"async\" class=\"bento-card-logo bento-card-logo--p66\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/logos\/p66-default.png\" alt=\"Phillips 66 (R black) logo\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"bento-card-text\">\n\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"bento-card-title has-headline-2-font-size\">Slide one<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"bento-card-desc has-paragraph-3-font-size\"><p>First slide content.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bento-card-cta\"><a\n\tclass=\"cta-button__link wp-block-fuels-redesign-cta-button\"\thref=\"\"\n\t\t>\n\t<span class=\"cta-button__text\">Default text<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"wp-block-fuels-redesign-bento-card wp-block-fuels-redesign-bento-card-slide is-variation-default is-content-align-center\" style=\"background-color: var(--wp--custom--color--black, #000000);background-image:url(https:\/\/placehold.co\/1200x675?text=Slide+Two);background-size:cover;background-position:center;--fuels-bento-card-text-color:var(--wp--custom--color--white, #ffffff);\">\n\t\t\t<div class=\"bento-card-content\">\n\t\t\t\t\t\t\t\t\t<div class=\"is-style-color-black wp-block-fuels-redesign-label\">\n\t<p class=\"label__text\">New<\/p>\n<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"bento-card-text\">\n\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"bento-card-title has-headline-2-font-size\">Slide two<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"bento-card-desc has-paragraph-3-font-size\"><p>Second slide content.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bento-card-cta\"><a\n\tclass=\"cta-button__link wp-block-fuels-redesign-cta-button\"\thref=\"\"\n\t\t>\n\t<span class=\"cta-button__text\">Default text<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<button type=\"button\" class=\"bento-card-slider__next\" data-bento-card-slider-next aria-label=\"Next slide\">\n\t\t\t<svg class=\"bento-card-slider__next-icon\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\t\t\t\t<path d=\"M6 18C6 11.385 11.385 6 18 6C24.615 6 30 11.385 30 18C30 24.615 24.615 30 18 30C11.385 30 6 24.615 6 18ZM3 18C3 26.28 9.72 33 18 33C26.28 33 33 26.28 33 18C33 9.72 26.28 3 18 3C9.72 3 3 9.72 3 18ZM18 16.5L12 16.5L12 19.5L18 19.5L18 24L24 18L18 12L18 16.5Z\" fill=\"currentColor\"\/>\n\t\t\t<\/svg>\n\t\t<\/button>\n\t\t<div class=\"bento-card-slider__pagination\" aria-label=\"Slide navigation\">\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"bento-card-slider__dot is-active\"\n\t\t\t\t\tdata-bento-card-slider-dot=\"0\"\n\t\t\t\t\taria-label=\"Go to slide 1\"\n\t\t\t\t\taria-current=\"true\"\n\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"bento-card-slider__dot\"\n\t\t\t\t\tdata-bento-card-slider-dot=\"1\"\n\t\t\t\t\taria-label=\"Go to slide 2\"\n\t\t\t\t\taria-current=\"false\"\n\t\t\t\t><\/button>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Bento \u2014 Two-Thirds\/Full layout (Label + None branding)<\/h2>\n\n\n\n<div class=\"wp-block-fuels-redesign-bento is-layout-two-thirds-full\" data-layout=\"two-thirds-full\">\t\t<div class=\"wp-block-fuels-redesign-bento-card is-variation-default is-content-align-top\" style=\"background-color: var(--wp--preset--color--phillips-66-red);--fuels-bento-card-text-color:var(--wp--custom--color--white, #ffffff);\">\n\t\t\t<div class=\"bento-card-content\">\n\t\t\t\t\t\t\t\t\t<div class=\"is-style-color-red wp-block-fuels-redesign-label\">\n\t<p class=\"label__text\">Featured<\/p>\n<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"bento-card-text\">\n\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"bento-card-title has-headline-2-font-size\">Featured promotion<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"bento-card-desc has-paragraph-3-font-size\"><p>Limited-time offer for members.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bento-card-cta\"><a\n\tclass=\"cta-button__link wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">See offer<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\n\t\t<div class=\"wp-block-fuels-redesign-bento-card is-variation-default is-content-align-top\" style=\"background-color: var(--wp--custom--color--black, #000000);background-image:url(https:\/\/placehold.co\/1200x675?text=No+Branding);background-size:cover;background-position:center;--fuels-bento-card-text-color:var(--wp--custom--color--white, #ffffff);\">\n\t\t\t<div class=\"bento-card-content\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"bento-card-text\">\n\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"bento-card-title has-headline-2-font-size\">Simple message<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"bento-card-desc has-paragraph-3-font-size\"><p>No logo or label needed here.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bento-card-cta\"><a\n\tclass=\"cta-button__link wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Learn more<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Bento \u2014 Full\/Two-Thirds layout (Color background + Sponsor logo pairing)<\/h2>\n\n\n\n<div class=\"wp-block-fuels-redesign-bento is-layout-full-two-thirds\" data-layout=\"full-two-thirds\">\t\t<div class=\"wp-block-fuels-redesign-bento-card is-variation-default is-content-align-top\" style=\"background-color:#ffffff;--fuels-bento-card-text-color:var(--wp--custom--color--black, #000000);\">\n\t\t\t<div class=\"bento-card-content\">\n\t\t\t\t\t\t\t\t\t<div class=\"bento-card-branding\">\n\t\t\t\t\t\t<img decoding=\"async\" class=\"bento-card-logo bento-card-logo--p66\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/logos\/p66-default.png\" alt=\"Phillips 66 (R black) logo\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"bento-card-text\">\n\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"bento-card-title has-headline-2-font-size\">Black text on light background<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"bento-card-desc has-paragraph-3-font-size\"><p>Demonstrating the black text and separator option.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bento-card-cta\"><a\n\tclass=\"cta-button__link wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Learn more<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\n\t\t<div class=\"wp-block-fuels-redesign-bento-card is-variation-default is-content-align-top\" style=\"background-color: var(--wp--custom--color--black, #000000);background-image:url(https:\/\/placehold.co\/1200x675?text=Sponsor+Pairing);background-size:cover;background-position:center;--fuels-bento-card-text-color:var(--wp--custom--color--white, #ffffff);\">\n\t\t\t<div class=\"bento-card-content\">\n\t\t\t\t\t\t\t\t\t<div class=\"bento-card-branding\">\n\t\t\t\t\t\t<img decoding=\"async\" class=\"bento-card-logo bento-card-logo--p66\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/logos\/p66-rev.png\" alt=\"Phillips 66 (R white) logo\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bento-card-logo-separator bento-card-logo-separator--white\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"bento-card-secondary-logo\" src=\"https:\/\/placehold.co\/256x256?text=Sponsor\" alt=\"Bento Card sponsor logo image\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"bento-card-text\">\n\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"bento-card-title has-headline-2-font-size\">Proud partner<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"bento-card-desc has-paragraph-3-font-size\"><p>Paired with our sponsor for this campaign.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bento-card-cta\"><a\n\tclass=\"cta-button__link wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Learn more<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Carousel<\/h2>\n\n\n\n<div class=\"wp-block-fuels-redesign-carousel\" data-autoplay-enabled=\"true\" data-autoplay-speed=\"5000\">\n\t<div class=\"fuels-carousel__viewport\" data-fuels-carousel-viewport>\n\t\t<div class=\"fuels-carousel__track\" data-fuels-carousel-track>\n\t\t\t\n\n<div class=\"wp-block-fuels-redesign-carousel-card\" style=\"background-color: var(--wp--custom--color--black, #000000);background-image:url(https:\/\/placehold.co\/1200x675?text=Carousel+1);background-size:cover;background-position:center; --fuels-carousel-card-text-color:var(--wp--custom--color--white, #ffffff);\">\n\t<div class=\"carousel-card-content\">\n\t\t\t\t\t<img decoding=\"async\" class=\"carousel-card-logo carousel-card-logo--p66\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/logos\/p66-rev.png\" alt=\"Logo\" \/>\n\t\t\t\t<div class=\"carousel-card-text\">\n\t\t\t\t\t\t\t<h2 class=\"carousel-card-title\">Save on premium fuel<\/h2>\n\t\t\t\t\t\t\t\t\t\t<div class=\"carousel-card-desc\"><p>Get more miles per gallon.<\/p><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"carousel-card-cta\"><a\n\tclass=\"cta-button__link wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Learn more<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n<\/div>\n\t\t\t\t\t\t\t<div class=\"carousel-card-fineprint\"><p>Terms apply.<\/p><\/div>\n\t\t\t<\/div>\n\t<button\n\t\ttype=\"button\"\n\t\tclass=\"carousel-card-arrow\"\n\t\tdata-fuels-carousel-arrow\n\t\taria-label=\"Next card\"\n\t>\n\t\t<svg class=\"carousel-card-arrow-icon\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\t\t\t<path d=\"M6 18C6 11.385 11.385 6 18 6C24.615 6 30 11.385 30 18C30 24.615 24.615 30 18 30C11.385 30 6 24.615 6 18ZM3 18C3 26.28 9.72 33 18 33C26.28 33 33 26.28 33 18C33 9.72 26.28 3 18 3C9.72 3 3 9.72 3 18ZM18 16.5L12 16.5L12 19.5L18 19.5L18 24L24 18L18 12L18 16.5Z\" fill=\"currentColor\"\/>\n\t\t<\/svg>\n\t<\/button>\n<\/div>\n\n\n\n<div class=\"wp-block-fuels-redesign-carousel-card\" style=\"background-color: var(--wp--preset--color--phillips-66-red); --fuels-carousel-card-text-color:var(--wp--custom--color--white, #ffffff);\">\n\t<div class=\"carousel-card-content\">\n\t\t\t\t\t<img decoding=\"async\" class=\"carousel-card-logo carousel-card-logo--conoco\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/logos\/conoco-rev.png\" alt=\"Logo\" \/>\n\t\t\t\t<div class=\"carousel-card-text\">\n\t\t\t\t\t\t\t<h2 class=\"carousel-card-title\">Conoco rewards<\/h2>\n\t\t\t\t\t\t\t\t\t\t<div class=\"carousel-card-desc\"><p>Earn points on every purchase.<\/p><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"carousel-card-cta\"><a\n\tclass=\"cta-button__link wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Learn more<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n<\/div>\n\t\t\t\t\t<\/div>\n\t<button\n\t\ttype=\"button\"\n\t\tclass=\"carousel-card-arrow\"\n\t\tdata-fuels-carousel-arrow\n\t\taria-label=\"Next card\"\n\t>\n\t\t<svg class=\"carousel-card-arrow-icon\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\t\t\t<path d=\"M6 18C6 11.385 11.385 6 18 6C24.615 6 30 11.385 30 18C30 24.615 24.615 30 18 30C11.385 30 6 24.615 6 18ZM3 18C3 26.28 9.72 33 18 33C26.28 33 33 26.28 33 18C33 9.72 26.28 3 18 3C9.72 3 3 9.72 3 18ZM18 16.5L12 16.5L12 19.5L18 19.5L18 24L24 18L18 12L18 16.5Z\" fill=\"currentColor\"\/>\n\t\t<\/svg>\n\t<\/button>\n<\/div>\n\n\n\n<div class=\"wp-block-fuels-redesign-carousel-card\" style=\"background-color: var(--wp--custom--color--black, #000000);background-image:url(https:\/\/placehold.co\/1200x675?text=Carousel+3);background-size:cover;background-position:center; --fuels-carousel-card-text-color:var(--wp--custom--color--black, #000000);\">\n\t<div class=\"carousel-card-content\">\n\t\t\t\t\t<img decoding=\"async\" class=\"carousel-card-logo carousel-card-logo--e76\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/logos\/e76-default.png\" alt=\"Logo\" \/>\n\t\t\t\t<div class=\"carousel-card-text\">\n\t\t\t\t\t\t\t<h2 class=\"carousel-card-title\">76 stations near you<\/h2>\n\t\t\t\t\t\t\t\t\t\t<div class=\"carousel-card-desc\"><p>Find a station on the map.<\/p><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"carousel-card-cta\"><a\n\tclass=\"cta-button__link wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Learn more<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n<\/div>\n\t\t\t\t\t<\/div>\n\t<button\n\t\ttype=\"button\"\n\t\tclass=\"carousel-card-arrow\"\n\t\tdata-fuels-carousel-arrow\n\t\taria-label=\"Next card\"\n\t>\n\t\t<svg class=\"carousel-card-arrow-icon\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\t\t\t<path d=\"M6 18C6 11.385 11.385 6 18 6C24.615 6 30 11.385 30 18C30 24.615 24.615 30 18 30C11.385 30 6 24.615 6 18ZM3 18C3 26.28 9.72 33 18 33C26.28 33 33 26.28 33 18C33 9.72 26.28 3 18 3C9.72 3 3 9.72 3 18ZM18 16.5L12 16.5L12 19.5L18 19.5L18 24L24 18L18 12L18 16.5Z\" fill=\"currentColor\"\/>\n\t\t<\/svg>\n\t<\/button>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\t\t\t<div class=\"fuels-carousel__dots\" data-fuels-carousel-dots>\n\t\t\t<div class=\"fuels-carousel__dots-group\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"active\"\n\t\t\t\t\t\taria-label=\"Go to slide 1\"\n\t\t\t\t\t\tdata-fuels-carousel-dot\n\t\t\t\t\t\tdata-index=\"0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"screen-reader-text\">1<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"\"\n\t\t\t\t\t\taria-label=\"Go to slide 2\"\n\t\t\t\t\t\tdata-fuels-carousel-dot\n\t\t\t\t\t\tdata-index=\"1\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"screen-reader-text\">2<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"\"\n\t\t\t\t\t\taria-label=\"Go to slide 3\"\n\t\t\t\t\t\tdata-fuels-carousel-dot\n\t\t\t\t\t\tdata-index=\"2\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"screen-reader-text\">3<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Hero \u2014 Banner<\/h2>\n\n\n\n\n\t<section class=\"fuels-hero fuels-hero--banner wp-block-fuels-redesign-hero\" data-autoplay-speed=\"5000\">\n\t\t<div class=\"fuels-hero__card\">\n\t\t\t<div class=\"fuels-hero__card-content\">\n\t\t\t\t\t\t\t\t\t<div class=\"fuels-hero__headings\">\n\t\t\t\t\t\t\n<h1 class=\"wp-block-heading\">The fuel that lets you <strong>GO GO GO.<\/strong><\/h1>\n\n<h1 class=\"wp-block-heading\">The app that lets you <strong>SAVE SAVE SAVE.<\/strong><\/h1>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"fuels-hero__cta\">\n\t\t\t\t\t\t<a class=\"cta-button__link wp-block-fuels-redesign-cta-button\" href=\"#\">\n\t<span class=\"cta-button__text\">Download the app<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n<\/svg>\n<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/section>\n\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Hero \u2014 Carousel<\/h2>\n\n\n\n\n\t<section class=\"fuels-hero fuels-hero--carousel wp-block-fuels-redesign-hero\" data-autoplay-speed=\"5000\">\n\t\t\t\t\t\t\t\t<div class=\"fuels-hero__carousel fuels-hero__carousel--slide-type\" data-autoplay=\"5000\">\n\t\t\t\t<div class=\"fuels-hero__carousel-track\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-hero__carousel-slide\">\n\t\t\t\t\t\t\t<div class=\"fuels-hero-slide wp-block-fuels-redesign-hero-slide\">\n\t\t\t<img\n\t\t\tclass=\"fuels-hero-slide__image\"\n\t\t\tsrc=\"https:\/\/placehold.co\/1200x675?text=Hero+Slide+1\"\n\t\t\talt=\"Hero carousel slide one background\"\n\t\t\tloading=\"lazy\"\n\t\t\/>\n\t\t<div class=\"fuels-hero-slide__overlay\"><\/div>\n\t<div class=\"fuels-hero-slide__content\">\n\t\t\t\t\t<div class=\"fuels-hero__text-group\">\n\t\t\t\t\n<h2 class=\"wp-block-heading\">Slide one headline<\/h2>\n\t\t\t\t\n<p class=\"wp-block-paragraph\">Slide one supporting copy.<\/p>\n\n<p class=\"wp-block-paragraph\">Fine print for slide one.<\/p>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<div class=\"fuels-hero__cta\">\n\t\t\t\t<a class=\"cta-button__link wp-block-fuels-redesign-cta-button\" href=\"#\">\n\t<span class=\"cta-button__text\">Download the app<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n<\/svg>\n<\/a>\n\t\t\t<\/div>\n\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-hero__carousel-slide\">\n\t\t\t\t\t\t\t<div class=\"fuels-hero-slide fuels-hero-slide--align-left wp-block-fuels-redesign-hero-slide\">\n\t\t\t<img\n\t\t\tclass=\"fuels-hero-slide__image\"\n\t\t\tsrc=\"https:\/\/placehold.co\/1200x675?text=Hero+Slide+2\"\n\t\t\talt=\"Hero carousel slide two background\"\n\t\t\tloading=\"lazy\"\n\t\t\/>\n\t\t<div class=\"fuels-hero-slide__overlay\"><\/div>\n\t<div class=\"fuels-hero-slide__content\">\n\t\t\t\t\t<div class=\"fuels-hero__text-group\">\n\t\t\t\t\n<h2 class=\"wp-block-heading\">Slide two headline<\/h2>\n\t\t\t\t\n<p class=\"wp-block-paragraph\">Slide two supporting copy.<\/p>\n\n<p class=\"wp-block-paragraph\">Fine print for slide two.<\/p>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<div class=\"fuels-hero__cta\">\n\t\t\t\t<a class=\"cta-button__link wp-block-fuels-redesign-cta-button\" href=\"#\">\n\t<span class=\"cta-button__text\">Download the app<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n<\/svg>\n<\/a>\n\t\t\t<\/div>\n\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"fuels-hero__carousel-dots\" aria-label=\"Carousel pagination\">\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\taria-label=\"Go to slide 1\"\n\t\t\t\t\t\t\taria-current=\"true\"\n\t\t\t\t\t\t\tclass=\"active\"\n\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\taria-label=\"Go to slide 2\"\n\t\t\t\t\t\t\taria-current=\"false\"\n\t\t\t\t\t\t\tclass=\"\"\n\t\t\t\t\t\t><\/button>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<button class=\"fuels-hero__carousel-prev\" aria-label=\"Previous slide\"><\/button>\n\t\t\t\t<button class=\"fuels-hero__carousel-next\" aria-label=\"Next slide\"><\/button>\n\t\t\t<\/div>\n\t\t\n\t\t\t<\/section>\n\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Hero \u2014 Video<\/h2>\n\n\n\n\t\t<section class=\"fuels-hero fuels-hero--video wp-block-fuels-redesign-hero\" data-autoplay-speed=\"5000\">\n\t\t<div class=\"fuels-hero__media\">\n\t\t\t\t\t\t\t<img\n\t\t\t\t\tclass=\"fuels-hero__bg-image\"\n\t\t\t\t\tsrc=\"https:\/\/placehold.co\/1280x720?text=Video+Poster\"\n\t\t\t\t\talt=\"Hero video poster image\"\n\t\t\t\t\t\t\t\t\t\/>\n\t\t\t\n\t\t\t<div class=\"fuels-hero__gradient-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"fuels-hero__video-meta\" aria-hidden=\"true\" style=\"--fuels-hero-video-playtime-bg: var(--wp--preset--color--phillips-red);\">\n\t\t\t\t\t<div class=\"fuels-hero__progress-label\">\n\t\t\t\t\t\tVideo Playtime:\t\t\t\t\t\t<span class=\"fuels-hero__progress-time\">0:30<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"fuels-hero__progress-bar\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"fuels-hero__content\">\n\t\t\t\t\t\t\t<div class=\"fuels-hero__text-group\">\n\t\t\t\t\t\n<h2 class=\"wp-block-heading\">Watch how it works<\/h2>\n\t\t\t\t\t\n<p class=\"wp-block-paragraph\">See the app in action.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-hero__cta fuels-hero__cta--video\">\n\t\t\t\t\t<a class=\"cta-button__link is-style-video-play wp-block-fuels-redesign-cta-button\" href=\"#\">\n\t<span class=\"cta-button__text\">Watch Video<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n<\/svg>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t<\/section>\n\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Hero \u2014 Generic<\/h2>\n\n\n\n\n\t<section style=\"--fuels-hero-generic-bg: var(--wp--preset--color--phillips-66-red)\" class=\"fuels-hero fuels-hero--generic wp-block-fuels-redesign-hero\" data-autoplay-speed=\"5000\">\n\t\t\t\t<div class=\"fuels-hero__media\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<picture>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"fuels-hero__bg-image\" src=\"https:\/\/placehold.co\/1200x675?text=Generic+Hero\" alt=\"Generic hero background\" style=\"--fuels-hero-focal-desktop:50% 50%;--fuels-hero-focal-tablet:50% 50%;--fuels-hero-focal-mobile:50% 50%;object-position:var(--fuels-hero-focal-desktop);\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-hero__gradient-overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"fuels-hero__content\">\n\t\t\t\t\t\t\t<div class=\"fuels-hero__text-group\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<h2 class=\"wp-block-heading\">A generic hero headline<\/h2>\n\t\t\t\t\t\n<p class=\"wp-block-paragraph\">Flexible hero for any campaign.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"fuels-hero__cta\">\n\t\t\t\t\t<a class=\"cta-button__link wp-block-fuels-redesign-cta-button\" href=\"#\">\n\t<span class=\"cta-button__text\">Learn more<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n<\/svg>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t<\/section>\n\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Hero \u2014 Specialty<\/h2>\n\n\n\n\n\t<section class=\"fuels-hero fuels-hero--specialty wp-block-fuels-redesign-hero\" data-autoplay-speed=\"5000\">\n\t\t\t\t\t<div class=\"fuels-hero__media\">\n\t\t\t\t<img decoding=\"async\" class=\"fuels-hero__bg-image\" src=\"https:\/\/placehold.co\/1200x675?text=Specialty+Hero\" alt=\"Hero image\" \/>\n\t\t\t\t<div class=\"fuels-hero__dark-overlay\"><\/div>\n\t\t\t<\/div>\n\t\t\n\t\t<div class=\"fuels-hero__content fuels-hero__content--center fuels-hero__specialty-content\">\n\t\t\t\t\t\t\t<div class=\"fuels-hero__text-group fuels-hero__text-group--specialty\">\n\t\t\t\t\t\n<h2 class=\"wp-block-heading\">Specialty hero with phone mockup<\/h2>\n\t\t\t\t\t\n<p class=\"wp-block-paragraph\">Showcasing the app screen overlay.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"fuels-hero__cta fuels-hero__cta--specialty\">\n\t\t\t\t\t<a class=\"cta-button__link wp-block-fuels-redesign-cta-button\" href=\"#\">\n\t<span class=\"cta-button__text\">Download the app<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n<\/svg>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"fuels-hero__phone-mockup has-phone-screen\">\n\t\t\t\t<div class=\"fuels-hero__phone-screen-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tclass=\"fuels-hero__phone-screen\"\n\t\t\t\t\t\t\tsrc=\"https:\/\/placehold.co\/375x812?text=Phone+Screen\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<img\n\t\t\t\t\tclass=\"fuels-hero__phone-frame\"\n\t\t\t\t\tsrc=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/images\/mockup.png\"\n\t\t\t\t\talt=\"Phone mockup\"\n\t\t\t\t\twidth=\"327\"\n\t\t\t\t\theight=\"663\"\n\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\/>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/section>\n\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Hero \u2014 Form<\/h2>\n\n\n\n\n\t<section style=\"--fuels-hero-form-bg: var(--wp--preset--color--phillips-66-red);--fuels-hero-form-button-bg:#000000;--fuels-hero-form-button-text:#ffffff\" class=\"fuels-hero fuels-hero--form wp-block-fuels-redesign-hero\" data-autoplay-speed=\"5000\">\n\t\t<div class=\"fuels-hero__form-layout\">\n\t\t\t<div class=\"fuels-hero__content fuels-hero__content--form\">\n\t\t\t\t\t\t\t\t\t<div class=\"fuels-hero__text-group fuels-hero__text-group--form\">\n\t\t\t\t\t\t\n<h2 class=\"wp-block-heading\">Get in touch<\/h2>\n\t\t\t\t\t\t\n<p class=\"wp-block-paragraph\">Fill out the form below.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<div class=\"fuels-hero__form-card\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/section>\n\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Speed Bump \u2014 Standard<\/h2>\n\n\n\n\n\t<section class=\"fuels-speed-bump fuels-speed-bump--standard wp-block-fuels-redesign-speed-bump\">\n\n\t\t\t\t\t<div class=\"fuels-speed-bump__media\">\n\t\t\t\t<img\n\t\t\t\t\tclass=\"fuels-speed-bump__bg-image\"\n\t\t\t\t\tsrc=\"https:\/\/placehold.co\/1200x675?text=Speed+Bump\"\n\t\t\t\t\talt=\"Speed bump background\"\n\t\t\t\t\tstyle=\"object-position: 50% 50%;\"\n\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\/>\n\t\t\t\t<div class=\"fuels-speed-bump__gradient-overlay\"><\/div>\n\t\t\t<\/div>\n\t\t\n\t\t<div class=\"fuels-speed-bump__content\">\n\t\t\t\t\t\t\t<div class=\"fuels-speed-bump__text-group\">\n\t\t\t\t\t\n<h3 class=\"wp-block-heading\">Get to know Phillips 66\u00ae.<\/h3>\n\t\t\t\t\t\n<p class=\"wp-block-paragraph\">Fueling drivers and communities for more than a century.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"fuels-speed-bump__cta\">\n\t\t\t\t\t<a class=\"cta-button__link wp-block-fuels-redesign-cta-button\" href=\"#\">\n\t<span class=\"cta-button__text\">Find a station<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" \/>\n<\/svg>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/section>\n\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Speed Bump \u2014 Specialty<\/h2>\n\n\n\n\t\n\t<section class=\"fuels-speed-bump fuels-speed-bump--specialty wp-block-fuels-redesign-speed-bump\">\n\n\t\t\t\t\t<div class=\"fuels-speed-bump__media\">\n\t\t\t\t<img\n\t\t\t\t\tclass=\"fuels-speed-bump__bg-image\"\n\t\t\t\t\tsrc=\"https:\/\/placehold.co\/1200x675?text=Speed+Bump+Specialty\"\n\t\t\t\t\talt=\"Speed bump specialty background\"\n\t\t\t\t\tstyle=\"object-position: 50% 50%;\"\n\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\/>\n\t\t\t\t<div class=\"fuels-speed-bump__gradient-overlay\"><\/div>\n\t\t\t<\/div>\n\t\t\n\t\t<div class=\"fuels-speed-bump__speech-box fuels-speed-bump__speech-box--red\">\n\t\t\t<div class=\"fuels-speed-bump__content\">\n\t\t\t\t\t\t\t\t\t<div class=\"fuels-speed-bump__text-group\">\n\t\t\t\t\t\t\n<h3 class=\"wp-block-heading\">Do you have feedback concerning this station?<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"fuels-speed-bump__cta\">\n\t\t\t\t\t\t<a class=\"cta-button__link wp-block-fuels-redesign-cta-button\" href=\"#\">\n\t<span class=\"cta-button__text\">Contact us<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" \/>\n<\/svg>\n<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/section>\n\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Split Card \u2014 Primary<\/h2>\n\n\n\n<div class=\"fuels-split-card fuels-split-card--primary fuels-split-card--image-left wp-block-fuels-redesign-split-card\">\n\t<div class=\"fuels-split-card__image\">\n\t\t\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/placehold.co\/1200x675?text=Split+Primary\"\n\t\t\t\talt=\"Split Card image\"\n\t\t\t\tstyle=\"object-position:50% 50%;\"\n\t\t\t\tloading=\"lazy\"\n\t\t\t\tdecoding=\"async\"\n\t\t\t\/>\n\t\t\t<\/div>\n\n\t<div class=\"fuels-split-card__content\">\n\t\t<div class=\"fuels-split-card__text\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"fuels-split-card__title\" style=\"text-align:left;\">Primary split card<\/h2>\n\t\t\t\t\t\t<\/div>\n\n\t\t<div class=\"fuels-split-card__body\">\n\t\t\t\t\t\t\n\n<p class=\"wp-block-paragraph\">Showcasing the primary layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Additional supporting copy for the primary card.<\/p>\n\n\n<a\n\tclass=\"cta-button__link wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Learn more<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n\n\t\t<\/div>\n\n\t\t\t<\/div>\n<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Split Card \u2014 Secondary<\/h2>\n\n\n\n<div class=\"fuels-split-card fuels-split-card--secondary fuels-split-card--image-right wp-block-fuels-redesign-split-card\">\n\t<div class=\"fuels-split-card__image\">\n\t\t\t\t\t\n\t\t<div class=\"fuels-video-embed fuels-video-embed--square wp-block-fuels-redesign-video-embed\">\n\t\t<div class=\"fuels-video-embed__inner\">\n\t\t\t<div class=\"fuels-video-embed__media\">\n\t\t\t\t\n\t\t\t\t<div class=\"fuels-video-embed__gradient-overlay\"><\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"fuels-video-embed__video-meta\" aria-hidden=\"true\" style=\"--fuels-video-embed-playtime-bg: var(--wp--preset--color--phillips-red);\">\n\t\t\t\t\t\t<div class=\"fuels-video-embed__progress-label\">\n\t\t\t\t\t\t\tVideo Playtime:\t\t\t\t\t\t\t<span class=\"fuels-video-embed__progress-time\">0:30<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"fuels-video-embed__progress-bar\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t<div class=\"fuels-split-card__content\">\n\t\t<div class=\"fuels-split-card__text\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"fuels-split-card__title\" style=\"text-align:left;\">Secondary split card<\/h2>\n\t\t\t\t\t\t<\/div>\n\n\t\t<div class=\"fuels-split-card__body\">\n\t\t\t\t\t\t\n\n<p class=\"wp-block-paragraph\">Showcasing the secondary layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Additional supporting copy for the secondary card.<\/p>\n\n\n<a\n\tclass=\"cta-button__link is-style-secondary wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Learn more<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n\n\t\t<\/div>\n\n\t\t\t<\/div>\n<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Split Card \u2014 Promotion<\/h2>\n\n\n\n<div class=\"fuels-split-card fuels-split-card--promotion fuels-split-card--image-left wp-block-fuels-redesign-split-card\">\n\t<div class=\"fuels-split-card__image\">\n\t\t\t\t\t<div class=\"fuels-split-card__image-placeholder\"><\/div>\n\t\t\t<\/div>\n\n\t<div class=\"fuels-split-card__content\">\n\t\t<div class=\"fuels-split-card__text\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"fuels-split-card__title\" style=\"text-align:left;\">Promotion split card<\/h2>\n\t\t\t\t\t\t<\/div>\n\n\t\t<div class=\"fuels-split-card__body\">\n\t\t\t\t\t\t\n\n<p class=\"wp-block-paragraph\">Showcasing the promotion layout with video.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Additional supporting copy for the promotion card.<\/p>\n\n\n<a\n\tclass=\"cta-button__link wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Learn more<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n\n\t\t<\/div>\n\n\t\t\t<\/div>\n<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Specialty Card \u2014 FF<\/h2>\n\n\n\t<div class=\"fuels-specialty-card fuels-specialty-card--ff-specialty-card wp-block-fuels-redesign-specialty-card\">\n\n\t\t\t\t<div class=\"fuels-specialty-card__col-left\">\n\t\t\t<div class=\"fuels-specialty-card__icon\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(max-width: 865px)\" srcset=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/specialty-card\/FF-App-Icon_Horizontal.svg\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/specialty-card\/FF-App-Icon.svg\" alt=\"FF App Icon\" width=\"150\" height=\"140\" \/>\n\t\t\t\t<\/picture>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"fuels-specialty-card__text\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"fuels-specialty-card__left-title\">\n\t\t\t\t\t\tSave with every fill-up\t\t\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"fuels-specialty-card__left-description\">\n\t\t\t\t\t\t<p>Download the Fuel Forward app today.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<div class=\"fuels-specialty-card__cta\">\n\t\t\t\t<a class=\"cta-button__link wp-block-fuels-redesign-cta-button\" href=\"#\">\n\t<span class=\"cta-button__text\">Download the app<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n<\/svg>\n<\/a>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"fuels-specialty-card__store-buttons fuels-specialty-card__store-buttons--mobile\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/apps.apple.com\/us\/app\/example\/id0000000000\" target=\"_blank\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/social-media\/App-Store.png\" alt=\"Download on the App Store\" width=\"120\" height=\"40\" \/>\n\t\t\t\t\t<\/a>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.example\" target=\"_blank\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/social-media\/Google-Play.png\" alt=\"Get it on Google Play\" width=\"120\" height=\"40\" \/>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"fuels-specialty-card__terms\"><p>Terms and conditions apply.<\/p><\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"fuels-specialty-card__col-center\">\n\t\t\t<div class=\"fuels-specialty-card__phone-wrapper\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\tclass=\"fuels-specialty-card__phone-user-image\"\n\t\t\t\t\t\tsrc=\"https:\/\/placehold.co\/375x812?text=FF+App\"\n\t\t\t\t\t\talt=\"Specialty Card phone image\"\n\t\t\t\t\t\tstyle=\"object-position:50% 50%;\"\n\t\t\t\t\t\twidth=\"364\"\n\t\t\t\t\t\theight=\"700\"\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\tclass=\"fuels-specialty-card__phone-frame\"\n\t\t\t\t\tsrc=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/images\/Phone-frame-bottom.png\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t\twidth=\"383\"\n\t\t\t\t\theight=\"706\"\n\t\t\t\t\/>\n\t\t\t\t<img\n\t\t\t\t\tclass=\"fuels-specialty-card__phone-frame-top\"\n\t\t\t\t\tsrc=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/images\/Phone-frame-top.png\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t\twidth=\"377\"\n\t\t\t\t\theight=\"706\"\n\t\t\t\t\/>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"fuels-specialty-card__col-right\">\n\t\t\t<div class=\"fuels-specialty-card__text\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"fuels-specialty-card__right-title\">\n\t\t\t\t\t\tAvailable now\t\t\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"fuels-specialty-card__right-description\">\n\t\t\t\t\t\t<p>Download on iOS and Android.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<div class=\"fuels-specialty-card__store-buttons\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/apps.apple.com\/us\/app\/example\/id0000000000\" target=\"_blank\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/social-media\/App-Store.png\" alt=\"Download on the App Store\" width=\"120\" height=\"40\" \/>\n\t\t\t\t\t<\/a>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.example\" target=\"_blank\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/social-media\/Google-Play.png\" alt=\"Get it on Google Play\" width=\"120\" height=\"40\" \/>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Specialty Card \u2014 Email<\/h2>\n\n\n\t<div class=\"fuels-specialty-card fuels-specialty-card--email-specialty-card wp-block-fuels-redesign-specialty-card\">\n\t\t<div class=\"fuels-specialty-card__surface fuels-specialty-card__surface--email\">\n\t\t\t<div class=\"fuels-specialty-card__col-left fuels-specialty-card__col-left--email\">\n\t\t\t\t<div class=\"fuels-specialty-card__text fuels-specialty-card__text--email\">\n\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"fuels-specialty-card__left-title\">\n\t\t\t\t\t\t\tSign up for emails\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-specialty-card__left-description\">\n\t\t\t\t\t\t\t<p>Get exclusive deals sent to your inbox.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"fuels-specialty-card__cta fuels-specialty-card__cta--email\">\n\t\t\t\t\t<a class=\"cta-button__link wp-block-fuels-redesign-cta-button\" href=\"#\">\n\t<span class=\"cta-button__text\">Sign up<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n<\/svg>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"fuels-specialty-card__col-right fuels-specialty-card__col-right--email\">\n\t\t\t\t<div class=\"fuels-specialty-card__email-phone\">\n\t\t\t\t\t\n\t\t\t\t\t<img\n\t\t\t\t\t\tclass=\"fuels-specialty-card__email-image\"\n\t\t\t\t\t\tsrc=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/images\/Hand-Phone-Frame.png\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\twidth=\"520\"\n\t\t\t\t\t\theight=\"559\"\n\t\t\t\t\t\/>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Specialty Card \u2014 Find Station<\/h2>\n\n\n\t<div class=\"fuels-specialty-card fuels-specialty-card--find-station-specialty-card wp-block-fuels-redesign-specialty-card\">\n\n\t\t<div class=\"fuels-specialty-card__surface fuels-specialty-card__surface--find-station\" style=\"--fs-bg:url(https:\/\/placehold.co\/1200x675?text=Find+Station)\">\n\t\t\t<div class=\"fuels-specialty-card__col-left\">\n\t\t\t\t<div class=\"fuels-specialty-card__text\">\n\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"fuels-specialty-card__left-title\">\n\t\t\t\t\t\t\tFind a station near you\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-specialty-card__left-description\">\n\t\t\t\t\t\t\t<p>Locate your nearest Conoco station.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"fuels-specialty-card__cta\">\n\t\t\t\t\t<a class=\"cta-button__link wp-block-fuels-redesign-cta-button\" href=\"#\">\n\t<span class=\"cta-button__text\">Find a station<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n<\/svg>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"fuels-specialty-card__col-right fuels-specialty-card__col-right--pump\">\n\t\t\t\t<div class=\"fuels-specialty-card__pump-wrapper fuels-specialty-card__pump-wrapper--conoco\">\n\t\t\t\t\t<picture>\n\t\t\t\t\t\t<source media=\"(max-width: 865px)\" srcset=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/images\/Gas-Pumps-Conoco-Mobile.png\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tclass=\"fuels-specialty-card__pump-image\"\n\t\t\t\t\t\t\tsrc=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/images\/Gas-Pumps-Conoco.png\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\t\twidth=\"694\"\n\t\t\t\t\t\t\theight=\"547\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t<\/picture>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Two Columns<\/h2>\n\n\n<div class=\"wp-block-fuels-redesign-two-columns\">\n\t\n<div class=\"two-columns__card wp-block-fuels-redesign-card-two-column\">\n\t\t\t<div class=\"two-columns__card-image-wrapper\">\n\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/placehold.co\/1200x675?text=Column+1\"\n\t\t\t\talt=\"Card Two Column image\"\n\t\t\t\tclass=\"two-columns__card-image\"\n\t\t\t\tstyle=\"object-position: 50% 50%;\"\n\t\t\t\/>\n\t\t<\/div>\n\t\n\t<div class=\"two-columns__card-content\">\n\t\t\t\t\t<h3 class=\"two-columns__card-title has-headline-2-font-size has-headline-4-font-size-mobile\" style=\"text-align:left;\">Column one<\/h3>\n\t\t\t\t\t\t\t<div class=\"two-columns__card-description has-paragraph-3-font-size has-paragraph-1-font-size-mobile\" style=\"text-align:left;\"><p>First column description.<\/p><\/div>\n\t\t\t<\/div>\n\n\t<div class=\"two-columns__cta-wrapper\">\n\t\t\n<a\n\tclass=\"cta-button__link wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Learn more<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n\n\t<\/div>\n<\/div>\n\n\n<div class=\"two-columns__card wp-block-fuels-redesign-card-two-column\">\n\t\t\t<div class=\"two-columns__card-image-wrapper\">\n\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/placehold.co\/1200x675?text=Column+2\"\n\t\t\t\talt=\"Card Two Column image\"\n\t\t\t\tclass=\"two-columns__card-image\"\n\t\t\t\tstyle=\"object-position: 50% 50%;\"\n\t\t\t\/>\n\t\t<\/div>\n\t\n\t<div class=\"two-columns__card-content\">\n\t\t\t\t\t<h3 class=\"two-columns__card-title has-headline-2-font-size has-headline-4-font-size-mobile\" style=\"text-align:left;\">Column two<\/h3>\n\t\t\t\t\t\t\t<div class=\"two-columns__card-description has-paragraph-3-font-size has-paragraph-1-font-size-mobile\" style=\"text-align:left;\"><p>Second column description.<\/p><\/div>\n\t\t\t<\/div>\n\n\t<div class=\"two-columns__cta-wrapper\">\n\t\t\n<a\n\tclass=\"cta-button__link wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Learn more<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n\n\t<\/div>\n<\/div>\n\n<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Campaign Specialty Card<\/h2>\n\n\n<div class=\"wp-block-fuels-redesign-campaign-specialty-card wp-block-fuels-redesign-campaign-specialty-card--text-white\" style=\"background: linear-gradient(180deg, var(--wp--custom--color--phillips-66-red, #DA2B1F) 0%, var(--wp--custom--color--phillips-66-red-80-shade, #AE2219) 100%);\">\n\n\t<div class=\"wp-block-fuels-redesign-campaign-specialty-card__left\">\n\n\t\t\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/logos\/p66-rev.png\"\n\t\t\t\tclass=\"wp-block-fuels-redesign-campaign-specialty-card__logo wp-block-fuels-redesign-campaign-specialty-card__logo--p66\"\n\t\t\t\talt=\"\"\n\t\t\t\/>\n\t\t\n\t\t<div class=\"wp-block-fuels-redesign-campaign-specialty-card__content\">\n\t\t\t<h3 class=\"wp-block-fuels-redesign-campaign-specialty-card__title\">\n\t\t\t\tCampaign spotlight\t\t\t<\/h3>\n\t\t\t<div class=\"wp-block-fuels-redesign-campaign-specialty-card__description\">\n\t\t\t\t<p>A campaign card mixing color and image rectangles.<\/p>\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t<div class=\"wp-block-fuels-redesign-campaign-specialty-card__social-icons\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\thref=\"https:\/\/instagram.com\/phillips66\"\n\t\t\t\t\t\tclass=\"wp-block-fuels-redesign-campaign-specialty-card__social-link wp-block-fuels-redesign-campaign-specialty-card__social-link--instagram\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\taria-label=\"Instagram\"\n\t\t\t\t\t><svg width=\"31\" height=\"31\" viewBox=\"0 0 31 31\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_160_2138)\">\n<path d=\"M21.7652 0H9.23536C4.14286 0 0 4.14286 0 9.23536V21.7652C0 26.8577 4.14286 31.0006 9.23536 31.0006H21.7652C26.8577 31.0006 31.0006 26.8577 31.0006 21.7652V9.23536C31.0006 4.14286 26.8577 0 21.7652 0ZM27.8816 21.7652C27.8816 25.143 25.143 27.8816 21.7652 27.8816H9.23536C5.85761 27.8816 3.11896 25.143 3.11896 21.7652V9.23536C3.11896 5.85705 5.85761 3.11896 9.23536 3.11896H21.7652C25.143 3.11896 27.8816 5.85761 27.8816 9.23536V21.7652Z\" fill=\"white\"\/>\n<path d=\"M15.5015 7.4812C11.0807 7.4812 7.48358 11.0778 7.48358 15.4991C7.48358 19.9205 11.0802 23.5171 15.5015 23.5171C19.9228 23.5171 23.5194 19.9205 23.5194 15.4991C23.5194 11.0778 19.9228 7.4812 15.5015 7.4812ZM15.5015 20.3981C12.7955 20.3981 10.6025 18.2046 10.6025 15.4991C10.6025 12.7937 12.7961 10.6002 15.5015 10.6002C18.207 10.6002 20.4005 12.7937 20.4005 15.4991C20.4005 18.2046 18.207 20.3981 15.5015 20.3981Z\" fill=\"white\"\/>\n<path d=\"M23.534 9.46366C24.5951 9.46366 25.4552 8.6035 25.4552 7.54244C25.4552 6.48138 24.5951 5.62122 23.534 5.62122C22.473 5.62122 21.6128 6.48138 21.6128 7.54244C21.6128 8.6035 22.473 9.46366 23.534 9.46366Z\" fill=\"white\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_160_2138\">\n<rect width=\"31\" height=\"31\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\thref=\"https:\/\/facebook.com\/phillips66\"\n\t\t\t\t\t\tclass=\"wp-block-fuels-redesign-campaign-specialty-card__social-link wp-block-fuels-redesign-campaign-specialty-card__social-link--facebook\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\taria-label=\"Facebook\"\n\t\t\t\t\t><svg width=\"31\" height=\"31\" viewBox=\"0 0 31 31\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_160_2139)\">\n<path d=\"M15.5002 0C6.93961 0 0 6.97333 0 15.5755C0 23.2953 5.58925 29.7032 12.9229 30.9364V20.1801H8.95729V15.5655H12.9229V12.1622C12.9229 8.21277 15.3231 6.06242 18.8291 6.06242C20.5084 6.06242 21.9519 6.18798 22.3727 6.24422V10.3716L19.9411 10.3727C18.0342 10.3727 17.6651 11.2833 17.6651 12.6194V15.5655H22.2125L21.6203 20.1801H17.6651V31.0004C25.2007 29.942 31 23.4397 31 15.5759C31 6.97332 24.0604 0 15.5002 0Z\" fill=\"white\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_160_2139\">\n<rect width=\"31\" height=\"31\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\thref=\"https:\/\/youtube.com\/phillips66\"\n\t\t\t\t\t\tclass=\"wp-block-fuels-redesign-campaign-specialty-card__social-link wp-block-fuels-redesign-campaign-specialty-card__social-link--youtube\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\taria-label=\"Youtube\"\n\t\t\t\t\t><svg width=\"37\" height=\"27\" viewBox=\"0 0 37 27\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_160_2140)\">\n<path d=\"M27.3323 0H9.66768C0 0 0 2.89659 0 10.0193V16.9807C0 23.7568 1.3682 27 9.66768 27H27.3323C34.828 27 37 25.1053 37 16.9807V10.0193C37 2.52146 36.6342 0 27.3323 0ZM14.7205 18.7898V7.86352L24.6907 13.3101L14.7205 18.7898Z\" fill=\"white\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_160_2140\">\n<rect width=\"37\" height=\"27\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\n\t\t<div class=\"wp-block-fuels-redesign-campaign-specialty-card__cta\">\n\t\t\t\n<a\n\tclass=\"cta-button__link wp-block-fuels-redesign-cta-button\"\thref=\"\"\n\t\t>\n\t<span class=\"cta-button__text\">Default text<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n\n\t\t<\/div>\n\n\t<\/div>\n\n\t<div class=\"wp-block-fuels-redesign-campaign-specialty-card__right\">\n\t\t\t\t\t<div\n\tclass=\"wp-block-fuels-redesign-campaign-specialty-card__rect wp-block-fuels-redesign-campaign-specialty-card__rect--1\"\n\tstyle=\"\"\n>\n\t\t\t<img\n\t\t\tclass=\"wp-block-fuels-redesign-campaign-specialty-card__rect-image\"\n\t\t\tsrc=\"https:\/\/placehold.co\/256x256?text=Rect+1\"\n\t\t\talt=\"Campaign Specialty Card rectangle 1 image\"\n\t\t\tstyle=\"object-position: 50% 50%;\"\n\t\t\/>\n\t<\/div>\n\t\t\t\t\t<div\n\tclass=\"wp-block-fuels-redesign-campaign-specialty-card__rect wp-block-fuels-redesign-campaign-specialty-card__rect--2\"\n\tstyle=\"\"\n>\n\t\t\t<img\n\t\t\tclass=\"wp-block-fuels-redesign-campaign-specialty-card__rect-image\"\n\t\t\tsrc=\"https:\/\/placehold.co\/256x256?text=Rect+2\"\n\t\t\talt=\"Campaign Specialty Card rectangle 2 image\"\n\t\t\tstyle=\"object-position: 50% 50%;\"\n\t\t\/>\n\t<\/div>\n\t\t\t\t\t<div\n\tclass=\"wp-block-fuels-redesign-campaign-specialty-card__rect wp-block-fuels-redesign-campaign-specialty-card__rect--3\"\n\tstyle=\"\"\n>\n\t\t\t<img\n\t\t\tclass=\"wp-block-fuels-redesign-campaign-specialty-card__rect-image\"\n\t\t\tsrc=\"https:\/\/placehold.co\/256x256?text=Rect+3\"\n\t\t\talt=\"Campaign Specialty Card rectangle 3 image\"\n\t\t\tstyle=\"object-position: 50% 50%;\"\n\t\t\/>\n\t<\/div>\n\t\t\t\t\t<div\n\tclass=\"wp-block-fuels-redesign-campaign-specialty-card__rect wp-block-fuels-redesign-campaign-specialty-card__rect--4\"\n\tstyle=\"background: rgba(22,22,22,1); mix-blend-mode: multiply;\"\n>\n\t<\/div>\n\t\t\t\t\t<div\n\tclass=\"wp-block-fuels-redesign-campaign-specialty-card__rect wp-block-fuels-redesign-campaign-specialty-card__rect--5\"\n\tstyle=\"background: rgba(218,43,31,1); mix-blend-mode: multiply;\"\n>\n\t<\/div>\n\t\t\t\t\t<div\n\tclass=\"wp-block-fuels-redesign-campaign-specialty-card__rect wp-block-fuels-redesign-campaign-specialty-card__rect--6\"\n\tstyle=\"background: rgba(218,43,31,1); mix-blend-mode: multiply;\"\n>\n\t<\/div>\n\t\t\t<\/div>\n\n<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Video Embed \u2014 Square<\/h2>\n\n\n\n\t\t<div class=\"fuels-video-embed fuels-video-embed--square wp-block-fuels-redesign-video-embed\">\n\t\t<div class=\"fuels-video-embed__inner\">\n\t\t\t<div class=\"fuels-video-embed__media\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\tclass=\"fuels-video-embed__poster\"\n\t\t\t\t\t\tsrc=\"https:\/\/placehold.co\/1280x720?text=Square+Video\"\n\t\t\t\t\t\talt=\"Video Embed poster image\"\n\t\t\t\t\t\tstyle=\"object-position: 50% 50%;\"\n\t\t\t\t\t\/>\n\t\t\t\t\n\t\t\t\t<div class=\"fuels-video-embed__gradient-overlay\"><\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"fuels-video-embed__video-meta\" aria-hidden=\"true\" style=\"--fuels-video-embed-playtime-bg: var(--wp--preset--color--phillips-red);\">\n\t\t\t\t\t\t<div class=\"fuels-video-embed__progress-label\">\n\t\t\t\t\t\t\tVideo Playtime:\t\t\t\t\t\t\t<span class=\"fuels-video-embed__progress-time\">0:30<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"fuels-video-embed__progress-bar\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-video-embed__play-area\">\n\t\t\t\t\t\t<a class=\"cta-button__link is-style-video-play wp-block-fuels-redesign-cta-button\" href=\"#\">\n\t<span class=\"cta-button__text\">Watch Video<\/span>\n\t\n\n\n<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Video Embed \u2014 Full Width<\/h2>\n\n\n\n\t\t<div class=\"fuels-video-embed fuels-video-embed--video-full-width wp-block-fuels-redesign-video-embed\">\n\t\t<div class=\"fuels-video-embed__inner\">\n\t\t\t<div class=\"fuels-video-embed__media\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\tclass=\"fuels-video-embed__poster\"\n\t\t\t\t\t\tsrc=\"https:\/\/placehold.co\/1280x720?text=Full+Width+Video\"\n\t\t\t\t\t\talt=\"Video Embed poster image\"\n\t\t\t\t\t\tstyle=\"object-position: 50% 50%;\"\n\t\t\t\t\t\/>\n\t\t\t\t\n\t\t\t\t<div class=\"fuels-video-embed__gradient-overlay\"><\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"fuels-video-embed__video-meta\" aria-hidden=\"true\" style=\"--fuels-video-embed-playtime-bg: var(--wp--preset--color--phillips-red);\">\n\t\t\t\t\t\t<div class=\"fuels-video-embed__progress-label\">\n\t\t\t\t\t\t\tVideo Playtime:\t\t\t\t\t\t\t<span class=\"fuels-video-embed__progress-time\">0:30<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"fuels-video-embed__progress-bar\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"fuels-video-embed__content\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-video-embed__text-group\">\n\t\t\t\t\t\t\t\n<h2 class=\"wp-block-heading\">How low can you GO?<\/h2>\n\t\t\t\t\t\t\t\n<p class=\"wp-block-paragraph\">Watch the full story.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-video-embed__cta fuels-video-embed__cta--full-width\">\n\t\t\t\t\t\t\t<a class=\"cta-button__link is-style-video-play wp-block-fuels-redesign-cta-button\" href=\"#\">\n\t<span class=\"cta-button__text\">Watch Video<\/span>\n\t\n\n\n<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Table<\/h2>\n\n\n<div class=\"wp-block-fuels-redesign-table\">\n\t\t<div class=\"table__border-wrapper is-four-columns\">\n\t<div class=\"table__scroll-wrapper\"\n\t\ttabindex=\"0\"\n\t\trole=\"region\"\n\t\taria-label=\"Scrollable table\">\n\t\t<table class=\"table__table\">\n\t\t\t\t\t\t\t<thead>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<th scope=\"col\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\tFuel Type\t\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<th scope=\"col\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\tOctane\t\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<th scope=\"col\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\tPrice\/Gal\t\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<th scope=\"col\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\tAvailability\t\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t<\/thead>\n\t\t\t\n\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\tRegular\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\t87\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\t$3.29\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\tAll stations\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\tPlus\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\t89\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\t$3.49\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\tSelect stations\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\tPremium\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\t93\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\t$3.79\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\tAll stations\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t<\/tbody>\n\t\t<\/table>\n\t<\/div>\n\t<\/div>\n\n\t\t<div class=\"table__cards\" role=\"list\">\n\t\t\t\t\t<div class=\"table__card\" role=\"listitem\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tFuel Type\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\tRegular\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tOctane\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\t87\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tPrice\/Gal\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\t$3.29\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tAvailability\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\tAll stations\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"table__card\" role=\"listitem\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tFuel Type\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\tPlus\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tOctane\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\t89\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tPrice\/Gal\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\t$3.49\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tAvailability\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\tSelect stations\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"table__card\" role=\"listitem\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tFuel Type\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\tPremium\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tOctane\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\t93\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tPrice\/Gal\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\t$3.79\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tAvailability\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\tAll stations\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<p class=\"table__caption\">Sample fuel pricing table<\/p>\n\t<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Table \u2014 Compact density<\/h3>\n\n\n<div class=\"wp-block-fuels-redesign-table\">\n\t\t<div class=\"table__border-wrapper is-density-compact is-four-columns\">\n\t<div class=\"table__scroll-wrapper\"\n\t\ttabindex=\"0\"\n\t\trole=\"region\"\n\t\taria-label=\"Scrollable table\">\n\t\t<table class=\"table__table\">\n\t\t\t\t\t\t\t<thead>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<th scope=\"col\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\tFuel Type\t\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<th scope=\"col\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\tOctane\t\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<th scope=\"col\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\tPrice\/Gal\t\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<th scope=\"col\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\tAvailability\t\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t<\/thead>\n\t\t\t\n\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\tRegular\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\t87\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\t$3.29\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\tAll stations\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\tPremium\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\t93\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\t$3.79\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td tabindex=\"0\" style=\"text-align:center\">\n\t\t\t\t\t\t\t\t\tAll stations\t\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t<\/tbody>\n\t\t<\/table>\n\t<\/div>\n\t<\/div>\n\n\t\t<div class=\"table__cards\" role=\"list\">\n\t\t\t\t\t<div class=\"table__card\" role=\"listitem\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tFuel Type\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\tRegular\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tOctane\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\t87\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tPrice\/Gal\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\t$3.29\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tAvailability\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\tAll stations\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"table__card\" role=\"listitem\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tFuel Type\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\tPremium\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tOctane\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\t93\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tPrice\/Gal\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\t$3.79\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"table__card-field\" tabindex=\"0\">\n\t\t\t\t\t\t\t<p class=\"table__card-label\">\n\t\t\t\t\t\t\t\tAvailability\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t<p class=\"table__card-value\">\n\t\t\t\t\t\t\t\tAll stations\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<p class=\"table__caption\">Sample fuel pricing table (compact)<\/p>\n\t<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">FAQ<\/h2>\n\n\n<section class=\"fuels-faq wp-block-fuels-redesign-faq\" data-initial-state=\"closed\">\n\t\t\t<h1 class=\"fuels-faq__heading\">Frequently Asked Questions<\/h1>\n\t\n\t\t\t<nav class=\"fuels-faq__chips\" aria-label=\"FAQ categories\">\n\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\tclass=\"fuels-faq__chip\"\n\t\t\t\t\tdata-faq-chip\n\t\t\t\t\tdata-category-id=\"14\"\n\t\t\t\t\thref=\"#fuels-faq-1-category-14\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\tAccounts\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\tclass=\"fuels-faq__chip\"\n\t\t\t\t\tdata-faq-chip\n\t\t\t\t\tdata-category-id=\"20\"\n\t\t\t\t\thref=\"#fuels-faq-1-category-20\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\tE85\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\tclass=\"fuels-faq__chip\"\n\t\t\t\t\tdata-faq-chip\n\t\t\t\t\tdata-category-id=\"13\"\n\t\t\t\t\thref=\"#fuels-faq-1-category-13\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\tGeneral\t\t\t\t<\/a>\n\t\t\t\t\t<\/nav>\n\t\n\t\t\t<div class=\"fuels-faq__groups\" data-faq-groups>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<section class=\"fuels-faq__category\" id=\"fuels-faq-1-category-14\" data-faq-category data-category-id=\"14\">\n\t\t\t\t\t\t<div class=\"fuels-faq__category-header\">\n\t\t\t\t\t\t\t<h3 class=\"fuels-faq__category-title\">Accounts<\/h3>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclass=\"fuels-faq__category-toggle\"\n\t\t\t\t\t\t\t\tid=\"fuels-faq-1-category-button-14\"\n\t\t\t\t\t\t\t\taria-controls=\"fuels-faq-1-category-panel-14\"\n\t\t\t\t\t\t\t\taria-expanded=\"true\"\n\t\t\t\t\t\t\t\tdata-faq-category-toggle\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class=\"screen-reader-text\">\n\t\t\t\t\t\t\t\t\tToggle Accounts\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<span class=\"fuels-faq__category-toggle-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__category-toggle-icon-img fuels-faq__category-toggle-icon-img--down\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/up.svg\" alt=\"\" width=\"12\" height=\"7\" \/>\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__category-toggle-icon-img fuels-faq__category-toggle-icon-img--up\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/down.svg\" alt=\"\" width=\"12\" height=\"7\" \/>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"fuels-faq__category-panel\"\n\t\t\t\t\t\t\tid=\"fuels-faq-1-category-panel-14\"\n\t\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t\t\taria-labelledby=\"fuels-faq-1-category-button-14\"\n\t\t\t\t\t\t\tdata-faq-category-panel\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"fuels-faq__accordion\" data-faq-accordion>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"fuels-faq__item\" data-faq-item>\n\t\t\t\t\t\t\t\t\t\t<p class=\"fuels-faq__question-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__question\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-item-14-74823\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-controls=\"fuels-faq-1-panel-14-74823\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-faq-toggle\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-text\">I forgot my password. How can I reset it?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--plus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/plus.svg\" alt=\"\" width=\"16\" height=\"16\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--minus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/minus.svg\" alt=\"\" width=\"17\" height=\"2\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__answer\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-panel-14-74823\"\n\t\t\t\t\t\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby=\"fuels-faq-1-item-14-74823\"\n\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-faq__answer-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n<p class=\"wp-block-paragraph\">Select \u201cForgot Password\u201d at the launch screen or on the log-In screen. You will be texted a verification code and taken to the \u201cReset Password\u201d screen. Have more questions? Contact us at www.phillips66gas.com\/contact-us.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"fuels-faq__item\" data-faq-item>\n\t\t\t\t\t\t\t\t\t\t<p class=\"fuels-faq__question-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__question\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-item-14-74824\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-controls=\"fuels-faq-1-panel-14-74824\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-faq-toggle\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-text\">I have a new phone number and no longer have access to my account. How can I\u2028update it?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--plus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/plus.svg\" alt=\"\" width=\"16\" height=\"16\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--minus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/minus.svg\" alt=\"\" width=\"17\" height=\"2\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__answer\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-panel-14-74824\"\n\t\t\t\t\t\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby=\"fuels-faq-1-item-14-74824\"\n\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-faq__answer-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n<p class=\"wp-block-paragraph\">If you have changed your phone number and are currently logged out of your account, please contact us at www.phillips66gas.com\/contact-us.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"fuels-faq__item\" data-faq-item>\n\t\t\t\t\t\t\t\t\t\t<p class=\"fuels-faq__question-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__question\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-item-14-74825\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-controls=\"fuels-faq-1-panel-14-74825\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-faq-toggle\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-text\">How do I delete my user account?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--plus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/plus.svg\" alt=\"\" width=\"16\" height=\"16\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--minus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/minus.svg\" alt=\"\" width=\"17\" height=\"2\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__answer\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-panel-14-74825\"\n\t\t\t\t\t\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby=\"fuels-faq-1-item-14-74825\"\n\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-faq__answer-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n<p class=\"wp-block-paragraph\">To delete your user account, go to Account &gt; Privacy &amp; Terms and select Delete Account. You will be texted a verification code. Have more questions? Please contact us at www.phillips66gas.com\/contact-us.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/section>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<section class=\"fuels-faq__category\" id=\"fuels-faq-1-category-20\" data-faq-category data-category-id=\"20\">\n\t\t\t\t\t\t<div class=\"fuels-faq__category-header\">\n\t\t\t\t\t\t\t<h3 class=\"fuels-faq__category-title\">E85<\/h3>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclass=\"fuels-faq__category-toggle\"\n\t\t\t\t\t\t\t\tid=\"fuels-faq-1-category-button-20\"\n\t\t\t\t\t\t\t\taria-controls=\"fuels-faq-1-category-panel-20\"\n\t\t\t\t\t\t\t\taria-expanded=\"true\"\n\t\t\t\t\t\t\t\tdata-faq-category-toggle\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class=\"screen-reader-text\">\n\t\t\t\t\t\t\t\t\tToggle E85\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<span class=\"fuels-faq__category-toggle-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__category-toggle-icon-img fuels-faq__category-toggle-icon-img--down\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/up.svg\" alt=\"\" width=\"12\" height=\"7\" \/>\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__category-toggle-icon-img fuels-faq__category-toggle-icon-img--up\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/down.svg\" alt=\"\" width=\"12\" height=\"7\" \/>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"fuels-faq__category-panel\"\n\t\t\t\t\t\t\tid=\"fuels-faq-1-category-panel-20\"\n\t\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t\t\taria-labelledby=\"fuels-faq-1-category-button-20\"\n\t\t\t\t\t\t\tdata-faq-category-panel\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"fuels-faq__accordion\" data-faq-accordion>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"fuels-faq__item\" data-faq-item>\n\t\t\t\t\t\t\t\t\t\t<p class=\"fuels-faq__question-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__question\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-item-20-75462\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-controls=\"fuels-faq-1-panel-20-75462\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-faq-toggle\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-text\">What is the percentage of ethanol in Phillips 66\u00ae\u00a0E85?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--plus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/plus.svg\" alt=\"\" width=\"16\" height=\"16\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--minus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/minus.svg\" alt=\"\" width=\"17\" height=\"2\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__answer\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-panel-20-75462\"\n\t\t\t\t\t\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby=\"fuels-faq-1-item-20-75462\"\n\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-faq__answer-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n<p class=\"wp-block-paragraph\">Ethanol accounts for at least 80% of the final product.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"fuels-faq__item\" data-faq-item>\n\t\t\t\t\t\t\t\t\t\t<p class=\"fuels-faq__question-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__question\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-item-20-75463\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-controls=\"fuels-faq-1-panel-20-75463\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-faq-toggle\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-text\">Higher Octane<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--plus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/plus.svg\" alt=\"\" width=\"16\" height=\"16\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--minus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/minus.svg\" alt=\"\" width=\"17\" height=\"2\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__answer\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-panel-20-75463\"\n\t\t\t\t\t\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby=\"fuels-faq-1-item-20-75463\"\n\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-faq__answer-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n<p class=\"wp-block-paragraph\">Phillips 66<sup>\u00ae<\/sup>\u00a0E85 has a higher-octane rating than premium gasoline. Higher octane allows for better engine performance and a smoother running engine.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"fuels-faq__item\" data-faq-item>\n\t\t\t\t\t\t\t\t\t\t<p class=\"fuels-faq__question-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__question\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-item-20-75464\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-controls=\"fuels-faq-1-panel-20-75464\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-faq-toggle\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-text\">Is Phillips 66\u00ae\u00a0E85 safe for my engine?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--plus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/plus.svg\" alt=\"\" width=\"16\" height=\"16\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--minus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/minus.svg\" alt=\"\" width=\"17\" height=\"2\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__answer\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-panel-20-75464\"\n\t\t\t\t\t\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby=\"fuels-faq-1-item-20-75464\"\n\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-faq__answer-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n<p class=\"wp-block-paragraph\">Check your gas cap, fuel door or owner\u2019s manual. Many flex-fuel vehicles have a distinct yellow gas cap, a sticker inside the fuel door, or a badge on the exterior that says \u201cFFV\u201d or \u201cFlex Fuel.\u201d Phillips 66<sup>\u00ae<\/sup>&nbsp;E85 is only intended for use in vehicles identified by the manufacturer as a flex-fuel vehicle.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also learn more here:&nbsp;<a href=\"https:\/\/www.fueleconomy.gov\/feg\/flextech.shtml\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.fueleconomy.gov\/feg\/flextech.shtml<\/a><\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"fuels-faq__item\" data-faq-item>\n\t\t\t\t\t\t\t\t\t\t<p class=\"fuels-faq__question-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__question\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-item-20-75465\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-controls=\"fuels-faq-1-panel-20-75465\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-faq-toggle\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-text\">Why Phillips 66\u00ae\u00a0E85?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--plus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/plus.svg\" alt=\"\" width=\"16\" height=\"16\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--minus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/minus.svg\" alt=\"\" width=\"17\" height=\"2\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__answer\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-panel-20-75465\"\n\t\t\t\t\t\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby=\"fuels-faq-1-item-20-75465\"\n\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-faq__answer-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n<p class=\"wp-block-paragraph\">Phillips 66<sup>\u00ae<\/sup>&nbsp;E85 fuel provides a reduction in some tailpipe emissions. For some flex-fuel vehicles, users may notice improvement in engine performance and power compared to gasoline.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">*Compared to gasoline:&nbsp;<a href=\"https:\/\/afdc.energy.gov\/vehicles\/flexible_fuel_emissions.html\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/afdc.energy.gov\/vehicles\/flexible_fuel_emissions.htm<\/a><\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"fuels-faq__item\" data-faq-item>\n\t\t\t\t\t\t\t\t\t\t<p class=\"fuels-faq__question-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__question\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-item-20-75466\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-controls=\"fuels-faq-1-panel-20-75466\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-faq-toggle\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-text\">What is Phillips 66\u00ae\u00a0E85?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--plus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/plus.svg\" alt=\"\" width=\"16\" height=\"16\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--minus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/minus.svg\" alt=\"\" width=\"17\" height=\"2\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__answer\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-panel-20-75466\"\n\t\t\t\t\t\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby=\"fuels-faq-1-item-20-75466\"\n\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-faq__answer-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n<p class=\"wp-block-paragraph\">Phillips 66<sup>\u00ae<\/sup>\u00a0E85, also called flex fuel, is a blend of ethanol and gasoline designed for use only in flex-fuel vehicles. Ethanol is made from renewable resources generally derived from crops like corn and sugar cane. For any flex-fuel vehicle, this product can be considered a \u201cdrop-in\u201d fuel (no engine modifications necessary).<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/section>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<section class=\"fuels-faq__category\" id=\"fuels-faq-1-category-13\" data-faq-category data-category-id=\"13\">\n\t\t\t\t\t\t<div class=\"fuels-faq__category-header\">\n\t\t\t\t\t\t\t<h3 class=\"fuels-faq__category-title\">General<\/h3>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclass=\"fuels-faq__category-toggle\"\n\t\t\t\t\t\t\t\tid=\"fuels-faq-1-category-button-13\"\n\t\t\t\t\t\t\t\taria-controls=\"fuels-faq-1-category-panel-13\"\n\t\t\t\t\t\t\t\taria-expanded=\"true\"\n\t\t\t\t\t\t\t\tdata-faq-category-toggle\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class=\"screen-reader-text\">\n\t\t\t\t\t\t\t\t\tToggle General\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<span class=\"fuels-faq__category-toggle-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__category-toggle-icon-img fuels-faq__category-toggle-icon-img--down\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/up.svg\" alt=\"\" width=\"12\" height=\"7\" \/>\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__category-toggle-icon-img fuels-faq__category-toggle-icon-img--up\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/down.svg\" alt=\"\" width=\"12\" height=\"7\" \/>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"fuels-faq__category-panel\"\n\t\t\t\t\t\t\tid=\"fuels-faq-1-category-panel-13\"\n\t\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t\t\taria-labelledby=\"fuels-faq-1-category-button-13\"\n\t\t\t\t\t\t\tdata-faq-category-panel\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"fuels-faq__accordion\" data-faq-accordion>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"fuels-faq__item\" data-faq-item>\n\t\t\t\t\t\t\t\t\t\t<p class=\"fuels-faq__question-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__question\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-item-13-74822\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-controls=\"fuels-faq-1-panel-13-74822\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-faq-toggle\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-text\">How do I get started?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fuels-faq__question-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--plus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/plus.svg\" alt=\"\" width=\"16\" height=\"16\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"fuels-faq__question-icon-img fuels-faq__question-icon-img--minus\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/icons\/faq\/minus.svg\" alt=\"\" width=\"17\" height=\"2\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclass=\"fuels-faq__answer\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"fuels-faq-1-panel-13-74822\"\n\t\t\t\t\t\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby=\"fuels-faq-1-item-13-74822\"\n\t\t\t\t\t\t\t\t\t\t\thidden\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fuels-faq__answer-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n<p class=\"wp-block-paragraph\">Simply download the Fuel Forward\u00ae App, register an account by following the on-screen prompts and connect your wallet to a checking account, credit card, Apple Pay, Google Wallet, Venmo or PayPal. Then, just select your desired station and tap \u201cPay\u201d when you\u2019re ready to fill up. Your discount will be automatically applied.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t<\/section>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Icon List<\/h2>\n\n\n\n<ul class=\"icon-list wp-block-fuels-redesign-icon-list\">\n\t\n\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" >\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M12 2C13.38 2 14.68 2.26 15.89 2.79C17.1 3.31 18.16 4.03 19.06 4.94C19.97 5.84 20.69 6.89 21.21 8.11C21.73 9.32 22 10.62 22 12C22 13.38 21.74 14.68 21.21 15.89C20.69 17.1 19.97 18.17 19.06 19.08C18.16 19.98 17.11 20.69 15.89 21.21C14.68 21.73 13.38 22 12 22C10.62 22 9.32 21.74 8.11 21.21C6.9 20.69 5.83 19.97 4.92 19.08C4.02 18.17 3.31 17.11 2.79 15.89C2.27 14.68 2 13.38 2 12C2 10.62 2.26 9.32 2.79 8.11C3.31 6.9 4.03 5.84 4.92 4.94C5.83 4.03 6.89 3.31 8.11 2.79C9.32 2.27 10.62 2 12 2ZM12 19.68C13.06 19.68 14.06 19.48 14.98 19.08C15.92 18.67 16.73 18.11 17.42 17.42C18.11 16.73 18.66 15.92 19.06 15C19.47 14.06 19.68 13.06 19.68 12C19.68 10.94 19.47 9.94 19.06 9.02C18.66 8.08 18.11 7.27 17.42 6.58C16.73 5.89 15.92 5.34 14.98 4.94C14.06 4.53 13.06 4.32 12 4.32C10.94 4.32 9.94 4.53 9 4.94C8.08 5.34 7.27 5.89 6.58 6.58C5.89 7.27 5.34 8.08 4.92 9.02C4.52 9.94 4.32 10.94 4.32 12C4.32 13.06 4.52 14.06 4.92 15C5.33 15.92 5.89 16.73 6.58 17.42C7.27 18.11 8.08 18.66 9 19.08C9.94 19.48 10.94 19.68 12 19.68ZM16.37 11.59C16.69 11.59 16.96 11.71 17.2 11.94C17.43 12.16 17.55 12.43 17.55 12.75C17.55 13.07 17.43 13.36 17.2 13.6C16.97 13.82 16.69 13.93 16.37 13.93H12.15C11.82 13.93 11.54 13.82 11.3 13.6C11.08 13.37 10.97 13.08 10.97 12.75V7.57C10.97 7.25 11.08 6.98 11.3 6.76C11.53 6.53 11.82 6.41 12.15 6.41C12.48 6.41 12.74 6.53 12.96 6.76C13.19 6.98 13.31 7.25 13.31 7.57V11.59H16.37Z\" \/>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">Open 24 hours<\/span>\n<\/li>\n\n\n\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" >\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M10.74 19.88C9.50999 19.77 8.44 19.51 7.52 19.09C6.6 18.67 5.8 18.15 5.12 17.53L7.55 14.08C8.13 14.64 8.83 15.11 9.67 15.5C10.53 15.87 11.47 16.06 12.49 16.06C12.93 16.06 13.31 16 13.66 15.87C14.02 15.75 14.2 15.54 14.2 15.24C14.2 14.87 13.75 14.63 12.85 14.52C11.96 14.41 10.98 14.22 9.91 13.94C8.85 13.66 7.87 13.18 6.97 12.49C6.08 11.8 5.64 10.71 5.64 9.20002C5.64 8.62002 5.74999 8.06002 5.97 7.52002C6.19 6.96002 6.51 6.45002 6.93 6.00002C7.37 5.55002 7.9 5.17002 8.54 4.86002C9.18 4.53002 9.92 4.32002 10.76 4.21002V2.02002H13.7V4.24002C14.63 4.36002 15.5 4.60002 16.31 4.94002C17.12 5.27002 17.87 5.71002 18.55 6.27002L16.05 9.56002C15.38 9.05002 14.64 8.67002 13.83 8.42002C13.02 8.17002 12.26 8.05002 11.54 8.05002C11.07 8.05002 10.75 8.12002 10.58 8.26002C10.42 8.38002 10.35 8.54002 10.35 8.73002C10.35 9.10002 10.79 9.35002 11.68 9.48002C12.58 9.60002 13.56 9.81002 14.62 10.11C15.69 10.39 16.67 10.86 17.56 11.53C18.45 12.18 18.89 13.23 18.89 14.66C18.89 15.41 18.77 16.08 18.54 16.69C18.31 17.28 17.96 17.8 17.51 18.25C17.07 18.69 16.53 19.04 15.88 19.32C15.24 19.6 14.51 19.79 13.69 19.9V22.02H10.75V19.9L10.74 19.88Z\" \/>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">ATM available<\/span>\n<\/li>\n\n\n\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" >\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M17.43 14.73C17.64 14.76 17.9 14.9 18.19 15.15C18.48 15.4 18.63 15.77 18.63 16.25V19.33C18.63 19.33 18.62 19.41 18.59 19.57C18.56 19.73 18.45 19.82 18.25 19.83C18.08 19.84 17.92 19.85 17.77 19.85C17.64 19.84 17.57 19.83 17.57 19.83V20.97C17.57 21.68 17.24 22.02 16.57 22.01C15.9 22.01 15.57 21.66 15.57 20.97V19.83H8.41997V20.97C8.41997 21.66 8.08997 22.01 7.41997 22.01C6.74997 22.02 6.41997 21.68 6.41997 20.97V19.83H5.67997C5.46997 19.83 5.35997 19.74 5.35997 19.57V16.25C5.35997 15.77 5.50997 15.4 5.79997 15.15C6.08997 14.9 6.34997 14.76 6.55997 14.73L7.65997 11.91C7.74997 11.64 7.91997 11.41 8.15997 11.21C8.39997 11.01 8.72997 10.91 9.13997 10.91H14.85C15.28 10.91 15.6 11.01 15.83 11.21C16.07 11.41 16.24 11.64 16.33 11.91L17.43 14.73ZM7.45997 17.66C7.70997 17.66 7.92997 17.57 8.09997 17.38C8.28997 17.19 8.37997 16.97 8.37997 16.72C8.37997 16.45 8.28997 16.23 8.09997 16.04C7.92997 15.85 7.70997 15.76 7.45997 15.76C7.20997 15.76 6.98997 15.85 6.79997 16.04C6.62997 16.23 6.53997 16.45 6.53997 16.72C6.53997 16.99 6.62997 17.19 6.79997 17.38C6.98997 17.57 7.20997 17.66 7.45997 17.66ZM16.32 14.69L15.5 12.49C15.45 12.33 15.37 12.2 15.28 12.11C15.19 12 15.05 11.94 14.88 11.93H9.14997C8.95997 11.94 8.81997 12 8.72997 12.11C8.64997 12.2 8.57997 12.33 8.52997 12.49L7.70997 14.69H16.32ZM16.56 17.66C16.81 17.66 17.03 17.57 17.2 17.38C17.39 17.19 17.48 16.97 17.48 16.72C17.48 16.45 17.39 16.23 17.2 16.04C17.03 15.85 16.81 15.76 16.56 15.76C16.29 15.76 16.07 15.85 15.88 16.04C15.71 16.23 15.62 16.45 15.62 16.72C15.62 16.99 15.71 17.19 15.88 17.38C16.07 17.57 16.29 17.66 16.56 17.66ZM10.84 8.35C10.72 7.76 10.88 7.13 11.32 6.45C11.77 5.76 12 5.41 12 5.41C12 5.41 12.22 5.76 12.66 6.45C13.11 7.13 13.28 7.76 13.16 8.35C13.07 8.84 12.85 9.13 12.5 9.21C12.17 9.29 12 9.33 12 9.33C12 9.33 11.83 9.29 11.5 9.21C11.17 9.13 10.95 8.84 10.84 8.35ZM6.58997 7.99C6.47997 7.48 6.61997 6.93 7.00997 6.33C7.40997 5.72 7.60997 5.41 7.60997 5.41C7.60997 5.41 7.79997 5.72 8.18997 6.33C8.58997 6.93 8.73997 7.48 8.62997 7.99C8.54997 8.43 8.35997 8.69 8.04997 8.77C7.75997 8.84 7.60997 8.87 7.60997 8.87C7.60997 8.87 7.45997 8.84 7.16997 8.77C6.87997 8.69 6.67997 8.43 6.58997 7.99ZM15.38 7.99C15.27 7.48 15.41 6.93 15.8 6.33C16.2 5.72 16.4 5.41 16.4 5.41C16.4 5.41 16.59 5.72 16.98 6.33C17.38 6.93 17.53 7.48 17.44 7.99C17.35 8.43 17.15 8.69 16.84 8.77C16.55 8.84 16.4 8.87 16.4 8.87C16.4 8.87 16.25 8.84 15.96 8.77C15.67 8.69 15.47 8.43 15.38 7.99ZM4.90997 4.32C4.67997 4.32 4.48997 4.24 4.32997 4.08C4.16997 3.92 4.08997 3.73 4.08997 3.52C4.08997 3.29 4.16997 3.17 4.32997 3.14C4.48997 3.1 4.67997 3.08 4.90997 3.08H9.88997C9.93997 2.88 10.02 2.65 10.13 2.4C10.25 2.13 10.38 2 10.53 2H13.51C13.66 2 13.78 2.13 13.89 2.4C14.01 2.65 14.09 2.88 14.13 3.08H19.12C19.33 3.08 19.52 3.1 19.68 3.14C19.84 3.17 19.92 3.29 19.92 3.52C19.92 3.73 19.84 3.92 19.68 4.08C19.52 4.24 19.33 4.32 19.12 4.32H4.90997Z\" \/>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">Car wash on-site<\/span>\n<\/li>\n\n\n\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" >\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M15.52 13.85C15.86 13.85 16.12 13.91 16.31 14.03C16.51 14.13 16.67 14.26 16.77 14.4C16.9 14.56 17 14.75 17.06 14.97C17.12 15.17 17.15 15.38 17.15 15.59C17.15 16.06 17.03 16.46 16.78 16.8C16.53 17.12 16.11 17.28 15.53 17.28H14.76V13.85H15.53H15.52ZM19.96 2C20.27 2 20.52 2.09 20.73 2.29C20.93 2.47 21.04 2.7 21.06 2.99V20.51H20.01V22H11.01V20.51H9.95997V7.97H8.44997V19.28C8.44997 20.03 8.18997 20.66 7.65997 21.19C7.14997 21.72 6.50997 21.98 5.74997 21.98C4.98997 21.98 4.34997 21.72 3.79997 21.21C3.23997 20.68 2.96997 20.04 2.96997 19.28C2.96997 19.06 2.99997 18.84 3.05997 18.62C3.11997 18.4 3.17997 18.2 3.25997 18.01L7.00997 11.01L7.46997 7.98V4.97C7.46997 4.69 7.56997 4.46 7.75997 4.27C7.94997 4.07 8.17997 3.96 8.43997 3.96H9.92997V2.97C9.92997 2.68 10.03 2.44 10.24 2.27C10.44 2.09 10.7 2.01 11.01 2.01H19.99L19.96 2ZM5.70997 21.01C6.20997 21.01 6.61997 20.84 6.93997 20.51C7.27997 20.17 7.43997 19.76 7.43997 19.28V12.19L4.12997 18.45C4.05997 18.57 4.00997 18.7 3.99997 18.85C3.98997 19 3.97997 19.14 3.97997 19.29C3.97997 19.77 4.13997 20.18 4.45997 20.52C4.79997 20.86 5.20997 21.02 5.70997 21.02V21.01ZM15.46 18.25C16.44 18.25 17.14 17.99 17.57 17.48C18.01 16.97 18.23 16.34 18.23 15.59C18.23 15.27 18.19 14.96 18.1 14.67C18.03 14.36 17.89 14.09 17.68 13.86C17.36 13.42 16.98 13.16 16.56 13.07C16.14 12.97 15.76 12.92 15.42 12.92H13.71V18.25H15.47H15.46ZM18.97 8.94V4.92C18.97 4.66 18.87 4.43 18.66 4.24C18.46 4.04 18.23 3.93 17.98 3.93H12.93C12.67 3.93 12.44 4.03 12.25 4.24C12.06 4.44 11.96 4.67 11.96 4.92V8.94C11.96 9.25 12.06 9.5 12.25 9.71C12.44 9.9 12.67 10 12.93 10H17.98C18.24 10 18.47 9.9 18.66 9.71C18.86 9.51 18.97 9.25 18.97 8.94Z\" \/>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">Diesel fuel available<\/span>\n<\/li>\n\n\n\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" >\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_589_4065)\">\n<path d=\"M19.28 5.54004C20.29 5.54004 20.99 5.74004 21.39 6.15004C21.8 6.55004 22 7.25004 22 8.26004V15.75C22 16.76 21.8 17.47 21.39 17.88C20.99 18.28 20.29 18.47 19.28 18.47H4.72C3.71 18.47 3 18.27 2.59 17.88C2.19 17.47 2 16.76 2 15.75V8.26004C2 7.25004 2.2 6.55004 2.59 6.15004C2.98 5.75004 3.71 5.54004 4.72 5.54004H19.28ZM15.54 11.49C15.59 11.45 15.63 11.4 15.64 11.35C15.65 11.28 15.65 11.22 15.64 11.17C15.63 11.1 15.59 11.05 15.54 11.03C15.49 10.99 15.42 10.97 15.36 10.97H13.01L12.29 8.72004C12.26 8.67004 12.22 8.62004 12.17 8.58004C12.13 8.54004 12.07 8.52004 12.01 8.52004C11.95 8.52004 11.88 8.54004 11.83 8.58004C11.79 8.62004 11.75 8.67004 11.73 8.72004L11.01 10.97H8.66C8.59 10.97 8.53 10.99 8.48 11.03C8.43 11.06 8.39 11.11 8.38 11.17C8.37 11.22 8.37 11.29 8.38 11.35C8.39 11.4 8.43 11.45 8.48 11.49L10.38 12.86L9.66 15.11C9.63 15.16 9.63 15.23 9.64 15.29C9.67 15.34 9.71 15.39 9.76 15.43C9.81 15.47 9.87 15.49 9.92 15.49C9.99 15.49 10.05 15.47 10.1 15.43L12 14.04L13.9 15.43C13.9 15.43 13.95 15.46 13.98 15.47C14.01 15.48 14.03 15.49 14.06 15.49C14.1 15.49 14.14 15.49 14.16 15.47C14.19 15.46 14.21 15.44 14.24 15.43C14.29 15.39 14.33 15.34 14.34 15.29C14.37 15.22 14.37 15.16 14.34 15.11L13.62 12.86L15.52 11.49H15.54Z\" \/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_589_4065\">\n<rect width=\"24\" height=\"24\" \/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">Earn KickBack points<\/span>\n<\/li>\n\n<\/ul>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Fuel Forward App<\/h2>\n\n\n\n<section class=\"fuel-forward-app wp-block-fuels-redesign-fuel-forward-app\" aria-label=\"Fuel Forward app highlights\">\n\t<div class=\"fuel-forward-app__panels\" role=\"list\">\n\t\t\t\t\t<article\n\t\t\t\tid=\"fuel-forward-step-1-one-app-thousands-of-places-to-save\"\n\t\t\t\tclass=\"fuel-forward-app__panel is-active\"\n\t\t\t\tdata-step-index=\"0\"\n\t\t\t\trole=\"listitem\"\n\t\t\t\taria-labelledby=\"fuel-forward-step-1-one-app-thousands-of-places-to-save-heading\"\n\t\t\t>\n\t\t\t\t<!-- Left: heading, body, CTA -->\n\t\t\t\t<div class=\"fuel-forward-app__content\">\n\t\t\t\t\t<h3 id=\"fuel-forward-step-1-one-app-thousands-of-places-to-save-heading\" class=\"fuel-forward-app__heading\">One app. Thousands of places to save.<\/h3>\n\t\t\t\t\t<p class=\"fuel-forward-app__body\">With daily discounts at Phillips 66&reg;, Conoco&reg; and 76&reg;, the Fuel Forward&reg; App is your savings copilot. Download to save up.<\/p>\n\t\t\t\t\t<a\n\tclass=\"cta-button__link is-style-primary fuel-forward-app__button wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Download the app<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Center: phone -->\n\t\t\t\t<div class=\"fuel-forward-app__device-wrap\" aria-hidden=\"true\">\n\t\t\t\t\t<div class=\"fuel-forward-app__device\">\n\t\t\t\t\t\t<div class=\"fuel-forward-app__screen-wrap\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" class=\"fuel-forward-app__screen\" src=\"https:\/\/placehold.co\/304x630\/e9ecef\/7b8794?text=Fuel+Forward+Map\" alt=\"One app. Thousands of places to save.\" width=\"304\" height=\"630\" loading=\"eager\" decoding=\"async\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<img class=\"fuel-forward-app__device-frame\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/images\/mockup.png\" alt=\"\" width=\"327\" height=\"663\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Right: checklist + dots -->\n\t\t\t\t<div class=\"fuel-forward-app__benefits\">\n\t\t\t\t\t<div class=\"fuel-forward-app__benefits-copy\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"fuel-forward-app__list\" aria-label=\"Step highlights\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" style=\"color: var(--wp--preset--color--phillips-66-red, #da2b1f);\">\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16.9801 6.38182C17.4195 5.8971 18.1575 5.87028 18.6288 6.32206C19.1 6.77393 19.1261 7.53301 18.6869 8.01779L9.98563 17.618C9.76496 17.8614 9.45588 18 9.13226 18C8.80871 17.9999 8.49951 17.8614 8.27888 17.618L5.31314 14.346C4.8738 13.8613 4.90003 13.1022 5.37125 12.6503C5.8425 12.1984 6.5805 12.2243 7.01989 12.7089L9.13226 15.0398L16.9801 6.38182Z\" \/>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">Download the app<\/span>\n<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" style=\"color: var(--wp--preset--color--phillips-66-red, #da2b1f);\">\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16.9801 6.38182C17.4195 5.8971 18.1575 5.87028 18.6288 6.32206C19.1 6.77393 19.1261 7.53301 18.6869 8.01779L9.98563 17.618C9.76496 17.8614 9.45588 18 9.13226 18C8.80871 17.9999 8.49951 17.8614 8.27888 17.618L5.31314 14.346C4.8738 13.8613 4.90003 13.1022 5.37125 12.6503C5.8425 12.1984 6.5805 12.2243 7.01989 12.7089L9.13226 15.0398L16.9801 6.38182Z\" \/>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">Register an account to unlock exclusive deals and encrypted security<\/span>\n<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" style=\"color: var(--wp--preset--color--phillips-66-red, #da2b1f);\">\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16.9801 6.38182C17.4195 5.8971 18.1575 5.87028 18.6288 6.32206C19.1 6.77393 19.1261 7.53301 18.6869 8.01779L9.98563 17.618C9.76496 17.8614 9.45588 18 9.13226 18C8.80871 17.9999 8.49951 17.8614 8.27888 17.618L5.31314 14.346C4.8738 13.8613 4.90003 13.1022 5.37125 12.6503C5.8425 12.1984 6.5805 12.2243 7.01989 12.7089L9.13226 15.0398L16.9801 6.38182Z\" \/>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">Connect your wallet<\/span>\n<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<nav class=\"fuel-forward-app__progress\" aria-label=\"Fuel Forward showcase progress\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclass=\"fuel-forward-app__dot is-active\"\n\t\t\t\t\t\t\t\thref=\"#fuel-forward-step-1-one-app-thousands-of-places-to-save\"\n\t\t\t\t\t\t\t\tdata-step-link=\"0\"\n\t\t\t\t\t\t\t\taria-label=\"Go to step 1 of 3: One app. Thousands of places to save.\"\n\t\t\t\t\t\t\t\taria-current=\"step\"\n\t\t\t\t\t\t\t><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclass=\"fuel-forward-app__dot\"\n\t\t\t\t\t\t\t\thref=\"#fuel-forward-step-2-save-in-3-steps\"\n\t\t\t\t\t\t\t\tdata-step-link=\"1\"\n\t\t\t\t\t\t\t\taria-label=\"Go to step 2 of 3: Save in 3 steps.\"\n\t\t\t\t\t\t\t\taria-current=\"false\"\n\t\t\t\t\t\t\t><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclass=\"fuel-forward-app__dot\"\n\t\t\t\t\t\t\t\thref=\"#fuel-forward-step-3-the-fastest-safest-way-to-pay\"\n\t\t\t\t\t\t\t\tdata-step-link=\"2\"\n\t\t\t\t\t\t\t\taria-label=\"Go to step 3 of 3: The fastest, safest way to pay.\"\n\t\t\t\t\t\t\t\taria-current=\"false\"\n\t\t\t\t\t\t\t><\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/nav>\n\t\t\t\t<\/div>\n\t\t\t<\/article>\n\t\t\t\t\t<article\n\t\t\t\tid=\"fuel-forward-step-2-save-in-3-steps\"\n\t\t\t\tclass=\"fuel-forward-app__panel\"\n\t\t\t\tdata-step-index=\"1\"\n\t\t\t\trole=\"listitem\"\n\t\t\t\taria-labelledby=\"fuel-forward-step-2-save-in-3-steps-heading\"\n\t\t\t>\n\t\t\t\t<!-- Left: heading, body, CTA -->\n\t\t\t\t<div class=\"fuel-forward-app__content\">\n\t\t\t\t\t<h3 id=\"fuel-forward-step-2-save-in-3-steps-heading\" class=\"fuel-forward-app__heading\">Save in 3 steps.<\/h3>\n\t\t\t\t\t<p class=\"fuel-forward-app__body\">Just download the Fuel Forward&reg; App, register an account, then connect your wallet and you&apos;re ready to stack up the savings. It&apos;s really that simple.<\/p>\n\t\t\t\t\t<a\n\tclass=\"cta-button__link is-style-primary fuel-forward-app__button wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Download the app<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Center: phone -->\n\t\t\t\t<div class=\"fuel-forward-app__device-wrap\" aria-hidden=\"true\">\n\t\t\t\t\t<div class=\"fuel-forward-app__device\">\n\t\t\t\t\t\t<div class=\"fuel-forward-app__screen-wrap\">\n\t\t\t\t\t\t\t<img class=\"fuel-forward-app__screen\" src=\"https:\/\/placehold.co\/304x630\/f6f7f8\/7b8794?text=Fuel+Forward+Deals\" alt=\"Save in 3 steps.\" width=\"304\" height=\"630\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<img class=\"fuel-forward-app__device-frame\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/images\/mockup.png\" alt=\"\" width=\"327\" height=\"663\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Right: checklist + dots -->\n\t\t\t\t<div class=\"fuel-forward-app__benefits\">\n\t\t\t\t\t<div class=\"fuel-forward-app__benefits-copy\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"fuel-forward-app__intro\">The app saves you at least 5&cent;\/gal daily, plus more for holidays:<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"fuel-forward-app__list\" aria-label=\"Savings highlights\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" style=\"color: var(--wp--preset--color--phillips-66-red, #da2b1f);\">\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16.9801 6.38182C17.4195 5.8971 18.1575 5.87028 18.6288 6.32206C19.1 6.77393 19.1261 7.53301 18.6869 8.01779L9.98563 17.618C9.76496 17.8614 9.45588 18 9.13226 18C8.80871 17.9999 8.49951 17.8614 8.27888 17.618L5.31314 14.346C4.8738 13.8613 4.90003 13.1022 5.37125 12.6503C5.8425 12.1984 6.5805 12.2243 7.01989 12.7089L9.13226 15.0398L16.9801 6.38182Z\" \/>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">25&cent;\/gal on New Year&apos;s Day<\/span>\n<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" style=\"color: var(--wp--preset--color--phillips-66-red, #da2b1f);\">\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16.9801 6.38182C17.4195 5.8971 18.1575 5.87028 18.6288 6.32206C19.1 6.77393 19.1261 7.53301 18.6869 8.01779L9.98563 17.618C9.76496 17.8614 9.45588 18 9.13226 18C8.80871 17.9999 8.49951 17.8614 8.27888 17.618L5.31314 14.346C4.8738 13.8613 4.90003 13.1022 5.37125 12.6503C5.8425 12.1984 6.5805 12.2243 7.01989 12.7089L9.13226 15.0398L16.9801 6.38182Z\" \/>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">14&cent;\/gal on Valentine&apos;s Day<\/span>\n<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" style=\"color: var(--wp--preset--color--phillips-66-red, #da2b1f);\">\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16.9801 6.38182C17.4195 5.8971 18.1575 5.87028 18.6288 6.32206C19.1 6.77393 19.1261 7.53301 18.6869 8.01779L9.98563 17.618C9.76496 17.8614 9.45588 18 9.13226 18C8.80871 17.9999 8.49951 17.8614 8.27888 17.618L5.31314 14.346C4.8738 13.8613 4.90003 13.1022 5.37125 12.6503C5.8425 12.1984 6.5805 12.2243 7.01989 12.7089L9.13226 15.0398L16.9801 6.38182Z\" \/>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">10&cent; Tuesdays: 10&cent;\/gal on the first Tuesday of every month<\/span>\n<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" style=\"color: var(--wp--preset--color--phillips-66-red, #da2b1f);\">\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16.9801 6.38182C17.4195 5.8971 18.1575 5.87028 18.6288 6.32206C19.1 6.77393 19.1261 7.53301 18.6869 8.01779L9.98563 17.618C9.76496 17.8614 9.45588 18 9.13226 18C8.80871 17.9999 8.49951 17.8614 8.27888 17.618L5.31314 14.346C4.8738 13.8613 4.90003 13.1022 5.37125 12.6503C5.8425 12.1984 6.5805 12.2243 7.01989 12.7089L9.13226 15.0398L16.9801 6.38182Z\" \/>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">And many more!<\/span>\n<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<nav class=\"fuel-forward-app__progress\" aria-label=\"Fuel Forward showcase progress\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclass=\"fuel-forward-app__dot\"\n\t\t\t\t\t\t\t\thref=\"#fuel-forward-step-1-one-app-thousands-of-places-to-save\"\n\t\t\t\t\t\t\t\tdata-step-link=\"0\"\n\t\t\t\t\t\t\t\taria-label=\"Go to step 1 of 3: One app. Thousands of places to save.\"\n\t\t\t\t\t\t\t\taria-current=\"false\"\n\t\t\t\t\t\t\t><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclass=\"fuel-forward-app__dot is-active\"\n\t\t\t\t\t\t\t\thref=\"#fuel-forward-step-2-save-in-3-steps\"\n\t\t\t\t\t\t\t\tdata-step-link=\"1\"\n\t\t\t\t\t\t\t\taria-label=\"Go to step 2 of 3: Save in 3 steps.\"\n\t\t\t\t\t\t\t\taria-current=\"step\"\n\t\t\t\t\t\t\t><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclass=\"fuel-forward-app__dot\"\n\t\t\t\t\t\t\t\thref=\"#fuel-forward-step-3-the-fastest-safest-way-to-pay\"\n\t\t\t\t\t\t\t\tdata-step-link=\"2\"\n\t\t\t\t\t\t\t\taria-label=\"Go to step 3 of 3: The fastest, safest way to pay.\"\n\t\t\t\t\t\t\t\taria-current=\"false\"\n\t\t\t\t\t\t\t><\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/nav>\n\t\t\t\t<\/div>\n\t\t\t<\/article>\n\t\t\t\t\t<article\n\t\t\t\tid=\"fuel-forward-step-3-the-fastest-safest-way-to-pay\"\n\t\t\t\tclass=\"fuel-forward-app__panel\"\n\t\t\t\tdata-step-index=\"2\"\n\t\t\t\trole=\"listitem\"\n\t\t\t\taria-labelledby=\"fuel-forward-step-3-the-fastest-safest-way-to-pay-heading\"\n\t\t\t>\n\t\t\t\t<!-- Left: heading, body, CTA -->\n\t\t\t\t<div class=\"fuel-forward-app__content\">\n\t\t\t\t\t<h3 id=\"fuel-forward-step-3-the-fastest-safest-way-to-pay-heading\" class=\"fuel-forward-app__heading\">The fastest, safest way to pay.<\/h3>\n\t\t\t\t\t<p class=\"fuel-forward-app__body\">Advanced encryption ensures secure, contactless payment so you can get maximum card protection and unmatched peace of mind.<\/p>\n\t\t\t\t\t<a\n\tclass=\"cta-button__link is-style-primary fuel-forward-app__button wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Download the app<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Center: phone -->\n\t\t\t\t<div class=\"fuel-forward-app__device-wrap\" aria-hidden=\"true\">\n\t\t\t\t\t<div class=\"fuel-forward-app__device\">\n\t\t\t\t\t\t<div class=\"fuel-forward-app__screen-wrap\">\n\t\t\t\t\t\t\t<img class=\"fuel-forward-app__screen\" src=\"https:\/\/placehold.co\/304x630\/f4f6f8\/7b8794?text=Fuel+Forward+Wallet\" alt=\"The fastest, safest way to pay.\" width=\"304\" height=\"630\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<img class=\"fuel-forward-app__device-frame\" src=\"https:\/\/develop.phillips66.com\/conococom\/wp-content\/themes\/fuels-redesign\/assets\/images\/mockup.png\" alt=\"\" width=\"327\" height=\"663\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Right: checklist + dots -->\n\t\t\t\t<div class=\"fuel-forward-app__benefits\">\n\t\t\t\t\t<div class=\"fuel-forward-app__benefits-copy\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"fuel-forward-app__list\" aria-label=\"Wallet and payment highlights\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" style=\"color: var(--wp--preset--color--phillips-66-red, #da2b1f);\">\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16.9801 6.38182C17.4195 5.8971 18.1575 5.87028 18.6288 6.32206C19.1 6.77393 19.1261 7.53301 18.6869 8.01779L9.98563 17.618C9.76496 17.8614 9.45588 18 9.13226 18C8.80871 17.9999 8.49951 17.8614 8.27888 17.618L5.31314 14.346C4.8738 13.8613 4.90003 13.1022 5.37125 12.6503C5.8425 12.1984 6.5805 12.2243 7.01989 12.7089L9.13226 15.0398L16.9801 6.38182Z\" \/>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">Register for a digital card<\/span>\n<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" style=\"color: var(--wp--preset--color--phillips-66-red, #da2b1f);\">\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16.9801 6.38182C17.4195 5.8971 18.1575 5.87028 18.6288 6.32206C19.1 6.77393 19.1261 7.53301 18.6869 8.01779L9.98563 17.618C9.76496 17.8614 9.45588 18 9.13226 18C8.80871 17.9999 8.49951 17.8614 8.27888 17.618L5.31314 14.346C4.8738 13.8613 4.90003 13.1022 5.37125 12.6503C5.8425 12.1984 6.5805 12.2243 7.01989 12.7089L9.13226 15.0398L16.9801 6.38182Z\" \/>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">DirectPay allows for seamless and secure payments<\/span>\n<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" style=\"color: var(--wp--preset--color--phillips-66-red, #da2b1f);\">\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16.9801 6.38182C17.4195 5.8971 18.1575 5.87028 18.6288 6.32206C19.1 6.77393 19.1261 7.53301 18.6869 8.01779L9.98563 17.618C9.76496 17.8614 9.45588 18 9.13226 18C8.80871 17.9999 8.49951 17.8614 8.27888 17.618L5.31314 14.346C4.8738 13.8613 4.90003 13.1022 5.37125 12.6503C5.8425 12.1984 6.5805 12.2243 7.01989 12.7089L9.13226 15.0398L16.9801 6.38182Z\" \/>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">Earn KickBack&reg; Points on eligible purchases<\/span>\n<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" style=\"color: var(--wp--preset--color--phillips-66-red, #da2b1f);\">\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16.9801 6.38182C17.4195 5.8971 18.1575 5.87028 18.6288 6.32206C19.1 6.77393 19.1261 7.53301 18.6869 8.01779L9.98563 17.618C9.76496 17.8614 9.45588 18 9.13226 18C8.80871 17.9999 8.49951 17.8614 8.27888 17.618L5.31314 14.346C4.8738 13.8613 4.90003 13.1022 5.37125 12.6503C5.8425 12.1984 6.5805 12.2243 7.01989 12.7089L9.13226 15.0398L16.9801 6.38182Z\" \/>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">Redeem points on gas and more<\/span>\n<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<nav class=\"fuel-forward-app__progress\" aria-label=\"Fuel Forward showcase progress\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclass=\"fuel-forward-app__dot\"\n\t\t\t\t\t\t\t\thref=\"#fuel-forward-step-1-one-app-thousands-of-places-to-save\"\n\t\t\t\t\t\t\t\tdata-step-link=\"0\"\n\t\t\t\t\t\t\t\taria-label=\"Go to step 1 of 3: One app. Thousands of places to save.\"\n\t\t\t\t\t\t\t\taria-current=\"false\"\n\t\t\t\t\t\t\t><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclass=\"fuel-forward-app__dot\"\n\t\t\t\t\t\t\t\thref=\"#fuel-forward-step-2-save-in-3-steps\"\n\t\t\t\t\t\t\t\tdata-step-link=\"1\"\n\t\t\t\t\t\t\t\taria-label=\"Go to step 2 of 3: Save in 3 steps.\"\n\t\t\t\t\t\t\t\taria-current=\"false\"\n\t\t\t\t\t\t\t><\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclass=\"fuel-forward-app__dot is-active\"\n\t\t\t\t\t\t\t\thref=\"#fuel-forward-step-3-the-fastest-safest-way-to-pay\"\n\t\t\t\t\t\t\t\tdata-step-link=\"2\"\n\t\t\t\t\t\t\t\taria-label=\"Go to step 3 of 3: The fastest, safest way to pay.\"\n\t\t\t\t\t\t\t\taria-current=\"step\"\n\t\t\t\t\t\t\t><\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/nav>\n\t\t\t\t<\/div>\n\t\t\t<\/article>\n\t\t\n\t\t<div class=\"fuel-forward-app__end-pin\" aria-hidden=\"true\"><\/div>\n\t<\/div>\n<\/section>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Wrapper<\/h2>\n\n\n\n<div class=\"wp-block-fuels-redesign-wrapper is-width-full\" data-width-option=\"full\">\n<p class=\"wp-block-paragraph\">This Wrapper is set to Full Width and contains a small Icon List to demonstrate it can hold other components rather than sitting empty.<\/p>\n\n\n\n<ul class=\"icon-list wp-block-fuels-redesign-icon-list\">\n\t\n\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" >\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_589_3714)\">\n<path d=\"M16.6 22H12.21C11.48 22 10.76 22 10.05 21.98H7.91001C7.81001 21.98 7.69001 21.92 7.56001 21.81C7.44001 21.71 7.38001 21.61 7.36001 21.53C7.20001 20.35 7.03001 19.17 6.86001 17.99C6.70001 16.8 6.54001 15.61 6.38001 14.43C6.22001 13.24 6.06001 12.05 5.90001 10.87L5.42001 7.29003C5.42001 7.29003 5.42001 7.26003 5.44001 7.25003C5.45001 7.22003 5.47001 7.18003 5.48001 7.12003H18.67C18.5 8.37003 18.32 9.62003 18.15 10.85C17.99 12.07 17.82 13.31 17.65 14.56C17.48 15.8 17.3 17.03 17.13 18.27C16.96 19.51 16.78 20.75 16.61 22H16.6ZM7.00001 8.55003C7.07001 9.02003 7.14001 9.47003 7.20001 9.90002C7.26001 10.32 7.30001 10.74 7.33001 11.14C7.36001 11.49 7.45001 11.74 7.61001 11.88C7.77001 12.02 8.02001 12.09 8.37001 12.08C9.49001 12.07 10.61 12.07 11.73 12.08H16.53C16.62 11.44 16.7 10.84 16.77 10.27C16.86 9.70003 16.94 9.13003 17.03 8.55003H7.00001ZM15.86 16.78H8.15001C8.22001 17.35 8.30001 17.91 8.37001 18.46C8.44001 19 8.52001 19.53 8.61001 20.05C8.62001 20.15 8.68001 20.26 8.76001 20.38C8.86001 20.48 8.95001 20.53 9.02001 20.53C10.07 20.54 11.12 20.55 12.16 20.55H15.35C15.44 19.9 15.52 19.26 15.59 18.65C15.68 18.04 15.76 17.41 15.85 16.77L15.86 16.78ZM4.20001 5.47003C4.11001 5.08003 4.10001 4.74003 4.16001 4.47003C4.22001 4.19003 4.47001 3.96003 4.92001 3.77003C5.21001 3.65003 5.47001 3.43003 5.68001 3.09003C5.91001 2.76003 6.20001 2.40003 6.53001 2.02003H13.41C13.93 2.02003 14.46 2.02003 14.98 2.04003C15.5 2.04003 16.03 2.03003 16.55 2.00003C16.94 1.99003 17.28 2.03003 17.55 2.13003C17.83 2.23003 18.04 2.51003 18.21 2.96003C18.33 3.24003 18.54 3.48003 18.87 3.68003C19.2 3.87003 19.54 4.09003 19.87 4.36003V5.47003H4.20001Z\" \/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_589_3714\">\n<rect width=\"24\" height=\"24\" \/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">Coffee available<\/span>\n<\/li>\n\n\n\n<li class=\"wp-block-fuels-redesign-list-item list-item\">\n\t<span class=\"list-item__icon\" >\n\t\t<svg aria-hidden=\"true\" focusable=\"false\" class=\"list-item__icon-img\" fill=\"currentColor\" width=\"21\" height=\"19\" viewbox=\"0 0 21 19\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M9.57 18.04H1.99V9.12C1.91 9.16 1.82 9.2 1.72 9.22C1.62 9.23 1.52 9.24 1.41 9.24C1.02 9.24 0.68 9.1 0.4 8.82C0.13 8.54 0 8.21 0 7.81V6.41L3.92 0H15.84L20.01 6.41V7.81C20.01 8.2 19.87 8.54 19.59 8.82C19.32 9.1 18.99 9.24 18.59 9.24C18.44 9.24 18.29 9.22 18.15 9.18C18.01 9.12 17.88 9.05 17.75 8.95V18.04H15.05V12.97C15.05 12.83 15.04 12.72 15.01 12.63C14.98 12.55 14.94 12.49 14.88 12.46V12.4H14.65C14.59 12.39 14.52 12.38 14.44 12.38H10.17C9.92 12.38 9.76 12.42 9.69 12.48C9.62 12.55 9.59 12.71 9.59 12.96V18.03L9.57 18.04ZM2.91 7.82C2.91 8.21 3.04 8.55 3.29 8.83C3.54 9.11 3.86 9.25 4.25 9.25C4.64 9.25 4.98 9.12 5.28 8.85C5.59 8.57 5.74 8.24 5.74 7.85V6.93L5.78 6.43L7.92 1.76H5.7L2.91 6.43V7.83V7.82ZM7.48 13.87V11.5C7.48 11.3 7.45 11.18 7.4 11.12C7.34 11.06 7.22 11.04 7.02 11.04H4.65C4.45 11.04 4.32 11.07 4.25 11.12C4.19 11.18 4.17 11.3 4.17 11.5V13.87C4.17 14.07 4.2 14.2 4.25 14.27C4.32 14.33 4.45 14.35 4.65 14.35H7.02C7.22 14.35 7.34 14.32 7.4 14.27C7.46 14.2 7.48 14.07 7.48 13.87ZM15.48 9.24C15.87 9.24 16.21 9.1 16.48 8.82C16.77 8.54 16.92 8.21 16.92 7.81V6.41L14.05 1.74H11.81L14.05 6.41L14.07 6.91V7.83C14.07 8.22 14.2 8.56 14.47 8.83C14.75 9.1 15.08 9.23 15.48 9.23V9.24ZM9.93 9.24C10.32 9.24 10.66 9.1 10.94 8.82C11.22 8.54 11.36 8.21 11.36 7.81V6.41L10.58 1.76H9.05L8.51 6.41V7.83C8.51 8.22 8.65 8.56 8.93 8.83C9.21 9.1 9.54 9.23 9.93 9.23V9.24Z\" \/>\n<\/svg>\n\t<\/span>\n\t<span class=\"list-item__text\">Convenience store on-site<\/span>\n<\/li>\n\n<\/ul>\n<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">CTA Button<\/h2>\n\n\n<a\n\tclass=\"cta-button__link wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Primary style<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n\n\n<a\n\tclass=\"cta-button__link is-style-secondary wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Secondary style<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n\n\n<a\n\tclass=\"cta-button__link is-style-tertiary wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Tertiary style<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n\n\n<a\n\tclass=\"cta-button__link is-style-video-play wp-block-fuels-redesign-cta-button\"\thref=\"#\"\n\t\t>\n\t<span class=\"cta-button__text\">Video Play style<\/span>\n\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M3.33331 7.99998L12.6666 7.99998M12.6666 7.99998L7.99998 3.33331M12.6666 7.99998L7.99998 12.6666\" stroke=\"black\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/a>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Label<\/h2>\n\n\n<div class=\"wp-block-fuels-redesign-label\">\n\t<p class=\"label__text\">Red Tint<\/p>\n<\/div>\n\n\n<div class=\"is-style-color-red wp-block-fuels-redesign-label\">\n\t<p class=\"label__text\">Red<\/p>\n<\/div>\n\n\n<div class=\"is-style-color-black wp-block-fuels-redesign-label\">\n\t<p class=\"label__text\">Black<\/p>\n<\/div>\n\n\n<div class=\"is-style-color-white wp-block-fuels-redesign-label\">\n\t<p class=\"label__text\">White<\/p>\n<\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Spacer<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The block below is a Spacer instance shown for its own sake \u2014 distinct from the many unlabeled Spacer instances used as separators throughout this page.<\/p>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n\n\n<div style=\"--fuels-spacer-desktop:120px;--fuels-spacer-tablet:80px;--fuels-spacer-mobile:48px;--fuels-spacer-background-color:transparent;background-color:transparent\" class=\"wp-block-fuels-redesign-spacer\" aria-hidden=\"true\"><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Fuels-Redesign Component Showcase Every fuels-redesign component and variation, fully populated with mock data and placehold.co placeholders. See specs\/006-fuels-component-showcase\/data-model.md for the section-by-section spec. Bento \u2014 Full layout (default card) Bento \u2014 Halves layout (Social Media + IG Post cards) Bento \u2014 Thirds layout (App Reviews + App Download + Slider) Bento \u2014 Two-Thirds\/Full layout (Label + [&hellip;]<\/p>\n","protected":false},"author":151,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","widen_thumbnail_url":"","widen_thumbnail_width":"","widen_thumbnail_height":"","widen_thumbnail_focal_point_x":"","widen_thumbnail_focal_point_y":""},"psx_promotion":[],"class_list":["post-75578","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Component showcase | Conoco<\/title>\n<meta name=\"description\" content=\"Fuels-Redesign Component Showcase Every fuels-redesign component and variation, fully populated with mock data and placehold.co placeholders. See\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/develop.phillips66.com\/conococom\/component-showcase\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Component showcase | Conoco\" \/>\n<meta property=\"og:description\" content=\"Fuels-Redesign Component Showcase Every fuels-redesign component and variation, fully populated with mock data and placehold.co placeholders. See\" \/>\n<meta property=\"og:url\" content=\"https:\/\/develop.phillips66.com\/conococom\/component-showcase\/\" \/>\n<meta property=\"og:site_name\" content=\"Conoco\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/conoco\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T13:00:52+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@conoco\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/develop.phillips66.com\/conococom\/component-showcase\/\",\n\t            \"url\": \"https:\/\/develop.phillips66.com\/conococom\/component-showcase\/\",\n\t            \"name\": \"Component showcase | Conoco\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/develop.phillips66.com\/conococom\/#website\"\n\t            },\n\t            \"datePublished\": \"2026-09-03T12:54:16+00:00\",\n\t            \"dateModified\": \"2026-09-03T13:00:52+00:00\",\n\t            \"description\": \"Fuels-Redesign Component Showcase Every fuels-redesign component and variation, fully populated with mock data and placehold.co placeholders. See\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/develop.phillips66.com\/conococom\/component-showcase\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/develop.phillips66.com\/conococom\/component-showcase\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/develop.phillips66.com\/conococom\/component-showcase\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/develop.phillips66.com\/conococom\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Component showcase\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/develop.phillips66.com\/conococom\/#website\",\n\t            \"url\": \"https:\/\/develop.phillips66.com\/conococom\/\",\n\t            \"name\": \"Conoco\",\n\t            \"description\": \"\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/develop.phillips66.com\/conococom\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/develop.phillips66.com\/conococom\/#\/schema\/Organization\/1\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/develop.phillips66.com\/conococom\/#\/schema\/Organization\/1\",\n\t            \"name\": \"Conoco\",\n\t            \"url\": \"https:\/\/develop.phillips66.com\/conococom\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/develop.phillips66.com\/conococom\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"https:\/\/develop.phillips66.com\/conococom\/wp-content\/client-mu-plugins\/psx-yoast\/images\/conoco-android-chrome-192.png\",\n\t                \"contentUrl\": \"https:\/\/develop.phillips66.com\/conococom\/wp-content\/client-mu-plugins\/psx-yoast\/images\/conoco-android-chrome-192.png\",\n\t                \"caption\": \"Conoco\",\n\t                \"width\": 192,\n\t                \"height\": 192\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/develop.phillips66.com\/conococom\/#\/schema\/logo\/image\/\"\n\t            },\n\t            \"sameAs\": [\n\t                \"https:\/\/www.facebook.com\/conoco\",\n\t                \"https:\/\/www.instagram.com\/conoco\",\n\t                \"https:\/\/www.youtube.com\/user\/conoco\"\n\t            ]\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Component showcase | Conoco","description":"Fuels-Redesign Component Showcase Every fuels-redesign component and variation, fully populated with mock data and placehold.co placeholders. See","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/develop.phillips66.com\/conococom\/component-showcase\/","og_locale":"en_US","og_type":"article","og_title":"Component showcase | Conoco","og_description":"Fuels-Redesign Component Showcase Every fuels-redesign component and variation, fully populated with mock data and placehold.co placeholders. See","og_url":"https:\/\/develop.phillips66.com\/conococom\/component-showcase\/","og_site_name":"Conoco","article_publisher":"https:\/\/www.facebook.com\/conoco","article_modified_time":"2026-09-03T13:00:52+00:00","twitter_card":"summary_large_image","twitter_site":"@conoco","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/develop.phillips66.com\/conococom\/component-showcase\/","url":"https:\/\/develop.phillips66.com\/conococom\/component-showcase\/","name":"Component showcase | Conoco","isPartOf":{"@id":"https:\/\/develop.phillips66.com\/conococom\/#website"},"datePublished":"2026-09-03T12:54:16+00:00","dateModified":"2026-09-03T13:00:52+00:00","description":"Fuels-Redesign Component Showcase Every fuels-redesign component and variation, fully populated with mock data and placehold.co placeholders. See","breadcrumb":{"@id":"https:\/\/develop.phillips66.com\/conococom\/component-showcase\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/develop.phillips66.com\/conococom\/component-showcase\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/develop.phillips66.com\/conococom\/component-showcase\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/develop.phillips66.com\/conococom\/"},{"@type":"ListItem","position":2,"name":"Component showcase"}]},{"@type":"WebSite","@id":"https:\/\/develop.phillips66.com\/conococom\/#website","url":"https:\/\/develop.phillips66.com\/conococom\/","name":"Conoco","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/develop.phillips66.com\/conococom\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US","publisher":{"@id":"https:\/\/develop.phillips66.com\/conococom\/#\/schema\/Organization\/1"}},{"@type":"Organization","@id":"https:\/\/develop.phillips66.com\/conococom\/#\/schema\/Organization\/1","name":"Conoco","url":"https:\/\/develop.phillips66.com\/conococom\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/develop.phillips66.com\/conococom\/#\/schema\/logo\/image\/","url":"https:\/\/develop.phillips66.com\/conococom\/wp-content\/client-mu-plugins\/psx-yoast\/images\/conoco-android-chrome-192.png","contentUrl":"https:\/\/develop.phillips66.com\/conococom\/wp-content\/client-mu-plugins\/psx-yoast\/images\/conoco-android-chrome-192.png","caption":"Conoco","width":192,"height":192},"image":{"@id":"https:\/\/develop.phillips66.com\/conococom\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/conoco","https:\/\/www.instagram.com\/conoco","https:\/\/www.youtube.com\/user\/conoco"]}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/develop.phillips66.com\/conococom\/wp-json\/wp\/v2\/pages\/75578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/develop.phillips66.com\/conococom\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/develop.phillips66.com\/conococom\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/develop.phillips66.com\/conococom\/wp-json\/wp\/v2\/users\/151"}],"replies":[{"embeddable":true,"href":"https:\/\/develop.phillips66.com\/conococom\/wp-json\/wp\/v2\/comments?post=75578"}],"version-history":[{"count":3,"href":"https:\/\/develop.phillips66.com\/conococom\/wp-json\/wp\/v2\/pages\/75578\/revisions"}],"predecessor-version":[{"id":75582,"href":"https:\/\/develop.phillips66.com\/conococom\/wp-json\/wp\/v2\/pages\/75578\/revisions\/75582"}],"wp:attachment":[{"href":"https:\/\/develop.phillips66.com\/conococom\/wp-json\/wp\/v2\/media?parent=75578"}],"wp:term":[{"taxonomy":"psx_promotion","embeddable":true,"href":"https:\/\/develop.phillips66.com\/conococom\/wp-json\/wp\/v2\/psx_promotion?post=75578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}