{"version":3,"file":"js/landing-bundle-d1e6fbe2f0cb00aeb001.js","mappings":"0GAGA,MAAMA,E,OAAiBC,GAAOC,GAAI;;;;;;;;;;EAkBlC,IANcC,EAAGC,WAAUC,eAEvBC,EAAAA,cAACN,EAAc,CAACK,UAAWA,GAAYD,E,8DChBpC,MAAMG,EAAU,UACVC,EAAa,UACbC,EAAa,UCKbC,EAAa,CACxBC,YAAa,KACbC,OAAQ,KACRC,SAAU,IACVC,MAAO,IACPC,WAAY,IACZC,aAAc,KAGHC,EAAaA,CAACC,EAAYC,IAAgBC,EAAAA,EAAI;kCACzBV,EAAWQ,GAAc;MACrDC;;EAIOE,EAAaA,CAACH,EAAYC,IAAgBC,EAAAA,EAAI;kCACzBV,EAAWQ;MACvCC;;eCtBN,MAAMG,EAAarB,EAAAA,GAAOsB,GAAI;;;;;EAa9B,MAN2BC,EAAGpB,cAE1BE,EAAAA,cAACgB,EAAU,KAAElB,GCHjB,MAAMqB,EAAyBxB,EAAAA,GAAOC,GAAI;sBACpBK;;;;;;;IAOlBc,EAAW,WAAYD,EAAAA,EAAI;;;;;;;wBAOPX;;;;EAMlBiB,EAAMzB,EAAAA,GAAOC,GAAI;;;;;;;;;;IAUnBmB,EAAW,WAAYD,EAAAA,EAAI;;;;;;;;;;;;;;QAcvBC,EAAW,WAAYD,EAAAA,EAAI;;;;;;;;;;;;MAY7BC,EAAW,WAAYD,EAAAA,EAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAiC3BH,EAAW,WAAYG,EAAAA,EAAI;;;;EAM3BO,EAAU1B,EAAAA,GAAO2B,CAAE;;;;;;;;IAQrBP,EAAW,WAAYD,EAAAA,EAAI;;;;;;;;;;MAUzBC,EAAW,WAAYD,EAAAA,EAAI;;;;EAM3BS,EAAeA,IACnBvB,EAAAA,cAACkB,EAAkB,KACjBlB,EAAAA,cAAA,UAAQwB,GAAG,YAAYC,QAAQ,eAC7BzB,EAAAA,cAAA,QAAM0B,EAAE,oCAGV1B,EAAAA,cAAA,UAAQwB,GAAG,WAAWC,QAAQ,eAC5BzB,EAAAA,cAAA,QAAM0B,EAAE,yCAsBd,MAhBsBC,EAAGC,eAErB5B,EAAAA,cAACmB,EAAsB,CAACpB,UAAW6B,GACjC5B,EAAAA,cAACuB,EAAY,MACbvB,EAAAA,cAACoB,EAAG,CAACrB,UAAyB,mBAAd6B,EAAiC,4BAA8B,sBAC7E5B,EAAAA,cAACqB,EAAO,CAACQ,KAAK,mBAAkB7B,EAAAA,cAAA,YAAM,mBACtCA,EAAAA,cAAA,OAAKD,UAAU,cAAaC,EAAAA,cAAA,OAAK8B,UAAU,iBAE7C9B,EAAAA,cAACoB,EAAG,CAACrB,UAAyB,mBAAd6B,EAAiC,oCAAsC,8BACrF5B,EAAAA,cAAA,OAAKD,UAAU,gBAAeC,EAAAA,cAAA,OAAK8B,UAAU,eAC7C9B,EAAAA,cAACqB,EAAO,CAACQ,KAAK,mBAAkB7B,EAAAA,cAAA,YAAM,qBCjJ9C,MAAM+B,EAAgBpC,EAAAA,GAAO2B,CAAE;;;EAKzBU,EAAUrC,EAAAA,GAAOsB,GAAI;;;;;;;EASrBgB,EAAgBA,IACpBjC,EAAAA,cAACkB,EAAkB,KACjBlB,EAAAA,cAAA,UAAQwB,GAAG,cAAcC,QAAQ,gBAC/BzB,EAAAA,cAAA,QAAM0B,EAAE,+qCAgBd,MAXaQ,EAAGpC,cAEZE,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACiC,EAAa,MACdjC,EAAAA,cAAC+B,EAAa,CAACF,KAAK,KAClB7B,EAAAA,cAACgC,EAAO,KAAChC,EAAAA,cAAA,OAAK8B,UAAU,oBC1BhC,MAAMK,EAAyBxC,EAAAA,GAAOC,GAAI;;;;;;;;;IAStCmB,EAAW,WAAYD,EAAAA,EAAI;;;EAKzBsB,EAAezC,EAAAA,GAAOC,GAAI;;;;;;;;;EAoBhC,MATsByC,EAAGvC,cAErBE,EAAAA,cAACmC,EAAsB,KACrBnC,EAAAA,cAACkC,EAAI,MACLlC,EAAAA,cAACoC,EAAY,KAAC,gB,kBC5BpB,MAAME,EAA2B3C,EAAAA,GAAOC,GAAI;;EAItC2C,EAAsB5C,EAAAA,GAAOC,GAAI;;;;;EAOjC4C,EAAuB7C,EAAAA,GAAO8C,KAAM;;;;;;;EASpCC,EAAwB/C,EAAAA,GAAOgD,MAAO;;;;;;;;;;;;;;;;;;;EAsBtCC,EAAYA,IAChB5C,EAAAA,cAACkB,EAAkB,KACjBlB,EAAAA,cAAA,UAAQwB,GAAG,gBAAgBC,QAAQ,aACjCzB,EAAAA,cAAA,QAAM0B,EAAE,2JAMRmB,EAAaA,EAAGC,SAAQC,UAASC,kBACrC,IAAIC,EAUJ,OACEjD,EAAAA,cAACsC,EAAwB,KACX,YAAXQ,GAAmC,UAAXA,GAAiC,YAAXA,GAC7C9C,EAAAA,cAACH,EAAAA,EAAK,KAAC,mBAEG,YAAXiD,GAAwB9C,EAAAA,cAACH,EAAAA,EAAK,KAAC,cACpB,UAAXiD,GACC9C,EAAAA,cAACH,EAAAA,EAAK,KAACG,EAAAA,cAAA,QAAMkD,wBAAyB,CAAEC,OAAQJ,MAEtC,YAAXD,GACC9C,EAAAA,cAACH,EAAAA,EAAK,KAACG,EAAAA,cAAA,QAAMkD,wBAAyB,CAAEC,OAAQJ,MASlD/C,EAAAA,cAACuC,EAAmB,KAClBvC,EAAAA,cAACwC,EAAoB,CACnBY,IAAKC,GAASJ,EAAQI,EACtBC,KAAK,QACLC,YAAY,qBAGdvD,EAAAA,cAAC0C,EAAqB,CAACc,QAnCdC,IACbR,GAEAA,EAAMS,MAAMC,QAAQ,MAAQ,GAC5BX,EAAY,CACVY,MAAOX,EAAMS,SA+BT1D,EAAAA,cAAC4C,EAAS,MACV5C,EAAAA,cAAA,WAAKA,EAAAA,cAAA,OAAK8B,UAAU,sBAGC,EAqB/B,MAjBkC+B,EAAGC,eAIjC9D,EAAAA,cAAC+D,EAAAA,EAAkB,CACjBC,IAJQ,oHAKRC,OAAQA,EAAGC,YAAWpB,SAAQC,aAC5B/C,EAAAA,cAAC6C,EAAU,CACTC,OAAQA,EACRC,QAASA,EACTC,YAAamB,GAAYD,EAAUC,OC3G7C,MAAM7B,EAA2B3C,EAAAA,GAAOC,GAAI;;EAItC2C,EAAsB5C,EAAAA,GAAOC,GAAI;;;;;EAOjC4C,EAAuB7C,EAAAA,GAAO8C,KAAM;;;;;;;EASpCC,EAAwB/C,EAAAA,GAAOgD,MAAO;;;;;;;;;;;;;;;;;;;EAsBtCC,EAAYA,IAChB5C,EAAAA,cAACkB,EAAkB,KACjBlB,EAAAA,cAAA,UAAQwB,GAAG,gBAAgBC,QAAQ,aACjCzB,EAAAA,cAAA,QAAM0B,EAAE,2JAMRmB,EAAaA,EAAGC,SAAQC,UAASC,kBACrC,IAAIC,EAUJ,OACEjD,EAAAA,cAACsC,EAAwB,KACX,YAAXQ,GAAmC,UAAXA,GAAiC,YAAXA,GAC7C9C,EAAAA,cAACH,EAAAA,EAAK,KAAC,mBAEG,YAAXiD,GAAwB9C,EAAAA,cAACH,EAAAA,EAAK,KAAC,cACpB,UAAXiD,GACC9C,EAAAA,cAACH,EAAAA,EAAK,KAACG,EAAAA,cAAA,QAAMkD,wBAAyB,CAAEC,OAAQJ,MAEtC,YAAXD,GACC9C,EAAAA,cAACH,EAAAA,EAAK,KAACG,EAAAA,cAAA,QAAMkD,wBAAyB,CAAEC,OAAQJ,MASlD/C,EAAAA,cAACuC,EAAmB,KAClBvC,EAAAA,cAACwC,EAAoB,CACnBY,IAAKC,GAASJ,EAAQI,EACtBC,KAAK,QACLC,YAAY,qBAGdvD,EAAAA,cAAC0C,EAAqB,CAACc,QAnCdC,IACbR,GAEAA,EAAMS,MAAMC,QAAQ,MAAQ,GAC5BX,EAAY,CACVY,MAAOX,EAAMS,SA+BT1D,EAAAA,cAAC4C,EAAS,MACV5C,EAAAA,cAAA,WAAKA,EAAAA,cAAA,OAAK8B,UAAU,sBAGC,EAqB/B,MAjBkCsC,EAAGN,eAIjC9D,EAAAA,cAAC+D,EAAAA,EAAkB,CACjBC,IAJQ,oHAKRC,OAAQA,EAAGC,YAAWpB,SAAQC,aAC5B/C,EAAAA,cAAC6C,EAAU,CACTC,OAAQA,EACRC,QAASA,EACTC,YAAamB,GAAYD,EAAUC,OC1G7C,MAAME,EAAyB1E,EAAAA,GAAOC,GAAI;;;;;;;;IAQtCmB,EAAW,WAAYD,EAAAA,EAAI;;;;EAMzBwD,EAAqB3E,EAAAA,GAAOC,GAAI;;;;IAIlCmB,EAAW,WAAYD,EAAAA,EAAI;;;EAuB/B,MAlBsByD,EAAG3C,YAAWkC,YAAWU,oBAC7C,MAAMC,EAAkC,kBAAb7C,EAAgCiC,EAA4BO,EAIvF,OAFAM,QAAQC,IAAI/C,GAGV5B,EAAAA,cAACqE,EAAsB,KACrBrE,EAAAA,cAAA,WACEA,EAAAA,cAACH,EAAAA,EAAK,KAAEiE,GACR9D,EAAAA,cAAA,KAAGD,UAAU,0BAA0ByE,IAEzCxE,EAAAA,cAACsE,EAAkB,KACjBtE,EAAAA,cAACyE,EAAkB,OAEE,EChC7B,MAAMG,EAAwBjF,EAAAA,GAAOC,GAAI;;;;;;;;;IASrCmB,EAAW,WAAYD,EAAAA,EAAI;;;;;;;EASzB+D,EAAclF,EAAAA,GAAOC,GAAI;;;;WAIpBM;sBACWC;;;;;;;IAOlBY,EAAW,WAAYD,EAAAA,EAAI;;;;EAMzBgE,EAAqBnF,EAAAA,GAAOC,GAAI;;;;;;EAQhCmF,EAAkBpF,EAAAA,GAAOC,GAAI;;WAExBM;;;;;IAKPa,EAAW,WAAYD,EAAAA,EAAI;;;;EAMzBkE,EAAuBrF,EAAAA,GAAOsF,GAAI;;;;;;IAMpClE,EAAW,WAAYD,EAAAA,EAAI;;;EAKzBoE,EAAsBvF,EAAAA,GAAOC,GAAI;;;;IAInCmB,EAAW,WAAYD,EAAAA,EAAI;;;EAKzBqE,EAAYxF,EAAAA,GAAOyF,EAAG;;;;;;EAoC5B,OA5B8BC,IAC5B,MAAMzD,EAAY,iBAGlB,OACE5B,EAAAA,cAAC4E,EAAqB,KACpB5E,EAAAA,cAAC2B,EAAa,CAACC,UAAWA,IAC1B5B,EAAAA,cAAC6E,EAAW,KACV7E,EAAAA,cAAC8E,EAAkB,KACjB9E,EAAAA,cAACqC,EAAa,MACdrC,EAAAA,cAAC+E,EAAe,KACd/E,EAAAA,cAACkF,EAAmB,KAClBlF,EAAAA,cAACH,EAAAA,EAAK,KAAC,6BACPG,EAAAA,cAACmF,EAAS,CAACpF,UAAU,iBAAgB,wCAEvCC,EAAAA,cAACgF,EAAoB,CAACM,IAAKC,KAE7BvF,EAAAA,cAACuE,EAAa,CACZ3C,UAAWA,EACXkC,UAAU,mBACVU,cAAc,kEAIE,E,oFC7G5B,MAAMI,GAAwBjF,EAAAA,GAAOC,GAAI;;;;;;;;;IASrCmB,EAAW,WAAYD,EAAAA,EAAI;;;;;;;EASzB+D,GAAclF,EAAAA,GAAOC,GAAI;sBACTK;WACXE;;;;;;;;;;IAUPY,EAAW,WAAYD,EAAAA,EAAI;;;;EAMzBgE,GAAqBnF,EAAAA,GAAOC,GAAI;;;;;;;EAShCmF,GAAkBpF,EAAAA,GAAOC,GAAI;;WAExBO;;;;;IAKPY,EAAW,WAAYD,EAAAA,EAAI;;;;;EAOzBkE,GAAuBrF,EAAAA,GAAOsF,GAAI;;;;;;;;;IASpClE,EAAW,WAAYD,EAAAA,EAAI;;;;;;;;EAUzBoE,GAAsBvF,EAAAA,GAAOC,GAAI;;;;;;IAMnCmB,EAAW,WAAYD,EAAAA,EAAI;;;;EAMzB0E,IAAmB7F,EAAAA,EAAAA,IAAOE,EAAAA,EAAO;IACnCc,EAAW,WAAYG,EAAAA,EAAI;;;EAKzBqE,GAAYxF,EAAAA,GAAOyF,EAAG;WACjBjF;;;;;;;IAOPQ,EAAW,WAAYG,EAAAA,EAAI;;;EAiC/B,OA5B8BuE,IAC5B,MAAMzD,EAAY,iBAGlB,OACE5B,EAAAA,cAAC4E,GAAqB,KACpB5E,EAAAA,cAAC2B,EAAa,CAACC,UAAWA,IAC1B5B,EAAAA,cAAC6E,GAAW,KACV7E,EAAAA,cAAC8E,GAAkB,KACjB9E,EAAAA,cAACqC,EAAa,MACdrC,EAAAA,cAAC+E,GAAe,KACd/E,EAAAA,cAACkF,GAAmB,KAClBlF,EAAAA,cAACwF,GAAgB,KAAC,gCAClBxF,EAAAA,cAACmF,GAAS,CAACpF,UAAU,iBAAgB,2CAEvCC,EAAAA,cAACgF,GAAoB,CAACM,IAAKC,MAE7BvF,EAAAA,cAACuE,EAAa,CACZ3C,UAAWA,EACXkC,UAAU,mBACVU,cAAc,kEAIE,EC9I5BiB,IAAAA,SAAsB,CACpBC,qBAAoB,GACpBC,qBACF,I","sources":["webpack://app/./app/javascript/bundles/Global/components/Title.jsx","webpack://app/./app/javascript/bundles/Global/utilities/Colors.jsx","webpack://app/./app/javascript/bundles/Global/utilities/MediaQuery.jsx","webpack://app/./app/javascript/bundles/Global/components/SVGSpriteContainer.jsx","webpack://app/./app/javascript/bundles/Landing/components/LandingTabNav.jsx","webpack://app/./app/javascript/bundles/Global/components/Logo.jsx","webpack://app/./app/javascript/bundles/Landing/components/LandingHeader.jsx","webpack://app/./app/javascript/bundles/Global/components/BuisnessesEmailListSignup.jsx","webpack://app/./app/javascript/bundles/Global/components/ExecutivesEmailListSignup.jsx","webpack://app/./app/javascript/bundles/Landing/components/LandingFooter.jsx","webpack://app/./app/javascript/bundles/Landing/components/LandingForBusinesses.jsx","webpack://app/./app/javascript/bundles/Landing/components/LandingForExecutives.jsx","webpack://app/./app/javascript/packs/landing-bundle.js"],"sourcesContent":["import React from 'react';\nimport styled from \"styled-components\";\n\nconst TitleContainer = styled.div`\n  &, span {\n    font-family: \"termina\";\n    font-size: 0.625rem;\n    font-weight: 600;\n    letter-spacing: 0.1em;\n    line-height: 1.4;\n    margin-bottom: 0.875rem;\n    text-transform: uppercase;\n  }\n`\n\nconst Title = ({ children, className }) => {\n  return (\n    <TitleContainer className={className}>{children}</TitleContainer>\n  );\n};\n\nexport default Title;\n","// Brand Colors\nexport const callout = \"#F4B393\"\nexport const whitePoint = \"#FFFFFF\"\nexport const blackPoint = \"#0F0C03\"\n","import { css } from 'styled-components';\n\n// EXAMPLE\n// ${queryBelow(\"bigPhone\", css`\n//   width: 100%;\n// `)}\n\n// Pixel Breakpoints\nexport const querySizes = {\n  largeScreen: 1280,\n  tablet: 1024,\n  bigPhone: 840,\n  phone: 680,\n  smallPhone: 480,\n  smallerPhone: 360,\n}\n\nexport const queryAbove = (breakpoint, providedCss) => css`\n  @media screen and (min-width: ${querySizes[breakpoint] + 1}px) {\n    ${providedCss}\n  }\n`\n\nexport const queryBelow = (breakpoint, providedCss) => css`\n  @media screen and (max-width: ${querySizes[breakpoint]}px) {\n    ${providedCss}\n  }\n`\n\nexport const queryBetween = (max, min, providedCss) => css`\n  @media screen and (max-width: ${querySizes[max]}px) and (min-width: ${querySizes[min]}px) {\n    ${providedCss}\n  }\n`\n","import React from 'react';\nimport styled from \"styled-components\";\n\nconst SVGSymbols = styled.svg`\n  display: none;\n  height: 0;\n  width: 0;\n  visibility: hidden;\n`\n\nconst SVGSpriteContainer = ({ children }) => {\n  return (\n    <SVGSymbols>{children}</SVGSymbols>\n  );\n};\n\nexport default SVGSpriteContainer;\n","import React from 'react';\nimport styled, { css } from \"styled-components\";\nimport { callout, blackPoint } from '../../Global/utilities/Colors';\nimport { queryAbove, queryBelow } from '../../Global/utilities/MediaQuery';\n\n// Components\nimport SVGSpriteContainer from '../../Global/components/SVGSpriteContainer';\n\n// Styled Components\nconst LandingTabNavContainer = styled.div`\n  background-color: ${callout};\n  display: grid;\n  grid-column: 2;\n  grid-template-columns: 1fr 1fr;\n  height: 100%;\n  position: relative;\n\n  ${queryBelow(\"bigPhone\", css`\n    background-color: #FFFFFF;\n    grid-column: 1;\n    height: auto;\n  `)}\n\n  &.for-executives {\n    background-color: ${blackPoint};\n    grid-column: 1;\n    grid-row: 1;\n  }\n`\n\nconst Tab = styled.div`\n  align-items: center;\n  background-color: #0F0C03;\n  color: #0F0C03;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  position: relative;\n  width: 4em;\n\n  ${queryBelow(\"bigPhone\", css`\n    width: 100%;\n  `)}\n\n  &.callout {\n    background-color: #F4B393;\n  }\n\n  &.active {\n    z-index: 1;\n\n    &.for-executives-tab {\n      border-right: 2px solid rgba(255,255,255,0.2);\n\n      ${queryBelow(\"bigPhone\", css`\n        border-right: none;\n      `)}\n    }\n  }\n\n  &:first-of-type {\n    background-color: #0F0C03;\n    border-left: 2px solid rgba(255,255,255,0.2);\n    border-radius: 0 24px 24px 0;\n    color: #FFFFFF;\n\n    ${queryBelow(\"bigPhone\", css`\n      border-left: none;\n      border-radius: 0 24px 0 0;\n    `)}\n  }\n\n  svg {\n    bottom: 0;\n    height: 101%;\n    max-width: 5em;\n    position: absolute;\n    width: 100%;\n\n    &.callout {\n      &, use {\n        fill: #F4B393;\n      }\n    }\n\n    &.dark {\n      &, use {\n        fill: #0F0C03;\n      }\n    }\n\n    &.right {\n      right: -3.2em;\n    }\n\n    &.left {\n      left: -4.3em;\n    }\n\n    ${queryAbove(\"bigPhone\", css`\n      display: none;\n    `)}\n  }\n`\n\nconst TabText = styled.a`\n  color: currentColor;\n  font-family: \"termina\";\n  font-weight: 800;\n  font-size: 1.2em;\n  transform: rotate(90deg);\n  padding: 1.1em 2em 1em;\n\n  ${queryBelow(\"bigPhone\", css`\n    font-size: 0.8em;\n    transform: rotate(0deg);\n  `)}\n\n  span {\n    display: inline-block;\n    text-align: center;\n    width: 16em;\n\n    ${queryBelow(\"bigPhone\", css`\n      width: 100%;\n    `)}\n  }\n`\n\nconst TabSVGShapes = () => (\n  <SVGSpriteContainer>\n    <symbol id=\"tab-right\" viewBox=\"0 0 61.5 32\">\n      <path d=\"M0,0c34,0,27.5,32,61.5,32H0V0z\" />\n    </symbol>\n\n    <symbol id=\"tab-left\" viewBox=\"0 0 61.5 32\">\n      <path d=\"M61.5,32H0C34,32,27.6,0,61.5,0V32z\" />\n    </symbol>\n  </SVGSpriteContainer>\n)\n\n\nconst LandingTabNav = ({ activeTab }) => {\n  return (\n    <LandingTabNavContainer className={activeTab}>\n      <TabSVGShapes />\n      <Tab className={activeTab === 'for-businesses' ? 'for-businesses-tab active' : 'for-businesses-tab'}>\n        <TabText href=\"/for-businesses\"><span>For Businesses</span></TabText>\n        <svg className=\"dark right\"><use xlinkHref=\"#tab-right\" /></svg>\n      </Tab>\n      <Tab className={activeTab === 'for-executives' ? 'for-executives-tab active callout' : 'for-executives-tab callout'}>\n        <svg className=\"left callout\"><use xlinkHref=\"#tab-left\" /></svg>\n        <TabText href=\"/for-executives\"><span>For Executives</span></TabText>\n      </Tab>\n    </LandingTabNavContainer>\n  );\n};\n\nexport default LandingTabNav;\n","import React from 'react';\nimport styled from \"styled-components\";\n\n// Components\nimport SVGSpriteContainer from './SVGSpriteContainer';\n\n// Styled Components\nconst LogoContainer = styled.a`\n  color: currentColor;\n  display: inline-flex;\n`\n\nconst LogoSVG = styled.svg`\n  height: 2em;\n  width: 8em;\n\n  &, use {\n    fill: currentColor;\n  }\n`\n\nconst LogoSVGSprite = () => (\n  <SVGSpriteContainer>\n    <symbol id=\"daycfo-logo\" viewBox=\"0 0 119.7 30\" >\n      <path d=\"M16.2,8.2c-1.7-2-4.1-3-6.9-3C3.8,5.2,0,8.8,0,14.7c0,6,3.8,9.5,9.3,9.5c2.9,0,5.3-1,6.9-3v2.4h7.5V0h-7.5V8.2z M16.2,16.6c-1.2,1.6-3,2.2-4.7,2.2c-2.8,0-4.4-1.6-4.4-4.1c0-2.5,1.6-4.1,4.4-4.1c1.7,0,3.4,0.6,4.7,2.2V16.6z M41.1,8.2 c-1.7-2-4.1-3-6.9-3c-5.6,0-9.3,3.6-9.3,9.5c0,5.9,3.8,9.5,9.3,9.5c2.8,0,5.3-1,6.9-3v2.4h7.5V5.8h-7.5V8.2L41.1,8.2z M41.1,16.6 c-1.2,1.6-3,2.2-4.7,2.2c-2.8,0-4.4-1.6-4.4-4.1s1.6-4.1,4.4-4.1c1.7,0,3.4,0.6,4.7,2.2V16.6z M62.1,16L57.5,5.8h-7.7l8.6,16.9 L54.6,30h7.5l12-24.2h-7.6L62.1,16z M87.1,17.4c-1.8,0-3-0.9-3-2.6c0-1.7,1.2-2.6,3-2.6c1.1,0,2,0.4,2.5,1.2l1.6-0.8 c-0.7-1.1-2.2-2-4.1-2c-3,0-4.9,1.5-4.9,4.1c0,2.6,1.9,4.1,4.8,4.1c2,0,3.5-0.9,4.2-2l-1.6-0.8C89.1,17,88.2,17.4,87.1,17.4z M93,18.6h1.8v-2.9h5.1v-1.5h-5.1v-1.8h6v-1.5H93V18.6z M106.8,10.7c-3,0-4.9,1.5-4.9,4.1s1.9,4.1,4.9,4.1c3,0,4.9-1.5,4.9-4.1 C111.7,12.2,109.8,10.7,106.8,10.7z M106.8,17.4c-1.9,0-3.1-0.9-3.1-2.6s1.2-2.6,3.1-2.6c1.9,0,3.1,0.9,3.1,2.6 S108.7,17.4,106.8,17.4z M110.8,5.8H83.5c-4.9,0-8.9,4-8.9,8.9c0,4.9,4,8.9,8.9,8.9h27.3c4.9,0,8.9-4,8.9-8.9 C119.7,9.8,115.7,5.8,110.8,5.8z M110.8,21.9H83.5c-4,0-7.2-3.2-7.2-7.2c0-4,3.2-7.2,7.2-7.2h27.3c4,0,7.2,3.2,7.2,7.2 C118.1,18.7,114.8,21.9,110.8,21.9z\" />\n    </symbol>\n  </SVGSpriteContainer>\n)\n\nconst Logo = ({ children }) => {\n  return (\n    <>\n      <LogoSVGSprite />\n      <LogoContainer href=\"/\">\n        <LogoSVG><use xlinkHref=\"#daycfo-logo\" /></LogoSVG>\n      </LogoContainer>\n    </>\n  );\n};\n\nexport default Logo;\n","import React from 'react';\nimport styled, { css } from \"styled-components\";\nimport { queryBelow } from '../../Global/utilities/MediaQuery';\n\n// Components\nimport Logo from '../../Global/components/Logo';\n\n// Styled Components\nconst LandingHeaderContainer = styled.div`\n  align-items: center;\n  color: currentColor;\n  display: flex;\n  justify-content: space-between;\n  position: relativel\n  width: 100%;\n  z-index: 1;\n\n  ${queryBelow(\"bigPhone\", css`\n    margin-bottom: 10vw;\n  `)}\n`\n\nconst PseudoButton = styled.div`\n  font-family: \"termina\";\n  font-weight: 700;\n  font-size: 1.8vw;\n  max-font-size: 1.2em;\n  font-size: min(2.4vw, 1.2em);\n  padding: 0.6em 1em 0.5em;\n  border-radius: 100px;\n  border: 2px solid currentColor;\n`\n\nconst LandingHeader = ({ children }) => {\n  return (\n    <LandingHeaderContainer>\n      <Logo />\n      <PseudoButton>Coming Soon</PseudoButton>\n    </LandingHeaderContainer>\n  );\n};\n\nexport default LandingHeader;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport MailchimpSubscribe from \"react-mailchimp-subscribe\"\n\n// Components\nimport SVGSpriteContainer from \"./SVGSpriteContainer\";\nimport Title from \"./Title\";\n\n// Styled Components\nconst EmailListSignupContainer = styled.div`\n  width: 100%;\n`\n\nconst EmailListSignupForm = styled.div`\n  align-items: center;\n  border-radius: 100em;\n  border: 2px solid currentColor;\n  display: flex;\n`\n\nconst EmailListSignupInput = styled.input`\n  background-color: rgba(0,0,0,0);\n  color: currentColor;\n  flex: 1;\n  font-family: \"N27-Regular\";\n  font-size: 1em;\n  padding: 1em;\n`\n\nconst EmailListSignupButton = styled.button`\n  align-items: center;\n  border-radius: 50em;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  margin: 0.4em;\n  padding: 1em;\n\n  svg {\n    height: 1.5em;\n    position: relative;\n    right: -1px;\n    width: 1.5em;\n\n    &, use {\n      fill: #0F0C03;\n    }\n  }\n`\n\n// SVG Sprite\nconst ButtonSVG = () => (\n  <SVGSpriteContainer>\n    <symbol id=\"chevron-right\" viewBox=\"0 0 10 18\" >\n      <path d=\"M1,18c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4L7.6,9L0.3,1.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l8,8 c0.4,0.4,0.4,1,0,1.4l-8,8C1.5,17.9,1.3,18,1,18z\" />\n    </symbol>\n  </SVGSpriteContainer>\n)\n\n// Form\nconst CustomForm = ({ status, message, onValidated }) => {\n  let email, name;\n  const submit = () =>\n    email &&\n    // name &&\n    email.value.indexOf(\"@\") > -1 &&\n    onValidated({\n      EMAIL: email.value,\n      // NAME: name.value\n    });\n\n  return (\n    <EmailListSignupContainer>\n      {status !== \"sending\" && status !== \"error\" && status !== \"success\" && (\n        <Title>Stay Up To Date</Title>\n      )}\n      {status === \"sending\" && <Title>sending...</Title>}\n      {status === \"error\" && (\n        <Title><span dangerouslySetInnerHTML={{ __html: message }} /></Title>\n      )}\n      {status === \"success\" && (\n        <Title><span dangerouslySetInnerHTML={{ __html: message }} /></Title>\n      )}\n      {/* <input\n        style={{ fontSize: \"2em\", padding: 5 }}\n        ref={node => (name = node)}\n        type=\"text\"\n        placeholder=\"Your name\"\n      /> */}\n\n      <EmailListSignupForm>\n        <EmailListSignupInput\n          ref={node => (email = node)}\n          type=\"email\"\n          placeholder=\"Enter your email\"\n        />\n\n        <EmailListSignupButton onClick={submit}>\n          <ButtonSVG />\n          <svg><use xlinkHref=\"#chevron-right\" /></svg>\n        </EmailListSignupButton>\n      </EmailListSignupForm>\n    </EmailListSignupContainer>\n  );\n};\n\nconst BusinessesEmailListSignup = ({ titleText }) => {\n  const url = \"https://fun.us21.list-manage.com/subscribe/post?u=b9ba920825c83015fc99a9bc9&amp;id=b6ab834b87&amp;f_id=005861e1f0\";\n\n  return (\n    <MailchimpSubscribe\n      url={url}\n      render={({ subscribe, status, message }) => (\n        <CustomForm\n          status={status}\n          message={message}\n          onValidated={formData => subscribe(formData)}\n        />\n      )}\n    />\n  );\n}\n\nexport default BusinessesEmailListSignup;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport MailchimpSubscribe from \"react-mailchimp-subscribe\"\n\n// Components\nimport SVGSpriteContainer from \"./SVGSpriteContainer\";\nimport Title from \"./Title\";\n\n// Styled Components\nconst EmailListSignupContainer = styled.div`\n  width: 100%;\n`\n\nconst EmailListSignupForm = styled.div`\n  align-items: center;\n  border-radius: 100em;\n  border: 2px solid currentColor;\n  display: flex;\n`\n\nconst EmailListSignupInput = styled.input`\n  background-color: rgba(0,0,0,0);\n  color: currentColor;\n  flex: 1;\n  font-family: \"N27-Regular\";\n  font-size: 1em;\n  padding: 1em;\n`\n\nconst EmailListSignupButton = styled.button`\n  align-items: center;\n  border-radius: 50em;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  margin: 0.4em;\n  padding: 1em;\n\n  svg {\n    height: 1.5em;\n    position: relative;\n    right: -1px;\n    width: 1.5em;\n\n    &, use {\n      fill: #0F0C03;\n    }\n  }\n`\n\n// SVG Sprite\nconst ButtonSVG = () => (\n  <SVGSpriteContainer>\n    <symbol id=\"chevron-right\" viewBox=\"0 0 10 18\" >\n      <path d=\"M1,18c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4L7.6,9L0.3,1.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l8,8 c0.4,0.4,0.4,1,0,1.4l-8,8C1.5,17.9,1.3,18,1,18z\" />\n    </symbol>\n  </SVGSpriteContainer>\n)\n\n// Form\nconst CustomForm = ({ status, message, onValidated }) => {\n  let email, name;\n  const submit = () =>\n    email &&\n    // name &&\n    email.value.indexOf(\"@\") > -1 &&\n    onValidated({\n      EMAIL: email.value,\n      // NAME: name.value\n    });\n\n  return (\n    <EmailListSignupContainer>\n      {status !== \"sending\" && status !== \"error\" && status !== \"success\" && (\n        <Title>Stay Up To Date</Title>\n      )}\n      {status === \"sending\" && <Title>sending...</Title>}\n      {status === \"error\" && (\n        <Title><span dangerouslySetInnerHTML={{ __html: message }} /></Title>\n      )}\n      {status === \"success\" && (\n        <Title><span dangerouslySetInnerHTML={{ __html: message }} /></Title>\n      )}\n      {/* <input\n        style={{ fontSize: \"2em\", padding: 5 }}\n        ref={node => (name = node)}\n        type=\"text\"\n        placeholder=\"Your name\"\n      /> */}\n\n      <EmailListSignupForm>\n        <EmailListSignupInput\n          ref={node => (email = node)}\n          type=\"email\"\n          placeholder=\"Enter your email\"\n        />\n\n        <EmailListSignupButton onClick={submit}>\n          <ButtonSVG />\n          <svg><use xlinkHref=\"#chevron-right\" /></svg>\n        </EmailListSignupButton>\n      </EmailListSignupForm>\n    </EmailListSignupContainer>\n  );\n};\n\nconst ExecutivesEmailListSignup = ({ titleText }) => {\n  const url = \"https://fun.us21.list-manage.com/subscribe/post?u=b9ba920825c83015fc99a9bc9&amp;id=ad88ddbe0f&amp;f_id=0056e2e6f0\";\n\n  return (\n    <MailchimpSubscribe\n      url={url}\n      render={({ subscribe, status, message }) => (\n        <CustomForm\n          status={status}\n          message={message}\n          onValidated={formData => subscribe(formData)}\n        />\n      )}\n    />\n  );\n}\n\nexport default ExecutivesEmailListSignup;\n","import React from 'react';\nimport styled, { css } from \"styled-components\";\nimport { queryBelow } from '../../Global/utilities/MediaQuery';\n\n// Components\nimport Title from '../../Global/components/Title';\nimport BusinessesEmailListSignup from '../../Global/components/BuisnessesEmailListSignup';\nimport ExecutivesEmailListSignup from '../../Global/components/ExecutivesEmailListSignup';\n\n// Styled Components\nconst LandingFooterContainer = styled.div`\n  color: currentColor;\n  display: grid;\n  gap: 2em;\n  grid-template-columns: 1fr 20rem;\n  justify-content: space-between;\n  width: 100%;\n\n  ${queryBelow(\"bigPhone\", css`\n    grid-template-columns: 1fr;\n    margin-top: 10vw;\n  `)}\n`\n\nconst EmailFormContainer = styled.div`\n  width: 100%;\n  margin-left: auto;\n\n  ${queryBelow(\"bigPhone\", css`\n    width: 100%;\n  `)}\n`\n\nconst LandingFooter = ({ activeTab, titleText, paragraphText }) => {\n  const EmailFormComponent = activeTab == \"for-businesses\" ? BusinessesEmailListSignup : ExecutivesEmailListSignup;\n\n  console.log(activeTab);\n\n  return (\n    <LandingFooterContainer>\n      <div>\n        <Title>{titleText}</Title>\n        <p className=\"large no-margin-bottom\">{paragraphText}</p>\n      </div>\n      <EmailFormContainer>\n        <EmailFormComponent />\n      </EmailFormContainer>\n    </LandingFooterContainer>\n  );\n};\n\nexport default LandingFooter;\n","import React, { useState } from 'react';\nimport styled, { css } from \"styled-components\";\nimport { blackPoint, whitePoint } from '../../Global/utilities/Colors';\nimport { queryBelow } from '../../Global/utilities/MediaQuery';\n\n// Images\nimport businessLandingImage from '../../../../assets/images/dcfo-biz.webp';\n\n// Components\nimport LandingTabNav from './LandingTabNav';\nimport LandingHeader from './LandingHeader';\nimport LandingFooter from './LandingFooter';\nimport Title from '../../Global/components/Title';\n\n// Styled Components\nconst LandingOuterContainer = styled.div`\n  border-radius: 24px;\n  display: grid;\n  grid-template-columns: 1fr 8em;\n  height: max(calc(100vh - 4vw), 56em);\n  margin: 2vw;\n  overflow: hidden;\n  width: calc(100vw - 4vw);\n\n  ${queryBelow(\"bigPhone\", css`\n    border-radius: 0;\n    grid-template-columns: 1fr;\n    height: 100%;\n    margin: 0;\n    width: 100%;\n  `)}\n`\n\nconst LandingCard = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  color: ${whitePoint};\n  background-color: ${blackPoint};\n  height: 100%;\n  width: 100%;\n  padding: 4vw 6vw;\n  overflow: hidden;\n  grid-row: 1;\n\n  ${queryBelow(\"bigPhone\", css`\n    grid-row: 2;\n    padding: 10vw 6vw;\n  `)}\n`\n\nconst LandingCardContent = styled.div`\n  position: relative;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n`\n\nconst LandingCardBody = styled.div`\n  align-items: center;\n  color: ${whitePoint};\n  display: grid;\n  width: 100%;\n  grid-template-columns: 1fr 1fr;\n\n  ${queryBelow(\"bigPhone\", css`\n    grid-template-columns: 1fr;\n    grid-auto-flow: row;\n  `)}\n`\n\nconst LandingCardBodyImage = styled.img`\n  position: relative;\n  max-width: 56em;\n  width: 140%;\n  left: -30%;\n\n  ${queryBelow(\"bigPhone\", css`\n    left: -10%;\n  `)}\n`\n\nconst LandingCardBodyText = styled.div`\n  width: 120%;\n  z-index: 1;\n\n  ${queryBelow(\"bigPhone\", css`\n    width: 100%;\n  `)}\n`\n\nconst LandingH1 = styled.h1`\n  font-family: \"termina\";\n  font-weight: 700;\n  line-height: 115%;\n  letter-spacing: -0.04em;\n  font-size: min(4em, 10vw);\n`\n\nconst LandingForBusinesses = (props) => {\n  const activeTab = 'for-businesses';\n  // const [name, setName] = useState(props.name);\n\n  return (\n    <LandingOuterContainer>\n      <LandingTabNav activeTab={activeTab} />\n      <LandingCard>\n        <LandingCardContent>\n          <LandingHeader />\n          <LandingCardBody>\n            <LandingCardBodyText>\n              <Title>Find your CFO for the day</Title>\n              <LandingH1 className=\"color-callout\">Top-tier fractional CFOs on demand.</LandingH1>\n            </LandingCardBodyText>\n            <LandingCardBodyImage src={businessLandingImage} />\n          </LandingCardBody>\n          <LandingFooter\n            activeTab={activeTab}\n            titleText=\"Express Interest\"\n            paragraphText=\"Leave us your email to be the first to know when we launch.\"\n          />\n        </LandingCardContent>\n      </LandingCard>\n    </LandingOuterContainer>\n  );\n};\n\nexport default LandingForBusinesses;\n","import React, { useState } from 'react';\nimport styled, { css } from \"styled-components\";\nimport { callout, blackPoint, whitePoint } from '../../Global/utilities/Colors';\nimport { queryAbove, queryBelow } from '../../Global/utilities/MediaQuery';\n\n// Images\nimport businessLandingImage from '../../../../assets/images/dcfo-exec-landing-image.webp';\n\n// Components\nimport LandingTabNav from './LandingTabNav';\nimport LandingHeader from './LandingHeader';\nimport LandingFooter from './LandingFooter';\nimport Title from '../../Global/components/Title';\n\n// Styled Components\nconst LandingOuterContainer = styled.div`\n  border-radius: 24px;\n  display: grid;\n  grid-template-columns: 8em 1fr;\n  height: max(calc(100vh - 4vw), 66em);\n  margin: 2vw;\n  overflow: hidden;\n  width: calc(100vw - 4vw);\n\n  ${queryBelow(\"bigPhone\", css`\n    border-radius: 0;\n    grid-template-columns: 1fr;\n    height: 100%;\n    margin: 0;\n    width: 100%;\n  `)}\n`\n\nconst LandingCard = styled.div`\n  background-color: ${callout};\n  color: ${blackPoint};\n  display: flex;\n  flex-direction: column;\n  grid-row: 1;\n  height: 100%;\n  justify-content: space-between;\n  overflow: hidden;\n  padding: 4vw 6vw;\n  width: 100%;\n\n  ${queryBelow(\"bigPhone\", css`\n    grid-row: 2;\n    padding: 10vw 6vw;\n  `)}\n`\n\nconst LandingCardContent = styled.div`\n  color: currentColor;\n  position: relative;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n`\n\nconst LandingCardBody = styled.div`\n  align-items: center;\n  color: ${blackPoint};\n  display: grid;\n  width: 100%;\n  grid-template-columns: 1fr 1fr;\n\n  ${queryBelow(\"bigPhone\", css`\n    align-items: flex-start;\n    grid-template-columns: 1fr;\n    grid-auto-flow: row;\n  `)}\n`\n\nconst LandingCardBodyImage = styled.img`\n  grid-column: 1;\n  grid-row: 1;\n  left: -25%;\n  max-width: 46em;\n  position: relative;\n  top: -5%;\n  width: 130%;\n\n  ${queryBelow(\"bigPhone\", css`\n    grid-auto-flow: row;\n    grid-row: 2;\n    left: 0;\n    margin-top: -15%;\n    top: 0;\n    width: 100%;\n  `)}\n`\n\nconst LandingCardBodyText = styled.div`\n  grid-column: 2;\n  grid-row: 1;\n  width: 100%;\n  z-index: 1;\n\n  ${queryBelow(\"bigPhone\", css`\n    grid-column: 1;\n    width: 100%;\n  `)}\n`\n\nconst ExecLandingTitle = styled(Title)`\n  ${queryAbove(\"bigPhone\", css`\n    text-align: right;\n  `)}\n`\n\nconst LandingH1 = styled.h1`\n  color: ${blackPoint};\n  font-family: \"termina\";\n  font-weight: 700;\n  line-height: 115%;\n  letter-spacing: -0.04em;\n  font-size: min(4em, 10vw);\n\n  ${queryAbove(\"bigPhone\", css`\n    text-align: right;\n  `)}\n`\n\nconst LandingForExecutives = (props) => {\n  const activeTab = 'for-executives';\n  // const [name, setName] = useState(props.name);\n\n  return (\n    <LandingOuterContainer>\n      <LandingTabNav activeTab={activeTab} />\n      <LandingCard>\n        <LandingCardContent>\n          <LandingHeader />\n          <LandingCardBody>\n            <LandingCardBodyText>\n              <ExecLandingTitle>Find your Client for the day</ExecLandingTitle>\n              <LandingH1 className=\"color-callout\">Help businesses succeed on your terms.</LandingH1>\n            </LandingCardBodyText>\n            <LandingCardBodyImage src={businessLandingImage} />\n          </LandingCardBody>\n          <LandingFooter\n            activeTab={activeTab}\n            titleText=\"Express Interest\"\n            paragraphText=\"Leave us your email to be the first to know when we launch.\"\n          />\n        </LandingCardContent>\n      </LandingCard>\n    </LandingOuterContainer>\n  );\n};\n\nexport default LandingForExecutives;\n","import ReactOnRails from 'react-on-rails';\n\nimport LandingForBusinesses from '../bundles/Landing/components/LandingForBusinesses';\nimport LandingForExecutives from '../bundles/Landing/components/LandingForExecutives';\n\n// This is how react_on_rails can see the HelloWorld in the browser.\nReactOnRails.register({\n  LandingForBusinesses,\n  LandingForExecutives,\n});\n"],"names":["TitleContainer","styled","div","Title","children","className","React","callout","whitePoint","blackPoint","querySizes","largeScreen","tablet","bigPhone","phone","smallPhone","smallerPhone","queryAbove","breakpoint","providedCss","css","queryBelow","SVGSymbols","svg","SVGSpriteContainer","LandingTabNavContainer","Tab","TabText","a","TabSVGShapes","id","viewBox","d","LandingTabNav","activeTab","href","xlinkHref","LogoContainer","LogoSVG","LogoSVGSprite","Logo","LandingHeaderContainer","PseudoButton","LandingHeader","EmailListSignupContainer","EmailListSignupForm","EmailListSignupInput","input","EmailListSignupButton","button","ButtonSVG","CustomForm","status","message","onValidated","email","dangerouslySetInnerHTML","__html","ref","node","type","placeholder","onClick","submit","value","indexOf","EMAIL","BusinessesEmailListSignup","titleText","MailchimpSubscribe","url","render","subscribe","formData","ExecutivesEmailListSignup","LandingFooterContainer","EmailFormContainer","LandingFooter","paragraphText","EmailFormComponent","console","log","LandingOuterContainer","LandingCard","LandingCardContent","LandingCardBody","LandingCardBodyImage","img","LandingCardBodyText","LandingH1","h1","props","src","businessLandingImage","ExecLandingTitle","ReactOnRails","LandingForBusinesses","LandingForExecutives"],"sourceRoot":""}